:root {
  --_color---cream-white: #fdfcfb;
  --_color---black: #1d1d1f;
  --_size---p-16: 1rem;
  --_size-height-text---1-3: 1.3;
  --_size---h1: 3.125rem;
  --_size---h2: 2.875rem;
  --_size---h3: 1.5rem;
  --_size-height-text---1-2: 1.2;
  --_size---h4: 1.5rem;
  --_size-height-text---1-4: 1.4;
  --_size---h5: 1.5rem;
  --_size-height-text---1-6: 1.6;
  --_size---h6: 1rem;
  --_color---white: white;
  --_color---warm-peach: #fff3e6;
  --_color---orange: #ef6445;
  --_color---frost-blue: #eef8fb;
  --_color---warm-yellow: #edde78;
  --_color---warm-cream: #f2e7dc;
  --_color---transparent: transparent;
  --_color---frost-grey: #f5f5f7;
  --_size-height-text---1: 1;
  --_color---light-fog: #f7f7f7;
  --_color---stone-grey: #676767;
  --_color---peach-beige: #f3e0cf;
  --_color---soft-rose: #feeeee;
  --_color---red: #b91f1f;
  --_color---fresh-mint: #eefeef;
  --_color---success-green: #1fb939;
  --_color---peach-coral: #ffdbd4;
  --_color---smoke: #faf6f3;
  --_size---subheading: 1.125rem;
  --_size---p-14: .875rem;
  --_size---p-12: .75rem;
  --_size---border-24: 1.5rem;
  --_size---border-16: 1rem;
  --_size---border-32: 0px;
  --_size-height-text---1-5: 1.5;
}

body {
  background-color: var(--_color---cream-white);
  color: var(--_color---black);
  font-family: Aeonik, Arial, sans-serif;
  font-size: var(--_size---p-16);
  line-height: var(--_size-height-text---1-3);
  font-weight: 400;
}

h1 {
  font-size: var(--_size---h1);
  letter-spacing: -.0625rem;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 500;
  line-height: 1.15;
}

h2 {
  font-size: var(--_size---h2);
  letter-spacing: -.0575rem;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 500;
  line-height: 1.3;
}

h3 {
  font-size: var(--_size---h3);
  line-height: var(--_size-height-text---1-2);
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 700;
}

h4 {
  font-size: var(--_size---h4);
  line-height: var(--_size-height-text---1-4);
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 700;
}

h5 {
  font-size: var(--_size---h5);
  line-height: var(--_size-height-text---1-6);
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 700;
}

h6 {
  font-size: var(--_size---h6);
  line-height: var(--_size-height-text---1-6);
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 700;
}

p {
  margin-bottom: 0;
}

a {
  transition: all .2s;
}

ul, ol {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 1.25rem;
}

li {
  margin-bottom: .25rem;
}

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

label {
  margin-bottom: 0;
  font-weight: 500;
}

blockquote {
  border-left: .25rem solid #e2e2e2;
  margin-bottom: 0;
  padding: .75rem 1.25rem;
  font-size: 1.25rem;
  line-height: 1.5;
}

