html {
  -ms-text-size-adjust: 100%;
  -webkit-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: rgba(0, 0, 0, 0);
}

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

figure {
  margin: 1em 40px;
}

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

fieldset {
  border: 1px solid silver;
  margin: 0 2px;
  padding: .35em .625em .75em;
}

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 {
  min-height: 100%;
  color: #333;
  background-color: #fff;
  margin: 0;
  font-family: Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

img {
  max-width: 100%;
  vertical-align: middle;
  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: rgba(0, 0, 0, 0) !important;
}

.w-webflow-badge, .w-webflow-badge * {
  z-index: auto;
  visibility: visible;
  box-sizing: border-box;
  width: auto;
  height: auto;
  max-height: none;
  max-width: none;
  min-height: 0;
  min-width: 0;
  float: none;
  clear: none;
  box-shadow: none;
  opacity: 1;
  direction: ltr;
  font-family: inherit;
  font-weight: inherit;
  color: inherit;
  font-size: inherit;
  line-height: inherit;
  font-style: inherit;
  font-variant: inherit;
  text-align: inherit;
  letter-spacing: inherit;
  -webkit-text-decoration: inherit;
  text-decoration: inherit;
  text-indent: 0;
  text-transform: inherit;
  text-shadow: none;
  font-smoothing: auto;
  vertical-align: baseline;
  cursor: inherit;
  white-space: inherit;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  background: none;
  border: 0 rgba(0, 0, 0, 0);
  border-radius: 0;
  margin: 0;
  padding: 0;
  list-style-type: disc;
  transition: none;
  display: block;
  position: static;
  top: auto;
  bottom: auto;
  left: auto;
  right: auto;
  overflow: visible;
  transform: none;
}

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

.w-webflow-badge > img {
  visibility: visible !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 {
  width: 100%;
  height: 100%;
  border: none;
  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 {
  width: 100%;
  height: 38px;
  color: #333;
  vertical-align: middle;
  background-color: #fff;
  border: 1px solid #ccc;
  margin-bottom: 10px;
  padding: 8px 12px;
  font-size: 14px;
  line-height: 1.42857;
  display: block;
}

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

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

.w-input::-webkit-input-placeholder, .w-select::-webkit-input-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 {
  width: .1px;
  height: .1px;
  opacity: 0;
  z-index: -100;
  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 {
  width: auto;
  height: auto;
  cursor: pointer;
  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;
  width: 28px;
  height: 20px;
  text-align: center;
  background: #fff;
  border: 1px solid #758696;
  border-radius: 3px;
  display: inline-block;
  position: relative;
}

.w-widget-twitter-count-shim * {
  pointer-events: none;
  -webkit-user-select: none;
  -ms-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: " ";
  height: 0;
  width: 0;
  pointer-events: none;
  border: solid rgba(0, 0, 0, 0);
  position: absolute;
  top: 50%;
  left: 0;
}

.w-widget-twitter-count-shim:not(.w--vertical):before {
  border-width: 4px;
  border-color: rgba(117, 134, 150, 0) #5d6c7b rgba(117, 134, 150, 0) rgba(117, 134, 150, 0);
  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: rgba(255, 255, 255, 0) #fff rgba(255, 255, 255, 0) rgba(255, 255, 255, 0);
  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: " ";
  height: 0;
  width: 0;
  pointer-events: none;
  border: solid rgba(0, 0, 0, 0);
  position: absolute;
  top: 100%;
  left: 50%;
}

.w-widget-twitter-count-shim.w--vertical:before {
  border-width: 5px;
  border-color: #5d6c7b rgba(117, 134, 150, 0) rgba(117, 134, 150, 0);
  margin-left: -5px;
}

.w-widget-twitter-count-shim.w--vertical:after {
  border-width: 4px;
  border-color: #fff rgba(255, 255, 255, 0) rgba(255, 255, 255, 0);
  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 {
  height: 500px;
  color: #fff;
  position: relative;
  overflow: hidden;
}

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

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

.w-background-video--control {
  background-color: rgba(0, 0, 0, 0);
  padding: 0;
  position: absolute;
  bottom: 1em;
  right: 1em;
}

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

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

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

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

.w-slider-nav {
  z-index: 2;
  height: 40px;
  text-align: center;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  tap-highlight-color: rgba(0, 0, 0, 0);
  margin: auto;
  padding-top: 10px;
  position: absolute;
  top: auto;
  bottom: 0;
  left: 0;
  right: 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 rgba(51, 51, 51, .4);
}

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

.w-slider-nav-invert > div {
  background-color: rgba(34, 34, 34, .4);
}

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

.w-slider-dot {
  width: 1em;
  height: 1em;
  cursor: pointer;
  background-color: rgba(255, 255, 255, .4);
  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 {
  width: 80px;
  cursor: pointer;
  color: #fff;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin: auto;
  font-size: 40px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 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;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.w-slider-aria-label {
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  border: 0;
  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;
  -ms-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 {
  min-width: 100%;
  background: #ddd;
  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;
}

@media screen and (max-width: 767px) {
  .w-nav-brand {
    padding-left: 10px;
  }
}

.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: rgba(0, 0, 0, .9);
  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;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  -webkit-transform: translate(0);
}

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

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

.w-lightbox-view {
  width: 100vw;
  height: 100vh;
  opacity: 0;
  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;
  height: auto;
  max-width: none;
}

.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: rgba(0, 0, 0, .4);
  padding: .5em 1em;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
}

.w-lightbox-embed {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.w-lightbox-control {
  width: 4em;
  cursor: pointer;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 24px;
  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 {
  height: 2.6em;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMTggMTciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxNyI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMCAwaDd2LTdoNXY3aDd2NWgtN3Y3aC01di03aC03eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDd2LTdoM3Y3aDd2M2gtN3Y3aC0zdi03aC03eiIgZmlsbD0iI2ZmZiIvPjwvZz48L3N2Zz4=");
  background-size: 18px;
  right: 0;
}

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

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

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

.w-lightbox-thumbnail {
  height: 10vh;
  background: #222;
  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;
  width: 40px;
  height: 40px;
  border: 5px solid rgba(0, 0, 0, .4);
  border-radius: 50%;
  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 rgba(0, 0, 0, 0);
  border-bottom-color: #fff;
  border-radius: 50%;
  position: absolute;
  top: -4px;
  bottom: -4px;
  left: -4px;
  right: -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;
  top: 0;
  bottom: 0;
  left: 0;
  right: 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: rgba(0, 0, 0, 0);
  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 {
  width: 100%;
  max-width: 100%;
  text-align: center;
  clear: both;
  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;
  min-width: 200px;
  background: #c8c8c8;
  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: rgba(0, 0, 0, 0);
  tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-user-select: none;
  -ms-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;
}

.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-checkbox {
  margin-bottom: 5px;
  padding-left: 20px;
  display: block;
}

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

.w-checkbox:after {
  content: " ";
  clear: both;
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

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

.w-checkbox-input--inputType-custom {
  width: 12px;
  height: 12px;
  border: 1px solid #ccc;
  border-radius: 2px;
}

.w-checkbox-input--inputType-custom.w--redirected-checked {
  background-color: #3898ec;
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-color: #3898ec;
}

.w-checkbox-input--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

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

.w-pagination-wrapper {
  flex-wrap: wrap;
  justify-content: center;
  display: flex;
}

.w-pagination-previous {
  color: #333;
  background-color: #fafafa;
  border: 1px solid #ccc;
  border-radius: 2px;
  margin-left: 10px;
  margin-right: 10px;
  padding: 9px 20px;
  font-size: 14px;
  display: block;
}

.w-pagination-previous-icon {
  margin-right: 4px;
}

.w-pagination-next {
  color: #333;
  background-color: #fafafa;
  border: 1px solid #ccc;
  border-radius: 2px;
  margin-left: 10px;
  margin-right: 10px;
  padding: 9px 20px;
  font-size: 14px;
  display: block;
}

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

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

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

h3 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
}

h4 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: 400;
  line-height: 26px;
}

h5 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}

h6 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: 300;
  line-height: 20px;
}

p {
  margin-bottom: 0;
}

a {
  color: #000;
  cursor: pointer;
}

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

li {
  margin-left: 1.2rem;
}

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

strong {
  font-weight: 600;
}

blockquote {
  border-left: 3px solid #000;
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 10px 20px;
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
}

.desktop-nav---eng {
  z-index: 10;
  position: fixed;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.desktop-nav-grid {
  z-index: 10;
  background-color: #fff;
  grid-template-rows: auto;
  grid-template-columns: max-content auto;
  position: static;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.nav-logo {
  height: 29px;
}

.nav-logo-link, .nav-logo-link.w--current {
  margin-top: 20px;
  margin-bottom: 20px;
  margin-left: 30px;
}

.desktop-nav-sub-grid {
  grid-column-gap: 30px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: auto auto auto auto auto auto;
  margin-right: 30px;
}

.nav-text {
  text-align: left;
  letter-spacing: 1px;
  font-family: Catamaran, sans-serif;
  font-weight: 400;
  text-decoration: none;
}

.nav-text:hover, .nav-text.current-page {
  color: #aaa;
}

.nav-text-link {
  text-decoration: none;
}

.nav-text-link.w--current {
  opacity: 1;
  color: #aaa;
}

.logo-animation-block {
  z-index: -1;
  height: 100vh;
  object-fit: fill;
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5f685fb11f37a842e27cf3e7_Aqui%20Logo%20Animation.gif");
  background-position: 50%;
  background-size: cover;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}

.home-intro-grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto auto auto;
  grid-template-columns: 40% 10% 50%;
}

.p1---black {
  color: #000;
  letter-spacing: .5px;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 0;
  font-family: Catamaran, sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 38px;
}

.p2---black {
  color: #000;
  letter-spacing: .5px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Catamaran, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 26px;
}

.white-block {
  background-color: #fff;
  grid-template-rows: auto auto;
  grid-template-columns: auto auto;
  grid-auto-columns: 1fr;
  padding: 7% 10%;
  display: block;
}

.white-block._2 {
  background-color: rgba(0, 0, 0, 0);
}

.button---black {
  width: auto;
  color: #000;
  letter-spacing: .5px;
  background-color: rgba(0, 0, 0, 0);
  margin-top: 50px;
  padding: 0;
  font-family: Catamaran, sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 18px;
}

.black-block {
  background-color: #000;
  padding: 7% 10%;
}

.logo-wall-grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto auto;
  grid-template-columns: 20% 10% 70%;
}

.p1---white {
  color: #fff;
  letter-spacing: .5px;
  margin-bottom: 0;
  margin-right: 0;
  font-family: Catamaran, sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 38px;
}

.button---white {
  width: auto;
  color: #fff;
  letter-spacing: .5px;
  background-color: rgba(0, 0, 0, 0);
  padding: 0;
  font-family: Catamaran, sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 18px;
}

.logo-wall-subgrid {
  grid-column-gap: 20px;
  grid-row-gap: 70px;
  grid-template-rows: auto auto auto;
  grid-template-columns: auto auto auto auto;
}

.logo-wall-logo---large {
  width: 150px;
}

.testimonial-block {
  padding: 0;
}

.testimonial-slider-l-arrow {
  height: 30px;
  max-width: none;
  opacity: .5;
  color: #fff;
  margin: 235px 20px 235px 30px;
  font-size: 30px;
  display: block;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: auto;
}

.testimonial-slider-l-arrow:hover {
  opacity: 1;
}

.testimonial-subgrid {
  grid-column-gap: 0px;
  grid-row-gap: 50px;
  grid-template-columns: auto;
  margin: 0;
}

.testimonial-logo---medium {
  width: 100px;
}

.testimonial-slider {
  height: auto;
}

.testimonial-p {
  width: 60%;
  color: #fff;
  text-align: center;
  letter-spacing: .5px;
  margin-bottom: 0;
  font-family: Catamaran, sans-serif;
  font-size: 17px;
  font-weight: 300;
  line-height: 27px;
}

.contact-grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto auto;
  grid-template-columns: 30% 10% 60%;
}

.contact-form-block {
  width: 100%;
  margin-bottom: 0;
}

.contact-form-text-field---white {
  color: #fff;
  letter-spacing: .5px;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid rgba(0, 0, 0, 0);
  border-bottom-color: #fff;
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  font-family: Catamaran, sans-serif;
  font-weight: 300;
}

.contact-form-text-field---white:focus {
  border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #fff;
}

.contact-form-grid {
  width: 100%;
  grid-template-rows: auto auto auto auto auto;
  grid-template-columns: 1fr 1fr;
}

.contact-form-text-area---white {
  height: auto;
  color: #fff;
  letter-spacing: .5px;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid rgba(0, 0, 0, 0);
  border-bottom-color: #fff;
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  font-family: Catamaran, sans-serif;
  font-weight: 300;
}

.contact-form-text-area---white:focus {
  border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #fff;
}

.contact-submit-button---white {
  width: auto;
  color: #fff;
  text-align: right;
  letter-spacing: .5px;
  background-color: rgba(0, 0, 0, 0);
  margin-top: 20px;
  padding: 0;
  font-family: Catamaran, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}

.footer {
  background-color: #000;
  padding: 30px;
}

.footer-grid {
  grid-column-gap: 0px;
  grid-row-gap: 30px;
  grid-template-columns: 30% 40% 30%;
}

.contact-form {
  width: 100%;
}

.newlestter-form-block {
  width: auto;
}

.newsletter-form-grid {
  grid-column-gap: 20px;
  grid-row-gap: 0px;
  grid-template-rows: auto auto auto;
  grid-template-columns: auto min-content;
}

.newsletter-form-text-field {
  color: #fff;
  letter-spacing: .5px;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid rgba(0, 0, 0, 0);
  border-bottom-color: #fff;
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  font-family: Catamaran, sans-serif;
  font-size: 13px;
  font-weight: 300;
  line-height: 22px;
}

.newsletter-form-text-field:focus {
  border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #fff;
}

.footer-h {
  color: #fff;
  letter-spacing: .5px;
  margin-top: 0;
  margin-bottom: 10px;
  font-family: Catamaran, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 24px;
}

.footer-subgrid {
  grid-column-gap: 50px;
  grid-row-gap: 0px;
  grid-template-rows: min-content auto;
  grid-template-columns: max-content max-content max-content;
}

.footer-p {
  color: #fff;
  letter-spacing: .5px;
  font-family: Catamaran, sans-serif;
  font-size: 13px;
  font-weight: 300;
  line-height: 22px;
}

.newsletter-submit-button {
  width: auto;
  color: #fff;
  text-align: right;
  letter-spacing: .5px;
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0);
  margin-top: 0;
  padding: 0;
  font-family: Catamaran, sans-serif;
  font-size: 13px;
  font-weight: 500;
  line-height: 22px;
}

.slide-nav {
  display: none;
}

.link-3 {
  color: #fff;
  text-decoration: none;
}

.fine-text-grid {
  grid-column-gap: 15px;
  grid-row-gap: 5px;
  grid-template-rows: auto auto;
  grid-template-columns: auto auto 1fr;
}

.back-to-top-link {
  color: #fff;
}

.top {
  height: 0;
}

.logo-wall-logo---small {
  width: 120px;
}

.testimonial-grid {
  height: 500px;
  background-color: #000;
  grid-template-rows: auto;
  grid-template-columns: auto;
}

.testimonial-logo---large {
  width: 140px;
}

.testimonial-logo---small {
  width: 80px;
}

.mobile-nav-block {
  z-index: 10;
  display: none;
  position: fixed;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.mobile-nav-grid {
  z-index: 10;
  background-color: #fff;
  grid-template-rows: auto;
  grid-template-columns: auto auto;
  display: none;
  position: static;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.mobile-nav-menu {
  z-index: 10;
  display: none;
  position: fixed;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.mobile-nav-menu-subgrid {
  grid-column-gap: 30px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: auto auto auto auto auto;
  margin-right: 30px;
}

.mobile-nav-menu-grid {
  display: none;
}

.page-header-block {
  margin-top: 70px;
  padding: 5% 10% 0%;
}

.page-header-h {
  color: #000;
  letter-spacing: .5px;
  font-family: Catamaran, sans-serif;
  font-size: 40px;
  font-weight: 600;
  line-height: 40px;
}

.dash {
  width: 40px;
  height: 5px;
  background-color: #000;
  margin-top: 30px;
}

.link-5, .link-6, .link-7, .link-8 {
  color: #fff;
}

.services-grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 20% 10% 70%;
}

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

.services-p1 {
  color: #aaa;
  letter-spacing: .5px;
  margin-bottom: 0;
  font-family: Catamaran, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 30px;
}

.services-p2, .services-p3, .services-p4 {
  color: #aaa;
  letter-spacing: .5px;
  margin-bottom: 0;
  font-family: Catamaran, sans-serif;
  font-weight: 400;
  line-height: 30px;
}

.h2---black {
  letter-spacing: .5px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Catamaran, sans-serif;
  font-size: 30px;
  font-weight: 600;
  line-height: 30px;
}

.team-grid {
  grid-column-gap: 6vw;
  grid-row-gap: 6vw;
  grid-template-rows: auto auto;
  grid-template-columns: auto auto auto;
  grid-auto-flow: row;
  margin-top: 50px;
}

.team-subgrid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: max-content max-content auto;
  grid-template-columns: auto;
}

.team-p {
  letter-spacing: .5px;
  margin-bottom: 0;
  font-family: Catamaran, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 26px;
}

.contact-block---black {
  background-color: #000;
  padding: 7% 10%;
  display: block;
}

.contact-block---white {
  background-color: #fff;
  padding: 7% 10%;
}

.contact-h---black {
  color: #000;
  letter-spacing: .5px;
  margin-bottom: 0;
  margin-right: 0;
  font-family: Catamaran, sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 38px;
}

.contact-form-text-field---black {
  color: #000;
  letter-spacing: .5px;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid rgba(0, 0, 0, 0);
  border-bottom-color: #000;
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  font-family: Catamaran, sans-serif;
  font-weight: 300;
}

.contact-form-text-field---black:focus {
  border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #000;
}

.contact-form-text-area---black {
  height: auto;
  color: #000;
  letter-spacing: .5px;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid rgba(0, 0, 0, 0);
  border-bottom-color: #000;
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  font-family: Catamaran, sans-serif;
  font-weight: 300;
}

.contact-form-text-area---black:focus {
  border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #000;
}

.contact-submit-button---black {
  color: #000;
  text-align: right;
  letter-spacing: .5px;
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0);
  margin-top: 0;
  padding: 5px 0 0;
  font-family: Catamaran, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 20px;
}

.our-process-gif-block {
  z-index: -1;
  height: 100vh;
  object-fit: fill;
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5f646c9fa293ce0fb35b1df0_Process%20Gif%20180920.gif");
  background-position: 50%;
  background-size: cover;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}

.team-bold-text {
  font-size: 16px;
}

.work-block-link {
  height: 15vw;
  color: #fff;
  text-decoration: none;
  display: block;
  position: relative;
}

.work-block-icon {
  height: 20%;
}

.work-block-p {
  color: #fff;
  text-align: center;
  letter-spacing: 4px;
  text-transform: uppercase;
  margin-left: 20px;
  margin-right: 20px;
  font-family: Catamaran, sans-serif;
  font-size: 22px;
  font-weight: 600;
  line-height: 30px;
  text-decoration: none;
  display: block;
}

.cs-bottom-bar {
  justify-content: space-between;
  margin-top: 10vh;
  margin-bottom: 5vh;
  display: flex;
}

.project-title {
  color: #000;
  letter-spacing: .5px;
  white-space: nowrap;
  font-family: Catamaran, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 26px;
}

.spacer {
  height: 5vh;
}

.cs-text-block-3-7 {
  width: auto;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: row;
  grid-template-rows: auto;
  grid-template-columns: 35% 60%;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  margin-top: 10vh;
  margin-bottom: 10vh;
  display: grid;
}

.cs-h1---black {
  color: #000;
  letter-spacing: .5px;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 0;
  font-family: Catamaran, sans-serif;
  font-size: 40px;
  font-weight: 600;
  line-height: 50px;
}

.cs-p1---black {
  color: #000;
  letter-spacing: .5px;
  margin-bottom: 0;
  font-family: Catamaran, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 24px;
}

.cs-block {
  background-color: #fff;
  margin-top: 70px;
  padding: 7% 10%;
}

.cs-h2---black {
  color: #000;
  letter-spacing: .5px;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 0;
  font-family: Catamaran, sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 34px;
}

.breadcrumb-p---r {
  color: #000;
  text-align: right;
  letter-spacing: .5px;
  margin-left: 50px;
  font-family: Catamaran, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 26px;
}

.cs-top-bar {
  justify-content: space-between;
  display: flex;
}

.previous-block {
  text-transform: uppercase;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding-left: 30px;
  padding-right: 0;
  display: flex;
  position: fixed;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: auto;
}

.previous-next-arrow {
  height: 30px;
  opacity: .2;
  display: block;
}

.previous-next-arrow:hover {
  opacity: 1;
}

.next-block {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding-left: 0;
  padding-right: 30px;
  display: flex;
  position: fixed;
  top: 0%;
  bottom: 0%;
  left: auto;
  right: 0%;
}

.next-block.hide {
  display: none;
}

.testimonial-slider-r-arrow {
  height: 30px;
  max-width: none;
  opacity: .5;
  color: #fff;
  margin: 235px 30px 235px 20px;
  font-size: 30px;
  display: block;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: auto;
  right: 0%;
}

.testimonial-slider-r-arrow:hover {
  opacity: 1;
}

.tct-image---iconography {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5f8d145b4f0e8d5a67d84a4e_TCT_web%20case%20study5.png");
  background-position: 50%;
  background-size: cover;
}

.tct-grid-1 {
  height: 35vw;
  grid-column-gap: 5vh;
  grid-row-gap: 5vh;
  grid-template-rows: auto;
  grid-template-columns: 50vw auto;
}

.tct-image---ig {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5f89238ddb3f77178cbd0654_TCT_web%20case%20study6.png");
  background-position: 50%;
  background-size: cover;
}

.tct-image---logo {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5f89238c617d6f86870bf3d3_TCT_web%20case%20study2.png");
  background-position: 50%;
  background-size: cover;
}

.tct-image---symbol {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5f89238ddda1cd041a32c48c_TCT_web%20case%20study4.png");
  background-position: 50%;
  background-size: cover;
}

.tct-grid-2 {
  height: 40vw;
  grid-column-gap: 5vh;
  grid-row-gap: 5vh;
  grid-template-rows: auto;
  grid-template-columns: auto auto;
}

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

.cs-p-link:hover {
  text-decoration: underline;
}

.pa-image---ad-1 {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5f8d4727b375c63c9cdaf426_Pan%20Animalia%20Ad%202.jpg");
  background-position: 50% 0;
  background-size: cover;
}

.pa-image---ad-2 {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5f8d49f524084ba8124ff26a_Pan%20Animalia%20Ad%201.jpg");
  background-position: 50%;
  background-size: cover;
}

.pa-image---brochure {
  height: 50vw;
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5f8d49f639466a2f8acc6bd8_brochure1.jpg");
  background-position: 50%;
  background-size: cover;
}

.pa-image---brochure:hover {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5f8d49f631dccaa513c0ad1e_brochure2.jpg");
}

.pa-bgv-1 {
  z-index: 1;
  display: block;
  position: relative;
}

.pa-grid-1, .pa-grid-2 {
  height: 35vw;
  grid-column-gap: 5vh;
  grid-row-gap: 5vh;
  grid-template-rows: auto;
  grid-template-columns: 50vw auto;
}

.line {
  height: 1px;
  background-color: #ccc;
  margin-left: 10%;
  margin-right: 10%;
}

.footer-link {
  color: #fff;
  text-decoration: none;
}

.footer-link:hover {
  text-decoration: underline;
}

.db-slider {
  height: 45vw;
  background-color: rgba(0, 0, 0, 0);
}

.left-arrow, .right-arrow {
  display: none;
}

.cs-slide-nav {
  font-size: 10px;
  display: block;
}

.cs-slide-nav.hide {
  display: none;
}

.db-slide-1 {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5f97c475c525a372364779e0_Dunia%20Baru_Website%20Case%20Study8.png");
  background-position: 50%;
  background-size: cover;
}

.db-slide-2 {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5f97c47407fc90e3f1ecca2f_Dunia%20Baru_Website%20Case%20Study9.png");
  background-position: 50%;
  background-size: cover;
}

.db-slide-3 {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5f97c4765e79bb7afc65eac2_Dunia%20Baru_Website%20Case%20Study7.png");
  background-position: 50%;
  background-size: cover;
}

.contact-link {
  color: #000;
}

.contact-image {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5f9bb5cf6d8f4885431f50ed_annie-spratt-hX_hf2lPpUU-unsplash.jpg");
  background-position: 100% 100%;
  background-size: cover;
  margin-top: 20px;
}

.contact-page-block {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #fff;
  grid-template-rows: auto auto auto;
  grid-template-columns: 30% 1fr;
  grid-auto-columns: 1fr;
  margin-top: 70px;
  padding: 5% 0% 10% 10%;
  display: grid;
}

.work-block-black {
  z-index: 1;
  width: 100%;
  height: 15vw;
  background-color: rgba(0, 0, 0, 0);
  background-image: linear-gradient(#000, #000);
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
}

.work-block-black:hover {
  opacity: 0;
  background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));
}

.collection-item {
  padding-left: 0;
  padding-right: 0;
}

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

.work-block-thumbnail {
  z-index: 1;
  width: 100%;
  height: 15vw;
  background-color: rgba(0, 0, 0, 0);
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 50%;
  background-size: cover;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
}

.work-block-overlay {
  z-index: -1;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .2);
  position: absolute;
}

.page-header-div {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.filter-h {
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 600;
  display: flex;
}

.team-photo---maria {
  width: 100%;
  height: 30vw;
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5fa90b799bf4e93b6d5eee61_Maria1.jpg");
  background-position: 50% 0;
  background-size: cover;
}

.team-photo---maria:hover {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5fa90b784f2637810cc5c0e5_Maria2.jpg");
  background-position: 50% 100%;
}

.team-photo---yu-ting {
  width: 100%;
  height: 30vw;
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5fa90a7a0c3dda537e5f8cb6_Yuting1.jpg");
  background-position: 50% 0;
  background-size: cover;
}

.team-photo---yu-ting:hover {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5fa907af26e38038fd0f9926_Yuting2.jpg");
}

.team-photo---evelyn {
  width: 100%;
  height: 30vw;
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5fa90f137a78a16f6e8857c9_Evelyn3.jpg");
  background-position: 50% 0;
  background-size: cover;
}

.team-photo---evelyn:hover {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5fa90cd9f8fcbcb0b0440436_Evelyn2.jpg");
  background-position: 50% 0;
  background-size: cover;
}

.work-filter {
  grid-column-gap: 3vw;
  grid-row-gap: 3vw;
  justify-content: space-between;
  padding: 5% 10% 0%;
  display: flex;
}

.work-filter.hide {
  display: none;
}

.filter-dropdown-sub-block {
  width: 50%;
  flex-direction: column;
  display: flex;
}

.filter-dropdown-h-block {
  align-self: flex-start;
  align-items: center;
  margin-bottom: 0;
  display: flex;
}

.filter-arrow {
  width: 15px;
  margin-left: 20px;
}

.filter-dropdown-p-block {
  align-items: flex-start;
  margin-top: 30px;
  margin-bottom: 50px;
  display: flex;
}

.filter-h-link {
  color: #000;
  flex-direction: row;
  align-items: center;
  margin-left: 0;
  font-family: Catamaran, sans-serif;
  font-weight: 600;
  text-decoration: none;
  display: flex;
}

.work-block {
  background-color: #fff;
  grid-template-rows: auto auto;
  grid-template-columns: auto auto;
  grid-auto-columns: 1fr;
  margin-top: 50px;
  padding: 0% 10% 7%;
  display: block;
}

.contact-p2---black {
  color: #000;
  letter-spacing: .5px;
  margin-top: 100px;
  margin-bottom: 0;
  font-family: Catamaran, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 26px;
}

.journal-collection-list {
  grid-column-gap: 2vw;
  grid-row-gap: 5vw;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 7%;
  display: grid;
}

.journal-thumbnail-h {
  letter-spacing: .5px;
  margin-top: 0;
  font-family: Catamaran, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
}

.journal-thumbnail-date {
  letter-spacing: .5px;
  margin-bottom: 10px;
  font-family: Catamaran, sans-serif;
  font-weight: 300;
}

.journal-thumbnail-p {
  letter-spacing: .5px;
  margin-bottom: 20px;
  font-family: Catamaran, sans-serif;
  font-size: 15px;
  font-weight: 300;
  line-height: 22px;
}

.button {
  color: #000;
  letter-spacing: .5px;
  background-color: rgba(0, 0, 0, 0);
  padding: 0;
  font-family: Catamaran, sans-serif;
  font-weight: 500;
}

.image {
  margin-bottom: 0;
}

.journal-page-header-h {
  letter-spacing: .5px;
  font-family: Catamaran, sans-serif;
  font-size: 34px;
  line-height: 42px;
}

.journal-page-header-h.weglot-exclude {
  margin-bottom: 20px;
  font-weight: 600;
}

.journal-date {
  margin-bottom: 0;
  font-family: Catamaran, sans-serif;
  font-weight: 300;
}

.journal-date.weglot-exclude {
  letter-spacing: .5px;
}

.journal-p {
  color: #000;
  letter-spacing: .5px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Catamaran, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 26px;
}

.journal-line {
  height: 1px;
  background-color: #ccc;
  margin-top: 30px;
  margin-left: 0%;
  margin-right: 0%;
  padding-bottom: 0;
}

.link-block {
  margin-bottom: 20px;
}

.journal-block {
  background-color: #fff;
  grid-template-rows: auto auto;
  grid-template-columns: auto auto;
  grid-auto-columns: 1fr;
  padding: 30px 10% 7%;
  display: block;
}

.journal-intro-p {
  color: #000;
  letter-spacing: .5px;
  margin-top: 30px;
  margin-bottom: 30px;
  font-family: Catamaran, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 26px;
}

.prev-next-journal-grid {
  grid-column-gap: 50px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding: 7% 10%;
  display: grid;
}

.journal-prev-button {
  color: #000;
  letter-spacing: .5px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Catamaran, sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 24px;
}

.journal-next-button {
  color: #000;
  text-align: right;
  letter-spacing: .5px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Catamaran, sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 24px;
}

.ig-block {
  background-color: #fff;
  grid-template-rows: auto auto;
  grid-template-columns: auto auto;
  grid-auto-columns: 1fr;
  padding: 7% 25%;
}

.ig-block.hide {
  display: none;
}

.cs---aqcent-logo {
  height: 30vw;
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5faa550321a7c46db46fb64d_Aqcent_web2.png");
  background-position: 50%;
  background-size: cover;
}

.cs---db-logo {
  height: 40vw;
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5f97c371d17add36f1bca35d_Dunia%20Baru_Website%20Case%20Study3.png");
  background-position: 50%;
  background-size: cover;
}

.db-image-1 {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5f97c475c5040d320f538f22_Overhead%20Business%20Card%20Mockup.png");
  background-position: 50%;
  background-size: cover;
}

.db-image-2 {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5f97c39dca8378701f02752e_Dunia%20Baru_Website%20Case%20Study10.png");
  background-position: 50%;
  background-size: cover;
}

.db-grid-1, .db-grid-2 {
  height: 40vw;
  grid-column-gap: 5vh;
  grid-row-gap: 5vh;
  grid-template-rows: auto;
  grid-template-columns: auto auto;
}

.wfh-grid-1 {
  grid-column-gap: 0vh;
  grid-row-gap: 0vh;
  grid-template-rows: auto;
  grid-template-columns: auto auto;
}

.wfh-grid-3 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-columns: 1fr 1fr 1fr;
}

.grid-2 {
  grid-column-gap: 3vw;
  grid-row-gap: 3vw;
  grid-template-rows: auto auto auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.wfh-instructions-grid {
  width: auto;
  grid-column-gap: 5vw;
  grid-row-gap: 2vw;
  flex-direction: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 2fr 2fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  margin-top: 10vh;
  margin-bottom: 10vh;
  display: grid;
}

.cs-small-text {
  font-size: 14px;
  line-height: 20px;
}

.cs---treasure-logo {
  height: 30vw;
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5f98e9225e86776a3b992724_Treasure_web%20case%20study2.png");
  background-position: 50%;
  background-size: cover;
}

.left-arrow-2 {
  display: block;
}

.left-arrow-2.hide {
  display: none;
}

.right-arrow-2 {
  display: block;
}

.right-arrow-2.hide {
  display: none;
}

.celestia-slide-1 {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/619c89e3fa244c783531a184_Celestia_Web%20Case%20Study%20Primary%20Logo.png");
  background-position: 50%;
  background-size: cover;
}

.casacun-logo-slider {
  height: 30vw;
}

.celestia-slide-2 {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/619c8a168fe24fe6e09f71c9_Celestia_Web%20Case%20Study%20Secondary.png");
  background-position: 50%;
  background-size: cover;
}

.celestia-slide-3 {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/619c8a303ab443f19ade5649_Celestia_Web%20Case%20Study%20Symbol.png");
  background-position: 50%;
  background-size: cover;
}

.before-after-grid {
  grid-column-gap: 5vh;
  grid-row-gap: 2vh;
  grid-template-rows: auto auto;
  grid-template-columns: auto auto;
}

.casacun-image-1 {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5fa3afd5154cd674d51d41ab_Casacun_web%20case%20study7.png");
  background-position: 50%;
  background-size: cover;
}

.casacun-image-2 {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5fa3afe1a58c4f2c5e8de8fd_Casacun_web%20case%20study8.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.casacun-image-2:hover {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5fa3b090b331b3631390b336_Casacun_web%20case%20study9.png");
}

.casacun-slider-2 {
  height: 40vw;
  background-color: rgba(0, 0, 0, 0);
}

.slide-1a {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5fa3b08fdd4a782c1afd7c44_Casacun_web%20case%20study10.png");
  background-position: 50%;
  background-size: cover;
}

.slide-2a {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5fa3b0ada58c4f8e9c8deaf0_Casacun_web%20case%20study11.png");
  background-position: 50%;
  background-size: cover;
}

.slide-3a {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5fa3b0abb659f21d77b033a7_Casacun_web%20case%20study12.png");
  background-position: 50%;
  background-size: cover;
}

.slide-4a {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5fa3b0aacffb5347c079f13e_Casacun_web%20case%20study13.png");
  background-position: 50%;
  background-size: cover;
}

.slide-5a {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5fa3b0adcffb53a33879f13f_Casacun_web%20case%20study14.png");
  background-position: 50%;
  background-size: cover;
}

.slide-6a {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5fa3b0ab6459fd633f36604a_Casacun_web%20case%20study15.png");
  background-position: 50%;
  background-size: cover;
}

.slide-7a {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5fa3b0aac5175b5afb389d3d_Casacun_web%20case%20study16.png");
  background-position: 50%;
  background-size: cover;
}

.cs-slide-n {
  max-width: none;
  font-size: 10px;
  display: block;
  position: absolute;
}

.work-page-header-link {
  text-decoration: none;
}

.pa-bgv-2 {
  z-index: 1;
  display: block;
  position: relative;
}

.see-similar-works {
  color: #000;
  text-align: right;
  letter-spacing: .5px;
  margin-top: 5vh;
  margin-bottom: 0;
  font-family: Catamaran, sans-serif;
  font-size: 22px;
  font-weight: 500;
  line-height: 30px;
}

.cs-breadcrumb-link {
  text-decoration: none;
}

.cs-breadcrumb-link:hover {
  color: #aaa;
  text-decoration: none;
}

.see-similar-works-link {
  text-decoration: none;
}

.see-similar-works-link:hover {
  color: #aaa;
  text-decoration: none;
}

.db-video-3 {
  z-index: 1;
  height: 45vw;
  margin-left: 2px;
  margin-right: 2px;
}

.db-video-1, .db-video-2 {
  z-index: 1;
  height: 100%;
}

.success-message {
  background-color: rgba(0, 0, 0, 0);
}

.success-message-p---white {
  color: #fff;
  text-align: center;
  letter-spacing: .5px;
  margin-bottom: 0;
  font-family: Catamaran, sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 20px;
}

.error-message {
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #fff;
  margin-top: 20px;
  padding-left: 15px;
  padding-right: 15px;
}

.error-message-p---black {
  color: #000;
  letter-spacing: .5px;
  margin-bottom: 0;
  font-family: Catamaran, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}

.success-message-p---black {
  color: #000;
  text-align: center;
  letter-spacing: .5px;
  margin-bottom: 0;
  font-family: Catamaran, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}

.success-message-2 {
  background-color: rgba(0, 0, 0, 0);
}

.error-message-2 {
  background-color: rgba(0, 0, 0, 0);
  margin-top: 20px;
  padding: 0 15px 0 0;
}

.error-message-p---white {
  color: #fff;
  letter-spacing: .5px;
  margin-bottom: 0;
  font-family: Catamaran, sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 20px;
}

.filter-dropdown-sub-block-2 {
  width: 50%;
  flex-direction: column;
  display: flex;
}

.cs-line {
  height: 1px;
  background-color: #ccc;
  margin-left: 0%;
  margin-right: 0%;
}

.cs-quote {
  color: #000;
  letter-spacing: .5px;
  border-left: 3px solid #000;
  margin-top: 10vh;
  margin-bottom: 10vh;
  padding: 10px 20px;
  font-family: Catamaran, sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 28px;
}

.cs-quote.hide {
  display: none;
}

.cs---bud-logo {
  height: 30vw;
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5faa3db561313d44e6e0a748_Bud_web%20case%20study2.png");
  background-position: 50%;
  background-size: cover;
}

.cs-text-block-4-6 {
  width: auto;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: row;
  grid-template-rows: auto;
  grid-template-columns: 45% 50%;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  margin-top: 10vh;
  margin-bottom: 10vh;
  display: grid;
}

.ss-grid-1 {
  height: 35vw;
  grid-template-rows: auto;
  grid-template-columns: 30vw auto;
  display: none;
}

.ss-image-1 {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5faa4c875da51c567d7e4e74_Sequential%20Skin_Web11.png");
  background-position: 50% 0;
  background-size: cover;
}

.ss-image-2 {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5faa4d14d0c70c781d37b349_Sequential%20Skin_Web10.png");
  background-position: 50%;
  background-size: cover;
}

.cs---oyl-logo {
  height: 30vw;
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5fa3800291675ebc70407754_OYL_web%20case%20study.png");
  background-position: 50%;
  background-size: cover;
}

.cs---myrewards-logo {
  height: 40vw;
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5faa56f281a56f109bb16186_MyRewards_web2.png");
  background-position: 50%;
  background-size: cover;
}

.petitudo-logo-slider {
  height: 30vw;
}

.petitudo---slide-1 {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5faa5ef456a19e2523922931_Petitudo%20web2.png");
  background-position: 50%;
  background-size: cover;
}

.petitudo---slide-2 {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5faa5ef43e280ca0217a0680_Petitudo%20web3.png");
  background-position: 50%;
  background-size: cover;
}

.petitudo---slide-3 {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5faa5ef4fbe2c02be74a4560_Petitudo%20web4.png");
  background-position: 50%;
  background-size: cover;
}

.petitudo---slide-4 {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5faa5ef4bf1f8c0d33e0b655_Petitudo%20web5.png");
  background-position: 50%;
  background-size: cover;
}

.about-page-block {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #fff;
  grid-template-rows: auto auto auto;
  grid-template-columns: 40% 1fr;
  grid-auto-columns: 1fr;
  margin-top: 70px;
  padding: 5% 0% 10% 10%;
  display: grid;
}

.about-p2---black {
  color: #000;
  letter-spacing: .5px;
  margin-top: 60px;
  margin-bottom: 0;
  margin-right: 50px;
  font-family: Catamaran, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 26px;
}

.about-image {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5fab4b27e6422f58192869db_Aqui-Website_Collateral-2.jpg");
  background-position: 50%;
  background-size: cover;
  margin-top: 160px;
}

.cs-image-caption {
  text-align: right;
  letter-spacing: .5px;
  margin-top: 5px;
  font-family: Catamaran, sans-serif;
  font-size: 12px;
  font-weight: 300;
}

.cs---aw-logo {
  height: 30vw;
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5fab602a18482a99021e025e_alice2.png");
  background-position: 50%;
  background-size: cover;
}

.aw-slide-1 {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5fab617d18482a64311e0340_alice6.png");
  background-position: 50%;
  background-size: cover;
}

.aw-slider {
  height: 45vw;
  background-color: rgba(0, 0, 0, 0);
}

.aw-slide-2 {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5fab617ce6422f0edc28c1b6_alice7.png");
  background-position: 50%;
  background-size: cover;
}

.aw-slide-3 {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5fab617c143023ea7fe95f3f_alice8.png");
  background-position: 50%;
  background-size: cover;
}

.fennel-logo-slider {
  height: 30vw;
}

.fennel-1 {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5face21c2499b9bfcf1c98ff_Fennel%20Web2.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.fennel-2 {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5face21cf314304f64d4b09e_Fennel%20Web4.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.fennel-3 {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5face21ccf1f4486d1f98cc6_Fennel%20Web3.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.fennel-slider {
  height: 45vw;
  background-color: rgba(0, 0, 0, 0);
}

.fennel-slide-1 {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5face55d36be97402398249d_Fennel%20Web12.png");
  background-position: 50%;
  background-size: cover;
}

.fennel-slide-2 {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5face55ee807c37c2265ad21_Fennel%20Web14.png");
  background-position: 50%;
  background-size: cover;
}

.fennel-grid-1 {
  height: 35vw;
  grid-column-gap: 5vh;
  grid-row-gap: 5vh;
  grid-template-rows: auto;
  grid-template-columns: 50vw auto;
}

.fennel-image-1 {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5face413bde6fb1ec0f66259_Fennel-mockup.jpg");
  background-position: 50%;
  background-size: cover;
}

.fennel-image-2 {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5face4113b7f5d19d8ae48b8_signage-option1.jpg");
  background-position: 50%;
  background-size: cover;
}

.fennel-hover-image {
  height: 60vw;
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5face412af8d866c4f0f2850_fennel%20A4%20menu%20mockup.jpg");
  background-position: 50%;
  background-size: cover;
}

.fennel-hover-image:hover {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5face412d8fb26d493376684_fennel%20A5%20menu%20mockup.jpg");
}

.cs---aqilliz-logo {
  height: 40vw;
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5facf74ed8de1e235369772c_aqilliz%20web%20case%20study.png");
  background-position: 50%;
  background-size: cover;
}

.aqilliz-slider {
  height: 60vw;
  background-color: rgba(0, 0, 0, 0);
}

.aqilliz-slide-1 {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5facf773d5b53e5294353b5c_aqilliz%20web%20case%20study4.png");
  background-position: 50%;
  background-size: cover;
}

.aqilliz-slide-2 {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5facf771bde6fb3e83f6a210_aqilliz%20web%20case%20study5.png");
  background-position: 50%;
  background-size: cover;
}

.aqilliz-slide-3 {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5facf771e807c3a7b765cc8d_aqilliz%20web%20case%20study6.png");
  background-position: 50%;
  background-size: cover;
}

.cs---onsite-logo {
  height: 40vw;
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5fade4a572272ef73f5390e3_Onsite-Health-Website-Case-Study_13032019.png");
  background-position: 50%;
  background-size: cover;
}

.cs---onsite-logo:hover {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5fade4a5c7356aea8acd923a_Onsite-Health-Website-Case-Study_130320195.png");
}

.cs---tgc-hover-logo {
  height: 50vw;
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5fadeb9b14170aec42cbb6ae_TCG%20web%20case%20study2.png");
  background-position: 50%;
  background-size: cover;
}

.cs---tgc-hover-logo:hover {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5fadec2712c9c6383836a242_TCG%20web%20case%20study%202a.png");
}

.tgc-grid-1 {
  height: 35vw;
  grid-column-gap: 5vh;
  grid-row-gap: 5vh;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

.tgc-image-1 {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5fadeb62c67468786ad40a18_TCG%20web%20case%20study6.png");
  background-position: 50%;
  background-size: cover;
}

.tgc-image-2 {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5fadedf89865a94e337d788a_1%20Coaster.png");
  background-position: 50%;
  background-size: cover;
}

.tgc-image-2:hover {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5fadee8467167cc620e57385_TCG%20web%20case%20study7.png");
}

.cs---moody-nails-logo {
  height: 50vw;
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5fadf2c8cae3c5c3648be184_Fawn%20Hard%20Cover%2002_11_2018.jpg");
  background-position: 50% 100%;
  background-size: cover;
}

.cs---moody-nails-logo:hover {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5fadf2c867e47a0a0b5cb522_Peach%20Hard%20Cover%2002_11_2018.jpg");
}

.compass-logo-slider {
  height: 30vw;
}

.compass-slide-1 {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5fadf50bac82a12dbf633a43_Compass%20web2.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.compass-slide-2 {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5fadf50a321df5ecd1b3c83c_Compass%20web3.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.compass-slide-3 {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5fadf487e2bc5606837e9272_Compass%20web7.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.compass-slide-4 {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5fadf4872c55e046c4a818aa_Compass%20web6.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.compass-slide-5 {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5fadf48768cbf627831425f2_Compass%20web4.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.compass-slide-6 {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5fadf4873e16ce15dfaf0aac_Compass%20web5.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.cavago-logo-slider {
  height: 40vw;
}

.cs---cavago-logo {
  height: 40vw;
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5fadf8824c337babec730265_Cavago%20Website2.jpg");
  background-position: 50%;
  background-size: cover;
}

.cs---cavago-logo:hover {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5fadf882d35092deec97bc32_Cavago%20Website4.jpg");
}

.cavago-slide-1 {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5fadf890ac82a105d3633f4c_Cavago%20Website5.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.cavago-slide-2 {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5fadf8907f6a0f418775dfb1_Cavago%20Website6.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.cavago-slide-3 {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5fadf890bbcfb64b00f7bc23_Cavago%20Website7.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.cavago-slide-4 {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5fadf890321df5f5c1b3cd4c_Cavago%20Website8.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.milestone-slider {
  height: 45vw;
  background-color: rgba(0, 0, 0, 0);
}

.milestone-slide-1 {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5fae00a72c55e0ee25a8409b_Milestone-Website4.jpg");
  background-position: 50%;
  background-size: cover;
}

.milestone-slide-2 {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5fae00a7fb5bf222b0e87a4a_Milestone-Website6.jpg");
  background-position: 50%;
  background-size: cover;
}

.milestone-slide-3 {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5fae00a7e0b7f1f781696bfa_Milestone-Website5.jpg");
  background-position: 50%;
  background-size: cover;
}

.image-w-drop-shadow {
  box-shadow: 1px 1px 3px #ccc;
}

.cs-image-label {
  text-align: left;
  letter-spacing: .5px;
  margin-top: 0;
  font-family: Catamaran, sans-serif;
  font-size: 12px;
  font-weight: 300;
}

.casacun-grid-1 {
  height: 30vw;
  grid-column-gap: 5vh;
  grid-row-gap: 2vh;
  grid-template-rows: auto;
  grid-template-columns: auto auto;
}

.cs---olivia-logo {
  height: 40vw;
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5fae28eded1d4d286e2eeab7_olivia%20logo2.png");
  background-position: 50%;
  background-size: cover;
}

.cs---olivia-logo:hover {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5fae26fb9f309846a4971a77_olivia%20logo.png");
}

.olivia-slider-1 {
  height: 55vw;
  background-color: rgba(0, 0, 0, 0);
}

.olivia-slide-1-1 {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5fae25af01dcac0da4db72e9_Olivia%20Web%201.png");
  background-position: 50%;
  background-size: cover;
}

.olivia-slide-1-2 {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5fae25af4b4d90cda004e8fa_Olivia%20Web%202.png");
  background-position: 50%;
  background-size: cover;
}

.olivia-slide-1-3 {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5fae25b6b5a8aa22130da9aa_Olivia%20Web%203.png");
  background-position: 50%;
  background-size: cover;
}

.olivia-slide-1-4 {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5fae25ae1b22d922765fc349_Olivia%20Web%204.png");
  background-position: 50%;
  background-size: cover;
}

.olivia-slider-2 {
  height: 40vw;
  background-color: rgba(0, 0, 0, 0);
}

.olivia-slide-2-1 {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5fae25b0cee627751ad69aba_Olivia%20Mobile%201.png");
  background-position: 50%;
  background-size: cover;
}

.olivia-slide-2-2 {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5fae26f068cbf6150f14ae56_Olivia%20Mobile%202%20.png");
  background-position: 50%;
  background-size: cover;
}

.olivia-slide-2-3 {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5fae25b77f6a0f6ec7764982_Olivia%20Mobile%203.png");
  background-position: 50%;
  background-size: cover;
}

.cs---anqlave-logo {
  height: 40vw;
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5fae365fd35092067b983861_Anqlave%20Website%20Case%20Study%201311202.png");
  background-position: 50%;
  background-size: cover;
}

.cs---anqlave-logo:hover {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5fae365e7f6a0fe72476800b_Anqlave%20Website%20Case%20Study%201311203.png");
}

.anqlave-grid-1 {
  grid-column-gap: 0vh;
  grid-row-gap: 0vh;
  grid-template-rows: auto;
  grid-template-columns: auto auto auto auto;
}

.kin-logo-slider {
  height: 40vw;
}

.kin-slide-1 {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5fae3a9ae0a630d71dcbc8a4_KIN%20Website2.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.kin-slide-2 {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5fae3a9a4c337bca56739424_KIN%20Website3.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.kin-slide-3 {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5fae3a9b9f30986a6997489b_KIN%20Website6.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.cs---bka-logo-slider {
  height: 40vw;
}

.bka-slide-1 {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5fb349d39699fb1705af1e5c_BKA%20Website12.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.bka-slide-2 {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5fb343b1f0c537c33c324ff6_BKA%20Website5.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.bka-slide-3 {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5fb349fc2c09a8062b289770_BKA%20Website1.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.bka-slide-4 {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5fb343b158f38cfe0c549601_BKA%20Website4.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.moody-nails-hover-image {
  height: 60vw;
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5fadf2d1ac82a1660063357c_Apan%20vayu%20Mudra%2002_11_2018.jpg");
  background-position: 50%;
  background-size: cover;
}

.moody-nails-hover-image:hover {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5fb35b60976fcc5c20e82c7d_Yoni%20Mudra%2002%2011%202018.jpg");
}

.body {
  background-color: #000;
}

.landing-page-big-block {
  width: 100vw;
  height: 100vh;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #000;
  flex-direction: row;
  grid-template-rows: 1fr 1fr 1fr;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
}

.landing-page-big-block.hide {
  display: none;
}

.landing-page-logo {
  height: 2vw;
  align-self: center;
  margin-top: 50px;
  margin-bottom: 0;
}

.landing-page-block {
  width: 100vw;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  margin-top: auto;
  margin-bottom: 50px;
  display: flex;
}

.landing-page-p1 {
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2vw;
  font-weight: 500;
  line-height: 3vw;
}

.landing-page-grid {
  grid-column-gap: 1.5vw;
  grid-row-gap: 1.5vw;
  grid-template-rows: auto;
  grid-template-columns: auto auto auto auto auto;
  align-items: end;
}

.landing-page-icon {
  height: 1vw;
}

.landing-page-icon._2023 {
  height: auto;
  align-self: flex-end;
}

.landing-page-icon.ig {
  height: auto;
  align-self: flex-end;
  margin-bottom: -4px;
}

.ascent-logo-slider {
  height: 30vw;
}

.pollen-slider {
  height: 45vw;
  background-color: rgba(0, 0, 0, 0);
}

.pollen-slide-1 {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5fb48d8619a354cf729bda68_Pollen-pg7-8.jpg");
  background-position: 50%;
  background-size: cover;
}

.pollen-slide-2 {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5fb48d85ab530a678d061bf5_Pollen-pg22-23.jpg");
  background-position: 50%;
  background-size: cover;
}

.pollen-slide-3 {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5fb48d86bd78766c90aa6cb1_Pollen-pg10-11.jpg");
  background-position: 50%;
  background-size: cover;
}

.pollen-slide-4 {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5fb48d86c43fbb07554bee42_Pollen-pg16-17.jpg");
  background-position: 50%;
  background-size: cover;
}

.cs---po-hover-logo {
  height: 50vw;
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5fb4968c3fe69e5627af7cc5_PowerOpp%20Case%20Study.png");
  background-position: 50%;
  background-size: cover;
}

.cs---po-hover-logo:hover {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5fb4968c908150c3da97afbc_PowerOpp%20Case%20Study2.png");
}

.we-dance---logo-slider {
  height: 40vw;
}

.we-dance---slide-1 {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5fb4b75c7f2d6a820bcc10e5_WD-pri-logotype-var.jpg");
  background-position: 50%;
  background-size: cover;
}

.we-dance---slide-2 {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5fb4b75bc4302d5b41b4f4a1_WD-pri-logotype-var2.jpg");
  background-position: 50%;
  background-size: cover;
}

.we-dance---slide-3 {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5fb4b75c2e26b1778107bdee_WD-pri-logotype-var3.jpg");
  background-position: 50%;
  background-size: cover;
}

.we-dance---slide-4 {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5fb4b75c2767a47fa2e28ede_WD-pri-logotype-var4.jpg");
  background-position: 50%;
  background-size: cover;
}

.we-dance---slide-5 {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5fb4b75c2767a49334e28edf_WD-pri-logotype-var5.jpg");
  background-position: 50%;
  background-size: cover;
}

.pom-logo-slider {
  height: 40vw;
}

.pom-slide-1 {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5fb4d49f16e1b54f8ef24bec_POM-web.png");
  background-position: 50%;
  background-size: cover;
}

.pom-slide-2 {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5fb4d4a019a354803a9c7885_POM-web3.png");
  background-position: 50%;
  background-size: cover;
}

.pom-slide-3 {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5fb4d49f19a35439e39c7883_POM-web5.png");
  background-position: 50%;
  background-size: cover;
}

.pom-slide-4 {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5fb4d4a06d2755c257bef7bc_POM-web4.png");
  background-position: 50%;
  background-size: cover;
}

.pom-slide-5 {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5fb4d4a0bd7876633aab0ade_POM-web2.png");
  background-position: 50%;
  background-size: cover;
}

.pom-hover-image {
  height: 60vw;
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5fb4d4a0b3fdb038eb176f29_pom_brand-guidelines.jpg");
  background-position: 50%;
  background-size: cover;
}

.pom-hover-image:hover {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5fb4d4a2c4302d0203b55b9e_pom_brand-guidelines2.png");
}

.pom-grid-1 {
  height: 40vw;
  grid-column-gap: 5vh;
  grid-row-gap: 5vh;
  grid-template-rows: auto;
  grid-template-columns: auto 30vw;
}

.pom-image-1 {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5fb4d4a0cc7b41545447ec66_pom-canvas-tote-v1-1.jpg");
  background-position: 50%;
  background-size: cover;
}

.pom-image-2 {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5fb4d4a13958b765bf44f38e_pom-ty-card-mockup-2.png");
  background-position: 50%;
  background-size: cover;
}

.ff18-logo-slider {
  height: 50vw;
}

.ff18-slide-1 {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5fb4e639784901204a31ab36_FF18_Insta_PromoPanel_07.png");
  background-position: 50%;
  background-size: cover;
}

.ff18-slide-2 {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5fb4e636543a02d1bbce40ce_FF18_Insta_PromoPanel_10.png");
  background-position: 50%;
  background-size: cover;
}

.ff18-slide-3 {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5fb4e638543a023d7ece40cf_FF18_Insta_PromoPanel_12.png");
  background-position: 50%;
  background-size: cover;
}

.ff18-slide-4 {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5fb4e638c4302d4f99b58429_FF18_Insta_PromoPanel_03.png");
  background-position: 50%;
  background-size: cover;
}

.ff18-slide-5 {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5fb4e639ca67248ce1a3f666_FF18_Insta_PromoPanel_04.png");
  background-position: 50%;
  background-size: cover;
}

.ff18-slide-6 {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5fb4e635ce83866b1335580d_FF18_Insta_PromoPanel_01.png");
  background-position: 50%;
  background-size: cover;
}

.ff18-slide-7 {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5fb4e6372d0e04a5f39ad4d6_FF18_Insta_PromoPanel_08.png");
  background-position: 50%;
  background-size: cover;
}

.ff18-slide-8 {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5fb4e638c4302d4f99b58429_FF18_Insta_PromoPanel_03.png");
  background-position: 50%;
  background-size: cover;
}

.ff18-grid-1 {
  height: 40vw;
  grid-column-gap: 5vh;
  grid-row-gap: 5vh;
  grid-template-rows: auto;
  grid-template-columns: auto auto;
}

.ff18-image-1 {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5fb4ebdfe0589cb0dd779559_FF18_20180130_0046.jpeg");
  background-position: 50%;
  background-size: cover;
}

.ff18-image-2 {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5fb4ebdec21e578dcc8d9813_FF18_20180130_2023.jpg");
  background-position: 50%;
  background-size: cover;
}

.ff18-hover-image {
  height: 50vw;
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5fb4ebe185ea7bbba9bfeb40_ff18-pptdeck.png");
  background-position: 50%;
  background-size: cover;
}

.ff18-hover-image:hover {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5fb4ebe076e42b04dce0fab4_ff18-pptdeck2.png");
}

.ff18-slider-1 {
  height: 50vw;
}

.ff18---slide-1 {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5fb4ebe0d2b8eaae24c6390e_FF18_20180130_1104.jpg");
  background-position: 50%;
  background-size: cover;
}

.ff18---slide-2 {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5fb4ebdf58cf7eebd05ff546_FF18_20180130_0546.jpeg");
  background-position: 50%;
  background-size: cover;
}

.ff18---slide-3 {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5fb4eddb3fbde052a6f2afe6_ff18-signages2.jpg");
  background-position: 50%;
  background-size: cover;
}

.ff18---slide-4 {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5fb4edd53276d4050c54f5e5_ff18-signages.jpg");
  background-position: 50%;
  background-size: cover;
}

.ff18---slide-5 {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5fb4edc985ea7bbb5cbff0a7_FF18_20180130_0048.jpeg");
  background-position: 50%;
  background-size: cover;
}

.cs---bw-hover-logo-1 {
  height: 50vw;
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5fb5ebc07249ec84ab057a9a_bw-logo-gold.jpeg");
  background-position: 50%;
  background-size: cover;
}

.cs---bw-hover-logo-1:hover {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5fb5ec65c530f623d59ac2a4_BW-Case%20Study2.png");
}

.cs---bw-hover-logo-2 {
  height: 50vw;
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5fb5ebc05e66487df7eb4d55_bw-logo-blue.jpeg");
  background-position: 50%;
  background-size: cover;
}

.cs---bw-hover-logo-2:hover {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5fb5ec66f74719b7325e8246_BW-Case%20Study.png");
}

.bw-grid-1 {
  height: 25vw;
  grid-column-gap: 5vh;
  grid-row-gap: 5vh;
  grid-template-rows: auto;
  grid-template-columns: auto auto;
}

.bw-image-1 {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5fb5eda0548ac87c695b2dfd_NGS-wayfinder2.jpg");
  background-position: 50%;
  background-size: cover;
}

.bw-image-2 {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5fb5ed9f548ac877925b2dfc_image-asset%20(2).jpeg");
  background-position: 50%;
  background-size: cover;
}

.bw-image-3 {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5fb5ee5374d95579b5791fde_bw-booklet-1.jpeg");
  background-position: 50%;
  background-size: cover;
}

.bw-image-3:hover {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5fb5ee1c01f6048b7d33ad25_image-asset%20(6).jpeg");
}

.bw-image-4 {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5fb5ee4d74d955f75b791fdd_image-asset%20(11).jpeg");
  background-position: 50%;
  background-size: cover;
}

.bw-image-4:hover {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5fb5ee1c1d9ee551465e7284_image-asset%20(5).jpeg");
}

.bw-hover-image-2 {
  height: 50vw;
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5fb5ee9065b7cab70ca25568_bw-bus-poster-2.jpeg");
  background-position: 50%;
  background-size: cover;
}

.bw-hover-image-2:hover {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5fb5ee9190a889315a3d9124_bw-bus-poster-1.jpeg");
}

.bw-grid-2 {
  height: 40vw;
  grid-column-gap: 5vh;
  grid-row-gap: 5vh;
  grid-template-rows: auto;
  grid-template-columns: auto auto;
}

.bw-image-5 {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5fb5eebb1d9ee56d565e74d8_image-asset%20(10).jpeg");
  background-position: 50%;
  background-size: cover;
}

.bw-image-5:hover {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5fb5eebb50183a4aea00cfe1_image-asset%20(9).jpeg");
}

.bw-image-6 {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5fb5eeba1d9ee5002c5e74d7_image-asset%20(8).jpeg");
  background-position: 50%;
  background-size: cover;
}

.bw-image-6:hover {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5fb5eebaa35edb98ea9a5f4b_image-asset%20(7).jpeg");
}

.bw-hover-image-3 {
  height: 50vw;
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5fb5eea232e1e3da4bccc8fb_bw-banner-1.jpg");
  background-position: 50%;
  background-size: cover;
}

.bw-hover-image-3:hover {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5fb5f3faabd98c79e4882130_flagmockup1.jpg");
}

._3-col-grid {
  grid-column-gap: 5vh;
  grid-row-gap: 5vh;
  grid-template-rows: auto;
  grid-template-columns: auto auto auto;
}

.ids-grid-1 {
  grid-column-gap: 5vh;
  grid-row-gap: 5vh;
  grid-template-rows: auto auto;
  grid-template-columns: auto auto;
}

.landing-page-link {
  color: #fff;
  border-bottom: 1px solid #000;
}

.eq-hover-logo {
  height: 40vw;
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5fb62c7823eddd7c5e2783f6_EQ-logo.png");
  background-position: 50%;
  background-size: cover;
}

.eq-hover-logo:hover {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5fb62c7801f6041bae3432c5_EQ-logo2.png");
}

.eq-hover-image-1 {
  height: 50vw;
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5fb63088e31478364b2dbda4_EQ-pattern2.png");
  background-position: 50%;
  background-size: cover;
}

.eq-hover-image-1:hover {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5fb6308aabd98c497a88bc2c_EQ-pattern.png");
}

.eq-grid-1 {
  height: 25vw;
  grid-column-gap: 5vh;
  grid-row-gap: 5vh;
  grid-template-rows: auto;
  grid-template-columns: auto auto;
}

.eq-image-1 {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5fb6308858cbdf5c1e2ac70a_EQ-CC-IB-Mockup-4.jpg");
  background-position: 50%;
  background-size: cover;
}

.eq-image-1:hover {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5fb63088c7fc531d0b8747e4_EQ-CC-IB-Mockup-1.jpg");
}

.eq-image-2 {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5fb63087ac27795b505878a8_EQ-CC-IB-Mockup-2.jpg");
  background-position: 50%;
  background-size: cover;
}

.eq-slider-1 {
  height: 50vw;
}

.eq-slide-1 {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5fb63088cbb953c34751eaae_EQ-namecard-clean.jpg");
  background-position: 50%;
  background-size: cover;
}

.eq-slide-3 {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5fb6308835879e49842d8f49_EQ-deck-back-clean.jpg");
  background-position: 50%;
  background-size: cover;
}

.eq-slide-2 {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5fb6308858cbdf081e2ac70b_EQ-deck-front-clean.jpg");
  background-position: 50%;
  background-size: cover;
}

.archibald-slider-1 {
  height: 45vw;
}

.background-video-4 {
  width: 100%;
  height: 100%;
}

.archibald-video-1 {
  height: 50vw;
}

.background-video-5 {
  z-index: 1;
  width: 100%;
  height: 100%;
}

.archibald-slider-2 {
  height: 45vw;
}

.upstay-hover-image-2 {
  height: 45vw;
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5fb75009667ad0ec3ca0bc5f_image-asset%20(3).jpeg");
  background-position: 50%;
  background-size: cover;
}

.upstay-hover-image-2:hover {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5fb750092b9bdb433c773d69_image-asset%20(4).jpeg");
}

.upstay-hover-image-1 {
  height: 45vw;
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5fb750b43fa55b54d7e6292c_upstay-mobile-laptop-eng.png");
  background-position: 50%;
  background-size: cover;
}

.upstay-hover-image-1:hover {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5fb750b42b9bdb62c1773de4_upstay-mobile-laptop-jap.png");
}

.upstay-grid-1 {
  grid-column-gap: 5vh;
  grid-row-gap: 2vh;
  grid-template-rows: auto;
  grid-template-columns: auto auto;
}

.ss-grid-2 {
  height: 35vw;
  grid-column-gap: 5vh;
  grid-row-gap: 2vh;
  grid-template-rows: auto;
  grid-template-columns: auto auto;
}

.ss-image-3 {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5fb7929fc13b62369af18e81_20200916_SequentialSkin_011.png");
  background-position: 50%;
  background-size: cover;
}

.ss-image-4 {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5fb7935285879133a7652e26_20200916_SequentialSkin_010.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.bud-icon-1 {
  height: 20vw;
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5fbb257125d9ac0bfd01faa1_Bud%20Icon_PR2.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 50%;
}

.bud-icon-1:hover {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5fbb2571d2fdf11799d196d9_Bud%20Icon_PR3.png");
}

.bud-icon-2 {
  height: 20vw;
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5fbb25722425947be70371b6_Bud%20Icon_SC1.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 50%;
}

.bud-icon-2:hover {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5fbb27fe741e70e5601727a8_Bud%20Icon_SC2.png");
}

.bud-icon-3 {
  height: 20vw;
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5fbb2572586316042ac017dc_Bud%20Icon_CM1.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 50%;
}

.bud-icon-3:hover {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5fbb2572e93066bd5c6b1d43_Bud%20Icon_CM2.png");
}

.ascent-slide-1 {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5fb3d2273660c2327e63824d_AF-mainlogo2.jpg");
  background-position: 50%;
  background-size: cover;
}

.ascent-slide-2 {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5fb3d227179f73723cff2a7f_AF-mainlogo.jpg");
  background-position: 50%;
  background-size: cover;
}

.ascent-slide-3 {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5fb3d228d6f371132db4a2c8_AF-mainlogo3.jpg");
  background-position: 50%;
  background-size: cover;
}

.moody-nails-italic-text {
  margin-top: 10px;
  display: block;
}

.down-arrow-block {
  height: 70px;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  display: flex;
  position: absolute;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.home-down-arrow {
  width: 2vw;
}

.home-down-arrow-link {
  margin-bottom: 3vw;
}

.wfh-grid-2 {
  grid-column-gap: 5vh;
  grid-row-gap: 2vh;
  grid-template-rows: auto;
  grid-template-columns: auto auto;
}

.background-video-6 {
  z-index: 1;
  height: 50vw;
}

.rica-grid-2 {
  grid-column-gap: 5vh;
  grid-row-gap: 5vh;
  grid-template-rows: auto;
  grid-template-columns: 50vw auto;
}

.rica-image-1 {
  height: 40vw;
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5fbf2fd82ea7318158307632_Rica%20A6%20Postcard.png");
  background-position: 50%;
  background-size: cover;
}

.rica-image-2 {
  height: 40vw;
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5fbf2fd9234e0558a9ffb6cc_Rica%20Packaging%20Side%20View.png");
  background-position: 50%;
  background-size: cover;
}

.rica-grid-1 {
  grid-column-gap: 5vh;
  grid-row-gap: 5vh;
  grid-template-rows: auto;
  grid-template-columns: auto 50vw;
}

.rica-image-3 {
  height: 40vw;
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5fbf3038de7eec5e1cc8d2c1_Rica%20Packaging%20Tag%202.jpg");
  background-position: 50%;
  background-size: cover;
}

.rica-image-4 {
  height: 40vw;
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5fbf2fd89af2656d71df0a50_Rica%20Business%20Card.png");
  background-position: 50%;
  background-size: cover;
}

.rica-logo-slider {
  height: 40vw;
}

.rica-slide-1 {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5fbf2fd6c279827199000ea5_Rica_web%20case%20study.png");
  background-position: 50%;
  background-size: cover;
}

.rica-slide-2 {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5fbf3038ff52f9e2eb6a33b1_Rica_web%20case%20study3.png");
  background-position: 50%;
  background-size: cover;
}

.cg-logo-slider {
  height: 40vw;
}

.cg-slide-1 {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5fc06fafe640639b57e03007_CG_web%20case%20study3.png");
  background-position: 50%;
  background-size: cover;
}

.cg-slide-2 {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5fc06fae2d07ef172dbd48c0_CG_web%20case%20study2.png");
  background-position: 50%;
  background-size: cover;
}

.cg-slide-3 {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5fc06fac2ea731117c34ff71_CG_web%20case%20study.png");
  background-position: 50%;
  background-size: cover;
}

.journal-main-page-p {
  color: #000;
  letter-spacing: .5px;
  margin-bottom: 0;
  font-family: Catamaran, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 26px;
}

.wg-element-wrapper {
  align-items: center;
  display: flex;
  position: relative;
}

.wg-element-wrapper.sw1 {
  display: none;
  top: -1px;
}

.wg-element-wrapper.sw5 {
  cursor: pointer;
  display: block;
}

.wg-selector-1 {
  color: #000;
  flex-direction: column;
  align-items: center;
  padding: 10px;
  text-decoration: none;
  transition: color .2s;
  display: flex;
  position: relative;
}

.wg-selector-1:hover {
  color: #4049ff;
}

.wg-selector-1.w--current {
  cursor: default;
}

.wg-selector-1.s1 {
  margin-right: 7px;
  padding: 0 0 1px;
}

.wg-selector-1.s1:hover {
  color: #000;
  border-bottom: 1px solid #000;
  margin-right: 7px;
  padding-right: 0;
}

.wg-selector-1.s1:focus {
  border-bottom: 1px solid #000;
}

.wg-selector-1.s2 {
  opacity: 1;
  margin-left: 7px;
  margin-right: 7px;
  padding: 0 0 1px;
}

.wg-selector-1.s2:hover {
  color: #000;
  border-bottom: 1px solid #000;
}

.wg-selector-1.s2:focus {
  border-bottom: 1px solid #000;
}

.wg-selector-1.s1 {
  margin-right: 7px;
  padding: 0 0 1px;
}

.wg-selector-1.s1:hover {
  color: #000;
  border-bottom: 1px solid #000;
  margin-right: 7px;
  padding-right: 0;
}

.wg-selector-1.s1:focus {
  border-bottom: 1px solid #000;
}

.wg-selector-1.s2 {
  opacity: 1;
  margin-left: 7px;
  margin-right: 7px;
  padding: 0 0 1px;
}

.wg-selector-1.s2:hover {
  color: #000;
  border-bottom: 1px solid #000;
}

.wg-selector-1.s2:focus {
  border-bottom: 1px solid #000;
}

.wg-selector-highlight {
  width: 100%;
  height: 100%;
  background-color: #4049ff;
}

.wg-selector-highlight.h1 {
  background-color: #000;
}

.wg-selector-highlight.h2 {
  background-color: #777;
  transform: translate(-100%);
}

.wg-selector-highlight.h1 {
  background-color: #000;
}

.wg-selector-highlight.h2 {
  background-color: #777;
  transform: translate(-100%);
}

.wg-selector-highlight-wrapper {
  width: 100%;
  height: 1px;
  margin-top: 0;
  display: none;
  overflow: hidden;
}

.text-block {
  color: #000;
  letter-spacing: 1px;
  font-family: Catamaran, sans-serif;
  font-size: 11px;
  font-weight: 500;
  line-height: 11px;
}

.text-block:hover {
  opacity: 1;
  color: #aaa;
}

.text-block-2 {
  letter-spacing: 1px;
  font-family: Catamaran, sans-serif;
  font-size: 11px;
  font-weight: 500;
  line-height: 11px;
}

.text-block-2:hover {
  opacity: 1;
  color: #aaa;
}

.x-logo-slider {
  height: 40vw;
}

.x-logo-slide-1, .x-logo-slide-2, .x-logo-slide-3 {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5fbe10768ff3b943a9aae2c3_Logo%20wallpaper%20(Businesscards).png");
  background-position: 50%;
  background-size: cover;
}

.x-grid-0 {
  grid-column-gap: 5vh;
  grid-row-gap: 5vh;
  grid-template-rows: auto;
  grid-template-columns: auto auto;
}

.x-image-1, .x-image-2 {
  height: 40vw;
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5fbe10768ff3b943a9aae2c3_Logo%20wallpaper%20(Businesscards).png");
  background-position: 50%;
  background-size: cover;
}

.x-hover-image-0 {
  height: 50vw;
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5fbe10768ff3b943a9aae2c3_Logo%20wallpaper%20(Businesscards).png");
  background-position: 50%;
  background-size: cover;
}

.x-hover-image-0:hover {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5fb76fd7b3e6de51fb56f6e5_Paper%2BStickers%2BMockup.png");
}

.x-slide-1, .x-slide-2, .x-slide-3 {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5fbe10768ff3b943a9aae2c3_Logo%20wallpaper%20(Businesscards).png");
  background-position: 50%;
  background-size: cover;
}

.x-slider-0 {
  height: 45vw;
  background-color: rgba(0, 0, 0, 0);
}

.background-video-7, .background-video-8, .background-video-9 {
  z-index: 1;
  height: 50vw;
}

.ss-hide {
  display: none;
}

.bud-image-1 {
  height: 50vw;
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5faa3db68358fc6c343a9b69_Bud_web%20case%20study6.png");
  background-position: 50%;
  background-size: cover;
}

.cs-text-block-2-8 {
  width: auto;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: row;
  grid-template-rows: auto;
  grid-template-columns: 25% 70%;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  margin-top: 10vh;
  margin-bottom: 10vh;
  display: grid;
}

.home-body {
  background-color: #000;
}

.recaptcha {
  margin-top: 20px;
  margin-bottom: 0;
}

.recaptcha-2 {
  margin-top: 10px;
  margin-bottom: 0;
}

.success-message-3 {
  background-color: rgba(0, 0, 0, 0);
}

.text-block-3 {
  color: #fff;
  text-align: center;
  letter-spacing: .5px;
  font-family: Catamaran, sans-serif;
  font-size: 13px;
  font-weight: 500;
  line-height: 19px;
}

.error-message-3 {
  background-color: rgba(0, 0, 0, 0);
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}

.text-block-4 {
  color: #fff;
  letter-spacing: .5px;
  font-family: Catamaran, sans-serif;
  font-size: 13px;
  font-weight: 500;
  line-height: 19px;
}

.wg-dropdown-1 {
  width: 40px;
  text-transform: uppercase;
  cursor: none;
  flex-direction: column;
  align-items: stretch;
  font-weight: 700;
}

.wg-dd-1-togle {
  z-index: 1;
  width: 100%;
  height: 30px;
  cursor: pointer;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-end;
  margin-top: 5px;
  padding: 0 10px;
  display: flex;
}

.wg-dd-1-togle:hover {
  color: #aaa;
}

.wg-dd-1-list {
  box-shadow: none;
  cursor: none;
  background-color: #f8f6f4;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  overflow: hidden;
}

.wg-dropdown-1-link {
  color: #000;
  text-align: center;
  letter-spacing: .5px;
  background-color: #f1efec;
  border-top: 1px solid #000;
  padding: 10px;
  font-family: Overpass, sans-serif;
  font-size: 12px;
  font-weight: 300;
  line-height: 12px;
  transition: none;
}

.wg-dropdown-1-link:hover {
  color: #aaa;
  background-color: #f8f6f4;
}

.wg-dropdown-1-link.old {
  background-color: #fff;
}

.text-block-5 {
  text-align: center;
  align-self: center;
  padding-top: 3px;
  font-family: Overpass, sans-serif;
  font-size: 13px;
  font-weight: 300;
  line-height: 13px;
}

.uncommon-slider-1 {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5ff55fcfc294fd05f9807af2_Uncommon%20Web%20CS2.png");
  background-position: 50%;
  background-size: cover;
}

.uncommon-slider-2 {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5ff55fcf751f4c4294f9303f_Uncommon%20Web%20CS.png");
  background-position: 50%;
  background-size: cover;
}

.uncommon-slider-3 {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5ff55fce46b208df4484f556_Uncommon%20Web%20CS3.png");
  background-position: 50%;
  background-size: cover;
}

.uncommon-logo-slider {
  height: 40vw;
}

.uncommon-grid-2 {
  grid-column-gap: 5vh;
  grid-row-gap: 5vh;
  grid-template-rows: auto;
  grid-template-columns: auto auto;
}

.uncommon-image-1 {
  height: 45vw;
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5ff55fd1c5b84b060a032625_Uncommon_Wayfinding.jpg");
  background-position: 50%;
  background-size: cover;
}

.uncommon-image-5 {
  height: 45vw;
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5ff55fd2d590235bd80ccbed_Uncommon_Poster2.jpg");
  background-position: 35%;
  background-size: cover;
}

.uncommon-grid-3 {
  grid-column-gap: 5vh;
  grid-row-gap: 5vh;
  grid-template-rows: auto;
  grid-template-columns: auto auto;
}

.uncommon-image-6 {
  height: 40vw;
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5ff55fd175044526103b3474_Uncommon_Notebook.jpg");
  background-position: 50%;
  background-size: cover;
}

.uncommon-image-7 {
  height: 40vw;
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5ff55fd0bd33db331cf8ec5a_Uncommon_BC.jpg");
  background-position: 50%;
  background-size: cover;
}

.cs-brand-guide-grid {
  grid-column-gap: 5vh;
  grid-row-gap: 5vh;
  grid-template-rows: auto auto auto;
  grid-template-columns: auto auto auto;
}

.cs-brand-guide-image {
  box-shadow: 0 0 4px .1px #ccc;
}

.uncommon-image-8 {
  height: 50vw;
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5ff55fd0c5b84bd97e032624_Uncommon_IG.jpg");
  background-position: 50%;
  background-size: cover;
}

.kalibra-slider {
  height: 45vw;
  background-color: rgba(0, 0, 0, 0);
}

.kalibra-slide-1 {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5ffbe2f913f5092b1fded4ec_Kalibra_Desktop1.jpg");
  background-position: 50% 100%;
  background-size: cover;
}

.kalibra-slide-2 {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5ffbe2fad786422670560589_Kalibra_Desktop2.jpg");
  background-position: 50% 100%;
  background-size: cover;
}

.kalibra-slide-3 {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5ffbe2fa3f867d8cf0b3eb52_Kalibra_Desktop3.jpg");
  background-position: 50% 100%;
  background-size: cover;
}

.kalibra-slide-4 {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5ffbe2fa05a29eff75382afc_Kalibra_Desktop4.jpg");
  background-position: 50% 100%;
  background-size: cover;
}

.kalibra-slide-5 {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5ffbe2fa3f867d40dcb3eb53_Kalibra_Desktop5.jpg");
  background-position: 50% 100%;
  background-size: cover;
}

.school-in-slider {
  height: 50vw;
  background-color: rgba(0, 0, 0, 0);
}

.school-in-slide-1 {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/6018c09919e8753abbfffd8d_SCHOOLIN_FB_01%20copy.jpg");
  background-position: 50% 55%;
  background-size: 90vw;
}

.school-in-slide-2 {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/6018c097a278dd2386a7c2a5_SCHOOLIN_FB_05.jpg");
  background-position: 50% 55%;
  background-size: 90vw;
}

.school-in-slide-2-3 {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/6018c432af6682e364ef91f6_SCHOOLIN_IG_03.jpg");
  background-position: 50%;
  background-size: 90vw;
}

.school-in-slide-4 {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/6018c09ca8a9e0742d4fd104_SCHOOLIN_FB_03.jpg");
  background-position: 50% 55%;
  background-size: 90vw;
}

.school-in-slide-5 {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/6018c09c03db0530ab5f49b2_SCHOOLIN_FB_02.jpg");
  background-position: 50% 55%;
  background-size: 90vw;
}

.school-in-slide-6 {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/6018c09dbcd94fd77491d12d_SCHOOLIN_FB_07.jpg");
  background-position: 50% 55%;
  background-size: 90vw;
}

.school-in-slide-2-1 {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/6018c431a278dd3fe0a7cc38_SCHOOLIN_IG_01.jpg");
  background-position: 50%;
  background-size: 90vw;
}

.school-in-slider-2 {
  height: 60vw;
  background-color: rgba(0, 0, 0, 0);
}

.school-in-slide-2-2 {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/6018bfb9175190e2445270e7_SCHOOLIN_IG_02.jpg");
  background-position: 50%;
  background-size: 90vw;
}

.school-in-slide-3-1 {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/6018c5980b0aa28d74943b38_SCHOOLIN_LI_01.jpg");
  background-position: 50% 70%;
  background-size: 110vw;
}

.school-in-slider-3 {
  height: 60vw;
  background-color: rgba(0, 0, 0, 0);
}

.school-in-slide-3-2 {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/6018c5a4c4901027d725a5b2_SCHOOLIN_LI_02.jpg");
  background-position: 50% 70%;
  background-size: 110vw;
}

.school-in-slide-3-3 {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/6018c5a49614ecdccb856e59_SCHOOLIN_LI_04.jpg");
  background-position: 50% 70%;
  background-size: 110vw;
}

.school-in-slide-3-4 {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/6018c5a5bcd94f50df91dd86_SCHOOLIN_LI_03.jpg");
  background-position: 50% 70%;
  background-size: 110vw;
}

.school-in-slide-3 {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/6018c09b09854d3dcc131487_SCHOOLIN_FB_06.jpg");
  background-position: 50% 55%;
  background-size: 90vw;
}

.latest-works-block {
  background-color: #fff;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: auto auto;
  grid-auto-columns: 1fr;
  padding: 7% 10%;
  display: flex;
}

.latest-works-p {
  color: #000;
  letter-spacing: .5px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Catamaran, sans-serif;
  font-size: 15px;
  font-weight: 300;
  line-height: 20px;
  text-decoration: none;
}

.latest-works-grid {
  grid-column-gap: 5vh;
  grid-row-gap: 5vh;
  grid-template-columns: auto;
}

.latest-work-subgrid {
  grid-column-gap: 3vh;
  grid-row-gap: 3vh;
  grid-template-rows: auto auto auto;
  grid-template-columns: auto;
}

.latest-works-link {
  text-decoration: none;
}

.latest-works-button {
  color: #000;
  letter-spacing: .5px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Catamaran, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
}

.dayaway-slider {
  height: 45vw;
  background-color: rgba(0, 0, 0, 0);
}

.dayaway-slide-1 {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/602ce121545b17cd0b7b86fb_DayAway%20Web%20CS2.png");
  background-position: 50% 55%;
  background-size: 100vw;
}

.dayaway-slide-2 {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/602ce120beb62075e506ac42_DayAway%20Web%20CS.png");
  background-position: 50% 55%;
  background-size: 100vw;
}

.dayaway-slide-3 {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/602cdb5b31ff50241d2e2bdb_DayAway%20Web%20CS3.12.png");
  background-position: 50% 55%;
  background-size: 100vw;
}

.dayaway-image-1 {
  height: 60vw;
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/602dbaa0a4afc24e95e77163_MagazineInBed.png");
  background-position: 50%;
  background-size: cover;
}

.dayaway-image-2 {
  height: 45vw;
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/602dbc89b473c87ccbd1e434_DayAway_App.png");
  background-position: 50%;
  background-size: 90vw;
}

.dayaway-image-3 {
  height: 50vw;
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/602f6bac6b6bfe9e17b887b9_0%20DayAway%20Web%20CS-min.png");
  background-position: 50%;
  background-size: 100vw;
}

.latest-work---collection-list {
  grid-column-gap: 2vw;
  grid-row-gap: 2vw;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.akuos-image-2 {
  height: 50vw;
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/606e7b00532fd4b8191ea13e_AKUOS%20App%20Journey%20Map-02.png");
  background-position: 60%;
  background-size: cover;
}

.akuos-image-1 {
  height: 60vw;
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/606e90b6c97ddfc6bbe2f186_AKUOS%20Single%20Screen%20mockup.jpg");
  background-position: 60%;
  background-size: cover;
}

.cata-coffee-logo-slider {
  height: 40vw;
}

.cata-slide-1 {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/60b472a1fba7914effb71594_1%20Web%20Logo.png");
  background-position: 50%;
  background-size: cover;
}

.cata-slide-2 {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/60b464b1be857942f4c1628b_2%20Web%20Logo.png");
  background-position: 50%;
  background-size: cover;
}

.cata-slide-3 {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/60b464b1e4ca3954b804483b_3%20Web%20Logo.png");
  background-position: 50%;
  background-size: cover;
}

.cata-grid-1 {
  grid-column-gap: 5vh;
  grid-row-gap: 5vh;
  grid-template-rows: auto;
  grid-template-columns: auto auto;
}

.celestia-grid-image-1 {
  height: 40vw;
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/619c8f924eb2067af59f3768_Celestia%20Book%20Mockup%203.png");
  background-position: 50%;
  background-size: cover;
}

.celestia-grid-image-2 {
  height: 40vw;
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/619c90468fe24f815e9f98e5_Notebook%20Mockup%201_4.png");
  background-position: 50% 60%;
  background-size: 130%;
}

.cata-grid-2 {
  grid-column-gap: 5vh;
  grid-row-gap: 5vh;
  grid-template-rows: auto;
  grid-template-columns: max-content auto;
}

.cata-image-3 {
  width: 50vw;
  height: 40vw;
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/60b46af7692f911b40079f5f_IMG_1054-2.jpg");
  background-position: 50%;
  background-size: cover;
}

.cata-image-4 {
  height: 40vw;
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/60b469af84cf605166679993_6%20Sticker.jpg");
  background-position: 50%;
  background-size: cover;
}

.cata-grid-3 {
  grid-column-gap: 5vh;
  grid-row-gap: 5vh;
  grid-template-rows: auto;
  grid-template-columns: auto auto;
}

.cata-video-1, .cata-video-2 {
  z-index: 1;
  height: 40vw;
}

.cata-video-3 {
  z-index: 1;
  height: 50vw;
}

.moom-image-1 {
  height: 45vw;
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/60c0433fd144e1dd4897af6e_2%20Moom%20Web%20Mockup%20compressed.png");
  background-position: 50%;
  background-size: 85vw;
}

.moom-slider-1 {
  height: 45vw;
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/60bf31cf36291e632960edb2_Home%20Hero-3.jpg");
  background-position: 0 0;
  background-size: auto;
}

.moom-slide-1 {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/60bf31cf36291e632960edb2_Home%20Hero-3.jpg");
  background-position: 50%;
  background-size: cover;
}

.moom-slide-2 {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/60bf329cf92c9e66df2e5d60_Home%20-%20Welcome%20to%20Moom-3.jpg");
  background-position: 50%;
  background-size: cover;
}

.moom-slide-3 {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/60bf32cfa6353c8bdd44aee3_Our%20Promise-3.jpg");
  background-position: 50%;
  background-size: cover;
}

.moom-slide-4 {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/60bf32edbed2cd6acb4df198_Shop%20Page-3.jpg");
  background-position: 50%;
  background-size: cover;
}

.moom-slide-5 {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/60bf3306f92c9e7a082e5f94_Product%20Page-3.jpg");
  background-position: 50%;
  background-size: cover;
}

.moom-slide-6 {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/60bf331cffc4e31c9328ad04_Sustainability%20Page-3.jpg");
  background-position: 50%;
  background-size: cover;
}

.team-photo---carlota {
  width: 100%;
  height: 30vw;
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/60e7bd20e9dd5197ee53bc26_Carlota%201.png");
  background-position: 50% 0;
  background-size: cover;
}

.team-photo---carlota:hover {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/60e7bd1f3b957b4f6a23f946_Carlota%202.png");
  background-position: 50% 0;
  background-size: cover;
}

.team-name-div {
  align-items: flex-start;
  margin-top: 20px;
  display: flex;
}

.cs---treedom-logo {
  height: 40vw;
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/60edd7beec9a10c6be0566dd_Treedom%20Case%20Study%20WEB%20mockups.jpg");
  background-position: 50%;
  background-size: cover;
}

.treedom-slide-2 {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/60e8909687ff267c6d287039_Treedom%20case%20study_illu%20WEB%2005.jpg");
  background-position: 50%;
  background-size: cover;
}

.treedom-slide-3 {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/60e89097893da418cec3a49b_Treedom%20case%20study_illu%20WEB%2003.jpg");
  background-position: 50%;
  background-size: cover;
}

.treedom-slide-4 {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/60e890984f98d09380018901_Treedom%20case%20study_illu%20WEB%2001.jpg");
  background-position: 50%;
  background-size: cover;
}

.treedom-slide-5 {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/60e8909861ff722cf5e9fea1_Treedom%20case%20study_illu%20WEB%2006.jpg");
  background-position: 50%;
  background-size: cover;
}

.treedom-slide-6 {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/60e8909861ff722170e9fea2_Treedom%20case%20study_illu%20WEB%2004.jpg");
  background-position: 50%;
  background-size: cover;
}

.treedom-slide-1-copy {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/60e89092e86247ec07e6f1e7_Treedom%20case%20study_illu%20WEB%2002.jpg");
  background-position: 50%;
  background-size: cover;
}

.treedom-slider {
  height: 45vw;
  background-color: rgba(0, 0, 0, 0);
}

.treedom-grid-2 {
  height: 40vw;
  grid-column-gap: 5vh;
  grid-row-gap: 5vh;
  grid-template-rows: auto;
  grid-template-columns: auto auto;
}

.treedom-slider-2 {
  height: 30vw;
  background-color: rgba(0, 0, 0, 0);
}

.treedom-slide-7 {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/60edd7af3f5bf2b370f87b5f_Treedom-icons_version1-1.jpg");
  background-position: 50%;
  background-size: cover;
}

.treedom-slide-8 {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/60edd7b03742266f201788b4_Treedom-icons_version1-3.jpg");
  background-position: 50%;
  background-size: cover;
}

.treedom-slide-9 {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/60edd7b07cacdf888b60595e_Treedom-icons_version1-2.jpg");
  background-position: 50%;
  background-size: cover;
}

.treedom-slide-10 {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/60edd7b02a77327b00ca75d9_Treedom-icons_version1-4.jpg");
  background-position: 50%;
  background-size: cover;
}

.treedom-bg-video {
  z-index: 0;
  height: 100%;
}

.rockett-image-1 {
  height: 45vw;
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/614253a7af08bc6e5b06801b_Rockett%20Case%20Study%20Website%20Logo%201.jpg");
  background-position: 50%;
  background-size: cover;
}

.rockett-image-1:hover {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/614253fe8df1075c46f77305_Rockett%20Case%20Study%20Website%20Logo%202.jpg");
}

.footer-p2 {
  color: #fff;
  letter-spacing: .5px;
  font-family: Catamaran, sans-serif;
  font-size: 12px;
  font-weight: 300;
  line-height: 22px;
}

.terms-list {
  color: #000;
  letter-spacing: .5px;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 20px;
  font-family: Catamaran, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 26px;
}

.list-item {
  list-style-type: disc;
}

.osv-video-1 {
  z-index: 1;
  height: 30vw;
}

.osv-video-2 {
  z-index: 1;
  height: 30vw;
  object-fit: fill;
}

.osv-video-3 {
  z-index: 1;
  height: 30vw;
  object-fit: fill;
  object-position: 50% 50%;
}

.osv-grid-1 {
  grid-column-gap: 5vh;
  grid-row-gap: 0vh;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-flow: row;
}

.osv-video-4 {
  z-index: 1;
  height: 30vw;
}

.osv-video-5 {
  z-index: 1;
  height: 30vw;
  object-position: 50% 50%;
}

.osv-grid-2, .osv-grid-3 {
  grid-column-gap: 5vh;
  grid-row-gap: 0vh;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-flow: row;
}

.osv-video-6 {
  z-index: 1;
  height: 30vw;
  object-position: 50% 50%;
}

.osv-grid-4 {
  grid-column-gap: 5vh;
  grid-row-gap: 0vh;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-flow: row;
}

.osv-video-7, .osv-video-8 {
  z-index: 1;
  height: 30vw;
  object-position: 50% 50%;
}

.osv-main-video {
  z-index: 1;
  height: 50vw;
  object-fit: fill;
  object-position: 50% 50%;
}

.journal-thumbnail-h-link-block {
  text-decoration: none;
}

.celestia-video-1 {
  z-index: 1;
  height: 50vw;
}

.celestia-logo-slider {
  height: 40vw;
}

.celestia-image-1 {
  height: 45vw;
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/619c8bf00ade220ed72c424b_Celestia%202%20Shadow%20Overlay%20Business%20Card%20Mockup.png");
  background-position: 50%;
  background-size: cover;
}

.celestia-grid-1 {
  grid-column-gap: 5vh;
  grid-row-gap: 5vh;
  grid-template-rows: auto;
  grid-template-columns: auto auto;
}

.celestia-image-2 {
  height: 45vw;
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/619ca300efc1afa3494fb089_Door%20Hanger%20Mockup%20Light%20Background.png");
  background-position: 50% 60%;
  background-size: 160%;
}

.casacun-slide-1 {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5fa3b2086459fdfe32366226_Casacun_web%20case%20study.png");
  background-position: 50%;
  background-size: cover;
}

.casacun-slide-2 {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5fa3b20842147a6aacb94f03_Casacun_web%20case%20study2.png");
  background-position: 50%;
  background-size: cover;
}

.casacun-slide-3 {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5fa3b20911253352b8048149_Casacun_web%20case%20study4.png");
  background-position: 50%;
  background-size: cover;
}

.casacun-slide-4 {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5fa3b20aa2043bdb30d49222_Casacun_web%20case%20study5.png");
  background-position: 50%;
  background-size: cover;
}

.casacun-slide-5 {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5fa3b20a7171aad2331dc296_Casacun_web%20case%20study3.png");
  background-position: 50%;
  background-size: cover;
}

.tt-slide-1 {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/61b2f153f45b787d845a8255_TomTex%20Symbol%20Overlay_1%20Web.jpg");
  background-position: 50%;
  background-size: cover;
}

.tt-slide-2 {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/61b2f155a1fe08de5741f1ee_TomTex%20Symbol%20Overlay_2%20Web.jpg");
  background-position: 50%;
  background-size: cover;
}

.tt-slide-3 {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/61b2f1557c84961b625f8c95_TomTex%20Symbol%20Overlay_3%20Web.jpg");
  background-position: 50%;
  background-size: cover;
}

.tt-slide-4 {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/61b2f156dad9111a5dde45e2_TomTex%20Symbol%20Overlay_4%20Web.jpg");
  background-position: 50%;
  background-size: cover;
}

.tt-slide-5 {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/61b2f154399d7823f64db669_TomTex%20Symbol%20Overlay_5%20Web.jpg");
  background-position: 50%;
  background-size: cover;
}

.tt-slide-6 {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/61b2f1567c84961f235f8c97_TomTex%20Symbol%20Overlay_6%20Web.jpg");
  background-position: 50%;
  background-size: cover;
}

.tt-symbol-slider {
  height: 40vw;
}

.tt-hover-logo {
  height: 45vw;
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/61b2f24494f5600889977784_TomTex_Web%20Case%20Study.png");
  background-position: 50% 100%;
  background-size: cover;
}

.tt-hover-logo:hover {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/61b2f2449b91fb607e0d9ac1_TomTex_Web%20Case%20Study2.png");
}

.tt-pattern-grid {
  grid-column-gap: 5vh;
  grid-row-gap: 5vh;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.cata-image-1 {
  height: 40vw;
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/60b469b15c51823228d654a4_5%20Thank%20you%20card.png");
  background-position: 50%;
  background-size: cover;
}

.cata-image-2 {
  height: 40vw;
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/60b469aefba791dabbb6e07a_4%20Business%20Card.png");
  background-position: 50% 60%;
  background-size: 130%;
}

.tt-pattern {
  height: 36vw;
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/61b2f3e19ce339ebdd2bc6e2_TomTex_Web%20Case%20Study4.png");
  background-position: 50%;
  background-size: cover;
}

.tt-pattern._2 {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/61b2f3e13279c57ffd4f6293_TomTex_Web%20Case%20Study3.png");
}

.tt-pattern._3 {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/61b2f3e180fbb75f2f0bdc72_TomTex_Web%20Case%20Study5.png");
}

.tt-image-1 {
  height: 45vw;
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/61b2ed677c8496e6ec5f69d7_Multiple%20Business%20Cards%20Mockup-NoLights.png");
  background-position: 50%;
  background-size: cover;
}

.logo-wall-logo---medium {
  width: 135px;
}

.treedom-video-1, .lj-video-1, .lj-video-2 {
  z-index: 1;
  height: 45vw;
  margin-left: 2px;
  margin-right: 2px;
}

.lj-slider-1 {
  height: 45vw;
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/60bf31cf36291e632960edb2_Home%20Hero-3.jpg");
  background-position: 0 0;
  background-size: auto;
}

.lj-slide-1 {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/6267be40e24a2d693a8aa6ff_Light%20Journey_Web%20Case%20Study_1.png");
  background-position: 50%;
  background-size: cover;
}

.lj-slide-2 {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/6267be90872734d269bda954_Light%20Journey_Web%20Case%20Study_2.png");
  background-position: 50%;
  background-size: cover;
}

.lj-slide-3 {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/6267becae24a2d8d068aaf7b_Light%20Journey_Web%20Case%20Study_3.png");
  background-position: 50%;
  background-size: cover;
}

.kl-logo-slider {
  height: 40vw;
}

.kl-logo-slide-1 {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/628618647d209e138ab7e6a3_KL_Web%20Case%20Study-12.png");
  background-position: 50%;
  background-size: cover;
}

.kl-logo-slide-2 {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/6286188befdfeffec31f9145_KL_Web%20Case%20Study3.png");
  background-position: 50%;
  background-size: cover;
}

.kl-logo-slide-3 {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/628618b3b8a3bb00016994f4_KL_Web%20Case%20Study6.png");
  background-position: 50%;
  background-size: cover;
}

.kl-logo-slide-4 {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/628618cffaf45b551008e752_KL_Web%20Case%20Study8.png");
  background-position: 50%;
  background-size: cover;
}

.kl-image-1 {
  height: 45vw;
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/628b7556876de530fabccdc5_KL_Web%20Case%20Study14.png");
  background-position: 50%;
  background-size: cover;
}

.kl-image-2 {
  height: 87.5vw;
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/628b5df3525f0793cc87e52a_KL_Web%20Case%20Study9.png");
  background-position: 50%;
  background-size: cover;
  background-attachment: scroll;
}

.kl-grid-1 {
  grid-column-gap: 5vh;
  grid-row-gap: 5vh;
  grid-template-rows: auto;
  grid-template-columns: auto auto;
}

.kl-image-3 {
  height: 40vw;
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/628b5d5b72ff563aad1c2ca6_KL_Web%20Case%20Study17.png");
  background-position: 48%;
  background-size: 1000px;
  background-attachment: scroll;
}

.kl-image-4 {
  height: 40vw;
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/628b72675875bf069afda323_KL_Web%20Case%20Study15.png");
  background-position: 50% 60%;
  background-size: cover;
}

.kl-slider-1 {
  height: 45vw;
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/60bf31cf36291e632960edb2_Home%20Hero-3.jpg");
  background-position: 0 0;
  background-size: auto;
}

.kl-slide-1 {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/628b761acd9e56566cfec726_KL_Web%20Case%20Study10.png");
  background-position: 50%;
  background-size: cover;
}

.kl-slide-2 {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/628b7658aebcf9745fa0f183_KL_Web%20Case%20Study11.png");
  background-position: 50%;
  background-size: cover;
}

.kl-slide-3 {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/628b76abc7b1db4d0fccc476_KL_Web%20Case%20Study12.png");
  background-position: 50%;
  background-size: cover;
}

.kl-slide-4 {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/628b76f772ff568fd41d6da3_KL_Web%20Case%20Study13.png");
  background-position: 50%;
  background-size: cover;
}

.kl-grid-2 {
  grid-column-gap: 5vh;
  grid-row-gap: 5vh;
  grid-template-rows: auto;
  grid-template-columns: auto auto;
}

.kl-image-5 {
  height: 40vw;
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/628b9400af608445e743a414_KL_Web%20Case%20Study16.png");
  background-position: 51%;
  background-size: cover;
  background-attachment: scroll;
}

.kl-image-6 {
  height: 40vw;
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/628b95d2ec02e938fa714612_KL_Web%20Case%20Study18.png");
  background-position: 50% 60%;
  background-size: cover;
}

.image-3 {
  width: 100%;
}

.team-photo---ryka {
  width: 100%;
  height: 30vw;
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/62b03499031382448d8e4746_Aqui%20Profile%20Photo_normal.jpg");
  background-position: 70% 100%;
  background-size: auto 120%;
}

.team-photo---ryka:hover {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/62b034f280156a85b3916b46_Aqui%20Profile%20Photo_quirky.jpg");
  background-position: 40% 100%;
  background-size: auto 130%;
}

.mk-image-1 {
  height: 45vw;
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/62b564d036e47022997a99c6_MK%20Image%20Consulting_Web%20Case%20Study.png");
  background-position: 50%;
  background-size: cover;
}

.mk-image-1:hover {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/62b55b6df60a8e305e786f96_MK%20Image%20Consulting_Web%20Case%20Study2.png");
}

.mk-image-2 {
  height: 40vw;
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/62b56530c8704a83d3223b33_MK%20Image%20Consulting_Web%20Case%20Study6.png");
  background-position: 50%;
  background-size: 150%;
  background-attachment: scroll;
}

.mk-image-3 {
  height: 40vw;
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/62b565a8393fc5a3fb37861a_MK%20Image%20Consulting_Web%20Case%20Study7.png");
  background-position: 50% 60%;
  background-size: 170%;
}

.mk-image-4 {
  height: 45vw;
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/62b565ea55d00438195fa870_MK%20Image%20Consulting_Web%20Case%20Study3.png");
  background-position: 50%;
  background-size: cover;
}

.mk-image-5 {
  height: 50vw;
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/62b5667cf2efdc9077ddbd4f_MK%20Image%20Consulting_Web%20Case%20Study8.png");
  background-position: 50%;
  background-size: cover;
  background-attachment: scroll;
}

.mk-image-6 {
  height: 60vw;
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/62b566e750a0c937836e0fff_MK%20Image%20Consulting_Web%20Case%20Study10.png");
  background-position: 50%;
  background-size: cover;
  background-attachment: scroll;
}

.mr-logo-slider {
  height: 40vw;
}

.mr-logo-slide {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/62c5456168523d7091a5321d_Moonrise%20Design_Web%20Case%20Study%202.png");
  background-position: 50%;
  background-size: cover;
}

.mr-logo-slide._2 {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/62c54b30c0a9c0731fc137f3_1%20Moonrise%20Design_Web%20Case%20Study.png");
}

.mr-logo-slide._3 {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/62c54b2f1026506ddbb60ae0_Moonrise%20Design_Web%20Case%20Study%204.png");
}

.mr-logo-slide._4 {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/62c54b3182347a04ae86294f_Moonrise%20Design_Web%20Case%20Study%203.png");
}

.mr-image {
  height: 45vw;
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/62d125bf658320afccbda6db_Moonrise%20Design_Web%20Case%20Study%206.png");
  background-position: 50%;
  background-size: cover;
}

.mr-image-2 {
  height: 40vw;
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/62c54f92fe06ca7b1b90a713_moonrise_instagram%20mockup%202-01.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  background-attachment: scroll;
}

.mr-image-3 {
  height: 40vw;
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/62c54f94b83d752b5277afe2_MoonRise_Facebook%20Mockup-02.png");
  background-position: 50% 60%;
  background-repeat: no-repeat;
  background-size: contain;
}

.mr-grid {
  grid-column-gap: 5vh;
  grid-row-gap: 5vh;
  grid-template-rows: auto;
  grid-template-columns: 2fr 3fr;
}

.mr-grid-2 {
  grid-column-gap: 2vh;
  grid-row-gap: 5vh;
  grid-template-rows: auto;
  grid-template-columns: 3fr 2fr;
  grid-auto-flow: column;
}

.mr-image-4 {
  height: 40vw;
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/62c5523109ff9ccd1d17057e_Moonrise%20Design_Web%20Case%20Study%2014.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
}

.mr-image-5 {
  height: 40vw;
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/62c552349665362d6036a1c7_Moonrise%20Design_Web%20Case%20Study%209.png");
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: 150%;
}

.cg2-image {
  height: 45vw;
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/62cd15aeb84c26469f05ade6_Castian%20Global_Web%20Case%20Study6.png");
  background-position: 50%;
  background-size: cover;
}

.th-image {
  height: 45vw;
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/62cd14239671208d9207d3d6_compressed_Treedom%20House_Web%20Case%20Study2.png");
  background-position: 50%;
  background-size: cover;
}

.th-video-1, .th-video-2, .cg2-video {
  z-index: 1;
  height: 50vw;
}

.cg2-slide-1 {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/62cd192cb010c8af63d9168d_Compressed_Castian%20Global_Web%20Case%20Study4.png");
  background-position: 50%;
  background-size: cover;
}

.cg2-slide-2 {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/62cd192dfd2df1a839ea9fce_Compressed_Castian%20Global_Web%20Case%20Study5.png");
  background-position: 50%;
  background-size: cover;
}

.cg2-slider-1 {
  height: 40vw;
}

.cg2-logo-slide-1 {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/62cd15adfd2df157ffea64b7_Castian%20Global_Web%20Case%20Study2.png");
  background-position: 50%;
  background-size: cover;
}

.cg2-logo-slide-2 {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/62cd15adb84c266a8b05ade5_Castian%20Global_Web%20Case%20Study.png");
  background-position: 50%;
  background-size: cover;
}

.cg2-logo-slide-3 {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/62cd15adec5b7f1c906dd1a9_Castian%20Global_Web%20Case%20Study3.png");
  background-position: 50%;
  background-size: cover;
}

.cg2-slider-copy {
  height: 40vw;
}

.greater {
  height: 45vw;
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/62f9e16b161d3afb9961ca2f_Greater_Web%20Case%20Study8.png");
  background-position: 50%;
  background-size: cover;
}

.greater-grid-1 {
  grid-column-gap: 5vh;
  grid-row-gap: 5vh;
  grid-template-rows: auto;
  grid-template-columns: auto auto;
}

.greater-image-grid-1 {
  height: 40vw;
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/62f9e3490045ed5d884e902a_Greater_Web%20Case%20Study4.png");
  background-position: 50%;
  background-size: cover;
}

.greater-image-grid-2 {
  height: 40vw;
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/62f9e63a3280f2c04b886219_Greater_Brochure%20Mockup-01-min.png");
  background-position: 45% 60%;
  background-repeat: repeat;
  background-size: 110%;
}

.greater-illustration-slider {
  height: 40vw;
}

.greater-slider-1 {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/62f9e3499ad000169aab1c48_Greater_Web%20Case%20Study10.png");
  background-position: 50%;
  background-size: cover;
}

.greater-slider-2 {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/62f9e348b83f2dc2a58c8e40_Greater_Web%20Case%20Study11.png");
  background-position: 50%;
  background-size: cover;
}

.greater-grid-2 {
  grid-column-gap: 5vh;
  grid-row-gap: 5vh;
  grid-template-rows: auto;
  grid-template-columns: auto auto;
}

.greater-image-grid-3 {
  height: 40vw;
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/62f9e9ce8b9dd6ec20286af6_Greater_web%20mockup-01.png");
  background-position: 50%;
  background-size: cover;
}

.greater-image-grid-4 {
  height: 40vw;
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/62f9ebca161d3af597623a85_Greater_Web%20Mockup_Social%20Media-01.png");
  background-position: 40%;
  background-repeat: repeat;
  background-size: 130%;
}

.greater-image-3 {
  height: 45vw;
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/62f9e34d943e1b185d121cea_Greater_Web%20Case%20Study.png");
  background-position: 50% 60%;
  background-size: 100%;
}

.salt-video-1, .salt-video-2 {
  z-index: 1;
  height: 50vw;
}

.salt-grid {
  grid-column-gap: 5vh;
  grid-row-gap: 5vh;
  grid-template-rows: auto;
  grid-template-columns: auto auto;
}

.salt-grid-image-1 {
  height: 40vw;
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/62ff1e3f769a722a8ac545fa_Salt_Web%20Case%20Study.png");
  background-position: 50%;
  background-size: cover;
}

.salt-grid-image-2 {
  height: 40vw;
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/62ff20b25599abcdd0c29435_Salt_Web%20Case%20Study2-min.png");
  background-position: 50% 60%;
  background-size: 100%;
}

.salt-video-3 {
  z-index: 1;
  height: 50vw;
}

.salt-image-1 {
  height: 45vw;
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/62ff20b328fc3c73b13757f5_Salt_Web%20Case%20Study3-min.png");
  background-position: 50%;
  background-size: cover;
}

.salt-image-2 {
  height: 85vw;
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/62ff1e3eb4ec8e343acfecfc_Salt_Web%20Case%20Study4.png");
  background-position: 50%;
  background-repeat: repeat-x;
  background-size: 100%;
}

.virtuaq, .flipwire, .aqui-design, .elite-sme, .ids, .twisted-thinking, .we-dance, .power-opp, .all-that-matters, .teamstreamz, .moodynails, .cavago, .compass, .onsite-health {
  background-color: #fff;
  margin-top: 70px;
  padding: 7% 10%;
}

.column {
  flex-direction: column;
  align-items: flex-start;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.columns {
  width: 100%;
}

.filter-link {
  width: 100%;
  color: #000;
  letter-spacing: .5px;
  margin-bottom: 0;
  font-family: Catamaran, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 30px;
  text-decoration: none;
}

.filter-link:hover {
  text-decoration: underline;
}

.filter-link.w--current {
  color: #aaa;
  text-decoration: none;
}

.filter-link.w--current:hover {
  text-decoration: underline;
}

.pld-video-1 {
  z-index: 1;
  height: 50vw;
}

.pld-grid-image-1 {
  height: 40vw;
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/6316e0096a2fa1ee8a84ce26_PLD_Web%20Case%20Study9.png");
  background-position: 50%;
  background-size: cover;
}

.pld-grid-image-2 {
  height: 40vw;
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/6316e013cf6f3b9d515f0b0f_PLD_Web%20Case%20Study8-min.png");
  background-position: 50% 60%;
  background-size: 115%;
}

.pld-image-2 {
  height: 45vw;
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/6316e032bfb65aea6f9cc3b6_PLD_Web%20Case%20Study10.png");
  background-position: 50%;
  background-size: cover;
}

.pld-image-4 {
  height: 45vw;
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/6316e00948d6c48815e264cd_PLD_Web%20Case%20Study7.png");
  background-position: 50%;
  background-size: cover;
}

.pld-image-3 {
  width: 80vw;
}

.pld-logo-slider {
  width: auto;
  height: 45vw;
}

.pld-slide {
  min-width: 101%;
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/6316e007617b3dfaf6a4b4ac_PLD_Web%20Case%20Study.png");
  background-position: 50%;
  background-size: cover;
  left: -5px;
}

.pld-slide._2 {
  z-index: 1;
  max-height: none;
  max-width: none;
  min-height: 100%;
  min-width: 101%;
  object-fit: cover;
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/6316e00793b5733d18c22681_PLD_Web%20Case%20Study2.png");
  background-size: cover;
  background-attachment: fixed;
  position: relative;
  left: -6px;
  right: 5px;
  overflow: hidden;
}

.pld-slide._3 {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/6316e006c9476c6ccf29634f_PLD_Web%20Case%20Study3.png");
}

.pld-slide._4 {
  min-width: 101%;
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/6316e00765cd53585b7e86a1_PLD_Web%20Case%20Study5.png");
  overflow: hidden;
}

.ocular-video {
  z-index: 1;
  height: 50vw;
}

.ocular-image {
  height: 45vw;
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/6316e8ff3c13edd74607d5a1_Ocular_Web%20Case%20Study.png");
  background-position: 50%;
  background-size: cover;
}

.lr-video-1, .lr-video-2 {
  z-index: 1;
  height: 40vw;
  font-size: 14px;
}

.lr-image-1 {
  height: 45vw;
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/6379ef3703cd693133f24fb0_Lonely%20Reader_Web%20Case%20Study-min.png");
  background-position: 50%;
  background-size: cover;
}

.lr-image-2 {
  height: 45vw;
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/6379ef3aace033b6b11d164f_Lonely%20Reader_Web%20Case%20Study2-min.png");
  background-position: 50%;
  background-size: cover;
}

.lr-image-3 {
  height: 45vw;
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/63b795b98ed3433710139759_Lonely%20Reader_Web%20Case%20Study5-min.png");
  background-position: 50%;
  background-size: cover;
}

.lr-grid {
  grid-column-gap: 5vh;
  grid-row-gap: 5vh;
  grid-template-rows: auto;
  grid-template-columns: auto auto;
}

.lr-grid-image-1 {
  height: 40vw;
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/6379e7bce002803293569cde_Lonely%20Reader_Web%20Case%20Study4.png");
  background-position: 50%;
  background-size: cover;
}

.lr-grid-image-2 {
  height: 40vw;
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/6379e7bc8d9dda8156ddcea5_Lonely%20Reader_Web%20Case%20Study3.png");
  background-position: 50% 60%;
  background-size: 115%;
}

.lr-image-4 {
  height: 45vw;
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/6379e7bfa69b502db3f3a038_Lonely%20Reader_Web%20Case%20Study6.png");
  background-position: 50%;
  background-size: cover;
}

.lr-image-5 {
  height: 95vw;
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/6379e7bdc1e8cbc78dcd0493_Lonely%20Reader_Web%20Case%20Study7.png");
  background-position: 50%;
  background-size: cover;
}

.salt-image-3 {
  height: 45vw;
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/63be42f5ac4c2aa9e1f0ceb5_mobile%20Mockup%20with%20bg.png");
  background-position: 50%;
  background-size: cover;
}

.pld-image-5 {
  width: 80vw;
  height: auto;
}

.pld-grid, .nsc-grid-1 {
  grid-column-gap: 5vh;
  grid-row-gap: 5vh;
  grid-template-rows: auto;
  grid-template-columns: auto auto;
}

.pld-video-2 {
  z-index: 1;
  height: 50vw;
}

.image-4 {
  width: 80vw;
}

.nsc-video {
  z-index: 1;
  height: 50vw;
}

.join-cc-p {
  color: #000;
  letter-spacing: .5px;
  margin-bottom: 0;
  font-family: Catamaran, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 26px;
}

.join-cc-grid {
  grid-column-gap: 3vw;
  grid-row-gap: 3vw;
  background-color: #fff;
  grid-template-rows: auto auto auto;
  grid-template-columns: 40vw;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  margin-top: 70px;
  margin-bottom: 70px;
  padding: 5% 10% 0%;
  display: grid;
}

.cc-form-grid {
  grid-template-rows: auto auto auto auto auto;
  grid-template-columns: auto;
}

.cc-form-h-div {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.cc-form-block {
  width: auto;
  margin-bottom: 0;
}

.nav-2023 {
  z-index: 900;
  background-color: #f8f6f4;
  position: fixed;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.nav-logo {
  width: 90px;
  justify-content: center;
  align-self: center;
  display: flex;
  position: relative;
}

.image-5 {
  width: 90px;
  height: 35px;
  align-self: center;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.image-5.black {
  background-color: rgba(0, 0, 0, 0);
}

.nav-container {
  z-index: 100;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 50px 50px;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  margin: 25px 40px;
  display: grid;
  position: relative;
}

.new-website-body {
  background-color: #f8f6f4;
  flex-direction: column;
  font-family: Overpass, sans-serif;
  font-size: 15px;
  font-weight: 300;
  line-height: 23px;
  display: flex;
}

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

.definition-section {
  height: 60vh;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.definition-section.wrapper {
  padding-bottom: 10vh;
}

.h1-2023 {
  z-index: 1;
  align-self: center;
  font-family: Theseasons lt, sans-serif;
  font-size: 50px;
  line-height: 60px;
  position: relative;
}

.h1-2023.hero {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.h1-2023.page-hero {
  align-self: flex-start;
}

.h1-2023.approach {
  width: 8em;
  position: -webkit-sticky;
  position: sticky;
  top: 12vw;
}

.h1-2023.mission {
  width: 19em;
}

.work-overview-section {
  width: 100vw;
  flex-direction: column;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
}

.arrow-hero {
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
  position: absolute;
  top: auto;
  bottom: 8%;
}

.h2-2023 {
  font-family: Theseasons lt, sans-serif;
  font-size: 30px;
  line-height: 40px;
}

.h2-2023.center-aligned {
  text-align: center;
}

.h2-2023.center-aligned.definition.desktop {
  max-width: 70rem;
  font-size: 50px;
  line-height: 60px;
}

.h2-2023.team {
  z-index: 2;
  text-align: left;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-left: 1rem;
  position: relative;
}

.h2-2023.team.descritpion {
  border-top-style: none;
  padding-bottom: 0;
  padding-left: 0;
}

.h2-2023.bold {
  font-family: Theseasons reg, sans-serif;
}

.h2-2023.faq {
  font-size: 26px;
  line-height: 34px;
}

.text-span {
  cursor: pointer;
  border-bottom: 1px solid #000;
}

.primary-button {
  color: #000;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #000;
  border-radius: 20px;
  margin-top: 5%;
  padding: 7px 15px 6px;
  font-family: Overpass, sans-serif;
  font-size: 14px;
  font-weight: 300;
  position: relative;
}

.primary-button:hover {
  color: #fff;
  background-color: #000;
  border-color: #fff;
}

.primary-button.cta {
  margin-top: 0%;
}

.primary-button.load-more {
  align-self: flex-end;
  margin-top: 0%;
}

.primary-button.definition-section {
  height: auto;
  margin-top: 0%;
}

.primary-button._3 {
  margin-top: 3%;
}

.body-text {
  padding: 15px 19px;
  font-family: Overpass, sans-serif;
  font-size: 16px;
  font-weight: 300;
  position: relative;
}

.body-text.center-aligned {
  text-align: center;
  padding: 0;
}

.body-text.speech-bubble {
  margin-left: 0;
}

.speech-bubble {
  align-self: flex-start;
  margin-left: 12rem;
  position: relative;
}

.speech-bubble-img {
  width: 100%;
  height: auto;
  position: absolute;
}

.project-card {
  width: 100%;
  height: 50vh;
  max-height: 800px;
  min-height: 600px;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: #fff;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: stretch;
  margin-bottom: 1rem;
  padding: 10% 8%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.project-card._2 {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/641daa634a7d20720d2d9dba_tomtex-thumbnail.png");
}

.project-card._2.work-page.hide {
  display: none;
}

.project-card._3 {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/641daa9bdacecdf0e041a2a3_cata-thumbnail.png");
}

.project-card._3.work-page.hide {
  display: none;
}

.project-card.work-page {
  max-height: 450px;
  min-height: 450px;
  align-self: center;
  padding-top: 0%;
  padding-bottom: 0%;
  top: 0;
}

.blur-overlay {
  z-index: 1;
  height: 100%;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color: rgba(0, 0, 0, .2);
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.horizontal-line {
  z-index: 5;
  height: 1px;
  min-width: 100%;
  background-color: #fff;
  position: relative;
}

.horizontal-line.black {
  mix-blend-mode: normal;
  background-color: #000;
  position: relative;
}

.client-name {
  z-index: 2;
  color: #fff;
  text-transform: uppercase;
  font-family: Overpass, sans-serif;
  position: relative;
}

.project-description {
  z-index: 2;
  max-width: 700px;
  color: #fff;
  margin-bottom: 0;
  font-family: Theseasons lt, sans-serif;
  font-size: 400%;
  line-height: 120%;
  position: relative;
}

.project-button {
  z-index: 2;
  justify-content: flex-end;
  align-self: flex-end;
  margin-top: 1.5rem;
  text-decoration: none;
  display: flex;
  position: relative;
}

.project-button.text {
  color: #fff;
  text-transform: uppercase;
  border-bottom: 1px solid rgba(0, 0, 0, 0);
  flex: none;
  align-self: stretch;
  margin-top: 0;
  margin-right: 1rem;
  font-family: Overpass, sans-serif;
  font-weight: 500;
  display: block;
}

.newsletter-cta {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 20%;
  display: flex;
}

.text-field {
  min-width: 300px;
  background-color: rgba(0, 0, 0, 0);
  border: 1px #000;
  border-bottom-style: solid;
  border-radius: 0;
  margin-bottom: 0;
  padding-left: 0;
  font-family: Overpass, sans-serif;
  font-size: 14px;
  font-weight: 300;
}

.newsletter-form-2023 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.form-submit-button {
  width: 52px;
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0);
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/641d996da38fc41576024056_horizontal-black-arrow.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  border-bottom: 1px solid #000;
  padding: 0;
}

.ig-grid {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin: 1rem 25%;
  display: grid;
}

.ig-section {
  margin-top: 20%;
  margin-bottom: 0%;
  display: none;
}

.logo-carousel-section {
  margin-top: 20%;
  overflow: hidden;
}

.footer-2023 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  grid-template-rows: auto auto 2rem;
  grid-template-columns: auto auto 1fr;
  grid-auto-columns: 1fr;
  margin-top: 10%;
  padding-bottom: 2%;
  padding-left: 2%;
  padding-right: 2%;
  display: grid;
  position: static;
}

.credits {
  z-index: 2;
  align-self: flex-start;
  font-family: Overpass, sans-serif;
  font-size: 12px;
  font-weight: 300;
  display: inline-block;
  position: relative;
}

.credits.right-aligned {
  text-align: right;
}

.footer-divider {
  margin-left: .4rem;
  margin-right: .4rem;
  font-family: Overpass, sans-serif;
  font-size: 10px;
  font-weight: 300;
  display: inline-block;
}

.footer-divider.mobile {
  display: inline-block;
}

.footer-links {
  font-family: Overpass, sans-serif;
  font-size: 12px;
  font-weight: 300;
}

.footer-links.white {
  color: #fff;
}

.h4-2023 {
  align-self: flex-start;
  font-family: Theseasons reg, sans-serif;
  font-size: 20px;
  display: inline-block;
}

.h4-2023.cc {
  border-right: 1px solid #000;
  padding: 14% 15% 14% 10%;
}

.footer-contact-div {
  z-index: 2;
  flex-direction: column;
  align-content: flex-start;
  display: flex;
  position: relative;
}

.div-block {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  justify-content: space-between;
  display: flex;
}

.logo-link {
  flex-direction: column;
  justify-content: flex-end;
  display: flex;
}

.email-address {
  font-size: 12px;
}

.email-address.white {
  color: #fff;
}

.burger-menu-wrapper {
  z-index: 999999999;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #f8f6f4;
  grid-template-rows: 50px auto 50px;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  justify-items: center;
  padding: 22px 3vw;
  display: none;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.burger-close-wrapper {
  z-index: 9999;
  width: 25px;
  height: 25px;
  clear: right;
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/6426a6c4d69c358dec839fe8_close-nav.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  margin-top: 12px;
  margin-left: auto;
  margin-right: 47px;
  padding: 0;
  display: inline-block;
  position: fixed;
  right: 0;
}

.burger-menu {
  z-index: 1;
  height: 100vh;
  background-color: #f8f6f4;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.burger-nav-link {
  color: #000;
  text-align: center;
  letter-spacing: .2px;
  text-transform: none;
  align-self: center;
  margin-top: 20px;
  margin-bottom: 20px;
  font-family: Theseasons lt, sans-serif;
  font-size: 25px;
  font-weight: 500;
  text-decoration: none;
  position: static;
}

.burger-nav-link:hover, .burger-nav-link.w--current {
  border-bottom: 1px solid #000;
}

.mobile {
  display: none;
}

.nav-menu-2023 {
  z-index: 2;
  width: 25px;
  height: 25px;
  cursor: pointer;
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/641da1b9f4195bbbb733068f_nav-menu-icon.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 20px;
  border-radius: 16px;
  flex-direction: row;
  align-self: center;
  align-items: center;
  margin-top: -3px;
  margin-right: 0;
  padding: 20px;
  display: flex;
  position: relative;
}

.nav-menu-2023:hover {
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/641da1b9f4195bbbb733068f_nav-menu-icon.svg");
}

.success-message-newsletter {
  background-color: rgba(0, 0, 0, 0);
}

.error-message-newsletter {
  background-color: rgba(244, 140, 140, .2);
}

.logo-wrapper {
  width: 140px;
  max-height: 70px;
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  text-align: center;
  object-fit: contain;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  margin-right: 4rem;
  display: flex;
}

.client-logo {
  object-fit: scale-down;
  overflow: hidden;
}

.collection-item-2 {
  display: inline-block;
}

.collection-list-2 {
  display: flex;
}

.carousel-wrapper {
  flex-direction: row;
  align-items: center;
  margin-top: 3%;
  display: flex;
  position: relative;
}

.ig-link {
  text-decoration: none;
}

.ig-link:hover {
  text-decoration: underline;
}

.about-hero {
  height: 100vh;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-left: 5%;
  padding-right: 5%;
  display: flex;
}

.page-name {
  text-transform: uppercase;
  align-self: flex-start;
}

.page-name.mission-and-vision {
  align-self: center;
  margin-bottom: 1rem;
  font-size: 14px;
  position: relative;
}

.divider-line {
  width: 95%;
  height: 1px;
  background-color: #000;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  top: auto;
  bottom: 5vh;
  left: 0;
  right: 0%;
}

.divider-line.approach {
  width: 1px;
  height: 100%;
  position: static;
}

.divider-line.faq {
  margin-bottom: 5%;
  position: static;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.divider-line.faq.qs {
  width: 100%;
  max-width: 760px;
  margin-top: 30px;
}

.divider-line.journal {
  width: 95%;
  margin-top: 5%;
  margin-bottom: 5%;
  position: static;
}

.divider-line.intro {
  max-width: 1000px;
  margin-top: 5vh;
  margin-bottom: 5vh;
  position: static;
  top: 50%;
  bottom: 0%;
  left: 0%;
}

.divider-line.intro.top {
  margin: 0% auto;
  display: block;
  position: absolute;
  top: auto;
  bottom: 5vh;
}

.divider-line.ymal {
  width: 100%;
  margin-top: 0%;
  margin-bottom: 0%;
  position: static;
  top: 50%;
  bottom: 0%;
  left: 0%;
}

.divider-line.work {
  display: none;
}

.work-hero {
  height: 100vh;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-left: 5%;
  padding-right: 5%;
  font-family: Overpass, sans-serif;
  font-weight: 300;
  display: flex;
}

.work {
  width: 100%;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: 1fr;
  grid-template-columns: .25fr 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 20%;
  padding-left: 2.5%;
  padding-right: 2.5%;
  font-family: Overpass, sans-serif;
  font-weight: 300;
  display: grid;
}

.filters-wrapper {
  width: 20vw;
  height: 85vh;
  opacity: 0;
  flex-direction: column;
  margin-left: -200px;
  font-family: Overpass, sans-serif;
  font-weight: 300;
  display: flex;
  position: -webkit-sticky;
  position: sticky;
  top: 90px;
}

.filters-wrapper.journal {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: flex-start;
  display: flex;
}

.filter-title {
  margin-top: 5%;
}

.filter-link-2023 {
  opacity: .5;
  margin-top: .2rem;
  margin-bottom: .2rem;
  text-decoration: none;
  display: inline-block;
}

.filter-link-2023:hover {
  opacity: 1;
  text-decoration: none;
}

.filter-link-2023:active, .filter-link-2023:focus {
  opacity: 1;
}

.filter-link-2023:focus-visible {
  opacity: 1;
  text-decoration: none;
}

.filter-link-2023[data-wf-focus-visible] {
  opacity: 1;
  text-decoration: none;
}

.filter-link-2023.w--current {
  opacity: 1;
  font-weight: 500;
}

.services-filter-div {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.industry-filter-div {
  flex-direction: column;
  margin-top: 2rem;
  display: flex;
}

.mission-vision-section {
  height: 100vh;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 0%;
  padding-bottom: 3%;
  font-size: 50px;
  display: flex;
  position: relative;
}

.mission-vision {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 18px;
  font-weight: 300;
  line-height: 28px;
  display: flex;
}

.mission-vision.op1 {
  display: none;
}

.mission-vision.op2 {
  display: flex;
}

.mission-vision.op3 {
  display: none;
}

.approach-section {
  text-align: left;
  flex-direction: column;
  padding-top: 20%;
  padding-left: 5%;
  padding-right: 5%;
  display: flex;
  position: -webkit-sticky;
  position: sticky;
}

.approach-content-grid {
  z-index: 2;
  height: 252vh;
  max-height: 2600px;
  max-width: 1500px;
  grid-column-gap: 5rem;
  grid-row-gap: 5rem;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  margin-top: 5rem;
  padding-top: 390px;
  display: flex;
  position: relative;
}

.approach-content {
  height: 35vh;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  text-align: left;
  background-color: #f8f6f4;
  grid-template-rows: auto;
  grid-template-columns: auto 30px minmax(200px, 300px);
  grid-auto-columns: 1fr;
  display: grid;
  position: -webkit-sticky;
  position: sticky;
  top: 30vw;
}

.approach-text h2 {
  font-family: Theseasons lt, sans-serif;
  font-size: 30px;
}

.our-people-section {
  text-align: center;
  margin-top: 20%;
}

.team-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 5%;
  margin-left: 5%;
  margin-right: 5%;
  display: grid;
}

.team-member-card {
  min-height: 500px;
  cursor: pointer;
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5fa90b799bf4e93b6d5eee61_Maria1.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto 101%;
  border: 1px solid #000;
  flex-direction: column;
  justify-content: flex-end;
  align-items: stretch;
  display: flex;
  position: relative;
}

.member-descritpion {
  z-index: 3;
  width: 100%;
  height: 100%;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  opacity: 0;
  text-align: left;
  background-color: #f8f6f4;
  flex-direction: row;
  grid-template-rows: 4rem 1rem auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-items: flex-start;
  padding: 1rem;
  display: grid;
  position: absolute;
}

.member-descritpion:hover {
  opacity: 1;
}

.about-cta {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 20%;
  margin-bottom: 0%;
  display: flex;
}

.ttp-video {
  z-index: 1;
  width: 95%;
  height: 55vw;
  max-width: 1200px;
}

.ttp-slider-1 {
  width: auto;
  height: 45vw;
}

.ttp-slider, .ttp-slider-2 {
  min-width: 101%;
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/6316e007617b3dfaf6a4b4ac_PLD_Web%20Case%20Study.png");
  background-position: 50%;
  background-size: cover;
  left: -5px;
}

.helex-grid {
  grid-column-gap: 5vh;
  grid-row-gap: 5vh;
  grid-template-rows: auto;
  grid-template-columns: auto auto;
}

.lottie-animation {
  width: 80vw;
}

.lottie-animation-2 {
  width: auto;
  height: 55vw;
  text-align: center;
  object-position: 100% 50%;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: static;
}

.helex-video-2, .helex-video-1 {
  z-index: 1;
  height: 50vw;
}

.image-7, .image-8 {
  height: 38vw;
}

.services-section {
  height: 90vh;
  flex-direction: column;
  align-items: center;
  padding-top: 5%;
  display: flex;
}

.services-tab {
  opacity: .5;
  text-transform: uppercase;
  background-color: rgba(0, 0, 0, 0);
  padding-left: 15px;
  padding-right: 15px;
  font-size: 12px;
  font-weight: 500;
}

.services-tab:hover, .services-tab:active, .services-tab:focus {
  opacity: 1;
}

.services-tab:focus-visible {
  opacity: 1;
}

.services-tab[data-wf-focus-visible] {
  opacity: 1;
}

.services-tab.w--current {
  opacity: 1;
  background-color: rgba(0, 0, 0, 0);
}

.tabs {
  width: 95vw;
  height: 90%;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  display: flex;
}

.tabs-menu {
  width: 100%;
  cursor: none;
  justify-content: space-between;
  align-self: stretch;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.service-tab-pane {
  width: 100%;
}

.service-tab-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-around;
  display: grid;
}

.services-text {
  z-index: 0;
  max-width: 900px;
  align-self: center;
  padding-left: 2rem;
  position: relative;
}

.image-9 {
  width: 100%;
  height: 45vh;
  max-height: 800px;
  min-height: 400px;
  object-fit: cover;
  position: relative;
}

.tabs-content {
  width: 95vw;
  margin-top: 5%;
}

.faq-section {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 10%;
  display: flex;
  position: relative;
}

.cta-section {
  text-align: center;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.cta-section.work {
  margin-top: 15vh;
  margin-bottom: 0%;
}

.journal {
  width: 100%;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: .25fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  margin-bottom: 20%;
  padding-left: 0%;
  padding-right: 0%;
  display: grid;
}

.journal.section {
  margin-bottom: 0%;
  padding-left: 2.5%;
  padding-right: 2.5%;
  display: flex;
}

.journal-card {
  width: 95vw;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/619c8f924eb2067af59f3768_Celestia%20Book%20Mockup%203.png");
  background-position: 50%;
  background-size: cover;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: stretch;
  margin-bottom: 1rem;
  padding: 10% 8%;
  display: flex;
  position: relative;
}

.journal-card.journal-page {
  width: 100%;
  min-height: 500px;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-image: none;
  border: 1px solid #000;
  flex-direction: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  margin-bottom: 2rem;
  padding: 0%;
  display: flex;
  overflow: hidden;
}

.journal-text-wrapper {
  z-index: 3;
  width: 45%;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #f8f6f4;
  border-left: 1px solid #000;
  flex-direction: column;
  flex: none;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-self: stretch;
  align-items: flex-start;
  padding: 3%;
  display: flex;
  position: relative;
}

.journal-text-wrapper.hero {
  width: 50%;
  background-color: rgba(0, 0, 0, 0);
  border-left-style: none;
}

.vertical-line {
  width: 1px;
  height: 100%;
  background-color: #000;
  position: static;
  top: auto;
  bottom: 5%;
  left: 2.5%;
  right: 0%;
}

.vertical-line.cta {
  height: 150px;
}

.journal-card-tag {
  z-index: 2;
  text-transform: uppercase;
  font-family: Overpass, sans-serif;
  font-size: 12px;
  position: relative;
}

.journal-card-title {
  z-index: 2;
  color: #000;
  text-align: center;
  font-family: Theseasons lt, sans-serif;
  font-size: 38px;
  font-weight: 400;
  line-height: 40px;
  position: relative;
}

.journal-card-date {
  z-index: 2;
  font-family: Theseasons lt, sans-serif;
  font-size: 25px;
  font-weight: 400;
  line-height: 30px;
  position: relative;
}

.journal-card-description {
  z-index: 2;
  font-family: Overpass, sans-serif;
  font-size: 13px;
  position: relative;
}

.journal-button {
  z-index: 2;
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  text-transform: uppercase;
  justify-content: flex-end;
  align-self: flex-start;
  margin-top: 1.5rem;
  font-weight: 500;
  text-decoration: none;
  display: flex;
  position: relative;
}

.journal-button:hover, .journal-button:active {
  text-decoration: underline;
}

.journal-button.white {
  color: #fff;
  font-size: 12px;
}

.journal-button.white:hover, .journal-button.white:active {
  text-decoration: underline;
}

.journal-button.insights-page {
  align-self: flex-end;
  margin-top: .5rem;
}

.journal-highlighted-post {
  flex-direction: column;
  align-items: center;
  display: flex;
  position: -webkit-sticky;
  position: sticky;
  overflow: hidden;
}

.journal-highlight-card {
  width: 95vw;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: #fff;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: stretch;
  margin-bottom: 1rem;
  padding: 10% 8% 10% 3%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.contact-hero {
  height: 100vh;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-left: 5%;
  display: flex;
}

.contact-hero._2 {
  grid-column-gap: 5rem;
  grid-row-gap: 5rem;
  flex-direction: row;
  justify-content: space-between;
  padding-right: 5%;
}

.contact-buttons-div {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  align-self: flex-start;
  display: flex;
}

.contact-div {
  width: 60%;
  height: 60%;
  flex-direction: column;
  display: flex;
  position: relative;
}

.contact-div._1 {
  max-width: 380px;
}

.contact-form {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto auto auto auto 1rem auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.contact-form.cc {
  grid-template-rows: auto auto auto auto auto;
}

.contact-form-field {
  background-color: rgba(0, 0, 0, 0);
  border: 1px #000;
  border-bottom-style: solid;
  padding-top: 10px;
  padding-bottom: 8px;
  font-size: 13px;
}

.contact-form-field.message {
  padding-top: 10px;
  padding-bottom: 100px;
}

.submit-button {
  background-color: rgba(0, 0, 0, 0);
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/641d996da38fc41576024056_horizontal-black-arrow.svg");
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: auto;
}

.contact-form-block {
  margin-top: 70px;
}

.line-2 {
  height: 1px;
  background-color: #ccc;
  margin-left: 10%;
  margin-right: 10%;
}

.contact-block---white-2 {
  background-color: #fff;
  padding: 7% 10%;
}

.contact-form-text-field---black-2 {
  color: #000;
  letter-spacing: .5px;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid rgba(0, 0, 0, 0);
  border-bottom-color: #000;
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  font-family: Catamaran, sans-serif;
  font-weight: 300;
}

.contact-form-text-field---black-2:focus {
  border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #000;
}

.contact-h---black-2 {
  color: #000;
  letter-spacing: .5px;
  margin-bottom: 0;
  margin-right: 0;
  font-family: Catamaran, sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 38px;
}

.contact-submit-button---black-2 {
  width: auto;
  height: auto;
  color: #000;
  text-align: right;
  letter-spacing: .5px;
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0);
  margin-top: 0;
  padding: 5px 0 0;
  font-family: Catamaran, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 20px;
}

.contact-form-text-area---black-2 {
  height: auto;
  color: #000;
  letter-spacing: .5px;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid rgba(0, 0, 0, 0);
  border-bottom-color: #000;
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  font-family: Catamaran, sans-serif;
  font-weight: 300;
}

.contact-form-text-area---black-2:focus {
  border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #000;
}

.hide-copy {
  display: none;
}

.hide-copy.no {
  display: block;
}

.project-hero {
  height: 100vh;
  color: #fff;
  text-align: center;
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 50%;
  background-size: cover;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

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

.client-quote {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 5%;
  display: flex;
}

.client-quote-text {
  width: 95%;
  max-width: 800px;
  margin-bottom: 2rem;
}

.project-cta {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 5%;
  margin-bottom: 20%;
  display: flex;
}

.dark-overlay {
  z-index: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .65);
  position: absolute;
}

.tags {
  z-index: 1;
  color: #fff;
  flex-direction: row;
  align-items: flex-start;
  margin-bottom: 3px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.tags.caps {
  text-transform: uppercase;
  margin-top: 1rem;
}

.back-to-top {
  height: 50px;
  margin-bottom: 40px;
  transform: rotate(180deg);
}

.back-to-top-2023 {
  z-index: 2;
  width: 40px;
  height: 100px;
  background-color: #f8f6f4;
  border: 1px #000;
  border-radius: 100px;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  margin-left: auto;
  margin-right: 2rem;
  padding-top: 10px;
  padding-bottom: 150px;
  padding-left: 0;
  text-decoration: none;
  display: flex;
  position: relative;
  bottom: 0;
}

.back-to-top-text {
  text-transform: uppercase;
  white-space: nowrap;
  margin-top: 0;
  font-size: 12px;
  transform: rotate(-90deg);
}

.project-page-nav-2023 {
  z-index: 999999999;
  background-color: rgba(0, 0, 0, 0);
  position: fixed;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.burger {
  width: 20px;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.project-page-nav-menu-2023 {
  z-index: 2;
  width: 22px;
  height: 19px;
  cursor: pointer;
  flex-direction: row;
  justify-content: center;
  align-self: center;
  align-items: center;
  padding: 0;
  display: flex;
  position: relative;
  top: 2px;
  right: 9px;
}

.project-page-nav-menu-2023:hover {
  background-image: none;
}

.project-page-footer-2023 {
  width: 100vw;
  min-height: 30vh;
  min-width: 100%;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: #fff;
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: column;
  grid-template-rows: 10rem 1px 2rem;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  margin-top: 0%;
  padding-bottom: 0%;
  padding-left: 2%;
  padding-right: 2%;
  text-decoration: none;
  display: flex;
  position: relative;
  left: 0%;
  overflow: hidden;
}

.project-page-footer-2023:hover {
  text-decoration: underline;
}

.project-page-footer-2023.section {
  background-image: none;
  flex-direction: column;
  margin: 0% 0% -8%;
  padding: 0%;
  display: flex;
}

.project-page-footer-2023._2 {
  background-image: none;
  padding-bottom: 5%;
  padding-left: 0%;
  padding-right: 0%;
  text-decoration: none;
}

.project-page-footer-2023.hide {
  display: none;
}

.credits-wrapper, .social-wrapper {
  z-index: 2;
  position: relative;
}

.next-project {
  z-index: 2;
  color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
  position: relative;
}

.next-project:hover {
  text-decoration: underline;
}

.nav-logo-3 {
  width: auto;
  height: 30px;
}

.social-media-icons {
  z-index: 9999999;
  grid-column-gap: 5rem;
  grid-row-gap: 5rem;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-top: auto;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: fixed;
  top: auto;
  bottom: 5%;
  left: 0%;
  right: 0%;
}

.nav-social-icon {
  width: 30px;
  height: 28px;
  flex-direction: column;
  justify-content: flex-end;
  align-self: flex-end;
  display: flex;
}

.nav-social-icon.behance {
  height: 20px;
  margin-bottom: 2px;
}

.nav-social-icon.linkedin {
  height: 24px;
  margin-bottom: 2px;
}

.fs-btn-nav {
  display: none;
}

.pagination {
  flex-direction: column;
  align-items: center;
}

._2023 {
  background-color: #f8f6f4;
  font-family: Overpass, sans-serif;
  font-weight: 300;
}

._2-0 {
  display: none;
}

.text-block-8 {
  font-size: 12px;
}

.collection-list-wrapper-3 {
  width: 95%;
  align-self: center;
  overflow: hidden;
}

.insights-hero {
  height: 100vh;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-left: 5%;
  padding-right: 5%;
  display: flex;
}

.insights-date {
  z-index: 2;
  text-transform: uppercase;
  flex-direction: column;
  justify-content: center;
  align-self: center;
  align-items: center;
  font-family: Overpass, sans-serif;
  font-size: 12px;
  display: flex;
  position: absolute;
  top: auto;
  bottom: 7%;
  left: 0%;
  right: 0%;
}

.insights-intro {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 0%;
  display: flex;
}

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

.insights-block-content {
  max-width: 1000px;
  padding-left: 5%;
  padding-right: 5%;
}

.insights-block-content h2 {
  font-family: Theseasons lt, sans-serif;
  font-size: 28px;
}

.insights-block-content h4 {
  font-family: Overpass, sans-serif;
  font-weight: 300;
}

.insights-block-content blockquote {
  border-left-width: 1px;
  font-family: Theseasons lt, sans-serif;
}

.insights-block-content h1 {
  font-family: Theseasons lt, sans-serif;
  font-size: 32px;
}

.insights-block-content img {
  width: 100%;
  text-align: center;
}

.insights-block-content h3 {
  margin-top: 30px;
  margin-bottom: 10px;
  font-family: Theseasons lt, sans-serif;
  font-size: 25px;
}

.insights-block-content h6 {
  text-transform: uppercase;
}

.insights-block-content h5 {
  font-family: Overpass, sans-serif;
  font-size: 14px;
  font-weight: 300;
}

.insights-block-content ul {
  list-style-type: square;
}

.insights-block-content ol {
  list-style-type: lower-roman;
}

.you-may-also-like {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 10%;
  padding-bottom: 10%;
  display: flex;
}

.ymal-wrapper {
  max-width: 600px;
  grid-column-gap: 1rem;
  grid-row-gap: 0rem;
  grid-template-rows: auto auto 1px auto;
  grid-template-columns: .5fr 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 2rem;
  display: grid;
}

.ymal-title {
  max-width: 90%;
  font-family: Theseasons lt, sans-serif;
  font-size: 20px;
  line-height: 25px;
}

.ymal-thumbnail {
  min-height: 95px;
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 50%;
  background-size: cover;
}

.ymal-collection-wrapper {
  margin-top: 5%;
}

.collection-list-wrapper-4 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  display: flex;
}

.collection-item-4 {
  max-width: 800px;
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  flex-direction: column;
  display: flex;
}

.div-block-5 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 10%;
  padding-left: 20%;
  padding-right: 20%;
  display: flex;
}

.homepage-animation {
  width: 100%;
  height: 100%;
  justify-content: center;
  align-self: center;
  align-items: center;
  position: static;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.hero-animation {
  z-index: 2147483647;
  width: 100vw;
  background-color: #f8f6f4;
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.form-block-copy {
  color: #000;
  cursor: none;
  margin-top: 1.5rem;
  font-family: Overpass, sans-serif;
  font-weight: 300;
}

.option1 {
  align-self: flex-start;
  display: none;
}

.option2 {
  align-self: flex-start;
  display: block;
}

.subheader-hero {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  font-size: 16px;
  font-weight: 300;
  line-height: 22px;
  display: flex;
}

.subheader-hero._1 {
  align-self: flex-start;
}

.ig-collection {
  margin-top: 4rem;
}

.project-card-content-wrapper {
  max-width: 1100px;
  min-width: 900px;
  flex-direction: column;
  align-self: center;
  display: flex;
}

.project-card-content-wrapper.work-page {
  min-width: auto;
  align-self: stretch;
}

.project-highlight {
  width: 95vw;
  overflow: hidden;
}

.work-section-2023 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  grid-template-rows: 1fr;
  grid-template-columns: .25fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  padding-left: 2.5%;
  padding-right: 2.5%;
  font-family: Overpass, sans-serif;
  font-weight: 300;
  display: flex;
}

.collection-item-5 {
  flex-direction: column;
  justify-content: flex-end;
  display: flex;
}

.work-collection-list {
  flex-direction: column;
}

.accordion-trigger {
  width: 100%;
  max-width: none;
  text-align: left;
  border-radius: .5px;
  flex-direction: row;
  flex: 0 auto;
  justify-content: space-between;
  align-self: stretch;
  align-items: center;
  margin-top: 0;
  padding: 20px 0;
  display: flex;
  position: relative;
}

.accordion-content {
  width: 90%;
  height: 50%;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  text-align: left;
  background-color: rgba(0, 0, 0, 0);
  grid-template-rows: 1fr 30px;
  grid-template-columns: .6fr 30px 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-self: flex-start;
  align-items: stretch;
  justify-items: stretch;
  margin-top: 10px;
  display: block;
  position: static;
  overflow: hidden;
}

.accordion-wrapper {
  width: 100%;
  max-width: 760px;
  border-top: 1px solid #000;
  flex-direction: column;
  margin-top: 30px;
  display: flex;
  overflow: hidden;
}

.b-w-overlay {
  width: 100%;
  height: 100%;
  mix-blend-mode: color;
  background-color: #000;
  position: absolute;
}

.b-w-overlay.hide {
  display: none;
}

.journal-card-description-mobile {
  z-index: 2;
  font-family: Overpass, sans-serif;
  font-size: 13px;
  display: none;
  position: relative;
}

.work-filter-mobile-2023 {
  grid-column-gap: 3vw;
  grid-row-gap: 3vw;
  justify-content: space-between;
  padding: 5% 10% 0%;
  display: none;
}

.filter-arrow-2023 {
  width: 15px;
  margin-left: 20px;
}

.filter-dropdown-p-block-copy {
  align-items: flex-start;
  margin-top: 30px;
  margin-bottom: 50px;
  display: flex;
}

.columns-copy {
  width: 100%;
}

.column-copy {
  flex-direction: column;
  align-items: flex-start;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.filter-dropdown-sub-block-copy, .filter-dropdown-sub-block-2-copy {
  width: 50%;
  flex-direction: column;
  display: flex;
}

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

.case-study-text {
  max-width: 700px;
  text-align: center;
  margin-top: 10%;
  margin-bottom: 10%;
}

.case-study-text h2, .case-study-text h1 {
  font-family: Theseasons lt, sans-serif;
}

.case-study-text p {
  margin-bottom: 10px;
}

.case-study-text h3 {
  font-family: Theseasons lt, sans-serif;
}

.case-study-text h4 {
  font-weight: 200;
}

.case-study-text h5 {
  font-weight: 300;
}

.case-study-text h6 {
  text-transform: uppercase;
}

.main-image {
  width: 95%;
  max-width: 1200px;
  margin-top: 1vw;
}

.collection-list-5 {
  grid-column-gap: .5rem;
  display: flex;
}

.carousel-wrapper-2 {
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  margin-top: 3%;
  display: flex;
  position: relative;
}

.collection-logo-wrapper-2 {
  position: relative;
}

.cc-section {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 20%;
  margin-bottom: 0%;
  display: flex;
}

.cc-wrapper {
  width: 800px;
  border: 1px solid #000;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr .7fr;
  grid-auto-columns: 1fr;
  margin-top: 5%;
  display: grid;
  overflow: hidden;
}

.arrow-button {
  height: 105px;
  justify-content: space-between;
  padding-left: 10%;
  padding-right: 10%;
  text-decoration: none;
  display: flex;
}

.arrow-button.watch-series {
  border-bottom: 1px solid #000;
  text-decoration: none;
}

.button-2023 {
  color: #000;
  letter-spacing: .5px;
  white-space: nowrap;
  background-color: rgba(0, 0, 0, 0);
  align-self: center;
  padding: 0;
  font-family: Open Sans, sans-serif;
  font-weight: 400;
}

.black-arrow {
  width: 30%;
  max-width: 55px;
}

.white-arrow {
  width: 30%;
  max-width: 55px;
  display: none;
}

.collection-list-wrapper-5 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.collection-list-6 {
  width: 50%;
}

.pagination-3 {
  justify-content: flex-end;
  margin-top: 30px;
}

.card-thumbnail {
  width: 100%;
  height: 100%;
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 50%;
  background-size: cover;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.image-grid {
  width: 95%;
  max-width: 1200px;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: none;
}

.lottie-animation {
  width: 95%;
  max-width: 1200px;
}

.lottie-animation.desktop {
  margin-top: 1vw;
  margin-bottom: 0;
}

.work-div-wrapper {
  width: 100%;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: 1fr;
  grid-template-columns: 20vw 1fr;
  grid-auto-columns: 1fr;
  padding-left: 0%;
  padding-right: 0%;
  font-family: Overpass, sans-serif;
  font-weight: 300;
  display: grid;
}

.empty-state {
  background-color: rgba(0, 0, 0, 0);
}

.case-study-title {
  text-decoration: none;
}

.arrow-hero-about {
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
  position: absolute;
  top: auto;
  bottom: 10%;
  left: 5%;
}

.footer-sm-icon-padding {
  margin-bottom: 1px;
}

.mask-insights {
  z-index: 1;
  height: 100%;
  background-color: rgba(0, 0, 0, .1);
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.cc-thumbnail-img {
  width: 100%;
  height: auto;
  object-fit: fill;
  border: 1px #000;
  border-bottom-style: solid;
}

.cc-thumbnail-img-mobile {
  width: 100%;
  border: 1px #000;
  border-bottom-style: solid;
  display: none;
}

.work-load-more-button {
  color: #000;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #000;
  border-radius: 20px;
  margin-top: 5%;
  padding: 7px 15px 6px;
  font-family: Overpass, sans-serif;
  font-size: 14px;
  font-weight: 300;
}

.work-load-more-button:hover {
  color: #fff;
  background-color: #000;
  border-color: #fff;
}

.work-load-more-button.load-more {
  align-self: flex-end;
  margin-top: 0%;
}

.plus-wrapper {
  cursor: pointer;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.plus-line-h {
  width: 20px;
  height: 1px;
  background-color: #000;
}

.plus-line-v {
  width: 1px;
  height: 20px;
  background-color: #000;
  position: absolute;
}

.faq-answer {
  margin-bottom: 30px;
  display: block;
}

.insights-load-more-button {
  color: #000;
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #000;
  border-radius: 20px;
  margin-top: 5%;
  padding: 7px 15px 6px;
  font-family: Overpass, sans-serif;
  font-size: 14px;
  font-weight: 300;
}

.insights-load-more-button:hover {
  color: #fff;
  background-color: #000;
  border-color: #fff;
}

.insights-load-more-button.load-more {
  align-self: flex-end;
  margin-top: 0%;
}

.thumnail-div {
  z-index: 5;
  width: 100%;
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 50%;
  background-size: cover;
  justify-content: center;
  align-items: center;
  display: flex;
  overflow: hidden;
}

.arrow-mission-vission {
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
  position: absolute;
  top: auto;
  bottom: 10%;
  left: 0%;
  right: 0%;
}

.approach-title-wrapper {
  position: absolute;
  top: 0%;
  bottom: 45vh;
  left: 0%;
  right: auto;
}

.insights-spotlight-wrapper {
  width: 95%;
  align-self: center;
  margin-top: 2rem;
  overflow: hidden;
}

.contact-dropdown {
  z-index: 0;
  margin-left: 0;
  margin-right: 0;
}

.dropdown-toggle {
  width: 100%;
  color: #aaa;
  border-bottom: 1px solid #000;
  border-radius: 0;
  margin-bottom: 20px;
  padding: 10px 12px 8px;
  font-size: 13px;
}

.dropdown-toggle.w--open, .icon {
  color: #000;
}

.dropdown-list-2 {
  background-color: #f8f6f4;
  margin-top: -20px;
}

.select-field-2 {
  display: none;
}

.dropdown-link {
  border-bottom: 1px solid #000;
}

.dropdown-link:hover {
  font-weight: 500;
}

.dropdown-link.w--current {
  color: #000;
  font-weight: 500;
}

.checkbox-field {
  margin-bottom: 0;
  margin-left: 1px;
}

.checkbox-label {
  margin-bottom: 0;
}

.checkbox {
  cursor: none;
}

.success-message-4 {
  background-color: rgba(0, 0, 0, 0);
}

.member-name-div {
  background-color: #f8f6f4;
  border-top: 1px solid #000;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.team---wrapper {
  width: 20px;
  height: auto;
  margin-right: 1rem;
  display: none;
  position: relative;
}

.line {
  width: 20px;
  background-color: #000;
  margin-left: 0%;
  margin-right: 0%;
  position: relative;
}

.line._2 {
  transform: rotate(90deg);
}

.services-dropdown {
  z-index: 0;
  margin-left: 0;
  margin-right: 0;
  display: none;
}

.wg-element-wrapper-3-0 {
  cursor: none;
  align-items: center;
  display: none;
  position: relative;
}

.wg-dropdown-1-3-0 {
  text-transform: uppercase;
  flex-direction: column;
  align-items: stretch;
  font-weight: 700;
}

.wg-dd-1-togle-3-0 {
  z-index: 1;
  width: 100%;
  grid-column-gap: 5px;
  cursor: none;
  border-bottom: 1px #000;
  border-radius: 0;
  flex-direction: row;
  justify-content: flex-start;
  padding: 15px 5px 10px;
  display: flex;
}

.wg-dd-1-list-3-0 {
  background-color: #f8f6f4;
  overflow: hidden;
}

.wg-dd-1-list-3-0.w--open {
  background-color: #e5e5e5;
}

.text-block-5-3-0 {
  text-align: center;
  letter-spacing: .5px;
  align-self: center;
  font-size: 14px;
  font-weight: 300;
  line-height: 12px;
}

.wg-dropdown-1-link-3-0 {
  color: #aaa;
  text-align: center;
  letter-spacing: .5px;
  cursor: none;
  background-color: #f8f6f4;
  border-top: 1px solid #000;
  border-bottom: 1px #000;
  padding: 10px;
  font-size: 12px;
  font-weight: 300;
  line-height: 12px;
  transition: background-color .1s;
}

.wg-dropdown-1-link-3-0:hover {
  color: #000;
  background-color: #f8f6f4;
}

.icon-2 {
  width: 12px;
  align-self: center;
  margin-top: -3px;
  margin-right: 0;
  position: relative;
}

.cursor-wrapper {
  z-index: 2147483647;
  justify-content: center;
  align-items: center;
  display: flex;
  position: fixed;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.cursor {
  width: 15px;
  height: 15px;
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/6474a3e531e9c343912b9ebb_Custom%20Cursor-inactive.svg");
  background-position: 0 0;
  background-size: auto;
  border: 1.3px solid #000;
  border-radius: 20px;
}

._w-arrow {
  width: 10px;
  align-self: center;
  margin-top: -1px;
  margin-right: 0;
  position: absolute;
  left: 32px;
}

.individual-tag:hover {
  border-bottom: 1px solid #fff;
}

.image-14 {
  z-index: 0;
  width: 35vw;
  height: auto;
  max-width: 800px;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 15%;
  right: auto;
}

.image-15 {
  width: 45vw;
  height: auto;
  max-width: 900px;
  position: absolute;
  top: 68%;
  bottom: auto;
  left: auto;
  right: 20%;
}

.image-16 {
  z-index: 0;
  width: 50vw;
  height: auto;
  max-width: 1000px;
  position: absolute;
  top: 9%;
  left: 40%;
}

.image-17 {
  width: 20vw;
  height: auto;
  max-width: 500px;
  position: absolute;
  top: 63%;
  bottom: auto;
  left: 20%;
  right: auto;
}

.images-section {
  height: 350vh;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 0%;
  padding-bottom: 3%;
  font-size: 50px;
  display: flex;
  position: relative;
}

.colour-bg {
  width: 100%;
  border-bottom: 1px solid #000;
  padding: 1rem;
  position: absolute;
}

.wb-video-styles-controller {
  width: 100%;
  max-width: 1200px;
  object-fit: cover;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding-left: 2.5%;
  padding-right: 2.5%;
  display: flex;
  position: relative;
}

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

.wrap {
  width: 95%;
  height: 100%;
  max-width: 1200px;
  object-fit: cover;
}

.html-embed {
  width: 100%;
  height: 100%;
}

.image-18 {
  width: 50vw;
  height: auto;
  max-width: 1000px;
  position: absolute;
  top: 49%;
  left: auto;
  right: 10%;
}

.image-19 {
  z-index: 2;
  width: 35vw;
  height: auto;
  max-width: 800px;
  position: absolute;
  top: 23%;
  right: 20%;
}

.image-20 {
  width: 30vw;
  height: auto;
  max-width: 800px;
  position: absolute;
  top: 95%;
  bottom: 0%;
  left: auto;
  right: 10%;
}

.image-21 {
  width: 35vw;
  height: auto;
  max-width: 800px;
  position: absolute;
  top: 42%;
  bottom: 52%;
  left: 10%;
  right: auto;
}

.image-22 {
  width: 50vw;
  height: auto;
  max-width: 800px;
  position: absolute;
  top: 25%;
  bottom: 0%;
  left: 10%;
  right: auto;
}

.image-23 {
  width: 50vw;
  height: auto;
  max-width: 1000px;
  position: absolute;
  top: 85%;
  bottom: auto;
  left: auto;
  right: auto;
}

._404-2023 {
  width: 100vw;
  height: 100vh;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: row;
  grid-template-rows: 1fr 1fr 1fr;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-items: stretch;
  display: grid;
}

.landing-page-p1-2023 {
  color: #000;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Theseasons lt, sans-serif;
  font-size: 50px;
  line-height: 55px;
}

.landing-page-link-2023 {
  color: #000;
  border-bottom: 1.5px solid #000;
  text-decoration: none;
}

.black {
  z-index: 2;
  -webkit-text-fill-color: inherit;
  mix-blend-mode: soft-light;
  background-color: #000;
  background-clip: content-box;
  padding-bottom: 0;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.link-block-2 {
  align-items: flex-end;
  display: flex;
}

.link-block-3 {
  max-width: 70px;
  margin-left: auto;
  margin-right: auto;
}

.div-block-9 {
  margin-top: auto;
  margin-bottom: auto;
}

.journal-card-tag-post {
  z-index: 2;
  text-transform: uppercase;
  font-family: Overpass, sans-serif;
  font-size: 12px;
  position: relative;
}

.image-26 {
  z-index: 2;
  width: 100%;
  height: 100%;
  min-width: 100%;
  object-fit: cover;
  margin-top: -2px;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.required-fields {
  color: #aaa;
  text-align: right;
  font-size: 13px;
}

.currently-showing {
  display: none;
}

.cc-logo {
  height: 50px;
  align-self: flex-start;
  margin-bottom: 30px;
}

.cc-form-p {
  margin-top: 10px;
}

.cc-illust {
  width: 200px;
  position: absolute;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.div-block-10 {
  display: flex;
}

.search-bar-wrapper {
  width: 100%;
  overflow: hidden;
}

.form {
  display: flex;
}

.text-field:active, .text-field:focus {
  border-bottom-color: #000;
}

.text-field:focus-visible {
  border-bottom-color: #000;
}

.text-field[data-wf-focus-visible] {
  border-bottom-color: #000;
}

.search-icon {
  background-color: rgba(0, 0, 0, 0);
  background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/64e367add57403710ee06709_Search%20icon.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 40%;
  background-attachment: scroll;
  border-bottom: 1px solid #000;
  padding: 0 22px;
}

.search-bar {
  width: 30%;
  margin-left: auto;
}

.afg-nav-logo {
  width: auto;
  height: 35px;
  align-self: center;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.afg-nav-logo-link {
  width: 206px;
  height: 35px;
  justify-content: center;
  align-self: center;
  display: flex;
  position: relative;
}

.afg-nav {
  z-index: 900;
  background-color: #f8f6f4;
  position: fixed;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.afg-nav-container {
  z-index: 100;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 50px 1fr 50px;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  margin: 25px 40px;
  display: grid;
  position: relative;
}

.afg-hero {
  height: 105vh;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-bottom: 5%;
  padding-left: 5%;
  padding-right: 5%;
  display: flex;
}

.arrow-afg {
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
  position: absolute;
  top: auto;
  bottom: 10%;
}

.afg-hero-h {
  width: 18em;
  text-align: center;
  margin-top: 0;
  font-family: Theseasons lt, sans-serif;
  font-size: 30px;
  line-height: 40px;
}

.afg-hero-div {
  flex-direction: column;
  align-items: center;
  margin-top: 20px;
  display: flex;
}

.afg-list-p {
  margin-top: 5px;
  margin-bottom: 5px;
  font-weight: 300;
}

.afg-intro-h {
  margin-top: 0;
  margin-bottom: 20px;
  font-family: Theseasons lt, sans-serif;
  font-size: 30px;
  line-height: 40px;
}

.afg-intro-div {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.afg-intro-list {
  margin-bottom: 0;
  padding-left: 0;
}

.afg-packs {
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  margin-top: 5vw;
  padding: 15vw 15vw 0;
  display: flex;
}

.afg-packs-p {
  width: 40em;
  text-align: center;
}

.afg-packs-text-div {
  flex-direction: column;
  align-items: center;
  display: flex;
  position: relative;
}

.afg-packs-grid-desktop {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border: .5px solid #000;
  grid-template-rows: auto auto auto auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-flow: column;
  margin-top: 5vw;
  display: none;
}

.afg-packs-grid-block {
  border: 1px solid #000;
  border-top-style: none;
  justify-content: space-between;
  padding: 2vw;
  display: flex;
}

.afg-packs-grid-h {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Theseasons lt, sans-serif;
}

.afg-packs-grid-h._2 {
  max-width: 700px;
}

.afg-packs-h {
  z-index: 1;
  text-align: center;
  background-color: #f8f6f4;
  align-self: stretch;
  margin-top: 0;
  margin-bottom: 20px;
  font-family: Theseasons lt, sans-serif;
  font-size: 35px;
  line-height: 48px;
  position: static;
  top: 80px;
  bottom: 75px;
}

.afg-packs-grid-spacer {
  height: 5vh;
  display: none;
}

.afg-eligibility {
  grid-column-gap: 7vw;
  grid-row-gap: 5vw;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding: 20vw 15vw 10vw;
  display: grid;
}

.afg-eligibility-p2 {
  margin-top: 20px;
  font-size: 13px;
  font-style: italic;
  font-weight: 200;
  line-height: 20px;
}

.afg-accordion-trigger {
  width: 100%;
  max-width: none;
  text-align: left;
  cursor: pointer;
  border-radius: .5px;
  flex-direction: row;
  flex: 0 auto;
  justify-content: space-between;
  align-self: stretch;
  align-items: center;
  margin-top: 0;
  padding: 20px 0;
  display: flex;
  position: relative;
}

.afg-accordion-rich-text {
  margin-bottom: 30px;
  font-size: 14px;
  display: block;
}

.afg-accordion-content {
  z-index: 2;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  text-align: left;
  background-color: rgba(0, 0, 0, 0);
  grid-template-rows: 1fr 30px;
  grid-template-columns: .6fr 30px 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-self: flex-start;
  align-items: stretch;
  justify-items: stretch;
  display: block;
  position: relative;
  overflow: hidden;
}

.afg-accordion-wrapper {
  width: 100%;
  border-top: 1px solid #000;
  flex-direction: column;
  display: flex;
  overflow: hidden;
}

.afg-accordion-h {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Theseasons lt, sans-serif;
  font-size: 20px;
  line-height: 28px;
}

.afg-eligibility-dd {
  padding-top: 64px;
}

.afg-subdd-trigger {
  text-align: left;
  cursor: pointer;
  flex-direction: row;
  flex: 0 auto;
  justify-content: flex-start;
  align-self: flex-start;
  align-items: center;
  margin-top: 0;
  padding: 5px 5px 5px 0;
  display: flex;
  position: relative;
}

.subdd-plus-wrapper {
  width: 20px;
  height: 20px;
  cursor: pointer;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 3px;
  margin-left: 5px;
  display: flex;
}

.afg-subdd-h {
  font-size: 14px;
  font-weight: 600;
  line-height: 22px;
}

.subdd-plus-line-v {
  width: 1px;
  height: 10px;
  background-color: #000;
  position: absolute;
}

.subdd-plus-line-h {
  width: 10px;
  height: 1px;
  background-color: #000;
}

.afg-subdd-content {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  text-align: left;
  background-color: rgba(0, 0, 0, 0);
  grid-template-rows: 1fr 30px;
  grid-template-columns: .6fr 30px 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-self: flex-start;
  align-items: stretch;
  justify-items: stretch;
  display: block;
  position: static;
  overflow: hidden;
}

.afg-subdd-list {
  margin-bottom: 10px;
  padding-left: 0;
}

.afg-subdd-list-p {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 13px;
  line-height: 20px;
}

.afg-subdd-wrapper {
  z-index: 5;
  flex-direction: column;
  display: flex;
  overflow: hidden;
}

.afg-subdd {
  padding-bottom: 30px;
}

.afg-timeline-p2 {
  text-align: center;
  margin-top: 20px;
  font-size: 13px;
  font-style: italic;
  font-weight: 200;
  line-height: 20px;
}

.afg-timeline-grid {
  grid-column-gap: 30px;
  grid-row-gap: 0px;
  grid-template-rows: auto auto auto auto;
  grid-template-columns: 1fr 20px 1fr;
  grid-auto-flow: column;
  margin-top: 2vw;
  margin-bottom: 2vw;
}

.timeline-p-l {
  text-align: right;
  align-self: center;
}

.timeline-p-r {
  align-self: center;
}

.timeline-dot {
  width: 6px;
  height: 6px;
  background-color: #000;
  border-radius: 6px;
  position: absolute;
}

.timeline-line {
  width: 1px;
  height: 5vw;
  max-height: 100px;
  min-height: 100%;
  background-color: #000;
}

.timeline-line.first {
  height: 12vw;
  max-height: 100px;
  background-color: rgba(0, 0, 0, 0);
  background-image: linear-gradient(rgba(0, 0, 0, 0), #000);
}

.timeline-line.last {
  background-color: rgba(0, 0, 0, 0);
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0), #000);
}

.timeline-line-dot-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.afg-quote {
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: flex-start;
  padding: 10vw 15vw;
  display: flex;
}

.afg-quote-p {
  width: auto;
  max-width: 23em;
  text-align: left;
  border: 1px #000;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 3vw;
  font-family: Theseasons lt, sans-serif;
  font-size: 36px;
  line-height: 48px;
}

.afg-cta {
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  padding: 10vw 15vw;
  display: flex;
}

.afg-cta-h {
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Theseasons lt, sans-serif;
  font-size: 30px;
  line-height: 40px;
}

.afg-about {
  border-top: 1px solid #000;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  margin-left: 15vw;
  margin-right: 15vw;
  padding-top: 10vw;
  padding-bottom: 10vw;
  display: flex;
  position: relative;
}

.afg-about-logo {
  width: auto;
  height: 35px;
  align-self: center;
  margin-bottom: 2vw;
}

.afg-about-p {
  width: 40em;
  text-align: center;
}

.image-27 {
  width: 80px;
  height: auto;
}

.div-block-11 {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.footer-text-wrapper {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  justify-content: space-between;
  display: flex;
}

.hero-illust-img-wrapper {
  width: auto;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  overflow: hidden;
}

.afg-how-it-works {
  width: 70%;
  height: auto;
}

.afg-who-is-it-for {
  width: 75%;
  height: auto;
}

.afg-timeline-img-r {
  width: 16vw;
  order: 0;
  margin-left: 2vw;
  display: block;
}

.afg-timeline-wrapper-l {
  flex-direction: row;
  justify-content: flex-end;
  display: flex;
}

.afg-timeline-wrapper-r {
  flex-direction: row;
  justify-content: space-between;
  display: flex;
}

.nav-link {
  color: #1a1b1f;
  letter-spacing: .25px;
  margin-left: 5px;
  margin-right: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 14px;
  line-height: 20px;
  text-decoration: none;
}

.nav-link:hover {
  color: rgba(26, 27, 31, .75);
}

.nav-link:focus-visible {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 4px;
  outline: 2px solid #0050bd;
}

.nav-link[data-wf-focus-visible] {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 4px;
  outline: 2px solid #0050bd;
}

.section-indicator {
  z-index: 1000;
  width: 10vw;
  height: auto;
  background-color: rgba(0, 0, 0, 0);
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding-left: 1vw;
  display: flex;
  position: fixed;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: auto;
}

.text-menu-link {
  opacity: 1;
  color: #000;
  text-decoration: none;
  transition: all .3s;
  display: inline;
}

.text-menu-link.w--current {
  opacity: 1;
}

.afg_timeline {
  max-width: 100vw;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  padding: 10vw 15vw 7vw;
  display: flex;
  position: relative;
}

.nav-menu-2 {
  justify-content: space-around;
  align-items: flex-end;
  margin-top: 5px;
  margin-bottom: 0;
  padding-bottom: 0;
  padding-left: 0;
  display: flex;
}

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

.italic-text {
  margin-left: 20px;
}

.quote-wrapper {
  border-left: 2px solid #000;
}

.afg-packs-grid-dd {
  width: 100%;
  grid-column-gap: 0px;
  grid-row-gap: 3vw;
  flex-direction: column;
  grid-template-rows: auto auto auto auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-flow: column;
  margin-top: 5vw;
  display: flex;
}

.afg-packs-accordion-wrapper {
  position: relative;
}

.afg-packs-accordion-trigger {
  cursor: pointer;
  border: 1px solid #000;
  justify-content: space-between;
  align-items: center;
  padding: 2vw;
  display: flex;
}

.plus-wrapper-packs {
  cursor: pointer;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.afg-timeline-img-l {
  width: 14vw;
  order: 0;
  margin-right: 2vw;
  display: block;
}

.afg-timeline-h {
  z-index: 1;
  text-align: center;
  background-color: #f8f6f4;
  align-self: stretch;
  margin-top: 0;
  margin-bottom: 20px;
  padding: 30px 10px 10px;
  font-family: Theseasons lt, sans-serif;
  font-size: 30px;
  line-height: 48px;
  position: -webkit-sticky;
  position: sticky;
  top: 80px;
  bottom: 75px;
}

.afg-quote-p2 {
  text-align: right;
  padding-left: 3vw;
}

.sect-indi-intro, .sect-indi-dp, .sect-indi-t, .sect-indi-e {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  opacity: 1;
  transform-origin: 0%;
  color: #000;
  letter-spacing: 0;
  text-transform: none;
  white-space: nowrap;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-top: 3px;
  font-size: 13px;
  font-weight: 300;
  display: flex;
  position: absolute;
  left: 4vw;
}

.sect-indi-circle-i {
  width: 8px;
  height: 8px;
  opacity: 1;
  outline-offset: 0px;
  background-color: rgba(0, 0, 0, 0);
  border-radius: 5px;
  outline: 1px solid #000;
}

.sect-indi-circle-i.w--current {
  opacity: 1;
  transition: all .3s;
}

.sect-indi-circle-dp {
  width: 8px;
  height: 8px;
  opacity: 1;
  outline-offset: 0px;
  background-color: rgba(0, 0, 0, 0);
  border-radius: 5px;
  outline: 1px solid #000;
}

.sect-indi-circle-dp.w--current {
  opacity: 1;
  transition: all .3s;
}

.sect-indi-circle-e {
  width: 8px;
  height: 8px;
  opacity: 1;
  outline-offset: 0px;
  background-color: rgba(0, 0, 0, 0);
  border-radius: 5px;
  outline: 1px solid #000;
}

.sect-indi-circle-e.w--current {
  opacity: 1;
  transition: all .3s;
}

.sect-indi-circle-t {
  width: 8px;
  height: 8px;
  opacity: 1;
  outline-offset: 0px;
  background-color: rgba(0, 0, 0, 0);
  border-radius: 5px;
  outline: 1px solid #000;
}

.sect-indi-circle-t.w--current {
  opacity: 1;
  transition: all .3s;
}

.sect-indi-div-i, .sect-indi-div-dp, .sect-indi-div-e, .sect-indi-div-t {
  grid-column-gap: 10px;
  flex-direction: row;
  align-items: center;
  padding: 15px;
  text-decoration: none;
  display: flex;
}

.hero-illust-wrapper {
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  padding-bottom: 20px;
  display: flex;
  position: relative;
}

.hero-illust-logo {
  z-index: 901;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 175px;
  padding: 28px 20px;
  display: flex;
  position: -webkit-sticky;
  position: sticky;
  top: 25px;
}

.hero-illust-logo-wrapper {
  z-index: 901;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.hero-illust-img {
  z-index: 2;
  width: 600px;
  min-width: 600px;
  padding-right: 10px;
}

.image-33 {
  height: 35px;
}

.indent {
  margin-left: -14px;
  margin-right: 5px;
}

.grid-3 {
  grid-column-gap: 7vw;
  grid-row-gap: 5vw;
  grid-auto-flow: column;
}

.afg-intro {
  padding: 7vw 15vw;
}

.ec-plus-line-h {
  width: 15px;
  height: 1px;
  background-color: #000;
}

.ec-plus-line-v {
  width: 1px;
  height: 15px;
  background-color: #000;
  position: absolute;
}

@media screen and (min-width: 1280px) {
  .hp-hero {
    height: 100vh;
  }

  .work-overview-section {
    overflow: hidden;
  }

  .arrow-hero {
    bottom: 5%;
  }

  .burger-close-wrapper {
    cursor: pointer;
  }

  .our-people-section {
    align-self: stretch;
  }

  .team-wrapper {
    max-width: 1100px;
    min-width: 1100px;
    grid-template-columns: 33% 33% 1fr;
  }

  .ttp-video {
    width: 95%;
    max-width: 1200px;
  }

  .collection-list-wrapper {
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    display: flex;
  }

  .collection-item-3 {
    max-width: 900px;
  }

  .collection-list-wrapper-2 {
    width: auto;
  }

  .collection-list-wrapper-3 {
    align-self: center;
  }

  .project-card-content-wrapper {
    flex-direction: column;
    display: flex;
  }

  .accordion-content {
    max-width: 80%;
  }

  .insights-collection-wrapper {
    width: auto;
  }

  .insights-spotlight-wrapper {
    align-self: center;
  }

  .afg-accordion-content {
    max-width: 90%;
  }

  .afg-subdd-content {
    max-width: 80%;
  }

  .afg-quote-p {
    margin-bottom: 0;
  }

  .section-indicator {
    z-index: 2;
    background-color: rgba(0, 0, 0, 0);
  }
}

@media screen and (min-width: 1440px) {
  .p1---black {
    font-size: 26px;
    line-height: 40px;
  }

  .p2---black {
    font-size: 18px;
    line-height: 28px;
  }

  .button---black {
    font-size: 20px;
  }

  .p1---white {
    font-size: 26px;
    line-height: 40px;
  }

  .button---white {
    font-size: 20px;
  }

  .testimonial-p {
    font-size: 19px;
    line-height: 29px;
  }

  .contact-form-grid {
    grid-template-columns: 1fr 1fr;
  }

  .services-p1 {
    font-size: 16px;
  }

  .h2---black {
    font-size: 32px;
    line-height: 32px;
  }

  .team-p {
    font-size: 18px;
    line-height: 28px;
  }

  .contact-h---black {
    font-size: 26px;
    line-height: 40px;
  }

  .contact-form-text-field---black {
    font-size: 16px;
    line-height: 22px;
  }

  .team-bold-text {
    font-size: 20px;
    line-height: 32px;
  }

  .about-p2---black {
    font-size: 18px;
    line-height: 28px;
  }

  .latest-works-p {
    font-size: 17px;
    line-height: 22px;
  }

  .latest-works-button {
    font-size: 17px;
  }

  .h1-2023.hero {
    font-size: 60px;
    line-height: 66px;
  }

  .h2-2023.center-aligned.mobile-8em {
    font-size: 40px;
    line-height: 50px;
  }

  .primary-button.load-more {
    align-self: center;
  }

  .project-card {
    height: 60vh;
  }

  .ig-grid {
    max-width: 900px;
  }

  .approach-content-grid {
    max-height: 3000px;
  }

  .ttp-video {
    width: 85vw;
    max-width: 1200px;
  }

  .tabs-menu {
    width: auto;
    max-width: 1500px;
    align-self: center;
    margin-left: auto;
    margin-right: auto;
  }

  .services-text {
    padding-right: 5rem;
  }

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

  .journal.section {
    display: flex;
  }

  .subheader-hero {
    font-size: 16px;
  }

  .ig-collection {
    justify-content: center;
    display: flex;
  }

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

  .accordion-trigger {
    max-width: none;
  }

  .work-load-more-button.load-more, .insights-load-more-button.load-more {
    align-self: center;
  }

  .afg-packs {
    grid-column-gap: 10vw;
  }

  .afg-packs-grid-desktop {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .afg-eligibility {
    grid-column-gap: 10vw;
  }

  .afg-accordion-trigger, .afg-subdd-trigger {
    max-width: none;
  }

  .afg-quote {
    grid-column-gap: 10vw;
  }

  .afg-quote-p {
    max-width: 32em;
    padding-left: 2.5vw;
  }

  .afg-cta {
    grid-column-gap: 10vw;
  }

  .afg-about {
    grid-column-gap: 10vw;
    padding-bottom: 5vw;
  }

  .afg_timeline {
    grid-column-gap: 10vw;
  }

  .afg-packs-grid-dd {
    width: 50vw;
  }

  .afg-quote-p2 {
    padding-left: 2vw;
  }

  .grid-3 {
    grid-column-gap: 10vw;
  }
}

@media screen and (min-width: 1920px) {
  p {
    font-size: 17px;
    line-height: 25px;
  }

  .desktop-nav-sub-grid {
    grid-template-columns: auto auto auto auto auto;
  }

  .h1-2023 {
    font-size: 60px;
    line-height: 66px;
  }

  .h1-2023.hero {
    font-size: 80px;
    line-height: 88px;
  }

  .h1-2023.page-hero, .h1-2023.approach-number {
    font-size: 60px;
    line-height: 66px;
  }

  .h1-2023.approach {
    font-size: 60px;
    line-height: 66px;
    top: 250px;
  }

  .h2-2023, .h2-2023.center-aligned {
    font-size: 40px;
    line-height: 50px;
  }

  .h2-2023.faq {
    font-size: 30px;
    line-height: 38px;
  }

  .primary-button {
    border-radius: 40px;
    padding: 12px 20px 10px;
    font-size: 16px;
    line-height: 25px;
  }

  .project-card.work-page {
    margin-bottom: 0;
  }

  .blur-overlay._2 {
    background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/6422efdfc0fe994aebd6c4f3_Case-Study-footer-mask.svg");
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: 100vw;
    background-attachment: scroll;
  }

  .client-name {
    font-size: 16px;
    line-height: 22px;
  }

  .project-description {
    font-size: 500%;
  }

  .project-description.work-page {
    font-size: 400%;
    line-height: 120%;
  }

  .project-button.text, .text-field {
    font-size: 16px;
    line-height: 22px;
  }

  .credits {
    font-size: 14px;
    line-height: 22px;
  }

  .footer-links {
    font-size: 14px;
  }

  .h4-2023 {
    font-size: 24px;
  }

  .h4-2023.cc {
    font-size: 24px;
    line-height: 32px;
  }

  .burger-menu-wrapper {
    object-fit: cover;
  }

  .page-name, .page-name.mission-and-vision {
    font-size: 16px;
    line-height: 22px;
  }

  .filters-wrapper {
    width: 15vw;
  }

  .filters-wrapper.journal {
    flex-direction: column;
  }

  .filter-link-2023 {
    font-size: 16px;
    line-height: 22px;
  }

  .approach-content-grid {
    align-self: center;
  }

  .approach-content {
    grid-template-columns: auto 30px minmax(300px, 350px);
    top: 600px;
  }

  .approach-text h2 {
    font-size: 36px;
    line-height: 42px;
  }

  .approach-text p {
    font-size: 16px;
    line-height: 22px;
  }

  .ttp-video {
    width: 95%;
    height: 40vw;
  }

  .tabs, .service-tab-pane {
    max-width: 1500px;
  }

  .service-tab-wrapper {
    justify-content: space-around;
    display: flex;
  }

  .services-text {
    align-self: center;
    padding-right: 0;
  }

  .image-9 {
    width: 50%;
    height: 38vw;
  }

  .tabs-content {
    max-width: 1500px;
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .journal {
    flex-direction: row;
    align-items: flex-start;
  }

  .journal-card.journal-page {
    max-width: 1200px;
    align-self: stretch;
    margin-bottom: 0;
  }

  .journal-text-wrapper.hero {
    width: 40%;
  }

  .journal-card-tag {
    font-size: 14px;
    line-height: 22px;
  }

  .journal-card-date.hero {
    font-size: 40px;
    line-height: 50px;
  }

  .journal-card-description {
    font-size: 16px;
    line-height: 22px;
  }

  .journal-button {
    margin-top: 0;
  }

  .contact-div._1 {
    max-width: 470px;
  }

  .contact-form-field {
    font-size: 14px;
    line-height: 22px;
  }

  .contact-form-block {
    max-width: 1000px;
    min-width: 800px;
    flex: 1;
    align-self: center;
  }

  .back-to-top-text {
    font-size: 14px;
  }

  .collection-item-3 {
    max-width: none;
    display: flex;
  }

  .insights-block-content {
    font-size: 16px;
    line-height: 24px;
  }

  .insights-block-content h3 {
    font-size: 24px;
    line-height: 34px;
  }

  .hero-animation {
    display: none;
  }

  .subheader-hero {
    font-size: 18px;
  }

  .project-card-content-wrapper {
    min-width: 1200px;
  }

  .collection-item-5 {
    flex-direction: column;
    display: flex;
  }

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

  .accordion-trigger {
    max-width: none;
  }

  .insights-collection {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    margin-bottom: 2rem;
    display: grid;
  }

  .journal-card-description-mobile {
    font-size: 14px;
  }

  .cc-wrapper {
    grid-template-columns: 1fr .6fr;
  }

  .button-2023 {
    font-size: 16px;
  }

  .faq-answer, .p, .rich-text-block, .text-block-9, .bold-text, .services-p {
    font-size: 16px;
    line-height: 22px;
  }

  .text-block-11 {
    font-size: 14px;
    line-height: 22px;
  }

  .bold-text-2 {
    font-size: 16px;
    line-height: 22px;
  }

  .approach-title-wrapper {
    align-self: center;
    top: 0%;
    bottom: 600px;
    left: 0%;
    right: auto;
  }

  .image-15 {
    max-width: 700px;
  }

  .image-16 {
    max-width: 1000px;
  }

  .image-17 {
    max-width: 400px;
    left: 30%;
  }

  .images-section {
    height: 450vh;
  }

  .image-18 {
    right: 20%;
  }

  .image-19 {
    max-width: 600px;
  }

  .image-20 {
    max-width: 500px;
  }

  .image-21 {
    max-width: 600px;
    left: 20%;
  }

  .image-22, .image-23 {
    max-width: 800px;
  }

  .journal-card-tag-post {
    font-size: 14px;
    line-height: 22px;
  }

  .afg-hero {
    max-width: none;
    min-width: auto;
  }

  .afg-hero-h {
    font-size: 40px;
    line-height: 55px;
  }

  .afg-list-p {
    font-size: 17px;
    line-height: 25px;
  }

  .afg-intro-h {
    font-size: 50px;
    line-height: 60px;
  }

  .afg-packs-p {
    font-size: 17px;
    line-height: 25px;
  }

  .afg-packs-grid-h {
    font-size: 34px;
    line-height: 44px;
  }

  .afg-packs-h {
    font-size: 50px;
    line-height: 60px;
  }

  .afg-eligibility-p2 {
    font-size: 15px;
    line-height: 22px;
  }

  .afg-accordion-trigger {
    max-width: none;
  }

  .afg-accordion-h {
    font-size: 24px;
    line-height: 32px;
  }

  .afg-subdd-trigger {
    max-width: none;
  }

  .afg-subdd-h {
    font-size: 16px;
    line-height: 24px;
  }

  .afg-subdd-list-p, .afg-timeline-p2 {
    font-size: 15px;
    line-height: 22px;
  }

  .timeline-p-l, .timeline-p-r {
    font-size: 17px;
    line-height: 25px;
  }

  .afg-quote-p {
    padding-left: 2vw;
    font-size: 40px;
    line-height: 54px;
  }

  .afg-cta-h {
    font-size: 40px;
    line-height: 50px;
  }

  .afg-about-p {
    font-size: 17px;
    line-height: 25px;
  }

  .afg-how-it-works {
    width: 52%;
  }

  .afg-who-is-it-for {
    width: 55%;
  }

  .afg-packs-grid-dd {
    grid-row-gap: 2vw;
  }

  .afg-timeline-h {
    font-size: 50px;
    line-height: 60px;
  }
}

@media screen and (max-width: 991px) {
  .nav-text {
    font-size: 14px;
  }

  .logo-animation-block {
    height: 95vh;
    object-fit: fill;
  }

  .home-intro-grid {
    grid-template-columns: 45% 5% 50%;
  }

  .p1---black {
    margin-right: 0;
    font-size: 18px;
    line-height: 28px;
  }

  .white-block, .black-block {
    padding: 10% 50px;
  }

  .logo-wall-grid {
    grid-row-gap: 50px;
    grid-template-rows: auto auto auto;
    grid-template-columns: 50% 50%;
  }

  .p1---white {
    margin-right: 20px;
    font-size: 18px;
    line-height: 30px;
  }

  .logo-wall-subgrid {
    margin-top: 40px;
  }

  .logo-wall-logo---large {
    width: 130px;
  }

  .contact-grid {
    grid-row-gap: 50px;
    grid-template-columns: 50% 50%;
  }

  .contact-form-text-field---white {
    border-radius: 0;
  }

  .contact-submit-button---white {
    font-weight: 300;
    line-height: 24px;
  }

  .footer-grid {
    grid-template-columns: 40% 20% 40%;
  }

  .footer-subgrid {
    grid-column-gap: 30px;
  }

  .logo-wall-logo---small {
    width: 100px;
  }

  .mobile-nav-block, .mobile-nav-menu {
    display: none;
  }

  .page-header-block {
    padding: 10% 50px 0%;
  }

  .services-grid {
    grid-row-gap: 50px;
    grid-template-rows: auto auto;
    grid-template-columns: 50% 50%;
  }

  .team-grid {
    grid-column-gap: 30px;
    grid-row-gap: 80px;
    grid-template-rows: auto auto auto auto;
    grid-template-columns: auto;
  }

  .team-subgrid {
    grid-template-rows: auto max-content;
    grid-template-columns: 35vw auto;
  }

  .contact-block---black, .contact-block---white {
    padding: 10% 50px;
  }

  .contact-h---black {
    margin-right: 0;
    font-size: 18px;
    line-height: 30px;
  }

  .contact-form-text-field---black {
    border-radius: 0;
  }

  .contact-submit-button---black {
    line-height: 24px;
  }

  .our-process-gif-block {
    height: 60vh;
    object-fit: fill;
  }

  .work-block-link {
    height: 25vw;
  }

  .work-block-p {
    margin-left: 10px;
    margin-right: 10px;
    font-size: 16px;
    line-height: 22px;
    display: block;
  }

  .spacer {
    height: 5vw;
  }

  .cs-text-block-3-7 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    margin-top: 5vh;
    margin-bottom: 5vh;
  }

  .cs-h1---black {
    margin-right: 0;
    font-size: 30px;
    line-height: 40px;
  }

  .cs-block {
    padding: 50px;
  }

  .cs-h2---black {
    margin-right: 0;
    font-size: 20px;
    line-height: 30px;
  }

  .cs-top-bar {
    margin-bottom: 10vh;
  }

  .previous-block {
    padding-left: 15px;
  }

  .next-block {
    padding-right: 15px;
  }

  .tct-grid-1, .tct-grid-2 {
    grid-column-gap: 5vw;
    grid-row-gap: 5vw;
  }

  .cs-p-link {
    font-size: 16px;
    line-height: 24px;
    text-decoration: underline;
  }

  .pa-image---brochure {
    height: 60vw;
  }

  .pa-bgv-1 {
    height: 40vw;
  }

  .pa-grid-1 {
    grid-column-gap: 5vw;
    grid-row-gap: 5vw;
  }

  .pa-grid-2 {
    height: 40vw;
    grid-column-gap: 5vw;
    grid-row-gap: 5vw;
  }

  .line {
    margin-left: 50px;
    margin-right: 50px;
  }

  .footer-link {
    font-size: 13px;
    line-height: 22px;
  }

  .db-slider {
    height: 50vw;
  }

  .contact-link {
    font-size: 16px;
    line-height: 26px;
  }

  .contact-page-block {
    grid-column-gap: 50px;
    padding: 10% 0 10% 50px;
  }

  .work-block-black {
    height: 25vw;
  }

  .collection-list {
    grid-column-gap: 3vw;
    grid-row-gap: 3vw;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
  }

  .work-block-thumbnail {
    height: 25vw;
  }

  .filter-h {
    margin-right: 0;
    font-size: 20px;
    line-height: 30px;
  }

  .team-photo---maria, .team-photo---yu-ting, .team-photo---evelyn {
    width: 30vw;
    height: 40vw;
  }

  .work-filter {
    padding-top: 50px;
    padding-left: 50px;
    padding-right: 50px;
  }

  .work-block {
    padding: 0% 50px 50px;
  }

  .contact-p2---black {
    margin-top: 100px;
  }

  .journal-collection-list {
    grid-template-columns: 1fr 1fr 1fr;
  }

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

  .journal-line {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0%;
    padding-right: 0%;
  }

  .journal-block {
    padding-bottom: 10%;
    padding-left: 50px;
    padding-right: 50px;
  }

  .prev-next-journal-grid, .ig-block {
    padding: 10% 50px;
  }

  .cs---aqcent-logo {
    height: 40vw;
    background-size: 120vw;
  }

  .db-grid-1 {
    grid-column-gap: 5vw;
    grid-row-gap: 5vw;
  }

  .db-grid-2 {
    height: 50vw;
    grid-column-gap: 5vw;
    grid-row-gap: 5vw;
  }

  .wfh-grid-1 {
    grid-column-gap: 0vw;
    grid-row-gap: 0vw;
  }

  .wfh-instructions-grid {
    grid-column-gap: 5vw;
    grid-row-gap: 2vw;
    grid-template-rows: auto auto 2vw auto auto 2vw auto auto;
    grid-template-columns: 1fr;
    margin-top: 5vh;
    margin-bottom: 5vh;
  }

  .casacun-logo-slider {
    height: 40vw;
  }

  .before-after-grid {
    grid-column-gap: 5vw;
    grid-row-gap: 5vw;
  }

  .casacun-slider-2 {
    height: 50vw;
  }

  .pa-bgv-2 {
    height: 40vw;
  }

  .see-similar-works {
    text-align: right;
  }

  .cs-breadcrumb-link {
    font-size: 16px;
    line-height: 26px;
  }

  .db-video-3 {
    height: 50vw;
    margin-left: 0;
    margin-right: 0;
  }

  .cs-line {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0%;
    padding-right: 0%;
  }

  .cs---bud-logo {
    height: 40vw;
    background-size: 110vw;
  }

  .cs-text-block-4-6 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    margin-top: 5vh;
    margin-bottom: 5vh;
  }

  .ss-grid-1 {
    grid-column-gap: 5vw;
    grid-row-gap: 5vw;
  }

  .about-page-block {
    grid-template-rows: auto auto auto auto;
    padding: 10% 50px;
  }

  .about-p2---black {
    margin-top: 60px;
    margin-right: 0;
  }

  .about-image {
    height: 50vw;
    margin-top: 50px;
  }

  .aw-slider, .fennel-slider {
    height: 50vw;
  }

  .fennel-grid-1 {
    grid-column-gap: 5vw;
    grid-row-gap: 5vw;
  }

  .aqilliz-slider {
    height: 70vw;
  }

  .tgc-grid-1 {
    grid-column-gap: 5vw;
    grid-row-gap: 5vw;
  }

  .milestone-slider {
    height: 50vw;
  }

  .casacun-grid-1 {
    grid-column-gap: 5vw;
    grid-row-gap: 5vw;
  }

  .olivia-slider-1 {
    height: 60vw;
  }

  .olivia-slider-2 {
    height: 50vw;
  }

  .anqlave-grid-1 {
    grid-column-gap: 0vw;
    grid-row-gap: 0vw;
  }

  .body {
    background-repeat: no-repeat;
  }

  .landing-page-big-block {
    height: 90vh;
  }

  .landing-page-logo {
    height: 30px;
  }

  .landing-page-p1 {
    font-size: 18px;
    line-height: 26px;
  }

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

  .landing-page-icon {
    height: 15px;
  }

  .pollen-slider, .pom-logo-slider {
    height: 50vw;
  }

  .pom-grid-1 {
    grid-column-gap: 5vw;
    grid-row-gap: 5vw;
    grid-template-columns: auto 35vw;
  }

  .ff18-grid-1 {
    grid-column-gap: 5vw;
    grid-row-gap: 5vw;
    grid-template-columns: auto auto;
  }

  .ff18-hover-image {
    height: 55vw;
  }

  .bw-grid-1, .bw-grid-2 {
    grid-column-gap: 5vw;
    grid-row-gap: 5vw;
    grid-template-columns: auto auto;
  }

  ._3-col-grid {
    grid-column-gap: 5vw;
    grid-row-gap: 5vw;
    grid-template-columns: auto auto auto;
  }

  .ids-grid-1, .eq-grid-1 {
    grid-column-gap: 5vw;
    grid-row-gap: 5vw;
    grid-template-columns: auto auto;
  }

  .archibald-slider-1 {
    height: 50vw;
  }

  .archibald-slider-2 {
    height: 55vw;
  }

  .upstay-hover-image-2 {
    height: 50vw;
  }

  .upstay-grid-1, .ss-grid-2 {
    grid-column-gap: 5vw;
    grid-row-gap: 5vw;
  }

  .bud-icon-1, .bud-icon-2, .bud-icon-3 {
    background-size: 70%;
  }

  .moody-nails-italic-text {
    margin-top: 20px;
  }

  .down-arrow-block {
    height: 0;
    bottom: 5vh;
  }

  .home-down-arrow {
    width: 5vw;
  }

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

  .background-video-6 {
    height: 60vw;
  }

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

  .rica-image-1, .rica-image-2 {
    height: 50vw;
  }

  .rica-grid-1 {
    grid-column-gap: 5vw;
    grid-row-gap: 5vw;
  }

  .rica-image-3, .rica-image-4 {
    height: 50vw;
  }

  .rica-logo-slider, .cg-logo-slider {
    height: 40vw;
  }

  .journal-main-page-p {
    margin-right: 0;
  }

  .x-logo-slider {
    height: 40vw;
  }

  .x-grid-0 {
    grid-column-gap: 5vw;
    grid-row-gap: 5vw;
  }

  .x-hover-image-0 {
    height: 60vw;
  }

  .x-slider-0 {
    height: 50vw;
  }

  .background-video-7 {
    height: 60vw;
  }

  .background-video-8, .background-video-9, .bud-image-1 {
    height: 80vw;
  }

  .cs-text-block-2-8 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-columns: 25% 70%;
    margin-top: 5vh;
    margin-bottom: 5vh;
  }

  .wg-dropdown-1 {
    margin-top: auto;
    margin-bottom: auto;
  }

  .wg-dd-1-togle {
    margin-top: 0;
  }

  .text-block-5 {
    padding-top: 4px;
  }

  .uncommon-logo-slider {
    height: 40vw;
  }

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

  .uncommon-image-1, .uncommon-image-5 {
    height: 50vw;
  }

  .uncommon-grid-3 {
    grid-column-gap: 5vw;
    grid-row-gap: 5vw;
  }

  .uncommon-image-6, .uncommon-image-7 {
    height: 50vw;
  }

  .cs-brand-guide-grid {
    grid-column-gap: 3vw;
    grid-row-gap: 3vw;
  }

  .uncommon-image-8 {
    height: 60vw;
  }

  .kalibra-slider {
    height: 50vw;
  }

  .school-in-slider {
    height: 60vw;
  }

  .school-in-slide-1, .school-in-slide-2 {
    background-position: 50% 60%;
    background-size: 110vw;
  }

  .school-in-slide-2-3 {
    background-size: 120vw;
  }

  .school-in-slide-4, .school-in-slide-5, .school-in-slide-6 {
    background-position: 50% 60%;
    background-size: 110vw;
  }

  .school-in-slide-2-1 {
    background-size: 120vw;
  }

  .school-in-slider-2 {
    height: 80vw;
  }

  .school-in-slide-2-2 {
    background-size: 120vw;
  }

  .school-in-slide-3-1 {
    background-position: 50%;
    background-size: 150vw;
  }

  .school-in-slider-3 {
    height: 80vw;
  }

  .school-in-slide-3-2 {
    background-size: 150vw;
  }

  .school-in-slide-3-3 {
    background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/6018c5a5bcd94f50df91dd86_SCHOOLIN_LI_03.jpg");
    background-size: 150vw;
  }

  .school-in-slide-3-4 {
    background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/6018c5a49614ecdccb856e59_SCHOOLIN_LI_04.jpg");
    background-size: 150vw;
  }

  .school-in-slide-3 {
    background-position: 50% 60%;
    background-size: 110vw;
  }

  .latest-works-block {
    padding: 50px;
  }

  .latest-work-subgrid {
    grid-template-rows: max-content auto;
    grid-template-columns: 42vw auto;
  }

  .dayaway-slider {
    height: 60vw;
  }

  .dayaway-slide-1, .dayaway-slide-2, .dayaway-slide-3 {
    background-position: 50% 60%;
    background-size: 110vw;
  }

  .dayaway-image-1 {
    height: 60vw;
  }

  .dayaway-image-2 {
    height: 45vw;
  }

  .dayaway-image-3 {
    height: 60vw;
    background-size: 120vw;
  }

  .latest-work---collection-list {
    grid-column-gap: 3vw;
    grid-row-gap: 3vw;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .akuos-image-2 {
    height: 60vw;
    background-position: 60%;
    background-size: 110%;
  }

  .akuos-image-1 {
    height: 70vw;
    background-position: 60%;
    background-size: 110%;
  }

  .cata-coffee-logo-slider {
    height: 40vw;
  }

  .cata-grid-1 {
    grid-column-gap: 5vw;
    grid-row-gap: 5vw;
  }

  .celestia-grid-image-1, .celestia-grid-image-2 {
    height: 40vw;
  }

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

  .cata-image-3 {
    width: 55vw;
    height: 40vw;
  }

  .cata-image-4 {
    height: 40vw;
  }

  .cata-grid-3 {
    grid-column-gap: 5vw;
    grid-row-gap: 5vw;
  }

  .cata-video-1, .cata-video-2 {
    height: 40vw;
  }

  .cata-video-3 {
    height: 50vw;
  }

  .moom-image-1 {
    height: 55vw;
    background-size: 90vw;
  }

  .moom-slider-1 {
    height: 40vw;
  }

  .team-photo---carlota {
    width: 30vw;
    height: 40vw;
  }

  .team-name-div {
    margin-top: 0;
  }

  .cs---treedom-logo {
    height: 45vw;
  }

  .treedom-slider {
    height: 50vw;
  }

  .treedom-grid-2 {
    height: 50vw;
    grid-column-gap: 5vw;
    grid-row-gap: 5vw;
  }

  .treedom-slider-2 {
    height: 30vw;
  }

  .rockett-image-1 {
    height: 60vw;
  }

  .osv-grid-1, .osv-grid-2, .osv-grid-3, .osv-grid-4 {
    grid-column-gap: 5vw;
    grid-row-gap: 0vw;
  }

  .celestia-video-1 {
    height: 50vw;
  }

  .celestia-logo-slider {
    height: 40vw;
  }

  .celestia-image-1 {
    height: 50vw;
  }

  .celestia-grid-1 {
    grid-column-gap: 5vw;
    grid-row-gap: 5vw;
  }

  .celestia-image-2, .tt-symbol-slider, .tt-hover-logo {
    height: 50vw;
  }

  .tt-pattern-grid {
    grid-column-gap: 5vw;
    grid-row-gap: 5vw;
  }

  .cata-image-1, .cata-image-2 {
    height: 40vw;
  }

  .tt-pattern {
    height: 38vw;
  }

  .tt-image-1 {
    height: 50vw;
  }

  .logo-wall-logo---medium {
    width: 120px;
  }

  .treedom-video-1 {
    height: 50vw;
    margin-left: 0;
    margin-right: 0;
  }

  .lj-video-1, .lj-video-2 {
    height: 70vw;
    margin-left: 0;
    margin-right: 0;
  }

  .lj-slider-1 {
    height: 50vw;
  }

  .kl-logo-slider {
    height: 40vw;
  }

  .kl-image-1, .kl-image-2 {
    height: 50vw;
  }

  .kl-grid-1 {
    grid-column-gap: 5vw;
    grid-row-gap: 5vw;
  }

  .kl-image-3 {
    height: 40vw;
    background-size: 500px;
  }

  .kl-image-4 {
    height: 40vw;
  }

  .kl-slider-1 {
    height: 50vw;
  }

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

  .kl-image-5, .kl-image-6 {
    height: 40vw;
  }

  .team-photo---ryka {
    width: 30vw;
    height: 40vw;
  }

  .mk-image-1 {
    height: 60vw;
  }

  .mk-image-2 {
    height: 40vw;
    background-size: 500px;
  }

  .mk-image-3 {
    height: 40vw;
  }

  .mk-image-4, .mk-image-5 {
    height: 50vw;
  }

  .mk-image-6 {
    height: 60vw;
  }

  .mr-logo-slider {
    height: 40vw;
  }

  .mr-image {
    height: 50vw;
  }

  .mr-image-2 {
    width: 50vw;
    height: auto;
    background-size: contain;
  }

  .mr-image-3 {
    height: 50vw;
  }

  .mr-grid {
    grid-column-gap: 5vw;
    grid-row-gap: 5vw;
    grid-template-rows: 1fr 1fr;
    grid-template-columns: 2fr;
  }

  .mr-grid-2 {
    grid-column-gap: 7vw;
    grid-row-gap: 7vw;
    grid-template-rows: 1fr 1fr;
    grid-template-columns: 2fr;
  }

  .mr-image-4 {
    width: 100%;
    height: auto;
    background-size: cover;
  }

  .mr-image-5 {
    height: 50vw;
    background-size: auto 140%;
  }

  .cg2-image, .th-image, .th-video-1, .th-video-2, .cg2-video {
    height: 50vw;
  }

  .cg2-slider-1, .cg2-slider-copy {
    height: 40vw;
  }

  .greater {
    height: 50vw;
  }

  .greater-grid-1 {
    grid-column-gap: 5vw;
    grid-row-gap: 5vw;
  }

  .greater-image-grid-1, .greater-image-grid-2, .greater-illustration-slider {
    height: 40vw;
  }

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

  .greater-image-grid-3, .greater-image-grid-4 {
    height: 40vw;
  }

  .greater-image-3, .salt-video-1, .salt-video-2 {
    height: 50vw;
  }

  .salt-grid {
    grid-column-gap: 5vw;
    grid-row-gap: 5vw;
  }

  .salt-grid-image-1, .salt-grid-image-2 {
    height: 40vw;
  }

  .salt-video-3, .salt-image-1 {
    height: 50vw;
  }

  .salt-image-2 {
    height: 95vw;
  }

  .virtuaq, .flipwire, .aqui-design, .elite-sme, .ids, .twisted-thinking, .we-dance, .power-opp, .all-that-matters, .teamstreamz, .moodynails, .cavago, .compass, .onsite-health {
    padding: 50px;
  }

  .filter-link {
    column-count: 1;
    white-space: nowrap;
  }

  .pld-video-1 {
    height: 50vw;
  }

  .pld-grid-image-1, .pld-grid-image-2 {
    height: 40vw;
  }

  .pld-image-2 {
    height: 45vw;
  }

  .pld-image-4 {
    height: 50vw;
  }

  .pld-image-3 {
    width: 100vw;
  }

  .pld-logo-slider {
    height: 50vw;
  }

  .pld-slide {
    min-width: 101%;
    position: relative;
    left: -3px;
    overflow: hidden;
  }

  .ocular-video {
    height: 50vw;
  }

  .ocular-image {
    height: 45vw;
  }

  .lr-video-1, .lr-video-2 {
    height: 40vw;
  }

  .lr-image-1, .lr-image-2, .lr-image-3 {
    height: 45vw;
  }

  .lr-grid {
    grid-column-gap: 5vw;
    grid-row-gap: 5vw;
  }

  .lr-grid-image-1, .lr-grid-image-2 {
    height: 40vw;
  }

  .lr-image-4 {
    height: 45vw;
  }

  .lr-image-5 {
    height: 95vw;
  }

  .salt-image-3 {
    height: 50vw;
  }

  .pld-image-5 {
    width: 100vw;
  }

  .pld-grid, .nsc-grid-1 {
    grid-column-gap: 5vw;
    grid-row-gap: 5vw;
  }

  .pld-video-2 {
    height: 50vw;
  }

  .image-4 {
    width: 100vw;
  }

  .nsc-video {
    height: 50vw;
  }

  .join-cc-grid {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    grid-template-columns: 70vw;
    padding: 10% 50px 0%;
  }

  .h1-2023.approach-number {
    margin-top: 0;
  }

  .h1-2023.faq {
    margin-bottom: 3rem;
  }

  .h1-2023.approach {
    top: 30vw;
  }

  .h1-2023.mission {
    width: 14em;
  }

  .h2-2023.center-aligned.definition.desktop {
    width: auto;
    max-width: 50rem;
  }

  .speech-bubble {
    margin-left: 8rem;
  }

  .project-card {
    height: 40vh;
    min-height: 0;
  }

  .project-card.work-page {
    height: 30vh;
    max-height: none;
    min-height: 400px;
  }

  .project-description.work-page {
    margin-bottom: 10px;
    font-size: 50px;
    line-height: 55px;
  }

  .text-field {
    border-radius: 0;
  }

  .text-field:focus {
    border-bottom-color: #000;
  }

  .text-field:focus-visible {
    border-bottom-color: #000;
  }

  .text-field[data-wf-focus-visible] {
    border-bottom-color: #000;
  }

  .ig-grid {
    margin-left: 15%;
    margin-right: 15%;
  }

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

  .credits.right-aligned {
    text-align: left;
  }

  .h4-2023.cc {
    padding-right: 10%;
  }

  .burger-menu-wrapper {
    flex-direction: row;
    grid-template-rows: 30px auto 30px;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    padding: 32px 30px;
    display: none;
  }

  .burger-close-wrapper {
    margin-top: 2.5px;
    margin-right: 53px;
  }

  .burger-nav-link {
    margin-top: 15px;
    margin-bottom: 15px;
    margin-right: 0;
    font-size: 20px;
  }

  .nav-menu-2023 {
    width: 50px;
    height: 50px;
  }

  .divider-line.faq.qs {
    width: 90%;
  }

  .filters-wrapper {
    height: 85vh;
    overflow: scroll;
  }

  .approach-content-grid {
    grid-column-gap: 1rem;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    justify-items: center;
  }

  .approach-content {
    grid-template-rows: auto;
    grid-template-columns: 1rem 20px minmax(150px, 300px);
    top: 60vw;
  }

  .team-wrapper {
    grid-template-columns: 1fr 1fr;
  }

  .member-descritpion:hover {
    opacity: 0;
  }

  .ttp-video {
    height: 60vw;
  }

  .ttp-slider-1 {
    height: 49vw;
  }

  .ttp-slider, .ttp-slider-2 {
    min-width: 101%;
    position: relative;
    left: -3px;
    overflow: hidden;
  }

  .helex-grid {
    grid-column-gap: 5vw;
    grid-row-gap: 5vw;
  }

  .lottie-animation {
    width: 87vw;
  }

  .lottie-animation-2 {
    width: auto;
    height: 60vw;
  }

  .helex-video-2, .helex-video-1 {
    height: 50vw;
  }

  .image-7, .image-8 {
    height: 41vw;
  }

  .services-section {
    height: auto;
    position: relative;
  }

  .services-tab {
    text-align: left;
    align-self: flex-start;
    padding: 0;
    font-size: 11px;
    line-height: 14px;
  }

  .tabs {
    height: auto;
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-direction: column;
    grid-template-rows: auto;
    grid-template-columns: 30vw 1fr;
    grid-auto-columns: 1fr;
    justify-content: space-between;
    align-items: flex-start;
    display: flex;
  }

  .tabs-menu {
    z-index: 4;
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    text-align: left;
    border-right: 1px #000;
    flex-direction: column;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: flex-start;
    align-items: flex-start;
    display: grid;
    position: relative;
    top: auto;
    bottom: 0%;
    left: 0%;
    right: auto;
  }

  .service-tab-wrapper {
    flex-direction: column;
    justify-content: space-between;
    margin-top: 1rem;
    display: flex;
    position: relative;
  }

  .services-text {
    text-align: left;
    align-self: center;
    margin-top: 2rem;
    margin-bottom: 2rem;
    padding-left: 1rem;
  }

  .image-9 {
    height: 45%;
  }

  .tabs-content {
    width: 100%;
    margin-top: 0%;
    position: relative;
  }

  .faq-section {
    margin-top: 5%;
  }

  .journal-card-description {
    display: none;
  }

  .contact-hero._2 {
    height: auto;
    flex-direction: column;
    justify-content: center;
    padding-top: 20vh;
  }

  .contact-buttons-div {
    grid-column-gap: 1rem;
    grid-row-gap: .5rem;
    flex-direction: column;
    align-items: flex-start;
  }

  .contact-div {
    width: 80vw;
    height: auto;
  }

  .contact-div._1 {
    width: 80vw;
    height: auto;
    max-width: none;
  }

  .contact-form-field {
    border-radius: 0;
  }

  .contact-form-field:focus {
    border-bottom-color: #000;
  }

  .contact-form-field:focus-visible {
    border-bottom-color: #000;
  }

  .contact-form-field[data-wf-focus-visible] {
    border-bottom-color: #000;
  }

  .contact-form-field.message {
    border-radius: 0;
  }

  .contact-form-block {
    margin-top: 0;
  }

  .line-2 {
    margin-left: 50px;
    margin-right: 50px;
  }

  .contact-block---white-2 {
    padding: 10% 50px;
  }

  .contact-form-text-field---black-2 {
    border-radius: 0;
  }

  .contact-h---black-2 {
    margin-right: 0;
    font-size: 18px;
    line-height: 30px;
  }

  .contact-submit-button---black-2 {
    line-height: 24px;
  }

  .tags {
    justify-content: center;
    align-items: center;
  }

  .tags.wrapper {
    width: 80%;
    flex-direction: row;
  }

  .back-to-top {
    z-index: 90;
    position: relative;
  }

  .back-to-top-2023 {
    margin-right: 2rem;
  }

  .project-page-nav-2023 {
    padding-top: 4px;
  }

  .project-page-nav-menu-2023 {
    margin-top: -3px;
    margin-right: 4px;
  }

  .project-page-footer-2023 {
    background-repeat: no-repeat;
    text-decoration: none;
  }

  .project-card-content-wrapper {
    min-width: 100%;
  }

  .accordion-trigger {
    max-width: none;
  }

  .accordion-content {
    width: 80%;
    align-self: flex-start;
    position: relative;
  }

  .accordion-wrapper {
    width: 85vw;
    align-items: center;
  }

  .journal-card-description-mobile {
    display: block;
  }

  .work-filter-mobile-2023 {
    padding-top: 50px;
    padding-left: 50px;
    padding-right: 50px;
  }

  .filter-arrow-2023 {
    height: auto;
  }

  .cc-wrapper {
    width: 90vw;
    grid-template-rows: auto 90px 90px;
  }

  .arrow-button {
    height: 90px;
  }

  .button-2023 {
    font-size: 15px;
    line-height: 15px;
  }

  .lottie-animation.desktop {
    width: 95%;
  }

  .member-name-div {
    position: relative;
  }

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

  .line {
    position: absolute;
  }

  .cursor-wrapper {
    display: none;
  }

  ._404-2023 {
    height: 90vh;
  }

  .landing-page-p1-2023 {
    font-size: 40px;
    line-height: 45px;
  }

  .cc-illust {
    width: 160px;
    margin-top: 20px;
    position: relative;
  }

  .form {
    overflow: hidden;
  }

  .search-bar {
    width: 45%;
  }

  .afg-packs {
    max-width: 100vw;
    grid-template-columns: 1fr;
    margin-left: 0;
    padding: 50px 50px 100px;
  }

  .afg-packs-p {
    width: 80vw;
  }

  .afg-packs-grid-desktop {
    margin-top: 50px;
    margin-bottom: 20px;
    display: none;
  }

  .afg-packs-grid-block {
    padding: 20px;
  }

  .afg-packs-grid-h._1, .afg-packs-grid-h._2, .afg-packs-grid-h._3 {
    width: auto;
  }

  .afg-packs-grid-spacer {
    height: 30px;
    display: block;
  }

  .afg-eligibility {
    grid-template-columns: 1fr;
    margin-left: 0;
    padding: 50px;
  }

  .afg-accordion-trigger {
    max-width: none;
  }

  .afg-accordion-content {
    width: 80%;
    align-self: flex-start;
    position: relative;
  }

  .afg-accordion-wrapper {
    width: 85vw;
    align-items: center;
  }

  .afg-eligibility-dd {
    padding-top: 0;
  }

  .afg-subdd-trigger {
    max-width: none;
  }

  .afg-subdd-content {
    width: 80%;
    align-self: flex-start;
    position: relative;
  }

  .afg-subdd-wrapper {
    width: 85vw;
    align-items: center;
  }

  .afg-timeline-grid {
    grid-column-gap: 30px;
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .timeline-p-l {
    flex-direction: column;
    order: -1;
    justify-content: flex-end;
    align-self: flex-end;
    align-items: flex-end;
    display: flex;
  }

  .timeline-p-r {
    text-align: left;
    flex-direction: column;
    order: 0;
    justify-content: flex-start;
    align-self: flex-start;
    align-items: flex-start;
    display: block;
    position: static;
  }

  .timeline-line {
    height: 70px;
  }

  .afg-quote {
    max-width: 100vw;
    grid-template-columns: 1fr;
    margin-left: 0;
    padding: 50px 50px 100px;
  }

  .afg-quote-p {
    width: auto;
    margin-bottom: 0;
    padding-left: 20px;
    font-size: 30px;
    line-height: 40px;
  }

  .afg-cta {
    grid-template-columns: 1fr;
    padding: 50px 50px 100px;
  }

  .afg-about {
    grid-template-columns: 1fr;
    margin-left: 50px;
    margin-right: 50px;
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .afg-about-logo {
    margin-bottom: 20px;
  }

  .afg-about-p {
    width: 60vw;
  }

  .footer-text-wrapper {
    justify-content: flex-start;
  }

  .afg-timeline-img-r {
    width: 30vw;
    max-width: 40vw;
    order: 1;
    margin-top: 20px;
    margin-left: 0;
    display: block;
  }

  .afg-timeline-wrapper-l {
    flex-flow: column;
    align-content: flex-end;
    align-items: flex-end;
    display: flex;
  }

  .afg-timeline-wrapper-r {
    flex-direction: column;
    align-items: flex-start;
  }

  .nav-link {
    padding-left: 5px;
    padding-right: 5px;
  }

  .section-indicator {
    z-index: 7000;
    display: none;
  }

  .afg_timeline {
    grid-template-columns: 1fr;
    padding: 50px 50px 100px;
  }

  .nav-menu-2 {
    background-color: #fff;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
    padding-left: 0;
    display: flex;
  }

  .italic-text {
    margin-left: 0;
    padding-left: 0;
  }

  .afg-packs-grid-dd {
    grid-row-gap: 30px;
    flex-direction: column;
    grid-template-rows: auto auto auto auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    margin-top: 50px;
    margin-bottom: 20px;
    display: flex;
  }

  .afg-packs-accordion-wrapper {
    margin-bottom: -1px;
  }

  .afg-packs-accordion-trigger {
    z-index: 1;
    padding: 20px;
    position: relative;
  }

  .plus-wrapper-packs {
    width: 30px;
    height: 30px;
    display: flex;
  }

  .afg-timeline-img-l {
    width: 28vw;
    max-width: 40vw;
    order: 1;
    margin-top: 20px;
    margin-right: 0;
    display: block;
  }

  .afg-quote-p2 {
    margin-left: 0;
    padding-left: 20px;
  }

  .sect-indi-intro, .sect-indi-dp, .sect-indi-t, .sect-indi-e {
    opacity: 1;
    left: 30px;
  }

  .sect-indi-div-i {
    flex-direction: row;
    display: flex;
    position: static;
    transform: rotate(0);
  }

  .sect-indi-div-i.w--current {
    position: static;
  }

  .sect-indi-div-dp {
    flex-direction: row;
    display: flex;
    position: static;
    transform: rotate(0);
  }

  .sect-indi-div-dp.w--current {
    position: static;
  }

  .sect-indi-div-e {
    flex-direction: row;
    display: flex;
    position: static;
    transform: rotate(0);
  }

  .sect-indi-div-e.w--current {
    position: static;
  }

  .sect-indi-div-t {
    flex-direction: row;
    display: flex;
    position: static;
    transform: rotate(0);
  }

  .sect-indi-div-t.w--current {
    position: static;
  }

  .indent {
    margin-left: -12px;
  }

  .grid-3 {
    grid-column-gap: 10vw;
  }

  .afg-intro {
    padding: 50px;
  }
}

@media screen and (max-width: 767px) {
  .desktop-nav---eng {
    display: none;
  }

  .nav-logo-link, .nav-logo-link.w--current {
    margin-left: 22px;
  }

  .nav-text {
    font-size: 16px;
    font-weight: 600;
    line-height: 16px;
  }

  .home-intro-grid {
    grid-row-gap: 50px;
    grid-template-columns: auto;
  }

  .p1---black {
    font-size: 20px;
    line-height: 30px;
  }

  .p2---black {
    margin-top: 0;
  }

  .white-block {
    padding: 50px 25px;
  }

  .button---black {
    margin-top: 0;
  }

  .black-block {
    padding: 50px 25px;
  }

  .logo-wall-grid {
    grid-template-columns: auto;
  }

  .p1---white {
    margin-right: 0;
    font-size: 20px;
    line-height: 30px;
  }

  .logo-wall-subgrid {
    grid-template-rows: auto auto auto auto;
    grid-template-columns: auto auto auto;
  }

  .logo-wall-logo---large {
    width: 100px;
  }

  .testimonial-slider-l-arrow {
    height: 25px;
    margin: 280px 10px 280px 15px;
    font-size: 20px;
  }

  .testimonial-p {
    width: 80%;
    font-size: 16px;
    line-height: 26px;
  }

  .contact-grid {
    grid-template-columns: auto;
  }

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

  .footer {
    padding-left: 25px;
    padding-right: 25px;
  }

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

  .footer-subgrid {
    grid-column-gap: 20px;
    grid-template-columns: max-content max-content max-content;
    margin-bottom: 0;
  }

  .footer-p {
    margin-bottom: 10px;
  }

  .fine-text-grid {
    grid-column-gap: 0px;
    grid-template-rows: auto auto auto;
    grid-template-columns: auto;
  }

  .logo-wall-logo---small {
    width: 80px;
  }

  .testimonial-grid {
    height: 80vh;
  }

  .mobile-nav-block {
    display: block;
  }

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

  .mobile-nav-menu {
    z-index: 11;
    width: 100%;
    height: 100%;
    background-color: #fff;
    display: none;
  }

  .mobile-nav-menu-subgrid {
    grid-column-gap: 0px;
    grid-row-gap: 30px;
    grid-template-rows: auto auto auto auto auto auto;
    grid-template-columns: auto;
    margin-right: 0;
  }

  .mobile-nav-menu-grid {
    height: 90vh;
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: min-content auto;
    grid-template-columns: auto;
    grid-auto-columns: 1fr;
    margin-top: 25px;
    margin-left: 25px;
    margin-right: 25px;
    display: grid;
  }

  .close-button {
    height: 20px;
  }

  .burger-button {
    height: 20px;
    margin-right: 25px;
  }

  .page-header-block {
    padding: 50px 25px 0;
  }

  .services-grid {
    grid-template-columns: auto;
  }

  .team-grid {
    grid-column-gap: 0px;
    grid-row-gap: 80px;
    grid-template-rows: auto auto auto auto;
    grid-template-columns: auto;
  }

  .team-subgrid {
    grid-template-columns: auto;
  }

  .team-p {
    font-size: 16px;
    line-height: 26px;
  }

  .contact-block---black, .contact-block---white {
    padding: 50px 25px;
  }

  .contact-h---black {
    font-size: 20px;
    line-height: 30px;
  }

  .our-process-gif-block {
    height: 45vh;
  }

  .work-block-link {
    height: 50vw;
  }

  .work-block-p {
    font-size: 18px;
    line-height: 24px;
  }

  .spacer {
    height: 25px;
  }

  .cs-text-block-3-7 {
    grid-row-gap: 5vw;
    grid-template-rows: auto auto;
    grid-template-columns: auto;
    margin-top: 10vw;
    margin-bottom: 10vw;
  }

  .cs-h1---black {
    font-size: 30px;
    line-height: 40px;
  }

  .cs-block {
    padding: 50px 25px;
  }

  .cs-h2---black {
    font-size: 20px;
    font-weight: 600;
    line-height: 30px;
  }

  .breadcrumb-p---r {
    margin-left: 30px;
  }

  .cs-top-bar {
    margin-bottom: 10vw;
  }

  .previous-block {
    padding-left: 7px;
    display: flex;
  }

  .previous-next-arrow {
    width: 10px;
    height: 30px;
  }

  .next-block {
    padding-right: 7px;
    display: flex;
  }

  .testimonial-slider-r-arrow {
    height: 25px;
    margin: 280px 15px 280px 10px;
    font-size: 20px;
  }

  .tct-grid-1 {
    height: auto;
    grid-column-gap: 25px;
    grid-row-gap: 25px;
    grid-template-rows: 50vw 50vw;
    grid-template-columns: auto;
  }

  .tct-grid-2 {
    height: auto;
    grid-column-gap: 25px;
    grid-row-gap: 25px;
    grid-template-rows: 100vw 60vw;
    grid-template-columns: auto;
  }

  .pa-image---brochure, .pa-bgv-1 {
    height: 60vw;
  }

  .pa-grid-1 {
    height: auto;
    grid-column-gap: 25px;
    grid-row-gap: 25px;
    grid-template-rows: 50vw 90vw;
    grid-template-columns: auto;
  }

  .pa-grid-2 {
    height: auto;
    grid-column-gap: 25px;
    grid-row-gap: 25px;
    grid-template-rows: auto auto;
    grid-template-columns: auto;
  }

  .line {
    margin-left: 25px;
    margin-right: 25px;
  }

  .cs-slide-nav {
    font-size: 8px;
  }

  .contact-image {
    height: 60vw;
    margin-top: 40px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .contact-page-block {
    grid-template-rows: auto auto auto auto;
    grid-template-columns: auto;
    padding: 50px 25px;
  }

  .work-block-black {
    height: 50vw;
  }

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

  .work-block-thumbnail {
    height: 50vw;
  }

  .filter-h {
    font-size: 20px;
    font-weight: 600;
    line-height: 30px;
  }

  .team-photo---maria, .team-photo---yu-ting {
    width: 60vw;
    height: 80vw;
  }

  .team-photo---evelyn {
    width: 60vw;
    height: 80vw;
    background-size: cover;
  }

  .team-photo---evelyn:hover {
    background-size: cover;
  }

  .work-filter {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    padding: 50px 25px 30px;
  }

  .filter-dropdown-sub-block {
    width: auto;
    position: relative;
  }

  .filter-dropdown-h-block {
    z-index: 1;
    position: relative;
  }

  .filter-dropdown-p-block {
    margin-top: 0;
    margin-bottom: 0;
  }

  .filter-h-link {
    flex: 0 auto;
    align-self: auto;
  }

  .work-block {
    padding: 0 25px 50px;
  }

  .contact-p2---black {
    margin-top: 40px;
  }

  .journal-collection-list {
    grid-column-gap: 25px;
    grid-row-gap: 50px;
    grid-template-columns: 1fr 1fr;
  }

  .journal-line {
    margin-left: 0;
    margin-right: 0;
  }

  .journal-block {
    padding-bottom: 50px;
    padding-left: 25px;
    padding-right: 25px;
  }

  .prev-next-journal-grid {
    grid-row-gap: 50px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    padding: 50px 25px;
  }

  .ig-block {
    padding: 50px 25px;
  }

  .cs---aqcent-logo {
    height: 40vw;
    background-repeat: no-repeat;
    background-size: 140vw;
  }

  .cs---db-logo {
    height: 40vw;
    background-repeat: no-repeat;
    background-size: 130vw;
  }

  .db-grid-1 {
    height: auto;
    grid-column-gap: 25px;
    grid-row-gap: 25px;
    grid-template-rows: 80vw 80vw;
    grid-template-columns: auto;
  }

  .db-grid-2 {
    height: auto;
    grid-column-gap: 25px;
    grid-row-gap: 25px;
    grid-template-rows: 90vw 80vw;
    grid-template-columns: auto;
  }

  .wfh-grid-1 {
    grid-column-gap: 25px;
    grid-row-gap: 25px;
    grid-template-rows: auto auto;
    grid-template-columns: auto;
  }

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

  .wfh-instructions-grid {
    grid-row-gap: 5vw;
    grid-template-rows: auto auto 5vw auto auto 5vw auto auto;
    grid-template-columns: auto;
    margin-top: 10vw;
    margin-bottom: 10vw;
  }

  .cs---treasure-logo {
    height: 40vw;
    background-repeat: no-repeat;
    background-size: 150vw;
  }

  .celestia-slide-1 {
    background-size: 120vw;
  }

  .casacun-logo-slider {
    height: 40vw;
  }

  .celestia-slide-2, .celestia-slide-3 {
    background-size: 120vw;
  }

  .before-after-grid {
    height: auto;
    grid-column-gap: 25px;
    grid-row-gap: 25px;
    grid-template-rows: auto auto auto auto;
    grid-template-columns: auto;
  }

  .casacun-slider-2 {
    height: 70vw;
  }

  .slide-1a, .slide-2a, .slide-3a, .slide-4a, .slide-5a, .slide-6a, .slide-7a {
    background-size: 120vw;
  }

  .pa-bgv-2 {
    height: 100vw;
  }

  .db-video-3 {
    height: 60vw;
  }

  .filter-dropdown-sub-block-2 {
    z-index: 1;
    width: auto;
    position: relative;
  }

  .cs-line {
    margin-left: 0;
    margin-right: 0;
  }

  .cs---bud-logo {
    height: 60vw;
    background-repeat: no-repeat;
    background-size: 150vw;
  }

  .cs-text-block-4-6 {
    grid-row-gap: 5vw;
    grid-template-rows: auto auto;
    grid-template-columns: auto;
    margin-top: 10vw;
    margin-bottom: 10vw;
  }

  .ss-grid-1 {
    height: auto;
    grid-column-gap: 25px;
    grid-row-gap: 25px;
    grid-template-rows: 50vw 90vw;
    grid-template-columns: auto;
  }

  .cs---oyl-logo {
    height: 40vw;
    background-repeat: no-repeat;
    background-size: 150vw;
  }

  .cs---myrewards-logo {
    height: 50vw;
    background-repeat: no-repeat;
    background-size: 120vw;
  }

  .petitudo-logo-slider {
    height: 40vw;
  }

  .petitudo---slide-1, .petitudo---slide-2, .petitudo---slide-3, .petitudo---slide-4 {
    background-size: 120vw;
  }

  .about-page-block {
    grid-template-rows: auto auto auto auto;
    grid-template-columns: auto;
    padding: 50px 25px;
  }

  .about-image {
    height: 60vw;
    margin-top: 40px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .cs---aw-logo {
    height: 40vw;
    background-repeat: no-repeat;
    background-size: 130vw;
  }

  .aw-slide-1 {
    background-size: 120vw;
  }

  .aw-slider {
    height: 60vw;
  }

  .aw-slide-2, .aw-slide-3 {
    background-size: 120vw;
  }

  .fennel-logo-slider {
    height: 50vw;
  }

  .fennel-1, .fennel-2, .fennel-3 {
    background-size: 150vw;
  }

  .fennel-slider {
    height: 60vw;
  }

  .fennel-slide-1, .fennel-slide-2 {
    background-size: 120vw;
  }

  .fennel-grid-1 {
    height: auto;
    grid-column-gap: 25px;
    grid-row-gap: 25px;
    grid-template-rows: 50vw 90vw;
    grid-template-columns: auto;
  }

  .fennel-hover-image {
    height: 70vw;
  }

  .cs---aqilliz-logo {
    height: 40vw;
    background-repeat: no-repeat;
    background-size: 110vw;
  }

  .aqilliz-slider {
    height: 95vw;
  }

  .aqilliz-slide-1, .aqilliz-slide-2, .aqilliz-slide-3 {
    background-size: 120vw;
  }

  .cs---onsite-logo {
    height: 40vw;
    background-repeat: no-repeat;
    background-size: 110vw;
  }

  .cs---tgc-hover-logo {
    height: 60vw;
    background-repeat: no-repeat;
    background-size: 110vw;
  }

  .tgc-grid-1 {
    height: auto;
    grid-column-gap: 25px;
    grid-row-gap: 25px;
    grid-template-rows: 100vw 80vw;
    grid-template-columns: auto;
  }

  .cs---moody-nails-logo {
    height: 50vw;
    background-position: 50% 100%;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .compass-logo-slider {
    height: 50vw;
  }

  .compass-slide-1, .compass-slide-2, .compass-slide-3, .compass-slide-4, .compass-slide-5, .compass-slide-6 {
    background-size: 150vw;
  }

  .cavago-logo-slider {
    height: 50vw;
  }

  .cs---cavago-logo {
    height: 50vw;
    background-repeat: no-repeat;
    background-size: 110vw;
  }

  .cavago-slide-1, .cavago-slide-2, .cavago-slide-3, .cavago-slide-4 {
    background-size: cover;
  }

  .milestone-slider {
    height: 60vw;
  }

  .milestone-slide-1, .milestone-slide-2, .milestone-slide-3 {
    background-size: cover;
  }

  .casacun-grid-1 {
    height: auto;
    grid-column-gap: 25px;
    grid-row-gap: 25px;
    grid-template-rows: 70vw 70vw;
    grid-template-columns: auto;
  }

  .cs---olivia-logo {
    height: 40vw;
    background-repeat: no-repeat;
    background-size: 110vw;
  }

  .olivia-slider-1 {
    height: 80vw;
  }

  .olivia-slide-1-1, .olivia-slide-1-2, .olivia-slide-1-3, .olivia-slide-1-4 {
    background-size: cover;
  }

  .olivia-slider-2 {
    height: 60vw;
  }

  .olivia-slide-2-1, .olivia-slide-2-2, .olivia-slide-2-3 {
    background-size: cover;
  }

  .cs---anqlave-logo {
    height: 60vw;
    background-repeat: no-repeat;
    background-size: 140vw;
  }

  .anqlave-grid-1 {
    height: auto;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-rows: auto auto;
    grid-template-columns: auto auto;
  }

  .kin-logo-slider {
    height: 50vw;
  }

  .kin-slide-1, .kin-slide-2, .kin-slide-3 {
    background-size: 130vw;
  }

  .cs---bka-logo-slider {
    height: 50vw;
  }

  .bka-slide-1, .bka-slide-2, .bka-slide-3, .bka-slide-4 {
    background-size: 120vw;
  }

  .body {
    background-color: #000;
    display: block;
  }

  .landing-page-big-block {
    height: 90vh;
    grid-template-columns: 1fr;
    padding-left: 25px;
    padding-right: 25px;
  }

  .landing-page-block {
    width: auto;
  }

  .landing-page-p1 {
    font-size: 16px;
    line-height: 24px;
    display: block;
  }

  .ascent-logo-slider {
    height: 40vw;
  }

  .pollen-slider {
    height: 60vw;
  }

  .cs---po-hover-logo {
    height: 60vw;
    background-repeat: no-repeat;
    background-size: 110vw;
  }

  .we-dance---logo-slider {
    height: 40vw;
  }

  .we-dance---slide-1, .we-dance---slide-2, .we-dance---slide-3, .we-dance---slide-4, .we-dance---slide-5 {
    background-size: 120vw;
  }

  .pom-logo-slider {
    height: 60vw;
  }

  .pom-slide-1, .pom-slide-2, .pom-slide-3, .pom-slide-4, .pom-slide-5 {
    background-size: 120vw;
  }

  .pom-grid-1 {
    height: auto;
    grid-column-gap: 25px;
    grid-row-gap: 25px;
    grid-template-rows: 80vw 100vw;
    grid-template-columns: auto;
  }

  .ff18-logo-slider {
    height: 60vw;
  }

  .ff18-slide-1, .ff18-slide-2, .ff18-slide-3, .ff18-slide-4, .ff18-slide-5, .ff18-slide-6, .ff18-slide-7, .ff18-slide-8 {
    background-size: cover;
  }

  .ff18-grid-1 {
    height: auto;
    grid-column-gap: 25px;
    grid-row-gap: 25px;
    grid-template-rows: 60vw 60vw;
    grid-template-columns: auto;
  }

  .ff18-hover-image, .ff18-slider-1 {
    height: 60vw;
  }

  .ff18---slide-1, .ff18---slide-2, .ff18---slide-3, .ff18---slide-4, .ff18---slide-5 {
    background-size: 120vw;
  }

  .cs---bw-hover-logo-1, .cs---bw-hover-logo-2 {
    height: 60vw;
    background-repeat: no-repeat;
    background-size: 110vw;
  }

  .bw-grid-1 {
    height: auto;
    grid-column-gap: 25px;
    grid-row-gap: 25px;
    grid-template-rows: 60vw 60vw;
    grid-template-columns: auto;
  }

  .bw-hover-image-2 {
    height: 60vw;
    background-repeat: no-repeat;
    background-size: 110vw;
  }

  .bw-grid-2 {
    height: auto;
    grid-column-gap: 25px;
    grid-row-gap: 25px;
    grid-template-rows: 100vw 100vw;
    grid-template-columns: auto;
  }

  .bw-hover-image-3 {
    height: 60vw;
    background-repeat: no-repeat;
    background-size: 110vw;
  }

  ._3-col-grid {
    height: auto;
    grid-column-gap: 25px;
    grid-row-gap: 25px;
    grid-template-rows: auto auto auto;
    grid-template-columns: auto;
  }

  .ids-grid-1 {
    height: auto;
    grid-column-gap: 25px;
    grid-row-gap: 25px;
    grid-template-rows: auto auto auto auto;
    grid-template-columns: auto;
  }

  .eq-hover-logo {
    height: 40vw;
    background-repeat: no-repeat;
    background-size: 110vw;
  }

  .eq-hover-image-1 {
    height: 60vw;
    background-repeat: no-repeat;
    background-size: 110vw;
  }

  .eq-grid-1 {
    height: auto;
    grid-column-gap: 25px;
    grid-row-gap: 25px;
    grid-template-rows: 60vw 60vw;
    grid-template-columns: auto;
  }

  .eq-slider-1 {
    height: 60vw;
  }

  .eq-slide-1, .eq-slide-3, .eq-slide-2 {
    background-size: cover;
  }

  .archibald-slider-1 {
    height: 60vw;
  }

  .archibald-slide-1 {
    background-size: cover;
  }

  .archibald-video-1 {
    height: 60vw;
    background-repeat: no-repeat;
    background-size: 110vw;
  }

  .archibald-slider-2, .upstay-hover-image-2, .upstay-hover-image-1 {
    height: 60vw;
  }

  .upstay-grid-1 {
    height: auto;
    grid-column-gap: 25px;
    grid-row-gap: 25px;
    grid-template-rows: auto auto;
    grid-template-columns: auto;
  }

  .ss-grid-2 {
    height: auto;
    grid-column-gap: 25px;
    grid-row-gap: 25px;
    grid-template-rows: 80vw 100vw;
    grid-template-columns: auto;
  }

  .bud-icon-1, .bud-icon-2, .bud-icon-3 {
    height: 50vw;
    background-size: 50%;
  }

  .ascent-slide-1, .ascent-slide-2, .ascent-slide-3 {
    background-size: 120vw;
  }

  .down-arrow-block {
    height: 0;
  }

  .home-down-arrow {
    width: 5vw;
  }

  .home-down-arrow-link {
    margin-bottom: 3vw;
  }

  .wfh-grid-2 {
    height: auto;
    grid-column-gap: 25px;
    grid-row-gap: 25px;
    grid-template-rows: auto auto;
    grid-template-columns: auto;
  }

  .background-video-6 {
    height: 100vw;
  }

  .rica-grid-2 {
    height: auto;
    grid-column-gap: 25px;
    grid-row-gap: 25px;
    grid-template-rows: auto auto;
    grid-template-columns: auto;
  }

  .rica-image-1, .rica-image-2 {
    height: 80vw;
  }

  .rica-grid-1 {
    height: auto;
    grid-column-gap: 25px;
    grid-row-gap: 25px;
    grid-template-rows: auto auto;
    grid-template-columns: auto;
  }

  .rica-image-3, .rica-image-4 {
    height: 80vw;
  }

  .rica-logo-slider {
    height: 50vw;
  }

  .rica-slide-1, .rica-slide-2 {
    background-size: 110vw;
  }

  .cg-logo-slider {
    height: 50vw;
  }

  .cg-slide-1, .cg-slide-2, .cg-slide-3 {
    background-size: 110vw;
  }

  .wg-element-wrapper.sw1 {
    margin-top: 50px;
    display: none;
  }

  .wg-element-wrapper.sw5 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: flex-end;
    display: none;
  }

  .wg-selector-1.s1 {
    margin-right: 10px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .wg-selector-1.s1:hover {
    margin-right: 10px;
  }

  .wg-selector-1.s2 {
    margin-left: 10px;
    margin-right: 0;
    padding-bottom: 0;
    padding-left: 0;
  }

  .wg-selector-1.s1 {
    margin-right: 10px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .wg-selector-1.s1:hover {
    margin-right: 10px;
  }

  .wg-selector-1.s2 {
    margin-left: 10px;
    margin-right: 0;
    padding-bottom: 0;
    padding-left: 0;
  }

  .text-block, .text-block-2 {
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
  }

  .x-logo-slider {
    height: 50vw;
  }

  .x-logo-slide-1, .x-logo-slide-2, .x-logo-slide-3 {
    background-size: 110vw;
  }

  .x-grid-0 {
    height: auto;
    grid-column-gap: 25px;
    grid-row-gap: 25px;
    grid-template-rows: auto auto;
    grid-template-columns: auto;
  }

  .x-image-1, .x-image-2, .x-hover-image-0 {
    height: 60vw;
  }

  .x-slide-1, .x-slide-2, .x-slide-3 {
    background-size: 110vw;
  }

  .background-video-8 {
    height: 90vw;
  }

  .background-video-9, .bud-image-1 {
    height: 100vw;
  }

  .cs-text-block-2-8 {
    grid-row-gap: 5vw;
    grid-template-rows: auto auto;
    grid-template-columns: auto;
    margin-top: 10vw;
    margin-bottom: 10vw;
  }

  .wg-dropdown-1 {
    width: 40px;
    align-self: flex-end;
    margin-top: auto;
    margin-bottom: auto;
    font-weight: 300;
  }

  .wg-dd-1-togle {
    margin-top: 0;
  }

  .wg-dropdown-1-link {
    width: 40px;
    font-size: 14px;
    line-height: 16px;
  }

  .text-block-5 {
    font-family: Overpass, sans-serif;
    font-size: 14px;
    line-height: 16px;
  }

  .uncommon-slider-1, .uncommon-slider-2, .uncommon-slider-3 {
    background-size: 110vw;
  }

  .uncommon-logo-slider {
    height: 50vw;
  }

  .uncommon-grid-2 {
    height: auto;
    grid-column-gap: 25px;
    grid-row-gap: 25px;
    grid-template-rows: auto auto;
    grid-template-columns: auto;
  }

  .uncommon-image-1 {
    height: 80vw;
  }

  .uncommon-image-5 {
    height: 100vw;
    background-position: 35%;
    background-size: cover;
  }

  .uncommon-grid-3 {
    height: auto;
    grid-column-gap: 25px;
    grid-row-gap: 25px;
    grid-template-rows: auto auto;
    grid-template-columns: auto;
  }

  .uncommon-image-6 {
    height: 80vw;
  }

  .uncommon-image-7 {
    height: 70vw;
  }

  .uncommon-image-8 {
    height: 80vw;
  }

  .kalibra-slider {
    height: 65vw;
  }

  .kalibra-slide-1, .kalibra-slide-2, .kalibra-slide-3, .kalibra-slide-4, .kalibra-slide-5 {
    background-size: 120vw;
  }

  .school-in-slider {
    height: 70vw;
  }

  .school-in-slide-1, .school-in-slide-2, .school-in-slide-2-3, .school-in-slide-4, .school-in-slide-5, .school-in-slide-6, .school-in-slide-2-1 {
    background-size: 120vw;
  }

  .school-in-slider-2 {
    height: 80vw;
  }

  .school-in-slide-2-2 {
    background-size: 120vw;
  }

  .school-in-slide-3-1 {
    background-position: 50% 70%;
    background-size: 150vw;
  }

  .school-in-slider-3 {
    height: 80vw;
  }

  .school-in-slide-3-2, .school-in-slide-3-3, .school-in-slide-3-4 {
    background-size: 150vw;
  }

  .school-in-slide-3 {
    background-size: 120vw;
  }

  .latest-works-block {
    padding: 5vh 25px 50px;
  }

  .latest-work-subgrid {
    grid-template-rows: auto auto auto;
    grid-template-columns: auto;
  }

  .dayaway-slider {
    height: 70vw;
  }

  .dayaway-slide-1, .dayaway-slide-2, .dayaway-slide-3 {
    background-size: 130vw;
  }

  .dayaway-image-1 {
    height: 80vw;
  }

  .dayaway-image-2 {
    height: 45vw;
  }

  .dayaway-image-3 {
    height: 80vw;
    background-size: 130vw;
  }

  .latest-work---collection-list {
    grid-column-gap: 0vw;
    grid-row-gap: 5vh;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }

  .akuos-image-2 {
    height: 50vw;
    background-size: 100%;
  }

  .akuos-image-1 {
    height: 68vw;
    background-size: 100%;
  }

  .cata-coffee-logo-slider {
    height: 50vw;
  }

  .cata-slide-1, .cata-slide-2, .cata-slide-3 {
    background-size: 110vw;
  }

  .cata-grid-1 {
    height: auto;
    grid-column-gap: 25px;
    grid-row-gap: 25px;
    grid-template-rows: auto auto;
    grid-template-columns: auto;
  }

  .celestia-grid-image-1, .celestia-grid-image-2 {
    height: 80vw;
  }

  .cata-grid-2 {
    height: auto;
    grid-column-gap: 25px;
    grid-row-gap: 25px;
    grid-template-rows: auto auto;
    grid-template-columns: auto;
  }

  .cata-image-3 {
    width: auto;
    height: 60vw;
  }

  .cata-image-4 {
    height: 120vw;
  }

  .cata-grid-3 {
    height: auto;
    grid-column-gap: 25px;
    grid-row-gap: 25px;
    grid-template-rows: auto auto;
    grid-template-columns: auto;
  }

  .cata-video-1, .cata-video-2 {
    height: 100vw;
  }

  .cata-video-3 {
    height: 60vw;
  }

  .moom-image-1 {
    height: 60vw;
    background-size: 100vw;
  }

  .moom-slider-1 {
    height: 50vw;
  }

  .moom-slide-1, .moom-slide-2, .moom-slide-3, .moom-slide-4, .moom-slide-5, .moom-slide-6 {
    background-size: 110vw;
  }

  .team-photo---carlota {
    width: 60vw;
    height: 80vw;
    background-size: cover;
  }

  .team-photo---carlota:hover {
    background-size: cover;
  }

  .team-name-div {
    margin-top: 20px;
  }

  .cs---treedom-logo {
    height: 65vw;
    background-repeat: no-repeat;
    background-size: 130vw;
  }

  .treedom-grid-2 {
    height: auto;
    grid-column-gap: 25px;
    grid-row-gap: 25px;
    grid-template-rows: 90vw 80vw;
    grid-template-columns: auto;
  }

  .rockett-image-1 {
    height: 80vw;
  }

  .footer-p2 {
    margin-bottom: 5px;
  }

  .osv-video-1 {
    height: 70vw;
  }

  .osv-video-2 {
    height: 70vw;
    margin-top: 15px;
  }

  .osv-video-3 {
    height: 70vw;
  }

  .osv-grid-1 {
    height: auto;
    grid-column-gap: 25px;
    grid-row-gap: 10px;
    grid-template-rows: auto auto auto auto;
    grid-template-columns: auto;
    grid-auto-columns: 1fr;
    grid-auto-flow: column;
    align-content: stretch;
  }

  .osv-video-4 {
    height: 70vw;
    margin-top: 15px;
  }

  .osv-video-5 {
    height: 70vw;
  }

  .osv-grid-2, .osv-grid-3 {
    height: auto;
    grid-column-gap: 25px;
    grid-row-gap: 10px;
    grid-template-rows: auto auto auto auto;
    grid-template-columns: auto;
    grid-auto-columns: 1fr;
    grid-auto-flow: column;
    align-content: stretch;
  }

  .osv-video-6 {
    height: 70vw;
    margin-top: 15px;
  }

  .osv-grid-4 {
    height: auto;
    grid-column-gap: 25px;
    grid-row-gap: 10px;
    grid-template-rows: auto auto auto auto;
    grid-template-columns: auto;
    grid-auto-columns: 1fr;
    grid-auto-flow: column;
    align-content: stretch;
  }

  .osv-video-7 {
    height: 70vw;
  }

  .osv-video-8 {
    height: 70vw;
    margin-top: 15px;
  }

  .osv-main-video, .celestia-video-1, .celestia-logo-slider {
    height: 70vw;
  }

  .celestia-image-1 {
    height: 80vw;
    background-position: 50%;
    background-size: 140%;
  }

  .celestia-grid-1 {
    height: auto;
    grid-column-gap: 25px;
    grid-row-gap: 25px;
    grid-template-rows: auto auto;
    grid-template-columns: auto;
  }

  .celestia-image-2 {
    height: 80vw;
    background-position: 50% 60%;
    background-size: 200%;
  }

  .casacun-slide-1, .casacun-slide-2, .casacun-slide-3, .casacun-slide-4, .casacun-slide-5 {
    background-size: 120vw;
  }

  .tt-slide-1, .tt-slide-2, .tt-slide-3, .tt-slide-4, .tt-slide-5, .tt-slide-6 {
    background-size: cover;
  }

  .tt-symbol-slider {
    height: 60vw;
  }

  .tt-hover-logo {
    height: 50vw;
  }

  .tt-pattern-grid {
    height: auto;
    grid-column-gap: 25px;
    grid-row-gap: 25px;
    grid-template-rows: auto auto;
    grid-template-columns: auto;
  }

  .cata-image-1, .cata-image-2 {
    height: 80vw;
  }

  .tt-pattern {
    height: 40vw;
    background-size: 120vw;
  }

  .tt-image-1 {
    height: 60vw;
    background-position: 50%;
    background-size: cover;
  }

  .logo-wall-logo---medium {
    width: 90px;
  }

  .treedom-video-1 {
    height: 60vw;
  }

  .lj-video-1, .lj-video-2 {
    height: 70vw;
  }

  .lj-slider-1 {
    height: 50vw;
  }

  .lj-slide-1, .lj-slide-2, .lj-slide-3 {
    background-size: 110vw;
  }

  .kl-logo-slider {
    height: 50vw;
  }

  .kl-logo-slide-1, .kl-logo-slide-2, .kl-logo-slide-3, .kl-logo-slide-4 {
    background-size: 110vw;
  }

  .kl-image-1 {
    height: 60vw;
    background-position: 50%;
    background-size: cover;
  }

  .kl-image-2 {
    height: 100vw;
    background-position: 50%;
    background-size: cover;
  }

  .kl-grid-1 {
    height: auto;
    grid-column-gap: 25px;
    grid-row-gap: 25px;
    grid-template-rows: auto auto;
    grid-template-columns: auto;
  }

  .kl-image-3 {
    height: 80vw;
    background-size: 800px;
  }

  .kl-image-4 {
    height: 80vw;
  }

  .kl-slider-1 {
    height: 50vw;
  }

  .kl-slide-1, .kl-slide-2, .kl-slide-3, .kl-slide-4 {
    background-size: 110vw;
  }

  .kl-grid-2 {
    height: auto;
    grid-column-gap: 25px;
    grid-row-gap: 25px;
    grid-template-rows: auto auto;
    grid-template-columns: auto;
  }

  .kl-image-5, .kl-image-6 {
    height: 80vw;
  }

  .team-photo---ryka {
    width: 60vw;
    height: 80vw;
    background-size: cover;
  }

  .team-photo---ryka:hover {
    background-size: cover;
  }

  .mk-image-1 {
    height: 70vw;
  }

  .mk-image-2 {
    height: 80vw;
    background-size: 800px;
  }

  .mk-image-3 {
    height: 80vw;
  }

  .mk-image-4 {
    height: 60vw;
    background-position: 40%;
    background-size: cover;
  }

  .mk-image-5 {
    height: 50vw;
    background-position: 50%;
    background-size: cover;
  }

  .mk-image-6 {
    height: 60vw;
    background-position: 50%;
    background-size: cover;
  }

  .mr-logo-slider {
    height: 50vw;
  }

  .mr-logo-slide {
    background-size: 110vw;
  }

  .mr-image {
    height: 60vw;
    background-position: 40%;
    background-size: cover;
  }

  .mr-image-2 {
    height: 80vw;
    background-size: contain;
  }

  .mr-image-3 {
    height: 80vw;
  }

  .mr-grid {
    height: auto;
    grid-column-gap: 25px;
    grid-row-gap: 25px;
    grid-template-rows: auto auto;
    grid-template-columns: auto;
  }

  .mr-grid-2 {
    height: auto;
    grid-column-gap: 10vw;
    grid-row-gap: 10vw;
    grid-template-rows: auto auto;
    grid-template-columns: auto;
  }

  .mr-image-4 {
    height: 80vw;
    background-size: cover;
  }

  .mr-image-5 {
    height: 80vw;
  }

  .cg2-image, .th-image {
    height: 60vw;
    background-position: 40%;
    background-size: cover;
  }

  .th-video-1, .th-video-2, .cg2-video {
    height: 60vw;
  }

  .cg2-slide-1, .cg2-slide-2 {
    background-size: 110vw;
  }

  .cg2-slider-1 {
    height: 50vw;
  }

  .cg2-logo-slide-1, .cg2-logo-slide-2, .cg2-logo-slide-3 {
    background-size: 110vw;
  }

  .cg2-slider-copy {
    height: 50vw;
  }

  .greater {
    width: auto;
    height: 60vw;
    background-position: 50%;
    background-size: 120%;
    border-radius: 0;
    font-size: 10px;
  }

  .greater-grid-1 {
    height: auto;
    grid-column-gap: 25px;
    grid-row-gap: 25px;
    grid-template-rows: auto auto;
    grid-template-columns: auto;
  }

  .greater-image-grid-1, .greater-image-grid-2 {
    height: 80vw;
  }

  .greater-illustration-slider {
    height: 45vw;
  }

  .greater-slider-1 {
    height: 50px;
    background-size: 100%;
  }

  .greater-slider-2 {
    height: 40px;
    background-size: 100%;
  }

  .greater-grid-2 {
    height: auto;
    grid-column-gap: 25px;
    grid-row-gap: 25px;
    grid-template-rows: auto auto;
    grid-template-columns: auto;
  }

  .greater-image-grid-3, .greater-image-grid-4 {
    height: 80vw;
  }

  .greater-image-3 {
    height: 45vw;
    background-position: 50% 60%;
    background-size: 100%;
  }

  .salt-video-1, .salt-video-2 {
    height: 60vw;
  }

  .salt-grid {
    height: auto;
    grid-column-gap: 25px;
    grid-row-gap: 25px;
    grid-template-rows: auto auto;
    grid-template-columns: auto;
  }

  .salt-grid-image-1, .salt-grid-image-2 {
    height: 80vw;
  }

  .salt-video-3 {
    height: 60vw;
  }

  .salt-image-1 {
    height: 60vw;
    background-position: 40%;
    background-size: cover;
  }

  .salt-image-2 {
    height: 95vw;
    background-position: 40%;
    background-size: cover;
  }

  .virtuaq, .flipwire, .aqui-design, .elite-sme, .ids, .twisted-thinking, .we-dance, .power-opp, .all-that-matters, .teamstreamz, .moodynails, .cavago, .compass, .onsite-health {
    padding: 50px 25px;
  }

  .columns {
    padding-bottom: 30px;
  }

  .pld-video-1 {
    height: 60vw;
  }

  .pld-grid-image-1, .pld-grid-image-2 {
    height: 80vw;
  }

  .pld-image-2, .pld-image-4 {
    height: 60vw;
    background-position: 40%;
    background-size: cover;
  }

  .pld-logo-slider {
    height: 50vw;
  }

  .pld-slide {
    background-size: 110vw;
  }

  .pld-slide._2 {
    left: -5px;
    right: 0;
  }

  .ocular-video {
    height: 60vw;
  }

  .ocular-image {
    height: 60vw;
    background-position: 40%;
    background-size: cover;
  }

  .lr-video-1, .lr-video-2 {
    height: 45vw;
  }

  .lr-image-1, .lr-image-2, .lr-image-3 {
    height: 60vw;
    background-position: 40%;
    background-size: cover;
  }

  .lr-grid {
    height: auto;
    grid-column-gap: 25px;
    grid-row-gap: 25px;
    grid-template-rows: auto auto;
    grid-template-columns: auto;
  }

  .lr-grid-image-1, .lr-grid-image-2 {
    height: 80vw;
  }

  .lr-image-4 {
    height: 60vw;
    background-position: 40%;
    background-size: cover;
  }

  .lr-image-5 {
    height: 100vw;
    background-position: 40%;
    background-size: cover;
  }

  .salt-image-3 {
    height: 60vw;
    background-position: 40%;
    background-size: cover;
  }

  .pld-grid {
    height: auto;
    grid-column-gap: 25px;
    grid-row-gap: 25px;
    grid-template-rows: auto auto;
    grid-template-columns: auto;
  }

  .nsc-grid-1 {
    height: auto;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-rows: auto auto;
    grid-template-columns: auto;
    grid-auto-columns: 1fr;
    grid-auto-flow: row;
    display: grid;
  }

  .pld-video-2 {
    height: 60vw;
  }

  .hide {
    display: none;
  }

  .nsc-video {
    height: 60vw;
  }

  .join-cc-grid {
    grid-template-columns: auto;
    padding: 50px 25px 0;
  }

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

  .nav-logo.w--current {
    width: 35px;
    height: 39px;
  }

  .image-5.desktop {
    display: none;
  }

  .image-5.mobile {
    width: 35px;
    height: auto;
  }

  .nav-container {
    margin: 10px 20px;
  }

  .hp-hero {
    padding: 108px;
  }

  .definition-section {
    height: auto;
    margin-top: 5%;
    margin-bottom: 5%;
  }

  .h1-2023, .h1-2023.hero {
    font-size: 40px;
    line-height: 45px;
  }

  .h1-2023.page-hero {
    font-size: 40px;
    font-weight: 400;
    line-height: 45px;
  }

  .h1-2023.page-hero.mobile, .h1-2023.mobile {
    display: none;
  }

  .h1-2023.approach {
    width: 6em;
    top: 130px;
  }

  .h1-2023.mission {
    width: auto;
  }

  .h2-2023.center-aligned.definition {
    padding-left: 40px;
    padding-right: 40px;
  }

  .h2-2023.center-aligned.definition.mobile {
    font-size: 40px;
    line-height: 50px;
    display: block;
  }

  .h2-2023.center-aligned.definition.desktop, .h2-2023.center-aligned.mobile, .h2-2023.mobile {
    display: none;
  }

  .primary-button._3 {
    margin-top: 20px;
  }

  .speech-bubble {
    margin-left: 100px;
  }

  .project-card {
    height: auto;
    max-height: none;
    min-height: 300px;
  }

  .project-card.work-page {
    height: auto;
    max-height: none;
  }

  .project-description {
    margin-bottom: 5px;
    font-size: 300%;
    line-height: 110%;
  }

  .project-description.work-page {
    margin-bottom: 10px;
  }

  .project-button {
    justify-content: space-between;
  }

  .project-button.text {
    font-size: 12px;
  }

  .text-field {
    border-radius: 0;
  }

  .ig-grid {
    margin-left: 10%;
    margin-right: 10%;
  }

  .footer-2023 {
    grid-template-rows: auto auto 1rem auto;
    grid-template-columns: auto auto;
    padding-left: 3%;
    padding-right: 3%;
  }

  .h4-2023.cc {
    border-bottom: 1px solid #000;
    border-right-style: none;
  }

  .burger-menu-wrapper {
    grid-template-rows: 30px auto 30px;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    padding-top: 20px;
    padding-bottom: 28px;
  }

  .burger-close-wrapper {
    margin-top: 0;
    margin-right: 32px;
  }

  .burger-nav-link {
    margin-top: 8px;
    margin-bottom: 8px;
    font-size: 15px;
    line-height: 15px;
  }

  .mobile {
    display: block;
  }

  .divider-line.faq {
    margin-left: 0;
    margin-right: 0;
  }

  .divider-line.faq.qs {
    width: 90vw;
  }

  .divider-line.services {
    width: 90%;
  }

  .divider-line.work {
    margin-top: 5%;
    margin-bottom: 5%;
    display: block;
    position: static;
  }

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

  .filters-wrapper, .filters-wrapper.journal {
    display: none;
  }

  .filter-title {
    text-transform: uppercase;
    flex-direction: row;
    flex: 1;
    align-self: stretch;
    margin-top: 5px;
    font-size: 16px;
    text-decoration: none;
    display: flex;
  }

  .mission-vision-section {
    margin-bottom: 5%;
    padding-left: 5vw;
    padding-right: 5vw;
  }

  .approach-content-grid {
    height: 3500px;
    max-height: 3500px;
    grid-column-gap: 500px;
    grid-row-gap: 500px;
    flex-direction: column;
  }

  .approach-content {
    height: 15rem;
    grid-template-columns: 1rem 20px minmax(150px, 250px);
    margin-left: auto;
    padding: 15px;
    top: 25vh;
  }

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

  .team-member-card {
    width: 350px;
  }

  .ttp-video {
    height: 60vw;
  }

  .ttp-slider-1 {
    height: 50vw;
  }

  .ttp-slider, .ttp-slider-2 {
    background-size: 110vw;
  }

  .helex-grid {
    height: auto;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-rows: minmax(auto, 1fr) auto;
    grid-template-columns: auto;
    grid-auto-columns: 1fr;
    grid-auto-flow: row;
    display: grid;
  }

  .lottie-animation {
    width: 91.5vw;
  }

  .lottie-animation-2 {
    width: auto;
    height: 70vw;
  }

  .helex-video-2, .helex-video-1 {
    height: 60vw;
  }

  .image-7, .image-8 {
    height: 93vw;
  }

  .services-section {
    width: 100vw;
    padding-top: 0%;
    overflow: hidden;
  }

  .services-tab {
    text-transform: none;
    white-space: nowrap;
    border-bottom: 1px #000;
    align-self: stretch;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 0;
    font-size: 14px;
    font-weight: 300;
  }

  .tabs {
    width: 90vw;
    flex-direction: column;
  }

  .tabs-menu {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    text-align: left;
    flex-direction: column;
    grid-template-columns: 1fr 1fr;
    justify-content: flex-start;
    align-self: center;
    align-items: stretch;
    margin-top: -16px;
    margin-bottom: 16px;
    padding-right: 5px;
    display: flex;
    position: relative;
    overflow: hidden;
  }

  .service-tab-wrapper {
    flex-direction: column;
    display: flex;
  }

  .services-text {
    width: 100%;
    margin-top: 2rem;
    padding-left: 0;
  }

  .image-9 {
    height: auto;
  }

  .faq-section {
    align-items: flex-start;
    padding-left: 5%;
  }

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

  .journal-card.journal-page {
    max-height: none;
    flex-direction: column;
  }

  .journal-text-wrapper {
    width: auto;
    border-left-style: none;
    padding-top: 3%;
    padding-bottom: 3%;
  }

  .journal-text-wrapper.hero {
    width: 100%;
  }

  .journal-highlighted-post {
    width: 100vw;
  }

  .contact-hero._2 {
    height: auto;
    padding-top: 100px;
    padding-bottom: 10%;
  }

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

  .contact-form-field, .contact-form-field.message {
    border-radius: 0;
  }

  .line-2 {
    margin-left: 25px;
    margin-right: 25px;
  }

  .contact-block---white-2 {
    padding: 50px 25px;
  }

  .contact-h---black-2 {
    font-size: 20px;
    line-height: 30px;
  }

  .hide-copy {
    display: none;
  }

  .main-section {
    padding-left: 25px;
    padding-right: 25px;
  }

  .back-to-top-2023 {
    margin-right: 1rem;
  }

  .project-page-nav-2023 {
    padding-bottom: 4px;
  }

  .project-page-footer-2023 {
    padding-bottom: 3%;
  }

  .project-page-footer-2023._2 {
    grid-template-rows: 10rem 1fr 1px 4rem;
    padding-bottom: 10%;
  }

  .pagination {
    align-content: center;
  }

  .ymal-wrapper {
    max-width: 400px;
  }

  .project-card-content-wrapper.work-page {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }

  .accordion-trigger {
    grid-column-gap: 1rem;
  }

  .accordion-wrapper {
    width: 90vw;
  }

  .work-filter-mobile-2023 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: row;
    padding: 0 0 20px;
    display: flex;
  }

  .filter-arrow-2023 {
    align-self: center;
  }

  .filter-dropdown-p-block-copy {
    flex-direction: column;
    margin-top: 0;
    margin-bottom: 0;
  }

  .filter-dropdown-p-block-copy._2 {
    margin-top: 20px;
  }

  .columns-copy {
    padding-bottom: 30px;
  }

  .filter-dropdown-sub-block-copy {
    width: auto;
    position: relative;
  }

  .filter-dropdown-sub-block-2-copy {
    z-index: 1;
    width: auto;
    position: relative;
  }

  .case-study-text {
    text-align: left;
  }

  .main-image {
    width: 100%;
    display: none;
  }

  .main-image.mobile {
    margin-top: 10px;
    display: block;
  }

  .main-image._1 {
    display: block;
  }

  .cc-wrapper {
    grid-template-rows: auto auto 90px;
    grid-template-columns: 1fr 1fr;
  }

  .arrow-button {
    padding-left: 9%;
    padding-right: 9%;
  }

  .arrow-button.watch-series {
    border-bottom-style: none;
    border-right: 1px solid #000;
  }

  .button-2023 {
    font-size: 13px;
  }

  .pagination-3 {
    justify-content: center;
  }

  .lottie-animation.mobile {
    width: 100%;
    margin-top: 10px;
  }

  .lottie-animation.desktop {
    display: none;
  }

  .work-div-wrapper {
    flex-direction: column;
    display: flex;
  }

  .plus-wrapper {
    display: flex;
  }

  .thumnail-div {
    width: auto;
    height: 50vh;
    max-height: 300px;
    max-width: none;
  }

  .mission-vission-wrapper {
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .approach-title-wrapper {
    position: -webkit-sticky;
    position: sticky;
    top: 28vh;
  }

  .icon {
    margin-left: 0;
    position: absolute;
  }

  .checkbox {
    margin-top: 0;
  }

  .services-dropdown {
    z-index: 10;
    width: 90vw;
    height: 50px;
    border-bottom: 1px #000;
    align-items: center;
    padding: 12px 0;
    display: flex;
    position: relative;
  }

  .dropdown-text {
    text-align: center;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 500;
  }

  .wg-element-wrapper-3-0 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: block;
  }

  .wg-dropdown-1-3-0 {
    width: 40px;
  }

  .text-block-5-3-0 {
    font-size: 16px;
    line-height: 16px;
  }

  .wg-dropdown-1-link-3-0 {
    width: 40px;
    font-size: 16px;
    line-height: 16px;
  }

  ._w-arrow {
    margin-top: -2px;
    margin-left: 5px;
  }

  .images-section {
    margin-bottom: 5%;
    padding-left: 5vw;
    padding-right: 5vw;
  }

  ._404-2023 {
    height: 90vh;
    grid-template-columns: 1fr;
    padding-left: 25px;
    padding-right: 25px;
  }

  .landing-page-p1-2023 {
    font-size: 30px;
    line-height: 40px;
    display: block;
  }

  .image-26 {
    height: auto;
    margin-top: 0;
  }

  .required-fields {
    text-align: left;
  }

  .currently-showing {
    align-self: flex-start;
    font-style: italic;
    display: block;
  }

  .search-bar {
    width: 100%;
  }

  .afg-nav-logo {
    height: 26px;
    display: block;
  }

  .afg-nav-logo-link {
    width: 178px;
    height: 30px;
  }

  .afg-nav-logo-link.w--current {
    width: 152px;
    height: 26px;
  }

  .afg-nav {
    align-self: center;
  }

  .afg-nav-container {
    grid-auto-columns: 1fr;
    justify-content: space-between;
    justify-items: center;
    margin: 20px 30px;
    display: grid;
  }

  .afg-hero {
    padding-left: 10%;
    padding-right: 10%;
  }

  .afg-hero-h {
    width: auto;
  }

  .afg-packs {
    padding: 100px 30px 30px;
  }

  .afg-packs-p {
    width: auto;
    text-align: left;
  }

  .afg-packs-text-div {
    align-items: flex-start;
  }

  .afg-packs-grid-desktop {
    grid-template-rows: auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto;
    grid-template-columns: 1fr;
    margin-top: 30px;
  }

  .afg-packs-grid-block {
    flex-direction: row;
    justify-content: space-between;
    display: flex;
  }

  .afg-packs-grid-h {
    margin-right: 20px;
  }

  .afg-packs-h {
    text-align: left;
    font-size: 30px;
    line-height: 40px;
    top: 60px;
  }

  .afg-packs-grid-spacer {
    border: .5px solid #000;
    border-left: 1px solid #f8f6f4;
    border-right: 1px solid #f8f6f4;
  }

  .afg-eligibility {
    max-width: 100vw;
    padding: 50px 30px 30px;
  }

  .afg-accordion-trigger {
    grid-column-gap: 1rem;
  }

  .afg-accordion-wrapper, .afg-subdd-wrapper {
    width: 90vw;
  }

  .afg-timeline-grid {
    justify-items: center;
    margin-left: 0;
  }

  .afg-quote {
    padding: 100px 30px 30px;
  }

  .afg-quote-p {
    font-size: 26px;
    line-height: 36px;
  }

  .afg-cta {
    padding: 100px 30px 60px;
  }

  .afg-about {
    margin-left: 30px;
    margin-right: 30px;
    padding-top: 60px;
    padding-bottom: 100px;
  }

  .afg-about-logo {
    height: 30px;
  }

  .afg-about-p {
    width: 70vw;
  }

  .hero-illust-img-wrapper {
    width: auto;
  }

  .afg-how-it-works {
    width: 50%;
  }

  .afg-who-is-it-for {
    width: 50%;
    margin-top: 50px;
  }

  .afg-timeline-wrapper-l {
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-end;
  }

  .nav-link {
    padding-top: 10px;
    padding-bottom: 10px;
    display: inline-block;
  }

  .section-indicator {
    display: none;
  }

  .afg_timeline {
    padding: 100px 30px 30px;
  }

  .nav-menu-2 {
    flex-direction: column;
    padding-bottom: 30px;
    padding-left: 0;
  }

  .afg-packs-grid-dd {
    grid-template-rows: auto auto auto auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
  }

  .afg-packs-accordion-trigger {
    flex-direction: row;
    justify-content: space-between;
    display: flex;
  }

  .afg-timeline-h {
    top: 60px;
  }

  .hero-illust-logo {
    height: 26px;
    margin-top: 125px;
    padding: 34px 20px;
    top: 27px;
  }

  .hero-illust-img {
    width: 450px;
    min-width: 450px;
  }

  .image-33 {
    height: 26px;
  }

  .grid-3 {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr;
  }

  .afg-intro {
    padding: 30px;
  }
}

@media screen and (max-width: 479px) {
  .nav-logo-link.w--current {
    margin-left: 23px;
  }

  .nav-text {
    font-size: 16px;
  }

  .white-block._2 {
    padding-left: 5vw;
    padding-right: 5vw;
  }

  .testimonial-slider-l-arrow {
    margin-top: 243px;
    margin-bottom: 243px;
  }

  .testimonial-grid {
    height: 70vh;
  }

  .mobile-nav-menu {
    width: 100%;
    height: 100%;
    background-color: #fff;
    display: none;
  }

  .mobile-nav-menu-subgrid {
    grid-column-gap: 0px;
    grid-row-gap: 30px;
    grid-template-rows: auto auto auto auto auto;
    grid-template-columns: auto;
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .mobile-nav-menu-grid {
    height: 90vh;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-rows: min-content auto;
    grid-template-columns: auto;
    margin-top: 25px;
    margin-left: 25px;
    margin-right: 25px;
  }

  .close-button {
    width: 20px;
  }

  .grid {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-rows: auto auto;
    grid-template-columns: auto auto;
  }

  .our-process-gif-block {
    height: 40vh;
  }

  .mobile-nav {
    display: block;
  }

  .cs-top-bar {
    margin-bottom: 15vw;
  }

  .testimonial-slider-r-arrow {
    margin-top: 243px;
    margin-bottom: 243px;
  }

  .line {
    height: 1px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .cs-slide-nav {
    bottom: -10px;
  }

  .journal-collection-list {
    grid-row-gap: 50px;
    grid-template-columns: 1fr;
  }

  .journal-line {
    height: 1px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .celestia-slide-1 {
    background-position: 50%;
  }

  .celestia-slide-2 {
    background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/619c8a168fe24fe6e09f71c9_Celestia_Web%20Case%20Study%20Secondary.png");
    background-position: 50%;
  }

  .celestia-slide-3, .slide-1a, .slide-2a, .slide-3a, .slide-4a, .slide-5a, .slide-6a, .slide-7a {
    background-position: 50%;
  }

  .cs-slide-n {
    bottom: -10px;
  }

  .cs-line {
    height: 1px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .petitudo---slide-1, .petitudo---slide-2, .petitudo---slide-3, .petitudo---slide-4 {
    background-position: 50%;
  }

  .aw-slider {
    height: 70vw;
  }

  .fennel-1, .fennel-2, .fennel-3 {
    background-position: 50%;
  }

  .fennel-slider {
    height: 70vw;
  }

  .compass-slide-1, .compass-slide-2, .compass-slide-3, .compass-slide-4, .compass-slide-5, .compass-slide-6, .cavago-slide-1, .cavago-slide-2, .cavago-slide-3, .cavago-slide-4 {
    background-position: 50%;
  }

  .milestone-slider {
    height: 70vw;
  }

  .olivia-slider-1 {
    height: 100vw;
  }

  .olivia-slider-2 {
    height: 60vw;
  }

  .kin-slide-1, .kin-slide-2, .kin-slide-3, .bka-slide-1, .bka-slide-2, .bka-slide-3, .bka-slide-4, .we-dance---slide-1, .we-dance---slide-2, .we-dance---slide-3, .we-dance---slide-4, .we-dance---slide-5, .pom-slide-1, .pom-slide-2, .pom-slide-3, .pom-slide-4, .pom-slide-5, .ff18-slide-1, .ff18-slide-2, .ff18-slide-3, .ff18-slide-4, .ff18-slide-5, .ff18-slide-6, .ff18-slide-7, .ff18-slide-8 {
    background-position: 50%;
  }

  .ff18-hover-image {
    height: 55vw;
  }

  .ff18---slide-1, .ff18---slide-2, .ff18---slide-3, .ff18---slide-4, .ff18---slide-5 {
    background-position: 50%;
  }

  .eq-slider-1 {
    height: 55vw;
  }

  .eq-slide-1, .eq-slide-3 {
    background-position: 50%;
  }

  .eq-slide-2 {
    background-position: 50%;
    background-size: cover;
  }

  .archibald-slide-1 {
    background-position: 50%;
  }

  .archibald-video-1 {
    display: flex;
  }

  .archibald-slider-2 {
    height: 55vw;
  }

  .ascent-slide-1, .ascent-slide-2, .ascent-slide-3 {
    background-position: 50%;
  }

  .home-down-arrow {
    width: 8vw;
  }

  .home-down-arrow-link {
    margin-bottom: 3vw;
  }

  .background-video-6 {
    height: 120vw;
  }

  .rica-slide-1, .rica-slide-2, .cg-slide-1, .cg-slide-2, .cg-slide-3 {
    background-position: 50%;
  }

  .journal-main-page-p {
    margin-bottom: 50px;
  }

  .x-logo-slide-1, .x-logo-slide-2, .x-logo-slide-3, .x-slide-1, .x-slide-2, .x-slide-3 {
    background-position: 50%;
  }

  .wg-dd-1-togle {
    margin-top: 2px;
  }

  .uncommon-slider-1, .uncommon-slider-2, .uncommon-slider-3 {
    background-position: 50%;
  }

  .school-in-slider {
    height: 70vw;
  }

  .school-in-slider-2 {
    height: 80vw;
  }

  .school-in-slide-3-1 {
    background-position: 50% 70%;
  }

  .school-in-slider-3 {
    height: 80vw;
  }

  .dayaway-slider {
    height: 70vw;
  }

  .dayaway-slide-1, .dayaway-slide-3 {
    background-size: 130vw;
  }

  .dayaway-image-1, .dayaway-image-3 {
    background-size: 120vw;
  }

  .akuos-image-2 {
    background-size: 80vw;
  }

  .akuos-image-1 {
    height: 90vw;
    background-size: 120vw;
  }

  .cata-slide-1, .cata-slide-2, .cata-slide-3 {
    background-position: 50%;
  }

  .moom-image-1 {
    height: 95vw;
    background-size: 150vw;
  }

  .moom-slider-1 {
    height: 60vw;
  }

  .moom-slide-1, .moom-slide-2, .moom-slide-3, .moom-slide-4, .moom-slide-5 {
    background-position: 50% 100%;
  }

  .moom-slide-6 {
    background-position: 50% 100%;
    background-size: 110vw;
  }

  .cs---treedom-logo {
    height: 60vw;
  }

  .rockett-image-1 {
    background-size: 150vw;
  }

  .celestia-image-1 {
    background-size: 140vw;
  }

  .image-2 {
    object-position: 50% 50%;
  }

  .celestia-image-2 {
    background-position: 50% 65%;
    background-size: 250%;
  }

  .casacun-slide-1 {
    background-position: 50%;
  }

  .casacun-slide-2 {
    background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/619c8a168fe24fe6e09f71c9_Celestia_Web%20Case%20Study%20Secondary.png");
    background-position: 50%;
  }

  .casacun-slide-3, .casacun-slide-4, .casacun-slide-5 {
    background-position: 50%;
  }

  .tt-slide-1 {
    background-position: 50%;
    background-size: cover;
  }

  .tt-slide-3, .tt-slide-4, .tt-slide-5, .tt-slide-6 {
    background-position: 50%;
  }

  .tt-symbol-slider {
    height: 60vw;
  }

  .tt-hover-logo {
    background-position: 50% 70%;
    background-size: 110vw;
  }

  .tt-pattern {
    height: 45vw;
    background-size: 136vw;
  }

  .tt-image-1 {
    height: 50vw;
    background-size: cover;
  }

  .lj-slider-1 {
    height: 60vw;
  }

  .lj-slide-1, .lj-slide-2, .lj-slide-3 {
    background-position: 50% 100%;
  }

  .kl-logo-slider {
    height: 80vw;
  }

  .kl-logo-slide-1, .kl-logo-slide-2, .kl-logo-slide-3, .kl-logo-slide-4 {
    background-position: 50%;
  }

  .kl-image-1 {
    height: 50vw;
    background-size: cover;
  }

  .kl-image-2 {
    height: 100vw;
    background-size: cover;
  }

  .kl-image-3 {
    background-size: 500px;
  }

  .kl-slider-1 {
    height: 50vw;
  }

  .kl-slide-1, .kl-slide-2, .kl-slide-3, .kl-slide-4 {
    background-position: 50% 100%;
    background-size: cover;
  }

  .mk-image-1 {
    height: 60vw;
    background-size: 120vw;
  }

  .mk-image-2 {
    background-size: 150%;
  }

  .mk-image-4 {
    height: 80vw;
    background-position: 43%;
    background-size: cover;
  }

  .mk-image-5 {
    height: 80vw;
    background-size: cover;
  }

  .mk-image-6 {
    height: 60vw;
    background-size: cover;
  }

  .mr-logo-slider {
    height: 70vw;
  }

  .mr-logo-slide {
    background-position: 50%;
    background-size: 128vw;
  }

  .mr-image {
    height: 50vw;
  }

  .mr-image-2 {
    background-size: contain;
  }

  .mr-grid-2 {
    grid-row-gap: 40px;
  }

  .mr-image-4 {
    background-position: 50%;
    background-size: cover;
  }

  .cg2-image {
    height: 80vw;
    background-position: 50%;
  }

  .th-image {
    height: 50vw;
  }

  .cg2-slide-1 {
    background-position: 100%;
    background-size: cover;
  }

  .cg2-slide-2 {
    background-position: 0%;
    background-size: cover;
  }

  .cg2-slider-1 {
    height: 80vw;
  }

  .cg2-logo-slide-1, .cg2-logo-slide-2, .cg2-logo-slide-3 {
    background-position: 50%;
  }

  .cg2-slider-copy {
    height: 50vw;
    object-fit: fill;
  }

  .greater {
    height: 60vw;
    background-size: 110vw;
  }

  .greater-illustration-slider {
    width: auto;
    height: 50vw;
  }

  .greater-slider-1 {
    background-image: url("https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/62f9e3499ad000169aab1c48_Greater_Web%20Case%20Study10.png");
    background-position: 50% 10%;
    background-size: 100%;
  }

  .greater-slider-2 {
    height: 45px;
    background-position: 50% 10%;
    background-size: 100%;
  }

  .greater-image-3 {
    background-position: 50% 65%;
    background-size: 100%;
  }

  .salt-image-1 {
    height: 60vw;
    background-position: 50%;
  }

  .salt-image-2 {
    height: 95vw;
    background-position: 50%;
  }

  .pld-image-2, .pld-image-4 {
    height: 60vw;
    background-position: 50%;
  }

  .pld-logo-slider {
    height: 70vw;
  }

  .pld-slide {
    background-position: 50%;
    background-size: 128vw;
  }

  .pld-slide._2 {
    left: -1px;
  }

  .pld-slide._4 {
    left: 0;
  }

  .ocular-image {
    height: 60vw;
    background-position: 50%;
  }

  .lr-video-1, .lr-video-2 {
    height: 50vw;
  }

  .lr-image-1, .lr-image-2, .lr-image-3, .lr-image-4 {
    height: 60vw;
    background-position: 50%;
  }

  .lr-image-5 {
    height: 100vw;
    background-position: 50%;
  }

  .salt-image-3 {
    height: 60vw;
    background-position: 50%;
  }

  .hide {
    display: none;
  }

  .image-5.black {
    background-color: rgba(0, 0, 0, 0);
  }

  .nav-container {
    margin-left: 20px;
    margin-right: 20px;
  }

  .hp-hero {
    height: 85vh;
    padding: 45px;
  }

  .h1-2023 {
    font-size: 40px;
    line-height: 45px;
  }

  .h1-2023.page-hero {
    padding-right: 5px;
    font-size: 38px;
  }

  .h1-2023.page-hero.mobile {
    width: auto;
    display: block;
  }

  .h1-2023.page-hero.desktop {
    display: none;
  }

  .h1-2023.mobile {
    width: auto;
    display: block;
  }

  .h1-2023.desktop {
    display: none;
  }

  .h1-2023.approach {
    width: auto;
    top: 150px;
  }

  .arrow-hero {
    bottom: 10%;
  }

  .h2-2023.center-aligned.definition {
    padding-left: 10px;
    padding-right: 10px;
  }

  .h2-2023.center-aligned.definition.mobile {
    width: auto;
    flex-direction: column;
    align-items: center;
  }

  .h2-2023.center-aligned.mobile {
    width: auto;
    display: flex;
  }

  .h2-2023.center-aligned.desktop {
    display: none;
  }

  .h2-2023.center-aligned.mobile-8em {
    width: 8em;
  }

  .h2-2023.mobile {
    width: auto;
    display: block;
  }

  .h2-2023.faq {
    max-width: 250px;
    font-size: 20px;
    font-weight: 400;
    line-height: 26px;
  }

  .h2-2023.mobile-8em {
    width: 8em;
  }

  .body-text.speech-bubble {
    text-align: center;
    margin-left: 0;
    margin-right: 0;
    padding-bottom: 22px;
    padding-left: 9px;
    padding-right: 9px;
    font-size: 14px;
    line-height: 15px;
  }

  .speech-bubble {
    margin-left: 3.5rem;
    margin-right: 1rem;
  }

  .speech-bubble-img {
    width: 100%;
    height: 100%;
    max-width: none;
    object-fit: fill;
    display: block;
  }

  .project-card {
    margin-bottom: .5rem;
  }

  .project-description {
    font-size: 250%;
  }

  .project-description.work-page {
    font-size: 40px;
    line-height: 40px;
  }

  .project-button {
    justify-content: space-between;
    align-self: stretch;
    font-size: 12px;
  }

  .text-field {
    min-width: 200px;
    border-radius: 0;
  }

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

  .credits.right-aligned {
    max-width: 20rem;
  }

  .footer-divider {
    margin-left: 0;
    margin-right: 0;
  }

  .footer-divider.mobile {
    margin-left: 0;
    margin-right: 0;
    display: none;
  }

  .burger-menu-wrapper {
    display: none;
  }

  .burger-menu {
    padding-bottom: 40%;
  }

  .burger-nav-link {
    margin-top: 15px;
    margin-bottom: 15px;
    font-size: 18px;
    line-height: 17px;
  }

  .mobile {
    width: 30px;
    display: block;
  }

  .logo-wrapper {
    width: 120px;
    align-self: center;
    margin-right: 2rem;
  }

  .client-logo {
    align-self: center;
  }

  .carousel-wrapper {
    margin-top: 8%;
  }

  .about-hero {
    z-index: 1;
    height: 85vh;
    position: relative;
  }

  .divider-line.faq {
    width: 95%;
    margin-left: 0;
    margin-right: 0;
  }

  .divider-line.services {
    width: 90%;
    left: 5%;
    right: 5%;
  }

  .divider-line.work {
    margin-top: 3.5vh;
  }

  .work {
    padding-left: 2.5%;
    padding-right: 2.5%;
  }

  .mission-vision-section {
    height: 100vh;
    justify-content: space-around;
    padding-left: 5%;
    padding-right: 5%;
  }

  .approach-section {
    padding-top: 0%;
  }

  .approach-content-grid {
    height: 2500px;
    padding-top: 200px;
  }

  .approach-content {
    grid-template-columns: 2rem 30px minmax(100px, 300px);
    margin-left: 0;
    margin-right: 5%;
    top: 50vh;
  }

  .approach-text h2 {
    font-size: 25px;
  }

  .our-people-section {
    margin-top: 20vh;
  }

  .team-member-card {
    width: 90vw;
    max-width: 350px;
  }

  .ttp-video {
    width: 100%;
  }

  .ttp-slider-1 {
    height: 48vw;
  }

  .ttp-slider, .ttp-slider-2 {
    background-position: 50%;
    background-size: 128vw;
  }

  .lottie-animation {
    width: 84vw;
  }

  .lottie-animation-2 {
    width: 85vw;
    height: 80vw;
  }

  .image-7, .image-8 {
    height: 85vw;
  }

  .tabs {
    width: 90vw;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
  }

  .tabs-menu {
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 0;
    display: flex;
  }

  .service-tab-pane {
    align-self: flex-start;
  }

  .service-tab-wrapper {
    margin-top: 1rem;
    display: flex;
  }

  .services-text {
    width: auto;
    max-width: none;
    margin-top: 0;
  }

  .image-9 {
    max-height: none;
    min-height: 0;
  }

  .tabs-content {
    align-items: flex-start;
    display: flex;
  }

  .faq-section {
    margin-top: 20%;
    padding-left: 5%;
  }

  .cta-section.insights {
    margin-top: 10vh;
  }

  .journal-text-wrapper {
    padding-top: 5%;
    padding-bottom: 5%;
  }

  .journal-text-wrapper.hero {
    width: auto;
  }

  .journal-card-date {
    margin-top: 0;
  }

  .journal-highlighted-post {
    z-index: 2;
    position: relative;
  }

  .contact-hero._2 {
    margin-top: 90px;
  }

  .contact-div, .contact-div._1 {
    width: 90vw;
  }

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

  .contact-form-field, .contact-form-field.message {
    border-radius: 0;
  }

  .line-2 {
    height: 1px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .hide-copy {
    display: none;
  }

  .main-section, .client-quote {
    padding-left: 25px;
    padding-right: 25px;
  }

  .back-to-top-2023 {
    margin-top: 30%;
    margin-right: .5rem;
  }

  .project-page-nav-2023 {
    padding-top: 7px;
    padding-bottom: 7px;
    padding-right: 0;
  }

  .project-page-nav-menu-2023 {
    margin-top: -3px;
  }

  .project-page-footer-2023 {
    min-height: 15vh;
    grid-template-rows: 10rem .5fr 1px 1rem 1rem;
    grid-template-columns: 1fr 1fr 1fr;
  }

  .project-page-footer-2023._2 {
    grid-template-rows: 10rem .5fr 1px 2rem 4rem;
  }

  .social-wrapper {
    margin-left: 0;
  }

  .social-media-icons {
    grid-column-gap: 30%;
    grid-row-gap: 30%;
    padding-left: 20%;
    padding-right: 20%;
    bottom: 5%;
  }

  .text-block-8 {
    font-size: 10px;
  }

  .ymal-wrapper {
    max-width: 90vw;
  }

  .ymal-title {
    font-size: 15px;
    line-height: 22px;
  }

  .subheader-hero._1 {
    width: 70%;
    text-align: left;
  }

  .accordion-content {
    flex-direction: column;
    display: flex;
  }

  .accordion-wrapper {
    width: 90vw;
  }

  .work-filter-mobile-2023 {
    padding-top: 0;
  }

  .filter-arrow-2023 {
    height: auto;
  }

  .case-study-text h2 {
    margin-bottom: 20px;
  }

  .main-image {
    width: 100%;
    display: none;
  }

  .main-image._1 {
    display: block;
  }

  .carousel-wrapper-2 {
    margin-top: 5%;
  }

  .cc-wrapper {
    grid-template-rows: auto auto 90px 90px;
  }

  .arrow-button.watch-series {
    border-bottom-style: solid;
    border-right-style: none;
  }

  .black-arrow {
    max-width: 40px;
  }

  .white-arrow {
    max-width: 40%;
  }

  .div-block-6 {
    grid-column-gap: 2px;
    grid-row-gap: 7px;
    grid-template-rows: auto auto;
    grid-template-columns: auto 10px 1fr;
    grid-auto-columns: 1fr;
    margin-bottom: 20px;
    display: grid;
  }

  .pagination-3 {
    margin-top: 1rem;
  }

  .arrow-hero-about {
    bottom: 10%;
  }

  .cc-thumbnail-img {
    display: none;
  }

  .cc-thumbnail-img-mobile {
    height: auto;
    display: block;
  }

  .mission-vission-wrapper {
    width: 95vw;
  }

  .arrow-mission-vission {
    position: relative;
  }

  .approach-title-wrapper {
    position: absolute;
    top: 0;
  }

  .checkbox-field {
    align-self: flex-start;
  }

  .images-section {
    height: 100vh;
    justify-content: space-around;
    padding-left: 5%;
    padding-right: 5%;
  }

  .currently-showing {
    position: relative;
  }

  .afg-nav-container {
    margin-left: 20px;
    margin-right: 20px;
  }

  .afg-hero {
    z-index: 1;
    height: 100vh;
    position: relative;
  }

  .arrow-afg {
    bottom: 10%;
  }

  .afg-intro-div {
    width: 90vw;
  }

  .afg-packs {
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .afg-packs-grid-h._1, .afg-packs-grid-h._2, .afg-packs-grid-h._3 {
    max-width: 170px;
  }

  .afg-packs-h {
    font-size: 30px;
  }

  .afg-eligibility {
    padding: 100px 20px 20px;
  }

  .afg-accordion-content {
    flex-direction: column;
    display: flex;
  }

  .afg-accordion-wrapper {
    width: 90vw;
  }

  .afg-eligibility-dd {
    margin-top: 20px;
  }

  .afg-subdd-content {
    flex-direction: column;
    display: flex;
  }

  .afg-subdd-wrapper {
    width: 90vw;
  }

  .afg-timeline-grid {
    grid-column-gap: 20px;
    flex-direction: column;
    display: flex;
  }

  .timeline-p-l {
    text-align: center;
    align-self: center;
    align-items: center;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .timeline-p-r {
    text-align: center;
    align-self: center;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .timeline-line-dot-wrapper {
    display: none;
  }

  .afg-quote {
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .afg-quote-p {
    margin-bottom: 0;
  }

  .afg-cta {
    padding-left: 20px;
    padding-right: 20px;
  }

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

  .afg-about-p {
    width: 80vw;
  }

  .image-27 {
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .footer-text-wrapper {
    justify-content: space-between;
  }

  .hero-illust-img-wrapper {
    max-width: 100vw;
  }

  .afg-how-it-works, .afg-who-is-it-for {
    width: 60%;
  }

  .afg-timeline-img-r {
    width: 60vw;
    max-width: none;
    margin-top: 0;
    margin-bottom: 50px;
  }

  .afg-timeline-wrapper-l, .afg-timeline-wrapper-r {
    align-items: center;
  }

  .section-indicator {
    z-index: 400;
  }

  .afg_timeline {
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .nav-menu-2 {
    flex-direction: column;
  }

  .italic-text {
    padding-left: 20px;
  }

  .afg-timeline-img-l {
    width: 55vw;
    max-width: none;
    margin-top: 0;
    margin-bottom: 50px;
  }

  .afg-quote-p2 {
    text-align: left;
    text-indent: 0;
    text-transform: none;
    margin-left: 0;
  }

  .sect-indi-div-i.w--current, .sect-indi-div-dp.w--current, .sect-indi-div-e.w--current, .sect-indi-div-t.w--current {
    justify-content: flex-start;
  }

  .hero-illust-wrapper {
    width: 100vw;
  }

  .afg-intro {
    padding: 20px;
  }
}

#w-node-_637b2723-85bc-8e76-be35-f34a9ed8a889-710c9654 {
  grid-area: 1 / 1 / 2 / 2;
  align-self: start;
  justify-self: center;
}

#w-node-_5735211a-c434-ef33-359b-5699f06f6470-710c9654 {
  grid-area: 2 / 1 / 3 / 2;
  align-self: center;
  justify-self: center;
}

#w-node-_5735211a-c434-ef33-359b-5699f06f6464-710c9654 {
  grid-area: 3 / 1 / 4 / 2;
  align-self: end;
}

#w-node-_5735211a-c434-ef33-359b-5699f06f6466-710c9654, #w-node-_5735211a-c434-ef33-359b-5699f06f6468-710c9654, #w-node-_5735211a-c434-ef33-359b-5699f06f646a-710c9654, #w-node-_5735211a-c434-ef33-359b-5699f06f646c-710c9654 {
  align-self: end;
  justify-self: center;
}

#w-node-_5735211a-c434-ef33-359b-5699f06f646e-710c9654 {
  align-self: center;
  justify-self: center;
}

#w-node-_2b4d955b-6861-51c8-f018-5a455e355df2-710c9654 {
  align-self: start;
  justify-self: center;
}

#w-node-_2b4d955b-6861-51c8-f018-5a455e355df4-710c9654 {
  grid-area: 3 / 1 / 4 / 2;
  align-self: end;
}

#w-node-_2b4d955b-6861-51c8-f018-5a455e355df6-710c9654, #w-node-_2b4d955b-6861-51c8-f018-5a455e355df8-710c9654, #w-node-_2b4d955b-6861-51c8-f018-5a455e355dfa-710c9654, #w-node-_2b4d955b-6861-51c8-f018-5a455e355dfc-710c9654, #w-node-_2b4d955b-6861-51c8-f018-5a455e355dfe-710c9654 {
  align-self: center;
  justify-self: center;
}

#w-node-a57e678a-22ad-a8f1-ac24-2f926d361e21-710c9656 {
  justify-self: end;
}

#w-node-_6904f507-5069-3a6d-faad-fa0360465bfa-710c9656 {
  grid-area: 1 / 2 / 2 / 3;
  align-self: center;
  justify-self: center;
}

#w-node-_9df9118b-9ec1-cf14-a62c-5116ab2edd95-710c9656 {
  grid-area: 1 / 3 / 2 / 4;
  align-self: end;
}

#w-node-_60e8a6f7-a5f4-8408-ecb9-ae81288e5cdb-710c9656 {
  justify-self: end;
}

#w-node-_60e8a6f7-a5f4-8408-ecb9-ae81288e5cdf-710c9656 {
  grid-area: 1 / 2 / 2 / 3;
  align-self: center;
  justify-self: center;
}

#w-node-_2cc21f45-37dc-c822-1d2e-e0b34235b980-710c9656 {
  grid-area: 1 / 3 / 2 / 4;
  align-self: end;
}

#w-node-_0ed9690e-bca9-419b-36b1-6a66b465cf87-710c9656 {
  justify-self: end;
}

#w-node-a8fccbb4-8fed-7c5c-5a4a-49f249dd668e-710c9656 {
  grid-area: 1 / 3 / 2 / 4;
  align-self: end;
}

#w-node-_0ed9690e-bca9-419b-36b1-6a66b465cf8b-710c9656 {
  grid-area: 1 / 2 / 2 / 3;
  align-self: center;
  justify-self: center;
}

#w-node-_122d61b3-e174-1cdf-8e20-721fe92d074d-710c9656 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_122d61b3-e174-1cdf-8e20-721fe92d074e-710c9656 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-afb20a46-83e1-41a0-ea4b-e9c921fbffea-710c9656 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_041c387a-adfa-f7d4-9357-c1449cb011c7-710c9656 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_972f1991-6935-ac38-7f7e-779810b7f9a0-710c9656 {
  grid-area: 2 / 1 / 3 / 2;
}

#w-node-_2aa07d1e-4977-74e3-5587-8c7402cfa0b0-710c9656 {
  grid-area: 3 / 1 / 4 / 2;
  align-self: end;
}

#w-node-_7de7c889-bf92-5794-3a4a-f0ae9b9ca412-298eea16 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_3b146de1-60b4-a514-e1e5-0e45298eea17-298eea16 {
  align-self: end;
  justify-self: start;
}

#w-node-_3b146de1-60b4-a514-e1e5-0e45298eea1d-298eea16 {
  grid-area: 1 / 3 / 2 / 4;
  justify-self: end;
}

#w-node-d9f4b45f-33a2-2265-c165-43d1ab55d4d3-298eea16 {
  grid-area: 1 / 3 / 2 / 4;
  align-self: end;
  justify-self: end;
}

#w-node-_3b146de1-60b4-a514-e1e5-0e45298eea27-298eea16 {
  grid-area: 2 / 1 / 3 / 4;
  justify-self: stretch;
}

#w-node-_3b146de1-60b4-a514-e1e5-0e45298eea28-298eea16 {
  grid-area: 3 / 1 / 4 / 3;
}

#w-node-_3b146de1-60b4-a514-e1e5-0e45298eea2f-298eea16, #w-node-_710bbcf4-f985-edbd-2ac7-123a068628de-298eea16 {
  grid-area: 3 / 3 / 4 / 4;
  justify-self: end;
}

#w-node-_515bc879-5f21-fd18-f2f0-17744a2c4572-8d5ee551 {
  align-self: center;
}

#w-node-_26c15e05-03d3-550f-5a30-ed04607d473a-8d5ee551, #w-node-_602d1a91-127f-5987-1218-7f3e5bfa0d2c-8d5ee551 {
  justify-self: end;
}

#w-node-b2730641-fc7e-cb57-ed26-6cbd96715e5f-710c96a5 {
  grid-area: 5 / 1 / 6 / 3;
}

#estimated-budget.w-node-e02a7d14-2af4-bd2d-c6b9-5152e4f65ebb-710c96a5 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#Subject.w-node-_8793d106-2ef3-a236-4da6-81160a624651-710c96a5 {
  grid-area: 3 / 1 / 4 / 3;
}

#Message.w-node-edd2eef5-5c77-1124-629c-49f89df99bd5-710c96a5 {
  grid-area: 4 / 1 / 5 / 3;
  align-self: start;
}

#w-node-_6021d0da-8f77-1a82-c7ec-12961a277c27-710c96a5 {
  grid-area: 6 / 2 / 7 / 3;
}

#newsletter-sign-up.w-node-_53514e65-469e-7053-777c-004a3e3dfb70-710c96a5 {
  grid-area: 6 / 1 / 7 / 2;
  align-self: center;
}

#w-node-_6509bb0b-7c4e-aa4f-7739-fd125bffb4c1-710c96a5 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-edd2eef5-5c77-1124-629c-49f89df99bd6-710c96a5 {
  grid-area: 7 / 2 / 8 / 3;
  justify-self: end;
}

#w-node-e8c762b0-2656-66af-b2a1-ef2bfb0a3c91-710c96be {
  grid-area: 1 / 1 / 4 / 2;
}

#w-node-b765c674-151e-3b17-a835-76fcbc4bf16c-710c96be {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_80940859-5843-93fd-fbe0-e2bd7aa6f246-710c96be {
  grid-area: 2 / 2 / 3 / 2;
}

#w-node-_3fc65c2f-1563-6f68-db0b-ea80327308b0-710c96be {
  grid-area: 3 / 2 / 4 / 3;
}

#w-node-ff66c65e-3776-5562-f982-a02f3a2a0708-710c96be {
  grid-area: 4 / 2 / 5 / 3;
  align-self: end;
  justify-self: end;
}

#w-node-_2df975f6-b445-5232-bca3-34efe3ad56e5-e3ad56c0 {
  grid-area: 1 / 3 / 3 / 4;
}

#Email-Address-5.w-node-_2df975f6-b445-5232-bca3-34efe3ad56ea-e3ad56c0 {
  grid-area: 2 / 1 / 3 / 2;
}

#w-node-_2df975f6-b445-5232-bca3-34efe3ad56ec-e3ad56c0 {
  grid-area: 1 / 1 / 2 / 3;
}

#w-node-_2df975f6-b445-5232-bca3-34efe3ad56eb-e3ad56c0 {
  grid-area: 2 / 2 / 3 / 3;
}

#w-node-_5d0eafbf-56ff-6630-a204-c232eae7b283-e3ad56c0 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_2df975f6-b445-5232-bca3-34efe3ad56c3-e3ad56c0, #w-node-_2df975f6-b445-5232-bca3-34efe3ad56c5-e3ad56c0, #w-node-_2df975f6-b445-5232-bca3-34efe3ad56c7-e3ad56c0 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_2df975f6-b445-5232-bca3-34efe3ad56c9-e3ad56c0, #w-node-_2df975f6-b445-5232-bca3-34efe3ad56d3-e3ad56c0, #w-node-_2df975f6-b445-5232-bca3-34efe3ad56dc-e3ad56c0 {
  align-self: start;
}

#w-node-_2df975f6-b445-5232-bca3-34efe3ad56df-e3ad56c0 {
  grid-area: 2 / 1 / 3 / 3;
}

#w-node-_2df975f6-b445-5232-bca3-34efe3ad56e2-e3ad56c0 {
  grid-area: 1 / 1 / 2 / 2;
  align-self: end;
  justify-self: start;
}

#w-node-_10926f08-fa74-0b5d-8543-4151a10966c6-e3ad56c0 {
  grid-area: 1 / 2 / 3 / 3;
  align-self: end;
  justify-self: start;
}

#w-node-_2df975f6-b445-5232-bca3-34efe3ad56e0-e3ad56c0 {
  grid-area: 2 / 1 / 3 / 2;
  align-self: end;
  justify-self: start;
}

#w-node-_5c52bea1-5c8d-479f-97e3-59aa6d0f82f5-6d0f82f3 {
  grid-area: 1 / 1 / 2 / 2;
  align-self: start;
}

#w-node-_5c52bea1-5c8d-479f-97e3-59aa6d0f82f7-6d0f82f3 {
  grid-area: 2 / 3 / 3 / 4;
}

#First-Name-4.w-node-_5c52bea1-5c8d-479f-97e3-59aa6d0f82fa-6d0f82f3 {
  grid-area: 1 / 1 / 2 / 2;
}

#Email-Address-4.w-node-_5c52bea1-5c8d-479f-97e3-59aa6d0f82fc-6d0f82f3 {
  grid-area: 2 / 1 / 3 / 3;
}

#Subject-3.w-node-_5c52bea1-5c8d-479f-97e3-59aa6d0f82fd-6d0f82f3 {
  grid-area: 3 / 1 / 4 / 3;
}

#Message-3.w-node-_5c52bea1-5c8d-479f-97e3-59aa6d0f82fe-6d0f82f3 {
  grid-area: 4 / 1 / 5 / 3;
}

#w-node-_5c52bea1-5c8d-479f-97e3-59aa6d0f82ff-6d0f82f3 {
  grid-area: 5 / 2 / 6 / 3;
  align-self: end;
  justify-self: end;
}

#w-node-_54ea6eb2-7e1c-916f-2eef-51f76344f952-31f6a29b {
  align-self: center;
}

#w-node-d8d83156-7fd4-37a7-c9cf-739f9447fc25-9447fc21 {
  align-self: center;
  justify-self: end;
}

#w-node-d8d83156-7fd4-37a7-c9cf-739f9447fc26-9447fc21, #w-node-b0d5d705-3583-f5aa-641b-e19e06bd5f8e-9447fc21, #w-node-d8d83156-7fd4-37a7-c9cf-739f9447fc29-9447fc21, #w-node-d8d83156-7fd4-37a7-c9cf-739f9447fc2c-9447fc21, #w-node-d8d83156-7fd4-37a7-c9cf-739f9447fc2f-9447fc21, #w-node-_4383b152-b185-4396-63a7-c0e36bd4a246-9447fc21 {
  align-self: center;
}

#w-node-_9840f9d4-2e86-1126-474e-c0aa15d24972-710c96d5 {
  grid-area: 1 / 1 / 2 / 3;
}

#w-node-f69381b1-838b-31b1-6bae-5077ba6d2559-710c96d5 {
  grid-area: span 3 / span 1 / span 3 / span 1;
  align-self: start;
}

#w-node-_992234ed-79bd-e072-3ef5-8b7ff8aeab34-710c96d5 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-f69381b1-838b-31b1-6bae-5077ba6d2580-710c96d5 {
  grid-area: 2 / 2 / 3 / 3;
}

#w-node-f69381b1-838b-31b1-6bae-5077ba6d258d-710c96d5 {
  grid-area: 3 / 2 / 4 / 3;
}

#w-node-_787723c2-b2a0-5adb-3a42-93ef3a86bbde-8634c281 {
  align-self: center;
}

#w-node-_74039025-39f4-f500-53cb-1ffed1be601b-d1be6017 {
  align-self: center;
  justify-self: end;
}

#w-node-_1cbf6bf3-e0fd-b124-d0cb-aa9c7b9099da-d1be6017, #w-node-_74039025-39f4-f500-53cb-1ffed1be601c-d1be6017, #w-node-_74039025-39f4-f500-53cb-1ffed1be601f-d1be6017, #w-node-_74039025-39f4-f500-53cb-1ffed1be6022-d1be6017, #w-node-_74039025-39f4-f500-53cb-1ffed1be6025-d1be6017, #w-node-bcb76b5e-fdff-c9a8-60f8-1ecb8f5ac7e7-d1be6017 {
  align-self: center;
}

#w-node-d133d672-e10b-f8ce-ef4c-adfd4469373d-710c96e9 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-d133d672-e10b-f8ce-ef4c-adfd4469374b-710c96e9 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-cf77c0d3-760f-651f-8c0a-d1189ee2512a-710c96ea {
  grid-area: 1 / 1 / 2 / 3;
}

#w-node-b99f8e9d-bf4d-2fe1-84dd-09d020f42aba-710c96ea {
  grid-area: span 3 / span 1 / span 3 / span 1;
  align-self: start;
}

#w-node-_035b4404-31a5-8962-960b-2320f3527607-710c96ea {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-b99f8e9d-bf4d-2fe1-84dd-09d020f42ae1-710c96ea {
  grid-area: 2 / 2 / 3 / 3;
}

#w-node-b99f8e9d-bf4d-2fe1-84dd-09d020f42aee-710c96ea {
  grid-area: 3 / 2 / 4 / 3;
}

#w-node-_05ef77fb-ddd7-2e23-59c4-de3024648001-710c96eb {
  grid-area: 1 / 1 / 2 / 2;
  align-self: start;
}

#w-node-_05ef77fb-ddd7-2e23-59c4-de3024648003-710c96eb {
  grid-area: 2 / 3 / 3 / 4;
}

#First-Name-3.w-node-_05ef77fb-ddd7-2e23-59c4-de3024648006-710c96eb {
  grid-area: 1 / 1 / 2 / 2;
}

#Email-Address-3.w-node-_05ef77fb-ddd7-2e23-59c4-de3024648008-710c96eb {
  grid-area: 2 / 1 / 3 / 3;
}

#Subject.w-node-_05ef77fb-ddd7-2e23-59c4-de3024648009-710c96eb {
  grid-area: 3 / 1 / 4 / 3;
}

#Message.w-node-_05ef77fb-ddd7-2e23-59c4-de302464800a-710c96eb {
  grid-area: 4 / 1 / 5 / 3;
}

#w-node-_05ef77fb-ddd7-2e23-59c4-de302464800b-710c96eb {
  grid-area: 5 / 2 / 6 / 3;
}

#w-node-fc126fb9-3e51-538d-a3e4-7f6265a7c9c2-710c96eb {
  grid-area: 1 / 3 / 2 / 4;
  justify-self: end;
}

#w-node-fc126fb9-3e51-538d-a3e4-7f6265a7c9d1-710c96eb {
  justify-self: end;
}

#w-node-_7b42779b-1524-81ca-7313-5c3bf7e4d997-710c96eb {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_1a790552-6feb-fb20-c347-e45799e1f151-710c96eb {
  grid-area: 1 / 2 / 3 / 3;
}

#w-node-_5c648015-f80b-4e11-edb5-56f16b4b1724-710c96eb, #w-node-f3e498be-e4eb-32d7-bea2-36b6158fa4b7-710c96eb {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_78754c85-31a1-45d1-7be3-9440619156d1-710c96eb {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_78754c85-31a1-45d1-7be3-9440619156d2-710c96eb {
  grid-area: 1 / 2 / 2 / 3;
  align-self: center;
  justify-self: center;
}

#w-node-_78754c85-31a1-45d1-7be3-9440619156d6-710c96eb {
  grid-area: 2 / 1 / 3 / 2;
  align-self: end;
}

#w-node-_78754c85-31a1-45d1-7be3-9440619156dc-710c96eb {
  grid-area: 2 / 3 / 3 / 4;
  align-self: end;
  justify-self: end;
}

#w-node-_78754c85-31a1-45d1-7be3-9440619156e6-710c96eb {
  grid-area: 4 / 1 / 5 / 2;
}

#w-node-_78754c85-31a1-45d1-7be3-9440619156ed-710c96eb {
  grid-area: 4 / 3 / 5 / 4;
  justify-self: end;
}

#w-node-_78754c85-31a1-45d1-7be3-9440619156ef-710c96eb {
  grid-area: 3 / 1 / 4 / 4;
  justify-self: stretch;
}

#w-node-a876ce83-3cc2-625f-cc63-2c18472c581f-ef5560bc {
  align-self: center;
}

#w-node-e9b26907-fab2-d502-f0ef-973011d10194-11d10190 {
  align-self: center;
  justify-self: end;
}

#w-node-_90f5f22c-2c5f-be73-1963-1f143f29e917-11d10190, #w-node-e9b26907-fab2-d502-f0ef-973011d10195-11d10190, #w-node-e9b26907-fab2-d502-f0ef-973011d10198-11d10190, #w-node-e9b26907-fab2-d502-f0ef-973011d1019b-11d10190, #w-node-e9b26907-fab2-d502-f0ef-973011d1019e-11d10190, #w-node-_641bcbd6-1f7c-a124-0b7a-b15b1aa5390c-11d10190 {
  align-self: center;
}

#w-node-_6ffadd1c-6c29-696f-4830-b7e4f508732f-710c9716 {
  grid-area: 2 / 1 / 4 / 2;
  align-self: center;
  justify-self: stretch;
}

#w-node-d244f746-a35a-8d73-1da2-b77aa57e5166-710c9716 {
  grid-area: 2 / 2 / 3 / 3;
  justify-self: stretch;
}

#w-node-_85b57470-3c15-ccb2-5987-896aa40d058d-710c9716 {
  grid-area: 3 / 2 / 4 / 3;
}

#w-node-_2a9ed15d-0597-b71d-451d-ceb3bad2467a-710c9716, #w-node-f0657981-0c73-c5f6-5a0e-a575ce5dc6f7-710c9716 {
  grid-area: 1 / 1 / 2 / 3;
}

#w-node-_90db01df-de13-0cae-fdc7-5bf433e34ed6-710c9726 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_76582b7c-c3f4-8137-56fd-796cd56d1993-710c9726, #w-node-_90db01df-de13-0cae-fdc7-5bf433e34f03-710c9726 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_66d94a19-7956-024c-a584-d18df58db270-710c97b9 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_9dae4c12-0ba6-4d41-992b-21084d2abca7-710c97b9 {
  grid-area: 1 / 2 / 2 / 3;
  align-self: start;
}

#w-node-_083597b7-6491-f4ad-dc49-be519ab21c8b-710c97b9 {
  grid-area: 1 / 2 / 2 / 3;
}

#Subject.w-node-_8793d106-2ef3-a236-4da6-81160a624651-1cce5c25 {
  grid-area: 3 / 1 / 4 / 3;
}

#Message.w-node-edd2eef5-5c77-1124-629c-49f89df99bd5-1cce5c25 {
  grid-area: 4 / 1 / 5 / 3;
  align-self: start;
}

#w-node-_315ae0ff-4abd-991c-48c4-2cbda78260fa-1cce5c25 {
  grid-area: 5 / 2 / 6 / 3;
}

#newsletter-sign-up.w-node-_53514e65-469e-7053-777c-004a3e3dfb70-1cce5c25 {
  grid-area: 5 / 1 / 6 / 2;
  align-self: center;
}

#w-node-d34f6d5c-6370-3d4f-6e4f-b8609f119407-1cce5c25 {
  grid-area: 6 / 1 / 7 / 3;
}

#w-node-edd2eef5-5c77-1124-629c-49f89df99bd6-1cce5c25 {
  grid-area: 6 / 2 / 7 / 3;
  justify-self: end;
}

@media screen and (min-width: 1440px) {
  #w-node-_5c52bea1-5c8d-479f-97e3-59aa6d0f82f7-6d0f82f3 {
    grid-area: 2 / 3 / 3 / 4;
  }

  #w-node-_5c52bea1-5c8d-479f-97e3-59aa6d0f82ff-6d0f82f3 {
    grid-area: 5 / 2 / 6 / 3;
    align-self: end;
    justify-self: end;
  }
}

@media screen and (min-width: 1280px) {
  #w-node-d133d672-e10b-f8ce-ef4c-adfd4469374b-710c96e9, #w-node-_76582b7c-c3f4-8137-56fd-796cd56d1993-710c9726 {
    align-self: center;
    justify-self: center;
  }
}

@media screen and (max-width: 991px) {
  #w-node-_3b146de1-60b4-a514-e1e5-0e45298eea28-298eea16 {
    grid-area: 3 / 1 / 4 / 3;
  }

  #w-node-_710bbcf4-f985-edbd-2ac7-123a068628de-298eea16 {
    grid-area: 4 / 1 / 5 / 3;
    justify-self: start;
  }

  #w-node-_26c15e05-03d3-550f-5a30-ed04607d4737-8d5ee551 {
    grid-area: 1 / 1 / 2 / 2;
    justify-self: start;
  }

  #w-node-_515bc879-5f21-fd18-f2f0-17744a2c4572-8d5ee551 {
    justify-self: center;
  }

  #w-node-_26c15e05-03d3-550f-5a30-ed04607d473a-8d5ee551 {
    grid-area: 1 / 3 / 2 / 4;
    justify-self: end;
  }

  #w-node-_5c52bea1-5c8d-479f-97e3-59aa6d0f82f7-6d0f82f3, #Email-Address-4.w-node-_5c52bea1-5c8d-479f-97e3-59aa6d0f82fc-6d0f82f3, #w-node-_05ef77fb-ddd7-2e23-59c4-de3024648003-710c96eb, #Email-Address-3.w-node-_05ef77fb-ddd7-2e23-59c4-de3024648008-710c96eb {
    grid-area: 2 / 1 / 3 / 3;
  }

  #w-node-fc126fb9-3e51-538d-a3e4-7f6265a7c9c0-710c96eb {
    grid-area: 1 / 1 / 2 / 2;
    justify-self: start;
  }

  #w-node-_7354739a-673b-f952-847c-9c66e10a6797-710c96eb {
    align-self: center;
    justify-self: center;
  }

  #w-node-fc126fb9-3e51-538d-a3e4-7f6265a7c9c2-710c96eb {
    grid-area: 1 / 3 / 2 / 4;
    justify-self: end;
  }

  #w-node-_2c3495cc-67ae-c198-9711-6d1d2a101387-710c9759 {
    grid-area: 1 / 1 / 2 / 2;
  }
}

@media screen and (max-width: 767px) {
  #w-node-d9f4b45f-33a2-2265-c165-43d1ab55d4d3-298eea16 {
    grid-column: 2 / 3;
  }

  #w-node-_3b146de1-60b4-a514-e1e5-0e45298eea27-298eea16, #w-node-_3b146de1-60b4-a514-e1e5-0e45298eea28-298eea16 {
    grid-column-end: 3;
  }

  #w-node-_3b146de1-60b4-a514-e1e5-0e45298eea2f-298eea16, #w-node-_710bbcf4-f985-edbd-2ac7-123a068628de-298eea16 {
    grid-row: 4 / 5;
    grid-column-start: 1;
    justify-self: start;
  }

  #w-node-_602d1a91-127f-5987-1218-7f3e5bfa0d2d-8d5ee551 {
    align-self: center;
  }

  #First-Name.w-node-edd2eef5-5c77-1124-629c-49f89df99bd2-710c96a5 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #Last-Name.w-node-_2939ddf1-c2ab-4049-0cc0-bc675b5636d7-710c96a5 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #Email-2.w-node-d35d05ee-f288-5330-9a9c-8c5692196794-710c96a5 {
    grid-area: 3 / 1 / 4 / 2;
  }

  #Company.w-node-_77c736f0-47f1-d808-e91d-aa8cbe10ea2f-710c96a5 {
    grid-area: 4 / 1 / 5 / 2;
  }

  #w-node-b2730641-fc7e-cb57-ed26-6cbd96715e5f-710c96a5 {
    grid-row: 7 / 8;
    grid-column-end: 2;
  }

  #Subject.w-node-_8793d106-2ef3-a236-4da6-81160a624651-710c96a5 {
    grid-row: 5 / 6;
    grid-column-end: 2;
  }

  #Message.w-node-edd2eef5-5c77-1124-629c-49f89df99bd5-710c96a5 {
    grid-row: 6 / 7;
    grid-column-end: 2;
  }

  #w-node-_6021d0da-8f77-1a82-c7ec-12961a277c27-710c96a5, #newsletter-sign-up.w-node-_53514e65-469e-7053-777c-004a3e3dfb70-710c96a5, #w-node-_6509bb0b-7c4e-aa4f-7739-fd125bffb4c1-710c96a5, #w-node-edd2eef5-5c77-1124-629c-49f89df99bd6-710c96a5 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_2df975f6-b445-5232-bca3-34efe3ad56e5-e3ad56c0 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_5d0eafbf-56ff-6630-a204-c232eae7b283-e3ad56c0 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_2df975f6-b445-5232-bca3-34efe3ad56c2-e3ad56c0 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-_2df975f6-b445-5232-bca3-34efe3ad56df-e3ad56c0 {
    grid-area: 3 / 1 / 4 / 2;
  }

  #w-node-_2df975f6-b445-5232-bca3-34efe3ad56e2-e3ad56c0 {
    grid-area: 2 / 1 / 3 / 2;
    align-self: end;
    justify-self: start;
  }

  #w-node-_10926f08-fa74-0b5d-8543-4151a10966c6-e3ad56c0 {
    grid-area: 1 / 1 / 2 / 2;
    align-self: end;
    justify-self: start;
  }

  #w-node-_2df975f6-b445-5232-bca3-34efe3ad56e0-e3ad56c0 {
    grid-area: 3 / 1 / 4 / 2;
  }

  #w-node-_5c52bea1-5c8d-479f-97e3-59aa6d0f82f7-6d0f82f3 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-_5c52bea1-5c8d-479f-97e3-59aa6d0f82ff-6d0f82f3 {
    grid-area: 6 / 1 / 7 / 3;
    align-self: auto;
    justify-self: start;
  }

  #w-node-_4a3aae2b-78e8-29aa-1a68-795278909c38-6d0f82f3 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_98ee79db-b5ba-970e-0138-fe0731f6a29e-31f6a29b {
    justify-self: start;
  }

  #w-node-_98ee79db-b5ba-970e-0138-fe0731f6a2a0-31f6a29b {
    align-self: center;
    justify-self: end;
  }

  #w-node-_98ee79db-b5ba-970e-0138-fe0731f6a2a3-31f6a29b {
    justify-self: end;
  }

  #w-node-_98ee79db-b5ba-970e-0138-fe0731f6a2a4-31f6a29b {
    align-self: center;
  }

  #w-node-_98ee79db-b5ba-970e-0138-fe0731f6a2a5-31f6a29b, #w-node-_98ee79db-b5ba-970e-0138-fe0731f6a2a8-31f6a29b, #w-node-_98ee79db-b5ba-970e-0138-fe0731f6a2ab-31f6a29b, #w-node-_98ee79db-b5ba-970e-0138-fe0731f6a2ae-31f6a29b, #w-node-_98ee79db-b5ba-970e-0138-fe0731f6a2b1-31f6a29b, #w-node-_043f6264-a3da-0dfa-f9c6-d03f6ef87737-31f6a29b {
    justify-self: center;
  }

  #w-node-_54ea6eb2-7e1c-916f-2eef-51f76344f952-31f6a29b {
    align-self: center;
    justify-self: center;
  }

  #w-node-ef80912d-af5d-88c6-5d88-eede8634c284-8634c281 {
    justify-self: start;
  }

  #w-node-ef80912d-af5d-88c6-5d88-eede8634c286-8634c281 {
    align-self: center;
    justify-self: end;
  }

  #w-node-ef80912d-af5d-88c6-5d88-eede8634c289-8634c281 {
    justify-self: end;
  }

  #w-node-ef80912d-af5d-88c6-5d88-eede8634c28a-8634c281 {
    align-self: center;
  }

  #w-node-ef80912d-af5d-88c6-5d88-eede8634c28b-8634c281, #w-node-ef80912d-af5d-88c6-5d88-eede8634c28e-8634c281, #w-node-ef80912d-af5d-88c6-5d88-eede8634c291-8634c281, #w-node-ef80912d-af5d-88c6-5d88-eede8634c294-8634c281, #w-node-ef80912d-af5d-88c6-5d88-eede8634c297-8634c281, #w-node-_86ec60e9-c6c1-c94e-93db-69151d9766ad-8634c281 {
    justify-self: center;
  }

  #w-node-_787723c2-b2a0-5adb-3a42-93ef3a86bbde-8634c281 {
    align-self: center;
    justify-self: center;
  }

  #w-node-_05ef77fb-ddd7-2e23-59c4-de3024648003-710c96eb {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-fc126fb9-3e51-538d-a3e4-7f6265a7c9c0-710c96eb {
    justify-self: start;
  }

  #w-node-fc126fb9-3e51-538d-a3e4-7f6265a7c9c4-710c96eb {
    align-self: center;
  }

  #w-node-ad7f01c7-1fcd-90e5-6339-9719ef5560bf-ef5560bc {
    justify-self: start;
  }

  #w-node-ad7f01c7-1fcd-90e5-6339-9719ef5560c1-ef5560bc {
    align-self: center;
    justify-self: end;
  }

  #w-node-ad7f01c7-1fcd-90e5-6339-9719ef5560c4-ef5560bc {
    justify-self: end;
  }

  #w-node-ad7f01c7-1fcd-90e5-6339-9719ef5560c5-ef5560bc {
    align-self: center;
  }

  #w-node-ad7f01c7-1fcd-90e5-6339-9719ef5560c6-ef5560bc, #w-node-e70e41f3-d3f4-77d3-d0cf-39900d509ccb-ef5560bc, #w-node-ad7f01c7-1fcd-90e5-6339-9719ef5560c9-ef5560bc, #w-node-ad7f01c7-1fcd-90e5-6339-9719ef5560cc-ef5560bc, #w-node-ad7f01c7-1fcd-90e5-6339-9719ef5560cf-ef5560bc, #w-node-_32576d1e-00ea-dd92-3dbf-2ac818b92e36-ef5560bc {
    justify-self: center;
  }

  #w-node-a876ce83-3cc2-625f-cc63-2c18472c581f-ef5560bc {
    align-self: center;
    justify-self: center;
  }

  #w-node-_6ffadd1c-6c29-696f-4830-b7e4f508732f-710c9716 {
    grid-row-end: 3;
    grid-column-end: 3;
  }

  #w-node-d244f746-a35a-8d73-1da2-b77aa57e5166-710c9716 {
    grid-area: 3 / 1 / 4 / 2;
  }

  #First-Name.w-node-edd2eef5-5c77-1124-629c-49f89df99bd2-1cce5c25 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #Last-Name.w-node-_2939ddf1-c2ab-4049-0cc0-bc675b5636d7-1cce5c25 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #Email-2.w-node-d35d05ee-f288-5330-9a9c-8c5692196794-1cce5c25 {
    grid-area: 3 / 1 / 4 / 2;
  }

  #Company.w-node-_77c736f0-47f1-d808-e91d-aa8cbe10ea2f-1cce5c25 {
    grid-area: 4 / 1 / 5 / 2;
  }

  #Subject.w-node-_8793d106-2ef3-a236-4da6-81160a624651-1cce5c25 {
    grid-row: 5 / 6;
    grid-column-end: 2;
  }

  #Message.w-node-edd2eef5-5c77-1124-629c-49f89df99bd5-1cce5c25 {
    grid-row: 6 / 7;
    grid-column-end: 2;
  }

  #w-node-_315ae0ff-4abd-991c-48c4-2cbda78260fa-1cce5c25 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #newsletter-sign-up.w-node-_53514e65-469e-7053-777c-004a3e3dfb70-1cce5c25 {
    grid-area: 8 / 1 / 8 / 2;
  }

  #w-node-d34f6d5c-6370-3d4f-6e4f-b8609f119407-1cce5c25 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-edd2eef5-5c77-1124-629c-49f89df99bd6-1cce5c25 {
    grid-area: 10 / 1 / 11 / 2;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_041c387a-adfa-f7d4-9357-c1449cb011c7-710c9656 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_7de7c889-bf92-5794-3a4a-f0ae9b9ca412-298eea16 {
    grid-area: 1 / 1 / 2 / 3;
  }

  #w-node-_3b146de1-60b4-a514-e1e5-0e45298eea1d-298eea16 {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-d9f4b45f-33a2-2265-c165-43d1ab55d4d3-298eea16 {
    grid-area: 2 / 1 / 3 / 2;
    justify-self: start;
  }

  #w-node-_3b146de1-60b4-a514-e1e5-0e45298eea2f-298eea16 {
    grid-area: 1 / 1 / 2 / 4;
    justify-self: start;
  }

  #w-node-_3b146de1-60b4-a514-e1e5-0e45298eea29-298eea16 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-_24c95140-0206-5802-b016-1d9d8cd590f9-298eea16 {
    grid-area: 2 / 2 / 3 / 3;
    align-self: center;
    justify-self: center;
  }

  #w-node-_3b146de1-60b4-a514-e1e5-0e45298eea2d-298eea16 {
    grid-area: 2 / 3 / 3 / 4;
  }

  #w-node-_602d1a91-127f-5987-1218-7f3e5bfa0d2d-8d5ee551 {
    align-self: center;
  }

  #w-node-_6021d0da-8f77-1a82-c7ec-12961a277c27-710c96a5, #newsletter-sign-up.w-node-_53514e65-469e-7053-777c-004a3e3dfb70-710c96a5, #w-node-_6509bb0b-7c4e-aa4f-7739-fd125bffb4c1-710c96a5, #w-node-edd2eef5-5c77-1124-629c-49f89df99bd6-710c96a5 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_98ee79db-b5ba-970e-0138-fe0731f6a2a4-31f6a29b {
    grid-area: 2 / 1 / 3 / 2;
    align-self: center;
  }

  #w-node-_98ee79db-b5ba-970e-0138-fe0731f6a2a5-31f6a29b, #w-node-_98ee79db-b5ba-970e-0138-fe0731f6a2a8-31f6a29b {
    justify-self: center;
  }

  #w-node-_98ee79db-b5ba-970e-0138-fe0731f6a2ab-31f6a29b, #w-node-_98ee79db-b5ba-970e-0138-fe0731f6a2ae-31f6a29b, #w-node-_98ee79db-b5ba-970e-0138-fe0731f6a2b1-31f6a29b {
    grid-area: span 1 / span 1 / span 1 / span 1;
    justify-self: center;
  }

  #w-node-ef80912d-af5d-88c6-5d88-eede8634c28a-8634c281 {
    grid-area: 2 / 1 / 3 / 2;
    align-self: center;
  }

  #w-node-ef80912d-af5d-88c6-5d88-eede8634c28b-8634c281, #w-node-ef80912d-af5d-88c6-5d88-eede8634c28e-8634c281 {
    justify-self: center;
  }

  #w-node-ef80912d-af5d-88c6-5d88-eede8634c291-8634c281, #w-node-ef80912d-af5d-88c6-5d88-eede8634c294-8634c281, #w-node-ef80912d-af5d-88c6-5d88-eede8634c297-8634c281 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    justify-self: center;
  }

  #w-node-_2924884c-c012-7c44-90d2-bb91106d5377-710c96eb {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-fc126fb9-3e51-538d-a3e4-7f6265a7c9c4-710c96eb {
    align-self: center;
  }

  #w-node-_78754c85-31a1-45d1-7be3-9440619156d1-710c96eb {
    grid-column: 1 / 4;
  }

  #w-node-_78754c85-31a1-45d1-7be3-9440619156d6-710c96eb {
    grid-column-end: 3;
  }

  #w-node-_78754c85-31a1-45d1-7be3-9440619156dc-710c96eb {
    grid-column: 2 / 4;
    justify-self: end;
  }

  #w-node-_78754c85-31a1-45d1-7be3-9440619156e6-710c96eb {
    grid-area: 4 / 1 / 5 / 3;
  }

  #w-node-_78754c85-31a1-45d1-7be3-9440619156ed-710c96eb {
    grid-area: 5 / 1 / 6 / 4;
    justify-self: start;
  }

  #w-node-ad7f01c7-1fcd-90e5-6339-9719ef5560c5-ef5560bc {
    grid-area: 2 / 1 / 3 / 2;
    align-self: center;
  }

  #w-node-ad7f01c7-1fcd-90e5-6339-9719ef5560c6-ef5560bc, #w-node-e70e41f3-d3f4-77d3-d0cf-39900d509ccb-ef5560bc {
    justify-self: center;
  }

  #w-node-ad7f01c7-1fcd-90e5-6339-9719ef5560c9-ef5560bc, #w-node-ad7f01c7-1fcd-90e5-6339-9719ef5560cc-ef5560bc {
    grid-area: span 1 / span 1 / span 1 / span 1;
    justify-self: center;
  }

  #w-node-ad7f01c7-1fcd-90e5-6339-9719ef5560cf-ef5560bc {
    grid-area: 4 / 1 / 5 / 2;
    justify-self: center;
  }

  #w-node-a876ce83-3cc2-625f-cc63-2c18472c581f-ef5560bc {
    grid-area: 5 / 1 / 6 / 2;
  }

  #w-node-d244f746-a35a-8d73-1da2-b77aa57e5166-710c9716 {
    grid-column-end: 3;
  }

  #w-node-_85b57470-3c15-ccb2-5987-896aa40d058d-710c9716 {
    grid-row: 4 / 5;
    grid-column-start: 1;
  }

  #w-node-f0657981-0c73-c5f6-5a0e-a575ce5dc6f7-710c9716 {
    grid-area: 1 / 1 / 2 / 3;
  }
}

@font-face {
  font-family: 'Apercupro';
  src: url('https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5f59bb9305506472bddc41db_ApercuPro-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Apercupro';
  src: url('https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5f59bb94d9f06c34afb80f61_ApercuPro-BoldItalic.otf') format('opentype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Apercupro';
  src: url('https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5f59bb9493b6de6f7a14ed33_ApercuPro-Light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Apercupro';
  src: url('https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5f59bb9492a71f63e1cc82dd_ApercuPro-LightItalic.otf') format('opentype');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Apercupro';
  src: url('https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5f59bb941ba919c3d1ffb78f_ApercuPro-Medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Apercupro';
  src: url('https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5f59bb9493b6de6fbf14ed34_ApercuPro-MediumItalic.otf') format('opentype');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Apercupro';
  src: url('https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5f59bb94e9136e77c99bff91_ApercuPro-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Apercupro';
  src: url('https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/5f59bb95240e9f2d9c4ed9f8_ApercuPro-RegularItalic.otf') format('opentype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Theseasons lt';
  src: url('https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/641d7d6cf0752c0e0d666382_TheSeasons-Lt.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Theseasons reg';
  src: url('https://uploads-ssl.webflow.com/5f59b088f529232ee17d0583/641d7d6cd68be4864a5efd7b_TheSeasons-Reg.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}