@font-face {
  font-family: Inter;
  src: url('../fonts/Inter-SemiBold.ttf') format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Inter;
  src: url('../fonts/Inter-Medium.ttf') format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

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

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

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

@font-face {
  font-family: Manrope;
  src: url('../fonts/Manrope-ExtraBold.ttf') format("truetype"), url('../fonts/Manrope-Bold.ttf') format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Manrope;
  src: url('../fonts/Manrope-SemiBold.ttf') format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

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

@font-face {
  font-family: Manrope;
  src: url('../fonts/Manrope-ExtraLight.ttf') format("truetype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Manrope;
  src: url('../fonts/Manrope-Medium.ttf') format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

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

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

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

@font-face {
  font-family: Jura;
  src: url('../fonts/Jura-Medium.ttf') format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Jura;
  src: url('../fonts/Jura-SemiBold.ttf') format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Rubik;
  src: url('../fonts/Rubik-Black.ttf') format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

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

@font-face {
  font-family: Rubik;
  src: url('../fonts/Rubik-Medium.ttf') format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

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

@font-face {
  font-family: Rubik;
  src: url('../fonts/Rubik-SemiBold.ttf') format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

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

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

@font-face {
  font-family: Archivo;
  src: url('../fonts/Archivo-SemiBold.ttf') format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Archivo;
  src: url('../fonts/Archivo-Medium.ttf') format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

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

@font-face {
  font-family: Archivo;
  src: url('../fonts/Archivo-ExtraLight.ttf') format("truetype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

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

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

@font-face {
  font-family: Farro;
  src: url('../fonts/Farro-Medium.ttf') format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

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

:root {
  --white: white;
  --red: #ff5874;
  --aquamarine: #75f9d9;
  --black: #221a27;
  --grey: #98aaba;
  --red-dark: #ff2b4d;
  --grey-light: #f8f8f8;
  --medium-aquamarine: #56c4a9;
  --grey-new: #d3d2d2;
}

.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-backgroundvideo-backgroundvideoplaypausebutton:focus-visible {
  outline-offset: 2px;
  border-radius: 50%;
  outline: 2px solid #3b79c3;
}

body {
  color: #333;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

h1 {
  color: #2c6161;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 3.1875rem;
  font-weight: 700;
  line-height: 1;
}

h2 {
  color: #675f63;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Amatic SC, sans-serif;
  font-size: 2.6875rem;
  font-weight: 700;
  line-height: 1;
}

h3 {
  color: #fff;
  background-color: #8c867e;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 700;
  line-height: 30px;
}

a {
  text-decoration: none;
}

.card {
  background-color: #ff5f5d;
}

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

.utility-page-content {
  text-align: center;
  flex-direction: column;
  width: 260px;
  display: flex;
}

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

.cursor-fon {
  z-index: 1;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  inset: 0%;
}

.main {
  z-index: 1;
  position: relative;
}

.header {
  z-index: 4;
  background-color: var(--white);
  flex-direction: column;
  align-items: center;
  display: flex;
  position: sticky;
  inset: 0% 0% auto;
}

.header__container {
  border-bottom: 1px solid #f8f8f84d;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1280px;
  padding: 2.5vw 3.90625vw;
  display: flex;
}

.logotype {
  color: var(--red);
  text-transform: uppercase;
  font-size: 1.5625vw;
  font-weight: 700;
  line-height: 1.71875vw;
}

.nav {
  grid-column-gap: 3.125vw;
  grid-row-gap: 0vw;
  display: flex;
}

.nav__text-work {
  color: #727236;
  height: 26px;
  font-family: Archivo, sans-serif;
  font-size: 18px;
  line-height: 70px;
  transition: line-height .2s;
  position: relative;
  overflow: hidden;
}

.nav__text-work:hover {
  line-height: 25.2px;
}

.nav__text-work:active {
  color: var(--aquamarine);
}

.hero {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
}

.hero.margin-100 {
  min-height: 700px;
  position: relative;
}

.container {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1280px;
  padding-left: 3.90625vw;
  padding-right: 3.90625vw;
  display: block;
}

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

.text-bg {
  color: #dbdbdb1a;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Archivo, sans-serif;
  font-size: 21.0938vw;
  line-height: 22.9688vw;
}

.hero__overhead {
  color: var(--white);
  font-family: Archivo, sans-serif;
  font-size: 1.875vw;
  line-height: 2.5vw;
}

.is--color {
  color: var(--red);
}

.hero__heading-wrapper {
  justify-content: center;
  margin-top: -16vw;
  display: flex;
}

.heading {
  color: var(--white);
  font-family: Archivo, sans-serif;
  font-size: 8.75vw;
  line-height: 11.375vw;
}

.heading.is--texthover {
  color: #dbdbdb1a;
  white-space: nowrap;
  margin-top: 0;
  margin-bottom: 0;
}

.is--thin-color {
  color: var(--aquamarine);
  font-weight: 400;
}

.hero__btn-wrapper {
  grid-column-gap: 2.5vw;
  justify-content: center;
  margin-top: 7.8125vw;
  display: flex;
}

.button-red {
  background-color: var(--red);
  color: var(--black);
  text-align: center;
  border-radius: 12px;
  width: 171px;
  height: 57px;
  padding: 16px 40px 18px;
  font-size: 18px;
  font-weight: 600;
  line-height: 115px;
  transition: line-height .3s;
  position: relative;
  overflow: hidden;
}

.button-red:hover {
  line-height: 25.2px;
  overflow: hidden;
}

.button-green {
  background-color: var(--aquamarine);
  color: var(--black);
  border-radius: 12px;
  height: 57px;
  padding: 16px 40px 18px;
  font-family: Archivo, sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 115px;
  transition: line-height .3s;
  position: relative;
  overflow: hidden;
}

.button-green:hover {
  line-height: 25.2px;
}

.arrow {
  justify-content: center;
  align-items: center;
  width: 3.59375vw;
  height: 3.59375vw;
  display: flex;
  position: absolute;
  inset: auto 0% 4.375vw 50%;
  transform: translate(-50%);
}

.arrow__circle {
  color: var(--grey);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 3.59375vw;
  height: 3.59375vw;
  display: flex;
  position: absolute;
}

.arrow__color-circle {
  border: 2px solid var(--grey);
  background-color: var(--grey);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 2.8125vw;
  height: 2.8125vw;
  display: flex;
  position: absolute;
}

.arrow__icon-wrapper {
  justify-content: center;
  align-items: center;
  width: 1.875vw;
  height: 1.8755vw;
  display: flex;
  position: absolute;
}

.arrow__stroke {
  border: 1px solid var(--grey);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 3.59375vw;
  height: 3.59375vw;
  display: flex;
  position: absolute;
}

.cursor {
  z-index: 2;
  border: 1px solid var(--aquamarine);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  display: flex;
  position: fixed;
}

.cursor.is--2 {
  background-color: var(--aquamarine);
  border-style: none;
  width: 14px;
  height: 14px;
}

.green {
  color: var(--aquamarine);
}

.margin-100 {
  margin-bottom: 7.8125vw;
}

.wrapper, .wrapper.no-color {
  background-image: none;
}

.aboutme.margin-100 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.aboutme__content {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 4.375vw;
  padding-left: 9.84375vw;
  padding-right: 9.84375vw;
  display: flex;
}

.overhead {
  text-transform: uppercase;
  background-color: #0000;
  font-family: Archivo, sans-serif;
  font-size: 1.5625vw;
  font-weight: 400;
  line-height: 2.1875vw;
}

.aboutme__text {
  color: #fff;
  margin-top: 1.875vw;
  font-family: Archivo, sans-serif;
  font-size: 3.125vw;
  line-height: 5vw;
}

.red {
  color: var(--red-dark);
}

.red._2 {
  font-family: Farro, Georgia, sans-serif;
}

.color-grey {
  color: var(--grey);
}

.color-green {
  color: var(--aquamarine);
}

.head-h2 {
  color: var(--black);
  align-items: center;
  height: 100%;
  font-family: Archivo, sans-serif;
  font-size: 3.90625vw;
  line-height: 5.46875vw;
}

.head-h2.is--color {
  color: var(--red);
}

.work {
  background-color: var(--white);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.work__content {
  padding-top: 7.8125vw;
  padding-bottom: 7.8125vw;
}

.work__head {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 4.375vw;
  display: flex;
}

.grid {
  grid-column-gap: 1.5625vw;
  grid-row-gap: 4.375vw;
}

.grid__image-wrapper {
  cursor: pointer;
  width: 45.3125vw;
  height: 39.0625vw;
  margin-bottom: 1.5625vw;
  display: flex;
  position: relative;
}

.grid__text {
  color: var(--grey);
  font-family: Rubik, sans-serif;
  font-size: 1.40625vw;
  line-height: 1.96875vw;
}

.grid__3 {
  position: relative;
}

.work__head-2 {
  justify-content: space-between;
  align-items: center;
  margin-top: 1.25vw;
  display: flex;
}

.text-block {
  color: var(--grey-light);
  font-size: 19.5313vw;
  font-weight: 700;
  line-height: 17.9688vw;
  display: block;
}

.work__grid-app {
  grid-column-gap: 1.5625vw;
  grid-template-rows: auto;
  margin-top: -4.6875vw;
  display: flex;
  position: relative;
}

.grid-app__image-wrapper {
  width: 45.3125vw;
  height: 39.0625vw;
  margin-bottom: 1.5625vw;
}

.head-h4 {
  color: var(--white);
  background-color: #0000;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.875vw;
  font-weight: 700;
  line-height: 2.57813vw;
}

.head-h4.is--2, .head-h4.is--3, .head-h4.is--4, .head-h4.is--5 {
  color: var(--black);
}

.head-h4.is--grey {
  color: var(--medium-aquamarine);
}

.text {
  color: var(--grey);
  font-size: 1.40625vw;
  line-height: 1.96875vw;
}

.why {
  justify-content: center;
  display: flex;
  position: relative;
}

.why.margin-100 {
  align-items: center;
}

.why__content {
  flex-direction: column;
  justify-content: center;
  padding-top: 7.8125vw;
}

.why__circle {
  z-index: -1;
  opacity: .3;
  filter: blur(150px);
  background-color: #6b549acc;
  border-radius: 50%;
  width: 39.0625vw;
  height: 39.0625vw;
  display: block;
  position: absolute;
  inset: 35% 30% auto auto;
}

.why__head {
  color: #fff;
  align-items: center;
  height: 100%;
  margin-bottom: 7.8125vw;
  font-family: Archivo, sans-serif;
  font-size: 3.90625vw;
  line-height: 1.4;
}

.why__cards {
  grid-row-gap: 1.5625vw;
  column-count: 2;
  column-rule-width: 20px;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  max-width: 60.9375vw;
  margin-top: 7.8125vw;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.why__card-wrapper {
  object-fit: fill;
  border: 1px solid #9d90b8;
  border-radius: 12px;
  width: 29.6875vw;
  height: 25.3125vw;
  position: relative;
}

.why__image {
  opacity: .07;
  background-image: radial-gradient(circle, #693b93, #4c82c92b 81%, #4690d400);
  border: 1px #9d90b8;
  border-radius: 12px;
  width: 100%;
  height: 100%;
}

.why__text {
  grid-row-gap: 1.5625vw;
  flex-direction: column;
  padding-top: 4.6875vw;
  padding-left: 4.6875vw;
  padding-right: 4.6875vw;
  display: flex;
  position: absolute;
  inset: 0% 0% auto;
}

.text {
  font-family: Rubik, sans-serif;
  font-weight: 400;
}

.text.is--black {
  opacity: 1;
  color: var(--black);
  margin-bottom: 0;
}

.text.is--green {
  color: var(--medium-aquamarine);
  flex: 1;
  display: block;
}

.text.is--mediumb {
  opacity: 0;
  color: var(--black);
  letter-spacing: 1px;
  font-weight: 500;
}

.text.is--3, .text.is--4 {
  color: var(--white);
}

.text.is--grey {
  z-index: 2;
  color: var(--grey-new);
}

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

.why__card-absolut {
  grid-row-gap: 1.5625vw;
  flex-direction: column;
  display: flex;
  position: absolute;
  inset: -7.8125vw 0% 0% auto;
}

.contacts {
  z-index: -1;
  background-color: var(--white);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.contacts__content {
  padding-top: 7.8125vw;
  padding-bottom: 5.46875vw;
}

.contacts__left-side {
  flex-direction: column;
  width: 37.5vw;
  display: flex;
}

.contacts__icon-line {
  grid-column-gap: 1.25vw;
  flex-direction: row;
  align-items: center;
  display: flex;
}

.contacts__icon-wrapper {
  flex-direction: row;
  width: 3.125vw;
  height: 3.125vw;
}

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

.contacts__contacts {
  grid-row-gap: 1.5625vw;
  flex-direction: column;
  display: flex;
}

.contacts__both-sides {
  grid-column-gap: 1.5625vw;
  flex-direction: row;
  justify-content: space-between;
  margin-top: 2.5vw;
  display: flex;
}

.footer {
  background-color: var(--white);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.footer__content {
  grid-row-gap: 20px;
  border-top: 1px solid #98aaba66;
  flex-direction: column;
  align-items: center;
  padding-top: 32px;
  padding-bottom: 32px;
  display: flex;
}

.footer__in-wrapper {
  width: 24px;
  height: 24px;
}

.footer__be-wrapper {
  width: 31px;
  height: 21px;
}

.footer__icons {
  grid-column-gap: 32px;
  align-items: center;
  display: flex;
}

.footer__icon-in, .footer__icon-be {
  width: 100%;
  height: 100%;
}

.work__behance {
  color: var(--red-dark);
  font-family: Rubik, sans-serif;
  font-size: 1.40625vw;
  font-weight: 500;
  line-height: 1.4;
}

.burger {
  display: none;
  position: relative;
}

.burger__conteiner {
  flex-direction: column;
  justify-content: space-between;
  width: 24px;
  height: 16px;
  display: flex;
}

.burger__line-1 {
  background-color: var(--black);
  width: 24px;
  height: 1px;
}

.menu {
  z-index: 4;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
  inset: 0%;
}

.menu__wrapper-links {
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.contacts__text-wrapper-left {
  grid-row-gap: 1.5625vw;
  flex-direction: column;
  width: 43vw;
  display: flex;
}

.slider {
  display: none;
}

.canhelp {
  position: relative;
  overflow: hidden;
}

.canhelp.margin-100 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.canhelp__wrapper-text-1 {
  grid-column-gap: 2.34375vw;
  opacity: 0;
  display: flex;
  position: absolute;
  top: 7.5vw;
}

.canhelp__wrapper-text-2 {
  grid-column-gap: 2.34375vw;
  opacity: 0;
  display: flex;
  position: absolute;
  top: 18.9063vw;
}

.canhelp__wrapper-text-3 {
  grid-column-gap: 2.34375vw;
  opacity: 0;
  display: flex;
  position: absolute;
  top: 30.3125vw;
}

.canhelp__wrapper-text-4 {
  grid-column-gap: 2.34375vw;
  opacity: 0;
  display: flex;
  position: absolute;
  top: 41.7188vw;
}

.canhelp__wrapper-text-5 {
  grid-column-gap: 2.34375vw;
  opacity: 0;
  display: flex;
  position: absolute;
  top: 53.125vw;
}

.canhelp__wholehoverwrapper {
  opacity: 1;
  align-self: flex-start;
}

.canhelp__textsee-wrapper {
  z-index: 1;
  align-items: center;
  height: 11.4063vw;
  display: flex;
  position: relative;
}

.canhelp__head {
  margin-bottom: .9375vw;
  padding-top: 4.375vw;
}

.menu__bg {
  background-color: var(--white);
  flex-direction: column;
  align-items: center;
  height: 100%;
  padding-top: 12.5vw;
  display: flex;
}

.nav__text-about {
  color: #a36da8;
  height: 26px;
  font-family: Archivo, sans-serif;
  font-size: 18px;
  line-height: 70px;
  transition: line-height .2s;
  position: relative;
  overflow: hidden;
}

.nav__text-about:hover {
  line-height: 25.2px;
}

.nav__text-about:active {
  color: var(--aquamarine);
}

.html-embed {
  border: 1px solid var(--black);
}

.grid__link-wrap {
  grid-column-gap: 6px;
  display: flex;
}

.hero__btns-mobile {
  display: none;
}

.nav__text-contacts {
  color: #1b4130;
  height: 26px;
  font-family: Archivo, sans-serif;
  font-size: 18px;
  line-height: 70px;
  transition: line-height .2s;
  position: relative;
  overflow: hidden;
}

.nav__text-contacts:hover {
  line-height: 25.2px;
}

.nav__text-contacts:active {
  color: var(--aquamarine);
}

.menu__about {
  color: var(--black);
  height: 50px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 32px;
  font-weight: 600;
  line-height: 130px;
  transition: line-height .3s;
  position: relative;
  overflow: hidden;
}

.menu__about:hover {
  line-height: 45px;
}

.menu__work {
  color: var(--black);
  height: 50px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 32px;
  font-weight: 600;
  line-height: 130px;
  transition: line-height .3s;
  position: relative;
  overflow: hidden;
}

.menu__work:hover {
  line-height: 45px;
}

.menu__contacts {
  color: var(--black);
  height: 50px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 32px;
  font-weight: 600;
  line-height: 130px;
  transition: line-height .3s;
  position: relative;
  overflow: hidden;
}

.menu__contacts:hover {
  line-height: 45px;
}

.burger__line-2, .burger__line-3 {
  background-color: var(--black);
  width: 24px;
  height: 1px;
}

.canhelp__container {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1280px;
  padding-left: 3.90625vw;
  padding-right: 3.90625vw;
  display: block;
}

.cross {
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.cross-1 {
  background-color: var(--grey);
  width: 24px;
  height: 2px;
  transform: translate(0, 2px)rotate(-45deg);
}

.cross-2 {
  background-color: var(--grey);
  width: 24px;
  height: 2px;
  transform: translate(0)rotate(45deg);
}

.menu__header {
  background-color: var(--white);
  border-bottom: 1px solid #98aaba4d;
  justify-content: space-between;
  align-items: flex-start;
  padding: 4vw 5.6vw;
  display: flex;
}

.menu__logo.w--current {
  color: var(--red-dark);
  font-size: 1.5625vw;
  font-weight: 700;
  line-height: 1;
}

.dark-green {
  color: var(--medium-aquamarine);
  font-weight: 700;
}

.menu__wrapper-links-2 {
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.menu__about2 {
  color: var(--black);
  height: 50px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 32px;
  font-weight: 600;
  line-height: 130px;
  transition: line-height .3s;
  position: relative;
  overflow: hidden;
}

.menu__about2:hover {
  line-height: 45px;
}

.menu__work2 {
  color: var(--black);
  height: 50px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 32px;
  font-weight: 600;
  line-height: 130px;
  transition: line-height .3s;
  position: relative;
  overflow: hidden;
}

.menu__work2:hover {
  line-height: 45px;
}

.menu__contacts2 {
  color: var(--black);
  height: 50px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 32px;
  font-weight: 600;
  line-height: 130px;
  transition: line-height .3s;
  position: relative;
  overflow: hidden;
}

.menu__contacts2:hover {
  line-height: 45px;
}

.hero__light {
  z-index: -1;
  opacity: .25;
  filter: blur(150px);
  background-image: linear-gradient(#6b549a, #ffa7c6);
  justify-content: center;
  align-items: center;
  width: 92.1875vw;
  height: 31.25vw;
  position: absolute;
}

.popup {
  z-index: 1;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  inset: 0%;
}

.popup__image-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 78.125vw;
  height: 39.0625vw;
  display: flex;
}

.popup__bg {
  z-index: -1;
  background-color: #221a27cc;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.grid__img {
  object-fit: cover;
  border-radius: 16px;
  width: 100%;
  height: 100%;
  display: block;
}

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

.gallery, .gallery2, .gallery3, .gallery4 {
  display: none;
}

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

.stages__card {
  border: 1px solid #9d90b8;
  border-radius: 12px;
  width: 60.9375vw;
  height: 31.25vw;
  margin-top: -3.90625vw;
  position: sticky;
  top: 3.90625vw;
}

.stages__card.is--2 {
  background-color: var(--aquamarine);
}

.stages__card.is--3 {
  background-color: var(--red);
}

.stages__card.is--4 {
  background-color: #98aaba;
}

.stages__card.is--5 {
  background-color: var(--white);
}

.stages__image {
  opacity: .07;
  background-image: linear-gradient(#00000080, #00000080);
  width: 100%;
  height: 100%;
}

.stages__image.is--2 {
  background-image: none;
}

.stagescard__text {
  grid-row-gap: 1.5625vw;
  flex-direction: column;
  align-items: center;
  padding-top: 4.6875vw;
  padding-left: 4.6875vw;
  padding-right: 4.6875vw;
  display: flex;
  position: absolute;
  inset: 0% 0 auto 0%;
}

.biggergreen {
  color: var(--aquamarine);
  font-size: 2.1875vw;
  font-weight: 700;
}

.biggergreen.is--2 {
  color: var(--red);
}

.biggergreen.is--3 {
  color: var(--white);
}

.biggergreen.is--4, .biggergreen.is--5 {
  color: var(--red-dark);
}

.stages__head {
  color: #fff;
  align-items: center;
  height: 100%;
  margin-bottom: 7.8125vw;
  font-family: Archivo, sans-serif;
  font-size: 3.90625vw;
  line-height: 1.4;
}

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

.contacts__bgtext {
  z-index: -1;
  justify-content: center;
  width: 100vw;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.textbg {
  color: var(--grey-light);
  justify-content: center;
  width: 100vw;
  font-size: 22vw;
  font-weight: 700;
  line-height: 17.9688vw;
  display: flex;
}

.grid__4 {
  position: relative;
}

.background-video {
  z-index: 0;
  border-radius: 16px;
  width: 100%;
  height: 100%;
}

.gallery-dashboard {
  display: none;
}

.video-bg {
  z-index: 1;
  background-image: linear-gradient(to right, #0b1e54cc 15%, #0b1e5470 50%, #0b1e5447 74%, #0b1e5400);
  border-radius: 16px;
  width: 100%;
  height: 100%;
  position: absolute;
}

.video-bg.is--none {
  display: none;
}

.feedback {
  background-color: #fff;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.feedback__content {
  padding-top: 6.25vw;
}

.slider-arrow---brix {
  background-color: #4a3aff;
  border-radius: 50%;
  width: 64px;
  min-width: 64px;
  min-height: 64px;
  max-height: 64px;
  margin-top: auto;
  margin-bottom: auto;
  font-size: 22px;
  transition: box-shadow .35s, background-color .35s, color .35s, transform .35s;
  box-shadow: 0 4px 4px #0c046633;
}

.slider-arrow---brix:hover {
  color: #170f49;
  background-color: #fff;
  transform: scale(1.1);
  box-shadow: 0 4px 20px -8px #0c04661a;
}

.slider-arrow---brix:active {
  transform: scale(.94);
}

.lightbox-video---brix {
  width: 100%;
  height: 100%;
}

.gallery__5 {
  display: none;
}

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

.slider__subai.is--2 {
  background-color: #fff;
  padding-top: 56px;
}

.popup-2 {
  z-index: 1;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  inset: 0%;
  overflow: auto;
}

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

.slider__stomi.is--2 {
  background-color: #fff;
  padding-top: 0;
}

.popup-3 {
  z-index: 1;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  inset: 0%;
  overflow: auto;
}

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

.slider__sell {
  background-color: #fff;
}

.slider__sell.is--2 {
  background-color: #fff;
  padding-top: 0;
}

.icon-7, .icon-8 {
  color: var(--medium-aquamarine);
}

.slider_container {
  background-color: #0000;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 39.0625vw;
  display: flex;
}

.section-slider {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.slider-image {
  object-fit: cover;
  object-position: 100% 50%;
  border-radius: 16px;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.image-ratio_container {
  width: 100%;
  height: 100%;
  padding-top: 52.65%;
  position: relative;
}

.left-arrow-2 {
  margin-left: 7.5%;
}

.slide_content-wrapper {
  width: 100%;
  height: 100%;
  margin-left: 0%;
  position: relative;
}

.right-arrow {
  margin-right: 7.5%;
}

.slide-nav {
  transform: translate(0, 100%);
}

.slide_container {
  width: 700px;
  height: 35.1563vw;
}

.slide {
  margin-right: 12%;
}

.mask {
  width: 60.9375vw;
  overflow: visible;
}

.popup-4 {
  z-index: 1;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  inset: 0%;
  overflow: auto;
}

.icon-9, .icon-10 {
  color: var(--medium-aquamarine);
}

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

.slider__dashboard {
  background-color: #fff;
}

.slider__dashboard.is--2 {
  background-color: #fff;
  padding-top: 0;
}

.icon-11, .icon-12, .icon-13, .icon-14 {
  color: var(--medium-aquamarine);
}

.popup-5 {
  z-index: 1;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  inset: 0%;
  overflow: auto;
}

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

.slider__watch {
  background-color: #fff;
}

.slider__watch.is--2 {
  background-color: #fff;
  padding-top: 0;
}

.popup-6 {
  z-index: 1;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  inset: 0%;
  overflow: auto;
}

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

.slider__ecom {
  background-color: #fff;
}

.slider__ecom.is--2 {
  background-color: #fff;
  padding-top: 0;
}

.popup-7 {
  z-index: 1;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  inset: 0%;
  overflow: auto;
}

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

.slider__app {
  background-color: #fff;
}

.slider__app.is--2 {
  background-color: #fff;
  padding-top: 0;
}

.slider_container-2 {
  background-color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: auto;
  display: flex;
  overflow: hidden;
}

.section-slider-2 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 56px;
  display: flex;
}

.slider-image-2 {
  object-fit: cover;
  object-position: 100% 50%;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.slide_container-2 {
  height: auto;
}

.image-ratio_container-2 {
  border: 2px solid #d6dde3;
  border-radius: 16px;
  width: 60.9375vw;
  min-height: 29vw;
  position: relative;
  box-shadow: 0 3px 7px #221a270a;
}

.right-arrow-3 {
  margin-right: 7.5%;
}

.slide-2 {
  margin-right: 12.5%;
}

.icon-15, .icon-16 {
  color: var(--medium-aquamarine);
}

.div-block {
  grid-row-gap: 28px;
  flex-direction: column;
  height: auto;
  padding: 4vw 6vw 3vw;
  display: flex;
  position: absolute;
  inset: 0%;
}

.gallery6 {
  display: none;
}

.new-section {
  background-color: #fff;
  flex-flow: column;
  align-items: center;
  margin-top: 20px;
  display: flex;
}

.new-section.dark {
  background-color: #000;
  align-items: center;
  margin-top: 0;
  padding-bottom: 100px;
}

.new-section.no-margin {
  margin-top: 0;
}

.new-section.no-margin.grey {
  background-color: #2e2e2e;
}

.new-section.no-margin.grey.bottom-margin {
  padding-bottom: 500px;
}

.new-section.no-margin.grey.top-margin {
  margin-top: 100px;
}

.new-section.no-margin.minus-margin {
  background-color: #0000;
  margin-top: -480px;
}

.new-section.no-margin.light-grey {
  background-color: #f5f5f5;
}

.new-section.no-margin.light-grey.bottom-margin {
  padding-bottom: 500px;
}

.new-section.no-margin.minus-margin-2 {
  background-color: #0000;
  margin-top: -480px;
}

.new-section.no-margin.light-blue {
  background-color: #f5f5f5;
}

.new-section.no-margin.light-blue.bottom-margin {
  background-color: #f3f7fe;
  padding-bottom: 500px;
}

.new-section.bg {
  background-image: url('../images/Background_1.webp');
  background-position: 0 0;
  background-size: auto;
  position: relative;
}

.new-section.minus-margin {
  background-color: #0000;
  margin-top: -140px;
  position: relative;
}

.new-section.bg-copy {
  background-image: url('../images/Background_2.webp');
  background-position: 0 0;
  background-size: auto;
  position: relative;
}

.new-section.bg-copy.margin-top {
  margin-top: 80px;
}

.new-section.bg-pic {
  background-image: url('../images/Tablet-Screen-Mockup-On-Concrete-03-copy-1_1.webp');
  background-position: 0 0;
  background-size: auto;
  height: 1280px;
  position: relative;
}

.new-section.bg-pic.no-margin {
  background-image: url('../images/Tablet-Screen-Mockup-On-Concrete-03-copy-1_2.webp');
  background-position: 50%;
  background-size: cover;
}

.new-section.bg-pic-2 {
  background-image: url('../images/Tablet-Screen-Mockup-On-Concrete-03-copy-1_1.webp');
  background-position: 0 0;
  background-size: auto;
  min-height: 1000px;
  position: relative;
}

.new-section.bg-pic-2.no-margin {
  background-image: url('../images/amazon_1.webp');
  background-position: 50%;
  background-size: cover;
}

.new-section.bg-pic-sweden {
  background-image: url('../images/Rectangle-4636_1.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 1000px;
  position: relative;
}

.new-section.bg-pic-sellametrics {
  background-image: url('../images/Tablet-Screen-Mockup-On-Concrete-03-copy-1_2.webp');
  background-position: 50%;
  background-size: cover;
  min-height: 1000px;
  position: relative;
}

.new-section.bg-pic-amazon {
  background-image: url('../images/Rectangle-4641_1.webp');
  background-position: 0 0;
  background-size: cover;
  min-height: 1000px;
  position: relative;
}

.new-section.bg-pic-amazon.no-margin {
  background-image: url('../images/amazon_1.webp');
  background-position: 50%;
  background-size: cover;
}

.new-section.bg-swedish {
  background-image: url('../images/Background1_1.webp');
  background-position: 0 0;
  background-size: auto;
  position: relative;
}

.new-section.transparent {
  background-color: #0000;
}

.hero-title-parent {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 130px;
  padding-bottom: 60px;
  display: flex;
  position: relative;
}

.h1-farro {
  color: #98aaba;
  font-family: Farro, Georgia, sans-serif;
  font-size: 6vw;
  font-weight: 400;
  line-height: 1.2;
}

.h1-farro.white {
  color: var(--white);
}

.title-pic {
  background-image: url('../images/Vector.svg');
  background-position: 50%;
  background-size: cover;
  border-radius: 12px;
  width: 11.7188vw;
  height: 7.03125vw;
  margin-left: 4px;
}

.title-pic._2 {
  background-image: url('../images/Untitled-7.png');
  background-repeat: no-repeat;
  background-size: contain;
  background-attachment: scroll;
}

.title-pic.long {
  background-image: url('../images/Vector.svg');
  width: 22.4219vw;
  height: 3.82813vw;
  margin-left: 20px;
}

.title-pic.wide {
  background-image: url('../images/Untitled-9-1.png');
  width: 35.625vw;
  height: 5.625vw;
  margin-right: 20px;
}

.title-pic.hero {
  z-index: 4;
  background-image: url('../images/119043905_2670567209822898_5494199198737757123_n.jpeg');
  width: 12.8125vw;
  height: 7.8125vw;
  position: relative;
}

.hero-title-child {
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
}

.content-wrapper {
  padding-top: 100px;
  position: relative;
}

.upper {
  color: var(--white);
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.3;
}

.item-wrapper {
  width: 60%;
  padding-top: 24px;
  padding-bottom: 24px;
}

.h2-title {
  color: var(--red);
  font-family: Farro, Georgia, sans-serif;
  font-size: 3.90625vw;
  font-weight: 500;
}

.h2-title.black {
  color: var(--black);
}

.h2-title.red-dark {
  color: var(--red-dark);
}

.image-wrapper {
  z-index: 1;
  grid-column-gap: 28px;
  grid-row-gap: 28px;
  opacity: 0;
  background-color: #fbe6fd;
  border-radius: 24px;
  flex-flow: column;
  width: 31.25vw;
  height: auto;
  padding: 40px 28px;
  display: flex;
  position: absolute;
  inset: 20% 0% 0% auto;
  overflow: hidden;
  transform: rotate(3deg);
}

.image-wrapper.static {
  opacity: 1;
  width: auto;
  height: auto;
  position: static;
}

.image-wrapper.static._1-5grad {
  background-color: #ffffc3;
  transform: rotate(-1.5deg);
}

.image-wrapper.static._2-42grad {
  background-color: #75fbc1;
  transform: rotate(2.42deg);
}

.card-ttitle {
  font-family: Rubik, sans-serif;
  font-size: 32px;
  font-weight: 500;
  line-height: 1.2;
}

.text-block-2 {
  font-family: Rubik, sans-serif;
  font-size: 1.40625vw;
  font-weight: 400;
  line-height: 1.5;
}

.red-light {
  color: var(--red);
}

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

.black {
  color: var(--black);
}

.galleryswedish {
  display: none;
}

.hero-title-child-black, .hero-title-child-hidden {
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: absolute;
}

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

.light-color-overlay {
  z-index: 3;
  background-color: #ffffffb3;
  width: 0%;
  min-height: 6vw;
  position: absolute;
  inset: 0% 0% auto auto;
}

.light-color-overlay.row-2 {
  background-color: #ffffffa6;
}

.light-color-overlay.row-3 {
  top: 7vw;
}

.light-color-overlay.row-4 {
  top: 16vw;
}

.light-color-overlay.row-5 {
  top: 22vw;
}

.light-color-overlay.row-6 {
  top: 28vw;
}

.h2-title-name {
  color: var(--red);
  font-family: Farro, Georgia, sans-serif;
  font-size: 3.90625vw;
  font-weight: 500;
}

.h2-title-name.black {
  color: var(--black);
}

.h2-title-name.red-dark {
  color: var(--red-dark);
}

.h2-title-name.white {
  color: var(--white);
}

.popup-8 {
  z-index: 1;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  inset: 0%;
  overflow: auto;
}

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

.popup-9 {
  z-index: 1;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  inset: 0%;
  overflow: auto;
}

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

.case-section {
  background-image: url('../images/Tablet-Screen-Mockup-On-Concrete-03-copy-1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.case-section._2 {
  background-image: url('../images/Tablet-Screen-Mockup-On-Concrete-03-copy-1_3.webp');
}

.case-section.masya {
  background-image: url('../images/163-копия-—-копия-1_1.webp');
  justify-content: flex-end;
  align-items: center;
  width: 100vw;
  height: 100vh;
}

.case-text-wrapper {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  justify-content: space-between;
  align-items: center;
  padding-top: 100px;
  display: flex;
}

.case-summary-wrapper-text {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  display: flex;
}

.summary-text-work-text {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  place-items: flex-start end;
  padding-top: 100px;
  display: grid;
}

.role-wrapper {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  display: flex;
}

.div-block-3 {
  z-index: 0;
  background-image: url('../images/Frame-40470.png');
  background-position: 50%;
  background-repeat: repeat-y;
  background-size: cover;
  background-attachment: scroll;
  border-radius: 16px;
  padding: 6px 12px;
}

.overview-section-wrapper {
  padding-top: 100px;
  padding-bottom: 60px;
}

.overview-top {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  display: flex;
}

.overview-top.short {
  width: 50%;
}

.text-block-3 {
  color: var(--black);
  font-family: Rubik, sans-serif;
  font-size: 2vw;
  font-weight: 500;
  line-height: 1.3;
}

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

.overview-bottom {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 40px;
  display: grid;
}

.overview-column {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  display: flex;
}

.div-block-4 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  display: flex;
}

.team-section-wrapper {
  padding-top: 100px;
  padding-bottom: 100px;
}

.team-section-top {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: flex-start;
  align-items: center;
  padding-bottom: 60px;
  display: flex;
}

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

.team-section-bottom.steps {
  margin-top: 60px;
}

.team-card {
  grid-column-gap: 160px;
  grid-row-gap: 160px;
  background-color: #f4f7ff;
  border: 1px solid #ccd;
  border-radius: 16px;
  flex-flow: column;
  padding: 16px 20px;
  display: flex;
}

.team-card.founder {
  justify-content: space-between;
}

.team-card.designer {
  justify-content: space-between;
  align-items: stretch;
}

.team-card.understand, .team-card.define, .team-card.ideate, .team-card.design, .team-card.test {
  justify-content: space-between;
}

.text-block-4 {
  font-family: Rubik, sans-serif;
  font-size: 16px;
}

.video-wrapper {
  margin-bottom: 100px;
}

.challenges-section {
  padding-top: 100px;
  padding-bottom: 40px;
}

.goals-wrapper {
  margin-top: 40px;
}

.text-block-5 {
  color: var(--white);
  font-family: Farro, Georgia, sans-serif;
  font-size: 40px;
  font-weight: 500;
  line-height: 1.3;
}

.goals-grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 24px;
  display: grid;
}

.goals-line {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

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

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

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

.div-block-6 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  display: flex;
}

.competitive-wrapper {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  margin-top: 24px;
  display: flex;
}

.define-step-wrapper {
  padding-bottom: 80px;
}

.define-step-wrapper.margin {
  padding-top: 80px;
}

.persona-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 40px;
  display: grid;
}

.ideate-step-wrapper {
  padding-top: 100px;
  padding-bottom: 200px;
}

.div-block-7 {
  margin-top: -100px;
}

.image-2 {
  border-radius: 16px;
  margin-bottom: 100px;
}

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

.projects-wrapper {
  position: relative;
  overflow: hidden;
}

.projects-marquee-container {
  width: 240vw;
  display: flex;
}

.project-marquee {
  width: 50%;
  display: flex;
}

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

.projects-wrapper-2 {
  padding-bottom: 100px;
  position: relative;
  overflow: hidden;
}

.projects-marquee-container-2 {
  width: 240vw;
  display: flex;
}

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

.projects-wrapper-3 {
  padding-bottom: 8px;
  position: relative;
  overflow: hidden;
}

.project-marquee-2 {
  justify-content: flex-start;
  width: 50%;
  display: flex;
}

.design-section {
  padding-top: 100px;
  padding-bottom: 100px;
}

.lottie-anim {
  border: 4px solid #000;
  border-radius: 8px;
  margin: 50px 3px;
}

.design-wrapper {
  margin-bottom: 50px;
  padding-bottom: 250px;
  position: relative;
}

.design-wrapper.margin-top {
  margin-top: 100px;
}

.div-block-9 {
  width: 65%;
  position: absolute;
  inset: auto 0% 0% auto;
}

.project-marquee-3 {
  width: 50%;
  display: flex;
}

.hints-wrapper {
  padding-top: 100px;
  padding-bottom: 100px;
}

.hints-white {
  background-color: var(--white);
  padding: 50px 25px;
}

.ui-designs-wrapper {
  padding-top: 80px;
  padding-bottom: 80px;
}

.project-marquee-4, .project-marquee-5 {
  width: 50%;
  display: flex;
}

.image-3 {
  height: 800px;
}

.projects-marquee-container-2-right {
  justify-content: flex-end;
  width: 240vw;
  display: flex;
}

.link-block {
  position: absolute;
  inset: 0%;
}

.link-block-2 {
  z-index: 0;
  cursor: none;
  position: absolute;
  inset: 0%;
}

.image-4 {
  width: 40px;
  height: 40px;
}

.image-5 {
  width: 32px;
  height: 32px;
}

.group2_img {
  width: 5em;
  height: 5em;
  position: absolute;
  inset: 0% auto auto 0%;
}

.group2_text {
  color: #fff;
  letter-spacing: -.03em;
  margin-bottom: 9%;
  font-family: Farro, Georgia, sans-serif;
  font-size: 5em;
  font-weight: 500;
  line-height: 1.2;
}

.group2_parent {
  color: #fff;
  text-align: center;
  flex: none;
  transition: color .4s;
  position: relative;
}

.group2_parent:hover {
  color: #f6a40d;
}

.group1_img {
  width: 10%;
  position: absolute;
  inset: auto auto 0% 0%;
}

.section-height {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  padding: 5%;
  display: flex;
}

.section-height.dark {
  color: #fff;
  background-color: #2e2e2e;
  height: 70vh;
}

.group1_parent {
  width: 103%;
  margin-top: 140px;
  margin-bottom: -1.5%;
  margin-left: -1%;
  position: relative;
}

.group1_embed {
  color: #000;
  width: 100%;
}

.page-wrapper {
  width: 100%;
  padding-top: 50px;
  font-size: 1em;
  overflow: hidden;
}

.group2_embed {
  width: 100%;
  max-width: 100%;
  position: absolute;
  inset: auto 0% 0%;
}

.group2_embed:hover {
  color: var(--aquamarine);
}

.heading-2 {
  text-align: center;
  letter-spacing: -.04em;
  font-size: 8em;
  line-height: 1;
}

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

.hi-fi-design {
  margin-top: 100px;
  margin-bottom: 50px;
}

.div-block-10 {
  background-image: url('../images/Frame-1000002440_1.webp');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
  width: 100vw;
  height: 600px;
}

.design-grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-image: none;
  background-repeat: repeat;
  background-size: auto;
  grid-template-rows: auto;
  grid-template-columns: 1.75fr 1fr;
  grid-auto-columns: 1fr;
  width: 100vw;
  display: grid;
}

.text-design-description {
  grid-column-gap: 1vw;
  grid-row-gap: 1vw;
  flex-flow: column;
  margin-right: 7.8125vw;
  display: flex;
}

.blue-tablet-mobile-wrapper {
  display: none;
}

.design-grid-second {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-image: none;
  background-repeat: repeat;
  background-size: auto;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.75fr;
  grid-auto-columns: 1fr;
  width: 100vw;
  margin-top: 50px;
  margin-bottom: 50px;
  display: grid;
}

.text-design-description-second {
  grid-column-gap: 1vw;
  grid-row-gap: 1vw;
  flex-flow: column;
  margin-left: 7.8125vw;
  display: flex;
}

.sweden-grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 50px;
  display: grid;
}

.sellametrics-case {
  background-image: url('../images/Hero-sell_1.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.sellametrics-case._2 {
  background-image: url('../images/Tablet-Screen-Mockup-On-Concrete-03-copy-1_3.webp');
}

.sell-wrapper-pages {
  padding-bottom: 40px;
}

.sell-wrapper-pages.top-margin {
  margin-top: 60px;
}

.article-pic {
  border-radius: 16px;
  margin-top: 20px;
}

.additional-task-wrapper {
  padding-top: 80px;
  padding-bottom: 80px;
}

.pricing-page-wrapper {
  padding-bottom: 40px;
}

.pricing-page-wrapper.top-margin {
  margin-top: 60px;
}

.masya-home {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  place-items: center end;
  padding-bottom: 50px;
  display: grid;
}

.showcase_heading {
  color: #1c2431;
  text-align: left;
  font-size: 25vw;
}

.container-2 {
  grid-row-gap: 1.5rem;
  flex-flow: wrap;
  width: 90%;
  max-width: 90rem;
  margin-left: auto;
  margin-right: auto;
}

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

.showcase_heading-bottom {
  z-index: 1;
  font-family: Farro, Georgia, sans-serif;
  position: relative;
}

.showcase_card {
  z-index: 5;
  background-color: var(--red);
  color: #fedf89;
  border-radius: 1rem;
  justify-content: center;
  align-items: center;
  width: 20rem;
  height: 15rem;
  font-size: 8vw;
  font-weight: 700;
  display: flex;
  position: absolute;
  bottom: 0;
  transform: rotate(-25deg);
}

.showcase_heading-top {
  z-index: 10;
  font-family: Farro, Georgia, sans-serif;
  position: relative;
}

.showcase_sticky {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
}

.section_showcase-cover {
  z-index: 0;
  background-color: #000;
  height: 100vh;
}

.text-block-6 {
  font-family: Farro, Georgia, sans-serif;
}

.marketing-section-wrapper {
  padding-top: 100px;
}

.marketing-video {
  z-index: 0;
  border-radius: 16px;
  width: 100%;
  height: 100%;
}

.group3_img {
  width: 10%;
  position: absolute;
  inset: auto auto 0% 0%;
}

.creative-journey, .sweden-background-video, .website-design-video {
  width: 100vw;
  margin-bottom: 100px;
}

.cursor-fill {
  z-index: 2;
  border: 1px solid var(--aquamarine);
  background-color: var(--aquamarine);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 14px;
  height: 14px;
  display: flex;
  position: fixed;
}

.cursor-fill.is--2 {
  background-color: var(--aquamarine);
  border-style: none;
  width: 14px;
  height: 14px;
}

.bg-hero-marketing {
  width: 100vw;
  height: 60vh;
}

.div-block-11 {
  width: 100vw;
}

.polls-wrapper {
  padding-bottom: 80px;
}

@media screen and (min-width: 1280px) {
  .header__container {
    padding: 42px 59px;
  }

  .logotype {
    font-size: 20px;
    line-height: 1.1;
  }

  .nav {
    grid-column-gap: 40px;
  }

  .nav__text-work {
    font-size: 18px;
    line-height: 70px;
  }

  .container {
    padding-left: 56px;
    padding-right: 56px;
  }

  .text-bg {
    color: #afafaf1f;
    font-size: 270px;
    line-height: 294px;
  }

  .hero__overhead {
    font-size: 24px;
    line-height: 1.4;
  }

  .hero__heading-wrapper {
    margin-top: -210px;
  }

  .heading {
    font-size: 112px;
    line-height: 1.3;
  }

  .hero__btn-wrapper {
    grid-column-gap: 32px;
    margin-top: 100px;
  }

  .button-red {
    width: 171px;
    height: 57px;
    padding: 16px 40px 18px;
    font-size: 18px;
    line-height: 115px;
  }

  .button-red:hover {
    line-height: 25.2px;
  }

  .button-green {
    height: 57px;
    padding: 18px 40px 16px;
    font-size: 18px;
    line-height: 115px;
  }

  .button-green:hover {
    line-height: 25.2px;
  }

  .arrow {
    width: 46px;
    height: 46px;
    bottom: 56px;
    left: 50%;
    right: auto;
    transform: translate(-50%);
  }

  .arrow__circle {
    width: 46px;
    height: 46px;
  }

  .arrow__color-circle {
    width: 36px;
    height: 36px;
  }

  .arrow__icon-wrapper {
    width: 24px;
    height: 24px;
  }

  .arrow__stroke {
    width: 46px;
    height: 46px;
  }

  .cursor {
    width: 21px;
    height: 21px;
  }

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

  .aboutme__content {
    padding-top: 56px;
    padding-left: 126px;
    padding-right: 126px;
  }

  .overhead {
    font-size: 20px;
    line-height: 28px;
  }

  .aboutme__text {
    margin-top: 24px;
    font-size: 40px;
    line-height: 1.6;
  }

  .head-h2 {
    font-size: 50px;
    line-height: 1.4;
  }

  .head-h2.is--color {
    width: 100%;
    font-size: 50px;
    line-height: 1.4;
  }

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

  .work__head {
    margin-bottom: 56px;
  }

  .grid {
    grid-column-gap: 20px;
    grid-row-gap: 56px;
  }

  .grid__image-wrapper {
    width: 580px;
    height: 500px;
    margin-bottom: 20px;
  }

  .grid__text {
    font-size: 18px;
    line-height: 1.4;
  }

  .work__head-2 {
    margin-top: 16px;
  }

  .text-block {
    font-size: 250px;
    line-height: 230px;
  }

  .work__grid-app {
    grid-column-gap: 20px;
    margin-top: -56px;
  }

  .grid-app__image-wrapper {
    width: 580px;
    height: 500px;
  }

  .head-h4 {
    font-size: 24px;
    line-height: 1.4;
  }

  .text {
    font-size: 18px;
    line-height: 1.4;
  }

  .why.margin-100 {
    justify-content: center;
    align-items: center;
  }

  .why__content {
    padding-top: 100px;
  }

  .why__circle {
    filter: blur(150px);
    width: 500px;
    height: 500px;
    top: 35%;
  }

  .why__head {
    font-size: 50px;
    line-height: 1.4;
  }

  .why__cards {
    grid-row-gap: 20px;
    max-width: 780px;
    margin-top: 100px;
  }

  .why__card-wrapper {
    width: 380px;
    height: 324px;
  }

  .why__text {
    grid-row-gap: 20px;
    padding-top: 60px;
    padding-left: 60px;
    padding-right: 60px;
    inset: 0% 0% auto;
  }

  .text.is--green {
    display: block;
  }

  .why__card-absolut {
    grid-row-gap: 20px;
    top: -100px;
  }

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

  .contacts__content {
    padding-top: 100px;
    padding-bottom: 70px;
  }

  .contacts__left-side {
    grid-row-gap: 20px;
    width: 480px;
  }

  .contacts__icon-line {
    grid-column-gap: 16px;
  }

  .contacts__icon-wrapper {
    width: 40px;
    height: 40px;
  }

  .contacts__contacts {
    grid-row-gap: 14px;
  }

  .contacts__both-sides {
    grid-column-gap: 20px;
    margin-top: 32px;
  }

  .footer {
    background-color: var(--white);
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .footer__in-wrapper {
    height: 24px;
  }

  .footer__be-wrapper {
    width: 31px;
    height: 20px;
  }

  .work__behance {
    font-size: 18px;
  }

  .menu {
    display: none;
  }

  .contacts__text-wrapper-left {
    grid-row-gap: 20px;
    width: 550px;
  }

  .canhelp__wrapper-text-1 {
    grid-column-gap: 30px;
    opacity: 0;
    top: 92px;
  }

  .canhelp__wrapper-text-2 {
    grid-column-gap: 30px;
    opacity: 0;
    top: 240px;
  }

  .canhelp__wrapper-text-3 {
    grid-column-gap: 30px;
    opacity: 0;
    top: 386px;
  }

  .canhelp__wrapper-text-4 {
    grid-column-gap: 30px;
    opacity: 0;
    top: 534px;
  }

  .canhelp__wrapper-text-5 {
    grid-column-gap: 30px;
    opacity: 0;
    top: 680px;
  }

  .canhelp__textsee-wrapper {
    height: 146px;
  }

  .canhelp__head {
    margin-bottom: 12px;
    padding-top: 56px;
  }

  .nav__text-about, .nav__text-contacts {
    font-size: 18px;
    line-height: 70px;
  }

  .canhelp__container {
    padding-left: 56px;
    padding-right: 56px;
  }

  .hero__light {
    width: 1180px;
    height: 400px;
  }

  .popup {
    display: none;
  }

  .popup__image-wrapper {
    width: 1000px;
    height: 500px;
  }

  .stages.margin-100 {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .stages__card {
    width: 780px;
    height: 400px;
    margin-top: -50px;
    top: 50px;
  }

  .stagescard__text {
    grid-row-gap: 20px;
    padding-top: 60px;
    padding-left: 60px;
    padding-right: 60px;
  }

  .biggergreen {
    font-size: 28px;
  }

  .stages__head {
    margin-bottom: 100px;
    font-size: 50px;
    line-height: 1.4;
  }

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

  .textbg {
    font-size: 280px;
    line-height: 230px;
  }

  .feedback__content {
    padding-top: 90px;
  }

  .popup-2, .popup-3 {
    display: none;
  }

  .mask {
    width: 780px;
  }

  .popup-4, .popup-5, .popup-6, .popup-7 {
    display: none;
  }

  .image-ratio_container-2 {
    width: 780px;
    min-height: 370px;
  }

  .div-block {
    padding: 56px 80px 40px;
  }

  .h1-farro {
    font-size: 76px;
    font-weight: 400;
    line-height: 1.2;
  }

  .title-pic.long {
    width: 288px;
    height: 50px;
  }

  .title-pic.wide {
    width: 456px;
    height: 72px;
  }

  .title-pic.hero {
    width: 150px;
    height: 90px;
  }

  .h2-title {
    font-size: 50px;
  }

  .image-wrapper {
    width: 420px;
    inset: 20% 0% 0% auto;
  }

  .text-block-2 {
    font-size: 20px;
  }

  .light-color-overlay {
    min-height: 76px;
  }

  .light-color-overlay.row-3 {
    top: 90px;
  }

  .light-color-overlay.row-4 {
    top: 190px;
  }

  .light-color-overlay.row-5 {
    top: 280px;
  }

  .light-color-overlay.row-6 {
    top: 360px;
  }

  .h2-title-name {
    font-size: 50px;
  }

  .popup-8, .popup-9 {
    display: none;
  }

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

  .group1_img {
    width: 9%;
  }

  .group1_parent {
    margin-top: 180px;
  }

  .cursor-fill {
    width: 21px;
    height: 21px;
  }
}

@media screen and (min-width: 1920px) {
  .wrapper.no-color {
    background-image: none;
  }

  .new-section.bg-pic-sweden {
    background-image: url('../images/Rectangle-4636_1.webp');
  }

  .new-section.transparent {
    margin-top: 20px;
  }

  .hero-title-parent {
    padding-bottom: 0;
  }

  .define-step-wrapper.margin {
    padding-top: 80px;
  }

  .projects-marquee-container-2, .projects-marquee-container-2-right {
    width: 200vw;
  }

  .group1_img {
    width: 8%;
  }

  .section-height.dark {
    height: 60vh;
  }

  .group1_parent {
    margin-top: 220px;
  }

  .text-design-description {
    grid-column-gap: 52px;
    grid-row-gap: 52px;
    margin-right: 350px;
  }

  .design-grid-second {
    margin-top: 70px;
    margin-bottom: 70px;
  }

  .text-design-description-second {
    grid-column-gap: 52px;
    grid-row-gap: 52px;
    margin-left: 350px;
  }

  .creative-journey, .sweden-background-video, .website-design-video {
    height: 70vh;
  }

  .bg-hero-marketing {
    margin-top: 120px;
  }
}

@media screen and (max-width: 991px) {
  .header__container {
    padding: 4vw 5.6vw;
  }

  .logotype {
    font-size: 2vw;
    line-height: 1.1;
  }

  .nav {
    grid-column-gap: 4vw;
    display: none;
  }

  .nav__text-work {
    font-size: 1.8vw;
    line-height: 1.4;
  }

  .hero.margin-100 {
    min-height: 600px;
  }

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

  .text-bg {
    font-size: 20vw;
    line-height: 21.8vw;
  }

  .hero__overhead {
    font-size: 2vw;
    line-height: 1.4;
  }

  .hero__heading-wrapper {
    margin-top: -16vw;
  }

  .heading {
    font-size: 9.2vw;
    line-height: 1.3;
  }

  .hero__btn-wrapper {
    grid-column-gap: 3.2vw;
    margin-top: 8vw;
  }

  .button-red {
    width: 153px;
    height: 51px;
    padding: 14px 36px 16px;
    font-size: 16px;
    line-height: 115px;
    overflow: hidden;
  }

  .button-red:hover {
    line-height: 22.4px;
  }

  .button-green {
    height: 51px;
    padding: 14px 36px 16px;
    font-size: 16px;
    line-height: 115px;
  }

  .button-green:hover {
    line-height: 22.4px;
  }

  .arrow {
    width: 4.6vw;
    height: 4.6vw;
    bottom: 5.6vw;
    left: 50%;
  }

  .arrow__circle {
    width: 4.6vw;
    height: 4.6vw;
  }

  .arrow__color-circle {
    width: 3.6vw;
    height: 3.6vw;
  }

  .arrow__icon-wrapper {
    width: 2.4vw;
    height: 2.4vw;
  }

  .arrow__stroke {
    width: 4.6vw;
    height: 4.6vw;
  }

  .cursor {
    width: 20px;
    height: 20px;
  }

  .aboutme__content {
    padding-top: 5.6vw;
    padding-left: 7.2vw;
    padding-right: 7.1vw;
  }

  .overhead {
    font-size: 1.8vw;
    line-height: 1.4;
  }

  .aboutme__text {
    margin-top: 2.4vw;
    font-size: 3.2vw;
    line-height: 1.6;
  }

  .head-h2, .head-h2.is--color {
    font-size: 4vw;
    line-height: 1.4;
  }

  .work__content {
    padding-top: 10vw;
    padding-bottom: 10vw;
  }

  .work__head {
    justify-content: space-between;
    margin-bottom: 5.6vw;
  }

  .grid {
    grid-column-gap: 2vw;
    grid-row-gap: 4vw;
  }

  .grid__image-wrapper {
    width: 43.4vw;
    height: 37.4vw;
    margin-bottom: 2vw;
  }

  .grid__text {
    font-size: 15px;
    line-height: 1.4;
  }

  .text-block {
    font-size: 18vw;
    line-height: 20vw;
  }

  .work__grid-app {
    grid-column-gap: 2vw;
    margin-top: -6vw;
  }

  .grid-app__image-wrapper {
    width: 43.4vw;
    height: 37.4vw;
  }

  .head-h4 {
    font-size: 2vw;
    line-height: 1.4;
  }

  .head-h4.is--grey {
    font-size: 18px;
  }

  .text {
    font-size: 1.6vw;
    line-height: 1.4;
  }

  .why__content {
    padding-top: 10vw;
  }

  .why__circle {
    width: 40vw;
    height: 40vw;
    top: 35%;
  }

  .why__head {
    font-size: 4vw;
    line-height: 1.4;
  }

  .why__cards {
    grid-row-gap: 2vw;
    max-width: 78vw;
    margin-top: 5.6vw;
  }

  .why__card-wrapper {
    width: 38vw;
    height: 30vw;
  }

  .why__text {
    grid-row-gap: 2vw;
    padding-top: 6vw;
    padding-left: 6vw;
    padding-right: 6vw;
  }

  .text {
    font-size: 14px;
  }

  .text.is--black {
    font-size: 16px;
  }

  .text.is--green {
    font-size: 15px;
  }

  .why__card-absolut {
    grid-row-gap: 2vw;
    top: -10vw;
  }

  .contacts__content {
    padding-top: 6vw;
    padding-bottom: 6vw;
  }

  .contacts__left-side {
    width: 48vw;
  }

  .contacts__icon-line {
    grid-column-gap: 1.6vw;
  }

  .contacts__icon-wrapper {
    width: 4vw;
    height: 4vw;
  }

  .contacts__contacts {
    grid-row-gap: 2vw;
  }

  .work__behance {
    font-size: 18px;
  }

  .burger {
    display: block;
  }

  .burger__line-1 {
    height: 2px;
  }

  .menu {
    z-index: 4;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: none;
  }

  .menu__wrapper-links {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .margin-100 {
    margin-bottom: 10vw;
  }

  .contacts__text-wrapper-left {
    grid-row-gap: 2vw;
    width: 48vw;
  }

  .canhelp__wrapper-text-1 {
    grid-column-gap: 3vw;
    opacity: 0;
    top: 9.2vw;
  }

  .canhelp__wrapper-text-2 {
    grid-column-gap: 3vw;
    opacity: 0;
    top: 21.2vw;
  }

  .canhelp__wrapper-text-3 {
    grid-column-gap: 3vw;
    opacity: 0;
    top: 33.2vw;
  }

  .canhelp__wrapper-text-4 {
    grid-column-gap: 3vw;
    opacity: 0;
    top: 45.2vw;
  }

  .canhelp__wrapper-text-5 {
    grid-column-gap: 3vw;
    opacity: 0;
    top: 57.2vw;
  }

  .canhelp__textsee-wrapper {
    height: 12vw;
  }

  .canhelp__head {
    margin-bottom: 1.2vw;
    padding-top: 5.6vw;
  }

  .menu__bg {
    flex-direction: column;
    padding-top: 16vw;
    display: flex;
  }

  .nav__text-about {
    font-size: 1.8vw;
    line-height: 1.4;
  }

  .hero__btns-mobile {
    display: none;
  }

  .nav__text-contacts {
    font-size: 1.8vw;
    line-height: 1.4;
  }

  .menu__about {
    color: #a36da8;
    background-color: #fbe6fd;
    border-radius: 12px;
    padding-left: 56px;
    padding-right: 56px;
    font-family: Farro, Georgia, sans-serif;
    display: block;
  }

  .menu__work {
    color: #727236;
    background-color: #ffffc3;
    border-radius: 12px;
    padding-left: 56px;
    padding-right: 56px;
    font-family: Farro, Georgia, sans-serif;
    display: block;
  }

  .menu__contacts {
    color: #1b4130;
    background-color: #75fbc1;
    border-radius: 12px;
    padding-left: 56px;
    padding-right: 56px;
    font-family: Farro, Georgia, sans-serif;
    display: block;
  }

  .burger__line-2, .burger__line-3 {
    height: 2px;
  }

  .canhelp__container {
    padding-left: 5.6vw;
    padding-right: 5.6vw;
  }

  .cross {
    z-index: 3;
    cursor: pointer;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 16px;
    display: flex;
  }

  .cross-1 {
    background-color: var(--grey);
    transform: translate(0)rotate(-45deg);
  }

  .cross-2 {
    background-color: var(--grey);
    transform: translate(0, -2px)rotate(45deg);
  }

  .menu__header {
    background-color: var(--white);
    border-bottom: 1px solid #98aaba4d;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 4vw 5.6vw;
    display: flex;
  }

  .menu__logo {
    color: var(--red-dark);
    font-size: 20px;
    font-weight: 700;
    line-height: 1.1;
  }

  .menu__logo.w--current {
    flex: 0 auto;
    font-size: 2vw;
  }

  .dark-green {
    color: var(--medium-aquamarine);
  }

  .menu__wrapper-links-2 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: none;
  }

  .menu__about2, .menu__work2, .menu__contacts2 {
    display: block;
  }

  .hero__light {
    width: 90vw;
    height: 35vw;
  }

  .popup {
    display: none;
  }

  .popup__image-wrapper {
    width: 88.8vw;
    height: 50vw;
  }

  .popup__bg {
    height: 100%;
  }

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

  .stages__card {
    width: 78vw;
    height: 40vw;
    margin-top: -5vw;
    top: 5vw;
  }

  .stagescard__text {
    grid-row-gap: 2vw;
    padding-top: 6vw;
    padding-left: 6vw;
    padding-right: 6vw;
  }

  .biggergreen {
    font-size: 2.4vw;
  }

  .stages__head {
    margin-bottom: 10vw;
    font-size: 4vw;
    line-height: 1.4;
  }

  .textbg {
    font-size: 22vw;
    line-height: 20vw;
  }

  .feedback__head {
    width: 100%;
  }

  .lightbox-video---brix {
    height: auto;
  }

  .popup-2, .popup-3 {
    display: none;
  }

  .left-arrow-2 {
    margin-left: 9%;
  }

  .mask {
    width: 78vw;
  }

  .popup-4, .popup-5, .popup-6, .popup-7 {
    display: none;
  }

  .slider_container-2 {
    height: 52.0833vw;
  }

  .section-slider-2 {
    margin-top: 40px;
  }

  .image-ratio_container-2 {
    width: 78vw;
    min-height: 43vw;
  }

  .right-arrow-3 {
    margin-right: 9%;
  }

  .div-block {
    grid-row-gap: 20px;
    padding: 5.6vw 7vw 4vw;
  }

  .new-section.no-margin.grey.top-margin {
    margin-top: 60px;
  }

  .new-section.no-margin.minus-margin-2 {
    margin-top: -550px;
  }

  .new-section.bg-copy.margin-top {
    margin-top: 60px;
  }

  .new-section.bg-pic-2 {
    background-position: 50%;
    background-size: cover;
    min-height: 600px;
  }

  .new-section.bg-pic-sweden, .new-section.bg-pic-sellametrics {
    min-height: 600px;
  }

  .new-section.bg-pic-amazon {
    background-position: 50%;
    background-size: cover;
    min-height: 600px;
  }

  .hero-title-parent {
    padding-top: 80px;
    padding-bottom: 24px;
  }

  .h1-farro {
    font-size: 5.5vw;
  }

  .h1-farro.white {
    font-size: 6.25vw;
  }

  .content-wrapper {
    padding-bottom: 0;
  }

  .upper {
    font-size: 14px;
  }

  .h2-title {
    font-size: 4.8vw;
  }

  .image-wrapper {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    width: 36vw;
    height: 50vw;
    padding: 32px 20px;
  }

  .card-ttitle {
    font-size: 25px;
  }

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

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

  .light-color-overlay {
    min-height: 5.5vw;
  }

  .light-color-overlay.row-4 {
    top: 15vw;
  }

  .light-color-overlay.row-5 {
    top: 21vw;
  }

  .light-color-overlay.row-6 {
    top: 27vw;
  }

  .h2-title-name {
    font-size: 4.8vw;
  }

  .popup-8, .popup-9 {
    display: none;
  }

  .case-text-wrapper {
    grid-column-gap: 52px;
    grid-row-gap: 52px;
    padding-top: 60px;
  }

  .summary-text-work-text {
    padding-top: 60px;
  }

  .overview-section-wrapper {
    padding-top: 80px;
    padding-bottom: 40px;
  }

  .overview-top.short {
    width: 100%;
  }

  .text-block-3 {
    font-size: 2.9vw;
  }

  .team-section-wrapper {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .team-section-top {
    padding-bottom: 40px;
  }

  .team-card.founder, .team-card.designer, .team-card.frontend-developer, .team-card.backend-developer {
    grid-column-gap: 100px;
    grid-row-gap: 100px;
  }

  .challenges-section {
    padding-top: 60px;
    padding-bottom: 60px;
  }

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

  .competitive-wrapper {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .define-step-wrapper {
    padding-bottom: 60px;
  }

  .define-step-wrapper.margin, .ideate-step-wrapper {
    padding-top: 60px;
  }

  .projects-marquee-container-2 {
    width: 250vw;
  }

  .project-thumbnail-container-2 {
    margin-left: 1px;
    margin-right: 1px;
  }

  .design-section {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .design-wrapper {
    padding-bottom: 0;
  }

  .design-wrapper.margin-top {
    margin-top: 60px;
  }

  .div-block-9 {
    width: 100%;
    position: static;
  }

  .ui-designs-wrapper {
    padding-bottom: 60px;
  }

  .projects-marquee-container-2-right {
    width: 250vw;
  }

  .image-5 {
    width: 32px;
    height: 32px;
  }

  .group2_text {
    font-size: 4em;
  }

  .group1_img {
    width: 14%;
  }

  .section-height.dark {
    height: 50vh;
  }

  .hi-fi-design {
    margin-top: 80px;
    margin-bottom: 32px;
  }

  .div-block-10 {
    height: 320px;
  }

  .design-grid {
    grid-template-rows: auto auto;
    grid-template-columns: 1.75fr;
  }

  .text-design-description {
    margin-top: 20px;
    margin-right: 0;
    padding-left: 5.6vw;
    padding-right: 5.6vw;
  }

  .blue-tablet-desktop-wrapper {
    display: none;
  }

  .blue-tablet-mobile-wrapper {
    display: block;
  }

  .design-grid-second {
    grid-template-rows: auto auto;
    grid-template-columns: 1.75fr;
  }

  .text-design-description-second {
    margin-top: 20px;
    margin-left: 0;
    margin-right: 0;
    padding-left: 5.6vw;
    padding-right: 5.6vw;
  }

  .website-pages, .sell-wrapper-pages {
    padding-bottom: 60px;
  }

  .sell-wrapper-pages.top-margin.zero {
    padding-bottom: 20px;
  }

  .sell-wrapper-pages.zero {
    padding-bottom: 0;
  }

  .additional-task-wrapper {
    padding-top: 50px;
    padding-bottom: 0;
  }

  .pricing-page-wrapper {
    padding-bottom: 0;
  }

  .masya-home {
    padding-top: 60px;
  }

  .container-2 {
    grid-row-gap: 1rem;
  }

  .group3_img {
    width: 17%;
  }

  .cursor-fill {
    width: 20px;
    height: 20px;
  }

  .polls-wrapper {
    padding-bottom: 60px;
  }
}

@media screen and (max-width: 767px) {
  .cursor-fon {
    display: none;
  }

  .header__container {
    padding: 5.20833vw 2.60417vw;
  }

  .logotype {
    font-size: 2.60417vw;
  }

  .nav {
    display: none;
  }

  .hero.margin-100 {
    min-height: 400px;
  }

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

  .text-bg {
    font-size: 20.8333vw;
    line-height: 22.6563vw;
  }

  .hero__overhead {
    font-size: 2.60417vw;
  }

  .hero__heading-wrapper {
    margin-top: -16vw;
  }

  .heading {
    font-size: 9.11458vw;
  }

  .hero__btn-wrapper {
    grid-column-gap: 5.20833vw;
    margin-top: 10.4167vw;
    display: none;
  }

  .button-red {
    width: 20.9635vw;
    height: 7.29167vw;
    padding: 2.34375vw 5.20833vw 2.08333vw;
    font-size: 2.08333vw;
    line-height: 2.60417vw;
  }

  .button-green {
    padding: 2.34375vw 5.20833vw 2.08333vw;
    font-size: 2.08333vw;
  }

  .arrow {
    width: 4.6875vw;
    height: 4.6875vw;
    bottom: 0;
    left: 50%;
  }

  .arrow__circle {
    width: 4.6875vw;
    height: 4.6875vw;
  }

  .arrow__color-circle {
    width: 3.64583vw;
    height: 3.64583vw;
  }

  .arrow__icon-wrapper {
    width: 2.60417vw;
    height: 2.60417vw;
  }

  .arrow__stroke {
    width: 4.6875vw;
    height: 4.6875vw;
  }

  .aboutme__content {
    padding-top: 7.29167vw;
    padding-left: 7.94271vw;
    padding-right: 7.8125vw;
  }

  .overhead {
    font-size: 2.08333vw;
  }

  .aboutme__text {
    margin-top: 3.125vw;
    font-size: 3.64583vw;
  }

  .head-h2, .head-h2.is--color {
    font-size: 4.6875vw;
  }

  .work__content {
    padding-top: 10.4167vw;
    padding-bottom: 10.4167vw;
  }

  .work__head {
    margin-bottom: 5.20833vw;
  }

  .grid {
    grid-column-gap: 2.60417vw;
    grid-row-gap: 5.20833vw;
    grid-template-columns: 1fr;
  }

  .grid__image-wrapper {
    width: 94.7917vw;
    height: 65.1042vw;
    margin-bottom: 2.60417vw;
  }

  .grid__text {
    font-size: 15px;
  }

  .text-block {
    font-size: 19.5313vw;
    line-height: 22.1354vw;
  }

  .work__grid-app {
    grid-column-gap: 0vw;
    flex-direction: column;
    margin-top: -5.20833vw;
  }

  .grid-app__image-wrapper {
    width: 94.7917vw;
    height: 65.1042vw;
  }

  .head-h4 {
    font-size: 2.34375vw;
  }

  .text {
    font-size: 2.08333vw;
  }

  .why__content {
    padding-top: 10.4167vw;
  }

  .why__circle {
    width: 39.0625vw;
    height: 39.0625vw;
    top: 35%;
  }

  .why__head {
    font-size: 4.6875vw;
  }

  .why__cards {
    grid-row-gap: 2.60417vw;
    max-width: 94.7917vw;
    margin-top: 7.29167vw;
  }

  .why__card-wrapper {
    width: 46.0938vw;
    height: 39.0625vw;
  }

  .why__text {
    grid-row-gap: 2.60417vw;
    padding-top: 7.8125vw;
    padding-left: 6.51042vw;
    padding-right: 6.51042vw;
  }

  .text {
    font-size: 13px;
    line-height: 1.5;
  }

  .text.is--black {
    font-size: 15px;
  }

  .why__card-absolut {
    grid-row-gap: 2.60417vw;
    top: -10.4167vw;
  }

  .contacts__content {
    padding-top: 7.8125vw;
    padding-bottom: 7.8125vw;
  }

  .contacts__left-side {
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-end;
    width: 94.7917vw;
    display: flex;
  }

  .contacts__icon-line {
    grid-column-gap: 2.08333vw;
  }

  .contacts__icon-wrapper {
    width: 5.20833vw;
    height: 5.20833vw;
  }

  .contacts__contacts {
    grid-row-gap: 2.08333vw;
    margin-top: 0;
  }

  .contacts__both-sides {
    grid-column-gap: 2.08333vw;
    flex-direction: row;
    margin-top: 3.125vw;
  }

  .work__behance {
    font-size: 14px;
  }

  .burger {
    z-index: 2;
    display: flex;
    position: relative;
  }

  .burger__line-1 {
    height: 2px;
  }

  .menu {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: none;
  }

  .menu__wrapper-links {
    grid-row-gap: 32px;
    display: none;
  }

  .margin-100 {
    margin-bottom: 10.4167vw;
  }

  .contacts__text-wrapper-left {
    grid-row-gap: 2.08333vw;
    flex-direction: column;
    width: 104.167vw;
    display: flex;
  }

  .grid-app__content-2 {
    display: none;
  }

  .slider {
    border-radius: 12px;
    width: 94.7917vw;
    height: 65.1042vw;
    display: none;
  }

  .slider-mobile__arrow {
    width: 40px;
    height: 40px;
    margin-left: 3.2vw;
    margin-right: 3.2vw;
    font-size: 30px;
    inset: 0% 0% 0% auto;
  }

  .icon {
    color: var(--medium-aquamarine);
    font-size: 30px;
  }

  .slider-mobile__arrow-2 {
    width: 40px;
    height: 40px;
    margin-left: 3.2vw;
    margin-right: 3.2vw;
    font-size: 30px;
    inset: 0% auto 0% 0%;
  }

  .canhelp__wrapper-text-1 {
    grid-column-gap: 3.90625vw;
    opacity: .5;
    top: 10.4167vw;
  }

  .canhelp__wrapper-text-2 {
    grid-column-gap: 3.90625vw;
    opacity: .5;
    top: 24.7396vw;
  }

  .canhelp__wrapper-text-3 {
    grid-column-gap: 3.90625vw;
    opacity: .5;
    top: 39.5625vw;
  }

  .canhelp__wrapper-text-4 {
    grid-column-gap: 3.90625vw;
    opacity: .5;
    top: 54.2479vw;
  }

  .canhelp__wrapper-text-5 {
    grid-column-gap: 3.90625vw;
    opacity: .5;
    top: 69.1594vw;
  }

  .canhelp__textsee-wrapper {
    height: 13.151vw;
    margin-bottom: 1.5625vw;
  }

  .canhelp__head {
    margin-bottom: 1.5625vw;
    padding-top: 5.20833vw;
  }

  .menu__bg {
    z-index: 3;
    background-color: var(--white);
    padding-top: 20.8333vw;
  }

  .hero__btns-mobile {
    grid-column-gap: 4.16667vw;
    justify-content: space-between;
    margin-top: 10.4167vw;
    display: flex;
  }

  .btn-mobile {
    background-color: var(--red);
    color: var(--black);
    text-align: center;
    border-radius: 12px;
    width: 20.9635vw;
    padding: 2.34375vw 5.20833vw;
    font-size: 2.08333vw;
    font-weight: 600;
    line-height: 2.91667vw;
  }

  .btn-mobile-green {
    background-color: var(--aquamarine);
    color: var(--black);
    text-align: center;
    border-radius: 12px;
    padding: 2.34375vw 5.20833vw;
    font-size: 2.08333vw;
    font-weight: 600;
    line-height: 2.91667vw;
  }

  .burger__line-2, .burger__line-3 {
    height: 2px;
  }

  .canhelp__container {
    padding-left: 2.60417vw;
    padding-right: 2.60417vw;
  }

  .cross {
    z-index: 3;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .menu__header {
    align-items: center;
    padding: 5.20833vw 2.60417vw;
  }

  .menu__logo.w--current {
    font-size: 2.60417vw;
  }

  .menu__wrapper-links-2 {
    grid-row-gap: 32px;
    display: flex;
  }

  .menu__about2 {
    color: #a36da8;
    background-color: #fbe6fd;
    border-radius: 12px;
    padding-left: 56px;
    padding-right: 56px;
    font-family: Farro, Georgia, sans-serif;
    line-height: 1.6;
    transition-property: none;
    position: static;
    overflow: visible;
  }

  .menu__work2 {
    color: #727236;
    background-color: #ffffc3;
    border-radius: 12px;
    padding-left: 56px;
    padding-right: 56px;
    font-family: Farro, Georgia, sans-serif;
    line-height: 1.6;
    transition-property: none;
    position: static;
    overflow: visible;
  }

  .menu__contacts2 {
    color: #1b4130;
    background-color: #75fbc1;
    border-radius: 12px;
    padding-left: 56px;
    padding-right: 56px;
    font-family: Farro, Georgia, sans-serif;
    line-height: 1.6;
    transition-property: none;
    position: static;
    overflow: visible;
  }

  .hero__light {
    width: 95.0521vw;
    height: 39.0625vw;
  }

  .popup__image-wrapper {
    width: 78.125vw;
  }

  .gallery {
    border-radius: 12px;
    width: 94.7917vw;
    height: 65.1042vw;
    display: none;
  }

  .right-arrow-2, .left-arrow {
    color: var(--medium-aquamarine);
    width: 40px;
    height: 40px;
    margin-left: 3.2vw;
    margin-right: 3.2vw;
    font-size: 30px;
  }

  .slider__nav {
    font-size: 12px;
    inset: auto 0% 0%;
  }

  .gallery__img {
    background-image: url('../images/notebook-mockup-1-2-copy.webp');
    background-position: 50% 0;
    background-size: cover;
    border-radius: 12px;
  }

  .gallery__img.is--2 {
    background-image: url('../images/2-экран.webp');
    background-position: 10% 0;
  }

  .gallery__img.is--3 {
    background-image: url('../images/3-экран.webp');
  }

  .gallery__img.is--4 {
    background-image: url('../images/Frame-7-1.webp');
  }

  .gallery__nav {
    font-size: 12px;
  }

  .slider__mask {
    border-radius: 12px;
  }

  .slider__pic.is--1 {
    background-color: #19131d;
    background-image: url('../images/1-screen.webp');
    background-position: 0 0;
    background-size: cover;
    border-radius: 12px;
    width: 100%;
    height: 100%;
  }

  .slider__pic.is--2 {
    background-color: #19131d;
    background-image: url('../images/login_2-low.gif');
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: contain;
    border-radius: 12px;
  }

  .slider__pic.is--3 {
    background-color: #19131d;
    background-image: url('../images/buy_2-copy.gif');
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: contain;
    border-radius: 12px;
  }

  .slider__pic.is--4 {
    background-color: #19131d;
    background-image: url('../images/catalog-small.gif');
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: contain;
    border-radius: 12px;
  }

  .gallery2 {
    border-radius: 12px;
    width: 94.7917vw;
    height: 65.1042vw;
    display: none;
  }

  .gallery2__img.is--1 {
    background-image: url('../images/Rectangle-91.webp');
    background-position: 0 0;
    background-size: cover;
    border-radius: 12px;
  }

  .gallery2__img.is--2 {
    background-image: url('../images/catalog-juw-copy.webp');
    background-position: 50% 0;
    background-size: cover;
  }

  .gallery2__img.is--3 {
    background-image: url('../images/Вторая-страница.webp');
    background-position: 0 0;
    background-size: cover;
  }

  .gallery2__img.is--4 {
    background-image: url('../images/Третья-страница-copy.webp');
    background-position: 0 0;
    background-size: cover;
  }

  .gallery3 {
    border-radius: 12px;
    width: 94.7917vw;
    height: 65.1042vw;
    display: none;
  }

  .gallery3__img {
    background-image: url('../images/Scene-1-copy.webp');
    background-position: 50% 30%;
    background-size: cover;
    border-radius: 12px;
  }

  .gallery3__img.is--2 {
    background-image: url('../images/Group-1000002408.webp');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .gallery3__img.is--3 {
    background-image: url('../images/4-section.webp');
    background-position: 50%;
  }

  .gallery3__img.is--4 {
    background-image: url('../images/5-section.webp');
  }

  .gallery3__img.is--5 {
    background-image: url('../images/Group-1000002405.webp');
    background-position: 30%;
  }

  .gallery3__img.is--6 {
    background-image: url('../images/Group-1000002379.webp');
    background-position: 30%;
  }

  .gallery3__img.is--7 {
    background-image: url('../images/Group-1000002391.webp');
    background-position: 40%;
  }

  .gallery3__img.is--8 {
    background-image: url('../images/7-block.webp');
    background-position: 50%;
  }

  .gallery3__img.is--9 {
    background-image: url('../images/Group-1000002402.webp');
  }

  .gallery4 {
    border-radius: 12px;
    width: 94.7917vw;
    height: 65.1042vw;
    display: none;
  }

  .gallery4__img {
    background-image: url('../images/ipad.webp');
    background-position: 100%;
    background-size: cover;
    border-radius: 12px;
  }

  .gallery4__img.is--2 {
    background-image: url('../images/Group-111.webp');
    background-position: 100% -2%;
  }

  .gallery4__img.is--3 {
    background-image: url('../images/Group-111.webp');
    background-position: 100% 100%;
  }

  .gallery4__img.is--4 {
    background-image: url('../images/Group-112.webp');
    background-position: 100% 10%;
  }

  .gallery4__img.is--5 {
    background-image: url('../images/How-does-it-work.webp');
    background-position: 100% 0;
  }

  .gallery4__img.is--6 {
    background-image: url('../images/Reviews.webp');
    background-position: 14%;
    background-repeat: repeat;
    background-size: auto;
  }

  .gallery4__img.is--7 {
    background-image: url('../images/FAQ.webp');
    background-position: 0%;
    background-repeat: repeat;
    background-size: cover;
  }

  .gallery4__img.is--8 {
    background-image: url('../images/Form.webp');
    background-position: 77%;
    background-repeat: repeat;
    background-size: cover;
  }

  .gallery4__img.is--9 {
    background-image: url('../images/Footer.webp');
    background-position: 5%;
    background-repeat: repeat;
    background-size: cover;
  }

  .icon-2 {
    color: var(--medium-aquamarine);
  }

  .icon-3 {
    color: var(--medium-aquamarine);
    font-size: 30px;
  }

  .stages__card {
    width: 94.7917vw;
    height: 52.0833vw;
    margin-top: -6.51042vw;
    top: 6.51042vw;
  }

  .stagescard__text {
    grid-row-gap: 2.60417vw;
    padding-top: 7.8125vw;
    padding-left: 6.51042vw;
    padding-right: 6.51042vw;
  }

  .biggergreen {
    font-size: 2.60417vw;
    font-weight: 700;
  }

  .stages__head {
    margin-bottom: 10.4167vw;
    font-size: 4.6875vw;
  }

  .textbg {
    font-size: 22vw;
    line-height: 22.1354vw;
  }

  .gallery-dashboard {
    border-radius: 12px;
    width: 94.7917vw;
    height: 65.1042vw;
    display: none;
  }

  .slide-1 {
    background-image: url('../images/Image.webp');
    background-position: 50% 45%;
    background-size: cover;
    border-radius: 16px;
  }

  .slide-2 {
    background-image: url('../images/Dashboard-2.webp');
    background-position: 0 43%;
    background-size: cover;
  }

  .slide-3 {
    background-image: url('../images/My-surveys.webp');
    background-position: 0 0;
    background-size: cover;
  }

  .slide-4 {
    background-image: url('../images/Listing-edit.webp');
    background-position: 0 0;
    background-size: cover;
  }

  .slide-5 {
    background-image: url('../images/Launch.webp');
    background-position: 0 0;
    background-size: cover;
  }

  .slide-6 {
    background-image: url('../images/No-poll-results.webp');
    background-position: 0 0;
    background-size: cover;
  }

  .slide-7 {
    background-image: url('../images/Profile.webp');
    background-position: 0 0;
    background-size: cover;
  }

  .slide-8 {
    background-image: url('../images/Profile2.webp');
    background-position: 0 0;
    background-size: cover;
  }

  .video-bg.is--none {
    display: block;
  }

  .feedback__content {
    padding-top: 10.41vw;
  }

  .feedback__head {
    width: 100%;
  }

  .slider-arrow---brix {
    width: 50px;
    min-width: 50px;
    min-height: 50px;
    max-height: 50px;
  }

  .gallery__5 {
    border-radius: 12px;
    width: 94.7917vw;
    height: 65.1042vw;
    display: none;
  }

  .gallery__5-img {
    background-image: url('../images/Снимок-экрана-2023-08-28-в-23.17.44.webp');
    background-position: 50%;
    background-size: cover;
    border-radius: 12px;
  }

  .gallery__5-img.is--2 {
    background-image: url('../images/Frame-2367.webp');
    background-position: 50%;
  }

  .gallery__5-img.is--3 {
    background-image: url('../images/Group-2366.webp');
    background-position: 47%;
  }

  .left-arrow-2 {
    margin-left: 4.5%;
  }

  .mask {
    width: 91.1458vw;
  }

  .slider_container-2 {
    height: 60vw;
  }

  .image-ratio_container-2 {
    width: 91.1458vw;
    min-height: 58vw;
  }

  .right-arrow-3 {
    margin-right: 4.5%;
  }

  .slide-2 {
    background-image: none;
  }

  .div-block {
    grid-row-gap: 12px;
    padding: 5.2vw 9.76563vw 5.2vw 10.416vw;
  }

  .slide-2-2 {
    background-image: url('../images/Dashboard-2.webp');
    background-position: 0 43%;
    background-size: cover;
  }

  .gallery6 {
    border-radius: 12px;
    width: 94.7917vw;
    height: 65.1042vw;
    display: none;
  }

  .gallery6__img {
    background-image: url('../images/laptop_mockup_1-copy.webp');
    background-position: 50% 45%;
    background-size: cover;
    border-radius: 12px;
  }

  .gallery6__img.is--2 {
    background-image: url('../images/about.webp');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .gallery6__img.is--3 {
    background-image: url('../images/4-section.webp');
    background-position: 50%;
  }

  .gallery6__img.is--4 {
    background-image: url('../images/5-section.webp');
  }

  .gallery6__img.is--5 {
    background-image: url('../images/Group-1000002405.webp');
    background-position: 30%;
  }

  .gallery6__img.is--6 {
    background-image: url('../images/Group-1000002379.webp');
    background-position: 30%;
  }

  .gallery6__img.is--7 {
    background-image: url('../images/Group-1000002391.webp');
    background-position: 40%;
  }

  .gallery6__img.is--8 {
    background-image: url('../images/7-block.webp');
    background-position: 50%;
  }

  .gallery6__img.is--9 {
    background-image: url('../images/Group-1000002402.webp');
  }

  .gallery6__img.is--3 {
    background-image: url('../images/Снимок-экрана-2024-01-07-в-21.38.42.webp');
    background-size: cover;
  }

  .gallery6__img.is--4 {
    background-image: url('../images/Снимок-экрана-2024-01-07-в-21.40.33.webp');
    background-position: 35% 45%;
  }

  .gallery6__img.is--5 {
    background-image: url('../images/insta.webp');
  }

  .gallery6__img.is--6 {
    background-image: url('../images/Group-95.webp');
    background-position: 0%;
    background-size: cover;
  }

  .gallery6__img.is--7 {
    background-image: url('../images/406.webp');
  }

  .new-section {
    margin-top: 20px;
  }

  .new-section.dark {
    padding-bottom: 60px;
  }

  .new-section.no-margin.grey.bottom-margin {
    padding-bottom: 350px;
  }

  .new-section.no-margin.grey.top-margin {
    margin-top: 50px;
  }

  .new-section.no-margin.minus-margin {
    margin-top: -300px;
  }

  .new-section.no-margin.minus-margin-2 {
    margin-top: -450px;
  }

  .new-section.bg-copy.margin-top {
    margin-top: 50px;
  }

  .new-section.bg-pic-sweden {
    min-height: 500px;
  }

  .new-section.bg-pic-sellametrics {
    min-height: 550px;
  }

  .hero-title-parent {
    padding-top: 100px;
  }

  .h1-farro {
    font-size: 6.33803vw;
  }

  .h1-farro.white {
    font-size: 7.04225vw;
  }

  .content-wrapper {
    padding-top: 60px;
  }

  .h2-title {
    font-size: 4.92958vw;
  }

  .image-wrapper.static {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .galleryswedish {
    border-radius: 12px;
    width: 94.7917vw;
    height: 65.1042vw;
    display: none;
  }

  .swedish {
    background-image: url('../images/Scene-1-copy.webp');
    background-position: 50% 30%;
    background-size: cover;
    border-radius: 12px;
  }

  .swedish.is--2 {
    background-image: url('../images/Group-1000002408.webp');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .swedish.is--3 {
    background-image: url('../images/4-section.webp');
    background-position: 50%;
  }

  .swedish.is--4 {
    background-image: url('../images/5-section.webp');
  }

  .swedish.is--5 {
    background-image: url('../images/Group-1000002405.webp');
    background-position: 30%;
  }

  .swedish.is--6 {
    background-image: url('../images/Group-1000002379.webp');
    background-position: 30%;
  }

  .swedish.is--7 {
    background-image: url('../images/Group-1000002391.webp');
    background-position: 40%;
  }

  .swedish.is--8 {
    background-image: url('../images/7-block.webp');
    background-position: 50%;
  }

  .swedish.is--9 {
    background-image: url('../images/Group-1000002402.webp');
  }

  .light-color-overlay {
    min-height: 6.33803vw;
  }

  .light-color-overlay.row-5 {
    top: 23vw;
  }

  .light-color-overlay.row-6 {
    top: 36vw;
  }

  .h2-title-name {
    font-size: 4.92958vw;
  }

  .case-text-wrapper {
    grid-column-gap: 44px;
    grid-row-gap: 44px;
  }

  .summary-text-work-text {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    place-items: start;
  }

  .overview-section-wrapper {
    padding-top: 60px;
    padding-bottom: 24px;
  }

  .text-block-3 {
    font-size: 3vw;
  }

  .team-section-top {
    padding-bottom: 50px;
  }

  .team-section-bottom {
    grid-template-columns: 1fr 1fr;
  }

  .team-card {
    grid-column-gap: 110px;
    grid-row-gap: 110px;
  }

  .challenges-section {
    padding-top: 50px;
    padding-bottom: 0;
  }

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

  .design-process {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .define-step-wrapper {
    padding-bottom: 50px;
  }

  .define-step-wrapper.margin {
    padding-top: 40px;
  }

  .ideate-step-wrapper {
    padding-bottom: 170px;
  }

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

  .projects-wrapper-2 {
    padding-bottom: 80px;
  }

  .projects-marquee-container-2 {
    width: 320vw;
  }

  .design-section {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .design-wrapper.margin-top {
    margin-top: 40px;
  }

  .ui-designs-wrapper {
    padding-top: 40px;
    padding-bottom: 50px;
  }

  .projects-marquee-container-2-right {
    width: 320vw;
  }

  .link-block {
    display: none;
  }

  .group1_img {
    width: 16%;
  }

  .group1_parent {
    margin-top: 120px;
  }

  .hi-fi-design {
    margin-top: 50px;
  }

  .text-design-description, .text-design-description-second {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    padding-left: 2.6vw;
    padding-right: 2.6vw;
  }

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

  .website-pages, .sell-wrapper-pages {
    padding-bottom: 50px;
  }

  .article-pic {
    margin-bottom: 20px;
  }

  .masya-home {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    place-items: start;
  }

  .container-2 {
    grid-row-gap: .5rem;
  }

  .group3_img {
    width: 20%;
  }

  .polls-wrapper {
    padding-bottom: 50px;
  }
}

@media screen and (max-width: 479px) {
  .header__container {
    padding: 8.53333vw 5.33333vw;
  }

  .logotype {
    font-size: 5.33333vw;
  }

  .hero.margin-100 {
    min-height: 400px;
  }

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

  .hero__content {
    margin-top: 0;
  }

  .text-bg {
    font-size: 19.7333vw;
    line-height: 21.6vw;
  }

  .hero__overhead {
    font-size: 3.46667vw;
  }

  .hero__heading-wrapper {
    margin-top: -15.5vw;
  }

  .heading {
    font-size: 8.53333vw;
  }

  .heading.is--texthover {
    font-size: 13.3333vw;
  }

  .hero__btn-wrapper {
    grid-column-gap: 5.33333vw;
    margin-top: 13.3333vw;
  }

  .button-red {
    border-radius: 8px;
    width: 29.6vw;
    height: 12.2667vw;
    padding: 3.2vw 5.33333vw 3.46667vw;
    font-size: 3.73333vw;
    line-height: 5vw;
  }

  .button-green {
    border-radius: 8px;
    padding: 3.2vw 5.33333vw 3.46667vw;
    font-size: 3.73333vw;
  }

  .arrow {
    width: 9.6vw;
    height: 9.6vw;
    bottom: 21.3333vw;
    left: 49%;
  }

  .arrow__circle {
    width: 9.6vw;
    height: 9.6vw;
  }

  .arrow__color-circle {
    width: 7.46667vw;
    height: 7.46667vw;
  }

  .arrow__icon-wrapper {
    width: 5.33333vw;
    height: 5.33333vw;
  }

  .arrow__stroke {
    width: 9.6vw;
    height: 9.6vw;
  }

  .aboutme__content {
    padding-top: 10.6667vw;
    padding-left: 0;
    padding-right: 0;
  }

  .overhead {
    font-size: 3.46667vw;
  }

  .aboutme__text {
    margin-top: 5.33333vw;
    font-size: 5.33333vw;
  }

  .head-h2, .head-h2.is--color {
    font-size: 6.4vw;
  }

  .work__content {
    padding-top: 16vw;
    padding-bottom: 16vw;
  }

  .work__head {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 8.53333vw;
  }

  .grid {
    grid-row-gap: 8.53333vw;
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr;
  }

  .grid__image-wrapper {
    width: 89.3333vw;
    height: 76.8vw;
    margin-bottom: 3.2vw;
  }

  .work__head-2 {
    margin-top: 8.53333vw;
  }

  .text-block {
    display: none;
  }

  .work__grid-app {
    grid-column-gap: 0vw;
    flex-direction: column;
    grid-template-columns: 1fr;
    margin-top: 3.2vw;
  }

  .grid-app__content {
    display: block;
  }

  .grid-app__image-wrapper {
    width: 89.3333vw;
    height: 76.8vw;
  }

  .head-h4 {
    font-size: 4.8vw;
  }

  .text {
    font-size: 4vw;
  }

  .why__content {
    padding-top: 16vw;
  }

  .why__circle {
    display: none;
  }

  .why__head {
    font-size: 6.4vw;
  }

  .why__cards {
    grid-row-gap: 5.33333vw;
    max-width: 89.0667vw;
    margin-top: 5.33333vw;
  }

  .why__card-wrapper {
    width: 89.0667vw;
    height: 68.2667vw;
  }

  .why__text {
    grid-row-gap: 4.26667vw;
    padding-top: 13.3333vw;
    padding-left: 10.6667vw;
    padding-right: 10.6667vw;
  }

  .text.is--black {
    font-size: 14px;
  }

  .text.is--green {
    display: block;
  }

  .why__card-absolut {
    grid-row-gap: 5.33333vw;
    position: static;
  }

  .contacts__content {
    padding-top: 16vw;
    padding-bottom: 16vw;
  }

  .contacts__left-side {
    grid-row-gap: 5.33333vw;
    flex-direction: column;
    align-items: flex-start;
    width: 87.4667vw;
  }

  .contacts__icon-line {
    grid-column-gap: 4.26667vw;
  }

  .contacts__icon-wrapper {
    width: 8.53333vw;
    height: 8.53333vw;
  }

  .contacts__contacts {
    grid-row-gap: 3.2vw;
  }

  .contacts__both-sides {
    grid-row-gap: 5.33333vw;
    flex-direction: column;
  }

  .menu {
    display: none;
  }

  .margin-100 {
    margin-bottom: 16vw;
  }

  .contacts__text-wrapper-left {
    grid-row-gap: 3.2vw;
    width: 87.4667vw;
  }

  .grid-app__content-2 {
    display: none;
  }

  .slider {
    border-radius: 12px;
    width: 89.3333vw;
    height: 76.8vw;
  }

  .slider-mobile__arrow {
    color: var(--black);
    border-radius: 12px;
    width: 40px;
    height: 40px;
    margin-left: 3.2px;
    margin-right: 3.2vw;
    font-size: 20px;
    inset: 0% 0% 0% auto;
  }

  .icon {
    font-size: 20px;
    font-weight: 600;
  }

  .slider-mobile__arrow-2 {
    color: var(--black);
    border-radius: 12px;
    width: 40px;
    height: 40px;
    margin-left: 3.2px;
    margin-right: 3.2vw;
    font-size: 20px;
    inset: 0% auto 0% 0%;
  }

  .canhelp__wrapper-text-1 {
    grid-column-gap: 5.33333vw;
    top: 13.3vw;
  }

  .canhelp__wrapper-text-2 {
    grid-column-gap: 5.33333vw;
    top: 33.8vw;
  }

  .canhelp__wrapper-text-3 {
    grid-column-gap: 5.33333vw;
    top: 54.3vw;
  }

  .canhelp__wrapper-text-4 {
    grid-column-gap: 5.33333vw;
    top: 74.5188vw;
  }

  .canhelp__wrapper-text-5 {
    grid-column-gap: 5.33333vw;
    top: 95.2vw;
  }

  .canhelp__textsee-wrapper {
    height: 17.3333vw;
    margin-bottom: 3.2vw;
  }

  .canhelp__head {
    margin-bottom: 3.2vw;
    padding-top: 5.33333vw;
  }

  .menu__bg {
    padding-top: 42.6667vw;
  }

  .grid__link-wrap {
    grid-row-gap: 4px;
    flex-flow: column;
  }

  .hero__btns-mobile {
    grid-column-gap: 5.33333vw;
    margin-top: 13.3333vw;
  }

  .btn-mobile {
    width: 29.6vw;
    padding: 3.2vw 5.33333vw;
    font-size: 3.73333vw;
    line-height: 5.22667vw;
  }

  .btn-mobile-green {
    padding: 3.2vw 5.33333vw;
    font-size: 3.73333vw;
    line-height: 5.22667vw;
  }

  .canhelp__container {
    padding-left: 5.33333vw;
    padding-right: 5.33333vw;
  }

  .cross-1 {
    background-color: var(--grey);
  }

  .menu__header {
    padding: 8.53333vw 5.33333vw;
  }

  .menu__logo.w--current {
    font-size: 5.33333vw;
  }

  .hero__light {
    width: 88vw;
    height: 48vw;
  }

  .popup__image-wrapper {
    width: 88vw;
  }

  .gallery {
    border-radius: 12px;
    width: 89.3333vw;
    height: 76.8vw;
  }

  .right-arrow-2 {
    color: var(--medium-aquamarine);
    width: 40px;
    height: 40px;
    margin-right: 3.2vw;
    font-size: 20px;
    font-weight: 700;
  }

  .left-arrow {
    width: 40px;
    height: 40px;
    margin-left: 3.2vw;
    margin-right: 3.2vw;
    font-size: 20px;
  }

  .slider__nav {
    font-size: 12px;
    inset: auto 0% 0%;
  }

  .gallery__img {
    background-image: url('../images/notebook-mockup-1-2-copy.webp');
    background-position: 50% 0;
    background-size: cover;
    border-radius: 12px;
  }

  .gallery__img.is--2 {
    background-image: url('../images/2-экран.webp');
    background-position: 10% 0;
  }

  .gallery__img.is--3 {
    background-image: url('../images/3-экран.webp');
    background-position: 10% 0;
  }

  .gallery__img.is--4 {
    background-image: url('../images/Frame-7-1.webp');
    background-position: 0 0;
  }

  .gallery__nav {
    font-size: 12px;
  }

  .slider__mask {
    border-radius: 12px;
  }

  .slider__pic.is--1 {
    background-image: url('../images/1-screen.webp');
    background-position: 0 0;
    background-size: cover;
  }

  .slider__pic.is--2 {
    background-color: #19131d;
    background-image: url('../images/login_2-low.gif');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
  }

  .slider__pic.is--3 {
    background-color: #19131d;
    background-image: url('../images/buy_2-copy.gif');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
  }

  .slider__pic.is--4 {
    background-color: #19131d;
    background-image: url('../images/catalog-small.gif');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
  }

  .gallery2 {
    border-radius: 12px;
    width: 89.3333vw;
    height: 76.8vw;
  }

  .gallery2__img {
    background-image: url('../images/notebook-mockup-1-2-copy.webp');
    background-position: 50% 0;
    background-size: cover;
    border-radius: 12px;
  }

  .gallery2__img.is--1 {
    background-image: url('../images/Rectangle-91.webp');
    background-position: 0 0;
    background-size: cover;
  }

  .gallery2__img.is--2 {
    background-image: url('../images/catalog-juw-copy.webp');
  }

  .gallery2__img.is--3 {
    background-image: url('../images/Вторая-страница.webp');
  }

  .gallery2__img.is--4 {
    background-image: url('../images/Третья-страница-copy.webp');
  }

  .gallery3 {
    border-radius: 12px;
    width: 89.3333vw;
    height: 76.8vw;
  }

  .gallery3__img {
    background-image: url('../images/Scene-1-copy.webp');
    background-position: 50%;
    background-size: cover;
    border-radius: 12px;
  }

  .gallery3__img.is--2 {
    background-image: url('../images/Group-1000002408.webp');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .gallery3__img.is--3 {
    background-image: url('../images/4-section.webp');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .gallery3__img.is--4 {
    background-image: url('../images/5-section.webp');
  }

  .gallery3__img.is--5 {
    background-image: url('../images/Group-1000002405.webp');
    background-position: 23%;
  }

  .gallery3__img.is--6 {
    background-image: url('../images/Group-1000002379.webp');
  }

  .gallery3__img.is--7 {
    background-image: url('../images/Group-1000002391.webp');
    background-position: 30%;
    background-size: cover;
  }

  .gallery3__img.is--8 {
    background-image: url('../images/7-block.webp');
  }

  .gallery4 {
    border-radius: 12px;
    width: 89.3333vw;
    height: 76.8vw;
  }

  .gallery4__img {
    background-image: url('../images/ipad.webp');
    background-position: 50%;
    background-size: cover;
    border-radius: 12px;
  }

  .gallery4__img.is--2 {
    background-image: url('../images/Group-111.webp');
    background-size: cover;
  }

  .gallery4__img.is--3 {
    background-image: url('../images/Group-111.webp');
  }

  .gallery4__img.is--4 {
    background-image: url('../images/Group-112.webp');
  }

  .gallery4__img.is--5 {
    background-image: url('../images/How-does-it-work.webp');
  }

  .gallery4__img.is--6 {
    background-image: url('../images/Reviews.webp');
    background-position: 7%;
  }

  .gallery4__img.is--7 {
    background-image: url('../images/FAQ.webp');
    background-position: 0%;
  }

  .gallery4__img.is--8 {
    background-image: url('../images/Form.webp');
    background-position: 90%;
  }

  .gallery4__img.is--9 {
    background-image: url('../images/Footer.webp');
    background-position: 0%;
  }

  .icon-2 {
    color: var(--medium-aquamarine);
  }

  .icon-3 {
    font-size: 20px;
    font-weight: 600;
  }

  .icon-4, .icon-5, .icon-6 {
    color: var(--medium-aquamarine);
  }

  .stages__card {
    width: 89.0667vw;
    height: 128vw;
    margin-top: -10.6667vw;
    top: 10.6667vw;
  }

  .stages__card.is--3 {
    margin-top: -5.33333vw;
  }

  .stagescard__text {
    grid-row-gap: 4.26667vw;
    padding-top: 13.3333vw;
    padding-left: 10.6667vw;
    padding-right: 10.6667vw;
  }

  .biggergreen {
    font-size: 5.33333vw;
  }

  .stages__head {
    margin-bottom: 16vw;
    font-size: 6.4vw;
  }

  .textbg {
    display: none;
  }

  .gallery-dashboard {
    border-radius: 12px;
    width: 89.3333vw;
    height: 76.8vw;
  }

  .slide-1 {
    border-radius: 16px;
  }

  .slide-2 {
    background-position: 50%;
  }

  .slide-3 {
    background-position: 50% 100%;
  }

  .slide-6 {
    background-position: 0%;
  }

  .feedback__content {
    padding-top: 16vw;
  }

  .feedback__head {
    width: 90.6667vw;
  }

  .gallery__5 {
    border-radius: 12px;
    width: 89.3333vw;
    height: 76.8vw;
  }

  .gallery__5-img {
    background-image: url('../images/Снимок-экрана-2023-08-28-в-23.17.44.webp');
    background-position: 50%;
    background-size: cover;
    border-radius: 12px;
  }

  .gallery__5-img.is--2 {
    background-image: url('../images/Frame-2367.webp');
    background-size: cover;
  }

  .gallery__5-img.is--3 {
    background-image: url('../images/Group-2366.webp');
  }

  .left-arrow-2 {
    width: 40px;
    height: 60px;
    margin-top: 140px;
    margin-left: 3%;
  }

  .mask {
    width: 89.3333vw;
  }

  .slider_container-2 {
    height: auto;
  }

  .section-slider-2 {
    margin-top: 32px;
  }

  .slide_container-2 {
    height: auto;
  }

  .image-ratio_container-2 {
    width: 89.3333vw;
    min-height: 100vw;
  }

  .right-arrow-3 {
    width: 40px;
    height: 60px;
    margin-top: 140px;
    margin-right: 3%;
  }

  .div-block {
    grid-row-gap: 12px;
    padding: 8.53vw 5.33vw;
  }

  .slide-2-2 {
    background-position: 50%;
  }

  .gallery6 {
    border-radius: 12px;
    width: 89.3333vw;
    height: 76.8vw;
  }

  .gallery6__img {
    background-image: url('../images/laptop_mockup_1-copy.webp');
    background-position: 50%;
    background-size: cover;
    border-radius: 12px;
  }

  .gallery6__img.is--2 {
    background-image: url('../images/about.webp');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .gallery6__img.is--3 {
    background-image: url('../images/4-section.webp');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .gallery6__img.is--5 {
    background-image: url('../images/Group-1000002405.webp');
    background-position: 23%;
  }

  .gallery6__img.is--7 {
    background-image: url('../images/Group-1000002391.webp');
    background-position: 30%;
    background-size: cover;
  }

  .gallery6__img.is--8 {
    background-image: url('../images/7-block.webp');
  }

  .gallery6__img.is--3 {
    background-image: url('../images/Снимок-экрана-2024-01-07-в-21.38.42.webp');
  }

  .gallery6__img.is--4 {
    background-image: url('../images/Снимок-экрана-2024-01-07-в-21.40.33.webp');
  }

  .gallery6__img.is--5 {
    background-image: url('../images/insta.webp');
  }

  .gallery6__img.is--6 {
    background-image: url('../images/Group-95.webp');
  }

  .gallery6__img.is--7 {
    background-image: url('../images/406.webp');
    background-position: 50%;
  }

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

  .new-section.no-margin.minus-margin-2 {
    margin-top: -480px;
  }

  .new-section.bg-pic-sweden {
    min-height: 400px;
  }

  .hero-title-parent {
    padding-bottom: 40px;
  }

  .h1-farro {
    font-size: 6.8vw;
  }

  .h1-farro.white {
    font-size: 8.88889vw;
  }

  .title-pic._2 {
    display: none;
  }

  .title-pic.long {
    width: 50vw;
    height: 8.33333vw;
    display: none;
  }

  .title-pic.wide {
    order: 1;
    width: 70vw;
    height: 15vw;
  }

  .title-pic.hero {
    display: none;
  }

  .hero-title-child {
    flex-flow: row;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .hero-title-child.gorizontal {
    flex-flow: row;
  }

  .content-wrapper {
    padding-top: 40px;
  }

  .upper {
    font-size: 11px;
  }

  .h2-title {
    font-size: 24px;
  }

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

  .galleryswedish {
    border-radius: 12px;
    width: 89.3333vw;
    height: 76.8vw;
  }

  .swedish {
    background-image: url('../images/iPad-Pro-Mockup-1-copy.png');
    background-position: 50%;
    background-size: cover;
    border-radius: 12px;
  }

  .swedish.is--2 {
    background-image: url('../images/Group-1000002408.webp');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .swedish.is--3 {
    background-image: url('../images/4-section.webp');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .swedish.is--4 {
    background-image: url('../images/5-section.webp');
  }

  .swedish.is--5 {
    background-image: url('../images/Group-1000002405.webp');
    background-position: 23%;
  }

  .swedish.is--6 {
    background-image: url('../images/Group-1000002379.webp');
  }

  .swedish.is--7 {
    background-image: url('../images/Group-1000002391.webp');
    background-position: 30%;
    background-size: cover;
  }

  .swedish.is--8 {
    background-image: url('../images/7-block.webp');
  }

  .swedish.n-2 {
    background-image: url('../images/with-tutorial-card-1_1.webp');
  }

  .swedish.n-3 {
    background-image: url('../images/Popup_1.webp');
  }

  .swedish.n-4 {
    background-image: url('../images/4_1.webp');
  }

  .swedish.n-5 {
    background-image: url('../images/5s_1.webp');
  }

  .swedish.n-6 {
    background-image: url('../images/6s_1.webp');
    background-position: 0%;
  }

  .swedish.n-7 {
    background-image: url('../images/7s_1.webp');
  }

  .hero-title-child-black {
    flex-flow: row;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .hero-title-child-black.gorizontal {
    flex-flow: row;
  }

  .hero-title-child-hidden {
    flex-flow: row;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .hero-title-child-hidden.gorizontal {
    flex-flow: row;
  }

  .h2-title-name {
    font-size: 24px;
  }

  .case-text-wrapper {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .summary-text-work-text {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    place-items: start;
    padding-top: 40px;
  }

  .overview-section-wrapper {
    padding-top: 50px;
    padding-bottom: 20px;
  }

  .overview-top {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .text-block-3 {
    font-size: 5vw;
  }

  .overview-bottom {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
    margin-top: 20px;
  }

  .overview-column {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
  }

  .div-block-4 {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
  }

  .team-section-wrapper {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .team-section-top {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding-bottom: 20px;
  }

  .team-section-bottom {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }

  .team-card {
    grid-column-gap: 100px;
    grid-row-gap: 100px;
  }

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

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

  .design-process {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .define-step-wrapper {
    padding-bottom: 32px;
  }

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

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

  .projects-wrapper-2 {
    padding-bottom: 60px;
  }

  .projects-marquee-container-2 {
    width: 500vw;
  }

  .lottie-anim {
    margin-top: 32px;
  }

  .ui-designs-wrapper {
    padding-top: 40px;
    padding-bottom: 32px;
  }

  .projects-marquee-container-2-right {
    width: 500vw;
  }

  .group2_parent {
    font-size: 2.8vw;
  }

  .group1_img {
    width: 20%;
  }

  .section-height.dark {
    height: 40vh;
  }

  .group1_parent {
    margin-top: 80px;
    margin-bottom: -2%;
  }

  .heading-2 {
    font-size: 15vw;
  }

  .text-design-description, .text-design-description-second {
    padding-left: 5.33vw;
    padding-right: 5.33vw;
  }

  .website-pages, .sell-wrapper-pages {
    padding-top: 40px;
    padding-bottom: 32px;
  }

  .sell-wrapper-pages.top-margin.zero {
    margin-top: 32px;
  }

  .article-pic {
    margin-bottom: 0;
  }

  .additional-task-wrapper {
    padding-top: 40px;
    padding-bottom: 32px;
  }

  .pricing-page-wrapper {
    padding-top: 40px;
  }

  .masya-home {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    place-items: start;
    padding-top: 40px;
  }

  .group3_img {
    width: 30%;
  }

  .polls-wrapper {
    padding-bottom: 32px;
  }
}

#w-node-_3c25e0a7-fe47-53c0-d358-d9678b2e3e62-b7b4af8c, #w-node-_1dcf01a4-51b2-a896-799f-18bcbbcfdf00-b7b4af8c, #w-node-_3c25e0a7-fe47-53c0-d358-d9678b2e3e7a-b7b4af8c, #w-node-b78e20e3-ecef-7216-4413-39fc5119d614-b7b4af8c, #w-node-_3c25e0a7-fe47-53c0-d358-d9678b2e3e39-b7b4af8c, #w-node-_3c25e0a7-fe47-53c0-d358-d9678b2e3e4f-b7b4af8c, #w-node-_3c25e0a7-fe47-53c0-d358-d9678b2e3e91-b7b4af8c, #w-node-_3c25e0a7-fe47-53c0-d358-d9678b2e3eaa-b7b4af8c, #w-node-_3c25e0a7-fe47-53c0-d358-d9678b2e3ebd-b7b4af8c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_9f9b1122-3b27-bf83-19de-62ab59e1c608-8afe39d0 {
  grid-area: 1 / 2 / 2 / 2;
}

#w-node-d438b644-aee0-95e7-aba1-34dc0b1fe10a-8afe39d0 {
  grid-area: 1 / 3 / 2 / 4;
}

#w-node-_1c25a7b0-21e2-f673-e694-ce8ad3bbdb71-8afe39d0 {
  grid-area: 2 / 1 / 3 / 2;
}

#w-node-ff21ebc8-6477-880a-9518-ff9b53f3edeb-8afe39d0 {
  grid-area: 2 / 2 / 3 / 3;
}

#w-node-_875e5884-8ec6-865a-bc85-904c75c9b481-8afe39d0 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_1cf80e72-31d3-53d3-b7f3-83d56c83a684-8afe39d0 {
  grid-area: 1 / 2 / 3 / 3;
}

#w-node-_647b9b7d-a6f7-9f70-5a60-f89f36f8e415-8afe39d0 {
  grid-area: 2 / 1 / 3 / 2;
}

#w-node-d1b40613-781b-7ab2-0d9f-b06919ec39fa-8afe39d0 {
  grid-area: 1 / 2 / 2 / 2;
}

#w-node-d1b40613-781b-7ab2-0d9f-b06919ec39ff-8afe39d0 {
  grid-area: 1 / 3 / 2 / 4;
}

#w-node-d1b40613-781b-7ab2-0d9f-b06919ec3a04-8afe39d0 {
  grid-area: 2 / 1 / 3 / 2;
}

#w-node-d1b40613-781b-7ab2-0d9f-b06919ec3a09-8afe39d0 {
  grid-area: 2 / 2 / 3 / 3;
}

#w-node-_7a8ec4a0-8cde-5be0-71b6-7bd4b3bcc228-8afe39d0 {
  grid-area: 2 / 3 / 3 / 4;
}

#w-node-_7b9b7203-ba10-c472-6661-b56f1ed3aa9d-d3c089ea {
  grid-area: 1 / 2 / 2 / 2;
}

#w-node-_7b9b7203-ba10-c472-6661-b56f1ed3aaa2-d3c089ea {
  grid-area: 1 / 3 / 2 / 4;
}

#w-node-_7b9b7203-ba10-c472-6661-b56f1ed3aaa7-d3c089ea {
  grid-area: 2 / 1 / 3 / 2;
}

#w-node-_7b9b7203-ba10-c472-6661-b56f1ed3aaac-d3c089ea {
  grid-area: 2 / 2 / 3 / 3;
}

#w-node-_7b9b7203-ba10-c472-6661-b56f1ed3aaea-d3c089ea {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_7b9b7203-ba10-c472-6661-b56f1ed3aaec-d3c089ea {
  grid-area: 1 / 2 / 3 / 3;
}

#w-node-_7b9b7203-ba10-c472-6661-b56f1ed3aaee-d3c089ea {
  grid-area: 2 / 1 / 3 / 2;
}

#w-node-_7b9b7203-ba10-c472-6661-b56f1ed3aaff-d3c089ea {
  grid-area: 1 / 2 / 2 / 2;
}

#w-node-_7b9b7203-ba10-c472-6661-b56f1ed3ab09-d3c089ea {
  grid-area: 1 / 3 / 2 / 4;
}

#w-node-_7b9b7203-ba10-c472-6661-b56f1ed3ab13-d3c089ea {
  grid-area: 2 / 1 / 3 / 2;
}

#w-node-_7b9b7203-ba10-c472-6661-b56f1ed3ab1b-d3c089ea {
  grid-area: 2 / 2 / 3 / 3;
}

#w-node-_7b9b7203-ba10-c472-6661-b56f1ed3ab25-d3c089ea {
  grid-area: 2 / 3 / 3 / 4;
}

#w-node-_0942fac0-504a-b9a2-fe0e-deda29d0cce0-a0d00f90 {
  grid-area: 1 / 2 / 2 / 2;
}

#w-node-_0942fac0-504a-b9a2-fe0e-deda29d0cce5-a0d00f90 {
  grid-area: 1 / 3 / 2 / 4;
}

#w-node-_0942fac0-504a-b9a2-fe0e-deda29d0ccea-a0d00f90 {
  grid-area: 2 / 1 / 3 / 2;
}

#w-node-_0942fac0-504a-b9a2-fe0e-deda29d0ccef-a0d00f90 {
  grid-area: 2 / 2 / 3 / 3;
}

#w-node-_0942fac0-504a-b9a2-fe0e-deda29d0cd2d-a0d00f90 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_0942fac0-504a-b9a2-fe0e-deda29d0cd2f-a0d00f90 {
  grid-area: 1 / 2 / 3 / 3;
}

#w-node-_0942fac0-504a-b9a2-fe0e-deda29d0cd31-a0d00f90 {
  grid-area: 2 / 1 / 3 / 2;
}

#w-node-_0942fac0-504a-b9a2-fe0e-deda29d0cd42-a0d00f90 {
  grid-area: 1 / 2 / 2 / 2;
}

#w-node-_0942fac0-504a-b9a2-fe0e-deda29d0cd4c-a0d00f90 {
  grid-area: 1 / 3 / 2 / 4;
}

#w-node-_0942fac0-504a-b9a2-fe0e-deda29d0cd56-a0d00f90 {
  grid-area: 2 / 1 / 3 / 2;
}

#w-node-_0942fac0-504a-b9a2-fe0e-deda29d0cd5e-a0d00f90 {
  grid-area: 2 / 2 / 3 / 3;
}

#w-node-_0942fac0-504a-b9a2-fe0e-deda29d0cd68-a0d00f90 {
  grid-area: 2 / 3 / 3 / 4;
}

@media screen and (max-width: 991px) {
  #w-node-_989f6be3-3b56-5f33-603d-ec62bc834c3b-d3c089ea, #w-node-_54a99c2d-28f1-f359-4baf-10ea2a6a2540-d3c089ea {
    order: 9999;
  }
}

@media screen and (max-width: 767px) {
  #w-node-_9f9b1122-3b27-bf83-19de-62ab59e1c608-8afe39d0 {
    grid-column-start: 1;
  }

  #w-node-d438b644-aee0-95e7-aba1-34dc0b1fe10a-8afe39d0 {
    grid-column: 2 / 3;
  }

  #w-node-d1b40613-781b-7ab2-0d9f-b06919ec39fa-8afe39d0 {
    grid-column-start: 1;
  }

  #w-node-d1b40613-781b-7ab2-0d9f-b06919ec39ff-8afe39d0 {
    grid-column: 2 / 3;
  }

  #w-node-_7b9b7203-ba10-c472-6661-b56f1ed3aa9d-d3c089ea {
    grid-column-start: 1;
  }

  #w-node-_7b9b7203-ba10-c472-6661-b56f1ed3aaa2-d3c089ea {
    grid-column: 2 / 3;
  }

  #w-node-_7b9b7203-ba10-c472-6661-b56f1ed3aaff-d3c089ea {
    grid-column-start: 1;
  }

  #w-node-_7b9b7203-ba10-c472-6661-b56f1ed3ab09-d3c089ea {
    grid-column: 2 / 3;
  }

  #w-node-_0942fac0-504a-b9a2-fe0e-deda29d0cce0-a0d00f90 {
    grid-column-start: 1;
  }

  #w-node-_0942fac0-504a-b9a2-fe0e-deda29d0cce5-a0d00f90 {
    grid-column: 2 / 3;
  }

  #w-node-_0942fac0-504a-b9a2-fe0e-deda29d0cd42-a0d00f90 {
    grid-column-start: 1;
  }

  #w-node-_0942fac0-504a-b9a2-fe0e-deda29d0cd4c-a0d00f90 {
    grid-column: 2 / 3;
  }
}

@media screen and (max-width: 479px) {
  #w-node-d438b644-aee0-95e7-aba1-34dc0b1fe10a-8afe39d0 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-_1c25a7b0-21e2-f673-e694-ce8ad3bbdb71-8afe39d0 {
    grid-row: 3 / 4;
  }

  #w-node-ff21ebc8-6477-880a-9518-ff9b53f3edeb-8afe39d0 {
    grid-area: 4 / 1 / 5 / 2;
  }

  #w-node-_875e5884-8ec6-865a-bc85-904c75c9b481-8afe39d0 {
    grid-column-end: 4;
  }

  #w-node-_1cf80e72-31d3-53d3-b7f3-83d56c83a684-8afe39d0 {
    grid-column: 1 / 4;
    grid-row-start: 2;
  }

  #w-node-_647b9b7d-a6f7-9f70-5a60-f89f36f8e415-8afe39d0 {
    grid-area: 3 / 1 / 4 / 4;
  }

  #w-node-d1b40613-781b-7ab2-0d9f-b06919ec39ff-8afe39d0 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-d1b40613-781b-7ab2-0d9f-b06919ec3a04-8afe39d0 {
    grid-row: 3 / 4;
  }

  #w-node-d1b40613-781b-7ab2-0d9f-b06919ec3a09-8afe39d0 {
    grid-area: 4 / 1 / 5 / 2;
  }

  #w-node-_7a8ec4a0-8cde-5be0-71b6-7bd4b3bcc228-8afe39d0 {
    grid-area: 5 / 1 / 6 / 2;
  }

  #w-node-_7b9b7203-ba10-c472-6661-b56f1ed3aaa2-d3c089ea {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-_7b9b7203-ba10-c472-6661-b56f1ed3aaa7-d3c089ea {
    grid-row: 3 / 4;
  }

  #w-node-_7b9b7203-ba10-c472-6661-b56f1ed3aaac-d3c089ea {
    grid-area: 4 / 1 / 5 / 2;
  }

  #w-node-_7b9b7203-ba10-c472-6661-b56f1ed3aaea-d3c089ea {
    grid-column-end: 4;
  }

  #w-node-_7b9b7203-ba10-c472-6661-b56f1ed3aaec-d3c089ea {
    grid-column: 1 / 4;
    grid-row-start: 2;
  }

  #w-node-_7b9b7203-ba10-c472-6661-b56f1ed3aaee-d3c089ea {
    grid-area: 3 / 1 / 4 / 4;
  }

  #w-node-_7b9b7203-ba10-c472-6661-b56f1ed3ab09-d3c089ea {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-_7b9b7203-ba10-c472-6661-b56f1ed3ab13-d3c089ea {
    grid-row: 3 / 4;
  }

  #w-node-_7b9b7203-ba10-c472-6661-b56f1ed3ab1b-d3c089ea {
    grid-area: 4 / 1 / 5 / 2;
  }

  #w-node-_7b9b7203-ba10-c472-6661-b56f1ed3ab25-d3c089ea {
    grid-area: 5 / 1 / 6 / 2;
  }

  #w-node-_0942fac0-504a-b9a2-fe0e-deda29d0cce5-a0d00f90 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-_0942fac0-504a-b9a2-fe0e-deda29d0ccea-a0d00f90 {
    grid-row: 3 / 4;
  }

  #w-node-_0942fac0-504a-b9a2-fe0e-deda29d0ccef-a0d00f90 {
    grid-area: 4 / 1 / 5 / 2;
  }

  #w-node-_0942fac0-504a-b9a2-fe0e-deda29d0cd2d-a0d00f90 {
    grid-column-end: 4;
  }

  #w-node-_0942fac0-504a-b9a2-fe0e-deda29d0cd2f-a0d00f90 {
    grid-column: 1 / 4;
    grid-row-start: 2;
  }

  #w-node-_0942fac0-504a-b9a2-fe0e-deda29d0cd31-a0d00f90 {
    grid-area: 3 / 1 / 4 / 4;
  }

  #w-node-_0942fac0-504a-b9a2-fe0e-deda29d0cd4c-a0d00f90 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-_0942fac0-504a-b9a2-fe0e-deda29d0cd56-a0d00f90 {
    grid-row: 3 / 4;
  }

  #w-node-_0942fac0-504a-b9a2-fe0e-deda29d0cd5e-a0d00f90 {
    grid-area: 4 / 1 / 5 / 2;
  }

  #w-node-_0942fac0-504a-b9a2-fe0e-deda29d0cd68-a0d00f90 {
    grid-area: 5 / 1 / 6 / 2;
  }
}


