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

body {
  margin: 0;
}

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

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

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

[hidden], template {
  display: none;
}

a {
  background-color: #0000;
}

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

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

b, strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

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

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

small {
  font-size: 80%;
}

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

sup {
  top: -.5em;
}

sub {
  bottom: -.25em;
}

img {
  border: 0;
}

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

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

pre {
  overflow: auto;
}

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

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

button {
  overflow: visible;
}

button, select {
  text-transform: none;
}

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

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

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

input {
  line-height: normal;
}

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

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

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

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

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

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

td, th {
  padding: 0;
}

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

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

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

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

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

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

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

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

* {
  box-sizing: border-box;
}

html {
  height: 100%;
}

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

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

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

.w-block {
  display: block;
}

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

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

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

.w-hidden {
  display: none;
}

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

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

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

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

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

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

.w-optimization {
  display: contents;
}

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

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

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

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

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

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

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

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

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

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

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

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

figure {
  margin: 0 0 10px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .w-col {
    width: 100%;
  }

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

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

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

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

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

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

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

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

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

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

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

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

.w-widget {
  position: relative;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@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: #000000e6;
  outline: 0;
  font-family: Helvetica Neue, Helvetica, Ubuntu, Segoe UI, Verdana, sans-serif;
  font-size: 17px;
  font-style: normal;
  font-weight: 300;
  line-height: 1.2;
  list-style: disc;
  position: fixed;
  inset: 0;
  -webkit-transform: translate(0);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.w-tabs {
  position: relative;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@font-face {
  font-family: Wfvisualsansvf;
  src: url("https://cdn.prod.website-files.com/6918698fdd7deae62be0a467/69b40570150a7107e0746780_WFVisualSansVF.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

:root {
  --color--background-primary: #fff0;
  --font-family--font-primary: Wfvisualsansvf, Arial, sans-serif;
  --color--primary: #000;
  --font-family--font-secondary: Wfvisualsansvf, Arial, sans-serif;
  --color--secondary: #73757780;
  --color--border-mutted: #d4d6d8;
  --color--white: #fff;
  --purple: #2f1893;
  --yellow: #ffd703;
  --transparent: var(--color--white);
  --hp-heading: #3e357e;
  --purple-2: #aea2de;
  --background-2: #eceff8;
  --black\<deleted\|variable-c84a60ed\>: black;
  --color--error-background: #ffc5c5;
  --color--error: #751515;
  --color--form-placeholder: #a5a7a9;
  --color--success-background: #abe9a3;
  --color--success: #114c09;
  --text-alt: var(--color--success);
  --font-family--font-third: Overused-Grotesk;
  --color--background-mutted: #f3f4f5;
}

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

.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-commerce-commercecartwrapper {
  display: inline-block;
  position: relative;
}

.w-commerce-commercecartopenlink {
  color: #fff;
  cursor: pointer;
  appearance: none;
  background-color: #3898ec;
  border-width: 0;
  border-radius: 0;
  align-items: center;
  padding: 9px 15px;
  text-decoration: none;
  display: flex;
}

.w-commerce-commercecartopenlinkcount {
  color: #3898ec;
  text-align: center;
  background-color: #fff;
  border-radius: 9px;
  min-width: 18px;
  height: 18px;
  margin-left: 8px;
  padding-left: 6px;
  padding-right: 6px;
  font-size: 11px;
  font-weight: 700;
  line-height: 18px;
  display: inline-block;
}

.w-commerce-commercecartcontainerwrapper {
  z-index: 1001;
  background-color: #000c;
  position: fixed;
  inset: 0;
}

.w-commerce-commercecartcontainerwrapper--cartType-modal {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.w-commerce-commercecartcontainerwrapper--cartType-leftSidebar {
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.w-commerce-commercecartcontainerwrapper--cartType-rightSidebar {
  flex-direction: row;
  justify-content: flex-end;
  align-items: stretch;
  display: flex;
}

.w-commerce-commercecartcontainerwrapper--cartType-leftDropdown {
  background-color: #0000;
  position: absolute;
  inset: 100% auto auto 0;
}

.w-commerce-commercecartcontainerwrapper--cartType-rightDropdown {
  background-color: #0000;
  position: absolute;
  inset: 100% 0 auto auto;
}

.w-commerce-commercecartcontainer {
  background-color: #fff;
  flex-direction: column;
  width: 100%;
  min-width: 320px;
  max-width: 480px;
  display: flex;
  overflow: auto;
  box-shadow: 0 5px 25px #00000040;
}

.w-commerce-commercecartheader {
  border-bottom: 1px solid #e6e6e6;
  flex: none;
  justify-content: space-between;
  align-items: center;
  padding: 16px 24px;
  display: flex;
  position: relative;
}

.w-commerce-commercecartheading {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}

.w-commerce-commercecartcloselink {
  width: 16px;
  height: 16px;
}

.w-commerce-commercecartformwrapper {
  flex-direction: column;
  flex: 1;
  display: flex;
}

.w-commerce-commercecartform {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  display: flex;
}

.w-commerce-commercecartlist {
  -webkit-overflow-scrolling: touch;
  flex: 1;
  padding: 12px 24px;
  overflow: auto;
}

.w-commerce-commercecartitem {
  align-items: flex-start;
  padding-top: 12px;
  padding-bottom: 12px;
  display: flex;
}

.w-commerce-commercecartitemimage {
  width: 60px;
  height: 0%;
}

.w-commerce-commercecartiteminfo {
  flex-direction: column;
  flex: 1;
  margin-left: 16px;
  margin-right: 16px;
  display: flex;
}

.w-commerce-commercecartproductname {
  font-weight: 700;
}

.w-commerce-commercecartoptionlist {
  margin-bottom: 0;
  padding-left: 0;
  text-decoration: none;
  list-style-type: none;
}

.w-commerce-commercecartquantity {
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 60px;
  height: 38px;
  margin-bottom: 10px;
  padding: 8px 6px 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecartquantity::placeholder {
  color: #999;
}

.w-commerce-commercecartquantity:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecartfooter {
  border-top: 1px solid #e6e6e6;
  flex-direction: column;
  flex: none;
  padding: 16px 24px 24px;
  display: flex;
}

.w-commerce-commercecartlineitem {
  flex: none;
  justify-content: space-between;
  align-items: baseline;
  margin-bottom: 16px;
  display: flex;
}

.w-commerce-commercecartordervalue {
  font-weight: 700;
}

.w-commerce-commercecartapplepaybutton {
  color: #fff;
  cursor: pointer;
  appearance: none;
  background-color: #000;
  border-width: 0;
  border-radius: 2px;
  align-items: center;
  height: 38px;
  min-height: 30px;
  margin-bottom: 8px;
  padding: 0;
  text-decoration: none;
  display: flex;
}

.w-commerce-commercecartapplepayicon {
  width: 100%;
  height: 50%;
  min-height: 20px;
}

.w-commerce-commercecartquickcheckoutbutton {
  color: #fff;
  cursor: pointer;
  appearance: none;
  background-color: #000;
  border-width: 0;
  border-radius: 2px;
  justify-content: center;
  align-items: center;
  height: 38px;
  margin-bottom: 8px;
  padding: 0 15px;
  text-decoration: none;
  display: flex;
}

.w-commerce-commercequickcheckoutgoogleicon, .w-commerce-commercequickcheckoutmicrosofticon {
  margin-right: 8px;
  display: block;
}

.w-commerce-commercecartcheckoutbutton {
  color: #fff;
  cursor: pointer;
  appearance: none;
  text-align: center;
  background-color: #3898ec;
  border-width: 0;
  border-radius: 2px;
  align-items: center;
  padding: 9px 15px;
  text-decoration: none;
  display: block;
}

.w-commerce-commercecartemptystate {
  flex: 1;
  justify-content: center;
  align-items: center;
  padding-top: 100px;
  padding-bottom: 100px;
  display: flex;
}

.w-commerce-commercecarterrorstate {
  background-color: #ffdede;
  flex: none;
  margin: 0 24px 24px;
  padding: 10px;
}

.w-commerce-commerceaddtocartform {
  margin: 0 0 15px;
}

.w-commerce-commerceaddtocartoptionpillgroup {
  margin-bottom: 10px;
  display: flex;
}

.w-commerce-commerceaddtocartoptionpill {
  color: #000;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #000;
  margin-right: 10px;
  padding: 8px 15px;
}

.w-commerce-commerceaddtocartoptionpill.w--ecommerce-pill-selected {
  color: #fff;
  background-color: #000;
}

.w-commerce-commerceaddtocartoptionpill.w--ecommerce-pill-disabled {
  color: #666;
  cursor: not-allowed;
  background-color: #e6e6e6;
  border-color: #e6e6e6;
  outline-style: none;
}

.w-commerce-commerceaddtocartquantityinput {
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 60px;
  height: 38px;
  margin-bottom: 10px;
  padding: 8px 6px 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commerceaddtocartquantityinput::placeholder {
  color: #999;
}

.w-commerce-commerceaddtocartquantityinput:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commerceaddtocartbutton {
  color: #fff;
  cursor: pointer;
  appearance: none;
  background-color: #3898ec;
  border-width: 0;
  border-radius: 0;
  align-items: center;
  padding: 9px 15px;
  text-decoration: none;
  display: flex;
}

.w-commerce-commerceaddtocartbutton.w--ecommerce-add-to-cart-disabled {
  color: #666;
  cursor: not-allowed;
  background-color: #e6e6e6;
  border-color: #e6e6e6;
  outline-style: none;
}

.w-commerce-commercebuynowbutton {
  color: #fff;
  cursor: pointer;
  appearance: none;
  background-color: #3898ec;
  border-width: 0;
  border-radius: 0;
  align-items: center;
  margin-top: 10px;
  padding: 9px 15px;
  text-decoration: none;
  display: inline-block;
}

.w-commerce-commercebuynowbutton.w--ecommerce-buy-now-disabled {
  color: #666;
  cursor: not-allowed;
  background-color: #e6e6e6;
  border-color: #e6e6e6;
  outline-style: none;
}

.w-commerce-commerceaddtocartoutofstock {
  background-color: #ddd;
  margin-top: 10px;
  padding: 10px;
}

.w-commerce-commerceaddtocarterror {
  background-color: #ffdede;
  margin-top: 10px;
  padding: 10px;
}

.w-commerce-commercecheckoutformcontainer {
  background-color: #f5f5f5;
  width: 100%;
  min-height: 100vh;
  padding: 20px;
}

.w-commerce-commercelayoutcontainer {
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.w-commerce-commercelayoutmain {
  flex: 0 800px;
  margin-right: 20px;
}

.w-commerce-commercecheckoutcustomerinfowrapper {
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutblockheader {
  background-color: #fff;
  border: 1px solid #e6e6e6;
  justify-content: space-between;
  align-items: baseline;
  padding: 4px 20px;
  display: flex;
}

.w-commerce-commercecheckoutblockcontent {
  background-color: #fff;
  border-bottom: 1px solid #e6e6e6;
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
  padding: 20px;
}

.w-commerce-commercecheckoutlabel {
  margin-bottom: 8px;
}

.w-commerce-commercecheckoutemailinput {
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 0;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutemailinput::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutemailinput:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutshippingaddresswrapper {
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutshippingfullname {
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutshippingfullname::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingfullname:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutshippingstreetaddress {
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutshippingstreetaddress::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingstreetaddress:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutshippingstreetaddressoptional {
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutshippingstreetaddressoptional::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingstreetaddressoptional:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutrow {
  margin-left: -8px;
  margin-right: -8px;
  display: flex;
}

.w-commerce-commercecheckoutcolumn {
  flex: 1;
  padding-left: 8px;
  padding-right: 8px;
}

.w-commerce-commercecheckoutshippingcity {
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutshippingcity::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingcity:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutshippingstateprovince {
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutshippingstateprovince::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingstateprovince:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutshippingzippostalcode {
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutshippingzippostalcode::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingzippostalcode:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutshippingcountryselector {
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 0;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutshippingcountryselector::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingcountryselector:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutshippingmethodswrapper {
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutshippingmethodslist {
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
}

.w-commerce-commercecheckoutshippingmethoditem {
  background-color: #fff;
  border-bottom: 1px solid #e6e6e6;
  flex-direction: row;
  align-items: baseline;
  margin-bottom: 0;
  padding: 16px;
  font-weight: 400;
  display: flex;
}

.w-commerce-commercecheckoutshippingmethoddescriptionblock {
  flex-direction: column;
  flex-grow: 1;
  margin-left: 12px;
  margin-right: 12px;
  display: flex;
}

.w-commerce-commerceboldtextblock {
  font-weight: 700;
}

.w-commerce-commercecheckoutshippingmethodsemptystate {
  text-align: center;
  background-color: #fff;
  border-bottom: 1px solid #e6e6e6;
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
  padding: 64px 16px;
}

.w-commerce-commercecheckoutpaymentinfowrapper {
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutcardnumber {
  appearance: none;
  cursor: text;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutcardnumber::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutcardnumber:focus, .w-commerce-commercecheckoutcardnumber.-wfp-focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutcardexpirationdate {
  appearance: none;
  cursor: text;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutcardexpirationdate::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutcardexpirationdate:focus, .w-commerce-commercecheckoutcardexpirationdate.-wfp-focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutcardsecuritycode {
  appearance: none;
  cursor: text;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutcardsecuritycode::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutcardsecuritycode:focus, .w-commerce-commercecheckoutcardsecuritycode.-wfp-focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutbillingaddresstogglewrapper {
  flex-direction: row;
  display: flex;
}

.w-commerce-commercecheckoutbillingaddresstogglecheckbox {
  margin-top: 4px;
}

.w-commerce-commercecheckoutbillingaddresstogglelabel {
  margin-left: 8px;
  font-weight: 400;
}

.w-commerce-commercecheckoutbillingaddresswrapper {
  margin-top: 16px;
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutbillingfullname {
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutbillingfullname::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingfullname:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutbillingstreetaddress {
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutbillingstreetaddress::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingstreetaddress:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutbillingstreetaddressoptional {
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutbillingstreetaddressoptional::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingstreetaddressoptional:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutbillingcity {
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutbillingcity::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingcity:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutbillingstateprovince {
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutbillingstateprovince::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingstateprovince:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutbillingzippostalcode {
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutbillingzippostalcode::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingzippostalcode:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutbillingcountryselector {
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 0;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutbillingcountryselector::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingcountryselector:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutorderitemswrapper {
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutsummaryblockheader {
  background-color: #fff;
  border: 1px solid #e6e6e6;
  justify-content: space-between;
  align-items: baseline;
  padding: 4px 20px;
  display: flex;
}

.w-commerce-commercecheckoutorderitemslist {
  margin-bottom: -20px;
}

.w-commerce-commercecheckoutorderitem {
  margin-bottom: 20px;
  display: flex;
}

.w-commerce-commercecheckoutorderitemdescriptionwrapper {
  flex-grow: 1;
  margin-left: 16px;
  margin-right: 16px;
}

.w-commerce-commercecheckoutorderitemquantitywrapper {
  white-space: pre-wrap;
  display: flex;
}

.w-commerce-commercecheckoutorderitemoptionlist {
  margin-bottom: 0;
  padding-left: 0;
  text-decoration: none;
  list-style-type: none;
}

.w-commerce-commercelayoutsidebar {
  flex: 0 0 320px;
  position: sticky;
  top: 20px;
}

.w-commerce-commercecheckoutordersummarywrapper {
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutsummarylineitem, .w-commerce-commercecheckoutordersummaryextraitemslistitem {
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: 8px;
  display: flex;
}

.w-commerce-commercecheckoutsummarytotal {
  font-weight: 700;
}

.w-commerce-commercecheckoutplaceorderbutton {
  color: #fff;
  cursor: pointer;
  appearance: none;
  text-align: center;
  background-color: #3898ec;
  border-width: 0;
  border-radius: 3px;
  align-items: center;
  margin-bottom: 20px;
  padding: 9px 15px;
  text-decoration: none;
  display: block;
}

.w-commerce-commercecheckouterrorstate {
  background-color: #ffdede;
  margin-top: 16px;
  margin-bottom: 16px;
  padding: 10px 16px;
}

.w-commerce-commercepaypalcheckoutformcontainer {
  background-color: #f5f5f5;
  width: 100%;
  min-height: 100vh;
  padding: 20px;
}

.w-commerce-commercecheckoutcustomerinfosummarywrapper {
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutsummaryitem, .w-commerce-commercecheckoutsummarylabel {
  margin-bottom: 8px;
}

.w-commerce-commercecheckoutsummaryflexboxdiv {
  flex-direction: row;
  justify-content: flex-start;
  display: flex;
}

.w-commerce-commercecheckoutsummarytextspacingondiv {
  margin-right: .33em;
}

.w-commerce-commercecheckoutpaymentsummarywrapper {
  margin-bottom: 20px;
}

.w-commerce-commercepaypalcheckouterrorstate {
  background-color: #ffdede;
  margin-top: 16px;
  margin-bottom: 16px;
  padding: 10px 16px;
}

.w-commerce-commerceorderconfirmationcontainer {
  background-color: #f5f5f5;
  width: 100%;
  min-height: 100vh;
  padding: 20px;
}

.w-commerce-commercecheckoutshippingsummarywrapper {
  margin-bottom: 20px;
}

.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 {
  border: 1px solid #ccc;
  border-radius: 2px;
  width: 12px;
  height: 12px;
}

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

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

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

  .w-commerce-commercelayoutcontainer {
    flex-direction: column;
    align-items: stretch;
  }

  .w-commerce-commercelayoutmain {
    flex-basis: auto;
    margin-right: 0;
  }

  .w-commerce-commercelayoutsidebar {
    flex-basis: auto;
  }
}

@media screen and (max-width: 479px) {
  .w-commerce-commercecartcontainerwrapper--cartType-modal {
    flex-direction: row;
    justify-content: center;
    align-items: stretch;
  }

  .w-commerce-commercecartcontainerwrapper--cartType-leftDropdown, .w-commerce-commercecartcontainerwrapper--cartType-rightDropdown {
    flex-direction: row;
    justify-content: center;
    align-items: stretch;
    display: flex;
    position: fixed;
    inset: 0;
  }

  .w-commerce-commercecartquantity, .w-commerce-commerceaddtocartquantityinput, .w-commerce-commercecheckoutemailinput, .w-commerce-commercecheckoutshippingfullname, .w-commerce-commercecheckoutshippingstreetaddress, .w-commerce-commercecheckoutshippingstreetaddressoptional {
    font-size: 16px;
  }

  .w-commerce-commercecheckoutrow {
    flex-direction: column;
  }

  .w-commerce-commercecheckoutshippingcity, .w-commerce-commercecheckoutshippingstateprovince, .w-commerce-commercecheckoutshippingzippostalcode, .w-commerce-commercecheckoutshippingcountryselector, .w-commerce-commercecheckoutcardnumber, .w-commerce-commercecheckoutcardexpirationdate, .w-commerce-commercecheckoutcardsecuritycode, .w-commerce-commercecheckoutbillingfullname, .w-commerce-commercecheckoutbillingstreetaddress, .w-commerce-commercecheckoutbillingstreetaddressoptional, .w-commerce-commercecheckoutbillingcity, .w-commerce-commercecheckoutbillingstateprovince, .w-commerce-commercecheckoutbillingzippostalcode, .w-commerce-commercecheckoutbillingcountryselector {
    font-size: 16px;
  }
}

body {
  background-color: var(--color--background-primary);
  font-family: var(--font-family--font-primary);
  color: var(--color--primary);
  letter-spacing: -.01em;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.5;
}

h1 {
  font-family: var(--font-family--font-secondary);
  letter-spacing: -.0425em;
  margin-top: 0;
  margin-bottom: 2rem;
  font-size: 3.1rem;
  font-weight: 600;
  line-height: 1.2;
}

h2 {
  font-family: var(--font-family--font-secondary);
  letter-spacing: -.038em;
  margin-top: 0;
  margin-bottom: 2rem;
  font-size: 2.5rem;
  font-weight: 600;
  line-height: 1.2;
}

h3 {
  font-family: var(--font-family--font-secondary);
  letter-spacing: -.025em;
  margin-top: 0;
  margin-bottom: 2rem;
  font-size: 1.75rem;
  font-weight: 600;
  line-height: 1.25;
}

h4 {
  font-family: var(--font-family--font-secondary);
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 2rem;
  font-size: 1.36rem;
  font-weight: 600;
  line-height: 1.35;
}

h5 {
  font-family: var(--font-family--font-secondary);
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 2rem;
  font-size: 1.1rem;
  font-weight: 600;
  line-height: 1.35;
}

h6 {
  font-family: var(--font-family--font-secondary);
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 2rem;
  font-size: .95rem;
  font-weight: 600;
  line-height: 1.35;
}

p {
  margin-bottom: 2rem;
}

a {
  color: var(--color--primary);
  text-decoration: underline;
  transition: color .2s linear;
}

a:hover {
  color: var(--color--secondary);
}

ul, ol {
  grid-column-gap: .65rem;
  grid-row-gap: .65rem;
  flex-direction: column;
  margin-top: 0;
  margin-bottom: 2rem;
  padding-left: 1.35em;
  display: flex;
}

li {
  width: 100%;
}

blockquote {
  border-left: 5px solid var(--color--border-mutted);
  margin-bottom: 2rem;
  padding: 1em;
  font-size: 1.25rem;
  line-height: 1.5;
}

figure {
  margin-bottom: 2rem;
}

figcaption {
  text-align: left;
  margin-top: .5rem;
  font-size: 1.125rem;
}

.page-wrapper {
  color: #6c5fa3;
  position: relative;
}

.section-hero {
  opacity: 1;
  min-height: 100svh;
  color: var(--color--white);
  -webkit-text-fill-color: inherit;
  background-image: linear-gradient(#0000 53%, #000 96%);
  background-clip: border-box;
  flex-direction: column;
  padding-top: 5.6rem;
  padding-bottom: 3.125rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.section-hero.mobile {
  margin-top: 0;
}

.section-hero.projects {
  background-image: linear-gradient(#000, #fff0 26%), linear-gradient(#0000 81%, #000 96%);
  padding-bottom: 1rem;
  padding-left: 0%;
}

.hero-image-wrapper {
  z-index: -1;
  background-color: #10442f;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.hero-image {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.menu-icon {
  justify-content: center;
  width: 32px;
  height: 2px;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.navigation-menu {
  flex-wrap: wrap;
  flex: none;
  align-items: center;
  margin-left: auto;
  margin-right: -.625rem;
  padding-right: 0;
  display: flex;
}

.navigation-menu.home {
  margin-right: 0;
}

.navigation-inner {
  flex-flow: row;
  justify-content: flex-start;
  max-width: 100%;
  min-height: 0;
  margin-left: 0;
  margin-right: 0;
  display: flex;
}

.logo {
  flex: none;
  align-items: center;
  display: flex;
}

.logo.home {
  opacity: .8;
}

.logo.home.w--current {
  margin-right: 0;
}

.menu-button {
  border: 1px solid var(--color--primary);
  border-radius: 5px;
  width: 52px;
  height: 52px;
  margin-left: auto;
  padding: 0;
}

.menu-button.w--open {
  background-color: #0000;
}

.menu-button.home {
  border-color: var(--color--white);
}

.menu-icon-top {
  background-color: var(--color--primary);
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
  transform: translate(0, -8px);
}

.menu-icon-top.home {
  background-color: var(--color--white);
}

.menu-icon-bottom {
  border: 1px solid var(--color--primary);
  background-color: var(--color--white);
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
  transform: translate(0, 8px);
}

.menu-icon-bottom.home {
  border-color: var(--color--white);
}

.menu-icon-middle {
  border: 1px solid var(--color--primary);
  background-color: var(--color--white);
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.menu-icon-middle.home {
  border-color: var(--color--white);
}

.navigation-link {
  color: var(--color--primary);
  letter-spacing: .01em;
  text-transform: uppercase;
  flex: none;
  align-items: center;
  margin-left: .9375rem;
  padding: 1rem .625rem;
  font-size: 1.0625rem;
  font-weight: 500;
  line-height: 1.25em;
  text-decoration: none;
  display: flex;
  position: static;
  overflow: hidden;
}

.navigation-link:hover {
  color: var(--color--primary);
}

.navigation-link.w--current {
  background-image: url("https://cdn.prod.website-files.com/6918698fdd7deae62be0a467/69186990dd7deae62be0a5a3_dot.svg");
  background-position: 95% 37%;
  background-repeat: no-repeat;
  background-size: auto;
}

.navigation-link.home {
  opacity: .8;
  color: var(--color--white);
}

.navigation-link.home.w--current {
  background-image: url("https://cdn.prod.website-files.com/6918698fdd7deae62be0a467/69186990dd7deae62be0a55d_dot-white.svg");
  background-position: 95% 37%;
}

.navigation-link.white {
  color: var(--color--white);
}

.navigation-link.purple {
  color: var(--purple);
}

.navigation {
  z-index: 1;
  background-color: var(--purple);
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.navigation.navigation-home {
  background-color: var(--color--background-primary);
  width: 100%;
  color: var(--color--white);
  position: absolute;
  inset: 0% auto auto 0%;
}

.navigation.navigation-home.mobile.purple {
  background-image: linear-gradient(to bottom, var(--purple), var(--purple));
}

.navigation.white, .navigation.alt {
  background-color: var(--color--white);
}

.navigation.transparent {
  background-color: #fff0;
  background-image: linear-gradient(#000, #fff0);
  margin-bottom: -88px;
  padding-top: 0;
}

.navigation.project {
  background-color: #2f189300;
  background-image: linear-gradient(#000, #0000);
}

.navigation-link-inner {
  position: relative;
  overflow: hidden;
}

.container-fluid {
  justify-content: space-between;
  min-width: 100%;
  margin-left: 0;
  margin-right: 0;
  padding-top: 0;
  padding-left: 5%;
  padding-right: 5%;
}

.container-fluid.projects {
  background-image: linear-gradient(0deg, #000, #fff0), url("https://cdn.prod.website-files.com/6918698fdd7deae62be0a467/6998487c349e584d98654c5e_691c70847c6caae27949cf64_jack-astbury-cogden-1920-p-1080.jpg");
  background-position: 0 0, 0 0;
  background-size: auto, cover;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  height: 100%;
}

.container-fluid.transparent {
  background-image: none;
  background-size: auto;
}

.container-fluid.homepage-hero {
  padding-left: 2%;
  padding-right: 2%;
}

.container-fluid.alt2 {
  padding-left: 0%;
  padding-right: 0%;
}

.container-fluid.contact {
  padding-top: 0;
  display: flex;
}

.container-fluid.branding {
  padding-bottom: 0;
}

.navigation-link-text-hover {
  position: absolute;
  top: 100%;
  left: 0;
}

.navigation-icon-link-inner {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  display: flex;
}

.navigation-icon-image {
  flex: none;
  width: 1.375rem;
}

.navigation-icon-text {
  display: none;
}

.hero-content-top {
  color: var(--color--white);
  mix-blend-mode: difference;
  position: relative;
  top: 50px;
}

.hero-title {
  font-family: var(--font-family--font-secondary);
  letter-spacing: -.0225em;
  text-transform: uppercase;
  margin-top: -.1em;
  margin-bottom: 0;
  font-size: 15.7vw;
  font-weight: 600;
  line-height: .8;
}

.hero-heading {
  perspective: 1000px;
  perspective-origin: 50%;
  border: 1px solid #0000;
  display: block;
  position: relative;
}

.hero-heading.alt {
  color: var(--hp-heading);
}

.hero-heading-front {
  backface-visibility: hidden;
  transform-origin: 50% 100%;
}

.hero-heading-back {
  backface-visibility: hidden;
  transform-origin: 50% 0;
  transform-style: preserve-3d;
  position: absolute;
  inset: 0%;
  transform: translate(0%, 100%)rotateX(-90deg)rotateY(0)rotateZ(0);
}

.heading-rotation-wrapper {
  grid-column-gap: 2.7vw;
  grid-row-gap: 0vw;
  flex-wrap: wrap;
  place-content: flex-start space-around;
  align-items: flex-start;
  margin-left: -.6vw;
  margin-right: -.6vw;
  padding-top: 10px;
}

.heading-rotation-delay {
  perspective: 1000px;
  perspective-origin: 50%;
  border: 1px solid #0000;
  position: relative;
}

.heading-rotation-delay.alt {
  color: var(--hp-heading);
}

.hero-caption-grid {
  grid-column-gap: 5px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.hero-caption-grid._4col {
  grid-template-columns: 1fr 1fr 1fr 1fr;
  justify-content: stretch;
}

.hero-caption {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  font-family: var(--font-family--font-secondary);
  color: var(--color--white);
  letter-spacing: .01em;
  text-transform: capitalize;
  flex-flow: row;
  justify-content: flex-end;
  align-items: center;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.25;
  text-decoration: none;
  display: block;
}

.hero-caption:hover {
  color: var(--yellow);
}

.hero-caption.w--current {
  font-weight: 400;
}

.hero-caption.w--current:hover {
  color: var(--yellow);
}

.hero-caption.hero-caption-divider {
  margin-left: .2em;
  margin-right: .2em;
}

.hero-caption.portfolio {
  color: var(--color--white);
}

.hero-caption.project {
  color: var(--color--primary);
  text-decoration: none;
}

.hero-caption.sbs {
  background-color: var(--yellow);
  color: var(--color--primary);
  text-transform: capitalize;
  border-bottom: 1px #000;
  margin-left: 5px;
  padding: 5px;
  font-size: 1.3vw;
}

.hero-caption.projects {
  color: #fff;
  text-transform: capitalize;
  border-left: 1px #fff;
  padding-left: 0;
  font-size: 1.3rem;
  font-weight: 300;
}

.hero-caption.nav {
  text-transform: capitalize;
  border-left: 1px solid #fff;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 10px;
  font-family: Wfvisualsansvf, Arial, sans-serif;
  font-size: .9vw;
}

.hero-caption.nav:hover {
  color: var(--color--white);
}

.hero-caption.nav.black {
  color: #000;
  border-left-color: #7a7a7a;
}

.hero-caption.black {
  color: var(--color--primary);
}

.hero-caption-second {
  text-align: center;
  justify-content: flex-start;
  align-items: center;
  display: block;
}

.hero-caption-second.flexleft {
  justify-content: center;
  align-items: center;
  display: flex;
}

.hero-caption-third {
  text-align: right;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.hero-caption-third.flexleft {
  justify-content: center;
  align-items: center;
}

.hero-caption-inner {
  grid-column-gap: .1rem;
  grid-row-gap: .1rem;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.hero-caption-inner.alt {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  padding-top: 0;
}

.hero-caption-inner.center {
  justify-content: center;
  align-items: center;
}

.hero-caption-inner.people {
  background-color: var(--hp-heading);
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  margin-left: 0;
  margin-right: 0;
  padding: 5px 25%;
}

.hero-caption-inner.sbs {
  border-bottom: 2px #0000001f;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 5px;
  padding-bottom: 5px;
}

.hero-caption-icon {
  width: 1.25rem;
  position: relative;
  top: .05em;
}

.hero-caption-icon.alt {
  margin-right: 20px;
}

.hero-caption-icon.sbs {
  background-color: #94404000;
  width: 1.5rem;
}

.section {
  color: var(--color--primary);
  background-color: #fff;
  border: 0 solid #000;
  border-radius: 0;
  padding-top: 0;
  padding-bottom: 0;
}

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

.section.top-padding2 {
  padding-top: 3rem;
}

.section.top-padding2.goal {
  background-color: #2f1893;
  background-image: none;
  background-size: auto;
  border-radius: 0;
  margin-top: -107px;
  padding-top: 0;
  padding-bottom: 11.8rem;
}

.section.mobile-0 {
  border-radius: 0;
}

.section.mobile-0.no-padding {
  margin-left: 20px;
  margin-right: 20px;
}

.section.round {
  background-color: var(--color--white);
  background-image: url("https://cdn.prod.website-files.com/6918698fdd7deae62be0a467/69a996108fdf42dda5675904_cogden-bg.svg");
  background-position: 0 0;
  border-radius: 0;
  padding-bottom: 5rem;
}

.section.round.stats {
  padding-bottom: 0;
}

.section.team {
  background-color: #fff;
  background-image: url("https://cdn.prod.website-files.com/6918698fdd7deae62be0a467/69a996108fdf42dda5675904_cogden-bg.svg");
  background-size: contain;
  margin-top: 0;
  padding-top: 5rem;
  padding-bottom: 2rem;
}

.section.services {
  background-color: #fff;
  background-image: url("https://cdn.prod.website-files.com/6918698fdd7deae62be0a467/69a996108fdf42dda5675904_cogden-bg.svg");
  background-position: 0 0;
  background-size: auto;
  border-radius: 0;
  padding-bottom: 8rem;
}

.section.work2 {
  background-color: var(--purple-2);
  border-radius: 0;
  padding-top: 2rem;
}

.section.no-padding {
  background-color: #dbddee;
  margin-bottom: 5vw;
  padding-bottom: 0;
}

.section.black-bg {
  background-color: #f7f7f7;
  background-image: url("https://cdn.prod.website-files.com/6918698fdd7deae62be0a467/69a844bde78ed59dc9c4eace_cogden-dot-bg.webp");
  background-position: 0 0;
  background-size: auto;
  justify-content: center;
  align-items: center;
  padding-bottom: 6rem;
  display: flex;
}

.section.bg2 {
  background-color: #dbddee;
  background-image: linear-gradient(#fff, #dbddee);
  padding-top: 1.5rem;
  padding-bottom: .125rem;
}

.section.bg2.words {
  padding-top: 0;
}

.section.services-hp {
  padding-left: 0;
}

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

.section.sbs {
  background-color: #1d1d1d;
  padding-top: 0;
  padding-bottom: 0;
}

.section.pt {
  background-color: #aea2de;
}

.section.projects {
  background-color: #1b1b1b;
}

.section.intro {
  background-color: #1d1d1d;
}

.section.past-work {
  padding-top: 2rem;
}

.section.grey {
  background-color: #fff;
  background-image: url("https://cdn.prod.website-files.com/6918698fdd7deae62be0a467/69a996108fdf42dda5675904_cogden-bg.svg");
  background-position: 0 0;
  background-size: cover;
  padding-bottom: 2rem;
}

.section.contact {
  background-color: #0000;
  background-image: linear-gradient(#00000080, #00000080);
  background-position: 0 0;
  padding-top: 4rem;
}

.container {
  max-width: 90vw;
  height: 100%;
  padding-top: 5rem;
}

.container.homepage, .container.connected {
  padding-top: 0;
}

.container.connections {
  max-width: 90%;
  margin-left: 20px;
  margin-right: 20px;
}

.container.projects {
  justify-content: center;
  align-items: center;
  width: 70%;
  padding-top: .125rem;
  padding-bottom: 20px;
  display: flex;
}

.container.project {
  padding-top: 2rem;
}

.container.intro {
  margin-top: 20px;
  padding-top: 0;
}

.container.connect {
  padding-top: 0;
}

.grid-12-columns {
  grid-column-gap: 1vw;
  grid-row-gap: 1vw;
  grid-template-rows: auto;
  grid-template-columns: minmax(10px, 1fr) minmax(10px, 1fr) minmax(10px, 1fr) minmax(10px, 1fr) minmax(10px, 1fr) minmax(10px, 1fr) minmax(10px, 1fr) minmax(10px, 1fr) minmax(10px, 1fr) minmax(10px, 1fr) minmax(10px, 1fr) minmax(10px, 1fr);
  grid-auto-flow: row;
  padding-top: 20px;
}

.grid-12-columns.connetions {
  padding-top: 0;
}

.section-title {
  clear: none;
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 2rem;
  padding-top: 5px;
  padding-bottom: .5rem;
  display: flex;
  position: relative;
}

.section-title.no-margin-bottom {
  margin-bottom: -1px;
}

.section-title.alt {
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 0;
  padding-bottom: .125rem;
}

.section-title.padding-top {
  margin-top: 40px;
}

.section-title.padding-top._80 {
  width: 100%;
}

.section-title.padding-top.alt {
  margin-top: 80px;
  margin-bottom: 2rem;
}

.section-title.about {
  padding-top: 20px;
}

.section-title._2 {
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-end;
}

.section-title-text {
  font-family: var(--font-family--font-primary);
  color: var(--purple);
  letter-spacing: .01em;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.4vw;
  font-weight: 500;
  line-height: .8;
}

.section-title-text.to-right {
  margin-left: auto;
}

.section-title-text.visible-on-mobile {
  display: none;
}

.section-title-text.alt {
  color: var(--color--white);
  padding-bottom: 20px;
}

.section-title-text.padding-bottom {
  text-transform: uppercase;
  margin-bottom: 10px;
}

.section-title-text.right {
  text-align: right;
}

.section-title-text.white {
  color: var(--purple-2);
  margin-bottom: 10px;
}

.section-title-text._1 {
  color: #b4add3;
}

.marquee {
  padding-top: 10px;
  line-height: 1.7;
  display: flex;
  overflow: hidden;
}

.marquee.reverse {
  justify-content: flex-end;
}

.marquee-track {
  flex-direction: row;
  flex: none;
  display: flex;
}

.marquee-track.gutter-large {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
}

.marquee-item {
  flex: none;
  margin-right: 0;
}

.marquee-item.marquee-margin-large {
  margin-right: 10vw;
}

.marquee-item.margin-left {
  margin-left: 8.75vw;
  margin-right: 0;
}

.marquee-item.logos {
  margin-right: -76.7vw;
}

.heading-small {
  font-family: var(--font-family--font-secondary);
  color: #000;
  letter-spacing: -.025em;
  text-transform: capitalize;
  margin-top: .5em;
  margin-bottom: 10px;
  font-size: 4.5vw;
  font-weight: 600;
  line-height: .9;
}

.heading-small.alt {
  margin-top: -1.5em;
  margin-bottom: 40px;
}

.heading-small.no-b {
  color: var(--color--white);
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 4.5vw;
}

.heading-small.mobile.connections {
  margin-top: 0;
}

.heading-small.work {
  margin-top: auto;
  margin-bottom: 10px;
}

.heading-small.work.hp {
  color: #2e2e2e;
  padding-left: 0;
}

.heading-small.light-purp {
  color: #ffffff29;
  margin-top: 1em;
}

.heading-small.black {
  color: #000;
  margin-bottom: 0;
  font-size: 4vw;
}

.heading-small.black.homepage {
  margin-bottom: 20px;
}

.heading-small.black.padding {
  margin-bottom: 60px;
  padding-left: 0;
}

.heading-small.about {
  text-transform: capitalize;
  font-size: 4vw;
}

.heading-small.about2 {
  margin-bottom: 10px;
  font-size: 4.5vw;
}

.heading-small.sbs {
  color: var(--color--white);
  margin-bottom: 10px;
  font-size: 3vw;
  font-weight: 500;
}

.heading-small.projects {
  color: var(--color--white);
  margin-bottom: 0;
}

.heading-small.white {
  color: var(--color--white);
  margin-top: 1.2em;
}

.heading-small.white.projects {
  color: #fff;
  margin-top: 0;
  margin-bottom: 60px;
  font-size: 2vw;
}

.heading-small.white.projects._02 {
  margin-top: 1.5em;
  margin-bottom: 40px;
}

.heading-small.project {
  color: var(--color--white);
  margin-bottom: 20px;
  font-size: 5vw;
}

.heading-small.showcase {
  margin-bottom: 10px;
  margin-left: 0%;
}

.heading-small.your-website {
  color: #1b1b1b;
  margin-top: 1em;
  margin-bottom: 0;
}

.heading-small.sbs2 {
  color: #000;
  text-align: center;
  margin-top: 1em;
  margin-bottom: 0;
  font-size: 3vw;
}

.about-section-content {
  flex-flow: row;
  justify-content: flex-start;
  margin-top: 0;
  padding-right: 7%;
  display: flex;
}

.about-section-bottom {
  margin-top: 0;
}

.paragraph-large {
  text-align: left;
  letter-spacing: -.019em;
  text-indent: 0;
  margin-bottom: 0;
  font-size: 1.69vw;
  font-weight: 500;
  line-height: 1.25;
}

.paragraph-large.no-text-indent {
  text-indent: 0;
}

.paragraph-large.padding-bottom {
  padding-bottom: 20px;
}

.paragraph-large.alt {
  width: 80%;
  color: var(--color--white);
  text-indent: 0;
  font-size: 1.4vw;
  font-weight: 200;
}

.paragraph-large.no-incut {
  text-align: right;
  text-indent: 2em;
  font-size: 1.5vw;
}

.paragraph-large.center {
  width: 100%;
  color: var(--color--white);
  text-align: center;
  text-indent: 0;
  margin-bottom: 20px;
  font-weight: 400;
}

.paragraph-large.center.padding-top {
  color: #696969;
  text-align: left;
  width: 100%;
  margin-top: 5px;
  margin-bottom: 60px;
  padding-top: 0;
  font-family: Wfvisualsansvf, Arial, sans-serif;
  font-weight: 400;
}

.paragraph-large.center.padding-top.about {
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 300;
}

.paragraph-large.center.padding-top.black {
  color: #232323;
  width: 75%;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 1.3vw;
  font-weight: 300;
}

.paragraph-large.center.padding-top._05 {
  width: 60%;
}

.paragraph-large.black {
  color: var(--color--primary);
}

.paragraph-large.mobile-top {
  text-indent: 0;
  margin-top: 20px;
  padding-top: 0;
  font-weight: 400;
}

.paragraph-large.mobile._2 {
  text-align: right;
  text-indent: 0;
  padding-bottom: 10px;
}

.paragraph-large.work {
  text-indent: 0;
  margin-bottom: 20px;
  display: block;
}

.paragraph-large.work.hp {
  padding-left: 0;
}

.paragraph-large.medium {
  color: var(--color--primary);
  text-indent: 0;
  margin-left: auto;
  padding-top: 10px;
  font-size: 1.69vw;
  font-weight: 400;
}

.paragraph-large.medium.padding-top {
  color: #555;
}

.paragraph-large.medium.reviews {
  color: #696969;
  text-align: right;
  font-size: 1.69vw;
  font-weight: 400;
}

.paragraph-large.about {
  color: var(--color--white);
  text-align: left;
  text-indent: 0;
  font-weight: 400;
}

.paragraph-large.padding-bottom {
  text-indent: 0;
  margin-bottom: 10px;
  padding-bottom: 0;
}

.paragraph-large.about2 {
  text-indent: 0;
  padding-top: 10px;
  font-weight: 300;
}

.paragraph-large.sbs {
  color: #c4c4c4;
  text-indent: 0;
  width: 90%;
  padding-top: 5px;
  font-family: Overusedgrotesk Book;
  font-size: 1.5vw;
}

.paragraph-large.projects {
  color: #c4c4c4;
  text-align: center;
  text-indent: 0;
  padding-bottom: 40px;
  font-size: 1.125rem;
  font-weight: 300;
}

.paragraph-large.padding-top {
  color: #838383;
  text-align: center;
  padding-top: 10px;
}

.paragraph-large.sbs2 {
  text-align: center;
  padding-top: 10px;
  font-size: 1.5vw;
}

.margin-bottom-medium {
  margin-bottom: 3rem;
}

.margin-bottom-medium.alt {
  margin-top: -47px;
  margin-bottom: auto;
}

.margin-bottom-medium.services {
  margin-bottom: 0;
}

.about-image-inner {
  padding-bottom: 125%;
  position: relative;
}

.image-cover {
  background-color: var(--color--white);
  -webkit-text-fill-color: inherit;
  vertical-align: baseline;
  object-fit: cover;
  background-clip: border-box;
  border-radius: 5px;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.button {
  border: 2px solid var(--purple);
  color: var(--color--primary);
  text-align: center;
  letter-spacing: .01em;
  text-transform: uppercase;
  border-radius: 0;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1;
  text-decoration: none;
}

.button:hover {
  color: var(--color--primary);
}

.button.white {
  background-color: var(--color--white);
  border-style: none;
  border-radius: 0;
}

.button.white.small {
  font-weight: 500;
  line-height: .8;
}

.button-text-wrapper {
  text-decoration: none;
  position: relative;
}

.button-inner {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.button-icon-front {
  width: 1.0625rem;
}

.button-icon-back {
  width: 1.0625rem;
  margin-left: -1.5625rem;
}

.button-container {
  flex-direction: column;
  justify-content: center;
  min-height: 2.875rem;
  padding: .25em 2em;
  text-decoration: none;
  display: flex;
}

.button-container.small {
  min-height: 1.75rem;
  padding: .4em 1em;
}

.overflow-hidden {
  text-decoration: none;
  overflow: hidden;
}

.button-text-front {
  color: var(--color--white);
}

.button-text-front.black {
  color: var(--color--primary);
  text-transform: capitalize;
  border-radius: 5px;
  font-size: 1.2rem;
  font-weight: 600;
  line-height: 1.2rem;
  text-decoration: none;
}

.button-text-front.white {
  letter-spacing: .01rem;
  text-transform: capitalize;
  font-size: 1rem;
  font-weight: 600;
}

.button-text-back {
  color: var(--color--white);
  position: absolute;
  inset: 0%;
  transform: translate(0, 100%);
}

.button-text-back.white {
  color: var(--color--white);
  text-transform: capitalize;
}

.button-text-back.black {
  color: var(--color--primary);
  text-transform: capitalize;
  font-size: 1.2rem;
  font-weight: 600;
  line-height: 1.2rem;
  text-decoration: none;
}

.heading-rotation {
  perspective: 1000px;
  border: 1px solid #0000;
  line-height: 1.7;
  position: relative;
}

.heading-rotation-front {
  backface-visibility: hidden;
  transform-origin: 50% 100%;
  overflow: hidden;
}

.heading-rotation-back {
  backface-visibility: hidden;
  transform-origin: 50% 0;
  transform-style: preserve-3d;
  position: absolute;
  inset: 0%;
  overflow: hidden;
  transform: translate(0%, 100%)rotateX(-90deg)rotateY(0)rotateZ(0);
}

.heading-large {
  font-family: var(--font-family--font-secondary);
  letter-spacing: -.028em;
  text-transform: capitalize;
  margin-top: -.26em;
  margin-bottom: 0;
  font-size: 14.25vw;
  font-weight: 500;
  line-height: 18vw;
}

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

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

.mission-title-wrapper {
  z-index: 1;
  margin-left: 0%;
}

.paragraph {
  margin-bottom: 0;
}

.paragraph.white {
  color: var(--color--white);
  text-align: left;
}

.paragraph.white.padding-bottom {
  color: #fff;
  margin-bottom: 0;
  padding-bottom: 20px;
  font-weight: 300;
}

.paragraph.white.padding-bottom.reviews {
  font-size: 2vw;
  font-weight: 300;
}

.paragraph.white.padding-bottom.centered {
  text-align: center;
}

.paragraph.white.padding-bottom.scroll {
  text-align: center;
  font-size: 1rem;
  font-weight: 100;
}

.paragraph.white.padding-bottom._02 {
  margin-bottom: 40px;
  padding-bottom: 0;
}

.paragraph.project-page {
  color: var(--background-2);
  margin-bottom: 20px;
  font-size: 2.5vw;
  line-height: 3vw;
}

.margin-bottom-small {
  float: none;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  text-align: left;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  display: block;
}

.position-relative {
  position: relative;
}

.service-item-grid {
  grid-column-gap: 1.875vw;
  grid-row-gap: 1.875vw;
  grid-template-rows: auto;
  grid-template-columns: 2fr 4fr 4fr 2fr;
}

.divider-top {
  width: 100%;
  font-size: 1.3rem;
  position: absolute;
  inset: 0% auto auto 0%;
}

.divider-mutted {
  border-top: 1px solid var(--color--border-mutted);
  transform-origin: 0%;
  height: 0;
}

.divider-bottom {
  width: 100%;
  position: absolute;
  inset: auto auto 0% 0%;
}

.margin-bottom-large {
  margin-bottom: 2rem;
  padding-left: 0;
  padding-right: 0;
}

.margin-bottom-large.alt {
  margin-top: 40px;
  margin-bottom: 3rem;
  padding-top: 0;
  padding-left: 0;
}

.margin-bottom-large.alt._1 {
  padding-top: 10px;
  padding-left: 0;
}

.margin-bottom-large.alt.services {
  margin-top: -20px;
  margin-bottom: 1rem;
  padding-right: 0;
}

.margin-bottom-large.how-we-work {
  margin: 40px 20px 0 0;
}

.margin-bottom-large.reviews {
  margin-bottom: 2rem;
}

.margin-bottom-large.sbs {
  margin-top: -15px;
  margin-bottom: 20px;
}

.margin-bottom-large.contact {
  margin-bottom: 0;
}

.container-extra-small {
  max-width: 15.3125rem;
}

.container-extra-small.right {
  margin-left: auto;
}

.container-extra-small.right.work {
  max-width: 30rem;
}

.grid-3-columns {
  grid-column-gap: 1.875rem;
  grid-row-gap: 6.25rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.blog-link {
  color: var(--color--primary);
  text-decoration: none;
  display: block;
}

.blog-link:hover {
  color: var(--color--primary);
}

.blog-thumbnail {
  backface-visibility: hidden;
  border-radius: 1rem;
  margin-bottom: 1.7rem;
  padding-top: 65%;
  position: relative;
  overflow: hidden;
  transform: translate(0);
}

.blog-thumbnail-image {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  inset: 0% auto auto 0%;
}

.blog-item-title {
  font-family: var(--font-family--font-primary);
  color: var(--color--primary);
  letter-spacing: -.019em;
  margin-top: 0;
  margin-bottom: 1.5rem;
  font-size: 1.69vw;
  font-weight: 500;
  line-height: 1.32;
}

.blog-item-date {
  letter-spacing: .01em;
  text-transform: uppercase;
  font-size: 1.0625rem;
  line-height: 1;
}

.blog-item-intro {
  padding-right: .625rem;
  position: relative;
}

.blog-item-circle {
  background-color: var(--black\<deleted\|variable-c84a60ed\>);
  opacity: 0;
  border-radius: 100%;
  width: .25rem;
  height: .25rem;
  margin-left: -.625rem;
  position: absolute;
  inset: 1rem auto auto 0%;
}

.empty-state-block {
  border: 1px solid var(--color--border-mutted);
  background-color: #0000;
}

.footer {
  background-color: var(--purple);
  color: var(--color--white);
  margin-top: 12.5rem;
}

.footer.alt, .footer.mobile {
  margin-top: 0;
}

.footer-rows {
  grid-column-gap: 3.125rem;
  grid-row-gap: 3.125rem;
  flex-flow: column;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr;
  justify-content: space-between;
  min-height: 100vh;
  display: flex;
}

.footer-widget {
  letter-spacing: .01em;
  text-transform: uppercase;
  font-size: 1.375rem;
  line-height: 1.1;
}

.footer-links-wrapper {
  text-align: left;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.footer-link {
  font-family: var(--font-family--font-secondary);
  color: var(--color--white);
  font-size: 1.375rem;
  font-weight: 500;
  line-height: 1.1;
  text-decoration: none;
}

.footer-link:hover {
  color: var(--color--white);
}

.footer-link-inner {
  position: relative;
  overflow: hidden;
}

.footer-link-front {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  align-items: center;
  display: flex;
}

.footer-link-icon {
  flex: none;
  width: 1.5rem;
}

.footer-link-icon-image {
  width: 100%;
  display: block;
}

.footer-link-back {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0% auto auto 0%;
  transform: translate(0, 100%);
}

.footer-credits {
  grid-column-gap: 1.625rem;
  grid-row-gap: .5rem;
  font-family: var(--font-family--font-secondary);
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  font-size: 1.1875rem;
  font-weight: 500;
  display: flex;
}

.footer-credits.to-right {
  justify-content: flex-end;
  align-items: flex-start;
}

.link-inverse {
  box-shadow: 0 1px 0 0 var(--color--white);
  color: var(--color--white);
  text-decoration: none;
  transition: box-shadow .1s linear;
}

.link-inverse:hover {
  box-shadow: 0 5px 0 0 var(--color--white);
  color: var(--color--white);
}

.full-width {
  width: 100%;
}

.divider {
  border-top: 0px none var(--color--primary);
  transform-origin: 0%;
  border-left: 5px solid #000;
  height: 0;
}

.divider.white {
  border-top-width: 0;
  border-bottom: 1px solid #fff;
  border-top-color: var(--color--white);
  border-left-style: none;
  border-left-width: 0;
}

.divider.white._1 {
  opacity: .2;
  border-top: 1px solid #ffffff3d;
  border-left-style: none;
  border-left-width: 0;
}

.divider.white._1.padding {
  padding-bottom: 20px;
}

.divider.white._1._23 {
  opacity: .2;
  margin-bottom: 60px;
}

.divider.white._1._02 {
  opacity: .2;
}

.divider.white.project-page {
  opacity: .3;
  width: 90%;
  margin-bottom: 25px;
  padding-bottom: 0;
}

.divider.purple {
  border-top-color: var(--purple);
}

.divider.vertical {
  color: var(--color--white);
  border-top-style: none;
  border-top-width: 0;
  border-left: 2px solid #fff;
}

.divider.black {
  border-top: 1px solid var(--color--primary);
  border-left-style: none;
}

.divider.brand {
  background-color: #0000;
  border-top: 1px solid #0808082b;
  border-left-style: none;
  margin: 5%;
}

.navigation-divider {
  width: 100%;
  position: absolute;
  inset: auto auto 0 0;
}

.section-top {
  background-color: var(--color--white);
  background-image: url("https://cdn.prod.website-files.com/6918698fdd7deae62be0a467/69a996108fdf42dda5675904_cogden-bg.svg");
  background-position: 0 0;
  background-size: auto;
}

.section-top.about2 {
  background-image: linear-gradient(#fff, #fff0 45%), url("https://cdn.prod.website-files.com/6918698fdd7deae62be0a467/69a996108fdf42dda5675904_cogden-bg.svg");
  background-position: 0 0, 0 0;
  background-size: auto, auto;
}

.section-top.about3 {
  background-image: linear-gradient(#2f18938f, #2f1893), url("https://cdn.prod.website-files.com/6918698fdd7deae62be0a467/697204f4f4bf02502accac90_Captureasd.PNG");
  background-position: 0 0, 50% 0;
  background-size: auto, cover;
  padding-top: 100px;
}

.section-top.projects {
  background-color: #1b1b1b;
  height: 800px;
  padding-left: 10px;
  padding-right: 10px;
}

.section-top.branding {
  background-color: #2136b2;
  background-image: none;
}

.page-title-wrapper {
  padding-top: 6.5vw;
  padding-bottom: 6.5vw;
}

.page-title-wrapper.no-padding-bottom {
  padding-bottom: 0;
}

.page-title-wrapper.project {
  padding-bottom: 3vw;
}

.page-title-wrapper.projects {
  padding-bottom: 6.5vw;
}

.page-title {
  font-family: var(--font-family--font-secondary);
  letter-spacing: -.022em;
  text-transform: uppercase;
  margin-top: -.7vw;
  margin-bottom: 0;
  font-size: 12.5vw;
  font-weight: 600;
  line-height: .8;
}

.page-title.project {
  color: var(--color--primary);
}

.team-image-wrapper {
  margin-bottom: 1.5rem;
  padding-top: 125.867%;
  position: relative;
}

.team-image {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  inset: 0%;
}

.team-links {
  grid-column-gap: .1875rem;
  grid-row-gap: .1875rem;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
  position: absolute;
  top: 1.25rem;
  left: 1.25rem;
}

.team-link {
  background-color: var(--color--white);
  color: var(--color--primary);
  border-radius: 7rem;
  padding: .225em .5em .25em;
  font-size: 1rem;
  line-height: 1.1;
  text-decoration: none;
}

.team-link:hover {
  color: var(--color--primary);
}

.team-title {
  color: var(--color--primary);
  letter-spacing: -.019em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.69rem;
  font-weight: 500;
  line-height: 1.25;
}

.team-role {
  color: var(--color--primary);
  letter-spacing: .01em;
  text-transform: capitalize;
  font-size: 1.0625rem;
  font-weight: 300;
  line-height: 1.25;
}

.faq-grid {
  grid-column-gap: 1.875rem;
  grid-row-gap: 1.875rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.faq-grid.branding {
  grid-template-columns: 1fr 1fr 1fr;
}

.faq-item {
  background-color: #f3f3f3;
  border: 1px solid #0000001c;
  padding: 3.125vw;
}

.faq-item.engaging {
  background-color: #f3f3f3;
  border-color: #0000001c;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: auto;
  max-width: 400px;
  display: flex;
}

.faq-item.branding {
  border-style: solid;
  border-width: 2px;
  padding-left: 10%;
  padding-right: 10%;
}

.faq-number {
  font-family: var(--font-family--font-secondary);
  margin-top: 20px;
  margin-bottom: 1.5rem;
  font-size: 6vw;
  font-weight: 600;
  line-height: .7;
}

.faq-number.branding {
  color: #1d1d1d;
  margin-bottom: 0;
  font-size: 1.8vw;
  font-weight: 600;
  line-height: 2.5vw;
}

.faq-number.branding.alt {
  width: 90%;
}

.faq-title {
  color: #515151;
  text-align: left;
  letter-spacing: -.022em;
  margin-top: 0;
  margin-bottom: 1rem;
  font-size: 1.2vw;
  font-weight: 400;
  line-height: 1.3;
}

.faq-title.alt {
  color: #000;
  text-align: left;
  font-size: 1.6vw;
  font-weight: 500;
}

.faq-title.dev {
  color: #000;
  text-align: center;
  margin-bottom: 0;
  margin-right: 5px;
  font-size: 1.7vw;
  font-weight: 500;
}

.faq-text {
  color: var(--color--primary);
  text-align: left;
  letter-spacing: -.01em;
  margin-bottom: 0;
  font-size: 1.125rem;
  font-weight: 300;
  line-height: 1.4;
}

.faq-text.branding {
  margin-bottom: 20px;
}

.faq-text.centered {
  text-align: center;
}

.heading-medium {
  font-family: var(--font-family--font-secondary);
  letter-spacing: -.0125em;
  text-transform: uppercase;
  margin-top: -.7vw;
  margin-bottom: 0;
  font-size: 12.5vw;
  font-weight: 600;
  line-height: .75;
}

.heading-medium.white {
  color: var(--transparent);
}

.heading-medium.purple {
  color: var(--background-2);
}

.call-action-column-right {
  text-align: right;
  padding-top: .35rem;
}

.call-action-grid {
  grid-column-gap: 1.875vw;
  grid-row-gap: 1.875vw;
  grid-template-rows: auto;
  grid-template-columns: minmax(10px, 1fr) minmax(10px, 1fr) minmax(10px, 1fr) minmax(10px, 1fr) minmax(10px, 1fr) minmax(10px, 1fr) minmax(10px, 1fr) minmax(10px, 1fr) minmax(10px, 1fr) minmax(10px, 1fr) minmax(10px, 1fr) minmax(10px, 1fr);
  grid-auto-flow: row;
}

.link-large {
  box-shadow: 0 1px 0 0 var(--color--primary);
  letter-spacing: -.022em;
  word-break: break-all;
  font-size: 2.25vw;
  font-weight: 500;
  line-height: 1.2;
  text-decoration: none;
  transition: box-shadow .1s linear;
}

.link-large:hover {
  box-shadow: 0 5px 0 0 var(--color--primary);
  color: var(--color--primary);
}

.margin-bottom-extra-small {
  margin-bottom: .65rem;
}

.form-button {
  grid-column-gap: .35em;
  grid-row-gap: .35em;
  border: 1px solid var(--color--primary);
  background-color: var(--color--white);
  min-height: 5.125rem;
  color: var(--color--primary);
  text-align: center;
  text-transform: uppercase;
  background-image: url("https://cdn.prod.website-files.com/6918698fdd7deae62be0a467/69186990dd7deae62be0a53a_spark-in-form-button.svg"), url("https://cdn.prod.website-files.com/6918698fdd7deae62be0a467/69186990dd7deae62be0a53a_spark-in-form-button.svg");
  background-position: 86% 175%, 86%;
  background-repeat: no-repeat, no-repeat;
  background-size: 2.0625rem, 2.0625rem;
  background-attachment: scroll, scroll;
  border-radius: 15rem;
  flex: none;
  justify-content: center;
  align-items: center;
  padding: .25em 3.06em .25em 1.6em;
  font-size: 1.75rem;
  font-weight: 600;
  line-height: 1;
  transition: background-position .5s cubic-bezier(1, 0, 0, 1);
  display: inline-block;
}

.form-button:hover {
  background-position: 86%, 86% -75%;
}

.error-message {
  background-color: var(--color--error-background);
  color: var(--color--error);
  border-radius: 5px;
  margin-top: 1.5rem;
  padding: .75em 1.2em;
  font-size: 1.06rem;
  font-weight: 400;
}

.form-info {
  color: #757575;
  letter-spacing: -.025em;
  margin-bottom: 2.75rem;
  font-size: .875rem;
  font-weight: 400;
}

.form-info-icon {
  width: 1.2857em;
  margin-right: .25em;
  display: inline-block;
}

.form-info-link {
  color: var(--color--secondary);
  transition: color .2s;
}

.form-info-link:hover {
  color: var(--color--primary);
}

.form-footer {
  padding-top: .625rem;
}

.form-label {
  margin-bottom: 1rem;
  font-size: 1.69vw;
  font-weight: 500;
}

.form-field {
  border: 1px solid var(--color--border-mutted);
  min-height: 5.125rem;
  color: var(--color--primary);
  letter-spacing: -.01em;
  border-radius: .5rem;
  margin-bottom: 0;
  padding: 1rem 1.5rem;
  font-size: 1.69vw;
  font-weight: 500;
  line-height: 1.2;
}

.form-field:focus {
  border-color: var(--color--border-mutted);
}

.form-field::placeholder {
  color: var(--color--form-placeholder);
}

.form-field.multi-line {
  min-height: 10.5rem;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

.success-message {
  background-color: var(--color--success-background);
  color: var(--color--success);
  border-radius: 5px;
  padding: .75em 1.2em;
  font-size: 1.25rem;
}

.form-info-text {
  color: var(--color--secondary);
  line-height: 1.6;
  display: inline;
}

.form-row {
  margin-bottom: 2.125rem;
}

.form-row.full-width {
  flex-flow: column;
  display: flex;
}

.form-button-wrapper {
  flex-flow: row;
  display: flex;
}

.top {
  opacity: 0;
  width: 0;
  height: 0;
}

.split-item {
  margin-top: -1px;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  font-size: 1.38vw;
  font-weight: 500;
  text-decoration: none;
  display: block;
  position: relative;
  overflow: hidden;
}

.split-item:hover {
  color: #111;
}

.split-item-columns {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  justify-content: space-between;
  display: flex;
}

.split-item-values {
  grid-column-gap: .25em;
  grid-row-gap: 0em;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: flex-start;
  display: flex;
}

.project-gallery {
  grid-column-gap: 1.875rem;
  grid-row-gap: 1.875rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.progect-gallery-image {
  width: 100%;
}

.page-title-small {
  font-family: var(--font-family--font-secondary);
  letter-spacing: -.036em;
  text-transform: none;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 7.8125vw;
  font-weight: 600;
  line-height: 1;
}

.rich-text-blog {
  margin-bottom: -2.25rem;
  font-size: 1.25rem;
}

.rich-text-blog p {
  margin-bottom: 2em;
}

.rich-text-blog h5 {
  margin-top: 0;
  margin-bottom: 2rem;
  font-size: 1.1rem;
  line-height: 1.36;
}

.rich-text-blog h4 {
  margin-top: 0;
  margin-bottom: 2rem;
  font-size: 1.36rem;
  font-weight: 600;
  line-height: 1.35;
}

.rich-text-blog h1 {
  margin-top: 0;
  margin-bottom: 2rem;
  font-size: 3rem;
  font-weight: 600;
  line-height: 1.2;
}

.rich-text-blog img {
  border-radius: 5px;
}

.rich-text-blog h2 {
  margin-top: 0;
  margin-bottom: 2rem;
  font-size: 2.5rem;
  font-weight: 600;
  line-height: 1.2;
}

.rich-text-blog blockquote {
  margin-bottom: 2em;
}

.rich-text-blog h3 {
  margin-top: 0;
  margin-bottom: 2rem;
  font-size: 1.75rem;
  font-weight: 600;
  line-height: 1.25;
}

.rich-text-blog ul {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-direction: column;
  margin-bottom: 2em;
  padding-left: 1.5em;
}

.rich-text-blog ol {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-direction: column;
  margin-bottom: 2em;
  padding-left: 1.5em;
  overflow: visible;
}

.rich-text-blog h6 {
  margin-top: 0;
  margin-bottom: 2rem;
  font-size: .95rem;
  line-height: 1.36;
}

.rich-text-blog figure {
  margin-bottom: 2rem;
}

.container-small {
  max-width: none;
}

.container-small.project {
  max-width: 60rem;
}

.container-small.alt1 {
  max-width: 80rem;
}

.container-small.about {
  max-width: 15rem;
}

.sub-section {
  padding-top: 6.25rem;
  padding-bottom: 6.25rem;
  position: relative;
}

.grid-12-columns-small {
  grid-column-gap: 1.875vw;
  grid-row-gap: 1.875vw;
  grid-template-rows: auto;
  grid-template-columns: minmax(10px, 1fr) minmax(10px, 1fr) minmax(10px, 1fr) minmax(10px, 1fr) minmax(10px, 1fr) minmax(10px, 1fr) minmax(10px, 1fr) minmax(10px, 1fr) minmax(10px, 1fr) minmax(10px, 1fr) minmax(10px, 1fr) 1fr;
  grid-auto-flow: row;
  place-content: stretch;
}

.grid-12-columns-small.centered {
  align-content: stretch;
  margin-right: 25px;
}

.grid-12-columns-small.projects {
  padding-bottom: 60px;
}

.utility-page-wrap {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  padding: 1.875rem 0;
  display: flex;
}

.utility-page-content {
  text-align: left;
  flex-direction: column;
  padding-left: 1.875rem;
  padding-right: 1.875rem;
  display: flex;
}

.utility-page-form {
  flex-direction: column;
  align-items: stretch;
  min-width: 25rem;
  display: flex;
}

.offcanvas {
  z-index: 1000;
  pointer-events: none;
  width: 100%;
  height: 100vh;
  display: none;
  position: absolute;
  inset: 0% auto auto 0%;
}

.sidebar {
  -webkit-backdrop-filter: blur(7rem);
  backdrop-filter: blur(7rem);
  pointer-events: auto;
  width: 50%;
  height: 100%;
  color: var(--color--white);
  background-color: #000c;
  flex-direction: row;
  padding: 3.125rem 1.875rem;
  display: flex;
  position: absolute;
  overflow: hidden;
}

.sidebar-title {
  font-family: var(--font-family--font-secondary);
  letter-spacing: 0;
  text-transform: uppercase;
  font-size: 7vw;
  font-weight: 600;
  line-height: .75;
}

.sidebar-title-row-one {
  display: block;
}

.sidebar-title-row-two {
  padding-left: 4.85vw;
  display: block;
}

.sidebar-title-row-three {
  padding-left: 2.15vw;
  display: block;
}

.sidebar-title-row-four {
  text-align: right;
  display: block;
}

.sidebar-text {
  text-align: center;
  max-width: 35rem;
  margin-top: auto;
  margin-left: auto;
  margin-right: auto;
}

.sidebar-inner {
  flex-direction: column;
  width: 100%;
  display: flex;
}

.sidebar-line {
  border-left: 1px solid var(--color--white);
  opacity: .25;
  width: 0;
  height: 200%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)rotate(15deg);
}

.block-quote {
  border-left-width: 1px;
  border-left-color: var(--color--primary);
  margin-bottom: 0;
}

.list-unordered, .list-ordered {
  margin-bottom: 0;
  padding-left: 1.46em;
}

.hero-image-mobile {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
  inset: 0%;
}

.location {
  letter-spacing: 0;
  text-transform: uppercase;
  flex: 0 auto;
  align-items: center;
  margin-left: 2.25rem;
  margin-right: auto;
  padding-top: 1rem;
  padding-bottom: 1rem;
  font-size: 1.0625rem;
  font-weight: 500;
  line-height: 1.25em;
  text-decoration: none;
  display: flex;
  position: static;
  overflow: hidden;
}

.location:hover {
  color: var(--color--primary);
}

.location.w--current {
  background-image: url("https://cdn.prod.website-files.com/6918698fdd7deae62be0a467/69186990dd7deae62be0a517_dot.svg");
  background-position: 96% 30%;
  background-repeat: no-repeat;
  background-size: auto;
}

.location.home {
  opacity: .8;
  color: var(--color--white);
}

.location.home.w--current {
  background-image: url("https://cdn.prod.website-files.com/6918698fdd7deae62be0a467/69186990dd7deae62be0a55d_dot-white.svg");
  background-position: 95% 37%;
}

.location-icon {
  width: 1.5rem;
  margin-right: .375rem;
}

.hero-content-bottom {
  margin-top: auto;
  padding-top: 3.125rem;
  position: relative;
}

.hero-services-container {
  flex-flow: column;
  justify-content: flex-end;
  max-width: 15.8125rem;
  display: flex;
}

.hero-text-container {
  max-width: 40rem;
  margin-left: auto;
}

.caption {
  letter-spacing: -.01em;
  margin-bottom: 0;
  font-size: 1.0625rem;
  font-weight: 500;
  line-height: 1.205;
}

.caption.mobile {
  font-family: Wfvisualsansvf, Arial, sans-serif;
  font-size: 1.2rem;
}

.caption.work {
  text-align: right;
  margin-bottom: 0;
  padding-bottom: 0;
}

.hero-caption-wrapper {
  grid-column-gap: .2em;
  grid-row-gap: .2em;
  margin-bottom: 1.7rem;
  display: flex;
}

.caption-icon {
  flex: none;
  width: 25px;
  position: relative;
  top: .1rem;
}

.hero-service-item {
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  padding-top: .8125rem;
  padding-bottom: .8125rem;
  line-height: 1.2;
  display: flex;
  position: relative;
}

.hero-service-text {
  letter-spacing: .01em;
  text-transform: capitalize;
  font-size: 1.2rem;
}

.hero-service-text.yellow {
  font-family: Wfvisualsansvf, Arial, sans-serif;
}

.hero-service-text.yellow:hover {
  color: var(--yellow);
}

.hero-service-number {
  margin-left: auto;
}

.hero-services {
  letter-spacing: 0;
  text-transform: uppercase;
  font-size: 1.0625rem;
}

.opacity-80 {
  opacity: .8;
}

.opacity-80._01 {
  padding-bottom: 10px;
  padding-left: 5%;
  padding-right: 5%;
}

.paragraph-small {
  color: var(--color--primary);
  text-align: left;
  letter-spacing: .01em;
  text-indent: 2.25rem;
  text-transform: none;
  direction: ltr;
  margin-top: 20px;
  margin-bottom: 0;
  padding-top: 0;
  font-size: 1.0625rem;
  font-weight: 400;
  line-height: 1.2058;
  text-decoration: none;
}

.paragraph-small.no-text-indent {
  text-indent: 0;
}

.paragraph-small.no-text-indent.alt.mobile {
  color: var(--color--white);
  -webkit-text-stroke-color: var(--color--white);
}

.paragraph-small.no-text-indent.white {
  color: var(--color--white);
}

.paragraph-small.homepagehero {
  color: var(--color--white);
  text-indent: 2rem;
  margin-bottom: 2rem;
  font-size: 1.3rem;
}

.paragraph-small.homepagehero.mobile {
  text-indent: 0;
  font-size: 1.4rem;
  font-weight: 400;
}

.paragraph-small.homepagehero.mobile.black {
  color: var(--color--primary);
}

.paragraph-small.padding-bottom {
  margin-bottom: .5rem;
}

.paragraph-small.about {
  text-indent: 0;
}

.paragraph-small.projects {
  color: var(--color--white);
  text-indent: 0;
  margin-top: 0;
  font-size: 1.5vw;
}

.hero-text-wrapper {
  flex-flow: column;
  justify-content: flex-end;
  display: flex;
}

.hero-image-inner {
  z-index: -1;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.hero-image-inner.projects {
  background-image: url("https://cdn.prod.website-files.com/6918698fdd7deae62be0a467/69a0687342fa087f452ff2f6_496487049_710689818149856_7165579086943251231_n.jpg");
  background-position: 0 0;
  background-size: cover;
}

.hero-image-inner.jack-astbury {
  background-image: url("https://cdn.prod.website-files.com/6918698fdd7deae62be0a467/6998487c349e584d98654c5e_691c70847c6caae27949cf64_jack-astbury-cogden-1920-p-1080.jpg");
  background-position: 50%;
  background-size: cover;
}

.hero-image-inner.barzbrand {
  background-image: url("https://cdn.prod.website-files.com/6918698fdd7deae62be0a467/69c4606d9dc3e71cd4e921fe_barzbrand-project-thumbnail.jpg");
  background-position: 0 0;
  background-size: cover;
}

.heading-word-second {
  text-align: right;
}

.has-title-vertical {
  grid-column-gap: 3.125vw;
  grid-row-gap: 3.125vw;
  width: 100%;
  min-height: 8.6rem;
  display: flex;
}

.title-vertical-wrapper {
  min-width: 1.85rem;
  height: 100%;
  position: relative;
}

.title-vertical {
  transform-origin: 0 0;
  white-space: nowrap;
  position: absolute;
  bottom: 0;
  left: 0;
  transform: translate(0, 100%)rotate(-90deg);
}

.number-vertical {
  transform-origin: 0 0;
  white-space: nowrap;
  position: absolute;
  top: 0;
  left: 0;
  transform: rotate(-90deg);
}

.number-vertical-inner {
  transform: translate(-100%);
}

.about-section-content-inner {
  flex-flow: column;
  width: 100%;
  height: 100%;
  display: flex;
}

.about-image-wrapper {
  margin-top: 0;
  margin-left: 0%;
}

.divider-vertical {
  z-index: 1;
  border-right: 1px solid var(--color--primary);
  transform-origin: 50% 0;
  width: 0;
  height: 100%;
  position: absolute;
  inset: 0% 0% auto auto;
}

.divider-vertical.white {
  border-right-color: var(--color--white);
}

.divider-vertical._1 {
  color: #29128d;
  -webkit-text-stroke-color: #29128d;
  border-right-color: #b4add3;
}

.image-placeholder {
  background-color: var(--color--white);
  transform-origin: 0%;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0% 15% 0% 0%;
}

.image-placeholder.transpaarent {
  background-color: #eceff800;
  height: 50%;
}

.mission-heading-wrapper {
  grid-column-gap: .36rem;
  grid-row-gap: .36rem;
  flex-flow: row;
  justify-content: flex-start;
  margin-left: -.2vw;
  margin-right: -.2vw;
  padding-top: 0;
  display: inline-flex;
  position: relative;
}

.mission-heading-wrapper.margin-left {
  margin-left: 16.7vw;
}

.mission-heading-number {
  color: var(--purple);
  letter-spacing: .01em;
  text-transform: uppercase;
  padding-left: .25em;
  padding-right: .25em;
  font-size: 1.0625rem;
  line-height: 1;
  position: absolute;
  inset: .86vw 0% auto auto;
  transform: translate(100%);
}

.mission-heading-number.left {
  bottom: auto;
  left: 0%;
  right: auto;
  transform: translate(-100%);
}

.mission-image {
  padding-bottom: 155%;
  position: relative;
}

.mission-image.homepage {
  padding-bottom: 50%;
}

.mission-image-wrapper {
  margin-top: -14.5vw;
}

.mission-text {
  margin-top: 5vw;
  margin-left: 0%;
}

.mission-text.mobile {
  margin-top: 3vw;
}

.text-block {
  color: var(--color--primary);
  letter-spacing: .01em;
}

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

.text-block.black {
  color: var(--color--primary);
  padding-left: 10px;
}

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

.text-block.alt.based {
  color: var(--color--white);
  font-size: 1rem;
}

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

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

.text-block.sub-heading {
  color: var(--color--white);
  text-transform: capitalize;
}

.split-section {
  border-radius: 0;
  height: 216vh;
  position: relative;
}

.split-background {
  background-color: var(--color--primary);
  transform-origin: 100%;
  width: 50%;
  height: 100%;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.split-content {
  background-color: var(--color--primary);
  width: 50%;
  min-height: 100vh;
  color: var(--color--white);
  flex-flow: column;
  margin-top: -100vh;
  margin-left: auto;
  padding: 3.75vw;
  display: flex;
  position: sticky;
  top: 0;
}

.accordion-item {
  display: block;
  overflow: hidden;
}

.accordion-toggle {
  grid-column-gap: .5625rem;
  grid-row-gap: .5625rem;
  color: var(--color--white);
  padding: 0;
  display: flex;
}

.accordion-toggle:focus-visible, .accordion-toggle[data-wf-focus-visible] {
  border: 1px solid var(--color--white);
}

.accordion-title {
  font-family: var(--font-family--font-secondary);
  letter-spacing: -.025em;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 5.36vw;
  font-weight: 600;
  line-height: .8;
}

.accordion-icon {
  background-color: var(--color--white);
  border-radius: 100%;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  display: flex;
  position: relative;
  top: .7vw;
}

.accordion-plus {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 50%;
  height: 50%;
  display: flex;
  position: relative;
}

.accordin-plus-line-v {
  background-color: var(--color--primary);
  width: 2px;
  height: 100%;
}

.accordin-plus-line-h {
  background-color: var(--color--primary);
  width: 100%;
  height: 2px;
  position: absolute;
}

.accordion-content {
  max-width: 100%;
}

.accordion-content.w--open {
  background-color: #0000;
  position: static;
  overflow: hidden;
}

.icons-list {
  font-size: 1.0625rem;
}

.icons-list-item {
  grid-column-gap: .36em;
  grid-row-gap: .36em;
  align-items: flex-start;
  display: flex;
}

.icons-list-image {
  flex: none;
  position: relative;
  top: .2rem;
}

.icons-list-text {
  line-height: 1.2059;
}

.accordion-content-inner {
  margin-bottom: 2.36rem;
  padding-top: 2rem;
}

.split-content-bottom {
  margin-top: auto;
}

.split-image-wrapper {
  width: 50%;
  height: 100vh;
  position: sticky;
  inset: 0 auto auto;
}

.split-image {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.portfolio-tabs-menu {
  background-color: var(--purple);
  letter-spacing: .01em;
  text-transform: uppercase;
  border-radius: 7rem;
  justify-content: flex-end;
  max-width: 15.3125rem;
  min-height: 2.875rem;
  margin-top: -2.875rem;
  margin-left: auto;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1;
  display: flex;
}

.portfolio-tabs-menu.mobile {
  border-radius: 1.8rem;
}

.portfolio-tab-link {
  width: 50%;
  color: var(--color--white);
  text-align: center;
  background-color: #0000;
  justify-content: center;
  align-items: center;
  transition-property: none;
  display: flex;
}

.portfolio-tab-link:hover {
  color: var(--color--white);
}

.portfolio-tab-link.w--current {
  background-color: #0000;
  justify-content: center;
  align-items: center;
  padding: .25rem;
}

.portfolio-tab-link.first {
  color: var(--color--primary);
}

.portfolio-tab-pane {
  padding-top: 3rem;
}

.portfolio-tab-pane.padding-smaller {
  padding-top: 4.375rem;
}

.portfolio-tab-active {
  padding: 3px;
  display: flex;
  position: absolute;
  inset: 0%;
}

.portfolio-tab-active-background {
  background-color: var(--color--white);
  border-radius: 7rem;
  width: 100%;
}

.portfolio-tab-text {
  position: relative;
}

.project-arrow {
  background-color: #ffffff87;
  border-radius: 100%;
  justify-content: center;
  align-self: flex-start;
  align-items: center;
  width: 4rem;
  height: 4rem;
  display: flex;
}

.project-thumbnail {
  object-fit: cover;
  border-radius: 5px;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  inset: 0%;
}

.project-content {
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  padding: 1.875rem;
  display: flex;
  position: absolute;
}

.project-title {
  color: var(--color--white);
  letter-spacing: -.016em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2rem;
  font-weight: 500;
  line-height: 1.2;
}

.project-arrow-inner {
  width: 1.5rem;
  position: relative;
  overflow: hidden;
}

.project-label {
  opacity: 1;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  color: var(--color--primary);
  background-color: #ffffffbf;
  border-radius: 100px;
  overflow: hidden;
}

.project-title-wrapper {
  margin-top: -.2rem;
  position: relative;
  overflow: hidden;
}

.project-content-footer {
  grid-column-gap: .4375rem;
  grid-row-gap: .4375rem;
  flex-wrap: wrap;
  align-content: flex-start;
  display: flex;
}

.project-arrow-back {
  position: absolute;
  inset: 0%;
  transform: translate(-100%, 100%);
}

.project-title-back {
  position: absolute;
  inset: 0%;
  transform: translate(0, 100%);
}

.project-content-header {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.project-arrow-image {
  width: 100%;
  margin-left: auto;
  margin-right: 5px;
  display: block;
}

.project-arrow-image.portfolio {
  width: 100%;
}

.project-arrow-image.reviews {
  width: 40%;
}

.project-label-text {
  padding: .35em 1.00625em .55em;
  font-size: 1.25rem;
  line-height: 1;
}

.project-link {
  width: 100%;
  padding-bottom: 80.64%;
  display: block;
  position: relative;
  overflow: hidden;
}

.project-link.full-width {
  padding-bottom: 51.948%;
}

.projects-grid {
  grid-column-gap: 1.875rem;
  grid-row-gap: 1.875rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.grid-12-columns-fixed-gap {
  grid-column-gap: 1.875rem;
  grid-row-gap: 1.875rem;
  grid-template-rows: auto;
  grid-template-columns: minmax(10px, 1fr) minmax(10px, 1fr) minmax(10px, 1fr) minmax(10px, 1fr) minmax(10px, 1fr) minmax(10px, 1fr) minmax(10px, 1fr) minmax(10px, 1fr) minmax(10px, 1fr) minmax(10px, 1fr) minmax(10px, 1fr) minmax(10px, 1fr);
  grid-auto-flow: row;
}

.projects-list-link {
  text-decoration: none;
  display: block;
  position: relative;
}

.projects-list-link:hover {
  color: var(--color--primary);
  flex-flow: column;
  justify-content: center;
  display: flex;
}

.projects-list-text {
  letter-spacing: -.02em;
  margin-top: -.06em;
  margin-bottom: 0;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.2;
}

.projects-list {
  flex-flow: column;
  display: flex;
}

.projects-list-inner {
  z-index: 1;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  position: relative;
}

.projects-list-categories {
  display: flex;
}

.projects-list-comma {
  margin-right: .2em;
}

.projects-list-arrow {
  width: 1.5rem;
  height: 1.5rem;
  margin-left: auto;
  position: relative;
  top: .1rem;
}

.projects-list-arrow-black {
  width: 100%;
  position: absolute;
  inset: 0% auto auto 0%;
}

.projects-list-arrow-white {
  opacity: 0;
  width: 100%;
  position: absolute;
  inset: 0% auto auto 0%;
}

.projects-list-columns {
  grid-column-gap: 1.875vw;
  grid-row-gap: 1.875vw;
  grid-template-rows: auto;
  grid-template-columns: minmax(10px, 1fr) minmax(10px, 1fr) minmax(10px, 1fr) minmax(10px, 1fr) minmax(10px, 1fr) minmax(10px, 1fr) minmax(10px, 1fr) minmax(10px, 1fr) minmax(10px, 1fr);
  grid-auto-flow: row;
}

.projects-list-hover {
  background-color: var(--color--primary);
  transform-origin: 50% 100%;
  transform-style: preserve-3d;
  margin-bottom: -1px;
  position: absolute;
  inset: 0%;
  transform: scale3d(1, 0, 1);
}

.portfolio-tab-inner {
  position: relative;
}

.projects-list-image-wrapper {
  width: 15%;
  height: 100%;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.projects-list-image-inner {
  padding-top: 131.3%;
  position: sticky;
  top: 1.875rem;
}

.tabs-content {
  overflow: visible;
}

.projects-list-image {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.projects-list-image.opacity-zero {
  opacity: 0;
}

.projects-list-title {
  letter-spacing: -.02em;
  margin-top: -.06em;
  margin-bottom: 0;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.2;
}

.section-with-background {
  background-color: var(--color--primary);
  min-height: 100vh;
  color: var(--color--white);
  flex-flow: column;
  justify-content: center;
  padding-top: 12.5rem;
  padding-bottom: 12.5rem;
  display: flex;
  position: relative;
}

.section-background {
  width: 100%;
  height: 100vh;
  position: sticky;
  top: 0;
}

.section-background-video {
  object-fit: cover;
  background-image: linear-gradient(#5a5a5a, #fff0);
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.section-background-overlay {
  opacity: .7;
  pointer-events: none;
  background-color: #0000;
  background-image: linear-gradient(#1f2921, #000 17%, #fff0 43%);
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.section-background-header {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0% auto auto 0%;
}

.section-background-wrapper {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.benefits-container {
  max-width: 70.25vw;
}

.benefits-grid {
  grid-column-gap: 10vw;
  grid-row-gap: 9.375rem;
  place-items: stretch center;
}

.benefits-placeholder {
  height: 0;
}

.benefits-item {
  background-color: var(--color--white);
  max-width: 23rem;
  color: var(--color--primary);
  flex-flow: row;
  display: flex;
}

.benefits-item.full-width {
  max-width: 100%;
  display: flex;
}

.benefits-header {
  grid-column-gap: 1.125rem;
  grid-row-gap: 1.125rem;
  align-items: center;
  padding: 2.5rem;
  display: flex;
}

.benefits-title {
  letter-spacing: -.02em;
  overflow-wrap: anywhere;
  margin-bottom: 0;
  font-size: 1.75rem;
  font-weight: 500;
  line-height: 1.1075;
}

.benefits-text {
  margin-bottom: 0;
  font-size: 1.125rem;
  line-height: 1.33333;
}

.benefits-content {
  flex-flow: column;
  flex: 1;
  padding: 5.5rem 2.5rem 2.5rem;
  display: flex;
}

.benefits-item-inner {
  flex-flow: column;
  width: 100%;
  margin: .5rem;
  padding-left: 1px;
  padding-right: 1px;
  display: flex;
  position: relative;
}

.benefits-divider-left {
  border-left: 1px solid var(--color--primary);
  width: 0;
  height: 100%;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.benefits-divider-right {
  border-right: 1px solid var(--color--primary);
  border-left: 1px none var(--color--primary);
  width: 0;
  height: 100%;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.benefits-icons {
  width: 4rem;
}

.section-background-header-inner {
  padding-top: 3.125rem;
  padding-bottom: 3.125rem;
  position: sticky;
  top: 0;
}

.section-background-header-inner.alt {
  padding-top: 15.6rem;
}

.section-header-interaction-triger {
  pointer-events: none;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 100vh auto auto 0%;
}

.section-header-text-wrapper {
  color: var(--color--secondary);
  margin-top: .36vw;
}

.section-header-text-wrapper.alt {
  background-color: var(--color--background-primary);
  border-radius: 9px;
}

.section-header-text-wrapper.work {
  margin-top: 0;
}

.section-header-text-wrapper.purp {
  background-color: var(--color--background-primary);
}

.section-header-text-wrapper.about {
  margin-top: 1.8vw;
}

.section-header-text-wrapper.sbs {
  margin-top: 2vw;
}

.section-header-text-wrapper.showcase {
  margin-left: 0%;
  margin-right: 0%;
}

.footer-row-top {
  min-height: 12vw;
  padding-top: 3.125rem;
}

.footer-row-middle {
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  margin-left: -37px;
  margin-right: 0;
  display: flex;
  position: relative;
}

.footer-row-middle.new-footer {
  margin: 80px -6%;
}

.footer-row-bottom {
  flex-flow: column;
  min-height: 12vw;
  padding-bottom: 3.125rem;
  display: flex;
}

.back-top-link {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  align-items: center;
  margin-top: -.125rem;
  text-decoration: none;
  display: inline-flex;
}

.back-top-icon {
  background-color: #fff;
  border-radius: 100%;
  flex: none;
  justify-content: center;
  align-self: flex-start;
  align-items: center;
  width: 1.75rem;
  height: 1.75rem;
  display: flex;
}

.back-top-icon-inner {
  width: 1.25rem;
  position: relative;
  overflow: hidden;
}

.back-top-icon-front {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.back-top-icon-image {
  max-width: 1.5rem;
  display: block;
}

.back-top-icon-back {
  opacity: 0;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0% auto auto 0%;
  transform: translate(0, 100%);
}

.back-top-text {
  color: #fff;
  text-decoration: none;
}

.margin-top-auto {
  margin-top: auto;
}

.grid-12-columns-extra-small {
  grid-column-gap: 1.875vw;
  grid-row-gap: 1.875vw;
  grid-template-rows: auto;
  grid-template-columns: minmax(10px, 1fr) minmax(10px, 1fr) minmax(10px, 1fr) minmax(10px, 1fr) minmax(10px, 1fr) minmax(10px, 1fr) minmax(10px, 1fr) minmax(10px, 1fr) minmax(10px, 1fr) minmax(10px, 1fr) minmax(10px, 1fr) minmax(10px, 1fr);
  grid-auto-flow: row;
}

.grid-12-columns-zero {
  grid-column-gap: 1.875vw;
  grid-row-gap: 0vw;
  grid-template-rows: auto;
  grid-template-columns: minmax(10px, 1fr) minmax(10px, 1fr) minmax(10px, 1fr) minmax(10px, 1fr) minmax(10px, 1fr) minmax(10px, 1fr) minmax(10px, 1fr) minmax(10px, 1fr) minmax(10px, 1fr) minmax(10px, 1fr) minmax(10px, 1fr) minmax(10px, 1fr);
  grid-auto-flow: row;
}

.footer-heading {
  font-family: var(--font-family--font-secondary);
  letter-spacing: -.0125em;
  text-transform: uppercase;
  margin-top: -.7vw;
  margin-bottom: 0;
  font-size: 14.5vw;
  font-weight: 600;
  line-height: .8;
}

.marquee-track-reverse {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  flex-direction: row;
  flex: none;
  display: flex;
}

.marquee-track-reverse.gutter-large {
  justify-content: flex-end;
  align-items: stretch;
}

.footer-circle-wrapper {
  pointer-events: none;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0%;
}

.footer-circle-link {
  pointer-events: auto;
  justify-content: center;
  align-items: center;
  width: 16.7vw;
  height: 16.7vw;
  padding: .625rem;
  display: flex;
  position: relative;
  top: .5vw;
}

.footer-circle-backgound {
  background-color: var(--color--primary);
  border-radius: 100%;
  width: 100%;
  height: 100%;
  padding: 3px;
  position: absolute;
  inset: 0%;
}

.footer-circle-border {
  border: 1px solid var(--color--white);
  opacity: .3;
  border-radius: 100%;
  width: 100%;
  height: 100%;
}

.footer-circle-image {
  width: 100%;
  display: block;
  position: relative;
}

.footer-circle-icon-wrapper {
  width: 1.5rem;
  position: absolute;
  overflow: hidden;
}

.footer-circle-icon-back {
  position: absolute;
  top: 100%;
  left: -100%;
}

.overlapping-image {
  padding-top: 127.664%;
  position: relative;
}

.overlapping-image-one-wrapper {
  padding-right: 11.5vw;
}

.overlapping-image-two-wrapper {
  padding-left: 5.75vw;
  padding-right: 5.75vw;
}

.overlapping-image-three-wrapper {
  padding-left: 11.5vw;
}

.paragraph-extra-large {
  letter-spacing: -.027em;
  margin-bottom: 0;
  font-size: 2.75vw;
  line-height: 1.25;
}

.paragraph-extra-large.white {
  color: var(--color--white);
  font-size: 2.2vw;
}

.paragraph-extra-large.white.padding-top {
  padding-top: 30px;
}

.image-parallax-wrapper {
  height: 50vw;
  position: relative;
  overflow: hidden;
  transform: translate(0);
}

.image-parallax-inner {
  object-fit: cover;
  width: 100%;
  min-height: 117%;
  position: absolute;
  top: 50%;
  left: 0%;
}

.image-parallax {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  transform: translate(0, -50%);
}

.section-bottom {
  flex-flow: column;
  justify-content: flex-end;
  display: flex;
}

.awards-list-columns {
  grid-column-gap: 1.875vw;
  grid-row-gap: 1.875vw;
  grid-template-rows: auto;
  grid-template-columns: minmax(10px, 1fr) minmax(10px, 1fr) minmax(10px, 1fr) minmax(10px, 1fr) minmax(10px, 1fr) minmax(10px, 1fr) minmax(10px, 1fr) minmax(10px, 1fr) minmax(10px, 1fr) minmax(10px, 1fr) minmax(10px, 1fr) minmax(10px, 1fr);
  grid-auto-flow: row;
}

.service-item-columns {
  grid-column-gap: 1.875vw;
  grid-row-gap: 1.875vw;
  grid-template-rows: auto;
  grid-template-columns: 1fr 25.3636%;
}

.service-item {
  background-color: var(--color--background-primary);
  padding-top: 2.8rem;
  padding-bottom: 9.375vw;
  position: relative;
}

.service-item.last {
  padding-bottom: 0;
}

.service-title {
  letter-spacing: -.022em;
  text-transform: uppercase;
  margin-top: -.7vw;
  margin-bottom: 0;
  font-size: 10vw;
  font-weight: 600;
  line-height: .8;
}

.service-image {
  padding-bottom: 145.429%;
  position: relative;
}

.services-content {
  flex-flow: column;
  display: flex;
}

.service-content-columns {
  grid-column-gap: 4vw;
  grid-row-gap: 4vw;
  grid-template-rows: auto;
  grid-template-columns: 1fr 28.079%;
}

.service-text {
  letter-spacing: -.02em;
  margin-bottom: 0;
  font-size: 2.25vw;
  line-height: 1.17;
}

.service-tag {
  border: 1px solid var(--color--primary);
  background-color: var(--purple);
  color: var(--color--white);
  letter-spacing: .01em;
  text-transform: uppercase;
  border-radius: .3rem;
  padding: .3rem .75rem;
  font-size: 1.0625rem;
  line-height: 1.2;
}

.div-block {
  grid-column-gap: .3125rem;
  grid-row-gap: .3125rem;
  flex-flow: column;
  align-items: flex-start;
  display: flex;
}

.projects-rows {
  grid-column-gap: 1.875rem;
  grid-row-gap: 1.875rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.page-title-medium {
  font-family: var(--font-family--font-secondary);
  letter-spacing: -.022em;
  text-transform: uppercase;
  margin-top: -.7vw;
  margin-bottom: 0;
  font-size: 9.75vw;
  font-weight: 600;
  line-height: .8;
}

.contact-section-content {
  flex-flow: row;
  justify-content: flex-start;
  display: flex;
}

.contact-section-content-inner {
  flex-flow: column;
  width: 100%;
  display: flex;
}

.contact-section-bottom {
  max-width: 70.5%;
  margin-top: auto;
}

.marquee-heading {
  font-family: var(--font-family--font-secondary);
  letter-spacing: -.0125em;
  text-transform: uppercase;
  margin-top: -.7vw;
  margin-bottom: 0;
  font-size: 12.5vw;
  font-weight: 600;
  line-height: .8;
}

.contact-image-wrapper {
  margin-left: 3.6%;
}

.contact-image-inner {
  padding-bottom: 129.35%;
  position: relative;
  overflow: hidden;
}

.container-fixed {
  justify-content: space-between;
  max-width: 82rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1.875rem;
  padding-right: 1.875rem;
}

.icon-link {
  grid-column-gap: .3rem;
  grid-row-gap: .3rem;
  align-items: flex-start;
  font-size: 1.125rem;
  line-height: 1.333;
  text-decoration: none;
  display: flex;
}

.icon-link:hover {
  color: var(--color--primary);
}

.icon-link-image {
  width: 1.25rem;
  position: relative;
  top: .125em;
}

.benefits-links {
  grid-column-gap: .3rem;
  grid-row-gap: .3rem;
  flex-flow: column;
  align-items: flex-start;
  margin-top: 1.5rem;
  display: flex;
}

.benefits-item-one {
  width: 75%;
  display: flex;
}

.benefits-item-two, .benefits-item-three {
  width: 100%;
  display: flex;
}

.benefits-3-columns {
  grid-column-gap: 1.875rem;
  grid-row-gap: 1.875rem;
  grid-template-rows: auto;
  grid-template-columns: minmax(10px, 1fr);
  grid-auto-flow: row;
}

.hero-content-middle {
  color: var(--color--white);
  margin-top: auto;
  position: relative;
}

.hero-heading-wrapper {
  position: relative;
  overflow: hidden;
}

.hero-heading-one {
  mix-blend-mode: overlay;
  position: absolute;
  inset: 0%;
}

.hero-heading-two {
  opacity: .7;
  mix-blend-mode: overlay;
  position: absolute;
  inset: 0%;
}

.hero-heading-three {
  opacity: .5;
  position: relative;
}

.hero-work-slider {
  color: #fff;
  background-color: #0000;
  flex: 0 auto;
  width: 100%;
  height: 100%;
  font-size: 1rem;
  line-height: 1.375;
}

.hero-work-image {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.blog-wrapper {
  padding-top: 6.25rem;
}

.hero-caption-flex {
  flex-flow: wrap;
  display: flex;
}

.hero-caption-flex.flex-center {
  justify-content: center;
}

.project-overvew {
  margin-bottom: 1rem;
}

.hero-captions-wrapper {
  width: 100%;
  position: absolute;
  inset: auto auto 0% 0%;
}

.hero-captions-wrapper.projects {
  padding-top: 0;
}

.container-medium {
  justify-content: space-between;
  max-width: 52rem;
  margin-left: auto;
  margin-right: auto;
  padding-top: 60px;
  padding-left: 1.875rem;
  padding-right: 1.875rem;
}

.services-items-wrapper {
  grid-column-gap: 9.375vw;
  grid-row-gap: 9.375vw;
  flex-flow: column;
}

.service-scroll-overlay {
  background-color: var(--color--background-primary);
  opacity: 0;
  pointer-events: none;
  margin-left: -1.875rem;
  margin-right: -1.875rem;
  position: absolute;
  inset: 0%;
}

.list {
  margin-bottom: 0;
}

.shop-wrapper {
  padding-top: 6.25rem;
}

.shop-link {
  color: var(--color--primary);
  text-decoration: none;
  display: block;
}

.shop-link:hover {
  color: var(--color--primary);
}

.shop-thumbnail {
  backface-visibility: hidden;
  margin-bottom: 1.7rem;
  padding-top: 100%;
  position: relative;
  overflow: hidden;
  transform: translate(0);
}

.shop-thumbnail-image {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  inset: 0% auto auto 0%;
}

.shop-item-intro {
  padding-right: .625rem;
  position: relative;
}

.shop-item-circle {
  background-color: var(--black\<deleted\|variable-c84a60ed\>);
  opacity: 0;
  border-radius: 100%;
  width: .25rem;
  height: .25rem;
  margin-left: -.625rem;
  position: absolute;
  inset: 1rem auto auto 0%;
}

.shop-item-title {
  font-family: var(--font-family--font-primary);
  color: var(--color--primary);
  letter-spacing: -.019em;
  margin-top: 0;
  margin-bottom: 1.5rem;
  font-size: 1.69vw;
  font-weight: 500;
  line-height: 1.32;
}

.shop-item-price {
  letter-spacing: .01em;
  text-transform: uppercase;
  font-size: 1.0625rem;
  line-height: 1;
}

.button-alt {
  border: 1px solid var(--color--primary);
  background-color: var(--color--white);
  min-height: 3.6rem;
  color: var(--color--primary);
  letter-spacing: .01em;
  text-transform: uppercase;
  border-radius: 7rem;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  padding: .25em 2em;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.2;
  text-decoration: none;
  transition: background-color .2s, color .2s linear;
  display: flex;
}

.button-alt:hover, .button-alt.button-black {
  background-color: var(--color--primary);
  color: var(--color--white);
}

.button-alt.button-black:hover {
  background-color: var(--color--white);
  color: var(--color--primary);
}

.shop-buy-block {
  grid-column-gap: .6rem;
  grid-row-gap: .6rem;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.quantity-form-field {
  border-color: var(--color--border-mutted);
  background-color: var(--color--white);
  border-radius: 7rem;
  width: 5rem;
  height: 3.6rem;
  margin-bottom: 0;
  padding: .5rem .4rem .5rem .75rem;
  font-size: 1.125rem;
}

.shop-price {
  font-family: var(--font-family--font-secondary);
  letter-spacing: -.025em;
  text-transform: uppercase;
  margin-bottom: 0;
  font-size: 5.36vw;
  font-weight: 600;
  line-height: .8;
}

.no-margin-bottom {
  margin-bottom: 0;
}

.grid-2-columns {
  grid-column-gap: 1.875rem;
  grid-row-gap: 6.25rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.checkout-form {
  background-color: #0000;
  padding: 0;
}

.content-wrapper {
  padding-top: 6.5vw;
  padding-bottom: 0;
}

.order-confirmation, .paypal-checkout-form {
  background-color: #0000;
  padding: 0;
}

.cart-wrapper {
  z-index: 10;
  position: fixed;
  top: 7rem;
  right: 1.875rem;
}

.remove-button {
  color: var(--color--error);
  font-size: 1rem;
}

.remove-button:hover {
  color: var(--color--error);
}

.cart-list {
  font-size: 1.1rem;
  line-height: 1.36;
}

.cart-quantity {
  border-color: var(--color--border-mutted);
  background-color: #0000;
  border-radius: 7rem;
}

.cart-footer {
  border-top-color: var(--color--border-mutted);
}

.cart-header {
  border-bottom-color: var(--color--border-mutted);
}

.cart-button {
  -webkit-backdrop-filter: blur(.36rem);
  backdrop-filter: blur(.36rem);
  background-color: #0000;
  border-style: solid;
  border-color: #000;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 3.6rem;
  height: 3.6rem;
  padding: .2rem;
  transition: color .2s linear;
  position: relative;
  overflow: hidden;
}

.cart-button:hover {
  color: var(--color--white);
}

.cart-icon {
  opacity: .9;
  width: 1.5rem;
}

.cart-button-quantity {
  color: var(--color--success);
  margin-left: 0;
  font-size: .9rem;
  position: absolute;
  top: .2rem;
  right: .2rem;
}

.cart-button-background {
  border: 5px solid var(--color--success-background);
  background-color: var(--color--success);
  opacity: .85;
  border-radius: 100%;
  position: absolute;
  inset: 0%;
}

.cart-button-inner {
  position: relative;
}

.cart {
  z-index: 100;
}

.button-2 {
  background-color: var(--color--primary);
}

.link {
  color: var(--color--white);
  font-weight: 600;
  text-decoration: none;
}

.link:hover {
  color: var(--yellow);
  text-decoration: none;
}

.section-title-text-2 {
  font-family: var(--font-family--font-primary);
  color: var(--color--white);
  letter-spacing: .01em;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.0625rem;
  font-weight: 500;
  line-height: .8;
}

.section-title-text-2.to-right {
  margin-left: auto;
}

.section-title-text-2.visible-on-mobile {
  display: none;
}

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

.text-block-3 {
  -webkit-text-decoration: none;
  text-decoration: none;
}

.section-title-text-3 {
  font-family: var(--font-family--font-primary);
  color: var(--color--primary);
  letter-spacing: .01em;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: .9rem;
  font-weight: 300;
  line-height: .8;
}

.section-title-text-3.to-right {
  margin-left: auto;
}

.section-title-text-3.visible-on-mobile {
  display: none;
}

.section-title-text-3.brown {
  color: #7e7c82;
  font-weight: 300;
}

.section-title-text-3.green {
  color: #244832;
  font-weight: 300;
}

.button-3 {
  border: 2px solid var(--purple);
  background-color: var(--purple);
  color: var(--color--white);
  text-align: center;
  letter-spacing: .01em;
  text-transform: uppercase;
  border-radius: 0;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1;
  text-decoration: none;
}

.button-3:hover {
  color: var(--color--primary);
}

.button-3.white {
  background-color: var(--color--white);
  border-style: none;
  border-radius: 0;
}

.button-3.white.small {
  font-weight: 500;
  line-height: .8;
}

.button-5 {
  color: var(--color--primary);
  text-align: center;
  letter-spacing: .01em;
  text-transform: uppercase;
  border: 2px solid #041434;
  border-radius: 0;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1;
  text-decoration: none;
}

.button-5:hover {
  color: var(--color--primary);
}

.button-5.white {
  background-color: var(--color--white);
  border-style: none;
  border-radius: 0;
}

.button-5.white.small {
  font-weight: 500;
  line-height: .8;
}

.button-5.black {
  background-color: #fff;
}

.button-5.purple {
  background-color: var(--color--white);
}

.button-5.purple.services.w--current {
  background-color: var(--purple-2);
}

.button-5.purple-bg {
  background-color: var(--purple);
}

.button-5.homepage-hero {
  background-color: #fff;
  border-style: none;
  border-radius: 2px;
}

.button-5.projects {
  background-color: #333;
  border-style: none;
}

.button-5.yellow {
  background-color: var(--yellow);
  border-style: none;
  border-radius: 2px;
}

.button-5.yellow:hover {
  background-color: #2f189336;
}

.button-5.yellow.branding {
  margin-top: 10px;
}

.button-5.outline {
  border-width: 1px;
  border-color: #ffffffc4;
  border-radius: 5px;
}

.button-3-copy {
  border: 2px solid var(--purple);
  background-color: var(--purple);
  color: var(--color--white);
  text-align: center;
  letter-spacing: .01em;
  text-transform: uppercase;
  border-radius: 0;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1;
  text-decoration: none;
}

.button-3-copy:hover {
  color: var(--color--primary);
}

.button-3-copy.white {
  background-color: var(--color--white);
  border-style: none;
  border-radius: 0;
}

.button-3-copy.white.small {
  font-weight: 500;
  line-height: .8;
}

.image {
  width: 100%;
  padding-top: 40px;
}

.link-2 {
  vertical-align: baseline;
  position: static;
}

.button-4 {
  border: 2px solid var(--purple);
  background-color: var(--purple);
  color: var(--color--white);
  text-align: center;
  letter-spacing: .01em;
  text-transform: uppercase;
  border-radius: 0;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1;
  text-decoration: none;
}

.button-4:hover {
  color: var(--color--primary);
}

.button-4.white {
  background-color: var(--color--white);
  border-style: none;
  border-radius: 0;
}

.button-4.white.small {
  font-weight: 500;
  line-height: .8;
}

.button-4-copy {
  border: 2px solid var(--purple);
  background-color: var(--purple);
  color: var(--color--white);
  text-align: center;
  letter-spacing: .01em;
  text-transform: uppercase;
  border-radius: 0;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1;
  text-decoration: none;
}

.button-4-copy:hover {
  color: var(--color--primary);
}

.button-4-copy.white {
  background-color: var(--color--white);
  border-style: none;
  border-radius: 0;
}

.button-4-copy.white.small {
  font-weight: 500;
  line-height: .8;
}

.button-special {
  border: 2px solid var(--purple);
  background-color: var(--purple);
  color: var(--color--white);
  text-align: center;
  letter-spacing: .01em;
  text-transform: uppercase;
  border-radius: 0;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1;
  text-decoration: none;
}

.button-special:hover {
  color: var(--color--primary);
}

.button-special.white {
  background-color: var(--color--white);
  border-style: none;
  border-radius: 0;
}

.button-special.white.small {
  font-weight: 500;
  line-height: .8;
}

.button-special.purple.desktop {
  background-color: var(--color--primary);
}

.button-special.purple.desktop-nav {
  align-self: center;
}

.button-special.alt {
  background-color: var(--purple);
}

.button-special.alt2 {
  border-color: var(--color--white);
  background-color: var(--color--background-primary);
}

.button-special.black {
  background-color: var(--color--primary);
}

.button-text-back-2 {
  color: var(--color--white);
  position: absolute;
  inset: 0%;
  transform: translate(0, 100%);
}

.timeline-main-grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 30.2541vw 10.0847vw 45.3812vw;
  width: 100%;
  padding-top: 5vw;
  padding-bottom: 5vw;
}

.timeline-container {
  margin-left: 7.14vw;
  margin-right: 7.14vw;
}

.timeline-path {
  z-index: -2;
  background-color: #1b1a17;
  width: .2vw;
  height: 100%;
  position: absolute;
  left: 42.35vw;
}

.timeline-progress-bar {
  z-index: -1;
  background-image: linear-gradient(#c0a30ecc, #fff);
  width: .2vw;
  height: 50vh;
  padding-bottom: 0;
  padding-right: 0;
  position: fixed;
  bottom: 50vh;
  box-shadow: 0 0 6px .05vw #fed502b3;
}

.heading-60px {
  color: #c0a30e;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Exo, sans-serif;
  font-size: 4.29vw;
  font-weight: 800;
  line-height: 1.1;
}

.timeline-section {
  z-index: -3;
  background-color: #312f2a;
  padding-bottom: 3vw;
  position: relative;
}

.timeline-wrapper {
  flex-direction: column;
  align-items: center;
  height: auto;
  display: flex;
}

.progress-bar-box {
  justify-content: center;
  display: flex;
}

.timeline-right-box {
  padding-top: 11vw;
  padding-left: 1.5vw;
}

.stage-image {
  object-fit: cover;
  width: 35.71vw;
  height: 39.28vw;
  margin-top: 4.29vw;
  box-shadow: 14px 14px 5vw 1vw #000;
}

.heading-35px {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Exo, sans-serif;
  font-size: 2.5vw;
  font-weight: 500;
  line-height: 1.2;
}

.heading-35px.right-title {
  width: 18ch;
  margin-bottom: 2.85vw;
}

.timeline-circle {
  background-color: #fed502;
  border-radius: 100%;
  width: 1.5vw;
  height: 1.5vw;
}

.paragraph-20px {
  font-size: 1.43vw;
}

.paragraph-20px.right-text {
  width: 45ch;
}

.negation-highlight {
  color: #c0a30e80;
}

.stage-title-holder {
  position: sticky;
  top: 50vh;
}

.stage-tag {
  color: #c0a30e;
  font-size: 2.86vw;
  font-weight: 400;
  line-height: 1;
}

.section-timeline-heading {
  background-color: #202020;
  background-image: none;
  background-size: auto;
  border-top-left-radius: 110px;
  border-top-right-radius: 110px;
  height: auto;
  margin-top: -109px;
  padding-top: 40px;
}

.container-2 {
  width: 90vw;
  max-width: 1360px;
  margin-left: auto;
  margin-right: auto;
}

.padding-vertical-xlarge {
  padding-top: 20px;
  padding-bottom: 10px;
}

.timeline-main_heading-wrapper {
  color: #fff;
  text-align: center;
  max-width: none;
  margin-left: auto;
  margin-right: auto;
}

.margin-bottom-medium-2 {
  margin-top: 20px;
  margin-bottom: 32px;
}

.paragraph-large-2 {
  letter-spacing: -.02em;
  font-size: 20px;
}

.timeline_quote {
  color: #fff;
  margin-bottom: 16px;
  font-size: 14px;
}

.timeline_centre {
  justify-content: center;
  display: flex;
}

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

.timeline_date-text {
  color: #ffffff29;
  letter-spacing: -.03em;
  font-size: 60px;
  font-weight: 600;
  line-height: 1.2;
  position: sticky;
  top: 50vh;
}

.timeline_date-text.branding {
  font-size: 3vw;
}

.overlay-fade-bottom {
  background-image: linear-gradient(0deg, #1f1f1f, #0a0a0a00);
  height: 80px;
  position: absolute;
  inset: auto 0% 0%;
}

.text-colour-lightgrey {
  color: var(--background-2);
  font-weight: 300;
}

.timeline_quote-text-wrapper {
  flex: 1;
}

.timeline_link {
  opacity: .6;
  color: #fff;
  letter-spacing: .8px;
  text-transform: uppercase;
  border-radius: 8px;
  align-items: center;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.3;
  text-decoration: none;
  transition: opacity .3s;
  display: flex;
}

.timeline_link:hover {
  opacity: 1;
}

.timeline_quote-wrapper {
  border: 2px solid #fff;
  border-radius: 16px;
  align-items: flex-start;
  padding: 24px;
  display: flex;
}

.overlay-fade-top {
  background-image: linear-gradient(#202020, #0a0a0a00);
  height: 80px;
  position: absolute;
  inset: 0% 0% auto;
}

.timeline_text {
  color: var(--background-2);
  font-size: 24px;
  font-weight: 500;
  line-height: 1.3;
}

.link-icon {
  width: 20px;
  height: 20px;
  margin-left: 8px;
}

.timeline_progress-bar {
  z-index: -1;
  background-color: #fff;
  background-image: linear-gradient(#ff7448, #ff4848 51%, #6248ff);
  width: 3px;
  height: 50vh;
  position: absolute;
  inset: 0 auto 0;
}

.text-colour-white {
  color: #fff;
}

.timeline_component {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 1120px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.timeline_badge {
  color: #fff;
  letter-spacing: .05em;
  text-transform: uppercase;
  background-color: #ffffff26;
  border-radius: 8px;
  margin-top: 16px;
  margin-bottom: 16px;
  padding: 6px 8px;
  font-size: 12px;
  font-weight: 700;
  line-height: 12px;
  display: inline-block;
}

.timeline_quote-image {
  border-radius: 8px;
  width: 48px;
  height: 48px;
  margin-right: 24px;
}

.timeline_quote-title {
  color: #fff;
  font-size: 14px;
  font-weight: 500;
}

.timeline_circle {
  background-color: #fff;
  border-radius: 100%;
  width: 15px;
  min-width: 15px;
  max-width: 15px;
  height: 15px;
  min-height: 15px;
  max-height: 15px;
  position: sticky;
  top: 50vh;
  box-shadow: 0 0 0 8px #202020;
}

.timeline_left {
  text-align: right;
  justify-content: flex-end;
  align-items: stretch;
}

.timeline_image-wrapper {
  background-image: linear-gradient(138deg, #000, #0000 28%), url("https://cdn.prod.website-files.com/6918698fdd7deae62be0a467/6926d92d4a3f5958e4110a5d_Image%20Background.png");
  background-position: 0 0, 0 0;
  background-size: auto, cover;
  border-radius: 5px;
  overflow: hidden;
}

.margin-bottom-xlarge {
  margin-bottom: 56px;
}

.timeline_definition-wrapper {
  background-color: #ffffff0d;
  border-radius: 16px;
  padding: 16px;
}

.timeline_item {
  z-index: 2;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 180px 1fr;
  grid-auto-columns: 1fr;
  padding-top: 80px;
  padding-bottom: 80px;
  display: grid;
  position: relative;
}

.timeline_progress {
  z-index: -2;
  background-color: #414141;
  width: 3px;
  height: 100%;
  position: absolute;
}

.section-timeline {
  z-index: -3;
  background-color: #202020;
  background-image: linear-gradient(#202020f7, #202020f7);
  position: relative;
}

.timeline_milestone-badge {
  color: #161616;
  letter-spacing: .05em;
  text-transform: uppercase;
  background-color: #fff;
  border-radius: 8px;
  margin-bottom: 24px;
  padding: 8px 12px;
  font-size: 14px;
  font-weight: 700;
  line-height: 12px;
  display: inline-block;
}

.timeline_progress-bar-2 {
  z-index: -1;
  background-color: #fff;
  background-image: linear-gradient(#ff7448, #ff4848 51%, #6248ff);
  width: 3px;
  height: 100%;
  position: absolute;
  inset: 0 auto 0;
}

.timeline_progress-bar-3 {
  z-index: -1;
  background-color: #fff;
  background-image: linear-gradient(#ff7448, #ff4848 51%, #6248ff);
  width: 3px;
  height: 50vh;
  position: fixed;
  inset: 0 auto 50vh;
}

.if-lib-rangeslider_display-values {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.lead-form_option2-grid {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
  grid-auto-columns: 1fr;
  display: grid;
}

.lead-form_option1-svg {
  justify-content: center;
  align-items: center;
  width: 4.25rem;
  height: 4.25rem;
  margin-bottom: .5rem;
  display: flex;
}

.lead-form_option2-icon {
  background-color: #ffffff17;
  border: 1px #000;
  border-radius: 50%;
  flex: none;
  width: 1.375rem;
  height: 1.375rem;
  margin-top: 0;
  margin-left: 0;
  margin-right: 1rem;
}

.lead-form_option2-icon.w--redirected-checked {
  background-color: #0080ff;
  background-image: url("https://cdn.prod.website-files.com/6918698fdd7deae62be0a467/69276e15aa71312cbecf3da1_check-white.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 60% 60%;
}

.lead-form_option2-icon.w--redirected-focus {
  box-shadow: none;
}

.lead-form_option2-icon.w--redirected-focus-visible {
  outline-offset: .25rem;
  outline: .125rem solid #fff;
}

.lead-form_checkbox-label {
  margin-bottom: 0;
}

.lead-form_checkbox-icon {
  background-color: #e6ecff0f;
  border: 1px #000;
  border-radius: .25rem;
  flex: none;
  width: 1.5rem;
  height: 1.5rem;
  margin: 0 .75rem 0 0;
}

.lead-form_checkbox-icon.w--redirected-checked {
  background-color: #0080ff;
  background-image: url("https://cdn.prod.website-files.com/6918698fdd7deae62be0a467/69276e15aa71312cbecf3da1_check-white.svg");
  background-position: 50%;
  background-size: 65% 65%;
  margin: 0 .75rem 0 0;
}

.lead-form_checkbox-icon.w--redirected-focus {
  box-shadow: none;
  margin: 0 .75rem 0 0;
}

.lead-form_checkbox-icon.w--redirected-focus-visible {
  outline-offset: .125rem;
  outline: .125rem solid #fff;
  margin-top: 0;
  margin-left: 0;
}

.if-lib-rangeslider_display-value {
  font-size: 1.125rem;
  font-weight: 500;
}

.if-lib-rangeslider_wrapper {
  border-radius: .5rem;
  position: relative;
}

.lead-form_checkbox {
  cursor: pointer;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: .5rem;
  padding-left: 0;
  display: flex;
  position: relative;
}

.lead-form_progress-number-wrap {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.lead-form_option1-grid {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
  grid-auto-columns: 1fr;
  display: grid;
}

.lead-form_option1-icon {
  background-color: #ffffff17;
  border: 1px #000;
  border-radius: 50%;
  width: 1.375rem;
  height: 1.375rem;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  position: absolute;
  top: .75rem;
  right: .75rem;
}

.lead-form_option1-icon.w--redirected-checked {
  background-color: #0080ff;
  background-image: url("https://cdn.prod.website-files.com/6918698fdd7deae62be0a467/69276e15aa71312cbecf3da1_check-white.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 60% 60%;
}

.lead-form_option1-icon.w--redirected-focus {
  box-shadow: none;
}

.lead-form_option1-icon.w--redirected-focus-visible {
  outline-offset: .25rem;
  outline: .125rem solid #fff;
}

.lead-form_bottom-wrap {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: flex-start;
  align-items: center;
  margin-top: 2.75rem;
  display: flex;
}

.lead-form_progress-line {
  background-color: #33343740;
  width: .1875rem;
  height: 2.5rem;
}

.spacer-medium {
  width: 100%;
  padding-top: 2rem;
}

.lead-form_cols-2 {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  grid-auto-columns: 1fr;
  display: grid;
}

.lead-form_option1-label {
  margin-bottom: 0;
  font-size: 1.125rem;
}

.lead-form_title {
  letter-spacing: -.03em;
  font-size: 2.8125rem;
  font-weight: 500;
  line-height: 1.3;
}

.lead-form_block {
  scrollbar-width: thin;
  height: 100%;
  margin-bottom: 0;
  overflow: auto;
}

.lead-form_progress-step {
  grid-column-gap: 1.125rem;
  grid-row-gap: 1.125rem;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  max-width: 18rem;
  display: flex;
}

.lead-form_form {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  min-height: 100svh;
  padding: 2.5rem 4rem;
  display: flex;
}

.lead-form_progress-text {
  opacity: .2;
  transition: opacity .37s cubic-bezier(.95, .05, .743, .708);
}

.lead-form_progress-text.is-completed {
  opacity: 1;
}

.lead-form_progress {
  z-index: 1;
  background-color: #0000001a;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 2rem;
  display: flex;
  position: relative;
}

.lead-form_option2 {
  cursor: pointer;
  background-color: #e6ecff0f;
  border: .125rem solid #252528;
  border-radius: .5rem;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0;
  padding: .75rem .875rem;
  display: flex;
  position: relative;
}

.lead-form_option2.is-selected {
  border-color: #999;
}

.lead-form_label-wrap {
  margin-bottom: 1rem;
}

.lead-form_label {
  margin-bottom: 0;
  font-size: .9375rem;
  font-weight: 500;
  line-height: 1.3;
}

.lead-form_step {
  z-index: 1;
  width: 100%;
  max-width: 48rem;
}

.lead-form_button {
  color: #fff;
  text-align: center;
  background-color: #0080ff;
  border-radius: .5rem;
  justify-content: center;
  align-items: center;
  min-height: 3.25rem;
  padding: .2rem 2.5rem;
  font-size: 1.125rem;
  font-weight: 500;
  display: inline-flex;
}

.lead-form_button:focus-visible, .lead-form_button[data-wf-focus-visible] {
  outline-offset: .1875rem;
  outline: .125rem solid #fff;
}

.lead-form_button.is-back {
  color: #969696;
  background-color: #e6ecff0f;
}

.lead-form_title-wrap {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 2.25rem;
  display: flex;
}

.main-wrapper {
  min-height: 100vh;
  position: absolute;
}

.lead-form_glow-circle {
  opacity: .3;
  filter: blur(7rem);
  background-color: #0080ff;
  border-radius: 999rem;
  width: calc(10rem + 15vw);
  height: calc(10rem + 25vw);
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 71%;
  transform: translate(-50%, -50%);
}

.lead-form_subtitle {
  color: #aaa;
  font-size: 1.125rem;
}

.section_lead-form {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  color: #fff;
  background-color: #15161b;
  grid-template-rows: 1fr;
  grid-template-columns: minmax(0, 5fr) minmax(0, 2fr) minmax(0, 3fr);
  grid-auto-columns: 1fr;
  height: 100svh;
  display: grid;
  position: relative;
}

.lea-form_progress-title {
  font-weight: 500;
}

.lead-form_progress-subtitle {
  color: #aaa;
  font-size: .875rem;
}

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

.lead-form_option2-label {
  margin-bottom: 0;
  font-size: 1.125rem;
}

.inputflow-link {
  color: #b55cff;
  text-underline-offset: .2em;
  font-weight: 600;
}

.inputflow-link:hover {
  color: #0080ff;
}

.lead-form_progress-line-fill {
  background-color: #0080ff;
  width: 100%;
  height: 0%;
  transition: height .35s;
}

.page-wrapper-2 {
  min-height: 100vh;
}

.if-lib-rangeslider_track {
  cursor: pointer;
  background-color: #2f2f31;
  border-radius: .2rem;
  justify-content: space-around;
  align-items: center;
  height: .875rem;
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
  display: flex;
  position: relative;
}

.if-lib-rangeslider_trackfill {
  opacity: 1;
  background-color: #0080ff;
  border-radius: .2rem;
  position: absolute;
  inset: 0% 50% 0% 25%;
}

.if-lib-rangeslider_inputs {
  display: none;
}

.lead-form_progress-number {
  opacity: .2;
  background-color: #18181b;
  border: .1875rem solid #333437;
  border-radius: 50px;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 2.75rem;
  height: 2.75rem;
  font-size: 1.125rem;
  transition: opacity .37s cubic-bezier(.95, .05, .743, .708), background-color .37s cubic-bezier(.95, .05, .743, .708), border-color .37s cubic-bezier(.95, .05, .743, .708);
  display: flex;
  position: relative;
}

.lead-form_progress-number.is-active {
  opacity: 1;
  border-color: #0080ff;
}

.lead-form_button-arrow {
  justify-content: center;
  align-items: center;
  display: flex;
}

.lead-form_input {
  color: #fff;
  background-color: #e6ecff0f;
  border: .0625rem #eee;
  border-radius: .5rem;
  min-height: 3.25rem;
  margin-bottom: 0;
  padding: .5rem 1rem;
  font-size: 1.125rem;
}

.lead-form_input:focus {
  outline-offset: 0rem;
  outline: .1rem solid #fff;
}

.lead-form_input::placeholder {
  color: #565656;
}

.lead-form_input.is-text-area {
  min-height: 14rem;
  padding-top: .75rem;
}

.lead-form_input.is-select-input {
  color: #fff;
  cursor: pointer;
  appearance: none;
  background-image: url("https://cdn.prod.website-files.com/6918698fdd7deae62be0a467/69276e15aa71312cbecf3da0_Polygon%201%20(2).svg");
  background-position: 96%;
  background-repeat: no-repeat;
  background-size: auto;
}

.if-lib-rangeslider_handle {
  z-index: 1;
  background-color: #d9d9d9;
  border-radius: .2rem;
  width: .8rem;
  height: 1.8rem;
  position: absolute;
  left: 25%;
  box-shadow: 0 0 2rem #00000036;
}

.if-lib-rangeslider_handle:focus {
  outline-style: solid;
  outline-offset: .125rem !important;
  outline-width: .125rem !important;
  outline-color: #fff !important;
}

.if-lib-rangeslider_handle.is-2 {
  left: 50%;
}

.lead-form_option1 {
  text-align: center;
  cursor: pointer;
  background-color: #e6ecff0f;
  border: .125rem solid #252528;
  border-radius: .5rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  padding: 1.75rem .5rem;
  display: flex;
  position: relative;
}

.lead-form_option1.is-selected {
  border-color: #999;
}

.input {
  color: #000;
  background-color: #fff;
  border: 1px solid #b7bbd1;
  border-radius: 6px;
  height: 48px;
  margin-bottom: 0;
  padding-top: 10px;
  padding-left: 18px;
  font-size: 15px;
  font-weight: 300;
  transition: border-color .2s, box-shadow .2s;
  box-shadow: 0 3px 6px -2px #1d01501a;
}

.input:hover {
  box-shadow: none;
  border-color: #434de7;
}

.input:focus {
  border: 1px solid #434de7;
}

.input::placeholder {
  color: #6e6e6e;
}

.button-6 {
  color: #fff;
  background-color: #434de7;
  border-radius: 10px;
  height: 50px;
  padding: 15px 35px;
  font-size: 15px;
  font-weight: 500;
  box-shadow: 0 10px 20px -3px #1d01501a;
}

.button-6:hover {
  box-shadow: none;
  background-color: #000;
}

.button-6.in-form {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 48px;
  display: flex;
}

.ms-tab {
  text-align: center;
  background-color: #fff;
  border: 2px solid #0000;
  border-radius: 6px;
  flex: 1;
  padding: 7px 12px;
}

.ms-tab.w--current {
  background-color: #fff;
  border-color: #434de7;
  border-radius: 20px;
  font-weight: 700;
}

.flex-row-outer {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.form-inner {
  flex-direction: column;
  width: 100%;
  display: flex;
}

.border-wrap {
  background-color: #fff;
  border: 1px solid #f2f3ff;
  border-radius: 15px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: auto;
  min-width: 400px;
  max-width: none;
  margin-bottom: 0;
  padding: 30px 30px 30px 0;
  display: flex;
  box-shadow: 0 20px 30px -10px #1d01501a;
}

.ms-tab-menu-2 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: #434de700;
  border-radius: 6px;
  width: 100%;
  margin-bottom: 0;
  padding: 6px;
  display: flex;
}

.input-wrapper {
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  margin-bottom: 0;
  display: flex;
  position: relative;
}

.input-wrapper._15p-right {
  margin-right: 15px;
}

.input-label {
  z-index: 2;
  color: #000;
  background-color: #fff;
  border-radius: 3px;
  margin-bottom: 0;
  padding-left: 6px;
  padding-right: 7px;
  font-size: 13.5px;
  font-weight: 600;
  line-height: 15px;
  display: inline-block;
  position: relative;
  bottom: -7px;
  left: 6px;
}

.input-label.is-tabs {
  padding-left: 0;
}

.success-message-2 {
  color: #fff;
  background-color: #19b13a;
  border-radius: 10px;
  font-weight: 600;
}

.spacer-xs {
  width: 100%;
  height: 10px;
}

.ms-100 {
  width: 100%;
}

.text-box-header {
  flex-flow: column;
  align-items: flex-start;
  display: flex;
}

.service-item-2 {
  margin-bottom: 2.5vh;
  position: sticky;
  top: 12.5vh;
}

.service-item-text-box {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
  align-items: flex-start;
  display: flex;
}

.section-header-tag {
  background-color: #ffffff05;
  border: 1px solid #ffffff1a;
  border-radius: .3rem;
  justify-content: center;
  align-items: center;
  padding: .25rem 1rem;
  font-size: .6rem;
  display: flex;
  box-shadow: inset 0 0 1vw 0 #ffffff1a;
}

.heading-style-h2 {
  color: #fff;
  letter-spacing: -.15rem;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 3rem;
  font-weight: 600;
  line-height: 1;
}

.heading-style-h2.text-gradient {
  color: var(--purple);
}

.service-item-description {
  color: #fff;
  margin-bottom: 0;
  font-size: 1.4rem;
  font-weight: 300;
  line-height: 1.2;
}

.service-item-image {
  z-index: 3;
  width: 100%;
  height: 100%;
}

.service-item-content {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr .85fr;
  grid-auto-columns: 1fr;
  min-height: 85vh;
  padding: 4rem;
  display: grid;
}

.services-wrapper {
  position: relative;
}

.service-item-image-box {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  aspect-ratio: 1;
  border-radius: .75rem;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  overflow: hidden;
}

.service-card-frame {
  background-color: var(--purple);
  border: 1px solid #ffffff1a;
  border-radius: 5px;
  box-shadow: inset 0 0 5vw 0 #ffffff1a;
}

.text-box-footer {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  flex-flow: column;
  align-items: flex-start;
  max-width: 30rem;
  padding-bottom: .5rem;
  display: flex;
}

.container-large {
  width: 100%;
  max-width: 90rem;
  margin-left: auto;
  margin-right: auto;
}

.heading-text-part {
  transform-origin: 0%;
}

.text-shadow {
  background-image: linear-gradient(90deg, #0000, #010101 50%);
  width: 200%;
  height: 100%;
  position: absolute;
  inset: 0% auto 0% 0%;
  transform: translate(50%);
}

.section-text-box {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: 2.5fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: end;
  padding-top: 20px;
  display: grid;
}

.service-section-main-box {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  flex-flow: column;
  display: flex;
  position: relative;
}

.text-overflow-hidden {
  padding-top: .25rem;
  padding-bottom: .25rem;
  position: relative;
  overflow: hidden;
}

.section-header {
  z-index: 2;
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  padding-top: 20px;
  display: flex;
  position: relative;
}

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

.padding-global.padding-section-large {
  padding-left: 0;
  padding-right: 0;
}

.service-item-number-box {
  aspect-ratio: 1;
  border: 1px solid var(--yellow);
  border-radius: .3rem;
  justify-content: center;
  align-items: center;
  width: 3rem;
  font-size: 1.5rem;
  display: flex;
  box-shadow: inset 0 0 3vw -2vw #ffffff1a;
}

.text-block-4 {
  font-size: 2rem;
}

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

.drp {
  line-height: 0;
  transition: all .2s;
  display: block;
}

.drop {
  color: #fff;
  border-bottom: 1px solid #ffffff1a;
  width: 500px;
  transition: all .2s;
  display: block;
}

.drop:hover {
  background-color: #ffffff1a;
}

.drop.w--open {
  color: #fff;
}

.text-block-6 {
  line-height: 20px;
}

.drp-list {
  background-color: #fff;
  height: 0;
  line-height: 23px;
  transition: all .5s;
  display: block;
  position: static;
  overflow: hidden;
}

.drp-list.w--open {
  line-height: 23px;
  position: static;
  overflow: hidden;
}

.text-wrapper {
  padding: 30px 25px;
}

.paragraph-2 {
  color: var(--color--white);
}

.accordion-wrap {
  border: 1px #f2f3ff;
  border-top: 1px solid #ffffff80;
  border-bottom-color: #f2f3ff7d;
  border-radius: 0;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  max-width: 800px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 10px 30px -10px #1d01501a;
}

.accordion-wrap.services {
  box-shadow: none;
  border-top-color: #0000005e;
  border-bottom-color: #1b1b1b;
}

.faq-item-2 {
  background-color: var(--color--background-primary);
  border-radius: 0;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  max-width: none;
  margin-bottom: 10px;
  display: flex;
}

.faq-question {
  color: #000;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 20px 20px 20px 0;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.2;
  text-decoration: none;
  display: flex;
}

.faq-question:hover {
  color: #434de7;
}

.faq-question.services {
  padding-top: 30px;
  padding-bottom: 10px;
  padding-left: 0;
}

.p-m-wrap {
  justify-content: center;
  align-items: center;
  width: 15px;
  height: 15px;
  display: flex;
  position: relative;
}

.minus {
  border: 1px solid var(--yellow);
  background-color: var(--color--white);
  border-radius: 20px;
  width: 100%;
  height: 3px;
  position: absolute;
}

.minus.black {
  border-color: #1b1b1b var(--purple) var(--purple);
  background-color: #1b1b1b;
  height: 1px;
}

.plus {
  border: 1px solid var(--yellow);
  background-color: var(--color--white);
  border-radius: 20px;
  width: 3px;
  height: 100%;
  position: absolute;
}

.plus.black {
  border-color: #1b1b1b var(--purple) var(--purple);
  background-color: #1b1b1b;
  width: 1px;
}

.faq-answer {
  text-align: left;
  border-bottom: 1px #cfcfcf;
  width: 100%;
  overflow: hidden;
}

.faq-p {
  color: #1b1b1b;
  margin-bottom: 20px;
  margin-left: 0;
  margin-right: 20px;
  font-family: Overusedgrotesk;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1.1;
}

.faq-p.services {
  margin-bottom: 10px;
  font-family: Wfvisualsansvf, Arial, sans-serif;
  font-size: 1.1rem;
  font-weight: 300;
}

.faq-p.white {
  color: #d6d6d6;
  font-family: Wfvisualsansvf, Arial, sans-serif;
  font-size: 1.4vw;
  font-weight: 300;
}

.text-block-7 {
  color: var(--color--white);
  font-size: 1.6vw;
  font-weight: 400;
}

.text-block-7.black {
  color: #1b1b1b;
  letter-spacing: -.05em;
  font-family: Wfvisualsansvf, Arial, sans-serif;
  font-size: 20px;
  font-weight: 600;
}

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

.button-7 {
  color: #eeebdc;
  text-align: center;
  letter-spacing: .03rem;
  background-color: #000;
  border: .15em solid #0000;
  border-radius: 999rem;
  padding: 1.2rem 1.7rem;
  font-size: 1rem;
  font-weight: 600;
}

.button-7.is-bright {
  color: #000;
  background-color: #eeebdc;
}

.button-7.is-bright.is-secondary {
  color: #eeebdc;
  background-color: #0000;
  border-color: #eeebdc;
  font-size: 1rem;
}

.section-after-intro-text {
  z-index: 3;
  color: #eeebdc;
  background-color: #2f189300;
  margin-top: 21vh;
  padding-top: 0;
  padding-bottom: 0;
  position: relative;
}

.intro-content {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 58rem;
  min-height: 100svh;
  margin-left: auto;
  margin-right: auto;
  padding-top: 7.5em;
  padding-bottom: 7.5em;
  display: flex;
}

.page-intro-title-wrapper {
  grid-column-gap: .5vh;
  grid-row-gap: .5vh;
  flex-flow: wrap;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.page-intro-splitscreen-wrapper {
  z-index: 1;
  pointer-events: none;
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0%;
}

.intro-pre-title {
  letter-spacing: .05em;
  text-transform: uppercase;
  font-size: 1.4em;
  line-height: .9;
}

.page-intro-text-wrapper {
  grid-column-gap: 2vh;
  grid-row-gap: 2vh;
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-top: -5vh;
  display: flex;
}

.copy-medium {
  font-size: 1.25rem;
  line-height: 1.4;
}

.image-placeholder-2 {
  aspect-ratio: 16 / 9;
  object-fit: cover;
  border-radius: 1.8em;
  width: 100%;
}

.page-intro-splitscreen-top {
  background-color: #000;
  width: 100%;
  height: 0%;
}

.page-padding {
  padding-left: 4rem;
  padding-right: 4rem;
}

.heading-style-h3 {
  letter-spacing: -.005em;
  text-transform: none;
  font-size: 3rem;
  line-height: 1.1;
}

.video-preview-wrapper {
  aspect-ratio: 16 / 9;
  color: #fffdf6;
  background-color: #000;
  border-radius: 1em;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.section-intro {
  position: relative;
}

.intro-title {
  text-transform: uppercase;
  font-size: 4em;
  line-height: .9;
}

.heading-style-h1 {
  letter-spacing: -.01em;
  text-transform: uppercase;
  font-size: 5rem;
  font-weight: 900;
  line-height: .85;
}

.container-small-2 {
  width: 100%;
  max-width: 60rem;
  margin-left: auto;
  margin-right: auto;
}

.heading-style-h6 {
  letter-spacing: .02em;
  text-transform: uppercase;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.1;
}

.spacer-sm-start {
  padding-top: 2.25rem;
}

.youtube-play-icon {
  height: 3.9em;
  margin-right: -.2em;
}

.page-intro-wrapper {
  z-index: 0;
  justify-content: center;
  align-items: center;
  height: 100svh;
  padding-top: 5em;
  padding-bottom: 5em;
  display: flex;
  position: sticky;
  top: 0;
}

.section-page-intro {
  background-color: var(--purple);
  background-image: url("https://cdn.prod.website-files.com/6918698fdd7deae62be0a467/692ecdd0c34fdebc452b6cd2_2023-12-13.jpg"), linear-gradient(#00000080, #00000080), url("https://cdn.prod.website-files.com/6918698fdd7deae62be0a467/693abf7501c130a32dd1ef6d_ezgif-26500cb6191e1611.gif");
  background-position: 50% 0, 0 0, 50%;
  background-size: 1920px, auto, cover;
  background-attachment: scroll, scroll, fixed;
  justify-content: center;
  align-items: center;
  min-height: 200svh;
  overflow: clip;
}

.page-intro-title {
  letter-spacing: -.06em;
  text-transform: uppercase;
  font-size: 10vw;
  font-weight: 900;
  line-height: .8;
}

.page-intro-title.is-webdesign {
  color: var(--color--white);
  margin-left: 1.16em;
  font-weight: 500;
}

.page-intro-title.is-animation {
  color: var(--color--white);
  margin-left: 2em;
  font-weight: 500;
}

.page-intro-title.is-skills {
  color: var(--color--white);
  margin-left: .89em;
  font-weight: 500;
}

.made-in-webflow-brand {
  max-width: 2.3em;
}

.intro-copy-text {
  padding-left: 3em;
  padding-right: 3em;
  font-size: 1.2em;
}

.page-intro-content {
  z-index: 0;
  position: relative;
}

.page-intro-title-small {
  color: var(--color--white);
  letter-spacing: -.02em;
  text-transform: uppercase;
  font-size: 1.5vw;
  font-weight: 400;
}

.page-intro-title-small.is-made-in-webflow {
  grid-column-gap: .8em;
  grid-row-gap: .8em;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  margin-right: 5.6em;
  display: flex;
}

.page-intro-title-small.is-best-in-class {
  color: var(--color--white);
  align-self: flex-start;
  margin-left: 1.9em;
}

.page-intro-title-small._2 {
  margin-right: 20px;
}

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

.youtube-play-button {
  background-color: #e61313;
  border-radius: 1rem;
  justify-content: center;
  align-items: center;
  width: 7em;
  padding-top: .4em;
  padding-bottom: .4em;
  font-size: 1.1em;
  display: flex;
  position: absolute;
  box-shadow: 0 .7rem 2.5rem #00000047;
}

.video-preview-img {
  opacity: .72;
  object-fit: contain;
  border-radius: 1em;
  width: 100%;
  height: 100%;
  transition: transform .3s cubic-bezier(.165, .84, .44, 1);
}

.video-preview-img:hover {
  transform: scale(1.03);
}

.spacer-xl-start {
  padding-top: 7.5rem;
}

.page-intro-splitscreen-bottom {
  background-color: #000;
  width: 100%;
  height: 0%;
}

.radio_field {
  margin-top: .4em;
  margin-right: .6em;
  padding: 1.125em;
  position: relative;
}

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

.padding-vertical.padding-huge {
  padding-top: 9.75em;
  padding-bottom: 17.1em;
}

.left_form_wrapperr {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.header--content {
  z-index: 1;
  flex: none;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-right: 0;
  display: flex;
  position: relative;
}

.field_wrap {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding-bottom: 0;
  transition: all .3s;
  display: flex;
  position: relative;
}

.field_wrap.is-radio {
  display: block;
}

.field_wrap.select {
  align-items: stretch;
}

.margin-bottom.margin-tiny {
  margin-bottom: .5em;
}

.margin-bottom.margin-medium {
  padding-bottom: 1em;
}

.cms_version {
  z-index: 99;
  align-items: center;
  width: auto;
  height: auto;
  display: flex;
  position: fixed;
  inset: auto 4.95em 3.125em auto;
}

.image_collection {
  background-color: #0b2726;
  width: 40vw;
  height: 100%;
  position: absolute;
  inset: 0% 0% auto auto;
}

.top-text_wrapper {
  margin-bottom: 57px;
}

.submit_button {
  color: #001c1b;
  background-color: #c2e7e7;
  padding-top: .9875em;
  padding-bottom: .9875em;
  font-size: 1.5em;
}

.radio_wrap {
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.container-large-2 {
  width: 100%;
  max-width: 101.75em;
  margin-left: auto;
  margin-right: auto;
}

.lottie-animation {
  filter: invert();
  width: 40px;
  height: 40px;
  margin-left: auto;
  margin-right: auto;
}

.error-message-2 {
  color: #e5a7ff;
  background-color: #ffffff17;
  border-radius: .5em;
  margin-top: 2.3em;
  padding: 1.9em 2.1em;
}

.logo-2 {
  color: #fff;
}

.logo-2.w--current {
  mix-blend-mode: difference;
}

.select-field {
  z-index: 1;
  background-color: #0000;
  height: 73px;
  min-height: 73px;
  font-size: 1.25rem;
  position: relative;
}

.select-field.wide {
  z-index: 30;
  color: #c2e7e7e6;
  border: 1px #dde4e1;
  border-bottom: 1px solid #c2e7e77d;
  border-radius: 0;
  align-items: center;
  height: 76px;
  min-height: 76px;
  margin-bottom: 0;
  padding-top: 1.075rem;
  padding-bottom: 1.075rem;
  padding-left: 0;
  font-size: 1.5em;
  line-height: 1;
  display: flex;
}

.text-size-regular-20 {
  max-width: none;
  margin-bottom: 0;
  margin-left: 0;
  font-size: 1.25rem;
  line-height: 1.5;
}

.text-size-regular-20.text-weight-medium {
  z-index: 5;
  font-size: 1.3em;
  font-weight: 500;
  position: relative;
}

.max-width-medium {
  max-width: 35.875em;
}

.image_item {
  width: 100%;
}

.text-size-tiny {
  font-size: 12px;
}

.field_label {
  z-index: 1;
  transform-origin: 0%;
  color: #c2e7e7e6;
  margin-bottom: .7em;
  font-size: 1em;
  font-weight: 400;
  transition: transform .2s;
  position: relative;
}

.field_label.large {
  margin-bottom: .4em;
  font-size: 1.4em;
  font-weight: 400;
  transform: scale(1.2)translate(0, 1.6em);
}

.field_label.is-radio {
  margin-bottom: .5em;
  font-size: 1.25em;
}

.radio_button {
  z-index: 2;
  border-color: #c2e7e74d;
  border-radius: 0;
  width: 100%;
  height: 100%;
  margin-top: 0;
  margin-left: 0;
  transition: background-color .1s, border-width .1s;
  position: absolute;
  inset: 0%;
}

.radio_button:hover {
  background-color: #ffffff17;
}

.radio_button.w--redirected-checked {
  background-color: #002a29;
  border: 1px #fff;
}

.radio_button.w--redirected-focus {
  box-shadow: none;
  border-width: 2px;
}

.section-main-form {
  position: relative;
}

.field {
  z-index: 2;
  color: #fff;
  background-color: #0000;
  border: 0 solid #000;
  border-bottom: 1px solid #c2e7e77d;
  border-radius: 0;
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  height: 75px;
  min-height: 75px;
  max-height: 7em;
  margin-bottom: 0;
  padding: 0;
  font-size: 2.5em;
  font-weight: 400;
  transition: all .3s;
  position: relative;
}

.field:focus {
  border-bottom-color: #fff;
}

.field.phone {
  color: #c2e7e7;
  margin-top: -8px;
  font-size: 1.9em;
}

.field.message {
  color: #c2e7e7;
  height: 240px;
  min-height: 240px;
  font-size: 1.7em;
  font-weight: 400;
}

.field.email {
  color: #c2e7e7;
  border-bottom-color: #c2e7e77d;
  margin-top: -8px;
  font-size: 1.9em;
  font-weight: 400;
}

.field.name {
  color: #c2e7e7;
  border-bottom-color: #c2e7e77d;
  margin-top: -8px;
  font-size: 1.9em;
  font-weight: 400;
  transition-property: all;
  transition-duration: .3s;
}

.field.name::placeholder {
  color: #c2e7e7;
}

.text-style-muted {
  opacity: .8;
}

.image-3 {
  transform: scale(.7);
}

.checkbox {
  z-index: 10;
  cursor: default;
  border: 1px solid #c2e7e74d;
  border-radius: 0;
  flex: 0 auto;
  width: 100%;
  height: 100%;
  margin-top: 0;
  margin-left: 0;
  font-weight: 500;
  transition: background-color .1s;
  display: block;
  position: absolute;
  inset: 0%;
}

.checkbox:hover {
  background-color: #ffffff17;
}

.checkbox.w--redirected-checked {
  z-index: 4;
  background-color: #002a29;
  background-image: none;
  border-style: none;
}

.checkbox.w--redirected-focus {
  height: 100%;
  box-shadow: none;
  border-color: #c2e7e74d;
  border-radius: 0;
  margin-top: 0;
  margin-left: 0;
}

.checkbox.w--redirected-focus-visible {
  border-color: #fff9;
  width: 100%;
  height: 100%;
  margin-left: 0;
  inset: 0%;
}

.page-padding-2 {
  padding-left: 2.35em;
  padding-right: 2.35em;
}

.success {
  text-align: center;
  background-color: #ffffff24;
  border-radius: .6em;
  padding: 2.5em;
}

.success_text {
  font-size: 1.4em;
  font-weight: 500;
  line-height: 1.4;
}

.checkbox-form_component {
  grid-column-gap: 0px;
  border: 1px solid #0000;
  border-radius: 0;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: auto;
  height: auto;
  min-height: auto;
  max-height: none;
  margin-bottom: 0;
  padding: .925em 1.125em;
  font-weight: 500;
  display: flex;
  position: relative;
}

.checkbox-form_component:focus {
  border-color: #fff9;
}

.error2 {
  color: #e5a7ff;
  width: 100%;
  min-width: 100%;
  margin-top: .6em;
  font-size: 1.2em;
  display: block;
}

.error-message_text {
  font-size: 1.3em;
}

.radio_label {
  z-index: 3;
  margin-bottom: 0;
  font-size: 1.3em;
  font-weight: 300;
  line-height: 1;
  position: relative;
}

.form-2 {
  grid-row-gap: 3em;
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.collaborators_select {
  grid-column-gap: .875rem;
  grid-row-gap: 1rem;
  flex-wrap: wrap;
  grid-template-rows: auto auto;
  grid-template-columns: repeat(auto-fit, minmax(151px, 1fr));
  grid-auto-columns: auto;
  grid-auto-flow: row;
  place-content: flex-start;
  place-items: center start;
  min-height: auto;
  display: flex;
}

.heading-qr_wrapper {
  position: relative;
}

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

.text-style-allcaps {
  text-transform: uppercase;
}

.text-style-allcaps.slide-up.tricks {
  overflow: hidden;
}

.cms_button {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  color: #dce4cb;
  background-color: #444b3778;
}

.icon-1x1 {
  display: flex;
}

.margin-top-contact {
  margin-top: 10px;
}

.main-head-wrapper {
  z-index: 998;
  background-color: #0000;
  justify-content: center;
  align-items: center;
  width: auto;
  padding: 3.75em 0 0;
  transition: all .4s;
  display: block;
  position: fixed;
  inset: 0% 0% auto;
}

.main-form_component {
  grid-column-gap: 20px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  display: grid;
}

.form_sucess_trigger {
  display: none;
}

.hide-tablet-mobile {
  margin-right: 4px;
  display: block;
}

.icon_wrapper {
  background-color: #002a29;
  border: 1px solid #c2e7e730;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 5.2em;
  height: 5.2em;
  display: flex;
  position: absolute;
  inset: 2.7em -4.2em auto auto;
}

.form {
  width: 80%;
  margin-bottom: 0;
}

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

.link-4, .link-5 {
  color: var(--color--secondary);
}

.grid-top---text-2-buttons {
  grid-column-gap: 60px;
  grid-template-rows: auto;
  grid-template-columns: 1fr .8fr;
  align-items: end;
  margin-bottom: 48px;
}

.testimonial-v3-image-wrapper {
  object-fit: fill;
  border-top-left-radius: 24px;
  border-bottom-left-radius: 24px;
  flex: none;
  width: 100%;
  max-width: 548px;
  overflow: hidden;
}

.buttons-row {
  align-items: center;
  display: flex;
}

.buttons-row.right {
  justify-content: flex-end;
}

.btn-primary {
  background-color: var(--purple);
  color: #fff;
  text-align: center;
  transform-style: preserve-3d;
  border-radius: 5px;
  justify-content: center;
  padding: 26px 38px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
  transition: background-color .3s, transform .3s, color .3s;
}

.btn-primary:hover {
  color: #fff;
  background-color: #3324d5;
  transform: translate3d(0, -3px, .01px);
}

.btn-primary.button-row {
  margin-right: 28px;
}

.btn-secondary {
  color: #211f54;
  text-align: center;
  transform-style: preserve-3d;
  background-color: #fff;
  border: 1px solid #eff0f6;
  border-radius: 48px;
  padding: 26px 38px;
  line-height: 20px;
  transition: border-color .3s, transform .3s, background-color .3s, color .3s;
  box-shadow: 0 4px 10px #14142b0a;
}

.btn-secondary:hover {
  color: #fff;
  background-color: #4a3aff;
  border-color: #4a3aff;
  transform: translate3d(0, -3px, .01px);
}

.card {
  background-color: #fff;
  border: 1px solid #eff0f6;
  border-radius: 24px;
  box-shadow: 0 2px 7px #14142b0f;
}

.card.testimonial-v3 {
  color: #6e7191;
  align-items: center;
  text-decoration: none;
  transition: transform .3s, color .3s;
  display: flex;
}

.card.form {
  background-color: #f3f4f5e6;
  border-radius: 5px;
  width: 100%;
  min-height: 620px;
  margin-bottom: 0;
  padding: 72px 40px;
}

.card.form.services {
  box-shadow: none;
  background-color: #f3f4f500;
  border-style: none;
  padding-top: 20px;
  padding-left: 0;
  padding-right: 0;
}

.pd---content-inside-card {
  padding: 40px 28px 48px;
}

.pd---content-inside-card.testimonial-v3 {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding-bottom: 40px;
  padding-left: 88px;
  padding-right: 88px;
  display: flex;
}

.container-default {
  max-width: 90%;
  padding-left: 0;
  padding-right: 0;
}

.inner-container._490px {
  max-width: 490px;
}

.inner-container._400px {
  max-width: 400px;
}

.inner-container._574px {
  max-width: 574px;
}

.inner-container._574px.center {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  text-align: left;
  flex-flow: wrap;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  justify-content: flex-start;
  align-items: center;
  max-width: 100%;
  padding-top: 0;
  display: flex;
}

.inner-container._1012px.center {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-top: 40px;
  display: flex;
}

.inner-container._1012px.center._2nd {
  flex-flow: row;
  margin-top: 0;
  display: flex;
}

.inner-container._1104px {
  max-width: 1104px;
}

.inner-container._1104px.center {
  margin-top: 40px;
}

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

.tabs-menu.bottom {
  margin-top: 40px;
  margin-bottom: 0;
}

.image-4.testimonial-v3 {
  object-fit: cover;
  height: 100%;
}

.mg-bottom-32px {
  margin-bottom: 32px;
}

.tab-card {
  opacity: .4;
  background-color: #fff;
  border: 1px solid #eff0f6;
  border-radius: 10px;
  margin-left: 12px;
  margin-right: 12px;
  padding: 32px 46px;
  transition: opacity .3s, box-shadow .3s, color .3s;
  box-shadow: 0 2px 12px #14142b14;
}

.tab-card:hover {
  opacity: 1;
}

.tab-card.w--current {
  opacity: 1;
  background-color: #fff;
}

.text-300 {
  font-size: 22px;
  line-height: 22px;
}

.text-300.bold {
  font-weight: 700;
}

.text-300.bold.footer-title {
  color: #211f54;
  margin-bottom: 40px;
}

.text-300.list {
  line-height: 28px;
}

.tabs-wrapper.flex-vertical-reverse {
  flex-direction: column-reverse;
  display: flex;
}

.tabs-wrapper.sbs {
  width: 100%;
}

.section-3 {
  padding-top: 176px;
  padding-bottom: 176px;
}

.mg-bottom-40px {
  color: #353535;
  margin-bottom: 40px;
  font-weight: 400;
}

.link-6 {
  color: var(--color--secondary);
}

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

.horizontal_linear_gradient-wrapper {
  position: absolute;
  inset: 0%;
}

.horizontal_linear_gradient-left {
  z-index: 11;
  background-image: linear-gradient(90deg, #000d01, #000d0100);
  flex: 1;
  width: 20%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.testimonial_client-image-wrapper {
  border-radius: 100%;
  width: 3rem;
  height: 3rem;
  overflow: hidden;
}

.blurred-color {
  z-index: 10;
  opacity: 0;
  filter: blur(30px);
  background-color: #53db78;
  border-radius: 100%;
  width: 80%;
  height: 80%;
  margin: auto;
  position: absolute;
  inset: 0%;
}

.testimonial_rating-icon {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-right: .25rem;
  display: flex;
}

.horizontal_linear_gradient-right {
  z-index: 11;
  background-image: linear-gradient(270deg, #000d01, #000d0100);
  flex: 1;
  width: 20%;
  height: 100%;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.testimonial_loop-trigger {
  display: flex;
}

.testimonial_client_content {
  width: 100%;
}

.testimonial_card {
  color: #aaa;
  background-color: #242424;
  border-radius: .5rem;
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  align-items: flex-start;
  width: 35rem;
  min-width: 35rem;
  margin-right: 2rem;
  padding: 1px;
  display: flex;
  position: relative;
  overflow: hidden;
}

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

.testimonial_client-info {
  color: #fff;
}

.testimonial_rating-wrapper {
  display: flex;
}

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

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

.text-weight-semibold {
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5em;
}

.text-size-regular {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5em;
}

.icon-embed-xsmall {
  color: #53db78;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1.5rem;
  height: 1.5rem;
  display: flex;
}

.testimonial_component {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: stretch;
  display: flex;
}

.testimonial_component.is-reversed {
  position: relative;
  right: 135rem;
}

.testimonial_client-logo-wrapper {
  justify-content: center;
  align-items: center;
  width: 9rem;
  display: block;
}

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

.testimonial_content {
  z-index: 10;
  -webkit-backdrop-filter: blur(100px);
  backdrop-filter: blur(100px);
  background-color: #000d01e6;
  border-radius: .5rem;
  flex-flow: column;
  padding: 2rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.testimonial_client {
  grid-row-gap: 1rem;
  text-align: left;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.testimonial_client-wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  display: flex;
}

.testimonial_component-wrapper {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  display: flex;
  position: relative;
}

.home-header_location-globe {
  width: 2.5rem;
  height: 1.5rem;
  margin-right: 0;
  padding-right: 0;
}

.brands_item-logo {
  height: 21%;
}

.brands_item-block {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding-right: 1.125rem;
  display: flex;
}

.brands_item-logo-wrap {
  aspect-ratio: 1;
  background-color: #fff;
  border-radius: 1.125rem;
  justify-content: center;
  align-items: center;
  width: 16rem;
  display: flex;
}

.text-style-label {
  letter-spacing: .1em;
  text-transform: uppercase;
  font-size: .875rem;
  font-weight: 500;
}

.line {
  border-top: 1px dotted #6b6b6b;
  width: 100%;
  height: 1px;
}

.container-medium-2 {
  width: 100%;
  max-width: 90rem;
  margin-left: auto;
  margin-right: auto;
}

.brands_item-texts {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  max-width: 70%;
  display: flex;
}

.brands_head {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: .4fr 1fr;
  grid-auto-columns: 1fr;
  place-items: start;
  width: 100%;
  display: grid;
}

.heading-style-h4 {
  letter-spacing: -.02em;
  font-size: 2.75rem;
  font-weight: 500;
  line-height: 110%;
}

.brands_list-wrapper {
  justify-content: flex-start;
  align-items: center;
  max-width: 120rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
  -webkit-mask: linear-gradient(270deg, #0000, #000 15% 85%, #0000);
  mask: linear-gradient(270deg, #0000, #000 15% 85%, #0000);
}

.label_wrap {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.padding-global-2 {
  padding-left: 3rem;
  padding-right: 3rem;
}

.padding-global-2.is-tiny {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

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

.brands_heading {
  max-width: 56rem;
}

.section_brands {
  background-color: var(--purple);
}

.brands_item-name {
  text-align: center;
  font-size: 1rem;
}

.padding-section-medium {
  padding-top: 8rem;
}

.label_line {
  background-image: linear-gradient(90deg, #ff4d00, #e7eb4c 31%, #0b90cb 68%, #0c59c1);
  width: 3.5rem;
  height: 2px;
}

.spacer-xxlarge {
  width: 100%;
  padding-top: 5rem;
}

.brands_item-desc {
  color: #6b6b6b;
  text-align: center;
  font-size: .75rem;
  font-weight: 500;
}

.line-rounded-icon.success-message-check {
  margin-bottom: 6px;
  font-size: 22px;
}

.line-rounded-icon.success-message-check.large {
  margin-bottom: 16px;
  font-size: 80px;
  line-height: 88px;
}

.color-neutral-300 {
  color: #eff0f6;
}

.success-message-3 {
  color: #4a3aff;
  background-color: #f3f2ff;
  border-radius: 24px;
  padding: 28px 28px 32px;
}

.text-area {
  background-color: #fff;
  border: 1px solid #eff0f6;
  border-radius: 5px;
  min-height: 144px;
  padding: 16px 24px;
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  transition: box-shadow .3s, color .3s, border-color .3s;
  box-shadow: 0 2px 7px #14142b14;
}

.text-area:hover {
  border-color: #4a3aff;
  box-shadow: 0 2px 12px #14142b1a;
}

.text-area:focus {
  color: #211f54;
  border-color: #4a3aff;
}

.text-area::placeholder {
  color: #6e7191;
  font-size: 18px;
}

.text-200 {
  line-height: 20px;
}

.text-200.bold {
  font-weight: 700;
}

.section-4 {
  padding-top: 176px;
  padding-bottom: 176px;
}

.grid-2-columns-2 {
  grid-column-gap: 28px;
  grid-row-gap: 28px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
}

.grid-2-columns-2.form {
  width: 100%;
}

.grid-2-columns-2.contact-v1 {
  grid-column-gap: 10px;
  grid-template-columns: 1fr 1.2fr;
}

.error-message-3 {
  color: #ff5a65;
  text-align: center;
  background-color: #ffeff0;
  border-radius: 16px;
  margin-top: 20px;
  padding: 20px 24px;
}

.square-icon {
  border-radius: 16px;
}

.half-bg-right {
  z-index: -1;
  background-color: #4a3aff;
  width: 50%;
  height: 100%;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.half-bg-right.width-36 {
  width: 36%;
}

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

.card-link-icon {
  transform-style: preserve-3d;
  background-color: #fff;
  border: 1px solid #f7f7fc;
  border-radius: 5px;
  align-items: center;
  padding: 14px 18px;
  text-decoration: none;
  transition: transform .3s, border-color .3s, color .3s;
  display: flex;
  box-shadow: 0 2px 6px #14142b0f;
}

.card-link-icon:hover {
  border-color: #4a3aff;
  transform: scale3d(.96, .96, 1.01);
}

.input-2 {
  background-color: #fff;
  border: 1px solid #eff0f6;
  border-radius: 5px;
  min-height: 70px;
  margin-bottom: 0;
  padding: 16px 24px;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 20px;
  transition: box-shadow .3s, color .3s, border-color .3s;
  box-shadow: 0 2px 7px #14142b14;
}

.input-2:hover {
  border-color: #4a3aff;
  box-shadow: 0 2px 12px #14142b1a;
}

.input-2:focus {
  color: #211f54;
  border-color: #4a3aff;
}

.input-2::placeholder {
  color: #6e7191;
  font-size: 18px;
}

.subtitle {
  color: #4a3aff;
  letter-spacing: .04em;
  text-transform: uppercase;
  margin-bottom: 8px;
  font-weight: 700;
  line-height: 20px;
}

.text-301 {
  font-size: 22px;
  line-height: 22px;
}

.text-301.bold {
  font-weight: 700;
}

.text-301.bold.footer-title {
  color: var(--color--border-mutted);
  -webkit-text-stroke-color: var(--text-alt);
  margin-bottom: 40px;
}

.text-301.bold.color-neutral-800.mg-bottom-8px {
  font-weight: 600;
}

.text-301.list {
  line-height: 28px;
}

.text-302 {
  line-height: 20px;
}

.text-302.bold {
  font-weight: 700;
}

.section-5 {
  background-color: var(--purple);
  border-radius: 0;
  padding-top: 0;
  padding-bottom: 40px;
}

.section-5.position-relative {
  background-color: #1f2921;
  background-image: url("https://cdn.prod.website-files.com/6918698fdd7deae62be0a467/692ec7c0e383c17227fc66cd_118419030035.jpg");
  background-position: 0 0;
  background-size: auto;
  border-radius: 100px 100px 0 0;
  padding: 100px 20px 60px;
}

.section-5.position-relative.alt {
  background-image: url("https://cdn.prod.website-files.com/6918698fdd7deae62be0a467/692ecdd0c34fdebc452b6cd2_2023-12-13.jpg");
  background-position: 50%;
  background-size: 1920px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  min-height: 100%;
}

.section-5.faqs {
  background-color: #1d1d1d00;
  padding-top: 100px;
  padding-bottom: 100px;
}

.error-message-4 {
  color: #ff5a65;
  text-align: center;
  background-color: #ffeff0;
  border-radius: 16px;
  margin-top: 20px;
  padding: 20px 24px;
}

.heading {
  color: #eeebdc;
  line-height: 1;
}

.heading.mobile {
  color: var(--color--primary);
}

.heading.mobile.contact {
  color: #1f2921;
  margin-bottom: 1rem;
  font-size: 2.4rem;
}

.field-label {
  color: var(--color--white);
  font-size: 2vw;
  font-weight: 400;
}

.field-label.white {
  color: var(--color--white);
  margin-bottom: 15px;
}

.field-label.black {
  color: var(--color--primary);
  font-size: 1rem;
}

.field-label-2 {
  color: var(--color--white);
  font-size: 2vw;
  font-weight: 400;
}

.field-label-2.black {
  color: var(--color--primary);
  font-size: 1rem;
}

.field-label-3, .field-label-4 {
  color: var(--purple);
  font-weight: 600;
}

.field-label-5 {
  color: var(--purple);
  font-family: Wfvisualsansvf, Arial, sans-serif;
  font-weight: 600;
}

.div-block-3 {
  margin-left: 20px;
  padding-left: 0;
}

.div-block-4 {
  margin-left: 20px;
}

.text-span, .text-span.services {
  color: var(--purple);
}

.div-block-5 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #f3f4f5e6;
  border-radius: 5px;
  flex-flow: column;
  align-items: stretch;
  height: 100%;
  padding-top: 100px;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
}

.button-arrow {
  width: 2.2rem;
  height: 2.2rem;
}

.text-link-wrapper {
  margin-right: 1rem;
}

.button-8 {
  text-align: center;
  border: 1px #000;
  border-bottom-width: 2px;
  justify-content: flex-start;
  align-items: flex-end;
  width: auto;
  padding: 0;
  font-weight: 600;
  display: flex;
}

.line-bottom {
  background-color: #242424;
  height: 1px;
}

.text-style-link {
  border-color: #000;
  border-bottom-style: none;
  border-bottom-width: 2px;
  margin-bottom: .4rem;
  font-size: 1.1rem;
  line-height: 1.3;
}

.page-padding-3 {
  padding-left: 7.5rem;
  padding-right: 7.5rem;
}

.section-home-hero_inner {
  max-width: 70%;
}

.section-home-hero_inner.padding-top.padding-huge.margin-bottom.margin-xhuge {
  padding-left: 2.5rem;
}

.text-size-small {
  letter-spacing: .063rem;
  text-transform: uppercase;
  font-size: 1.1rem;
  font-weight: 600;
  line-height: 1.3;
}

.text-weight-bold {
  font-weight: 700;
}

.text-weight-normal {
  font-weight: 400;
}

.section-home-hero-image {
  background-image: url("https://cdn.prod.website-files.com/6918698fdd7deae62be0a467/69419e655b76a9860f71fda7_hero-image-bg.png");
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: contain;
  background-attachment: scroll;
}

.section-home-hero-image_inner {
  position: relative;
}

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

.paragraph-3 {
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
}

.section-home-about_content {
  padding: 3rem 3rem 5rem;
}

.section-home-about_inner {
  grid-column-gap: 0px;
  grid-row-gap: 16px;
  background-image: url("https://cdn.prod.website-files.com/6918698fdd7deae62be0a467/6941a083605503f707f8e5cb_about.jpg");
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  grid-template-rows: min-content;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  min-height: 50rem;
  display: grid;
}

.section-home-about_inner.padding-xlarge {
  grid-row-gap: 0px;
  background-position: 0%;
  place-content: end;
}

.button-9 {
  text-align: center;
  border: 1px #000;
  border-bottom-width: 2px;
  justify-content: flex-start;
  align-items: flex-end;
  width: auto;
  padding: 0;
  font-weight: 600;
  display: flex;
}

.section-home-about.background-color-green.padding-vertical.padding-xhuge.margin-bottom-3.margin-xxhuge {
  margin-top: -2px;
}

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

.text-size-medium {
  font-size: 1.4rem;
  line-height: 1.4;
}

.paragraph-4 {
  margin-bottom: 0;
}

.subheading-flex {
  grid-column-gap: .56vw;
  grid-row-gap: .56vw;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.move-up {
  letter-spacing: -.125vw;
  position: absolute;
  top: 100%;
}

.arrow {
  min-width: .9vw;
  max-width: .9vw;
  min-height: .9vw;
  max-height: .9vw;
}

.section-6 {
  width: 100%;
}

.move-flex {
  grid-column-gap: .56vw;
  grid-row-gap: .56vw;
  text-align: left;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 14vw;
  display: flex;
  position: relative;
  overflow: hidden;
}

.small-icon {
  min-width: 1.44vw;
  max-width: 1.44vw;
}

.icon-2 {
  min-width: 2.4vw;
  max-width: 2.4vw;
  min-height: 2.4vw;
  max-height: 2.4vw;
}

.hero-text {
  text-transform: uppercase;
  font-size: 11.11vw;
  font-weight: 500;
  line-height: 8.89vw;
}

.hero-heading-flex {
  z-index: 10;
  grid-column-gap: .44vw;
  grid-row-gap: .44vw;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
}

.line-flex {
  grid-column-gap: .56vw;
  grid-row-gap: .56vw;
  text-align: left;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.spinner-image {
  filter: invert();
  background-image: url("https://cdn.prod.website-files.com/6918698fdd7deae62be0a467/6943d821411f1ef8e9d395af_Circle.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 7.8vw;
  height: 7.8vw;
  display: flex;
}

.icon-wrapper {
  cursor: pointer;
  background-color: #050505;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  min-width: 2.8vw;
  max-width: 2.8vw;
  min-height: 2.8vw;
  max-height: 2.8vw;
  display: flex;
  overflow: hidden;
}

.icon-wrapper.background-primary {
  background-color: #dbec62;
}

.line-2 {
  background-color: #050505;
  min-width: .6vw;
  height: .1vw;
}

.cut-out-image {
  min-height: 8.44vw;
  max-height: 8.44vw;
}

.cut-out-wrapper {
  z-index: 10;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 6.7vw;
  display: flex;
  position: relative;
}

.cut-out-wrapper.align-center {
  justify-content: flex-start;
  align-items: center;
}

.hero-flex {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.hero-text-block {
  grid-column-gap: 1.11vw;
  grid-row-gap: 1.11vw;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.hero-heading-2 {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.cut-out-flex {
  z-index: 10;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  display: flex;
  position: relative;
}

.cut-out-flex.align-bottom {
  justify-content: space-between;
  align-items: flex-end;
}

.hero-image-wrapper-2 {
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  min-width: 43.9vw;
  max-width: 43.9vw;
  min-height: 43.9vw;
  max-height: 43.9vw;
  display: flex;
  position: relative;
}

.space-7rem {
  min-height: 7.8vw;
}

.card-flex-wrapper {
  grid-column-gap: 1.11vw;
  grid-row-gap: 1.11vw;
  display: flex;
}

.italics {
  font-style: italic;
  font-weight: 300;
}

.container-3 {
  width: 100%;
  max-width: none;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
}

.container-3.padding-4-5rem {
  padding-left: 4.5rem;
  padding-right: 4.5rem;
}

.spinner-wrapper {
  z-index: 2;
  background-color: #dbec62;
  border: .83vw solid #e7e7e9;
  border-radius: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 9.44vw;
  height: 9.44vw;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: absolute;
  inset: 23% auto 0% -11%;
  overflow: hidden;
}

.arrow-border-wrapper {
  cursor: pointer;
  border: 1px solid #050505;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  min-width: 4.4vw;
  max-width: 4.4vw;
  min-height: 4.4vw;
  max-height: 4.4vw;
  display: flex;
  position: absolute;
  inset: auto 1.11vw 1.11vw auto;
  overflow: hidden;
}

.hero-line {
  background-color: #dbec62;
  width: 38.9vw;
  height: .6vw;
  position: relative;
  top: -2.22vw;
  transform: rotate(-3deg);
}

.hero-image-2 {
  object-fit: cover;
  object-position: 100% 54%;
  border-radius: 24px;
  min-width: 100%;
  max-height: 100%;
  position: absolute;
}

.hero-block {
  grid-column-gap: 1.11vw;
  grid-row-gap: 1.11vw;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  min-height: 43.9vw;
  max-height: 43.9vw;
  display: flex;
}

.hero-heading-wrapper-2 {
  z-index: 10;
  text-align: left;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  min-width: 9vw;
  max-width: 9vw;
  min-height: 1vw;
  max-height: 1vw;
  position: relative;
  left: 1.67vw;
  overflow: hidden;
}

.card-2 {
  background-color: #050505;
  border-radius: 24px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  min-width: 17.8vw;
  max-width: 17.8vw;
  min-height: 10vw;
  max-height: 10vw;
  display: flex;
}

.card-2.background-primary {
  background-color: #dbec62;
}

.hero-heading-text {
  white-space: nowrap;
}

.home-logo-left-gradient {
  background-image: linear-gradient(90deg, #141414, #fff0);
  width: 10%;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.home-logo-left-gradient.right {
  background-image: linear-gradient(270deg, #141414, #fff0);
  inset: 0% 0% 0% auto;
}

.home-logo-left-gradient.right.web-design {
  background-image: linear-gradient(270deg, #1d1d1d, #fff0);
}

.home-logo-left-gradient.bg2 {
  background-image: linear-gradient(90deg, #1d1d1d, #fff0);
}

.client-logo {
  opacity: .8;
  object-fit: contain;
  width: 100%;
  min-height: 7rem;
  max-height: 7rem;
  transition: opacity .4s;
}

.client-logo:hover {
  opacity: 1;
}

.overline {
  color: #a3a3a3;
  text-align: center;
  letter-spacing: 0;
  text-transform: capitalize;
  font-size: 1.4rem;
  font-weight: 300;
}

.clients-grid {
  grid-column-gap: 30px;
  grid-row-gap: 0px;
  opacity: 1;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: center;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.clients-grid.logo-animate-alt {
  grid-column-gap: 3rem;
  flex: none;
  width: 100rem;
  margin-top: 0;
  margin-left: 0;
  margin-right: auto;
  display: flex;
}

.clients-grid.logo-animate {
  grid-column-gap: 3rem;
  opacity: 1;
  flex: none;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  width: 106rem;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 0;
  display: flex;
  transform: translate(-98rem);
}

.embed {
  display: none;
}

.home-logo-wrapper {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  justify-content: flex-start;
  align-items: center;
  margin-top: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.home-logo-wrapper.bottom {
  margin-top: -2rem;
}

.hero-content {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 50%;
  padding-right: 40px;
  display: flex;
}

.brand-span {
  color: #35b8be;
}

.hero-paragraph {
  color: #546285;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.34;
}

.hero-image-wrap {
  justify-content: flex-end;
  align-items: center;
  width: 50%;
  display: flex;
}

.container-flex {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1200px;
  display: flex;
}

.review-logo {
  margin-bottom: 10px;
  margin-right: 16px;
}

.review-text {
  color: #08090a;
  font-size: 16px;
}

.button-wrapper {
  flex-direction: column;
  align-items: center;
  margin-top: 45px;
  display: flex;
}

.header {
  background-image: url("https://cdn.prod.website-files.com/6918698fdd7deae62be0a467/6943de02e000eace5d148d93_BG%20Shape.svg");
  background-position: 100% 0;
  background-repeat: no-repeat;
  background-size: auto;
  justify-content: center;
  align-items: center;
  padding: 100px 3% 140px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.hero-h1 {
  color: #08090a;
  letter-spacing: -.03em;
  max-width: 580px;
  margin-bottom: 20px;
  font-size: 60px;
  line-height: 1;
}

.review-wrap {
  white-space: nowrap;
  flex-direction: column;
  align-items: flex-start;
  margin-top: 30px;
  display: flex;
}

.button-10 {
  text-align: center;
  background-color: #35b8be;
  background-image: url("https://cdn.prod.website-files.com/6918698fdd7deae62be0a467/6943de02e000eace5d148d8c_Button%20Wave.svg");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 6px;
  min-height: 60px;
  padding: 20px 35px;
  font-size: 18px;
  transition: background-color .25s;
}

.button-10:hover {
  background-color: #2faeb4;
}

.stat-card_group {
  grid-row-gap: 1rem;
  text-align: center;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  width: 100%;
  max-width: 35rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.header_content-wrapper {
  justify-content: center;
  align-items: center;
  height: 100vh;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.header_images-layout {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  height: 100%;
  display: grid;
  transform: scale(3.1);
}

.section_header {
  background-color: #f6f9f2;
}

.u-icon-embed-small {
  color: #a5c686;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 2rem;
  display: flex;
}

.divider-horizontal {
  background-color: #374b3c;
  border-radius: 100px;
  width: 100%;
  height: 4px;
}

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

.header_content {
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
}

.u-text-color-accent {
  color: #a5c686;
}

.u-text-size-regular {
  color: var(--color--white);
  margin-bottom: 1rem;
  font-size: 1rem;
  line-height: 150%;
}

.u-text-align-center {
  text-align: center;
}

.u-button-group {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  display: flex;
}

.u-text-style-tagline {
  font-size: 1.125rem;
  font-weight: 600;
}

.image-overlay-layer {
  z-index: 1;
  background-color: #000000bf;
  position: absolute;
  inset: 0%;
}

.header_image-wrapper {
  position: relative;
  overflow: clip;
}

.header_background-images {
  z-index: -1;
  border-radius: 1rem;
  margin: 0 0%;
  position: absolute;
  inset: 0%;
  overflow: clip;
}

.u-padding-global {
  padding-left: 5%;
  padding-right: 5%;
}

.button-11 {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  color: #000;
  background-color: #a5c686;
  border: 1px solid #a5c686;
  border-radius: .875rem;
  justify-content: center;
  align-items: center;
  padding: .5rem 1.5rem;
  font-weight: 500;
  display: flex;
}

.button-11:active {
  background-image: linear-gradient(#ffffff1a, #ffffff1a);
}

.button-11:focus {
  border-color: #374b3c;
}

.button-11.w--current {
  font-weight: 500;
}

.button-11.w--current:hover {
  background-color: #a5c686;
  border-color: #a5c686;
}

.button-11.is-small {
  padding: .5rem 1rem;
}

.button_content-wrapper {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
}

.header_component {
  border-radius: 0;
  height: 200vh;
  margin-bottom: 0;
  position: relative;
  overflow: clip;
}

.u-container-large {
  width: 100%;
  max-width: 100rem;
  margin-left: auto;
  margin-right: auto;
}

.icon-in-button {
  width: 1.5rem;
  height: 1.5rem;
}

.icon-in-button.absolute {
  position: absolute;
  inset: auto 0% auto auto;
}

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

.header_ix-trigger {
  z-index: -1;
  margin-top: 100vh;
  position: absolute;
  inset: 0%;
}

.header_image {
  object-fit: cover;
  border-radius: 5px;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.u-heading-style-h1 {
  color: var(--color--white);
  letter-spacing: -.035rem;
  margin-bottom: 1rem;
  font-size: 4.5rem;
  font-weight: 600;
  line-height: 1;
}

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

.u-max-width-large {
  width: 100%;
  max-width: 50rem;
}

.stat-card {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex: 0 auto;
  justify-content: space-between;
  align-self: stretch;
  align-items: center;
  display: flex;
}

.header_content-block {
  z-index: 3;
  margin-top: 3rem;
  position: sticky;
}

.text-span-2 {
  color: var(--purple-2);
  font-weight: 600;
}

.link-7 {
  color: var(--color--white);
}

.paragraph-large-4 {
  color: var(--color--white);
  text-align: center;
  letter-spacing: -.019em;
  text-indent: 2.7867em;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 30px;
  font-size: 1.4vw;
  font-weight: 500;
  line-height: 1.25;
}

.paragraph-large-4.no-text-indent {
  text-indent: 0;
}

.paragraph-large-4.padding-bottom {
  padding-bottom: 20px;
}

.paragraph-large-4.alt {
  text-indent: 0;
}

.glowing-wrapper {
  border-radius: 62.5rem;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.button-text {
  z-index: 2;
  color: #0000;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(#fff6, #fff);
  -webkit-background-clip: text;
  background-clip: text;
  font-weight: 400;
  position: relative;
}

.hero-header {
  text-align: center;
  flex-direction: column;
  align-items: center;
  max-width: 760px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.glowing-wrapper-button {
  z-index: 1;
  color: #fff;
  letter-spacing: -.01em;
  border: 1px solid #ffffff1a;
  border-radius: 62.5rem;
  padding: .75rem 2rem;
  font-size: 1.15rem;
  line-height: 1.42;
  text-decoration: none;
  position: relative;
}

.text-span-7 {
  font-size: 10vw;
}

.vertical-divider {
  opacity: .4;
  background-color: #fff;
  background-image: linear-gradient(#6a48f2, #fcceee);
  width: 1px;
  height: 5vh;
  margin: 1rem auto 25%;
}

.text-span-3 {
  opacity: .8;
  font-style: italic;
  font-weight: 400;
}

.text-span-8 {
  opacity: .6;
}

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

.section-7.last {
  margin-bottom: 30vh;
}

.section-7.first {
  margin-top: -141px;
}

.section-7.extra-margin {
  margin-bottom: 20vh;
}

.glowing-wrapper-glow {
  opacity: .12;
  filter: blur(8px);
}

.content {
  width: 100%;
  max-width: 56.25rem;
  margin-left: auto;
  margin-right: auto;
}

.glowing-wrapper-borders {
  opacity: 1;
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.text-size-small-2 {
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.2;
}

.heading-scroll {
  color: #f2f2f2;
  letter-spacing: -.01em;
  font-size: 8vw;
  font-weight: 500;
  line-height: 1.2;
}

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

.heading-scroll.center._6 {
  font-size: 8vw;
  font-weight: 400;
}

.heading-scroll.center._5 {
  font-weight: 400;
}

.heading-scroll.center._9 {
  letter-spacing: .01em;
  font-weight: 400;
}

.heading-scroll.center._4 {
  font-weight: 700;
}

.heading-scroll.center._2 {
  text-transform: uppercase;
}

.heading-scroll.center._3 {
  font-weight: 400;
}

.heading-scroll.longer {
  letter-spacing: -.02em;
  font-size: 3.5vw;
  font-style: italic;
  font-weight: 400;
}

.heading-scroll.longer.center._10 {
  letter-spacing: -.02em;
  font-size: 3vw;
}

.container-4 {
  width: 100%;
  max-width: 90rem;
  margin-left: auto;
  margin-right: auto;
}

.text-span-9 {
  font-style: italic;
  font-weight: 400;
}

.glowing-wrapper-mask {
  opacity: 1;
}

.glowing-wrapper-borders-masker {
  opacity: 0;
  border-radius: 62.5rem;
  width: 100%;
  padding: .06rem;
  line-height: 100%;
  transition: opacity 1s;
  position: absolute;
  top: 0;
  left: 0;
}

.page-padding-4 {
  padding-left: 32px;
  padding-right: 32px;
}

.hero-heading-3 {
  letter-spacing: -.05em;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(156deg, #f3e7ff 30%, #ffffff61);
  -webkit-background-clip: text;
  background-clip: text;
  margin-bottom: 24px;
  padding-bottom: .13em;
  padding-left: .13em;
  padding-right: .13em;
  font-size: 78px;
  font-weight: 400;
  line-height: 1;
}

.main-wrapper-2 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.number {
  text-align: center;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(182deg, #6a48f2 20%, #fcceee);
  -webkit-background-clip: text;
  background-clip: text;
  font-size: 1rem;
  font-weight: 700;
}

.glowing-wrapper-animations {
  opacity: 0;
  width: 100%;
  transition: opacity 1s;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.text-span-6 {
  opacity: .8;
  font-style: normal;
}

.glowing-wrapper-mask-wrapper {
  opacity: 1;
}

.text-span-10 {
  opacity: .6;
  font-weight: 400;
}

.hero {
  padding-top: 64px;
}

.subheading {
  color: #b4bcd0;
  letter-spacing: -.025em;
  margin-bottom: 48px;
  font-size: 21px;
  font-weight: 400;
  line-height: 1.3;
}

.subheading.subheading--hero {
  max-width: 580px;
}

.heading-alt-1 {
  margin-top: 40px;
  font-size: 3rem;
  font-weight: 500;
  line-height: 1;
}

.carousel_track {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.carousel_item {
  border-radius: .5rem;
  flex: none;
  position: absolute;
  overflow: hidden;
}

.carousel_content_wrap {
  z-index: 2;
  position: relative;
}

.carousel_content_item {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  padding: 1.8rem;
  display: flex;
}

.carousel_sticky {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: flex;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.carousel_arrow_wrap {
  z-index: 3;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

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

.carousel_component {
  background-color: var(--color--primary);
  position: relative;
}

.carousel_arrow_sticky {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  justify-content: center;
  align-items: flex-end;
  height: 100vh;
  padding: 2.5rem;
  display: flex;
  position: sticky;
  top: 0;
}

.carousel_arrow_link {
  background-color: #c8ff00;
  background-image: url("https://cdn.prod.website-files.com/6918698fdd7deae62be0a467/69453070981b82a6e60396f1_arrow-left.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 31%;
  border-radius: 100vw;
  width: 4.2rem;
  height: 2rem;
}

.carousel_arrow_link.is-right {
  transform: rotate(-180deg);
}

.page_code_custom {
  position: fixed;
  inset: 0% 0% auto;
}

.slider-section {
  padding-top: 20px;
  padding-bottom: 180px;
  overflow: hidden;
}

.slider {
  z-index: 3;
  max-width: 1200px;
  margin-bottom: -140px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.white-line {
  background-color: #fff;
  width: 2px;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.container-5 {
  z-index: 2;
  width: 90%;
  max-width: 1360px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: relative;
}

.container-5.small {
  max-width: 920px;
}

.container-5.small.flex {
  justify-content: flex-start;
  align-items: flex-start;
}

.step-4-info-wrapper {
  background-color: #2e2e2e;
  border: 2px solid #fff;
  border-radius: 5px;
  flex: 1;
  align-items: center;
  margin-bottom: 40px;
  padding: 24px;
  display: flex;
}

.paragraph-m {
  letter-spacing: -.4px;
  font-size: 20px;
}

.paragraph-m.text-white {
  color: var(--color--white);
}

.timeline-wrapper-2 {
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 100%;
  display: flex;
  position: absolute;
  overflow: hidden;
}

.process-image {
  background-image: none;
  background-position: 0 0;
  background-size: auto;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  width: 240px;
  height: 240px;
  display: flex;
}

.step-1-number, .step-4-number {
  z-index: 2;
  border: 8px #161616;
  border-left: 1px #000;
  border-right: 1px #000;
  position: relative;
  overflow: hidden;
}

.grey-line {
  background-color: #ffffff26;
  width: 2px;
  height: 82%;
  position: relative;
}

.step {
  flex: none;
  justify-content: flex-start;
  align-items: center;
  min-width: 120px;
  padding-top: 16px;
  padding-bottom: 16px;
  display: flex;
}

.step-heading {
  color: #fff;
}

.step-heading.margin-xs {
  letter-spacing: 0;
  margin-bottom: 0;
  font-weight: 400;
}

.step-5-info-wrapper {
  background-color: #2e2e2e;
  border: 2px solid #fff;
  border-radius: 5px;
  flex: 1;
  align-items: center;
  padding: 24px;
  display: flex;
}

.step-3-info-wrapper {
  background-color: #2e2e2e;
  border: 2px solid #fff;
  border-radius: 5px;
  flex: 1;
  align-items: center;
  margin-bottom: 40px;
  padding: 24px;
  display: flex;
}

.center-div {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.process-wrapper {
  position: relative;
}

.step-1-info-wrapper {
  background-color: #2e2e2e;
  border: 2px solid #fff;
  border-radius: 5px;
  flex: 1;
  align-items: center;
  margin-bottom: 20px;
  padding: 24px;
  display: flex;
}

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

.step-2-info-wrapper {
  background-color: #2e2e2e;
  border: 2px solid #fff;
  border-radius: 5px;
  flex: 1;
  align-items: center;
  margin-bottom: 40px;
  padding: 24px;
  display: flex;
}

.heading-2-small {
  font-size: 56px;
  line-height: 64px;
}

.heading-2-small.text-white {
  color: var(--color--white);
}

.text-light-grey {
  color: #ffffffa6;
  letter-spacing: 0;
  margin-top: 10px;
  font-weight: 400;
}

.step-info {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  margin-left: 24px;
  display: flex;
  position: static;
}

.step-3-number {
  z-index: 2;
  border: 8px #161616;
  border-left: 1px #000;
  border-right: 1px #000;
  position: relative;
  overflow: hidden;
}

.section-8 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding-top: 120px;
  padding-bottom: 120px;
  position: relative;
}

.section-8.black {
  background-color: #161616;
}

.step-2-number {
  z-index: 2;
  border: 8px #161616;
  border-left: 1px #000;
  border-right: 1px #000;
  position: relative;
  overflow: hidden;
}

.black-line {
  background-color: #1d1d1d;
  width: 2px;
  height: 72px;
  position: absolute;
  left: 19px;
  right: 20px;
}

.step-5-number {
  z-index: 2;
  border: 8px #161616;
  border-left: 1px #000;
  border-right: 1px #000;
  position: relative;
  overflow: hidden;
}

.link-8 {
  color: #000;
  white-space: nowrap;
  text-decoration: none;
  position: relative;
}

.link-8.curved-underline {
  font-weight: 700;
  text-decoration: none;
}

.custom-styles {
  display: none;
}

.section-typo-zoom-in {
  color: #000;
  background-color: #fff;
  width: 100%;
  height: 300vh;
  margin-bottom: 0;
}

.typo-zoom-sticky {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  position: sticky;
  top: 0;
}

.typo-zoom-sticky-inner {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  overflow: hidden;
}

.typo-zoom-text-wrapper {
  width: 50vw;
}

.typo-zoom-text {
  width: 1px;
  height: 1px;
  overflow: hidden;
}

.typo-zoom-text-image {
  width: 100%;
}

.lectures__dot-orange {
  background-color: #f75606;
  border-radius: 100px;
  width: 18px;
  height: 18px;
  transition: all .2s;
  position: absolute;
  top: 68px;
  left: 66px;
}

.lectures__dot-orange.active {
  opacity: 0;
}

.lectures__numb-title {
  margin-bottom: 16px;
  font-size: 34px;
  font-weight: 500;
  line-height: 34px;
}

.slider__next-arrows {
  transition: all .3s;
  position: relative;
  left: 0;
}

.lectures__numb-txt {
  color: #2d3c49e6;
  font-weight: 300;
  line-height: 22px;
}

.lectures__numb-columns {
  border-top: 2px solid #2d3c49;
  justify-content: space-between;
  padding-top: 40px;
  transition: all .8s;
  display: flex;
  position: relative;
  bottom: -220px;
}

.lectures__numb-columns.active {
  bottom: 0;
}

.swiper {
  width: 100%;
  overflow: hidden;
}

.swiper.mod--lectures {
  max-width: 990px;
  margin-left: 0;
  margin-right: auto;
  overflow: visible;
}

.lectures__type {
  text-transform: uppercase;
  margin-bottom: 48px;
  font-weight: 300;
  transition: all .8s;
  display: inline-block;
  position: relative;
  left: -100px;
}

.lectures__type.active {
  left: 0;
}

.swiper-wrapper {
  flex-direction: row;
  align-items: stretch;
  width: 100%;
  height: 100%;
  display: flex;
}

.lectures__title {
  margin-bottom: 48px;
  margin-right: -10px;
  transition: all .8s;
  position: relative;
  left: -110%;
}

.lectures__title.active {
  left: 0%;
}

.slider__next-arrow {
  display: block;
  position: relative;
  bottom: 0;
}

.slider__next-arrow.mod--2 {
  position: absolute;
  bottom: 0;
  left: -30px;
}

.lectures__columns {
  justify-content: flex-start;
  display: flex;
}

.content-2 {
  z-index: 2;
  width: 100%;
  max-width: 1230px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.swiper__next-wrap {
  z-index: 2;
  transition: all .5s;
  position: absolute;
  top: 250px;
  left: 45px;
}

.swiper__next-wrap.active {
  z-index: 0;
  opacity: 0;
}

.swiper-slide {
  justify-content: center;
  align-items: stretch;
  display: block;
  position: relative;
}

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

.lectures__content {
  background-color: #fff;
  position: relative;
  overflow: hidden;
}

.overflow-hidden-2 {
  overflow: hidden;
}

.lectures__img-over {
  z-index: 1;
  opacity: 0;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  transition: all .5s;
  display: flex;
  position: absolute;
  inset: 0%;
}

.lectures__img-over.active {
  opacity: 1;
}

.lectures__col {
  flex: 1;
  position: relative;
  overflow: hidden;
}

.lectures__col.mod--2 {
  flex-direction: column;
  justify-content: space-between;
  max-width: 440px;
  margin-left: 64px;
  padding-top: 64px;
  padding-bottom: 64px;
  display: flex;
}

.lectures__col.mod--1 {
  justify-content: center;
  align-items: center;
  max-width: 448px;
  min-height: 490px;
  display: flex;
}

.lectures__img {
  z-index: 0;
  object-fit: none;
  border-radius: 50%;
  width: 300px;
  height: 300px;
  transition: all .8s;
  display: block;
  position: relative;
}

.lectures__img.active {
  border-radius: 0%;
  width: 100%;
  height: 100%;
}

.swiper__next {
  cursor: pointer;
  background-color: #f75606;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 64px;
  height: 64px;
  transition: all .2s;
  display: flex;
}

.section-9 {
  z-index: 1;
  padding: 110px 60px;
  position: relative;
}

.section-9.mod--lectures {
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  display: flex;
}

.section-10 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-width: 100vw;
  min-height: 100vh;
  display: flex;
  position: relative;
  inset: 0%;
}

.card-wrap {
  justify-content: center;
  align-items: center;
  width: 50vw;
  height: 50vh;
  display: flex;
  position: relative;
  inset: 0%;
}

.card-3 {
  background-image: url("https://cdn.prod.website-files.com/6918698fdd7deae62be0a467/695e54aa83219ecbe90d7bb3_Fashion-2.jpg");
  background-position: 50%;
  background-size: cover;
  border-radius: 10px;
  width: 250px;
  height: 400px;
  position: absolute;
  transform: rotate(-2deg);
  box-shadow: 0 1px 8px #1a00014d;
}

.card-3.bottom {
  background-image: url("https://cdn.prod.website-files.com/6918698fdd7deae62be0a467/695e54aa83219ecbe90d7ba9_Fashion-3.jpg");
}

.card-3.top {
  background-image: url("https://cdn.prod.website-files.com/6918698fdd7deae62be0a467/695e54aa83219ecbe90d7bae_Fashion-1.jpg");
}

.description-text {
  flex-direction: column;
  align-items: center;
  max-width: 30vw;
  margin-top: 30px;
  display: flex;
}

.fixed-text {
  justify-content: space-between;
  width: 100%;
  padding-top: 1rem;
  display: flex;
  position: absolute;
  inset: 0% 0% auto;
}

.corner-text {
  margin-bottom: 20px;
  margin-left: 20px;
  margin-right: 20px;
  position: relative;
  inset: auto auto 0% 0%;
}

.section23 {
  background-color: var(--color--white);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-width: 100vw;
  min-height: 100vh;
  display: flex;
  position: relative;
  inset: 0%;
}

.card-4 {
  background-image: url("https://cdn.prod.website-files.com/6918698fdd7deae62be0a467/695e54aa83219ecbe90d7bb3_Fashion-2.jpg");
  background-position: 50%;
  background-size: cover;
  border-radius: 10px;
  width: 250px;
  height: 400px;
  position: absolute;
  transform: rotate(-2deg);
  box-shadow: 0 1px 8px #1a00014d;
}

.card-4.bottom {
  background-image: url("https://cdn.prod.website-files.com/6918698fdd7deae62be0a467/695e54aa83219ecbe90d7ba9_Fashion-3.jpg");
}

.card-4.top {
  background-image: url("https://cdn.prod.website-files.com/6918698fdd7deae62be0a467/695e54aa83219ecbe90d7bae_Fashion-1.jpg");
}

.card5 {
  background-image: url("https://cdn.prod.website-files.com/6918698fdd7deae62be0a467/695e54aa83219ecbe90d7bb3_Fashion-2.jpg");
  background-position: 50%;
  background-size: cover;
  border-radius: 10px;
  width: 250px;
  height: 400px;
  position: absolute;
  transform: rotate(-2deg);
  box-shadow: 0 1px 8px #1a00014d;
}

.card5.bottom {
  background-image: url("https://cdn.prod.website-files.com/6918698fdd7deae62be0a467/695e54aa83219ecbe90d7ba9_Fashion-3.jpg");
}

.card5.top3 {
  background-image: url("https://cdn.prod.website-files.com/6918698fdd7deae62be0a467/695d206232bffe2f11b3b2dc_elem_lectures-01.jpg");
  background-size: cover;
}

.card5.bottom-card, .card5.top-card {
  background-image: url("https://cdn.prod.website-files.com/6918698fdd7deae62be0a467/6920418313778f901f9cb32c_WhatsApp-Image-2023-05-13-at-14.34.jpg");
}

.hero-2 {
  background-image: url("https://cdn.prod.website-files.com/6918698fdd7deae62be0a467/695d206232bffe2f11b3b2d9_elem_lectures-02.jpg");
  background-position: 0 0;
  background-size: auto;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: flex;
}

.subtext {
  color: #fff;
  margin-top: 38px;
}

.static-link-hover {
  color: #000;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 20px;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1.5;
  text-decoration: none;
  display: flex;
  position: relative;
}

.static-link-hover.alt {
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: -33px;
}

.link-wrapper {
  font-size: 1.5rem;
}

.link-9 {
  color: #512fae;
  margin-top: 0;
  font-size: 1.4rem;
  font-weight: 600;
  text-decoration: none;
}

.link-9.alt {
  font-size: 1.69vw;
}

.link-underline {
  background-color: #000;
  width: 100%;
  height: .125rem;
}

.card-5 {
  border-radius: .5rem;
  width: 25rem;
  height: 0;
  position: absolute;
  bottom: 2.5rem;
  overflow: hidden;
  transform: translate(0);
  box-shadow: 0 4px 12px #0000001a;
}

.card-image-wrapper {
  background-color: #fff;
  width: 100%;
  height: 100%;
  padding: .5rem;
}

.card-image {
  object-fit: cover;
  object-position: 50% 0%;
  border-radius: .5rem;
  width: 100%;
  height: 100%;
}

.text-wrapper-2 {
  max-width: 40rem;
  padding-left: 1rem;
  padding-right: 1rem;
}

.text-block-10 {
  font-size: 1.5rem;
  line-height: 1.42;
}

.dynamic-link-preview {
  z-index: 0;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(to right, #fc5c7d, #6a82fb);
  -webkit-background-clip: text;
  background-clip: text;
  flex-direction: column;
  align-items: center;
  font-weight: 500;
  line-height: 1.5;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.faq-menu-title {
  width: 100%;
  padding: 1rem 2rem;
}

.faq-answer-2 {
  padding: 0 2rem;
  overflow: hidden;
}

.faq-group-row {
  width: 100%;
  padding-top: 5rem;
  padding-bottom: 5rem;
}

.faq-answer-p {
  line-height: 1.5em;
}

.faq-container {
  flex-direction: row;
  width: 100%;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.faq-menu {
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  margin-bottom: 2rem;
  padding-top: 1rem;
  padding-bottom: 2rem;
  display: flex;
}

.faq-question-2 {
  cursor: pointer;
  justify-content: space-between;
  padding: 1.5rem 2rem;
  display: flex;
}

.faq-menu-item {
  color: #20202466;
  flex: none;
  align-items: center;
  margin-top: .5rem;
  margin-bottom: .5rem;
  padding: 1rem 2rem;
  font-size: 1.25rem;
  font-weight: 700;
  text-decoration: none;
  display: flex;
}

.faq-menu-item.w--current {
  box-shadow: none;
  color: #3c3d49;
  border-radius: 999px;
  margin-left: .5rem;
  margin-right: .5rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  font-size: 1.3rem;
  font-weight: 700;
  transition: color .3s, font-size .3s;
}

.faq-groups-wrapper {
  width: 70%;
  padding: 1rem;
  position: static;
  left: 30%;
}

.accent-color {
  color: #454dec;
}

.faq-section {
  background-image: linear-gradient(#faf9fa, #fff);
  padding: 4rem 2rem 6rem;
  position: relative;
}

.faq-section.alt {
  background-color: #1b1b1b;
  background-image: none;
  background-position: 0 0;
  background-size: auto;
  border-radius: 0;
  padding-top: 0;
  padding-bottom: 4rem;
}

.faq-section.alt.questions {
  background-color: #1b1b1b00;
  background-image: none;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}

.faq-section.step-by-step {
  background-image: linear-gradient(#fff, #fff0 10%), url("https://cdn.prod.website-files.com/6918698fdd7deae62be0a467/69a844bde78ed59dc9c4eace_cogden-dot-bg.webp");
  background-position: 0 0, 0 0;
  background-size: auto, auto;
  padding: 0;
  position: static;
}

.faq-arrow {
  z-index: 0;
  position: relative;
}

.faq-menu-title-label {
  font-size: 2rem;
  line-height: 1.5em;
}

.faq-menu-wrapper {
  width: 30%;
  height: 100%;
  position: sticky;
  top: 6rem;
}

.faq-question-label {
  color: #3c3d49;
  background-color: #0000;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.5em;
  text-decoration: none;
}

.faq-menu-item-label {
  background-color: #0000;
  max-width: 64ch;
  text-decoration: none;
}

.accordion-spacer {
  min-height: 16px;
}

.accordion-btn-line {
  background-color: #211f54;
  border-radius: 20px;
  width: 18px;
  height: 2px;
  position: absolute;
}

.accordion-btn-line.horizontal {
  background-color: var(--purple-2);
  color: var(--purple-2);
}

.accordion-btn-line.vertical {
  background-color: var(--purple-2);
  transform: rotate(90deg);
}

.accordion-item-wrapper {
  cursor: pointer;
  width: 100%;
  transform-style: preserve-3d;
  background-color: #fff;
  border: 1px solid #eff0f6;
  border-radius: 24px;
  padding: 48px 64px;
  transition: transform .3s;
  display: flex;
  box-shadow: 0 2px 12px #14142b14;
}

.accordion-item-wrapper:hover {
  transform: scale3d(.96, .96, 1.01);
}

.accordion-item-wrapper.v6 {
  background-color: #2f1893;
  border-style: none none solid;
  border-radius: 0;
  justify-content: space-between;
  padding: 20px;
}

.accordion-item-wrapper.v6.homepage {
  background-color: #141414;
}

.acordion-body {
  width: 100%;
  overflow: hidden;
}

.accordion-title-2 {
  color: var(--color--white);
  margin-bottom: 0;
  font-size: 1.3rem;
}

.accordion-content-wrapper {
  flex-direction: column;
  justify-content: center;
  display: flex;
}

.accordion-content-wrapper.width-660px {
  max-width: 660px;
}

.elements---element-title {
  background-color: #fff;
  border: 1px solid #eff0f6;
  border-radius: 12px;
  margin-top: 72px;
  margin-bottom: 32px;
  padding: 24px 32px;
  box-shadow: 0 2px 8px #14142b0f;
}

.elements---element-title.first, .elements---element-title.first.large {
  margin-top: 0;
}

.accordion-side {
  margin-right: 24px;
}

.accordion-side.right-side {
  margin-left: 24px;
  margin-right: 0;
}

.badge-secondary {
  color: #211f54;
  text-align: center;
  background-color: #fff;
  border: 1px solid #dcddeb;
  border-radius: 40px;
  padding: 18px 28px;
  font-size: 18px;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
  box-shadow: 0 2px 12px #14142b0f;
}

.badge-secondary.tabs {
  color: var(--color--primary);
  background-color: #2b2b2b;
  border-width: 1px;
  border-color: #ffffff21;
  border-radius: 10px;
  margin-left: 12px;
  margin-right: 12px;
  padding-left: 60px;
  padding-right: 60px;
  transition: background-color .3s, border-color .3s, color .3s;
}

.badge-secondary.tabs:hover {
  color: #000;
  background-color: #2b2b2b;
  border-color: #fff;
}

.badge-secondary.tabs.w--current {
  background-color: var(--purple);
  color: #fff;
  border-width: 1px;
  border-color: #000;
  border-radius: 10px;
  padding-left: 60px;
  padding-right: 60px;
}

.badge-secondary.tabs.w--current:hover {
  color: var(--color--primary);
}

.accordion-header {
  align-items: center;
  display: flex;
}

.btn-circle-secondary {
  color: #211f54;
  width: 64px;
  min-width: 64px;
  height: 64px;
  min-height: 64px;
  transform-style: preserve-3d;
  background-color: #fff;
  border: 1px solid #eff0f6;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  font-size: 26px;
  text-decoration: none;
  transition: border-color .3s, transform .3s, background-color .3s, color .3s;
  display: flex;
  box-shadow: 0 2px 12px #14142b14;
}

.btn-circle-secondary:hover {
  color: #fff;
  background-color: #4a3aff;
  border-color: #4a3aff;
  transform: scale3d(.94, .94, 1.01);
}

.btn-circle-secondary.small {
  width: 50px;
  min-width: 50px;
  height: 50px;
  min-height: 50px;
  font-size: 22px;
}

.btn-circle-secondary.small.accordion-btn {
  background-color: #ffd70300;
  border-style: none;
  transition: background-color .3s, color .3s;
}

.btn-circle-secondary.small.accordion-btn:hover {
  background-color: #fff0;
  border-color: #eff0f6;
}

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

.text-center.mg-bottom-64px {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  margin-top: 60px;
  padding-top: 0;
  display: flex;
}

.text-center.mg-bottom-64px.alt {
  margin-top: 20px;
}

.text-center.mg-bottom-64px.services {
  margin-top: 10px;
}

.text-center.mg-bottom-64px._2 {
  margin-top: 0;
}

.text-center.mg-bottom-64px.stats {
  margin-top: 20px;
}

.text-center.mg-bottom-64px.dev-services {
  justify-content: flex-start;
  align-items: center;
}

.text-center.step-by-step {
  width: 85%;
  margin-top: 60px;
}

.text-center.view-website-services-cta {
  align-self: center;
  width: 90%;
}

.mg-bottom-0 {
  color: #a8a8a8;
  margin-bottom: 0;
  font-size: 1.1rem;
  font-weight: 400;
}

.text-block-11 {
  color: var(--color--white);
  -webkit-text-stroke-color: var(--purple);
  font-weight: 600;
}

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

.text-block-11.black {
  color: var(--color--primary);
}

.text-block-12 {
  margin-bottom: 40px;
}

.text-span-11 {
  color: var(--purple);
}

.text-span-12 {
  color: var(--purple-2);
}

.heading-middle {
  text-transform: capitalize;
  font-size: 9rem;
  line-height: 1;
}

.heading-middle.no-padding {
  margin-bottom: 0;
}

.hero-right {
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.link-white {
  color: var(--color--white);
  vertical-align: baseline;
}

.link-white:hover, .hyperlink-yellow {
  color: var(--yellow);
}

.hyperlink-yellow:hover {
  color: var(--purple-2);
}

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

.image-5 {
  z-index: 3;
  align-self: center;
  height: auto;
  margin-left: 30px;
  position: relative;
}

.image-5.rebranding {
  margin-left: 30px;
  box-shadow: 6px 2px 5px #0003;
}

.image-5.webdesign {
  width: 70%;
}

.div-block-6 {
  display: flex;
}

.work {
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  margin-bottom: 20px;
  padding-left: 0;
  display: flex;
}

.goalz {
  color: var(--yellow);
  text-align: center;
  font-size: 5vw;
  font-weight: 600;
  line-height: .1;
}

.div-block-7 {
  color: #fdfdff;
}

.content-wrapper-text-rotate {
  background-color: var(--purple);
  justify-content: center;
  align-items: center;
  height: 80vh;
  display: flex;
}

.container-rotate {
  width: 95%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

.change-text-wrapper {
  justify-content: center;
  align-items: center;
  display: flex;
}

.text-don-t-change {
  color: #71c734;
  text-transform: capitalize;
  font-size: 40px;
  font-weight: 700;
  line-height: 50px;
}

.text-change-wrapper {
  height: 50px;
  padding-left: 10px;
  overflow: hidden;
}

.text-change {
  color: #fff;
  text-transform: capitalize;
  font-size: 40px;
  font-weight: 700;
  line-height: 50px;
}

.constant {
  display: inline;
}

.changer-overflow {
  float: right;
  height: 20px;
  display: inline-block;
  overflow: hidden;
}

.changer-move {
  display: inline-block;
}

.changer {
  position: relative;
  top: 0;
}

.container-6 {
  width: 100%;
  max-width: 90rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

.container-6.cc-testimonial {
  margin-bottom: 0;
  padding-bottom: 40px;
  padding-left: 5%;
  padding-right: 5%;
  overflow: hidden;
}

.text-xl {
  color: #181d27;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.4;
}

.text-xl.cc-u-text-muted {
  color: #4d4d4d;
  text-align: left;
  margin-top: 5px;
  font-size: 1.3rem;
  font-weight: 400;
  line-height: 1.25;
}

.right-arrow {
  aspect-ratio: 1;
  background-color: var(--purple);
  color: #19292a;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  width: 2rem;
  padding: .5rem;
  transition: color .3s, background-color .3s;
  display: flex;
  inset: auto auto 0% 6%;
}

.right-arrow:hover {
  color: #fff;
  background-color: #19292a;
}

.cta-wrapper {
  justify-content: center;
  align-items: center;
}

.text-wrapper-3 {
  color: #070707;
  flex: 0 auto;
  margin-top: 0;
}

.text-wrapper-3.cc-top-40 {
  margin-top: 0;
}

.text-wrapper-3.cc-testimonial {
  flex-flow: column;
  display: inline-flex;
}

.left-arrow {
  aspect-ratio: 1;
  background-color: var(--purple);
  color: #19292a;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  width: 2rem;
  padding: .5rem;
  transition: color .3s, background-color .3s;
  display: inline-flex;
  inset: auto auto 0% 2%;
}

.left-arrow:hover {
  color: #fff;
  background-color: #19292a;
}

.text-xs {
  color: #7e7e7e;
  margin-top: -5px;
  font-size: .875rem;
  font-style: italic;
  line-height: 1.4;
}

.header-col.cc-gap-16 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: flex-start;
  align-items: center;
  display: inline-flex;
}

.header-col.cc-gap-16.cc-top-112 {
  background-color: var(--color--white);
  border: 3px #000;
  border-radius: 20px;
  margin-top: 1rem;
  box-shadow: 0 2px 5px -2px #0003;
}

.header-col.cc-gap-16.cc-top-112.client {
  box-shadow: none;
  background-color: #f8f8f8;
  border-radius: 0;
  margin-top: 0;
}

.header-col.cc-gap-space-between {
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
}

.header-col.cc-collaboration {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

.testimonial-slider {
  background-color: #ddd0;
  height: auto;
  padding-bottom: 4rem;
}

.text-lg {
  color: #181d27;
  margin-top: -16px;
  font-size: 1.25rem;
  line-height: 1.4;
}

.grid-cols {
  grid-column-gap: 5rem;
  grid-row-gap: 5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.right-icon {
  color: #fff;
  justify-content: center;
  align-items: center;
  width: 1rem;
  display: flex;
  transform: rotate(-90deg);
}

.link-icon-2 {
  aspect-ratio: 1;
  max-width: .875rem;
}

.image-6.cc-user-img {
  border-radius: 5px;
  box-shadow: 0 2px 5px #0003;
}

.image-6.cc-collaboration-1 {
  width: 100%;
  max-width: 28rem;
  height: auto;
}

.image-6.cc-collaboration-2, .image-6.cc-collaboration-4, .image-6.cc-collaboration-3 {
  max-width: 28rem;
  height: auto;
}

.u-link.cc-link {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  font-size: 1.25rem;
  font-weight: 600;
  display: inline-flex;
}

.slide {
  cursor: grab;
  width: auto;
  min-height: 100%;
  margin-right: 1.25rem;
}

.testimonial-card {
  -webkit-user-select: none;
  user-select: none;
  background-color: #f8f8f8;
  border-radius: 5px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  max-width: 26.25rem;
  height: 100%;
  min-height: 0;
  max-height: 40rem;
  padding: 3rem;
  display: flex;
}

.testimonial-card.client {
  margin-top: auto;
  padding: 20px 0;
}

.icon-3 {
  color: #fff;
  max-width: 1.5rem;
  max-height: 1.5rem;
}

.icon-3.cc-sm {
  color: #ef8b55;
  max-width: 1.5rem;
  max-height: 1rem;
}

.left-icon {
  color: #fff;
  justify-content: center;
  align-items: center;
  width: 1rem;
  display: flex;
  transform: rotate(90deg);
}

.image-wrapper {
  float: none;
}

.image-wrapper.cc-gap-8 {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  justify-content: flex-start;
  align-items: center;
  display: inline-flex;
}

.image-wrapper.cc-collaboration {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
  overflow: visible;
}

.image-wrapper.cc-collaboration.cc-bottom {
  inset: auto 0% 0%;
}

.testimonial-mask {
  max-width: 33%;
  overflow: visible;
}

.title-wrapper.cc-gap-32 {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.title-wrapper.cc-gap-32.cc-max-644 {
  max-width: 40.25rem;
}

.title-wrapper.align-center {
  text-align: center;
}

.heading-2 {
  margin-bottom: 0;
}

.content-col {
  z-index: 2;
}

.section-11 {
  padding-top: 6rem;
  padding-bottom: 6rem;
  position: relative;
}

.section-11.cc-testimonial {
  background-color: #fff;
  background-image: url("https://cdn.prod.website-files.com/6918698fdd7deae62be0a467/69a844bde78ed59dc9c4eace_cogden-dot-bg.webp");
  background-repeat: repeat;
  background-size: cover;
  background-attachment: scroll;
  padding-top: 4rem;
  padding-bottom: 0;
}

.section-11.cc-testimonial.padding-bottom {
  background-color: #aea2de;
  padding-bottom: 2rem;
}

.section-11.engaging {
  background-image: linear-gradient(#ffffffb0, #ffffffb0), url("https://cdn.prod.website-files.com/6918698fdd7deae62be0a467/69a996108fdf42dda5675904_cogden-bg.svg");
  background-position: 0 0, 0 0;
  background-size: auto, auto;
  padding-top: 0;
  padding-bottom: .125rem;
}

.container-7 {
  width: 100%;
  max-width: 90rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

.container-7.cc-collaboration {
  position: sticky;
  top: 0;
}

.button-bg {
  pointer-events: none;
  background-color: #fff;
  margin: .25rem;
  position: absolute;
  inset: 0%;
  transform: translate(-105%);
}

.collaboration-wrap {
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  height: 100%;
  min-height: 74rem;
  display: flex;
}

.button-12 {
  color: #fff;
  background-color: #19292a;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: .75rem 1rem;
  font-size: 1rem;
  line-height: 1.4;
  text-decoration: none;
  display: inline-flex;
  position: relative;
  overflow: hidden;
}

.button-text-2 {
  z-index: 1;
  pointer-events: none;
  text-shadow: 0 1.4em #19292a;
  position: relative;
  overflow: hidden;
}

.heading-3 {
  margin-bottom: 0;
}

.section-12 {
  padding-top: 6rem;
  padding-bottom: 6rem;
  position: relative;
}

.section-12.cc-collaboration {
  height: 300vh;
  position: relative;
  overflow: clip;
}

.section-mems {
  padding-top: 6rem;
  padding-bottom: 6rem;
  position: relative;
}

.section-mems.cc-collaboration {
  height: 300vh;
  position: relative;
  overflow: clip;
}

.button-13 {
  color: #fff;
  background-color: #19292a;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: .75rem 1rem;
  font-size: 1rem;
  line-height: 1.4;
  text-decoration: none;
  display: inline-flex;
  position: relative;
  overflow: hidden;
}

.heading-4 {
  margin-bottom: 0;
}

.c-no-dots {
  z-index: 10;
  padding-top: 5px;
  padding-right: 5px;
  display: flex;
  position: absolute;
  inset: 0% 0% auto auto;
}

.c-flip-card {
  position: relative;
}

.no-dot {
  opacity: .2;
  background-color: #fff;
  width: 10px;
  height: 10px;
  margin: 5px 2px;
}

.cloneable-area {
  padding: 0;
}

.cloneable-area.services {
  width: auto;
  max-width: 300px;
}

._w-card-back {
  perspective: 1000px;
  background-color: #333;
  border-radius: 5px;
  flex-direction: column;
  width: 100%;
  height: 100%;
  padding-left: 2%;
  padding-right: 2%;
  display: flex;
}

.c-card-img {
  flex: 1;
  justify-content: center;
  align-items: center;
  display: flex;
}

._w-flip-card {
  z-index: 10;
  perspective: 1000px;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.c-card-back {
  perspective: 1000px;
  justify-content: center;
  align-items: center;
  width: 380px;
  height: 450px;
  display: none;
}

.c-card-btn-text {
  width: 100%;
  padding: 10px 20px;
}

.c-card-btn-text.focus {
  background-color: #ff6565;
  position: absolute;
  overflow: hidden;
}

.card-btn-link {
  color: #fff;
  text-align: center;
  border: 2px solid #ff6565;
  border-radius: 1000px;
  width: 100%;
  text-decoration: none;
  position: relative;
  overflow: hidden;
}

.c-card-btn {
  padding: 20px;
}

.c-card-text {
  perspective: 1000px;
  border-top: 1px #ffffff40;
  align-self: flex-end;
  padding: 20px 0 0 15px;
  transform: translate(0);
}

.card-no-text {
  opacity: .2;
  color: #fff;
  font-size: 6em;
  font-weight: 700;
  line-height: 1em;
  transform: translate(-20px);
}

.c-card-label {
  text-align: center;
  padding: 20px;
}

.card-bg-quotemark {
  color: #fff;
  display: inline-block;
}

.card-bg-quotemark.top {
  opacity: .2;
  font-family: PT Sans, sans-serif;
  font-size: 5em;
  line-height: 1em;
  position: absolute;
  inset: -.4em auto auto -.3em;
}

.card-bg-quotemark.btm {
  opacity: .2;
  font-family: PT Sans, sans-serif;
  font-size: 5em;
  line-height: 1em;
  position: absolute;
  inset: auto -.3em -.4em auto;
}

.card-alias {
  color: #ddd;
  text-align: right;
  font-size: .9em;
  line-height: 1em;
}

._w-card-quote {
  position: relative;
}

.c-card-quote {
  flex: 1;
  justify-content: center;
  align-items: center;
  padding: 20px 40px;
  display: flex;
  position: relative;
}

._w-card-img {
  perspective: 1000px;
  justify-content: center;
  align-items: center;
  padding: 20px;
  display: flex;
}

._w-card-img.services {
  flex-flow: column;
}

.card-text.focus {
  z-index: 10;
  position: relative;
}

.c-card-title {
  margin-bottom: 5px;
}

.card-title {
  color: #fff;
  text-align: right;
  font-size: 2em;
  font-weight: 700;
  line-height: 1em;
}

.c-card-no {
  position: relative;
  overflow: hidden;
  transform: translate(0);
}

.card-img {
  vertical-align: baseline;
  max-width: 60%;
  height: 90px;
  display: inline-block;
}

.card-label {
  opacity: .2;
  color: #fff;
  font-size: .8em;
  line-height: 1em;
}

.card-btn-focus-bg {
  background-image: radial-gradient(circle farthest-side, #ff9865, #fff0);
  width: 75%;
  height: 200%;
  position: absolute;
  inset: -75% -10% auto auto;
}

.card-quote {
  z-index: 5;
  color: #fff;
  text-align: center;
  margin-bottom: 0;
  font-size: 1.2rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.4em;
  position: relative;
}

.c-card-front {
  perspective: 1000px;
  justify-content: center;
  align-items: center;
  width: 380px;
  height: 450px;
  display: flex;
}

._w-card-front {
  background-color: var(--purple);
  perspective: 1000px;
  border: 3px solid #000;
  border-radius: 5px;
  flex-direction: column;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  transform: none;
}

.text-block-15 {
  color: var(--transparent);
  letter-spacing: -2px;
  font-size: 3.5rem;
  font-weight: 500;
}

.text-block-15.services {
  font-size: 4.5rem;
}

.about {
  padding-top: 20px;
}

.lottie-animation-2 {
  width: 60px;
}

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

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

.people-tags {
  background-color: var(--hp-heading);
  padding: 5px;
}

.heading-5 {
  color: var(--color--white);
  text-align: center;
  margin-bottom: 0;
  font-size: 1.4rem;
  font-weight: 500;
}

.link-10 {
  text-transform: capitalize;
}

.link-11 {
  color: var(--color--white);
  text-transform: capitalize;
  font-size: 1.15rem;
  text-decoration: none;
}

.link-11:hover {
  color: var(--yellow);
}

.tags-wrapper {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.tags-wrapper.homepage {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  margin-top: 15px;
}

.tag {
  background-color: var(--hp-heading);
  color: var(--color--white);
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  padding: 10px 18px;
  display: flex;
}

.tag.homepage {
  border-radius: 100px;
  padding: 5px 15px;
}

.tag.homepage.dev-service {
  background-color: var(--color--primary);
}

.tags {
  font-weight: 400;
}

.tags:hover {
  color: var(--yellow);
}

.tags.homepage {
  font-size: 1rem;
}

.tags.homepage:hover {
  color: var(--purple-2);
}

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

.image-7 {
  max-width: 70%;
}

.review-hashtag {
  color: var(--purple);
  margin-top: 10px;
}

.heading-6 {
  color: var(--color--primary);
  margin-top: 15px;
  margin-bottom: 0;
  font-weight: 500;
}

.div-block-10 {
  width: 4rem;
  margin-left: auto;
  padding-left: 0;
}

.div-block-11 {
  background-color: var(--purple);
  color: #58575d;
  background-image: linear-gradient(#2f1893f2, #2f1893f2), url("https://cdn.prod.website-files.com/6918698fdd7deae62be0a467/69946c36e0f4431a8a5c8939_2395528_13972.svg");
  background-position: 0 0, 0 0;
  background-size: auto, auto;
  border-top-left-radius: 100px;
  border-top-right-radius: 100px;
  padding-bottom: 5vw;
}

.div-block-11.questions {
  background-color: #2f1893;
  background-image: linear-gradient(#2f1893f2, #2f1893f2);
  background-position: 0 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  padding-bottom: 0;
}

.div-block-11.questions.white-bg {
  background-image: linear-gradient(#fff, #fff);
  background-position: 0 0;
  background-size: auto;
}

.div-block-11.questions.homepage-faq {
  background-color: #141414;
  background-image: none;
  background-size: auto;
}

.div-block-11.sbs {
  box-sizing: border-box;
  background-color: #1d1d1d00;
  background-image: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  padding-bottom: 0;
}

.section-13 {
  background-image: url("https://cdn.prod.website-files.com/6918698fdd7deae62be0a467/698de6d75d4e817fff2895a9_faqs2.png");
  background-position: 50% 0;
  background-size: auto;
  height: 100px;
}

.faqs {
  color: var(--purple-2);
}

.faqs.link-yellow {
  color: var(--yellow);
}

.tab-pane-tab-1 {
  background-color: #2b2b2b;
  border: 1px solid #ffffff21;
  border-radius: 5px;
  padding: 60px 40px;
}

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

.div-block-13 {
  margin-top: -15px;
}

.view-projects {
  color: var(--purple);
  font-weight: 600;
}

.view-projects:hover {
  color: var(--purple-2);
}

.text-span-13 {
  letter-spacing: -.025px;
}

.link-block {
  display: flex;
}

.heading-7 {
  color: #fff;
  margin-top: 40px;
  margin-bottom: 0;
  font-size: 6vw;
}

.grid-3 {
  grid-template-rows: auto;
  padding-bottom: 60px;
}

.div-block-14 {
  padding-bottom: 60px;
}

.link-block-2 {
  display: flex;
}

.text-span-14 {
  font-size: 1.4rem;
}

.list-item {
  color: var(--color--white);
}

.list-2 {
  list-style-type: square;
}

.nav-toggle-text {
  z-index: 1;
  color: #fff;
  font-size: 1.2vw;
  font-weight: 600;
  line-height: 1;
}

.nav-link {
  color: #fff;
  letter-spacing: -.025em;
  text-transform: capitalize;
  padding-top: 1vh;
  padding-bottom: 1vh;
  font-family: Wfvisualsansvf, Arial, sans-serif;
  font-size: 4vw;
  font-weight: 500;
  line-height: 1;
  text-decoration: none;
  transition: all .2s cubic-bezier(.175, .885, .32, 1.275);
  display: block;
}

.nav-link:hover {
  color: var(--yellow);
  transform: scale(1.1);
}

.nav-link.w--current, .nav-link._3, .nav-link._2 {
  font-family: Wfvisualsansvf, Arial, sans-serif;
}

.nav-link.btn {
  background-color: #fff;
  border-radius: 999em;
  margin-top: 2vh;
  padding: .6em .9em;
  font-size: 3vw;
}

.nav-link.btn:hover {
  color: #000;
}

.nav-link.btn.black {
  color: #000;
  border-radius: 5px;
}

.nav-link._4 {
  font-family: Wfvisualsansvf, Arial, sans-serif;
}

.logo-wrapper {
  justify-content: center;
  align-items: center;
  display: flex;
}

.logo-wrapper.nav {
  z-index: 15;
  margin-top: 40px;
}

.container-w1 {
  max-width: 1500px;
  margin-left: auto;
  margin-right: auto;
}

.container-w1.gutter-outside {
  max-width: 100%;
  margin-left: 0;
  margin-right: 0;
}

.close-btn-text {
  z-index: 1;
  color: var(--color--white);
  font-family: Wfvisualsansvf, Arial, sans-serif;
  font-size: 1.2vw;
  font-weight: 600;
  position: relative;
}

.close-btn-text:hover {
  color: #c4c4c4;
}

.main-nav-inner {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 88px;
  display: flex;
}

.close-btn-wrapper {
  z-index: 5;
  opacity: 1;
  color: #000;
  background-color: #fff;
  background-image: linear-gradient(#1d1d1d, #1d1d1d), linear-gradient(148deg, #ffdead, #ffa04c);
  border-radius: 5px;
  padding: 17px;
  text-decoration: none;
  transition: all .2s cubic-bezier(.175, .885, .32, 1.275);
  position: fixed;
  inset: 40px 45px auto auto;
}

.close-btn-wrapper:hover {
  background-image: linear-gradient(to bottom, var(--color--primary), var(--color--primary)), linear-gradient(355deg, #ffdead, #ffa04c);
  transform: none;
}

.main-nav {
  background-color: #ffe9d600;
  margin-bottom: -90px;
  padding-left: 15px;
  padding-right: 15px;
  position: relative;
  top: 0;
  left: 0;
  right: 0;
}

.nav-gradient-bg {
  z-index: 0;
  background-image: linear-gradient(to bottom, var(--purple), var(--purple));
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.nav-toggle-btn {
  z-index: 5;
  background-color: #fff;
  background-image: linear-gradient(to bottom, var(--purple), var(--purple)), linear-gradient(148deg, #ffdead, #ffa04c);
  opacity: 1;
  border-radius: 5px;
  padding: 17px 40px;
  font-size: 1em;
  text-decoration: none;
  transition: all .2s cubic-bezier(.175, .885, .32, 1.275);
}

.nav-toggle-btn:hover {
  background-image: linear-gradient(to bottom, var(--purple-2), var(--purple-2)), linear-gradient(355deg, #ffdead, #ffa04c);
  padding-left: 30px;
  padding-right: 30px;
  transform: scale(1.2);
}

.nav-toggle-btn.black {
  background-image: linear-gradient(to bottom, var(--color--primary), var(--color--primary)), linear-gradient(148deg, #ffdead, #ffa04c);
}

.logo-3 {
  color: var(--color--white);
  letter-spacing: -.125em;
  text-transform: uppercase;
  border-right: 1px #000;
  padding-right: 10px;
  font-family: Wfvisualsansvf, Arial, sans-serif;
  font-size: 1.6em;
  font-weight: 900;
}

.logo-3:hover {
  color: var(--color--white);
}

.logo-3.black {
  color: #1d1d1d;
}

.logo-3.nav {
  color: var(--color--primary);
  letter-spacing: -.125em;
}

.logo-3.nav:hover {
  color: var(--color--primary);
}

.nav-items {
  z-index: 1;
  flex-direction: column;
  place-content: flex-end center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  overflow: auto;
}

.nav-wrapper {
  z-index: 10;
  place-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  font-family: Montserrat, sans-serif;
  font-weight: 800;
  position: fixed;
  inset: 0%;
  overflow: hidden;
}

.nav-wrapper.w--open {
  background-color: #0000;
}

.bg-noise {
  z-index: 0;
  opacity: .3;
  background-image: url("https://cdn.prod.website-files.com/6918698fdd7deae62be0a467/699c3461b5a4a6e4640a2e89_noise.png");
  background-position: 0 0;
  background-size: auto;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.div-block-16 {
  text-align: center;
}

.image-8 {
  border-radius: 19px;
  width: 100%;
  max-width: 1400px;
  padding-bottom: 40px;
}

.div-block-17 {
  text-align: center;
  padding-top: 40px;
}

.div-block-17.projects {
  padding-top: 0;
}

.sticky-wrap {
  width: 100%;
  height: 100vh;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.media-wrapper {
  width: 100%;
  height: 61.8034%;
  position: relative;
  inset: 0% 0% auto;
}

.content-wrapper-2 {
  flex: 1;
  width: 100%;
  padding: 2rem;
  position: relative;
}

.grow-background {
  z-index: 0;
  background-color: #f5f5f5;
  height: 0%;
  position: absolute;
  inset: auto 0% 0%;
}

.description {
  opacity: .75;
  color: #1d1d1f;
  letter-spacing: -.025em;
  margin-top: 1.5rem;
  margin-bottom: 0;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.5;
}

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

.scroll-inner {
  align-items: flex-end;
  width: 300vw;
  height: 100%;
  padding-left: 5%;
  padding-right: 5%;
  display: flex;
}

.scroll-card {
  background-color: #fff;
  border: .0625rem solid #83838329;
  border-top-left-radius: 2rem;
  border-top-right-radius: 2rem;
  flex-direction: column;
  flex: 1;
  align-items: center;
  width: 30vw;
  height: 80%;
  min-height: 32rem;
  margin-left: 1rem;
  margin-right: 1rem;
  display: flex;
  position: relative;
  bottom: -5%;
  overflow: hidden;
}

.heading-8 {
  color: #1d1d1f;
  letter-spacing: -.025em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2rem;
  font-weight: 600;
  line-height: 1.2;
}

.text-wrapper-4 {
  z-index: 1;
  position: relative;
}

.sticky-container {
  background-color: #1b1b1b;
  width: 100%;
  height: 600vw;
  display: flex;
  position: relative;
}

.speaker-slide-mask {
  width: 33.33%;
  overflow: visible;
}

.speaker-slide-content {
  z-index: 100;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  height: 100%;
  padding-bottom: 36px;
  display: flex;
  position: relative;
}

.slide-nav {
  display: none;
}

.speakers-hero-wrapper {
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  display: flex;
}

.speaker-slider {
  background-color: #0000;
  justify-content: center;
  align-items: stretch;
  height: 100%;
  display: flex;
}

.clip-text {
  overflow: hidden;
}

.clip-text.speaker-headding {
  margin-top: -48px;
  margin-bottom: 36px;
}

.speaker-arrow {
  background-color: #1e2029;
  border: 1px #ffffff0a;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  padding: 0;
  display: flex;
  inset: auto 5vw 5vw auto;
}

.speaker-arrow.left {
  margin-right: 72px;
  left: auto;
  right: 5vw;
}

.speaker-image {
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 101%;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: 0%;
}

.speaker-image.four {
  background-image: url("https://cdn.prod.website-files.com/6918698fdd7deae62be0a467/699daa59245cbbfa8a262a57_Portrait0018.jpeg");
  background-position: 50% 0;
}

.speaker-image.three {
  background-image: url("https://cdn.prod.website-files.com/6918698fdd7deae62be0a467/699daa59245cbbfa8a262a43_Portrait001.jpg");
  background-position: 100% 0;
  margin-right: 0;
}

.speaker-image.five {
  background-image: url("https://cdn.prod.website-files.com/6918698fdd7deae62be0a467/699daa59245cbbfa8a262a52_Portrait006.jpg");
  background-position: 0 0;
  width: 101%;
}

.speaker-image.one {
  background-image: url("https://cdn.prod.website-files.com/6918698fdd7deae62be0a467/6918d2d0270d41db6579de4a_cogden-bg.jpg");
}

.speaker-image.six {
  background-image: url("https://cdn.prod.website-files.com/6918698fdd7deae62be0a467/699ee60282cbcf1ba6d3e5ea_6984751ad5a63466f38a0128_481166643_9176388942398365_5833447315079183689_n-p-1080.jpg");
  background-position: 50% 0;
}

.speaker-image.two {
  background-image: url("https://cdn.prod.website-files.com/6918698fdd7deae62be0a467/69a0642fb37323b82ec5d7ac_Mask-Group-8-1.webp");
}

.speaker-slider-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  height: 100%;
  display: flex;
}

.speaker-info {
  max-width: 500px;
  margin-bottom: 36px;
}

.speaker-name {
  z-index: 10;
  color: var(--color--white);
  font-size: 64px;
  position: relative;
}

.speaker-image-cover {
  z-index: 10;
  opacity: 1;
  cursor: pointer;
  background-image: linear-gradient(#16161680, #16161680);
  height: 101%;
  display: flex;
  position: absolute;
  inset: 0%;
}

.button-14 {
  color: #fff;
  text-align: center;
  letter-spacing: 2px;
  text-transform: uppercase;
  background-color: #333;
  border: 2px solid #fff;
  border-radius: 0;
  justify-content: center;
  align-items: center;
  padding: 14px 32px;
  font-size: 12px;
  font-weight: 400;
  text-decoration: none;
  display: flex;
}

.slide-image {
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  height: 65vh;
  display: flex;
  position: relative;
  overflow: hidden;
}

.body-display {
  color: #8a94a6;
  line-height: 1.55em;
}

.body-display.large {
  color: #c4c4c4;
  width: 80%;
  font-size: 18px;
  font-weight: 300;
  line-height: 1.6em;
}

.slide-arrow {
  width: 18px;
}

.section-14 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 100px 5vw;
  display: flex;
  position: relative;
}

.section-14.home-hero-section {
  justify-content: space-between;
  align-items: stretch;
  min-height: 100vh;
  padding: 0 0;
  overflow: hidden;
}

.image-9 {
  margin-top: 0;
  padding-bottom: 10px;
}

.text-block-16 {
  text-transform: capitalize;
}

.button-wrapper-2 {
  justify-content: center;
  align-items: center;
  margin-top: 1rem;
  display: flex;
}

.sticky {
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  padding-left: 5%;
  display: flex;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.secondary-button {
  box-shadow: none;
  color: #969696;
  background-color: #0000;
  background-image: none;
  border: 1px solid #b4b4b4;
  border-radius: 30px;
  padding: 15px 20px;
  font-size: .9rem;
  font-weight: 600;
  transition: all .5s;
}

.secondary-button:hover {
  color: #707070;
  text-shadow: none;
  border-style: solid;
  border-color: #0000;
  box-shadow: 8px 11px 20px -1px #99999996, -12px -12px 20px -1px #ffffffc4;
}

.secondary-button.dark:hover {
  box-shadow: 8px 11px 20px -1px #55555596, -12px -12px 20px -1px #3a3a3ac4;
}

.section-header-wrap {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 70%;
  margin-bottom: 3rem;
  display: flex;
  position: relative;
}

.scroll-text-message {
  z-index: 50;
  opacity: .74;
  text-transform: uppercase;
  background-color: #000;
  justify-content: center;
  align-items: center;
  padding: 10px 16px;
  font-size: .65rem;
  font-weight: 700;
  display: flex;
  position: absolute;
  inset: 3rem 5rem auto auto;
}

.case-studies-section {
  height: 400vh;
  padding-top: 0;
}

.button-icon {
  width: 17px;
}

.button-icon.pad-left {
  filter: invert();
  margin-left: 8px;
}

.scroll-section-header {
  text-transform: capitalize;
  margin-top: 1rem;
  margin-bottom: 1rem;
  font-size: 3rem;
  font-weight: 500;
  line-height: 1;
}

.cs-photo {
  z-index: 1;
  filter: brightness(75%) grayscale();
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.section-subtitle {
  color: #a19f9f;
  font-size: .9rem;
}

.scroll-item {
  flex: none;
  align-items: flex-end;
  width: 40%;
  padding-right: 40px;
  display: flex;
}

.project-card {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 30rem;
  transition: transform .6s;
  display: flex;
  position: relative;
  overflow: hidden;
}

.project-card:hover {
  transform: skew(-2deg);
}

.cs-card-category {
  color: #fffc;
  text-align: center;
  margin-bottom: 0;
  font-size: .75rem;
  font-weight: 600;
}

.scroll-container {
  z-index: 1;
  flex: 1;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.project-content-2 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-bottom: 2rem;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.cards-wrap {
  margin-top: 30px;
}

.project-overlay {
  z-index: 2;
  opacity: 1;
  background-image: linear-gradient(to top, #1f1f1f, #00000026 61%);
  align-items: flex-end;
  display: flex;
  position: absolute;
  inset: 0%;
}

.project-ttitle {
  color: #fff;
  text-transform: capitalize;
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 2vw;
  font-weight: 300;
}

.scroll-list {
  display: flex;
}

.wrapper {
  width: 100%;
}

.showcase {
  margin-left: 10%;
  margin-right: 10%;
}

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

.steps-right {
  flex-direction: column;
  align-items: center;
  width: 70%;
  height: auto;
  margin-bottom: 10px;
  padding-bottom: 0;
  display: flex;
  overflow: hidden;
}

.step-content {
  width: 80%;
  min-height: 200px;
  box-shadow: none;
  background-color: #2e2e2e;
  border: 1px solid #ffffff21;
  border-radius: 0;
  flex-direction: column;
  justify-content: flex-start;
  margin-bottom: 100px;
  padding: 25px 25px 25px 30px;
  display: flex;
  position: static;
  top: 0;
}

.steps-section {
  background-color: #1d1d1d;
  background-image: url("https://cdn.prod.website-files.com/6918698fdd7deae62be0a467/69a844bde78ed59dc9c4eace_cogden-dot-bg.webp");
  background-size: cover;
  height: auto;
  padding-top: 100px;
  padding-bottom: 20px;
  overflow: visible;
}

.left-content {
  height: auto;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 60px;
  position: sticky;
  top: 25%;
}

.steps-cont {
  justify-content: center;
  max-width: 90vw;
  display: flex;
  overflow: visible;
}

.step-content-header {
  color: #fff;
  margin-bottom: 0;
  font-size: 24px;
}

.steps-left {
  flex: 0 auto;
  align-self: auto;
  width: 60%;
  height: 1240px;
  min-height: 100%;
  margin-top: 0;
  padding-bottom: 154px;
  position: static;
  top: 100px;
}

.button-15 {
  margin-top: 20px;
}

.step-content-text {
  color: #fff;
  margin-top: 10px;
  margin-bottom: 0;
  font-family: Wfvisualsansvf, Arial, sans-serif;
  font-size: 18px;
  font-weight: 400;
}

.heading-9 {
  color: #1d1d1d;
  text-align: left;
  width: 100%;
  margin-top: 20px;
  margin-bottom: 0;
  font-family: Wfvisualsansvf, Arial, sans-serif;
  font-size: 4.5vw;
  line-height: 4.7vw;
}

.heading-9.black {
  color: var(--color--white);
}

.heading-9.white {
  color: #f6f6f6;
  font-size: 5vw;
}

.heading-9.white.contact {
  margin-top: 40px;
  font-size: 3rem;
}

.heading-9.padding-bottom {
  margin-bottom: 3rem;
}

.heading-9.building-brands {
  width: 100%;
}

.heading-9.dev-services {
  text-align: center;
}

.heading-9.bnrand {
  text-align: center;
  font-size: 3rem;
}

.paragraph-5 {
  color: #dadada;
  width: 90%;
  margin-top: 0;
  margin-bottom: 3vw;
  font-family: Wfvisualsansvf, Arial, sans-serif;
  font-size: 1.7vw;
  font-weight: 400;
}

.paragraph-5.centered {
  text-align: center;
}

.paragraph-5.centered.thin {
  width: 60%;
  margin-top: 10px;
  margin-bottom: 20px;
  line-height: 1.3;
}

.paragraph-5.centered.thin.black {
  color: #1d1d1d;
  width: 90%;
}

.paragraph-5.centered.web-design {
  width: 75%;
  margin-top: 1vw;
  margin-bottom: 6vw;
}

.paragraph-5.develop-service {
  text-align: center;
  width: 80%;
  margin-top: 10px;
  font-weight: 300;
}

.paragraph-5.branding {
  color: #f8f8f8;
  text-align: center;
  width: 70%;
  margin-bottom: 2vw;
  font-size: 1.5rem;
  font-weight: 300;
  line-height: 1.8rem;
}

.link-13 {
  color: #ffd703;
  font-family: Wfvisualsansvf, Arial, sans-serif;
  font-weight: 600;
  text-decoration: none;
}

.step-content-2 {
  border: 1px solid #000;
  flex-direction: column;
  justify-content: flex-start;
  width: 75%;
  min-height: 200px;
  margin-bottom: 110px;
  padding-top: 20px;
  padding-left: 30px;
  padding-right: 10px;
  display: flex;
  position: static;
  top: 0;
}

.steps-section-2 {
  background-color: #1d1d1d;
  height: auto;
  padding-top: 100px;
  padding-bottom: 100px;
  overflow: visible;
}

.left-content-2 {
  height: auto;
  position: sticky;
  top: 40%;
}

.steps-cont-2 {
  justify-content: center;
  max-width: 90vw;
  display: flex;
  overflow: visible;
}

.steps-left-2 {
  flex: 0 auto;
  align-self: auto;
  width: 50%;
  height: 1240px;
  min-height: 100%;
  margin-top: 0;
  padding-bottom: 154px;
  position: static;
  top: 100px;
}

.button-16 {
  margin-top: 20px;
}

.heading-10 {
  background-color: #ffffff1c;
  padding: 4px;
  display: flex;
}

.div-block-19 {
  width: auto;
  display: flex;
}

.div-block-19.centered {
  justify-content: center;
  align-items: center;
  margin-bottom: 40px;
}

.text-block-17 {
  color: #dadada;
  margin-right: 10px;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  font-family: Wfvisualsansvf, Arial, sans-serif;
  font-size: 1.2vw;
  font-weight: 400;
  text-decoration: none;
}

.dark-text {
  color: #fff;
  letter-spacing: -.025em;
  font-family: Wfvisualsansvf, Arial, sans-serif;
  font-size: 3vw;
  font-weight: 300;
  line-height: 3.6vw;
}

.dark-text.black {
  color: #1d1d1d;
}

.container-8 {
  perspective: 1000px;
  background-color: #ddd0;
  width: 100%;
  max-width: 90vw;
  margin-left: auto;
  margin-right: auto;
}

.text-wrapper-5 {
  max-width: 100%;
  margin-right: auto;
  position: relative;
}

.section-15 {
  background-color: #1d1d1d;
  max-width: 100%;
  padding-top: 80px;
  padding-bottom: 20px;
  position: relative;
  overflow: hidden;
}

.section-15.white-bg {
  background-color: #fff;
  background-image: url("https://cdn.prod.website-files.com/6918698fdd7deae62be0a467/69a844bde78ed59dc9c4eace_cogden-dot-bg.webp");
  background-position: 0 0;
  background-size: auto;
}

.light-color-overlay {
  z-index: 3;
  background-color: #1d1d1de0;
  width: 0%;
  min-height: 4.75vw;
  position: absolute;
  inset: 0% 0% auto auto;
}

.light-color-overlay.row-6 {
  top: 23.75vw;
}

.light-color-overlay.row-4 {
  top: 14.25vw;
}

.light-color-overlay.row-2 {
  top: 4.75vw;
}

.light-color-overlay.row-2.alt2 {
  background-color: #fffffff2;
  min-height: 3.5vw;
  top: 4vw;
}

.light-color-overlay.row-5 {
  top: 19vw;
}

.light-color-overlay.row-3 {
  top: 9.5vw;
}

.light-color-overlay.website-design {
  background-color: #fffffff2;
  min-height: 3.5vw;
}

.link-block-3 {
  background-color: var(--yellow);
  border-radius: 5px;
  padding: 5px;
  text-decoration: none;
}

.paragraph-6 {
  color: #dadada;
  align-self: center;
  margin-bottom: 0;
  margin-left: 20px;
  font-size: 1.5vw;
  font-weight: 300;
}

.div-block-20 {
  padding-bottom: 100px;
  display: flex;
}

.btn {
  z-index: 4;
  color: #fff;
  letter-spacing: 6px;
  text-transform: uppercase;
  background-color: #0000;
  justify-content: center;
  align-items: center;
  padding-top: 16px;
  padding-bottom: 16px;
  font-size: 20px;
  font-weight: 400;
  text-decoration: none;
  display: flex;
  position: absolute;
  inset: auto 24% 12% auto;
}

.heading-h1 {
  z-index: 10;
  perspective: 2000px;
  color: #fff;
  letter-spacing: .2vw;
  text-transform: uppercase;
  flex: none;
  width: 100%;
  margin-top: 30vh;
  margin-bottom: 0;
  margin-left: 16vw;
  font-size: 7vw;
  line-height: 10vw;
  position: relative;
  transform: perspective(2000px);
}

.heading-h1.outline {
  z-index: 3;
  color: #ffffff69;
  font-weight: 700;
  position: absolute;
  inset: 0% 0% auto;
}

.heading-h1.solid {
  z-index: 1;
  position: absolute;
  inset: 0% 0% auto;
}

.project-container {
  perspective: 3500px;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  margin-top: 5vw;
  margin-bottom: 20vw;
  display: flex;
  position: relative;
  transform: perspective(3500px);
}

.project {
  z-index: 2;
  perspective: 3500px;
  perspective-origin: 50%;
  justify-content: center;
  align-items: center;
  width: 66%;
  height: 90vh;
  display: flex;
  position: relative;
  overflow: hidden;
  transform: perspective(3500px);
}

.btn-line {
  background-color: #fff;
  width: 56px;
  height: 2px;
  margin-right: 24px;
}

.img {
  object-fit: cover;
  min-width: 100%;
  max-width: none;
  min-height: 100%;
  position: relative;
}

.page {
  background-color: #1d1d1d;
  overflow: hidden;
}

.div-block-21 {
  max-width: 90vw;
}

.work_title-wrap {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 2rem;
  display: flex;
}

.container-large-3 {
  width: 100%;
  max-width: 90rem;
  margin-left: auto;
  margin-right: auto;
}

.heading-style-h2-2 {
  font-size: 3rem;
  font-weight: 300;
  line-height: 1.2;
}

.work_list {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.button-icon-wrap {
  border: 1px solid #dac5a726;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 2rem;
  min-width: 2rem;
  height: 2rem;
  min-height: 2rem;
  display: flex;
}

.span_tilt {
  font-style: italic;
}

.button---icon {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  text-transform: uppercase;
  justify-content: center;
  align-items: center;
  font-size: .8125rem;
  text-decoration: none;
  display: flex;
}

.padding-global-3 {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

.quick-stack {
  width: 100%;
}

.div-block-22 {
  background-image: url("https://cdn.prod.website-files.com/6918698fdd7deae62be0a467/6943f72249de659da19feed3_Jack-LARGE-22-scaled.jpg");
  background-position: 50%;
  background-size: cover;
  border-radius: 5px;
  width: 300px;
  height: 300px;
}

.text-span-15 {
  font-family: Wfvisualsansvf, Arial, sans-serif;
  font-weight: 800;
}

.heading-11 {
  font-size: 2vw;
}

.text-span-16 {
  color: var(--yellow);
}

.section-16 {
  background-color: #2f189300;
  height: auto;
  padding-bottom: 40px;
}

.div-block-23 {
  background-image: linear-gradient(0deg, #000, #fff0 28%), url("https://cdn.prod.website-files.com/6918698fdd7deae62be0a467/6998487c349e584d98654c5e_691c70847c6caae27949cf64_jack-astbury-cogden-1920-p-1080.jpg");
  background-position: 0 0, 50%;
  background-size: auto, cover;
  border-radius: 5px;
  justify-content: flex-start;
  align-items: flex-end;
  width: auto;
  height: 600px;
  margin-left: 0;
  margin-right: 30px;
  display: flex;
}

.div-block-23.lovestruck {
  background-image: linear-gradient(0deg, #000, #fff0 28%), url("https://cdn.prod.website-files.com/6918698fdd7deae62be0a467/69a0642fb37323b82ec5d7ac_Mask-Group-8-1.webp");
  width: 600px;
}

.text-block-18 {
  color: #fff;
  font-size: 28px;
  font-weight: 600;
}

.text-block-19 {
  color: #fff;
  margin-top: -8px;
  font-size: 18px;
}

.div-block-24 {
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  margin-bottom: 10px;
  margin-left: 10px;
  display: flex;
}

.div-block-25 {
  background-image: url("https://cdn.prod.website-files.com/6918698fdd7deae62be0a467/699ee60282cbcf1ba6d3e5ea_6984751ad5a63466f38a0128_481166643_9176388942398365_5833447315079183689_n-p-1080.jpg");
  background-position: 50%;
  background-size: cover;
  border-radius: 15px;
  justify-content: flex-start;
  align-items: flex-end;
  width: 600px;
  height: 600px;
  margin-top: 100px;
  display: flex;
}

.div-block-25.vgpm {
  width: auto;
}

.text-span-17 {
  color: var(--yellow);
}

.div-block-26 {
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-end;
  margin-top: 130px;
  padding-left: 163px;
  display: flex;
}

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

.section-17 {
  background-color: #f8f8f800;
  margin-bottom: 0;
  padding-bottom: 60px;
}

.heading-12 {
  color: #e7e7e7;
  margin-top: 10px;
  font-size: 55px;
  line-height: 4.5vw;
}

.heading-12.black {
  color: #272727;
  text-align: left;
  margin-bottom: 0;
  font-size: 4.5vw;
}

.image-10 {
  max-width: 80%;
}

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

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

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

.text-size-small-3 {
  text-wrap: balance;
  font-size: .875rem;
  font-weight: 400;
}

.image-50 {
  max-width: 36%;
}

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

.heading-42.works {
  object-fit: contain;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 30px;
  display: block;
  overflow: hidden;
}

.heading-42.works.fs-cmsfilter-clients {
  display: none;
}

.grid-flex-center {
  justify-content: center;
  align-items: center;
  display: flex;
}

.thumbs-work-wrapper {
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0%;
}

.spacer-tiny {
  height: .33rem;
}

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

.grid__item--thumb {
  object-fit: cover;
  border-radius: .5rem;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.grid__item--thumb.ratio-9x16 {
  aspect-ratio: 9;
  aspect-ratio: 9;
}

.grid__item {
  border: .2rem solid #0000;
  flex-flow: column;
  grid-area: span 1 / span 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.grid__item.grid__item--big-2x2 {
  aspect-ratio: 1;
  grid-area: span 2 / span 2;
}

.grid__item.grid__item--wide-5x2, .grid__item.grid__item--wide-5x2-anamorphic-copy {
  aspect-ratio: 5 / 2;
  grid-area: span 2 / span 5;
}

.grid__item.grid__item--big-3x3 {
  color: #161616;
  grid-area: span 3 / span 3;
}

.grid__item.grid__item--tall-3x5 {
  aspect-ratio: 3 / 5;
  object-fit: cover;
  grid-area: span 5 / span 3;
}

.grid__item.grid__item--tall-1x2 {
  aspect-ratio: 1 / 2;
  grid-row: span 2;
}

.grid__item.grid__item--1x1 {
  object-fit: cover;
  aspect-ratio: 1;
}

.grid__item.grid__item--big-3x3 {
  aspect-ratio: 1;
  grid-area: span 3 / span 3;
}

.grid__item.grid__item--wide-2x1 {
  aspect-ratio: 2;
  grid-column: span 2;
}

.grid__item.grid__item--wide-3x1 {
  aspect-ratio: 3;
  grid-column: span 3;
}

.grid__wrapper {
  grid-template-rows: auto auto;
  grid-template-columns: 20% 20% 20% 20% 20%;
  grid-auto-flow: row dense;
  width: 100%;
  height: 100%;
  margin-left: -.1rem;
  margin-right: -.1rem;
  display: grid;
}

.thumbs-work-description {
  flex-direction: column;
  flex: 0 auto;
  justify-content: center;
  align-self: center;
  align-items: center;
  display: flex;
  position: absolute;
}

.text-weight-semibold-2 {
  text-wrap: BALANCE;
  font-weight: 600;
}

.heading-style-h3-2 {
  font-size: 2.3rem;
  font-weight: 700;
  line-height: 1.1;
  transition: font-variation-settings .5s ease-in-out;
}

.text-size-medium-2 {
  text-wrap: BALANCE;
  font-size: 1.125rem;
}

.serviceshashtags {
  display: none;
}

.padding-global-4 {
  padding: 1rem;
}

.heading3 {
  color: #413f3e;
  text-wrap: balance;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.3rem;
}

.spacer-tiny-2 {
  width: 100%;
  padding-top: .25rem;
}

.laurel {
  justify-content: center;
  align-items: center;
  display: flex;
}

.heading-style-h4-2 {
  text-transform: uppercase;
  font-feature-settings: "liga" 1, "dlig" 1, "calt" 1, "swsh" 1, "smcp" 1, "lnum" 1, "tnum" 1, "ss02" 1, "ss03" 1, "ss06" 1;
  text-wrap: balance;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1;
}

.icon-embed-medium {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 3rem;
  height: 3rem;
  display: flex;
}

.absolut-corner-tag {
  background-color: #f5ebe6;
  justify-content: center;
  align-items: center;
  width: 3rem;
  height: 3rem;
  margin: .5rem;
  display: flex;
  position: absolute;
  inset: auto auto 0% 0%;
}

.wrapper-avatars-copy {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
}

.spacer-small-2 {
  width: 100%;
  padding-top: 1.5rem;
}

.padding-global-5 {
  padding-left: 5%;
  padding-right: 5%;
  position: relative;
}

.spacer-xsmall {
  width: 100%;
  padding-top: 1rem;
}

.icon-embed-xlarge {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 6.5rem;
  height: 6.5rem;
  display: flex;
}

.social-link {
  color: #000;
  align-items: center;
  margin-top: .7em;
  margin-bottom: .7em;
  font-size: 1.5em;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.social-link:hover {
  color: #f39a0e;
  transform: scale(1.2);
}

.p-xs-end {
  padding-bottom: 1.6em;
}

.blog-teaser-item-wrapper {
  border-bottom: 1px solid #000;
  border-right: 1px solid #000;
  flex-direction: column;
  justify-content: space-between;
  padding: 0;
}

.blog-teaser-item-wrapper.quote {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 8em 4em;
  display: flex;
}

.blog-teaser-item-wrapper.page-teaser {
  justify-content: center;
  align-items: center;
  padding-top: 2em;
  padding-bottom: 2em;
}

.p-xs-start {
  padding-top: 1.6em;
}

.page-teaser-text-wrapper {
  z-index: 2;
  color: #fff;
  text-align: center;
  padding: 6.5em 10.2em;
  position: relative;
}

.social-title {
  letter-spacing: .04em;
  text-transform: uppercase;
  font-size: 1.2em;
}

.page-teaser-gradient {
  z-index: 1;
  background-image: linear-gradient(163deg, #fff0 9%, #3c230199 83%);
  position: absolute;
  inset: 0%;
}

.social-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
}

.blog-overview-grid {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  grid-template-rows: auto auto auto auto auto;
  grid-template-columns: 1.75fr 1.75fr 1fr 1fr;
  width: 100%;
}

.page-teaser-title {
  font-size: 3.5em;
  font-weight: 500;
  line-height: 1.15em;
}

.social-icon {
  width: 1.5em;
  height: 1.5em;
}

.page-teaser-subtitle {
  letter-spacing: .25em;
  text-transform: uppercase;
  font-size: 1.15em;
  font-weight: 500;
}

.page-teaser-wrapper {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.blog-teaser-quote {
  letter-spacing: .04em;
  text-transform: uppercase;
  font-size: 2.4em;
  font-weight: 300;
  line-height: 1.2;
}

.quote-author-wrapper {
  margin-top: 1em;
}

.blog-teaser-list-wrapper {
  height: 100%;
}

.p-xxs-end {
  padding-bottom: 1.1em;
}

.button-17 {
  color: #000;
  text-align: center;
  letter-spacing: .02em;
  background-color: #fff;
  background-image: linear-gradient(135deg, #ffc260 13%, #fdf89e 50%, #e3fecc 82%, #fff);
  border: 0 #0000;
  border-radius: 999em;
  margin-bottom: 0;
  padding: 1.2em 2.5em;
  font-size: 1em;
  font-weight: 600;
  line-height: 1.1em;
  text-decoration: none;
  transition: all .5s cubic-bezier(.165, .84, .44, 1);
  position: relative;
  overflow: hidden;
}

.button-17:hover {
  transform: scale(1.06);
  box-shadow: inset 1px 1px 30em #f8ffad;
}

.button-17:active {
  transform: scale(.96);
}

.page-teaser-image {
  object-fit: cover;
  flex: 1;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.blog-teaser-list {
  height: 100%;
}

.blog-teaser-item {
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  display: flex;
}

.div-block-30 {
  background-image: url("https://cdn.prod.website-files.com/6918698fdd7deae62be0a467/6998487c349e584d98654c5e_691c70847c6caae27949cf64_jack-astbury-cogden-1920-p-1080.jpg");
  background-position: 0 0;
  background-size: cover;
  width: 100%;
  height: 100%;
}

.div-block-31 {
  background-color: var(--purple);
}

.heading-43 {
  color: #1d1d1d;
  margin-bottom: 0;
  font-size: 2.7vw;
  font-weight: 500;
}

.div-block-32 {
  flex-flow: column;
  width: 600px;
  margin-right: 20px;
  display: flex;
}

.heading-44 {
  letter-spacing: -.025em;
  font-family: Overusedgrotesk;
  font-size: 1.6vw;
}

.div-block-33 {
  flex-flow: row;
  display: flex;
}

.div-block-34 {
  border-radius: 0;
  flex-flow: column;
  width: 600px;
  margin-top: 60px;
  margin-left: 20px;
  display: flex;
}

.image-51 {
  max-width: 15%;
}

.div-block-35 {
  margin-top: -51px;
}

.bold-text-2 {
  font-weight: 600;
}

.bold-text-3 {
  color: var(--color--primary);
  font-family: Wfvisualsansvf, Arial, sans-serif;
  font-weight: 600;
}

.bold-text-4, .bold-text-5 {
  color: #000;
  font-family: Wfvisualsansvf, Arial, sans-serif;
  font-weight: 600;
}

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

.image-52 {
  border-radius: 13px;
}

.text-block-20 {
  color: #b3b3b3;
  margin-top: 20px;
  font-size: 1.69vw;
}

.tab-line {
  opacity: .4;
  background-color: #0000;
  border-bottom: 2px solid #0000;
  padding: 40px;
  transition: opacity .3s, color .3s;
}

.tab-line:hover {
  opacity: 1;
}

.tab-line.w--current {
  opacity: 1;
  background-color: #0000;
  border-bottom-color: #4a3aff;
}

.text-303 {
  line-height: 20px;
}

.text-303.bold {
  font-weight: 700;
}

.text-303.bold.color-neutral-800.mg-bottom-8px {
  font-weight: 600;
}

.avatar-circle {
  border-radius: 50%;
  width: 100%;
  overflow: hidden;
  transform: translate(0);
}

.avatar-circle._03 {
  width: 64px;
  max-width: 64px;
  height: 64px;
  max-height: 64px;
}

.avatar-circle._08 {
  width: 380px;
  max-width: 380px;
  height: 380px;
  max-height: 380px;
}

.avatar-circle._08.testimonial-v12 {
  border-radius: 5px;
  flex: none;
  height: 100%;
  margin-right: 48px;
}

.card-6 {
  background-color: #fff;
  border: 1px solid #eff0f6;
  border-radius: 24px;
  box-shadow: 0 2px 7px #14142b0f;
}

.card-6.testmonial-v12 {
  border-radius: 15px;
  padding: 64px 72px;
  display: flex;
}

.container-default-2 {
  max-width: 1218px;
  padding-left: 24px;
  padding-right: 24px;
}

.text-100 {
  font-size: 16px;
  line-height: 18px;
}

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

.flex-vertical.start {
  align-items: flex-start;
}

.flex-vertical.start.justify-center {
  justify-content: center;
}

.flex-horizontal {
  justify-content: center;
  align-items: center;
  display: flex;
}

.section-18 {
  padding-top: 20px;
  padding-bottom: 176px;
}

.mg-bottom-2 {
  margin-bottom: 0;
}

.heading-45 {
  color: #222;
  margin-bottom: .25rem;
}

.div-block-36 {
  margin-top: 20px;
}

.div-block-37 {
  margin-left: 10px;
}

.line_03 {
  z-index: 999;
  background-color: #e6e6e6;
  width: 45%;
  height: 1px;
  margin-left: 0%;
  position: absolute;
}

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

.content_wrap {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-left: 16px;
  padding-right: 16px;
  display: flex;
}

.block_wrap {
  cursor: pointer;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 25%;
  display: flex;
}

.h1 {
  z-index: 15;
  color: #cecece;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 90px;
  line-height: 70px;
  position: absolute;
}

.white_dot {
  background-color: #1d1d1d;
  border-radius: 100px;
  width: 20px;
  height: 20px;
  position: absolute;
  box-shadow: 1px 1px 60px #5b3acc8c;
}

.body-detail {
  color: #bebebe;
  text-align: center;
  letter-spacing: .3px;
  max-width: 80%;
  margin-left: auto;
  margin-right: auto;
  font-size: 1.4vw;
  line-height: 1.4vw;
}

.ring_01 {
  border: 1px solid #eee;
  border-radius: 100px;
  width: 40px;
  height: 40px;
  position: absolute;
}

.dot_container {
  z-index: 9999;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 15px;
  height: 15px;
  display: flex;
  position: relative;
}

.ring_03 {
  opacity: .3;
  border: 1px solid #eee;
  border-radius: 100px;
  width: 120px;
  height: 120px;
  position: absolute;
}

.ring_02 {
  opacity: .6;
  border: 1px solid #eee;
  border-radius: 100px;
  width: 80px;
  height: 80px;
  position: absolute;
}

.h4 {
  color: #e7e7e7;
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 22px;
  font-weight: 400;
}

.process-wrap {
  flex-wrap: wrap;
  flex: 1;
  max-width: 100%;
  display: flex;
  position: relative;
}

.heading-large-2 {
  color: #e7e7e7;
  text-align: center;
  letter-spacing: -.03em;
  width: 70%;
  margin: 60px auto 5px;
  font-size: 4.5vw;
  line-height: 4.7vw;
}

.heading-large-2.steps {
  width: 80%;
  margin-top: 100px;
}

.heading-large-2.web-design {
  width: 90%;
  margin-top: 20px;
}

.heading-large-2.black {
  color: #fff;
  margin-bottom: 15px;
  font-size: 5rem;
  font-weight: 500;
  line-height: 4.5rem;
}

.heading-large-2.black.branding {
  margin-bottom: 10px;
  font-size: 6vw;
  line-height: 5.5vw;
}

.heading-large-2.services {
  color: #000;
}

.line_01 {
  z-index: 999;
  background-color: #e6e6e6;
  width: 40%;
  height: 1px;
  margin-left: 12.5%;
  position: absolute;
}

.line_01.cta-website {
  width: 30%;
  margin-top: 25px;
  margin-left: 0%;
}

.line_01.cta-website-2 {
  width: 25%;
  margin-top: -27px;
  margin-left: 65%;
}

.plain_text {
  color: #bebebe;
  text-align: center;
  font-family: Wfvisualsansvf, Arial, sans-serif;
  font-size: 16px;
  line-height: 28px;
}

.div-block-38 {
  background-color: #f5f5f500;
  border-radius: 2px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin: 0 40px 10px;
  padding-top: 0;
  padding-bottom: 20px;
  display: flex;
}

.div-block-38.padding-top {
  margin-top: 60px;
  padding-top: 0;
}

.div-block-38.padding-top.services {
  margin-bottom: 0;
}

.div-block-38.padding-top.ecommerce {
  margin-bottom: 30px;
  padding-bottom: 0;
}

.div-block-38.padding-top.branding {
  margin-top: 20px;
  margin-bottom: 20px;
}

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

.block {
  justify-content: center;
  align-items: center;
  width: 25%;
  height: 120px;
  display: flex;
}

.green_dot {
  z-index: 9;
  background-color: var(--yellow);
  border-radius: 100px;
  width: 10px;
  height: 10px;
  position: relative;
}

.line_02 {
  z-index: 999;
  background-color: #e6e6e6;
  width: 25%;
  height: 1px;
  margin-left: -23%;
  position: absolute;
}

.section-20 {
  background-color: #000;
  background-image: url("https://cdn.prod.website-files.com/6918698fdd7deae62be0a467/69a844bde78ed59dc9c4eace_cogden-dot-bg.webp");
  background-position: 0 0;
  background-size: auto;
  margin-top: -40px;
  padding-bottom: 60px;
}

.section_featuresv8 {
  padding-top: 12rem;
}

.featuresv8_header {
  grid-column-gap: .4rem;
  grid-row-gap: .4rem;
  flex-direction: row;
  align-items: center;
  margin-bottom: 2rem;
  display: flex;
}

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

.padding-section-large.ecommerce {
  padding-bottom: 0;
}

._2x1-grid-layout {
  grid-column-gap: 5rem;
  grid-row-gap: 5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
}

.featuresv8_content {
  max-width: 45rem;
}

.text-custom-gray {
  color: silver;
  font-size: 1.7vw;
  font-weight: 300;
  line-height: 1.2;
}

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

.featuresv8_component {
  background-color: #fff;
  border: 1px solid #000;
  border-bottom-style: none;
  border-top-left-radius: 46px;
  border-top-right-radius: 46px;
  padding: 2.5rem 5rem;
  position: sticky;
}

.featuresv8_component.is-first {
  background-color: #1d1d1d;
  margin-top: -18rem;
  margin-bottom: 18rem;
  top: 0;
}

.featuresv8_component.is-second {
  background-color: #1d1d1d;
  border-style: solid;
  border-color: #636363;
  margin-top: -12rem;
  margin-bottom: 12rem;
  top: 6rem;
}

.featuresv8_component.is-third {
  background-color: #1d1d1d;
  border-style: solid;
  border-color: #636363;
  margin-top: -6rem;
  margin-bottom: 6rem;
  top: 12rem;
}

.featuresv8_component.is-fourth {
  background-color: #1d1d1d;
  border-style: solid;
  border-color: #636363;
}

.featuresv8_sticky-wrapper {
  background-color: #1d1c1e;
  border-top-left-radius: 46px;
  border-top-right-radius: 46px;
  position: relative;
}

.h2-paragraph-padding {
  max-width: 30rem;
}

.page-wrapper-3 {
  background-image: url("https://cdn.prod.website-files.com/6918698fdd7deae62be0a467/69a996108fdf42dda5675904_cogden-bg.svg");
  background-position: 0 0;
  background-size: auto;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  display: flex;
}

.featuresv8_header-text {
  color: #e4e4e4;
  font-family: Wfvisualsansvf, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 300;
}

.featuresv8_image {
  object-fit: cover;
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
}

.project-container-2 {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.project-title-2 {
  color: #1d1d1d;
  margin-top: 0;
  margin-bottom: 10px;
}

.project-tag {
  background-color: var(--purple);
  color: #fff;
  white-space: nowrap;
  align-items: center;
  padding: 10px 12px;
  font-size: 12px;
  font-weight: 300;
  line-height: 1em;
  display: flex;
}

.project-image-container {
  width: 50%;
}

.project-description {
  margin-bottom: 30px;
  font-weight: 300;
}

.project-image {
  object-fit: cover;
  min-height: 450px;
}

.right-arrow-2 {
  background-color: #212232;
  width: 80px;
  height: 80px;
  transition: all .3s;
  inset: auto 0% 0% auto;
}

.right-arrow-2:hover {
  background-color: #2d2e3c;
}

.slider-section-wrapper {
  justify-content: center;
  padding-left: 5vw;
  padding-right: 5vw;
  display: flex;
}

.slider-section-wrapper.glow-1 {
  background-image: radial-gradient(circle closest-corner at 0%, #ff6f4c1a, #ff6f4c00 95%);
}

.project-tag-container {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-wrap: wrap;
  line-height: 1em;
  display: flex;
}

.section-tag-container {
  color: #fff;
  letter-spacing: 3px;
  text-transform: uppercase;
  align-items: center;
  width: 100%;
  margin-bottom: 60px;
  font-size: 11px;
  line-height: 1em;
  display: flex;
}

.left-arrow-2 {
  background-color: #212232;
  width: 80px;
  height: 80px;
  transition: all .3s;
  inset: auto auto 0% 50%;
}

.left-arrow-2:hover {
  background-color: #2d2e3a;
}

.slider-section-container {
  flex: 1;
  max-width: 1400px;
  padding-top: 125px;
}

.section-tag-line {
  background-image: linear-gradient(#e6e6e6, #e6e6e6);
  flex: 1;
  height: 1px;
  margin-left: 20px;
}

.link-arrow {
  justify-content: center;
  align-items: center;
  width: 10px;
  height: 10px;
  display: flex;
  position: relative;
}

.project-link-2 {
  grid-column-gap: 10px;
  color: #fff;
  align-items: center;
  margin-left: -10px;
  padding: 10px;
  font-size: 16px;
  font-weight: 300;
  line-height: 1em;
  text-decoration: none;
  display: flex;
}

.project-info-container {
  grid-row-gap: 20px;
  flex-direction: column;
  align-items: flex-start;
  width: 42%;
  max-width: 520px;
  line-height: 1.6em;
  display: flex;
}

.project-slider {
  background-color: #0000;
  align-items: center;
  height: 100%;
}

.text-block-21 {
  color: #041434;
}

.button-arrow-2 {
  justify-content: center;
  align-items: center;
  width: 12px;
  height: 12px;
  display: flex;
  position: relative;
}

.projects-marquee-container {
  width: 240vw;
  display: flex;
}

.project-marquee {
  width: 50%;
  display: flex;
}

.project-thumbnail-container {
  margin-left: 2px;
  margin-right: 2px;
}

.arrow-circle {
  background-image: linear-gradient(138deg, #ff6f4c, #4454fe);
  border-radius: 50%;
  padding: 12px;
}

.button-18 {
  grid-column-gap: 15px;
  grid-row-gap: 12px;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  color: #fff;
  background-color: #2c2d37cc;
  border: 1px solid #fff;
  border-radius: 50px;
  align-items: center;
  padding: 12px 13px 12px 28px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1em;
  text-decoration: none;
  transition-duration: .4s;
  display: flex;
}

.button-18:hover {
  color: #fff;
  transform: scale(1.05);
}

.explore-button-copntainer {
  flex: 1;
  justify-content: flex-end;
  max-width: 1400px;
  padding-bottom: 70px;
  display: flex;
}

.projects-wrapper {
  padding-bottom: 100px;
  position: relative;
  overflow: hidden;
}

.explore-button-wrapper {
  z-index: 2;
  justify-content: center;
  padding-left: 5vw;
  padding-right: 5vw;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.hero-image-grid {
  grid-column-gap: 3vw;
  grid-row-gap: 3vw;
  grid-template-columns: 1fr 1fr 1fr;
}

.section-21 {
  padding-top: 60px;
  padding-bottom: 60px;
}

.hero-camera {
  perspective: 1000px;
  height: 35vw;
  overflow: hidden;
}

.heading-46 {
  max-width: 450px;
  margin-bottom: 60px;
  font-weight: 400;
}

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

.hero-image-4 {
  box-shadow: 1px 1px 44px #0000001a;
}

.text-block-22 {
  color: #000000b3;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 600;
}

.original-hero-image {
  display: none;
}

.project-arrow-2 {
  background-color: #fff;
  border-radius: 100%;
  justify-content: center;
  align-self: flex-start;
  align-items: center;
  width: 2.375rem;
  height: 2.375rem;
  display: flex;
}

.project-arrow-image-2 {
  width: 100%;
  display: block;
}

.project-label-2 {
  opacity: 1;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  color: #000;
  background-color: #ffffffbf;
  border-radius: 100px;
  overflow: hidden;
}

.project-link-3 {
  width: 100%;
  padding-bottom: 80.64%;
  display: block;
  position: relative;
  overflow: hidden;
}

.project-content-3 {
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  padding: 1.875rem;
  display: flex;
  position: absolute;
}

.project-title-3 {
  color: #fff;
  letter-spacing: -.016em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.2;
}

.text-span-18 {
  color: #797979;
}

.teaser-container {
  max-width: 1920px;
  padding: 20px 60px 60px;
}

.p-xs-start-2 {
  padding-top: 0;
}

.teaser-img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.teaser-img._3 {
  z-index: 2;
  border-radius: 5px;
}

.teaser-img._1 {
  z-index: 4;
  border-radius: 5px;
}

.teaser-img._2 {
  z-index: 3;
  border-radius: 5px;
}

.teaser-img._4 {
  z-index: 1;
  border-radius: 5px;
}

.teaser-img._1 {
  z-index: 4;
}

.teaser-img._2 {
  z-index: 3;
}

.teaser-img._3 {
  z-index: 2;
}

.teaser-img._4 {
  z-index: 1;
}

.teaser-section {
  background-color: #f8f8f8;
  background-image: url("https://cdn.prod.website-files.com/6918698fdd7deae62be0a467/69a844bde78ed59dc9c4eace_cogden-dot-bg.webp");
  background-position: 0 0;
  background-size: auto;
}

.teaser-section.services {
  background-color: #fff;
  background-image: url("https://cdn.prod.website-files.com/6918698fdd7deae62be0a467/69a996108fdf42dda5675904_cogden-bg.svg");
  background-position: 0 0;
  background-size: auto;
}

.copy-small {
  color: #1b1b1b;
  width: 90%;
  margin-top: 10px;
  font-family: Wfvisualsansvf, Arial, sans-serif;
  font-size: 1em;
  font-weight: 300;
  line-height: 1.2;
}

.teaser-copy {
  background-color: var(--color--white);
  border: 1px solid #d9d9da75;
  border-radius: 5px;
  max-width: 650px;
  height: auto;
  margin-right: 60px;
  padding: 60px 60px 20px;
  box-shadow: 0 2px 5px #0003;
}

.teaser-img-tablet-down {
  display: none;
}

.teaser-grid {
  align-items: stretch;
  display: flex;
}

.teaser-column {
  width: 50%;
  position: relative;
}

.p-teaser-img-wrap {
  height: 90vh;
  position: sticky;
  top: 5vh;
  overflow: hidden;
}

.teaser-copy-wrap {
  justify-content: flex-start;
  align-items: flex-start;
  height: 100vh;
  display: flex;
}

.title1 {
  color: #1b1b1b;
  margin-bottom: .125rem;
  font-family: Wfvisualsansvf, Arial, sans-serif;
  font-size: 2.5em;
  font-weight: 500;
  line-height: 1em;
}

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

.heading-47 {
  color: #292929;
  margin-bottom: 0;
  font-size: 1.1vw;
  font-weight: 600;
}

.heading-47.white {
  color: #fff;
}

.heading-47._01 {
  margin-right: 5px;
}

.heading-47._02 {
  margin-left: 8px;
}

.div-block-40 {
  background-color: #d6cdfc82;
  border-radius: 20px;
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  padding: 10px 20px;
  display: flex;
}

.div-block-40.branding {
  background-color: #fff;
  border: 2px #1232a3;
  border-radius: 999px;
  width: auto;
  padding: 10px 20px 10px 15px;
  box-shadow: 0 2px 5px #0003;
}

.div-block-40.branding:hover {
  background-color: var(--color--white);
}

.image-53 {
  padding-left: 10px;
}

.hyperlink-1 {
  color: var(--purple);
  margin-bottom: 1rem;
  font-size: 1.1vw;
  font-weight: 400;
  text-decoration: underline;
}

.bold-text-6 {
  font-weight: 600;
}

.text-span-19 {
  color: #2e2e2e;
  font-weight: 700;
}

.heading-48 {
  color: var(--color--primary);
  margin-bottom: 1rem;
  font-size: 1rem;
}

.text-span-20 {
  color: #6c5fa352;
}

.section-22 {
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  height: 100vh;
  display: flex;
  overflow: hidden;
}

.slide-wrap {
  align-items: center;
  width: 5000px;
  margin-left: -20px;
  margin-right: -20px;
  padding: 40px;
  display: flex;
}

.logo-img._50-r-m {
  margin-right: 60px;
}

.section-23 {
  background-color: #000;
  padding-top: 20px;
  padding-bottom: 60px;
}

.section-23.bg2 {
  background-color: #1d1d1d;
}

.section-23.homepage {
  background-color: #141414;
  margin-top: -15px;
  padding-top: 80px;
}

.text-span-21 {
  color: #e7e7e7;
}

.footer-bottom {
  border-bottom: 1px solid #ffffff1a;
  justify-content: space-between;
  margin-top: 40px;
  padding-bottom: 20px;
  display: flex;
}

.form-block {
  margin-top: 15px;
}

.button-19 {
  color: #5e4dcd;
  background-color: #ffd2dd;
  border-radius: 10px;
  padding: 20px 30px;
  font-size: 16px;
}

.footer-grid-01 {
  grid-template-rows: auto;
  grid-template-columns: 2fr 1fr 1fr 1fr 1fr;
}

.footer-grid-01._2x2 {
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.text-field {
  background-color: #0000;
  border: 1px solid #ffffff21;
  border-right: 1px #000;
  min-width: 360px;
  min-height: 62px;
  margin-bottom: 0;
  font-size: 16px;
}

.footer-column {
  flex-direction: column;
  align-items: flex-start;
  padding-right: 40px;
  display: flex;
}

.container-11 {
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

.secondary-link {
  color: #fff;
  margin-right: 32px;
  padding-top: 10px;
  padding-bottom: 0;
  font-size: 16px;
  font-weight: 300;
  text-decoration: none;
  display: block;
}

.secondary-link:hover {
  color: var(--yellow);
}

.footer-01 {
  background-color: #2f1893;
  padding: 20px 5% 60px;
}

.footer-01.bottom {
  padding-top: 10px;
}

.social-link-2 {
  justify-content: center;
  align-items: center;
  width: 55px;
  height: 55px;
  padding: 10px;
  display: flex;
}

.footer-link-2 {
  color: #fff;
  margin-right: 20px;
  padding-top: 10px;
  padding-bottom: 0;
  font-size: 16px;
  font-weight: 300;
  text-decoration: none;
  transition: opacity .2s;
  display: block;
}

.footer-link-2:hover {
  opacity: 1;
  color: var(--yellow);
}

.footer-title-button {
  color: #fff;
  margin-right: 20px;
  font-size: 1.5vw;
  font-weight: 400;
  line-height: 1.4;
}

.footer-title {
  color: var(--color--white);
  margin-bottom: 22px;
  font-size: 17px;
  font-weight: 600;
}

.footer-wrapper {
  align-items: center;
  display: flex;
}

.footer-top {
  border-top: 1px #ffffff1a;
  border-bottom: 1px solid #ffffff1a;
  justify-content: space-between;
  margin-bottom: 40px;
  padding-top: 60px;
  padding-bottom: 60px;
  display: flex;
}

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

.submit-button {
  background-color: var(--purple-2);
  color: #5e4dcd;
  border-radius: 0;
  min-width: 62px;
  min-height: 62px;
  font-size: 17px;
}

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

.image-54 {
  width: 26px;
  padding-left: 8px;
}

.image-54.branding {
  width: 15px;
  padding-left: 0;
  padding-right: 0;
}

.banner-h3 {
  color: #fff;
  letter-spacing: -.3px;
  margin-bottom: 20px;
  font-size: 34px;
  font-weight: 500;
  line-height: 1.2;
}

.help-block {
  padding: 20px;
  position: absolute;
  inset: 15px 15px auto auto;
}

.slide-banner {
  background-color: #1f1b3a;
  width: 30%;
  min-width: 310px;
  margin: 20px;
}

.form-section-title {
  color: #0a1f44;
  margin-bottom: 12px;
  font-size: 36px;
  font-weight: 400;
  line-height: 32px;
}

.slider-2 {
  background-color: #0000;
  height: 100vh;
  min-height: 850px;
  position: relative;
}

.author-image {
  border-radius: 100px;
  width: 50px;
  margin-right: 14px;
  box-shadow: 1px 1px 3px #00000024;
}

.submit-button-2 {
  color: #fff;
  background-color: #5b3acc;
  border-radius: 4px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 14px;
  padding-bottom: 14px;
  font-size: 16px;
}

.form-wrapper {
  width: 100%;
  height: 100%;
  margin-bottom: 0;
}

.error-message-5 {
  text-align: center;
  padding-top: 20px;
  padding-bottom: 20px;
}

.checkbox-base {
  background-color: #fff;
  border: 1.2px solid #3e34c81a;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  width: 100%;
  height: 100px;
  margin-bottom: 20px;
  margin-left: 0;
  margin-right: 0;
  padding: 15px;
  display: flex;
  position: relative;
  box-shadow: 1px 1px 35px #c6d3ff47;
}

.slide-wrapper {
  min-height: 100vh;
  display: flex;
}

.slide-2 {
  border-radius: 20px;
  flex-wrap: wrap;
  width: 100%;
  height: 100%;
  position: static;
}

.arrow-cta {
  width: 100px;
  position: absolute;
  inset: auto auto -120% -20%;
}

.star-row {
  margin-bottom: 30px;
}

.price-field {
  border: 1.3px solid #bec9d5;
  border-radius: 4px;
  min-height: 55px;
  margin-bottom: 0;
  font-size: 16px;
  position: relative;
}

.price-field:focus {
  border-width: 1.3px;
  border-color: #007bfc;
}

.price-field::placeholder {
  color: #61728375;
}

.previous-placeholder {
  opacity: 0;
  justify-content: center;
  align-items: center;
  width: auto;
  max-width: 100px;
  height: 35px;
  margin-bottom: 30px;
  transition: opacity .2s;
  display: none;
}

.previous-placeholder:hover {
  opacity: 1;
}

.form-item-wrapper {
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-bottom: 40px;
  display: flex;
}

.form-item-wrapper.fixed-height {
  min-height: 160px;
}

.form-wrap {
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  margin-bottom: 20px;
  display: flex;
}

.form-wrap.extra-space {
  margin-bottom: 40px;
}

.checkbox-2 {
  z-index: 5;
  opacity: 0;
  cursor: pointer;
  border: 2px solid #0000;
  border-radius: 10px;
  width: 100%;
  height: 100%;
  margin-top: 0;
  margin-left: 0;
  display: block;
  position: absolute;
  inset: 0%;
}

.checkbox-2:active {
  border: 1px solid #000;
}

.slide-content {
  background-color: #fff;
  justify-content: center;
  align-items: center;
  width: 70%;
  padding: 100px 3%;
  display: flex;
  position: relative;
}

.button-wrapper-3 {
  position: relative;
}

.global-icon-x-small {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  display: flex;
}

.checkbox-icon {
  z-index: 9;
  background-color: #5b3acc0d;
  border-radius: 15px;
  justify-content: center;
  align-items: center;
  width: 55px;
  height: 55px;
  margin-right: 25px;
  display: flex;
  position: relative;
}

.slide-counter {
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 20px;
  margin-top: 40px;
  display: flex;
}

.banner-content {
  flex-direction: column;
  justify-content: flex-start;
  height: 100%;
  padding: 25% 40px 50px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.author-testimonial {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.form-title-wrap {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  margin-bottom: 35px;
  display: flex;
}

.author-name {
  color: #fff;
  margin-bottom: 4px;
  font-size: 16px;
  font-weight: 500;
}

.paragraph-intro {
  color: #ffffffc7;
  max-width: 650px;
  margin-bottom: 30px;
  font-size: 16px;
  line-height: 1.6;
}

.checkbox-text-wrapper {
  z-index: 9;
  cursor: pointer;
  position: relative;
}

.checkbox-field {
  justify-content: flex-start;
  align-items: center;
  width: 24%;
  min-width: 150px;
  height: 140px;
  margin-left: 6px;
  margin-right: 6px;
  display: flex;
}

.logo-4 {
  margin-bottom: 40px;
}

.checkbox-h4 {
  margin-top: 0;
  margin-bottom: 3px;
}

.paragraph-7 {
  color: #ffffffc7;
  max-width: 650px;
  margin-bottom: 30px;
  font-size: 18px;
  line-height: 1.6;
}

.button-menu {
  color: #fff;
  letter-spacing: 1px;
  text-transform: uppercase;
  background-color: #8c54ff;
  background-image: linear-gradient(159deg, #8c54ff, #7b41f1);
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  min-width: 150px;
  min-height: 50px;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 13px;
  text-decoration: none;
  transition: all .4s ease-out;
  display: flex;
  box-shadow: inset -1px -1px 3px #201b3d99, inset 1px 1px 3px #eee6ff70, 1px 1px 2px #5b3acc;
}

.button-menu:hover {
  box-shadow: inset 1px 1px 3px #201b3d38, inset -1px -1px 3px #eee6ff00, 1px 1px 2px #5b3acc;
}

.text-block-23 {
  color: #5b617c;
}

.checkbox-text {
  color: #5b617c;
  font-weight: 400;
}

.dot {
  background-color: #5b617c1a;
  border-radius: 100px;
  width: 10px;
  height: 10px;
  margin-left: 8px;
  margin-right: 8px;
}

.dot.active-dot {
  background-color: #5b617c;
}

.global-button-primary {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  color: #fff;
  white-space: nowrap;
  background-color: #6f5cff;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  height: 32px;
  padding: 6px 12px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  text-decoration: none;
  transition: color .3s ease-out, background-color .3s ease-out;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: inset 0 4px 12px #9b8eff4d, inset 0 1px #9b8eff99, 0 -1px 1px #5b29ffcc, 0 0 0 1px #6e5bff;
}

.global-button-primary:hover {
  background-color: #7f6fff;
}

.global-button-primary:active {
  background-color: #705cfa;
}

.icon-4 {
  width: 25px;
}

.form-full {
  justify-content: center;
  align-items: flex-start;
  min-height: 100vh;
  display: flex;
}

.next-placeholder {
  justify-content: center;
  align-items: center;
  width: auto;
  max-width: 159px;
  height: 47px;
  margin: auto auto 25px;
  display: none;
  overflow: visible;
}

.text-field-2 {
  border: 1.3px solid #bec9d5;
  border-radius: 4px;
  min-height: 55px;
  margin-bottom: 0;
  font-size: 16px;
  position: relative;
}

.text-field-2:focus {
  border-width: 1.3px;
  border-color: #007bfc;
}

.text-field-2::placeholder {
  color: #61728375;
}

.slider-left {
  color: #fff;
  background-color: #151c340f;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  min-width: 80px;
  margin-right: 10px;
  padding-top: 20px;
  padding-bottom: 20px;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.slider-left:hover {
  background-color: #151c3426;
}

.next-button {
  background-color: #5b3acc;
  border-radius: 5px;
  flex: 1;
  align-self: center;
  padding: 12px 32px;
  font-size: 15px;
  transition: background-color .2s ease-in;
  display: none;
}

.notice {
  color: #ffffffa6;
  background-color: #2e2a4d;
  margin-bottom: 20px;
  padding: 15px;
  font-size: 15px;
  line-height: 23px;
}

.form-paragraph {
  color: #5b617c;
  max-width: 550px;
  font-size: 18px;
  line-height: 23px;
}

.text-block-24 {
  color: #5b617c;
  font-family: Oswald, sans-serif;
  font-size: 100px;
  font-weight: 700;
  line-height: 20px;
}

.success-message-4 {
  letter-spacing: 1px;
  padding: 50px;
}

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

.button-wrap {
  width: 100%;
  display: flex;
}

.slider-right {
  color: #fff;
  text-align: center;
  background-color: #5b3acc;
  border-radius: 4px;
  width: 100%;
  padding-top: 20px;
  padding-bottom: 20px;
  font-size: 16px;
  transition: all .2s;
}

.slider-right:hover {
  background-color: #5233bb;
}

.checkbox-title {
  color: #5b3acc;
  justify-content: center;
  margin-bottom: 0;
  padding-bottom: 10px;
  font-size: 14px;
  display: none;
}

.form-content {
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  min-width: 490px;
  max-width: 560px;
  margin-bottom: -20px;
  display: flex;
}

.field-label-6 {
  color: #617283;
  margin-bottom: 8px;
  font-size: 15px;
  font-weight: 500;
}

.banner-logo {
  border-bottom: 1px solid #ffffff14;
  justify-content: flex-start;
  align-items: center;
  padding-top: 60px;
  padding-bottom: 60px;
  padding-left: 40px;
  display: flex;
  position: relative;
}

.previous-button {
  opacity: 1;
  color: #5b617c;
  text-indent: -2px;
  flex: none;
  align-self: center;
  padding: 5px 0;
  font-size: 15px;
  transition: opacity .2s ease-in;
  display: none;
}

.previous-button:hover {
  opacity: 1;
  border-bottom-color: #0000008c;
}

.text-block-25 {
  font-weight: 500;
}

.video {
  margin-top: 40px;
}

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

.paragraph-8 {
  color: #000;
}

.text-block-26 {
  color: #000;
  font-weight: 700;
}

.button-20 {
  color: #000;
  text-align: center;
  letter-spacing: .01em;
  text-transform: uppercase;
  border: 1px solid #000;
  border-radius: 5rem;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1;
  text-decoration: none;
}

.button-20:hover {
  color: #000;
}

.button-20.white {
  background-color: #fff;
  border-style: none;
}

.button-20.white.small {
  font-weight: 500;
  line-height: .8;
}

.button-container-2 {
  flex-direction: column;
  justify-content: center;
  min-height: 2.875rem;
  padding: .25em 2em;
  display: flex;
}

.button-container-2.small {
  min-height: 1.75rem;
  padding: .4em 1em;
}

.link-inverse-2 {
  color: #fff;
  text-decoration: none;
  transition: box-shadow .1s linear;
  box-shadow: 0 1px #fff;
}

.link-inverse-2:hover {
  color: #fff;
  box-shadow: 0 5px #fff;
}

.footer-3 {
  color: #fff;
  background-color: #2f1893;
  margin-top: 0;
}

.margin-bottom-extra-small-2 {
  margin-bottom: .65rem;
}

.footer-row-middle-2 {
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  display: flex;
  position: relative;
}

.marquee-item-2 {
  flex: none;
  margin-right: 6.2vw;
}

.marquee-item-2.margin-left {
  margin-left: 8.75vw;
  margin-right: 0;
}

.footer-link-3 {
  color: #fff;
  font-size: 1.375rem;
  font-weight: 500;
  line-height: 1.1;
  text-decoration: none;
}

.footer-link-3:hover {
  color: #fff;
}

.overflow-hidden-3 {
  overflow: hidden;
}

.footer-rows-2 {
  grid-column-gap: 3.125rem;
  grid-row-gap: 3.125rem;
  flex-flow: column;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr;
  justify-content: space-between;
  min-height: auto;
  display: flex;
}

.footer-heading-2 {
  letter-spacing: -.0125em;
  text-transform: uppercase;
  margin-top: -.7vw;
  margin-bottom: 0;
  font-size: 14.5vw;
  font-weight: 600;
  line-height: .8;
}

.footer-links-wrapper-2 {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.button-text-wrapper-2 {
  position: relative;
}

.footer-credits-2 {
  grid-column-gap: 1.625rem;
  grid-row-gap: .5rem;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  font-size: 1.1875rem;
  font-weight: 500;
  display: flex;
}

.footer-credits-2.to-right {
  justify-content: flex-end;
  align-items: flex-start;
}

.marquee-2 {
  display: flex;
  overflow: hidden;
}

.marquee-2.reverse {
  justify-content: flex-end;
}

.footer-circle-backgound-2 {
  background-color: #000;
  border-radius: 100%;
  width: 100%;
  height: 100%;
  padding: 3px;
  position: absolute;
  inset: 0%;
}

.grid-12-columns-small-2 {
  grid-column-gap: 1.875vw;
  grid-row-gap: 1.875vw;
  grid-template-rows: auto;
  grid-template-columns: minmax(10px, 1fr) minmax(10px, 1fr) minmax(10px, 1fr) minmax(10px, 1fr) minmax(10px, 1fr) minmax(10px, 1fr) minmax(10px, 1fr) minmax(10px, 1fr) minmax(10px, 1fr) minmax(10px, 1fr) minmax(10px, 1fr) minmax(10px, 1fr);
  grid-auto-flow: row;
}

.footer-circle-border-2 {
  opacity: .3;
  border: 1px solid #fff;
  border-radius: 100%;
  width: 100%;
  height: 100%;
}

.button-text-back-3 {
  position: absolute;
  inset: 0%;
  transform: translate(0, 100%);
}

.link-14 {
  color: var(--purple);
}

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

.text-span-23 {
  color: var(--purple-2);
}

.heading-49 {
  font-size: 2.4rem;
  font-weight: 400;
}

.div-block-45 {
  display: flex;
}

.image-55 {
  opacity: .81;
  padding-left: 6px;
}

.image-55.padding-left {
  padding-left: 10px;
}

.section-24 {
  background-color: #1d1d1d;
}

.heading-50 {
  color: #fff;
  margin-bottom: 1rem;
  font-size: 3vw;
  font-weight: 400;
  line-height: 2.5rem;
}

.hero-plus-icon {
  max-width: 60px;
}

.hero-icon {
  max-width: 100px;
}

.primary-button-text {
  z-index: 1;
  color: #000;
  font-size: 18px;
  font-weight: 500;
  line-height: 120%;
  display: block;
  position: relative;
}

.content-box {
  z-index: 100;
  padding-top: 220px;
  padding-bottom: 150px;
  position: relative;
  top: 0;
}

.section-25 {
  z-index: 2;
  background-image: url("https://cdn.prod.website-files.com/6918698fdd7deae62be0a467/69a996108fdf42dda5675904_cogden-bg.svg");
  background-position: 0 0;
  background-size: auto;
  position: relative;
  overflow: clip;
}

.primary-button-link {
  max-height: 60px;
  text-decoration: none;
  display: inline-flex;
  overflow: visible;
}

.hero-content-wrap {
  grid-column-gap: 22px;
  grid-row-gap: 22px;
  flex-flow: column;
  align-items: flex-end;
  max-width: 462px;
  display: flex;
}

.text-large {
  color: #000;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 400;
  line-height: 120%;
}

.text-large.hero-text {
  color: #fff;
  text-align: right;
  text-transform: capitalize;
}

.primary-button-hover-text {
  color: #000;
  font-size: 18px;
  font-weight: 500;
  line-height: 120%;
  position: absolute;
  inset: 0%;
}

.page-title-large {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 72px;
}

.hero-flex-wrap {
  z-index: 99;
  justify-content: space-between;
  align-items: center;
  margin-left: 40px;
  margin-right: 40px;
  display: flex;
  position: relative;
}

.primary-button-text-wrap {
  z-index: 1;
  position: relative;
  overflow: hidden;
}

.hero-scroll-wrapper {
  background-image: none;
  background-repeat: repeat;
  background-size: auto;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 800px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  top: 0;
}

.home-hero-wrapper {
  justify-content: center;
  align-items: center;
  height: 800px;
  margin-left: auto;
  margin-right: auto;
  position: static;
  top: 0;
}

.hero-title-wrap {
  max-width: 480px;
}

.primary-button-icon {
  z-index: 1;
  position: relative;
}

.icon-box-wrap {
  justify-content: space-between;
  display: flex;
}

.icon-box-wrap.top-box {
  width: 100%;
  position: absolute;
  top: 17%;
}

.icon-box-wrap.bottom-box {
  z-index: 99;
  position: absolute;
  inset: auto 0% 0%;
}

.primary-button-flex-wrapper {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #fff;
  align-items: center;
  padding: 14px 25px;
  display: inline-flex;
  overflow: hidden;
}

.hero-main-image {
  z-index: -1;
  object-fit: cover;
  width: 100%;
  height: 800px;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: 0%;
}

.primary-button-hover-icon {
  position: absolute;
}

.hero-inner-container {
  z-index: 999;
  max-width: none;
  padding-left: 5.6%;
  padding-right: 5.8%;
  position: relative;
}

.primary-button-icon-wrap {
  z-index: 1;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
}

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

.text-block-27 {
  font-size: 4rem;
  font-weight: 700;
}

.image-56 {
  margin-left: 10px;
}

.bold-text-7, .bold-text-8 {
  font-weight: 400;
}

.heading-51 {
  line-height: 1;
}

.macbook-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 25px;
  margin-bottom: 25px;
  display: flex;
  position: relative;
  overflow: visible;
}

.website-image-wrapper {
  justify-content: center;
  align-items: flex-start;
  display: flex;
  position: absolute;
  inset: 6% 0% 0%;
}

.website-image-container {
  z-index: 10;
  justify-content: center;
  align-items: flex-start;
  width: 53%;
  height: 81%;
  margin-left: 0;
  display: block;
  position: static;
  inset: 6% auto auto;
  overflow: auto;
}

.website-image {
  z-index: 0;
  width: 100%;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
  position: relative;
  inset: 0% auto auto;
}

.macbook {
  z-index: 5;
  width: 70%;
  max-width: none;
  position: relative;
}

.image-57 {
  width: 20px;
}

.heading-style-h2-3 {
  font-size: 7rem;
  font-weight: 600;
  line-height: 1;
}

.contact-information {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  margin-top: 2rem;
  display: flex;
}

.button-21 {
  color: #fff;
  text-align: center;
  background-color: #135da7;
  border-radius: 100rem;
  padding: .75rem 1.5rem;
  font-size: 1.125rem;
  font-weight: 500;
}

.contact_form-wrapper {
  background-color: #fff;
  border-radius: 16px;
  justify-content: space-between;
  align-items: center;
  width: 52%;
  padding: 2.5rem 3.5rem 3rem;
  display: flex;
}

.dropdown-list {
  padding-left: 1rem;
}

.dropdown-list.w--open {
  background-color: #fff;
  margin-top: 0;
  padding: 1rem 1.5rem .75rem;
  overflow: auto;
}

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

.field-2 {
  z-index: 2;
  aspect-ratio: auto;
  background-color: #0000;
  border: 0 solid #000;
  border-bottom: 1px solid #00132c;
  border-radius: 0;
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  height: 2.8rem;
  min-height: 2.8rem;
  max-height: 6em;
  margin-bottom: 0;
  padding: 0;
  font-size: 1.25rem;
  line-height: 1.2;
  transition: border-color .2s;
  position: relative;
}

.field-2:focus {
  border-bottom-color: #135da7;
}

.field-2.message {
  height: 7rem;
  min-height: 7rem;
  max-height: 10rem;
  margin-top: 12px;
  padding-top: 8px;
  font-size: 1.25rem;
  line-height: 1.2;
  overflow: auto;
}

.success_text-2 {
  font-size: 1.25rem;
  line-height: 1.4;
}

.text-size-medium-3 {
  font-size: 1.5rem;
  line-height: 1.3;
}

.text-size-medium-3.text-weight-bold {
  font-size: 1.5vw;
  font-weight: 300;
}

.button_form-wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: flex-start;
  align-items: center;
  margin: 2rem 0 0;
  display: flex;
}

.success_wrap {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.error-message-6 {
  color: #e5a7ff;
  background-color: #ffffff17;
  border-radius: .5em;
  margin-top: 2.3em;
  padding: 1.9em 2.1em;
}

.header-underline {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  border-bottom: 1px solid #00132c;
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-end;
  padding-bottom: 24px;
  display: flex;
}

.error-message_text-2 {
  color: #d92d20;
}

.tab_field {
  margin-top: .4em;
  margin-right: .6em;
  padding: .75em 1.15rem .65em;
  position: relative;
}

.btn_contact_wrap {
  color: #000;
  border-style: solid;
  border-width: 1px;
  border-radius: 200px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-right: 1.25rem;
  font-size: 1.15rem;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.contact-wrapper {
  width: 40%;
  max-width: 30rem;
}

.tab_wrap {
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.tab_button {
  z-index: 2;
  border-radius: 8px;
  width: 100%;
  height: 100%;
  margin-top: 0;
  margin-left: 0;
  transition: background-color .1s, border-width .1s, border-color .1s;
  position: absolute;
  inset: 0%;
}

.tab_button:hover {
  background-color: #ffffff17;
  border-color: #00132c;
}

.tab_button.w--redirected-checked {
  border-width: 1px;
  border-color: #00132c;
}

.tab_button.w--redirected-focus {
  box-shadow: none;
  border-width: 1px;
  border-color: #00132c;
}

.error {
  color: #d92d20;
  width: 100%;
  min-width: 100%;
  padding-top: 4px;
  font-weight: 400;
  display: block;
}

.icon-5 {
  margin-right: 0;
}

.success-2 {
  text-align: center;
  background-color: #ffffff24;
  border-radius: .6em;
}

.field_wrap-2 {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  padding-bottom: 1.25rem;
  display: flex;
  position: relative;
}

.field_wrap-2.is-radio {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

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

.padding-vertical-2.top-bottom {
  padding-top: 0;
  padding-bottom: 3rem;
}

.btn_contact_inner {
  z-index: 2;
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 22rem;
  padding: 1.25rem 1.75rem 1.25rem 2rem;
  display: flex;
  position: relative;
}

.dropdown {
  width: 100%;
  height: 3.5rem;
  min-height: 3.5rem;
  max-height: 6rem;
  margin-top: 1rem;
}

.text-style-italic {
  font-style: italic;
}

.section-26 {
  background-image: linear-gradient(#f3f3f3, #f3f3f3);
  border: 1px solid #0000001c;
  width: 100%;
  max-width: none;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  padding-left: 5%;
  padding-right: 5%;
  position: relative;
}

.section-26.contact {
  background-image: none;
  border-style: none;
  padding-left: 0%;
  padding-right: 0%;
}

.radio_button-2 {
  z-index: 2;
  width: 20px;
  height: 20px;
  margin-top: 0;
  margin-left: 0;
  margin-right: 8px;
  transition: background-color .1s, border-width .1s, border-color .1s;
}

.radio_button-2:hover {
  border-width: 1px;
  border-color: #135da7;
}

.radio_button-2.w--redirected-checked {
  border-width: 6px;
  border-color: #135da7;
}

.radio_button-2.w--redirected-focus {
  box-shadow: none;
  border-width: 6px;
  border-color: #135da7;
}

.radio_label-2 {
  z-index: 3;
  margin-bottom: 0;
  font-size: 1.15rem;
  font-weight: 300;
  line-height: 1;
  position: relative;
}

.u-hflex-between-stretch {
  flex-flow: wrap;
  place-content: stretch space-between;
  align-items: stretch;
  display: flex;
}

.radio_field-2 {
  justify-content: flex-start;
  align-items: center;
  margin-top: .4em;
  margin-right: 0;
  padding: 0 0;
  display: flex;
  position: relative;
}

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

.checkbox-wrapper {
  margin-bottom: 6px;
  font-size: 1.125rem;
}

.field_label-2 {
  z-index: 1;
  transform-origin: 0%;
  color: #4d5a6b;
  margin-bottom: -.25rem;
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.5;
  transition: transform .2s;
  position: relative;
}

.field_label-2.large {
  color: #00132c;
  margin-bottom: 1rem;
  transform: scale(1.25)translate(0, 1.3em);
}

.field_label-2.is-radio {
  color: #00132c;
  margin-bottom: .5rem;
  font-size: 1.275rem;
}

.field_dropdown {
  border-bottom: 1px solid #000;
  width: 100%;
  padding: .75rem 0;
}

.form-span {
  font-size: 1.25rem;
  line-height: 1.2;
}

.icon-1x1-medium {
  flex: none;
  width: 1.5rem;
  height: 1.5rem;
}

.checkbox-icon-2 {
  width: 16px;
  height: 16px;
  margin-right: 10px;
}

.checkbox-icon-2.w--redirected-checked {
  background-color: #000;
  background-image: url("https://cdn.prod.website-files.com/6918698fdd7deae62be0a467/69c2ca8034a8e7a98c7a251d_checkmark.svg");
  background-repeat: no-repeat;
  background-size: cover;
}

.margin-top-2 {
  margin: 1rem 0 0;
}

.margin-top-2.medium {
  margin-top: 4rem;
}

.smallcircle-contact-inner {
  z-index: 0;
  background-color: #000;
  border-radius: 600px;
  width: 0%;
  height: 0%;
  position: absolute;
  inset: auto;
}

.text-block-28 {
  font-weight: 500;
}

.text-block-28:hover {
  color: var(--purple);
}

.work_thumbnail-img {
  object-fit: cover;
  width: 108%;
  max-width: none;
  height: 108%;
  position: absolute;
  inset: -4% 0% 0% -4%;
}

.work_scroll-wrapper {
  padding-left: 0%;
  padding-right: 0%;
}

.work_card-hover {
  z-index: 2;
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  perspective: 1000px;
  letter-spacing: .25px;
  background-color: #f3f3f3;
  border: 1px solid #0000;
  border-radius: 0;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding: 1.5rem;
  text-decoration: none;
  transition: color .2s linear;
  display: flex;
  position: relative;
  overflow: hidden;
}

.work_card-hover:hover {
  color: #000000a8;
}

.work_card-content {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.work_card-glow-background {
  z-index: 1;
  filter: blur(80px);
  background-color: #c7c7c7;
  border-radius: 50%;
  width: auto;
  height: auto;
  position: absolute;
  inset: 0% auto auto 0%;
}

.work_project-title {
  text-transform: none;
  margin-bottom: 0;
  font-size: 2vw;
  font-weight: 400;
  text-decoration: none;
}

.work_project-title:hover {
  color: #424242e8;
  text-decoration: none;
}

.work_card-border_glow {
  z-index: 2;
  background-color: #0003;
  border: 0 #0000;
  border-radius: 0;
  padding: 1px;
  position: relative;
  overflow: hidden;
}

.work_title-line {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: space-between;
  align-items: baseline;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.work_tag-wrapper {
  background-color: var(--purple);
  border: 1px #838383;
  border-radius: 6px;
  padding: .175rem .5rem;
}

.work_grid-2 {
  grid-column-gap: 45px;
  grid-row-gap: 45px;
  width: 100%;
}

.work_grid-2.ecommerce {
  grid-template-rows: auto;
}

.work_thumbnail-img-wrapper {
  border-radius: 2px;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 60%;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.text-size-tiny-2 {
  color: var(--color--white);
  margin-bottom: 0;
  padding: 2px;
  font-size: .75rem;
  font-weight: 500;
  text-decoration: none;
}

.text-condensed-normal {
  font-size: 1.5rem;
  font-weight: 300;
  line-height: 1.1;
}

.text-condensed-normal.text-color-yellow500 {
  font-weight: 300;
}

.work_tags-container {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.text-block-31 {
  width: 80%;
  margin-top: 5px;
  margin-bottom: 15px;
  padding-bottom: 0;
  font-size: 1.4vw;
  font-weight: 300;
  line-height: 1.4vw;
}

.services-paragraph {
  text-align: left;
  width: 85%;
  margin-top: 10px;
  font-size: 1.5vw;
  font-weight: 300;
}

.services-paragraph.intro {
  color: #1d1d1d;
  text-align: center;
  font-size: 2vw;
  line-height: 2.4vw;
}

.services-paragraph.white {
  color: var(--color--white);
}

.services-paragraph.white.contact {
  margin-bottom: 10px;
}

.services-paragraph.dev-services {
  color: var(--color--primary);
  text-align: center;
}

.services-paragraph.branding {
  width: 70%;
  color: var(--color--white);
  text-align: center;
  margin-top: 10px;
  font-size: .9em;
  font-weight: 300;
  line-height: 1.3;
}

.services-paragraph.branding-intro {
  text-align: center;
  width: 70%;
  margin-bottom: 40px;
}

.services-paragraph.brand {
  text-align: left;
  width: 95%;
  margin-top: 0;
  font-size: 1.4rem;
  font-weight: 400;
}

.services-paragraph.brand.alt {
  color: #9a9a9a;
  margin-top: 20px;
  margin-bottom: 30px;
  font-size: .9em;
  font-weight: 300;
  line-height: 1.2em;
}

.services-paragraph.contact {
  color: #fff;
  width: 100%;
  margin-bottom: 10px;
  font-size: 1.1rem;
  font-weight: 300;
  line-height: 1.3;
}

.bold-text-9 {
  font-weight: 600;
}

.text-span-24 {
  font-weight: 500;
}

.text-span-25 {
  color: #6d6d6d;
}

.text-span-25.branding {
  color: var(--yellow);
  font-size: 3.5em;
}

.image-58, .image-59 {
  opacity: .9;
  border-radius: 5px;
}

.image-60 {
  border-radius: 999px;
}

.text-span-26 {
  color: var(--yellow);
  text-decoration: none;
}

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

.container-13 {
  width: 1000px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.features-card-img {
  margin-bottom: 30px;
}

.features-left {
  flex-direction: column;
  align-items: flex-start;
  max-width: 450px;
  display: flex;
  position: sticky;
  top: 150px;
}

.features-card-title {
  letter-spacing: -1px;
  margin-bottom: 12px;
  font-size: 28px;
  font-weight: 500;
  line-height: 36px;
}

.section-27 {
  background-color: #0000000d;
  background-image: url("https://cdn.prod.website-files.com/6918698fdd7deae62be0a467/69a996108fdf42dda5675904_cogden-bg.svg");
  background-position: 0 0;
  background-size: auto;
  padding: 150px 20px;
}

.features-right {
  grid-row-gap: 200px;
  flex-direction: column;
  width: 400px;
  display: flex;
  position: relative;
}

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

.features-card {
  transform-origin: 50% 0;
  text-align: center;
  -webkit-text-fill-color: inherit;
  background-color: #fff;
  background-clip: border-box;
  border-radius: 15px;
  flex-direction: column;
  align-items: center;
  padding: 40px;
  display: flex;
  position: sticky;
  top: 150px;
}

.features-card.third {
  margin-bottom: 15px;
  top: 180px;
}

.features-card.second {
  margin-bottom: 30px;
  top: 165px;
}

.features-card.first {
  margin-bottom: 45px;
}

.features-card.fourth {
  top: 195px;
}

.heading-52 {
  color: #1d1d1d;
}

.image-61 {
  margin-bottom: 20px;
}

.booster-tab-wrapper {
  width: 100%;
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
}

.booster-tab-menu {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
  display: flex;
}

.booster-tab-link {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  color: #36364a;
  white-space: nowrap;
  background-color: #fff;
  border-radius: 8px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 10px 14px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  text-decoration: none;
  transition: box-shadow .3s;
  display: flex;
  overflow: hidden;
  box-shadow: 0 2px 6px #122b690a, 0 1px 2px #122b6914, 0 0 0 1px #122b6914;
}

.booster-tab-link:hover {
  box-shadow: 0 2px 6px #122b691f, 0 1px 2px #122b691f, 0 0 0 1px #122b6914;
}

.booster-tab-link.w--current {
  background-color: #122b690a;
}

.tab-progress-bar-base {
  background-color: #11023b0a;
  width: 100%;
  height: 5px;
  margin-inline: auto;
  position: absolute;
  inset-block: auto 0;
  inset-inline: 0;
}

.tab-progress-bar {
  width: var(--fb-tab-progress, 0);
  background-color: #7839f3;
  height: 5px;
  transition-property: width;
  transition-duration: .1s;
}

.tab-pane-tab-1-2 {
  border-radius: 16px;
}

.booster-tabs-image {
  border: 1px solid #11023b14;
  border-radius: 16px;
  width: 100%;
  height: 380px;
}

.copy-me {
  display: none;
}

.section_big {
  text-align: center;
  background-color: #0c021d;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 100vh;
  display: flex;
  position: relative;
  overflow: hidden;
}

.h1-2 {
  color: #fff;
  margin: 0 0 10px;
  font-weight: 300;
}

.p {
  color: #ffffffb3;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.5;
}

.star-animation {
  position: absolute;
  inset: 0%;
}

.your {
  color: #000;
  font-size: 24px;
  line-height: 25.2px;
}

.your.bottom-39 {
  margin-bottom: 39px;
}

.heading-hire {
  color: #000;
  margin-top: 2vh;
  margin-bottom: 5vh;
  font-size: 6.5vw;
  font-weight: 400;
  line-height: 1;
}

.grid-6 {
  grid-column-gap: 0rem;
  grid-row-gap: 1.375rem;
  grid-template-columns: 1fr 1fr 1fr;
  max-width: 22.9688rem;
  margin-bottom: 3rem;
  margin-left: auto;
}

.grid-6._2 {
  margin-left: 0;
}

.hire-2-col {
  grid-column-gap: 20px;
  grid-row-gap: 6vh;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.hire-rly-logo {
  width: 24px;
}

.hire-label {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.hire-label.hide {
  opacity: 0;
}

.field_label-3 {
  z-index: 1;
  color: #6669;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 400;
  line-height: 28.8px;
  transition: all .3s;
  position: relative;
}

.field_label-3.large {
  transform: translate(0, 34px);
}

.success-wrapper {
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  display: flex;
}

.form-block-2 {
  height: 100%;
}

.success-3 {
  text-align: left;
  background-color: #0000;
  height: 100%;
  padding: 10vh 0;
}

.field-3 {
  z-index: 2;
  color: #000;
  background-color: #0000;
  border: 0 solid #000;
  border-bottom: 1px solid #ccc;
  margin-bottom: 0;
  padding-left: 0;
  font-size: 18px;
  line-height: 28.8px;
  position: relative;
}

.checkboxes {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-wrap: wrap;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: flex;
}

.checkboxes.maxwidth-353 {
  max-width: 353px;
}

.checkboxes.maxwidth-470 {
  max-width: 470px;
}

.checkbox-3 {
  z-index: 1;
  cursor: pointer;
  border-color: #cfd0d3;
  border-radius: 10px;
  width: auto;
  height: auto;
  margin-top: 0;
  margin-left: 0;
  position: absolute;
  inset: 0%;
}

.checkbox-3:active {
  background-color: #fff;
  border-color: #fff;
}

.checkbox-3.w--redirected-checked {
  background-color: #fff;
  background-image: none;
  border-color: #fff;
  border-radius: 10px;
  width: auto;
  height: auto;
  margin-top: 0;
  margin-left: 0;
}

.send-message {
  color: #fff;
  background-color: #000;
  border-radius: 10px;
  margin-top: 5vh;
  padding: 1rem 3rem;
  font-size: 18px;
  font-weight: 500;
  line-height: 21.6px;
  transition: all .3s;
}

.send-message:hover {
  background-color: #424242;
}

.send-message:active {
  color: #000;
  background-color: #fff;
}

.thankyou {
  color: #000;
  margin-bottom: 64px;
  font-size: 7.5rem;
  line-height: 1;
}

.label-circle {
  background-color: #000;
  border-radius: 100%;
  width: 4px;
  height: 4px;
  margin-left: 1.5rem;
}

.hire-checkbox {
  margin-bottom: 0;
  padding: 16px 18px;
  position: relative;
}

.hire-checkbox:active {
  background-color: var(--purple);
}

.footer-link-4 {
  color: #fff;
  text-align: left;
  cursor: none;
  align-items: flex-start;
  width: 100%;
  margin-right: 2.96875rem;
  font-size: 1rem;
  line-height: 1.2rem;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.footer-link-4.black {
  color: #000;
  cursor: pointer;
}

.no-wrap {
  white-space: nowrap;
}

.logo-mobile {
  display: none;
}

.col {
  flex: 1;
  position: relative;
}

.black-line-animation {
  z-index: 3;
  background-color: #000;
  width: 0%;
  height: 1px;
  transition: all .6s;
  position: absolute;
  inset: auto auto 0% 0%;
}

.hire-content-wrapper {
  width: 100%;
  height: 100%;
}

.hire-main-wrapper {
  grid-column-gap: 3vw;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  display: flex;
}

.checkbox-label {
  z-index: 2;
  color: #6669;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 400;
  line-height: 21.6px;
  transition: all .3s;
  position: relative;
}

.hire-fild-label {
  color: #6669;
  font-size: 18px;
  font-weight: 400;
  line-height: 28.8px;
  transition: all .3s;
}

.hire-fild-label.bottom-16 {
  margin-bottom: 16px;
}

.text {
  align-items: center;
  margin-top: 8.25rem;
  display: flex;
  position: sticky;
  top: 11.875rem;
  transform: rotate(-90deg);
}

.text.logo {
  letter-spacing: -.5px;
  flex-direction: row;
  margin-top: 6.75rem;
  font-size: 18px;
  line-height: 25px;
  position: static;
}

.text.logo.is--hire {
  cursor: auto;
  margin-top: 3.4rem;
  margin-left: -2rem;
}

.field_label-4 {
  z-index: 1;
  color: #6669;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 400;
  line-height: 28.8px;
  transition: all .3s;
  position: relative;
}

.field_label-4.large {
  transform: translate(0, 34px);
}

.field-4 {
  z-index: 2;
  color: #000;
  background-color: #0000;
  border: 0 solid #000;
  border-bottom: 1px solid #ccc;
  margin-bottom: 0;
  padding-left: 0;
  font-size: 18px;
  line-height: 28.8px;
  position: relative;
}

.input-wrapper-2 {
  width: 100%;
  margin-bottom: .5rem;
  padding-top: .25rem;
  position: relative;
}

.checkbox-label-2 {
  color: #000;
  margin-bottom: .5rem;
  font-size: .9rem;
  font-weight: 600;
}

.text-color-grey {
  opacity: .7;
}

.checkbox_row {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.checkbox-field-2 {
  z-index: 2;
  flex: none;
  margin-bottom: 10px;
  margin-right: 10px;
  padding: .5rem 1rem .4rem 20px;
  line-height: 1.4em;
  display: block;
  position: relative;
}

.checkbox-field-2:hover {
  border-color: #1200ee;
  position: relative;
  box-shadow: 0 20px 30px -10px #00000021;
}

.checkbox_button {
  z-index: 3;
  pointer-events: auto;
  cursor: pointer;
  background-image: linear-gradient(#a3a3a380, #a3a3a380);
  border-style: solid;
  border-color: #b7bbd1;
  border-radius: 20px;
  width: 100%;
  height: 100%;
  margin-top: 0;
  margin-left: 0;
  display: inline-block;
  position: absolute;
  inset: 0%;
}

.checkbox_button:hover {
  border-color: #000;
}

.checkbox_button.w--redirected-checked {
  border-width: 1px;
  border-color: var(--transparent);
  color: #aa1cfe;
  background-color: #60af73a8;
  background-image: none;
  border-radius: 20px;
  width: 100%;
  height: 100%;
  margin-left: 0;
}

.custom-checkbox-label {
  z-index: 3;
  width: 100%;
  color: var(--color--white);
  mix-blend-mode: normal;
  font-size: 1rem;
  font-weight: 400;
  position: relative;
}

.div-block-47 {
  background-image: linear-gradient(#ffffff14, #ffffff14);
  margin-top: 0;
  padding-top: 0;
  padding-left: 40px;
  padding-right: 40px;
}

.div-block-47.branding {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-image: linear-gradient(#f3f3f3c2, #f3f3f3c2);
  border-radius: 20px;
  padding-top: 10px;
  padding-left: 40px;
}

.particle-wrapper {
  z-index: -1;
  background-image: linear-gradient(#000, #000);
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: auto;
  min-height: auto;
  position: fixed;
  inset: 0%;
}

.body {
  background-image: linear-gradient(#000, #000);
}

.flex-horizontal-2 {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-wrap: wrap;
  align-items: center;
  margin-top: 1.5rem;
  display: flex;
}

.snap-container {
  border-radius: 30px;
  align-items: flex-end;
  width: 61.25rem;
  height: 100%;
  padding: 3.5rem;
  display: flex;
}

.snap-container.is-navy {
  color: #f7d5b1;
  background-color: #2c3950;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
}

.snap-container.is-green {
  color: #ddea90;
  background-color: #1d7948;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
}

.snap-container.is-purple {
  color: #fea4b9;
  background-color: #614f89;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
}

.snap-container.is-red {
  color: #f7bb2e;
  background-color: #e14842;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
}

.container-wrapper {
  justify-content: center;
  align-items: center;
  height: 100vh;
  padding: 1.5rem 3rem;
  display: flex;
}

.snap-text {
  letter-spacing: -.09em;
  font-size: 8rem;
  line-height: 1;
}

.section-28 {
  border-bottom: 1px solid #80808033;
  flex: none;
}

.nw-link {
  color: #fff;
  background-color: #0000;
  border: 1px solid #fff;
  border-radius: 20px;
  margin-top: 0;
  margin-bottom: 0;
  padding: 8px 12px;
  text-decoration: none;
}

.section-29 {
  border-bottom: 1px solid #80808033;
  flex: none;
}

.looping-words {
  height: 2.7em;
  padding-left: .1em;
  padding-right: .1em;
  font-size: 10em;
  line-height: .9;
  position: relative;
}

.looping-words__list {
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
  flex-flow: column;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  font-weight: 700;
  list-style: none;
  display: flex;
  position: relative;
}

.cloneable {
  min-height: 100svh;
  padding: var(--section-padding) var(--container-padding);
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.looping-words__fade {
  pointer-events: none;
  background-image: linear-gradient(#e3e1de 5%, #0000 40% 60%, #e3e1de 95%);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.looping-words__edge {
  border-top: .035em solid #ff4c24;
  border-left: .035em solid #ff4c24;
  width: .125em;
  height: .125em;
  position: absolute;
  top: 0;
  left: 0;
}

.looping-words__edge.is--3 {
  inset: auto 0 0 auto;
  transform: rotate(180deg);
}

.looping-words__edge.is--4 {
  top: auto;
  bottom: 0;
  transform: rotate(270deg);
}

.looping-words__edge.is--2 {
  left: auto;
  right: 0;
  transform: rotate(90deg);
}

.looping-words__selector {
  pointer-events: none;
  width: 100%;
  height: .9em;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.looping-words__containers {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.looping-words__p {
  margin-bottom: 0;
}

.code-embed-css, .code-embed-js {
  pointer-events: none;
  width: 0;
  height: 0;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}

.main-container {
  min-height: 300svh;
  position: relative;
}

.static-bg-color {
  z-index: -2;
  background-color: #1f1f1f;
  position: absolute;
  inset: 0%;
}

.padding-global-6 {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

.container-14 {
  width: 100%;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
}

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

.canvas {
  z-index: -1;
  background-color: #1232a3;
  width: 100vw;
  height: 100dvh;
  position: fixed;
  inset: 0%;
}

.layout-2 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 95dvh;
  display: flex;
}

.text-span-27 {
  font-style: italic;
}

.heading-53 {
  color: var(--color--white);
  margin-bottom: .25rem;
  font-size: 4.5vw;
  font-weight: 300;
}

.div-block-48 {
  background-image: linear-gradient(#0000004f, #0000004f);
  border-radius: 999px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 80%;
  padding-top: 60px;
  padding-bottom: 60px;
  display: flex;
}

.lottie-animation-3 {
  z-index: -1;
  width: 20%;
  margin-bottom: -75px;
  position: relative;
}

.curve-arrow {
  border: 1px solid #e7eeee;
  border-radius: 100rem;
  justify-content: center;
  align-items: center;
  width: 2.4rem;
  height: 2.4rem;
  display: flex;
  position: absolute;
  top: .5rem;
}

.text-size-xsmall {
  font-size: .8rem;
}

.curve-block-center {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr .9fr;
  grid-auto-columns: 1fr;
  place-content: end center;
  align-items: flex-end;
  height: 0;
  display: flex;
  position: absolute;
  inset: .5px 0% auto;
}

.letter-1 {
  z-index: 1;
  display: inline-block;
  position: relative;
}

.home-about {
  z-index: 25;
  position: relative;
}

.letter-animation {
  justify-content: center;
  align-items: center;
  display: flex;
}

.home-about-block {
  background-color: #fff;
  border-radius: .875rem;
  flex-direction: column;
  justify-content: space-between;
  min-height: 20rem;
  display: flex;
  position: relative;
}

.row-title-clip {
  overflow: hidden;
}

.hover-text.bottom-hover-text {
  position: absolute;
  inset: auto 0% -100%;
}

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

.letter-9 {
  display: inline-block;
}

.row-title-bottom {
  border-top: 1px solid #e7eeee;
  padding-bottom: 5rem;
}

.text-size-xlarge {
  font-size: 3.2rem;
  line-height: 1.3;
}

.grid-large {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: minmax(2rem, 1fr) minmax(auto, 96rem) minmax(2rem, 1fr);
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.icon-6 {
  color: #0b0c0f;
  justify-content: center;
  align-items: center;
  width: .7rem;
  height: .7rem;
  display: flex;
  overflow: hidden;
}

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

.clip {
  position: relative;
  overflow: hidden;
}

.hover-arrow.top {
  position: absolute;
  inset: -100% 0% auto;
}

.hover-arrow.right {
  position: absolute;
  inset: 0% -100% 0% auto;
}

.hover-arrow.left {
  position: absolute;
  inset: 0% auto 0% -100%;
}

.home-about-intro {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 45rem;
  margin-left: auto;
  margin-right: auto;
  padding-top: 4rem;
  padding-bottom: 2rem;
  display: flex;
}

.row-title {
  width: 100%;
}

.padding-horizontal {
  width: 100%;
  padding-top: 0;
  padding-bottom: 0;
}

.button-22 {
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  background-color: #0000;
  border: 1px solid #2e313a;
  border-radius: 100rem;
  padding: .75rem 1.05rem .75rem 1.15rem;
  font-size: .875rem;
  font-weight: 500;
  text-decoration: none;
}

.button-22.is-light {
  color: #000;
  border-color: #e7eeee;
}

.row-title-text {
  letter-spacing: -.35vw;
  text-transform: uppercase;
  margin-bottom: -3.5vw;
  font-size: 13.5vw;
  font-weight: 400;
  line-height: .89;
}

.curve-link {
  color: #fff;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  margin-bottom: -1px;
  padding: 0;
  display: flex;
  position: relative;
}

.overlay {
  background-color: #0b0c0f26;
  position: absolute;
  inset: 0%;
}

.overlay.light-overlay {
  background-color: #0b0c0f1a;
}

.home-banner_slider {
  cursor: grab;
  display: flex;
}

.home-banner_bkg {
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.text-size-regular-2 {
  font-size: 1.2rem;
  line-height: 1.4;
}

.home-banner_nav {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-top: 1px solid #e7eeee;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  display: grid;
}

.home-service_card {
  grid-column-gap: 1.625rem;
  grid-row-gap: 1.625rem;
  border-right: 1px dashed #e7eeee;
  flex-direction: column;
  width: 100%;
  padding-left: 2rem;
  padding-right: 2rem;
  display: flex;
}

.home-service_card.end {
  border-right-style: none;
}

.letter-12 {
  z-index: 1;
  display: inline-block;
  position: relative;
}

.text-size-small-4 {
  font-size: .975rem;
  line-height: 1.35;
}

.letter-8 {
  z-index: 1;
  display: inline-block;
  position: relative;
}

.home-service {
  overflow: hidden;
}

.home-service-list {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  border-top: 1px #e7eeee;
  flex-direction: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-left: -2rem;
  margin-right: -2rem;
  padding-top: 4rem;
  padding-bottom: 8rem;
  display: grid;
}

.letter-7 {
  z-index: 1;
  display: inline-block;
  position: relative;
}

.home-banner_credit {
  grid-column-gap: .875rem;
  grid-row-gap: .875rem;
  align-items: center;
  display: flex;
}

.line-fill {
  background-color: #2e313a;
  width: 100%;
  height: 1px;
}

.line-fill.light-line-fill {
  background-color: #e7eeee;
}

.home-service-intro {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 50rem;
  display: flex;
}

.home-faq-number {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  align-items: center;
  display: flex;
}

.home-banner_avatar {
  border-radius: .4rem;
  width: 3rem;
  height: 3rem;
  position: relative;
  overflow: hidden;
}

.letter-5 {
  z-index: 1;
  display: inline-block;
  position: relative;
}

.home-service-block {
  background-color: #fff;
  background-image: url("https://cdn.prod.website-files.com/6918698fdd7deae62be0a467/69a844bde78ed59dc9c4eace_cogden-dot-bg.webp");
  background-position: 0 0;
  background-size: auto;
  border-radius: 1rem;
  padding-left: 5%;
  padding-right: 5%;
  position: relative;
}

.letter-6 {
  z-index: 1;
  display: inline-block;
  position: relative;
}

.home-service_top {
  grid-column-gap: 6rem;
  grid-row-gap: 6rem;
  flex-direction: column;
  align-items: flex-start;
  max-width: 20rem;
  display: flex;
}

.home-service_base {
  border-top: 1px solid #e7eeee;
}

.hame-faq-bottom {
  flex-direction: column;
  flex: 0 auto;
  align-items: stretch;
  width: 100%;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.home-banner_slide {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-direction: column;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 2.5rem;
  display: flex;
}

.letter-13 {
  display: inline-block;
}

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

.icon-7 {
  color: #0b0c0f;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: .7rem;
  display: flex;
  overflow: hidden;
}

.image-fill {
  object-fit: cover;
  width: 100%;
  min-width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.slider-arrow {
  grid-column-gap: .35rem;
  grid-row-gap: .25rem;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  display: flex;
}

.slider-arrow.swiper-prev {
  border-right: 1px solid #e7eeee;
}

.icon-1x1-small {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  height: 1.25rem;
  display: flex;
  overflow: hidden;
}

.home-faq-icon {
  border-radius: 100rem;
  justify-content: center;
  align-items: center;
  width: 2.5rem;
  height: 2.5rem;
  display: flex;
}

.home-faq-item {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  cursor: pointer;
  background-color: #ddd0;
  border-top: 1px solid #e7eeee;
  border-bottom: 1px #e7eeee;
  flex-direction: column;
  flex: 0 auto;
  grid-template-rows: auto;
  grid-template-columns: auto 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-end;
  place-items: stretch stretch;
  width: 100%;
  padding: 0;
  transition: all .8s cubic-bezier(.215, .61, .355, 1);
  display: flex;
}

.home-faq-item.w--current {
  background-color: #ddd0;
  overflow: hidden;
}

.home-faq-item.no-border {
  border-top-style: none;
  position: relative;
}

.home-service_intro {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.home-faq-top {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  border-bottom: 1px #e7eeee;
  border-left: 1px #e7eeee;
  border-right: 1px #e7eeee;
  flex-direction: row;
  grid-template-rows: auto;
  grid-template-columns: 5rem 1fr auto;
  grid-auto-columns: 1fr;
  justify-content: start;
  place-items: center start;
  width: 100%;
  padding-top: 3.25rem;
  padding-bottom: 3.25rem;
  display: grid;
}

.letter-3 {
  z-index: 1;
  display: inline-block;
  position: relative;
}

.slider-arrow_text {
  padding-bottom: .25rem;
}

.home-service-top {
  justify-content: center;
  align-items: center;
  padding-top: 4rem;
  padding-bottom: 4rem;
  display: flex;
}

.icon-1x1-tiny {
  justify-content: center;
  align-items: center;
  width: .9rem;
  height: .9rem;
  display: flex;
  overflow: hidden;
}

.home-faq-list {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border: 1px solid #e7eeee;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: auto;
  grid-auto-columns: auto;
  grid-auto-flow: column;
  justify-content: space-between;
  margin-top: 0;
  margin-bottom: 0;
  padding: .5rem 2rem;
  display: flex;
  overflow: hidden;
}

.home-faq-content {
  background-color: #0b0c0f;
  border: 1px #e7eeee;
  flex-direction: row;
  justify-content: space-between;
  height: 100%;
  margin-bottom: 2.5rem;
  padding: 4rem 2rem 4rem 6rem;
  display: flex;
  overflow: hidden;
}

.home-service_height {
  border-radius: .625rem;
  padding-top: 70%;
  position: relative;
  overflow: hidden;
}

.home-banner_com {
  border-radius: .625rem;
  justify-content: center;
  align-items: flex-end;
  min-height: 80vh;
  padding-top: 16rem;
  padding-bottom: 16rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.text-size-large {
  font-size: 1.4rem;
  line-height: 1.45;
}

.text-size-large.text-align-center {
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 2rem;
}

.letter-2 {
  z-index: 1;
  display: inline-block;
  position: relative;
}

.home-faq-block {
  grid-column-gap: 5rem;
  grid-row-gap: 5rem;
  flex-direction: column;
  justify-content: space-between;
  min-height: 35rem;
  display: flex;
}

.home-banner_content {
  z-index: 3;
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  background-color: #fff;
  border-radius: .625rem;
  flex-direction: column;
  width: 100%;
  max-width: 35rem;
  padding: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

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

.padding-top.padding-huge {
  padding-left: 5%;
  padding-right: 5%;
}

.home-faq-text {
  max-width: 30rem;
}

.line-3 {
  position: absolute;
  inset: auto 0% 0%;
  overflow: hidden;
}

.letter-4 {
  z-index: 1;
  display: inline-block;
  position: relative;
}

.home-service_grid {
  grid-column-gap: 3rem;
  grid-row-gap: 0rem;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-content: stretch flex-start;
  align-items: stretch;
  margin-left: auto;
  margin-right: auto;
  padding-top: 6rem;
  display: flex;
}

.paragraph-top {
  color: #4e5d78;
  text-align: center;
  letter-spacing: -.27px;
  max-width: 650px;
  margin-left: auto;
  margin-right: auto;
  font-size: 18px;
  line-height: 26px;
}

.faq-section-2 {
  background-image: none;
  background-position: 0 0;
  background-size: auto;
  min-height: 600px;
  padding: 140px 5% 120px;
  position: relative;
}

.page-title-2 {
  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;
  align-items: center;
  max-width: 800px;
  margin-bottom: 70px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.animation {
  width: 60px;
  height: 60px;
}

.question-title {
  color: #0b1033;
  font-size: 16px;
  line-height: 24px;
}

.link-16 {
  color: #784fe0;
  text-decoration: none;
}

.faq-question-wrap {
  margin-bottom: 35px;
}

.silent-link {
  color: #637178;
  text-decoration: none;
}

.faq-content {
  margin-top: -2px;
  overflow: hidden;
}

.faq-wrap {
  flex-direction: column;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.faq-text-details {
  color: #637178;
  text-align: center;
  letter-spacing: -.27px;
  margin-top: 15px;
  font-size: 18px;
  font-weight: 500;
  line-height: 26px;
}

.paragraph-9 {
  color: #445567;
  letter-spacing: -.25px;
  margin-bottom: 0;
  margin-left: 25px;
  margin-right: 25px;
  padding-top: 42px;
  padding-bottom: 42px;
  font-size: 16px;
  line-height: 28px;
}

.question-icon {
  margin-bottom: 35px;
}

.heading-large-3 {
  color: #fff;
  text-align: center;
  letter-spacing: -2px;
  margin-top: 0;
  margin-bottom: 8px;
  font-size: 55px;
  line-height: 72px;
}

.faq-question-bar {
  background-color: #fff;
  border-radius: 8px;
  justify-content: space-between;
  align-items: center;
  padding: 10px 25px;
  text-decoration: none;
  display: flex;
}

.highlight {
  color: #784fe0;
}

.div-block-49 {
  text-align: left;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.text-span-28 {
  font-weight: 500;
}

.text-span-29 {
  font-weight: 300;
}

.card---wrap {
  border-radius: .5rem;
  width: 33.333%;
  margin-left: 0;
  margin-right: 0;
  padding: .0625rem;
}

.card---heading {
  width: 12rem;
  margin-top: 0;
  margin-bottom: 0;
  font-family: PT Sans, sans-serif;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.125;
}

.button---circle {
  background-color: #e6e5e5;
  border-radius: 50%;
  width: .75rem;
  height: .75rem;
  position: absolute;
  top: 50%;
  right: 100%;
  transform: translate(50%, -50%);
}

.cards {
  background-color: #20202000;
  display: flex;
}

.button---middle-inner {
  background-color: #202020;
  align-items: center;
  height: 100%;
  padding-right: 2rem;
  display: flex;
}

.button-23 {
  height: 3rem;
  text-decoration: none;
  display: flex;
  position: relative;
}

.card-7 {
  white-space: normal;
  background-color: #e6e5e5;
  border-radius: 1rem;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  height: 20rem;
  padding: 2rem;
  display: flex;
}

.button---edge {
  background-color: #202020;
  width: 1.5rem;
  height: 100%;
}

.button---edge.x-left {
  border-top-left-radius: 1.5rem;
  border-bottom-left-radius: 1.5rem;
}

.button---edge.x-right {
  border-top-right-radius: 1.5rem;
  border-bottom-right-radius: 1.5rem;
  position: absolute;
  left: 100%;
}

.button---text {
  color: #fff;
  letter-spacing: .1em;
  text-transform: uppercase;
  align-items: center;
  height: 100%;
  font-family: Inconsolata, monospace;
  font-size: 1rem;
  line-height: 1;
  display: flex;
}

.button---right {
  position: absolute;
  inset: 0 0 0 1.5rem;
}

.button---middle {
  display: flex;
  overflow: hidden;
}

.button-24 {
  height: 3rem;
  text-decoration: none;
  display: flex;
  position: relative;
}

.container-16 {
  width: 100%;
}

.card-8 {
  white-space: normal;
  background-color: #e6e5e5;
  border-radius: 1rem;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  height: 20rem;
  padding: 2rem;
  display: flex;
}

.image-62 {
  width: 50px;
  max-width: 50px;
}

.container-17 {
  z-index: 2;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1240px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  position: relative;
}

.arrow-3 {
  color: #2c2b46;
  background-color: #fff;
  border: 2px solid #fff;
  border-radius: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  margin-left: 0;
  margin-right: 0;
  display: flex;
  inset: auto auto 98px 0%;
}

.arrow-3:hover {
  color: #000;
}

.arrow-3.tab_previous {
  position: absolute;
  inset: auto auto 0% 0%;
}

.arrow-3.tab_next {
  position: absolute;
  inset: auto 0% 0% auto;
}

.v-tab_menu {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.values_slide-no-wrap {
  justify-content: center;
  align-items: center;
  max-width: 100%;
  height: 48px;
  display: flex;
}

.v-tabs {
  flex-direction: column;
  width: 100%;
  height: 100%;
  display: flex;
}

.values_slide-no {
  text-align: center;
}

.values_c-block {
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  display: flex;
}

.v-tab_pan {
  height: 100%;
}

.values_text {
  letter-spacing: .4px;
  margin-top: 16px;
  line-height: 1.6;
}

.v-tab_link {
  color: #fff;
  background-color: #0000;
  border-bottom: 2px solid #0000;
  padding-left: 0;
  padding-right: 0;
}

.v-tab_link.w--current {
  color: #d0ff00;
  background-color: #0000;
  border-bottom: 2px solid #d0ff00;
  padding-left: 0;
  padding-right: 0;
}

.arrow_icon {
  justify-content: center;
  align-items: center;
  display: flex;
}

.v-tab_contemt {
  flex: 1;
  margin-top: 40px;
  overflow: visible;
}

.values {
  grid-template-rows: auto;
  width: 388px;
  height: 330px;
  position: relative;
}

.image-63, .image-64, .image-65 {
  opacity: .8;
}

.bg_image {
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 50%;
  background-size: cover;
  height: 500px;
}

.infographic-text {
  text-align: center;
  max-width: 18rem;
  line-height: 1.25rem;
  position: absolute;
}

.infographic-wrapper {
  width: 50rem;
  height: 50rem;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

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

.margin-bottom-5.margin-huge {
  margin: 0 0 0;
}

.margin-bottom-5.margin-large, .margin-bottom-5.margin-small {
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
}

.heading-xsmall {
  font-size: .8rem;
  line-height: 1.4;
}

.heading-xsmall.text-style-allcaps {
  letter-spacing: 2px;
}

.heading-xsmall.text-style-allcaps.margin-0 {
  color: var(--color--white);
  margin-bottom: 0;
  font-size: .9rem;
  font-weight: 400;
}

.max-width-large {
  width: 100%;
  max-width: 48rem;
}

.max-width-large.align-center {
  text-align: center;
}

.link-17 {
  color: #ffdcdc;
  font-weight: 600;
}

.button-benchmark {
  color: #0000;
  background-color: #0000;
  justify-content: center;
  align-items: center;
  width: 34rem;
  height: 12rem;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.button-benchmark.tab-button {
  color: #0000;
}

.button-review {
  color: #0000;
  background-color: #0000;
  justify-content: center;
  align-items: center;
  width: 16rem;
  height: 32rem;
  display: flex;
  position: absolute;
  inset: auto 0% 0% auto;
}

.button-review.tab-button:hover {
  color: #0000;
}

.infographic-tab {
  width: 100%;
  height: 100%;
}

.button-scope {
  color: #0000;
  background-color: #0000;
  justify-content: center;
  align-items: center;
  width: 24rem;
  height: 18rem;
  display: flex;
  position: absolute;
  inset: 0% 0% auto auto;
}

.button-scope.tab-button.tab-button-active:hover {
  color: #0000;
}

.heading-medium-2 {
  z-index: 1;
  color: var(--color--white);
  margin-top: 0;
  margin-bottom: .5rem;
  font-size: 2rem;
  font-weight: 600;
  line-height: 1.1;
}

.container-large-4 {
  width: 100%;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
}

.page-padding-5 {
  padding-bottom: 8%;
  padding-left: 5%;
  padding-right: 5%;
}

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

.section-header-2 {
  grid-column-gap: 2rem;
  align-items: center;
  display: flex;
}

.heading-large-4 {
  letter-spacing: -2px;
  margin-bottom: 1rem;
  font-size: 2.5rem;
  font-weight: 600;
  line-height: 1.2;
}

.heading-xxlarge {
  letter-spacing: -2px;
  font-size: 3.5rem;
  font-weight: 600;
  line-height: 1.1;
}

.tabs-menu-2 {
  display: none;
}

.button-25 {
  color: #fff;
  text-align: center;
  background-color: #000;
  border: 1px solid #000;
  padding: .75rem 1.5rem;
}

.button-25.is-alternate {
  color: #000;
  background-color: #fff;
}

.infographic-buttons {
  z-index: 2;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  inset: 0%;
}

.section-32 {
  position: relative;
}

.section-32.background-color-blue {
  color: #ffdcdc;
  background-color: #2136b2;
}

.padding-vertical-4, .padding-vertical-4.padding-medium {
  padding-left: 0;
  padding-right: 0;
}

.tabs-content-2 {
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
}

.pink-spacer {
  border-top: 1px solid var(--yellow);
  flex: 1;
  height: 1px;
}

.tab-flex {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.button-agreement {
  color: #0000;
  background-color: #0000;
  justify-content: center;
  align-items: center;
  width: 26rem;
  height: 16rem;
  display: flex;
  position: absolute;
  inset: 0% auto auto 0%;
}

.button-agreement.tab-button, .button-agreement.tab-button:hover {
  color: #0000;
}

.button-reco {
  color: #0000;
  background-color: #0000;
  justify-content: center;
  align-items: center;
  width: 15rem;
  height: 22rem;
  display: flex;
  position: absolute;
  inset: auto auto 12rem 0%;
}

.button-reco.tab-button {
  color: #0000;
}

.text-block-32 {
  color: var(--color--white);
  font-weight: 400;
}

.div-block-50 {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 60px;
  display: flex;
}

.grid-text-wrapper {
  text-align: center;
  padding-left: 3em;
  padding-right: 0;
}

.grid-item-link {
  color: #f9f7e8;
  letter-spacing: .2em;
  text-transform: uppercase;
  border-bottom: 2px solid #f9f7e8;
  padding-bottom: .2em;
  font-size: 1em;
  font-weight: 500;
  text-decoration: none;
  transition: all .2s;
  display: inline-block;
}

.grid-item-link:hover {
  color: #fff9cb;
  border-bottom-color: #2d2d2d;
}

.media-fit-cover {
  object-fit: cover;
  border-radius: 20px;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.grid-row {
  grid-column-gap: 3em;
  grid-template-rows: auto;
  margin-bottom: 12em;
}

.grid-row.is-first {
  grid-column-gap: .5em;
  background-color: #fff0;
  border-radius: 20px;
  margin-bottom: 0;
}

.grid-image-wrapper {
  min-height: 600px;
  position: relative;
  overflow: hidden;
}

.grid-image-wrapper.animate-in {
  margin-left: 5%;
  margin-right: 5%;
}

.grid-image-wrapper.animate-in.right {
  border-radius: 20px;
  margin-left: 0%;
  margin-right: 0;
}

.grid-image-wrapper.animate-in.left {
  margin-right: 0%;
}

.grid-image-wrapper.animate-in.left._02, .grid-image-wrapper.animate-in.left._04 {
  display: none;
}

.grid-item-title {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 2.5em;
  display: flex;
}

.image-overlay {
  z-index: 1;
  background-color: #242424;
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
  inset: 0% auto auto 0%;
}

.text-span-30 {
  color: var(--yellow);
}

.heading-54 {
  text-align: left;
  margin-top: 30px;
  margin-bottom: 2rem;
  font-size: 3.5rem;
  font-weight: 500;
  line-height: 3.8rem;
}

.heading-54.contact {
  color: #fff;
  letter-spacing: 0;
  margin-top: 10px;
  margin-bottom: 1rem;
  font-size: 4.5rem;
  font-weight: 300;
  line-height: 4rem;
}

.div-block-51._02 {
  display: none;
}

.form07_link {
  color: #5b3acc;
  font-size: 13px;
  font-weight: 700;
}

.text-counter {
  color: #5b617c73;
  font-size: 14px;
}

.paragraph-10 {
  color: #5b617c;
  text-align: center;
  max-width: 550px;
  margin-left: auto;
  margin-right: auto;
  font-size: 15px;
  line-height: 23px;
}

.next-button-2 {
  background-color: #5b3acc;
  border-radius: 5px;
  flex: 1;
  align-self: center;
  padding: 12px 32px;
  font-size: 15px;
  transition: background-color .2s ease-in;
}

.field-title {
  color: #000037;
  background-color: #fff;
  margin-bottom: 5px;
  padding-left: 6px;
  font-size: 14px;
  font-weight: 400;
}

.checkbox-4 {
  z-index: 5;
  opacity: 0;
  cursor: pointer;
  border: 2px solid #0000;
  border-radius: 10px;
  width: 100%;
  height: 100%;
  margin-top: 0;
  margin-left: 0;
  position: absolute;
  inset: 0%;
}

.checkbox-4:active {
  border: 1px solid #000;
}

.success-message-5 {
  letter-spacing: 1px;
  padding: 50px;
}

.form12_checkbox_field {
  background-color: #fff;
  border: 1.2px solid #3e34c81a;
  border-radius: 8px;
  flex-direction: column;
  justify-content: flex-start;
  width: 140px;
  height: 120px;
  margin-bottom: 0;
  margin-left: 5px;
  margin-right: 5px;
  padding: 35px 22px 22px;
  display: flex;
  position: relative;
  box-shadow: 1px 1px 35px #c6d3ff47;
}

.checkbox-title-2 {
  color: #5b3acc;
  justify-content: center;
  margin-bottom: 0;
  padding-bottom: 10px;
  font-size: 14px;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.form-title-wrap-2 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 35px;
  display: flex;
}

.slider-3 {
  background-color: #0000;
  max-width: 500px;
  height: 100%;
  position: relative;
}

.mobile-nav-bottom {
  display: none;
}

.submit-button-3 {
  width: 260px;
  height: auto;
  box-shadow: none;
  letter-spacing: 1px;
  background-color: #5b3acc;
  border-radius: 5px;
  margin-bottom: -60px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 14px;
  padding-bottom: 14px;
  transition: background-color .2s ease-in, box-shadow .2s ease-in;
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.previous {
  opacity: .45;
  background-color: #5b3acd;
  justify-content: center;
  align-items: center;
  width: auto;
  max-width: 100px;
  height: 35px;
  margin: auto auto 30px 30px;
  transition: opacity .2s;
  display: flex;
  position: absolute;
  inset: auto auto 0% 0%;
}

.previous:hover {
  opacity: 1;
}

.field-input {
  color: #000037bf;
  background-color: #0000;
  border: 1.5px solid #3e34c80a;
  border-radius: 6px;
  width: 100%;
  min-height: 45px;
  font-size: 16px;
}

.field-input:focus {
  border-color: #0064fe;
}

.field-input::placeholder {
  color: #0000371a;
  font-family: Varela Round, sans-serif;
}

.next {
  justify-content: center;
  align-items: center;
  width: auto;
  max-width: 159px;
  height: 47px;
  margin: auto auto 25px;
  display: block;
  position: relative;
  right: auto;
  overflow: visible;
}

.checkbox_wrap {
  grid-column-gap: 21px;
  grid-row-gap: 21px;
  flex-wrap: nowrap;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  place-items: center;
  width: 100%;
  display: grid;
}

.checkbox_wrap.checkbox_centre {
  justify-content: center;
}

.title-left {
  margin-top: 20px;
  margin-left: 20px;
  position: absolute;
  inset: 0% auto auto 0%;
}

.form-wrapper-2 {
  margin-bottom: 0;
  padding: 0;
  display: block;
}

.form-wrap-2 {
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  max-width: 390px;
  margin-bottom: 5px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.form-section-title-2 {
  color: #0a1f44;
  margin-bottom: 12px;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 32px;
}

.form-full-2 {
  justify-content: center;
  align-items: flex-start;
  min-height: 100vh;
  padding-top: 120px;
  padding-left: 3%;
  padding-right: 3%;
  display: flex;
}

.slide-3 {
  border-radius: 20px;
  flex-wrap: wrap;
  width: 100%;
  height: 100%;
  padding-top: 0;
  padding-bottom: 0;
  position: static;
}

.previous-button-2 {
  opacity: 1;
  color: #5b617c;
  text-indent: -2px;
  flex: none;
  align-self: center;
  padding: 5px 0;
  font-size: 15px;
  transition: opacity .2s ease-in;
}

.previous-button-2:hover {
  opacity: 1;
  border-bottom-color: #0000008c;
}

.form07_legal {
  color: #101c2e8a;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
  font-size: 14px;
}

.slider-content-wrap {
  text-align: center;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  margin-bottom: 100px;
  margin-left: auto;
  margin-right: auto;
  padding: 90px 40px 75px;
  display: flex;
  position: relative;
}

.line-bottom-2 {
  background-color: #c5c7ca;
  height: 1px;
}

.arrow-4 {
  width: 16px;
  margin-right: 8px;
}

.form-content-2 {
  width: 100%;
  margin-bottom: -20px;
}

.form-content-2.final {
  margin-bottom: 0;
}

.text-block-33 {
  color: #5b3acc;
  font-weight: 500;
}

.checkbox-image {
  width: 45px;
}

.counter-image {
  width: 16px;
  margin-right: 5px;
}

.details-right {
  align-items: center;
  margin-top: 20px;
  margin-right: 20px;
  display: flex;
  position: absolute;
  inset: 0% 0% auto auto;
}

.section-33 {
  background-color: #2220;
}

.paragraph-11 {
  color: #5b617c;
  text-align: center;
  max-width: 550px;
  margin-left: auto;
  margin-right: auto;
  font-size: 15px;
  line-height: 23px;
}

.next-button-3 {
  background-color: #5b3acc;
  border-radius: 5px;
  flex: 1;
  align-self: center;
  padding: 12px 32px;
  font-size: 15px;
  transition: background-color .2s ease-in;
}

.checkbox-title-3 {
  color: #5b3acc;
  justify-content: center;
  margin-bottom: 0;
  padding-bottom: 10px;
  font-size: 14px;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.form-title-wrap-3 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 35px;
  display: flex;
}

.submit-button-4 {
  width: 260px;
  height: auto;
  box-shadow: none;
  letter-spacing: 1px;
  background-color: #5b3acc;
  border-radius: 5px;
  margin-bottom: -60px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 14px;
  padding-bottom: 14px;
  transition: background-color .2s ease-in, box-shadow .2s ease-in;
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.form-wrapper-3 {
  margin-bottom: 0;
  padding: 0;
  display: block;
}

.form-wrap-3 {
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  max-width: 390px;
  margin-bottom: 5px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.form-full-3 {
  justify-content: center;
  align-items: flex-start;
  min-height: 100vh;
  padding-top: 140px;
  padding-left: 3%;
  padding-right: 3%;
  display: flex;
}

.previous-button-3 {
  opacity: 1;
  color: #5b617c;
  text-indent: -2px;
  flex: none;
  align-self: center;
  padding: 5px 0;
  font-size: 15px;
  transition: opacity .2s ease-in;
}

.previous-button-3:hover {
  opacity: 1;
  border-bottom-color: #0000008c;
}

.form-content-3 {
  width: 100%;
  margin-bottom: -20px;
}

.form-content-3.final {
  margin-bottom: 0;
}

.text-block-34 {
  color: #5b3acc;
  font-weight: 500;
}

.paragraph-12 {
  color: #5b617c;
  text-align: center;
  max-width: 550px;
  margin-left: auto;
  margin-right: auto;
  font-size: 15px;
  font-weight: 300;
  line-height: 23px;
}

.next-button-4 {
  background-color: var(--purple);
  border-radius: 5px;
  flex: 1;
  align-self: center;
  padding: 12px 32px;
  font-size: 15px;
  transition: background-color .2s ease-in;
}

.checkbox-title-4 {
  color: #5b3acc;
  justify-content: center;
  margin-bottom: 0;
  padding-bottom: 10px;
  font-size: 14px;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.form-title-wrap-4 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 35px;
  display: flex;
}

.submit-button-5 {
  width: 260px;
  height: auto;
  box-shadow: none;
  letter-spacing: 1px;
  background-color: #5b3acc;
  border-radius: 5px;
  margin-bottom: -60px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 14px;
  padding-bottom: 14px;
  transition: background-color .2s ease-in, box-shadow .2s ease-in;
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.form-wrapper-4 {
  margin-bottom: 0;
  padding: 0;
  font-size: 1.125rem;
  display: block;
}

.form-wrap-4 {
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  max-width: 390px;
  margin-bottom: 5px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.previous-button-4 {
  opacity: 1;
  color: #5b617c;
  text-indent: -2px;
  flex: none;
  align-self: center;
  padding: 5px 0;
  font-size: 15px;
  transition: opacity .2s ease-in;
}

.previous-button-4:hover {
  opacity: 1;
  border-bottom-color: #0000008c;
}

.form-content-4 {
  width: 100%;
  margin-bottom: -20px;
}

.form-content-4.final {
  margin-bottom: 0;
}

.text-block-35 {
  color: #5b3acc;
  font-weight: 500;
}

.cell {
  justify-content: flex-start;
  align-items: stretch;
}

.paragraph-13 {
  color: #5b617c;
  text-align: center;
  max-width: 550px;
  margin-left: auto;
  margin-right: auto;
  font-size: 15px;
  line-height: 23px;
}

.next-button-5 {
  background-color: #5b3acc;
  border-radius: 5px;
  flex: 1;
  align-self: center;
  padding: 12px 32px;
  font-size: 15px;
  transition: background-color .2s ease-in;
}

.checkbox-title-5 {
  color: #5b3acc;
  justify-content: center;
  margin-bottom: 0;
  padding-bottom: 10px;
  font-size: 14px;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.slider-4 {
  background-color: #0000;
  max-width: 900px;
  height: 100%;
  position: relative;
}

.submit-button-6 {
  width: 260px;
  height: auto;
  box-shadow: none;
  letter-spacing: 1px;
  background-color: #5b3acc;
  border-radius: 5px;
  margin-bottom: -60px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 14px;
  padding-bottom: 14px;
  transition: background-color .2s ease-in, box-shadow .2s ease-in;
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.checkbox_wrap-2 {
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.checkbox_wrap-2.checkbox_centre {
  justify-content: center;
}

.title-left-2 {
  margin-top: 15px;
  margin-left: 15px;
  position: absolute;
  inset: 0% auto auto 0%;
}

.form-wrapper-5 {
  margin-bottom: 0;
  padding: 0;
  display: block;
}

.previous-button-5 {
  opacity: 1;
  color: #5b617c;
  text-indent: -2px;
  flex: none;
  align-self: center;
  padding: 5px 0;
  font-size: 15px;
  transition: opacity .2s ease-in;
}

.previous-button-5:hover {
  opacity: 1;
  border-bottom-color: #0000008c;
}

.slider-content-wrap-2 {
  text-align: center;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  margin-bottom: 100px;
  margin-left: auto;
  margin-right: auto;
  padding: 90px 0 75px;
  display: flex;
  position: relative;
}

.form-content-5 {
  width: 100%;
  margin-bottom: -20px;
}

.form-content-5.final {
  margin-bottom: 0;
}

.text-block-36 {
  color: #5b3acc;
  font-weight: 500;
}

.details-right-2 {
  align-items: center;
  margin-top: 15px;
  margin-right: 15px;
  display: flex;
  position: absolute;
  inset: 0% 0% auto auto;
}

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

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

.div-block-53 {
  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-start;
  display: grid;
}

.flex-block {
  width: 50%;
  display: block;
}

.flex-block-2 {
  width: 50%;
}

.container-19 {
  max-width: 100%;
  margin-top: 10px;
  margin-left: 5%;
  margin-right: 5%;
}

.paragraph-14 {
  color: #5b617c;
  text-align: center;
  max-width: 550px;
  margin-left: auto;
  margin-right: auto;
  font-size: 15px;
  font-weight: 300;
  line-height: 23px;
}

.next-button-6 {
  background-color: #5b3acc;
  border-radius: 5px;
  flex: 1;
  align-self: center;
  padding: 12px 32px;
  font-size: 15px;
  transition: background-color .2s ease-in;
}

.checkbox-title-6 {
  color: #5b3acc;
  justify-content: center;
  margin-bottom: 0;
  padding-bottom: 10px;
  font-size: 14px;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.slider-5 {
  background-color: #0000;
  max-width: 900px;
  height: 100%;
  position: relative;
}

.submit-button-7 {
  width: 260px;
  height: auto;
  box-shadow: none;
  letter-spacing: 1px;
  background-color: #5b3acc;
  border-radius: 5px;
  margin-bottom: -60px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 14px;
  padding-bottom: 14px;
  transition: background-color .2s ease-in, box-shadow .2s ease-in;
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.previous-2 {
  opacity: .45;
  justify-content: center;
  align-items: center;
  width: auto;
  max-width: 100px;
  height: 35px;
  margin: auto auto 30px 30px;
  transition: opacity .2s;
  display: flex;
  position: absolute;
  inset: auto auto 0% 0%;
}

.previous-2:hover {
  opacity: 1;
}

.checkbox_wrap-3 {
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  width: 80%;
  display: flex;
}

.checkbox_wrap-3.checkbox_centre {
  justify-content: center;
}

.title-left-3 {
  margin-top: 15px;
  margin-left: 15px;
  position: absolute;
  inset: 0% auto auto 0%;
}

.form-wrapper-6 {
  margin-bottom: 0;
  padding: 0;
  display: block;
}

.form-section-title-3 {
  color: #0a1f44;
  margin-bottom: 12px;
  font-size: 32px;
  font-weight: 500;
  line-height: 32px;
}

.form-full-4 {
  justify-content: center;
  align-items: flex-start;
  min-height: 100vh;
  padding-top: 90px;
  padding-left: 3%;
  padding-right: 3%;
  display: flex;
}

.previous-button-6 {
  opacity: 1;
  color: #5b617c;
  text-indent: -2px;
  flex: none;
  align-self: center;
  padding: 5px 0;
  font-size: 15px;
  transition: opacity .2s ease-in;
}

.previous-button-6:hover {
  opacity: 1;
  border-bottom-color: #0000008c;
}

.form-content-6 {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-bottom: -20px;
  display: flex;
}

.form-content-6.final {
  margin-bottom: 0;
}

.text-block-37 {
  color: var(--purple);
  font-weight: 500;
}

.input-flexbox-2 {
  align-items: center;
  display: flex;
}

.submit-button-8 {
  background-color: var(--yellow);
  color: #000;
  border-radius: 8px;
  margin-bottom: 0;
  margin-left: 10px;
  padding: 10px;
  font-size: .9rem;
}

.form-5 {
  text-align: left;
}

.budget-inner-container {
  align-items: center;
  display: flex;
}

.section-34 {
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  display: flex;
}

.lottie-animation-4 {
  width: 128px;
  height: 128px;
  margin-left: auto;
  margin-right: auto;
}

.container-20 {
  width: 100%;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 52px;
  padding-right: 52px;
}

.currency {
  color: #fff;
  padding-right: 8px;
}

.form-text {
  color: #fff;
  text-align: center;
  padding-bottom: 0;
  font-size: .9rem;
  font-style: normal;
  font-weight: 200;
}

.confirmation-message {
  color: #fff;
  font-size: 32px;
  line-height: 120%;
}

.contact-wrapper-2 {
  max-width: 770px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 80px;
  padding-bottom: 80px;
}

.contact-heading {
  text-align: center;
  margin-top: 0;
  margin-bottom: 60px;
}

.custom-textarea {
  color: #000;
  background-color: #eceff1;
  border-radius: 8px;
  min-height: 150px;
}

.custom-textarea:focus {
  border: 1px solid #000;
}

.custom-textarea::placeholder {
  color: #000;
  font-size: .9rem;
  font-weight: 400;
}

.form-heading {
  color: #fff;
  margin-top: 0;
  margin-bottom: 24px;
  font-weight: 400;
}

.input-flexbox {
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 20px;
  display: flex;
}

.input-flexbox.email {
  margin-top: 20px;
}

.input-field {
  background-color: #eceff1;
  border-radius: 8px;
  flex: 1;
  margin-bottom: 0;
  margin-left: 4px;
}

.input-field:active {
  border: 1px solid #ccc;
}

.input-field:focus {
  border: 1px solid #000;
}

.input-field::placeholder {
  font-size: 17px;
  line-height: 22px;
}

.input-field.project-contact {
  color: #000;
  max-width: 250px;
  margin-right: 4px;
}

.input-field.project-contact::placeholder {
  color: #000;
  font-size: .9rem;
  font-weight: 400;
}

.input-field.grow {
  color: #000;
  flex: 1;
}

.input-field.grow::placeholder {
  color: #000;
  font-size: .9rem;
  font-weight: 400;
}

.input-field.email {
  color: #000;
  max-width: 250px;
}

.input-field.email::placeholder {
  color: #000;
  font-size: .9rem;
  font-weight: 400;
}

.input-field.budget {
  color: #000;
  border-radius: 8px;
  max-width: 120px;
  margin-left: 4px;
  margin-right: 4px;
}

.input-field.budget::placeholder {
  color: #000;
  font-size: .9rem;
  font-weight: 400;
}

.input-field.name {
  color: #000;
  max-width: 200px;
}

.input-field.name::placeholder {
  color: #000;
  font-size: .9rem;
  font-weight: 400;
}

.success-message-6 {
  background-color: #fff0;
}

.contact-block {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  -webkit-text-fill-color: inherit;
  background-color: #ffffff14;
  background-clip: border-box;
  border: 1px solid #ffffff2e;
  border-radius: 6px;
  padding: 40px;
}

.text-block-38 {
  color: #fff;
  padding-right: 10px;
  font-size: .9rem;
  font-weight: 400;
}

.text-block-38.contact-form-padding-bottom {
  padding-bottom: 10px;
}

.form-text-2 {
  color: #fff;
  margin-bottom: 10px;
  font-size: .9rem;
  font-weight: 300;
}

.terms {
  color: var(--yellow);
  text-decoration: none;
}

.section-35 {
  padding-bottom: 60px;
}

.text-block-39 {
  color: #fff;
  margin-top: 20px;
  font-size: 1.2rem;
}

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

.text-block-41 {
  color: #fff;
  margin-left: 10px;
  padding-left: 0;
  font-weight: 400;
}

.checkbox-label-3 {
  color: #fff;
}

.text-block-42, .text-block-43, .text-block-44, .text-block-45 {
  color: var(--color--white);
  font-weight: 400;
}

.div-block-56 {
  display: flex;
}

.image-66 {
  width: 25px;
}

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

.error-message-7 {
  background-color: #fff0;
}

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

.logo-5 {
  width: 11rem;
}

.logo-5.small {
  width: 9rem;
}

.side-menu-wrapper {
  z-index: 14;
  white-space: nowrap;
  flex-direction: column;
  grid-template-rows: auto auto auto auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-content: stretch;
  place-items: start end;
  width: 22rem;
  height: 100vh;
  padding-left: 1.5rem;
  padding-right: 2rem;
  display: grid;
  overflow: hidden;
}

.text-size-large-2 {
  color: #000;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.5rem;
}

.text-size-large-2.text-color-white {
  font-weight: 400;
  text-decoration: none;
}

.menu-icon-2 {
  width: 2rem;
}

.side-menu_component {
  z-index: 999;
  white-space: normal;
  object-fit: none;
  flex-wrap: nowrap;
  justify-content: flex-end;
  width: 22rem;
  height: 130vh;
  padding-top: 20rem;
  padding-right: 0;
  display: flex;
  position: fixed;
  inset: -20rem 0 0 auto;
  overflow: visible;
}

.text-size-tiny-3 {
  font-size: .75rem;
}

.text-size-tiny-3.text-color-white {
  transition: opacity .2s;
}

.text-size-tiny-3.text-color-white:hover {
  opacity: .5;
}

.text-size-tiny-3.text-color-white.text-style-allcaps.text-style-muted {
  opacity: 100;
  color: #818181;
}

.close-button {
  background-color: var(--color--primary);
  cursor: pointer;
  background-image: url("https://cdn.prod.website-files.com/6918698fdd7deae62be0a467/69df6a055afa93189fe113b0_cross-white.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 1rem 1rem;
  border: 1px solid #000;
  border-radius: 100vw;
  width: 2rem;
  height: 2rem;
  padding: 0;
  transition: border-color .35s;
}

.close-button:hover {
  border-color: #fff;
}

.underline {
  background-color: var(--purple-2);
  width: 100%;
  height: 2px;
  transform: translate(102%);
}

.side-menu-background {
  z-index: 1;
  background-color: #f0f0f0;
  width: 22rem;
  height: 130vh;
  padding-top: 0;
  position: fixed;
  inset: -20% 0 auto auto;
  overflow: hidden;
  box-shadow: -8px 0 30px #0000003b;
}

.side-menu-text-wrap {
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-end;
  margin: 0;
  display: flex;
  overflow: hidden;
}

.nav-link-block {
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.navbar_component {
  z-index: auto;
  background-color: #ddd0;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 1.5rem 2rem;
  display: flex;
}

.side-menu-item-wrapper.footer {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  width: auto;
  margin-top: 1rem;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.side-menu-item-wrapper.flex-h {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  display: flex;
}

.side-menu-item-wrapper.flex-h.logo-text {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-end;
  margin-top: -67px;
  padding-top: 0;
}

.side-menu-item-wrapper.flex-h.close-btn {
  padding-bottom: 0;
}

.side-menu-item-wrapper.flex-v {
  flex-direction: column;
  align-items: flex-end;
  width: 100%;
  padding-top: 1.5rem;
  padding-bottom: 0;
  display: flex;
}

.side-menu-item-wrapper.flex-v.lottie-02 {
  padding-top: 0;
}

.menu-button-2 {
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  padding: 0 0 0 1.5rem;
  display: flex;
}

.text-block-47 {
  color: var(--color--white);
  margin-right: 10px;
}

.link-18 {
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.4rem;
  text-decoration: none;
}

.link-18:hover {
  color: var(--purple);
}

.div-block-57 {
  padding-left: 0;
}

.text-block-48 {
  color: #000;
  margin-top: 15px;
  font-size: .9rem;
}

.link-19 {
  color: var(--color--primary);
  margin-top: 15px;
  font-size: .9rem;
  font-weight: 400;
  line-height: .9rem;
  text-decoration: none;
}

.link-19:hover {
  color: var(--purple);
}

.link-19._02 {
  margin-top: 0;
  line-height: .9rem;
}

.lottie-animation-5 {
  width: 125px;
}

.main-hero_section {
  border-bottom: 2px solid #fff3;
}

.container-21 {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.page-padding-6 {
  padding: 5em 6%;
}

.page-padding-6.is-main-hero {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  min-height: 100vh;
  display: flex;
}

.main-hero_layout {
  grid-column-gap: 1.4em;
  grid-row-gap: 1.4em;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.main-hero_sub-heading {
  border: 1.5px solid #ffffff3d;
  border-radius: 100vw;
  padding: .3em 1.5em;
  font-weight: 700;
  display: inline-block;
}

.main-hero_heading {
  color: #fff;
  letter-spacing: 0;
  width: 100%;
  max-width: 100%;
  font-size: 2.6em;
  font-weight: 300;
  line-height: 1;
}

.text-span-31 {
  font-weight: 500;
}

.div-block-58 {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.text-block-49 {
  color: #0000008c;
  text-align: right;
  border-top: 1px solid #00000021;
  padding-top: 10px;
  font-size: .7rem;
  line-height: .7rem;
}

.text-span-32, .text-span-33 {
  color: var(--yellow);
}

.button-tooltip {
  color: #000;
  background-color: #fff;
  border: 1px solid #e6e6e6;
  border-radius: .25rem;
  flex: none;
  justify-content: center;
  align-items: center;
  padding: .5em .75em;
  display: flex;
}

.button-transition-wrapper {
  pointer-events: none;
  border-radius: 50rem;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.button-transition {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  color: #fff;
  background-color: #2b2b2b;
  border-radius: .25rem;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
  transform: translate(0, 100%);
}

.button-transition.button-transition-rounded {
  background-color: #272727;
  border-radius: 50rem;
}

.button-tooltip-wrapper {
  justify-content: center;
  align-items: center;
  font-size: .75rem;
  display: flex;
  position: absolute;
  inset: auto 0% -2.25rem;
}

.button-rounded-tooltip {
  grid-column-gap: .75em;
  grid-row-gap: .75em;
  pointer-events: auto;
  color: #fff;
  background-color: #000;
  border-radius: 50em;
  justify-content: center;
  align-items: center;
  min-height: 3rem;
  padding: 1em 2.75em;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1em;
  text-decoration: none;
  display: flex;
  position: relative;
}

.text-span-34 {
  color: var(--yellow);
}

.text-block-50 {
  color: var(--yellow);
  margin-top: 5px;
  font-weight: 600;
  text-decoration: none;
}

.text-span-35 {
  color: var(--yellow);
}

.loading {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: none;
  position: fixed;
  inset: 0%;
}

.html-embed {
  justify-content: center;
  align-items: center;
  display: block;
}

@media screen and (min-width: 1280px) {
  .paragraph-large.medium.reviews {
    color: #505050;
  }

  .container-large {
    max-width: 68rem;
  }

  .accordion-wrap.services {
    margin-top: 10px;
  }

  .text-xl.cc-u-text-muted {
    font-weight: 400;
  }

  .text-wrapper-3.name {
    margin-top: 30px;
  }

  .text-xs {
    margin-top: -3px;
  }

  .header-col.cc-gap-16.cc-top-112.client {
    box-shadow: none;
    background-color: #f8f8f8;
  }

  .image-6.cc-user-img {
    border-radius: 100px;
  }

  .testimonial-card.client {
    margin-top: 30px;
  }

  .section-11.cc-testimonial {
    background-image: url("https://cdn.prod.website-files.com/6918698fdd7deae62be0a467/69a844bde78ed59dc9c4eace_cogden-dot-bg.webp");
    background-position: 0 0;
    background-repeat: repeat;
    background-size: cover;
    background-attachment: scroll;
  }

  .scroll-section-header {
    max-width: 1000px;
  }

  .div-block-23 {
    height: 300px;
  }

  .bold-text-6 {
    font-weight: 600;
  }

  .image-55 {
    margin-left: 5px;
    padding-left: 3px;
  }

  .content-box {
    top: 70px;
  }

  .page-title-large {
    font-size: 72px;
  }

  .hero-main-image {
    height: 100vh;
  }
}

@media screen and (min-width: 1440px) {
  .container-large {
    max-width: 70rem;
  }

  .grid-2-columns-2.form {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
  }

  .grid-2-columns-2.contact-v1 {
    grid-column-gap: 80px;
    grid-template-columns: 1fr 1.2fr;
  }

  .nav-wrapper {
    width: 1440px;
  }

  .section-14.home-hero-section {
    min-height: 60vh;
  }

  .scroll-text-message {
    font-size: .8rem;
  }

  .project-description {
    font-size: 15px;
  }

  .project-tag-container, .button-18 {
    font-size: 17px;
  }

  .content-box {
    top: 50px;
  }

  .page-title-large {
    font-size: 80px;
  }

  .icon-box-wrap.top-box {
    top: 19%;
  }

  .text-size-large-2.text-color-white {
    text-decoration: none;
  }

  .side-menu_component {
    padding-right: 5px;
    right: 0;
  }
}

@media screen and (min-width: 1920px) {
  .container-fluid {
    padding-left: 10%;
    padding-right: 10%;
  }

  .container-fluid.alt2 {
    padding-bottom: 10px;
  }

  .hero-caption.projects {
    font-size: 1.5rem;
  }

  .hero-caption.nav {
    font-size: .8vw;
  }

  .section.no-padding {
    margin-top: 0;
    padding-top: 0;
  }

  .section.sbs {
    margin-bottom: 0;
    padding-bottom: 4rem;
  }

  .section.projects {
    margin-top: -1px;
    padding-left: 10%;
    padding-right: 10%;
  }

  .container.connections {
    max-width: none;
    margin-left: 0;
    margin-right: 0;
    padding-left: 10%;
    padding-right: 10%;
  }

  .container.projects {
    width: 80%;
  }

  .heading-small.mobile.connections {
    font-size: 4.3vw;
    line-height: 4.5vw;
  }

  .heading-small.sbs {
    font-size: 2.4vw;
  }

  .heading-small.white.projects {
    margin-top: 0;
    margin-bottom: 40px;
  }

  .heading-small.white.projects._02 {
    margin-top: 1.5em;
    margin-bottom: 40px;
  }

  .heading-small.your-website {
    font-size: 4.2vw;
  }

  .paragraph-large.center.padding-top, .paragraph-large.medium, .paragraph-large.medium.reviews {
    font-size: 1.4vw;
  }

  .about-image-inner {
    padding-bottom: 100%;
  }

  .paragraph.white.padding-bottom {
    font-size: 1.2rem;
  }

  .paragraph.white.padding-bottom._02 {
    margin-bottom: 50px;
    padding-bottom: 0;
  }

  .margin-bottom-large, .margin-bottom-large.reviews {
    margin-bottom: 4rem;
  }

  .divider.white._1._23 {
    border-top-color: #ffffff14;
    border-bottom-color: #ffffff4d;
  }

  .divider.white.project-page {
    opacity: .38;
    margin-bottom: 30px;
  }

  .faq-item {
    background-color: #f3f3f3;
  }

  .faq-number.branding {
    font-size: 1.6vw;
  }

  .faq-title {
    text-align: center;
    font-size: 1vw;
  }

  .faq-title.dev {
    text-align: center;
    font-size: 1.5vw;
  }

  .faq-text.branding {
    font-size: 1.3vw;
    font-weight: 400;
    line-height: 1.2;
  }

  .container-small {
    max-width: 90rem;
  }

  .grid-12-columns-small.centered {
    width: 100%;
    margin-right: 0;
  }

  .hero-text-container.mobile {
    max-width: 100%;
  }

  .caption-icon.dev {
    width: 38px;
  }

  .opacity-80._01 {
    padding-bottom: 10px;
    padding-left: 2%;
    padding-right: 2%;
  }

  .footer-row-middle.new-footer {
    margin-left: -13%;
    margin-right: -13%;
  }

  .button-5.purple.services.w--current {
    background-color: var(--purple-2);
  }

  .button-5.yellow.services {
    margin-top: 60px;
  }

  .container-large {
    max-width: 80rem;
  }

  .text-block-7.black {
    font-size: 1.3vw;
  }

  .container-default {
    max-width: 100%;
    padding-left: 10%;
    padding-right: 10%;
  }

  .inner-container._574px.center {
    margin-top: 40px;
  }

  .inner-container._1104px.center {
    max-width: 100%;
  }

  .input-2 {
    font-size: 1.6vw;
  }

  .section-5.position-relative.alt {
    min-height: 100vh;
  }

  .section-5.faqs {
    padding-top: 100px;
    padding-bottom: 140px;
  }

  .text-center.mg-bottom-64px {
    width: 100%;
    margin-top: 100px;
  }

  .text-center.step-by-step {
    max-width: 100%;
  }

  .image-5 {
    vertical-align: baseline;
    flex: 0 auto;
  }

  .container-6.cc-testimonial {
    max-width: 100%;
    margin-left: 0;
    padding-left: 10%;
    padding-right: 10%;
  }

  .image-6.cc-user-img {
    border-radius: 10px;
  }

  .section-11.cc-testimonial {
    background-position: 0 0;
    background-size: cover;
    padding-bottom: 4rem;
  }

  .c-card-back, .c-card-front {
    width: 100%;
  }

  .tags.homepage {
    padding: 5px 10px;
    font-size: 1.5rem;
  }

  .close-btn-text {
    line-height: 1;
  }

  .image-8 {
    max-width: 1800px;
  }

  .image-9 {
    margin-top: 10px;
  }

  .button-wrapper-2 {
    margin-top: 20px;
  }

  .section-header-wrap {
    flex-flow: row;
    width: 140%;
    display: flex;
  }

  .scroll-text-message {
    font-size: 1.1rem;
  }

  .button-icon {
    width: 1.3rem;
  }

  .scroll-section-header {
    line-height: 1;
  }

  .section-subtitle {
    font-size: 1rem;
  }

  .scroll-container {
    margin-left: 0;
  }

  .steps-right {
    width: 50%;
  }

  .step-content {
    border-style: solid;
  }

  .steps-section {
    background-image: url("https://cdn.prod.website-files.com/6918698fdd7deae62be0a467/69a844bde78ed59dc9c4eace_cogden-dot-bg.webp");
    background-position: 0 0;
    background-size: cover;
    margin-top: -1px;
  }

  .left-content {
    width: 90%;
  }

  .steps-cont {
    max-width: 100vw;
    padding-left: 10%;
    padding-right: 10%;
  }

  .steps-left {
    margin-top: 60px;
  }

  .heading-9 {
    font-size: 3.5vw;
    line-height: 3.2vw;
  }

  .heading-9.white {
    letter-spacing: 0;
    margin-bottom: .25rem;
    line-height: 5vw;
  }

  .heading-9.white.contact {
    margin-top: 100px;
    margin-bottom: 0;
    font-size: 3.5vw;
  }

  .paragraph-5 {
    font-size: 1.4vw;
    line-height: 1.4vw;
  }

  .paragraph-5.centered {
    text-align: center;
    width: 100%;
    font-weight: 300;
    line-height: 1.4vw;
  }

  .paragraph-5.centered.thin.black {
    width: 95%;
  }

  .paragraph-5.develop-service {
    width: 85%;
    margin-top: 20px;
    margin-bottom: 2vw;
    line-height: 1.8vw;
  }

  .steps-section-2 {
    background-color: #1d1d1d;
  }

  .dark-text {
    font-size: 2.8vw;
  }

  .section-15, .section-15.white-bg {
    padding-left: 10%;
    padding-right: 10%;
  }

  .paragraph-6 {
    font-size: 1.2vw;
  }

  .div-block-20 {
    display: flex;
  }

  .heading-h1.outline {
    font-family: Overused-Grotesk;
  }

  .div-block-23 {
    width: 850px;
    height: 600px;
  }

  .div-block-25 {
    width: 850px;
  }

  .heading-12 {
    font-size: 3.5vw;
    line-height: 3.2vw;
  }

  .heading-12.black {
    font-size: 3.5vw;
  }

  .grid__item--thumb.ratio-9x16 {
    order: 1;
  }

  .grid__item.grid__item--wide-5x2-anamorphic-copy {
    grid-column: span 8;
  }

  .grid__wrapper {
    grid-template-columns: 12.5% 12.5% 12.5% 12.5% 12.5% 12.5% 12.5% 12.5%;
  }

  .heading-43 {
    font-size: 2.2vw;
  }

  .div-block-32, .div-block-34 {
    width: 900px;
  }

  .text-block-20 {
    margin-top: 30px;
  }

  .line_03 {
    background-color: #e6e6e673;
    width: 40%;
    margin-left: 0%;
  }

  .block_wrap {
    justify-content: flex-start;
    align-items: center;
  }

  .body-detail {
    max-width: 60%;
  }

  .process-wrap {
    padding-left: 10%;
    padding-right: 10%;
  }

  .heading-large-2 {
    width: 70%;
    margin-top: 80px;
    margin-bottom: 1rem;
    font-size: 3.5vw;
    line-height: 4vw;
  }

  .heading-large-2.black {
    font-size: 6.5rem;
    line-height: 4.5vw;
  }

  .heading-large-2.black.branding {
    width: 90%;
  }

  .line_01 {
    background-color: #e6e6e673;
    margin-left: 0%;
  }

  .plain_text {
    width: 80%;
  }

  .div-block-38 {
    flex-flow: column;
    margin-left: 0;
    margin-right: 0;
    padding-top: 40px;
    padding-left: 10%;
    padding-right: 10%;
    display: flex;
  }

  .div-block-38.padding-top.branding {
    margin-top: 0;
  }

  .line_02 {
    background-color: #e6e6e673;
  }

  .section-20 {
    padding-left: 0%;
    padding-right: 0%;
  }

  .featuresv8_header {
    margin-top: 1rem;
    margin-bottom: 0;
  }

  .text-custom-gray {
    margin-top: 20px;
    font-size: 1.5vw;
  }

  .featuresv8_component.is-first, .featuresv8_component.is-second, .featuresv8_component.is-third {
    padding-top: 2%;
    padding-left: 10%;
    padding-right: 10%;
  }

  .featuresv8_component.is-fourth {
    padding-left: 10%;
    padding-right: 10%;
  }

  .h2-paragraph-padding {
    max-width: 100%;
  }

  .featuresv8_header-text {
    font-size: 1.2vw;
  }

  .project-title-2 {
    font-size: 40px;
  }

  .projects-marquee-container {
    width: 200vw;
  }

  .section-21 {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .heading-46 {
    max-width: 780px;
    font-size: 56px;
    line-height: 1.1;
  }

  .container-10 {
    max-width: 1600px;
  }

  .teaser-container {
    max-width: 100%;
    padding-left: 10%;
    padding-right: 10%;
  }

  .teaser-copy {
    max-width: 750px;
    margin-right: 60px;
  }

  .heading-47._02 {
    font-size: 1rem;
    font-weight: 400;
  }

  .hyperlink-1 {
    margin-bottom: 1rem;
    font-size: .8vw;
  }

  .text-span-19 {
    color: var(--purple);
    font-weight: 700;
  }

  .section-23 {
    margin-top: -1px;
  }

  .div-block-41 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: flex-end;
    align-items: center;
    display: block;
  }

  .container-11 {
    max-width: none;
  }

  .footer-01 {
    padding-left: 10%;
    padding-right: 10%;
  }

  .footer-link-2 {
    padding-bottom: 0;
  }

  .footer-title {
    font-size: 22px;
    font-weight: 600;
  }

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

  .section-24 {
    margin-top: -1px;
    margin-bottom: -1px;
  }

  .heading-50 {
    line-height: 3vw;
  }

  .content-box {
    flex-flow: column;
    justify-content: space-between;
    display: flex;
  }

  .hero-scroll-wrapper {
    background-position: 50%;
    background-size: 100% 100%;
  }

  .icon-box-wrap.top-box {
    inset: 4% 0% auto;
  }

  .icon-box-wrap.bottom-box {
    bottom: 3%;
  }

  .hero-inner-container {
    flex-flow: column;
    justify-content: center;
    display: flex;
  }

  .text-block-31 {
    font-size: 1.2vw;
  }

  .services-paragraph.intro {
    width: 100%;
  }

  .services-paragraph.white.contact {
    margin-top: 0;
    font-size: 1.4vw;
  }

  .services-paragraph.contact {
    width: 100%;
    font-size: 1.4rem;
  }

  .container-12 {
    max-width: 90vw;
  }

  .checkbox_row {
    max-width: 100%;
  }

  .checkbox_button.w--redirected-checked {
    background-color: #60af73a8;
  }

  .custom-checkbox-label {
    z-index: 3;
  }

  .div-block-47 {
    padding-left: 0%;
    padding-right: 0%;
  }

  .div-block-47.branding {
    padding-right: 40px;
  }

  .heading-53 {
    letter-spacing: -.02em;
  }

  .div-block-48 {
    width: 70%;
  }

  .home-service-intro {
    max-width: 80rem;
  }

  .home-service-block {
    padding-left: 10%;
    padding-right: 10%;
  }

  .icon-7 {
    width: 2rem;
    height: 2rem;
  }

  .text-size-large.text-align-center {
    font-size: 2rem;
  }

  .padding-top.padding-huge {
    padding-left: 10%;
    padding-right: 10%;
  }

  .container-large-4 {
    max-width: 100%;
  }

  .grid-text-wrapper {
    padding-left: 2em;
    padding-right: 2em;
  }

  .grid-row.is-first {
    grid-column-gap: 1em;
    grid-row-gap: 16px;
  }

  .grid-image-wrapper.animate-in.right {
    margin-left: auto;
    margin-right: auto;
  }

  .text-span-30 {
    color: #ffd703;
  }

  .heading-54.contact {
    letter-spacing: -.01em;
    font-size: 6rem;
    line-height: 5rem;
  }

  .div-block-51, .div-block-51.contact {
    padding-left: 0%;
    padding-right: 0%;
  }

  .slider-3 {
    max-width: 800px;
  }

  .checkbox_wrap {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-auto-flow: column;
    place-content: center;
    place-items: center;
    width: 50%;
  }

  .form-full-2 {
    width: 100%;
    max-width: 100%;
    padding-left: 0%;
    padding-right: 0%;
  }

  .form-content-4 {
    align-self: auto;
  }

  .slider-4 {
    max-width: 1200px;
  }

  .container-19 {
    max-width: 100%;
    margin-left: 0%;
    margin-right: 0%;
  }

  .div-block-54, .div-block-55 {
    padding-left: 0%;
    padding-right: 0%;
  }

  .custom-textarea::placeholder, .input-field.project-contact::placeholder, .input-field.grow::placeholder, .input-field.email::placeholder, .input-field.name::placeholder {
    font-size: 1rem;
  }

  .text-block-38 {
    font-size: 1.2rem;
  }

  .section-35 {
    padding: 2% 10% 5%;
  }

  .text-block-39 {
    font-size: 1.4rem;
  }

  .text-block-41 {
    font-size: 1.2rem;
  }

  .italic-text-2 {
    font-size: 1rem;
  }

  .text-span-35 {
    color: var(--yellow);
    letter-spacing: .1em;
    padding-left: 10px;
  }
}

@media screen and (max-width: 991px) {
  .navigation-menu {
    border-bottom: 1px solid var(--color--primary);
    background-color: var(--color--white);
    text-align: left;
    margin-left: 0;
    margin-right: 0;
    padding: .9375rem 1.25rem;
    display: block;
  }

  .navigation-menu.home {
    background-color: var(--color--primary);
  }

  .menu-button.home {
    opacity: .8;
  }

  .navigation-link {
    margin-left: 0;
    padding-top: .7rem;
    padding-bottom: .7rem;
    font-size: 1.25rem;
  }

  .navigation-link.w--current {
    display: inline-block;
  }

  .navigation-link.home {
    opacity: 100;
    color: var(--color--white);
  }

  .navigation-icon-text {
    display: block;
  }

  .hero-title {
    font-size: 15vw;
  }

  .hero-heading {
    perspective-origin: 50%;
  }

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

  .hero-caption-first {
    text-align: center;
  }

  .hero-caption-second {
    display: none;
  }

  .hero-caption-third {
    text-align: center;
  }

  .hero-caption-inner {
    justify-content: center;
  }

  .container {
    max-width: 100%;
    padding-left: 1.875rem;
    padding-right: 1.875rem;
  }

  .grid-12-columns {
    grid-row-gap: 6.25rem;
  }

  .section-title-text.to-right.hidden-on-mobile {
    display: none;
  }

  .section-title-text.visible-on-mobile {
    display: block;
  }

  .heading-small {
    font-size: 7.6vw;
  }

  .about-section-content {
    padding-right: 0%;
  }

  .paragraph-large {
    text-indent: 0;
    font-size: 2.8vw;
  }

  .heading-rotation {
    perspective-origin: 50%;
  }

  .heading-large {
    margin-top: -.08em;
    font-size: 13vw;
  }

  .mission-title-wrapper {
    margin-left: 0%;
    position: relative;
  }

  .position-relative {
    position: relative;
  }

  .service-item-grid {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 5fr 2fr;
  }

  .margin-bottom-large {
    margin-bottom: 6rem;
  }

  .grid-3-columns {
    grid-column-gap: 1rem;
    grid-row-gap: 3.25rem;
    grid-template-columns: 1fr 1fr;
  }

  .blog-item-title {
    font-size: 2.8vw;
  }

  .blog-item-intro {
    padding-right: 0;
  }

  .footer-rows {
    min-height: 80vh;
  }

  .footer-widget, .footer-link {
    font-size: 1.2rem;
  }

  .footer-credits {
    text-align: center;
    justify-content: center;
    align-items: flex-start;
    font-size: 1.0625rem;
  }

  .footer-credits.to-right {
    justify-content: center;
    align-items: flex-start;
  }

  .page-title-wrapper {
    text-align: center;
  }

  .page-title {
    font-size: 12vw;
  }

  .team-image-wrapper {
    margin-bottom: 1.2rem;
  }

  .faq-grid {
    grid-row-gap: 1.875rem;
    grid-template-columns: 1fr 1fr;
  }

  .faq-number {
    font-size: 15vw;
  }

  .faq-title {
    font-size: 2.8vw;
  }

  .heading-medium {
    font-size: 10vw;
  }

  .call-action-column-right {
    text-align: left;
  }

  .call-action-grid {
    grid-row-gap: 3.125rem;
  }

  .link-large {
    font-size: 3.6vw;
  }

  .form-label {
    font-size: 2.8vw;
  }

  .form-field {
    letter-spacing: 0;
    font-size: 2.8vw;
  }

  .split-item {
    font-size: 2.36vw;
  }

  .page-title-small {
    font-size: 9vw;
  }

  .grid-12-columns-small {
    grid-row-gap: 3.125rem;
  }

  .location {
    padding-top: .9375rem;
    padding-bottom: .9375rem;
  }

  .location.w--current {
    display: inline-block;
  }

  .location.home {
    color: var(--color--white);
  }

  .has-title-vertical {
    grid-column-gap: 5vw;
    grid-row-gap: 5vw;
  }

  .about-image-wrapper {
    margin-left: 0%;
  }

  .mission-heading-wrapper {
    z-index: 1;
  }

  .mission-heading-number {
    top: .25vw;
  }

  .mission-text {
    margin-left: 0%;
  }

  .split-section {
    height: auto;
  }

  .split-background {
    display: none;
  }

  .split-content {
    background-color: var(--color--primary);
    width: 100%;
    min-height: 0;
    margin-top: 0;
    padding: 3.125rem 1.875rem;
    position: relative;
  }

  .accordion-title {
    font-size: 7.6vw;
  }

  .split-image-wrapper {
    width: 100%;
    height: auto;
    padding-top: 56.25%;
    position: relative;
  }

  .portfolio-tab-pane, .portfolio-tab-pane.padding-smaller {
    padding-top: 3.125rem;
  }

  .project-arrow {
    flex: none;
    width: 1.75rem;
    height: 1.75rem;
  }

  .project-content {
    padding: 1.25rem;
  }

  .project-title {
    font-size: 1.5rem;
  }

  .project-content-footer {
    grid-column-gap: .35rem;
    grid-row-gap: .35rem;
  }

  .project-label-text {
    padding-bottom: .4em;
    padding-left: .5em;
    padding-right: .5em;
    font-size: .9rem;
    font-weight: 400;
  }

  .projects-grid {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .grid-12-columns-fixed-gap {
    grid-column-gap: 1rem;
    grid-row-gap: 3.125rem;
  }

  .projects-list-text {
    font-size: 1.25rem;
  }

  .projects-list-columns {
    grid-row-gap: 1rem;
  }

  .projects-list-image-wrapper {
    width: 18%;
    display: none;
  }

  .projects-list-title {
    font-size: 1.25rem;
  }

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

  .benefits-grid {
    grid-column-gap: 1rem;
    grid-row-gap: 5rem;
  }

  .grid-12-columns-extra-small {
    grid-row-gap: .5rem;
  }

  .grid-12-columns-zero {
    grid-row-gap: 0rem;
  }

  .footer-heading {
    font-size: 16vw;
  }

  .footer-circle-link {
    width: 20vw;
    height: 20vw;
    padding: .5rem;
  }

  .paragraph-extra-large {
    font-size: 3.6vw;
  }

  .awards-list-columns {
    grid-row-gap: 1rem;
  }

  .service-item-columns {
    grid-column-gap: 5vw;
    grid-row-gap: 5vw;
  }

  .service-content-columns {
    grid-template-columns: 1fr;
  }

  .service-text {
    font-size: 3vw;
  }

  .div-block {
    flex-flow: wrap;
  }

  .projects-rows {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .page-title-medium {
    font-size: 12vw;
  }

  .contact-section-content {
    padding-right: 0%;
  }

  .contact-section-bottom {
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
  }

  .marquee-heading {
    font-size: 10vw;
  }

  .contact-image-wrapper {
    margin-left: 0%;
  }

  .benefits-3-columns {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-template-columns: minmax(10px, 1fr) minmax(10px, 1fr);
  }

  .blog-wrapper {
    padding-top: 6rem;
  }

  .hero-caption-flex {
    justify-content: center;
  }

  .shop-wrapper {
    padding-top: 6rem;
  }

  .shop-item-intro {
    padding-right: 0;
  }

  .shop-item-title {
    font-size: 2.8vw;
  }

  .shop-price {
    font-size: 7.6vw;
  }

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

  .section-title-text-2.to-right.hidden-on-mobile {
    display: none;
  }

  .section-title-text-2.visible-on-mobile {
    display: block;
  }

  .section-title-text-3.to-right.hidden-on-mobile {
    display: none;
  }

  .section-title-text-3.visible-on-mobile {
    display: block;
  }

  .timeline-main-grid {
    padding-top: 5.5vw;
    padding-bottom: 5.5vw;
  }

  .timeline-path, .timeline-progress-bar {
    width: .25vw;
  }

  .heading-60px {
    font-size: 4.72vw;
  }

  .timeline-section {
    padding-bottom: 3vw;
  }

  .timeline-right-box {
    padding-top: 12.1vw;
    padding-left: 1.65vw;
  }

  .stage-image {
    width: 39.28vw;
    height: 43.2vw;
    margin-top: 4.72vw;
  }

  .heading-35px.right-title {
    margin-bottom: 3.13vw;
    font-size: 2.75vw;
  }

  .timeline-circle {
    width: 1.65vw;
    height: 1.65vw;
  }

  .paragraph-20px.right-text {
    font-size: 1.57vw;
  }

  .stage-tag {
    font-size: 3.15vw;
  }

  .spacer-medium {
    padding-top: 1.5rem;
  }

  .lead-form_progress {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .lead-form_glow-circle {
    filter: blur(4rem);
    top: 3%;
    left: 90%;
  }

  .section_lead-form {
    grid-template-rows: 100svh;
    grid-template-columns: minmax(0, 1fr);
    height: auto;
  }

  .heading-style-h2 {
    letter-spacing: -.1rem;
    font-size: 2.75rem;
  }

  .service-item-image {
    height: 100%;
  }

  .service-item-content {
    grid-template-rows: max-content;
    grid-template-columns: 1fr;
    justify-items: center;
    height: 85vh;
    padding: 2.5rem;
  }

  .service-item-image-box {
    width: 100%;
    overflow: hidden;
  }

  .service-item-number-box {
    display: none;
  }

  .page-padding {
    padding-left: 6vw;
    padding-right: 6vw;
  }

  .image-2 {
    width: 100%;
    position: absolute;
    inset: 0% 0% auto;
  }

  .header--content {
    justify-content: space-between;
  }

  .field_wrap {
    align-items: flex-start;
  }

  .field_wrap.select {
    align-items: stretch;
  }

  .cms_version {
    z-index: 99;
  }

  .page-padding-2 {
    z-index: 20;
    position: relative;
  }

  .main-form_component {
    flex-direction: column;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    margin-top: 189px;
    display: flex;
  }

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

  .form {
    width: 100%;
  }

  .grid-top---text-2-buttons {
    grid-row-gap: 24px;
    grid-template-columns: .7fr;
  }

  .testimonial-v3-image-wrapper {
    max-width: 390px;
  }

  .buttons-row.right.left-tablet {
    justify-content: flex-start;
  }

  .btn-primary {
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .card.form {
    padding: 54px 32px;
  }

  .pd---content-inside-card.testimonial-v3 {
    padding-left: 48px;
    padding-right: 48px;
  }

  .tabs-menu.bottom {
    flex-direction: column;
    align-items: stretch;
  }

  .mg-bottom-32px {
    margin-bottom: 24px;
  }

  .tab-card {
    margin-left: 8px;
    margin-right: 8px;
    padding-left: 32px;
    padding-right: 32px;
  }

  .text-300.bold.footer-title {
    margin-bottom: 24px;
  }

  .section-3 {
    padding-top: 118px;
    padding-bottom: 118px;
  }

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

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

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

  .brands_item-logo {
    height: 25%;
  }

  .brands_item-logo-wrap {
    width: 12rem;
  }

  .container-medium-2 {
    max-width: none;
  }

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

  .padding-global-2 {
    padding-left: 2.25rem;
    padding-right: 2.25rem;
  }

  .section-4 {
    padding-top: 118px;
    padding-bottom: 118px;
  }

  .grid-2-columns-2.contact-v1 {
    grid-row-gap: 80px;
    grid-template-columns: 1fr;
  }

  .half-bg-right {
    width: 100%;
    height: 40%;
    inset: auto 0% 0%;
  }

  .half-bg-right.width-36 {
    width: 100%;
  }

  .text-301.bold.footer-title {
    margin-bottom: 24px;
  }

  .section-5 {
    padding-top: 118px;
    padding-bottom: 118px;
  }

  .button-arrow {
    width: 2rem;
    height: 2rem;
  }

  .text-style-link {
    font-size: .875rem;
  }

  .page-padding-3 {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

  .section-home-hero_inner.padding-top.padding-huge.margin-bottom.margin-xhuge {
    max-width: 90%;
    padding-left: 1rem;
  }

  .text-size-small {
    font-size: .875rem;
  }

  .section-home-about_content.background-color-beige.border-radius-small.shadow-large {
    margin-bottom: -3.5rem;
    padding: 2rem 3rem 2.5rem;
  }

  .section-home-about_inner.padding-xlarge {
    grid-template-columns: 2rem 1fr 2rem;
    min-height: 45rem;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

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

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

  .subheading-flex {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
  }

  .move-up {
    letter-spacing: -.11rem;
  }

  .arrow {
    min-width: .8rem;
    max-width: .8rem;
    min-height: .8rem;
    max-height: .8rem;
  }

  .move-flex {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
    width: 12.7rem;
    max-height: 2.2rem;
    margin-top: .45rem;
    margin-bottom: .45rem;
  }

  .small-icon {
    min-width: 1.3rem;
    max-width: 1.3rem;
  }

  .icon-2 {
    min-width: 2.2rem;
    max-width: 2.2rem;
    min-height: 2.2rem;
    max-height: 2.2rem;
  }

  .hero-text {
    text-align: center;
    font-size: 10rem;
    line-height: 8rem;
  }

  .hero-heading-flex {
    grid-column-gap: .4rem;
    grid-row-gap: .4rem;
  }

  .line-flex {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
  }

  .spinner-image {
    width: 7rem;
    height: 7rem;
  }

  .icon-wrapper {
    min-width: 2.5rem;
    max-width: 2.5rem;
    min-height: 2.5rem;
    max-height: 2.5rem;
    top: 2.75rem;
    left: 2.75rem;
  }

  .line-2 {
    min-width: .5rem;
    height: .0625rem;
  }

  .cut-out-image {
    min-height: 7.6rem;
    max-height: 7.6rem;
  }

  .cut-out-wrapper {
    height: 6rem;
  }

  .hero-flex {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-flow: column;
  }

  .hero-text-block {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    justify-content: flex-start;
    align-items: center;
  }

  .hero-image-wrapper-2 {
    min-width: 39.5rem;
    max-width: 39.5rem;
    min-height: 39.5rem;
    max-height: 39.5rem;
  }

  .space-7rem {
    min-height: 7rem;
  }

  .card-flex-wrapper {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .container-3.padding-4-5rem {
    padding-left: 10%;
    padding-right: 10%;
  }

  .spinner-wrapper {
    border-width: .75rem;
    width: 8.5rem;
    height: 8.5rem;
    top: 38%;
    left: -7%;
  }

  .arrow-border-wrapper {
    min-width: 4rem;
    max-width: 4rem;
    min-height: 4rem;
    max-height: 4rem;
    bottom: 1rem;
    right: 1rem;
  }

  .hero-line {
    width: 35rem;
    height: .5rem;
    top: -2rem;
  }

  .hero-block {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    justify-content: center;
    align-items: center;
    min-width: 100%;
    max-width: 100%;
    min-height: auto;
    max-height: none;
  }

  .hero-heading-wrapper-2 {
    min-width: 136px;
    max-width: 136px;
    min-height: 16px;
    max-height: 16px;
    left: 1.5rem;
  }

  .card-2 {
    min-width: 16rem;
    max-width: 16rem;
    min-height: 9rem;
    max-height: 9rem;
  }

  .hero-content {
    text-align: center;
    align-items: center;
    width: 100%;
    max-width: 730px;
    margin-bottom: 40px;
    padding-left: 40px;
  }

  .hero-image-wrap {
    justify-content: center;
    width: 100%;
    margin-top: 60px;
  }

  .container-flex {
    flex-wrap: wrap;
  }

  .button-wrapper {
    align-items: center;
  }

  .header {
    padding-top: 140px;
    padding-bottom: 100px;
  }

  .review-wrap {
    align-items: center;
  }

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

  .cta_text-absolute, .icon-in-button.absolute {
    display: none;
  }

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

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

  .stat-card {
    border-radius: 1.5rem;
  }

  .paragraph-large-4 {
    text-indent: 0;
    font-size: 2.8vw;
  }

  .hero-header {
    max-width: 690px;
  }

  .hero-heading-3 {
    font-size: 68px;
  }

  .container-5.small.flex {
    width: 100%;
    max-width: none;
  }

  .step-4-info-wrapper {
    align-items: flex-start;
  }

  .paragraph-m {
    font-size: 18px;
  }

  .timeline-wrapper-2 {
    display: none;
  }

  .step {
    min-width: auto;
    padding-top: 0;
    padding-bottom: 0;
    position: absolute;
    inset: -19px auto auto 24px;
  }

  .step-5-info-wrapper, .step-3-info-wrapper, .step-1-info-wrapper, .step-2-info-wrapper {
    align-items: flex-start;
  }

  .heading-2-small {
    font-size: 56px;
    line-height: 64px;
  }

  .section-8 {
    padding-top: 104px;
    padding-bottom: 104px;
  }

  .black-line {
    display: none;
  }

  .description-text {
    max-width: 50vw;
  }

  .faq-menu-title {
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    padding: .5rem 2rem;
    display: flex;
    position: relative;
  }

  .faq-answer-2 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .faq-group-row {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
  }

  .faq-container {
    flex-direction: column;
  }

  .faq-menu {
    z-index: 9999999;
    flex-direction: row;
    justify-content: flex-start;
    max-width: none;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    padding-top: 0;
    padding-bottom: 0;
    position: relative;
    overflow: auto;
  }

  .faq-question-2 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .faq-menu-item.w--current {
    margin-top: .5rem;
    margin-bottom: .5rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
    font-size: 1.25rem;
  }

  .faq-groups-wrapper {
    width: 100%;
  }

  .faq-arrow {
    z-index: 0;
    position: relative;
  }

  .faq-item-wrapper {
    z-index: 8888;
    position: static;
  }

  .faq-menu-wrapper {
    z-index: 9999;
    background-color: #fff;
    border-radius: .5rem;
    width: 100%;
    top: 1rem;
    box-shadow: 0 25px 50px -12px #00000026;
  }

  .accordion-spacer {
    min-height: 12px;
  }

  .accordion-item-wrapper {
    padding-left: 40px;
    padding-right: 40px;
  }

  .content-wrapper-text-rotate {
    height: 50vh;
  }

  .text-don-t-change {
    font-size: 30px;
    line-height: 40px;
  }

  .text-change-wrapper {
    height: 40px;
  }

  .text-change {
    font-size: 30px;
    line-height: 40px;
  }

  .right-arrow {
    left: 12%;
  }

  .text-wrapper-3.cc-top-40 {
    margin-top: 1.5rem;
  }

  .header-col.cc-gap-16.cc-top-112 {
    margin-top: 3rem;
  }

  .header-col.cc-collaboration {
    min-height: 18rem;
  }

  .testimonial-slider {
    max-width: 700px;
  }

  .grid-cols {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
  }

  .image-6 {
    height: auto;
  }

  .image-6.cc-collaboration-1, .image-6.cc-collaboration-2, .image-6.cc-collaboration-4, .image-6.cc-collaboration-3 {
    max-width: 16rem;
  }

  .testimonial-card {
    min-height: auto;
    max-height: none;
  }

  .testimonial-mask {
    max-width: 50%;
  }

  .collaboration-wrap {
    min-height: 52rem;
  }

  .section-12.cc-collaboration, .section-mems.cc-collaboration {
    height: auto;
  }

  .c-card-btn-text.focus, .c-card-btn-text.default {
    transform: translate(0, -100%);
  }

  .nav-link {
    font-size: 8vw;
  }

  .nav-link.btn {
    font-size: 4vw;
  }

  .container-w1 {
    padding-left: 4vw;
    padding-right: 4vw;
  }

  .nav-gradient-bg {
    background-image: radial-gradient(circle farthest-side at 0 0, #729fe9 5%, #ce99cc 34%, #af70ad00 63%), radial-gradient(circle farthest-side at 100% 0, #c03d5f 2%, #e887974f 31%, #e8879700 45%), radial-gradient(circle farthest-side at 0 0, #e04c73, #f87c6200 30%), radial-gradient(circle farthest-side at 50% 100%, #ffdfab, #ffa675 43%, #f36f85);
  }

  .scroll-inner {
    width: 600vw;
  }

  .scroll-card {
    width: 60vw;
    height: 61.8%;
    bottom: 0%;
  }

  .speaker-slide-mask {
    width: 65%;
  }

  .clip-text.speaker-headding {
    margin-top: -36px;
    margin-bottom: 24px;
  }

  .speaker-info {
    max-width: 470px;
  }

  .speaker-name {
    font-size: 52px;
  }

  .slide-image {
    height: 50vh;
    min-height: 500px;
  }

  .section-14 {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .section-14.home-hero-section {
    min-height: auto;
    padding-top: 90px;
    padding-bottom: 60px;
  }

  .button-wrapper-2 {
    margin-top: .7rem;
  }

  .sticky {
    width: auto;
    height: auto;
    padding-top: 50px;
    padding-bottom: 50px;
    padding-right: 5%;
    position: relative;
    overflow: visible;
  }

  .scroll-text-message {
    display: none;
  }

  .case-studies-section {
    height: auto;
  }

  .scroll-section-header {
    font-size: 2.7rem;
  }

  .section-subtitle {
    font-size: .78rem;
  }

  .scroll-item {
    flex: 0 auto;
    width: 50%;
    padding-right: 0;
  }

  .project-card:hover {
    transform: none;
  }

  .project-content-2 {
    flex-direction: column;
    padding-bottom: 20px;
  }

  .project-overlay {
    background-image: linear-gradient(#fff0, #0000004d);
  }

  .project-ttitle {
    margin-bottom: 1px;
    font-size: 22px;
  }

  .scroll-list {
    flex-wrap: wrap;
  }

  .dark-text {
    font-size: 6vw;
  }

  .container-8 {
    max-width: none;
    padding-left: 5vw;
    padding-right: 5vw;
  }

  .text-wrapper-5 {
    max-width: none;
  }

  .light-color-overlay {
    min-height: 6.75vw;
  }

  .light-color-overlay.row-6 {
    top: 33.75vw;
  }

  .light-color-overlay.row-4 {
    top: 20.25vw;
  }

  .light-color-overlay.row-2 {
    top: 6.75vw;
  }

  .light-color-overlay.row-5 {
    top: 27vw;
  }

  .light-color-overlay.row-3 {
    top: 13.5vw;
  }

  .heading-h1 {
    margin-left: 5vw;
  }

  .project-container {
    margin-top: 20vh;
    margin-bottom: 20vh;
  }

  .project {
    width: 80%;
  }

  .img {
    object-fit: cover;
  }

  .work_title-wrap {
    margin-bottom: 1.5rem;
  }

  .work_list {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
  }

  .image-50 {
    max-width: 43%;
  }

  .heading-42.works {
    font-size: 25px;
    line-height: 25px;
  }

  .thumbs-work-wrapper.grid__item--thumb.background-color-secondary {
    display: none;
  }

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

  .grid__item.grid__item--wide-5x2, .grid__item.grid__item--wide-5x2-anamorphic-copy {
    grid-column: span 3;
  }

  .grid__item.grid__item--wide-3x1 {
    aspect-ratio: 3 / 2;
  }

  .grid__wrapper {
    grid-template-columns: 33.3333% 33.3333% 33.3333%;
  }

  .heading-style-h3-2 {
    font-size: 2.1rem;
  }

  .padding-global-4 {
    padding: .5rem;
  }

  .heading3 {
    font-size: 1.2rem;
  }

  .heading-style-h4-2 {
    font-size: 1.75rem;
  }

  .social-link:hover {
    color: #000;
    transform: none;
  }

  .blog-teaser-item-wrapper {
    padding-top: 4em;
    padding-bottom: 4em;
  }

  .blog-teaser-item-wrapper.quote {
    padding: 3em;
  }

  .page-teaser-text-wrapper {
    padding-left: 2em;
    padding-right: 2em;
  }

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

  .page-teaser-title {
    font-size: 2.8em;
  }

  .blog-teaser-quote {
    font-size: 1.7em;
  }

  .button-17:hover {
    box-shadow: none;
    transform: none;
  }

  .button-17:active {
    transform: scale(.94);
  }

  .tab-line {
    padding: 22px 18px;
  }

  .avatar-circle._08 {
    width: 280px;
    max-width: 280px;
    height: 280px;
    max-height: 280px;
  }

  .avatar-circle._08.testimonial-v12 {
    margin-bottom: 48px;
    margin-right: 0;
  }

  .card-6.testmonial-v12 {
    flex-direction: column;
    padding-left: 48px;
    padding-right: 48px;
  }

  .section-18 {
    padding-top: 118px;
    padding-bottom: 118px;
  }

  .block_wrap {
    width: 50%;
  }

  .line_01, .line_02 {
    width: 50%;
    margin-left: 25%;
  }

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

  ._2x1-grid-layout {
    grid-column-gap: 5rem;
    grid-row-gap: 5rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    justify-items: start;
  }

  .featuresv8_content {
    max-width: 45rem;
  }

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

  .project-container-2 {
    flex-direction: column-reverse;
    align-items: stretch;
  }

  .project-title-2 {
    margin-bottom: 0;
    font-size: 26px;
  }

  .project-image-container {
    align-items: center;
    width: auto;
    display: flex;
    position: relative;
  }

  .project-description {
    margin-bottom: 10px;
  }

  .project-image {
    width: 100%;
    height: 450px;
    min-height: auto;
  }

  .right-arrow-2 {
    inset: 370px 0% auto auto;
  }

  .section-tag-container {
    margin-bottom: 50px;
  }

  .left-arrow-2 {
    inset: 370px auto auto 0%;
  }

  .slider-section-container {
    padding-top: 100px;
  }

  .project-info-container {
    width: auto;
    max-width: none;
    margin-top: 50px;
  }

  .projects-marquee-container {
    width: 250vw;
  }

  .project-thumbnail-container {
    margin-left: 1px;
    margin-right: 1px;
  }

  .button-18 {
    padding: 8px 9px 8px 21px;
  }

  .button-18:hover {
    transform: none;
  }

  .heading-46 {
    margin-bottom: 30px;
  }

  .project-arrow-2 {
    flex: none;
    width: 1.75rem;
    height: 1.75rem;
  }

  .project-content-3 {
    padding: 1.25rem;
  }

  .project-title-3 {
    font-size: 1.5rem;
  }

  .teaser-img {
    position: relative;
    inset: auto;
  }

  .teaser-copy {
    margin-top: 1.5em;
    margin-bottom: 5em;
  }

  .teaser-img-tablet-down {
    display: block;
  }

  .teaser-grid {
    flex-direction: column;
  }

  .teaser-column {
    width: 100%;
  }

  .p-teaser-img-wrap {
    display: none;
  }

  .teaser-copy-wrap {
    flex-direction: column;
    height: auto;
  }

  .title1 {
    font-size: 3em;
  }

  .footer-bottom {
    flex-direction: column;
  }

  .footer-column {
    padding-right: 20px;
  }

  .banner-h3 {
    font-size: 30px;
  }

  .slide-banner {
    width: 100%;
    display: none;
  }

  .author-image {
    margin-bottom: 10px;
  }

  .checkbox-base {
    height: auto;
    min-height: 100px;
  }

  .slide-wrapper {
    flex-direction: column;
  }

  .slide-content {
    align-items: center;
    width: 100%;
    min-height: 100vh;
    padding-top: 140px;
    padding-bottom: 140px;
  }

  .banner-content {
    background-image: none;
    background-repeat: repeat;
    background-size: auto;
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .author-testimonial {
    flex-direction: column;
    align-items: flex-start;
  }

  .banner-logo {
    padding-top: 26px;
    padding-bottom: 26px;
  }

  .footer-link-3 {
    font-size: 1.2rem;
  }

  .footer-rows-2 {
    min-height: 80vh;
  }

  .footer-heading-2 {
    font-size: 16vw;
  }

  .footer-credits-2 {
    text-align: center;
    justify-content: center;
    align-items: flex-start;
    font-size: 1.0625rem;
  }

  .footer-credits-2.to-right {
    justify-content: center;
    align-items: flex-start;
  }

  .grid-12-columns-small-2 {
    grid-row-gap: 3.125rem;
  }

  .hero-plus-icon {
    min-width: 50px;
  }

  .content-box {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .page-title-large {
    font-size: 72px;
  }

  .hero-flex-wrap {
    grid-column-gap: 18px;
    grid-row-gap: 18px;
    margin-left: 0;
    margin-right: 0;
  }

  .hero-scroll-wrapper {
    filter: none;
    height: auto;
    padding-bottom: 80px;
  }

  .home-hero-wrapper {
    height: auto;
  }

  .hero-title-wrap {
    min-width: 310px;
  }

  .icon-box-wrap {
    display: none;
  }

  .heading-style-h2-3 {
    font-size: 11vw;
  }

  .contact-information {
    margin-top: 1rem;
  }

  .contact_form-wrapper {
    width: 100%;
    margin-top: 3rem;
  }

  .field-2.message {
    height: 10rem;
    min-height: 10rem;
    max-height: 10em;
  }

  .button_form-wrapper {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .header-underline {
    justify-content: space-between;
  }

  .btn_contact_wrap {
    flex: 1;
    max-width: 20rem;
  }

  .contact-wrapper {
    width: 100%;
    max-width: none;
  }

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

  .btn_contact_inner {
    width: 100%;
    height: 4rem;
  }

  .section-26 {
    padding-left: 2rem;
    padding-right: 2rem;
  }

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

  .work_card-hover {
    padding: 1.25rem;
  }

  .grid-6 {
    z-index: 99;
    grid-column-gap: 1.375rem;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .hire-label {
    display: none;
  }

  .footer-link-4 {
    margin-right: 0;
  }

  .snap-container, .container-wrapper {
    padding: 1.5rem;
  }

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

  .row-title-bottom {
    padding-bottom: 3rem;
  }

  .grid-large {
    grid-template-columns: minmax(1rem, 1fr) minmax(auto, 104rem) minmax(1rem, 1fr);
  }

  .home-about-intro {
    max-width: 35rem;
  }

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

  .text-size-regular-2 {
    font-size: 1.1rem;
  }

  .home-service_card {
    border-bottom: 1px dashed #e7eeee;
    border-right-style: none;
    padding: 3rem 0;
  }

  .home-service-list {
    grid-template-columns: 1fr;
    margin-left: 0;
    margin-right: 0;
    padding-top: 0;
    padding-bottom: 6rem;
  }

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

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

  .home-faq-top {
    grid-template-columns: 2rem 1fr auto;
  }

  .home-service-top {
    padding-top: 3rem;
    padding-bottom: 8rem;
  }

  .home-faq-content {
    padding-top: 2rem;
    padding-bottom: 2rem;
    padding-left: 3rem;
  }

  .home-banner_com {
    align-items: center;
    padding-top: 12rem;
    padding-bottom: 12rem;
  }

  .home-banner_content {
    max-width: 70vw;
  }

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

  .home-service_grid {
    padding-top: 8rem;
  }

  .paragraph-top {
    text-align: center;
    max-width: 550px;
  }

  .container-17 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .v-tab_link {
    font-size: 16px;
  }

  .values {
    width: 330px;
  }

  .infographic-wrapper {
    width: 90vw;
    height: 90vw;
  }

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

  .margin-bottom-5.margin-large {
    margin-bottom: 3rem;
  }

  .button-benchmark {
    width: 45vw;
    height: 20vw;
    left: 18vw;
  }

  .button-review {
    width: 28vw;
    height: 53vw;
  }

  .button-scope {
    width: 45vw;
    height: 37vw;
  }

  .heading-medium-2 {
    font-size: 1.75rem;
  }

  .heading-large-4 {
    font-size: 2.25rem;
  }

  .heading-xxlarge {
    font-size: 3.25rem;
  }

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

  .button-agreement {
    width: 45vw;
    height: 32vw;
  }

  .button-reco {
    width: 22vw;
    height: 50vw;
    bottom: 8vw;
  }

  .grid-text-wrapper {
    margin-bottom: 4em;
    padding-left: 0;
    padding-right: 0;
  }

  .grid-row {
    border-top: 1px solid #ffffff29;
    grid-template-columns: 1fr;
    margin-bottom: 0;
    padding-top: 6em;
    padding-bottom: 6.5em;
  }

  .grid-row.is-first {
    border-top-width: 0;
    padding-top: 0;
  }

  .currency {
    padding-right: 6px;
  }

  .confirmation-message {
    font-size: 28px;
    line-height: 120%;
  }

  .success-message-6 {
    background-color: #fff;
  }

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

  .side-menu-background {
    z-index: 0;
  }

  .side-menu-text-wrap {
    margin-left: 0;
    margin-right: 0;
  }

  .main-hero_heading {
    font-size: 5em;
  }

  .button-rounded-tooltip {
    min-height: 4.5rem;
  }
}

@media screen and (max-width: 767px) {
  h1 {
    font-size: 2.5rem;
  }

  h2 {
    font-size: 2.15rem;
  }

  .logo {
    padding-left: 0;
  }

  .menu-button {
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 0;
  }

  .menu-icon-middle {
    padding-bottom: 0;
    padding-right: 0;
  }

  .navigation-link {
    margin-left: 0;
    font-size: 1.25rem;
  }

  .navigation-link.w--current {
    flex: 0 auto;
    display: inline-block;
  }

  .container-fluid {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .hero-title {
    font-size: 17vw;
  }

  .heading-rotation-wrapper {
    margin-top: 1vw;
  }

  .section {
    padding-top: 7.5rem;
  }

  .container {
    max-width: 100%;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .heading-small {
    font-size: 9vw;
  }

  .paragraph-large {
    font-size: 4vw;
  }

  .service-item-grid {
    grid-row-gap: 1.25rem;
    grid-template-rows: auto auto auto;
  }

  .margin-bottom-large {
    margin-bottom: 4.25rem;
  }

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

  .blog-item-title {
    font-size: 4.2vw;
  }

  .footer {
    margin-top: 7.5rem;
  }

  .footer-widget {
    text-align: center;
  }

  .page-title {
    font-size: 13.7vw;
  }

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

  .faq-number {
    font-size: 18vw;
  }

  .faq-title {
    font-size: 4.2vw;
  }

  .link-large {
    font-size: 5.25vw;
  }

  .form-button {
    background-size: 1.7rem, 1.7rem;
    min-height: 4.25rem;
    font-size: 1.375rem;
  }

  .form-label {
    font-size: 4vw;
  }

  .form-field {
    min-height: 4.25rem;
    font-size: 4vw;
  }

  .form-field.multi-line {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }

  .split-item {
    font-size: 3.6vw;
  }

  .project-gallery {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
  }

  .rich-text-blog h5, .rich-text-blog h4 {
    margin-bottom: 1.5rem;
  }

  .rich-text-blog h1 {
    margin-bottom: 1.5rem;
    font-size: 2.5rem;
  }

  .rich-text-blog h2 {
    margin-bottom: 1.5rem;
    font-size: 2.15rem;
  }

  .rich-text-blog h3, .rich-text-blog h6 {
    margin-bottom: 1.5rem;
  }

  .utility-page-form {
    min-width: 100%;
  }

  .location.w--current {
    flex: 0 auto;
    display: inline-block;
  }

  .hero-services-container, .hero-text-container {
    max-width: 100%;
  }

  .split-content {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .accordion-title {
    font-size: 9vw;
  }

  .accordion-icon {
    top: 1vw;
  }

  .project-title {
    font-size: 1.25rem;
  }

  .projects-grid {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
  }

  .section-with-background {
    padding-top: 7.5rem;
    padding-bottom: 7.5rem;
  }

  .section-background-header {
    position: relative;
  }

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

  .benefits-placeholder {
    display: none;
  }

  .section-background-header-inner {
    padding-top: 0;
  }

  .back-top-icon {
    margin-top: .1rem;
  }

  .footer-heading {
    font-size: 18vw;
  }

  .paragraph-extra-large {
    font-size: 4.25vw;
  }

  .service-title {
    overflow-wrap: anywhere;
    font-size: 9.2vw;
  }

  .service-text {
    font-size: 3.6vw;
  }

  .projects-rows {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
  }

  .contact-section-bottom {
    max-width: 100%;
  }

  .container-fixed {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .benefits-3-columns {
    grid-template-columns: minmax(10px, 1fr);
  }

  .blog-wrapper {
    padding-top: 4.25rem;
  }

  .container-medium {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .shop-wrapper {
    padding-top: 4.25rem;
  }

  .shop-item-title {
    font-size: 4.2vw;
  }

  .shop-price {
    font-size: 9vw;
  }

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

  .cart-wrapper {
    top: auto;
    bottom: 1.25rem;
    right: 1.25rem;
  }

  .padding-vertical-xlarge {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .paragraph-large-2 {
    font-size: 18px;
  }

  .timeline_centre {
    justify-content: flex-start;
  }

  .timeline_date-text {
    margin-bottom: 24px;
    font-size: 36px;
  }

  .timeline_quote-wrapper {
    flex-direction: column-reverse;
  }

  .timeline_text {
    font-size: 20px;
  }

  .timeline_quote-image {
    margin-top: 24px;
    margin-right: 0;
  }

  .timeline_left {
    text-align: left;
  }

  .margin-bottom-xlarge {
    margin-bottom: 48px;
  }

  .timeline_item {
    grid-template-columns: 64px 1fr;
    width: 100%;
  }

  .timeline_progress {
    left: 6px;
  }

  .lead-form_option2-grid {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }

  .lead-form_option1-svg {
    width: 3rem;
    height: 3rem;
  }

  .if-lib-rangeslider_display-value {
    font-size: 1rem;
  }

  .lead-form_option1-grid {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }

  .spacer-medium {
    padding-top: 1.25rem;
  }

  .lead-form_option1-label {
    font-size: 1rem;
  }

  .lead-form_title {
    font-size: 2rem;
  }

  .lead-form_subtitle, .lead-form_option2-label, .lead-form_input {
    font-size: 1rem;
  }

  .lead-form_option1 {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }

  .text-box-header {
    text-align: center;
    justify-content: flex-start;
    align-items: center;
  }

  .heading-style-h2 {
    font-size: 2.25rem;
  }

  .text-box-footer {
    text-align: center;
    justify-content: center;
    align-items: center;
    max-width: none;
  }

  .section-text-box {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .service-section-main-box {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .section-header {
    justify-content: center;
    align-items: center;
  }

  .page-intro-text-wrapper {
    margin-top: -4vh;
  }

  .intro-title {
    font-size: 2.8em;
  }

  .heading-style-h1 {
    font-size: 3rem;
  }

  .page-intro-title {
    font-size: 13vw;
  }

  .page-intro-title.is-webdesign {
    margin-left: 0;
  }

  .page-intro-title.is-animation {
    flex: 1;
    margin-left: 0;
  }

  .page-intro-title.is-skills {
    margin-left: 0;
  }

  .intro-copy-text {
    padding-left: 0;
    padding-right: 0;
  }

  .page-intro-title-small {
    font-size: 2.6vw;
  }

  .page-intro-title-small.is-made-in-webflow {
    margin-right: 0;
  }

  .page-intro-title-small.is-best-in-class {
    margin-left: 0;
  }

  .padding-vertical {
    padding-top: 5.8em;
    padding-bottom: 0;
  }

  .cms_version {
    left: 0;
    right: 0;
  }

  .top-text_wrapper {
    margin-bottom: 2em;
  }

  .page-padding-2 {
    padding-left: 1.25em;
    padding-right: 1.25em;
  }

  .checkbox-form_component {
    width: 100%;
  }

  .collaborators_select {
    grid-column-gap: .875rem;
    grid-row-gap: 1rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: auto;
    grid-auto-flow: row;
    display: grid;
  }

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

  .text-style-allcaps.slide-up.tricks {
    overflow: visible;
  }

  .cms_button {
    margin-left: auto;
    margin-right: auto;
  }

  .form {
    width: 100%;
  }

  .grid-top---text-2-buttons {
    grid-template-columns: .9fr;
  }

  .testimonial-v3-image-wrapper {
    border-top-right-radius: 24px;
    border-bottom-left-radius: 0;
    max-width: 100%;
  }

  .btn-primary {
    padding: 20px 32px;
  }

  .btn-primary.button-row {
    margin-right: 16px;
  }

  .btn-secondary {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .card.testimonial-v3 {
    flex-direction: column;
  }

  .card.form {
    padding: 56px 32px;
  }

  .pd---content-inside-card {
    padding: 32px 24px 40px;
  }

  .pd---content-inside-card.testimonial-v3 {
    padding-left: 32px;
    padding-right: 32px;
  }

  .tabs-menu {
    flex-direction: column;
    align-items: stretch;
  }

  .tabs-menu.bottom {
    align-items: stretch;
  }

  .tab-card {
    justify-content: center;
    align-items: center;
    margin: 8px 0;
    padding: 20px 26px;
    display: flex;
  }

  .text-300 {
    font-size: 18px;
    line-height: 20px;
  }

  .text-300.bold.footer-title {
    margin-bottom: 24px;
  }

  .section-3 {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .mg-bottom-40px {
    margin-bottom: 24px;
  }

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

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

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

  .testimonial_content {
    flex: 1;
  }

  .testimonial_client {
    flex-flow: row;
    align-items: flex-start;
    width: 100%;
  }

  .home-header_location-globe {
    width: 1.25rem;
    height: 1.25rem;
  }

  .brands_item-logo-wrap {
    width: 12rem;
  }

  .text-style-label {
    letter-spacing: .05em;
  }

  .heading-style-h4 {
    -webkit-text-stroke-width: 0px;
  }

  .padding-global-2 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .label_line {
    width: 1.75rem;
  }

  .line-rounded-icon.success-message-check.large {
    font-size: 68px;
    line-height: 73px;
  }

  .text-area {
    border-radius: 18px;
  }

  .text-200 {
    font-size: 16px;
    line-height: 18px;
  }

  .section-4 {
    padding-top: 100px;
    padding-bottom: 100px;
  }

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

  .grid-2-columns-2.form {
    grid-row-gap: 20px;
  }

  .square-icon {
    border-radius: 12px;
    max-width: 56px;
  }

  .input-2 {
    min-height: 60px;
    padding-top: 16px;
    padding-bottom: 16px;
  }

  .text-301 {
    font-size: 18px;
    line-height: 20px;
  }

  .text-301.bold.footer-title {
    margin-bottom: 24px;
  }

  .text-302 {
    font-size: 16px;
    line-height: 18px;
  }

  .section-5 {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .button-arrow {
    width: 1.8rem;
    height: 1.8rem;
  }

  .page-padding-3 {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .page-padding-3.page-padding-0 {
    padding-left: 0;
    padding-right: 0;
  }

  .section-home-hero_inner.padding-top.padding-huge.margin-bottom.margin-xhuge {
    max-width: 101%;
    padding-left: 0;
  }

  .section-home-hero-image.padding-bottom.padding-xhuge {
    padding-bottom: 0;
  }

  .section-home-hero-image_inner {
    width: 100%;
  }

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

  .section-home-about_inner.padding-xlarge {
    grid-template-columns: 1rem 1fr 1rem;
  }

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

  .margin-bottom-3.margin-medium.max-width-medium {
    max-width: 80%;
  }

  .move-up {
    letter-spacing: -.1rem;
  }

  .move-flex {
    width: 10.6rem;
  }

  .icon-2 {
    min-width: 2.2rem;
    max-width: 2.2rem;
    min-height: 2.2rem;
    max-height: 2.2rem;
  }

  .hero-text {
    font-size: 7rem;
    line-height: 6rem;
  }

  .cut-out-image {
    min-height: 5.6rem;
    max-height: 5.6rem;
  }

  .cut-out-wrapper {
    height: 4rem;
  }

  .hero-image-wrapper-2 {
    min-width: 26.25rem;
    max-width: 26.25rem;
    min-height: 26.25rem;
    max-height: 26.25rem;
  }

  .card-flex-wrapper {
    flex-flow: wrap;
    justify-content: center;
    align-items: center;
  }

  .spinner-wrapper {
    top: 33%;
    left: -12%;
  }

  .arrow-border-wrapper {
    border-width: 0;
    bottom: 0;
    right: 0;
  }

  .hero-line {
    width: 25rem;
  }

  .hero-heading-wrapper-2 {
    min-width: 96px;
    max-width: 96px;
  }

  .clients-grid {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    width: 100%;
    margin-left: 0;
  }

  .hero-content {
    padding-left: 0;
    padding-right: 0;
  }

  .button-wrapper {
    flex-direction: column;
  }

  .header {
    padding-bottom: 60px;
  }

  .header_images-layout {
    grid-template-columns: 1fr;
  }

  .button_content-wrapper {
    grid-column-gap: .25rem;
    grid-row-gap: .25rem;
  }

  .header_component {
    margin-bottom: 2.5rem;
  }

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

  .u-heading-style-h1 {
    font-size: 2.5rem;
  }

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

  .stat-card {
    width: 100%;
  }

  .header_content-block {
    margin-top: 2rem;
    padding-left: .5rem;
    padding-right: .5rem;
  }

  .paragraph-large-4 {
    font-size: 4vw;
  }

  .hero-header {
    max-width: 570px;
  }

  .page-padding-4 {
    padding-left: 24px;
    padding-right: 24px;
  }

  .hero-heading-3 {
    font-size: 56px;
  }

  .hero {
    padding-top: 140px;
  }

  .subheading {
    font-size: 18px;
  }

  .step-4-info-wrapper {
    flex-direction: column;
    padding: 16px;
  }

  .paragraph-m.text-white.margin-m {
    margin-bottom: 16px;
  }

  .process-image {
    background-image: url("https://cdn.prod.website-files.com/6918698fdd7deae62be0a467/694535df1c3d4375c3fdf494_Process%20Image%20Background%20Mobile.png");
    background-size: cover;
    width: 100%;
    margin-bottom: 24px;
  }

  .step {
    left: 16px;
  }

  .step-heading.margin-xs {
    margin-bottom: 8px;
  }

  .step-5-info-wrapper, .step-3-info-wrapper, .step-1-info-wrapper, .step-2-info-wrapper {
    flex-direction: column;
    padding: 16px;
  }

  .heading-2-small {
    font-size: 40px;
    line-height: 48px;
  }

  .step-info {
    margin-left: 0;
  }

  .section-8 {
    padding-top: 64px;
    padding-bottom: 64px;
  }

  .swiper-slide {
    width: 100%;
  }

  .faq-menu-title {
    padding: 1rem 1rem .5rem;
  }

  .faq-answer-2 {
    padding-left: .5rem;
    padding-right: .5rem;
  }

  .faq-group-row {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .faq-answer-p {
    font-size: .875rem;
  }

  .faq-question-2 {
    padding-left: .5rem;
    padding-right: .5rem;
  }

  .faq-menu-item {
    padding-left: 1rem;
    padding-right: 1rem;
    font-size: 1rem;
  }

  .faq-menu-item.w--current {
    padding-left: .5rem;
    padding-right: .5rem;
    font-size: 1rem;
  }

  .faq-section {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .faq-menu-title-label {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 1.5rem;
  }

  .faq-question-label {
    font-size: 1rem;
  }

  .accordion-item-wrapper {
    padding: 40px 24px;
  }

  .accordion-title-2 {
    font-size: 20px;
    line-height: 30px;
  }

  .elements---element-title {
    margin-top: 48px;
    padding-bottom: 20px;
    padding-left: 24px;
    padding-right: 24px;
  }

  .accordion-side {
    margin-right: 16px;
  }

  .accordion-side.right-side {
    margin-left: 16px;
  }

  .badge-secondary {
    padding-top: 16px;
    padding-bottom: 16px;
  }

  .badge-secondary.tabs {
    margin: 8px;
  }

  .btn-circle-secondary {
    width: 56px;
    min-width: 56px;
    height: 56px;
    min-height: 56px;
    font-size: 22px;
    line-height: 24px;
  }

  .content-wrapper-text-rotate {
    height: 50vh;
  }

  .text-don-t-change {
    font-size: 18px;
    line-height: 24px;
  }

  .text-change-wrapper {
    height: 24px;
  }

  .text-change {
    font-size: 18px;
    line-height: 24px;
  }

  .right-arrow {
    left: 14%;
  }

  .header-col.cc-gap-space-between {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .header-col.cc-collaboration {
    min-height: 16rem;
    max-height: none;
  }

  .testimonial-slider {
    max-width: 500px;
  }

  .image-6.cc-collaboration-1, .image-6.cc-collaboration-2, .image-6.cc-collaboration-4, .image-6.cc-collaboration-3 {
    max-width: 12rem;
  }

  .testimonial-mask {
    max-width: none;
  }

  .collaboration-wrap {
    min-height: 40rem;
  }

  .section-12.cc-collaboration, .section-mems.cc-collaboration {
    height: auto;
  }

  .close-btn-text {
    font-size: 1.4em;
  }

  .close-btn-wrapper {
    padding: 14px;
    font-size: 14px;
    top: 20px;
    right: 23px;
  }

  .nav-toggle-btn {
    padding-top: 14px;
    padding-bottom: 14px;
    font-size: 14px;
  }

  .logo-3 {
    font-size: 1.4em;
  }

  .sticky-wrap {
    height: auto;
    overflow: visible;
  }

  .description {
    margin-top: .875rem;
    font-size: 1.125rem;
  }

  .scroll-inner {
    flex-direction: column;
    align-items: center;
    width: 100%;
    height: auto;
  }

  .scroll-card {
    border-bottom-right-radius: 2rem;
    border-bottom-left-radius: 2rem;
    width: 100%;
    margin: 1rem 0;
  }

  .heading-8 {
    font-size: 1.75rem;
  }

  .speaker-slide-mask {
    width: 90%;
  }

  .speaker-name {
    font-size: 48px;
  }

  .slide-image {
    min-height: 400px;
  }

  .scroll-text-message {
    display: none;
  }

  .scroll-section-header {
    font-size: 3.5rem;
  }

  .project-card {
    margin-right: 9px;
  }

  .section-15 {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .project-container {
    margin-top: 15vh;
    margin-bottom: 15vh;
  }

  .project {
    height: 90vh;
  }

  .heading-style-h2-2 {
    font-size: 2rem;
  }

  .work_list {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

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

  .heading-42.works {
    font-size: 23px;
  }

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

  .grid__item.grid__item--wide-5x2 {
    aspect-ratio: 5 / 3;
  }

  .heading-style-h3-2 {
    text-wrap: balance;
    font-size: 1.8rem;
  }

  .text-size-medium-2 {
    font-size: 1rem;
  }

  .padding-global-4 {
    padding: .25rem;
  }

  .heading3 {
    text-align: center;
    font-size: 1rem;
    line-height: 1.2rem;
  }

  .heading-style-h4-2 {
    font-size: 1.5rem;
    line-height: 1.4;
  }

  .spacer-small-2 {
    padding-top: 1.25rem;
  }

  .spacer-xsmall {
    padding-top: .75rem;
  }

  .p-xs-end {
    padding-bottom: 1.6em;
  }

  .blog-teaser-item-wrapper {
    padding-left: 1em;
    padding-right: 1em;
  }

  .blog-teaser-item-wrapper.page-teaser {
    padding-top: 1em;
    padding-bottom: 1em;
  }

  .p-xs-start {
    padding-top: 1.6em;
  }

  .blog-overview-grid {
    grid-template-columns: 1fr;
  }

  .page-teaser-title {
    font-size: 2em;
  }

  .page-teaser-subtitle {
    font-size: 1em;
  }

  .tab-line {
    padding-left: 0;
    padding-right: 0;
  }

  .text-303 {
    font-size: 16px;
    line-height: 18px;
  }

  .avatar-circle._03 {
    width: 56px;
    max-width: 56px;
    height: 56px;
    max-height: 56px;
  }

  .avatar-circle._08 {
    width: 220px;
    max-width: 220px;
    height: 220px;
    max-height: 220px;
  }

  .card-6.testmonial-v12 {
    padding-left: 32px;
    padding-right: 32px;
  }

  .text-100 {
    font-size: 14px;
  }

  .section-18 {
    padding-top: 100px;
    padding-bottom: 100px;
  }

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

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

  .project-title-2 {
    font-size: 24px;
  }

  .project-image {
    height: 320px;
    min-height: auto;
    max-height: none;
  }

  .right-arrow-2 {
    width: 70px;
    height: 70px;
    top: 250px;
  }

  .section-tag-container {
    margin-bottom: 40px;
    font-size: 10px;
  }

  .left-arrow-2 {
    justify-content: center;
    align-items: center;
    width: 70px;
    height: 70px;
    display: flex;
    top: 250px;
  }

  .slider-section-container {
    max-width: 500px;
    padding-top: 75px;
  }

  .link-arrow {
    width: 9px;
    height: 9px;
  }

  .project-link-2 {
    font-size: 14px;
  }

  .button-arrow-2 {
    width: 10px;
    height: 10px;
  }

  .projects-marquee-container {
    width: 320vw;
  }

  .button-18 {
    font-size: 15px;
  }

  .explore-button-copntainer {
    padding-bottom: 50px;
  }

  .projects-wrapper {
    padding-bottom: 80px;
  }

  .section-21 {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .heading-46 {
    margin-bottom: 30px;
    font-size: 23px;
    line-height: 1.1;
  }

  .project-title-3 {
    font-size: 1.25rem;
  }

  .teaser-container {
    padding-left: 5vw;
    padding-right: 5vw;
  }

  .teaser-copy {
    padding-right: 0%;
  }

  .title1 {
    font-size: 2.6em;
  }

  .footer-bottom {
    flex-wrap: wrap;
    margin-top: 40px;
  }

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

  .footer-column {
    padding-right: 0;
  }

  .help-block {
    top: 0;
    right: 0;
  }

  .form-wrapper {
    width: 100%;
  }

  .checkbox-base {
    min-height: 80px;
  }

  .previous-placeholder {
    z-index: 6;
    position: fixed;
  }

  .form-item-wrapper {
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .button-wrapper-3 {
    display: none;
  }

  .next-placeholder {
    z-index: 6;
    position: fixed;
  }

  .form-content {
    width: 100%;
    min-width: auto;
  }

  .footer-3 {
    margin-top: 7.5rem;
  }

  .footer-heading-2 {
    font-size: 18vw;
  }

  .hero-plus-icon {
    display: none;
  }

  .content-box {
    padding-top: 18px;
    padding-bottom: 80px;
    top: 20px;
  }

  .hero-content-wrap {
    align-items: flex-start;
  }

  .text-large.hero-text {
    text-align: left;
  }

  .primary-button-hover-text {
    font-size: 15px;
  }

  .hero-flex-wrap {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .hero-scroll-wrapper {
    background-size: auto 100%;
    padding-bottom: 0;
  }

  .hero-title-wrap {
    min-width: auto;
  }

  .primary-button-flex-wrapper {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .hero-main-image {
    height: 400px;
  }

  .heading-style-h2-3 {
    font-size: 14vw;
  }

  .button-21 {
    font-size: 1rem;
  }

  .contact_form-wrapper {
    padding: 2.5rem 1.5rem;
  }

  .dropdown-list.w--open {
    padding-left: 1rem;
  }

  .field-2, .field-2.message {
    font-size: 1.2rem;
  }

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

  .button_form-wrapper {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .header-underline {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    padding-bottom: 16px;
  }

  .btn_contact_wrap {
    font-size: 1.125rem;
  }

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

  .padding-vertical-2.top-bottom {
    padding-top: 6rem;
  }

  .section-26 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

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

  .margin-top-2.medium {
    margin-top: 3rem;
  }

  .work_grid-2 {
    grid-template-columns: 1fr;
  }

  .heading-hire {
    letter-spacing: -1px;
    margin-top: 0;
    margin-bottom: 55px;
    font-size: 64px;
    line-height: 1.04688;
  }

  .success-down {
    margin-top: 3rem;
  }

  .hire-2-col {
    grid-row-gap: 0px;
    grid-template-columns: 1fr;
  }

  .success-3 {
    padding-top: 5vh;
    padding-bottom: 5vh;
  }

  .thankyou {
    margin-bottom: 34px;
    font-size: 3rem;
  }

  .logo-mobile {
    margin-bottom: 57px;
    display: block;
  }

  .col {
    margin-bottom: 48px;
  }

  .hire-main-wrapper {
    flex-direction: column;
  }

  .container-wrapper {
    padding: 0;
  }

  .snap-text {
    font-size: 5rem;
  }

  .section-28, .section-29 {
    border-bottom-style: none;
  }

  .looping-words {
    font-size: 6.6em;
  }

  .letter-animation {
    width: 100%;
    overflow: hidden;
  }

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

  .row-title-bottom {
    padding-bottom: 3rem;
  }

  .home-about-intro {
    max-width: 28rem;
  }

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

  .text-size-regular-2 {
    font-size: 1rem;
  }

  .home-service_card {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .home-service_card.end {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
  }

  .home-service-list {
    padding-bottom: 2rem;
  }

  .home-service-intro {
    max-width: 24rem;
  }

  .home-banner_slide.swiper-slide {
    padding: 1rem;
  }

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

  .slider-arrow {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .home-faq-top {
    grid-column-gap: .25rem;
    grid-row-gap: .25rem;
    grid-template-columns: 1fr auto;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }

  .home-service-top {
    padding-top: 2rem;
    padding-bottom: 4rem;
  }

  .home-faq-list {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .home-faq-list.radius-regular {
    padding: 0 1rem;
  }

  .home-faq-content {
    margin-bottom: 1.75rem;
    padding: 1.75rem 1.5rem;
  }

  .home-faq-content.radius-regular {
    padding: 1.2rem;
  }

  .home-banner_com {
    padding-top: 9rem;
    padding-bottom: 9rem;
  }

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

  .home-banner_content {
    max-width: 80vw;
  }

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

  .home-service_grid {
    padding-top: 3rem;
  }

  .card---wrap {
    width: 100%;
  }

  .card---heading {
    width: auto;
  }

  .cards {
    flex-direction: column;
    max-width: 90%;
    margin: 4rem auto;
  }

  .card-7, .card-8 {
    grid-row-gap: 2rem;
    height: auto;
  }

  .infographic-text {
    max-width: 45vw;
  }

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

  .section-header-2 {
    grid-column-gap: 1rem;
  }

  .heading-large-4 {
    font-size: 2rem;
  }

  .heading-xxlarge {
    font-size: 2.5rem;
  }

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

  .form12_checkbox_field {
    width: 48%;
    margin-bottom: 15px;
    margin-left: 0;
    margin-right: 0;
  }

  .mobile-nav-bottom {
    z-index: 5;
    background-color: #fff;
    border-top: 1px solid #8395b126;
    height: 100px;
    display: block;
    position: fixed;
    inset: auto 0% 0%;
  }

  .previous, .next {
    z-index: 6;
    position: fixed;
  }

  .checkbox_wrap {
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .form-wrapper-2 {
    width: 100%;
  }

  .form-content-2 {
    width: 90%;
  }

  .form-wrapper-3 {
    width: 100%;
  }

  .form-content-3 {
    width: 90%;
  }

  .form-wrapper-4 {
    width: 100%;
  }

  .form-content-4 {
    width: 90%;
  }

  .checkbox_wrap-2 {
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .form-wrapper-5 {
    width: 100%;
  }

  .form-content-5 {
    width: 90%;
  }

  .previous-2 {
    z-index: 6;
    position: fixed;
  }

  .checkbox_wrap-3 {
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .form-wrapper-6 {
    width: 100%;
  }

  .form-content-6 {
    width: 90%;
  }

  .submit-button-8 {
    width: 100%;
  }

  .form-5 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .form-text {
    text-align: center;
  }

  .input-flexbox {
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    margin-bottom: 0;
  }

  .input-field {
    margin-bottom: 4px;
  }

  .input-field.project-contact, .input-field.email, .input-field.name {
    max-width: 100%;
  }

  .text-block-38 {
    margin-bottom: 4px;
  }

  .text-block-38.hidden {
    display: none;
  }

  .form-text-2 {
    text-align: left;
  }

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

  .side-menu-wrapper {
    overflow: hidden;
  }

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

  .side-menu_component {
    overflow: scroll;
  }

  .side-menu-background {
    z-index: 6;
  }

  .side-menu-text-wrap {
    margin-left: 0;
    margin-right: 0;
  }

  .main-hero_heading {
    font-size: 3.5em;
  }

  .button-rounded-tooltip {
    min-height: 4rem;
    padding-left: 2.5em;
    padding-right: 2.5em;
    font-size: .9rem;
  }
}

@media screen and (max-width: 479px) {
  h1 {
    font-size: 2rem;
    font-weight: 600;
  }

  h2 {
    font-size: 1.7rem;
    font-weight: 600;
  }

  h3 {
    font-size: 1.5rem;
  }

  h4 {
    font-size: 1.25rem;
  }

  h5 {
    font-size: 1rem;
  }

  h6 {
    font-size: .9rem;
  }

  .section-hero {
    padding-bottom: 1.875rem;
  }

  .section-hero.mobile {
    background-image: linear-gradient(#0000 33%, #000 87%);
    margin-bottom: 0;
  }

  .hero-image {
    display: none;
  }

  .navigation-menu {
    padding-left: .3125rem;
    padding-right: .3125rem;
  }

  .navigation-menu.home {
    background-color: var(--purple);
  }

  .menu-button {
    width: 48px;
    height: 48px;
  }

  .menu-button.home {
    border-color: var(--yellow);
    background-image: linear-gradient(to bottom, var(--yellow), var(--yellow));
    width: 55px;
    margin-left: 10px;
    padding-bottom: 0;
  }

  .menu-button.home.mobile {
    border-width: 0;
    border-color: var(--yellow);
    background-image: linear-gradient(to bottom, var(--color--primary), var(--color--primary));
    border-radius: 1px;
    margin-left: auto;
  }

  .menu-icon-top.home {
    border: 1.5px solid var(--color--white);
  }

  .menu-icon-bottom.home, .menu-icon-middle.home {
    border-width: 1.5px;
    border-color: var(--color--white);
  }

  .navigation-link {
    padding-top: .625rem;
    padding-bottom: .625rem;
  }

  .navigation-link.home {
    font-size: 1.2rem;
  }

  .navigation {
    padding-top: .625rem;
    padding-bottom: .625rem;
  }

  .navigation.navigation-home.mobile {
    background-image: linear-gradient(to bottom, var(--purple), var(--purple));
  }

  .navigation.navigation-home.mobile.transparent {
    background-color: var(--color--background-primary);
    background-image: none;
  }

  .container-fluid {
    padding-left: .9375rem;
    padding-right: .9375rem;
  }

  .container-fluid.mobile {
    padding-bottom: 0;
  }

  .hero-content-top {
    opacity: .8;
    mix-blend-mode: normal;
    top: 0;
  }

  .hero-content-top.mobile {
    padding-top: 20px;
  }

  .hero-title {
    color: var(--transparent);
    text-shadow: 5px 6px 3px #0003;
    margin-top: -.2em;
    font-size: 22.5vw;
  }

  .hero-title.mobile {
    color: var(--transparent);
    -webkit-text-stroke-width: 0px;
    -webkit-text-stroke-color: var(--color--white);
    text-shadow: 5px 6px 3px #0003;
    text-overflow: clip;
    font-size: 20vw;
  }

  .hero-heading.alt.mobile {
    color: var(--color--white);
    text-align: center;
  }

  .heading-rotation-wrapper {
    margin-top: 3vw;
  }

  .hero-caption.sbs {
    font-size: 3vw;
  }

  .hero-caption.projects {
    font-size: 1.3rem;
    font-weight: 400;
  }

  .hero-caption.nav {
    font-size: 1.6vw;
  }

  .hero-caption-inner.alt {
    text-align: center;
    justify-content: center;
    align-items: center;
    padding-bottom: 0;
  }

  .hero-caption-inner.right {
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
  }

  .section {
    border-radius: 0;
    padding-top: 0;
  }

  .section.mobile-0 {
    padding-bottom: 1rem;
  }

  .section.round {
    z-index: 5;
  }

  .section.sbs {
    padding-top: 0;
  }

  .section.projects {
    padding-bottom: .5rem;
    padding-left: 0%;
    padding-right: 0%;
  }

  .container {
    padding-top: 0;
    padding-left: .9375rem;
    padding-right: .9375rem;
  }

  .container.projects {
    width: 90%;
    margin-top: 0;
    padding-top: 0;
    padding-left: 1rem;
  }

  .grid-12-columns {
    grid-row-gap: 4.85rem;
  }

  .section-title {
    margin-bottom: 1.5rem;
  }

  .section-title-text {
    font-size: 1rem;
  }

  .section-title-text.padding-bottom {
    font-size: .8rem;
  }

  .section-title-text.right {
    text-align: right;
  }

  .marquee-item {
    margin-right: 16vw;
  }

  .marquee-item.margin-left {
    margin-left: 16vw;
  }

  .heading-small {
    margin-top: .4em;
    margin-bottom: 0;
    font-size: 10vw;
    line-height: 1;
  }

  .heading-small.no-b {
    font-size: 9vw;
  }

  .heading-small.mobile {
    font-size: 10vw;
  }

  .heading-small.black.padding {
    margin-bottom: 10px;
  }

  .heading-small.about {
    font-size: 8vw;
  }

  .heading-small.sbs {
    width: 100%;
    margin-bottom: 5px;
    font-size: 9vw;
    display: block;
  }

  .heading-small.white.projects {
    margin-top: 1.5em;
    margin-bottom: 0;
    font-size: 8vw;
  }

  .heading-small.white._05 {
    margin-top: 2em;
  }

  .heading-small.project {
    font-size: 8vw;
  }

  .paragraph-large {
    text-align: left;
    letter-spacing: -.01em;
    font-size: 5.5vw;
  }

  .paragraph-large.no-text-indent {
    letter-spacing: -.01em;
  }

  .paragraph-large.center {
    font-size: 4.5vw;
  }

  .paragraph-large.center.padding-top {
    width: 100%;
    margin-bottom: 20px;
    font-size: 4.5vw;
  }

  .paragraph-large.center.padding-top.black {
    width: 95%;
    margin-top: 10px;
    margin-bottom: 20px;
    font-size: 5vw;
  }

  .paragraph-large.mobile-top {
    margin-top: 10px;
    margin-bottom: 20px;
    padding-top: 50px;
  }

  .paragraph-large.mobile {
    text-align: left;
    padding-top: 30px;
  }

  .paragraph-large.mobile._2 {
    padding-top: 100px;
  }

  .paragraph-large.medium {
    margin-top: -10px;
    font-size: 5vw;
    font-weight: 300;
  }

  .paragraph-large.medium.padding-top {
    margin-top: 5px;
    padding-top: 0;
  }

  .paragraph-large.medium.reviews {
    text-align: left;
    margin-bottom: 40px;
    font-family: Wfvisualsansvf, Arial, sans-serif;
    font-size: 4.5vw;
  }

  .paragraph-large.about {
    padding-top: 0;
  }

  .paragraph-large.sbs {
    width: 100%;
    padding-top: 0;
    padding-bottom: 10px;
    font-size: 6vw;
  }

  .paragraph-large.projects {
    padding-bottom: 10px;
  }

  .margin-bottom-medium {
    margin-bottom: 1rem;
  }

  .button-container {
    justify-content: center;
    align-items: center;
    padding-left: 0;
    padding-right: 0;
  }

  .button-container.mobile {
    padding-bottom: .25em;
    padding-left: 1em;
    padding-right: 1em;
  }

  .button-text-front.black {
    font-size: 5.5vw;
  }

  .button-text-front.mobile {
    text-transform: capitalize;
  }

  .heading-large {
    font-size: 14.75vw;
  }

  .paragraph.white.padding-bottom {
    font-size: 1.15rem;
  }

  .paragraph.white.padding-bottom.reviews {
    font-size: 1.5rem;
  }

  .margin-bottom-large {
    padding-left: 0;
    padding-right: 0;
  }

  .margin-bottom-large.how-we-work {
    margin-top: 0;
    margin-left: 0;
  }

  .container-extra-small.right {
    margin-left: 0;
  }

  .grid-3-columns {
    grid-row-gap: 2.75rem;
  }

  .blog-item-title {
    letter-spacing: -.01em;
    font-size: 1.35rem;
  }

  .footer.mobile {
    margin-top: 0;
  }

  .footer-rows {
    text-align: left;
  }

  .footer-links-wrapper {
    flex-flow: column;
  }

  .divider.white._1._23 {
    margin-bottom: 10px;
  }

  .divider.white._1._02 {
    border-bottom-style: solid;
  }

  .divider.brand {
    margin-top: 10%;
    margin-bottom: 10%;
  }

  .section-top.about3 {
    padding-top: 40px;
  }

  .page-title-wrapper {
    padding-top: 2.75rem;
    padding-bottom: 2.75rem;
  }

  .page-title {
    line-height: .9;
  }

  .team-image-wrapper {
    margin-bottom: 1rem;
  }

  .team-title {
    font-size: 1.5rem;
  }

  .faq-grid {
    grid-row-gap: 1.875rem;
  }

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

  .faq-item {
    padding: 1.5rem 1rem .25rem;
  }

  .faq-number {
    margin-top: 0;
    margin-bottom: 2.75rem;
    font-size: 10vw;
  }

  .faq-number.branding {
    margin-bottom: .5rem;
    font-size: 5.5vw;
    font-weight: 600;
    line-height: 5vw;
  }

  .faq-title {
    margin-top: -20px;
    font-size: 1.5rem;
  }

  .faq-title.alt {
    font-size: 6vw;
    line-height: 6vw;
  }

  .faq-title.dev {
    font-size: 6vw;
  }

  .faq-text {
    font-size: 5vw;
  }

  .faq-text.branding {
    font-size: 4vw;
    font-weight: 300;
  }

  .heading-medium {
    font-size: 13.5vw;
    line-height: .9;
  }

  .call-action-grid {
    grid-row-gap: 2.75rem;
  }

  .link-large {
    font-size: 6vw;
  }

  .margin-bottom-extra-small {
    text-align: left;
    margin-bottom: 1rem;
  }

  .form-button {
    background-position: 87% 175%, 87%;
    background-size: 1.45rem, 1.45rem;
    min-height: 3.75rem;
    font-size: 1.15rem;
  }

  .form-label {
    margin-bottom: .75rem;
    font-size: 5.5vw;
  }

  .form-field {
    min-height: 3.75rem;
    padding-left: 1rem;
    padding-right: 1rem;
    font-size: 5.5vw;
  }

  .form-field.multi-line {
    min-height: 15rem;
    padding-top: 1.05rem;
    padding-bottom: 1.05rem;
  }

  .split-item {
    font-size: 5.25vw;
  }

  .project-gallery {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .page-title-small {
    letter-spacing: -.02em;
    font-size: 10vw;
  }

  .rich-text-blog h5 {
    font-size: 1rem;
  }

  .rich-text-blog h4 {
    font-size: 1.25rem;
  }

  .rich-text-blog h1 {
    font-size: 2rem;
  }

  .rich-text-blog h2 {
    font-size: 1.7rem;
  }

  .rich-text-blog h3 {
    font-size: 1.5rem;
  }

  .rich-text-blog h6 {
    font-size: .9rem;
  }

  .sub-section {
    padding-top: 2.75rem;
    padding-bottom: 2.75rem;
  }

  .grid-12-columns-small {
    float: none;
    grid-row-gap: 1rem;
    text-align: left;
    grid-template: ". . . . . . ."
                   ". . . . . . Area"
                   / minmax(10px, 1fr);
    width: 100%;
  }

  .grid-12-columns-small.centered {
    grid-row-gap: 0rem;
    grid-template-rows: auto auto;
  }

  .grid-12-columns-small.mobile {
    grid-row-gap: 0rem;
    grid-template-rows: auto;
  }

  .grid-12-columns-small.connected {
    grid-column-gap: 5vw;
    place-content: stretch;
  }

  .grid-12-columns-small.projects {
    padding-bottom: 40px;
  }

  .hero-image-mobile {
    box-sizing: border-box;
    object-fit: cover;
    display: block;
  }

  .location {
    padding-top: .625rem;
    padding-bottom: .625rem;
    display: none;
  }

  .hero-text-container.mobile {
    margin-bottom: 40px;
  }

  .caption.mobile {
    font-size: 1.2rem;
  }

  .hero-service-text {
    text-transform: capitalize;
  }

  .opacity-80 {
    margin-top: 101px;
  }

  .opacity-80.no-top-padding {
    margin-top: 0;
  }

  .paragraph-small.no-text-indent.alt.mobile, .paragraph-small.no-text-indent.mobile {
    color: var(--color--white);
  }

  .paragraph-small.homepagehero {
    margin-top: 0;
  }

  .paragraph-small.homepagehero.mobile {
    text-align: left;
    text-indent: 0;
    font-family: Wfvisualsansvf, Arial, sans-serif;
    font-size: 1.2rem;
  }

  .hero-image-inner.projects {
    background-position: 50%;
  }

  .heading-word-first, .heading-word-second {
    text-align: center;
  }

  .has-title-vertical {
    grid-column-gap: 5vw;
    grid-row-gap: 5vw;
  }

  .has-title-vertical.mobile {
    margin-top: 10px;
    margin-bottom: -45px;
  }

  .mission-heading-wrapper.margin-left {
    margin-left: 9vw;
  }

  .mission-heading-number {
    font-size: .75rem;
  }

  .mission-image.homepage {
    width: 50%;
    padding-bottom: 0%;
  }

  .mission-image-wrapper {
    margin-top: -18vw;
  }

  .mission-text {
    margin-top: 0;
  }

  .mission-text.mobile {
    margin-left: 0%;
  }

  .accordion-toggle {
    align-items: center;
  }

  .accordion-title {
    font-size: 10vw;
    line-height: 1;
  }

  .accordion-icon {
    top: 0;
  }

  .portfolio-tabs-menu {
    max-width: 100%;
    margin-top: 4.85rem;
    margin-left: 0;
  }

  .portfolio-tabs-menu.no-margin-top, .portfolio-tabs-menu.mobile {
    margin-top: 0;
  }

  .project-title {
    font-size: 1.6rem;
  }

  .projects-grid {
    grid-column-gap: .9375rem;
    grid-row-gap: .9375rem;
    grid-template-columns: 1fr;
  }

  .section-header-caption {
    display: none;
  }

  .grid-12-columns-fixed-gap {
    grid-row-gap: 2.75rem;
  }

  .projects-list-text {
    font-size: 1.06rem;
  }

  .projects-list-inner {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .projects-list-columns {
    grid-row-gap: .2rem;
  }

  .projects-list-title {
    font-size: 1.36rem;
  }

  .benefits-grid {
    grid-row-gap: 1rem;
  }

  .benefits-header {
    grid-column-gap: .8rem;
    grid-row-gap: .8rem;
    padding: 2rem;
  }

  .benefits-title {
    font-size: 1.56rem;
  }

  .benefits-content {
    padding: 4.5rem 2rem 2rem;
  }

  .benefits-icons {
    width: 3.36rem;
  }

  .section-header-text-wrapper.about {
    margin-top: 0;
    padding-top: 0;
  }

  .footer-row-middle.new-footer {
    margin-left: -14px;
    margin-right: -14px;
  }

  .footer-credits-item {
    width: 100%;
  }

  .grid-12-columns-extra-small {
    grid-row-gap: 2.75rem;
  }

  .grid-12-columns-zero {
    grid-row-gap: 0rem;
  }

  .footer-heading {
    font-size: 22vw;
    line-height: .9;
  }

  .footer-circle-link {
    width: 30vw;
    height: 30vw;
  }

  .paragraph-extra-large {
    letter-spacing: -.01em;
    font-size: 6.5vw;
  }

  .awards-list-columns {
    grid-row-gap: .2rem;
  }

  .service-item {
    padding-bottom: 2.8rem;
  }

  .service-content-columns {
    grid-column-gap: 8vw;
    grid-row-gap: 8vw;
  }

  .service-text {
    letter-spacing: -.01em;
    font-size: 5vw;
  }

  .service-tag {
    padding-left: .5rem;
    padding-right: .5rem;
    font-size: .8rem;
  }

  .projects-rows {
    grid-column-gap: .9375rem;
    grid-row-gap: .9375rem;
    grid-template-columns: 1fr;
  }

  .page-title-medium {
    text-align: left;
    font-size: 11vw;
  }

  .marquee-heading {
    font-size: 13.5vw;
    line-height: .9;
  }

  .container-fixed {
    padding-left: .9375rem;
    padding-right: .9375rem;
  }

  .icon-link-text {
    overflow-wrap: anywhere;
  }

  .benefits-3-columns {
    grid-row-gap: 2.75rem;
  }

  .hero-content-middle {
    opacity: .8;
    mix-blend-mode: normal;
  }

  .container-medium {
    padding-left: .9375rem;
    padding-right: .9375rem;
  }

  .services-items-wrapper {
    grid-column-gap: 2.8rem;
    grid-row-gap: 2.8rem;
  }

  .shop-item-title {
    letter-spacing: -.01em;
    font-size: 1.35rem;
  }

  .shop-buy-block {
    flex-flow: column;
  }

  .shop-price {
    font-size: 10vw;
    line-height: 1;
  }

  .grid-2-columns {
    grid-row-gap: 2.75rem;
  }

  .content-wrapper {
    padding-top: 2.75rem;
    padding-bottom: 2.75rem;
  }

  .checkuot-price, .checkout-product-title {
    font-size: 1rem;
  }

  .checkout-product-image {
    width: 48px;
  }

  .cart-wrapper {
    bottom: .9375rem;
    right: .9375rem;
  }

  .text-block-2, .div-block-2, .section-title-text-3 {
    text-align: left;
  }

  .button-5.homepage-hero, .button-5.yellow {
    width: 100%;
  }

  .button-5.yellow:hover {
    background-color: #2f189342;
  }

  .button-special.purple.mobile {
    border-width: 0;
    border-color: var(--purple-2);
    background-color: var(--color--primary);
    margin-left: auto;
  }

  .button-special.purple.mobile.shown {
    display: flex;
  }

  .timeline-main-grid {
    grid-template-rows: auto auto;
    grid-template-columns: 13.4286vw 80.5714vw;
    padding-top: 11vw;
    padding-bottom: 11vw;
  }

  .timeline-container {
    margin-left: 3vw;
    margin-right: 3vw;
  }

  .timeline-path {
    width: .5vw;
    left: 9.5vw;
  }

  .timeline-progress-bar {
    width: .5vw;
  }

  .heading-60px {
    font-size: 9.44vw;
  }

  .timeline-section {
    padding-bottom: 7vw;
  }

  .timeline-right-box {
    padding-top: 7vw;
    padding-left: 0;
  }

  .stage-image {
    width: 78.56vw;
    height: 86.4vw;
    margin-top: 9.44vw;
  }

  .heading-35px.right-title {
    margin-bottom: 6.26vw;
    font-size: 5.5vw;
  }

  .timeline-circle {
    width: 3.3vw;
    height: 3.3vw;
  }

  .paragraph-20px.right-text {
    width: 42ch;
    font-size: 3.14vw;
  }

  .stage-title-holder {
    position: static;
  }

  .stage-tag {
    font-size: 6.3vw;
  }

  .padding-vertical-xlarge {
    padding-top: 0;
    padding-bottom: 10px;
  }

  .margin-bottom-medium-2 {
    margin-bottom: 24px;
  }

  .paragraph-large-2 {
    font-size: 16px;
  }

  .timeline_item {
    grid-template-columns: 48px 1fr;
  }

  .lead-form_option2-grid {
    grid-column-gap: .75rem;
    grid-row-gap: .75rem;
    grid-template-columns: minmax(0, 1fr);
  }

  .lead-form_option1-grid {
    grid-column-gap: .75rem;
    grid-row-gap: .75rem;
  }

  .lead-form_cols-2 {
    grid-template-columns: minmax(0, 1fr);
  }

  .lead-form_title {
    font-size: 1.5rem;
  }

  .lead-form_button {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .lead-form_glow-circle {
    width: 10rem;
    height: 10rem;
  }

  .lead-form_subtitle {
    font-size: .9375rem;
  }

  .ms-tab.w--current:hover {
    color: var(--color--primary);
  }

  .ms-tab.w--current:active {
    background-color: var(--purple);
    color: var(--color--white);
  }

  .ms-tab-menu-2, .input-wrapper {
    flex-flow: column;
  }

  .service-item-2 {
    margin-bottom: 1vh;
    top: 9vh;
  }

  .heading-style-h2 {
    letter-spacing: -.05rem;
    font-size: 1.75rem;
  }

  .service-item-content {
    height: auto;
    min-height: auto;
    max-height: 90vh;
    padding: 1.5rem;
  }

  .service-item-image-box {
    aspect-ratio: 1;
  }

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

  .minus.black {
    height: 2px;
  }

  .plus.black {
    width: 2px;
  }

  .faq-answer {
    object-fit: fill;
  }

  .faq-p.white {
    font-size: 3.5vw;
  }

  .text-block-7 {
    font-size: 4vw;
  }

  .page-intro-text-wrapper {
    margin-top: -3vh;
  }

  .page-intro-title-small.is-best-in-class {
    font-size: 4vw;
  }

  .radio_field {
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-right: 0;
    display: flex;
  }

  .image-2 {
    width: 100%;
    position: absolute;
    inset: 0% 0% auto;
  }

  .padding-vertical {
    padding-top: 3.9em;
  }

  .padding-vertical.padding-huge {
    padding-top: 20.15em;
  }

  .cms_version {
    left: 0;
    right: 0;
  }

  .text-size-regular-20 {
    font-size: 16px;
  }

  .text-size-regular-20.text-weight-medium {
    flex: 0 auto;
    font-size: 1em;
    font-weight: 400;
  }

  .field_label.large {
    margin-bottom: .1em;
    font-size: 1.25em;
  }

  .field_label.is-radio {
    line-height: 1.5;
  }

  .page-padding-2 {
    z-index: 10;
    position: relative;
  }

  .checkbox-form_component {
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    padding: 18px;
  }

  .radio_label {
    font-size: 1.125em;
    font-weight: 400;
  }

  .collaborators_select {
    grid-column-gap: .875rem;
    grid-row-gap: 1rem;
    flex-flow: wrap;
    grid-template-rows: auto;
    grid-template-columns: repeat(auto-fit, minmax(146px, 1fr));
    grid-auto-columns: auto;
    grid-auto-flow: row;
    width: 100%;
    max-width: 100%;
    display: grid;
  }

  .cms_button {
    margin-left: auto;
    margin-right: auto;
  }

  .main-head-wrapper {
    padding-top: 1.875em;
    padding-left: 20px;
    padding-right: 20px;
  }

  .main-form_component {
    margin-top: -23px;
  }

  .grid-top---text-2-buttons {
    grid-row-gap: 16px;
    grid-template-columns: 1fr;
  }

  .testimonial-v3-image-wrapper {
    border-top-right-radius: 24px;
    border-bottom-left-radius: 0;
  }

  .buttons-row {
    flex-direction: column;
  }

  .btn-primary {
    width: 100%;
    padding-top: 18px;
    padding-bottom: 18px;
  }

  .btn-primary.button-row {
    margin-bottom: 16px;
    margin-right: 0;
  }

  .btn-secondary {
    width: 100%;
    padding-top: 18px;
    padding-bottom: 18px;
  }

  .card.testimonial-v3 {
    flex-direction: column;
  }

  .card.form {
    border-radius: 3px;
    padding-left: 23px;
    padding-right: 23px;
  }

  .card.form.services {
    padding-top: 0;
  }

  .container-default {
    max-width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }

  .inner-container._1012px.center {
    flex-flow: column;
  }

  .tabs-wrapper.sbs {
    width: 100%;
  }

  .section-3 {
    padding-top: 96px;
    padding-bottom: 96px;
  }

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

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

  .line-rounded-icon.success-message-check.large {
    font-size: 58px;
    line-height: 64px;
  }

  .text-area::placeholder {
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
  }

  .section-4 {
    padding-top: 96px;
    padding-bottom: 96px;
  }

  .grid-2-columns-2.form {
    flex-flow: column;
    justify-content: flex-start;
    align-items: stretch;
    display: flex;
  }

  .grid-2-columns-2.contact-v1 {
    grid-row-gap: 50px;
  }

  .square-icon {
    border-radius: 14px;
    max-width: 56px;
  }

  .square-icon.mg-right-16px.mg-bottom-16px-mb {
    margin-bottom: 16px;
    margin-right: 0;
  }

  .card-link-icon {
    text-align: center;
    flex-direction: column;
    align-items: center;
    padding: 26px 24px;
  }

  .input-2 {
    font-size: 16px;
    font-weight: 500;
    line-height: 18px;
  }

  .input-2::placeholder {
    font-size: 16px;
    font-weight: 400;
    line-height: 16px;
  }

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

  .section-5.position-relative {
    width: auto;
  }

  .heading.mobile {
    font-size: 2.5rem;
  }

  .field-label {
    font-size: 6vw;
  }

  .field-label.white {
    margin-top: 30px;
    font-size: 6vw;
  }

  .field-label-2 {
    font-size: 6vw;
  }

  .div-block-5 {
    max-width: 450px;
  }

  .section-home-hero.margin-bottom.margin-xhuge {
    margin-bottom: 0;
  }

  .text-style-link {
    text-align: left;
  }

  .page-padding-3.padding-left-0 {
    padding-left: 0;
  }

  .section-home-hero_inner.padding-top.padding-huge.margin-bottom.margin-xhuge {
    margin-bottom: 3rem;
    padding-top: 3rem;
  }

  .section-home-hero-image.padding-bottom.padding-xhuge {
    padding-bottom: 3.5rem;
  }

  .section-home-about_content.background-color-beige.border-radius-small.shadow-large {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    margin-bottom: 0;
    margin-right: 1rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .section-home-about_inner.padding-xlarge {
    background-image: none;
    grid-template-rows: 100%;
    grid-template-columns: 1fr;
    height: auto;
    min-height: auto;
    margin-top: 5rem;
    margin-bottom: -7.5rem;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .section-home-about.background-color-green.padding-vertical.padding-xhuge.margin-bottom-3.margin-xxhuge {
    background-image: url("https://cdn.prod.website-files.com/6918698fdd7deae62be0a467/6941a083605503f707f8e5d4_about-iphone.jpg");
    background-position: 0%;
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 11rem;
    padding-bottom: 1rem;
  }

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

  .margin-bottom-3.margin-medium.max-width-medium {
    max-width: 97%;
  }

  .move-up {
    letter-spacing: -.09rem;
  }

  .move-flex {
    width: 8.5rem;
  }

  .icon-2 {
    min-width: 2.2rem;
    max-width: 2.2rem;
    min-height: 2.2rem;
    max-height: 2.2rem;
  }

  .hero-text {
    font-size: 25vw;
    line-height: 23vw;
  }

  .line-flex {
    justify-content: center;
    align-items: center;
  }

  .cut-out-wrapper {
    justify-content: center;
    align-items: flex-start;
    display: none;
  }

  .cut-out-flex {
    display: none;
  }

  .hero-image-wrapper-2 {
    justify-content: space-between;
    align-items: center;
    min-width: 100%;
    max-width: 100%;
    min-height: 15rem;
    max-height: 15rem;
  }

  .spinner-wrapper {
    top: 87%;
    left: auto;
  }

  .hero-line {
    width: 90vw;
  }

  .hero-image-2 {
    object-position: 100% 0%;
  }

  .hero-block {
    min-width: 100%;
    max-width: 100%;
  }

  .client-logo {
    object-position: 0% 50%;
  }

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

  .clients-grid.logo-animate {
    grid-template-columns: 1fr 1fr 1fr;
    margin-top: 26px;
  }

  .review-logo {
    margin-bottom: 12px;
  }

  .header {
    padding-top: 115px;
  }

  .hero-h1 {
    font-size: 50px;
  }

  .review-wrap {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .button-10 {
    width: 100%;
    max-width: 250px;
  }

  .header_images-layout {
    transform: scale(3.4);
  }

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

  .u-icon-embed-small {
    flex: none;
  }

  .u-text-size-regular {
    font-size: .8rem;
  }

  .header_background-images {
    margin: 0;
  }

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

  .u-heading-style-h1 {
    font-size: 2rem;
  }

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

  .paragraph-large-4 {
    text-align: center;
    letter-spacing: -.01em;
    font-size: 5.5vw;
  }

  .paragraph-large-4.no-text-indent {
    letter-spacing: -.01em;
  }

  .hero-header {
    max-width: 420px;
  }

  .hero-heading-3 {
    font-size: 44px;
  }

  .step-1-info-wrapper {
    margin-bottom: 40px;
  }

  .heading-2-small {
    font-size: 36px;
    line-height: 44px;
  }

  .swiper-slide {
    width: 100%;
  }

  .description-text {
    max-width: 80vw;
  }

  .static-link-hover {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .link-9 {
    margin-top: 10px;
  }

  .faq-section.alt {
    padding-top: 2rem;
  }

  .faq-section.alt.questions {
    padding-top: 0;
  }

  .faq-sticky-title-hidden-mobile {
    font-size: 1rem;
  }

  .accordion-title-2 {
    font-size: 18px;
    line-height: 26px;
  }

  .badge-secondary {
    padding: 14px 22px;
    font-size: 16px;
    line-height: 18px;
  }

  .badge-secondary.tabs {
    margin-left: 0;
    margin-right: 0;
  }

  .btn-circle-secondary.small.accordion-btn {
    width: 44px;
    min-width: 44px;
    height: 44px;
    min-height: 44px;
  }

  .text-center.mg-bottom-64px {
    width: 100%;
    margin-top: 20px;
  }

  .mg-bottom-0 {
    width: auto;
  }

  .hero-right {
    justify-content: center;
    align-items: center;
  }

  .text-block-13 {
    text-align: center;
    font-size: 1.4rem;
  }

  .change-text-wrapper {
    text-align: center;
    flex-direction: column;
  }

  .text-change-wrapper {
    margin-top: 10px;
    padding-left: 0;
  }

  .container-6.cc-testimonial {
    margin-left: 0;
    margin-right: 0;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .text-xl.cc-u-text-muted {
    margin-top: 0;
    font-size: 1rem;
  }

  .right-arrow {
    width: 2rem;
    left: 16%;
  }

  .cta-wrapper {
    width: 100%;
  }

  .text-wrapper-3 {
    margin-top: 0;
    display: block;
  }

  .text-wrapper-3.cc-top-40 {
    margin-top: 1rem;
  }

  .left-arrow {
    width: 2rem;
  }

  .header-col.cc-gap-space-between {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
  }

  .header-col.cc-collaboration {
    min-height: 12rem;
  }

  .testimonial-slider {
    width: auto;
    max-width: none;
    padding-bottom: 3rem;
  }

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

  .image-6.cc-collaboration-1, .image-6.cc-collaboration-2, .image-6.cc-collaboration-4, .image-6.cc-collaboration-3 {
    max-width: 8rem;
  }

  .testimonial-card {
    max-width: 18rem;
    padding: 2rem;
  }

  .testimonial-mask {
    max-width: 300px;
  }

  .title-wrapper.cc-gap-32.cc-max-644 {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .collaboration-wrap {
    min-height: 26rem;
  }

  .button-12 {
    width: 100%;
  }

  .section-12.cc-collaboration, .section-mems.cc-collaboration {
    height: auto;
  }

  .button-13 {
    width: 100%;
  }

  .c-card-back, .c-card-front {
    width: 100%;
    max-width: 250px;
  }

  .tags.homepage {
    font-size: .6rem;
  }

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

  .heading-6 {
    margin-top: 15px;
  }

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

  .tab-pane-tab-1 {
    padding: 40px 20px;
  }

  .div-block-12 {
    padding-left: 0;
  }

  .heading-7 {
    text-align: left;
    font-size: 15vw;
  }

  .grid-3 {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    padding-top: 10px;
  }

  .div-block-14 {
    padding-bottom: 20px;
  }

  .div-block-15 {
    font-size: 1.125vw;
  }

  .link-block-2 {
    display: flex;
  }

  .nav-toggle-text {
    font-size: 4vw;
  }

  .nav-link {
    font-size: 10vw;
  }

  .logo-wrapper.w--current {
    margin-top: 20px;
  }

  .container-w1 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .container-w1.gutter-outside {
    padding-top: 0;
    padding-left: 0;
    padding-right: 5px;
  }

  .close-btn-text {
    font-size: 5vw;
  }

  .main-nav-inner {
    padding-bottom: 20px;
  }

  .main-nav {
    padding-left: 0;
    padding-right: 0;
  }

  .nav-gradient-bg {
    background-image: url("https://cdn.prod.website-files.com/6918698fdd7deae62be0a467/697a10e6768c990d1dfc83a9_69398eb3a9ab895761b1bceb_logo-3%202.png"), linear-gradient(to bottom, var(--purple), var(--purple)), radial-gradient(circle farthest-side at 0% 0%, #e04c73, #f87c6200 30%), radial-gradient(circle farthest-side at 50% 100%, #ffdfab, #ffa675 43%, #f36f85);
    background-position: 0%, 0 0, 0 0, 0 0;
    background-size: auto, auto, auto, auto;
  }

  .logo-3 {
    border-right-style: none;
    font-size: 1.2em;
  }

  .div-block-16 {
    flex-flow: column;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }

  .div-block-17.projects {
    margin-bottom: 40px;
    padding-left: 10%;
    padding-right: 10%;
  }

  .speaker-slide-content {
    padding-bottom: 6px;
  }

  .clip-text.speaker-headding {
    margin-top: -30px;
  }

  .speaker-arrow {
    top: auto;
    bottom: 0;
    right: 5vw;
  }

  .speaker-arrow.left {
    margin-right: 84px;
    left: auto;
    right: 0;
  }

  .speaker-name {
    font-size: 42px;
  }

  .slide-image {
    height: 40vh;
    min-height: 300px;
  }

  .section-14 {
    padding-top: 48px;
    padding-bottom: 48px;
  }

  .section-14.home-hero-section {
    padding-top: 20px;
    padding-bottom: 36px;
  }

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

  .section-header-wrap {
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: .6rem;
  }

  .scroll-section-header {
    font-size: 2.7rem;
  }

  .section-subtitle {
    margin-bottom: 8px;
  }

  .scroll-item {
    width: 100%;
  }

  .project-card {
    margin-bottom: 19px;
  }

  .steps-right {
    width: 100%;
  }

  .step-content {
    width: 100%;
    margin-bottom: 20px;
  }

  .steps-section {
    padding-top: 0;
    padding-bottom: 100px;
  }

  .steps-cont {
    flex-flow: column;
  }

  .steps-left {
    width: 100%;
    height: auto;
    padding-bottom: 30px;
  }

  .heading-9 {
    font-size: 8vw;
    line-height: 8vw;
  }

  .heading-9.white {
    font-size: 8vw;
  }

  .heading-9.white.contact {
    margin-top: 40px;
  }

  .heading-9.dev-services {
    margin-top: 30px;
  }

  .paragraph-5 {
    width: 100%;
    margin-top: 0;
    font-size: 5vw;
    line-height: 1.2;
  }

  .paragraph-5.centered {
    margin-top: 1vw;
  }

  .paragraph-5.centered.thin.black {
    margin-top: 0;
  }

  .paragraph-5.develop-service {
    width: 100%;
    margin-top: 10px;
    margin-bottom: 0;
  }

  .paragraph-5.branding {
    width: 95%;
    font-size: 1.3rem;
    line-height: 1.4rem;
  }

  .text-block-17 {
    padding-left: 0;
    font-size: .6rem;
  }

  .dark-text {
    margin-top: 10px;
    margin-bottom: 2rem;
    font-family: Wfvisualsansvf, Arial, sans-serif;
    font-size: 6vw;
    font-weight: 200;
    line-height: 130%;
  }

  .container-8 {
    max-width: none;
  }

  .section-15 {
    padding-top: 30px;
    padding-bottom: 40px;
  }

  .light-color-overlay {
    min-height: 13vw;
  }

  .light-color-overlay.row-6 {
    top: 65vw;
  }

  .light-color-overlay.row-4 {
    top: 39vw;
  }

  .light-color-overlay.row-2 {
    top: 13vw;
  }

  .light-color-overlay.row-5 {
    top: 52vw;
  }

  .light-color-overlay.row-3 {
    top: 26vw;
  }

  .paragraph-6 {
    text-align: center;
    margin-top: 10px;
    margin-left: 0;
    font-size: 4vw;
  }

  .div-block-20 {
    flex-flow: column;
    padding-bottom: 30px;
  }

  .heading-h1 {
    margin-top: 20vh;
    margin-left: 24px;
    padding-right: 24px;
    font-size: 12vw;
    line-height: 14vw;
  }

  .project {
    width: 80%;
    height: 80vh;
  }

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

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

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

  .section-17 {
    padding-bottom: 20px;
  }

  .heading-12 {
    margin-bottom: 1rem;
    font-size: 2rem;
    line-height: 2rem;
  }

  .heading-12.black {
    margin-bottom: 1rem;
    font-size: 35px;
    line-height: 35px;
  }

  .heading-42.works {
    padding-left: 30px;
    padding-right: 30px;
    font-size: 16px;
    line-height: 17px;
  }

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

  .grid__item--thumb {
    border-radius: .25rem;
  }

  .grid__item {
    border-width: .1rem;
  }

  .grid__item.grid__item--wide-5x2 {
    aspect-ratio: 5 / 6;
    grid-column: span 2;
  }

  .grid__item.grid__item--wide-5x2-anamorphic-copy {
    grid-column: span 2;
  }

  .grid__item.grid__item--tall-3x5 {
    grid-area: span 3 / span 2;
  }

  .grid__item.grid__item--big-3x3 {
    grid-area: span 2 / span 2;
  }

  .grid__item.grid__item--wide-3x1 {
    aspect-ratio: 3 / 2;
    grid-area: span 2 / span 2;
  }

  .grid__wrapper {
    grid-template-columns: 50% 50%;
  }

  .thumbs-work-description {
    justify-content: space-around;
  }

  .padding-global-4 {
    padding: .25rem;
  }

  .blog-teaser-item-wrapper.quote {
    padding: 4.5em 1.7em;
  }

  .blog-overview-grid {
    overflow: hidden;
  }

  .blog-teaser-quote {
    font-size: 1.4em;
  }

  .heading-43 {
    font-size: 6vw;
  }

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

  .heading-44 {
    font-size: 4vw;
  }

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

  .div-block-34 {
    width: 100%;
    margin-top: 20px;
    margin-left: 0;
  }

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

  .bold-text-2 {
    font-family: Wfvisualsansvf, Arial, sans-serif;
    font-weight: 500;
  }

  .grid-5 {
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    display: flex;
  }

  .tab-line {
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .container-default-2 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .avatar-image {
    width: 100%;
  }

  .section-18 {
    padding-top: 96px;
    padding-bottom: 96px;
  }

  .line_03 {
    width: 0%;
  }

  .block_wrap {
    width: 100%;
  }

  .body-detail {
    max-width: 100%;
    margin-left: 10px;
    margin-right: 10px;
    padding-top: 10px;
    font-size: 5vw;
    line-height: 5.5vw;
  }

  .h4 {
    margin-top: 10px;
    margin-bottom: 0;
    font-size: 20px;
  }

  .heading-large-2 {
    font-size: 8vw;
    line-height: 8vw;
  }

  .heading-large-2.black {
    width: 100%;
    margin-top: 40px;
    margin-bottom: 10px;
    font-size: 1.8rem;
    line-height: 1em;
  }

  .heading-large-2.black.branding {
    margin-bottom: 10px;
    margin-left: 0;
    margin-right: 0;
    font-size: 8vw;
    line-height: 8vw;
  }

  .line_01 {
    width: 0%;
  }

  .div-block-38 {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    padding-top: 0;
  }

  .div-block-38.padding-top.branding {
    margin-top: 0;
    margin-bottom: 40px;
  }

  .line_02 {
    background-color: #000;
    width: 0%;
  }

  .featuresv8_header {
    margin-bottom: 1rem;
  }

  ._2x1-grid-layout {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
  }

  .text-custom-gray {
    width: 94%;
    font-size: 5vw;
  }

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

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

  .featuresv8_header-text {
    font-size: 5vw;
  }

  .project-image {
    height: 70vw;
  }

  .right-arrow-2 {
    margin-top: -70px;
    top: 70vw;
  }

  .slider-section-wrapper {
    padding-left: 6vw;
    padding-right: 6vw;
  }

  .section-tag-container {
    margin-bottom: 30px;
  }

  .left-arrow-2 {
    margin-top: -70px;
    top: 70vw;
  }

  .slider-section-container {
    padding-top: 60px;
  }

  .project-info-container {
    margin-left: 6vw;
    margin-right: 6vw;
  }

  .project-slider {
    max-width: 100vw;
    height: auto;
    margin-left: -6vw;
    margin-right: -6vw;
  }

  .projects-marquee-container {
    width: 500vw;
  }

  .arrow-circle {
    padding: 10px;
  }

  .explore-button-copntainer {
    padding-bottom: 35px;
  }

  .projects-wrapper {
    padding-bottom: 60px;
  }

  .explore-button-wrapper {
    padding-left: 6vw;
    padding-right: 6vw;
  }

  .container-10 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .project-title-3 {
    font-size: 1.6rem;
  }

  .copy-small {
    width: 90%;
    font-size: 4.5vw;
  }

  .teaser-copy {
    margin-right: 0;
    padding-top: 20px;
    padding-left: 20px;
  }

  .title1 {
    font-size: 8vw;
  }

  .heading-47 {
    color: #000;
    text-align: center;
    font-size: 4vw;
    font-weight: 500;
  }

  .heading-47._01 {
    color: #000;
  }

  .div-block-40 {
    flex-flow: row;
  }

  .div-block-40.branding {
    background-color: #fff;
    border-width: 1px;
    justify-content: center;
    width: 70%;
    padding-left: 10px;
    padding-right: 10px;
  }

  .footer-bottom {
    text-align: center;
    flex-direction: column;
  }

  .form-block {
    margin-top: 10px;
  }

  .footer-grid-01 {
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 2fr;
  }

  .footer-grid-01._2x2 {
    grid-template-rows: auto auto auto;
    grid-template-columns: 2fr 1fr;
  }

  .text-field {
    min-width: auto;
  }

  .footer-01 {
    padding-bottom: 40px;
  }

  .footer-title-button {
    margin-bottom: 0;
    margin-right: 0;
    font-size: 16px;
  }

  .footer-wrapper {
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
    padding-bottom: 20px;
  }

  .footer-top {
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 30px;
  }

  .footer-logo {
    margin-bottom: 32px;
  }

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

  .form-section-title {
    font-size: 2em;
    line-height: 1.3em;
  }

  .slider-2 {
    height: auto;
    min-height: 80vh;
  }

  .checkbox-base {
    margin-bottom: 15px;
  }

  .previous-placeholder {
    max-width: 75px;
    display: flex;
  }

  .form-item-wrapper {
    flex-wrap: wrap;
  }

  .global-icon-x-small {
    display: none;
  }

  .form-content {
    width: 100%;
  }

  .footer-3 {
    margin-top: 0;
  }

  .margin-bottom-extra-small-2 {
    margin-bottom: 1rem;
  }

  .marquee-item-2 {
    margin-right: 16vw;
  }

  .marquee-item-2.margin-left {
    margin-left: 16vw;
  }

  .footer-rows-2 {
    min-height: auto;
  }

  .footer-heading-2 {
    font-size: 22vw;
    line-height: .9;
  }

  .grid-12-columns-small-2 {
    grid-row-gap: 2.75rem;
  }

  .heading-50 {
    margin-top: 20px;
    font-size: 8vw;
    font-style: normal;
    font-weight: 300;
    line-height: 8vw;
  }

  .hero-content-wrap {
    align-items: center;
  }

  .text-large.hero-text {
    text-align: center;
    font-size: 16px;
    line-height: 150%;
  }

  .primary-button-hover-text {
    font-size: 15px;
  }

  .page-title-large {
    text-align: center;
  }

  .primary-button-flex-wrapper {
    padding: 8px 20px;
  }

  .hero-main-image {
    object-fit: cover;
  }

  .bold-text-7, .bold-text-8 {
    font-size: 4.5vw;
  }

  .macbook-wrapper {
    margin-bottom: 60px;
  }

  .macbook-wrapper.projects {
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .website-image-container {
    width: 76%;
    height: 81%;
  }

  .macbook {
    width: 100%;
    display: block;
  }

  .heading-style-h2-3 {
    font-size: 12.5vw;
  }

  .contact-information {
    grid-column-gap: .75rem;
    grid-row-gap: .75rem;
  }

  .contact_form-wrapper {
    margin-top: 2rem;
    padding-top: 2rem;
  }

  .success_text-2 {
    font-size: 1rem;
  }

  .button_form-wrapper {
    text-align: center;
    flex-flow: column;
    justify-content: flex-start;
    align-items: stretch;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .header-underline {
    flex-flow: column;
  }

  .tab_field {
    font-size: .8rem;
  }

  .btn_contact_wrap {
    width: 100%;
    font-size: 1rem;
  }

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

  .padding-vertical-2.top-bottom {
    padding-top: 0;
  }

  .btn_contact_inner {
    height: auto;
    padding-top: .75rem;
    padding-bottom: .75rem;
  }

  .section-26 {
    margin-right: 0;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .radio_label-2 {
    font-size: 1rem;
  }

  .radio_field-2 {
    font-size: .8rem;
  }

  .field_label-2 {
    font-size: .75rem;
  }

  .field_label-2.large {
    font-size: .8rem;
    transform: scale(1.2)translate(0, 1.5em);
  }

  .field_label-2.is-radio {
    font-size: 1rem;
  }

  .form-span {
    white-space: pre-wrap;
    margin-right: 32px;
    font-size: 1rem;
  }

  .icon-1x1-medium {
    flex: none;
    width: 1.25rem;
    height: 1.25rem;
  }

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

  .text-block-28 {
    font-size: 4.5vw;
  }

  .italic-text {
    font-style: normal;
    font-weight: 300;
  }

  .text-block-29 {
    font-size: 4.5vw;
  }

  .text-block-30 {
    font-size: 4.5vw;
    font-weight: 500;
  }

  .work_scroll-wrapper {
    overflow: visible;
  }

  .work_card-hover {
    border-radius: 0;
    padding: 1rem;
  }

  .work_card-glow-background._4 {
    top: 200px;
  }

  .work_card-glow-background._3 {
    top: 140px;
  }

  .work_card-glow-background._2 {
    top: 80px;
  }

  .work_project-title {
    font-size: 6vw;
  }

  .work_card-border_glow {
    border-radius: 0;
  }

  .work_grid-2 {
    grid-column-gap: 21px;
    grid-row-gap: 21px;
    grid-template-rows: auto auto auto auto;
    grid-template-columns: .25fr;
    grid-auto-flow: column;
    width: 400%;
  }

  .work_grid-2.ecommerce {
    grid-template-rows: auto auto;
  }

  .work_thumbnail-img-wrapper {
    border-radius: 6px;
  }

  .text-condensed-normal.text-color-yellow500 {
    font-size: 6vw;
  }

  .text-block-31 {
    font-size: 4vw;
    line-height: 4vw;
  }

  .services-paragraph {
    font-size: 5vw;
  }

  .services-paragraph.intro {
    margin-top: 0;
    font-size: 5vw;
    line-height: 5.5vw;
  }

  .services-paragraph.white.contact {
    width: 93%;
  }

  .services-paragraph.dev-services {
    width: 95%;
  }

  .services-paragraph.branding {
    width: 90%;
    font-size: .8em;
    font-weight: 300;
  }

  .services-paragraph.brand {
    text-align: left;
    width: 100%;
    font-size: 1rem;
  }

  .services-paragraph.brand.alt {
    width: 100%;
    margin-bottom: 20px;
    font-size: .8em;
    line-height: 1.2em;
  }

  .services-paragraph.contact {
    margin-bottom: 0;
    margin-right: 0;
    padding-right: 0;
    font-size: .9rem;
  }

  .booster-tab-menu {
    flex-flow: row;
  }

  .your {
    font-size: 20px;
  }

  .success-down {
    margin-top: 8rem;
  }

  .field-3, .field-4 {
    border-radius: 0;
  }

  .checkbox_row {
    flex-flow: column;
    justify-content: flex-start;
    align-items: stretch;
  }

  .checkbox-field-2 {
    margin-bottom: 0;
    margin-right: 0;
    padding: .5rem 10px;
  }

  .checkbox_button.w--redirected-checked {
    margin-top: 0;
  }

  .custom-checkbox-label {
    text-align: center;
    margin-bottom: 0;
    font-size: 4vw;
    font-weight: 300;
  }

  .div-block-47 {
    padding-left: 20px;
    padding-right: 10px;
  }

  .particle-wrapper {
    background-image: linear-gradient(#111, #111);
  }

  .snap-container.is-navy, .snap-container.is-green, .snap-container.is-purple, .snap-container.is-red {
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
  }

  .container-wrapper {
    height: 98vh;
  }

  .nw-link {
    border: 1px solid #fff;
    border-radius: 20px;
    flex-direction: column;
    margin-top: 8px;
    margin-bottom: 0;
    padding: 8px 12px;
    display: flex;
  }

  .layout-2 {
    min-height: 85dvh;
  }

  .heading-53 {
    font-size: 7vw;
  }

  .div-block-48 {
    width: 96%;
    padding: 100px 20px;
  }

  .lottie-animation-3 {
    margin-bottom: -21px;
  }

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

  .home-about-intro {
    padding: 2rem 0;
  }

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

  .home-service-list {
    padding-bottom: 2rem;
  }

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

  .home-service-top {
    padding-top: 1rem;
    padding-bottom: 3rem;
  }

  .home-faq-list {
    padding-top: 0;
    padding-bottom: 0;
  }

  .text-size-large.text-align-center {
    margin-top: 20px;
    padding-top: 0;
    font-size: 1.3rem;
    line-height: 1.5rem;
  }

  .home-banner_content {
    max-width: 85vw;
  }

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

  .question-title {
    flex: 1;
  }

  .arrow-3, .values_slide-no {
    display: none;
  }

  .v-tab_link {
    font-size: 4.2vw;
  }

  .values {
    width: 100%;
    height: auto;
  }

  .infographic-text {
    width: 100%;
    max-width: none;
    position: relative;
  }

  .infographic-wrapper {
    height: auto;
  }

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

  .page-padding-5 {
    padding-bottom: 25%;
  }

  .infographic-buttons {
    width: 90vw;
    height: 90vw;
  }

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

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

  .grid-text-wrapper {
    margin-bottom: 0;
  }

  .grid-row.is-first {
    grid-row-gap: .4rem;
    padding-bottom: 0;
  }

  .grid-image-wrapper.animate-in.right {
    margin-right: 0%;
  }

  .grid-image-wrapper.animate-in.left {
    margin-left: 0%;
  }

  .grid-image-wrapper.animate-in.left._03 {
    display: none;
  }

  .grid-image-wrapper.animate-in.left._02, .grid-image-wrapper.animate-in.left._04 {
    display: block;
  }

  .grid-image-wrapper.animate-in.left._05 {
    display: none;
  }

  .grid-item-title {
    justify-content: center;
    align-items: stretch;
    margin-bottom: .25em;
  }

  .heading-54 {
    margin-bottom: 1rem;
    font-size: 2rem;
    line-height: 2rem;
  }

  .heading-54.contact {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 2rem;
    line-height: 2rem;
  }

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

  .div-block-51._02 {
    margin-top: 30px;
    display: block;
  }

  .form12_checkbox_field {
    width: 49%;
    min-width: auto;
    height: 130px;
    margin-bottom: 15px;
    margin-right: 0;
  }

  .slider-3 {
    height: auto;
  }

  .mobile-nav-bottom {
    position: static;
  }

  .submit-button-3 {
    margin-bottom: -85px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
  }

  .previous {
    max-width: 75px;
    display: flex;
  }

  .mask-2 {
    height: 100%;
    position: static;
  }

  .next {
    position: relative;
  }

  .checkbox_wrap {
    flex-wrap: wrap;
  }

  .form-section-title-2 {
    font-size: 2em;
    line-height: 1.3em;
  }

  .slider-content-wrap {
    justify-content: center;
    width: 100%;
    margin-bottom: 140px;
    padding: 50px 10px;
  }

  .form-content-2 {
    width: 100%;
  }

  .submit-button-4 {
    margin-bottom: -85px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
  }

  .mask-3 {
    height: 100%;
    position: static;
  }

  .form-content-3 {
    width: 100%;
  }

  .submit-button-5 {
    margin-bottom: -85px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
  }

  .mask-4 {
    height: 100%;
    position: static;
  }

  .form-content-4 {
    width: 100%;
  }

  .slider-4 {
    height: auto;
  }

  .submit-button-6 {
    margin-bottom: -85px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
  }

  .mask-5 {
    height: 100%;
    position: static;
  }

  .checkbox_wrap-2 {
    flex-wrap: wrap;
  }

  .slider-content-wrap-2 {
    justify-content: center;
    width: 100%;
    margin-bottom: 140px;
    padding: 50px 10px;
  }

  .form-content-5 {
    width: 100%;
  }

  .container-19 {
    margin-top: 10px;
  }

  .slider-5 {
    height: auto;
  }

  .submit-button-7 {
    margin-bottom: -85px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
  }

  .previous-2 {
    max-width: 75px;
    display: flex;
  }

  .mask-6 {
    height: 100%;
    position: static;
  }

  .checkbox_wrap-3 {
    flex-wrap: wrap;
  }

  .form-section-title-3 {
    font-size: 2em;
    line-height: 1.3em;
  }

  .form-content-6 {
    width: 100%;
  }

  .checkbox-field-3 {
    margin-bottom: 0;
  }

  .submit-button-8 {
    width: 100%;
    margin-top: 10px;
    margin-left: 0;
  }

  .budget-inner-container {
    flex-wrap: wrap;
  }

  .container-20 {
    padding-left: 16px;
    padding-right: 16px;
  }

  .form-text {
    width: 100%;
    margin-top: 20px;
  }

  .input-flexbox.email {
    margin-top: 0;
  }

  .input-field.project-contact, .input-field.grow, .input-field.email, .input-field.name {
    margin-left: 0;
  }

  .contact-block {
    padding: 20px;
  }

  .text-block-38 {
    align-self: flex-start;
    margin-top: 0;
    margin-bottom: 0;
  }

  .text-block-38.contact-form-padding-bottom {
    margin-top: 10px;
    padding-bottom: 0;
  }

  .form-text-2 {
    text-align: left;
  }

  .text-block-39, .text-block-41 {
    font-size: 1rem;
  }

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

  .side-menu-wrapper {
    width: 100%;
  }

  .menu-icon-2 {
    width: 1.5rem;
  }

  .side-menu_component {
    width: 100%;
    height: 140vh;
  }

  .side-menu-background {
    width: 100%;
  }

  .side-menu-text-wrap {
    margin-left: 0;
    margin-right: 0;
  }

  .navbar_component {
    padding: 1rem .5rem;
  }

  .side-menu-item-wrapper.flex-h {
    padding-bottom: .125rem;
  }

  .side-menu-item-wrapper.flex-v {
    padding-top: .125rem;
  }

  .menu-button-2 {
    text-decoration: none;
  }

  .text-block-47 {
    margin-right: 5px;
    text-decoration: none;
  }

  .main-hero_heading {
    text-align: left;
    margin-bottom: 0;
    font-size: 1.3em;
  }

  .button-rounded-tooltip {
    width: 100%;
    min-height: 3rem;
  }
}

#w-node-_9088d4d6-f3e9-54d3-a8dc-288cc427d93d-2be0a4de {
  grid-area: 1 / 1 / 2 / 4;
}

#w-node-_31dc2bf3-89af-ea53-0f27-bcd785d25c09-2be0a4de {
  order: -9999;
  grid-area: 1 / 6 / 2 / 13;
  align-self: end;
}

#w-node-_8e14d74d-2842-94e0-20c4-8bc792b21530-2be0a4de, #w-node-_8e14d74d-2842-94e0-20c4-8bc792b21531-2be0a4de, #w-node-_8e14d74d-2842-94e0-20c4-8bc792b21533-2be0a4de, #w-node-_8e14d74d-2842-94e0-20c4-8bc792b21534-2be0a4de, #w-node-_8e14d74d-2842-94e0-20c4-8bc792b21535-2be0a4de, #w-node-_8e14d74d-2842-94e0-20c4-8bc792b21536-2be0a4de, #w-node-_8e14d74d-2842-94e0-20c4-8bc792b21537-2be0a4de, #w-node-_8e14d74d-2842-94e0-20c4-8bc792b21538-2be0a4de, #w-node-_8e14d74d-2842-94e0-20c4-8bc792b2153c-2be0a4de, #w-node-_8e14d74d-2842-94e0-20c4-8bc792b2153e-2be0a4de, #w-node-_8e14d74d-2842-94e0-20c4-8bc792b2153f-2be0a4de, #w-node-_8e14d74d-2842-94e0-20c4-8bc792b21540-2be0a4de, #w-node-_8e14d74d-2842-94e0-20c4-8bc792b21541-2be0a4de, #w-node-_8e14d74d-2842-94e0-20c4-8bc792b21542-2be0a4de, #w-node-_8e14d74d-2842-94e0-20c4-8bc792b21543-2be0a4de, #w-node-_8e14d74d-2842-94e0-20c4-8bc792b21546-2be0a4de, #w-node-_8e14d74d-2842-94e0-20c4-8bc792b21547-2be0a4de, #w-node-_8e14d74d-2842-94e0-20c4-8bc792b21549-2be0a4de, #w-node-_8e14d74d-2842-94e0-20c4-8bc792b2154a-2be0a4de, #w-node-_8e14d74d-2842-94e0-20c4-8bc792b2154b-2be0a4de, #w-node-_8e14d74d-2842-94e0-20c4-8bc792b2154c-2be0a4de, #w-node-_8e14d74d-2842-94e0-20c4-8bc792b2154d-2be0a4de, #w-node-_8e14d74d-2842-94e0-20c4-8bc792b2154e-2be0a4de, #w-node-_8e14d74d-2842-94e0-20c4-8bc792b21554-2be0a4de, #w-node-_8e14d74d-2842-94e0-20c4-8bc792b21555-2be0a4de, #w-node-_8e14d74d-2842-94e0-20c4-8bc792b21557-2be0a4de, #w-node-_8e14d74d-2842-94e0-20c4-8bc792b21558-2be0a4de, #w-node-_8e14d74d-2842-94e0-20c4-8bc792b21559-2be0a4de, #w-node-_8e14d74d-2842-94e0-20c4-8bc792b2155a-2be0a4de, #w-node-_8e14d74d-2842-94e0-20c4-8bc792b2155b-2be0a4de, #w-node-_8e14d74d-2842-94e0-20c4-8bc792b2155c-2be0a4de, #w-node-_8e14d74d-2842-94e0-20c4-8bc792b2155f-2be0a4de, #w-node-_8e14d74d-2842-94e0-20c4-8bc792b21560-2be0a4de, #w-node-_8e14d74d-2842-94e0-20c4-8bc792b21562-2be0a4de, #w-node-_8e14d74d-2842-94e0-20c4-8bc792b21563-2be0a4de, #w-node-_8e14d74d-2842-94e0-20c4-8bc792b21564-2be0a4de, #w-node-_8e14d74d-2842-94e0-20c4-8bc792b21565-2be0a4de, #w-node-_8e14d74d-2842-94e0-20c4-8bc792b21566-2be0a4de, #w-node-_8e14d74d-2842-94e0-20c4-8bc792b21567-2be0a4de, #w-node-_8e14d74d-2842-94e0-20c4-8bc792b2156a-2be0a4de, #w-node-_8e14d74d-2842-94e0-20c4-8bc792b2156b-2be0a4de, #w-node-_8e14d74d-2842-94e0-20c4-8bc792b2156d-2be0a4de, #w-node-_8e14d74d-2842-94e0-20c4-8bc792b2156e-2be0a4de, #w-node-_8e14d74d-2842-94e0-20c4-8bc792b2156f-2be0a4de, #w-node-_8e14d74d-2842-94e0-20c4-8bc792b21570-2be0a4de, #w-node-_8e14d74d-2842-94e0-20c4-8bc792b21571-2be0a4de, #w-node-_8e14d74d-2842-94e0-20c4-8bc792b21572-2be0a4de {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_983250e2-f9e6-c98f-bc98-29d6cf3024c8-2be0a4de {
  grid-area: span 1 / span 6 / span 1 / span 6;
}

#w-node-_983250e2-f9e6-c98f-bc98-29d6cf3024cb-2be0a4de {
  grid-area: span 1 / span 6 / span 1 / span 6;
  place-self: center;
}

#w-node-b4c9e5b9-1d12-e09e-88c4-1e78f915bd99-2be0a4de, #w-node-b4c9e5b9-1d12-e09e-88c4-1e78f915bda3-2be0a4de {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_17d7752d-4516-35d8-c5c0-e2f3b82014b7-2be0a4de {
  grid-area: span 1 / span 5 / span 1 / span 5;
}

#w-node-_17d7752d-4516-35d8-c5c0-e2f3b82014ba-2be0a4de {
  grid-area: span 1 / span 7 / span 1 / span 7;
  place-self: center;
}

#w-node-_3a14c17e-ceaa-7263-e276-acdbd686a5a9-2be0a4de {
  grid-area: 1 / 9 / 2 / 13;
}

#w-node-_8dadec61-f5ef-0234-cca5-7f94cd792758-2be0a4de {
  grid-area: 1 / 1 / 2 / 4;
}

#w-node-fd3d29d7-3e7b-66f7-9f8c-0a11771be82d-2be0a4de {
  grid-area: 1 / 4 / 2 / 13;
}

#w-node-c6938a0a-b2d0-0e0d-ff7e-6eb9624f11a1-2be0a4de {
  grid-area: 1 / 1 / 2 / 9;
}

#w-node-_02832d50-257e-c0fa-a718-1e36f69cbb3e-2be0a4de {
  grid-area: span 1 / span 7 / span 1 / span 7;
}

#w-node-_02832d50-257e-c0fa-a718-1e36f69cbb41-2be0a4de {
  grid-area: span 1 / span 5 / span 1 / span 5;
  place-self: center start;
}

#w-node-_2d2691c6-973a-e3ec-5ea5-7f4c3c108f46-2be0a4de {
  grid-area: span 1 / span 7 / span 1 / span 7;
}

#w-node-_2d2691c6-973a-e3ec-5ea5-7f4c3c108f4b-2be0a4de {
  grid-area: span 1 / span 5 / span 1 / span 5;
  place-self: center start;
}

#w-node-_56fe7542-5e99-c5b9-c1d6-6f8b049541e7-2be0a4de {
  grid-area: span 1 / span 7 / span 1 / span 7;
}

#w-node-_56fe7542-5e99-c5b9-c1d6-6f8b049541ec-2be0a4de {
  grid-area: span 1 / span 5 / span 1 / span 5;
  place-self: center start;
}

#w-node-efe81a3b-2fb4-cb73-f02a-48c87ef0f599-2be0a4de {
  grid-area: span 1 / span 7 / span 1 / span 7;
}

#w-node-efe81a3b-2fb4-cb73-f02a-48c87ef0f59e-2be0a4de {
  grid-area: span 1 / span 5 / span 1 / span 5;
  place-self: center start;
}

#w-node-_2d49e346-b3ed-66b0-74a1-3eec43b1c108-2be0a4de {
  grid-area: span 1 / span 7 / span 1 / span 7;
}

#w-node-_2d49e346-b3ed-66b0-74a1-3eec43b1c10d-2be0a4de {
  grid-area: span 1 / span 5 / span 1 / span 5;
  place-self: center start;
}

#w-node-_968573d2-1064-7218-deb6-34450ce4185e-2be0a4de {
  grid-area: 1 / 1 / 2 / 9;
  align-self: center;
}

#w-node-_968573d2-1064-7218-deb6-34450ce4188c-2be0a4de {
  grid-area: 1 / 9 / 2 / 13;
}

#w-node-_504a6372-4760-cb9a-49dc-7a82ab3b4efe-2be0a4de {
  grid-area: 1 / 1 / 2 / 13;
}

#w-node-e5cbd4b8-8dcf-4694-2630-f9476601d674-2be0a4de, #w-node-_01f436ee-f339-34c5-43b4-7c5b6af37dd1-2be0a4e1, #w-node-_01f436ee-f339-34c5-43b4-7c5b6af37dd4-2be0a4e1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_01d12bb0-b4b3-2172-c50d-2471027e6ca2-2be0a4e1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: auto;
}

#w-node-_1bb424a9-629f-cc6a-1570-fb8cdd6fdd86-2be0a4e1 {
  grid-area: 1 / 1 / 2 / 7;
}

#w-node-_35bc999b-7cb5-26c5-ce7e-c053e5cffd09-2be0a4e1 {
  grid-area: 1 / 4 / 2 / 10;
}

#w-node-_165d160f-bb7d-22c8-6ce0-9bd15fc6f833-2be0a4e1 {
  grid-area: 1 / 7 / 2 / 13;
}

#w-node-_9da2251a-c24f-1790-d902-d6568d765c0e-2be0a4e1 {
  grid-area: 1 / 2 / 2 / 12;
}

#w-node-c5177b2d-45bc-75ef-45e3-7283b48dcc36-2be0a4e1 {
  grid-area: 1 / 1 / 2 / 5;
}

#w-node-c5177b2d-45bc-75ef-45e3-7283b48dcc40-2be0a4e1 {
  grid-area: 1 / 5 / 3 / 13;
}

#w-node-c5177b2d-45bc-75ef-45e3-7283b48dcc4a-2be0a4e1 {
  grid-area: 1 / 1 / 2 / 6;
}

#w-node-c5177b2d-45bc-75ef-45e3-7283b48dcc4d-2be0a4e1 {
  grid-area: 1 / 6 / 2 / 11;
}

#w-node-c5177b2d-45bc-75ef-45e3-7283b48dcc50-2be0a4e1 {
  grid-area: 1 / 11 / 2 / 13;
}

#w-node-c5177b2d-45bc-75ef-45e3-7283b48dcc5a-2be0a4e1 {
  grid-area: 1 / 1 / 2 / 6;
}

#w-node-c5177b2d-45bc-75ef-45e3-7283b48dcc5d-2be0a4e1 {
  grid-area: 1 / 6 / 2 / 11;
}

#w-node-c5177b2d-45bc-75ef-45e3-7283b48dcc60-2be0a4e1 {
  grid-area: 1 / 11 / 2 / 13;
}

#w-node-c5177b2d-45bc-75ef-45e3-7283b48dcc6a-2be0a4e1 {
  grid-area: 1 / 1 / 2 / 6;
}

#w-node-c5177b2d-45bc-75ef-45e3-7283b48dcc6d-2be0a4e1 {
  grid-area: 1 / 6 / 2 / 11;
}

#w-node-c5177b2d-45bc-75ef-45e3-7283b48dcc70-2be0a4e1 {
  grid-area: 1 / 11 / 2 / 13;
}

#w-node-c5177b2d-45bc-75ef-45e3-7283b48dcc7a-2be0a4e1 {
  grid-area: 1 / 1 / 2 / 6;
}

#w-node-c5177b2d-45bc-75ef-45e3-7283b48dcc7d-2be0a4e1 {
  grid-area: 1 / 6 / 2 / 11;
}

#w-node-c5177b2d-45bc-75ef-45e3-7283b48dcc80-2be0a4e1 {
  grid-area: 1 / 11 / 2 / 13;
}

#w-node-c5177b2d-45bc-75ef-45e3-7283b48dcc8a-2be0a4e1 {
  grid-area: 1 / 1 / 2 / 6;
}

#w-node-c5177b2d-45bc-75ef-45e3-7283b48dcc8d-2be0a4e1 {
  grid-area: 1 / 6 / 2 / 11;
}

#w-node-c5177b2d-45bc-75ef-45e3-7283b48dcc90-2be0a4e1 {
  grid-area: 1 / 11 / 2 / 13;
}

#w-node-c5177b2d-45bc-75ef-45e3-7283b48dcc9a-2be0a4e1 {
  grid-area: 1 / 1 / 2 / 6;
}

#w-node-c5177b2d-45bc-75ef-45e3-7283b48dcc9d-2be0a4e1 {
  grid-area: 1 / 6 / 2 / 11;
}

#w-node-c5177b2d-45bc-75ef-45e3-7283b48dcca0-2be0a4e1 {
  grid-area: 1 / 11 / 2 / 13;
}

#w-node-c5177b2d-45bc-75ef-45e3-7283b48dccaa-2be0a4e1 {
  grid-area: 1 / 1 / 2 / 6;
}

#w-node-c5177b2d-45bc-75ef-45e3-7283b48dccad-2be0a4e1 {
  grid-area: 1 / 6 / 2 / 11;
}

#w-node-c5177b2d-45bc-75ef-45e3-7283b48dccb0-2be0a4e1 {
  grid-area: 1 / 11 / 2 / 13;
}

#w-node-c5177b2d-45bc-75ef-45e3-7283b48dccb6-2be0a4e1 {
  grid-area: 2 / 1 / 3 / 5;
}

#w-node-bbee681c-3416-06f7-857e-50c787fbb252-2be0a4e1 {
  grid-area: span 1 / span 8 / span 1 / span 8;
}

#w-node-_402645f0-c883-3a9b-9858-66ebdd690b3a-2be0a4e1 {
  grid-area: span 1 / span 4 / span 1 / span 4;
  place-self: end start;
}

#w-node-_4c6f7ad3-daa9-3af2-06e0-53a57601c144-2be0a4e1, #w-node-_4c6f7ad3-daa9-3af2-06e0-53a57601c152-2be0a4e1, #w-node-_4c6f7ad3-daa9-3af2-06e0-53a57601c160-2be0a4e1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_96821498-2a79-02f6-2665-c52d0eb6be86-2be0a4e1 {
  grid-area: 1 / 9 / 2 / 13;
}

#w-node-_96821498-2a79-02f6-2665-c52d0eb6bea3-2be0a4e1 {
  grid-area: 1 / 1 / 2 / 4;
}

#w-node-_96821498-2a79-02f6-2665-c52d0eb6bea7-2be0a4e1 {
  grid-area: 1 / 6 / 2 / 13;
}

#w-node-bb4ff5c3-37d6-a295-1ae9-8727e1a56bf4-2be0a4e7, #w-node-bb4ff5c3-37d6-a295-1ae9-8727e1a56bf5-2be0a4e7, #w-node-bb4ff5c3-37d6-a295-1ae9-8727e1a56bf6-2be0a4e7, #w-node-bb4ff5c3-37d6-a295-1ae9-8727e1a56bf7-2be0a4e7, #w-node-bb4ff5c3-37d6-a295-1ae9-8727e1a56bf8-2be0a4e7, #w-node-bb4ff5c3-37d6-a295-1ae9-8727e1a56bf9-2be0a4e7, #w-node-bb4ff5c3-37d6-a295-1ae9-8727e1a56bfa-2be0a4e7, #w-node-bb4ff5c3-37d6-a295-1ae9-8727e1a56bfb-2be0a4e7, #w-node-bb4ff5c3-37d6-a295-1ae9-8727e1a56bfc-2be0a4e7, #w-node-bb4ff5c3-37d6-a295-1ae9-8727e1a56bfd-2be0a4e7, #w-node-bb4ff5c3-37d6-a295-1ae9-8727e1a56bfe-2be0a4e7, #w-node-bb4ff5c3-37d6-a295-1ae9-8727e1a56bff-2be0a4e7, #w-node-bb4ff5c3-37d6-a295-1ae9-8727e1a56c00-2be0a4e7, #w-node-bb4ff5c3-37d6-a295-1ae9-8727e1a56c01-2be0a4e7, #w-node-bb4ff5c3-37d6-a295-1ae9-8727e1a56c02-2be0a4e7, #w-node-bb4ff5c3-37d6-a295-1ae9-8727e1a56c03-2be0a4e7, #w-node-bb4ff5c3-37d6-a295-1ae9-8727e1a56c04-2be0a4e7, #w-node-bb4ff5c3-37d6-a295-1ae9-8727e1a56c05-2be0a4e7, #w-node-_68e24d1a-cf62-31a2-d66f-7a05e27c639f-2be0a4e7, #w-node-_68e24d1a-cf62-31a2-d66f-7a05e27c63a0-2be0a4e7, #w-node-_68e24d1a-cf62-31a2-d66f-7a05e27c63a2-2be0a4e7, #w-node-_68e24d1a-cf62-31a2-d66f-7a05e27c63a3-2be0a4e7, #w-node-_68e24d1a-cf62-31a2-d66f-7a05e27c63a4-2be0a4e7, #w-node-_68e24d1a-cf62-31a2-d66f-7a05e27c63a5-2be0a4e7, #w-node-_68e24d1a-cf62-31a2-d66f-7a05e27c63a6-2be0a4e7, #w-node-_68e24d1a-cf62-31a2-d66f-7a05e27c63a7-2be0a4e7, #w-node-_68e24d1a-cf62-31a2-d66f-7a05e27c63ab-2be0a4e7, #w-node-_68e24d1a-cf62-31a2-d66f-7a05e27c63ad-2be0a4e7, #w-node-_68e24d1a-cf62-31a2-d66f-7a05e27c63ae-2be0a4e7, #w-node-_68e24d1a-cf62-31a2-d66f-7a05e27c63af-2be0a4e7, #w-node-_68e24d1a-cf62-31a2-d66f-7a05e27c63b0-2be0a4e7, #w-node-_68e24d1a-cf62-31a2-d66f-7a05e27c63b1-2be0a4e7, #w-node-_68e24d1a-cf62-31a2-d66f-7a05e27c63b2-2be0a4e7, #w-node-_68e24d1a-cf62-31a2-d66f-7a05e27c63b5-2be0a4e7, #w-node-_68e24d1a-cf62-31a2-d66f-7a05e27c63b6-2be0a4e7, #w-node-_68e24d1a-cf62-31a2-d66f-7a05e27c63b8-2be0a4e7, #w-node-_68e24d1a-cf62-31a2-d66f-7a05e27c63b9-2be0a4e7, #w-node-_68e24d1a-cf62-31a2-d66f-7a05e27c63ba-2be0a4e7, #w-node-_68e24d1a-cf62-31a2-d66f-7a05e27c63bb-2be0a4e7, #w-node-_68e24d1a-cf62-31a2-d66f-7a05e27c63bc-2be0a4e7, #w-node-_68e24d1a-cf62-31a2-d66f-7a05e27c63bd-2be0a4e7, #w-node-_68e24d1a-cf62-31a2-d66f-7a05e27c63c3-2be0a4e7, #w-node-_68e24d1a-cf62-31a2-d66f-7a05e27c63c4-2be0a4e7, #w-node-_68e24d1a-cf62-31a2-d66f-7a05e27c63c6-2be0a4e7, #w-node-_68e24d1a-cf62-31a2-d66f-7a05e27c63c7-2be0a4e7, #w-node-_68e24d1a-cf62-31a2-d66f-7a05e27c63c8-2be0a4e7, #w-node-_68e24d1a-cf62-31a2-d66f-7a05e27c63c9-2be0a4e7, #w-node-_68e24d1a-cf62-31a2-d66f-7a05e27c63ca-2be0a4e7, #w-node-_68e24d1a-cf62-31a2-d66f-7a05e27c63cb-2be0a4e7, #w-node-_68e24d1a-cf62-31a2-d66f-7a05e27c63ce-2be0a4e7, #w-node-_68e24d1a-cf62-31a2-d66f-7a05e27c63cf-2be0a4e7, #w-node-_68e24d1a-cf62-31a2-d66f-7a05e27c63d1-2be0a4e7, #w-node-_68e24d1a-cf62-31a2-d66f-7a05e27c63d2-2be0a4e7, #w-node-_68e24d1a-cf62-31a2-d66f-7a05e27c63d3-2be0a4e7, #w-node-_68e24d1a-cf62-31a2-d66f-7a05e27c63d4-2be0a4e7, #w-node-_68e24d1a-cf62-31a2-d66f-7a05e27c63d5-2be0a4e7, #w-node-_68e24d1a-cf62-31a2-d66f-7a05e27c63d6-2be0a4e7, #w-node-_68e24d1a-cf62-31a2-d66f-7a05e27c63d9-2be0a4e7, #w-node-_68e24d1a-cf62-31a2-d66f-7a05e27c63da-2be0a4e7, #w-node-_68e24d1a-cf62-31a2-d66f-7a05e27c63dc-2be0a4e7, #w-node-_68e24d1a-cf62-31a2-d66f-7a05e27c63dd-2be0a4e7, #w-node-_68e24d1a-cf62-31a2-d66f-7a05e27c63de-2be0a4e7, #w-node-_68e24d1a-cf62-31a2-d66f-7a05e27c63df-2be0a4e7, #w-node-_68e24d1a-cf62-31a2-d66f-7a05e27c63e0-2be0a4e7, #w-node-_68e24d1a-cf62-31a2-d66f-7a05e27c63e1-2be0a4e7 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_45087fab-c9d9-ed3d-e64e-335101632028-2be0a4e7 {
  grid-area: 1 / 3 / 2 / 11;
}

#w-node-_949f978f-e0ed-2378-09f4-7f070c37cc4f-2be0a4e7 {
  grid-area: span 1 / span 4 / span 1 / span 4;
  place-self: center;
}

#w-node-_949f978f-e0ed-2378-09f4-7f070c37cc4c-2be0a4e7 {
  grid-area: span 1 / span 8 / span 1 / span 8;
}

#w-node-e47a570f-0209-bd1a-db15-06884d8f976c-2be0a4e7, #w-node-e47a570f-0209-bd1a-db15-06884d8f976d-2be0a4e7, #w-node-e47a570f-0209-bd1a-db15-06884d8f976f-2be0a4e7, #w-node-e47a570f-0209-bd1a-db15-06884d8f9770-2be0a4e7, #w-node-e47a570f-0209-bd1a-db15-06884d8f9771-2be0a4e7, #w-node-e47a570f-0209-bd1a-db15-06884d8f9772-2be0a4e7, #w-node-e47a570f-0209-bd1a-db15-06884d8f9773-2be0a4e7, #w-node-e47a570f-0209-bd1a-db15-06884d8f9774-2be0a4e7, #w-node-e47a570f-0209-bd1a-db15-06884d8f9777-2be0a4e7, #w-node-e47a570f-0209-bd1a-db15-06884d8f9778-2be0a4e7, #w-node-e47a570f-0209-bd1a-db15-06884d8f977a-2be0a4e7, #w-node-e47a570f-0209-bd1a-db15-06884d8f977b-2be0a4e7, #w-node-e47a570f-0209-bd1a-db15-06884d8f977c-2be0a4e7, #w-node-e47a570f-0209-bd1a-db15-06884d8f977d-2be0a4e7, #w-node-e47a570f-0209-bd1a-db15-06884d8f977e-2be0a4e7, #w-node-e47a570f-0209-bd1a-db15-06884d8f977f-2be0a4e7, #w-node-e47a570f-0209-bd1a-db15-06884d8f9782-2be0a4e7, #w-node-e47a570f-0209-bd1a-db15-06884d8f9783-2be0a4e7, #w-node-e47a570f-0209-bd1a-db15-06884d8f9785-2be0a4e7, #w-node-e47a570f-0209-bd1a-db15-06884d8f9786-2be0a4e7, #w-node-e47a570f-0209-bd1a-db15-06884d8f9787-2be0a4e7, #w-node-e47a570f-0209-bd1a-db15-06884d8f9788-2be0a4e7, #w-node-e47a570f-0209-bd1a-db15-06884d8f9789-2be0a4e7, #w-node-e47a570f-0209-bd1a-db15-06884d8f978a-2be0a4e7 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_03d121fe-3b08-2501-7791-1e21eb188887-2be0a4e7 {
  grid-area: 1 / 1 / 2 / 9;
  align-self: center;
}

#w-node-_03d121fe-3b08-2501-7791-1e21eb1888b7-2be0a4e7 {
  grid-area: 1 / 9 / 2 / 13;
}

#w-node-c198bed6-241f-79ce-8180-54337c82a087-2be0a4e7 {
  grid-area: 1 / 1 / 2 / 13;
}

#w-node-_194258cb-7fe3-d9c5-3ce5-60eefeb39396-2be0a4e8, #w-node-_194258cb-7fe3-d9c5-3ce5-60eefeb3939c-2be0a4e8 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_194258cb-7fe3-d9c5-3ce5-60eefeb393a1-2be0a4e8 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: auto;
}

#w-node-_194258cb-7fe3-d9c5-3ce5-60eefeb393a8-2be0a4e8 {
  grid-area: 1 / 1 / 2 / 7;
}

#w-node-_194258cb-7fe3-d9c5-3ce5-60eefeb393ac-2be0a4e8 {
  grid-area: 1 / 4 / 2 / 10;
}

#w-node-_194258cb-7fe3-d9c5-3ce5-60eefeb393b0-2be0a4e8 {
  grid-area: 1 / 7 / 2 / 13;
}

#w-node-e90ce7e8-a9ef-c31f-a147-c3101ba33220-2be0a4e8, #w-node-e90ce7e8-a9ef-c31f-a147-c3101ba33223-2be0a4e8, #w-node-ab29e071-9842-f094-b0a6-a6e8b955f84c-2be0a4e8, #w-node-b4c506ce-6c93-e69c-0f46-a8d6eb92cf83-2be0a4e8, #w-node-_3ea92fb8-67e4-5bb9-ee5f-675c61e6161e-2be0a4e8, #w-node-_927ef482-cd8c-0546-bdca-1ee36ca24589-2be0a4e8, #w-node-_4d774a0c-8a2c-0e20-069c-c8ab9cbed947-2be0a4e8 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-a661d294-a19b-ce33-8c87-6bb9030dd785-2be0a4e8 {
  grid-area: span 1 / span 6 / span 1 / span 6;
}

#w-node-a661d294-a19b-ce33-8c87-6bb9030dd788-2be0a4e8 {
  grid-area: span 1 / span 6 / span 1 / span 6;
  place-self: center;
}

#w-node-_92806ea2-fbff-611e-83c3-bd0d74e31da0-2be0a4e8, #w-node-_92806ea2-fbff-611e-83c3-bd0d74e31da7-2be0a4e8, #w-node-_92806ea2-fbff-611e-83c3-bd0d74e31dae-2be0a4e8, #w-node-_92806ea2-fbff-611e-83c3-bd0d74e31db5-2be0a4e8, #w-node-_92806ea2-fbff-611e-83c3-bd0d74e31dbc-2be0a4e8, #w-node-_92806ea2-fbff-611e-83c3-bd0d74e31dc3-2be0a4e8, #w-node-_713fcf8c-c871-c634-0400-d0a1aa919991-2be0a4e8, #w-node-_713fcf8c-c871-c634-0400-d0a1aa9199a1-2be0a4e8, #w-node-_713fcf8c-c871-c634-0400-d0a1aa9199b1-2be0a4e8, #w-node-_7c5da24d-c0af-4d18-37f4-66f999d7b973-2be0a4e8 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_2d646b9d-c00f-d28f-397f-fb4922eb0f69-2be0a4e8 {
  grid-area: span 1 / span 5 / span 1 / span 5;
}

#w-node-_2d646b9d-c00f-d28f-397f-fb4922eb0f6e-2be0a4e8 {
  grid-area: span 1 / span 7 / span 1 / span 7;
  place-self: center;
}

#w-node-e3c28891-cb71-1524-3aed-bce56165d4cf-2be0a4e8 {
  align-self: end;
}

#w-node-_0bd14f79-3e9b-9186-98ea-94f211fb8b18-2be0a4e8, #w-node-_0bd14f79-3e9b-9186-98ea-94f211fb8b27-2be0a4e8 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_0bd14f79-3e9b-9186-98ea-94f211fb8b2b-2be0a4e8 {
  justify-self: start;
}

#w-node-_2f97ba8f-7eff-7250-1bfa-c4f1a79adac8-2be0a4ea, #w-node-_2f97ba8f-7eff-7250-1bfa-c4f1a79adacc-2be0a4ea, #w-node-_2f97ba8f-7eff-7250-1bfa-c4f1a79adad1-2be0a4ea {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-dbf6759c-6cd1-496d-cbf9-bc03459bd1fd-2be0a4ea {
  grid-area: 1 / 1 / 2 / 5;
}

#w-node-dbf6759c-6cd1-496d-cbf9-bc03459bd200-2be0a4ea {
  grid-area: 1 / 5 / 2 / 13;
  align-self: center;
}

#w-node-_5ec2ed61-d7e5-30c1-9adc-a0c2bee26a89-2be0a4ea {
  grid-area: 1 / 1 / 2 / 5;
}

#w-node-_5ec2ed61-d7e5-30c1-9adc-a0c2bee26a8c-2be0a4ea {
  grid-area: 1 / 5 / 2 / 13;
  align-self: center;
}

#w-node-_55bf7898-c615-2e65-0931-51d3c0c0d377-2be0a4ea {
  grid-area: 1 / 1 / 2 / 5;
}

#w-node-_55bf7898-c615-2e65-0931-51d3c0c0d37a-2be0a4ea {
  grid-area: 1 / 5 / 2 / 13;
  align-self: center;
}

#w-node-_787e74cf-e0ef-ee8b-ca4b-9678d5ec5c89-2be0a4ea {
  grid-area: 1 / 1 / 2 / 6;
}

#w-node-_9c76a892-2438-c201-3ce6-9502aa730e91-2be0a4ea {
  grid-area: 1 / 1 / 2 / 5;
}

#w-node-_9c76a892-2438-c201-3ce6-9502aa730e94-2be0a4ea {
  grid-area: 1 / 5 / 2 / 13;
  align-self: center;
}

#w-node-_34c36820-a366-a1f9-5f60-8acdfadff935-fadff930 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_34c36820-a366-a1f9-5f60-8acdfadff93b-fadff930, #w-node-_34c36820-a366-a1f9-5f60-8acdfadff93d-fadff930, #w-node-_34c36820-a366-a1f9-5f60-8acdfadff943-fadff930 {
  grid-area: span 1 / span 6 / span 1 / span 6;
}

#w-node-_34c36820-a366-a1f9-5f60-8acdfadff949-fadff930 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_34c36820-a366-a1f9-5f60-8acdfadff957-fadff930 {
  grid-area: 1 / 1 / 2 / 7;
}

#w-node-_34c36820-a366-a1f9-5f60-8acdfadff964-fadff930 {
  grid-area: 1 / 7 / 2 / 13;
}

#w-node-eb0be1f8-cff8-a700-0957-28bb812a159d-2be0a4ed, #w-node-eb0be1f8-cff8-a700-0957-28bb812a15a0-2be0a4ed, #w-node-eb0be1f8-cff8-a700-0957-28bb812a15a6-2be0a4ed {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4ea13b0e-1c07-aed8-214b-4f8790035841-2be0a4ed {
  grid-area: span 1 / span 5 / span 1 / span 5;
}

#w-node-_4ea13b0e-1c07-aed8-214b-4f8790035844-2be0a4ed {
  grid-area: span 1 / span 7 / span 1 / span 7;
  place-self: center;
}

#w-node-_73fa79b6-d6cd-c1c3-b825-373a513a100c-2be0a4ef, #w-node-_73fa79b6-d6cd-c1c3-b825-373a513a100f-2be0a4ef, #w-node-_73fa79b6-d6cd-c1c3-b825-373a513a1015-2be0a4ef {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_73fa79b6-d6cd-c1c3-b825-373a513a1031-2be0a4ef {
  grid-area: 1 / 1 / 2 / 8;
}

#w-node-_73fa79b6-d6cd-c1c3-b825-373a513a1034-2be0a4ef {
  grid-area: 1 / 9 / 2 / 13;
}

#w-node-cccc2d93-5c59-c3a7-55c6-84367965a9d3-2be0a4f0, #w-node-cccc2d93-5c59-c3a7-55c6-84367965a9d6-2be0a4f0, #w-node-cccc2d93-5c59-c3a7-55c6-84367965a9d9-2be0a4f0 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_1d11612e-e0b2-a061-e717-efa1e5dd817a-2be0a4f0 {
  grid-area: span 1 / span 5 / span 1 / span 5;
}

#w-node-b2128127-c584-36f5-f6dc-e5ce258c0fc3-2be0a4f0 {
  grid-area: 1 / 7 / 2 / 13;
}

#w-node-d184b2c2-bacf-6520-31fe-96da52027acc-2be0a4f0 {
  grid-area: span 1 / span 8 / span 1 / span 8;
}

#w-node-d184b2c2-bacf-6520-31fe-96da52027acf-2be0a4f0 {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-f9ec42b8-390f-db9e-8a46-0b6d23a1c946-1d5ef932, #w-node-f9ec42b8-390f-db9e-8a46-0b6d23a1c961-1d5ef932, #w-node-f9ec42b8-390f-db9e-8a46-0b6d23a1c971-1d5ef932, #w-node-f9ec42b8-390f-db9e-8a46-0b6d23a1c981-1d5ef932, #w-node-d88ea4f6-3cc1-ffd9-1691-8ea0ac45139c-1d5ef932, #w-node-d88ea4f6-3cc1-ffd9-1691-8ea0ac4513b4-1d5ef932, #w-node-d88ea4f6-3cc1-ffd9-1691-8ea0ac451401-1d5ef932, #w-node-d88ea4f6-3cc1-ffd9-1691-8ea0ac451408-1d5ef932, #w-node-d88ea4f6-3cc1-ffd9-1691-8ea0ac45140f-1d5ef932, #w-node-d88ea4f6-3cc1-ffd9-1691-8ea0ac451416-1d5ef932, #w-node-d88ea4f6-3cc1-ffd9-1691-8ea0ac45141d-1d5ef932, #w-node-d88ea4f6-3cc1-ffd9-1691-8ea0ac451424-1d5ef932, #w-node-f9ec42b8-390f-db9e-8a46-0b6d23a1c8c1-1d5ef932, #w-node-f9ec42b8-390f-db9e-8a46-0b6d23a1c8cb-1d5ef932, #w-node-f9ec42b8-390f-db9e-8a46-0b6d23a1c8d2-1d5ef932, #w-node-f9ec42b8-390f-db9e-8a46-0b6d23a1c8da-1d5ef932 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-adf6f7ba-f36a-7e93-0c54-04324ff53d77-1d5ef932, #w-node-adf6f7ba-f36a-7e93-0c54-04324ff53d86-1d5ef932 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-adf6f7ba-f36a-7e93-0c54-04324ff53d8a-1d5ef932 {
  justify-self: start;
}

#w-node-f9b12f2f-fdbc-7fec-f1c7-310d0d033ab0-4339c193, #w-node-f9b12f2f-fdbc-7fec-f1c7-310d0d033ab6-4339c193, #w-node-f9b12f2f-fdbc-7fec-f1c7-310d0d033abb-4339c193 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_64708042-d5fb-bdbe-e796-3d477e92329c-4339c193 {
  grid-area: 1 / 1 / 2 / 5;
}

#w-node-_64708042-d5fb-bdbe-e796-3d477e92329f-4339c193 {
  grid-area: 1 / 5 / 2 / 13;
  align-self: center;
}

#w-node-_89c4efbf-a06b-a70b-fba4-074914197705-4339c193 {
  grid-area: 1 / 1 / 2 / 5;
}

#w-node-_89c4efbf-a06b-a70b-fba4-074914197708-4339c193 {
  grid-area: 1 / 5 / 2 / 13;
  align-self: center;
}

#w-node-_15d8da8b-7c8d-4a98-d972-5bc362188214-4339c193 {
  grid-area: 1 / 1 / 2 / 5;
}

#w-node-_15d8da8b-7c8d-4a98-d972-5bc362188217-4339c193 {
  grid-area: 1 / 5 / 2 / 13;
  align-self: center;
}

#w-node-ac4328f8-5728-b093-de56-78e1c0b36384-4339c193 {
  grid-area: 1 / 1 / 2 / 6;
}

#w-node-_5a5e5587-a692-5041-42f0-26df0dbd4112-4339c193 {
  grid-area: 1 / 1 / 2 / 5;
}

#w-node-_5a5e5587-a692-5041-42f0-26df0dbd4115-4339c193 {
  grid-area: 1 / 5 / 2 / 13;
  align-self: center;
}

#w-node-f9b12f2f-fdbc-7fec-f1c7-310d0d033ab0-d262f5b0, #w-node-f9b12f2f-fdbc-7fec-f1c7-310d0d033ab6-d262f5b0, #w-node-f9b12f2f-fdbc-7fec-f1c7-310d0d033abb-d262f5b0 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_64708042-d5fb-bdbe-e796-3d477e92329c-d262f5b0 {
  grid-area: 1 / 1 / 2 / 5;
}

#w-node-_64708042-d5fb-bdbe-e796-3d477e92329f-d262f5b0 {
  grid-area: 1 / 5 / 2 / 13;
  align-self: center;
}

#w-node-_89c4efbf-a06b-a70b-fba4-074914197705-d262f5b0 {
  grid-area: 1 / 1 / 2 / 5;
}

#w-node-_89c4efbf-a06b-a70b-fba4-074914197708-d262f5b0 {
  grid-area: 1 / 5 / 2 / 13;
  align-self: center;
}

#w-node-_15d8da8b-7c8d-4a98-d972-5bc362188214-d262f5b0 {
  grid-area: 1 / 1 / 2 / 5;
}

#w-node-_15d8da8b-7c8d-4a98-d972-5bc362188217-d262f5b0 {
  grid-area: 1 / 5 / 2 / 13;
  align-self: center;
}

#w-node-ac4328f8-5728-b093-de56-78e1c0b36384-d262f5b0 {
  grid-area: 1 / 1 / 2 / 6;
}

#w-node-_5a5e5587-a692-5041-42f0-26df0dbd4112-d262f5b0 {
  grid-area: 1 / 1 / 2 / 5;
}

#w-node-_5a5e5587-a692-5041-42f0-26df0dbd4115-d262f5b0 {
  grid-area: 1 / 5 / 2 / 13;
  align-self: center;
}

#services.w-node-_6d397648-a8b2-c4d3-aaf6-e0f343b17aad-f33a9031 {
  grid-area: 1 / 1 / 2 / 4;
}

#w-node-d209bbd3-4ed8-7606-2bec-dbff09df8e66-f33a9031, #w-node-_6e63a135-4914-8a8d-5f14-ad93421a6fc2-f33a9031, #w-node-ce50ab3a-04f6-f2e5-1c5b-7bd2ef0a03a9-f33a9031, #w-node-_9c0efd09-40f5-ec24-22a7-0d8819e21786-f33a9031, #w-node-_954f0d60-061c-fab8-d815-bf19c4436946-c4672bbf, #w-node-_954f0d60-061c-fab8-d815-bf19c443694c-c4672bbf, #w-node-_954f0d60-061c-fab8-d815-bf19c4436951-c4672bbf, #w-node-_954f0d60-061c-fab8-d815-bf19c4436972-c4672bbf, #w-node-_954f0d60-061c-fab8-d815-bf19c443697a-c4672bbf, #w-node-_954f0d60-061c-fab8-d815-bf19c44369a6-c4672bbf, #w-node-_954f0d60-061c-fab8-d815-bf19c44369ae-c4672bbf {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#services.w-node-_94b9a910-8f0f-1a4a-422c-2d78e9088d90-c4672bbf {
  grid-area: 1 / 1 / 2 / 4;
}

#w-node-_1b723524-f7a6-3df6-6e96-680bf69badd7-c4672bbf {
  place-self: center;
}

#w-node-_954f0d60-061c-fab8-d815-bf19c4436bcf-c4672bbf, #w-node-_954f0d60-061c-fab8-d815-bf19c4436bd9-c4672bbf, #w-node-_954f0d60-061c-fab8-d815-bf19c4436be0-c4672bbf, #w-node-_954f0d60-061c-fab8-d815-bf19c4436be8-c4672bbf {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_954f0d60-061c-fab8-d815-bf19c4436bfe-c4672bbf {
  grid-area: span 1 / span 2 / span 1 / span 2;
  justify-self: start;
}

#w-node-_954f0d60-061c-fab8-d815-bf19c4436c3c-c4672bbf {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_954f0d60-061c-fab8-d815-bf19c4436c40-c4672bbf {
  grid-area: span 1 / span 2 / span 1 / span 2;
  justify-self: start;
}

#w-node-_954f0d60-061c-fab8-d815-bf19c4436c5a-c4672bbf {
  justify-self: start;
}

#w-node-_61c49d11-1d22-6377-fbb2-c3b040b331b4-b17b9097 {
  place-self: start end;
}

#w-node-d6de575c-a8d7-85eb-c850-77038521c166-b17b9097, #w-node-d6de575c-a8d7-85eb-c850-77038521c16c-b17b9097, #w-node-d6de575c-a8d7-85eb-c850-77038521c171-b17b9097 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#services.w-node-_7220049e-ef58-9dce-99ea-fa2c1d1cfbd5-b17b9097 {
  grid-area: 1 / 1 / 2 / 4;
}

#w-node-_7220049e-ef58-9dce-99ea-fa2c1d1cfbe8-b17b9097, #w-node-_54e4e053-0a59-d2b2-9070-561600e2c9f6-b17b9097, #w-node-_3f947cb8-c188-8718-5cc6-eb20334c6f4b-b17b9097, #w-node-_5a0eb6b6-1c6b-41e7-23d2-dbc706465468-b17b9097 {
  place-self: center;
}

#w-node-_9c0efd09-40f5-ec24-22a7-0d8819e21786-b17b9097 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-a6bd630f-3fac-fd23-07c1-c133f5984799-526c3418 {
  place-self: start end;
}

#w-node-_4d32e4eb-e2c2-a952-3c7a-0e6415c3217e-526c3418 {
  place-self: center;
}

#w-node-b46db33f-cd5b-447e-a918-7814cbf1f88c-526c3418 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_540eef66-6293-301b-f236-f543e92e1350-939ab859 {
  place-self: start end;
}

#w-node-d6de575c-a8d7-85eb-c850-77038521c166-939ab859, #w-node-d6de575c-a8d7-85eb-c850-77038521c16c-939ab859, #w-node-d6de575c-a8d7-85eb-c850-77038521c171-939ab859 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#services.w-node-_7220049e-ef58-9dce-99ea-fa2c1d1cfbd5-939ab859 {
  grid-area: 1 / 1 / 2 / 4;
}

#w-node-_7220049e-ef58-9dce-99ea-fa2c1d1cfbe8-939ab859, #w-node-_54e4e053-0a59-d2b2-9070-561600e2c9f6-939ab859, #w-node-_3f947cb8-c188-8718-5cc6-eb20334c6f4b-939ab859, #w-node-_5a0eb6b6-1c6b-41e7-23d2-dbc706465468-939ab859 {
  place-self: center;
}

#w-node-c8094898-61ea-db02-7261-8ac50da1e060-939ab859, #w-node-c8094898-61ea-db02-7261-8ac50da1e061-939ab859, #w-node-c8094898-61ea-db02-7261-8ac50da1e063-939ab859, #w-node-c8094898-61ea-db02-7261-8ac50da1e064-939ab859, #w-node-c8094898-61ea-db02-7261-8ac50da1e065-939ab859, #w-node-c8094898-61ea-db02-7261-8ac50da1e066-939ab859, #w-node-c8094898-61ea-db02-7261-8ac50da1e067-939ab859, #w-node-c8094898-61ea-db02-7261-8ac50da1e068-939ab859, #w-node-c8094898-61ea-db02-7261-8ac50da1e06c-939ab859, #w-node-c8094898-61ea-db02-7261-8ac50da1e06e-939ab859, #w-node-c8094898-61ea-db02-7261-8ac50da1e06f-939ab859, #w-node-c8094898-61ea-db02-7261-8ac50da1e070-939ab859, #w-node-c8094898-61ea-db02-7261-8ac50da1e071-939ab859, #w-node-c8094898-61ea-db02-7261-8ac50da1e072-939ab859, #w-node-c8094898-61ea-db02-7261-8ac50da1e073-939ab859, #w-node-c8094898-61ea-db02-7261-8ac50da1e076-939ab859, #w-node-c8094898-61ea-db02-7261-8ac50da1e077-939ab859, #w-node-c8094898-61ea-db02-7261-8ac50da1e079-939ab859, #w-node-c8094898-61ea-db02-7261-8ac50da1e07a-939ab859, #w-node-c8094898-61ea-db02-7261-8ac50da1e07b-939ab859, #w-node-c8094898-61ea-db02-7261-8ac50da1e07c-939ab859, #w-node-c8094898-61ea-db02-7261-8ac50da1e07d-939ab859, #w-node-c8094898-61ea-db02-7261-8ac50da1e07e-939ab859, #w-node-c8094898-61ea-db02-7261-8ac50da1e084-939ab859, #w-node-c8094898-61ea-db02-7261-8ac50da1e085-939ab859, #w-node-c8094898-61ea-db02-7261-8ac50da1e087-939ab859, #w-node-c8094898-61ea-db02-7261-8ac50da1e088-939ab859, #w-node-c8094898-61ea-db02-7261-8ac50da1e089-939ab859, #w-node-c8094898-61ea-db02-7261-8ac50da1e08a-939ab859, #w-node-c8094898-61ea-db02-7261-8ac50da1e08b-939ab859, #w-node-c8094898-61ea-db02-7261-8ac50da1e08c-939ab859, #w-node-c8094898-61ea-db02-7261-8ac50da1e08f-939ab859, #w-node-c8094898-61ea-db02-7261-8ac50da1e090-939ab859, #w-node-c8094898-61ea-db02-7261-8ac50da1e092-939ab859, #w-node-c8094898-61ea-db02-7261-8ac50da1e093-939ab859, #w-node-c8094898-61ea-db02-7261-8ac50da1e094-939ab859, #w-node-c8094898-61ea-db02-7261-8ac50da1e095-939ab859, #w-node-c8094898-61ea-db02-7261-8ac50da1e096-939ab859, #w-node-c8094898-61ea-db02-7261-8ac50da1e097-939ab859, #w-node-c8094898-61ea-db02-7261-8ac50da1e09a-939ab859, #w-node-c8094898-61ea-db02-7261-8ac50da1e09b-939ab859, #w-node-c8094898-61ea-db02-7261-8ac50da1e09d-939ab859, #w-node-c8094898-61ea-db02-7261-8ac50da1e09e-939ab859, #w-node-c8094898-61ea-db02-7261-8ac50da1e09f-939ab859, #w-node-c8094898-61ea-db02-7261-8ac50da1e0a0-939ab859, #w-node-c8094898-61ea-db02-7261-8ac50da1e0a1-939ab859, #w-node-c8094898-61ea-db02-7261-8ac50da1e0a2-939ab859, #w-node-_9c0efd09-40f5-ec24-22a7-0d8819e21786-939ab859 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

@media screen and (min-width: 1920px) {
  #w-node-_9088d4d6-f3e9-54d3-a8dc-288cc427d93d-2be0a4de {
    grid-column-end: 4;
  }

  #w-node-_31dc2bf3-89af-ea53-0f27-bcd785d25c09-2be0a4de {
    grid-column: 6 / 13;
    grid-row-start: 1;
    align-self: center;
  }

  #w-node-_983250e2-f9e6-c98f-bc98-29d6cf3024c8-2be0a4de {
    grid-column: span 3 / span 3;
  }

  #w-node-_17d7752d-4516-35d8-c5c0-e2f3b82014b7-2be0a4de {
    grid-column: span 4 / span 4;
  }

  #w-node-_17d7752d-4516-35d8-c5c0-e2f3b82014ba-2be0a4de {
    grid-area: span 1 / span 8 / span 1 / span 8;
  }

  #w-node-_02832d50-257e-c0fa-a718-1e36f69cbb3e-2be0a4de {
    align-self: center;
  }

  #w-node-_402645f0-c883-3a9b-9858-66ebdd690b3a-2be0a4e1 {
    align-self: end;
  }

  #w-node-a661d294-a19b-ce33-8c87-6bb9030dd785-2be0a4e8 {
    grid-column: span 5 / span 5;
  }

  #w-node-a661d294-a19b-ce33-8c87-6bb9030dd788-2be0a4e8 {
    grid-column: span 7 / span 7;
  }

  #w-node-_4ea13b0e-1c07-aed8-214b-4f8790035841-2be0a4ed {
    grid-column: span 3 / span 3;
  }

  #w-node-_4ea13b0e-1c07-aed8-214b-4f8790035844-2be0a4ed {
    grid-column: span 5 / span 5;
  }

  #w-node-_64708042-d5fb-bdbe-e796-3d477e92329c-4339c193 {
    grid-column-end: 5;
  }

  #w-node-_89c4efbf-a06b-a70b-fba4-074914197705-4339c193, #w-node-_15d8da8b-7c8d-4a98-d972-5bc362188214-4339c193, #w-node-_5a5e5587-a692-5041-42f0-26df0dbd4112-4339c193 {
    grid-area: 1 / 1 / 2 / 5;
  }

  #w-node-_64708042-d5fb-bdbe-e796-3d477e92329c-d262f5b0 {
    grid-column-end: 5;
  }

  #w-node-_89c4efbf-a06b-a70b-fba4-074914197705-d262f5b0, #w-node-_15d8da8b-7c8d-4a98-d972-5bc362188214-d262f5b0, #w-node-_5a5e5587-a692-5041-42f0-26df0dbd4112-d262f5b0 {
    grid-area: 1 / 1 / 2 / 5;
  }

  #services.w-node-_6d397648-a8b2-c4d3-aaf6-e0f343b17aad-f33a9031, #services.w-node-_94b9a910-8f0f-1a4a-422c-2d78e9088d90-c4672bbf {
    grid-area: 1 / 1 / 2 / 4;
  }

  #w-node-_954f0d60-061c-fab8-d815-bf19c4436bfe-c4672bbf {
    grid-column: span 2 / span 2;
  }

  #services.w-node-_7220049e-ef58-9dce-99ea-fa2c1d1cfbd5-b17b9097, #services.w-node-_7220049e-ef58-9dce-99ea-fa2c1d1cfbd5-939ab859 {
    grid-area: 1 / 1 / 2 / 4;
  }
}

@media screen and (min-width: 1280px) {
  #w-node-fd3d29d7-3e7b-66f7-9f8c-0a11771be82d-2be0a4de {
    grid-column-end: 13;
  }
}

@media screen and (max-width: 991px) {
  #w-node-_983250e2-f9e6-c98f-bc98-29d6cf3024c8-2be0a4de, #w-node-_983250e2-f9e6-c98f-bc98-29d6cf3024cb-2be0a4de, #w-node-_17d7752d-4516-35d8-c5c0-e2f3b82014b7-2be0a4de, #w-node-_17d7752d-4516-35d8-c5c0-e2f3b82014ba-2be0a4de {
    grid-column: span 12 / span 12;
  }

  #w-node-_3a14c17e-ceaa-7263-e276-acdbd686a5a9-2be0a4de {
    grid-column-start: 1;
  }

  #w-node-_8dadec61-f5ef-0234-cca5-7f94cd792758-2be0a4de {
    grid-area: 1 / 1 / 2 / 5;
  }

  #w-node-fd3d29d7-3e7b-66f7-9f8c-0a11771be82d-2be0a4de, #w-node-c6938a0a-b2d0-0e0d-ff7e-6eb9624f11a1-2be0a4de {
    grid-column-start: 6;
  }

  #w-node-_02832d50-257e-c0fa-a718-1e36f69cbb3e-2be0a4de, #w-node-_02832d50-257e-c0fa-a718-1e36f69cbb41-2be0a4de, #w-node-_2d2691c6-973a-e3ec-5ea5-7f4c3c108f46-2be0a4de, #w-node-_2d2691c6-973a-e3ec-5ea5-7f4c3c108f4b-2be0a4de, #w-node-_56fe7542-5e99-c5b9-c1d6-6f8b049541e7-2be0a4de, #w-node-_56fe7542-5e99-c5b9-c1d6-6f8b049541ec-2be0a4de, #w-node-efe81a3b-2fb4-cb73-f02a-48c87ef0f599-2be0a4de, #w-node-efe81a3b-2fb4-cb73-f02a-48c87ef0f59e-2be0a4de, #w-node-_2d49e346-b3ed-66b0-74a1-3eec43b1c108-2be0a4de, #w-node-_2d49e346-b3ed-66b0-74a1-3eec43b1c10d-2be0a4de {
    grid-column: span 12 / span 12;
  }

  #w-node-_968573d2-1064-7218-deb6-34450ce4185e-2be0a4de {
    grid-column-end: 13;
  }

  #w-node-_968573d2-1064-7218-deb6-34450ce4188c-2be0a4de {
    grid-row: 2 / 3;
    grid-column-start: 1;
  }

  #w-node-_504a6372-4760-cb9a-49dc-7a82ab3b4efe-2be0a4de {
    grid-column-start: 1;
  }

  #w-node-_9da2251a-c24f-1790-d902-d6568d765c0e-2be0a4e1 {
    grid-column: 2 / 12;
  }

  #w-node-c5177b2d-45bc-75ef-45e3-7283b48dcc36-2be0a4e1 {
    grid-column-end: 13;
  }

  #w-node-c5177b2d-45bc-75ef-45e3-7283b48dcc40-2be0a4e1 {
    grid-row-start: 2;
    grid-column-start: 1;
  }

  #w-node-c5177b2d-45bc-75ef-45e3-7283b48dccb6-2be0a4e1 {
    grid-row: 3 / 4;
    grid-column-end: 13;
  }

  #w-node-bbee681c-3416-06f7-857e-50c787fbb252-2be0a4e1 {
    grid-column: span 12 / span 12;
  }

  #w-node-_96821498-2a79-02f6-2665-c52d0eb6be86-2be0a4e1 {
    grid-column-start: 1;
  }

  #w-node-_96821498-2a79-02f6-2665-c52d0eb6bea3-2be0a4e1 {
    grid-area: 1 / 1 / 2 / 5;
  }

  #w-node-_96821498-2a79-02f6-2665-c52d0eb6bea7-2be0a4e1 {
    grid-column-start: 6;
  }

  #w-node-bb4ff5c3-37d6-a295-1ae9-8727e1a56bf6-2be0a4e7, #w-node-bb4ff5c3-37d6-a295-1ae9-8727e1a56bf8-2be0a4e7, #w-node-bb4ff5c3-37d6-a295-1ae9-8727e1a56bfa-2be0a4e7, #w-node-bb4ff5c3-37d6-a295-1ae9-8727e1a56bfc-2be0a4e7, #w-node-bb4ff5c3-37d6-a295-1ae9-8727e1a56bfe-2be0a4e7, #w-node-bb4ff5c3-37d6-a295-1ae9-8727e1a56c00-2be0a4e7, #w-node-bb4ff5c3-37d6-a295-1ae9-8727e1a56c02-2be0a4e7, #w-node-bb4ff5c3-37d6-a295-1ae9-8727e1a56c04-2be0a4e7 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_949f978f-e0ed-2378-09f4-7f070c37cc4f-2be0a4e7, #w-node-_949f978f-e0ed-2378-09f4-7f070c37cc4c-2be0a4e7 {
    grid-column: span 12 / span 12;
  }

  #w-node-_03d121fe-3b08-2501-7791-1e21eb188887-2be0a4e7 {
    grid-column-end: 13;
  }

  #w-node-_03d121fe-3b08-2501-7791-1e21eb1888b7-2be0a4e7 {
    grid-row: 2 / 3;
    grid-column-start: 1;
  }

  #w-node-c198bed6-241f-79ce-8180-54337c82a087-2be0a4e7 {
    grid-column-start: 1;
  }

  #w-node-a661d294-a19b-ce33-8c87-6bb9030dd785-2be0a4e8, #w-node-a661d294-a19b-ce33-8c87-6bb9030dd788-2be0a4e8 {
    grid-column: span 12 / span 12;
  }

  #w-node-_713fcf8c-c871-c634-0400-d0a1aa919991-2be0a4e8 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-_713fcf8c-c871-c634-0400-d0a1aa919993-2be0a4e8 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_713fcf8c-c871-c634-0400-d0a1aa9199a1-2be0a4e8 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-_713fcf8c-c871-c634-0400-d0a1aa9199a3-2be0a4e8 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_713fcf8c-c871-c634-0400-d0a1aa9199b1-2be0a4e8 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-_713fcf8c-c871-c634-0400-d0a1aa9199b3-2be0a4e8 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_7c5da24d-c0af-4d18-37f4-66f999d7b973-2be0a4e8 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-_7c5da24d-c0af-4d18-37f4-66f999d7b975-2be0a4e8 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_2d646b9d-c00f-d28f-397f-fb4922eb0f69-2be0a4e8, #w-node-_2d646b9d-c00f-d28f-397f-fb4922eb0f6e-2be0a4e8 {
    grid-column: span 12 / span 12;
  }

  #w-node-e3c28891-cb71-1524-3aed-bce56165d4cf-2be0a4e8 {
    align-self: stretch;
  }

  #w-node-dbf6759c-6cd1-496d-cbf9-bc03459bd1fd-2be0a4ea {
    grid-column-end: 13;
  }

  #w-node-dbf6759c-6cd1-496d-cbf9-bc03459bd200-2be0a4ea {
    grid-row: 2 / 3;
    grid-column-start: 1;
  }

  #w-node-_5ec2ed61-d7e5-30c1-9adc-a0c2bee26a89-2be0a4ea {
    grid-column-end: 13;
  }

  #w-node-_5ec2ed61-d7e5-30c1-9adc-a0c2bee26a8c-2be0a4ea {
    grid-row: 2 / 3;
    grid-column-start: 1;
  }

  #w-node-_55bf7898-c615-2e65-0931-51d3c0c0d377-2be0a4ea {
    grid-column-end: 13;
  }

  #w-node-_55bf7898-c615-2e65-0931-51d3c0c0d37a-2be0a4ea {
    grid-row: 2 / 3;
    grid-column-start: 1;
  }

  #w-node-_787e74cf-e0ef-ee8b-ca4b-9678d5ec5c89-2be0a4ea, #w-node-_9c76a892-2438-c201-3ce6-9502aa730e91-2be0a4ea {
    grid-column-end: 13;
  }

  #w-node-_9c76a892-2438-c201-3ce6-9502aa730e94-2be0a4ea {
    grid-row: 2 / 3;
    grid-column-start: 1;
  }

  #w-node-_34c36820-a366-a1f9-5f60-8acdfadff935-fadff930 {
    grid-column: span 3 / span 3;
  }

  #w-node-_34c36820-a366-a1f9-5f60-8acdfadff93b-fadff930 {
    grid-column: span 6 / span 6;
  }

  #w-node-_34c36820-a366-a1f9-5f60-8acdfadff93d-fadff930, #w-node-_34c36820-a366-a1f9-5f60-8acdfadff943-fadff930 {
    grid-column: span 12 / span 12;
  }

  #w-node-_34c36820-a366-a1f9-5f60-8acdfadff949-fadff930 {
    grid-column: span 3 / span 3;
  }

  #w-node-_34c36820-a366-a1f9-5f60-8acdfadff957-fadff930 {
    grid-column-end: 13;
  }

  #w-node-_34c36820-a366-a1f9-5f60-8acdfadff964-fadff930 {
    grid-row: 2 / 3;
    grid-column-start: 1;
  }

  #w-node-_4ea13b0e-1c07-aed8-214b-4f8790035841-2be0a4ed, #w-node-_4ea13b0e-1c07-aed8-214b-4f8790035844-2be0a4ed {
    grid-column: span 12 / span 12;
  }

  #w-node-_73fa79b6-d6cd-c1c3-b825-373a513a1031-2be0a4ef {
    grid-column-end: 13;
  }

  #w-node-_73fa79b6-d6cd-c1c3-b825-373a513a1034-2be0a4ef {
    grid-row: 2 / 3;
    grid-column-start: 1;
  }

  #w-node-d184b2c2-bacf-6520-31fe-96da52027acc-2be0a4f0, #w-node-d184b2c2-bacf-6520-31fe-96da52027acf-2be0a4f0 {
    grid-column: span 12 / span 12;
  }

  #w-node-f9ec42b8-390f-db9e-8a46-0b6d23a1c948-1d5ef932 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-f9ec42b8-390f-db9e-8a46-0b6d23a1c946-1d5ef932, #w-node-f9ec42b8-390f-db9e-8a46-0b6d23a1c961-1d5ef932 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-f9ec42b8-390f-db9e-8a46-0b6d23a1c963-1d5ef932, #w-node-f9ec42b8-390f-db9e-8a46-0b6d23a1c973-1d5ef932 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-f9ec42b8-390f-db9e-8a46-0b6d23a1c971-1d5ef932, #w-node-f9ec42b8-390f-db9e-8a46-0b6d23a1c981-1d5ef932 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-f9ec42b8-390f-db9e-8a46-0b6d23a1c983-1d5ef932 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_64708042-d5fb-bdbe-e796-3d477e92329c-4339c193 {
    grid-column-end: 13;
  }

  #w-node-_64708042-d5fb-bdbe-e796-3d477e92329f-4339c193 {
    grid-row: 2 / 3;
    grid-column-start: 1;
  }

  #w-node-_89c4efbf-a06b-a70b-fba4-074914197705-4339c193 {
    grid-column-end: 13;
  }

  #w-node-_89c4efbf-a06b-a70b-fba4-074914197708-4339c193 {
    grid-row: 2 / 3;
    grid-column-start: 1;
  }

  #w-node-_15d8da8b-7c8d-4a98-d972-5bc362188214-4339c193 {
    grid-column-end: 13;
  }

  #w-node-_15d8da8b-7c8d-4a98-d972-5bc362188217-4339c193 {
    grid-row: 2 / 3;
    grid-column-start: 1;
  }

  #w-node-ac4328f8-5728-b093-de56-78e1c0b36384-4339c193, #w-node-_5a5e5587-a692-5041-42f0-26df0dbd4112-4339c193 {
    grid-column-end: 13;
  }

  #w-node-_5a5e5587-a692-5041-42f0-26df0dbd4115-4339c193 {
    grid-row: 2 / 3;
    grid-column-start: 1;
  }

  #w-node-_64708042-d5fb-bdbe-e796-3d477e92329c-d262f5b0 {
    grid-column-end: 13;
  }

  #w-node-_64708042-d5fb-bdbe-e796-3d477e92329f-d262f5b0 {
    grid-row: 2 / 3;
    grid-column-start: 1;
  }

  #w-node-_89c4efbf-a06b-a70b-fba4-074914197705-d262f5b0 {
    grid-column-end: 13;
  }

  #w-node-_89c4efbf-a06b-a70b-fba4-074914197708-d262f5b0 {
    grid-row: 2 / 3;
    grid-column-start: 1;
  }

  #w-node-_15d8da8b-7c8d-4a98-d972-5bc362188214-d262f5b0 {
    grid-column-end: 13;
  }

  #w-node-_15d8da8b-7c8d-4a98-d972-5bc362188217-d262f5b0 {
    grid-row: 2 / 3;
    grid-column-start: 1;
  }

  #w-node-ac4328f8-5728-b093-de56-78e1c0b36384-d262f5b0, #w-node-_5a5e5587-a692-5041-42f0-26df0dbd4112-d262f5b0 {
    grid-column-end: 13;
  }

  #w-node-_5a5e5587-a692-5041-42f0-26df0dbd4115-d262f5b0 {
    grid-row: 2 / 3;
    grid-column-start: 1;
  }

  #w-node-_954f0d60-061c-fab8-d815-bf19c4436960-c4672bbf {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_954f0d60-061c-fab8-d815-bf19c4436972-c4672bbf, #w-node-_954f0d60-061c-fab8-d815-bf19c443697a-c4672bbf {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-_954f0d60-061c-fab8-d815-bf19c443697c-c4672bbf, #w-node-_954f0d60-061c-fab8-d815-bf19c4436994-c4672bbf {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_954f0d60-061c-fab8-d815-bf19c44369a6-c4672bbf, #w-node-_954f0d60-061c-fab8-d815-bf19c44369ae-c4672bbf {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-_954f0d60-061c-fab8-d815-bf19c44369b0-c4672bbf {
    grid-area: 1 / 1 / 2 / 2;
  }
}

@media screen and (max-width: 767px) {
  #w-node-_9088d4d6-f3e9-54d3-a8dc-288cc427d93d-2be0a4de {
    grid-column: 1 / 13;
  }

  #w-node-_31dc2bf3-89af-ea53-0f27-bcd785d25c09-2be0a4de {
    grid-area: 2 / 1 / 3 / 13;
  }

  #w-node-_8e14d74d-2842-94e0-20c4-8bc792b21534-2be0a4de, #w-node-_8e14d74d-2842-94e0-20c4-8bc792b2153f-2be0a4de, #w-node-_8e14d74d-2842-94e0-20c4-8bc792b2154a-2be0a4de, #w-node-_8e14d74d-2842-94e0-20c4-8bc792b21558-2be0a4de, #w-node-_8e14d74d-2842-94e0-20c4-8bc792b21563-2be0a4de, #w-node-_8e14d74d-2842-94e0-20c4-8bc792b2156e-2be0a4de {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_9da2251a-c24f-1790-d902-d6568d765c0e-2be0a4e1 {
    grid-column: 1 / 13;
  }

  #w-node-_3e8bc09e-a7c0-7ca6-2b1a-378e7bdedb90-2be0a4e1 {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-_3e8bc09e-a7c0-7ca6-2b1a-378e7bdedb93-2be0a4e1 {
    grid-area: 1 / 1 / 3 / 2;
  }

  #w-node-_00f434ca-94f6-62b9-e3a9-9565b1190843-2be0a4e1 {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-_00f434ca-94f6-62b9-e3a9-9565b1190846-2be0a4e1 {
    grid-area: 1 / 1 / 3 / 2;
  }

  #w-node-_1e05a327-cdbc-2336-1152-7a15e002574e-2be0a4e1 {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-_1e05a327-cdbc-2336-1152-7a15e0025751-2be0a4e1 {
    grid-area: 1 / 1 / 3 / 2;
  }

  #w-node-_4978c0be-086d-d34c-1df3-1897db6107e4-2be0a4e1 {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-_4978c0be-086d-d34c-1df3-1897db6107e7-2be0a4e1 {
    grid-area: 1 / 1 / 3 / 2;
  }

  #w-node-_29207a61-2ff8-626d-ebed-d3f1788c3494-2be0a4e1 {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-_29207a61-2ff8-626d-ebed-d3f1788c3497-2be0a4e1 {
    grid-area: 1 / 1 / 3 / 2;
  }

  #w-node-_924e417d-ad41-f9f2-1210-f6e2e1944e33-2be0a4e1 {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-_924e417d-ad41-f9f2-1210-f6e2e1944e36-2be0a4e1 {
    grid-area: 1 / 1 / 3 / 2;
  }

  #w-node-_68e24d1a-cf62-31a2-d66f-7a05e27c63a3-2be0a4e7, #w-node-_68e24d1a-cf62-31a2-d66f-7a05e27c63ae-2be0a4e7, #w-node-_68e24d1a-cf62-31a2-d66f-7a05e27c63b9-2be0a4e7, #w-node-_68e24d1a-cf62-31a2-d66f-7a05e27c63c7-2be0a4e7, #w-node-_68e24d1a-cf62-31a2-d66f-7a05e27c63d2-2be0a4e7, #w-node-_68e24d1a-cf62-31a2-d66f-7a05e27c63dd-2be0a4e7, #w-node-e47a570f-0209-bd1a-db15-06884d8f9770-2be0a4e7, #w-node-e47a570f-0209-bd1a-db15-06884d8f977b-2be0a4e7, #w-node-e47a570f-0209-bd1a-db15-06884d8f9786-2be0a4e7 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_34c36820-a366-a1f9-5f60-8acdfadff935-fadff930, #w-node-_34c36820-a366-a1f9-5f60-8acdfadff93b-fadff930, #w-node-_34c36820-a366-a1f9-5f60-8acdfadff93d-fadff930, #w-node-_34c36820-a366-a1f9-5f60-8acdfadff943-fadff930, #w-node-_34c36820-a366-a1f9-5f60-8acdfadff949-fadff930 {
    grid-column: span 12 / span 12;
  }

  #w-node-_1d11612e-e0b2-a061-e717-efa1e5dd817a-2be0a4f0 {
    grid-area: 1 / 1 / 2 / 13;
  }

  #w-node-b2128127-c584-36f5-f6dc-e5ce258c0fc3-2be0a4f0 {
    grid-row: 2 / 3;
    grid-column-start: 1;
  }

  #w-node-c8094898-61ea-db02-7261-8ac50da1e064-939ab859, #w-node-c8094898-61ea-db02-7261-8ac50da1e06f-939ab859, #w-node-c8094898-61ea-db02-7261-8ac50da1e07a-939ab859, #w-node-c8094898-61ea-db02-7261-8ac50da1e088-939ab859, #w-node-c8094898-61ea-db02-7261-8ac50da1e093-939ab859, #w-node-c8094898-61ea-db02-7261-8ac50da1e09e-939ab859 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_9088d4d6-f3e9-54d3-a8dc-288cc427d93d-2be0a4de {
    grid-area: span 1 / span 6 / span 1 / span 6;
  }

  #w-node-_31dc2bf3-89af-ea53-0f27-bcd785d25c09-2be0a4de {
    grid-column-end: 7;
  }

  #w-node-_983250e2-f9e6-c98f-bc98-29d6cf3024c8-2be0a4de, #w-node-_983250e2-f9e6-c98f-bc98-29d6cf3024cb-2be0a4de, #w-node-_17d7752d-4516-35d8-c5c0-e2f3b82014b7-2be0a4de, #w-node-_17d7752d-4516-35d8-c5c0-e2f3b82014ba-2be0a4de {
    grid-column: span 5 / span 5;
  }

  #w-node-_8dadec61-f5ef-0234-cca5-7f94cd792758-2be0a4de {
    grid-column-end: 4;
  }

  #w-node-fd3d29d7-3e7b-66f7-9f8c-0a11771be82d-2be0a4de {
    grid-area: 1 / 1 / 3 / 6;
  }

  #w-node-c6938a0a-b2d0-0e0d-ff7e-6eb9624f11a1-2be0a4de {
    grid-row: 2 / 3;
    grid-column-start: 1;
  }

  #w-node-_02832d50-257e-c0fa-a718-1e36f69cbb41-2be0a4de, #w-node-_2d2691c6-973a-e3ec-5ea5-7f4c3c108f4b-2be0a4de, #w-node-_56fe7542-5e99-c5b9-c1d6-6f8b049541ec-2be0a4de, #w-node-efe81a3b-2fb4-cb73-f02a-48c87ef0f59e-2be0a4de {
    grid-column: span 12 / span 12;
  }

  #w-node-_2d49e346-b3ed-66b0-74a1-3eec43b1c108-2be0a4de {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-_2d49e346-b3ed-66b0-74a1-3eec43b1c10d-2be0a4de {
    grid-column: span 12 / span 12;
  }

  #w-node-_968573d2-1064-7218-deb6-34450ce4185e-2be0a4de {
    grid-area: 1 / 1 / 2 / 13;
  }

  #w-node-_504a6372-4760-cb9a-49dc-7a82ab3b4efe-2be0a4de {
    grid-column: 1 / 13;
  }

  #w-node-c5177b2d-45bc-75ef-45e3-7283b48dcc4a-2be0a4e1 {
    grid-column-end: 9;
  }

  #w-node-c5177b2d-45bc-75ef-45e3-7283b48dcc4d-2be0a4e1 {
    grid-row: 2 / 3;
    grid-column-start: 1;
  }

  #w-node-c5177b2d-45bc-75ef-45e3-7283b48dcc5a-2be0a4e1 {
    grid-column-end: 9;
  }

  #w-node-c5177b2d-45bc-75ef-45e3-7283b48dcc5d-2be0a4e1 {
    grid-row: 2 / 3;
    grid-column-start: 1;
  }

  #w-node-c5177b2d-45bc-75ef-45e3-7283b48dcc6a-2be0a4e1 {
    grid-column-end: 9;
  }

  #w-node-c5177b2d-45bc-75ef-45e3-7283b48dcc6d-2be0a4e1 {
    grid-row: 2 / 3;
    grid-column-start: 1;
  }

  #w-node-c5177b2d-45bc-75ef-45e3-7283b48dcc7a-2be0a4e1 {
    grid-column-end: 9;
  }

  #w-node-c5177b2d-45bc-75ef-45e3-7283b48dcc7d-2be0a4e1 {
    grid-row: 2 / 3;
    grid-column-start: 1;
  }

  #w-node-c5177b2d-45bc-75ef-45e3-7283b48dcc8a-2be0a4e1 {
    grid-column-end: 9;
  }

  #w-node-c5177b2d-45bc-75ef-45e3-7283b48dcc8d-2be0a4e1 {
    grid-row: 2 / 3;
    grid-column-start: 1;
  }

  #w-node-c5177b2d-45bc-75ef-45e3-7283b48dcc9a-2be0a4e1 {
    grid-column-end: 9;
  }

  #w-node-c5177b2d-45bc-75ef-45e3-7283b48dcc9d-2be0a4e1 {
    grid-row: 2 / 3;
    grid-column-start: 1;
  }

  #w-node-c5177b2d-45bc-75ef-45e3-7283b48dccaa-2be0a4e1 {
    grid-column-end: 9;
  }

  #w-node-c5177b2d-45bc-75ef-45e3-7283b48dccad-2be0a4e1 {
    grid-row: 2 / 3;
    grid-column-start: 1;
  }

  #w-node-bbee681c-3416-06f7-857e-50c787fbb252-2be0a4e1 {
    grid-area: span 1 / span 6 / span 1 / span 6;
    justify-self: auto;
  }

  #w-node-_402645f0-c883-3a9b-9858-66ebdd690b3a-2be0a4e1 {
    grid-area: span 1 / span 7 / span 1 / span 7;
    place-self: end start;
  }

  #w-node-_96821498-2a79-02f6-2665-c52d0eb6bea3-2be0a4e1 {
    grid-column-end: 4;
  }

  #w-node-_96821498-2a79-02f6-2665-c52d0eb6bea7-2be0a4e1 {
    grid-row: 2 / 3;
    grid-column-start: 1;
  }

  #w-node-_949f978f-e0ed-2378-09f4-7f070c37cc4f-2be0a4e7 {
    grid-column: span 12 / span 12;
  }

  #w-node-_03d121fe-3b08-2501-7791-1e21eb188887-2be0a4e7 {
    grid-area: 1 / 1 / 2 / 13;
  }

  #w-node-c198bed6-241f-79ce-8180-54337c82a087-2be0a4e7 {
    grid-column: 1 / 13;
  }

  #w-node-a661d294-a19b-ce33-8c87-6bb9030dd788-2be0a4e8, #w-node-_2d646b9d-c00f-d28f-397f-fb4922eb0f6e-2be0a4e8 {
    grid-column: span 12 / span 12;
  }

  #w-node-_0bd14f79-3e9b-9186-98ea-94f211fb8aeb-2be0a4e8 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_0bd14f79-3e9b-9186-98ea-94f211fb8b18-2be0a4e8, #w-node-_0bd14f79-3e9b-9186-98ea-94f211fb8b27-2be0a4e8 {
    grid-column: span 1 / span 1;
  }

  #w-node-dbf6759c-6cd1-496d-cbf9-bc03459bd1fd-2be0a4ea {
    grid-row-start: 1;
    grid-column-end: 5;
  }

  #w-node-dbf6759c-6cd1-496d-cbf9-bc03459bd200-2be0a4ea, #w-node-_5ec2ed61-d7e5-30c1-9adc-a0c2bee26a89-2be0a4ea, #w-node-_5ec2ed61-d7e5-30c1-9adc-a0c2bee26a8c-2be0a4ea, #w-node-_55bf7898-c615-2e65-0931-51d3c0c0d377-2be0a4ea, #w-node-_55bf7898-c615-2e65-0931-51d3c0c0d37a-2be0a4ea, #w-node-_9c76a892-2438-c201-3ce6-9502aa730e91-2be0a4ea, #w-node-_9c76a892-2438-c201-3ce6-9502aa730e94-2be0a4ea {
    grid-column-end: 7;
  }

  #w-node-_34c36820-a366-a1f9-5f60-8acdfadff935-fadff930 {
    justify-self: stretch;
  }

  #w-node-_4ea13b0e-1c07-aed8-214b-4f8790035841-2be0a4ed, #w-node-_4ea13b0e-1c07-aed8-214b-4f8790035844-2be0a4ed {
    grid-column: span 5 / span 5;
  }

  #w-node-d184b2c2-bacf-6520-31fe-96da52027acf-2be0a4f0 {
    grid-column: span 12 / span 12;
  }

  #w-node-f9ec42b8-390f-db9e-8a46-0b6d23a1c946-1d5ef932 {
    grid-row-start: 2;
  }

  #w-node-adf6f7ba-f36a-7e93-0c54-04324ff53d67-1d5ef932 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-adf6f7ba-f36a-7e93-0c54-04324ff53d77-1d5ef932, #w-node-adf6f7ba-f36a-7e93-0c54-04324ff53d86-1d5ef932 {
    grid-column: span 1 / span 1;
  }

  #w-node-_64708042-d5fb-bdbe-e796-3d477e92329c-4339c193 {
    grid-row-start: 1;
    grid-column-end: 5;
  }

  #w-node-_64708042-d5fb-bdbe-e796-3d477e92329f-4339c193, #w-node-_89c4efbf-a06b-a70b-fba4-074914197705-4339c193, #w-node-_89c4efbf-a06b-a70b-fba4-074914197708-4339c193, #w-node-_15d8da8b-7c8d-4a98-d972-5bc362188214-4339c193, #w-node-_15d8da8b-7c8d-4a98-d972-5bc362188217-4339c193, #w-node-_5a5e5587-a692-5041-42f0-26df0dbd4112-4339c193, #w-node-_5a5e5587-a692-5041-42f0-26df0dbd4115-4339c193 {
    grid-column-end: 7;
  }

  #w-node-_64708042-d5fb-bdbe-e796-3d477e92329c-d262f5b0 {
    grid-row-start: 1;
    grid-column-end: 5;
  }

  #w-node-_64708042-d5fb-bdbe-e796-3d477e92329f-d262f5b0, #w-node-_89c4efbf-a06b-a70b-fba4-074914197705-d262f5b0, #w-node-_89c4efbf-a06b-a70b-fba4-074914197708-d262f5b0, #w-node-_15d8da8b-7c8d-4a98-d972-5bc362188214-d262f5b0, #w-node-_15d8da8b-7c8d-4a98-d972-5bc362188217-d262f5b0, #w-node-_5a5e5587-a692-5041-42f0-26df0dbd4112-d262f5b0, #w-node-_5a5e5587-a692-5041-42f0-26df0dbd4115-d262f5b0 {
    grid-column-end: 7;
  }

  #w-node-_954f0d60-061c-fab8-d815-bf19c4436972-c4672bbf {
    grid-row-start: 2;
  }

  #w-node-_954f0d60-061c-fab8-d815-bf19c4436bfe-c4672bbf {
    grid-column: span 1 / span 1;
  }

  #w-node-_954f0d60-061c-fab8-d815-bf19c4436c2c-c4672bbf {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_954f0d60-061c-fab8-d815-bf19c4436c3c-c4672bbf, #w-node-_954f0d60-061c-fab8-d815-bf19c4436c40-c4672bbf {
    grid-column: span 1 / span 1;
  }
}