:root {
  --white: white;
  --black: black;
}

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

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

a {
  text-decoration: none;
}

h1 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 38px;
  font-weight: bold;
  line-height: 44px;
}

h2 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 32px;
  font-weight: bold;
  line-height: 36px;
}

p {
  margin-bottom: 10px;
}

.container {
  flex-direction: column;
  flex: none;
  justify-content: center;
  align-items: center;
  max-width: 1145px;
  min-height: 0;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
  display: block;
}

.container.bottom-section-container {
  display: flex;
}

.banner {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  object-fit: fill;
  grid-template: "Area Area-2 Area-3 Area-3 Area-3 Area-27 Area-28 Area-29 Area-30 Area-30" 2.75fr
                 "Area-4 Area-2 Area-11 Area-12 Area-12 Area-13 Area-13 Area-13 Area-31 Area-32"
                 "Area-14 Area-14 Area-14 Area-12 Area-12 Area-10 Area-10 Area-33 Area-33 Area-34"
                 "Area-18 Area-19 . Area-21 Area-21 Area-10 Area-10 Area-35 Area-35 Area-36"
                 "Area-15 Area-20 Area-20 Area-20 Area-23 Area-37 Area-37 Area-26 . Area-38"
                 "Area-16 Area-17 . Area-22 . . Area-25 . Area-39 ."
                 ". . . . Area-24 . . . . ." 134px
                 / .25fr .25fr .25fr .25fr .25fr .25fr .25fr .25fr .25fr .25fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  max-width: 1405px;
  padding-top: 94px;
  font-weight: 700;
  display: grid;
}

