:root {
  --body-inter: Inter, sans-serif;
  --primary-dark: #242424;
  --heading: "Space Grotesk", sans-serif;
  --background-section: #f2f2f2;
}

.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.w-layout-layout {
  grid-row-gap: 20px;
  grid-column-gap: 20px;
  grid-auto-columns: 1fr;
  justify-content: center;
  padding: 20px;
}

.w-layout-cell {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.w-backgroundvideo-backgroundvideoplaypausebutton:focus-visible {
  outline-offset: 2px;
  border-radius: 50%;
  outline: 2px solid #3b79c3;
}

@media screen and (max-width: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }
}

a {
  text-decoration: none;
}

.container {
  max-width: 1200px;
  display: block;
  overflow: visible;
}

.div-block {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: auto;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
}

.list {
  list-style-type: none;
  display: flex;
}

.container-2 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1200px;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
}

.navbar {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  font-family: var(--body-inter);
  background-color: #fff;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  padding: 20px 0;
  display: block;
  position: relative;
}

.brand {
  height: 50px;
}

.menu-button {
  display: none;
}

.body {
  margin-right: 0;
  padding-bottom: 0;
  padding-right: 0;
  overflow: visible;
}

.nav-link {
  font-family: var(--body-inter);
  color: var(--primary-dark);
  text-align: left;
  letter-spacing: 2px;
  text-transform: uppercase;
  justify-content: center;
  align-items: center;
  margin-left: 0;
  padding: 5px 20px;
  display: block;
}

.nav-link:hover {
  color: #fff;
  background-color: #242424;
}

.nav-link.w--current {
  color: var(--primary-dark);
  text-decoration: underline;
}

.nav-link.w--current:hover {
  color: #fff;
}

.nav-link.nav-link-final-child {
  padding-right: 0;
}

.nav-link.sticky {
  color: var(--primary-dark);
  text-align: center;
  width: auto;
  padding-left: 2%;
  padding-right: 2%;
}

.nav-link.sticky:hover {
  color: #fff;
}

.nav-link.dropdown {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.nav-link.dropdown:hover {
  color: var(--primary-dark);
  background-color: #0000;
}

.nav-link.child {
  padding-top: 10px;
  padding-bottom: 10px;
}

.nav-menu {
  justify-content: flex-start;
  align-items: center;
  height: 50px;
  display: flex;
}

.code-embed {
  max-width: 1200px;
  margin-top: 40px;
}

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

.div-block-4 {
  max-width: 1200px;
  height: auto;
  margin: auto;
}

.code-embed-2 {
  max-width: 940px;
  margin-top: auto;
  margin-bottom: auto;
}

.section {
  height: 100vh;
  margin-left: 20px;
  margin-right: 20px;
}

.div-block-5 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  width: 50px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.div-block-6 {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  max-width: 1240px;
  height: auto;
  margin-left: 20px;
  margin-right: 20px;
  display: flex;
}

.paragraph {
  color: var(--primary-dark);
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  line-height: 24px;
  display: block;
}

.image {
  color: var(--primary-dark);
  display: block;
}

.heading {
  font-family: var(--heading);
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 40px;
  line-height: 48px;
}

.div-block-8 {
  background-color: var(--primary-dark);
  justify-content: center;
  align-items: center;
  margin-top: 40px;
  padding: 5px 20px;
  display: block;
}

.project-1 {
  flex-flow: row;
  width: 100%;
  margin-top: 80px;
  margin-bottom: 80px;
  display: block;
  position: relative;
}

.column {
  object-position: 50% 50%;
  border-radius: 25px;
  height: 380px;
  padding-left: 0;
  padding-right: 0;
  box-shadow: 0 0 8px 8px #00000014;
}

.columns {
  flex-flow: row;
  width: 100%;
  display: flex;
}

.columns:where(.w-variant-ac40964e-35a9-4485-892c-e972c4e5b8d8) {
  flex-flow: column;
  justify-content: center;
  align-items: center;
}

.project-1-image {
  object-fit: cover;
  border-radius: 25px;
  width: 100%;
  height: 100%;
  display: block;
}

.project-1-image:where(.w-variant-ac40964e-35a9-4485-892c-e972c4e5b8d8) {
  margin-bottom: 0;
}

.heading-2 {
  font-family: var(--heading);
  color: var(--primary-dark);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 32px;
  line-height: 40px;
}

.text-block {
  font-family: var(--body-inter);
  color: var(--primary-dark);
  font-size: 16px;
  font-weight: 700;
  line-height: 28px;
}

.column-2 {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  height: 100%;
  margin-top: auto;
  margin-bottom: auto;
  padding-left: 48px;
  padding-right: 0;
  display: flex;
}

.column-2:where(.w-variant-ac40964e-35a9-4485-892c-e972c4e5b8d8) {
  margin-top: 20px;
  padding-left: 0;
}

.column-2.reverse {
  padding-left: 0;
  padding-right: 48px;
}

.paragraph-2 {
  font-family: var(--body-inter);
  margin-top: 24px;
  font-size: 16px;
  line-height: 28px;
}

.button {
  border: 1px solid var(--primary-dark);
  font-family: var(--body-inter);
  color: var(--primary-dark);
  background-color: #fff;
  border-radius: 25px;
  height: 24px;
  padding: 0 10px;
  font-weight: 500;
  line-height: 24px;
}

.div-block-10 {
  border: 1px solid var(--primary-dark);
  font-family: var(--body-inter);
  border-radius: 25px;
  justify-content: flex-start;
  align-items: flex-start;
  padding-left: 10px;
  padding-right: 10px;
  font-weight: 500;
  display: flex;
}

.text-block-2 {
  color: var(--primary-dark);
  line-height: 24px;
}

.div-block-11 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 24px;
  display: flex;
}

.div-block-12 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.columns-reverse {
  flex-flow: row-reverse;
  display: flex;
}

.text-block-3 {
  font-family: var(--body-inter);
  color: #fff;
  text-transform: uppercase;
  line-height: 24px;
}

.button-project-cover {
  background-color: var(--primary-dark);
  color: #fff;
  text-transform: uppercase;
  border-radius: 25px;
  padding: 10px 40px;
}

.project-link-1 {
  background-color: var(--primary-dark);
  border-radius: 25px;
  margin-top: 20px;
  padding: 10px 40px;
  text-decoration: none;
}

.project-link-1:hover {
  background-color: #414141;
}

.text-block-4 {
  font-family: var(--body-inter);
  color: #fff;
  text-transform: uppercase;
  line-height: 24px;
}

.div-block-14 {
  background-color: var(--primary-dark);
  font-family: var(--body-inter);
  border-radius: 25px;
  margin-top: 20px;
  line-height: 24px;
}

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

.text-block-5 {
  font-family: var(--heading);
  color: var(--primary-dark);
  font-size: 40px;
  font-weight: 700;
  line-height: 48px;
  text-decoration: none;
}

