.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 {
  width: 12px;
  height: 12px;
  border: 1px solid #ccc;
  border-radius: 2px;
}

.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 {
  width: 12px;
  height: 12px;
  border: 1px solid #ccc;
  border-radius: 50%;
}

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

.w-form-formrecaptcha {
  margin-bottom: 8px;
}

a {
  color: #0c1318;
  text-decoration: none;
}

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

.container {
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  display: inline;
}

.navbar {
  justify-content: flex-start;
  align-items: flex-start;
  padding-left: 0;
  display: inline;
}

.navigation {
  z-index: 1000;
  mix-blend-mode: normal;
  background-color: rgba(0, 0, 0, 0);
  align-items: center;
  padding: 10px 0;
  display: inline;
  position: fixed;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.navigation.showhide.white {
  mix-blend-mode: normal;
  background-color: rgba(0, 0, 0, 0);
}

.nav-link {
  color: #0c1318;
  font-family: Pptelegraf, sans-serif;
  font-size: 16px;
  font-weight: 400;
  text-decoration: none;
}

.nav-link:hover {
  color: #31f194;
}

.nav-link:focus {
  font-family: Pptelegraf, sans-serif;
  font-weight: 400;
}

.nav-link:focus-visible {
  font-weight: 400;
}

.nav-link[data-wf-focus-visible] {
  font-weight: 400;
}

.nav-link:visited {
  font-weight: 700;
  text-decoration: none;
}

.nav-link.white {
  color: #fff;
}

.nav-link.white:hover {
  color: #31f194;
}

.nav-link.white.workscontact, .nav-link.contact.hide {
  display: none;
}

.brand {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.image {
  flex: 0 auto;
  display: block;
}

.container-2 {
  width: auto;
  max-width: 1200px;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  object-fit: fill;
  background-color: rgba(0, 0, 0, 0);
  flex-flow: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: block;
  overflow: visible;
}

.container-2.wrap {
  max-height: none;
  border: 1px #000;
  flex-wrap: wrap;
  padding-top: 0;
  padding-left: 20px;
  padding-right: 20px;
  display: block;
  overflow: visible;
}

.container-2.wrap.navigation {
  max-width: 100%;
  mix-blend-mode: normal;
  background-color: rgba(255, 255, 255, 0);
  padding-top: 0;
  padding-bottom: 0;
}

.container-2.wrap.consulting {
  padding-top: 100px;
}

.container-2.block {
  display: block;
}

.container-2.faq {
  padding: 0;
  display: block;
}

.container-2.footer {
  max-width: 1200px;
}

.div-block {
  flex: 1;
}

.navigationbutton {
  z-index: 1000;
  mix-blend-mode: normal;
  background-color: rgba(0, 0, 0, 0);
  margin-left: 20px;
  position: fixed;
  top: .5%;
  bottom: auto;
  left: auto;
  right: 2%;
}

.nav-button {
  color: #0c1318;
  -webkit-text-fill-color: inherit;
  mix-blend-mode: normal;
  background-color: rgba(255, 255, 255, .6);
  background-clip: border-box;
  border: 2px solid #000;
  padding: 13px 24px;
  font-family: Pptelegraf, sans-serif;
  font-size: 18px;
  font-weight: 700;
}

.nav-button:hover {
  color: #31f194;
  background-color: #0c1318;
}

.nav-button:active {
  color: #22dd82;
}

.nav-button.secondary {
  mix-blend-mode: normal;
  background-color: rgba(0, 0, 0, 0);
  border-style: solid;
  border-color: rgba(0, 0, 0, 0);
}

.nav-button.secondary:hover {
  color: #0c1318;
  background-color: rgba(0, 0, 0, 0);
  border-bottom-color: #0c1318;
}

.nav-button.stroke {
  mix-blend-mode: normal;
  background-color: rgba(0, 0, 0, 0);
}

.nav-button.stroke:hover {
  background-color: #0c1318;
}

.nav-button.contact {
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
  mix-blend-mode: normal;
  background-color: rgba(255, 255, 255, .2);
}

.nav-button.white {
  color: #fff;
  mix-blend-mode: difference;
  background-color: rgba(255, 255, 255, 0);
  border-color: #fff;
}

.nav-button.white:hover {
  color: #31f194;
  background-color: #fff;
}

.div-block-3 {
  flex: 1;
  margin-top: 0;
}

.h1 {
  color: #0c1318;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Pptelegraf, sans-serif;
  font-size: 100px;
  font-weight: 400;
  line-height: 100px;
}

.h1.black {
  color: #0c1318;
  font-weight: 700;
}

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

.h1.white {
  color: #fff;
  font-weight: 400;
}

.text-span {
  color: #0c1318;
  font-weight: 400;
}

.div-block-4 {
  flex-direction: column;
  flex: 1;
  margin-top: 150px;
  margin-bottom: 0;
  display: block;
  overflow: visible;
}

.h5 {
  max-width: 50%;
  color: #0c1318;
  font-family: Pptelegraf, sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 120%;
}

.h5.white {
  max-width: 100%;
  color: #fff;
}

.h5.animation {
  max-width: none;
  flex: none;
  margin-right: 60px;
}

.h5.whitehero {
  color: #fff;
}

.div-block-5 {
  justify-content: flex-end;
  margin-top: 40px;
  display: flex;
}

.header {
  padding-left: 0;
  padding-right: 0;
  overflow: hidden;
}

.header.book, .header.thankyou {
  margin-bottom: 100px;
}

.image-3 {
  display: inline-block;
}

.div-block-6 {
  justify-content: center;
  margin-top: -150px;
  display: flex;
}

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

.slide {
  max-width: 80vw;
  min-width: 80vw;
  background-image: url('../images/mome-mockup-slider.webp'), linear-gradient(to right, #62fcce 19%, #20ffc9);
  background-position: 80%, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: contain, auto;
  background-attachment: fixed, scroll;
  margin-right: 24px;
  padding-top: 100px;
  padding-left: 100px;
}

.image-4 {
  object-fit: scale-down;
  flex: none;
  display: block;
  overflow: auto;
}

.slider {
  min-height: 350px;
  background-color: rgba(0, 0, 0, 0);
  justify-content: space-around;
  display: inline-block;
}

.div-block-7 {
  flex-flow: row;
  justify-content: space-around;
  align-items: center;
  padding-right: 100px;
  display: none;
}

.slide-nav {
  display: none;
}

.slide-2 {
  max-width: 80vh;
  min-width: 80px;
  background-image: linear-gradient(to right, #000, #fff);
  margin-right: 24px;
  padding-top: 100px;
  padding-left: 100px;
  overflow: visible;
}

.right-arrow {
  margin-right: 0;
  padding-right: 0;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: auto;
  right: 35%;
  overflow: hidden;
}

.slider-name {
  opacity: .3;
  color: #fff;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Pptelegraf, sans-serif;
  font-size: 100px;
  display: flex;
}

.div-block-8 {
  clear: none;
  object-fit: contain;
  flex-flow: column;
  flex: none;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

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

.nav-menu {
  mix-blend-mode: normal;
  background-color: rgba(255, 255, 255, 0);
  flex: none;
  margin-right: 220px;
}

.nav-menu.works {
  padding-top: 0;
}

.section {
  margin-top: 100px;
  display: none;
}

.mask {
  max-width: 100%;
}

.container-3 {
  max-width: 1000vh;
  object-fit: contain;
  justify-content: space-between;
  display: block;
  overflow: hidden;
}

.card {
  width: 100%;
  height: 350px;
  color: #b8b9c2;
  background-color: #3f4046;
  border-radius: 0;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
}

.arrow-right {
  width: 50px;
  height: 50px;
  top: auto;
  bottom: 50%;
  left: auto;
  right: 2%;
}

.card-header {
  height: 150px;
  background-image: url('../images/david-lundgren-1677087-unsplash.jpg');
  background-position: 50% 30%;
  background-size: cover;
}

.container-4 {
  max-width: 1000vh;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
}

.carousel-slider._6 {
  right: -105%;
}

.carousel-slider._5 {
  right: -84%;
}

.carousel-slider.incq {
  right: -4%;
}

.carousel-slider._4 {
  right: -63%;
}

.carousel-slider._7 {
  right: -126%;
}

.carousel-slider.zignaly {
  right: -2%;
}

.carousel-slider._8 {
  right: -147%;
}

.carousel-mask {
  width: 80%;
  overflow: visible;
}

.carousel {
  width: 100vw;
  height: 400px;
  background-color: rgba(0, 0, 0, 0);
  justify-content: flex-end;
  align-items: center;
}

.carousel.is_contained {
  width: 100%;
  height: auto;
  justify-content: space-between;
  align-items: flex-start;
  padding-bottom: 24px;
}

.arrow-left {
  width: 50px;
  height: 50px;
  display: none;
  top: 0%;
  bottom: 17%;
  left: 4%;
  right: auto;
}

.btn {
  letter-spacing: 1px;
  text-transform: uppercase;
  background-color: #3862ec;
  border-radius: 5px;
  padding: 15px 25px;
  font-size: 1rem;
  transition: background-color .3s ease-out;
}

.btn:hover {
  background-color: #213ea0;
}

.card-body {
  height: 100%;
  background-image: url('../images/mome-mockup-slider.webp'), linear-gradient(to right, #62fcce, #20ffc9);
  background-position: 80%, 0 0;
  background-repeat: repeat-y, repeat;
  background-size: contain, auto;
  padding: 30px;
}

.card-body.zignaly {
  background-image: url('../images/zignaly-mockup-slider.webp'), linear-gradient(to right, #b57cf1, #9d50ee);
  background-position: 80%, 0 0;
  background-repeat: repeat-y, repeat;
  background-size: contain, auto;
}

.card-body.incq {
  background-image: url('../images/mome-mockup-slider.webp'), linear-gradient(to right, #a6b6f2, #8ba0ef);
  background-position: 80%, 0 0;
  background-repeat: repeat-y, repeat;
  background-size: contain, auto;
}

.heading {
  opacity: .3;
  color: #fff;
  margin-top: 100px;
  padding-left: 0;
  font-family: Pptelegraf, sans-serif;
  font-size: 100px;
}

.projectslider {
  overflow: hidden;
}

.heading-2 {
  opacity: .3;
  color: #fff;
  padding-left: 100px;
  font-family: Pptelegraf, sans-serif;
  font-size: 100px;
}

.heading-3 {
  opacity: .3;
  color: #fff;
  margin-top: 60px;
  padding-left: 20px;
  font-family: Pptelegraf, sans-serif;
  font-size: 100px;
  font-weight: 700;
  line-height: 100px;
}

.slide-nav-2 {
  display: none;
}

.horizontal {
  max-height: 100px;
  min-height: 100px;
  background-color: #0c1318;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  margin-top: 50px;
  margin-bottom: 0;
  display: flex;
  overflow: hidden;
}

.horizontal.gallery {
  max-height: none;
  min-height: auto;
  background-color: rgba(0, 0, 0, 0);
  justify-content: center;
  margin-top: 0;
  margin-bottom: 0;
  display: flex;
  overflow: hidden;
}

.horizontal.cta {
  background-color: #f5f5f5;
  margin-bottom: 60px;
}

.slide-wrap {
  width: 3100px;
  align-items: center;
  margin-left: -20px;
  margin-right: -20px;
  padding: 40px;
  display: flex;
  overflow: hidden;
}

.slide-wrap.gallery {
  width: 2700px;
  flex: 0 auto;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
  overflow: visible;
}

.slide-wrap.gallery.career {
  margin-left: 0;
}

.slide-wrap.servicedetails {
  width: 100%;
  margin-left: 0;
  margin-right: 0;
  padding-left: 40px;
  padding-right: 0;
  overflow: visible;
}

.logo-img._50-r-m {
  max-width: 70%;
  margin-right: 50px;
}

.logo-img.padding {
  margin-right: 30px;
  padding-left: 20px;
  padding-right: 20px;
}

.logo-img._50-r-m {
  max-width: 70%;
  max-width: 70%;
  margin-right: 50px;
}

.services {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  object-fit: fill;
  flex-wrap: wrap;
  flex: none;
  order: 0;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-content: space-around;
  align-self: auto;
  align-items: center;
  padding-top: 100px;
  padding-left: 20px;
  display: flex;
  overflow: hidden;
}

.h2 {
  color: #0c1318;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Pptelegraf, sans-serif;
  font-size: 50px;
  font-weight: 400;
  line-height: 50px;
  overflow: visible;
}

.h2.slidercta {
  margin-right: 40px;
}

.h2.white {
  color: #fff;
}

.h2.service {
  max-width: 80%;
}

.h2.padding {
  margin-bottom: 20px;
}

.h2bold {
  color: #0c1318;
  font-family: Pptelegraf, sans-serif;
  font-size: 50px;
  font-weight: 700;
  line-height: 50px;
  text-decoration: none;
}

.h2bold:hover {
  color: #31f194;
  background-color: #0c1318;
}

.h2bold:focus {
  color: #0c1318;
  background-color: rgba(255, 255, 255, 0);
}

.servicelink {
  margin-left: 20px;
  font-weight: 700;
  text-decoration: none;
}

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

.div-block-11, .div-block-12 {
  align-items: center;
  padding-top: 20px;
  display: flex;
}

.bodytext {
  color: #0c1318;
  text-align: left;
  padding-top: 0;
  font-family: Pptelegraf, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 140%;
  display: inline;
}

.bodytext.hww {
  padding-top: 0;
}

.bodytext.cta {
  text-align: center;
  margin-top: 10px;
}

.bodytext.white {
  color: #fff;
  margin-bottom: 20px;
  text-decoration: none;
}

.bodytext.faqelement {
  margin-top: 0;
  margin-bottom: 0;
  line-height: 0;
}

.bodytext.subparagraph {
  width: 60%;
  padding-top: 30px;
}

.bodytext.values {
  padding-top: 10px;
}

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

.bodytext.padding {
  margin-bottom: 24px;
}

.bodytext.intro {
  max-width: 60%;
}

.bodytext.benefit {
  margin-bottom: 0;
  margin-right: 30px;
  padding-top: 10px;
  padding-bottom: 10px;
  display: inline-block;
}

.bodytext.disabled {
  color: #9e9e9e;
}

.bodytext.bullets {
  line-height: 220%;
}

.bodytext.salary {
  position: relative;
  top: -220px;
  left: 40px;
}

.bodytext.width {
  max-width: 60%;
  margin-top: 10px;
  display: block;
}

.bodytext.transparent {
  color: rgba(0, 0, 0, 0);
}

.bodytext.cookie {
  max-width: 85%;
}

.bodytext.open {
  color: #fff;
}

.servicedescription {
  justify-content: flex-end;
  padding-top: 40px;
  padding-bottom: 50px;
  padding-right: 10px;
  display: none;
}

.servicedescription.uxdesign {
  padding-top: 50px;
  padding-bottom: 0;
  display: block;
}

.servicedescription.uxresearch {
  display: none;
}

.div-block-14 {
  justify-content: flex-end;
  display: flex;
}

.div-block-15 {
  justify-content: flex-start;
  margin-top: 20px;
  display: flex;
}

.text-block {
  font-family: Pptelegraf, sans-serif;
}

.bodyallcaps {
  color: #0c1318;
  text-transform: uppercase;
  font-family: Pptelegraf, sans-serif;
  font-size: 16px;
}

.bulletpointsdiv {
  padding-right: 20px;
}

.contentcolumn {
  margin-left: 0;
  margin-right: 0;
  display: block;
}

.bodylink {
  color: #0c1318;
  font-family: Pptelegraf, sans-serif;
  font-size: 18px;
  text-decoration: underline;
}

.bodylink.white {
  color: #fff;
}

.bodylink.padding {
  margin-top: 10px;
}

.bodylink.policy {
  font-size: 14px;
}

.bodylink.green {
  color: #31f194;
}

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

.servicessection {
  margin-top: 0;
}

.studio {
  padding-top: 100px;
  padding-bottom: 100px;
  overflow: hidden;
}

.columns {
  flex: 1;
  align-items: flex-start;
  margin-top: 50px;
  margin-left: -10px;
  margin-right: -10px;
  display: flex;
  overflow: visible;
}

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

.column-2 {
  align-items: flex-start;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  overflow: visible;
}

.column-2.aboutstudio {
  flex: 0 auto;
}

.div-block-19 {
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  margin-top: 30px;
  padding-left: 30px;
  display: inline-block;
  overflow: visible;
}

.text-block-2 {
  text-align: center;
  font-family: Pptelegraf, sans-serif;
  font-size: 18px;
  line-height: 30px;
}

.text-span-2 {
  color: #0c1318;
  font-size: 80px;
  font-weight: 700;
}

.div-block-20 {
  margin-top: 60px;
  padding-left: 30px;
  display: flex;
}

.text-span-3 {
  color: #0c1318;
  font-size: 80px;
  font-weight: 700;
}

.column-3 {
  padding-right: 20px;
}

.hww {
  background-color: #f4e8ff;
}

.horizontalscrollcontainer {
  display: flex;
}

.div-block-21 {
  justify-content: center;
  padding-top: 100px;
  padding-bottom: 50px;
  padding-left: 20px;
  display: block;
}

.div-block-21.invisible {
  display: none;
}

.div-block-22 {
  overflow: hidden;
}

.grow-background {
  z-index: 0;
  height: 0%;
  background-color: #f5f5f5;
  position: absolute;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.sticky-wrap {
  width: 100%;
  position: -webkit-sticky;
  position: sticky;
  top: auto;
  bottom: auto;
  overflow: hidden;
}

.sticky-wrap.steps {
  padding-top: 20px;
}

.scroll-inner {
  width: 250vw;
  background-color: #f4e8ff;
  flex-wrap: wrap;
  align-items: flex-start;
  padding-left: 10%;
  padding-right: 60%;
  display: flex;
  overflow: hidden;
}

.scroll-inner.funfacts {
  margin-top: 50px;
}

.scroll-inner.aboutus {
  width: 230vw;
  flex-direction: row;
  align-items: center;
  padding-left: 5%;
  padding-right: 10%;
}

.scroll-inner.steps {
  width: 250vw;
  padding-top: 20px;
  padding-left: 5%;
  overflow: visible;
}

.description {
  opacity: .75;
  color: #1d1d1f;
  letter-spacing: -.025em;
  margin-top: 1.5rem;
  margin-bottom: 0;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.5;
}

.bodybold {
  color: #0c1318;
  letter-spacing: -.025em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Pptelegraf, sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 100%;
  display: inline;
}

.bodybold.hww {
  margin-bottom: 20px;
  display: block;
}

.bodybold.padding {
  margin-top: 10px;
  padding-bottom: 10px;
  display: block;
}

.bodybold.white {
  color: #fff;
}

.bodybold.white.cases {
  display: block;
}

.bodybold.green {
  color: #31f194;
  padding-right: 10px;
  display: inline;
}

.bodybold.disbaled {
  color: #fff;
  padding-right: 10px;
  display: inline;
}

.bodybold.cookie {
  margin-right: 30px;
}

.bodybold.cases {
  display: block;
}

.bodybold.open {
  color: #31f194;
  padding-right: 10px;
}

.content-wrapper {
  width: 90%;
  flex: 1;
  align-items: flex-start;
  padding: 0 1rem;
  display: flex;
  position: relative;
  overflow: visible;
}

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

.text-wrapper {
  z-index: 1;
  position: relative;
}

.text-wrapper.steps {
  flex: 1;
  overflow: visible;
}

.sticky-container {
  width: 100%;
  background-color: #f4e8ff;
  padding-top: 20px;
  padding-bottom: 20px;
  display: block;
  position: -webkit-sticky;
  position: sticky;
}

.sticky-container.funfacts {
  padding-top: 50px;
}

.sticky-container.hww, .sticky-container.steps {
  padding-top: 0;
  padding-bottom: 100px;
}

.media-wrapper {
  width: 100%;
  height: 61.8034%;
  position: relative;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.scroll-card {
  background-color: rgba(0, 0, 0, 0);
  border: .0625rem rgba(131, 131, 131, .16);
  border-top-left-radius: 2rem;
  border-top-right-radius: 2rem;
  flex-direction: column;
  flex: 1;
  align-items: center;
  margin-left: 0;
  margin-right: 0;
  display: flex;
  position: relative;
  bottom: auto;
  overflow: visible;
}

.div-block-23 {
  flex-direction: row;
  flex: 1;
  justify-content: center;
  align-items: center;
  display: block;
}

.testimonials {
  background-image: url('../images/testimonial-bg-circle.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 80%;
  background-attachment: scroll;
  overflow: visible;
}

.testimonials.design {
  background-image: url('../images/circle-design.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
}

.testimonials.research {
  background-image: url('../images/circle-research.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
}

.testimonials.discovery {
  background-image: url('../images/circle-discovery.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
}

.testimonials.discovery.hide {
  display: none;
}

.testimonials.audit {
  background-image: url('../images/circle-audit.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
}

.testimonials.expert {
  background-image: url('../images/circle-expert.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
}

.testimonials.training {
  background-image: url('../images/circle-training.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
}

.testimonials.casestudies.hide {
  display: none;
}

.testimonials.teammates {
  padding-top: 50px;
  padding-bottom: 50px;
}

.testimonials.uiuxservice {
  background-image: url('../images/circle-design.svg');
}

.slide-nav-3 {
  display: none;
}

.right-arrow-2 {
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-end;
  padding-bottom: 140px;
  display: flex;
}

.right-arrow-2.cs, .right-arrow-2.hide {
  display: none;
}

.slider-2 {
  min-height: 500px;
  min-width: 100%;
  background-color: rgba(0, 0, 0, 0);
  padding-top: 100px;
}

.gabor {
  -webkit-text-fill-color: inherit;
  object-fit: fill;
  background-color: rgba(0, 0, 0, 0);
  background-clip: border-box;
  overflow: hidden;
}

.div-block-24 {
  align-items: stretch;
  display: block;
}

.div-block-25 {
  flex-direction: row;
  align-items: center;
  padding-top: 40px;
  padding-left: 100px;
  display: block;
}

.div-block-25.teammates {
  display: flex;
}

.paragraph {
  max-width: 100vh;
}

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

.testimonial {
  font-family: Pptelegraf, sans-serif;
  font-size: 30px;
  line-height: 140%;
}

.mask-2 {
  overflow: hidden;
}

.icon, .icon-2 {
  display: none;
}

.left-arrow {
  align-items: flex-end;
  padding-bottom: 140px;
  display: flex;
}

.left-arrow.cs, .left-arrow.hide {
  display: none;
}

.text-block-3 {
  color: #0c1318;
  font-family: Pptelegraf, sans-serif;
  font-size: 50px;
  line-height: 50px;
}

.text-span-4 {
  text-decoration: underline;
}

.footer-cta {
  background-color: #0c1318;
  padding-left: 20px;
  padding-right: 20px;
}

.footercta {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color: #31f194;
  background-image: url('../images/studiologo.svg');
  background-position: 90%;
  background-repeat: repeat-y;
  background-size: auto 120%;
  background-attachment: scroll;
  flex: 1;
  margin: 40px 0;
  padding: 40px;
  display: flex;
}

.footercta.jobs {
  background-position: 90% 100%;
  background-repeat: no-repeat;
  background-size: contain;
  background-attachment: scroll;
}

.div-block-28 {
  margin-top: 40px;
  display: flex;
}

.div-block-29 {
  margin-right: 24px;
}

.div-block-30 {
  background-image: url('../images/sales-nori_1.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  align-items: flex-start;
  display: block;
}

.div-block-30.klau {
  background-image: url('../images/sales-klau.webp');
}

.div-block-30.gabi {
  background-image: url('../images/sales-gabi.webp');
}

.text-block-4 {
  font-family: Pptelegraf, sans-serif;
}

.salesteam {
  flex-direction: column;
  margin-top: 40px;
  margin-right: 100px;
  display: inline-block;
}

.salesteam.nori {
  margin-right: 100px;
}

.div-block-32 {
  flex: 1;
  padding-left: 40px;
}

.accordion-item {
  background-color: #fff;
  border: 1px solid #e7e9ea;
  margin-bottom: 20px;
  padding: 20px 30px;
}

.accordion-item.margin {
  background-color: rgba(0, 0, 0, 0);
  border-top-style: none;
  border-bottom-color: #fff;
  border-left-style: none;
  border-right-style: none;
  margin-top: 20px;
  padding-top: 0;
  padding-bottom: 0;
}

.accordion-item.margin.hide {
  display: none;
}

.faq {
  background-color: #0c1318;
  padding: 50px 40px;
}

.faq.services {
  display: none;
}

.accordion-icon {
  cursor: pointer;
  display: block;
  transform: rotate(45deg);
}

.heading-9 {
  color: #172735;
  flex: 1;
  margin-top: auto;
  margin-bottom: auto;
  font-family: Lato, sans-serif;
  font-size: 20px;
  line-height: 28px;
}

.accordion-item-content {
  color: #172735;
  margin-top: 0;
  padding-top: 10px;
  font-family: Lato, sans-serif;
  font-size: 16px;
  line-height: 24px;
  display: none;
  overflow: hidden;
}

.accordion-item-content.services {
  padding-top: 40px;
  padding-left: 0;
  display: none;
}

.accordion-item-trigger {
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 10px;
  display: flex;
}

.paragraph-faq {
  color: #172735;
  margin-bottom: 0;
  margin-right: 40px;
  font-family: Lato, sans-serif;
  font-size: 16px;
  line-height: 24px;
  display: block;
}

.h3title {
  color: #172735;
  text-align: center;
  text-transform: none;
  margin-top: 0;
  margin-bottom: 20px;
  font-family: Lato, sans-serif;
  font-size: 30px;
}

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

.accordion-wrapper {
  margin-top: 50px;
}

.accordion-wrapper.process {
  margin-top: 80px;
}

.containerwide {
  max-width: 1100px;
  flex-flow: column;
  justify-content: space-around;
  margin-top: 0;
  padding-top: 0;
  padding-bottom: 0;
  display: block;
}

.footer {
  background-color: #0c1318;
  padding-left: 0;
  padding-right: 0;
}

.div-block-33 {
  max-width: 1200px;
  border-top: 1px solid #fff;
  flex: 1;
  justify-content: space-around;
  margin-left: 0;
  margin-right: 0;
  padding: 40px 20px 50px;
  display: block;
  overflow: hidden;
}

.h3 {
  color: #fff;
  font-family: Pptelegraf, sans-serif;
  font-size: 30px;
  line-height: 30px;
}

.h3.black {
  color: #0c1318;
}

.h3.clients {
  color: #0c1318;
  font-size: 22px;
  font-weight: 700;
}

.div-block-35 {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.footerlink {
  color: #fff;
  margin-top: 10px;
  font-family: Pptelegraf, sans-serif;
  text-decoration: none;
}

.footerlink:hover {
  color: #31f194;
}

.navigationelements {
  max-width: 100%;
  background-color: rgba(255, 255, 255, 0);
  flex-flow: row;
  flex: 1;
  justify-content: space-between;
  align-items: center;
  margin-left: 0;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

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

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

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

.column-6 {
  display: block;
}

.logolink {
  background-color: rgba(255, 255, 255, 0);
}

.logolink.w--current {
  flex: none;
  margin-right: 300px;
}

.image-7 {
  max-width: 156px;
  min-width: 100px;
  display: inline;
}

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

.image-8.pmguide {
  min-width: 70%;
  border: 2px solid #0c1318;
  margin-left: 30px;
  display: inline;
}

.image-8.aboutstudio {
  max-width: 100%;
}

.div-block-37 {
  padding-left: 50px;
  padding-right: 50px;
  display: none;
}

.div-block-38 {
  flex: none;
  padding-bottom: 0;
  position: absolute;
  top: auto;
  bottom: 25%;
  left: auto;
  right: 60%;
}

.div-block-39 {
  flex: 0 auto;
  position: absolute;
  top: auto;
  bottom: -15%;
  left: 3%;
  right: auto;
}

.div-block-40 {
  flex: 0 auto;
  position: absolute;
  top: auto;
  bottom: -50%;
  left: 17%;
  right: auto;
}

.div-block-41 {
  flex: none;
  position: absolute;
  top: auto;
  bottom: 15%;
  left: 20%;
  right: auto;
}

.div-block-42 {
  flex: 0 auto;
  position: absolute;
  top: auto;
  bottom: -20%;
  left: auto;
  right: 1%;
}

.div-block-43 {
  flex: 0 auto;
  position: absolute;
  top: auto;
  bottom: -70%;
  left: auto;
  right: 10%;
}

.div-block-44 {
  flex: none;
  position: absolute;
  top: auto;
  bottom: 20%;
  left: 40%;
  right: auto;
}

.div-block-45 {
  flex: none;
  position: absolute;
  top: auto;
  bottom: 5%;
  left: 30%;
  right: auto;
}

.div-block-46 {
  flex: none;
  position: absolute;
  top: auto;
  bottom: -40%;
  left: auto;
  right: 24%;
}

.div-block-47 {
  flex: none;
  position: absolute;
  top: auto;
  bottom: -30%;
  left: 7%;
  right: auto;
}

.div-block-48 {
  flex: none;
  position: absolute;
  top: auto;
  bottom: -50%;
  left: 3%;
  right: auto;
}

.div-block-49 {
  flex: none;
  position: absolute;
  top: auto;
  bottom: 0%;
  left: auto;
  right: 15%;
}

.moving-cta {
  width: auto;
  object-fit: contain;
  margin-bottom: 20px;
  display: none;
  overflow: hidden;
}

.moving-cta.servicesubpage {
  width: 100%;
  margin-top: 100px;
  margin-bottom: 0;
  display: block;
}

.text-span-5 {
  float: none;
  white-space: normal;
  -webkit-text-fill-color: inherit;
  mix-blend-mode: normal;
  background-clip: border-box;
  font-weight: 700;
}

.image-section {
  z-index: auto;
  width: auto;
  height: 50vw;
  margin-top: 120px;
  margin-bottom: 50px;
  position: relative;
  top: 0;
}

.bottom-text-wrap {
  z-index: 99;
  width: 80vw;
  position: absolute;
  top: 28vw;
  left: 7.8vw;
}

.heading-10 {
  color: #0c1318;
  text-transform: uppercase;
  margin-top: 76px;
  margin-bottom: 0;
  font-size: 10.5vw;
  font-weight: 700;
  line-height: 10vw;
  display: inline-block;
  position: absolute;
  top: 25vw;
  left: 60vw;
}

.vid-4 {
  z-index: 1;
  width: 24vw;
  height: 15vw;
  display: block;
  position: absolute;
  top: 50vw;
  left: 100vw;
  overflow: visible;
}

.vid-4.hide {
  display: none;
}

.vid-3 {
  z-index: 1;
  width: 20vw;
  height: 16vw;
  border: 2px solid #0c1318;
  display: block;
  position: absolute;
  top: 13vw;
  left: -10vw;
  overflow: visible;
}

.vid-3.aboutus {
  width: 25vw;
  height: 20vw;
  border: 2px solid #0c1318;
  display: block;
  top: 40vw;
  left: 20vw;
}

.gradient {
  z-index: 99;
  width: 100%;
  height: 21vw;
  background-image: linear-gradient(rgba(19, 19, 20, 0), rgba(19, 19, 20, .8) 21%, #131314 80%, #131314);
  position: absolute;
  top: auto;
  bottom: -1vw;
  left: 0%;
  right: 0%;
}

.gradient._2 {
  height: 48vw;
  background-image: linear-gradient(to top, rgba(19, 19, 20, 0), rgba(19, 19, 20, .8) 25%, #131314 47%, #131314);
  display: block;
  top: -23.3vw;
  bottom: auto;
}

.image-11 {
  width: 10vw;
  position: absolute;
  top: 29.6vw;
  left: 24vw;
}

.image-11._6 {
  width: 11vw;
  top: 70vw;
  left: 100vw;
}

.image-11._6.parallax {
  width: 8%;
  top: 16vw;
  left: 100vw;
  overflow: visible;
}

.image-11._6.shape {
  width: 3vw;
  left: 110vw;
}

.image-11._6.uni {
  top: 63vw;
}

.image-11._2 {
  width: 10vw;
  top: 20vw;
  left: 80vw;
}

.image-11._2.shape {
  width: 7vw;
  top: 5vw;
  left: 50vw;
}

.image-11._2.netflix {
  top: 10vw;
  left: 50vw;
}

.image-11._5 {
  width: 11vw;
  top: 13.6vw;
  left: 60vw;
}

.image-11._5.parallax {
  width: 8%;
  top: 12vw;
  left: 60vw;
}

.image-11.parallax {
  width: 10%;
  border: 2px solid #000;
  top: 7vw;
}

.image-11.parallax.aboutus {
  width: 20%;
  border-style: solid;
  border-color: #0c1318;
  left: 10vw;
}

.image-11.parallax.people {
  top: 40vw;
  left: 60vw;
}

.image-11.parallax.us {
  width: 7%;
  top: 40vw;
  left: 70vw;
}

.image-11._4 {
  width: 14vw;
  max-width: 20vw;
  border: 2px solid #000;
  top: 30vw;
  left: 93vw;
}

.image-11._4.aboutus {
  width: 30vw;
  border-style: solid;
  border-color: #0c1318;
  top: 60vw;
  left: 95vw;
}

.image-11._4.retreat {
  width: 15vw;
  left: 120vw;
}

.image-11._4.ppl {
  top: 45vw;
  left: 115vw;
}

.image-11._7 {
  width: 38vw;
  border: 2px solid #0c1318;
  top: 60vw;
  left: 55vw;
}

.image-11._7.aboutus {
  width: 24vw;
  top: 16vw;
}

.image-11._7.master {
  width: 30vw;
  max-width: 40vw;
  top: 52vw;
  left: 30vw;
}

.image-11._3 {
  width: 12vw;
  max-width: 80%;
  top: 45vw;
  left: 116vw;
}

.image-11._3.shape {
  width: 12vw;
  max-width: 70%;
  top: 47vw;
  left: 95vw;
}

.image-11._8 {
  width: 10vw;
  top: 18vw;
  left: 50vw;
}

.image-11._8.shape {
  width: 6vw;
  left: 41vw;
}

.image-11._8.google {
  top: 20vw;
  left: 100vw;
}

.image-11._8.iksz {
  width: 6vw;
  top: 65vw;
  left: 40vw;
}

.image-11._10 {
  width: 11vw;
  top: 12vw;
  left: 60vw;
}

.image-11.hbo {
  width: 11vw;
  top: 40vw;
  left: 50vw;
}

.image-11.hbo.shape {
  width: 2%;
  top: 65vw;
  left: 125vw;
}

.image-11._9 {
  top: 63vw;
  left: 2vw;
}

.image-11._11 {
  width: 14vw;
  border: 2px solid #0c1318;
  top: 55vw;
  left: 30vw;
}

.image-11._11.xeropan {
  width: 13vw;
  top: 30vw;
  left: 10vw;
}

.image-11.pakk {
  width: 13vw;
  border: 2px solid #0c1318;
  top: 40vw;
  left: 70vw;
}

.image-11.pakk.project {
  width: 16vw;
}

.image-11.pakk.project:hover {
  transform: none;
}

.kicked-ass {
  text-decoration: underline;
}

.the-mems {
  color: #fff;
  letter-spacing: .1vw;
  text-transform: uppercase;
  font-size: 1vw;
  font-weight: 700;
  line-height: 1vw;
  display: inline-block;
  position: absolute;
  top: 48.6vw;
  left: 73.7vw;
}

.footer-headline {
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 7vw;
  font-weight: 700;
  line-height: 7.7vw;
}

.vid-dance {
  z-index: 1;
  width: 45vh;
  height: 27vh;
  border: 2px solid #0c1318;
  display: inline-block;
  position: absolute;
  top: 27vw;
  left: 55vw;
  overflow: visible;
}

.vid-dance.aboutus {
  width: 25%;
  border-style: solid;
  border-color: #0c1318;
  top: 55vw;
  left: 52vw;
}

.vid-dance.incq {
  width: 50vh;
  height: 26vh;
  max-width: 60vh;
  top: 19vw;
}

.footer-image {
  width: 10vw;
  position: absolute;
  top: 7.8vw;
  left: 48.1vw;
}

.image-wrap {
  width: 150vw;
  height: 110vw;
  object-fit: fill;
  position: relative;
  top: -25vw;
  left: -22.1%;
  overflow: visible;
}

.image-wrap.aboutus {
  height: 50vw;
}

.vid-2 {
  z-index: 1;
  width: 33vw;
  height: 16vw;
  display: block;
  position: absolute;
  top: 20vw;
  left: 110vw;
  overflow: visible;
}

.vid-2.aboutus {
  height: 20vw;
  border: 2px solid #0c1318;
  display: block;
  left: 85vw;
}

.vid-2.momemobile {
  left: 120vw;
}

.vid-5 {
  z-index: 1;
  width: 18vw;
  height: 34vw;
  object-fit: fill;
  border: 2px solid #000;
  position: absolute;
  top: 10vw;
  left: 30vw;
  overflow: visible;
}

.vid-5.aboutus {
  display: none;
  top: 30vw;
  left: 30vw;
}

.bottom-bg-image {
  z-index: 90;
  width: 100%;
  height: 72vw;
  opacity: 1;
  background-image: linear-gradient(rgba(19, 19, 20, .8), rgba(19, 19, 20, .8)), url('../images/poster-bg.jpg');
  background-position: 0 0, 0 0;
  background-size: auto, cover;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.line {
  z-index: 100;
  width: 100%;
  height: 1px;
  background-color: rgba(255, 255, 255, .1);
  position: absolute;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.hover-map {
  z-index: 999;
  width: 51vw;
  height: 8vw;
  position: absolute;
  top: 36vw;
  left: 22.4vw;
}

.images {
  z-index: auto;
  width: 100vw;
  height: 100vw;
  opacity: 1;
  background-color: rgba(0, 0, 0, 0);
  display: block;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
  overflow: visible;
}

.gallery-wrap {
  width: 150%;
  height: 72vw;
  opacity: 1;
  border-bottom: 1px rgba(255, 255, 255, .15);
  position: absolute;
  overflow: visible;
}

.background-video-2 {
  z-index: 100;
  width: 27vw;
  height: 15vw;
  opacity: 0;
  position: relative;
}

.summer-21 {
  color: #fff;
  letter-spacing: .1vw;
  text-transform: uppercase;
  font-size: 1.2vw;
  font-weight: 700;
  line-height: 1vw;
  display: inline-block;
  position: absolute;
  top: -1.2vw;
  left: 35.3vw;
}

.width-height {
  z-index: 100000;
  width: 75vw;
  height: 50%;
  background-color: #1a1a1b;
  display: none;
  position: absolute;
}

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

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

.text-effect-wrapper {
  height: 260vh;
  background-color: #000;
  margin-top: -20vh;
  margin-bottom: -20vh;
}

.section-text-gradient-effect {
  z-index: 0;
  position: relative;
}

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

.text-effect-gradient {
  height: 260vh;
  mix-blend-mode: darken;
  background-image: linear-gradient(#000 12%, #351073 26%, #c958de 38%, #fbb1f7 50%, #c958de 64%, #351073 76%, #000 88%);
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

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

.text-effect-text {
  color: #f5f5f7;
  font-size: 3.3em;
  font-weight: 600;
  line-height: 1.2em;
}

.text-effect-sticky-element {
  height: 100vh;
  justify-content: center;
  align-items: center;
  display: none;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.section-3 {
  z-index: 100;
  position: -webkit-sticky;
  position: sticky;
  top: auto;
  bottom: 0;
}

.text-span-6 {
  padding-left: 250px;
  font-weight: 700;
}

.text-span-6.works {
  font-weight: 400;
}

.text-span-7 {
  padding-left: 180px;
}

.h4 {
  color: #0c1318;
  font-family: Pptelegraf, sans-serif;
  font-size: 30px;
  font-weight: 700;
  line-height: 140%;
}

.h4.padding {
  padding-bottom: 10px;
}

.h4.white {
  color: #fff;
}

.h4.disabled {
  color: #9e9e9e;
}

.h4.salary {
  position: relative;
  top: -230px;
  left: 60px;
}

.h4.spacing {
  line-height: 80%;
}

.h4.open {
  color: #fff;
}

.valuesdiv {
  padding-bottom: 20px;
}

.team {
  background-color: #0c1318;
  overflow: hidden;
}

.heading-11 {
  color: #fff;
}

.div-block-52 {
  padding-top: 50px;
  padding-bottom: 50px;
}

.caption {
  color: #fff;
  font-family: Pptelegraf, sans-serif;
  line-height: 120%;
}

.caption.grouptitle {
  text-transform: uppercase;
}

.teamgrid {
  grid-template: "Area-2 Area Area-3 Area-4 Area-5 Area-6"
  / 1fr 1fr 1fr 1fr 1fr;
  margin-top: 40px;
}

.membername {
  color: #fff;
  padding-top: 10px;
  font-family: Pptelegraf, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 120%;
}

.memberposition {
  color: #fff;
  text-transform: uppercase;
  padding-top: 10px;
  font-family: Pptelegraf, sans-serif;
  font-size: 12px;
  line-height: 120%;
}

.picture {
  width: 150px;
  height: 150px;
  background-image: url('../images/david_1.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  display: block;
}

.picture:hover {
  background-image: url('../images/david-hover_1.webp');
  background-repeat: repeat;
}

.picture.katica {
  background-image: url('../images/katica_1.webp');
}

.picture.katica:hover {
  background-image: url('../images/katica-hover_1.webp');
}

.picture.dodo {
  background-image: url('../images/dodo_1.webp');
}

.picture.dodo:hover {
  background-image: url('../images/dodo-hover_1.webp');
}

.picture.laura {
  background-image: url('../images/laura.webp');
}

.picture.laura:hover {
  background-image: url('../images/laura-hover.webp');
}

.picture.tamas {
  background-image: url('../images/tamas.webp');
}

.picture.tamas:hover {
  background-image: url('../images/tamas-hover.webp');
}

.picture.sanyi {
  background-image: url('../images/sanyi_1.webp');
}

.picture.sanyi:hover {
  background-image: url('../images/sanyi-hover_1.webp');
}

.picture.nori {
  background-image: url('../images/nori_1.webp');
}

.picture.nori:hover {
  background-image: url('../images/nori-hover_1.webp');
}

.picture.klau, .picture.klau:hover {
  background-image: url('../images/klau.webp');
}

.picture.gabi {
  background-image: url('../images/gabi.webp');
}

.picture.gabi:hover {
  background-image: url('../images/gabi-hover.webp');
}

.picture.eszti {
  background-image: url('../images/eszti_1.webp');
}

.picture.eszti:hover {
  background-image: url('../images/eszti-hover_1.webp');
}

.picture.bia {
  background-image: url('../images/bia_1.webp');
}

.picture.bia:hover {
  background-image: url('../images/bia-hover.webp');
}

.picture.zsuzsi {
  background-image: url('../images/zsuzsi_1.webp');
}

.picture.zsuzsi:hover {
  background-image: url('../images/zsuzsi.webp');
}

.picture.zsofi {
  background-image: url('../images/zsofi.webp');
}

.picture.zsofi:hover {
  background-image: url('../images/zsofi-hover.webp');
}

.picture.niki {
  background-image: url('../images/niki.webp');
}

.picture.niki:hover {
  background-image: url('../images/niki-hover.webp');
}

.picture.adel {
  background-image: url('../images/adel.webp');
}

.picture.adel:hover {
  background-image: url('../images/adel-hover.png');
}

.picture.gaborsz {
  background-image: url('../images/gaborsz.webp');
}

.picture.gaborsz:hover {
  background-image: url('../images/gaborsz-hover.webp');
}

.picture.gaborn {
  background-image: url('../images/gaborn.webp');
}

.picture.gaborn:hover {
  background-image: url('../images/gaborn-hover.webp');
}

.picture.karthik {
  background-image: url('../images/karthik.webp');
}

.picture.karthik:hover {
  background-image: url('../images/karthik-hover.webp');
}

.picture.ervin {
  background-image: url('../images/ervin.webp');
}

.picture.ervin:hover {
  background-image: url('../images/ervin-hover.webp');
}

.picture.farhad {
  background-image: url('../images/farhad.webp');
}

.picture.farhad:hover {
  background-image: url('../images/farhad-hover.webp');
}

.picture.anna {
  background-image: url('../images/anna.webp');
}

.picture.anna:hover {
  background-image: url('../images/anna-hover.webp');
}

.picture.agus {
  background-color: #f9f9f9;
  background-image: url('../images/agus.webp');
}

.picture.agus:hover {
  background-color: #f8f8f8;
  background-image: url('../images/agus-hover.webp');
}

.picture.bence {
  background-image: url('../images/bence.webp');
}

.picture.bence:hover {
  background-image: url('../images/bence-hover.webp');
}

.picture.paola {
  background-image: url('../images/paola.webp');
}

.picture.paola:hover {
  background-image: url('../images/paola-hover.webp');
}

.picture.eniko, .picture.eniko:hover {
  background-image: url('../images/eniko.webp');
}

.picture.luca {
  background-image: url('../images/luca-hover.webp');
}

.picture.luca:hover {
  background-image: url('../images/luca.webp');
}

.picture.agos {
  background-image: url('../images/agos.webp');
}

.picture.agos:hover {
  background-image: url('../images/agos-hover.webp');
}

.picture.danis {
  background-image: url('../images/danis.webp');
}

.picture.danis:hover {
  background-image: url('../images/danis-hover.webp');
}

.picture.adam, .picture.adam:hover {
  background-image: url('../images/adam.webp');
}

.picture.vardan, .picture.vardan:hover {
  background-image: url('../images/vardan.webp');
}

.picture.reka, .picture.reka:hover {
  background-image: url('../images/reka.webp');
}

.picture.santi {
  background-image: url('../images/santi.webp');
}

.picture.santi:hover {
  background-image: url('../images/santi-hover.webp');
}

.picture.martina {
  background-image: url('../images/martina.webp');
}

.picture.martina:hover {
  background-image: url('../images/martina-hover.webp');
}

.picture.dan {
  background-image: url('../images/dan.webp');
}

.picture.dan:hover {
  background-image: url('../images/dan-hover.webp');
}

.picture.dj {
  background-image: url('../images/dj.webp');
}

.picture.dj:hover {
  background-image: url('../images/dj-hover.webp');
}

.picture.barbara {
  background-image: url('../images/barbara.webp');
}

.picture.barbara:hover {
  background-image: url('../images/barbara-hover.webp');
}

.picture.andras {
  background-image: url('../images/andras.webp');
}

.picture.andras:hover {
  background-image: url('../images/andras-hover.webp');
}

.picture.fruzsi {
  background-image: url('../images/fruzsi.webp');
}

.picture.fruzsi:hover {
  background-image: url('../images/fruzsi-hover.webp');
}

.picture.mariann, .picture.mariann:hover {
  background-image: url('../images/mariann-hover.webp');
}

.picture.bori {
  background-image: url('../images/bori.webp');
}

.picture.bori:hover {
  background-image: url('../images/bori-hover.webp');
}

.picture.zita {
  background-image: url('../images/zita.webp');
}

.picture.zita:hover {
  background-image: url('../images/zita-hover.webp');
}

.picture.lilla, .picture.lilla:hover {
  background-image: url('../images/lilla.webp');
}

.picture.harini, .picture.harini:hover {
  background-image: url('../images/harini.webp');
}

.picture.samson, .picture.samson:hover {
  background-image: url('../images/samson.webp');
}

.picture.rekapeto {
  background-image: url('../images/rekapeto.webp');
}

.picture.rekapeto:hover {
  background-image: url('../images/rekapeto-hover.webp');
}

.picture.fannizsofi {
  background-image: url('../images/fannizsofi.webp');
}

.picture.fannizsofi:hover {
  background-image: url('../images/fannizsofi-hover.webp');
}

.picture.annazsofi {
  background-image: url('../images/annazsofi.webp');
}

.picture.annazsofi:hover {
  background-image: url('../images/annazsofi-hover.webp');
}

.picture.agi {
  background-image: url('../images/agi.webp');
}

.picture.agi:hover {
  background-image: url('../images/agi-hover.webp');
}

.picture.benedek {
  background-image: url('../images/bene.webp');
}

.picture.benedek:hover {
  background-image: url('../images/bene-hover.webp');
}

.picture.sian {
  background-image: url('../images/sian.webp');
}

.picture.sian:hover {
  background-image: url('../images/sian-hover.webp');
}

.picture.janka {
  background-image: url('../images/janka.webp');
}

.picture.janka:hover {
  background-image: url('../images/janka-hover.webp');
}

.picture.kos, .picture.akos {
  background-image: url('../images/akos.webp');
}

.picture.akos:hover {
  background-image: url('../images/akos-hover.webp');
}

.picture.dorka {
  background-image: url('../images/dorka.webp');
}

.picture.dorka:hover {
  background-image: url('../images/dorka-hover.webp');
}

.picture.johanna {
  background-image: url('../images/johanna.webp');
}

.picture.johanna:hover {
  background-image: url('../images/johanna-hover.webp');
}

.picture.fanni {
  background-image: url('../images/fanni.webp');
}

.picture.fanni:hover {
  background-image: url('../images/fanni-hover.webp');
}

.picture.dani {
  background-image: url('../images/dani.webp');
}

.picture.dani:hover {
  background-image: url('../images/dani-hover.webp');
}

.picture.balint {
  background-image: url('../images/balint.webp');
}

.picture.balint:hover {
  background-image: url('../images/balint-hover.webp');
}

.picture.bencevass {
  background-image: url('../images/bencevass.webp');
}

.picture.bencevass:hover {
  background-image: url('../images/bencevass-hover.webp');
}

.picture.jani, .picture.jani:hover {
  background-image: url('../images/jani.webp');
}

.picture.daniel, .picture.daniel:hover {
  background-image: url('../images/daniel.webp');
}

.picture.dezso {
  background-image: url('../images/dezso.webp');
}

.picture.dezso:hover {
  background-image: url('../images/dezso-hover.webp');
}

.picture.davidm, .picture.davidm:hover {
  background-image: url('../images/davidm.webp');
}

.picture.fulop {
  background-image: url('../images/fulop.webp');
}

.picture.fulop:hover {
  background-image: url('../images/fulop-hover.webp');
}

.text-block-5 {
  font-family: Pptelegraf, sans-serif;
  font-size: 50px;
  font-weight: 700;
}

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

.text-block-6 {
  font-family: Pptelegraf, sans-serif;
  font-size: 50px;
}

.tab-link-tab-7 {
  background-color: rgba(255, 255, 255, 0);
  padding-left: 0;
}

.tab-link-tab-7.w--current {
  background-color: rgba(0, 0, 0, 0);
}

.tab-link-tab-1 {
  background-color: rgba(0, 0, 0, 0);
  padding-left: 0;
}

.tab-link-tab-1.w--current {
  background-color: rgba(255, 255, 255, 0);
}

.tab-link-tab-2 {
  background-color: rgba(0, 0, 0, 0);
  padding-left: 0;
}

.tab-link-tab-2.w--current {
  background-color: rgba(255, 255, 255, 0);
}

.tab-link-tab-3 {
  background-color: rgba(0, 0, 0, 0);
  padding-left: 0;
}

.tab-link-tab-3.w--current {
  background-color: rgba(255, 255, 255, 0);
}

.tab-link-tab-4 {
  background-color: rgba(0, 0, 0, 0);
  padding-left: 0;
}

.tab-link-tab-4.w--current {
  background-color: rgba(255, 255, 255, 0);
}

.tab-link-tab-5 {
  background-color: rgba(0, 0, 0, 0);
  padding-left: 0;
}

.tab-link-tab-5.w--current {
  background-color: rgba(255, 255, 255, 0);
}

.tab-link-tab-6 {
  background-color: rgba(0, 0, 0, 0);
  padding-left: 0;
}

.tab-link-tab-6.w--current {
  color: #31f194;
  background-color: rgba(255, 255, 255, 0);
  margin-right: 30px;
  padding-right: 0;
}

.tab-pane-tab-7 {
  background-color: rgba(0, 0, 0, 0);
}

.teammember {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: rgba(0, 0, 0, 0);
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  text-decoration: none;
  display: block;
  position: relative;
  top: -30px;
  left: 0;
}

.funfact {
  height: auto;
  background-color: #fff;
  border: 2px #000;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  margin-top: -45px;
  padding: 0 10px;
  display: flex;
  position: absolute;
  top: 7px;
  left: -56px;
  right: -56px;
  box-shadow: 1px 1px 10px 2px rgba(0, 0, 0, .25);
}

.funfact.tooltip {
  min-width: 500%;
  box-shadow: none;
  -webkit-text-fill-color: inherit;
  mix-blend-mode: normal;
  background-color: #e3c1ff;
  background-clip: border-box;
  border-radius: 0;
  margin-top: 0;
  margin-left: 10px;
  padding-left: 0;
  display: flex;
  top: -90px;
  left: 0;
  right: auto;
}

.funfact.tooltip.short {
  min-width: 150%;
  display: flex;
}

.funfact.tooltip.short.last {
  min-width: 150%;
  margin-left: -100px;
  margin-right: 10px;
  right: auto;
}

.funfact.tooltip.short.hide {
  display: none;
}

.funfact.tooltip.short.fiveline {
  top: -130px;
}

.funfact.tooltip.short.sixline {
  top: -150px;
}

.funfact.tooltip.short.fourline {
  top: -110px;
}

.funfact.tooltip.short.twoline {
  top: -70px;
}

.funfact.tooltip.short.oneline {
  top: -50px;
}

.funfact.tooltip.zsofi {
  min-width: 400%;
}

.country {
  color: #0c1318;
  text-align: left;
  background-color: #e3c1ff;
  flex: 1;
  margin-top: 10px;
  padding-left: 10px;
  padding-right: 0;
  font-family: Pptelegraf, sans-serif;
  font-weight: 400;
}

.group {
  margin-bottom: 20px;
}

.funfactelement {
  max-width: 250px;
  padding: 30px;
}

.nav-link-2 {
  display: none;
}

.div-block-53 {
  padding-top: 150px;
}

.text-span-8 {
  font-weight: 700;
}

.button {
  color: #0c1318;
  background-color: rgba(255, 255, 255, 0);
  border: 2px solid #0c1318;
  padding: 13px 24px;
  font-family: Pptelegraf, sans-serif;
  font-size: 18px;
  font-weight: 700;
}

.button:hover {
  color: #31f194;
  background-color: #0c1318;
}

.button:active {
  color: #22dd82;
}

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

.button.white:hover {
  color: #31f194;
  border-color: #31f194;
}

.button.hide {
  display: none;
}

.div-block-54 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  align-items: center;
  margin-top: 50px;
  margin-bottom: 50px;
  display: flex;
}

.div-block-55 {
  border: 2px solid #000;
  padding: 40px;
}

.currency {
  padding-right: 8px;
}

.lottie-animation {
  width: 128px;
  height: 128px;
  margin-left: auto;
  margin-right: auto;
}

.terms {
  color: #01bdc9;
  text-decoration: none;
}

.custom-textarea {
  min-height: auto;
  color: rgba(0, 0, 0, 0);
  background-color: rgba(0, 0, 0, 0);
  border: 1px #000;
  border-bottom: 2px solid #000;
  border-radius: 0;
  font-family: Pptelegraf, sans-serif;
}

.custom-textarea:focus {
  border: 1px solid #000;
}

.custom-textarea::-ms-input-placeholder {
  font-size: 17px;
}

.custom-textarea::placeholder {
  font-size: 17px;
}

.form-heading {
  margin-top: 0;
  margin-bottom: 24px;
}

.contact-block {
  background-color: #fff;
  border: 2px solid #0c1318;
  border-radius: 0;
  margin-bottom: 50px;
  padding: 40px;
}

.budget-inner-container {
  align-items: center;
  display: flex;
}

.confirmation-message {
  font-size: 32px;
  line-height: 120%;
}

.input-field {
  color: #0c1318;
  background-color: rgba(0, 0, 0, 0);
  border: 1px #000;
  border-bottom: 2px solid #0c1318;
  border-radius: 0;
  flex: 1;
  margin-bottom: 0;
  margin-left: 24px;
  font-family: Pptelegraf, sans-serif;
}

.input-field:hover {
  border-bottom-color: #31f194;
}

.input-field:active {
  border: 1px #000;
  border-bottom: 2px solid #0c1318;
}

.input-field:focus {
  border: 1px #000;
  border-bottom: 2px solid #31f194;
}

.input-field::-ms-input-placeholder {
  font-size: 14px;
  line-height: 22px;
}

.input-field::placeholder {
  font-size: 14px;
  line-height: 22px;
}

.input-field.budget {
  max-width: 120px;
  border-radius: 8px;
  margin-left: 4px;
  margin-right: 4px;
}

.input-field.email {
  max-width: 250px;
  display: block;
}

.input-field.email.clientid {
  display: none;
}

.input-field.project {
  max-width: 250px;
  margin-right: 4px;
}

.input-field.name {
  max-width: 250px;
  color: #0c1318;
  background-color: rgba(0, 0, 0, 0);
  border: 1px #000;
  border-bottom: 2px solid #000;
  border-radius: 0;
  flex: 1;
  margin-left: 24px;
  font-family: Pptelegraf, sans-serif;
}

.input-field.name:hover, .input-field.name:focus {
  border-bottom-color: #31f194;
}

.input-field.grow {
  max-width: 300px;
  background-color: rgba(0, 0, 0, 0);
  border: 1px #000;
  border-bottom: 2px solid #0c1318;
  border-radius: 0;
  flex: 1;
  margin-left: 24px;
}

.success-message {
  background-color: #fff;
}

.input-flexbox {
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 10px;
  margin-right: 24px;
  font-family: Pptelegraf, sans-serif;
  display: flex;
}

.form-text-2 {
  margin-bottom: 10px;
}

.input-flexbox-2 {
  align-items: center;
  display: flex;
}

.submit-button {
  color: #0c1318;
  background-color: rgba(0, 0, 0, 0);
  border: 2px solid #0c1318;
  border-radius: 0;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 24px;
  padding: 13px 24px;
  font-family: Pptelegraf, sans-serif;
  font-size: 18px;
  font-weight: 700;
}

.submit-button:hover {
  color: #31f194;
  background-color: #0c1318;
}

.submit-button:active {
  color: #22dd82;
}

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

.checkbox-label {
  font-family: Pptelegraf, sans-serif;
}

.div-block-57 {
  align-items: center;
  margin-top: 40px;
  margin-bottom: 20px;
  display: flex;
}

.text-block-8 {
  margin-left: 24px;
}

.link_circle {
  z-index: 1;
  width: 100%;
  min-height: auto;
  background-color: #000;
  border-radius: 50%;
  margin-bottom: 0;
  padding-top: 0%;
  transition: margin .4s, border-radius .25s;
  position: absolute;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.link_text {
  background-color: rgba(0, 0, 0, 0);
  margin-bottom: 0;
  font-family: Pptelegraf, sans-serif;
  font-size: 14px;
  font-weight: 400;
}

.link_text.is--2 {
  position: absolute;
}

.link_wrap {
  z-index: 0;
  position: relative;
  overflow: hidden;
}

.link_move {
  position: relative;
}

.label {
  margin-bottom: 0;
  display: none;
}

.shapes {
  margin-left: 0;
  padding-bottom: 0;
  display: block;
}

.link_container {
  margin-left: 10px;
  margin-right: 0;
  padding: 0 0 0 0;
  display: inline-block;
}

.radio-button {
  z-index: 10;
  width: 100%;
  height: 100%;
  opacity: 0;
  border: 0 solid #0c1318;
  border-radius: 0;
  margin-top: 0;
  margin-left: 0;
  display: block;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.link {
  text-align: center;
  border: 2px solid #0c1318;
  border-radius: 0;
  margin-bottom: 0;
  padding: 5px 20px;
  transition: color .2s;
  position: relative;
  overflow: hidden;
}

.checkbox {
  margin-top: 0;
  margin-left: 0;
  display: block;
}

.link_circle-2 {
  z-index: 1;
  width: 100%;
  min-height: 6em;
  background-color: #000;
  border-radius: 50%;
  margin-bottom: 5.9em;
  padding-top: 100%;
  transition: margin .4s, border-radius .25s;
  position: absolute;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.link_text-2 {
  font-size: 1.3em;
  font-weight: 400;
}

.link_text-2.is--2 {
  position: absolute;
}

.link_wrap-2 {
  z-index: 2;
  position: relative;
  overflow: hidden;
}

.label-2 {
  display: none;
}

.shapes-2 {
  margin-left: -.8em;
  padding-bottom: 2em;
}

.link_container-2 {
  padding: .8em;
  display: inline-block;
}

.radio-button-2 {
  z-index: 30;
  width: 100%;
  height: 100%;
  opacity: 0;
  border-width: 0;
  border-radius: 0;
  margin-top: 0;
  margin-left: 0;
  display: block;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.radio-button-2:hover {
  border-width: 2px;
  border-color: #31f194;
}

.radio-button-2.w--redirected-checked {
  background-color: #0c1318;
  background-image: none;
  border-color: #0c1318;
}

.link-2 {
  text-align: center;
  border: 1px solid rgba(0, 0, 0, .1);
  border-radius: 100vw;
  padding: 1.4em 2.6em;
  transition: color .2s;
  position: relative;
  overflow: hidden;
}

.shapes-3 {
  margin-left: 0;
  padding-bottom: 0;
  display: none;
}

.link_container-3 {
  margin-left: 5px;
  margin-right: 5px;
  padding: 0;
  display: inline-block;
}

.link-3 {
  text-align: center;
  border: 2px solid #0c1318;
  border-radius: 0;
  margin-bottom: 0;
  padding: 5px 10px;
  transition: color .2s;
  position: relative;
  overflow: hidden;
}

.link_text-3 {
  color: #0c1318;
  margin-bottom: 0;
  font-family: Pptelegraf, sans-serif;
  font-size: 14px;
  font-weight: 400;
}

.link_text-3.is--2 {
  position: absolute;
}

.radio-button-3 {
  width: 120px;
  height: 34px;
  border-width: 2px;
  border-color: #0c1318;
  border-radius: 0%;
  flex: 1;
  align-self: center;
  margin-top: 0;
  margin-left: 0;
}

.radio-button-3:hover {
  mix-blend-mode: normal;
  border-color: #31f194;
}

.radio-button-3.w--redirected-checked {
  border-width: 2px;
  border-color: #31f194;
  border-radius: 0%;
}

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

.radio-button-label {
  color: #0c1318;
  flex: 1;
  align-self: center;
  margin-bottom: 0;
  font-family: Pptelegraf, sans-serif;
  position: absolute;
}

.radio-button-field {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-left: 20px;
  padding-left: 0;
  display: flex;
}

.div-block-58 {
  align-self: center;
  display: flex;
}

.textarea {
  color: #0c1318;
  border: 1px #000;
  border-bottom: 2px solid #0c1318;
  font-family: Pptelegraf, sans-serif;
  font-size: 14px;
}

.textarea:hover {
  border-bottom-color: #31f194;
}

.textarea:focus {
  border: 2px #31f194;
  border-bottom-style: solid;
}

.servicecards {
  padding-top: 100px;
  padding-bottom: 100px;
}

.servicegrid {
  grid-template: "Area Area-2 Area-3"
                 "Area-4 Area-5 Area-6"
                 / 1fr 1fr 1fr;
  margin-top: 30px;
}

.text-block-9 {
  color: #0c1318;
  font-family: Pptelegraf, sans-serif;
  font-size: 16px;
}

.collection-card {
  max-height: 300px;
  min-height: 300px;
  transform-style: preserve-3d;
  border: 2px #0c1318;
  padding: 0;
  transition: transform .7s;
  display: block;
}

.collection-card:hover {
  transform: rotateX(0)rotateY(180deg)rotateZ(0);
}

.collection-card.green {
  border-style: solid;
  flex-direction: column;
  justify-content: space-between;
  padding: 20px;
  transition-property: none;
  display: flex;
}

.collection-card.green:hover {
  mix-blend-mode: normal;
  background-color: #bdffdf;
  transform: none;
}

.front {
  max-height: 300px;
  max-width: 360px;
  min-height: 300px;
  min-width: 360px;
  border: 2px solid #0c1318;
  padding: 20px;
  position: absolute;
}

.front.back {
  max-height: 300px;
  max-width: 100%;
  min-height: 300px;
  min-width: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform-style: preserve-3d;
  background-color: #bdffdf;
  display: block;
  transform: rotateX(0)rotateY(180deg)rotateZ(0);
}

.front.hide {
  max-width: 100%;
  min-width: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  display: block;
}

.input-text {
  color: #0c1318;
  text-transform: none;
  font-family: Pptelegraf, sans-serif;
  font-size: 16px;
  line-height: 160%;
}

.input-text.bulletpoints {
  padding-top: 100px;
}

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

.cta {
  max-height: 300px;
  max-width: 66%;
  min-height: 300px;
  min-width: 66%;
  border: 2px solid #0c1318;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 16px;
  padding: 20px;
  text-decoration: none;
  display: flex;
}

.cta:hover {
  background-color: #31f194;
}

.cta:active {
  background-color: #22dd82;
}

.cta.works {
  max-height: 450px;
  max-width: 450px;
  min-height: 450px;
  min-width: 450px;
  margin-top: 0;
  padding: 50px 40px 40px;
}

.div-block-59 {
  border: 2px solid #0c1318;
  padding: 13px 24px;
  display: inline-block;
}

.text-block-10 {
  color: #0c1318;
  font-family: Pptelegraf, sans-serif;
  font-size: 18px;
  font-weight: 700;
}

.text-span-9 {
  color: #ffd903;
  padding-left: 30px;
  font-weight: 700;
}

.text-span-9.design {
  color: #0c1318;
  padding-left: 80px;
}

.text-span-9.design.purple {
  color: #9e33f6;
}

.text-span-9.research {
  padding-left: 70px;
}

.text-span-9.discovery {
  color: #fd78ff;
}

.text-span-9.audit {
  color: #00e3f1;
  padding-left: 50px;
}

.text-span-9.expert {
  color: #ff5319;
  padding-left: 80px;
}

.text-span-9.training {
  color: #26f4d2;
  padding-left: 130px;
}

.text-span-10 {
  padding-left: 100px;
}

.div-block-60 {
  border: 1px #0c1318;
  border-top: 2px solid #0c1318;
  border-bottom-width: 0;
  margin-top: 0;
}

.div-block-61 {
  padding-top: 100px;
  padding-bottom: 100px;
}

.div-block-62 {
  margin-bottom: 70px;
}

.div-block-62.consulting {
  margin-bottom: 0;
}

.div-block-63 {
  border-bottom: 2px solid #0c1318;
  margin-right: 20px;
  padding-top: 15px;
  padding-bottom: 15px;
}

.div-block-63.noline {
  border-bottom-style: none;
}

.columns-3 {
  margin-top: 10px;
}

.service-section {
  background-color: #feffce;
  padding-top: 100px;
  padding-bottom: 100px;
}

.service-section.design {
  background-color: #f4e8ff;
}

.service-section.discovery {
  background-color: #feccff;
}

.service-section.audit {
  background-color: #befafe;
}

.service-section.expert {
  background-color: #ffd8cb;
}

.service-section.training {
  background-color: #cbfdf4;
}

.service-section.book {
  background-color: #bdffdf;
}

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

.grid {
  max-width: 80%;
  grid-row-gap: 50px;
}

.div-block-65 {
  padding-top: 20px;
}

.our-process {
  padding-top: 100px;
  padding-bottom: 100px;
}

.div-block-69 {
  padding-top: 20px;
}

.column-11 {
  padding-left: 0;
  padding-right: 30px;
  position: -webkit-sticky;
  position: sticky;
  top: 80px;
}

.div-block-70 {
  z-index: 10000000;
  position: static;
  top: 100px;
}

.div-block-70.career {
  justify-content: flex-end;
  display: flex;
}

.div-block-71 {
  flex: none;
  padding-top: 10px;
}

.text-block-11 {
  color: #feffce;
  mix-blend-mode: darken;
  font-family: Pptelegraf, sans-serif;
  font-size: 120px;
  font-weight: 700;
  position: absolute;
}

.text-block-11.design {
  color: #f4e8ff;
}

.text-block-11.discovery {
  color: #feccff;
}

.text-block-11.audit {
  color: #befafe;
}

.text-block-11.expert {
  color: #ffd8cb;
}

.text-block-11.training {
  color: #cbfdf4;
}

.text-block-11.mome {
  color: rgba(32, 255, 201, .3);
}

.text-block-11.zignaly {
  color: rgba(157, 80, 238, .3);
}

.text-block-11.pakk {
  color: rgba(239, 68, 86, .3);
}

.text-block-11.incq {
  color: rgba(139, 160, 239, .3);
}

.text-block-11.rb {
  color: rgba(24, 64, 114, .3);
}

.text-block-11.gotrg {
  color: rgba(26, 54, 111, .3);
}

.process-step {
  object-fit: fill;
  overflow: visible;
}

.process-step.process {
  margin-top: 50px;
  padding-left: 0;
  padding-right: 0;
}

.div-block-72 {
  overflow: visible;
}

.div-block-72.phasetitle {
  flex-direction: column;
  justify-content: center;
  display: flex;
}

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

.image-13.padding {
  margin-bottom: 30px;
}

.column-14 {
  display: none;
}

.examples {
  background-color: #0c1318;
  padding-bottom: 100px;
}

.examples.hide {
  display: none;
}

.div-block-74 {
  padding-top: 100px;
  padding-bottom: 50px;
}

.div-block-75 {
  max-width: 100%;
  min-height: 450px;
  min-width: 100%;
  background-color: rgba(0, 0, 0, 0);
  background-image: linear-gradient(to right, #62fcce 30%, #20ffc9);
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
  display: flex;
}

.div-block-75.incq {
  background-image: linear-gradient(to right, #a6b6f2 30%, #8ba0ef);
}

.examplediv:hover {
  perspective: none;
  transform: translate(0, -10px);
}

.examplediv.hide {
  display: none;
}

.div-block-76 {
  max-height: 150px;
  max-width: 150px;
  min-height: 150px;
  min-width: 150px;
  border: 2px solid #fff;
  padding-top: 24px;
  padding-left: 24px;
}

.div-block-76:hover {
  border-color: #31f194;
}

.column-15 {
  flex-direction: row;
  justify-content: flex-end;
  align-self: auto;
  align-items: flex-end;
  padding-bottom: 90px;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.columns-4 {
  display: flex;
}

.column-18 {
  display: none;
}

.text-span-11 {
  padding-left: 150px;
}

.text-span-12 {
  padding-left: 60px;
}

.checkbox-2 {
  border: 1px #000;
}

.links {
  margin-top: 100px;
  margin-bottom: 100px;
}

.div-block-77 {
  grid-column-gap: 0px;
  grid-row-gap: 30px;
  flex-direction: column;
  display: flex;
}

.div-block-78 {
  width: 80%;
  padding-top: 100px;
}

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

.bold-text-5.bold, .text-span-13 {
  font-weight: 700;
}

.text-span-14 {
  padding-left: 100px;
  font-weight: 700;
}

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

.text-span-15 {
  white-space: normal;
}

.content-bulletpoint {
  margin-top: 20px;
  margin-bottom: 20px;
  margin-left: -20px;
}

.content-bulletpoint.jobstext {
  margin-top: 0;
}

.rich-text-block {
  margin-left: -20px;
  padding-left: 0;
  font-family: Pptelegraf, sans-serif;
  font-size: 16px;
  line-height: 26px;
}

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

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

.div-block-81 {
  padding-top: 10px;
}

.div-block-81.thx {
  justify-content: center;
  display: flex;
}

.bizdevs {
  flex-direction: column;
  align-items: center;
  display: inline-block;
  position: static;
  top: auto;
  bottom: 25%;
  left: 35%;
  right: auto;
}

.bizdevs.gabi {
  margin-right: 20px;
  position: static;
  top: auto;
  bottom: 10%;
  left: auto;
  right: 30%;
}

.bizdevs.klau {
  position: static;
  top: 20%;
  bottom: auto;
  left: auto;
  right: 15%;
}

.bizdevs.klau.thx {
  margin-right: 20px;
}

.desktophide {
  display: none;
}

.workshero {
  background-color: #0c1318;
  padding-bottom: 50px;
}

.text-span-16 {
  color: #31f194;
  font-weight: 700;
}

.image-15 {
  position: absolute;
  top: auto;
  bottom: 20%;
  left: auto;
  right: 50%;
}

.works {
  padding-top: 100px;
}

.works.mobile {
  padding-bottom: 100px;
}

.div-block-84 {
  margin-bottom: 50px;
}

.grid-2 {
  grid-template-rows: auto auto auto auto;
  grid-template-areas: "Area Area-2"
                       "Area-3 Area-4"
                       "Area-5 Area-6"
                       "Area-7 Area-8";
}

.div-block-85 {
  max-height: 500px;
  min-height: 500px;
  background-image: linear-gradient(40deg, #62fcce 30%, #20ffc9);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
  display: flex;
}

.div-block-85.zignaly {
  background-image: linear-gradient(40deg, #a96aec 30%, #9d50ee);
}

.div-block-85.xeropan {
  background-image: linear-gradient(40deg, #449af6 30%, #1515e7);
}

.div-block-85.incq {
  background-image: linear-gradient(40deg, #a6b6f2 30%, #8ba0ef);
}

.div-block-85.reward {
  background-image: linear-gradient(40deg, #1d4172 30%, #4f8db7);
}

.div-block-85.pakk {
  background-image: linear-gradient(40deg, #fd9ba6 30%, #ff6b7b);
}

.div-block-85.gotrg {
  background-image: linear-gradient(40deg, #5d90e5 30%, #23457d);
}

.div-block-85.masterstudies {
  background-image: linear-gradient(40deg, #838b9b 30%, #454f64);
}

.project {
  margin-bottom: 50px;
}

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

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

.image-16 {
  max-width: 47%;
  flex: 0 auto;
  display: block;
}

.image-16.desktop {
  max-width: 100%;
}

.div-block-87 {
  max-height: 400px;
  max-width: 450px;
  min-height: 400px;
  min-width: 450px;
  background-color: #ededed;
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
  display: flex;
}

.text-span-17 {
  font-weight: 700;
}

.text-span-18 {
  padding-left: 0;
}

.text-span-19 {
  padding-left: 200px;
}

.phases {
  padding-top: 100px;
  padding-bottom: 100px;
}

.paragraph-2 {
  max-width: 60%;
}

.casestudy {
  margin-top: 100px;
}

.div-block-89 {
  margin-top: 40px;
}

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

.image-18 {
  border: 1px #0c1318;
  margin-bottom: 20px;
}

.image-18.padding {
  margin-top: 50px;
}

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

.div-block-91, .div-block-92 {
  margin-top: 50px;
}

.columns-5.padding {
  padding-top: 30px;
}

.wrapper {
  width: 100%;
  max-width: 1230px;
  flex-direction: column;
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
  padding-left: 30px;
  padding-right: 30px;
  display: flex;
  top: 0;
  left: 0;
  right: 0;
}

.left-arrow-2 {
  mix-blend-mode: difference;
  justify-content: center;
  align-items: center;
  display: flex;
}

.slider-arrow {
  color: #096ad0;
}

.section-4 {
  max-height: 550px;
  background-color: #f5f5f5;
  justify-content: center;
  align-items: center;
  margin-top: 100px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 50px;
  padding-bottom: 0;
  display: block;
  position: relative;
  overflow: hidden;
}

.row {
  flex-flow: wrap;
  align-content: stretch;
  align-items: stretch;
  margin-left: -15px;
  margin-right: -15px;
  display: flex;
}

.row.no-bottom-margins {
  align-items: center;
}

.overflow-visible {
  max-height: 500px;
  flex: 1;
  align-self: center;
  overflow: visible;
}

.slide-4 {
  background-color: rgba(0, 0, 0, 0);
}

.slide-4.small {
  width: 40%;
  max-width: 100%;
  object-fit: fill;
  width: 70%;
  margin-left: 10px;
  margin-right: 10px;
  overflow: visible;
}

.slide-4.desktop {
  max-width: 70%;
}

.slide-4.mobile {
  max-width: 30%;
}

.right-arrow-3 {
  mix-blend-mode: difference;
  justify-content: center;
  align-items: center;
  display: flex;
}

.slider-3 {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0);
  flex-direction: row;
  flex: 0 auto;
  align-self: center;
  align-items: center;
  display: flex;
}

.slide-nav-4 {
  color: #096ad0;
  display: none;
}

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

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

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

.wrapper-2 {
  width: 100%;
  max-height: 50%;
  max-width: 1230px;
  flex-direction: column;
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
  padding-left: 30px;
  padding-right: 30px;
  display: block;
  top: 0;
  left: 0;
  right: 0;
}

.section-5 {
  max-height: 21%;
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
  padding-top: 80px;
  padding-bottom: 80px;
  display: block;
  position: relative;
  overflow: hidden;
}

.overflow-visible-2 {
  overflow: visible;
}

.slider-4 {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0);
}

.slide-nav-5 {
  color: #096ad0;
}

.image-23 {
  border: 2px solid #0c1318;
}

.image-23.career {
  border-style: none;
}

.firstdiv {
  margin-top: 80px;
}

.firstdiv.twolines {
  margin-top: 120px;
}

.firstdiv.career {
  margin-top: 0;
}

.inlinepharagraph {
  margin-top: 40px;
  margin-bottom: 50px;
}

.background-video-3 {
  max-width: 1200px;
  min-height: 630px;
  border: 1px solid #0c1318;
  display: block;
  overflow: hidden;
}

.text-span-20 {
  padding-left: 150px;
}

.text-span-21 {
  padding-left: 0;
}

.div-block-94 {
  margin-top: 50px;
}

.div-block-94.mobile.hide {
  display: none;
}

.div-block-94.rb {
  margin-top: 50px;
}

.text-span-22 {
  padding-left: 150px;
}

.div-block-95 {
  margin-top: 50px;
}

.text-span-23 {
  padding-left: 50px;
}

.text-span-24 {
  padding-left: 150px;
}

.div-block-96 {
  border: 2px solid #0c1318;
}

.image-24 {
  max-width: none;
  display: inline-block;
}

.image-25 {
  margin-top: 20px;
}

.text-span-25 {
  font-weight: 700;
}

.image-26 {
  border: 2px solid #0c1318;
}

.image-27 {
  border: 2px solid #000;
}

.image-28 {
  border: 2px solid #0c1318;
  margin-top: 50px;
}

.container-5 {
  max-width: 1200px;
}

.text-span-26 {
  padding-left: 150px;
}

.openpositions {
  align-items: center;
  display: none;
  position: absolute;
  top: 10%;
  bottom: 0%;
  left: auto;
  right: 10%;
}

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

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

.div-block-97 {
  padding-top: 100px;
  padding-bottom: 100px;
}

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

.columns-6 {
  margin-top: 50px;
}

.image-31 {
  max-width: 80%;
}

.benefits {
  background-color: #f5f5f5;
  padding-bottom: 100px;
}

.div-block-98 {
  padding-top: 100px;
  padding-bottom: 50px;
}

.div-block-99 {
  max-width: 70%;
}

.div-block-100 {
  max-height: 2px;
  min-height: 2px;
  border: 1px solid #000;
  border-bottom-color: #0c1318;
  margin-top: 20px;
}

.beneitdiv {
  padding-top: 40px;
}

.div-block-101 {
  max-width: 60%;
}

.column-20 {
  display: block;
}

.image-32 {
  position: absolute;
  top: 10%;
  bottom: 0%;
  left: auto;
  right: 5%;
}

.positions {
  background-color: #0c1318;
  padding-top: 50px;
  padding-bottom: 50px;
}

.grid-3 {
  grid-template: "Area Area-2 Area-3"
                 "Area-4 Area-5 Area-6"
                 "Area-7 Area-8 Area-9"
                 / 1fr 1fr 1fr;
}

.div-block-103 {
  padding-bottom: 50px;
}

.position {
  max-height: 300px;
  min-height: 300px;
  border: 2px solid #fff;
  flex-direction: column;
  justify-content: space-between;
  padding: 20px;
  display: flex;
}

.position:hover {
  border-color: #31f194;
}

.position.closed {
  border-color: #9e9e9e;
}

.position.closed:hover {
  border-color: #fff;
}

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

.div-block-104 {
  background-color: #0c1318;
}

.div-block-105 {
  padding-top: 100px;
}

.div-block-106 {
  padding-right: 20px;
  display: inline;
}

.div-block-107 {
  margin-right: 20px;
}

.div-block-108 {
  flex-direction: column;
  justify-content: flex-start;
  align-self: center;
  display: flex;
}

.div-block-109 {
  flex: 0 auto;
}

.text-span-27 {
  padding-left: 150px;
  font-weight: 700;
}

.div-block-111 {
  max-width: 60%;
}

.div-block-112 {
  max-width: 80%;
  padding-top: 0;
  padding-bottom: 50px;
}

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

.div-block-113 {
  max-height: 120px;
  min-height: 120px;
  border: 2px #000;
}

.div-block-114 {
  max-height: 120px;
  min-height: 120px;
  background-color: #bdffdf;
  border: 2px solid #000;
  position: relative;
  top: 0;
  left: 10px;
}

.div-block-114.frame {
  background-color: rgba(0, 0, 0, 0);
  position: relative;
  top: -130px;
  left: 0;
}

.div-block-114.medior {
  background-color: #7cfdbe;
}

.div-block-114.senior {
  background-color: #3cffa0;
}

.text-block-12 {
  position: relative;
  top: -230px;
  left: 20px;
}

.text-block-13 {
  color: rgba(255, 255, 255, .6);
  mix-blend-mode: overlay;
  object-fit: fill;
  font-family: Pptelegraf, sans-serif;
  font-size: 120px;
  font-weight: 700;
  display: block;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: auto;
  overflow: visible;
}

.link-4 {
  display: block;
}

.div-block-115 {
  flex-direction: column;
  margin-top: 10px;
  display: flex;
}

.div-block-116, .div-block-117 {
  max-width: 60%;
}

.div-block-118 {
  margin-top: 50px;
}

.background-video-4 {
  min-height: 570px;
}

.div-block-119, .div-block-120, .div-block-121, .div-block-122, .div-block-123 {
  max-width: 60%;
}

.div-block-124 {
  margin-top: 50px;
  margin-bottom: 50px;
}

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

.tabs-content {
  display: block;
}

.cookiebanner {
  z-index: 1000000000;
  max-height: 90px;
  max-width: 100%;
  min-height: 90px;
  background-color: #fff;
  border: 2px solid #000;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
  margin-left: 20px;
  margin-right: 20px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  position: fixed;
  top: auto;
  bottom: 0%;
  left: auto;
  right: 0%;
}

.div-block-129 {
  padding-left: 70px;
}

.service-cards {
  grid-template: "Area Area-2 Area-3"
                 "Area-4 Area-5 Area-6"
                 / 1fr 1fr 1fr;
  margin-top: 50px;
}

.wrapper-new {
  width: 100%;
  height: 400px;
  flex-wrap: nowrap;
  align-items: center;
  display: flex;
  overflow: hidden;
}

.loop-container {
  width: 100%;
  height: 100%;
  flex-flow: row;
  align-items: center;
  display: flex;
}

.wrapper-3 {
  width: 100vw;
  height: 400px;
  align-items: center;
  display: flex;
  overflow: hidden;
}

.cta-jobs {
  max-width: 85%;
  color: #0c1318;
  font-family: Pptelegraf, sans-serif;
  font-size: 80px;
  line-height: 80px;
}

.text-wrapper-2.infinite-loop {
  padding-top: 40px;
  padding-bottom: 40px;
  padding-left: 40px;
  display: block;
  overflow: hidden;
}

.loop-container-2 {
  width: 100%;
  height: 100%;
  flex-wrap: nowrap;
  align-items: center;
  display: flex;
}

.inner-container {
  align-items: center;
  margin-right: 30px;
  display: flex;
}

.h5-2 {
  max-width: 50%;
  color: #0c1318;
  font-size: 24px;
  font-weight: 400;
  line-height: 120%;
}

.h5-2.animation {
  max-width: none;
  white-space: nowrap;
  object-fit: fill;
  flex: none;
  margin-right: 16px;
}

@media screen and (min-width: 1440px) {
  .nav-menu {
    margin-right: 220px;
  }

  .bodytext.cookie, .bodybold.cookie {
    max-width: 80%;
  }

  .testimonials {
    background-size: 70%;
    padding-top: 100px;
    padding-bottom: 100px;
    overflow: visible;
  }

  .faq {
    padding-bottom: 40px;
  }

  .accordion-item-content {
    display: none;
  }

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

  .logolink.w--current {
    max-width: 30%;
    min-width: 20%;
    margin-right: 500px;
  }

  .div-block-36 {
    flex: 1;
  }

  .text-span-5 {
    font-weight: 700;
  }

  .image-11._2 {
    width: 10vw;
  }

  .image-11._7 {
    width: 22vw;
  }

  .image-11.hbo {
    top: 35vw;
    left: 55vw;
  }

  .section-text-gradient-effect {
    display: none;
  }

  .caption.grouptitle {
    text-transform: uppercase;
  }

  .teamgrid {
    grid-template-areas: "Area-2 Area Area-3 Area-4 Area-5 Area-6"
                         "Area-7 Area-8 Area-9 Area-10 Area-11 Area-12"
                         "Area-13 Area-14 Area-15 Area-16 Area-17 .";
  }

  .picture {
    background-image: url('../images/david.webp');
  }

  .picture:hover {
    background-image: url('../images/david-hover.webp');
  }

  .picture.katica {
    background-image: url('../images/katica.webp');
  }

  .picture.katica:hover {
    background-image: url('../images/katica-hover.webp');
  }

  .picture.dodo {
    background-image: url('../images/dodo.webp');
  }

  .picture.dodo:hover {
    background-image: url('../images/dodo-hover.webp');
  }

  .picture.laura {
    background-image: url('../images/laura.webp');
  }

  .picture.laura:hover {
    background-image: url('../images/laura-hover.webp');
  }

  .picture.tamas {
    background-image: url('../images/tamas.webp');
  }

  .picture.tamas:hover {
    background-image: url('../images/tamas-hover.webp');
  }

  .picture.sanyi {
    background-image: url('../images/sanyi.webp');
  }

  .picture.sanyi:hover {
    background-image: url('../images/sanyi-hover.webp');
  }

  .picture.nori {
    background-image: url('../images/nori.webp');
  }

  .picture.nori:hover {
    background-image: url('../images/nori-hover.webp');
  }

  .picture.klau {
    background-image: url('../images/klau_1.webp');
  }

  .picture.klau:hover {
    background-image: url('../images/member.webp');
  }

  .picture.gabi {
    background-image: url('../images/gabi_1.webp');
  }

  .picture.gabi:hover {
    background-image: url('../images/gabi-hover_1.webp');
  }

  .picture.eszti {
    background-image: url('../images/eszti.webp');
  }

  .picture.eszti:hover {
    background-image: url('../images/eszti-hover.webp');
  }

  .picture.bia {
    background-image: url('../images/bia_2.webp');
  }

  .picture.bia:hover {
    background-image: url('../images/bia-hover_1.webp');
  }

  .picture.zsuzsi, .picture.zsuzsi:hover {
    background-image: url('../images/zsuzsi.webp');
  }

  .picture.zsofi {
    background-image: url('../images/zsofi.webp');
  }

  .picture.zsofi:hover {
    background-image: url('../images/zsofi-hover_1.webp');
  }

  .picture.adel {
    background-image: url('../images/adel_1.webp');
  }

  .picture.adel:hover {
    background-image: url('../images/adel-hover.webp');
  }

  .funfact.tooltip.short {
    display: none;
  }

  .div-block-71 {
    flex: none;
  }

  .cookiebanner {
    max-height: 80px;
    max-width: 80%;
    min-height: 80px;
    background-color: #fff;
  }
}

@media screen and (max-width: 991px) {
  .navigation.showhide {
    background-color: #fff;
  }

  .navigation.showhide.white {
    background-color: #0c1318;
  }

  .nav-link {
    text-align: right;
    background-color: #fff;
    padding-left: 0;
    font-size: 34px;
    line-height: 34px;
  }

  .nav-link.white {
    background-color: #0c1318;
  }

  .nav-link.white.workscontact {
    font-weight: 700;
    display: block;
  }

  .nav-link.contact {
    font-weight: 700;
  }

  .nav-link.contact.hide {
    display: block;
  }

  .container-2 {
    background-color: #fff;
    align-items: center;
  }

  .container-2.wrap {
    background-color: rgba(0, 0, 0, 0);
    flex-flow: column wrap;
    justify-content: flex-start;
    align-items: stretch;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
  }

  .container-2.wrap.hww {
    background-color: #f4e8ff;
  }

  .container-2.wrap.testimonial {
    max-width: 100%;
    flex-wrap: nowrap;
  }

  .container-2.wrap.navigation {
    background-color: #fff;
    flex-direction: row;
    align-items: center;
    padding-bottom: 10px;
    display: flex;
  }

  .container-2.wrap.navigation.black, .container-2.faq {
    background-color: #0c1318;
  }

  .navigationbutton {
    display: none;
  }

  .menu-button {
    -webkit-text-fill-color: transparent;
    background-color: #fff;
    -webkit-background-clip: text;
    background-clip: text;
    flex: 0 auto;
    align-self: auto;
    align-items: center;
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
    display: block;
  }

  .image-2 {
    display: block;
  }

  .h1 {
    font-size: 70px;
    line-height: 70px;
  }

  .div-block-4 {
    margin-top: 100px;
    margin-bottom: 50px;
  }

  .h5 {
    max-width: 50%;
    font-size: 20px;
  }

  .nav-menu {
    height: auto;
    margin-top: 10px;
    margin-right: 0;
    padding-top: 0;
    overflow: visible;
  }

  .nav-menu.works {
    background-color: rgba(0, 0, 0, 0);
  }

  .image-6 {
    display: none;
  }

  .horizontal {
    max-height: 80px;
    min-height: 80px;
  }

  .slide-wrap.gallery {
    width: 200px;
  }

  .slide-wrap.servicedetails {
    width: 800%;
    padding-left: 500px;
  }

  .logo-img._50-r-m {
    max-width: 30%;
    max-width: 30%;
    margin-right: 20px;
  }

  .services {
    padding-top: 50px;
    padding-left: 20px;
  }

  .h2 {
    font-size: 30px;
    line-height: 30px;
  }

  .h2.service {
    margin-bottom: 50px;
  }

  .h2bold {
    font-size: 30px;
    line-height: 30px;
  }

  .div-block-11, .div-block-12 {
    padding-top: 10px;
  }

  .bodytext {
    font-size: 16px;
  }

  .bodytext.thankyou {
    display: block;
  }

  .bodytext.salary {
    display: inline-block;
    top: -210px;
    left: 12px;
  }

  .bodytext.transparent {
    color: #0c1318;
    font-size: 14px;
  }

  .bodytext.small {
    font-size: 14px;
  }

  .bodytext.cookie {
    max-width: 80%;
  }

  .servicedescription {
    padding-bottom: 50px;
  }

  .div-block-15 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .bodylink {
    font-size: 16px;
  }

  .div-block-17, .column {
    display: block;
  }

  .studio {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .columns {
    flex-direction: row;
    display: flex;
  }

  .column-2.aboutstudio {
    flex-direction: column;
  }

  .div-block-21 {
    flex: 1;
    padding-top: 50px;
    padding-bottom: 50px;
    padding-left: 0;
  }

  .scroll-inner {
    width: 600vw;
    padding-left: 90%;
  }

  .scroll-inner.aboutus {
    width: 1000vw;
  }

  .bodybold {
    font-size: 16px;
    display: block;
  }

  .sticky-container {
    display: block;
    position: relative;
    overflow: visible;
  }

  .scroll-card {
    width: 50vw;
    height: 61.8%;
    flex: 0 auto;
    bottom: 0%;
  }

  .testimonials {
    background-image: url('../images/testimonial-bg-circle.svg');
    background-position: 0 0;
    background-size: cover;
  }

  .testimonials.teammates {
    background-position: 50%;
    padding-top: 0;
    padding-bottom: 0;
    display: block;
    overflow: hidden;
  }

  .slider-2.teammates {
    min-height: 600px;
  }

  .div-block-26 {
    flex-direction: column;
    display: block;
  }

  .testimonial {
    max-width: 99.9999%;
    flex: 0 auto;
  }

  .footer-cta {
    padding-left: 20px;
    padding-right: 20px;
  }

  .footercta {
    flex: 1;
    justify-content: space-between;
  }

  .faq {
    padding: 20px 20px 0;
  }

  .accordion-item-content.services {
    display: none;
  }

  .h3title {
    margin-bottom: 20px;
  }

  .containerwide {
    padding-left: 30px;
    padding-right: 30px;
  }

  .footer {
    background-color: #0c1318;
  }

  .div-block-33 {
    padding-left: 20px;
    padding-right: 20px;
    overflow: hidden;
  }

  .navigationelements {
    padding-top: 5px;
    padding-left: 0;
    padding-right: 10px;
  }

  .columns-2 {
    overflow: hidden;
  }

  .logolink.w--current {
    max-width: 14%;
    min-width: 100%;
    flex: none;
    margin-right: 0;
  }

  .image-7 {
    max-width: 50%;
    min-width: 20%;
  }

  .moving-cta.servicesubpage {
    margin-top: 50px;
  }

  .image-section {
    margin-top: 170px;
  }

  .image-11._4, .image-11._7.master, .image-11._11.xeropan, .image-11.pakk {
    border-width: 1px;
  }

  .vid-dance.incq {
    width: 30vh;
    height: 15vh;
    border-width: 1px;
  }

  .image-wrap {
    top: -35vw;
  }

  .vid-5 {
    border-width: 1px;
  }

  .gallery-wrap {
    width: 100%;
  }

  .text-effect-text {
    font-size: 3em;
  }

  .h4 {
    font-size: 24px;
    line-height: 120%;
  }

  .h4.mobile {
    display: inline-block;
  }

  .h4.salary {
    display: inline-block;
    top: -220px;
    left: 50px;
  }

  .team {
    display: block;
  }

  .teamgrid {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    overflow: visible;
  }

  .member {
    flex-direction: column;
    display: block;
    overflow: visible;
  }

  .picture {
    width: 100px;
    height: 100px;
  }

  .teammember {
    top: 0;
    left: 0;
  }

  .funfact.tooltip {
    min-width: 500%;
    display: none;
    top: -110px;
  }

  .funfact.tooltip.short {
    min-width: 200%;
    top: -90px;
  }

  .funfact.tooltip.short.last {
    top: -90px;
  }

  .funfact.tooltip.short.fiveline {
    min-width: 200%;
    top: -150px;
  }

  .funfact.tooltip.short.sixline {
    top: -170px;
  }

  .funfact.tooltip.short.twoline {
    top: -70px;
  }

  .group {
    flex: 0 auto;
  }

  .currency {
    padding-right: 6px;
  }

  .contact-block {
    flex: 0 auto;
  }

  .confirmation-message {
    font-size: 28px;
    line-height: 120%;
  }

  .success-message {
    background-color: #fff;
  }

  .radio-button-field {
    margin-left: 10px;
  }

  .div-block-58 {
    flex-flow: wrap;
    flex: 0 auto;
    justify-content: flex-start;
    align-self: center;
    align-items: center;
  }

  .servicecards {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .servicegrid {
    grid-template-areas: "Area Area-2 Area-3"
                         "Area-4 Area-5 Area-6";
  }

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

  .collection-card {
    max-height: 220px;
    min-height: 220px;
    transition-property: none;
  }

  .collection-card:hover {
    transform: none;
  }

  .collection-card.green {
    padding: 10px;
  }

  .collection-card.green:hover {
    background-color: #fff;
  }

  .front.back {
    max-height: 220px;
    min-height: 220px;
    background-color: #fff;
    padding: 10px;
    transform: none;
  }

  .front.hide {
    display: none;
  }

  .input-text.bulletpoints {
    padding-top: 60px;
    font-size: 14px;
    line-height: 140%;
  }

  .cta {
    max-height: 220px;
    min-height: 220px;
    background-color: #31f194;
  }

  .cta.works {
    max-height: 300px;
    max-width: 300px;
    min-height: 300px;
    min-width: 200px;
  }

  .text-span-9.design {
    padding-left: 0;
  }

  .text-span-10 {
    padding-left: 20px;
  }

  .div-block-61, .service-section {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .div-block-64 {
    margin-bottom: 0;
  }

  .grid {
    max-width: 100%;
  }

  .examples {
    padding-bottom: 50px;
  }

  .div-block-74 {
    padding-top: 50px;
  }

  .div-block-75 {
    min-height: 300px;
  }

  .div-block-76 {
    max-height: 10px;
    max-width: 100px;
    min-height: 100px;
    min-width: 100px;
    padding-top: 12px;
    padding-left: 12px;
  }

  .column-15 {
    padding-bottom: 85px;
  }

  .links {
    margin-top: 50px;
    margin-bottom: 50px;
  }

  .bizdevs {
    bottom: 40%;
    left: 20%;
  }

  .bizdevs.gabi {
    align-self: center;
    bottom: 30%;
  }

  .bizdevs.klau {
    top: 5%;
    right: 5%;
  }

  .div-block-82 {
    justify-content: space-between;
    align-items: center;
    display: flex;
  }

  .div-block-83 {
    justify-content: space-between;
    align-items: flex-start;
    display: flex;
  }

  .desktophide {
    display: block;
  }

  .image-15 {
    max-width: 20%;
    bottom: 25%;
    right: 60%;
  }

  .image-15.hide {
    bottom: 30%;
  }

  .works {
    overflow: hidden;
  }

  .works.mobile {
    display: block;
  }

  .grid-2 {
    max-width: 100%;
    min-width: 728px;
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex: 0 auto;
    grid-template: "Area Area-2"
                   "Area-3 Area-4"
                   "Area-5 Area-6"
                   "Area-7 Area-8"
                   / 1fr 1fr;
    grid-auto-columns: .25fr;
    grid-auto-flow: row;
    align-content: stretch;
    justify-content: stretch;
    align-self: auto;
    justify-items: start;
    display: grid;
    overflow: hidden;
  }

  .div-block-85 {
    max-height: 350px;
    max-width: 350px;
    min-height: 350px;
    min-width: 200px;
  }

  .div-block-85.zignaly, .div-block-85.pakk {
    min-width: 350px;
  }

  .div-block-87 {
    max-height: 300px;
    max-width: 300px;
    min-height: 300px;
    min-width: 200px;
  }

  .image-17 {
    max-width: 60%;
  }

  .text-span-18 {
    padding-left: 100px;
  }

  .phases {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .wrapper {
    padding-left: 30px;
    padding-right: 30px;
  }

  .section-4 {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .row {
    flex-flow: wrap;
    justify-content: flex-start;
  }

  .row.no-bottom-margins {
    margin-bottom: 0;
  }

  .slide-4.small {
    width: 80%;
    width: 80%;
  }

  .wrapper-2 {
    padding-left: 30px;
    padding-right: 30px;
  }

  .section-5 {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .background-video-3 {
    max-height: 400px;
    min-height: 100px;
  }

  .text-span-21 {
    padding-left: 0;
  }

  .openpositions {
    bottom: 50%;
  }

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

  .benefits {
    padding-bottom: 50px;
  }

  .div-block-98 {
    padding-top: 50px;
  }

  .div-block-99 {
    max-width: 100%;
  }

  .div-block-101 {
    max-width: 70%;
  }

  .image-32 {
    max-width: 35%;
  }

  .position.closed {
    max-height: 220px;
    min-height: 220px;
  }

  .div-block-112 {
    max-width: 100%;
  }

  .background-video-4 {
    min-height: 200px;
  }

  .div-block-130, .div-block-131, .div-block-132, .div-block-133, .div-block-134, .div-block-135 {
    justify-content: space-between;
    align-items: center;
    display: flex;
  }

  .wrapper-new, .wrapper-3 {
    height: 360px;
  }

  .text-wrapper-2.infinite-loop {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .h5-2 {
    max-width: 50%;
    font-size: 20px;
  }
}

@media screen and (max-width: 767px) {
  .navigation.showhide {
    z-index: 10000;
    position: fixed;
  }

  .nav-link.contact {
    font-weight: 700;
  }

  .nav-link.contact.hide {
    display: block;
  }

  .container-2 {
    flex-wrap: wrap;
  }

  .container-2.wrap.navigation {
    flex-direction: row;
    align-items: center;
    padding-bottom: 0;
    position: static;
    overflow: scroll;
  }

  .container-2.block {
    overflow: visible;
  }

  .navigationbutton {
    display: none;
  }

  .menu-button {
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
  }

  .image-2 {
    display: block;
  }

  .h1 {
    font-size: 44px;
    line-height: 44px;
  }

  .div-block-4 {
    margin-top: 70px;
  }

  .h5 {
    max-width: 60%;
    font-size: 18px;
  }

  .div-block-5 {
    justify-content: flex-end;
    margin-top: 20px;
  }

  .header {
    align-items: flex-start;
    display: block;
  }

  .div-block-6 {
    justify-content: flex-start;
    margin-top: -170px;
    padding-left: 100px;
  }

  .slide {
    background-position: 50% 80%, 0 0;
    padding-top: 40px;
    padding-left: 0;
  }

  .slider {
    max-width: 100%;
    min-height: 500px;
    min-width: 100%;
  }

  .right-arrow {
    align-items: flex-end;
    padding-bottom: 20px;
    padding-right: 30px;
  }

  .div-block-9 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    display: flex;
  }

  .nav-menu {
    z-index: 1000000;
    background-color: #fff;
    flex: 1;
    margin-top: 0;
    margin-right: 0;
    padding-top: 0;
    padding-bottom: 0;
  }

  .card {
    height: 300px;
  }

  .carousel-slider._6 {
    right: -45%;
  }

  .carousel-slider._5 {
    right: -36%;
  }

  .carousel-slider.incq {
    right: -18%;
  }

  .carousel-slider._4 {
    right: -27%;
  }

  .carousel-slider._7 {
    right: -54%;
  }

  .carousel-slider.zignaly {
    right: -9%;
  }

  .carousel-slider._8 {
    right: -63%;
  }

  .carousel-mask {
    width: 60%;
  }

  .card-body {
    background-position: 50% 100%, 0 0;
    background-repeat: no-repeat, repeat;
    padding-top: 10px;
  }

  .card-body.zignaly, .card-body.incq {
    background-position: 50% 100%, 0 0;
    background-repeat: no-repeat, repeat;
  }

  .heading {
    justify-content: center;
    align-items: center;
    margin-top: 10px;
    font-size: 70px;
    display: flex;
  }

  .heading-2 {
    justify-content: center;
    align-items: center;
    margin-top: 10px;
    padding-left: 0;
    font-size: 70px;
    display: flex;
  }

  .heading-3 {
    justify-content: center;
    align-items: center;
    margin-top: 10px;
    padding-left: 0;
    display: flex;
  }

  .slide-wrap.servicedetails {
    width: 800%;
    overflow: hidden;
  }

  .logo-img._50-r-m {
    margin-right: 30px;
  }

  .services {
    padding-top: 50px;
  }

  .h2 {
    font-size: 24px;
    line-height: 24px;
  }

  .h2.service {
    margin-bottom: 50px;
  }

  .h2bold {
    font-size: 24px;
    line-height: 24px;
  }

  .bodytext.thankyou {
    margin-top: 0;
  }

  .bodytext.intro, .bodytext.width {
    max-width: 100%;
  }

  .bodytext.cookie {
    max-width: 70%;
    font-size: 14px;
  }

  .bodylink.cookie {
    font-size: 14px;
  }

  .column {
    display: none;
  }

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

  .columns {
    display: block;
  }

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

  .column-2 {
    display: none;
  }

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

  .div-block-21 {
    padding-bottom: 30px;
  }

  .sticky-wrap {
    height: auto;
    flex-direction: row;
    justify-content: space-around;
    align-items: flex-start;
    display: flex;
    overflow: visible;
  }

  .scroll-inner {
    width: 100%;
    height: auto;
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-direction: row;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: flex-start;
    align-items: center;
    padding-left: 0%;
    padding-right: 0%;
    display: block;
    overflow: hidden;
  }

  .scroll-inner.aboutus {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    padding-left: 0%;
    display: grid;
  }

  .scroll-inner.steps {
    padding-left: 0%;
    overflow: hidden;
  }

  .description {
    margin-top: .875rem;
    font-size: 1.125rem;
  }

  .bodybold {
    font-size: 16px;
  }

  .content-wrapper {
    padding-left: 20px;
  }

  .sticky-container {
    padding-bottom: 0;
  }

  .sticky-container.hww {
    padding-bottom: 50px;
  }

  .scroll-card {
    width: 100%;
    border-bottom-right-radius: 2rem;
    border-bottom-left-radius: 2rem;
    flex-direction: row;
    margin: 1rem 0 3rem;
  }

  .div-block-23 {
    object-fit: fill;
    flex: 1;
    display: block;
    overflow: hidden;
  }

  .testimonials {
    -webkit-text-fill-color: inherit;
    background-image: url('../images/testimonial-bg-circle.svg');
    background-position: 50%;
    background-size: cover;
    background-clip: border-box;
  }

  .testimonials.casestudies {
    background-image: url('../images/testimonial-bg-circle.svg');
    background-position: 0 0;
    background-size: cover;
  }

  .testimonials.teammates {
    background-image: url('../images/testimonial-bg-circle.svg');
    background-position: 50%;
    background-size: cover;
    padding-top: 0;
    padding-bottom: 0;
    overflow: hidden;
  }

  .right-arrow-2 {
    padding-bottom: 60px;
  }

  .slider-2 {
    min-height: 350px;
    padding-top: 50px;
  }

  .slider-2.teammates {
    min-height: 470px;
    overflow: hidden;
  }

  .gabor, .div-block-24 {
    overflow: hidden;
  }

  .div-block-25.teammates {
    display: flex;
    overflow: hidden;
  }

  .div-block-26 {
    display: block;
    overflow: hidden;
  }

  .testimonial {
    flex-direction: column;
    flex: 0 auto;
    font-size: 20px;
    display: block;
    overflow: hidden;
  }

  .left-arrow {
    padding-bottom: 60px;
  }

  .footercta {
    background-position: 100% 0;
    background-repeat: no-repeat;
    background-size: auto 60%;
  }

  .accordion-item.margin {
    margin-top: 20px;
    padding-left: 0;
    padding-right: 0;
  }

  .bold-text-3, .bold-text-2 {
    font-size: 18px;
  }

  .faq {
    padding-top: 20px;
  }

  .accordion-item-content {
    display: none;
  }

  .h3title {
    margin-bottom: 20px;
  }

  .containerwide {
    padding-left: 20px;
    padding-right: 20px;
  }

  .bold-text-4 {
    font-size: 18px;
  }

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

  .navigationelements {
    flex: 1;
    align-self: center;
    padding-top: 0;
    display: block;
  }

  .column-4 {
    display: none;
  }

  .logolink.w--current {
    margin-bottom: 0;
    margin-right: 0;
  }

  .image-7 {
    max-width: 50%;
    min-width: 20%;
  }

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

  .image-8.pmguide {
    max-width: 70%;
    margin-left: 0;
  }

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

  .moving-cta.servicesubpage {
    margin-top: 0;
  }

  .image-section {
    margin-top: 200px;
    margin-bottom: 0;
    position: relative;
  }

  .image-11._4 {
    left: 95vw;
  }

  .vid-dance.incq {
    border-width: 1px;
    top: 10vw;
  }

  .image-wrap {
    z-index: 10000;
  }

  .text-effect-text {
    font-size: 2.3em;
  }

  .h4 {
    font-size: 24px;
  }

  .h4.mobile {
    font-size: 18px;
  }

  .h4.salary {
    left: 20px;
  }

  .team {
    overflow: hidden;
  }

  .teamgrid {
    grid-template: "Area-2 Area Area-3 Area-4"
                   "Area-5 Area-6 . ."
                   / 1fr 1fr 1fr 1fr;
    grid-auto-flow: row;
    align-content: stretch;
    justify-content: start;
    align-items: stretch;
    justify-items: start;
  }

  .teammember {
    top: 0;
    left: 0;
  }

  .group {
    flex: none;
    align-self: auto;
  }

  .funfactelement {
    padding-top: 0;
    padding-bottom: 10px;
    padding-left: 20px;
  }

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

  .form {
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    display: flex;
  }

  .custom-textarea {
    margin-bottom: 20px;
  }

  .contact-block {
    padding: 20px;
  }

  .input-field {
    margin-bottom: 4px;
    margin-left: 0;
  }

  .input-field.email {
    max-width: 100%;
    margin-left: 0;
  }

  .input-field.project {
    max-width: 100%;
  }

  .input-field.name {
    max-width: 100%;
    margin-left: 0;
  }

  .input-flexbox {
    width: 100%;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    margin-bottom: 0;
  }

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

  .text-block-7 {
    margin-bottom: 4px;
  }

  .text-block-7.hidden {
    display: none;
  }

  .submit-button {
    width: 100%;
  }

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

  .div-block-57 {
    flex-direction: column;
    align-items: flex-start;
  }

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

  .servicegrid {
    grid-template: "Area Area-2"
                   "Area-3 Area-4"
                   "Area-5 Area-6"
                   / 1fr 1fr;
  }

  .front.back {
    padding: 10px;
  }

  .input-text.bulletpoints {
    padding-top: 60px;
  }

  .cta {
    max-width: 100%;
    min-width: 100%;
  }

  .cta.works {
    max-height: 200px;
    max-width: 200px;
    min-height: 200px;
    min-width: 150px;
    padding: 10px;
  }

  .div-block-63.noline.mobile {
    border-bottom-style: solid;
    border-bottom-color: #0c1318;
  }

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

  .our-process {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .column-11 {
    background-color: #fff;
    padding-right: 0;
    position: static;
    top: 0;
  }

  .div-block-70.career {
    justify-content: flex-start;
    position: static;
  }

  .process-step {
    padding-left: 0;
    padding-right: 0;
  }

  .process-step.process {
    margin-top: 0;
    overflow: visible;
  }

  .div-block-75 {
    min-height: 200px;
  }

  .column-15 {
    padding-bottom: 105px;
  }

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

  .links {
    margin-top: 50px;
    margin-bottom: 50px;
  }

  .bizdevs {
    left: 5%;
  }

  .bizdevs.gabi {
    right: 40%;
  }

  .bizdevs.klau {
    top: 40%;
  }

  .image-15 {
    max-width: 20%;
    bottom: 40%;
    right: 70%;
  }

  .image-15.hide {
    bottom: 50%;
  }

  .grid-2 {
    min-width: 100%;
  }

  .div-block-85 {
    max-height: 300px;
    max-width: 300px;
    min-height: 300px;
  }

  .div-block-85.zignaly, .div-block-85.pakk {
    min-width: 200px;
  }

  .div-block-87 {
    max-height: 200px;
    max-width: 200px;
    min-height: 200px;
    min-width: 150px;
  }

  .text-span-18 {
    padding-left: 50px;
  }

  .phases {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .casestudy {
    margin-top: 50px;
  }

  .columns-5 {
    display: flex;
  }

  .wrapper {
    justify-content: flex-start;
    align-items: flex-start;
    display: inline-block;
  }

  .slider-arrow {
    font-size: 28px;
  }

  .row {
    flex-wrap: wrap;
  }

  .row.no-bottom-margins {
    flex: none;
    display: block;
  }

  .slide-4 {
    position: static;
  }

  .slide-4.small {
    width: auto;
    max-width: none;
  }

  .slide-nav-4, .slide-nav-5 {
    font-size: 10px;
  }

  .div-block-93 {
    display: inline-block;
  }

  .firstdiv, .firstdiv.twolines {
    margin-top: 10px;
  }

  .background-video-3 {
    max-height: 290px;
    min-height: 100px;
  }

  .text-span-21 {
    padding-left: 0;
  }

  .div-block-94.mobile.hide {
    display: block;
  }

  .div-block-94.hide {
    display: none;
  }

  .text-span-26 {
    padding-left: 50px;
  }

  .openpositions {
    bottom: 65%;
    right: 1px;
  }

  .div-block-97 {
    padding-top: 50px;
    padding-bottom: 30px;
  }

  .columns-6 {
    margin-top: 30px;
  }

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

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

  .div-block-101 {
    max-width: 100%;
  }

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

  .div-block-102 {
    margin-bottom: 30px;
  }

  .image-32 {
    max-width: 30%;
    right: 40%;
  }

  .grid-3 {
    flex-direction: column;
    display: flex;
  }

  .position.closed {
    max-height: 140px;
    min-height: 100px;
  }

  .div-block-111 {
    max-width: 100%;
  }

  .div-block-112 {
    padding-bottom: 50px;
  }

  .image-33, .image-34 {
    max-width: 40%;
  }

  .div-block-116, .div-block-117, .div-block-119 {
    max-width: 100%;
  }

  .image-35, .image-36, .image-37 {
    max-width: 80%;
  }

  .div-block-125, .div-block-126, .div-block-127 {
    justify-content: center;
    display: flex;
  }

  .cookiebanner {
    max-height: 90px;
    min-height: 90px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .service-cards {
    grid-template: "Area Area-2"
                   ". Area-5"
                   "Area-4 Area-7"
                   / 1fr 1fr;
  }

  .h5-2 {
    max-width: 60%;
    font-size: 18px;
  }
}

@media screen and (max-width: 479px) {
  .navigation {
    justify-content: flex-start;
    padding-top: 0;
    display: block;
  }

  .navigation.showhide {
    z-index: 1000000;
    padding-bottom: 10px;
    position: fixed;
  }

  .nav-link {
    text-align: right;
    background-color: #fff;
    font-size: 34px;
    line-height: 34px;
  }

  .nav-link:focus, .nav-link:visited {
    text-decoration: none;
  }

  .nav-link.white.workscontact {
    font-weight: 700;
  }

  .nav-link.contact {
    color: #0c1318;
    font-weight: 700;
  }

  .container-2 {
    background-color: rgba(0, 0, 0, 0);
    justify-content: space-around;
  }

  .container-2.wrap {
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    display: block;
  }

  .container-2.wrap.testimonial {
    background-image: none;
  }

  .container-2.wrap.navigation {
    background-color: rgba(0, 0, 0, 0);
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    padding-bottom: 0;
    position: static;
  }

  .container-2.wrap.footer {
    padding-left: 0;
    padding-right: 0;
  }

  .container-2.faq {
    background-color: rgba(0, 0, 0, 0);
  }

  .div-block {
    flex: 1;
  }

  .navigationbutton {
    display: none;
  }

  .nav-button {
    background-color: rgba(0, 0, 0, 0);
  }

  .menu-button {
    color: rgba(0, 0, 0, 0);
    -webkit-text-fill-color: transparent;
    background-color: #fff;
    -webkit-background-clip: text;
    background-clip: text;
    flex: 0 auto;
    padding: 0;
    display: block;
  }

  .image-2 {
    color: rgba(255, 255, 255, 0);
    background-color: rgba(255, 255, 255, 0);
    display: block;
  }

  .image-2:focus {
    display: block;
  }

  .h1 {
    font-size: 44px;
    line-height: 44px;
  }

  .div-block-4 {
    margin-top: 70px;
  }

  .h5 {
    max-width: none;
    font-size: 16px;
    line-height: 140%;
  }

  .h5.animation {
    max-width: none;
    margin-right: 50px;
  }

  .header {
    display: block;
  }

  .div-block-6 {
    justify-content: flex-start;
    margin-top: 0;
    padding-left: 0;
    display: flex;
  }

  .slider {
    min-height: 330px;
  }

  .right-arrow {
    justify-content: center;
    padding-bottom: 10px;
    padding-right: 0;
  }

  .slider-name {
    flex: none;
    justify-content: space-around;
    font-size: 70px;
  }

  .div-block-9 {
    justify-content: center;
  }

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

  .nav-menu {
    z-index: auto;
    height: auto;
    max-height: none;
    min-height: 1300%;
    color: #fff;
    background-color: #fff;
    margin-top: 0;
    margin-right: 0;
    padding-left: 20px;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
    overflow: hidden;
  }

  .nav-menu.works {
    background-color: #0c1318;
  }

  .image-6 {
    display: none;
  }

  .carousel-slider {
    padding-left: 10px;
    padding-right: 10px;
  }

  .carousel-slider._6, .carousel-slider._5, .carousel-slider.incq, .carousel-slider._4, .carousel-slider._7, .carousel-slider.zignaly, .carousel-slider._8 {
    right: 0%;
  }

  .carousel-mask {
    width: 100%;
  }

  .card-body {
    padding: 20px;
  }

  .horizontal.gallery {
    margin-top: 50px;
    margin-bottom: 50px;
  }

  .slide-wrap.gallery {
    width: 140px;
    padding-top: 0;
    padding-bottom: 0;
  }

  .slide-wrap.servicedetails {
    width: 2000%;
    padding-left: 200px;
  }

  .logo-img._50-r-m {
    max-width: 60%;
    max-width: 60%;
    margin-right: 20px;
  }

  .h2 {
    font-size: 30px;
    line-height: 120%;
  }

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

  .h2.service {
    max-width: 100%;
  }

  .bodytext {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    line-height: 120%;
  }

  .bodytext.faqelement {
    color: #0c1318;
  }

  .bodytext.subparagraph {
    width: 90%;
  }

  .bodytext.thankyou {
    margin-top: 10px;
  }

  .bodytext.formlabel {
    margin-bottom: 10px;
  }

  .bodytext.bullets {
    line-height: 180%;
  }

  .bodytext.salary {
    display: inline-block;
    top: -220px;
    left: 40px;
  }

  .bodytext.width, .bodytext.cookie {
    max-width: 100%;
  }

  .column {
    display: none;
  }

  .studio {
    flex-direction: row;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    display: block;
  }

  .studio.pmguide {
    padding-left: 0;
    padding-right: 0;
  }

  .studio.about {
    padding-top: 50px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .columns {
    margin-top: 20px;
    margin-left: 0;
    padding-left: 0;
    display: block;
  }

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

  .column-2.aboutstudio.show {
    display: block;
  }

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

  .scroll-inner.aboutus {
    width: 100vw;
    flex-flow: column wrap;
    flex: 0 auto;
    justify-content: flex-start;
    align-self: auto;
    align-items: stretch;
    padding-left: 0%;
    display: flex;
    position: static;
  }

  .bodybold.white.cases {
    display: block;
  }

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

  .testimonials {
    background-image: url('../images/testimonial-bg-circle.svg');
    background-position: 50%;
    background-size: cover;
  }

  .testimonials.casestudies {
    background-image: url('../images/testimonial-bg-circle.svg');
    background-position: 50%;
    background-size: cover;
    margin-bottom: 50px;
  }

  .testimonials.teammates {
    background-image: url('../images/testimonial-bg-circle.svg');
    background-position: 50%;
    background-size: cover;
    flex-direction: column;
    padding-top: 20px;
    padding-bottom: 20px;
    display: block;
    overflow: visible;
  }

  .right-arrow-2 {
    padding-bottom: 0;
    bottom: 50px;
  }

  .slider-2 {
    min-height: 475px;
    min-width: auto;
    flex-direction: row;
    padding-bottom: 50px;
    display: block;
    overflow: hidden;
  }

  .slider-2.teammates {
    min-height: 530px;
  }

  .div-block-25 {
    padding-top: 10px;
    padding-left: 30px;
  }

  .mask-2 {
    position: static;
    overflow: visible;
  }

  .left-arrow {
    align-items: flex-end;
    padding-bottom: 0;
    bottom: 50px;
  }

  .footer-cta {
    padding-left: 0;
    padding-right: 0;
  }

  .footercta {
    background-position: 100% 100%;
    background-repeat: no-repeat;
    background-size: auto 130px;
    margin-top: 20px;
    margin-bottom: 20px;
    padding-bottom: 10px;
    padding-left: 0;
    padding-right: 0;
  }

  .div-block-28 {
    flex-direction: column;
    margin-top: 10px;
  }

  .accordion-item {
    padding: 16px 20px;
  }

  .accordion-item.margin {
    padding-left: 0;
    padding-right: 0;
  }

  .bold-text-3 {
    font-size: 16px;
  }

  .bold-text-2 {
    font-size: 16px;
    line-height: 24px;
  }

  .faq {
    background-attachment: fixed;
    padding: 20px;
  }

  .faq.services {
    background-color: #fff;
  }

  .faq.services.mobile {
    margin-bottom: 0;
    display: block;
  }

  .accordion-icon {
    mix-blend-mode: normal;
    align-self: center;
  }

  .heading-9 {
    padding-right: 10px;
    font-size: 16px;
  }

  .accordion-item-content {
    display: none;
  }

  .accordion-item-content.services {
    padding-top: 30px;
    display: none;
  }

  .accordion-item-trigger {
    flex-direction: row;
    align-items: center;
  }

  .paragraph-faq {
    margin-right: 0;
  }

  .h3title {
    margin-top: 0;
    margin-bottom: 20px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 20px;
    line-height: 30px;
  }

  .h3title.headerfaq {
    padding-left: 0;
  }

  .accordion-wrapper {
    margin-top: 20px;
  }

  .containerwide {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .bold-text-4 {
    padding-right: 0;
    font-size: 16px;
  }

  .div-block-33 {
    margin-left: 0;
    margin-right: 0;
    padding-left: 20px;
  }

  .div-block-33.footer {
    padding-left: 0;
  }

  .div-block-34 {
    display: none;
  }

  .navigationelements {
    flex: 1;
    justify-content: space-around;
    align-self: center;
    align-items: flex-start;
    display: block;
  }

  .column-5 {
    margin-bottom: 20px;
    padding-left: 0;
  }

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

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

  .logolink.w--current {
    max-width: 80%;
    min-width: 80%;
    flex: 1;
    margin-bottom: 0;
    margin-right: 0;
    padding-bottom: 0;
  }

  .image-7 {
    max-width: 50%;
    min-width: 50%;
  }

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

  .image-8.aboutstudio {
    max-width: 60%;
  }

  .image-9, .image-10 {
    max-width: 40%;
  }

  .moving-cta.servicesubpage {
    margin-top: 0;
  }

  .image-section {
    height: 50vw;
    margin-top: 170px;
    margin-bottom: -20px;
  }

  .vid-3 {
    border-width: 1px;
  }

  .vid-3.aboutus {
    width: 30vw;
    height: 23vw;
    border-width: 1px;
    top: 30vw;
    left: 25vw;
  }

  .image-11._6 {
    width: 15vw;
    top: 14vw;
    left: 100vw;
  }

  .image-11._6.shape {
    width: 5vw;
    top: 0;
    left: 100vw;
  }

  .image-11._6.uni {
    max-width: 60%;
    top: 40vw;
    left: 90vw;
  }

  .image-11._2 {
    width: 15vw;
    left: 75vw;
  }

  .image-11._2.shape {
    top: -5vw;
  }

  .image-11._2.netflix {
    top: 3vw;
    left: 104vw;
  }

  .image-11.parallax.aboutus {
    width: 30%;
    border-width: 1px;
    top: -10vw;
  }

  .image-11.parallax.people {
    width: 20%;
    border-width: 1px;
  }

  .image-11._4 {
    width: 17vw;
    border-width: 1px;
    top: 0;
    left: 120vw;
  }

  .image-11._4.aboutus {
    width: 40vw;
    border-width: 1px;
    top: 50vw;
    left: 90vw;
  }

  .image-11._4.retreat {
    width: 40vw;
    left: 110vw;
  }

  .image-11._4.ppl {
    width: 30vw;
  }

  .image-11._7 {
    width: 45vw;
    border-width: 1px;
    top: 66vw;
  }

  .image-11._7.aboutus {
    border-width: 1px;
    top: 9vw;
  }

  .image-11._7.master {
    width: 35vw;
    top: 56vw;
  }

  .image-11._3 {
    width: 17vw;
    top: 60vw;
    left: 110vw;
  }

  .image-11._3.shape {
    top: 41vw;
  }

  .image-11._8 {
    width: 15vw;
    left: 50vw;
  }

  .image-11._8.google {
    top: 0;
    left: 60vw;
  }

  .image-11.hbo {
    width: 15vw;
    top: 0;
    left: 0;
  }

  .image-11._9 {
    width: 15vw;
    left: 8vw;
  }

  .image-11._11 {
    width: 20vw;
    border-width: 1px;
    top: 55vw;
    left: 27vw;
  }

  .image-11._11.xeropan {
    top: 40vw;
    left: 8vw;
  }

  .image-11.pakk.project {
    width: 15vw;
  }

  .vid-dance {
    width: 40vw;
    height: 22vw;
    border-width: 1px;
    left: 55vw;
  }

  .vid-dance.aboutus {
    width: 30%;
    height: 25vw;
    border-width: 1px;
    top: 60vw;
  }

  .vid-dance.incq {
    width: 20vh;
    height: 10vh;
    left: 57vw;
  }

  .image-wrap {
    z-index: auto;
    width: 110vw;
    height: 80vw;
    top: -50vw;
    left: -25vw;
  }

  .vid-2 {
    top: 50vw;
    left: 90vw;
  }

  .vid-2.aboutus {
    width: 36vw;
    height: 23vw;
    border-width: 1px;
    top: 14vw;
  }

  .vid-2.momemobile {
    left: 130vw;
  }

  .vid-5 {
    width: 25vw;
    height: 46vw;
    top: 7vw;
    left: 27vw;
  }

  .vid-5.aboutus {
    display: none;
    left: 25vw;
  }

  .images {
    z-index: auto;
    width: 100vw;
    height: 40vw;
  }

  .gallery-wrap {
    height: 40vw;
  }

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

  .div-block-51 {
    margin-top: 70px;
  }

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

  .column-8 {
    margin-bottom: 20px;
    padding-left: 0;
  }

  .column-9 {
    display: none;
  }

  .text-span-6 {
    padding-left: 50px;
  }

  .text-span-7 {
    padding-left: 25px;
  }

  .h4 {
    font-size: 20px;
    line-height: 140%;
  }

  .h4.padding {
    margin-bottom: 10px;
  }

  .h4.salary {
    font-size: 30px;
    display: inline-block;
    left: 55px;
    overflow: hidden;
  }

  .div-block-52 {
    padding-bottom: 30px;
  }

  .teamgrid {
    grid-template: "Area-2 Area"
                   "Area-3 Area-4"
                   "Area-5 Area-6"
                   / 1fr 1fr;
    justify-items: start;
    margin-top: 20px;
  }

  .picture {
    width: 120px;
    height: 120px;
  }

  .servicetabs {
    display: none;
  }

  .teammember {
    top: 0;
    left: 0;
  }

  .funfact {
    padding-left: 5px;
    padding-right: 5px;
    left: -50px;
    right: -50px;
  }

  .funfact.tooltip {
    min-width: 230%;
    display: none;
    top: -140px;
  }

  .funfact.tooltip.short {
    min-width: 100%;
    display: none;
    top: -100px;
    left: 0;
    right: auto;
    overflow: hidden;
  }

  .funfact.tooltip.short.last.hide {
    margin-left: 10px;
  }

  .funfact.tooltip.short.fiveline {
    min-width: 100%;
    display: none;
    top: -170px;
  }

  .funfact.tooltip.short.sixline {
    min-width: 100%;
    top: -200px;
  }

  .funfact.tooltip.short.twoline.last {
    margin-left: 10px;
  }

  .country {
    margin-top: 5px;
    margin-bottom: 5px;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 12px;
  }

  .group {
    width: 100%;
    flex: 0 auto;
    margin-top: 20px;
  }

  .funfactelement {
    max-width: none;
    padding: 0 20px;
  }

  .funfactelement.last {
    padding-bottom: 20px;
  }

  .heading-12 {
    margin-top: 0;
  }

  .div-block-54 {
    flex-direction: column;
    align-items: flex-start;
  }

  .form-text {
    width: 100%;
  }

  .checkbox-field {
    margin-bottom: 0;
  }

  .contact-block {
    padding: 16px;
  }

  .budget-inner-container {
    flex-wrap: wrap;
  }

  .input-field {
    margin-left: 0;
  }

  .input-field.name {
    max-width: none;
    margin-left: 0;
  }

  .input-flexbox {
    width: 100%;
    margin-right: 0;
  }

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

  .submit-button {
    width: 100%;
  }

  .submit-button:hover {
    color: #31f194;
    background-color: #0c1318;
  }

  .submit-button:active {
    color: #22dd82;
  }

  .div-block-56 {
    flex-direction: column;
    align-items: flex-start;
  }

  .shapes {
    margin-left: -1vw;
  }

  .link_container {
    padding: 1vw;
  }

  .link {
    font-size: 10px;
  }

  .shapes-2 {
    margin-left: -1vw;
  }

  .link_container-2 {
    padding: 1vw;
  }

  .link-2 {
    font-size: 10px;
  }

  .shapes-3 {
    margin-left: -1vw;
  }

  .link_container-3 {
    padding: 1vw;
  }

  .link-3 {
    font-size: 10px;
  }

  .radio-button-field {
    margin-left: 0;
    margin-right: 2px;
  }

  .servicegrid {
    grid-template: "Area"
                   "Area-2"
                   "Area-3"
                   "Area-4"
                   "Area-5"
                   "Area-6"
                   / 1fr;
  }

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

  .front.back {
    padding: 10px 20px 20px;
  }

  .front.back.mobile {
    padding-top: 20px;
  }

  .input-text.bulletpoints {
    padding-top: 40px;
    font-size: 16px;
  }

  .cta {
    max-height: 230px;
    min-height: 230px;
    padding-top: 10px;
  }

  .cta.works {
    max-height: 300px;
    max-width: 300px;
    min-height: 300px;
    min-width: 200px;
    margin-bottom: 50px;
    padding: 20px;
  }

  .div-block-59 {
    margin-top: 10px;
  }

  .text-span-9.design {
    padding-left: 0;
    font-size: 40px;
  }

  .text-span-10 {
    padding-left: 0;
    font-size: 40px;
    line-height: 40px;
  }

  .div-block-60 {
    border-style: solid;
    border-width: 1px;
  }

  .div-block-63 {
    margin-right: 0;
  }

  .div-block-63.noline.mobile {
    border: 1px #000;
    border-bottom: 2px solid #0c1318;
  }

  .div-block-64 {
    margin-bottom: 50px;
  }

  .grid {
    display: block;
  }

  .div-block-65 {
    padding-top: 10px;
  }

  .image-12 {
    max-width: 80%;
  }

  .column-10 {
    padding-left: 0;
    padding-right: 0;
    position: static;
  }

  .div-block-66, .div-block-67, .div-block-68 {
    margin-bottom: 30px;
  }

  .column-11 {
    position: static;
  }

  .div-block-71 {
    align-self: flex-start;
    padding-top: 0;
  }

  .column-13 {
    margin-bottom: 20px;
  }

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

  .div-block-75 {
    min-height: 250px;
    flex-direction: row;
  }

  .examplediv {
    margin-bottom: 30px;
  }

  .column-15 {
    justify-content: flex-start;
    margin-top: 0;
    padding-bottom: 0;
  }

  .columns-4 {
    flex-direction: column;
  }

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

  .text-span-11 {
    padding-left: 0;
  }

  .links {
    margin-top: 50px;
    margin-bottom: 50px;
  }

  .div-block-79, .div-block-80 {
    margin-bottom: 30px;
  }

  .div-block-81.thx {
    padding-top: 0;
  }

  .bizdevs {
    bottom: 35%;
  }

  .bizdevs.gabi {
    display: block;
    bottom: 24%;
    right: 34%;
  }

  .bizdevs.klau {
    top: 50%;
  }

  .desktophide {
    display: block;
  }

  .workshero {
    padding-bottom: 20px;
  }

  .image-15 {
    max-width: 25%;
    bottom: 30%;
    right: 30%;
  }

  .image-15.hide {
    display: none;
  }

  .works.mobile {
    padding-top: 50px;
  }

  .grid-2 {
    display: block;
  }

  .div-block-87 {
    max-height: 300px;
    max-width: 300px;
    min-height: 300px;
    min-width: 200px;
  }

  .text-span-17 {
    font-size: 30px;
    line-height: 120%;
  }

  .div-block-88 {
    margin-bottom: 50px;
  }

  .text-span-18 {
    padding-left: 0;
  }

  .text-span-19 {
    padding-left: 50px;
  }

  .phases {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .columns-5 {
    display: block;
  }

  .left-arrow-2 {
    width: 60px;
    align-items: flex-end;
  }

  .slider-arrow {
    margin-left: 20px;
    margin-right: 20px;
    font-size: 22px;
  }

  .right-arrow-3 {
    width: 60px;
    align-items: flex-end;
  }

  .slide-nav-4 {
    height: 32px;
    font-size: 8px;
  }

  .left-arrow-3, .right-arrow-4 {
    width: 60px;
  }

  .slide-nav-5 {
    height: 32px;
    font-size: 8px;
  }

  .firstdiv, .firstdiv.twolines {
    margin-top: 10px;
  }

  .background-video-3 {
    max-height: 150px;
    min-height: 100px;
    border: 1px #000;
    flex-direction: column;
    justify-content: center;
    display: block;
    position: relative;
    left: 0;
    overflow: hidden;
  }

  .text-span-20 {
    padding-left: 100px;
    font-size: 40px;
    line-height: 40px;
  }

  .text-span-21 {
    padding-left: 51px;
  }

  .div-block-94.mobile.hide {
    display: block;
  }

  .div-block-94.hide {
    display: none;
  }

  .text-span-23 {
    padding-left: 60px;
  }

  .text-span-24 {
    padding-left: 30px;
  }

  .div-block-96 {
    border-width: 1px;
  }

  .openpositions {
    top: 7%;
    bottom: 0%;
    right: 6%;
  }

  .beneitdiv {
    padding-top: 0;
  }

  .image-32 {
    max-width: 20%;
    right: 40%;
  }

  .positions {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .position.closed {
    max-height: 180px;
    min-height: 180px;
  }

  .div-block-106 {
    padding-bottom: 20px;
    display: inline-block;
  }

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

  .text-span-27 {
    padding-left: 100px;
  }

  .text-span-27.finance {
    font-size: 40px;
  }

  .grid-5 {
    display: block;
  }

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

  .div-block-117 {
    max-width: 100%;
  }

  .background-video-4 {
    max-height: 140px;
    min-height: 100px;
  }

  .div-block-119, .div-block-120, .image-35, .image-36, .image-37 {
    max-width: 100%;
  }

  .div-block-125, .div-block-126, .div-block-127 {
    justify-content: center;
    display: flex;
  }

  .image-38 {
    padding-top: 10px;
  }

  .cookiebanner {
    max-height: 180px;
    min-height: 180px;
    flex-direction: column;
    align-items: flex-start;
    padding-top: 10px;
    padding-bottom: 10px;
    display: flex;
  }

  .div-block-129 {
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    margin-top: 50px;
    display: flex;
  }

  .service-cards {
    flex-direction: column;
    display: flex;
  }

  .wrapper-new, .wrapper-3 {
    height: 300px;
  }

  .text-wrapper-2.infinite-loop {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .h5-2 {
    max-width: none;
    font-size: 16px;
    line-height: 140%;
  }

  .h5-2.animation {
    max-width: none;
    margin-right: 20px;
  }
}

#w-node-_9c9f5c72-5243-21ae-274c-b42e00a2b15f-efbb33b4, #w-node-_3c7bc935-b5fa-ca3f-3e49-8caa250d45ce-efbb33b4, #w-node-aa880e8b-a2e6-c186-ea46-c44735e41d00-efbb33b4, #w-node-_7afd2b23-4e2f-8576-99eb-303ad08108cd-efbb33b4 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_38539de4-126d-2793-37d9-6e7e6d5a6dba-efbb33b4 {
  grid-area: Area-3;
}

#w-node-_38539de4-126d-2793-37d9-6e7e6d5a6dbb-efbb33b4 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_02ac762c-4501-18ce-bbbc-92c8d85cc6f7-efbb33b4 {
  grid-area: Area-5;
}

#w-node-_02ac762c-4501-18ce-bbbc-92c8d85cc6f8-efbb33b4, #w-node-_02a14223-9bd9-2122-ae1a-d5d6c5a0e940-efbb33b4, #w-node-_02a14223-9bd9-2122-ae1a-d5d6c5a0e94c-efbb33b4, #w-node-_02a14223-9bd9-2122-ae1a-d5d6c5a0e958-efbb33b4, #w-node-_02a14223-9bd9-2122-ae1a-d5d6c5a0e964-efbb33b4, #w-node-_02a14223-9bd9-2122-ae1a-d5d6c5a0e970-efbb33b4, #w-node-_02a14223-9bd9-2122-ae1a-d5d6c5a0e97c-efbb33b4, #w-node-fef032d9-197a-49c8-a504-60cbddee7a8b-efbb33b4, #w-node-_50c9a1e8-3648-b4e4-3283-aaed1a0133ce-efbb33b4, #w-node-_50c9a1e8-3648-b4e4-3283-aaed1a0133da-efbb33b4, #w-node-_50c9a1e8-3648-b4e4-3283-aaed1a0133e6-efbb33b4, #w-node-_50c9a1e8-3648-b4e4-3283-aaed1a0133f2-efbb33b4, #w-node-_50c9a1e8-3648-b4e4-3283-aaed1a0133fe-efbb33b4, #w-node-_50c9a1e8-3648-b4e4-3283-aaed1a01340a-efbb33b4, #w-node-_50c9a1e8-3648-b4e4-3283-aaed1a013416-efbb33b4, #w-node-_50c9a1e8-3648-b4e4-3283-aaed1a013422-efbb33b4, #w-node-_50c9a1e8-3648-b4e4-3283-aaed1a01342e-efbb33b4, #w-node-_51414cf1-04e2-fa83-eef1-80820fcb9b95-efbb33b4, #w-node-_7ae6a94a-b655-f1cb-770d-a93a3e17115d-efbb33b4, #w-node-d82d2043-abac-7bd5-b185-d3fcdeadda52-efbb33b4, #w-node-b56682dc-ca43-dd8b-edf2-76f7eeae5054-efbb33b4, #w-node-a8450806-defe-98d9-cd5b-d00d47eae059-efbb33b4, #w-node-e142814e-56e3-8cff-75e4-f2b7b23e0a7b-efbb33b4, #w-node-e142814e-56e3-8cff-75e4-f2b7b23e0a7c-efbb33b4, #w-node-_2952d521-cc58-bdaf-e2c3-c0bd7235c4bc-efbb33b4, #w-node-_4f7a732f-ecb2-35e7-eebb-aa7708d0ba2e-efbb33b4, #w-node-d21383d7-8815-e178-bd0b-ce1f732a9e15-efbb33b4, #w-node-_02ac762c-4501-18ce-bbbc-92c8d85cc6e0-efbb33b4, #w-node-_02ac762c-4501-18ce-bbbc-92c8d85cc6ec-efbb33b4, #w-node-_02ac762c-4501-18ce-bbbc-92c8d85cc704-efbb33b4, #w-node-_02ac762c-4501-18ce-bbbc-92c8d85cc710-efbb33b4, #w-node-_02ac762c-4501-18ce-bbbc-92c8d85cc71c-efbb33b4, #w-node-_02ac762c-4501-18ce-bbbc-92c8d85cc728-efbb33b4, #w-node-_02ac762c-4501-18ce-bbbc-92c8d85cc734-efbb33b4, #w-node-_02ac762c-4501-18ce-bbbc-92c8d85cc740-efbb33b4, #w-node-_02ac762c-4501-18ce-bbbc-92c8d85cc74c-efbb33b4, #w-node-_02ac762c-4501-18ce-bbbc-92c8d85cc758-efbb33b4, #w-node-_02ac762c-4501-18ce-bbbc-92c8d85cc764-efbb33b4, #w-node-_02ac762c-4501-18ce-bbbc-92c8d85cc770-efbb33b4, #w-node-_55a3780e-7601-c474-eba1-ebe9bd0448a1-efbb33b4, #w-node-_02ac762c-4501-18ce-bbbc-92c8d85cc77c-efbb33b4, #w-node-_02ac762c-4501-18ce-bbbc-92c8d85cc788-efbb33b4, #w-node-a424658b-135d-954d-7c67-b28843bef820-efbb33b4, #w-node-a424658b-135d-954d-7c67-b28843bef82c-efbb33b4, #w-node-a424658b-135d-954d-7c67-b28843bef838-efbb33b4, #w-node-a424658b-135d-954d-7c67-b28843bef844-efbb33b4, #w-node-_5816b6da-ba00-8c7d-60d2-8b5256b2f1ba-efbb33b4, #w-node-a424658b-135d-954d-7c67-b28843bef850-efbb33b4, #w-node-a424658b-135d-954d-7c67-b28843bef85c-efbb33b4, #w-node-a424658b-135d-954d-7c67-b28843bef868-efbb33b4, #w-node-a424658b-135d-954d-7c67-b28843bef874-efbb33b4, #w-node-a424658b-135d-954d-7c67-b28843bef880-efbb33b4, #w-node-a424658b-135d-954d-7c67-b28843bef88c-efbb33b4, #w-node-a424658b-135d-954d-7c67-b28843bef898-efbb33b4, #w-node-a424658b-135d-954d-7c67-b28843bef8a4-efbb33b4, #w-node-a424658b-135d-954d-7c67-b28843bef8b0-efbb33b4, #w-node-a424658b-135d-954d-7c67-b28843bef8bc-efbb33b4, #w-node-a424658b-135d-954d-7c67-b28843bef8c8-efbb33b4, #w-node-f01b10c9-da6c-a958-fd04-68a147fc1d2f-efbb33b4, #w-node-_669d5d34-5009-1649-25d6-0a4495d5de44-41bb33b5, #w-node-_06c3c2d4-74a2-2050-04fb-c70ddf4da9c1-41bb33b5, #w-node-eeabd044-276f-02dd-1e90-e2bb4a6a9bfc-41bb33b5, #w-node-_669d5d34-5009-1649-25d6-0a4495d5de44-a3bb33b6, #w-node-_06c3c2d4-74a2-2050-04fb-c70ddf4da9c1-a3bb33b6, #w-node-eeabd044-276f-02dd-1e90-e2bb4a6a9bfc-a3bb33b6, #w-node-_130c753b-b986-19be-47b0-001783cf55a4-e1bb33b7, #w-node-a4304469-15d0-9727-9d67-e1b1e822f22a-e1bb33b7, #w-node-d76affd3-daf3-da61-520e-0afb9eb9333f-e1bb33b7, #w-node-af7b4fa2-382a-7725-2a67-f1426c4f1657-e1bb33b7, #w-node-f78ee919-295d-9df8-25cc-7063e789cb0a-e1bb33b7, #w-node-_017d191b-6f68-d40c-cf2f-67d6baeb94e8-e1bb33b7, #w-node-d0894686-ce2b-2e56-92d2-cb5c08722e90-e1bb33b7, #w-node-_7abb7720-9f89-d6a1-c4c8-a1d9dcb5273f-e1bb33b7, #w-node-f037b691-6699-ae30-1ded-60e3714e5e40-e1bb33b7, #w-node-c344ca2d-5752-da5b-bb96-cae90468d4e5-e1bb33b7, #w-node-a8a57772-8145-21de-e01b-2160e10d67e9-e10d67e9, #w-node-_626a3716-dc18-955d-bcde-7b2f417f5483-417f5483, #w-node-cd83562e-3284-0ca6-e70b-9641a1a5d473-a1a5d473, #w-node-a350ecb4-07d8-3f34-e752-efe0ee135384-ee135384, #w-node-_1dc1a0c5-548c-2ef8-516b-43312c8f1fbe-2c8f1fbe, #w-node-a9944221-7fbf-5b0e-afc4-165724200e96-24200e96, #w-node-b421b676-5f29-b07d-4f2e-f4d8092511e4-092511e4, #w-node-_05b84a52-6252-0252-2eed-476b14c9c17c-14c9c17c, #w-node-a634e02a-5111-78ed-fc2a-f6461159d303-1159d303, #w-node-_52d8b345-c39e-7305-6de2-54a6de2ea2fa-de2ea2fa, #w-node-_1f59f9ea-a3cc-aa76-4df8-77b13e7f22e3-c1bb33b8, #w-node-c3a4698f-32f6-f7a8-8c7b-dd9ecdc29f5f-c1bb33b8, #w-node-_6740fc99-9635-dd6f-5fb7-8b0cf848f5b2-c1bb33b8, #w-node-_6c95d54a-4ead-2917-9b08-70262f5cb2de-c1bb33b8, #w-node-_82ec7e7e-dfaf-903e-2529-7e2eb66b9d7c-c1bb33b8 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-fca6f4e6-a833-bb43-1d2d-11ba05d07193-c1bb33b8 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: start;
  justify-self: end;
}

#w-node-_649aca4a-acc1-d179-d1b1-3160fe4aa188-c1bb33b8, #w-node-_0b16c56b-9ed1-d4c0-9e7a-3709805aae81-c1bb33b8, #w-node-e195af68-1e8d-7cc4-6efb-0436ab58ef6c-c1bb33b8, #w-node-_0c2390b2-20ba-5a91-8e27-ff6863faad80-c1bb33b8, #w-node-c41bbdc6-d7bf-6f3b-1e00-444e84e9df70-84e9df70, #w-node-ad3f43cd-fe45-2e49-31f9-9ab956e09f2a-56e09f2a, #w-node-_4b22c25b-6fbc-310c-1685-4a93f33f00f6-f33f00f6, #w-node-_098b2200-1f76-4bf5-ae9d-ab72a554a818-a554a818, #w-node-c753ad54-3810-37e6-89fb-cb9c63a60f5b-63a60f5b, #w-node-_93205ae7-ecf9-3c37-8a44-74308e5b5f4e-8e5b5f4e, #w-node-ef0ee4c0-399d-0c64-8c06-bd424d3e352b-4d3e352b, #w-node-_975723b3-8314-012e-6c46-ff6230e35067-30e35067, #w-node-d6453a99-47fc-dc78-a503-fc315960141b-5960141b, #w-node-_78aca195-b224-fb4e-36f2-bf0325bf3beb-25bf3beb {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-aa80b120-edee-cfdd-61b6-8700c07b69d7-e0bb33bb, #w-node-aa80b120-edee-cfdd-61b6-8700c07b69ee-e0bb33bb, #w-node-aa80b120-edee-cfdd-61b6-8700c07b6a05-e0bb33bb, #w-node-aa80b120-edee-cfdd-61b6-8700c07b6a1c-e0bb33bb, #w-node-aa80b120-edee-cfdd-61b6-8700c07b6a33-e0bb33bb, #w-node-aa80b120-edee-cfdd-61b6-8700c07b6a4a-e0bb33bb {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: auto;
}

#w-node-_669d5d34-5009-1649-25d6-0a4495d5de44-1fbb33bc, #w-node-_06c3c2d4-74a2-2050-04fb-c70ddf4da9c1-1fbb33bc, #w-node-eeabd044-276f-02dd-1e90-e2bb4a6a9bfc-1fbb33bc, #w-node-_669d5d34-5009-1649-25d6-0a4495d5de44-50bb33bd, #w-node-_06c3c2d4-74a2-2050-04fb-c70ddf4da9c1-50bb33bd, #w-node-eeabd044-276f-02dd-1e90-e2bb4a6a9bfc-50bb33bd, #w-node-_669d5d34-5009-1649-25d6-0a4495d5de44-f6bb33bf, #w-node-_06c3c2d4-74a2-2050-04fb-c70ddf4da9c1-f6bb33bf, #w-node-eeabd044-276f-02dd-1e90-e2bb4a6a9bfc-f6bb33bf, #w-node-_669d5d34-5009-1649-25d6-0a4495d5de44-dbbb33c4, #w-node-_06c3c2d4-74a2-2050-04fb-c70ddf4da9c1-dbbb33c4, #w-node-eeabd044-276f-02dd-1e90-e2bb4a6a9bfc-dbbb33c4, #w-node-_669d5d34-5009-1649-25d6-0a4495d5de44-2ebb33c5, #w-node-_06c3c2d4-74a2-2050-04fb-c70ddf4da9c1-2ebb33c5, #w-node-eeabd044-276f-02dd-1e90-e2bb4a6a9bfc-2ebb33c5, #w-node-_669d5d34-5009-1649-25d6-0a4495d5de44-6dbb33c6, #w-node-_06c3c2d4-74a2-2050-04fb-c70ddf4da9c1-6dbb33c6, #w-node-eeabd044-276f-02dd-1e90-e2bb4a6a9bfc-6dbb33c6, #w-node-_227c83c3-5818-808c-398f-608a43a97611-a5bb33ca, #w-node-_227c83c3-5818-808c-398f-608a43a97618-a5bb33ca, #w-node-_227c83c3-5818-808c-398f-608a43a9761f-a5bb33ca, #w-node-_227c83c3-5818-808c-398f-608a43a97626-a5bb33ca, #w-node-cfccf4cf-bd91-46ee-ddbd-07c78fc3430c-a5bb33ca, #w-node-_163deb37-4409-4477-e752-f4d6f3399b38-a5bb33ca, #w-node-_639ecca5-35d8-df2b-1c05-1bd0f3fe3bc4-60bb33cb, #w-node-f0edad96-9a37-c754-2077-6ca5a95bcde7-60bb33cb, #w-node-_058a9884-9e35-45f7-67df-10476d853210-60bb33cb, #w-node-b021d093-0905-15e7-d851-78060611cd94-60bb33cb, #w-node-_669d5d34-5009-1649-25d6-0a4495d5de44-57bb33ce, #w-node-_06c3c2d4-74a2-2050-04fb-c70ddf4da9c1-57bb33ce, #w-node-eeabd044-276f-02dd-1e90-e2bb4a6a9bfc-57bb33ce, #w-node-ad63cdf9-b813-d47c-66e0-e4b4c318f3ca-afbb33cf, #w-node-ad63cdf9-b813-d47c-66e0-e4b4c318f3dd-afbb33cf, #w-node-ad63cdf9-b813-d47c-66e0-e4b4c318f3f0-afbb33cf, #w-node-ad63cdf9-b813-d47c-66e0-e4b4c318f403-afbb33cf, #w-node-ad63cdf9-b813-d47c-66e0-e4b4c318f416-afbb33cf, #w-node-ad63cdf9-b813-d47c-66e0-e4b4c318f429-afbb33cf, #w-node-_19e89aec-27b7-5ab7-f41b-a88ce345477e-afbb33cf, #w-node-_639ecca5-35d8-df2b-1c05-1bd0f3fe3bc4-61bb33d0, #w-node-f0edad96-9a37-c754-2077-6ca5a95bcde7-61bb33d0, #w-node-_058a9884-9e35-45f7-67df-10476d853210-61bb33d0, #w-node-b021d093-0905-15e7-d851-78060611cd94-61bb33d0, #w-node-_639ecca5-35d8-df2b-1c05-1bd0f3fe3bc4-68bb33d1, #w-node-f0edad96-9a37-c754-2077-6ca5a95bcde7-68bb33d1, #w-node-_058a9884-9e35-45f7-67df-10476d853210-68bb33d1, #w-node-b021d093-0905-15e7-d851-78060611cd94-68bb33d1, #w-node-_947b5ecd-87e7-1dd8-a9a2-5371b23528ce-68bb33d1, #w-node-_7faa02f8-f94c-4772-1b0c-b238d1f56ecd-68bb33d1, #w-node-_639ecca5-35d8-df2b-1c05-1bd0f3fe3bc4-5cbb33d2, #w-node-f0edad96-9a37-c754-2077-6ca5a95bcde7-5cbb33d2, #w-node-_058a9884-9e35-45f7-67df-10476d853210-5cbb33d2, #w-node-b021d093-0905-15e7-d851-78060611cd94-5cbb33d2, #w-node-_639ecca5-35d8-df2b-1c05-1bd0f3fe3bc4-babb33d3, #w-node-f0edad96-9a37-c754-2077-6ca5a95bcde7-babb33d3, #w-node-_058a9884-9e35-45f7-67df-10476d853210-babb33d3, #w-node-b021d093-0905-15e7-d851-78060611cd94-babb33d3, #w-node-_669d5d34-5009-1649-25d6-0a4495d5de44-4dbb33e6, #w-node-_06c3c2d4-74a2-2050-04fb-c70ddf4da9c1-4dbb33e6, #w-node-eeabd044-276f-02dd-1e90-e2bb4a6a9bfc-4dbb33e6, #w-node-_639ecca5-35d8-df2b-1c05-1bd0f3fe3bc4-0ebb33e7, #w-node-f0edad96-9a37-c754-2077-6ca5a95bcde7-0ebb33e7, #w-node-_058a9884-9e35-45f7-67df-10476d853210-0ebb33e7, #w-node-b021d093-0905-15e7-d851-78060611cd94-0ebb33e7, #w-node-_639ecca5-35d8-df2b-1c05-1bd0f3fe3bc4-e1bb33e8, #w-node-f0edad96-9a37-c754-2077-6ca5a95bcde7-e1bb33e8, #w-node-_058a9884-9e35-45f7-67df-10476d853210-e1bb33e8, #w-node-b021d093-0905-15e7-d851-78060611cd94-e1bb33e8 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

@media screen and (min-width: 1440px) {
  #w-node-_5816b6da-ba00-8c7d-60d2-8b5256b2f1b9-efbb33b4 {
    grid-area: Area-5;
  }
}

@media screen and (max-width: 991px) {
  #w-node-_4e3e91a2-0776-4999-3799-43059424b74f-c1bb33b8 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}


@font-face {
  font-family: 'Pptelegraf';
  src: url('../fonts/PPTelegraf-UltraBold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Pptelegraf';
  src: url('../fonts/PPTelegraf-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}