.pride-h1 {
  opacity: 1;
  -webkit-text-fill-color: transparent;
  object-fit: fill;
  background-image: linear-gradient(to right, #95c8c8 38%, #cda293 51%, #b598b7 62%, #888eac 71%, #69daf2 81%, #e2df97 91%, #e672b8);
  -webkit-background-clip: text;
  background-clip: text;
  width: 373px;
  margin-top: auto;
  margin-bottom: 20px;
  padding-top: 0;
  padding-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 62px;
  font-weight: 700;
  line-height: 75px;
  position: static;
  top: 0;
  overflow: visible;
}

.pride-h1.pride-short-gradient {
  object-fit: none;
  background-image: linear-gradient(to right, #95c8c8 11%, #cda293 27%, #b598b7 40% 40%, #888eac 56%, #69daf2 68%, #e2df97 79%, #e672b8 92%);
  width: auto;
  display: inline-block;
  position: static;
}

.pride-h1.careers-h1 {
  position: absolute;
}

.image, .image-2, .image-3, .image-4, .image-5 {
  object-fit: cover;
  overflow: auto;
  box-shadow: 3px 5px 10px #000;
}

.heading-2 {
  object-fit: cover;
  font-family: Inter, sans-serif;
  font-size: 52px;
}

.text-span {
  font-family: Inter, sans-serif;
  font-size: 52px;
}

.image-6, .image-7, .image-8, .image-9 {
  object-fit: cover;
  overflow: auto;
  box-shadow: 3px 5px 10px #000;
}

.image-10 {
  object-fit: cover;
  display: block;
  box-shadow: 3px 5px 10px #000;
}

.image-11, .image-12 {
  object-fit: cover;
  overflow: auto;
  box-shadow: 3px 5px 10px #000;
}

.image-13 {
  object-fit: cover;
  overflow: auto;
  box-shadow: 3px 5px 14px #000;
}

.image-14 {
  object-fit: cover;
  box-shadow: 3px 5px 10px #000;
}

.image-15 {
  object-fit: cover;
  overflow: auto;
  box-shadow: 3px 5px 3px #000;
}

.image-16 {
  object-fit: cover;
  overflow: auto;
  box-shadow: 3px 5px 10px #000;
}

.body {
  text-align: left;
  background-color: #040304;
  overflow: visible;
}

.body.fwdedm {
  background-color: #fff;
}

.navbar {
  background-color: #0000;
  display: inline-block;
}

.container-2 {
  width: auto;
  max-width: 1440px;
  height: auto;
  position: sticky;
}

.brand {
  object-fit: cover;
}

.heading-3 {
  font-family: Inter, sans-serif;
  font-size: 52px;
}

.heading-4 {
  color: #fff;
  text-align: center;
  font-family: Inter, sans-serif;
  font-size: 52px;
}

.container-3 {
  max-width: 1405px;
}

.section {
  background-color: #fff;
}

.banner-section {
  color: #fff;
  background-image: url('../images/home-hero-temporary-bg-image.png');
  background-position: 0 0;
  background-size: auto;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  padding-top: 30px;
  padding-bottom: 60px;
  display: none;
  position: relative;
}

.section-3 {
  z-index: 1;
  padding-top: 0;
  padding-bottom: 0;
  position: relative;
}

.section-3.clients-section {
  flex-direction: column;
  justify-content: center;
  height: 100vh;
  margin-bottom: 0;
  padding-bottom: 0;
  display: flex;
}

.section-3.home-hero-section {
  background-image: none;
  margin-bottom: 0;
  padding-top: 0;
}

.section-3.home-hero-section.scroll-snap {
  height: 100vh;
  min-height: 0;
}

.section-3.careers-hero-section {
  margin-bottom: 70px;
  padding-top: 167px;
}

.grid {
  grid-column-gap: 5px;
  grid-row-gap: 16px;
  grid-template: "Area-2 Area" 1fr
  / .5fr .5fr;
  padding-left: 0;
}

.heading-5 {
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(110deg, #9bf0f0 15%, #e9ad76 26%, #ed7af6 40%, #888eac 51%, #51d5f2 59%, #e2df97 66%, #f25eb7 78%);
  -webkit-background-clip: text;
  background-clip: text;
  height: auto;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 62px;
  line-height: 72px;
  text-decoration: none;
  display: inline;
  position: static;
}

.heading-5.home-page-hero-heading {
  min-width: 656px;
  font-size: 60px;
}

.heading-5.home-page-hero-heading.mobile {
  display: none;
}

.heading-5.home-page-hero-heading.animate-gradient-1 {
  background-image: linear-gradient(110deg, #9bf0f0 15%, #e9ad76 26%, #ed7af6 40%, #888eac 51%, #51d5f2 59%, #e2df97 66%, #f25eb7 78%);
}

.paragraph {
  font-size: 18px;
  line-height: 26px;
}

.pride-paragraph {
  color: #fff;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(to right, #ffd4ee, #6fb3cf 71%);
  -webkit-background-clip: text;
  background-clip: text;
  justify-content: flex-start;
  align-items: center;
  width: 76%;
  height: 100%;
  margin-top: 0;
  margin-bottom: 23px;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 26px;
  display: flex;
}

.pride-paragraph.white {
  -webkit-text-fill-color: inherit;
  background-color: #0000;
  background-image: none;
  background-clip: border-box;
}

.pride-paragraph.careers-job-description {
  width: 100%;
  margin-top: 23px;
}

.section-4 {
  -webkit-text-fill-color: inherit;
  object-fit: cover;
  background-clip: border-box;
  padding-top: 60px;
  padding-bottom: 50px;
}

.image-17 {
  min-width: 2092px;
  min-height: 174px;
}

.image-18 {
  padding: 15px 60px;
}

.nav-menu {
  display: block;
}

.nav-link {
  position: sticky;
}

.grid-2 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  grid-template-columns: .25fr .25fr;
}

.image-19 {
  -webkit-text-fill-color: inherit;
  object-fit: cover;
  background-clip: border-box;
}

.container-4 {
  flex-wrap: nowrap;
  flex: 0 auto;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  max-width: 1405px;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  padding: 10px 24px 0;
  display: block;
  position: static;
}

.container-4.transparent {
  justify-content: space-between;
  max-width: none;
  margin-left: 0;
  padding-top: 0;
  display: flex;
}

.menu-link-black {
  color: #141313;
  padding: 16px 21px;
  font-family: Inter, sans-serif;
  font-size: 15px;
  font-weight: 400;
}

.menu-link-black:hover {
  font-weight: 700;
}

.menu-link-black.white-text {
  color: #fff;
}

.nav-link-2 {
  color: #fff;
  padding: 16px 24px;
  font-family: Inter, sans-serif;
  font-size: 15px;
  font-weight: 700;
}

.nav-link-3 {
  color: #fff;
  padding: 16px 21px;
  font-family: Inter, sans-serif;
  font-size: 15px;
  font-weight: 700;
}

.nav-link-4 {
  color: #fff;
  padding: 16px 24px;
  font-family: Inter, sans-serif;
  font-size: 15px;
  font-weight: 700;
}

.nav-bar {
  z-index: 20;
  background-color: #0000;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  max-width: 100vw;
  display: flex;
  position: fixed;
  inset: 0 0% auto;
}

._360-pixels-nav-logo {
  max-width: none;
  padding-top: 16px;
  padding-bottom: 16px;
  display: inline-block;
}

.nav-links {
  z-index: 2;
  justify-content: center;
  align-items: center;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.brand-2 {
  z-index: 2;
  justify-content: center;
  align-items: center;
  padding-right: 0;
  display: flex;
}

.button {
  max-width: 179px;
}

.pride-button {
  color: #fff;
  background-image: linear-gradient(to right, #38d2dc, #4c63dc 41%, #5438dc 68%, #b138dc);
  flex: 1;
  justify-content: center;
  align-items: center;
  max-width: 178px;
  max-height: 37px;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  padding: 16px 24px;
  font-family: Inter, sans-serif;
  font-weight: 700;
  display: flex;
}

.pride-button.nav-button {
  margin-left: 34px;
  transition: background-color .2s;
}

.pride-button.nav-button:hover {
  background-image: linear-gradient(to right, #9e3a76, #3898ce 35%, #5438dc 68%, #800da9);
}

.pride-button.send-inquiry {
  float: none;
  clear: none;
  text-align: center;
  white-space: normal;
  flex-flow: row;
  width: auto;
  min-width: 239px;
  max-width: 0;
  min-height: 48px;
  max-height: 0;
  font-style: normal;
  line-height: 17px;
  text-decoration: none;
  display: block;
  position: static;
  overflow: visible;
}

.pride-button.join-us-submit {
  max-width: 239px;
  max-height: 48px;
  padding-left: 61px;
  padding-right: 61px;
  position: relative;
}

.nav-menu-2 {
  margin-left: 0;
  padding-left: 200px;
}

.grid-3 {
  grid-column-gap: 74px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  margin-top: 62px;
}

.grid-3.our-process.owl-carousel {
  display: none;
}

.image-21 {
  text-transform: none;
  object-fit: contain;
  max-width: 222px;
  min-height: 0;
  max-height: 100px;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  display: inline-block;
}

.heading-6 {
  text-align: center;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(to right, #fff 43%, #c1ebf1 55%, #fcc 74%);
  -webkit-background-clip: text;
  background-clip: text;
  justify-content: center;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
  font-family: Inter, sans-serif;
  font-size: 24px;
  line-height: 28px;
  display: block;
}

.service-01 {
  flex-flow: column wrap;
  justify-content: space-between;
  align-items: center;
  max-width: 300px;
  max-height: 336px;
  margin: 0;
  display: flex;
}

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

.paragraph-4 {
  text-align: center;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(to right, #ffd4ee 25%, #6fb3cf 83%);
  -webkit-background-clip: text;
  background-clip: text;
  margin: 8px 0 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}

.service-02 {
  flex-flow: column wrap;
  justify-content: space-between;
  align-items: center;
  max-width: 300px;
  max-height: 336px;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  display: flex;
}

.section-5 {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 50px;
  padding-bottom: 0;
}

.section-5.home-proccess-section {
  z-index: 1;
  flex-direction: column;
  justify-content: center;
  height: 100vh;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  position: relative;
}

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

.grid-4 {
  grid-template: "Area Area Area-10 Area-10 . . Area-5 Area-5" 1fr
                 "Area Area Area-10 Area-10 Area-3 Area-3 Area-5 Area-5" 1fr
                 ". Area-2 Area-2 Area-2 Area-3 Area-3 Area-9 Area-9" 1fr
                 ". Area-2 Area-2 Area-2 Area-3 Area-3 Area-9 Area-9" 1fr
                 "Area-11 . . . . Area-4 Area-9 Area-9" 1fr
                 / 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  display: none;
}

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

.image-22 {
  object-fit: cover;
}

.text-block {
  color: #fff;
  text-align: center;
  white-space: normal;
  -webkit-text-fill-color: inherit;
  background-image: url('../images/multimedia.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  background-clip: padding-box;
  flex-wrap: wrap;
  padding: 135px;
  font-family: Inter, sans-serif;
  font-size: 24px;
  font-weight: 700;
  display: flex;
}

.text-block.services-text-block {
  background-image: none;
  padding: 120px;
  font-size: 28px;
  line-height: 32px;
}

.text-block.services-text-block.multimedia {
  text-shadow: 5px 5px 30px #f509d7;
  -webkit-text-fill-color: inherit;
  background-image: none;
  background-clip: border-box;
  padding: 0;
  position: absolute;
}

.text-block.services-text-block.digital-experience {
  z-index: 2;
  text-shadow: 5px 5px 30px #f509d7;
  -webkit-text-fill-color: inherit;
  background-image: none;
  background-clip: border-box;
  padding: 0;
  position: absolute;
}

.text-block.services-text-block.digital-experience.tablet {
  display: none;
}

.text-block.services-text-block.development {
  text-shadow: 5px 5px 30px #f509d7;
  justify-content: flex-start;
  align-items: stretch;
  padding: 0;
  position: absolute;
}

.text-block.services-text-block.vertical {
  clear: none;
  text-align: center;
  white-space: nowrap;
  -webkit-text-fill-color: inherit;
  object-fit: fill;
  background-clip: border-box;
  flex-wrap: wrap;
  place-content: stretch center;
  width: auto;
  min-width: 0;
  max-width: none;
  padding: 0;
  position: static;
  left: 0%;
  right: 0;
}

.text-block.services-text-block.vertical.branding {
  text-shadow: 5px 5px 30px #f509d7;
  -webkit-text-fill-color: inherit;
  background-image: none;
  background-clip: border-box;
  flex-wrap: wrap;
  flex: 0 auto;
  order: 0;
  place-content: center;
  align-self: auto;
  align-items: center;
  padding: 0;
  display: flex;
  position: absolute;
  left: auto;
  right: auto;
}

.text-block.services-text-block.vertical.ui-ux {
  z-index: 2;
  text-shadow: 5px 5px 30px #f509d7;
  position: absolute;
  left: auto;
  right: auto;
}

.text-block.services-text-block.vertical.digital-design {
  text-shadow: 5px 5px 30px #f509d7;
  position: absolute;
  left: auto;
  right: auto;
}

.div-block {
  flex-wrap: wrap;
  place-content: center;
  display: flex;
}

.div-block.services-div-block {
  -webkit-text-fill-color: inherit;
  background-image: url('../images/multimedia.png');
  background-position: 50%;
  background-size: cover;
  background-clip: border-box;
  flex-wrap: wrap;
  place-content: center;
  align-items: center;
  max-width: 285px;
  max-height: 300px;
  display: flex;
  overflow: hidden;
}

.div-block.services-div-block.multimedia, .div-block.services-div-block.digital-experience {
  background-image: none;
}

.div-block.services-div-block.vertical-rectangle {
  width: auto;
  min-width: 0;
  max-width: 275px;
  min-height: 0;
  max-height: 385px;
}

.div-block.services-div-block.vertical {
  -webkit-text-fill-color: inherit;
  background-image: none;
  background-clip: border-box;
  flex-direction: row;
  place-content: flex-start center;
  align-items: center;
  max-width: 285px;
  height: auto;
  max-height: 100%;
  overflow: hidden;
}

.div-block.services-div-block.vertical.branding {
  background-image: none;
  align-items: center;
  display: flex;
}

.div-block.services-div-block.small-square {
  max-width: 136px;
  max-height: 136px;
}

.div-block.services-div-block.small-square.glitch {
  -webkit-text-fill-color: inherit;
  background-image: url('../images/glitch-square.png');
  background-position: 0 0;
  background-size: auto;
  background-clip: border-box;
  min-width: 0;
  max-width: 100%;
  min-height: 0;
  max-height: 100%;
}

.div-block.services-div-block.small-square.glitch.invisible {
  display: none;
}

.div-block.services-div-block.small-square.mouse-glitch {
  -webkit-text-fill-color: inherit;
  background-image: url('../images/glitch-mouse.png');
  background-position: 0 0;
  background-size: auto;
  background-clip: border-box;
  min-width: 136px;
  min-height: 136px;
}

.div-block.services-div-block.small-square.mouse-glitch.invisible {
  display: none;
}

.div-block.services-div-block.small-square.sideview-glitch {
  background-image: url('../images/sideview-glitch.png');
  background-position: 0 0;
  background-size: auto;
}

.div-block.services-div-block.small-square.sideview-glitch.invisible {
  display: none;
}

.div-block.services-div-block.horizontal {
  max-width: 458px;
  max-height: 287px;
}

.div-block.services-div-block.horizontal.digital-design {
  background-image: none;
  margin-top: 0;
}

.div-block.services-div-block.development {
  background-image: none;
}

.section-6 {
  z-index: 1;
  margin-bottom: 0;
  padding-top: 50px;
  padding-bottom: 60px;
  position: relative;
}

.section-6.blur2, .section-6.scroll-snap {
  margin-bottom: 0;
}

.container-6 {
  max-width: 1405px;
}

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

.heading-8 {
  color: #fff;
  text-align: center;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(to right, #95c8c8, #cda293 27%, #b598b7 41%, #888eac 50%, #69daf2 62%, #e2df97 76%, #e672b8);
  -webkit-background-clip: text;
  background-clip: text;
  font-family: Inter, sans-serif;
  font-size: 64px;
  line-height: 72px;
}

.paragraph-5 {
  text-align: center;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(to right, #ffd4ee, #6fb3cf);
  -webkit-background-clip: text;
  background-clip: text;
  padding-top: 11px;
  font-size: 18px;
}

.section-7 {
  justify-content: center;
  align-items: center;
  margin-top: 150px;
  margin-bottom: 150px;
  padding-top: 200px;
  padding-bottom: 200px;
  display: flex;
}

.image-23 {
  text-align: center;
  padding: 24px 24px 16px;
}

.div-block-2 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.text-block-2 {
  color: #fff;
  text-align: center;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(to right, #ffd4ee, #6fb3cf);
  -webkit-background-clip: text;
  background-clip: text;
  font-family: Inter, sans-serif;
  font-size: 12px;
  font-weight: 500;
}

.container-7 {
  max-width: 1145px;
}

.div-block-3 {
  flex-direction: column;
  display: flex;
}

.wrapper {
  object-fit: fill;
  background-color: #040304;
  flex-direction: column;
  max-width: 100vw;
  height: auto;
  min-height: 0;
  max-height: none;
  padding-top: 0;
  padding-bottom: 0;
  display: block;
  overflow: visible;
}

.contact-us-hero-section {
  align-items: center;
  padding-top: 100px;
  padding-bottom: 20px;
  display: block;
  position: relative;
}

.flex-container {
  flex-direction: row;
  flex: 1;
  justify-content: space-between;
  align-items: center;
  max-width: 1145px;
  margin-top: 86px;
  padding-left: 0;
  display: flex;
}

.hero-image-mask {
  z-index: 0;
  clear: none;
  justify-content: flex-start;
  margin-left: 99px;
  display: flex;
  position: relative;
}

.hero-image {
  object-fit: cover;
  object-position: 50% 50%;
  flex: 0 .5 auto;
  width: 100%;
  height: 100%;
}

.div-block-4 {
  min-width: 669px;
  display: block;
}

.image-25 {
  width: auto;
  max-width: 100%;
  height: auto;
  position: static;
}

.send-inquiry {
  margin-left: 0;
  margin-right: 0;
  padding: 15px 76px;
}

.textarea {
  height: 263px;
  overflow: visible;
}

.contact-us-form-section {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 1145px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: relative;
}

.form-field {
  -webkit-text-fill-color: transparent;
  background-color: #000;
  background-image: linear-gradient(to right, #ffd4ee, #6fb3cf 47%);
  -webkit-background-clip: text;
  background-clip: text;
  border: 0 solid #fff;
  border-radius: 0;
  min-width: 668px;
  max-width: 668px;
  min-height: 62px;
  margin-bottom: 16px;
  padding: 19px 36px;
  font-size: 22px;
}

.form-field::placeholder {
  color: #98b7c3;
  font-size: 16px;
}

.form-field.join-us-textarea {
  min-width: 0;
  max-width: none;
  height: 263px;
  min-height: 263px;
  max-height: 263px;
  margin-bottom: 0;
}

.form-field.join-us-textarea::placeholder {
  color: #98b7c3;
}

.form-field.join-us-textarea.contact-us-textarea {
  margin-bottom: 32px;
}

.form-field.join-us-form-field {
  min-width: 0;
  max-width: none;
  margin-bottom: 0;
}

.textarea-2 {
  height: 263px;
}

.form-block {
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 670px;
  max-width: 670px;
  display: flex;
}

.form-2 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  width: auto;
  min-width: 0;
  max-width: none;
  display: block;
}

.offices-section {
  z-index: 3;
  max-width: 1145px;
  margin-top: 108px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 20%;
  position: relative;
}

.grid-5 {
  grid-template-areas: "Area Area-2";
}

.text-block-3 {
  color: #fff;
  border: 1px #fff;
}

.pride-h3 {
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(to right, #fff, #c1ebf1 50%, #fcc);
  -webkit-background-clip: text;
  background-clip: text;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 36px;
  line-height: 42px;
  display: block;
  position: relative;
}

.pride-h3.animate-gradient-1 {
  padding-bottom: 8px;
}

.pride-short-text {
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(to right, #ffd4ee 23%, #6fb3cf);
  -webkit-background-clip: text;
  background-clip: text;
  max-width: 331px;
  font-size: 18px;
  line-height: 26px;
}

.image-26 {
  max-height: 100px;
}

.collection-item {
  flex-direction: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.top-glow {
  z-index: 2;
  opacity: .5;
  filter: blur(324px);
  background-image: radial-gradient(circle, #ffb800, #590bff 19%, #00ffc2 41%);
  border-radius: 400px;
  width: 553.55px;
  height: 941.94px;
  margin-left: auto;
  margin-right: auto;
  display: none;
  position: absolute;
  top: -597px;
  left: 1761.97px;
  right: auto;
  transform: rotate(34deg);
}

.bottom-glow {
  z-index: 2;
  opacity: .5;
  filter: blur(250px);
  background-image: radial-gradient(circle at 0 100%, #00ffc2 21%, #590bff 30%, #ffb800 38%);
  width: 507.35px;
  height: 450px;
  display: none;
  position: absolute;
  top: 1078px;
  left: -270.72px;
  overflow: visible;
  transform: rotate(31.17deg);
}

.form-field-border-gradient {
  background-image: linear-gradient(#9bc8d8, #b8c9cf);
  min-width: 670px;
  max-width: 670px;
  margin-bottom: 16px;
  padding: 1px;
  display: none;
}

.form-field-border-gradient.contact-us-textarea {
  margin-bottom: 32px;
}

.careers-open-positions-section {
  grid-column-gap: 16px;
  grid-row-gap: 200px;
  grid-template: ". Area"
                 "Area-2 Area-3"
                 / .5fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  max-width: none;
  margin: 86px auto 130px;
  display: grid;
  position: relative;
  top: 0;
}

.pride-hr {
  background-image: linear-gradient(270deg, #38d2dc 8%, #4c63dc 34%, #5438dc 61%, #2f275c 92%);
  height: 1px;
  margin-top: 80px;
  margin-bottom: 80px;
}

.pride-muted-gradient-1-text-link {
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(to right, #fff 14%, #6feeff 57% 57%, #bfe8ff 76%);
  -webkit-background-clip: text;
  background-clip: text;
  flex: none;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-self: auto;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  font-family: Inter, sans-serif;
  font-weight: 700;
  display: block;
  position: relative;
  overflow: visible;
}

.join-us-form-section {
  grid-template-areas: "Area Area-2"
                       "Area-3 Area-4";
  max-width: 1145px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.image-27 {
  margin-left: auto;
  margin-right: auto;
}

.grid-6 {
  grid-template-rows: auto auto auto;
  grid-template-areas: "Area Area-3"
                       "Area-2 Area-4"
                       "Area-5 Area-5";
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.section-8 {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  max-width: 1445px;
  display: block;
}

.grid-7 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-areas: "Area Area-2"
                       "Area-3 Area-4";
  grid-auto-flow: row;
  justify-content: stretch;
}

.grid-8 {
  grid-template-areas: "Area Area-2"
                       "Area-3 Area-4";
  max-width: 1445px;
}

.container-8 {
  max-width: 1145px;
  margin-top: 0;
  position: relative;
}

.container-9 {
  max-width: 1145px;
  padding-left: 2em;
  padding-right: 2em;
  position: relative;
}

.form-3 {
  grid-column-gap: 24px;
  grid-row-gap: 32px;
  grid-template: ". ."
                 ". ."
                 "Area Area"
                 "Area-2 ."
                 / 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.white {
  color: #fff;
  font-family: Inter, sans-serif;
  font-size: 20px;
  line-height: 29px;
}

.white.view {
  font-size: 14px;
  font-weight: 700;
}

.white-text-link {
  color: #fff;
  flex-direction: column;
  max-width: 152px;
  margin-top: 0;
  font-size: 16px;
  font-weight: 700;
  line-height: 19px;
  display: block;
  position: static;
}

.white-text-link.view-more-text {
  max-width: 180px;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
}

.text-block-4 {
  display: inline;
}

.image-28 {
  width: 14.1px;
  height: 11.63px;
  margin-left: 12px;
  display: block;
}

.white-text-link-block {
  flex-direction: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 32px;
  display: block;
}

.div-block-5 {
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  display: flex;
}

.div-block-5.view-more-div {
  margin-top: 21px;
  margin-bottom: 44px;
  margin-left: 10px;
}

.pride-strong-h1.careers-h1 {
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(to right, #3ac9dc 8%, #ea3ef9 50%, #7886ff 92%);
  -webkit-background-clip: text;
  background-clip: text;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  font-size: 62px;
  line-height: 75px;
  display: inline;
}

.pride-strong-h1.careers-h1.mobile {
  display: none;
}

.pride-strong-h1.careers-h1.highlight-desktop {
  margin-left: 6px;
}

.pride-2-h1 {
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(to right, #61baed 10%, #e67297 52%, #edd066 91%);
  -webkit-background-clip: text;
  background-clip: text;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  font-size: 62px;
  line-height: 75px;
  display: inline;
}

.pride-2-h1.careers-h1 {
  display: inline;
}

.pride-2-h1.contact-us-heading {
  display: inline-block;
}

.pride-2-h1.our-team-heading {
  margin-bottom: 16px;
  display: inline-block;
}

.image-29 {
  max-width: none;
  margin-left: 12px;
  display: block;
  position: relative;
}

.pride-muted-gradient-1-text-link-block {
  object-fit: fill;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: static;
  overflow: visible;
}

.image-30 {
  width: 162px;
  max-width: none;
  height: 162px;
  max-height: none;
  position: absolute;
}

.clients-inner-container {
  flex-direction: row;
  flex: 0 auto;
  margin-top: 92px;
  display: flex;
}

.clients-inner-container.owl-carousel {
  overflow: visible;
}

.clients-inner-container.owl-carousel.owl-theme {
  display: none;
}

.client-logo {
  max-width: none;
  margin-right: 0;
}

.clients-container {
  flex-direction: column;
  align-items: center;
  max-width: 1300px;
  display: flex;
}

.div-block-6 {
  min-width: 407px;
}

.div-block-6.hero-heading-right-block {
  margin-left: 61px;
}

.grid-9 {
  grid-column-gap: 14px;
  grid-template: "Area Area Area-2 Area-2 Area-3 Area-3" 1fr
                 "Area-4 Area-5 Area-6 . Area-7 ." 1fr
                 / auto auto auto auto auto auto;
}

.careers-image-grid-section {
  margin-bottom: 10em;
  display: block;
}

.container-10 {
  justify-content: center;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  position: relative;
}

.grid-10 {
  grid-template: "Area Area Area Area-3 . Area-6 ." .25fr
                 "Area Area Area Area-3 Area-5 Area-6 Area-7" .25fr
                 "Area Area Area Area-4 Area-5 Area-6 Area-7" .5fr
                 ". . Area-2 Area-4 Area-5 Area-6 Area-7"
                 ". . Area-2 . Area-5 Area-6 Area-7"
                 ". . Area-2 . Area-5 . ."
                 ". . . . . . ."
                 / .75fr .75fr 13% 20% 15% 29% 6%;
  grid-auto-columns: 1fr;
  place-content: stretch;
  justify-items: stretch;
  display: none;
  overflow: hidden;
}

.grid-10.grid-10-dupe {
  grid-column-gap: 5px;
  grid-row-gap: 0px;
  grid-template-rows: .25fr .25fr .5fr auto auto auto auto;
  grid-template-columns: .75fr .75fr 13% 20% 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.image-31 {
  width: 100%;
  height: 100%;
  overflow: visible;
}

.image-32 {
  max-width: none;
  position: relative;
  top: 13%;
}

.image-33 {
  width: 100%;
  height: 100%;
}

.image-34 {
  width: 100%;
}

.image-35 {
  width: auto;
}

.image-36 {
  position: relative;
  top: 5px;
}

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

.highlight-container.desktop {
  position: relative;
}

.top-highlights {
  flex-direction: row;
  justify-content: flex-start;
  margin-bottom: 16px;
  display: none;
}

.bottom-highlights {
  display: none;
}

.div-block-10 {
  flex: none;
  width: auto;
}

.div-block-10.top-highlight {
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: auto;
  height: auto;
  display: block;
  position: relative;
}

.div-block-10.top-highlight.parallax {
  height: 300px;
  max-height: 300px;
}

.div-block-11 {
  flex: none;
  display: flex;
}

.div-block-11.top-highlight {
  display: block;
  position: relative;
}

.div-block-11.top-highlight.parallax {
  height: 300px;
  max-height: 300px;
}

.div-block-12 {
  flex: none;
}

.div-block-12.top-highlight {
  position: relative;
}

.image-38 {
  object-fit: cover;
  height: 100%;
  max-height: 100%;
  position: static;
}

.div-block-13 {
  flex: none;
}

.div-block-13.bottom-highlight {
  position: relative;
}

.div-block-14 {
  flex: none;
}

.div-block-14.bottom-highlight {
  position: relative;
}

.div-block-15 {
  flex: none;
}

.div-block-15.bottom-highlight {
  position: relative;
}

.div-block-16 {
  flex: none;
}

.div-block-16.bottom-highlight, .div-block-16.top-highlight {
  position: relative;
}

.div-block-16.top-highlight.parallax {
  height: 300px;
  max-height: 300px;
}

.plain-white-text-bold {
  color: #fff;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 18px;
}

.plain-white-text-bold.case-study {
  margin-bottom: 10px;
}

.home-hero-section {
  z-index: 1;
  background-image: none;
  background-size: auto;
  justify-content: center;
  align-items: center;
  max-width: 100vw;
  height: 100vh;
  margin-top: 0;
  padding-top: 83px;
  display: flex;
  position: relative;
  top: 0;
}

.div-block-17 {
  opacity: 1;
  width: 829px;
  min-width: 0;
  position: relative;
  top: auto;
  bottom: 217px;
  overflow: visible;
}

.heading-10 {
  color: #fff;
  white-space: nowrap;
  margin-top: 0;
  margin-bottom: 17px;
  font-family: Inter, sans-serif;
  font-size: 86px;
  line-height: 104px;
  display: block;
  position: relative;
}

.div-block-18 {
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.heading-11 {
  color: red;
  font-family: Inter, sans-serif;
  font-size: 86px;
  line-height: 104px;
}

.heading-11.pride-hero {
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(to right, #3ac9dc, #9630bc);
  -webkit-background-clip: text;
  background-clip: text;
  margin-top: 0;
  margin-bottom: 0;
  display: block;
  position: relative;
  left: 0;
}

.white-paragraph {
  color: #fff;
  text-align: center;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 32px;
  line-height: 27px;
  display: flex;
}

.white-paragraph.pride-muted-gradient-1-paragraph {
  text-align: center;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(to right, #fff, #fff 26%, #6feeff 47%, #bfe8ff 66%);
  -webkit-background-clip: text;
  background-clip: text;
  flex-wrap: nowrap;
  align-items: center;
  height: 100%;
  min-height: 150px;
  margin-bottom: 0;
  line-height: 27px;
  text-decoration: none;
}

.white-paragraph.mobile {
  display: none;
}

.highlight-text-link-div {
  margin-top: -59px;
  position: absolute;
  top: auto;
  bottom: auto;
  left: auto;
}

.highlight-text-link-div.case-study-text-link {
  margin-top: -75px;
  margin-left: 24px;
}

.highlight-text-link-div.homepage {
  background-image: linear-gradient(#0000, #313131);
  width: 100%;
  margin-top: 0;
  padding-bottom: 16px;
  padding-left: 16px;
  position: absolute;
  inset: auto auto 0 0;
}

.image-39, .image-40 {
  position: static;
}

.view-highlight-text-link {
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(to right, #9936e8, #cda293 10%, #b598b7 36%, #7483ce 42%, #69daf2 88%, #d12d90);
  -webkit-background-clip: text;
  background-clip: text;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 19px;
  transition: all .2s;
  display: inline;
}

.view-highlight-text-link:hover {
  margin-right: 8px;
}

.view-highlight-text-link.case-study {
  filter: brightness(200%);
}

.view-highlight-text-link-block {
  cursor: pointer;
  align-items: center;
  transition: all .2s;
  display: flex;
}

.image-41 {
  min-width: 14px;
  min-height: 11px;
  margin-left: 8px;
  margin-right: 0;
  display: inline-block;
}

.image-42, .image-43, .image-44, .image-45 {
  position: static;
}

.highlights-section {
  z-index: 1;
  flex-direction: column;
  justify-content: center;
  height: 100vh;
  margin-bottom: 0;
  display: flex;
  position: relative;
}

.bottom-section {
  z-index: 1;
  flex-direction: column;
  justify-content: center;
  height: 100vh;
  margin-bottom: 0;
  padding-bottom: 0;
  display: flex;
  position: relative;
}

.bottom-section-heading {
  text-align: center;
  font-family: Inter, sans-serif;
  font-size: 62px;
  line-height: 75px;
}

.bottom-section-heading.pride-gradient-3 {
  text-align: center;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(to right, #3ac9dc, #ea3ef9 50%, #7886ff);
  -webkit-background-clip: text;
  background-clip: text;
  margin: 0 auto;
  display: inline-block;
}

.bottom-section-heading.pride-gradient-3.animate-gradient-2.mobile, .bottom-section-heading.pride-gradient-3.animate-gradient-1.mobile {
  display: none;
}

.bottom-section-paragraph {
  text-align: center;
  font-family: Inter, sans-serif;
  font-size: 20px;
  line-height: 26px;
}

.bottom-section-paragraph.pride-light-paragraph-gradient {
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(to right, #ffd4ee, #6fb3cf);
  -webkit-background-clip: text;
  background-clip: text;
  margin-top: 32px;
  margin-bottom: 32px;
}

.bottom-section-paragraph.white-text {
  color: #fff;
  margin-top: 10px;
  margin-bottom: 70px;
}

.join-our-team-button.bw-button {
  background-color: #0000;
  border: 2px solid #fff;
  border-radius: 0;
  padding: 10px 65px;
  font-family: Inter, sans-serif;
  font-weight: 700;
  line-height: 16px;
  transition: all .2s;
}

.join-our-team-button.bw-button:hover {
  transform: scale(1.05);
}

.talk-to-us-today-button {
  padding: 10px 65px;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 16px;
}

.talk-to-us-today-button.button-gradient {
  background-color: #0000;
  background-image: linear-gradient(to right, #923d99, #465bc7 24%, #816ac3 71%, #5aa4e8);
  margin-left: 24px;
  line-height: 20px;
  transition: all .2s;
}

.talk-to-us-today-button.button-gradient:hover {
  transform: scale(1.05);
}

.talk-to-us-today-button.button-gradient.case-study-contact-button {
  align-self: flex-start;
  margin-top: 37px;
  margin-left: 0;
}

.div-block-19 {
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 5em;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.case-study-filter-section {
  justify-content: center;
  align-items: center;
  margin-top: 0;
  margin-bottom: 124px;
  padding-top: 20em;
  display: block;
  position: relative;
  top: 0;
}

.heading-12 {
  text-align: center;
  font-family: Inter, sans-serif;
  font-size: 48px;
  line-height: 58px;
}

.heading-12.pride-gradient-1 {
  text-align: center;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(to right, #95c8c8, #cda293 17%, #b598b7 35%, #888eac 52%, #69daf2 68%, #e2df97 85%, #e672b8);
  -webkit-background-clip: text;
  background-clip: text;
  max-width: none;
  margin-top: 0;
  margin-bottom: 58px;
  display: block;
}

.container-11 {
  border: 1px #000;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 1145px;
  display: flex;
}

.case-study-filter-div {
  display: none;
}

.case-study-filter {
  -webkit-text-fill-color: transparent;
  background-color: #0000;
  background-image: linear-gradient(to right, #95c8c8, #cda293 14%, #b598b7 32%, #888eac 49%, #69daf2 64%, #e2df97 82%, #e672b8);
  -webkit-background-clip: text;
  background-clip: text;
  min-width: 308px;
  display: inline;
}

.case-studies-content-section {
  margin-bottom: 0;
  padding-left: 2em;
  padding-right: 2em;
  position: relative;
}

.case-studies-content-container {
  max-width: 1145px;
}

.case-studies-grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template: "Area Area-2"
                 "Area-3 Area-4"
                 ". ."
                 ". ."
                 / .75fr .75fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.case-studies-grid.case-studies-landing-grid {
  grid-column-gap: 4em;
  grid-row-gap: 6em;
  grid-template-rows: auto auto auto auto;
}

.case-study-title-div {
  margin-top: 1em;
  display: flex;
}

.case-study-title {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  margin-left: 28px;
  display: flex;
}

.case-study-text-title {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 29px;
}

.case-study-text-title.pride-gradient-1 {
  color: #fff;
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
}

.case-study-category {
  color: #cececee6;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 22px;
}

.case-study-category.pride-gradient-1 {
  color: #fff;
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
}

.case-study-quote-section {
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  margin-bottom: 0;
  padding-left: 2em;
  padding-right: 0;
  display: block;
  position: relative;
}

.case-study-quote {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 48px;
  line-height: 58px;
}

.case-study-quote.pride-gradient-1 {
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(to right, #95c8c8, #cda293 17%, #b598b7 30%, #888eac 46%, #69daf2 62%, #e2df97 79%, #e672b8);
  -webkit-background-clip: text;
  background-clip: text;
  width: 85%;
}

.case-study-quote.pride-gradient-1.animate-gradient-1 {
  text-align: center;
  width: 85%;
}

.case-study-contact-section {
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  height: 100vh;
  display: none;
}

.case-study-flex-container {
  flex-direction: row;
  flex: 1;
  justify-content: space-between;
  align-items: stretch;
  max-width: 1145px;
  padding-bottom: 0;
  display: flex;
}

.flex-left-div {
  flex-direction: column;
  flex: 1;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-self: flex-end;
  min-width: 0;
  padding-bottom: 32px;
  display: flex;
}

.flex-right-div {
  flex-direction: row;
  flex: none;
  justify-content: flex-end;
  align-items: stretch;
  display: flex;
}

.pride-gradient-1-48px {
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(to right, #95c8c8, #cda293 15%, #b598b7 31%, #888eac 49%, #69daf2 64%, #e2df97 83%, #e672b8);
  -webkit-background-clip: text;
  background-clip: text;
  align-self: flex-start;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 48px;
  line-height: 58px;
  display: inline-block;
}

.image-46 {
  flex: none;
  align-self: flex-start;
  margin-bottom: 16px;
  display: block;
}

.grid-12 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template: ". Area-2" 1fr
                 "Area Area-2" 1fr
                 "Area Area-3" 1fr
                 / 1fr auto;
  grid-auto-columns: 1fr;
  display: grid;
}

.image-47 {
  min-width: 278px;
  min-height: 278px;
}

.image-48 {
  min-width: 136px;
  min-height: 277px;
}

.image-49 {
  min-width: 136px;
  min-height: 136px;
}

.container-12 {
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  max-width: 1145px;
  height: 100vh;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.image-50 {
  max-width: 5%;
  display: none;
  position: absolute;
  top: 825px;
}

.image-51 {
  max-width: 15%;
  display: none;
  position: absolute;
  top: 520px;
}

.image-52 {
  max-width: 7%;
  display: none;
  position: absolute;
  top: 361px;
  right: 0;
}

.navbar-transparent {
  z-index: 20;
  background-color: #0000;
  width: 100%;
  display: none;
  position: fixed;
  top: 0;
}

.navbar-transparent.white-texts {
  background-color: #000;
  display: none;
}

.text-block-5 {
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 22px;
  display: inline-block;
}

.text-block-5.nav-case-study-title {
  color: #141313;
}

.text-block-5.nav-case-study-title.white {
  color: #fff;
}

.div-block-20 {
  flex: 1;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  min-width: 457px;
  max-width: none;
  display: flex;
}

.image-53 {
  margin-left: 32px;
  margin-right: 32px;
}

.image-54 {
  margin-right: 38px;
}

.case-study-inner-hero-section {
  background-image: url('../images/Group-3734.png');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: auto;
  width: 100%;
  height: 94vh;
}

.case-study-inner-hero-section.fwd-tapp {
  background-image: url('../images/fwd-tapp-hero-image-bg.png');
  background-position: 50% 100%;
  background-size: cover;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 100vh;
  min-height: 0;
  margin-top: 10vh;
  display: block;
}

.case-study-inner-hero-section.globe-one, .case-study-inner-hero-section.paypal {
  background-image: url('../images/Group-3734.png');
  background-size: contain;
  height: 100vh;
  margin-top: 4em;
  padding-top: 0;
}

.case-study-inner-hero-section.fwdedm {
  background-image: url('../images/BG-Desktop-FWD-EDM_1.png');
  background-size: contain;
  height: 100vh;
  margin-top: 0;
  padding-top: 0;
}

.case-study-inner-hero-section.paypal {
  background-image: url('../images/pp_hero_bg.png');
  background-size: contain;
  height: 100vh;
  margin-top: 4em;
  padding-top: 0;
}

.case-study-inner-hero-section.edm {
  background-image: url('../images/BG-Desktop-FWD-EDM_1.png');
}

.case-study-inner-hero-section.ssm {
  background-image: url('../images/ShopSM-BG-Desktop.png');
  background-position: 50% 100%;
  background-size: auto;
  height: 80%;
}

.case-study-inner-hero-section.smo {
  background-image: none;
  height: 100vh;
}

.case-study-inner-hero-container {
  flex: none;
  align-self: flex-start;
  align-items: center;
  max-width: 1145px;
  display: block;
  position: static;
  top: 50%;
}

.case-study-inner-hero-container.tablet, .case-study-inner-hero-container.phone {
  display: none;
}

.heading-13 {
  color: #ffc232;
  font-family: Inter, sans-serif;
  font-size: 64px;
  line-height: 78px;
}

.heading-13.fwd-tapp {
  color: #e9781e;
  background-color: #0000;
  margin-top: 0;
  margin-bottom: 16px;
}

.heading-13.globe-one {
  margin-top: 0;
  margin-bottom: 24px;
  font-weight: 700;
}

.heading-13.fwd-edm {
  color: #e9781e;
  margin-top: 0;
  margin-bottom: 24px;
  font-weight: 700;
}

.heading-13.fwd-edm-copy {
  margin-top: 0;
  margin-bottom: 24px;
  font-weight: 700;
}

.heading-13.paypal {
  color: #fff;
  margin-top: 0;
  margin-bottom: 24px;
  font-weight: 700;
}

.heading-13.ssm {
  color: #0a0adc;
}

.heading-13.smo {
  color: #fff;
}

.div-block-21 {
  color: #4c4226;
  width: 628px;
  margin-top: 20%;
  font-family: Inter, sans-serif;
  font-size: 18px;
  line-height: 26px;
}

.div-block-21.globe {
  width: 100%;
  max-width: 628px;
  margin-top: 35vh;
}

.div-block-21.paypal {
  margin-top: 20%;
}

.flex-section {
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  max-height: 841px;
  display: flex;
  overflow: hidden;
}

.flex-section.fwd-tapp {
  display: none;
  position: relative;
}

.flex-section.globe-one {
  background-color: #fff;
}

.top {
  justify-content: flex-start;
  max-height: 418px;
  margin-bottom: 5px;
  display: flex;
  overflow: hidden;
}

.bottom {
  max-height: 418px;
  display: flex;
  overflow: hidden;
}

.div-block-22 {
  height: 100%;
}

.div-block-23 {
  height: auto;
  margin-right: 5px;
}

.image-55, .image-56 {
  height: auto;
}

.div-block-24, .div-block-25 {
  flex: 0 auto;
  margin-right: 5px;
}

.case-study-sub-hero-section {
  position: relative;
}

.case-study-sub-hero-section.fwd-tapp {
  height: 100vh;
}

.case-study-sub-hero-section.globe-one {
  height: auto;
}

.case-study-sub-hero-section.servbees {
  height: 100vh;
}

.case-study-sub-hero-section.paypal {
  -webkit-text-fill-color: inherit;
  background-color: #fff;
  background-image: none;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
  background-attachment: scroll;
  background-clip: border-box;
  height: 1050px;
  max-height: 100vh;
}

.case-study-sub-hero-section.ssm {
  background-image: url('../images/Brand-Cover-Photo_1.png');
  background-position: 0 0;
  background-size: auto;
  height: 100vh;
  display: block;
}

.case-study-sub-hero-section.punchey {
  height: 100vh;
}

.case-study-sub-hero-section.smo {
  height: auto;
  padding-top: 0;
  padding-bottom: 0;
}

.div-block-26 {
  background-color: #0000;
  flex-direction: column;
  height: 100vh;
  padding-top: 10%;
  padding-left: 2em;
  padding-right: 2em;
  display: flex;
  position: relative;
}

.top-div-bg {
  background-color: #e9781e;
  background-image: url('../images/Brand-Cover-Photo.png'), linear-gradient(#a33afe, #9157fc 51%, #8965fc);
  background-position: 0 0, 0 0;
  background-size: auto, auto;
  justify-content: center;
  align-items: center;
  height: 50vh;
  display: flex;
}

.top-div-bg.fwd-tapp {
  background-image: none;
  flex: 1;
  justify-content: flex-end;
  min-height: 50%;
  position: relative;
}

.top-div-bg.punchey {
  background-image: linear-gradient(to right, #2ab6e6, #dbd75c);
  height: 50%;
  display: flex;
}

.top-div-bg.servbees {
  background-image: linear-gradient(#221e54, #2b266a);
  justify-content: flex-end;
  min-height: 50%;
  position: relative;
}

.top-div-bg.paypal {
  background-image: url('../images/Brand-Cover-Photo.png');
  background-position: 0 0;
  background-size: cover;
  height: 35vh;
}

.top-div-bg.ssm {
  background-color: #0000;
  background-image: url('../images/Brand-Cover-Photo_1.png');
  background-position: 0 0;
  background-size: auto;
  flex: 1;
  justify-content: flex-end;
  min-height: 50%;
  display: flex;
  position: relative;
}

.top-div-bg.punchey-copy {
  background-image: linear-gradient(to right, #2ab6e6, #dbd75c);
  height: 50%;
  padding: 24px;
  display: block;
}

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

.div-block-28 {
  justify-content: center;
  align-items: center;
  height: 50vh;
  margin-top: 0;
  display: flex;
  position: relative;
}

.div-block-28.paypal {
  margin-top: -130px;
}

.div-block-29, .div-block-30 {
  position: absolute;
}

.phone-image {
  max-width: none;
  height: auto;
  max-height: 700px;
  margin-top: 20px;
  margin-bottom: 20px;
  margin-right: 10em;
  padding-left: 10%;
  position: static;
  top: 0;
  left: 0;
}

.phone-image.hero-bg {
  display: none;
  overflow: visible;
}

.phone-image.punchey {
  object-fit: contain;
  height: 85vh;
  margin-right: 10em;
}

.phone-image.paypal {
  margin-top: 0;
}

.phone-image.paypaltechit {
  width: auto;
  max-width: none;
  max-height: 80vh;
  margin-top: 2em;
  margin-bottom: 2em;
}

.phone-image.punchey-copy {
  object-fit: contain;
  height: 100%;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 0;
  padding-left: 0%;
}

.fwd-tapp-sub-hero-content-container {
  justify-content: center;
  display: flex;
  position: absolute;
  top: auto;
  left: 0%;
}

.heading-14 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 24px;
  font-family: Inter, sans-serif;
  font-size: 48px;
  line-height: 58px;
}

.heading-14.bottom {
  color: #e9781e;
  overflow: visible;
}

.heading-14.bottom.globe-one {
  color: #6d23c9;
  white-space: nowrap;
  overflow: visible;
}

.heading-14.bottom.punchey {
  color: #37b;
}

.heading-14.bottom.servbees {
  color: #292466;
}

.heading-14.bottom.paypal {
  color: #0073ba;
  white-space: nowrap;
  white-space: nowrap;
  overflow: visible;
}

.heading-14.bottom.ssm {
  color: #0a0adc;
}

.heading-14.servbees {
  width: 80%;
}

.heading-14.smo {
  color: #0a0adc;
}

.paragraph-7 {
  color: #fff;
  max-height: 560px;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 22px;
}

.paragraph-7.bottom {
  color: #000;
  overflow: visible;
}

.paragraph-7.bottom.fwd-tapp, .paragraph-7.bottom.globe-one {
  color: #183028;
}

.paragraph-7.bottom.servbees {
  color: #626262;
}

.paragraph-7.bottom.paypal, .paragraph-7.bottom.ssm {
  color: #183028;
}

.paragraph-7.bottom.ssm.white {
  color: #fff;
}

.paragraph-7.bottom.paypal {
  color: #183028;
}

.paragraph-7.bottom.paypal.bold {
  font-weight: 700;
}

.paragraph-7.bottom.fwd-tapp-copy {
  color: #183028;
  max-height: none;
}

.paragraph-7.bottom.smo {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  max-height: none;
  line-height: 36px;
}

.paragraph-7.bottom.smo.mobile {
  display: block;
}

.paragraph-7.bottom.smo.sub-hero._2nd {
  margin-top: 10px;
}

.paragraph-7.tablet {
  color: #222;
  display: none;
}

.paragraph-7.tablet.case-study-sub-hero-mobile {
  line-height: 26px;
}

.paragraph-7.tablet {
  display: none;
}

.paragraph-7.servbees {
  color: #ededed;
  width: 80%;
}

.paragraph-7.smo {
  color: #222;
  line-height: 22px;
}

.paragraph-7.smo.sub-hero {
  line-height: 26px;
}

.div-block-31 {
  min-width: 473px;
  max-width: none;
  min-height: 0;
  max-height: none;
  display: block;
  position: relative;
}

.div-block-31.top {
  width: 60%;
  min-width: 0;
  padding-right: 40px;
  overflow: visible;
}

.div-block-31.top.smo {
  width: auto;
  max-width: 560px;
  padding-right: 0;
}

.div-block-31.bottom.punchey {
  white-space: normal;
  width: 60%;
  max-width: 60%;
  padding-right: 40px;
}

.div-block-31.bottom.punchey-copy {
  white-space: normal;
  width: auto;
  max-width: none;
  padding: 24px;
}

.div-block-31.bottom {
  white-space: nowrap;
  min-width: 0;
  max-width: 533px;
  overflow: visible;
}

.div-block-32 {
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: -2px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: static;
}

.div-block-32.desktopo {
  align-items: flex-end;
  height: auto;
  margin-top: 0;
}

.div-block-bottom {
  justify-content: flex-end;
  align-items: center;
  margin-top: 0;
  display: flex;
}

.heading-15 {
  color: #e9781e;
  white-space: nowrap;
  margin-top: 0;
  margin-bottom: 24px;
}

.heading-15.fwd-tapp {
  white-space: normal;
}

.heading-15.ssm {
  color: #282464;
  white-space: normal;
  margin-bottom: 8px;
}

.div-block-33 {
  width: 40%;
  margin-right: 0;
}

.div-block-34 {
  text-align: left;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-end;
  align-self: auto;
  align-items: center;
  width: 100%;
  height: 8%;
  display: block;
  position: absolute;
  top: 0;
}

.solution-section {
  margin-bottom: 200px;
  display: block;
}

.solution-section.globe-one {
  background-color: #fff;
  margin-bottom: 0;
  padding-top: 135px;
  padding-bottom: 135px;
}

.solution-section.paypal {
  background-color: #579bdb;
  margin-bottom: 0;
  padding-top: 135px;
  padding-bottom: 135px;
}

.solution-section.servbees {
  margin-top: 4%;
  margin-bottom: 4%;
}

.solution-section.ssm {
  margin-bottom: 0;
}

.solution-section.smo {
  margin-bottom: 0;
  padding: 6em 4em 0;
}

.solution-section.smo.success-stories {
  background-image: linear-gradient(0deg, #4fe4d066, #0000 80%);
  justify-content: center;
  align-items: stretch;
  height: 100%;
  padding-top: 0;
  padding-bottom: 6em;
  display: flex;
}

.solution-section.smo.last {
  padding-bottom: 6em;
}

.container-13 {
  text-align: left;
  justify-content: space-between;
  max-width: 1145px;
  margin-bottom: 0;
  display: flex;
}

.heading-16 {
  margin-top: 0;
  margin-bottom: 24px;
  font-size: 48px;
  line-height: 58px;
}

.heading-16.globe-one {
  color: #6d23c9;
}

.heading-16.paypal {
  color: #fff;
}

.heading-16.servbees {
  color: #292466;
}

.heading-16.ssm {
  color: #0a0adc;
}

.heading-16.smo {
  color: #0a0adc;
  font-family: Inter, sans-serif;
}

.body-2 {
  color: #e9781c;
}

.paragraph-8 {
  color: #183028;
  margin-bottom: 32px;
  font-family: Inter, sans-serif;
  font-size: 18px;
  line-height: 29px;
  display: block;
}

.paragraph-8.tablet {
  display: none;
}

.paragraph-8.paypal {
  color: #fff;
}

.paragraph-8.servbees {
  width: 500px;
}

.paragraph-8.smo.mb-36 {
  color: #222;
  margin-bottom: 36px;
}

.paragraph-8.smo.mb-36.lighter {
  color: #626262;
}

.div-block-35 {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  max-width: none;
  padding: 40px 20px 0 0;
  display: flex;
}

.div-block-35.globe-one {
  flex: none;
  order: -1;
  align-items: flex-start;
  width: auto;
  margin-left: 0;
}

.div-block-35.paypal {
  flex: none;
  order: -1;
  align-items: flex-start;
  width: 400px;
  margin-left: 0;
}

.div-block-35.servbess {
  flex: none;
  order: -1;
  align-items: flex-start;
  width: auto;
  margin-left: 0;
}

.div-block-35.smo {
  padding-top: 0;
  padding-right: 0;
}

.div-block-35.smo.success-areas {
  max-width: 650px;
}

.image-59 {
  flex: 0 auto;
  width: 194px;
  height: 120px;
  margin-top: 244px;
  margin-left: -204px;
  display: block;
  position: absolute;
  top: auto;
  right: auto;
}

.image-60 {
  width: 100%;
  height: auto;
}

.image-60.paypal {
  object-fit: fill;
  width: 925px;
  margin-top: 160px;
  margin-bottom: 160px;
}

.image-60.smo {
  object-fit: fill;
  width: 100%;
  max-width: none;
  position: relative;
  right: 0;
}

.container-14 {
  max-width: 1145px;
  display: flex;
}

.div-block-36 {
  width: 644px;
  max-width: 100%;
  margin-top: 70px;
  margin-left: 0;
  padding-left: 85px;
}

.div-block-37 {
  flex-direction: column;
  display: flex;
}

.list-item {
  align-items: center;
  margin-bottom: 18px;
  display: flex;
}

.text-block-6 {
  color: #6f6f6f;
}

.image-61 {
  margin-right: 16px;
}

.list-item-2 {
  align-items: center;
  margin-bottom: 18px;
  display: flex;
}

.list-item-3 {
  align-items: center;
  display: flex;
}

.image-62, .image-63 {
  margin-right: 16px;
}

.wireframe-section.fwd-tapp {
  display: block;
}

.wireframe-section.globe-one {
  display: none;
}

.view-work-section {
  background-color: #0f0f0f;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
  position: relative;
}

.container-15 {
  flex: 1;
  margin-top: 48px;
  margin-bottom: 48px;
  padding-top: 0;
  padding-bottom: 0;
  display: block;
}

.pride-gradient-1-36px {
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(to right, #95c8c8, #cda293 15%, #b598b7 32%, #888eac 48%, #69daf2 66%, #e2df97 84%, #e672b8);
  -webkit-background-clip: text;
  background-clip: text;
  flex: 0 auto;
  align-self: auto;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 36px;
  display: inline-block;
}

.div-block-38 {
  text-align: center;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  margin-top: 0%;
  margin-bottom: 0%;
  display: flex;
}

.div-block-38.mb-69 {
  flex-flow: row;
  margin-bottom: 69px;
}

.link-block {
  align-items: center;
  text-decoration: none;
  display: flex;
}

.pride-dark-gradient {
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(to right, #38d2dc, #4c63dc 33%, #5438dc 68%, #b138dc);
  -webkit-background-clip: text;
  background-clip: text;
}

.pride-dark-gradient.pride-dark-gradient-text-link {
  font-family: Inter, sans-serif;
  font-weight: 700;
  line-height: 17px;
  text-decoration: none;
}

.image-64 {
  margin-left: 16px;
}

.portfolio-div {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  display: flex;
}

.div-block-39, .div-block-40 {
  flex: 1;
  margin-right: 0;
}

.div-block-41 {
  flex: 1;
}

.image-65 {
  margin-top: -92px;
  position: absolute;
  inset: 0% auto auto 0%;
}

.image-65.mobile {
  display: none;
}

.image-66 {
  margin-top: 0;
  margin-bottom: 0;
  position: absolute;
  inset: auto 0% 0% auto;
}

.image-66.mobile {
  display: none;
}

.purple {
  background-color: #6d23c9;
}

.menu-link-white {
  color: #fff;
  font-family: Inter, sans-serif;
  font-size: 16px;
  line-height: 18px;
}

.menu-link-white:hover {
  font-weight: 700;
}

.menu-link-white.mobile {
  display: none;
}

.paragraph-9 {
  color: #fff;
}

.paragraph-9.black, .paragraph-9.dark {
  color: #4c4226;
}

.grid-section {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #fff;
  grid-template: "Area"
  / 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

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

.div-block-43 {
  order: 1;
  width: auto;
  margin-right: 162px;
}

.image-67 {
  position: static;
}

.nav-link-5 {
  color: #fff;
  padding-top: 16px;
  padding-bottom: 16px;
  font-size: 15px;
}

.section-9 {
  margin-bottom: 124px;
  padding-top: 350px;
}

.stroked {
  margin-top: 0;
  margin-bottom: 0;
  display: inline-block;
}

.gradient-outlined-text {
  display: none;
}

.logo-container {
  justify-content: center;
  align-items: center;
  width: 290px;
  height: 100px;
  display: flex;
  position: static;
}

.about-header-section {
  z-index: 1;
  position: relative;
}

.about-header-container {
  justify-content: center;
  align-items: center;
  max-width: 1145px;
  height: 100vh;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.about-header {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 64px;
  line-height: 78px;
}

.about-header.pride-dark-gradient {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  padding-bottom: 0;
  font-family: Inter, sans-serif;
  display: inline-block;
}

.about-header.pride-dark-gradient.tablet {
  display: none;
}

.story-section-1 {
  margin-bottom: 300px;
  display: none;
  position: relative;
}

.story-section-2 {
  margin-bottom: 300px;
  display: none;
}

.story-section-3 {
  margin-bottom: 300px;
  display: none;
  position: sticky;
}

.container-1145 {
  max-width: 1145px;
}

.container-1145.flex {
  justify-content: flex-start;
  align-items: center;
  margin: auto;
  display: block;
  position: static;
}

.div-block-44 {
  flex-direction: column;
  justify-content: center;
  width: 542px;
  height: 100vh;
  display: flex;
}

.heading-17 {
  margin-top: 0;
  margin-bottom: 24px;
  font-family: Inter, sans-serif;
  font-size: 36px;
}

.heading-17.pride-muted-gradient-2 {
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(to right, #fff, #f0ccb7 52%, #b8a3d2);
  -webkit-background-clip: text;
  background-clip: text;
  display: inline-block;
}

.heading-17.pride-muted-gradient-2.mobile {
  display: none;
}

.paragraph-10 {
  color: #ededed;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 22px;
}

.paragraph-10.tablet {
  display: none;
}

.heading-18 {
  margin-top: 0;
  margin-bottom: 24px;
  font-family: Inter, sans-serif;
  font-size: 36px;
}

.heading-18.pride-muted-gradient-1 {
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(to right, #fff, #6feeff 51%, #bfe8ff);
  -webkit-background-clip: text;
  background-clip: text;
  display: inline-block;
}

.heading-18.pride-muted-gradient-1.mobile {
  display: none;
}

.paragraph-11 {
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 22px;
}

.heading-19 {
  margin-top: 0;
  margin-bottom: 24px;
  font-family: Inter, sans-serif;
  font-size: 36px;
}

.paragraph-12 {
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 22px;
}

.our-edge-section {
  z-index: 1;
  max-width: 100vw;
  margin-bottom: 300px;
  position: relative;
  overflow: hidden;
}

.div-block-45 {
  text-align: center;
  width: 560px;
  margin-bottom: 100px;
  margin-left: auto;
  margin-right: auto;
}

.heading-20 {
  font-family: Inter, sans-serif;
  font-size: 64px;
  line-height: 78px;
}

.heading-20.pride-dark-gradient {
  text-align: center;
  margin: 0 auto 16px;
  display: inline-block;
}

.paragraph-13 {
  color: #fff;
  font-family: Inter, sans-serif;
  font-size: 20px;
  line-height: 26px;
}

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

.div-block-46 {
  justify-content: center;
  align-items: center;
  min-width: 134px;
  margin-bottom: 82px;
  display: flex;
}

.div-block-47 {
  justify-content: center;
  align-items: center;
  min-width: 134px;
  display: flex;
}

.our-edge-subheading {
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(to right, #fff, #6feeff 56%, #fff);
  -webkit-background-clip: text;
  background-clip: text;
  margin-top: 0;
  margin-bottom: 16px;
  font-family: Inter, sans-serif;
  font-size: 20px;
  line-height: 24px;
  display: inline-block;
}

.our-edge-subheading.muted-gradient-2 {
  background-image: linear-gradient(to right, #fff, #f0ccb7 49%, #b8a3d2);
}

.paragraph-14 {
  color: #ededed;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 22px;
}

.paragraph-14.our-team-paragraph {
  width: 50%;
}

.our-team-section {
  z-index: 1;
  max-width: 100vw;
  position: relative;
  overflow: hidden;
}

.div-block-48 {
  min-width: 560px;
}

.pixel-animation-section {
  z-index: 1;
  width: 100vw;
  display: none;
  position: sticky;
  top: 400px;
}

.div-block-49 {
  display: block;
}

.image-68 {
  width: 370px;
  position: static;
  top: auto;
  right: 0;
}

.image-68.mobile {
  display: none;
}

.image-69 {
  width: 180px;
  margin-top: 0;
  margin-left: 0;
  padding-left: 0;
  position: static;
  right: 0;
}

.image-69.mobile {
  display: none;
}

.image-70 {
  width: 190px;
  margin-right: 0;
  position: static;
  right: 0;
}

.words {
  display: none;
  position: relative;
  left: 217px;
}

.client-logo {
  object-fit: contain;
  width: auto;
  max-width: 290px;
  height: 100%;
}

.background-video {
  z-index: 0;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
  top: 0;
}

.image-71 {
  width: 162px;
  max-width: none;
  height: 162px;
  max-height: none;
  position: absolute;
}

.image-72, .image-73 {
  width: 162px;
  max-width: none;
  height: 162px;
  position: absolute;
}

.image-74 {
  width: 100%;
  height: 100%;
  transition: all .2s;
  position: static;
}

.image-74:hover {
  transform: scale(1.1);
}

.image-75 {
  width: 100%;
  height: 100%;
  transition: all .2s;
}

.image-75:hover {
  transform: scale(1.1);
}

.image-76 {
  width: 100%;
  height: 100%;
  transition: all .2s;
}

.image-76:hover {
  transform: scale(1.1);
}

.image-77 {
  width: 100%;
  height: 100%;
  transition: all .2s;
}

.image-77:hover {
  transform: scale(1.1);
}

.image-78 {
  flex: 0 auto;
  order: 0;
  align-self: auto;
  width: 100%;
  height: 100%;
  transition: all .2s;
}

.image-78:hover {
  transform: scale(1.1);
}

.grid-13.our-services-grid {
  grid-template-rows: auto;
}

.grid-14 {
  display: none;
}

.image-79, .image-80 {
  width: 100%;
  height: 100%;
}

.image-82 {
  width: 100%;
  height: 100%;
  transition: all .2s;
}

.image-82:hover {
  transform: scale(1.1);
}

.grid-15 {
  grid-template-rows: auto;
  grid-template-areas: "Area Area-2";
}

.paragraph-15 {
  color: #fff;
  width: 75%;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 26px;
}

.div-block-50 {
  display: none;
}

.top-grid {
  max-width: 1125px;
  margin-bottom: 12px;
}

.grid-16 {
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  max-width: 1125px;
  display: none;
}

.bottom-grid {
  max-width: 1125px;
}

.bottom-grid.desktop {
  display: none;
}

.grid-17 {
  grid-column-gap: 17px;
  grid-template: "Area Area-2 Area-3 Area-4"
  / 1fr 1fr 1fr 1fr;
  max-width: 1125px;
}

.mobile-grid, .mobile-clients-inner-container {
  display: none;
}

.item {
  display: flex;
}

.our-team-grid-section {
  z-index: 1;
  position: relative;
}

.container-fluid {
  max-width: 100%;
}

.grid-19 {
  grid-template: ". . . . . Area-6 . . . ." .5fr
                 "Area . . Area-4 Area-4 . Area-7 Area-7 Area-7 Area-8" .5fr
                 ". Area-3 Area-3 Area-4 Area-4 . Area-7 Area-7 Area-7 ." .5fr
                 ". Area-3 Area-3 . Area-5 Area-5 Area-7 Area-7 Area-7 ." .5fr
                 "Area-2 . . . Area-5 Area-5 . . . ." .5fr
                 / .5fr .5fr .5fr .5fr .5fr .5fr .5fr .5fr .5fr .5fr;
  display: none;
}

.about-bottom-story-section {
  z-index: 1;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 100vw;
  height: 100vh;
  margin-bottom: 8em;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.container-1125 {
  max-width: 1125px;
}

.container-1125.flex {
  z-index: 2;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.container-1125.flex-center-vertical {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.story-heading-gradient-1 {
  text-align: center;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(to right, #95c8c8 5%, #cda293 17%, #b598b7 34%, #888eac 51%, #69daf2 66%, #e2df97 83%, #e672b8 96%);
  -webkit-background-clip: text;
  background-clip: text;
  margin: 0;
  font-family: Inter, sans-serif;
  font-size: 48px;
  line-height: 58px;
  display: inline-block;
}

.story-heading-gradient-1.gradient-3 {
  background-image: linear-gradient(to right, #3ac9dc, #ea3ef9 54%, #7886ff);
}

.story-heading-gradient-1.gradient-3.mobile {
  display: none;
}

.story-heading-gradient-1.gradient-3.animate-gradient-2 {
  width: 54%;
}

.story-heading-gradient-1.gradient-3.remove-gradient {
  color: #fff;
  -webkit-text-fill-color: inherit;
  background-color: #0000;
  background-image: none;
  background-clip: border-box;
}

.story-heading-gradient-1.gradient-3.white-fix {
  -webkit-text-fill-color: inherit;
  background-image: none;
  background-clip: border-box;
}

.story-heading-gradient-1.gradient-2 {
  background-image: linear-gradient(to right, #61baed, #e67297 52%, #edd066);
}

.invite-section {
  z-index: 1;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100vh;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  position: relative;
}

.heading-21 {
  margin-top: 0;
  margin-bottom: 0;
}

.h1-strong-heading-diagonal-gradient-1 {
  text-align: center;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(120deg, #95c8c8 26%, #cda293 33%, #b598b7 42%, #888eac 52%, #69daf2 61%, #e2df97 69%, #e672b8 78%);
  -webkit-background-clip: text;
  background-clip: text;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 64px;
  line-height: 78px;
  display: inline-block;
}

.white-text-32 {
  color: #fff;
  text-align: left;
  font-family: Inter, sans-serif;
  font-size: 32px;
  font-weight: 400;
  line-height: 39px;
}

.white-text-32.invite-section {
  height: auto;
  margin-bottom: 82px;
  padding-top: 0;
  padding-bottom: 0;
}

.invite-section-buttons {
  margin-top: 5em;
}

.button-white-outline {
  background-color: #0000;
  border: 1px solid #fff;
  padding: 10px 65px;
  font-family: Inter, sans-serif;
  font-weight: 700;
  line-height: 17px;
  transition: all .2s;
}

.button-white-outline:hover {
  transform: scale(1.1);
}

.button-purple {
  color: #fff;
  background-color: #5438dc;
  padding: 10px 65px;
  font-family: Inter, sans-serif;
  font-weight: 700;
}

.button-purple.invite-us-section {
  border: 1px solid #5438dc;
  margin-left: 24px;
  line-height: 17px;
}

.button-purple.invite-us-section.button-purple-gradient {
  background-image: linear-gradient(to right, #923d99, #465bc7 36%, #816ac4 68%, #5aa4e8);
  transition: all .2s;
}

.button-purple.invite-us-section.button-purple-gradient:hover {
  transform: scale(1.1);
}

.div-block-54 {
  background-image: linear-gradient(#0000, #040304 98%);
  width: 100vw;
  height: 100vh;
  padding-bottom: 0;
  display: block;
  position: relative;
  bottom: 0;
}

.overlay {
  background-image: linear-gradient(#00000080, #00000080);
  width: 100%;
  height: 100%;
  position: absolute;
}

.div-block-55 {
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 100%;
}

.image-84 {
  width: auto;
  height: auto;
  max-height: 100%;
}

.image-84.parallax {
  z-index: 2;
  transition: opacity .25s cubic-bezier(.455, .03, .515, .955);
  display: block;
  position: relative;
}

.image-84.parallax:hover {
  opacity: 0;
}

.image-85 {
  width: auto;
  height: auto;
  max-height: 100%;
}

.image-87.parallax {
  z-index: 2;
  transition: opacity .25s cubic-bezier(.455, .03, .515, .955);
  position: relative;
}

.image-87.parallax:hover {
  opacity: 0;
}

.image-89 {
  z-index: 2;
  transition: opacity .25s cubic-bezier(.455, .03, .515, .955);
  position: relative;
}

.image-89:hover {
  opacity: 0;
}

.image-89.parallax {
  z-index: 2;
  transition: opacity .25s cubic-bezier(.455, .03, .515, .955);
  position: relative;
}

.image-89.parallax:hover {
  opacity: 0;
}

.image-91 {
  z-index: 2;
  position: absolute;
}

.image-91.parallax {
  z-index: 1;
  top: 0;
  left: 0;
}

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

.div-block-56.parallax {
  overflow: visible;
}

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

.div-block-57.parallax {
  max-width: 491px;
  max-height: 492px;
  overflow: visible;
}

.image-92 {
  z-index: 1;
  position: absolute;
  left: 0;
}

.image-92.parallax {
  width: auto;
  height: auto;
}

.div-block-58 {
  position: relative;
  overflow: hidden;
}

.div-block-58.parallax {
  max-width: 243px;
  max-height: 243px;
  overflow: hidden;
}

.image-93 {
  z-index: 1;
  width: auto;
  height: auto;
  position: absolute;
  left: 0;
}

.image-93.parallax {
  top: -20px;
}

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

.div-block-59.parallax {
  overflow: visible;
}

.stories-section {
  z-index: 1;
  max-width: 100vw;
  position: relative;
  overflow: visible;
}

.story-1 {
  justify-content: flex-start;
  align-items: center;
  height: 100vh;
  display: block;
  position: relative;
}

.bottom-layer {
  z-index: 0;
  position: relative;
}

.story-2, .story-3 {
  position: relative;
}

.top-layer {
  z-index: 1;
  flex-direction: column;
  display: block;
  position: absolute;
  inset: 0;
}

.top-layer.mobile {
  display: none;
}

.sticky {
  justify-content: flex-start;
  width: 100%;
  height: 100vh;
  display: flex;
  position: sticky;
  top: 0;
}

.sticky-container {
  justify-content: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.div-block-60 {
  width: 150px;
  height: 150px;
}

.grid-20 {
  grid-template-rows: auto;
  align-items: start;
  width: 100%;
  max-width: 1145px;
  position: static;
}

.logo-block, .empty-block {
  width: 100%;
}

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

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

.logo-image-container-1 {
  justify-content: center;
  margin-top: -461px;
  display: flex;
}

.logo-image-container-2 {
  flex-direction: row;
  justify-content: center;
  margin-top: -108px;
  margin-left: 197px;
  display: flex;
}

.logo-image-container-3 {
  justify-content: center;
  margin-top: 292px;
  margin-right: 191px;
  display: flex;
}

.image-94 {
  object-fit: contain;
  width: 100px;
}

.image-95 {
  object-fit: contain;
  height: 330px;
}

.collection-list {
  grid-column-gap: 48px;
  grid-row-gap: 71px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.fwd-tapp-hero-bg {
  display: none;
  position: absolute;
  inset: auto 0% 0%;
  overflow: hidden;
}

.paragraph-16.ssm {
  color: #221e54;
}

.fwd-tapp-hero-bg-mobile {
  display: none;
}

.grid-22 {
  grid-column-gap: 4px;
  grid-template-rows: auto;
  grid-template-columns: .75fr 1fr;
  margin-bottom: 5px;
}

.grid-23 {
  grid-column-gap: 6px;
  grid-template-rows: auto;
  grid-template-columns: .75fr 1fr;
}

.grid-24 {
  grid-column-gap: 4px;
  grid-template-rows: auto;
  grid-template-columns: .75fr 1fr;
}

.div-block-62 {
  justify-content: center;
  align-items: center;
  width: 50%;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.case-study-sub-hero-section-mobile, .story-3-mobile, .ux-leader {
  display: none;
}

.logo {
  padding: 20px;
}

.hr-3-color-white-blue, .mobile-team-grid-container, .div-block-75, .fwd-tapp-profile-section {
  display: none;
}

.fwd-tapp-phone-3d-overview {
  background-color: #e9781c;
  height: 100vh;
  display: none;
}

.fwd-tapp-mobile-welcome-section, .ux-nps-sections-mobile {
  display: none;
}

.div-block-84 {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: none;
}

.image-123, .luxy-js-wrapper {
  display: none;
}

.luxy-js-wrapper.contact-us {
  z-index: 1;
  display: block;
  position: relative;
}

.luxy-js-wrapper.careers {
  display: block;
}

.luxy-js-wrapper.case-studies-landing {
  z-index: 1;
  display: block;
  position: relative;
}

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

.footer-section {
  z-index: 1;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100vw;
  height: 20vh;
  margin-left: 0;
  margin-right: 0;
  padding-left: 2em;
  padding-right: 2em;
  display: flex;
  position: relative;
}

.footer-section.black-bg {
  background-color: #0f0f0f;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: none;
  display: flex;
}

.footer-logo-container {
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  display: none;
  position: relative;
}

.text-block-9 {
  color: #fff;
  font-family: Inter, sans-serif;
  position: absolute;
  top: 46px;
  left: 44px;
}

.image-124 {
  position: relative;
}

.image-125 {
  margin-left: auto;
  margin-right: auto;
  transition: all .2s;
  display: block;
  position: relative;
}

.image-125:hover {
  transform: scale(1.2);
}

.process-icon-container {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 162px;
  height: 162px;
  display: flex;
  position: relative;
}

.image-126 {
  margin-left: auto;
  margin-right: auto;
  transition: all .2s;
  display: block;
  position: relative;
  inset: auto;
}

.image-126:hover {
  transform: scale(1.2);
}

.div-block-87, .div-block-88, .div-block-89 {
  position: relative;
}

.image-127 {
  border-radius: 0;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  transition: all .2s;
  display: block;
  position: relative;
  top: -4px;
  left: 8px;
}

.image-127:hover {
  transform: scale(1.2);
}

.image-128 {
  margin-left: auto;
  margin-right: auto;
  transition: all .2s;
  display: block;
  position: relative;
}

.image-128:hover {
  transform: scale(1.2);
}

.icon-overflow-container {
  border: 0 solid #fff;
  border-radius: 50% 50% 0% 0%;
  width: 162px;
  height: 162px;
  position: relative;
  overflow: hidden;
}

.text-div {
  flex-direction: column;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  display: block;
}

.blur {
  z-index: 1;
  background-color: #0000;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.menu-button {
  z-index: 2;
}

.html-embed {
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  overflow: visible;
}

.footer-details-container {
  grid-column-gap: 1em;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr .25fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  place-items: center start;
  width: 100%;
  max-width: none;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.heading-25 {
  margin-top: 0;
  margin-bottom: 0;
}

.heading-26 {
  color: #fff;
  flex: 0 auto;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 12px;
  font-weight: 300;
  line-height: 15px;
  text-decoration: none;
}

.heading-26.w--current {
  flex: 0 auto;
  order: 0;
  align-self: flex-start;
  height: 100%;
  margin-bottom: 0;
}

.heading-26.animate-gradient-2 {
  -webkit-text-fill-color: transparent;
  background-color: #fff;
  -webkit-background-clip: text;
  background-clip: text;
  margin-bottom: 8px;
}

.heading-26.animate-gradient-1 {
  -webkit-text-fill-color: inherit;
  background-color: #fff;
  background-clip: border-box;
  display: block;
}

.text-block-10 {
  color: #fff;
  letter-spacing: .1em;
  font-family: Inter, sans-serif;
  font-size: 10px;
  font-weight: 500;
  line-height: 12px;
}

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

.footer-country-name {
  color: #fff;
  margin-top: 0;
  margin-bottom: 8px;
  font-family: Inter, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 15px;
}

.footer-country-address {
  color: #fff;
  font-family: Inter, sans-serif;
  font-size: 12px;
  font-weight: 300;
  line-height: 12px;
}

.footer-socials-link-block {
  position: relative;
}

.grid-32 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  grid-template: "Area Area Area-2 Area-2 . . . Area-5 Area-5" 1fr
                 "Area Area Area-2 Area-2 . Area-4 Area-4 Area-5 Area-5" 1fr
                 "Area Area Area-3 Area-3 Area-3 Area-4 Area-4 Area-6 Area-6" 1fr
                 ". . Area-3 Area-3 Area-3 Area-4 Area-4 Area-6 Area-6" 1fr
                 / 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}

.top-grid-clients {
  grid-column-gap: 3em;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin: 90px auto 50px;
  display: grid;
}

.bottom-grid-clients {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: stretch stretch;
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.client-logo-div {
  opacity: .7;
  object-fit: contain;
  max-width: 100%;
}

.client-logo-div.wish {
  margin-left: 1em;
  margin-right: 1em;
}

.desktop-client-grid-container {
  padding-left: 1em;
  padding-right: 1em;
}

.tablet-mobile-client-grid-container {
  display: none;
}

.tablet-mobile-client-grid {
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.frosted-glass {
  z-index: 1;
  position: relative;
}

.div-block-90 {
  max-width: 100vw;
  overflow: hidden;
}

.div-block-90.mobile-home {
  display: none;
}

.grid-33 {
  grid-row-gap: 16px;
  grid-template: ". . . . . . . Area-11 . ." .25fr
                 ". . . . . Area-7 Area-7 Area-11 Area-9 Area-9" .25fr
                 ". . Area-3 Area-5 Area-5 Area-7 Area-7 Area-12 Area-9 Area-9"
                 "Area Area Area-3 Area-5 Area-5 Area-7 Area-7 Area-12 Area-9 Area-9"
                 "Area Area Area-4 Area-5 Area-5 Area-8 Area-13 Area-13 Area-10 ."
                 ". Area-2 Area-4 Area-6 Area-6 . . . . ."
                 / 1fr 1.5fr 1.75fr 1.25fr 1.25fr 1.75fr .75fr 1.75fr 1.75fr 1.25fr;
  place-content: stretch center;
  position: relative;
  top: 4em;
}

.image-130 {
  object-fit: contain;
  max-width: 320px;
}

._320-mw {
  max-width: 320px;
}

._220-mw {
  max-width: 220px;
}

.image-131 {
  object-fit: fill;
}

.image-131.parallax {
  margin-top: 0;
}

.image-131.parallax.move-up {
  margin-bottom: 0;
  top: -8em;
}

.parallax {
  margin-top: 0%;
  transition: all .2s;
}

.parallax.franz {
  margin-top: 0;
  position: relative;
  top: 5em;
}

.parallax.move-down {
  object-fit: fill;
  margin-top: 0;
}

.parallax.move-down._2 {
  margin-top: 10em;
}

.parallax.move-down.min {
  position: relative;
  top: 0;
}

.parallax.move-down._1 {
  margin-top: 0;
}

.parallax.move-up {
  margin-top: 0;
  margin-bottom: 0;
  position: relative;
  top: -8em;
}

.parallax.alex {
  position: relative;
  top: 5em;
}

.home-and-video-section-wrapper {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
}

.blank-div-for-scroll-snap, .blank-div-for-scroll-snap.scroll-snap {
  height: 100vh;
}

.our-service-div-block {
  flex-direction: column;
  justify-content: center;
  height: 100vh;
  display: flex;
}

.our-service-div-block.scroll-snap {
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  height: 100vh;
  display: flex;
}

.body-3 {
  background-color: #040304;
}

.content-section {
  height: 75vh;
  max-height: 100vh;
  margin-top: 15vh;
  padding-left: 2em;
  padding-right: 5em;
  overflow: hidden;
}

.content-container {
  flex-direction: column;
  max-width: 1125px;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.heading-muted-gradient-1 {
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(to right, #fff 27%, #6feeff 50%, #bfe8ff 70%);
  -webkit-background-clip: text;
  background-clip: text;
  flex: 0 auto;
  margin-top: 0;
  margin-bottom: 14px;
  font-family: Inter, sans-serif;
  font-size: 36px;
  display: inline-block;
}

.text-muted-gradient-2 {
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(to right, #fff 25%, #f0ccb7 47%, #b8a3d2 66%);
  -webkit-background-clip: text;
  background-clip: text;
  font-family: Inter, sans-serif;
  font-size: 18px;
  line-height: 26px;
}

.content-scrollable-div {
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
  margin-top: 48px;
  padding-right: 44px;
  position: relative;
  overflow: auto;
}

.h3-muted-gradient-2 {
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(to right, #fff 21%, #f0ccb7 50%, #b8a3d2 74%);
  -webkit-background-clip: text;
  background-clip: text;
  margin-top: 0;
  margin-bottom: 16px;
  font-family: Inter, sans-serif;
  font-size: 18px;
  line-height: 26px;
  display: inline-block;
}

.paragraph-gray {
  color: #ededed;
  text-align: justify;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 20px;
}

.content-section-div {
  margin-bottom: 48px;
}

.shadow-overlay {
  z-index: 1;
  -webkit-text-fill-color: inherit;
  background-image: linear-gradient(#0000 85%, #c5c5c5);
  background-clip: border-box;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
}

.table-of-contents-widget {
  -webkit-text-fill-color: inherit;
  cursor: pointer;
  background-clip: border-box;
  border: 2px #fff;
  padding: 1em 2em;
  transition: all .4s;
  position: fixed;
  inset: 50% -66px 0% auto;
  transform: rotate(-90deg);
}

.text-block-11 {
  color: #fff;
  font-family: Inter, sans-serif;
  font-weight: 700;
  position: relative;
}

.section-link {
  color: green;
  cursor: pointer;
  text-decoration: none;
}

.section-links-container {
  display: none;
}

.table-of-contents-main-container {
  z-index: 2;
  background-color: #0000;
  width: 50vw;
  height: 60vh;
  margin-bottom: 70px;
  margin-right: 46px;
  padding: 3em 2.5em 3em 4em;
  transition: all .4s;
  display: none;
  position: fixed;
  inset: auto 0% 0% auto;
}

.heading-27 {
  color: #fff;
  flex: 0 auto;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 29px;
  display: inline-block;
}

.header-and-close {
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: 0;
  display: flex;
  position: relative;
}

.text-block-12 {
  color: #fff;
  flex: 0 auto;
  margin-left: 16px;
  margin-right: 16px;
  font-family: Inter, sans-serif;
  font-size: 24px;
  font-weight: 100;
  line-height: 29px;
}

.text-block-13 {
  font-size: 24px;
  line-height: 29px;
}

.text-block-14 {
  color: #fff;
  flex: 0 auto;
  font-family: Inter, sans-serif;
  font-size: 24px;
  font-weight: 100;
  line-height: 29px;
}

.desktop {
  flex: 0 auto;
  justify-content: space-around;
  display: flex;
}

.image-132 {
  cursor: pointer;
}

.vertical-line {
  background-color: #fff;
  flex: 0 auto;
  align-self: stretch;
  width: 1px;
  margin-left: 16px;
  margin-right: 16px;
  position: relative;
}

.sections-list {
  height: 80%;
  margin-top: 45px;
  margin-bottom: 0;
  display: block;
  position: relative;
  overflow: auto;
}

.sections {
  margin-bottom: 0;
  padding-left: 0;
}

.link {
  color: #fff;
  font-family: Inter, sans-serif;
  font-size: 16px;
  line-height: 35px;
  text-decoration: none;
}

.link.active {
  font-weight: 700;
}

.link.section-link {
  font-size: 18px;
  font-weight: 100;
  line-height: 35px;
}

.link.section-link.active {
  font-size: 18px;
  font-weight: 700;
  line-height: 35px;
}

.mobile {
  display: none;
}

.div-block-91, .div-block-92 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 8px;
  display: flex;
  position: relative;
}

.footer-logo-container-2 {
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  display: flex;
  position: relative;
}

.heading-28 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 8px;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 17px;
  text-decoration: none;
}

.heading-28.w--current {
  flex: 0 auto;
  order: 0;
  align-self: flex-start;
  height: 100%;
  margin-bottom: 0;
}

.fwd-orange-body {
  background-color: #e87721;
}

.section-10 {
  background-color: #fff;
  height: auto;
  padding: 4em;
  position: static;
}

.section-10.fwd-orange {
  background-color: #e87721;
  position: static;
}

.section-10.fwd-light-orange {
  text-align: left;
  object-fit: fill;
  object-position: 50% 50%;
  background-color: #ff8735;
  display: block;
}

.edm-grid {
  grid-column-gap: 4em;
  grid-template-rows: auto;
  place-content: center;
  place-items: center;
  max-width: 1145px;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  text-decoration: none;
  position: relative;
}

.heading-29 {
  color: #e9781e;
  margin-top: 0;
  margin-bottom: 30px;
  font-family: Inter, sans-serif;
  font-size: 64px;
  line-height: 78px;
}

.paragraph-17 {
  color: #4c4226;
  font-family: Inter, sans-serif;
  font-size: 18px;
  line-height: 26px;
}

.image-133 {
  object-fit: contain;
}

.image-134 {
  z-index: 1;
  width: 75%;
  max-height: 830px;
  margin-top: 30px;
  position: relative;
}

.div-block-93 {
  background-color: #ffe5cf;
  width: 75%;
  height: 100%;
  max-height: 830px;
  position: absolute;
  inset: 0% 0% auto auto;
}

.div-block-94 {
  text-align: left;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
}

.h1-white-64 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 20px;
  font-family: Inter, sans-serif;
  font-size: 64px;
  line-height: 78px;
}

.h1-white-64._1 {
  margin-bottom: 0;
  margin-right: 0;
  transform: rotate(0);
}

.h1-white-64._2 {
  margin-bottom: 0;
}

.h1-white-64._2.b {
  display: none;
}

.paragraph-white-18 {
  color: #999b9d;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 29px;
}

.paragraph-white-18.mb-20 {
  color: #221f1f;
  margin-bottom: 20px;
}

.text-block-15 {
  color: #eb6768;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 29px;
}

.text-block-15.light-gray {
  color: #babcbe;
}

.text-white-18 {
  color: #fff;
  font-family: Inter, sans-serif;
  font-size: 18px;
  line-height: 29px;
}

.text-white-18.m-b-20 {
  color: #999b9d;
  margin-bottom: 20px;
  font-size: 16px;
}

.text-white-18.bold {
  font-weight: 700;
  line-height: 26px;
}

.text-white-18.bold.m-t-20 {
  margin-top: 20px;
  margin-bottom: 8px;
}

.ellipsis-white-1px-outline {
  background-color: #ffffffe6;
  border: 1px solid #ededed;
  border-radius: 16px;
  padding: 2em;
}

.list-2 {
  color: #999b9d;
  margin-bottom: 0;
}

.list-2.coal {
  color: #221f1f;
}

.h1-soda-64 {
  color: #eb8768;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 64px;
  line-height: 78px;
}

.div-block-95 {
  max-width: none;
}

.paragraph-18 {
  color: #183028;
  font-family: Inter, sans-serif;
  font-size: 18px;
  line-height: 29px;
}

.paragraph-18.m-b-20 {
  margin-bottom: 20px;
  font-family: Inter, sans-serif;
  font-size: 18px;
  line-height: 29px;
}

.ellipsis-1px-outline {
  border: 1px solid #babcbe;
  border-radius: 16px;
  padding: 2em;
}

.text-coal-18 {
  color: #221f1f;
  width: 500px;
  font-family: Inter, sans-serif;
  font-size: 18px;
  line-height: 29px;
}

.text-coal-18.m-b-20 {
  margin-bottom: 20px;
}

.paragraph-coal-18 {
  color: #221f1f;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 29px;
}

.paragraph-coal-18.m-b-20 {
  margin-bottom: 20px;
}

.image-135 {
  width: 75%;
  max-height: 830px;
  margin-left: 30px;
  position: absolute;
  inset: 0% auto auto 0%;
}

.section-11 {
  background-image: url('../images/Punchey-BG-Desktop.png');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: flex;
  position: relative;
}

.container-1146 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex: 1;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  display: grid;
}

.div-block-96 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex: 1;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-content: stretch center;
  place-items: start stretch;
  max-width: 1175px;
  margin-top: 100px;
  display: grid;
  position: relative;
}

.section-12 {
  height: 100vh;
  margin-top: 56px;
  padding-left: 2em;
  padding-right: 2em;
  position: relative;
}

.section-12.riderev {
  margin-top: 91px;
}

.grid-34 {
  z-index: 1;
  grid-column-gap: 4vw;
  grid-template-rows: auto;
  justify-content: stretch;
  place-items: stretch stretch;
  max-width: 1175px;
  height: 100vh;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.image-136 {
  object-fit: contain;
  height: 85%;
  margin-top: 0;
}

.background-container {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.background-container.buzzworthy {
  background-image: url('../images/Buzzworthy-BG-Desktop.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  inset: 0%;
}

._25vh-div {
  background-color: #0000;
  align-items: flex-end;
  height: 25vh;
  display: flex;
}

._25vh-div.center-align {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}

._25vh-div.center-align.rr {
  margin-top: 24px;
}

._50vh-vertical {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  height: 50vh;
  display: flex;
}

._50vh-vertical.light-gray {
  background-color: #f4f4f4;
}

._50vh-vertical.rr {
  margin-top: 77px;
}

.blue-stripe {
  z-index: 1;
  background-color: #10ae99;
  height: 25vh;
  position: relative;
}

.blue-stripe.rr {
  height: 35vh;
}

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

.div-block-100 {
  flex-direction: column;
  display: block;
}

.h1-red-64 {
  color: #d7272f;
  margin-bottom: 31px;
  font-family: Inter, sans-serif;
  font-size: 64px;
  line-height: 78px;
  display: block;
}

.h1-white-48 {
  color: #fff;
  margin-top: 0;
  font-family: Inter, sans-serif;
  font-size: 48px;
  line-height: 57px;
}

.h1-white-48.m-b-24 {
  margin-bottom: 24px;
}

.h1-white-48.center-align {
  text-align: left;
  white-space: normal;
  align-items: stretch;
  width: 38%;
  height: auto;
}

.h1-white-48.center-align._2 {
  width: 60%;
}

.text-gray-18 {
  color: #ededed;
  font-family: Inter, sans-serif;
  font-size: 18px;
  line-height: 22px;
}

.h1-mint-48 {
  color: #10ae99;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 48px;
  font-weight: 700;
  line-height: 57px;
}

.h1-mint-48.no-wrap {
  white-space: nowrap;
  margin-bottom: 24px;
}

.h1-mint-48.m-b-14 {
  margin-bottom: 14px;
}

.paragraph-19 {
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-style: normal;
  line-height: 28px;
}

.bold-text-18 {
  margin-bottom: 24px;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 29px;
}

.section-13 {
  height: 100vh;
  margin-top: 4em;
}

.section-13.rr {
  margin-top: 10.8em;
}

.div-block-101 {
  background-image: url('../images/ride-now-right-now.png');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: column;
  justify-content: flex-end;
  height: 80vh;
  display: flex;
  position: relative;
}

.div-block-101.rr {
  background-image: url('../images/ride-now-right-now.png');
  background-repeat: no-repeat;
  background-size: cover;
  padding: 25px;
}

.image-137 {
  object-fit: cover;
  display: none;
  position: absolute;
}

.image-138 {
  height: 60vh;
  position: absolute;
  inset: auto 9% -11% auto;
}

.div-block-102 {
  height: 20vh;
  position: relative;
}

.image-139 {
  object-fit: contain;
  width: auto;
}

.section-14 {
  justify-content: center;
  padding: 4em;
  display: flex;
}

.section-15 {
  height: 100vh;
}

.h1-blue-64 {
  color: #37b;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 64px;
  line-height: 78px;
}

.h1-blue-64.m-b-24 {
  margin-bottom: 24px;
}

.image-140 {
  object-fit: contain;
  height: 90vh;
  position: relative;
}

.div-block-103 {
  background-image: url('../images/Punchey-BG-Mobile.png');
  background-position: 50% 100%;
  background-size: cover;
  padding: 24px;
  position: relative;
}

.div-block-104 {
  object-fit: fill;
  margin-top: 48px;
  position: relative;
}

.div-block-104.punchey {
  padding: 0 24px;
}

.h2-coal-24 {
  font-family: Inter, sans-serif;
}

.h2-coal-24.m-b-24 {
  margin-top: 0;
  margin-bottom: 24px;
}

.section-16 {
  flex-direction: column;
  height: 100vh;
  margin-top: 8em;
  margin-bottom: 0;
  display: flex;
  position: relative;
}

.image-141 {
  max-width: 80%;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: relative;
  top: 0;
}

.div-block-105 {
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: flex;
  position: absolute;
  inset: 0% 0% auto;
}

.section-17 {
  height: 100vh;
  margin-top: 80px;
}

._40vh-div {
  height: 40vh;
}

._40vh-div.blue {
  background-color: #37b;
  flex-direction: row;
  align-items: stretch;
  display: block;
}

._60vh {
  height: 60vh;
}

._60vh.light-gray {
  background-color: #f4f4f4;
  display: block;
}

._60vh.servbees-flex-vertical {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 560px;
  display: flex;
}

._60vh.light-gray-copy {
  background-color: #f4f4f4;
  display: none;
}

._1175-grid-split {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-content: stretch;
  place-items: center stretch;
  max-width: 1175px;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

._1175-grid-split.punchey {
  align-items: start;
  padding-top: 6em;
  position: relative;
}

.heading-30, .heading-31 {
  margin-top: 0;
  margin-bottom: 0;
}

.h1-coal-48 {
  color: #221f1f;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 48px;
  line-height: 57px;
}

.h1-coal-48.m-b-24, .h1-coal-48.m-b-24-copy, .h1-coal-48.m-b-24-copy {
  margin-bottom: 24px;
}

.image-142 {
  width: 55%;
  margin-top: 0;
  position: absolute;
}

.section-18 {
  background-color: #f4f4f4;
  margin-top: 0;
  padding-top: 0;
  padding-bottom: 0;
  display: none;
}

.div-block-106 {
  max-width: 1175px;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding-top: 40px;
  padding-bottom: 50px;
}

.ig-story-carousel-container {
  height: 100vh;
  display: flex;
}

.ig-story-carousel-container.owl-carousel.owl-theme {
  max-width: 100vw;
}

.grid-35 {
  flex: 0 auto;
  grid-template-rows: auto;
  place-content: stretch;
  align-self: auto;
  place-items: stretch stretch;
  width: 100%;
  max-width: 1175px;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.heading-32 {
  margin-top: 0;
  margin-bottom: 0;
}

.list-3 {
  color: #183028;
}

.list-3.m-b-30 {
  margin-bottom: 30px;
}

.text-24 {
  font-family: Inter, sans-serif;
  font-size: 24px;
  font-weight: 300;
  line-height: 38px;
}

.h1-red-48 {
  color: #d7272f;
  font-family: Inter, sans-serif;
  font-size: 48px;
  line-height: 57px;
}

.h1-red-48.m-b-14 {
  margin-bottom: 14px;
}

.image-143 {
  width: 197px;
  margin-bottom: 17px;
  margin-left: 17px;
  margin-right: 17px;
  padding-right: 0;
  position: relative;
}

.view-container {
  justify-content: space-between;
  align-items: center;
  transition: all .2s;
  display: flex;
}

.view-container:hover {
  width: 70px;
}

.hover-image {
  position: absolute;
  top: 0;
  left: 0;
}

.image-144 {
  position: relative;
}

.image-145 {
  z-index: 2;
  transition: all .2s;
  position: relative;
}

.image-145:hover {
  opacity: 0;
}

.image-146 {
  object-fit: contain;
  width: 60%;
  height: 100%;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.image-146._2 {
  width: 60%;
  inset: 0% 0% 0% auto;
}

.div-block-107 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100vh;
  margin-left: auto;
  margin-right: auto;
  padding-left: 2em;
  padding-right: 2em;
  display: flex;
  position: relative;
}

._120-div {
  max-width: 120px;
  margin-left: 3px;
  margin-right: 3px;
}

._160-div {
  max-width: 160px;
  margin-left: 3px;
  margin-right: 3px;
}

._216-div {
  max-width: 216px;
  margin-left: 3px;
  margin-right: 3px;
}

._216-div.alex {
  position: relative;
}

._260-div {
  max-width: 260px;
  margin-left: 3px;
  margin-right: 3px;
}

.top-half {
  flex: 0 auto;
  justify-content: center;
  align-items: flex-end;
  margin-bottom: 6px;
  display: flex;
  position: relative;
}

.bottom-half {
  align-items: flex-start;
  margin-left: 0;
  display: flex;
  position: relative;
  left: 0;
}

.grid-36 {
  grid-template-rows: auto auto auto auto auto auto auto auto auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  display: none;
}

.image-147 {
  width: 100%;
  height: 100%;
}

.job-post-accordion-trigger {
  z-index: 3;
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  display: flex;
  position: relative;
}

.job-post-accordion-trigger.m-b-23 {
  margin-bottom: 23px;
}

.link-block-2 {
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.div-block-108 {
  justify-content: center;
  align-items: center;
  width: 100px;
  max-width: 100px;
  display: flex;
}

.section-19 {
  display: none;
}

.grid-37 {
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
  grid-template: "Area Area-2 Area-3"
  / .25fr 1fr .25fr;
  display: none;
  position: relative;
}

.div-block-109 {
  background-image: url('../images/annie-spratt-hCb3lIB8L8E-unsplash-2.jpg');
  background-position: 0 0;
  background-size: cover;
  background-attachment: fixed;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  margin-top: 0;
  display: flex;
  position: relative;
  top: 5em;
}

.div-block-109.container-2 {
  margin-top: 0;
}

.div-block-109._3 {
  top: 8em;
}

.div-block-109._2 {
  top: auto;
}

.empty-filler-div {
  flex: 1;
  align-self: stretch;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  overflow: visible;
}

.text-block-16 {
  flex: 1;
  align-self: stretch;
}

.div-block-110 {
  opacity: 0;
  background-color: red;
  width: 50em;
  height: 5em;
}

.div-block-110._2 {
  width: 100%;
}

.div-block-110._3 {
  -webkit-text-fill-color: inherit;
  background-clip: padding-box;
  width: 100%;
}

.grid-38 {
  grid-template: "Area Area Area Area-3" .25fr
                 "Area Area Area Area-3" .25fr
                 "Area Area Area Area-4" .5fr
                 ". . Area-2 Area-4"
                 ". . Area-2 ."
                 ". . Area-2 ."
                 / .5fr .5fr .5fr .75fr;
  margin-right: 5px;
  display: none;
}

.collection-list-wrapper-2 {
  margin-left: 1em;
  display: none;
}

.careers-open-positions-mobile {
  display: none;
}

.div-block-113 {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.div-block-114 {
  z-index: 2;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  padding-right: 2em;
  display: flex;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.div-block-114._2 {
  z-index: 2;
  text-align: left;
  text-transform: none;
  flex-wrap: nowrap;
  flex: 0 auto;
  align-self: auto;
  align-items: flex-start;
  padding-left: 6em;
  padding-right: 2em;
  display: flex;
  inset: 0% auto 0% 0%;
  overflow: visible;
}

.h1-gradient-3-48 {
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(to right, #3ac9dc, #ea3ef9 48%, #7886ff);
  -webkit-background-clip: text;
  background-clip: text;
  font-family: Inter, sans-serif;
  font-size: 48px;
  line-height: 58px;
}

.h1-gradient-3-48._1 {
  width: 60%;
  margin-top: 0;
  margin-bottom: 0;
}

.h1-gradient-2-48 {
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(to right, #61baed 53%, #e67297 76%, #edd066);
  -webkit-background-clip: text;
  background-clip: text;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 48px;
  line-height: 58px;
}

.h1-gradient-2-48._1 {
  width: 37%;
}

.grid-39 {
  opacity: 1;
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
  flex: 0 auto;
  grid-template: "Area Area Area-3 Area-5 Area-7"
                 "Area Area Area-4 Area-5 Area-7" 8%
                 "Area Area Area-4 Area-6 Area-7" 20%
                 ". Area-2 Area-4 Area-6 Area-7" 10%
                 ". Area-2 Area-4 Area-6 ." 10%
                 ". Area-2 Area-4 . ." 10%
                 ". Area-2 . . ." 10%
                 / 14% 25% 17% 25% 17%;
  grid-auto-columns: 1fr;
  align-self: auto;
  place-items: stretch stretch;
  display: none;
  position: relative;
}

.image-148 {
  object-fit: cover;
}

.image-149 {
  margin-top: -44px;
  margin-bottom: 31px;
}

.video {
  width: 427px;
  height: 40vh;
  overflow: visible;
}

.background-video-2 {
  width: 427px;
  height: 760px;
}

.video-div {
  width: 428px;
  height: 620px;
  margin-right: 0;
}

.video-div.center {
  height: 600px;
}

.youtube-2 {
  height: 100%;
}

._100vh-section {
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
  height: 100vh;
  display: block;
  position: relative;
  overflow: visible;
}

._100vh-section.globe-grid {
  background-color: #fff;
}

._100vh-section.globe-one {
  display: none;
}

._100vh-section.navbar-spacing {
  padding-top: 62px;
}

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

.full-bg-div {
  background-image: url('../images/new-bg.png');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.coming-soon-message-container {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 12em;
  display: flex;
}

.div-block-116 {
  justify-content: center;
  align-items: center;
  margin-bottom: 2em;
  padding-left: 1em;
  padding-right: 1em;
  display: flex;
}

.text-light-gray-32 {
  color: #babcbe;
  font-family: Inter, sans-serif;
  font-size: 32px;
  line-height: 27px;
}

.image-150 {
  object-fit: contain;
  max-width: 375px;
  margin-bottom: 2em;
}

.fwd-bg-desktop {
  object-fit: cover;
  background-image: url('../images/BG-Desktop-FWD-EDM.png');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.div-block-117 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  max-width: 80vw;
  margin-left: auto;
  margin-right: auto;
  padding-top: 15em;
  display: grid;
  position: relative;
}

.h1-orange-64 {
  color: #e9781e;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 64px;
  line-height: 78px;
  display: inline-block;
  position: static;
}

.h1-orange-64.m-b-4 {
  margin-bottom: 4px;
}

.h1-orange-64.m-b-4.nowrap {
  white-space: nowrap;
}

.h3-orange-32 {
  color: #e9781e;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 32px;
  line-height: 39px;
  display: inline-block;
}

.h3-orange-32.m-b-24 {
  margin-bottom: 24px;
}

.h3-orange-32.m-b-24.nowrap {
  white-space: nowrap;
}

.paragraph-black-18 {
  color: #4c4226;
  font-family: Inter, sans-serif;
  font-size: 18px;
  line-height: 26px;
}

.full-2-col-grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  place-content: stretch;
  place-items: stretch stretch;
  height: 100%;
  max-height: 100vh;
  overflow: hidden;
}

.full-image {
  object-fit: contain;
  width: 70%;
  position: static;
}

.h1-bright-yellow-64 {
  color: #ffc232;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 52px;
  line-height: 56px;
  display: block;
}

.paragraph-gray-16 {
  color: #999b9d;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  line-height: 29px;
}

.paragraph-gray-16.m-b-20 {
  margin-bottom: 20px;
}

.text-soda-18 {
  color: #eb8768;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 29px;
}

.div-block-118 {
  padding-top: 4em;
  padding-left: 4em;
  padding-right: 4em;
}

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

.mask {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-self: auto;
  align-items: stretch;
  margin-left: 20px;
  margin-right: 4px;
  display: flex;
}

.paragraph-20 {
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(to right, #3ac9dc 34%, #9630bc);
  -webkit-background-clip: text;
  background-clip: text;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 64px;
  font-weight: 700;
  line-height: 78px;
}

.paragraph-20.taking {
  letter-spacing: 0;
  margin-left: 17%;
}

.paragraph-20.teching, .paragraph-20.teching._1 {
  margin-right: 0;
}

.paragraph-20.teching._2 {
  flex: 0 auto;
  width: 11px;
  margin-right: 0;
  font-size: 48px;
}

.paragraph-20.teching._3 {
  width: 97.7344px;
  margin-right: 0;
}

.div-block-120, .text-block-teching {
  display: flex;
}

.moving-gradient-bg {
  z-index: 0;
  position: fixed;
  top: 0;
  left: 0;
}

.moving-bg-video {
  filter: blur(80px);
  width: 100vw;
  height: 100vh;
}

.phone-case-study-sub-hero-section {
  display: none;
}

.phone-image-2 {
  height: 85%;
  margin-right: 10em;
  position: static;
  top: 0;
  left: 0;
}

.globe-grid-section {
  background-color: #fff;
}

.grid-40 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  grid-template: "Area Area-2 Area-2" 1fr
                 "Area Area-3 Area-4"
                 / 1fr .5fr;
}

.grid-40.paypal {
  grid-column-gap: 5px;
  grid-template-rows: 1fr .75fr;
  grid-template-columns: 1fr .5fr .75fr;
  grid-auto-flow: row;
}

.image-grid-container {
  object-fit: fill;
  width: 100%;
  height: 100%;
  display: flex;
}

.image-grid-container.purple-bg {
  background-color: #694ddb;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.image-151 {
  object-fit: fill;
  overflow: visible;
}

.image-152, .image-153 {
  object-fit: cover;
}

.image-154 {
  object-fit: fill;
  width: 80%;
}

.section-21 {
  display: none;
}

.job-post-description-list {
  padding-left: 10px;
}

.list-item-white-text {
  color: #fff;
  margin-bottom: 8px;
  font-family: Inter, sans-serif;
  font-size: 18px;
  line-height: 26px;
  list-style-type: none;
}

.logo-and-tc-pp {
  justify-content: flex-start;
  display: flex;
}

.p-logo-white {
  height: 34px;
  margin-right: 10px;
}

.job-post-description {
  position: relative;
  overflow: hidden;
}

.boxes-animation, .mobile-bg._1, .mobile-bg._2 {
  display: none;
}

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

.image-157 {
  object-fit: cover;
  height: 100%;
  position: relative;
  left: auto;
  overflow: visible;
}

.div-block-124 {
  grid-column-gap: 4em;
  grid-row-gap: 6em;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.image-158 {
  display: none;
}

.offices-div {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  display: grid;
  position: relative;
}

.office-div {
  align-items: center;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
  position: relative;
}

.div-block-125 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto auto auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.background-header {
  background-image: url('../images/Servbees-BG-Desktop-1.jpg');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

._80vw-grid-split-2 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  max-width: 80vw;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 4em;
  display: grid;
  position: relative;
}

.hero-text-container {
  margin-bottom: 15em;
  position: relative;
}

.h1-sb-blue-64 {
  color: #221e54;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 64px;
  line-height: 78px;
  position: relative;
}

.h1-sb-blue-64.m-b-16 {
  margin-bottom: 16px;
}

.text-sb-blue-18 {
  color: #221e54;
  font-family: Inter, sans-serif;
  font-size: 18px;
  line-height: 26px;
  position: relative;
}

.hero-image-container {
  position: relative;
}

.mobile-phone-image {
  display: none;
}

._80vw-grid-split-4 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  height: 100%;
  display: grid;
}

._360-pixels-nav-logo-mobile {
  display: none;
}

._80vw-grid-split-2-auto-height {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: center;
  margin-left: auto;
  margin-right: auto;
  display: grid;
  position: relative;
}

._40vh {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 560px;
  height: 40vh;
  display: flex;
  position: relative;
}

._40vh.animated-icons {
  width: auto;
}

._40vh.masonry-servbees {
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  height: 30vh;
  display: flex;
}

.h1-sb-blue2-48 {
  color: #292466;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 48px;
  line-height: 58px;
  position: relative;
}

.h1-sb-blue2-48.m-b-24 {
  margin-bottom: 24px;
}

.text-medium-gray-18 {
  color: #626262;
  font-family: Inter, sans-serif;
  font-size: 18px;
  line-height: 29px;
}

.image-block {
  padding-left: 4%;
}

.h1-sb-blue3-32 {
  color: #292466;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 32px;
  font-weight: 500;
  line-height: 45px;
}

.h1-sb-blue3-32.text-center {
  text-align: center;
}

.text-medium-gray-16 {
  color: #626262;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  line-height: 29px;
}

.text-medium-gray-16.text-center {
  text-align: center;
}

._50percent-horizontal {
  flex: 0 auto;
  width: 50%;
  height: 100vh;
}

.flex-horizontal {
  display: flex;
}

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

.div-block-126 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  width: 100%;
  display: grid;
}

.full-image-cover {
  object-fit: cover;
}

._70vh {
  height: 70vh;
}

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

.mobile-case-study-sub-hero-section {
  display: none;
}

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

.image-161 {
  width: 100%;
}

.container-1147 {
  max-width: 1080px;
}

.case-study-inner-hero-section-copy {
  background-image: url('../images/Group-3734.png');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: auto;
  width: 100%;
  height: 94vh;
}

.case-study-inner-hero-section-copy.fwd-tapp {
  background-image: url('../images/fwd-tapp-hero-image-bg.png');
  background-position: 50% 100%;
  background-size: cover;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 100vh;
  min-height: 0;
  margin-top: 10vh;
  display: block;
}

.case-study-inner-hero-section-copy.globe-one, .case-study-inner-hero-section-copy.paypal {
  background-image: url('../images/Group-3734.png');
  background-size: contain;
  height: 100vh;
  margin-top: 4em;
  padding-top: 0;
}

.case-study-inner-hero-section-copy.paypal {
  background-image: url('../images/pp_hero_bg.png');
  background-size: cover;
  height: 100vh;
  margin-top: 0;
  padding-top: 0;
}

.image-162 {
  width: 100%;
  height: 100%;
}

.grid-42 {
  grid-template-areas: "Area Area";
}

.grid-paypal {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template: "Area Area-2 Area-2" 1fr
                 "Area-3 Area-2 Area-2"
                 / 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  display: grid;
}

.grid-paypal.paypal {
  grid-column-gap: 5px;
  grid-template-rows: 1fr .75fr;
  grid-template-columns: 1fr .5fr .75fr;
  grid-auto-flow: row;
}

.paypal-blue {
  background-color: #579bdb;
}

.container-1148 {
  display: block;
}

.grid-43 {
  grid-template: "Area"
                 "."
                 "."
                 / 1fr;
}

.grid-44 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-areas: "Area-3 Area"
                       "Area-4 Area-2";
}

.grid-45 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-columns: 1fr;
  grid-auto-flow: row;
}

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

.section-22 {
  margin-top: 0;
}

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

.grid-46 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-columns: .75fr 1fr;
}

.image-165, .image-166 {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

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

.image-167 {
  margin-top: 80px;
  margin-right: 0;
}

.div-block-128 {
  width: 560px;
  margin-top: 200px;
  margin-left: 56px;
}

.div-block-128.paypal {
  margin-top: 29%;
}

.grid-48 {
  grid-template-columns: .75fr 1fr;
}

.grid-49 {
  grid-template-rows: auto;
  grid-template-columns: .5fr .75fr;
  justify-items: center;
}

.grid-50 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
}

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

.section-23 {
  text-align: left;
  background-color: #fff;
}

.div-block-129 {
  object-fit: fill;
  width: auto;
  max-width: 900px;
}

.center {
  background-color: #fff;
  border: 1px #fff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: auto;
  display: flex;
  position: relative;
}

.center.gray {
  background-color: #cbd2d6;
}

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

.heading-35 {
  color: #fff;
}

.heading-35.skyblue {
  color: #579bdb;
  text-align: center;
}

.image-168 {
  margin-top: 48px;
  margin-bottom: 48px;
}

.paragraph-21 {
  color: #fff;
}

.paragraph-22 {
  color: #3d3d3d;
  text-align: center;
  font-size: 18px;
}

.text-block-17 {
  font-size: 18px;
  line-height: 22px;
}

.heading-16-copy {
  margin-top: 0;
  margin-bottom: 24px;
  font-size: 48px;
  line-height: 58px;
}

.heading-16-copy.globe-one {
  color: #6d23c9;
}

.heading-16-copy.paypal {
  color: #fff;
}

.heading-16-copy.servbees {
  color: #292466;
  width: 500px;
  font-size: 24px;
  line-height: 36px;
}

.columns {
  max-width: 1145px;
}

.div-block-130 {
  position: static;
}

.image-169 {
  margin-top: 20%;
}

.section-24 {
  margin-bottom: 4%;
}

.heading-13-copy {
  color: #fff;
  font-family: Inter, sans-serif;
  font-size: 64px;
  line-height: 78px;
}

.heading-13-copy.fwd-tapp {
  color: #e9781e;
  background-color: #0000;
  margin-top: 0;
  margin-bottom: 16px;
}

.heading-13-copy.globe-one, .heading-13-copy.fwd-edm {
  margin-top: 0;
  margin-bottom: 24px;
  font-weight: 700;
}

.heading-13-copy.fwd-edm-copy {
  color: #e9781e;
  margin-top: 0;
  margin-bottom: 24px;
  font-size: 24px;
  font-weight: 700;
  line-height: 39px;
}

.container-1149 {
  margin-top: 48px;
  margin-bottom: 48px;
}

.grid-51 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template: "Area Area-2"
  / 1.5fr 1fr;
}

.grid-52 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-columns: 1fr 1fr 1fr;
}

.grid-53 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
}

.div-block-132 {
  max-width: 1170px;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
}

.section-25 {
  background-image: url('../images/3.jpg');
  background-position: 0 0;
  background-size: auto;
  height: auto;
  max-height: 1080px;
  margin-top: 100px;
  padding-top: 120px;
  padding-bottom: 120px;
}

.div-block-133 {
  margin-top: 25vh;
}

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

.columns-2 {
  margin-top: 0;
}

.image-170 {
  text-align: left;
  max-width: 382px;
  max-height: 100vh;
}

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

.div-block-134 {
  background-image: url('../images/Brand-Cover-Photo.png');
  background-position: 0 0;
  background-size: auto;
  min-height: 30vh;
}

.image-171 {
  max-width: 380px;
  margin-top: -1004px;
  margin-left: 134px;
}

.phone-image-3 {
  box-sizing: border-box;
  object-fit: contain;
  width: auto;
  max-width: 390px;
  height: auto;
  max-height: none;
  margin-top: 0;
  margin-right: 0;
  position: static;
  top: 0;
  left: 0;
}

.phone-image-3.hero-bg {
  display: none;
  overflow: visible;
}

.div-block-135 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-end;
  align-self: auto;
  place-items: stretch stretch;
  width: 100%;
  height: 100%;
  padding-top: 10%;
  padding-left: 2em;
  padding-right: 2em;
  display: grid;
  position: absolute;
  top: 0;
}

.top-div-bg-2 {
  background-color: #e9781e;
  background-image: linear-gradient(#a33afe, #9157fc 51%, #8965fc);
  justify-content: center;
  align-items: center;
  height: 50vh;
  display: flex;
}

.top-div-bg-2.smo {
  background-color: #0000;
  background-image: none;
}

.div-block-136 {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  min-width: 0;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
  display: grid;
  position: static;
}

.section-20-top-div-2 {
  display: block;
}

.grid-54 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
}

.div-block-137 {
  padding: 20px;
}

.div-block-137.shop {
  background-image: url('../images/shopfwd_shop_bg.png');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: contain;
}

.div-block-137.best {
  background-image: url('../images/fwd_best_bg.png');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
}

.image-173 {
  max-height: 1080px;
}

.grid-55 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
}

.image-174, .image-175 {
  width: 100%;
  height: 100%;
}

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

.section-26 {
  background-color: #0a0adc;
  padding: 74px;
}

.grid-57 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  display: grid;
}

.div-block-139 {
  padding: 66px;
}

.image-176 {
  object-fit: fill;
  width: 100%;
  height: auto;
  margin-bottom: auto;
}

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

.div-block-140, .image-177, .image-178 {
  margin-bottom: 40px;
}

.image-179 {
  margin-top: 40px;
}

.section-28 {
  margin-top: 40px;
  margin-bottom: 40px;
}

.grid-58 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: .75fr 1fr;
  margin-top: 0;
  padding-top: 10%;
}

.div-block-143 {
  padding-left: 20%;
}

.div-block-144 {
  justify-content: center;
  align-items: center;
  width: 90%;
  margin: 100px auto 50px;
  display: flex;
}

.image-187, .image-188, .image-190, .image-191 {
  display: none;
}

.div-block-146 {
  text-align: center;
  background-color: #0000;
  padding-top: 4%;
  padding-left: 20px;
  padding-right: 20px;
}

.div-block-146.pink {
  background-color: #ff6d6a;
}

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

.div-block-147 {
  text-align: center;
  padding-top: 4%;
}

.div-block-146.green {
  background-color: #a4d65e;
}

.div-block-146.yellow {
  background-color: #ffc600;
}

.div-block-148 {
  text-align: center;
}

.section-29 {
  display: none;
}

.div-block-149 {
  padding: 40px 20px;
}

.section-30 {
  background-image: url('../images/Brand-Cover-Photo_1.png');
  background-position: 0 0;
  background-size: auto;
  display: none;
}

.heading-36 {
  color: #fff;
  margin-top: 0;
  font-size: 28px;
  line-height: 34px;
}

.heading-36.blue {
  color: #0a0adc;
}

.section-31 {
  padding: 20px;
  display: none;
}

.div-block-150 {
  text-align: center;
  margin-top: 40px;
}

.heading-37 {
  color: #282464;
  font-size: 18px;
}

.div-block-151 {
  background-color: #10ae99;
}

.div-block-152 {
  background-color: #10ae99;
  padding: 25px;
}

.div-block-153, .div-block-154, .div-block-155 {
  padding: 25px;
}

.section-12-mobile {
  display: none;
}

.section-13-mobile {
  background-color: #f0eff0;
  padding: 25px;
  display: none;
}

.section-14-mobile {
  text-align: center;
  padding: 25px;
  display: none;
}

.section-32 {
  max-height: none;
}

.div-block-157 {
  max-width: none;
  padding: 48px;
}

.div-block-158 {
  padding: 21px;
}

.section-33 {
  padding-top: 40px;
  padding-left: 40px;
  padding-right: 40px;
}

.section-11-mobile {
  margin-top: 36px;
  display: none;
}

.text-coal-18-copy {
  color: #221f1f;
  width: auto;
  font-family: Inter, sans-serif;
  font-size: 18px;
  line-height: 29px;
}

.text-coal-18-copy.m-b-20 {
  margin-bottom: 20px;
}

.image-140-copy {
  object-fit: contain;
  max-width: 100%;
  height: auto;
  position: relative;
}

.div-block-103-copy {
  background-image: url('../images/Punchey-BG-Mobile.png');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 24px;
  position: relative;
}

.div-block-159 {
  padding: 24px;
}

.div-block-160 {
  text-align: center;
  padding: 24px;
}

.div-block-161 {
  padding: 24px;
}

.section-33-mobile, .case-study-sub-hero-mobile {
  display: none;
}

.div-block-106-copy {
  max-width: 1175px;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding-top: 40px;
  padding-bottom: 50px;
}

.div-block-163 {
  padding: 24px;
  display: none;
}

.section-34, .section-35, .section17mobile {
  display: none;
}

.div-block-164 {
  background-color: #f4f4f4;
  padding-left: 24px;
  padding-right: 24px;
  display: none;
}

.section-36 {
  display: none;
}

.image-142-copy {
  width: 55%;
  margin-top: 0;
  position: absolute;
}

.div-block-165 {
  padding-left: 24px;
  padding-right: 24px;
}

.image-block-section {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.combined-hero-section {
  background-image: url('../images/1_3.png');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  padding-bottom: 150px;
}

.heading-38 {
  color: #282464;
  font-family: Inter, sans-serif;
}

.grid-2-col {
  grid-column-gap: 100px;
  grid-row-gap: 100px;
  grid-template-rows: auto;
  grid-template-columns: 580px 1fr;
  grid-auto-columns: 1fr;
  place-items: center;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.smo-wireframe-section {
  background-image: url('../images/brand-section.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 799px;
  position: relative;
}

.image-194 {
  width: 100%;
  max-width: 600px;
  height: 100%;
  max-height: 600px;
  position: relative;
}

.image-196 {
  object-fit: cover;
  width: 100%;
  height: 100%;
  max-height: 300px;
}

.div-block-166 {
  width: 100%;
  max-width: 1120px;
  height: 100%;
  padding: 6em 4em 2em;
}

.image-197 {
  object-fit: none;
  width: 100%;
  height: 100%;
}

.image-198 {
  width: 100%;
  height: 100%;
}

.example-navbar {
  background-color: #0000;
  padding-top: 20px;
}

.bubbly-nav-menu {
  background-color: #0000;
  top: 90px;
}

.nav-link-bubble {
  letter-spacing: 1px;
  background-color: #fff;
  border-radius: 55px;
  width: 100%;
  margin-top: 10px;
  font-family: PT Sans, sans-serif;
  transition: color .2s, padding .35s;
}

.nav-link-bubble:hover {
  padding-left: 30px;
}

.melted {
  background-color: #000;
  border-radius: 75px;
  width: 60px;
  height: 60px;
  padding: 0;
}

.melted.w--open {
  background-color: #000;
}

.top-bubble {
  background-color: #fff;
  border-radius: 50px;
  width: 40px;
  height: 3px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: absolute;
  top: 18px;
  left: 0;
  right: 0;
}

.middle-bubble {
  background-color: #fff;
  border-radius: 50px;
  width: 40px;
  height: 3px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: absolute;
  top: 28px;
  left: 0;
  right: 0;
}

.bottom-bubble {
  background-color: #fff;
  border-radius: 50px;
  width: 40px;
  height: 3px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: absolute;
  top: 38px;
  left: 0;
  right: 0;
}

.moose-nav-link {
  color: #7a7a7a;
  text-align: center;
  border-bottom: 3px solid #fff0;
  width: 85px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
  font-size: 20px;
  line-height: 20px;
  transition: letter-spacing .25s, border-color .25s, width .25s;
  display: block;
  top: 0;
  left: 0;
  right: 0;
}

.moose-nav-link:hover {
  letter-spacing: 2px;
  border-bottom: 3px solid #cea142;
  width: 100%;
}

.moose-navbar {
  background-color: #0000;
  top: 10px;
  left: 0;
  right: 0;
}

.tomato {
  background-color: #e91111;
  width: 30px;
  height: 2px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: absolute;
  bottom: -2px;
  left: 0;
  right: 0;
  box-shadow: 1px 1px #b90707;
}

.hamburger-button {
  background-color: #fff;
  border-radius: 100px;
  width: 60px;
  height: 60px;
  padding: 0;
  box-shadow: 1px 1px 3px #7a7a7a8c;
}

.hamburger-button.w--open {
  background-color: #fff;
}

.hamburger-menu-item {
  color: #df7134;
  background-color: #fff;
}

.open {
  color: #7a7a7a;
  letter-spacing: 1px;
  height: 45px;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 10px;
  padding-right: 10px;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 45px;
  position: absolute;
  top: 0;
  bottom: 0;
  overflow: hidden;
}

.moose-menu-button {
  background-color: #fff;
  border-radius: 100px;
  width: 60px;
  height: 60px;
  padding: 0;
  box-shadow: 1px 1px 3px #7a7a7a63;
}

.moose-menu-button.w--open {
  background-color: #fff;
}

.menu-column {
  border: 1px solid #fff;
  border-bottom-style: none;
  height: 50vh;
  padding-top: 10px;
  overflow: hidden;
}

.menu-column.middle {
  border-left: 1px #000;
  border-right: 1px #000;
  position: relative;
  inset: 0;
}

.bottom-bun {
  background-color: #fdba58;
  border-bottom-right-radius: 25px;
  border-bottom-left-radius: 25px;
  width: 35px;
  height: 8px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: absolute;
  top: 37px;
  left: 0;
  right: 0;
  box-shadow: 1px 1px #be9848;
}

.menu-row {
  background-color: #f5f5f5;
  position: relative;
}

.close {
  color: #7a7a7a;
  letter-spacing: 1px;
  height: 45px;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 10px;
  padding-right: 10px;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 45px;
  position: absolute;
  top: 0;
  bottom: 0;
  overflow: hidden;
}

.hamburger-meat {
  background-color: #63452d;
  border-radius: 5px;
  width: 40px;
  height: 5px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: absolute;
  top: 29px;
  left: 0;
  right: 0;
}

.moose-nav-menu {
  background-color: #fff0;
  width: 100%;
  height: 100%;
  padding-top: 0;
}

.moose-color-overlay-button {
  z-index: 1;
  background-color: #14213d;
  border-radius: 100px;
  width: 60px;
  height: 60px;
  position: absolute;
  inset: 0;
  transform: scale(0);
}

.moose-line-2-2 {
  z-index: 2;
  background-color: #cea142;
  border-radius: 10px;
  width: 4px;
  height: 30px;
  margin-left: auto;
  margin-right: auto;
  display: none;
  position: absolute;
  top: 15px;
  left: 0;
  right: 0;
}

.number {
  z-index: 9999;
  color: #fff;
  background-color: #333;
  padding: 20px;
  font-family: Montserrat, sans-serif;
  font-size: 24px;
  position: absolute;
  top: 0;
  left: 0;
}

.moose-line-1---2 {
  z-index: 2;
  background-color: #cea142;
  border-radius: 10px;
  width: 30px;
  height: 4px;
  margin-left: auto;
  margin-right: auto;
  display: none;
  position: absolute;
  top: 28px;
  left: 0;
  right: 0;
}

.moose-line-1 {
  z-index: 2;
  background-color: #cea142;
  border-radius: 10px;
  width: 30px;
  height: 4px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: absolute;
  top: 28px;
  left: 0;
  right: 0;
}

.hamburger-menu {
  background-color: #0000;
}

.top-bun {
  background-color: #fdba58;
  border-radius: 25px 25px 0 0;
  width: 35px;
  height: 15px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: absolute;
  top: 10px;
  left: 0;
  right: 0;
  box-shadow: 1px 1px #be9848;
}

.moose-line-2 {
  z-index: 2;
  background-color: #cea142;
  border-radius: 10px;
  width: 4px;
  height: 30px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: absolute;
  top: 15px;
  left: 0;
  right: 0;
}

.hamburger-menu-list {
  background-color: #0000;
  padding-top: 10px;
}

.open-close-mask {
  width: 70px;
  height: 50px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 65px;
  overflow: hidden;
}

.open-close-mask.moose {
  margin-top: 8px;
}

.lettuce {
  background-color: #6ace61;
  width: 42px;
  height: 2px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: absolute;
  top: -2px;
  left: -1px;
  right: 0;
}

.nav_wrap {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color: #0003;
  justify-content: flex-start;
  width: 100%;
  display: block;
  position: fixed;
  inset: 0% 0% auto;
}

.nav_button {
  width: 3.1rem;
  height: 5rem;
  padding: 0;
}

.nav_button.w--open {
  color: currentColor;
  background-color: #c8c8c800;
}

.nav_button.is-wider {
  width: 4rem;
}

.hamburger_12_wrap {
  grid-row-gap: var(--gap);
  flex-flow: column;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.hamburger_12_line {
  color: #fff;
  height: var(--thickness);
  background-color: currentColor;
  flex: none;
  width: 100%;
  transition-property: all;
  transition-duration: .2s;
  transition-timing-function: ease;
}

.hamburger_embed {
  position: absolute;
}

.div-block-169 {
  width: 100%;
  max-width: 1246px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 2em;
  padding-right: 2em;
  display: flex;
}

.hamburger_9_wrap {
  grid-row-gap: var(--gap);
  flex-flow: column;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.hamburger_9_line {
  height: var(--thickness);
  background-color: currentColor;
  flex: none;
  width: 100%;
  transition-property: all;
  transition-duration: .2s;
  transition-timing-function: ease;
}

.divider {
  border-left: 1px solid #fff;
  width: 1px;
  height: 40px;
  margin-left: 32px;
  margin-right: 32px;
}

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

.list-item-4 {
  line-height: 22px;
}

.footer-divider {
  background-color: #ffffff17;
  width: 100%;
  height: 1px;
  margin-top: 20px;
  margin-bottom: 20px;
}

.footer-container {
  z-index: 3;
  width: 100%;
  max-width: 1246px;
  position: relative;
}

.link-2 {
  color: #fff;
  text-decoration: none;
}

.bold-text-25 {
  text-decoration: none;
}

.link-3 {
  color: #fff;
  text-decoration: none;
}

.image-201 {
  z-index: 2;
  position: absolute;
  inset: auto auto 0% 0%;
}

@media screen and (min-width: 1280px) {
  .white.view {
    font-size: 14px;
    font-weight: 700;
    line-height: 100%;
    text-decoration: none;
  }

  .white.view:hover {
    text-decoration: none;
  }

  .navbar-transparent.white-texts {
    max-height: 100px;
  }

  .case-study-inner-hero-section.smo {
    height: 100vh;
  }

  .heading-13.smo {
    color: #fff;
  }

  .div-block-21.globe {
    margin-top: 35vh;
  }

  .div-block-21.fwd {
    margin-top: 10%;
  }

  .case-study-sub-hero-section.ssm {
    background-position: 50% 100%;
    background-size: cover;
  }

  .case-study-sub-hero-section.smo {
    height: auto;
    padding-top: 0;
    padding-bottom: 0;
  }

  .top-div-bg.ssm {
    background-position: 50% 100%;
    background-size: cover;
  }

  .phone-image {
    max-width: none;
    max-height: 600px;
    margin-top: 30px;
    margin-bottom: 30px;
    padding-left: 12%;
  }

  .phone-image.punchey {
    height: 90vh;
    max-height: 100%;
  }

  .phone-image.paypaltechit {
    width: auto;
    max-width: none;
    max-height: 90vh;
  }

  .phone-image._1280 {
    width: 300px;
  }

  .phone-image.punchey-copy {
    height: 90vh;
    max-height: 100%;
  }

  .heading-14.smo {
    color: #0a0adc;
  }

  .paragraph-7.bottom.smo {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-flow: column;
  }

  .paragraph-7.bottom.smo.mobile {
    display: block;
  }

  .paragraph-7.smo {
    color: #222;
  }

  .div-block-31.top {
    width: 60%;
    padding-right: 40px;
  }

  .div-block-31.bottom.punchey, .div-block-31.bottom.punchey-copy {
    width: 60%;
    max-width: 60%;
    padding-right: 40px;
  }

  .div-block-32 {
    margin-top: 0;
  }

  .div-block-33 {
    width: 40%;
  }

  .div-block-34 {
    height: 100%;
  }

  .solution-section.smo.last {
    padding-bottom: 6em;
  }

  .image-60.paypal {
    padding-right: 60px;
  }

  .pride-gradient-1-36px {
    background-image: linear-gradient(90deg, #3ac9dc, #b9a79d 13%, #cda293 18%, #b598b7 32%, #ea3ef9 48%, #69daf2 66%, #e2df97 84%, #e672b8);
  }

  .div-block-38 {
    flex-flow: row;
  }

  .div-block-38.mb-69 {
    margin-bottom: 69px;
  }

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

  .div-block-39 {
    margin-right: 0;
  }

  .div-block-96 {
    margin-top: 60px;
  }

  .image-140 {
    height: 85vh;
  }

  .div-block-104.punchey {
    margin-top: 79px;
  }

  .section-16 {
    margin-top: 10.7em;
  }

  .image-142 {
    margin-top: 0;
  }

  .section-18 {
    margin-top: 156px;
    padding-bottom: 4em;
  }

  .hero-text-container {
    margin-bottom: 27.3em;
  }

  .desktop-phone-image {
    max-width: 90%;
  }

  .case-study-inner-hero-section-copy.paypal {
    padding-left: 60px;
    padding-right: 60px;
  }

  .div-block-131, .div-block-132 {
    max-width: 1170px;
    margin-left: auto;
    margin-right: auto;
  }

  .section-25 {
    background-image: url('../images/3.jpg');
    background-position: 0 0;
    background-size: auto;
    height: 100vh;
    max-height: 1080px;
  }

  .phone-image-3 {
    max-height: none;
    margin-top: 0;
    margin-right: 0;
  }

  .div-block-135 {
    grid-template-columns: 1fr 1fr;
    justify-items: stretch;
    padding-left: 2em;
    padding-right: 2em;
  }

  .image-172 {
    max-width: 90%;
  }

  .grid-54 {
    align-items: center;
  }

  .image-140-copy {
    height: 85vh;
  }

  .image-142-copy {
    margin-top: 0;
  }

  .image-block-section {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .combined-hero-section {
    background-image: url('../images/1_3.png');
    background-position: 50% 0;
    background-size: cover;
    padding-bottom: 150px;
  }

  .grid-2-col {
    grid-column-gap: 100px;
    grid-row-gap: 100px;
    grid-template-columns: 580px 1fr;
    margin-left: auto;
    margin-right: auto;
  }

  .sm-blue {
    background-color: #0a0adc;
  }

  .image-194 {
    max-width: 600px;
    max-height: 600px;
  }
}

@media screen and (min-width: 1440px) {
  .case-study-inner-hero-section.fwdedm {
    background-image: url('../images/BG-Desktop-FWD-EDM_1.png');
    background-repeat: no-repeat;
    background-size: cover;
  }

  .case-study-inner-hero-section.smo {
    background-image: none;
    height: 100%;
    min-height: 100vh;
  }

  .heading-13 {
    margin-top: 0;
    margin-bottom: 0;
  }

  .heading-13.smo {
    color: #fff;
    margin-bottom: 16px;
    line-height: 100%;
  }

  .div-block-21.globe {
    width: 100%;
    max-width: 628px;
    margin-top: 35vh;
  }

  .div-block-21.paypal {
    width: auto;
    max-width: 628px;
    margin-top: 34vh;
  }

  .div-block-21.fwd {
    margin-top: 10%;
  }

  .case-study-sub-hero-section.globe-one {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: block;
  }

  .case-study-sub-hero-section.servbees {
    height: auto;
    margin-top: 0;
    padding-top: 0;
  }

  .case-study-sub-hero-section.smo {
    background-image: none;
    max-width: 1440px;
    height: auto;
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
    padding-top: 0;
    padding-bottom: 0;
  }

  .div-block-26 {
    background-color: #0000;
    height: auto;
    margin-top: 10%;
    padding-top: 0;
  }

  .top-div-bg.ssm {
    background-position: 50% 100%;
    background-size: cover;
  }

  .div-block-28 {
    padding-left: 2em;
    padding-right: 2em;
  }

  .phone-image {
    max-width: 50%;
    max-height: 700px;
    margin-top: 40px;
    margin-bottom: 40px;
    padding-left: 13%;
  }

  .phone-image.paypaltechit {
    width: auto;
    max-width: none;
    max-height: 90vh;
    margin-top: 2em;
    margin-bottom: 2em;
  }

  .phone-image._1440, .phone-image._1280 {
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .heading-14.smo {
    color: #0a0adc;
  }

  .paragraph-7.bottom.fwd-tapp.tablet.smo {
    color: #222;
  }

  .paragraph-7.bottom.globe-one {
    display: block;
  }

  .paragraph-7.bottom.smo {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-flow: column;
    display: flex;
  }

  .paragraph-7.bottom.smo.mobile {
    display: block;
  }

  .paragraph-7.boxes-animation, .paragraph-7.smo {
    color: #222;
  }

  .div-block-31.top {
    width: 100%;
    margin-top: 0;
    padding-right: 0;
  }

  .div-block-32 {
    margin-top: 0;
  }

  .solution-section.globe-one {
    position: relative;
  }

  .solution-section.smo {
    background-color: #fff;
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0;
    padding: 6em 2em;
  }

  .solution-section.smo.success-stories {
    background-position: 0 100%;
    background-repeat: repeat;
    background-size: cover;
    padding-bottom: 0;
    padding-left: 4em;
    padding-right: 4em;
  }

  .container-13 {
    grid-column-gap: 100px;
    grid-row-gap: 100px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: flex-start;
    display: grid;
    position: relative;
  }

  .heading-16.smo {
    color: #0a0adc;
    line-height: 100%;
  }

  .paragraph-8.smo {
    color: #222;
    margin-bottom: 0;
  }

  .paragraph-8.smo.mb-36 {
    margin-bottom: 36px;
  }

  .div-block-35.smo {
    flex: 0 auto;
    padding-top: 0;
    padding-right: 0;
  }

  .image-60.paypal {
    padding-right: 60px;
  }

  .image-60.smo {
    object-fit: contain;
    width: 100%;
    max-width: none;
    height: auto;
  }

  .wireframe-section.globe-one {
    display: none;
  }

  .portfolio-div {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: flex;
    position: relative;
  }

  .div-block-39 {
    height: 100%;
    max-height: 300px;
    position: relative;
  }

  .div-block-40 {
    max-height: 300px;
    margin-right: 0;
  }

  .div-block-43 {
    flex: 0 auto;
    order: 0;
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
  }

  .div-block-43.smo {
    margin-right: 0;
  }

  .image-67 {
    object-fit: cover;
    width: 100%;
    height: 100%;
    max-height: 300px;
  }

  .image-123 {
    display: none;
  }

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

  .image-142 {
    width: 61%;
  }

  .section-18 {
    padding-bottom: 0;
  }

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

  .section-25 {
    background-size: cover;
  }

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

  .phone-image-3 {
    width: auto;
    max-height: none;
    margin-top: 0;
    margin-right: 0;
    position: relative;
    top: auto;
    left: auto;
    transform: translate(0);
  }

  .div-block-135 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-items: stretch;
    margin-top: 0;
    padding-top: 0;
    padding-left: 2em;
    padding-right: 2em;
    display: grid;
    position: absolute;
    left: 0;
  }

  .top-div-bg-2 {
    padding-left: 2em;
    padding-right: 2em;
  }

  .top-div-bg-2.smo {
    background-color: #0000;
    background-image: none;
  }

  .div-block-136 {
    grid-column-gap: 80px;
    grid-row-gap: 80px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .image-172 {
    max-width: 90%;
  }

  .grid-54 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-rows: auto;
    align-items: start;
  }

  .div-block-137 {
    padding: 70px;
  }

  .div-block-137.shop {
    height: 100vh;
  }

  .div-block-137.best {
    background-image: none;
  }

  .div-block-138.best {
    background-image: url('../images/fwd_best_bg.png');
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .image-174, .image-175 {
    object-fit: cover;
    width: 100%;
    height: 100%;
  }

  .div-block-143 {
    padding-top: 15%;
  }

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

  .image-142-copy {
    width: 61%;
  }

  .image-block-section {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .combined-hero-section {
    -webkit-text-fill-color: inherit;
    background-image: url('../images/1_3.png');
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: scroll;
    background-clip: border-box;
    height: 100%;
    padding-bottom: 80px;
  }

  .heading-38 {
    margin-top: 0;
    margin-bottom: 8px;
    font-size: 24px;
    line-height: 28px;
  }

  .grid-2-col {
    grid-column-gap: 100px;
    grid-row-gap: 100px;
    grid-template-rows: auto;
    grid-template-columns: 580px 1fr;
    grid-auto-columns: 1fr;
    place-items: center;
    max-width: 1440px;
    margin-left: auto;
    margin-right: auto;
    display: grid;
  }

  .image-195 {
    object-fit: cover;
    width: 100%;
    height: 100%;
    max-height: 300px;
  }

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

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

  .bold-text-22 {
    line-height: 58px;
  }
}

@media screen and (max-width: 991px) {
  .container {
    display: block;
  }

  .pride-h1 {
    padding-left: 0;
    font-size: 32px;
  }

  .pride-h1.pride-short-gradient.animate-gradient-1 {
    line-height: 38px;
  }

  .section-3 {
    margin-left: 0;
    margin-right: 0;
    padding-left: 16px;
    padding-right: 16px;
  }

  .grid {
    grid-template: "Area-2" 1fr
                   "Area"
                   / 1fr;
    place-items: center start;
  }

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

  .pride-paragraph {
    text-align: center;
    justify-content: flex-start;
    width: 70%;
    margin-bottom: 0;
  }

  .pride-paragraph.white-text {
    -webkit-text-fill-color: inherit;
    background-image: none;
    background-clip: border-box;
    text-decoration: none;
  }

  .container-4 {
    padding-top: 10px;
  }

  .menu-link-black {
    text-align: center;
  }

  .menu-link-black.white-text {
    flex: 0 auto;
    align-self: auto;
    margin-left: 0;
    margin-right: 0;
    position: relative;
  }

  .nav-links {
    background-color: #0000;
    flex-flow: column;
    height: 100vh;
  }

  .nav-links.black {
    background-color: #000;
    flex-flow: row;
    flex: 1;
    justify-content: flex-end;
    align-self: stretch;
    align-items: center;
    height: 100vh;
    display: flex;
    position: absolute;
  }

  .pride-button.nav-button {
    flex: 0 auto;
    max-width: none;
    max-height: none;
    margin-top: 10px;
    margin-left: 2em;
    margin-right: 2em;
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 17px;
    display: block;
  }

  .grid-3 {
    grid-column-gap: 74px;
    grid-row-gap: 0px;
    grid-template: "."
    / 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .grid-3.non-carousel {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .service-01, .service-02 {
    justify-content: flex-start;
  }

  .section-5.home-proccess-section {
    padding-left: 16px;
    padding-right: 16px;
  }

  .text-block.services-text-block.multimedia {
    font-size: 20px;
    line-height: 28px;
  }

  .text-block.services-text-block.digital-experience {
    font-size: 20px;
    line-height: 28px;
    display: none;
  }

  .text-block.services-text-block.digital-experience.tablet {
    display: block;
  }

  .text-block.services-text-block.development, .text-block.services-text-block.vertical, .text-block.services-text-block.vertical.branding {
    font-size: 20px;
    line-height: 28px;
  }

  .section-6 {
    padding-left: 16px;
    padding-right: 16px;
  }

  .image-24 {
    max-width: 222%;
    max-height: 100px;
  }

  .div-block-3 {
    margin-left: 0;
    padding-left: 0;
  }

  .contact-us-hero-section {
    padding-top: 5em;
  }

  .flex-container {
    align-items: flex-start;
    padding-left: 2em;
    padding-right: 2em;
  }

  .div-block-4 {
    min-width: 60%;
  }

  .contact-us-form-section {
    padding-left: 2em;
    padding-right: 2em;
  }

  .offices-section {
    padding-bottom: 8em;
    padding-left: 2em;
    padding-right: 2em;
  }

  .pride-h3.animate-gradient-1 {
    font-size: 32px;
    line-height: 38px;
  }

  .image-26 {
    object-fit: contain;
    align-self: auto;
  }

  .collection-item {
    align-items: flex-start;
  }

  .container-9 {
    padding-left: 2em;
    padding-right: 2em;
  }

  .white {
    margin-bottom: 0;
    font-family: Inter, sans-serif;
    font-weight: 300;
  }

  .div-block-5.view-more-div {
    margin-left: 16px;
  }

  .pride-strong-h1.careers-h1 {
    align-items: center;
    font-size: 48px;
    display: inline-block;
  }

  .pride-strong-h1.careers-h1.highlight-desktop {
    margin-left: 0;
    padding-left: 12px;
  }

  .pride-2-h1.careers-h1.animate-gradient-1 {
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    display: inline;
  }

  .pride-2-h1.our-team-heading.animate-gradient-1b {
    font-size: 36px;
    line-height: 45px;
  }

  .clients-inner-container.owl-carousel {
    display: flex;
  }

  .div-block-6.hero-heading-right-block {
    margin-top: 48px;
    margin-left: 0;
  }

  .grid-10 {
    grid-template-columns: .75fr .75fr .75fr 190px 184px 395px 76px;
  }

  .div-block-13.bottom-highlight, .div-block-14.bottom-highlight, .div-block-15.bottom-highlight, .div-block-16.bottom-highlight {
    min-width: 0;
    min-height: 0;
    position: relative;
  }

  .plain-white-text-bold {
    font-size: 14px;
    line-height: 20px;
  }

  .home-hero-section {
    min-height: 100vh;
  }

  .div-block-17 {
    opacity: 1;
  }

  .heading-10 {
    font-size: 64px;
    line-height: 72px;
  }

  .white-paragraph {
    font-size: 28px;
  }

  .highlight-text-link-div.homepage {
    bottom: 0;
    left: 0;
  }

  .view-highlight-text-link {
    font-size: 14px;
    line-height: 20px;
  }

  .image-42 {
    position: static;
  }

  .bottom-section {
    padding-left: 2em;
    padding-right: 2em;
  }

  .bottom-section-heading.pride-gradient-3.animate-gradient-2 {
    font-size: 48px;
    line-height: 58px;
  }

  .div-block-19 {
    margin-top: 5em;
  }

  .case-study-filter-section {
    margin-left: 16px;
    margin-right: 16px;
    padding-top: 10em;
  }

  .case-studies-content-container {
    justify-content: flex-start;
    display: block;
  }

  .case-studies-grid.case-studies-landing-grid {
    grid-column-gap: 3em;
    grid-row-gap: 4em;
    margin-left: auto;
    margin-right: auto;
  }

  .case-study-text-title {
    font-size: 22px;
    line-height: 22px;
  }

  .case-study-category {
    line-height: 23px;
  }

  .case-study-quote-section {
    margin-left: 0;
    margin-right: 0;
  }

  .case-study-quote.pride-gradient-1 {
    width: 100%;
  }

  .case-study-contact-section {
    margin-left: 16px;
    margin-right: 16px;
  }

  .image-50, .image-51, .navbar-transparent.white-texts {
    display: none;
  }

  .div-block-20 {
    flex: 1;
  }

  .case-study-inner-hero-section.fwd-tapp {
    background-image: url('../images/new-fwd-tapp-hero-bg.png');
    background-position: 100% 100%;
    background-size: cover;
    width: auto;
    min-width: 100vw;
    margin-top: 65px;
    position: relative;
  }

  .case-study-inner-hero-section.globe-one, .case-study-inner-hero-section.paypal {
    background-image: url('../images/Inner-Case-Study-Mobile-1.png');
    background-size: cover;
  }

  .case-study-inner-hero-section.fwdedm {
    background-image: url('../images/BG-Desktop-FWD-EDM_1.png');
    background-size: cover;
  }

  .case-study-inner-hero-section.paypal {
    background-image: url('../images/Inner-Case-Study-Mobile-1.png');
    background-size: cover;
  }

  .case-study-inner-hero-section.smo {
    height: 100vh;
  }

  .case-study-inner-hero-container {
    flex-direction: column;
    justify-content: space-around;
    height: 100%;
    display: flex;
  }

  .case-study-inner-hero-container.globe-one, .case-study-inner-hero-container.tablet {
    display: none;
  }

  .case-study-inner-hero-container.phone {
    padding-top: 5em;
    display: flex;
  }

  .heading-13.smo {
    margin-top: 0;
    margin-bottom: 0;
  }

  .heading-13.smo.mobile.hero {
    display: block;
  }

  .div-block-21 {
    flex-direction: column;
    justify-content: space-around;
    width: 80%;
    height: 100%;
    margin-top: 0%;
    display: flex;
  }

  .div-block-21.globe {
    justify-content: flex-start;
    margin-top: 1em;
  }

  .div-block-21.paypal {
    justify-content: flex-start;
    margin-top: 33%;
  }

  .div-block-21.fwd {
    justify-content: flex-start;
    margin-top: 20%;
  }

  .div-block-22 {
    width: 58%;
  }

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

  .case-study-sub-hero-section.fwd-tapp, .case-study-sub-hero-section.ssm, .case-study-sub-hero-section.punchey {
    width: 100vw;
  }

  .div-block-26 {
    grid-column-gap: 64px;
    grid-row-gap: 64px;
    align-items: stretch;
  }

  .top-div-bg {
    width: 100%;
    height: 50%;
  }

  .image-57 {
    inset: auto 0% 0%;
  }

  .div-block-28 {
    justify-content: center;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .phone-image {
    object-fit: contain;
    width: 70%;
    height: auto;
    margin-right: 2em;
    position: relative;
  }

  .phone-image.hero-bg {
    flex: 0 auto;
    align-self: center;
    width: 56%;
    margin-right: 0;
    display: block;
  }

  .phone-image.punchey-copy {
    width: 100%;
    max-height: none;
    margin-right: auto;
  }

  .heading-14 {
    font-size: 28px;
    line-height: 36px;
  }

  .heading-14.bottom.fwd-tapp {
    white-space: normal;
  }

  .heading-14.bottom.globe-one, .heading-14.bottom.paypal, .heading-14.bottom.paypal {
    max-height: none;
    display: block;
  }

  .heading-14.bottom.servbees, .heading-14.bottom.ssm {
    white-space: normal;
  }

  .paragraph-7 {
    display: none;
  }

  .paragraph-7.bottom.fwd-tapp {
    white-space: normal;
    font-size: 16px;
    display: none;
  }

  .paragraph-7.bottom.fwd-tapp.tablet {
    display: block;
  }

  .paragraph-7.bottom.ssm {
    white-space: normal;
    font-size: 16px;
    display: block;
  }

  .paragraph-7.bottom.ssm.tablet, .paragraph-7.bottom.ssm.white {
    display: block;
  }

  .paragraph-7.bottom.fwd-tapp-copy {
    white-space: normal;
    font-size: 16px;
    display: none;
  }

  .paragraph-7.bottom.fwd-tapp-copy.tablet {
    display: block;
  }

  .paragraph-7.bottom.smo {
    flex-flow: column;
    display: flex;
  }

  .paragraph-7.bottom.smo.mobile {
    padding-left: 20px;
  }

  .paragraph-7.bottom.smo.mobile.success {
    line-height: 32px;
  }

  .paragraph-7.bottom.smo.sub-hero {
    font-size: 16px;
  }

  .paragraph-7.tablet {
    color: #222;
    max-height: none;
    font-size: 16px;
    display: block;
  }

  .paragraph-7.tablet.case-study-sub-hero-mobile {
    font-size: 16px;
  }

  .paragraph-7.tablet {
    font-size: 16px;
    display: block;
  }

  .paragraph-7.smo {
    color: #222;
  }

  .div-block-31.top {
    width: 50%;
    min-width: 0;
    overflow: visible;
  }

  .div-block-31.bottom {
    flex: 0 auto;
    width: 50%;
    max-width: none;
    overflow: visible;
  }

  .div-block-31.top {
    width: 50%;
    min-width: 0;
  }

  .div-block-32 {
    flex: 0 auto;
    justify-content: flex-start;
    align-items: center;
    width: 90%;
    min-width: 0;
    margin-left: auto;
    margin-right: auto;
  }

  .div-block-bottom {
    justify-content: center;
    min-width: 0;
    margin-left: auto;
    margin-right: auto;
  }

  .heading-15.fwd-tapp, .heading-15.ssm {
    white-space: normal;
    font-size: 22px;
    overflow: visible;
  }

  .div-block-33 {
    width: 50%;
    margin-right: 0;
  }

  .div-block-34 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    display: grid;
    left: auto;
  }

  .solution-section.fwd-tapp, .solution-section.ssm {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 0;
    display: flex;
  }

  .solution-section.smo.success-stories {
    flex-flow: row;
    justify-content: center;
    align-items: center;
    display: block;
  }

  .container-13 {
    padding-left: 16px;
    padding-right: 16px;
    display: block;
  }

  .heading-16, .heading-16.fwd-tapp {
    font-size: 28px;
    line-height: 36px;
  }

  .paragraph-8 {
    font-size: 16px;
    line-height: 22px;
    display: none;
  }

  .paragraph-8.fwd-tapp {
    display: block;
  }

  .paragraph-8.fwd-tapp.tablet {
    font-size: 16px;
    line-height: 22px;
    display: block;
  }

  .paragraph-8.globe-one, .paragraph-8.tablet, .paragraph-8.paypal, .paragraph-8.servbees {
    display: block;
  }

  .paragraph-8.smo.mb-36 {
    margin-bottom: 24px;
    font-size: 14px;
    line-height: 140%;
    display: block;
  }

  .div-block-35 {
    flex: none;
    align-items: stretch;
    width: 100%;
  }

  .div-block-35.smo {
    padding-top: 0;
    display: block;
  }

  .image-60 {
    text-align: center;
    width: 100%;
  }

  .image-60.smo {
    width: 100%;
  }

  .container-14 {
    padding-left: 16px;
    padding-right: 16px;
  }

  .div-block-36 {
    align-self: center;
    width: 50%;
    margin-top: 0;
    padding-left: 50px;
  }

  .view-work-section {
    flex-flow: column;
    position: relative;
  }

  .div-block-38.mb-69 {
    flex-flow: column;
  }

  .portfolio-div {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    flex-flow: column;
  }

  .image-65 {
    display: none;
  }

  .image-65.mobile {
    margin-top: -52px;
    display: block;
  }

  .image-66 {
    display: none;
  }

  .image-66.mobile {
    display: block;
  }

  .menu-link-white {
    color: #fff;
    flex: 0 auto;
    justify-content: center;
    display: flex;
  }

  .menu-link-white.mobile {
    display: block;
  }

  .about-header-container {
    padding-left: 20px;
    padding-right: 20px;
  }

  .about-header.pride-dark-gradient {
    display: none;
  }

  .about-header.pride-dark-gradient.tablet {
    font-size: 48px;
    line-height: 58px;
    display: block;
  }

  .container-1145 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .div-block-44 {
    width: 55%;
    padding-left: 20px;
  }

  .paragraph-10 {
    display: none;
  }

  .paragraph-10.tablet {
    display: block;
  }

  .heading-20.pride-dark-gradient.animate-gradient-2 {
    font-size: 36px;
    line-height: 45px;
  }

  .flex-div.our-edge-desktop {
    margin-bottom: 24px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .paragraph-14.our-team-paragraph {
    width: auto;
  }

  .image-68 {
    width: 270px;
  }

  .image-69 {
    width: 130px;
  }

  .image-70 {
    width: 140px;
  }

  .grid-13 {
    grid-template-areas: "Area Area-2";
  }

  .paragraph-15 {
    color: #fff;
    width: 100%;
    font-family: Inter, sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 26px;
  }

  .grid-16 {
    grid-template: "Area Area-2 Area-3"
    / 1fr 1fr 1fr;
    padding-left: 16px;
    padding-right: 16px;
  }

  .bottom-grid {
    max-width: 1125px;
  }

  .grid-17 {
    max-width: 1125px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .mobile-clients-inner-container.owl-carousel {
    justify-content: center;
    align-items: center;
    display: none;
  }

  .item {
    flex-direction: column;
  }

  .story-heading-gradient-1.gradient-3.animate-gradient-2 {
    font-size: 36px;
    line-height: 45px;
  }

  .image-86.parallax {
    z-index: 2;
    transition: opacity .2s cubic-bezier(.55, .085, .68, .53);
    position: relative;
  }

  .image-86.parallax:hover {
    opacity: 0;
  }

  .div-block-59.parallax {
    position: relative;
  }

  .stories-section {
    z-index: 2;
  }

  .top-layer {
    display: none;
    overflow: visible;
  }

  .top-layer.mobile {
    display: none;
  }

  .empty-block {
    display: block;
  }

  .logo-image-container-1 {
    margin-top: -250px;
  }

  .logo-image-container-2 {
    margin-top: 0;
    margin-left: 140px;
  }

  .logo-image-container-3 {
    margin-right: 136px;
  }

  .image-94 {
    width: 60px;
  }

  .collection-list {
    grid-column-gap: 24px;
    grid-row-gap: 36px;
    margin-left: 0;
    margin-right: 0;
  }

  .fwd-tapp-hero-bg {
    display: none;
    position: absolute;
  }

  .paragraph-16.white-text {
    color: #fff;
  }

  .grid-22 {
    grid-column-gap: 4px;
    grid-template: "Area Area-2"
    / .75fr 1fr;
    margin-bottom: 5px;
  }

  .grid-23, .grid-24 {
    grid-column-gap: 5px;
    grid-template: "Area Area-2"
    / .75fr 1fr;
    align-items: stretch;
  }

  .image-96, .image-97 {
    height: auto;
  }

  .div-block-62 {
    text-align: center;
    width: 100%;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
    display: block;
  }

  .first-phone-div {
    background-color: #e9781e;
    background-image: url('../images/Group-3731.png');
    background-position: 50% 100%;
    background-repeat: repeat-x;
    background-size: auto;
    height: 100vh;
  }

  .ux-leader, .hr-3-color-white-blue {
    display: none;
  }

  .grid-25 {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    grid-template: "Area-9 Area Area Area Area"
                   "Area-7 Area Area Area Area" .5fr
                   "Area-8 Area Area Area Area"
                   "Area-8 Area-2 Area-2 Area-2 ." .25fr
                   "Area-3 Area-3 . Area-4 Area-4" 1fr
                   "Area-5 Area-5 Area-6 Area-6 Area-6" 162px
                   ". . Area-6 Area-6 Area-6"
                   / 1fr .25fr .25fr .25fr auto;
    overflow: visible;
  }

  .div-block-64 {
    max-width: 240px;
    position: relative;
  }

  .image-98 {
    z-index: 1;
    position: absolute;
    left: 0;
  }

  .div-block-65 {
    width: auto;
    height: auto;
    position: relative;
  }

  .image-99 {
    width: auto;
    height: auto;
    display: inline-block;
  }

  .image-100 {
    overflow: visible;
  }

  .image-101 {
    width: 100%;
    height: 100%;
  }

  .div-block-66 {
    max-width: 100%;
    position: relative;
  }

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

  .div-block-68 {
    width: 100%;
    height: 100%;
    position: relative;
  }

  .image-102 {
    width: 100%;
    height: auto;
    position: static;
  }

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

  .div-block-75 {
    display: none;
  }

  .luxy-js-wrapper {
    display: block;
  }

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

  .footer-section {
    padding-left: 20px;
    padding-right: 20px;
  }

  .menu-button.w--open {
    background-color: #0000;
  }

  .footer-details-container {
    width: 100%;
  }

  .heading-26 {
    flex: 1;
  }

  .footer-socials-link-block {
    top: 0;
    left: 0;
  }

  .client-logo-div {
    width: 100%;
  }

  .client-logo-div.wish-logo {
    height: 80px;
  }

  .client-logo-div.wish-logo.mobile-client-logo {
    height: 50px;
  }

  .client-logo-div.mobile-client-logo {
    max-width: 100px;
  }

  .client-logo-div.mobile-client-logo.hide, .desktop-client-grid-container {
    display: none;
  }

  .tablet-mobile-client-grid-container {
    margin-top: 2em;
    display: block;
  }

  .tablet-mobile-client-grid {
    grid-row-gap: 30px;
    grid-template-rows: auto auto auto;
    grid-template-areas: "."
                         "."
                         ".";
    margin-bottom: 1em;
    padding-left: 4em;
    padding-right: 4em;
  }

  .image-129 {
    margin-left: auto;
    margin-right: auto;
  }

  .tablet-mobile-client-grid-extra {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: stretch;
    place-items: stretch stretch;
    max-width: 90%;
    margin-left: auto;
    margin-right: auto;
    display: grid;
  }

  .div-block-90 {
    max-width: 100vw;
    overflow: hidden;
  }

  .grid-33 {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
  }

  .text-muted-gradient-2 {
    font-size: 18px;
    line-height: 26px;
  }

  .paragraph-gray {
    font-size: 16px;
    line-height: 23px;
  }

  .table-of-contents-main-container {
    width: 88vw;
    display: none;
  }

  .vertical-line {
    flex: 0 auto;
  }

  .mobile {
    display: none;
  }

  .h1-white-64._1 {
    margin-right: 0;
    font-size: 48px;
    line-height: 78px;
  }

  .h1-white-64._2 {
    font-size: 48px;
  }

  ._60vh.servbees-flex-vertical {
    width: auto;
    height: auto;
    margin-top: 0;
    margin-bottom: 0;
  }

  .image-143 {
    width: 145px;
  }

  .hover-image {
    display: block;
    top: 0;
  }

  .image-145 {
    display: block;
    top: 0;
    left: 0;
  }

  .div-block-108 {
    height: 100px;
    max-height: 100px;
    margin-right: 18px;
  }

  .h1-gradient-3-48._1, .h1-gradient-2-48._1 {
    font-size: 28px;
    line-height: 32px;
  }

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

  ._100vh-section.navbar-spacing {
    padding-top: 62px;
  }

  ._100vh-section.buzzworthy {
    height: auto;
    padding-top: 4em;
    padding-bottom: 4em;
  }

  .div-block-116 {
    padding-left: 1em;
    padding-right: 1em;
  }

  .mask {
    flex: 1;
    justify-content: flex-start;
    margin-left: 12px;
  }

  .paragraph-20 {
    flex: 0 auto;
    font-size: 48px;
    display: block;
  }

  .paragraph-20.taking {
    letter-spacing: 0;
    margin-left: 20%;
    font-size: 48px;
    line-height: 78px;
    display: block;
  }

  .phone-case-study-sub-hero-section, .icon-3 {
    display: none;
  }

  .section-20-top-div {
    background-color: #e9781e;
    background-image: url('../images/Group-3731.png');
    background-position: 50% 100%;
    background-repeat: repeat-x;
    background-size: auto;
    height: 100vh;
  }

  .phone-image-2 {
    object-fit: contain;
    width: 70%;
    margin-right: 2em;
    position: relative;
  }

  .grid-40 {
    grid-template-columns: 1fr .5fr .75fr;
    grid-template-areas: "Area Area-2 Area-2"
                         "Area Area-3 Area-4";
  }

  .image-154 {
    object-fit: contain;
  }

  .section-21 {
    display: none;
  }

  .logo-and-tc-pp {
    justify-content: flex-start;
  }

  .p-logo-white {
    display: none;
  }

  .div-block-124 {
    grid-column-gap: 3em;
    grid-row-gap: 4em;
  }

  .office-div {
    align-items: flex-start;
  }

  .background-header {
    background-image: url('../images/Servbees-BG-Mobile-1.jpg');
    background-position: 50% 100%;
    background-size: cover;
  }

  ._80vw-grid-split-2 {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .hero-text-container {
    margin-bottom: 0;
  }

  .h1-sb-blue-64 {
    font-size: 48px;
    line-height: 62px;
  }

  .desktop-phone-image {
    display: none;
    position: relative;
  }

  .mobile-phone-image {
    display: block;
    position: relative;
  }

  ._80vw-grid-split-2-auto-height {
    grid-column-gap: 0px;
    grid-row-gap: 4em;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  ._80vw-grid-split-2-auto-height.desktop {
    display: none;
  }

  ._80vw-grid-split-2-auto-height.body-2 {
    margin-bottom: 0;
    padding-bottom: 4em;
  }

  ._40vh {
    width: auto;
  }

  .h1-sb-blue2-48 {
    font-size: 28px;
    line-height: 34px;
  }

  .h1-sb-blue2-48.text-center {
    text-align: center;
  }

  .h1-sb-blue2-48.text-center.m-b-12, .h1-sb-blue2-48.m-b-24 {
    margin-bottom: 12px;
  }

  .text-medium-gray-18 {
    font-size: 14px;
    line-height: 20px;
  }

  .text-medium-gray-18.text-center {
    text-align: center;
  }

  .image-block {
    padding-left: 5%;
  }

  .center-content-div._90percent-width {
    width: 90%;
  }

  .h1-sb-blue3-32 {
    font-size: 24px;
    line-height: 34px;
  }

  .h1-sb-blue3-32.text-center.m-b-16 {
    margin-bottom: 16px;
  }

  .text-medium-gray-16 {
    font-size: 14px;
    line-height: 20px;
  }

  .block-container._90percent-width {
    width: 90%;
  }

  .block-container._90percent-width.mobile {
    display: block;
  }

  .block-container._90percent-width.mobile.buzzworthy {
    margin-top: 0;
  }

  .block-container.buzzworthy {
    margin-top: 2em;
    margin-bottom: 2em;
  }

  .mobile-case-study-sub-hero-section, .icon-4 {
    display: none;
  }

  .highlights-grid {
    grid-template-rows: auto auto auto;
    align-items: stretch;
    padding-left: 1em;
    padding-right: 1em;
  }

  .close-nav, .close-icon {
    display: none;
  }

  .div-block-127 {
    display: block;
  }

  .menu-button-3 {
    background-color: #0000;
  }

  .case-study-inner-hero-section-copy.fwd-tapp {
    background-image: url('../images/new-fwd-tapp-hero-bg.png');
    background-position: 100% 100%;
    background-size: cover;
    width: auto;
    min-width: 100vw;
    margin-top: 65px;
    position: relative;
  }

  .case-study-inner-hero-section-copy.globe-one, .case-study-inner-hero-section-copy.paypal {
    background-image: url('../images/Inner-Case-Study-Mobile-1.png');
    background-size: cover;
  }

  .case-study-inner-hero-section-copy.paypal {
    background-image: url('../images/Inner-Case-Study-Mobile_1.png');
    background-size: cover;
  }

  .grid-paypal {
    grid-template-columns: 1fr .5fr .75fr;
    grid-template-areas: "Area Area-2 Area-2"
                         "Area Area-3 Area-4";
  }

  .center {
    position: relative;
  }

  .heading-16-copy, .heading-16-copy.fwd-tapp {
    font-size: 28px;
    line-height: 36px;
  }

  .div-block-133 {
    margin-top: 15vh;
  }

  .image-170 {
    max-width: 320px;
    height: auto;
  }

  .div-block-134 {
    min-height: 20vh;
  }

  .image-171 {
    max-width: 300px;
    margin-top: -1069px;
    margin-left: 45px;
  }

  .phone-image-3 {
    object-fit: contain;
    width: 100%;
    height: auto;
    margin-right: 0;
    position: relative;
  }

  .phone-image-3.hero-bg {
    flex: 0 auto;
    align-self: center;
    width: 40%;
    margin-right: 0;
    display: block;
  }

  .div-block-135 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    display: grid;
    left: auto;
  }

  .top-div-bg-2 {
    width: 100%;
    height: 50%;
  }

  .div-block-136 {
    flex: 0 auto;
    justify-content: flex-start;
    align-items: center;
    width: 90%;
    min-width: 0;
    margin-left: auto;
    margin-right: auto;
  }

  .section-20-top-div-2 {
    background-color: #e9781e;
    background-image: url('../images/Group-3731.png');
    background-position: 50% 100%;
    background-repeat: repeat-x;
    background-size: auto;
    height: 100vh;
  }

  .grid-54, .grid-55, .grid-57 {
    display: block;
  }

  .section-28 {
    margin-top: 0;
  }

  .div-block-141 {
    display: block;
  }

  .div-block-142 {
    display: none;
  }

  .grid-58 {
    display: block;
  }

  .div-block-143 {
    padding-left: 10%;
    padding-right: 10%;
  }

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

  .div-block-149 {
    padding-top: 40px;
    padding-bottom: 40px;
    display: block;
  }

  .heading-36 {
    margin-top: 0;
  }

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

  .div-block-160 {
    padding-left: 24px;
    padding-right: 24px;
  }

  .image-block-section {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .combined-hero-section {
    background-image: url('../images/1_3.png');
    background-position: 100% 0;
  }

  .heading-38 {
    margin-top: 0;
    margin-bottom: 8px;
    font-size: 16px;
    line-height: 145%;
  }

  .grid-2-col {
    flex-flow: column;
    grid-template-columns: 580px;
    display: flex;
  }

  .grid-2-col.success-stories {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .smo-wireframe-section {
    background-image: url('../images/BS-mobile.png');
  }

  .div-block-166 {
    padding-left: 4px;
    padding-right: 4px;
  }

  .bold-text-19 {
    line-height: 100%;
  }

  .div-block-167 {
    display: block;
  }

  .image-197 {
    object-fit: cover;
    display: none;
  }

  .image-197.mobile {
    object-fit: cover;
    width: 100%;
    height: 100%;
    display: block;
  }

  .open, .close {
    line-height: 45px;
  }

  .open-close-mask {
    height: 50px;
  }

  .nav_button.is-wider {
    width: 2rem;
  }

  .nav_button.is-wider.w--open {
    z-index: 50;
    width: 32px;
  }

  .hamburger_9_line {
    color: #fff;
  }

  .divider {
    margin-left: 16px;
    margin-right: 16px;
  }

  .div-block-170 {
    flex-flow: column;
    flex: none;
    justify-content: center;
    align-self: auto;
    align-items: stretch;
    padding-top: 8em;
    display: flex;
    position: relative;
  }

  .bold-text-24 {
    line-height: 100%;
  }
}

@media screen and (max-width: 767px) {
  .container {
    flex: 0 auto;
    align-self: auto;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: block;
    position: relative;
    top: 0;
    left: 0;
  }

  .pride-h1 {
    font-size: 24px;
    line-height: 20px;
  }

  .pride-h1.pride-short-gradient.animate-gradient-1 {
    line-height: 32px;
  }

  .body {
    overflow: visible;
  }

  .grid {
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .heading-5.home-page-hero-heading {
    min-width: 0;
    font-size: 32px;
    line-height: 38px;
  }

  .heading-5.home-page-hero-heading.mobile {
    display: none;
  }

  .pride-paragraph {
    text-align: center;
    justify-content: center;
  }

  .pride-paragraph.careers-job-description {
    text-align: left;
    font-size: 16px;
    line-height: 24px;
  }

  .container-4.transparent {
    justify-content: space-between;
  }

  ._360-pixels-nav-logo {
    display: none;
  }

  ._360-pixels-nav-logo.mobile {
    max-width: 20px;
    max-height: 34px;
    padding-top: 0;
    padding-bottom: 0;
    position: relative;
  }

  .brand-2 {
    padding-top: 18px;
    padding-bottom: 18px;
    padding-left: 0;
  }

  .grid-3 {
    grid-column-gap: 5px;
    grid-row-gap: 0px;
    object-fit: fill;
    flex-flow: wrap;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    align-items: stretch;
    display: grid;
  }

  .grid-3.our-process.owl-carousel {
    grid-column-gap: 5px;
    grid-row-gap: 0px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .grid-3.our-process.owl-carousel.owl-theme {
    object-fit: fill;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    justify-content: stretch;
    place-items: stretch stretch;
    width: 100%;
    height: auto;
    display: block;
    position: relative;
  }

  .grid-3.non-carousel {
    display: none;
  }

  .service-01 {
    object-fit: fill;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    position: relative;
  }

  .service-02 {
    margin-left: auto;
    margin-right: auto;
    position: relative;
  }

  .section-5.home-proccess-section {
    height: 100vh;
  }

  .grid-4.large {
    display: none;
  }

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

  .text-block.services-text-block.digital-experience {
    text-shadow: 5px 5px 30px #f509d7;
    display: block;
  }

  .text-block.services-text-block.vertical.branding {
    text-shadow: 7px 0 30px #f509d7;
  }

  .text-block.services-text-block.vertical.digital-design {
    position: absolute;
    left: auto;
    right: auto;
  }

  .div-block.services-div-block.multimedia, .div-block.services-div-block.digital-experience, .div-block.services-div-block.vertical, .div-block.services-div-block.vertical.branding {
    max-width: none;
    max-height: none;
  }

  .div-block.services-div-block.horizontal.digital-design {
    flex: 0 auto;
    max-width: none;
  }

  .div-block.services-div-block.development {
    max-width: none;
    max-height: none;
  }

  .section-6 {
    margin-bottom: 0;
    padding: 0 5px;
  }

  .container-7 {
    flex-direction: column;
    display: block;
  }

  .contact-us-hero-section {
    padding: 40px 20px;
    position: relative;
  }

  .flex-container {
    flex-direction: column;
    align-items: center;
  }

  .hero-image-mask {
    order: -1;
    margin-left: 0;
    margin-right: 0;
  }

  .div-block-4 {
    flex-direction: column;
    justify-content: flex-start;
    align-self: auto;
    align-items: center;
    margin-top: 2em;
    display: flex;
  }

  .contact-us-form-section {
    position: relative;
  }

  .form-field {
    min-width: 0;
    max-width: 100%;
    padding: 12px 18px;
  }

  .form-field.join-us-textarea {
    height: auto;
    max-height: none;
    padding: 12px 18px;
  }

  .form-field.join-us-form-field {
    padding: 12px 18px;
  }

  .form-block {
    min-width: 0;
    max-width: 100%;
  }

  .form-2 {
    width: 100%;
    max-width: 100%;
  }

  .pride-h3 {
    font-size: 24px;
    line-height: 32px;
  }

  .pride-h3.animate-gradient-1 {
    margin-bottom: 8px;
    font-size: 24px;
    line-height: 28px;
  }

  .collection-item {
    margin-bottom: 2em;
  }

  .form-field-border-gradient {
    min-width: 0;
    max-width: 100%;
  }

  .careers-open-positions-section {
    display: none;
  }

  .pride-hr {
    margin-top: 3em;
    margin-bottom: 3em;
  }

  .container-9 {
    flex-direction: column;
    display: flex;
  }

  .white {
    font-family: Inter, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
  }

  .div-block-5.view-more-div {
    justify-content: center;
  }

  .pride-strong-h1.careers-h1 {
    text-align: center;
    justify-content: center;
    align-items: center;
    margin-left: 0;
    margin-right: 0;
    font-size: 32px;
    line-height: 38px;
    display: flex;
  }

  .pride-strong-h1.careers-h1.mobile {
    text-align: center;
    object-fit: fill;
    flex-wrap: nowrap;
    flex: 0 auto;
    order: 0;
    align-self: auto;
    align-items: center;
    margin-left: 0;
    margin-right: 0;
    display: block;
  }

  .pride-strong-h1.careers-h1.highlight-desktop {
    display: none;
  }

  .pride-strong-h1.careers-h1.animate-gradient-2 {
    margin-bottom: 8px;
  }

  .pride-2-h1.careers-h1.animate-gradient-1b {
    font-size: 36px;
    line-height: 45px;
  }

  .pride-2-h1.careers-h1.animate-gradient-1 {
    font-size: 38px;
    line-height: 46px;
  }

  .pride-2-h1.contact-us-heading.animate-gradient-1b, .pride-2-h1.contact-us-heading.animate-gradient-1 {
    font-size: 36px;
    line-height: 42px;
  }

  .pride-2-h1.our-team-heading {
    text-align: center;
    font-size: 32px;
    line-height: 39px;
    display: inline-block;
    position: static;
  }

  .image-30 {
    max-width: 227px;
    position: absolute;
  }

  .clients-inner-container.owl-carousel {
    display: none;
  }

  .clients-inner-container.owl-carousel.desktop {
    display: flex;
  }

  .clients-container {
    position: relative;
  }

  .div-block-6.hero-heading-right-block {
    min-width: 0;
  }

  .container-10 {
    padding-left: 0;
    padding-right: 0;
  }

  .highlight-container.desktop {
    display: block;
  }

  .div-block-10.top-highlight.parallax.mobile-hide {
    display: none;
  }

  .image-38 {
    width: 100%;
    height: 100%;
  }

  .plain-white-text-bold {
    font-size: 16px;
    line-height: 24px;
  }

  .div-block-17 {
    opacity: 1;
    width: 100%;
    max-width: 100vw;
    bottom: 184px;
  }

  .heading-10 {
    text-align: center;
    margin-bottom: 12px;
    font-size: 32px;
    line-height: 38px;
    display: block;
  }

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

  .white-paragraph {
    display: none;
  }

  .white-paragraph.mobile {
    font-size: 14px;
    font-weight: 300;
    line-height: 24px;
    display: block;
  }

  .highlight-text-link-div.homepage {
    bottom: 0;
    left: 0;
  }

  .image-39, .image-40 {
    width: 100%;
    height: 100%;
  }

  .view-highlight-text-link {
    font-size: 16px;
    line-height: 24px;
  }

  .image-42, .image-43, .image-44, .image-45 {
    width: 100%;
    height: 100%;
  }

  .highlights-section {
    height: auto;
  }

  .bottom-section-heading.pride-gradient-3 {
    width: 50%;
    margin-bottom: 12px;
    font-size: 32px;
    line-height: 38px;
  }

  .bottom-section-heading.pride-gradient-3.animate-gradient-2 {
    display: block;
  }

  .bottom-section-heading.pride-gradient-3.animate-gradient-2.mobile {
    width: 100%;
    display: block;
  }

  .bottom-section-heading.pride-gradient-3.animate-gradient-2.home {
    width: 100%;
  }

  .bottom-section-heading.pride-gradient-3.animate-gradient-1.case-study-landing {
    display: none;
  }

  .bottom-section-heading.pride-gradient-3.animate-gradient-1.mobile {
    width: 100%;
    display: block;
  }

  .bottom-section-paragraph.pride-light-paragraph-gradient {
    font-size: 16px;
    line-height: 24px;
  }

  .bottom-section-paragraph.white-text {
    color: #fff;
    width: 50%;
    margin-bottom: 32px;
    font-size: 16px;
    line-height: 24px;
    display: block;
  }

  .bottom-section-paragraph.white-text.home {
    width: 100%;
  }

  .join-our-team-button.bw-button {
    padding-left: 70px;
    padding-right: 70px;
    display: none;
  }

  .talk-to-us-today-button.button-gradient {
    margin-bottom: 0;
    margin-left: 0;
  }

  .talk-to-us-today-button.button-gradient.case-study-contact-button {
    align-self: center;
  }

  .div-block-19 {
    flex-direction: column-reverse;
    order: 0;
    margin-top: 1em;
  }

  .case-study-filter-section {
    padding-top: 10em;
  }

  .heading-12.pride-gradient-1 {
    margin-left: 20px;
    margin-right: 20px;
    font-size: 32px;
    line-height: 39px;
  }

  .heading-12.pride-gradient-1.animate-gradient-1 {
    font-size: 24px;
    line-height: 32px;
  }

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

  .case-studies-grid.case-studies-landing-grid {
    grid-column-gap: 0em;
    grid-row-gap: 3em;
    grid-template-rows: auto auto auto auto auto auto auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-flow: row;
  }

  .case-study-content-div {
    display: inline-block;
  }

  .case-study-title {
    margin-left: 12px;
  }

  .case-study-text-title.pride-gradient-1 {
    font-size: 20px;
    line-height: 28px;
  }

  .case-study-quote-section {
    padding-left: 0;
  }

  .case-study-quote.pride-gradient-1 {
    text-align: center;
    font-size: 30px;
    line-height: 36px;
  }

  .case-study-flex-container {
    justify-content: center;
    align-items: flex-start;
  }

  .flex-left-div {
    text-align: left;
    flex-flow: column;
    flex: none;
    order: 0;
    justify-content: center;
    align-self: stretch;
    align-items: center;
    padding-bottom: 0;
  }

  .flex-right-div {
    display: none;
  }

  .pride-gradient-1-48px {
    text-align: center;
    align-self: center;
    font-size: 32px;
    line-height: 39px;
  }

  .image-46 {
    align-self: center;
    width: 160px;
    margin-left: 0;
    margin-right: 0;
  }

  .image-50, .image-51, .image-52 {
    display: none;
  }

  .div-block-20 {
    flex: 1;
    min-width: 0;
  }

  .image-53 {
    margin-left: 2em;
    margin-right: 2em;
  }

  .case-study-inner-hero-section.fwd-tapp {
    z-index: 0;
    background-image: url('../images/Inner-Case-Study-Mobile.png');
    background-position: 50% 100%;
    background-size: cover;
    margin-top: 65px;
    position: relative;
  }

  .case-study-inner-hero-section.smo {
    background-color: #0000;
    height: 100vh;
  }

  .case-study-inner-hero-container {
    justify-content: space-around;
  }

  .case-study-inner-hero-container.globe-one {
    display: none;
  }

  .case-study-inner-hero-container.phone {
    height: 85vh;
    padding-top: 0;
    padding-left: 2em;
    padding-right: 2em;
    display: flex;
  }

  .heading-13.fwd-tapp {
    margin-bottom: 12px;
    font-size: 32px;
    line-height: 38px;
  }

  .heading-13.globe-one, .heading-13.fwd-edm, .heading-13.fwd-edm-copy, .heading-13.paypal {
    font-size: 50px;
  }

  .heading-13.smo {
    font-size: 32px;
    line-height: 120%;
  }

  .heading-13.smo.mobile {
    margin-bottom: 8px;
  }

  .div-block-21 {
    flex-direction: column;
    width: auto;
    height: 100%;
    margin-left: 20px;
    margin-right: 20px;
    display: flex;
  }

  .div-block-21.globe {
    margin-top: 8em;
  }

  .div-block-21.paypal {
    margin-top: 23%;
  }

  .case-study-sub-hero-section.fwd-tapp, .case-study-sub-hero-section.globe-one, .case-study-sub-hero-section.servbees, .case-study-sub-hero-section.paypal, .case-study-sub-hero-section.paypal, .case-study-sub-hero-section.paypal, .case-study-sub-hero-section.ssm, .case-study-sub-hero-section.punchey, .case-study-sub-hero-section.smo {
    display: none;
  }

  .phone-image {
    flex: 0 auto;
    width: 50%;
    margin-left: auto;
    margin-right: auto;
    display: block;
    overflow: visible;
  }

  .phone-image.hero-bg {
    z-index: 0;
    align-self: center;
    width: 70%;
    max-width: none;
    margin-left: 0;
    margin-right: 0;
  }

  .phone-image.mobile {
    display: none;
  }

  .phone-image._1 {
    width: auto;
    height: 75%;
    margin-top: 2em;
  }

  .phone-image._2 {
    z-index: 1;
    width: 90%;
    margin-top: 2em;
    top: 0;
  }

  .heading-14.bottom.fwd-tapp {
    line-height: 33px;
  }

  .heading-14.bottom.globe-one, .heading-14.bottom.paypal, .heading-14.bottom.paypal {
    white-space: normal;
  }

  .heading-14.bottom.servbees, .heading-14.bottom.ssm {
    line-height: 33px;
  }

  .heading-14.smo {
    line-height: 100%;
  }

  .paragraph-7.bottom.fwd-tapp.tablet {
    color: #222;
    font-size: 14px;
    line-height: 17px;
  }

  .paragraph-7.bottom.ssm.tablet, .paragraph-7.bottom.fwd-tapp-copy.tablet {
    font-size: 14px;
    line-height: 17px;
  }

  .paragraph-7.bottom.smo {
    font-size: 14px;
    line-height: 140%;
  }

  .paragraph-7.bottom.smo.list.sub-hero {
    font-size: 14px;
    line-height: 24px;
  }

  .paragraph-7.bottom.smo.mobile.success, .paragraph-7.bottom.smo.mobile.last {
    line-height: 24px;
  }

  .paragraph-7.bottom.smo.lighter {
    color: #626262;
  }

  .paragraph-7.tablet {
    font-size: 14px;
    line-height: 140%;
  }

  .div-block-31.top.mobile {
    width: auto;
    margin-bottom: 0;
    overflow: visible;
  }

  .div-block-31.top.mobile._2 {
    padding-bottom: 5em;
  }

  .div-block-31.top.smo {
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    display: block;
    position: relative;
  }

  .div-block-31.top.smo.how-we-tech {
    flex: none;
    padding-left: 20px;
    padding-right: 20px;
  }

  .div-block-31.bottom.mobile {
    z-index: 2;
    clear: both;
    z-index: 2;
    clear: both;
    background-image: linear-gradient(#ffffff4d, #ffffff4d);
    flex-flow: column;
    width: 100%;
    padding-left: 2em;
    padding-right: 2em;
    display: block;
  }

  .div-block-31.top {
    position: static;
  }

  .div-block-31.top.mobile {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    flex-direction: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    justify-content: flex-start;
    width: auto;
    height: 100%;
    margin-bottom: 0;
    padding-right: 0;
    display: flex;
    overflow: visible;
  }

  .heading-15.fwd-tapp, .heading-15.ssm {
    line-height: 28px;
  }

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

  .div-block-34.mobile {
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: auto;
    margin-top: 50%;
    position: static;
  }

  .solution-section.fwd-tapp {
    z-index: 4;
    background-color: #fff;
    height: auto;
    display: none;
    position: relative;
  }

  .solution-section.globe-one, .solution-section.paypal {
    display: none;
  }

  .solution-section.ssm {
    z-index: 4;
    background-color: #fff;
    height: auto;
    display: none;
    position: relative;
  }

  .solution-section.smo {
    background-color: #fff;
    padding-left: 20px;
    padding-right: 20px;
  }

  .solution-section.smo.success-stories {
    background-image: url('../images/success-mobile-clear.png'), linear-gradient(0deg, #4fe4d066, #0000 82%);
    background-position: 50% 100%, 0 0;
    background-repeat: no-repeat, repeat;
    background-size: 100%, auto;
    background-attachment: scroll, scroll;
    flex-flow: column;
    height: 120vh;
  }

  .container-13 {
    flex-direction: column;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .heading-16.smo {
    line-height: 100%;
  }

  .body-2 {
    overflow: visible;
  }

  .paragraph-8.smo.mb-36 {
    font-size: 14px;
    line-height: 140%;
  }

  .div-block-35 {
    justify-content: center;
    width: 100%;
  }

  .div-block-35.paypal {
    width: auto;
    padding: 20px;
  }

  .image-60.fwd-tapp {
    object-fit: cover;
  }

  .image-60.paypal {
    text-align: center;
    width: 100%;
    margin-top: 0;
    margin-bottom: 20px;
  }

  .wireframe-section.fwd-tapp {
    display: none;
  }

  .view-work-section {
    justify-content: flex-start;
    align-items: center;
    height: auto;
    padding-top: 5em;
    padding-bottom: 5em;
    display: block;
    overflow: visible;
  }

  .container-15 {
    margin-top: 0;
    margin-bottom: 0;
  }

  .pride-gradient-1-36px {
    background-image: linear-gradient(to right, #3ac9dc, #ea3ef9 45%, #7886ff);
    margin-bottom: 14px;
    font-size: 32px;
    line-height: 39px;
  }

  .div-block-38 {
    flex-direction: column;
  }

  .div-block-38.mb-69 {
    flex-flow: column;
  }

  .pride-dark-gradient.pride-dark-gradient-text-link {
    background-color: #fff;
    background-image: none;
  }

  .image-64 {
    display: none;
  }

  .portfolio-div {
    flex-direction: row;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    align-content: stretch;
    align-items: stretch;
    display: none;
  }

  .div-block-39 {
    opacity: 1;
    margin-bottom: 0;
    margin-right: 0;
  }

  .div-block-40 {
    margin-bottom: 0;
    margin-right: 0;
  }

  .image-65 {
    display: none;
  }

  .image-65.mobile {
    display: block;
  }

  .image-66 {
    margin-top: 619px;
  }

  .image-66.mobile {
    margin-top: -28px;
    inset: 0% 0% auto auto;
  }

  .paragraph-9 {
    margin-bottom: 0;
    font-size: 14px;
    line-height: 160%;
  }

  .logo-container {
    justify-content: center;
    width: auto;
    height: auto;
    display: block;
  }

  .logo-container.bottom {
    max-height: none;
    margin-top: 24px;
    margin-left: 0;
    position: relative;
    left: -40px;
  }

  .logo-container.bottom-2 {
    width: 50%;
  }

  .about-header.pride-dark-gradient.tablet {
    font-size: 32px;
    line-height: 39px;
  }

  .container-1145.flex {
    padding-left: 0;
    padding-right: 0;
  }

  .container-1145.flex.mobile {
    align-self: flex-end;
    position: relative;
  }

  .div-block-44 {
    justify-content: flex-end;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .div-block-44.mobile {
    width: 100%;
    padding-right: 20px;
  }

  .div-block-44.mobile.story-3-mobile {
    text-align: left;
    justify-content: flex-end;
    width: auto;
    display: flex;
    position: relative;
  }

  .div-block-44.story-3 {
    opacity: 0;
    height: 100vh;
  }

  .heading-17.pride-muted-gradient-2 {
    display: none;
  }

  .heading-17.pride-muted-gradient-2.mobile {
    width: 70%;
    font-size: 32px;
    line-height: 39px;
    display: block;
    position: relative;
    left: 10%;
  }

  .paragraph-10.tablet {
    width: 70%;
    display: block;
    position: relative;
    left: 10%;
  }

  .heading-18.pride-muted-gradient-1 {
    white-space: normal;
    display: none;
  }

  .heading-18.pride-muted-gradient-1.mobile {
    text-align: left;
    width: 70%;
    font-size: 32px;
    line-height: 39px;
    display: block;
    position: relative;
    left: 10%;
  }

  .our-edge-section {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100vh;
    margin-bottom: 0;
    padding-left: 24px;
    padding-right: 24px;
    display: flex;
    overflow: visible;
  }

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

  .heading-20.pride-dark-gradient {
    font-size: 32px;
    line-height: 39px;
  }

  .paragraph-13 {
    font-size: 16px;
    line-height: 24px;
  }

  .flex-div.our-edge-desktop {
    display: none;
  }

  .our-edge-subheading {
    margin-bottom: 0;
    font-size: 16px;
    line-height: 20px;
  }

  .paragraph-14 {
    font-size: 14px;
    line-height: 17px;
  }

  .paragraph-14.our-team-paragraph {
    text-align: center;
    width: auto;
    font-size: 16px;
    line-height: 24px;
  }

  .div-block-48 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-width: 0;
    margin-bottom: 38px;
    display: flex;
  }

  .image-68 {
    opacity: 0;
    display: none;
  }

  .image-68.mobile {
    opacity: 1;
    width: 60%;
    margin-top: 0;
    display: block;
    position: relative;
    top: 80px;
    right: auto;
  }

  .image-69 {
    display: none;
  }

  .image-69.mobile {
    width: 29%;
    margin-top: 0%;
    margin-left: 0%;
    display: block;
    position: relative;
    top: auto;
    left: 95px;
    right: auto;
  }

  .image-70 {
    display: none;
  }

  .image-70.mobile {
    width: 32%;
    margin-top: 0%;
    margin-right: 0%;
    display: block;
    position: relative;
    top: -10%;
    left: -84px;
    right: auto;
  }

  .client-logo {
    width: 100%;
  }

  .image-71, .image-72 {
    max-width: 162px;
    position: absolute;
  }

  .image-73 {
    max-width: 162px;
    position: relative;
  }

  .grid-13.our-services-grid {
    grid-column-gap: 108px;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1.75fr;
    grid-auto-columns: auto;
  }

  .grid-14 {
    grid-column-gap: 4px;
    grid-row-gap: 3px;
    grid-template: "Area ." .25fr
                   "Area Area-2" .5fr
                   "Area-3 Area-2" .25fr
                   "Area-3 Area-4" .75fr
                   "Area-5 Area-5"
                   "Area-6 Area-6"
                   / 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .image-79 {
    width: 100%;
    height: 100%;
  }

  .image-80 {
    object-fit: cover;
    transition: all .2s;
  }

  .image-80:hover {
    transform: scale(1.1);
  }

  .image-81 {
    object-fit: cover;
    width: 100%;
    height: 100%;
    transition: all .2s;
  }

  .image-81:hover {
    transform: scale(1.1);
  }

  .grid-15 {
    grid-template: "Area"
                   "Area-3"
                   / 1fr;
    margin-bottom: 4em;
  }

  .paragraph-15 {
    text-align: center;
    justify-content: center;
    align-items: center;
    width: 50%;
    font-size: 16px;
    line-height: 24px;
    display: block;
  }

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

  .top-grid.desktop {
    display: block;
  }

  .bottom-grid.desktop, .mobile-grid {
    display: none;
  }

  .grid-18 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-rows: auto auto auto auto auto;
    grid-template-areas: "Area Area"
                         "Area-2 Area-2"
                         "Area-3 Area-4"
                         "Area-5 Area-5"
                         "Area-6 Area-7";
  }

  .div-block-51 {
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative;
    left: 0;
  }

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

  .mobile-clients-inner-container {
    display: block;
  }

  .mobile-clients-inner-container.owl-carousel {
    flex-wrap: nowrap;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    width: 100vw;
    margin-top: 53px;
    display: none;
  }

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

  .item {
    flex-flow: column;
    flex: none;
    place-content: center;
    align-items: center;
    display: flex;
  }

  .top-items {
    display: flex;
  }

  .top-items.owl-carousel {
    flex-flow: wrap;
    justify-content: center;
    align-items: center;
  }

  .bottom-items {
    display: flex;
  }

  .bottom-items.owl-carousel {
    justify-content: center;
    align-items: center;
  }

  .div-block-53 {
    flex-wrap: nowrap;
    flex: 0 auto;
    justify-content: center;
    align-self: auto;
    align-items: center;
    display: flex;
  }

  .two-item {
    flex: none;
    order: 0;
    justify-content: flex-start;
    align-self: auto;
    align-items: stretch;
    display: flex;
  }

  .grid-19 {
    display: none;
  }

  .about-bottom-story-section {
    justify-content: center;
    align-items: center;
    height: 100vh;
    padding-top: 0;
    padding-bottom: 0;
    display: flex;
  }

  .container-1125.flex {
    padding-left: 20px;
    padding-right: 20px;
  }

  .story-heading-gradient-1 {
    font-size: 32px;
    line-height: 39px;
  }

  .story-heading-gradient-1.gradient-3 {
    background-image: linear-gradient(to right, #3ac9dc, #ea3ef9 47%, #7886ff);
    display: none;
  }

  .story-heading-gradient-1.gradient-3.mobile {
    margin-bottom: 32px;
    display: block;
  }

  .story-heading-gradient-1.gradient-3.animate-gradient-2 {
    font-size: 32px;
    line-height: 39px;
    display: block;
  }

  .invite-section {
    justify-content: center;
    align-items: center;
    height: 100vh;
    padding-top: 0;
    padding-bottom: 0;
    display: flex;
  }

  .white-text-32.invite-section {
    height: auto;
    margin-bottom: 12px;
    font-size: 16px;
    line-height: 24px;
  }

  .invite-section-buttons {
    flex-direction: column-reverse;
    margin-top: 3em;
    display: flex;
  }

  .button-purple.invite-us-section.button-purple-gradient {
    background-image: linear-gradient(to right, #923d99, #465bc7 36%, #816ac4 68%, #5aa4e8);
    margin-bottom: 24px;
    margin-left: 0;
  }

  .div-block-59.parallax {
    height: auto;
    display: block;
  }

  .bottom-layer {
    z-index: 3;
    display: none;
  }

  .bottom-layer.fwd-tapp, .bottom-layer.ssm {
    float: none;
    clear: none;
  }

  .top-layer {
    display: none;
  }

  .top-layer.mobile {
    justify-content: center;
    align-items: center;
    display: none;
  }

  .top-layer.fwd-tapp, .top-layer.ssm {
    display: block;
  }

  .sticky {
    height: 100vh;
    position: sticky;
    overflow: visible;
  }

  .sticky-container {
    position: absolute;
  }

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

  .empty-block {
    display: none;
  }

  .center-align {
    justify-content: flex-start;
    height: 100vh;
  }

  .center-align.middle {
    height: 100vh;
  }

  .center-align.bottom {
    height: 100vh;
    max-height: none;
    overflow: visible;
  }

  .center-align.top {
    height: 100vh;
    max-height: none;
  }

  .logo-image-container-1 {
    margin-top: 20%;
  }

  .logo-image-container-2 {
    margin-top: 36%;
    margin-left: 25%;
  }

  .logo-image-container-3 {
    margin-top: 62%;
    margin-right: 23%;
  }

  .grid-21 {
    grid-template: "Area"
    / 1fr;
    margin-left: 16px;
    margin-right: 16px;
  }

  .collection-list-wrapper {
    margin-left: 0;
    margin-right: 0;
  }

  .image-94 {
    width: 60px;
    height: 60px;
  }

  .collection-list {
    grid-column-gap: 16px;
    grid-row-gap: 35px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    place-content: stretch;
    place-items: stretch center;
    margin-left: 0;
    margin-right: 0;
    display: grid;
  }

  .paragraph-16 {
    font-size: 14px;
    line-height: 22px;
  }

  .fwd-tapp-hero-bg-mobile {
    display: none;
    position: absolute;
    inset: auto 0% 0%;
  }

  .grid-layout-section {
    z-index: 4;
    background-color: #fff;
    background-image: linear-gradient(#ffb48980, #ffb48980);
    height: auto;
    padding: 20px;
    position: relative;
  }

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

  .case-study-sub-hero-section-mobile {
    display: none;
    position: relative;
    overflow: visible;
  }

  .first-phone-div {
    background-position: 0 100%;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    padding-top: 5em;
    padding-left: 2em;
    padding-right: 2em;
    display: flex;
    position: relative;
    overflow: hidden;
  }

  .first-phone-div.servbees {
    background-color: #221e54;
    background-image: none;
  }

  .second-phone-div {
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    height: 100vh;
    padding-top: 5em;
    padding-left: 2em;
    padding-right: 2em;
    display: flex;
    position: relative;
    overflow: hidden;
  }

  .story-3-mobile {
    align-items: stretch;
    display: flex;
  }

  .logo-and-name {
    margin-bottom: 12px;
    display: flex;
  }

  .ux-leader {
    display: block;
  }

  .logo {
    max-width: 70px;
    margin-right: 16px;
  }

  .name {
    align-self: center;
  }

  .div-block-63 {
    background-color: #0000;
    background-image: linear-gradient(#fff, #6deeff 48%, #bfe8ff);
    height: 1px;
  }

  .hr-3-color-white-blue {
    background-image: linear-gradient(to right, #fff, #6feeff 54%, #bfe8ff);
    height: 1px;
    max-height: 1px;
    margin-top: 48px;
    margin-bottom: 48px;
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
    display: block;
  }

  .grid-25 {
    grid-column-gap: 4px;
    grid-row-gap: 6px;
    grid-template: "Area-9 Area Area Area Area"
                   "Area-2 Area Area Area Area" 125px
                   "Area-3 Area-8 Area-8 . ."
                   "Area-4 Area-4 Area-6 Area-6 ."
                   "Area-5 Area-7 . . ."
                   / 125px 240px;
  }

  .div-block-64 {
    max-width: 240px;
  }

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

  .grid-26 {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
  }

  .masonry-grid {
    column-count: 3;
    object-fit: cover;
  }

  .image-103 {
    column-rule-style: none;
    column-rule-width: 0px;
    object-fit: fill;
    column-gap: 6px;
  }

  .imagegrid {
    white-space: normal;
    object-fit: fill;
    margin-bottom: 9px;
    position: static;
    overflow: visible;
  }

  .imagegrid._60p {
    height: 200px;
  }

  .mobile-our-team-grid {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    grid-template: ". Area-2 Area-2" .25fr
                   "Area Area-2 Area-2" .5fr
                   "Area-3 Area-2 Area-2" .25fr
                   "Area-3 Area-4 ." .5fr
                   / .75fr .75fr .5fr;
    padding-left: 5px;
    padding-right: 5px;
  }

  .mobile-team-grid-container {
    display: block;
    position: relative;
  }

  .div-block-70, .div-block-71 {
    padding-bottom: 0;
    padding-right: 0;
  }

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

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

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

  .grid-28 {
    grid-column-gap: 4px;
    grid-row-gap: 5px;
    grid-template: "Area Area Area Area-2 Area-2" 1fr
                   "Area-4 Area-4 Area-3 Area-3 Area-3" .75fr
                   ". . Area-3 Area-3 Area-3" .25fr
                   / 1fr .25fr .25fr .25fr 1fr;
    margin-top: 5px;
  }

  .div-block-74 {
    display: none;
  }

  .div-block-74.white-square-card {
    -webkit-text-fill-color: inherit;
    background-image: linear-gradient(#fff, #fff);
    background-clip: content-box;
  }

  .grid-29 {
    grid-column-gap: 15px;
    grid-row-gap: 16px;
    grid-template: "Area Area-2"
                   "Area Area-3"
                   / 1fr .5fr;
  }

  .div-block-75 {
    margin-right: 0;
    padding-left: 0;
    display: block;
  }

  .grid-30 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-columns: .5fr 1fr;
    grid-template-areas: "Area Area-2"
                         "Area-3 Area-2";
    margin-top: 16px;
    margin-bottom: 0;
  }

  .grid-31 {
    grid-template-columns: 1fr .5fr;
    grid-template-areas: "Area Area-2"
                         "Area Area-3";
  }

  .square-white-card {
    background-image: linear-gradient(#fff, #fff);
    border-radius: 12px;
    justify-content: center;
    align-items: center;
    display: flex;
    box-shadow: 6px 6px 22px 10px #fbba9580;
  }

  .image-105, .image-106, .image-107, .image-108, .image-109, .image-110, .image-111, .image-112, .image-113, .image-114 {
    height: 50%;
  }

  .fwd-tapp-profile-section {
    z-index: 2;
    background-image: linear-gradient(#183028, #183028);
    flex-direction: column;
    justify-content: space-between;
    height: 100vh;
    display: flex;
    position: relative;
  }

  .top-white-br-radius-64 {
    background-color: #fff;
    border-radius: 0 0 64px;
    justify-content: center;
    align-items: center;
    height: 45vh;
    padding: 10% 15%;
    display: flex;
  }

  .bottom-white-tr-radius-64 {
    background-color: #fff;
    border-top-left-radius: 64px;
    height: 45vh;
    padding: 5%;
  }

  .image-115 {
    object-fit: contain;
    width: 100%;
    height: 100%;
    padding-bottom: 0;
  }

  .image-116 {
    object-fit: contain;
    width: 100%;
    height: 100%;
  }

  .fwd-tapp-phone-3d-overview {
    background-image: url('../images/Group-3731.png');
    background-position: 0 100%;
    background-repeat: no-repeat;
    background-size: auto;
    background-attachment: scroll;
    display: block;
    position: relative;
    overflow: hidden;
  }

  .image-117 {
    object-fit: cover;
    width: 100%;
    height: 100%;
    position: absolute;
  }

  .fwd-tapp-phone-3d-overview-container {
    flex-direction: column;
    padding-top: 30%;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
  }

  .heading-22 {
    color: #fff;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 32px;
    font-weight: 700;
    line-height: 41px;
  }

  .image-118 {
    position: absolute;
    top: 50%;
    right: 10%;
  }

  .fwd-tapp-mobile-welcome-section {
    z-index: 5;
    display: block;
    position: relative;
  }

  .div-block-76 {
    flex-direction: column;
    display: block;
  }

  .div-block-77 {
    object-fit: fill;
    background-image: url('../images/fwd-tapp-mobile-welcome.png');
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: scroll;
    flex-direction: column;
    justify-content: center;
    padding-left: 0;
    padding-right: 0;
    display: flex;
    position: relative;
  }

  .image-119 {
    width: 100%;
    height: 100%;
    display: none;
    position: relative;
  }

  .heading-23 {
    margin-top: 0;
    margin-bottom: 0;
    font-family: Inter, sans-serif;
    font-weight: 500;
  }

  .text-block-7 {
    color: #183028;
    font-family: Inter, sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
  }

  .div-block-78 {
    padding-bottom: 4%;
    padding-left: 25px;
    padding-right: 25px;
    display: none;
    position: absolute;
    inset: auto 0% 0%;
  }

  .div-block-79 {
    background-color: #ffb48980;
    padding: 46px 20px;
  }

  .div-block-80 {
    background-color: #fff;
    border-radius: 24px;
    justify-content: center;
    align-items: center;
    padding: 75px 15px;
    display: flex;
  }

  .ux-nps-sections-mobile {
    display: block;
  }

  .div-block-81 {
    background-image: url('../images/Group-3733.png');
    background-position: 50% 100%;
    background-repeat: no-repeat;
    background-size: contain;
    height: 100vh;
  }

  .heading-24 {
    margin-top: 0;
    margin-bottom: 12px;
    font-family: Inter, sans-serif;
    font-size: 28px;
    line-height: 34px;
  }

  .text-block-8 {
    color: #183028;
  }

  .div-block-82 {
    margin-top: 0%;
    padding-top: 25%;
    padding-left: 20px;
    padding-right: 20px;
  }

  .div-block-83 {
    background-image: url('../images/Group-2217_1.png');
    background-position: 50% 90%;
    background-repeat: no-repeat;
    background-size: 70%;
    height: 100vh;
  }

  .list {
    margin-top: 24px;
  }

  .div-block-84 {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    flex-flow: column;
    padding-left: 4px;
    padding-right: 4px;
    display: flex;
  }

  .image-120 {
    opacity: .45;
  }

  .image-120:hover {
    opacity: .8;
  }

  .image-121 {
    opacity: .45;
  }

  .image-121:hover {
    opacity: .8;
  }

  .image-122 {
    opacity: .45;
    object-fit: cover;
    width: 100%;
    height: 578.563%;
  }

  .image-122:hover {
    opacity: .8;
  }

  .image-123 {
    margin-left: 14px;
    display: block;
  }

  .luxy-js-wrapper {
    display: block;
  }

  .footer-section {
    object-fit: fill;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    position: relative;
  }

  .footer-logo-container {
    display: none;
  }

  .process-icon-container {
    align-items: flex-start;
    display: flex;
  }

  .footer-details-container {
    flex: 0 auto;
    grid-template-columns: 1fr;
    justify-content: space-between;
    align-self: auto;
    justify-items: stretch;
    width: 100%;
    position: static;
  }

  .heading-26 {
    flex: 0 auto;
  }

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

  .text-block-10.desktop {
    font-weight: 400;
  }

  .text-block-10.mobile {
    font-weight: 400;
    line-height: 16px;
  }

  .sg-block, .ph-block {
    display: none;
  }

  .socials-block {
    justify-content: flex-start;
    align-items: center;
  }

  .footer-socials-link-block {
    margin-right: 12px;
  }

  .grid-32 {
    display: none;
  }

  .client-logo-div.wish-logo {
    height: 60px;
  }

  .client-logo-div.wish-logo.mobile-client-logo {
    height: 40px;
  }

  .client-logo-div.mobile-client-logo.hide {
    height: 40px;
    display: block;
  }

  .tablet-mobile-client-grid {
    grid-template-rows: auto auto auto auto auto;
    grid-template-columns: 1fr 1fr 1fr;
  }

  .tablet-mobile-client-grid-extra {
    display: none;
  }

  .slide {
    -webkit-text-fill-color: inherit;
    background-clip: border-box;
  }

  .slider {
    background-color: #0000;
    display: none;
  }

  .slide-nav {
    display: none;
  }

  .div-block-90 {
    display: block;
  }

  .div-block-90.desktop-home {
    display: none;
  }

  .div-block-90.mobile-home {
    display: block;
  }

  .grid-33 {
    display: none;
  }

  .blank-div-for-scroll-snap {
    height: 100vh;
  }

  .our-service-div-block, .our-service-div-block.scroll-snap {
    height: auto;
    position: relative;
  }

  .heading-muted-gradient-1 {
    font-size: 24px;
    line-height: 29px;
  }

  .text-muted-gradient-2 {
    font-size: 18px;
    line-height: 26px;
  }

  .paragraph-gray {
    font-size: 16px;
    line-height: 23px;
  }

  .table-of-contents-main-container {
    width: 90vw;
    margin-bottom: 20px;
    margin-right: 20px;
    padding-left: 2.5em;
    display: none;
  }

  .text-block-14 {
    font-size: 12px;
    line-height: 15px;
  }

  .desktop {
    display: none;
  }

  .mobile {
    display: block;
  }

  .div-block-91, .div-block-92 {
    justify-content: center;
  }

  .footer-logo-container-2 {
    display: none;
  }

  .fwd-orange-body {
    flex-direction: column;
    display: block;
    overflow: visible;
  }

  .h1-white-64._1 {
    margin-right: 12px;
    font-size: 30px;
    line-height: 36px;
  }

  .h1-white-64._2 {
    flex: 0 auto;
    align-self: auto;
    margin-bottom: 0;
    font-size: 30px;
    line-height: 36px;
  }

  .h1-white-48 {
    font-size: 30px;
    line-height: 36px;
  }

  .h1-white-48.center-align {
    justify-content: center;
    align-items: stretch;
    height: auto;
    font-size: 32px;
    line-height: 42px;
    display: none;
  }

  .h1-white-48.center-align.mobile {
    display: block;
  }

  .image-143 {
    width: 75px;
    margin-bottom: 13px;
    margin-left: 8px;
    margin-right: 8px;
  }

  .image-146 {
    opacity: .44;
    object-fit: cover;
    width: 100%;
    height: 100%;
    display: none;
    position: absolute;
    top: 0%;
  }

  .image-146._2 {
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 20% auto auto;
  }

  .collection-list-wrapper-2 {
    margin-top: 2em;
    margin-left: 0;
  }

  .careers-open-positions-mobile {
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .div-block-112 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    margin-top: 2em;
    margin-bottom: 2em;
    display: grid;
  }

  .div-block-113 {
    flex-direction: column;
  }

  .div-block-114 {
    opacity: 1;
    align-items: center;
    padding-top: 8em;
    padding-right: 0;
    position: static;
  }

  .div-block-114._2 {
    padding-left: 0;
    padding-right: 0;
    position: relative;
  }

  .h1-gradient-3-48._1 {
    width: 70%;
    font-size: 28px;
    line-height: 36px;
    position: relative;
    top: auto;
  }

  .h1-gradient-2-48._1 {
    align-self: center;
    width: 70%;
    font-size: 28px;
    line-height: 36px;
  }

  .icon-2 {
    display: none;
  }

  ._100vh-section {
    height: 100vh;
    display: block;
  }

  ._100vh-section.globe-one {
    display: block;
  }

  .full-bg-div {
    background-image: url('../images/new-mobile-bg.png');
  }

  .coming-soon-message-container {
    margin-top: 16em;
  }

  .div-block-116 {
    margin-bottom: 1em;
  }

  .text-light-gray-32 {
    font-size: 16px;
    line-height: 24px;
  }

  .image-150 {
    max-width: 177px;
  }

  .mask {
    margin-left: 0;
  }

  .paragraph-20 {
    font-size: 30px;
    line-height: 36px;
  }

  .paragraph-20.taking {
    letter-spacing: 0;
    font-size: 30px;
    line-height: 36px;
  }

  .paragraph-20.teching {
    margin-right: 4px;
  }

  .phone-case-study-sub-hero-section {
    z-index: 1;
    background-color: #0000;
    margin-top: 0;
    padding-top: 0;
    display: block;
    position: relative;
  }

  .section-20-top-div {
    z-index: 1;
    background-image: url('../images/Inner-Case-Study-Mobile_2.png'), linear-gradient(#a33afe, #9157fc 53%, #8965fc), url('../images/Group-3731.png');
    background-position: 0 0, 0 0, 0 100%;
    background-repeat: repeat, repeat, repeat-x;
    background-size: auto, auto, auto;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    padding: 2em;
    display: flex;
    position: relative;
    overflow: hidden;
  }

  .phone-image-2 {
    flex: 0 auto;
    width: 50%;
    margin-left: auto;
    margin-right: auto;
    display: block;
    overflow: visible;
  }

  .phone-image-2._2 {
    z-index: 1;
    object-fit: fill;
    background-color: #fff;
    width: 100%;
    height: auto;
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    top: 0;
  }

  .phone-image-2._1 {
    object-fit: contain;
    width: 100%;
    max-width: 20em;
    height: 100%;
    margin-top: 0;
  }

  .section-20-bottom-div {
    z-index: 2;
    grid-column-gap: 36px;
    grid-row-gap: 36px;
    background-color: #0000;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    height: 100vh;
    padding-top: 5em;
    padding-left: 0;
    padding-right: 0;
    display: flex;
    position: relative;
    overflow: hidden;
  }

  .globe-grid-section {
    display: none;
  }

  .grid-41 {
    grid-template: "."
                   "."
                   "."
                   / 1fr;
  }

  .image-155, .image-156 {
    object-fit: cover;
  }

  .div-block-121 {
    background-image: url('../images/Inner-Case-Study-Mobile-2.png');
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: scroll;
    height: 100%;
  }

  .div-block-122 {
    padding: 2em 2em 0;
  }

  .section-21, .job-positions-div {
    display: block;
  }

  .logo-and-tc-pp {
    justify-content: flex-start;
    align-items: center;
  }

  .shadow-filler {
    background-image: radial-gradient(circle at 50% 100%, #00000080, #0f0f0f78 45%, #fff0);
    width: 100%;
    padding-bottom: 0;
    padding-right: 0;
    position: absolute;
  }

  .mobile-story {
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    height: 50vh;
    display: flex;
  }

  .boxes-animation {
    flex-direction: column;
    align-items: center;
    height: 100vh;
    display: flex;
    position: relative;
  }

  .mobile-bg._1 {
    background-image: url('../images/Topo-1.png');
    background-position: 50% 100%;
    background-repeat: no-repeat;
    background-size: auto 65%;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
  }

  .mobile-bg._2 {
    background-image: url('../images/Mobo-1.png');
    background-position: 0 100%;
    background-repeat: no-repeat;
    background-size: auto 65%;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
  }

  .image-157 {
    object-fit: cover;
    height: 60%;
    position: relative;
  }

  .div-block-124 {
    grid-column-gap: 0px;
    grid-row-gap: 3em;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .image-158 {
    width: 160px;
    margin-bottom: 1em;
    display: block;
  }

  .offices-div {
    grid-column-gap: 0px;
    grid-row-gap: 2em;
    grid-template-columns: 1fr;
  }

  ._80vw-grid-split-2 {
    max-width: 90vw;
  }

  .h1-sb-blue-64 {
    font-size: 32px;
    line-height: 38px;
  }

  .text-sb-blue-18 {
    font-size: 14px;
    line-height: 22px;
  }

  ._80vw-grid-split-4 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 0;
    padding-right: 0;
    display: grid;
  }

  ._360-pixels-nav-logo-mobile {
    max-height: 34px;
    display: block;
  }

  .menu-button-2 {
    flex: 0 auto;
  }

  .block-container.buzzworthy {
    margin-top: 4em;
    margin-bottom: 4em;
  }

  .mobile-case-study-sub-hero-section {
    z-index: 1;
    display: block;
    position: relative;
  }

  .highlights-grid {
    grid-column-gap: 0px;
    grid-row-gap: 8px;
    grid-template-columns: 1fr;
    padding-left: 4px;
    padding-right: 4px;
  }

  .mobile-team-grid-1 {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    grid-template: ". Area-2 Area-2" .25fr
                   "Area Area-2 Area-2" .5fr
                   "Area-3 Area-2 Area-2" .25fr
                   "Area-3 Area-4 ." .5fr
                   / .75fr .75fr .5fr;
    grid-auto-columns: 1fr;
    padding-bottom: 5px;
    padding-left: 5px;
    padding-right: 5px;
    display: grid;
    position: relative;
  }

  .mobile-team-grid-2 {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    grid-template: "Area Area Area Area-2 Area-2" 1fr
                   "Area-3 Area-3 Area-4 Area-4 Area-4" .75fr
                   ". . Area-4 Area-4 Area-4" .25fr
                   / 1fr .25fr .25fr .25fr 1fr;
    grid-auto-columns: 1fr;
    place-content: stretch;
    place-items: stretch stretch;
    display: grid;
    position: relative;
  }

  .case-study-inner-hero-section-copy.fwd-tapp {
    z-index: 0;
    background-image: url('../images/Inner-Case-Study-Mobile.png');
    background-position: 50% 100%;
    background-size: cover;
    margin-top: 65px;
    position: relative;
  }

  .grid-49 {
    text-align: left;
    padding: 24px;
    display: block;
  }

  .grid-50 {
    display: block;
  }

  .center {
    justify-content: flex-start;
    align-items: center;
    height: auto;
    padding-top: 5em;
    padding-bottom: 5em;
    display: block;
    overflow: visible;
  }

  .center.white {
    padding: 20px 19px 19px;
  }

  .heading-13-copy.fwd-tapp {
    margin-bottom: 12px;
    font-size: 32px;
    line-height: 38px;
  }

  .heading-13-copy.globe-one, .heading-13-copy.fwd-edm {
    font-size: 50px;
  }

  .section-25 {
    max-height: none;
    padding-bottom: 76px;
    overflow: auto;
  }

  .column {
    padding-bottom: 20px;
  }

  .columns-2 {
    margin-top: -21vh;
  }

  .image-170 {
    max-width: 380px;
  }

  .column-2 {
    position: relative;
  }

  .phone-image-3 {
    flex: 0 auto;
    width: 50%;
    margin-left: auto;
    margin-right: auto;
    display: block;
    overflow: visible;
  }

  .phone-image-3.hero-bg {
    z-index: 0;
    align-self: center;
    width: 40%;
    margin-left: 0;
    margin-right: 0;
  }

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

  .section-20-top-div-2 {
    z-index: 1;
    background-image: url('../images/Inner-Case-Study-Mobile_2.png'), linear-gradient(#a33afe, #9157fc 53%, #8965fc), none;
    background-position: 0 0, 0 0, 0 100%;
    background-repeat: repeat, repeat, repeat-x;
    background-size: auto, auto, auto;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    padding: 2em;
    display: flex;
    position: relative;
    overflow: hidden;
  }

  .section-20-top-div-2.smo {
    background-color: #0000;
    background-image: none;
    height: 100%;
    padding-top: 14em;
    padding-bottom: 2rem;
  }

  .grid-56 {
    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;
  }

  .div-block-139 {
    padding: 37px;
  }

  .container-1150 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .section-30, .section-31 {
    display: block;
  }

  .image-block-section {
    grid-template-columns: 1fr;
    display: flex;
  }

  .combined-hero-section {
    background-color: #fff;
    background-image: url('../images/combined-mobile-bg.png');
    background-position: 0 0;
    background-size: 100%;
    height: 100%;
    padding-bottom: 0;
  }

  .heading-38 {
    font-size: 16px;
    line-height: 145%;
  }

  .grid-2-col {
    grid-column-gap: 36px;
    grid-row-gap: 36px;
  }

  .grid-2-col.success-stories {
    display: block;
  }

  .image-194 {
    object-fit: contain;
  }

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

  .body-4 {
    background-color: #0a0adc;
  }

  .bold-text-20 {
    line-height: 100%;
  }

  .bold-text-21 {
    font-size: 16px;
    line-height: 145%;
  }

  .menu-column {
    border-color: #000 #fff #fff;
    border-top-style: none;
    border-top-width: 1px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    min-height: 350px;
  }

  .menu-column.middle {
    border-top: 1px #000;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
  }

  .image-199 {
    object-fit: contain;
    width: 100%;
    max-width: 27em;
    margin-top: 0;
  }

  .bold-text-22, .bold-text-23 {
    line-height: 100%;
  }

  .footer-container {
    padding-left: 20px;
    padding-right: 20px;
  }

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

  .image-201 {
    width: 30%;
    display: none;
  }

  .image-202 {
    display: none;
  }

  .bold-text-26, .bold-text-27, .bold-text-28 {
    font-weight: 300;
  }
}

@media screen and (max-width: 479px) {
  .container.story {
    padding-left: 0;
    padding-right: 0;
  }

  .pride-h1 {
    font-size: 12px;
    line-height: 0;
  }

  .pride-h1.pride-short-gradient.animate-gradient-1 {
    font-size: 24px;
  }

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

  .heading-5.home-page-hero-heading {
    white-space: break-spaces;
    flex-wrap: nowrap;
    flex: none;
    align-self: auto;
    display: none;
    position: static;
    overflow: visible;
  }

  .heading-5.home-page-hero-heading.mobile {
    display: block;
  }

  .pride-paragraph.careers-job-description {
    text-align: left;
    font-size: 16px;
    line-height: 24px;
  }

  .container-4 {
    flex-direction: row-reverse;
    justify-content: space-between;
    align-self: auto;
    display: block;
  }

  .container-4.transparent {
    flex-direction: row;
    justify-content: space-between;
    width: auto;
    margin-right: 0;
  }

  ._360-pixels-nav-logo {
    max-width: 100%;
    max-height: 34px;
    padding-top: 0;
    padding-bottom: 0;
    display: block;
  }

  ._360-pixels-nav-logo.mobile {
    display: none;
  }

  .brand-2 {
    padding-left: 0;
    display: block;
  }

  .grid-3.our-process.owl-carousel.owl-theme {
    max-width: 100vw;
  }

  .div-block-3.hero-heading-left-block {
    flex-wrap: nowrap;
    align-items: stretch;
  }

  .pride-h3 {
    font-size: 24px;
    line-height: 32px;
  }

  .careers-open-positions-section {
    display: none;
  }

  .pride-hr {
    margin-top: 3em;
    margin-bottom: 3em;
  }

  .container-9 {
    padding-left: 1em;
    padding-right: 1em;
  }

  .form-3 {
    grid-column-gap: 24px;
    grid-row-gap: 32px;
    grid-template: "Area-3"
                   "Area-4"
                   "Area-6"
                   "Area"
                   "Area-2"
                   "Area-5"
                   / 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .white {
    font-size: 16px;
    font-weight: 200;
    line-height: 24px;
  }

  .image-30 {
    width: 122px;
    height: 122px;
  }

  .div-block-6.hero-heading-right-block {
    white-space: pre-wrap;
    flex-wrap: nowrap;
    padding-left: 0;
    display: flex;
  }

  .div-block-10.top-highlight.parallax.mobile-hide {
    height: 300px;
    display: none;
  }

  .heading-10 {
    font-size: 32px;
    line-height: 38px;
  }

  .white-paragraph {
    font-size: 14px;
    line-height: 24px;
    display: none;
  }

  .white-paragraph.mobile {
    display: block;
  }

  .bottom-section-heading.pride-gradient-3 {
    width: 80%;
  }

  .bottom-section-paragraph.white-text {
    width: 90%;
  }

  .heading-12.pride-gradient-1 {
    width: 100%;
  }

  .heading-12.pride-gradient-1.animate-gradient-1 {
    font-size: 24px;
    line-height: 32px;
  }

  .case-study-filter-div {
    width: 100%;
  }

  .case-study-filter {
    width: 100%;
    min-width: 0;
  }

  .case-studies-content-section {
    padding-left: 1em;
    padding-right: 1em;
  }

  .case-study-title-div {
    justify-content: flex-start;
  }

  .case-study-quote-section {
    margin-left: 0;
    margin-right: 0;
    padding-left: 1em;
    padding-right: 1em;
  }

  .div-block-20 {
    width: 100%;
    min-width: 0;
  }

  .image-53 {
    margin-left: 1em;
    margin-right: 1em;
    display: block;
  }

  .image-54 {
    margin-right: 22px;
  }

  .case-study-inner-hero-section.fwd-tapp {
    background-image: url('../images/cs-fwd-tapp-hero-bg-mobile-new.png');
    background-position: 50% 100%;
    background-size: cover;
  }

  .case-study-inner-hero-section.fwdedm {
    background-position: 50%;
    height: 170vh;
  }

  .case-study-inner-hero-section.smo {
    z-index: 2;
    background-image: none;
    height: 100vh;
    position: relative;
  }

  .case-study-inner-hero-container {
    justify-content: space-around;
  }

  .case-study-inner-hero-container.globe-one {
    max-width: none;
    height: auto;
  }

  .case-study-inner-hero-container.phone {
    max-width: 1145px;
    height: 100vh;
  }

  .case-study-inner-hero-container.fwdedm {
    height: 100%;
    margin-bottom: 65px;
  }

  .heading-13 {
    font-size: 36px;
    line-height: 48px;
  }

  .heading-13.globe-one {
    font-size: 50px;
  }

  .heading-13.fwd-edm {
    margin-bottom: 8px;
    font-size: 48px;
  }

  .heading-13.fwd-edm-copy, .heading-13.paypal {
    font-size: 50px;
  }

  .div-block-21 {
    flex: 0 auto;
    align-items: stretch;
    height: 100%;
  }

  .div-block-21.globe {
    margin-bottom: 20%;
  }

  .div-block-21.fwd {
    margin-top: 33%;
    margin-bottom: 20%;
  }

  .case-study-sub-hero-section.ssm {
    display: none;
  }

  .case-study-sub-hero-section.smo {
    z-index: 2;
  }

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

  .top-div-bg.ssm {
    display: none;
  }

  .top-div-bg.punchey-copy {
    height: auto;
  }

  .div-block-28 {
    display: none;
  }

  .phone-image {
    flex: none;
    width: 90%;
    max-width: 100%;
    margin-top: 0;
  }

  .phone-image.hero-bg {
    width: 65%;
    overflow: visible;
  }

  .phone-image.mobile {
    flex: none;
    align-self: center;
    display: block;
  }

  .phone-image._1 {
    width: 70%;
    height: auto;
    display: block;
  }

  .phone-image._2 {
    width: 100%;
    display: block;
  }

  .heading-14 {
    line-height: 33px;
  }

  .heading-14.bottom.smo {
    white-space: normal;
    width: 100%;
    display: flex;
    position: static;
  }

  .paragraph-7, .paragraph-7.bottom.fwd-tapp-copy {
    display: block;
  }

  .paragraph-7.bottom.smo {
    padding-left: 0;
    font-size: 14px;
    line-height: 24px;
  }

  .paragraph-7.bottom.smo.list {
    padding-left: 20px;
  }

  .paragraph-7.bottom.smo.mobile {
    padding-left: 20px;
    padding-right: 20px;
  }

  .paragraph-7.tablet {
    font-size: 14px;
    line-height: 17px;
    overflow: visible;
  }

  .paragraph-7.smo {
    display: none;
  }

  .div-block-31.top {
    width: 100%;
    display: none;
  }

  .div-block-31.top.mobile {
    overflow: visible;
  }

  .div-block-31.top.mobile._2 {
    justify-content: space-around;
  }

  .div-block-31.top.smo {
    height: 100%;
    display: block;
  }

  .div-block-31.top.smo.how-we-tech {
    background-color: #0000;
    flex: none;
    height: auto;
    position: relative;
  }

  .div-block-31.top.mobile {
    flex: none;
    padding-right: 0;
    display: flex;
    overflow: visible;
  }

  .div-block-32 {
    display: block;
  }

  .div-block-33 {
    width: 100%;
    display: block;
  }

  .div-block-34 {
    display: none;
  }

  .div-block-34.mobile {
    flex-wrap: nowrap;
    flex: none;
    align-items: center;
    width: 75%;
    margin-top: 20%;
    display: flex;
  }

  .solution-section.ssm {
    display: block;
  }

  .solution-section.smo {
    padding-left: 0;
    padding-right: 0;
  }

  .solution-section.smo.success-stories {
    background-size: cover;
    height: 110vh;
    padding-top: 2em;
    padding-left: 20px;
    padding-right: 20px;
  }

  .solution-section.smo.last {
    padding-top: 4em;
    padding-left: 20px;
    padding-right: 20px;
  }

  .container-13 {
    max-width: none;
  }

  .heading-16.smo {
    font-family: Inter, sans-serif;
    line-height: 100%;
  }

  .paragraph-8.servbees {
    width: auto;
  }

  .paragraph-8.smo.mb-36 {
    font-size: 14px;
    line-height: 140%;
  }

  .div-block-35 {
    padding-top: 0;
    padding-right: 0;
  }

  .div-block-35.paypal {
    width: auto;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
    display: block;
  }

  .div-block-35.servbess {
    padding: 18px;
  }

  .div-block-35.smo {
    padding-left: 0;
    padding-right: 0;
  }

  .div-block-35.smo.what-we-did {
    padding-left: 20px;
    padding-right: 20px;
  }

  .image-60.paypal {
    margin-top: 0;
    margin-bottom: 20px;
  }

  .text-block-6 {
    font-size: 12px;
    line-height: 28.5px;
  }

  .container-15 {
    margin-top: 0;
    margin-bottom: 0;
  }

  .div-block-39, .div-block-40 {
    margin-bottom: 0;
  }

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

  .div-block-44.story-3 {
    height: 100vh;
  }

  .heading-17.pride-muted-gradient-2.mobile {
    font-size: 32px;
  }

  .paragraph-10.tablet {
    font-size: 16px;
  }

  .heading-18.pride-muted-gradient-1.mobile {
    margin-bottom: 12px;
    font-size: 28px;
    line-height: 36px;
  }

  .our-edge-section {
    overflow: hidden;
  }

  .our-edge-subheading {
    font-size: 16px;
    line-height: 20px;
  }

  .image-68.mobile {
    width: 60%;
    position: relative;
  }

  .image-69.mobile {
    width: 29%;
  }

  .image-70.mobile {
    width: 32%;
  }

  .image-71, .image-72 {
    width: 122px;
    height: 122px;
  }

  .grid-14 {
    grid-template-rows: .25fr .75fr .25fr 1fr auto auto;
  }

  .paragraph-15 {
    width: 90%;
  }

  .top-grid.desktop {
    display: block;
  }

  .bottom-grid.desktop {
    display: none;
  }

  .container-1125.flex-center-vertical {
    padding-left: 8px;
    padding-right: 8px;
  }

  .story-heading-gradient-1.gradient-3.animate-gradient-2 {
    width: 100%;
  }

  .invite-section-buttons {
    flex-direction: column-reverse;
    flex: 0 auto;
    align-self: center;
    margin-top: 3em;
    display: flex;
  }

  .button-purple.invite-us-section.button-purple-gradient {
    background-image: linear-gradient(to right, #923d99, #465bc7 31%, #816ac4 64%, #5aa4e8);
    margin-bottom: 24px;
    margin-left: 0;
  }

  .bottom-layer {
    z-index: 3;
  }

  .top-layer.mobile, .empty-block {
    display: none;
  }

  .logo-image-container-1 {
    margin-top: 20%;
  }

  .logo-image-container-2 {
    margin-top: 38%;
    margin-left: 29%;
  }

  .logo-image-container-3 {
    margin-top: 66%;
    margin-right: 25%;
  }

  .collection-list-wrapper {
    margin-left: 0;
    margin-right: 0;
  }

  .image-94 {
    width: 60px;
    height: 60px;
  }

  .image-95 {
    object-fit: contain;
    height: auto;
  }

  .fwd-tapp-hero-bg, .fwd-tapp-hero-bg-mobile {
    display: none;
  }

  .first-phone-div {
    justify-content: space-around;
    padding-top: 20%;
  }

  .first-phone-div.servbees {
    height: 100%;
    padding-top: 5%;
  }

  .second-phone-div {
    height: 100vh;
  }

  .second-phone-div.servbees {
    height: auto;
    padding-top: 2em;
    padding-bottom: 2em;
  }

  .story-3-mobile {
    position: relative;
  }

  .logo {
    align-self: center;
  }

  .div-block-65 {
    height: auto;
  }

  .grid-29 {
    grid-column-gap: 17px;
    grid-row-gap: 16px;
  }

  .grid-30 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-columns: .5fr 1fr;
  }

  .square-white-card {
    padding: 0%;
  }

  .top-white-br-radius-64 {
    align-items: flex-end;
    height: 49vh;
    padding: 5%;
  }

  .bottom-white-tr-radius-64 {
    height: 49vh;
  }

  .image-115 {
    padding-bottom: 0;
    padding-right: 0;
  }

  .fwd-tapp-phone-3d-overview {
    background-color: #e9781c;
    height: auto;
  }

  .fwd-tapp-phone-3d-overview-container {
    justify-content: flex-start;
    height: 100vh;
    padding-top: 30%;
    overflow: hidden;
  }

  .heading-22 {
    font-family: Inter, sans-serif;
    font-weight: 500;
  }

  .image-118 {
    object-fit: fill;
    max-width: 100%;
    display: block;
    position: absolute;
    top: 50%;
    right: 10%;
    overflow: visible;
  }

  .heading-23 {
    font-size: 25px;
    font-weight: 600;
    line-height: 31px;
  }

  .div-block-78 {
    padding-left: 10px;
    padding-right: 15px;
  }

  .div-block-81 {
    background-image: url('../images/Group-2283.png');
    background-position: 50% 100%;
    background-size: contain;
  }

  .div-block-82 {
    padding-top: 25%;
  }

  .div-block-83 {
    background-position: 50% 90%;
  }

  .list {
    margin-top: 24px;
  }

  .footer-section {
    padding-left: 20px;
    padding-right: 20px;
  }

  .footer-section.black-bg {
    padding-left: 12px;
    padding-right: 12px;
  }

  .process-icon-container {
    object-fit: contain;
    width: 122px;
    height: 122px;
  }

  .image-127 {
    top: -4px;
    left: 8px;
    right: auto;
  }

  .icon-overflow-container {
    width: 122px;
    height: 122px;
  }

  .footer-details-container {
    width: 100%;
  }

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

  .text-block-10.mobile {
    text-align: left;
  }

  .client-logo-div.wish-logo {
    height: 50px;
  }

  .tablet-mobile-client-grid {
    margin-bottom: 1em;
    padding-left: 1em;
    padding-right: 1em;
  }

  .heading-muted-gradient-1 {
    font-size: 24px;
    line-height: 29px;
  }

  .table-of-contents-main-container {
    margin-right: 12px;
  }

  .h1-white-64._1 {
    margin-left: 16px;
  }

  .h1-white-64._2 {
    display: none;
  }

  .h1-white-64._2.b {
    margin-bottom: 15px;
    display: block;
  }

  .list-2 {
    padding-left: 20px;
  }

  .text-coal-18 {
    width: auto;
  }

  .section-11, .section-12.riderev {
    display: none;
  }

  .grid-34 {
    display: block;
  }

  ._25vh-div {
    height: 100%;
  }

  .h1-mint-48 {
    font-size: 30px;
    line-height: 36px;
  }

  .section-13.rr {
    display: none;
  }

  .image-139 {
    width: 100%;
  }

  .section-14 {
    display: none;
  }

  .section-15 {
    max-width: 100vw;
  }

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

  .section-17 {
    height: 100%;
  }

  ._40vh-div.blue {
    height: auto;
    padding: 24px;
  }

  ._60vh.light-gray, ._60vh.light-gray-copy {
    height: auto;
  }

  ._1175-grid-split {
    max-width: none;
    display: block;
  }

  ._1175-grid-split.punchey {
    padding-top: 0;
  }

  .h1-coal-48.m-b-24 {
    max-height: 100%;
  }

  .h1-coal-48.m-b-24-copy {
    max-height: 100%;
    font-size: 28px;
    line-height: 33px;
  }

  .image-142 {
    width: 100%;
    display: none;
  }

  .div-block-106 {
    max-width: none;
  }

  .ig-story-carousel-container.owl-carousel.owl-theme, .grid-35 {
    display: block;
  }

  .list-3.m-b-30 {
    padding-left: 20px;
  }

  .h1-red-48 {
    font-size: 30px;
    line-height: 36px;
  }

  .image-146 {
    display: none;
  }

  .div-block-108 {
    align-items: flex-start;
  }

  .collection-list-wrapper-2 {
    margin-top: 2em;
    margin-left: 0;
  }

  .div-block-114 {
    padding-right: 0;
  }

  .div-block-114._2 {
    padding-left: 0;
  }

  .h1-gradient-3-48._1, .h1-gradient-2-48._1 {
    text-align: center;
    width: 100%;
  }

  .image-148 {
    object-fit: cover;
  }

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

  .video-div {
    width: 100%;
    height: 100%;
  }

  ._100vh-section {
    height: auto;
    display: block;
  }

  .image-150 {
    margin-bottom: 1em;
  }

  .mask {
    justify-content: flex-start;
    align-items: stretch;
    margin-right: 0;
  }

  .paragraph-20.taking {
    letter-spacing: 0;
  }

  .paragraph-20.teching._2 {
    width: 6px;
    margin-right: 2px;
  }

  .phone-case-study-sub-hero-section {
    margin-top: 0;
    padding-top: 0;
  }

  .section-20-top-div {
    background-image: url('../images/Inner-Case-Study-Mobile_2.png'), linear-gradient(#a33afe, #9157fc 53%, #8965fc), url('../images/Group-3731.png');
    background-position: 0 0, 0 0, 0 100%;
    background-repeat: repeat, repeat, repeat-x;
    background-size: auto, auto, auto;
    justify-content: space-around;
    padding-top: 2em;
  }

  .phone-image-2 {
    flex: none;
    width: 90%;
    display: none;
  }

  .phone-image-2._2 {
    background-color: #0000;
    height: auto;
    margin-top: 0;
    display: block;
    position: static;
  }

  .phone-image-2._1 {
    object-fit: cover;
    flex: 1;
    max-width: 15em;
    height: auto;
    display: block;
  }

  .section-20-bottom-div {
    grid-column-gap: 36px;
    grid-row-gap: 36px;
    background-color: #0000;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    justify-content: flex-start;
    height: 100vh;
    padding-top: 0;
    display: flex;
  }

  .section-21 {
    position: relative;
  }

  .list-item-white-text {
    font-size: 14px;
    line-height: 16px;
  }

  .logo-and-tc-pp {
    width: 100%;
  }

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

  .mobile-bg {
    background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
    background-position: 0 0;
    background-size: auto;
    width: 100%;
    height: 100%;
    position: absolute;
  }

  .mobile-bg._1 {
    background-image: url('../images/image-101.png');
    background-position: 50% 100%;
    background-repeat: no-repeat;
    background-size: auto 65%;
  }

  .mobile-bg._2 {
    background-image: url('../images/image-101-1.png');
    background-position: 0 100%;
    background-repeat: no-repeat;
    background-size: auto 65%;
  }

  .office-div {
    align-items: flex-start;
  }

  .mobile-phone-image {
    object-fit: fill;
  }

  ._360-pixels-nav-logo-mobile {
    display: none;
  }

  ._40vh.masonry-servbees {
    height: 100%;
    display: block;
  }

  .image-block {
    width: 230px;
  }

  .center-content-div._90percent-width {
    width: 95%;
  }

  ._50percent-horizontal {
    width: 100%;
    height: 100%;
  }

  .flex-horizontal, .div-block-126 {
    display: block;
  }

  ._70vh, .mobile-case-study-sub-hero-section.servbees {
    height: 100%;
  }

  .case-study-inner-hero-section-copy.fwd-tapp {
    background-image: url('../images/cs-fwd-tapp-hero-bg-mobile-new.png');
    background-position: 50% 100%;
    background-size: cover;
  }

  .case-study-inner-hero-section-copy.paypal {
    height: auto;
    padding-bottom: 20px;
  }

  .grid-46, .grid-49, .grid-50 {
    display: block;
  }

  .center.white, .center.gray {
    padding-top: 0;
    padding-bottom: 0;
  }

  .heading-16-copy.servbees {
    width: auto;
  }

  .heading-13-copy.globe-one, .heading-13-copy.fwd-edm {
    font-size: 50px;
  }

  .heading-13-copy.fwd-edm-copy {
    margin-bottom: 16px;
  }

  .container-1149 {
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .grid-51, .grid-52 {
    display: block;
  }

  .section-25 {
    padding-bottom: 64px;
  }

  .column {
    margin-top: -288px;
  }

  .image-170 {
    max-width: 280px;
  }

  .column-2 {
    padding-left: 0;
    padding-right: 0;
  }

  .phone-image-3 {
    flex: none;
    width: 90%;
    display: none;
  }

  .phone-image-3.hero-bg {
    width: 65%;
    overflow: visible;
  }

  .section-20-top-div-2 {
    background-image: url('../images/Inner-Case-Study-Mobile_2.png'), linear-gradient(#a33afe, #9157fc 53%, #8965fc), none;
    background-position: 0 0, 0 0, 0 100%;
    background-repeat: repeat, repeat, repeat-x;
    background-size: auto, auto, auto;
    justify-content: space-around;
    padding-top: 2em;
  }

  .section-20-top-div-2.smo {
    padding-top: 0;
  }

  .image-174, .image-175 {
    display: none;
  }

  .grid-56 {
    text-align: center;
    display: block;
  }

  .section-26 {
    padding: 37px;
  }

  .div-block-139 {
    padding: 20px;
  }

  .image-179 {
    display: block;
  }

  .section-28, .div-block-141 {
    display: none;
  }

  .div-block-143 {
    margin-top: 54px;
  }

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

  .image-181 {
    padding-bottom: 0;
  }

  .image-181.logo.mobile {
    max-width: 100%;
    padding: 10px 0;
  }

  .image-182, .image-183, .image-184 {
    margin-bottom: 20px;
  }

  .logomobile {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .div-block-145 {
    margin-top: 5%;
  }

  .image-187, .image-188 {
    display: block;
  }

  .image-189 {
    display: none;
  }

  .image-190, .image-191 {
    display: block;
  }

  .div-block-146.pink, .div-block-146.green, .div-block-146.yellow {
    padding-top: 20px;
  }

  .section-29 {
    display: block;
  }

  .section-30 {
    background-position: 50% 100%;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .div-block-152, .div-block-153 {
    max-width: 100vw;
  }

  .div-block-154 {
    padding-bottom: 0;
  }

  .section-12-mobile {
    max-width: 100vw;
    margin-top: 67px;
    display: block;
  }

  .section-13-mobile {
    max-width: 100vw;
    padding: 0;
    display: block;
  }

  .section-14-mobile {
    padding: 40px 0 0;
    display: block;
  }

  .div-block-156 {
    padding: 25px;
  }

  .image-193 {
    max-width: 100vw;
  }

  .section-33 {
    display: none;
  }

  .section-11-mobile {
    margin-top: 57px;
    display: block;
  }

  .image-140-copy {
    display: block;
  }

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

  .div-block-161 {
    padding-top: 0;
    padding-bottom: 0;
  }

  .section-33-mobile, .case-study-sub-hero-mobile {
    display: block;
  }

  .div-block-106-copy {
    max-width: none;
    padding: 24px;
  }

  .div-block-162 {
    padding: 24px;
  }

  .image-142-copy {
    width: 100%;
  }

  .div-block-163 {
    padding-bottom: 0;
    display: block;
  }

  .section-34, .section-35, .section17mobile, .div-block-164, .section-36 {
    display: block;
  }

  .image-142-copy {
    background-color: #f4f4f4;
    width: 100%;
    max-width: none;
    display: block;
  }

  .div-block-165 {
    background-color: #f4f4f4;
    padding-left: 0;
    padding-right: 0;
  }

  .combined-hero-section {
    background-color: #fff;
    background-image: url('../images/2_3.png');
    background-position: 100% 0;
    background-size: 100%;
  }

  .heading-38 {
    font-family: Inter, sans-serif;
  }

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

  .body-4 {
    background-color: #0000;
  }

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

  .image-199 {
    max-width: 19em;
    margin-top: 0;
  }

  .bold-text-22 {
    line-height: 36px;
  }

  .image-200 {
    z-index: 1;
    position: absolute;
  }

  .footer-container {
    padding-left: 0;
    padding-right: 20px;
  }

  .image-201 {
    width: 40%;
  }
}

#w-node-_14c4e492-1d51-0c7b-5c46-d9586367820c-833b46d3 {
  order: -9999;
}

#w-node-_85c34b77-0ead-8b8a-6a8e-8c5d53f26b0b-833b46d3 {
  grid-area: Area;
  place-self: stretch stretch;
}

#w-node-dde1dd06-99e6-a4cb-24d7-4f38162f6225-833b46d3 {
  grid-area: Area-2;
  place-self: stretch stretch;
}

#w-node-_7dfe7064-472c-6c0a-6929-29fb67b19f48-833b46d3 {
  grid-area: Area-3;
  place-self: stretch stretch;
}

#w-node-ea9669c3-eea6-acb4-3c57-3ffc6504a4e3-833b46d3 {
  grid-area: Area-4;
  place-self: stretch stretch;
}

#w-node-_6d7b1c9d-0db0-3c02-d810-f7a0a35f452f-833b46d3 {
  grid-area: Area-5;
  place-self: stretch stretch;
}

#w-node-_6bad8630-2b8d-7059-d6d6-267607a13b41-833b46d3 {
  grid-area: Area-6;
  place-self: stretch stretch;
}

#w-node-b8dcf689-6f58-9b7b-c1e1-30ecd2763be8-833b46d3 {
  grid-area: Area-7;
  place-self: stretch stretch;
}

#w-node-a7640d12-dc81-fde1-18cd-43d752854697-833b46d3 {
  grid-area: Area-7;
}

#w-node-_263ea31e-9110-a13a-1afd-a62fdd897969-833b46d3 {
  grid-area: Area-5;
}

#w-node-_031e324d-5c29-7689-6374-b6e682309400-833b46d3 {
  grid-area: Area-6;
}

#w-node-d026ae1a-43bb-548b-31d3-41bf7dcb2e00-833b46d3 {
  grid-area: Area;
}

#w-node-_9011f11d-5628-a5ad-c0ea-663676a6d73b-833b46d3 {
  grid-area: Area-3;
}

#w-node-_7997845b-4f56-a0c2-9555-99cfc6ce9769-833b46d3 {
  grid-area: Area-4;
}

#w-node-_6983e5ce-ef0b-13a5-4ab7-adcd59e10450-833b46d3 {
  grid-area: Area-2;
}

#w-node-_9e44a647-d0d1-91c6-c40d-5b0582a5e301-833b46d3 {
  grid-area: Area;
}

#w-node-_4bffe4f1-16ef-194e-bf20-83dc109dce52-833b46d3 {
  grid-area: Area-2;
}

#w-node-a4c3af15-c943-92d9-ec69-dc59d4edcb31-833b46d3 {
  grid-area: Area-3;
}

#w-node-c785398c-7e2c-81c2-4b3d-a314738a90dc-833b46d3 {
  grid-area: Area-4;
}

#w-node-_612cb4c9-b622-1a5d-100c-ce0cbccc216d-833b46d3 {
  grid-area: Area;
}

#w-node-bbbfab9e-f778-ac47-8ef7-65c6e2fe50be-833b46d3 {
  grid-area: Area-2;
}

#w-node-_59f86491-6497-49e8-4a4f-0c52ec35e127-833b46d3 {
  grid-area: Area-3;
}

#w-node-_40420c88-e6b0-3ac6-e3be-88f6c42146f0-833b46d3 {
  order: -9999;
  place-self: auto;
}

#w-node-_885597b3-4ce6-49e6-38d9-397e2a488b40-833b46d3 {
  grid-area: Area-3;
}

#w-node-_79451b0b-cdf8-2ec9-3389-79f074d89dc9-833b46d3 {
  order: -9999;
  place-self: auto;
}

#w-node-_66dc555a-fd0e-7440-b260-db1fda8da067-833b46d3, #w-node-_2013b103-5296-ee2f-1331-255a88402870-833b46d3 {
  order: -9999;
}

#Message.w-node-_4ef3f532-92b4-1f1e-9c58-af7b668e19b7-833b46d3 {
  grid-area: Area;
}

#w-node-_1dfc7b08-79c2-9de5-ecf5-656d0aa08e5c-833b46d3 {
  grid-area: 4 / 1 / 5 / 2;
}

#w-node-_19cc4633-c8db-1d71-e9fc-25c0ea7f7cec-d1d3f816 {
  grid-area: Area;
}

#w-node-_451c671a-26c1-c107-836d-5de2f4579fc7-d1d3f816 {
  grid-area: Area-2;
}

#w-node-_7cee4a81-d12b-1c71-0b50-8c98bfed16c1-d1d3f816 {
  grid-area: Area-3;
}

#w-node-d359762d-6682-c7be-ec3d-cc7dc24e31af-5b1cda9c {
  place-self: auto end;
}

#w-node-_51d409b5-0f48-eb38-dc57-ee467ac5566e-5b1cda9c, #w-node-_78169a5a-bafa-5f27-a0c7-4fef7ca25f8c-5b1cda9c, #w-node-a36f4c2f-ef53-895e-a0e9-4a1c33791ed5-5b1cda9c, #w-node-_1fe0e5c7-d3bc-f417-9724-46d7114f95db-5b1cda9c, #w-node-_957cfbae-fd93-1687-f1b6-0763f2f539ad-5b1cda9c {
  place-self: stretch stretch;
}

#w-node-_8acb2941-3c80-0b74-00f8-609a8b12b987-67821fab {
  grid-area: Area;
  align-self: end;
}

#w-node-_87778fd1-4457-6ec8-0091-fe77953e2930-67821fab {
  grid-area: Area-2;
}

#w-node-a2b2fd5e-67b8-394a-0909-2744ddad9632-67821fab {
  grid-area: Area-3;
  place-self: end;
}

#w-node-_6db4597a-9651-0627-f4bb-16d5cad9301c-67821fab {
  grid-area: Area-4;
  align-self: start;
}

#w-node-_034eea40-32ea-5af6-0b62-f9b52e3c6865-67821fab {
  grid-area: Area-5;
  place-self: end;
}

#w-node-d4857eaf-b292-ae6d-f20c-5b7eef638c91-67821fab {
  grid-area: Area-6;
  align-self: start;
}

#w-node-_4d9d5159-5e1d-7593-d5f2-6af0abd3dcf7-67821fab {
  grid-area: Area-7;
  align-self: end;
}

#w-node-c6d739c2-c4f6-7da1-dc68-b947e15a01b8-67821fab {
  grid-area: Area-8;
  align-self: auto;
}

#w-node-_04864639-f29c-2554-6f69-6f43d7f4824d-67821fab {
  grid-area: Area-13;
}

#w-node-_43848a87-f28b-b389-dd99-8c4f0d0cd3a0-67821fab {
  grid-area: Area-11;
  place-self: end;
}

#w-node-c42ed356-8426-6568-0b08-f12c51be649d-67821fab {
  grid-area: Area-12;
  align-self: end;
}

#w-node-_415c247e-fe97-c531-dbdb-5b83ffb17e19-67821fab {
  grid-area: Area-9;
  align-self: end;
}

#w-node-_8c6dbea1-d7f7-addd-68dc-4546d1587546-67821fab {
  grid-area: Area-10;
  align-self: auto;
}

#w-node-_2368fadc-7615-829d-192f-aefa495abf06-77c6e1d3 {
  align-self: end;
}

#w-node-ab23d0e6-c480-dff9-c04e-3727afcce596-d2ba1851 {
  align-self: auto;
}

#w-node-_5911e34c-ef94-e722-8785-c5ebf8d996ab-d2ba1851 {
  place-self: center;
}

#w-node-e720b4de-f969-57df-7bb7-1c15e34229ad-d2ba1851 {
  align-self: auto;
}

#w-node-e720b4de-f969-57df-7bb7-1c15e34229b2-d2ba1851 {
  place-self: center;
}

#w-node-_76d742be-dee5-eafc-578c-1fcd63bd3ac6-d2ba1851 {
  place-self: auto end;
}

#w-node-_4bf8bc53-21a2-361e-209c-64bf2ffd84f5-d2ba1851 {
  align-self: auto;
}

#w-node-_71a0f7d1-ec2c-8fdb-ede5-20da42140241-d2ba1851 {
  place-self: end;
}

#w-node-_8d6e72b1-3f97-2fab-ead5-77d51abfb2cd-7c343676 {
  place-self: start end;
}

#w-node-_8ee2b972-d202-5ec6-f448-7a1d15cba6c1-7c343676 {
  place-self: center start;
}

#w-node-_32fd3262-4b5d-b448-244d-d2c85b200c11-33c7e5d6 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_32fd3262-4b5d-b448-244d-d2c85b200c3c-33c7e5d6 {
  order: -9999;
}

#w-node-_32fd3262-4b5d-b448-244d-d2c85b200c4a-33c7e5d6, #w-node-_32fd3262-4b5d-b448-244d-d2c85b200c53-33c7e5d6 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_32fd3262-4b5d-b448-244d-d2c85b200c88-33c7e5d6 {
  order: -9999;
}

#w-node-_32fd3262-4b5d-b448-244d-d2c85b200c8a-33c7e5d6 {
  align-self: center;
}

#w-node-_32fd3262-4b5d-b448-244d-d2c85b200c90-33c7e5d6 {
  grid-area: Area;
}

#w-node-_32fd3262-4b5d-b448-244d-d2c85b200c94-33c7e5d6 {
  grid-area: Area-6;
}

#w-node-_32fd3262-4b5d-b448-244d-d2c85b200c95-33c7e5d6 {
  grid-area: Area-11;
}

#w-node-_32fd3262-4b5d-b448-244d-d2c85b200c96-33c7e5d6 {
  grid-area: Area-4;
}

#w-node-_32fd3262-4b5d-b448-244d-d2c85b200c97-33c7e5d6 {
  grid-area: Area-5;
}

#w-node-_32fd3262-4b5d-b448-244d-d2c85b200c9b-33c7e5d6 {
  grid-area: Area-10;
}

#w-node-_32fd3262-4b5d-b448-244d-d2c85b200ca3-33c7e5d6 {
  grid-area: Area-9;
}

#w-node-_32fd3262-4b5d-b448-244d-d2c85b200ca7-33c7e5d6 {
  grid-area: Area-2;
}

#w-node-_32fd3262-4b5d-b448-244d-d2c85b200cab-33c7e5d6 {
  grid-area: Area-3;
  place-self: auto;
}

#w-node-_32fd3262-4b5d-b448-244d-d2c85b200cb0-33c7e5d6 {
  grid-area: Area;
}

#w-node-_32fd3262-4b5d-b448-244d-d2c85b200cb4-33c7e5d6 {
  grid-area: Area-10;
}

#w-node-_32fd3262-4b5d-b448-244d-d2c85b200cba-33c7e5d6 {
  grid-area: Area-3;
  place-self: auto;
}

#w-node-_32fd3262-4b5d-b448-244d-d2c85b200cbe-33c7e5d6 {
  grid-area: Area-5;
}

#w-node-_32fd3262-4b5d-b448-244d-d2c85b200cc2-33c7e5d6 {
  grid-area: Area-7;
}

#w-node-_32fd3262-4b5d-b448-244d-d2c85b200cc6-33c7e5d6 {
  grid-area: Area-9;
}

#w-node-_32fd3262-4b5d-b448-244d-d2c85b200ccb-33c7e5d6 {
  grid-area: Area;
}

#w-node-_32fd3262-4b5d-b448-244d-d2c85b200ccf-33c7e5d6 {
  grid-area: Area-2;
}

#w-node-_32fd3262-4b5d-b448-244d-d2c85b200cdb-33c7e5d6 {
  grid-area: Area-3;
}

#w-node-_32fd3262-4b5d-b448-244d-d2c85b200cdf-33c7e5d6 {
  grid-area: Area-4;
  place-self: auto;
}

#w-node-_32fd3262-4b5d-b448-244d-d2c85b200ce3-33c7e5d6 {
  grid-area: Area-5;
}

#w-node-_32fd3262-4b5d-b448-244d-d2c85b200ce7-33c7e5d6 {
  grid-area: Area-6;
}

#w-node-_32fd3262-4b5d-b448-244d-d2c85b200cf3-33c7e5d6, #w-node-_32fd3262-4b5d-b448-244d-d2c85b200cf4-33c7e5d6, #w-node-_32fd3262-4b5d-b448-244d-d2c85b200cf5-33c7e5d6, #w-node-_32fd3262-4b5d-b448-244d-d2c85b200cf6-33c7e5d6, #w-node-_32fd3262-4b5d-b448-244d-d2c85b200cf7-33c7e5d6, #w-node-_32fd3262-4b5d-b448-244d-d2c85b200cf8-33c7e5d6, #w-node-_32fd3262-4b5d-b448-244d-d2c85b200cf9-33c7e5d6 {
  align-self: center;
}

#w-node-_32fd3262-4b5d-b448-244d-d2c85b200cfb-33c7e5d6, #w-node-_32fd3262-4b5d-b448-244d-d2c85b200cfc-33c7e5d6, #w-node-_32fd3262-4b5d-b448-244d-d2c85b200cfd-33c7e5d6, #w-node-_32fd3262-4b5d-b448-244d-d2c85b200cfe-33c7e5d6, #w-node-_32fd3262-4b5d-b448-244d-d2c85b200cff-33c7e5d6, #w-node-_32fd3262-4b5d-b448-244d-d2c85b200d00-33c7e5d6, #w-node-_32fd3262-4b5d-b448-244d-d2c85b200d01-33c7e5d6, #w-node-_32fd3262-4b5d-b448-244d-d2c85b200d02-33c7e5d6 {
  place-self: center;
}

#w-node-_32fd3262-4b5d-b448-244d-d2c85b200d57-33c7e5d6, #w-node-_32fd3262-4b5d-b448-244d-d2c85b200d5a-33c7e5d6 {
  order: -9999;
}

#w-node-a06595f6-b585-0e74-1571-1a56aa76d8f8-f1f1429e, #w-node-eb9c6d25-0047-327d-2171-d58bb9b1c402-f1f1429e, #w-node-b6503eb9-0a20-a677-b2ee-90262c0e3725-f1f1429e, #w-node-_7a6fbf87-831c-6105-3d38-0b737d11e1cf-f1f1429e, #w-node-_7a6fbf87-831c-6105-3d38-0b737d11e1e7-f1f1429e {
  place-self: center;
}

#w-node-c2391763-854f-5fed-34f1-d7273aabc3d1-cc512dca {
  align-self: auto;
}

#w-node-ffc04649-9122-f24c-6288-8050bdb20477-cc512dca {
  place-self: center;
}

#w-node-_869405d3-7301-3e00-28b6-0634b048b224-cc512dca {
  place-self: auto;
}

#w-node-_53dc5ba8-1014-7179-9f51-b0a814c47030-cc512dca, #w-node-e8c956b5-02c5-574f-c15e-06718d12e473-cc512dca, #w-node-_41c9c20c-dbf1-ccd7-dd21-7e8bc5fcb28d-cc512dca {
  place-self: stretch stretch;
}

#w-node-_470bef66-af71-1bc2-4639-fbd07a9c28cf-cc512dca, #w-node-d359762d-6682-c7be-ec3d-cc7dc24e31af-648a8a5f {
  place-self: auto end;
}

#w-node-b0418c87-7bd6-41ce-d106-bc410db6c08f-648a8a5f {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-_74a00ace-565e-7a48-7893-60f6e29d9b1d-648a8a5f, #w-node-cd847e06-e799-91b1-eaaf-456424b94f4a-648a8a5f, #w-node-_28c3f823-123f-c528-d239-11c73696f415-648a8a5f, #w-node-_62e0630e-d994-a122-7a96-3e943211a5e2-648a8a5f, #w-node-c7725caf-7414-ecba-4ad1-c06dacb5ef05-648a8a5f, #w-node-_36d73b73-94fa-614e-fbe5-19b5c449d87f-648a8a5f {
  place-self: center;
}

#w-node-_14576ee9-8a1e-a8b4-a829-c88eca7405d9-8ffe7f5d {
  place-self: auto end;
}

#w-node-b7fce693-3030-3b13-ee4c-d9975bfe75e4-8ffe7f5d {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-b7fce693-3030-3b13-ee4c-d9975bfe75e5-8ffe7f5d {
  grid-area: 2 / 1 / 3 / 2;
}

#w-node-b22a71f2-cfeb-d52a-2e0a-5bbcab48b34d-8ffe7f5d {
  justify-self: end;
}

#w-node-b22a71f2-cfeb-d52a-2e0a-5bbcab48b35c-8ffe7f5d {
  justify-self: start;
}

#w-node-bcef2ab3-d0e6-62db-e642-fccfe1ce1764-8ffe7f5d {
  align-self: start;
}

#w-node-_14576ee9-8a1e-a8b4-a829-c88eca7405d9-62f3ef8e {
  place-self: auto end;
}

#w-node-b7fce693-3030-3b13-ee4c-d9975bfe75e4-62f3ef8e {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-b7fce693-3030-3b13-ee4c-d9975bfe75e5-62f3ef8e {
  grid-area: 2 / 1 / 3 / 2;
}

#w-node-b22a71f2-cfeb-d52a-2e0a-5bbcab48b34d-62f3ef8e {
  justify-self: end;
}

#w-node-b22a71f2-cfeb-d52a-2e0a-5bbcab48b35c-62f3ef8e {
  justify-self: start;
}

#w-node-_61531a66-8a13-522e-2764-86564ec289b1-508d5e29 {
  place-self: auto end;
}

#w-node-_08bc89d3-c876-ef3a-e83a-cc0b6717d55a-508d5e29 {
  grid-area: Area;
}

#w-node-_08bc89d3-c876-ef3a-e83a-cc0b6717d55c-508d5e29 {
  grid-area: Area-2;
  place-self: auto;
}

