:root {
  --new-bcgr: #2e3137;
  --black: black;
  --deep: black;
  --white: white;
  --epicdevs_blue: #006ef0;
  --lighter: #ededed;
  --epicdevs_turc: #09ede4;
  --darkest: #323232;
  --dark: #9e9e9e;
  --mint: #e8f3f1;
}

.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-checkbox {
  margin-bottom: 5px;
  padding-left: 20px;
  display: block;
}

.w-checkbox:before {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox:after {
  content: " ";
  clear: both;
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox-input {
  float: left;
  margin: 4px 0 0 -20px;
  line-height: normal;
}

.w-checkbox-input--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 2px;
  width: 12px;
  height: 12px;
}

.w-checkbox-input--inputType-custom.w--redirected-checked {
  background-color: #3898ec;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-color: #3898ec;
}

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

.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 {
  background-color: var(--new-bcgr);
  color: #fff;
  font-family: Chakra Petch, sans-serif;
  font-size: 1vw;
  font-weight: 400;
  line-height: 1.6;
}

h1 {
  transform-origin: 50% 100%;
  text-transform: uppercase;
  margin-top: 0;
  font-family: Chakra Petch, sans-serif;
  font-size: 5.7em;
  font-weight: 400;
  line-height: 1;
}

h2 {
  transform-origin: 50% 100%;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2.92em;
  font-weight: 400;
  line-height: 1.1;
}

h3 {
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: .2em;
  font-size: 2.08em;
  font-weight: 400;
  line-height: 1;
}

h4 {
  margin-top: 0;
  font-size: 1.67em;
  font-weight: 500;
  line-height: 1;
}

h5 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1em;
  line-height: 1.4;
}

h6 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: .85em;
  font-weight: 700;
  line-height: 1.4;
}

p {
  margin-top: 0;
  font-family: Chakra Petch, sans-serif;
  font-size: 1em;
  font-weight: 300;
  line-height: 1.5;
}

a {
  color: #09ccdc;
  text-decoration: none;
}

ul {
  margin-top: 0;
  margin-bottom: 2em;
}

img {
  max-width: 100%;
  display: inline-block;
}

blockquote {
  border-left: .4em solid #e2e2e2;
  margin-bottom: 1em;
  padding: 1em 2em;
  font-size: 1.24em;
  line-height: 1.6;
}

figure {
  margin-bottom: 10px;
}

.container {
  width: 100%;
  max-width: 1920px;
  margin-left: auto;
  margin-right: auto;
  padding: 5em 10em;
}

.container.colors {
  background-color: #f5f5f5;
}

.style_item {
  border-bottom: .1em solid #bdbdbd;
  padding: 3.5em 0;
}

.html {
  width: 0;
  height: 0;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%;
  overflow: hidden;
}

.c-rich-text p {
  margin-top: .5em;
  margin-bottom: 2em;
  font-family: StanVision Book;
}

.c-rich-text h1, .c-rich-text h2, .c-rich-text h3 {
  margin-top: .2em;
  margin-bottom: .2em;
}

.c-rich-text h4 {
  margin-top: .2em;
  margin-bottom: .6em;
}

.c-rich-text h5 {
  margin-top: .2em;
  margin-bottom: 1em;
}

.c-rich-text h6 {
  margin-top: .2em;
  margin-bottom: .2em;
}

.modal-wrapper {
  z-index: 99999;
  background-color: rgba(20, 20, 20, .8);
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: scroll;
}

.accordian_trigger-title {
  text-transform: none;
  cursor: pointer;
  margin-bottom: 0;
  font-size: 1.4rem;
}

.accordian_content {
  background-color: #fff;
  width: 100%;
  margin-top: 0;
  padding-top: 0;
  padding-left: 1.5em;
  padding-right: 1.5em;
  overflow: hidden;
}

.accordian_content-spacer {
  margin-top: 1em;
  margin-bottom: 1em;
}

.accordian_trigger {
  color: #000;
  cursor: pointer;
  background-color: #fff;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 1em 1.5em 16px;
  text-decoration: none;
  transition: background-color .3s;
  display: flex;
}

.accordian_trigger:hover {
  background-color: #eaecee;
}

.accordian_item {
  text-align: left;
  border: 1px solid #b1b6be;
  border-radius: 4px;
  margin-bottom: 10px;
  overflow: hidden;
}