figure {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

figcaption {
  text-align: center;
  margin-top: .25rem;
}

.section {
  padding: 6.25rem 10rem;
  position: relative;
}

.section.mod--case {
  padding-top: 13.75rem;
  overflow: hidden;
}

.section.mod--header {
  z-index: 90;
  background-color: var(--_color---white);
  padding: 4rem 2.5rem 1.5rem;
  position: fixed;
  inset: 0 0% auto;
}

.section.mod--home {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 13.8125rem;
  display: flex;
}

.section.mod--footer {
  background-color: var(--_color---black);
  color: var(--_color---white);
  padding-top: 2.5rem;
  padding-bottom: 3.125rem;
}

.styles {
  display: block;
  position: fixed;
  inset: 0% auto auto 0%;
}

.text-style-link {
  color: #000;
  text-decoration: underline;
}

.button {
  color: #fff;
  font-size: 1.125rem;
  line-height: var(--_size-height-text---1-3);
  text-align: center;
  background-color: #000;
  border-radius: 2rem;
  justify-content: center;
  align-items: center;
  padding: 1rem 1.5rem;
  font-weight: 500;
  transition: all .2s;
  display: flex;
}

.button.is-border {
  color: #000;
  background-color: #0000;
  border: 2px solid #000;
  border-bottom-width: .125rem;
}

.button.is--icon {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  background-color: #0000;
  border: 1px solid #aeaeae42;
  border-radius: 50%;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 3.5rem;
  height: 3.5rem;
  padding: 0;
  text-decoration: none;
  display: flex;
}

.button.is--icon:hover {
  background-color: var(--_color---frost-grey);
}

.button.is--small {
  border: 1px solid var(--_color---black);
  color: var(--_color---black);
  letter-spacing: .0175rem;
  border: 1px solid var(--_color---black);
  letter-spacing: .0175rem;
  background-color: #0000;
  padding: .6rem 1.25rem;
  font-size: .875rem;
}

.container {
  z-index: 2;
  width: 100%;
  max-width: 70rem;
  margin: 2.5rem auto 2.5rem 0;
  position: relative;
}

.container.is-medium {
  max-width: 64rem;
}

.container.is-small {
  max-width: 48rem;
}

.container.mod--header {
  max-width: none;
  margin-top: .5rem;
  margin-bottom: .5rem;
}

.privacy-policy {
  grid-row-gap: 2rem;
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  max-width: 300rem;
  margin-left: 0;
  margin-right: 0;
  padding: 4rem 1rem;
  display: flex;
}

.icon-24 {
  width: 1.5rem;
  height: 1.5rem;
}

.header__col.is--1 {
  margin-right: auto;
}

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

.header__col.is--3 {
  display: none;
}

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

.header__menu {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  display: flex;
}

.header__link {
  letter-spacing: .0175rem;
  font-size: .875rem;
}

.header__logo {
  width: 8.125rem;
}

.banner {
  background-color: var(--_color---orange);
  color: var(--_color---white);
  text-align: center;
  letter-spacing: -.02rem;
  justify-content: center;
  padding-top: .625rem;
  padding-bottom: .625rem;
  display: flex;
  position: absolute;
  top: 0%;
  left: 0%;
  right: 0%;
}

.text-size-18 {
  font-size: 1.125rem;
}

.text-size-18.text-weight-medium {
  font-size: 1.25rem;
}

.text-size-14 {
  font-size: .875rem;
  line-height: var(--_size-height-text---1);
  letter-spacing: .0175rem;
}

.text-color-stone-grey {
  color: var(--_color---stone-grey);
}

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

.footer__content.is--1 {
  margin-bottom: 5rem;
}

.footer__content.is--2 {
  margin-bottom: .25rem;
}

.footer__col.is--1 {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-left: auto;
  margin-right: 5.2rem;
  display: flex;
}

.footer__logo {
  width: 8.0625rem;
}

.footer__link {
  font-size: 1.125rem;
  font-weight: 500;
}

.footer__email {
  flex: 1;
  display: none;
}

.mobile-menu {
  display: none;
}

.paragraph {
  text-align: left;
  align-self: flex-start;
}

@media screen and (max-width: 991px) {
  .margin-top {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

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

  .swiper-nav {
    margin-top: 32px;
  }

  .swiper-nav__arrow:hover {
    border-color: #0000;
  }

  .swiper-nav__arrow.is-left {
    border-color: #1e1e2f26;
  }

  .margin-xhuge {
    margin: 6rem;
  }

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

  .fs-styleguide_2-col {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    grid-template-columns: 1fr;
  }

  .padding-xxlarge {
    padding: 4rem;
  }

  .fs-styleguide_4-col {
    grid-template-columns: 1fr;
  }

  .hide-tablet {
    display: none;
  }

  .padding-xhuge {
    padding: 6rem;
  }

  .margin-xxhuge {
    margin: 8rem;
  }

  .margin-huge {
    margin: 5rem;
  }

  .fs-styleguide_section {
    grid-column-gap: 2.5rem;
    grid-template-columns: 1fr;
  }

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

  .margin-medium {
    margin: 1.5rem;
  }

  .margin-xxlarge {
    margin: 4rem;
  }

  .margin-xlarge {
    margin: 3rem;
  }

  .margin-horizontal {
    margin-top: 0;
    margin-bottom: 0;
  }

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

  .fs-styleguide_3-col {
    grid-template-columns: 1fr;
  }

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

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

  .padding-xlarge {
    padding: 3rem;
  }

  .padding-large {
    padding: 2.5rem;
  }

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

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

  .padding-horizontal {
    padding-top: 0;
    padding-bottom: 0;
  }

  .fs-styleguide_heading-medium {
    font-size: 3rem;
  }

  .padding-xxhuge {
    padding: 8rem;
  }

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

  .padding-medium {
    padding: 1.5rem;
  }

  .padding-section-large {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .fs-styleguide_1-col {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .padding-huge {
    padding: 5rem;
  }

  .margin-large {
    margin: 2.5rem;
  }
}

@media screen and (max-width: 767px) {
  body {
    --_size---p-16: 1rem;
    --_size---h1: 2.5rem;
    --_size---h2: 2rem;
    --_size---h3: 1.5rem;
    --_size---h4: 1.5rem;
    --_size---h5: 1.5rem;
    --_size---h6: 1rem;
    --_size---subheading: 1.125rem;
    --_size---p-14: .875rem;
    --_size---p-12: .75rem;
    --_size---border-24: 1.5rem;
    --_size---border-16: 1rem;
    --_size---border-32: 0px;
    --_size-height-text---1-3: 1.3;
    --_size-height-text---1-2: 1.2;
    --_size-height-text---1-4: 1.4;
    --_size-height-text---1-6: 1.6;
    --_size-height-text---1: 1;
    --_size-height-text---1-5: 1.5;
  }

  h1 {
    letter-spacing: -.05rem;
  }

  h2 {
    letter-spacing: -.04rem;
  }

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

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

  .section {
    padding: 2.5rem 1rem;
  }

  .section.mod--header {
    padding: 0 1rem 1rem;
  }

  .section.mod--home {
    padding-top: 11.5rem;
    padding-bottom: 5.5rem;
  }

  .section.mod--footer {
    padding-top: 3.75rem;
    padding-bottom: 2rem;
  }

  .section.mod--studies {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

  .section.mod--case {
    padding-top: 10rem;
  }

  .columns.mod--workflow {
    flex-flow: column;
    display: flex;
  }

  .columns.mod--difference {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
    flex-flow: column;
  }

  .col.mod--workflow {
    flex: 0 auto;
    height: 18.75rem;
  }

  .col.mod--workflow.is--1 {
    background-image: url("https://cdn.prod.website-files.com/69a6a6d7ecbe4e01c9544f94/69b086672e4aa9a103fbf50e_workflow-card-bg-mob_2.avif");
    background-repeat: no-repeat;
    background-size: contain;
    order: 3;
    padding: 1.5rem;
  }

  .col.mod--workflow.is--2 {
    order: 1;
    width: 100%;
    transform: translate(0, -31.425rem);
  }

  .col.mod--workflow.is--3 {
    background-image: url("https://cdn.prod.website-files.com/69a6a6d7ecbe4e01c9544f94/69b086676e854ef154b86d9f_workflow-card-bg-mob_1.avif");
    background-repeat: no-repeat;
    background-size: contain;
    order: 2;
    padding: 1.5rem;
  }

  .col.mod--workflow.is--4 {
    background-image: url("https://cdn.prod.website-files.com/69a6a6d7ecbe4e01c9544f94/69b08667d5b2637b71a6cd68_workflow-card-bg-mob_3.avif");
    background-repeat: no-repeat;
    background-size: contain;
    order: 4;
    min-height: auto;
  }

  .col.mod--started.is--2 {
    width: 100%;
  }

  .swiper {
    width: auto;
  }

  .swiper.mod--studies {
    margin: 1.5rem -1rem 4.25rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .swiper.mod--clients {
    margin-left: -1rem;
    margin-right: -1rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .swiper.mod--voices {
    margin: 2rem -1rem 1.5rem;
    padding-left: 1rem;
    padding-right: 1rem;
    overflow: hidden;
  }

  .swiper-wrapper.mod--studies {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    display: flex;
  }

  .swiper-wrapper.mod--voices {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    width: auto;
    margin-left: -1rem;
    margin-right: -1rem;
    padding-left: 1rem;
    padding-right: 1rem;
    display: flex;
  }

  .swiper-slide {
    flex: none;
    width: 100%;
  }

  .swiper-slide.mod--clients {
    white-space: nowrap;
    flex: none;
  }

  .swiper-slide.mod--studies {
    border-color: #aeaeae42;
    border-radius: 1.125rem;
    flex: none;
    width: 100%;
    min-width: 100%;
    height: auto;
    padding: 1.5rem;
  }

  .swiper-slide.mod--voices {
    border-radius: 1.125rem;
    min-height: 14.5625rem;
    padding: 1.5rem;
  }

  .margin-xhuge {
    margin: 4rem;
  }

  .h4 {
    font-size: 1rem;
  }

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

  .text-size-large {
    font-size: 1.25rem;
  }

  .padding-xxlarge {
    padding: 3rem;
  }

  .fs-styleguide_section-header {
    font-size: .875rem;
  }

  .padding-xhuge {
    padding: 4rem;
  }

  .margin-xxhuge {
    margin: 4.5rem;
  }

  .margin-huge {
    margin: 3.5rem;
  }

  .fs-styleguide_heading-large {
    font-size: 3rem;
  }

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

  .hide-mobile-landscape {
    display: none;
  }

  .margin-medium {
    margin: 1.25rem;
  }

  .margin-xxlarge {
    margin: 3rem;
  }

  .margin-xlarge {
    margin: 2rem;
  }

  .margin-horizontal {
    margin-top: 0;
    margin-bottom: 0;
  }

  .h2 {
    font-size: 2rem;
  }

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

  .h3 {
    font-size: 2rem;
  }

  .h3.mob-18 {
    font-size: 1.125rem;
  }

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

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

  .padding-xlarge {
    padding: 2rem;
  }

  .padding-global {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .padding-large {
    padding: 1.5rem;
  }

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

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

  .fs-styleguide_version {
    font-size: .875rem;
  }

  .padding-horizontal {
    padding-top: 0;
    padding-bottom: 0;
  }

  .text-style-nowrap {
    white-space: normal;
  }

  .fs-styleguide_heading-medium {
    font-size: 2rem;
  }

  .padding-xxhuge {
    padding: 4.5rem;
  }

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

  .h6 {
    font-size: .75rem;
  }

  .padding-medium {
    padding: 1.25rem;
  }

  .padding-section-large {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .h5 {
    font-size: 1.125rem;
  }

  .padding-huge {
    padding: 3.5rem;
  }

  .button {
    padding-top: 1.09375rem;
    padding-bottom: 1.09375rem;
    font-size: 1rem;
  }

  .button.is--icon {
    width: 2.75rem;
    height: 2.75rem;
  }

  .margin-large {
    margin: 1.5rem;
  }

  .h1 {
    font-size: 2.5rem;
  }

  .icon-24.mob-18 {
    width: 1.125rem;
    height: 1.125rem;
  }

  .remodal.case-studies {
    max-width: 95vw;
    max-height: 95vh;
  }

  .remodal__container {
    padding: 1.5rem 1rem;
  }

  .remodal__close {
    width: 1.25rem;
    height: 1.25rem;
    top: 1.5rem;
    right: 1.5rem;
  }

  .header__col.is--2 {
    display: none;
  }

  .header__col.is--3 {
    grid-column-gap: .25rem;
    grid-row-gap: .25rem;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 1.5rem;
    height: 1.5rem;
    display: flex;
    position: relative;
  }

  .header__menu {
    flex-flow: column;
  }

  .header__link {
    font-size: 1.5rem;
  }

  .header__logo {
    width: 6.875rem;
  }

  .banner {
    z-index: 2;
    margin-bottom: 1rem;
    margin-left: -1rem;
    margin-right: -1rem;
    padding: .5rem 2rem;
    font-size: .875rem;
    position: relative;
  }

  .home__heading {
    margin-bottom: 1.25rem;
  }

  .text-size-18.mob-16 {
    font-size: 1rem;
  }

  .hero__bg-img {
    min-height: auto;
  }

  .hero__bg-img.is--1 {
    width: auto;
    bottom: 0;
  }

  .hero__bg-img.is--2 {
    width: auto;
    top: 0;
  }

  .home__social-proof {
    margin-top: 25.1875rem;
  }

  .text-size-16.mob-12 {
    font-size: .75rem;
  }

  .home__svg-text {
    width: 7rem;
    top: auto;
    bottom: 21.5rem;
    left: -.5rem;
    transform: rotate(30deg);
  }

  .home__svg-arrow {
    width: 2.4rem;
    height: auto;
    top: auto;
    bottom: 19.7rem;
    left: 1.3rem;
    transform: rotate(25deg);
  }

  .workflow__col-text {
    margin-right: auto;
  }

  .icon-16.mob-12 {
    width: .75rem;
    height: .75rem;
  }

  .clients__content {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .icon-32 {
    width: 1.5rem;
    height: 1.5rem;
  }

  .process__content {
    max-width: none;
  }

  .process__heading-wrap {
    align-items: center;
    max-width: none;
    margin-bottom: 2.5rem;
  }

  .process__dropdown-wrap {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-flow: column;
    display: flex;
  }

  .dropdown.mod--case-filter {
    position: static;
  }

  .dropdown-toggle.mod--process {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    border-top-width: 0;
    border-top-color: #0000;
    margin-bottom: .625rem;
    padding: 0;
  }

  .dropdown-toggle.mod--process.active {
    border-top-color: var(--_color---transparent);
    border-top-color: var(--_color---transparent);
  }

  .dropdown-toggle.mod--faq {
    grid-column-gap: 8rem;
    grid-row-gap: 8rem;
    padding: 1.5rem 0;
  }

  .dropdown-toggle.mod--case-filter {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .dropdown-list.mod--process.active, .dropdown-list.mod--faq.active {
    margin-top: 0;
  }

  .dropdown-list.mod--process {
    height: auto;
  }

  .dropdown-list.mod--process.active, .dropdown-list.mod--faq.active, .dropdown-list.mod--faq.active {
    margin-top: 0;
  }

  .dropdown-list.mod--case-filter {
    min-width: 100%;
    top: 6.5rem;
    left: 0;
  }

  .dropdown-list_wrap.mod--process {
    padding-bottom: 0;
    padding-left: 0;
  }

  .dropdown-list_wrap.mod--faq {
    padding-bottom: 1.5rem;
    padding-left: 0;
    padding-right: 2rem;
  }

  .dropdown-num {
    position: static;
  }

  .process__img-wrap {
    opacity: 1;
    width: 100%;
    height: 18.125rem;
    margin-top: 1.5rem;
    transition-property: none;
    position: static;
    transform: none;
  }

  .process__img-wrap.active {
    width: 100%;
  }

  .process__img {
    object-fit: contain;
    height: 100%;
  }

  .heading-wrap {
    grid-column-gap: .75rem;
    grid-row-gap: .75rem;
  }

  .collection-list-wrapper.mod--studies-tag {
    margin-bottom: 2rem;
  }

  .collection-list-wrapper.mod--studies-modal-tag {
    margin-top: 1.5rem;
  }

  .collection-list-wrapper.mod--studies-case {
    margin-top: 1rem;
  }

  .collection-list.mod--studies-tag {
    grid-column-gap: .25rem;
    grid-row-gap: .25rem;
  }

  .collection-list.mod--studies-case {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column;
    display: flex;
  }

  .collection-item.mod--case-filter {
    white-space: normal;
    width: 100%;
  }

  .collection-item.mod--studies-case {
    width: 100%;
    padding: 1.5rem;
  }

  .studies__logo {
    width: 3.625rem;
    height: 3.625rem;
  }

  .studies__logos {
    margin-bottom: 1.5rem;
  }

  .studies__socials {
    grid-column-gap: .625rem;
    grid-row-gap: .625rem;
  }

  .studies__info {
    margin-bottom: 1rem;
  }

  .studies__tag {
    letter-spacing: 0;
  }

  .difference__tag {
    letter-spacing: .0175rem;
    margin-bottom: 1rem;
    padding: .53125rem .9375rem;
    font-size: .875rem;
  }

  .difference__calc {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    letter-spacing: .015rem;
    margin-top: 2rem;
  }

  .difference__graphic {
    margin-bottom: 1.5rem;
  }

  .difference__info {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    border-left-width: 0;
    border-left-color: var(--_color---transparent);
    padding-left: 0;
  }

  .difference__info.orange-border {
    border-left-color: var(--_color---transparent);
    border-left-color: var(--_color---transparent);
  }

  .text-size-24.mob-18 {
    font-size: 1.125rem;
  }

  .dropdowns {
    margin-top: 2.5rem;
  }

  .started__content-wrap {
    grid-column-gap: 2.5rem;
    grid-row-gap: 2.5rem;
    flex-flow: column;
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
  }

  .started__text {
    margin-bottom: 3rem;
  }

  .started__svg-text {
    width: 8rem;
    bottom: 1.0875rem;
    left: 14.9rem;
  }

  .started__svg-arrow {
    width: 5rem;
    height: auto;
    bottom: .5rem;
    left: 11.2rem;
    transform: rotate(-5deg);
  }

  .footer__content.is--1 {
    align-items: flex-end;
    margin-bottom: 10rem;
    position: relative;
  }

  .footer__content.is--2 {
    grid-column-gap: 3.125rem;
    grid-row-gap: 3.125rem;
    flex-flow: column-reverse;
  }

  .footer__col.is--1 {
    border-top: 1px solid #ffffff1a;
    margin-left: 0;
    margin-right: 0;
    padding-top: 2.5rem;
    position: absolute;
    top: 4.5rem;
    left: 0;
    right: 0;
  }

  .footer__col.is--2 {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .footer__logo {
    width: 9.375rem;
  }

  .footer__link {
    letter-spacing: -.02rem;
    font-size: 1rem;
  }

  .studies-modal_head {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    margin-bottom: 1.5rem;
  }

  .studies-modal_content {
    max-width: none;
  }

  .studies-modal_images, .studies-modal_socials {
    flex-flow: column;
  }

  .studies-modal_social {
    justify-content: center;
  }

  .swiper-pagination.mod--studies {
    grid-column-gap: 1.125rem;
    grid-row-gap: 1.125rem;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: .75rem;
    display: flex;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 5.5rem !important;
  }

  .swiper-pagination.mod--voices {
    grid-column-gap: 1.125rem;
    grid-row-gap: 1.125rem;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: .75rem;
    display: flex;
    position: relative;
  }

  .swiper-pagination-bullet {
    background-color: var(--_color---black);
    border-radius: 50%;
    width: .5rem;
    height: .5rem;
    transition-property: all;
    transition-duration: .5s;
    transition-timing-function: ease;
    margin: 0 !important;
  }

  .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: var(--_color---orange);
    background-color: var(--_color---orange);
    width: .75rem;
    height: .75rem;
  }

  .footer__email {
    grid-column-gap: 1.125rem;
    grid-row-gap: 1.125rem;
    flex-flow: column;
    max-width: 15rem;
    display: flex;
    position: relative;
  }

  .footer__copy-icon {
    width: 1.25rem;
    height: 1.25rem;
    position: absolute;
    bottom: -.125rem;
    right: 1.5rem;
  }

  .footer__copy-icon.invert {
    filter: invert();
  }

  .header__col-line {
    background-color: var(--_color---black);
    border-radius: 1rem;
    width: 1.25rem;
    height: 2px;
  }

  .header__col-line.is--2, .header__col-line.is--3, .header__col-line.is--2, .header__col-line.is--3 {
    position: absolute;
  }

  .mobile-menu {
    background-color: var(--_color---white);
    flex-flow: column;
    justify-content: space-between;
    width: 100vw;
    height: 100vh;
    padding: 10rem 1rem 2rem;
    display: none;
    position: absolute;
    top: 0;
    left: 0;
  }

  .mobile-menu.test {
    display: flex;
  }

  .mobile-menu_contact {
    justify-content: space-between;
    align-items: flex-end;
    display: flex;
  }

  .case__hero-title {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    max-width: none;
  }

  .case__hero-sort {
    grid-column-gap: .875rem;
    grid-row-gap: .875rem;
    position: relative;
  }

  .case__sort-select {
    flex: 0 auto;
    width: 100%;
  }

  .pagination.mod--studies-case {
    width: 100%;
    padding-left: 3.75rem;
    padding-right: 3.75rem;
  }

  .pagination-btn {
    width: 2.75rem;
    height: 2.75rem;
  }

  .pagination-num {
    width: 2rem;
    height: 2rem;
    font-size: .875rem;
  }

  .case__empty {
    background-color: #fdfcfb;
    justify-content: flex-start;
    width: 100%;
    height: 23rem;
    padding-top: 5rem;
    padding-bottom: 0;
  }

  .empty__bg {
    background-color: #fdfcfb;
    left: -6rem;
    right: -6rem;
  }

  .h5-2 {
    font-size: 1.125rem;
  }

  .studies__tag-2 {
    letter-spacing: 0;
  }

  .studies-modal_content-2 {
    max-width: none;
  }

  .studies-modal_social-2 {
    justify-content: center;
  }
}

@media screen and (max-width: 479px) {
  .margin-top {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

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

  .swiper.mod--reviews {
    margin-left: auto;
    margin-right: auto;
  }

  .swiper.mod--clients {
    width: 100dvw;
  }

  .swiper-slide {
    width: 100%;
  }

  .swiper-slide.mod--reviews {
    width: auto;
  }

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

  .hide-mobile-portrait {
    display: none;
  }

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

  .margin-horizontal {
    margin-top: 0;
    margin-bottom: 0;
  }

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

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

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

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

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

  .padding-horizontal {
    padding-top: 0;
    padding-bottom: 0;
  }

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

  .home__heading {
    max-width: 20.125rem;
  }

  .workflow__col-text {
    letter-spacing: -.01875rem;
  }

  .mobile-width-17 {
    max-width: 17rem;
  }
}