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

.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;
  overflow: unset !important;
  background-color: #fff !important;
  border-radius: 3px !important;
  width: auto !important;
  height: auto !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 {
  font-size: inherit;
  line-height: inherit;
  width: auto;
  height: auto;
  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: Avenir;
  src: url("https://cdn.prod.website-files.com/64e38c5a990ac9ed8ca4fe88/691e1662a4c5699792f7a406_Avenir%20Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Avenir;
  src: url("https://cdn.prod.website-files.com/64e38c5a990ac9ed8ca4fe88/691e168e21249b9c90f8693c_Avenir%20Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Avenir Book;
  src: url("https://cdn.prod.website-files.com/64e38c5a990ac9ed8ca4fe88/691e16a1939cec184dba1aa3_Avenir%20Book.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Avenir;
  src: url("https://cdn.prod.website-files.com/64e38c5a990ac9ed8ca4fe88/691e16f69b29d61546b9e0ae_Avenir%20Heavy.ttf") format("truetype"), url("https://cdn.prod.website-files.com/64e38c5a990ac9ed8ca4fe88/691e17075339671abd903e58_Avenir%20Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

:root {
  --white: #f3f3f3e6;
  --black: black;
  --greytext: #303030;
  --chocolate-sofrt: #cf764066;
  --terra: #757575;
  --white_transparant_50: #f1f1f180;
}

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

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

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

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

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

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

body {
  color: #1a1b1f;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 28px;
}

h1 {
  color: var(--white);
  margin-top: 20px;
  margin-bottom: 15px;
  font-family: Avenir, Verdana, sans-serif;
  font-size: 44px;
  font-weight: 400;
  line-height: 62px;
}

h2 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 36px;
  font-weight: 400;
  line-height: 50px;
}

h3 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 30px;
  font-weight: 400;
  line-height: 46px;
}

h4 {
  color: #fff;
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: Avenir, Verdana, sans-serif;
  font-size: 24px;
  font-weight: 300;
  line-height: 38px;
}

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

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

p {
  margin-bottom: 10px;
}

a {
  color: #1a1b1f;
  text-decoration: none;
  display: block;
}

a:hover {
  color: #32343a;
}

a:active {
  color: #43464d;
}

ul {
  margin-top: 20px;
  margin-bottom: 20px;
  padding-left: 40px;
  list-style-type: disc;
}

li {
  margin-bottom: 10px;
}

img {
  width: auto;
  display: block;
}

label {
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 10px;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
}

blockquote {
  border-left: 5px solid #e2e2e2;
  margin-top: 25px;
  margin-bottom: 25px;
  padding: 15px 30px;
  font-size: 20px;
  line-height: 34px;
}

figure {
  margin-top: 25px;
  padding-bottom: 20px;
}

figcaption {
  opacity: .6;
  text-align: center;
  margin-top: 5px;
  font-size: 14px;
  line-height: 26px;
}

.heading-jumbo-small {
  text-transform: none;
  margin-top: 10px;
  margin-bottom: 15px;
  font-size: 36px;
  font-weight: 400;
  line-height: 50px;
}

.styleguide-block {
  text-align: left;
  flex-direction: column;
  align-items: center;
  margin-top: 80px;
  margin-bottom: 80px;
  display: block;
}

.heading-jumbo-tiny {
  text-transform: uppercase;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: 500;
  line-height: 32px;
}

.rich-text {
  width: 70%;
  margin-bottom: 100px;
  margin-left: auto;
  margin-right: auto;
}

.rich-text p {
  opacity: .6;
  margin-top: 15px;
  margin-bottom: 25px;
}

.container {
  width: 100%;
  max-width: 1200px;
  margin-top: -98px;
  margin-left: auto;
  margin-right: auto;
}

.styleguide-content-wrap {
  text-align: center;
}

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

.styleguide-header-wrap {
  color: #fff;
  text-align: center;
  background-color: #1a1b1f;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 460px;
  padding: 30px;
  display: flex;
}

.styleguide-button-wrap {
  margin-top: 10px;
  margin-bottom: 10px;
}

.heading-jumbo {
  color: var(--black);
  text-transform: none;
  object-fit: cover;
  border: 1px #661a10;
  flex: 1;
  min-width: 500px;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
  font-family: Inter, sans-serif;
  font-size: 64px;
  font-weight: 300;
  line-height: 80px;
  position: relative;
  left: 0;
  right: 0;
  overflow: visible;
}

.paragraph-tiny {
  font-size: 12px;
  line-height: 20px;
}

.label {
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 10px;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
}

.label.cc-styleguide-label {
  margin-bottom: 25px;
}

.paragraph-light {
  opacity: .6;
}

.section-logos {
  margin-top: 0;
  margin-left: 30px;
  margin-right: 30px;
  padding-top: 25px;
  font-family: Work Sans, sans-serif;
}

.section-logos.cc-contact {
  background-color: #f4f4f4;
  padding-left: 80px;
  padding-right: 80px;
}

.button {
  color: #fff;
  letter-spacing: 2px;
  text-transform: uppercase;
  background-color: #1a1b1f;
  border-radius: 0;
  padding: 12px 25px;
  font-size: 12px;
  line-height: 20px;
  text-decoration: none;
  transition: background-color .4s, opacity .4s, color .4s;
}

.button:hover {
  color: #fff;
  background-color: #32343a;
}

.button:active {
  background-color: #43464d;
}

.button.cc-jumbo-button {
  padding: 16px 35px;
  font-size: 14px;
  line-height: 26px;
}

.button.cc-white-button {
  color: #202020;
  background-color: #fff;
  padding: 16px 35px;
  font-size: 14px;
  line-height: 26px;
}

.button.cc-white-button:hover {
  background-color: #fffc;
}

.button.cc-white-button:active {
  background-color: #ffffffe6;
}

.paragraph-bigger {
  opacity: 1;
  margin-bottom: 10px;
  font-size: 20px;
  font-weight: 400;
  line-height: 34px;
}

.paragraph-bigger.cc-bigger-light {
  opacity: .6;
}

.divider {
  background-color: #eee;
  height: 1px;
}

.logo-link {
  z-index: 1;
}

.logo-link:hover {
  opacity: .8;
}

.logo-link:active {
  opacity: .7;
}

.navigation-item {
  opacity: .6;
  letter-spacing: 1px;
  text-transform: uppercase;
  padding-top: 9px;
  padding-bottom: 9px;
  font-family: Kumbh Sans, sans-serif;
  font-size: 22px;
  font-weight: 400;
  line-height: 20px;
}

.navigation-item:hover {
  opacity: .9;
}

.navigation-item:active {
  opacity: .8;
}

.navigation-item.w--current {
  opacity: 1;
  color: var(--greytext);
  font-family: Poppins, sans-serif;
  font-size: 24px;
  font-weight: 400;
}

.navigation-item.w--current:hover {
  opacity: .8;
  color: #32343a;
}

.navigation-item.w--current:active {
  opacity: .7;
  color: #32343a;
}

.navigation-item.retro {
  color: #9b8cca;
  text-shadow: 2px 2px #000;
  font-family: Work Sans, sans-serif;
  font-size: 1vw;
  font-weight: 900;
}

.navigation-item.retro.w--current {
  color: #a894e9;
  text-shadow: 2px 2px #000;
  font-family: Work Sans, sans-serif;
  font-size: 20px;
  font-weight: 900;
}

.navigation-item.min {
  font-family: Inter, sans-serif;
  font-size: 16px;
}

.navigation-item.min.w--current {
  background-color: var(--white);
  color: #000;
  font-size: 1vw;
}

.navigation-item.dark {
  color: #fff;
}

.navigation-item.dark.w--current {
  color: var(--greytext);
  background-color: #000;
  border-radius: 20px;
}

.navigation-item.dark.dreamy {
  color: #fff;
  -webkit-text-fill-color: inherit;
  background-image: linear-gradient(135deg, #ff7fff, #ffdc42);
  background-clip: border-box;
  border-radius: 20px;
  font-size: 1vw;
}

.navigation-item.dark.homepage {
  color: var(--greytext);
  background-color: #000;
  border-radius: 20px;
  font-family: Poppins, sans-serif;
  font-size: 1vw;
  font-weight: 300;
}

.navigation-item.dark.homepage.w--current {
  font-size: 14px;
}

.navigation-items {
  grid-column-gap: 130px;
  grid-row-gap: 130px;
  flex: 1;
  justify-content: center;
  align-items: center;
  font-size: 1em;
  display: flex;
}

.navigation {
  background-color: #0000;
  justify-content: center;
  align-items: center;
  padding: 12px 50px;
  display: flex;
}

.logo-image {
  display: block;
}

.navigation-wrap {
  justify-content: center;
  align-items: center;
  margin-right: -20px;
  display: flex;
}

.text-field {
  border: 1px solid #e4e4e4;
  border-radius: 0;
  margin-bottom: 18px;
  padding: 21px 20px;
  font-size: 14px;
  line-height: 26px;
  transition: border-color .4s;
}

.text-field:hover {
  border-color: #e3e6eb;
}

.text-field:active, .text-field:focus {
  border-color: #43464d;
}

.text-field::placeholder {
  color: #32343a66;
}

.text-field.cc-textarea {
  height: 200px;
  padding-top: 12px;
}

.status-message {
  color: #fff;
  text-align: center;
  background-color: #202020;
  padding: 9px 30px;
  font-size: 14px;
  line-height: 26px;
}

.status-message.cc-success-message {
  background-color: #12b878;
}

.status-message.cc-error-message {
  background-color: #db4b68;
}

.contact {
  padding-top: 80px;
  padding-bottom: 90px;
}

.contact-headline {
  width: 70%;
  margin-bottom: 40px;
}

.contact-form-grid {
  grid-column-gap: 30px;
  grid-row-gap: 10px;
}

.contact-form-wrap {
  width: 70%;
}

.footer-wrap {
  justify-content: space-between;
  align-items: center;
  padding: 0 50px;
  display: flex;
}

.webflow-link {
  opacity: .5;
  text-transform: uppercase;
  align-items: center;
  text-decoration: none;
  transition: opacity .4s;
  display: flex;
}

.webflow-link:hover {
  opacity: 1;
}

.webflow-link:active {
  opacity: .8;
}

.webflow-logo-tiny {
  margin-top: -2px;
  margin-right: 8px;
}

.footer-links {
  align-items: center;
  margin-right: -20px;
  display: flex;
}

.footer-item {
  opacity: .6;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-left: 20px;
  margin-right: 20px;
  font-size: 12px;
  line-height: 20px;
  text-decoration: none;
}

.footer-item:hover {
  opacity: .9;
}

.footer-item:active {
  opacity: .8;
}

.utility-page-wrap {
  color: #fff;
  text-align: center;
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  padding: 30px;
  display: flex;
}

._404-wrap {
  background-color: #1a1b1f;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 30px;
  display: flex;
}

._404-content-wrap {
  margin-bottom: 20px;
}

.protected-wrap {
  text-align: center;
  justify-content: center;
  padding-top: 90px;
  padding-bottom: 100px;
  display: flex;
}

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

.protected-heading {
  margin-bottom: 30px;
}

.container-logos {
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  width: 75%;
  max-width: none;
  margin-top: 5px;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  position: static;
}

.container-logos.dream {
  background-image: linear-gradient(150deg, var(--white), #ffffff8c 0%, #ffffff3b 101%);
  -webkit-backdrop-filter: blur(40px);
  backdrop-filter: blur(40px);
  border: 1px solid #fff;
  border-radius: 40px;
  margin-top: -17px;
  padding-top: 11px;
  padding-bottom: 11px;
  box-shadow: 5px 9px 20px -4px #00000012;
}

.container-logos.min {
  max-width: 1512px;
}

.container-work {
  text-align: left;
  flex-direction: column;
  align-items: center;
  width: 100vw;
  max-width: none;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
  display: none;
  position: static;
  inset: 220px 0% 0%;
}

.heading-2 {
  align-self: center;
}

.heading-2.what {
  text-align: center;
  font-weight: 600;
}

.heading-2.what.min {
  font-family: Montserrat, sans-serif;
  font-size: 8vh;
  font-weight: 300;
  line-height: 1;
}

.heading-2.what.scrolly {
  font-family: Inter, sans-serif;
  font-weight: 300;
}

.heading-2.what.dream {
  font-family: Poiret One, sans-serif;
  font-size: 4vh;
  font-weight: 300;
}

.heading-2.what.dark {
  color: #ffffffb5;
  font-family: Poppins, sans-serif;
  font-size: 4vh;
  font-weight: 300;
}

.background-card {
  border-radius: 50px;
  width: auto;
  height: 100%;
  margin-right: 0;
  box-shadow: 5px 9px 20px -4px #0003;
}

.background-card.small {
  width: auto;
  height: 100%;
}

.background-card.small.laptopcard {
  background-color: #fff;
  border-radius: 0;
  box-shadow: 5px 9px 0 4px #000;
}

.background-card.small.laptopcard.retro {
  background-color: #ffb9b9;
  border-style: none;
  border-width: 2px;
  padding-bottom: 30px;
}

.background-card.small.laptopcard.min {
  border-radius: 30px;
  font-family: Inter, sans-serif;
  box-shadow: 5px 9px 20px -4px #0003;
}

.background-card.small.laptopcard.scrolly {
  border-radius: 30px;
  box-shadow: 5px 9px 20px -4px #0003;
}

.background-card.small.laptopcard.dream {
  background-color: #fff0;
  border-radius: 30px;
  box-shadow: 5px 9px 20px -4px #0003;
}

.background-card.small.laptopcard.dark {
  background-color: #fff0;
  border-radius: 30px;
}

.background-card.small.retro {
  background-color: #cce8db;
  border: 3px #000;
  border-radius: 0;
  box-shadow: 4px 7px 0 3px #000;
}

.background-card.small.dream {
  border: .5px solid var(--white);
  background-image: linear-gradient(150deg, #fff, #fff3 62%);
}

.background-card.small.dark {
  box-shadow: none;
  -webkit-backdrop-filter: blur(100px);
  backdrop-filter: blur(100px);
  background-image: none;
  border: 2px solid #cf76404d;
  width: 95%;
  height: 95%;
}

.background-card.big {
  text-align: center;
  flex-direction: row;
  justify-content: space-around;
  align-items: flex-start;
  width: 100%;
  max-width: none;
  height: 100%;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.background-card.big.retro {
  background-color: #d8edc8;
}

.background-card.big.retro.how-work {
  background-color: #dbd6f5;
}

.background-card.big.dark {
  background-image: linear-gradient(150deg, var(--greytext), #7c4e32 15%, #cf76401c 42%, #88634f0d 72%, #52555a00 103%);
}

.background-card.donkey-app {
  width: auto;
  height: 100%;
  padding-bottom: 30px;
}

.background-card.donkey-app.retro {
  box-shadow: 4px 7px 0 3px var(--black);
  background-color: #cce8db;
  border: 2px #000;
  border-radius: 0;
}

.background-card.donkey-app.dream {
  border: 1px solid var(--white);
  -webkit-backdrop-filter: blur(30px);
  backdrop-filter: blur(30px);
  background-image: linear-gradient(139deg, #fff, #fff3 68%);
}

.background-card.donkey-app.dark {
  box-shadow: none;
  -webkit-backdrop-filter: blur(100px);
  backdrop-filter: blur(100px);
  background-image: none;
  border: 2px solid #cf76404d;
  width: 95%;
  height: 95%;
  padding-top: 0;
}

.background-card.retro {
  outline-offset: 0px;
  background-color: #ffb9b9;
  border-radius: 0;
  outline: 3px solid #1a1b1f;
  padding-bottom: 30px;
  box-shadow: 4px 7px 0 3px #000;
}

.background-card.dream {
  border: .5px solid var(--white);
  -webkit-backdrop-filter: blur(30px);
  backdrop-filter: blur(30px);
  background-image: linear-gradient(150deg, #ffffffbf, #ffffff30 66%);
}

.background-card.dark {
  background-image: linear-gradient(150deg, #52555a, #52555a2e 45%, #52555a00 103%);
}

.text {
  justify-content: space-between;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  font-size: 18px;
  font-weight: 400;
  line-height: 50px;
  display: block;
}

.text.title {
  text-align: justify;
  margin-top: 40px;
  padding-top: 0;
  padding-left: 0;
  padding-right: 33px;
  font-style: normal;
  font-weight: 400;
  text-decoration: none;
}

.text.title.curse {
  margin-top: 0;
  font-size: 15px;
  font-style: italic;
}

.text.title.left {
  text-align: left;
  padding-left: 21px;
  display: block;
}

.text.title.maain {
  text-align: left;
}

.text.title.hvtdy {
  text-align: center;
  padding-left: 230px;
  padding-right: 230px;
  font-size: 20px;
  font-weight: 500;
  line-height: 60px;
}

.text.middle {
  padding-left: 0;
}

.text.split {
  text-align: justify;
  margin-bottom: 100px;
  padding: 0;
}

.text.uxdes {
  text-align: justify;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
}

.text.uxdes.werwerwr {
  padding-left: 35px;
  padding-right: 35px;
}

.text.right {
  margin-top: 0;
  display: block;
}

.text-block {
  color: #706752;
  text-align: left;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-self: auto;
  align-items: flex-start;
  padding-top: 30px;
  padding-left: 0;
  font-family: Montserrat, sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 2;
  display: flex;
}

.text-block.retro {
  padding-bottom: 17px;
  font-family: Work Sans, sans-serif;
  font-weight: 600;
}

.text-block.min {
  padding-bottom: 10px;
  font-size: 2vh;
  line-height: 2;
}

.text-block.dream {
  font-family: Poiret One, sans-serif;
  font-size: 2vh;
}

.text-block.dark {
  color: #ffffffbf;
  padding-left: 0;
  font-family: Poppins, sans-serif;
  font-size: 1.8vh;
}

.text-block.resumeee {
  color: #651a11;
  text-align: justify;
  padding-left: 25px;
  padding-right: 0;
  font-family: Manrope, sans-serif;
}

.heading-4 {
  margin-bottom: -9px;
  padding-left: 7px;
  font-family: Inter, sans-serif;
  font-size: 3vh;
}

.heading-4.retro {
  font-family: Work Sans, sans-serif;
  font-weight: 600;
}

.heading-4.min {
  font-size: 3vh;
}

.heading-4.dream {
  font-family: Poiret One, sans-serif;
  font-size: 3vh;
  font-weight: 400;
}

.heading-4.dark {
  color: #ffffffc2;
  padding-left: 0;
  font-family: Poppins, sans-serif;
  font-size: 2.5vh;
}

.image-4 {
  margin-top: 24px;
}

.card-background {
  background-color: #f8f8f8;
  background-image: linear-gradient(139deg, #f7f7f7, #fff);
  width: 95%;
  height: 80%;
  margin-left: 24px;
  padding: 0;
}

.card-background.small {
  background-image: linear-gradient(139deg, #f7f7f7, #fff);
  width: 400px;
  margin-top: 16px;
  padding-top: 0;
}

.card-background.small.retro {
  background-color: #fff;
  background-image: none;
  border: 2px solid #000;
  width: 90%;
  margin-top: 42px;
}

.card-background.small.dark {
  background-color: #f8f8f800;
  background-image: none;
  width: 95%;
  height: 95%;
  margin-top: 0;
  margin-left: 0;
  padding-left: 16px;
}

.card-background.small.min {
  flex-direction: column;
  justify-content: space-between;
  width: auto;
  height: 80%;
  display: flex;
}

.card-background.small.min.bigscreen {
  flex-direction: column;
  justify-content: space-between;
  display: flex;
}

.card-background.laptophome {
  background-color: #f8f8f800;
  background-image: none;
  width: 92%;
}

.card-background.dream {
  background-color: #f8f8f800;
  background-image: none;
}

.card-background.dark {
  background-color: #f8f8f800;
  background-image: none;
  border-radius: 60px;
  width: 83vh;
  height: 95%;
  margin-left: 24px;
  padding-bottom: 13px;
}

.card-background.min {
  object-fit: fill;
  width: auto;
  height: 80%;
  margin-bottom: 0;
  margin-right: 20px;
  position: static;
}

.div-block-3 {
  object-fit: contain;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  height: 450px;
  padding-top: 23px;
  display: flex;
}

.div-block-3.laptop {
  height: 100%;
  padding-top: 20px;
  padding-bottom: 20px;
}

.div-block-3.laptop.retro {
  background-color: #fff;
  border: 2px solid #000;
  align-items: center;
  padding-top: 20px;
  padding-bottom: 20px;
}

.div-block-3.laptop.dark {
  flex-direction: row;
  align-items: center;
  width: 95%;
  height: 95%;
  padding-top: 0;
  padding-bottom: 0;
}

.div-block-3.donkey {
  flex-wrap: nowrap;
  width: auto;
  height: 100%;
  margin-bottom: 0;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 0;
}

.div-block-3.donkey.retro {
  background-color: #fff;
  border: 2px solid #000;
}

.div-block-3.donkey.dark {
  padding-top: 0;
}

.heading-5 {
  margin-top: 0;
  padding-top: 32px;
  padding-left: 24px;
  font-family: PT Sans, sans-serif;
  font-size: 26px;
  font-weight: 400;
  line-height: 1.5;
}

.heading-5.retro {
  font-family: Work Sans, sans-serif;
  font-weight: 600;
}

.heading-5.min {
  font-family: Inter, sans-serif;
  font-size: 3vh;
  font-weight: 400;
}

.heading-5.scrolly {
  font-family: Inter, sans-serif;
}

.heading-5.dream {
  font-family: Poiret One, sans-serif;
  font-size: 3vh;
}

.heading-5.dark {
  color: #ffffffbf;
  font-family: Poppins, sans-serif;
  font-size: 2.5vh;
}

.style-guide-text {
  justify-content: space-around;
  padding-top: 40px;
  display: flex;
}

.text-block-2 {
  font-family: Poiret One, sans-serif;
  font-size: 40px;
}

.text-block-2.dark {
  color: #ffffffe6;
}

.text-block-3 {
  font-family: Poppins, sans-serif;
  font-size: 26px;
  font-weight: 300;
}

.text-block-3.light.dark {
  color: #ffffffe6;
}

.text-block-3.bold {
  font-weight: 600;
}

.text-block-3.bold.dark {
  color: #ffffffe6;
}

.div-block-4 {
  background-color: #1f0b4800;
  box-shadow: 0 2px 5px #0003;
}

.div-block-4.dream {
  box-shadow: none;
}

.div-block-5 {
  background-color: #fff0;
  box-shadow: 0 2px 5px #0003;
}

.div-block-5.dream {
  box-shadow: none;
}

.div-block-6 {
  background-color: #d4ccee00;
  box-shadow: 0 2px 5px #0003;
}

.div-block-6.dream {
  box-shadow: none;
}

.div-block-7 {
  outline-offset: 0px;
  background-color: #fcebbf00;
  border-radius: 0;
  outline: 3px #555;
  box-shadow: 0 2px 5px #0003;
}

.div-block-7.dream {
  box-shadow: none;
}

.colors {
  justify-content: space-around;
  margin-top: 39px;
  display: flex;
}

.container-4 {
  width: 90%;
  max-width: 1512px;
  margin-top: 0;
  padding-left: 0;
  padding-right: 0;
}

.container-4.dark {
  color: #ffffffe6;
  font-family: Poppins, sans-serif;
}

.section-how-i-work {
  margin-top: 71px;
  font-family: Work Sans, sans-serif;
  display: none;
}

.heading-6 {
  color: #ffffffb5;
  text-align: center;
  margin-bottom: 45px;
  font-size: 4vh;
  font-weight: 300;
}

.heading-6.retro {
  margin-top: 0;
  font-weight: 600;
}

.heading-6.retro.black {
  color: var(--black);
}

.heading-6.dream {
  font-family: Poiret One, sans-serif;
  font-size: 4vh;
}

.heading-6.dream.black, .heading-6.min {
  color: var(--black);
}

.heading-6.min.black {
  font-family: Inter, sans-serif;
  line-height: 1;
}

.text-block-4 {
  padding-bottom: 60px;
  font-family: Inter, sans-serif;
  font-size: 26px;
}

.text-block-4.retro {
  font-family: Work Sans, sans-serif;
  font-weight: 600;
}

.text-block-4.dream {
  font-family: Poiret One, sans-serif;
  font-size: 3vh;
}

.text-block-4.dark {
  color: #ffffffb5;
  font-family: Poppins, sans-serif;
  font-size: 2.5vh;
}

.text-block-4.min {
  order: -1;
  font-size: 3vh;
}

.cell-text-block {
  text-align: center;
  align-items: flex-start;
  font-family: Inter, sans-serif;
  font-size: .9rem;
  display: flex;
}

.cell-text-block.retro {
  font-family: Work Sans, sans-serif;
  font-size: 1.7vh;
  font-weight: 500;
}

.cell-text-block.dream {
  font-family: Poiret One, sans-serif;
  font-size: 2vh;
}

.cell-text-block.dark {
  color: #ffffffb5;
  font-family: Poppins, sans-serif;
  font-size: 1.6vh;
}

.cell-text-block.min {
  font-size: 1em;
  font-weight: 200;
}

.airbnb {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #fff;
  border-radius: 20px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  width: 140px;
  height: 40px;
  margin-top: 11px;
  margin-left: 11px;
  padding: 12px 11px;
  display: flex;
  box-shadow: 0 1px 20px #0003;
}

.airbnb.small {
  width: 100px;
}

.airbnb.small.retro.donkey {
  border: 1px solid #000;
}

.airbnb.features {
  width: 130px;
  margin-right: 9px;
}

.airbnb.features.retro.blue {
  background-color: #cce8db;
  border: 1px solid #000;
  padding-left: 10px;
  padding-right: 10px;
}

.airbnb.specialties.big {
  width: 150px;
}

.airbnb.specialties.retro {
  border: 1px solid #000;
  border-radius: 0;
  box-shadow: 4px 4px #000;
}

.airbnb.retro {
  background-color: #ffb9b9;
  border: 1px solid #000;
  border-radius: 0;
  box-shadow: 4px 4px #000;
}

.airbnb.retro.donkey {
  background-color: #cce8db;
}

.airbnb.retro.donkey.two {
  border: 1px solid #000;
  padding-left: 6px;
  padding-right: 6px;
}

.airbnb.dream {
  background-color: #fff0;
  background-image: linear-gradient(155deg, #fff, #ffffff36);
  padding-left: 4px;
  padding-right: 4px;
  font-family: Kumbh Sans, sans-serif;
}

.airbnb.dark {
  background-color: #fff0;
  background-image: linear-gradient(150deg, var(--greytext), var(--chocolate-sofrt) 72%);
  padding-left: 7px;
}

.text-2 {
  color: #fff;
  text-align: center;
  object-fit: fill;
  width: 100%;
  font-family: Poppins, sans-serif;
  font-size: 14px;
  font-weight: 400;
}

.text-2.retro {
  color: var(--black);
  width: 140%;
  font-family: Work Sans, sans-serif;
  font-weight: 500;
}

.text-2.retro.two {
  color: var(--black);
  width: 100%;
  font-size: 1.3vh;
  font-weight: 500;
}

.text-2.dream {
  color: var(--black);
  font-family: Kumbh Sans, sans-serif;
}

.text-2.dark {
  color: #fff;
}

.text-2.min {
  color: var(--black);
}

.text-2.dreamy {
  color: #000;
  font-family: Poiret One, sans-serif;
  font-size: 1.5vh;
}

.div-block-8 {
  margin-top: 11px;
  display: flex;
}

.div-block-9 {
  flex-direction: row;
  justify-content: space-around;
  margin-top: 35px;
  display: flex;
}

.div-block-10, .div-block-11, .div-block-12, .div-block-13 {
  display: flex;
}

.div-block-14, .div-block-15, .div-block-16 {
  align-self: center;
}

.div-block-17 {
  background-color: #fff;
  border-radius: 20px;
  flex-direction: row;
  justify-content: center;
  align-items: flex-end;
  width: 85%;
  height: 100%;
  display: flex;
  box-shadow: 1px 0 20px #0003;
}

.image-9 {
  align-self: auto;
  width: 80%;
  height: 98%;
  padding-top: 0;
}

.heading-text-name {
  align-items: flex-start;
  font-family: Work Sans, sans-serif;
  font-size: 7vh;
  font-weight: 600;
  display: flex;
  position: relative;
  left: 69px;
}

.heading-text-name.min {
  font-family: Inter, sans-serif;
  font-size: 6vh;
  font-weight: 400;
}

.heading-text-name.retro {
  color: #706d5e;
  font-family: Montserrat, sans-serif;
  font-size: 6vh;
  font-weight: 500;
  left: 0;
}

.heading-text-name.scrolly {
  font-family: Inter, sans-serif;
  font-weight: 400;
}

.heading-text-name.dream {
  font-family: Poiret One, sans-serif;
  font-size: 6vh;
  font-weight: 200;
  left: 0;
}

.heading-text-name.dark {
  color: #fffc;
  flex-wrap: wrap;
  font-family: Poppins, sans-serif;
  font-size: 5vh;
  font-weight: 300;
  left: 0;
}

.text-span-2 {
  color: #9c281963;
  padding-left: 20px;
}

.text-span-2.retro {
  color: #a491e4;
  text-shadow: 3px 3px 0 var(--black);
}

.text-span-2.minimalist, .text-span-2.scrolly {
  color: var(--terra);
  text-shadow: none;
}

.text-span-2.dream {
  color: #000;
  text-shadow: none;
  font-family: Kumbh Sans, sans-serif;
  font-weight: 200;
}

.text-span-2.dark {
  color: #d17842;
  -webkit-text-stroke-color: #cf7640;
}

.modal {
  z-index: 1;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vw;
  display: block;
  position: fixed;
  inset: 0%;
}

.modal.laptop {
  text-align: center;
  font-family: Work Sans, sans-serif;
  display: none;
}

.modal.app {
  font-family: Work Sans, sans-serif;
  display: none;
}

.modal-container {
  clear: none;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color: #0006;
  flex: 0 auto;
  justify-content: center;
  align-self: auto;
  align-items: center;
  width: 100%;
  max-width: 100rem;
  display: none;
  position: fixed;
  inset: 0%;
}

.modal-container.donkey, .modal-container.ai-tools {
  max-width: 100%;
  display: block;
}

.quick-stack-4 {
  clear: none;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  text-align: left;
  flex: 0 auto;
  align-self: flex-start;
  width: 100vh;
  min-width: 80%;
  max-width: 85%;
  height: 100vh;
  min-height: 75vh;
  max-height: 90vh;
  margin-right: 0;
  padding-top: 20px;
  padding-bottom: 20px;
  position: relative;
  top: 35px;
  left: 155px;
}

.quick-stack-4.laptop-open {
  width: 95%;
  min-width: 0%;
  max-width: none;
  height: 100%;
  min-height: 100%;
  max-height: 100%;
  padding: 0;
  top: 34px;
  left: 39px;
  right: 20px;
}

.quick-stack-4.donkey-open {
  margin-top: 458px;
  overflow: visible;
}

.cell-9 {
  justify-content: center;
  align-items: center;
  padding-bottom: 46px;
}

.body {
  box-sizing: border-box;
  aspect-ratio: auto;
  -webkit-text-fill-color: inherit;
  object-fit: fill;
  background-color: #000;
  background-clip: border-box;
  font-family: Inter, sans-serif;
  overflow: visible;
}

.cell-10 {
  backface-visibility: hidden;
  perspective: none;
  flex-wrap: nowrap;
  place-content: flex-start;
  align-items: flex-start;
  padding-bottom: 0;
  display: flex;
}

.front-card {
  backface-visibility: hidden;
  perspective: 1000px;
  position: relative;
}

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

.back-card {
  backface-visibility: hidden;
  transform-style: preserve-3d;
  position: absolute;
  transform: rotateX(0)rotateY(180deg)rotateZ(0);
}

.card-wrapper {
  perspective: 1000px;
  object-fit: cover;
  flex: 0 auto;
  width: 100%;
  height: 100%;
  position: static;
}

.card-something {
  display: flex;
  position: relative;
}

.cell-11 {
  justify-content: flex-end;
}

.none {
  transition: flex-grow 1s cubic-bezier(.075, .82, .165, 1), box-shadow 1s cubic-bezier(.075, .82, .165, 1);
}

.cell-12 {
  justify-content: flex-end;
}

.cell-13 {
  justify-content: center;
}

.image-13 {
  width: 27%;
  padding-right: 10px;
}

.image-13.landscape {
  width: 30%;
}

.image-14 {
  width: 27%;
  padding-right: 10px;
}

.image-14.landscape {
  width: 30%;
}

.image-15 {
  width: 27%;
  padding-right: 10px;
}

.image-15.landscape {
  width: 30%;
}

.cell-14 {
  justify-content: flex-end;
  align-items: center;
  padding-top: 0;
  padding-bottom: 43px;
}

.cell-15 {
  justify-content: flex-end;
  padding-bottom: 43px;
}

.cell-16 {
  justify-content: flex-end;
  align-items: center;
  padding-bottom: 19px;
}

.grid {
  grid-column-gap: 6px;
  grid-template: "." 1fr
                 "." .5fr
                 "." 1fr
                 / 1fr .5fr 1fr;
  align-content: center;
  place-items: start;
  width: 95%;
  max-width: 95%;
  height: 95%;
  max-height: 95%;
  margin-top: 90px;
  margin-left: 21px;
  display: block;
  position: static;
}

.screen-grit-overlap {
  position: relative;
}

.div-color-card {
  margin-top: 21px;
  margin-bottom: 0;
  margin-left: 0;
  padding: 0;
}

.div-business-idea, .div-homescreen {
  position: relative;
}

.div-text-card {
  margin-top: -9px;
  padding-left: 99px;
}

.image-16 {
  position: relative;
  bottom: 122px;
  left: 105px;
}

.image-17 {
  margin-top: 0;
  padding-top: 0;
  padding-bottom: 0;
}

.headshot {
  width: auto;
  padding-left: 0;
  padding-right: 0;
  display: block;
}

.headshot.retro {
  background-color: #0000;
  width: auto;
  max-width: none;
  max-height: none;
  margin-top: 0;
  margin-bottom: 0;
  padding: 10px 20px 10px 10px;
}

.grid-2 {
  grid-column-gap: 174px;
  grid-template-rows: auto;
  grid-template-columns: 2fr 2fr 2fr 2fr;
  justify-content: space-between;
  align-self: center;
  align-items: center;
  max-width: none;
  margin-left: 0;
}

.grid-2.min {
  grid-column-gap: 174px;
}

.container-heading-what-do {
  object-fit: fill;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  max-width: none;
  min-height: 0;
  margin-top: 135px;
  padding-bottom: 0;
  display: flex;
  position: static;
}

.container-heading-what-do.mob {
  display: none;
}

.big-card-wrapper.donkey {
  max-width: none;
  height: 100%;
}

.small-card-wrapper.laptopsmall {
  width: 100%;
  height: 100%;
}

.section-what-i-can-do {
  background-color: #f2ebe500;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: none;
  min-height: 0;
  max-height: none;
  margin-top: 0;
  padding-top: 0;
  font-family: Work Sans, sans-serif;
  display: flex;
  position: static;
}

.logo-images.horizontal.dreamy {
  width: 60%;
}

.logo-images.horizontal.dark {
  width: 70%;
}

.logo-images.dreamy {
  width: 50%;
}

.logo-images.dreamy.figma {
  width: 40%;
}

.logo-images.dark {
  width: 60%;
}

.logo-images.darkfigma {
  width: 50%;
}

.grid-4 {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  margin-top: 123px;
}

.grid-4.donkey {
  grid-row-gap: 63px;
  grid-template-rows: 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  align-self: flex-start;
  width: 90vw;
  height: 90%;
  max-height: 50vh;
  margin: 60px 60px 60px 50px;
}

.divscreens {
  object-fit: cover;
  width: 67%;
  height: 40vh;
}

.grid-donkey.homescreen {
  grid-column-gap: 41px;
  grid-template-rows: auto;
  grid-template-columns: 2fr 1fr;
  width: auto;
  min-width: 0;
  max-width: none;
  margin-bottom: 56px;
  padding-left: 0;
  padding-right: 0;
}

.grid-5 {
  grid-column-gap: 30px;
  grid-template-rows: auto auto auto auto;
  grid-template-columns: 1fr 1fr;
  align-self: center;
  width: 100%;
  height: 80%;
  padding-left: 40px;
  padding-right: 40px;
}

.div-how-cards {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding-top: 80px;
  padding-bottom: 32px;
  display: flex;
}

.image-how {
  padding-bottom: 60px;
}

.container-cv {
  width: 90%;
  max-width: 1512px;
  margin-top: 40px;
}

.heading-cv {
  text-align: center;
  justify-content: center;
  font-weight: 300;
  display: flex;
}

.heading-cv.title {
  margin-top: 100px;
  margin-bottom: 45px;
  font-weight: 300;
}

.heading-cv.title.retro {
  font-weight: 600;
}

.heading-cv.title.scrolly {
  font-family: Inter, sans-serif;
  font-weight: 300;
}

.heading-cv.title.dream {
  font-size: 4vh;
}

.heading-cv.title.dark {
  color: #ffffffb5;
  font-size: 4vh;
}

.heading-cv.title.min {
  font-size: 4vh;
  line-height: 1;
}

.grid-cv {
  width: 90%;
  height: 90%;
  padding-top: 36px;
  padding-bottom: 36px;
}

.grid-laptop {
  grid-column-gap: 41px;
  grid-row-gap: 41px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 2fr;
  place-items: center;
  width: auto;
  padding-left: 0;
  padding-right: 0;
}

.button-div {
  width: 25%;
  padding-top: 32px;
  position: relative;
  top: 0;
  left: 0;
}

.button-div.min {
  width: auto;
  padding-top: 33px;
  top: 0;
  left: 70px;
}

.button-div.dark {
  margin-top: 32px;
  font-family: Poppins, sans-serif;
  top: 0;
  left: 0;
}

.button-4 {
  box-shadow: 4px 6px 0 0 var(--black);
  background-color: #a491e4;
  border: 2px solid #000;
  border-radius: 30px;
  padding-left: 24px;
  padding-right: 24px;
}

.button-4.min {
  background-color: var(--white_transparant_50);
  text-align: left;
  border-style: none;
  border-width: 0;
  padding: .5em 1em;
  font-family: Inter, sans-serif;
  font-size: 100%;
  box-shadow: 1px 6px 10px #661a108a;
}

.button-4.retro {
  color: #000;
  padding-left: 15px;
  padding-right: 15px;
  font-size: 2vh;
}

.button-4.scrolly {
  background-color: var(--terra);
  border-style: none;
  font-family: Inter, sans-serif;
  box-shadow: 5px 9px 20px -4px #9c281940;
}

.button-4.dream {
  background-color: #a491e400;
  background-image: linear-gradient(157deg, var(--white), #fff 0%, #ffffff6e 59%);
  color: #000000bf;
  border: .5px solid #fff;
  font-family: Poiret One, sans-serif;
  font-size: 2.5vh;
  box-shadow: 3px 4px 20px #00000021;
}

.button-4.dark {
  background-color: #d1784200;
  background-image: linear-gradient(166deg, #cf7640e3, var(--chocolate-sofrt) 80%);
  color: #ffffffba;
  border-style: none;
  font-size: 2vh;
  box-shadow: 1px 2px 5px #0003;
}

.text-block-5 {
  width: 89%;
  margin-top: 39px;
  font-family: Work Sans, sans-serif;
  font-size: 40px;
  font-weight: 400;
  line-height: 1.6;
  position: relative;
  left: 70px;
}

.text-block-5.min {
  width: 37vw;
  font-family: Inter, sans-serif;
  font-size: 2em;
  font-weight: 300;
}

.text-block-5.retro {
  width: auto;
  margin-top: 0;
  padding-top: 30px;
  padding-left: 25px;
  padding-right: 25px;
  font-family: Montserrat, sans-serif;
  font-size: 15px;
  left: 0;
}

.text-block-5.scrolly {
  font-family: Inter, sans-serif;
}

.text-block-5.dream {
  width: 80%;
  font-family: Poiret One, sans-serif;
  font-size: 4vh;
  font-weight: 200;
  left: 0;
}

.text-block-5.dark {
  color: #ffffff8c;
  width: 74%;
  font-family: Poppins, sans-serif;
  font-size: 3vh;
  font-weight: 300;
  line-height: 1.7;
  left: 0;
}

.div-block-25 {
  position: relative;
  top: 38px;
  left: 150px;
}

.div-block-25.min {
  top: 1px;
}

.div-block-25.retro {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  perspective: 1200px;
  background-color: #ffffff59;
  background-image: radial-gradient(circle at 50% 100%, #e9e3d9 19%, #fff);
  border: .5px solid #ffffff47;
  border-radius: 20px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  max-width: 1400px;
  height: auto;
  margin-top: 44px;
  padding-top: 50px;
  padding-bottom: 50px;
  padding-left: 0;
  display: flex;
  position: static;
  left: 75px;
  box-shadow: 15px 15px 17px #0003;
}

.div-block-25.dark {
  padding-bottom: 80px;
  font-family: Poppins, sans-serif;
  top: -59px;
  left: 214px;
}

.div-block-25.dreamy {
  padding-left: 18px;
}

.grid-6 {
  grid-template-rows: auto;
  margin-top: 30px;
  font-family: Inter, sans-serif;
}

.grid-6.retro {
  margin-top: 0;
}

.grid-6.dream {
  grid-column-gap: 64px;
  grid-row-gap: 41px;
  grid-template-rows: auto;
}

.div-block-26 {
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 80%;
  padding-left: 0;
  padding-right: 78px;
  font-size: 16px;
  display: block;
}

.div-block-28 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  justify-items: center;
  padding-top: 20px;
  padding-bottom: 20px;
  display: grid;
}

.text-block-6 {
  margin-top: 25px;
  font-size: 2vh;
}

.text-block-6.retro {
  font-size: 1.7vh;
  font-weight: 500;
}

.text-block-6.min {
  font-size: 1em;
  font-weight: 200;
}

.text-block-6.scrolly {
  font-family: Inter, sans-serif;
}

.text-block-6.dark {
  color: #ffffffb5;
}

.heading-7 {
  margin-top: 32px;
  font-size: 2.5vh;
}

.heading-7.design-skills.retro {
  font-weight: 600;
}

.heading-7.design-skills.scrolly {
  font-family: Inter, sans-serif;
}

.heading-7.design-skills.dark {
  color: #ffffffb5;
}

.heading-7.retro {
  font-weight: 600;
}

.heading-7.dark {
  color: #ffffffb5;
}

.section-4 {
  font-family: Work Sans, sans-serif;
}

.body-2 {
  background-color: #f1d05b;
}

.body-2.retro {
  background-color: #000;
  background-image: linear-gradient(#fff, #fff);
  font-family: Montserrat, sans-serif;
  font-weight: 600;
}

.body-scrolly {
  color: #5d3723;
  background-color: #fff;
  background-image: linear-gradient(#000, #303030 29%, #000 62%, #303030);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  font-family: Manrope, sans-serif;
  display: flex;
}

.body-dream {
  background-image: url("https://cdn.prod.website-files.com/64e38c5a990ac9ed8ca4fe88/6501223cfee5e884b38bea31_Gradientsma.png");
  background-position: 0 0;
  background-size: 1512px 5000px;
  font-family: Poiret One, sans-serif;
  font-weight: 300;
}

.image-24, .image-24.dream {
  border-radius: 0;
}

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

.body-dark {
  background-color: #121315;
  font-family: Poppins, sans-serif;
}

.text-span-3, .text-span-4 {
  color: var(--greytext);
}

.text-span-5 {
  color: var(--greytext);
  padding-left: 16px;
}

.spicy-back {
  background-image: url("https://cdn.prod.website-files.com/64e38c5a990ac9ed8ca4fe88/650163b54d295b3d5106a7c7_Rectangle%2059.png");
  background-position: 0 0;
  background-size: cover;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.spicy-back.small {
  background-position: 0 0;
  background-size: cover;
}

.text-span-6, .text-span-7 {
  color: var(--terra);
}

.text-span-8 {
  color: var(--terra);
  padding-left: 15px;
}

.text-span-8.min {
  padding-left: 0;
}

.text-span-9 {
  color: var(--terra);
}

.text-span-10 {
  color: var(--white_transparant_50);
}

.bold-text, .text-span-11 {
  color: var(--terra);
}

.image-44 {
  padding-bottom: 21px;
}

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

.container-heading {
  max-width: none;
  display: flex;
}

.section-who-i-am {
  display: none;
}

.heading-8 {
  color: #7c6f5c;
  text-align: left;
  margin-top: 0;
  margin-bottom: 0;
  padding: 15px 0 25px;
  font-family: Montserrat, sans-serif;
  font-size: 34px;
  font-weight: 300;
  line-height: 35px;
}

.paragraph {
  text-align: justify;
  padding-left: 0;
  padding-right: 0;
  font-family: Inter, sans-serif;
  font-size: 15px;
  font-weight: 200;
  line-height: 30px;
}

.paragraph.guy {
  padding-right: 13px;
}

.paragraph.guy.web {
  padding-right: 40px;
}

.paragraph.guy.mob {
  display: none;
}

.paragraph.heartb {
  padding-right: 44px;
}

.paragraph.heartb.mob {
  display: none;
}

.paragraph.donkey {
  padding-right: 36px;
}

.paragraph.donkey.mob, .paragraph.mob {
  display: none;
}

.card {
  z-index: 3;
  background-color: #fff;
  border-radius: 20px;
  flex-direction: row;
  margin-bottom: 65px;
  padding-top: 0;
  transition: box-shadow .4s, transform .4s;
  display: flex;
  position: relative;
  box-shadow: 5px 9px 20px 4px #0003;
}

.card:hover {
  transform: scale(1.01)translate(0, -4px);
  box-shadow: 6px 15px 40px 5px #0003;
}

.card.donkey {
  background-color: #fff;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  max-height: none;
  margin-top: 20px;
  margin-bottom: 80px;
  padding: 20px;
  transition: transform .4s, box-shadow .4s;
  position: static;
  box-shadow: 5px 5px 20px #0003, 5px 9px 20px 4px #0000;
}

.card.donkey:hover {
  background-color: #fff;
  transform: scale(1.01)translate(0, -4px);
  box-shadow: 6px 15px 40px 5px #0003;
}

.card.donkey._3d {
  background-color: #fff8ec;
  background-image: linear-gradient(141deg, #fff, #f1ede3 84%);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  display: flex;
  position: static;
  box-shadow: 5px 9px 20px 4px #0000001a;
}

.card.donkey._3d.ai {
  background-color: #ede9de;
  background-image: linear-gradient(124deg, #fff, #f9f2ef 68%);
  justify-content: flex-end;
  align-items: flex-end;
  width: 100%;
  height: 100%;
  padding-bottom: 0;
}

.card.donkey._3d._3ddddd {
  background-image: linear-gradient(141deg, #fff, #f9f2ef 67%);
  padding-left: 120px;
  padding-right: 120px;
}

.card.donkey._3d._3ddddd:hover {
  box-shadow: 10px 10px 20px 4px #00000030;
}

.card.heartb {
  border-top-right-radius: 20px;
  justify-content: flex-start;
  align-items: stretch;
  margin-bottom: 80px;
  padding-top: 0;
  position: static;
}

.card.heartb:hover {
  box-shadow: 6px 15px 40px 5px #0003;
}

.card.guyana {
  justify-content: center;
  align-items: flex-end;
  margin-bottom: 80px;
  padding-bottom: 0;
  position: static;
}

.card.guyana:hover {
  border-radius: 20px;
  box-shadow: 6px 15px 40px 5px #0003;
}

.card.guyana.aicons {
  display: none;
}

.card.ai {
  padding-right: 0;
  position: static;
}

.card.ai:hover {
  box-shadow: 6px 15px 40px 5px #0003;
}

.card.ai.humandesign {
  display: none;
}

.div-block-31 {
  flex-flow: row;
  flex: 0 auto;
  justify-content: center;
  align-self: auto;
  align-items: center;
  width: auto;
  height: auto;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.div-block-31.laptop {
  justify-content: center;
  align-items: center;
  width: 40%;
  height: auto;
  padding-top: 20px;
  padding-bottom: 20px;
}

.div-block-31.donkey {
  flex-flow: row;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  width: auto;
  padding-left: 0;
  display: flex;
}

.div-block-31._3d {
  background-color: #f0e9e300;
  align-self: auto;
  width: auto;
  display: block;
}

.div-block-32 {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  flex-direction: row;
  justify-content: flex-start;
  padding: 45px 30px 38px 50px;
  display: flex;
}

.div-block-33 {
  background-color: #fff;
  width: 150px;
  height: 45px;
  padding-left: 0;
  padding-right: 0;
}

.div-block-34, .div-block-35 {
  background-color: #fff;
  width: 150px;
  height: 45px;
  padding-right: 20px;
}

.text-block-7 {
  text-align: center;
  background-image: linear-gradient(166deg, #fff, #eee);
  border-radius: 10px;
  padding-top: 7px;
  padding-bottom: 7px;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 300;
  box-shadow: 6px 6px 14px -2px #0003;
}

.image-45 {
  width: 200px;
  height: 400px;
}

.image-46 {
  aspect-ratio: auto;
  object-fit: fill;
  width: 90%;
  max-width: 80%;
  padding: 21px 0;
}

.image-46.guyana {
  width: 40%;
  max-width: none;
  padding: 60px 40px 40px;
}

.image-46.guyana:hover {
  box-shadow: none;
}

.image-46.guyana.ai {
  width: 60%;
}

.image-46.donkey {
  width: 90%;
  max-width: none;
  height: 100%;
  padding: 0;
}

.image-47 {
  width: 100%;
  height: auto;
  padding-left: 0;
  padding-right: 20px;
}

.div-block-36 {
  flex-direction: column;
  justify-content: center;
  width: 60%;
  padding-left: 30px;
  padding-right: 30px;
  display: flex;
}

.div-block-36.left {
  justify-content: flex-end;
  align-items: flex-start;
  width: 58%;
  padding-bottom: 100px;
  padding-left: 63px;
  padding-right: 60px;
}

.div-block-37 {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 80%;
  padding-bottom: 10px;
  padding-left: 30px;
  padding-right: 50px;
  display: flex;
}

.div-block-37._3d {
  background-color: #fffaf600;
  justify-content: center;
  align-self: auto;
  align-items: center;
  padding-left: 10px;
  padding-right: 10px;
}

.div-block-37.right {
  justify-content: flex-end;
  align-items: flex-start;
  height: 100%;
  padding-top: 80px;
  padding-bottom: 101px;
}

.div-block-37.donkey {
  justify-content: flex-end;
  align-items: flex-start;
  width: 60%;
  height: auto;
  padding: 80px 0 67px 35px;
}

.div-block-38 {
  flex-direction: column;
  justify-content: center;
  width: 40%;
  padding-left: 30px;
  padding-right: 30px;
  display: flex;
}

.div-block-38.left {
  justify-content: flex-end;
  width: 60%;
  padding-bottom: 50px;
  padding-left: 63px;
  padding-right: 30px;
}

.cell-17 {
  align-items: center;
}

.spline-scene {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  object-fit: fill;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  height: auto;
  display: block;
  position: static;
}

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

.spline-block {
  padding-left: 0;
  padding-right: 0;
}

.container-6 {
  max-width: none;
  display: flex;
}

.container-spline {
  max-width: none;
  height: auto;
}

.divbspline {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-image: linear-gradient(#f3f1eb 70%, #fff);
  justify-content: center;
  align-items: center;
  min-height: 0;
  display: flex;
  position: relative;
}

.text-block-8 {
  color: #643625;
  text-align: left;
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
  font-family: Montserrat, sans-serif;
  font-size: 50px;
  font-weight: 200;
  line-height: 100px;
  display: block;
  position: static;
}

.text-block-8.werwrwerwr {
  color: #b69988;
  font-size: 45px;
  font-weight: 900;
}

.navbar {
  background-color: #ddd0;
  justify-content: center;
  font-size: 15px;
  display: flex;
  position: absolute;
  inset: 0% 0% auto auto;
}

.navbar.about-me {
  width: 100%;
}

.text-block-9 {
  color: #7c6f5c;
  -webkit-text-stroke-color: #fff2de;
  padding-top: 0;
  padding-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 2vw;
  font-weight: 300;
  line-height: 70px;
  position: static;
}

.text-block-9.branding {
  color: #d8ccbc;
  padding-left: 178px;
}

.text-block-9.homepage {
  text-align: center;
  font-size: 40px;
  display: none;
}

.spline-scene-2 {
  min-height: 100%;
  padding-top: 0;
  padding-right: 0;
}

.tags {
  grid-column-gap: 59px;
  grid-row-gap: 59px;
  justify-content: flex-start;
  align-items: center;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-right: 0;
  text-decoration: none;
  display: flex;
}

.text-block-10 {
  color: #ffffffd9;
  background-image: linear-gradient(151deg, #aa392a, #744749);
  border-radius: 16px;
  padding: 10px 16px;
  font-family: Montserrat, sans-serif;
  font-size: 15px;
  font-weight: 300;
  box-shadow: 4px 4px 10px #0003;
}

.text-block-10.heartb {
  background-image: linear-gradient(303deg, #00508d, #007edf);
  border-radius: 30px;
  padding-left: 50px;
  padding-right: 50px;
}

.text-block-10.guyana {
  background-image: url("https://cdn.prod.website-files.com/64e38c5a990ac9ed8ca4fe88/66b5ec3ca5fb33f679d2f5c2_Buttonguy.png");
  background-position: 0 0;
  background-size: 100% 100%;
  border-radius: 30px;
  padding-left: 50px;
  padding-right: 50px;
}

.text-block-10.donkey {
  box-shadow: none;
  background-image: none;
  border-radius: 0;
  padding-left: 50px;
  padding-right: 50px;
  text-decoration: none;
}

.text-block-10.donkey:hover {
  box-shadow: none;
}

.text-block-10.ai {
  background-image: linear-gradient(#003a97, #003a97);
  border-radius: 30px;
  padding-left: 50px;
  padding-right: 50px;
}

.text-block-10.ai.hcm {
  background-image: linear-gradient(#620319, #620319);
}

.text-block-10.aicons {
  color: #ffffffd9;
  background-image: linear-gradient(151deg, #8adfdf, #29abab);
  border-radius: 20px;
  padding-left: 59px;
  padding-right: 59px;
}

.spline-scene-3 {
  width: 100vw;
  height: 100vh;
}

.spline-scene-3.mob {
  display: none;
}

.spline-scene-3.web {
  z-index: 1;
  aspect-ratio: auto;
  height: 100vh;
  padding-right: 0;
  display: block;
  position: absolute;
  top: 0;
}

._3d {
  background-color: #f0e9e3;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100vw;
  max-height: none;
  display: block;
  position: static;
}

.container-7 {
  flex-direction: column;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
  display: flex;
  position: absolute;
}

.spline-scene-4 {
  margin-top: 0;
}

.hero {
  background-color: #f2f0ea00;
  width: 100vw;
  height: 100vh;
  display: none;
}

.image-48 {
  border-radius: 20px;
  padding: 30px 15px 30px 0;
}

.image-48.heartb {
  border-radius: 0;
  width: auto;
  height: 600px;
  padding-top: 0;
  padding-bottom: 0;
}

.image-48.heartb.mob {
  display: none;
}

.image-48.ai {
  width: 40%;
  height: auto;
  padding-top: 33px;
  padding-bottom: 30px;
  padding-right: 20px;
}

.image-48.ai.web {
  padding-left: 26px;
}

.image-48.ai.mob {
  display: none;
}

.spline-scene-5 {
  width: auto;
  height: auto;
}

.spline-scene-6 {
  width: 100%;
  height: 300px;
}

.pageloader {
  z-index: 10;
  background-color: #f0e9e3;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  inset: 0%;
}

.spline-scene-7 {
  width: 50%;
  height: 50%;
}

.text-block-11 {
  color: #7c6f5ca3;
  text-align: center;
  padding-top: 28px;
  font-family: Montserrat, sans-serif;
  font-size: 25px;
}

.div-block-40 {
  justify-content: space-around;
  align-items: center;
  max-height: 200px;
  margin-top: 75px;
  display: flex;
}

.logos {
  background-color: #fff0;
  width: 25%;
  height: auto;
}

.logos.big {
  width: 25%;
}

.spline-scene-8 {
  max-height: 50%;
}

.text-block-12 {
  color: #7c6f5c;
  font-family: Montserrat, sans-serif;
}

.cell-18, .cell-19, .cell-20, .cell-21, .cell-22, .cell-23, .cell-24, .cell-25, .cell-26, .cell-27 {
  align-items: center;
}

.quick-stack-5 {
  padding-top: 49px;
  padding-left: 0;
  padding-right: 0;
}

.container-8 {
  justify-content: center;
  align-items: center;
  max-width: 1400px;
}

.link-block {
  justify-content: center;
  display: flex;
}

.image-49 {
  width: 40%;
  position: relative;
  top: 0;
  bottom: 0;
  left: 46px;
}

.image-49._1 {
  width: 20%;
}

.image-49._3 {
  top: 5px;
  left: 39px;
}

.div-block-41 {
  justify-content: space-around;
  display: flex;
}

.div-block-42, .div-block-43, .div-block-44 {
  display: flex;
}

.nav-link {
  color: #7c6f5c;
  font-family: Montserrat, sans-serif;
}

.nav-link.w--current {
  color: #d1c6b5;
  font-weight: 200;
}

.nav-link.home {
  padding-top: 9px;
  font-weight: 200;
}

.nav-link.home.w--current {
  color: #7c6f5c;
  padding-top: 10px;
  font-weight: 300;
}

.nav-link.about {
  color: #706752;
  font-weight: 200;
}

.nav-link-2 {
  color: #d1c6b5;
  font-family: Montserrat, sans-serif;
  font-weight: 200;
}

.nav-link-2.home {
  color: #7c6f5c;
}

.nav-link-2.about {
  color: #706752;
}

.nav-link-3 {
  color: #d1c6b5;
  font-family: Montserrat, sans-serif;
  font-weight: 200;
}

.nav-link-3.home {
  color: #7c6f5c;
  padding-top: 10px;
  font-weight: 300;
}

.nav-link-3.about {
  color: #706752;
}

.nav-menu {
  justify-content: flex-start;
  display: block;
}

.section-6 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: flex;
}

.link-block-2 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  text-align: left;
  flex-flow: row;
  flex: 0 auto;
  order: 0;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-self: auto;
  align-items: center;
  width: auto;
  height: auto;
  text-decoration: none;
  display: flex;
}

.body-3 {
  color: #e7e7e7;
  background-color: #000;
  font-family: Avenir, Verdana, sans-serif;
}

.title-about {
  color: #651a11;
  padding-top: 38px;
  padding-left: 20px;
  font-family: Montserrat, sans-serif;
  font-size: 30px;
  font-weight: 300;
}

.buttons {
  background-color: #f6ede4;
}

.div-block-45 {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  justify-content: center;
  align-items: center;
  padding: 40px 0 30px 25px;
  display: flex;
}

.butabout {
  color: #fff;
  background-color: #7c6f5c;
  border-radius: 20px;
  padding: 6px 50px;
  font-size: 14px;
  font-weight: 300;
  box-shadow: 6px 5px 8px #0003;
}

.div-block-46 {
  justify-content: center;
  align-items: center;
  padding-right: 20px;
  display: flex;
}

.container-9 {
  display: flex;
}

.container-3d-playground {
  max-width: none;
}

.linkham {
  color: #fffc;
  font-family: Avenir, Verdana, sans-serif;
  font-size: 14px;
  font-weight: 300;
  text-decoration: none;
}

.linkham:hover {
  color: #fff;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(124deg, #fff 3%, #a07519 60%, #4dd4be);
  -webkit-background-clip: text;
  background-clip: text;
  font-size: 14px;
}

.linkham.w--current {
  font-family: Manrope, sans-serif;
  font-size: 14px;
  font-weight: 300;
}

.navigationhead {
  z-index: 9;
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  justify-content: flex-end;
  padding-top: 20px;
  padding-right: 20px;
  display: flex;
  position: fixed;
  inset: 0% 0% auto auto;
}

.navigationhead.mobile, .navigationhead.mobile.phone {
  display: none;
}

.div-block-48 {
  z-index: 2;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  width: 100vw;
  max-width: none;
  margin-top: -180px;
  padding-top: 0;
  display: flex;
  position: absolute;
}

.section-7 {
  background-color: #0000;
  padding-top: 34px;
}

.lottie-animation {
  width: 15%;
  height: 15%;
}

.text-block-13 {
  color: #7c6f5c;
  font-size: 24px;
}

.spline-scene-11 {
  width: auto;
  height: auto;
}

.spline-scene-12 {
  z-index: -1;
  height: 100svh;
  position: sticky;
  top: 0;
}

.splineprod {
  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: center;
  align-items: flex-start;
  padding-top: 48px;
  padding-left: 0;
  display: flex;
  position: relative;
}

.splineprod.product {
  width: 100vw;
  max-width: 100vw;
  display: none;
}

.div-block-49 {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-left: 0;
  padding-top: 0;
  display: grid;
  position: relative;
}

.div-block-50 {
  flex-direction: column;
  justify-content: flex-start;
  align-self: center;
  align-items: flex-end;
  padding-top: 0;
  padding-left: 0;
  display: flex;
}

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

.image-50 {
  width: 75%;
  margin-top: 0;
  padding-right: 0;
}

.image-51 {
  width: 75%;
  margin-top: 0;
}

.container-11 {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  position: relative;
}

.div-block-52 {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  justify-content: center;
  align-self: center;
  place-items: center;
  width: auto;
  height: auto;
  margin-top: 40px;
  display: grid;
}

.image-52, ._3dgirl {
  width: 85%;
}

._3dballs {
  width: 80%;
}

.splineblurb {
  width: 300px;
  height: 320px;
}

.aiimag {
  width: auto;
  height: auto;
}

.link3d {
  height: auto;
}

.link3d.mob {
  display: none;
}

.titlebackground {
  padding-bottom: 21px;
}

.text-block-14 {
  color: #7e715f;
  text-align: center;
  padding-bottom: 20px;
  padding-left: 0;
  font-size: 50px;
  font-weight: 300;
}

.text-block-15 {
  font-size: 13px;
  line-height: 30px;
}

.navbartext {
  color: #fffc;
  font-family: Manrope, sans-serif;
  font-size: 14px;
  font-weight: 300;
}

.icon {
  font-weight: 100;
}

.dropdown-list {
  background-color: #666;
}

.dropdown-list.w--open {
  background-color: #ebe4de;
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 0 0;
  background-size: auto;
  box-shadow: 0 1px 10px #0003;
}

.dropdown-link {
  color: #7c6f5c;
  text-align: center;
  background-color: #ebd6c3;
  font-size: 14px;
  font-weight: 300;
}

.dropdown-link.w--current {
  color: #7e715f;
  text-align: center;
  background-color: #f2ebe5;
  font-weight: 300;
}

.dropdown-link.mob {
  display: none;
}

.dropdown-link-darkl {
  color: #7c6f5c;
  text-align: center;
  background-color: #ebd6c3;
  font-family: Manrope, sans-serif;
  font-size: 14px;
  font-weight: 300;
  display: block;
}

.spline-scene-13 {
  width: 100vw;
  max-width: 100vw;
  height: 60vh;
  padding-top: 0;
}

.text-block-17 {
  color: #7c6f5c;
  text-align: center;
  font-size: 16px;
  font-weight: 300;
  line-height: 33px;
}

.text-block-17.mob {
  width: auto;
  font-size: 18px;
}

.text-block-17.mob.wr {
  font-size: 15px;
  font-style: italic;
}

.text-block-17.mob.dgd {
  color: #7c6f5c;
  text-align: center;
  font-size: 16px;
  font-weight: 500;
}

.div-block-53 {
  flex-flow: column;
  justify-content: flex-end;
  align-self: auto;
  align-items: center;
  max-height: 70vh;
  padding-bottom: 0;
  display: flex;
}

.div-block-54 {
  max-width: 1000px;
  padding-top: 50px;
}

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

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

.grid-product.fun {
  grid-template-columns: 1fr 1fr 1fr;
}

.grid-product.products {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  height: 80vh;
  display: grid;
}

.grid-spline-products.middle {
  padding-top: 20px;
}

.grid-spline-products.fun {
  padding-top: 30px;
}

.grid-spline-products.prod {
  width: 100vw;
  padding-top: 0;
}

.text-block-18 {
  color: #7c6f5c;
  padding-top: 30px;
  font-size: 40px;
  font-weight: 300;
}

.text-block-18.laptop {
  padding-top: 40px;
  padding-bottom: 20px;
  padding-left: 10px;
  font-size: 50px;
}

.text-abstract {
  grid-column-gap: 200px;
  grid-row-gap: 200px;
  justify-content: flex-start;
  align-items: center;
  padding-bottom: 0;
  padding-left: 20px;
  display: flex;
}

.text-abstract.laptop {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-top: 40px;
  padding-bottom: 52px;
  padding-left: 0;
}

.spline-scene-14 {
  width: auto;
  height: 100%;
}

.div-block-58 {
  height: 80vh;
}

.div-block-58.creme {
  width: 35%;
}

.div-block-59 {
  height: 80vh;
}

.div-block-59.hoodie {
  width: 65%;
}

.spline-scene-15 {
  height: 100%;
}

.text-products {
  justify-content: center;
  align-items: center;
  width: 100vw;
  padding-top: 80px;
  padding-bottom: 36px;
  padding-left: 0;
  display: flex;
}

.image-53 {
  margin-top: 0;
  padding: 10px 12px;
}

.div-block-61 {
  justify-content: flex-end;
  align-self: auto;
  align-items: center;
  width: 40vw;
  margin-top: 0;
  margin-bottom: -158px;
  margin-left: 0;
  padding-left: 0;
  display: flex;
  position: absolute;
}

.image-54 {
  padding-bottom: 0;
  padding-left: 0;
}

.div-2-width {
  height: 60vh;
}

.div-2-width.cubes {
  position: relative;
}

.div-2-width.cubes.laptop {
  height: auto;
}

.dropdown-toggle {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  justify-content: center;
  align-items: center;
  padding: 0;
  display: flex;
}

.dropdown {
  background-color: #ccc;
  border-radius: 20px;
  justify-content: center;
  align-items: flex-end;
  width: 270px;
  height: 250px;
  margin-top: 0;
  padding-top: 10px;
  display: flex;
  position: absolute;
}

.body-4 {
  color: #6b3a22;
  background-color: #f5f2ed;
  border-radius: 0;
  font-family: Manrope, sans-serif;
}

.div-block-62 {
  background-color: #f3f1eb;
  background-image: linear-gradient(#ede2cf, #fff);
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.heading-9 {
  color: #654125;
  text-shadow: 1px 1px 4px #00000026;
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
  font-size: 6vw;
  font-weight: 300;
  line-height: 110px;
  display: block;
  position: absolute;
}

.div-block-63 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-end;
  place-items: end stretch;
  height: 420px;
  display: grid;
}

.body-5 {
  color: #6b3b22;
  background-color: #fff;
  background-image: url("https://cdn.prod.website-files.com/64e38c5a990ac9ed8ca4fe88/6925c8298221b0f743ec4031_Frame%208%20(2).png");
  background-position: 0 0;
  background-size: cover;
  font-family: Manrope, sans-serif;
  font-weight: 400;
}

.image-55 {
  z-index: 1;
  width: 100vw;
  height: auto;
  position: static;
}

.div-block-64 {
  width: 100vw;
}

.div-process {
  display: flex;
}

.div-process.left {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.div-process.right {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #f0e5d5;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: center;
  width: 100vw;
  padding-top: 15px;
  display: grid;
}

.div-process.right.branding {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

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

.div-text.top {
  flex-flow: column;
  padding-left: 100px;
  padding-right: 100px;
}

.div-text.bottom {
  background-color: #fef2e6;
  flex-flow: column;
  padding-left: 100px;
  padding-right: 100px;
}

.div-side {
  justify-content: flex-start;
  align-items: center;
  width: auto;
  height: auto;
  padding-bottom: 0;
  display: flex;
  position: relative;
}

.div-side.product {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #f0f0f000;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-end;
  align-items: center;
  padding-bottom: 0;
  padding-right: 0;
  display: block;
}

.div-side.top {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  padding-top: 20px;
  display: grid;
}

.div-side.marketing {
  background-color: #0000;
  padding: 50px 99px;
}

.text-product {
  border-radius: 0;
  width: 40vw;
  padding-top: 20px;
}

.text-product.big1 {
  border-radius: 0;
  width: 38vw;
}

.text-product.big1.bottom {
  padding-bottom: 20px;
}

.text-product.top {
  padding-top: 30px;
}

.text-block-19 {
  color: #e4e4e4;
  text-align: center;
  background-color: #000;
  border-radius: 10px;
  width: auto;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 1.1vw;
  box-shadow: 2px 2px 10px 1px #00000026;
}

.text-block-20 {
  color: #000;
  text-align: center;
  background-color: #fff0;
  border-radius: 0;
  padding: 10px 0;
  font-size: 1.6vw;
}

.text-block-21 {
  color: #e4e4e4;
  text-align: center;
  background-color: #000;
  border-radius: 10px;
}

.image-brainstorm {
  width: auto;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
}

.image-product {
  width: auto;
  padding: 0;
}

.image-56 {
  width: 100%;
}

.ai-process {
  grid-column-gap: 62px;
  grid-row-gap: 62px;
  background-color: #f3f1eb;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100vw;
  height: 70vh;
  padding-top: 73px;
  display: flex;
}

.line {
  background-color: #e5d3bc;
  background-image: linear-gradient(#faf2e8, #e3d2bf 48%);
  border-radius: 0;
  width: 100%;
  height: 10px;
  position: relative;
  box-shadow: 7px 7px 12px #0000000d;
}

.line.head {
  box-shadow: none;
  background-color: #e5d3bc00;
  background-image: none;
}

.line.first {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  width: 50%;
}

.line.last {
  background-image: linear-gradient(90deg, #e5d3bc 50%, #fef3e4 50%);
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  width: 100%;
}

.line.vert, .line.vert.first {
  display: none;
}

.circle {
  background-image: linear-gradient(311deg, #b3a18c, #fff3e3);
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  width: 35px;
  height: 35px;
  display: flex;
  position: absolute;
  top: -10px;
  box-shadow: 2px 2px 10px #0003;
}

.circle.last, .circle.first {
  left: 0;
}

.holder {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1400px;
  padding-bottom: 0;
  display: flex;
}

.holder._3 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 1400px;
  display: grid;
}

.holder.web, .holder.mob {
  display: none;
}

.circles {
  grid-column-gap: 0px;
  grid-row-gap: 38px;
  flex-flow: row;
  flex: 1;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  width: 100%;
  padding-top: 36px;
  padding-bottom: 0;
  display: grid;
  position: absolute;
  inset: 0% 0% auto;
  overflow: visible;
}

.text-block-22 {
  color: #aa957b;
  text-align: center;
  font-size: 20px;
  line-height: 35px;
}

.linecircle {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.linecircle.first {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: center;
  align-items: center;
}

.linecircle.last {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  display: flex;
}

.lineline {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.lineline.last {
  height: auto;
  box-shadow: 0 0 #0000;
}

.lineline.last.vert.mob {
  display: none;
}

.lineline.last.vert.desk {
  justify-content: flex-start;
  align-items: center;
}

.lineline.first {
  background-color: #fef3e4;
  justify-content: flex-end;
  align-items: center;
}

.lineline.first.vert {
  display: none;
}

.playground {
  z-index: 1;
  max-width: 1200px;
  margin-top: 50px;
  position: relative;
}

.container-ai {
  background-color: #fff;
  max-width: none;
  display: block;
}

.image-57, .image-58, .image-59, .image-60, .image-61 {
  width: 75%;
}

.paragraph-2 {
  color: #ab957b;
  text-align: center;
  background-color: #f3f1eb;
  padding: 0 0 13px;
  line-height: 40px;
}

.div-block-65 {
  background-color: #fef2e6;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

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

.text-block-23 {
  color: #ffffffa8;
  padding-top: 100px;
  padding-left: 20px;
  font-family: Impact, Haettenschweiler, Franklin Gothic Bold, Charcoal, sans-serif;
  font-size: 150px;
  font-weight: 300;
  display: block;
  position: absolute;
}

.text-block-23.mobile {
  display: none;
}

.text-block-23.laptop {
  padding-top: 60px;
  padding-left: 40px;
  font-size: 150px;
  display: none;
}

.text-block-23.laptop.jioejr {
  padding-top: 86px;
  display: block;
}

.text-block-23.laptop.ertre, .text-block-23.laptop.hrtrtrh {
  display: none;
}

.text-block-23.werwe {
  padding-top: 90px;
  display: block;
}

.text-block-23.bee {
  padding-top: 100px;
}

.imageplaygriyubd {
  display: block;
}

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

.section-9 {
  background-color: #fff;
  display: block;
}

.image-64 {
  box-shadow: 5px 0 11px #0003;
}

.imagehb, .imagehb-copy {
  box-shadow: 5px 0 10px #0003;
}

.div-block-71 {
  justify-content: center;
  align-items: center;
  padding-top: 0;
  display: flex;
}

.div-block-72 {
  justify-content: center;
  align-items: flex-end;
  width: 35%;
  height: 35%;
  padding: 10px;
  display: flex;
}

.div-block-72.mobile {
  display: none;
}

.newblock {
  z-index: 3;
  position: relative;
}

.splinefun {
  display: block;
}

.divabstr2 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  height: 80vh;
  display: grid;
}

.divabstr1 {
  width: 100vw;
  max-width: 100vw;
  display: none;
}

.divabstr1.rew, .divprodcreme {
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.text-fun {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-top: 80px;
  padding-bottom: 60px;
  display: flex;
}

.divbee, .divdonut {
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

._3d-grid {
  overflow: hidden;
}

.playground-header {
  max-width: none;
}

._3d-phone-image {
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 90vh;
  display: flex;
  position: static;
}

.splineblocks.laptop {
  height: 100%;
}

.splinetauros.laptop {
  height: 80vh;
}

.splineballs {
  width: 100vw;
  max-width: 100vw;
  overflow: hidden;
}

.splinecreme {
  width: 100%;
  height: 80vh;
}

.splinehoodie {
  height: 80vh;
}

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

.splinebee.mob {
  display: none;
}

.spline-scene-17 {
  height: 80vh;
}

.button-5 {
  position: relative;
}

.button-gradient {
  border-radius: 40px;
  justify-content: center;
  align-items: flex-start;
  text-decoration: none;
  transition: transform .4s, box-shadow .2s;
  display: flex;
  position: relative;
  transform: translate(0);
  box-shadow: 0 10px 17px #0000003d;
}

.button-gradient:hover {
  transform: translate(0, -3px);
  box-shadow: 4px 12px 17px #0000004d;
}

.button-inner {
  background-color: #fff;
  border-radius: 40px;
  padding: 15px 32px;
  text-decoration: none;
  position: relative;
  overflow: hidden;
}

.button-inner.normal {
  background-color: #baa786;
  border-radius: 16px;
  padding: 10px 75px;
  text-decoration: none;
  box-shadow: 0 4px 20px #00000012;
}

.button-inner.normal:hover {
  background-color: #644033;
  box-shadow: 4px 10px 20px #00000052;
}

.button-inner.normal.contact {
  font-weight: 400;
}

.button-inner.normal.contact:hover {
  background-color: #651a11;
}

.button-inner.normal.poty {
  background-color: #baa786;
  border-radius: 16px;
}

.button-inner.normal.poty:hover {
  background-color: #644033;
}

.gradient {
  z-index: 1;
  position: absolute;
  inset: 0%;
}

.gradient-glow {
  opacity: .25;
  position: absolute;
  inset: 0%;
}

.gradient-ball {
  background-image: linear-gradient(#ff9100, #c52424);
}

.gradient-ball.ball-1 {
  filter: blur(20px);
  mix-blend-mode: overlay;
  background-color: #b82525;
  background-image: linear-gradient(#fffc5b 31%, #ff00a1 84%);
  border-radius: 50%;
  width: 70%;
  height: 65%;
  position: absolute;
  bottom: 0;
}

.gradient-ball.ball-2 {
  filter: blur(20px);
  mix-blend-mode: overlay;
  background-image: linear-gradient(#ff00d5 15%, #01afff 89%);
  border-radius: 50%;
  width: 65%;
  height: 65%;
  position: absolute;
  bottom: 0;
  left: 50%;
}

.text-block-24 {
  position: relative;
}

.div-block-74 {
  position: absolute;
}

.div-landing-page {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: auto;
  margin-top: 0;
  display: flex;
  position: absolute;
}

.div-block-75 {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  display: flex;
  position: absolute;
  bottom: 387.5px;
}

.text-button-homepager {
  z-index: 2;
  color: #695d4a;
  text-align: center;
  font-family: Montserrat, sans-serif;
  font-size: 20px;
  text-decoration: none;
  position: relative;
}

.text-button-homepager.normal {
  color: #fff;
  font-size: 16px;
}

.text-button-homepager.normal.resume {
  font-weight: 400;
}

.div-block-76 {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-top: 0;
  padding-top: 186px;
  display: none;
}

.div-block-77 {
  background-image: linear-gradient(319deg, #d9cebe 25%, #fff);
  border-radius: 20px;
  width: 20px;
  height: 20px;
}

.ball {
  z-index: 1;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-image: radial-gradient(circle at 100% 100%, #ddd2c2 2% 50%, #fff 92% 100%, #fff);
  border: 1px #ffffff30;
  border-radius: 60px;
  justify-content: center;
  align-items: flex-start;
  width: 100px;
  height: 100px;
  padding-top: 13px;
  padding-left: 0;
  padding-right: 29px;
  display: flex;
  position: sticky;
  inset: 25vh auto auto;
  box-shadow: 2px 2px 20px #00000054;
}

.div-block-78 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: block;
  position: absolute;
  inset: -15vh 0% 0% 50vw;
}

.div-block-79 {
  z-index: 2;
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  mix-blend-mode: soft-light;
  background-color: #ffffffd9;
  background-image: linear-gradient(117deg, #ffffffbf 40%, #e6ddd0 61%);
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  width: 60px;
  height: 1000px;
  margin-top: 20px;
  padding-top: 15px;
  position: relative;
  box-shadow: 2px 2px 14px #00000026;
}

.white-blob {
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  background-color: #fda;
  border-radius: 16px;
  width: 25px;
  height: 25px;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  padding-top: 0;
  display: block;
  position: relative;
}

.button-normal.normal {
  border-radius: 40px;
  text-decoration: none;
  transition: transform .4s, box-shadow .4s;
  box-shadow: 0 10px 17px #00000026;
}

.button-normal.normal:hover {
  transform: translate(0, -3px);
}

.white-blob-button {
  filter: blur(2px);
  background-color: #ffffff94;
  border-radius: 9px;
  width: 15px;
  height: 15px;
  position: relative;
  top: 9px;
  left: 10px;
}

.div-block-80 {
  background-image: linear-gradient(152deg, #6f47c8, #a80598 62%);
  border-radius: 30px;
  padding-left: 20px;
  padding-right: 20px;
  text-decoration: none;
}

.div-block-80:hover {
  box-shadow: 5px 5px 15px #0003;
}

.div-block-80.mob {
  padding-left: 0;
  padding-right: 0;
}

.div-block-81 {
  padding-left: 0;
}

.div-block-81:hover {
  border-radius: 30px;
  box-shadow: 5px 5px 15px #0003;
}

.guyana:hover {
  border-radius: 30px;
  box-shadow: 5px 5px 20px #0003;
}

.image-65 {
  padding-left: 125px;
  padding-right: 118px;
}

.header {
  max-width: 1400px;
}

.heading-text-port {
  color: var(--white);
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 20px;
  font-family: Avenir, Verdana, sans-serif;
  font-size: 40px;
}

.heading-text-port.ewrwe {
  padding-top: 39px;
}

.heading-text-port.ewrwe.wer {
  padding-top: 0;
  padding-left: 20px;
}

.heading-text-port.ewrwe.hjyjy {
  padding-top: 0;
}

.heading-text-port.gig {
  text-align: center;
  font-size: 45px;
}

.heading-text-port.gig.werwe {
  margin-bottom: 30px;
}

.hero-image {
  width: 80%;
  padding-top: 30px;
  padding-bottom: 0;
}

.hero-image.donk {
  width: 80%;
}

.hero-image.heros {
  width: 65%;
}

.hero-image.guy {
  width: 100%;
  padding-top: 98px;
  display: none;
}

.hero-image.guy.web {
  width: 75%;
  padding-top: 20px;
  display: block;
}

.text-first {
  padding-bottom: 0;
}

.text-first.hjb {
  padding-left: 100px;
  padding-right: 100px;
}

.text-first.heartb {
  padding-bottom: 0;
  padding-left: 35px;
  padding-right: 35px;
}

.image-holder {
  justify-content: center;
  align-items: center;
  padding-top: 80px;
  display: flex;
}

.image-holder.heros {
  padding-top: 0;
}

.image-holder.uxres {
  padding-top: 40px;
}

.carousel {
  justify-content: center;
  align-items: center;
  margin-top: 10px;
}

.image-car {
  width: 360px;
  height: 700px;
  box-shadow: 7px 7px 20px 8px #00000026;
}

.cell-28 {
  justify-content: center;
  align-items: flex-start;
}

.car-cell {
  justify-content: center;
  align-items: center;
}

.visionboard, .text-title {
  max-width: 1200px;
}

.title-text {
  max-width: 1400px;
  margin-top: 80px;
  margin-bottom: 60px;
  display: none;
}

.title-text.split {
  margin-top: 80px;
}

.title-text.big {
  margin-top: 80px;
  margin-bottom: 37px;
  display: block;
}

.title-text.big._3designs {
  margin-top: 0;
  display: block;
}

.title-text.big.image {
  width: 100vw;
  max-width: none;
  height: auto;
}

.title-text.big.half {
  display: block;
}

.title-text.big.half.less {
  margin-top: 80px;
}

.title-text.big.small {
  margin-top: 40px;
}

.title-text.big.vision {
  margin-top: 80px;
}

.title-text.nohead {
  margin-top: 40px;
}

.title-text.different {
  margin-bottom: 0;
}

.title-text.different.web, .title-text.different.mob, .title-text.vigs {
  display: block;
}

.title-text.ubb {
  flex-flow: column;
  display: block;
}

.visionboard-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  object-fit: fill;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  place-items: stretch center;
  height: 200px;
  margin-top: 80px;
  margin-left: 1800px;
  display: flex;
}

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

.grid-vision {
  box-sizing: border-box;
  object-fit: fill;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  width: 100vw;
  min-width: 100vw;
  margin-left: 0;
}

.grid-vision.gradient {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
}

.ux-deisgn {
  max-width: 1400px;
  margin-top: 0;
  position: relative;
}

.ux-deisgn.heartb, .ux-deisgn.mob {
  display: none;
}

.process {
  background-color: #fff;
  padding: 0 60px 30px;
  display: flex;
}

.rest {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  margin-top: 40px;
  display: none;
}

.rest.guy {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  display: grid;
}

.rest.heartb {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  margin-top: 0;
  display: block;
}

.tools {
  background-color: #f7f7f7;
  align-items: center;
  width: auto;
  height: 40%;
  padding: 30px 49px;
}

.tools.guy {
  flex-flow: column;
  justify-content: center;
  height: 100%;
  padding: 25px 30px;
  display: flex;
}

.styleguide {
  background-color: #f7f7f700;
  flex-flow: column;
  width: 100%;
  height: auto;
  max-height: 80%;
  margin-left: 0;
  padding: 0;
  display: flex;
}

.styleguide.guy {
  width: auto;
  max-height: none;
  margin-left: 0;
  padding: 25px 30px;
}

.t-a {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  width: 60%;
  padding-bottom: 0;
  display: flex;
}

.t-a.guy {
  background-color: #f7f7f7;
  justify-content: flex-start;
  width: auto;
  padding: 25px 30px;
}

.animations {
  background-color: #fff;
}

.subheading {
  width: 70%;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  font-size: 35px;
}

.subheading.sub {
  font-size: 25px;
}

.subheading.sub.grid {
  margin-bottom: 0;
  margin-left: 0;
}

.subheading.title {
  padding-top: 0;
  font-size: 30px;
}

.subheading.style {
  font-family: Fredericka the Great, sans-serif;
}

.subheading.subsub {
  text-align: center;
  font-size: 20px;
}

.subheading.subsub.guy {
  margin-bottom: 0;
  padding-top: 0;
}

.subheading.trans {
  color: #fff;
  margin-top: 0;
}

.subheading.splittt {
  margin-bottom: 0;
  padding-top: 50px;
  padding-bottom: 25px;
  padding-left: 40px;
  font-size: 30px;
}

.subheading.different {
  padding-top: 30px;
  padding-bottom: 20px;
  padding-left: 35px;
  font-size: 30px;
}

.subheading.mob {
  margin-top: 93px;
  font-size: 50px;
}

.subheading.mob.jb {
  margin-top: 60px;
  padding-bottom: 30px;
  padding-left: 0;
  font-size: 45px;
}

.processgrid {
  background-color: #f7f7f7;
  grid-template-rows: auto;
  grid-template-columns: 1fr .5fr 1fr .5fr 1fr;
  place-items: center;
  width: 90%;
  padding: 22px 30px;
}

.image-66 {
  width: 80%;
}

.arrow {
  width: 4%;
  transform: rotate(0);
}

.arrow.down {
  width: 80%;
  transform: rotate(90deg);
}

.grid-8 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  object-fit: contain;
  background-color: #fff;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  place-content: center;
  place-items: center;
  padding-top: 19px;
  padding-bottom: 0;
  padding-left: 0;
  box-shadow: 5px 5px 20px #0003;
}

.logo {
  width: 50%;
}

.logo.fig {
  width: 25%;
}

.logo.fig.guy {
  width: 20%;
}

.logo.guy {
  width: 30%;
}

.logo.canv {
  width: 60%;
}

.logo.maze {
  width: 35%;
}

.logo.openai {
  width: 50%;
}

.div-block-82 {
  justify-content: center;
  align-items: center;
  padding-top: 20px;
  display: flex;
}

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

.image-68 {
  width: 20%;
  height: 30%;
}

.styleguide-im {
  width: 80%;
}

.styleguide-im.col {
  width: 100%;
}

.styleguide-im.gradient {
  width: 100%;
  padding-top: 43px;
  position: static;
}

.div-block-83 {
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 50%;
  display: flex;
}

.div-block-83.guy {
  background-color: #fff;
  padding-left: 0;
}

.div-block-83.guy.ads {
  border-radius: 4px;
  justify-content: space-around;
  align-items: center;
  width: 80%;
  margin-top: 30px;
  padding: 25px 30px;
  box-shadow: 5px 5px 20px #0003;
}

.div-block-84 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: stretch;
  padding-top: 81px;
  display: flex;
}

.div-block-84.guy {
  flex-flow: column;
  align-items: center;
  padding-top: 38px;
}

.headerstyle {
  text-align: left;
  margin-top: 0;
  font-family: Poppins, sans-serif;
  font-size: 30px;
  font-weight: 700;
}

.styletitle {
  text-align: left;
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: Poppins, sans-serif;
  font-size: 20px;
  font-weight: 400;
}

.stylepra {
  text-align: left;
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: Poppins, sans-serif;
  font-size: 18px;
  font-weight: 300;
}

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

.image-69 {
  width: 20%;
  height: 60%;
}

._3-designs {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  place-items: center stretch;
  max-width: 100vw;
  margin-top: 20px;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  display: none;
}

.divphot {
  background-color: #f7f7f7;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 750px;
  margin-right: 0;
  padding: 36px 130px 20px;
  display: flex;
}

.divphot._3 {
  padding-left: 60px;
  padding-right: 60px;
}

.div-block-87, .div-block-88 {
  background-color: #f7f7f7;
}

.container-13 {
  max-width: 1400px;
}

.flowcontainer {
  background-color: #f7f7f7;
  flex-flow: column;
  max-width: 1400px;
  margin-top: 15px;
  padding-bottom: 50px;
  padding-left: 0;
  padding-right: 0;
  display: block;
}

.flowcontainer.gethelp {
  display: block;
}

.phonecase {
  background-color: #000;
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  width: 340px;
  height: 620px;
  padding: 0;
  display: flex;
}

.phonecase.r {
  display: none;
}

.phonecase.donk.right {
  display: flex;
}

.rphoneback {
  background-color: #000;
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  width: 340px;
  height: 620px;
  display: flex;
}

.rphoneback.donkright {
  align-items: stretch;
  width: 88%;
  height: 590px;
  position: relative;
}

.phonefront {
  z-index: 0;
  background-color: #fff;
  border-radius: 50px;
  width: 100%;
  height: 590px;
  display: block;
  position: absolute;
}

.phonefront.donkright {
  flex-flow: column;
  width: 100%;
  display: block;
  position: absolute;
}

.phonecamera {
  background-color: #000;
  border-bottom-right-radius: 40px;
  border-bottom-left-radius: 40px;
  width: 180px;
  height: 25px;
}

.divcam {
  z-index: 2;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
  position: absolute;
}

.divbanner {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-radius: 20px;
  justify-content: flex-start;
  align-items: center;
  padding-top: 15px;
  padding-bottom: 14px;
  padding-left: 30px;
  display: flex;
}

.divbanner.donk {
  justify-content: space-between;
  padding: 40px 25px 20px;
}

.banner {
  background-color: #000;
  width: 100px;
  height: 30px;
}

.banner.on {
  border-radius: 20px;
  width: 23%;
  height: 30px;
}

.banner.off {
  background-color: #000;
  border-radius: 20px;
  height: 33px;
}

.divmatch {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  justify-content: flex-start;
  align-items: center;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 25px;
  display: flex;
}

.divmatch._1, .divmatch._2, .divmatch._3 {
  flex-flow: column;
}

.divmatch.donk {
  justify-content: center;
  align-items: center;
  padding-left: 30px;
  padding-right: 30px;
}

.match {
  background-color: #000;
  border-radius: 20px;
  width: 100%;
  height: 110px;
}

.divtopdonk {
  justify-content: flex-start;
  align-items: center;
  padding-top: 10px;
  padding-left: 35px;
  display: flex;
}

.divtopdonk.donk {
  padding-left: 30px;
}

.div-block-89 {
  background-color: #000;
  border-radius: 20px;
  width: 35%;
  height: 30px;
}

.divtopdonkey {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  margin-left: 0;
  padding-top: 20px;
  padding-left: 35px;
  display: flex;
}

.topdonk {
  background-color: #000;
  border-radius: 20px;
  width: 36%;
  height: 165px;
}

.topdonk.split {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  width: 50px;
  height: 165px;
}

.divarea {
  padding-top: 20px;
  padding-left: 35px;
}

.divarea.donk {
  padding-left: 30px;
}

.areatitle {
  background-color: #000;
  border-radius: 20px;
  width: 45%;
  height: 33px;
  padding-left: 0;
}

.divareamap {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-top: 14px;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  position: relative;
}

.areamap {
  background-color: #000;
  border-radius: 20px;
  width: 81%;
  height: 70px;
}

.lefttext {
  flex-flow: column;
  justify-content: space-between;
  padding: 50px 15px 247px 0;
  line-height: 40px;
  display: flex;
}

.phonetext {
  position: relative;
}

.text-block-25 {
  text-align: right;
  font-size: 30px;
}

.text-block-25.middle {
  text-align: left;
}

.text-block-25.right {
  text-align: left;
  line-height: 40px;
}

.text-block-26 {
  text-align: right;
  font-size: 30px;
}

.text-block-26.left {
  font-size: 26px;
}

.text-block-26.middle {
  font-size: 26px;
  line-height: 40px;
}

.text-block-26.right {
  text-align: left;
  font-size: 26px;
  line-height: 40px;
}

.phonemiddle {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: row;
  justify-content: center;
  padding-right: 0;
  display: flex;
  position: static;
}

.banphonelefttop {
  width: 50%;
}

.textphonetop.right {
  justify-content: center;
  align-items: flex-end;
  width: 900px;
  padding-top: 0;
  padding-bottom: 44px;
  display: flex;
}

.pipedown {
  background-color: #000;
  border-top-left-radius: 20px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 52.5%;
  height: 33px;
  display: flex;
}

.pipedown.right {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-top-left-radius: 0;
  border-top-right-radius: 20px;
  justify-content: flex-end;
  align-items: flex-start;
  width: 52.7%;
  padding-left: 0;
  display: flex;
}

.banphone {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  justify-content: space-around;
  align-items: stretch;
  width: auto;
  padding: 90px 165px 51px;
  display: flex;
}

.banphonerighttop {
  width: 50%;
}

.div-block-90 {
  display: flex;
}

.divpipedonw {
  justify-content: space-around;
  align-items: stretch;
  display: flex;
}

.pipephonedown {
  background-color: #000;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  justify-content: center;
  align-items: flex-start;
  width: 30px;
  height: 80px;
  margin-top: 0;
  display: flex;
}

.div-block-91 {
  background-color: #000;
}

.pipehalf {
  background-color: #0000;
  width: 20px;
  height: 150px;
}

.pipehalf.right {
  background-color: #fff0;
  width: 20px;
  height: 150px;
}

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

.divpipestraight {
  justify-content: center;
  align-items: center;
  display: flex;
}

.divpipestraight.right {
  justify-content: center;
  align-items: center;
}

.bannertextop {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: center;
  align-items: flex-end;
  width: 900px;
  padding-bottom: 20px;
  display: flex;
}

.middletext {
  flex-flow: row;
  justify-content: space-between;
  align-items: stretch;
  width: auto;
  padding: 152px 10px 73px 15px;
  display: flex;
  position: relative;
}

.righttext {
  flex-flow: column;
  justify-content: space-between;
  width: 150px;
  padding: 46px 7px 65px 15px;
  display: flex;
}

.div-block-92 {
  background-color: #000;
  border-radius: 30px;
  width: 40px;
  height: 40px;
  margin-top: -23px;
  margin-left: -4px;
  margin-right: -4px;
}

.findadonk {
  padding-left: 92px;
  font-size: 28px;
}

.findadonk.donk {
  padding-left: 13px;
}

.pickuptext, .topdonktext {
  text-align: right;
  font-size: 24px;
}

.matchtext {
  font-size: 24px;
}

.donkeyhoteltext {
  text-align: right;
  font-size: 24px;
  line-height: 40px;
}

.dropofftext, .currentdonktext {
  font-size: 24px;
  line-height: 40px;
}

.lpickupbanner {
  background-color: #000;
  border-radius: 20px;
  width: 23%;
  height: 30px;
}

.lphoneback {
  background-color: #fff;
  border-radius: 50px;
  flex-flow: row;
  justify-content: center;
  align-items: stretch;
  width: 88%;
  height: 590px;
  display: flex;
  position: relative;
}

.lbanner.off {
  background-color: #000;
  border-radius: 20px;
  width: 23%;
  height: 30px;
}

.lmatch {
  background-color: #000;
  border-radius: 20px;
  width: 81%;
  height: 110px;
}

.lmatch.donk {
  width: 100%;
}

.lphonecamera {
  background-color: #000;
  border-bottom-right-radius: 40px;
  border-bottom-left-radius: 40px;
  width: 180px;
  height: 25px;
}

.ltopdonktext {
  background-color: #000;
  border-radius: 20px;
  width: 35%;
  height: 30px;
}

.ltopdonk {
  background-color: #000;
  border-radius: 20px;
  width: 36%;
  height: 165px;
}

.lareatitle {
  background-color: #000;
  border-radius: 20px;
  width: 45%;
  height: 33px;
}

.lareamap {
  background-color: #000;
  border-radius: 20px;
  width: 81%;
  height: 70px;
}

.lpipeline {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-left: 28px;
  display: flex;
}

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

.bannerdropoff, .bannerhotel {
  background-color: #000;
  border-radius: 20px;
  width: 23%;
  height: 30px;
}

.div-block-93 {
  background-color: #000;
  border-radius: 60px;
  width: 60px;
  height: 60px;
  margin-top: 0;
  padding-top: 0;
  position: relative;
}

.ldivarea {
  justify-content: center;
  align-items: center;
  padding-top: 15px;
  display: flex;
}

.buttondonkdiv {
  justify-content: center;
  align-items: center;
  margin-top: 36px;
  display: flex;
  position: absolute;
}

.buttonback {
  background-color: #f7f7f7;
  border-radius: 50px;
  width: 80px;
  height: 80px;
  position: absolute;
}

.image-70 {
  width: 40%;
  padding: 0 70px 0 0;
}

.imagephone {
  justify-content: center;
  align-items: center;
  display: flex;
}

.phonecontainer {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  background-color: #fdfdfd;
  justify-content: center;
  align-items: center;
  max-width: 1400px;
  height: 700px;
  margin-top: 30px;
  padding: 67px 0;
  display: flex;
}

._2-designs {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: center;
  align-items: center;
  max-width: 100vw;
  margin-top: 20px;
  margin-left: 0;
  margin-right: 0;
  display: flex;
}

._2-designs.mob {
  display: none;
}

._2-designs.mob.heartb, ._2-designs.web {
  display: block;
}

._2-designs.web.heartb {
  display: flex;
}

.mangedonk {
  font-size: 30px;
}

.div-block-94 {
  width: 40%;
}

.space {
  width: 5%;
}

.image-71, .image-72 {
  width: auto;
}

.div-block-95 {
  display: flex;
}

.holder2 {
  grid-column-gap: 49px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  width: 1400px;
  max-width: 1400px;
  display: grid;
}

.div-block-96 {
  width: 10%;
}

.background-video {
  z-index: 1;
  width: 350px;
  height: 550px;
  position: relative;
}

.background-video-2 {
  z-index: 2;
}

.matchdonkeyvid {
  z-index: 1;
  width: 300px;
  height: 600px;
  margin-top: 4486px;
  margin-left: 579px;
  position: absolute;
}

.matchdonkeyvid.heartb.ewrwerew {
  margin-top: -11px;
}

.donkeyhotelvid {
  z-index: 1;
  width: 300px;
  height: 600px;
  margin-top: 0;
  margin-bottom: 472px;
  margin-left: 195px;
  position: absolute;
  inset: auto 0% 0%;
}

.donkeyhotelvid.heartb {
  margin-top: 13414px;
  margin-bottom: 0;
  margin-left: 338px;
  inset: 0 0% 0%;
}

.virtualpetvid {
  z-index: 1;
  width: 300px;
  height: 600px;
  margin-bottom: 464px;
  margin-left: 917px;
  position: absolute;
  inset: auto 0% 0%;
}

.virtualpetvid.heartb {
  margin-top: 13414px;
  margin-bottom: 0;
  margin-left: 1078px;
  inset: 0 0% 100%;
}

.modal-2 {
  z-index: 9999;
  grid-row-gap: 20px;
  color: #fff;
  background-color: #000c;
  border-radius: 4px;
  flex-direction: column;
  width: auto;
  max-width: 20em;
  height: auto;
  padding: 30px 30px 25px;
  display: flex;
  position: fixed;
  inset: 1% 1% auto auto;
  box-shadow: 0 25px 35px #00000054;
}

.close-link {
  justify-content: center;
  align-items: center;
  padding: 10px;
  display: flex;
  position: absolute;
  inset: 0% 0% auto auto;
}

.close-icon {
  max-height: 10px;
}

.button-6 {
  color: #fff;
  text-align: center;
  background-color: #0b00da;
  border-radius: 4px;
  padding: 15px 25px;
  font-size: 12px;
  font-weight: 700;
}

.button-6:hover {
  background-color: #1a3dc5;
}

.button-6.fix {
  background-color: #7331df;
}

.button-6.fix:hover {
  background-color: #6929cf;
}

.grid-9 {
  text-align: center;
  grid-template-rows: auto;
  grid-template-columns: auto auto;
}

.modal-link {
  color: #fff;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 600;
  text-decoration: none;
}

.inner-container {
  background-color: #fff;
  padding: 10% 12% 0%;
}

.inner-container.min {
  background-color: #fff;
  padding-bottom: 0%;
}

.inner-header-col {
  justify-content: center;
  align-items: center;
  display: flex;
}

.card-2 {
  z-index: 2;
  cursor: pointer;
  flex: none;
  width: 33.4%;
  margin-top: -722px;
  margin-left: 424px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.container-article {
  position: relative;
}

.card-3 {
  z-index: 3;
  cursor: pointer;
  background-color: #0000;
  flex: none;
  align-self: stretch;
  width: 33.33%;
  margin-top: -721px;
  margin-left: 848px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.header-text {
  color: #f56020;
  letter-spacing: 0;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 13px;
  font-weight: 800;
  line-height: .9;
}

.header-text.black {
  color: #000;
  letter-spacing: 0;
}

.button-close {
  z-index: 500;
  color: #fff;
  background-color: #00000026;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  margin-top: 2%;
  margin-right: 6%;
  font-size: 17px;
  font-weight: 700;
  text-decoration: none;
  display: flex;
  position: fixed;
  inset: 0% 0% auto auto;
}

.alt-text-header {
  text-align: left;
  text-transform: uppercase;
  max-width: 20ch;
  font-size: 9px;
  font-weight: 500;
  line-height: 1.2;
}

.alt-text-header.white {
  color: #818181;
  line-height: 1.4;
}

.xlarge-paragraph {
  color: #f56020;
  letter-spacing: -4px;
  text-transform: uppercase;
  white-space: nowrap;
  font-family: Oswald, sans-serif;
  font-size: 20vh;
  font-weight: 700;
  line-height: 1.2;
}

.xlarge-paragraph.is--black {
  color: #000;
}

.card-details-wrapper {
  width: 100%;
  padding-bottom: 8%;
  padding-left: 8%;
  padding-right: 8%;
}

.section {
  background-color: #f7f7f7;
  width: 1400px;
  max-width: none;
  height: auto;
  margin: 0 auto 100px;
  padding: 0 40px 40px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.section._3designs {
  height: 75vh;
  margin-top: -2039px;
  margin-bottom: 40px;
  margin-left: 239px;
  display: block;
  position: absolute;
}

.arrow-read-more {
  background-color: #1f1e1e;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  display: flex;
}

.link-white {
  color: #fff;
}

.link-read-more {
  color: #000;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-top: 16px;
  padding-bottom: 16px;
  font-size: 32px;
  font-weight: 600;
  text-decoration: none;
  display: flex;
}

.link-read-more.white {
  color: #fff;
}

.cap {
  float: left;
  color: #000;
  margin-right: 2%;
  font-size: 172px;
  font-weight: 900;
  line-height: 79%;
}

.cap.is--orange {
  color: #f56020;
}

.card-inner {
  z-index: 10;
  opacity: 1;
  letter-spacing: 0;
  background-image: linear-gradient(#0000, #000c);
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  max-width: 100%;
  min-height: 70vh;
  padding-bottom: 10%;
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.image-content {
  background-color: #fff;
  min-height: 100vh;
  padding: 0% 0% 10%;
  position: sticky;
  top: 0;
}

.rich-text-2 {
  color: #000;
}

.rich-text-2.white {
  color: #8a8a8a;
}

.image-wrapper {
  justify-content: center;
  align-items: center;
  height: auto;
  padding-top: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.card-1 {
  z-index: 1;
  cursor: pointer;
  flex: none;
  align-self: stretch;
  width: 33.33%;
  position: relative;
  overflow: hidden;
}

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

.main-heading {
  color: #fff;
  text-transform: uppercase;
  width: auto;
  max-width: 18ch;
  margin-top: 5px;
  font-family: Oswald, sans-serif;
  font-size: 6.5vh;
  font-style: normal;
  font-weight: 600;
  line-height: 1;
}

.divider-scroll {
  background-color: #fff9;
  border-radius: 200px;
  width: 10px;
  height: 10px;
  margin-left: 1vw;
  margin-right: 1vw;
}

.section-content {
  z-index: 600;
  background-color: #0000;
  justify-content: flex-start;
  align-items: stretch;
  width: 67%;
  height: 81vh;
  padding: 0 40px 40px 0;
  display: flex;
  position: absolute;
  inset: 0% 0% auto auto;
  overflow: hidden;
}

.wrap-scrolling-text {
  align-items: center;
  min-height: 400px;
  display: flex;
  overflow: hidden;
}

.third-article {
  background-color: #141414;
  width: 100%;
  max-width: 1500px;
  height: 100vh;
  display: flex;
  position: relative;
  overflow: auto;
}

.heading {
  color: #000;
  letter-spacing: -.3vh;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Oswald, sans-serif;
  font-size: 9.25vh;
  font-weight: 700;
  line-height: .95;
}

.heading.is--white {
  color: #fff;
}

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

.image-container.first {
  perspective-origin: 50% 100%;
  transform-origin: 50% 100%;
  background-image: url("https://cdn.prod.website-files.com/64e38c5a990ac9ed8ca4fe88/66ab846118d31cdb554ce8e0_levi-stute-mFF39sOZSgM-unsplash.jpg");
  background-position: 100%;
  background-size: cover;
  position: relative;
}

.image-container.second {
  background-image: url("https://cdn.prod.website-files.com/64e38c5a990ac9ed8ca4fe88/66ab846218d31cdb554ce910_claudio-guglieri-K2RH1QZdLF4-unsplash-2.jpg");
  background-position: 50%;
  background-size: cover;
}

.image-container.third {
  background-image: url("https://cdn.prod.website-files.com/64e38c5a990ac9ed8ca4fe88/66ab846218d31cdb554ce93b_sahand-hoseini-RnCLtXEouJE-unsplash%20(1).jpg");
  background-position: 100%;
  background-size: cover;
}

.small-divider {
  background-color: #f56020;
  border-radius: 100%;
  width: 8px;
  height: 8px;
  margin-left: 15px;
  margin-right: 15px;
}

.small-divider.black {
  background-color: #000;
  width: 8px;
  height: 8px;
}

.wrap-image-content {
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  display: flex;
  position: relative;
}

.alt-description {
  z-index: 1;
  color: #ccc;
  max-width: 20ch;
  font-size: 14px;
  position: relative;
}

.scroll-type {
  align-items: center;
  display: flex;
}

.second-article {
  background-color: #fff;
  width: 100%;
  max-width: 1500px;
  height: 100vh;
  display: flex;
  position: relative;
  overflow: auto;
}

.scroll-type-wrapper {
  display: flex;
}

.small-text {
  color: #ffffffb3;
  letter-spacing: .03em;
  text-transform: uppercase;
  white-space: nowrap;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 12px;
  font-weight: 600;
}

.first-article {
  z-index: 20;
  background-color: #d4d4d4;
  flex-direction: column;
  flex: 0 auto;
  width: auto;
  max-width: 1200px;
  height: 100vh;
  line-height: 30px;
  display: flex;
  position: relative;
  top: 0;
  bottom: 0;
  right: 0;
  overflow: auto;
}

.header-row {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 15%;
  display: flex;
}

.header-row.summary {
  color: #000;
  margin-top: 5%;
}

.header-row.summary.gray {
  color: #818181;
}

.divider-circle {
  background-color: #000;
  border-radius: 100%;
  width: 15px;
  height: 15px;
  margin-top: 15%;
  margin-bottom: 15%;
}

.divider-circle.orange {
  background-color: #f56020;
  width: 15px;
  height: 15px;
}

.divider-circle.orange.small {
  width: 8px;
  height: 8px;
  margin-left: 14px;
  margin-right: 14px;
}

.row-scroll {
  align-items: center;
  min-width: 33vw;
  padding-right: 1vw;
  display: flex;
}

.div-block-97 {
  background-color: #f7f7f7;
  width: 1400px;
  display: flex;
}

.image-73 {
  width: 50%;
  padding-left: 5px;
}

.image-74 {
  width: 60%;
  padding-left: 5px;
}

.image-75 {
  width: 50%;
}

.div-block-98 {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  background-color: #fff;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-top: 25px;
  padding-bottom: 25px;
  display: flex;
  box-shadow: 5px 5px 20px #0003;
}

.full-image {
  width: 100vw;
  max-width: none;
  padding-top: 0;
  padding-bottom: 41px;
  display: block;
}

.image-76 {
  height: 67%;
  margin-top: 0;
  padding-top: 20px;
}

.leftgethelp {
  z-index: 1;
  background-color: #000;
  width: 50%;
  height: 100%;
  position: relative;
}

.leftgethelp.white {
  background-color: #fff;
  border-top-right-radius: 50px;
  border-bottom-right-radius: 50px;
  justify-content: center;
  align-items: flex-end;
  padding-bottom: 55px;
  display: flex;
  position: static;
}

.leftgethelp.white.right {
  border-radius: 50px 0 0 50px;
  margin-top: 1px;
}

.leftgethelp.black {
  border-top-left-radius: 50px;
  border-bottom-left-radius: 50px;
  justify-content: center;
  align-items: flex-end;
  padding-bottom: 55px;
  display: flex;
  position: static;
}

.leftgethelp.black.right {
  border-radius: 0 50px 50px 0;
  margin-top: 0;
}

.phonefrontgethelp {
  z-index: 0;
  background-color: #fff0;
  border-radius: 50px;
  flex-flow: row;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
}

.phonefrontgethelp.selection {
  border-radius: 50px;
  display: block;
}

.phonefronthumanrights {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: auto;
  height: auto;
  display: flex;
  position: static;
  inset: 0%;
}

.div-block-99 {
  background-color: #fff;
  border-radius: 30px;
  width: 50px;
  height: 50px;
}

.div-block-99.black {
  background-color: #0003;
}

.frontcase {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #fff;
  border-radius: 50px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 300px;
  height: 590px;
  padding: 75px 20px 37px;
  display: grid;
  position: absolute;
}

.options {
  background-color: #0003;
  border-radius: 6px;
  height: 110px;
}

.headtitle {
  background-color: #fff;
  border-radius: 20px;
  width: 180px;
  height: 30px;
}

.numbers {
  background-color: #000;
  border-radius: 20px;
  width: 30px;
  height: 30px;
}

.optionstext {
  background-color: #000;
  width: 130px;
  height: 33px;
}

.optionstext._1 {
  background-color: #000;
  border-radius: 20px;
  width: 100px;
  height: 30px;
}

.optionstext._1._2 {
  width: 130px;
}

.optionstext._1._3 {
  width: 70px;
}

.optionstext._1._4 {
  width: 140px;
}

.textoptions {
  padding-bottom: 7px;
  padding-left: 30px;
  display: flex;
}

.textoptions.butttt {
  justify-content: center;
  align-items: center;
  padding-top: 31px;
  padding-left: 11px;
}

.textblockoptions {
  background-color: #000;
  border-radius: 20px;
  width: 90%;
  height: 60px;
}

.textblockoptions.button {
  width: 75%;
  height: 40px;
}

.textblockoptions.blocx {
  width: 200px;
}

.text-block-27 {
  font-size: 40px;
  font-weight: 400;
}

.gethelptext {
  font-size: 40px;
  display: block;
  position: relative;
}

.gethelptext.r {
  text-align: right;
  line-height: 50px;
  display: block;
}

.selecthelp {
  aspect-ratio: auto;
  font-size: 40px;
  line-height: 40px;
  display: block;
  position: absolute;
}

.selecthelp.r {
  text-align: right;
  line-height: 50px;
  display: block;
}

.writesubmit {
  font-size: 40px;
  display: block;
  position: absolute;
}

.writesubmit.r {
  text-align: right;
  line-height: 50px;
  display: block;
}

.textsybnit {
  font-size: 40px;
  display: block;
  position: absolute;
}

.textsybnit.r {
  text-align: right;
  display: block;
}

.textgethelpright {
  justify-content: flex-end;
  align-items: flex-end;
  width: 500px;
  margin-right: 0;
  padding-bottom: 65px;
  padding-left: 0;
  padding-right: 34px;
  display: flex;
}

.textgethelpright.left {
  justify-content: flex-start;
  align-items: flex-end;
  padding-left: 30px;
}

.gethelptitle {
  margin-left: 0;
  padding-left: 0;
  font-size: 40px;
}

.optionsfood {
  background-color: #000;
  border-radius: 6px;
}

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

.text-block-28 {
  font-size: 40px;
}

.givehelptext {
  margin-left: 166px;
  font-size: 40px;
}

._2givehelpfront {
  border-radius: 50%;
  height: 100%;
  display: block;
  position: absolute;
}

.div-block-100 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-top: 40px;
  padding-left: 10px;
  display: grid;
}

.image-77 {
  padding-top: 67px;
}

.div-block-101 {
  width: 85px;
}

.givegridoptions {
  background-color: #00000036;
  border-radius: 10px;
  width: 85px;
  height: 85px;
}

.givegridoptions.black {
  background-color: #000;
  border-radius: 10px;
}

.imageholder {
  justify-content: center;
  align-items: center;
  padding-top: 0;
  display: flex;
  position: relative;
}

.gridholderwer {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-top: 25px;
  padding-left: 10px;
  display: grid;
}

.pointer {
  background-color: #07528c;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  width: 37px;
  height: 37px;
  margin-top: 91px;
  margin-right: 60px;
  display: flex;
  position: absolute;
  box-shadow: 7px 8px 6px 3px #0003;
}

.div-block-102 {
  background-color: #fff;
  border-radius: 40px;
}

._2providesolution {
  width: 100%;
  height: 590px;
  display: block;
}

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

._2countryselect {
  width: 100%;
  height: 590px;
  display: block;
  position: absolute;
}

._2countryheader {
  background-color: #0003;
  justify-content: center;
  align-items: center;
  height: 200px;
  padding-top: 50px;
  display: flex;
}

.countryname {
  background-color: #fff;
  border-radius: 20px;
  width: 180px;
  height: 33px;
}

._2rightsblocks {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  padding-top: 25px;
  padding-left: 15px;
  padding-right: 15px;
  display: flex;
  position: static;
}

.hrblock1 {
  background-color: #000;
  border-radius: 15px;
  position: relative;
}

.hrblock1.block {
  background-color: #0000;
}

.hrblock2, .hrblock3 {
  background-color: #0003;
  border-radius: 15px;
  height: 70px;
}

.bottomdropdown {
  background-color: #000;
  border-radius: 20px;
  width: 100%;
  height: 80px;
}

.blockinfo {
  justify-content: center;
  align-items: center;
  height: auto;
  padding-top: 20px;
  display: flex;
}

.div-block-105 {
  width: 80%;
  height: 200px;
}

.block-details {
  background-color: #0003;
  border-radius: 15px;
  width: 80%;
  height: 170px;
}

._3stuff {
  background-color: #000;
  border-radius: 20px;
  width: 25%;
  height: 33px;
}

._3stuff.div {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: #0000;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  padding-top: 21px;
  padding-bottom: 21px;
  display: flex;
}

._3stuff.blox {
  background-color: #0003;
}

.votingblock {
  grid-column-gap: 63px;
  grid-row-gap: 63px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100vw;
  margin-top: 50px;
  display: flex;
}

.votingdiv1 {
  background-color: #f7f7f7;
  flex-flow: row;
  width: 1400px;
  max-width: 1400px;
  display: flex;
}

.textanimation {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: auto;
  padding-left: 30px;
  font-size: 20px;
  display: flex;
}

.textvoteup {
  padding-top: 70px;
}

.textvoteup.sol {
  width: 60%;
}

.animationvote {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 30%;
  padding-bottom: 36px;
  display: flex;
}

.textanimphonevote {
  flex-flow: column;
  width: 60%;
  display: flex;
}

.phonescreenvote {
  justify-content: center;
  align-items: center;
  width: 35%;
  display: flex;
}

.image-78 {
  width: 100%;
}

.heading-10 {
  padding-top: 31px;
  padding-left: 70px;
  font-size: 30px;
}

.background-video-3 {
  z-index: 1;
  width: 100%;
  height: 130px;
}

.background-video-3.mob {
  display: block;
}

.text-block-29 {
  text-align: justify;
  padding: 50px 28px 11px 49px;
  font-size: 18px;
  line-height: 60px;
}

.text-block-29.sol {
  padding-top: 156px;
}

.votingdiv2 {
  background-color: #f7f7f7;
  width: 1400px;
  padding: 48px 34px 35px;
  display: flex;
}

.soltextdiv {
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  width: 60%;
  height: 100%;
  display: flex;
}

.background-video-4 {
  z-index: 1;
  border-radius: 45px;
  width: 300px;
  height: 600px;
  margin-left: 0;
  padding-left: 0;
}

.innerheading {
  margin-top: 669px;
  padding-bottom: 40px;
  font-size: 30px;
}

.scrollblock {
  z-index: 10;
  background-color: #fff0;
  background-image: linear-gradient(#fff, #789eba);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 89%;
  padding-top: 22px;
  padding-bottom: 189px;
  display: flex;
  position: absolute;
}

.scrollblock.min {
  background-image: linear-gradient(#fff, #00000087 79%, #0000 104%);
  padding-bottom: 60px;
}

.scrollblock.brand {
  background-image: linear-gradient(90deg, #00508d, #f8a11a);
  padding-bottom: 60px;
}

.image-79 {
  width: 15%;
  display: block;
  position: static;
}

.div-block-106 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #fff;
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  padding: 24px 80px 10px 90px;
  display: flex;
  box-shadow: 5px 5px 20px #0003;
}

.div-block-107 {
  z-index: 1;
  color: #fff;
  background-color: #000;
  border-radius: 30px;
  margin-top: 151px;
  padding: 10px 50px;
  font-weight: 500;
  position: absolute;
  box-shadow: 10px 10px 16px #0000004d;
}

.holderwrife {
  position: static;
}

.imagewire {
  padding-top: 20px;
  position: static;
}

.imagehighf {
  justify-content: flex-end;
  align-items: center;
  margin-top: -404px;
  display: flex;
  position: static;
}

.image-80 {
  width: 80%;
}

.image-81 {
  width: 75%;
}

.grid-guy {
  background-color: #fff;
  grid-template-rows: auto auto auto auto auto auto auto auto;
  grid-template-columns: 1fr;
  width: 80%;
  padding: 54px 64px 32px;
  box-shadow: 5px 5px 20px #0003;
}

.image-82 {
  width: 75%;
}

.imagecoloursguy {
  width: 80%;
}

.holb {
  justify-content: center;
  align-items: center;
  padding-top: 30px;
  display: flex;
}

.flagtria {
  background-color: #f7f7f7;
  margin-top: 50px;
  padding: 90px 67px;
  position: relative;
}

.image-83 {
  width: 100%;
  padding-top: 80px;
}

.gridspace {
  width: 19%;
  display: none;
}

.container-14 {
  max-width: 1400px;
}

.logincont {
  background-color: #f7f7f7;
  justify-content: center;
  align-items: center;
  max-width: 1400px;
  margin-top: 151px;
  margin-bottom: 50px;
  padding: 50px 75px;
  display: flex;
}

.logincont.web {
  margin-top: 60px;
}

.logincont.mob {
  display: none;
}

.loginmain {
  width: 100%;
}

.loginsmall {
  width: 25%;
}

.gradientlog {
  z-index: 1;
  background-image: linear-gradient(#0003, #00000091 66%);
  width: auto;
  height: 19vh;
  position: absolute;
}

.videoincidentnew {
  background-color: #f2f2f200;
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: none;
  display: none;
}

.videoincidentnew.manag {
  background-color: #f2f2f200;
  justify-content: center;
  align-items: center;
  max-width: none;
  padding: 0;
  display: flex;
}

.section-images {
  justify-content: space-between;
  align-items: center;
  width: auto;
  height: auto;
  display: flex;
}

.wrapper-image {
  justify-content: center;
  align-items: center;
  width: 25%;
  height: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.wrapper-image.left {
  transform-origin: 0%;
  height: auto;
}

.wrapper-image.center-left, .wrapper-image.center-right {
  height: auto;
}

.wrapper-image.right {
  transform-origin: 100%;
  height: auto;
}

.bg-black {
  z-index: 3;
  background-color: #00000029;
  position: absolute;
  inset: 0%;
}

.image-84 {
  z-index: 0;
  object-fit: cover;
  width: 60vw;
  min-width: 0;
  height: 60vh;
  position: relative;
}

.holderloginthings {
  z-index: 0;
  width: 100%;
  height: 100%;
  padding-left: 602px;
  position: relative;
}

.image-85 {
  width: auto;
}

.imagbig {
  width: 77%;
  position: static;
}

.imasquare {
  z-index: 0;
  width: 53%;
  display: block;
  position: static;
}

.imatriang {
  z-index: 0;
  width: 53%;
  position: static;
}

.mainim {
  cursor: pointer;
}

.div-block-108, .div-block-109, .div-block-110 {
  z-index: 0;
  width: 100%;
  position: absolute;
}

.square, .triangle, .face {
  width: 100%;
  position: absolute;
}

.background-video-5 {
  z-index: 1;
  width: 1200px;
  height: 700px;
}

.videoholder {
  background-color: #f6f6f6;
  width: 1400px;
  max-width: 1400px;
  padding: 50px 75px;
}

.background-video-6 {
  z-index: 1;
  width: 1200px;
  height: 700px;
}

.section-10 {
  width: 100vw;
}

.collageholder {
  justify-content: center;
  align-items: center;
  width: 100vw;
  margin-bottom: 60px;
  display: flex;
}

.collageholder.mob {
  display: none;
}

.collagediv {
  width: 100vw;
}

.image-86 {
  width: 40%;
}

.slider {
  width: 100%;
  height: 100%;
  display: block;
}

.slide {
  text-align: justify;
  vertical-align: sub;
  height: 100%;
  padding-left: 0;
}

.sliderblovk {
  object-fit: cover;
  justify-content: center;
  align-items: stretch;
  height: auto;
  display: flex;
}

.slide-nav {
  display: none;
}

.arrowleft {
  transform-style: preserve-3d;
  transform: rotateX(0)rotateY(-180deg)rotateZ(0);
}

.left-arrow, .right-arrow {
  justify-content: center;
  align-items: center;
  display: flex;
}

.holderimage {
  background-color: #f6f6f6;
  justify-content: center;
  align-items: center;
  width: 60rem;
  padding: 20px;
  display: flex;
}

.section-11 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.headingbox {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 30px;
}

.headingbox.woeirjn {
  padding-bottom: 19px;
}

.textgrid {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 30px;
}

.emptytext {
  color: #fff0;
}

.imagedonk {
  height: 92%;
}

.sectionflow {
  justify-content: center;
  align-items: center;
  width: 100vw;
  display: none;
}

.sectionflow.web {
  display: none;
}

.sectionflowholder {
  background-color: #f6f6f6;
  justify-content: center;
  align-items: center;
  width: 1400px;
  padding: 9px 50px;
  display: flex;
}

.background-video-7 {
  z-index: 1;
  width: 1400px;
  height: 800px;
}

.background-video-8 {
  z-index: 1;
  width: 80%;
  height: 700px;
  margin-top: 1265px;
  margin-left: 150px;
  padding-top: 0;
  position: absolute;
}

.imagesjj {
  width: 100vw;
}

.imagesjj.web {
  padding-bottom: 51px;
}

.imagesjj.mob {
  display: none;
}

.imagejjholder {
  display: flex;
}

.imagejjim {
  width: 25%;
}

.text-block-30 {
  padding-top: 30px;
  font-size: 18px;
}

.div-block-111 {
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  display: flex;
}

.image-87, .image-88 {
  width: 80%;
}

.flagholder {
  width: 100vw;
  display: none;
}

.opacityblock {
  z-index: 1;
  background-image: linear-gradient(90deg, #fff0, #ffffffd9 8%, #0000 21%);
  justify-content: flex-start;
  align-items: center;
  width: 800px;
  height: 60%;
  display: flex;
  position: absolute;
}

.sticker {
  background-color: #fff;
  width: 50px;
  height: 100px;
  position: absolute;
  box-shadow: 5px 5px 20px #00000029;
}

.sticker.left {
  width: 30px;
  height: 100px;
  margin-top: -266px;
  margin-left: 0;
  padding-bottom: 0;
  transform: rotate(90deg);
  box-shadow: 5px 5px 20px #00000029;
}

.sticker.left.top {
  margin-top: -69px;
  margin-left: 28px;
}

.sticker.left.top.tool {
  margin-top: -195px;
}

.sticker.left.guy {
  width: 35px;
  height: 130px;
  margin-top: -24px;
  margin-left: 3px;
  transform: rotate(45deg);
}

.sticker.left.tool.guyana {
  margin-top: -105px;
  margin-left: 86px;
}

.sticker.left.tool.guyana.sdf {
  margin-top: -267px;
  margin-left: 3px;
}

.sticker.left.tool.guyana.werwer {
  width: 35px;
  height: 130px;
  margin-top: -121px;
  margin-left: 69px;
}

.sticker.right {
  width: 35px;
  height: 130px;
  margin-top: -35px;
  margin-left: 1221px;
  transform: rotate(-45deg);
}

.stickynoter {
  background-color: #fff;
  justify-content: center;
  align-items: center;
  padding-top: 30px;
  padding-bottom: 30px;
  display: flex;
  box-shadow: 10px 10px 17px #0003;
}

.flaggg2 {
  width: 100vw;
  height: 500px;
  margin-top: 80px;
  position: relative;
}

.flaggg2.web {
  height: 700px;
  display: block;
}

.flaggg2.mob {
  display: none;
}

.image-89 {
  width: 100vw;
  height: 100%;
}

.image-90 {
  position: absolute;
}

.flag {
  z-index: 1;
  width: 100%;
  height: 700px;
  position: absolute;
}

.grid-10 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  height: 350px;
}

.gradientflag {
  width: 100%;
  height: 500px;
}

.div-block-112 {
  height: 700px;
  display: flex;
}

.footer-main {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  justify-content: center;
  align-items: center;
  width: 100vw;
  padding: 0 10px 10px;
  display: flex;
  position: static;
  inset: auto 0% 0%;
  overflow: visible;
}

.footer-main.notmain {
  background-color: #fff;
  padding-bottom: 40px;
}

.footer-main.sfs {
  background-color: #f3f1eb00;
  padding-bottom: 40px;
}

.footer-main.erte, .footer-main.weergwe {
  padding-bottom: 40px;
}

.footer-main.dol, .footer-main.aboutme {
  background-color: #fff;
}

.footer-main.gkbkj {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #000;
  padding-top: 20px;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.footer-main.landingpage {
  display: none;
}

.backtotop {
  width: 20%;
  text-decoration: none;
}

.backtohomepage {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #fff0;
  border-radius: 18px;
  padding: 10px 29px 10px 40px;
  text-decoration: none;
  display: flex;
}

.text-block-31 {
  border-radius: 0;
  padding: 0;
}

.link-block-3 {
  text-decoration: none;
}

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

.buttonnn {
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  -webkit-backdrop-filter: brightness(200%);
  backdrop-filter: brightness(200%);
  background-image: linear-gradient(90deg, #b233439e, #498b63b0 49%, #eaaa3fad);
  border-radius: 30px;
  justify-content: space-between;
  align-items: center;
  padding: 10px 30px 10px 40px;
  display: flex;
  box-shadow: 10px 10px 20px #0003;
}

.buttonnn.donk {
  background-color: #000;
  background-image: none;
  border-radius: 12px;
  justify-content: space-around;
  width: 250px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.buttonnn.donk:hover {
  box-shadow: 13px 13px 20px #0000004f;
}

.buttonnn.donk.donky {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #000;
  background-image: none;
  border-radius: 19px;
  justify-content: space-around;
  width: 260px;
  padding-top: 13px;
  padding-bottom: 13px;
}

.buttonnn.donk.heartb {
  background-color: #000;
  background-image: none;
  border-radius: 16px;
  justify-content: space-around;
  width: 260px;
  padding-top: 13px;
  padding-bottom: 13px;
}

.buttonnn.guy {
  background-image: url("https://cdn.prod.website-files.com/64e38c5a990ac9ed8ca4fe88/66b5ec3ca5fb33f679d2f5c2_Buttonguy.png");
  background-position: 0 0;
  background-size: 100% 100%;
  width: 250px;
  padding-top: 13px;
  padding-bottom: 13px;
}

.div-block-113 {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.immmm {
  display: none;
}

.div-block-114 {
  background-image: radial-gradient(circle at 100% 100%, #c7b298, #fff);
  border-radius: 20px;
  width: 30px;
  height: 30px;
  margin-bottom: 1px;
  padding-top: 6px;
  padding-left: 4px;
  box-shadow: 7px 7px 9px #0003;
}

.div-block-115 {
  background-color: #ffffffcf;
  border-radius: 20px;
  width: 30%;
  height: 35%;
  position: relative;
}

.text-block-32, .link-block-4 {
  text-decoration: none;
}

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

.link-block-5 {
  text-decoration: none;
}

.link-block-6 {
  justify-content: center;
  align-items: stretch;
  width: 50%;
  height: 100%;
  padding-bottom: 69px;
  display: flex;
}

.image-92 {
  width: 30%;
}

.arrowsss {
  width: 100%;
  display: none;
}

.arrowholder {
  grid-column-gap: 17px;
  grid-row-gap: 17px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-top: 49px;
  display: flex;
}

.image-93 {
  width: 3%;
  display: none;
}

.text-span-12 {
  -webkit-text-fill-color: transparent;
  background-color: #8e7760;
  -webkit-background-clip: text;
  background-clip: text;
  font-family: Fredericka the Great, sans-serif;
  font-size: 50px;
  font-style: normal;
  font-weight: 400;
  text-decoration: none;
}

.text-span-13 {
  color: #644033;
  -webkit-text-stroke-color: #000;
  text-shadow: 3px 3px 5px #0003;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(112deg, #fffefc, #da0ed3b5 22%, #fac25b 52%, #7669ffa8 83%);
  -webkit-background-clip: text;
  background-clip: text;
  font-family: Concert One, sans-serif;
  font-weight: 400;
}

.text-span-14 {
  background-color: #0000;
  font-family: Montserrat, sans-serif;
  font-weight: 300;
  text-decoration: none;
}

.buttonuxres:hover {
  border-radius: 30px;
  box-shadow: 5px 5px 20px #0003;
}

.section-12 {
  height: 85vh;
  padding-top: 0;
}

.section-12.hbk {
  background-color: #fefdfd00;
  display: none;
}

.holderheadingtext {
  justify-content: center;
  align-items: center;
  padding-top: 0;
  display: flex;
}

.heading-11 {
  color: #6b3a22;
  font-family: Montserrat, sans-serif;
  font-size: 50px;
  font-weight: 300;
  overflow: scroll;
}

.div-block-116 {
  background-color: #8e776000;
  border-radius: 20px;
  width: 60px;
  height: 60px;
}

.text-span-15 {
  color: #6c2820;
  font-weight: 400;
}

.section-13 {
  background-color: #f3f1eb;
  overflow: visible;
}

.paragrihoadnsz {
  justify-content: center;
  align-items: center;
  width: 70vw;
  display: flex;
}

.text-span-16, .text-span-17, .text-span-18 {
  font-weight: 600;
}

.text-block-34 {
  color: #7c6f5c;
  text-align: center;
  padding-top: 39px;
}

.text-span-19 {
  font-weight: 500;
}

.text-block-35 {
  color: #8e7760;
  font-family: Montserrat, sans-serif;
  display: none;
}

.image-94, .visionmob, .div-block-118 {
  display: none;
}

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

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

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

.usergteswrtt {
  display: none;
}

.background-video-10 {
  z-index: 1;
  width: 400px;
  height: 120px;
}

.background-video-11 {
  z-index: 1;
  width: 170px;
  height: 170px;
}

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

.div-block-122 {
  padding-top: 11px;
}

.div-block-123 {
  background-color: #fff;
  flex-flow: column;
  padding-top: 20px;
  padding-left: 90px;
  padding-right: 80px;
  display: flex;
  box-shadow: 5px 5px 20px #0003;
}

.flowanigetgek {
  display: block;
}

.mobile3d, .div-block-125 {
  display: none;
}

.touchim {
  transform-style: preserve-3d;
}

.body-8 {
  color: #5d3723;
  background-image: linear-gradient(#000, #050505);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  font-family: Manrope, sans-serif;
  display: flex;
}

.text-span-21 {
  font-weight: 600;
}

.div-block-126 {
  padding-top: 0;
}

.div-block-127 {
  justify-content: center;
  align-items: flex-end;
  width: 70%;
  display: flex;
}

.bold-text-2 {
  font-weight: 300;
}

.div-block-128 {
  width: 70%;
  display: flex;
}

.container-15 {
  display: none;
}

.body-9 {
  background-color: #000;
  background-image: linear-gradient(#180627, #000);
}

.image-98, .image-99 {
  width: 50%;
}

.aiblock {
  margin-bottom: 30px;
}

.aiim {
  box-shadow: 10px 10px 20px #0003;
}

.container-16 {
  max-width: 1400px;
}

.blogcontainer {
  background-color: #e99595;
  max-width: 1400px;
}

.section-14 {
  height: 100vh;
}

.blogsections {
  background-color: #fff;
  width: auto;
  height: auto;
  padding: 50px;
}

.collection-list-wrapper {
  width: auto;
  height: auto;
}

.top {
  width: 100vw;
  height: 60px;
}

.blocksblog {
  width: 100%;
  height: 550px;
  padding-top: 0;
}

.heroimage {
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 0 0;
  background-size: cover;
  justify-content: flex-start;
  align-items: flex-end;
  width: auto;
  height: 550px;
  display: flex;
  position: relative;
}

.text-block-38 {
  position: absolute;
}

.text-block-39 {
  color: #fff;
  text-align: left;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 20px;
  font-size: 25px;
}

.collection-list {
  padding-top: 0;
}

.collection-item {
  margin-bottom: 43px;
}

.herosection {
  background-color: #fff;
  width: 100vw;
  height: 70vh;
  margin-top: 52px;
  padding-top: 10px;
  padding-left: 10px;
  padding-right: 10px;
}

.div-block-134 {
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 50% 0;
  background-size: cover;
  border-radius: 20px;
  justify-content: flex-start;
  align-items: flex-end;
  height: 100%;
  padding-bottom: 60px;
  padding-left: 30px;
  padding-right: 338px;
  display: flex;
}

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

.rich-text-block {
  padding-top: 50px;
  padding-left: 158px;
  padding-right: 158px;
}

.image-100 {
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 0 0;
  background-size: cover;
  width: 100%;
  height: 100%;
}

.heading-13 {
  color: #fff;
}

.text-block-40 {
  color: #fff;
  padding-top: 20px;
  padding-bottom: 20px;
  line-height: 35px;
}

.section-15 {
  height: auto;
  display: block;
}

.maintext {
  width: 70%;
  height: auto;
  margin-right: 45px;
  padding-left: 0;
  padding-right: 0;
}

.suggested {
  width: 30%;
  height: 80vh;
  padding-left: 20px;
}

.container-17 {
  max-width: none;
  padding: 100px 50px;
  font-size: 21px;
  display: flex;
}

.rich-text-block-2 {
  border: 0 #000;
  padding-left: 10px;
  padding-right: 10px;
  font-family: Montserrat, sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 35px;
}

.image-101 {
  border-radius: 20px;
  height: auto;
}

.midimage {
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 50%;
  background-size: cover;
  background-attachment: scroll;
  border-radius: 20px;
  height: 50vh;
}

.text-block-41 {
  padding-top: 60px;
  font-size: 25px;
  font-weight: 500;
  line-height: 40px;
}

.rich-text-block-3 {
  padding-top: 60px;
  padding-bottom: 60px;
  font-size: 18px;
  font-weight: 300;
  line-height: 40px;
}

.collection-list-wrapper-2 {
  width: 100%;
  height: 100%;
}

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

.text-block-43 {
  color: #fff;
  font-size: 14px;
  font-weight: 500;
}

.collection-item-2 {
  -webkit-backdrop-filter: blur(15px);
  backdrop-filter: blur(15px);
  text-align: center;
  background-image: linear-gradient(#00000040, #00000040);
  border: 1px solid #b1b1b1;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  width: auto;
  height: 40px;
  margin-right: 20px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.collection-list-2 {
  padding-left: 0;
  padding-right: 0;
}

.text-block-44 {
  color: #e7e7e7;
  font-size: 14px;
  font-weight: 500;
}

.collection-item-3 {
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  border: 1px solid #e2e2e2;
  border-radius: 16px;
  padding: 5px 25px;
}

.div-block-136 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-bottom: 22px;
  display: flex;
}

.text-block-45 {
  padding-bottom: 10px;
  font-size: 20px;
  font-weight: 500;
}

.text-block-46 {
  padding-top: 10px;
}

.headerim {
  box-sizing: border-box;
  aspect-ratio: auto;
  object-fit: fill;
  background-image: url("https://cdn.prod.website-files.com/64e38c5a990ac9ed8ca4fe88/66eac555a391c9947b7fa4b1_IMG-20191115-WA0012.jpg");
  background-position: 50% 30%;
  background-size: 800px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 80vh;
  display: flex;
}

.image-102 {
  width: auto;
  height: auto;
}

.div-block-137 {
  object-fit: fill;
  background-image: url("https://cdn.prod.website-files.com/64e38c5a990ac9ed8ca4fe88/66eac555a391c9947b7fa4b1_IMG-20191115-WA0012.jpg");
  background-position: 50%;
  background-size: cover;
  height: 75vh;
}

.container-18 {
  max-width: 80%;
  padding-top: 54px;
}

.blocksocialmed {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: auto;
  padding-top: 20px;
  display: flex;
}

.image-103 {
  width: 30%;
  height: 30%;
}

.image-104, .image-105 {
  width: 30%;
  height: 50%;
}

.text-second {
  padding-top: 70px;
}

.text-third {
  padding-top: 79px;
}

.div-block-138 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: none;
  height: 50%;
  display: flex;
}

.image-106 {
  width: 50%;
  height: auto;
}

.image-107 {
  height: 1000px;
}

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

.right {
  margin-top: 41px;
  padding-top: 27px;
  display: flex;
}

.right.wrew {
  margin-top: 0;
}

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

.div-block-140 {
  width: 60%;
}

.div-block-141 {
  width: 40%;
}

.left {
  padding-top: 46px;
  padding-bottom: 40px;
  display: flex;
}

.leftim {
  width: 40%;
}

.div-block-142 {
  width: 60%;
}

.div-block-143 {
  padding-top: 72px;
}

.container-19 {
  max-width: none;
  display: block;
}

.container-19.reger {
  display: none;
}

.container-19.stickything {
  z-index: 2;
  justify-content: center;
  align-items: center;
  min-height: 300vh;
  display: none;
  position: relative;
}

.spline-scene-29 {
  z-index: 1;
  width: 100vw;
  height: 2000px;
  padding-top: 254px;
  display: block;
  position: absolute;
}

.spline-scene-30 {
  z-index: auto;
  height: 100vh;
  position: relative;
}

.spline-scene-31 {
  height: 100vh;
  position: relative;
}

.sticky-wrapper {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  min-height: 300vh;
  display: flex;
  position: fixed;
  top: 0;
}

.div-block-145 {
  z-index: 3;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  margin-top: 0;
  display: flex;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.heading-14 {
  color: #fcd9d380;
  text-align: left;
  letter-spacing: 50px;
  -webkit-text-fill-color: transparent;
  background-image: url("https://cdn.prod.website-files.com/64e38c5a990ac9ed8ca4fe88/66fe387afa4d2f6313939c89_image%20(1).png");
  background-position: 0 0;
  background-size: auto 80vh;
  background-attachment: scroll;
  -webkit-background-clip: text;
  background-clip: text;
  justify-content: center;
  align-items: center;
  height: 100vh;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Philosopher, sans-serif;
  font-size: 320px;
  font-weight: 400;
  display: flex;
}

.div-block-146 {
  height: 100vh;
  display: block;
  position: relative;
}

.div-block-147 {
  border: 1px #000;
  border-radius: 0;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: auto;
  height: auto;
  margin-top: -24px;
  margin-left: 181px;
  display: flex;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.text-block-47 {
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(#fff, #ffc6f2);
  -webkit-background-clip: text;
  background-clip: text;
  height: 50px;
  font-size: 45px;
}

.heading-15 {
  text-align: left;
  -webkit-text-fill-color: transparent;
  background-color: #fff;
  -webkit-background-clip: text;
  background-clip: text;
  width: 700px;
  height: 250px;
  margin-top: 0;
  margin-left: 0;
  padding-top: 10px;
  padding-left: 9px;
  padding-right: 10px;
  font-family: Inter, sans-serif;
  font-size: 70px;
  font-weight: 700;
  line-height: 79px;
}

.bitton {
  -webkit-backdrop-filter: blur(11px);
  backdrop-filter: blur(11px);
  background-color: #fff3;
  border: 1px solid #000;
  border-radius: 20px;
  width: 400px;
  height: 420px;
}

.text-block-48 {
  text-align: center;
  padding-top: 20px;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 20px;
  line-height: 33px;
}

.div-block-148 {
  margin-top: 203px;
  margin-right: 137px;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.div-block-149 {
  height: 100vh;
  position: relative;
}

.form {
  margin-top: 64px;
}

.field-label {
  font-size: 17px;
}

.field-label-2 {
  color: #fff;
  text-align: center;
  margin-bottom: 20px;
  padding-bottom: 30px;
  font-size: 25px;
}

.text-field-2 {
  color: #000;
  text-indent: 10px;
  background-color: #ffffffa8;
  border-radius: 20px;
  height: 50px;
  font-size: 20px;
}

.heading-16 {
  color: #fff;
  font-family: Inter, sans-serif;
  font-size: 70px;
  font-weight: 700;
}

.div-block-150 {
  background-color: #fff0f0;
  width: 100vw;
  height: 500px;
}

.section-16 {
  position: static;
}

.footerblock {
  background-color: #d8c1b0;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  padding-left: 180px;
  display: flex;
}

.heading-17 {
  color: #6b3a22;
  justify-content: center;
  align-items: center;
  font-family: Manrope, sans-serif;
  font-size: 30px;
  font-weight: 400;
  display: flex;
}

.text-block-49 {
  color: #6b3a22;
  justify-content: center;
  align-items: center;
  padding-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-weight: 300;
  text-decoration: none;
  display: flex;
}

.socialm {
  justify-content: center;
  align-items: center;
  display: flex;
}

.getint {
  width: auto;
  padding-top: 0;
  padding-bottom: 20px;
  padding-left: 0;
  display: flex;
}

.div-block-152 {
  grid-column-gap: 34px;
  grid-row-gap: 34px;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  padding-bottom: 0;
  display: flex;
}

.div-block-153 {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  justify-content: center;
  align-items: center;
  padding-top: 18px;
  padding-bottom: 0;
  display: flex;
}

.div-block-153.wer {
  display: none;
}

.div-block-154 {
  width: 30%;
}

.div-block-155 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #fff0;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  width: 45px;
  height: 45px;
  display: flex;
}

.div-block-156 {
  background-color: #f3f1eb;
}

.div-block-157 {
  background-color: #f3f1ec;
}

.image-110 {
  width: 35px;
}

.image-111 {
  width: 20%;
  height: 20%;
  position: relative;
}

.image-112 {
  width: 20px;
}

.div-block-158 {
  background-color: #fff;
  width: 2px;
  height: 35px;
  margin-left: 10px;
}

.div-block-158.sdfsd {
  background-color: #6b3a22;
}

.div-block-158.dark {
  background-color: #644033;
}

.image-113 {
  width: 10%;
  height: 10%;
}

.div-block-159 {
  justify-content: center;
  align-items: center;
  padding-left: 0;
  display: flex;
}

.text-block-50 {
  color: #fff;
  justify-content: center;
  align-items: center;
  padding-left: 0;
  font-family: Avenir, Verdana, sans-serif;
  font-weight: 300;
  display: flex;
}

.text-block-50.dark {
  color: #644033;
}

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

.ballpoint-161 {
  background-color: #f3f0eb;
  background-image: linear-gradient(301deg, #d4d4d4, #fff);
  border-radius: 20px;
  width: 15px;
  height: 15px;
}

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

.link-block-7 {
  justify-content: center;
  align-items: center;
  width: auto;
  display: flex;
}

.diff {
  display: none;
}

.div-block-162 {
  height: 100vh;
  position: relative;
}

.div-block-163 {
  z-index: 4;
  background-color: #00000026;
  width: 100vw;
  height: 85vh;
  display: flex;
  position: sticky;
  inset: 0% 0% auto;
}

.image-114 {
  width: 100vw;
  height: auto;
}

.div-block-164 {
  background-color: #0000003d;
  width: 100vw;
  height: 100vh;
  position: absolute;
}

.image-115 {
  width: 100vw;
  margin-top: -31px;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 18px;
}

.splinestick {
  z-index: 2;
  position: absolute;
  inset: 0;
}

.main-parent {
  width: 100vw;
  height: 300vh;
  position: relative;
}

.text-session {
  z-index: 1;
  width: 100vw;
  margin-top: -114px;
  position: absolute;
  inset: 0% 0% auto;
}

.stickywrapper {
  z-index: auto;
  background-color: #a3757500;
  width: 100%;
  height: 100vh;
  position: sticky;
  top: 0;
}

.imagesparent {
  width: 100%;
  height: 300vh;
  overflow: hidden;
}

.imagecover {
  z-index: 1;
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
}

.imagecover.z1 {
  z-index: auto;
  object-fit: contain;
  position: static;
  inset: 0%;
}

.imagecover.z2, .imagecover.z3 {
  z-index: auto;
  opacity: 0;
  object-fit: contain;
  position: static;
  inset: 0%;
}

.cache {
  z-index: 0;
  opacity: 0;
  text-align: center;
  width: 100%;
  height: 100vh;
  position: relative;
}

.image-116 {
  width: 20px;
}

.image-117, .image-118 {
  width: auto;
}

.arrowdown {
  width: 15px;
}

.div-block-165 {
  background-color: #ffffff7d;
  border: 1px solid #fff;
  border-radius: 20px;
  padding: 10px 24px;
  position: absolute;
}

.div-block-166 {
  padding-left: 151px;
  padding-right: 151px;
  display: flex;
}

.div-block-166.sfs.werwer {
  flex-flow: column;
  padding-left: 311px;
  padding-right: 311px;
}

.text2 {
  color: #fff;
  text-align: center;
  letter-spacing: 10px;
  margin-top: -192px;
  font-family: Work Sans, sans-serif;
  font-size: 30px;
  font-weight: 200;
}

.text2.top {
  margin-top: -218px;
}

.text2.mid {
  z-index: 200;
  text-align: left;
  letter-spacing: 5px;
  margin-top: 1310px;
  padding-bottom: 81px;
  padding-left: 195px;
  padding-right: 195px;
  font-family: Kumbh Sans, sans-serif;
  font-size: 30px;
  font-weight: 400;
  line-height: 60px;
  position: absolute;
}

.spacer {
  z-index: 2;
  height: 100vh;
  position: relative;
}

.mainthing {
  position: static;
  top: 0;
}

.main-sttiky {
  width: 100%;
  height: 300vh;
  position: relative;
  overflow: visible;
}

.images {
  z-index: -1;
  background-color: #0000;
  height: 100%;
  position: sticky;
  top: 0;
}

.div-block-167 {
  background-color: #0000;
  width: 100%;
  height: 300vh;
  position: absolute;
}

.blocks {
  z-index: auto;
  justify-content: center;
  align-items: flex-start;
  width: 100vw;
  height: 100vh;
  margin-top: 0;
  display: flex;
  position: absolute;
  inset: 34% 0% auto;
}

.image-119 {
  object-fit: cover;
  width: 100%;
  height: 100vh;
}

.image-119.er {
  height: 100.3vh;
}

.blockim {
  object-fit: cover;
  width: 33.5%;
}

.blackblock {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
  position: absolute;
  inset: 0%;
}

.bigbox {
  transform-origin: 50% 0;
  background-color: #000;
  width: 33.5%;
  height: 100%;
  position: relative;
}

.bigbox._3 {
  transform-origin: 0%;
  width: 100%;
  height: 33.5%;
}

.bigbox._2 {
  transform-origin: 100%;
  width: 100%;
  height: 33.5%;
}

.bigbox._1 {
  transform-origin: 0%;
  width: 100%;
  height: 33.5%;
}

.image-120 {
  width: 100vw;
  margin-top: 346px;
  position: static;
}

.image-121 {
  margin-bottom: 203px;
}

.image-122 {
  width: 100%;
  margin-bottom: 1200px;
}

.spline-scene-32 {
  height: 2000px;
  margin-top: 1198px;
  position: static;
  top: -593px;
}

.text-span-22 {
  font-size: 40px;
}

.container-20 {
  max-width: 1400px;
}

.hero-thing {
  width: 100%;
  height: auto;
}

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

.projectblock {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 600px;
  display: flex;
}

.projectblock.mob {
  height: 800px;
}

.projectblock.laptop {
  flex-flow: column;
  height: 1000px;
}

.projectext {
  justify-content: center;
  align-items: center;
  display: flex;
}

.projectext.laptop {
  padding-top: 30px;
  padding-bottom: 30px;
}

.div-block-168 {
  width: 300px;
  height: 500px;
}

.videomob {
  background-color: #fff0;
  border-radius: 30px;
  width: 400px;
  height: 100%;
  box-shadow: 12px 13px 12px #0003;
}

.div-block-169 {
  border-radius: 0;
  height: 90%;
  padding-left: 123px;
}

.div-block-169.laptop {
  border-radius: 30px;
  height: 100%;
  padding: 0 10px;
}

.div-block-169.seasonbut {
  border-radius: 30px;
  padding-left: 0;
  padding-right: 0;
  box-shadow: 12px 9px 5px #0003;
}

.div-block-170 {
  justify-content: flex-end;
  align-items: center;
  width: 40%;
  height: 100%;
  padding-right: 0;
  display: flex;
}

.div-block-170.laptop {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 10%;
  margin-bottom: 50px;
}

.div-block-170.seasonbut {
  justify-content: flex-end;
  align-items: center;
  width: 20%;
}

.div-block-171 {
  width: 60%;
  height: 100%;
}

.div-block-171.laptop {
  width: 100%;
  height: 100vh;
}

.div-block-171.seasonbut {
  width: 100%;
  padding-right: 10px;
}

.text-block-51 {
  font-size: 40px;
}

.text-block-51.seasonbutt {
  text-align: right;
  padding-right: 25px;
  line-height: 50px;
}

.body-10 {
  color: #5d3723;
  background-image: linear-gradient(#000, #111);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  font-family: Manrope, sans-serif;
  display: flex;
  overflow: visible;
}

.section-17 {
  max-width: none;
  display: block;
  overflow: hidden;
}

.background-video-12 {
  border-radius: 30px;
  height: 100%;
}

.videolaptop {
  border-radius: 30px;
  width: 100%;
  height: 100%;
  box-shadow: 7px 7px 9px #0000006b;
}

.background-video-13 {
  border-radius: 30px;
  height: 100%;
}

.seasonbutt {
  border-radius: 30px;
  width: 100%;
  height: 100%;
  display: flex;
}

.seasonbutt.sum {
  border-top-left-radius: 30px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 30px;
}

.seasonbutt.wint {
  border-radius: 0 30px 30px 0;
}

.text-block-52 {
  padding-top: 77px;
  font-size: 40px;
  font-weight: 500;
}

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

.socialmedia {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.socialblock {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.textsocialmed {
  width: 100%;
  padding: 18px 426px;
}

.text-block-53 {
  color: #7c6f5c;
}

.text-block-53.sfd {
  padding-top: 20px;
  line-height: 33px;
}

.blockiderdieb {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #bfad9200;
  border-radius: 20px;
  flex-flow: column;
  display: flex;
}

.spline-scene-33 {
  width: 100vw;
  height: 900px;
}

.link-block-8 {
  width: 300px;
}

.holdercards {
  flex-flow: column;
  margin-top: 20px;
  padding-left: 100px;
  padding-right: 100px;
  display: flex;
}

.cardaidesign {
  background-color: #fff;
}

.cardsai {
  background-color: #fff;
  border-radius: 20px;
  flex-flow: column;
  height: auto;
  margin-bottom: 44px;
  display: flex;
  box-shadow: 10px 10px 20px #0003;
}

.cardsai._3 {
  display: none;
}

.holder2blocks {
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
}

.holder2blocks.mob {
  display: none;
}

.blocktext {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 60%;
  display: flex;
}

.blocktext.imageblbalb {
  grid-column-gap: 42px;
  grid-row-gap: 42px;
  justify-content: space-between;
  align-items: center;
  padding-top: 0;
  padding-bottom: 0;
}

.blockimage {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: center;
  align-items: center;
  width: 50%;
  padding-right: 31px;
  display: block;
}

.blockimage.imagblba {
  width: 70%;
  height: 100%;
}

.text-block-54 {
  font-size: 65px;
  font-weight: 300;
}

.image-124 {
  width: 80%;
  padding-left: 0;
}

.image-124.main {
  width: 100%;
  height: 100%;
  display: block;
}

.image-124.main.sdc, .image-124.main.sdcsdc {
  display: none;
}

.text-block-55 {
  text-align: center;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 23px;
}

.blocktext2 {
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 100%;
  display: flex;
}

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

.div-block-173.imagbowerb {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  width: 60%;
}

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

.div-block-174.imagebrwe, .div-block-174.weurhwe {
  justify-content: flex-start;
  align-items: center;
  width: 30%;
}

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

.div-block-175.imagnerw {
  object-fit: cover;
  justify-content: flex-start;
  align-items: center;
  width: 30%;
}

.div-block-176 {
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  height: 100%;
  padding-bottom: 15px;
  padding-left: 60px;
  display: flex;
}

.secondopen {
  justify-content: center;
  align-items: flex-start;
  margin-top: 80px;
}

.promptingblock {
  flex-flow: row;
  justify-content: center;
  align-items: stretch;
  display: flex;
}

.promptingblock.imageprompt {
  flex-flow: column;
  padding-top: 40px;
}

.textimage {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  flex-flow: column;
  padding-top: 0;
  display: flex;
}

.textimage._3dblabla {
  justify-content: center;
  align-items: center;
}

.imageonly {
  justify-content: center;
  align-items: stretch;
  width: 80%;
  height: 100%;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.imagepromptonl {
  justify-content: flex-start;
  align-items: center;
  padding-right: 60px;
  display: flex;
}

.imagepromptonl.werwe {
  justify-content: center;
  align-items: center;
  padding-right: 0;
}

.div-block-177 {
  font-size: 50px;
  font-weight: 300;
}

.titletext {
  padding-bottom: 20px;
  font-size: 60px;
  font-weight: 300;
}

.titletext._2 {
  font-size: 50px;
}

.titletext._3dblaba {
  text-align: center;
  padding-bottom: 0;
  font-size: 55px;
  line-height: 80px;
}

.textbelow {
  padding-top: 15px;
  font-size: 25px;
  line-height: 40px;
}

.textblockprompting {
  grid-column-gap: 47px;
  grid-row-gap: 47px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: auto;
  padding-top: 50px;
  padding-bottom: 60px;
  padding-left: 0;
  display: flex;
}

.textblockprompting.image2 {
  width: 50%;
}

.promptingimage {
  justify-content: flex-end;
  align-items: center;
  height: auto;
  padding-left: 60px;
  display: flex;
}

.seemoreblock {
  justify-content: center;
  align-items: center;
  padding-bottom: 21px;
  display: flex;
}

.div-block-178 {
  flex-flow: column;
  width: 20%;
  height: 40%;
  display: flex;
}

.image-125 {
  width: 15%;
  height: 25px;
}

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

.textseemore {
  text-align: center;
  padding-bottom: 5px;
  font-size: 22px;
}

.textseeless {
  text-align: center;
  font-size: 22px;
}

.imagegentextim {
  display: flex;
}

.div-block-180 {
  justify-content: center;
  align-items: center;
  width: 50%;
  display: flex;
}

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

.spline-scene-34 {
  width: 600px;
  height: 650px;
}

.image-126 {
  width: 50%;
}

.imageaichat {
  width: 100%;
  padding-left: 0;
}

.imageaichat.jfgukjhn, .imageaichat.werwre {
  padding-left: 7px;
}

.background-video-14 {
  z-index: 1;
  border-radius: 20px;
  width: 650px;
  height: 650px;
  box-shadow: 5px 5px 16px #0003;
}

.image-127 {
  width: 100%;
}

.image-128, .image-129 {
  display: block;
}

.outputlinemain {
  width: 50%;
}

.stippellijn {
  flex-flow: column;
  display: flex;
  position: relative;
}

.div-block-182 {
  padding-left: 30px;
  padding-right: 30px;
  position: relative;
}

.image-130 {
  padding-top: 22px;
  position: absolute;
}

.styleguidemoreim {
  width: 20%;
  height: 100%;
  padding-top: 92px;
}

.image-131 {
  width: 50%;
  height: 800px;
}

.div-block-183 {
  padding-left: 30px;
  padding-right: 30px;
}

.finddonkey {
  z-index: 1;
  width: 300px;
  height: 600px;
  margin-top: 3563px;
  margin-left: 559px;
  position: absolute;
}

.div-block-184 {
  padding-left: 30px;
  padding-right: 30px;
}

.section-18 {
  height: 100vh;
}

.splineheader {
  height: 100vh;
  position: relative;
}

.texthero {
  width: 60%;
  padding-top: 252px;
  padding-left: 128px;
  padding-right: 0;
  position: absolute;
  inset: 0% 0% auto;
}

.heading-18 {
  color: #fff;
  -webkit-text-fill-color: inherit;
  object-fit: fill;
  background-clip: border-box;
  height: 95px;
  padding-top: 9px;
  padding-right: 0;
  font-family: Fredericka the Great, sans-serif;
  font-size: 120px;
  font-weight: 400;
}

.text-block-56 {
  color: #fff;
  padding-top: 68px;
  padding-right: 272px;
  font-size: 25px;
  line-height: 30px;
}

.spline-scene-35 {
  height: 100vh;
  position: relative;
}

.div-block-185 {
  height: 100vh;
}

.spline-scene-36 {
  height: 100vh;
  position: sticky;
  top: 25px;
}

.background-video-15 {
  z-index: 1;
  width: 100vw;
  height: 100vh;
  display: none;
}

.wrap {
  z-index: 999;
  perspective: 500px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: none;
  position: absolute;
  inset: 0;
}

.loading {
  z-index: 1;
  color: #101111;
  text-align: center;
  letter-spacing: 2px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 40px;
  font-weight: 200;
  position: absolute;
  inset: 415px 0% 0%;
}

.loading.clone {
  color: #fff;
  top: 419px;
}

.count {
  z-index: 5;
  color: #101111;
  text-align: center;
  letter-spacing: 2px;
  font-family: Georgia, Times, Times New Roman, serif;
  font-size: 38px;
  line-height: 42px;
  position: relative;
  top: 35vh;
}

.blk-block {
  background-color: #101111;
  width: 100vw;
  height: 100vh;
  position: absolute;
  inset: 0%;
}

.blk-block.loading {
  background-color: #f3f1ea;
}

.loadingblock {
  background-color: #f3f1ea;
  width: 100vw;
  height: 100vh;
  position: absolute;
  inset: 0;
}

.spline-scene-37 {
  height: 100vh;
  display: block;
}

.headblock {
  display: none;
  position: relative;
}

.spline-scene-38 {
  height: 100vh;
  display: block;
}

.questionmark {
  font-size: .9em;
  line-height: 1;
}

.stage-car {
  z-index: 2;
  transform-style: preserve-3d;
  width: 100%;
  padding-left: 1%;
  padding-right: 5%;
  position: relative;
  transform: translate3d(0, 0, 2px);
}

.title4 {
  font-size: 1.75em;
  font-weight: 600;
  line-height: 1.2em;
}

.popup-wrapper {
  z-index: 999;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: none;
  position: fixed;
  inset: 0%;
}

.nav-link-wrapper {
  grid-column-gap: .4em;
  align-items: center;
  display: flex;
}

.p-xxxs-start {
  padding-top: .5em;
}

.popup-content {
  margin: 4em;
}

.p-xs-start {
  padding-top: 1.6em;
}

.popup-toggle {
  color: #272531;
  cursor: pointer;
  text-decoration: none;
  transition: all .2s;
}

.popup-toggle:hover {
  opacity: .75;
}

.title1 {
  font-size: 4.25em;
  font-weight: 600;
  line-height: 1.1;
}

.stage-inner {
  perspective: 1200px;
  perspective-origin: 62% 70%;
  width: 100%;
  height: 100%;
}

.popup-inner {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.copy-medium {
  font-size: 1.3em;
  font-weight: 400;
  line-height: 1.45em;
}

.stage-objects-wrapper {
  perspective: 1200px;
  perspective-origin: 62% 70%;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.stage-shape-right {
  transform-style: preserve-3d;
  background-image: linear-gradient(141deg, #f8f1ec 21%, #d1cbcb);
  width: 100%;
  height: 55vh;
  min-height: 30em;
  max-height: 45em;
  margin-bottom: 18%;
  position: absolute;
  transform: rotateX(0)rotateY(-11deg)rotateZ(0);
}

.sun-page-load-overlay {
  background-color: #fffbf5;
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
  inset: 0%;
}

.stage-copy-inner {
  width: 100%;
  margin-top: -2vh;
}

.stage-sun-inner {
  width: 100vw;
  height: 100vh;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.stage-car-shadow {
  width: 100%;
  position: relative;
}

.nav-info-wrapper {
  color: #fffbf5;
  background-color: #272531;
  border-radius: 999em;
  justify-content: center;
  align-items: center;
  width: 1.4em;
  height: 1.4em;
  padding-top: .2em;
  padding-bottom: .2em;
  font-weight: 700;
  display: flex;
}

.popup-background {
  z-index: 0;
  background-color: #e4d7c9f0;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.why-this-site-wrapper {
  z-index: 11;
  position: absolute;
  inset: 4em 0% auto auto;
}

.stage-sun-wrapper {
  z-index: 10;
  justify-content: flex-start;
  align-items: center;
  position: sticky;
  top: 0%;
}

.popup-content-wrapper {
  z-index: 1;
  background-color: #fffbf5;
  border-radius: 1.3em;
  width: 90vw;
  max-width: 55em;
  max-height: 90%;
  position: relative;
  overflow: auto;
}

.stage-shapes-wrapper {
  justify-content: flex-end;
  align-items: flex-end;
  width: 50%;
  height: 100%;
  position: absolute;
  right: 0;
}

.sun-page-load {
  background-image: radial-gradient(circle closest-side, #fffcf4 42%, #fff 51%, #fffcf700);
  width: 25em;
  min-width: 25em;
  height: 25em;
  min-height: 25em;
  margin-top: -10em;
  margin-left: -2em;
  position: absolute;
  inset: 0% auto auto 0%;
}

.stage-car-shine {
  z-index: 3;
  opacity: 0;
  mix-blend-mode: overlay;
  background-image: radial-gradient(circle closest-side, #ffde89, #e7e7e700);
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0% auto auto 0%;
}

.section-stage {
  height: 200vh;
  position: relative;
}

.save-sion-1 {
  display: block;
}

.stage-car-shadow-wrapper {
  z-index: 0;
  transform-style: preserve-3d;
  width: 100%;
  position: absolute;
  bottom: 0;
  transform: translate3d(0, 0, 1px);
}

.stage-object-inner {
  perspective: 1200px;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.stage-copy-wrapper {
  z-index: 1;
  justify-content: flex-start;
  align-items: center;
  width: 60em;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0% auto 0% 0;
}

.gutter-outside {
  padding-left: 7em;
  padding-right: 7em;
}

.stage-car-floor {
  width: 88%;
  position: absolute;
  top: auto;
  bottom: 4.5%;
  right: -5%;
}

.stage-shape-right-wrapper {
  perspective: 1200px;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.sun-scroll-animation {
  opacity: 0;
  background-image: radial-gradient(circle closest-side, #fffcf4 48%, #fff 55%, #fffcf700);
  width: 25em;
  height: 25em;
  position: absolute;
  inset: -10em auto auto -2em;
}

.stage-car-floor-wrapper {
  opacity: .3;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.button-8 {
  color: #ffde89;
  text-align: center;
  background-color: #272531;
  border: .15em solid #272531;
  border-radius: 999em;
  margin-bottom: 0;
  padding: .9em 1.6em;
  font-size: 1.1em;
  font-weight: 600;
  line-height: 1.1em;
  text-decoration: none;
  transition: all .3s cubic-bezier(.215, .61, .355, 1);
}

.button-8:hover {
  opacity: .9;
  color: #ffde89;
}

.button-8:active {
  transform: scale(.95);
}

.button-8.small {
  font-size: .9em;
}

.popup-close-icon {
  width: 1em;
  height: 1em;
}

.stage-header {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  position: absolute;
}

.savesion-wrapper {
  z-index: 11;
  justify-content: center;
  align-items: center;
  width: auto;
  display: flex;
  position: absolute;
  top: 4em;
}

.stage-car-inner {
  width: 100%;
  height: 100%;
  position: relative;
}

.stage-wrapper {
  background-image: linear-gradient(#c8c8ca, #dfd7d4 18%, #f5f0ea 76%, #c8c8ca80);
  width: 100%;
  height: 100vh;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.stage-car-wrapper {
  width: 66%;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: auto 4% 9% auto;
}

.save-sion-2, .save-sion-3 {
  display: block;
}

.savesion-type {
  color: #7e6951ad;
  align-items: center;
  font-family: Montserrat, sans-serif;
  font-weight: 400;
  display: flex;
}

.overflow-hidden {
  padding-top: 5px;
  overflow: hidden;
}

.popup-close {
  z-index: 2;
  color: #ffde89;
  cursor: pointer;
  background-color: #272531;
  border-radius: 999em;
  justify-content: center;
  align-items: center;
  width: 3.5em;
  height: 3.5em;
  transition: all .2s;
  display: flex;
  position: absolute;
  inset: 1em 1em auto auto;
}

.popup-close:hover {
  transform: scale(1.1);
}

.heading-style-h2 {
  color: #644033;
  letter-spacing: -.02em;
  font-family: Montserrat, sans-serif;
  font-size: 2.875rem;
  font-weight: 300;
  line-height: 1.2;
}

.heading-style-h2.uxui {
  color: #6b3a22;
}

.home-hero_image-wrapper {
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
}

.button_icon-1 {
  padding: 1px;
  position: absolute;
  inset: 0%;
}

.home-reviews_customer-image {
  object-fit: cover;
  border-radius: 100%;
  width: 3rem;
  min-width: 3rem;
  height: 3rem;
  min-height: 3rem;
}

.banner-heading-top {
  font-size: 7.5rem;
  font-weight: 300;
  line-height: .8;
}

.faq_icon-horizontal-line {
  background-color: #424242;
  width: 1.5rem;
  height: 1px;
  position: absolute;
}

.button-group {
  z-index: 3;
  grid-column-gap: 1.5rem;
  grid-row-gap: 1rem;
  background-color: #f9f4f1;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: auto;
  padding: 10px 0;
  font-size: 14px;
  display: flex;
  position: relative;
}

.button-group.is-center {
  justify-content: center;
  display: none;
}

.button-group.wqeqewq {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  justify-content: flex-start;
  align-items: center;
  padding: 0 155px 0 80px;
}

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

.home-list_icon-embed {
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  margin-top: .75rem;
  display: flex;
}

.home-hero_scoll-line {
  background-color: #000;
  width: 100%;
  height: 100%;
}

.button-text {
  letter-spacing: -.02em;
}

.home-line {
  z-index: 1;
  background-color: #a3a3a3;
  width: 100%;
  height: 1px;
  position: absolute;
  inset: auto 0% 0%;
}

.home-hero_content-left {
  flex: none;
  max-width: 45rem;
  margin-left: 5vw;
  margin-right: 5rem;
  padding-bottom: 5em;
  position: relative;
}

.standard-layout_image {
  width: 50%;
}

.home-services_tab-wrapper {
  color: #fff;
  background-color: #f9f2ef;
  align-items: center;
  width: 25%;
  height: 100%;
  padding: 6.5vw;
  display: block;
  position: relative;
}

.home-services_tab-wrapper.bg-black, .home-services_tab-wrapper.bg-black._3d {
  display: none;
}

.home-services_tab-wrapper.bg-black._3dani, .home-services_tab-wrapper.bg-black.aistyff, .home-services_tab-wrapper.bg-black.creativethink {
  background-color: #dfcfc3;
  padding-top: 4.5vw;
  display: block;
}

.home-services_tab-wrapper.ux-ui {
  background-color: #dfcfc3;
  padding-top: 3.5vw;
  padding-bottom: 7.5vw;
  display: block;
}

.home-reviews_client-image-wrapper {
  margin-right: 1rem;
}

.home-services_top {
  border-top: 1px #a3a3a3;
  align-items: flex-end;
  width: 100%;
  height: 8rem;
  padding-bottom: 1.5em;
  display: flex;
  position: relative;
}

.home_work_component {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 50rem;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: relative;
  overflow: hidden;
}

.margin-top {
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
}

.standard-layout_image-wrapper {
  justify-content: center;
  align-items: center;
  display: flex;
}

.icon-embed-xsmall {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1.5rem;
  height: 1.5rem;
  display: flex;
}

.icon-embed-xsmall.yellow {
  color: #ff5330;
}

.faq_top {
  z-index: 1;
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  cursor: pointer;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 6.5rem;
  display: flex;
  position: relative;
}

.text-size-large {
  font-size: 1.25rem;
}

.faq_question-text {
  letter-spacing: -.025em;
  font-size: 1.75rem;
}

.standard-layout_component {
  grid-column-gap: 5rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
}

.home-services_button-list-wrapper {
  flex: 1;
}

.home-work_work-title {
  font-family: Montserrat, sans-serif;
  font-size: 35px;
  font-weight: 400;
}

.home-work_work-title.light {
  color: #173061;
  font-family: Montserrat, sans-serif;
  font-size: 35px;
  font-weight: 400;
}

.home-work_work-title.light.dark {
  color: #f9f4ff;
}

.home-work_work-title.light.dash {
  color: #460f0f;
  font-size: 35px;
  font-weight: 400;
}

.section_home-hero {
  background-color: #f9f4f1;
  display: none;
}

.section_home-reviews {
  overflow: hidden;
}

.text-weight-semibold {
  font-weight: 600;
}

.faq_icon-vertical-line {
  background-color: #424242;
  width: 1px;
  height: 1.5rem;
  position: absolute;
}

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

.home-services_right {
  background-color: #a78f83;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 200%;
  height: 100%;
  margin-left: 50%;
  display: flex;
  position: absolute;
  inset: 0% auto auto 0%;
  overflow: hidden;
}

.padding-section-huge {
  padding-top: 13rem;
  padding-bottom: 13rem;
  overflow: hidden;
}

.home-reviews_component {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: stretch;
  display: grid;
}

.home-services_left {
  background-color: #a78f83;
  flex-direction: row;
  align-items: center;
  width: 200%;
  height: 100%;
  margin-right: 50%;
  display: flex;
  position: absolute;
  inset: 0% 0% auto auto;
  overflow: hidden;
}

.home-work_work-description {
  font-family: Montserrat, sans-serif;
  font-size: 20px;
}

.home-work_work-description.light {
  color: #173061;
  font-family: Montserrat, sans-serif;
  font-size: 20px;
  font-weight: 500;
}

.home-work_work-description.light.dark {
  color: #f9f4ff;
}

.home-work_work-description.light.dash {
  color: #500e0e;
}

.home-hero_component {
  background-color: #f9f4f1;
  height: 200vh;
  display: block;
  position: relative;
}

.tab-panels-contain {
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.card-whipe {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0% auto auto 0%;
}

.home-reviews_rating-icon {
  color: #0000;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.hero-value-display-text {
  color: #b69988;
  text-align: center;
  letter-spacing: -.01em;
  margin-right: 0;
  padding-left: 25px;
  padding-right: 25px;
  font-family: Montserrat, sans-serif;
  font-size: 58px;
  font-weight: 900;
  line-height: 100px;
}

.link-underline-line {
  background-color: #000;
  width: 100%;
  height: 1.15px;
  transform: translate(-101%);
}

.home-hero-h1 {
  line-height: 1.2;
}

.padding-section-large {
  background-color: #fefdfd;
  padding-top: 2rem;
  padding-bottom: 4.3rem;
  box-shadow: 0 -5px 19px #0000001c;
}

.padding-section-large.wreewrew {
  box-shadow: none;
  background-color: #fefdfd00;
}

.home-list_text {
  color: #525252;
  font-size: 1.5rem;
}

.section_home-services {
  background-color: #fff;
  position: relative;
}

.home_work_image-wrapper {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.home-hero_content-right {
  flex: none;
  width: 40%;
  display: block;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.container-large {
  width: 100%;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
}

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

.main-wrapper {
  overflow: visible;
}

.main-wrapper.laptop {
  background-color: #fff0;
  display: block;
  overflow: hidden;
}

.main-wrapper.mobile {
  display: none;
}

.home_work_item {
  border-radius: 1rem;
  justify-content: center;
  align-items: center;
  width: 42%;
  margin-left: 1%;
  margin-right: 1%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.home-services_image {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.home-ph_component {
  z-index: 3;
  cursor: default;
  background-color: #f9f4f1;
  width: 70%;
  margin-right: 0;
  position: relative;
}

.home-hero_content-wrapper {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #f9f4f1;
  grid-template-rows: auto;
  grid-template-columns: 1.25fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  height: 100vh;
  display: grid;
  position: sticky;
  top: 0;
}

.button-9 {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  background-color: #0000;
  border: 1.45px solid #ff5330;
  border-radius: .875rem;
  justify-content: center;
  align-items: center;
  padding: .575rem 1.5rem;
  transition: all .5s cubic-bezier(.165, .84, .44, 1);
  display: flex;
  overflow: hidden;
}

.button-9:hover {
  background-color: #ff5330;
}

.button-9:active {
  background-color: #e44120;
  border-color: #e44120;
}

.button-9.is-secondary {
  border-style: none;
  border-radius: 0;
  padding: 0;
  transition-property: none;
  display: block;
}

.button-9.is-secondary:hover {
  background-color: #0000;
}

.home_work_scroll-wrapper {
  justify-content: center;
  width: 100%;
  max-width: 182rem;
  height: 60%;
  display: flex;
}

.home-work_text-wrapper {
  z-index: 1;
  color: #fff;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 60%;
  display: flex;
  position: absolute;
}

.margin-bottom {
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
}

.margin-bottom.margin-small {
  margin: 1rem 0;
}

.home-services_tab-content {
  flex-direction: column;
  justify-content: center;
  width: 100%;
  max-width: 45rem;
  height: 100%;
  padding-bottom: 0;
  display: block;
}

.home-services_button-list {
  z-index: 1;
  width: 67%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.text-size-medium {
  font-size: 1.125rem;
}

.home-reviews_client {
  text-align: left;
  align-items: center;
  display: flex;
}

.banner-heading-wrapper {
  white-space: nowrap;
  flex-direction: column;
  margin-bottom: 4rem;
  display: flex;
}

.padding-global {
  background-color: #fefdfd00;
  padding-top: 0;
  padding-left: 5%;
  padding-right: 5%;
}

.padding-global.hjb {
  box-shadow: none;
}

.section_home-work {
  width: 100vw;
  position: relative;
  overflow: hidden;
}

.home-services_button {
  cursor: pointer;
  flex: 1;
  justify-content: center;
  align-items: center;
  padding-top: .75rem;
  padding-bottom: .5rem;
  display: flex;
}

.home-services_bottom {
  background-color: #a78f83;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 40rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.home-services_image-wrapper {
  object-fit: contain;
  width: 100%;
  position: absolute;
  inset: 0% auto 0% 0%;
  overflow: hidden;
}

.home-services_button-selector {
  background-color: #dfcfc3;
  border: 1px #ff533078;
  border-radius: .875rem;
  width: 25%;
  height: 100%;
  position: absolute;
  inset: 0%;
  box-shadow: 2px 2px 8px #0003;
}

.home-hero_scoll-wrapper {
  width: 1px;
  height: 10rem;
  position: absolute;
  inset: auto auto -14rem 0;
  overflow: hidden;
}

.home-list_grid {
  grid-column-gap: 6rem;
  grid-row-gap: 0rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

.home-list_text-wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
  display: flex;
}

.home-services_image-item {
  align-items: center;
  width: 25%;
  height: 100%;
  display: flex;
  position: relative;
}

.home-hero_image-whipe {
  background-color: #e7e2dc;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0% auto auto 0%;
}

.home-hero_image-whipe.bg-cream-shade {
  background-color: #fff0;
  padding-left: 176px;
  display: block;
}

.home-services_component {
  background-color: #dccfc9;
  background-image: linear-gradient(#fff, #dccfc9);
  max-width: 180rem;
  margin-left: auto;
  margin-right: auto;
}

.text-size-small {
  font-size: .875rem;
}

.home-reviews_content {
  border: 1px solid #0000;
  border-radius: .875rem;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  padding: 2rem;
  display: flex;
}

.home-services_button-text {
  text-align: center;
  letter-spacing: -.01em;
  font-size: 1rem;
  font-weight: 500;
}

.home-services_button-text.is-2 {
  color: #644033;
  font-family: Montserrat, sans-serif;
  font-size: 1.1rem;
  font-weight: 400;
}

.home-services_button-text.is-1 {
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 1.1rem;
  font-weight: 400;
}

.home-services_button-text.is-3, .home-services_button-text.is-4 {
  color: #644033;
  font-family: Montserrat, sans-serif;
  font-size: 1.1rem;
  font-weight: 400;
}

.button-icon-2 {
  padding: 1px;
  position: absolute;
  inset: 0%;
  transform: translate(-131%);
}

.faq_whipe {
  z-index: 0;
  background-color: #dfd8d1;
  width: 100%;
  height: 6.8em;
  position: absolute;
  inset: 0% auto auto 0%;
}

.container-medium {
  width: 100%;
  max-width: 64rem;
  margin-left: auto;
  margin-right: auto;
}

.home-hero_ix-trigger {
  z-index: -1;
  margin-top: 100vh;
  display: block;
  position: absolute;
  inset: 0%;
}

.faq_answer-wrapper {
  color: #e5e5e5;
  flex-direction: column;
  align-items: flex-start;
  max-width: 53rem;
  padding: 3.75rem 6rem;
  display: flex;
}

.home-list_item {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.faq_item {
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
  position: relative;
  overflow: hidden;
}

.faq_bottom {
  z-index: 2;
  background-color: #292929;
  width: 100%;
  min-width: 100%;
  position: relative;
}

.spacer-xlarge {
  width: 100%;
  padding-top: 4rem;
}

.text-color-gray300 {
  color: #5f3813;
  padding-top: 5px;
  font-family: Montserrat, sans-serif;
  font-size: 17px;
  font-weight: 300;
  text-decoration: none;
}

.text-color-gray300.uxui {
  color: #6b3a22;
  padding-top: 5px;
}

.text-color-gray300.uxui.fwefwe.werwer, .text-color-gray300.uxui.fwefwe.werwer.sfs, .text-color-gray300.uxui.fwefwe.werwer.sdf, .text-color-gray300.uxui.fwefwe.werwer.sfdsf, .text-color-gray300.uxui.fwefwe.werwer.sfsf {
  padding-left: 20px;
}

.home-reviews_rating-wrapper {
  margin-bottom: 1.5rem;
  display: flex;
}

.faq_question-wrapper {
  align-items: center;
  display: flex;
}

.home-servoces_anchor-top {
  width: 100%;
  height: 0;
  margin-top: -5rem;
  position: absolute;
}

.banner-heading-bottom {
  color: #ff5330;
  align-self: flex-end;
  font-size: 7.5rem;
  font-weight: 300;
  line-height: .8;
}

.button_icon-wrapper {
  width: 1rem;
  height: 1rem;
  position: relative;
  overflow: hidden;
}

.faq_plus-icon-wrapper {
  background-color: #fff;
  border-radius: .5rem;
  justify-content: center;
  align-items: center;
  width: 3.5rem;
  min-width: 3.5rem;
  height: 3.5rem;
  min-height: 3.5rem;
  transition: background-color .2s cubic-bezier(.165, .84, .44, 1);
  display: flex;
  position: relative;
}

.faq_plus-icon-wrapper:hover {
  background-color: #ff5330;
}

.faq_plus-icon-wrapper:active {
  background-color: #e44120;
}

.max-width-large {
  width: 100%;
  max-width: 37rem;
}

.button-10 {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  background-color: #0000;
  border: 1.45px solid #ff5330;
  border-radius: .875rem;
  justify-content: center;
  align-items: center;
  padding: .575rem 1.5rem;
  transition: all .5s cubic-bezier(.165, .84, .44, 1);
  display: flex;
  overflow: hidden;
}

.button-10:hover {
  background-color: #ff5330;
}

.button-10:active {
  background-color: #e44120;
  border-color: #e44120;
}

.button-10.is-secondary {
  border-style: none;
  border-radius: 0;
  padding: 0;
  transition-property: none;
  display: block;
}

.button-10.is-secondary:hover {
  background-color: #0000;
}

.image-134 {
  position: relative;
}

.heading-19 {
  color: #644033;
  font-family: Montserrat, sans-serif;
  font-weight: 300;
}

.ing-header {
  display: none;
}

.starbucks-header {
  width: 100%;
  display: block;
}

.text-span-26, .text-span-27, .text-span-28 {
  font-weight: 400;
}

.text-span-29, .text-span-30 {
  font-weight: 500;
  text-decoration: none;
}

.text-span-31 {
  text-decoration: none;
}

.text-span-32, .text-span-33, .text-span-34 {
  font-weight: 500;
  text-decoration: none;
}

.spline-scene-39, .spline-scene-39.starbucks {
  display: block;
}

.text-span-35, .text-span-36, .text-span-37, .text-span-38 {
  font-weight: 500;
}

.text-span-39 {
  font-weight: 300;
}

.text-span-40, .text-span-41, .text-span-42, .text-span-43 {
  font-weight: 500;
}

.logos-skills {
  background-color: #fefdfd;
  padding-top: 25px;
  display: block;
}

.div-block-191 {
  height: 80vh;
  padding-top: 0;
}

.background-video-16 {
  z-index: 1;
  border-radius: 20px;
  height: 500px;
}

.background-video-17 {
  z-index: 1;
  border-radius: 20px;
  width: 350px;
  padding-bottom: 0;
}

.div-block-192 {
  padding-top: 30px;
}

.div-block-193 {
  display: flex;
}

.shoebox {
  justify-content: center;
  align-items: flex-start;
  height: 100vh;
  display: block;
  position: static;
}

.text-block-59 {
  color: #fff;
  text-align: center;
  justify-content: center;
  align-items: center;
  height: auto;
  font-family: Work Sans, sans-serif;
  font-size: 20em;
  font-weight: 700;
  line-height: 45px;
  display: none;
}

.spline-scene-40 {
  height: 100vh;
  position: sticky;
  top: 0;
}

.ingspline {
  height: 100vh;
  display: none;
}

.spline-scene-41 {
  display: none;
}

.applebot {
  height: 100vh;
  display: none;
}

.div-block-194 {
  background-color: #fff;
  width: 200px;
  height: 57px;
}

.landinggameportmob {
  display: none;
}

.div-block-204 {
  background-color: #fff;
  background-image: linear-gradient(311deg, #000, #464646);
  border: .7px solid #ffffff3d;
  border-radius: 10px;
  padding: 0 20px;
  font-family: Manrope, sans-serif;
}

.div-block-204:hover {
  color: #fff;
  background-color: #7c6f5c;
}

.dropdown-toggle-2 {
  display: inline-block;
}

.dropdown-2, .div-block-213, .image-141, .div-block-214, .section-19 {
  display: none;
}

.div-block-218, .div-block-220, .div-block-221 {
  display: flex;
}

.div-block-224 {
  flex-flow: column;
  padding-top: 40px;
  display: flex;
}

.div-block-224.dfsdf {
  padding-top: 20px;
}

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

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

.text-span-50, .text-span-51, .text-span-52, .text-span-53, .text-span-54, .text-span-55, .text-span-56, .text-span-57, .text-span-58, .text-span-59 {
  font-weight: 500;
}

.text-span-60 {
  font-weight: 600;
}

.text-span-61, .text-span-62, .text-span-63, .text-span-64, .text-span-65, .text-span-66, .text-span-67, .text-span-68, .text-span-69, .text-span-70, .text-span-71, .text-span-72, .text-span-73, .text-span-74, .text-span-75, .text-span-76 {
  font-weight: 500;
}

.spline-scene-48 {
  display: none;
}

.div-block-232 {
  height: 100vh;
  position: relative;
}

.div-block-233 {
  width: 700px;
  height: auto;
  position: absolute;
  inset: 58% 0% auto 10%;
}

.text-block-70 {
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  padding-bottom: 25px;
  font-family: Philosopher, sans-serif;
  font-size: 90px;
  font-weight: 700;
  line-height: 70px;
}

.text-block-71 {
  color: #ffffff85;
  font-family: Lato, sans-serif;
  font-size: 20px;
  font-weight: 300;
  line-height: 35px;
}

.spline-scene-49 {
  width: 100vw;
  height: 100vh;
}

.image-151 {
  z-index: -1;
  object-fit: cover;
  position: relative;
}

.div-block-235 {
  background-color: #0000;
}

.div-block-236 {
  width: 50vh;
  height: 100vh;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.div-block-237 {
  width: 50vh;
  height: 100vh;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.div-block-238 {
  position: absolute;
}

.div-block-239 {
  width: 100vw;
  height: 100vh;
  display: flex;
  position: absolute;
  top: 600px;
}

.div-block-239.bottom {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: flex-end;
  align-items: center;
  display: flex;
  top: 1500px;
}

.div-block-239.sdfds {
  top: 1347px;
  overflow: hidden;
}

.divleft {
  justify-content: center;
  align-items: center;
  width: 50vw;
  height: 100vh;
  padding-top: 0;
  padding-bottom: 81px;
  display: flex;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.textblock {
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.divright {
  justify-content: center;
  align-items: flex-start;
  width: 75vw;
  height: 150vh;
  padding-left: 126px;
  display: flex;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.text-block-72 {
  color: #ffffffd9;
  letter-spacing: 4px;
  text-indent: 0;
  white-space: normal;
  font-size: 35px;
  line-height: 40px;
}

.div-block-240 {
  grid-column-gap: 21px;
  grid-row-gap: 21px;
  flex-flow: column;
  width: 80%;
  display: flex;
}

.spline-scene-50 {
  box-sizing: border-box;
  aspect-ratio: auto;
  object-fit: fill;
  width: 900px;
  height: 900px;
}

.div-block-241 {
  width: 100vw;
  height: 100vh;
  position: absolute;
}

.spline-scene-51 {
  height: 100%;
}

.spline-scene-52 {
  width: 1700px;
  height: 100%;
}

.div-block-242 {
  width: 100vw;
  height: 100vh;
  position: absolute;
}

.div-block-243 {
  justify-content: flex-start;
  align-items: center;
  width: 50vw;
  height: 100vh;
  display: flex;
  position: absolute;
  inset: 0% 0 0% 10%;
}

.div-block-243.asdasd {
  left: 49%;
}

.text-block-73 {
  color: #ffffff8f;
  line-height: 33px;
}

.text-block-74 {
  color: #ffffff94;
  padding-right: 91px;
  line-height: 35px;
}

.div-block-244 {
  padding-right: 55px;
  display: flex;
}

.div-block-245 {
  width: 1800px;
  height: 100vh;
  padding-right: 0;
  position: relative;
  left: -45px;
}

.text-block-75 {
  color: #ffffff9e;
  position: relative;
  left: 75px;
}

.div-block-246 {
  width: auto;
  padding-left: 0;
}

.div-block-247 {
  width: auto;
  position: relative;
  left: 338px;
}

.div-block-248 {
  z-index: 1;
  justify-content: flex-end;
  align-items: center;
  width: 100vw;
  padding-top: 8px;
  padding-right: 23px;
  display: flex;
  position: static;
}

.div-block-249 {
  grid-column-gap: 53px;
  grid-row-gap: 53px;
  justify-content: flex-end;
  align-items: center;
  padding-top: 8px;
  padding-right: 32px;
  display: flex;
}

.text-block-76 {
  color: #fff;
  font-size: 14px;
}

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

.footer-dark {
  background-color: #000;
  border-bottom: 1px solid #e4ebf3;
  padding: 50px 30px 15px;
  position: absolute;
  inset: auto 0% 0%;
}

.container-21 {
  width: 100%;
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
}

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

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

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

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

.footer-link {
  color: #ffffffb3;
  margin-top: 12px;
  margin-bottom: 6px;
  font-size: 14px;
  line-height: 16px;
  text-decoration: none;
}

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

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

.footer-social-link {
  margin-left: 12px;
}

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

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

.body-11 {
  background-image: linear-gradient(#000, #313131 23%, #000 67%, #313131);
}

.div-block-256 {
  height: 55vh;
  position: relative;
}

.spline-scene-53 {
  height: 90vh;
}

.div-block-257 {
  grid-column-gap: 41px;
  grid-row-gap: 41px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 575px;
  margin-left: 249px;
  padding: 0;
  display: flex;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.heading-20 {
  font-size: 25px;
}

.heading-21 {
  color: #fff;
  margin-bottom: 0;
  font-size: 20px;
}

.text-block-82 {
  font-size: 75px;
}

.text-span-80 {
  color: #fcfcfc;
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
  font-weight: 500;
}

.text-block-83 {
  text-align: center;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(315deg, #1a5e81, #77cbe5);
  -webkit-background-clip: text;
  background-clip: text;
  width: auto;
  height: 100px;
  padding-top: 36px;
  padding-left: 0;
  font-size: 80px;
  font-weight: 400;
  display: flex;
}

.div-block-258 {
  grid-column-gap: 33px;
  grid-row-gap: 33px;
  display: flex;
}

.div-block-259 {
  color: #fff;
  background-color: #28ffed;
  background-image: linear-gradient(323deg, #283e4b, #4dd5ff);
  border-radius: 20px;
  width: 38%;
  padding: 7px 30px;
}

.text-block-84 {
  font-size: 14px;
  font-weight: 500;
}

.div-block-260 {
  color: #000;
  background-color: #0000;
  border-radius: 19px;
  padding: 8px 30px;
  font-weight: 500;
}

.text-block-85 {
  color: #017e94;
  font-size: 14px;
  font-weight: 600;
}

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

.text-block-86 {
  color: #fff;
  padding-top: 13px;
  padding-bottom: 44px;
  font-size: 15px;
  font-weight: 500;
}

.text-span-81, .text-span-82, .text-span-83 {
  font-weight: 700;
}

.text-span-84, .text-span-85, .text-span-86 {
  font-weight: 300;
}

.text-span-87 {
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(169deg, #923601 14%, #6f3d17);
  -webkit-background-clip: text;
  background-clip: text;
  font-weight: 300;
}

.text-span-88 {
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(90deg, #1e00ff, #ff00ae);
  -webkit-background-clip: text;
  background-clip: text;
  font-weight: 400;
}

.div-block-262 {
  width: 100%;
  height: 100%;
  display: flex;
}

.image-157 {
  width: 10%;
}

.div-block-263 {
  grid-column-gap: 11px;
  grid-row-gap: 11px;
  background-color: #835b3e;
  background-image: linear-gradient(315deg, #b69988, #b69988 35%, #fcf0d8);
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  padding: 6px 0 7px;
  display: flex;
}

.text-block-87 {
  color: #fff5e4;
  font-family: Montserrat, sans-serif;
  font-size: 18px;
  font-weight: 400;
  display: flex;
}

.link-block-9 {
  border-radius: 20px;
  width: 100px;
  padding: 0;
}

.image-158 {
  display: block;
}

.text-block-88 {
  z-index: 2;
  color: #b69988;
  background-color: #f9f4f1;
  padding-top: 21px;
  padding-bottom: 55px;
  padding-left: 40px;
  font-family: Montserrat, sans-serif;
  font-size: 55px;
  font-weight: 900;
  line-height: 75px;
  position: relative;
}

.div-block-264 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #b6998800;
  border: .7px solid #ffffff9c;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  width: 200px;
  padding: 4px 0;
  font-size: 10px;
  display: flex;
  box-shadow: 2px 2px 16px #0003;
}

.image-159 {
  width: 15%;
  height: auto;
}

.text-block-89 {
  color: #ffffffc4;
  border-radius: 20px;
  padding: 4px 20px 4px 10px;
  font-family: Avenir, Verdana, sans-serif;
  font-size: 16px;
  font-weight: 400;
  text-decoration: none;
}

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

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

.spline-scene-54 {
  height: 600px;
}

.text-block-94 {
  color: #fff;
  font-weight: 500;
  text-decoration: underline;
}

.image-160 {
  padding-top: 44px;
}

.loader_progress {
  z-index: 1;
  mix-blend-mode: exclusion;
  background-color: #e7e2dc;
  width: 0%;
  height: 100%;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.loader_top {
  background-color: #292929;
  border-bottom: 1.5px solid #dfd8d1;
  position: relative;
}

.loader_number {
  color: #e7e2dc;
  letter-spacing: -.07em;
  margin-bottom: -7rem;
  font-size: 27rem;
  line-height: 1;
}

.loader_bottom-wrapper {
  justify-content: flex-end;
  max-width: 90rem;
  margin-left: auto;
  margin-right: auto;
  padding: 8rem 5vw;
  display: flex;
  position: relative;
}

.loader {
  z-index: 2147483647;
  letter-spacing: 0;
  background-color: #292929;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  height: 100vh;
  display: none;
  position: fixed;
  inset: 0% 0% auto;
  overflow: hidden;
}

.trigger {
  width: 0;
  height: 0;
  padding: 0;
  display: none;
  position: fixed;
  inset: 0% auto auto 0%;
}

.loader_text {
  color: #e7e2dc;
  mix-blend-mode: exclusion;
}

.loader_text.is-left {
  letter-spacing: -.02em;
  font-size: 1.75rem;
}

.loader_top-wrapper {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 1.25rem 1.75rem;
  display: flex;
}

.container-22 {
  aspect-ratio: auto;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: none;
  display: block;
  overflow: hidden;
}

.container-22.phone {
  display: none;
}

.div-block-269 {
  width: 40%;
  display: none;
}

.div-block-270 {
  justify-content: center;
  align-items: center;
  width: 60%;
  display: none;
}

.text-block-95 {
  color: #644033;
  background-color: #f9f4f1;
  width: auto;
  font-family: Montserrat, sans-serif;
  font-size: 60px;
  font-weight: 300;
}

.image-161 {
  width: 20%;
}

.jhvjvg {
  width: 10%;
  height: 10%;
}

.giig {
  width: 13%;
  height: 13%;
}

.beeemid {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-271 {
  grid-column-gap: 41px;
  grid-row-gap: 41px;
  flex-flow: column;
  padding-top: 263px;
  display: flex;
}

.text-block-96 {
  color: #644033;
  text-align: center;
  padding-left: 111px;
  padding-right: 111px;
  font-family: Montserrat, sans-serif;
  font-size: 40px;
  font-weight: 300;
  line-height: 60px;
}

.div-block-272 {
  justify-content: center;
  align-items: center;
  width: 50%;
  display: flex;
}

.text-span-89, .text-span-90, .text-span-91 {
  font-weight: 400;
}

.div-block-273 {
  display: flex;
  position: absolute;
}

.link-block-10 {
  padding-top: 0;
}

.text-block-97 {
  text-align: center;
  justify-content: center;
  align-items: center;
  padding-bottom: 20px;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  display: flex;
}

.text-block-97.rwer {
  padding-bottom: 0;
}

.text-block-97.asda {
  font-weight: 600;
}

.div-block-274 {
  justify-content: center;
  align-items: center;
  padding-top: 0;
  display: flex;
}

.photoside {
  grid-column-gap: 13px;
  grid-row-gap: 13px;
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-end;
  width: 40%;
  padding-bottom: 60px;
  font-family: Montserrat, sans-serif;
  font-size: 20px;
  display: block;
}

.phonething {
  flex-flow: row;
  width: 60%;
  padding: 0;
  display: block;
}

.div-block-275 {
  justify-content: flex-start;
  align-items: center;
  padding-left: 0;
  display: flex;
  position: relative;
}

.div-block-276 {
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  flex-flow: column;
  width: 60%;
  display: flex;
  position: static;
}

.ask {
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.image-162 {
  width: 70%;
  display: none;
}

.div-block-277 {
  justify-content: flex-end;
  align-items: flex-start;
  height: auto;
  display: flex;
}

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

.image-163 {
  width: 75%;
}

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

.image-164 {
  width: 30%;
}

.image-165, .image-166 {
  width: 40%;
}

.div-block-280 {
  padding-left: 34px;
}

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

.porthigh {
  justify-content: center;
  align-items: center;
  display: flex;
}

.porthigh.hjjvh {
  display: none;
}

.div-block-282 {
  border: 1px solid #000;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-283 {
  height: 150px;
}

.div-block-284 {
  display: flex;
}

.div-block-285 {
  width: 100px;
}

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

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

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

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

.div-block-290 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-top: -131px;
  margin-left: 493px;
  display: flex;
  position: absolute;
}

.div-block-291 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 130px 90px 67px;
  display: block;
}

.image-167 {
  position: relative;
}

.div-block-292 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: center;
  align-items: center;
  padding-top: 46px;
  display: flex;
  position: relative;
}

.div-block-292.rhthhw {
  display: flex;
}

.div-block-293 {
  color: #fff;
  background-color: #8a8a8a;
  border-radius: 14px;
  padding: 5px 15px;
  position: relative;
}

.div-block-294 {
  justify-content: flex-end;
  align-items: stretch;
  width: 100%;
  padding: 0;
  display: flex;
  position: static;
}

.div-block-295 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
}

.div-block-296 {
  color: #fff;
  background-image: linear-gradient(81deg, #800089 12%, #0011a8);
  border-radius: 18px;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  padding: 18px 14px 18px 27px;
  display: flex;
  box-shadow: 5px 5px 16px #00000096;
}

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

.speakleft {
  justify-content: flex-start;
  align-items: center;
  padding-left: 0;
  display: flex;
}

.speakright {
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.speechbubble {
  grid-column-gap: 35px;
  grid-row-gap: 35px;
  flex-flow: column;
  padding-top: 149px;
  padding-left: 287px;
  padding-right: 259px;
  display: flex;
  position: absolute;
  inset: 6% 8% 0% 436px;
}

.div-block-297 {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  padding-top: 65px;
  padding-bottom: 99px;
  padding-right: 60px;
  display: flex;
}

.image-168 {
  width: 75%;
  position: relative;
}

.div-block-298 {
  justify-content: center;
  align-items: center;
  padding-top: 40px;
  display: flex;
}

.image-169 {
  width: 70%;
}

.text-block-98 {
  padding-top: 5px;
  font-family: Manrope, sans-serif;
  font-size: 20px;
  font-weight: 300;
}

.text-block-98.ggfxc {
  font-size: 27px;
  font-weight: 300;
}

.div-block-299, .div-block-300 {
  font-family: Manrope, sans-serif;
  font-size: 20px;
  font-weight: 300;
}

.text-block-99 {
  font-family: Manrope, sans-serif;
  font-weight: 300;
}

.div-block-301 {
  grid-column-gap: 28px;
  grid-row-gap: 28px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-top: 79px;
  display: flex;
}

.text-block-100 {
  color: #6b3a22;
  text-align: center;
  text-transform: uppercase;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-bottom: 6px;
  font-family: Droid Sans, sans-serif;
  font-size: 18px;
  font-style: italic;
  font-weight: 700;
  display: flex;
}

.div-block-302 {
  background-image: linear-gradient(328deg, #800189, #060fa6);
  border: 2px #fff;
  border-radius: 20px;
  padding: 8px 25px;
  box-shadow: 5px 2px 20px 1px #ba42ff99;
}

.div-block-303 {
  justify-content: center;
  align-items: center;
  padding-top: 42px;
  padding-left: 0;
  padding-right: 0;
  font-weight: 300;
  display: flex;
}

.text-block-101 {
  color: #fff;
  font-family: Manrope, sans-serif;
  font-size: 18px;
  font-weight: 300;
}

.text-span-92 {
  color: #6b3a22;
  font-family: Montserrat, sans-serif;
  font-size: 14px;
  font-weight: 600;
}

.div-block-304 {
  background-color: #e4cebc00;
  border: 1px #000;
  width: 320px;
  padding: 26px 10px;
}

.text-block-102 {
  color: #6b3a22;
  text-align: center;
  padding-top: 5px;
  font-size: 18px;
}

.section_casestudies {
  color: #6b3b22;
  max-width: 1500px;
  margin-top: 100px;
  font-size: 18px;
  overflow: hidden;
}

.portfoliolink {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-top: 0;
  display: none;
}

.text-block-103 {
  font-family: Manrope, sans-serif;
  font-style: italic;
  font-weight: 400;
}

.text-block-104 {
  font-family: Manrope, sans-serif;
  font-size: 20px;
  font-weight: 500;
}

.image-170 {
  width: 4rem;
}

.image-171 {
  width: 3.5rem;
  display: block;
}

.casestudies {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  max-width: 80vw;
  padding-top: 0;
  display: flex;
}

.cell-29 {
  background-color: #dfcfc5;
  justify-content: center;
  align-items: center;
}

.cell-29:hover {
  box-shadow: 5px 5px 17px #0003;
}

.cell-30 {
  background-color: #dfcfc500;
  justify-content: center;
  align-items: center;
}

.cell-30:hover {
  box-shadow: 5px 5px 13px #0003;
}

.cell-30.feat {
  background-color: #dfcfc5;
  justify-content: center;
  align-items: center;
}

.cell-31 {
  background-color: #dfcfc5;
  justify-content: center;
  align-items: center;
  display: block;
}

.cell-31:hover {
  box-shadow: 5px 5px 12px #0003;
}

.cell-31.feat {
  background-color: #dfcfc5;
  background-image: linear-gradient(#000, #2b2b2b);
}

.cell_cards {
  background-color: #0000;
  border: .4px solid #ffffff42;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  display: block;
}

.cell_cards:hover {
  box-shadow: 5px 5px 16px #0003;
}

.cell_cards.feat {
  background-color: #dfcdc0;
}

.cell_cards.feat:hover {
  background-color: #ceae9c;
}

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

.text-block-105 {
  padding-top: 25px;
  font-family: Manrope, sans-serif;
  font-style: italic;
  font-weight: 300;
}

.text-block-106 {
  padding-top: 5px;
  padding-bottom: 25px;
  font-family: Manrope, sans-serif;
  font-size: 20px;
  font-weight: 500;
  display: none;
}

.cell-33 {
  justify-content: center;
  align-items: center;
}

.text-block-107 {
  text-align: center;
  padding-top: 19px;
  font-family: Manrope, sans-serif;
  font-size: 18px;
  font-weight: 300;
}

.text-block-107.eet {
  padding-top: 10px;
}

.text-block-108 {
  text-align: center;
  padding-top: 29px;
  padding-bottom: 10px;
  font-family: Manrope, sans-serif;
  font-size: 23px;
  font-weight: 500;
}

.cell-34, .cell-35, .cell-36 {
  justify-content: center;
  align-items: center;
}

.image-172 {
  padding-left: 20px;
  padding-right: 20px;
}

.image-172:hover {
  padding-left: 10px;
  padding-right: 10px;
}

.image-173 {
  width: auto;
  padding-left: 0;
  padding-right: 0;
}

.image-173:hover {
  padding-left: 10px;
  padding-right: 10px;
}

.image-174 {
  padding-left: 0;
  padding-right: 0;
  position: absolute;
}

.image-174:hover {
  padding-left: 10px;
  padding-right: 10px;
}

.image-175 {
  width: 90%;
  padding-left: 15px;
  padding-right: 15px;
}

.image-175:hover {
  padding-left: 10px;
  padding-right: 10px;
}

.reviews {
  flex-flow: column;
  padding-top: 144px;
  display: block;
  position: static;
}

.text-block-109 {
  justify-content: center;
  align-items: center;
  font-family: Manrope, sans-serif;
  font-size: 25px;
  font-weight: 400;
  display: flex;
}

.text-block-110 {
  text-align: center;
  font-family: Manrope, sans-serif;
  font-size: 18px;
  font-style: italic;
}

.text-block-111 {
  font-family: Manrope, sans-serif;
  font-size: 13px;
  font-weight: 700;
}

.cell-37 {
  text-align: center;
  justify-content: center;
  align-items: center;
}

.cell-38, .cell-39, .cell-40 {
  justify-content: center;
  align-items: center;
}

.cell-41 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  justify-content: flex-end;
  align-items: center;
}

.text-block-112 {
  font-size: 30px;
}

.cell-42, .cell-43, .cell-44 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  justify-content: flex-end;
  align-items: center;
}

.quick-stack-7 {
  grid-column-gap: 34px;
  grid-row-gap: 34px;
  padding-top: 59px;
}

.text-block-113 {
  text-align: center;
  justify-content: center;
  align-items: center;
  font-size: 17px;
  font-weight: 300;
  display: flex;
}

.servicesss {
  padding-top: 79px;
  display: none;
}

.cell-45, .cell-46 {
  justify-content: flex-end;
  align-items: center;
}

.titleserv {
  text-align: center;
  font-family: Manrope, sans-serif;
  font-size: 22px;
  font-weight: 500;
}

.subtserv {
  text-align: center;
  font-family: Manrope, sans-serif;
  font-size: 16px;
}

.cell-47 {
  justify-content: flex-end;
  align-items: center;
}

.cell-48, .cell-49, .cell-50, .cell-51, .cell-52, .cell-53, .cell-54 {
  justify-content: center;
  align-items: center;
}

.text-block-114 {
  justify-content: center;
  align-items: center;
  font-size: 22px;
  display: flex;
}

.titlethings {
  text-align: center;
  font-family: Manrope, sans-serif;
  font-size: 25px;
  font-weight: 400;
}

.text-block-115 {
  justify-content: center;
  align-items: center;
  padding-top: 30px;
  font-family: Manrope, sans-serif;
  font-style: italic;
  font-weight: 700;
  display: flex;
}

.image-176 {
  width: 50%;
}

.div-block-305 {
  justify-content: center;
  align-items: center;
  padding-top: 40px;
  display: flex;
}

.logosserv {
  padding-top: 79px;
  padding-bottom: 70px;
  padding-left: 24px;
}

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

.cell-55, .cell-56 {
  justify-content: center;
  align-items: center;
}

.titletools {
  justify-content: center;
  align-items: center;
  padding-top: 38px;
  padding-bottom: 10px;
  font-family: Manrope, sans-serif;
  font-weight: 600;
  display: flex;
}

.cell-57, .cell-58 {
  justify-content: center;
  align-items: center;
}

.image-177 {
  width: 3rem;
}

.cell-59 {
  flex-flow: row;
  justify-content: center;
  align-items: center;
}

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

.div-block-308 {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  padding-left: 32px;
  display: flex;
}

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

.devt {
  padding-left: 6px;
  font-family: Manrope, sans-serif;
}

.text-block-116 {
  padding-bottom: 109px;
  font-style: italic;
}

.forwho {
  padding-top: 20px;
  font-family: Manrope, sans-serif;
  font-style: italic;
  display: none;
}

.image-178 {
  width: 80%;
  height: 100%;
  position: relative;
}

.text-block-117 {
  color: #fff;
  font-family: Manrope, sans-serif;
  font-size: 16px;
}

.text-block-117.title {
  font-size: 35px;
}

.div-block-310 {
  position: absolute;
}

.div-block-311 {
  display: flex;
}

.textmid {
  display: block;
  position: static;
}

.hisanne {
  padding-bottom: 40px;
  font-family: Manrope, sans-serif;
  font-size: 28px;
  position: static;
}

.availabletext {
  color: var(--white);
  font-family: Manrope, sans-serif;
  position: static;
}

.textwraperwe {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 50%;
  height: auto;
  margin-left: -100px;
  padding-top: 0;
  padding-left: 0;
  padding-right: 50px;
  display: flex;
  position: absolute;
}

.aboutpicture {
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.text-span-93 {
  text-shadow: 5px 5px #0003;
  font-size: 70px;
  font-weight: 500;
}

.boldish {
  font-size: 16px;
  font-weight: 500;
}

.cell-60, .cell-61 {
  justify-content: center;
  align-items: center;
}

.cell-62 {
  background-color: #dfcfc5;
}

.bold-text-9 {
  color: #6b3b22;
  font-size: 16px;
  font-weight: 400;
  display: block;
}

.bold-text-10 {
  color: #6b3b22;
  padding-bottom: 15px;
  font-family: Manrope, sans-serif;
  font-weight: 400;
}

.bold-text-11 {
  color: #6b3b22;
  font-family: Manrope, sans-serif;
  font-weight: 400;
}

.bold-text-12 {
  color: #6b3b22;
  font-size: 15px;
  font-weight: 400;
}

.bold-text-13 {
  color: #6b3b22;
  font-weight: 500;
}

.bold-text-14 {
  color: #6b3b22;
  font-size: 15px;
  font-weight: 300;
}

.header_titlecard {
  color: #ebebeb;
  text-align: left;
  font-family: Avenir, Verdana, sans-serif;
  font-size: 22px;
  font-weight: 300;
}

.bold-text-16 {
  color: #6b3b22;
  font-size: 15px;
  font-weight: 300;
}

._60secbody {
  background-image: url("https://cdn.prod.website-files.com/64e38c5a990ac9ed8ca4fe88/6978451f4d52e0e83e383765_Frame2%20(1).jpeg");
  background-position: 0 0;
  background-size: cover;
  flex-flow: column;
  font-family: Avenir, Verdana, sans-serif;
  display: flex;
}

.div-block-312 {
  flex-flow: column;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding-top: 220px;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.image-179 {
  width: 100%;
  padding: 0 0 72px;
}

.ugig {
  justify-content: center;
  align-items: center;
  padding-top: 60px;
  display: flex;
}

.approachcont {
  max-width: 80vw;
}

.text-block-118 {
  color: #6b3a22;
  text-align: center;
  font-family: Manrope, sans-serif;
  font-size: 25px;
  font-weight: 600;
}

.text-block-119 {
  color: #6b3a22;
  padding-top: 20px;
  font-family: Manrope, sans-serif;
}

.text-block-120 {
  color: #6b3a22;
  font-family: Manrope, sans-serif;
}

.heading-22 {
  color: #6b3a22;
  margin-bottom: 31px;
  padding-bottom: 20px;
  font-family: Avenir, Verdana, sans-serif;
  font-size: 50px;
}

.cell-63 {
  justify-content: center;
  align-items: center;
}

.image-180 {
  width: 4rem;
  padding-top: 25px;
}

.text-block-121 {
  color: #6b3a22;
  padding-top: 15px;
  font-family: Manrope, sans-serif;
  font-size: 25px;
  font-weight: 500;
}

.text-block-122 {
  color: #6b3a22;
  font-family: Manrope, sans-serif;
  font-size: 18px;
}

.text-block-123 {
  color: #6b3a22;
  padding-top: 40px;
  padding-bottom: 25px;
  font-family: Manrope, sans-serif;
}

.text-block-124 {
  color: #fff;
  padding-top: 25px;
  padding-bottom: 25px;
  font-family: Avenir, Verdana, sans-serif;
  font-size: 14px;
  font-weight: 500;
}

.cell-64 {
  justify-content: center;
  align-items: center;
}

.div-block-313 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  max-width: none;
  padding: 60px 0 100px;
  display: flex;
}

.div-block-314 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-top: 90px;
  display: flex;
}

.div-block-315 {
  padding-top: 300px;
  display: flex;
}

.cell-65 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.cell-66, .cell-67, .cell-68 {
  justify-content: center;
  align-items: center;
}

.quick-stack-8 {
  grid-column-gap: 52px;
  grid-row-gap: 52px;
  padding-bottom: 0;
  padding-left: 50px;
  padding-right: 50px;
}

.body-13 {
  background-image: linear-gradient(#000, #222);
}

.text-block-125 {
  color: var(--white);
  background-color: #6b3b2200;
  border: 1px solid #fff;
  border-radius: 18px;
  padding: 5px 35px;
  font-family: Avenir, Verdana, sans-serif;
  font-size: 14px;
  font-weight: 300;
}

.div-block-316 {
  text-align: center;
  padding-top: 100px;
  padding-bottom: 140px;
}

.link-block-11 {
  padding-top: 40px;
}

.text-block-126 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: var(--white);
  flex-flow: column;
  font-family: Avenir, Verdana, sans-serif;
  display: flex;
}

.text-span-94 {
  font-weight: 700;
}

.link-block-12 {
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  height: 100%;
  display: block;
}

.link-block-12.wefe {
  display: none;
}

.subhead {
  color: var(--white);
  text-align: center;
  padding-top: 10px;
  font-family: Avenir, Verdana, sans-serif;
}

.challengerole {
  color: #fffc;
  max-width: 1200px;
  padding-top: 20px;
  font-family: Avenir, Verdana, sans-serif;
}

.image-181 {
  width: 3rem;
  padding-bottom: 20px;
}

.cell-69 {
  justify-content: center;
  align-items: center;
}

.text-block-127 {
  padding-bottom: 10px;
  font-family: Manrope, sans-serif;
  font-size: 20px;
  font-weight: 500;
}

.portfoliobody {
  color: #fff7f3;
  background-image: radial-gradient(circle, #411e01, #000);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  font-family: Avenir, Verdana, sans-serif;
  display: flex;
}

.cell-70 {
  justify-content: center;
  align-items: center;
}

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

.cell-71 {
  justify-content: center;
  align-items: center;
}

.text-block-128 {
  padding-bottom: 50px;
  font-size: 35px;
  font-weight: 500;
}

.flowwork {
  color: #fffc;
  max-width: 1200px;
  padding-top: 70px;
  padding-left: 20px;
  padding-right: 20px;
  font-family: Avenir, Verdana, sans-serif;
}

.text-block-129 {
  padding-bottom: 20px;
  font-size: 25px;
  font-weight: 500;
}

.quick-stack-10 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
}

.div-block-317 {
  padding-left: 122px;
  padding-right: 122px;
}

.text-block-130 {
  text-align: right;
  font-size: 13px;
  font-weight: 300;
}

.text-block-131 {
  text-align: center;
  padding-bottom: 10px;
}

.div-block-318 {
  max-width: 1200px;
  padding-top: 70px;
  padding-bottom: 100px;
}

.text-block-132 {
  text-align: center;
  font-size: 16px;
  font-weight: 300;
}

.bold-text-17 {
  font-size: 25px;
  font-weight: 600;
}

.image-183 {
  padding-top: 40px;
}

.bold-text-18, .bold-text-19 {
  font-weight: 400;
}

.image-184 {
  width: 45rem;
  padding-top: 40px;
}

.bold-text-20 {
  font-weight: 500;
}

.div-block-319 {
  padding-top: 40px;
  display: flex;
}

.image-185, .image-186 {
  width: 50%;
}

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

.image-187 {
  width: 50rem;
  padding-top: 40px;
}

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

.div-block-321 {
  padding-left: 100px;
  padding-right: 100px;
}

.bold-text-21 {
  font-weight: 400;
}

.background-video-32 {
  z-index: 1;
  border-radius: 40px;
  width: 290px;
  height: 600px;
  overflow: clip;
}

.div-block-322 {
  border-radius: 45px;
  justify-content: center;
  align-items: center;
  height: 588px;
  display: flex;
  overflow: clip;
}

.image-188, .image-189 {
  padding-top: 20px;
}

.bold-text-22 {
  font-weight: 500;
}

.image-190 {
  width: 90%;
}

.link-block-13 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  height: 100%;
  display: block;
}

.link-block-14 {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: auto;
  display: block;
}

.link-block-15 {
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  height: 100%;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.div-block-323 {
  height: 60%;
  padding-bottom: 0;
  padding-left: 22px;
  padding-right: 22px;
}

.textwrapding {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  border-bottom-right-radius: 50px;
  border-bottom-left-radius: 50px;
  flex-flow: column;
  height: auto;
  padding: 30px 50px;
  display: flex;
}

.textwrapding.erre {
  padding-bottom: 0;
}

.image_divcards {
  background-image: linear-gradient(0deg, #c4c4c447, #ffffff12);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  padding: 20px 0 0 30px;
  display: flex;
}

.image_divcards.right {
  justify-content: center;
  align-items: flex-end;
  margin-top: 0;
  padding-right: 0;
}

.image_divcards.two {
  padding-left: 39px;
  padding-right: 39px;
  position: static;
}

.div-block-325 {
  justify-content: center;
  align-items: center;
  height: 50%;
  padding-left: 27px;
  padding-right: 27px;
  display: flex;
}

.div-block-326 {
  padding-left: 80px;
  padding-right: 80px;
}

.link-block-16 {
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  height: 100%;
  display: flex;
}

.div-block-327 {
  display: flex;
}

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

.nav {
  color: #6b3b22;
  font-family: Manrope, sans-serif;
  font-size: 14px;
}

.div-block-329 {
  grid-column-gap: 11px;
  grid-row-gap: 11px;
  flex-flow: column;
  padding-top: 20px;
  display: flex;
}

.text-block-134 {
  color: #6b3b22;
  font-family: Manrope, sans-serif;
  font-weight: 600;
}

.image-191 {
  width: 10%;
  padding-top: 48px;
}

.div-block-330 {
  padding-top: 20px;
  display: flex;
}

.text-block-135 {
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
  padding-top: 45px;
  padding-bottom: 40px;
  padding-left: 25px;
  font-family: Manrope, sans-serif;
  font-size: 30px;
  font-weight: 500;
}

.div-block-331 {
  padding-left: 10px;
  padding-right: 10px;
}

.image-192 {
  width: 60%;
  height: 50%;
}

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

.div-block-333 {
  height: 10px;
}

.image-193 {
  width: 20%;
}

.cell-72 {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  justify-content: center;
  align-items: center;
}

.text-block-136 {
  font-family: Manrope, sans-serif;
  font-size: 20px;
  font-weight: 600;
}

.text-block-137 {
  text-align: center;
  padding-bottom: 20px;
  font-family: Manrope, sans-serif;
  font-size: 16px;
}

.cell-73, .cell-74 {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  justify-content: center;
  align-items: center;
}

.div-block-334 {
  padding-top: 100px;
}

.services {
  padding-top: 60px;
}

.link-block-17 {
  justify-content: center;
  align-items: center;
  width: auto;
  display: flex;
}

.heading-23 {
  color: #6b3a22;
  justify-content: center;
  align-items: center;
  font-family: Manrope, sans-serif;
  font-size: 30px;
  font-weight: 400;
  display: flex;
}

.div-block-335 {
  display: flex;
}

.div-block-336 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #fff0;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  width: 45px;
  height: 45px;
  display: flex;
}

.div-block-337 {
  grid-column-gap: 11px;
  grid-row-gap: 11px;
  flex-flow: column;
  padding-top: 20px;
  display: flex;
}

.div-block-338 {
  justify-content: center;
  align-items: center;
  padding-left: 0;
  display: flex;
}

.image-194 {
  width: 10%;
  height: 10%;
}

.div-block-339 {
  grid-column-gap: 34px;
  grid-row-gap: 34px;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  padding-bottom: 0;
  display: flex;
}

.image-195 {
  width: 35px;
}

.div-block-340 {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  justify-content: center;
  align-items: center;
  padding-top: 18px;
  padding-bottom: 0;
  display: flex;
}

.image-196 {
  width: 20%;
  height: 20%;
  position: relative;
}

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

.text-block-138 {
  color: #6b3a22;
  justify-content: center;
  align-items: center;
  padding-left: 0;
  font-family: Manrope, sans-serif;
  font-weight: 300;
  display: flex;
}

.text-block-139 {
  color: #6b3b22;
  font-family: Manrope, sans-serif;
  font-weight: 600;
}

.div-block-342 {
  background-color: #6b3a22;
  width: 2px;
  height: 35px;
  margin-left: 10px;
}

.div-block-343 {
  text-align: center;
  padding-top: 252px;
}

.div-block-344 {
  padding-top: 207px;
  padding-left: 202px;
  padding-right: 202px;
}

.text-block-140 {
  font-size: 25px;
}

.heading-24 {
  font-size: 70px;
}

.div-block-345 {
  padding-top: 40px;
  display: flex;
}

.text-block-141 {
  padding-left: 25px;
}

.resume-body {
  max-width: 1000px;
}

.text-block-142 {
  padding-top: 5px;
  font-size: 14px;
}

.text-block-143 {
  padding-top: 4px;
  font-size: 14px;
}

.text-block-144 {
  padding-top: 5px;
  font-size: 14px;
}

.div-block-346 {
  flex-flow: row;
  display: flex;
}

.text-block-145 {
  font-style: normal;
}

.text-block-146 {
  letter-spacing: 1px;
  text-indent: 0;
  text-overflow: clip;
  column-count: auto;
  word-break: normal;
  column-gap: 0;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 25px;
  font-size: 14px;
}

.text-block-147, .div-block-347 {
  font-size: 14px;
}

.text-block-148 {
  padding-top: 10px;
  font-weight: 400;
}

.text-block-149 {
  padding-top: 20px;
  font-size: 18px;
  font-weight: 600;
}

.text-block-149.erter {
  padding-left: 25px;
}

.bold-text-23 {
  font-weight: 400;
}

.text-span-95, .text-span-96, .text-span-97 {
  text-decoration: underline;
}

.div-block-348 {
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  padding-left: 10px;
  display: flex;
}

.image-197 {
  padding-left: 0;
  padding-right: 0;
}

.image-198, .image-199 {
  display: none;
}

.div-block-352 {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 50%;
  display: flex;
}

.heading-25 {
  color: #6b3a22;
  padding-bottom: 32px;
  font-size: 45px;
}

.text-block-152 {
  color: #6b3a22;
  text-align: left;
  font-family: Manrope, sans-serif;
  font-size: 18px;
  font-weight: 500;
}

.text-span-98 {
  font-family: Oswald, sans-serif;
  font-size: 80px;
}

.text-span-99 {
  font-family: Vollkorn, serif;
  font-size: 60px;
  line-height: 100px;
}

.texrter {
  color: #6b3a22;
  font-family: Manrope, sans-serif;
  font-size: 16px;
  font-weight: 700;
}

.div-block-353 {
  padding-top: 36px;
}

.heading-26 {
  margin-top: 35px;
  margin-bottom: 35px;
  font-family: Oswald, sans-serif;
}

.bold-text-25, .bold-text-25._3243 {
  font-family: Oswald, sans-serif;
  font-size: 35px;
  font-weight: 300;
}

.bold-text-25.sfeg {
  font-weight: 300;
}

.bold-text-25.werw, .bold-text-25.bgwr, .bold-text-25.gert4 {
  font-weight: 500;
}

.bold-text-26 {
  text-align: right;
  font-size: 30px;
  font-weight: 500;
}

.bold-text-26.fdvvf, .bold-text-26.fdvvf.dfgdf {
  font-size: 35px;
  font-weight: 300;
}

.bold-text-26.fdvvf.gerer {
  font-weight: 500;
}

.text-span-100 {
  font-weight: 600;
}

.text-span-101 {
  font-weight: 500;
}

.div-block-354 {
  padding-bottom: 100px;
  padding-left: 120px;
  padding-right: 120px;
}

.heading-27 {
  text-align: center;
  font-family: Manrope, sans-serif;
}

.heading-27.werwe {
  margin-bottom: 30px;
}

.text-span-102, .text-span-103, .text-span-104 {
  font-weight: 600;
}

.text-block-153 {
  text-align: left;
  padding-right: 40px;
  font-family: Avenir, Verdana, sans-serif;
  font-weight: 300;
}

.text-block-154 {
  color: #e7e7e7;
  text-align: left;
  padding-bottom: 30px;
  font-family: Avenir, Verdana, sans-serif;
  font-size: 40px;
  font-weight: 300;
  line-height: 40px;
}

.container_holder_visual {
  justify-content: center;
  align-items: center;
  width: 80vw;
  padding-top: 10px;
  display: flex;
}

.container_holder_visual.phone {
  display: none;
}

.div-block-356 {
  line-height: 50px;
}

.cell-75 {
  color: var(--white);
  justify-content: center;
  align-items: flex-start;
  font-family: Avenir, Verdana, sans-serif;
}

.heading-28 {
  font-size: 26px;
}

.section-20 {
  padding-top: 500px;
}

.heading-29 {
  text-align: center;
  font-size: 25px;
}

.div-block-357 {
  padding-left: 207px;
  padding-right: 207px;
}

.heading-30 {
  text-align: center;
  padding-bottom: 0;
  font-size: 35px;
}

.div-block-358 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-top: 21px;
  padding-bottom: 21px;
  display: flex;
  box-shadow: 5px 5px 12px #0003;
}

.div-block-gallery {
  padding-top: 24px;
  padding-left: 102px;
  padding-right: 102px;
}

.image-200 {
  width: 100%;
}

.section-21 {
  padding-top: 78px;
}

.divgall {
  padding-top: 40px;
}

.cell-76, .cell-77, .quick-stack-11 {
  justify-content: center;
  align-items: center;
}

.hbbgg8p {
  height: 80%;
  box-shadow: 2px 2px 10px #0003;
}

.image-201, .image-202 {
  box-shadow: 2px 2px 10px #0003;
}

.cell-78 {
  justify-content: center;
  align-items: center;
}

.image-203 {
  width: 80%;
}

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

.bold-text-27 {
  font-weight: 400;
}

.div-block-360 {
  background-color: #6b3b22;
  border-radius: 15px;
  padding: 5px 30px;
  box-shadow: 2px 2px 5px #0003;
}

.text-block-155 {
  color: #fff8f2;
}

.link-block-18 {
  padding-top: 47px;
}

.link-block-18.subtle {
  padding-top: 20px;
}

.image-204 {
  width: 70%;
}

.text-block-156 {
  text-align: center;
  padding-top: 20px;
  padding-left: 35px;
  padding-right: 35px;
}

.tworioewt {
  color: #6b3a22;
  font-family: Manrope, sans-serif;
  font-size: 19px;
}

.text-block-157, .text-block-158 {
  font-family: Manrope, sans-serif;
}

.text-block-159 {
  font-family: Manrope, sans-serif;
  font-size: 20px;
  font-weight: 300;
}

.text-span-105, .text-span-106, .text-span-107, .text-span-108 {
  font-weight: 800;
}

.spline-scene-55 {
  width: 100%;
  height: 100%;
}

.div-block-361 {
  margin-top: 157px;
}

.heading-32 {
  color: #fff;
  text-align: center;
  font-family: Verdana, Geneva, sans-serif;
}

.text-block-161 {
  color: #fff;
  text-align: center;
  font-family: Poppins, sans-serif;
}

.text_hero_skaify {
  margin-top: 150px;
  position: absolute;
}

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

.hero_skaify {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100vw;
  height: 200vh;
  padding-top: 0;
  display: flex;
  position: relative;
}

.heading-33 {
  color: #fff;
  text-align: center;
}

.text-block-163 {
  color: #fff;
  text-align: center;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(85deg, #00e1ff, #f0c);
  -webkit-background-clip: text;
  background-clip: text;
  padding-top: 44px;
  padding-bottom: 44px;
  font-family: Poppins, sans-serif;
  font-size: 30px;
  font-weight: 600;
}

.text-block-164 {
  color: #e6e6e6;
  text-align: center;
  background-color: #292929;
  border: 1px solid #fff;
  border-radius: 20px;
  padding: 17px 30px;
}

.button_hero {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.spline-scene-56 {
  width: 100vw;
  height: 185vh;
  position: static;
}

.cards_slide {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  justify-content: center;
  align-items: center;
  width: 100vw;
  padding-left: 90px;
  padding-right: 90px;
  display: flex;
  position: absolute;
  inset: auto 0% 10%;
}

.text-block-165 {
  color: #ffffffcf;
  text-align: center;
  padding-top: 16px;
  padding-bottom: 45px;
  font-family: Poppins, sans-serif;
  font-size: 20px;
  font-weight: 300;
}

.cards_activities {
  background-color: #222;
  border: 1px solid #fff;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  width: 80%;
  padding: 31px 15px;
  display: flex;
}

.text-block-166 {
  font-size: 40px;
}

.text-block-168 {
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  display: block;
}

.eowihreoiwhr {
  color: #fff;
  text-align: center;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(164deg, #b5d9ff, #008cff);
  -webkit-background-clip: text;
  background-clip: text;
  padding-top: 33px;
  font-style: italic;
  font-weight: 500;
}

.sdfoisdhf {
  color: #a7a7a7;
  font-size: 14px;
}

.text-block-169 {
  padding-right: 20px;
  font-size: 30px;
}

.cards_activitysk {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.hero_dark {
  max-width: none;
  height: 80vh;
  position: relative;
}

.hero_holder {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  width: 100%;
  margin-top: 0;
  padding-bottom: 0;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.spline-scene-57 {
  width: 100vw;
  height: 100vh;
  display: none;
  position: absolute;
}

.hero_heading {
  color: var(--white);
  text-shadow: 5px 5px 9px #0003;
  -webkit-text-fill-color: inherit;
  mix-blend-mode: normal;
  background-clip: border-box;
  height: auto;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  font-family: Avenir, Verdana, sans-serif;
  font-size: 65px;
  font-weight: 300;
  text-decoration: none;
}

.hero_heading.phone {
  font-family: Playfair Display, sans-serif;
}

.heading_2_hero {
  color: var(--white);
  margin-top: 30px;
  font-family: Avenir, Verdana, sans-serif;
  font-size: 55px;
  font-weight: 300;
}

.hero_text_block {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: none;
}

.buttons_hero {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  justify-content: center;
  align-items: center;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 0;
  display: flex;
}

.text_button {
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  color: #fff;
  border: .7px solid #ffffff80;
  border-radius: 10px;
  padding: 10px 20px;
  font-family: Avenir, Verdana, sans-serif;
}

.text_button.active {
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  mix-blend-mode: normal;
  border-width: .7px;
  border-color: #ffffff96;
}

.text_button.icon {
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  border-style: none;
  padding-top: 0;
  padding-bottom: 0;
}

.text_button.icon.lessvisable {
  color: #fff0;
  border-color: #fff0;
  padding-left: 0;
  padding-right: 0;
}

.herobutton {
  background-image: linear-gradient(311deg, #000, #303030);
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  display: flex;
  box-shadow: 2px 2px #0003;
}

.herobutton.small {
  width: 50%;
  display: flex;
}

.herobutton.icon {
  border: .4px solid #fff3;
  border-radius: 5px;
  display: flex;
}

.scroll_div {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.text-block-170 {
  color: var(--white_transparant_50);
  font-family: Avenir, Verdana, sans-serif;
  font-size: 14px;
  font-weight: 300;
}

.hero_text_block_inner {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  display: flex;
}

.heading-34 {
  color: var(--white);
  font-size: 22px;
}

.section_pillars {
  background-image: linear-gradient(#090909, #222);
  height: 100vh;
  padding-top: 100px;
  padding-bottom: 100px;
  position: relative;
}

.header_section {
  color: var(--white);
  text-transform: uppercase;
  font-family: Avenir, Verdana, sans-serif;
  font-size: 28px;
  font-weight: 900;
}

.div_pillars {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  justify-content: center;
  align-items: center;
  padding-top: 50px;
  padding-bottom: 100px;
  display: none;
}

.div_lines {
  justify-content: center;
  align-items: center;
  width: 100vw;
  display: none;
  position: absolute;
}

.header_pillar {
  color: var(--white);
  -webkit-text-fill-color: inherit;
  background-clip: content-box;
  font-family: Avenir, Verdana, sans-serif;
  font-size: 21px;
  font-weight: 300;
  display: block;
  position: static;
}

.body_pillar {
  color: var(--white_transparant_50);
  font-family: Avenir, Verdana, sans-serif;
  font-size: 16px;
  font-weight: 300;
}

.div_pillar_card {
  border: .7px solid #fff;
  border-radius: 5px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 70px 20px;
  display: flex;
}

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

.div_header.introstuff {
  width: 60vw;
  padding-left: 0;
}

.line_inner {
  background-image: linear-gradient(#762c1f, #14d6e7);
  width: 2px;
  height: 150px;
  transform: rotate(47deg);
}

.card_pillars {
  color: #b0b0b0;
  background-color: #15141c;
  border-radius: 5px;
  width: 15rem;
  height: 23rem;
  padding: 4.55rem 1.5rem;
  position: relative;
  overflow: hidden;
}

.card_pillars.big {
  width: 100%;
  height: 38rem;
}

.card_pillars.approach {
  border-radius: 10px;
  width: 50rem;
  height: 30rem;
  padding-left: 0;
  padding-right: 0;
}

.ae-02-elements_border {
  background-color: #312d29;
  border-radius: 0;
  position: absolute;
  inset: 0%;
}

.ae-02-elements_glow-wrapper {
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.ae-02-elements_glow {
  filter: blur(5px);
  background-color: #fff;
  background-image: linear-gradient(#ac4a20, #0f5663);
  width: 90%;
  height: 70%;
  margin-left: 60%;
}

.ae-02-elements_background {
  background-color: #000;
  background-image: linear-gradient(313deg, #000, #1d1d1d);
  border-radius: 0;
  justify-content: center;
  align-items: center;
  margin: 1px;
  display: flex;
  position: absolute;
  inset: 0%;
}

.ae-02-elements_background.approach {
  background-color: #0000;
  background-image: linear-gradient(313deg, #0000, #1d1d1d);
  border-radius: 10px;
}

.ae-02-elements_background-hover {
  filter: blur(5px);
  background-image: linear-gradient(#0000, #ffffff40);
  position: absolute;
  inset: 0%;
}

.text-size-regular {
  font-size: 1rem;
}

.section_flagship {
  background-image: url("https://cdn.prod.website-files.com/64e38c5a990ac9ed8ca4fe88/691f409966a47364535960ce_Frame%203%20(4).png");
  background-position: 0 0;
  background-size: auto;
  justify-content: center;
  align-items: center;
  margin-top: 106px;
  padding-bottom: 99px;
  padding-left: 0;
  padding-right: 0;
  display: none;
}

.text-block-171 {
  color: var(--white);
  padding-top: 10px;
  padding-bottom: 10px;
  font-family: Playfair Display, sans-serif;
  font-size: 24px;
  font-weight: 300;
}

.heading-35 {
  color: var(--white);
  font-family: Avenir, Verdana, sans-serif;
  font-size: 28px;
  line-height: 40px;
}

.div-block-373 {
  padding: 40px 70px;
}

.div_flagship {
  opacity: 1;
  background-color: #fa0b0b00;
  background-image: linear-gradient(301deg, #9993, #fff3);
  border: .2px solid #ffffff85;
  border-radius: 5px;
  justify-content: flex-start;
  align-items: center;
  padding: 10px 0 10px 32px;
  display: flex;
  position: relative;
}

.div_flagship._60s {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color: #fff0;
  background-image: linear-gradient(296deg, #0000001a, #00000094);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-top: 40px;
  padding-bottom: 40px;
  padding-left: 0;
  position: static;
}

.div_text_flagship {
  grid-column-gap: 28px;
  grid-row-gap: 28px;
  flex-flow: column;
  width: 50%;
  padding: 70px 0 70px 30px;
  display: flex;
  position: absolute;
}

.dive_image_flagship {
  object-fit: fill;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  display: block;
  overflow: visible;
}

.container_holder_flagship {
  max-width: 80vw;
}

.container_holder_flagship.laptop {
  padding-top: 140px;
}

.container_holder_flagship.phone {
  display: none;
}

.text-block-172 {
  color: var(--white);
  font-family: Avenir, Verdana, sans-serif;
}

.div-block-375 {
  opacity: 1;
  filter: blur(20px);
  background-image: radial-gradient(circle, #f1995e, #c75000);
  position: absolute;
}

.image-209 {
  width: 40%;
}

.image-210 {
  width: 70%;
}

.section_studies {
  background-image: linear-gradient(#000, #1f1f1f);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  max-width: 100vw;
  padding-top: 100px;
  display: flex;
}

.text_bodycard {
  color: #fff;
  text-align: center;
  padding-bottom: 40px;
  font-family: Avenir, Verdana, sans-serif;
  font-weight: 300;
}

.text_bodycard.ai {
  text-align: center;
  display: block;
}

.text_bodycard.link {
  font-size: 18px;
}

.text_bodycard.laptop {
  color: #fff;
  text-shadow: 1px 1px 9px #00000040;
  font-size: 14px;
  line-height: 25px;
}

.imagecards {
  opacity: 1;
}

.glowgradient {
  background-image: linear-gradient(90deg, #a54f15, #0a9994);
  width: 100%;
  height: 2px;
}

.section_headertitle {
  width: 100%;
  padding-bottom: 0;
  padding-left: 0;
}

.header_title {
  color: #fffc;
  font-family: Playfair Display, sans-serif;
  font-size: 24px;
}

.header_title.play {
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(322deg, #ffffff80 71%, #fff 98%);
  -webkit-background-clip: text;
  background-clip: text;
}

.container_holder_featured {
  width: 80vw;
}

.pillars_divtext {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  flex-flow: column;
  display: flex;
}

.pillars_divtext.approach {
  justify-content: center;
  align-items: center;
  padding-top: 40px;
  padding-left: 135px;
  padding-right: 135px;
  position: relative;
  inset: 0% 0% auto;
}

.pillars_divtext.approach.landingpage {
  padding-top: 10px;
  padding-left: 60px;
  padding-right: 60px;
}

.section_aboutme {
  background-image: linear-gradient(0deg, #000, #1f1f1f);
  margin-top: 0;
  padding-top: 80px;
  position: static;
}

.image-212 {
  width: 60%;
}

.div-block-376 {
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  height: 100%;
  padding-bottom: 80px;
  padding-left: 60px;
  display: flex;
}

.overlayimage {
  width: 350px;
  position: static;
}

.div-block-377 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: flex-end;
  align-items: center;
  height: 100%;
  display: flex;
  position: static;
}

.body-15 {
  background-color: #000;
  font-family: Avenir, Verdana, sans-serif;
}

.container_header {
  max-width: 80vw;
  padding-top: 100px;
}

.section-header {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.section-22 {
  justify-content: center;
  align-items: center;
  display: flex;
}

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

.div-block-378 {
  width: 80vw;
  padding-top: 20px;
  display: flex;
}

.text-block-174 {
  font-family: Avenir, Verdana, sans-serif;
}

.div-block-379, .div-block-380 {
  position: absolute;
}

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

.image-213 {
  display: block;
  position: relative;
}

.image-214, .div-block-382 {
  position: absolute;
}

.text-block-175 {
  color: #fff;
  font-family: Avenir, Verdana, sans-serif;
  font-size: 1em;
  font-weight: 300;
  line-height: 26px;
  position: static;
}

.div-block-383 {
  padding-top: 2px;
  position: relative;
}

.bold-text-28, .bold-text-29 {
  font-weight: 300;
}

.text-block-176 {
  color: #fff;
  font-family: Avenir, Verdana, sans-serif;
  font-size: 40px;
  font-weight: 300;
  position: absolute;
  inset: auto 0% 0%;
}

.div-block-384 {
  grid-column-gap: 21px;
  grid-row-gap: 21px;
  flex-flow: column;
  width: 55vw;
  margin-top: -557px;
  padding-left: 0;
  display: flex;
  position: relative;
}

.div-block-384.phone {
  width: 60vw;
  margin-top: -472px;
  padding-top: 20px;
  padding-left: 100px;
}

.text-span-109 {
  font-size: 40px;
}

.div-block-385 {
  width: 80vw;
  max-width: 80vw;
}

.div-block-386 {
  justify-content: center;
  align-items: center;
  width: 100vw;
  display: flex;
}

.textbody_subh {
  color: var(--white);
  font-family: Avenir, Verdana, sans-serif;
  font-weight: 300;
}

.header_subt {
  color: var(--white);
  font-family: Avenir, Verdana, sans-serif;
  font-size: 20px;
  font-weight: 300;
}

.headercard {
  color: var(--white);
  padding-bottom: 15px;
  font-family: Avenir, Verdana, sans-serif;
  font-size: 20px;
  font-weight: 300;
}

.div-block-387 {
  width: 100%;
  padding-top: 32px;
}

.div-block-388 {
  width: 80vw;
}

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

.div-block-390 {
  width: 100vw;
}

.div-block-391 {
  width: 80vw;
}

.container100vw {
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: none;
  padding-bottom: 60px;
  display: flex;
}

.container100vw._90 {
  flex-flow: column;
  width: auto;
  padding-left: 0;
  padding-right: 0;
}

.container80vw {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 90vw;
  max-width: 80vw;
  display: flex;
}

.container80vw._90 {
  width: auto;
  max-width: none;
}

.container80vw._90.hkjbgkbg {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  width: 100vw;
  padding-top: 100px;
}

.section_playground {
  background-image: linear-gradient(#000, #000);
  padding-top: 100px;
  padding-bottom: 100px;
}

.text-block-177 {
  color: var(--white);
  font-family: Avenir, Verdana, sans-serif;
}

.div-block-392 {
  display: flex;
}

.div-block-393 {
  border: 1px solid #fff3;
  border-radius: 10px;
}

.buttonoutside {
  color: #b0b0b0;
  background-color: #15141c;
  border-radius: 100vw;
  padding: .75rem 1.5rem;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.ae-02-elements_border-2 {
  background-color: #292931;
  border-radius: 100vw;
  position: absolute;
  inset: 0%;
}

.ae-02-elements_glow-2 {
  filter: blur(5px);
  background-color: #fff;
  width: 90%;
  height: 60%;
  margin-left: 60%;
}

.ae-02-elements_background-2 {
  background-color: #15141c;
  border-radius: 100vw;
  margin: 1px;
  display: block;
  position: absolute;
  inset: 0%;
}

.text-block-178 {
  color: #ffffff40;
  text-align: center;
  padding-bottom: 20px;
  font-family: Avenir, Verdana, sans-serif;
}

.spline-scene-58 {
  display: none;
}

.spline-scene-58.phone {
  display: block;
}

.section_approach {
  background-image: linear-gradient(#272727, #000);
}

.section_contact {
  background-image: url("https://cdn.prod.website-files.com/64e38c5a990ac9ed8ca4fe88/6978451f4d52e0e83e383765_Frame2%20(1).jpeg");
  background-position: 0 0;
  background-size: auto;
  padding-top: 100px;
  padding-bottom: 0;
}

.heading-36 {
  color: #fff;
  text-align: center;
  font-family: Avenir, Verdana, sans-serif;
  font-size: 35px;
  font-weight: 300;
}

.text_available {
  color: var(--white);
  padding-top: 20px;
  font-family: Avenir, Verdana, sans-serif;
}

.link-block-19 {
  display: none;
}

.div-block-394 {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  display: flex;
}

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

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

.div-block-397 {
  background-image: linear-gradient(#000, #fff);
  width: 100vw;
  height: 10px;
}

.div-block-398 {
  padding-top: 30px;
  padding-bottom: 20px;
}

.image-215 {
  width: 50%;
}

.div-block-399 {
  padding-bottom: 20px;
  display: flex;
}

.image-216 {
  width: auto;
}

.div-block-400 {
  justify-content: flex-start;
  align-items: center;
  width: 20%;
  height: auto;
  display: flex;
}

.div-block-401 {
  width: 30vw;
  padding-bottom: 30px;
}

.image-217 {
  width: 20%;
}

.div-block-402 {
  justify-content: center;
  align-items: center;
  width: 80vw;
  display: flex;
}

.div-block-403 {
  justify-content: center;
  align-items: center;
  width: 100vw;
  display: flex;
}

.socialscontact {
  grid-column-gap: 21px;
  grid-row-gap: 21px;
  justify-content: center;
  align-items: center;
  padding-top: 18px;
  padding-bottom: 18px;
  display: flex;
}

.socialscontact.phone {
  grid-column-gap: 35px;
  grid-row-gap: 35px;
}

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

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

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

.footer {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-image: url("https://cdn.prod.website-files.com/64e38c5a990ac9ed8ca4fe88/6978451f4d52e0e83e383765_Frame2%20(1).jpeg");
  background-position: 50%;
  background-size: auto;
  flex-flow: column;
  padding-top: 40px;
  display: flex;
  position: absolute;
}

.text-span-110 {
  color: #fff;
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
  font-family: Avenir, Verdana, sans-serif;
  font-size: 50px;
  font-weight: 300;
}

.image-219 {
  width: 30%;
}

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

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

.image-220 {
  width: 1.5rem;
}

.buttonicon {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  border: .4px solid #fff0;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  width: 10rem;
  padding-top: 8px;
  padding-bottom: 8px;
  display: flex;
}

.buttonicon:hover {
  border-color: #fff;
}

.image-221, .image-222 {
  width: 1.5rem;
}

.neon-button {
  perspective-origin: 50%;
  color: #ffa600;
  text-transform: uppercase;
  text-shadow: 0 0 .125em #ffffff80, 0 0 .5em #ff8000;
  background-color: #29202600;
  border: 1px solid #ff8000;
  border-radius: .25em;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 200px;
  padding: .5em 1em;
  font-size: 24px;
  font-weight: 400;
  text-decoration: none;
  transition: box-shadow .2s, background-color .2s;
  display: flex;
  position: relative;
  transform: none;
  box-shadow: inset 0 0 .5em #ff8000, 0 0 .5em #ff8000;
}

.neon-button:hover {
  color: #292026;
  background-color: #ff00b7;
  box-shadow: inset 0 0 .5em #ff00b7, 0 0 2em #ff00b7;
}

.text-block-179 {
  text-shadow: 0 0 .5em #ff00b7;
  font-weight: 100;
  text-decoration: none;
}

.bottom-shadow {
  opacity: .7;
  filter: blur(1em);
  cursor: default;
  transform-style: preserve-3d;
  background-color: #ff00b7;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 170% auto auto;
  transform: perspective(3em)rotateX(40deg)rotateY(0)rotateZ(0)perspective(500px);
}

.button-1 {
  cursor: pointer;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  width: 160px;
  height: 60px;
  margin-top: 0;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 0 15px #3913b659;
}

.button-1_color-wrap {
  background-color: #0e1229;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  overflow: hidden;
}

.button-1_color {
  z-index: 1;
  filter: blur(16px);
  mix-blend-mode: normal;
  background-image: linear-gradient(112deg, #ff0f33d6, #ff6600db);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  display: flex;
  position: absolute;
  top: -21px;
  left: -14px;
}

.button-1_color._1 {
  top: -30%;
  left: -5%;
}

.button-1_color._3 {
  background-image: linear-gradient(251deg, #7300ffd6, #e815ffd9);
  top: -30%;
  left: 8%;
}

.button-1_color._2 {
  background-image: linear-gradient(251deg, #07fc, #ad15ffe0);
  top: -30%;
  left: 29%;
}

.label-2 {
  z-index: 5;
  position: relative;
}

.button-1_bg {
  z-index: 3;
  background-color: #01030e;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  width: 97%;
  height: 95%;
  transition: all .3s ease-in-out;
  display: flex;
  position: absolute;
  overflow: hidden;
}

.button-1_bg:hover {
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  background-color: #05021ca6;
}

.button-1_bg:active {
  background-color: #05021c66;
}

.footerlink {
  color: #ffffffbf;
  font-family: Avenir, Verdana, sans-serif;
}

.contcase {
  color: #fff;
  font-family: Avenir, Verdana, sans-serif;
}

.fullblock {
  padding-left: 20px;
  padding-right: 20px;
}

.background-video-33 {
  display: none;
}

.magic-button_button {
  color: #fff;
  background-color: #000;
  border-radius: .5rem;
  padding: 1rem 2rem;
  text-decoration: none;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.magic-button_text {
  z-index: 2;
  font-family: Avenir, Verdana, sans-serif;
  position: relative;
}

.magic-button_overlay {
  z-index: 1;
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  background-color: #000000a3;
  border-radius: .5rem;
  position: absolute;
  inset: 1px;
}

.magic-button_pointer-wrapper {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.magic-button_pointer {
  opacity: 0;
  filter: blur(.125rem);
  background-color: #fff;
  border-radius: 50%;
  width: 30%;
  height: 1rem;
  margin-left: -15%;
}

.div-block-410 {
  padding-top: 20px;
  padding-bottom: 0;
}

.magic-button_star-1, .magic-button_star-2 {
  background-color: #0000;
  border: .25rem solid #0000;
  border-bottom-color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 0;
  height: 0;
  position: relative;
  top: .25rem;
}

.magic-button_component {
  position: relative;
}

.magic-button_component.laptop {
  width: 230px;
}

.magic-button_component.phone {
  display: none;
}

.magic-button_icons-wrapper {
  color: #fff;
  justify-content: space-around;
  display: flex;
  position: absolute;
  inset: 0% 0% auto;
}

.magic-button_star-3 {
  background-color: #0000;
  border: .25rem solid #0000;
  border-bottom-color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 0;
  height: 0;
  position: relative;
  top: .25rem;
}

.button-3-bg {
  z-index: 3;
  background-color: #000;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  width: 146px;
  height: 56px;
  transition: background-color .35s ease-in-out;
  display: flex;
  position: absolute;
  overflow: hidden;
}

.button-3-bg:hover {
  -webkit-backdrop-filter: blur(25px);
  backdrop-filter: blur(25px);
}

.button-3 {
  cursor: pointer;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  width: 150px;
  height: 60px;
  margin-top: 0;
  transition: box-shadow .3s;
  display: flex;
  position: relative;
  transform: none;
  box-shadow: 0 0 34px #000dff3d;
}

.button-3:hover {
  box-shadow: none;
}

.button-3:active {
  box-shadow: 0 8px 30px #006aff33;
}

.button-3_color {
  z-index: 1;
  filter: blur(16px);
  mix-blend-mode: normal;
  background-image: linear-gradient(112deg, #ff0f33d6, #ff6600db);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  display: flex;
  position: absolute;
  top: -21px;
  left: -14px;
}

.button-3_color._1 {
  background-image: linear-gradient(112deg, #0ff3ffd6, #00b7ffdb);
  top: -24%;
  left: -11%;
}

.button-3_color._3 {
  background-image: linear-gradient(251deg, #0004ffd6, #b115ffd9);
  top: 52%;
  left: auto;
  right: -27%;
}

.button-3_color._4 {
  background-image: linear-gradient(112deg, #0ff3ffd6, #00b7ffdb);
  top: 53%;
  left: auto;
  right: 5%;
}

.button-3_color._2 {
  background-image: linear-gradient(251deg, #0004ffd6, #b115ffd9);
  top: -15%;
  left: auto;
  right: 54%;
}

.button-3_color-wrap {
  z-index: 2;
  filter: none;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  overflow: hidden;
}

.button-3_color-wrap.blur {
  filter: blur(5px);
  display: block;
  overflow: hidden;
}

.label-3 {
  z-index: 5;
  position: relative;
}

.button-wrapper {
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  color: #fff;
  mix-blend-mode: hard-light;
  background-color: #31313129;
  border-radius: 10px;
  padding: 0 50px;
  font-family: Avenir, Verdana, sans-serif;
  font-weight: 300;
  transition: box-shadow .3s;
  box-shadow: inset 3px 3px 4px -2px #ffffff80, inset 2px 2px 1px -2px #b3b3b3, inset -2px -2px 2px 1px #b3b3b3, inset 0 0 0 1px #999, inset 0 0 20px #f2f2f280;
}

.button-wrapper:hover {
  box-shadow: inset 2px 2px 1px -2px #b3b3b3, inset 0 0 0 1px #999, inset 0 0 20px #f2f2f280;
}

.text-block-181 {
  font-size: 16px;
  line-height: 50px;
}

.background-video-34 {
  z-index: 1;
  border-radius: 30px;
  width: 80vw;
}

.vidholder.smaller {
  padding-top: 100px;
}

.fullwidth {
  width: 100vw;
}

.containercardbig {
  width: 70vw;
  padding-top: 130px;
  padding-bottom: 100px;
}

.slide-wrap {
  align-items: center;
  width: auto;
  margin-left: 0;
  margin-right: 0;
  padding: 10px 40px;
  display: flex;
}

.logo-img._50-r-m {
  margin-right: 200px;
}

.text-block-186 {
  color: #fff;
  font-size: 16px;
  font-weight: 300;
}

.textcardbody {
  color: #fffc;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 14px;
  font-weight: 300;
}

.textcardheader {
  color: #fff;
  font-size: 24px;
  font-weight: 400;
}

.cell-79 {
  justify-content: flex-end;
  align-items: flex-start;
  padding-top: 40px;
  padding-left: 0;
}

.image-224 {
  width: 10%;
  height: 10%;
}

.div-block-416 {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  flex-flow: column;
  padding-left: 10px;
  display: none;
}

.textheaderindustry {
  color: #fff;
  font-size: 14px;
}

.textbodyindustry {
  color: #fffc;
  font-size: 13px;
}

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

.textname {
  color: #fffc;
  font-size: 14px;
}

.slider-2 {
  background-color: #ddd0;
  justify-content: center;
  align-items: flex-end;
  height: 100%;
  display: flex;
}

.quick-stack-12 {
  padding: 0 20px;
}

.slide-nav-2 {
  display: none;
}

.cell-81 {
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.nav_menu.laptop {
  z-index: 1;
  position: fixed;
  inset: 0% 0% auto;
}

.nav_menu.phone {
  display: none;
}

.navmanu_holder {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  justify-content: space-between;
  padding: 14px 20px;
  display: flex;
}

.navbar_textfont {
  color: var(--white);
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(303deg, #c5c5c5, #fff);
  -webkit-background-clip: text;
  background-clip: text;
  font-family: Avenir, Verdana, sans-serif;
  font-size: 14px;
  font-weight: 300;
}

.navbar_textfont:hover {
  background-image: linear-gradient(302deg, #f7dab9, #fff);
}

.navbar_textfont.navlogo {
  color: #f3f3f3;
  -webkit-text-fill-color: inherit;
  background-image: none;
  background-clip: border-box;
  font-family: Avenir, Verdana, sans-serif;
  font-size: 14px;
  font-style: italic;
  font-weight: 300;
  display: block;
}

.textright {
  grid-column-gap: 35px;
  grid-row-gap: 35px;
  display: flex;
}

.bold-headind {
  font-size: 14px;
  font-weight: 900;
}

.text-block-187 {
  font-size: 14px;
  font-weight: 300;
}

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

.text-block-189 {
  color: #fff;
  font-family: Avenir, Verdana, sans-serif;
}

.text-block-190 {
  color: #fff;
  text-shadow: 1px 1px 6px #ff80001f;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(298deg, #ffffff94, #fff);
  -webkit-background-clip: text;
  background-clip: text;
  justify-content: center;
  align-items: center;
  height: 80px;
  font-family: Avenir Book, Verdana, sans-serif;
  font-size: 60px;
  font-weight: 500;
  display: flex;
}

.text-block-191 {
  color: #fff;
  text-shadow: 1px 1px 10px #00000040;
  font-family: Playfair Display, sans-serif;
  font-size: 40px;
}

.spline-scene-59 {
  width: 100vw;
  height: 100%;
}

.lottie-animation-6 {
  display: none;
}

.image-229 {
  width: 30%;
}

.spline-desktop {
  width: 100vw;
  height: 100vh;
  display: block;
}

.black-1 {
  background-color: #000;
  border-radius: 999em;
  width: 4em;
  height: 15em;
  position: absolute;
  top: -5em;
  right: 41%;
  transform: rotate(39deg);
}

.orange {
  background-color: #faad2e;
  border-radius: 999em;
  width: 4em;
  height: 10em;
  margin-left: auto;
  position: absolute;
  top: auto;
  left: 0;
  right: 37%;
  transform: rotate(40deg);
}

.gradient-wrapper {
  opacity: .39;
  pointer-events: none;
  background-color: #1b1b1b;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  font-size: 1vw;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.gradient-wrapper.secu {
  display: none;
}

.black {
  background-color: #000;
  border-radius: 999em;
  width: 4em;
  height: 15em;
  position: absolute;
  top: -5em;
  right: 88%;
  transform: rotate(39deg);
}

.background-noise {
  z-index: 0;
  opacity: .45;
  cursor: pointer;
  background-image: url("https://cdn.prod.website-files.com/64e38c5a990ac9ed8ca4fe88/69719cd2ca4573ac4e7d31a0_noise.png");
  background-position: 0 0;
  background-size: auto;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.button-link {
  z-index: 1;
  cursor: pointer;
  border: 2px solid #ddd8ff2e;
  border-radius: 14px;
  justify-content: center;
  align-items: center;
  height: 2.5rem;
  padding-left: 2rem;
  padding-right: 2rem;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.blending-group-wrapper {
  z-index: 1;
  filter: blur(14px);
  mix-blend-mode: overlay;
}

.purple-2 {
  background-color: #b5a3d6;
  border-radius: 999em;
  width: 7em;
  height: 6em;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  top: auto;
  left: 10%;
  right: auto;
  transform: rotate(40deg);
}

.shapes-wrapper {
  filter: blur(10px);
}

.text-prim {
  color: #ffffff96;
  letter-spacing: 1px;
  text-transform: none;
  text-shadow: 0 1px 10px #0003;
  mix-blend-mode: color;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Avenir, Verdana, sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 1;
}

.orange-1 {
  background-color: #e7805b;
  border-radius: 999em;
  width: 9em;
  height: 7em;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  top: auto;
  left: 0;
  right: 49%;
}

.blue-1 {
  background-color: #a0bce0;
  border-radius: 999em;
  width: 10em;
  height: 5em;
  margin-left: auto;
  position: absolute;
  top: auto;
  right: 44%;
  transform: rotate(60deg);
}

.green {
  background-color: #9fc68e;
  border-radius: 999em;
  width: 8em;
  height: 10em;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  top: auto;
  right: 40%;
  transform: rotate(29deg);
}

.blue {
  background-color: #a0bce0;
  border-radius: 999em;
  width: 8em;
  height: 11em;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: auto 0 -73px 19%;
}

.purple-1 {
  background-color: #b5a3d6;
  border-radius: 999em;
  width: 7em;
  height: 7em;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: auto 0 auto -4%;
}

.copy-me {
  cursor: pointer;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.purple {
  background-color: #b5a3d6;
  border-radius: 999em;
  width: 8em;
  height: 10em;
  position: absolute;
  top: 0%;
  left: 18%;
  right: 0;
  transform: rotate(-28deg);
}

.text-wrapper {
  z-index: 1;
  pointer-events: none;
  color: #fff;
  text-shadow: 0 1px 10px #000000ba;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.text-wrapper.sec {
  color: #ffffffbf;
  font-family: Avenir, Verdana, sans-serif;
  font-weight: 300;
}

.text-span-111 {
  color: #fff;
}

.text-block-192 {
  color: #ffffffb0;
  font-family: Avenir, Verdana, sans-serif;
  font-size: 16px;
  font-style: italic;
  font-weight: 300;
  display: none;
}

.div-block-418 {
  align-items: center;
  display: flex;
}

.link-block-21 {
  display: none;
}

.text-span-112 {
  color: #f3f3f3a3;
  font-weight: 300;
}

.text-block-193 {
  color: #fff;
  padding-bottom: 10px;
  font-family: Avenir, Verdana, sans-serif;
  font-size: 30px;
  font-weight: 300;
}

.text-block-193.wekfm {
  color: #fff;
  padding-top: 20px;
  padding-bottom: 20px;
  line-height: 40px;
}

.text-effect-overflow-hidden {
  height: auto;
  overflow: hidden;
}

.text-overlap-end {
  background-color: #000;
  height: 100%;
  position: absolute;
  inset: auto 0% -100%;
}

.text-effect-wrapper {
  background-color: #000;
  height: 100vh;
  margin-top: 0;
  margin-bottom: 0;
}

.text-effect-gradient {
  mix-blend-mode: darken;
  background-image: linear-gradient(#000 12%, #351073 26%, #c958de 38%, #fbb1f7 50%, #c958de 64%, #351073 76%, #000 88%);
  height: auto;
  position: absolute;
  inset: 0%;
}

.text-effect-inner {
  background-color: #000;
  height: auto;
  padding-top: 0;
  padding-bottom: 0;
  position: relative;
  overflow: hidden;
}

.section-text-gradient-effect {
  z-index: 0;
  position: static;
}

.text-effect-text {
  color: #f5f5f7;
  text-transform: none;
  background-color: #000;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 3.3em;
  font-weight: 500;
  line-height: 1.3em;
  display: block;
}

.text-effect-sticky-element {
  justify-content: center;
  align-items: center;
  height: auto;
  display: flex;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.container-w3 {
  width: 100%;
  max-width: 58em;
  margin-left: auto;
  margin-right: auto;
}

.container-w3.gutter-outside {
  padding-left: 0;
  padding-right: 0;
}

.text-span-113, .inbetweentext {
  color: #ffffffbf;
}

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

.text-span-114 {
  color: #f3f3f382;
  font-weight: 300;
}

.text-span-115 {
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(302deg, #ffffff8c, #fff);
  -webkit-background-clip: text;
  background-clip: text;
}

.text-span-116 {
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(310deg, #00d5c6, #cc5d13 50%);
  -webkit-background-clip: text;
  background-clip: text;
  font-weight: 900;
}

.text-effect-wrapper-2 {
  background-color: #000;
  height: 260vh;
  margin-top: -20vh;
  margin-bottom: -20vh;
}

.text-effect-gradient-2 {
  mix-blend-mode: darken;
  background-image: linear-gradient(#000 12%, #ed5316 26%, #c9400a 38%, #fac8aa 50%, #ed5316 64%, #0b2d2a 76%, #000 88%);
  height: 260vh;
  position: absolute;
  inset: 0%;
}

.text-effect-sticky-element-2 {
  background-color: #000;
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: flex;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.section_what {
  background-image: url("https://cdn.prod.website-files.com/64e38c5a990ac9ed8ca4fe88/6978448ee35396c52a33582a_Frame2.jpeg");
  background-position: 50%;
  background-size: cover;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-bottom: 60px;
  display: flex;
}

.container-26 {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  color: #ffece0;
  text-align: center;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(297deg, #ffece047, #ffece0 28%);
  -webkit-background-clip: text;
  background-clip: text;
  flex-flow: column;
  padding-top: 0;
  display: flex;
}

.headerwhat {
  font-family: Avenir, Verdana, sans-serif;
  font-size: 23px;
  font-weight: 200;
  line-height: 33px;
}

.headerwhat._2 {
  color: #ffece000;
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
  font-family: Avenir, Verdana, sans-serif;
  font-size: 22px;
  font-weight: 900;
  line-height: 25px;
}

.headerwhat._1 {
  color: #fff7f1;
  font-family: Avenir, Verdana, sans-serif;
  font-size: 23px;
  font-weight: 200;
}

.headerwhat._3 {
  font-size: 18px;
}

.contcards {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: center;
  align-items: stretch;
  width: 90vw;
  display: flex;
}

.contcards._60sec {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto auto;
  grid-template-columns: .75fr .75fr;
  grid-auto-columns: 1fr;
  width: auto;
  display: grid;
}

.titlecardproof {
  color: #ffece0;
  font-family: Avenir, Verdana, sans-serif;
  font-size: 14px;
}

.titlecardproof._60secs {
  font-size: 10px;
}

.cardproof {
  flex-flow: column;
  justify-content: space-between;
  display: flex;
}

.cardproofproof {
  color: #fff3ec;
  font-family: Avenir, Verdana, sans-serif;
  display: none;
}

.cardbodyproof {
  color: #fff3ecd9;
  font-family: Avenir, Verdana, sans-serif;
  font-size: 14px;
}

.cardbodyproof._60secs {
  font-size: 12px;
  line-height: 20px;
}

.textsec {
  font-size: 14px;
}

.numbersproof {
  color: #fff3ec;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(31deg, #ff9214ba, #fff);
  -webkit-background-clip: text;
  background-clip: text;
  font-family: Avenir, Verdana, sans-serif;
  font-size: 28px;
  font-weight: 700;
}

.numbersproof._50 {
  font-weight: 900;
}

.cardproofidv {
  padding-top: 20px;
  padding-bottom: 20px;
}

.cardproofidv._60sec {
  padding-top: 10px;
  padding-bottom: 10px;
}

.text-span-117, .text-span-118, .text-span-119, .text-span-120 {
  color: #fff;
  font-weight: 400;
}

.div-block-420 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: flex;
}

.big-heading {
  text-align: center;
  margin-bottom: 20px;
  font-size: 70px;
  line-height: 1;
}

.text-span-121 {
  font-family: Avenir, Verdana, sans-serif;
  font-weight: 900;
}

.text-block-194 {
  color: #fff;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(293deg, #fff3, #fff);
  -webkit-background-clip: text;
  background-clip: text;
  font-family: Avenir, Verdana, sans-serif;
  font-weight: 400;
}

.splinemob {
  display: none;
}

.text-block-195 {
  color: #ffece000;
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
  font-family: Playfair Display, sans-serif;
  font-weight: 900;
  position: static;
}

.text-block-196 {
  color: #fff0;
  font-size: 50px;
  font-weight: 900;
}

.text-block-198 {
  color: #fff;
  font-family: Playfair Display, sans-serif;
  font-size: 30px;
  font-weight: 700;
}

.text-block-199, .bodytextport {
  font-size: 14px;
  font-weight: 300;
}

.spline-mobile, .image-230 {
  display: none;
}

.text-block-201 {
  padding-bottom: 10px;
}

.image60secsmall {
  width: auto;
}

.slide-2 {
  z-index: 1;
  vertical-align: baseline;
}

.mask {
  padding-top: 0;
  padding-bottom: 0;
  bottom: 0;
}

.footerlaptoppages {
  width: 100vw;
  padding-top: 40px;
  padding-bottom: 40px;
}

.socialslaptop {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.image-232 {
  width: 1.5em;
}

@media screen and (min-width: 1440px) {
  .body-2.retro {
    color: #fffc;
    background-image: linear-gradient(#000, #0f0f0f);
    font-family: Avenir, Verdana, sans-serif;
  }

  .body-scrolly {
    overflow: hidden;
  }

  .body-3 {
    color: #fff;
    background-image: linear-gradient(#000, #141414);
    font-family: Avenir, Verdana, sans-serif;
  }

  .linkham {
    color: #fff;
    font-family: Avenir, Verdana, sans-serif;
    font-size: 16px;
  }

  .navigationhead.mobile {
    grid-column-gap: 52px;
    grid-row-gap: 52px;
  }

  .navigationhead.mobile.phone {
    display: none;
  }

  .navbartext {
    color: #fff;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(#fff, #fff 20%);
    -webkit-background-clip: text;
    background-clip: text;
    font-family: Avenir, Verdana, sans-serif;
    font-size: 16px;
  }

  .dropdown-link {
    color: #fff;
    background-color: #ebd6c300;
    background-image: linear-gradient(299deg, #000, #303030);
    font-family: Avenir, Verdana, sans-serif;
  }

  .dropdown-link:hover {
    background-image: linear-gradient(299deg, #000, #303030);
  }

  .dropdown-link-darkl {
    color: #fff;
    background-color: #ebd6c300;
    background-image: linear-gradient(290deg, #000, #383838);
    font-family: Avenir, Verdana, sans-serif;
  }

  .dropdown-link-darkl.w--current {
    color: #fff;
    background-color: #ebd6c300;
    background-image: linear-gradient(311deg, #000, #313131);
  }

  .text-block-17.mob, .text-block-17.mob.dgd, .text-block-18, .text-block-18.laptop {
    color: #fff;
  }

  .heading-text-port {
    color: var(--white);
    font-family: Avenir, Verdana, sans-serif;
  }

  .hero-image.guy.web {
    width: 90%;
  }

  .hero-image.jj {
    width: 70%;
  }

  .text-first {
    padding-top: 60px;
  }

  .image-holder {
    justify-content: center;
    align-items: center;
    margin-top: -600px;
    padding-top: 0;
    position: absolute;
  }

  .image-holder.uxres {
    margin-top: -683px;
    position: absolute;
  }

  .footer-main {
    position: static;
    inset: auto 0% 0%;
  }

  .body-8 {
    color: var(--greytext);
    font-family: Avenir, Verdana, sans-serif;
  }

  .text-block-53.sfd {
    color: #fff;
  }

  .div-block-204 {
    background-color: #fff0;
    border-width: .7px;
    border-color: #ffffff5e;
    border-radius: 10px;
  }

  .div-block-204:hover {
    background-color: #7c6f5c00;
    background-image: linear-gradient(311deg, #ffffff80, #ffffff1c);
    border-radius: 10px;
  }

  .div-block-264 {
    background-image: linear-gradient(295deg, #ffffff29, #fff0);
  }

  .div-block-264.sdfds {
    width: 210px;
  }

  .image-159 {
    width: 2rem;
  }

  .text-block-89 {
    padding-left: 20px;
  }

  .link-block-10 {
    width: 200px;
  }

  .header_titlecard {
    flex-flow: column;
    line-height: 20px;
    display: flex;
  }

  ._60secbody {
    background-image: url("https://cdn.prod.website-files.com/64e38c5a990ac9ed8ca4fe88/6978448ee35396c52a33582a_Frame2.jpeg");
    background-position: 50% 0;
    background-size: cover;
    justify-content: center;
    align-items: center;
  }

  .subhead {
    color: var(--white);
    font-family: Avenir, Verdana, sans-serif;
    font-weight: 300;
  }

  .challengerole {
    padding-top: 20px;
  }

  .text-block-127 {
    font-family: Avenir, Verdana, sans-serif;
  }

  .portfoliobody {
    -webkit-text-fill-color: inherit;
    background-color: #000;
    background-clip: border-box;
  }

  .cell-71 {
    border-radius: 20px;
  }

  .bold-text-17 {
    font-weight: 400;
  }

  .bold-text-18 {
    font-weight: 300;
  }

  .image-184.rgfre {
    width: 40rem;
  }

  .container_holder_visual.phone {
    display: none;
  }

  .hero_dark {
    height: 90vh;
  }

  .hero_holder {
    width: auto;
    padding-bottom: 0;
  }

  .hero_heading.phone {
    font-family: Tahoma, Verdana, Segoe, sans-serif;
  }

  .heading_2_hero {
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(0deg, #ffffff80, #fff);
    -webkit-background-clip: text;
    background-clip: text;
    height: 60px;
  }

  .buttons_hero {
    grid-column-gap: 80px;
    grid-row-gap: 80px;
  }

  .text_button.icon {
    color: #fffc;
  }

  .hero_text_block_inner {
    grid-column-gap: 46px;
    grid-row-gap: 46px;
  }

  .header_section {
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(0deg, #ffffff80, #fff);
    -webkit-background-clip: text;
    background-clip: text;
  }

  .section_flagship {
    background-image: url("https://cdn.prod.website-files.com/64e38c5a990ac9ed8ca4fe88/6925c8298221b0f743ec4031_Frame%208%20(2).png");
    background-size: cover;
    margin-top: 0;
    display: none;
  }

  .text-block-171 {
    color: var(--white);
    font-family: Playfair Display, sans-serif;
  }

  .heading-35 {
    line-height: 33px;
  }

  .div_flagship._60s {
    padding-top: 40px;
    padding-bottom: 0;
  }

  .container_holder_flagship.phone {
    display: none;
  }

  .section_studies.phone {
    background-image: url("https://cdn.prod.website-files.com/64e38c5a990ac9ed8ca4fe88/6978448ee35396c52a33582a_Frame2.jpeg");
    background-position: 0 0;
    background-size: cover;
  }

  .text_bodycard.laptop {
    color: #fff;
    font-size: 16px;
  }

  .section_headertitle {
    padding-bottom: 0;
  }

  .header_title {
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(0deg, #ffe6d3b3, #fff);
    -webkit-background-clip: text;
    background-clip: text;
    height: 50px;
    padding-top: 6px;
    font-size: 28px;
    line-height: 30px;
    text-decoration: none;
  }

  .header_title.play {
    background-image: linear-gradient(322deg, #ffffff75 75%, #fff 91%, #fff);
  }

  .section_aboutme {
    background-image: none;
  }

  .section-22 {
    padding-top: 100px;
  }

  .div-block-384.phone {
    width: 60vw;
    margin-top: -529px;
    padding-left: 100px;
  }

  .container100vw._90 {
    justify-content: center;
    align-items: center;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .container80vw {
    justify-content: center;
    align-items: flex-start;
  }

  .container80vw._90.hkjbgkbg {
    justify-content: center;
    align-items: center;
    width: 80vw;
    font-size: 16px;
  }

  .container80vw.kbkjb {
    padding-top: 100px;
  }

  .section_playground {
    background-image: linear-gradient(#000, #000);
  }

  .div-block-393 {
    width: 100%;
    padding-top: 60px;
  }

  .spline-scene-58 {
    width: 100%;
    height: 100%;
    display: block;
  }

  .spline-scene-58.phone {
    display: block;
  }

  .section_contact {
    background-image: url("https://cdn.prod.website-files.com/64e38c5a990ac9ed8ca4fe88/6978451f4d52e0e83e383765_Frame2%20(1).jpeg");
    background-position: 0 0;
    background-size: auto;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .heading-36 {
    color: #fff;
    font-family: Avenir, Verdana, sans-serif;
  }

  .div-block-394 {
    grid-column-gap: 80px;
    grid-row-gap: 80px;
    justify-content: center;
    align-items: center;
    padding-top: 0;
    padding-left: 0;
  }

  .div-block-395 {
    grid-column-gap: 80px;
    grid-row-gap: 80px;
    justify-content: center;
    align-items: center;
    width: 100vw;
    padding-top: 20px;
    padding-bottom: 36px;
    padding-right: 0;
    display: flex;
  }

  .div-block-397 {
    background-image: none;
    padding-left: 0;
    padding-right: 0;
  }

  .socialscontact.footer {
    grid-column-gap: 27px;
    grid-row-gap: 27px;
    flex-flow: row;
    width: 100%;
    height: 100%;
    padding-top: 0;
    padding-bottom: 0;
  }

  .socialscontact.left {
    justify-content: flex-start;
    align-items: center;
  }

  .footer {
    background-position: 50% 40%;
  }

  .buttonicon {
    border-color: #ffffff36;
    height: 45px;
  }

  .buttonicon.light {
    background-image: linear-gradient(293deg, #ffffff61, #fff0);
  }

  .button-1 {
    transform: scale(1.15);
  }

  .label-2 {
    z-index: 5;
    color: #fffc;
    font-family: Avenir, Verdana, sans-serif;
    font-weight: 300;
  }

  .text-block-180 {
    color: #fff;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(290deg, #4b5433, #c45b0c 60%);
    -webkit-background-clip: text;
    background-clip: text;
    font-family: Avenir, Verdana, sans-serif;
  }

  .footertext {
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(332deg, #fff 50%, #fff3);
    -webkit-background-clip: text;
    background-clip: text;
    font-family: Avenir, Verdana, sans-serif;
  }

  .div-block-409 {
    grid-column-gap: 80px;
    grid-row-gap: 80px;
    justify-content: center;
    align-items: center;
    max-width: 80vw;
    display: flex;
  }

  .image-223 {
    width: 100%;
  }

  .contcase {
    color: var(--white);
    border: 1px solid #ffffff80;
    border-radius: 20px;
    max-width: 90vw;
    margin-top: 458px;
    padding-top: 200px;
    padding-left: 50px;
    padding-right: 50px;
    font-family: Avenir, Verdana, sans-serif;
    position: relative;
  }

  .fullblock {
    color: var(--greytext);
    background-image: linear-gradient(#000, #313131 21%, #000 54%, #272727 78%);
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 100vw;
    max-width: none;
    padding-top: 80px;
    padding-bottom: 40px;
    font-family: Avenir, Verdana, sans-serif;
    display: flex;
  }

  .fullblock.uc {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
  }

  .background-video-33 {
    z-index: 1;
    width: 100vw;
    height: 100vh;
    display: none;
    position: absolute;
  }

  .magic-button_text {
    font-family: Avenir, Verdana, sans-serif;
  }

  .magic-button_text:hover {
    color: #fff;
  }

  .div-block-410 {
    padding-top: 30px;
    padding-bottom: 20px;
  }

  .magic-button_icons-wrapper {
    width: 25%;
  }

  .button-3-bg {
    background-color: #0000;
    background-image: linear-gradient(295deg, #000, #000);
    width: 198px;
    height: 40px;
  }

  .button-3 {
    border: 1px solid #ffffff21;
    width: 200px;
    height: 43px;
    transform: scale(1.15);
    box-shadow: 0 0 34px #ff88003d;
  }

  .button-3_color._1 {
    background-image: linear-gradient(112deg, #c43a08d6, #ff9d00db);
  }

  .button-3_color._3 {
    background-image: linear-gradient(251deg, #ffa600d6, #15fbffd9);
  }

  .button-3_color._2 {
    background-image: linear-gradient(251deg, #ffbf00d6, #ffb515d9);
  }

  .label-3 {
    z-index: 5;
    color: #fff;
  }

  .button-wrapper {
    border-radius: 10px;
    padding: 3px 100px;
  }

  .button-wrapper.icon {
    padding-left: 10px;
    padding-right: 10px;
    display: flex;
  }

  .button-wrapper.icon.sectionhjbv {
    padding-left: 20px;
  }

  .text-block-181 {
    color: #fff;
    font-family: Avenir, Verdana, sans-serif;
    font-size: 16px;
  }

  .text-block-182, .text-block-183 {
    font-weight: 300;
  }

  .background-video-34 {
    z-index: 1;
    border-radius: 50px;
    width: 80vw;
    height: 50vh;
    margin-top: 80px;
    margin-left: 122px;
    padding-left: 0;
    position: absolute;
    inset: 0% 0% auto;
  }

  .containerblockdark {
    width: 80vw;
  }

  .fullblockdark {
    justify-content: center;
    align-items: center;
    width: 100vw;
    height: auto;
    display: flex;
  }

  .text-block-184 {
    color: var(--white_transparant_50);
    font-family: Avenir, Verdana, sans-serif;
    font-weight: 300;
  }

  .texxtdarkholder {
    margin-top: 0;
    padding-top: 0;
  }

  .vidholder {
    justify-content: center;
    align-items: center;
    padding-left: 0;
    display: flex;
  }

  .div-block-412 {
    width: 80vw;
    height: 800px;
  }

  .text-block-185 {
    font-weight: 300;
  }

  .imageholders {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
    padding-top: 25px;
    padding-left: 30px;
    padding-right: 30px;
    display: flex;
  }

  .div-block-413, .div-block-414, .div-block-415 {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-flow: column;
    display: flex;
  }

  .containercardbig {
    color: #fff7f100;
    width: 90%;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .textcardbody {
    color: #fff7f1;
    font-size: 18px;
  }

  .textcardheader {
    color: #fff7f1;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 28px;
  }

  .cell-79 {
    padding-left: 20px;
  }

  .textheaderindustry {
    font-size: 16px;
  }

  .textbodyindustry {
    font-size: 14px;
  }

  .textname {
    color: #888481;
    font-size: 18px;
  }

  .slider-2 {
    height: auto;
  }

  .cell-80 {
    grid-column-gap: 44px;
    grid-row-gap: 44px;
    justify-content: flex-start;
    align-items: flex-start;
    padding-bottom: 20px;
  }

  .cell-81 {
    justify-content: flex-end;
    align-items: center;
  }

  .nav_menu {
    position: fixed;
    inset: 0% 0% auto;
  }

  .navbar_textfont {
    font-size: 16px;
  }

  .navbar_textfont.navlogo {
    color: #ffffffe6;
    -webkit-text-fill-color: inherit;
    background-image: none;
    background-clip: border-box;
    font-size: 14px;
    font-weight: 300;
  }

  .textright {
    padding-bottom: 35px;
  }

  .text-block-187, .text-block-188 {
    font-weight: 300;
  }

  .text-block-189 {
    font-size: 24px;
  }

  .text-block-190 {
    background-image: linear-gradient(119deg, #fffadb, #ffffffa1);
    padding-top: 10px;
    padding-bottom: 20px;
    font-size: 80px;
  }

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

  .spline-scene-59 {
    width: 100%;
  }

  .lottie-animation-6 {
    width: 5em;
  }

  .spline-desktop {
    width: 100vw;
    height: 80vh;
  }

  .gradient-wrapper {
    display: none;
  }

  .button-link {
    border-color: #743218;
  }

  .button-link:hover {
    border-color: #747218;
  }

  .button-link.sec {
    border-color: #f7f2f000;
  }

  .button-link.prim {
    background-image: linear-gradient(55deg, #ee720a0d, #ffa75a42 84%);
    border-width: .5px 1px .2px .2px;
    border-color: #ffffff80 #ffffff80 #ffffff52 #ffffff47;
  }

  .button-link.prim:hover {
    background-image: linear-gradient(293deg, #ee720a0d, #ffa75a42);
    border-width: 1px .5px .5px 1px;
  }

  .text-prim {
    font-size: 16px;
  }

  .section_what {
    color: #ffe9db;
    background-image: url("https://cdn.prod.website-files.com/64e38c5a990ac9ed8ca4fe88/6978448ee35396c52a33582a_Frame2.jpeg");
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: cover;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    padding-top: 220px;
    display: flex;
  }

  .container-26 {
    -webkit-text-fill-color: transparent;
    background-image: radial-gradient(circle, #fff, #ffeadbc9);
    -webkit-background-clip: text;
    background-clip: text;
    font-family: Playfair Display, sans-serif;
    font-size: 35px;
    font-weight: 800;
  }

  .headerwhat {
    color: #ffffff6b;
    text-align: center;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(301deg, #ffffff59, #ffe9db 30%);
    -webkit-background-clip: text;
    background-clip: text;
    font-family: Avenir, Verdana, sans-serif;
    font-size: 26px;
    line-height: 70px;
  }

  .headerwhat._2 {
    color: #0000006b;
    text-align: center;
    -webkit-text-fill-color: inherit;
    background-image: none;
    background-clip: border-box;
    font-family: Avenir, Verdana, sans-serif;
    font-size: 26px;
    line-height: 30px;
  }

  .headerwhat._1 {
    background-image: linear-gradient(301deg, #ffffff59, #fff3ec 50%);
    font-family: Avenir, Verdana, sans-serif;
    font-size: 33px;
  }

  .headerwhat._3 {
    background-image: linear-gradient(301deg, #ffffff59, #fff2e9 30%);
    font-size: 20px;
    line-height: 35px;
  }

  .contcards {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 80vw;
    padding: 60px 20px 20px;
    display: flex;
  }

  .contcards._60sec {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-rows: auto auto;
    grid-template-columns: .75fr .75fr;
    grid-auto-columns: 1fr;
    padding-top: 20px;
    padding-left: 0;
    padding-right: 0;
    display: grid;
  }

  .titlecardproof {
    color: #fffc;
  }

  .titlecardproof._60secs {
    font-size: 16px;
  }

  .cardproof {
    grid-column-gap: 18px;
    grid-row-gap: 18px;
    flex-flow: column;
    justify-content: space-between;
    padding: 40px 19px;
    display: flex;
  }

  .cardproof._60sec {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: flex-start;
    align-items: flex-start;
    padding-top: 0;
    padding-bottom: 0;
  }

  .stripeproof {
    background-image: radial-gradient(circle, #fff, #000);
    width: 1px;
    height: 100%;
  }

  .cardproofproof {
    color: #fff;
    -webkit-text-fill-color: inherit;
    background-clip: border-box;
    padding-top: 0;
    padding-bottom: 0;
    font-family: Avenir, Verdana, sans-serif;
    font-size: 25px;
    font-weight: 300;
    line-height: 35px;
  }

  .cardbodyproof {
    color: #fff;
  }

  .cardbodyproof._60secs {
    text-align: left;
    font-size: 14px;
  }

  .textsec {
    font-size: 16px;
  }

  .numbersproof {
    text-align: left;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(45deg, #ff9214ba, #ffd8aa 42%, #fff 95%);
    -webkit-background-clip: text;
    background-clip: text;
    padding-top: 10px;
    padding-bottom: 0;
    font-family: Avenir, Verdana, sans-serif;
    font-size: 35px;
    font-weight: 900;
    line-height: 55px;
  }

  .numbersproof._50 {
    font-size: 40px;
  }

  .numbersproof._50.sec60 {
    padding-top: 0;
  }

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

  .text-block-194 {
    font-size: 18px;
  }

  .text-span-122 {
    font-weight: 300;
  }

  .text-block-196 {
    color: #ff6500;
  }

  .text-block-197 {
    color: #ffece000;
  }

  .text-block-198 {
    color: #ffece0;
    -webkit-text-fill-color: inherit;
    background-clip: border-box;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .text-span-123 {
    font-weight: 400;
  }

  .bodytextport {
    font-size: 16px;
  }

  .image-230 {
    display: none;
  }

  .image-231 {
    border-radius: 14px;
  }

  .textsplinelaptop {
    color: #fffc;
    text-align: center;
    padding-bottom: 20px;
    font-family: Avenir, Verdana, sans-serif;
    font-style: italic;
    font-weight: 400;
  }

  .textsplinephone {
    color: #fffc;
    text-align: center;
    padding-top: 0;
    padding-bottom: 10px;
    font-family: Avenir, Verdana, sans-serif;
    font-style: italic;
    display: none;
  }

  .nonhome {
    display: none;
  }

  .slide-2 {
    vertical-align: text-bottom;
    top: auto;
  }

  .mask {
    bottom: 0;
  }

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

  .footerlaptoppages {
    background-color: #0000;
  }
}

@media screen and (min-width: 1920px) {
  .linkham {
    font-size: 20px;
  }

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

  .heading-text-port, .text-first {
    color: var(--white);
  }

  .image-holder, .image-holder.uxres {
    position: static;
  }

  .subhead {
    color: var(--white);
  }

  .div-block-343 {
    padding-top: 0;
  }

  .text-block-140 {
    color: #000;
    font-family: Avenir, Verdana, sans-serif;
    font-size: 30px;
    font-weight: 400;
  }

  .heading-24 {
    color: var(--black);
  }

  .div-block-345 {
    color: #000;
  }

  .resume-body {
    justify-content: center;
    align-items: center;
    max-width: 100vw;
    padding-top: 161px;
    display: flex;
  }

  .hero_holder {
    padding-bottom: 126px;
  }

  .spline-scene-57 {
    display: none;
  }

  .text_button.icon {
    font-size: 16px;
    font-weight: 300;
  }

  .section_flagship {
    background-image: url("https://cdn.prod.website-files.com/64e38c5a990ac9ed8ca4fe88/6925a75f57d2e5169561ec08_Backgroundglow.png");
  }

  .div_flagship._60s {
    max-height: none;
  }

  .container_holder_flagship.phone {
    display: none;
  }

  .container80vw {
    background-color: #0000;
    border-radius: 10px;
    padding: 100px 48px 94px;
  }

  .spline-scene-58 {
    width: 70vw;
    height: 60vh;
    display: block;
  }

  .heading-36 {
    color: #fff;
    font-family: Avenir, Verdana, sans-serif;
  }

  .button-1 {
    transform: scale(1.4);
  }

  .label-2 {
    font-size: 5px;
  }

  .contcase {
    color: #fff;
    background-image: none;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    max-width: none;
    display: flex;
    position: static;
  }

  .fullblock {
    background-image: linear-gradient(#000, #313131 21%, #000 54%, #272727 78%);
  }

  .background-video-33 {
    width: 100vw;
    height: 100vh;
    position: absolute;
  }

  .button-3 {
    transform: scale(1.4);
  }

  .link-block-20 {
    font-family: Avenir, Verdana, sans-serif;
    font-size: 7px;
  }

  .containercardbig {
    padding-top: 20px;
    padding-bottom: 0;
  }

  .textcardbody {
    padding-bottom: 15px;
    font-size: 22px;
  }

  .textcardheader {
    padding-top: 24px;
    font-size: 32px;
  }

  .textheaderindustry {
    font-size: 18px;
  }

  .textbodyindustry {
    font-size: 16px;
  }

  .slider-2 {
    height: auto;
    display: block;
  }

  .quick-stack-12 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .bold-text-34 {
    font-size: 18px;
  }

  .image-225 {
    height: auto;
  }

  .navbar_textfont {
    font-size: 20px;
  }

  .navbar_textfont.navlogo {
    font-size: 22px;
  }

  .image-227, .lottie-animation-6 {
    width: 5rem;
  }
}

@media screen and (max-width: 991px) {
  .styleguide-block {
    text-align: center;
  }

  .heading-jumbo {
    font-size: 56px;
    line-height: 70px;
  }

  .section-logos {
    align-items: flex-start;
    padding-top: 0;
    display: flex;
  }

  .section-logos.cc-contact {
    padding-left: 0;
    padding-right: 0;
  }

  .button {
    justify-content: center;
  }

  .logo-link.w--current {
    flex: 1;
  }

  .menu-icon {
    display: block;
  }

  .navigation-item {
    text-align: center;
    padding: 15px 30px;
    transition: background-color .4s, opacity .4s, color .4s;
  }

  .navigation-item:hover {
    background-color: #f7f8f9;
  }

  .navigation-item:active {
    background-color: #eef0f3;
  }

  .navigation-items {
    background-color: #fff0;
  }

  .navigation {
    padding: 25px 30px;
  }

  .menu-button {
    padding: 0;
  }

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

  .navigation-wrap {
    margin-right: 0;
  }

  .contact {
    width: auto;
    padding: 30px 50px 40px;
  }

  .contact-headline, .contact-form-wrap {
    width: 100%;
  }

  .container-logos {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-flow: row;
    justify-content: space-between;
    width: auto;
    max-width: none;
    max-height: none;
    margin-top: 23px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .container-logos.min {
    align-items: flex-start;
    margin-top: 0;
  }

  .container-work {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-direction: column;
    justify-content: center;
    align-self: center;
    align-items: center;
    max-width: 60vh;
    display: flex;
  }

  .heading-2.what {
    font-size: 4vh;
  }

  .heading-2.what.retro {
    margin-bottom: 0;
  }

  .heading-2.what.min {
    margin-bottom: 0;
    font-size: 2.7vh;
  }

  .heading-2.what.dream {
    margin-bottom: 0;
  }

  .background-card {
    width: auto;
    max-width: 100vh;
    height: auto;
    max-height: 100vh;
    padding-bottom: 11px;
  }

  .background-card.big {
    height: 100%;
    max-height: none;
    padding-left: 10px;
    padding-right: 10px;
  }

  .text {
    padding-right: 17px;
  }

  .text-block {
    padding-left: 0;
    font-size: 1.7vh;
    font-weight: 300;
  }

  .text-block.retro {
    padding-left: 0;
  }

  .text-block.min {
    font-size: .7em;
    font-weight: 400;
  }

  .text-block.dream {
    padding-left: 9px;
  }

  .heading-4 {
    padding-left: 0;
    font-size: 1.2em;
    font-weight: 400;
  }

  .heading-4.retro {
    padding-left: 0;
  }

  .heading-4.min {
    font-size: .9em;
    font-weight: 400;
  }

  .image-4 {
    max-width: 85%;
  }

  .card-background {
    width: auto;
    height: auto;
    margin-bottom: 22px;
    margin-right: 24px;
  }

  .card-background.dark {
    width: 70vh;
    margin-left: 0;
  }

  .div-block-3.laptop.dark {
    width: auto;
    height: auto;
  }

  .div-block-3.donkey {
    max-width: 100vh;
    height: auto;
  }

  .div-block-3.donkey.dark {
    width: auto;
  }

  .heading-5.retro {
    font-size: 3vh;
  }

  .heading-5.min {
    font-size: 1.2em;
    font-weight: 400;
  }

  .text-block-2 {
    font-size: 25px;
  }

  .text-block-3.light, .text-block-3.bold {
    font-size: 20px;
  }

  .container-4 {
    flex-direction: column;
    align-items: center;
    max-width: 80vw;
    display: flex;
  }

  .section-how-i-work {
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .heading-6.retro, .heading-6.dream {
    color: var(--black);
  }

  .heading-6.min {
    color: var(--black);
    font-size: 4vh;
  }

  .heading-6.min.black {
    margin-bottom: 20px;
    font-size: 3vh;
  }

  .text-block-4 {
    font-size: 1.5rem;
  }

  .text-block-4.dark {
    font-size: 3vh;
  }

  .text-block-4.min {
    padding-bottom: 20px;
    font-size: 1.2em;
    font-weight: 300;
  }

  .cell-text-block {
    font-size: 1rem;
  }

  .cell-text-block.dark {
    font-size: 1.7vh;
  }

  .cell-text-block.min {
    font-size: .7em;
  }

  .airbnb.specialties {
    width: 7em;
  }

  .airbnb.specialties.big {
    width: 10em;
  }

  .text-2 {
    font-size: 1.5vh;
  }

  .text-2.retro.two {
    font-size: 14px;
  }

  .text-2.dream {
    color: var(--black);
    font-family: Poiret One, sans-serif;
  }

  .text-2.dark {
    font-size: 1.7vh;
  }

  .text-2.min {
    font-family: Inter, sans-serif;
    font-size: .8em;
  }

  .text-2.dreamy {
    font-size: 2vh;
  }

  .image-9 {
    padding-top: 6px;
  }

  .heading-text-name {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 4vh;
    left: 0;
  }

  .heading-text-name.min {
    font-size: 3vh;
  }

  .heading-text-name.retro, .heading-text-name.dark {
    font-size: 5vh;
  }

  .text-span-2 {
    padding-left: 7px;
  }

  .text-span-2.retro {
    text-shadow: 2px 2px 0 var(--black);
  }

  .modal.laptop, .modal.app {
    display: none;
  }

  .modal-container.donkey {
    z-index: 2;
    display: flex;
  }

  .quick-stack-4.donkey-open {
    object-fit: contain;
    left: 0;
    overflow: scroll;
  }

  .image-12 {
    max-width: 100vh;
    max-height: 100vh;
  }

  .card-something {
    justify-content: center;
  }

  .grid {
    flex-direction: column;
    align-items: center;
    height: 85vh;
    margin-bottom: 0;
    margin-right: -20px;
    padding-bottom: 20px;
    display: flex;
    overflow: auto;
  }

  .div-color-card {
    order: 3;
    margin-left: 0;
  }

  .div-business-idea {
    order: 2;
  }

  .div-homescreen {
    order: -1;
  }

  .div-text-card {
    order: 0;
    padding-left: 0;
  }

  .image-16 {
    position: static;
  }

  .headshot.retro {
    width: 45vh;
  }

  .grid-2 {
    grid-column-gap: 141px;
    grid-row-gap: 141px;
    grid-template-columns: 1.25fr 1fr 1fr 1.25fr;
  }

  .grid-2.retro {
    grid-column-gap: 126px;
  }

  .grid-2.min {
    grid-column-gap: 113px;
    width: 100%;
    height: 100%;
  }

  .container-heading-what-do {
    margin-top: 35px;
    padding-bottom: 0;
    font-size: 0;
  }

  .container-heading-what-do.retro {
    padding-bottom: 0;
  }

  .big-card-wrapper.laptop {
    max-width: 100vh;
    max-height: 100vh;
  }

  .small-card-wrapper {
    align-self: center;
    margin-left: 0;
  }

  .small-card-wrapper.laptopsmall {
    justify-content: center;
    align-self: center;
    display: flex;
  }

  .section-what-i-can-do {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .logo-images {
    width: 65%;
  }

  .logo-images.horizontal {
    width: 100%;
  }

  .grid-4.donkey {
    grid-column-gap: 16px;
    grid-row-gap: 36px;
    flex-direction: column;
    grid-template-rows: 1fr 1fr auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: row;
    align-items: center;
    width: 100%;
    height: 100%;
    max-height: 100vh;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
    overflow: auto;
  }

  .divscreens {
    align-self: center;
    width: 100vh;
    height: 100vh;
  }

  .grid-donkey {
    flex-direction: column;
    display: flex;
  }

  .grid-donkey.homescreen {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
  }

  .grid-5 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-direction: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: column;
    width: auto;
    height: auto;
    display: grid;
  }

  .div-how-cards {
    padding-top: 40px;
  }

  .image-how {
    width: 60%;
    padding-bottom: 40px;
  }

  .container-cv {
    max-width: 80vw;
  }

  .heading-cv.title.retro {
    font-size: 4vh;
  }

  .heading-cv.title.min {
    margin-bottom: 0;
    font-size: 3vh;
  }

  .grid-laptop {
    flex-direction: column;
    width: 90%;
    display: flex;
  }

  .button-div {
    width: 40%;
    padding-top: 20px;
  }

  .button-div.min {
    left: 0;
  }

  .button-4 {
    padding: 2px 24px;
    font-size: 13px;
  }

  .button-4.min {
    padding-left: 15px;
    padding-right: 15px;
    font-size: .7em;
  }

  .button-4.retro {
    padding-left: 11px;
    padding-right: 11px;
    font-size: 1.7vh;
  }

  .button-4.dream {
    font-size: 2.5vh;
  }

  .text-block-5 {
    margin-top: 0;
    font-size: 3vh;
    left: 0;
  }

  .text-block-5.min {
    padding-top: 5px;
    font-size: 2vh;
  }

  .text-block-5.retro {
    width: 100%;
    padding-top: 7px;
    font-size: 3vh;
  }

  .text-block-5.dream {
    width: 95%;
  }

  .text-block-5.dark {
    padding-top: 13px;
    font-size: 3.1vh;
  }

  .div-block-25 {
    top: 26px;
    left: 133px;
  }

  .div-block-25.min {
    top: 0;
    left: 100px;
  }

  .div-block-25.retro {
    top: 30px;
    left: 36px;
  }

  .div-block-25.dark {
    padding-bottom: 0;
    left: 58px;
  }

  .div-block-25.dreamy {
    padding-left: 0;
    left: 85px;
  }

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

  .grid-6.retro {
    justify-items: center;
    margin-top: 0;
  }

  .div-block-28 {
    grid-column-gap: 18px;
  }

  .div-block-28.symbols {
    grid-column-gap: 83px;
    grid-row-gap: 18px;
  }

  .text-block-6.min {
    font-size: .8em;
    font-weight: 400;
  }

  .text-block-6.dark {
    font-size: 1.7vh;
  }

  .heading-7, .heading-7.design-skills {
    font-size: 2vh;
    font-weight: 400;
  }

  .body-2.retro {
    background-color: #fff;
    background-image: none;
  }

  .spicy-back.small {
    width: 85%;
  }

  .spicy-back.small.donkey {
    width: 100%;
  }

  .text-span-8.min {
    padding-left: 3px;
  }

  .div-block-29 {
    font-size: 4vh;
  }

  .div-block-29.min {
    margin-top: 50px;
    padding-bottom: 10px;
    font-family: Inter, sans-serif;
    font-weight: 300;
  }

  .image-28 {
    width: 6vh;
  }

  .image-29, .image-30 {
    width: 8vh;
  }

  .image-31 {
    width: 12vw;
  }

  .image-32 {
    width: 10vh;
  }

  .image-33, .image-34 {
    width: 8vh;
  }

  .image-35, .image-36 {
    width: 6vh;
  }

  .image-37, .image-38 {
    width: 8vh;
  }

  .image-39 {
    width: 10vh;
  }

  .image-40 {
    width: 6vh;
  }

  .image-41, .image-42 {
    width: 8vh;
  }

  .image-43 {
    width: 14vh;
  }

  .card {
    flex-direction: column;
  }

  .navbar {
    justify-content: center;
    padding-right: 0;
    position: absolute;
    inset: 0% 0% auto;
  }

  .nav-link.home, .nav-link-3.home {
    text-align: center;
  }

  .nav-menu {
    background-color: #f7f5ea;
    border-radius: 0;
    box-shadow: -3px 3px 13px #0003;
  }

  .section-6 {
    background-image: url("https://cdn.prod.website-files.com/64e38c5a990ac9ed8ca4fe88/660a36f5bd39935d61cb8b10_Ballsright.png");
    background-repeat: no-repeat;
    background-size: 700px;
    background-attachment: fixed;
  }

  .menu-button-2 {
    justify-content: flex-start;
    display: block;
  }

  .menu-button-3 {
    background-color: #f7f5ea;
  }

  .modal-2 {
    width: 95vw;
  }

  .button-6 {
    padding-left: 35px;
    padding-right: 35px;
  }

  .modal-link {
    text-align: center;
    width: 100%;
  }

  .inner-container {
    padding-top: 10%;
    padding-left: 8%;
    padding-right: 8%;
  }

  .inner-header-col {
    margin-bottom: 15px;
  }

  .card-2 {
    flex: none;
    width: 100%;
  }

  .card-3 {
    flex: none;
    width: auto;
  }

  .button-close {
    color: #fff;
    background-color: #000000bf;
    border-radius: 8px;
    width: auto;
    height: auto;
    margin-left: auto;
    margin-right: 2%;
    padding: 10px 15px;
    font-size: 20px;
    display: flex;
    inset: 0% 0% auto auto;
  }

  .section {
    flex-direction: column;
    justify-content: space-around;
  }

  .card-inner {
    background-image: none;
    padding-top: 0%;
    padding-bottom: 0%;
    display: none;
  }

  .image-wrapper {
    height: 33.33vh;
  }

  .card-1 {
    flex: none;
    width: 100%;
  }

  .main-heading {
    font-size: 3em;
    line-height: 1em;
  }

  .section-content {
    width: 100vw;
    height: auto;
    display: none;
  }

  .third-article {
    height: auto;
    min-height: 100vh;
  }

  .heading {
    font-size: 6vh;
  }

  .scroll-type-wrapper {
    width: 100%;
    padding-left: 35px;
    padding-right: 35px;
    display: none;
  }

  .first-article {
    width: 100%;
    height: 100%;
    padding-left: 0%;
    padding-right: 0%;
    display: block;
    position: relative;
    top: 0%;
    overflow: auto;
  }

  .header-row {
    flex-direction: column;
    align-items: flex-start;
  }

  .section-images {
    display: none;
  }

  .loading {
    font-size: 30px;
  }

  .loading.clone, .count {
    font-size: 30px;
    line-height: 44px;
  }

  .stage-copy-inner {
    width: 80%;
    max-width: 47em;
    margin-left: auto;
    margin-right: auto;
  }

  .popup-content-wrapper {
    max-height: 92%;
  }

  .stage-copy-wrapper {
    text-align: center;
    justify-content: center;
    width: 100%;
    height: 70%;
  }

  .gutter-outside {
    padding-left: 6vw;
    padding-right: 6vw;
  }

  .stage-car-floor {
    width: 100%;
    right: 0%;
  }

  .stage-wrapper {
    min-height: 63em;
  }

  .stage-car-wrapper {
    width: 90%;
  }

  .home-hero_image-wrapper {
    padding-top: 100%;
  }

  .banner-heading-top {
    font-size: 4rem;
  }

  .home-hero_content-left {
    flex: 0 auto;
    margin-left: 5%;
    margin-right: 5%;
  }

  .home-services_tab-wrapper {
    padding: 3rem;
  }

  .home_work_component {
    align-items: flex-start;
    height: 22rem;
    overflow: scroll;
  }

  .margin-top {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .standard-layout_component {
    grid-column-gap: 3rem;
    grid-template-columns: 1fr 1fr;
    grid-auto-flow: row;
    min-height: auto;
  }

  .padding-section-huge {
    padding-top: 11rem;
    padding-bottom: 11rem;
  }

  .home-reviews_component {
    grid-template-columns: 1fr 1fr;
  }

  .home-hero_component {
    height: auto;
  }

  .hero-value-display-text {
    font-size: 4rem;
  }

  .padding-section-large {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .home-hero_content-right {
    flex: 0 auto;
    width: 100%;
    position: static;
  }

  .home-hero_content-wrapper {
    grid-row-gap: 4rem;
    flex-direction: column;
    grid-template-columns: 1fr;
    height: auto;
    padding-top: 6rem;
    position: static;
  }

  .margin-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .home-services_button-list {
    width: 90%;
  }

  .banner-heading-wrapper {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .spacer-xlarge {
    padding-top: 3.5rem;
  }

  .banner-heading-bottom {
    font-size: 4rem;
  }

  .faq_plus-icon-wrapper:hover {
    background-color: #fff;
  }

  .faq_plus-icon-wrapper:active {
    background-color: #ff5330;
  }

  .container-21 {
    max-width: 728px;
  }

  .footer-content {
    grid-column-gap: 60px;
  }

  .hero_dark {
    height: auto;
  }

  .hero_holder {
    justify-content: center;
    align-items: center;
    padding-bottom: 0;
    top: 248px;
  }

  .hero_heading.phone {
    font-size: 40px;
  }

  .heading_2_hero {
    text-align: center;
    font-size: 35px;
    line-height: 55px;
  }

  .buttons_hero {
    display: none;
  }

  .hero_text_block_inner {
    padding-left: 21px;
  }

  .div_pillars {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    flex-flow: row;
    padding-left: 10px;
    padding-right: 10px;
  }

  .header_pillar {
    font-size: 18px;
  }

  .body_pillar {
    font-size: 14px;
  }

  .div_flagship {
    background-image: none;
  }

  .div_text_flagship.phone {
    width: 100%;
    position: static;
  }

  .container_holder_flagship.laptop {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: none;
  }

  .container_holder_flagship.phone {
    display: block;
  }

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

  .nav_menu.phone {
    display: none;
  }

  .orange {
    top: 22em;
  }

  .gradient-wrapper {
    font-size: 1.3vh;
  }

  .blending-group-wrapper {
    margin-left: -4em;
  }

  .purple {
    width: 44em;
    height: 57em;
    position: absolute;
    inset: 23.2em -9.5em 0 auto;
  }

  .text-effect-text {
    font-size: 3em;
  }

  .big-heading {
    text-align: center;
    font-size: 44px;
  }
}

@media screen and (max-width: 767px) {
  .heading-jumbo-small {
    font-size: 30px;
    line-height: 52px;
  }

  .rich-text {
    text-align: left;
    width: 90%;
    max-width: 470px;
  }

  .container {
    text-align: center;
  }

  .heading-jumbo {
    font-size: 50px;
    line-height: 64px;
  }

  .section-logos {
    margin-left: 15px;
    margin-right: 15px;
  }

  .section-logos.cc-contact {
    padding: 15px;
  }

  .paragraph-bigger {
    font-size: 16px;
    line-height: 28px;
  }

  .logo-link {
    padding-left: 0;
  }

  .menu-icon.dark {
    background-color: #e2e2e200;
  }

  .navigation {
    padding: 20px 30px;
  }

  .text-field.cc-textarea {
    text-align: left;
  }

  .contact {
    padding-left: 30px;
    padding-right: 30px;
  }

  .contact-form-grid {
    grid-column-gap: 30px;
    grid-template: "."
                   "."
                   "."
                   / 1fr;
  }

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

  .contact-form-wrap {
    text-align: left;
  }

  .footer-wrap {
    text-align: center;
    flex-direction: column;
  }

  .webflow-link {
    margin-bottom: 15px;
  }

  .footer-links {
    flex-direction: column;
  }

  .footer-item {
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 0;
  }

  .utility-page-wrap {
    padding: 15px;
  }

  ._404-wrap {
    padding: 30px;
  }

  .container-logos {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    margin-top: 36px;
  }

  .container-logos.dream {
    max-width: 80%;
  }

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

  .heading-2.what {
    color: #1a1b1fd9;
    font-weight: 300;
  }

  .heading-2.what.retro {
    margin-bottom: 0;
    font-weight: 600;
  }

  .heading-2.what.min {
    margin-bottom: 0;
    font-size: 1.5rem;
  }

  .heading-2.what.dream {
    font-size: 5vh;
  }

  .heading-2.what.dark {
    margin-bottom: 0;
  }

  .background-card {
    align-self: center;
    width: 100%;
    height: 100%;
    max-height: 100%;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .background-card.small {
    width: 100%;
    max-width: 100%;
    height: 100%;
    margin-left: 0;
    padding-left: 0;
  }

  .background-card.small.laptopcard {
    width: 70%;
  }

  .background-card.small.laptopcard.min, .background-card.small.laptopcard.dream {
    width: 90%;
  }

  .background-card.small.laptopcard.dark {
    width: 95%;
  }

  .background-card.small.retro {
    width: auto;
    height: auto;
  }

  .background-card.big {
    width: 90%;
    padding-left: 0;
    padding-right: 0;
  }

  .background-card.big.dark {
    width: 80%;
  }

  .background-card.donkey-app {
    max-width: 100vw;
    height: 100%;
  }

  .background-card.donkey-app.dark {
    flex-direction: column;
    align-items: stretch;
    display: flex;
  }

  .text-block {
    padding-top: 17px;
    font-family: Poppins, sans-serif;
    font-size: 2.5vh;
  }

  .text-block.dream {
    font-size: 2.5vh;
  }

  .text-block.dark {
    font-size: 2vh;
  }

  .heading-4 {
    font-family: Poppins, sans-serif;
    font-size: 3vh;
    line-height: 1.5;
  }

  .heading-4.dream {
    font-size: 4vh;
  }

  .heading-4.dark {
    padding-left: 0;
    font-size: 3vh;
  }

  .card-background {
    border: 2px solid #000;
    justify-content: center;
    align-items: flex-start;
    display: flex;
  }

  .card-background.small {
    flex-direction: column;
    align-items: center;
    width: 87%;
    margin-top: 13px;
    margin-right: 21px;
    padding-top: 0;
    display: flex;
  }

  .card-background.small.retro {
    margin-top: 20px;
  }

  .card-background.laptophome.min {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  .card-background.dream {
    border-style: none;
  }

  .card-background.dark {
    border-style: none;
    width: auto;
    height: auto;
    margin-bottom: 0;
    margin-right: 0;
    padding-bottom: 0;
  }

  .card-background.min {
    border-style: none;
  }

  .div-block-3.laptop {
    object-fit: fill;
    justify-content: flex-start;
    height: auto;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .div-block-3.laptop.dark {
    justify-content: center;
    padding-left: 13px;
  }

  .div-block-3.donkey {
    flex-direction: row;
    align-items: center;
    width: auto;
    max-width: 100%;
  }

  .div-block-3.donkey.retro {
    border-style: none;
  }

  .heading-5 {
    margin-bottom: 0;
    padding-top: 28px;
    padding-left: 24px;
    font-size: 3vh;
    font-weight: 400;
    line-height: 1.5;
  }

  .heading-5.dream {
    font-size: 4vh;
  }

  .heading-5.dark {
    padding-left: 29px;
    font-size: 3vh;
  }

  .text-block-2 {
    padding-right: 36px;
    font-size: 27px;
  }

  .text-block-3.light {
    padding-bottom: 8px;
  }

  .colors {
    justify-content: space-between;
    width: 90%;
  }

  .heading-6.dream.black {
    font-size: 5vh;
  }

  .heading-6.min.black {
    margin-bottom: 16px;
    font-size: 1.5rem;
  }

  .heading-6.white {
    font-size: 5vh;
  }

  .text-block-4.retro {
    font-size: 3vh;
  }

  .text-block-4.dream {
    padding-bottom: 48px;
    font-size: 4vh;
  }

  .text-block-4.dark {
    font-size: 3.5vh;
  }

  .cell-text-block.retro {
    font-size: 2vh;
  }

  .cell-text-block.dream {
    font-size: 2.5vh;
  }

  .cell-text-block.dark {
    font-size: 2vh;
  }

  .cell-text-block.min {
    font-size: .8rem;
  }

  .text-2.retro {
    font-size: 14px;
  }

  .text-2.dream {
    font-size: 2vh;
  }

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

  .div-block-9 {
    grid-column-gap: 4vh;
    grid-row-gap: 4vh;
    justify-content: space-between;
    padding-bottom: 8px;
  }

  .div-block-13 {
    justify-content: space-between;
  }

  .div-block-17 {
    width: 80%;
    height: 70%;
  }

  .image-9 {
    width: auto;
    height: auto;
    padding-top: 12px;
    padding-left: 0;
  }

  .heading-text-name {
    justify-content: center;
    font-size: 5vh;
    top: 0;
    left: 0;
  }

  .heading-text-name.min {
    font-size: 1.5rem;
  }

  .image-13.landscape, .image-14.landscape, .image-15.landscape {
    width: 33%;
    padding-right: 0;
  }

  .headshot {
    order: 1;
    min-width: 20vw;
    max-width: 50vw;
    margin-top: -52px;
  }

  .headshot.retro {
    align-self: center;
    width: 50%;
    min-width: 75%;
    max-width: 80%;
    margin-top: 20px;
  }

  .headshot.dream {
    align-self: center;
    min-width: 0;
    max-width: 65%;
    margin-top: -37px;
  }

  .headshot.dark {
    align-self: center;
    max-width: 65vh;
  }

  .grid-2 {
    grid-column-gap: 119px;
    grid-row-gap: 29px;
    flex-direction: row;
    grid-template-rows: auto;
    grid-template-columns: 1.25fr 1.25fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .grid-2.retro {
    justify-items: center;
  }

  .grid-2.min {
    grid-column-gap: 142px;
    grid-row-gap: 22px;
    grid-template-columns: 1.75fr 1.25fr;
  }

  .grid-2.dream {
    grid-column-gap: 186px;
    grid-row-gap: 29px;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .container-heading-what-do, .container-heading-what-do.retro {
    padding-bottom: 0;
  }

  .big-card-wrapper {
    flex-direction: column;
    width: 100%;
    height: auto;
    max-height: 50%;
    display: flex;
  }

  .big-card-wrapper.donkey {
    max-width: 100vh;
    height: 100%;
    max-height: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .big-card-wrapper.laptop {
    height: 100%;
    max-height: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .small-card-wrapper {
    text-align: left;
    width: 90%;
    margin-left: 0;
  }

  .small-card-wrapper.laptopsmall {
    justify-content: center;
    display: flex;
  }

  .logo-images {
    max-width: 10vh;
    max-height: 10vh;
  }

  .logo-images.horizontal {
    width: 13vh;
    max-width: 13vh;
  }

  .div-block-18 {
    padding-left: 0;
    padding-right: 38px;
  }

  .image-21 {
    padding-right: 0;
  }

  .grid-donkey.homescreen {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    width: 100%;
  }

  .grid-5 {
    display: flex;
  }

  .div-how-cards {
    padding-top: 40px;
  }

  .image-how {
    width: 35%;
  }

  .container-cv {
    flex-direction: column;
    display: flex;
  }

  .heading-cv.title.dream {
    font-size: 5vh;
  }

  .heading-cv.title.dark {
    margin-bottom: 32px;
  }

  .heading-cv.title.min {
    margin-bottom: 16px;
  }

  .grid-laptop {
    width: auto;
  }

  .button-div {
    align-self: center;
    width: 20%;
    margin-top: 0;
    top: 0;
    left: 0;
  }

  .button-div.min {
    align-self: center;
    width: 60%;
    margin-top: 0;
    font-family: Inter, sans-serif;
    top: 0;
    left: 0;
  }

  .button-4.min {
    flex-direction: row;
    justify-content: center;
    padding-left: 1em;
    padding-right: 1em;
    font-size: .9rem;
    display: flex;
  }

  .button-4.retro {
    justify-content: center;
    display: flex;
  }

  .button-4.dream {
    padding-left: 20px;
    padding-right: 20px;
  }

  .text-block-5 {
    text-align: center;
    justify-content: center;
    width: 100%;
    margin-top: 8px;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
  }

  .text-block-5.min {
    font-size: 1rem;
  }

  .text-block-5.dark {
    justify-content: center;
    width: 100%;
  }

  .div-block-25 {
    flex-direction: column;
    align-self: center;
    align-items: center;
    display: flex;
    top: -43px;
    left: 0;
  }

  .div-block-25.min {
    margin-top: -66px;
    left: 69px;
  }

  .div-block-25.retro {
    padding-left: 0;
    top: 0;
    left: 0;
  }

  .div-block-25.dark {
    left: 0;
  }

  .div-block-25.dreamy {
    align-self: center;
    margin-top: -28px;
    left: 0;
  }

  .grid-6 {
    flex-direction: row;
    grid-template-columns: 1fr;
    display: flex;
  }

  .div-block-26 {
    text-align: center;
    align-self: center;
  }

  .div-block-28 {
    grid-template-columns: 1fr 1fr;
  }

  .text-block-6.retro {
    font-size: 2vh;
  }

  .text-block-6.min {
    margin-top: 0;
  }

  .text-block-6.dream {
    font-size: 2.5vh;
  }

  .spicy-back {
    background-position: 0 0;
    background-size: cover;
  }

  .spicy-back.small {
    width: 100%;
  }

  .spicy-back.laptopbig {
    background-size: 800px;
  }

  .spicy-back.donkeylandscape {
    background-size: 300px 800px;
  }

  .image-26, .image-27 {
    width: 15vh;
  }

  .image-car.mob {
    width: 500px;
    height: 600px;
  }

  .visionboard-wrapper {
    height: 800px;
  }

  .visionboard-wrapper.mob {
    height: 500px;
  }

  .modal-2 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .close-link {
    align-items: flex-start;
    padding-right: 0;
  }

  .close-icon {
    max-height: 15px;
  }

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

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

  .button-close {
    width: auto;
  }

  .xlarge-paragraph {
    font-size: 10vh;
  }

  .section {
    flex-direction: column;
  }

  .cap {
    font-size: 90px;
  }

  .image-wrapper {
    background-size: cover;
    width: 100vw;
    height: 400px;
  }

  .wrap-scrolling-text {
    min-height: 250px;
  }

  .third-article {
    z-index: 22;
    height: auto;
    min-height: 100vh;
    position: relative;
  }

  .heading {
    font-size: 65px;
  }

  .second-article {
    z-index: 21;
    position: relative;
  }

  .divider-circle {
    width: 12px;
    height: 12px;
  }

  .holdercards {
    padding-left: 20px;
    padding-right: 20px;
  }

  .holder2blocks {
    flex-flow: column;
  }

  .background-video-14 {
    width: 300px;
    height: 300px;
  }

  .loading, .loading.clone {
    font-size: 28px;
  }

  .title4, .stage-copy-title-wrapper {
    font-size: 1.5em;
  }

  .popup-content {
    margin: 3em;
  }

  .p-xs-start {
    padding-top: 1.6em;
  }

  .title1 {
    font-size: 3.4em;
  }

  .copy-medium {
    font-size: 1.3em;
    line-height: 1.4em;
  }

  .stage-objects-wrapper {
    height: auto;
    padding-bottom: 5em;
    position: relative;
  }

  .stage-shape-right {
    min-height: 20em;
    margin-bottom: 0%;
    bottom: 53%;
  }

  .why-this-site-wrapper {
    top: 2em;
  }

  .stage-sun-wrapper {
    position: relative;
  }

  .sun-page-load {
    width: auto;
    min-width: 17em;
    margin-top: -11em;
  }

  .section-stage {
    height: auto;
    min-height: 100vh;
  }

  .stage-object-inner {
    height: auto;
    position: static;
  }

  .stage-copy-wrapper {
    align-items: flex-start;
    height: auto;
    padding-top: 20vh;
    padding-bottom: 11vh;
    position: relative;
  }

  .stage-car-floor {
    bottom: -7.5%;
  }

  .stage-shape-right-wrapper {
    display: block;
    position: static;
  }

  .sun-scroll-animation {
    width: auto;
    min-width: 17em;
    height: 17em;
  }

  .savesion-wrapper {
    top: 2em;
  }

  .stage-wrapper {
    flex-direction: column;
    justify-content: center;
    height: auto;
    min-height: 100vh;
    display: flex;
    position: relative;
  }

  .stage-car-wrapper {
    position: static;
  }

  .savesion-type-wrapper {
    width: 100%;
  }

  .heading-style-h2 {
    letter-spacing: 0;
    font-size: 2.25rem;
  }

  .home-services_tab-wrapper {
    padding: 1.75rem;
  }

  .home-reviews_client-image-wrapper {
    margin-bottom: 1rem;
    margin-right: 0;
  }

  .home_work_component {
    height: 20rem;
  }

  .margin-top {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .text-size-large {
    font-size: 1.125rem;
  }

  .faq_question-text {
    font-size: 1.5rem;
  }

  .standard-layout_component {
    grid-row-gap: 3rem;
    grid-template-columns: 1fr;
  }

  .padding-section-huge {
    padding-top: 7rem;
    padding-bottom: 7rem;
  }

  .home-reviews_component {
    grid-template-columns: 1fr;
  }

  .hero-value-display-text {
    font-size: 3.25rem;
  }

  .padding-section-large {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .home_work_item {
    width: 85vw;
    margin-left: 0%;
    margin-right: 0%;
  }

  .home-ph_component {
    width: 100%;
  }

  .home-hero_content-wrapper {
    padding-top: 4rem;
  }

  .button-9 {
    text-align: center;
    flex-wrap: wrap;
  }

  .home_work_scroll-wrapper {
    grid-column-gap: 5vw;
    grid-row-gap: 5vw;
    justify-content: flex-start;
    width: auto;
    margin-left: 5%;
    margin-right: 5%;
  }

  .margin-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .home-services_button-list {
    max-width: none;
  }

  .text-size-medium {
    font-size: 1rem;
  }

  .home-reviews_client {
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
  }

  .banner-heading-wrapper {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .home-hero_scoll-wrapper {
    display: none;
  }

  .home-list_grid {
    grid-column-gap: 1.5rem;
  }

  .home-reviews_content {
    padding: 1.5rem;
  }

  .home-services_button-text {
    line-height: 1.2;
  }

  .faq_answer-wrapper {
    padding: 3rem;
  }

  .spacer-xlarge {
    padding-top: 2.5rem;
  }

  .faq_plus-icon-wrapper {
    width: 2.5rem;
    min-width: 2.5rem;
    height: 2.5rem;
    min-height: 2.5rem;
  }

  .button-10 {
    text-align: center;
    flex-wrap: wrap;
  }

  .footer-dark {
    padding-left: 15px;
    padding-right: 15px;
  }

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

  .footer-content {
    grid-template-columns: 1fr;
    margin-top: 40px;
  }

  .footer-block {
    align-items: center;
  }

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

  .footer-social-block {
    margin-top: 20px;
    margin-left: -20px;
  }

  .footer-social-link {
    margin-left: 20px;
  }

  .footer-divider {
    margin-top: 60px;
  }

  .loader_number {
    font-size: 18rem;
  }

  .loader_text.is-right {
    width: 40%;
  }

  .gradient-wrapper {
    opacity: .44;
    filter: saturate(150%);
  }

  .purple {
    width: 30em;
    height: 100em;
  }

  .text-effect-text {
    font-size: 2.3em;
  }

  .big-heading {
    font-size: 36px;
    line-height: 42px;
  }
}

@media screen and (max-width: 479px) {
  .rich-text {
    width: 100%;
    max-width: none;
  }

  .heading-jumbo {
    font-size: 36px;
    line-height: 48px;
  }

  .section-logos {
    max-height: 30vh;
  }

  .navigation {
    padding-left: 20px;
    padding-right: 20px;
  }

  .menu-button, .menu-button.w--open {
    flex: none;
  }

  .contact {
    padding-left: 15px;
    padding-right: 15px;
  }

  .contact-form, .contact-form-wrap, .footer-wrap {
    flex-direction: column;
  }

  .container-logos {
    flex-direction: column;
    padding-left: 21px;
    padding-right: 21px;
  }

  .container-logos.dream {
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 0;
  }

  .container-work {
    margin-top: 20px;
    padding-left: 0;
    padding-right: 0;
    display: none;
    position: static;
    top: 0;
  }

  .heading-2.what {
    font-weight: 400;
  }

  .heading-2.what.min {
    margin-top: 10px;
    font-size: 1.5rem;
  }

  .background-card {
    height: 100%;
    padding-left: 22px;
    padding-right: 22px;
  }

  .background-card.small.laptopcard, .background-card.big {
    width: 100%;
  }

  .text {
    text-align: justify;
    flex-direction: column;
    margin-top: 0;
    margin-bottom: -228px;
    padding-top: 54px;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 1em;
    display: flex;
    position: relative;
  }

  .text.title {
    margin-top: 20px;
    font-size: 1em;
    display: block;
    position: static;
  }

  .text.title.curse {
    margin-bottom: -273px;
    padding-top: 241px;
    display: none;
    position: static;
  }

  .text.title.hvtdy {
    margin-top: 251px;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 16px;
  }

  .text.split {
    margin-bottom: 0;
    padding-left: 40px;
    padding-right: 40px;
  }

  .text.uxdes {
    padding-top: 0;
    font-size: 1em;
    display: none;
  }

  .button-arrow {
    align-self: center;
  }

  .text-block {
    text-align: justify;
    align-self: center;
    align-items: center;
    width: auto;
    padding-top: 10px;
    padding-left: 18px;
    padding-right: 18px;
    font-size: 15px;
    font-weight: 400;
    position: static;
  }

  .text-block.min {
    font-family: Inter, sans-serif;
    font-size: .7rem;
  }

  .text-block.resumeee {
    padding-right: 25px;
    font-family: Manrope, sans-serif;
    font-size: 1em;
    font-weight: 300;
    line-height: 35px;
  }

  .heading-4 {
    text-align: center;
    padding-left: 0;
    font-size: 1.2rem;
    font-weight: 400;
  }

  .heading-4.min {
    font-family: Inter, sans-serif;
    font-size: 1.2rem;
  }

  .image-4 {
    margin-top: 0;
    padding-top: 7px;
  }

  .card-background.small.min {
    width: 93%;
    height: 80%;
  }

  .card-background.laptophome {
    width: 100%;
    margin-left: 10px;
    margin-right: 10px;
  }

  .div-block-3.laptop {
    justify-content: flex-start;
    padding-left: 0;
    padding-right: 0;
  }

  .heading-5 {
    text-align: center;
    padding-top: 36px;
    padding-left: 0;
  }

  .heading-5.min {
    font-size: 1.2rem;
  }

  .style-guide-text {
    width: 90%;
    padding-left: 6px;
    padding-right: 6px;
  }

  .text-block-2 {
    padding-right: 10px;
  }

  .container-4 {
    width: 100%;
    padding-left: 14px;
    padding-right: 14px;
  }

  .section-how-i-work {
    margin-top: 0;
    display: none;
  }

  .heading-6 {
    font-size: 4vh;
  }

  .text-block-4 {
    padding-bottom: 32px;
    font-size: 3vh;
  }

  .text-block-4.min {
    font-size: 1.2rem;
  }

  .cell-text-block {
    font-size: 2vh;
  }

  .cell-text-block.min {
    font-size: .8rem;
  }

  .airbnb {
    align-self: center;
    margin-left: 0;
  }

  .airbnb.features {
    margin-right: 0;
  }

  .div-block-9 {
    padding-right: 10px;
  }

  .image-9 {
    padding-top: 3px;
  }

  .heading-text-name {
    flex-direction: column;
    order: -1;
    font-size: 5vh;
    top: -2px;
    left: 0;
  }

  .heading-text-name.min {
    flex-direction: row;
    align-self: center;
    width: 100%;
    margin-top: 10px;
    font-size: 1.5rem;
    line-height: 55px;
    top: 0;
  }

  .text-span-2 {
    margin-top: -17px;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
  }

  .text-span-2.minimalist {
    flex-direction: row;
    margin-top: 0;
    padding-left: 4px;
    display: block;
  }

  .modal.laptop {
    display: none;
  }

  .body {
    background-color: #101010;
    background-image: none;
    overflow: visible;
  }

  .body.homepage {
    background-color: #101010;
    overflow: visible;
  }

  .headshot {
    order: -1;
    align-self: center;
    width: 70vw;
    min-width: 0;
    max-width: none;
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .headshot.retro {
    width: 78%;
    margin-left: 0;
  }

  .headshot.dream {
    align-self: flex-end;
    max-width: 100%;
  }

  .headshot.dark {
    align-self: flex-end;
    min-width: 50vw;
    max-width: 95vw;
  }

  .grid-2 {
    grid-column-gap: 90px;
    padding-left: 0;
    padding-right: 0;
  }

  .grid-2.min {
    grid-column-gap: 58px;
    grid-row-gap: 11px;
    grid-template-columns: 1fr 1fr;
    height: 20vh;
  }

  .grid-2.dream {
    grid-column-gap: 26px;
    grid-row-gap: 20px;
  }

  .container-heading-what-do {
    margin-top: 0;
    display: flex;
    position: static;
  }

  .container-heading-what-do.web {
    display: none;
  }

  .container-heading-what-do.mob {
    display: flex;
  }

  .big-card-wrapper.donkey, .big-card-wrapper.laptop, .small-card-wrapper.laptopsmall.retro {
    padding-left: 15px;
    padding-right: 15px;
  }

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

  .grid-donkey.homescreen {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    width: 100%;
  }

  .grid-5 {
    padding-left: 0;
    padding-right: 0;
  }

  .div-how-cards {
    padding-top: 31px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .image-how {
    padding-bottom: 32px;
  }

  .heading-cv.title {
    font-size: 4vh;
  }

  .heading-cv.title.min {
    margin-top: 20px;
  }

  .grid-laptop {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
  }

  .button-div {
    margin-top: 0;
  }

  .button-div.min {
    width: auto;
  }

  .button-4.min {
    padding-left: 1em;
    padding-right: 1em;
    font-size: .7rem;
  }

  .button-4.retro {
    text-align: center;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 1.4vh;
  }

  .button-4.dream {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 1.7vh;
  }

  .button-4.dark {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 1.6vh;
  }

  .text-block-5 {
    display: flex;
    position: static;
  }

  .text-block-5.min {
    justify-content: center;
    width: 60%;
  }

  .text-block-5.retro {
    font-size: 12px;
  }

  .div-block-25 {
    top: 0;
  }

  .div-block-25.min {
    flex-direction: column;
    align-items: center;
    margin-top: 0;
    left: 0;
  }

  .div-block-25.retro {
    background-color: #fff0;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    max-width: none;
    margin: 0;
    padding-top: 0;
    padding-bottom: 0;
    display: block;
  }

  .div-block-25.dreamy {
    margin-bottom: 19px;
  }

  .grid-6 {
    flex-direction: column;
    align-items: center;
  }

  .div-block-26 {
    flex-flow: column;
    justify-content: center;
    align-self: center;
    align-items: center;
    width: 90%;
    margin-bottom: 0;
    padding-top: 19px;
    padding-left: 0;
    padding-right: 0;
    display: block;
  }

  .div-block-28 {
    grid-template-columns: 1fr;
    padding-top: 0;
  }

  .text-block-6.min {
    font-size: .8rem;
  }

  .heading-7.design-skills {
    font-size: 2.3vh;
  }

  .body-2.retro {
    background-color: #f8f5ea00;
    background-image: none;
    height: 100%;
  }

  .body-scrolly {
    color: var(--greytext);
    font-family: Avenir, Verdana, sans-serif;
  }

  .heading-8 {
    text-align: center;
    width: 100%;
    padding: 0 0 24px;
    font-size: 2em;
    line-height: 45px;
  }

  .paragraph {
    padding-left: 0;
    padding-right: 0;
    font-family: Montserrat, sans-serif;
    font-size: 12px;
    display: block;
  }

  .paragraph.guy.web {
    display: none;
  }

  .paragraph.guy.mob {
    margin-bottom: 10px;
    padding-top: 10px;
    padding-bottom: 0;
    padding-right: 0;
    font-size: 1em;
    line-height: 35px;
    display: block;
  }

  .paragraph.heartb {
    padding-right: 0;
  }

  .paragraph.heartb.web {
    display: none;
  }

  .paragraph.heartb.mob {
    padding-top: 10px;
    padding-left: 0;
    padding-right: 0;
    font-size: 1em;
    line-height: 35px;
    display: block;
  }

  .paragraph.donkey {
    padding-top: 9px;
    padding-right: 0;
    font-size: 14px;
    display: block;
  }

  .paragraph.donkey.desk {
    display: none;
  }

  .paragraph.donkey.mob {
    padding-top: 10px;
    font-size: 1em;
    line-height: 35px;
    display: block;
  }

  .paragraph.web {
    display: none;
  }

  .paragraph.mob {
    font-size: 1em;
    line-height: 35px;
    display: block;
  }

  .card {
    align-items: center;
  }

  .card.donkey {
    align-items: center;
    max-height: none;
    padding-top: 40px;
    padding-left: 0;
    padding-right: 0;
  }

  .card.donkey._3d {
    justify-content: center;
    align-items: stretch;
    width: auto;
    height: auto;
  }

  .card.donkey._3d.ai {
    justify-content: flex-end;
    align-items: center;
    width: 90%;
    padding-bottom: 0;
  }

  .card.donkey._3d._3ddddd {
    width: 100%;
    padding-bottom: 0;
    padding-left: 30px;
    padding-right: 30px;
  }

  .card.heartb, .card.guyana {
    justify-content: center;
    align-items: center;
    margin-top: 20px;
    padding-top: 0;
    padding-bottom: 20px;
  }

  .card.ai {
    margin-top: 20px;
    padding-top: 0;
    padding-bottom: 20px;
  }

  .div-block-31 {
    justify-content: center;
    align-items: center;
    width: auto;
    min-height: 0;
    padding-left: 20px;
    padding-right: 20px;
    position: relative;
  }

  .div-block-31.laptop {
    width: 100%;
    padding-top: 25px;
    padding-bottom: 25px;
  }

  .div-block-31._3d {
    background-color: #f0e9e300;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .image-46 {
    padding-bottom: 0;
    padding-left: 0;
  }

  .image-46.guyana, .image-46.guyana.ai, .image-46.donkey {
    width: 100%;
  }

  .div-block-36 {
    align-items: center;
    width: 90%;
  }

  .div-block-36.left {
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    padding: 40px 40px 20px;
  }

  .div-block-37 {
    align-items: stretch;
    width: 90%;
    padding-left: 20px;
    padding-right: 20px;
  }

  .div-block-37._3d {
    align-items: center;
    padding-bottom: 10px;
    padding-right: 10px;
  }

  .div-block-37.right, .div-block-37.donkey {
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 20px 40px;
  }

  .div-block-38 {
    width: 90%;
  }

  .div-block-38.left {
    padding-top: 30px;
    padding-left: 20px;
  }

  .container-spline {
    min-height: 0;
    max-height: none;
    display: block;
  }

  .divbspline {
    background-image: linear-gradient(#f3f1eb 3%, #fff 44%);
    justify-content: center;
    align-items: center;
    min-height: 80vh;
    display: flex;
    position: absolute;
  }

  .text-block-8 {
    text-align: center;
    max-width: 100%;
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 21px;
    font-size: 30px;
    line-height: 70px;
    bottom: 0;
  }

  .navbar {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    background-color: #f2ebe500;
    flex-flow: row;
    justify-content: flex-end;
    align-items: center;
    display: flex;
    position: static;
  }

  .navbar.about-me {
    background-color: #f2ebe500;
    justify-content: center;
    align-items: center;
    padding-top: 10px;
  }

  .text-block-9 {
    z-index: 2;
    text-align: center;
    flex: 0 auto;
    width: 80%;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 20px;
    line-height: 40px;
    display: block;
    position: relative;
  }

  .text-block-9.homepage {
    font-size: 24px;
    display: none;
  }

  .tags {
    grid-column-gap: 25px;
    grid-row-gap: 25px;
    flex-direction: row;
    padding-top: 10px;
  }

  .text-block-10 {
    font-size: 11px;
  }

  .text-block-10.heartb {
    background-color: #00508d;
    background-image: linear-gradient(310deg, #00508d, #3c94da);
    padding-left: 60px;
    padding-right: 60px;
    font-size: 1em;
  }

  .text-block-10.guyana {
    padding-left: 50px;
    padding-right: 50px;
    font-size: 1em;
  }

  .text-block-10.donkey {
    font-size: 16px;
  }

  .text-block-10.ai {
    background-color: #036074;
    background-image: linear-gradient(132deg, #c4321d, #8c5351);
    padding-left: 60px;
    padding-right: 60px;
    font-size: 1em;
  }

  .text-block-10.aicons {
    font-size: 17px;
  }

  .spline-scene-3 {
    min-width: 0;
    max-width: none;
    min-height: 80vh;
  }

  .spline-scene-3.mob {
    min-height: 100vh;
    display: block;
  }

  .spline-scene-3.web {
    display: none;
  }

  ._3d {
    flex-direction: column;
    max-height: none;
    position: static;
  }

  .container-7 {
    background-color: #f2ebe5;
    padding-left: 0;
    padding-right: 0;
    position: static;
  }

  .spline-scene-4 {
    min-height: 500px;
  }

  .hero {
    background-color: #f3f1eb;
    width: auto;
  }

  .image-48.heartb.mob {
    width: 90%;
    height: 20%;
    display: block;
  }

  .image-48.heartb.web {
    display: none;
  }

  .image-48.ai.web {
    width: 100%;
    display: block;
  }

  .image-48.ai.mob {
    width: 100%;
    display: none;
  }

  .spline-scene-5 {
    width: 70vw;
    height: 30vh;
  }

  .pageloader {
    display: none;
  }

  .spline-scene-7 {
    width: 70%;
    display: block;
  }

  .text-block-11 {
    line-height: 40px;
  }

  .logos {
    width: 30%;
  }

  .text-block-12 {
    font-size: 12px;
  }

  .quick-stack-5 {
    grid-column-gap: 5px;
    grid-row-gap: 20px;
    padding: 0 1px;
  }

  .container-8 {
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
    position: static;
  }

  .image-49 {
    width: 70%;
    top: 9px;
  }

  .div-block-41 {
    flex-direction: column;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .div-block-42 {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .div-block-43 {
    flex-direction: column;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .nav-link.home {
    font-size: 15px;
    font-weight: 300;
  }

  .nav-link-3.home {
    font-size: 15px;
  }

  .nav-menu {
    background-color: #f2ebe5;
    box-shadow: 1px 2px 11px #0003;
  }

  .section-6 {
    object-fit: fill;
    background-color: #fff0;
    background-image: none;
    flex-flow: column;
    align-items: center;
    height: auto;
    margin-bottom: 0;
    padding-top: 70px;
    padding-bottom: 30px;
    display: flex;
  }

  .link-block-2 {
    text-align: left;
    justify-content: center;
    min-height: 0;
    padding-top: 10px;
    display: flex;
  }

  .title-about {
    color: #651a11;
    padding-top: 27px;
    padding-bottom: 30px;
    padding-left: 0;
  }

  .div-block-45 {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    padding: 57px 11px 60px;
  }

  .butabout {
    font-size: 15px;
  }

  .div-block-46 {
    padding-top: 25px;
  }

  .spline-scene-9 {
    min-height: 850px;
    position: absolute;
    top: 5186.16px;
  }

  .menu-button-2, .container-10 {
    background-color: #f2ebe5;
  }

  .linkham {
    z-index: 1;
    color: #7c6f5c;
    font-family: Manrope, sans-serif;
    font-size: 14px;
    font-weight: 300;
    text-decoration: none;
    position: relative;
  }

  .navigationhead {
    z-index: 9999999;
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    justify-content: center;
    align-items: flex-start;
    padding-top: 10px;
    padding-right: 10px;
    display: flex;
    position: absolute;
    inset: 0% 0% auto;
  }

  .navigationhead.homep {
    position: absolute;
  }

  .navigationhead.mobile {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    justify-content: space-between;
    align-items: center;
    padding-left: 10px;
    padding-right: 10px;
    display: none;
    position: sticky;
    inset: 0% 0% auto;
    overflow: hidden;
  }

  .navigationhead.mobile.phone {
    justify-content: space-between;
    align-items: center;
    padding-top: 25px;
    padding-left: 30px;
    padding-right: 30px;
    text-decoration: none;
    display: none;
  }

  .div-block-48 {
    z-index: 1;
    background-color: #fff0;
    background-image: linear-gradient(#fff0, #f3f1eb 74%);
    margin-top: -84px;
    display: none;
  }

  .spline-scene-10 {
    height: 700px;
  }

  .lottie-animation {
    width: 75%;
    height: 75%;
  }

  .splineprod.abstracth {
    padding-top: 0;
  }

  .splineprod.product {
    display: none;
  }

  .div-block-49 {
    background-color: #fff0;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-flow: column;
    place-items: center;
  }

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

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

  .container-11 {
    justify-content: flex-start;
    align-items: center;
  }

  .div-block-52 {
    grid-column-gap: 0px;
    grid-row-gap: 40px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: column;
    place-items: center;
    margin-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    display: grid;
  }

  ._3dgirl, .aiimag {
    width: 100%;
  }

  .link3d.web {
    display: none;
  }

  .link3d.mob {
    display: block;
  }

  .titlebackground {
    padding-bottom: 0;
    position: relative;
  }

  .text-block-14 {
    font-size: 5vw;
    display: none;
  }

  .navbartext {
    color: #ffffff4a;
    font-size: 14px;
  }

  .dropdown-link.web {
    display: none;
  }

  .dropdown-link.mob {
    display: block;
  }

  .spline-scene-13 {
    width: auto;
    max-width: none;
  }

  .text-block-17 {
    color: #fff;
    padding-top: 68px;
    padding-left: 14px;
    padding-right: 14px;
    font-family: Avenir, Verdana, sans-serif;
    font-size: 3.7vw;
  }

  .text-block-17.mob {
    padding-top: 25px;
    padding-bottom: 25px;
  }

  .div-block-53 {
    width: 100vw;
    max-height: none;
    display: none;
  }

  .div-block-54 {
    padding-top: 0;
    padding-left: 0;
  }

  .grid-product {
    flex-flow: column;
    grid-auto-flow: column;
    display: block;
  }

  .grid-product.abstract {
    display: block;
  }

  .grid-product.products {
    display: none;
  }

  .grid-spline-products, .grid-spline-products.middle, .grid-spline-products.fun {
    display: block;
  }

  .grid-spline-products.prod {
    display: none;
  }

  .text-block-18 {
    padding-top: 20px;
    padding-bottom: 10px;
    padding-left: 20px;
    font-size: 9vw;
  }

  .text-block-18.laptop {
    font-size: 14vw;
    display: none;
  }

  .text-abstract {
    padding-top: 20px;
    padding-bottom: 10px;
  }

  .text-abstract.fun {
    display: block;
  }

  .text-abstract.laptop, .spline-scene-14 {
    display: none;
  }

  .div-block-58.bee {
    display: block;
  }

  .div-block-58.creme {
    width: auto;
    display: block;
  }

  .div-block-59 {
    height: 80vh;
  }

  .div-block-59.robot, .div-block-59.donut {
    display: block;
  }

  .div-block-59.hoodie {
    width: auto;
    display: block;
  }

  .spline-scene-15 {
    display: block;
  }

  .text-products {
    display: none;
  }

  .div-2-width {
    height: 80vh;
  }

  .div-2-width.cubes {
    display: block;
  }

  .div-2-width.tauros {
    display: none;
  }

  .dropdown {
    padding-top: 0;
    padding-bottom: 10px;
  }

  .body-4 {
    background-color: #fff0;
  }

  .div-block-62 {
    flex-flow: row;
    justify-content: center;
    align-items: flex-end;
    height: 100%;
  }

  .heading-9 {
    z-index: 1;
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 380px;
    font-size: 9vw;
  }

  .div-block-63 {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    place-items: end stretch;
    padding-top: 150px;
    padding-bottom: 0;
  }

  .div-process.left {
    grid-template-columns: 1fr;
    grid-auto-flow: column;
  }

  .div-process.right {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-columns: 1fr;
    grid-auto-rows: minmax(auto, 1fr);
    grid-auto-flow: column;
    place-items: center;
    padding-bottom: 20px;
    font-size: 1em;
  }

  .div-process.right.branding {
    grid-template-columns: 1fr;
  }

  .div-text {
    justify-content: center;
    align-items: center;
    padding-top: 0;
  }

  .div-text.top {
    z-index: 1;
    width: 100%;
    padding-top: 20px;
    padding-left: 0;
    padding-right: 0;
    font-size: 1em;
    position: static;
  }

  .div-text.bottom {
    padding: 10px 0;
  }

  .div-side {
    position: static;
  }

  .div-side.product {
    padding-right: 0;
    position: static;
  }

  .div-side.branding {
    justify-content: center;
    align-items: center;
    padding-left: 44px;
    padding-right: 44px;
    position: static;
  }

  .text-block-20 {
    font-size: 3vw;
  }

  .image-brainstorm {
    padding-left: 44px;
    padding-right: 44px;
    display: none;
  }

  .image-product {
    padding-left: 45px;
    padding-right: 44px;
    display: none;
  }

  .ai-process {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: center;
    align-items: center;
    height: auto;
    padding-top: 0;
  }

  .line {
    display: none;
  }

  .line.head {
    height: 700px;
    display: block;
  }

  .line.first {
    display: none;
  }

  .line.vert {
    background-image: linear-gradient(270deg, #dac9b5 25%, #fff5e8);
    width: 15px;
    height: 3000px;
    padding-bottom: 24px;
    display: block;
    position: absolute;
  }

  .line.vert.last {
    height: 40px;
  }

  .line.vert.first {
    height: 100%;
    display: block;
  }

  .circle {
    z-index: 1;
    top: 0;
  }

  .circle.last {
    margin-top: 0;
    margin-bottom: 18px;
    position: relative;
    top: 25px;
  }

  .circle.first {
    top: 31px;
  }

  .circle._2 {
    margin-top: 129px;
  }

  .circle._3 {
    margin-top: 100px;
  }

  .circle._4 {
    margin-top: 200px;
  }

  .holder {
    justify-content: center;
    align-items: flex-start;
    width: auto;
    padding-bottom: 50px;
    display: block;
  }

  .holder._3 {
    flex-flow: column;
    padding-bottom: 0;
    padding-left: 39px;
    padding-right: 39px;
    display: flex;
  }

  .holder.web {
    display: none;
  }

  .holder.mob {
    width: 100%;
    height: 700px;
    margin-bottom: 80px;
    display: block;
  }

  .circles {
    grid-row-gap: 0px;
    flex-flow: row;
    grid-template-rows: auto auto auto auto auto;
    grid-template-columns: .5fr;
    grid-auto-flow: column;
    height: 700px;
    display: flex;
    position: static;
  }

  .text-block-22 {
    padding-top: 6px;
    font-size: 1.1em;
    font-weight: 300;
    line-height: 20px;
  }

  .linecircle {
    justify-content: center;
    align-items: flex-end;
    height: 100px;
  }

  .linecircle.first {
    justify-content: center;
    align-items: center;
  }

  .linecircle.first.pro {
    position: static;
  }

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

  .linecircle.brain {
    justify-content: center;
    align-items: flex-end;
    height: 100%;
  }

  .linecircle.brand {
    flex-flow: row;
    justify-content: center;
    align-items: flex-end;
    height: 100%;
    position: static;
  }

  .linecircle.design {
    height: 100%;
  }

  .lineline.last.vert {
    height: 100%;
    display: none;
  }

  .lineline.last.vert.mob {
    justify-content: center;
    align-items: flex-start;
    margin-top: 0;
    display: flex;
  }

  .lineline.first {
    display: block;
  }

  .lineline.first.vert {
    justify-content: center;
    align-items: flex-end;
    height: 100%;
    display: flex;
    position: relative;
  }

  .lineline.first.hor {
    display: none;
  }

  .playground {
    max-width: 100vw;
    padding-left: 20px;
    padding-right: 20px;
  }

  .container-ai {
    padding-top: 30px;
    display: block;
  }

  .paragraph-2 {
    z-index: 1;
    opacity: 1;
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
    text-align: justify;
    mix-blend-mode: normal;
    background-color: #fef2e600;
    padding: 44px 20px 0;
    font-size: 1em;
    font-weight: 300;
    position: relative;
  }

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

  .divb-balls {
    height: 80vh;
  }

  .divb-balls.balls {
    display: block;
  }

  .div-block-67 {
    height: 80vh;
    display: none;
  }

  .div-block-67.phone {
    display: block;
  }

  .text-block-23 {
    text-align: center;
    padding-top: 20px;
    font-size: 20vw;
    line-height: 100px;
    display: block;
  }

  .text-block-23.mobile {
    width: 100%;
    padding-top: 20px;
    padding-left: 0;
    font-size: 20vw;
    line-height: 100px;
    display: block;
  }

  .text-block-23.mobile.chatbt {
    color: #f2ebe5;
  }

  .text-block-23.laptop {
    display: none;
  }

  .container-12 {
    background-color: #f2ebe5;
  }

  .menu-button-4 {
    display: flex;
  }

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

  .div-block-68 {
    justify-content: flex-end;
    align-items: center;
    width: 100vw;
    display: flex;
  }

  .section-8 {
    justify-content: flex-end;
    align-items: center;
    display: flex;
  }

  .div-block-69 {
    padding-top: 20px;
  }

  .spline-scene-16 {
    height: 80vh;
    display: block;
  }

  .image-62 {
    box-sizing: border-box;
    object-fit: contain;
    width: 100%;
    padding-left: 0;
    overflow: clip;
  }

  .div-block-70 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: row;
    justify-content: center;
    align-items: stretch;
    display: block;
  }

  .image-63 {
    box-sizing: content-box;
    flex: 1;
  }

  .imageplaygriyubd {
    min-width: 100vw;
    padding-top: 50px;
    padding-left: 10px;
    padding-right: 10px;
    display: block;
  }

  .navbar-2 {
    display: none;
  }

  .div-block-71 {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .div-block-72 {
    width: 100%;
    height: 50%;
  }

  .div-block-72.laptop {
    display: none;
  }

  .div-block-72.mobile {
    height: 100%;
    margin-top: 40px;
    display: none;
  }

  .splineabstr, .splinefun, .gridabstr {
    display: none;
  }

  .divprodcreme, .divprodhoodie {
    height: 70vh;
    display: none;
  }

  .divprodphone, .text-fun, .gridfun, .gridfun3, .divbee, .divplant, .divdonut, ._3d-grid, .playground-header {
    display: none;
  }

  ._3d-phone-image {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    height: auto;
    display: block;
  }

  .splineblocks {
    height: 80vh;
    display: block;
  }

  .splineblocks.laptop {
    width: 100vw;
    height: 80vh;
  }

  .splinetauros {
    height: 80vh;
    display: none;
  }

  .splineballs {
    height: 80vh;
    display: block;
  }

  .splinecreme, .splinehoodie, .splinephone {
    display: none;
  }

  .splinebee {
    height: 80vh;
    display: none;
  }

  .splineplant {
    display: none;
  }

  .splinedonut {
    height: 80vh;
    display: none;
  }

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

  .button-inner {
    padding: 10px 39px;
  }

  .button-inner.normal {
    padding: 10px 40px;
  }

  .button-inner.normal.poty {
    padding-left: 49px;
    padding-right: 49px;
  }

  .div-landing-page {
    justify-content: center;
    align-items: center;
    height: auto;
    margin-top: 577px;
    margin-bottom: 0;
    position: absolute;
    left: 0;
  }

  .div-block-75 {
    justify-content: center;
    align-items: flex-start;
    height: 100%;
    margin-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    position: relative;
  }

  .text-button-homepager {
    font-size: 16px;
  }

  .text-button-homepager.normal {
    color: #3a3630c4;
    font-size: 1em;
  }

  .text-button-homepager.normal.resume {
    font-family: Manrope, sans-serif;
  }

  .div-block-76 {
    grid-column-gap: 45px;
    grid-row-gap: 45px;
    flex-flow: column;
    padding-top: 0;
    display: none;
    position: relative;
  }

  .div-block-80.mob {
    background-image: linear-gradient(311deg, #3d1c82 1%, #ad0f93);
    padding-left: 0;
    padding-right: 0;
  }

  .header {
    padding-left: 20px;
    padding-right: 20px;
  }

  .heading-text-port {
    color: var(--white);
    text-align: center;
    margin-top: 10px;
    font-family: Avenir, Verdana, sans-serif;
    font-size: 25px;
    line-height: 50px;
  }

  .heading-text-port.manage {
    text-align: center;
    font-size: 30px;
  }

  .heading-text-port.title {
    color: #555;
    text-align: center;
    padding-top: 20px;
  }

  .heading-text-port.mob {
    font-size: 30px;
  }

  .hero-image, .hero-image.donk {
    width: 100%;
  }

  .hero-image.heros {
    width: 100%;
    margin-top: -111px;
  }

  .hero-image.guy {
    padding-top: 9px;
    display: block;
  }

  .hero-image.guy.web {
    display: none;
  }

  .text-first {
    padding-top: 39px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .text-first.hjb {
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .image-holder {
    padding-top: 20px;
  }

  .title-text {
    justify-content: flex-start;
    align-items: center;
    margin-top: 60px;
    margin-bottom: 20px;
    padding-left: 40px;
    padding-right: 40px;
  }

  .title-text.big {
    flex-flow: column;
    margin-top: 240px;
    margin-bottom: 10px;
    position: static;
  }

  .title-text.big._3designs {
    margin-top: 20px;
  }

  .title-text.big.half {
    margin-top: 40px;
    margin-bottom: 10px;
  }

  .title-text.big.half.less {
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .title-text.big.vision {
    flex-flow: column;
    margin-top: 62px;
  }

  .title-text.big.vision.iun {
    margin-top: 60px;
    margin-bottom: 30px;
  }

  .title-text.big.ibhnj {
    margin-top: 40px;
    margin-bottom: 20px;
  }

  .title-text.nohead {
    margin-top: 20px;
  }

  .title-text.nohead.byh {
    margin-bottom: 0;
  }

  .title-text.different {
    justify-content: flex-start;
    align-items: center;
    margin-top: 60px;
  }

  .title-text.different.web {
    display: none;
  }

  .title-text.vigs {
    margin-top: 60px;
    margin-bottom: 30px;
  }

  .title-text.ubb {
    margin-top: -32px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .title-text.ubb.sdfsdfsf {
    margin-top: 205px;
  }

  .title-text.ubb.jvhhv {
    margin-top: 191px;
  }

  .visionboard-wrapper {
    display: none;
  }

  .visionboard-wrapper.mob, .grid-vision {
    width: 100%;
  }

  .ux-deisgn {
    padding-left: 22px;
    padding-right: 22px;
  }

  .ux-deisgn.web {
    display: none;
  }

  .ux-deisgn.mob {
    flex-flow: column;
    margin-top: 246px;
    display: flex;
  }

  .process {
    background-color: #f7f7f700;
    flex-flow: column;
    align-items: center;
    padding: 10px 0;
    display: flex;
  }

  .rest {
    flex-flow: column;
    align-items: center;
  }

  .rest.guy {
    display: flex;
  }

  .tools {
    margin-top: 31px;
    padding-top: 20px;
    padding-left: 30px;
    padding-right: 30px;
  }

  .tools.guy {
    padding-left: 20px;
    padding-right: 20px;
  }

  .styleguide {
    width: 100%;
    margin-top: 20px;
    margin-left: 0;
    padding-top: 10px;
    padding-left: 20px;
    padding-right: 30px;
  }

  .t-a {
    width: 100%;
  }

  .t-a.guy {
    padding-left: 20px;
    padding-right: 20px;
  }

  .animations {
    margin-top: 30px;
    padding-top: 15px;
    padding-left: 0;
    padding-right: 0;
  }

  .animations.domnk {
    padding-bottom: 10px;
  }

  .subheading {
    text-align: left;
    width: 100%;
    padding-bottom: 10px;
    font-size: 30px;
  }

  .subheading.title {
    text-align: center;
    padding-top: 0;
    padding-bottom: 0;
    font-size: 28px;
  }

  .subheading.title.bjn-k {
    padding-bottom: 10px;
  }

  .subheading.subsub {
    font-size: 1.1em;
  }

  .subheading.subsub.guy {
    font-size: 1.2em;
  }

  .subheading.subsub.ujkhubkj {
    font-size: 1.1em;
  }

  .subheading.different {
    text-align: left;
    padding-left: 0;
  }

  .subheading.mob {
    padding-bottom: 32px;
    font-size: 30px;
  }

  .subheading.mob.jb {
    padding-bottom: 15px;
    font-size: 30px;
  }

  .subheading.mob.uih {
    padding-bottom: 20px;
  }

  .subheading.ujio, .subheading.uhgbh {
    text-align: center;
    padding-bottom: 0;
  }

  .processgrid {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    background-color: #fff0;
    flex-flow: column;
    width: 80%;
    padding-left: 10px;
    padding-right: 10px;
    display: flex;
  }

  .arrow {
    width: 30%;
    display: block;
    transform: rotate(88deg);
  }

  .arrow.mob {
    width: 10%;
    display: none;
    transform: rotate(0);
  }

  .arrow.proc {
    height: 25%;
  }

  .grid-8 {
    grid-column-gap: 18px;
    grid-row-gap: 18px;
    grid-template-columns: 1fr 1fr 1fr;
    padding-top: 38px;
    padding-left: 19px;
    padding-right: 19px;
  }

  .logo {
    width: 75%;
  }

  .logo.fig {
    width: 37%;
  }

  .logo.fig.guy {
    width: 25%;
  }

  .logo.guy {
    width: 40%;
  }

  .logo.canv {
    width: 80%;
  }

  .logo.maze {
    width: 45%;
  }

  .logo.openai {
    width: 60%;
  }

  .div-block-82 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: column;
  }

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

  .styleguide-im.col {
    width: 100%;
    padding-bottom: 5px;
  }

  .styleguide-im.gradient {
    width: 60%;
  }

  .div-block-83 {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    justify-content: space-between;
    align-items: center;
    width: 80%;
  }

  .div-block-83.guy {
    justify-content: space-between;
    align-items: center;
  }

  .div-block-84 {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    padding-top: 18px;
  }

  .div-block-84.guy {
    justify-content: center;
    align-items: center;
  }

  .div-block-85 {
    justify-content: space-between;
    align-items: center;
    padding-top: 22px;
  }

  .div-block-85.guy {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 20px;
  }

  .divphot {
    justify-content: center;
    align-items: center;
    width: 85%;
    padding-bottom: 20px;
    padding-left: 0;
    padding-right: 0;
  }

  .divphot._3 {
    width: 100%;
  }

  .flowcontainer, .flowcontainer.gethelp {
    display: none;
  }

  .banphone {
    padding-top: 40px;
    padding-bottom: 20px;
  }

  .phonecontainer {
    flex-flow: column;
    margin-left: 25px;
    margin-right: 25px;
    padding-left: 0;
    padding-right: 0;
    display: none;
  }

  ._2-designs.mob {
    display: block;
  }

  ._2-designs.web {
    display: none;
  }

  .holder2 {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    max-width: none;
    margin-left: 0;
    margin-right: 0;
    display: flex;
  }

  .matchdonkeyvid {
    display: none;
  }

  .donkeyhotelvid {
    margin-left: 26px;
    display: none;
  }

  .virtualpetvid {
    display: none;
  }

  .card-2 {
    flex: 1;
    align-self: stretch;
    width: 100%;
  }

  .card-3 {
    flex: 1;
    width: 100%;
  }

  .button-close {
    max-width: 35%;
    inset: 0% 0% auto auto;
  }

  .section {
    flex-direction: column;
    justify-content: flex-start;
    width: 100%;
    display: flex;
  }

  .section._3designs {
    display: none;
  }

  .arrow-read-more {
    flex: none;
    width: 45px;
    height: 45px;
    padding-left: 13px;
    padding-right: 13px;
  }

  .link-read-more {
    font-size: 24px;
  }

  .cap {
    font-size: 80px;
  }

  .card-inner {
    padding-right: 10%;
    display: block;
  }

  .image-wrapper {
    background-position: 50%;
    background-size: cover;
    height: 33.33vh;
  }

  .card-1 {
    flex: 1;
  }

  .main-heading {
    font-size: 2em;
  }

  .section-content {
    display: none;
    position: fixed;
    inset: 0%;
    overflow: auto;
  }

  .third-article {
    height: 100vh;
    min-height: auto;
    display: block;
  }

  .heading {
    font-size: 50px;
  }

  .image-container.second {
    background-position: 50% 0;
  }

  .second-article {
    display: block;
  }

  .small-text {
    font-size: 9px;
  }

  .first-article {
    height: 100vh;
    padding-left: 0%;
    padding-right: 0%;
    display: block;
  }

  .div-block-97 {
    background-color: #f7f7f700;
    flex-flow: column;
    width: auto;
    padding-left: 0;
    padding-right: 0;
  }

  .image-73, .image-74, .image-75 {
    width: 50%;
  }

  .div-block-98 {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .full-image.web {
    display: none;
  }

  .gethelptitle, .givehelptext {
    font-size: 28px;
  }

  .votingblock {
    grid-column-gap: 80px;
    grid-row-gap: 80px;
    width: 100%;
    max-width: none;
    margin-top: 10px;
  }

  .votingdiv1 {
    flex-flow: column;
    align-items: center;
    width: auto;
    max-width: none;
    margin-left: 30px;
    margin-right: 30px;
    padding-bottom: 25px;
  }

  .textanimation {
    padding-left: 0;
  }

  .textvoteup {
    padding-top: 0;
  }

  .animationvote {
    display: none;
  }

  .textanimphonevote {
    justify-content: center;
    align-items: center;
    width: 100%;
  }

  .phonescreenvote {
    display: none;
  }

  .image-78 {
    width: auto;
  }

  .heading-10 {
    margin-top: 0;
    margin-bottom: 10px;
    padding-top: 20px;
    padding-left: 0;
    font-size: 28px;
  }

  .background-video-3.mob {
    display: none;
  }

  .text-block-29 {
    padding-top: 20px;
    padding-left: 30px;
    padding-right: 30px;
    font-size: .8em;
    line-height: 50px;
  }

  .innerheading {
    margin-top: 0;
    padding-bottom: 10px;
  }

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

  .imagewire {
    padding-top: 0;
  }

  .imagehighf {
    grid-column-gap: 42px;
    grid-row-gap: 42px;
    justify-content: center;
    align-items: center;
    margin-top: 0;
  }

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

  .grid-guy {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    padding: 10px 20px;
    display: grid;
  }

  .image-82 {
    width: 60%;
  }

  .holb {
    padding-top: 0;
  }

  .logincont.web {
    display: none;
  }

  .logincont.mob {
    margin-top: 0;
    display: none;
  }

  .videoincidentnew.web {
    display: none;
  }

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

  .collageholder.web {
    display: none;
  }

  .image-86 {
    width: 100%;
  }

  .slide {
    vertical-align: top;
    padding-top: 0;
  }

  .sliderblovk {
    flex-flow: row;
  }

  .section-11 {
    display: none;
  }

  .headingbox {
    text-align: center;
    padding-bottom: 0;
    font-size: 28px;
  }

  .textgrid, .emptytext {
    display: none;
  }

  .imagedonk {
    width: 100%;
    height: auto;
  }

  .sectionflow {
    background-color: #f5f5f5;
    flex-flow: column;
    width: auto;
    padding: 30px 39px;
    display: flex;
  }

  .sectionflow.web, .background-video-8 {
    display: none;
  }

  .imagesjj {
    display: flex;
  }

  .imagesjj.web {
    display: none;
  }

  .imagesjj.mob {
    display: block;
  }

  .imagejjim {
    width: 50%;
  }

  .sticker.left {
    margin-top: 244px;
    margin-left: 0;
    display: none;
  }

  .sticker.left.top {
    margin-top: -76px;
  }

  .flaggg2 {
    height: 6px;
  }

  .flaggg2.web {
    display: none;
  }

  .flaggg2.mob {
    width: 1000px;
    height: 600px;
    margin-top: 10px;
    margin-left: 0;
    display: block;
    overflow: hidden;
  }

  .image-89 {
    width: 1000px;
    height: 600px;
    overflow: hidden;
  }

  .flag {
    width: 480px;
    height: 600px;
    overflow: hidden;
  }

  .div-block-112 {
    overflow: hidden;
  }

  .footer-main {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
    background-color: #f2ebe500;
    flex-flow: column;
    margin-top: 0;
    padding-top: 0;
  }

  .footer-main.notmain, .footer-main.sfs {
    display: none;
  }

  .footer-main.erte {
    margin-top: 235px;
    display: none;
  }

  .footer-main.weergwe {
    display: none;
  }

  .footer-main.gkbkj {
    margin-top: 0;
  }

  .backtohomepage {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    width: 260px;
    padding-right: 20px;
  }

  .buttonnn.donk.donky {
    width: 260px;
    padding: 13px 10px 13px 21px;
  }

  .buttonnn.donk.heartb {
    justify-content: space-around;
    width: 260px;
    padding-top: 13px;
    padding-bottom: 13px;
  }

  .buttonnn.guy {
    background-image: url("https://cdn.prod.website-files.com/64e38c5a990ac9ed8ca4fe88/66b5ec3ca5fb33f679d2f5c2_Buttonguy.png");
    background-position: 0 0;
    background-size: 100% 100%;
    width: 260px;
  }

  .link-block-6 {
    width: 90%;
    padding-bottom: 0;
  }

  .arrowsss {
    margin-top: 60px;
    display: none;
  }

  .arrowsss.movee {
    margin-top: 50px;
    display: block;
  }

  .arrowholder {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    margin-top: 0;
    padding-top: 0;
    display: flex;
  }

  .image-93 {
    width: 13%;
    display: block;
  }

  .text-span-12 {
    font-size: 40px;
  }

  .section-12 {
    background-image: none;
    height: 100vh;
  }

  .holderheadingtext {
    padding-top: 0;
  }

  .heading-11 {
    font-size: 2em;
  }

  .section-13 {
    height: 80vh;
    display: block;
  }

  .paragrihoadnsz {
    width: 80%;
  }

  .text-block-34 {
    padding-bottom: 30px;
    padding-left: 39px;
    padding-right: 39px;
    font-size: 16px;
    line-height: 35px;
  }

  .text-span-20 {
    font-family: Montserrat, sans-serif;
    font-weight: 300;
    text-decoration: none;
  }

  .text-block-35 {
    color: #644033;
    text-align: center;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding-top: 0;
    font-size: 18px;
    font-weight: 300;
    display: flex;
  }

  .text-block-35.scr {
    display: none;
  }

  .div-block-117 {
    position: relative;
    top: -21px;
  }

  .lines {
    flex-flow: column;
    display: flex;
  }

  .image-94 {
    position: relative;
  }

  .body-6 {
    color: #555;
  }

  .visionmob {
    padding-top: 288px;
    display: block;
    overflow: hidden;
  }

  .carousimg {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    width: 300px;
    height: 650px;
    padding-top: 0;
    padding-bottom: 0;
    display: flex;
    box-shadow: 5px 5px 15px #0003;
  }

  .background-video-9 {
    z-index: 1;
    width: 300px;
    height: 400px;
  }

  .image-95 {
    width: 80%;
  }

  .image-95.mob {
    width: auto;
    padding-left: 21px;
  }

  .div-block-118 {
    width: 80%;
    display: flex;
  }

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

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

  .text-block-36 {
    color: #fffffff0;
  }

  .votingthinh {
    padding-left: 39px;
    padding-right: 39px;
  }

  .greyblock {
    background-color: #f7f7f7;
  }

  .image-96 {
    display: none;
  }

  .usergteswrtt {
    display: block;
  }

  .background-video-10.mob {
    width: 275px;
  }

  .background-video-11 {
    width: 150px;
    height: 150px;
    margin-top: 11px;
  }

  .div-block-122 {
    flex-flow: column;
    align-items: center;
    display: flex;
  }

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

  .flowanigetgek {
    display: block;
  }

  .abstractblock {
    height: 750px;
    display: block;
  }

  .hoverballs {
    background-color: #000;
    display: block;
  }

  .bee, .mobile3d {
    display: block;
  }

  .abstractblockspline, .abstractballshover {
    height: 750px;
    display: block;
  }

  .funsplinebee {
    background-color: #eda541;
    background-image: linear-gradient(#fdce6d, #d89402);
    height: 750px;
    display: block;
  }

  .italic-text {
    display: none;
  }

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

  .touchplay {
    justify-content: space-between;
    margin-top: 25px;
    padding-left: 44px;
    padding-right: 44px;
    display: none;
  }

  .touchim {
    width: 15%;
    height: 15%;
    transform: rotateX(0)rotateY(180deg)rotateZ(0);
  }

  .touchimright {
    width: 15%;
    height: 15%;
  }

  .scroll {
    justify-content: center;
    align-items: center;
    display: none;
  }

  .image-97 {
    width: 20%;
  }

  .body-8 {
    overflow: visible;
  }

  .spline-scene-18 {
    height: 750px;
  }

  .bold-text-2 {
    font-family: Montserrat, sans-serif;
    font-weight: 300;
  }

  .heading-12 {
    color: #fffc;
    text-align: left;
    margin-top: 0;
    padding-left: 20px;
    padding-right: 46px;
    font-family: Poppins, sans-serif;
    font-size: 35px;
    font-weight: 600;
    display: block;
  }

  .heading-12.white {
    color: #fffc;
    text-align: center;
    font-size: 33px;
  }

  .heading-12.bottom {
    text-align: center;
  }

  .page {
    text-align: left;
    height: 100vh;
    position: relative;
    top: 0;
  }

  .spline-scene-19 {
    z-index: -1;
    height: 100vh;
    position: sticky;
    top: 0;
  }

  .container-15 {
    position: static;
  }

  .pages {
    height: 100vh;
  }

  .pages._2 {
    display: block;
  }

  .pages._3 {
    background-image: linear-gradient(#000 21%, #1f1f1f);
    display: block;
  }

  .pages._4 {
    background-image: radial-gradient(circle at 75% 80%, #000 52%, #1f1f1f 74%);
    display: block;
  }

  .pages.bottom {
    background-image: radial-gradient(circle, #525252, #000 61%);
  }

  .div-block-129 {
    z-index: -1;
    height: 100vh;
    position: sticky;
  }

  .div-block-130 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    background-image: url("https://cdn.prod.website-files.com/64e38c5a990ac9ed8ca4fe88/66f2e3cfcf718f7e8ba9301a_image%2016%20(1).png");
    background-position: 0 0;
    background-size: 380px 300px;
    justify-content: center;
    align-items: center;
    height: 300px;
    margin-top: 20px;
    margin-bottom: 20px;
    display: flex;
  }

  .button-7 {
    background-color: #ca00c0;
    border-radius: 20px;
    padding-left: 84px;
    padding-right: 84px;
  }

  .splinelaptop {
    height: 100vh;
  }

  .spline-scene-20 {
    height: 75vh;
  }

  .body-9 {
    background-color: #000;
    background-image: linear-gradient(#00000080, #00000080);
  }

  .spline-scene-21 {
    z-index: -1;
    height: 100vh;
    position: sticky;
  }

  .spline-scene-22, .spline-scene-23, .spline-scene-24, .spline-scene-25, .spline-scene-26, .spline-scene-27 {
    height: 100vh;
  }

  .div-block-131 {
    text-align: center;
    background-image: linear-gradient(#00000080, #00000080);
    border: .6px solid #ffffff4f;
    border-radius: 20px;
    padding-top: 13px;
    padding-bottom: 13px;
    font-family: Nanum Gothic, sans-serif;
  }

  .div-block-132 {
    margin-top: -92px;
    padding-left: 60px;
    padding-right: 60px;
  }

  .text-block-37 {
    color: #fff;
    font-family: Poppins, sans-serif;
    font-size: 18px;
    font-weight: 300;
  }

  .spline-scene-28, .div-block-133 {
    height: 100vh;
  }

  .blocksocialmed {
    padding-top: 0;
  }

  .footerblock {
    padding-left: 0;
  }

  .heading-17 {
    text-align: center;
    font-size: 35px;
  }

  .socialm {
    text-align: center;
    justify-content: center;
    align-items: center;
  }

  .getint {
    flex-flow: column;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 0;
    display: flex;
  }

  .div-block-152 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
    padding-bottom: 10px;
  }

  .div-block-153 {
    grid-column-gap: 19px;
    grid-row-gap: 19px;
    flex-flow: row;
    padding-top: 0;
  }

  .image-111 {
    width: 50%;
  }

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

  .image-113 {
    width: 30%;
    height: 30%;
  }

  .div-block-159 {
    justify-content: center;
    align-items: center;
    padding-left: 0;
  }

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

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

  .div-block-166.sfs.werwer {
    padding-left: 29px;
    padding-right: 29px;
  }

  .socialmedia.sfdsdf {
    padding-bottom: 40px;
  }

  .textsocialmed {
    padding-left: 22px;
    padding-right: 22px;
  }

  .spline-scene-33 {
    display: none;
  }

  .holdercards {
    padding-left: 20px;
    padding-right: 20px;
    display: none;
  }

  .holder2blocks {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    padding-top: 41px;
  }

  .holder2blocks.mob {
    display: block;
  }

  .blocktext {
    width: 100%;
  }

  .blockimage {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    height: 60vh;
    padding-right: 0;
    display: flex;
  }

  .blockimage.sfsf {
    justify-content: center;
    align-items: center;
    height: 80vh;
  }

  .blockimage.ghiug {
    justify-content: center;
    align-items: center;
    height: 40vh;
  }

  .blockimage.fwewfwe, .blockimage.werwer {
    height: auto;
  }

  .blockimage.werw4r {
    justify-content: center;
    align-items: center;
    height: 80vh;
  }

  .blockimage.ingl {
    height: 80vh;
  }

  .text-block-54 {
    font-size: 50px;
  }

  .image-124.main {
    width: auto;
    height: auto;
  }

  .blocktext2 {
    justify-content: center;
    align-items: center;
    width: auto;
    height: 100px;
  }

  .div-block-176 {
    justify-content: center;
    align-items: center;
    padding-left: 0;
    display: none;
  }

  .secondopen {
    display: none;
  }

  .promptingblock {
    flex-flow: column;
  }

  .promptingblock.imageprompt {
    padding-top: 0;
  }

  .textimage {
    grid-column-gap: 23px;
    grid-row-gap: 23px;
  }

  .titletext {
    font-size: 55px;
  }

  .textbelow, .textblockprompting {
    display: none;
  }

  .textblockprompting.image2 {
    width: 100%;
  }

  .seemoreblock {
    display: none;
  }

  .imagegentextim {
    flex-flow: column;
    display: none;
  }

  .background-video-14 {
    width: 300px;
  }

  .finddonkey {
    display: none;
  }

  .texthero {
    width: 100%;
    padding-top: 60px;
    padding-left: 40px;
  }

  .heading-18 {
    font-size: 100px;
    line-height: 75px;
  }

  .text-block-56 {
    padding-top: 88px;
    padding-right: 0;
  }

  .wrap {
    display: none;
  }

  .wrap.ergregerg {
    display: block;
  }

  .loading {
    color: #70573d;
    font-size: 24px;
    font-weight: 300;
    top: 300px;
  }

  .loading.clone {
    z-index: 1;
    color: #f3f2f2;
    font-size: 24px;
    font-weight: 400;
    top: 308px;
  }

  .loading._1 {
    padding-left: 20px;
    padding-right: 20px;
    top: 300px;
  }

  .count {
    justify-content: center;
    align-items: center;
    padding-top: 114px;
    display: flex;
  }

  .loadingblock {
    background-color: #e2c9b1;
  }

  .mobileholder {
    justify-content: flex-end;
    align-items: center;
    height: auto;
    padding-top: 393px;
    display: block;
    position: relative;
  }

  .div-block-186 {
    justify-content: flex-end;
    align-items: center;
    padding-top: 20px;
    padding-right: 20px;
    display: flex;
  }

  .div-block-187 {
    justify-content: flex-end;
    align-items: center;
    padding-top: 25px;
    padding-bottom: 25px;
    padding-right: 20px;
    display: flex;
  }

  .headblock {
    flex-flow: column;
    justify-content: space-between;
    align-items: stretch;
    height: 100vh;
    display: block;
  }

  .text-block-57 {
    color: #662405;
    font-size: 18px;
    font-weight: 300;
    line-height: 50px;
  }

  .text-block-58 {
    color: #662405;
    margin-top: -85px;
    padding-top: 0;
    font-size: 38px;
    font-weight: 300;
  }

  .div-block-188 {
    grid-column-gap: 130px;
    grid-row-gap: 130px;
    flex-flow: column;
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 30px;
    padding-right: 111px;
    display: flex;
    position: absolute;
    inset: 0% 0% auto;
  }

  .text-span-23, .text-span-24, .text-span-25 {
    font-weight: 500;
  }

  .div-block-189 {
    flex-flow: column;
    width: 40px;
    height: 35px;
    display: flex;
  }

  .div-block-190 {
    background-color: #662405;
    width: 20%;
    height: 20%;
  }

  .spline-scene-38 {
    z-index: -1;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 250vh;
    position: absolute;
  }

  .image-132 {
    display: none;
  }

  .link {
    background-color: #ccc7a3;
    border-radius: 20px;
    padding: 20px 30px;
  }

  .image-133 {
    width: 5%;
  }

  .sun-page-load-overlay {
    display: none;
  }

  .stage-copy-inner {
    width: auto;
  }

  .stage-wrapper {
    background-image: linear-gradient(#c8c8ca, #dfd7d4 18%, #f5f0ea 76%, #c8c8ca80);
    flex-direction: column;
    justify-content: center;
  }

  .heading-style-h2.uxui.adasdsad {
    color: #753618;
    line-height: 1.3;
  }

  .banner-heading-top {
    font-size: 3rem;
  }

  .home-services_tab-wrapper.bg-black._3dani {
    display: block;
  }

  .home-services_tab-wrapper.ux-ui {
    background-color: #a78f83;
    width: 100%;
  }

  .home-services_tab-wrapper.ux-ui.efwer {
    background-color: #f9f2ef;
    padding-bottom: 3.05rem;
    display: block;
    box-shadow: 0 2px 15px #0003;
  }

  .home-services_tab-wrapper.ux-ui.defwg {
    background-color: #d6c3b1;
  }

  .home-services_tab-wrapper.ux-ui.rqwrqew {
    background-color: #f2e6dd;
  }

  .home-services_tab-wrapper.ux-ui.fwefwefew {
    background-color: #f9f2ef;
  }

  .home_work_component {
    flex-flow: column;
    height: 32rem;
  }

  .margin-top {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .faq_question-text {
    font-size: 1.4rem;
  }

  .standard-layout_component {
    grid-template-columns: 1fr;
  }

  .home-services_button-list-wrapper {
    padding-left: 5%;
    padding-right: 5%;
    overflow: scroll;
  }

  .home-work_work-title, .home-work_work-title.light, .home-work_work-title.light.dark, .home-work_work-title.light.dash {
    font-size: 30px;
  }

  .section_home-hero {
    display: none;
  }

  .home-services_right {
    width: 400vw;
    height: 60%;
    margin-left: 0;
    inset: auto auto 0% 0%;
  }

  .home-services_left {
    width: 400vw;
    height: 41%;
    margin-right: 0;
  }

  .home-work_work-description, .home-work_work-description.light.dark, .home-work_work-description.light.dash {
    font-size: 18px;
  }

  .card-whipe.background-color-gray100.pointer-events-off {
    flex-flow: column;
    display: block;
  }

  .hero-value-display-text {
    font-size: 2.75rem;
  }

  .padding-section-large {
    grid-column-gap: 25px;
    grid-row-gap: 25px;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    padding-top: 0;
    padding-bottom: 0;
    display: flex;
    position: relative;
    top: -30px;
  }

  .home-list_text {
    font-size: 1.375rem;
  }

  .home_work_image {
    opacity: 1;
    filter: blur(5px);
  }

  .main-wrapper {
    display: block;
  }

  .main-wrapper.laptop {
    display: none;
  }

  .main-wrapper.mobile {
    display: block;
  }

  .home_work_item.is-2 {
    height: 40vh;
  }

  .home_work_item.is-4, .home_work_item.is-3 {
    height: 50vh;
  }

  .home-ph_component {
    width: 100%;
  }

  .home_work_scroll-wrapper {
    flex-flow: row;
  }

  .margin-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .home-services_tab-content {
    justify-content: flex-start;
  }

  .home-services_button-list {
    flex-flow: row;
    width: auto;
    min-width: 250vw;
  }

  .banner-heading-wrapper {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .padding-global {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .section_home-work {
    flex-flow: column;
    display: block;
  }

  .home-services_button {
    white-space: nowrap;
    flex: none;
    width: 25%;
    padding-left: .75rem;
    padding-right: .75rem;
  }

  .home-services_bottom {
    flex-direction: column;
  }

  .home-services_image-wrapper {
    position: static;
    inset: 0% 0% auto;
  }

  .home-list_grid {
    grid-template-columns: 1fr;
  }

  .home-list_text-wrapper {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  }

  .home-hero_image-whipe {
    inset: auto auto 0% 0%;
  }

  .home-services_component {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    background-color: #fff;
    background-image: none;
    flex-flow: column;
    display: flex;
    overflow: hidden;
  }

  .faq_whipe {
    height: 30em;
  }

  .faq_answer-wrapper {
    padding: 1.75rem;
  }

  .text-color-gray300 {
    font-size: 14px;
  }

  .text-color-gray300.uxui.fwefwe {
    color: #433027;
    font-size: 16px;
    font-weight: 200;
  }

  .text-color-gray300.uxui.fwefwe.werwer {
    color: #7a563a;
    text-align: left;
    justify-content: center;
    align-items: center;
    height: 100%;
    margin-bottom: 0;
    padding-top: 0;
    padding-left: 14px;
    font-size: 16px;
    font-weight: 500;
    line-height: 40px;
    display: block;
  }

  .text-color-gray300.uxui.fwefwe.asdaads {
    margin-bottom: 0;
    padding-left: 4px;
    font-style: italic;
    text-decoration: none;
  }

  .text-color-gray300.uxui.fwefwe.asdaads.gjvvvh {
    text-decoration: none;
  }

  .text-color-gray300.uxui.fwefwe.asdaads.utfssetu {
    text-decoration: underline;
  }

  .text-color-gray300.uxui.fwefwe.werew {
    color: #753618;
    margin-bottom: 39px;
    padding: 0;
    font-size: 18px;
    font-weight: 200;
    line-height: 40px;
  }

  .banner-heading-bottom {
    font-size: 3rem;
  }

  .heading-19 {
    color: #945331;
    -webkit-text-stroke-color: #55301d;
    margin-bottom: 0;
    font-size: 28px;
    font-weight: 400;
  }

  .heading-19.werw {
    margin-top: 0;
  }

  .ing-header, .starbucks-header {
    display: none;
  }

  .spline-scene-39.starbucks {
    height: 100vh;
    display: none;
  }

  .logos-skills {
    justify-content: center;
    align-items: center;
    display: block;
  }

  .div-block-191, .ingspline {
    display: none;
  }

  .spline-scene-41 {
    height: 100vh;
    display: block;
  }

  .applebot {
    display: none;
  }

  .spline-scene-42 {
    height: 100vh;
  }

  .text-block-60 {
    color: #6b4e2d;
    padding-bottom: 22px;
    font-family: Montserrat, sans-serif;
    font-weight: 300;
    line-height: 40px;
  }

  .text-block-60.head {
    padding-bottom: 71px;
    font-size: 30px;
  }

  .landinggameportmob {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    height: 130vh;
    margin-top: 1px;
    padding-top: 0;
    padding-bottom: 200vh;
    padding-left: 0;
    font-family: Montserrat, sans-serif;
    font-size: 25px;
    display: none;
    position: relative;
  }

  .image-135 {
    width: 7%;
  }

  .image-135._12321 {
    width: 10%;
  }

  .image-135.arw4iroh4wr {
    width: 90%;
  }

  .div-block-196 {
    justify-content: space-between;
    align-items: stretch;
    display: flex;
  }

  .div-block-197 {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-flow: column;
    padding-right: 0;
    display: flex;
  }

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

  .div-block-199 {
    padding-top: 177px;
    display: none;
  }

  .spline-scene-43 {
    z-index: -1;
    width: 100vw;
    height: 100vh;
    display: none;
    position: absolute;
  }

  .div-block-200 {
    justify-content: center;
    align-items: center;
    margin-top: 0;
    padding-left: 0;
    display: flex;
    position: relative;
  }

  .div-block-201 {
    padding-left: 3px;
  }

  .div-block-202, .div-block-203, .div-block-204 {
    display: block;
  }

  .image-136 {
    width: 50%;
  }

  .image-136.eree {
    width: 60%;
  }

  .dropdown-link-3 {
    color: #fff;
    text-align: center;
    background-color: #d8c1b0;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    font-size: 15px;
    font-weight: 300;
  }

  .dropdown-link-3:active {
    color: #fff;
    background-color: #773716;
  }

  .dropdown-link-3.w--current {
    color: #fff;
    text-align: center;
    background-color: #d8c1b0;
    font-family: Montserrat, sans-serif;
    font-size: 14px;
    font-weight: 600;
  }

  .dropdown-link-4 {
    color: #fff;
    text-align: center;
    background-color: #d8c1b0;
    font-family: Montserrat, sans-serif;
    font-size: 16px;
    font-weight: 300;
  }

  .dropdown-link-4:active {
    color: #fff;
    background-color: #773716;
  }

  .dropdown-link-4.w--current {
    color: #fff;
    font-weight: 600;
    text-decoration: underline;
  }

  .dropdown-link-5 {
    color: #fff;
    text-align: center;
    background-color: #d8c1b0;
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;
    font-family: Montserrat, sans-serif;
    font-size: 14px;
    font-weight: 400;
  }

  .dropdown-link-5:active {
    color: #fff;
    background-color: #773716;
  }

  .dropdown-link-5.w--current {
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    text-decoration: underline;
  }

  .dropdown-list-2 {
    background-color: #d8c1b0;
    margin-left: -43px;
  }

  .dropdown-list-2.w--open {
    background-color: #ddd0;
  }

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

  .dropdown-toggle-2.w--open {
    padding-right: 10px;
  }

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

  .div-block-205._2 {
    padding-top: 25px;
  }

  .text-block-61 {
    color: #433027;
    text-align: center;
    background-color: #dfcfc3;
    padding-top: 10px;
    padding-bottom: 10px;
    font-family: Montserrat, sans-serif;
  }

  .image-137 {
    padding: 29px 30px 62px;
  }

  .image-137.yghbkjn {
    width: 90vw;
    padding-top: 29px;
    display: block;
  }

  .dropdown-2 {
    display: block;
  }

  .text-block-62 {
    color: #7a6451;
    font-size: 24px;
    font-weight: 200;
    line-height: 45px;
    display: block;
  }

  .text-block-62.headers {
    padding-bottom: 21px;
    font-size: 35px;
  }

  .image-138 {
    z-index: 3;
    object-fit: contain;
    width: auto;
    height: 100%;
    display: block;
    position: absolute;
    inset: 0%;
  }

  .div-block-206 {
    grid-column-gap: 61px;
    grid-row-gap: 61px;
    flex-flow: column;
    padding-left: 31px;
    display: flex;
  }

  .text-span-44, .text-span-45 {
    font-weight: 400;
  }

  .div-block-207 {
    grid-column-gap: 22px;
    grid-row-gap: 22px;
    width: 100vw;
    padding-top: 0;
    padding-bottom: 251px;
    display: none;
    position: relative;
  }

  .div-block-208 {
    margin-top: 156px;
    margin-left: 267px;
    position: absolute;
  }

  .image-139 {
    width: 75%;
    position: sticky;
  }

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

  .spline-scene-44 {
    z-index: -1;
    height: 100vh;
    position: absolute;
  }

  .div-block-210 {
    grid-column-gap: 38px;
    grid-row-gap: 38px;
    flex-flow: column;
    display: flex;
    position: absolute;
  }

  .div-block-211 {
    z-index: 3;
    justify-content: center;
    align-items: center;
    width: auto;
    height: auto;
    display: flex;
    position: absolute;
    inset: 897px 0% 0% 3%;
  }

  .text-block-63 {
    color: #773716;
    text-align: center;
    margin-top: 60px;
    padding-bottom: 20px;
    padding-left: 40px;
    padding-right: 40px;
    font-family: Montserrat, sans-serif;
    font-size: 18px;
    line-height: 45px;
  }

  .textbold {
    font-size: 20px;
    font-weight: 600;
  }

  .text-block-64 {
    color: #5d3723;
    text-align: center;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(145deg, #e08e63, #5d3723 67%);
    -webkit-background-clip: text;
    background-clip: text;
    padding-top: 50px;
    padding-bottom: 50px;
    font-family: Montserrat, sans-serif;
    font-size: 26px;
    font-weight: 500;
    line-height: 40px;
  }

  .text-block-64.hbkvo {
    color: #945331;
    -webkit-text-fill-color: inherit;
    background-image: none;
    background-clip: border-box;
    padding-top: 100px;
    padding-bottom: 0;
    font-size: 20px;
    font-weight: 500;
  }

  .image-140 {
    display: none;
  }

  .button-11 {
    background-color: #593b72;
    border-radius: 11px;
    padding-left: 35px;
    padding-right: 35px;
    font-weight: 300;
  }

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

  .sticky_trigger {
    z-index: 1;
    border: 10px red;
    border-radius: 0;
    height: 200vh;
    display: block;
    position: static;
  }

  .stickytrack {
    display: block;
    position: absolute;
    inset: 0%;
  }

  .stickyelement {
    height: 100vh;
    display: block;
    position: sticky;
    top: 0;
  }

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

  .image-141 {
    width: 75%;
  }

  .div-block-214 {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    padding-bottom: 14px;
    display: flex;
  }

  .section-19, .div-block-215, .image-142 {
    display: block;
  }

  .text-block-65 {
    color: #5d3723;
    text-align: center;
    padding-top: 7px;
    font-family: Montserrat, sans-serif;
    font-weight: 300;
  }

  .image-143 {
    width: 3%;
    height: auto;
  }

  .image-144 {
    width: 12%;
    padding-top: 20px;
  }

  .text-span-47, .text-span-48 {
    font-weight: 600;
  }

  .text-span-49 {
    color: #884c2d87;
  }

  .background-video-18 {
    top: -113px;
  }

  .div-block-216 {
    grid-column-gap: 35px;
    grid-row-gap: 35px;
    justify-content: flex-end;
    align-items: center;
    padding-right: 36px;
    display: flex;
  }

  .div-block-217 {
    justify-content: flex-start;
    align-items: stretch;
    padding-bottom: 20px;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .imageline {
    object-fit: fill;
    padding-left: 5px;
  }

  .imageline.sdfsdf {
    width: 95%;
  }

  .div-block-218 {
    justify-content: flex-start;
    align-items: center;
    padding-top: 0;
    display: flex;
  }

  .div-block-219 {
    justify-content: center;
    align-items: center;
    padding-top: 0;
    display: flex;
  }

  .div-block-220 {
    display: flex;
  }

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

  .div-block-222, .div-block-223 {
    justify-content: flex-start;
    align-items: center;
    padding-top: 0;
    display: flex;
  }

  .image-145 {
    width: 90%;
    padding-top: 0;
  }

  .image-146, .image-147 {
    width: 90%;
  }

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

  .div-block-225 {
    object-fit: contain;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 8em;
    padding-right: 0;
    display: block;
  }

  .div-block-225.sdfs {
    width: auto;
  }

  .div-block-226 {
    width: 8em;
  }

  .div-block-226.sdfs {
    width: 6em;
  }

  .div-block-227 {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 9em;
    display: block;
  }

  .div-block-227.adasd {
    width: 5em;
  }

  .div-block-228 {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    padding-top: 0;
    display: flex;
  }

  .background-video-19 {
    z-index: 13;
    width: 200px;
    height: 400px;
    position: absolute;
  }

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

  .spline-scene-45 {
    width: 100vw;
    height: 80vh;
  }

  .text-block-66 {
    font-size: 24px;
  }

  .text-block-67 {
    text-align: center;
    font-size: 28px;
    font-weight: 400;
    line-height: 35px;
  }

  .text-block-67.sada {
    padding-left: 20px;
    padding-right: 20px;
    font-size: 24px;
    font-weight: 300;
  }

  .div-block-230 {
    padding-top: 30px;
    padding-bottom: 30px;
    display: block;
  }

  .text-block-68 {
    padding: 20px 30px;
    font-weight: 300;
  }

  .background-video-20 {
    z-index: 1;
    width: 100vw;
    height: 800px;
    position: absolute;
  }

  .background-video-21 {
    z-index: 12;
    border-radius: 20px;
    width: 90vw;
    height: 250px;
    position: absolute;
    box-shadow: 2px 2px 12px #0003;
  }

  .background-video-22 {
    z-index: 76887;
    border-radius: 20px;
    width: 90vw;
    height: 68vh;
    position: absolute;
    box-shadow: 3px 2px 14px #0003;
  }

  .text-block-69 {
    grid-column-gap: 11px;
    grid-row-gap: 11px;
    text-align: center;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 24px;
    font-weight: 300;
    line-height: 35px;
    display: flex;
  }

  .text-block-69.wre {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    padding-top: 40px;
    padding-bottom: 0;
    font-size: 20px;
    line-height: 35px;
    display: flex;
  }

  .image-148, .image-149 {
    width: 8%;
  }

  .image-150 {
    width: 10%;
  }

  .background-video-23 {
    z-index: 12;
    box-sizing: border-box;
    aspect-ratio: auto;
    object-fit: fill;
    border-radius: 20px;
    width: 88vw;
    height: 80vh;
    position: absolute;
    box-shadow: 2px 2px 20px #0003;
  }

  .background-video-23.ingl {
    width: 87vw;
    height: 75vh;
  }

  .background-video-23.robot {
    height: 70vh;
  }

  .spline-scene-46 {
    width: 100vw;
    height: 100vh;
    display: block;
  }

  .spline-scene-47 {
    width: 100vw;
    height: 100vh;
  }

  .spline-scene-48 {
    height: 100vh;
  }

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

  .button-12 {
    background-color: #000;
  }

  .div-block-234 {
    justify-content: center;
    align-items: center;
    padding-left: 0;
    padding-right: 0;
    display: flex;
    position: static;
    top: -16px;
  }

  .text-span-77 {
    outline-offset: 0px;
    -webkit-text-decoration-skip-ink: auto;
    text-decoration-skip-ink: auto;
    text-underline-position: under;
    outline: 3px #433027;
    text-decoration: underline;
    text-decoration-thickness: 1px;
  }

  .text-span-78, .text-span-79 {
    text-decoration: underline;
    text-decoration-thickness: 1px;
  }

  .lottie-animation-2 {
    z-index: 1;
    position: relative;
  }

  .background-video-24 {
    z-index: 1;
  }

  .background-video-25 {
    z-index: 1;
    height: 80vh;
    position: relative;
  }

  .background-video-26 {
    width: 100%;
  }

  .lottie-animation-3 {
    width: 100px;
  }

  .container-21 {
    max-width: none;
  }

  .buttonsdiv {
    grid-column-gap: 27px;
    grid-row-gap: 27px;
    background-color: #fff0;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    margin-top: 55px;
    padding: 10px 38px;
    display: flex;
  }

  .div-block-252 {
    margin-top: 61px;
  }

  .quickoverview {
    grid-column-gap: 19px;
    grid-row-gap: 19px;
    background-color: #fff;
    background-image: linear-gradient(307deg, #633721 2%, #c49c7f 86%);
    border-radius: 16px;
    justify-content: center;
    align-items: center;
    padding: 6px 32px;
    display: flex;
    box-shadow: 3px 4px 9px #0003;
  }

  .contactbutton {
    grid-column-gap: 11px;
    grid-row-gap: 11px;
    background-color: #af9382;
    border: 1.5px #a3613e;
    border-radius: 16px;
    justify-content: center;
    align-items: center;
    padding: 7px 40px;
    display: flex;
    box-shadow: 3px 3px 9px #0003;
  }

  .text-block-77 {
    color: #fff;
    border-radius: 0;
    font-family: Montserrat, sans-serif;
    font-size: 14px;
    font-weight: 400;
    text-decoration: none;
  }

  .text-block-78 {
    color: #773716;
    text-align: center;
    padding: 8px;
    font-family: Montserrat, sans-serif;
  }

  .text-block-79 {
    color: #ffede4;
    font-family: Montserrat, sans-serif;
    font-size: 15px;
    font-weight: 500;
  }

  .image-152 {
    width: 28px;
  }

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

  .image-153, .image-154, .image-155 {
    width: 30px;
  }

  .image-156 {
    width: 23px;
  }

  .text-block-80 {
    color: #945331;
    font-family: Montserrat, sans-serif;
    font-size: 12px;
    font-style: italic;
    font-weight: 400;
  }

  .background-video-27 {
    width: auto;
    height: 300px;
    position: relative;
  }

  .background-video-28, .background-video-29 {
    height: 300px;
  }

  .body-11 {
    background-color: #000;
    overflow: visible;
  }

  .background-video-30 {
    height: 300px;
  }

  .div-block-254 {
    grid-column-gap: 56px;
    grid-row-gap: 56px;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    padding: 39px 20px;
    display: flex;
  }

  .text-block-81 {
    color: #773716;
    text-align: center;
    font-size: 24px;
    line-height: 34px;
  }

  .div-block-255 {
    padding-top: 0;
  }

  .lottie-animation-4 {
    width: 30%;
  }

  .lottie-animation-5 {
    width: 20%;
  }

  .div-block-264 {
    width: 180px;
    padding-top: 3px;
    padding-bottom: 3px;
  }

  .div-block-264.sdfds {
    border-color: #ff91009c;
    width: 200px;
    box-shadow: 5px 5px 20px #ffae0070;
  }

  .text-block-89 {
    color: #ffffffdb;
    -webkit-text-fill-color: inherit;
    background-clip: border-box;
    padding-right: 10px;
    font-family: Avenir, Verdana, sans-serif;
    font-size: 16px;
    font-weight: 300;
  }

  .background-video-31 {
    width: 90%;
  }

  .bold-text-3, .bold-text-4, .bold-text-5, .bold-text-6 {
    font-weight: 300;
  }

  .bold-text-7 {
    font-weight: 200;
  }

  .bold-text-8 {
    font-weight: 300;
  }

  .dropdown-link-6 {
    color: #fff;
    background-color: #d8c1b0;
    font-family: Montserrat, sans-serif;
    font-weight: 300;
  }

  .dropdown-link-6.w--current {
    color: #fff;
    font-weight: 600;
    text-decoration: underline;
  }

  .text-block-90 {
    justify-content: center;
    align-items: center;
    padding-top: 11px;
    font-size: 30px;
    display: flex;
  }

  .text-block-91 {
    font-size: 30px;
  }

  .titleblocksux {
    color: #773815;
    text-align: center;
    padding-top: 15px;
    padding-bottom: 9px;
    font-size: 28px;
    font-weight: 500;
  }

  .titleblocksux.jvvhhkv {
    padding-top: 49px;
  }

  .titleblocksux.hvjh {
    padding-top: 50px;
  }

  .text-block-92 {
    color: #773815;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .div-block-265 {
    background-color: #ae9382;
    background-image: linear-gradient(#ae9382, #916e58);
    border-top-right-radius: 50px;
    padding-right: 12px;
    box-shadow: 9px 2px 5px #0003;
  }

  .div-block-266 {
    margin-right: 34px;
  }

  .div-block-267 {
    padding: 18px;
  }

  .list-item {
    color: #773815;
  }

  .list-item-2 {
    color: #773815;
    text-align: left;
    font-size: 18px;
  }

  .list-item-3, .list-item-4 {
    color: #773815;
  }

  .list {
    margin-top: 10px;
    margin-bottom: 10px;
    padding-left: 59px;
  }

  .rich-text-block-4 {
    padding-left: 18px;
    padding-right: 18px;
  }

  .text-block-93 {
    color: #773815;
    text-align: center;
    justify-content: center;
    align-items: center;
    padding-top: 15px;
    padding-left: 20px;
    padding-right: 20px;
    text-decoration: underline;
    display: flex;
  }

  .rich-text-block-5 {
    padding-right: 20px;
  }

  .rich-text-block-6 {
    padding-right: 22px;
  }

  .loader_top {
    border-bottom-width: 1.2px;
  }

  .loader_number {
    margin-left: auto;
    margin-right: auto;
    font-size: 53vw;
  }

  .loader_bottom-wrapper {
    padding-top: 20rem;
    padding-bottom: 20rem;
  }

  .loader_text.is-right {
    width: 52%;
    display: none;
  }

  .container-22 {
    display: none;
  }

  .container-22.phone {
    display: block;
  }

  .div-block-291 {
    flex-flow: column;
    padding-top: 0;
    padding-left: 10px;
    padding-right: 0;
  }

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

  .div-block-296 {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .div-block-296.yghb {
    padding: 10px 20px;
  }

  .speechbubble {
    grid-column-gap: 19px;
    grid-row-gap: 19px;
    padding-top: 0;
    left: 5px;
    right: 5%;
  }

  .div-block-297 {
    padding-top: 60px;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
  }

  .image-168 {
    width: auto;
  }

  .image-169 {
    width: 40%;
  }

  .text-block-98 {
    font-size: 1px;
  }

  .text-block-98.ggfxc {
    padding-bottom: 0;
    font-family: Manrope, sans-serif;
    font-size: 20px;
  }

  .div-block-299 {
    font-family: Manrope, sans-serif;
    font-size: 16px;
  }

  .div-block-300 {
    font-size: 16px;
  }

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

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

  .text-block-100 {
    padding-bottom: 0;
    font-size: 14px;
  }

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

  .div-block-304 {
    flex-flow: column;
    width: auto;
    padding-top: 10px;
    padding-bottom: 10px;
    display: flex;
  }

  .text-block-102 {
    padding-top: 0;
    font-family: Manrope, sans-serif;
    font-size: 13px;
  }

  .section_casestudies {
    padding-left: 20px;
    padding-right: 20px;
  }

  .text-block-104 {
    padding-top: 19px;
    font-size: 16px;
  }

  .image-170, .image-171 {
    width: 3rem;
  }

  .casestudies {
    padding-top: 25px;
  }

  .casestudies.phone {
    max-width: 100vw;
  }

  .text-block-106 {
    font-size: 16px;
  }

  .reviews {
    padding-top: 60px;
  }

  .text-block-115 {
    font-size: 16px;
  }

  .logosserv {
    padding-left: 0;
  }

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

  .forwho {
    font-size: 14px;
  }

  .text-block-117 {
    color: #6b3b22;
  }

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

  .textwraperwe {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    width: auto;
    margin-left: 0;
    padding-top: 40px;
    padding-right: 0;
    position: static;
  }

  .aboutpicture {
    flex-flow: column;
  }

  .text-span-93 {
    text-shadow: 3px 3px #0003;
    font-size: 45px;
    line-height: 80px;
  }

  .header_titlecard {
    color: #fff2e4;
    flex-flow: column;
    display: flex;
  }

  .div-block-312 {
    padding-top: 60px;
    padding-left: 10px;
    padding-right: 10px;
    display: block;
  }

  .image-179 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .ugig {
    padding-top: 40px;
  }

  .approachcont {
    padding-left: 18px;
    padding-right: 18px;
  }

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

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

  .div-block-315 {
    flex-flow: column;
    padding-top: 100px;
  }

  .quick-stack-8 {
    padding-left: 0;
    padding-right: 0;
  }

  .body-13 {
    background-size: auto;
  }

  .text-block-126 {
    font-size: 16px;
  }

  .subhead {
    color: var(--white);
    font-family: Avenir, Verdana, sans-serif;
  }

  .challengerole {
    padding-left: 20px;
    padding-right: 20px;
  }

  .text-block-127 {
    color: var(--white);
    font-family: Avenir, Verdana, sans-serif;
  }

  .portfoliobody {
    background-color: #000;
    background-image: none;
  }

  .quick-stack-9 {
    grid-column-gap: 22px;
    grid-row-gap: 22px;
  }

  .text-block-128 {
    font-size: 30px;
  }

  .flowwork {
    padding-left: 20px;
    padding-right: 20px;
  }

  .quick-stack-10, .div-block-317 {
    padding-left: 0;
    padding-right: 0;
  }

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

  .bold-text-19 {
    font-size: 35px;
  }

  .div-block-321 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .image-190 {
    padding-top: 19px;
  }

  .textwrapding.phone {
    padding-left: 20px;
    padding-right: 20px;
  }

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

  .div-block-329 {
    text-align: center;
  }

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

  .text-block-135 {
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 40px;
    display: none;
  }

  .heading-23 {
    text-align: center;
    font-size: 35px;
  }

  .div-block-337 {
    text-align: center;
  }

  .div-block-338 {
    justify-content: center;
    align-items: center;
    padding-left: 0;
  }

  .div-block-339 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
    padding-bottom: 10px;
  }

  .div-block-340 {
    grid-column-gap: 19px;
    grid-row-gap: 19px;
    flex-flow: row;
    padding-top: 0;
  }

  .image-196 {
    width: 50%;
  }

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

  .text-block-138, .div-block-342 {
    display: none;
  }

  .div-block-343 {
    padding-top: 100px;
  }

  .heading-24 {
    font-size: 40px;
    line-height: 80px;
  }

  .div-block-345 {
    flex-flow: column;
    padding-left: 20px;
    padding-right: 20px;
  }

  .text-block-141 {
    padding-left: 0;
    font-weight: 600;
  }

  .image-197 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .text-block-150, .text-block-151 {
    font-size: 14px;
  }

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

  .div-block-350 {
    height: 580px;
  }

  .bold-text-24 {
    font-family: Manrope, sans-serif;
  }

  .div-block-351 {
    padding-top: 30px;
  }

  .image-198 {
    width: 20%;
    display: block;
  }

  .image-199 {
    padding-left: 47px;
    display: block;
  }

  .text-block-153.phone {
    text-align: left;
    padding-right: 0;
  }

  .text-block-154.phone {
    text-align: center;
    font-size: 35px;
  }

  .container_holder_visual {
    width: 100vw;
  }

  .container_holder_visual.phone {
    padding-left: 20px;
    padding-right: 20px;
  }

  .link-block-18 {
    display: none;
  }

  .spline-scene-55 {
    text-align: center;
    justify-content: center;
    align-items: center;
    height: 600px;
    display: flex;
    position: relative;
  }

  .heading-31 {
    color: #fff;
    text-align: center;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(#181818 2%, #00f2ff);
    -webkit-background-clip: text;
    background-clip: text;
    height: 80px;
    padding-top: 9px;
    font-family: Poiret One, sans-serif;
    font-size: 65px;
    display: block;
    position: absolute;
    inset: 11% 0% auto;
  }

  .div-block-361 {
    padding-top: 0;
    position: relative;
  }

  .div-block-362 {
    background-color: #ced6ff;
    background-image: linear-gradient(312deg, #ff00d5, #00fbff);
    border-radius: 20px;
    justify-content: center;
    align-items: center;
    padding: 10px 69px;
    display: flex;
    box-shadow: 4px 4px 20px #0003;
  }

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

  .text-block-160 {
    color: #fff;
    font-weight: 500;
  }

  .image-205 {
    width: 15%;
  }

  .container-24 {
    background-image: url("https://cdn.prod.website-files.com/64e38c5a990ac9ed8ca4fe88/68cff0f45eec1340db2b7d6d_Backgr%20(7).png");
    background-position: 0 0;
    background-size: auto;
  }

  .heading-32 {
    color: #fff;
    font-family: Inconsolata, monospace;
  }

  .text-block-161 {
    color: #fff;
    font-family: Work Sans, sans-serif;
  }

  .text_hero_skaify {
    text-align: center;
    margin-top: 40px;
    padding-top: 0;
    padding-left: 10px;
    padding-right: 10px;
    position: absolute;
    inset: 0% 0% auto;
  }

  .buttonsmoodsall {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    margin-left: 10px;
    padding-bottom: 10px;
    padding-left: 15px;
    padding-right: 15px;
    display: none;
    position: absolute;
    inset: auto 0% 0%;
  }

  .buttonmood {
    background-color: #fff3;
    background-image: linear-gradient(#ffffff05, #000);
    border-top: 1px solid #fff;
    border-bottom: 0 solid #fff;
    border-left: 1px solid #fff;
    border-right: .1px solid #ffffff29;
    border-top-left-radius: 40px;
    border-bottom-left-radius: 40px;
    justify-content: center;
    align-items: center;
    padding: 10px 40px;
    display: flex;
  }

  .buttonmood.mid {
    border-bottom-style: none;
    border-left-width: .2px;
    border-left-color: #ffffff1a;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }

  .buttonmood.end {
    border-left-width: .2px;
    border-left-color: #ffffff1c;
    border-radius: 0 40px 40px 0;
  }

  .div-block-366 {
    background-image: linear-gradient(#fff3, #0000);
    border-top: 1px solid #fff;
    border-bottom: 0 solid #fff;
    border-left: 0 solid #fff;
    border-right: .1px solid #ffffff1a;
    justify-content: center;
    align-items: center;
    padding: 10px 40px;
    display: flex;
  }

  .div-block-367 {
    background-image: linear-gradient(#fff3, #0000);
    border-top: 1px solid #fff;
    border-bottom: 0 solid #ffffff1c;
    border-right: .5px solid #fff;
    border-top-right-radius: 40px;
    border-bottom-right-radius: 40px;
    justify-content: center;
    align-items: center;
    padding: 10px 40px;
    display: flex;
  }

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

  .image-emoji, .image-207, .image-208 {
    width: 80%;
  }

  .text-block-162 {
    color: #1af7ed;
    border: 1px solid #1af7ed;
    border-radius: 20px;
    justify-content: center;
    align-items: center;
    padding: 10px 40px;
    font-family: Work Sans, sans-serif;
    display: flex;
  }

  .div-block-369 {
    flex-flow: column;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .div-block-370 {
    display: flex;
  }

  .div-block-371, .div-block-372 {
    position: absolute;
  }

  .cards_slide {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
    padding-left: 7px;
    padding-right: 7px;
    bottom: -34%;
  }

  .cards_activities {
    flex-flow: column;
  }

  .hero_dark {
    position: static;
    overflow: hidden;
  }

  .hero_holder {
    background-color: #000;
    justify-content: center;
    align-items: center;
    margin-top: 0;
    padding-bottom: 0;
    position: static;
    top: 0;
  }

  .spline-scene-57 {
    display: block;
  }

  .hero_heading {
    font-size: 2rem;
  }

  .hero_heading.phone {
    text-align: center;
    padding-bottom: 0;
  }

  .heading_2_hero {
    text-align: center;
    font-size: 1.7rem;
  }

  .hero_text_block {
    padding-left: 10px;
    padding-right: 10px;
  }

  .buttons_hero {
    flex-flow: column;
    display: none;
  }

  .hero_text_block_inner {
    padding-bottom: 0;
    padding-left: 10px;
    padding-right: 10px;
  }

  .heading-34 {
    text-align: left;
    font-size: 1rem;
    font-weight: 300;
  }

  .section_pillars {
    padding-top: 60px;
    padding-bottom: 60px;
    overflow: hidden;
  }

  .header_section {
    font-size: 35px;
  }

  .div_pillars {
    flex-flow: column;
  }

  .card_pillars.big.phone {
    border-radius: 10px;
    flex-flow: column;
    width: 100vw;
    height: 33rem;
    display: none;
  }

  .ae-02-elements_background.phone {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    padding-top: 24px;
  }

  .section_flagship {
    flex-flow: column;
    padding-bottom: 0;
    overflow: hidden;
  }

  .heading-35 {
    font-size: 1rem;
    line-height: 28px;
  }

  .div_flagship {
    background-image: none;
    border-style: none;
    padding-left: 0;
    position: static;
  }

  .div_text_flagship {
    width: 100%;
    padding-left: 10px;
  }

  .div_text_flagship.phone {
    padding-top: 10px;
    position: static;
  }

  .container_holder_flagship.laptop {
    display: none;
  }

  .container_holder_flagship.phone {
    max-width: 100vw;
    padding-left: 20px;
    padding-right: 20px;
    display: block;
  }

  .text-block-172 {
    font-size: 1rem;
  }

  .image-210.phone {
    width: auto;
  }

  .section_studies.phone {
    background-color: #000;
    background-image: none;
    padding-top: 0;
    overflow: hidden;
  }

  .text_bodycard {
    color: #fff2e4;
    padding-left: 10px;
    padding-right: 10px;
  }

  .text_bodycard.link {
    color: #fff2e4;
    -webkit-text-fill-color: inherit;
    background-color: #ccc7a300;
    background-clip: border-box;
  }

  .text_bodycard.laptop {
    color: #fff2e4cc;
    font-size: 16px;
  }

  .section_headertitle {
    padding-bottom: 10px;
    padding-left: 20px;
  }

  .section_headertitle.phone {
    padding-bottom: 0;
  }

  .header_title {
    text-align: left;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(266deg, #fff2e499, #fff2e4);
    -webkit-background-clip: text;
    background-clip: text;
    font-size: 35px;
    line-height: 40px;
  }

  .header_title.play {
    color: #fff2e4;
    -webkit-text-fill-color: inherit;
    background-image: none;
    background-clip: border-box;
    padding-bottom: 0;
    font-size: 30px;
  }

  .container_holder_featured.phone {
    background-image: url("https://cdn.prod.website-files.com/64e38c5a990ac9ed8ca4fe88/6978448ee35396c52a33582a_Frame2.jpeg");
    background-position: 50% 0;
    background-size: auto;
    width: 100vw;
    padding-top: 40px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .pillars_divtext.approach {
    position: static;
  }

  .section_aboutme {
    background-image: linear-gradient(0deg, #000, #000);
    overflow: hidden;
  }

  .image-212.phone {
    width: auto;
  }

  .div-block-376.phone {
    justify-content: center;
    align-items: flex-start;
    height: auto;
    padding: 20px 10px 10px;
  }

  .div-block-377, .div-block-378.phone {
    justify-content: center;
    align-items: center;
  }

  .bold-text-28.phone {
    font-size: 40px;
    line-height: 33px;
  }

  .div-block-384.phone {
    width: auto;
    margin-top: 0;
    padding-top: 10px;
    padding-left: 20px;
    padding-right: 20px;
    position: static;
  }

  .text-span-109 {
    color: #fff;
  }

  .div-block-385.phone {
    width: auto;
    max-width: none;
    padding-left: 0;
    padding-right: 0;
  }

  .container80vw.kbkjb {
    width: auto;
    max-width: none;
  }

  .section_playground {
    padding-top: 40px;
    overflow: hidden;
  }

  .text-block-177 {
    text-align: left;
  }

  .div-block-392.phone {
    padding-bottom: 24px;
  }

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

  .text-block-178 {
    color: #ffffffbf;
  }

  .spline-scene-58 {
    width: 100vh;
    height: 80vh;
    display: block;
  }

  .spline-scene-58.phone {
    width: 90vw;
    height: 50vh;
  }

  .section_contact {
    background-image: url("https://cdn.prod.website-files.com/64e38c5a990ac9ed8ca4fe88/6978451f4d52e0e83e383765_Frame2%20(1).jpeg");
    background-position: 50%;
    background-size: auto;
    overflow: hidden;
  }

  .heading-36 {
    color: #fff;
    font-family: Avenir, Verdana, sans-serif;
  }

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

  .div-block-396 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .socialscontact.phone {
    display: flex;
  }

  .div-block-404 {
    position: static;
  }

  .image-218.phone {
    width: auto;
    height: auto;
    display: none;
  }

  .footer {
    position: static;
  }

  .text-span-110 {
    font-weight: 900;
  }

  .div-block-408 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .contcase {
    background-color: #111;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .fullblock {
    color: #fff;
    padding-top: 127px;
    padding-left: 0;
    font-family: Avenir, Verdana, sans-serif;
  }

  .background-video-33 {
    z-index: -1;
    width: auto;
    height: 100vh;
    margin-top: 0;
    position: relative;
    overflow: hidden;
  }

  .magic-button_text {
    font-family: Avenir, Verdana, sans-serif;
  }

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

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

  .magic-button_component.laptop {
    display: none;
  }

  .magic-button_component.phone {
    display: block;
  }

  .button-wrapper {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .button-wrapper.icon.sectionhjbv.phone {
    border-radius: 10px;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .text-block-181 {
    color: #fff;
    font-family: Avenir, Verdana, sans-serif;
    font-size: 16px;
    line-height: 28px;
  }

  .link-block-20, .div-block-411 {
    display: none;
  }

  .bold-text-30, .bold-text-31, .bold-text-32, .bold-text-33 {
    font-size: 16px;
  }

  .texxtdarkholder {
    padding-left: 10px;
    padding-right: 10px;
  }

  .imageholders {
    grid-column-gap: 27px;
    grid-row-gap: 27px;
    flex-flow: column;
    padding-top: 20px;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

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

  .page-wrapper {
    overflow: hidden;
  }

  .textcardbody {
    text-align: center;
    font-size: 14px;
  }

  .textcardheader {
    text-align: center;
    padding-top: 11px;
    padding-bottom: 11px;
    font-size: 26px;
  }

  .cell-79 {
    justify-content: center;
    align-items: center;
  }

  .quick-stack-12 {
    padding-top: 20px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .nav_menu.laptop {
    display: none;
  }

  .nav_menu.phone {
    z-index: 19;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    display: block;
    position: fixed;
    inset: 0% 0% auto;
  }

  .navmanu_holder.phone {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: space-between;
    align-items: stretch;
    padding: 10px 10px 0;
  }

  .navbar_textfont.navlogo {
    display: none;
  }

  .textright.phone {
    grid-column-gap: 33px;
    grid-row-gap: 33px;
    display: block;
  }

  .image-226 {
    width: 25px;
    height: 25px;
  }

  .text-block-190 {
    background-image: linear-gradient(298deg, #fff2e4, #fff2e473);
  }

  .text-block-191 {
    color: #fff2e4;
    text-align: center;
    -webkit-text-fill-color: inherit;
    background-clip: border-box;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .lottie-animation-7 {
    width: 3rem;
    display: none;
  }

  .lottie-animation-8 {
    width: 1.5rem;
  }

  .dropdown-toggle-3 {
    justify-content: flex-end;
    align-items: center;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 10px;
    display: flex;
  }

  .dropdown-toggle-3.w--open {
    justify-content: flex-end;
    align-items: center;
    padding-bottom: 0;
    padding-left: 34px;
    padding-right: 23px;
    display: flex;
  }

  .image-228 {
    width: 32%;
  }

  .dropdown-list-3 {
    background-color: #dddddd08;
  }

  .dropdown-list-3.w--open {
    background-color: #dddddd08;
    flex-flow: column;
    padding-left: 10px;
    display: flex;
  }

  .dropdownmob {
    padding-top: 5px;
    padding-bottom: 5px;
  }

  .spline-desktop {
    width: 100vw;
    height: 100vh;
    display: none;
  }

  .orange {
    top: 30.7em;
  }

  .section_what {
    background-size: 100% 100%;
    padding-top: 0;
  }

  .container-26 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .headerwhat._2 {
    background-image: none;
    font-size: 20px;
    line-height: 25px;
  }

  .headerwhat._1 {
    font-size: 20px;
  }

  .headerwhat._3 {
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(301deg, #fff, #fff);
    -webkit-background-clip: text;
    background-clip: text;
    font-size: 16px;
  }

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

  .cardproof {
    background-image: linear-gradient(296deg, #fff0, #ffffff08);
    border-top: 1px solid #ffffff1f;
    border-left: 1px solid #ffffff4f;
    border-radius: 5px;
    justify-content: space-between;
    padding: 20px 10px 20px 20px;
  }

  .numbersproof {
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 35px;
    line-height: 33px;
  }

  .div-block-420 {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    height: auto;
    padding-top: 20px;
  }

  .big-heading {
    font-size: 32px;
    line-height: 34px;
  }

  .splinemob {
    width: 100vw;
    height: 100vh;
    display: block;
  }

  .text-block-198 {
    line-height: 33px;
  }

  .spline-scene-61 {
    height: 100vh;
  }

  .spline-mobile {
    z-index: 1;
    width: 100vw;
    height: 100vh;
    display: block;
    position: relative;
  }

  .image-230 {
    padding-top: 433px;
    padding-left: 123px;
    display: none;
    position: absolute;
  }

  .text-block-200 {
    color: #ffffffb8;
    font-family: Avenir, Verdana, sans-serif;
  }

  .textsplinelaptop {
    display: none;
  }

  .textsplinephone {
    color: #ffffffa8;
    font-family: Avenir, Verdana, sans-serif;
    font-size: 14px;
    font-style: italic;
  }

  .footerlaptoppages {
    display: none;
  }
}

#w-node-c8111900-a458-4980-6445-58a00be80c80-8ca4febe, #w-node-_02e33ef6-abfb-5e84-79cf-8c990207f06f-8ca4febe {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-f73663a3-e2aa-b2bc-b418-797eaaddb89d-8ca4fec3 {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-f73663a3-e2aa-b2bc-b418-797eaaddb8a4-8ca4fec3 {
  grid-row: span 2 / span 2;
}

#w-node-e895dd73-eac4-a99e-f08d-409b34bf8e0c-8ca4fec4 {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-e895dd73-eac4-a99e-f08d-409b34bf8e12-8ca4fec4 {
  grid-row: span 2 / span 2;
}

#w-node-e84afea3-7c9c-e322-555a-f44912d13c3c-a9978213, #w-node-f1a3dda5-3529-f152-75ba-0e41090a8c9c-a9978213 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-df012bde-a67d-543a-c794-7cd945d0cb3c-a9978213 {
  grid-template-rows: auto auto auto auto auto auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-ab10dd60-1d62-05d0-57aa-c371cd86771d-cccdb598, #w-node-ab10dd60-1d62-05d0-57aa-c371cd86771e-cccdb598, #w-node-ab10dd60-1d62-05d0-57aa-c371cd86771f-cccdb598 {
  place-self: center;
}

#w-node-ab10dd60-1d62-05d0-57aa-c371cd867724-cccdb598, #w-node-ab10dd60-1d62-05d0-57aa-c371cd867720-cccdb598, #w-node-ab10dd60-1d62-05d0-57aa-c371cd867722-cccdb598 {
  justify-self: center;
}

#w-node-_0c887320-433f-72d8-72d3-e9eca224f223-aacc9be8 {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-_0c887320-433f-72d8-72d3-e9eca224f22a-aacc9be8 {
  grid-row: span 2 / span 2;
}

#w-node-_7ceb4c79-7c09-2018-737f-9ded718881ce-aacca468 {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-_94a6d115-4224-64f6-b81b-08626e18fb81-aacca468 {
  grid-row: span 2 / span 2;
}

#w-node-a44268b8-eb66-65a3-9c7c-82900fd01677-aacca468, #w-node-_3aeff9d3-0b04-c83a-b1bf-82e96871d7a6-aacca468 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

#w-node-be417972-71ee-3c40-f213-a66eeb4a19cb-148bf5fb {
  grid-template-rows: auto auto;
  grid-template-columns: 1.5fr 1.25fr;
}

#w-node-c5320c07-102e-1e05-d628-f7a00019fdb7-148bf5fb {
  grid-row: span 2 / span 2;
}

#w-node-_45235f4b-2dae-3350-eaa1-3d00965591aa-2b1734b9 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

#w-node-d6b8d5e9-f7db-c776-3ce4-23d3568772cc-056f005d {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-d6b8d5e9-f7db-c776-3ce4-23d3568772d3-056f005d {
  grid-row: span 2 / span 2;
}

#w-node-bb2b7039-5533-8522-46da-952edfd0adb7-495cc931 {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-bb2b7039-5533-8522-46da-952edfd0adbe-495cc931 {
  grid-row: span 2 / span 2;
}

#w-node-b34a5608-dcf8-9bd9-acd8-9c6be869b484-a628a27d, #w-node-b34a5608-dcf8-9bd9-acd8-9c6be869b49f-a628a27d, #w-node-b34a5608-dcf8-9bd9-acd8-9c6be869b4b9-a628a27d {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

@media screen and (min-width: 1920px) {
  #w-node-be417972-71ee-3c40-f213-a66eeb4a19cb-148bf5fb {
    display: grid;
  }
}

@media screen and (min-width: 1440px) {
  #w-node-be417972-71ee-3c40-f213-a66eeb4a19cb-148bf5fb {
    grid-template-rows: .25fr 1fr;
    grid-template-columns: 1.5fr 1.25fr;
  }
}

@media screen and (max-width: 479px) {
  #w-node-c8111900-a458-4980-6445-58a00be80c80-8ca4febe, #w-node-_02e33ef6-abfb-5e84-79cf-8c990207f06f-8ca4febe, #w-node-f73663a3-e2aa-b2bc-b418-797eaaddb89d-8ca4fec3 {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  #w-node-f73663a3-e2aa-b2bc-b418-797eaaddb8a4-8ca4fec3 {
    grid-row: span 2 / span 2;
  }

  #w-node-e895dd73-eac4-a99e-f08d-409b34bf8e0c-8ca4fec4 {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  #w-node-e895dd73-eac4-a99e-f08d-409b34bf8e12-8ca4fec4 {
    grid-row: span 2 / span 2;
  }

  #w-node-_0c887320-433f-72d8-72d3-e9eca224f223-aacc9be8 {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  #w-node-_0c887320-433f-72d8-72d3-e9eca224f22a-aacc9be8 {
    grid-row: span 2 / span 2;
  }

  #w-node-_7ceb4c79-7c09-2018-737f-9ded718881ce-aacca468 {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  #w-node-_94a6d115-4224-64f6-b81b-08626e18fb81-aacca468 {
    grid-row: span 2 / span 2;
  }

  #w-node-a44268b8-eb66-65a3-9c7c-82900fd01677-aacca468, #w-node-_3aeff9d3-0b04-c83a-b1bf-82e96871d7a6-aacca468 {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
  }

  #w-node-be417972-71ee-3c40-f213-a66eeb4a19cb-148bf5fb {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  #w-node-c5320c07-102e-1e05-d628-f7a00019fdb7-148bf5fb {
    grid-row: span 2 / span 2;
  }

  #w-node-_45235f4b-2dae-3350-eaa1-3d00965591aa-2b1734b9 {
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr;
  }

  #w-node-d6b8d5e9-f7db-c776-3ce4-23d3568772cc-056f005d {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  #w-node-d6b8d5e9-f7db-c776-3ce4-23d3568772d3-056f005d {
    grid-row: span 2 / span 2;
  }

  #w-node-bb2b7039-5533-8522-46da-952edfd0adb7-495cc931 {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  #w-node-bb2b7039-5533-8522-46da-952edfd0adbe-495cc931 {
    grid-row: span 2 / span 2;
  }

  #w-node-b34a5608-dcf8-9bd9-acd8-9c6be869b484-a628a27d, #w-node-b34a5608-dcf8-9bd9-acd8-9c6be869b49f-a628a27d, #w-node-b34a5608-dcf8-9bd9-acd8-9c6be869b4b9-a628a27d {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }
}