html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  font-family: sans-serif;
}

body {
  margin: 0;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

audio, canvas, progress, video {
  vertical-align: baseline;
  display: inline-block;
}

audio:not([controls]) {
  height: 0;
  display: none;
}

[hidden], template {
  display: none;
}

a {
  background-color: #0000;
}

a:active, a:hover {
  outline: 0;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b, strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

h1 {
  margin: .67em 0;
  font-size: 2em;
}

mark {
  color: #000;
  background: #ff0;
}

small {
  font-size: 80%;
}

sub, sup {
  vertical-align: baseline;
  font-size: 75%;
  line-height: 0;
  position: relative;
}

sup {
  top: -.5em;
}

sub {
  bottom: -.25em;
}

img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

hr {
  box-sizing: content-box;
  height: 0;
}

pre {
  overflow: auto;
}

code, kbd, pre, samp {
  font-family: monospace;
  font-size: 1em;
}

button, input, optgroup, select, textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}

button {
  overflow: visible;
}

button, select {
  text-transform: none;
}

button, html input[type="button"], input[type="reset"] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled], html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input {
  line-height: normal;
}

input[type="checkbox"], input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

input[type="search"] {
  -webkit-appearance: none;
}

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td, th {
  padding: 0;
}

@font-face {
  font-family: webflow-icons;
  src: url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBiUAAAC8AAAAYGNtYXDpP+a4AAABHAAAAFxnYXNwAAAAEAAAAXgAAAAIZ2x5ZmhS2XEAAAGAAAADHGhlYWQTFw3HAAAEnAAAADZoaGVhCXYFgQAABNQAAAAkaG10eCe4A1oAAAT4AAAAMGxvY2EDtALGAAAFKAAAABptYXhwABAAPgAABUQAAAAgbmFtZSoCsMsAAAVkAAABznBvc3QAAwAAAAAHNAAAACAAAwP4AZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpAwPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAQAAAAAwACAACAAQAAQAg5gPpA//9//8AAAAAACDmAOkA//3//wAB/+MaBBcIAAMAAQAAAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEBIAAAAyADgAAFAAAJAQcJARcDIP5AQAGA/oBAAcABwED+gP6AQAABAOAAAALgA4AABQAAEwEXCQEH4AHAQP6AAYBAAcABwED+gP6AQAAAAwDAAOADQALAAA8AHwAvAAABISIGHQEUFjMhMjY9ATQmByEiBh0BFBYzITI2PQE0JgchIgYdARQWMyEyNj0BNCYDIP3ADRMTDQJADRMTDf3ADRMTDQJADRMTDf3ADRMTDQJADRMTAsATDSANExMNIA0TwBMNIA0TEw0gDRPAEw0gDRMTDSANEwAAAAABAJ0AtAOBApUABQAACQIHCQEDJP7r/upcAXEBcgKU/usBFVz+fAGEAAAAAAL//f+9BAMDwwAEAAkAABcBJwEXAwE3AQdpA5ps/GZsbAOabPxmbEMDmmz8ZmwDmvxmbAOabAAAAgAA/8AEAAPAAB0AOwAABSInLgEnJjU0Nz4BNzYzMTIXHgEXFhUUBw4BBwYjNTI3PgE3NjU0Jy4BJyYjMSIHDgEHBhUUFx4BFxYzAgBqXV6LKCgoKIteXWpqXV6LKCgoKIteXWpVSktvICEhIG9LSlVVSktvICEhIG9LSlVAKCiLXl1qal1eiygoKCiLXl1qal1eiygoZiEgb0tKVVVKS28gISEgb0tKVVVKS28gIQABAAABwAIAA8AAEgAAEzQ3PgE3NjMxFSIHDgEHBhUxIwAoKIteXWpVSktvICFmAcBqXV6LKChmISBvS0pVAAAAAgAA/8AFtgPAADIAOgAAARYXHgEXFhUUBw4BBwYHIxUhIicuAScmNTQ3PgE3NjMxOAExNDc+ATc2MzIXHgEXFhcVATMJATMVMzUEjD83NlAXFxYXTjU1PQL8kz01Nk8XFxcXTzY1PSIjd1BQWlJJSXInJw3+mdv+2/7c25MCUQYcHFg5OUA/ODlXHBwIAhcXTzY1PTw1Nk8XF1tQUHcjIhwcYUNDTgL+3QFt/pOTkwABAAAAAQAAmM7nP18PPPUACwQAAAAAANciZKUAAAAA1yJkpf/9/70FtgPDAAAACAACAAAAAAAAAAEAAAPA/8AAAAW3//3//QW2AAEAAAAAAAAAAAAAAAAAAAAMBAAAAAAAAAAAAAAAAgAAAAQAASAEAADgBAAAwAQAAJ0EAP/9BAAAAAQAAAAFtwAAAAAAAAAKABQAHgAyAEYAjACiAL4BFgE2AY4AAAABAAAADAA8AAMAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADQAAAAEAAAAAAAIABwCWAAEAAAAAAAMADQBIAAEAAAAAAAQADQCrAAEAAAAAAAUACwAnAAEAAAAAAAYADQBvAAEAAAAAAAoAGgDSAAMAAQQJAAEAGgANAAMAAQQJAAIADgCdAAMAAQQJAAMAGgBVAAMAAQQJAAQAGgC4AAMAAQQJAAUAFgAyAAMAAQQJAAYAGgB8AAMAAQQJAAoANADsd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzUmVndWxhcgBSAGUAZwB1AGwAYQByd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==") format("truetype");
  font-weight: normal;
  font-style: normal;
}

[class^="w-icon-"], [class*=" w-icon-"] {
  speak: none;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  font-family: webflow-icons !important;
}

.w-icon-slider-right:before {
  content: "";
}

.w-icon-slider-left:before {
  content: "";
}

.w-icon-nav-menu:before {
  content: "";
}

.w-icon-arrow-down:before, .w-icon-dropdown-toggle:before {
  content: "";
}

.w-icon-file-upload-remove:before {
  content: "";
}

.w-icon-file-upload-icon:before {
  content: "";
}

* {
  box-sizing: border-box;
}

html {
  height: 100%;
}