.div-block-16 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  justify-content: flex-start;
  align-items: center;
  margin-top: 80px;
  margin-bottom: 80px;
  text-decoration: none;
  display: flex;
}

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

.div-block-17 {
  justify-content: flex-start;
  align-items: center;
  max-width: 1200px;
  margin-top: 80px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.heading-3 {
  font-family: var(--heading);
  color: var(--primary-dark);
  text-transform: capitalize;
  font-size: 48px;
  line-height: 56px;
}

.heading-3.no-margin {
  margin-top: 0;
}

.image-3 {
  border-radius: 500px;
  width: 300px;
  height: 300px;
}

.div-block-18 {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 1200px;
  margin-top: 80px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.heading-4 {
  font-family: var(--heading);
  color: var(--primary-dark);
  text-align: right;
  text-transform: capitalize;
  flex: none;
  width: 32%;
  margin-top: 0;
  margin-right: 40px;
  font-size: 32px;
  line-height: 40px;
}

.paragraph-3 {
  font-family: var(--body-inter);
  color: var(--primary-dark);
  margin-bottom: 0;
  font-size: 16px;
  line-height: 28px;
}

.list-2 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  font-family: var(--body-inter);
  color: var(--primary-dark);
  flex-flow: column;
  margin-bottom: 0;
  padding-left: 20px;
  font-size: 16px;
  line-height: 24px;
  display: flex;
}

.text-block-6 {
  font-family: var(--body-inter);
  color: var(--background-section);
  text-transform: capitalize;
  margin-left: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-decoration: none;
}

.div-block-19 {
  border-style: none none solid;
  border-width: 1px 1px 2px;
  border-color: var(--background-section);
  justify-content: space-between;
  align-items: center;
  margin-top: 0;
  padding-top: 12px;
  padding-bottom: 12px;
  display: flex;
}

.image-4 {
  margin-right: 12px;
}

.div-block-20 {
  border-top: 2px solid var(--primary-dark);
  border-bottom: 2px none var(--primary-dark);
  margin-top: 40px;
}

.project-title {
  font-family: var(--heading);
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  font-weight: 700;
}

.h1 {
  color: var(--primary-dark);
  text-align: center;
  text-transform: uppercase;
  margin-top: 160px;
  margin-bottom: 0;
  font-size: 64px;
  line-height: 72px;
}

.h1.other-work {
  margin-top: 0;
}

.heading-5 {
  font-family: var(--heading);
  text-align: left;
  text-transform: capitalize;
  margin-bottom: 0;
  font-size: 32px;
  font-weight: 700;
  line-height: 40px;
}

.heading-5.underlined {
  text-decoration: underline;
}

.heading-5.centre-aligned {
  text-align: center;
}

.div-block-21 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  max-width: 1200px;
  margin-top: 160px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.text-block-7 {
  max-width: 650px;
}

.text-block-8 {
  font-family: var(--body-inter);
  color: var(--primary-dark);
  text-align: center;
  max-width: 650px;
  font-size: 16px;
  line-height: 28px;
}

.div-block-22 {
  justify-content: center;
  align-items: flex-start;
  max-width: 1200px;
  margin: 40px auto 160px;
  display: flex;
}

.project-role {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  font-family: var(--body-inter);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 30%;
  display: flex;
}

.project-role.other-work {
  justify-content: flex-start;
  align-items: flex-start;
  width: auto;
  margin-right: 40px;
}

.body-bold {
  color: var(--primary-dark);
  text-transform: none;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
}

.body-bold.next-steps {
  margin-bottom: 4px;
}

.body-bold.flip-card {
  text-align: center;
}

.text-block-10 {
  text-align: center;
  font-size: 16px;
  line-height: 24px;
}

.text-block-11 {
  color: var(--primary-dark);
  text-align: center;
  text-transform: capitalize;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
}

.text-block-12 {
  color: var(--primary-dark);
  text-align: center;
  text-transform: capitalize;
  font-size: 16px;
  line-height: 24px;
}

.body-regular {
  font-family: var(--body-inter);
  color: var(--primary-dark);
  text-align: center;
  text-transform: none;
  max-width: 650px;
  font-size: 16px;
  line-height: 28px;
}

.body-regular.left-align {
  text-align: left;
  width: auto;
}

.body-regular.left-align.full-width {
  max-width: none;
}

.body-regular.left-align.flip-card {
  font-size: 14px;
  line-height: 24px;
}

.project-top-image {
  aspect-ratio: 2.39;
  object-fit: none;
  background-image: url('../images/pointr-screens.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 25px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

.image-5 {
  border-radius: 25px;
}

.div-block-24 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  max-width: 1240px;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding-top: 160px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.text-block-13 {
  font-family: var(--heading);
  text-align: center;
  font-size: 32px;
  font-weight: 700;
  line-height: 40px;
}

.div-block-25 {
  max-width: 1200px;
  margin-top: 80px;
  margin-left: auto;
  margin-right: auto;
}

.link {
  color: var(--primary-dark);
  text-decoration: underline;
}

.section-2 {
  background-color: var(--background-section);
  margin-right: 0;
  padding: 0 0 160px;
  display: block;
}

.section-3 {
  margin-bottom: 80px;
  margin-left: 20px;
  margin-right: 20px;
  display: block;
  overflow: hidden;
}

.div-block-26 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: center;
  align-items: center;
  max-width: 1200px;
  height: 50px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.div-block-27 {
  z-index: 100;
  background-color: #fff;
  width: 100%;
  display: block;
  position: sticky;
  top: 0;
  box-shadow: 0 0 8px 8px #00000014;
}

.process-card {
  background-color: var(--primary-dark);
  border-radius: 25px;
  width: 224px;
  height: 250px;
  padding: 40px 10px 0;
}

.div-block-28 {
  justify-content: center;
  align-items: center;
  height: 30px;
  margin-top: 0;
  margin-bottom: 20px;
  display: flex;
}

.text-block-14 {
  font-family: var(--heading);
  color: #fff;
  text-align: center;
  text-transform: capitalize;
  margin-bottom: 20px;
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
}

.text-block-15 {
  font-family: var(--body-inter);
  color: #fff;
}

.div-block-29 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  border-top: 2px none var(--primary-dark);
  flex-flow: wrap;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 1200px;
  margin-top: 80px;
  margin-bottom: 80px;
  display: flex;
}

.divider {
  border-top: 2px solid var(--primary-dark);
  width: 100%;
  max-width: 1240px;
  margin: 160px auto;
  padding-left: 20px;
  padding-right: 20px;
}

.div-block-30 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 1240px;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.div-block-31 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.div-block-32 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.green-square {
  background-color: #5dff6e;
  width: 24px;
  height: 24px;
}

.div-block-34 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.blue-square {
  background-color: #5cf7fc;
  width: 24px;
  height: 24px;
}

.pink-square {
  background-color: #fd5eff;
  width: 24px;
  height: 24px;
}

.orange-square {
  background-color: #ffbe64;
  width: 24px;
  height: 24px;
}

.red-square {
  background-color: #fe6061;
  width: 24px;
  height: 24px;
}

.div-block-35 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 50%;
  display: flex;
}

.div-block-31-copy {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-left: 0;
  padding-right: 40px;
  display: flex;
}

.div-block-1200 {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  flex-flow: column;
  max-width: 1240px;
  margin-top: 80px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.div-block-1200.bottom {
  margin-bottom: 80px;
}

.div-block-1201 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: wrap;
  justify-content: center;
  align-items: flex-start;
  max-width: 1240px;
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.card-attendee {
  background-color: #fff;
  border-radius: 25px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: auto;
  padding: 40px;
  display: flex;
  box-shadow: 0 0 8px 8px #00000014;
}

.div-block-1203 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  width: 250px;
  height: auto;
  margin-right: 40px;
  display: flex;
}

.heading-6 {
  font-family: var(--heading);
  color: #242424;
  text-align: center;
  text-transform: capitalize;
  border-radius: 0;
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
}

.heading-6.left-aligned {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  border-radius: 0;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.heading-6.white {
  color: #fff;
  border-radius: 0;
}

.heading-6.caps {
  text-transform: uppercase;
}

.key-feature-content {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  display: flex;
}

.div-block-1205 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 50%;
  height: auto;
  padding-right: 0;
  display: flex;
}

.div-block-1206 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.image-6, .image-7, .image-8, .image-9, .image-10 {
  width: 75px;
  height: 75px;
}

.image-11 {
  border-radius: 25px;
  display: block;
  box-shadow: 0 0 8px 8px #00000014;
}

.label {
  font-family: var(--body-inter);
  color: #606060;
  text-align: left;
  text-transform: capitalize;
  line-height: 24px;
}

.div-block-1207 {
  flex-flow: column;
  display: flex;
}

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

.text-block-16 {
  font-family: var(--body-inter);
  font-style: italic;
}

.label-italics {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 1200px;
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.div-block-1209 {
  max-width: 1240px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
}

.div-block-30-copy {
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  max-width: 1240px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.div-block-1210 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  margin-top: 20px;
  display: flex;
}

.image-11-copy {
  border-radius: 25px;
}

.div-block-1211 {
  justify-content: center;
  align-items: center;
  display: block;
}

.slider {
  background-color: #ddd0;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 540px;
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  overflow: visible;
}

.mask {
  overflow: hidden;
}

.slide-nav {
  display: none;
}

.section-4 {
  height: auto;
  display: block;
  overflow: hidden;
}

.div-block-1212 {
  width: 1200px;
}

.div-block-1213, .div-block-1214 {
  width: 100%;
}

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

.list-3 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: center start;
  display: grid;
  overflow: visible;
}

.list-item-3, .list-item-4 {
  min-width: 1200px;
  position: relative;
}

.list-item-5 {
  min-width: 1200px;
}

.mask-2 {
  width: 90%;
  height: auto;
  overflow: visible;
}

.container-4 {
  max-width: 1240px;
  height: auto;
  padding-left: 20px;
  padding-right: 20px;
  position: static;
  overflow: visible;
}

.slide-2 {
  width: 100%;
  height: auto;
  margin-left: 0;
  margin-right: 0;
  padding-bottom: 0;
  padding-left: 20px;
  padding-right: 20px;
  overflow: visible;
}

.div-block-1216 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.image-12 {
  aspect-ratio: auto;
  object-fit: cover;
  width: 100%;
  margin-top: 20px;
  margin-bottom: 40px;
  margin-right: 0;
  padding-right: 0;
}

.slider-2 {
  background-color: #0000;
  justify-content: center;
  align-items: flex-start;
  height: auto;
  display: flex;
}

.section-5 {
  justify-content: center;
  align-items: center;
  height: auto;
  margin-top: 80px;
  display: block;
  overflow: hidden;
}

.icon {
  background-color: var(--primary-dark);
  color: #fff;
}

.slider-text {
  font-family: var(--body-inter);
  color: var(--primary-dark);
  text-align: left;
  text-transform: capitalize;
  min-height: 50px;
  font-size: 16px;
  line-height: 28px;
}

.slider-text.left-align {
  text-align: left;
  width: auto;
  max-width: none;
}

.left-arrow {
  margin-right: 0;
  padding-right: 0;
  display: none;
  inset: 0% auto 0% 5%;
}

.right-arrow {
  display: none;
  right: 5%;
}

.icon-2 {
  background-color: var(--primary-dark);
  color: #fff;
}

.div-block-1217 {
  margin-left: 0;
  margin-right: 0;
  padding-right: 0;
}

.slide-nav-2 {
  inset: auto 0% -10px;
}

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

.custom-navbar-wrapper {
  height: auto;
  margin-left: auto;
  margin-right: auto;
  padding-top: 5px;
  padding-bottom: 5px;
}

.navbar-content-container {
  justify-content: space-between;
  align-items: center;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.image-13 {
  object-fit: cover;
  width: 50px;
}

.link-block {
  height: 90%;
}

.link-block.w--current {
  width: 50px;
  height: auto;
}

.div-block-1222 {
  flex-flow: row;
  justify-content: flex-end;
  align-items: flex-start;
  width: auto;
  display: flex;
}

.link-block-2 {
  padding-left: 5%;
  padding-right: 5%;
}

.div-block-1223 {
  color: var(--primary-dark);
  flex-flow: row;
  justify-content: flex-end;
  align-items: flex-start;
  width: auto;
  display: flex;
  position: static;
  overflow: visible;
}

.div-block-1223-copy {
  color: var(--primary-dark);
  flex-flow: row;
  justify-content: flex-end;
  align-items: flex-start;
  display: flex;
  position: static;
  overflow: visible;
}

.main-nav-menu {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex: 0 auto;
  order: 0;
  justify-content: space-between;
  align-items: center;
  width: auto;
  display: flex;
}

.custom-menu-button {
  display: none;
}

.selected-projects {
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.define-section {
  background-color: #fff;
  margin-right: 0;
  padding-bottom: 160px;
  padding-left: 0;
  padding-right: 0;
  display: block;
}

.div-block-1224 {
  width: 50%;
}

.div-block-1225 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.problem-statement, .opportunity {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  width: 50%;
  display: flex;
}

.key-features {
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  max-width: 1240px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.card-key-feature {
  background-color: #fff;
  border-radius: 25px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 30%;
  min-width: 250px;
  height: auto;
  padding: 40px;
  display: flex;
  box-shadow: 0 0 8px 8px #00000014;
}

.connection-dot {
  background-color: #5dff6e;
  border-radius: 25px;
  width: 15px;
  height: 15px;
}

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

.planning-dot {
  background-color: #fd5eff;
  border-radius: 25px;
  width: 15px;
  height: 15px;
}

.navigation-dot {
  background-color: #ff9818;
  border-radius: 25px;
  width: 15px;
  height: 15px;
}

.success-criteria {
  max-width: 1240px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
}

.section-7, .section-8 {
  margin-left: 20px;
  margin-right: 20px;
}

.develop-section {
  background-color: var(--background-section);
  padding-top: 0;
  padding-bottom: 160px;
}

.image-14 {
  color: var(--primary-dark);
  width: 36px;
  height: 36px;
  margin-top: 20px;
}

.div-block-1228, .div-block-1229, .div-block-1230 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.site-map {
  max-width: 1240px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
}

.div-block-1231 {
  background-color: #fff;
  border-radius: 25px;
  justify-content: center;
  align-items: center;
  padding: 40px;
  display: flex;
  box-shadow: 0 0 8px 8px #00000014;
}

.image-site-map {
  border-radius: 25px;
  display: block;
}

.wireframing {
  max-width: 1240px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
}

.image-ui-kit {
  border-radius: 25px;
  display: block;
  box-shadow: 0 0 8px 8px #00000014;
}

.ui-kit {
  max-width: 1240px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
}

.distil {
  background-color: var(--background-section);
  padding-top: 0;
  padding-bottom: 80px;
}

._2-column-wrapper {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  max-width: 1240px;
  margin-top: 160px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

._2-column-content {
  margin-left: 20px;
  margin-right: 20px;
}

.quick-stack {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  padding-left: 0;
  padding-right: 0;
}

.div-block-31-copy {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-left: 20px;
  margin-right: 20px;
  padding-right: 0;
  display: flex;
}

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

._3-column-wrapper {
  max-width: 1240px;
  margin-left: auto;
  margin-right: auto;
}

._3-column-content {
  margin-left: 20px;
  margin-right: 20px;
}

.quick-stack-2 {
  margin-top: 80px;
  padding: 0;
}

.deliver {
  background-color: #fff;
  padding-top: 0;
  padding-bottom: 160px;
}

.list-item-6 {
  font-family: var(--body-inter);
}

.list-4 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  display: flex;
}

.right-arrow-2, .slide-nav-3, .icon-4, .icon-5 {
  display: none;
}

.slider-3 {
  background-color: #0000;
  height: auto;
}

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

.picturehouse-project-top-image {
  aspect-ratio: 2.39;
  object-fit: none;
  background-image: url('../images/mock-up.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 25px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

.sub-section-1 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-start;
  max-width: 1240px;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.market-research {
  grid-column-gap: 160px;
  grid-row-gap: 160px;
  flex-flow: column;
  max-width: 1240px;
  height: auto;
  margin-top: 80px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.research-graphic {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: row;
  justify-content: space-around;
  align-items: center;
  display: flex;
}

.market-research-text {
  background-color: #fff;
  border-radius: 25px;
  max-width: 450px;
  padding: 40px;
  box-shadow: 0 0 8px 8px #00000014;
}

.market-research-text:hover {
  box-shadow: 0 0 12px 12px #0000001f;
}

.text-block-17 {
  max-width: 350px;
  padding: 40px;
}

.research-graphic-reverse {
  flex-flow: row-reverse;
  justify-content: space-around;
  align-items: center;
  display: flex;
}

.competitor-logos {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  display: flex;
}

.competitor-logos-wrapper {
  flex-flow: row;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  width: 50%;
  height: 100%;
  display: flex;
}

.lightbox {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  max-width: 1240px;
  margin-top: 80px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.lightbox-link {
  width: 100%;
}

.image-15 {
  margin-top: 0;
}

.ph-user-research {
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  max-width: 1240px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.text-span {
  color: #ff8000;
  font-size: 20px;
}

.text-span-2 {
  color: #ff00bf;
  font-size: 20px;
}

.text-span-3 {
  color: #00ff2f;
  font-size: 20px;
}

.research-quote {
  width: 30%;
  min-width: 275px;
  max-width: 40%;
  margin-bottom: 20px;
}

.speech-square {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #fff;
  border-radius: 25px;
  flex-flow: column;
  padding: 20px 40px;
  display: flex;
  box-shadow: 0 0 4px 4px #0000001f;
}

.speech-triangle {
  flex-flow: row-reverse;
  padding-right: 40px;
  display: flex;
}

.text-block-18 {
  font-family: var(--body-inter);
  padding: 10px;
  font-size: 16px;
  font-weight: 700;
  line-height: 28px;
}

.text-block-19 {
  font-family: var(--body-inter);
  font-style: italic;
  line-height: 24px;
}

.div-block-1242 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.orange-indicator {
  background-color: #ff8000;
  border-radius: 25px;
  width: 12px;
  height: 12px;
}

.research-quotes {
  grid-column-gap: 5%;
  grid-row-gap: 5%;
  flex-flow: wrap;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.magenta-indicator {
  background-color: #ff00bf;
  border-radius: 25px;
  width: 12px;
  height: 12px;
}

.green-indicator {
  background-color: #00ff2f;
  border-radius: 25px;
  width: 12px;
  height: 12px;
}

.div-block-1243 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 20px;
  display: flex;
}

.div-block-1244 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.div-block-1245 {
  background-color: #fff0b6;
  width: 35px;
  height: 35px;
}

.affinity-square {
  background-color: #ffb6b6;
  width: 35px;
  height: 35px;
}

.affinity-square.green {
  background-color: #b6ffc1;
  width: 35px;
}

.affinity-square.yellow {
  background-color: #fff0b6;
}

.div-block-1245-copy, .affinity-sqaure {
  background-color: #fff0b6;
  width: 35px;
  height: 35px;
}

.persona-tabs {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 1240px;
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.tab-label {
  font-family: var(--body-inter);
  color: #303030;
  font-size: 14px;
  line-height: 24px;
}

.tab-label.active {
  color: #242424;
}

.tab-label.other-work {
  color: var(--background-section);
}

.persona-avatar {
  width: 20px;
  height: 20px;
}

.tab-link-tab-1 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  opacity: .5;
  background-color: #0000;
  border: 2px #000;
  border-bottom: 2px solid #242424;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.tab-link-tab-1.w--current {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  opacity: 1;
  background-color: #0000;
  border-bottom: 2px solid #242424;
  justify-content: flex-start;
  align-items: center;
}

.tabs-menu {
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 40px;
  display: flex;
}

.tab-link-tab-2 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  opacity: .5;
  background-color: #0000;
  border-bottom: 2px solid #242424;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.tab-link-tab-2.w--current {
  opacity: 1;
  background-color: #0000;
}

.image-16 {
  opacity: 1;
}

.div-block-1246 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.div-block-1247, .div-block-1248 {
  width: 50%;
}

.div-block-1249 {
  border-radius: 5px;
  box-shadow: 0 0 8px 8px #00000014;
}

.image-17 {
  border-radius: 5px;
}

.user-journey-map, .insight-summary {
  max-width: 1240px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
}

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

.insight-statement {
  border-radius: 25px;
  flex-flow: column;
  width: 45%;
  display: flex;
  box-shadow: 0 0 8px 8px #00000014;
}

.div-block-1252 {
  border-bottom-right-radius: 25px;
  border-bottom-left-radius: 25px;
  padding: 40px;
}

.insight-statements {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.hmw {
  background-color: #78bd44;
  border-top-left-radius: 25px;
  border-top-right-radius: 25px;
  padding-top: 20px;
  padding-bottom: 20px;
}

.problem {
  background-color: #ff7171;
  border-top-left-radius: 25px;
  border-top-right-radius: 25px;
  padding-top: 20px;
  padding-bottom: 20px;
}

.story-board-tabs {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 1240px;
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.storyboard-icon {
  width: 20px;
  height: 20px;
}

.div-block-1253 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.lo-fi {
  grid-column-gap: 2%;
  grid-row-gap: 2%;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 80px;
  display: flex;
}

.lo-fi-wireframes, .usability-study {
  max-width: 1240px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
}

.usability-insights {
  border-radius: 25px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 32%;
  display: flex;
  box-shadow: 0 0 8px 8px #00000014;
}

.study-insight-top {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: #fff;
  border-top-left-radius: 25px;
  border-top-right-radius: 25px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding: 40px;
  display: flex;
}

.div-block-1256 {
  background-color: #242424;
  border-bottom-right-radius: 25px;
  border-bottom-left-radius: 25px;
  padding: 40px;
}

.div-block-1257 {
  background-color: #242424;
  border-radius: 25px;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  display: flex;
}

.div-block-1258, .div-block-1259 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.div-block-1260 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.image-19, .image-20 {
  width: 20px;
  height: 20px;
}

.text-block-20 {
  font-family: var(--body-inter);
  color: #fff;
  text-transform: capitalize;
  font-size: 16px;
  font-style: italic;
  font-weight: 400;
  line-height: 28px;
}

.image-21 {
  width: 20px;
  height: 20px;
}

.key-findings {
  max-width: 1240px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
}

.prototype-screens {
  justify-content: space-around;
  align-items: flex-start;
  width: 100%;
  margin-top: 40px;
  display: flex;
}

.div-block-1261 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  object-fit: fill;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  height: auto;
  display: flex;
}

.div-block-1262, .div-block-1263 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.before-and-after {
  margin-top: 160px;
}

.before, .after {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 80px;
  display: flex;
}

.subsection {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.hi-fi-prototype {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  max-width: 1240px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.sub-section {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.background-video {
  z-index: 99;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.hi-fi-prototype-wrapper {
  grid-column-gap: 160px;
  grid-row-gap: 160px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.what-i-learned {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  flex-flow: column;
  max-width: 1240px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

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

.image-23, .image-24, .image-25 {
  max-width: 50%;
  margin-left: 20px;
  margin-right: 20px;
}

.div-block-24-copy {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  max-width: 1240px;
  margin-top: 160px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.quote-and-user {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  display: flex;
}

.tabs-content {
  padding-left: 10%;
  padding-right: 10%;
}

.div-block-1265, .div-block-1266, .div-block-1267, .div-block-1268, .div-block-1269 {
  width: 100%;
  height: 750px;
}

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

.div-block-30-copy {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 1240px;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

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

.competitive-audit-wrapper {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 1240px;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.text-block-21 {
  font-family: var(--body-inter);
  color: #242424;
  font-size: 12px;
  font-weight: 700;
}

.image-28, .image-29, .image-30, .image-31, .image-32, .image-33 {
  max-height: 750px;
}

.usability-results {
  grid-column-gap: 2%;
  grid-row-gap: 2%;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 80px;
  display: flex;
}

.prototype-screen {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  object-fit: fill;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 360px;
  height: auto;
  display: flex;
}

.prototype-screens-hi-fi {
  justify-content: space-around;
  align-items: flex-start;
  width: 100%;
  margin-top: 40px;
  display: flex;
}

.footer-wrapper {
  background-color: #242424;
  justify-content: space-between;
  align-items: center;
  padding: 40px;
  display: flex;
}

.code-embed-6 {
  margin-left: 0;
  margin-right: 0;
}

.text-block-22 {
  color: #fff;
}

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

.div-block-1273 {
  margin-bottom: 20px;
}

.list-5 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  padding-left: 0;
  list-style-type: none;
  display: flex;
}

.text-block-23 {
  font-family: var(--body-inter);
  color: #fff;
  letter-spacing: 2px;
  text-transform: uppercase;
  justify-content: flex-start;
  align-items: center;
  padding: 5px 10px;
  display: block;
}

.text-block-23:hover {
  color: var(--primary-dark);
}

.text-block-23.w--current {
  padding-top: 5px;
  padding-bottom: 5px;
  display: block;
}

.text-block-23.w--current:hover {
  color: var(--primary-dark);
}

.footer-menu {
  color: var(--primary-dark);
  padding: 0;
}

.footer-menu:hover {
  background-color: var(--background-section);
  color: var(--primary-dark);
  justify-content: space-between;
  align-items: center;
  font-size: 14px;
  display: flex;
}

.div-block-1274 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  max-width: 600px;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.footer-contact {
  border: 1px none var(--background-section);
  color: #fff;
  flex-flow: column;
  margin-top: 40px;
  display: flex;
}

.lets-talk {
  font-family: var(--body-inter);
  color: var(--primary-dark);
  text-transform: capitalize;
  margin-left: 0;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  text-decoration: none;
}

.contact-link-box {
  border-style: none none solid;
  border-width: 1px 1px 2px;
  border-color: var(--background-section) var(--background-section) var(--primary-dark);
  justify-content: space-between;
  align-items: center;
  margin-top: 0;
  padding-top: 12px;
  padding-bottom: 12px;
  display: flex;
}

.footer-menu-list {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
  display: flex;
}

.about {
  margin-bottom: 80px;
  margin-left: 20px;
  margin-right: 20px;
}

.get-in-contact {
  font-family: var(--body-inter);
  color: #fff;
  letter-spacing: 2px;
  text-transform: uppercase;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-right: 10px;
  display: block;
}

.get-in-contact:hover {
  color: var(--primary-dark);
}

.get-in-contact.w--current {
  padding-top: 5px;
  padding-bottom: 5px;
  display: block;
}

.get-in-contact.w--current:hover {
  color: var(--primary-dark);
}

.link-block-3 {
  height: 100%;
  display: block;
}

.link-block-4 {
  height: 100%;
}

.chips {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 24px;
  display: flex;
}

.project-2 {
  opacity: 1;
  flex-flow: row;
  width: 100%;
  margin-top: 80px;
  margin-bottom: 80px;
  display: block;
  position: relative;
}

.project-overlay {
  z-index: 80;
  opacity: 1;
  background-color: #24242480;
  border-radius: 25px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0;
}

.text-block-24 {
  font-family: var(--heading);
  color: var(--background-section);
  font-size: 50px;
  line-height: 58px;
}

.div-block-1275 {
  z-index: 85;
  background-color: #24242480;
  border-radius: 25px;
  justify-content: center;
  align-items: center;
  padding-top: 0;
  display: flex;
  position: absolute;
  inset: 0;
}

.text-block-25 {
  font-family: var(--heading);
  color: var(--background-section);
  font-size: 50px;
  line-height: 58px;
}

.dropdown-2 {
  justify-content: flex-start;
  align-items: center;
  padding-right: 0;
  display: flex;
}

.text-block-26 {
  margin-right: 20px;
}

.dropdown-link {
  margin-top: 0;
  top: auto;
}

.dropdown-list {
  background-color: #fff;
  margin-top: 0;
  padding-top: 0;
}

.dropdown-list.w--open {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  margin-top: 100px;
  padding-top: 0;
  display: flex;
  position: absolute;
  top: -70px;
}

.nav-link-drop {
  font-family: var(--body-inter);
  color: var(--primary-dark);
  text-align: left;
  letter-spacing: 2px;
  text-transform: uppercase;
  padding: 5px 20px;
}

.nav-link-drop:hover {
  color: #fff;
  background-color: #242424;
}

.nav-link-drop.w--current {
  color: var(--primary-dark);
  text-decoration: underline;
}

.nav-link-drop.w--current:hover {
  color: #fff;
}

.nav-link-drop.nav-link-final-child {
  padding-right: 0;
}

.nav-link-drop.sticky {
  color: var(--primary-dark);
  text-align: center;
  width: auto;
  padding-left: 2%;
  padding-right: 2%;
}

.nav-link-drop.sticky:hover {
  color: #fff;
}

.nav-link-drop.dropdown {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  padding: 0;
  display: flex;
}

.nav-link-drop.dropdown:hover {
  color: var(--primary-dark);
  background-color: #0000;
}

.icon-6 {
  justify-content: center;
  align-items: center;
  margin-right: 0;
  padding-right: 0;
  display: block;
  position: static;
}

.dropdown-toggle {
  justify-content: center;
  align-items: center;
  padding: 0 40px 0 0;
  display: flex;
}

.dropdown-3 {
  justify-content: center;
  align-items: center;
  display: block;
}

.competitor-apps {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 50%;
  display: flex;
}

.pointr---competitor-analysis {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 1240px;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.pointr---pain-points {
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  max-width: 1240px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.pointr---competitor-analysis-top {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.div-block-1277 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.div-block-1278 {
  width: 50%;
}

.other-work-grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 0 40px;
}

.other-work-grid-cell {
  display: flex;
}

.flip-front {
  z-index: 0;
  backface-visibility: hidden;
  background-image: url('../images/blackcurrant2.png');
  background-position: 50%;
  background-size: cover;
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  display: flex;
  position: absolute;
  inset: 0%;
}

.flip-front._1 {
  background-image: url('../images/pharmica-front.jpg');
  background-position: 50%;
  justify-content: flex-start;
  align-items: flex-start;
}

.flip-front._2 {
  justify-content: flex-start;
  align-items: flex-start;
}

.flip-front._3 {
  background-image: url('../images/halfords-front.jpg');
  justify-content: flex-start;
  align-items: flex-start;
}

.flip-front._4 {
  background-image: url('../images/mesh-ai-1.jpg');
  justify-content: flex-start;
  align-items: flex-start;
}

.flip-front._5 {
  background-image: url('../images/moneybox-front.jpg');
  background-position: 50%;
  justify-content: flex-start;
  align-items: flex-start;
}

.flip-front._6 {
  background-image: url('../images/mitra-1.jpg');
  justify-content: flex-start;
  align-items: flex-start;
}

.flip-front._7 {
  background-image: url('../images/london-1.jpg');
  background-position: 50%;
  justify-content: flex-start;
  align-items: flex-start;
}

.flip-front._8 {
  background-image: url('../images/bwa-1.gif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  justify-content: flex-start;
  align-items: flex-start;
}

.flip-front._9 {
  background-image: url('../images/cafe-00.jpg');
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: cover;
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
}

.flip-front._10 {
  background-image: url('../images/cglass-1.jpg');
  justify-content: flex-start;
  align-items: flex-start;
}

.flip-front._11 {
  background-image: url('../images/can-3.jpg');
  justify-content: flex-start;
  align-items: flex-start;
}

.flip-front._12 {
  justify-content: flex-start;
  align-items: flex-start;
}

.flip-front._13 {
  background-image: url('../images/noble.gif');
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
}

.flip-front._14 {
  background-image: url('../images/HP-6.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
}

.flip-front._15 {
  justify-content: flex-start;
  align-items: flex-start;
}

.flip-back {
  z-index: 1;
  background-color: var(--background-section);
  backface-visibility: hidden;
  transform-style: preserve-3d;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 10px;
  display: flex;
  position: absolute;
  inset: 0%;
  transform: rotateX(0)rotateY(180deg)rotateZ(0);
}

.project-flip {
  cursor: auto;
  width: 100%;
  height: 300px;
  position: relative;
  transform: rotate(0);
}

.flip-type {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #242424b3;
  border-radius: 25px;
  justify-content: flex-start;
  align-items: center;
  height: 20px;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 9px;
  padding: 12px 10px;
  display: flex;
}

.div-block-1279 {
  background-color: red;
  border-radius: 25px;
  width: 10px;
  height: 10px;
}

.div-block-1279.orange {
  background-color: #ff8502;
}

.div-block-1279.green {
  background-color: #0f0;
}

.div-block-1279.white {
  background-color: #fff;
}

.div-block-1279.blue {
  background-color: #0073ff;
}

.div-block-1279.pink {
  background-color: #ff38f2;
}

.background-video-2, .background-video-3 {
  width: 100%;
  height: 100%;
  position: absolute;
}

.background-video-4 {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.section-3-copy {
  margin-bottom: 80px;
  margin-left: 20px;
  margin-right: 20px;
  display: block;
  overflow: hidden;
}

.div-block-1280 {
  max-width: 1240px;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
}

.div-block-1281 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 40px;
  display: flex;
}

.other-work-blurb {
  margin-top: 0;
  margin-bottom: 0;
}

.other-work-top {
  margin-bottom: 40px;
  margin-left: 20px;
  margin-right: 20px;
  display: block;
  overflow: hidden;
}

.div-block-1281-copy {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  margin-top: 20px;
  margin-bottom: 40px;
  display: flex;
}

.other-work-project-title {
  font-family: var(--heading);
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  font-weight: 700;
}

.other-work-project-blurb {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 1200px;
  margin-top: 80px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.other-work-image-frame {
  flex-flow: column;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 1230px;
  display: flex;
}

.otherwork-images {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.h1-other-wrok {
  color: var(--primary-dark);
  text-align: center;
  text-transform: uppercase;
  margin-top: 80px;
  margin-bottom: 0;
  font-size: 64px;
  line-height: 72px;
}

.h1-other-wrok.other-work {
  margin-top: 0;
}

.other-work-skills {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 1200px;
  margin: 40px auto 80px;
  display: flex;
}

.link-block-5 {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
}

.other-work-image {
  width: 100%;
  max-width: 1230px;
}

.background-video-5 {
  aspect-ratio: auto;
  width: 100%;
  max-width: 1230px;
  height: 100%;
  min-height: 600px;
  max-height: 600px;
}

.link-block-6 {
  z-index: 1;
  width: 100%;
  height: 100%;
  position: absolute;
}

.link-block-7, .link-block-8, .link-block-9, .link-block-10, .link-block-11, .link-block-12, .link-block-13, .link-block-14, .link-block-15, .link-block-16, .link-block-17, .link-block-18 {
  width: 100%;
  height: 100%;
  position: absolute;
}

.background-video-6 {
  width: 100%;
  max-width: 1230px;
}

.div-block-1282 {
  width: 100%;
}

.link-block-19 {
  width: 100%;
  height: 100%;
  position: absolute;
}

.shifting-demographic {
  max-width: 50%;
  margin-left: 20px;
  margin-right: 20px;
}

@media screen and (max-width: 991px) {
  .container {
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    max-width: none;
    margin-left: 0;
    margin-right: 20px;
    display: block;
  }

  .navbar {
    height: 10vh;
    padding-left: 20px;
    padding-right: 20px;
    position: relative;
  }

  .menu-button {
    width: 40px;
    height: 40px;
    padding: 0;
    display: block;
    overflow: visible;
  }

  .menu-button.w--open {
    color: #242424;
    background-color: #0000;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    display: flex;
  }

  .nav-link {
    text-align: center;
    width: auto;
    margin-right: 0;
  }

  .nav-menu {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    color: #fff;
    background-color: #fff;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    height: 90vh;
    display: flex;
    overflow: visible;
  }

  .div-block-6 {
    max-width: 1240px;
    margin-left: 20px;
    margin-right: 20px;
  }

  .section-3 {
    margin-left: 0;
    margin-right: 0;
  }

  .div-block-31 {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-flow: column;
  }

  .div-block-35 {
    flex-flow: column;
  }

  .div-block-1201 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    width: 100%;
  }

  .heading-6.left-aligned {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    text-align: center;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .heading-6.white.left-aligned {
    text-align: left;
  }

  .slider-text {
    min-height: 57px;
  }

  .div-block-1218 {
    flex-flow: column;
    display: flex;
  }

  .div-block-1219 {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    height: 100%;
    margin-top: auto;
    margin-bottom: auto;
    display: flex;
  }

  .icon-3 {
    color: var(--primary-dark);
  }

  .link-block.brand-logo-link.w--current {
    z-index: 10000;
    position: relative;
  }

  .main-nav-menu {
    z-index: 9999;
    background-color: #fff;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: flex;
    position: fixed;
    inset: 0%;
    transform: translate(100vw);
  }

  .burger-svg-icon {
    color: var(--primary-dark);
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative;
  }

  .cross-svg-icon {
    opacity: 1;
    color: var(--primary-dark);
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
    transform: rotate(-90deg);
  }

  .custom-menu-button {
    z-index: 10000;
    cursor: pointer;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative;
  }

  .code-embed-3 {
    position: absolute;
  }

  .code-embed-4 {
    z-index: auto;
    clear: none;
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative;
  }

  .code-embed-5 {
    z-index: 100;
    justify-content: center;
    align-items: center;
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  .burger-wrapper {
    flex-flow: column;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    display: flex;
    position: relative;
  }

  .top-bar, .middle-bar, .bottom-bar {
    background-color: var(--primary-dark);
    width: 24px;
    height: 2px;
    margin-top: 3px;
    margin-bottom: 3px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .card-key-feature {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    width: 48%;
  }

  .section-7 {
    margin-left: 20px;
    margin-right: 20px;
  }

  .section-wrapper {
    padding-left: 20px;
    padding-right: 20px;
  }

  .research-quote {
    min-width: 275px;
  }

  .lo-fi {
    flex-flow: row;
  }

  .usability-insights {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
  }

  .study-insight-top {
    flex-flow: column;
    width: 100%;
  }

  .div-block-1258 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: row;
  }

  .div-block-1259 {
    max-width: 650px;
  }

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

  .div-block-1270 {
    flex-flow: column;
  }

  .usability-results {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-flow: column;
  }

  .div-block-1272 {
    padding-left: 40px;
  }

  .about {
    margin-left: 20px;
    margin-right: 20px;
  }

  .nav-link-drop {
    text-align: center;
    width: auto;
  }

  .list-item-7, .list-item-8, .list-item-9, .list-item-10, .list-item-11, .list-item-12 {
    text-align: left;
  }

  .competitor-apps {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-flow: column;
    width: 50%;
  }

  .pointr---competitor-analysis-top {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-flow: column;
  }

  .pointr---competitor-blurb {
    flex-flow: column;
    display: flex;
  }

  .section-3-copy, .other-work-top {
    margin-left: 0;
    margin-right: 0;
  }

  .other-work-image-frame, .other-work-image {
    width: 100%;
  }

  .background-video-5 {
    height: 100%;
    min-height: 400px;
  }

  .background-video-6 {
    max-height: 400px;
  }
}

@media screen and (max-width: 767px) {
  .column {
    height: 100%;
    min-height: 150px;
  }

  .columns {
    flex-flow: column;
  }

  .project-1-image {
    object-fit: cover;
  }

  .column-2 {
    padding-top: 20px;
    padding-left: 0;
  }

  .columns-reverse {
    flex-flow: column;
  }

  .div-block-17 {
    flex-flow: column-reverse;
    justify-content: flex-end;
    align-items: center;
    margin-top: 40px;
  }

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

  .image-3 {
    width: 200px;
    height: 200px;
    margin-bottom: 20px;
  }

  .div-block-18 {
    flex-flow: column;
  }

  .heading-4 {
    text-align: left;
    width: 100%;
    margin-bottom: 20px;
  }

  .body-regular.left-align {
    max-width: none;
  }

  .div-block-26 {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
  }

  .div-block-30 {
    flex-flow: column;
  }

  .div-block-31 {
    padding-right: 0;
  }

  .div-block-35 {
    width: 100%;
    margin-top: 20px;
  }

  .div-block-1201 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .card-attendee {
    flex-flow: column;
  }

  .div-block-1203 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    margin-bottom: 40px;
  }

  .heading-6.left-aligned {
    text-align: left;
  }

  .heading-6.white.left-aligned {
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
  }

  .key-feature-content {
    flex-flow: column;
  }

  .div-block-1205 {
    width: 100%;
  }

  .div-block-30-copy, .div-block-1210 {
    flex-flow: column;
  }

  .slider-text.left-align {
    max-width: none;
  }

  .key-features {
    flex-flow: column;
  }

  .card-key-feature {
    flex-flow: column;
    width: 100%;
    padding: 20px;
  }

  .div-block-31-copy {
    padding-right: 0;
  }

  .sub-section-1 {
    flex-flow: column;
  }

  .research-graphic {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-flow: column;
  }

  .market-research-text {
    max-width: none;
  }

  .research-graphic-reverse {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-flow: column;
  }

  .competitor-logos {
    flex-flow: row;
    justify-content: space-around;
    align-items: center;
    padding-right: 0;
  }

  .competitor-logos-wrapper {
    width: 100%;
    margin-top: 20px;
  }

  .ph-user-research, .div-block-1246 {
    flex-flow: column;
  }

  .div-block-1247, .div-block-1248 {
    width: auto;
  }

  .div-block-1258 {
    flex-flow: column;
  }

  .prototype-screens {
    flex-flow: row;
  }

  .before, .after, .subsection, .sub-section {
    padding-right: 0;
  }

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

  .div-block-30-copy, .competitive-audit-wrapper {
    flex-flow: column;
  }

  .image-34, .image-35, .image-36 {
    width: 25%;
  }

  .prototype-screen {
    flex: none;
  }

  .prototype-screens-hi-fi {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
  }

  .footer-wrapper {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-flow: column;
    padding-left: 20px;
    padding-right: 20px;
  }

  .code-embed-6 {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: auto;
    margin-bottom: 0;
    margin-right: 0;
    display: flex;
  }

  .div-block-1272 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-top: 40px;
    padding-left: 0;
  }

  .div-block-1273 {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-flow: row;
    margin-bottom: 0;
    display: flex;
  }

  .div-block-1274 {
    width: 100%;
    max-width: none;
  }

  .footer-menu-list {
    flex-flow: wrap;
    justify-content: flex-start;
    align-items: center;
  }

  .link-block-4 {
    object-fit: fill;
    display: block;
  }

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

  .competitor-apps {
    width: 100%;
    margin-top: 20px;
  }

  .pointr---competitor-analysis, .pointr---pain-points {
    flex-flow: column;
  }

  .pointr---competitor-analysis-top {
    padding-right: 0;
  }

  .div-block-1277 {
    flex-flow: column;
  }

  .div-block-1278 {
    width: 100%;
  }

  .background-video-5 {
    min-height: 300px;
    max-height: 300px;
  }

  .background-video-6 {
    max-height: 300px;
  }

  .shifting-demographic {
    max-width: 75%;
  }
}

@media screen and (max-width: 479px) {
  .column {
    min-height: auto;
  }

  .column-2.reverse {
    padding-right: 0;
  }

  .project-role.other-work {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
  }

  .body-bold.mobile {
    font-size: 12px;
  }

  .div-block-26 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    font-size: 10px;
  }

  .process-card {
    flex-flow: column;
    width: 100%;
    height: auto;
    padding-bottom: 40px;
    display: flex;
  }

  .div-block-28 {
    margin-bottom: 0;
    display: flex;
  }

  .text-block-14 {
    margin-bottom: 0;
  }

  .heading-6.left-aligned {
    text-align: left;
  }

  .div-block-1225 {
    flex-flow: column;
  }

  .problem-statement, .opportunity {
    width: 100%;
  }

  .div-block-1232 {
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
    display: flex;
  }

  .div-block-1233 {
    padding-left: 20px;
    padding-right: 0;
  }

  .div-block-1234 {
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
    display: flex;
  }

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

  .div-block-1236 {
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
    display: flex;
  }

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

  .div-block-1238 {
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
    display: flex;
  }

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

  .div-block-1240 {
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
    display: flex;
  }

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

  .div-block-1243 {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .insight-statement {
    width: 100%;
  }

  .insight-statements {
    flex-flow: column;
  }

  .text-block-23 {
    font-size: 14px;
  }

  .footer-menu-list {
    flex-flow: wrap;
  }

  .other-work-skills {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
  }

  .background-video-5 {
    min-height: 200px;
  }

  .background-video-6 {
    max-height: 200px;
  }
}

#w-node-_246b0120-c88f-f8cf-37ee-2f88f9bbb55d-b58028d7 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-_0f6fec9e-14ba-2e7b-f761-d748cb331334-b58028d7 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

#w-node-_91255971-a47f-4f2b-bfb9-99e064bb11b6-b58028d7 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-_91255971-a47f-4f2b-bfb9-99e064bb11c3-b58028d7 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

#w-node-_013c4b0b-80e5-a9a7-59e4-8a3cd3bc7277-b58028d7 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-_013c4b0b-80e5-a9a7-59e4-8a3cd3bc7284-b58028d7 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

#w-node-_2e3d4457-a41c-b595-1ae7-bbfb12e31358-b58028d7 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-_2e3d4457-a41c-b595-1ae7-bbfb12e31365-b58028d7 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

#w-node-_5e32a153-2b1e-0b88-5488-934363fa8e16-b58028d7 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-_1b75f67d-b59e-c280-a907-37c607f7ae2c-003980d2 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

@media screen and (max-width: 991px) {
  #w-node-_1b75f67d-b59e-c280-a907-37c607f7ae2c-003980d2 {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
  }
}

@media screen and (max-width: 767px) {
  #w-node-_246b0120-c88f-f8cf-37ee-2f88f9bbb55d-b58028d7, #w-node-_91255971-a47f-4f2b-bfb9-99e064bb11b6-b58028d7, #w-node-_013c4b0b-80e5-a9a7-59e4-8a3cd3bc7277-b58028d7, #w-node-_2e3d4457-a41c-b595-1ae7-bbfb12e31358-b58028d7, #w-node-_5e32a153-2b1e-0b88-5488-934363fa8e16-b58028d7 {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_246b0120-c88f-f8cf-37ee-2f88f9bbb55d-b58028d7, #w-node-_91255971-a47f-4f2b-bfb9-99e064bb11b6-b58028d7, #w-node-_013c4b0b-80e5-a9a7-59e4-8a3cd3bc7277-b58028d7, #w-node-_2e3d4457-a41c-b595-1ae7-bbfb12e31358-b58028d7, #w-node-_5e32a153-2b1e-0b88-5488-934363fa8e16-b58028d7, #w-node-_1b75f67d-b59e-c280-a907-37c607f7ae2c-003980d2 {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }
}