@font-face {
  font-family: 'Inter';
  src: url('../fonts/Inter-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('../fonts/Inter-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('../fonts/Inter-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('../fonts/Inter-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Manrope';
  src: url('../fonts/Manrope-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Manrope';
  src: url('../fonts/Manrope-ExtraBold.ttf') format('truetype'), url('../fonts/Manrope-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Manrope';
  src: url('../fonts/Manrope-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Manrope';
  src: url('../fonts/Manrope-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Manrope';
  src: url('../fonts/Manrope-ExtraLight.ttf') format('truetype');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Manrope';
  src: url('../fonts/Manrope-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Jura';
  src: url('../fonts/Jura-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Jura';
  src: url('../fonts/Jura-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Jura';
  src: url('../fonts/Jura-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Jura';
  src: url('../fonts/Jura-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Jura';
  src: url('../fonts/Jura-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Rubik';
  src: url('../fonts/Rubik-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Rubik';
  src: url('../fonts/Rubik-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Rubik';
  src: url('../fonts/Rubik-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Rubik';
  src: url('../fonts/Rubik-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Rubik';
  src: url('../fonts/Rubik-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Rubik';
  src: url('../fonts/Rubik-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Archivo';
  src: url('../fonts/Archivo-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Archivo';
  src: url('../fonts/Archivo-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Archivo';
  src: url('../fonts/Archivo-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Archivo';
  src: url('../fonts/Archivo-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Archivo';
  src: url('../fonts/Archivo-ExtraLight.ttf') format('truetype');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Archivo';
  src: url('../fonts/Archivo-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Farro';
  src: url('../fonts/Farro-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Farro';
  src: url('../fonts/Farro-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Farro';
  src: url('../fonts/Farro-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}