#w-node-_08bc89d3-c876-ef3a-e83a-cc0b6717d55e-508d5e29 {
  grid-area: Area-3;
}

#w-node-_08bc89d3-c876-ef3a-e83a-cc0b6717d560-508d5e29 {
  grid-area: Area-4;
  place-self: auto;
}

#w-node-_61531a66-8a13-522e-2764-86564ec289b1-fb9cedbb {
  place-self: center;
}

#w-node-_6b116646-fb8a-bd8f-4992-2ef3a61b2b3c-fb9cedbb {
  place-self: center start;
}

#w-node-_6b116646-fb8a-bd8f-4992-2ef3a61b2b52-fb9cedbb {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center end;
}

#w-node-_4488ac63-d3dc-2313-57b6-c7a09f9a7311-fb9cedbb {
  place-self: center start;
}

#w-node-_5772a5cd-a745-af91-debf-7292b4e3145b-fb9cedbb {
  justify-self: end;
}

@media screen and (min-width: 1440px) {
  #w-node-_272d0fe5-b3d4-3dcc-f875-8cbfb5a77d45-77c6e1d3, #w-node-_50274de1-4062-446f-90a7-f5a0714ed7f9-77c6e1d3 {
    align-self: center;
  }

  #w-node-b0418c87-7bd6-41ce-d106-bc410db6c08f-648a8a5f {
    grid-area: span 2 / span 1 / span 2 / span 1;
  }

  #w-node-_61531a66-8a13-522e-2764-86564ec289b1-fb9cedbb {
    place-self: center;
  }

  #w-node-_6b116646-fb8a-bd8f-4992-2ef3a61b2b52-fb9cedbb {
    place-self: center end;
  }

  #w-node-_4488ac63-d3dc-2313-57b6-c7a09f9a7311-fb9cedbb {
    place-self: center start;
  }

  #w-node-_5772a5cd-a745-af91-debf-7292b4e3145b-fb9cedbb {
    place-self: center end;
  }
}