body {
  color: #333;
  background-color: #fff;
  min-height: 100%;
  margin: 0;
  font-family: Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

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

html.w-mod-touch * {
  background-attachment: scroll !important;
}

.w-block {
  display: block;
}

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

.w-clearfix:before, .w-clearfix:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-clearfix:after {
  clear: both;
}

.w-hidden {
  display: none;
}

.w-button {
  color: #fff;
  line-height: inherit;
  cursor: pointer;
  background-color: #3898ec;
  border: 0;
  border-radius: 0;
  padding: 9px 15px;
  text-decoration: none;
  display: inline-block;
}

input.w-button {
  -webkit-appearance: button;
}

html[data-w-dynpage] [data-w-cloak] {
  color: #0000 !important;
}

.w-code-block {
  margin: unset;
}

pre.w-code-block code {
  all: inherit;
}

pre.w-code-block code > span {
  display: block !important;
}

.w-optimization {
  display: contents;
}

.w-webflow-badge, .w-webflow-badge > img {
  box-sizing: unset;
  width: unset;
  height: unset;
  max-height: unset;
  max-width: unset;
  min-height: unset;
  min-width: unset;
  margin: unset;
  padding: unset;
  float: unset;
  clear: unset;
  border: unset;
  border-radius: unset;
  background: unset;
  background-image: unset;
  background-position: unset;
  background-size: unset;
  background-repeat: unset;
  background-origin: unset;
  background-clip: unset;
  background-attachment: unset;
  background-color: unset;
  box-shadow: unset;
  transform: unset;
  direction: unset;
  font-family: unset;
  font-weight: unset;
  color: unset;
  font-size: unset;
  line-height: unset;
  font-style: unset;
  font-variant: unset;
  text-align: unset;
  letter-spacing: unset;
  -webkit-text-decoration: unset;
  text-decoration: unset;
  text-indent: unset;
  text-transform: unset;
  list-style-type: unset;
  text-shadow: unset;
  vertical-align: unset;
  cursor: unset;
  white-space: unset;
  word-break: unset;
  word-spacing: unset;
  word-wrap: unset;
  transition: unset;
}

.w-webflow-badge {
  white-space: nowrap;
  cursor: pointer;
  box-shadow: 0 0 0 1px #0000001a, 0 1px 3px #0000001a;
  visibility: visible !important;
  opacity: 1 !important;
  z-index: 2147483647 !important;
  color: #aaadb0 !important;
  width: auto !important;
  height: auto !important;
  overflow: unset !important;
  background-color: #fff !important;
  border-radius: 3px !important;
  margin: 0 !important;
  padding: 6px !important;
  font-size: 12px !important;
  line-height: 14px !important;
  text-decoration: none !important;
  display: inline-block !important;
  position: fixed !important;
  inset: auto 12px 12px auto !important;
  transform: none !important;
}

.w-webflow-badge > img {
  position: unset;
  visibility: unset !important;
  opacity: 1 !important;
  vertical-align: middle !important;
  display: inline-block !important;
}

h1, h2, h3, h4, h5, h6 {
  margin-bottom: 10px;
  font-weight: bold;
}

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

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

h3 {
  margin-top: 20px;
  font-size: 24px;
  line-height: 30px;
}

h4 {
  margin-top: 10px;
  font-size: 18px;
  line-height: 24px;
}

h5 {
  margin-top: 10px;
  font-size: 14px;
  line-height: 20px;
}

h6 {
  margin-top: 10px;
  font-size: 12px;
  line-height: 18px;
}

p {
  margin-top: 0;
  margin-bottom: 10px;
}

blockquote {
  border-left: 5px solid #e2e2e2;
  margin: 0 0 10px;
  padding: 10px 20px;
  font-size: 18px;
  line-height: 22px;
}

figure {
  margin: 0 0 10px;
}

figcaption {
  text-align: center;
  margin-top: 5px;
}

ul, ol {
  margin-top: 0;
  margin-bottom: 10px;
  padding-left: 40px;
}

.w-list-unstyled {
  padding-left: 0;
  list-style: none;
}

.w-embed:before, .w-embed:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-embed:after {
  clear: both;
}

.w-video {
  width: 100%;
  padding: 0;
  position: relative;
}

.w-video iframe, .w-video object, .w-video embed {
  border: none;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

button, [type="button"], [type="reset"] {
  cursor: pointer;
  -webkit-appearance: button;
  border: 0;
}

.w-form {
  margin: 0 0 15px;
}

.w-form-done {
  text-align: center;
  background-color: #ddd;
  padding: 20px;
  display: none;
}

.w-form-fail {
  background-color: #ffdede;
  margin-top: 10px;
  padding: 10px;
  display: none;
}

label {
  margin-bottom: 5px;
  font-weight: bold;
  display: block;
}

.w-input, .w-select {
  color: #333;
  vertical-align: middle;
  background-color: #fff;
  border: 1px solid #ccc;
  width: 100%;
  height: 38px;
  margin-bottom: 10px;
  padding: 8px 12px;
  font-size: 14px;
  line-height: 1.42857;
  display: block;
}

.w-input::placeholder, .w-select::placeholder {
  color: #999;
}

.w-input:focus, .w-select:focus {
  border-color: #3898ec;
  outline: 0;
}

.w-input[disabled], .w-select[disabled], .w-input[readonly], .w-select[readonly], fieldset[disabled] .w-input, fieldset[disabled] .w-select {
  cursor: not-allowed;
}

.w-input[disabled]:not(.w-input-disabled), .w-select[disabled]:not(.w-input-disabled), .w-input[readonly], .w-select[readonly], fieldset[disabled]:not(.w-input-disabled) .w-input, fieldset[disabled]:not(.w-input-disabled) .w-select {
  background-color: #eee;
}

textarea.w-input, textarea.w-select {
  height: auto;
}

.w-select {
  background-color: #f3f3f3;
}

.w-select[multiple] {
  height: auto;
}

.w-form-label {
  cursor: pointer;
  margin-bottom: 0;
  font-weight: normal;
  display: inline-block;
}

.w-radio {
  margin-bottom: 5px;
  padding-left: 20px;
  display: block;
}

.w-radio:before, .w-radio:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-radio:after {
  clear: both;
}

.w-radio-input {
  float: left;
  margin: 3px 0 0 -20px;
  line-height: normal;
}

.w-file-upload {
  margin-bottom: 10px;
  display: block;
}

.w-file-upload-input {
  opacity: 0;
  z-index: -100;
  width: .1px;
  height: .1px;
  position: absolute;
  overflow: hidden;
}

.w-file-upload-default, .w-file-upload-uploading, .w-file-upload-success {
  color: #333;
  display: inline-block;
}

.w-file-upload-error {
  margin-top: 10px;
  display: block;
}

.w-file-upload-default.w-hidden, .w-file-upload-uploading.w-hidden, .w-file-upload-error.w-hidden, .w-file-upload-success.w-hidden {
  display: none;
}

.w-file-upload-uploading-btn {
  cursor: pointer;
  background-color: #fafafa;
  border: 1px solid #ccc;
  margin: 0;
  padding: 8px 12px;
  font-size: 14px;
  font-weight: normal;
  display: flex;
}

.w-file-upload-file {
  background-color: #fafafa;
  border: 1px solid #ccc;
  flex-grow: 1;
  justify-content: space-between;
  margin: 0;
  padding: 8px 9px 8px 11px;
  display: flex;
}

.w-file-upload-file-name {
  font-size: 14px;
  font-weight: normal;
  display: block;
}

.w-file-remove-link {
  cursor: pointer;
  width: auto;
  height: auto;
  margin-top: 3px;
  margin-left: 10px;
  padding: 3px;
  display: block;
}

.w-icon-file-upload-remove {
  margin: auto;
  font-size: 10px;
}

.w-file-upload-error-msg {
  color: #ea384c;
  padding: 2px 0;
  display: inline-block;
}

.w-file-upload-info {
  padding: 0 12px;
  line-height: 38px;
  display: inline-block;
}

.w-file-upload-label {
  cursor: pointer;
  background-color: #fafafa;
  border: 1px solid #ccc;
  margin: 0;
  padding: 8px 12px;
  font-size: 14px;
  font-weight: normal;
  display: inline-block;
}

.w-icon-file-upload-icon, .w-icon-file-upload-uploading {
  width: 20px;
  margin-right: 8px;
  display: inline-block;
}

.w-icon-file-upload-uploading {
  height: 20px;
}

.w-container {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
}

.w-container:before, .w-container:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-container:after {
  clear: both;
}

.w-container .w-row {
  margin-left: -10px;
  margin-right: -10px;
}

.w-row:before, .w-row:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-row:after {
  clear: both;
}

.w-row .w-row {
  margin-left: 0;
  margin-right: 0;
}

.w-col {
  float: left;
  width: 100%;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  position: relative;
}

.w-col .w-col {
  padding-left: 0;
  padding-right: 0;
}

.w-col-1 {
  width: 8.33333%;
}

.w-col-2 {
  width: 16.6667%;
}

.w-col-3 {
  width: 25%;
}

.w-col-4 {
  width: 33.3333%;
}

.w-col-5 {
  width: 41.6667%;
}

.w-col-6 {
  width: 50%;
}

.w-col-7 {
  width: 58.3333%;
}

.w-col-8 {
  width: 66.6667%;
}

.w-col-9 {
  width: 75%;
}

.w-col-10 {
  width: 83.3333%;
}

.w-col-11 {
  width: 91.6667%;
}

.w-col-12 {
  width: 100%;
}

.w-hidden-main {
  display: none !important;
}

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

  .w-hidden-main {
    display: inherit !important;
  }

  .w-hidden-medium {
    display: none !important;
  }

  .w-col-medium-1 {
    width: 8.33333%;
  }

  .w-col-medium-2 {
    width: 16.6667%;
  }

  .w-col-medium-3 {
    width: 25%;
  }

  .w-col-medium-4 {
    width: 33.3333%;
  }

  .w-col-medium-5 {
    width: 41.6667%;
  }

  .w-col-medium-6 {
    width: 50%;
  }

  .w-col-medium-7 {
    width: 58.3333%;
  }

  .w-col-medium-8 {
    width: 66.6667%;
  }

  .w-col-medium-9 {
    width: 75%;
  }

  .w-col-medium-10 {
    width: 83.3333%;
  }

  .w-col-medium-11 {
    width: 91.6667%;
  }

  .w-col-medium-12 {
    width: 100%;
  }

  .w-col-stack {
    width: 100%;
    left: auto;
    right: auto;
  }
}

@media screen and (max-width: 767px) {
  .w-hidden-main, .w-hidden-medium {
    display: inherit !important;
  }

  .w-hidden-small {
    display: none !important;
  }

  .w-row, .w-container .w-row {
    margin-left: 0;
    margin-right: 0;
  }

  .w-col {
    width: 100%;
    left: auto;
    right: auto;
  }

  .w-col-small-1 {
    width: 8.33333%;
  }

  .w-col-small-2 {
    width: 16.6667%;
  }

  .w-col-small-3 {
    width: 25%;
  }

  .w-col-small-4 {
    width: 33.3333%;
  }

  .w-col-small-5 {
    width: 41.6667%;
  }

  .w-col-small-6 {
    width: 50%;
  }

  .w-col-small-7 {
    width: 58.3333%;
  }

  .w-col-small-8 {
    width: 66.6667%;
  }

  .w-col-small-9 {
    width: 75%;
  }

  .w-col-small-10 {
    width: 83.3333%;
  }

  .w-col-small-11 {
    width: 91.6667%;
  }

  .w-col-small-12 {
    width: 100%;
  }
}

@media screen and (max-width: 479px) {
  .w-container {
    max-width: none;
  }

  .w-hidden-main, .w-hidden-medium, .w-hidden-small {
    display: inherit !important;
  }

  .w-hidden-tiny {
    display: none !important;
  }

  .w-col {
    width: 100%;
  }

  .w-col-tiny-1 {
    width: 8.33333%;
  }

  .w-col-tiny-2 {
    width: 16.6667%;
  }

  .w-col-tiny-3 {
    width: 25%;
  }

  .w-col-tiny-4 {
    width: 33.3333%;
  }

  .w-col-tiny-5 {
    width: 41.6667%;
  }

  .w-col-tiny-6 {
    width: 50%;
  }

  .w-col-tiny-7 {
    width: 58.3333%;
  }

  .w-col-tiny-8 {
    width: 66.6667%;
  }

  .w-col-tiny-9 {
    width: 75%;
  }

  .w-col-tiny-10 {
    width: 83.3333%;
  }

  .w-col-tiny-11 {
    width: 91.6667%;
  }

  .w-col-tiny-12 {
    width: 100%;
  }
}

.w-widget {
  position: relative;
}

.w-widget-map {
  width: 100%;
  height: 400px;
}

.w-widget-map label {
  width: auto;
  display: inline;
}

.w-widget-map img {
  max-width: inherit;
}

.w-widget-map .gm-style-iw {
  text-align: center;
}

.w-widget-map .gm-style-iw > button {
  display: none !important;
}

.w-widget-twitter {
  overflow: hidden;
}

.w-widget-twitter-count-shim {
  vertical-align: top;
  text-align: center;
  background: #fff;
  border: 1px solid #758696;
  border-radius: 3px;
  width: 28px;
  height: 20px;
  display: inline-block;
  position: relative;
}

.w-widget-twitter-count-shim * {
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
}

.w-widget-twitter-count-shim .w-widget-twitter-count-inner {
  text-align: center;
  color: #999;
  font-family: serif;
  font-size: 15px;
  line-height: 12px;
  position: relative;
}

.w-widget-twitter-count-shim .w-widget-twitter-count-clear {
  display: block;
  position: relative;
}

.w-widget-twitter-count-shim.w--large {
  width: 36px;
  height: 28px;
}

.w-widget-twitter-count-shim.w--large .w-widget-twitter-count-inner {
  font-size: 18px;
  line-height: 18px;
}

.w-widget-twitter-count-shim:not(.w--vertical) {
  margin-left: 5px;
  margin-right: 8px;
}

.w-widget-twitter-count-shim:not(.w--vertical).w--large {
  margin-left: 6px;
}

.w-widget-twitter-count-shim:not(.w--vertical):before, .w-widget-twitter-count-shim:not(.w--vertical):after {
  content: " ";
  pointer-events: none;
  border: solid #0000;
  width: 0;
  height: 0;
  position: absolute;
  top: 50%;
  left: 0;
}

.w-widget-twitter-count-shim:not(.w--vertical):before {
  border-width: 4px;
  border-color: #75869600 #5d6c7b #75869600 #75869600;
  margin-top: -4px;
  margin-left: -9px;
}

.w-widget-twitter-count-shim:not(.w--vertical).w--large:before {
  border-width: 5px;
  margin-top: -5px;
  margin-left: -10px;
}

.w-widget-twitter-count-shim:not(.w--vertical):after {
  border-width: 4px;
  border-color: #fff0 #fff #fff0 #fff0;
  margin-top: -4px;
  margin-left: -8px;
}

.w-widget-twitter-count-shim:not(.w--vertical).w--large:after {
  border-width: 5px;
  margin-top: -5px;
  margin-left: -9px;
}

.w-widget-twitter-count-shim.w--vertical {
  width: 61px;
  height: 33px;
  margin-bottom: 8px;
}

.w-widget-twitter-count-shim.w--vertical:before, .w-widget-twitter-count-shim.w--vertical:after {
  content: " ";
  pointer-events: none;
  border: solid #0000;
  width: 0;
  height: 0;
  position: absolute;
  top: 100%;
  left: 50%;
}

.w-widget-twitter-count-shim.w--vertical:before {
  border-width: 5px;
  border-color: #5d6c7b #75869600 #75869600;
  margin-left: -5px;
}

.w-widget-twitter-count-shim.w--vertical:after {
  border-width: 4px;
  border-color: #fff #fff0 #fff0;
  margin-left: -4px;
}

.w-widget-twitter-count-shim.w--vertical .w-widget-twitter-count-inner {
  font-size: 18px;
  line-height: 22px;
}

.w-widget-twitter-count-shim.w--vertical.w--large {
  width: 76px;
}

.w-background-video {
  color: #fff;
  height: 500px;
  position: relative;
  overflow: hidden;
}

.w-background-video > video {
  object-fit: cover;
  z-index: -100;
  background-position: 50%;
  background-size: cover;
  width: 100%;
  height: 100%;
  margin: auto;
  position: absolute;
  inset: -100%;
}

.w-background-video > video::-webkit-media-controls-start-playback-button {
  -webkit-appearance: none;
  display: none !important;
}

.w-background-video--control {
  background-color: #0000;
  padding: 0;
  position: absolute;
  bottom: 1em;
  right: 1em;
}

.w-background-video--control > [hidden] {
  display: none !important;
}

.w-slider {
  text-align: center;
  clear: both;
  -webkit-tap-highlight-color: #0000;
  tap-highlight-color: #0000;
  background: #ddd;
  height: 300px;
  position: relative;
}

.w-slider-mask {
  z-index: 1;
  white-space: nowrap;
  height: 100%;
  display: block;
  position: relative;
  left: 0;
  right: 0;
  overflow: hidden;
}

.w-slide {
  vertical-align: top;
  white-space: normal;
  text-align: left;
  width: 100%;
  height: 100%;
  display: inline-block;
  position: relative;
}

.w-slider-nav {
  z-index: 2;
  text-align: center;
  -webkit-tap-highlight-color: #0000;
  tap-highlight-color: #0000;
  height: 40px;
  margin: auto;
  padding-top: 10px;
  position: absolute;
  inset: auto 0 0;
}

.w-slider-nav.w-round > div {
  border-radius: 100%;
}

.w-slider-nav.w-num > div {
  width: auto;
  height: auto;
  font-size: inherit;
  line-height: inherit;
  padding: .2em .5em;
}

.w-slider-nav.w-shadow > div {
  box-shadow: 0 0 3px #3336;
}

.w-slider-nav-invert {
  color: #fff;
}

.w-slider-nav-invert > div {
  background-color: #2226;
}

.w-slider-nav-invert > div.w-active {
  background-color: #222;
}

.w-slider-dot {
  cursor: pointer;
  background-color: #fff6;
  width: 1em;
  height: 1em;
  margin: 0 3px .5em;
  transition: background-color .1s, color .1s;
  display: inline-block;
  position: relative;
}

.w-slider-dot.w-active {
  background-color: #fff;
}

.w-slider-dot:focus {
  outline: none;
  box-shadow: 0 0 0 2px #fff;
}

.w-slider-dot:focus.w-active {
  box-shadow: none;
}

.w-slider-arrow-left, .w-slider-arrow-right {
  cursor: pointer;
  color: #fff;
  -webkit-tap-highlight-color: #0000;
  tap-highlight-color: #0000;
  -webkit-user-select: none;
  user-select: none;
  width: 80px;
  margin: auto;
  font-size: 40px;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.w-slider-arrow-left [class^="w-icon-"], .w-slider-arrow-right [class^="w-icon-"], .w-slider-arrow-left [class*=" w-icon-"], .w-slider-arrow-right [class*=" w-icon-"] {
  position: absolute;
}

.w-slider-arrow-left:focus, .w-slider-arrow-right:focus {
  outline: 0;
}

.w-slider-arrow-left {
  z-index: 3;
  right: auto;
}

.w-slider-arrow-right {
  z-index: 4;
  left: auto;
}

.w-icon-slider-left, .w-icon-slider-right {
  width: 1em;
  height: 1em;
  margin: auto;
  inset: 0;
}

.w-slider-aria-label {
  clip: rect(0 0 0 0);
  border: 0;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  position: absolute;
  overflow: hidden;
}

.w-slider-force-show {
  display: block !important;
}

.w-dropdown {
  text-align: left;
  z-index: 900;
  margin-left: auto;
  margin-right: auto;
  display: inline-block;
  position: relative;
}

.w-dropdown-btn, .w-dropdown-toggle, .w-dropdown-link {
  vertical-align: top;
  color: #222;
  text-align: left;
  white-space: nowrap;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
  text-decoration: none;
  position: relative;
}

.w-dropdown-toggle {
  -webkit-user-select: none;
  user-select: none;
  cursor: pointer;
  padding-right: 40px;
  display: inline-block;
}

.w-dropdown-toggle:focus {
  outline: 0;
}

.w-icon-dropdown-toggle {
  width: 1em;
  height: 1em;
  margin: auto 20px auto auto;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
}

.w-dropdown-list {
  background: #ddd;
  min-width: 100%;
  display: none;
  position: absolute;
}

.w-dropdown-list.w--open {
  display: block;
}

.w-dropdown-link {
  color: #222;
  padding: 10px 20px;
  display: block;
}

.w-dropdown-link.w--current {
  color: #0082f3;
}

.w-dropdown-link:focus {
  outline: 0;
}

.w-lightbox-backdrop {
  cursor: auto;
  letter-spacing: normal;
  text-indent: 0;
  text-shadow: none;
  text-transform: none;
  visibility: visible;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  color: #fff;
  text-align: center;
  z-index: 2000;
  opacity: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -webkit-tap-highlight-color: transparent;
  background: #000000e6;
  outline: 0;
  font-family: Helvetica Neue, Helvetica, Ubuntu, Segoe UI, Verdana, sans-serif;
  font-size: 17px;
  font-style: normal;
  font-weight: 300;
  line-height: 1.2;
  list-style: disc;
  position: fixed;
  inset: 0;
  -webkit-transform: translate(0);
}

.w-lightbox-backdrop, .w-lightbox-container {
  -webkit-overflow-scrolling: touch;
  height: 100%;
  overflow: auto;
}

.w-lightbox-content {
  height: 100vh;
  position: relative;
  overflow: hidden;
}

.w-lightbox-view {
  opacity: 0;
  width: 100vw;
  height: 100vh;
  position: absolute;
}

.w-lightbox-view:before {
  content: "";
  height: 100vh;
}

.w-lightbox-group, .w-lightbox-group .w-lightbox-view, .w-lightbox-group .w-lightbox-view:before {
  height: 86vh;
}

.w-lightbox-frame, .w-lightbox-view:before {
  vertical-align: middle;
  display: inline-block;
}

.w-lightbox-figure {
  margin: 0;
  position: relative;
}

.w-lightbox-group .w-lightbox-figure {
  cursor: pointer;
}

.w-lightbox-img {
  width: auto;
  max-width: none;
  height: auto;
}

.w-lightbox-image {
  float: none;
  max-width: 100vw;
  max-height: 100vh;
  display: block;
}

.w-lightbox-group .w-lightbox-image {
  max-height: 86vh;
}

.w-lightbox-caption {
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  background: #0006;
  padding: .5em 1em;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
}

.w-lightbox-embed {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}

.w-lightbox-control {
  cursor: pointer;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 24px;
  width: 4em;
  transition: all .3s;
  position: absolute;
  top: 0;
}

.w-lightbox-left {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0yMCAwIDI0IDQwIiB3aWR0aD0iMjQiIGhlaWdodD0iNDAiPjxnIHRyYW5zZm9ybT0icm90YXRlKDQ1KSI+PHBhdGggZD0ibTAgMGg1djIzaDIzdjVoLTI4eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDN2MjNoMjN2M2gtMjZ6IiBmaWxsPSIjZmZmIi8+PC9nPjwvc3ZnPg==");
  display: none;
  bottom: 0;
  left: 0;
}

.w-lightbox-right {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMjQgNDAiIHdpZHRoPSIyNCIgaGVpZ2h0PSI0MCI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMC0waDI4djI4aC01di0yM2gtMjN6IiBvcGFjaXR5PSIuNCIvPjxwYXRoIGQ9Im0xIDFoMjZ2MjZoLTN2LTIzaC0yM3oiIGZpbGw9IiNmZmYiLz48L2c+PC9zdmc+");
  display: none;
  bottom: 0;
  right: 0;
}

.w-lightbox-close {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMTggMTciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxNyI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMCAwaDd2LTdoNXY3aDd2NWgtN3Y3aC01di03aC03eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDd2LTdoM3Y3aDd2M2gtN3Y3aC0zdi03aC03eiIgZmlsbD0iI2ZmZiIvPjwvZz48L3N2Zz4=");
  background-size: 18px;
  height: 2.6em;
  right: 0;
}

.w-lightbox-strip {
  white-space: nowrap;
  padding: 0 1vh;
  line-height: 0;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: auto hidden;
}

.w-lightbox-item {
  box-sizing: content-box;
  cursor: pointer;
  width: 10vh;
  padding: 2vh 1vh;
  display: inline-block;
  -webkit-transform: translate3d(0, 0, 0);
}

.w-lightbox-active {
  opacity: .3;
}

.w-lightbox-thumbnail {
  background: #222;
  height: 10vh;
  position: relative;
  overflow: hidden;
}

.w-lightbox-thumbnail-image {
  position: absolute;
  top: 0;
  left: 0;
}

.w-lightbox-thumbnail .w-lightbox-tall {
  width: 100%;
  top: 50%;
  transform: translate(0, -50%);
}

.w-lightbox-thumbnail .w-lightbox-wide {
  height: 100%;
  left: 50%;
  transform: translate(-50%);
}

.w-lightbox-spinner {
  box-sizing: border-box;
  border: 5px solid #0006;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  margin-top: -20px;
  margin-left: -20px;
  animation: .8s linear infinite spin;
  position: absolute;
  top: 50%;
  left: 50%;
}

.w-lightbox-spinner:after {
  content: "";
  border: 3px solid #0000;
  border-bottom-color: #fff;
  border-radius: 50%;
  position: absolute;
  inset: -4px;
}

.w-lightbox-hide {
  display: none;
}

.w-lightbox-noscroll {
  overflow: hidden;
}

@media (min-width: 768px) {
  .w-lightbox-content {
    height: 96vh;
    margin-top: 2vh;
  }

  .w-lightbox-view, .w-lightbox-view:before {
    height: 96vh;
  }

  .w-lightbox-group, .w-lightbox-group .w-lightbox-view, .w-lightbox-group .w-lightbox-view:before {
    height: 84vh;
  }

  .w-lightbox-image {
    max-width: 96vw;
    max-height: 96vh;
  }

  .w-lightbox-group .w-lightbox-image {
    max-width: 82.3vw;
    max-height: 84vh;
  }

  .w-lightbox-left, .w-lightbox-right {
    opacity: .5;
    display: block;
  }

  .w-lightbox-close {
    opacity: .8;
  }

  .w-lightbox-control:hover {
    opacity: 1;
  }
}

.w-lightbox-inactive, .w-lightbox-inactive:hover {
  opacity: 0;
}

.w-richtext:before, .w-richtext:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-richtext:after {
  clear: both;
}

.w-richtext[contenteditable="true"]:before, .w-richtext[contenteditable="true"]:after {
  white-space: initial;
}

.w-richtext ol, .w-richtext ul {
  overflow: hidden;
}

.w-richtext .w-richtext-figure-selected.w-richtext-figure-type-video div:after, .w-richtext .w-richtext-figure-selected[data-rt-type="video"] div:after, .w-richtext .w-richtext-figure-selected.w-richtext-figure-type-image div, .w-richtext .w-richtext-figure-selected[data-rt-type="image"] div {
  outline: 2px solid #2895f7;
}

.w-richtext figure.w-richtext-figure-type-video > div:after, .w-richtext figure[data-rt-type="video"] > div:after {
  content: "";
  display: none;
  position: absolute;
  inset: 0;
}

.w-richtext figure {
  max-width: 60%;
  position: relative;
}

.w-richtext figure > div:before {
  cursor: default !important;
}

.w-richtext figure img {
  width: 100%;
}

.w-richtext figure figcaption.w-richtext-figcaption-placeholder {
  opacity: .6;
}

.w-richtext figure div {
  color: #0000;
  font-size: 0;
}

.w-richtext figure.w-richtext-figure-type-image, .w-richtext figure[data-rt-type="image"] {
  display: table;
}

.w-richtext figure.w-richtext-figure-type-image > div, .w-richtext figure[data-rt-type="image"] > div {
  display: inline-block;
}

.w-richtext figure.w-richtext-figure-type-image > figcaption, .w-richtext figure[data-rt-type="image"] > figcaption {
  caption-side: bottom;
  display: table-caption;
}

.w-richtext figure.w-richtext-figure-type-video, .w-richtext figure[data-rt-type="video"] {
  width: 60%;
  height: 0;
}

.w-richtext figure.w-richtext-figure-type-video iframe, .w-richtext figure[data-rt-type="video"] iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.w-richtext figure.w-richtext-figure-type-video > div, .w-richtext figure[data-rt-type="video"] > div {
  width: 100%;
}

.w-richtext figure.w-richtext-align-center {
  clear: both;
  margin-left: auto;
  margin-right: auto;
}

.w-richtext figure.w-richtext-align-center.w-richtext-figure-type-image > div, .w-richtext figure.w-richtext-align-center[data-rt-type="image"] > div {
  max-width: 100%;
}

.w-richtext figure.w-richtext-align-normal {
  clear: both;
}

.w-richtext figure.w-richtext-align-fullwidth {
  text-align: center;
  clear: both;
  width: 100%;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.w-richtext figure.w-richtext-align-fullwidth > div {
  padding-bottom: inherit;
  display: inline-block;
}

.w-richtext figure.w-richtext-align-fullwidth > figcaption {
  display: block;
}

.w-richtext figure.w-richtext-align-floatleft {
  float: left;
  clear: none;
  margin-right: 15px;
}

.w-richtext figure.w-richtext-align-floatright {
  float: right;
  clear: none;
  margin-left: 15px;
}

.w-nav {
  z-index: 1000;
  background: #ddd;
  position: relative;
}

.w-nav:before, .w-nav:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-nav:after {
  clear: both;
}

.w-nav-brand {
  float: left;
  color: #333;
  text-decoration: none;
  position: relative;
}

.w-nav-link {
  vertical-align: top;
  color: #222;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.w-nav-link.w--current {
  color: #0082f3;
}

.w-nav-menu {
  float: right;
  position: relative;
}

[data-nav-menu-open] {
  text-align: center;
  background: #c8c8c8;
  min-width: 200px;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  overflow: visible;
  display: block !important;
}

.w--nav-link-open {
  display: block;
  position: relative;
}

.w-nav-overlay {
  width: 100%;
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  overflow: hidden;
}

.w-nav-overlay [data-nav-menu-open] {
  top: 0;
}

.w-nav[data-animation="over-left"] .w-nav-overlay {
  width: auto;
}

.w-nav[data-animation="over-left"] .w-nav-overlay, .w-nav[data-animation="over-left"] [data-nav-menu-open] {
  z-index: 1;
  top: 0;
  right: auto;
}

.w-nav[data-animation="over-right"] .w-nav-overlay {
  width: auto;
}

.w-nav[data-animation="over-right"] .w-nav-overlay, .w-nav[data-animation="over-right"] [data-nav-menu-open] {
  z-index: 1;
  top: 0;
  left: auto;
}

.w-nav-button {
  float: right;
  cursor: pointer;
  -webkit-tap-highlight-color: #0000;
  tap-highlight-color: #0000;
  -webkit-user-select: none;
  user-select: none;
  padding: 18px;
  font-size: 24px;
  display: none;
  position: relative;
}

.w-nav-button:focus {
  outline: 0;
}

.w-nav-button.w--open {
  color: #fff;
  background-color: #c8c8c8;
}

.w-nav[data-collapse="all"] .w-nav-menu {
  display: none;
}

.w-nav[data-collapse="all"] .w-nav-button, .w--nav-dropdown-open, .w--nav-dropdown-toggle-open {
  display: block;
}

.w--nav-dropdown-list-open {
  position: static;
}

@media screen and (max-width: 991px) {
  .w-nav[data-collapse="medium"] .w-nav-menu {
    display: none;
  }

  .w-nav[data-collapse="medium"] .w-nav-button {
    display: block;
  }
}

@media screen and (max-width: 767px) {
  .w-nav[data-collapse="small"] .w-nav-menu {
    display: none;
  }

  .w-nav[data-collapse="small"] .w-nav-button {
    display: block;
  }

  .w-nav-brand {
    padding-left: 10px;
  }
}

@media screen and (max-width: 479px) {
  .w-nav[data-collapse="tiny"] .w-nav-menu {
    display: none;
  }

  .w-nav[data-collapse="tiny"] .w-nav-button {
    display: block;
  }
}

.w-tabs {
  position: relative;
}

.w-tabs:before, .w-tabs:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-tabs:after {
  clear: both;
}

.w-tab-menu {
  position: relative;
}

.w-tab-link {
  vertical-align: top;
  text-align: left;
  cursor: pointer;
  color: #222;
  background-color: #ddd;
  padding: 9px 30px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.w-tab-link.w--current {
  background-color: #c8c8c8;
}

.w-tab-link:focus {
  outline: 0;
}

.w-tab-content {
  display: block;
  position: relative;
  overflow: hidden;
}

.w-tab-pane {
  display: none;
  position: relative;
}

.w--tab-active {
  display: block;
}

@media screen and (max-width: 479px) {
  .w-tab-link {
    display: block;
  }
}

.w-ix-emptyfix:after {
  content: "";
}

@keyframes spin {
  0% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(360deg);
  }
}

.w-dyn-empty {
  background-color: #ddd;
  padding: 10px;
}

.w-dyn-hide, .w-dyn-bind-empty, .w-condition-invisible {
  display: none !important;
}

.wf-layout-layout {
  display: grid;
}

@font-face {
  font-family: Mont Bold;
  src: url("https://cdn.prod.website-files.com/635db35660eb5a185a9755ab/64754028d104ff4644e154b5_Mont-Bold.otf") format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Mont Regular;
  src: url("https://cdn.prod.website-files.com/635db35660eb5a185a9755ab/64754016ed4e2e778d7fbf82_Mont-Regular.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root {
  --white: white;
  --nero: #232323;
  --white-smoke: #eceeef;
  --black: #0d0d0d;
  --sky-blue: #87ceeb;
  --sky-blue\<deleted\|variable-61fd102a\>: skyblue;
  --main-text-color: #333;
  --red\<deleted\|variable-4087b35b\>: #aa001c;
  --grey: #c4c4c4;
  --one-green: #96deae;
  --serenity: #a3c6eb;
}

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

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

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

.w-embed-youtubevideo {
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/static/youtube-placeholder.2b05e7d68d.svg");
  background-position: 50%;
  background-size: cover;
  width: 100%;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  position: relative;
}

.w-embed-youtubevideo:empty {
  min-height: 75px;
  padding-bottom: 56.25%;
}

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

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

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

body {
  color: #333;
  flex-direction: column;
  font-family: Inter, sans-serif;
  font-size: 14px;
  line-height: 20px;
  display: flex;
}

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

h3 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 24px;
  font-weight: bold;
  line-height: 30px;
}

p {
  margin-bottom: 10px;
}

a {
  color: var(--white);
  align-self: center;
}

.section {
  color: #333;
  width: 100%;
  max-width: 100%;
  padding-top: 60px;
  padding-bottom: 60px;
}

.section.color {
  background-color: #220079;
}

.section.footer {
  background-color: var(--nero);
  color: var(--nero);
  margin-top: auto;
}

.section.hero {
  color: #fbf8f300;
  background-color: #0000;
  background-image: none;
  padding-top: 64px;
  padding-bottom: 64px;
}

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

.heading {
  max-width: 1200px;
  color: var(--nero);
  font-family: DM Serif Display, sans-serif;
  font-size: 48px;
  line-height: 1.1;
}

.text-block {
  color: #232323d9;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 600;
}

.text-block.contact-subhead {
  color: #333333b3;
  letter-spacing: 1px;
  font-size: 18px;
}

.navbar {
  background-color: #fff;
}

.nav-link {
  cursor: pointer;
  margin-top: 24px;
}

.nav-link.w--current {
  color: var(--nero);
}

.nav-link.button {
  background-color: var(--black);
  color: #fff;
  cursor: pointer;
  border-radius: 6px;
  margin-top: 36px;
  margin-left: 18px;
  padding-top: 8px;
  padding-bottom: 8px;
}

.nav-link.button:hover {
  background-color: var(--sky-blue);
  color: #0d0d0d;
}

.heading-2 {
  margin-top: 0;
  margin-bottom: 20px;
  font-family: DM Serif Display, sans-serif;
}

.heading-2.case-study-main-heading {
  color: #220079;
}

.heading-2.other {
  margin-bottom: 60px;
}

.heading-2.conclusion {
  margin-top: 60px;
  margin-bottom: 40px;
}

.heading-2.contact-heading {
  background-color: var(--sky-blue);
  color: var(--sky-blue);
  -webkit-text-fill-color: transparent;
  background-image: none;
  -webkit-background-clip: text;
  background-clip: text;
  margin-bottom: 6px;
}

.case-study-paragraph {
  color: #333333f2;
  max-width: 490px;
  margin-bottom: 42px;
  font-size: 16px;
}

.case-study-details {
  background-color: #0000;
  flex-direction: column;
  min-height: 500px;
  padding-top: 30px;
  padding-bottom: 30px;
  padding-right: 30px;
  display: flex;
}

.case-study-name {
  color: var(--nero);
  margin-top: 10px;
  font-family: DM Serif Display, sans-serif;
  font-weight: 400;
}

.case-study-name.other {
  font-size: 20px;
}

.case-study-type {
  color: #232323d9;
  font-size: 13px;
}

.case-study-type.other {
  margin-bottom: 8px;
}

.case-study-description {
  color: var(--nero);
}

.field-label {
  letter-spacing: 2px;
  text-transform: uppercase;
  font-size: 11px;
}

.form-block {
  padding: 30px;
  box-shadow: 0 4px 16px -6px #0006;
}

.form-paragraph {
  color: #333333d9;
  max-width: 560px;
  margin-bottom: 20px;
}

.grid {
  grid-template-rows: auto;
}

.form {
  flex-direction: column;
  display: flex;
}

.submit-button {
  background-color: var(--black);
  border-radius: 6px;
  align-self: flex-end;
  margin-top: 15px;
}

.submit-button:hover {
  background-color: var(--sky-blue);
  color: #000;
}

.footer-holder {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.footer-message {
  max-width: 600px;
  color: var(--white);
  text-align: center;
  margin-bottom: 30px;
}

.collection-list {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1.75fr 2fr .75fr .75fr;
  grid-auto-columns: 1fr;
  justify-items: center;
  display: grid;
}

.footer-logo-image {
  margin-bottom: 30px;
}

.text-block-2 {
  color: #fff;
  font-weight: 600;
}

.text-block-2:hover {
  color: #fff;
}

.social-wrapper {
  margin-top: 30px;
}

.social-link {
  margin-left: 8px;
  margin-right: 8px;
}

.footer-light {
  border-bottom: 1px solid #e4ebf3;
  padding: 80px 30px 40px;
  position: relative;
}

.footer-wrapper-two {
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.footer-block-two {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.footer-title {
  font-size: 18px;
  font-weight: 500;
  line-height: 32px;
}

.footer-link-two {
  color: #1a1b1f;
  margin-top: 20px;
  text-decoration: none;
}

.footer-link-two:hover {
  color: #1a1b1fbf;
}

.footer-form {
  width: 315px;
  max-width: 100%;
  margin-bottom: 0;
}

.footer-form-block {
  justify-content: center;
  align-items: center;
  margin-top: 24px;
  display: flex;
}

.footer-form-field {
  border: 1px solid #a6b1bf;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  height: 48px;
  margin-bottom: 0;
  padding: 12px 16px;
  font-size: 14px;
  line-height: 22px;
  transition: all .2s;
}

.footer-form-field:hover, .footer-form-field:focus {
  border-color: #76879d;
}

.footer-form-field::placeholder {
  color: #1a1b1fcc;
  font-size: 14px;
  line-height: 22px;
}

.footer-divider-two {
  background-color: #e4ebf3;
  width: 100%;
  height: 1px;
  margin-top: 24px;
  margin-bottom: 24px;
}

.footer-bottom {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.footer-copyright {
  color: var(--white);
  text-align: center;
  margin-top: 30px;
  margin-bottom: 30px;
}

.footer-social-block-two {
  justify-content: flex-start;
  align-items: center;
  margin-top: 0;
  margin-left: -12px;
  display: flex;
}

.footer-dark {
  background-color: #f5f7fa;
  border-bottom: 1px solid #e4ebf3;
  padding: 50px 30px 15px;
  position: relative;
}

.footer-wrapper {
  justify-content: space-between;
  align-items: flex-start;
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.footer-content {
  grid-column-gap: 70px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: auto auto 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.footer-block {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.title-small {
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 12px;
  font-size: 14px;
  font-weight: 700;
  line-height: 16px;
}

.footer-social-block {
  justify-content: flex-start;
  align-items: center;
  margin-top: 12px;
  margin-left: -12px;
  display: flex;
}

.footer-divider {
  background-color: #e4ebf3;
  width: 100%;
  height: 1px;
  margin-top: 70px;
  margin-bottom: 15px;
}

.footer-copyright-center {
  text-align: center;
  font-size: 14px;
  line-height: 16px;
}

.case-study-number {
  color: #232323d9;
  flex-direction: column;
  margin-top: auto;
  font-size: 13px;
  display: flex;
}

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

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

.div-block {
  object-fit: cover;
  background-color: #541d1f;
  width: auto;
  max-width: 50%;
  height: 100%;
}

.arrow-link {
  float: right;
  margin-top: 2px;
  margin-bottom: 1px;
}

.hmw {
  margin-top: 14px;
  margin-bottom: 14px;
}

.paragraph {
  color: #561de8;
}

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

.div-block-2 {
  background-color: #561de8;
  max-width: 81.3%;
}

.div-block-2.div-3 {
  max-width: 21.9%;
}

.new-page {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.navbarcontainer {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1200px;
  display: flex;
}

.navbar-content {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1200px;
  display: flex;
}

.navbar-brand {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.navbar-menu {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.navbar-link {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 24px 12px;
  display: flex;
}

.text {
  color: #000;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
}

.text-2 {
  color: #fff;
  font-family: Inter, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 140%;
}

.small-container {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: #f5f7fa;
  border-radius: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 960px;
  padding: 32px;
  display: flex;
}

.content {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.text-3 {
  color: #000;
  text-align: center;
  font-family: Inter, sans-serif;
  font-size: 48px;
  font-weight: 700;
  line-height: 120%;
}

.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tristique {
  color: #212121;
  text-align: center;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 150%;
}

.gallery-scroll {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  background-color: #fff;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  padding: 64px 24px;
  display: flex;
}

.content-2 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.text-4 {
  color: #000;
  font-family: Inter, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 150%;
}

.text-5 {
  color: #fff;
  font-family: Inter, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 150%;
  position: absolute;
  top: 328px;
  left: 16px;
}

.navbar-2, .navbar-3 {
  background-color: #fff;
}

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

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

.heading-3 {
  text-align: center;
  margin-top: 8px;
  font-weight: 400;
}

.heading-4, .heading-5 {
  text-align: center;
}

.text-block-5 {
  text-align: center;
  margin-bottom: 15px;
}

.case-study-page-heading {
  margin-top: 0;
  margin-bottom: 10px;
  font-family: DM Serif Display, sans-serif;
  font-size: 38px;
  line-height: 1;
}

.case-study-page-heading.case-study-type-page-heading-2 {
  color: #333333b3;
  margin-bottom: 60px;
  font-family: Inter, sans-serif;
  font-size: 19px;
}

.case-study-details-section {
  grid-column-gap: 24px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  justify-items: center;
  margin-top: 24px;
}

.case-study-label {
  margin-top: 20px;
  margin-bottom: 10px;
  font-family: DM Serif Display, sans-serif;
  font-size: 24px;
}

.case-study-info {
  white-space: pre-wrap;
  max-width: 305px;
  font-size: 16px;
  line-height: 22px;
}

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

.case-study-info-div-block {
  max-width: 100%;
  margin-top: 24px;
  padding-left: 10px;
  padding-right: 10px;
}

.case-study-info-div-block.bottom-half-row {
  margin-top: 16px;
}

.hero-image {
  object-fit: cover;
  width: 100%;
  height: 700px;
}

.project-heading {
  margin-top: 0;
  margin-bottom: 10px;
  font-family: DM Serif Display, sans-serif;
  font-size: 38px;
  line-height: 1;
}

.project-heading.case-study-type-page-heading-2, .project-heading.project-type-subhead {
  color: #333333b3;
  margin-bottom: 60px;
  font-family: Inter, sans-serif;
  font-size: 19px;
}

.grid-10 {
  grid-template-columns: 1fr 1fr 1fr;
}

.divider-heading {
  color: var(--white);
  text-align: left;
  justify-content: flex-end;
  font-family: DM Serif Display, sans-serif;
  display: inline-block;
}

.divider-text {
  color: var(--white);
  flex-direction: column;
  margin-bottom: 0;
  display: flex;
}

.divider-text p {
  color: #561de8;
}

.column-divider-2 {
  flex-direction: column;
  display: flex;
}

.case-study-main-heading {
  font-family: DM Serif Display, sans-serif;
}

.case-study-main-heading.final-prototype-heading-2, .case-study-main-heading.final-prototype-heading-1, .case-study-main-heading.final-prototype-heading-3 {
  text-align: center;
}

.case-study-main-text-body {
  max-width: 580px;
  font-size: 16px;
  line-height: 21px;
}

.design-process-image {
  object-fit: cover;
  width: 100%;
  margin-top: 60px;
  margin-bottom: 140px;
}

.column-4 {
  display: flex;
}

.column-5 {
  flex-direction: row-reverse;
  display: flex;
}

.users-audience-image {
  margin-top: 60px;
  margin-bottom: 100px;
}

.image-5 {
  margin-top: 140px;
  margin-bottom: 100px;
}

.grid-11, .grid-12 {
  grid-template-columns: 1fr 1fr 1fr;
}

.canary-text-link {
  color: #203290;
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
}

.grid-13, .grid-14 {
  grid-template-columns: 1fr 1fr 1fr;
}

.collection-item-2 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: .8fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

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

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

.collection-item-3 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: .8fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.text-block-6 {
  flex-direction: column;
  margin-top: auto;
  display: flex;
}

.footer-links-holder {
  grid-column-gap: 13px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1.75fr 1.25fr .75fr 1.75fr 1.25fr .75fr;
  grid-auto-columns: 1fr;
  align-self: stretch;
  justify-items: stretch;
  padding-left: 4px;
  padding-right: 4px;
  display: grid;
}

.collection-item-link-3 {
  justify-content: center;
  display: flex;
}

.collection-item-link-1 {
  text-align: center;
  justify-content: space-around;
  display: flex;
}

.collection-item-link-4 {
  justify-content: center;
  display: flex;
}

.collection-item-4, .case-study-list {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: .8fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.grid-16, .grid-17, .grid-18, .grid-19, .grid-20 {
  grid-template-columns: 1fr 1fr 1fr;
}

.canary-link {
  color: #203290;
  text-decoration: underline;
}

.survey-findings-slider {
  height: 520px;
  margin-top: 20px;
}

.secondary-research-link1 {
  color: #541d1f;
  letter-spacing: 1px;
  text-transform: none;
  font-weight: 600;
  text-decoration: underline;
}

.secondary-research-text {
  margin-top: 8px;
  margin-bottom: 3px;
  font-size: 16px;
}

.link {
  color: #203290;
}

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

.case-study-heading-3 {
  text-align: left;
  text-transform: none;
  margin-bottom: 6px;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 600;
}

.case-study-heading-3.sticky-note-heading-3 {
  margin-top: 60px;
  margin-bottom: 20px;
}

.case-study-heading-3.usability-study {
  text-align: left;
  text-transform: uppercase;
  margin-bottom: 10px;
  font-size: 16px;
}

.case-study-heading-3.user-flow-heading-3, .case-study-heading-3.mockups {
  text-align: center;
}

.case-study-heading-3.paper-wireframes-heading-3 {
  margin-top: 60px;
  margin-bottom: 40px;
}

.case-study-heading-3.empathy-map {
  margin-top: 20px;
  margin-bottom: 10px;
}

.case-study-heading-3.kfdp-heading-3 {
  margin-top: 40px;
  font-family: nexa-rust-sans-black-2, sans-serif;
  font-weight: 900;
}

.case-study-heading-3.kfdp-heading-3.possible-solution {
  margin-top: 40px;
}

.case-study-heading-3.ideation-phase-subheading {
  margin-top: 24px;
  margin-bottom: 24px;
  font-family: Inter, sans-serif;
  font-weight: 600;
}

.secondary-research-p1 {
  text-align: left;
  max-width: 500px;
  font-family: Inter, sans-serif;
  font-size: 16px;
  line-height: 21px;
  display: flex;
}

.secondary-research-image {
  object-fit: contain;
  height: 62%;
  margin-left: auto;
  margin-right: auto;
}

.grid-21 {
  grid-column-gap: 0px;
  grid-template-rows: auto;
}

.research-image {
  object-fit: cover;
  width: 250px;
  height: 400px;
  margin-top: 60px;
}

.research-image._1 {
  width: 500px;
}

.image-7 {
  object-fit: cover;
  height: 400px;
  margin-left: 17px;
}

.grid-22 {
  grid-column-gap: 0px;
  grid-template-rows: auto;
  display: flex;
}

.text-block-7, .text-block-8 {
  font-size: 16px;
}

.whats-out-there-h3 {
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 600;
}

.slide {
  background-image: url("https://cdn.prod.website-files.com/635db35660eb5a185a9755ab/647682747c1a4ac2d1b22ce9_Whats%20out%20there%402x.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.slider {
  height: 400px;
}

.pain-points-grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: .75fr .75fr;
  margin-top: 60px;
}

.pain-point-circles {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border: 22px solid #541d1f;
  border-radius: 6px;
  grid-template-rows: auto;
  grid-template-columns: .25fr;
  grid-auto-columns: 1fr;
  margin-bottom: 24px;
  display: inline-block;
}

.div-block-8 {
  border: 32px solid #000;
  border-radius: 32px;
}

.div-block-9 {
  border: 80px solid var(--black);
  background-color: #0000;
  border-radius: 80px;
}

.text-block-9 {
  color: var(--white);
  background-color: #541d1f;
  font-family: nunito-sans, sans-serif;
  font-size: 18px;
  font-weight: 700;
}

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

.pain-point-heading {
  text-align: center;
  margin-top: 6px;
  margin-bottom: 6px;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 700;
}

.pain-point-heading.kfdp {
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 600;
}

.pain-point-text {
  text-align: center;
  max-width: 400px;
  font-size: 16px;
  line-height: 21px;
}

.pain-point-text.kfdp {
  line-height: 21px;
}

.pain-point-info-div {
  flex-direction: column;
  align-items: center;
  margin-top: 30px;
  margin-bottom: 30px;
  display: flex;
}

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

.heading-6 {
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 600;
}

.sticky-note-heading-div {
  text-transform: uppercase;
  margin-top: 40px;
  font-size: 18px;
  font-weight: 600;
}

.persona-grid {
  grid-template-rows: auto;
}

.column-6 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  margin-top: 60px;
  display: flex;
}

.persona-heading {
  text-transform: uppercase;
  font-family: brandon-grotesque, sans-serif;
  font-size: 20px;
}

.persona-name-heading {
  text-transform: uppercase;
  font-family: brandon-grotesque, sans-serif;
  font-size: 24px;
}

.persona-image {
  object-fit: cover;
  height: 300px;
}

.quote-div-block {
  background-color: #541d1f;
  align-items: center;
  width: 300px;
  height: 60px;
  padding-left: 14px;
  padding-right: 14px;
  display: flex;
}

.persona-heading-3 {
  color: #e23131;
  text-transform: uppercase;
  font-family: brandon-grotesque, sans-serif;
  font-size: 20px;
}

.persona-heading-2 {
  color: #203290;
  text-transform: uppercase;
  font-family: brandon-grotesque, sans-serif;
  font-size: 20px;
}

.persona-slider {
  background-color: var(--white);
  height: 600px;
  margin-top: 54px;
}

.persona-info {
  max-width: 440px;
  font-family: nunito-sans, sans-serif;
  font-size: 16px;
}

.quote-text {
  color: var(--white);
  text-align: center;
  font-family: nunito-sans, sans-serif;
  font-weight: 400;
}

.heading-7 {
  text-transform: uppercase;
  font-family: brandon-grotesque, sans-serif;
}

.column-7 {
  padding-left: 24px;
}

.arrow-icon {
  background-color: #2323233d;
  border-radius: 6px;
  inset: auto 0% 0%;
}

.arrow-icon.journey-map-arrow {
  margin-top: 354px;
}

.arrow-icon.survey-arrow, .arrow-icon.primary-research, .arrow-icon.persona-arrow, .arrow-icon.transparent {
  inset: 0%;
}

.empathy-map-info-grid {
  grid-column-gap: 24px;
  grid-row-gap: 25px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.empathy-map-info-div {
  max-width: 500px;
}

.empathy-map-image {
  border-radius: 6px;
}

.empathy-map-div-image {
  flex-direction: column;
  align-items: center;
  margin-top: 40px;
}

.journey-map-slider {
  background-color: #0000;
  border: 1px #000;
  height: 400px;
}

.journey-map-image-1 {
  background-image: url("https://cdn.prod.website-files.com/635db35660eb5a185a9755ab/647beb50159f326b03c28ee0_Melissa%20Flowchart%20.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
}

.journey-map-image-2 {
  background-image: url("https://cdn.prod.website-files.com/635db35660eb5a185a9755ab/647beb4f31f6a51a2917f7c5_Skylar%20Flowchart.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
}

.storyboard-image {
  object-fit: contain;
  width: 100%;
  height: auto;
  margin-top: 60px;
}

.div-block-12 {
  object-fit: cover;
  max-width: 200%;
  height: 400px;
}

.columns {
  align-items: center;
  display: flex;
}

.column-8 {
  text-align: right;
}

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

.understanding-the-user {
  text-align: right;
}

.paper-wireframe-image {
  object-fit: contain;
  width: 100%;
  margin-top: 10px;
}

.paper-wireframe-text {
  text-align: center;
  margin-top: 60px;
  margin-bottom: 32px;
  font-family: nunito-sans, sans-serif;
  font-size: 16px;
  font-weight: 700;
}

.paper-wireframe-image-2 {
  object-fit: contain;
  width: 100%;
}

.paper-wireframe-div {
  object-fit: cover;
  flex-direction: column;
  align-items: center;
  max-width: 100%;
  margin-top: 60px;
  display: flex;
}

.digital-wireframe-slider {
  height: 640px;
  margin-top: 60px;
}

.digital-wireframe-image-1 {
  background-image: url("https://cdn.prod.website-files.com/635db35660eb5a185a9755ab/647ccbe020dd96af7c0a7dd0_1.Wireframes%402x.jpg");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
}

.digital-wireframe-slide-nav {
  margin-bottom: -40px;
}

.digital-wireframe-2 {
  background-image: url("https://cdn.prod.website-files.com/635db35660eb5a185a9755ab/647ccbc60a3ea753d8fb9d34_2.Wireframes%20%E2%80%93%201%402x.jpg");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
}

.digital-wireframe-image-3 {
  background-image: url("https://cdn.prod.website-files.com/635db35660eb5a185a9755ab/647ccbdf113e2327cd160a72_3.Posting%20function%402x%20copy.jpg");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
}

.line-divider {
  border: 1px solid var(--nero);
  margin-top: 60px;
}

.publish-an-item-div {
  margin-top: 60px;
}

.low-fidelity-image {
  object-fit: contain;
  width: 100%;
  margin-top: 60px;
}

.div-block-13 {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.low-fidelity-text-link {
  margin-top: 20px;
  font-weight: 600;
}

.low-fidelity-link {
  color: #541d1f;
  text-decoration: underline;
}

.low-fidelity-link.the-hub {
  text-transform: none;
}

.usability-study-div-block {
  grid-column-gap: 0px;
  grid-row-gap: 16px;
  flex-direction: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  margin-top: 16px;
  display: flex;
}

.usability-study-details {
  max-width: 400px;
  margin-left: 16px;
  font-family: Inter, sans-serif;
  font-size: 16px;
  line-height: 21px;
}

.usability-study-details.one-usability-study-details {
  font-family: Inter, sans-serif;
  line-height: 21px;
}

.circle-number-image {
  object-fit: cover;
  height: 54px;
  position: relative;
  top: -8px;
}

.usability-study-info {
  max-width: 470px;
  font-family: Inter, sans-serif;
  font-size: 16px;
  line-height: 21px;
}

.usability-study-info-div {
  margin-top: 32px;
}

.publish-an-item-image {
  object-fit: contain;
  width: 100%;
}

.mockups-list {
  margin-bottom: 0;
  font-size: 16px;
  line-height: 22px;
}

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

.mockup-image {
  object-fit: contain;
  width: 100%;
}

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

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

.mockup-grid.the-hub {
  grid-row-gap: 46px;
  grid-template-rows: auto auto auto auto auto auto;
}

.mockup-div-block {
  margin-bottom: 40px;
}

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

.high-fidelity-image {
  object-fit: contain;
  height: 550px;
}

.high-fidelity-div-block {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 40px;
  display: flex;
}

.slide-6 {
  background-image: url("https://cdn.prod.website-files.com/635db35660eb5a185a9755ab/64728517b6e208b1c1545ff3_Survey%20Findings%20.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
}

.survey-finding-image {
  background-image: url("https://cdn.prod.website-files.com/635db35660eb5a185a9755ab/647e87937f317f025aa314b6_Survey%20Findings%402x.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-nav-2 {
  background-image: url("https://cdn.prod.website-files.com/635db35660eb5a185a9755ab/64728517b6e208b1c1545ff3_Survey%20Findings%20.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: auto;
  margin-bottom: -40px;
}

.slide-7 {
  background-image: url("https://cdn.prod.website-files.com/635db35660eb5a185a9755ab/647e87d625100840823f7821_Survey%20Findings%20%E2%80%93%202%402x.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-8 {
  background-image: url("https://cdn.prod.website-files.com/635db35660eb5a185a9755ab/647e87dd7167f474e12e1baa_Survey%20Findings%20%E2%80%93%203%402x.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-9 {
  background-image: url("https://cdn.prod.website-files.com/635db35660eb5a185a9755ab/647e87e08ea90863fd519b40_Survey%20Findings%20%E2%80%93%204%402x.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
}

.high-fidelity-link {
  color: #541d1f;
  font-weight: 600;
  text-decoration: underline;
}

.high-fidelity-link.ipad-link, .high-fidelity-link.laptop-link {
  text-transform: none;
}

.high-fidelity-text-link {
  margin-top: 20px;
  display: flex;
}

.high-fidelity-text-link.ipad-link {
  justify-content: center;
  position: relative;
  top: -58px;
}

.other-case-studies-grid {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.other-case-study-image {
  object-fit: cover;
  width: 100%;
  height: 300px;
}

.other-case-study-details {
  border: 1.5px solid #000;
  flex: 0;
  height: 124px;
  padding: 24px;
}

.other-case-study-collection-item {
  grid-column-gap: 16px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.collection-item-5, .collection-item-6 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.div-block-14 {
  border: 1px solid #000;
}

.grid-25 {
  grid-template-columns: 1fr 1fr 1fr;
}

.other-case-study-link-block {
  flex-direction: column;
}

.conclusion-grid {
  grid-column-gap: 24px;
  grid-template-rows: auto;
}

.grid-27 {
  grid-template-rows: auto;
}

.conclusion-info-div-block {
  max-width: 500px;
  padding-right: 10px;
}

.conclusion-info {
  font-size: 16px;
  line-height: 21px;
}

.slide-10 {
  background-color: var(--white);
  background-image: url("https://cdn.prod.website-files.com/635db35660eb5a185a9755ab/6472900b43da89b8c586c4a1_Testimonial%402x.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.empathy-map-list {
  font-size: 16px;
  line-height: 24px;
}

.findings-column {
  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;
}

.image-9, .image-10, .image-11 {
  object-fit: contain;
  width: 100%;
}

.whats-out-there-info-column {
  margin-top: 60px;
  display: inline-block;
}

.div-block-15, .sticky-note-grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.design-process-image-2 {
  object-fit: cover;
  width: 100%;
  margin-top: 60px;
}

.primary-research-slider {
  height: 640px;
  margin-top: 60px;
}

.slide-11 {
  background-image: url("https://cdn.prod.website-files.com/635db35660eb5a185a9755ab/6485fc44e17e150882d05705_Research%20Process%20%E2%80%93%201%402x.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-12 {
  background-image: url("https://cdn.prod.website-files.com/635db35660eb5a185a9755ab/6485fc45b2d725c0b395c9c6_Research%20Process%20%E2%80%93%202%402x.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-13 {
  background-image: url("https://cdn.prod.website-files.com/635db35660eb5a185a9755ab/6485fc44a08275641f7f8be7_Research%20Process%20%E2%80%93%203%402x.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-14 {
  background-image: url("https://cdn.prod.website-files.com/635db35660eb5a185a9755ab/6485fc4524d1d65cc84a641d_Research%20Process%20%E2%80%93%204%402x.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
}

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

.inside-highered-image, .education-data-image {
  object-fit: scale-down;
  width: 100%;
  height: 400px;
  box-shadow: 0 2px 5px #0003;
}

.image-13, .image-14 {
  box-shadow: 0 2px 5px #0003;
}

.secondary-research-grid {
  grid-template-columns: 1fr;
  margin-top: 60px;
}

.secondary-research-image-2, .secondary-research-image-3 {
  object-fit: contain;
  width: 100%;
}

.interviews-image-1, .ask-the-expert-image {
  object-fit: contain;
  width: 100%;
  box-shadow: 0 2px 5px #0003;
}

.lightbox-link-2, .lightbox-link-3, .lightbox-link-4 {
  object-fit: contain;
  width: 100%;
}

.interviews-columns {
  margin-top: 20px;
}

.light-box-caption {
  margin-top: 60px;
  font-weight: 600;
}

.light-box-caption.user-research-caption-1 {
  margin-top: 18px;
  margin-bottom: 40px;
}

.persona-1 {
  background-image: url("https://cdn.prod.website-files.com/635db35660eb5a185a9755ab/64865fe8f4715910f5b08695_Persona%20%E2%80%93%2015%402x.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
}

.persona-slider-2 {
  background-color: #ddd0;
  height: 600px;
  margin-top: 60px;
}

.persona-2 {
  background-image: url("https://cdn.prod.website-files.com/635db35660eb5a185a9755ab/64865fe7c44436f6a7399403_Persona%20%E2%80%93%2016%402x.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-nav-3 {
  position: static;
}

.sticky-note-grid-2 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.solution-chart-image {
  object-fit: contain;
  width: 100%;
}

.lightbox-solution-chart-link {
  width: 100%;
  margin-top: 20px;
}

.paper-wireframe-slider {
  background-color: #0000;
  height: 640px;
  margin-top: 60px;
}

.slide-15 {
  background-image: url("https://cdn.prod.website-files.com/635db35660eb5a185a9755ab/648785d3c8a8fd025859fe03_paper%20wireframe%201.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.slide-nav-4 {
  position: static;
}

.slide-16 {
  background-image: url("https://cdn.prod.website-files.com/635db35660eb5a185a9755ab/648785d3c3df4503914b3fcf_paper%20wireframe%202.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.slide-17 {
  background-image: url("https://cdn.prod.website-files.com/635db35660eb5a185a9755ab/648785d305b4106e750e6392_paper%20wireframe%203.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.slide-18 {
  background-image: url("https://cdn.prod.website-files.com/635db35660eb5a185a9755ab/648785d2c759516f7224d922_paper%20wireframe%204.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.arrow-2 {
  background-color: #2323233d;
  border-radius: 6px;
}

.arrow-2.inverted-arrow {
  -webkit-text-fill-color: transparent;
  background-color: #23232366;
  -webkit-background-clip: text;
  background-clip: text;
}

.digital-wireframe-slider-2 {
  background-color: var(--white);
  height: 640px;
  margin-top: 60px;
}

.slide-19 {
  background-image: url("https://cdn.prod.website-files.com/635db35660eb5a185a9755ab/6486774cd8da4bb31997224f_Paper%20wireframe%201%402x.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-20 {
  background-image: url("https://cdn.prod.website-files.com/635db35660eb5a185a9755ab/6486774fdad77b3e2d6ab931_Paper%20wireframe%202%402x.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-21 {
  background-image: url("https://cdn.prod.website-files.com/635db35660eb5a185a9755ab/6486774ddcc1f215a8f378e9_Paper%20wireframe%203%402x.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-22 {
  background-image: url("https://cdn.prod.website-files.com/635db35660eb5a185a9755ab/6486774d0c09ab6f4e963cc6_Paper%20wireframe%204%402x.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-nav-5 {
  position: static;
}

.low-fidelity-div-block {
  flex-direction: column;
  align-items: center;
  margin-top: 60px;
  display: flex;
}

.low-fidelity-image-2 {
  object-fit: cover;
  width: 100%;
}

.column-10 {
  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;
}

.usability-study-columns {
  margin-top: 10px;
}

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

.desktop-mockup-slider {
  height: 700px;
  margin-top: 20px;
}

.desktop-image-1 {
  background-image: url("https://cdn.prod.website-files.com/635db35660eb5a185a9755ab/648888489441ee76176e0b89_4.the%20hub%20university%20services_iMac%20mockup_01.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.desktop-image-2 {
  background-image: url("https://cdn.prod.website-files.com/635db35660eb5a185a9755ab/64888b6dd08ccbc343fce76d_4.the%20hub%20university%20services_iMac%20mockup_02.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.desktop-image-3 {
  background-image: url("https://cdn.prod.website-files.com/635db35660eb5a185a9755ab/64888b6acefbe57e585f8dd3_4.the%20hub%20university%20services_iMac%20mockup_03.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.desktop-image-4 {
  background-image: url("https://cdn.prod.website-files.com/635db35660eb5a185a9755ab/64888b6ac0da0d8312e0628b_4.the%20hub%20university%20services_iMac%20mockup_04.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.desktop-image-5 {
  background-image: url("https://cdn.prod.website-files.com/635db35660eb5a185a9755ab/64888b6d2e8b1b93ebddb0c2_4.the%20hub%20university%20services_iMac%20mockup_05.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.desktop-mockup-slider-2 {
  height: 640px;
  margin-top: 20px;
}

.desktop-image-6 {
  background-image: url("https://cdn.prod.website-files.com/635db35660eb5a185a9755ab/6488925f40f33bc4b826f968_2.the%20hub%20university%20services_iMac%20mockup_walkthrough_01.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.desktop-image-7 {
  background-image: url("https://cdn.prod.website-files.com/635db35660eb5a185a9755ab/648892617e484493e2e353bc_2.the%20hub%20university%20services_iMac%20mockup_walkthrough_02.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.web-screen-slider {
  height: 640px;
  margin-top: 20px;
}

.screen-image-1 {
  background-image: url("https://cdn.prod.website-files.com/635db35660eb5a185a9755ab/648891860164b44adfc6430c_the%20hub%20university%20services_webscreen_mockup_01.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.screen-image-2 {
  background-image: url("https://cdn.prod.website-files.com/635db35660eb5a185a9755ab/648891862e8b1b93ebe51ba9_the%20hub%20university%20services_webscreen_mockup_02.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.screen-image-3 {
  background-image: url("https://cdn.prod.website-files.com/635db35660eb5a185a9755ab/64889187011d127471e57dd7_the%20hub%20university%20services_webscreen_mockup_03.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.ipad-mockup-slider {
  background-color: var(--white);
  height: 640px;
}

.ipad-image-1 {
  background-image: url("https://cdn.prod.website-files.com/635db35660eb5a185a9755ab/6488a3d4333ff5b4ff2b6e67_The%20Hub_ipad%20mockup_02_1.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.ipad-image-2 {
  background-image: url("https://cdn.prod.website-files.com/635db35660eb5a185a9755ab/6488a6cbd74125817873a5dc_The%20Hub_ipad%20mockup_02_2.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.ipad-image-3 {
  background-image: url("https://cdn.prod.website-files.com/635db35660eb5a185a9755ab/6488a80cb6cd4d2bfa010b23_The%20Hub_ipad%20mockup_02_3.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.ipad-image-4 {
  background-image: url("https://cdn.prod.website-files.com/635db35660eb5a185a9755ab/6488a80c8e21c26d1e9c8013_The%20Hub_ipad%20mockup_02_4.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.ipad-image-5 {
  background-image: url("https://cdn.prod.website-files.com/635db35660eb5a185a9755ab/6488a80b7c6bc8d56ef8bd03_The%20Hub_ipad%20mockup_02_5.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.ipad-image-6 {
  background-image: url("https://cdn.prod.website-files.com/635db35660eb5a185a9755ab/6488a80b5b3f2f6d38345d54_The%20Hub_ipad%20mockup_02_6.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.physical-space-image {
  object-fit: contain;
  width: 100%;
  margin-top: 20px;
}

.map-page-image {
  object-fit: contain;
  width: 100%;
  height: 700px;
}

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

.high-fidelity-slider {
  background-color: #0000;
  height: 640px;
}

.final-prototype-image-1 {
  background-image: url("https://cdn.prod.website-files.com/635db35660eb5a185a9755ab/6488b777d13e6e38526ce33c_the%20hub_laptop_mockup_01.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.final-prototype-image-2 {
  background-image: url("https://cdn.prod.website-files.com/635db35660eb5a185a9755ab/6488b8416263cccfeb59b396_the%20hub_laptop_mockup_03.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.final-prototype-image-3 {
  background-image: url("https://cdn.prod.website-files.com/635db35660eb5a185a9755ab/6488b840114fd8eef452a628_the%20hub_laptop_mockup_02.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.ipad-image-7 {
  width: 100%;
}

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

.slider-2 {
  height: 640px;
}

.slide-23 {
  background-image: url("https://cdn.prod.website-files.com/635db35660eb5a185a9755ab/648888489441ee76176e0b89_4.the%20hub%20university%20services_iMac%20mockup_01.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
}

.slide-24 {
  background-image: url("https://cdn.prod.website-files.com/635db35660eb5a185a9755ab/64888b6dd08ccbc343fce76d_4.the%20hub%20university%20services_iMac%20mockup_02.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-25 {
  background-image: url("https://cdn.prod.website-files.com/635db35660eb5a185a9755ab/64888b6acefbe57e585f8dd3_4.the%20hub%20university%20services_iMac%20mockup_03.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-26 {
  background-image: url("https://cdn.prod.website-files.com/635db35660eb5a185a9755ab/64888b6ac0da0d8312e0628b_4.the%20hub%20university%20services_iMac%20mockup_04.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-27 {
  background-image: url("https://cdn.prod.website-files.com/635db35660eb5a185a9755ab/64888b6d2e8b1b93ebddb0c2_4.the%20hub%20university%20services_iMac%20mockup_05.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.arrow-icon-copy {
  background-color: #2323233d;
  border-radius: 6px;
  inset: auto 0% 0%;
}

.arrow-icon-copy.journey-map-arrow {
  margin-top: 354px;
}

.arrow-icon-copy.survey-arrow, .arrow-icon-copy.primary-research, .arrow-icon-copy.persona-arrow {
  inset: 0%;
}

.canary-intro-div-block {
  text-align: center;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.canary-intro-heading {
  color: #b72126;
  margin-bottom: 0;
  font-family: Mont Bold, Arial, sans-serif;
  font-size: 48px;
  line-height: 60px;
}

.canary-text-body {
  max-width: 900px;
  margin-top: 10px;
  font-family: Inter, sans-serif;
  font-size: 20px;
  line-height: 26px;
}

.canary-text-body.solution {
  color: var(--white);
  text-align: center;
  margin-top: 4px;
  font-size: 17px;
  line-height: 24px;
}

.canary-heading {
  color: #0b1e39;
  text-align: center;
  font-family: Mont Bold, Arial, sans-serif;
  font-size: 48px;
}

.methods-of-control-grid {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  margin-top: 100px;
}

.methods-of-control-div {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.methods-of-control-image {
  object-fit: contain;
  width: 100%;
  height: 160px;
  margin-bottom: 10px;
}

.methods-of-control-text-1 {
  color: #b72126;
  text-align: center;
  margin-bottom: 12px;
  font-family: Inter, sans-serif;
  font-size: 32px;
  line-height: 36px;
}

.methods-of-control-text-2 {
  text-align: center;
  font-family: Inter, sans-serif;
  font-size: 17px;
  line-height: 23px;
}

.pain-point-grid {
  grid-column-gap: 15px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  margin-top: 100px;
}

.canary-paragraph {
  text-align: center;
  max-width: 400px;
  font-family: Inter, sans-serif;
  font-size: 16px;
  line-height: 21px;
}

.canary-text {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 36px;
}

.canary-text.solution-text {
  color: var(--white);
  text-align: center;
  margin-bottom: 0;
  font-size: 20px;
}

.margin-div-block, .code-language-grid {
  margin-top: 60px;
}

.code-language-subhead {
  color: #b72126;
  margin-top: 20px;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 600;
}

.code-language-image {
  margin-bottom: 20px;
}

.code-language-div-block {
  flex-direction: column;
  align-items: center;
  margin-top: 30px;
  margin-bottom: 30px;
  display: flex;
}

.link-2 {
  color: var(--nero);
}

.canary-link-text-2 {
  color: #b72126;
  text-align: center;
  margin-top: 40px;
  font-size: 15px;
  font-weight: 600;
  text-decoration: underline;
}

.solution-div-block {
  background-color: #0b1e39;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 20px 16px;
  display: flex;
}

.solution-heading {
  color: var(--white);
  text-align: center;
}

.solution-paragraph {
  color: var(--white);
  text-align: center;
  font-family: Mont Regular, Arial, sans-serif;
  font-size: 15px;
}

.online-repo-div-block {
  margin-bottom: 60px;
}

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

.container-2 {
  max-width: 1200px;
  padding-left: 30px;
  padding-right: 30px;
}

.container-2.case-studies {
  margin-bottom: 32px;
}

.heading-8 {
  margin-top: 0;
  margin-bottom: 15px;
  font-family: DM Serif Display, sans-serif;
}

.collection-item {
  grid-column-gap: 0px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: .8fr 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 30px;
  display: grid;
}

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

.canary-final-product {
  object-fit: contain;
  width: 100%;
}

.plug-off-grid {
  grid-row-gap: 5px;
  object-fit: contain;
  grid-template-rows: auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto;
  grid-template-columns: 1fr;
  width: 100%;
}

.image-17 {
  object-fit: cover;
  height: 400px;
}

.merchandise-image {
  object-fit: cover;
  width: 100%;
  height: 400px;
}

.plug-off-image {
  object-fit: contain;
  width: 100%;
}

.social-media-stack, .merchandise-stack {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
}

.plug-off-social-media-image {
  object-fit: contain;
  width: 100%;
}

.footer-links {
  color: var(--sky-blue\<deleted\|variable-61fd102a\>);
}

.larger-heading {
  margin-top: 0;
  margin-bottom: 60px;
  font-family: DM Serif Display, sans-serif;
  font-size: 38px;
  line-height: 1;
}

.larger-heading.case-study-main-heading {
  color: #220079;
}

.larger-heading.other {
  margin-bottom: 60px;
}

.larger-heading.conclusion {
  margin-top: 60px;
  margin-bottom: 40px;
}

.contact-heading-3 {
  font-size: 17px;
}

.contact-column-bio {
  background-color: #0000;
  margin-top: 60px;
}

.contact-bio-holder {
  max-width: 550px;
  margin-top: 20px;
}

.bio-description {
  font-size: 16px;
  line-height: 21px;
}

.areas-of-expertise-info {
  font-size: 16px;
  line-height: 22px;
}

.resume-text {
  color: var(--main-text-color);
}

.contact-heading-2 {
  margin-top: 10px;
  margin-bottom: 4px;
  font-size: 16px;
  font-weight: 600;
}

.recaptcha {
  margin-top: 10px;
}

.case-study-grid {
  grid-row-gap: 44px;
  grid-template-rows: auto auto auto auto auto auto auto auto auto auto auto;
  grid-template-columns: 1fr;
}

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

.kfdp-main-heading {
  margin-bottom: 14px;
  font-family: nexa-rust-sans-black-2, sans-serif;
  font-size: 24px;
  font-weight: 900;
}

.kfdp-main-heading.warmup-heading {
  margin-top: 26px;
  font-size: 18px;
}

.kfdp-main-body {
  max-width: 600px;
  margin-bottom: 22px;
  font-size: 16px;
  line-height: 21px;
}

.primary-research-wrapper {
  padding: 20px 20px 20px 42px;
}

.kfdp-slider-1 {
  background-color: #ddd6;
  padding: 40px;
}

.kfdp-text {
  max-width: 500px;
  margin-top: 5px;
  font-size: 16px;
  line-height: 21px;
}

.kfdp-text.kfdp-facts {
  margin-top: 20px;
  line-height: 21px;
}

.kfdp-list.warmup {
  margin-top: 16px;
}

.kfdp-text-link {
  color: var(--red\<deleted\|variable-4087b35b\>);
  margin-bottom: 12px;
  text-decoration: underline;
}

.kfdp-subheading {
  font-size: 16px;
}

.kfpd-text-link {
  color: var(--red\<deleted\|variable-4087b35b\>);
}

.sticky-note-image {
  object-fit: contain;
  width: 100%;
}

.warmup-grid {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  margin-top: 20px;
}

.grid-30 {
  grid-template-rows: auto;
}

.kfdp-sticky-note-grid {
  grid-template-columns: 1fr 1fr 1fr 1fr;
  margin-top: 20px;
}

.kfdp-sticky-note-grid.possible-solutions {
  grid-template-rows: auto;
}

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

.kfdp-possible-solution-stack {
  margin-top: 20px;
}

.possible-solution-image {
  object-fit: cover;
  height: 600px;
}

.possible-solution-image-2 {
  object-fit: cover;
  height: 280px;
}

.image-19 {
  height: 280px;
}

.cell {
  align-items: center;
}

.kfdp-slider-2 {
  background-color: #ddd6;
}

.one-next-step-list-item {
  margin-bottom: 8px;
}

.contact-page-grid {
  grid-row-gap: 16px;
  grid-template-rows: auto;
}

.text-span {
  background-color: var(--sky-blue);
  color: var(--nero);
  text-transform: none;
  -webkit-text-fill-color: transparent;
  background-image: none;
  -webkit-background-clip: text;
  background-clip: text;
}

.one-user-research-grid {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  margin-top: 24px;
}

.user-research-light-box-link-1 {
  object-fit: contain;
  width: 100%;
  max-width: 100%;
}

.slide-28 {
  background-image: url("https://cdn.prod.website-files.com/635db35660eb5a185a9755ab/6536e53086da2264a2ebb76d_One%20secondary%20research_01.jpg");
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
}

.once-secondary-research-slider {
  height: 600px;
}

.onoe-secondary-research-grid {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.paper-wireframe-subhead {
  text-align: center;
  margin-top: 8px;
  margin-bottom: 8px;
  font-size: 18px;
  font-weight: 600;
}

.paper-wireframe-subhead.chosen-paper-wireframe {
  text-align: center;
  border: 1px solid #000;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  padding: 6px 8px;
  display: flex;
}

.mockup-heading-wrapper {
  margin-top: 60px;
  margin-bottom: 20px;
}

.secondary-research-light-box-link-1 {
  object-fit: contain;
  width: 100%;
  max-width: 100%;
}

.competitive-analysis-columns {
  margin-top: 60px;
}

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

.grid-32 {
  grid-template-columns: 1fr;
}

.competitive-analysis-image {
  object-fit: contain;
  border: 1px solid #000;
  width: 100%;
  max-width: 29%;
}

.competitive-analysis-text-blocks {
  font-size: 16px;
}

.competitive-analysis-subhead {
  font-size: 18px;
  font-weight: 600;
}

.competitive-brand-div-block {
  margin-top: 12px;
}

.competitive-analysis-list-item {
  margin-bottom: 6px;
  font-size: 16px;
}

.grid-33 {
  grid-row-gap: 16px;
  grid-template-rows: auto auto auto;
}

.headshot-image {
  object-fit: contain;
  height: 600px;
}

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

.one-persona-1 {
  background-image: url("https://cdn.prod.website-files.com/635db35660eb5a185a9755ab/653c4d61cf2d1fc219bb12ff_persona_01.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  background-attachment: scroll;
}

.one-persona-2 {
  background-image: url("https://cdn.prod.website-files.com/635db35660eb5a185a9755ab/653c4df1cf2d1fc219bba54d_persona_02.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.journey-map-3 {
  background-image: url("https://cdn.prod.website-files.com/635db35660eb5a185a9755ab/653c466ca33609e46c556975_journey%20map_01.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  background-attachment: fixed;
}

.journey-map-4 {
  background-image: url("https://cdn.prod.website-files.com/635db35660eb5a185a9755ab/653c466ecfb2795c11501fe7_journey%20map_02.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  background-attachment: fixed;
}

.paper-wireframe-01-image {
  object-fit: contain;
  width: 100%;
  margin-top: 16px;
}

.paper-wireframes-div-block {
  flex-direction: column;
  align-items: center;
  margin-top: 40px;
  margin-bottom: 40px;
  display: flex;
}

.paper-wireframe-02-image {
  object-fit: contain;
  width: 100%;
  height: 600px;
  margin-top: 16px;
}

.prototype-text-link {
  border: 1.5px solid #000;
  margin-top: 16px;
  padding: 6px 8px;
  font-weight: 600;
}

.low-fidelity-link-2 {
  color: var(--main-text-color);
}

.usability-study-subhead-1 {
  letter-spacing: .5px;
  text-transform: uppercase;
  margin-bottom: 8px;
  font-size: 16px;
  font-weight: 600;
}

.usability-study-info-1 {
  font-size: 15px;
}

.mockup-heading {
  text-align: center;
  font-size: 18px;
  font-weight: 600;
}

.final-packaging-div-block-1 {
  flex-direction: column;
  display: flex;
}

.final-packaging-div-block-2 {
  margin-top: 16px;
  margin-bottom: 16px;
}

.final-packaging-image-1, .final-packaging-image-2, .final-packaging-image-3 {
  object-fit: contain;
  width: 100%;
}

.final-packaging-grid-2 {
  grid-template-rows: auto;
}

.final-packaging-grid-3 {
  grid-column-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.one-subhead {
  letter-spacing: .5px;
  text-transform: uppercase;
  margin-bottom: 6px;
  font-size: 16px;
  font-weight: 600;
}

.before-and-after-usability-wrapper {
  margin-top: 60px;
}

.before-and-after-usability-subhead {
  margin-top: 10px;
  font-size: 18px;
  font-weight: 600;
}

.after-usability-caption {
  margin-top: 20px;
}

.before-and-after-usability-image {
  object-fit: contain;
  border: 1px solid #000;
  width: 100%;
  margin-top: 20px;
}

.home-page-div-block-1 {
  flex-direction: column;
  display: flex;
}

.home-page-image-1 {
  object-fit: contain;
  width: 100%;
}

.home-page-image-grid {
  box-shadow: 0 2px 12px #0000001f;
}

.home-page-cell-1 {
  align-items: center;
}

.home-page-image-2 {
  width: 100%;
  max-width: 100%;
  box-shadow: none;
  object-fit: contain;
}

.product-page-slider {
  background-color: #ddd0;
  height: 800px;
}

.shop-image-2 {
  background-image: url("https://cdn.prod.website-files.com/635db35660eb5a185a9755ab/6536e896e0d374bcf4ffc417_shop%20page%20caramel_02.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.product-image-2 {
  background-image: url("https://cdn.prod.website-files.com/635db35660eb5a185a9755ab/6536e8a1a0f6c724eb0a87cb_product%20detail%20page%20caramel_02.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.account-page-image {
  object-fit: contain;
  width: 100%;
  max-width: 100%;
}

.account-page-div-block {
  flex-direction: column;
  max-width: 660px;
  display: flex;
}

.rewards-cell {
  align-items: center;
}

.resource-page-div-block {
  object-fit: contain;
  flex-direction: column;
  display: flex;
}

.coffee-dispenser-image {
  object-fit: contain;
  width: 100%;
  max-width: 100%;
  margin-top: 40px;
}

.resource-image-grid {
  margin-top: 40px;
  box-shadow: 0 2px 12px #0000001f;
}

.resource-cell-1 {
  align-items: center;
}

.resource-image-2 {
  object-fit: contain;
  width: 100%;
  max-width: 100%;
  margin-bottom: 4px;
}

.final-prototype-sllider {
  background-color: #ddd0;
  height: 800px;
}

.final-web-prototype-1 {
  background-image: url("https://cdn.prod.website-files.com/635db35660eb5a185a9755ab/6536e91853f37218769c38e3_one%20final%20prototype_01.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.final-web-prototype-2 {
  background-image: url("https://cdn.prod.website-files.com/635db35660eb5a185a9755ab/6536e91ba2210b221317e523_one%20final%20prototype_02.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.final-web-prototype-3 {
  background-image: url("https://cdn.prod.website-files.com/635db35660eb5a185a9755ab/6536e92020de539e041cb2c8_one%20final%20prototype_04.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.prototype-text-link-wrapper {
  justify-content: center;
  display: flex;
}

.final-prototype-link {
  color: var(--nero);
}

.rewards-image {
  width: 100%;
  max-width: 100%;
  box-shadow: none;
  object-fit: contain;
}

.image-20 {
  object-fit: contain;
  width: 100%;
}

.one-journey-map-slide-nav {
  position: static;
}

.footer-project-links {
  text-align: center;
}

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

.coffee-line-divider-wrapper {
  margin-top: 20px;
  padding-left: 16px;
  padding-right: 16px;
}

.coffee-line-divider {
  object-fit: contain;
  width: 100%;
}

.podback-link, .halo-link {
  color: var(--one-green);
}

.competitive-analysis-image-2 {
  object-fit: contain;
  width: 100%;
  max-width: 29%;
}

.one-interviews-heading {
  text-align: left;
  font-size: 18px;
  font-weight: 600;
  line-height: 20px;
}

.pain-point-heading-2 {
  margin-top: 6px;
  margin-bottom: 6px;
  font-size: 18px;
  font-weight: 600;
}

.view-project-div-block-2 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  border: 1px solid var(--black);
  border-radius: 6px;
  flex-flow: row-reverse wrap-reverse;
  place-content: center;
  align-items: center;
  max-width: 200px;
  margin-top: 13px;
  padding: 2px;
  text-decoration: none;
  display: flex;
}

.view-project-div-block-2:hover {
  border-color: var(--sky-blue);
  background-color: var(--sky-blue);
}

.view-project-text-2 {
  color: #0d0d0d;
  text-align: left;
}

.recaptcha-2 {
  margin-top: 10px;
}

.resume-link {
  color: var(--main-text-color);
}

.resume-collection-item {
  display: flex;
}

.eresume-link {
  color: var(--main-text-color);
  margin-top: auto;
  margin-left: 40px;
  display: flex;
}

.resume-button {
  border: 1px solid var(--black);
  color: var(--main-text-color);
  background-color: #3898ec00;
  border-radius: 6px;
  margin-top: 10px;
}

.resume-button:hover {
  border-color: var(--sky-blue);
  background-color: var(--sky-blue);
}

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

.lottie-animation {
  max-width: 100px;
  margin-bottom: 20px;
  display: inline-block;
}

.scroll-down-guide {
  clear: none;
  border: 1px solid #000;
  flex-direction: column;
  max-width: 100px;
  height: 100px;
  display: inline-block;
  position: relative;
}

.scroll-down-text {
  float: left;
  color: var(--main-text-color);
  letter-spacing: .25px;
  order: -1;
  align-self: flex-start;
  margin-top: 24px;
  padding-bottom: 0;
  position: relative;
  transform: rotate(-90deg);
}

.scroll-down-container {
  margin-top: 24px;
}

.scroll-down-div-block {
  flex-direction: column;
  height: 100px;
  margin-top: 40px;
  margin-left: -32px;
  display: inline-block;
}

.down-arrow {
  float: right;
  clear: right;
  margin-top: 16px;
  margin-left: -16px;
}

.grid-34 {
  grid-column-gap: 0px;
  grid-template-rows: auto;
}

.certifications-wrapper {
  align-items: center;
}

.certification-image {
  object-fit: contain;
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 0 0;
  background-size: auto;
  width: 600px;
  margin-top: 14px;
  margin-bottom: 10px;
}

.certifications-text-block {
  text-align: center;
  font-weight: 600;
}

.certification-lightbox-link {
  display: flex;
}

.certification-grid, .certification-heading {
  padding: 0;
}

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

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

.case-study-divider {
  border: 1px solid #0006;
}

.case-study-button-wrapper {
  margin-top: auto;
}

.caption-wrapper {
  justify-content: space-between;
  display: inline-flex;
}

.shop-image-1 {
  background-image: url("https://cdn.prod.website-files.com/635db35660eb5a185a9755ab/6536e89df4c2c7c1471ce84c_product%20detail%20page%20vanilla_01.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.product-image-1 {
  background-image: url("https://cdn.prod.website-files.com/635db35660eb5a185a9755ab/6536e8937fa28173391af0eb_shop%20page%20vanilla_01.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.shop-image-3 {
  background-image: url("https://cdn.prod.website-files.com/635db35660eb5a185a9755ab/6536e8a430520486d14e2eac_product%20detail%20page%20mocha_03.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.product-image-3 {
  background-image: url("https://cdn.prod.website-files.com/635db35660eb5a185a9755ab/6536e899823368c89af9a2bd_shop%20page%20mocha_03.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.prototype-descriptions {
  color: var(--nero);
  text-align: center;
  padding: 8px;
  line-height: 19px;
}

.rewards-account-grid {
  grid-template-rows: auto auto auto;
}

.rewards-heading {
  margin-bottom: 8px;
  font-size: 16px;
  font-weight: 600;
  line-height: 21px;
}

.rewards-description {
  font-size: 16px;
  line-height: 21px;
}

.rewards-descr-wrapper {
  justify-content: center;
}

.rewards-grid-1 {
  grid-template-rows: auto;
  grid-template-columns: .5fr .5fr;
  margin-top: 20px;
  margin-bottom: 20px;
}

.rewards-grid-2 {
  grid-template-rows: auto;
  grid-template-columns: 1.25fr .75fr;
  margin-top: 60px;
}

.rewards-grid-3 {
  grid-template-rows: auto;
  grid-template-columns: 1.25fr .75fr;
  margin-top: 10px;
}

.coffee-dispenser-wrapper {
  margin-top: 60px;
}

.coffee-dispenser-heading {
  margin-bottom: 8px;
  font-size: 16px;
  font-weight: 600;
  line-height: 21px;
}

.coffee-dispenser-descr {
  font-size: 16px;
  line-height: 21px;
}

.coffee-dispenser-div {
  max-width: 600px;
}

.resource-image-1, .coffee-dispenser-lightbox, .self-portrait-wrapper {
  object-fit: contain;
}

@media screen and (max-width: 991px) {
  .heading {
    word-break: keep-all;
  }

  .nav-link {
    background-color: var(--nero);
    color: var(--white);
    margin-top: 0;
    padding: 16px 32px;
  }

  .nav-link.button {
    background-color: var(--nero);
    color: var(--white);
    border-radius: 0;
    margin-top: 0;
    margin-left: auto;
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .heading-2.other {
    margin-bottom: 40px;
  }

  .heading-2.contact-heading {
    background-image: none;
  }

  .case-study-details {
    min-height: 400px;
  }

  .case-study-type.other {
    margin-bottom: 12px;
  }

  .form-block {
    border-radius: 10px;
  }

  .collection-list {
    grid-template-columns: 1fr 1.75fr .5fr .75fr;
  }

  .footer-wrapper-two {
    flex-wrap: wrap;
  }

  .footer-form {
    width: 100%;
    margin-top: 40px;
  }

  .footer-form-container {
    max-width: 350px;
  }

  .footer-content {
    grid-column-gap: 60px;
  }

  .icon {
    background-color: var(--black);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
  }

  .menu-button, .menu-button.w--open {
    background-color: var(--white);
  }

  .navbar-menu {
    max-width: unset;
  }

  .navbar-link {
    justify-content: center;
  }

  .f2wf-columns {
    flex-direction: column;
    align-items: center;
  }

  .menu-button-2 {
    margin-top: 18px;
  }

  .menu-button-2.w--open {
    background-color: #fffefe;
  }

  .case-study-page-heading.case-study-type-page-heading-2 {
    margin-bottom: 40px;
  }

  .case-study-details-section {
    grid-column-gap: 24px;
  }

  .survey-findings-slider {
    height: 400px;
  }

  .secondhand-div-block {
    grid-column-gap: 40px;
  }

  .case-study-heading-3 {
    line-height: 22px;
  }

  .secondary-research-p1 {
    line-height: 20px;
  }

  .whats-out-there-h3 {
    font-size: 16px;
  }

  .pain-points-grid {
    margin-top: 40px;
  }

  .persona-slider {
    height: 700px;
  }

  .arrow-icon.person-arrow, .arrow-icon.transparent {
    inset: auto 0% 0%;
  }

  .journey-map-slider {
    height: 350px;
  }

  .storyboard-image {
    margin-top: 40px;
  }

  .digital-wireframe-slider {
    height: 400px;
  }

  .low-fidelity-link, .high-fidelity-link {
    font-size: 15px;
  }

  .high-fidelity-text-link.ipad-link {
    top: -40px;
  }

  .other-case-study-image {
    height: 200px;
  }

  .other-case-study-details {
    height: 140px;
  }

  .primary-research-slider {
    height: 400px;
  }

  .persona-1 {
    background-position: 50%;
    background-size: contain;
  }

  .persona-slider-2 {
    background-color: #0000;
    height: 540px;
  }

  .persona-2 {
    background-position: 50%;
    background-size: contain;
  }

  .digital-wireframe-slider-2 {
    height: 400px;
  }

  .slide-19 {
    background-position: 50%;
    background-size: contain;
  }

  .desktop-mockup-slider, .desktop-mockup-slider-2, .web-screen-slider, .ipad-mockup-slider {
    height: 600px;
  }

  .map-page-image {
    height: 500px;
  }

  .high-fidelity-slider, .slider-2 {
    height: 600px;
  }

  .canary-heading {
    font-size: 46px;
    line-height: 60px;
  }

  .methods-of-control-grid, .pain-point-grid {
    margin-top: 60px;
  }

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

  .online-repo-div-block {
    margin-bottom: 40px;
  }

  .container-2.text-box-container-image {
    background-size: cover;
  }

  .contact-column-bio {
    margin-top: 40px;
  }

  .kfdp-main-heading {
    line-height: 1;
  }

  .kfdp-columns {
    margin-top: 15px;
  }

  .contact-page-grid {
    grid-template-columns: 1fr 1fr;
  }

  .headshot-image {
    width: 90%;
  }

  .paper-wireframe-02-image {
    height: 500px;
  }

  .after-usability-caption {
    margin-top: 10px;
  }

  .product-page-slider {
    height: 600px;
  }

  .shop-image-2 {
    background-position: 0 0;
  }

  .coffee-dispenser-image {
    margin-top: 20px;
  }

  .final-prototype-sllider {
    height: 600px;
  }

  .view-project-div-block-2 {
    padding: 0;
  }

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

  .scroll-down-div-block {
    display: none;
  }

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

  .rewards-heading {
    margin-bottom: 4px;
    font-size: 14px;
    line-height: 19px;
  }

  .rewards-description {
    font-size: 14px;
    line-height: 19px;
  }

  .rewards-grid-2, .coffee-dispenser-wrapper {
    margin-top: 40px;
  }

  .coffee-dispenser-heading {
    margin-bottom: 4px;
    font-size: 14px;
    line-height: 19px;
  }

  .coffee-dispenser-descr {
    font-size: 14px;
    line-height: 19px;
  }

  .coffee-dispenser-div {
    margin-bottom: 24px;
  }
}

@media screen and (max-width: 767px) {
  .section, .section.hero {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .heading {
    margin-bottom: 20px;
    font-size: 32px;
    line-height: 1.1;
  }

  .text-block.contact-subhead {
    margin-top: 4px;
    font-size: 16px;
  }

  .heading-2 {
    margin-bottom: 8px;
    font-size: 24px;
  }

  .heading-2.other {
    font-size: 26px;
    line-height: 30px;
  }

  .heading-2.conclusion {
    margin-bottom: 16px;
    font-size: 26px;
  }

  .heading-2.contact-heading {
    background-image: none;
    font-size: 32px;
    line-height: 34px;
  }

  .heading-2.certification {
    margin-bottom: 0;
  }

  .case-study-paragraph {
    max-width: 440px;
    font-size: 14px;
  }

  .case-study-details {
    min-height: 300px;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-right: 15px;
  }

  .case-study-name {
    font-size: 18px;
    line-height: 1.3;
  }

  .case-study-type {
    font-size: 11px;
  }

  .case-study-type.other {
    margin-bottom: 8px;
    font-size: 13px;
    line-height: 16px;
  }

  .case-study-description {
    margin-bottom: 24px;
    font-size: 13px;
  }

  .form-block {
    padding: 15px;
  }

  .collection-list {
    grid-template-columns: 1.5fr 1.5fr .75fr .75fr;
  }

  .footer-light {
    padding-left: 15px;
    padding-right: 15px;
  }

  .footer-bottom {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .footer-copyright {
    font-size: 14px;
    line-height: 20px;
  }

  .footer-social-block-two {
    margin-top: 20px;
  }

  .footer-dark {
    padding-left: 15px;
    padding-right: 15px;
  }

  .footer-wrapper {
    flex-direction: column;
    align-items: center;
  }

  .footer-content {
    grid-template-columns: 1fr;
    margin-top: 40px;
  }

  .footer-block {
    align-items: center;
  }

  .footer-social-block {
    margin-top: 20px;
    margin-left: -20px;
  }

  .footer-divider {
    margin-top: 60px;
  }

  .case-study-number {
    font-size: 11px;
  }

  .case-study-page-heading {
    font-size: 32px;
  }

  .case-study-page-heading.case-study-type-page-heading-2 {
    margin-bottom: 32px;
    font-size: 16px;
  }

  .case-study-details-section {
    grid-column-gap: 24px;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .case-study-label {
    font-size: 22px;
  }

  .case-study-info {
    line-height: 20px;
  }

  .hero-image {
    height: 400px;
  }

  .project-heading {
    font-size: 24px;
  }

  .divider-heading {
    justify-content: flex-start;
  }

  .case-study-main-heading {
    font-size: 24px;
    line-height: 28px;
  }

  .footer-links-holder {
    grid-column-gap: 17px;
    grid-row-gap: 17px;
    text-align: center;
    grid-template-rows: auto auto;
    grid-template-columns: 2.25fr 2.25fr .9fr;
  }

  .survey-findings-slider {
    background-color: #0000;
    height: 300px;
  }

  .secondary-research-link1 {
    text-transform: uppercase;
  }

  .case-study-heading-3 {
    font-size: 16px;
    line-height: 20px;
  }

  .case-study-heading-3.kfdp-heading-3 {
    font-size: 16px;
  }

  .case-study-heading-3.ideation-phase-subheading {
    margin-top: 16px;
    margin-bottom: 16px;
  }

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

  .pain-points-grid {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .column-6 {
    margin-top: 20px;
  }

  .persona-slider {
    height: 1100px;
  }

  .persona-slide-2 {
    inset: 0% 0% auto;
  }

  .column-7 {
    margin-top: 28px;
  }

  .arrow-icon.journey-map-arrow {
    -webkit-text-fill-color: transparent;
    background-color: #0000;
    -webkit-background-clip: text;
    background-clip: text;
  }

  .arrow-icon.survey-arrow {
    margin-bottom: 30px;
  }

  .arrow-icon.person-arrow {
    inset: 0% 0% auto;
  }

  .arrow-icon.primary-research {
    -webkit-text-fill-color: transparent;
    background-color: #0000;
    -webkit-background-clip: text;
    background-clip: text;
  }

  .arrow-icon.persona-arrow {
    -webkit-text-fill-color: transparent;
    background-color: #0000;
    -webkit-background-clip: text;
    background-clip: text;
    margin-top: 140px;
    margin-bottom: 0;
    inset: auto 0% 0%;
  }

  .arrow-icon.transparent {
    -webkit-text-fill-color: transparent;
    background-color: #0000;
    -webkit-background-clip: text;
    background-clip: text;
  }

  .persona-arrow {
    margin-bottom: -24px;
  }

  .empathy-map-info-grid {
    margin-top: 40px;
  }

  .empathy-map-div-image {
    display: flex;
  }

  .journey-map-slider {
    height: 270px;
  }

  .journey-map-image-1 {
    background-position: 0 0;
  }

  .digital-wireframe-slider {
    background-color: #0000;
    height: 300px;
  }

  .digital-wireframe-image-1, .digital-wireframe-2, .digital-wireframe-image-3 {
    background-position: 50%;
    background-size: contain;
  }

  .low-fidelity-text-link {
    font-size: 14px;
  }

  .low-fidelity-link {
    font-size: 13px;
  }

  .mockup-grid {
    margin-top: 40px;
  }

  .survey-finding-image {
    background-position: 50%;
    background-size: contain;
  }

  .slide-nav-2 {
    margin-bottom: auto;
  }

  .slide-7, .slide-8, .slide-9 {
    background-position: 50%;
    background-size: contain;
  }

  .high-fidelity-link {
    text-align: center;
    font-size: 13px;
  }

  .high-fidelity-text-link {
    font-size: 14px;
  }

  .other-case-studies-grid {
    grid-row-gap: 24px;
    grid-template-columns: 1fr;
  }

  .other-case-study-image {
    height: 350px;
  }

  .other-case-study-details {
    height: 116px;
  }

  .conclusion-grid {
    grid-column-gap: 24px;
  }

  .empathy-map-list {
    line-height: 22px;
  }

  .whats-out-there-info-column {
    margin-top: 10px;
  }

  .primary-research-slider {
    background-color: #0000;
    height: 400px;
    margin-top: 40px;
  }

  .slide-11, .slide-12, .slide-13, .slide-14 {
    background-position: 50%;
    background-size: contain;
  }

  .inside-highered-image {
    margin-top: 10px;
  }

  .interviews-image-1 {
    margin-bottom: 20px;
  }

  .light-box-caption {
    margin-top: 40px;
    font-size: 12px;
  }

  .persona-1 {
    background-position: 50%;
    background-size: contain;
  }

  .persona-slider-2 {
    background-color: #0000;
    height: 400px;
    margin-top: 40px;
  }

  .persona-2 {
    background-position: 50%;
    background-size: contain;
  }

  .lightbox-solution-chart-link {
    margin-top: 20px;
  }

  .paper-wireframe-slider {
    margin-top: 40px;
  }

  .arrow-2 {
    inset: auto 0% 0%;
  }

  .arrow-2.centered-arrow {
    inset: 0%;
  }

  .arrow-2.transparent {
    -webkit-text-fill-color: transparent;
    background-color: #0000;
    -webkit-background-clip: text;
    background-clip: text;
  }

  .digital-wireframe-slider-2 {
    height: 400px;
    margin-top: 40px;
  }

  .slide-20, .slide-21, .slide-22 {
    background-position: 50%;
    background-size: contain;
  }

  .desktop-mockup-slider {
    height: 450px;
  }

  .desktop-mockup-slider-2, .web-screen-slider, .ipad-mockup-slider, .map-page-image, .high-fidelity-slider {
    height: 400px;
  }

  .white-arrow.transparent {
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
  }

  .slider-2 {
    height: 450px;
  }

  .arrow-icon-copy.survey-arrow {
    margin-bottom: 30px;
  }

  .arrow-icon-copy.primary-research {
    -webkit-text-fill-color: transparent;
    background-color: #0000;
    -webkit-background-clip: text;
    background-clip: text;
  }

  .arrow-icon-copy.persona-arrow {
    -webkit-text-fill-color: transparent;
    background-color: #0000;
    -webkit-background-clip: text;
    background-clip: text;
    margin-top: 140px;
    margin-bottom: 0;
    inset: auto 0% 0%;
  }

  .canary-intro-heading {
    font-size: 36px;
    line-height: 42px;
  }

  .canary-text-body {
    font-size: 17px;
    line-height: 23px;
  }

  .canary-text-body.solution {
    line-height: 23px;
  }

  .canary-heading {
    font-size: 36px;
    line-height: 42px;
  }

  .methods-of-control-grid {
    margin-top: 40px;
  }

  .methods-of-control-image {
    margin-bottom: 20px;
  }

  .methods-of-control-text-1 {
    font-size: 26px;
  }

  .methods-of-control-text-2 {
    font-size: 17px;
    line-height: 22px;
  }

  .pain-point-grid {
    grid-column-gap: 18px;
    grid-row-gap: 18px;
  }

  .canary-paragraph {
    font-size: 17px;
  }

  .code-language-subhead {
    font-size: 16px;
  }

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

  .heading-8 {
    font-size: 24px;
  }

  .collection-item {
    grid-template-columns: 1fr 1fr;
  }

  .merchandise-image {
    height: 300px;
  }

  .larger-heading {
    margin-bottom: 40px;
    font-size: 36px;
  }

  .larger-heading.other {
    font-size: 26px;
    line-height: 30px;
  }

  .larger-heading.conclusion {
    margin-bottom: 16px;
    font-size: 26px;
  }

  .contact-column-bio {
    margin-top: 0;
  }

  .contact-bio-holder {
    margin-top: 10px;
  }

  .bio-description {
    font-size: 14px;
  }

  .contact-heading-2 {
    margin-top: 4px;
    margin-bottom: 0;
    font-size: 14px;
  }

  .kfdp-main-heading {
    font-size: 16px;
  }

  .kfdp-possible-solution-stack {
    margin-top: 0;
  }

  .possible-solution-image {
    height: 400px;
  }

  .possible-solution-image-2 {
    height: 190px;
  }

  .kfdp-slider-2 {
    height: 500px;
  }

  .contact-page-grid {
    grid-template-columns: 1fr;
  }

  .competitive-analysis-image {
    max-width: 20%;
  }

  .areas-of-expertise-list-item {
    font-size: 14px;
  }

  .headshot-image {
    object-fit: cover;
    height: 450px;
  }

  .paper-wireframe-02-image {
    height: 400px;
  }

  .before-and-after-usability-image {
    margin-top: 10px;
  }

  .product-page-slider {
    height: 400px;
  }

  .resource-image-grid {
    margin-top: 20px;
    box-shadow: 0 5px 12px #0000001f;
  }

  .final-prototype-sllider {
    height: 400px;
  }

  .competitive-analysis-image-2 {
    max-width: 24%;
  }

  .analysis-column-2 {
    margin-top: 20px;
  }

  .view-project-text-2 {
    font-size: 13px;
  }

  .scroll-down-div-block {
    margin-top: 40px;
    margin-bottom: 16px;
    display: none;
  }

  .rewards-heading {
    margin-bottom: 4px;
    font-size: 14px;
    line-height: 19px;
  }

  .rewards-description {
    font-size: 14px;
    line-height: 19px;
  }

  .rewards-grid-2 {
    grid-template-columns: 1.25fr 1.25fr;
  }

  .rewards-grid-3 {
    grid-template-columns: 1.25fr 1.25fr;
    margin-top: 10px;
  }

  .coffee-dispenser-div {
    margin-bottom: 16px;
  }
}

@media screen and (max-width: 479px) {
  a {
    margin-top: -4px;
    margin-bottom: -4px;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .section.hero {
    padding-left: 10px;
    padding-right: 10px;
  }

  .heading {
    max-width: 1000px;
    margin-top: 16px;
    margin-bottom: 8px;
    font-size: 24px;
  }

  .text-block.contact-subhead {
    margin-top: 0;
    font-size: 15px;
  }

  .heading-2 {
    margin-bottom: 8px;
    font-size: 22px;
  }

  .heading-2.other {
    margin-bottom: 20px;
    font-size: 24px;
  }

  .heading-2.conclusion {
    margin-top: 40px;
    font-size: 24px;
    line-height: 26px;
  }

  .heading-2.contact-heading {
    background-image: none;
  }

  .case-study-paragraph {
    margin-bottom: 30px;
  }

  .case-study-details {
    padding-left: 15px;
  }

  .case-study-name.other {
    line-height: 22px;
  }

  .case-study-type {
    font-size: 12px;
  }

  .case-study-type.other {
    font-size: 11px;
  }

  .field-label {
    letter-spacing: 1px;
  }

  .grid {
    grid-template-columns: 1fr;
  }

  .submit-button {
    align-self: stretch;
  }

  .collection-list {
    grid-template-columns: 1fr;
  }

  .footer-wrapper-two {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .footer-block-two {
    margin-top: 40px;
  }

  .footer-bottom {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .footer-copyright {
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .footer-social-block-two {
    margin-top: 20px;
  }

  .icon {
    margin-top: 6px;
  }

  .menu-button {
    margin-top: 15px;
    margin-bottom: 15px;
  }

  .case-study-image {
    min-height: 200px;
    box-shadow: 0 4px 16px -6px #23232352;
  }

  .image-4 {
    width: 130px;
  }

  .brand {
    padding-top: 8px;
    padding-bottom: 8px;
  }

  .text-field {
    margin-bottom: 26px;
  }

  .arrow-link {
    opacity: 1;
  }

  .case-study-link-page {
    margin-top: -10px;
  }

  .hmw {
    margin-top: 0;
    margin-left: 0;
  }

  .text-block-4 {
    margin-left: 30px;
    margin-right: 30px;
    font-size: 13px;
    line-height: 14px;
  }

  .heading-3 {
    margin-top: -20px;
    font-size: 12px;
  }

  .heading-4 {
    font-size: 18px;
  }

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

  .heading-5 {
    font-size: 18px;
  }

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

  .background-video-2 {
    width: auto;
    max-width: 100%;
    height: 100px;
    max-height: 100px;
    overflow: visible;
  }

  .text-block-5 {
    margin-bottom: 0;
    padding-bottom: 0;
    position: fixed;
    inset: 1% 0% auto;
  }

  .case-study-page-heading {
    margin-bottom: 10px;
  }

  .case-study-page-heading.case-study-type-page-heading-2 {
    font-size: 14px;
  }

  .case-study-details-section {
    grid-row-gap: 8px;
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr;
    margin-top: 16px;
  }

  .case-study-info {
    font-size: 16px;
    line-height: 22px;
  }

  .case-study-info-div-block {
    margin-top: 0;
  }

  .hero-image {
    height: 300px;
  }

  .project-heading {
    margin-bottom: 10px;
  }

  .divider-heading {
    float: left;
    font-size: 22px;
  }

  .case-study-main-text-body.before-and-after-main-text-body {
    font-size: 15px;
    line-height: 20px;
  }

  .design-process-image {
    margin-top: 40px;
    margin-bottom: 60px;
  }

  .users-audience-image {
    margin-top: 40px;
  }

  .canary-text-link {
    margin-bottom: 32px;
  }

  .collection-item-2, .collection-item-3 {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .footer-links-holder {
    grid-column-gap: 16px;
    grid-row-gap: 8px;
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .collection-item-4, .case-study-list {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .canary-link {
    font-size: 14px;
  }

  .survey-findings-slider {
    flex-direction: column;
    height: 280px;
  }

  .secondhand-div-block {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .case-study-heading-3 {
    text-align: center;
    font-size: 16px;
    line-height: 20px;
  }

  .case-study-heading-3.sticky-note-heading-3 {
    text-align: left;
    margin-top: 40px;
  }

  .case-study-heading-3.user-flow-heading-3 {
    margin-top: 0;
    margin-bottom: 0;
  }

  .case-study-heading-3.paper-wireframes-heading-3 {
    margin-top: 40px;
    margin-bottom: 20px;
  }

  .case-study-heading-3.empathy-map, .case-study-heading-3.kfdp-heading-3 {
    text-align: left;
  }

  .case-study-heading-3.ideation-phase-subheading {
    text-align: left;
    margin-top: 20px;
    margin-bottom: 10px;
    font-size: 15px;
  }

  .secondary-research-p1 {
    text-align: center;
    font-size: 14px;
  }

  .secondary-research-image {
    display: block;
  }

  .research-image {
    height: 300px;
    margin-top: auto;
  }

  .grid-22 {
    grid-row-gap: 0px;
    grid-template-rows: minmax(50%, .5fr) 1fr;
    grid-template-columns: 1fr;
  }

  .text-block-7, .text-block-8 {
    font-size: 14px;
  }

  .pain-points-grid {
    grid-row-gap: 16px;
    flex-direction: column;
    grid-template-rows: auto auto auto auto;
    grid-template-columns: .75fr;
    margin-top: 40px;
    display: flex;
  }

  .pain-point-heading, .pain-point-heading.kfdp {
    font-size: 18px;
  }

  .pain-point-text.kfdp {
    font-size: 16px;
  }

  .heading-6 {
    font-size: 12px;
  }

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

  .persona-heading {
    font-size: 18px;
  }

  .persona-name-heading {
    font-size: 20px;
  }

  .persona-heading-3, .persona-heading-2 {
    font-size: 18px;
  }

  .persona-slider {
    height: 1260px;
    margin-top: 40px;
  }

  .persona-slide-2 {
    inset: 0% 0% auto;
  }

  .persona-info {
    line-height: 22px;
  }

  .column-7 {
    margin-top: 40px;
    padding-left: 10px;
  }

  .arrow-icon.journey-map-arrow {
    bottom: 8%;
  }

  .arrow-icon.person-arrow {
    inset: 0% 0% auto;
  }

  .arrow-icon.persona-arrow {
    -webkit-text-fill-color: transparent;
    background-color: #23232300;
    -webkit-background-clip: text;
    background-clip: text;
  }

  .persona-arrow {
    margin-bottom: -32px;
  }

  .empathy-map-info-grid {
    grid-row-gap: 17px;
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr;
  }

  .journey-map-slider {
    height: 200px;
  }

  .storyboard-image {
    margin-top: 40px;
  }

  .column-divider {
    flex-direction: column;
  }

  .paper-wireframe-image {
    margin-top: auto;
  }

  .paper-wireframe-div {
    margin-top: 40px;
  }

  .digital-wireframe-slider {
    height: 250px;
    margin-top: 40px;
  }

  .low-fidelity-image {
    object-fit: cover;
    margin-top: 40px;
  }

  .low-fidelity-link {
    font-size: 12px;
  }

  .usability-study-details {
    font-size: 14px;
    line-height: 18px;
  }

  .usability-study-details.one-usability-study-details {
    line-height: 18px;
  }

  .publish-an-item-image {
    object-fit: cover;
  }

  .mockups-list {
    font-size: 14px;
    line-height: 20px;
  }

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

  .mockup-grid {
    grid-row-gap: 40px;
    margin-top: 40px;
  }

  .journey-map-slide-nav {
    margin-bottom: 16px;
  }

  .high-fidelity-link {
    font-size: 12px;
  }

  .high-fidelity-text-link.laptop-link {
    margin-top: 0;
  }

  .other-case-studies-grid {
    grid-row-gap: 17px;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }

  .other-case-study-image {
    height: 264px;
  }

  .conclusion-grid {
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .empathy-map-list {
    font-size: 14px;
    line-height: 20px;
  }

  .image-9, .image-10, .image-11 {
    object-fit: cover;
  }

  .design-process-image-2 {
    margin-top: 40px;
  }

  .primary-research-slider {
    height: 250px;
  }

  .inside-highered-image, .education-data-image {
    height: 200px;
  }

  .interviews-image-1 {
    margin-bottom: auto;
  }

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

  .light-box-caption {
    margin-top: 24px;
    font-size: 11px;
  }

  .light-box-caption.user-research-caption-1 {
    font-size: 12px;
  }

  .persona-1 {
    background-position: 50%;
    background-size: contain;
  }

  .persona-slider-2 {
    background-color: var(--white);
    height: 200px;
  }

  .persona-2 {
    background-position: 50%;
    background-size: contain;
  }

  .lightbox-solution-chart-link {
    margin-top: 10px;
  }

  .paper-wireframe-slider {
    height: 300px;
  }

  .arrow-2 {
    -webkit-text-fill-color: transparent;
    background-color: #23232300;
    -webkit-background-clip: text;
    background-clip: text;
  }

  .digital-wireframe-slider-2 {
    margin-top: 0;
  }

  .slide-nav-5 {
    position: absolute;
  }

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

  .desktop-mockup-slider {
    height: 300px;
  }

  .desktop-mockup-slider-2 {
    background-color: #f7f7f7;
    height: 250px;
  }

  .desktop-image-6, .desktop-image-7 {
    background-size: contain;
  }

  .web-screen-slider, .ipad-mockup-slider {
    height: 300px;
  }

  .ipad-image-1, .ipad-image-2, .ipad-image-3, .ipad-image-4, .ipad-image-5, .ipad-image-6 {
    background-size: contain;
  }

  .map-page-image {
    height: 300px;
  }

  .high-fidelity-grid {
    grid-row-gap: 16px;
  }

  .high-fidelity-slider {
    height: 300px;
  }

  .final-prototype-image-1, .final-prototype-image-2, .final-prototype-image-3 {
    background-size: contain;
  }

  .white-arrow {
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
  }

  .slider-2 {
    height: 300px;
  }

  .arrow-icon-copy.journey-map-arrow {
    bottom: 8%;
  }

  .arrow-icon-copy.person-arrow {
    inset: 0% 0% auto;
  }

  .arrow-icon-copy.persona-arrow {
    -webkit-text-fill-color: transparent;
    background-color: #23232300;
    -webkit-background-clip: text;
    background-clip: text;
  }

  .canary-intro-heading {
    font-size: 26px;
    line-height: 32px;
  }

  .canary-text-body {
    font-size: 16px;
    line-height: 22px;
  }

  .canary-text-body.solution {
    font-size: 15px;
    line-height: 21px;
  }

  .canary-heading {
    font-size: 26px;
    line-height: 32px;
  }

  .methods-of-control-grid {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .methods-of-control-image {
    height: 120px;
  }

  .methods-of-control-text-2 {
    font-size: 16px;
  }

  .pain-point-grid {
    grid-row-gap: 16px;
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr;
    margin-top: 20px;
  }

  .canary-paragraph {
    font-size: 15px;
    line-height: 21px;
  }

  .code-language-grid {
    grid-template-columns: 1fr;
  }

  .container-2 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .heading-8 {
    margin-bottom: 10px;
  }

  .collection-item {
    grid-row-gap: 0px;
    grid-template-columns: 1fr;
    margin-bottom: 22px;
  }

  .merchandise-image {
    height: 120px;
  }

  .larger-heading {
    margin-bottom: 20px;
    font-size: 28px;
  }

  .larger-heading.other {
    margin-top: 30px;
    margin-bottom: 32px;
  }

  .larger-heading.conclusion {
    margin-top: 40px;
    line-height: 26px;
  }

  .contact-column-bio {
    margin-top: 10px;
  }

  .bio-description {
    line-height: 20px;
  }

  .areas-of-expertise-info {
    font-size: 14px;
    line-height: 20px;
  }

  .resume-text {
    font-size: 14px;
  }

  .contact-heading-2 {
    margin-top: 6px;
  }

  .recaptcha-wrapper {
    transform-origin: 0 0;
    transform: scale(.7);
  }

  .case-study-grid {
    grid-row-gap: 24px;
  }

  .primary-research-wrapper {
    padding: 15px;
  }

  .kfdp-slider-1 {
    padding: 0;
  }

  .kfdp-possible-solution-stack {
    padding-bottom: 8px;
  }

  .possible-solution-image {
    height: 400px;
  }

  .possible-solution-image-2 {
    height: 200px;
  }

  .kfdp-slider-2 {
    height: 565px;
  }

  .kfdp-slide-nav {
    position: static;
  }

  .cell-2, .cell-3 {
    align-items: center;
  }

  .contact-page-grid {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    padding: 15px;
  }

  .one-user-research-grid {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
    margin-top: 10px;
  }

  .paper-wireframe-subhead {
    font-size: 16px;
  }

  .competitive-analysis-columns {
    margin-top: 40px;
  }

  .competitive-analysis-grid {
    grid-row-gap: 12px;
  }

  .competitive-analysis-image {
    max-width: 24%;
  }

  .competitive-analysis-subhead {
    font-size: 16px;
  }

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

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

  .paper-wireframe-02-image {
    height: 200px;
  }

  .usability-study-subhead-1 {
    margin-bottom: 0;
    font-size: 15px;
  }

  .mockup-heading {
    font-size: 16px;
  }

  .final-packaging-div-block-2 {
    margin-top: 0;
    margin-bottom: 0;
  }

  .final-packaging-grid-2 {
    grid-column-gap: 12px;
  }

  .final-packaging-grid-3 {
    grid-column-gap: 11px;
  }

  .one-subhead {
    font-size: 15px;
  }

  .before-and-after-usability-subhead {
    letter-spacing: .25px;
    font-size: 14px;
    line-height: 16px;
  }

  .product-page-slider {
    height: 300px;
  }

  .account-page-div-block {
    margin-top: 10px;
  }

  .resource-page-div-block {
    object-fit: cover;
  }

  .coffee-dispenser-image, .resource-image-grid {
    margin-top: 10px;
  }

  .final-prototype-sllider {
    height: 300px;
  }

  .one-interviews-heading {
    font-size: 16px;
  }

  .slide-nav-8 {
    position: static;
  }

  .view-project-div-block-2 {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    align-items: center;
    max-width: 500px;
    margin-bottom: 0;
  }

  .certification-image {
    max-width: 200%;
  }

  .certification-grid, .certification-heading {
    padding-left: 15px;
    padding-right: 15px;
  }

  .rewards-grid-1 {
    margin-bottom: 10px;
  }

  .rewards-grid-2 {
    grid-template-rows: auto auto;
    grid-template-columns: 1.25fr;
    margin-top: 20px;
  }

  .rewards-grid-3 {
    grid-template-rows: auto auto;
    grid-template-columns: 1.25fr;
  }

  .coffee-dispenser-descr {
    margin-bottom: 20px;
  }

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

#w-node-_126b8a36-62ab-33fe-adca-880a99e33e3f-499755ac {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_260fae39-09fc-b9ee-f750-cc67c9969344-499755ac {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: auto;
}

#w-node-_984d583a-a937-8c43-cfa5-954c3e038825-499755ac {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_408377f7-0503-67b1-9479-5d49c36924f2-499755ac {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: auto;
}

#w-node-c74d2fa5-4dae-67a7-c3e6-1e3aa5a90aff-499755ac {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-ef119a4e-9174-4b3c-1d30-7abb00b49ebc-499755ac {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: auto;
}

#w-node-f10ef050-75dc-a05e-7676-eb8e5c7a47f2-499755ac {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_4ce3fd5d-27f9-8a37-cbf1-cb080cb82ec0-499755ac {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: auto;
}

#w-node-_9a61eccc-df1b-f4ae-e873-30164a3f012a-499755ac {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_2be72109-761b-8d5e-1812-b33e6ead02ba-499755ac {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_973793df-7aa6-56a0-c38d-b6bb5784645c-499755ac {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: auto;
}

#w-node-a2c2a97a-0eae-0a0b-a1e8-c1d10300c16e-499755ac {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-c63f5a6c-7aab-fa11-adb5-d2e97bcdd9f1-499755ac {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: auto;
}

#w-node-_95c4ab69-222c-76d5-d3bc-8754204d27ae-499755ac {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-c89c8c91-5cce-c7b2-45be-e4700c8938ca-32325824, #w-node-_64283674-7117-de74-9c16-cea9b28aad95-32325824, #w-node-_0621b428-c00e-c942-5411-d28ab113bbe6-b113bbdf, #w-node-_0621b428-c00e-c942-5411-d28ab113bbea-b113bbdf {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-c39f1f00-1076-3e03-5853-ded617420e4e-21bb3e98, #w-node-d3ba1976-a990-3d86-40ca-73af34178406-21bb3e98, #w-node-e1a390c6-a11b-882c-6912-637a42ac8e8f-21bb3e98, #w-node-ed930c0c-96c3-8e89-2c2b-b46fa7a1f5cc-21bb3e98, #w-node-d98f4508-38c6-658e-8aea-628f08ebe45e-21bb3e98, #w-node-_4220a686-74fd-100b-98f5-a2dbbe308c06-21bb3e98 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: stretch;
}

#w-node-_4a3d614a-7bde-7438-726a-2ca6a0d5d360-21bb3e98 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_61d449cc-c49a-6ffb-27e6-a82e52acd48e-21bb3e98, #w-node-_89255a23-76bb-c17d-cb54-c3f75faef4ae-21bb3e98, #w-node-a8aa34f7-72bc-ce00-fc4c-a49948da6a4b-21bb3e98, #w-node-c2d39aa1-3f12-0717-bbcd-a239a13c32a4-21bb3e98, #w-node-_8b638889-dbb9-70e3-d06c-f4b2079eca21-21bb3e98 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: center;
}

#w-node-_95840b98-c5f7-d726-3817-4fa4cc30f47f-21bb3e98, #w-node-_5129da39-0cf1-caae-4659-dddbbf8dc5e2-21bb3e98, #w-node-e16cbeee-ead2-510b-e51d-f19a72985510-21bb3e98, #w-node-f7be5d12-7491-389a-e9f4-ca979976b485-21bb3e98, #w-node-_19c313fd-2d38-7df1-8740-3fb9b43bd28d-21bb3e98, #w-node-b96637d6-ef20-70b8-ae16-9ab1bc7c4bb3-21bb3e98, #w-node-_9197085f-fc2e-46d8-41e6-db60e5de8b8d-21bb3e98, #w-node-dccfcbeb-8f7f-3e4d-19f7-76eb2e128241-21bb3e98, #w-node-b173f107-a8b4-1db3-016c-cc539ef7eee9-21bb3e98, #w-node-d272289c-bc02-fb6c-04db-34155afeb0fb-21bb3e98, #w-node-f3cadb96-c56a-c56f-d2d0-fd1a3c0cbfdc-21bb3e98, #w-node-_759b4bad-ffb3-184c-8186-4d00801f1642-21bb3e98, #w-node-_7d0082b3-d0ff-8bb1-18b7-dda9b9862570-21bb3e98, #w-node-_7d0082b3-d0ff-8bb1-18b7-dda9b9862575-21bb3e98, #w-node-_7d0082b3-d0ff-8bb1-18b7-dda9b986257a-21bb3e98, #w-node-_34f76198-6601-d8ad-76dd-8c1c7a219f84-21bb3e98, #w-node-_35471342-f4b4-83c7-075d-77ec9facb92c-21bb3e98, #w-node-_03422c8e-90dc-b911-52f9-f9e564ad67bc-21bb3e98, #w-node-_6b16f26c-7953-0068-f9ae-ba91a33f12bd-21bb3e98, #w-node-_65f38029-118a-8eee-8a2d-958674d4dbf2-21bb3e98 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-e3a8cae4-8d90-8b95-ae3b-acafc3aaf7ff-21bb3e98 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-d8dc4708-badb-b7c0-850b-f250153c98aa-21bb3e98, #w-node-_14ffa677-6e05-679e-a151-f4857b3aac14-21bb3e98, #w-node-_24ee687a-b46b-d7a8-cfc7-c6077ca53940-21bb3e98, #w-node-ba2b72d8-df38-a75a-f933-7d53388a26f0-21bb3e98, #w-node-bdfc7783-3bd3-77a8-be47-d1c27003c223-21bb3e98, #w-node-_54e1c32d-55e6-6aae-38bf-a407e77d4824-21bb3e98, #w-node-_7edf0bd6-198d-b22e-7f0d-ddcd7d6ab015-21bb3e98, #w-node-f373e5bf-b794-defa-bd75-2c8f76a385ec-21bb3e98, #w-node-_083b5bc0-2eb2-e256-c467-f9528a0264df-21bb3e98, #w-node-a3f2f0bc-713b-5c77-e54e-657b854875a7-21bb3e98, #w-node-_35ae2482-3f60-9934-151f-08721e7809b0-21bb3e98, #w-node-c4fc6f88-4e9c-8ded-7003-c588d50a6e16-21bb3e98, #w-node-a28baa6e-fd1f-fb76-00fd-9bf1e6fe4db4-21bb3e98, #w-node-_2fd6cefe-970f-b152-99b5-4f2a37242ca4-21bb3e98, #w-node-c5d1173f-1c50-0b54-7b02-c33cf3a1a7e3-21bb3e98, #w-node-_076778c4-c9bb-6cd4-8046-8a2d5fe2b6a9-21bb3e98, #w-node-a1c61aa2-016f-1335-6464-7bfc9f896ed1-21bb3e98, #w-node-c3a7cdee-5c26-b127-c0e2-2d9b75d73085-21bb3e98, #w-node-dc8033c3-3c7b-724f-6ccd-804713e129ad-21bb3e98, #w-node-db051f9b-afab-a98b-7b00-ab97ed968055-21bb3e98, #w-node-_0f4080aa-b2b3-55a1-9c50-c6c704ee6e23-21bb3e98, #w-node-_76460aa7-0fd2-82ec-c68a-cfcaada721c4-21bb3e98, #w-node-_9550fe6b-2c4d-4fd3-b06a-90b13980fca8-21bb3e98 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_7a3d7f53-a7c7-619f-afb3-795ec46df863-4e8bbbd3, #w-node-c004283c-e1e8-f720-442c-68fe42abb627-4e8bbbd3, #w-node-fa4560af-77cd-e0a4-c595-b852eafb0ee3-4e8bbbd3, #w-node-_35e9ec91-e66b-b9e0-792e-5eaa70668d23-4e8bbbd3, #w-node-ed860e6b-2dc9-725e-4ee5-f842d224843b-4e8bbbd3, #w-node-_9c9c915c-981d-a9f1-195e-7448d2dc6677-4e8bbbd3 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: stretch;
}

#w-node-_9621253e-e745-e92b-72a8-7ebfd5800b3b-4e8bbbd3, #w-node-a4dda787-37be-c0a5-e616-91478da647ff-4e8bbbd3, #w-node-_6095f33d-0717-5f3b-8335-e98c4887436d-4e8bbbd3, #w-node-_3f208c65-af95-d584-6805-1528c7c22104-4e8bbbd3, #w-node-_2e9fdeaf-4565-c4a8-d69c-7bdc412658a6-4e8bbbd3, #w-node-f15d4904-22ba-495b-fce0-14287858a01d-4e8bbbd3, #w-node-_2d402183-a16a-bbbe-97b7-85321e25f6fa-4e8bbbd3, #w-node-_2e9b63c4-4889-8310-2bb0-aaed6ac389da-4e8bbbd3, #w-node-d303c39b-d72e-e664-aa91-3f434b2271fb-4e8bbbd3, #w-node-ced41a6d-56d4-8d37-46f4-a894c7b496ff-4e8bbbd3, #w-node-ebd9ec3b-3d82-646c-a440-4a9c90dda7b2-4e8bbbd3, #w-node-d1d16851-9e98-5c22-d4cd-0691dbbe2a9a-4e8bbbd3, #w-node-_8aed4b9b-e030-c749-0521-07a96dd8e537-4e8bbbd3, #w-node-_6b78882d-40b7-851d-1a71-e3e37d65017a-4e8bbbd3, #w-node-_98f191d6-80b5-17d8-2a4d-589cafcf4971-4e8bbbd3, #w-node-_12c4cddc-b54a-7624-33e6-6936902dfa26-4e8bbbd3, #w-node-_74b263a8-feee-6dd1-a9a5-6f689ec360f0-4e8bbbd3, #w-node-_63fba808-6838-c498-ffd4-3e28f4a7644c-4e8bbbd3, #w-node-_16a8b766-e2cd-bb2f-1f7d-dce9c480a4e5-4e8bbbd3, #w-node-_83f332a1-b6b5-684f-6729-05437a819c12-4e8bbbd3, #w-node-e8f8842c-ecbc-7966-c173-bcde1bf500de-4e8bbbd3, #w-node-_0d370780-e2ff-5ede-2039-5fd91f00eb56-4e8bbbd3, #w-node-_0d067034-63f5-4345-0899-11b84577e935-4e8bbbd3, #w-node-f165fdb6-8a51-3b5d-b8ac-6061164d6fad-4e8bbbd3, #w-node-_90be871f-3007-6914-24fe-d2333da1cbca-4e8bbbd3 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_8e87a453-d47a-aa8c-4c09-ab66e9b6e398-4e8bbbd3, #w-node-c6c2e9be-56fe-d2eb-fc34-f0f5ce93fb1e-4e8bbbd3 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: center;
}

#w-node-_47af6248-60cd-57c3-e3f7-7e15929782db-4e8bbbd3, #w-node-_262c2b68-1097-ea99-0ba2-23eedb0877c4-4e8bbbd3, #w-node-bc839ff5-9600-cf12-dac5-a9f0d6245537-4e8bbbd3, #w-node-_2b645d3f-b668-b474-21ef-845c8a9dea1f-4e8bbbd3, #w-node-b7a2f8b7-9df3-68cb-55c5-57930d0b311c-4e8bbbd3, #w-node-_9123709d-1529-ad97-8382-a6f64a6f131a-4e8bbbd3, #w-node-cd21ee89-7280-64f3-bca3-7d9421a67014-4e8bbbd3, #w-node-fa7bff9d-da0f-b0f5-584e-596920b80983-4e8bbbd3, #w-node-_16750353-9286-c6e5-4176-61834859fd30-4e8bbbd3, #w-node-_72515368-2d52-1286-472e-b03c39a56fd9-4e8bbbd3, #w-node-_7fe96872-c3ee-6fd1-4cb5-91a3d92079bf-4e8bbbd3, #w-node-e6756f50-29e2-69a1-8562-b04d2ee798c8-4e8bbbd3, #w-node-_85d010a0-7ffc-6177-3298-aa63ca74265f-4e8bbbd3, #w-node-_023abb59-9037-5545-7e61-cccfc60f6a14-4e8bbbd3, #w-node-_3d118fbe-b3c6-d6bf-62b1-8bc26445edb8-4e8bbbd3, #w-node-c7cb22ef-2a4c-943d-c032-dd0a1bdd86c7-4e8bbbd3 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_0525c0ea-11bd-e46e-5025-872e77b949c4-0fd8b3fa, #w-node-_9133281e-df2e-8e9c-b4f8-c894d82a3d6b-0fd8b3fa, #w-node-_8de6f2ae-29fd-936a-6563-9db2b6a5cee8-0fd8b3fa, #w-node-_3cd56e35-addc-dd13-bd68-e1e7d92bf990-0fd8b3fa, #w-node-_982af2df-a1e8-26c1-c61d-7272ad8d5db5-0fd8b3fa, #w-node-_948070b9-d994-75a3-2809-619930756e3e-0fd8b3fa {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: stretch;
}

#w-node-_1d2894a3-6c6c-3c95-8ebd-fa9c9133ad28-0fd8b3fa, #w-node-db24eab2-4d61-79ad-8b9e-a3e4f3f63483-0fd8b3fa, #w-node-_537c98e8-4ed4-97b0-5712-a8e4889cdf73-0fd8b3fa, #w-node-ca08a8bf-d43d-f616-d243-1bf59d08284a-0fd8b3fa, #w-node-_7409e6f6-dc2a-6eb4-ce45-137e07bd7fcd-0fd8b3fa, #w-node-_32ccb559-9dd2-bf5b-5cb2-e9807c67051b-0fd8b3fa, #w-node-_8e03d6e4-17af-4302-0b5f-79e47a3267b4-0fd8b3fa, #w-node-be58464e-5da9-7118-a246-6647f4f6a986-0fd8b3fa {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_20427358-267d-33cc-e553-34b2434f9414-0fd8b3fa {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: center;
}

#w-node-_83648440-3eab-f163-8487-ee786e7d884a-0fd8b3fa, #w-node-_110337e7-680e-8e8d-864a-60a5dc50f37c-0fd8b3fa, #w-node-_23178a61-0a7a-0158-4552-eb9ca3cccc62-0fd8b3fa, #w-node-_1cb5877f-3fbf-feb0-4e2a-ae78311f05e1-0fd8b3fa, #w-node-_99d5d2c3-3217-07c5-58ce-dd5df9761b51-0fd8b3fa, #w-node-_7e6bec01-627b-d2ec-b9bd-cd5b3aa49b85-0fd8b3fa, #w-node-_0b2a1abc-47b4-d9fc-6524-114c613bc8d8-0fd8b3fa, #w-node-_1cb6b614-36e4-5d11-b434-08d073cc10c5-0fd8b3fa, #w-node-_614daa5e-3b7d-54b9-00c5-6bc5b7cfb607-0fd8b3fa, #w-node-ecac324c-4cce-f67f-d179-9af428105f2f-0fd8b3fa, #w-node-ec30a7e3-106b-e121-9688-80170df978ae-0fd8b3fa, #w-node-_385c8f1b-5048-63a4-b6d7-cdff00ad6a0d-0fd8b3fa {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-f82d7a48-4a7a-09d8-531f-d2a56bb76063-72ee3b11, #w-node-a2a6c315-7e94-0d4e-62a0-29b9433c4f54-72ee3b11, #w-node-_9ffead6c-2af4-34b9-2ddc-99f1b52b572b-72ee3b11, #w-node-_5f159b4f-ca6c-7ba4-c0c7-eb3f6e26f4d8-72ee3b11, #w-node-_71463746-1af0-d8df-b6ee-7e0f69f3ed3a-72ee3b11, #w-node-_5aa03e5d-baae-e3dd-8018-b7e919a2d33c-72ee3b11 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: stretch;
}

#w-node-_6d889f0e-20a3-0bd2-52d6-1ea96e6283ae-72ee3b11, #w-node-_03040d47-c5ee-3879-1a97-0c8aebc93e82-72ee3b11, #w-node-_622441cc-ede9-7e37-31a5-781f819a9f3a-72ee3b11, #w-node-_431c8198-c31d-78f3-7b2a-312691c8754a-72ee3b11, #w-node-_621542e4-0abc-e020-5375-7a3ba5b4ad77-72ee3b11, #w-node-_15c1bafe-4699-9ce7-70da-728427c89ee4-72ee3b11, #w-node-_3a241b02-f309-7ee6-f477-399f09f5079a-72ee3b11, #w-node-_3ac37a64-b2b6-cf88-1893-ee60501b46b4-72ee3b11, #w-node-daf22fe2-f3cf-4294-d774-cf49c47666ee-72ee3b11, #w-node-_65a3310b-fc45-1c51-0399-1d4fc773d183-72ee3b11, #w-node-_6d98c5ce-50cb-7b8b-4d85-0feeaf1cd0bd-72ee3b11, #w-node-_4c6466ff-c0c1-4ef8-62e7-76dc5b7a7e8f-72ee3b11, #w-node-cb93d4fc-5d7d-8b47-9faf-40c77c2b0831-72ee3b11, #w-node-d69dce1f-e699-1248-7592-22d18471d1f3-72ee3b11, #w-node-c0e7f066-8e77-002d-28c7-dbba5ab1bc08-72ee3b11, #w-node-feff70b5-5388-50f3-2fa0-3f56b0ef88af-72ee3b11, #w-node-_87b0e616-fe30-ac95-3c25-e8b8aa43f06b-72ee3b11, #w-node-_00a1e1af-c829-a707-2d5b-f5d011cb6165-72ee3b11, #w-node-_56b05af1-d3c6-853e-9886-cff5a2987d43-72ee3b11, #w-node-_73388415-c288-0397-050c-003f43e7d474-72ee3b11, #w-node-f228ba4b-ee2f-58a8-9010-991b4db79239-72ee3b11, #w-node-_21e8b9cd-5e95-7075-718e-552d469daf20-72ee3b11, #w-node-_713c0e80-e8dc-4c09-f03f-5e51d3acae33-72ee3b11 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_5b565949-1957-522b-a5cd-bbe0adbbe290-72ee3b11 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-_3992eb89-cf25-247c-1d2b-02ae3ba41245-72ee3b11, #w-node-_75f92933-9340-f8ab-f8ee-d9a5ef3481d9-72ee3b11, #w-node-_59d3a322-5f11-186d-8d0a-c75c9805e5fa-72ee3b11 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-cfb5fe3d-4185-d8f7-2fca-0ccbf6973f1d-72ee3b11 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-cfb5fe3d-4185-d8f7-2fca-0ccbf6973f1e-72ee3b11, #w-node-cfb5fe3d-4185-d8f7-2fca-0ccbf6973f1f-72ee3b11, #w-node-fba7f8ea-c3fb-c417-fbaa-e7fbc941f70b-72ee3b11, #w-node-b2e6d3a9-b03c-5a32-3cf4-530b951ea98f-72ee3b11, #w-node-_911f379d-2923-800e-9ed6-b3f66bc49d57-72ee3b11, #w-node-f4828c78-1b09-0a5d-aac8-4e7504d2f6ec-72ee3b11, #w-node-_8784b810-caf8-65b5-f60c-c72698da6275-72ee3b11, #w-node-c4bc8aa0-9e62-8a38-af69-1cbd754959e7-72ee3b11, #w-node-_0a8066a8-5dd8-74ec-fc1f-bfd59294a417-72ee3b11, #w-node-_8b900286-fe23-38f0-a717-fa23b54f0d12-72ee3b11, #w-node-_836e23b9-2f7e-101e-bf5b-23ddb94ca47d-72ee3b11, #w-node-bb23c3f5-73c7-7956-381f-35502f66e9cf-72ee3b11, #w-node-fb266a03-dc0b-b40a-6a08-563f0e2e5491-72ee3b11, #w-node-_5f11ac79-b70e-de17-25bb-6f532d01c21e-72ee3b11, #w-node-_9d4d6b0d-e938-f757-9d60-ffd23cb1bffc-72ee3b11, #w-node-e9cd9196-788a-e2c8-cce0-3942437595dc-9fd7a936, #w-node-a4a74244-5762-dea6-58a5-70e87813eff8-9fd7a936 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-c67a8e5b-a1f1-2359-ceb3-4c5ee0d6f233-9fd7a936 {
  grid-template-rows: auto;
  grid-template-columns: 1fr;
}

#w-node-_5f74caa0-2bf9-e884-28fc-2adb170617a5-9fd7a936 {
  grid-template-rows: auto;
  grid-template-columns: .5fr .5fr;
}

#w-node-_20e3bce0-11b3-8a39-1b78-e5e32cc2f96b-d72b90d5, #w-node-_1f4a7752-ddbe-a676-10e1-8a89e13c089a-d72b90d5, #w-node-_133cd770-41d9-f2a9-ddda-cef15e2fc098-d72b90d5, #w-node-_917e4f2f-e923-d68c-dea6-3aeef2e44c5a-d72b90d5, #w-node-_622c34f0-ff3c-b069-bcdd-53a9eebc83c4-d72b90d5, #w-node-_0c0651e7-c8d1-b6e1-0016-cd286c03b7a6-d72b90d5 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: stretch;
}

#w-node-_843c8ecc-677b-1b89-cc3a-18c342ddf577-d72b90d5, #w-node-_140f1ce3-d456-5ad9-8384-1bc58f069203-d72b90d5, #w-node-e0d05836-782b-b0c5-d889-628577097be5-d72b90d5, #w-node-f6665022-e767-4ec3-570e-09a155d20d6b-d72b90d5, #w-node-_3e777d4d-e66d-a2b2-17d1-3978f2684a67-d72b90d5, #w-node-_464deff8-1ab5-129a-7a68-db7736c0abd4-d72b90d5, #w-node-_016ec43a-8aa5-ba30-16b4-552d365e3bf3-d72b90d5, #w-node-_7a030254-31ce-c54e-e6a4-f3aba92e5806-d72b90d5, #w-node-ae697f87-7f5b-d611-0375-fd177a6940bd-d72b90d5, #w-node-_1700cf95-3ab5-14b0-e8f0-44e791d88952-d72b90d5, #w-node-d53b9d0f-a3a0-f866-dc28-4ce1199855d5-d72b90d5, #w-node-fe5f8eb8-cf49-fc11-b9fc-9ea31250c378-d72b90d5, #w-node-afbf6081-f14b-8fde-1a74-7817692e5fb0-d72b90d5, #w-node-_83e2a91c-28f2-90d2-6799-27bf9c9fbf7c-d72b90d5, #w-node-d1205405-d5d3-a79c-99ca-af2ec9ca74bc-d72b90d5, #w-node-ec1fdfa8-a40f-d694-6596-865c968ce42b-d72b90d5 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_668ee9bf-7cb9-afdd-480c-db9d83e683f2-d72b90d5 {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-_18b2b4a1-39bf-603d-d016-be0d1ddee683-d72b90d5 {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-_49e8d10a-e93a-3eb6-f7b3-d62ed1e70006-d72b90d5, #w-node-df519624-bae7-b753-c5c7-89363b18ec1b-d72b90d5, #w-node-_25c4f5fe-6884-cfcf-3105-a57fcb59fcae-d72b90d5, #w-node-_94735da9-a9c2-67e8-dd92-978fb0971613-d72b90d5, #w-node-_25b34936-85f1-ba31-97ed-af7ba4a865d6-d72b90d5, #w-node-_74dd5588-86e4-73b2-e55c-b171291ffc88-d72b90d5, #w-node-_080b40b4-a0c8-73ee-4139-36fd71319221-d72b90d5, #w-node-_53bd7489-6416-52c5-8e80-41e9586dfbc2-d72b90d5, #w-node-_309c5c41-b93d-377d-3f49-6517f5976b05-d72b90d5, #w-node-_8c6ce215-27bd-7330-ef05-aa135bf6538a-d72b90d5, #w-node-_289e48c6-7e6d-e5f5-b6e4-620cb5e26565-d72b90d5, #w-node-_5dfe26e6-b3cb-cb83-02cb-54d2c4a2e32d-d72b90d5, #w-node-b41d17bd-fafc-fcc1-c025-8b8927d76d1c-d72b90d5, #w-node-e526d4cc-ffa7-9a2b-85fe-0f1bc8633e72-d72b90d5, #w-node-_187a1717-c76d-5156-3ce5-33f8911b63cc-d72b90d5, #w-node-_6e886799-6db2-c944-5be0-2ba910585d75-d72b90d5, #w-node-_9547fcef-8c3a-d12a-5eab-210afdbd2334-d72b90d5, #w-node-_5553cb3b-f380-693e-a22c-89646349fc6d-d72b90d5, #w-node-_194af581-f1f8-9003-3389-edd69b79bb16-d72b90d5, #w-node-a44d36ee-27e2-6433-e20c-5c35826628c2-d72b90d5 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_10c87e8e-438e-8284-87b3-15a3e5ffef93-23c40645, #w-node-_17a1fc32-957f-301a-90b2-c6359a67db54-23c40645, #w-node-_5e740c14-12bc-2b73-9e5e-e70878f27b01-23c40645, #w-node-_5e9b4fa7-4cb6-21cb-4dcb-ebc523194cdf-23c40645 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: stretch;
}

#w-node-d7f69c54-c479-8ef6-b264-1d2bafd3a833-23c40645, #w-node-b2a7fb8b-b440-1519-b7f4-ffb6aa4b12d5-23c40645, #w-node-_8cdbe74a-addc-c79f-1e32-6c84c24e77e4-23c40645, #w-node-_7f94b100-8af4-4fb7-a54b-0525c7b628b8-23c40645, #w-node-e38bdc8e-b7c0-a2e1-d977-3a1444b4a58e-23c40645, #w-node-_865ed148-dee9-73c5-4b62-be8220c16b97-23c40645, #w-node-b42cfefe-9e82-697e-0478-c2176b3221b4-23c40645, #w-node-_96a2739e-0f1e-e300-9f78-c9f9b0fce70a-23c40645, #w-node-d8f3c910-14ea-785f-94ca-a7417150cfc3-23c40645, #w-node-_8d040307-283b-b1d5-c497-3b69c8a172f1-23c40645, #w-node-_2c9b1872-aeb4-c729-21e2-564d1fa9ee13-23c40645, #w-node-_4b5a297c-936f-3f15-00d5-c14ac280fda9-23c40645, #w-node-_448a265c-d417-2a37-6656-d4f6798164ed-23c40645, #w-node-_766f1a75-2e16-c698-84c3-a030a0393de4-23c40645, #w-node-_56229ca2-08ee-f83e-8125-5280f96da63c-23c40645, #w-node-_38590ef0-9ebc-38b5-8bca-8d9ec1885658-23c40645, #w-node-fd120765-83a9-4cf1-129b-481528cd633d-23c40645, #w-node-f6485ce7-f3b5-bda6-5a36-805b7cfbe6a4-23c40645, #w-node-_000c83e1-4a3b-e7f4-79f7-db193b118cc8-23c40645, #w-node-d369441e-20c8-8172-1ccb-4c30906e1c41-23c40645, #w-node-aca7fea2-999e-7ae8-54f1-9283ffa54d35-23c40645, #w-node-_82ee3912-62d6-2a06-d084-e6b2dbaa3752-23c40645, #w-node-de17a3fc-c6a7-43a0-485e-65bea10992be-23c40645, #w-node-a6b567c5-3798-8cfd-e6c5-305dc6d8dd4d-23c40645, #w-node-_36aa70a5-7875-3190-4056-12c8da8c0f60-23c40645, #w-node-e89c037c-759d-cd74-dfc4-0771dec28c8f-23c40645, #w-node-d1691217-1bb1-269c-9f06-120ec8dee8b0-23c40645, #w-node-cd6a4fc7-d30a-08a8-acbb-c6efec464fd3-23c40645, #w-node-dd05d9aa-3047-c463-b3dc-8a054716e707-23c40645, #w-node-f24da959-6ff2-1a97-8b45-fefef8c3a202-23c40645, #w-node-_9f0c3f39-8eda-765a-2618-50340236fb97-23c40645, #w-node-c055704b-9304-7bda-6d2a-0c3c656f1a03-23c40645, #w-node-_0b66d89f-5d69-581d-0917-ccbc39137091-23c40645, #w-node-_328ed339-d9b0-e352-d9bb-181cb49290f5-23c40645, #w-node-_82f1f6f3-6c53-16fd-9751-4d8af465571c-23c40645, #w-node-_53a5c036-6059-d4e9-a37d-248ddc29027b-23c40645, #w-node-_6b4c9a76-2392-1590-6969-b3eba0aa6886-23c40645, #w-node-ffe42c32-4ac2-1b9d-54f9-35fede9e3783-23c40645, #w-node-_5ab65efa-0ae9-3a7d-1525-f14528d10f1e-23c40645, #w-node-eae663b0-b01d-7b02-02f0-db4602fa5821-23c40645, #w-node-_0dee03e4-bc7d-1339-6935-d03de33c666a-23c40645, #w-node-_5849d554-39be-825d-0bcd-6062502ac051-23c40645, #w-node-_15b03158-8ca3-e3cb-c3c6-9814abcf14a7-23c40645, #w-node-_7af77df3-f91a-85d7-84de-ef618a9834fe-23c40645, #w-node-_0228c3c1-fcfc-feb5-0df1-f31ae387c839-23c40645, #w-node-b36c36c5-5bb1-9358-c36f-ba7bea73b342-23c40645, #w-node-_3c538839-b4dd-366b-8838-a8431575bc5f-23c40645, #w-node-_7ec11cb1-df64-8ea5-5b23-e22c72f93403-23c40645, #w-node-_8a878086-769d-e23a-f158-4de87308ea54-23c40645 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-c5baa9f8-6d7e-9092-419b-49e03c2fc076-23c40645 {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-_0b1f8787-1607-8e3b-0483-5c0d7dc52336-23c40645 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

#w-node-d5d7e9fc-6f54-9b81-f27c-50626a808765-23c40645, #w-node-_5291e344-c043-612d-a5bc-382b409914cf-23c40645, #w-node-_6106946b-6f3d-1be9-dee5-6534c6b5264f-23c40645 {
  align-self: center;
}

#w-node-d687108f-3154-e2be-b83b-e50b66206e87-23c40645 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

#w-node-f813783e-70b6-b3dd-72a5-f859147aabbb-23c40645, #w-node-_2ebd4a72-57a6-9a21-5401-f4159a228912-23c40645, #w-node-_840be845-8919-d04e-a9fe-d9fb993772f3-23c40645, #w-node-c9f30e5b-bc70-174e-df50-5c9a658cf2e4-23c40645, #w-node-_1dfd1595-5346-63a8-8639-e42aea987b58-23c40645, #w-node-aa053caa-d77d-c3d9-13fc-42501a8dcd1b-23c40645, #w-node-d2877cb9-6b4e-5aa6-59a9-518c490a6a2c-23c40645, #w-node-_4cf5c6a6-501f-0242-ba21-5eea503c9785-23c40645, #w-node-c1d9fd9a-ca33-420e-41e6-ffabfe78848f-23c40645, #w-node-e94f8add-5ea8-7ea3-16dd-adec36cec7ea-23c40645, #w-node-_8b301ced-7697-19c7-a3fe-caa49efe01dc-23c40645, #w-node-_7af733d2-4566-db7d-0bd3-186eb77a0cab-23c40645, #w-node-_3c793644-cc15-cb1c-8b44-01ba3b0dfb2e-23c40645, #w-node-_9bf9c7a1-4999-9778-5b3d-c19c36058e78-23c40645, #w-node-_3a436522-1c8f-3a23-ccda-0478c507634b-23c40645 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

@media screen and (max-width: 767px) {
  #w-node-_0b1f8787-1607-8e3b-0483-5c0d7dc52336-23c40645, #w-node-d687108f-3154-e2be-b83b-e50b66206e87-23c40645 {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_984d583a-a937-8c43-cfa5-954c3e038825-499755ac, #w-node-c74d2fa5-4dae-67a7-c3e6-1e3aa5a90aff-499755ac, #w-node-f10ef050-75dc-a05e-7676-eb8e5c7a47f2-499755ac, #w-node-_9a61eccc-df1b-f4ae-e873-30164a3f012a-499755ac, #w-node-a2c2a97a-0eae-0a0b-a1e8-c1d10300c16e-499755ac, #w-node-_95c4ab69-222c-76d5-d3bc-8754204d27ae-499755ac {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_5f74caa0-2bf9-e884-28fc-2adb170617a5-9fd7a936 {
    grid-template-rows: auto;
    grid-template-columns: .5fr;
  }

  #w-node-_668ee9bf-7cb9-afdd-480c-db9d83e683f2-d72b90d5 {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  #w-node-_18b2b4a1-39bf-603d-d016-be0d1ddee683-d72b90d5 {
    grid-area: span 2 / span 1 / span 2 / span 1;
  }

  #w-node-_49e8d10a-e93a-3eb6-f7b3-d62ed1e70006-d72b90d5, #w-node-df519624-bae7-b753-c5c7-89363b18ec1b-d72b90d5 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}