.modal-close-area {
  justify-content: center;
  align-items: center;
  display: block;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.styles__section-label {
  letter-spacing: 0;
  text-transform: none;
  border-bottom: 1px dotted #212121;
  margin-top: 4%;
  margin-bottom: 4%;
  padding-bottom: 8px;
}

.modal-container {
  z-index: 5;
  background-color: #fff;
  border-radius: 4px;
  width: 85%;
  max-width: 600px;
  margin: 10vh auto 20px;
  display: block;
  position: relative;
  overflow: hidden;
}

.btn {
  border: 1px solid rgba(0, 0, 0, 0);
  border-radius: 60px;
  padding: .5em 1.25em;
  text-decoration: none;
  transition: box-shadow .3s ease-out, border-color .3s ease-out;
  display: inline-block;
  box-shadow: inset 0 0 rgba(0, 0, 0, 0);
}

.btn:hover {
  color: #fff;
  box-shadow: inset 0 0 0 100px rgba(0, 0, 0, .15);
}

.btn.btn-primary {
  background-color: #3d44e9;
  border-color: rgba(0, 0, 0, 0);
}

.btn.btn-primary.card-slider_nav-link {
  margin-top: 0;
  margin-right: 0;
  padding: 16px 20px;
}

.card-body {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 24px;
  position: relative;
}

.card-body.is_flex {
  flex-wrap: nowrap;
  display: flex;
}

.icon-solid {
  color: #000;
  padding: .2em .5em;
  font-family: "Font awesome 6 pro solid 900";
  font-size: 1.4em;
  font-weight: 400;
}

.icon {
  padding: .2em .5em;
  font-family: "Font awesome 6 pro solid 900";
  font-size: 1.1em;
  font-weight: 400;
}

.whole-wrapper {
  justify-content: space-between;
  display: flex;
}

.two-column-item {
  width: 48%;
}

.h1 {
  z-index: 2;
  color: var(--black);
  text-transform: uppercase;
  font-family: Chakra Petch, sans-serif;
  font-size: 4.17em;
  font-weight: 400;
  line-height: 1;
  position: relative;
}

.h1.heading-15 {
  text-transform: none;
  width: 50%;
  font-family: Chakra Petch, sans-serif;
  font-size: 18px;
  line-height: 1.6;
  position: relative;
  top: 40px;
}

.h2 {
  transform-origin: 50% 100%;
  text-transform: uppercase;
  margin-bottom: 0;
  font-family: Chakra Petch, sans-serif;
  font-size: 2.92em;
  font-weight: 400;
  line-height: 1;
}

.h3 {
  transform-origin: 50% 100%;
  color: var(--black);
  text-transform: uppercase;
  font-family: Chakra Petch, sans-serif;
  font-size: 2.08em;
  font-weight: 400;
  line-height: 1;
}

.h3.super-script-h {
  margin-bottom: 0;
}

.h3.is--bgtext-black {
  font-family: Chakra Petch, sans-serif;
}

.h4 {
  text-transform: uppercase;
  margin-bottom: 0;
  font-family: Chakra Petch, sans-serif;
  font-size: 1.67em;
  font-weight: 400;
  line-height: 1.2;
}

.h4.no-caps {
  text-transform: none;
}

.h4.no-wrap {
  white-space: nowrap;
}

.h4.is--bgtext-black {
  font-family: Chakra Petch, sans-serif;
}

.h5 {
  color: var(--black);
  text-transform: uppercase;
  margin-bottom: 0;
  font-family: Chakra Petch, sans-serif;
  font-size: 1.4em;
  font-weight: 400;
  line-height: 1.1;
}

.h5.no-caps {
  text-transform: none;
}

.h5.is--bgtext-white.right-aligned-titles {
  text-align: right;
}

.h6 {
  margin-bottom: 0;
  font-family: Chakra Petch, sans-serif;
  font-size: .85em;
  font-weight: 400;
  line-height: 1.4;
}

.item_wrapper {
  flex: 1;
  margin-bottom: 15px;
  padding-left: 20px;
  padding-right: 20px;
}

.text-small {
  font-family: Chakra Petch, sans-serif;
  font-size: 12px;
  line-height: 14px;
}

.row {
  flex-wrap: wrap;
  align-content: stretch;
  margin-bottom: 2em;
  margin-left: -20px;
  margin-right: -20px;
  display: flex;
}

.card {
  background-color: #fff;
  border-radius: 4px;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  width: auto;
  margin-bottom: 1em;
  display: flex;
  overflow: hidden;
  box-shadow: 0 4px 12px rgba(0, 0, 0, .08), 0 1px 2px rgba(0, 0, 0, .12);
}

.mb-0 {
  margin-bottom: 0;
}

.is--bg-deep {
  background-color: var(--deep);
  color: #fff;
}

.is--bg-light {
  background-color: #e2e2e2;
}

.is--bg-lightest {
  background-color: #f2f2f2;
}

.is--bg-white {
  background-color: var(--white);
  color: #000;
}

.is--bg-darkest {
  background-color: #323232;
}

.is--bg-dark {
  background-color: #c7c7c7;
}

.styles__color-swatch {
  color: var(--white);
  width: 100%;
  height: 100px;
}

.is--bg-lighter {
  background-color: #ededed;
}

.is--bg-pale {
  background-color: #fafafa;
}

.is--bg-gray {
  background-color: #c7c7c7;
}

.is--bg-black {
  background-color: var(--black);
  color: #fff;
}

.is--bg-darker {
  background-color: #737373;
}

.mb-1 {
  margin-bottom: 8px;
}

.form-success {
  background-color: rgba(0, 0, 0, 0);
  min-height: 320px;
  position: relative;
}

.form {
  width: 100%;
  position: relative;
}

.form-error {
  color: #e31700;
  background-color: rgba(0, 0, 0, 0);
  border-top: 1px solid #e31700;
  margin-top: 16px;
  padding: 8px 0 0;
}

.form-success_icon {
  text-align: center;
  flex: none;
  width: 80px;
  height: 80px;
  margin-bottom: 16px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.form-success_icon-lottie {
  width: 110px;
  position: absolute;
  top: auto;
  bottom: 40%;
  left: auto;
  right: 50%;
  transform: translate(50%, 50%);
}

.input-group {
  flex-direction: column;
  margin-bottom: 16px;
  display: block;
  position: relative;
}

.input-group.textarea {
  min-height: 120px;
}

.form-success_flex {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 500px;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.input-label {
  z-index: 1;
  color: #000;
  border-top-right-radius: 3px;
  margin-bottom: -32px;
  margin-left: 10px;
  margin-right: 10px;
  padding: 10px 5px 5px;
  font-size: .9rem;
  font-weight: 600;
  line-height: 1;
  position: relative;
}

.input-label.static {
  background-color: rgba(0, 0, 0, 0);
  margin-bottom: 0;
  margin-left: 0;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 1rem;
}

.form-required-note {
  font-size: .8rem;
  position: absolute;
  top: auto;
  bottom: 0%;
  left: auto;
  right: 0%;
}

.input-radio {
  background-color: #fff;
  border-color: #b1b6be;
  width: 20px;
  height: 20px;
  margin-top: 2px;
  margin-left: 0;
  margin-right: 8px;
  box-shadow: inset 0 0 0 3px #fff;
}

.input-radio:hover {
  background-color: #d0d4d7;
}

.input-radio.w--redirected-checked {
  background-color: #3d44e9;
  border-width: 1px;
  border-color: #3d44e9;
}

.input-radio.w--redirected-focus {
  border-color: #b1b6be;
}

.input-check_group {
  align-items: center;
  margin-bottom: 8px;
  padding-left: 0;
  display: flex;
}

.input {
  color: #000;
  background-color: #fff;
  border: 1px solid #b1b6be;
  border-radius: 4px;
  min-height: 65px;
  margin-bottom: 4px;
  padding: 32px 14px 10px;
  font-size: 1rem;
  transition: background-color .3s cubic-bezier(.165, .84, .44, 1);
}

.input:hover, .input:focus {
  background-color: #fff;
  border-color: #3d44e9;
}

.input::placeholder {
  color: #b1b6be;
}

.input.textarea {
  min-height: 120px;
}

.button2-hover {
  background-color: rgba(219, 238, 255, .4);
}

.card-body-2 {
  text-align: center;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 24px;
  position: relative;
}

.button-dissabled {
  background-color: rgba(61, 79, 224, .25);
}

.button-focus {
  background-color: rgba(61, 79, 224, .8);
}

.button2 {
  background-color: rgba(219, 238, 255, .25);
}

.is--bg-primary {
  background-color: var(--epicdevs_blue);
  color: rgba(0, 0, 0, 0);
}

.is--bg-warning {
  background-color: #652401;
}

.is--bg-warning._3 {
  background-color: #ffe5d7;
}

.is--bg-warning._2 {
  background-color: #fd7830;
}

.is--bg-info {
  background-color: #473d1f;
}

.is--bg-info._2 {
  background-color: #09ccdc;
}

.is--bg-info._3 {
  background-color: #f8f3e7;
}

.button-hover {
  background-color: rgba(61, 79, 224, .4);
}

.is--bg-success {
  background-color: #016545;
}

.is--bg-success._3 {
  background-color: #d3f8ec;
}

.is--bg-success._2 {
  background-color: #01be81;
}

.button2-focus {
  background-color: rgba(219, 238, 255, .8);
}

.is--bg-danger {
  background-color: #990038;
}

.is--bg-danger._3 {
  background-color: #ffe0ec;
}

.is--bg-danger._2 {
  background-color: #ffaac9;
}

.card_wrapper {
  padding: 20px;
}

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

.is--bgtext-black {
  color: #000;
  font-family: Montserrat, sans-serif;
}

.overflow-visible {
  overflow: visible;
}

.card-slider_item {
  flex-direction: column;
  flex: none;
  align-items: stretch;
  max-width: 350px;
  margin-right: 20px;
  display: flex;
}

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

.mt-3 {
  margin-top: 24px;
}

.d-none, .d-none.d-block {
  display: none;
}

.modal-close-area-2 {
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.card-slider_nav {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-top: 16px;
  display: flex;
}

.styles__visual-div {
  text-align: center;
  background-color: #eaecee;
  border: 1px solid #b1b6be;
  padding-top: 15px;
  padding-bottom: 15px;
}

.card-slider_nav-icon {
  width: 12px;
  height: 20px;
}

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

.is--bgtext-primary {
  color: #0e1658;
}

.owl-carousel.owl-theme.card-slider {
  flex-direction: row;
  display: flex;
}

.styles__tab-menu {
  text-align: center;
  background-color: #000;
  border-bottom: 2px solid #000;
  padding-top: 32px;
  padding-bottom: 32px;
}

.nav {
  background-color: #fff;
  border-bottom: 1px solid #f0f6fa;
  padding-top: 16px;
  padding-bottom: 16px;
  position: relative;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.card-slider_wrapper {
  flex-direction: row;
  display: block;
  position: relative;
}

.is--bgtext-gray {
  color: #b1b6be;
  text-align: left;
  font-family: Montserrat, sans-serif;
}

.modal-close {
  z-index: 10;
  background-color: rgba(0, 0, 0, 0);
}

.overflow-hidden {
  overflow: hidden;
}

.sr-only {
  white-space: nowrap;
  border: 0 solid rgba(0, 0, 0, 0);
  width: 1px;
  height: 1px;
  margin-top: -1px;
  padding: 0;
  position: absolute;
  overflow: hidden;
}

.d-flex {
  display: flex;
}

.text-small-2 {
  font-size: .875rem;
  line-height: 1.4;
}

.d-block {
  display: block;
}

.styles__tab-link {
  color: #fff;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #fff;
  border-radius: 50px;
  margin-left: 8px;
  margin-right: 8px;
}

.styles__tab-link:hover {
  color: #fff;
  background-color: rgba(255, 255, 255, .2);
}

.styles__tab-link.w--current {
  color: #000;
  background-color: #fff;
}

.body {
  background-color: var(--lighter);
  color: var(--black);
  font-size: 20px;
}

.body.bold {
  font-weight: 700;
}

.body.leading {
  font-size: 18px;
}

.body.o-x-hidden {
  background-color: var(--lighter);
  font-family: Chakra Petch, sans-serif;
}

.body.is--bgtext-black {
  font-family: Chakra Petch, sans-serif;
}

.text-tiny {
  font-family: Montserrat, sans-serif;
  font-size: 12px;
}

.button {
  color: #000;
  text-transform: uppercase;
  white-space: nowrap;
  background-color: #fff;
  border-radius: 0;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-right: 0;
  padding: 14px 18px 12px;
  font-size: 14px;
  font-weight: 400;
  transition: color .35s, background-color .35s;
  display: flex;
  position: relative;
  overflow: hidden;
}

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

.button:active {
  background-color: var(--epicdevs_blue);
}

.button.secondary {
  color: #fff;
  background-color: #000;
  border: 1px #000;
}

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

.button.secondary.ghost.white {
  color: #fff;
  border-color: #fff;
}

.button.secondary.ghost.white:hover {
  background-color: rgba(255, 255, 255, .13);
}

.button.secondary.icon:hover {
  background-color: rgba(0, 0, 0, .16);
}

.button.ghost {
  color: #000;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #000;
}

.button.large {
  background-color: var(--epicdevs_blue);
  padding: 2em 5em;
}

.button.big {
  padding: 2.4em 3.9em;
}

.button.big.ghost:hover {
  color: #fff;
  background-color: #000;
}

.button.big.ghost.ab-footer {
  z-index: 2;
  position: absolute;
  top: 52%;
  bottom: auto;
  left: auto;
  right: 0%;
}

.button.big.ghost.white {
  color: #fff;
  border-color: #fff;
}

.button.big.ghost.white.webflow {
  display: none;
}

.button.big.ghost.white.webflow:hover {
  background-color: rgba(255, 255, 255, .01);
}

.button.titles {
  margin-left: 1em;
  padding: 2em 2.6em 1.7em;
  font-size: 19px;
  display: inline-block;
  top: -.5em;
}

.button.mobile-only {
  display: none;
}

.button.services {
  background-color: #09ccdc;
  margin-bottom: 1em;
}

.button.services:hover {
  background-color: var(--black);
}

.button.services.mobile-only {
  background-color: var(--white);
}

.button.services.mobile-only:hover, .button.services.mobile-only:active {
  background-color: var(--epicdevs_turc);
}

.button.hide-on-mobile {
  border-radius: 0;
}

.button.blog {
  margin-bottom: 1em;
  margin-left: 1em;
}

.button.blog.inner {
  align-items: center;
  margin-bottom: 0;
  padding-left: 2em;
  padding-right: 2em;
  display: flex;
}

.button.difference {
  mix-blend-mode: difference;
}

.button.dark {
  color: #fff;
  background-color: #000;
}

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

.button.yellow {
  font-family: Chakra Petch, sans-serif;
}

.button.yellow:hover {
  background-color: #000;
}

.button.visit-website-cs {
  z-index: 2;
  position: absolute;
}

.button.cta {
  border-radius: 0;
  margin-bottom: .5em;
  margin-left: 1em;
  padding: .88em 1.13em .75em;
}

.button._404 {
  margin-top: 3em;
}

.is--bgtext-secondary {
  color: #d892ab;
}

.close_button__wrapper {
  justify-content: flex-end;
  display: flex;
}

.body-leading {
  color: var(--black);
  font-family: Chakra Petch, sans-serif;
  font-size: 1.4em;
  line-height: 1.2;
}

.body-leading.white {
  color: var(--white);
}

.body.bold {
  background-color: rgba(0, 0, 0, 0);
  font-family: Chakra Petch, sans-serif;
}

.is--bgtext-success {
  color: #016545;
}

.is--bgtext-deep {
  color: #1b1d21;
}

.is--bgtext-darkest {
  color: #2d3139;
}

.is--bgtext-darker {
  color: #4d5360;
}

.is--bgtext-dark {
  color: var(--darkest);
}

.styles_visual_div {
  background-color: #ebebeb;
  border: 1px solid #fff;
  justify-content: center;
  align-items: center;
  padding: 16px;
  display: block;
}

.subtitle {
  font-family: Chakra Petch, sans-serif;
  font-weight: 600;
}

.underline {
  color: var(--black);
  letter-spacing: 1.1px;
  text-transform: uppercase;
  white-space: nowrap;
  margin-bottom: 0;
  font-size: 1em;
  line-height: 1;
}

.underline.industry-label {
  margin-right: 1em;
}

.underline.hero {
  font-size: .7em;
}

.underline.is--bgtext-primary {
  color: #09ccdc;
}

.underline.footer {
  color: var(--white);
  padding-top: 0;
  padding-bottom: .5em;
}

.underline.blog {
  font-size: 15px;
  font-weight: 400;
}

.underline.blog-index-2 {
  margin-bottom: .5em;
  font-size: 15px;
}

.underline.blog-index {
  margin-bottom: 1em;
  font-family: Abc favorit pro book;
  font-size: 15px;
  font-weight: 400;
}

.is--bgtext-danger {
  color: #990038;
}

.is--bgtext-warning {
  color: #652401;
}

.is--bgtext-info {
  color: #473d1f;
}

.is--bgtext-light {
  color: #d0d4d7;
}

.is--bgtext-lighter {
  color: #eaecee;
}

.is--bgtext-lightest {
  color: #f1f3f5;
}

.is--bgtext-pale {
  color: #f8f9fa;
}

.is--bgtext-white {
  color: #fff;
}

.elevation {
  background-color: #fff;
  border-radius: 4px;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  width: auto;
  margin-bottom: 1em;
  display: flex;
  overflow: hidden;
  box-shadow: 1px 1px 4px rgba(50, 50, 93, .1);
}

.elevation._2 {
  box-shadow: 1px 1px 6px rgba(50, 50, 93, .2);
}

.elevation._3 {
  box-shadow: 1px 1px 8px rgba(50, 50, 93, .3);
}

.elevation._4 {
  box-shadow: 3px 3px 10px rgba(50, 50, 93, .4);
}

.buttons-section {
  flex-direction: column;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  width: auto;
  padding: 24px 24px 24px 0;
  display: inline-block;
  position: relative;
}

.note__wrapper {
  margin-top: 1em;
}

.select-field {
  color: #000;
  background-color: #fff;
  border: 1px solid #b1b6be;
  border-radius: 4px;
  min-height: 65px;
  margin-bottom: 4px;
  padding: 32px 14px 10px;
  font-size: 1rem;
  transition: background-color .3s cubic-bezier(.165, .84, .44, 1);
}

.select-field:hover, .select-field:focus {
  background-color: #fff;
  border-color: #3d44e9;
}

.select-field::placeholder {
  color: #b1b6be;
}

.checkbox__wrapper {
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 8px;
  padding-left: 0;
  display: flex;
}

.checkbox {
  border-color: #b1b6be;
  width: 20px;
  height: 20px;
  margin-top: 0;
  margin-left: 0;
  margin-right: 8px;
}

.checkbox:hover {
  background-color: #d0d4d7;
}

.checkbox.w--redirected-checked {
  background-color: #3d44e9;
  background-size: 16px;
  border-color: #3d44e9;
}

.checkbox.w--redirected-focus {
  border-color: #3d44e9;
}

.forms-button__wrapper {
  margin-top: 24px;
}

.nav-link {
  color: #000;
  padding: 10px 16px;
  font-size: 1rem;
  transition: color .3s cubic-bezier(.165, .84, .44, 1);
}

.nav-link:hover {
  color: #3d44e9;
}

.nav-link.w--current {
  color: #0091e3;
}

.nav-link.nav-drop {
  padding-right: 36px;
}

.nav-drop_link {
  color: #082c55;
  padding: 8px 24px;
  transition: background-color .3s cubic-bezier(.165, .84, .44, 1), color .3s cubic-bezier(.165, .84, .44, 1);
}

.nav-drop_link:hover {
  color: #3d44e9;
  background-color: #d0d4d7;
}

.nav-drop_icon {
  margin-right: 16px;
  font-size: .9rem;
}

.nav-drop_list.w--open {
  background-color: #fff;
  padding-top: 8px;
  padding-bottom: 8px;
  box-shadow: 4px 4px 2rem rgba(0, 0, 0, .12);
}

.nav-menu {
  align-items: center;
}

.nav-logo_link {
  padding-left: 0;
}

.nav-logo {
  color: #3d44e9;
  width: 140px;
}

.nav-logo.menu {
  text-align: right;
  margin-bottom: 1em;
  overflow: hidden;
}

.nav-overlay {
  display: none;
}

.nav-items__wrapper {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.p-wrapper {
  margin-top: 8px;
  margin-bottom: 8px;
}

.heading-wrapper {
  margin-bottom: 1em;
}

.heading-wrapper._2 {
  margin-bottom: 1.25em;
}

.form__wrapper {
  background-color: #fff;
  border-radius: 4px;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  margin-bottom: 1em;
  display: flex;
  overflow: hidden;
  box-shadow: 0 4px 12px rgba(0, 0, 0, .08), 0 1px 2px rgba(0, 0, 0, .12);
}

.menu-button {
  z-index: 999;
  cursor: pointer;
  flex-direction: column;
  align-items: center;
  width: 48px;
  height: 40px;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  display: flex;
  position: absolute;
  left: 0;
  right: 0;
}

.menu-button.open {
  mix-blend-mode: difference;
  margin-top: .5em;
  display: none;
}

.big-text {
  perspective: 40em;
  transform-origin: 50% 100%;
  color: var(--black);
  text-transform: uppercase;
  font-family: Chakra Petch, sans-serif;
  font-size: 8vw;
  line-height: .9;
}

.big-text.hero1 {
  transform-origin: 50% 100%;
  white-space: nowrap;
  margin-right: 20%;
  font-size: 8vw;
  position: relative;
}

.big-text.hero2 {
  z-index: 1;
  transform-origin: 50% 0;
  white-space: nowrap;
  margin-left: 13%;
  font-size: 8vw;
  position: relative;
}

.big-text.hero4 {
  z-index: -1;
  transform-origin: 50% 0;
  white-space: nowrap;
  margin-left: 11%;
  display: none;
  position: relative;
}

.big-text.hero3 {
  z-index: 2;
  white-space: nowrap;
  font-size: 8vw;
  position: relative;
}

.big-text.vertical {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.big-text.centred {
  text-align: left;
  flex-direction: column;
  align-items: center;
  margin-left: 64px;
  display: flex;
}

.big-text.design-system {
  flex-direction: column;
  display: flex;
}

.big-text.testing {
  margin-right: 30%;
}

.big-text.footer-1 {
  z-index: 2;
  transform-origin: 50% 0;
  color: #000;
  padding-top: 0;
  position: absolute;
}

.big-text.footer-1.white {
  color: #fff;
}

.big-text.footer-2 {
  transform-origin: 50% 0;
  color: #000;
  position: relative;
}

.big-text.footer-2.white {
  color: #fff;
}

.big-text.cta {
  color: var(--black);
  font-size: 7vw;
}

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

.big-text.left {
  margin-left: 80px;
  margin-right: 1em;
}

.super-text {
  text-transform: uppercase;
  font-family: Chakra Petch, sans-serif;
  font-size: 10.42em;
  line-height: .94;
  display: block;
}

.uber-text {
  transform-origin: 50% 100%;
  text-transform: uppercase;
  font-family: Chakra Petch, sans-serif;
  font-size: 15.63em;
  line-height: 1;
  display: inline;
  position: relative;
}

.uber-text.service-1 {
  color: var(--black);
}

.uber-text.service-2.development {
  color: var(--black);
  margin-bottom: 0;
  display: block;
}

.uber-text.development {
  font-size: 12em;
}

.uber-text.agency {
  color: var(--black);
}

.uber-text.journal {
  display: inline-block;
}

.uber-text.benefits {
  color: var(--black);
  font-size: 9vw;
}

.section__hero {
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: flex;
  position: relative;
  overflow: hidden;
}

.section__hero.flex {
  justify-content: center;
  align-items: center;
  display: flex;
}

.page-spacing-l {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 14.58em;
  padding-bottom: 14.58em;
  display: block;
}

.page-spacing-l.hero {
  padding-bottom: 2em;
}

.page-spacing-l.top-s {
  padding-top: 9.9em;
}

.page-spacing-l.larger {
  padding-bottom: 25em;
}

.container-s {
  text-align: left;
  flex-direction: column;
  align-items: center;
  max-width: 1920px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 26.88em;
  padding-right: 26.88em;
  display: flex;
  position: relative;
}

.container-l {
  width: 100%;
  max-width: 1920px;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 2.08em;
  padding-right: 2.08em;
  position: relative;
}

.container-l.nav-wrapper {
  border-radius: 0;
  flex-direction: column;
  justify-content: space-between;
  padding-top: 2em;
  padding-bottom: 2.08em;
  display: flex;
}

.container-l.flex {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.container-l.left-m {
  padding-left: 14.9em;
}

.container-l.navigation {
  max-width: 100%;
}

.container-l.no-max-width {
  max-width: none;
  transform: perspective(40em);
}

.container-l.no-max-width._3d {
  perspective: 40em;
}

.container-l.not-limited, .container-l.footer-container {
  max-width: none;
}

.container-m {
  width: 100%;
  max-width: 1920px;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 8em;
  padding-right: 8em;
  position: relative;
}

.container-m._3d {
  perspective: 40em;
}

.navbar {
  z-index: 998;
  background-color: rgba(221, 221, 221, 0);
  align-items: center;
  padding-top: 1em;
  padding-bottom: 1em;
  display: flex;
}

.navbar._2 {
  mix-blend-mode: normal;
  width: 100%;
  position: fixed;
}

.hero__title-parent {
  color: var(--black);
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
  position: relative;
}

.hero__title-child {
  perspective: 40em;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.span-text {
  transform-origin: 50% 100%;
  display: block;
}

.span-text.bottom-pivot {
  transform-origin: 50% 100%;
  color: var(--black);
}

.span-text.hidden {
  display: none;
}

.div-hide {
  position: relative;
  overflow: hidden;
}

.div-hide.flex {
  justify-content: flex-start;
  display: flex;
}

.nav-parent {
  justify-content: space-between;
  align-items: center;
  height: 100%;
  display: flex;
}

.menu-line {
  transform-origin: 0%;
  background-color: #fff;
  width: 48px;
  height: 2px;
}

.menu-line.menu-top {
  background-color: var(--black);
  transform-origin: 50%;
  position: absolute;
  transform: rotate(45deg);
}

.menu-line.menu-bottom {
  background-color: var(--black);
  transform-origin: 50%;
  position: absolute;
  transform: rotate(-45deg);
}

.menu-line._1, .menu-line._2 {
  background-color: var(--black);
}

.menu-lines-parent {
  cursor: pointer;
  flex-direction: column;
  justify-content: space-around;
  height: 100%;
  padding-top: 8px;
  padding-bottom: 8px;
  display: flex;
}

.menu-lines-parent.close {
  justify-content: center;
  align-items: center;
  width: 40px;
  position: relative;
}

.brand-link {
  perspective: 40em;
  perspective-origin: 50% 0;
  padding-left: 0;
  overflow: hidden;
}

.brand-link.w--current {
  overflow: hidden;
}

.section__services {
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.section__ft-project {
  perspective: 40em;
  transform-origin: 50% 100%;
  display: none;
}

.section__ft-project.hide, .section__ft-project.hidden {
  display: none;
}

.featured-project__grid {
  grid-column-gap: 2em;
  grid-row-gap: 0em;
  grid-template-rows: 1fr;
  grid-template-columns: 2fr 1fr;
  grid-auto-columns: 1fr;
  align-items: end;
  display: grid;
}

.featured-project__grid.reversed {
  grid-template-columns: 1fr 2fr;
}

.featured-project__grid.vertical {
  grid-row-gap: 2em;
  grid-template-rows: 1fr auto;
  grid-template-columns: 1fr;
}

.featured-project__grid.junts {
  grid-template-columns: 1fr 1fr;
}

.featured-video__wrapper {
  border-radius: .83em;
  flex-direction: column;
  width: 100%;
  overflow: hidden;
}

.full-img {
  object-fit: contain;
  width: 100%;
  height: 100%;
}

.full-img.overlay {
  filter: brightness(80%);
}

.feature-work-child {
  grid-column-gap: 16px;
  grid-row-gap: .8em;
  perspective: 40em;
  grid-template-rows: min-content min-content;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-items: end;
  justify-items: start;
  width: 40%;
  display: grid;
}

.feature-work-child._1 {
  width: 80%;
}

.page-spacing-m {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 5em;
  padding-bottom: 5em;
  position: relative;
}

.page-spacing-m.bottom-l {
  padding-bottom: 14.58em;
}

.accordion-parent {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: #fff;
  grid-template-rows: auto;
  grid-template-columns: auto auto;
  grid-auto-columns: 1fr;
  justify-content: flex-end;
  height: 100%;
}

.accordion-parent.dark {
  color: #000;
}

.sticky-spacer-l {
  height: 100vh;
  display: none;
  position: relative;
}

.cursor-wrap {
  mix-blend-mode: difference;
  justify-content: center;
  align-items: center;
  display: flex;
  position: fixed;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.cursor-line1 {
  background-color: #09ccdc;
  width: 2px;
  height: 40px;
  position: absolute;
}

.cursor-line1.hidden {
  opacity: 0;
}

.cursor {
  opacity: 0;
  justify-content: center;
  align-items: center;
  width: 148px;
  height: 48px;
  transition: background-color .5s, opacity .5s;
  display: flex;
}

.cursor.drag {
  background-image: url('../images/Frame-682.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.cursor.view {
  background-image: url('../images/view.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
}

.cursor.view-more {
  background-image: url('../images/view-more.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  position: relative;
}

.cursor-line2 {
  background-color: #09ccdc;
  width: 40px;
  height: 2px;
  position: absolute;
}

.cursor-line2.hidden {
  opacity: 0;
}

.button-text {
  letter-spacing: 0;
  text-transform: uppercase;
  font-family: Chakra Petch, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.3;
}

.button-text.ab {
  text-align: left;
  position: absolute;
  overflow: visible;
}

.button-text.big {
  font-family: Chakra Petch, sans-serif;
  font-size: 23px;
}

.button-text.connect {
  text-align: center;
  width: 7.6em;
  font-family: Chakra Petch, sans-serif;
}

.menu-wrapper {
  z-index: 999;
  background-color: var(--lighter);
  color: var(--black);
  display: flex;
  position: fixed;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
  transform: translate(0, -110%);
}

.top-nav-parent {
  justify-content: space-between;
  align-items: center;
  height: 5%;
  display: flex;
}

.top-nav-child {
  flex-direction: column;
  display: none;
}

.mid-nav-parent {
  z-index: 1;
  grid-column-gap: 2vw;
  grid-row-gap: 10em;
  justify-content: center;
  align-items: stretch;
  margin-top: 6em;
  margin-bottom: 6em;
  display: flex;
  position: relative;
}

.mid-nav-child {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.mid-nav-child.is-3, .mid-nav-child.is-4 {
  display: flex;
}

.bottom-nav-parent {
  text-align: left;
}

.nav-hover-img-wrapper {
  border-radius: 500px;
  width: 20vw;
  height: 30vw;
  position: absolute;
  overflow: hidden;
}

.nav-hover-img-wrapper.is-3 {
  background-image: url('../images/nav_menu_journal.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 0;
  width: 14em;
  height: 14em;
  position: absolute;
  top: auto;
  bottom: auto;
  left: auto;
  right: auto;
}

.nav-hover-img-wrapper.is-5 {
  background-image: url('../images/Nav_menu_services.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 0;
  width: 14em;
  height: 14em;
}

.nav-hover-img-wrapper.is-1 {
  background-image: url('../images/Nav_menu_team.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
  border-radius: 0;
  width: 14em;
  height: 14em;
}

.nav-hover-img-wrapper.is-2 {
  background-image: url('../images/Nav_menu_contact.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 0;
  width: 14em;
  height: 14em;
}

.nav-hover-img-wrapper.is-4 {
  background-image: url('../images/Mobile.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 14vw;
  height: 14vw;
}

.nav-link-main {
  transform-origin: 50% 0;
  color: #fff;
  text-transform: uppercase;
  font-size: 3vw;
  line-height: 1;
  position: relative;
}

.nav-link-main.is-1 {
  color: var(--black);
  font-size: 40px;
  position: absolute;
}

.nav-link-main.is-2 {
  color: var(--black);
  font-size: 40px;
  display: block;
}

.accordion-child {
  z-index: 1;
  color: #fff;
  flex-direction: column;
  justify-content: center;
  padding-top: 1em;
  padding-bottom: 1em;
  display: flex;
  position: relative;
}

.line-divider {
  background-color: var(--darkest);
  height: 1px;
  display: block;
  position: relative;
  overflow: visible;
}

.line-divider.thick {
  background-color: var(--lighter);
}

.line-divider.blog {
  width: 100%;
  height: 1px;
  position: absolute;
  top: 0;
}

.accordion-hover-img {
  z-index: 2;
  object-fit: fill;
  border-radius: .42em;
  width: 23em;
  height: 12em;
  position: absolute;
  top: auto;
  bottom: auto;
  left: auto;
  right: 0;
  overflow: hidden;
  transform: rotate(0);
}

.accordion-hover-img.black {
  justify-content: center;
  align-items: center;
  display: flex;
}

.accordion-p-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-items: flex-start;
  padding-bottom: .5em;
  display: grid;
  overflow: hidden;
}

.accordion-title-parent {
  perspective: 40em;
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-top: .5em;
  padding-bottom: .5em;
  display: flex;
}

.accordion-p-parent {
  cursor: pointer;
  width: 70%;
  margin-top: 1em;
}

.xmark-1 {
  background-color: var(--dark);
  width: 1px;
  height: 32px;
  position: absolute;
}

.xmark-1.is--bg-darker {
  background-color: var(--darkest);
}

.xmark-1.black {
  background-color: var(--black);
}

.xmark-2 {
  background-color: var(--dark);
  width: 32px;
  height: 1px;
  position: absolute;
}

.xmark-2.is--bg-darker {
  background-color: var(--darkest);
}

.xmark-2.black {
  background-color: var(--black);
}

.xmark-parent {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  display: flex;
}

.section__projects-title {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: none;
  overflow: hidden;
}

.italic {
  font-family: Chakra Petch, sans-serif;
  font-style: normal;
  font-weight: 400;
  line-height: .8;
}

.title-wrapper {
  perspective: 40em;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: flex;
}

.text-row {
  z-index: 1;
  perspective: 40em;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
}

.text-row.is-20 {
  padding-right: 20%;
}

.text-row.is--20 {
  padding-left: 20%;
  position: relative;
}

.text-row.is--10 {
  padding-left: 0%;
}

.text-row.is-10 {
  padding-right: 0%;
}

.text-row.projects-line-1 {
  margin-left: -20%;
  overflow: hidden;
}

.text-row.projects-line-2 {
  padding-left: 86px;
  overflow: hidden;
}

.text-row.hero {
  transform-origin: 50% 0;
  margin-left: 106px;
  padding-right: 4%;
}

.text-row.top-aligned {
  margin-top: 8px;
  margin-bottom: 8px;
}

.text-row.career-2 {
  margin-top: 0;
  margin-right: auto;
  overflow: hidden;
}

.text-row.career-1 {
  overflow: hidden;
}

.text-row.career-1.hidden {
  display: none;
}

.text-row.agency {
  width: 95%;
  overflow: hidden;
}

.medium-text {
  transform-origin: 50% 100%;
  text-transform: uppercase;
  white-space: nowrap;
  font-size: 5.83em;
  line-height: 1;
}

.medium-text.is--bgtext-black {
  font-family: Montserrat, sans-serif;
}

.section__case-studies, .section__case-studies.is--bg-white {
  overflow: hidden;
}

.section__case-studies._2, .section__case-studies._2.no-entries {
  display: none;
}

.slider-parent {
  perspective: 40em;
}

.list {
  display: flex;
}

.wrapper {
  margin-top: 1em;
}

.item {
  width: 27vw;
  margin-right: 1em;
}

.card-project {
  border-radius: .83em;
  width: 100%;
  height: 640px;
  position: relative;
  overflow: hidden;
}

.project-name-wrap {
  cursor: pointer;
  align-items: flex-end;
  padding: 1.2em;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.section__clients {
  overflow: hidden;
}

.clients__title-parent {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 15em;
  display: flex;
}

.logo-list {
  grid-column-gap: 0em;
  grid-row-gap: 2em;
  grid-template-rows: auto auto auto auto auto auto auto auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.logo-item {
  padding: 1em 0;
}

.logo-parent {
  width: 10em;
}

.logo-img {
  object-fit: contain;
  width: 100%;
  height: 100%;
}

.tab {
  background-color: rgba(221, 221, 221, 0);
  border: 1px solid #000;
  border-radius: 30em;
  margin-right: 1em;
  padding: .7em 1em .5em;
  transition: border-color .2s, background-color .5s, color .2s;
}

.tab:hover {
  background-color: #09ccdc;
  border-color: #09ccdc;
}

.tab.w--current {
  background-color: var(--black);
  color: #fff;
}

.tab.w--current:active {
  background-color: var(--white);
}

.tab.projects {
  color: #fff;
  border: 1px solid #fff;
  margin-right: 1em;
  transition: border-color .2s, background-color .5s, color .2s;
}

.tab.projects:hover {
  color: #000;
  background-color: #09ccdc;
  border-color: #09ccdc;
}

.tab.projects.w--current {
  background-color: var(--white);
  color: #000;
}

.tab.projects.w--current:hover {
  border-color: var(--white);
}

.tab.team {
  color: #fff;
  border-color: #fff;
  margin-bottom: .5em;
  margin-right: .5em;
  display: flex;
}

.tab.team:hover {
  color: #000;
  border-color: #09ccdc;
}

.tab.team.w--current {
  color: #000;
  background-color: #fff;
}

.tab.team.w--current:hover {
  background-color: #09ccdc;
}

.tab.team.hidden {
  display: none;
}

.tab.last {
  background-color: rgba(0, 0, 0, 0);
  border-radius: 0;
  margin-right: 0;
}

.tab.blog {
  border-radius: 0;
  margin-right: .5em;
}

.tab.blog.w--current {
  background-color: var(--white);
  border-radius: 0;
}

.tab.blog.hidden {
  display: none;
}

.tab-menu {
  justify-content: center;
  align-items: center;
  margin-bottom: 4em;
  padding-top: 2px;
  padding-bottom: 2px;
  display: flex;
  overflow: hidden;
}

.tab-menu.projects {
  justify-content: flex-start;
}

.tab-menu.team {
  flex-wrap: wrap;
  align-content: space-between;
  justify-content: flex-start;
  display: none;
  overflow: visible;
}

.section__blog {
  display: block;
  overflow: visible;
}

.section__blog.hidden {
  display: none;
}

.blog-title__wrapper {
  perspective: 40em;
  text-align: center;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-bottom: 4em;
  display: flex;
}

.blog-articles-parent {
  flex-direction: column;
  align-items: center;
  width: 100%;
  display: flex;
}

.blog-articles-child {
  color: #fff;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 1em;
  padding-bottom: 1em;
  display: flex;
  position: relative;
}

.blog-articles-child.on-white {
  margin-right: 2em;
  padding-top: 0;
  padding-bottom: 0;
}

.blog-hover-img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.accordion-title {
  transform-origin: 50% 100%;
  color: var(--black);
}

.accordion-title.h3 {
  margin-bottom: 0;
}

.accordion-title.small {
  width: 52%;
}

.section__scroll-text {
  z-index: 1;
  background-color: var(--lighter);
}

.side-bar-parent {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-items: flex-start;
  justify-items: start;
  display: grid;
}

.footer {
  padding-top: 2em;
  padding-bottom: 2em;
}

.footer.is--bg-white {
  position: relative;
}

.footer-top-child {
  justify-content: space-between;
  display: flex;
  position: relative;
}

.logo-footer {
  width: 10em;
}

.logo-footer.mobile, .logo-footer.mobile.w--current {
  display: none;
}

.footer-bottom-child {
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-end;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.footer-bottom-child.white {
  padding-left: 0;
  padding-right: 0;
}

.copyright {
  text-align: right;
  justify-content: center;
  align-items: center;
  display: flex;
  overflow: hidden;
}

.copyright-text {
  z-index: 4;
  font-size: 12px;
  line-height: 1;
}

.social-icons-parent {
  z-index: 2;
  margin-top: 2.2em;
  margin-bottom: 2.2em;
  display: none;
  position: relative;
}

.social-icons-parent.navigation {
  margin-top: 1em;
  margin-bottom: 0;
  display: none;
  overflow: hidden;
}

.social-icons-parent.footer {
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 0;
}

.social-icon-child {
  margin-left: 24px;
}

.social-icon-child.hidden {
  display: block;
}

.footer-mid-child {
  grid-template-rows: auto;
  grid-template-columns: min-content minmax(14em, 5em);
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: flex-end;
  margin-top: 4em;
  margin-bottom: 0;
  padding-bottom: 0;
  display: flex;
}

.footer-address {
  grid-column-gap: 16px;
  grid-row-gap: 8px;
  grid-template-rows: .5fr auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-content: end;
  align-items: center;
  width: 13em;
  max-width: 20em;
  height: 100%;
  margin-right: 10em;
  display: grid;
}

.logos-mobile {
  display: none;
  position: relative;
  overflow: hidden;
}

.blog-little-img {
  border-radius: 10px;
  flex: none;
  width: 200px;
  height: 130px;
  margin-right: 1em;
  overflow: hidden;
}

.no-break {
  font-family: Chakra Petch, sans-serif;
}

.nav-link-small {
  color: #fff;
  margin-bottom: 5px;
  font-family: Montserrat, sans-serif;
  font-size: 1vw;
  font-weight: 300;
  line-height: 1.2;
  display: flex;
}

.nav-link-small.is-2.ab, .nav-link-small.ab {
  position: absolute;
}

.nav-link-small.hidden {
  display: none;
}

.bottom-nav-child {
  text-align: left;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.logo-wrapper-nav {
  text-align: right;
  flex-direction: column;
  flex: 0 auto;
  align-items: flex-end;
  display: flex;
}

.social-icon-menu {
  margin-right: 24px;
}

.logo-menu-img {
  text-align: right;
}

.menu-heading {
  margin-bottom: .6em;
  font-size: 2.08em;
  line-height: 1;
}

.menu-small-link-hide {
  position: relative;
  overflow: hidden;
}

.section-hero-cs {
  perspective: 1000px;
  height: 88vh;
  padding-top: 4em;
  overflow: hidden;
}

.hero-container-cs {
  justify-content: space-between;
  align-items: flex-end;
  height: 100%;
  display: flex;
  position: relative;
}

.cs-hero-img-parent {
  border-radius: .83em;
  align-items: flex-end;
  width: 100%;
  height: 100%;
  padding: 1em;
  display: flex;
  position: absolute;
  overflow: hidden;
}

.cs-title-parent {
  perspective: 40em;
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  padding-bottom: 2em;
  padding-left: 2em;
  padding-right: 2em;
  display: flex;
  position: relative;
}

.round-img-wrapper {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: .83em;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.rich-text-cs {
  font-family: Montserrat, sans-serif;
  font-weight: 400;
}

.rich-text-cs h1 {
  font-size: 8em;
  line-height: .94;
}

.rich-text-cs p {
  letter-spacing: 1.1px;
  text-transform: uppercase;
  font-size: 1.1em;
  line-height: 1.6;
}

.rich-text-cs img {
  border-radius: 2.6em;
}

.rich-text-cs figure {
  border-radius: .83em;
  overflow: hidden;
}

.cs-title-child {
  grid-column-gap: 16px;
  grid-row-gap: 1em;
  grid-template-rows: .5fr 1fr auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
}

.cs-title-child._1 {
  perspective: 40em;
}

.cs-title-child._2 {
  grid-column-gap: 16px;
  grid-row-gap: 1em;
  perspective: 40em;
  text-align: right;
  grid-template-rows: min-content min-content min-content;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-items: end;
  width: 37%;
  display: grid;
}

.cs-small-info-child {
  align-items: center;
  display: flex;
  overflow: visible;
}

.industry-label {
  margin-right: 24px;
}

.collection-list {
  flex-wrap: wrap;
  grid-template-rows: auto;
  grid-template-columns: auto auto;
  grid-auto-columns: 1fr;
  justify-content: flex-end;
  display: flex;
}

.cs-small-info-parent {
  justify-content: space-between;
  display: flex;
}

.cs-info-parent {
  flex-direction: column;
  justify-content: space-between;
  display: flex;
}

.main-info-parent {
  grid-column-gap: 3em;
  grid-row-gap: 3em;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 70%;
  margin-left: auto;
  display: grid;
  position: relative;
}

.cs-main-info-child {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  perspective: 40em;
  grid-template-rows: auto auto;
  grid-template-columns: minmax(auto, auto);
  grid-auto-columns: 1fr;
  display: grid;
}

.nav-main {
  z-index: 999;
  width: 100%;
  position: fixed;
}

.cs-video-wrapper {
  border-radius: .83em;
  overflow: hidden;
}

.cs-video-wrapper._1 {
  justify-content: center;
  align-items: center;
  width: 80%;
}

.challenges-parent {
  flex-direction: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  display: flex;
}

.challenge-child {
  justify-content: flex-start;
  display: flex;
}

.challenge-child._2 {
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  width: 50%;
  display: flex;
}

.challenge-child._1 {
  position: relative;
  left: -15%;
}

.super-script {
  margin-left: 4px;
  font-size: .3em;
  font-weight: 400;
}

.super-script-h {
  transform-origin: 50% 100%;
  margin-bottom: .5em;
  font-family: Montserrat, sans-serif;
  display: flex;
}

.super-script-h.challenge {
  position: relative;
  left: -14%;
}

.client-quote-text {
  font-size: 3em;
  line-height: 1;
}

.quote-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.client-img {
  border-radius: 500px;
  width: 6em;
  height: 6em;
  margin-bottom: 1em;
  overflow: hidden;
}

.client-info-wrapper {
  z-index: 1;
  text-align: center;
  background-color: #000;
  border-radius: .83em;
  flex-direction: column;
  align-items: center;
  padding: 1.3em;
  display: flex;
  position: absolute;
  top: 94%;
  bottom: auto;
  left: -18%;
  right: auto;
}

.client-info-child {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.services__hero-title {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100vh;
  margin-top: 5em;
  position: static;
}

.services-hero-img {
  z-index: 0;
  border-radius: 20em;
  width: 30em;
  height: 15em;
  overflow: hidden;
}

.services-hero-img.web-design {
  position: relative;
  top: -.5em;
}

.services-hero-img.strategy {
  border-radius: .5em;
  position: absolute;
  top: auto;
  bottom: -8.2em;
  left: 56.1em;
  right: auto;
}

.services-hero-img.support {
  width: 18em;
  height: 30em;
  position: absolute;
  top: -37%;
  bottom: auto;
  left: auto;
  right: 27%;
}

.services-bottom-child {
  flex-direction: column;
  display: flex;
}

.services-bottom-child.webdesign {
  align-items: flex-start;
  margin-left: 22.1em;
  position: relative;
}

.services-bottom-child.development {
  align-items: flex-start;
  margin-top: 0;
  margin-bottom: 0;
  position: relative;
}

.services-bottom-child.product-design {
  position: relative;
  left: 14.6em;
}

.services-bottom-child.strategy {
  margin-left: 40%;
  position: relative;
  top: 16em;
}

.services-bottom-child.support {
  position: relative;
  left: 16em;
}

.services-hero-p {
  max-width: 45ch;
}

.services-hero-p.development {
  color: var(--black);
  max-width: 45ch;
}

.services-hero-p.product-design {
  margin-left: 2%;
  font-family: Montserrat, sans-serif;
}

.services-hero-p.web-design {
  margin-bottom: 0;
  margin-left: 4%;
}

.services-hero-p.is--bgtext-black {
  max-width: 50ch;
  margin-top: 1em;
  font-family: Chakra Petch, sans-serif;
  display: block;
}

.pill {
  border: 1px solid var(--black);
  color: #fff;
  border-radius: 0;
  align-items: center;
  margin-bottom: 8px;
  padding: .5em .6em .4em;
  display: flex;
}

.pill._2 {
  top: -32%;
  bottom: auto;
  left: auto;
  right: 13%;
}

.pill.services-web-1 {
  position: absolute;
  top: 7%;
  bottom: auto;
  left: -15%;
  right: auto;
}

.pill.services-web-2 {
  position: absolute;
  top: -13%;
  bottom: auto;
  left: auto;
  right: 12%;
}

.pill.current-services {
  opacity: 1;
  color: var(--black);
}

.pill.ab-projects {
  position: absolute;
  top: auto;
  bottom: 36%;
  left: auto;
  right: 5%;
}

.pill._1 {
  border-color: var(--black);
  color: var(--black);
  border-radius: 0;
}

.pill._2 {
  border-color: var(--black);
  border-radius: 0;
}

.pill.development {
  border-color: var(--black);
  color: var(--black);
  border-radius: 0;
  position: absolute;
  top: -13%;
  bottom: auto;
  left: auto;
  right: auto;
}

.pill.product-design {
  position: absolute;
  top: -9.3em;
  bottom: auto;
  left: auto;
  right: 16.88em;
}

.pill.services-startegy {
  border-color: var(--black);
  color: var(--black);
  position: absolute;
  top: 23.2em;
  bottom: auto;
  left: auto;
  right: 470px;
}

.pill.services-startegy.hidden {
  display: none;
}

.pill.support {
  position: absolute;
  top: 0%;
  bottom: auto;
  left: -20%;
  right: auto;
}

.pill.case-study-services {
  margin-left: 16px;
}

.section-sticky-right-part {
  margin-top: 5em;
  display: flex;
  position: relative;
}

.sticky-right-parent {
  z-index: 3;
  border-left: 1px solid rgba(255, 255, 255, .2);
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 27%;
  height: 100vh;
  margin-left: auto;
  padding: 1.3em;
  display: block;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}

.services-button-wrapper {
  flex-direction: column;
  grid-template-rows: auto auto auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-items: flex-start;
  display: flex;
}

.top-child {
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
}

.sticky-left-parent {
  z-index: 5;
  flex-direction: column;
  width: 73%;
  display: flex;
  position: static;
}

.side-text-vertical {
  transform-origin: 0 100%;
  position: absolute;
  top: 8vh;
  bottom: auto;
  left: 94%;
  right: 0%;
  transform: rotate(90deg);
}

.services-parent {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 8em 1em;
  display: flex;
  position: relative;
}

.services-parent.art-direction {
  align-items: flex-start;
  height: auto;
  padding-top: 5em;
  padding-bottom: 20em;
}

.services-parent.story-telling {
  height: auto;
  padding-top: 4.5em;
  padding-bottom: 4.5em;
}

.services-parent.height-auto {
  height: auto;
  padding-top: 5em;
  padding-bottom: 5em;
  position: relative;
}

.services-parent.app-dev {
  height: auto;
  padding-top: 5em;
  padding-bottom: 0;
}

.services-parent.ecommerce {
  height: auto;
  padding-top: 5em;
  padding-bottom: 5em;
}

.services-parent.concept-design {
  position: relative;
}

.services-parent.design-system {
  perspective: 40em;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100vh;
  padding-left: 4em;
}

.services-parent.user-ex {
  position: relative;
}

.services-parent.prototyping {
  justify-content: flex-start;
  position: relative;
}

.services-parent.journey {
  position: relative;
}

.services-parent.styles-scapes {
  height: 110vh;
  position: relative;
}

.services-parent.page-speed {
  justify-content: space-between;
  height: 90vh;
}

.services-parent.support {
  padding-top: 15em;
  padding-bottom: 15em;
  position: relative;
}

.services-offseted-p {
  width: 40ch;
  margin-top: 3em;
  margin-bottom: 1.5em;
}

.services-offseted-p.content-strategy {
  margin-left: 27.6em;
  overflow: hidden;
}

.services-offseted-p.art-direction {
  margin-left: auto;
  margin-right: auto;
}

.services-offseted-p.technical-discovery {
  width: 48ch;
  position: static;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: auto;
}

.services-offseted-p.webflow-1 {
  width: 50ch;
  margin-top: 3em;
  margin-left: 12.1em;
}

.services-offseted-p.webflow-2 {
  margin-left: 13.7em;
  display: block;
}

.services-offseted-p.webflow-3 {
  width: 48ch;
  margin-top: 5em;
  margin-bottom: 8em;
  margin-left: 5.6em;
}

.services-offseted-p.webflow-4 {
  width: 42ch;
  margin-top: 4.7em;
  margin-left: 0;
  display: block;
}

.services-offseted-p.ecommerce-1 {
  width: 38ch;
  margin-left: 0;
}

.services-offseted-p.ecommerce-2 {
  width: 38ch;
  margin-top: 1em;
  margin-left: 25em;
}

.services-offseted-p.concept-design {
  font-family: Montserrat, sans-serif;
}

.services-offseted-p.ux-1 {
  margin-left: 40%;
}

.services-offseted-p.ux-2 {
  margin-left: auto;
}

.services-offseted-p.motion-1 {
  margin-left: -50%;
}

.services-offseted-p.testing-1 {
  margin-left: 5%;
}

.services-offseted-p.mvp-2 {
  margin-left: auto;
}

.services-offseted-p.mvp-1 {
  margin-left: 5%;
}

.services-offseted-p.research-2 {
  color: var(--black);
  margin-left: auto;
}

.services-offseted-p.personas-1 {
  margin-left: auto;
}

.services-offseted-p.personas-1.audits {
  margin-left: -439px;
}

.services-offseted-p.style-1 {
  margin-left: -40%;
}

.services-offseted-p.brand {
  margin-bottom: 0;
  position: absolute;
  top: 6.4em;
  bottom: auto;
  right: 10.9em;
  overflow: hidden;
}

.services-offseted-p.support {
  position: absolute;
  top: 45%;
  bottom: auto;
  left: 3%;
  right: auto;
}

.services-offseted-p.analytics-1 {
  position: relative;
}

.services-offseted-p.a-b-testing {
  position: relative;
  top: -9.1em;
}

.services-offseted-p.speed-1 {
  margin-right: 40%;
}

.services-offseted-p.copywriting._2 {
  margin-left: 20.3em;
}

.services-offseted-p.research-2 {
  margin-left: -50%;
}

.services-offseted-p.research-2.hidden {
  display: none;
}

.content-strategy-grid {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  grid-template-rows: auto auto auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 80%;
  height: 80vh;
  margin-top: 10em;
  display: none;
  overflow: visible;
}

.content-strategy-child {
  transform-origin: 50% 0;
  background-color: #09ccdc;
  border-radius: 20px;
  height: 100%;
}

.text-invert {
  color: var(--black);
  margin-left: 0;
}

.text-invert.story-1 {
  width: 100%;
}

.section__industry-hero {
  overflow: hidden;
}

.insutry-hero-parent {
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: flex-start;
  width: 80%;
  margin-bottom: 0;
  display: flex;
}

.industry-hero-child {
  overflow: hidden;
}

.industry-hero-child.bottom {
  margin-top: 2em;
}

.industry-logo-list {
  grid-column-gap: 3em;
  grid-row-gap: 3em;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-items: center;
  margin-top: 5em;
  margin-left: -24px;
  display: grid;
}

.industry-logo-list.saas, .industry-logo-list.social-media, .industry-logo-list.fintech {
  grid-template-rows: auto;
}

.indsutry-client-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 6em;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.industry-client-parent {
  grid-column-gap: 20vw;
  grid-template-rows: auto;
  grid-template-columns: auto 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.industry-img {
  border-radius: .83em;
  height: 42em;
  overflow: hidden;
}

.industry-client-child {
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.industry-client-logo {
  mix-blend-mode: screen;
}

.industry-big-text-parent {
  margin-bottom: 9em;
  margin-left: auto;
  margin-right: auto;
}

.body-yellow {
  color: #000;
}

.section__careers-hero {
  display: flex;
  position: relative;
  overflow: hidden;
}

.careers-hero-parent {
  z-index: 1;
  perspective: 40em;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-end;
  padding-top: 8.2em;
  padding-bottom: 8.2em;
  display: flex;
  position: relative;
  overflow: hidden;
}

.careers-hero-img {
  border-radius: 500px;
  width: 15vw;
  height: 25vw;
  position: absolute;
  overflow: hidden;
}

.careers-hero-img._1 {
  z-index: -1;
  border-radius: 0;
  width: 25vw;
  height: 37vw;
  margin-left: auto;
  margin-right: auto;
}

.careers-hero-img._1.hidden {
  display: none;
}

.careers-hero-img._2 {
  z-index: -1;
  width: 18vw;
  height: 27vw;
  display: none;
  top: 20.64em;
  bottom: auto;
  left: 78.5em;
  right: auto;
}

.careers-hero-img._3 {
  z-index: 2;
  width: 29vw;
  height: 17vw;
  display: none;
  top: 16.59em;
  bottom: auto;
  left: 6.55em;
  right: auto;
}

.careers-work-parent {
  grid-column-gap: 3em;
  grid-row-gap: 16px;
  flex-direction: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.careers-p-wrapper {
  width: 50%;
}

.p-small {
  font-family: Chakra Petch, sans-serif;
  font-size: 15px;
}

.section__work.hidden, .section__chill.hidden {
  display: none;
}

.careeer-img {
  border-radius: 500px;
  position: relative;
  overflow: hidden;
}

.careeer-img._1 {
  width: 27vw;
  height: 37vw;
}

.careeer-img._2 {
  justify-content: center;
  width: 36vw;
  height: 26vw;
}

.careeer-img._3 {
  width: 80%;
  height: 31em;
  position: relative;
  right: 20vw;
}

.section__grow.hidden {
  display: none;
}

.careers-grow-parent {
  grid-column-gap: 16px;
  grid-row-gap: 3em;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 73%;
  margin-left: auto;
  display: grid;
}

.job-list {
  margin-top: 5em;
}

.section__contacts-hero {
  height: 100vh;
}

.contacts-hero-parent {
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  height: 100%;
  display: flex;
  position: relative;
}

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

.checkbox-contact {
  background-color: var(--black);
  cursor: pointer;
  border: 1px #000;
  border-radius: .83em;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 8px;
  padding: 1.7em 1.7em 1.5em;
  display: flex;
  position: relative;
}

.checkbox-contact.hidden {
  display: none;
}

.checkbox-big {
  z-index: 1;
  background-color: rgba(0, 0, 0, 0);
  background-image: url('../images/plus.svg');
  background-position: 97%;
  background-repeat: no-repeat;
  background-size: auto;
  border-style: none;
  border-width: 0;
  border-radius: .83em;
  order: 1;
  width: 100%;
  height: 100%;
  margin: 0 0 0 auto;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0;
}

.checkbox-big.w--redirected-checked {
  background-color: rgba(21, 21, 21, 0);
  background-image: url('../images/check.svg');
  background-position: 97%;
  background-size: auto;
  border: 0 rgba(0, 0, 0, 0);
  border-radius: .83em;
  margin-top: 0;
  margin-left: auto;
}

.checkbox-big.w--redirected-focus {
  box-shadow: none;
  background-color: rgba(0, 0, 0, 0);
  border-style: none;
  border-width: 0;
  border-radius: .83em;
}

.check-box-wrapper {
  margin-bottom: 5em;
  display: none;
  position: relative;
}

.radio-buttons-wrapper {
  margin-top: 5em;
  margin-bottom: 2em;
  position: relative;
}

.radio-button-contact {
  background-color: var(--black);
  border-radius: 0;
  align-items: center;
  margin-bottom: 6px;
  padding: 1.7em 1.7em 1.5em;
  transition: background-color .2s;
  display: flex;
  position: relative;
}

.radio-button {
  z-index: 1;
  background-image: url('../images/plus.svg');
  background-position: 97%;
  background-repeat: no-repeat;
  background-size: auto;
  border-style: none;
  border-radius: 0;
  width: 100%;
  height: 100%;
  margin-top: 0;
  margin-left: auto;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.radio-button.w--redirected-checked {
  background-image: url('../images/check-white.svg');
  background-position: 97%;
  background-size: auto;
  border-style: none;
  border-width: 0;
}

.radio-button.w--redirected-focus {
  box-shadow: none;
}

.form-fields-wrapper {
  position: relative;
}

.form-field {
  color: #09ccdc;
  text-transform: uppercase;
  background-color: rgba(255, 255, 255, 0);
  border: 1px solid rgba(158, 158, 158, .27);
  border-radius: 0;
  margin-bottom: 8px;
  padding: 2em 1.7em 1.8em 1.2em;
  font-family: Chakra Petch, sans-serif;
  font-size: 1.1vw;
}

.form-field:hover, .form-field:active {
  color: var(--black);
}

.form-field:focus {
  border-color: #09ccdc;
}

.form-field::placeholder {
  font-size: 1.1vw;
}

.form-field.message {
  width: 100%;
  min-width: 100%;
  max-width: 600px;
  height: 16em;
  min-height: 16em;
  max-height: 20em;
  overflow: visible;
}

.contact-title-ab {
  position: absolute;
  top: 50%;
  left: -100%;
}

.all-projects-grid {
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.project-item-child {
  cursor: pointer;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-size: cover;
  border-radius: .83em;
  width: 100%;
  height: 100%;
  padding: 0;
  position: relative;
  overflow: hidden;
}

.project-item-parent {
  cursor: pointer;
  height: 40em;
}

.section__hero-blog {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding-top: 10em;
  display: flex;
}

.blog-info-parent {
  justify-content: space-around;
  width: 96vw;
  margin-top: 5em;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.blog-info-child {
  justify-content: center;
  align-items: center;
}

.blog-info-child._1 {
  width: 40%;
}

.blog-info-child._2 {
  width: 30%;
  display: flex;
}

.blog-info-child._3 {
  justify-content: flex-end;
  width: 40%;
  display: flex;
}

.main-blog-img {
  object-fit: contain;
  width: 100%;
  height: 30vw;
  margin-top: 1em;
  margin-bottom: 1em;
  padding-bottom: 0;
  overflow: hidden;
}

.section__blog-body {
  padding-bottom: 2em;
}

.social-share-btn {
  background-image: url('../images/bx_bxl-linkedin.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
  border: 1px #838383;
  border-radius: 8px;
  width: 2.5em;
  height: 2.5em;
}

.rich-text-blog {
  color: var(--black);
  text-align: left;
  width: 780px;
}

.rich-text-blog blockquote {
  border-width: 2px 1px 1px 2px;
  border-color: var(--dark) black black var(--dark);
  text-align: center;
  border-top-style: none;
  margin-top: 1em;
  margin-bottom: 1em;
  font-size: 1.3em;
  line-height: 36px;
}

.rich-text-blog figure {
  justify-content: center;
  align-items: center;
  height: auto;
  margin-top: 0;
  margin-bottom: 2em;
  display: flex;
  overflow: hidden;
}

.rich-text-blog h2 {
  text-transform: none;
  margin-top: 0;
  margin-bottom: 24px;
  font-size: 2.38em;
}

.rich-text-blog p {
  margin-bottom: 2em;
  font-size: 1em;
  line-height: 1.5;
}

.rich-text-blog h4 {
  margin-bottom: .6em;
  font-size: 1.4em;
  font-weight: 400;
  line-height: 1.1;
}

.rich-text-blog li {
  margin-bottom: .5em;
  padding-left: 8px;
}

.rich-text-blog h3 {
  text-transform: none;
  margin-bottom: 24px;
  font-size: 30px;
  line-height: 1.2;
}

.rich-text-blog img {
  object-fit: cover;
  object-position: 50% 50%;
  width: 100%;
  max-width: 100%;
  height: 100%;
}

.rich-text-blog h1 {
  text-transform: none;
  margin-bottom: 24px;
  font-size: 64px;
}

.rich-text-blog h5 {
  margin-bottom: 8px;
  padding-left: 100px;
  padding-right: 100px;
  font-size: 18px;
}

.rich-text-blog ul {
  padding-left: 80px;
  font-size: 15px;
}

.rich-text-blog a {
  color: var(--epicdevs_blue);
  font-family: Chakra Petch, sans-serif;
  font-weight: 400;
}

.blog-full-img {
  object-fit: cover;
  width: 100%;
  height: 40vw;
  margin-top: 4em;
  margin-bottom: 4em;
}

.agency-hero-parent {
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100%;
  display: flex;
  position: relative;
}

.agency-img {
  border-radius: 500px;
  position: absolute;
  overflow: hidden;
}

.agency-img._1 {
  z-index: 0;
  border-radius: 24px;
  width: 29vw;
  height: 44vw;
  position: absolute;
  top: 3%;
  bottom: auto;
  left: auto;
  right: 3%;
  overflow: hidden;
}

.agency-img._2 {
  z-index: 2;
  width: 17vw;
  height: 26vw;
  display: none;
  top: auto;
  bottom: -21%;
  left: auto;
  right: 15%;
}

.agency-img._3 {
  border-radius: 24px;
  width: 30vw;
  top: auto;
  bottom: 19%;
  left: 5%;
  right: 0%;
}

.agency-img._4 {
  border-radius: 24px;
  width: 31vw;
  height: 14vw;
  top: 9%;
  bottom: auto;
  left: 10%;
  right: auto;
}

.agency-img._5 {
  z-index: 1;
  border-radius: 24px;
  width: 18vw;
  height: 25vw;
  display: none;
  top: 50%;
  left: 15%;
}

.section__agency-hero {
  align-items: center;
  height: 100vh;
  display: flex;
}

.body-white {
  background-color: var(--lighter);
  color: var(--black);
}

.blog-hero-img {
  border-radius: .83em;
  width: 100%;
  height: 26em;
  overflow: hidden;
}

.blog-hero-title-grid {
  flex-direction: column;
  grid-template-rows: min-content min-content min-content auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.team-name-wrap {
  background-color: rgba(0, 0, 0, .15);
  justify-content: space-between;
  align-items: flex-end;
  padding: 1.2em;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.rich-text-team {
  text-align: right;
  justify-content: flex-end;
  align-items: flex-end;
  width: 50%;
  font-size: 16px;
  font-weight: 300;
}

.rich-text-team p {
  margin-bottom: 0;
  font-size: 1em;
}

.team-name-child {
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  height: 100%;
  display: flex;
}

.section__process {
  display: none;
}

.outline-span {
  border: 1px solid #fff;
  border-radius: 50px;
  align-items: center;
  padding: .5em .6em .3em;
  font-size: 1.1em;
  display: flex;
}

.outline-span.hero1 {
  border-color: var(--black);
  border-radius: 0;
  position: absolute;
  top: auto;
  bottom: -2.9vw;
  left: -5.5em;
  right: auto;
}

.outline-span.hero2 {
  border-color: var(--black);
  border-radius: 0;
  position: absolute;
  top: -10.2vw;
  bottom: auto;
  left: auto;
  right: -3.7em;
}

.intro-logo-wrap {
  z-index: 2;
  justify-content: center;
  align-items: center;
  display: flex;
  overflow: hidden;
}

.logo-intro {
  width: 8em;
  max-width: none;
  height: 100%;
}

.logo-intro.black {
  opacity: 0;
  width: 8em;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

._3d {
  perspective: 40em;
}

.black-to-white-section {
  display: none;
}

.right-aligned-titles {
  flex-direction: column;
  align-items: flex-end;
  display: flex;
  position: relative;
}

.women-img {
  z-index: 1;
  border-radius: .83em;
  width: 35em;
  height: 34em;
  position: relative;
  top: 6em;
  left: 1em;
  overflow: hidden;
  transform: rotate(-6deg);
}

.ellipse-img {
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.art-direction-images {
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  margin-top: 10em;
  display: flex;
  position: relative;
}

.pattern-img {
  height: 20em;
  position: relative;
  bottom: -13.1em;
  left: -28.2em;
}

.letter-img {
  z-index: 1;
  width: 15em;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: auto;
  right: 37%;
}

.art-direction-line {
  background-color: var(--black);
  width: 20em;
  height: 8px;
  position: absolute;
  top: 18%;
  bottom: auto;
  left: auto;
  right: 0%;
}

.art-direction-p {
  z-index: 1;
  width: 40ch;
  position: absolute;
  top: auto;
  bottom: 0%;
  left: auto;
  right: 0%;
}

.pink-circle {
  background-color: #ffd6d6;
  border-radius: 500%;
  width: 20em;
  height: 20em;
  position: absolute;
  top: auto;
  bottom: -12%;
  left: auto;
  right: 7%;
}

.section__hero-services {
  height: 100vh;
  display: block;
}

.service-top-child {
  display: flex;
}

.service-top-child.vertical {
  flex-direction: column;
}

.webflow-badge {
  background-image: url('../images/webflow-logo.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 16em;
  height: 5em;
  font-size: 1.25vw;
  display: none;
  position: absolute;
  top: .1em;
  bottom: auto;
  left: -.6em;
  right: auto;
}

.webflow-titles {
  flex-direction: column;
  grid-template-rows: auto auto auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-start;
  width: 51%;
  display: flex;
  position: relative;
}

.webflow-bottom-child {
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  margin-top: 10em;
  margin-bottom: 5em;
  display: none;
  position: relative;
}

.product-img-1 {
  border-radius: .83em;
  width: 90%;
  margin-top: 15em;
  margin-bottom: 5em;
  display: none;
  overflow: hidden;
}

.product-img-2 {
  z-index: 1;
  border-radius: .83em;
  width: 19em;
  margin-bottom: -5em;
  display: none;
  position: relative;
  top: -14.8em;
  left: 25.5em;
  overflow: hidden;
}

.services-img {
  z-index: 2;
  width: 90vw;
  margin-bottom: 2em;
  padding-left: 20em;
  position: relative;
  top: .9em;
  left: -10.75em;
}

.services-img.intro {
  width: 90vw;
  height: 20vw;
  padding-left: 0;
}

.services-img.intro-_hero {
  object-fit: cover;
  justify-content: center;
  width: 90vw;
  height: 40vh;
  padding-left: 0;
  display: block;
  position: static;
}

.qa-parent {
  flex-direction: column;
  width: 50%;
  margin-top: 20em;
  margin-bottom: 10em;
  display: flex;
  position: relative;
}

.qa-img {
  z-index: -1;
  border-radius: 500px;
  width: 15vw;
  height: 29vw;
  position: absolute;
  bottom: -49%;
  left: 93%;
  overflow: hidden;
}

.qa-child {
  grid-column-gap: 16px;
  grid-row-gap: 2em;
  perspective: 40em;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.webflow-img {
  border-radius: .83em;
  width: 100%;
  overflow: hidden;
}

.concept-img {
  border-radius: .83em;
  width: 20em;
  position: relative;
  left: 20em;
  overflow: hidden;
}

.concept-img._1 {
  left: -23.4em;
}

.sticky-concept-design {
  position: -webkit-sticky;
  position: sticky;
  top: 20em;
}

.h2-span {
  transform-origin: 50% 100%;
  display: block;
}

.h2-span.content-1 {
  margin-left: 15%;
}

.h2-span.story-1 {
  margin-left: -5%;
}

.h2-span.animations-2 {
  margin-left: 8%;
}

.h2-span.discovery-2 {
  padding-right: 0%;
}

.h2-span.webflow-1 {
  text-align: left;
  margin-left: 80px;
  display: block;
}

.h2-span.webflow-2 {
  display: none;
}

.h2-span.solutions-1 {
  margin-left: 2em;
}

.h2-span.concept-2 {
  margin-left: -10%;
}

.h2-span.system-1 {
  margin-bottom: .5em;
  margin-left: -2%;
}

.h2-span.system-2 {
  font-size: .4em;
}

.h2-span.motion-1 {
  margin-left: 10%;
}

.h2-span.research-1 {
  color: var(--black);
  margin-left: 285px;
}

.h2-span.research-2 {
  color: var(--black);
  margin-left: 503px;
}

.h2-span.research-2.hidden {
  display: block;
}

.h2-span.journey-3 {
  margin-left: 39%;
}

.h2-span.style-1 {
  margin-right: -15%;
}

.h2-span.brand-1 {
  margin-left: -1.7em;
}

.h2-span.persona-1, .h2-span.persona-2 {
  color: var(--black);
}

.h2-span.support-2 {
  position: relative;
  left: 37%;
}

.h2-span.testing-2 {
  margin-left: 50%;
}

.h2-span.analytics-1 {
  position: relative;
  left: 4.2em;
}

.h2-span.a-b-2 {
  position: relative;
  top: 1.5em;
}

.h2-span.speed-2 {
  margin-left: 15%;
}

.h2-span.journey-1, .h2-span.research-2 {
  margin-left: 20%;
}

.design-system-parent {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto auto;
  grid-template-columns: min-content min-content;
  grid-auto-columns: 1fr;
  margin-top: 10em;
  margin-right: 6.4em;
  display: grid;
}

.design-system-child {
  grid-column-gap: 16px;
  grid-row-gap: 1em;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.plus-img {
  height: 1.5em;
}

.design-system-title {
  flex-direction: column;
  display: flex;
  position: relative;
}

.design-system-wrap {
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
  display: flex;
}

.user-experience-img {
  border-radius: .83em;
  width: 20.8em;
  overflow: hidden;
}

.overline {
  color: #09ccdc;
  font-size: .15em;
}

.overline.margin-bottom-s {
  margin-bottom: .5em;
}

.motion-parent {
  justify-content: center;
  width: 100%;
  display: flex;
}

.prototyping-img {
  width: 43%;
  position: -webkit-sticky;
  position: sticky;
  bottom: 0%;
  left: auto;
  right: auto;
}

.prototyping-parent {
  width: 100%;
}

.prototyping-parent._1 {
  margin-bottom: 10em;
}

.emoji {
  width: 13em;
  position: absolute;
}

.emoji._1 {
  top: 4em;
  bottom: auto;
  left: -10.4em;
  right: auto;
}

.emoji._2 {
  top: 4.4em;
  bottom: auto;
  left: auto;
  right: -2.2em;
}

.emoji._3 {
  top: auto;
  bottom: -2em;
  left: 5.8em;
  right: auto;
}

.color-pallete-img {
  width: 30%;
  margin-bottom: 2%;
  margin-right: 50%;
}

.key-words-img {
  width: 30vw;
  margin-right: auto;
  display: flex;
}

.styles-img-1 {
  width: 23em;
  position: absolute;
  top: -16.7em;
  bottom: auto;
  left: 0;
  right: auto;
  overflow: hidden;
}

.styles-img-2 {
  width: 17em;
  position: absolute;
  top: -11%;
  bottom: auto;
  left: auto;
  right: 0%;
}

.styles-img-3 {
  width: 15em;
  position: absolute;
  top: auto;
  bottom: 3%;
  left: auto;
  right: 6%;
}

.styles-img-4 {
  width: 23em;
  position: absolute;
  top: auto;
  bottom: 16.8em;
  left: auto;
  right: 2em;
}

.brand-logos-parent {
  justify-content: space-between;
  width: 80%;
  display: flex;
}

.brand-logos-child {
  height: 5em;
  display: flex;
}

.ui-ux-img {
  background-image: url('../images/mateus-campos-felipe-JoM_lC1WAnE-unsplash-1.jpg'), linear-gradient(#09ccdc, #09ccdc);
  background-position: 0 0, 0 0;
  background-size: cover, auto;
  border-radius: 500px;
  align-items: center;
  width: 22em;
  height: 36.1em;
  display: flex;
  position: absolute;
  top: 40%;
  right: 52%;
  overflow: hidden;
}

.ui-ux-img.ba {
  background-image: none;
  border-radius: 10px;
  height: 27.2em;
  top: 12%;
  right: 68%;
}

.page-speed-parent {
  justify-content: space-around;
  width: 100%;
  display: flex;
}

.contact-2 {
  transform-origin: 50% 100%;
  white-space: nowrap;
  font-family: Chakra Petch, sans-serif;
  display: block;
}

.contact-3 {
  transform-origin: 50% 0;
  white-space: nowrap;
  font-family: Chakra Petch, sans-serif;
  display: block;
}

.contact-4, .contact-1 {
  transform-origin: 50% 100%;
  white-space: nowrap;
  font-family: Chakra Petch, sans-serif;
  display: block;
}

.footer-next-page-parent {
  flex-direction: column;
  align-items: flex-end;
  display: none;
  position: relative;
  overflow: hidden;
}

.footer-link-wrapper {
  perspective: 40em;
  flex-direction: column;
  display: flex;
  position: relative;
}

.plami-careers-img {
  object-fit: cover;
  object-position: 50% 30%;
  width: 100%;
  height: 100%;
}

.empty-state-team {
  background-color: rgba(221, 221, 221, 0);
  border-radius: .83em;
}

.agency-zori-img {
  object-fit: cover;
  object-position: 50% 50%;
  width: 100%;
  height: 100%;
}

.blog-single__hero {
  text-align: center;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 70%;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
}

.cs-mobile-img {
  border-radius: .83em;
  width: 16vw;
  overflow: hidden;
}

.cs-mobile-img._2 {
  flex: none;
}

.cs-mobile-img._03 {
  z-index: 3;
  position: absolute;
  top: 74%;
  bottom: auto;
  left: auto;
  right: 10%;
}

.challenges-p {
  width: 50%;
  max-width: 600px;
  margin-left: 3em;
  overflow: hidden;
}

.cs-appoach-p {
  overflow: hidden;
}

.cs-full-image {
  border-radius: .83em;
  margin-bottom: 5em;
  overflow: hidden;
}

.mobile-nav {
  display: none;
  position: static;
}

.contacts-parent {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: var(--black);
  grid-template-rows: auto;
  grid-template-columns: max-content max-content max-content;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  margin-bottom: 9em;
  margin-left: auto;
  display: grid;
}

.cta-mobile {
  display: block;
}

.cta-parent-mobile {
  color: var(--black);
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.cs-mobile-video {
  border-radius: .83em;
  flex: none;
  width: 15vw;
  overflow: hidden;
}

.indsutry-list {
  display: flex;
}

.cs-industry-item {
  margin-right: .7em;
}

.mobile-video-wrap {
  border-radius: .83em;
  width: 17em;
  overflow: hidden;
}

.thank-you-message {
  background-color: var(--black);
  color: var(--white);
  border-radius: .83em;
  width: 50%;
  position: relative;
  right: 30%;
}

.error-message {
  background-color: #d10303;
  border-radius: .83em;
  width: 58%;
  margin-top: 2em;
  padding-left: 14px;
  position: relative;
}

.html-embed {
  border-radius: .83em;
  overflow: hidden;
}

.html-embed.video-embed-16-10 {
  min-width: 100%;
  padding-top: 62.5%;
  position: relative;
}

.html-embed.video-embed-3-6 {
  min-width: 100%;
  padding-top: 216.66%;
  position: relative;
}

.small-text {
  font-family: Montserrat, sans-serif;
  font-size: 10px;
}

.link {
  color: var(--black);
  font-family: Montserrat, sans-serif;
  font-size: 12px;
  line-height: 14px;
  transition: color .3s;
}

.link:hover {
  color: #09ccdc;
}

.link.is--bgtext-white {
  color: #fff;
  font-family: Chakra Petch, sans-serif;
}

.link.is--bgtext-white:hover {
  color: #09ccdc;
}

.button-cookies {
  background-color: var(--lighter);
  color: var(--black);
  border: 1px solid rgba(0, 0, 0, 0);
  border-radius: 0;
  height: 100%;
  margin-left: 0;
  padding: .2em 1.25em .1em;
  font-size: 14px;
  text-decoration: none;
  transition: box-shadow .3s ease-out, border-color .3s ease-out;
  display: inline-block;
}

.button-cookies:hover {
  color: #fff;
  background-color: rgba(0, 0, 0, 0);
  border-color: #fff;
}

.hidden-cookies {
  z-index: 10000;
  justify-content: space-between;
  align-items: center;
  display: none;
  position: fixed;
}

.cookie-info-wrapper {
  z-index: 10000;
  background-color: #000;
  border-radius: 0;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 550px;
  margin-left: auto;
  margin-right: auto;
  padding: 8px 8px 8px 24px;
  display: flex;
  position: fixed;
  bottom: 2%;
  left: 0%;
  right: 0%;
}

.close-cookie__wrapper {
  background-color: rgba(0, 0, 0, .1);
  background-image: none;
  background-repeat: repeat;
  background-size: auto;
  border-radius: 0%;
  align-items: center;
  transition: background-color .3s;
  display: flex;
}

.close-cookie__wrapper:hover {
  background-color: rgba(22, 16, 16, .2);
}

.pill-contact {
  border: 1px solid var(--black);
  color: #fff;
  border-radius: 0;
  order: -1;
  align-items: center;
  margin-bottom: 8px;
  padding: .5em .6em .3em;
  display: flex;
}

.cs-first-img-wrapper {
  position: relative;
}

.transition {
  z-index: 5000;
  width: 100%;
  height: 100%;
  display: none;
  position: fixed;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.transition-content {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}

.transition-bg {
  background-color: var(--new-bcgr);
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.transition-trigger {
  display: none;
}

.utility-page-wrap {
  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;
}

.transition-logo {
  position: relative;
}

.cookie-text {
  color: #fff;
  margin-top: 0;
  font-size: 14px;
  line-height: 1;
}

._404__text-wrapper {
  text-align: center;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  width: 30%;
  margin-top: 1em;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

._404-image {
  width: 10em;
  height: 10em;
}

.footer-addresss__wrapper {
  align-items: flex-end;
  display: flex;
}

.share-to-social__parent {
  justify-content: flex-start;
  padding-left: 0;
  padding-right: 2em;
  display: none;
}

.share-icon {
  border: 1px rgba(0, 0, 0, 0);
  border-radius: 8px;
  margin-right: 24px;
  padding: 8px;
  transition: background-color .3s;
}

.social-img {
  height: .9em;
}

.social-img.twitter {
  height: .8em;
}

.blog-h1 {
  color: var(--black);
  font-size: 3.5em;
}

.blog__new-parent {
  color: #000;
  justify-content: center;
  align-items: stretch;
  height: 100%;
  padding-top: 1.6em;
  padding-bottom: 1.6em;
  display: flex;
  position: relative;
}

.blog-index-heading-wrapper {
  width: 100%;
}

.date-time-wrappper {
  align-items: center;
  width: 100%;
  display: flex;
}

.dot {
  background-color: #000;
  border-radius: 20px;
  width: 6px;
  height: 6px;
  margin-left: 16px;
  margin-right: 16px;
}

.blog-index-img {
  z-index: 1;
  border-radius: .83em;
  flex-direction: row;
  justify-content: flex-start;
  width: 580px;
  height: 240px;
  margin-right: 1.2em;
  display: flex;
  overflow: hidden;
}

.blog-tabs {
  margin-top: 10em;
  margin-left: 12vw;
  margin-right: 12vw;
}

.blog-tab-menu {
  justify-content: flex-start;
  margin-bottom: 5em;
  display: flex;
}

.tab-content {
  justify-content: center;
  display: flex;
  overflow: visible;
}

.industry-logos-wrapper {
  mix-blend-mode: screen;
}

.splide.slider1 {
  margin-top: 2em;
}

.splide__track {
  width: 100%;
}

.splide__list {
  align-items: flex-start;
  width: auto;
  display: flex;
}

.splide__slide {
  flex: none;
  justify-content: flex-start;
  align-items: center;
  width: 470px;
  padding-bottom: 0;
  display: block;
}

.splide__slide.team {
  flex: none;
  width: 375px;
}

.industry-big-title {
  perspective: 40em;
  transform-origin: 50% 100%;
  text-transform: uppercase;
  font-size: 8em;
  line-height: .94;
  display: inline-block;
}

.industry-big-title.blockchain-1 {
  font-family: Montserrat, sans-serif;
}

.industry-big-title-2 {
  perspective: 40em;
  transform-origin: 50% 100%;
  text-transform: uppercase;
  font-size: 8em;
  line-height: .94;
  display: inline-block;
}

.industry-big-title-2.blockchain-2 {
  margin-left: 2em;
  font-family: Montserrat, sans-serif;
}

.industry-big-title-3 {
  perspective: 40em;
  transform-origin: 50% 100%;
  text-transform: uppercase;
  font-size: 8em;
  line-height: .94;
  display: inline-block;
}

.industry-big-title-3.blockchain-3 {
  margin-left: .78em;
  font-family: Montserrat, sans-serif;
}

.sticky-cards__child {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 2em;
  padding-bottom: 100px;
  display: flex;
  position: relative;
  top: 0;
}

.sticky-cards__parent {
  position: relative;
}

.sticky-card {
  background-color: #e9e9e9;
  border-radius: .83em;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  height: 32em;
  margin-bottom: 0;
  padding: 2.4em;
  display: flex;
  position: -webkit-sticky;
  position: sticky;
  top: 20px;
}

.sticky-card._1 {
  background-color: var(--black);
  width: 80%;
  top: 3.7em;
}

.sticky-card._2 {
  background-color: var(--white);
  color: #000;
  width: 90%;
  top: 13.29em;
}

.agency__times-p-wrapper {
  width: 50%;
}

.nav-link-parent {
  z-index: 1;
  justify-content: center;
  align-items: center;
  width: 14em;
  height: 440px;
  display: flex;
  position: relative;
}

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

.smooth-content.grey {
  background-color: var(--lighter);
}

.tall-img {
  object-fit: cover;
  width: 100%;
  height: 140%;
  position: absolute;
  top: auto;
  bottom: -10%;
  left: 0%;
  right: 0%;
}

.careers-h-1 {
  transform-origin: 50% 100%;
  text-transform: uppercase;
  font-family: Montserrat, sans-serif;
  font-size: 15.63em;
  line-height: 1;
  display: inline;
  position: relative;
}

.careers-h-2 {
  transform-origin: 50% 100%;
  text-transform: uppercase;
  padding-left: 24px;
  font-family: Montserrat, sans-serif;
  font-size: 15.63em;
  line-height: 1;
  display: inline;
  position: relative;
}

.team-member-item-card {
  opacity: 1;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-size: cover;
  border-radius: .83em;
  width: 100%;
  height: 100%;
  padding: 0;
  position: relative;
  overflow: hidden;
}

.nav-link-parent-mobile {
  z-index: 1;
  position: relative;
}

.project-name-wrap-home {
  cursor: pointer;
  align-items: flex-end;
  padding: 1.2em;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.mobile-video-holder {
  background-image: none;
  border-radius: .83em;
  justify-content: center;
  align-items: center;
  display: flex;
}

.accordion-child-white {
  z-index: 1;
  flex-direction: column;
  justify-content: center;
  padding-top: 1em;
  padding-bottom: 1em;
  display: flex;
  position: relative;
}

.team-item-parent {
  height: 40em;
}

.max-width-85 {
  width: 85%;
  overflow: hidden;
}

.marquee-item {
  background-color: var(--lighter);
  border-left: 1px rgba(223, 223, 223, .23);
  flex-direction: column;
  flex: none;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 18em;
  max-width: 18em;
  height: 20em;
  margin-bottom: 120px;
  padding: 16px 16px 32px;
  display: flex;
  position: relative;
}

.web__accordion-child {
  z-index: 1;
  color: #fff;
  flex-direction: column;
  justify-content: center;
  padding-top: 1em;
  padding-bottom: 1em;
  display: flex;
  position: relative;
}

.link-2 {
  color: var(--epicdevs_turc);
  font-family: Chakra Petch, sans-serif;
}

.italic-text {
  font-family: Chakra Petch, sans-serif;
}

.heading-8, .heading-9, .text-block-3, .text-block-4, .text-block-5, .heading-10, .paragraph-6, .paragraph-7, .paragraph-8, .paragraph-9, .paragraph-10, .paragraph-11, .heading-11, .heading-12, .paragraph-12, .paragraph-13, .paragraph-14, .paragraph-15, .paragraph-16, .paragraph-17, .paragraph-18, .heading-13, .heading-14, .paragraph-19, .paragraph-20, .paragraph-21, .paragraph-22, .paragraph-23, .paragraph-24, .heading-15, .heading-16, .paragraph-25, .paragraph-26, .paragraph-27, .paragraph-28, .heading-17 {
  font-family: Montserrat, sans-serif;
}

.image-2 {
  display: none;
}

.navbar-2 {
  z-index: auto;
  display: none;
  overflow: hidden;
  transform: translate(0, -110%);
}

.rich-text-block {
  text-align: right;
  text-transform: none;
  align-self: auto;
  width: 48%;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}

.bold-text {
  font-family: Chakra Petch, sans-serif;
  font-weight: 500;
}

.is--bg--secondary {
  background-color: var(--epicdevs_turc);
  color: #1357e9;
}

.image-3 {
  display: block;
}

.section__hero-benefits {
  height: 100vh;
}

.benefits__hero-title {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
}

.benefits-top-child {
  display: flex;
}

.benefits-bottom-child {
  flex-direction: column;
  margin-top: 3em;
  display: flex;
}

.benefits-hero-img {
  z-index: 0;
  border-radius: 20em;
  width: 30em;
  height: 15em;
  overflow: hidden;
}

.benefits-hero-img.strategy {
  border-radius: .5em;
  width: 32em;
  height: 24em;
  position: absolute;
  top: auto;
  bottom: -3.3em;
  left: auto;
  right: 5em;
}

.benefits-parent {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 9.9em 1em;
  display: none;
  position: relative;
}

.benefit-icon-img {
  position: absolute;
  top: 40%;
  right: 52%;
  overflow: hidden;
}

.benefit-icon-img.ba {
  border-radius: 10px;
  width: 20%;
  top: 12%;
  right: 64%;
}

.benefit-icon-img.audits {
  background-image: none;
  border-radius: 10px;
  width: 23%;
  top: 46%;
  right: 23%;
}

.button-wrapper {
  margin-top: 2em;
  display: flex;
}

.section__testimonial {
  display: none;
}

.body-2, .body-3 {
  background-color: var(--lighter);
}

.is--bg--gradient {
  background-color: var(--epicdevs_turc);
  background-image: linear-gradient(85deg, var(--epicdevs_blue), var(--epicdevs_turc));
  color: #1357e9;
}

.services-img_hero {
  background-image: url('../images/Cool_shape.svg');
  background-position: 0 0;
  background-size: cover;
  border-radius: 500px;
  align-items: center;
  width: 22em;
  height: 36.1em;
  display: flex;
  position: absolute;
  top: 40%;
  right: 52%;
  overflow: hidden;
}

.services-img_hero.ba {
  background-image: none;
  border-radius: 10px;
  height: 27.2em;
  top: 12%;
  right: 68%;
}

.services-img-cat {
  z-index: 2;
  width: 20vw;
  height: 15vw;
  margin-bottom: 2em;
  position: absolute;
  top: 336px;
  right: 57px;
}

.services-img-cat.intro {
  width: 90vw;
  height: 20vw;
  padding-left: 0;
}

.services-img-cat.intro-_hero {
  justify-content: center;
  width: 90vw;
  height: 40vw;
  padding-left: 0;
  display: block;
  position: static;
}

.services-img-cat.left {
  width: 16em;
  height: 18vw;
  top: 382px;
  left: 85px;
}

.services-img-cat.center {
  width: 16.4em;
  top: 179px;
  left: auto;
  right: 116px;
}

.services-img-cat.right {
  width: 18.2em;
  top: 320px;
  right: 171px;
}

.services-img-cat.dlt {
  width: 17em;
  top: auto;
  bottom: 206px;
  left: 49px;
  right: auto;
}

.left-aligned-titles {
  justify-content: flex-start;
  font-size: 1vw;
  display: flex;
}

.cloud-image {
  width: 100%;
  height: 20vw;
  display: flex;
}

.italic-2 {
  font-family: Montserrat, sans-serif;
  font-style: normal;
  font-weight: 400;
  line-height: .8;
}

.button-2 {
  color: #000;
  text-transform: uppercase;
  white-space: nowrap;
  background-color: #fff;
  border-radius: 1000px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-right: 0;
  padding: 14px 18px 12px;
  font-size: 14px;
  font-weight: 400;
  transition: color .35s, background-color .35s;
  display: flex;
  position: relative;
  overflow: hidden;
}

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

.button-2.difference {
  mix-blend-mode: normal;
  border-radius: 0;
}

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

.user-testing-img {
  background-image: url('../images/mateus-campos-felipe-JoM_lC1WAnE-unsplash-1.jpg'), linear-gradient(#09ccdc, #09ccdc);
  background-position: 0 0, 0 0;
  background-size: cover, auto;
  border-radius: 500px;
  align-items: center;
  width: 22em;
  height: 36.1em;
  display: flex;
  position: absolute;
  top: 40%;
  right: 52%;
  overflow: hidden;
}

.services-parent-2 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 9.9em 1em;
  display: flex;
}

.services-parent-2.styles-scapes {
  justify-content: space-between;
  height: 110vh;
  position: relative;
}

.services-parent-2.research, .services-parent-2.journey {
  position: relative;
}

.services-parent-2.personas {
  margin-bottom: 0;
  padding-bottom: 0;
}

.underline-2 {
  color: var(--black);
  letter-spacing: 1.1px;
  text-transform: uppercase;
  white-space: nowrap;
  margin-bottom: 0;
  font-family: Chakra Petch, sans-serif;
  font-size: 1em;
  line-height: 1;
}

.sticky-left-parent-2 {
  z-index: 5;
  flex-direction: column;
  width: 73%;
  display: flex;
  position: relative;
}

.sticky-right-parent-2 {
  z-index: 3;
  border-left: 1px solid rgba(255, 255, 255, .2);
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 27%;
  height: 100vh;
  margin-left: auto;
  padding: 1.3em;
  display: flex;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}

.button-text-2 {
  letter-spacing: 0;
  text-transform: uppercase;
  font-family: Chakra Petch, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.3;
}

.button-text-2.ab {
  text-align: left;
  position: absolute;
  overflow: visible;
}

.big-text-2 {
  perspective: 40em;
  transform-origin: 50% 100%;
  text-transform: uppercase;
  font-family: Montserrat, sans-serif;
  font-size: 8em;
  line-height: .94;
  display: inline-block;
}

.big-text-2.vertical {
  flex-direction: column;
  align-items: flex-end;
  display: flex;
}

.section-sticky-right-part-2 {
  display: flex;
  position: relative;
}

.h2-2 {
  transform-origin: 50% 100%;
  text-transform: uppercase;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 2.92em;
  font-weight: 400;
  line-height: 1;
}

.h2-2.services-2 {
  font-family: Chakra Petch, sans-serif;
}

.text-invert-2 {
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
}

.text-invert-2.side-bar {
  font-family: Chakra Petch, sans-serif;
  display: block;
}

.text-invert-2.story-1 {
  width: 100%;
}

.section-sticky-right {
  display: flex;
  position: relative;
}

.sticky-right {
  z-index: 3;
  border-left: 1px solid var(--dark);
  color: var(--black);
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 27%;
  height: 100vh;
  margin-left: auto;
  padding: 5em 1.3em 3em;
  display: flex;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}

.made-in-swiss_parent {
  align-items: center;
  display: flex;
}

.swiss-flag {
  margin-right: 0;
}

.swiss-img {
  width: 1.2em;
  margin-right: .5em;
}

.body-4 {
  background-color: var(--lighter);
}

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

.epicdesign-badge {
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  margin-bottom: 1em;
  display: flex;
}

.epic-design_link {
  width: 6em;
  height: 100%;
}

.contact-img {
  width: 20%;
  position: absolute;
  top: auto;
  bottom: 33%;
  left: auto;
  right: 9%;
}

.skills-parent {
  padding-top: 9em;
  padding-bottom: 9em;
}

.skills_title-wrapper {
  margin-bottom: 4em;
}

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

.skill_item-image {
  width: 200px;
  height: 200px;
  margin-bottom: 2em;
  overflow: hidden;
}

.skill_item-text {
  overflow: hidden;
}

.heading-18 {
  color: var(--black);
}

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

.collection-item {
  height: 100%;
  margin-left: 0;
  margin-right: 0;
}

.text-content-wrapper {
  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;
  align-content: flex-start;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  height: 240px;
  min-height: 240px;
  display: flex;
  overflow: visible;
}

.div-block {
  flex-direction: row;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  display: flex;
}

.paragraph-29 {
  font-size: 20px;
}

.collection-item-2 {
  margin-left: 12em;
  margin-right: 12em;
}

.tab-pane-tab-3 {
  margin-left: 0;
  margin-right: 0;
}

.collection-item-3 {
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}

.journal-collection-item {
  height: 100%;
}

.blog-img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.author-wrapper {
  width: 100%;
}

.collection-list-wrapper {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.collection-list-3 {
  width: 100%;
  display: flex;
}

.cta_wrapper {
  border: 1px solid var(--black);
  background-color: rgba(0, 0, 0, 0);
  border-radius: 1px;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
  width: 780px;
  padding: 20px;
  display: none;
}

.blog-text-content {
  flex-direction: column;
  justify-content: space-between;
  height: 130px;
  display: flex;
}

.rich-text-block-2 {
  font-size: 1.13em;
}

.rich-text-block-3, .rich-text-block-4 {
  font-size: 1.25em;
}

.rich-text-block-5 {
  font-size: 1.25em;
  line-height: 1.4;
}

.blog-body {
  color: var(--black);
}

@media screen and (min-width: 1920px) {
  .body {
    color: var(--white);
  }

  .body.is--bgtext-black {
    color: var(--black);
  }

  .button.blog.inner {
    margin-bottom: 0;
  }

  .big-text {
    margin-left: 0%;
  }

  .big-text.left {
    margin-right: 1.7em;
  }

  .container-l {
    display: block;
  }

  .container-l.nav-wrapper {
    max-width: none;
  }

  .container-l.left-aligned {
    left: 0%;
  }

  .featured-video__wrapper {
    width: 100%;
  }

  .menu-wrapper {
    transform: translate(0, -110%);
  }

  .mid-nav-parent {
    grid-column-gap: 5em;
    grid-row-gap: 10em;
    justify-content: center;
  }

  .nav-hover-img-wrapper.is-3, .nav-hover-img-wrapper.is-5, .nav-hover-img-wrapper.is-1, .nav-hover-img-wrapper.is-2, .nav-hover-img-wrapper.is-4 {
    width: 18em;
    height: 18em;
  }

  .nav-link-main.is-1, .nav-link-main.is-2 {
    font-size: 52px;
  }

  .text-row.top-aligned {
    align-items: center;
  }

  .medium-text {
    font-size: 6.6em;
    line-height: 1.1;
  }

  .card-project {
    height: 690px;
  }

  .tab.blog.w--current {
    display: block;
  }

  .tab.blog.hidden {
    display: none;
  }

  .blog-title__wrapper {
    align-items: center;
    margin-bottom: 3em;
  }

  .blog-articles-parent {
    max-width: 80vw;
    margin-left: auto;
    margin-right: auto;
  }

  .footer-address {
    grid-template-rows: .5fr auto;
    align-items: end;
    max-width: 20em;
  }

  .menu-heading {
    font-size: 3em;
  }

  .cs-title-child {
    width: 36%;
  }

  .collection-list {
    grid-column-gap: 2em;
  }

  .services-bottom-child.webdesign {
    margin-left: 15.7em;
  }

  .pill.services-web-1 {
    left: -22%;
  }

  .pill.services-web-2 {
    right: 3%;
  }

  .pill.case-study-services {
    margin-left: 0;
  }

  .sticky-right-parent {
    width: 25%;
  }

  .sticky-left-parent {
    width: 75%;
  }

  .services-offseted-p.content-strategy, .services-offseted-p.art-direction, .services-offseted-p.copywriting {
    width: 40ch;
  }

  .services-offseted-p.ecommerce-1 {
    margin-right: 14vw;
  }

  .services-offseted-p.research-2 {
    margin-left: 10%;
  }

  .services-offseted-p.copywriting {
    width: 40ch;
  }

  .text-invert {
    color: var(--black);
    margin-top: 0;
    font-weight: 400;
  }

  .careers-hero-parent {
    padding-top: 15em;
    padding-bottom: 17em;
  }

  .careers-hero-img._3 {
    left: 26.75em;
  }

  .careeer-img._2 {
    width: 30vw;
    height: 20vw;
  }

  .project-item-parent {
    height: 690px;
  }

  .outline-span.hero1 {
    bottom: -2vw;
  }

  .outline-span.hero2 {
    top: -9.7vw;
  }

  .intro-logo-wrap {
    display: flex;
    position: relative;
  }

  .logo-intro.black {
    opacity: 0;
    display: block;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
  }

  .pattern-img {
    left: -26.6em;
  }

  .art-direction-p {
    width: 40ch;
  }

  .webflow-badge {
    width: 13.8em;
    font-size: 1.25em;
    top: -.2em;
    left: .6em;
  }

  .product-img-1 {
    width: 100%;
  }

  .overline {
    display: inline-block;
  }

  .blog-single__hero {
    text-align: center;
    width: 83%;
    margin-left: auto;
  }

  .mobile-nav {
    display: none;
  }

  .blog-index-img {
    width: 730px;
    height: 320px;
    top: -3.74em;
  }

  .blog-tabs {
    margin-left: 12vw;
    margin-right: 12vw;
  }

  .splide.slider1.pill {
    padding-right: 0;
  }

  .splide__list.horizontal {
    display: flex;
  }

  .splide__slide.team {
    flex: none;
    width: 375px;
  }

  .industry-big-title, .industry-big-title-2, .industry-big-title-3 {
    margin-left: 0%;
  }

  .careers-h-2 {
    font-family: Chakra Petch, sans-serif;
  }

  .team-item-parent {
    height: 690px;
  }

  .max-width-85 {
    overflow: hidden;
  }

  .navbar-2 {
    display: none;
  }

  .rich-text-block {
    font-size: 24px;
  }

  .benefit-icon-img.ba {
    width: 16%;
  }

  .benefit-icon-img.audits {
    width: 19%;
  }

  .services-img-cat {
    width: 20vw;
    height: 14vw;
    top: 21.5em;
  }

  .services-img-cat.left {
    left: 136px;
    right: auto;
  }

  .services-img-cat.center {
    right: 234px;
  }

  .services-img-cat.right {
    left: auto;
    right: 156px;
  }

  .sticky-left-parent-2 {
    width: 75%;
  }

  .sticky-right-parent-2 {
    width: 25%;
  }

  .big-text-2 {
    margin-left: 0%;
  }

  .text-invert-2 {
    color: #fff;
    margin-top: 0;
    font-size: 1em;
    font-weight: 400;
  }

  .text-invert-2.side-bar {
    color: var(--black);
    font-size: 16px;
  }

  .sticky-right {
    width: 25%;
  }

  .epic-design_link {
    width: 6em;
  }

  .text-content-wrapper {
    height: 320px;
  }
}

@media screen and (max-width: 991px) {
  body {
    font-size: 14px;
  }

  h1 {
    margin-bottom: 0;
    font-size: 7.3vw;
  }

  h2 {
    font-size: 6vw;
    line-height: 1.1;
  }

  h3 {
    font-size: 3.6vw;
  }

  p {
    font-size: 15px;
  }

  .container {
    padding-left: 3em;
    padding-right: 3em;
  }

  .h1 {
    font-size: 6.6vw;
  }

  .h1.heading-15 {
    width: 100%;
  }

  .h2 {
    font-size: 4.4vw;
  }

  .h3 {
    font-size: 3.6vw;
  }

  .h4.team {
    font-size: 3em;
  }

  .h5.is--bgtext-white.right-aligned-titles.no-caps {
    font-size: 1.8em;
  }

  .h6 {
    text-transform: uppercase;
  }

  .button {
    font-size: 1.8vw;
  }

  .button._100 {
    justify-content: center;
    align-items: center;
    width: 100%;
    display: flex;
  }

  .button.big {
    padding: 3em 5em;
  }

  .button.big.ghost.ab-footer {
    top: 55%;
    bottom: auto;
    left: auto;
    right: 0%;
  }

  .button.big.ghost.white.webflow {
    margin-left: 3em;
  }

  .button.titles {
    margin-left: 1em;
    padding: 1.4em 2em 1.2em;
    font-size: 2.2vw;
    top: -.3em;
  }

  .button.mobile-only {
    display: flex;
  }

  .button.services:hover {
    color: #000;
  }

  .button.blog {
    margin-left: 16px;
  }

  .button.cta {
    margin-left: 1em;
    padding: 1.23em 2.03em;
  }

  .underline {
    display: inline-block;
  }

  .nav-btn {
    z-index: 10;
    background-color: rgba(0, 0, 0, 0);
    padding: 12px 8px;
  }

  .nav-btn.w--open {
    background-color: rgba(0, 0, 0, 0);
  }

  .nav-link {
    color: #fff;
    margin-bottom: 8px;
    padding-left: 0;
    padding-right: 0;
    font-size: 1.2rem;
    display: block;
  }

  .nav-link.nav-drop {
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .nav-link.nav-drop.w--open {
    padding-right: 16px;
  }

  .nav-drop_icon {
    margin-right: 8px;
  }

  .nav-drop_list.w--open {
    position: static;
  }

  .nav-menu {
    z-index: 9999;
    text-align: left;
    background-color: #082c55;
    width: 350px;
    height: 100vh;
    padding-top: 70px;
    padding-left: 3em;
    padding-right: 3em;
  }

  .nav-logo.menu {
    margin-bottom: 2em;
  }

  .nav-drop_wrapper {
    margin-bottom: 8px;
    display: block;
  }

  .nav-overlay {
    background-color: rgba(0, 28, 47, .6);
    position: fixed;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
  }

  .nav-bar {
    background-color: #3d44e9;
    width: 28px;
    height: 3px;
    padding: 0;
  }

  .nav-bar.middle {
    margin-top: 6px;
    margin-bottom: 6px;
  }

  .nav__button-wrapper {
    margin-left: 0;
    margin-right: 0;
  }

  .menu-button.open {
    margin-top: 0;
  }

  .big-text {
    font-size: 10vw;
  }

  .big-text.hero1 {
    font-size: 9vw;
  }

  .big-text.hero2 {
    margin-left: 11%;
    font-size: 9vw;
  }

  .big-text.hero4 {
    margin-left: 4%;
  }

  .big-text.hero3 {
    font-size: 9vw;
  }

  .big-text.no-wrap {
    white-space: nowrap;
  }

  .big-text.st-2 {
    margin-right: 156px;
    font-size: 9vw;
  }

  .big-text.vertical {
    flex-direction: column;
  }

  .big-text.centred {
    align-items: flex-start;
    margin-left: 0;
  }

  .big-text.cta {
    color: var(--black);
  }

  .big-text.left {
    grid-column-gap: .2em;
    grid-row-gap: .2em;
    margin-left: 0;
    display: flex;
  }

  .super-text {
    font-size: 15vw;
  }

  .uber-text {
    font-size: 20vw;
  }

  .uber-text.service-1 {
    font-size: 19vw;
  }

  .uber-text.development {
    margin-bottom: .2em;
    font-size: 12vw;
    display: block;
  }

  .uber-text.agency {
    font-size: 18vw;
  }

  .section__hero {
    height: 80vh;
  }

  .section__hero.flex {
    height: 100vh;
  }

  .page-spacing-l {
    padding-top: 10em;
    padding-bottom: 10em;
  }

  .page-spacing-l.top-s {
    padding-top: 4.95em;
  }

  .page-spacing-l.larger {
    padding-bottom: 10em;
  }

  .container-s {
    padding-left: 2.08em;
    padding-right: 2.08em;
  }

  .container-l.nav-wrapper {
    background-color: var(--lighter);
    justify-content: space-between;
    overflow: hidden;
  }

  .container-l.left-m {
    padding-left: 2.08em;
  }

  .container-m {
    flex-direction: column;
    align-items: flex-start;
    padding-left: 2.08em;
    padding-right: 2.08em;
    display: flex;
  }

  .navbar {
    mix-blend-mode: normal;
  }

  .div-hide.flex.left-margin {
    margin-left: 5em;
  }

  .menu-lines-parent.close {
    display: none;
  }

  .featured-project__grid {
    grid-template-rows: auto auto;
    grid-template-columns: 2fr 1fr;
    display: flex;
  }

  .featured-project__grid.reversed {
    grid-template-rows: auto auto auto;
    grid-template-columns: 2fr;
    height: auto;
    display: flex;
  }

  .featured-project__grid.vertical {
    flex-direction: column;
    align-items: flex-start;
  }

  .featured-project__grid.junts {
    flex-direction: column;
    align-items: center;
  }

  .full-img {
    object-fit: cover;
  }

  .feature-work-child {
    grid-row-gap: 1em;
    text-align: left;
    grid-template-rows: auto auto auto;
    justify-items: start;
    width: 80%;
  }

  .feature-work-child._1 {
    width: 100%;
  }

  .page-spacing-m {
    padding-top: 4em;
    padding-bottom: 4em;
  }

  .page-spacing-m.bottom-l {
    padding-bottom: 10em;
  }

  .sticky-spacer-l {
    height: 100vh;
  }

  .cursor-wrap {
    display: none;
  }

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

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

  .button-text.big {
    color: var(--black);
    font-size: 1.1em;
  }

  .button-text.big.is--bgtext-black {
    color: var(--black);
  }

  .button-text.connect {
    color: var(--black);
    width: 7em;
  }

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

  .menu-wrapper {
    z-index: 999;
    display: flex;
    transform: translate(0, -110%);
  }

  .top-nav-parent {
    flex-direction: column;
  }

  .top-nav-child {
    flex-direction: column;
    width: 92vw;
    margin-top: 3.8em;
    position: relative;
  }

  .mid-nav-parent {
    grid-column-gap: 4em;
    grid-row-gap: 0em;
    flex-direction: column;
    order: -1;
    margin-top: 15%;
    margin-bottom: 0;
  }

  .mid-nav-child.is-3, .mid-nav-child.is-4 {
    display: block;
  }

  .nav-link-main {
    margin-top: .5em;
    margin-bottom: .2em;
    font-family: Abc favorit pro light;
    font-size: 6vw;
    font-weight: 300;
  }

  .nav-link-main.is-1 {
    font-family: Chakra Petch, sans-serif;
    display: flex;
  }

  .nav-link-main.is-1.hidden {
    display: none;
  }

  .nav-link-main.is-2 {
    font-family: Chakra Petch, sans-serif;
    display: inline-block;
  }

  .nav-link-main.is-2.hidden, .accordion-hover-img, .accordion-hover-img.black {
    display: none;
  }

  .accordion-p-wrapper {
    grid-template-rows: auto;
    padding-bottom: 0;
  }

  .accordion-p-parent {
    width: 100%;
  }

  .title-wrapper {
    height: 60vh;
  }

  .text-row.projects-line-1 {
    margin-left: 0%;
  }

  .text-row.projects-line-2 {
    margin-left: -7%;
  }

  .text-row.hero {
    margin-left: 15px;
  }

  .text-row.career-2 {
    margin-left: auto;
  }

  .text-row.agency {
    top: 0;
  }

  .medium-text {
    font-size: 10vw;
    line-height: 1;
  }

  .item {
    width: 40vw;
  }

  .card-project {
    height: 520px;
  }

  .project-name-wrap {
    padding: 2em;
  }

  .clients__title-parent {
    margin-bottom: 6em;
  }

  .logo-list.mobile {
    align-items: center;
    display: flex;
  }

  .logo-item {
    padding: .2em;
  }

  .logo-item.mobile {
    margin-right: 4em;
  }

  .tab {
    padding-top: .5em;
    padding-bottom: .3em;
  }

  .tab.projects {
    text-align: center;
  }

  .blog-title__wrapper {
    justify-content: space-around;
    align-items: center;
  }

  .blog-articles-parent {
    justify-content: center;
    align-items: center;
  }

  .blog-articles-child {
    max-width: 80%;
  }

  .blog-articles-child.on-white {
    max-width: 100%;
    margin-right: 0;
    padding-top: .8em;
    padding-bottom: .8em;
  }

  .accordion-title.small {
    width: 100%;
  }

  .footer.is--bg-white {
    overflow: hidden;
  }

  .footer-top-child {
    flex-direction: column;
  }

  .logo-footer {
    width: 14vw;
  }

  .logo-footer.mobile {
    margin-bottom: 1em;
    display: block;
  }

  .logo-footer.mobile.w--current {
    margin-bottom: .4em;
    display: block;
  }

  .logo-footer.hide-on-mobile, .logo-footer.hide-on-mobile.w--current {
    display: none;
  }

  .footer-bottom-child {
    align-items: flex-start;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .copyright-text {
    color: #000;
  }

  .copyright-text.is--bgtext-white {
    color: #fff;
  }

  .social-icons-parent {
    margin-top: 1em;
    margin-bottom: 1em;
  }

  .social-icons-parent.navigation {
    align-items: center;
  }

  .social-icon-child {
    margin-left: 0;
    margin-right: 24px;
  }

  .footer-mid-child {
    grid-row-gap: 3em;
    flex-direction: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    align-items: flex-start;
  }

  .footer-address {
    grid-row-gap: 8px;
    grid-template-rows: .5fr auto auto;
    margin-right: 0;
  }

  .logos-desktop {
    display: none;
  }

  .logo-wide-wrapper-mobile {
    justify-content: center;
    align-items: center;
  }

  .logos-mobile {
    grid-column-gap: 16px;
    grid-row-gap: 3em;
    flex-direction: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .blog-little-img {
    width: 9em;
  }

  .nav-link-small {
    text-transform: uppercase;
    white-space: nowrap;
    margin-bottom: 0;
    margin-right: 56px;
    font-size: 5vw;
  }

  .logo-wrapper-nav {
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-end;
  }

  .social-icon-menu.is-1.mobile-menu, .social-icon-menu.is-2.mobile-menu {
    justify-content: center;
    align-items: center;
    width: 48px;
    height: 48px;
    display: flex;
  }

  .menu-heading {
    color: var(--dark);
    margin-bottom: 0;
    font-size: 16px;
    position: -webkit-sticky;
    position: sticky;
    left: 0;
  }

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

  .cs-title-parent {
    flex-direction: column;
    align-items: flex-start;
    display: block;
  }

  .rich-text-cs h1 {
    font-size: 9vw;
  }

  .cs-title-child {
    grid-row-gap: 10px;
    grid-template-rows: auto auto auto;
    width: 100%;
  }

  .cs-title-child._1 {
    margin-bottom: 3em;
  }

  .cs-title-child._2 {
    text-align: left;
    justify-items: start;
    width: 100%;
  }

  .main-info-parent {
    grid-template-rows: auto auto;
    grid-template-columns: auto auto;
    width: 70%;
  }

  .cs-main-info-child {
    grid-template-columns: minmax(auto, auto);
  }

  .nav-main {
    z-index: 999;
    position: static;
  }

  .cs-video-wrapper._1 {
    width: 100%;
  }

  .challenges-parent {
    grid-column-gap: 4em;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .challenge-child._2 {
    width: 70%;
    margin-top: 3em;
  }

  .challenge-child._1 {
    flex-direction: column;
    position: static;
  }

  .super-script-h.challenge {
    left: 0%;
  }

  .client-img {
    width: 3em;
    height: 3em;
    margin-bottom: 0;
    margin-right: 1em;
  }

  .client-info-wrapper {
    flex-direction: row;
    order: 1;
    width: 100%;
    margin-top: 1em;
    position: static;
  }

  .client-info-child {
    align-items: flex-start;
  }

  .services__hero-title {
    width: 100%;
    height: 100%;
    margin-top: 0;
  }

  .services-hero-img {
    width: 36vw;
    height: 20vw;
    margin-left: auto;
    top: 0;
  }

  .services-hero-img.strategy {
    bottom: -8.1em;
    left: 18.6em;
  }

  .services-hero-img.support {
    width: 18vw;
    height: 30vw;
    top: 10.6vw;
    bottom: 8px;
    right: 6.7vw;
  }

  .services-bottom-child.webdesign {
    margin-left: 0;
  }

  .services-bottom-child.development {
    margin-top: -.1em;
  }

  .services-bottom-child.product-design {
    align-items: flex-start;
    left: 0;
  }

  .services-bottom-child.strategy {
    top: 10em;
  }

  .services-bottom-child.support {
    padding-left: 0;
    left: auto;
    overflow: visible;
  }

  .services-hero-p.development {
    max-width: 40ch;
  }

  .services-hero-p.product-design {
    max-width: 49ch;
  }

  .services-hero-p.support {
    margin-left: 5em;
  }

  .pill {
    left: 8%;
  }

  .pill._2 {
    top: -51%;
    right: 4%;
  }

  .pill.services-web-1 {
    top: -9%;
    bottom: auto;
    left: 0%;
    right: auto;
  }

  .pill.services-web-2 {
    display: none;
    top: -9%;
    right: 50%;
  }

  .pill.ab-projects {
    bottom: 8.74vw;
    right: 2.71vw;
  }

  .pill.development {
    top: -16%;
    bottom: auto;
    left: auto;
    right: auto;
  }

  .pill.product-design {
    margin-left: 1.5%;
    position: static;
    top: -12.2vw;
    right: 20vw;
  }

  .pill.services-startegy {
    top: 29.6em;
    left: .4em;
  }

  .pill.support {
    margin-left: 5em;
    top: -23.9vw;
    bottom: auto;
    left: 0%;
    right: auto;
  }

  .pill.case-study-services {
    margin-left: 0;
    margin-right: 1em;
  }

  .sticky-right-parent {
    display: none;
  }

  .sticky-left-parent {
    width: 100%;
  }

  .services-parent {
    align-items: flex-start;
    padding: 4.5em 2.08em;
  }

  .services-parent.art-direction {
    height: auto;
  }

  .services-parent.height-auto {
    margin-top: 5em;
  }

  .services-parent.design-system {
    height: 86vh;
  }

  .services-parent.personas {
    position: relative;
  }

  .services-parent.page-speed {
    height: auto;
    padding-bottom: 9em;
  }

  .services-offseted-p {
    width: 70%;
  }

  .services-offseted-p.content-strategy {
    margin-left: 7em;
  }

  .services-offseted-p.copywriting {
    width: 80%;
  }

  .services-offseted-p.technical-discovery {
    width: 70%;
    position: relative;
    top: 0%;
    right: 0%;
  }

  .services-offseted-p.webflow-1 {
    width: 70%;
    margin-left: 0;
  }

  .services-offseted-p.webflow-2 {
    width: 60%;
    margin-left: 8em;
  }

  .services-offseted-p.ecommerce-1 {
    width: 70%;
  }

  .services-offseted-p.ecommerce-2 {
    width: 60%;
    margin-left: 8em;
  }

  .services-offseted-p.solution-1 {
    width: 70%;
  }

  .services-offseted-p.concept-design {
    width: 50%;
  }

  .services-offseted-p.ux-1 {
    width: 58ch;
    margin-left: 0%;
  }

  .services-offseted-p.ux-2 {
    width: 80%;
  }

  .services-offseted-p.motion-1 {
    width: 55ch;
    margin-left: -25%;
  }

  .services-offseted-p.testing-1 {
    width: 80%;
  }

  .services-offseted-p.research-2 {
    width: 100%;
    margin-left: 0%;
  }

  .services-offseted-p.personas-1 {
    width: 60%;
  }

  .services-offseted-p.personas-1.audits {
    width: 100%;
    margin-left: 0;
  }

  .services-offseted-p.style-1 {
    width: 60%;
  }

  .services-offseted-p.presentation {
    width: 50%;
    left: 0%;
  }

  .services-offseted-p.brand {
    width: 50%;
    margin-top: -2.7em;
    margin-bottom: 3em;
    position: static;
  }

  .services-offseted-p.analytics-1 {
    width: 70%;
  }

  .services-offseted-p.a-b-testing {
    width: 45ch;
    top: -10.8vw;
  }

  .services-offseted-p.speed-1, .services-offseted-p.copywriting {
    width: 80%;
  }

  .services-offseted-p.copywriting._2 {
    margin-left: 10em;
  }

  .services-offseted-p.research-2 {
    margin-left: -24%;
  }

  .content-strategy-grid {
    height: 40vh;
    margin-top: 4em;
  }

  .insutry-hero-parent {
    margin-bottom: 3em;
  }

  .industry-hero-child.bottom {
    width: 100%;
  }

  .industry-logo-list {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr 1fr 1fr;
    margin-left: -24px;
  }

  .industry-client-parent {
    grid-column-gap: 8em;
    grid-template-columns: auto 1fr;
  }

  .industry-img {
    height: 56vw;
  }

  .section__industry-accordions {
    overflow: hidden;
  }

  .careers-hero-parent {
    align-items: center;
    padding-top: 10em;
    padding-bottom: 10em;
  }

  .careers-hero-img._1 {
    width: 40vw;
    height: 60vw;
    left: 56%;
  }

  .careers-hero-img._2 {
    width: 24vw;
    height: 35vw;
    top: 24.14vw;
    left: 42.9vw;
  }

  .careers-hero-img._3 {
    width: 35vw;
    height: 20vw;
    top: 23.89vw;
    left: 2.55vw;
  }

  .careers-work-parent {
    grid-column-gap: 2em;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .careers-p-wrapper {
    width: 100%;
  }

  .careers-work-child {
    margin-bottom: 3em;
  }

  .p-small.is--bgtext-gray {
    font-size: 12px;
  }

  .careeer-img._1 {
    width: 43vw;
    height: 70vw;
  }

  .careeer-img._2 {
    width: 100%;
    height: 50vw;
    margin-bottom: 3vw;
  }

  .careeer-img._3 {
    width: 100%;
    height: 50vw;
    margin-bottom: 6vw;
    right: 0;
  }

  .careers-grow-parent {
    width: 100%;
    margin-left: 0;
  }

  .section__contacts-hero {
    height: 80vh;
  }

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

  .check-box-wrapper {
    margin-bottom: 8em;
  }

  .form-field {
    color: #fff;
    padding-top: 3.6em;
    padding-bottom: 3.2em;
    font-size: 1.1vw;
  }

  .form-field::placeholder {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.6;
  }

  .form-field.message {
    max-width: 95.84em;
  }

  .contact-title-ab {
    margin-bottom: 2em;
    position: static;
  }

  .all-projects-grid {
    grid-column-gap: 1em;
    grid-row-gap: 1em;
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr 1fr;
    font-size: 1vw;
  }

  .project-item-child {
    background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
    background-position: 50%;
    background-size: cover;
    border-radius: 1.2em;
  }

  .project-item-parent {
    height: 56em;
  }

  .section__hero-blog {
    padding-top: 11em;
  }

  .blog-info-parent {
    margin-top: 4em;
  }

  .main-blog-img {
    margin-bottom: 0;
  }

  .rich-text-blog {
    width: 100%;
  }

  .rich-text-blog blockquote {
    font-size: 1.6em;
  }

  .rich-text-blog h2 {
    font-size: 2em;
  }

  .rich-text-blog p {
    font-size: 1em;
  }

  .rich-text-blog h4 {
    font-size: 1.3em;
  }

  .agency-img._1 {
    width: 34vw;
    height: auto;
    top: 38%;
  }

  .agency-img._2 {
    z-index: 3;
    width: 17vw;
    height: 25vw;
    bottom: 22%;
  }

  .agency-img._3 {
    z-index: 1;
    width: 32vw;
    height: 20vw;
    bottom: 15%;
    left: 5%;
  }

  .agency-img._4 {
    width: 30vw;
    height: auto;
    top: 17%;
    left: 8%;
  }

  .agency-img._5 {
    top: 46%;
    left: 8%;
  }

  .section__agency-hero {
    height: 90vw;
  }

  .blog-hero-img {
    height: 50vw;
  }

  .blog-hero-title-grid {
    grid-column-gap: 1em;
    grid-row-gap: 1.5em;
    grid-template-rows: min-content min-content min-content auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .team-name-wrap {
    padding: 2.1em;
  }

  .rich-text-team {
    width: 100%;
    font-size: 16px;
  }

  .rich-text-team p {
    font-size: 16px;
  }

  .team-name-child {
    flex-direction: column;
  }

  .outline-span {
    font-size: 1.3vw;
  }

  .outline-span.hero1 {
    bottom: -29px;
    left: -83px;
  }

  .outline-span.hero2 {
    top: -97px;
    right: -57px;
  }

  .right-aligned-titles {
    align-items: flex-start;
  }

  .section__hero-services {
    padding-top: 6em;
    padding-bottom: 6em;
  }

  .service-top-child {
    width: 100%;
    display: flex;
    position: relative;
  }

  .webflow-badge {
    width: 25vw;
    height: 7vw;
    top: 0%;
    bottom: auto;
    left: 15%;
    right: auto;
  }

  .webflow-titles {
    width: 100%;
  }

  .product-img-1 {
    margin-top: 5em;
  }

  .product-img-2 {
    margin-bottom: 0;
    position: static;
    left: 0;
  }

  .services-img {
    width: 100%;
    padding-left: 0;
    left: -3.65vw;
  }

  .services-img.intro-_hero {
    width: 100%;
    height: 40%;
  }

  .qa-parent {
    width: 70%;
    margin-top: 7em;
  }

  .concept-img {
    font-size: 1.5vw;
  }

  .concept-img._1 {
    left: -19em;
  }

  .h2-span.story-1 {
    margin-left: -16%;
  }

  .h2-span.techical-1, .h2-span.discovery-2 {
    font-size: 9vw;
  }

  .h2-span.webflow-1 {
    margin-left: 0;
    font-size: 9vw;
  }

  .h2-span.appdev-2, .h2-span.appdev-1, .h2-span.solutions-2 {
    font-size: 9vw;
  }

  .h2-span.solutions-1 {
    margin-left: 0;
    font-size: 9vw;
  }

  .h2-span.qa-1, .h2-span.qa-2 {
    text-align: left;
    font-size: 9vw;
  }

  .h2-span.concept-2 {
    margin-left: 0%;
  }

  .h2-span.research-1, .h2-span.research-2 {
    margin-left: 0;
  }

  .h2-span.journey-2 {
    margin-left: -12%;
  }

  .h2-span.analytics-1 {
    display: inline-block;
  }

  .h2-span.a-b-2 {
    top: 19vw;
  }

  .design-system-child {
    width: auto;
  }

  .user-experience-img {
    width: 30vw;
    margin-top: 2em;
    right: -15px;
  }

  .overline {
    margin-bottom: .5em;
  }

  .emoji {
    width: 14vw;
  }

  .emoji._1 {
    top: 6.2vw;
    left: -17.9vw;
  }

  .emoji._2 {
    top: 6.3vw;
    right: 5.4vw;
  }

  .emoji._3 {
    bottom: -1.7vw;
    left: 9.7vw;
  }

  .color-pallete-img {
    width: 46vw;
  }

  .key-words-img {
    width: 50vw;
  }

  .styles-img-1 {
    width: 30vw;
  }

  .styles-img-2 {
    width: 25vw;
  }

  .styles-img-3 {
    width: 27vw;
  }

  .styles-img-4 {
    width: 40vw;
  }

  .brand-logos-parent {
    width: 100%;
    margin-top: 3em;
    padding-top: 1em;
    padding-bottom: 1em;
  }

  .brand-logos-child {
    height: 8vw;
    display: flex;
  }

  .ui-ux-img {
    width: 30vw;
    height: 50vw;
    position: relative;
    top: -5.4vw;
    right: 20.69vw;
  }

  .page-speed-parent {
    margin-top: 2em;
  }

  .contact-2, .contact-3, .contact-4, .contact-1 {
    font-size: 6.6vw;
  }

  .footer-next-page-parent {
    align-items: flex-start;
  }

  .blog-single__hero {
    width: 100%;
  }

  .cs-mobile-img {
    width: 30%;
  }

  .cs-mobile-img._2 {
    width: 50%;
    margin-bottom: 10vw;
  }

  .cs-mobile-img._03 {
    border-radius: .83em;
    order: 1;
    width: 50%;
    margin-top: 5.19em;
    position: static;
    top: -16.9vw;
    left: auto;
    right: auto;
  }

  .challenges-p {
    width: 69%;
    max-width: none;
  }

  .mobile-nav {
    z-index: 99;
    align-items: center;
    width: 100%;
    height: 100%;
    display: flex;
    position: fixed;
    transform: translate(0, -110%);
  }

  .collection-list-2 {
    display: flex;
  }

  .mobile-link-swipe {
    margin-top: 1em;
    display: flex;
    overflow: auto;
  }

  .contacts-parent {
    width: 100%;
  }

  .scroll-text-embed {
    display: none;
  }

  .cta-mobile {
    display: flex;
  }

  .cta-parent-mobile {
    justify-content: space-between;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .cs-mobile-video {
    border-radius: 12px;
    height: 50vw;
  }

  .mobile-video-wrap {
    width: 100%;
    margin-right: 0%;
  }

  .thank-you-message {
    width: 100%;
    position: static;
  }

  .html-embed {
    align-items: flex-end;
    display: flex;
  }

  .hidden-cookies {
    display: none;
  }

  .pill-contact {
    margin-bottom: 20px;
    left: 8%;
  }

  .cs-first-img-wrapper {
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  ._404__text-wrapper {
    width: 70%;
  }

  .footer-addresss__wrapper {
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
  }

  .share-to-social__parent {
    margin-top: 0;
  }

  .social-img {
    height: 20px;
  }

  .social-img.twitter {
    height: 16px;
  }

  .blog__new-parent {
    flex-direction: column;
    padding-top: 2em;
    padding-bottom: 2em;
  }

  .blog-index-heading-wrapper {
    width: 100%;
    margin-bottom: 1em;
  }

  .blog-index-img {
    object-fit: fill;
    width: 100%;
    height: 40vw;
    margin-bottom: 1.4em;
    position: static;
  }

  .blog-tabs {
    margin-top: 8em;
    margin-left: 0;
    margin-right: 0;
  }

  .blog-tab-menu {
    justify-content: flex-start;
    margin-bottom: 4em;
  }

  .industry-logos-wrapper {
    width: 100%;
  }

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

  .splide__list.horizontal {
    align-items: flex-start;
  }

  .splide__slide {
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 0;
  }

  .industry-big-title, .industry-big-title-2, .industry-big-title-3 {
    font-size: 10vw;
  }

  .sticky-card {
    padding: 2.05em;
  }

  .sticky-card._1 {
    top: 2.7em;
  }

  .sticky-card._2 {
    top: 10.09em;
  }

  .agency__times-p-wrapper {
    width: 70%;
  }

  .smooth-content.grey {
    background-color: var(--lighter);
  }

  .careers-h-1, .careers-h-2 {
    font-size: 13vw;
  }

  .team-member-item-card {
    background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
    background-position: 50%;
    background-size: cover;
    border-radius: 1.2em;
  }

  .nav-link-parent-mobile {
    perspective: 40em;
  }

  .nav-link-parent-mobile.no-transition {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .project-name-wrap-home {
    padding: 1.2em;
  }

  .mobile-video-holder {
    order: -1;
    width: 50%;
    margin-bottom: 5em;
  }

  .team-item-parent {
    height: 56em;
  }

  .max-width-85 {
    width: auto;
  }

  .marquee-item {
    min-width: 25em;
    max-width: 25em;
  }

  .navbar-2 {
    z-index: auto;
  }

  .rich-text-block {
    width: 48%;
    font-size: 20px;
  }

  .section__hero-benefits {
    height: 100%;
    padding-top: 4em;
    padding-bottom: 4em;
  }

  .benefits__hero-title {
    width: 100%;
  }

  .benefits-top-child {
    width: 100%;
    display: flex;
    position: relative;
  }

  .benefits-hero-img {
    width: 36vw;
    height: 20vw;
    margin-left: auto;
    top: 0;
  }

  .benefits-hero-img.strategy {
    width: 17em;
    height: 18em;
    bottom: -11.8em;
    left: 34.6em;
  }

  .benefits-parent {
    align-items: flex-start;
    padding: 4.5em 2.08em;
  }

  .benefit-icon-img {
    width: 30vw;
    height: 50vw;
    position: relative;
    top: -5.4vw;
    right: 20.69vw;
  }

  .benefit-icon-img.ba {
    width: 22%;
    height: 100%;
    margin-bottom: 1em;
    position: static;
    right: -25%;
  }

  .benefit-icon-img.audits {
    width: 25%;
    height: 100%;
    margin-bottom: 1em;
    position: static;
    right: 1%;
  }

  .services-img_hero {
    width: 30vw;
    height: 50vw;
    position: relative;
    top: -5.4vw;
    right: 20.69vw;
  }

  .services-img-cat {
    width: 22vw;
    height: 22vw;
    padding-left: 0;
    top: 7.3em;
    left: 73.65vw;
  }

  .services-img-cat.left {
    height: 22vw;
    top: 5.6em;
    left: 38.75em;
  }

  .services-img-cat.center {
    width: 12em;
    height: 19vw;
    top: 2.6em;
    left: 40.75em;
  }

  .services-img-cat.right {
    width: 16.3em;
    height: 16vw;
    top: 12.7em;
    left: 38.35em;
  }

  .services-img-cat.dlt {
    top: 22em;
    left: 33.85em;
  }

  .button-2 {
    font-size: 1.8vw;
  }

  .full-img-2 {
    object-fit: cover;
  }

  .user-testing-img {
    width: 30vw;
    height: 50vw;
    position: relative;
    top: -5.4vw;
    right: 20.69vw;
  }

  .services-parent-2 {
    padding: 4.5em 2.08em;
  }

  .services-parent-2.personas {
    position: relative;
  }

  .underline-2 {
    display: inline-block;
  }

  .sticky-left-parent-2 {
    width: 100%;
  }

  .sticky-right-parent-2 {
    display: none;
  }

  .big-text-2 {
    font-size: 10vw;
  }

  .big-text-2.vertical {
    margin-left: 0;
  }

  .h2-2 {
    font-size: 4.4vw;
  }

  .sticky-right {
    display: none;
  }

  .epicdesign-badge {
    margin-top: 3em;
  }

  .epic-design_link {
    width: 6em;
  }

  .contact-img {
    width: 35%;
    margin-bottom: 3em;
    position: static;
  }

  .contact-img.hidden {
    display: none;
  }

  .skills-parent {
    padding-top: 4em;
    padding-bottom: 4em;
  }

  .grid {
    grid-column-gap: 3em;
    grid-row-gap: 3em;
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .collection-item {
    margin-left: 0;
    margin-right: 0;
  }

  .text-content-wrapper {
    height: 100%;
    min-height: 100%;
  }

  .journal-collection-item {
    margin-left: 0;
    margin-right: 0;
  }

  .collection-list-wrapper {
    width: 100%;
  }

  .collection-list-3 {
    flex-direction: column;
  }

  .collection-item-4 {
    width: 100%;
  }
}

@media screen and (max-width: 767px) {
  h2 {
    font-size: 7vw;
  }

  h3 {
    font-size: 4.5vw;
  }

  h4 {
    font-size: 3vw;
  }

  .container, .container.nav {
    padding-left: 1.5em;
    padding-right: 1.5em;
  }

  .accordian_trigger-title {
    width: 90%;
    font-size: 18px;
  }

  .styles__section-label {
    padding-bottom: 10px;
  }

  .btn {
    padding: 7px 15px;
  }

  .card-body {
    padding: 16px 20px 20px;
  }

  .h3 {
    font-size: 4.5vw;
  }

  .h4.contact {
    font-size: 1.5em;
  }

  .h4.team {
    font-size: 5em;
  }

  .h5.is--bgtext-white.right-aligned-titles.no-caps {
    font-size: 3em;
  }

  .form-success_flex {
    max-width: 340px;
  }

  .card-body-2 {
    padding: 16px 20px 20px;
  }

  .nav {
    margin-top: 0%;
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .modal-close {
    font-size: 1.8rem;
    top: 10px;
    right: 10px;
  }

  .button {
    font-size: 2vw;
  }

  .button.big {
    padding: 36px 61px;
  }

  .button.titles {
    top: -.4em;
  }

  .button.services.mobile-only {
    color: var(--white);
  }

  .button.hide-on-mobile {
    display: block;
  }

  .button.visit-website-cs {
    order: 1;
    margin-top: 2em;
    position: static;
  }

  .underline {
    white-space: nowrap;
  }

  .underline.industry-label {
    margin-right: .3em;
  }

  .buttons-section {
    padding: 16px 20px 20px;
  }

  .nav-btn {
    z-index: 10;
  }

  .nav-link {
    padding-left: 0;
    padding-right: 0;
  }

  .nav-link.nav-drop.w--open {
    margin-bottom: 0;
  }

  .nav-drop_list.w--open {
    position: static;
    top: 0;
  }

  .nav-menu {
    width: 300px;
    padding-left: 1.5em;
    padding-right: 1.5em;
  }

  .nav-logo {
    width: 120px;
  }

  .nav-logo.menu {
    margin-bottom: 1em;
  }

  .menu-button.open {
    margin-right: 2.08em;
  }

  .big-text.hero1 {
    margin-right: 1%;
    font-size: 12vw;
  }

  .big-text.hero2 {
    margin-left: -1%;
    font-size: 12vw;
  }

  .big-text.hero3 {
    font-size: 12vw;
  }

  .big-text.vertical {
    margin-left: 0;
  }

  .big-text.centred {
    text-align: left;
    align-items: flex-start;
  }

  .big-text.motion, .big-text.footer-2 {
    margin-left: 0%;
  }

  .big-text.cta {
    font-size: 9vw;
  }

  .big-text.left {
    grid-column-gap: .2em;
    grid-row-gap: .2em;
    display: flex;
  }

  .super-text {
    font-size: 18vw;
  }

  .uber-text.benefits {
    width: 100%;
    font-size: 5.5em;
  }

  .section__hero {
    height: 60vh;
  }

  .section__hero.flex {
    padding-left: 1em;
    padding-right: 1em;
  }

  .page-spacing-l {
    padding-top: 7em;
    padding-bottom: 7em;
  }

  .page-spacing-l.top-s {
    padding-top: 2em;
    padding-bottom: 2em;
  }

  .container-l, .container-m {
    padding-left: 1em;
    padding-right: 1em;
  }

  .navbar {
    padding-top: 1.6em;
    padding-bottom: 1.6em;
  }

  .hero__title-parent {
    align-items: center;
  }

  .featured-project__grid {
    grid-row-gap: 3em;
    flex-direction: column;
    grid-template-rows: auto auto auto;
    grid-template-columns: 2fr;
  }

  .featured-project__grid.reversed {
    grid-column-gap: 2em;
    grid-row-gap: 2em;
    grid-template-rows: auto auto auto;
    grid-template-columns: 2fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .full-img {
    object-fit: cover;
  }

  .feature-work-child, .feature-work-child._1 {
    width: 100%;
  }

  .page-spacing-m {
    padding-top: 2em;
    padding-bottom: 2em;
  }

  .page-spacing-m.bottom-l {
    padding-bottom: 7em;
  }

  .top-nav-parent {
    flex-direction: column;
  }

  .top-nav-child {
    margin-top: 2em;
  }

  .nav-link-main {
    font-size: 8vw;
  }

  .accordion-p-parent {
    width: 81%;
  }

  .title-wrapper {
    height: 50vh;
  }

  .text-row {
    align-items: center;
  }

  .text-row.projects-line-2 {
    margin-left: 0%;
  }

  .text-row.hero {
    margin-left: 19px;
  }

  .text-row.career-2 {
    margin-top: 2.6em;
  }

  .medium-text {
    font-size: 9.3vw;
  }

  .card-project {
    height: 400px;
  }

  .project-name-wrap {
    padding: 3.3em;
  }

  .clients__title-parent {
    margin-bottom: 10em;
  }

  .tab {
    padding: .4em .8em .2em;
  }

  .tab.blog {
    margin-bottom: .5em;
    margin-right: .5em;
  }

  .blog-title__wrapper {
    margin-bottom: 2em;
  }

  .blog-articles-child {
    max-width: 100%;
  }

  .footer.is--bg-white {
    position: relative;
  }

  .logo-footer {
    width: 23vw;
  }

  .social-icons-parent.navigation {
    align-items: center;
  }

  .footer-address {
    width: 15em;
  }

  .nav-link-small {
    font-size: 7vw;
  }

  .social-icon-menu.is-1.mobile-menu {
    justify-content: center;
    align-items: center;
  }

  .social-icon-menu.is-2.mobile-menu {
    justify-content: center;
    align-items: center;
    height: 2em;
  }

  .cs-hero-img-parent {
    padding: 1em;
  }

  .cs-title-parent {
    flex-direction: column;
    align-items: flex-start;
    padding-bottom: 2em;
    padding-left: 2em;
    padding-right: 2em;
  }

  .rich-text-cs {
    margin-bottom: 1em;
  }

  .rich-text-cs h1 {
    margin-bottom: 0;
  }

  .cs-title-child {
    margin-left: 0;
  }

  .cs-small-info-child {
    flex-direction: row;
    margin-top: 8px;
  }

  .collection-list {
    grid-column-gap: 1em;
  }

  .cs-small-info-parent {
    position: static;
  }

  .main-info-parent {
    grid-column-gap: 3em;
    grid-row-gap: 2em;
    grid-template-rows: auto auto;
    grid-template-columns: auto auto;
    width: 100%;
  }

  .challenges-parent {
    grid-row-gap: 3em;
    flex-direction: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    align-items: center;
  }

  .challenge-child._2 {
    align-items: flex-start;
    width: 100%;
  }

  .client-quote-text {
    width: 100%;
    font-size: 2.2em;
  }

  .quote-wrapper {
    flex-direction: column;
    width: 100%;
  }

  .client-info-wrapper {
    bottom: -31%;
  }

  .services__hero-title {
    align-items: flex-start;
    display: flex;
  }

  .services-hero-img {
    width: 33vw;
    height: 19vw;
    top: .3em;
  }

  .services-hero-img.strategy {
    bottom: -7.7em;
  }

  .services-hero-img.support {
    width: 37vw;
    height: 57vw;
    position: relative;
    top: -9.1vw;
  }

  .services-bottom-child.product-design {
    left: 0;
  }

  .services-bottom-child.strategy {
    margin-left: 10%;
  }

  .services-bottom-child.support {
    align-items: flex-start;
    left: 0;
  }

  .services-hero-p {
    max-width: 80%;
  }

  .services-hero-p.web-design {
    margin-left: 2%;
  }

  .services-hero-p.is--bgtext-black {
    max-width: 100%;
  }

  .pill {
    top: -13%;
  }

  .pill._2 {
    display: none;
  }

  .pill.services-web-1 {
    top: -30%;
    bottom: auto;
    left: 55%;
    right: auto;
  }

  .pill.services-web-2 {
    display: none;
  }

  .pill.ab-projects {
    order: -1;
    position: static;
  }

  .pill.development {
    top: -20%;
  }

  .pill.product-design {
    top: -66%;
    bottom: auto;
    left: 0%;
    right: auto;
  }

  .pill.services-startegy {
    top: 12.6em;
    left: -.2em;
  }

  .pill.support {
    order: -1;
    position: static;
    top: -19.8vw;
    left: 40vw;
  }

  .pill.case-study-services {
    margin-right: 0;
  }

  .services-parent {
    align-items: flex-start;
    padding: 2em 1em;
  }

  .services-parent.story-telling {
    height: 70vh;
  }

  .services-parent.design-system {
    flex-direction: column;
    height: auto;
    padding-left: 2.08em;
  }

  .services-parent.prototyping {
    height: 180vh;
  }

  .services-parent.styles-scapes {
    justify-content: space-between;
    height: 180vw;
  }

  .services-offseted-p {
    width: 100%;
    margin-top: 1.5em;
  }

  .services-offseted-p.content-strategy {
    margin-left: 0;
  }

  .services-offseted-p.art-direction {
    margin-left: 6.3em;
  }

  .services-offseted-p.copywriting {
    width: 100%;
  }

  .services-offseted-p.technical-discovery {
    width: 100%;
    margin-top: 1.5em;
  }

  .services-offseted-p.webflow-1 {
    width: 100%;
    margin-top: 1.5em;
    margin-left: 0;
  }

  .services-offseted-p.webflow-2 {
    width: 100%;
    margin-top: 1em;
    margin-left: 0;
  }

  .services-offseted-p.ecommerce-1 {
    width: 100%;
  }

  .services-offseted-p.ecommerce-2 {
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
  }

  .services-offseted-p.solution-1 {
    width: 100%;
  }

  .services-offseted-p.ux-1 {
    width: 45ch;
  }

  .services-offseted-p.ux-2 {
    margin-left: -13%;
  }

  .services-offseted-p.motion-1 {
    margin-left: 0%;
  }

  .services-offseted-p.research-2 {
    width: 100%;
    margin-top: 2em;
    margin-left: 0%;
  }

  .services-offseted-p.personas-1 {
    width: 80%;
    margin-left: 0;
  }

  .services-offseted-p.personas-1.audits {
    width: 100%;
    margin-top: 2em;
    margin-left: 0;
    margin-right: auto;
  }

  .services-offseted-p.style-1 {
    width: 100%;
    margin-left: 0%;
  }

  .services-offseted-p.presentation, .services-offseted-p.brand {
    width: 100%;
  }

  .services-offseted-p.support {
    width: 38%;
  }

  .services-offseted-p.a-b-testing {
    top: -13.1vw;
  }

  .services-offseted-p.copywriting._2 {
    margin-left: 0;
  }

  .services-offseted-p.research-2 {
    margin-left: 0%;
  }

  .content-strategy-grid {
    grid-column-gap: 2px;
    grid-row-gap: 2px;
    width: 90%;
    height: 37vh;
  }

  .content-strategy-child {
    border-radius: 17px;
  }

  .content-strategy-child.is-6 {
    border-radius: 15px;
  }

  .insutry-hero-parent {
    margin-bottom: 0;
  }

  .industry-hero-child.bottom {
    width: 100%;
    margin-top: 1em;
    margin-left: 0;
  }

  .industry-logo-list {
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr 1fr 1fr;
  }

  .industry-client-parent {
    grid-row-gap: 2em;
    grid-template-rows: auto auto;
    grid-template-columns: auto;
  }

  .industry-client-child {
    flex-direction: row;
  }

  .industry-client-logo {
    width: 40%;
  }

  .industry-big-text-parent {
    margin-bottom: 6em;
  }

  .careers-hero-parent {
    padding-top: 6em;
    padding-bottom: 6em;
  }

  .careers-hero-img._1 {
    right: 37px;
  }

  .careers-hero-img._2 {
    width: 23vw;
    height: 36vw;
  }

  .careers-hero-img._3 {
    width: 34vw;
    height: 20vw;
  }

  .careers-work-parent {
    grid-row-gap: 3em;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .careeer-img {
    margin-top: -7.2em;
  }

  .careeer-img._1 {
    width: 53vw;
    height: 74vw;
  }

  .careeer-img._2 {
    margin-top: 0;
  }

  .careeer-img._3 {
    width: 100%;
  }

  .job-list {
    margin-top: 2em;
  }

  .section__contacts-hero {
    height: 60vh;
  }

  .form-field {
    padding-top: 2.8em;
    padding-bottom: 2.6em;
    font-size: 2vw;
  }

  .form-field.message {
    padding-top: 1.6em;
  }

  .all-projects-grid {
    grid-column-gap: 2em;
    grid-row-gap: 2em;
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr;
  }

  .project-item-child {
    border-radius: 3em;
  }

  .project-item-parent {
    height: 600px;
  }

  .section__hero-blog {
    padding-top: 8em;
  }

  .blog-info-parent {
    justify-content: space-between;
    margin-top: 2em;
  }

  .blog-info-child._1, .blog-info-child._2 {
    width: auto;
  }

  .blog-info-child._3 {
    width: auto;
    display: block;
  }

  .main-blog-img {
    margin-bottom: 0;
  }

  .rich-text-blog blockquote {
    margin-top: 1em;
    margin-bottom: 1em;
    padding-left: 0;
    padding-right: 0;
    font-size: 1.4em;
  }

  .rich-text-blog h2 {
    margin-bottom: .8em;
    font-size: 1.5em;
  }

  .rich-text-blog p {
    font-size: 1em;
  }

  .rich-text-blog h4 {
    font-size: 1.3em;
  }

  .blog-full-img {
    height: 50vw;
  }

  .team-name-wrap {
    padding: 3.4em;
  }

  .rich-text-team {
    font-size: 20px;
  }

  .rich-text-team p {
    font-size: 24px;
  }

  .outline-span {
    font-size: 2vw;
  }

  .outline-span.hero1 {
    bottom: -32px;
    left: 1.1em;
  }

  .outline-span.hero2 {
    top: -13.25em;
    right: 6.8em;
  }

  .section__hero-services {
    padding-top: 5em;
    padding-bottom: 2em;
  }

  .webflow-badge {
    left: 3%;
  }

  .services-img.intro-_hero {
    width: 100%;
    height: auto;
  }

  .concept-img._1 {
    left: -17.2em;
  }

  .sticky-concept-design {
    top: 10em;
  }

  .h2-span.animations-2 {
    margin-left: -14%;
  }

  .h2-span.solutions-1 {
    margin-left: 0;
  }

  .h2-span.concept-2 {
    margin-left: 16%;
  }

  .h2-span.system-1 {
    margin-bottom: .4em;
    margin-left: -1%;
  }

  .h2-span.research-1, .h2-span.research-2 {
    margin-left: 0;
  }

  .h2-span.journey-1 {
    margin-left: 0%;
  }

  .h2-span.journey-2 {
    margin-left: -8%;
  }

  .h2-span.journey-3 {
    margin-left: 15%;
  }

  .h2-span.a-b-2 {
    top: 22.5vw;
  }

  .h2-span.speed-2, .h2-span.journey-1 {
    margin-left: 0%;
  }

  .design-system-parent {
    grid-column-gap: 1em;
    grid-row-gap: 1em;
    width: 100%;
    margin-top: 2em;
    margin-left: 0;
    margin-right: 0;
    position: static;
  }

  .design-system-title {
    margin-bottom: 3em;
  }

  .design-system-wrap {
    flex-direction: column;
  }

  .overline {
    font-size: .2em;
  }

  .motion-parent {
    flex-direction: column;
  }

  .prototyping-img {
    width: 55%;
  }

  .prototyping-parent._1 {
    margin-bottom: 5em;
  }

  .emoji._1 {
    top: 7.1vw;
    left: -15.6vw;
  }

  .emoji._2 {
    top: 7.7vw;
    right: 2.3vw;
  }

  .emoji._3 {
    bottom: -2.3vw;
    left: -4.1vw;
  }

  .styles-img-1 {
    width: 13em;
    display: none;
  }

  .styles-img-2 {
    width: 10em;
  }

  .styles-img-4 {
    width: 18em;
  }

  .brand-logos-child {
    height: 4em;
  }

  .cs-project-info-parent {
    flex-direction: column;
    align-items: flex-start;
    display: flex;
  }

  .cs-mobile-img._2 {
    z-index: 2;
  }

  .cs-mobile-img._03 {
    order: 1;
    margin-top: 4em;
    margin-left: auto;
    margin-right: auto;
    position: static;
  }

  .cs-appoach-p {
    overflow: hidden;
  }

  .mobile-nav {
    transform: translate(0, -110%);
  }

  .contacts-parent {
    flex-direction: column;
    align-items: flex-start;
    display: flex;
  }

  .contacts-child {
    margin-bottom: 8px;
  }

  .mobile-video-wrap {
    order: -1;
  }

  .button-cookies {
    font-size: .88em;
  }

  .cookie-info-wrapper {
    width: 34.38em;
  }

  .pill-contact {
    top: -13%;
  }

  .cs-first-img-wrapper {
    flex-direction: column;
    display: flex;
  }

  .cookie-text {
    font-size: .88em;
  }

  .share-to-social__parent {
    margin-top: 0;
  }

  .social-img {
    height: 1.2em;
  }

  .blog__new-parent {
    padding-top: 1.2em;
    padding-bottom: 1.2em;
  }

  .blog-index-heading-wrapper {
    margin-bottom: .5em;
  }

  .blog-index-img {
    height: 44vw;
  }

  .blog-tabs {
    margin-top: 4em;
  }

  .blog-tab-menu {
    flex-flow: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 2em;
  }

  .industries-single-logp {
    margin-top: 0;
  }

  .splide__slide {
    width: 22em;
  }

  .industry-big-title, .industry-big-title-2 {
    font-size: 11.1vw;
  }

  .industry-big-title-2.blockchain-2 {
    margin-left: 1em;
  }

  .industry-big-title-3 {
    font-size: 11.1vw;
  }

  .industry-big-title-3.blockchain-3 {
    margin-left: .28em;
  }

  .sticky-cards__child {
    padding-bottom: 10px;
  }

  .sticky-card {
    height: 20em;
    padding: 2em;
  }

  .sticky-card._1 {
    width: 100%;
    height: 24em;
    top: 4.1em;
  }

  .sticky-card._2 {
    width: 100%;
    height: 24em;
    top: 8.09em;
  }

  .agency__times-p-wrapper {
    width: 100%;
  }

  .team-member-item-card {
    border-radius: 3em;
  }

  .team-item-parent {
    height: 600px;
  }

  .marquee-item {
    min-width: 35em;
    max-width: 35em;
  }

  .rich-text-block {
    font-size: 24px;
  }

  .section__hero-benefits {
    padding-top: 4em;
    padding-bottom: 4em;
  }

  .benefits__hero-title {
    align-items: flex-start;
    display: flex;
  }

  .benefits-bottom-child {
    margin-top: 2em;
  }

  .benefits-hero-img {
    width: 33vw;
    height: 19vw;
    top: .3em;
  }

  .benefits-hero-img.strategy {
    width: 14.1em;
    height: 13em;
    bottom: -1.2em;
    left: 24em;
  }

  .benefits-parent {
    align-items: flex-start;
    padding-top: 3em;
    padding-bottom: 3em;
  }

  .uber-text-span {
    width: 100%;
  }

  .benefit-icon-img.ba, .benefit-icon-img.audits {
    width: 30%;
    height: 100%;
    right: 0%;
  }

  .services-img-cat {
    width: 40%;
    height: auto;
    position: static;
  }

  .services-img-cat.left {
    width: 40%;
    height: auto;
    top: -3.6em;
    left: -9.25em;
  }

  .services-img-cat.center {
    width: 40%;
    height: auto;
  }

  .services-img-cat.right {
    width: 50%;
    height: auto;
    position: static;
  }

  .button-2 {
    font-size: 2vw;
  }

  .full-img-2 {
    object-fit: cover;
  }

  .services-parent-2.styles-scapes {
    justify-content: space-between;
    height: 180vw;
  }

  .underline-2 {
    white-space: nowrap;
  }

  .contact-img {
    margin-bottom: 1.5em;
  }

  .grid {
    grid-column-gap: 2em;
    grid-row-gap: 2em;
  }

  .skill_item-image {
    width: 150px;
    height: 150px;
  }
}

@media screen and (max-width: 479px) {
  h1 {
    font-size: 10vw;
  }

  h2 {
    font-size: 9vw;
  }

  h3 {
    font-size: 6vw;
  }

  h4 {
    font-size: 5vw;
  }

  .container, .container.nav {
    padding-left: 1em;
    padding-right: 1em;
  }

  .accordian_trigger-title {
    width: 82%;
  }

  .accordian_content {
    padding-left: 28px;
  }

  .accordian_trigger {
    padding: 10px 8px;
  }

  .whole-wrapper {
    flex-direction: column;
  }

  .two-column-item {
    width: auto;
    margin-top: 0;
    margin-bottom: 32px;
  }

  .h2 {
    font-size: 7vw;
  }

  .h3, .h4 {
    font-size: 6vw;
  }

  .h4.contact {
    font-size: 1.3em;
    line-height: 1.2;
  }

  .h4.team {
    font-size: 7em;
  }

  .h4.is--bgtext-black {
    margin-bottom: 1em;
  }

  .h5 {
    font-size: 3vw;
  }

  .h5.no-caps {
    font-size: 1.2em;
  }

  .h5.is--bgtext-white.right-aligned-titles.no-caps {
    font-size: 4.5em;
  }

  .item_wrapper {
    flex-basis: 100%;
    max-width: 100%;
  }

  .row {
    flex-wrap: wrap;
  }

  .button {
    font-size: 4vw;
  }

  .button.big.ghost.ab-footer {
    top: 67%;
  }

  .button.big.ghost.white.webflow {
    margin-left: 0;
  }

  .button.blog {
    margin-top: 1em;
    margin-left: 0;
  }

  .button.cta {
    margin-top: 0;
  }

  .underline.industry-label {
    margin-bottom: .3em;
  }

  .underline.hero {
    font-size: 1.2em;
  }

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

  .nav-menu {
    width: 280px;
  }

  .p-wrapper {
    margin-top: 24px;
  }

  .heading-wrapper {
    margin-bottom: 1em;
  }

  .menu-button {
    display: none;
  }

  .menu-button.open {
    margin-left: 0;
    margin-right: 0;
    display: none;
    position: relative;
  }

  .big-text.hero1 {
    margin-right: 30%;
    font-size: 14vw;
  }

  .big-text.hero2 {
    margin-left: 22%;
    font-size: 14vw;
  }

  .big-text.hero4 {
    margin-left: 23%;
    font-size: 11vw;
  }

  .big-text.hero3 {
    font-size: 14vw;
  }

  .big-text.vertical {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: auto;
    font-size: 12vw;
  }

  .big-text.cta {
    color: var(--black);
    font-size: 9vw;
  }

  .uber-text.service-1 {
    font-size: 17.5vw;
  }

  .uber-text.agency {
    font-size: 24vw;
  }

  .uber-text.benefits {
    font-size: 2em;
  }

  .section__hero {
    height: 100vh;
    padding-top: 5em;
    padding-bottom: 5em;
  }

  .page-spacing-l {
    padding-top: 4.5em;
    padding-bottom: 4.5em;
  }

  .page-spacing-l.hero {
    padding-bottom: 0;
  }

  .page-spacing-l.top-s {
    padding-top: 2em;
  }

  .page-spacing-l.blog-hero {
    padding-top: 9em;
  }

  .page-spacing-l.larger {
    padding-bottom: 5em;
  }

  .container-s, .container-l {
    padding-left: 1em;
    padding-right: 1em;
  }

  .container-l.nav-wrapper {
    background-color: var(--lighter);
    justify-content: space-between;
  }

  .container-l.left-m {
    padding-left: 1.25em;
  }

  .container-m {
    padding-left: 1em;
    padding-right: 1em;
  }

  .div-hide.flex.left-margin {
    margin-left: 0;
  }

  .nav-parent {
    justify-content: space-between;
  }

  .menu-line {
    width: 48px;
  }

  .menu-lines-parent {
    width: 100%;
  }

  .menu-lines-parent.close {
    display: block;
  }

  .featured-project__grid {
    grid-column-gap: 3em;
    grid-row-gap: 3em;
    grid-template-rows: auto auto auto;
    grid-template-columns: 2fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .featured-project__grid.reversed {
    grid-template-rows: auto auto auto;
    grid-template-columns: 2fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .featured-project__grid.vertical {
    grid-template-rows: 1fr auto auto;
  }

  .featured-project__grid.junts {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .featured-video__wrapper {
    border-radius: .83em;
  }

  .feature-work-child {
    grid-row-gap: .7em;
  }

  .page-spacing-m {
    padding-top: 1.5em;
    padding-bottom: 2.5em;
  }

  .page-spacing-m.bottom-l {
    padding-bottom: 4.5em;
  }

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

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

  .button-text.big {
    color: var(--black);
  }

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

  .menu-wrapper {
    display: none;
  }

  .mid-nav-parent {
    grid-column-gap: 2em;
    grid-row-gap: 2em;
    margin-top: 35%;
  }

  .mid-nav-child.is-3 {
    display: block;
  }

  .nav-link-main {
    font-size: 9.5vw;
  }

  .nav-link-main.is-1 {
    font-family: Chakra Petch, sans-serif;
  }

  .nav-link-main.is-2 {
    font-family: Chakra Petch, sans-serif;
    display: block;
  }

  .accordion-child {
    padding-bottom: 0;
  }

  .accordion-p-wrapper {
    padding-bottom: 1em;
  }

  .accordion-p-parent {
    width: 88%;
  }

  .xmark-1 {
    height: 24px;
  }

  .xmark-2 {
    width: 24px;
  }

  .xmark-parent {
    width: 24px;
    height: 24px;
  }

  .title-wrapper {
    height: 30vh;
  }

  .text-row.hero {
    margin-left: 6px;
  }

  .text-row.career-2 {
    margin-top: 0;
  }

  .item {
    margin-right: .5em;
  }

  .card-project {
    height: 290px;
  }

  .clients__title-parent {
    margin-bottom: 2em;
  }

  .tab.projects {
    margin-bottom: 1em;
  }

  .tab-menu.projects {
    flex-flow: wrap;
    align-items: flex-start;
  }

  .blog-title__wrapper {
    flex-direction: column;
    align-items: center;
  }

  .blog-articles-child {
    flex-direction: column;
    margin-bottom: 1em;
    padding-top: 0;
  }

  .blog-articles-child.on-white {
    padding-top: 0;
    padding-bottom: 0;
  }

  .accordion-title {
    font-size: 8vw;
  }

  .footer.is--bg-white, .footer-parent {
    height: 100%;
  }

  .footer-top-child {
    flex-direction: column;
  }

  .logo-footer {
    flex: none;
    width: 33%;
  }

  .footer-bottom-child {
    height: auto;
    margin-top: 0;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .copyright-text {
    white-space: nowrap;
    font-size: 3vw;
  }

  .copyright-text.is--bgtext-white {
    color: var(--black);
  }

  .social-icons-parent.navigation {
    margin-top: 0;
    margin-bottom: 1em;
  }

  .footer-mid-child {
    flex-direction: column;
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr;
    height: auto;
    margin-top: 4em;
    display: flex;
  }

  .footer-address {
    max-width: 100%;
    height: auto;
  }

  .footer-address.bottom {
    margin-top: 2em;
  }

  .blog-little-img {
    width: 100%;
    height: 50vw;
    margin-bottom: .5em;
  }

  .no-break {
    white-space: nowrap;
  }

  .nav-link-small {
    margin-bottom: 4px;
    margin-right: 16px;
    font-size: 8vw;
  }

  .bottom-nav-child {
    flex-direction: column;
    align-items: center;
  }

  .logo-wrapper-nav {
    flex-direction: column;
    align-items: center;
    margin-top: 1em;
  }

  .social-icon-menu.is-1.mobile-menu {
    margin-right: 0;
  }

  .social-icon-menu.is-2.mobile-menu {
    margin-left: 24px;
    margin-right: 24px;
  }

  .menu-heading {
    margin-bottom: 8px;
    font-size: 14px;
  }

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

  .hero-container-cs {
    flex-direction: column;
    height: auto;
  }

  .cs-hero-img-parent {
    flex-direction: column;
    height: 60vh;
    position: static;
  }

  .cs-title-parent {
    padding-left: 1.25em;
    padding-right: 1.25em;
  }

  .rich-text-cs {
    line-height: 1.6;
  }

  .rich-text-cs h1 {
    font-size: 11.1vw;
  }

  .cs-title-child {
    grid-template-rows: auto auto auto;
    grid-template-columns: auto;
    max-width: 100%;
    margin-top: 1em;
  }

  .cs-title-child._1 {
    margin-bottom: 1em;
  }

  .cs-title-child._2 {
    margin-top: 3em;
  }

  .cs-small-info-child {
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .section-project-info {
    overflow: hidden;
  }

  .collection-list {
    flex-direction: column;
    grid-template-rows: auto;
    grid-template-columns: auto auto auto;
    grid-auto-columns: 1fr;
    align-items: flex-start;
    display: flex;
  }

  .cs-small-info-parent {
    order: -1;
    margin-bottom: 0;
  }

  .main-info-parent {
    grid-row-gap: 1em;
    grid-template-rows: auto auto;
    grid-template-columns: auto;
  }

  .cs-video-wrapper._1 {
    height: 48vw;
  }

  .challenge-child._2 {
    width: 100%;
  }

  .client-quote-text {
    font-size: 1.7em;
  }

  .quote-wrapper {
    width: 100%;
  }

  .client-info-wrapper {
    flex-direction: row;
    order: 1;
    width: 100%;
    margin-right: auto;
    position: static;
  }

  .client-info-child {
    align-items: flex-start;
  }

  .cs-services-item-hero {
    margin-top: 0;
  }

  .services__hero-title {
    align-items: center;
    display: flex;
  }

  .services-hero-img {
    top: 0;
  }

  .services-hero-img.web-design {
    width: 35vw;
    height: 17vw;
    top: 0;
    left: -5vw;
  }

  .services-hero-img.strategy {
    bottom: -3.2em;
    left: 11.8em;
  }

  .services-hero-img.support {
    position: absolute;
    top: -75.9vw;
  }

  .services-bottom-child.strategy {
    margin-left: 0%;
  }

  .services-hero-p {
    max-width: 100%;
    margin-left: 0%;
  }

  .services-hero-p.product-design {
    margin-top: 1em;
  }

  .services-hero-p.web-design {
    margin-left: 0%;
  }

  .services-hero-p.support {
    margin-left: 0;
  }

  .services-hero-p.is--bgtext-black {
    margin-top: 16px;
  }

  .pill {
    top: auto;
    bottom: 0%;
    left: auto;
    right: 6%;
  }

  .pill.services-web-1 {
    margin-top: 1em;
    position: static;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: auto;
  }

  .pill.development {
    margin-bottom: 1em;
    position: static;
    top: auto;
    bottom: -17%;
    left: 0%;
    right: auto;
  }

  .pill.product-design {
    top: -43%;
  }

  .pill.services-startegy {
    position: static;
    top: 4.8em;
    left: 3.7em;
  }

  .pill.support {
    position: absolute;
    top: -29.3vw;
    left: -11.86vw;
  }

  .pill.case-study-services {
    margin-top: .5em;
  }

  .section-sticky-right-part {
    margin-top: 0;
    padding-bottom: 0;
  }

  .services-parent {
    align-items: flex-start;
    padding: 2.5em 1em;
  }

  .services-parent.art-direction {
    margin-top: -122px;
    padding-top: 0;
    padding-bottom: 10em;
  }

  .services-parent.story-telling {
    height: auto;
  }

  .services-parent.animations {
    padding-top: 2em;
  }

  .services-parent.height-auto {
    padding-top: 3em;
    padding-bottom: 3em;
  }

  .services-parent.app-dev {
    margin-bottom: 7em;
    padding-top: 3em;
    padding-bottom: 0;
    position: relative;
  }

  .services-parent.ecommerce {
    padding-top: 3em;
    padding-bottom: 3em;
  }

  .services-parent.design-system {
    padding-left: 1.25em;
  }

  .services-parent.motion-design {
    padding-bottom: 2.5em;
  }

  .services-parent.prototyping {
    height: 157vh;
  }

  .services-parent.page-speed {
    padding-bottom: 5em;
  }

  .services-parent.support {
    padding-top: 2.5em;
    padding-bottom: 2.5em;
  }

  .services-offseted-p {
    width: 100%;
    margin-top: 2em;
    margin-bottom: 2em;
  }

  .services-offseted-p.content-strategy {
    width: 100%;
    margin-left: 0;
  }

  .services-offseted-p.art-direction {
    margin-left: 0;
  }

  .services-offseted-p.copywriting, .services-offseted-p.technical-discovery {
    width: 100%;
  }

  .services-offseted-p.webflow-1 {
    width: 100%;
    margin-top: 2em;
    margin-left: 0;
  }

  .services-offseted-p.webflow-2 {
    margin-left: 0;
  }

  .services-offseted-p.webflow-3 {
    width: 100%;
    margin-top: 3em;
    margin-left: 0;
  }

  .services-offseted-p.webflow-4 {
    width: 100%;
    margin-top: 2em;
    margin-left: 0;
  }

  .services-offseted-p.ecommerce-1, .services-offseted-p.ecommerce-2, .services-offseted-p.solution-1, .services-offseted-p.concept-design {
    width: 100%;
  }

  .services-offseted-p.ux-1 {
    width: 100%;
    margin-left: 0%;
  }

  .services-offseted-p.ux-2 {
    margin-left: 0%;
  }

  .services-offseted-p.motion-1 {
    width: 100%;
  }

  .services-offseted-p.testing-1, .services-offseted-p.mvp-1 {
    margin-left: 0%;
  }

  .services-offseted-p.research-2 {
    margin-top: 1em;
  }

  .services-offseted-p.personas-1 {
    width: 100%;
  }

  .services-offseted-p.personas-1.audits {
    margin-top: 1em;
    margin-left: auto;
  }

  .services-offseted-p.style-1 {
    margin-left: 0%;
  }

  .services-offseted-p.presentation {
    width: 100%;
  }

  .services-offseted-p.brand {
    margin-top: 1em;
  }

  .services-offseted-p.support {
    width: 100%;
    position: static;
  }

  .services-offseted-p.a-b-testing {
    width: 100%;
    top: 0;
  }

  .services-offseted-p.speed-1, .services-offseted-p.copywriting {
    width: 100%;
  }

  .content-strategy-grid {
    height: 80vw;
  }

  .content-strategy-child {
    border-radius: 9px;
  }

  .section__industry-hero {
    padding-top: 4em;
  }

  .industry-logo-list {
    grid-template-rows: auto auto auto auto auto auto;
    grid-template-columns: 1fr 1fr;
    margin-top: 2em;
    margin-bottom: 2em;
    margin-left: 0;
  }

  .indsutry-client-wrapper {
    grid-row-gap: 3em;
  }

  .industry-client-parent {
    flex-direction: column;
    display: flex;
  }

  .industry-client-child {
    flex-direction: column;
    align-items: center;
    margin-bottom: 1em;
  }

  .industry-client-logo {
    margin-bottom: 1em;
  }

  .industry-big-text-parent {
    margin-bottom: 3em;
  }

  .section__careers-hero {
    height: auto;
    overflow: visible;
  }

  .careers-hero-parent {
    padding-top: 8em;
    padding-bottom: 4em;
  }

  .careers-hero-img._1 {
    bottom: -59.5469px;
    right: 10px;
  }

  .careers-hero-img._2 {
    width: 38vw;
    height: 60vw;
    display: none;
    top: 62.64vw;
    left: 11.9vw;
  }

  .careers-hero-img._3 {
    width: 60vw;
    height: 30vw;
    display: none;
  }

  .careeer-img {
    margin-top: -2.5em;
  }

  .careeer-img._2, .job-list {
    margin-top: 0;
  }

  .radio-button-contact {
    padding-top: 1.5em;
    padding-bottom: 1.3em;
  }

  .form-field {
    padding-top: 2.8em;
    padding-bottom: 2.5em;
    font-size: 3vw;
  }

  .form-field.message {
    border-radius: 0;
    padding-top: 1.5em;
  }

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

  .project-item-parent {
    height: 100em;
  }

  .blog-info-parent {
    flex-direction: column;
    align-items: center;
    margin-top: .5em;
  }

  .blog-info-child {
    flex-direction: column;
  }

  .blog-info-child._1 {
    order: -1;
    align-items: stretch;
    width: 40%;
  }

  .blog-info-child._2 {
    text-align: right;
    order: 1;
    align-items: flex-start;
    width: 40%;
    display: block;
  }

  .main-blog-img {
    height: 70vw;
  }

  .rich-text-blog blockquote {
    font-size: 1.25em;
  }

  .rich-text-blog h2 {
    font-size: 1.4em;
  }

  .rich-text-blog p {
    font-size: 1em;
  }

  .rich-text-blog h4 {
    font-size: 1.3em;
  }

  .blog-full-img {
    margin-top: 2em;
    margin-bottom: 2em;
  }

  .agency-hero-parent {
    flex-direction: column;
    align-items: flex-start;
    height: 70%;
  }

  .agency-img._1 {
    width: 40vw;
    top: 42%;
  }

  .agency-img._2 {
    display: none;
  }

  .agency-img._3 {
    z-index: 0;
    width: 60vw;
    height: 30vw;
    bottom: 1%;
    left: 9%;
  }

  .agency-img._4 {
    width: 40vw;
    margin-bottom: 1em;
    position: static;
    top: 25%;
    left: 1%;
  }

  .agency-img._5 {
    display: none;
  }

  .section__agency-hero {
    height: 100vh;
  }

  .blog-hero-title-grid {
    grid-row-gap: 1em;
    grid-template-rows: min-content min-content min-content;
  }

  .rich-text-team {
    font-size: 16px;
    font-weight: 300;
    line-height: 16px;
  }

  .rich-text-team p {
    font-size: 16px;
  }

  .outline-span {
    font-size: 2vw;
  }

  .outline-span.hero1 {
    bottom: 319%;
  }

  .outline-span.hero2 {
    top: auto;
    bottom: -47%;
    left: auto;
    right: 5%;
  }

  .logo-intro, .logo-intro.black {
    width: 7em;
  }

  ._3d.careers {
    white-space: nowrap;
    font-size: 8vw;
  }

  .women-img {
    flex: none;
    width: 100%;
    height: 20em;
    top: -9.8em;
  }

  .art-direction-images {
    height: 33em;
  }

  .letter-img {
    width: 10em;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: auto;
  }

  .art-direction-line {
    width: 11em;
    height: 5px;
    top: -2%;
  }

  .art-direction-p {
    width: 100%;
    bottom: -10%;
  }

  .pink-circle {
    width: 15em;
    height: 15em;
  }

  .section__hero-services.support {
    padding-top: 22.3em;
  }

  .webflow-badge {
    width: 25vw;
    height: 8vw;
    left: auto;
    right: 51.6vw;
  }

  .webflow-bottom-child {
    margin-top: 5em;
  }

  .product-img-2 {
    z-index: -1;
  }

  .services-img {
    top: 0;
    left: auto;
  }

  .services-img.intro, .services-img.intro-_hero {
    margin-bottom: 0;
    top: auto;
    left: auto;
  }

  .qa-parent {
    width: 100%;
    margin-top: 4em;
    margin-bottom: 0;
  }

  .qa-img {
    width: 10em;
    height: 18em;
    position: relative;
    bottom: 15%;
    left: 46%;
  }

  .qa-child {
    order: -1;
  }

  .concept-img {
    left: 18.9em;
  }

  .concept-img._1 {
    left: -11.4em;
  }

  .h2-span.story-1 {
    margin-left: 0%;
  }

  .h2-span.animations-2 {
    margin-left: 5%;
  }

  .h2-span.concept-2 {
    margin-left: 0%;
  }

  .h2-span.research-1 {
    font-size: 12vw;
  }

  .h2-span.research-2 {
    margin-left: auto;
    font-size: 12vw;
  }

  .h2-span.a-b-2 {
    top: 0;
  }

  .design-system-parent {
    grid-template-rows: auto auto auto auto auto;
    grid-template-columns: auto;
  }

  .prototyping-img {
    width: 77%;
  }

  .emoji._1 {
    left: -16.4vw;
  }

  .emoji._2 {
    right: 4.4vw;
  }

  .emoji._3 {
    left: -2.9vw;
  }

  .color-pallete-img {
    width: 80%;
    margin-right: 0%;
    display: none;
  }

  .key-words-img {
    width: 89vw;
    height: auto;
    display: flex;
  }

  .styles-img-1 {
    font-size: 10px;
    top: -4.2em;
  }

  .styles-img-2 {
    top: 43%;
  }

  .styles-img-4 {
    width: 12em;
    position: static;
  }

  .brand-logos-child {
    height: 10vw;
    display: flex;
  }

  .ui-ux-img {
    width: 60vw;
    height: 100vw;
    right: auto;
  }

  .page-speed-parent {
    flex-direction: column;
  }

  .footer-next-page-parent {
    margin-top: 1em;
  }

  .cs-mobile-img {
    width: 50vw;
    position: relative;
  }

  .cs-mobile-img._03 {
    margin-bottom: 2em;
    margin-left: auto;
    margin-right: auto;
    position: static;
    left: 22.9vw;
  }

  .challenges-p {
    width: 100%;
    margin-left: 0;
  }

  .cs-full-image {
    margin-bottom: 2em;
  }

  .mobile-nav {
    padding-top: 0;
    transform: translate(0, -110%);
  }

  .contacts-parent {
    flex-direction: column;
    align-items: flex-start;
    display: flex;
  }

  .cs-mobile-video {
    border-radius: 6px;
  }

  .footer__parent {
    height: 100%;
  }

  .small-text {
    line-height: 1;
  }

  .cookie-info-wrapper {
    width: 300px;
  }

  .pill-contact {
    top: auto;
    bottom: 0%;
    left: auto;
    right: 6%;
  }

  .footer-addresss__wrapper {
    flex-direction: column;
    height: auto;
    margin-bottom: 0;
  }

  .share-to-social__parent {
    justify-content: space-between;
    margin-top: 2em;
    margin-bottom: 0;
    padding-right: 0;
  }

  .share-icon {
    margin-right: 0;
  }

  .blog-h1 {
    font-size: 1.7em;
  }

  .blog-index-img {
    height: 52vw;
    margin-bottom: .7em;
    margin-right: 0;
  }

  .splide.slider1 {
    margin-top: 1em;
  }

  .splide__slide {
    width: 15em;
  }

  .splide__slide.team {
    width: 200px;
  }

  .industry-big-title, .industry-big-title-2, .industry-big-title-3 {
    margin-left: 0%;
  }

  .sticky-card {
    padding: 1.5em;
  }

  .sticky-card._1 {
    height: 26em;
    top: 1.9em;
  }

  .sticky-card._2 {
    height: 26em;
    top: 4.59em;
  }

  .careers-h-2 {
    padding-left: .2em;
  }

  .mobile-video-holder {
    width: 100%;
    margin-bottom: 0;
  }

  .accordion-child-white {
    padding-bottom: 0;
  }

  .team-item-parent {
    height: 100em;
  }

  .marquee-item {
    min-width: 25em;
    max-width: 25em;
  }

  .web__accordion-child {
    padding-bottom: 0;
  }

  .rich-text-block {
    font-size: 20px;
  }

  .benefits__hero-title {
    align-items: flex-start;
    display: flex;
  }

  .benefits-top-child {
    flex-direction: column;
    align-items: flex-start;
    width: 90%;
  }

  .benefits-hero-img {
    top: 0;
  }

  .benefits-hero-img.strategy {
    width: 15em;
    height: auto;
    margin-left: 0;
    position: static;
    bottom: -1.8em;
    left: 11.7em;
  }

  .benefits-parent {
    align-items: flex-start;
    padding: 2.5em 1.25em;
  }

  .benefit-icon-img {
    width: 60vw;
    height: 100vw;
    right: auto;
  }

  .benefit-icon-img.ba {
    width: 40%;
    height: 100%;
    margin-bottom: 3em;
    right: auto;
    overflow: hidden;
  }

  .benefit-icon-img.audits {
    width: 40%;
    height: 100%;
    margin-bottom: 3em;
    right: auto;
  }

  .services-img_hero {
    width: 60vw;
    height: 100vw;
    right: auto;
  }

  .services-img-cat {
    top: 0;
    left: auto;
  }

  .services-img-cat.intro, .services-img-cat.intro-_hero {
    margin-bottom: 0;
    top: auto;
    left: auto;
  }

  .services-img-cat.dlt {
    width: 11em;
  }

  .button-2 {
    font-size: 3vw;
  }

  .user-testing-img {
    width: 60vw;
    height: 100vw;
    right: auto;
  }

  .services-parent-2 {
    padding: 2.5em 1.25em;
  }

  .big-text-2 {
    margin-left: 0%;
  }

  .section-sticky-right-part-2 {
    padding-bottom: 0;
  }

  .h2-2 {
    font-size: 7vw;
  }

  .section-sticky-right {
    padding-bottom: 0;
  }

  .contact-img {
    width: 40%;
  }

  .skills_title-wrapper {
    margin-bottom: 2em;
  }

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

  .skill_item-wrapper {
    flex-direction: column;
    align-items: flex-start;
    display: flex;
  }

  .paragraph-30 {
    margin-bottom: 0;
  }

  .cta_wrapper {
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    margin-bottom: 2em;
  }

  .blog-text-content {
    width: 100%;
    height: 100px;
  }
}

#w-node-_4cf89b1e-a684-0d28-39a6-c048b72a25b1-a6c3aa23, #w-node-_450f8cc7-d871-1147-849c-bfdab90902df-a6c3aa23, #w-node-_13d2fcaa-0217-a097-bb1f-f293127c2921-a6c3aa23, #w-node-_1bf8b14f-10ee-110b-b2f4-493e486efcef-a6c3aa23 {
  justify-self: start;
}

#w-node-_409657da-8172-380b-eae8-b6af7dbbe124-a6c3aa23, #w-node-e67a424a-6b4f-0912-f9ac-a682abfd837d-a6c3aa23, #w-node-d07e1cdb-6b79-1bfe-2b26-3db80d1edf33-a6c3aa23, #w-node-_74f2d5ea-f6e5-4ab6-d24f-1bbfa38dcc66-a6c3aa23, #w-node-_4fbc791e-d77e-49ef-f92b-0e9e0efb1b0c-a6c3aa23, #w-node-_3ffa5914-d725-8e84-5dc5-ec30c9b513a0-a6c3aa23, #w-node-_4be38d43-756a-d7d0-2f3e-9e171c86d525-a6c3aa23, #w-node-ecbbbedc-d72c-affa-8a43-8005a77c808c-a6c3aa23 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-aab167d3-7942-8d8f-181b-1c656dcce298-a6c3aa23 {
  justify-self: start;
}

#w-node-_5f4bd581-d1f0-b039-ed82-9ca3e2fee6aa-a6c3aa23 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-aab167d3-7942-8d8f-181b-1c656dcce2a1-a6c3aa23, #w-node-_8c88379e-d738-59b9-76b5-a577b5dda431-a6c3aa23 {
  justify-self: center;
}

#w-node-d745af73-3113-a3ae-5a53-3a80e8c5605d-a6c3aa23 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-bc21088a-3199-0316-b603-c6a098b76bc8-a6c3aa23 {
  justify-self: start;
}

#w-node-_4659aa7a-17b1-68bc-6c82-e6e5a92d634a-a6c3aa23 {
  justify-self: end;
}

#w-node-_8a0db136-7cb8-32af-9144-d215a5796da2-a6c3aa23 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_80dee830-09f5-1f69-9e6f-f4f41ea13cb5-a6c3aa23 {
  justify-self: start;
}

#w-node-_9c3d26b6-5b57-2742-e4ce-0df2f10db3e2-a6c3aa23 {
  justify-self: center;
}

#w-node-e2504cc2-a793-93ee-1a16-2822c48a9f6d-a6c3aa23 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-f3f5b4ca-804c-76dc-397f-889461e62d18-a6c3aa23, #w-node-_9e7c5c83-01da-2268-fa97-840129b4e9e3-a6c3aa23 {
  justify-self: start;
}

#w-node-_836f7cbd-9d5f-46f0-c1c7-65e86e9a80e5-a6c3aa23 {
  justify-self: center;
}

#w-node-ae3eaf2a-fb41-09bc-2c86-b9a737fc3de8-a6c3aa23, #w-node-_7bb06798-284a-452c-0d1a-a2d3179012cc-a6c3aa23, #w-node-_09b69743-9178-b720-f5ef-eb3131b93eeb-a6c3aa23, #w-node-f66fd68c-31bc-3410-6c20-811ce127e7d6-a6c3aa23, #w-node-_36af2fa7-c15a-c15f-2db7-a5a189c14fd3-a6c3aa23, #w-node-_96a8814e-3f19-32e3-f22e-c92fd4e7d610-a6c3aa23, #w-node-_4b8a1197-7403-245e-ea5a-033880d6dc04-a6c3aa23, #w-node-fa1e0c48-8d70-1196-d36e-36da2a9db883-a6c3aa23, #w-node-a1f4081b-9b59-4633-14cb-498fd95e331c-a6c3aa23, #w-node-fae5099c-a391-5d56-2d96-11aba1c82a43-a6c3aa23, #w-node-b0cf3b57-3465-9e52-83cf-b0bb3d45d74d-a6c3aa23 {
  align-self: end;
  justify-self: center;
}

#w-node-_20ac9250-ed36-4275-5562-c5dc352b4858-3f9896c7 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_8b92725f-a9e6-091c-d41d-f9e4174b7b21-c4c3aa27, #w-node-_8b92725f-a9e6-091c-d41d-f9e4174b7b36-c4c3aa27, #w-node-_8b92725f-a9e6-091c-d41d-f9e4174b7b4e-c4c3aa27, #w-node-_8b92725f-a9e6-091c-d41d-f9e4174b7b63-c4c3aa27, #w-node-_7054b68c-03d3-3137-c090-c7e4dad128d0-c4c3aa27, #w-node-_5c63692d-bef0-4330-dfd2-0aa6d40181d2-c4c3aa27 {
  justify-self: start;
}

#w-node-b27d4213-423d-a632-bcab-10ae971af571-4bc3aa28 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#career-img-1.w-node-e9bb998a-24e6-6dc2-8310-f6ba36c4a1a6-93c3aa29 {
  justify-self: center;
}

#w-node-be830bde-48fb-e30c-da12-88843a138073-93c3aa29, #w-node-_459e548b-8447-b0c0-746c-10101e07be93-93c3aa29 {
  align-self: center;
}

#career-img-2.w-node-_459e548b-8447-b0c0-746c-10101e07be9c-93c3aa29 {
  align-self: center;
  justify-self: center;
}

#w-node-c293370d-bf04-4ba1-a523-a6f601775ea4-93c3aa29 {
  justify-self: start;
}

#w-node-c293370d-bf04-4ba1-a523-a6f601775ea6-93c3aa29 {
  align-self: center;
}

#w-node-_6b75f9fe-d9c0-d245-73c1-1760e7591dc2-93c3aa29 {
  justify-self: start;
}

#w-node-b006831c-7e9d-0bc5-7139-e569180efd33-27c3aa2a {
  grid-area: 1 / 2 / 2 / 3;
  justify-self: stretch;
}

#w-node-da53fc83-cc2b-0feb-7dde-64ee005eef21-e0c3aa2c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_069c7af8-2b9c-68d7-39ff-ffb8ef6d6ba9-3ec3aa32 {
  justify-self: end;
}

#w-node-_2bfa48fc-e72d-d6e5-2796-48bcbe945809-5ec3aa33 {
  justify-self: start;
}

#w-node-b27d4213-423d-a632-bcab-10ae971af571-dfc3aa34 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_40f8b363-9a72-0527-9a5c-c90c087f0c5c-01c3aa35 {
  justify-self: start;
}

#w-node-_486fc0c5-072f-70bd-57f2-2bd4509e8e52-5ac3aa3a {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_486fc0c5-072f-70bd-57f2-2bd4509e8e55-5ac3aa3a {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_486fc0c5-072f-70bd-57f2-2bd4509e8e57-5ac3aa3a, #w-node-_486fc0c5-072f-70bd-57f2-2bd4509e8e5d-5ac3aa3a {
  justify-self: start;
}

#w-node-_486fc0c5-072f-70bd-57f2-2bd4509e8e63-5ac3aa3a {
  justify-self: stretch;
}

#w-node-_486fc0c5-072f-70bd-57f2-2bd4509e8e69-5ac3aa3a, #w-node-_40f8b363-9a72-0527-9a5c-c90c087f0c5c-5ac3aa3a {
  justify-self: start;
}

#w-node-b27d4213-423d-a632-bcab-10ae971af571-43c3aa3b, #w-node-b27d4213-423d-a632-bcab-10ae971af571-47c3aa3f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_40f8b363-9a72-0527-9a5c-c90c087f0c5c-17c3aa40 {
  justify-self: start;
}

#w-node-_7a46a60d-b663-7dda-4da3-3a9de5cd4d53-bbc3aa41 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_768ca823-b5b0-39cf-55f3-5726b73a3011-e2c3aa44 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_28ccc691-e984-041f-8186-ca74ed1ac0e0-e2c3aa44 {
  grid-area: 3 / 1 / 5 / 4;
}

#w-node-_11e866a3-6695-cc52-3369-33d3ccfaae51-e2c3aa44, #w-node-d3323d9b-ef69-8992-1143-50442f0e8cd2-e2c3aa44, #w-node-f71ca91c-4aea-06bc-5454-752a7be02c1b-e2c3aa44 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-eaa1341a-9ee1-4e7f-4bac-0eea035acbf5-e2c3aa44 {
  grid-area: 1 / 4 / 5 / 5;
}

#w-node-d20fdc9e-50ff-fcb4-5418-48c8fa68a339-e2c3aa44 {
  justify-self: start;
}

@media screen and (max-width: 991px) {
  #w-node-aab167d3-7942-8d8f-181b-1c656dcce293-a6c3aa23 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-aab167d3-7942-8d8f-181b-1c656dcce2a1-a6c3aa23 {
    grid-area: 1 / 1 / 3 / 2;
    justify-self: start;
  }

  #w-node-_8c88379e-d738-59b9-76b5-a577b5dda431-a6c3aa23 {
    grid-area: 1 / 1 / 3 / 2;
    justify-self: center;
  }

  #w-node-d745af73-3113-a3ae-5a53-3a80e8c5605d-a6c3aa23 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_4659aa7a-17b1-68bc-6c82-e6e5a92d634a-a6c3aa23 {
    grid-area: 1 / 1 / 3 / 3;
    align-self: stretch;
    justify-self: start;
  }

  #w-node-_8a0db136-7cb8-32af-9144-d215a5796da2-a6c3aa23 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_9c3d26b6-5b57-2742-e4ce-0df2f10db3e2-a6c3aa23 {
    grid-area: 1 / 1 / 3 / 2;
    justify-self: center;
  }

  #w-node-e2504cc2-a793-93ee-1a16-2822c48a9f6d-a6c3aa23, #w-node-_26a208a6-a9a8-37b3-3306-e71f7b2f9ced-a6c3aa23 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_836f7cbd-9d5f-46f0-c1c7-65e86e9a80e5-a6c3aa23 {
    grid-area: 1 / 1 / 3 / 2;
    justify-self: center;
  }

  #career-img-2.w-node-_459e548b-8447-b0c0-746c-10101e07be9c-93c3aa29 {
    order: -9999;
  }

  #w-node-_6b75f9fe-d9c0-d245-73c1-1760e7591dc2-93c3aa29 {
    justify-self: start;
  }

  #w-node-b006831c-7e9d-0bc5-7139-e569180efd33-27c3aa2a {
    grid-column: 1 / 2;
  }

  #w-node-_1aeaaccb-c4c6-884b-b56c-9cf302709bc4-3ec3aa32, #w-node-_878a4492-c84d-1ff8-688b-b12f6e81d79a-3ec3aa32 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }
}

@media screen and (max-width: 767px) {
  #w-node-_8a0db136-7cb8-32af-9144-d215a5796da2-a6c3aa23 {
    grid-area: 3 / 1 / 4 / 3;
  }

  #career-img-1.w-node-e9bb998a-24e6-6dc2-8310-f6ba36c4a1a6-93c3aa29, #career-img-2.w-node-_459e548b-8447-b0c0-746c-10101e07be9c-93c3aa29, #w-node-c293370d-bf04-4ba1-a523-a6f601775ea4-93c3aa29 {
    grid-area: 1 / 1 / 2 / 2;
    justify-self: center;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_409657da-8172-380b-eae8-b6af7dbbe124-a6c3aa23 {
    justify-self: auto;
  }

  #w-node-_4659aa7a-17b1-68bc-6c82-e6e5a92d634a-a6c3aa23 {
    grid-area: 1 / 1 / 3 / 2;
    align-self: stretch;
    justify-self: start;
  }

  #w-node-_8a0db136-7cb8-32af-9144-d215a5796da2-a6c3aa23 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_069c7af8-2b9c-68d7-39ff-ffb8ef6d6ba4-3ec3aa32 {
    align-self: end;
  }

  #w-node-_1aeaaccb-c4c6-884b-b56c-9cf302709bc4-3ec3aa32 {
    grid-area: 1 / 1 / 2 / 3;
  }

  #w-node-_486fc0c5-072f-70bd-57f2-2bd4509e8e52-5ac3aa3a, #w-node-_486fc0c5-072f-70bd-57f2-2bd4509e8e55-5ac3aa3a {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_486fc0c5-072f-70bd-57f2-2bd4509e8e5d-5ac3aa3a {
    grid-area: 3 / 1 / 4 / 2;
    justify-self: start;
  }

  #w-node-_486fc0c5-072f-70bd-57f2-2bd4509e8e63-5ac3aa3a {
    grid-area: 4 / 1 / 5 / 2;
    justify-self: start;
  }

  #w-node-_486fc0c5-072f-70bd-57f2-2bd4509e8e69-5ac3aa3a {
    grid-area: 5 / 1 / 6 / 2;
    justify-self: start;
  }
}