@media screen and (min-width: 1280px) {
  #w-node-_2368fadc-7615-829d-192f-aefa495abf06-77c6e1d3 {
    align-self: end;
  }

  #w-node-_61531a66-8a13-522e-2764-86564ec289b1-fb9cedbb {
    justify-self: center;
  }

  #w-node-_4488ac63-d3dc-2313-57b6-c7a09f9a7311-fb9cedbb {
    place-self: center start;
  }

  #w-node-_5772a5cd-a745-af91-debf-7292b4e3145b-fb9cedbb {
    place-self: center end;
  }
}

@media screen and (max-width: 991px) {
  #w-node-_712967d0-dd63-a293-b2b2-48e0eb202b9d-833b46d3 {
    justify-self: center;
  }

  #w-node-_14c4e492-1d51-0c7b-5c46-d9586367820e-833b46d3 {
    place-self: auto;
  }

  #w-node-_51d409b5-0f48-eb38-dc57-ee467ac5566e-5b1cda9c, #w-node-_78169a5a-bafa-5f27-a0c7-4fef7ca25f8c-5b1cda9c {
    place-self: stretch stretch;
  }

  #w-node-_32fd3262-4b5d-b448-244d-d2c85b200d05-33c7e5d6, #w-node-_32fd3262-4b5d-b448-244d-d2c85b200d06-33c7e5d6, #w-node-_32fd3262-4b5d-b448-244d-d2c85b200d07-33c7e5d6, #w-node-_32fd3262-4b5d-b448-244d-d2c85b200d08-33c7e5d6, #w-node-_32fd3262-4b5d-b448-244d-d2c85b200d09-33c7e5d6, #w-node-_32fd3262-4b5d-b448-244d-d2c85b200d0a-33c7e5d6, #w-node-_32fd3262-4b5d-b448-244d-d2c85b200d0b-33c7e5d6, #w-node-_32fd3262-4b5d-b448-244d-d2c85b200d0c-33c7e5d6, #w-node-_32fd3262-4b5d-b448-244d-d2c85b200d0d-33c7e5d6, #w-node-_32fd3262-4b5d-b448-244d-d2c85b200d0e-33c7e5d6, #w-node-_32fd3262-4b5d-b448-244d-d2c85b200d0f-33c7e5d6, #w-node-_32fd3262-4b5d-b448-244d-d2c85b200d10-33c7e5d6 {
    place-self: center;
  }

  #w-node-_32fd3262-4b5d-b448-244d-d2c85b200d11-33c7e5d6 {
    place-self: center end;
  }

  #w-node-_32fd3262-4b5d-b448-244d-d2c85b200d12-33c7e5d6 {
    place-self: center;
  }

  #w-node-_32fd3262-4b5d-b448-244d-d2c85b200d13-33c7e5d6 {
    place-self: center start;
  }

  #w-node-_32fd3262-4b5d-b448-244d-d2c85b200d15-33c7e5d6 {
    place-self: center end;
  }

  #w-node-_32fd3262-4b5d-b448-244d-d2c85b200d16-33c7e5d6 {
    place-self: center;
  }

  #w-node-_32fd3262-4b5d-b448-244d-d2c85b200d17-33c7e5d6 {
    place-self: center start;
  }

  #w-node-_32fd3262-4b5d-b448-244d-d2c85b200d65-33c7e5d6 {
    grid-area: Area;
  }

  #w-node-_32fd3262-4b5d-b448-244d-d2c85b200d70-33c7e5d6 {
    grid-area: Area-2;
  }

  #w-node-_32fd3262-4b5d-b448-244d-d2c85b200d7b-33c7e5d6 {
    grid-area: Area-3;
  }

  #w-node-_35113235-1af3-b2c4-d3a1-b530bb35e1c8-33c7e5d6, #w-node-_32fd3262-4b5d-b448-244d-d2c85b200db6-33c7e5d6 {
    grid-area: Area;
  }

  #w-node-_32fd3262-4b5d-b448-244d-d2c85b200dbf-33c7e5d6 {
    grid-area: Area-2;
  }

  #w-node-_32fd3262-4b5d-b448-244d-d2c85b200dc8-33c7e5d6 {
    grid-area: Area-3;
  }

  #w-node-ffc04649-9122-f24c-6288-8050bdb20477-cc512dca {
    align-self: center;
  }

  #w-node-_3e7245fd-921b-d095-6d4a-8a0e00e0495c-fb9cedbb {
    order: 9999;
  }
}

@media screen and (max-width: 767px) {
  #w-node-_1dfc7b08-79c2-9de5-ecf5-656d0aa08e5c-833b46d3 {
    grid-area: Area-2;
  }

  #w-node-_9c86c431-afe1-3644-9961-bb1f360d5d6f-d1d3f816 {
    justify-self: center;
  }

  #w-node-eb987775-336e-507e-b048-a1977ecf83ff-5b1cda9c {
    grid-area: Area;
    place-self: auto;
  }

  #w-node-_001515be-d79b-4032-d9be-70930e32c4da-5b1cda9c {
    grid-area: Area-2;
  }

  #w-node-_75aed198-f410-b4f8-d914-b271f87932d2-5b1cda9c {
    grid-area: Area-3;
  }

  #w-node-_92677810-0375-3816-33ba-cf416c284d49-5b1cda9c {
    grid-area: Area;
  }

  #w-node-_7520ccf1-8ed0-3536-3e54-b22666cead91-5b1cda9c {
    grid-area: Area-2;
  }

  #w-node-eca060e7-c152-c2f6-29c3-216da7b9cfb6-5b1cda9c {
    grid-area: Area-3;
  }

  #w-node-e084077d-0a06-5482-2c4f-be23140a75dc-5b1cda9c {
    grid-area: Area;
  }

  #w-node-a5101bfe-82ad-98a5-bf76-57fea13947e2-5b1cda9c {
    grid-area: Area-2;
  }

  #w-node-_8251847d-5da3-7a0c-7e82-8ceeaaf27822-5b1cda9c {
    grid-area: Area-3;
  }

  #w-node-_41274ff8-5cc9-9994-f2e7-319d244b2af0-67821fab {
    grid-area: Area;
    place-self: stretch stretch;
  }

  #w-node-_53e7a742-4360-19ae-878d-9d4b8db0c143-67821fab {
    grid-area: Area-2;
    place-self: stretch stretch;
  }

  #w-node-a614ebf3-f2fa-00c7-5b91-9c5451866a08-67821fab {
    grid-area: Area-3;
    place-self: stretch stretch;
  }

  #w-node-d77c6f48-48c5-e5d7-bbcf-bbc85897b137-67821fab {
    grid-area: Area-4;
    place-self: stretch stretch;
  }

  #w-node-_13766349-d0d4-bb19-c383-f297832606f6-67821fab {
    grid-area: Area;
  }

  #w-node-bfa21dc5-d035-2d53-384d-1c1ba00ade93-67821fab {
    grid-area: Area-2;
  }

  #w-node-_399463dc-f413-c904-0de3-0e9aee031dda-67821fab {
    grid-area: Area-3;
  }

  #w-node-e4e9b84f-2696-01dd-3c2b-4261cdf0c1fd-67821fab {
    grid-area: Area-4;
  }

  #w-node-_89e91f5c-3180-f52a-05f2-910388669c03-77c6e1d3, #w-node-cbb33a39-a0ee-c4c5-fcfc-20487940d752-d2ba1851, #w-node-_4ceb5b96-939d-0ca6-6f73-615029455131-7c343676 {
    justify-self: center;
  }

  #w-node-_32fd3262-4b5d-b448-244d-d2c85b200c11-33c7e5d6 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_32fd3262-4b5d-b448-244d-d2c85b200c87-33c7e5d6 {
    grid-area: Area;
  }

  #w-node-_32fd3262-4b5d-b448-244d-d2c85b200c88-33c7e5d6 {
    order: -9999;
  }

  #w-node-_32fd3262-4b5d-b448-244d-d2c85b200c8a-33c7e5d6 {
    grid-area: Area-3;
    justify-self: center;
  }

  #w-node-_32fd3262-4b5d-b448-244d-d2c85b200cb0-33c7e5d6 {
    grid-area: Area;
  }

  #w-node-_32fd3262-4b5d-b448-244d-d2c85b200cb4-33c7e5d6 {
    grid-area: Area-2;
  }

  #w-node-_32fd3262-4b5d-b448-244d-d2c85b200cba-33c7e5d6 {
    grid-area: Area-3;
  }

  #w-node-_32fd3262-4b5d-b448-244d-d2c85b200cbe-33c7e5d6 {
    grid-area: Area-4;
  }

  #w-node-_32fd3262-4b5d-b448-244d-d2c85b200cc2-33c7e5d6 {
    grid-area: Area-5;
  }

  #w-node-_32fd3262-4b5d-b448-244d-d2c85b200cc6-33c7e5d6 {
    grid-area: Area-6;
  }

  #w-node-_32fd3262-4b5d-b448-244d-d2c85b200d10-33c7e5d6 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    place-self: center;
  }

  #w-node-_32fd3262-4b5d-b448-244d-d2c85b200d11-33c7e5d6, #w-node-_32fd3262-4b5d-b448-244d-d2c85b200d12-33c7e5d6, #w-node-_32fd3262-4b5d-b448-244d-d2c85b200d13-33c7e5d6 {
    place-self: start center;
  }

  #w-node-_32fd3262-4b5d-b448-244d-d2c85b200d70-33c7e5d6 {
    grid-area: Area-2;
  }

  #w-node-_32fd3262-4b5d-b448-244d-d2c85b200db6-33c7e5d6 {
    grid-area: Area;
  }

  #w-node-_32fd3262-4b5d-b448-244d-d2c85b200dbf-33c7e5d6 {
    grid-area: Area-2;
  }

  #w-node-_32fd3262-4b5d-b448-244d-d2c85b200dc8-33c7e5d6 {
    grid-area: Area-5;
  }

  #w-node-_32fd3262-4b5d-b448-244d-d2c85b200dd1-33c7e5d6 {
    grid-area: Area-3;
  }

  #w-node-_32fd3262-4b5d-b448-244d-d2c85b200dda-33c7e5d6 {
    grid-area: Area-4;
  }

  #w-node-_32fd3262-4b5d-b448-244d-d2c85b200de3-33c7e5d6 {
    grid-area: Area-6;
  }

  #w-node-_32fd3262-4b5d-b448-244d-d2c85b200dec-33c7e5d6 {
    grid-area: Area-7;
  }
}

@media screen and (max-width: 479px) {
  #Message.w-node-_4ef3f532-92b4-1f1e-9c58-af7b668e19b7-833b46d3 {
    grid-area: Area-2;
  }

  #Full-Name.w-node-a6a8c129-4582-9ff7-723e-92e59df0a778-833b46d3, #Portfolio-Link.w-node-_625cae2f-dcee-2af2-8b40-8b45df91d830-833b46d3, #Email-Address-4.w-node-b44f9533-8834-72d1-8769-1693173c999b-833b46d3 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_1dfc7b08-79c2-9de5-ecf5-656d0aa08e5c-833b46d3 {
    grid-area: Area-5;
  }

  #w-node-_963beb7c-d6bb-d8e3-ff1e-c9e588959d85-7c343676 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}