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

:root {
  --goldenrod: #fbb90b;
  --white: white;
  --light-sea-green: #63bbb4;
  --black-2: #242424;
  --black: black;
  --hot-pink: #f17fb4;
  --midnight-blue: #20283d8f;
  --elements-webflow-library--neutral--600: #6e7191;
  --elements-webflow-library--accent--primary-1: #4a3aff;
  --elements-webflow-library--neutral--800: #211f54;
  --elements-webflow-library--neutral--300: #eff0f6;
  --elements-webflow-library--neutral--100: white;
  --elements-webflow-library--general--shadow-01: #14142b0f;
  --elements-webflow-library--secondary--color-1: #281ca5;
  --elements-webflow-library--general--shadow-04: #14142b24;
  --elements-webflow-library--general--shadow-02: #14142b14;
  --elements-webflow-library--neutral--700: #4a4566;
  --elements-webflow-library--neutral--200: #f7f7fc;
  --elements-webflow-library--neutral--400: #dcddeb;
}

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

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

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

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

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

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

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

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

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

.w-form-formradioinput--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 50%;
  width: 12px;
  height: 12px;
}

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

.w-form-formradioinput--inputType-custom.w--redirected-checked {
  border-width: 4px;
  border-color: #3898ec;
}

.w-layout-hflex {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

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

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

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

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

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

h1 {
  margin-top: 20px;
  margin-bottom: 15px;
  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 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 24px;
  font-weight: 400;
  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;
  padding-right: 100px;
}

a {
  color: var(--goldenrod);
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
  font-weight: 700;
  text-decoration: none;
  transition: opacity .2s;
  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 {
  margin-bottom: 0;
  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 {
  color: var(--goldenrod);
  letter-spacing: 2px;
  text-transform: none;
  margin-top: 10px;
  margin-bottom: 15px;
  font-family: Signika, sans-serif;
  font-size: 36px;
  font-weight: 500;
  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;
  font-family: Lato, sans-serif;
}

.container {
  background-color: #0000;
  width: 100vw;
  max-width: 1140px;
  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(--white);
  text-align: left;
  letter-spacing: .05em;
  text-transform: none;
  margin-top: 10px;
  margin-bottom: 20px;
  font-family: Signika, sans-serif;
  font-size: 3em;
  font-weight: 500;
  line-height: 1.2em;
}

.heading-jumbo.seagreen {
  color: var(--light-sea-green);
}

.heading-jumbo.navsmall {
  color: var(--white);
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 30px;
}

.heading-jumbo.navsmall._2 {
  justify-content: flex-start;
  margin-top: 20px;
  margin-bottom: 20px;
  display: flex;
}

.heading-jumbo.black {
  color: var(--black-2);
  margin-bottom: 60px;
  margin-left: 60px;
  font-size: 2.5em;
  font-weight: 500;
}

.heading-jumbo.black.blog {
  margin-left: 0;
  display: block;
  position: relative;
  left: -300px;
}

.heading-jumbo.navheader {
  color: var(--goldenrod);
  text-align: center;
  letter-spacing: .3em;
  margin-top: 40px;
  margin-bottom: 0;
  font-size: 1em;
}

.heading-jumbo.mainheaderhero {
  text-align: center;
  max-width: 50vw;
  font-size: 2.5em;
}

.heading-jumbo.center {
  text-align: center;
  margin-top: 0;
}

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

.paragraph-tiny.cc-paragraph-tiny-light {
  opacity: .7;
  flex-direction: column;
  justify-content: space-around;
  margin-top: 20px;
  display: flex;
}

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

.label.cc-speaking-label {
  margin-top: 20px;
  margin-bottom: 10px;
}

.label.cc-about-light {
  opacity: .6;
}

.label.cc-light {
  opacity: .6;
  margin-bottom: 10px;
  font-size: 16px;
}

.label.cc-light.potfoliotag {
  text-align: left;
  letter-spacing: 1.5px;
  line-height: 28px;
}

.label.cc-light.blog {
  margin-top: 10px;
  margin-bottom: 0;
  font-weight: 700;
}

.label.cc-light.blog._2 {
  margin-top: 0;
  font-size: 12px;
  font-weight: 400;
}

.label.cc-light.blog._2.margin {
  margin-left: 5px;
}

.label.cc-light.home {
  margin-bottom: 0;
}

.label.cc-light {
  opacity: .6;
}

.label.cc-blog-date {
  opacity: .6;
  margin-top: 10px;
}

.paragraph-light {
  border-left: 5px solid var(--goldenrod);
  opacity: .6;
  margin-top: 0;
  margin-bottom: 40px;
  padding-left: 20px;
  padding-right: 40px;
  font-family: Lato, sans-serif;
  font-size: .9em;
  line-height: 1.5em;
}

.paragraph-light.cc-position-name {
  margin-bottom: 5px;
}

.paragraph-light.blog {
  border-left-color: #0000;
  margin-top: 10px;
  margin-bottom: 10px;
  padding-left: 0;
  font-size: 15px;
  font-weight: 400;
  line-height: 25px;
}

.paragraph-light.blog.smallerinfo {
  color: #191919;
  letter-spacing: 1px;
  margin-bottom: 60px;
  font-family: Lato, sans-serif;
  font-size: 18px;
  font-weight: 900;
  line-height: 25px;
}

.paragraph-light.blog.bodytext {
  font-size: 15px;
}

.section {
  flex-direction: row-reverse;
  width: 100vw;
  height: auto;
  margin-left: 0;
  margin-right: 0;
  padding-left: 20px;
  padding-right: 20px;
  display: block;
}

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

.button {
  background-color: var(--goldenrod);
  color: #fff;
  letter-spacing: 2px;
  text-transform: uppercase;
  border-radius: 20px;
  margin-top: 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-jumbo-button.cc-jumbo-white {
  color: #000;
  background-color: #fff;
}

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

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

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

.paragraph-bigger.cc-bigger-white-light {
  opacity: 1;
  color: var(--white);
  letter-spacing: 1px;
  max-width: 50vw;
  font-size: .7em;
  font-weight: 500;
  line-height: 30px;
}

.paragraph-bigger.cc-bigger-white-light._2 {
  margin-bottom: 60px;
  margin-left: 60px;
}

.paragraph-bigger.cc-bigger-white-light {
  opacity: 1;
  letter-spacing: 1px;
  max-width: 100%;
  margin-bottom: 0;
  font-size: 12px;
  font-weight: 500;
  line-height: 24px;
}

.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-size: 12px;
  font-weight: 500;
  line-height: 20px;
}

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

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

.navigation-item.w--current {
  opacity: 1;
  color: #1a1b1f;
  font-weight: 600;
}

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

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

.navigation-items {
  flex: 1;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.navigation {
  background-color: #00000017;
  align-items: center;
  width: 100%;
  padding: 30px 100px;
  display: flex;
  position: fixed;
}

.logo-image {
  margin-bottom: 0;
  display: block;
}

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

.intro-wrap {
  margin-top: 100px;
  margin-bottom: 140px;
}

.name-text {
  font-size: 20px;
  font-weight: 400;
  line-height: 34px;
}

.position-name-text {
  text-transform: none;
  margin-bottom: 10px;
  font-size: 20px;
  font-weight: 400;
  line-height: 34px;
}

.work-description {
  border-radius: 20px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-bottom: 60px;
  padding-left: 60px;
  padding-right: 60px;
  display: flex;
}

.work-experience-grid {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template: ". . . ."
  / 1fr 1fr 1fr 1fr;
  margin-bottom: 140px;
}

.works-grid {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template: ". . ."
                 ". . ."
                 / 1.5fr 1fr 1.5fr;
  margin-bottom: 80px;
}

.carrer-headline-wrap {
  width: 70%;
  margin-bottom: 50px;
}

.work-image {
  text-align: center;
  background-color: #f4f4f4;
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 50%;
  background-size: cover;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  height: 460px;
  margin-bottom: 40px;
  text-decoration: none;
  display: flex;
}

.work-image:hover {
  opacity: .8;
}

.work-image:active {
  opacity: .7;
}

.work-image.cc-work-1 {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/600d8b5520228e0070199202_portfolio%201%20-%20wide.svg");
  background-size: cover;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
}

.work-image.cc-work-2 {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/600d8b5520228e5f6b1991fb_portfolio%202%20-%20wide.svg");
  background-size: cover;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
}

.work-image.cc-work-4 {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/600d8b5520228e96cb199204_portfolio%203%20-%20wide.svg");
  background-size: cover;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
}

.work-image.cc-work-3 {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/600d8b5520228e273119920a_portfolio%204%20-%20wide.svg");
  background-size: cover;
  border-top-right-radius: 30px;
  border-bottom-right-radius: 30px;
}

.project-name-link {
  margin-bottom: 5px;
  font-size: 20px;
  font-weight: 400;
  line-height: 34px;
  text-decoration: none;
}

.project-name-link:hover {
  opacity: .8;
}

.project-name-link:active {
  opacity: .7;
}

.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: 100px;
  margin-bottom: 20px;
  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;
}

.status-message.cc-no-data {
  width: 70%;
  margin: 100px auto;
  display: block;
}

.contact {
  padding-top: 80px;
  padding-bottom: 90px;
  position: fixed;
  inset: 80% 3% 0% auto;
  overflow: hidden;
}

.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 {
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 100vw;
  padding: 0;
  display: none;
}

.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 {
  color: var(--white);
  align-items: center;
  margin-right: -20px;
  display: flex;
}

.footer-item {
  opacity: .6;
  color: var(--white);
  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;
}

.about-intro-grid {
  grid-column-gap: 80px;
  grid-row-gap: 30px;
  grid-template: ". ."
  / 1fr 2fr;
  align-items: center;
  margin-top: 100px;
  margin-bottom: 140px;
}

.hi-there-heading {
  margin-top: 10px;
  margin-bottom: 20px;
}

.service-name-text {
  opacity: .6;
  margin-bottom: 10px;
  font-size: 30px;
  line-height: 46px;
}

.skillset-wrap {
  padding-right: 60px;
}

.reference-link {
  opacity: .6;
  font-size: 14px;
  line-height: 26px;
  text-decoration: none;
}

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

.reference-link:active {
  opacity: .9;
}

.featured-item-wrap {
  margin-bottom: 25px;
}

.services-items-grid {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-areas: ". .";
  padding-top: 10px;
}

.skills-grid {
  grid-column-gap: 80px;
  grid-row-gap: 30px;
  grid-template: ". ."
  / 1fr 1fr;
  margin-bottom: 140px;
}

.personal-features-grid {
  grid-column-gap: 80px;
  grid-row-gap: 20px;
  grid-template-rows: auto auto;
  grid-template-areas: ". ."
                       ". .";
  margin-bottom: 110px;
}

.speaking-text {
  margin-right: 8px;
  display: inline-block;
}

.speaking-text.cc-past-speaking {
  opacity: .6;
}

.speaking-detail {
  opacity: .6;
  display: inline-block;
}

.upcoming-wrap {
  margin-bottom: 40px;
}

.social-media-heading {
  margin-bottom: 60px;
}

.social-media-grid {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-template-areas: ". . . ."
                       ". . . .";
  margin-bottom: 30px;
}

.project-overview-grid {
  grid-column-gap: 50px;
  grid-row-gap: 100px;
  grid-template: ". . . ."
                 ". . . ."
                 / 1fr 1fr 1fr 1fr;
  margin-top: 120px;
  margin-bottom: 135px;
}

.detail-header-image {
  width: 100%;
}

.project-description-grid {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template: ". ."
  / 1fr 2.5fr;
  margin-top: 120px;
  margin-bottom: 120px;
}

.detail-image {
  width: 100%;
  margin-bottom: 30px;
}

.email-section {
  text-align: center;
  width: 70%;
  margin: 140px auto 200px;
}

.email-link {
  text-transform: none;
  margin-top: 15px;
  margin-bottom: 15px;
  font-size: 64px;
  font-weight: 400;
  line-height: 88px;
  text-decoration: none;
}

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

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

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

.div-block-22 {
  width: 376.219px;
  position: relative;
}

.horizontalcontnt {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 190%;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  padding-top: 100px;
  display: flex;
  position: sticky;
  top: 40px;
}

.hscontentboxes1 {
  background-color: #d5cccc;
  border: 1px #000;
  border-radius: 14px;
  justify-content: center;
  align-items: center;
  width: 40vw;
  height: 75vh;
  margin-left: 40px;
  margin-right: 0;
  padding: 10px 40px;
  display: inline-block;
  box-shadow: 4px 4px 3px #d5cccc;
}

.hscontentboxes1.portfolio {
  background-color: var(--white);
  box-shadow: none;
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/600d8b5520228e35b61991fe_MLB.png");
  background-position: 50%;
  background-size: contain;
  align-items: flex-end;
  width: 200px;
  height: 200px;
  margin: 10px;
  padding: 0;
  display: flex;
}

.hscontentboxes1.portfolio.obione {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/600d8b5520228ef32d1991f6_Screen%20Shot%202020-01-22%20at%2010.48.13.png");
  background-position: 50%;
  background-size: cover;
}

.hscontentboxes1.portfolio.fm {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/600d8b5520228e0ca71991f8_FM.jpg");
  background-position: 50%;
  background-size: cover;
}

.hscontentboxes1.portfolio.fm.luxee {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/600d8b5520228e1719199270_download%20(2).png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.hscontentboxes1.portfolio.sh {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/600d8b5520228e549b1991ff_73198329_415942645735212_4785466876329197568_n.png");
  background-position: 50%;
  background-size: contain;
}

.hscontentboxes1.portfolio.francis {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/600d8b5520228e4e731991fa_Cocozilla3.jpg");
  background-position: 50%;
  background-size: cover;
}

.hscontentboxes1.portfolio.h522 {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/600d8b5520228e11f11991f9_afsfds.jpg");
  background-position: 50%;
  background-size: cover;
}

.hscontentboxes1.portfolio.hr {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/600d8b5520228ef77e199250_download%20(4).png");
  background-position: 50%;
  background-size: auto;
}

.hscontentboxes1.portfolio.luxe {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/600d8b5520228e55e1199208_Crafted.png");
  background-position: 0 0;
  background-size: auto;
}

.hscontentboxes1.portfolio.cdf {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/60115e720c7247d17b071fa3_Cardiff-Metropolitan-University-logo%20(1).jpg");
  background-repeat: no-repeat;
}

.hscontentboxes1.potfoloio-txt {
  box-shadow: none;
  background-color: #f7f5f5;
  width: 20vw;
  margin-left: auto;
  padding-right: 0;
  display: none;
}

.heading-18 {
  margin-top: -14px;
  margin-bottom: 10px;
  font-size: 40px;
  font-weight: 700;
  line-height: 55px;
  position: relative;
}

.heading-18.headnorm {
  padding-bottom: 20px;
  font-size: 35px;
  line-height: 40px;
}

.heading-18.left {
  letter-spacing: 1.5px;
  font-family: Signika, sans-serif;
}

.heading-19 {
  opacity: .38;
  color: #000;
  text-align: center;
  margin-top: 0;
  margin-left: 0;
  font-size: 15px;
  font-weight: 300;
  line-height: 20px;
  text-decoration: none;
  position: relative;
  top: 66px;
}

.heading-17 {
  color: #000;
  letter-spacing: 1px;
  margin-top: 40px;
  margin-bottom: 0;
  font-size: 30px;
}

.heading-17.heronorm {
  max-width: 350px;
  margin-top: 20px;
  padding-right: 0;
}

.div-block-65 {
  flex-direction: column;
  width: 75%;
  margin: 0 100px 40px 79px;
  padding-top: 55px;
  display: block;
  position: sticky;
  top: 0;
}

.recentprojectscroller {
  background-color: #f7f5f5;
  border: 1px solid #f7f5f5;
  width: auto;
  height: 450vh;
  display: block;
  position: relative;
}

.horizontalbx {
  border: 0 #d5cccc;
  flex-direction: column;
  width: 200vw;
  height: 600px;
  margin-top: -250px;
  padding-top: 250px;
  display: flex;
  position: sticky;
  top: 0;
  overflow: visible;
}

.logo-image-2 {
  margin-top: 0;
  margin-bottom: 0;
}

.logo-image-2.cc-footer-logo {
  width: 80%;
}

.footer-link {
  color: #1d1f2eb3;
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 22px;
}

.footer-link:hover {
  color: #a25f4b;
}

.div-block-59 {
  width: 50%;
  height: auto;
}

.small-paragraph {
  color: var(--white);
  align-self: auto;
  margin-right: 10px;
  padding-right: 40px;
  font-size: 10px;
  line-height: 22px;
}

.small-paragraph.cc-copyright-footer {
  color: #1d1f2e4d;
  align-self: end;
  margin-bottom: 10px;
  display: none;
}

.small-paragraph.cc-copyright-footer:hover {
  color: #a25f4b;
  align-self: end;
}

.footer-email-link {
  color: #1d1f2e;
  align-self: auto;
  font-size: 24px;
  line-height: 36px;
}

.footer-email-link:hover {
  color: #a25f4b;
}

.wrap {
  width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: relative;
}

.fot {
  background-color: #fff;
  width: 100vw;
  margin-top: 60px;
  display: block;
  position: relative;
  overflow: hidden;
}

.footer {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto auto;
  grid-template-columns: 4fr 2fr 2fr 4fr;
  place-items: start;
  width: 940px;
  margin-top: 100px;
  margin-bottom: 100px;
}

.label-2 {
  opacity: .6;
  color: var(--light-sea-green);
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 20px;
  font-size: 12px;
  font-weight: 700;
  line-height: 18px;
  display: block;
  position: static;
}

.label-2.new {
  margin-top: 0;
}

.footer-grid-column {
  flex-direction: column;
  align-self: end;
  display: flex;
}

.div-block-66 {
  background-color: #191919;
  justify-content: center;
  width: 100vw;
  padding-top: 40px;
  padding-bottom: 40px;
  padding-left: 0;
  display: flex;
}

.hero {
  margin-left: 0;
  margin-right: auto;
}

.hero.cc-cta {
  background-color: #f4f4f4;
  margin-bottom: 100px;
  margin-left: 0;
  margin-right: 0;
  padding-left: 80px;
  padding-right: 80px;
  display: block;
}

.hero.cc-store-home-wrap {
  z-index: 1;
  width: 100vw;
  height: auto;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  display: block;
  position: relative;
  overflow: hidden;
}

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

.cta-wrap {
  text-align: center;
  justify-content: center;
  padding-top: 110px;
  padding-bottom: 120px;
  display: flex;
}

.home-section-wrap {
  margin-bottom: 30px;
  margin-left: 20px;
}

.home-section-wrap.porttitle {
  margin-top: 0;
  padding-top: 60px;
  padding-left: 100px;
  padding-right: 100px;
}

.intro-text {
  flex-direction: column;
  align-items: center;
  width: 80%;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  display: flex;
}

.motto-wrap {
  text-align: center;
  width: 80%;
  margin-bottom: 85px;
  margin-left: auto;
  margin-right: auto;
}

.home-content-wrap {
  margin-top: 20px;
  margin-bottom: 40px;
}

.about-grid {
  grid-column-gap: 80px;
  grid-row-gap: 30px;
  grid-template: ". ."
  / 1fr 2fr;
  align-items: center;
  margin-bottom: 80px;
}

.about-grid.cc-about-2 {
  grid-template-columns: 2fr 2fr;
  grid-template-areas: ". .";
  margin-top: 60px;
  margin-bottom: 0;
  padding-right: 40px;
}

.intro-header {
  color: #fff;
  background-color: #f4f4f4;
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/600d8b5520228e8152199228_avatars-000687251235-lk6wz4-original.jpg"), url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/600d8b5520228e5f6b1991fb_portfolio%202%20-%20wide.svg");
  background-position: 50%, 0 0;
  background-size: contain, cover;
  justify-content: center;
  align-items: center;
  height: 620px;
  margin-bottom: 100px;
  display: flex;
}

.intro-header._2 {
  z-index: 1;
  background-color: var(--goldenrod);
  background-image: none;
  width: 100vw;
  height: 101vh;
  margin-top: 0;
  margin-bottom: 0;
  display: flex;
  position: sticky;
  overflow: visible;
}

.intro-header._2.minheader {
  color: var(--white);
  background-image: linear-gradient(#63bbb4a3, #63bbb4a3), url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/600d8b5520228ea5301992c3_pexels-fotografierende-3278767.jpg");
  background-position: 0 0, 50%;
  background-size: auto, cover;
  height: 40vh;
}

.intro-header.mm {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/600d8b5520228e4f35199280_Screen%20Shot%202020-12-01%20at%2017.13.20.png");
  background-position: 0 0;
  background-size: auto;
  height: 350px;
}

.intro-header.illustration {
  background-image: linear-gradient(to bottom, var(--goldenrod) 4%, transparent), url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/600d8b5520228e77a0199245_118121994_340838330432652_7745819615344028064_n.jpg"), url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/600d8b5520228e5f6b1991fb_portfolio%202%20-%20wide.svg");
  background-position: 0 0, 100%, 0 0;
  background-size: auto, auto, cover;
  height: 500px;
}

.intro-header.illustration.print {
  background-image: linear-gradient(to bottom, var(--goldenrod) 4%, transparent), url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/600d8b5520228ea0e719929a_Untitled-112.jpg"), url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/600d8b5520228e7bdf199282_Presentation.jpg");
  background-position: 0 0, 50%, 0 0;
  background-size: auto, cover, cover;
}

.intro-header.illustration.socialmedia {
  background-image: linear-gradient(#191919 4%, #0000), linear-gradient(#191919cf, #191919cf), url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/600d8b5520228e4d1719929f_asdasdsa_1.gif");
  background-position: 0 0, 0 0, 50% 100%;
  background-size: auto, auto, cover;
  background-attachment: scroll, scroll, fixed;
  margin-bottom: 0;
}

.intro-header.illustration.socialmedia.illustra {
  background-image: linear-gradient(#191919 4%, #0000), linear-gradient(#0000, #0000), url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/600d8b5520228e77a0199245_118121994_340838330432652_7745819615344028064_n.jpg");
  background-position: 0 0, 0 0, 100%;
  background-size: auto, auto, auto;
  background-attachment: scroll, scroll, fixed;
  height: 300px;
  margin-top: 81px;
}

.intro-header.illustration.socialmedia.print {
  background-image: linear-gradient(#191919 4%, #0000), url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/6021b5d5ac46211fb9d620c7_z.jpg");
  background-size: auto, cover;
  background-attachment: scroll, fixed;
  height: 400px;
}

.intro-header.illustration.socialmedia.animation {
  background-image: linear-gradient(#191919 4%, #0000), linear-gradient(#0000, #0000);
  background-position: 0 0, 0 0;
  background-size: auto, auto;
  background-attachment: scroll, scroll;
}

.intro-header.illustration.socialmedia.design {
  background-image: linear-gradient(#191919 4%, #0000), linear-gradient(#0000, #0000), url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/600d8b5520228e7bdf199282_Presentation.jpg");
  background-attachment: scroll, scroll, fixed;
}

.intro-header.illustration.socialmedia.branding {
  background-image: linear-gradient(#191919 4%, #0000), linear-gradient(#191919cf, #191919cf), url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/600d8b5520228e301c1992ab_82562866_148869783227322_2260581119135055872_o.jpg");
  background-position: 0 0, 0 0, 50% 100%;
  background-size: auto, auto, auto;
  background-attachment: scroll, scroll, fixed;
}

.intro-header.motiongraphics {
  background-image: linear-gradient(to bottom, var(--goldenrod), transparent), url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/600d8b5520228e80d419928a_IntroScreen_GIF.gif"), url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/600d8b5520228e5f6b1991fb_portfolio%202%20-%20wide.svg");
  background-position: 0 0, 0 0, 0 0;
  background-size: auto, auto, cover;
}

.intro-header.tea {
  background-image: linear-gradient(to bottom, var(--light-sea-green), var(--light-sea-green));
  height: 30vh;
}

.section-heading {
  text-align: left;
  letter-spacing: 3px;
  justify-content: flex-start;
  margin-top: 20px;
  margin-bottom: 20px;
  font-family: Signika, sans-serif;
  font-size: 3em;
  font-weight: 500;
  display: flex;
}

.section-heading.subheading {
  text-align: center;
  letter-spacing: 1px;
  font-size: 25px;
}

.section-heading.smallerheading {
  letter-spacing: 1px;
  margin-top: 10px;
  margin-bottom: 0;
  font-size: 20px;
  line-height: 25px;
}

.intro-content {
  text-align: center;
  width: 70%;
  max-width: 1140px;
}

.intro-content.cc-homepage {
  object-fit: fill;
  flex-direction: column;
  justify-content: center;
  align-self: auto;
  align-items: center;
  width: auto;
  max-width: none;
  height: auto;
  margin-top: 40px;
  margin-bottom: 20px;
  padding-left: 0;
  display: flex;
  position: absolute;
  inset: 0% 0% auto;
}

.team-pic {
  color: var(--white);
  background-color: #f4f4f4;
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/600d8b5520228e3ca6199209_Screen%20Shot%202020-12-01%20at%2012.08.02.png");
  background-position: 50%;
  background-size: cover;
  background-attachment: scroll;
  border-radius: 20px;
  width: 100%;
  height: 420px;
  margin-bottom: 40px;
  padding-top: 40px;
  padding-left: 40px;
  padding-right: 40px;
}

.team-pic.adam {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/600d8b5520228e798d1992af_121478343_10217781495357008_924478685432541434_o.jpg");
}

.team-pic.jessy {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/600d8b5520228e7c35199201_Screen%20Shot%202020-12-01%20at%2012.17.57.png");
  background-position: 100%;
  background-size: cover;
}

.team-pic.holly {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/600d8b5520228e5e641992a1_Screen%20Shot%202020-12-03%20at%2015.54.16.png");
  background-size: cover;
}

.team-pic.ady {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/600d8b5520228e7e121992a2_IMG_1340.JPG");
}

.team-pic.fran {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/600d8b5520228e17d6199299_129104535_2812116592366016_684445877754064296_n.jpg");
}

.section-2 {
  margin-left: 30px;
  margin-right: 30px;
}

.team-member-title-wrap {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-bottom: 60px;
  display: flex;
}

.section-heading-wrap {
  text-align: center;
  margin-top: 80px;
  margin-bottom: 80px;
}

.team-members {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template: ". . ."
                 ". . ."
                 / 1fr 1fr;
  place-items: stretch stretch;
  margin-bottom: 60px;
}

.teambody {
  opacity: 1;
  margin-bottom: 5px;
  font-size: 20px;
  font-weight: 400;
  line-height: 34px;
}

.heading-20 {
  color: var(--black);
  text-align: center;
  letter-spacing: 1px;
  margin-top: 40px;
  margin-bottom: 40px;
  font-family: Signika, sans-serif;
  font-weight: 500;
  line-height: 40px;
}

.image-71 {
  width: 500px;
  top: -256px;
  left: 22px;
}

.image-72 {
  border-radius: 20px;
  width: 100%;
}

.image-72.mainpageimg {
  width: auto;
  padding: 100px;
}

.team {
  background-color: var(--white);
  padding-left: 20px;
  padding-right: 20px;
  display: block;
  position: relative;
}

.heading-21 {
  opacity: .38;
  color: #000;
  text-align: center;
  margin-top: 0;
  margin-left: 0;
  font-family: Signika, sans-serif;
  font-size: 15px;
  font-weight: 300;
  line-height: 20px;
  text-decoration: none;
  position: relative;
  top: 66px;
}

.heading-22 {
  color: #000;
  letter-spacing: 1px;
  margin-top: 40px;
  margin-bottom: 0;
  font-family: Signika, sans-serif;
  font-size: 30px;
}

.heading-22.heronorm {
  max-width: 350px;
  margin-top: 20px;
  padding-right: 0;
}

.services {
  padding-left: 60px;
  padding-right: 60px;
  display: none;
}

.hero6-content {
  flex-direction: column;
  align-items: center;
  padding-top: 50px;
  padding-bottom: 50px;
  display: flex;
}

.button-small {
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  background-color: #18181d;
  border-radius: 0;
  flex: none;
  justify-content: center;
  align-items: center;
  padding: 18px 30px;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
  display: flex;
}

.button-small:hover {
  background-color: #272731;
}

.button-small.white-small {
  color: #000;
  text-align: center;
  background-color: #fff;
  border-radius: 0;
  justify-content: center;
  display: none;
}

.hero6-grid {
  grid-column-gap: 36px;
  grid-row-gap: 36px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  display: grid;
  position: relative;
}

.sizejumbo-text {
  margin-top: 20px;
  margin-bottom: 25px;
  font-size: 80px;
  font-weight: 300;
  line-height: 96px;
}

.sizejumbo-text.sizejumbo-full-clear {
  z-index: 1;
  margin-top: 0;
  margin-bottom: 0;
  display: none;
}

.button-arrow-2 {
  flex: none;
  margin-left: 20px;
  display: inline-block;
}

.hero6 {
  color: #fff;
  text-align: center;
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/600d8b5520228e3ea0199212_Cocozilla6.jpg");
  background-position: 50%;
  background-size: cover;
  justify-content: center;
  align-items: center;
  min-height: 640px;
  padding-left: 36px;
  padding-right: 36px;
  display: flex;
}

.hero6.hr2020 {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/600d8b5520228e5f27199273_Banner2%20copy.jpg");
  background-position: 50%;
  background-size: cover;
}

.hero6.fmhero {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/600d8b5520228e41bb19928d_FrancisMalcolm_BusinessCards_B.jpg"), linear-gradient(#18181d73, #18181d73);
  background-position: 50% 100%, 0 0;
  background-repeat: repeat-x, repeat;
  background-size: cover, auto;
  margin-top: 0;
}

.hero6.cookedhero {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/600d8b5520228e91b7199296_AAAA.png"), url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 50% 100%, 50%;
  background-size: cover, cover;
  margin-top: 0;
}

.hero6.herosh {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/600d8b5520228e09df1992a4_IMG_3035.jpg");
  background-position: 50%;
  background-size: cover;
  margin-top: 0;
}

.hero6.ooshero {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/600d8b5520228e865f1992a7_Untitled-3.jpg"), url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 50%, 0 0;
  background-size: cover, 125px;
}

.hero6.portfolio {
  background-image: none;
  min-height: 400px;
}

.hero6.hull52 {
  background-image: none;
  background-size: auto;
}

.hero6.yodahero {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/600d8b5520228e3c70199221_Screen%20Shot%202020-12-01%20at%2014.07.24.png");
  background-position: 50%;
  background-size: cover;
  min-height: 600px;
  padding-top: 40px;
  overflow: visible;
}

.hero6.cookedillhero {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/600d8b5520228e91b7199296_AAAA.png");
}

.hero6.hrbrrand {
  background-image: linear-gradient(#0000, #0000), url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/60a2747b24201e4c3e89152a_HR-Behance1-1.png");
  background-position: 0 0, 50% 0;
  height: 650px;
  min-height: auto;
  display: none;
}

.hero6.ttet {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/6169590c2f8854e6b24056cd_Screen%20Shot%202020-01-20%20at%2019.49.32.png");
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  min-height: 600px;
  padding-top: 0;
}

.hero6.roughnecks {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/620b89a5ae0168d423e62834_ZB-Isometric-WIDE.png");
  background-position: 0 0;
  background-size: cover;
}

.hero6.exposingdeviance {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/628266f14638537bbea6e9d5_5EventCover.png");
  background-size: cover;
  min-height: 600px;
}

.hero6.freedom {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/62f0ee31dfa435e7fef3c0df_mockuppageslong.png"), url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/600d8b5520228e3ea0199212_Cocozilla6.jpg");
  background-position: 50% 5%, 50%;
  background-size: cover, cover;
  min-height: 600px;
}

.hero6.nh {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/63d02f2b0b9080a078aa0c1d_NHBannerOptimised.png");
  background-position: 50%;
  background-size: cover;
}

.hero6-text {
  flex: 1;
  margin-bottom: 30px;
}

.section-22 {
  flex-direction: column;
  flex: 1;
  align-items: center;
  margin-top: 0;
  padding-left: 36px;
  padding-right: 36px;
  display: block;
}

.link-2 {
  display: none;
}

.paragraph-70 {
  opacity: .7;
  margin-top: 20px;
  margin-bottom: 40px;
  padding-left: 60px;
  padding-right: 40px;
}

.paragraph-70.services {
  font-weight: 600;
}

.paragraph-70.tesimonial {
  font-family: Lato, sans-serif;
  font-style: italic;
  font-weight: 600;
  display: none;
  overflow: hidden;
}

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

.paragraph-70.nopad {
  margin-bottom: 0;
}

.content4-headline-wrap {
  width: 479px;
  position: relative;
}

.button-arrow {
  flex: none;
  width: 10%;
  margin-bottom: 0;
  margin-left: 20px;
  display: inline-block;
}

.content4-product-name-wrap {
  width: 273px;
  margin-top: 15px;
}

.content4-grid {
  grid-column-gap: 36px;
  grid-row-gap: 36px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  width: 100%;
  max-width: 1200px;
  margin: 40px auto;
  padding-left: 40px;
  padding-right: 40px;
  display: grid;
  overflow: hidden;
}

.content4-grid.minusmargin {
  margin-top: -50px;
}

.button-large-2 {
  color: #fff;
  text-transform: uppercase;
  background-color: #18181d;
  justify-content: space-between;
  align-items: center;
  padding: 30px 36px;
  font-size: 16px;
  font-weight: 500;
  line-height: 26px;
  text-decoration: none;
  display: flex;
}

.button-large-2:hover {
  background-color: #272731;
}

.button-large-2.outline-button-large {
  color: #1f2121;
  background-color: #fff;
  border: 1px solid #ebedee;
}

.button-large-2.outline-button-large:hover {
  border-color: #c9c9c9;
}

.button-large-2.outline-button-large.whatif {
  flex-direction: row;
  justify-content: flex-start;
  width: 30vw;
  padding: 20px 60px;
  position: absolute;
  inset: auto 0% 0% 35%;
}

.content4-product-description-wrap {
  margin-top: 0;
}

.size4-text {
  margin-top: 10px;
  margin-bottom: 15px;
  font-size: 24px;
  font-weight: 300;
  line-height: 32px;
}

.size4-text.size4-top-clear {
  color: #000;
  letter-spacing: 2px;
  letter-spacing: 2px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
}

.size1-text-2 {
  white-space: normal;
  margin-top: 20px;
  margin-bottom: 25px;
  font-size: 44px;
  font-weight: 300;
  line-height: 52px;
}

.size1-text-2.size1-top-clear {
  width: 200%;
  margin-top: 40px;
}

.size1-text-2.size1-top-clear.center {
  color: var(--white);
  text-align: center;
  width: auto;
  font-family: Signika, sans-serif;
  font-weight: 500;
}

.wrapper.m100 {
  padding-top: 100px;
  padding-bottom: 100px;
  display: inline;
}

.wrapper.m0-100 {
  padding-top: 0;
  padding-bottom: 100px;
  overflow: hidden;
}

.home1-deco-part {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/651c0e45aaca2da0c4646710_lowresMC-%5BRecovered%5D.png");
  background-position: 50% 0;
  background-size: cover;
  background-attachment: fixed;
  height: 360px;
}

.home1-deco-part.hr20201 {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/60a27418f274d8e267e911b9_HR-Behance-2.png");
  background-position: 50% 100%;
  background-size: cover;
  background-attachment: fixed;
}

.home1-deco-part._52 {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/602173418d4259c60d073967_81696924_751908941968442_3460723658857644032_o.jpg"), url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 0 0, 0 0;
  background-size: cover, 125px;
  background-attachment: fixed, fixed;
}

.home1-deco-part.oos {
  text-shadow: 1px 1px 6px #000;
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/600d8b5520228e7bdf199282_Presentation.jpg");
  background-position: 0 0;
  background-size: contain;
  background-attachment: fixed;
}

.home1-deco-part.cookeddog {
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 0 0;
  background-size: auto;
  height: 100px;
  margin-bottom: 40px;
}

.hero-with-background-wrap {
  border-bottom: 1px solid #ebedee;
  position: relative;
}

.hero-with-background-wrap.hero2-wrap {
  border-bottom: 1px solid #ebedee;
}

.div-block-58 {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/600d8b5520228e014b199216_Cocozilla4.jpg");
  background-position: 50%;
  background-size: cover;
  height: 1000px;
  margin-left: 5%;
  margin-right: 5%;
}

.div-block-58.mobile {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/600d8b5520228e5c64199215_Cocozilla5.jpg");
}

.div-block-58._62 {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/600d8b5520228ee58f199227_Screen%20Shot%202020-06-16%20at%2017.12.29.png");
  background-position: 50%;
  background-size: cover;
  height: 1000px;
}

.div-block-58._59 {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/651c0e45aaca2da0c4646710_lowresMC-%5BRecovered%5D.png");
  background-position: 50%;
  background-size: cover;
  height: auto;
  margin-left: 5%;
  margin-right: 5%;
}

.div-block-58._59.cooked59 {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/600d8b5520228eb0a219929c_Untitled-11.jpg"), url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 50%, 50%;
  background-size: cover, cover;
  height: 1500px;
}

.div-block-58.hr2020div1 {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/600d8b5520228e5cb419924c_HRMockups.jpg");
  background-position: 50%;
  background-size: cover;
}

.div-block-58.hr2020div2 {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/6032f7ef01b95675871a67b8_Hugh%20Rice%20mockup2.png"), url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/600d8b5520228ec17819924b_HRMockups3.jpg");
  background-position: 50%, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: cover, cover;
  height: auto;
}

.div-block-58.hr2020div3 {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/600d8b5520228e911419924d_HRMockups2.jpg");
  background-position: 50%;
  background-size: cover;
}

.div-block-58.fm58 {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/600d8b5520228ee056199297_ezgif.com-optimize.gif");
  background-position: 50%;
  background-size: cover;
}

.div-block-58.fm59 {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/600d8b5520228ea7e219928f_Untitled-112.jpg");
  background-position: 50%;
  background-size: cover;
  height: 1000px;
}

.div-block-58.fm62 {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/600d8b5520228ef5b21992a5_Untitled-11.jpg");
  background-position: 50%;
  background-size: cover;
  height: 1000px;
}

.div-block-58.cooked58 {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/600d8b5520228e4d1719929f_asdasdsa_1.gif");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 300px;
}

.div-block-58.cooked62 {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/600d8b5520228ea0e719929a_Untitled-112.jpg"), none;
  background-position: 0 0, 50%;
  background-size: cover, cover;
}

.div-block-58.sh64 {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/600d8b5520228e41e21992a9_72268865_407593119903498_5464233934306934784_o.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: auto;
}

.div-block-58.sh59 {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/600d8b5520228e1bf41992ae_Untitled-11.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: auto;
  margin-left: 5%;
  margin-right: 5%;
}

.div-block-58.sh78 {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/600d8b5520228e7a6c19929d_70452879_393961797933297_9006344998630719488_n.jpg");
  background-position: 50%;
  background-size: cover;
  height: 700px;
}

.div-block-58.sh58 {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/600d8b5520228e1d3f1992a8_Untitled-112.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 695px;
  display: block;
}

.div-block-58.sh58.hidemob {
  display: none;
}

.div-block-58.sh62 {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/600d8b5520228e0e691992a6_IMG_2848.jpg");
  background-position: 50%;
  background-size: cover;
  height: 700px;
}

.div-block-58.sh65 {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/600d8b5520228e7aea1992a3_IMG_2974.jpg");
  background-position: 0 0;
  background-size: cover;
  height: 700px;
}

.div-block-58.oo65 {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/600d8b5520228e51c21992b1_sdsad.png");
  background-position: 50%;
  background-size: cover;
  height: 1000px;
}

.div-block-58.oos62 {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/600d8b5520228e301c1992ab_82562866_148869783227322_2260581119135055872_o.jpg");
  background-position: 50%;
  background-size: cover;
  height: 1500px;
}

.div-block-58.s62 {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/600d8b5520228e3a5c1992aa_cards.jpg");
  background-position: 0 0;
  background-size: cover;
  height: 1000px;
}

.div-block-58.hull5258 {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/60217365b4ba0f8236c2b3f3_received_488061261884884%20(1)-min.gif");
  background-position: 50%;
  background-size: contain;
  height: 300px;
  margin-left: 10%;
  margin-right: 10%;
}

.div-block-58._5265 {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/6033855fd44eec3fb39ac215_Hull521Optimised.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  height: auto;
  margin-left: 10%;
  margin-right: 10%;
}

.div-block-58._56263 {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/602173809c964f2e65559e0f_75092960_708231916336145_7867103763725549568_o.jpg"), url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 50%, 0 0;
  background-size: cover, 125px;
  height: 500px;
  display: block;
}

.div-block-58.yoda2 {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/6021766c7ef67773889e841e_118473178_318886992892266_3417467226720217965_o%20(1).jpg");
  background-position: 50%;
  background-size: cover;
}

.div-block-58.yoda {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/600d8b5520228e7bdf199282_Presentation.jpg");
  background-position: 0 0;
  background-size: contain;
  width: auto;
}

.div-block-58.yoda.yodavid {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/6021766c7ef67737489e8424_Screen%20Shot%202020-09-03%20at%2012.37.15.png");
  background-position: 50%;
  background-repeat: repeat-x;
  background-size: cover;
}

.div-block-58.hrdivnew {
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 0 0;
  background-size: auto;
}

.div-block-58.ttet {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/615af0fb3f08a94bcf5d956f_TTET.png");
  background-size: contain;
  width: auto;
  height: auto;
}

.div-block-58.nada {
  background-image: none;
  height: auto;
}

.hero2-content {
  flex-direction: column;
  justify-content: space-between;
  display: flex;
}

.hero2-title {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  padding: 40px 123px 40px 36px;
  display: flex;
}

.grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-columns: 1.75fr 1.25fr;
  grid-template-areas: "Area";
  height: auto;
  margin-top: 0;
  margin-bottom: 0;
}

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

.grid-2.rightlarge {
  grid-template-columns: 1fr 1fr;
}

.grid-2.rightlarge.new {
  grid-template-columns: 2fr 2fr;
}

.grid-2.leftlarge {
  grid-template-columns: 1.75fr 1fr;
}

.div-block-67 {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/651c140942b35cd2733d0c48_337526242_1336362346943368_3030319795248615661_n.jpeg");
  background-position: 50% 0;
  background-size: cover;
  height: 500px;
  padding-top: 0;
  padding-left: 0;
  display: flex;
}

.div-block-67.yodamini {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/600d8b5520228e3c70199221_Screen%20Shot%202020-12-01%20at%2014.07.24.png");
  background-position: 50%;
  background-size: cover;
}

.div-block-67.shmini {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/600d8b5520228e7aea1992a3_IMG_2974.jpg");
  background-position: 50%;
  background-size: cover;
}

.div-block-67.francis {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/600d8b5520228e41bb19928d_FrancisMalcolm_BusinessCards_B.jpg");
  background-attachment: fixed;
}

.div-block-67.sh {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/60338627001e00dfd3346d09_Hull523Optiminsed.png");
  background-position: 0%;
  background-size: contain;
  background-attachment: fixed;
}

.div-block-67.the-safehouse {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/600d8b5520228e7aea1992a3_IMG_2974.jpg");
  width: 100%;
}

.div-block-67.ttet {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/615af0fb3f08a94bcf5d956f_TTET.png");
  background-position: 50%;
  background-attachment: scroll;
}

.grid1 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: .5fr .75fr;
}

.divblock68 {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/600d8b5520228e3c70199221_Screen%20Shot%202020-12-01%20at%2014.07.24.png"), url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 50%, 0 0;
  background-size: cover, auto;
  display: flex;
}

.divblock69 {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/600d8b5520228e91b7199296_AAAA.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  width: 100%;
  height: 500px;
  display: flex;
}

.divblock69.obi {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/600d8b5520228e8d2b199225_Screen%20Shot%202020-12-01%20at%2014.20.43.png");
  background-position: 50%;
  background-repeat: repeat-y;
  background-size: cover;
  background-attachment: scroll;
}

.divblock69.cooked2 {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/600d8b5520228ea0fb199295_Screen%20Shot%202020-01-19%20at%2023.15.29.png");
  background-position: 50%;
  background-size: cover;
}

.divblock69.ydhs {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/6021b5d5ac46211fb9d620c7_z.jpg");
  background-position: 50%;
  background-size: cover;
  background-attachment: scroll;
}

.divblock69.oos {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/600d8b5520228e865f1992a7_Untitled-3.jpg");
  background-position: 50%;
  background-size: cover;
  background-attachment: scroll;
}

.divblock69.ssd {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/600d8b5520228ece8b19927b_122828444_373866220727676_6651690321509274928_o.jpg");
  background-position: 50%;
  background-attachment: scroll;
}

.divblock69.roughnecks {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/620b8a309c59363c2f4eadd6_ZB-Key-Image-2-WIDE.png");
  background-position: 50%;
  background-size: cover;
}

.divblock69.exposingdevianebg {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/628bc0cfec757f80b2395982_Screenshot%202022-05-23%20at%2018.07.24.png");
}

.divblock70 {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/600d8b5520228e9ef2199220_Screen%20Shot%202020-12-01%20at%2014.10.44.png");
  background-position: 50%;
  background-size: cover;
  height: 500px;
  display: flex;
}

.grid3 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1.25fr 1.5fr;
}

.divblock71 {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/600d8b5520228e7aea1992a3_IMG_2974.jpg"), url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 0 0, 0 0;
  background-size: cover, auto;
  display: flex;
}

.divblock72 {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/600d8b5520228e5f27199273_Banner2%20copy.jpg"), url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/600d8b5520228e5f27199273_Banner2%20copy.jpg");
  background-position: 50%, 50%;
  background-size: cover, cover;
  height: 500px;
  display: flex;
}

.portfolioheading {
  color: var(--white);
  text-align: center;
  letter-spacing: 4px;
  text-transform: none;
  margin-top: 20px;
  font-family: Plus Jakarta Sans, sans-serif;
  font-size: 2em;
  font-weight: 700;
  line-height: 1em;
  text-decoration: none;
}

.div-block-68 {
  background-color: #242424d9;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  margin-left: 0;
  padding-left: 100px;
  padding-right: 100px;
  display: flex;
}

.div-block-68.highlight1 {
  background-color: #fbb90be6;
  display: block;
}

.div-block-68.cooked {
  width: 100%;
  height: 100%;
  padding: 0;
  display: block;
}

.portfolioheadpara {
  color: var(--white);
  text-align: center;
  height: auto;
  margin-bottom: 10px;
  padding-right: 0;
  font-size: .7em;
  line-height: 25px;
  text-decoration: none;
  display: none;
}

.portfolioheadpara.portf2 {
  object-fit: fill;
  width: 100%;
  height: 55%;
  line-height: 18px;
}

.collection-list-wrapper {
  margin-bottom: 120px;
}

.work-heading {
  margin-top: 10px;
  margin-bottom: 20px;
  font-weight: 400;
}

.blog-preview-wrap {
  width: 33.33%;
  padding-bottom: 30px;
  padding-left: 15px;
  padding-right: 45px;
}

.collection-wrap {
  flex-wrap: wrap;
  place-content: flex-start center;
  align-items: flex-start;
  margin-left: -15px;
  margin-right: -15px;
  display: flex;
}

.blog-heading {
  text-align: center;
  margin-bottom: 60px;
  font-family: Exo, sans-serif;
  font-weight: 600;
  position: static;
}

.blog-item {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  margin-bottom: 80px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.blog-list-wrap {
  margin-bottom: 100px;
}

.blog-summary-wrap {
  text-align: left;
  width: 70%;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
}

.blog-heading-link {
  margin-bottom: 10px;
  font-size: 30px;
  font-weight: 400;
  line-height: 46px;
  text-decoration: none;
}

.blog-heading-link:hover {
  opacity: .8;
}

.blog-heading-link:active {
  opacity: .7;
}

.blog-heading-link.smallblogad {
  font-size: 25px;
  line-height: 34px;
}

.paragraph-light-2 {
  opacity: 1;
  color: #191919;
  border: 1px solid #0000;
  margin-top: 40px;
  margin-bottom: 40px;
  padding-left: 0;
  padding-right: 40px;
  font-family: Signika, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
}

.paragraph-light-2.smallerblogad {
  font-size: 14px;
}

.paragraph-light-2.smallerblogad.img-description {
  letter-spacing: 1px;
  margin-top: 40px;
  font-size: 12px;
  font-weight: 500;
  line-height: 15px;
}

.div-block-69 {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/600d8b5520228e8152199228_avatars-000687251235-lk6wz4-original.jpg");
  background-position: 50%;
  background-size: cover;
  width: 500px;
  height: 500px;
  margin-bottom: 60px;
}

.div-block-69.smallerblogad {
  width: 200px;
  height: 200px;
  margin-top: 100px;
  margin-bottom: 20px;
}

.div-block-69.smallerblogad._1 {
  margin-top: 60px;
}

.div-block-69.smallerblogad.bmm {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/600d8b5520228e4f35199280_Screen%20Shot%202020-12-01%20at%2017.13.20.png");
  background-position: 50%;
  background-size: cover;
}

.heading-23 {
  margin-bottom: 100px;
}

.button-2 {
  background-color: var(--goldenrod);
  color: #fff;
  letter-spacing: 2px;
  text-transform: uppercase;
  border-radius: 20px;
  margin-top: 20px;
  padding: 10px;
  font-size: 1px;
  line-height: 20px;
  text-decoration: none;
  transition: background-color .4s, opacity .4s, color .4s;
}

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

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

.section-23 {
  background-color: #f4f4f4;
  width: 100vw;
  padding-top: 40px;
  padding-bottom: 40px;
  overflow: hidden;
}

.div-block-70 {
  align-items: center;
  margin-bottom: 40px;
  display: flex;
}

.image-73 {
  border-radius: 60px;
  margin-right: 40px;
}

.grid-3 {
  grid-template-rows: auto;
  grid-template-columns: 2.5fr 1fr;
  width: 100vw;
  margin-bottom: 100px;
  padding-left: 60px;
  padding-right: 60px;
  overflow: hidden;
}

.section-24 {
  padding-bottom: 100px;
  padding-right: 0;
}

.container-2 {
  border-left: 1px solid #b5b5b538;
  padding-left: 40px;
  padding-right: 0;
}

.volume-bar-wrapper {
  position: relative;
}

.stop-wrapper {
  justify-content: center;
  align-items: center;
  display: flex;
}

.volume-bar {
  opacity: 1;
  cursor: pointer;
  background-color: #575757;
  border-radius: 5px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 80px;
  height: 2px;
  display: flex;
}

.volume-down {
  cursor: pointer;
  width: 15px;
  height: 40px;
  margin-right: 5px;
}

.track-name {
  color: #fff;
  text-align: left;
  text-transform: uppercase;
  margin-right: 10px;
  font-family: Lato, sans-serif;
  font-size: 11px;
  font-weight: 400;
}

.current-seconds {
  color: #fff;
  align-items: flex-end;
  margin-top: 7px;
  font-size: 11px;
  line-height: 1;
  display: block;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.active-bar {
  background-color: #0ba100;
  border-radius: 20px;
  align-self: flex-start;
  width: 50%;
  height: 100%;
}

.repeat {
  cursor: pointer;
  margin-right: 10px;
}

.audio-active {
  cursor: pointer;
  width: 15px;
  margin-right: 10px;
}

.audio-player-single-track-wrapper {
  background-color: #000;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  width: auto;
  margin-top: 100px;
  margin-bottom: 100px;
  padding: 20px;
  display: flex;
  position: static;
}

.track-info-wrapper {
  background-color: #0000;
  border: 1px #0e0d0d;
  justify-content: center;
  align-items: center;
  margin-right: 10px;
  display: flex;
}

.play-wrapper {
  cursor: pointer;
  width: auto;
  margin-right: 5px;
  display: flex;
}

.play {
  cursor: pointer;
}

.audio-player-bar-wrapper {
  justify-content: center;
  align-self: auto;
  align-items: center;
  width: 70%;
  display: flex;
}

.audio-player-bar-wrapper.bar-wrapper {
  width: 300px;
  margin-left: 20px;
  margin-right: 20px;
  position: relative;
}

.duration {
  color: #fff;
  align-items: flex-end;
  margin-top: 7px;
  font-size: 11px;
  line-height: 1;
  display: block;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.control-wrapper {
  cursor: pointer;
  justify-content: center;
  align-items: center;
  display: flex;
}

.audio-player-volume-wrapper {
  justify-content: center;
  align-self: auto;
  align-items: center;
  width: 70%;
  display: flex;
}

.audio-player-volume-wrapper.bar-wrapper-volume {
  background-color: #0a0a0a;
  flex-direction: row;
  width: auto;
  height: auto;
  margin-left: 0;
  padding-left: 10px;
  padding-right: 10px;
  position: static;
}

.audio-player-bar {
  opacity: 1;
  cursor: pointer;
  background-color: #575757;
  border-radius: 5px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 3px;
  display: flex;
}

.cover {
  width: 50px;
  height: 50px;
  margin-right: 10px;
}

.pause, .stop {
  cursor: pointer;
}

.volume-up {
  cursor: pointer;
  width: 15px;
  margin-left: 5px;
}

.mute {
  cursor: pointer;
  width: 15px;
  margin-right: 10px;
}

.volume-bar-active {
  background-color: #fff;
  border-radius: 20px;
  align-self: flex-start;
  width: 50%;
  height: 100%;
}

.shuffle-active {
  cursor: pointer;
  margin-right: 10px;
}

.volume-mute-wrapper {
  justify-content: center;
  align-items: center;
  display: flex;
}

.shuffle {
  cursor: pointer;
  margin-right: 10px;
  line-height: 1;
}

.options-wrapper {
  background-color: #000;
  justify-content: center;
  align-items: center;
  margin-left: 0;
  margin-right: 0;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
}

.twitter-white-icon {
  background-color: #0000;
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/600d8b5520228eeb5c19923a_twitter.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 13px;
  border: 1px solid #0000;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 25px;
  height: 25px;
  margin-right: 5px;
  transition: background-color .2s cubic-bezier(.55, .085, .68, .53);
  display: flex;
}

.twitter-white-icon:hover {
  background-color: #27a9e2;
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/600d8b5520228eeb5c19923a_twitter.svg");
  background-size: 13px;
  border-style: solid;
  border-color: #0000;
}

.social-wrapper-footer-white {
  justify-content: flex-start;
  align-items: center;
  width: auto;
  height: 100%;
  margin-top: 20px;
  display: flex;
  position: static;
}

.column {
  border-left: 1px solid #0000;
  border-right: 0 #000;
  padding-left: 0;
  position: relative;
}

.youtube-white-icon {
  background-color: #0000;
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/600d8b5520228e2095199236_youtube%20(1).svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 13px;
  border: 1px solid #0000;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 25px;
  height: 25px;
  margin-right: 5px;
  transition: background-color .2s cubic-bezier(.55, .085, .68, .53);
  display: flex;
}

.youtube-white-icon:hover {
  background-color: #ff0100;
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/600d8b5520228e2095199236_youtube%20(1).svg");
  background-size: 13px;
  border-style: solid;
  border-color: #0000;
}

.footer-links-white-2 {
  color: var(--white);
  cursor: pointer;
  width: auto;
  margin-top: 3px;
  margin-bottom: 0;
  padding-top: 2px;
  padding-bottom: 6px;
  font-family: Lato, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  transition: transform .1s cubic-bezier(.55, .085, .68, .53);
}

.footer-links-white-2:hover {
  color: var(--goldenrod);
  transform: translate(5px);
}

.footer-links-white-2.capsnav {
  color: var(--white);
  text-align: center;
  margin-bottom: 20px;
  font-size: 25px;
}

.footer-links-white-2.blue {
  color: var(--light-sea-green);
  transition-property: none;
}

.udesly-footer {
  cursor: pointer;
  margin-top: 0;
  margin-bottom: 0;
  transition: opacity .2s cubic-bezier(.55, .085, .68, .53);
}

.udesly-footer:hover {
  opacity: .75;
}

.footer-2 {
  background-color: #191919;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  padding-top: 60px;
  padding-bottom: 60px;
  display: flex;
  overflow: hidden;
}

.facebook-icon-white {
  background-color: #0000;
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/600d8b5520228e7a8e199238_facebook-logo.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 13px;
  border: 1px solid #0000;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 25px;
  height: 25px;
  margin-right: 5px;
  transition: background-color .2s cubic-bezier(.55, .085, .68, .53);
  display: flex;
}

.facebook-icon-white:hover {
  background-color: #4267b2;
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/600d8b5520228e7a8e199238_facebook-logo.svg");
  background-size: 13px;
  border-style: solid;
  border-color: #0000;
}

.row-6 {
  align-items: flex-start;
  width: 100%;
  min-width: auto;
  padding-top: 20px;
  display: flex;
}

.div-block-28 {
  background-color: var(--black-2);
  justify-content: center;
  align-items: center;
  width: 100vw;
  min-width: auto;
  max-width: none;
  padding: 100px;
  display: flex;
  position: static;
  inset: auto 0% 0%;
}

.column-15 {
  border-left: 5px solid #0000;
  border-right: 1px #f0f0f0;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: -20px;
  padding-left: 20px;
  display: flex;
}

.instagram-white-icon {
  background-color: #0000;
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/600d8b5520228e118719922d_instagram-symbol.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 13px;
  border: 1px solid #0000;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 25px;
  height: 25px;
  margin-right: 5px;
  transition: background-color .2s cubic-bezier(.55, .085, .68, .53);
  display: flex;
}

.instagram-white-icon:hover {
  background-color: #2d2d2d;
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/600d8b5520228e118719922d_instagram-symbol.svg");
  background-size: 13px;
  border-style: solid;
  border-color: #0000;
}

.brand-5 {
  padding-top: 10px;
  padding-left: 30px;
}

.brand-5.footer {
  background-color: #0000;
  border-top-style: none;
  border-top-width: 0;
  align-items: flex-start;
  width: auto;
  margin-top: 0;
  margin-bottom: 40px;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
}

.link-block-10 {
  height: 100%;
  margin-right: 0;
  padding-bottom: 0;
}

.text-footer-white {
  color: #fff;
  margin-top: 0;
  padding-left: 3px;
  font-family: Verdana, Geneva, sans-serif;
  font-size: 11px;
}

.title-footer-white {
  color: #fff;
  text-transform: uppercase;
  padding-top: 4px;
  padding-bottom: 8px;
  font-family: Lato, sans-serif;
  font-size: 14px;
  font-weight: 700;
}

.footer-link-block {
  text-decoration: none;
  display: inline;
}

.footer-link-block:hover {
  text-decoration: none;
}

.column-16 {
  border-left: 5px solid #0000;
}

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

.div-block-279.icon1.laundry {
  padding-left: 10px;
}

.title-card-styler {
  color: #191919;
  text-transform: uppercase;
  margin-bottom: 5px;
  margin-left: 0;
  font-family: Lato, sans-serif;
  font-size: 14px;
  font-weight: 700;
}

.image-85 {
  color: var(--black);
  background-color: #0000;
  margin-bottom: 15px;
}

.title-styler-card-wrapper {
  justify-content: center;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  padding-right: 5px;
  display: flex;
  position: static;
}

.style-cards {
  background-color: var(--white);
  color: #96bf4e;
  border: 1px #fff;
  border-radius: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 33.33%;
  height: auto;
  min-height: 300px;
  margin-left: 0;
  margin-right: 20px;
  padding: 40px;
  text-decoration: none;
  display: flex;
  transform: rotate(0);
  box-shadow: 4px 4px 5px #0000004f;
}

.subheader-paragraph {
  z-index: 1;
  color: #333;
  margin-bottom: 20px;
  font-size: 20px;
  font-weight: 300;
  line-height: 30px;
  position: relative;
}

.subheader-paragraph.white {
  border-left: 1px solid var(--goldenrod);
  color: var(--black);
  text-align: left;
  padding-left: 10px;
  font-family: Lato, sans-serif;
  font-size: 18px;
}

.style-wrapper-row {
  justify-content: center;
  align-items: center;
  max-width: 1400px;
  margin-top: 0;
  margin-bottom: 20px;
  display: flex;
}

.main-features {
  background-color: #f4f4f4;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  padding: 100px 60px;
  display: flex;
}

.casestudies {
  padding-top: 40px;
  padding-bottom: 40px;
}

.block-quote {
  color: var(--goldenrod);
  letter-spacing: 2px;
  font-family: Signika, sans-serif;
  font-size: 35px;
  font-weight: 500;
  line-height: 49px;
}

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

.image-86 {
  margin-bottom: 100px;
}

.image-87 {
  width: 940px;
  height: auto;
}

.body {
  padding-left: 0;
  padding-right: 0;
}

.image-89 {
  width: 940px;
}

.image-90 {
  border-radius: 20px;
  width: 70%;
  margin-left: 20px;
}

.image-90.waro {
  width: 100%;
  margin-left: 20px;
}

.image-90.waro.hide {
  display: block;
}

.heading-24 {
  letter-spacing: 2px;
  margin-bottom: 20px;
  font-family: Signika, sans-serif;
  font-size: 30px;
  font-weight: 700;
  line-height: 40px;
  position: static;
}

.grid-4 {
  grid-column-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: .5fr .75fr;
}

.grid-4.rightalign {
  grid-template-columns: 1.25fr 1.25fr;
}

.div-block-280 {
  flex-direction: column;
  padding: 0 0 20px 60px;
  display: flex;
}

.div-block-281 {
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  padding-left: 0;
  display: flex;
}

.div-block-282 {
  width: 50%;
  display: flex;
}

.div-block-284.unique {
  padding-left: 60px;
}

.section-25 {
  padding-top: 0;
}

.home1-deco-part-2 {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/600d8b5520228e4e731991fa_Cocozilla3.jpg");
  background-position: 50%;
  background-size: contain;
  background-attachment: fixed;
  height: 360px;
}

.home1-deco-part-2.fm {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/600d8b5520228e5cbb199293_Screen%20Shot%202020-01-22%20at%2012.52.10.png");
  background-position: 50%;
  background-repeat: repeat-x;
  background-size: cover;
}

.home1-deco-part-2.cookedlilthing {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/600d8b5520228e88c41992ac_Little%20Coyotes.png");
  background-position: 50%;
  background-size: cover;
  display: block;
}

.home1-deco-part-2.shdeco {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/600d8b5520228e7b7f1992a0_72131104_406292346700242_7474089345331232768_o.jpg");
  background-position: 50%;
  background-size: cover;
}

.home1-deco-part-2.oooos {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/600d8b5520228e47641992b3_B%26W_ArrowLogo.png");
  background-position: 50%;
  background-size: auto;
}

.home1-deco-part-2.ttet {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/600d8b5520228e2b24199292_84621343_198028564923391_4493045930651549696_o.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  background-attachment: fixed;
  display: none;
}

.home1-deco-part-2.nh {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/63d02f2b0b9080a078aa0c1d_NHBannerOptimised.png"), url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/63d039a550677aad617e3bfe_NHcover.png");
  background-position: 50%, 50%;
  background-size: cover, cover;
  background-attachment: fixed, fixed;
}

.home1-deco-part-2.tp {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/64ff59493b5f462509ae4552_KotS_Fullscreen.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.home1-deco-part-2.tp.teeam {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/6405f64e14eaeb6cafcb5b7a_4final_TeamPlannerFullMockup.png");
}

.section-26 {
  flex-direction: column;
  flex: 1;
  align-items: center;
  margin-top: 0;
  padding-left: 36px;
  padding-right: 36px;
  display: none;
}

.content17-author-pic {
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 50% 0;
  background-size: cover;
  flex: none;
  width: 100px;
  height: 100px;
  margin-bottom: 26px;
}

.content17-author-pic.content17-image2 {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/600d8b5520228e3b4a19929b_Screen%20Shot%202020-01-15%20at%2021.45.13.png");
  background-position: 0 0;
  background-size: cover;
  width: 200px;
  height: 200px;
}

.content17-author-pic.content17-image2.holly {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/600d8b5520228e7e121992a2_IMG_1340.JPG");
  background-position: 50%;
  background-size: cover;
  border-radius: 12px;
}

.div-block-285 {
  margin-left: 100px;
}

.div-block-285._2 {
  margin-left: 40px;
  margin-right: 40px;
}

.francisdiv1 {
  object-fit: fill;
  background-color: #fbb90bf0;
  width: 100%;
  height: 500px;
  margin-left: 0;
  padding-left: 100px;
  padding-right: 100px;
  text-decoration: none;
  display: block;
}

.francisdiv1.highlight1 {
  background-color: #fbb90be6;
  display: block;
}

.yodadiv1 {
  background-color: #fbb90bf0;
  width: 100%;
  height: 500px;
  margin-left: 0;
  padding-left: 100px;
  padding-right: 100px;
  text-decoration: none;
  display: block;
}

.yodadiv1.highlight1 {
  background-color: #fbb90be6;
  display: block;
}

.scrollersection {
  background-color: var(--white);
  flex-direction: column;
  width: 100vw;
  height: 180vh;
  display: none;
  position: relative;
  overflow: hidden;
}

.div-block-287 {
  flex-direction: column;
  width: 100vw;
  height: 262.5px;
  padding-top: 100px;
  padding-left: 100px;
  display: block;
  position: sticky;
  top: 0;
}

.arrow1 {
  width: 350px;
  height: 200px;
  margin-right: 300px;
  padding-right: 0;
}

.cocodiv1 {
  background-color: #fbb90bf0;
  width: 100%;
  height: 500px;
  margin-left: 0;
  padding-left: 100px;
  padding-right: 100px;
  text-decoration: none;
  display: block;
}

.cocodiv1.highlight1 {
  background-color: #fbb90be6;
  display: block;
}

.area52div1 {
  background-color: #fbb90bf0;
  width: 100%;
  height: 500px;
  margin-left: 0;
  padding-left: 100px;
  padding-right: 100px;
  text-decoration: none;
  display: block;
}

.area52div1.highlight1 {
  background-color: #fbb90be6;
  display: block;
}

.hughrdiv1 {
  background-color: #fbb90bf0;
  width: 100%;
  height: 500px;
  margin-left: 0;
  padding-left: 100px;
  padding-right: 100px;
  text-decoration: none;
  display: block;
}

.hughrdiv1.highlight1 {
  background-color: #fbb90be6;
  display: block;
}

.cocktailsdiv1 {
  background-color: #fbb90bf0;
  width: 100%;
  height: 500px;
  margin-left: 0;
  padding-left: 100px;
  padding-right: 100px;
  text-decoration: none;
  display: block;
}

.cocktailsdiv1.highlight1 {
  background-color: #fbb90be6;
  display: block;
}

.contactdiv1 {
  padding: 100px 20px 60px;
  position: relative;
  top: 43px;
}

.link-3 {
  color: var(--white);
  text-decoration: none;
}

.services1 {
  color: var(--white);
  font-family: Lato, sans-serif;
  line-height: 38px;
  text-decoration: none;
}

.paragraph-71 {
  text-align: center;
  font-family: Verdana, Geneva, sans-serif;
  font-size: 12px;
}

.navbar {
  background-color: #0000;
  transition: flex-shrink .15s;
  display: none;
}

.navbar.mainpage {
  background-color: #f7ad02;
  padding-top: 20px;
  padding-bottom: 20px;
  display: block;
}

.nav-menu {
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
  margin-top: 20px;
  margin-left: 179px;
  margin-right: 179px;
  display: flex;
  position: static;
  inset: 0% 0% auto;
}

.navstyle {
  color: #fff;
  letter-spacing: 3px;
  text-transform: uppercase;
  margin-left: 10px;
  margin-right: 10px;
  font-family: Lato, sans-serif;
  font-size: 16px;
}

.image-2 {
  max-width: 40%;
  margin-left: 25px;
  margin-right: 25px;
}

.section-27 {
  width: 100vw;
  height: 100px;
}

.section-28 {
  height: 100px;
  padding-top: 20px;
  display: none;
  position: fixed;
  inset: 0% 0% auto;
}

.safehouse {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/600d8b5520228e7aea1992a3_IMG_2974.jpg");
  background-position: 0%;
  background-size: cover;
  width: 100vw;
  height: 100vh;
  display: block;
}

.div-block-288 {
  z-index: 2;
  align-items: center;
  width: 100vw;
  height: 100vh;
  padding-left: 0%;
  display: none;
  position: relative;
}

.heading-25 {
  color: var(--white);
  letter-spacing: normal;
  max-width: 50vw;
  margin-top: 10px;
  margin-bottom: 40px;
  font-family: Lato, sans-serif;
  font-size: 1.2em;
  line-height: 1.3em;
}

.heading-25.nav {
  color: var(--white);
  letter-spacing: 1px;
  max-width: none;
  margin-bottom: 0;
  font-size: 16px;
  text-decoration: none;
}

.heading-25.nav2 {
  color: var(--white);
  text-align: left;
  margin-bottom: 10px;
  font-family: Varela Round, sans-serif;
  font-size: 12px;
  line-height: 16px;
}

.heading-25.nav2.black {
  border-left: 2px solid var(--goldenrod);
  color: var(--black-2);
  margin-bottom: 40px;
  padding-left: 10px;
  font-size: .8em;
  line-height: 1.7em;
}

.heading-25.black {
  border-left: 3px solid var(--goldenrod);
  color: var(--black-2);
  padding-left: 20px;
  line-height: 1.5em;
}

.button-3 {
  border: 1px solid var(--white);
  background-color: #0000;
  border-radius: 20px;
  padding-left: 40px;
  padding-right: 40px;
}

.left-navigation {
  background-color: var(--light-sea-green);
  width: 35%;
  height: 100%;
  margin-bottom: 10px;
  padding-bottom: 60px;
  display: block;
  position: fixed;
  inset: 0% 0% 0% auto;
}

.logo-link-2 {
  float: none;
  text-align: center;
  justify-content: center;
  margin-top: 40px;
  margin-bottom: 0;
  display: flex;
}

.logo-link-2.w--current {
  display: flex;
}

.brand-text {
  color: #cf404d;
  letter-spacing: 1px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 30px;
  font-weight: 400;
  line-height: 25px;
}

.nav-menu-2 {
  float: none;
}

.nav-link {
  color: #fff;
  text-align: center;
  letter-spacing: 2px;
  text-transform: uppercase;
  padding: 20px 0;
  font-family: Lato, sans-serif;
  font-size: 15px;
  display: block;
}

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

.social-footer {
  text-align: center;
  margin-bottom: 60px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.social-icon-link {
  opacity: .66;
  padding: 3px;
  transition: opacity .3s;
}

.social-icon-link:hover {
  opacity: 1;
}

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

.image-91 {
  margin-bottom: 25px;
}

.hollow-button {
  color: #1db0fc;
  border: 2px solid #1db0fc;
  border-radius: 4px;
  margin-left: 5px;
  margin-right: 5px;
  padding: 11px 20px;
  line-height: 21px;
  text-decoration: none;
  transition: background-color .3s, border .3s, color .3s;
  display: inline-block;
}

.hollow-button:hover {
  color: #000;
  border-color: #000;
}

.hollow-button.white {
  color: #fff;
  letter-spacing: 2px;
  background-color: #0000;
  border-color: #fff;
  border-radius: 11px;
  margin-top: 30px;
  padding: 20px;
  font-family: Lato, sans-serif;
  font-size: 20px;
  font-weight: 700;
}

.hollow-button.white:hover {
  color: #fff;
  background-color: #2d3e4f;
  border-color: #2d3e4f;
}

.hollow-button.white.seagreen {
  border-color: var(--light-sea-green);
  color: var(--white);
  margin-top: 10px;
  padding: 10px 40px;
  font-size: 12px;
}

.hollow-button.white.seagreen {
  border-color: var(--white);
  color: #fff;
  background-color: #0000;
  margin-top: 10px;
  padding: 10px 20px;
  font-size: 12px;
}

.hollow-button.white.seagreen:hover {
  border-color: var(--black);
}

.hollow-button.white.small-blog {
  border-color: var(--light-sea-green);
  background-color: var(--light-sea-green);
  color: #fff;
  margin-top: 40px;
  margin-left: 0;
  padding: 10px 40px;
  font-size: 12px;
}

.francismalcolm {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/600d8b5520228e41bb19928d_FrancisMalcolm_BusinessCards_B.jpg"), url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/600d8b5520228e5cbb199293_Screen%20Shot%202020-01-22%20at%2012.52.10.png");
  background-position: 0 0, 0 0;
  background-size: auto, cover;
  width: 100vw;
  height: 100vh;
  display: block;
}

.cooked {
  background-color: #0000;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: none;
  position: relative;
}

.link-block-11 {
  order: 0;
  justify-content: center;
  margin-top: 40px;
  margin-right: 0;
  display: flex;
}

.heading-26 {
  font-size: 25px;
  line-height: 35px;
}

.heading-27 {
  text-transform: uppercase;
  font-size: 20px;
}

.yoda {
  background-image: linear-gradient(#1c96a3a3, #1c96a3a3), url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/600d8b5520228e2e421992be_pexels-cdc-3992949.jpg");
  background-position: 0 0, 0 0;
  background-size: auto, cover;
  width: 100vw;
  height: 100vh;
  display: block;
}

.div-block-289 {
  flex-direction: column;
  align-items: center;
  margin-top: 140px;
  margin-bottom: 20px;
  padding-left: 0;
  display: flex;
}

.section-5 {
  background-color: #292929;
  height: 70px;
  margin-top: -476px;
  display: block;
  position: fixed;
  inset: auto 0% 0%;
  overflow: visible;
}

.container-349 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-575 {
  max-width: 25%;
  padding-left: 0;
}

.image-92 {
  max-width: 90%;
}

.heading-30 {
  color: #fff;
  letter-spacing: 1px;
  margin-left: 100px;
  font-size: 16px;
}

.text-span-10 {
  color: #f7ad02;
}

.div-block-564 {
  flex-direction: column;
  align-items: center;
  width: 100%;
  display: flex;
}

.text-block-12 {
  color: #fff;
  text-align: center;
  letter-spacing: .8px;
  margin-top: 20px;
  padding-bottom: 10px;
  padding-left: 60px;
  padding-right: 60px;
  font-family: Lato, sans-serif;
  font-size: 16px;
  line-height: 28px;
}

.herosection {
  background-color: #0000;
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/600d8b5520228e91b7199296_AAAA.png");
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  width: 100vw;
  height: 80vh;
  margin-top: -81px;
}

.text-block-13 {
  color: #292929;
  text-transform: none;
  padding: 5px 20px;
  font-family: Trebuchet MS, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Tahoma, sans-serif;
  font-size: 12px;
  transition: color .2s;
}

.return-portfolio {
  color: #f7ad02;
  letter-spacing: 2px;
  text-transform: uppercase;
  background-color: #323232;
  border: 2px solid #0000;
  border-radius: 40px;
  margin-top: 60px;
  padding: 10px 40px;
  font-size: 12px;
  line-height: 20px;
  text-decoration: none;
  transition: background-color .4s, opacity .4s, color .4s;
}

.return-portfolio:hover {
  color: #f7ad02;
  background-color: #fff;
  border-color: #f7ad02;
}

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

.return-portfolio.home {
  background-color: #e7e7e7;
  border-color: #0000;
  margin-top: 20px;
}

.return-portfolio.home:hover {
  color: #f7ad02;
  background-color: #fff;
}

.return-portfolio.portfoio {
  background-color: #e7e7e7;
  border: 2px solid #0000;
  margin-top: 40px;
}

.return-portfolio.portfoio:hover {
  background-color: #fff;
  border-color: #f7ad02;
}

.div-block-30 {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/600d8b5520228e91b7199296_AAAA.png");
  background-position: 50% 100%;
  background-size: cover;
  width: 100%;
  height: 80%;
  display: none;
  position: absolute;
  inset: -2px 0% 0%;
}

.heading-31 {
  color: #fff;
  text-align: center;
  letter-spacing: 1px;
  margin-top: 100px;
  font-family: Trebuchet MS, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Tahoma, sans-serif;
  font-size: 40px;
}

.image-93 {
  border-radius: 20px;
  margin-top: 20px;
  margin-bottom: 20px;
  display: block;
}

.cocozilla {
  background-image: linear-gradient(#1b1019bd, #1b1019bd), url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/600d8b5520228e5c64199215_Cocozilla5.jpg");
  background-position: 0 0, 0 0;
  background-size: auto, cover;
  width: 100vw;
  height: 100vh;
  display: block;
}

.image-94 {
  margin-top: 20px;
  margin-bottom: 58px;
}

.image-95 {
  margin-bottom: 60px;
}

.wdw {
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 0 0;
  background-size: auto;
}

.hugh-rice {
  background-color: #242424d6;
  background-image: linear-gradient(#00000082, #00000082), url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/600d8b5520228e775f1992c2_wwww4.png");
  background-position: 0 0, 100%;
  background-size: auto, cover;
  display: block;
}

.text-span-11, .text-span-12, .text-span-13 {
  color: var(--light-sea-green);
}

.extrainfo {
  background-color: var(--white);
  padding-top: 20px;
}

.div-block-576 {
  flex-direction: column;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
}

.navigation-main {
  background-color: #fffffff2;
  width: 100vw;
  height: 100vh;
  display: block;
  position: fixed;
  inset: 0% auto 0% 0%;
}

.div-block-577 {
  align-items: center;
  width: 100vw;
  height: 100vh;
  margin-left: 0;
  padding-left: 100px;
  display: flex;
  position: fixed;
}

.div-block-577.nav {
  background-color: var(--black-2);
  border-radius: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding-top: 0;
  padding-left: 100px;
  padding-right: 0;
  display: flex;
  position: sticky;
  inset: 0% auto 0% 0%;
}

.div-block-578 {
  flex-direction: column;
  align-items: flex-start;
  max-width: 100%;
  margin-top: 0;
  display: flex;
}

.bold-text-4 {
  color: var(--light-sea-green);
  letter-spacing: 1px;
  font-size: 16px;
}

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

.div-block-579._1 {
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  max-width: 50%;
  margin-top: 10px;
  display: block;
}

.link-4 {
  color: var(--white);
  text-decoration: none;
}

.link-5 {
  color: var(--light-sea-green);
  text-decoration: none;
}

.link-6 {
  color: var(--white);
  text-decoration: none;
}

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

.bold-text-5, .bold-text-6 {
  color: var(--light-sea-green);
}

.column-17 {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.div-block-582 {
  justify-content: space-between;
  align-items: center;
  padding-left: 5%;
  padding-right: 5%;
  display: flex;
}

.content-wrapper {
  max-width: 1200px;
  margin-left: 400px;
  padding: 50px;
}

.white-bg-heading {
  background-color: #fff;
  border-radius: 5px;
  margin-bottom: 40px;
  padding: 11px;
  box-shadow: 0 0 0 1px #0000000f;
}

.columns {
  margin-left: 60px;
  margin-right: 60px;
  display: flex;
}

.picturedivblog {
  background-color: var(--goldenrod);
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/600d8b5520228e3acd199287_118100744_612179979674427_8360618765185686746_n.png");
  background-position: 0 0;
  background-size: cover;
  border-radius: 10px;
  width: 300px;
  height: 300px;
  box-shadow: 0 4px 13px -4px #000;
}

.picturedivblog._3 {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/600d8b5520228e865f1992a7_Untitled-3.jpg");
}

.picturedivblog.change2 {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/6169590c2f885404314056d2_Screen%20Shot%202020-01-22%20at%2010.48.50.png");
}

.picturedivblog.change2.change3 {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/600d8b5520228ece8b19927b_122828444_373866220727676_6651690321509274928_o.jpg");
}

.picturedivblog.change4 {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/600d8b5520228e80f9199283_Screen%20Shot%202020-12-03%20at%2013.01.16.png");
}

.picturedivblog.change5 {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/600d8b5520228e1392199278_Screen%20Shot%202020-12-01%20at%2017.20.55.png");
}

.picturedivblog.change6 {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/600d8b5520228e8152199228_avatars-000687251235-lk6wz4-original.jpg");
}

.section-29 {
  padding-top: 100px;
  padding-bottom: 100px;
}

.b1 {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/600d8b5520228ece8b19927b_122828444_373866220727676_6651690321509274928_o.jpg");
  background-position: 0 0;
  background-size: cover;
  border-radius: 17px;
  width: 100%;
  height: 300px;
  box-shadow: 0 4px 16px -7px #000;
}

.b1:hover {
  transform: translate(10px)scale(1.1);
}

.b1._2 {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/600d8b5520228e1392199278_Screen%20Shot%202020-12-01%20at%2017.20.55.png");
  height: 300px;
  box-shadow: 0 4px 16px -4px #000;
}

.b1.lonelyarts {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/600d8b5520228e8152199228_avatars-000687251235-lk6wz4-original.jpg");
  background-position: 50%;
  background-size: cover;
  height: 300px;
}

.b1.jakemachen {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/600d8b5520228e5bb1199281_Screen%20Shot%202020-12-03%20at%2013.02.26.png");
  background-position: 50%;
  height: 300px;
  box-shadow: 0 6px 14px -7px #000;
}

.div-block-584 {
  margin-top: 20px;
}

.column-18, .column-19, .column-20 {
  padding-left: 20px;
  padding-right: 20px;
}

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

.div-block-585:hover {
  border-radius: 20px;
}

.slider1 {
  width: 100vw;
  height: 100vh;
  display: none;
}

.slider {
  width: 100vw;
  height: 100vh;
}

.slide {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/600d8b5520228ea5301992c3_pexels-fotografierende-3278767.jpg");
  background-position: 0 0;
  background-size: auto;
}

.slide-2 {
  background-color: #0000;
  background-image: linear-gradient(#63bbb478, #63bbb478), url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/600d8b5520228e2e421992be_pexels-cdc-3992949.jpg");
  background-position: 0 0, 50%;
  background-size: auto, auto;
}

.slide-3 {
  background-image: linear-gradient(#000000a8, #000000a8), url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/600d8b5520228e775f1992c2_wwww4.png");
  background-position: 0 0, 50%;
  background-size: auto, auto;
}

.div-block-586 {
  width: 100vw;
  height: 100vh;
  display: none;
  position: sticky;
  inset: 0%;
}

.section-30 {
  z-index: 3;
  object-fit: fill;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 100vw;
  height: 204vh;
  display: none;
  position: relative;
  overflow: hidden;
}

.body-2 {
  background-color: #0000;
  display: block;
}

.div-block-587 {
  z-index: 10;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  width: 50px;
  height: 100vh;
  display: flex;
  position: fixed;
  inset: 0% 0% 0% auto;
}

.div-block-588 {
  background-color: var(--light-sea-green);
  color: var(--white);
  width: 50px;
  height: 20px;
}

.div-block-589 {
  z-index: 2;
  background-image: linear-gradient(#63bbb494, #63bbb494), url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/600d8b5520228e2e421992be_pexels-cdc-3992949.jpg");
  background-position: 0 0, 50%;
  background-size: auto, auto;
  justify-content: center;
  width: 100vw;
  height: 100vh;
  display: block;
  position: relative;
}

.divbuttonmove1 {
  background-color: var(--light-sea-green);
  color: var(--white);
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/600d8b5520228e3eda1992c4_Fullshape.png");
  background-position: 50%;
  background-size: contain;
  border-radius: 20px;
  width: 80px;
  height: 80px;
  margin-bottom: 20px;
  padding-top: 0;
  padding-bottom: 0;
}

.divbutton1-copy, .divbutton1-copy-copy, .divbutton3 {
  background-color: var(--light-sea-green);
  color: var(--white);
  width: 50px;
  height: 20px;
}

.divbuttonmove2 {
  background-color: var(--light-sea-green);
  color: var(--white);
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/600d8b5520228e95551992c0_5f47dd882e5b40e59b2fa16f_Yodawhiteicon.png");
  background-position: 50%;
  background-size: contain;
  border-radius: 20px;
  width: 80px;
  height: 80px;
}

.intro-header-copy {
  color: #fff;
  background-color: #f4f4f4;
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/600d8b5520228e8152199228_avatars-000687251235-lk6wz4-original.jpg"), url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/600d8b5520228e5f6b1991fb_portfolio%202%20-%20wide.svg");
  background-position: 50%, 0 0;
  background-size: contain, cover;
  justify-content: center;
  align-items: center;
  height: 620px;
  margin-bottom: 100px;
  display: flex;
}

.intro-header-copy._2 {
  background-color: var(--goldenrod);
  background-image: none;
  width: 100vw;
  height: 100vh;
  margin-top: 0;
  margin-bottom: 0;
  display: none;
  position: sticky;
}

.intro-header-copy._2.minheader {
  color: var(--white);
  background-image: linear-gradient(#63bbb4a3, #63bbb4a3), url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/600d8b5520228ea5301992c3_pexels-fotografierende-3278767.jpg");
  background-position: 0 0, 50%;
  background-size: auto, cover;
  height: 40vh;
}

.intro-header-copy.mm {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/600d8b5520228e4f35199280_Screen%20Shot%202020-12-01%20at%2017.13.20.png");
  background-position: 0 0;
  background-size: auto;
}

.intro-header-copy.illustration {
  background-image: linear-gradient(to bottom, var(--goldenrod) 4%, transparent), url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/600d8b5520228e77a0199245_118121994_340838330432652_7745819615344028064_n.jpg"), url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/600d8b5520228e5f6b1991fb_portfolio%202%20-%20wide.svg");
  background-position: 0 0, 100%, 0 0;
  background-size: auto, auto, cover;
  height: 500px;
}

.intro-header-copy.illustration.print {
  background-image: linear-gradient(to bottom, var(--goldenrod) 4%, transparent), url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/600d8b5520228ea0e719929a_Untitled-112.jpg"), url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/600d8b5520228e7bdf199282_Presentation.jpg");
  background-position: 0 0, 50%, 0 0;
  background-size: auto, cover, cover;
}

.intro-header-copy.illustration.socialmedia {
  background-image: linear-gradient(#191919 4%, #0000), linear-gradient(#191919cf, #191919cf), url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/600d8b5520228e5c64199215_Cocozilla5.jpg");
  background-position: 0 0, 0 0, 50% 100%;
  background-size: auto, auto, cover;
  background-attachment: scroll, scroll, fixed;
  margin-bottom: 0;
}

.intro-header-copy.illustration.socialmedia.illustra {
  background-image: linear-gradient(#191919 4%, #0000), linear-gradient(#0000, #0000), url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/600d8b5520228e77a0199245_118121994_340838330432652_7745819615344028064_n.jpg");
  background-position: 0 0, 0 0, 100%;
  background-size: auto, auto, auto;
  background-attachment: scroll, scroll, fixed;
}

.intro-header-copy.illustration.socialmedia.print {
  background-image: linear-gradient(#191919 4%, #0000), url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/600d8b5520228e7bdf199282_Presentation.jpg");
  background-size: auto, contain;
  background-attachment: scroll, fixed;
}

.intro-header-copy.illustration.socialmedia.animation {
  background-image: linear-gradient(#191919 4%, #0000), linear-gradient(#191919cf, #191919cf);
  background-position: 0 0, 0 0;
  background-size: auto, auto;
  background-attachment: scroll, scroll;
}

.intro-header-copy.illustration.socialmedia.design {
  background-image: linear-gradient(#191919 4%, #0000), linear-gradient(#0000, #0000), url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/600d8b5520228e7bdf199282_Presentation.jpg");
  background-attachment: scroll, scroll, fixed;
}

.intro-header-copy.motiongraphics {
  background-image: linear-gradient(to bottom, var(--goldenrod), transparent), url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/600d8b5520228e80d419928a_IntroScreen_GIF.gif"), url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/600d8b5520228e5f6b1991fb_portfolio%202%20-%20wide.svg");
  background-position: 0 0, 0 0, 0 0;
  background-size: auto, auto, cover;
}

.yodahespage1 {
  z-index: 2;
  background-image: linear-gradient(#63bbb494, #63bbb494), url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/600d8b5520228e2e421992be_pexels-cdc-3992949.jpg");
  background-position: 0 0, 50%;
  background-size: auto, auto;
  justify-content: center;
  width: 100vw;
  height: 100vh;
  display: block;
  position: fixed;
  inset: 0% 0% auto;
}

.hughricepage1 {
  z-index: 2;
  background-image: linear-gradient(#00000063, #00000063), url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/600d8b5520228e775f1992c2_wwww4.png");
  background-position: 0 0, 50%;
  background-size: auto, auto;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-left: 0;
  display: block;
  position: fixed;
  inset: 0% 0% auto;
}

.divbuttonmove3 {
  background-color: var(--light-sea-green);
  color: var(--white);
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/600d8b5520228ef77e199250_download%20(4).png");
  background-position: 50%;
  background-size: contain;
  border-radius: 19px;
  width: 80px;
  height: 80px;
  margin-top: 20px;
  margin-bottom: 0;
}

.buttonbardive1 {
  z-index: 10;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  width: 100px;
  height: 80vh;
  display: none;
  position: fixed;
  inset: 0% 0% auto auto;
}

.fmpage1 {
  z-index: 2;
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/600d8b5520228e3a5c1992aa_cards.jpg"), url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/600d8b5520228e5cbb199293_Screen%20Shot%202020-01-22%20at%2012.52.10.png");
  background-position: 50%, 50%;
  background-repeat: repeat, repeat;
  background-size: auto, auto;
  flex-direction: row;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-left: 5%;
  display: block;
  position: fixed;
  inset: 0% 0% auto;
}

.divbuttonmove4 {
  background-color: var(--light-sea-green);
  color: var(--white);
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/600d8b5520228e0ca71991f8_FM.jpg");
  background-position: 50%;
  background-size: contain;
  border-radius: 20px;
  width: 80px;
  height: 80px;
  margin-top: 20px;
  margin-bottom: 0;
}

.div-block-590 {
  z-index: 3;
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/600d8b5520228ea5301992c3_pexels-fotografierende-3278767.jpg");
  background-position: 50%;
  background-size: auto;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 204%;
  display: flex;
  position: relative;
  inset: auto 0% 0%;
  overflow: visible;
}

.section-31 {
  position: relative;
}

.div-block-591 {
  justify-content: center;
  align-items: center;
  width: 200px;
  height: 200px;
  display: flex;
}

.container-350 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.heading-32 {
  font-size: 82px;
}

.heading-33 {
  font-size: 80px;
}

.panel {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 140vh;
  display: flex;
  position: static;
}

.panel._1 {
  background-color: var(--goldenrod);
  background-image: linear-gradient(#fbb90b, #fbb90b), url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/600d8b5520228e1018199214_ezgif-4-aa3a03e07e1b.gif");
  background-position: 0 0, 0 0;
  background-size: auto, auto;
  flex-direction: column;
  justify-content: center;
  width: 100vw;
  height: 100vh;
  padding-right: 0;
  display: flex;
  position: relative;
  inset: auto 0% 0%;
  overflow: hidden;
}

.panel._2 {
  z-index: 2;
  background-image: linear-gradient(#000000c2, #000000c2), url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/60a27418f274d8e267e911b9_HR-Behance-2.png");
  background-position: 0 0, 0%;
  background-repeat: repeat, repeat-y;
  background-size: auto, auto;
  background-attachment: scroll, fixed;
  height: 100vh;
  padding-left: 5%;
  position: static;
}

.panel._3 {
  background-image: linear-gradient(#0009, #0009), url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/60338311e813d9804b87d5d4_2.png");
  background-position: 0 0, 50% 0;
  background-size: auto, cover;
  background-attachment: scroll, fixed;
  flex-direction: column;
  align-items: flex-start;
  width: 100vw;
  height: 100vh;
  padding-left: 5%;
  display: flex;
}

.panel._4 {
  background-image: linear-gradient(#00000080, #00000080), url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/600d8b5520228e5c64199215_Cocozilla5.jpg");
  background-position: 0 0, 0 0;
  background-size: auto, auto;
}

.panel._6 {
  background-color: #f8a4a4;
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/600d8b5520228e7aea1992a3_IMG_2974.jpg");
  background-position: 50%;
  background-size: cover;
  background-attachment: fixed;
  height: 100vh;
  padding-left: 5%;
}

.panel._5 {
  z-index: 2;
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/600d8b5520228e91b7199296_AAAA.png");
  background-position: 0%;
  background-size: cover;
  background-attachment: fixed;
  position: static;
}

.panel._5.hide {
  display: none;
}

.panel._7 {
  background-image: linear-gradient(#63bbb49e, #63bbb49e), url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/600d8b5520228e2e421992be_pexels-cdc-3992949.jpg");
  background-position: 0 0, 50%;
  background-size: auto, cover;
  background-attachment: scroll, fixed;
  height: 100vh;
  padding-left: 5%;
}

.panel.footer {
  background-color: #f4f4f4;
  flex-direction: column;
  width: 100vw;
  height: auto;
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 0;
  position: sticky;
  overflow: hidden;
}

.panel.cocozilla {
  background-image: linear-gradient(#0000007d, #0000007d), url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/600d8b5520228e5c64199215_Cocozilla5.jpg");
  background-attachment: scroll, fixed;
  height: 100vh;
}

.panel.mobile {
  display: none;
}

.panel.bottom-footer {
  height: auto;
}

.panel.portfolio {
  padding-left: 100px;
}

.panel.newportfolio {
  background-color: var(--goldenrod);
  flex-direction: row;
  justify-content: flex-start;
  height: 100vh;
  padding: 0;
  display: block;
  overflow: hidden;
}

.panel.introclient {
  color: #a39e9e;
  background-color: #f6f5f5;
  justify-content: center;
  height: 100vh;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 118px;
  padding-left: 40px;
  overflow: hidden;
}

.content {
  text-align: center;
  flex: 1;
}

.section-32 {
  background-color: #f4f4f4;
  width: 100vw;
  height: 100vh;
  overflow: hidden;
}

.contactdiv1-2 {
  padding: 80px 20px 90px;
}

.heading-34 {
  margin-bottom: 20px;
  font-family: Signika, sans-serif;
}

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

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

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

.paragraph-light-3 {
  opacity: .6;
  color: var(--black-2);
  border-left: 5px solid #fbb90b;
  margin-top: 0;
  padding-left: 20px;
  padding-right: 20px;
}

.services1-2 {
  color: #fff;
  font-family: Lato, sans-serif;
  font-size: 15px;
  line-height: 38px;
  text-decoration: none;
}

.small-paragraph-2 {
  color: #fff;
  align-self: auto;
  margin-right: 10px;
  padding-right: 60px;
  font-size: 13px;
  line-height: 22px;
}

.label-3 {
  opacity: .6;
  color: #fbb90b;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 20px;
  font-size: 12px;
  font-weight: 700;
  line-height: 18px;
  display: block;
  position: static;
}

.label-3.new {
  margin-top: 0;
}

.footer-links-white-3 {
  color: #fff;
  cursor: pointer;
  width: auto;
  padding-top: 6px;
  padding-bottom: 6px;
  font-family: Lato, sans-serif;
  font-size: 16px;
  font-weight: 400;
  transition: transform .1s cubic-bezier(.55, .085, .68, .53);
}

.footer-links-white-3:hover {
  color: #fbb90b;
  transform: translate(5px);
}

.social-wrapper-footer-white-2 {
  justify-content: flex-start;
  align-items: center;
  width: auto;
  height: auto;
  margin-top: 20px;
  margin-bottom: 0;
  display: flex;
  position: static;
}

.social-wrapper-footer-white-2.footerwrap {
  margin-top: 10px;
}

.section-33 {
  background-color: var(--black-2);
  padding-top: 100px;
  padding-bottom: 100px;
}

.div-block-592 {
  width: 100vw;
  padding: 100px;
}

.container-351 {
  background-color: var(--black-2);
}

.div-block-593 {
  background-color: var(--black-2);
  width: 100vw;
}

.heading3 {
  letter-spacing: 2px;
  margin-bottom: 20px;
  font-family: Signika, sans-serif;
  font-size: 35px;
}

.buttonbardive1-2 {
  z-index: 10;
  background-color: var(--black-2);
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  width: 400px;
  height: 100vh;
  display: flex;
  position: fixed;
  inset: 0% 0% auto auto;
}

.divbuttonmove1-2 {
  color: #fff;
  background-color: #63bbb4;
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/600d8b5520228e3eda1992c4_Fullshape.png");
  background-position: 50%;
  background-size: contain;
  border-radius: 20px;
  width: 80px;
  height: 80px;
  margin-bottom: 20px;
  padding-top: 0;
  padding-bottom: 0;
}

.divbuttonmove2-2 {
  color: #fff;
  background-color: #63bbb4;
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/600d8b5520228e95551992c0_5f47dd882e5b40e59b2fa16f_Yodawhiteicon.png");
  background-position: 50%;
  background-size: contain;
  border-radius: 20px;
  width: 80px;
  height: 80px;
}

.divbuttonmove3-2 {
  color: #fff;
  background-color: #63bbb4;
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/600d8b5520228ef77e199250_download%20(4).png");
  background-position: 50%;
  background-size: contain;
  border-radius: 19px;
  width: 80px;
  height: 80px;
  margin-top: 20px;
  margin-bottom: 0;
}

.divbuttonmove4-2 {
  color: #fff;
  background-color: #63bbb4;
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/600d8b5520228e0ca71991f8_FM.jpg");
  background-position: 50%;
  background-size: contain;
  border-radius: 20px;
  width: 80px;
  height: 80px;
  margin-top: 20px;
  margin-bottom: 0;
}

.buttonbardive1-3 {
  z-index: 10;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  width: 100px;
  height: 80vh;
  display: flex;
  position: fixed;
  inset: 0% 0% auto auto;
}

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

.heading-35 {
  color: #fff;
  letter-spacing: normal;
  max-width: none;
  margin-top: 10px;
  margin-bottom: 40px;
  font-family: Lato, sans-serif;
  font-size: 1.2em;
  line-height: 1.3em;
}

.heading-35.nav {
  color: #fff;
  letter-spacing: 1px;
  max-width: none;
  margin-bottom: 0;
  font-size: 16px;
  text-decoration: none;
}

.heading-35.nav2 {
  color: #fff;
  text-align: left;
  margin-top: 0;
  margin-bottom: 10px;
  font-family: Varela Round, sans-serif;
  font-size: 12px;
  line-height: 16px;
}

.bold-text-7 {
  color: #63bbb4;
  letter-spacing: 1px;
  font-size: 16px;
}

.bold-text-8 {
  color: #63bbb4;
}

.link-8 {
  color: #63bbb4;
  text-decoration: none;
}

.heading-jumbo-2 {
  color: #fff;
  letter-spacing: .05em;
  text-transform: none;
  margin-top: -60px;
  margin-bottom: 20px;
  font-family: Signika, sans-serif;
  font-size: 2em;
  font-weight: 500;
  line-height: 1.2em;
}

.heading-jumbo-2.navsmall {
  color: #fff;
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 30px;
}

.heading-jumbo-2.navsmall._2 {
  justify-content: flex-start;
  margin-top: 20px;
  margin-bottom: 20px;
  display: flex;
}

.left-navigation-2 {
  z-index: 20;
  background-color: #63bbb4;
  width: 35%;
  height: 100%;
  margin-bottom: 10px;
  padding-bottom: 60px;
  display: none;
  position: relative;
  inset: 0% 0% 0% auto;
}

.footer-links-white-4 {
  color: #fff;
  cursor: pointer;
  width: auto;
  margin-top: 3px;
  margin-bottom: 0;
  padding-top: 2px;
  padding-bottom: 6px;
  font-family: Lato, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 24px;
  transition: transform .1s cubic-bezier(.55, .085, .68, .53);
}

.footer-links-white-4:hover {
  color: #fbb90b;
  transform: translate(5px);
}

.footer-links-white-4.capsnav {
  letter-spacing: 2px;
  margin-top: 5px;
  text-decoration: none;
  display: block;
}

.footer-links-white-4.blue {
  color: #63bbb4;
  transition-property: none;
  display: none;
}

.section-34 {
  display: none;
}

.menu {
  z-index: 20;
  justify-content: flex-end;
  width: 100vw;
  display: block;
  position: relative;
}

.navbar-2 {
  background-color: #0000;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  padding-top: 20px;
  display: flex;
}

.section-35 {
  position: fixed;
  inset: 0% 0% auto;
}

.div-block-594 {
  max-width: 50vw;
}

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

.close {
  background-color: var(--light-sea-green);
  justify-content: flex-end;
  align-items: flex-start;
  width: 50px;
  height: 8%;
  margin-top: 10px;
  margin-right: 10px;
  display: block;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.background-video {
  object-fit: cover;
  width: 100vw;
  height: 100vh;
  display: none;
  position: static;
}

.div-block-596 {
  z-index: 0;
  background-color: var(--goldenrod);
  object-fit: fill;
  width: 100vw;
  height: 100vh;
  display: block;
  position: relative;
}

.nav {
  z-index: 20;
  width: 100%;
  display: block;
  position: relative;
  inset: 0% 0% auto;
}

.container-352 {
  display: block;
}

.blueheader {
  color: var(--light-sea-green);
  text-align: center;
  letter-spacing: 2px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Signika, sans-serif;
  font-size: 16px;
  text-decoration: none;
}

.section-36 {
  background-color: #000;
  justify-content: flex-end;
  align-items: center;
  width: 100vw;
  display: flex;
}

.footernewhome {
  background-color: var(--black);
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100vw;
  margin-top: 91px;
  margin-right: 0;
  padding-left: 60px;
  padding-right: 60px;
  display: flex;
  position: static;
  inset: 0% 0% auto;
}

.footernewhome.photo-version {
  background-color: #ececec;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 10px;
}

.footernewhome.newhome {
  border-top: 1px solid #fff;
  border-radius: 3px;
  margin-top: 0;
}

.text-block-18 {
  color: #646464;
  font-size: 10px;
  line-height: 14px;
  position: relative;
  top: auto;
  left: 0;
}

.text-block-18._9c {
  width: 100%;
  margin-top: 0;
}

.image-96 {
  opacity: 1;
  margin: 0 10px;
  padding: 5px;
}

.container-353 {
  background-color: #0000;
  width: 100vw;
  max-width: 1140px;
  height: auto;
  margin-bottom: 60px;
  margin-left: auto;
  margin-right: auto;
}

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

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

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

.paragraph-light-4 {
  opacity: .6;
  border-left: 5px solid #fbb90b;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 20px;
  padding-right: 20px;
  font-family: Lato, sans-serif;
  font-size: 1em;
  line-height: 1.5em;
}

.div-block-598, .div-block-599 {
  max-width: 40vw;
}

.div-block-600 {
  align-self: auto;
  max-width: 40vw;
  padding-left: 0;
}

.div-block-601 {
  max-width: 40vw;
}

.body-3 {
  background-color: var(--white);
}

.container-354 {
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  display: block;
}

.background-video-2 {
  border-radius: 20px;
  width: auto;
  height: 300px;
  overflow: hidden;
}

.div-block-602 {
  background-color: var(--black-2);
  align-items: center;
  width: 100vw;
  height: 50vw;
  padding: 100px;
  display: flex;
}

.div-block-603 {
  background-color: #efefef;
  flex-direction: column;
  align-items: center;
  width: 100vw;
  height: 100vh;
  padding-top: 60px;
  padding-bottom: 40px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.div-block-603.symbool {
  flex-direction: row;
  justify-content: center;
  padding-top: 0;
  padding-bottom: 0;
  display: none;
}

.team-pic-2 {
  color: #fff;
  background-color: #f4f4f4;
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/600d8b5520228e3ca6199209_Screen%20Shot%202020-12-01%20at%2012.08.02.png");
  background-position: 50%;
  background-size: cover;
  background-attachment: scroll;
  border-radius: 20px;
  width: 100%;
  height: 420px;
  margin-bottom: 40px;
  padding-top: 40px;
  padding-left: 40px;
  padding-right: 40px;
}

.team-pic-2.ady {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/606f3a348d72a7f2c8cea173_Screenshot%202021-04-08%20at%2018.15.21.png");
}

.team-pic-2.fran {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/600d8b5520228e17d6199299_129104535_2812116592366016_684445877754064296_n.jpg");
}

.team-pic-2.jessy {
  background-color: #0000;
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/606f3664e9d0f3288e5030aa_1617712533415.jpeg");
  background-position: 100%;
  background-size: cover;
}

.team-pic-2.veez {
  display: none;
}

.team-pic-2.adam {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/615c55853eabe17c3bab55ef_daisypi.png");
  background-position: 50% 100%;
  background-size: cover;
}

.team-pic-2.holly {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/615c57851e8e3d891105e436_holly.png");
  background-position: 50%;
  background-size: cover;
  background-attachment: scroll;
}

.team-pic-2.jenni {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/619cd6e2793d143802f51a30_255731786_4652061961522146_827474081245485335_n.jpeg");
}

.team-pic-2.emilie {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/619cd7f53fb6928a8ea3bff0_Screenshot%202021-11-23%20at%2012.00.41.png");
}

.team-pic-2.meecha {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/619cd81f29a28a4aa76bea2f_163546085_10226220914408763_4535590383484088111_n.jpeg"), url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/600d8b5520228e3ca6199209_Screen%20Shot%202020-12-01%20at%2012.08.02.png");
  background-position: 50%, 50%;
  background-size: cover, cover;
  background-attachment: scroll, scroll;
}

.team-2 {
  background-color: #fff;
  padding-left: 20px;
  padding-right: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.heading-36 {
  color: var(--black-2);
}

.container-355 {
  display: flex;
}

.menu-button-2 {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/600f02dd3b6b23d137190ceb_noun_menu_1890675.svg");
  background-position: 50%;
  background-size: contain;
  position: static;
  inset: 0% 0% auto auto;
}

.icon-2 {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/600f02dd3b6b23d137190ceb_noun_menu_1890675.svg");
  background-position: 50%;
  background-size: contain;
  width: 80px;
  height: 80px;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 0;
  padding-bottom: 0;
  padding-right: 0;
  display: flex;
}

.icon-3 {
  width: 80px;
  height: 80px;
}

.div-block-604 {
  justify-content: flex-end;
  width: 60px;
  height: 100vh;
  display: block;
  position: fixed;
  inset: 0% 0% 0% auto;
}

.sidebardiv1 {
  z-index: 10;
  background-color: #0000;
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/60115a747a7a2aa0a428217b_noun_menu_1890675.svg");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: auto;
  border-radius: 20px;
  width: 40px;
  height: 50px;
  margin-top: 20px;
  margin-right: 10px;
  display: flex;
  position: relative;
}

.sidebarmaindiv1 {
  z-index: 10;
  height: Infinity% ;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 60px;
  margin-top: 0;
  margin-right: 10px;
  display: flex;
  position: fixed;
  inset: 0% 0% 0% auto;
}

.div-block-605 {
  z-index: 10;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 90%;
  padding-right: 20px;
  display: flex;
  position: relative;
}

.div-block-606 {
  background-color: var(--black);
  border-radius: 50px;
  width: 20px;
  height: 20px;
}

.image-97 {
  width: 30px;
  height: 50px;
  max-height: 50px;
}

.image-97:active {
  transform: scale(1.2);
}

.link-block-12, .homelink {
  background-color: var(--black);
  border-radius: 50px;
  width: 20px;
  height: 20px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.homelink.style {
  width: 15px;
  height: 15px;
}

.homelink.style.w--current {
  background-color: var(--white);
  width: 15px;
  height: 15px;
  margin-top: 5px;
  margin-bottom: 5px;
}

.hughlink {
  background-color: var(--black);
  border-radius: 50px;
  width: 20px;
  height: 20px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.hughlink.style {
  background-color: var(--light-sea-green);
  width: 15px;
  height: 15px;
  margin-top: 5px;
  margin-bottom: 5px;
}

.link-block-12-copy {
  background-color: var(--black);
  border-radius: 50px;
  width: 20px;
  height: 20px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.fmlink, .yodalink {
  background-color: var(--white);
  border-radius: 50px;
  width: 15px;
  height: 15px;
  margin-top: 5px;
  margin-bottom: 5px;
}

.yodalink.w--current {
  background-color: var(--light-sea-green);
}

.cookedlink {
  background-color: var(--white);
  border: 1px solid #0000;
  border-radius: 50px;
  width: 15px;
  height: 15px;
  margin-top: 5px;
  margin-bottom: 5px;
  display: none;
}

.cookedlink.w--current {
  display: none;
}

.safelink {
  background-color: var(--light-sea-green);
  border-radius: 50px;
  width: 15px;
  height: 15px;
  margin-top: 5px;
  margin-bottom: 5px;
}

.cocolink {
  background-color: var(--white);
  border-radius: 50px;
  width: 15px;
  height: 15px;
  margin-top: 5px;
  margin-bottom: 5px;
}

.cocolink.hide {
  display: block;
}

.scrolllink {
  background-color: var(--white);
  color: var(--light-sea-green);
  border-radius: 50px;
  width: 15px;
  height: 15px;
  margin-top: 5px;
  margin-bottom: 5px;
}

.div-block-607 {
  background-color: var(--light-sea-green);
}

.sidepage {
  z-index: 11;
  background-color: var(--light-sea-green);
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 30vw;
  height: 100vh;
  padding-top: 40px;
  padding-bottom: 40px;
  display: none;
  position: fixed;
  inset: 0% 0% 0% auto;
}

.section-37 {
  z-index: 20;
  position: relative;
}

.sidepagesection {
  z-index: 20;
  background-color: var(--white);
  width: 100vw;
  height: 80px;
  margin-bottom: 0;
  padding-bottom: 0;
  display: block;
  position: absolute;
  inset: 0% 0% auto;
  overflow: hidden;
}

.div-block-608 {
  justify-content: center;
  width: 50px;
  height: 50px;
  max-height: 200px;
  margin-top: 15px;
  margin-right: 15px;
  display: flex;
  position: absolute;
  inset: 0% 0% auto auto;
}

.link-block-13 {
  margin-top: 0;
  text-decoration: none;
}

.link-block-14 {
  justify-content: center;
  margin-top: 10px;
  text-decoration: none;
  display: flex;
}

.notpanel.coked {
  display: none;
}

.div-block-609 {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/600d8b5520228e1018199214_ezgif-4-aa3a03e07e1b.gif");
  background-position: 50%;
  background-size: cover;
  border-radius: 20px;
  width: 250px;
  height: 175px;
}

.image-98 {
  border-radius: 20px;
}

.background-video-3 {
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 500px;
  display: flex;
}

.text-block-19 {
  color: #f7ad02;
  text-transform: none;
  padding: 5px 20px;
  font-family: Trebuchet MS, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Tahoma, sans-serif;
  font-size: 12px;
  transition: color .2s;
}

.grid1-2 {
  grid-column-gap: 20px;
  grid-row-gap: 10px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  margin-top: 20px;
}

.divblock70-2 {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/601179406f98618487ef3e19_Screen%20Shot%202020-01-13%20at%2015.06.39.png");
  background-position: 50%;
  background-size: cover;
  border-radius: 20px;
  width: 300px;
  height: 300px;
  display: flex;
}

.divblock70-2.martina {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/601179406f98610909ef3e28_Martina%20COVER%20Final%20Option.jpg");
  background-position: 50%;
  background-size: cover;
}

.divblock70-2.drum {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/601179406f986128bdef3e20_Drumupacircus_cover.jpg");
  background-position: 0 0;
  background-size: cover;
  overflow: hidden;
}

.divblock70-2.m2m8 {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/601179406f986134dcef3e30_m2m4.PNG");
  background-position: 50%;
  background-size: cover;
}

.divblock70-2.tmb {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/601179406f986119b6ef3e35_aDNA_Cover%20(1).jpg");
  background-position: 50%;
  background-size: contain;
}

.divblock70-2.encounters {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/601179406f9861558bef3e23_Encounters_cover.jpg");
  background-position: 50%;
  background-size: cover;
}

.divblock70-2.encounters._2 {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/601179406f98612a89ef3e26_Promo-Gif.gif");
  background-position: 0 0;
  background-repeat: repeat-y;
  background-size: contain;
}

.heading-37 {
  text-align: center;
  letter-spacing: 2px;
  margin-bottom: 20px;
  font-family: Signika, sans-serif;
  font-weight: 700;
}

.heading-37.black {
  letter-spacing: 4px;
}

.portfolio {
  padding-top: 40px;
  padding-bottom: 60px;
  display: block;
}

.potboxtext {
  color: #fff;
  text-align: center;
  font-family: Trebuchet MS, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Tahoma, sans-serif;
  font-size: 12px;
}

.potboxtext.category {
  color: #f7ad02;
  letter-spacing: 1px;
  margin-top: 20px;
  font-family: Lato, sans-serif;
  font-size: 10px;
  line-height: 15px;
}

.portsquaretitle {
  color: #fff;
  text-align: center;
  letter-spacing: 1px;
  font-size: 25px;
  line-height: 30px;
}

.paragraph-3 {
  text-align: center;
  letter-spacing: 1.5px;
  margin-bottom: 20px;
  padding: 0 60px;
  font-family: Lato, sans-serif;
  font-size: 1em;
  line-height: 2em;
}

.seemore {
  flex-direction: column;
  align-items: center;
  margin-top: 40px;
  padding-top: 10px;
  display: block;
}

.seemore.center, .seemore.contact {
  display: flex;
}

.yodadiv1-2 {
  background-color: #292929d1;
  border-radius: 20px;
  width: 100%;
  height: 300px;
  margin-left: 0;
  padding: 10px 40px;
  text-decoration: none;
  display: block;
}

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

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

.bold-text-9 {
  color: var(--black-2);
  font-size: 30px;
}

.container-356 {
  margin-bottom: 40px;
}

.section-38 {
  padding-top: 20px;
  padding-bottom: 40px;
}

.section-39 {
  width: 100vw;
}

.background-video-4 {
  background-color: #2424248a;
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-611 {
  z-index: 10;
  margin-top: 20px;
  margin-left: 40px;
  position: fixed;
}

.image-99 {
  width: 50%;
}

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

.div-block-612 {
  align-items: center;
  display: flex;
}

.fadedivblock1 {
  background-color: #242424d9;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-width: 450px;
  height: 500px;
  min-height: 100%;
  margin-left: 0;
  padding-left: 100px;
  padding-right: 100px;
  display: flex;
}

.fadedivblock1.highlight1 {
  background-color: #fbb90be6;
  display: block;
}

.fadedivblock1.cooked {
  width: 100%;
  height: 100%;
  padding: 0;
}

.div-block-68-copy {
  background-color: #242424d9;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  margin-left: 0;
  padding-left: 100px;
  padding-right: 100px;
  display: flex;
}

.div-block-68-copy.highlight1 {
  background-color: #fbb90be6;
  display: block;
}

.div-block-68-copy.cooked {
  width: 100%;
  height: 100%;
  padding: 0;
}

.link-block-15 {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/600d8b5520228e775f1992c2_wwww4.png");
  background-position: 50%;
  background-size: cover;
  background-attachment: scroll;
  width: 100%;
  height: 100%;
  text-decoration: none;
}

.container-357 {
  padding-top: 100px;
}

.image-17 {
  border-radius: 20px;
  max-width: 20%;
  margin-top: 60px;
  margin-bottom: 60px;
}

.image-17.contact {
  max-width: 40%;
  margin-top: 40px;
  margin-bottom: 40px;
  padding-top: 0;
  padding-bottom: 0;
}

.sidebarmaindiv2 {
  z-index: 11;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 60px;
  height: 60px;
  margin-right: 10px;
  display: flex;
  position: fixed;
  inset: 0% 0% 0% auto;
}

.div-block-613 {
  display: flex;
}

.sidebardiv2 {
  z-index: 10;
  background-color: #0000;
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/60115a747a7a2aa0a428217b_noun_menu_1890675.svg");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: auto;
  border-radius: 20px;
  width: 40px;
  height: 50px;
  margin-top: 20px;
  margin-right: 10px;
  display: none;
  position: relative;
}

.link-block-16, .homelink1 {
  font-size: 25px;
  line-height: 24px;
  text-decoration: none;
}

.link-block-17, .portfoliolink1 {
  text-decoration: none;
}

.uslink1 {
  margin-top: 0;
  text-decoration: none;
}

.contactlink1 {
  justify-content: center;
  margin-top: 10px;
  text-decoration: none;
  display: flex;
}

.link-block-18 {
  text-decoration: none;
}

.homepage111 {
  display: flex;
  overflow: hidden;
}

.sidebardiv1-copy {
  z-index: 11;
  background-color: #0000;
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/601189640e12d118ac5103d2_noun_menu_1890675.svg");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: auto;
  border-radius: 20px;
  width: 40px;
  height: 50px;
  margin-top: 20px;
  margin-right: 10px;
  display: flex;
  position: relative;
}

.sidebarmaindiv1-copy {
  z-index: 10;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 60px;
  height: 90px;
  margin-top: 0;
  margin-right: 10px;
  display: flex;
  position: fixed;
  inset: 0% 0% 0% auto;
}

.div-block-605-copy {
  z-index: 10;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 90%;
  margin-top: 70px;
  padding-right: 20px;
  display: flex;
  position: relative;
}

.sidebarmaindiv11-copy {
  z-index: 10;
  height: Infinity% ;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 60px;
  margin-top: 70px;
  margin-right: 10px;
  display: flex;
  position: fixed;
  inset: 0% 0% 0% auto;
}

.sidepage-copy {
  z-index: 11;
  background-color: var(--light-sea-green);
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 40vw;
  height: 100vh;
  padding-top: 40px;
  padding-bottom: 40px;
  display: none;
  position: fixed;
  inset: 0% 0% 0% auto;
}

.link-block-19, .link-block-20 {
  text-decoration: none;
}

.image-100 {
  margin-bottom: 40px;
}

.lottie-animation {
  display: none;
}

.link-9, .text-span-14 {
  color: var(--light-sea-green);
}

.link-block-21 {
  text-decoration: none;
}

.link-block-22 {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/60a27418f274d8e267e911b9_HR-Behance-2.png");
  background-position: 50%;
  background-size: cover;
  width: 100%;
  min-width: 450px;
  height: 100%;
  text-decoration: none;
}

.link-block-23, .link-block-24 {
  text-decoration: none;
}

.link-block-25 {
  width: 100%;
  text-decoration: none;
}

.div-block-614 {
  margin-left: 15%;
  margin-right: 15%;
}

.image-101 {
  margin-bottom: 60px;
}

.background-video-6 {
  margin-left: 15%;
  margin-right: 15%;
}

.hughrice {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/600d8b5520228e5f27199273_Banner2%20copy.jpg");
  background-position: 50%;
  background-size: cover;
}

.sidepagemini, .sidepage1 {
  z-index: 11;
  background-color: var(--light-sea-green);
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 30vw;
  height: 100vh;
  padding-top: 40px;
  padding-bottom: 40px;
  display: none;
  position: fixed;
  inset: 0% 0% 0% auto;
}

.buttonlink1 {
  z-index: 10;
  border: 2px solid var(--white);
  color: var(--white);
  text-align: center;
  letter-spacing: normal;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  width: 220px;
  height: auto;
  margin-top: 30px;
  margin-left: 0;
  margin-right: 5px;
  padding: 20px;
  font-family: Lato, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 21px;
  text-decoration: none;
  transition-property: none;
  display: flex;
  position: relative;
}

.buttonlink1:hover {
  background-color: var(--black-2);
  color: var(--white);
}

.homepage111mob {
  display: none;
}

.sidebarmaindiv11-mob {
  z-index: 10;
  height: Infinity% ;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 60px;
  margin-top: 70px;
  margin-right: 10px;
  display: flex;
  position: fixed;
  inset: 0% 0% 0% auto;
}

.mobpan {
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: flex;
  position: static;
}

.mobpan._1 {
  background-color: var(--goldenrod);
  background-image: linear-gradient(#fbb90b, #fbb90b), url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/600d8b5520228e1018199214_ezgif-4-aa3a03e07e1b.gif");
  background-position: 0 0, 0 0;
  background-size: auto, auto;
  flex-direction: column;
  width: 100vw;
  display: none;
  position: static;
  overflow: visible;
}

.mobpan._2 {
  z-index: 2;
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/600d8b5520228e775f1992c2_wwww4.png");
  background-position: 50%;
  background-size: cover;
  background-attachment: fixed;
  display: none;
  position: static;
}

.mobpan._3 {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/600d8b5520228e41bb19928d_FrancisMalcolm_BusinessCards_B.jpg");
  background-position: 0 0;
  background-size: auto;
  background-attachment: fixed;
  display: none;
}

.mobpan._4 {
  background-image: linear-gradient(#00000080, #00000080), url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/600d8b5520228e5c64199215_Cocozilla5.jpg");
  background-position: 0 0, 0 0;
  background-size: auto, auto;
}

.mobpan._6 {
  background-color: #f8a4a4;
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/600d8b5520228e7aea1992a3_IMG_2974.jpg");
  background-position: 50%;
  background-size: cover;
  background-attachment: fixed;
  display: none;
}

.mobpan._5 {
  z-index: 2;
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/600d8b5520228e91b7199296_AAAA.png");
  background-position: 0%;
  background-size: cover;
  background-attachment: fixed;
  position: static;
}

.mobpan._5.hide {
  display: none;
}

.mobpan._7 {
  background-image: linear-gradient(#63bbb49e, #63bbb49e), url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/600d8b5520228e2e421992be_pexels-cdc-3992949.jpg");
  background-position: 0 0, 50%;
  background-size: auto, cover;
  background-attachment: scroll, fixed;
}

.mobpan.footer {
  background-color: #f4f4f4;
  flex-direction: column;
  width: 100vw;
  height: auto;
  margin-top: 0;
  margin-bottom: 0;
}

.mobpan.cocozilla {
  background-image: linear-gradient(#0000, #0000), url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/600d8b5520228e5c64199215_Cocozilla5.jpg");
  background-attachment: scroll, fixed;
  display: none;
}

.div-block-596-mob {
  z-index: 0;
  background-color: var(--goldenrod);
  object-fit: fill;
  width: 100vw;
  height: 100vh;
  display: flex;
  position: relative;
}

.intro-content-mob {
  text-align: center;
  width: 70%;
  max-width: 1140px;
}

.intro-content-mob.cc-homepage {
  object-fit: fill;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  margin-bottom: 0;
  display: flex;
  position: absolute;
}

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

.image-93-mob {
  border-radius: 20px;
  margin-top: 20px;
  margin-bottom: 20px;
  display: block;
}

.intro-text-mob {
  flex-direction: column;
  align-items: center;
  width: 80%;
  margin-bottom: 35px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.heading-jumbo-mob {
  color: var(--white);
  text-align: left;
  letter-spacing: .05em;
  text-transform: none;
  margin-top: 10px;
  margin-bottom: 20px;
  font-family: Signika, sans-serif;
  font-size: 3em;
  font-weight: 500;
  line-height: 1.2em;
}

.heading-jumbo-mob.seagreen {
  color: var(--light-sea-green);
}

.heading-jumbo-mob.navsmall {
  color: var(--white);
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 30px;
}

.heading-jumbo-mob.navsmall._2 {
  justify-content: flex-start;
  margin-top: 20px;
  margin-bottom: 20px;
  display: flex;
}

.heading-jumbo-mob.black {
  color: var(--black-2);
  margin-bottom: 60px;
  margin-left: 60px;
  font-size: 2.5em;
  font-weight: 500;
}

.heading-jumbo-mob.navheader {
  text-align: center;
  letter-spacing: .3em;
  margin-top: 40px;
  margin-bottom: 0;
  font-size: 1em;
}

.heading-jumbo-mob.mainheaderhero {
  text-align: center;
  max-width: 50vw;
}

.heading-jumbo-mob.center {
  text-align: center;
  margin-top: 60px;
}

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

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

.paragraph-bigger-mob.cc-bigger-white-light {
  opacity: 1;
  color: var(--white);
  letter-spacing: 1px;
  max-width: 50vw;
  font-size: 14px;
  font-weight: 500;
  line-height: 30px;
}

.paragraph-bigger-mob.cc-bigger-white-light._2 {
  margin-bottom: 60px;
  margin-left: 60px;
}

.link-block-11-mob {
  margin-top: 40px;
}

.background-video-mob {
  object-fit: cover;
  width: 100vw;
  height: 100vh;
  display: none;
  position: static;
}

.panel-copy {
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: flex;
  position: static;
}

.panel-copy._1 {
  background-color: var(--goldenrod);
  background-image: linear-gradient(#fbb90b, #fbb90b), url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/600d8b5520228e1018199214_ezgif-4-aa3a03e07e1b.gif");
  background-position: 0 0, 0 0;
  background-size: auto, auto;
  flex-direction: column;
  width: 100vw;
  position: static;
  overflow: visible;
}

.panel-copy._2 {
  z-index: 2;
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/600d8b5520228e775f1992c2_wwww4.png");
  background-position: 50%;
  background-size: cover;
  background-attachment: fixed;
  position: static;
}

.panel-copy._3 {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/600d8b5520228e41bb19928d_FrancisMalcolm_BusinessCards_B.jpg");
  background-position: 0 0;
  background-size: auto;
  background-attachment: fixed;
}

.panel-copy._4 {
  background-image: linear-gradient(#00000080, #00000080), url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/600d8b5520228e5c64199215_Cocozilla5.jpg");
  background-position: 0 0, 0 0;
  background-size: auto, auto;
}

.panel-copy._6 {
  background-color: #f8a4a4;
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/600d8b5520228e7aea1992a3_IMG_2974.jpg");
  background-position: 50%;
  background-size: cover;
  background-attachment: fixed;
}

.panel-copy._5 {
  z-index: 2;
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/600d8b5520228e91b7199296_AAAA.png");
  background-position: 0%;
  background-size: cover;
  background-attachment: fixed;
  position: static;
}

.panel-copy._5.hide {
  display: none;
}

.panel-copy._7 {
  background-image: linear-gradient(#63bbb49e, #63bbb49e), url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/600d8b5520228e2e421992be_pexels-cdc-3992949.jpg");
  background-position: 0 0, 50%;
  background-size: auto, cover;
  background-attachment: scroll, fixed;
}

.panel-copy.footer {
  background-color: #f4f4f4;
  flex-direction: column;
  width: 100vw;
  height: auto;
  margin-top: 0;
  margin-bottom: 0;
}

.panel-copy.cocozilla {
  background-image: linear-gradient(to bottom, null, null), url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/600d8b5520228e5c64199215_Cocozilla5.jpg");
  background-attachment: scroll, fixed;
}

.div-block-288-mob {
  z-index: 2;
  align-items: center;
  width: 100vw;
  height: 100vh;
  padding-left: 5%;
  display: flex;
  position: relative;
}

.div-block-601mob {
  max-width: 40vw;
}

.heading-25-mob {
  color: var(--white);
  letter-spacing: normal;
  max-width: none;
  margin-top: 10px;
  margin-bottom: 40px;
  font-family: Lato, sans-serif;
  font-size: 1.2em;
  line-height: 1.3em;
}

.heading-25-mob.nav {
  color: var(--white);
  letter-spacing: 1px;
  max-width: none;
  margin-bottom: 0;
  font-size: 16px;
  text-decoration: none;
}

.heading-25-mob.nav2 {
  color: var(--white);
  text-align: left;
  margin-bottom: 10px;
  font-family: Varela Round, sans-serif;
  font-size: 12px;
  line-height: 16px;
}

.heading-25-mob.nav2.black {
  border-left: 2px solid var(--goldenrod);
  color: var(--black-2);
  margin-bottom: 20px;
  padding-left: 10px;
  font-size: .8em;
  line-height: 1.7em;
}

.heading-25-mob.black {
  border-left: 3px solid var(--goldenrod);
  color: var(--black-2);
  padding-left: 20px;
  line-height: 1.5em;
}

.buttonlink1mob {
  border: 2px solid var(--white);
  color: var(--white);
  text-align: center;
  letter-spacing: normal;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  width: 220px;
  height: auto;
  margin-top: 30px;
  margin-left: 5px;
  margin-right: 5px;
  padding: 20px;
  font-family: Lato, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 21px;
  text-decoration: none;
  transition-property: none;
  display: flex;
}

.buttonlink1mob:hover {
  background-color: var(--black-2);
  color: var(--white);
}

.div-block-598-mob {
  max-width: 40vw;
}

.image-94-mob {
  margin-bottom: 58px;
}

.heading-jumbo-copy {
  color: var(--white);
  text-align: left;
  letter-spacing: .05em;
  text-transform: none;
  margin-top: 10px;
  margin-bottom: 20px;
  font-family: Signika, sans-serif;
  font-size: 3em;
  font-weight: 500;
  line-height: 1.2em;
}

.heading-jumbo-copy.seagreen {
  color: var(--light-sea-green);
}

.heading-jumbo-copy.navsmall {
  color: var(--white);
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 30px;
}

.heading-jumbo-copy.navsmall._2 {
  justify-content: flex-start;
  margin-top: 20px;
  margin-bottom: 20px;
  display: flex;
}

.heading-jumbo-copy.black {
  color: var(--black-2);
  margin-bottom: 60px;
  margin-left: 60px;
  font-size: 2.5em;
  font-weight: 500;
}

.heading-jumbo-copy.navheader {
  text-align: center;
  letter-spacing: .3em;
  margin-top: 40px;
  margin-bottom: 0;
  font-size: 1em;
}

.heading-jumbo-copy.mainheaderhero {
  text-align: center;
  max-width: 50vw;
}

.heading-jumbo-copy.center {
  text-align: center;
  margin-top: 60px;
}

.div-block-600-mob {
  max-width: 40vw;
}

.heading-25-copy {
  color: var(--white);
  letter-spacing: normal;
  max-width: none;
  margin-top: 10px;
  margin-bottom: 40px;
  font-family: Lato, sans-serif;
  font-size: 1.2em;
  line-height: 1.3em;
}

.heading-25-copy.nav {
  color: var(--white);
  letter-spacing: 1px;
  max-width: none;
  margin-bottom: 0;
  font-size: 16px;
  text-decoration: none;
}

.heading-25-copy.nav2 {
  color: var(--white);
  text-align: left;
  margin-bottom: 10px;
  font-family: Varela Round, sans-serif;
  font-size: 12px;
  line-height: 16px;
}

.heading-25-copy.nav2.black {
  border-left: 2px solid var(--goldenrod);
  color: var(--black-2);
  margin-bottom: 20px;
  padding-left: 10px;
  font-size: .8em;
  line-height: 1.7em;
}

.heading-25-copy.black {
  border-left: 3px solid var(--goldenrod);
  color: var(--black-2);
  padding-left: 20px;
  line-height: 1.5em;
}

.cooked-mob {
  background-color: #0000;
  width: 100vw;
  height: 100vh;
  display: block;
  position: relative;
}

.div-block-594-mob {
  max-width: 50vw;
}

.div-block-599-mob {
  max-width: 40vw;
}

.div-block-598-copy {
  max-width: 40vw;
}

.image-94-copy {
  margin-bottom: 58px;
}

.link-block-26, .link-block-26-copy {
  display: none;
}

.movedownlink1 {
  flex-direction: row;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 100%;
  height: 100%;
  margin-left: 0;
  padding-left: 0;
  text-decoration: none;
  display: flex;
}

.movedownlink2, .movedownlink3 {
  text-decoration: none;
  display: flex;
}

.container-359 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.container-360 {
  align-self: auto;
  position: relative;
  left: -300px;
}

.div-block-616 {
  background-color: var(--black-2);
  flex-direction: column;
  justify-content: space-between;
  width: 100vw;
  padding-top: 100px;
  padding-bottom: 0;
  display: flex;
}

.small-paragraph-3 {
  color: #fff;
  align-self: auto;
  margin-right: 10px;
  padding-right: 0;
  font-size: 10px;
  line-height: 22px;
}

.column-22 {
  border-left: 5px solid #0000;
  border-right: 1px #f0f0f0;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: -20px;
  padding-left: 20px;
  padding-right: 40px;
  display: flex;
}

.column-23 {
  border-left: 5px solid #0000;
}

.row-7 {
  align-items: flex-start;
  width: 100%;
  min-width: auto;
  padding-top: 20px;
  display: flex;
}

.div-block-617 {
  justify-content: center;
  align-items: center;
  width: 100%;
  min-width: 900px;
  max-width: 1100px;
  display: flex;
}

.label-4 {
  opacity: .6;
  color: #63bbb4;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 20px;
  font-size: 12px;
  font-weight: 700;
  line-height: 18px;
  display: block;
  position: static;
}

.label-4.new {
  margin-top: 0;
}

.label-4.secondlayer {
  margin-top: 40px;
}

.column-24 {
  border-left: 1px solid #0000;
  border-right: 0 #000;
  padding-left: 0;
  position: relative;
}

.container-361 {
  margin-bottom: 0;
}

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

.link-block-27 {
  justify-content: center;
  margin-top: 60px;
  display: flex;
}

.image-103 {
  border-radius: 20px;
  width: 30%;
  margin-top: 0;
  margin-bottom: 40px;
}

.intro-text-2 {
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  width: 80%;
  max-width: 50vw;
  margin-bottom: 35px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  display: flex;
}

.heroservices {
  background-image: linear-gradient(to bottom, var(--black-2) 37%, #1e1e1ed6 64%, transparent), url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/6021b673a9e2f0b5ea6dfd72_y2.jpg");
  background-position: 0 0, 50%;
  background-size: auto, cover;
  background-attachment: scroll, fixed;
  justify-content: center;
  align-items: center;
  height: 300px;
  padding-top: 109px;
  display: flex;
}

.heroservices.illustration {
  background-image: linear-gradient(to bottom, var(--black-2) 37%, #1e1e1ed6 64%, transparent), url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/600d8b5520228e77a0199245_118121994_340838330432652_7745819615344028064_n.jpg");
  background-position: 0 0, 50%;
  background-size: auto, auto;
  background-attachment: scroll, fixed;
}

.heroservices.animation {
  background-image: linear-gradient(to bottom, var(--black-2) 37%, #1e1e1ed6 64%, transparent), url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/600d8b5520228ed85719927c_118138969_303816570707126_8442938053755806062_n.png");
}

.heroservices.print {
  background-image: linear-gradient(to bottom, var(--black-2) 37%, #1e1e1ed6 64%, transparent), url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/6021b5d5ac46211fb9d620c7_z.jpg");
  background-position: 0 0, 50% 0;
}

.heroservices.logobrand {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/600d8b5520228e41bb19928d_FrancisMalcolm_BusinessCards_B.jpg");
  background-repeat: repeat-y;
  background-size: cover;
  background-attachment: fixed;
  flex-direction: column;
  height: 200px;
  margin-top: 40px;
  margin-bottom: 0;
  padding-top: 0;
}

.heroservices.logobrand.new {
  background-image: linear-gradient(#000, #fff);
  display: block;
}

.heroservices.design {
  background-image: linear-gradient(to bottom, var(--black-2) 37%, #1e1e1ed6 64%, transparent), url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/600d8b5520228e7bdf199282_Presentation.jpg");
  background-size: auto, contain;
  background-attachment: scroll, fixed;
}

.background-video-7 {
  display: none;
}

.image-104 {
  border-radius: 20px;
  width: 5%;
}

.image-105 {
  border-radius: 20px;
  max-width: 700px;
  margin-top: 57px;
  margin-left: -308px;
  position: relative;
  top: 3px;
  left: 215px;
}

.image-106 {
  width: 30px;
}

.container-362 {
  display: flex;
}

.small-paragraph-4 {
  color: #fff;
  align-self: auto;
  margin-right: 10px;
  padding-right: 40px;
  font-size: 10px;
  line-height: 22px;
}

.column-25 {
  border-left: 5px solid #0000;
  border-right: 1px #f0f0f0;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: -20px;
  padding-left: 20px;
  display: flex;
}

.column-26 {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.column-27 {
  border-left: 5px solid #0000;
}

.row-8 {
  align-items: flex-start;
  width: 100%;
  min-width: auto;
  padding-top: 20px;
  display: flex;
}

.div-block-620 {
  justify-content: center;
  align-items: center;
  width: 100%;
  min-width: 900px;
  max-width: 1100px;
  display: flex;
}

.column-28 {
  border-left: 1px solid #0000;
  border-right: 0 #000;
  padding-left: 0;
  position: relative;
}

.container-364 {
  display: flex;
}

.preloader {
  z-index: 999999;
  background-color: var(--goldenrod);
  justify-content: center;
  align-items: center;
  display: none;
  position: absolute;
  inset: 0%;
}

.lottie-animation-2 {
  width: 220px;
  height: 220px;
}

.image-107 {
  padding-left: 60px;
  padding-right: 60px;
}

.text-span-15 {
  color: var(--light-sea-green);
  font-size: 12px;
}

.italic-text-3 {
  font-size: 10px;
}

.link-block-28 {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/60a27418f274d8e267e911b9_HR-Behance-2.png");
  background-position: 0 0;
  background-size: cover;
}

.introcolum {
  margin-top: 20px;
  padding-top: 220px;
}

.introcolum.branding {
  align-items: center;
  margin-top: 20px;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
}

.heading-38 {
  text-align: center;
  letter-spacing: .1em;
  font-family: Signika, sans-serif;
  font-weight: 500;
  position: static;
}

.text-span-16 {
  color: var(--light-sea-green);
}

.quote {
  margin-top: 40px;
  margin-bottom: 40px;
  padding-top: 20px;
  padding-bottom: 20px;
}

.text-span-17 {
  letter-spacing: .8px;
  font-size: 1.3em;
}

.text-span-18 {
  color: var(--goldenrod);
}

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

.div-block-621 {
  flex-direction: column;
  align-items: center;
  width: 100px;
  height: 100px;
  padding-top: 0;
  display: flex;
}

.div-block-621.h-h {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/60b76fed84b771f36bcc9fd1_noun_Sound_1560834.svg");
  background-position: 50%;
  background-size: cover;
}

.div-block-621.water {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/60b76f5eca5c15b37109f8bd_noun_Anchor_1560831.svg");
  background-position: 50%;
  background-size: cover;
}

.div-block-621.laundry {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/60b76fed599b8e11897b26fc_noun_Glasses_2581051.svg");
  background-position: 50%;
  background-size: cover;
}

.text-block-21 {
  color: #111112;
  text-align: center;
  letter-spacing: 1px;
  padding-left: 20px;
  padding-right: 20px;
  font-family: Lato, sans-serif;
  font-size: 10px;
  font-weight: 500;
  line-height: 15px;
}

.grid-6 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  align-items: start;
  padding-bottom: 60px;
}

.image-108 {
  opacity: 0;
  width: 100px;
  height: 100px;
  transition: opacity .2s;
  display: block;
}

.image-108:hover {
  opacity: 1;
  transform: scale(1.1);
}

.container-27 {
  margin-top: 40px;
  padding-left: 20px;
  padding-right: 20px;
}

.heading-39 {
  color: #111112;
  text-align: center;
  letter-spacing: 2px;
  font-family: Signika, sans-serif;
  line-height: 20px;
}

.icons {
  padding-top: 40px;
  padding-bottom: 40px;
}

.icons._2455 {
  display: none;
}

.section-43 {
  background-color: var(--black-2);
  width: 100vw;
  height: 100vh;
  display: flex;
}

.container-366 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-622 {
  width: 40%;
}

.button-6 {
  background-color: #0000;
}

.section-44 {
  background-color: var(--black-2);
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: flex;
}

.div-block-623 {
  max-width: 40%;
}

.container-367 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.smeipintro {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: auto;
  height: auto;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 40px;
  padding-bottom: 40px;
  padding-right: 60px;
  display: block;
}

.background-video-9 {
  width: 500px;
  height: 500px;
}

.div-block-624 {
  width: auto;
  height: auto;
}

.div-block-625 {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/60be389b6d31e525552d5fd0_TOPBLUEBG.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 90%;
  margin-left: 31px;
}

.heading-40 {
  margin-bottom: 40px;
}

.heading-41 {
  font-family: Signika, sans-serif;
  font-size: 30px;
}

.div-block-626 {
  flex-direction: column;
  align-items: flex-start;
  margin: 40px 60px 60px 103px;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.columns-3 {
  align-items: center;
  margin-top: 103px;
  margin-bottom: 40px;
  display: flex;
}

.paragraph-72 {
  text-align: center;
  margin-top: 10px;
  padding: 0;
  font-size: 13px;
  line-height: 25px;
}

.div-block-627 {
  border: 1px solid var(--light-sea-green);
  background-color: #0000;
  border-radius: 20px;
  flex-direction: row;
  align-items: flex-end;
  width: 300px;
  height: 200px;
  margin-bottom: 20px;
  display: flex;
}

.div2918390 {
  background-color: var(--light-sea-green);
  border-radius: 20px;
  width: 300px;
  height: 250px;
  margin-top: -50px;
  margin-bottom: 20px;
}

.column-29 {
  align-items: flex-end;
  display: flex;
}

.container-368 {
  margin-top: 100px;
  margin-bottom: 0;
}

.image-109 {
  margin-left: 46px;
}

.div-block-628 {
  position: relative;
  left: 20px;
}

.smespintro {
  justify-content: center;
  margin-top: 221px;
  display: block;
}

.image-110 {
  width: auto;
  margin-top: 40px;
}

.heading-42 {
  text-align: center;
  font-family: Signika, sans-serif;
}

.heading-43 {
  color: var(--white);
  text-align: center;
  letter-spacing: 1px;
  margin-bottom: 0;
  font-family: Plus Jakarta Sans, sans-serif;
  font-size: 30px;
  font-weight: 700;
  text-decoration: none;
  position: static;
}

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

.heading-43.left {
  text-align: left;
  letter-spacing: .9px;
  margin-top: 40px;
  margin-bottom: 20px;
  font-size: 36px;
}

.heading-43.left.home {
  color: var(--black);
  margin-top: 0;
  font-size: 33px;
  line-height: 50px;
}

.heading-43.leftalign {
  text-align: left;
}

.heading-44 {
  text-align: center;
  margin-bottom: 40px;
  font-family: Signika, sans-serif;
  font-size: 35px;
  line-height: 50px;
}

.heading-44.left {
  text-align: left;
  margin-left: -19px;
}

.text-span-19 {
  color: var(--white);
}

.paragraph-73 {
  text-align: center;
  letter-spacing: .8px;
  border-left: 3px solid #0000;
  margin-top: 10px;
  padding-left: 60px;
  padding-right: 60px;
  font-size: 13px;
  line-height: 23px;
}

.paragraph-73.left {
  color: var(--black);
  text-align: left;
  max-width: none;
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 60px;
  font-size: 12px;
  font-weight: 400;
  line-height: 25px;
  display: block;
}

.paragraph-73.right {
  text-align: right;
  margin-top: 20px;
}

.paragraph-73.left {
  color: #000;
  text-align: left;
  max-width: none;
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 100px;
  font-size: 12px;
  font-weight: 400;
  line-height: 25px;
}

.paragraph-73.nwleft {
  text-align: left;
  padding: 0 60px 0 0;
}

.heading-45 {
  margin-bottom: 20px;
}

.div-block-629 {
  width: 100vw;
  height: 40vh;
}

.heading45 {
  color: var(--white);
  font-family: Signika, sans-serif;
  font-size: 40px;
  font-weight: 700;
  line-height: 50px;
}

.background-video-10 {
  flex-direction: row;
  align-items: center;
  display: block;
}

.container-369 {
  align-items: center;
  height: 40vh;
  display: flex;
}

.columns-4 {
  background-color: #0000;
  border: 1px solid #0000;
  border-radius: 20px;
  padding: 20px;
}

.column-30 {
  border: 1px solid var(--white);
  border-radius: 20px;
  padding: 20px;
}

.column-31 {
  padding-left: 0;
  top: 37px;
}

.text-span-20 {
  color: var(--goldenrod);
}

.text-span-21 {
  color: var(--light-sea-green);
}

.heading-46 {
  text-align: center;
  letter-spacing: 1px;
  margin-bottom: 20px;
  font-family: Signika, sans-serif;
  font-style: italic;
  font-weight: 400;
}

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

.massimoquote {
  background-color: var(--light-sea-green);
  color: var(--white);
  padding: 40px;
}

.text-span-22 {
  color: var(--light-sea-green);
}

.button-7 {
  background-color: #0000;
  border: 1px solid #f05aa0;
  border-radius: 20px;
  padding-left: 20px;
  padding-right: 20px;
  font-family: Signika, sans-serif;
  font-weight: 700;
}

.link-block-29 {
  background-color: #f17fb4;
  border: 2px solid #0000;
  border-radius: 40px;
  margin-top: 40px;
  padding: 5px 40px;
  text-decoration: none;
  box-shadow: 7px 7px 12px #00000021;
}

.link-block-29:hover {
  transform: scale(1.1)translate(0);
}

.link-block-29.new {
  background-color: var(--hot-pink);
  justify-content: center;
  align-items: center;
  margin-top: 40px;
  margin-left: 0;
  display: flex;
}

.link-block-29.exposingdeviance {
  width: 506.984px;
}

.link-block-29.new {
  background-color: #f17fb4;
  width: 201.711px;
  margin-top: 40px;
  margin-left: 0;
}

.text-block-23 {
  color: var(--white);
  letter-spacing: 1px;
  text-transform: none;
  font-family: Signika, sans-serif;
  font-size: 12px;
  text-decoration: none;
}

.link-block-30 {
  align-items: center;
  display: flex;
}

.smeipbrandinfo {
  width: 100vw;
  padding-top: 60px;
  padding-bottom: 60px;
  padding-left: 100px;
  overflow: hidden;
}

.image-111, .image-112 {
  margin-bottom: 0;
}

.section-46 {
  width: 100vw;
  height: 100vh;
  padding-top: 0;
  overflow: hidden;
}

.div-block-630 {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/60c9d3f73f9c4c1244ca060c_image.png");
  background-position: 50%;
  background-size: cover;
  height: 100%;
}

.image-113 {
  opacity: .38;
  overflow: visible;
}

.ipadpink {
  z-index: auto;
  float: none;
  clear: none;
  flex-direction: column;
  justify-content: center;
  width: 24%;
  height: 44%;
  display: flex;
  position: absolute;
  inset: 29% 0% 0% 6%;
}

.ipadpink.move2 {
  top: -5%;
  left: 85%;
}

.frankmalbook {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/60c9df0438bfba9fc4ec38cb_FM.png");
  background-position: 79% 79%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 40%;
  height: 80%;
  position: absolute;
  inset: 45% -20% 0% -5%;
}

.tshirt {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/60c9dfce9501fe4e15e0705b_pauper.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  background-attachment: scroll;
  width: 31%;
  height: 47%;
  position: absolute;
  inset: 67% 0% 0% 31.5%;
}

.hughricebook {
  flex-direction: column;
  justify-content: center;
  width: 60%;
  height: 50%;
  display: flex;
  position: absolute;
  inset: 60% -21% 0% auto;
}

.iphone {
  flex-direction: column;
  width: 13%;
  height: 32%;
  display: flex;
  position: absolute;
  inset: 32% 7% auto auto;
}

.iphone.phone2 {
  width: 13%;
  height: 32%;
  top: 32%;
  right: -8.5%;
  transform: rotate(270deg);
}

.sketch1 {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/60c9e56c094ff25747298559_sketch.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  width: 22%;
  height: 47%;
  position: absolute;
  inset: 36% auto auto -12%;
}

.paparata2 {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/60c9f350d9a628954856fe1a_Paparatablue.png");
  background-position: 50%;
  background-size: contain;
  width: 250px;
  height: 250px;
  position: absolute;
  inset: 0% auto auto -10%;
}

.paparata2.papa1 {
  left: -10%;
}

.paparata {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/60c9f350d9a628954856fe1a_Paparatablue.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 27%;
  height: 36%;
  position: absolute;
  inset: 2% 0 auto -12%;
}

.paparata.papa1 {
  background-repeat: no-repeat;
  background-size: contain;
  width: 27%;
  height: 36%;
  top: -9%;
  left: 13%;
}

.paparata.papa1.papa2 {
  z-index: 5;
  width: 27%;
  height: 36%;
  top: -6%;
  left: 1%;
}

.businesscards {
  width: 96px;
  height: 63px;
  position: absolute;
  top: 61.5%;
  right: 28.5%;
}

.businesscards1 {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/60c9f8a7b7bd7d6888f29839_Businesscard.png");
  background-position: 50%;
  background-size: cover;
  width: 9.2%;
  height: 10%;
  position: absolute;
  inset: 64% 0% auto 65%;
}

.businesscards1.business1 {
  background-repeat: no-repeat;
  background-size: contain;
  width: 9.2%;
  height: 10%;
  top: 60%;
  left: 74%;
}

.businesscards1.business2 {
  background-repeat: no-repeat;
  background-size: contain;
  width: 9.2%;
  height: 10%;
  top: 52%;
  left: 73%;
}

.badgedudes {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/60c9fa74ebcd0d489dca03b2_badgesStuBlu.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
  width: 6.5%;
  height: 6%;
  position: absolute;
  inset: 13% 16% auto auto;
}

.badgedudes.badgedudes1 {
  z-index: 2;
  background-repeat: no-repeat;
  width: 6.5%;
  height: 6%;
  top: 66%;
  right: 64%;
}

.cocozilla1 {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/60c9fc59a606d19c056a4204_CocoStickers.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 12%;
  height: 13%;
  position: absolute;
  inset: 19% 13% auto auto;
}

.textboi {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 35%;
  height: 55%;
  display: flex;
  position: absolute;
  inset: 97px 0% 0% 35%;
}

.heading-47 {
  text-align: center;
  flex-direction: column;
  justify-content: space-around;
  width: 99.9999%;
  height: 18%;
  font-family: Signika, sans-serif;
  font-size: 35px;
  font-weight: 800;
  display: flex;
}

.text-block-24 {
  text-align: center;
  letter-spacing: .1em;
  width: 99.9999%;
  height: 14%;
  font-family: Montserrat, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
}

.button-8 {
  background-color: #f384d9;
}

.div-block-631 {
  text-align: center;
  justify-content: center;
  width: 99.9999%;
  height: 24%;
  padding-top: 38px;
  display: flex;
}

.button-9 {
  background-color: #ff78ff;
  border-radius: 20px;
  flex-direction: row;
  align-items: center;
  width: 41.1464%;
  height: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
  display: block;
}

.div-block-632 {
  width: 100vw;
  height: 100vh;
  position: static;
  overflow: hidden;
}

.image-114 {
  clear: none;
  object-fit: fill;
  flex: none;
  width: auto;
  height: auto;
  margin-bottom: 0;
  display: block;
  position: absolute;
}

.image-115 {
  flex: none;
  margin-bottom: 0;
  position: relative;
}

.image-116 {
  flex: none;
  margin-bottom: 0;
  position: relative;
  inset: -43px -16px 75px -18px;
}

.image-117 {
  margin-bottom: 0;
  position: relative;
}

.image-118 {
  flex: none;
  width: 100%;
  height: 99.1767%;
  margin-bottom: 0;
  position: relative;
}

.form-block {
  display: block;
}

.div-block-633, .div-block-634, .div-block-635 {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.text-span-23 {
  color: var(--light-sea-green);
}

.link-10 {
  color: var(--goldenrod);
}

.image-119 {
  width: 100%;
  height: 100%;
  margin-bottom: 0;
}

.section-49 {
  flex-direction: column;
  align-items: center;
  height: 100vh;
  padding-top: 100px;
  padding-bottom: 100px;
  display: flex;
}

.section-50 {
  border-bottom: 4px solid var(--light-sea-green);
  padding-top: 60px;
  padding-bottom: 60px;
}

.form-section {
  background-color: var(--white);
  padding-top: 20px;
  padding-bottom: 60px;
}

.container-370 {
  margin-top: 40px;
  padding-left: 100px;
  padding-right: 100px;
}

.text-field-2 {
  border: 1px solid var(--goldenrod);
  border-radius: 20px;
  margin-top: 10px;
}

.text-field-2:focus {
  border-color: var(--light-sea-green);
}

.submit-button {
  background-color: var(--black-2);
  border-radius: 20px;
  margin-top: 40px;
  padding-left: 40px;
  padding-right: 40px;
}

.submit-button:hover {
  background-color: var(--light-sea-green);
}

.submit-button:active {
  background-color: var(--goldenrod);
}

.field-label-4 {
  margin-top: 20px;
  margin-bottom: 0;
}

.textarea {
  border: 1px solid var(--goldenrod);
  border-radius: 20px;
  margin-top: 10px;
}

.textarea:focus {
  border-color: var(--light-sea-green);
}

.field-label-5 {
  margin-top: 20px;
}

.field-label-6 {
  margin-top: 10px;
}

.field-label-7 {
  color: var(--black);
  margin-top: 20px;
}

.text-span-24 {
  color: var(--light-sea-green);
}

.text-span-25 {
  color: var(--black);
  font-size: 10px;
  font-style: italic;
}

.field-label-8 {
  margin-top: 40px;
}

.field-label-9, .field-label-10, .columns-6 {
  margin-top: 20px;
}

.field-label-11 {
  margin-top: 40px;
}

.link-11 {
  color: var(--goldenrod);
}

.link-12 {
  color: var(--light-sea-green);
  font-weight: 700;
  text-decoration: none;
}

.link-13, .link-14 {
  color: var(--goldenrod);
}

.success-message {
  border: 1px solid var(--light-sea-green);
  background-color: var(--white);
  border-radius: 40px;
}

.form {
  display: block;
}

.text-block-25 {
  text-align: center;
  padding-top: 40px;
  padding-bottom: 40px;
}

.checkbox-field, .checkbox-field-2 {
  margin-top: 10px;
}

.text-span-26 {
  color: var(--light-sea-green);
}

.column-33 {
  justify-content: center;
  padding-right: 100px;
  display: flex;
}

.column-34 {
  padding-left: 0;
  padding-right: 0;
}

.section-51 {
  height: 100vh;
}

.grid-8 {
  grid-template-columns: 1fr 1fr 1fr;
  min-height: 300px;
  padding-left: 0;
  padding-right: 0;
  position: relative;
  left: 0;
  right: -100px;
  overflow: hidden;
}

.section-52 {
  position: absolute;
  inset: 0% 0% auto;
  overflow: hidden;
}

.navbar-3 {
  background-color: #0000;
}

.div-block-637 {
  position: static;
  inset: 0% auto 0% 0%;
}

.container-371 {
  color: var(--white);
  padding-top: 20px;
}

.grid-9 {
  grid-template-rows: auto;
  grid-template-columns: .25fr .25fr .25fr .25fr .25fr .25fr;
  margin-bottom: -27px;
  padding-bottom: 0;
}

.heading-48 {
  color: var(--black-2);
  margin-top: 0;
  margin-bottom: 60px;
}

.heading-48.quote {
  color: var(--black);
  margin-bottom: 0;
  padding: 0;
  font-size: 20px;
  line-height: 30px;
}

.vertdiv {
  opacity: .15;
  background-color: #0000;
  border-radius: 0 20px 20px 0;
  flex-direction: column;
  justify-content: center;
  align-self: auto;
  align-items: center;
  height: 50%;
  padding: 20px 10px 10px;
  display: flex;
}

.vertdiv:hover {
  opacity: 1;
}

.smfixed {
  max-width: none;
  height: 20px;
  margin-bottom: 5px;
  padding-bottom: 0;
}

.smfixed:hover {
  transform: scale(1.2);
}

.smfixed.smfixe2 {
  height: 40px;
}

.smfixed.youtube {
  height: 20px;
  margin-bottom: 5px;
}

.media1 {
  margin-bottom: 10px;
}

.socials {
  position: fixed;
  inset: 85% auto 0% 3%;
  overflow: hidden;
}

.text-block-26 {
  color: var(--white);
  font-size: 12px;
}

.div-block-638 {
  background-color: #f5f5f5;
  align-items: center;
  width: 100vw;
  margin-bottom: 20px;
  margin-left: -56px;
  padding: 60px 220px 60px 60px;
  display: flex;
}

.image-120 {
  padding-right: 40px;
}

.textcolumn {
  position: static;
}

.div-block-63 {
  background-color: #fbb90b;
  border-radius: 14px;
  justify-content: center;
  align-items: center;
  width: 150px;
  height: 40px;
  margin-top: 1px;
  display: flex;
  position: relative;
}

.div-block-63:hover {
  transform: scale(1.1);
}

.fallguy4 {
  float: right;
  object-fit: contain;
  flex: none;
  width: 150px;
  display: inline-block;
  top: 76px;
  bottom: -69px;
  left: -277px;
}

.fallguy4.under {
  opacity: 0;
  width: 250px;
  position: absolute;
  top: 360px;
  bottom: -266px;
  left: 0;
}

.fallguy4.kid {
  position: relative;
  top: 132px;
  bottom: 0;
  left: 289px;
}

.fallguy4.movement {
  position: relative;
  top: 100px;
  bottom: 0;
  left: -77px;
}

.hero-2 {
  background-color: #b3b3b3;
  background-image: linear-gradient(#ffffff80, #ffffff80), url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/6103ff419f5033751be35290_esddsd.jpg");
  background-position: 0 0, 50% 0;
  background-size: auto, contain;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100vw;
  max-width: 100vw;
  height: 100vh;
  max-height: 100vh;
  margin-top: 0;
  margin-bottom: 0;
  display: block;
  position: relative;
  top: 0;
  overflow: hidden;
}

.fallguy {
  float: right;
  object-fit: contain;
  flex: none;
  width: 300px;
  margin-bottom: 16px;
  display: inline-block;
  position: absolute;
  top: 488px;
  bottom: 0;
  left: 674px;
}

.fallguy.bubble {
  margin-top: -160px;
  left: 662px;
}

.heading-49 {
  color: #000;
  letter-spacing: 1px;
  margin-top: 40px;
  margin-bottom: 0;
  font-family: Signika, sans-serif;
  font-size: 30px;
}

.womanfallimg {
  z-index: 9999;
  float: right;
  object-fit: contain;
  flex: none;
  width: 400px;
  padding-right: 0;
  display: inline-block;
  position: relative;
  top: 293px;
  bottom: 0;
  left: -402px;
  overflow: visible;
}

.text-block-17 {
  color: #fff;
  letter-spacing: 1px;
  font-family: Signika, sans-serif;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
}

.herocolumns {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/6103ff419f50335cffe35280_BG1.png");
  background-position: 50%;
  background-size: cover;
  background-attachment: fixed;
  margin-left: 40px;
  margin-right: 40px;
  position: static;
  overflow: visible;
}

.fallguy2 {
  float: right;
  object-fit: contain;
  flex: none;
  width: 300px;
  display: inline-block;
  position: relative;
  top: 398px;
  bottom: 0;
  left: -228px;
}

.fallguys {
  justify-content: center;
  display: flex;
  position: static;
  left: 603px;
}

.div-block-62 {
  color: var(--black-2);
  width: auto;
  margin-top: 60px;
  margin-left: 0;
  padding-top: 40px;
  padding-bottom: 40px;
  position: static;
}

.willdesktop {
  background-color: #f7f5f5;
  height: 100vh;
  padding-top: 0;
  padding-bottom: 100px;
  display: block;
  position: relative;
  top: 0;
}

.cloudimage {
  width: 100%;
  height: auto;
  margin-bottom: 0;
  position: absolute;
  inset: auto 0% -8%;
}

.text-block-27 {
  justify-content: center;
  align-items: center;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 30px;
  font-weight: 800;
  display: flex;
}

.div-block-639 {
  opacity: 0;
  background-color: #7180f5;
  justify-content: center;
  align-items: center;
  width: 250px;
  height: 100%;
  display: flex;
}

.div-block-639:hover {
  opacity: .8;
}

.div-block-639.sh {
  background-color: #c271f5;
}

.div-block-639.hr {
  background-color: #f571ec;
  width: 25px;
}

.casegrid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  padding-top: 10px;
  padding-bottom: 49px;
}

.animatedcaseimg {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/61041b8a198f9d4f4a7b3482_176476425_3978201292239395_4907899717478798664_n.png");
  background-position: 50%;
  background-size: contain;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  width: 150px;
  height: 150px;
  margin-bottom: 10px;
  margin-right: 10px;
  display: flex;
}

.animatedcaseimg.cooked {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/6103ff56766eb0f213da562a_cooked.jpeg");
  background-size: cover;
  width: 250px;
}

.animatedcaseimg.asf {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/600d8b5520228e549b1991ff_73198329_415942645735212_4785466876329197568_n.png");
}

.animatedcaseimg.luxe {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/610419da81bdb914c3b7be93_169576705_923337125069041_5816473396081942078_n.png"), url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 50%, 0 0;
  background-size: contain, auto;
}

.animatedcaseimg.middlechild {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/61041a11a8b79130d10eb9a6_131294164_3674350799293272_6711354539767310142_n.png");
}

.animatedcaseimg.yoda {
  background-image: linear-gradient(to bottom, #ffffffed, #ffffffed), url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/600d8b5520228e4601199200_Logo_Main_light.png"), linear-gradient(to bottom, var(--white), var(--white));
  background-position: 0 0, 50%, 0 0;
  background-repeat: repeat, no-repeat, repeat;
  background-size: auto, contain, auto;
  padding-left: 10px;
  padding-right: 10px;
}

.animatedcaseimg.crafted {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/61041b6148d3c68121165369_54521962_1265578363598546_2387680329683959808_n.jpeg"), url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/600d8b5520228e4601199200_Logo_Main_light.png");
  background-position: 50%, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: contain, auto;
}

.animatedcaseimg.elan {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/61041b61fecae220e3f37501_93142698_3015618398493666_516982425985744896_n.jpeg"), url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/6103ff56766eb0756eda5627_hughrice.png");
  background-position: 50%, 50%;
  background-size: contain, contain;
}

.animatedcaseimg.xluk {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/61041bd1fecae210b2f37594_176319665_111218064435621_5035052232964251449_n.jpeg");
}

.animatedcaseimg.vintage {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/61041c1d416ed40006b5942c_Screenshot%202021-07-30%20at%2016.34.41.png"), url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/61041b8a198f9d4f4a7b3482_176476425_3978201292239395_4907899717478798664_n.png");
  background-position: 50%, 50%;
  background-repeat: no-repeat, repeat;
  background-size: contain, contain;
}

._4thsection {
  background-color: #f7f5f5;
  justify-content: center;
  align-items: flex-start;
  height: 150vh;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 103px;
  padding-bottom: 0;
  display: flex;
  position: relative;
}

.gridcontain {
  text-align: center;
  background-color: #0000;
  flex-direction: column;
  align-items: center;
  padding-top: 70px;
  padding-bottom: 0;
  display: flex;
}

.case-studies {
  font-weight: 700;
}

.studies-text {
  text-align: center;
  width: 700px;
  padding-top: 40px;
  padding-bottom: 0;
  font-size: 16px;
  font-weight: 200;
  display: block;
}

._3rd-section {
  background-color: #fbb90b;
  height: 120vh;
  margin-top: 158px;
  margin-bottom: 0;
  display: block;
  position: relative;
  top: -172px;
}

.orange-clouds {
  position: absolute;
  top: -24%;
}

.whowearegrid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: -204px;
  margin-bottom: 0;
  padding: 97px 100px 0;
  display: grid;
}

.heading-50 {
  color: #fff;
  font-weight: 600;
}

.text-block-28 {
  color: #fff;
  font-weight: 700;
}

.button-10 {
  text-align: center;
  background-color: #28c0ae;
  border-radius: 20px;
  width: 150px;
  height: 50px;
  margin-top: 40px;
  margin-left: 150px;
  padding-top: 10px;
  padding-left: 17px;
  font-weight: 700;
  box-shadow: 0 0 10px -3px #000;
}

.button-10:hover {
  transform: scale(1.1);
}

.image-78 {
  width: 350px;
  padding-left: 80px;
}

.offerdiv {
  background-color: #f7f5f5;
  overflow: visible;
}

.text-span-27 {
  color: #63bbb4;
}

.text-block-29 {
  color: #fff;
  text-align: center;
  letter-spacing: 2px;
  text-transform: none;
  font-family: Montserrat, sans-serif;
  font-size: 12px;
  text-decoration: none;
}

.offercolumn {
  background-color: #f7f5f5;
  align-items: center;
  margin-top: 103px;
  margin-bottom: 0;
  display: flex;
}

.donutgirlimg {
  position: absolute;
  top: -202px;
}

.offersection {
  background-color: #f7f5f5;
  height: 85vh;
  margin-top: -25%;
  margin-bottom: 0;
  position: relative;
}

.massimoquote-2 {
  color: #fff;
  background-color: #28c0ae;
  padding: 40px;
  position: relative;
}

.testimonials {
  color: #f1f1f1;
  background-color: #f1f1f1;
  justify-content: center;
  align-items: center;
  height: auto;
  padding: 100px 0 60px;
  display: flex;
  position: relative;
}

.slider-4 {
  background-color: #28c0ae;
  width: 900px;
  padding-left: 10px;
  padding-right: 10px;
}

.slide-11 {
  color: #fff;
  padding: 50px;
  font-family: Montserrat, sans-serif;
  font-weight: 700;
}

.textholdertestimonial {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 60px;
  display: flex;
}

.testimonialtext {
  color: #fff;
  padding: 0;
  font-size: 10px;
  font-weight: 600;
}

.slide-12 {
  color: #fff;
}

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

.contactyo {
  background-color: #28c0ae;
  width: 100vw;
  height: 140vh;
  margin-top: 0;
  margin-right: 0;
  padding-left: 0;
  display: block;
  position: relative;
  overflow: hidden;
}

.contact-form-grid-2 {
  grid-column-gap: 30px;
  grid-row-gap: 10px;
  grid-template-rows: auto auto minmax(auto, 1fr);
  grid-template-areas: "Area"
                       "."
                       ".";
}

.header16.white {
  color: #fff;
  font-family: Signika, sans-serif;
  line-height: 35px;
}

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

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

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

.paragraph-light-5 {
  opacity: .6;
  font-size: 14px;
}

.contact-2 {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 80%;
  margin-top: 0;
  padding-top: 60px;
  padding-bottom: 60px;
  display: flex;
  position: relative;
  top: -89px;
  left: 152px;
}

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

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

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

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

.text-field-4.cc-textarea {
  border-width: 0;
  border-radius: 10px;
  height: 200px;
  padding-top: 12px;
}

.div-block-640 {
  margin-top: 0;
  padding-top: 0;
  padding-left: 40px;
}

.image-121 {
  margin-bottom: 0;
}

.client {
  background-color: #f1f1f1;
}

.bold-text-10 {
  font-weight: 400;
}

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

.div-block-642 {
  width: 450px;
  height: 350px;
}

.section-53 {
  overflow: hidden;
}

.div-block-643 {
  background-color: var(--white);
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/6103ff419f5033751be35290_esddsd.jpg");
  background-position: 0 0;
  background-size: auto;
  width: 100vw;
  height: 100vh;
}

.image-122, .image-123, .image-124, .image-125, .image-126, .image-127 {
  border-radius: 20px;
}

.grid-10 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: 50vh 50vh;
  grid-template-columns: 1fr 1fr 1fr;
  align-content: start;
  width: 100vw;
  height: 100vh;
}

.header {
  background-color: var(--white);
  color: var(--white);
  width: 100vw;
  padding-top: 60px;
  padding-bottom: 60px;
}

.ourservices {
  background-color: #fff;
  padding-top: 60px;
  padding-bottom: 100px;
}

.div-block-644 {
  background-color: #f5f5f5;
  border-radius: 30px;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  height: 250px;
  padding: 20px 30px;
  text-decoration: none;
  display: flex;
  box-shadow: 2px 6px 20px -19px #000;
}

.div-block-644:hover {
  background-color: #fffdfd;
  position: relative;
  top: -18px;
}

.div-block-644.invisible {
  box-shadow: none;
  background-color: #0000;
}

.div-block-644.blue {
  background-color: var(--light-sea-green);
  position: relative;
  top: -11px;
}

.div-block-644.blue:hover {
  background-color: #6fcdc5;
  top: -24px;
}

.columns-7 {
  margin-bottom: 40px;
}

.image-128 {
  color: #dedada;
  background-color: #efefef;
  border-radius: 20px;
  margin-top: 53px;
  padding: 40px;
  position: absolute;
  top: 51px;
  left: 45px;
}

.text-block-30 {
  text-align: center;
  letter-spacing: 1px;
  margin-bottom: 10px;
  line-height: 20px;
}

.paragraph-74 {
  color: var(--black);
  text-align: center;
  padding-right: 0;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
}

.div-block-645 {
  margin-bottom: 60px;
  display: none;
}

.clients {
  background-color: var(--white);
  padding-top: 20px;
  padding-bottom: 60px;
}

.container-372 {
  padding-left: 0;
  padding-right: 100px;
}

.container-373 {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.text-span-28 {
  color: var(--light-sea-green);
}

.text-span-29 {
  color: var(--white);
}

.text-span-30 {
  color: var(--white);
  font-weight: 500;
}

.column-35, .column-36 {
  align-items: center;
  display: flex;
}

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

.image-130 {
  margin-bottom: 0;
  padding-left: 20px;
  padding-right: 20px;
}

.image-131 {
  margin-top: 13px;
  margin-bottom: 0;
  padding-left: 40px;
  padding-right: 40px;
}

.columns-8 {
  margin-top: 52px;
}

.image-132 {
  margin-top: 14px;
  margin-bottom: 0;
  padding-left: 40px;
  padding-right: 40px;
}

.image-133 {
  margin-top: 11px;
  margin-bottom: 0;
}

.image-134 {
  padding-left: 40px;
  padding-right: 40px;
}

.image-135 {
  margin-top: 14px;
}

.recentwork {
  background-color: #f5f5f5;
  padding-top: 100px;
  padding-bottom: 100px;
  display: block;
}

.columns-9 {
  margin-top: 40px;
}

.image-136 {
  padding-left: 20px;
  padding-right: 20px;
}

.image-137 {
  padding-top: 25px;
}

.image-138 {
  padding: 0 10px 10px;
}

.image-139 {
  padding-top: 14px;
  padding-left: 10px;
  padding-right: 10px;
}

.div-block-646 {
  padding-top: 40px;
}

.div-block-647 {
  justify-content: center;
  margin-bottom: 10px;
  display: none;
}

.bold-text-11 {
  line-height: 16px;
}

.text-span-31 {
  color: var(--goldenrod);
}

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

.bold-text-12 {
  color: var(--light-sea-green);
}

.section-54 {
  background-color: var(--light-sea-green);
  align-items: center;
  height: auto;
  padding-top: 40px;
  padding-bottom: 40px;
  display: block;
}

.grid-11 {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  margin-top: 40px;
  margin-bottom: 40px;
}

.grid-12 {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.div-block-648 {
  background-color: #fff;
  border-radius: 20px;
  padding: 40px;
  box-shadow: 13px 13px 12px -12px #5b999421;
}

.div-block-648.highlightservice {
  background-color: var(--light-sea-green);
  position: relative;
  top: 0;
}

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

.white.yellow {
  color: var(--goldenrod);
  text-decoration: none;
}

.hide {
  display: none;
}

.container-374, .div-block-649 {
  padding: 40px;
}

.div-block-650 {
  justify-content: center;
  margin-bottom: 10px;
  display: flex;
}

.div-block-651 {
  border: 1px solid var(--light-sea-green);
  background-color: #0000;
  align-items: center;
  height: 15vh;
  display: flex;
}

.overflowhiddenmask {
  width: auto;
  height: auto;
  margin-top: 0;
  position: relative;
  top: -185px;
  left: 0;
  overflow: visible;
}

.overflowhiddenmask.portfoliotablet2 {
  margin-left: -184px;
  top: -48px;
}

.portfolioparent {
  background-color: #0000;
  border: 0 solid #191919;
  flex-direction: column;
  align-items: center;
  width: 100vw;
  height: auto;
  margin-top: auto;
  margin-bottom: 68px;
  padding-top: 60px;
  display: block;
  position: relative;
  inset: 0 0% 0%;
  overflow: hidden;
}

.heading-51 {
  color: #000;
  margin-top: 40px;
  margin-bottom: 0;
  font-size: 30px;
  position: relative;
  top: 0;
}

.column-37 {
  display: none;
}

.divblock6copy {
  width: 100vw;
  margin-top: 0;
  padding-top: 0;
  position: relative;
  top: 0;
  left: -359px;
}

.divblock6copy.ppv2 {
  margin-top: -372px;
  top: 669px;
  left: -129px;
}

.heading-5 {
  opacity: .38;
  color: #000;
  text-align: center;
  margin-top: 250px;
  margin-left: 0;
  font-family: Signika, sans-serif;
  font-size: 15px;
  font-weight: 300;
  position: relative;
  top: 90px;
}

.homeprojecttitle {
  color: #404040;
  margin-top: 29px;
  margin-bottom: 40px;
  font-family: Ubuntu, Helvetica, sans-serif;
  position: absolute;
  inset: -24% auto auto 3%;
}

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

.div-block-653 {
  width: 75%;
  margin-top: 156px;
  margin-left: 0;
  margin-right: 100px;
}

.div-block-653.potfolio {
  margin-top: 0;
}

.text-block-15 {
  letter-spacing: 1px;
  border-left: 4px solid #fbb90b;
  width: 90%;
  margin-bottom: 100px;
  margin-left: 0;
  padding-left: 20px;
  font-family: Lato, sans-serif;
  font-size: 14px;
  position: relative;
  left: 10px;
}

.text-block-15.portfilio {
  width: 100%;
}

.div-block-6 {
  color: #404040;
  width: 100%;
  height: 30%;
  font-size: 50px;
  position: absolute;
  inset: -18% auto auto -14%;
}

.stickydivbg {
  width: 100vw;
  height: 100vh;
  margin-top: 21px;
  margin-left: 0;
  position: relative;
  inset: 0% auto auto 0%;
  overflow: visible;
}

.stickydivbg.ppv2 {
  width: auto;
  height: auto;
  margin-top: auto;
  top: 0%;
  left: 0%;
}

.stickydivbg.ppv2._2 {
  height: 100%;
}

.link-block-31 {
  margin-top: -54px;
  margin-right: 40px;
}

.horisontalscrollcontent {
  align-items: center;
  width: 400vw;
  height: 200px;
  margin: 40px 220px 40px 99px;
  padding-top: 0;
  padding-left: 70px;
  padding-right: 70px;
  display: flex;
  position: relative;
  top: 0;
  bottom: 60px;
  left: 57px;
  overflow: hidden;
}

.horisontalscrollcontent.pv2.ppscrollv2 {
  height: 600px;
  margin-top: 20px;
  margin-bottom: 220px;
  margin-left: 99px;
  padding-top: 40px;
  top: -349px;
  left: -782px;
}

.column-38 {
  margin-top: -160px;
  margin-bottom: 60px;
}

.column-38.desktop {
  margin-top: -160px;
  top: 160px;
  left: 280px;
}

.heading-16 {
  margin-top: -14px;
  margin-bottom: 10px;
  font-size: 40px;
  font-weight: 700;
  line-height: 55px;
  position: relative;
}

.columns-10 {
  position: relative;
  top: -358px;
}

.columns-10.portfolio-col {
  margin-left: 0;
  margin-right: 120px;
  left: -119px;
}

.block {
  opacity: 1;
  background-color: #cfc5c5;
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/6169590c2f8854e6b24056cd_Screen%20Shot%202020-01-20%20at%2019.49.32.png");
  background-position: 0 0;
  background-size: 125px;
  border-radius: 20px;
  width: 7%;
  height: 300px;
  margin-top: 100px;
  margin-left: 40px;
  margin-right: 10px;
  padding: 20px 0;
  display: inline-block;
  position: relative;
  box-shadow: 5px 11px 16px -15px #000;
}

.block._4 {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/600d8b5520228e11f11991f9_afsfds.jpg");
  background-position: 50%;
  background-size: cover;
  width: 400px;
  height: 350px;
  margin-left: 0;
  position: relative;
}

.block._4.p3 {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/600d8b5520228e549b1991ff_73198329_415942645735212_4785466876329197568_n.png");
  background-position: 50%;
  background-size: cover;
  height: 350px;
  top: 19px;
}

.block._4.p3.ppv26 {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/6169590c2f885404314056d2_Screen%20Shot%202020-01-22%20at%2010.48.50.png"), none;
  background-position: 100%, 50%;
  background-size: contain, cover;
  top: 0;
}

.block._4.ppv24 {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/600d8b5520228e4e731991fa_Cocozilla3.jpg");
  background-position: 50%;
  background-size: cover;
  width: 200px;
  height: 100px;
  bottom: -19px;
  box-shadow: 6px 15px 16px -9px #000;
}

.block._4.b2 {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/600d8b5520228ea0fb199295_Screen%20Shot%202020-01-19%20at%2023.15.29.png");
  background-position: 50% 100%;
  height: 350px;
}

.block._4.b2.ppv25 {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/600d8b5520228e0ca71991f8_FM.jpg");
  background-position: 50%;
  background-size: cover;
  height: 350px;
  top: 19px;
}

.clientscroll {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/614cafeaa6a886e0f8f1c539_download.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  background-attachment: scroll;
  width: 200px;
  height: 100px;
  margin-right: 40px;
  padding-right: 0;
}

.clientscroll.client2 {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/614cb00d35299c09af6d5fa4_Screenshot%202021-09-23%20at%2017.49.05.png");
  margin-left: -20px;
  margin-right: 20px;
}

.clientscroll.client2.hoh {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/627a58e8e184b40be6eccf8d_Screenshot%202022-05-10%20at%2013.21.49.png");
}

.clientscroll.client2.extra {
  width: 500px;
}

.clientscroll.client3 {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/600d8b5520228e51b119920c_Yoda_full_dark_Transparent.png");
}

.clientscroll.client3.abcult {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/6197af50d502444372fe56be_Absolutelycultured.png");
  margin-left: -20px;
  margin-right: 20px;
}

.clientscroll.client4 {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/614caf633906472cc5c0ef59_Screenshot%202021-09-23%20at%2017.46.17.png");
}

.clientscroll.client6 {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/614cb4cd1b1ea084ac98a9cf_5f4f7a88fa8b07197f98b3c3_5f365936a224a3ed1cf81d56_crab-sharp_6b98adcbb0b1799fdb2d8797b610d52a.png");
}

.clientscroll.client7 {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/614cafb082bc03667a38bd98_Screenshot%202021-09-23%20at%2017.47.34.png");
}

.clientscroll.client8 {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/614cb6815cb06daf95b341d7_Black_TT-Full_logo.png");
}

.clientscroll.client9 {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/614cb6e75cb06d42efb34b2f_Screenshot%202021-09-23%20at%2018.18.23.png");
}

.clientscroll._2c2 {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/616d77fb3a0c8a87d6ea47bd_Behumanlogo.png");
}

.clientscroll._2c3 {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/616d78592ebfefed7f5a7ffe_state-logo.png");
}

.clientscroll.mo {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/668cca806cb03449e734067b_Mandarin_Oriental_Hotel_Group_logo.svg.png");
}

.clientscroll.hg {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/668ccafc5ff6e31fdddbde34_images%20(1).png");
}

.clientscroll.er {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/668ccafc63eab755ea051f82_hendricks_gin_logo.png");
  margin-left: -30px;
  margin-right: 20px;
}

.clientscroll.blank {
  background-image: none;
  justify-content: center;
  align-items: center;
  height: auto;
  margin-right: 0;
  display: flex;
}

.clientscroll.blank.insidepad {
  padding: 20px;
}

.clientscrollerwrap {
  border-top: 0px solid var(--light-sea-green);
  border-bottom: 0px solid var(--light-sea-green);
  background-color: var(--white);
  border-radius: 20px;
}

.clientscroller {
  border-top: 0px solid var(--light-sea-green);
  padding-top: 40px;
  padding-bottom: 0;
  display: none;
  overflow: hidden;
}

.clientscroller._2 {
  padding: 0;
}

.div-block-654 {
  flex-direction: column;
  padding: 20px;
  display: flex;
}

.div-block-655 {
  background-color: var(--light-sea-green);
  border-radius: 20px;
  width: 400px;
  height: 400px;
  margin-top: 83px;
  margin-left: 134px;
}

.ourvalues {
  background-color: var(--light-sea-green);
  padding-top: 60px;
  padding-bottom: 100px;
}

.bold-text-13 {
  color: var(--white);
}

.div-block-656 {
  border-top: 3px solid var(--white);
  border-bottom: 3px solid var(--white);
  margin-top: 20px;
  padding-top: 20px;
  padding-bottom: 20px;
}

.text-span-32, .text-span-33 {
  color: var(--goldenrod);
}

.container-375 {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.link-block-32 {
  text-decoration: none;
}

.letstalktext:hover, .yellowhover:hover {
  color: var(--goldenrod);
}

.grid-13 {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto auto;
  justify-items: center;
}

.div-block-657 {
  color: #0000;
  background-color: #fff;
  border-radius: 20px;
  flex-direction: column;
  justify-content: space-between;
  width: auto;
  padding: 40px;
  display: flex;
  box-shadow: 14px 14px 20px 4px #5d979229;
}

.div-block-657.blue {
  background-color: var(--light-sea-green);
}

.paragraph-75 {
  color: var(--black);
  margin-bottom: 20px;
  padding-right: 0;
  font-family: Montserrat, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 25px;
}

.bold-text-14 {
  color: var(--black-2);
  font-size: 12px;
}

.image-140 {
  margin-bottom: 10px;
}

.div-block-658 {
  margin-top: 20px;
}

.link-16 {
  color: var(--goldenrod);
  font-weight: 700;
  text-decoration: none;
}

.link-block-33, .link-block-34 {
  text-decoration: none;
}

.grid-14, .grid-15 {
  display: none;
}

.link-block-35, .link-block-36 {
  text-decoration: none;
}

.bold-text-15 {
  font-family: Plus Jakarta Sans, sans-serif;
}

.link-17 {
  color: var(--goldenrod);
  text-decoration: underline;
}

.link-block-37 {
  text-decoration: none;
}

.section-55 {
  padding-top: 40px;
  display: block;
}

.div-block-659 {
  align-items: center;
  margin-top: 20px;
  margin-bottom: 100px;
  display: flex;
}

.div-block-660 {
  margin-right: 100px;
}

.section-56 {
  padding-top: 100px;
}

.blogsection {
  background-color: var(--white);
  max-width: 100%;
  height: 100%;
}

.bloggrid {
  background-color: var(--white);
  grid-template-columns: 1fr 1fr 1fr;
  padding-top: 120px;
}

.blogcontainer {
  flex-direction: column;
  align-items: center;
  height: 100%;
  padding: 100px 40px 60px;
  display: flex;
  position: relative;
}

.blogdiv {
  flex-direction: column;
  justify-content: space-between;
  padding-bottom: 20px;
  display: flex;
}

.filldiv {
  background-color: var(--hot-pink);
  opacity: .8;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: none;
}

.filldiv.filldiv2 {
  background-color: var(--goldenrod);
  width: 101%;
  height: 101%;
}

.grid-text {
  color: var(--white);
  letter-spacing: 2px;
  text-indent: 2px;
  padding-left: 20px;
  padding-right: 20px;
  font-family: Signika, sans-serif;
  font-size: 35px;
  font-weight: 700;
}

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

.blogheader {
  color: var(--light-sea-green);
  font-family: Signika, sans-serif;
  font-weight: 700;
  display: block;
}

.blogtext1 {
  font-family: Lato, sans-serif;
}

.blogtext2 {
  color: var(--light-sea-green);
  font-family: Lato, sans-serif;
}

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

.div-block-662 {
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
}

.section-57 {
  flex-direction: column;
  align-items: flex-start;
  padding: 60px 0 100px;
  display: block;
}

.section-57.hide {
  display: none;
}

.link-block-38 {
  margin-right: 100px;
}

.image-142 {
  width: 100vw;
}

.image-142.margintopplus100, .image-142.hr50 {
  margin-top: 100px;
}

.div-block-663 {
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 400px;
  display: flex;
}

.section-58 {
  padding: 100px 60px;
}

.section-59 {
  padding-top: 100px;
  padding-bottom: 100px;
}

.beauty-posts-section {
  padding-top: 60px;
  padding-left: 10vw;
  padding-right: 10vw;
}

.container-378 {
  width: 100%;
  max-width: 1440px;
  padding-top: 0;
}

.container-378.blog-posts {
  align-items: flex-start;
  display: flex;
}

.beauty-collection-list-wrapper {
  margin-bottom: 100px;
}

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

.beauty-collection-list.two-cards {
  grid-template-columns: 1fr 1fr;
}

.empty-state {
  background-color: #ffd3d0;
}

.title-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.category-tag {
  color: #fff;
  text-align: center;
  letter-spacing: 1px;
  text-transform: uppercase;
  background-color: #f9958e;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  padding: 4px 20px;
  font-size: 12px;
  font-weight: 700;
  line-height: 28px;
  text-decoration: none;
  display: flex;
}

.published-date-text {
  margin-right: 6px;
  display: block;
}

.author-text {
  margin-right: 4px;
}

.post-heading {
  margin-bottom: 20px;
}

.post-heading.layout-three {
  text-align: center;
}

.post-title-section {
  background-color: #fff0df;
  padding: 40px 10vw;
}

.author-name-wrapper {
  margin-bottom: 20px;
  display: flex;
}

.post-section {
  padding-top: 60px;
  padding-left: 10vw;
  padding-right: 10vw;
}

.post-section.layout-one {
  padding-top: 60px;
}

.post-wrapper.layout-three {
  width: 100%;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}

.post-wrapper.layout-one {
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.rich-text-2 {
  width: 100%;
  margin-top: 0;
}

.rich-text-2.layout-one {
  margin-top: 40px;
  padding-bottom: 40px;
}

.section-60 {
  clear: right;
  background-color: #fff;
  padding-top: 32px;
  padding-bottom: 50px;
  overflow: hidden;
}

.section-60.intro {
  margin-top: -52px;
  padding-top: 103px;
  padding-bottom: 103px;
  overflow: hidden;
}

.section-60.et {
  padding-bottom: 111px;
}

.section-60.alt {
  background-color: #fdece8;
}

.section-60.footer {
  text-align: center;
  width: 100vw;
  padding-top: 96px;
  padding-bottom: 0;
}

.h3 {
  margin-bottom: 33px;
  font-size: 34px;
  font-weight: 600;
  line-height: 40px;
}

.h3.txt-center {
  text-align: center;
  margin-top: 36px;
  margin-bottom: 1px;
  padding-left: 30px;
  padding-right: 30px;
}

.ft-icon {
  margin-bottom: 14px;
}

.paragraph {
  font-weight: 400;
  line-height: 30px;
}

.paragraph.subhead {
  margin-bottom: -30px;
}

._2-col-img-grid {
  grid-template-rows: auto;
  justify-content: center;
  place-items: center;
}

._2-col-img-grid.ft {
  margin-top: 50px;
  margin-bottom: 50px;
}

.feature-image {
  z-index: 1;
  width: 450px;
  margin-top: -24px;
  margin-bottom: -84px;
  position: relative;
}

.feature-image.right {
  border-radius: 20px;
  width: 450px;
  margin-top: 29px;
  margin-left: -93px;
}

.feature-image.oter {
  z-index: -1;
  position: absolute;
  left: 72px;
}

.feature-image.oter.oter-2 {
  z-index: -2;
  width: 390px;
}

.feature-image.right {
  width: 360px;
  margin-top: 29px;
  margin-left: -93px;
}

.wrapper-2 {
  z-index: 1;
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.feature-dec {
  padding-right: 100px;
}

.feature-dec.left {
  margin-left: 104px;
  padding-right: 0;
}

.feature-dec.right {
  z-index: 0;
  margin-left: -28px;
  padding-right: 149px;
  position: relative;
}

.heading-center {
  text-align: center;
  margin-bottom: 47px;
  padding-left: 285px;
  padding-right: 285px;
}

.heading-center.footer {
  padding-left: 193px;
  padding-right: 193px;
}

.image-143 {
  width: 100%;
}

.bold-text-17 {
  font-weight: 400;
}

.container-379 {
  justify-content: center;
  display: flex;
}

.image-144 {
  margin-top: 100px;
}

.mobileonly {
  display: none;
}

.section-61 {
  padding-bottom: 40px;
}

.image-146 {
  display: none;
}

.select-field {
  border: 1px solid var(--goldenrod);
  border-radius: 20px;
}

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

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

.image-147 {
  flex: 0 auto;
  height: 100%;
}

.heading-52 {
  font-family: Signika, sans-serif;
  font-size: 15px;
}

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

.container-380 {
  padding: 60px 100px 100px;
}

.blog-posts-wrapper {
  width: 70%;
}

.author-paragraph {
  color: #fff;
  text-align: center;
  margin-top: 10px;
  margin-bottom: 40px;
  padding-right: 0;
  line-height: 24px;
}

.author-image-wrapper {
  z-index: 3;
  background-color: #ffd3d0;
  border-radius: 50%;
  width: 200px;
  height: 200px;
  margin-top: -100px;
  position: absolute;
  top: 0%;
  bottom: auto;
  overflow: hidden;
}

.author-image {
  object-fit: cover;
  object-position: 50% 50%;
  border-radius: 0%;
  width: 100%;
  height: 100%;
  padding: 6px;
}

.author-intro-text {
  color: #fff;
  letter-spacing: 1px;
  font-family: Signika, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 36px;
}

.author-card-wrapper {
  border-radius: 30px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 400px;
  margin-top: 40px;
  margin-left: 0;
  display: flex;
  position: sticky;
  top: 160px;
}

.blog-section {
  padding: 100px 10vw 60px;
}

.blog-card-wrapper {
  margin-bottom: 80px;
  padding-right: 0;
}

.secondary-button {
  color: #333;
  background-color: #0000;
  border: 1px solid #333;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 120px;
  height: 40px;
  font-size: 14px;
  font-weight: 400;
  line-height: 28px;
  display: flex;
}

.secondary-button.author {
  color: #fff;
  border-color: #fff;
  transition: border-color .3s, color .3s, background-color .3s;
}

.secondary-button.author:hover {
  color: #333;
  background-color: #fff0df;
  border-color: #fff0df;
}

.author-top {
  z-index: 2;
  background-color: #63bbb4;
  border-radius: 30px;
  flex-direction: column;
  align-items: center;
  margin-top: 0;
  padding: 140px 20px 40px;
  display: flex;
  position: relative;
}

.nav-link-2 {
  border: 2px solid #0000;
  border-radius: 100px;
  flex-direction: row;
  margin-right: 2.5vw;
  padding-top: 8px;
  padding-bottom: 8px;
  transition: border .3s;
  display: block;
}

.nav-link-2:hover {
  border: 2px solid #decdb4;
  border-radius: 50px;
  font-weight: 400;
}

.nav-link-2.w--current {
  color: #333;
  border-color: #decdb4;
}

.nav-link-2.last {
  margin-right: 0;
}

.dropdown-toggle {
  padding-top: 0;
  padding-bottom: 0;
}

.footer-link-2 {
  color: #fff;
  margin-bottom: 20px;
  font-size: 14px;
  text-decoration: none;
  transition: color .3s;
}

.footer-link-2:hover {
  color: #ffd3d0;
}

.footer-link-2.underline {
  font-size: 14px;
  text-decoration: underline;
}

.error-message {
  background-color: #ffd3d0;
}

.footer-links-wrapper {
  flex-direction: column;
  display: flex;
}

.nav-menu-3 {
  flex: 0 auto;
  align-items: center;
  display: flex;
}

.navbar-4 {
  background-color: #f5f5f5;
  border-bottom: 2px solid #decdb4;
  padding: 30px 5vw;
}

.dropdown-link {
  border: 2px solid #0000;
  border-radius: 100px;
  margin-bottom: 6px;
  padding-top: 8px;
  padding-bottom: 8px;
}

.dropdown-link:hover {
  border: 2px solid #decdb4;
}

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

.contact-text-field {
  border: 1px solid #f9958e;
  border-radius: 50px;
  height: 50px;
  margin-bottom: 20px;
  transition: border-color .3s;
}

.contact-text-field:focus {
  border-color: #325b5b;
}

.contact-text-field.newsletter {
  color: #fff;
  background-color: #0000;
  border-color: #fff;
  transition: background-color .3s, border-color .3s;
}

.contact-text-field.newsletter:focus {
  color: #333;
  background-color: #fff;
}

.contact-text-field.newsletter::placeholder {
  color: #fff;
}

.dropdown-list.w--open {
  background-color: #fff;
  border-radius: 30px;
  margin-top: 20px;
  padding: 30px;
  box-shadow: 0 4px 4px #00000040;
}

.footer-category {
  color: #fff;
  margin-bottom: 60px;
  font-weight: 700;
}

.brand {
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.brand.footer {
  margin-bottom: 60px;
  position: relative;
}

.footer-wrapper {
  grid-column-gap: 20px;
  grid-row-gap: 60px;
  grid-template-rows: auto;
  grid-template-columns: 1.25fr 1fr 1fr 1fr 1.25fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.category-tag-2 {
  color: #fff;
  text-align: center;
  letter-spacing: 1px;
  text-transform: uppercase;
  background-color: #63bbb4;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  max-width: 200px;
  margin-top: 20px;
  margin-right: 20px;
  padding: 4px 20px;
  font-size: 12px;
  font-weight: 500;
  line-height: 28px;
  text-decoration: none;
  display: flex;
}

.category-tag-2.pink {
  background-color: var(--hot-pink);
}

.primary-button {
  color: #333;
  background-color: #f9958e;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 160px;
  height: 60px;
  font-size: 18px;
  font-weight: 700;
  line-height: 28px;
  transition: background-color .3s;
  display: flex;
}

.primary-button:hover {
  background-color: #fff0df;
}

.primary-button.newsletter {
  width: 120px;
  height: 40px;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 14px;
}

.logo {
  max-width: 50%;
  display: inline-block;
}

.success-message-2 {
  background-color: #fff0df;
}

.navbar-container {
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.footer-section {
  background-color: #325b5b;
  padding: 80px 5vw;
}

.footer-text {
  color: #fff;
  margin-bottom: 30px;
  font-size: 14px;
  line-height: 24px;
}

.newsletter-form {
  flex-direction: column;
  align-items: flex-end;
  display: flex;
}

.portfolio-2 {
  background-color: #f5f5f5;
  padding: 40px 5vw;
}

.portfolio-2.heading {
  background-color: #0000;
  margin-top: 100px;
  padding-top: 40px;
  padding-bottom: 40px;
}

.hero-wrapper {
  justify-content: center;
  align-items: center;
  display: flex;
}

.hero-heading {
  letter-spacing: 1px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Signika, sans-serif;
  font-weight: 700;
}

.image-148 {
  width: 100vw;
  height: 200px;
}

.text-block-31 {
  color: var(--black);
  font-weight: 700;
}

.image-149 {
  width: 300px;
  min-height: 200px;
  max-height: 200px;
  margin-bottom: 20px;
}

.blog-next-wrapper {
  margin-top: 20px;
  padding-bottom: 40px;
}

.div-block-665 {
  display: flex;
}

.beauty-card-wrapper {
  flex-direction: column;
  align-items: center;
  text-decoration: none;
  display: flex;
  position: relative;
}

.beauty-card-background {
  background-color: #fff0df;
  border-radius: 30px;
  height: 400px;
  position: absolute;
  inset: 0% 0% -129%;
  transform: translate(20px, 20px);
}

.beauty-card-image-wrapper {
  border-radius: 30px;
  margin-bottom: 40px;
  position: relative;
  overflow: hidden;
}

.beauty-card-image {
  object-fit: cover;
  width: 100%;
  height: auto;
  position: relative;
}

.beauty-card-heading {
  font-family: Signika, sans-serif;
  font-size: 35px;
  font-weight: 700;
  line-height: 50px;
}

.date-wrapper {
  flex-direction: row;
  display: flex;
}

.container-381 {
  width: 100%;
  max-width: 1440px;
}

.beauty-card-wrapper-2 {
  text-decoration: none;
  display: block;
  position: relative;
}

.beauty-card-background-2 {
  background-color: var(--light-sea-green);
  border-radius: 30px;
  height: 400px;
  position: absolute;
  inset: 0%;
  transform: translate(20px, 20px);
}

.beauty-card-image-2 {
  object-fit: cover;
  width: 100%;
  height: 400px;
  position: relative;
}

.beauty-card-background-3 {
  background-color: #fff0df;
  border-radius: 30px;
  height: 400px;
  position: absolute;
  inset: 0%;
  transform: translate(20px, 20px);
}

.link-block-39 {
  text-decoration: none;
}

.image-150 {
  width: 100%;
}

.freedomfest2022_port {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/62f0ef869af995370027e9d2_illustrationmockuppageslong.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
}

.section-62 {
  z-index: 100;
  background-color: var(--light-sea-green);
  align-items: center;
  height: 40px;
  display: flex;
  position: fixed;
  inset: auto 0% 0%;
}

.section-62.hide {
  display: none;
}

.text-block-32 {
  color: var(--white);
  font-family: Ubuntu, Helvetica, sans-serif;
  font-size: 12px;
}

.bold-text-18 {
  color: var(--light-sea-green);
}

.div-block-668 {
  display: flex;
}

.div30 {
  width: 30%;
}

.div30.leftpad100 {
  padding-left: 100px;
}

.porttextheading {
  font-weight: 700;
}

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

.link-block-40 {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/63d02f2b0b9080a078aa0c1d_NHBannerOptimised.png");
  background-position: 50%;
  background-size: cover;
}

.link-block-41 {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/6405f64fdc5727796c9bc2a3_2final_TeamPlannerFullMockup.png");
  background-position: 50% 0;
  background-size: cover;
}

.left-svitch-div {
  float: left;
  color: #003;
  cursor: pointer;
  padding-left: 0;
  line-height: 20px;
  display: inline-block;
  position: relative;
  overflow: visible;
}

.section-63 {
  padding: 100px 20px;
}

.radio-button-field {
  display: inline-block;
}

.input-slider {
  float: right;
  text-align: center;
  background-color: #0000;
  border: 1px solid #00000040;
  width: 36px;
  height: 36px;
  margin-top: 0;
  margin-bottom: 0;
  padding: 0;
  font-size: 14px;
  font-weight: 700;
  line-height: 36px;
  display: inline-block;
}

.input-slider.info {
  border-color: #0000;
  width: auto;
  padding-left: 10px;
}

.calculator-slide-block {
  float: left;
  grid-column-gap: 60px;
  grid-row-gap: 40px;
  text-align: left;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr .75fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.div-for-svitch {
  float: left;
}

.field-label-12 {
  float: left;
  clear: none;
  height: 36px;
  font-size: 14px;
  font-weight: 400;
  line-height: 36px;
  display: inline-block;
}

.field-label-12.total {
  height: 20px;
  line-height: 20px;
}

.field-label-12.solid {
  float: none;
  display: block;
}

.calculator-slider-input {
  display: none;
}

.calculator-revenue-2 {
  color: #f7941e;
  margin-top: 5px;
  margin-bottom: 0;
  font-size: 23px;
  font-weight: 700;
  line-height: 30px;
}

.text-block {
  height: 36px;
  line-height: 36px;
  display: inline-block;
}

.radio-button-field-2 {
  z-index: 11;
  float: none;
  clear: none;
  width: 100%;
  height: 30px;
  margin-right: 20px;
  padding-top: 0;
  padding-bottom: 0;
  display: block;
  position: relative;
}

.icon-4 {
  z-index: 102;
  color: #999;
  padding-left: 5px;
  padding-right: 5px;
  font-size: 16px;
  text-decoration: none;
  transition: all .2s ease-in-out;
  display: inline-block;
  position: relative;
}

.icon-4:hover {
  color: #f7941e;
}

.cerkl-button-svitch {
  float: right;
  background-color: #fff;
  border-radius: 10px;
  width: 16px;
  height: 16px;
  position: relative;
}

.calculator-form {
  background-color: #fafafa;
  padding: 40px;
}

.max {
  float: right;
  color: #666;
  display: inline-block;
}

.name-form {
  text-transform: uppercase;
  margin-bottom: 40px;
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
}

.name-form.total {
  margin-bottom: 0;
}

.ui-widget-content {
  float: none;
  background-color: #e5e5e5;
  background-image: linear-gradient(to right, #f7941e, #e5e5e5 0%);
  border: 0 #1b2128;
  border-radius: 5px;
  width: 100%;
  height: 5px;
  margin-top: 20px;
  display: block;
  position: relative;
}

.radio-button-label {
  position: relative;
}

.check-triger {
  z-index: 100;
  float: none;
  opacity: 0;
  cursor: pointer;
  width: 100%;
  height: 100%;
  margin-top: 0;
  margin-left: 0;
  display: block;
  position: absolute;
}

.con {
  width: 100%;
  max-width: 1180px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.min {
  float: left;
  color: #666;
  display: inline-block;
}

.ui-slider-handle {
  color: #333;
  cursor: ew-resize;
  background-color: #323331;
  border-radius: 11px;
  width: 20px;
  height: 20px;
  margin-left: -10px;
  margin-right: -10px;
  text-decoration: none;
  transition: all .2s ease-in-out;
  position: absolute;
  top: -150%;
  right: auto;
}

.opyright-link-to-webflow-epert {
  color: #e5e5e5;
  text-align: center;
  flex: 0 auto;
  order: 0;
  margin: 40px auto -40px;
  text-decoration: none;
  display: block;
}

.div-block-info {
  width: 100%;
  position: relative;
  inset: auto 0% 0%;
}

.div-block-2 {
  cursor: pointer;
  margin-bottom: 20px;
  padding-left: 10px;
  padding-right: 10px;
  position: relative;
}

.grey-line {
  float: left;
  background-color: #e5e5e5;
  width: 1px;
  height: 100px;
  margin-right: 40px;
  display: inline-block;
}

.calculator-output-block {
  text-align: left;
  align-items: center;
  display: flex;
}

.radio-button {
  z-index: 10;
  position: relative;
}

.svitch-button {
  background-color: #f7941e;
  border-radius: 40px;
  width: 34px;
  height: 20px;
  margin-top: 10px;
  margin-right: 10px;
  padding: 2px;
  display: block;
  overflow: hidden;
}

.header-2 {
  background-color: #fdece8;
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/6437efaef6d8bee0ce1bad19_bg%20pattern.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 41px;
  margin-top: -14px;
  padding: 116px 296px;
  position: relative;
  overflow: hidden;
}

.text-block-33 {
  padding-left: 20px;
  font-weight: 600;
  display: inline-block;
}

.h1 {
  color: #005ca9;
  text-align: center;
  font-size: 68px;
  font-weight: 900;
}

.button-icon {
  color: #fff;
  background-color: #005ca9;
  border-radius: 10px;
  padding: 16px 43px;
  display: inline-block;
}

.button-icon.button {
  cursor: pointer;
  text-decoration: none;
}

.button-icon.button.last-child {
  margin-left: 15px;
  text-decoration: none;
}

.downloads {
  text-align: center;
  margin-top: 24px;
}

.headimg {
  filter: brightness(200%);
  position: absolute;
  inset: -19% auto auto -10%;
}

.headimg._2 {
  inset: auto -5% -12% auto;
}

.image {
  width: 440px;
}

.mask-2 {
  height: 640px;
}

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

.feature-icon {
  margin-bottom: 13px;
}

.feature-label {
  font-weight: 600;
}

.app-feature-card {
  text-align: center;
  cursor: crosshair;
  background-color: #fff6f4;
  border-radius: 20px;
  padding: 29px 36px;
  transition: all .275s ease-in-out;
}

.app-feature-card:hover {
  background-color: #bfebf3;
  box-shadow: 0 7px 15px -5px #bfebf363;
}

.slide-13 {
  margin-left: 61px;
}

.slider-5 {
  background-color: #0000;
  height: 630px;
}

.more-features {
  grid-template-rows: auto;
  margin-top: 37px;
  padding-right: 65px;
}

.div-block {
  border-top: 1px solid #eee;
  margin-top: 82px;
  padding-top: 6px;
  padding-bottom: 0;
}

.social {
  margin-top: 34px;
}

.text-block-34 {
  padding-left: 20px;
  font-weight: 600;
  display: inline-block;
}

.div-block-670 {
  height: 20px;
}

.form-2 {
  background-color: #f2f6ff;
  border-radius: 10px;
  align-items: center;
  padding: 0 8px;
  display: flex;
}

.image-3 {
  z-index: 0;
  object-fit: cover;
  margin-top: -177px;
  position: relative;
}

.form-block-2 {
  padding-left: 77px;
  padding-right: 77px;
}

.button-12 {
  color: #005ca9;
  background-color: #f2f6ff;
  border-radius: 10px;
  margin-top: 0;
  padding: 16px 43px;
  font-weight: 700;
  transition: all .275s ease-in-out;
}

.button-12:hover {
  color: #fff;
  background-color: #005ca9;
  box-shadow: -1px 11px 19px -6px #13399663;
}

.button-12.alt {
  background-color: #fc643f;
}

.button-12.alt:hover {
  background-color: #005ca9;
}

.button-12.alt.no-mg {
  margin-top: 0;
}

.text-field-5 {
  background-color: #0000;
  border: 1px #000;
  margin-top: 11px;
  padding-top: 29px;
  padding-bottom: 29px;
}

.text-field-5::placeholder {
  color: #005ca9;
  font-size: 18px;
}

.image-151 {
  width: 241px;
}

.container-382 {
  border-left: 1px solid #292929;
  border-right: 1px solid #000;
}

.navbar-5 {
  background-color: #f5f5f5;
  border: 1px solid #bdbdc5;
  position: fixed;
  inset: 0% 0% auto;
}

.body-5 {
  background-color: #fff;
  border: 1px solid #fff;
}

.nav-progress-indicator {
  z-index: 1;
  border: 2px solid var(--light-sea-green);
  background-color: #3a7f79;
  width: 1px;
  height: 10vh;
  position: absolute;
  inset: 0% -1px auto auto;
}

.icon-5 {
  color: var(--light-sea-green);
  text-align: center;
}

.brand-wrapper {
  z-index: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 2em;
  margin-right: 2px;
  padding-left: 0;
  display: flex;
}

.nav-links-wrapper {
  z-index: 1;
  grid-row-gap: 2em;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.nav-link-text {
  color: #20283dba;
}

.nav-link-text.is-chapter {
  color: var(--midnight-blue);
  font-size: .5em;
}

.navbar-container-2 {
  background-color: #0000;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  height: 100%;
  display: flex;
}

.nav-link-3 {
  z-index: 1;
  grid-row-gap: .25em;
  color: #20283d;
  text-align: center;
  letter-spacing: .1em;
  text-transform: uppercase;
  white-space: nowrap;
  flex-direction: column;
  align-items: center;
  font-size: 1.2em;
  text-decoration: none;
  transition: opacity .2s;
  display: flex;
  position: relative;
}

.nav-link-3:hover {
  opacity: .55;
}

.nav-main-toggle {
  z-index: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-bottom: 1.4em;
  display: flex;
}

.nav-main-toggle.w--open {
  background-color: #0000;
}

.nav-main-links-wrapper {
  background-color: var(--light-sea-green);
  opacity: 1;
  justify-content: center;
  height: 100%;
  padding-top: 60px;
  padding-bottom: 60px;
  display: flex;
}

.main-navbar {
  border-style: solid;
  border-width: 0 2px 0 0;
  border-color: var(--light-sea-green);
  background-color: #f1f1f1;
  width: 6em;
  height: 100%;
  position: fixed;
  inset: 0% auto 0% 0%;
}

.fake-logo {
  background-color: #0000;
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/602bab61b4211ab00f2862e1_gfav256.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  background-attachment: scroll;
  border-radius: 0;
  width: 2.5em;
  height: 4em;
}

.nav-background {
  z-index: 0;
  background-color: #fff8df14;
  width: 50%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.text-grey {
  color: #757575;
}

.footer-3 {
  border-radius: 40px;
  padding: 3em;
}

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

.title2 {
  font-size: 3.375em;
  font-weight: 600;
  line-height: 1.1em;
}

.container-w3 {
  width: 100%;
  max-width: 60em;
  margin-left: auto;
  margin-right: auto;
}

.section-02 {
  justify-content: center;
  align-items: center;
}

.tutorial-description {
  padding-top: 5em;
  padding-bottom: 5em;
  font-size: 1.2em;
}

.section-03 {
  justify-content: center;
  align-items: center;
}

.section-01 {
  background-color: var(--black-2);
  justify-content: center;
  align-items: center;
  padding-top: 6.5em;
}

.section-tutorial {
  padding-top: 9em;
  padding-bottom: 9em;
}

.container-w2 {
  width: 100%;
  max-width: 83.125em;
  margin-left: auto;
  margin-right: auto;
}

.p-sm-end {
  padding-bottom: 3em;
}

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

.page-wrapper-2 {
  padding-left: 6em;
}

.tutorial-description-link {
  color: #fff8df;
  border-bottom: 1px solid #757575;
  text-decoration: none;
}

.collection-image {
  margin-bottom: 2em;
}

.div-block-671 {
  color: #242424;
  width: auto;
  margin-top: 60px;
  margin-left: 0;
  padding-top: 40px;
  padding-bottom: 40px;
  position: static;
}

.div-block-672 {
  background-color: #63bbb4;
  border-radius: 20px;
  width: 400px;
  height: 400px;
  margin-top: 83px;
  margin-left: 134px;
}

.heading-53 {
  color: #fff;
  text-align: center;
  letter-spacing: 1px;
  margin-bottom: 0;
  font-family: Signika, sans-serif;
  font-size: 30px;
  font-weight: 700;
  text-decoration: none;
  position: static;
}

.heading-53.left {
  text-align: left;
  letter-spacing: .9px;
  margin-top: 40px;
  margin-bottom: 20px;
  font-size: 36px;
}

.heading-53.left.home {
  color: #000;
  margin-top: 0;
  font-size: 33px;
  line-height: 50px;
}

.div-block-673 {
  padding-top: 40px;
}

.header-3 {
  color: #fff;
  background-color: #fff;
  width: 100vw;
  padding-top: 60px;
  padding-bottom: 60px;
}

.header-3.new._2 {
  background-color: var(--white);
  border-radius: 40px;
  width: 100%;
}

.div-block-674 {
  border-top: 2px solid var(--light-sea-green);
  background-color: var(--white);
  border-radius: 0;
}

.div-block-675 {
  width: 100vw;
  overflow: hidden;
}

.nav-link-4, .nav-link-5, .nav-link-6 {
  justify-content: center;
  display: flex;
}

.image-152 {
  padding: 20px;
}

.div-block-676 {
  color: #0000;
  background-color: #fff;
  border-radius: 20px;
  flex-direction: column;
  justify-content: space-between;
  width: auto;
  padding: 40px;
  display: flex;
  box-shadow: 14px 14px 20px 4px #5d979229;
}

.paragraph-76 {
  color: #000;
  margin-bottom: 20px;
  padding-right: 0;
  font-family: Montserrat, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 25px;
}

.div-block-677 {
  margin-top: 20px;
}

.image-153 {
  margin-bottom: 10px;
}

.bold-text-20 {
  color: #242424;
  font-size: 12px;
}

.section-64 {
  background-color: #f1f1f1;
  height: 80px;
}

.div-block-678 {
  margin: 20px;
}

.div-block-679 {
  justify-content: flex-end;
  display: block;
}

.div-block-680 {
  background-color: var(--white);
  border-radius: 40px;
  margin: 20px;
}

.bold-text-21 {
  color: var(--midnight-blue);
}

.div-block-681 {
  padding: 40px;
  display: flex;
}

.div-block-682 {
  background-color: var(--light-sea-green);
  border-radius: 50px;
  width: 50%;
  height: 400px;
}

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

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

.outlinebutton {
  width: auto;
}

.image-154 {
  width: 100vw;
}

.image-154.margintopplus100 {
  margin-top: 100px;
}

.image-155, .image-156, .image-157 {
  width: 100vw;
}

.pagecolumwrap {
  display: flex;
}

._30-columbmain {
  background-color: var(--black-2);
  width: 300px;
  position: fixed;
}

.toggle-lottie {
  align-items: center;
  width: 22px;
  display: flex;
}

.navbar-6 {
  z-index: 99;
  background-color: #f7f7f7;
  border-bottom: 0 solid #000;
  flex-direction: column;
  width: 25%;
  height: 100vh;
  padding-left: 30px;
  padding-right: 30px;
  display: flex;
  position: fixed;
  inset: 0% 0% auto;
}

.toggle {
  cursor: pointer;
  background-color: #d1e3f1;
  border: 1px solid #cbdbe7;
  border-radius: 40px;
  align-items: center;
  width: 70px;
  height: 40px;
  margin-top: 20px;
  display: none;
  position: relative;
}

.navbar-container-3 {
  border-bottom: 1px solid #333;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 11px;
  padding-bottom: 11px;
  display: flex;
}

.nav-link-7 {
  letter-spacing: .1px;
  margin: 0;
  font-family: Montserrat, sans-serif;
  font-size: 15px;
  font-weight: 300;
}

.nav-menu-4 {
  flex-direction: column;
  display: flex;
}

.brand-logo {
  margin-bottom: 20px;
}

.toggle-stars {
  width: 30px;
  position: absolute;
  inset: 8px auto 0 5px;
}

.toggle-clouds {
  width: 30px;
  display: none;
  position: absolute;
  inset: 8px 5px 0 auto;
}

.toggle-circle {
  z-index: 1;
  background-color: #fff;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  display: flex;
  position: relative;
  left: 6%;
  box-shadow: 1px 1px 5px #00000012;
}

.photosection {
  background-color: #fff0;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: auto;
  padding: 20px 30px 0;
  display: flex;
}

.navbar-7 {
  z-index: 99;
  background-color: #f7f7f7;
  border-bottom: 0 solid #000;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 20%;
  height: 100vw;
  padding-top: 40px;
  padding-left: 30px;
  padding-right: 30px;
  display: flex;
  position: fixed;
  inset: 0% 0% auto;
}

.textinfowrap {
  opacity: .76;
  color: #fff8df;
  letter-spacing: .5px;
  border-radius: 20px;
  font-size: 9px;
  display: none;
  overflow: visible;
}

.navbar-container-4 {
  border-bottom: 1px solid #333;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 11px;
  padding-bottom: 11px;
  display: flex;
}

.namehoverwrap {
  opacity: 1;
  align-items: flex-end;
  width: 100%;
  height: 300px;
  padding: 10px;
  display: flex;
  position: absolute;
}

.nav-link-8 {
  text-align: center;
  letter-spacing: .1px;
  margin: 0;
  font-family: Montserrat, sans-serif;
  font-size: 15px;
  font-weight: 300;
}

.heading-2 {
  text-align: left;
  font-family: Lato, sans-serif;
  font-size: 20px;
  font-weight: 300;
}

.nav-menu-5 {
  flex-direction: column;
  display: flex;
}

.image-158 {
  object-fit: cover;
  max-width: 300px;
  min-height: 300px;
  max-height: 300px;
}

.grid-18 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.navbar-8 {
  z-index: 99;
  background-color: #f7f7f7;
  border-bottom: 0 solid #000;
  flex-direction: column;
  width: 30%;
  padding-left: 30px;
  padding-right: 30px;
  display: flex;
  position: fixed;
  inset: 0% 0% auto;
}

.navbar-container-5 {
  border-bottom: 1px solid #333;
  justify-content: space-between;
  align-items: center;
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 11px;
  padding-bottom: 11px;
  display: flex;
}

.nav-link-9 {
  letter-spacing: .1px;
  font-family: Montserrat, sans-serif;
  font-size: 15px;
  font-weight: 300;
}

.heading-55 {
  font-family: Lato, sans-serif;
  font-size: 20px;
  font-weight: 300;
}

.image-159 {
  object-fit: cover;
  max-width: 300px;
  min-height: 300px;
  max-height: 300px;
}

.grid-19 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.div-block-698 {
  flex-direction: column;
  width: 80%;
  display: flex;
  overflow: hidden;
}

.div-block-699 {
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-end;
  width: 100vw;
  display: flex;
  overflow: hidden;
}

.body-6 {
  justify-content: space-between;
  display: flex;
}

.commercial {
  background-color: #0000;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: auto;
  padding: 20px 30px 0;
  display: flex;
  overflow: hidden;
}

.heading-56 {
  letter-spacing: 1px;
  margin-bottom: 20px;
  font-family: Lato, sans-serif;
  font-size: 25px;
  font-weight: 300;
  display: flex;
}

.grid-20 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.image-160 {
  object-fit: cover;
  max-width: 300px;
  min-height: 300px;
  max-height: 300px;
}

.social-wrapper {
  justify-content: space-between;
  display: flex;
}

.social-wrapper.about {
  justify-content: flex-start;
  margin-top: 40px;
  margin-bottom: 20px;
  display: none;
}

.social-icon-wrapper {
  background-color: #fff0df;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  transition: box-shadow .3s, transform .3s;
  display: flex;
}

.social-icon-wrapper:hover {
  transform: translate(0, -10px);
  box-shadow: 0 4px 10px #f9958eb3;
}

.social-icon-wrapper.about {
  color: #000;
  margin-right: 20px;
}

.social-icon {
  width: 24px;
}

.text-block-38 {
  text-align: center;
  margin-top: 40px;
  padding-top: 10px;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 12px;
  line-height: 18px;
}

.event {
  flex-direction: column;
  align-items: center;
  padding: 60px 30px 100px;
  display: flex;
}

.container-384 {
  width: 100%;
  max-width: 1440px;
}

.about-wrapper {
  grid-column-gap: 60px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.interest-paragraph {
  color: #f7f7f7;
  margin-bottom: 40px;
}

.interest-wrapper {
  align-items: center;
  margin-bottom: 40px;
  display: flex;
}

.link-19 {
  color: #eeb8b8;
}

.about-heading {
  color: #f7f7f7;
  margin-top: 0;
  margin-bottom: 20px;
  font-family: Montserrat, sans-serif;
}

.about-image-wrapper {
  border-radius: 30px;
  width: 90%;
  position: absolute;
  overflow: visible;
}

.about-left-wrapper {
  justify-content: center;
  display: flex;
  position: relative;
}

.interest-icon {
  width: 48px;
  margin-right: 20px;
}

.interest-text {
  color: #f7f7f7;
  font-family: Montserrat, sans-serif;
  font-size: 28px;
  font-weight: 300;
  line-height: 48px;
}

.about-image {
  object-fit: cover;
  object-position: 50% 100%;
  border-radius: 30px;
  width: 100%;
  height: 500px;
}

.about-top-section-2 {
  background-color: #292929;
  padding: 60px 5vw 40px;
}

.image-161 {
  max-width: 150px;
  margin-top: 40px;
  margin-bottom: 20px;
}

.link-block-43 {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/64ff53e7ade20f2495f4e967_KotS_CASESTUDY_Small-01.png");
  background-position: 50% 0;
  background-size: cover;
}

.awasero_logo {
  height: 28px;
}

.arrow_icon {
  font-size: 27px;
}

.global-padding {
  text-align: center;
  flex: 1;
  padding-top: 5rem;
  padding-bottom: 5rem;
}

.after_mobile {
  z-index: 1;
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/65fed27a639572d383b172bb_alexander-grey-p203ekCK4Ac-unsplash.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  width: 100%;
  height: 100%;
  position: absolute;
}

.drag {
  z-index: 5;
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  cursor: grab;
  background-color: #ffffff8c;
  justify-content: center;
  align-items: center;
  width: 2%;
  display: flex;
  position: absolute;
  inset: 0% auto 0% 49%;
}

.before_mobile {
  z-index: 2;
  filter: grayscale();
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/65fed27a639572d383b172bb_alexander-grey-p203ekCK4Ac-unsplash.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
}

.after {
  z-index: 1;
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/65fed27a639572d383b172bb_alexander-grey-p203ekCK4Ac-unsplash.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
}

.section_hero {
  z-index: 1;
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/65fed27a639572d383b172c7_Frame%2013.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  font-family: Montserrat, sans-serif;
  display: flex;
}

.container-385 {
  flex: 1;
  height: 70vh;
  position: relative;
}

.before {
  z-index: 2;
  filter: grayscale();
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/65fed27a639572d383b172bb_alexander-grey-p203ekCK4Ac-unsplash.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  width: 50%;
  height: 100%;
  position: absolute;
  overflow: hidden;
}

.clone_project {
  color: #e9e9e9;
  margin: 23px;
  font-weight: 700;
  text-decoration: none;
  position: absolute;
  inset: 0% 0% auto auto;
}

.icon-6 {
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
  background-color: #ffffffe3;
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  width: 50px;
  min-width: 37px;
  height: 38px;
  min-height: 38px;
  padding: 5px;
  display: flex;
}

.fif {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/67311c44866d7d80c29aafa0_FI_CS-1.png");
  background-position: 50% 0;
  background-size: cover;
  width: 470px;
}

.image-163 {
  width: 100%;
}

.image-164 {
  object-fit: cover;
  max-width: 300px;
  min-height: 300px;
  max-height: 300px;
}

.grid-21 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.text-block-39 {
  text-align: center;
  margin-top: 40px;
  padding-top: 10px;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 12px;
  line-height: 18px;
}

.nav-link-10 {
  text-align: center;
  letter-spacing: .1px;
  margin: 0;
  font-family: Montserrat, sans-serif;
  font-size: 15px;
  font-weight: 300;
}

.div-block-702 {
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-end;
  width: 100vw;
  display: flex;
  overflow: hidden;
}

.image-165 {
  max-width: 150px;
  margin-top: 40px;
  margin-bottom: 20px;
}

.navbar-container-6 {
  border-bottom: 1px solid #333;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 11px;
  padding-bottom: 11px;
  display: flex;
}

.heading-57 {
  letter-spacing: 1px;
  margin-bottom: 20px;
  font-family: Lato, sans-serif;
  font-size: 25px;
  font-weight: 300;
  display: flex;
}

.image-166 {
  object-fit: cover;
  max-width: 300px;
  min-height: 300px;
  max-height: 300px;
}

.div-block-703 {
  flex-direction: column;
  width: 80%;
  display: flex;
  overflow: hidden;
}

.nav-menu-7 {
  flex-direction: column;
  display: flex;
}

.navbar-9 {
  z-index: 99;
  background-color: #f7f7f7;
  border-bottom: 0 solid #000;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 20%;
  height: 100vw;
  padding-top: 40px;
  padding-left: 30px;
  padding-right: 30px;
  display: flex;
  position: fixed;
  inset: 0% 0% auto;
}

.image-167 {
  object-fit: cover;
  max-width: 300px;
  min-height: 300px;
  max-height: 300px;
}

.grid-22 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.text-block-40 {
  text-align: center;
  margin-top: 20px;
  padding-top: 10px;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 12px;
  line-height: 18px;
}

.text-block-40.lft-align {
  text-align: left;
}

.text-block-40.leftalign {
  text-align: left;
  margin-top: 0;
}

.text-block-40.undhidenavtext {
  display: none;
}

.nav-link-11 {
  text-align: center;
  letter-spacing: .1px;
  margin: 0;
  font-family: Montserrat, sans-serif;
  font-size: 15px;
  font-weight: 300;
}

.div-block-705 {
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-end;
  width: 100vw;
  max-width: 100vw;
  display: flex;
  overflow: hidden;
}

.image-168 {
  max-width: 150px;
  margin-top: 40px;
  margin-bottom: 20px;
}

.navbar-container-7 {
  border-bottom: 1px solid #333;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 11px;
  padding-bottom: 11px;
  display: flex;
}

.heading-58 {
  letter-spacing: 1px;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 20px;
  font-weight: 800;
  display: flex;
}

.image-169 {
  object-fit: cover;
  border-radius: 0;
  max-width: 300px;
  min-height: 300px;
  max-height: 300px;
}

.div-block-706 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 80%;
  display: flex;
  overflow: hidden;
}

.nav-menu-8 {
  flex-direction: column;
  display: flex;
}

.navbar-10 {
  z-index: 99;
  background-color: #f7f7f7;
  border-bottom: 0 solid #000;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 20%;
  height: 100vw;
  padding-top: 40px;
  padding-left: 30px;
  padding-right: 30px;
  display: flex;
  position: fixed;
  inset: 0% 0% auto;
}

.div-block-707 {
  background-color: #292929;
  width: 300px;
  height: 500px;
  display: flex;
}

.image-170 {
  max-width: 150px;
}

.image-170.paddinglogo {
  margin-left: 20px;
  margin-right: 20px;
}

.testimonial-slider-small {
  background-color: #f5f7fa;
  border-bottom: 1px solid #e4ebf3;
  border-radius: 5px;
  margin-top: 40px;
  padding: 20px 30px 80px;
  position: relative;
}

.container-389 {
  width: 100%;
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
}

.centered-heading {
  text-align: center;
  margin-bottom: 16px;
}

.centered-subheading {
  text-align: center;
  max-width: 530px;
  margin-left: auto;
  margin-right: auto;
}

.testimonial-slider {
  background-color: #0000;
  max-width: 800px;
  height: auto;
  margin-top: 50px;
  margin-left: auto;
  margin-right: auto;
}

.testimonial-slide-wrapper {
  max-width: 48%;
  margin-right: 4%;
}

.testimonial-card {
  background-color: #fff;
  flex-direction: column;
  align-items: flex-start;
  padding: 24px;
  display: flex;
}

.testimonial-info {
  align-self: stretch;
  align-items: center;
  margin-top: 24px;
  display: flex;
}

.testimonial-image {
  object-fit: cover;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  margin-right: 16px;
}

.testimonial-author {
  margin-bottom: 2px;
}

.tagline {
  margin-bottom: 10px;
  font-size: 12px;
  line-height: 16px;
}

.testimonial-icon-wrapper {
  flex: 1;
  justify-content: flex-end;
  display: flex;
}

.testimonial-slider-left {
  justify-content: center;
  align-items: center;
  width: 40px;
  display: flex;
  left: -70px;
}

.testimonial-slider-left:focus-visible, .testimonial-slider-left[data-wf-focus-visible] {
  outline-offset: 0px;
  border-radius: 5px;
  outline: 2px solid #0050bd;
}

.arrow-wrapper {
  position: relative;
}

.slider-arrow-embed {
  color: #1a1b1f;
}

.testimonial-slider-right {
  justify-content: center;
  align-items: center;
  width: 40px;
  display: flex;
  right: -70px;
}

.testimonial-slider-right:focus-visible, .testimonial-slider-right[data-wf-focus-visible] {
  outline-offset: 0px;
  border-radius: 5px;
  outline: 2px solid #0050bd;
}

.testimonial-slide-nav {
  display: none;
}

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

.less-padding {
  margin-right: -20px;
}

.testimonial-column-light {
  border-bottom: 1px solid #e4ebf3;
  padding: 0;
  position: relative;
}

.testimonial-grid-two {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 50px;
  display: grid;
}

.testimonial-card-two {
  border: 1px solid #e4ebf3;
  flex-direction: column;
  padding: 32px 16px 16px;
  display: flex;
}

.testimonial-text-two {
  margin-bottom: 52px;
  padding-right: 0;
  font-size: 10px;
  line-height: 25px;
}

.testimonial-info-three {
  background-color: #f5f7fa;
  align-items: center;
  padding: 24px 16px;
  display: flex;
}

.testimonial-main-heading {
  margin-bottom: 2px;
  font-weight: 600;
}

.ts-bottom-content {
  justify-content: flex-start;
  align-items: center;
  margin-top: 24px;
  padding-top: 0;
  display: flex;
}

.tlc-small-head {
  color: #f08c3c;
  font-size: 24px;
  font-weight: 500;
  line-height: 36px;
}

.ts-review {
  padding-right: 0;
  font-size: 15px;
  line-height: 25px;
  position: relative;
  overflow: visible;
}

.ts-content {
  padding: 40px 25px;
}

.quote-img {
  opacity: .05;
  color: #fff;
  width: 88px;
  height: 64px;
  display: block;
  position: absolute;
  top: 44px;
  left: 44px;
}

.ts-block {
  flex-flow: row;
  align-items: flex-start;
  width: 30%;
  height: 100%;
  display: flex;
  position: relative;
  overflow: visible;
}

.ts-reviewer-desi {
  color: #4a494b;
  width: auto;
  font-size: 12px;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.ts-reviewer-desi:hover {
  color: #112631;
}

.ts-reviewer:hover {
  color: #fff;
}

.tlc-content {
  max-width: 624px;
}

.tlc-head {
  text-transform: uppercase;
  width: 100%;
  max-width: 624px;
  font-size: 55px;
  font-weight: 700;
  line-height: 66px;
  position: relative;
}

.container-390 {
  max-width: 1920px;
  padding-left: 0;
  padding-right: 0;
}

.ts-imgblock {
  border-radius: 0;
  width: auto;
  height: auto;
  margin-right: 10px;
  position: relative;
  overflow: hidden;
}

.ts-left {
  display: block;
}

.tlc-line {
  color: #0074a2;
  background-color: #0074a2;
  width: 50px;
  height: 4px;
  margin-right: 10px;
  padding-right: 0;
  position: relative;
}

.ts-card {
  opacity: 1;
  cursor: pointer;
  background-color: #fff;
  border-radius: 15px;
  width: 99%;
  max-width: 484px;
  margin-top: 30px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 0 5px -3px #00000080;
}

.ts-card:hover {
  color: #fff;
  background-color: #112631;
  border-top-left-radius: 0;
}

.tc-img {
  object-fit: cover;
  border: 3px solid #0074a2;
  border-radius: 100%;
  width: 70px;
  height: 70px;
  position: relative;
}

.ts-right {
  justify-content: center;
  align-items: center;
  height: 100%;
  padding-left: 50px;
  display: flex;
  position: relative;
  overflow: visible;
}

.tlc-desc {
  color: #112631;
  font-size: 16px;
  line-height: 27px;
  position: relative;
}

.tesr-right {
  margin-left: 30px;
  overflow: visible;
}

.tlc-head-block {
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
}

.ts-reviewer-name {
  color: #0074a2;
  font-size: 18px;
  font-weight: 600;
  line-height: 12px;
}

.ts-left-content {
  width: 100%;
  height: 100%;
  margin-top: 150px;
  position: sticky;
  top: 0;
  overflow: auto;
}

.card-big-number {
  z-index: -1;
  opacity: .6;
  color: #0000;
  font-size: 350px;
  line-height: 1;
  position: absolute;
  inset: auto auto 8% 35%;
  overflow: hidden;
}

.card-big-number.card-big-number--3 {
  bottom: 0%;
  left: 20%;
}

.card-big-number.card-big-number--2 {
  bottom: 3%;
  left: 20%;
}

.card-main-image-container {
  z-index: -2;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

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

.text-wrapper {
  padding-top: 0;
}

.card-content-icon {
  width: 30px;
}

.card-wrapper {
  background-color: #fff;
  border: 1px solid #ffdede99;
  border-radius: 20px;
  width: 700px;
  height: 450px;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  display: flex;
  position: relative;
  overflow: hidden;
  transform: translate(0, 350px);
  box-shadow: 0 30px 40px #806f6f26;
}

.cards-container {
  perspective: 2000px;
  height: 90vh;
  padding-top: 0;
  position: sticky;
  top: 5vh;
}

.card-content-wrapper {
  grid-template-rows: auto;
  margin: auto;
}

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

.section-65 {
  display: block;
}

.bold-text-22 {
  font-family: Plus Jakarta Sans, sans-serif;
}

.center {
  text-align: center;
  font-family: Plus Jakarta Sans, sans-serif;
}

.trigger-card-2 {
  width: 100%;
  height: 1px;
  position: absolute;
  inset: 295vh 0% auto;
}

.section-66 {
  width: 100%;
  height: 600vh;
  padding: 5vh;
  display: none;
  position: relative;
}

.trigger-card-3 {
  width: 100%;
  height: 1px;
  position: absolute;
  inset: 442.5vh 0% auto;
}

.trigger-card-1 {
  width: 100%;
  height: 1px;
  position: absolute;
  inset: 147.5vh 0% auto;
}

.main-container {
  width: 100%;
  max-width: 1100px;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.bold-text-23 {
  background-color: #0000;
}

.container-391 {
  width: 100%;
  max-width: 1000px;
}

.container-392 {
  height: auto;
}

.div-block-709 {
  background-color: #f0f0f0;
  border-radius: 17px;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-bottom: 0;
  padding: 20px;
  display: flex;
}

.image-171 {
  border-radius: 100px;
  max-width: 200px;
}

.section-67 {
  margin-top: 200px;
}

.div-block-710 {
  width: 80%;
  padding-left: 40px;
}

.div-block-711 {
  justify-content: center;
  align-items: center;
  width: 40%;
  display: flex;
}

.link-block-44 {
  margin-top: 60px;
}

.container-393 {
  margin-top: 100px;
}

.div-block-712 {
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  margin-bottom: -40px;
  padding-top: 20px;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
}

.bold-text-24 {
  font-size: 14px;
  font-weight: 800;
}

.bold-text-25 {
  font-size: 14px;
  font-weight: 300;
}

.heading-60 {
  color: #5e6068;
  text-align: center;
  width: 60%;
  font-size: 15px;
  line-height: 23px;
}

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

.marqueesection {
  width: 80vw;
  padding-top: 20px;
  padding-bottom: 10px;
  overflow: hidden;
}

.quick-stack {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  width: 80vw;
  min-width: 80vw;
}

.image-172 {
  object-fit: contain;
  width: 150px;
  height: 60px;
}

.image-172._2 {
  padding-left: 20px;
}

.image-172.smallerlogo {
  height: 50px;
}

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

.marqueewrplogo {
  justify-content: flex-start;
  align-items: center;
  width: 80vw;
  display: flex;
  overflow: visible;
}

.div-block-715 {
  z-index: 99;
  background-image: linear-gradient(267deg, #0000, #fff);
  width: 200px;
  height: 100px;
  display: block;
  position: relative;
  top: -100px;
  left: 0;
}

.div-block-716 {
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
}

.cell-2, .cell-3 {
  justify-content: center;
  align-items: center;
}

.cell-4 {
  justify-content: center;
  align-items: flex-end;
}

.div-block-717 {
  padding-bottom: 20px;
  display: flex;
}

.text-block-42 {
  color: #d6d6d6;
}

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

.hoverlightbox {
  transition-property: none;
}

.hoverlightbox:hover {
  background-color: #030303;
}

.brix---mg-bottom-0 {
  margin-bottom: 0;
}

.brix---color-neutral-600 {
  color: var(--elements-webflow-library--neutral--600);
}

.brix---paragraph-default {
  margin-bottom: 0;
  padding-right: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 18px;
  line-height: 30px;
}

.brix---mg-top-16px {
  margin-top: 16px;
}

.brix---icon-square-32px---twitter {
  background-color: #eef8ff;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 32px;
  min-width: 32px;
  height: 32px;
  min-height: 32px;
  text-decoration: none;
  transition: transform .3s, background-color .3s, color .3s;
  display: flex;
  overflow: hidden;
}

.brix---icon-square-32px---twitter:hover {
  transform: scale(.92);
}

.brix---testimonial-v9-twitter-icon {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex: 1;
  grid-template-rows: auto;
  grid-template-columns: repeat(auto-fit, 36px);
  justify-content: end;
  justify-items: end;
}

.brix---twitter-icon-wrapper {
  flex: 1;
}

.brix---text-100 {
  font-size: 16px;
  line-height: 18px;
}

.brix---color-accent-1 {
  color: var(--elements-webflow-library--accent--primary-1);
}

.brix---text-200-bold {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 20px;
}

.brix---color-neutral-800 {
  color: var(--elements-webflow-library--neutral--800);
}

.brix---text-decoration-none {
  text-decoration: none;
}

.brix---mg-bottom-4px {
  margin-bottom: 4px;
}

.brix---mg-left-8px {
  margin-left: 8px;
}

.brix---avatar-image-link {
  transition: transform .3s;
}

.brix---avatar-image-link:hover {
  transform: scale(1.1);
}

.brix---avatar-circle-03 {
  border-radius: 50%;
  width: 64px;
  max-width: 64px;
  height: 64px;
  max-height: 64px;
  overflow: hidden;
  transform: translate(0);
}

.brix---flex-horizontal {
  justify-content: center;
  align-items: center;
  display: flex;
}

.brix---flex-horizontal-space-between {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.brix---width-100 {
  width: 100%;
}

.brix---card-testimonial-twitter {
  border: 1px solid var(--elements-webflow-library--neutral--300);
  background-color: var(--elements-webflow-library--neutral--100);
  box-shadow: 0 2px 7px 0 var(--elements-webflow-library--general--shadow-01);
  border-radius: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: 32px 32px 40px;
  display: flex;
}

.brix---grid-3-columns {
  grid-column-gap: 28px;
  grid-row-gap: 28px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.brix---btn-secondary {
  border: 1px solid var(--elements-webflow-library--neutral--300);
  background-color: var(--elements-webflow-library--neutral--100);
  color: var(--elements-webflow-library--neutral--800);
  text-align: center;
  transform-style: preserve-3d;
  border-radius: 48px;
  padding: 26px 38px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 18px;
  line-height: 20px;
  transition: border-color .3s, transform .3s, background-color .3s, color .3s;
  box-shadow: 0 4px 10px #14142b0a;
}

.brix---btn-secondary:hover {
  border-color: var(--elements-webflow-library--accent--primary-1);
  background-color: var(--elements-webflow-library--accent--primary-1);
  color: var(--elements-webflow-library--neutral--100);
  transform: translate3d(0, -3px, .01px);
}

.brix---btn-primary {
  background-color: var(--elements-webflow-library--accent--primary-1);
  color: var(--elements-webflow-library--neutral--100);
  text-align: center;
  transform-style: preserve-3d;
  border-radius: 48px;
  justify-content: center;
  padding: 26px 38px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 20px;
  text-decoration: none;
  transition: background-color .3s, transform .3s, color .3s;
}

.brix---btn-primary:hover {
  background-color: var(--elements-webflow-library--secondary--color-1);
  color: var(--elements-webflow-library--neutral--100);
  transform: translate3d(0, -3px, .01px);
}

.brix---button-row-left {
  margin-right: 24px;
}

.brix---buttons-row-right---t-left {
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.brix---heading-h2-size {
  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: 38px;
  font-weight: 700;
  line-height: 50px;
}

.brix---mg-bottom-16px {
  margin-bottom: 16px;
}

.brix---inner-container-490px {
  max-width: 490px;
}

.brix---grid-top---text-2-buttons {
  grid-column-gap: 60px;
  grid-template-rows: auto;
  grid-template-columns: 1fr .8fr;
  align-items: end;
  margin-bottom: 48px;
}

.brix---container-default {
  max-width: 1218px;
  padding-top: 20px;
  padding-left: 24px;
  padding-right: 24px;
}

.brix---section {
  color: var(--elements-webflow-library--neutral--100);
  margin-bottom: 40px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.brix---text-200 {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 18px;
  line-height: 20px;
}

.brix---mg-bottom-8px {
  margin-bottom: 8px;
}

.brix---color-neutral-801 {
  color: var(--elements-webflow-library--neutral--600);
}

.brix---mg-bottom-32px {
  justify-content: center;
  align-items: center;
  margin-bottom: 32px;
  display: flex;
}

.brix---heading-h4-size {
  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: 22px;
  font-weight: 700;
  line-height: 28px;
}

.brix---mg-bottom-12px {
  margin-bottom: 12px;
}

.brix---avatar-circle-04 {
  border-radius: 50%;
  width: 80px;
  max-width: 80px;
  height: 80px;
  max-height: 80px;
  overflow: hidden;
  transform: translate(0);
}

.brix---card-testimonial-v2 {
  border: 1px solid var(--elements-webflow-library--neutral--300);
  background-color: var(--elements-webflow-library--neutral--100);
  box-shadow: 0 2px 7px 0 var(--elements-webflow-library--general--shadow-01);
  border-radius: 24px;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  padding: 20px;
  display: flex;
}

.brix---3-columns-1-col-tablet {
  grid-column-gap: 28px;
  grid-row-gap: 28px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

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

.brix---inner-container-574px---center {
  max-width: 574px;
  margin-left: auto;
  margin-right: auto;
}

.brix---mg-bottom-48px {
  margin-bottom: 48px;
}

.bold-text-26, .bold-text-27, .bold-text-28 {
  font-size: 14px;
}

.container-394 {
  padding-right: 40px;
  position: absolute;
  inset: auto 0% 0% auto;
}

.link-20 {
  font-size: 10px;
  position: absolute;
  inset: auto 0% 0% auto;
}

.link-20.w--current {
  color: var(--white);
  font-size: 14px;
}

.div-block-718 {
  background-color: var(--goldenrod);
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  margin-bottom: -7px;
  margin-right: 10px;
  padding: 10px;
  position: fixed;
  inset: auto 0% 0% auto;
}

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

.link-21.smalllink {
  font-size: 14px;
}

.text-block-43 {
  color: var(--white);
  font-size: 12px;
}

.image-173 {
  opacity: .64;
  width: 30px;
  height: 30px;
  margin-top: 20px;
}

.image-173.mobnav {
  display: none;
}

.heading-h2 {
  color: var(--black);
  text-transform: uppercase;
  margin-bottom: 3rem;
  margin-left: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 30px;
  font-style: italic;
  font-weight: 700;
  line-height: 1.3em;
}

.heading-h2.center {
  font-size: 50px;
}

.container-395 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 94%;
  max-width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 2rem;
  padding-right: 2rem;
  position: relative;
}

.label-heading {
  color: #0d0b02;
  letter-spacing: .05em;
  text-transform: uppercase;
  background-color: #ffc004;
  border-radius: 20px;
  margin-bottom: 1rem;
  padding: 5px 10px;
  font-family: Montserrat, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
}

.section-68 {
  background-color: var(--elements-webflow-library--general--shadow-01);
  border-radius: 0;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  margin: 0;
  padding-top: 2rem;
  padding-bottom: 10rem;
  position: relative;
  overflow: hidden;
}

.paragraph-16 {
  color: #636363;
  letter-spacing: .5px;
  margin-top: 20px;
  margin-bottom: 0;
  padding-right: 0;
  font-family: Quicksand, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5em;
  display: none;
}

.paragraph-18 {
  color: #dad9d9;
  letter-spacing: .5px;
  -webkit-text-stroke-color: #353535;
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  font-family: Quicksand, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4em;
}

.paragraph-18.blak {
  color: #d1d1d1;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}

.project-link-wrapper {
  background-color: #fff0;
  border-bottom: 0 solid #dfdfdf;
  border-radius: 13px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  padding: 0;
  transition-property: none;
  display: flex;
  position: relative;
}

.project-link-wrapper.project-even {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  bottom: -50%;
}

.project-background-image {
  aspect-ratio: 3.25 / 4;
  object-fit: cover;
  object-position: 50% 50%;
  background-image: linear-gradient(#000, #fff);
  border: 0 solid #fff;
  border-radius: 0;
  width: 100%;
  min-width: auto;
  max-width: none;
  min-height: auto;
  display: block;
  position: relative;
  overflow: visible;
  box-shadow: 10px 8px 14px -1px #848d9c73;
}

.grid---ratio-1x2 {
  grid-column-gap: 8%;
  grid-row-gap: 8%;
  grid-template-rows: auto;
  grid-template-columns: 1fr 2.25fr;
  justify-content: flex-start;
  place-items: flex-start start;
  width: 100%;
  display: flex;
}

.project-image-wrapper {
  perspective: 3500px;
  border-radius: 20px;
  width: 300px;
  position: relative;
  overflow: visible;
  transform: perspective(3500px);
}

.project-text-wrapper {
  margin-top: -7.75vw;
  margin-left: 20px;
  position: sticky;
}

.project-heading {
  color: #fff;
  text-transform: uppercase;
  margin-bottom: .125rem;
  padding-left: 0;
  font-family: Montserrat, sans-serif;
  font-size: 18px;
  font-weight: 800;
  line-height: 1.2em;
}

.project-grid {
  grid-column-gap: 8%;
  grid-row-gap: 8%;
  background-color: #fff0;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-left: auto;
  margin-right: 0;
  padding-bottom: 24vw;
  display: grid;
}

.title-wrapper-sticky {
  border-bottom: 0px solid var(--elements-webflow-library--general--shadow-04);
  background-color: #fff0;
  border-radius: 0;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 30rem;
  padding: 80px 0 40px;
  display: flex;
  position: sticky;
  top: 0;
}

.title-wrapper-sticky.awardsv {
  max-width: 25rem;
}

.section-69 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 10rem;
  padding-bottom: 10rem;
  position: relative;
}

.section-69.intro {
  border-bottom: 3px solid #000;
  min-width: 100vw;
  max-width: 100px;
  min-height: auto;
  padding-top: 50px;
  padding-bottom: 20px;
  display: flex;
  overflow: hidden;
}

.section-69.intro.delet {
  display: none;
}

.container-396 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 94%;
  max-width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 2rem;
  padding-right: 2rem;
  position: relative;
}

.container-396.intro-container {
  width: 68%;
  max-width: 60rem;
  transition: right .5s;
}

.label-5 {
  justify-content: flex-start;
  align-items: flex-start;
  width: 25%;
  margin-bottom: -2.8rem;
  margin-left: -25%;
  display: flex;
  position: relative;
}

.intro-text-white {
  opacity: 1;
  color: #000;
  margin-top: 100px;
  padding-right: 60px;
  font-family: Montserrat, sans-serif;
  font-size: 1.5em;
  font-weight: 400;
  line-height: 1.3em;
  transition: opacity .5s;
}

.intro-text-white.infotext {
  margin-top: 10px;
  padding-right: 20px;
  font-size: 1em;
}

.italic-text-4 {
  color: #000;
  text-shadow: 0 3px 20px #e2c376;
  font-style: italic;
  font-weight: 600;
}

.italic-text-4.new {
  color: var(--goldenrod);
  font-size: 1.1em;
  line-height: 1.4em;
}

.section-70 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 10rem;
  padding-bottom: 10rem;
  position: relative;
}

.section-70.section-logos {
  padding-top: 4rem;
  padding-bottom: 0;
  overflow: hidden;
}

.scrolling-logo-outer-wrapper {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.scrolling-logo-container {
  grid-column-gap: 5vw;
  flex-direction: row;
  flex: none;
  justify-content: space-between;
  align-items: stretch;
  width: 100vw;
  padding-left: 2.5vw;
  padding-right: 2.5vw;
  display: flex;
  position: relative;
  inset: 0% 0% auto;
}

.scrolling-logo-wrapper {
  opacity: .73;
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  width: 8vw;
  max-height: 2.6vw;
  display: flex;
  position: static;
}

.scrolling-logo-image {
  filter: invert();
  object-fit: contain;
  width: 100%;
  height: 100%;
}

.heading-h2-2 {
  color: #000;
  margin-bottom: 1.5rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: calc(2vw + 2rem);
  font-style: italic;
  font-weight: 800;
  line-height: 19px;
}

.container-397 {
  background-color: #fff;
  border-radius: 20px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 94%;
  max-width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 20px 2rem;
  position: relative;
}

.section-71 {
  background-color: #fff0;
  border-top: 3px solid #000;
  border-bottom: 3px solid #000;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 0;
  display: flex;
  position: relative;
}

.section-71.bg {
  background-color: #fff;
  max-width: 100vw;
  overflow: hidden;
}

.section-71.noline {
  border-style: solid;
  border-width: 0 0 2px;
  border-color: black black var(--black);
  background-color: #f4f3f7;
  padding: 60px 1rem;
}

.section-71.noline.hibemob.delet {
  display: block;
}

.section-71.noline.hidenomob {
  display: none;
}

.section-71.nolinewhuite {
  border-top-width: 0;
  border-bottom: 3px solid #000;
  margin-bottom: -100px;
  display: flex;
}

.section-71.hide {
  display: block;
}

.section-71.blackbg {
  background-color: var(--black);
  border-top-width: 0;
  border-bottom-width: 0;
  height: 100%;
  padding: 0;
  overflow: hidden;
}

.card {
  grid-column-gap: 1.25vw;
  grid-row-gap: 1.25vw;
  background-color: #171612;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.card.services {
  grid-column-gap: 13vw;
  grid-row-gap: 13vw;
  justify-content: space-between;
  align-items: flex-start;
  padding: 2vw;
}

.paragraph-77 {
  color: #c5c5c5;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.5em;
}

.skills-grid-2 {
  grid-column-gap: 0vw;
  grid-row-gap: 0vw;
  perspective: 1000px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  width: 100%;
  position: relative;
  transform: perspective(1000px);
}

.primary-button-2 {
  color: #e2c376;
  text-transform: uppercase;
  background-color: #fff0;
  border: 1.5px solid #9e9e9e;
  border-radius: 6rem;
  justify-content: center;
  align-items: center;
  padding: .75rem 1.5rem;
  font-size: 1rem;
  line-height: 1.4em;
  transition: color .4s, border .4s, background-color .4s;
  display: flex;
}

.primary-button-2:hover {
  color: #000;
  background-color: #fff;
}

.primary-button-2:active {
  border-color: #d4d3d1;
}

.primary-button-2:focus {
  border-color: #a1a09c;
}

.skill-title {
  color: #e2c376;
  text-transform: uppercase;
  margin-bottom: 1rem;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.3em;
}

.heading-h2-3 {
  color: #000;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-top: 20px;
  margin-bottom: .25rem;
  padding-bottom: 20px;
  padding-right: 60px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 30px;
  font-style: normal;
  font-weight: 700;
  line-height: 35px;
}

.awards-grid {
  width: 100%;
}

.container-398 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 94%;
  max-width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 0;
  padding-left: 2rem;
  padding-right: 2rem;
  position: relative;
}

.section-72 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 5rem;
  padding-bottom: 5rem;
  position: relative;
}

.awards-logo {
  filter: invert();
  object-fit: contain;
  object-position: 100% 50%;
  width: 100%;
  height: 100%;
  display: none;
}

.line-2 {
  opacity: .73;
  background-color: #63636380;
  width: 100%;
  height: 1px;
}

.awards-title {
  color: var(--black-2);
}

.awards-links-wrapper {
  opacity: .73;
  color: #fff;
  letter-spacing: 1.5px;
  border-bottom: 1px solid #63636380;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-top: 2rem;
  padding-bottom: 1rem;
  font-size: calc(.6vw + 1rem);
  font-weight: 500;
  line-height: 1.2em;
  transition-property: color;
  transition-duration: .3s;
  transition-timing-function: ease;
  display: flex;
}

.awards-links-wrapper:hover {
  opacity: 1;
}

.awards-links-wrapper.extra {
  border-bottom-width: 0;
}

.awards-subheading {
  color: #aaa;
  margin-top: 8px;
  font-size: 16px;
  line-height: 1.4em;
}

.awards-logo-wrapper {
  flex: none;
  justify-content: flex-end;
  align-items: center;
  width: 8rem;
  height: 3rem;
  display: none;
  position: relative;
}

.navbar-logo-center-container {
  z-index: 5;
  background-color: #0000;
  width: 1030px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
}

.navbar-logo-center-container.shadow-three {
  width: 100%;
  max-width: 1140px;
}

.container-399 {
  width: 100%;
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
}

.navbar-wrapper-three {
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
}

.navbar-brand-three {
  z-index: 5;
  position: absolute;
}

.nav-menu-wrapper-three {
  width: 100%;
}

.nav-menu-three {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0;
  display: flex;
}

.nav-menu-block {
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  display: flex;
}

.nav-link-12 {
  color: #1a1b1f;
  letter-spacing: .25px;
  margin-left: 5px;
  margin-right: 5px;
  padding: 5px 10px;
  font-size: 14px;
  line-height: 20px;
  text-decoration: none;
}

.nav-link-12:hover {
  color: #1a1b1fbf;
}

.nav-link-12:focus-visible, .nav-link-12[data-wf-focus-visible] {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 4px;
  outline: 2px solid #0050bd;
}

.nav-dropdown {
  margin-left: 5px;
  margin-right: 5px;
}

.nav-dropdown-toggle {
  letter-spacing: .25px;
  padding: 5px 30px 5px 10px;
  font-size: 14px;
  line-height: 20px;
}

.nav-dropdown-toggle:hover {
  color: #1a1b1fbf;
}

.nav-dropdown-toggle:focus-visible, .nav-dropdown-toggle[data-wf-focus-visible] {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 5px;
  outline: 2px solid #0050bd;
}

.nav-dropdown-icon {
  margin-right: 10px;
}

.nav-dropdown-list {
  background-color: #fff;
  border-radius: 12px;
}

.nav-dropdown-list.w--open {
  padding-top: 10px;
  padding-bottom: 10px;
}

.nav-dropdown-link {
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 14px;
}

.nav-dropdown-link:focus-visible, .nav-dropdown-link[data-wf-focus-visible] {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 5px;
  outline: 2px solid #0050bd;
}

.nav-link-accent {
  color: #1a1b1f;
  letter-spacing: .25px;
  margin-left: 5px;
  margin-right: 20px;
  padding: 5px 10px;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  text-decoration: none;
}

.nav-link-accent:hover {
  color: #1a1b1fbf;
}

.button-primary {
  color: #fff;
  letter-spacing: 2px;
  text-transform: uppercase;
  background-color: #1a1b1f;
  padding: 12px 25px;
  font-size: 12px;
  line-height: 20px;
  transition: all .2s;
}

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

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

.quote-slide {
  vertical-align: middle;
  width: 100%;
  height: 100%;
}

.quote-mask {
  width: 100%;
  height: 100%;
  overflow: visible;
}

.container-400 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 94%;
  max-width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 2rem;
  padding-right: 2rem;
  position: relative;
}

.container-400.narrow {
  width: 60%;
  min-width: 50px;
}

.section-73 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 10rem;
  padding-bottom: 10rem;
  position: relative;
}

.section-73.quotes {
  padding-top: 5rem;
  padding-bottom: 5rem;
  overflow: hidden;
}

.quote-heading {
  color: #000;
  margin-bottom: 24px;
  font-size: calc(1vw + 1rem);
  font-style: italic;
  font-weight: 400;
  line-height: 1.3em;
}

.quote-profile-image {
  aspect-ratio: 1;
}

.quote-slider {
  background-color: #0000;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  height: 100%;
  display: flex;
}

.quote-title {
  opacity: .73;
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.3em;
}

.quote-text-wrapper {
  flex-flow: column;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  display: flex;
}

.quote-2 {
  align-items: center;
  display: flex;
}

.quote-card {
  background-color: var(--white);
  border-radius: 2px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 6vw;
  display: flex;
}

.label-6 {
  color: #e2c376;
  letter-spacing: .04em;
  text-transform: uppercase;
  font-size: calc(.5vw + .5rem);
  font-weight: 500;
  line-height: 1.2em;
}

.quote-arrow {
  color: #e2c376;
  border: 1px solid #e2c376;
  width: 48px;
  height: 48px;
  margin-bottom: -64px;
  font-size: 1.4em;
  inset: auto 0% 0% auto;
}

.quote-arrow.gallery-arrow-left {
  margin-right: 72px;
}

.slide-nav-2 {
  align-items: center;
  height: 48px;
  margin-bottom: -64px;
  font-size: 12px;
  display: flex;
}

.quote-name {
  color: #fff;
  margin-right: 8px;
  font-size: 18px;
  font-weight: 500;
}

.quote-profile-image-wrapper {
  border-radius: 60px;
  flex: none;
  width: 72px;
  height: 72px;
  margin-right: 16px;
  overflow: hidden;
}

.nav-menu-9 {
  text-align: right;
  flex-flow: column;
  justify-content: center;
  align-items: flex-end;
  display: flex;
}

.nav-menu-9.mininavxtent {
  flex-flow: row;
}

.text-block-44 {
  color: var(--black);
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 25px;
}

.nav-link-13 {
  text-align: right;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  display: flex;
}

.nav-link-14 {
  padding: 0;
}

.nav-link-15 {
  border-bottom: 3px solid #000;
  padding: 0 0 5px;
}

.nav-link-16 {
  justify-content: flex-end;
  align-items: center;
  margin: 0;
  padding: 0;
  font-size: 16px;
  display: flex;
}

.nav-link-16.mininavitem {
  margin-right: 20px;
}

.nav-link-16.mininavitem.w--current {
  color: var(--goldenrod);
}

.nav-link-16.mininavitem.highlight {
  border-bottom: 3px solid var(--goldenrod);
}

.navbar-11 {
  z-index: 998;
  border-top: 5px solid var(--goldenrod);
  background-color: var(--white);
  border-bottom: 3px solid #3b3b3b;
  margin-top: -2px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 30px;
  padding-bottom: 25px;
}

.bold-text-29 {
  color: var(--black);
}

.bold-text-29.other-guy {
  margin-right: -15px;
}

.text-block-45 {
  margin-top: -20px;
  font-family: Quicksand, sans-serif;
  font-size: 14px;
}

.logo-slide_section {
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
}

.page-padding {
  padding: 5em 5%;
}

.page-padding.s0 {
  border-bottom: 3px solid #000;
  width: 100vw;
  max-width: 100vw;
  padding: 0%;
  overflow: hidden;
}

.padding-vertical {
  padding-left: 0;
  padding-right: 0;
}

.padding-vertical.padding-xxlarge {
  justify-content: space-between;
  align-items: center;
  width: auto;
  padding: 0;
  display: flex;
  overflow: hidden;
}

.container-large {
  width: 100%;
  max-width: none;
  margin-left: auto;
  margin-right: auto;
}

.logo-slider-img {
  width: 75px;
  max-width: none;
  max-height: none;
}

.logo-slider-img.logohidemob {
  width: 70px;
  padding-right: 10px;
}

.section-logo {
  display: block;
  overflow: hidden;
}

.logo_component-slider {
  grid-column-gap: 6rem;
  grid-row-gap: 6rem;
  grid-template-rows: auto;
  grid-template-columns: max-content 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  width: 200%;
  padding: 30px;
  display: flex;
}

.card__btn-w {
  flex: 1;
  align-items: flex-end;
  margin-left: -.125rem;
  padding-top: 1rem;
  display: flex;
}

.btn-w {
  color: #fffefa;
  text-align: center;
  background-color: #4353ff;
  border-radius: 2em;
  min-width: 11em;
  padding: .75em 2em .875em;
  font-size: 1rem;
  font-weight: 700;
  text-decoration: none;
  transition: background-color .2s;
}

.btn-w:hover {
  background-color: #3e4ceb;
}

.grid-w {
  flex-wrap: wrap;
  margin-left: -.5rem;
  margin-right: -.5rem;
  display: flex;
}

.flinch-logo {
  color: #4353ff;
}

.card-w {
  background-color: #fff;
  border: 1px solid #f4f4f3;
  flex-direction: column;
  align-items: flex-start;
  height: 100%;
  padding: 2rem;
  transition: transform .2s;
  display: flex;
  box-shadow: 0 12px 16px #00000003;
}

.card-w:hover {
  transform: translate(0, -.125rem);
}

.hero-content-w {
  text-align: center;
  margin-bottom: 3rem;
  margin-left: auto;
  margin-right: auto;
}

.brandname-w {
  text-align: center;
  padding-top: 5rem;
  font-size: .9375rem;
  font-weight: 500;
}

.cloneable-txt {
  color: #252525;
}

.bas-llink {
  color: #292827;
}

.card__tech-txt {
  color: #c173ec;
  font-size: .875rem;
  font-weight: 600;
}

.flinch-link-w {
  width: 4.7rem;
  margin-left: .375rem;
  display: inline-block;
}

.cloneable-link-w {
  letter-spacing: -.0125em;
  background-color: #fff;
  border: 1px solid #f4f4f3;
  flex-direction: column;
  align-items: flex-start;
  padding: .5rem 1rem;
  font-size: .875rem;
  font-weight: 600;
  text-decoration: none;
  display: inline-block;
}

.x-container {
  width: 100%;
  max-width: 75rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.grid__col {
  width: 33.3333%;
  padding: .5rem;
}

.inline-txt {
  display: inline-block;
}

.modal-bg {
  width: 100%;
  height: 100%;
  position: fixed;
  inset: 0%;
}

.close-btn-w {
  z-index: 999;
  float: right;
  background-color: #f5efef;
  border-radius: .25rem;
  justify-content: center;
  align-items: center;
  width: 3.5rem;
  height: 3.5rem;
  margin-top: 2rem;
  margin-right: 2rem;
  display: flex;
  position: absolute;
  inset: -.2% -.3% auto auto;
}

.close-btn-w.for-scroll {
  margin-left: -5.5rem;
}

.screen-reader-only {
  border: 1px #000;
  border-radius: 0;
  width: 1px;
  height: 1px;
  margin: -1px;
  position: absolute;
  inset: -1px;
  overflow: hidden;
}

.close-btn-line {
  background-color: #4353ff;
  border-radius: 1px;
  width: 1.75rem;
  height: 2px;
  position: absolute;
}

.close-btn-line.is--2nd {
  background-color: #000;
  transform: rotate(45deg);
}

.close-btn-line.is--1st {
  background-color: #000;
  transform: rotate(-45deg);
}

.close-btn-line.is--2nd {
  transform: rotate(45deg);
}

.close-btn-line.is--1st {
  transform: rotate(-45deg);
}

.modal-content-w {
  padding: 1rem 2rem;
}

.modal-1-popup {
  z-index: 25;
  background-color: #29282866;
  align-items: flex-start;
  width: 100%;
  height: 100vh;
  padding: 4rem 2rem;
  display: flex;
  position: fixed;
  inset: 0%;
  overflow: visible;
}

.modal {
  background-color: #fff;
  border-radius: .75rem;
  flex: none;
  width: 100%;
  max-width: 60rem;
  height: auto;
  margin: auto;
  position: relative;
}

.navigationjessyport {
  z-index: 998;
  display: block;
  position: relative;
}

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

.div-block-720 {
  margin-top: 20px;
}

.remove-w {
  background-color: #fcfbf7;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  padding-top: 6rem;
  padding-bottom: 6rem;
  display: flex;
}

.modal-bg-2 {
  width: 100%;
  height: 100%;
  display: block;
  position: fixed;
  inset: 0%;
}

.modal-1-popup-2 {
  z-index: 25;
  background-color: #29282866;
  align-items: flex-start;
  width: 100%;
  height: 100vh;
  padding: 4rem 2rem;
  display: none;
  position: fixed;
  inset: 0%;
  overflow: visible;
}

.modal-2-popup {
  z-index: 999;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #29282866;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: flex-start;
  width: 100%;
  height: 100vh;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 2rem;
  padding-right: 2rem;
  display: none;
  position: fixed;
  inset: 0%;
}

.modal-scroll-content-w {
  background-color: var(--white);
  border-radius: 15px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  margin-top: 20px;
  margin-right: 0;
  padding: 3rem;
  display: block;
  overflow: auto;
}

.modal-scroll-content-w.mobile {
  background-color: var(--black);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.modal-scroll-content-w.contactmodal {
  background-color: var(--black);
  height: 100%;
  margin-top: -20px;
}

.modal-3-popup {
  z-index: 999;
  background-color: #29282866;
  align-items: flex-start;
  width: 100%;
  height: 100vh;
  padding: 4rem 2rem;
  display: none;
  position: fixed;
  inset: 0%;
  overflow: auto;
}

.modal-scroll {
  background-color: #0000;
  border-radius: .75rem;
  flex: none;
  width: 100%;
  height: 100%;
  position: relative;
}

.modal-1-popup-3 {
  z-index: 25;
  background-color: #29282866;
  align-items: flex-start;
  width: 100%;
  height: 100vh;
  padding: 4rem 2rem;
  display: none;
  position: fixed;
  inset: 0%;
  overflow: visible;
}

.modal-w-scroll {
  z-index: 10;
  width: 100%;
  max-width: 62rem;
  height: 100%;
  max-height: 100%;
  margin: 0 auto auto;
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.modal-w-scroll.contactmodal {
  max-height: 600px;
}

.rich-text-block {
  margin-top: 20px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
}

.paragraph-78 {
  font-family: Lato, sans-serif;
}

.paragraph-79 {
  margin-bottom: 20px;
}

.teamplannermodalpop {
  z-index: 99;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #29282866;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: flex-start;
  width: 100%;
  height: 100vh;
  padding-left: 2rem;
  padding-right: 2rem;
  display: none;
  position: fixed;
  inset: 0%;
}

.teamplannerclosemodal {
  z-index: 5;
  float: right;
  background-color: #f5efef;
  border-radius: .25rem;
  justify-content: center;
  align-items: center;
  width: 3.5rem;
  height: 3.5rem;
  margin-top: 2rem;
  margin-right: 2rem;
  display: flex;
  position: sticky;
  top: -2rem;
}

.teamplannerclosemodal.for-scroll {
  margin-left: -5.5rem;
}

.brix---color-accent-2 {
  color: var(--elements-webflow-library--accent--primary-1);
}

.brix---color-neutral-802 {
  color: var(--elements-webflow-library--neutral--800);
}

.brix---color-neutral-803 {
  color: var(--elements-webflow-library--neutral--600);
}

.brix---mg-bottom-8px-2 {
  margin-bottom: 8px;
}

.brix---mg-bottom-16px-2 {
  margin-bottom: 16px;
}

.brix---mg-bottom-40px {
  margin-bottom: 40px;
}

.brix---text-300 {
  font-size: 20px;
  line-height: 20px;
}

.brix---container-default-2 {
  max-width: none;
  padding-left: 24px;
  padding-right: 0;
}

.brix---section-2 {
  color: var(--elements-webflow-library--neutral--100);
  padding-top: 0;
  padding-bottom: 0;
}

.brix---heading-h2-size-2 {
  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: 38px;
  font-weight: 700;
  line-height: 50px;
}

.brix---heading-h3-size {
  margin-top: 0;
  margin-bottom: 12px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 34px;
}

.brix---hidden-desktop {
  display: none;
}

.brix---slider-wrapper {
  background-color: #0000;
  height: 100%;
}

.brix---testimonial-v3-image-wrapper {
  object-fit: fill;
  border-top-left-radius: 24px;
  border-bottom-left-radius: 24px;
  flex: none;
  width: 100%;
  max-width: 548px;
  overflow: hidden;
}

.brix---paragraph-default-2 {
  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: 18px;
  line-height: 30px;
}

.brix---text-300-bold {
  font-size: 20px;
  font-weight: 700;
  line-height: 22px;
}

.brix---inner-container-547px {
  max-width: 574px;
}

.brix---btn-slider-arrow-right---top-left {
  border: 1px solid var(--elements-webflow-library--neutral--300);
  background-color: var(--elements-webflow-library--neutral--100);
  box-shadow: 0 2px 12px 0 var(--elements-webflow-library--general--shadow-02);
  color: var(--elements-webflow-library--neutral--800);
  transform-style: preserve-3d;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 64px;
  min-width: 64px;
  height: 64px;
  min-height: 64px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 26px;
  text-decoration: none;
  transition: transform .3s;
  display: flex;
  inset: -100px 84px auto auto;
}

.brix---btn-slider-arrow-right---top-left:hover {
  transform: scale3d(.94, .94, 1.01);
}

.brix---btn-slider-arrow-right---top-right {
  border: 1px solid var(--elements-webflow-library--neutral--300);
  background-color: var(--elements-webflow-library--neutral--100);
  box-shadow: 0 2px 12px 0 var(--elements-webflow-library--general--shadow-02);
  color: var(--elements-webflow-library--neutral--800);
  transform-style: preserve-3d;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 64px;
  min-width: 64px;
  height: 64px;
  min-height: 64px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 26px;
  text-decoration: none;
  transition: transform .3s;
  display: flex;
  top: -100px;
}

.brix---btn-slider-arrow-right---top-right:hover {
  transform: scale3d(.94, .94, 1.01);
}

.brix---image-fit-full-height {
  object-fit: cover;
  height: 100%;
}

.brix---card-testimonial-v3 {
  border: 1px solid var(--elements-webflow-library--neutral--300);
  background-color: var(--elements-webflow-library--neutral--100);
  border-radius: 24px;
  text-decoration: none;
  transition: transform .3s, color .3s;
  display: flex;
}

.brix---card-content-testimonial-v3 {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: 40px 88px;
  display: flex;
}

.brix---slider-mask-testimonial-v3 {
  box-shadow: 0 2px 10px 0 var(--elements-webflow-library--general--shadow-01);
  border-radius: 24px;
  height: 100%;
}

.italic-text-5 {
  font-size: 30px;
}

.brix---color-neutral-804 {
  color: var(--elements-webflow-library--neutral--600);
}

.brix---mg-bottom-24px {
  margin-bottom: 24px;
}

.brix---mg-bottom-32px-2 {
  margin-bottom: 32px;
}

.brix---mg-bottom-64px {
  margin-bottom: 64px;
}

.brix---btn-primary-2 {
  background-color: var(--elements-webflow-library--accent--primary-1);
  color: var(--elements-webflow-library--neutral--100);
  text-align: center;
  transform-style: preserve-3d;
  border-radius: 48px;
  justify-content: center;
  padding: 26px 38px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 20px;
  text-decoration: none;
  transition: background-color .3s, transform .3s, color .3s;
}

.brix---btn-primary-2:hover {
  background-color: var(--elements-webflow-library--secondary--color-1);
  color: var(--elements-webflow-library--neutral--100);
  transform: translate3d(0, -3px, .01px);
}

.brix---btn-secondary-2 {
  border: 1px solid var(--elements-webflow-library--neutral--300);
  background-color: var(--elements-webflow-library--neutral--100);
  color: var(--elements-webflow-library--neutral--800);
  text-align: center;
  transform-style: preserve-3d;
  border-radius: 48px;
  padding: 26px 38px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 18px;
  line-height: 20px;
  transition: border-color .3s, transform .3s, background-color .3s, color .3s;
  box-shadow: 0 4px 10px #14142b0a;
}

.brix---btn-secondary-2:hover {
  border-color: var(--elements-webflow-library--accent--primary-1);
  background-color: var(--elements-webflow-library--accent--primary-1);
  color: var(--elements-webflow-library--neutral--100);
  transform: translate3d(0, -3px, .01px);
}

.brix---buttons-row {
  align-items: center;
  display: flex;
}

.brix---heading-h1-size {
  margin-top: 0;
  margin-bottom: 16px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 54px;
  font-weight: 700;
  line-height: 66px;
}

.brix---heading-h5-size {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
}

.brix---image {
  object-fit: cover;
  border-radius: 0;
  width: 300px;
  height: 600px;
  position: relative;
}

.brix---button-row-left-2 {
  margin-right: 24px;
}

.brix---grid-2-columns-text {
  grid-column-gap: 64px;
  grid-row-gap: 28px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: center;
  display: grid;
}

.brix---grid-2-columns-2-col-mbl {
  grid-column-gap: 28px;
  grid-row-gap: 28px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  display: grid;
}

.brix---image-wrapper-br-24px-shadow {
  box-shadow: 0 14px 42px 0 var(--elements-webflow-library--general--shadow-04);
  border-radius: 0;
  overflow: hidden;
}

.brix---color-neutral-805 {
  color: var(--elements-webflow-library--neutral--800);
}

.brix---color-neutral-806 {
  color: var(--elements-webflow-library--neutral--800);
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.brix---color-neutral-807 {
  color: var(--elements-webflow-library--neutral--800);
}

.brix---color-neutral-808 {
  color: var(--elements-webflow-library--neutral--600);
}

.brix---section-3 {
  color: var(--elements-webflow-library--neutral--100);
  padding: 20px 0;
}

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

.brix---inner-container-600px---center {
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.brix---image-wrapper-br-24px {
  border-radius: 9px;
  overflow: hidden;
}

.brix---grid-gallery-v5 {
  grid-column-gap: 28px;
  grid-row-gap: 28px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.brix---gallery-v5-col, .brix---gallery-v5-col-hidden {
  grid-row-gap: 28px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.div-block-721 {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/649c232abf0c65195a3c397f_321512664_1603029600138428_4623054860312428844_n.jpeg");
  background-position: 0 0;
  background-size: cover;
  width: 100%;
  height: 100%;
}

.div-block-722 {
  flex-flow: row;
  display: flex;
}

.image-174 {
  object-fit: cover;
  border-radius: 14px;
  width: 100%;
  height: 100%;
}

.lightbox-link {
  width: 20%;
  padding-left: 10px;
  padding-right: 10px;
}

.accordion-label {
  color: #fff;
  letter-spacing: -3px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14vh;
  line-height: 120%;
  display: none;
  position: absolute;
  top: -1px;
  bottom: auto;
  left: 8vw;
}

.accordion-label.show-mvp {
  display: none;
}

.track-horizontal-alt {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.flex-fix {
  flex: 1;
}

.section-74 {
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 100px;
  display: block;
}

.marquee-text {
  color: #fff;
  letter-spacing: -.5px;
  text-transform: uppercase;
  flex: none;
  margin-left: 15px;
  margin-right: 15px;
  font-weight: 700;
}

.marquee-text.alt {
  color: #dad4c9;
  font-style: italic;
}

.vertical-text {
  z-index: 10;
  color: var(--goldenrod);
  font-size: 20px;
  display: none;
  position: relative;
}

.accordions {
  color: #fff;
  width: 80%;
  height: 80vh;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  overflow: visible;
}

.image-container {
  z-index: -1;
  align-items: flex-end;
  width: 100%;
  height: 87vh;
  display: flex;
  position: absolute;
  overflow: hidden;
}

.accordion-header {
  z-index: 10;
  opacity: 1;
  background-color: #fff;
  border-left: 0 solid #888585;
  border-right: 3px solid #000;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 8vw;
  height: 100%;
  padding-top: 35px;
  padding-bottom: 35px;
  display: flex;
  position: relative;
}

.accordion-header._22cove {
  background-color: #fff0;
  border-right-width: 3px;
  border-right-color: #000;
}

.accordion-header.nobg {
  background-color: #2e292900;
  border-right-width: 0;
}

.marquee-horizontal {
  z-index: 100;
  background-color: #636060;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 40px;
  display: flex;
  position: relative;
  inset: 0% 0% auto;
  overflow: hidden;
}

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

.numbers {
  z-index: 10;
  color: #ffc102;
  font-size: 40px;
  font-weight: 700;
  line-height: 100%;
  position: relative;
}

.spacer {
  width: 100%;
  height: 100px;
}

.image-cover {
  opacity: 1;
  object-fit: cover;
  width: 100vw;
  max-width: 100vw;
  height: 100%;
  max-height: 80vh;
}

.accordion {
  color: #fff;
  background-color: #636060;
  flex-direction: column;
  flex: none;
  justify-content: flex-end;
  align-items: flex-start;
  width: 10%;
  height: 100%;
  display: flex;
  position: relative;
  overflow: visible;
}

.accordion.active {
  z-index: 99;
  background-color: #63606000;
  width: 70%;
}

.div-block-723 {
  width: 100%;
  overflow: hidden;
}

.button-block-wrapper {
  border-bottom: 1px solid #7a7a7a;
  border-radius: 4px;
  flex-direction: column;
  width: 50%;
  display: flex;
}

.button-block {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  min-height: 250px;
  padding: 0 .3rem;
  display: flex;
}

.outline-btn {
  z-index: 20;
  color: #fff;
  letter-spacing: 3px;
  text-transform: uppercase;
  border: 1px solid #d6e3e7;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  height: 45px;
  padding: 12px 20px;
  font-size: .65rem;
  font-weight: 600;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.secondary-btn-text {
  z-index: 20;
  position: relative;
}

.button-hover-circle {
  z-index: 5;
  background-color: #fff;
  border-radius: 100%;
  width: 125%;
  height: 400%;
  position: absolute;
  inset: auto auto -400% -16px;
}

.button-hover-circle.dark {
  background-color: #101010;
}

.button-subtitle {
  color: #8f9193;
  text-align: center;
  background-color: #1a1a1a;
  padding-top: 13px;
  padding-bottom: 13px;
}

.white-bubble-btn {
  z-index: 20;
  color: #111;
  letter-spacing: 2px;
  text-transform: uppercase;
  background-color: #fff;
  border: 3px solid #000;
  border-radius: 0;
  justify-content: center;
  align-items: center;
  width: 250px;
  height: 45px;
  margin-top: 0;
  margin-bottom: 20px;
  padding-left: 1.4rem;
  padding-right: 1.4rem;
  font-size: .65rem;
  font-weight: 700;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.white-bubble-btn.small {
  width: 300px;
}

.white-bubble-btn.invert {
  filter: invert();
}

.step-number {
  z-index: 15;
  color: #ececec;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 5rem;
  font-weight: 700;
  line-height: 70px;
  position: absolute;
}

.long-button-underlay {
  z-index: 1;
  background-color: #fff;
  width: 300px;
  height: 40px;
  position: absolute;
  inset: 0%;
  transform: translate(0%, -40px);
}

.steps-section {
  background-color: #141414;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  min-height: 80vh;
  padding-top: 4.6rem;
  padding-bottom: 4.6rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.button-overlay {
  z-index: 1;
  color: #111;
  background-color: #d6d6d6;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.swipe-right-lottie {
  width: 2.5rem;
  height: 2.5rem;
}

.swipe-right-lottie.invert {
  filter: invert();
}

.social-wrapper-2 {
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
}

.empty-state-2 {
  color: #fff;
  background-color: #2b2b2b;
  justify-content: center;
  align-items: center;
  width: 80vw;
  height: 100px;
  display: flex;
}

.step-heading {
  text-transform: uppercase;
  margin-top: 1.3rem;
  margin-bottom: 2.6rem;
  font-size: 4rem;
  font-weight: 100;
}

.swoop-button {
  color: #050505;
  background-color: #f1f1f1;
  justify-content: center;
  align-items: center;
  min-width: 140px;
  height: 65px;
  padding-left: 20px;
  padding-right: 20px;
  font-size: .8rem;
  font-weight: 400;
  display: flex;
  position: relative;
  overflow: hidden;
}

.action-intro {
  grid-column-gap: 18px;
  grid-row-gap: 36px;
  text-align: center;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-items: center;
  max-width: 450px;
  padding-bottom: 0;
  display: grid;
}

._150-image-row-wrapper {
  flex: 1;
  margin-top: 10px;
  margin-bottom: 10px;
  display: flex;
}

.big-background-text {
  z-index: 1;
  color: #2b2b2b;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 17vw;
  font-weight: 400;
  line-height: .9;
  position: absolute;
  inset: 10.3rem 0% auto;
}

.big-background-text.home-about {
  color: #ececec1c;
  text-align: left;
  font-weight: 700;
  top: 6.4rem;
  left: 2%;
}

.big-background-text.inro-guide {
  color: #ececec1c;
  text-align: left;
  font-size: 14vw;
  font-weight: 900;
  top: 8.2rem;
}

.big-background-text.steps {
  color: #ececec1c;
  text-align: left;
  top: 6.9rem;
  left: 0%;
}

.big-background-text.steps.hide {
  display: none;
}

.collection-list-wrapper-2 {
  width: 100%;
}

.moving-gallery-section {
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
  position: relative;
  overflow: hidden;
}

.page-wrapper-3 {
  z-index: 1;
  background-color: #000;
  padding-top: 3rem;
  position: relative;
}

.footer-columns {
  border-bottom: 1px solid #000;
  justify-content: flex-start;
  width: 100%;
  padding-top: 4rem;
  padding-bottom: 4rem;
  padding-left: 5%;
  display: flex;
}

.dot-wrap {
  z-index: 9999;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 15px;
  height: 15px;
  display: flex;
  position: relative;
}

.long-button-wrap {
  flex-direction: column;
  width: 300px;
  display: flex;
}

.long-button-wrap.inverted {
  filter: invert();
}

.collection-item {
  width: 100%;
}

.collection-item.full-width {
  width: 85%;
}

.collection-item.full-width:nth-child(odd) {
  margin-left: 0;
  margin-right: auto;
}

.collection-item.full-width:nth-child(2n) {
  margin-left: auto;
  margin-right: 0;
}

.animation-image {
  z-index: 1;
  width: 16px;
  position: relative;
}

.card-item {
  color: #fcfcfc;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 30vw;
  height: 40vh;
  margin-left: .8rem;
  margin-right: .8rem;
  padding-left: 1.9rem;
  padding-right: 1.9rem;
  display: flex;
  position: relative;
}

.card-item.services-card {
  perspective: 1000px;
  transform-style: preserve-3d;
  justify-content: flex-start;
  width: 28rem;
  height: auto;
  margin-top: 1rem;
  margin-bottom: 1rem;
  margin-right: .7rem;
  padding: 0;
  transition: box-shadow .5s, transform .5s;
  position: relative;
  transform: skew(0deg);
}

.card-item.services-card:hover {
  transform: translate3d(0, 0, 20px);
}

.long-button-icon {
  width: 18px;
  margin-bottom: 5px;
  margin-left: 6px;
}

.background-2 {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/67e600e2f4a403bf80dcd180_Image013.jpeg");
  background-position: 40% 100%;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  inset: 0%;
}

.background-2.testimonial-background {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/67e600e2f4a403bf80dcd175_brad-X-dqWpUmiSk-unsplash.jpg");
  background-position: 50%;
}

.progress-bar {
  z-index: 89;
  background-color: #ffeb7c;
  width: 100vw;
  height: 2px;
  position: fixed;
  inset: 0% 0% auto;
}

.slider-arrow-icon {
  z-index: 20;
  width: 20px;
  position: relative;
}

._150-image-wrapper-inner {
  flex-direction: column;
  grid-template-rows: auto auto auto auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 150vw;
  height: 200vh;
  display: flex;
  position: absolute;
  transform: rotate(20deg);
}

.footer-column {
  width: 32%;
  margin-right: 2rem;
  padding-bottom: 30px;
  padding-right: 0%;
}

.cta-header {
  font-size: 5rem;
}

.footer-column-header {
  color: #1f1f1f;
  text-transform: uppercase;
  font-weight: 800;
}

.left-arrow-2 {
  border: 1px #eff9fc1a;
  justify-content: flex-start;
  align-items: center;
  width: 84px;
  height: 60px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
  top: auto;
  left: 0%;
  right: 84px;
  overflow: visible;
}

.left-arrow-2.right {
  border-left-style: solid;
  border-left-color: #eff9fc1a;
  justify-content: flex-end;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  left: 84px;
  right: 0;
}

.background-wrapper {
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.home-hero-header {
  padding-left: 0;
  padding-right: 0;
  font-size: 4rem;
  font-weight: 800;
  line-height: .8;
}

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

.grid-2-columns.footer-top {
  border-top: 1px solid #ececec;
  width: 90%;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

.stacked-heading {
  grid-column-gap: 16px;
  grid-row-gap: 18px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.home-hero-heading {
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 8rem;
}

.slide-nav-3 {
  display: none;
}

.hero-section-wrap {
  perspective: 1000px;
  background-color: #000;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
}

.grid-wrapper-2 {
  z-index: 10;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: minmax(5vw, 1fr) minmax(auto, 1400px) minmax(5vw, 1fr);
  grid-auto-rows: 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
  position: relative;
}

.logo-footer {
  transform-style: preserve-3d;
  transition: transform .3s, color .3s;
}

.logo-footer:hover {
  transform: scale3d(.94, .94, 1.01);
}

.credit-name {
  grid-column-gap: 9px;
  grid-row-gap: 9px;
  text-align: left;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.slider-circle {
  border: 1px solid #eff9fc;
  border-radius: 100%;
  width: 48px;
  height: 48px;
  margin-left: 9px;
  margin-right: 9px;
  position: absolute;
  inset: auto 0% auto auto;
}

.slider-circle.left {
  inset: auto auto auto 0%;
}

.overlay-2 {
  background-color: #0a101d59;
  position: absolute;
  inset: 0%;
}

.lottie-arrow-wrap {
  justify-content: center;
  align-items: center;
  width: 90px;
  height: 90px;
  padding: .6rem;
  display: flex;
}

.testimonial-content {
  grid-column-gap: 16px;
  grid-row-gap: 36px;
  text-align: center;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: grid;
}

.long-button {
  color: #f8f8f8;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: .9rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.swell-footer {
  z-index: 5;
  background-color: #f5f5f5;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  min-height: 70vh;
  padding-top: 5rem;
  padding-bottom: 0;
  display: flex;
  position: relative;
}

.long-button-link-wrap {
  opacity: .6;
  justify-content: center;
  align-items: center;
  display: flex;
}

.action-banner {
  width: 100vw;
  min-height: 90vh;
  position: relative;
  overflow: hidden;
}

.social-icon-2 {
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
  position: relative;
}

.social-icon-2.white {
  background-color: #fff;
  border-radius: 100%;
  margin-bottom: 6px;
  margin-right: 6px;
}

.social-circle {
  background-color: #4f3dec;
  border-radius: 100%;
  width: 100%;
  height: 100%;
  position: absolute;
}

.social-circle.orange {
  background-color: #ffeb7c;
}

._150-image {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/67e600e1f4a403bf80dcd0f1_will-turner-yS4VEyOgMEw-unsplash.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex: 1;
  margin-left: 10px;
  margin-right: 10px;
}

._150-image._3 {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/67e600e1f4a403bf80dcd0c4_daniel-j-schwarz-CH7-NJQM4zg-unsplash.jpg");
}

._150-image._7 {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/67e600e1f4a403bf80dcd0bf_josh-hild-_TuI8tZHlk4-unsplash.jpg");
}

._150-image._28 {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/67e600e2f4a403bf80dcd142_danil-shostak-wVso9-blKFw-unsplash.jpg");
}

._150-image._19 {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/67e600e1f4a403bf80dcd11e_toby-christopher--FdDxSryyEo-unsplash.jpg");
}

._150-image._17 {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/67e600e1f4a403bf80dcd0b5_james-adams-hdHz6O8rLng-unsplash.jpg");
}

._150-image._20 {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/67e600e1f4a403bf80dcd0d8_james-adams-HW2jyY7lmig-unsplash.jpg");
}

._150-image._10 {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/67e600e1f4a403bf80dcd0c9_jon-s-9x2l1o67wx0-unsplash.jpg");
}

._150-image._6 {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/67e600e1f4a403bf80dcd0f6_pang-yuhao-Sdske9tEDyg-unsplash.jpg");
}

._150-image._8 {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/67e600e1f4a403bf80dcd0e7_john-vicente-uYPEkDOa6DI-unsplash.jpg");
}

._150-image._22 {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/67e600e1f4a403bf80dcd0ec_marvin-meyer-NI5PYkdl8kU-unsplash.jpg");
}

._150-image._24 {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/67e600e1f4a403bf80dcd119_rob-coates-0WSnv89w8NU-unsplash.jpg");
}

._150-image._5 {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/67e600e1f4a403bf80dcd0b0_daniel-j-schwarz-E3QoGwsVLDo-unsplash.jpg");
}

._150-image._29 {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/67e600e1f4a403bf80dcd10f_ulysse-pointcheval-rTFcoptOQ4U-unsplash.jpg");
}

._150-image._11 {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/67e600e1f4a403bf80dcd0dd_david-lezcano-vMjfhNAw7mk-unsplash.jpg");
}

._150-image._15 {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/67e600e1f4a403bf80dcd128_sergio-souza-IR4zdB8TDkY-unsplash.jpg");
}

._150-image._18 {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/67e600e2f4a403bf80dcd13d_matthew-ronder-seid-OwsvmAr3PiE-unsplash.jpg");
}

._150-image._13 {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/67e600e1f4a403bf80dcd123_artin-bakhan-f1olIOxfMeQ-unsplash.jpg");
}

._150-image._30 {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/67e600e1f4a403bf80dcd0fb_pars-sahin-puEX_dvFWhc-unsplash.jpg");
}

._150-image._9 {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/67e600e1f4a403bf80dcd10a_jack-nelson-MS5CuKPFJzg-unsplash.jpg");
}

._150-image._12 {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/67e600e1f4a403bf80dcd105_andre-iv-RM73MZdIioQ-unsplash.jpg");
}

._150-image._4 {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/67e600e1f4a403bf80dcd0ba_lukas-blaskevicius-2jIBhXbdE8U-unsplash.jpg");
}

._150-image._14 {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/67e600e1f4a403bf80dcd0ce_isaac-madrid-kMuFaJk-d0Y-unsplash.jpg");
}

._150-image._21 {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/67e600e1f4a403bf80dcd132_nong-vang-0mt7Pk8JDS0-unsplash.jpg");
}

._150-image._25 {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/67e600e1f4a403bf80dcd12d_touann-gatouillat-vergos-Izjg-QZRPgI-unsplash.jpg");
}

._150-image._16 {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/67e600e1f4a403bf80dcd114_moises-alex-0AlDmz8Twv0-unsplash.jpg");
}

._150-image._2 {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/67e600e1f4a403bf80dcd0a8_erik-mclean-jcsxshwzvk0-unsplash.jpg");
}

._150-image._27 {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/67e600e1f4a403bf80dcd100_alexander-jawfox-4DxFFn8cq90-unsplash.jpg");
}

._150-image._26 {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/67e600e1f4a403bf80dcd0d3_daniel-j-schwarz-kRsJuiJs_b4-unsplash.jpg");
}

._150-image._23 {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/67e600e1f4a403bf80dcd137_dave-herring-3-cPvawkg-I-unsplash.jpg");
}

.testimonial-slider-2 {
  background-color: #0000;
  justify-content: center;
  max-width: 750px;
  height: 100%;
  padding-bottom: 80px;
  display: flex;
}

.gallery-block-list {
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.scrolling-list {
  perspective: 1000px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-left: 1.4rem;
  transition: transform .4s;
  display: flex;
  overflow: scroll;
}

.step-wrap {
  color: #ececec;
  cursor: pointer;
  border: 1px #ffeb7c21;
  border-right-style: solid;
  border-radius: 1px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 30%;
  padding: 2.8rem;
  display: flex;
}

.step-wrap.no-border {
  border-right-style: none;
}

.home-hero-info-wrap {
  z-index: 50;
  perspective: 1000px;
  position: relative;
}

.mask-3 {
  padding-top: 80px;
  padding-bottom: 80px;
}

.paragraph-large {
  color: #fff;
  font-size: 1.4rem;
}

.scroll-section-wrap {
  justify-content: flex-start;
  align-items: center;
  width: 100vw;
  height: 100%;
  display: flex;
  position: relative;
}

.testimonials-section {
  z-index: 20;
  border-bottom: 1px solid #eff9fc1a;
  justify-content: center;
  padding-top: 180px;
  padding-bottom: 180px;
  display: flex;
  position: relative;
  overflow: visible;
}

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

.grid-wrapper-3 {
  z-index: 25;
  grid-column-gap: 0px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: minmax(5vw, 1fr) minmax(auto, 1400px) minmax(5vw, 1fr);
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
  position: relative;
}

.header-logo {
  z-index: 98;
  transition: transform .3s;
  position: absolute;
  inset: 3rem auto auto 3rem;
}

.header-logo:hover {
  transform: scale(1.05);
}

.subtitle-3 {
  color: #7f6d36;
  letter-spacing: 3px;
  text-transform: uppercase;
  font-size: 11px;
}

.subtitle-3.light {
  color: #fffc;
  font-weight: 500;
}

.testimonial-bg-wrapp {
  width: 100%;
  position: absolute;
  inset: 0% 0% 0% auto;
  overflow: hidden;
}

.misc-section {
  flex-wrap: wrap;
  place-content: center;
  align-items: flex-start;
  width: 100vw;
  min-height: 30vh;
  padding: 5rem 3%;
  display: flex;
  overflow: hidden;
}

.steps-container {
  z-index: 2;
  flex-wrap: wrap;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  max-width: 1140px;
  display: flex;
  position: relative;
}

.lottie-header-wrap {
  justify-content: center;
  align-items: center;
  margin-bottom: 2rem;
  display: flex;
}

.social-footer-image {
  width: 8rem;
}

.social-footer-image.invert {
  filter: invert();
}

.showreel-info {
  z-index: 10;
  grid-column-gap: 16px;
  grid-row-gap: 36px;
  color: #fff;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-content: center;
  max-width: 675px;
  padding-top: 140px;
  padding-bottom: 140px;
  display: grid;
  position: relative;
}

.footer-wrap-2 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 90vw;
  max-width: 1100px;
  min-height: 70vh;
  display: flex;
  position: relative;
}

.content-wrapper-2 {
  z-index: 20;
  grid-column-gap: 0px;
  grid-row-gap: 16px;
  grid-template-rows: 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
  position: relative;
}

.slide-btn-txt {
  z-index: 2;
  font-weight: 600;
  line-height: 1rem;
  position: absolute;
}

.long-button-title {
  font-weight: 400;
}

.footer-copyright-section {
  color: #fff;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  padding-top: 2rem;
  padding-left: 2rem;
  padding-right: 2rem;
  display: flex;
  position: relative;
}

.quote-credit {
  grid-template-rows: auto;
  grid-template-columns: auto 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  padding-right: 0;
  display: flex;
}

.section-button-wrapper {
  justify-content: flex-start;
  width: 100%;
  margin-top: 1.6rem;
  display: flex;
}

.block-2 {
  justify-content: center;
  align-items: center;
  width: 25%;
  height: 120px;
  display: flex;
}

.past-projects-section {
  border-bottom: 1px solid #ffffff1a;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  padding-top: 105px;
  padding-bottom: 180px;
  position: relative;
  overflow: hidden;
}

.step-content {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-left: 14px;
  padding-right: 14px;
  display: flex;
}

.content-grid {
  grid-column-gap: 0px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
  position: relative;
}

.footer-copyright {
  color: #1f1f1f;
  text-align: center;
  letter-spacing: 2px;
  text-transform: uppercase;
  padding-top: 0;
  padding-bottom: 19px;
  font-size: .7rem;
  font-weight: 400;
  text-decoration: none;
}

.home-cta-section {
  position: relative;
}

.plain_text {
  color: #fafafa;
  text-align: center;
  font-size: 1rem;
  font-weight: 500;
}

.services-home-section {
  min-height: 80vh;
  padding-top: 13.6rem;
  padding-bottom: 5.3rem;
  position: relative;
}

.link {
  color: #fff;
  letter-spacing: 5px;
  text-transform: uppercase;
  border: 1px solid #ffffff1a;
  border-radius: 100px;
  padding: 12px 28px;
  font-size: 11px;
  text-decoration: none;
}

.grid-wrapper {
  z-index: 20;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: 1fr;
  grid-template-columns: minmax(5vw, 1fr) minmax(auto, 1500px) minmax(5vw, 1fr);
  grid-auto-rows: auto;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
  position: relative;
}

.testimonial-slide-wrapper-2 {
  justify-content: center;
  align-items: center;
  min-height: 700px;
  padding-top: 80px;
  padding-bottom: 120px;
  display: flex;
}

.social-icon-container {
  justify-content: center;
  align-items: center;
  display: flex;
}

.social-icon-container.right {
  justify-content: flex-end;
}

.long-button-info {
  z-index: 2;
  border-bottom: 1px solid #f8f8f8;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 40px;
  font-weight: 600;
  transition: padding .3s;
  display: flex;
  position: relative;
  inset: 0%;
}

.long-button-info:hover {
  padding-left: 15px;
  padding-right: 15px;
}

.text-span {
  margin-right: 5px;
}

.project-grid-2 {
  grid-column-gap: 80px;
  grid-row-gap: 170px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: stretch;
  justify-items: stretch;
  padding-bottom: 0;
  display: grid;
}

.project-grid-2.full-width {
  grid-row-gap: 140px;
}

.card-item-2 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: .6rem;
  display: flex;
}

.page-logo-2 {
  width: 5rem;
}

.bleh-img-link {
  width: 200px;
  position: absolute;
  inset: 0% 6% auto auto;
}

.the-problem-section {
  z-index: 4;
  background-color: #000;
  min-height: 30vh;
  margin-bottom: 0;
  padding-top: 12.3rem;
  padding-bottom: 1.5rem;
  position: relative;
  overflow: hidden;
}

.overlay {
  z-index: 1;
  background-color: #0c0c0ccc;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0%;
}

.section-header-wrapper {
  z-index: 2;
  flex-direction: column;
  width: 100%;
  max-width: 1200px;
  margin-bottom: 2rem;
  padding-left: 3rem;
  padding-right: 18.2rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.testimonial-text {
  font-weight: 300;
}

.scrolling-section {
  perspective: 1000px;
  background-color: #0000;
  justify-content: center;
  align-items: center;
  width: 100vw;
  display: flex;
  overflow: hidden;
}

.content-stacked {
  grid-column-gap: 16px;
  grid-row-gap: 140px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.hero-background {
  perspective: 1000px;
  background-color: #111111ab;
  justify-content: center;
  align-items: center;
  width: 90vw;
  height: 90vh;
  display: flex;
  overflow: hidden;
}

.subtitle-4 {
  color: #fffc;
  letter-spacing: 4px;
  text-transform: uppercase;
  font-size: 11px;
}

.background {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/67e600e2f4a403bf80dcd15f_033.jpeg");
  background-position: 50% 35%;
  background-size: cover;
  position: absolute;
  inset: 0%;
}

.background.action-background {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/67e600e2f4a403bf80dcd16a_brad-_cNoirVkK2I-unsplash.jpg");
}

.column_overlay {
  z-index: 0;
  background-color: #0009;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.fancy-columns-wrap-copy {
  flex: 0 auto;
  display: none;
}

.staff-collection {
  display: none;
}

.column-item {
  color: #cacaca;
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 25%;
  height: 100%;
  transition: width .5s cubic-bezier(.785, .135, .15, .86);
  display: flex;
  position: relative;
  overflow: hidden;
}

.header-wrap_line {
  background-color: #fff;
  width: 120px;
  height: 1px;
  margin-top: 20px;
  margin-left: -57px;
}

.column_header-wrap {
  z-index: 1;
  transform-origin: 0 100%;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-start;
  margin-left: 34px;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  position: absolute;
  inset: 0% auto auto 0%;
  transform: rotate(90deg);
}

.header-logo-2 {
  width: 60px;
  margin-right: .8rem;
}

.column_number-line {
  background-color: #fff;
  height: 1px;
  margin-top: 10px;
  margin-bottom: 14px;
}

.fancy-columns {
  width: 100vw;
  height: 100vh;
  min-height: 100vh;
  display: flex;
}

.staff-wrap {
  background-color: #0a0a0a;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 50%;
  min-height: 15vh;
  padding: 5%;
  display: flex;
}

.column_details-wrap {
  z-index: 1;
  padding-bottom: 20px;
  padding-left: 1rem;
  padding-right: 1rem;
  position: absolute;
  inset: auto 0% 0% auto;
}

.column_number-wrap {
  flex-direction: column;
  display: flex;
}

.page-nav-header {
  z-index: 90;
  background-color: #000;
  border-bottom: 1px solid #313131;
  justify-content: space-between;
  align-items: center;
  width: 100vw;
  height: 102px;
  padding-left: 2.4rem;
  padding-right: 2.4rem;
  display: flex;
  position: static;
  inset: 0% 0% auto;
}

.is--number {
  text-transform: uppercase;
  padding-left: 15px;
  padding-right: 15px;
  font-size: 1.2rem;
  font-weight: 200;
  line-height: 1;
}

.simple-nav-header {
  color: #f8f8f8;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1;
}

.nav-header-wrap {
  align-items: center;
  display: flex;
}

.staff-list {
  width: 100%;
  min-height: 35vh;
  display: flex;
}

.about-section {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  min-height: 40vh;
  display: flex;
}

.div-block-724 {
  border-bottom: 3px solid var(--goldenrod);
  background-color: #68686800;
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  height: 100%;
  margin-top: 20px;
  margin-bottom: 20px;
  display: flex;
  position: static;
  top: 83px;
}

._40 {
  justify-content: flex-end;
  align-items: center;
  width: 40%;
  display: flex;
}

.paragraph-80 {
  font-size: 14px;
}

.paragraph-80.rightalignjsstextbody {
  text-align: right;
  width: 70%;
  margin-bottom: 0;
  padding-right: 0;
  line-height: 25px;
}

.arrow-button {
  cursor: pointer;
  flex-direction: column;
  align-items: flex-end;
  display: flex;
  overflow: hidden;
}

.arrow-button.pad {
  margin-right: 30px;
}

.title-wrapper-2 {
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.button-title {
  color: var(--black-2);
  justify-content: flex-end;
  align-items: center;
  margin-bottom: 5px;
  padding-right: 0;
  font-size: 16px;
  line-height: 1;
  display: flex;
}

.arrow-wrapper-2 {
  filter: invert(0%);
  color: var(--black);
  width: 14px;
  margin-top: -10px;
  margin-left: 5px;
  overflow: hidden;
}

.button-arrow-3 {
  background-color: #000;
}

.underline {
  background-color: #ffc102;
  width: 100%;
  height: 3px;
}

.text-block-46 {
  color: var(--black);
}

.brand-6 {
  opacity: 1;
}

.brand-6.mniivi {
  display: flex;
}

.link-block-46 {
  padding-top: 5px;
  padding-bottom: 5px;
}

.heading-overflow {
  flex-flow: row;
  padding-top: 0;
  display: flex;
}

.small-accordion-text {
  color: #1f1f1f;
  font-family: Montserrat, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 2;
}

.small-accordion-text.portofliosticklylink {
  color: var(--goldenrod);
  font-weight: 700;
}

.big-split-header {
  filter: invert();
  color: #fff;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 0;
  padding: 0;
  font-size: 3.3rem;
  font-weight: 900;
  line-height: 1.3;
}

.big-split-header.outline {
  margin-bottom: -10px;
  margin-right: 20px;
  padding: 0;
  font-size: 3.2rem;
}

.big-split-header.outline.biggbiguy {
  font-size: 4rem;
}

.big-split-header.logov {
  color: #000;
  font-size: 2rem;
}

.big-split-header.gap {
  margin-left: 60px;
}

.big-split-header.bigguy {
  font-size: 4rem;
}

.big-split-header.mobile {
  display: none;
}

.big-split-header.hidemon {
  filter: none;
  margin-bottom: 10px;
}

.big-split-header.illustrationhead {
  filter: invert();
  margin-left: auto;
  padding-top: 0;
}

.big-split-header.extra {
  margin-left: auto;
}

.big-split-header.heroheader {
  filter: none;
  color: #000;
  font-size: 4rem;
  line-height: 1.1;
}

.big-split-header.hidmob.white {
  filter: none;
  margin-bottom: 10px;
}

.big-split-header.hiddesktop {
  display: none;
}

.accordion-arrow-wrap {
  justify-content: center;
  align-items: center;
  width: 15%;
  height: 70px;
  display: flex;
}

.accordion-tab-button-dark {
  cursor: pointer;
  border-radius: 10px;
  justify-content: flex-start;
  align-items: center;
  min-height: 70px;
  padding-top: 0;
  padding-bottom: 0;
  transition: transform .2s, box-shadow .2s;
  display: flex;
}

.small-accordion-section {
  z-index: 5;
  background-color: #fcfcfc;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 40vh;
  padding-top: 2rem;
  padding-bottom: 2rem;
  padding-left: 0;
  display: flex;
  position: relative;
}

.accordion-icon {
  width: 2rem;
  margin-left: 1.5rem;
  margin-right: 15px;
}

.section-header-wrapper-2 {
  width: 100%;
  margin-bottom: 2rem;
  padding-left: 3rem;
  position: relative;
  overflow: hidden;
}

.section-header-wrapper-2.no-pad-left {
  padding-left: 0;
}

.small-accordion-header {
  color: #1f1f1f;
  text-align: left;
  width: 85%;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 10px;
  padding-left: 2rem;
  font-size: 1.2em;
  font-weight: 600;
  line-height: 1.3em;
}

.small-accordion-header.with-icon {
  width: 80%;
  padding-left: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
}

.small-accordion-pane {
  background-color: #0000;
  overflow: hidden;
}

.simple-accordion-arrow {
  width: 2.5rem;
}

.accordion-pane-content {
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  margin-bottom: 5px;
  padding: 0 25px 20px;
}

.small-accordion-item {
  border: 3px solid #333334;
  justify-content: center;
  align-items: center;
  width: 60vw;
  max-width: 800px;
  margin-bottom: 1rem;
  transition: box-shadow .2s;
}

.small-accordion-item:hover {
  box-shadow: 0 6px 22px -8px #bbb;
}

.large-header-wrap {
  perspective: 1000px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding-top: 3px;
  padding-bottom: 7px;
  display: flex;
}

.large-header-wrap.invert {
  filter: invert();
  justify-content: center;
  align-items: center;
  padding-bottom: 0;
}

.large-header-wrap.invert.stacked {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: block;
}

.large-header-wrap.invert.illustrationhad {
  z-index: 198;
  color: #fff;
  z-index: 198;
  border-bottom: 3px solid #000;
  justify-content: space-between;
  align-items: center;
  margin: 40px 0 0;
  padding-left: 20px;
  position: static;
  top: 18px;
}

.large-header-wrap.invert.stacked {
  flex-flow: row;
  justify-content: center;
  align-items: flex-start;
  margin-bottom: 20px;
}

.section-header-wrapper-3 {
  width: 100%;
  margin-bottom: 2rem;
  padding-left: 3rem;
  position: relative;
  overflow: hidden;
}

.section-header-wrapper-3.no-pad-left {
  padding-left: 0;
}

.modal-containers {
  display: block;
}

.sticky-wrap {
  width: 100%;
  height: 100vh;
  padding-top: 0;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.media-wrapper {
  width: 100%;
  height: 100%;
  position: relative;
  inset: 0% 0% auto;
}

.content-wrapper-3 {
  flex: 1;
  width: 100%;
  margin-top: 0;
  padding: 0;
  display: block;
  position: relative;
}

.grow-background {
  z-index: 0;
  background-color: #f5f5f5;
  height: 0%;
  position: absolute;
  inset: auto 0% 0%;
}

.description {
  opacity: .75;
  color: #1d1d1f;
  letter-spacing: -.025em;
  margin-top: 1.5rem;
  margin-bottom: 0;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.5;
}

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

.scroll-inner {
  justify-content: flex-end;
  align-items: flex-end;
  width: 200vw;
  height: 100vh;
  margin-top: -240px;
  padding-top: 40px;
  padding-left: 10%;
  padding-right: 0%;
  display: flex;
}

.scroll-card {
  background-color: #fff;
  border: .0625rem solid #83838300;
  border-radius: 0;
  flex-direction: column;
  flex: 1;
  align-items: center;
  width: 30vw;
  height: 60%;
  min-height: 32rem;
  margin-left: 10px;
  margin-right: 10px;
  display: flex;
  position: relative;
  bottom: -5%;
  overflow: visible;
}

.scroll-card.diffpadlft {
  margin-left: 250px;
}

.heading {
  color: #1d1d1f;
  letter-spacing: -.025em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2rem;
  font-weight: 600;
  line-height: 1.2;
}

.text-wrapper-2 {
  z-index: 1;
  position: relative;
}

.photographysection {
  flex-flow: column;
  width: 100%;
  height: 300vw;
  margin-top: 0;
  display: block;
  position: relative;
}

.image-175 {
  object-fit: cover;
  width: 100%;
  min-width: auto;
  height: 450px;
  margin-bottom: 10px;
  position: static;
}

.lightbox-link-2 {
  object-fit: none;
  width: 100%;
  height: 100%;
  padding-top: 0;
  padding-bottom: 0;
}

.heading-61 {
  color: var(--black-2);
  margin-top: 0;
  margin-bottom: -10px;
  font-size: 30px;
  font-weight: 900;
  display: flex;
  position: relative;
}

.heading-61.illustration-box {
  color: var(--black-2);
  margin-bottom: 0;
  font-size: 20px;
  line-height: 20px;
}

.heading-61.miniv {
  margin-bottom: 0;
  font-size: 30px;
}

.heading-61.miniv.secondhe {
  margin-top: 5px;
}

.txtboxscrollingphoto {
  flex-flow: column;
  width: 100%;
  margin-top: 0;
  display: flex;
  position: relative;
  top: -20px;
}

.div-block-727 {
  background-color: #0000008c;
  background-image: linear-gradient(5deg, #000, #474747 28%, #fff);
  width: 100%;
  height: 100%;
  position: fixed;
}

.teamplannermodalpop-copy {
  z-index: 99;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #29282866;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: flex-start;
  width: 100%;
  height: 100vh;
  margin-top: 0;
  padding-left: 2rem;
  padding-right: 2rem;
  display: none;
  position: fixed;
  inset: 0%;
}

.mandarinmodal, .momodal, .shmodal {
  z-index: 99;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #29282866;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: flex-start;
  width: 100%;
  height: 100vh;
  padding-left: 2rem;
  padding-right: 2rem;
  display: none;
  position: fixed;
  inset: 0%;
}

.image-176 {
  width: 100%;
}

.brix---color-accent-3 {
  color: var(--elements-webflow-library--accent--primary-1);
}

.brix---color-neutral-809 {
  color: var(--elements-webflow-library--neutral--800);
}

.brix---color-neutral-700 {
  color: var(--elements-webflow-library--neutral--700);
}

.brix---color-neutral-810 {
  color: var(--elements-webflow-library--neutral--600);
}

.brix---mg-bottom-8px-3 {
  margin-bottom: 8px;
}

.brix---mg-bottom-16px-3 {
  margin-bottom: 16px;
}

.brix---mg-bottom-32px-3 {
  margin-bottom: 32px;
}

.brix---text-301 {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 18px;
  line-height: 20px;
}

.brix---paragraph-large {
  font-size: 24px;
  line-height: 38px;
}

.brix---mg-bottom-2 {
  margin-bottom: 0;
}

.brix---btn-primary-3 {
  background-color: var(--elements-webflow-library--accent--primary-1);
  color: var(--elements-webflow-library--neutral--100);
  text-align: center;
  transform-style: preserve-3d;
  border-radius: 48px;
  justify-content: center;
  padding: 26px 38px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 20px;
  text-decoration: none;
  transition: background-color .3s, transform .3s, color .3s;
}

.brix---btn-primary-3:hover {
  background-color: var(--elements-webflow-library--secondary--color-1);
  color: var(--elements-webflow-library--neutral--100);
  transform: translate3d(0, -3px, .01px);
}

.brix---container-default-3 {
  max-width: 1218px;
  padding-left: 24px;
  padding-right: 24px;
}

.brix---heading-h2-size-3 {
  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: 38px;
  font-weight: 700;
  line-height: 50px;
}

.brix---hidden-desktop-2 {
  display: none;
}

.brix---flex-horizontal-2 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.brix---slider-wrapper-2 {
  background-color: #0000;
  height: 100%;
}

.brix---slide-item-mg {
  margin-right: 28px;
}

.brix---grid-top---text-2-buttons-2 {
  grid-column-gap: 60px;
  grid-template-rows: auto;
  grid-template-columns: 1fr .8fr;
  align-items: end;
  margin-bottom: 48px;
}

.brix---paragraph-default-3 {
  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: 18px;
  line-height: 30px;
}

.brix---text-200-bold-2 {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 20px;
}

.brix---buttons-row-right---t-left-2 {
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.brix---inner-container-490px-2 {
  max-width: 490px;
}

.brix---avatar-circle-5 {
  border-radius: 50%;
  width: 80px;
  max-width: 80px;
  height: 80px;
  max-height: 80px;
  overflow: hidden;
  transform: translate(0);
}

.brix---mg-left-16px {
  margin-left: 16px;
}

.brix---btn-slider-arrow-right---testimonial-v12 {
  border: 1px solid var(--elements-webflow-library--neutral--300);
  background-color: var(--elements-webflow-library--neutral--100);
  box-shadow: 0 2px 12px 0 var(--elements-webflow-library--general--shadow-02);
  color: var(--elements-webflow-library--neutral--800);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 64px;
  min-width: 64px;
  height: 64px;
  min-height: 64px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 26px;
  text-decoration: none;
  transition: transform .3s;
  display: flex;
  top: 50%;
  bottom: 0;
  right: -10px;
  transform: translate(0, -50%);
}

.brix---btn-slider-arrow-right---testimonial-v12:hover {
  transform: scale(.95)translate(0, -50%);
}

.brix---btn-slider-arrow-left---testimonial-v12 {
  border: 1px solid var(--elements-webflow-library--neutral--300);
  background-color: var(--elements-webflow-library--neutral--100);
  box-shadow: 0 2px 12px 0 var(--elements-webflow-library--general--shadow-02);
  color: var(--elements-webflow-library--neutral--800);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 64px;
  min-width: 64px;
  height: 64px;
  min-height: 64px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 26px;
  text-decoration: none;
  transition: transform .3s;
  display: flex;
  top: 50%;
  left: -11px;
  transform: translate(0, -50%);
}

.brix---btn-slider-arrow-left---testimonial-v12:hover {
  transform: scale(.95)translate(0, -50%);
}

.brix---slider-mask-width-1012px {
  max-width: 1012px;
  height: 100%;
  overflow: visible;
}

.brix---card-testimonial-v14 {
  border: 1px solid var(--elements-webflow-library--neutral--300);
  background-color: var(--elements-webflow-library--neutral--100);
  box-shadow: 0 2px 7px 0 var(--elements-webflow-library--general--shadow-01);
  border-radius: 24px;
  flex-direction: row;
  justify-content: space-around;
  align-items: stretch;
  padding: 32px 32px 32px 40px;
  display: flex;
}

.brix---testimonial-v14-left-side {
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-start;
  margin-right: 58px;
  display: flex;
}

.brix---testimonial-v14-left-right {
  background-color: var(--elements-webflow-library--neutral--200);
  border-radius: 18px;
  width: 100%;
  max-width: 574px;
  padding: 90px 46px;
}

.brix---section-overflow-hidden {
  padding-top: 176px;
  padding-bottom: 176px;
  overflow: hidden;
}

.brix---color-neutral-811 {
  color: var(--elements-webflow-library--neutral--700);
}

.brix---color-neutral-812 {
  color: var(--elements-webflow-library--neutral--600);
}

.div-block-728 {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-right: 60px;
  display: flex;
}

.main-container-2 {
  width: 100%;
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
}

.csilver {
  color: #b7bbd1;
  padding-right: 0;
  font-size: 14px;
  line-height: 20px;
}

.spacer-xxl {
  width: 100%;
  height: 50px;
}

.small-card {
  border: 1px solid var(--white);
  background-color: #fff;
  border-radius: 10px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 50%;
  margin-right: 10px;
  padding: 20px;
  display: flex;
  box-shadow: 0 20px 30px -15px #1d01501a;
}

.spacer-m {
  width: 100%;
  height: 20px;
}

.masonry-grid {
  z-index: 1;
  display: block;
}

.button-13 {
  color: #fff;
  background-color: #434de7;
  border-radius: 10px;
  height: 50px;
  padding: 15px 35px;
  font-size: 15px;
  font-weight: 500;
  box-shadow: 0 10px 20px -3px #1d01501a;
}

.button-13:hover {
  box-shadow: none;
  background-color: #000;
}

.spacer-xs {
  width: 100%;
  height: 10px;
}

.testimonial-author-2 {
  grid-column-gap: 10px;
  align-items: center;
  display: flex;
}

.h5 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 600;
}

.main-section {
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding: 100px 5%;
  display: flex;
}

.quotes {
  width: 25px;
}

.h2 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 45px;
  font-weight: 600;
  line-height: 1.1;
}

.cta-flex {
  grid-column-gap: 15px;
  align-items: center;
  display: flex;
}

.cta-flex.center {
  justify-content: center;
}

.content-wrap-center {
  text-align: center;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.content-wrap-center.max-width-900 {
  max-width: 900px;
}

.testimonial-author-img {
  object-fit: contain;
  border-radius: 100%;
  width: 60px;
  height: 60px;
}

.paragraph-2 {
  opacity: .9;
  color: #000;
  padding-right: 40px;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
}

.paragraph-2.expriencetext {
  color: #aaa;
  letter-spacing: 1px;
  margin-top: 10px;
  font-size: 12px;
  line-height: 1.5;
}

.text-big {
  color: #fff;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 5.45vw;
  line-height: 1.4;
}

.text-big.is--thin {
  z-index: 1;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 5.45em;
  font-weight: 100;
  line-height: 1.3;
  position: static;
}

.container-401 {
  width: 1920px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
}

.container-401.modalversion {
  width: 100%;
  padding: 5em 0 0;
}

.div_magnetic {
  justify-content: flex-end;
  align-items: center;
  width: auto;
  height: 2.5em;
  display: flex;
}

.grid-item {
  width: 70%;
  display: block;
}

.grid-item.text {
  z-index: 2;
  width: 70%;
  padding-bottom: 0;
  position: static;
}

.grid-item.is--buttom-2 {
  justify-content: flex-end;
  align-items: flex-end;
  width: 50%;
  padding: 3em 0 0 5em;
  display: flex;
}

.grid-item.is--buttom {
  width: auto;
  padding-top: 3em;
  padding-bottom: 0;
}

.grid-item.is--buttom.modalversion {
  width: 40%;
}

.div_hover {
  z-index: 1;
  justify-content: flex-end;
  align-items: center;
  width: 5em;
  height: 2.5em;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.new-div-2 {
  border-top: 1px solid #939393;
  width: 223px;
  height: 0;
}

.div_text {
  position: absolute;
}

.contact-big-mobile {
  color: #fff;
  text-decoration: none;
  display: none;
}

.link-block-2, .text-contact {
  text-decoration: none;
}

.text_white-hide {
  color: #fff;
  width: 100%;
  margin-top: 5.4em;
  font-size: 1em;
}

.grid-23 {
  display: none;
}

.social_link {
  color: #fff;
  flex-flow: column;
  justify-content: center;
  align-items: flex-end;
  padding: 0;
  display: flex;
}

.wrapper-3 {
  height: 100%;
  overflow: hidden;
}

.line-big {
  background-color: #e2e2e2;
  width: 34.7em;
  height: 3px;
  margin-top: 40px;
}

.div-block-222 {
  margin-top: 5px;
  position: absolute;
}

.address-text {
  color: #fff9;
  margin-right: 20px;
  font-family: Quicksand, sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 1.6;
}

.heading-62 {
  color: var(--goldenrod);
  margin-bottom: 3px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 24px;
  font-weight: 300;
  line-height: 30px;
}

.pricay-policy {
  color: #fff;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 14px;
  text-decoration: none;
}

.contact-big {
  color: #fff;
  text-decoration: none;
}

.section-75 {
  display: block;
}

.grid-24 {
  z-index: 1;
  filter: invert();
  padding-left: 5em;
  padding-right: 5em;
  position: relative;
}

.grid-24.is--second {
  filter: none;
  justify-content: space-between;
  align-items: stretch;
  margin-top: 0;
  display: flex;
}

.line {
  background-color: #fff;
  width: 87px;
  height: 1px;
  margin-top: .3em;
}

.line-big-mobile {
  background-color: #e2e2e2;
  width: 34.7em;
  height: 1px;
  display: none;
}

.div-block-729 {
  filter: blur(300px);
  background-color: #070e89;
  border-radius: 50%;
  width: 60em;
  height: 60em;
  display: block;
  position: absolute;
  inset: -61% -27% auto auto;
}

.grid_desktop {
  grid-row-gap: 43px;
  grid-template-columns: 1fr 1fr 1fr;
  padding-top: 2em;
}

.text_white-show {
  margin-top: 0;
  font-family: Montserrat, sans-serif;
  font-size: 14px;
  font-weight: 800;
  overflow: hidden;
}

.div_mask {
  justify-content: flex-start;
  align-items: center;
  width: 6em;
  height: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.new-div {
  opacity: .79;
  border-top: 1px solid #3e3e3e;
  width: 223px;
  height: 0;
  display: block;
}

.spacing {
  height: 2em;
}

.section-76 {
  background-color: #0c0c0c;
  padding-top: 100px;
}

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

.div-block-731 {
  display: flex;
}

.privacymodal {
  z-index: 99;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #29282866;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: flex-start;
  width: 100%;
  height: 100vh;
  padding-left: 2rem;
  padding-right: 2rem;
  display: none;
  position: fixed;
  inset: 0%;
}

.link-22 {
  display: block;
}

.container-402 {
  display: flex;
}

.container-402.mininavtop {
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  margin: 0;
  display: flex;
}

.div-block-732 {
  display: flex;
}

.ffmodal {
  z-index: 99;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #29282866;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding-left: 2rem;
  padding-right: 2rem;
  display: none;
  position: fixed;
  inset: 0%;
  overflow: visible;
}

.ffclosemodal {
  z-index: 5;
  float: right;
  background-color: #f5efef;
  border-radius: .25rem;
  justify-content: center;
  align-items: center;
  width: 3.5rem;
  height: 3.5rem;
  margin-top: 2rem;
  margin-right: 2rem;
  display: flex;
  position: sticky;
  top: -2rem;
}

.ffclosemodal.for-scroll {
  margin-left: -5.5rem;
}

.testimonialszz {
  background-color: #fff0;
  border-top: 3px solid #000;
  border-bottom: 3px solid #000;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 0;
  display: flex;
  position: relative;
}

.testimonialszz.bg {
  background-color: #fff;
  max-width: 100vw;
  overflow: hidden;
}

.testimonialszz.noline {
  border-style: solid;
  border-width: 0;
  border-color: black black var(--goldenrod);
  background-color: #f4f3f7;
  padding-top: 100px;
  padding-bottom: 100px;
  padding-left: 1rem;
}

.testimonialszz.nolinewhuite {
  border-top-width: 0;
  border-bottom: 3px solid #000;
  margin-bottom: -100px;
  display: flex;
}

.testimonialszz.hide {
  display: block;
}

.testimonialszz.blackbg {
  background-color: #0c0c0c;
  padding-bottom: 60px;
}

.illustration {
  background-color: #fff0;
  border-top: 3px solid #000;
  border-bottom: 3px solid #000;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 0;
  display: flex;
  position: relative;
}

.illustration.bg {
  background-color: #fff;
  max-width: 100vw;
  overflow: hidden;
}

.illustration.noline {
  border-style: solid;
  border-width: 0;
  border-color: black black var(--goldenrod);
  background-color: #f4f3f7;
  padding-top: 100px;
  padding-bottom: 100px;
  padding-left: 1rem;
}

.illustration.nolinewhuite {
  border-top-width: 0;
  border-bottom: 3px solid #000;
  margin-bottom: -100px;
  display: flex;
}

.illustration.hide {
  display: block;
}

.illustration.blackbg {
  background-color: #0c0c0c;
  padding-bottom: 60px;
}

.presswrap {
  border-top: 2px solid var(--goldenrod);
  border-bottom: 0px solid var(--goldenrod);
  flex-flow: column;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-right: 20px;
  display: flex;
}

.pressraprap {
  width: 100%;
}

.heading-h2-4 {
  color: #000;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-top: 20px;
  margin-bottom: .25rem;
  padding-right: 60px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 30px;
  font-style: normal;
  font-weight: 700;
  line-height: 35px;
}

.brix---section-4 {
  color: #fff;
  padding-top: 40px;
  padding-bottom: 0;
}

.italic-text-6 {
  color: #ffc004;
  text-shadow: 0 3px 20px #e2c376;
  font-style: italic;
  font-weight: 400;
}

.brix---grid-2-columns-text-2 {
  grid-column-gap: 64px;
  grid-row-gap: 28px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
}

.title-wrapper-sticky-2 {
  filter: invert();
  background-color: #fff0;
  border-bottom: 0 solid #14142b24;
  border-radius: 0;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: none;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  display: flex;
  position: sticky;
  top: 4rem;
}

.section-77 {
  background-color: #fff0;
  border-top: 0 solid #ffc004;
  border-bottom: 3px solid #000;
  border-radius: 3px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 4rem;
  padding-bottom: 2rem;
  position: relative;
}

.label-heading-2 {
  color: #0d0b02;
  letter-spacing: .05em;
  text-transform: uppercase;
  background-color: #ffc004;
  border-radius: 20px;
  margin-bottom: 1rem;
  padding: 5px 10px;
  font-family: Montserrat, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
}

.container-406 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 3rem;
  position: relative;
  overflow: hidden;
}

.brix---image-wrapper-br-24px-shadow-2 {
  border-radius: 0;
  overflow: hidden;
  box-shadow: 0 14px 42px #14142b24;
}

.big-split-header-2 {
  color: #fcfcfc;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 0;
  padding-top: 10px;
  padding-bottom: 6px;
  font-size: 4rem;
  font-weight: 900;
  line-height: .8;
}

.big-split-header-2.outline {
  font-size: 3rem;
}

.grid---ratio-1x2-2 {
  grid-column-gap: 8%;
  grid-row-gap: 8%;
  border-bottom: 0px solid var(--goldenrod);
  grid-template-rows: auto;
  grid-template-columns: .75fr 3fr;
  place-items: start;
  width: 100%;
  margin-bottom: 0;
  padding-bottom: 0;
}

.brix---container-default-4 {
  max-width: 1218px;
  padding-left: 24px;
  padding-right: 24px;
}

.awards-title-2 {
  color: #000;
  text-transform: uppercase;
  font-weight: 800;
}

.paragraph-81 {
  color: #a1a1a1;
  -webkit-text-stroke-color: #353535;
  margin-bottom: 0;
  padding-left: 20px;
  padding-right: 40px;
  font-family: Quicksand, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4em;
}

.white-bubble-btn-2 {
  z-index: 20;
  color: #111;
  letter-spacing: 2px;
  text-transform: uppercase;
  background-color: #fff;
  border: 3px solid #000;
  border-radius: 0;
  justify-content: center;
  align-items: center;
  height: 45px;
  margin-top: 20px;
  margin-bottom: 20px;
  padding-left: 1.4rem;
  padding-right: 1.4rem;
  font-size: .65rem;
  font-weight: 700;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.brix---color-neutral-813 {
  color: #6e7191;
}

.heading-h2-5 {
  color: #000;
  text-transform: uppercase;
  margin-bottom: 3rem;
  margin-left: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 30px;
  font-style: italic;
  font-weight: 700;
  line-height: 1.3em;
}

.brix---color-neutral-814 {
  color: #211f54;
}

.c-menu-close {
  padding: 20px;
  position: absolute;
  inset: 0% 0% auto auto;
}

.slider-trigger-right, .slider-trigger-left {
  z-index: 50;
  position: absolute;
  inset: 0%;
}

.c-slider-btn {
  cursor: pointer;
  margin-left: 10px;
  margin-right: 10px;
}

.main-slider-nav-arrow {
  display: none;
}

.curtain {
  background-color: #131313;
  width: 100%;
  height: 100%;
}

.c-menu-item {
  text-align: center;
  width: 100%;
  padding-top: 20px;
  padding-bottom: 20px;
  overflow: hidden;
}

.sub-slide-container {
  width: 100%;
  height: 100%;
}

.play-btn {
  z-index: 50;
  width: 25px;
  height: 25px;
  transform: translate(3px);
}

.b-overlay-menu {
  flex-direction: column;
  align-items: center;
  display: flex;
  position: relative;
}

.copyright {
  opacity: .25;
  color: #aaa;
  white-space: nowrap;
  padding: 10px;
  font-size: .8em;
  line-height: 1em;
  position: relative;
}

.c-curtain {
  z-index: 2000;
  background-color: #333;
  display: none;
  position: fixed;
  inset: 0%;
  overflow: hidden;
}

.main-slider-container {
  width: 100%;
  height: 100vh;
  position: relative;
  overflow: hidden;
}

.sub-slider-container {
  padding-right: 20vw;
  position: relative;
  overflow: hidden;
}

.main-slide-wrapper {
  background-image: linear-gradient(#33333359, #33333359), url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/67eca2bb71be61087c0b37e3_1.jpg");
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.main-slide-wrapper._4 {
  background-image: linear-gradient(#33333359, #33333359), url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/67eca2bb71be61087c0b37cd_4.jpg");
}

.main-slide-wrapper._3 {
  background-image: linear-gradient(#33333359, #33333359), url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/67eca2bb71be61087c0b37b7_3.jpg");
}

.main-slide-wrapper._1 {
  background-image: linear-gradient(to bottom, null, null), url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/67ea3cf5d195a5d95754086c_Screenshot%202025-03-31%20at%2014.55.59.png");
}

.main-slide-wrapper._2 {
  background-image: linear-gradient(#33333359, #33333359), url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/67eca2bb71be61087c0b37c2_2.jpg");
}

.main-slide-wrapper._5 {
  background-image: linear-gradient(#33333359, #33333359), url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/67eca2bb71be61087c0b37d8_5.jpg");
}

.c-slide-btn-block {
  justify-content: center;
  align-items: center;
  width: 75px;
  height: 75px;
  display: flex;
  position: relative;
}

.first-slider-container {
  z-index: 10;
  position: relative;
}

.main-slide-container {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

._w-slider-btn {
  border-radius: 500px;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  padding: 15px;
  display: flex;
  position: relative;
}

.main-slider {
  background-color: #222;
  flex-direction: column;
  height: 85vh;
}

.main-slider.mobile {
  display: none;
}

._w-created {
  align-items: center;
  padding: 10px 15px;
  text-decoration: none;
  display: flex;
}

._w-overlay-menu {
  z-index: 1100;
  background-color: #131313;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 100vh;
  padding: 40px 100px;
  display: flex;
  position: relative;
  box-shadow: -5px 0 15px #13131380;
}

.logo-link-3 {
  color: #fff;
  text-transform: uppercase;
  font-weight: 700;
  text-decoration: none;
  position: relative;
}

._w-main-nav {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.sub-slider {
  background-color: #0000;
  width: 350px;
  height: 25vh;
}

.link-menu-item {
  color: #fff;
  text-transform: uppercase;
  width: 100%;
  padding: 0;
  text-decoration: none;
}

.ci-slider-btn-loading {
  opacity: .5;
  border-radius: 1000px;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.c-created {
  z-index: 999999;
  opacity: .7;
  transform-origin: 100% 100%;
  background-color: #222;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  justify-content: flex-end;
  transition: all .25s;
  position: fixed;
  inset: 40% 0% auto auto;
  transform: rotate(-90deg);
}

.c-created:hover {
  background-color: #324155;
}

.c-main-slide-title {
  margin-bottom: 20px;
}

.ci-overlay-menu {
  justify-content: flex-end;
  width: 100%;
  height: 100vh;
  display: flex;
  position: relative;
}

.sub-slider-slide {
  perspective: 1000px;
  width: 350px;
  padding: 1vh 1vw;
  transform: perspective(1000px);
}

.c-icon {
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-end;
  display: flex;
}

.sub-slider-nav-dots {
  display: none;
}

.c-slider-btn-circle {
  border: 1px solid #aaa;
  border-radius: 1000px;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.bi-close-menu {
  justify-content: center;
  align-items: center;
  width: 35px;
  height: 35px;
  display: flex;
  position: relative;
  transform: rotate(-45deg);
}

.ci-created {
  display: inline-block;
}

._w-overlay-menu-bg {
  z-index: 1099;
  background-color: #13131380;
  position: absolute;
  inset: 0%;
}

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

.main-slider-nav-dots {
  display: none;
}

.c-copyright {
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
  overflow: hidden;
}

.sub-slider-mask {
  overflow: visible;
}

.text-block-47 {
  font-family: Changa One, Impact, sans-serif;
  font-size: 20px;
  font-weight: 400;
}

._w-slide-btn {
  position: relative;
}

.c-main-nav {
  z-index: 999;
  padding: 40px;
  position: fixed;
  inset: 0% 0% auto;
}

.c-main-slide-description {
  color: #fff;
  width: 50vw;
  margin-bottom: 20px;
  font-family: Open Sans, sans-serif;
  font-size: 1.1em;
  font-weight: 400;
  line-height: 1.4em;
}

.c-play-btn {
  z-index: 50;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0%;
}

.c-funtext {
  z-index: 15;
  padding: 40px 10px 60px;
  position: absolute;
  inset: auto auto 0% 0%;
}

.link-menu {
  letter-spacing: 2px;
  padding: 10px;
  font-family: Exo, sans-serif;
  font-size: 2.5em;
  font-weight: 600;
  line-height: 1em;
  transition: all .25s;
}

.link-menu:hover {
  text-shadow: 0 7px 3px #333;
  transform: translate(0, -3px);
}

._w-menu-close {
  cursor: pointer;
}

.c-logo-text {
  padding-left: 10px;
  padding-right: 10px;
}

.created-text {
  color: #fff;
  font-size: .7em;
  font-weight: 400;
  line-height: 1em;
}

.c-overlay-menu {
  z-index: 1001;
  justify-content: flex-end;
  display: none;
  position: fixed;
  inset: 0%;
}

.ci-main-slide-content {
  flex-direction: column;
  align-items: center;
  display: none;
  position: relative;
}

.sub-slide-wrapper {
  background-color: #333;
  background-image: linear-gradient(to top, #13131380, #0000 30%), url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  border-radius: 10px;
  justify-content: flex-end;
  align-items: flex-end;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  box-shadow: 1px 1px 10px #13131380;
}

.sub-slide-wrapper._5 {
  background-image: linear-gradient(to top, #13131380, #0000 30%), url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/67eca2bb71be61087c0b37d8_5.jpg");
}

.sub-slide-wrapper._1 {
  background-image: linear-gradient(to top, #13131380, #0000 30%), url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/67eca2bb71be61087c0b37e3_1.jpg");
}

.sub-slide-wrapper._2 {
  background-image: linear-gradient(to top, #13131380, #0000 30%), url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/67eca2bb71be61087c0b37c2_2.jpg");
  justify-content: flex-end;
  align-items: flex-end;
}

.sub-slide-wrapper._3 {
  background-image: linear-gradient(to top, #13131380, #0000 30%), url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/67eca2bb71be61087c0b37b7_3.jpg");
}

.sub-slide-wrapper._4 {
  background-image: linear-gradient(to top, #13131380, #0000 30%), url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/67eca2bb71be61087c0b37cd_4.jpg");
}

.second-slider-container {
  z-index: 20;
  align-items: flex-end;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
  position: absolute;
  inset: auto 0% 0% auto;
}

.close-stripe {
  background-color: #fff;
  width: 100%;
  height: 3px;
  position: absolute;
}

.close-stripe._2 {
  transform: rotate(90deg);
}

.main-slide-title {
  color: #fff;
  letter-spacing: 20px;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 5em;
  font-weight: 700;
  line-height: 1em;
  display: none;
  position: relative;
}

.sub-slide-title {
  color: #fff;
  text-align: right;
  letter-spacing: 1px;
  text-transform: uppercase;
  padding: 10px;
  font-size: .8em;
  font-weight: 700;
  line-height: 1em;
}

.c-slide-btn-loading {
  z-index: 30;
  border: 2px dashed #ffffff80;
  border-radius: 1000px;
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
}

.b-slider-control {
  align-items: center;
  display: flex;
}

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

.c-slide-btn {
  justify-content: center;
  align-items: center;
  display: flex;
}

.logo-icon {
  height: 25px;
}

.c-slide-btn-frame {
  z-index: 10;
  border: 1px solid #ffffff80;
  border-radius: 1000px;
  width: 100%;
  height: 100%;
  display: none;
  position: relative;
}

.c-menu-btn {
  cursor: pointer;
}

._w-slider-control {
  padding-left: 20px;
  padding-right: 20px;
}

.sub-slider-nav-arrow {
  display: none;
}

.c-slider-btn-icon {
  z-index: 10;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.c-slider-btn-loading {
  border: 1px dashed #aaa;
  border-radius: 1000px;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.c-main-slide-content {
  text-align: center;
}

.menu-stripe {
  background-color: #fff;
  width: 30px;
  height: 2px;
  margin-top: 3px;
  margin-bottom: 3px;
  position: relative;
}

.menu-stripe.short {
  width: 15px;
}

.funtext {
  opacity: .03;
  color: #fff;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-family: Lato, sans-serif;
  font-size: 10vw;
  font-weight: 900;
  line-height: 1em;
  position: relative;
}

.padding-section-large {
  background-color: #000;
  padding-top: 5rem;
  padding-bottom: 5rem;
}

.svg-arrow-button {
  width: 1.5rem;
  height: 1.5rem;
  position: absolute;
}

.svg-arrow-button.is-1 {
  width: 1rem;
  height: 1rem;
}

.heading-style-h1 {
  color: #bf9e73;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Oswald, sans-serif;
  font-size: 5rem;
  line-height: 1.2;
}

.slider_button {
  z-index: 2;
  color: #000;
  cursor: pointer;
  background-color: #fff;
  border: 1.5px solid #000;
  border-radius: 100vw;
  justify-content: center;
  align-items: center;
  width: 2.5rem;
  height: 2.5rem;
  transition: all .3s cubic-bezier(.455, .03, .515, .955);
  display: flex;
  transform: none;
}

.slider_button.is-next {
  left: -2rem;
  transform: none;
}

.slider_button.is-next:hover {
  background-color: #bf9e733d;
}

.slider_button.is-prev {
  left: -2rem;
  transform: rotate(-180deg);
}

.slider_button.is-prev:hover {
  background-color: #bf9e733d;
}

.swiper-wrapper.is-team {
  flex-flow: row;
  display: flex;
}

.swiper-wrapper.is-slider-review {
  flex-flow: row;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.team_top-component {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 1rem;
  display: flex;
}

.team_button-wrap {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  display: flex;
}

.padding-global {
  padding-left: 5%;
  padding-right: 5%;
}

.swiper.is-team {
  margin-top: 3rem;
  overflow: visible;
}

.swiper.is-slider-review {
  width: 100%;
  max-width: 96vw;
  height: 100%;
  overflow: visible;
}

.swiper-slide.is-team {
  min-width: 30%;
  transition: transform .4s;
}

.swiper-slide.is-slider-review {
  flex-direction: column;
  flex: none;
  justify-content: center;
  align-items: flex-start;
  width: 50%;
  height: auto;
}

.slide-nav-4 {
  display: none;
}

.slide-14 {
  background-color: #fff;
  width: 40%;
  height: 100%;
  margin-right: 10px;
}

.slider-6 {
  background-color: #fff;
  width: 700px;
}

.slide-15 {
  background-color: #cf4e4e;
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/63dad38a2c63e812d5211491_NHCS5-01.png");
  background-position: 0 0;
  background-size: cover;
  width: 45%;
  margin-right: 10px;
}

.icon-7 {
  filter: invert();
  transition: opacity .2s;
}

.icon-8 {
  filter: invert();
}

.left-arrow-3 {
  position: absolute;
  inset: auto auto 0% -69%;
  overflow: visible;
}

.slide-16 {
  background-color: #902323;
  width: 40%;
}

.lightbox-link-3 {
  width: 100%;
  height: 300px;
  padding: 0;
}

.image-178 {
  aspect-ratio: auto;
  object-fit: cover;
  height: 100%;
}

.illustration-guy {
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  display: block;
}

.illustrationslidrtitle {
  color: var(--black-2);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 30px;
  font-weight: 900;
  display: flex;
  position: relative;
}

.mask-4 {
  width: 700px;
  overflow: visible;
}

.right-arrow-2 {
  inset: auto auto 0% -60%;
  overflow: visible;
}

.gallery-slider {
  border-bottom: 0 solid #000;
  padding: 0 10px 60px;
  position: relative;
}

.container-407 {
  width: 100%;
  max-width: none;
  margin-left: auto;
  margin-right: auto;
}

.gallery-wrapper {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr .25fr;
  grid-auto-columns: 1fr;
  align-items: start;
  display: grid;
}

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

.gallery-slide {
  z-index: 150;
  background-color: #0000;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 550px;
  display: block;
}

.gallery-slide-wrapper {
  width: 32%;
  max-width: none;
  margin-right: 20px;
  overflow: visible;
}

.gallery-slide-image {
  width: 100%;
  position: relative;
}

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

.gallery-slide-text {
  color: #f5f7fa;
  margin-bottom: 0;
  line-height: 32px;
  position: absolute;
  bottom: 24px;
  left: 24px;
  right: 24px;
}

.gallery-slider-left {
  z-index: 99;
  justify-content: center;
  align-items: center;
  width: 100px;
  margin-top: 0%;
  display: none;
  position: absolute;
  inset: auto -7% 0% auto;
}

.gallery-slider-left:focus-visible, .gallery-slider-left[data-wf-focus-visible] {
  outline-offset: 0px;
  border-radius: 5px;
  outline: 2px solid #0050bd;
}

.slider-arrow-embed-2 {
  filter: invert();
  color: #1a1b1f;
  background-color: #000;
  border: 3px solid #fff;
  width: 100px;
  padding: 5px;
}

.gallery-slider-right {
  justify-content: flex-end;
  align-items: flex-end;
  width: 40px;
  display: flex;
  position: absolute;
  inset: -9% -103% auto 0;
}

.gallery-slider-right:focus-visible, .gallery-slider-right[data-wf-focus-visible] {
  outline-offset: 0px;
  border-radius: 5px;
  outline: 2px solid #0050bd;
}

.gallery-slide-nav {
  display: block;
  position: relative;
}

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

.lightbox-link-4 {
  object-fit: cover;
  width: 100%;
}

.mask-5 {
  z-index: 120;
  border-bottom: 0px solid var(--goldenrod);
  width: 100%;
  margin-top: -18px;
  margin-left: 80px;
  padding-top: 40px;
  padding-bottom: 40px;
  overflow: hidden;
}

.italic-text-7 {
  color: var(--goldenrod);
}

.mini {
  z-index: 998;
  background-color: var(--white);
  mix-blend-mode: normal;
  border-top: 5px solid #ffbf00;
  border-bottom: 3px solid #3b3b3b;
  justify-content: space-between;
  align-items: center;
  width: 100vw;
  margin-left: 40px;
  margin-right: 40px;
  padding-top: 0;
  padding-bottom: 0;
  transition: top .6s, opacity .6s;
  display: none;
  position: fixed;
}

.div-block-733 {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 60px;
  margin-left: 0;
  margin-right: 0;
  padding-left: 40px;
  padding-right: 40px;
  transition: opacity .2s;
  display: flex;
}

.div-block-734 {
  margin-top: 60px;
}

.contactnodal {
  z-index: 999;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #29282866;
  border-radius: 3px;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: flex-start;
  width: 100%;
  height: 100vh;
  padding-left: 2rem;
  padding-right: 2rem;
  display: none;
  position: fixed;
  inset: 0%;
  overflow: visible;
}

.text-block-48 {
  color: #3b3b3b;
  text-align: center;
  padding: 20px 140px;
  font-size: 8px;
  line-height: 12px;
}

.circle-small {
  z-index: 2;
  border: 1px dashed #aaa;
  border-radius: 1000px;
  justify-content: center;
  align-items: flex-start;
  width: 36rem;
  height: 36rem;
  margin-top: 1px;
  display: flex;
  position: absolute;
  inset: auto;
}

.header_love-wrap {
  z-index: 10;
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 22rem;
  margin-bottom: 0;
  display: flex;
  position: relative;
}

.padding-global-no {
  padding-left: 5rem;
  padding-right: 5rem;
}

.swiper-horizontal {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  display: flex;
}

.blue_box-wrap {
  border-radius: 32px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 18.75rem;
  padding-bottom: 4rem;
  display: flex;
  position: relative;
}

.code-embed {
  position: absolute;
  top: -1px;
}

.circle-wrap {
  justify-content: center;
  align-items: center;
  margin-bottom: 1rem;
  display: flex;
  position: relative;
}

.global-styles {
  display: block;
  position: fixed;
  inset: 0% auto auto 0%;
}

.circle-large {
  z-index: 1;
  pointer-events: none;
  border: 1px dashed #ccc;
  border-radius: 1500px;
  width: 63rem;
  height: 63rem;
  position: absolute;
  inset: auto;
}

.testimonial4_client-image {
  object-fit: cover;
  width: 3.5rem;
  min-width: 3.5rem;
  height: 3.5rem;
  min-height: 3.5rem;
}

.button-14 {
  color: #fff;
  text-align: center;
  background-color: #000;
  border: 1px solid #000;
  border-radius: 16px;
  padding: .75rem 1.5rem;
  text-decoration: none;
}

.button-14.is-small {
  padding: .5rem 1.25rem;
  font-size: .875rem;
}

.tooltip-wrap {
  color: #fff;
  text-align: center;
  background-color: #1c1839;
  border-radius: 12px;
  justify-content: center;
  align-items: flex-end;
  padding: 8px 12px;
  font-size: .85rem;
  display: flex;
  position: relative;
}

.swiper-arrow {
  cursor: pointer;
  background-color: #f2f0ea;
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/67f0aef2d84631b492c35957_arrow-right.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 30%;
  border: 1px solid #242022;
  border-radius: 100vw;
  width: 6em;
  height: 3em;
  transition: all .2s;
  display: inline-block;
}

.swiper-arrow:hover {
  background-color: #3732350f;
}

.swiper-arrow.button-prev {
  transform: rotate(-180deg);
}

.profile-wrap {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: absolute;
}

.profile-wrap.is-2 {
  top: 15.8rem;
  left: -2.7rem;
}

.profile-wrap.is-1 {
  top: -5rem;
}

.profile-wrap.is-3 {
  top: 7.3rem;
  left: auto;
  right: -2.2rem;
}

.section_service {
  overflow: hidden;
}

.margin-top, .margin-top.margin-xxsmall {
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
}

.arrow-wrap {
  width: 16px;
  height: 18px;
  position: absolute;
  bottom: -10px;
}

.text-size-small {
  font-size: .875rem;
}

.swiper-component {
  z-index: 5;
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  margin-top: 1.5rem;
  display: flex;
  position: relative;
}

.arrow-box {
  background-color: #f6f6f64d;
  border-radius: 100px;
  width: 48px;
  height: 48px;
  padding: 14px 14px 16px;
}

.heading-style-h2 {
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 1.2;
}

.div-block-737 {
  width: 100%;
  display: flex;
}

.testimonial-slider-small-2 {
  background-color: #f5f7fa;
  border-bottom: 1px solid #e4ebf3;
  padding: 80px 30px;
  position: relative;
}

.container-408 {
  width: 100%;
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
}

.centered-heading-2 {
  text-align: center;
  margin-bottom: 16px;
}

.centered-subheading-2 {
  text-align: center;
  max-width: 530px;
  margin-left: auto;
  margin-right: auto;
}

.testimonial-slider-3 {
  background-color: #0000;
  max-width: 800px;
  height: auto;
  margin-top: 50px;
  margin-left: auto;
  margin-right: auto;
}

.testimonial-slide-wrapper-3 {
  max-width: 48%;
  margin-right: 4%;
}

.testimonial-card-2 {
  background-color: #fff;
  flex-direction: column;
  align-items: flex-start;
  padding: 24px;
  display: flex;
}

.testimonial-info-2 {
  align-self: stretch;
  align-items: center;
  margin-top: 24px;
  display: flex;
}

.testimonial-image-2 {
  object-fit: cover;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  margin-right: 16px;
}

.testimonial-author-3 {
  margin-bottom: 2px;
}

.tagline-2 {
  margin-bottom: 10px;
  font-size: 12px;
  line-height: 16px;
}

.testimonial-icon-wrapper-2 {
  flex: 1;
  justify-content: flex-end;
  display: flex;
}

.testimonial-slider-left-2 {
  justify-content: center;
  align-items: center;
  width: 40px;
  display: flex;
  left: -70px;
}

.testimonial-slider-left-2:focus-visible, .testimonial-slider-left-2[data-wf-focus-visible] {
  outline-offset: 0px;
  border-radius: 5px;
  outline: 2px solid #0050bd;
}

.slider-arrow-embed-3 {
  color: #1a1b1f;
}

.testimonial-slider-right-2 {
  justify-content: center;
  align-items: center;
  width: 40px;
  display: flex;
  right: -70px;
}

.testimonial-slider-right-2:focus-visible, .testimonial-slider-right-2[data-wf-focus-visible] {
  outline-offset: 0px;
  border-radius: 5px;
  outline: 2px solid #0050bd;
}

.testimonial-slide-nav-2 {
  display: none;
}

.container-409 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 0 2rem 0 3rem;
  position: relative;
  overflow: hidden;
}

.white-bubble-btn-3 {
  z-index: 20;
  color: #111;
  letter-spacing: 2px;
  text-transform: uppercase;
  background-color: #fff;
  border: 3px solid #000;
  border-radius: 0;
  justify-content: center;
  align-items: center;
  width: 250px;
  height: 45px;
  margin-top: 20px;
  margin-bottom: 20px;
  padding-left: 1.4rem;
  padding-right: 1.4rem;
  font-size: .65rem;
  font-weight: 700;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.white-bubble-btn-3.invert {
  filter: invert();
}

.slider-arrow-embed-4 {
  filter: invert();
  color: #1a1b1f;
  background-color: #000;
  border: 3px solid #fff;
  width: 50px;
  padding: 5px;
}

.heading-63 {
  color: #242424;
  margin-top: 0;
  margin-bottom: -10px;
  font-size: 30px;
  font-weight: 900;
  display: flex;
  position: relative;
}

.heading-63.illustration-box {
  color: #242424;
  margin-top: 10px;
  margin-bottom: 0;
  font-size: 20px;
  line-height: 20px;
}

.container-410 {
  width: 100%;
  max-width: none;
  margin-left: auto;
  margin-right: auto;
}

.lightbox-link-5 {
  object-fit: cover;
  width: 100%;
  margin-right: 10px;
}

.illustrationsction {
  background-color: #fff0;
  border: 3px solid #000;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 4rem 3rem 4rem 2rem;
  position: relative;
}

.illustrationsction.hide {
  display: none;
}

.mask-6 {
  z-index: 120;
  border-bottom: 0 solid #fbb90b;
  width: 100%;
  margin-top: -18px;
  margin-left: 80px;
  padding-top: 40px;
  padding-bottom: 40px;
  overflow: hidden;
}

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

.slide-17, .slide-18 {
  width: 30%;
}

.slider-7 {
  background-color: #ddd0;
}

.avatar-image {
  object-fit: cover;
  border: 1px solid #f3f7f9;
  width: 100%;
  height: 100%;
}

.button-wrapper-right {
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.paragraph-9 {
  padding-top: 20px;
}

.testimonial-rating-wrap {
  text-align: right;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.slide-nav-5 {
  display: none;
}

.avatar {
  background-color: #0000;
  border-radius: 100px;
  width: 62px;
  height: 62px;
  margin-bottom: 32px;
  overflow: hidden;
}

.testimonial-name-wrap {
  margin-bottom: 10px;
}

.star-wrap {
  align-items: center;
  display: flex;
}

.text-block-7 {
  color: #f8fafb;
}

.button-15 {
  color: #191919;
  text-align: center;
  white-space: nowrap;
  background-color: #f3f7f9;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  width: auto;
  padding: 20px 38px;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  transition: all .2s;
  display: flex;
  position: relative;
  box-shadow: 8px 18px 25px -25px #3454d159;
}

.button-15.padding-top-32 {
  color: #ebeefa;
  background-image: linear-gradient(#0000004d, #0000004d), url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/67f3dfce0ed85b71fdc7d2f0_pexels-karolina-grabowska-6634140.jpg");
  background-position: 0 0, 50%;
  background-size: auto, cover;
  width: 300px;
  margin-top: 0;
  margin-left: 10px;
  margin-right: 10px;
  padding-left: 60px;
  padding-right: 60px;
}

.button-15.padding-top-32:hover {
  color: #f79d23;
  background-image: linear-gradient(#00000080, #00000080), linear-gradient(#0000004d, #0000004d), url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/67f3dfce0ed85b71fdc7d2f0_pexels-karolina-grabowska-6634140.jpg");
  background-position: 0 0, 0 0, 50%;
  background-size: auto, auto, cover;
}

.star {
  width: 30px;
  height: 30px;
  margin-right: 8px;
}

.div-block-738 {
  background-color: #e0b006;
  border-radius: 19px;
  width: 50px;
  height: 5px;
}

.testimonial-detail {
  color: #96a0b5;
  justify-content: space-between;
  margin-top: 48px;
  font-weight: 500;
  display: block;
}

.slide-19 {
  background-color: #0000;
  width: 100%;
  margin-right: 40px;
}

.slider-8 {
  background-color: #0000;
  justify-content: flex-start;
  align-items: center;
  width: 380px;
  height: 100%;
  display: block;
}

.container-411 {
  flex-direction: column;
  width: 100%;
  max-width: none;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.arrow {
  color: #f3f7f9;
  margin-left: 8px;
}

.testimonial-name {
  color: #121f3e;
  margin-bottom: 4px;
  font-family: PT Serif, serif;
  font-size: 16px;
  font-weight: 700;
}

.title-grid {
  border-bottom: 3px solid var(--goldenrod);
  grid-template-rows: auto;
  grid-template-columns: 2fr 1fr;
  align-items: center;
  margin-bottom: 57px;
}

.quote-3 {
  position: absolute;
  inset: 8% 8% auto auto;
}

.h2-title {
  color: #121f3e;
  letter-spacing: .02em;
  text-transform: none;
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 20px;
  font-family: PT Serif, serif;
  font-size: 40px;
  font-weight: 400;
  line-height: 53px;
}

.testimonial-card-3 {
  background-color: #fff;
  border-radius: 20px;
  height: 100%;
  padding: 30px;
  position: relative;
  box-shadow: 23px 23px 56px #0000000d;
}

.trustadvisor {
  padding: 40px 3% 100px;
  overflow: hidden;
}

.mask-7 {
  width: auto;
  overflow: visible;
}

.right-arrow-3 {
  color: #3454d1;
  background-color: #fff;
  border: 3px solid #000;
  border-radius: 0;
  width: 55px;
  height: 55px;
  display: block;
  inset: auto auto -80px 80px;
  box-shadow: 17px 17px 42px #121f3e14;
}

.icon-10 {
  color: #121f3e;
  font-size: 18px;
}

.left-arrow-4 {
  color: #3454d1;
  background-color: #fff;
  border: 3px solid #000;
  border-radius: 0;
  width: 55px;
  height: 55px;
  display: block;
  inset: auto auto -80px 0%;
  box-shadow: 17px 17px 42px #121f3e14;
}

.awards {
  background-color: #fff0;
  border-top: 3px solid #000;
  border-bottom: 3px solid #000;
  border-radius: 3px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 0;
  padding-top: 4rem;
  padding-bottom: 2rem;
  position: relative;
}

.sticky-wrap-2 {
  width: 100%;
  height: 100vh;
  padding-top: 0;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.sticky-container {
  flex-flow: column;
  width: 100%;
  height: 300vw;
  margin-top: 0;
  display: flex;
  position: relative;
}

.sticky-container.delet {
  display: none;
}

.wordcontainer {
  margin-top: 20px;
}

.big-split-header-3 {
  color: #fcfcfc;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 0;
  padding-top: 10px;
  padding-bottom: 6px;
  font-size: 3rem;
  font-weight: 900;
  line-height: .8;
}

.big-split-header-3.mobile {
  display: none;
}

.big-split-header-3.hidemon {
  margin-bottom: 10px;
  margin-left: 20px;
}

.big-split-header-3.outline {
  font-size: 3rem;
}

.lightboxblurgallery {
  object-fit: none;
  width: 100%;
  height: 100%;
  padding-top: 0;
  padding-bottom: 0;
}

.label-7 {
  justify-content: flex-start;
  align-items: flex-start;
  width: 25%;
  margin-bottom: -2.8rem;
  margin-left: -25%;
  display: flex;
  position: relative;
}

.scroll-inner-2 {
  background-color: #fff;
  justify-content: flex-end;
  align-items: flex-end;
  width: 200vw;
  height: 100vh;
  margin-top: -240px;
  padding-top: 40px;
  padding-left: 10%;
  padding-right: 0%;
  display: flex;
}

.div-block-743 {
  background-color: #68686800;
  border-bottom: 3px solid #fbb90b;
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  height: 100%;
  margin: 0;
  padding-bottom: 40px;
  display: flex;
  position: static;
  top: 83px;
}

.container-414 {
  filter: invert();
  max-width: none;
}

.heading-64 {
  color: #242424;
  margin-top: 0;
  margin-bottom: -10px;
  font-size: 30px;
  font-weight: 900;
  display: flex;
  position: relative;
}

.image-181 {
  object-fit: cover;
  border-radius: 15px;
  width: 100%;
  min-width: auto;
  height: 450px;
  margin-bottom: 10px;
  position: static;
}

.heading-overflow-2 {
  padding-top: 0;
  display: flex;
}

.scroll-card-2 {
  background-color: #fff;
  border: .0625rem solid #83838300;
  border-radius: 0;
  flex-direction: column;
  flex: 1;
  align-items: center;
  width: 30vw;
  height: 60%;
  min-height: 32rem;
  margin-left: 10px;
  margin-right: 10px;
  display: flex;
  position: relative;
  bottom: -5%;
  overflow: visible;
}

.scroll-card-2.diffpadlft {
  margin-left: 250px;
}

.paragraph-82 {
  color: #636363;
  letter-spacing: .5px;
  margin-top: 20px;
  margin-bottom: 0;
  padding-right: 0;
  font-family: Quicksand, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5em;
  display: none;
}

.white-bubble-btn-4 {
  z-index: 20;
  color: #111;
  letter-spacing: 2px;
  text-transform: uppercase;
  background-color: #fff;
  border: 3px solid #000;
  border-radius: 0;
  justify-content: center;
  align-items: center;
  width: 250px;
  height: 45px;
  margin-top: 20px;
  margin-bottom: 20px;
  padding-left: 1.4rem;
  padding-right: 1.4rem;
  font-size: .65rem;
  font-weight: 700;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.media-wrapper-2 {
  width: 100%;
  height: 100%;
  position: relative;
  inset: 0% 0% auto;
}

.gallery_position {
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  display: flex;
}

.gallery_content {
  grid-column-gap: 1px;
  grid-row-gap: 1px;
  grid-template-rows: auto;
  grid-template-columns: 20% 20% 20% 20% 20%;
  grid-auto-columns: 1fr;
  justify-content: center;
  width: 100%;
  height: 30rem;
  display: flex;
}

.gallery_block {
  width: 20%;
  height: 100%;
  overflow: hidden;
  box-shadow: 0 7px 20px -1px #86838399;
}

.gallery_block.bg-image-3 {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/67f636f55b1da36b6b9982f3_jasper-boer-LJD6U920zVo-unsplash-min.jpg");
  background-position: 60%;
  background-size: cover;
  background-attachment: scroll;
}

.gallery_block.bg-image-2 {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/67f636f55b1da36b6b9982c0_paul-rogers-qbOnG07yDCM-unsplash-min.jpg");
  background-position: 50%;
  background-size: cover;
  background-attachment: scroll;
}

.gallery_block.bg-image-1 {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/67f636f55b1da36b6b9982d1_animus-invictus-Q5n_P2dYwZY-unsplash-min.jpg");
  background-position: 50%;
  background-size: cover;
  background-attachment: scroll;
}

.gallery_block.bg-image-4 {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/67f636f55b1da36b6b9982e2_mohammad-alizade-CDu0x1Aiils-unsplash-min.jpg");
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
}

.gallery_block.bg-image-5 {
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/67f636f55b1da36b6b998304_anita-wing-lee-sZ9s9tDVCWo-unsplash-min.jpg");
  background-position: 80% 60%;
  background-size: cover;
  background-attachment: scroll;
}

.page-padding-2 {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  display: none;
}

.code-embed-2 {
  width: auto;
  height: 100vh;
}

.container-415 {
  width: 800px;
}

.body-7 {
  background-color: #1d1d1d;
}

.lgoocontainer {
  background-color: #000;
  border: 1px solid #f4f3f700;
  border-radius: 0;
  justify-content: space-between;
  align-items: center;
  min-width: 100%;
  padding: 20px 10px;
  display: flex;
  position: relative;
}

.carousellogocontainter {
  border: 1px solid #f4f3f7;
  border-radius: 0;
  max-width: 100vw;
  display: flex;
  overflow: hidden;
}

.logoimg {
  filter: invert();
  max-width: 100px;
  height: auto;
  max-height: 25px;
}

.carosellogosect {
  border: 1px solid #f4f3f700;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: none;
  margin-top: 40px;
  display: flex;
}

.div-block-744 {
  width: 100vw;
  margin-top: 1rem;
}

.logonewwrap {
  border-top: 3px solid #000;
  border-bottom: 3px solid #000;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-top: 20px;
  padding: 30px 0 30px 30px;
  display: flex;
}

.div-block-745 {
  width: 200%;
  display: flex;
  overflow: visible;
}

.text-block-49 {
  color: #181717;
  letter-spacing: -1px;
  font-size: 32px;
  line-height: 42px;
  text-decoration: none;
}

.text-block-49.grey {
  color: #606060;
  font-family: Open Sans, sans-serif;
}

.container-416 {
  max-width: 1280px;
  padding: 70px 80px;
}

.heading-1 {
  margin-top: 0;
  font-size: 42px;
  line-height: 48px;
}

.hero-paragraph-wrapper {
  margin-top: 0;
}

.section-79 {
  color: #181717;
}

.hero-arrow-down-wrapper {
  margin-top: 60px;
}

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

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

.div-block-746 {
  height: 10px;
}

.image-182 {
  width: 70px;
}

.div-block-747 {
  background-color: #fff;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
}

.about-tab-btn-group {
  border: 2px solid #fff;
  border-radius: 2px;
  margin-top: 8px;
  margin-bottom: 24px;
  display: inline-block;
}

.content-section {
  z-index: 1;
  flex-direction: column;
  justify-content: center;
  height: 100vh;
  display: flex;
  position: relative;
  overflow: hidden;
}

.content-section.about {
  z-index: 1;
  position: relative;
}

.timeline-link {
  color: #fff;
  letter-spacing: 0;
  padding-left: 2px;
  padding-right: 2px;
  font-size: 14px;
  font-weight: 400;
  text-decoration: none;
  transition: all .5s;
  display: inline-block;
}

.timeline-link:hover {
  color: #1c1b1b;
  background-color: #fff;
  text-decoration: none;
}

.timeline-date {
  float: left;
  color: #fff;
  background-color: #0000;
  padding: 10px 15px;
  font-size: 14px;
  font-weight: 200;
  display: inline-block;
}

.tabs-content {
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  display: flex;
}

.about-skills-list-item {
  display: inline-block;
}

.marker-text {
  float: left;
  letter-spacing: .8px;
  cursor: default;
  background-color: #2b2b2b;
  border-left: 1px solid #2b2b2b;
  margin-bottom: 0;
  padding: 10px 15px;
  font-size: 13px;
  font-weight: 200;
  transition: all .5s;
  display: inline-block;
}

.marker-block {
  float: none;
  color: #fff;
  border: 2px solid #2b2b2b;
  border-radius: 2px;
  margin-left: 2px;
  margin-right: 2px;
  font-size: 14px;
  font-weight: 300;
  transition: all .5s;
  display: block;
  overflow: hidden;
}

.content-wrapper-4 {
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 5px;
  padding-right: 5px;
  display: block;
}

.content-wrapper-4:hover {
  transform: translate(0);
}

.content-wrapper-4.about {
  text-align: center;
  padding-top: 15px;
  padding-bottom: 0;
}

.about-tab-content {
  padding-top: 8px;
  padding-left: 150px;
  padding-right: 150px;
}

.about-tab-btn {
  color: #fff;
  background-color: #0000;
  background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/67fc97123a1fa54ba9827be5_sprite-nav.svg");
  background-position: 85% -106px;
  background-repeat: no-repeat;
  background-size: 20px;
  padding: 4px 40px 6px 20px;
  font-weight: 400;
  transition: all .5s;
}

.about-tab-btn:hover {
  color: #1c1b1b;
  background-color: #fff;
  background-position: 50% -106px;
  padding-left: 30px;
  padding-right: 30px;
}

.about-tab-btn.w--current {
  color: #000;
  background-color: #fff;
  padding-left: 30px;
  padding-right: 30px;
}

.button-group {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1rem;
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.button-group.is-center {
  justify-content: center;
}

.home_work_component {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 35rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
  overflow: hidden;
}

.home-work_work-title {
  margin-bottom: 0;
  font-weight: 800;
}

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

.home-work_work-description {
  display: none;
}

.link-underline-line {
  background-color: #000;
  width: 100%;
  height: 1.15px;
  transform: translate(-101%);
}

.home_work_image-wrapper {
  border-radius: 15px;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

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

.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_work_item.is-1 {
  border-radius: 0;
}

.home_work_item.is-2 {
  border-radius: 0;
  order: 0;
  justify-content: center;
  align-items: center;
  padding-bottom: 20px;
  padding-left: 20px;
}

.home_work_item.is-4 {
  border-radius: 0;
}

.home_work_item.is-3 {
  border-radius: 0;
}

.button-16 {
  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-16:hover {
  background-color: #ff5330;
}

.button-16:active {
  background-color: #e44120;
  border-color: #e44120;
}

.button-16.is-secondary {
  border-style: none;
  border-radius: 0;
  padding: 0;
  transition-property: none;
  display: block;
}

.button-16.is-secondary:hover {
  background-color: #0000;
}

.overflow-hidden {
  overflow: hidden;
}

.home_work_scroll-wrapper {
  justify-content: center;
  width: 180%;
  max-width: 182rem;
  height: 100%;
  display: flex;
}

.home-work_text-wrapper {
  z-index: 1;
  color: #fff;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: auto;
  display: flex;
  position: absolute;
}

.text-size-medium {
  font-size: 1.125rem;
}

.section_home-work {
  border-top: 3px solid #000;
  border-radius: 3px;
  width: 100vw;
  position: relative;
  overflow: hidden;
}

.container-medium {
  width: 100%;
  max-width: 64rem;
  margin-left: auto;
  margin-right: auto;
}

.spacer-xlarge {
  width: 100%;
  padding-top: 4rem;
}

.button-17 {
  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-17:hover {
  background-color: #ff5330;
}

.button-17:active {
  background-color: #e44120;
  border-color: #e44120;
}

.button-17.is-secondary {
  border-style: none;
  border-radius: 0;
  padding: 0;
  transition-property: none;
  display: block;
}

.button-17.is-secondary:hover {
  background-color: #0000;
}

.home-work_work-title-2 {
  background-color: #000;
  padding-left: 5px;
  padding-right: 5px;
  font-size: 30px;
  font-weight: 800;
}

.padding-section-large-2 {
  margin-left: 3rem;
  margin-right: 3rem;
  padding-top: 5rem;
  padding-bottom: 7rem;
  overflow: hidden;
}

.blurdiv {
  height: 100%;
}

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

.home-reviews_client-image-wrapper {
  margin-right: 1rem;
}

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

.text-weight-semibold {
  font-weight: 600;
}

.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-reviews_rating-icon {
  color: #0000;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.container-large-2 {
  width: 100%;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
}

.margin-bottom {
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
}

.margin-bottom.margin-small {
  margin: 1rem;
}

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

.home-reviews_content {
  border: 1px solid #000;
  border-radius: .875rem;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  padding: 2rem;
  display: flex;
}

.home-reviews_rating-wrapper {
  margin-bottom: 1.5rem;
  display: flex;
}

.banner-heading-bottom {
  color: #ff5330;
  align-self: flex-end;
  font-size: 7.5rem;
  font-weight: 300;
  line-height: .8;
}

.heading-style-h2-2 {
  letter-spacing: -.02em;
  font-size: 2.875rem;
  font-weight: 400;
  line-height: 1.2;
}

.home-services_tab-wrapper {
  color: #fff;
  background-color: #141414;
  align-items: center;
  width: 25%;
  height: 100%;
  padding: 6.5vw;
  display: flex;
  position: relative;
}

.home-services_top {
  border-top: 1px solid #a3a3a3;
  align-items: flex-end;
  width: 100%;
  height: 8rem;
  padding-bottom: 1.5em;
  display: flex;
  position: relative;
}

.home-services_button-list-wrapper {
  flex: 1;
}

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

.home-services_right {
  background-color: #000;
  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;
}

.home-services_left {
  background-color: #000;
  flex-direction: row;
  align-items: center;
  width: 200%;
  height: 100%;
  margin-right: 50%;
  display: flex;
  position: absolute;
  inset: 0% 0% auto auto;
  overflow: hidden;
}

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

.section_home-services {
  position: relative;
}

.home-services_image {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.home-services_tab-content {
  flex-direction: column;
  justify-content: center;
  width: 100%;
  max-width: 45rem;
  height: 100%;
  display: flex;
}

.home-services_button-list {
  z-index: 1;
  width: 67%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.home-services_button {
  cursor: pointer;
  flex: 1;
  justify-content: center;
  align-items: center;
  padding-top: .75rem;
  padding-bottom: .75rem;
  display: flex;
}

.home-services_bottom {
  background-color: #000;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 40rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.home-services_image-wrapper {
  width: 100%;
  position: absolute;
  inset: 0% auto 0% 0%;
  overflow: hidden;
}

.home-services_button-selector {
  background-color: #ff533026;
  border: 1px solid #ff533078;
  border-radius: .875rem;
  width: 25%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.home-services_image-item {
  align-items: center;
  width: 25%;
  height: 100%;
  display: flex;
  position: relative;
}

.home-services_component {
  background-color: #e5e5e5;
  max-width: 180rem;
  margin-left: auto;
  margin-right: auto;
}

.home-services_button-text {
  text-align: center;
  letter-spacing: -.01em;
  font-size: 1rem;
  font-weight: 500;
}

.text-color-gray300 {
  color: #d6d6d6;
}

.home-servoces_anchor-top {
  width: 100%;
  height: 0;
  margin-top: -5rem;
  position: absolute;
}

.slider-wrapper {
  margin-left: 0;
  padding-top: 0;
  padding-bottom: 100px;
  overflow: hidden;
}

.slider-arrow-icon-2 {
  width: 16px;
}

.centered-intro {
  z-index: 10;
  grid-column-gap: 16px;
  grid-row-gap: 24px;
  text-align: center;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  max-width: 700px;
  display: grid;
  position: relative;
}

.slider-arrow {
  z-index: 400;
  background-color: #fff;
  border: 3px solid #000;
  border-radius: 0;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  margin-left: -72px;
  display: flex;
  inset: 103% 41% 0% auto;
}

.slider-arrow.right {
  border-width: 3px;
  border-radius: 0;
  margin-left: 0;
  margin-right: -72px;
}

.location-slide {
  margin-right: 20px;
}

.grid-wrapper-4 {
  z-index: 10;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: 1fr;
  grid-template-columns: minmax(80px, 1fr) minmax(auto, 1400px) minmax(80px, 1fr);
  grid-auto-columns: 1fr;
  align-items: stretch;
  width: 100%;
  display: grid;
  position: relative;
}

.section-80 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 20px 0 140px;
  display: flex;
  position: relative;
}

.location-card-slider {
  background-color: #0000;
  justify-content: center;
  align-items: center;
  height: 100%;
  margin-left: -80px;
  display: flex;
}

.location-mask {
  width: 50%;
  max-width: 800px;
  overflow: visible;
}

.subtitle {
  letter-spacing: 3px;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 400;
  line-height: 1.4em;
}

.lightbox-link-7 {
  height: 100%;
}

.section-81 {
  padding-top: 6rem;
  position: sticky;
}

.portitem {
  background-color: #db2b2b;
  width: 100%;
  height: 300px;
}

.section-title {
  border-top: .125rem solid #000;
  align-self: stretch;
  padding-top: 1.5rem;
}

.section-title.is-offset {
  border-top-width: 0;
  border-top-color: var(--goldenrod);
  margin-top: .5625rem;
  padding-top: 2rem;
}

.content-wrapper-5 {
  background-color: #fff;
  flex-direction: column;
  width: 100%;
  padding: 60px;
  display: flex;
}

.page-padding-3 {
  flex: 1;
  padding-left: 0;
  padding-right: 0;
}

.padding-bottom {
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
}

.button-18 {
  color: #fff;
  text-align: center;
  letter-spacing: .125rem;
  text-transform: uppercase;
  background-color: #000;
  border-radius: .375rem;
  padding: 1.125rem 2rem;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5;
  transition: transform .25s cubic-bezier(.165, .84, .44, 1), opacity .25s cubic-bezier(.165, .84, .44, 1);
}

.button-18:hover {
  opacity: .8;
  transform: translate(0, -.125rem);
}

.button-18:active {
  transform: scale(.98)translate(0);
}

.button-18:focus-visible, .button-18[data-wf-focus-visible] {
  outline-offset: 0rem;
  border-radius: .4375rem;
  outline: .1875rem solid #0000003d;
}

.text-size-medium-2 {
  font-size: 1.5rem;
}

.text-size-medium-2.margin-0 {
  margin-top: -20px;
  font-size: 1.2rem;
  font-weight: 400;
}

.sticky-title-wrapper {
  filter: invert();
  width: 25%;
  height: 100%;
  padding-top: 60px;
  padding-bottom: 100px;
  position: sticky;
  top: 7.75rem;
}

.section-82 {
  align-items: flex-start;
  width: 100%;
  padding-top: 10rem;
  padding-bottom: 10rem;
  display: flex;
}

.section-82.with-divider {
  background-color: var(--black);
  border-bottom: 0 solid #000;
  justify-content: space-between;
  padding-top: 0;
  padding-bottom: 0;
}

.text-weight-regular {
  font-weight: 400;
}

.list-item {
  color: var(--black);
  border-bottom: .0625rem solid #00000014;
  width: 100%;
  padding-top: 2rem;
  padding-bottom: 0;
}

.list-item.is-first {
  padding-top: 0;
}

.list-item.is-last {
  border-bottom-width: 0;
  padding-bottom: 0;
}

.layout-12-column {
  grid-column-gap: 5.6rem;
  grid-row-gap: 5.6rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1.25fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-left: 60px;
  padding-right: 0;
  display: flex;
}

.container-large-3 {
  width: 100%;
  max-width: 90rem;
  margin-left: auto;
  margin-right: auto;
}

.heading-65 {
  margin-bottom: -10px;
}

.portfolio-sticky-item {
  width: 100%;
  height: auto;
  margin-bottom: 20px;
  overflow: visible;
}

.heading-66 {
  width: auto;
  margin-top: auto;
  font-size: 24px;
  font-weight: 800;
}

.portfoliostickywrap {
  background-color: #fff;
}

.portfoliostickyimgwrap {
  height: 300px;
  overflow: hidden;
}

.topportfolioitmsticky {
  background-color: #838181;
  width: 100%;
  height: 300px;
}

.topportfolioitmsticky.mosticky {
  background-color: #fff;
  justify-content: center;
  align-items: center;
  display: flex;
  overflow: hidden;
}

.image-183 {
  aspect-ratio: auto;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.div-block-749 {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.image-184 {
  object-fit: cover;
  border-radius: 10px;
  width: 100%;
  height: auto;
  min-height: 100%;
  position: sticky;
}

._2blurimage {
  height: 100%;
}

.image-185 {
  width: 50px;
}

.image-186 {
  width: 75px;
}

.image-187 {
  width: 50px;
}

.paragraph-83 {
  padding: 0;
}

.paragraph-83.smalltxt {
  margin-top: 10px;
  margin-bottom: 100px;
  font-size: 14px;
  line-height: 25px;
}

.modal-bg-3 {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  padding-top: 0;
  display: flex;
  position: absolute;
  inset: 0%;
}

.modal-3-popup-freedom, .modal-3-popup-hr, .modal-3-popup-tp, .modal-3-popup-teamp, .modal-3-popup-tmrow {
  z-index: 999;
  background-color: #29282866;
  align-items: flex-start;
  width: 100%;
  height: 100vh;
  padding: 4rem 2rem;
  display: none;
  position: fixed;
  inset: 0%;
  overflow: auto;
}

.navbar-12 {
  display: block;
}

.job_sticky-card {
  border: 1px solid #f2f3ff;
  border-radius: 15px;
  padding: 35px 30px;
}

.h4 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 22px;
  font-weight: 600;
}

.spacer-15 {
  width: 100%;
  height: 15px;
}

.paragraph-84 {
  opacity: .9;
  color: #000;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.5;
}

.spacer-20 {
  width: 100%;
  height: 20px;
}

.button-19 {
  color: #fff;
  background-color: #434de7;
  border-radius: 10px;
  height: 50px;
  padding: 15px 35px;
  font-size: 15px;
  font-weight: 500;
  box-shadow: 0 10px 20px -3px #1d01501a;
}

.button-19:hover {
  box-shadow: none;
  background-color: #000;
}

.popup-wrap {
  background-color: #000;
  border-radius: 15px;
  width: 100%;
  max-width: 100%;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  overflow: hidden;
}

.input-label {
  z-index: 2;
  color: #000;
  background-color: #fff;
  border-radius: 3px;
  margin-bottom: 0;
  padding-left: 6px;
  padding-right: 7px;
  font-size: 13.5px;
  font-weight: 600;
  line-height: 15px;
  display: inline-block;
  position: relative;
  bottom: -7px;
  left: 6px;
}

.input {
  color: #000;
  background-color: #fff;
  border: 1px solid #b7bbd1;
  border-radius: 6px;
  height: 48px;
  margin-bottom: 0;
  padding-top: 10px;
  padding-left: 18px;
  font-size: 15px;
  font-weight: 300;
  transition: border-color .2s, box-shadow .2s;
  box-shadow: 0 3px 6px -2px #1d01501a;
}

.input:hover {
  box-shadow: none;
  border-color: #434de7;
}

.input:focus {
  border: 1px solid #434de7;
}

.input::placeholder {
  color: #6e6e6e;
}

.rte-label {
  color: #000;
  margin-top: 15px;
  margin-bottom: 12px;
  font-size: 13.5px;
  font-weight: 600;
  line-height: 15px;
}

.form_100w {
  width: 100%;
}

.popup-close {
  cursor: pointer;
  width: 20px;
  height: 20px;
  position: absolute;
  inset: 13% 15% auto auto;
}

.spacer-10 {
  width: 100%;
  height: 10px;
}

.message_success {
  color: #fff;
  background-color: #434de7;
  border-radius: 10px;
  font-weight: 600;
}

.popup {
  z-index: 9999;
  opacity: 0;
  background-color: #0006;
  justify-content: center;
  align-items: center;
  padding-left: 20px;
  padding-right: 20px;
  display: block;
  position: fixed;
  inset: 0%;
}

.button-20 {
  color: #fff;
  background-color: #434de7;
  border-radius: 10px;
  height: 50px;
  padding: 15px 35px;
  font-size: 15px;
  font-weight: 500;
  box-shadow: 0 10px 20px -3px #1d01501a;
}

.button-20:hover {
  box-shadow: none;
  background-color: #000;
}

.button-20.in-form {
  width: 100%;
  height: 52px;
  margin-top: 0;
  margin-left: 0;
}

.form-row {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.spacer-30 {
  width: 100%;
  height: 30px;
}

.custom-scrollbar {
  display: none;
}

.h3-2 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 30px;
  font-weight: 800;
}

.text-red {
  color: #ff0004;
}

.form-separator {
  background-color: #f2f3ff;
  width: 100%;
  height: 1px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.form-border {
  background-color: #fff;
  border: 1px solid #f2f3ff;
  border-radius: 15px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: 400px;
  max-width: none;
  margin-bottom: 0;
  padding: 30px;
  display: flex;
  box-shadow: 0 20px 30px -10px #1d01501a;
}

.scrollbar {
  max-height: 600px;
  padding: 30px;
  overflow: auto;
}

.scrollbar.lack {
  background-color: #000;
}

.input-wrapper {
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  margin-bottom: 12px;
  display: flex;
  position: relative;
}

.input-wrapper.mr-15 {
  margin-right: 15px;
}

.clone-wrap {
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 60vh;
  display: flex;
}

.modal-3-popup-contact {
  z-index: 999;
  background-color: #29282866;
  align-items: flex-start;
  width: 100%;
  height: 100vh;
  padding: 4rem 2rem;
  display: none;
  position: fixed;
  inset: 0%;
  overflow: auto;
}

.image-188 {
  width: 100px;
}

.image-189 {
  border-radius: 1000px;
}

.navbar-logo-left {
  z-index: 997;
  border-top: 4px solid var(--goldenrod);
  background-color: var(--white);
  border-bottom: 3px solid #000;
  width: 100vw;
  margin-top: -2px;
  padding-left: 2rem;
  padding-right: 3rem;
  display: block;
  position: fixed;
}

.navbar-logo-left-container {
  z-index: 5;
  background-color: #0000;
  width: 1030px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 15px 20px;
}

.navbar-logo-left-container.shadow-three {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1140px;
  margin-top: 0;
  margin-bottom: 0;
  padding: 0;
  display: flex;
}

.container-417 {
  width: 100%;
  max-width: none;
  margin-left: auto;
  margin-right: auto;
}

.navbar-wrapper {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.navbar-brand {
  width: auto;
}

.nav-menu-two {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0;
  display: flex;
}

.nav-link-17 {
  color: #1a1b1f;
  letter-spacing: .25px;
  margin-left: 5px;
  margin-right: 5px;
  padding: 0 10px 5px;
  font-size: 14px;
  line-height: 20px;
  text-decoration: none;
}

.nav-link-17:hover {
  color: #1a1b1fbf;
}

.nav-link-17:focus {
  color: var(--goldenrod);
}

.nav-link-17:focus-visible, .nav-link-17[data-wf-focus-visible] {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 4px;
  outline: 2px solid #0050bd;
}

.nav-dropdown-2 {
  margin-left: 5px;
  margin-right: 5px;
}

.nav-dropdown-toggle-2 {
  letter-spacing: .25px;
  padding: 5px 30px 5px 10px;
  font-size: 14px;
  line-height: 20px;
}

.nav-dropdown-toggle-2:hover {
  color: #1a1b1fbf;
}

.nav-dropdown-toggle-2:focus-visible, .nav-dropdown-toggle-2[data-wf-focus-visible] {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 5px;
  outline: 2px solid #0050bd;
}

.nav-dropdown-icon-2 {
  margin-right: 10px;
}

.nav-dropdown-list-2 {
  background-color: #fff;
  border-radius: 12px;
}

.nav-dropdown-list-2.w--open {
  padding-top: 10px;
  padding-bottom: 10px;
}

.nav-dropdown-link-2 {
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 14px;
}

.nav-dropdown-link-2:focus-visible, .nav-dropdown-link-2[data-wf-focus-visible] {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 5px;
  outline: 2px solid #0050bd;
}

.nav-divider {
  background-color: #e4ebf3;
  width: 1px;
  height: 22px;
  margin-left: 15px;
  margin-right: 15px;
}

.nav-link-accent-2 {
  border-bottom: 3px solid var(--goldenrod);
  color: #1a1b1f;
  letter-spacing: .25px;
  margin-left: 5px;
  margin-right: 0;
  padding: 0;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  text-decoration: none;
}

.nav-link-accent-2:hover {
  color: #1a1b1fbf;
}

.nav-link-accent-2.contentnavitem {
  margin-bottom: 2px;
}

.button-primary-2 {
  color: #fff;
  letter-spacing: 2px;
  text-transform: uppercase;
  background-color: #1a1b1f;
  padding: 12px 25px;
  font-size: 12px;
  line-height: 20px;
  transition: all .2s;
}

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

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

.image-191 {
  width: 75px;
}

.modal-3-popup-privacy {
  z-index: 999;
  background-color: #29282866;
  align-items: flex-start;
  width: 100%;
  height: 100vh;
  padding: 4rem 2rem;
  display: none;
  position: fixed;
  inset: 0%;
  overflow: auto;
}

.bold-text-30, .bold-text-31 {
  color: var(--goldenrod);
}

.image-192 {
  object-fit: cover;
  border-radius: 15px;
  width: 100%;
  height: 100%;
  min-height: 100%;
}

.lightbox-link-8 {
  border-radius: 15px;
  height: 100%;
  padding: 0;
}

.image-193, .image-194, .image-195 {
  object-fit: cover;
  border-radius: 15px;
  width: 100%;
  height: 100%;
}

.lightbox-link-9 {
  padding: 0;
}

.image-196 {
  object-fit: cover;
  border-radius: 15px;
  width: 100%;
  height: 100%;
  min-height: 100%;
}

.mobscrollprompt {
  display: none;
}

.modalcontainerwrap {
  display: block;
}

.modal-3-popup-mc {
  z-index: 999;
  background-color: #29282866;
  align-items: flex-start;
  width: 100%;
  height: 100vh;
  padding: 4rem 2rem;
  display: none;
  position: fixed;
  inset: 0%;
  overflow: auto;
}

.bold-text-32 {
  color: #fbb909;
}

@media screen and (min-width: 1280px) {
  .section-heading {
    text-align: left;
    justify-content: flex-start;
  }

  .size4-text.size4-top-clear {
    align-items: center;
    display: flex;
  }

  .return-portfolio {
    margin-top: 20px;
  }

  .sidepage {
    padding-top: 0;
  }

  .divblock70-2.drum {
    background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/601179406f986128bdef3e20_Drumupacircus_cover.jpg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .heading-37 {
    color: #000;
    flex-direction: column;
    align-items: center;
    font-size: 30px;
    display: flex;
  }

  .heading-37.black {
    color: #292929;
  }

  .seemore, .seemore.center {
    display: flex;
  }

  .yodadiv1-2 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .sidepage-copy, .sidepagemini, .sidepage1 {
    padding-top: 0;
  }

  .link-block-28 {
    background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/60a27418f274d8e267e911b9_HR-Behance-2.png");
    background-position: 50%;
    background-size: cover;
    background-attachment: fixed;
    width: 100%;
    height: 100%;
  }

  .ipadpink {
    width: 24%;
  }

  .hughricebook {
    top: 62%;
  }

  .image-118 {
    width: 100%;
  }

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

  ._3rd-section {
    top: -4%;
  }

  .donutgirlimg {
    top: -23%;
  }

  .nav-link-text.right {
    color: var(--light-sea-green);
    text-align: center;
    padding: 10px;
    font-size: 12px;
  }

  .nav-link-text.right.bold {
    font-weight: 700;
    text-decoration: none;
  }

  .nav-link-text.right.paddingleft70 {
    margin-left: 60px;
  }

  .section-01 {
    border-bottom: 1px solid var(--light-sea-green);
    background-color: #e2e9e8;
    border-radius: 0;
    margin: 0;
    padding-top: 4em;
  }

  .collection-image {
    border-radius: 0;
  }

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

  .section-64 {
    height: auto;
  }

  .div-block-679 {
    z-index: 99;
    border-bottom: 2px solid var(--light-sea-green);
    background-color: #f5f5f5;
    justify-content: space-between;
    padding-left: 80px;
    padding-right: 40px;
    display: flex;
    position: relative;
  }

  .div-block-681 {
    border-bottom: 2px solid var(--light-sea-green);
    padding-bottom: 20px;
  }

  .div-block-682 {
    width: 80%;
    height: 450px;
    margin-right: 20px;
  }

  .div-block-683 {
    background-color: var(--white);
    border-radius: 40px;
    width: 40%;
  }

  .outlinebuttonwrap {
    justify-content: space-between;
    margin: 40px;
  }

  .outlinebutton {
    border: 2px solid var(--light-sea-green);
    border-radius: 40px;
    width: 30%;
    padding: 40px 40px 20px;
  }

  .outlinebutton.fillbggreen {
    background-color: var(--light-sea-green);
  }

  .div-block-686, .div-block-687 {
    width: 30%;
  }

  .div-block-688 {
    border-radius: 0;
    flex-direction: column;
    display: flex;
  }

  .text-block-35 {
    color: #07080c69;
    font-size: 70px;
  }

  .text-block-36 {
    text-align: right;
    margin-top: 20px;
  }

  .text-block-36.left {
    text-align: left;
    margin-top: 0;
    margin-left: 60px;
    padding: 0;
  }

  .skillz {
    border-style: solid;
    border-width: 2px 0;
    border-color: var(--light-sea-green);
    margin-top: 40px;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .div-block-690 {
    background-color: var(--light-sea-green);
    width: 80px;
    height: 2px;
    padding: 0;
  }

  .div-block-691 {
    flex-direction: row;
    align-items: center;
    display: flex;
  }

  .div-block-692 {
    display: flex;
  }

  .div-block-693 {
    justify-content: space-between;
    display: flex;
  }

  .link-block-42 {
    text-decoration: none;
  }

  .image-162 {
    width: 100%;
  }

  .ts-block {
    flex-wrap: nowrap;
  }

  .ts-reviewer-desi {
    font-size: 16px;
  }

  .ts-card {
    background-color: #fff;
  }

  .container-392 {
    height: auto;
  }

  .div-block-709 {
    margin-bottom: 0;
  }

  .section-67 {
    justify-content: center;
    align-items: center;
    margin-top: 0;
    display: flex;
  }

  .link-block-44 {
    margin-top: 0;
  }

  .container-393 {
    margin-top: 40px;
  }

  .div-block-712 {
    padding-left: 50px;
    padding-right: 50px;
  }

  .project-grid {
    margin-left: 0;
  }

  .title-wrapper-sticky {
    max-width: 20rem;
  }

  .section-69.intro {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .intro-text-white {
    padding-right: 0;
    font-size: 1.8em;
  }

  .container-398 {
    padding-right: 0;
  }

  .modal-3-popup {
    display: none;
  }

  .white-bubble-btn {
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
  }

  .white-bubble-btn.invert {
    filter: invert();
  }

  .testimonial-slide-wrapper-2 {
    min-height: 750px;
    padding-top: 120px;
    padding-bottom: 120px;
  }

  .project-grid-2 {
    grid-column-gap: 100px;
  }

  .div-block-724 {
    margin-top: 0;
    margin-bottom: 0;
  }

  .large-header-wrap.invert.illustrationhad {
    justify-content: space-between;
    align-items: center;
    padding-right: 20px;
  }

  .scroll-inner {
    margin-top: -230px;
    padding-top: 0;
  }

  .gallery-slider {
    padding-bottom: 40px;
    overflow: hidden;
  }

  .gallery-slide {
    width: 100%;
  }

  .gallery-slide-wrapper {
    width: 30%;
    margin-top: 20px;
  }

  .gallery-slide-image {
    width: 100%;
  }

  .gallery-slider-left {
    inset: 0% 2% auto auto;
  }

  .gallery-slider-right {
    z-index: 160;
    inset: auto 0% -5% auto;
  }

  .mask-5 {
    width: 1260px;
  }

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

  .white-bubble-btn-3 {
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
  }

  .white-bubble-btn-3.invert {
    filter: invert();
  }

  .mask-6 {
    width: 1260px;
  }

  .wordcontainer {
    margin-top: 100px;
  }

  .scroll-inner-2 {
    margin-top: -230px;
    padding-top: 0;
  }

  .div-block-743 {
    margin-top: 0;
    margin-bottom: 0;
  }

  .white-bubble-btn-4 {
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
  }

  .code-embed-2 {
    width: 900px;
  }

  .hero-grid {
    grid-template-columns: 1fr 1.5fr;
  }

  .overflow-hidden {
    overflow: visible;
  }

  .modal-3-popup-hr, .modal-3-popup-tp, .modal-3-popup-teamp, .modal-3-popup-tmrow, .modal-3-popup-contact, .modal-3-popup-privacy {
    display: none;
  }
}

@media screen and (min-width: 1440px) {
  .paragraph-bigger.cc-bigger-white-light {
    font-size: .9em;
  }

  .recentprojectscroller {
    top: 284px;
  }

  .fot {
    background-color: #fff;
  }

  .intro-text {
    margin-bottom: 0;
  }

  .intro-header.illustration.socialmedia {
    background-image: linear-gradient(#191919 4%, #0000), linear-gradient(#0000, #0000), url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/6021b673a9e2f0b5ea6dfd72_y2.jpg");
    background-position: 0 0, 0 0, 50%;
    background-size: auto, auto, cover;
    height: 400px;
  }

  .hero6.hrbrrand {
    background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/60a2747b24201e4c3e89152a_HR-Behance1-1.png");
    background-position: 50% 30%;
    background-repeat: repeat-y;
    background-size: cover;
    height: 500px;
  }

  .hero6.ttet {
    background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/6169590c2f8854e6b24056cd_Screen%20Shot%202020-01-20%20at%2019.49.32.png");
    background-position: 50% 45%;
  }

  .home1-deco-part-2.oooos {
    background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/600d8b5520228e47641992b3_B%26W_ArrowLogo.png");
    background-position: 50%;
    background-size: auto;
  }

  .content17-author-pic.content17-image2 {
    background-size: cover;
    width: 200px;
    height: 200px;
  }

  .content17-author-pic.content17-image2.holly {
    background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/600d8b5520228e7e121992a2_IMG_1340.JPG");
    background-position: 0 0;
    background-size: cover;
  }

  .return-portfolio {
    margin-top: 20px;
  }

  .small-paragraph-2 {
    font-size: 10px;
    line-height: 15px;
  }

  .heading-jumbo-2 {
    font-size: 2.5em;
  }

  .background-video-2 {
    padding-left: 0;
    overflow: hidden;
  }

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

  .intro-text-mob {
    margin-bottom: 0;
  }

  .section-47 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    height: 100vh;
    display: grid;
  }

  .section-48 {
    height: 100vh;
  }

  .grid-7 {
    grid-template-rows: auto auto auto auto auto;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    place-content: stretch center;
  }

  ._3rd-section {
    height: 100vh;
  }

  .contactyo {
    margin-top: 0;
    margin-bottom: -57px;
  }

  .header16.white {
    color: #fff;
    margin-top: 0;
    font-family: Signika, sans-serif;
    font-weight: 600;
    line-height: 35px;
    overflow: visible;
  }

  .text-block-15 {
    width: 294px;
  }

  .horisontalscrollcontent.newnewnew {
    margin-top: 0;
  }

  .clientscroller {
    border-bottom: 2px solid var(--light-sea-green);
  }

  .nav-link-text {
    color: var(--light-sea-green);
  }

  .nav-link-text.is-chapter {
    color: #ffffff61;
  }

  .nav-link-text.right {
    font-size: 14px;
  }

  .nav-link-text.right.bold.white {
    color: var(--white);
    text-align: left;
  }

  .nav-link-text.right.paddingleft70 {
    color: var(--black);
    font-size: 16px;
  }

  .main-navbar {
    background-color: var(--black-2);
  }

  .fake-logo {
    background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/600d8b5520228e3eda1992c4_Fullshape.png");
  }

  .section-01 {
    border-style: solid;
    border-width: 2px 0 0;
    border-color: var(--light-sea-green) black black;
    margin-top: 0;
    padding-top: .125em;
    padding-bottom: 40px;
  }

  .div-block-680 {
    margin: auto;
  }

  .div-block-681 {
    padding: 40px;
  }

  .div-block-682 {
    background-color: var(--white);
    width: 70%;
    padding: 0 20px 20px;
  }

  .div-block-683 {
    background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/643d790f806e9bfdc0fca79c_1617712533415-(1).png"), url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/643d6fbc990da461f5fa1c77_1617712533415.jpeg");
    background-position: 0 0, 50%;
    background-size: contain, cover;
    width: 50%;
  }

  .text-block-36.left.white {
    margin-left: 0;
  }

  .skillz {
    background-color: #f5f5f5;
    margin-top: 0;
  }

  .skillz.nopadding {
    margin-top: 0;
  }

  .skillz.nopadding.whitebg {
    background-color: var(--white);
  }

  .skillz.greenbg {
    background-color: var(--light-sea-green);
    justify-content: center;
    padding: 20px;
    display: flex;
  }

  .clientwrapper {
    background-color: var(--white);
  }

  .div-block-694 {
    margin: 40px;
  }

  .text-block-37 {
    font-size: 14px;
    line-height: 25px;
  }

  .heading-54 {
    margin-top: 10px;
  }

  .div-block-695 {
    border-bottom: 2px solid var(--light-sea-green);
    height: auto;
    margin-right: 40px;
    padding: 10px 10px 10px 0;
  }

  .container-383 {
    padding-left: 0;
    position: relative;
    left: 159px;
  }

  .div-block-696 {
    flex-direction: row-reverse;
    height: 100%;
    padding: 40px;
    display: flex;
  }

  .div-block-697 {
    width: 90%;
    height: 100%;
  }

  .casestudy {
    justify-content: flex-end;
    display: flex;
  }

  .cstext {
    border-right: 2px solid var(--light-sea-green);
    flex-direction: column;
    display: flex;
  }

  .image-168 {
    margin-bottom: 60px;
  }

  .marqueesection {
    width: 70vw;
  }

  .project-image-wrapper {
    width: 350px;
  }

  .project-text-wrapper {
    margin-top: -6vw;
  }

  .title-wrapper-sticky {
    max-width: 25rem;
  }

  .modal-2-popup {
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
    display: none;
  }

  .modal-3-popup {
    display: none;
  }

  .modal-w-scroll {
    height: 99vh;
    padding-top: 4rem;
    padding-bottom: 2rem;
  }

  .testimonial-slide-wrapper-2 {
    min-height: 850px;
  }

  .the-problem-section {
    padding-top: 4.9rem;
    padding-bottom: 4.9rem;
  }

  .section-header-wrapper {
    padding-left: 5.1rem;
  }

  .div-block-724 {
    margin-top: 20px;
    margin-bottom: -40px;
  }

  .big-split-header {
    border: 1px solid #0000;
    font-size: 4rem;
  }

  .big-split-header.outline, .big-split-header.hidemon, .big-split-header.illustrationhead {
    font-size: 4rem;
  }

  .section-header-wrapper-2, .section-header-wrapper-3 {
    padding-left: 5.1rem;
  }

  .small-card {
    width: 100%;
  }

  .small-card.newtestyguy {
    width: 600px;
    max-width: 600px;
  }

  .container-401.modalversion {
    padding-top: 8em;
  }

  .testimonialszz.noline {
    border-top-width: 3px;
  }

  .big-split-header-2 {
    border: 1px solid #0000;
    font-size: 5rem;
  }

  .contactnodal {
    height: 100%;
  }

  .swiper-component {
    width: 1080px;
  }

  .div-block-737 {
    width: 1200px;
    overflow: hidden;
  }

  .testimonial-slider-small-2 {
    padding-left: 0;
    padding-right: 0;
  }

  .testimonial-card-2 {
    background-color: #fff0;
  }

  .big-split-header-3 {
    border: 1px solid #0000;
    font-size: 4rem;
  }

  .big-split-header-3.hidemon {
    font-size: 4rem;
  }

  .div-block-743 {
    margin-top: 20px;
    margin-bottom: -40px;
  }

  .overflow-hidden {
    overflow: visible;
  }

  .modal-3-popup-hr, .modal-3-popup-tp, .modal-3-popup-teamp, .modal-3-popup-tmrow {
    display: none;
  }

  .scrollbar.lack {
    max-height: none;
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .modal-3-popup-contact, .modal-3-popup-privacy {
    display: none;
  }
}

@media screen and (min-width: 1920px) {
  .container {
    width: auto;
    max-width: none;
  }

  .heading-jumbo.mainheaderhero {
    font-size: 3.5em;
  }

  .paragraph-light.blog {
    letter-spacing: 2px;
  }

  .paragraph-bigger.cc-bigger-white-light {
    font-size: 1.5em;
    line-height: 30px;
  }

  .heading-18 {
    width: 70%;
    margin-top: 10px;
    font-size: 60px;
    line-height: 65px;
  }

  .heading-18.headnorm {
    letter-spacing: 3px;
    letter-spacing: 3px;
    font-family: Signika, sans-serif;
    font-size: 40px;
    line-height: 40px;
  }

  .heading-17 {
    margin-top: 20px;
    padding-top: 20px;
    font-size: 50px;
    line-height: 50px;
    display: block;
  }

  .heading-17.heronorm {
    letter-spacing: 2px;
    font-size: 40px;
    line-height: 40px;
  }

  .fot {
    margin-bottom: 0;
    padding-bottom: 0;
    top: 0;
  }

  .hero.cc-store-home-wrap {
    height: auto;
  }

  .intro-header.mm {
    background-position: 50% 0;
    background-size: contain;
  }

  .intro-content.cc-homepage {
    max-width: none;
    height: 100vh;
    padding-left: 0;
  }

  .heading-22 {
    margin-top: 20px;
    padding-top: 20px;
    font-size: 50px;
    line-height: 50px;
    display: block;
  }

  .heading-22.heronorm {
    letter-spacing: 2px;
    font-size: 40px;
    line-height: 40px;
  }

  .hero6.cookedillhero {
    background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/600d8b5520228e91b7199296_AAAA.png");
    background-position: 50% 100%;
  }

  .hero6.hrbrrand {
    background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/60a274fb03642f683a45cbe6_bannerHR-Behance-1.png");
    background-position: 50%;
    height: 800px;
  }

  .hero6.ttet {
    background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/6169590c2f8854e6b24056cd_Screen%20Shot%202020-01-20%20at%2019.49.32.png");
    background-position: 50% 40%;
  }

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

  .div-block-58.mobile {
    height: 1500px;
    display: block;
  }

  .div-block-58._59.hidehide {
    background-image: none;
    justify-content: center;
    padding-bottom: 60px;
    display: flex;
  }

  .div-block-58.hr2020div2 {
    height: 1000px;
  }

  .grid-2.rightlarge {
    justify-items: center;
  }

  .grid-2.leftlarge {
    grid-template-columns: 1.25fr .75fr;
  }

  .divblock71 {
    background-position: 50%, 0 0;
  }

  .portfolioheading {
    margin-bottom: 20px;
  }

  .portfolioheadpara {
    letter-spacing: 1.5px;
    font-size: 1em;
  }

  .paragraph-light-2 {
    font-size: 30px;
    line-height: 40px;
  }

  .paragraph-light-2.smallerblogad.img-description {
    font-size: 15px;
  }

  .div-block-69.smallerblogad, .div-block-69.smallerblogad.bmm {
    border-radius: 20px;
  }

  .grid-3 {
    grid-template-columns: 2.75fr 1fr;
  }

  .row-6 {
    justify-content: center;
    align-items: center;
  }

  .image-87 {
    width: 940px;
    height: auto;
  }

  .italic-text-2 {
    display: block;
  }

  .image-88 {
    width: 940px;
    height: auto;
  }

  .div-block-281 {
    font-size: 20px;
    line-height: 3;
  }

  .section-28 {
    justify-content: space-between;
    display: block;
  }

  .div-block-288 {
    padding-left: 5%;
  }

  .heading-25 {
    max-width: 100%;
  }

  .div-block-564 {
    margin-top: 0;
  }

  .heading-31 {
    margin-top: 220px;
  }

  .navigation-main {
    display: block;
  }

  .intro-header-copy.mm {
    background-position: 50% 0;
    background-size: contain;
  }

  .panel._2 {
    align-items: flex-start;
    padding-left: 10%;
  }

  .panel._3, .panel._6, .panel._7, .panel.cocozilla, .panel.francismalcolm {
    padding-left: 10%;
  }

  .heading-35 {
    max-width: 100%;
  }

  .heading-jumbo-2 {
    font-size: 3.5em;
  }

  .div-block-598 {
    max-width: none;
    padding-right: 220px;
  }

  .div-block-602 {
    justify-content: center;
    padding-left: 220px;
    padding-right: 220px;
  }

  .homelink.style {
    color: var(--white);
    width: 15px;
    height: 15px;
  }

  .sidepage {
    justify-content: center;
  }

  .divblock70-2.encounters._2 {
    background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/601179406f98612a89ef3e26_Promo-Gif.gif");
    background-repeat: repeat-y;
    background-size: contain;
  }

  .heading-37, .heading-37.black {
    display: block;
  }

  .fadedivblock1 {
    padding-left: 60px;
    padding-right: 60px;
  }

  .sidepage-copy, .sidepagemini, .sidepage1 {
    justify-content: center;
  }

  .heading-25-mob, .heading-25-copy, .heading-25-copy {
    max-width: 100%;
  }

  .container-360 {
    left: -423px;
  }

  .div-block-616.halfsecreen {
    height: 50vh;
  }

  .div-block-616.halfsecreen.different {
    background-color: var(--light-sea-green);
  }

  .image-103 {
    margin-top: -100px;
  }

  .div-block-626 {
    padding-right: 100px;
  }

  .columns-3 {
    display: flex;
  }

  .paragraph-72 {
    letter-spacing: .1em;
    font-size: 16px;
    line-height: 25px;
  }

  .div-block-627 {
    flex-direction: column;
    width: 300px;
    display: flex;
  }

  .div2918390 {
    width: 300px;
  }

  .heading-44.left {
    text-align: left;
  }

  .paragraph-73 {
    text-align: center;
    flex-direction: column;
    align-items: center;
    padding-right: 0;
    font-size: 18px;
    line-height: 35px;
    display: block;
  }

  .paragraph-73.left {
    text-align: left;
    text-align: left;
  }

  .link-block-29 {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .link-block-29.new {
    width: 300px;
  }

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

  .column-32 {
    left: 0;
    right: 0;
  }

  .smeipbrandinfo {
    padding-left: 40px;
  }

  .paparata, .paparata.papa1 {
    background-size: contain;
  }

  .heading-47 {
    font-size: 50px;
  }

  .div-block-633, .div-block-634 {
    flex-direction: column;
    align-items: center;
    padding-left: 10px;
    padding-right: 10px;
    display: flex;
  }

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

  .link-11 {
    float: none;
    clear: none;
  }

  .column-33 {
    padding-right: 220px;
  }

  .div-block-636 {
    padding-left: 100px;
  }

  .div-block-63 {
    margin-top: 10px;
  }

  .fallguy4.under {
    opacity: 0;
    width: 400px;
  }

  .hero-2 {
    background-image: linear-gradient(to bottom, null, null);
    padding-left: 100px;
    padding-right: 100px;
    top: 79px;
  }

  .heading-49 {
    margin-top: 20px;
    padding-top: 20px;
    font-size: 50px;
    line-height: 50px;
    display: block;
  }

  .womanfallimg {
    top: 28px;
    left: -579px;
  }

  .fallguys {
    top: 57px;
    bottom: 679px;
    left: 848px;
  }

  .div-block-62 {
    margin-left: auto;
  }

  .willdesktop {
    top: 820px;
  }

  .cloudimage {
    top: -373px;
  }

  ._3rd-section {
    top: -10%;
  }

  .text-block-29 {
    font-size: 15px;
  }

  .offercolumn {
    display: flex;
  }

  .contactyo {
    margin-top: 0;
    margin-bottom: -100px;
    top: -65px;
  }

  .header16.white {
    letter-spacing: 3px;
  }

  .contact-2 {
    height: 70%;
    margin-top: 98px;
    padding-top: 40px;
    padding-bottom: 24px;
  }

  .overflowhiddenmask.portfoliotablet2 {
    top: -416px;
  }

  .portfolioparent {
    height: 200vh;
    margin-bottom: 0;
    top: 60px;
  }

  .heading-51 {
    margin-top: 40px;
    padding-top: 20px;
    font-size: 50px;
    display: block;
    position: relative;
  }

  .div-block-653.potfolio {
    margin-top: 164px;
  }

  .text-block-15 {
    width: 70%;
    margin-top: 40px;
    font-size: 16px;
  }

  .stickydivbg.ppv2 {
    position: relative;
  }

  .horisontalscrollcontent {
    margin-top: 60px;
    top: -667px;
  }

  .horisontalscrollcontent.pv2.ppscrollv2 {
    top: -75px;
  }

  .column-38 {
    margin-bottom: -200px;
    top: -313px;
  }

  .column-38.desktop {
    margin-top: -23px;
    top: -292px;
  }

  .heading-16 {
    width: 70%;
    margin-top: 10px;
    font-size: 60px;
    line-height: 65px;
  }

  .columns-10 {
    margin-top: -48px;
    top: -255px;
  }

  .columns-10.portfolio-col {
    margin-top: 48px;
  }

  .body-4 {
    flex-direction: column;
    justify-content: center;
    display: flex;
  }

  .section-61 {
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .image-145 {
    width: 100vw;
  }

  .div-block-671 {
    margin-left: auto;
  }

  .link-block-43 {
    min-width: 470px;
  }

  .text-block-40 {
    font-size: 15px;
    line-height: 22px;
  }

  .nav-link-11 {
    font-size: 20px;
  }

  .image-168 {
    margin-bottom: 140px;
  }

  .div-block-706 {
    width: 80vw;
  }

  .navbar-10 {
    justify-content: flex-start;
    align-items: center;
  }

  .marqueesection {
    width: 50vw;
  }

  .div-block-716 {
    width: 80vw;
    overflow: hidden;
  }

  .label-heading {
    font-size: 20px;
  }

  .paragraph-18.blak {
    font-size: 16px;
  }

  .project-image-wrapper {
    width: 450px;
  }

  .title-wrapper-sticky {
    max-width: 30rem;
  }

  .section-69.intro {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .logo-slide_section {
    width: 100%;
    display: block;
  }

  .page-padding.s0 {
    justify-content: space-between;
    align-items: center;
    padding-top: 3em;
    display: block;
  }

  .padding-vertical.padding-xxlarge {
    flex-flow: row;
    justify-content: space-between;
    align-items: center;
    width: 100vw;
    padding: 2rem 0;
    display: flex;
  }

  .logo-slider-img {
    width: 100px;
    height: auto;
    min-height: auto;
    max-height: none;
    overflow: visible;
  }

  .logo_component-slider {
    justify-content: space-between;
    align-items: center;
    width: 100%;
    min-height: auto;
    padding: 30px;
    display: flex;
  }

  .modal-content-w {
    padding: 3rem;
  }

  .modal {
    max-width: 80rem;
  }

  .modal-bg-2 {
    display: block;
  }

  .modal-2-popup {
    display: none;
  }

  .modal-scroll-content-w {
    padding-bottom: 4rem;
  }

  .modal-scroll-content-w.contactmodal {
    height: 70vh;
    padding-bottom: 8rem;
  }

  .modal-3-popup {
    display: none;
  }

  .modal-w-scroll {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    height: 90vh;
    padding-top: 0;
    padding-bottom: 0;
    display: block;
  }

  .secondary-btn-text {
    font-size: .9rem;
  }

  .white-bubble-btn {
    width: 300px;
  }

  .grid-2-columns {
    grid-column-gap: 56px;
    grid-row-gap: 80px;
  }

  .paragraph-large {
    font-size: 26px;
    line-height: 45px;
  }

  .services-home-section {
    padding-top: 216px;
    padding-bottom: 216px;
  }

  .div-block-724 {
    width: 1080px;
    margin-bottom: -51px;
  }

  .paragraph-80.rightalignjsstextbody {
    width: 100%;
    margin-bottom: 10px;
  }

  .big-split-header {
    font-size: 4rem;
    line-height: 1;
  }

  .big-split-header.outline {
    font-size: 4rem;
  }

  .big-split-header.outline.biggbiguy {
    margin-bottom: 0;
  }

  .big-split-header.bigguy {
    font-size: 4rem;
  }

  .big-split-header.hidemon {
    font-size: 4.5rem;
  }

  .small-accordion-section {
    padding-bottom: 1.5rem;
  }

  .large-header-wrap.invert.stacked {
    margin-bottom: 40px;
  }

  .modal-containers {
    display: block;
  }

  .sticky-wrap {
    padding-bottom: 140px;
  }

  .scroll-inner {
    height: 50vh;
    margin-top: 220px;
  }

  .scroll-card, .scroll-card.diffpadlft {
    height: auto;
  }

  .image-175 {
    height: 600px;
  }

  .shmodal {
    display: none;
  }

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

  .main-container-2, .masonry-grid {
    width: 1080px;
  }

  .paragraph-2 {
    font-size: 18px;
    line-height: 1.6;
  }

  .container-401 {
    width: auto;
    padding: 0 8em;
  }

  .text_white-hide, .privacymodal, .ffmodal {
    display: none;
  }

  .container-405 {
    justify-content: center;
    align-items: center;
    max-width: none;
    display: flex;
  }

  .testimonialszz.noline {
    padding-left: 0;
  }

  .section-77 {
    padding: 6rem 7rem;
  }

  .label-heading-2 {
    font-size: 20px;
  }

  .big-split-header-2 {
    font-size: 10rem;
    line-height: 1;
  }

  .gallery-slide-wrapper {
    width: 31%;
  }

  .mask-5 {
    width: 100vw;
  }

  .contactnodal {
    justify-content: center;
    align-items: center;
    height: 100vw;
    padding-top: 8rem;
    padding-bottom: 5rem;
    display: none;
  }

  .illustrationsction {
    padding-bottom: 4rem;
    padding-left: 3rem;
    padding-right: 7rem;
  }

  .mask-6 {
    width: 100vw;
  }

  .slide-19 {
    width: 450px;
    height: 450px;
  }

  .awards {
    padding: 6rem 7rem;
  }

  .sticky-wrap-2 {
    padding-bottom: 140px;
  }

  .wordcontainer {
    margin-top: 0;
  }

  .big-split-header-3 {
    font-size: 4rem;
    line-height: 1;
  }

  .big-split-header-3.hidemon, .big-split-header-3.outline {
    font-size: 4rem;
  }

  .scroll-inner-2 {
    height: 50vh;
    margin-top: 220px;
  }

  .div-block-743 {
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
    width: 1080px;
    height: 100%;
    margin-bottom: 0;
    padding: 0;
  }

  .container-414 {
    justify-content: center;
    align-items: center;
    max-width: none;
    display: flex;
  }

  .image-181 {
    height: 600px;
  }

  .scroll-card-2, .scroll-card-2.diffpadlft {
    height: auto;
  }

  .white-bubble-btn-4 {
    width: 300px;
  }

  .div-block-744 {
    width: 100vw;
    margin-top: 2rem;
    overflow: hidden;
  }

  .overflow-hidden {
    overflow: visible;
  }

  .padding-section-large-2 {
    margin-left: 4rem;
    margin-right: 4rem;
    overflow: hidden;
  }

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

  .portfoliowrap {
    width: 100%;
  }

  .layout-12-column {
    padding-left: 0;
    padding-right: 0;
  }

  .heading-66 {
    width: auto;
    margin-bottom: 20px;
    font-size: 30px;
  }

  .paragraph-83.smalltxt {
    margin-top: 20px;
  }

  .modal-bg-3 {
    justify-content: center;
    align-items: center;
  }

  .modal-3-popup-hr, .modal-3-popup-tp, .modal-3-popup-teamp, .modal-3-popup-tmrow {
    display: none;
  }

  .scrollbar.lack {
    z-index: 999;
    justify-content: center;
    align-items: center;
    max-height: none;
    margin-top: 0;
    padding-top: 8rem;
    padding-bottom: 8rem;
    display: flex;
    position: relative;
  }

  .modal-3-popup-contact {
    justify-content: center;
    align-items: center;
    display: none;
  }

  .navbar-logo-left {
    padding-left: 0;
    padding-right: 0;
  }

  .navbar-logo-left-container.shadow-three {
    max-width: 100%;
    padding-left: 4rem;
    padding-right: 4rem;
  }

  .nav-link-17 {
    transition: color .2s, opacity .2s;
  }

  .nav-link-17:hover {
    color: var(--black);
    transform: translate(0);
  }

  .nav-link-17:active {
    color: var(--goldenrod);
  }

  .modal-3-popup-privacy {
    display: none;
  }
}

@media screen and (max-width: 991px) {
  .styleguide-block {
    text-align: center;
  }

  .container {
    padding-left: 20px;
    padding-right: 40px;
    overflow: hidden;
  }

  .heading-jumbo {
    font-size: 40px;
    line-height: 55px;
  }

  .heading-jumbo.navheader {
    color: var(--goldenrod);
  }

  .heading-jumbo.center {
    font-size: 40px;
  }

  .label.cc-light {
    text-align: left;
  }

  .paragraph-light {
    text-align: left;
    margin-top: 20px;
    margin-bottom: 0;
    font-size: 15px;
    line-height: 20px;
  }

  .section.cc-contact {
    padding-left: 0;
    padding-right: 0;
  }

  .button {
    justify-content: center;
    margin-top: 20px;
  }

  .paragraph-bigger.cc-bigger-white-light {
    font-size: 15px;
    line-height: 20px;
  }

  .divider {
    display: block;
  }

  .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: #fff;
  }

  .navigation {
    padding: 25px 30px;
  }

  .menu-button {
    padding: 0;
  }

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

  .navigation-wrap {
    margin-right: 0;
  }

  .work-experience-grid {
    grid-template: ". ."
                   ". ."
                   / 1fr 1fr;
  }

  .works-grid {
    flex-direction: column;
    align-items: stretch;
    display: flex;
  }

  .carrer-headline-wrap {
    width: auto;
  }

  .work-image {
    margin-bottom: 30px;
  }

  .contact {
    width: auto;
    padding: 30px 50px 40px;
  }

  .contact-headline, .contact-form-wrap {
    width: 100%;
  }

  .footer-wrap {
    overflow: hidden;
  }

  .about-intro-grid {
    grid-row-gap: 50px;
    text-align: center;
    grid-template: "."
                   "."
                   / 1fr;
  }

  .about-head-text-wrap {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
  }

  .service-name-text {
    font-size: 24px;
    line-height: 42px;
  }

  .skillset-wrap {
    padding-right: 0;
  }

  .services-items-grid {
    grid-row-gap: 0px;
    grid-template: "."
                   "."
                   / 1fr;
    padding-top: 0;
  }

  .skills-grid {
    grid-row-gap: 50px;
    text-align: center;
    grid-template: "."
                   "."
                   / 1fr;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
  }

  .personal-features-grid {
    text-align: center;
    grid-template: "."
                   "."
                   "."
                   "."
                   / 1fr;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
  }

  .social-media-heading {
    text-align: center;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
  }

  .social-media-grid {
    grid-template: ". ."
                   ". ."
                   ". ."
                   ". ."
                   / 1fr 1fr;
  }

  .project-overview-grid {
    grid-row-gap: 50px;
    text-align: center;
    grid-template: "."
                   "."
                   "."
                   / 1fr;
    width: 70%;
    margin-left: auto;
    margin-right: auto;
  }

  .project-description-grid {
    grid-row-gap: 50px;
    text-align: center;
    grid-template: "."
                   "."
                   / 1fr;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
  }

  .email-section {
    margin-bottom: 160px;
  }

  .email-link {
    font-size: 36px;
    line-height: 54px;
  }

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

  .horizontalcontnt {
    width: 300%;
    margin-top: 150px;
    margin-bottom: 140px;
    display: flex;
  }

  .hscontentboxes1 {
    width: 200px;
    height: 200px;
    margin-top: 20px;
  }

  .heading-18 {
    margin-bottom: 20px;
    font-size: 35px;
    line-height: 40px;
  }

  .heading-19 {
    display: none;
  }

  .heading-17 {
    margin-top: 40px;
    margin-bottom: 10px;
    font-size: 25px;
  }

  .div-block-65 {
    width: 90%;
    margin-left: 60px;
    position: relative;
    top: -150px;
    left: -109px;
  }

  .recentprojectscroller {
    display: none;
  }

  .logo-image-2.cc-footer-logo {
    width: 40%;
    height: 40%;
    margin-bottom: 40px;
  }

  .div-block-59 {
    opacity: 1;
    justify-content: center;
    width: 50%;
    height: 50%;
    display: flex;
  }

  .small-paragraph {
    margin-bottom: 5px;
  }

  .small-paragraph.cc-copyright-footer {
    align-self: end;
    margin-bottom: 30px;
    margin-left: auto;
    margin-right: auto;
    display: none;
  }

  .wrap {
    width: 100%;
    padding-left: 30px;
    padding-right: 30px;
  }

  .footer {
    text-align: center;
    flex-direction: column;
    grid-template-rows: auto auto;
    align-items: center;
    width: 100%;
    display: flex;
  }

  .label-2.cc-footer-section-headline {
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .footer-grid-column {
    align-self: start;
    align-items: center;
    margin-bottom: 30px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }

  .hero.cc-cta {
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .hero.cc-store-home-wrap {
    flex-direction: column-reverse;
    justify-content: center;
    align-items: center;
    height: auto;
    margin-bottom: 0;
    padding-left: 20px;
    padding-right: 20px;
    display: block;
  }

  .cta-text {
    width: auto;
  }

  .cta-wrap {
    width: auto;
    padding: 80px 50px 90px;
  }

  .home-section-wrap {
    margin-bottom: 60px;
  }

  .intro-text {
    width: auto;
  }

  .home-content-wrap {
    margin-bottom: 60px;
  }

  .about-grid {
    grid-row-gap: 50px;
    text-align: center;
    grid-template: "."
                   "."
                   / 1fr;
  }

  .about-grid.cc-about-2 {
    flex-direction: column;
    grid-template-columns: 1fr;
    grid-template-areas: "."
                         ".";
    display: flex;
  }

  .intro-header._2 {
    overflow: hidden;
  }

  .intro-header.illustration {
    background-position: 0 0, 50%, 0 0;
  }

  .intro-header.illustration.socialmedia {
    height: 300px;
  }

  .intro-header.illustration.socialmedia.illustra {
    background-image: linear-gradient(#191919 4%, #0000), linear-gradient(#0000, #0000), url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/600d8b5520228e77a0199245_118121994_340838330432652_7745819615344028064_n.jpg");
    background-position: 0 0, 0 0, 50%;
    background-size: auto, auto, auto;
    background-attachment: scroll, scroll, scroll;
  }

  .intro-header.illustration.socialmedia.branding {
    flex-direction: column;
  }

  .section-heading {
    text-align: left;
    justify-content: center;
    font-size: 2.5em;
  }

  .intro-content.cc-homepage {
    height: auto;
    margin-top: 164px;
    padding-left: 0;
    font-size: 14px;
    display: block;
  }

  .team-member-title-wrap {
    margin-bottom: 30px;
  }

  .team-members {
    grid-template: ". ."
                   ". ."
                   ". ."
                   / 1fr 1fr;
  }

  .image-71 {
    width: 357%;
    display: none;
    top: 160px;
  }

  .heading-21 {
    display: none;
  }

  .heading-22 {
    margin-top: 40px;
    margin-bottom: 10px;
    font-size: 25px;
  }

  .hero6-grid {
    grid-column-gap: 24px;
    grid-row-gap: 30px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    width: 100%;
    max-width: 738px;
  }

  .hero6 {
    padding-left: 0;
    padding-right: 0;
  }

  .hero6.fmhero {
    margin-top: 0;
  }

  .hero6.cookedhero {
    background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/600d8b5520228e91b7199296_AAAA.png"), none;
    background-position: 50% 100%, 50%;
    margin-top: 0;
  }

  .hero6.herosh {
    margin-top: 0;
  }

  .hero6.hrbrrand {
    background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/60a274fb03642f683a45cbe6_bannerHR-Behance-1.png");
    background-position: 50%;
    height: 450px;
    min-height: auto;
  }

  .hero6.ttet {
    background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/6169590c2f8854e6b24056cd_Screen%20Shot%202020-01-20%20at%2019.49.32.png");
    background-position: 50%;
    background-size: contain;
  }

  .hero6.exposingdeviance {
    min-height: 400px;
  }

  .section-22 {
    padding-left: 24px;
    padding-right: 24px;
  }

  .paragraph-70 {
    width: 100%;
    margin-top: 40px;
    padding-left: 40px;
    font-size: 12px;
  }

  .content4-headline-wrap {
    width: auto;
  }

  .content4-grid {
    grid-column-gap: 24px;
    grid-row-gap: 30px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    width: 100%;
    max-width: 738px;
    padding-left: 20px;
  }

  .button-large-2 {
    width: 100%;
  }

  .button-large-2.outline-button-large {
    margin-top: 0;
  }

  .button-large-2.outline-button-large.whatif {
    padding-left: 20px;
    padding-right: 20px;
  }

  .size1-text-2.size1-top-clear {
    width: 100%;
    font-size: 30px;
  }

  .wrapper.m100.cookedhide {
    display: none;
  }

  .wrapper.m0-100 {
    height: 100%;
    padding-bottom: 60px;
    overflow: visible;
  }

  .home1-deco-part {
    height: 260px;
  }

  .hero-with-background-wrap {
    flex-direction: column;
    display: flex;
  }

  .hero-with-background-wrap.hero2-wrap {
    flex-direction: column;
    padding-left: 24px;
    padding-right: 24px;
    position: static;
  }

  .div-block-58 {
    height: 500px;
  }

  .div-block-58._59 {
    height: auto;
  }

  .div-block-58._59.cooked59 {
    height: 500px;
  }

  .div-block-58.hr2020div2 {
    background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/6032f7ef01b95675871a67b8_Hugh%20Rice%20mockup2.png"), linear-gradient(#000000e6, #000000e6);
    background-position: 50%, 0 0;
    background-repeat: no-repeat, repeat;
    background-size: contain, auto;
    height: 500px;
    display: block;
  }

  .div-block-58.fm58 {
    height: 600px;
  }

  .div-block-58.fm59, .div-block-58.fm62 {
    height: 500px;
  }

  .div-block-58.cooked58 {
    background-size: cover;
    height: 500px;
  }

  .div-block-58.sh64 {
    height: auto;
  }

  .div-block-58.sh59 {
    height: 700px;
  }

  .div-block-58.sh78, .div-block-58.sh58 {
    height: 500px;
  }

  .div-block-58.sh58.hidemob {
    display: block;
  }

  .div-block-58.sh62, .div-block-58.sh65 {
    height: 500px;
  }

  .div-block-58.oo65 {
    height: 400px;
  }

  .div-block-58.oos62 {
    height: 900px;
  }

  .div-block-58.s62 {
    height: 500px;
  }

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

  .div-block-58._5265 {
    height: auto;
  }

  .div-block-58._56263 {
    height: 400px;
  }

  .div-block-58.nada {
    height: auto;
  }

  .hero2-content {
    max-width: 738px;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .hero2-title {
    padding: 47px 0 20px;
  }

  .grid-2 {
    grid-template-rows: auto auto;
    grid-template-columns: 1.25fr;
    justify-content: space-around;
    place-items: stretch center;
  }

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

  .grid-2.rightlarge.new {
    grid-template-columns: 2fr;
  }

  .grid-2.leftlarge {
    grid-template-rows: auto auto;
    grid-template-columns: 1.75fr;
    margin-left: 140px;
    margin-right: 140px;
  }

  .divblock69 {
    background-position: 50% 100%;
    background-attachment: scroll;
  }

  .div-block-68.cooked.hr {
    height: 500px;
  }

  .blog-preview-wrap {
    text-align: center;
    width: 80%;
    padding-right: 15px;
  }

  .collection-wrap {
    flex-flow: column;
    align-items: center;
    margin-left: 0;
    margin-right: 0;
  }

  .blog-item {
    width: 80%;
  }

  .blog-summary-wrap {
    width: 100%;
  }

  .paragraph-light-2 {
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 20px;
    line-height: 25px;
  }

  .paragraph-light-2.smallerblogad.img-description {
    font-size: 8px;
    line-height: 10px;
  }

  .button-2 {
    justify-content: center;
  }

  .social-wrapper-footer-white {
    justify-content: flex-start;
    margin-bottom: 40px;
  }

  .column {
    display: none;
  }

  .row-6 {
    justify-content: space-between;
  }

  .div-block-28 {
    width: 90%;
    min-width: auto;
  }

  .column-15 {
    padding-left: 0;
    padding-right: 0;
  }

  .brand-5 {
    padding-top: 14px;
    padding-left: 20px;
  }

  .brand-5.footer {
    justify-content: flex-start;
  }

  .column-16 {
    display: none;
  }

  .style-cards {
    width: 80%;
    margin-bottom: 30px;
    margin-left: 0;
    margin-right: 0;
  }

  .subheader-paragraph {
    text-align: left;
    margin-bottom: 20px;
  }

  .style-wrapper-row {
    flex-direction: column;
    align-items: center;
    margin-top: 70px;
    margin-bottom: 0;
  }

  .main-features {
    overflow: hidden;
  }

  .casestudies {
    padding-bottom: 100px;
    overflow: hidden;
  }

  .image-90 {
    display: block;
  }

  .image-90.waro {
    width: auto;
  }

  .heading-24 {
    color: var(--black);
    margin-bottom: 40px;
    font-size: 35px;
    line-height: 40px;
  }

  .grid-4 {
    flex-direction: column;
    justify-items: center;
    display: flex;
  }

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

  .div-block-281 {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding-left: 0;
  }

  .div-block-283 {
    flex-direction: column-reverse;
    align-items: flex-start;
    display: flex;
  }

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

  .image-59 {
    width: 80%;
  }

  .home1-deco-part-2 {
    height: 260px;
  }

  .home1-deco-part-2.cookedlilthing {
    display: none;
  }

  .section-26 {
    padding-left: 24px;
    padding-right: 24px;
  }

  .image-58 {
    width: 60%;
  }

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

  .image-60 {
    width: 50%;
  }

  .contactdiv1 {
    width: auto;
    padding: 30px 30px 40px;
    position: relative;
    left: -21px;
  }

  .navbar {
    display: block;
    overflow: visible;
  }

  .image-2 {
    max-width: 40%;
    margin-top: 30px;
    margin-bottom: 30px;
    display: block;
  }

  .icon {
    width: 150%;
  }

  .heading-25.black {
    border-left-color: #0000;
    height: 82%;
  }

  .left-navigation {
    float: none;
    width: 100%;
    height: auto;
    position: relative;
    inset: 0 0 auto;
  }

  .logo-link-2 {
    float: left;
    margin-top: 14px;
    margin-bottom: 0;
    margin-left: 10px;
  }

  .logo-link-2.w--current {
    max-height: 200px;
  }

  .nav-menu-2 {
    background-color: #49647b;
  }

  .nav-link {
    text-align: left;
    padding-left: 13px;
  }

  .hamburger-button {
    color: #fff;
  }

  .hamburger-button.w--open {
    background-color: #cf404d;
  }

  .social-footer {
    display: inline-block;
    position: absolute;
  }

  .image-91 {
    object-fit: contain;
    max-height: 200px;
    display: block;
  }

  .hollow-button {
    border-color: var(--white);
    color: var(--white);
    font-weight: 600;
    transition-property: none;
  }

  .hollow-button.white {
    border-style: solid;
    transition-property: none;
  }

  .hollow-button.white:hover {
    border-color: var(--black-2);
    background-color: var(--black);
    opacity: 1;
  }

  .section-5 {
    margin-top: 100px;
  }

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

  .return-portfolio {
    justify-content: center;
    margin-top: 40px;
  }

  .heading-31 {
    margin-top: 40px;
  }

  .div-block-579 {
    margin-top: 0;
  }

  .column-17 {
    align-items: center;
    margin-top: 40px;
  }

  .content-wrapper {
    margin-left: 300px;
    padding: 30px;
  }

  .white-bg-heading {
    margin-bottom: 20px;
  }

  .intro-header-copy._2 {
    overflow: hidden;
  }

  .intro-header-copy.illustration {
    background-position: 0 0, 50%, 0 0;
  }

  .panel._1 {
    display: block;
  }

  .panel._2, .panel._3, .panel._6 {
    display: flex;
  }

  .panel._7 {
    flex-direction: column;
    align-items: center;
    padding-left: 0%;
    display: flex;
  }

  .panel.cocozilla {
    display: flex;
  }

  .panel.bottom-footer {
    height: 80vh;
  }

  .contactdiv1-2 {
    width: auto;
    padding: 30px 50px 40px;
  }

  .button-4 {
    justify-content: center;
    margin-top: 40px;
  }

  .paragraph-light-3 {
    text-align: left;
    font-size: 15px;
    line-height: 20px;
  }

  .small-paragraph-2 {
    margin-bottom: 5px;
    padding-right: 0;
  }

  .social-wrapper-footer-white-2 {
    justify-content: flex-start;
    margin-bottom: 40px;
  }

  .heading-jumbo-2 {
    margin-bottom: 40px;
    font-size: 40px;
    line-height: 40px;
  }

  .left-navigation-2 {
    float: none;
    width: 100%;
    height: auto;
    position: relative;
    inset: 0 0 auto;
  }

  .container-352 {
    flex-direction: row;
    justify-content: space-around;
    align-items: flex-start;
    display: block;
  }

  .section-36 {
    justify-content: flex-end;
    padding-right: 20px;
  }

  .footernewhome {
    margin-right: 0;
  }

  .text-block-18, .text-block-18._9c {
    font-size: 6px;
  }

  .image-96 {
    padding: 10px;
  }

  .container-353 {
    max-width: 100vw;
    height: auto;
    padding-left: 40px;
    padding-right: 40px;
    overflow: visible;
  }

  .button-5 {
    justify-content: center;
    margin-top: 40px;
  }

  .paragraph-light-4 {
    text-align: left;
    font-size: 15px;
    line-height: 20px;
  }

  .background-video-2 {
    height: 500px;
  }

  .div-block-602 {
    flex-direction: row;
  }

  .div-block-603.symbool {
    height: auto;
    padding-top: 100px;
  }

  .image-97 {
    width: 20px;
  }

  .notpanel.coked {
    display: none;
  }

  .image-98 {
    margin-bottom: 40px;
  }

  .grid1-2 {
    justify-content: center;
    justify-items: stretch;
    margin-bottom: 20px;
    display: flex;
  }

  .divblock70-2 {
    width: 200px;
    height: 350px;
    margin-bottom: 20px;
  }

  .divblock70-2.martina {
    width: 200px;
    height: 350px;
    margin-top: 0;
  }

  .divblock70-2.drum, .divblock70-2.m2m8, .divblock70-2.tmb, .divblock70-2.encounters {
    width: 200px;
    height: 350px;
  }

  .heading-37 {
    font-size: 40px;
    line-height: 40px;
  }

  .portfolio.mainpage {
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .portsquaretitle {
    font-size: 20px;
    line-height: 25px;
  }

  .seemore.center {
    margin-top: 0;
  }

  .yodadiv1-2 {
    height: 350px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .yodadiv1-2.w--current {
    height: auto;
  }

  .column-21 {
    padding-left: 40px;
  }

  .div-block-612 {
    flex-direction: row-reverse;
  }

  .fadedivblock1 {
    min-width: 500px;
    max-width: 500px;
  }

  .image-17 {
    max-width: 70%;
    margin-top: 60px;
  }

  .image-17.contact {
    max-width: 60%;
  }

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

  .homepage111 {
    display: block;
  }

  .div-block-605-copy {
    padding-left: 20px;
    padding-right: 10px;
    display: flex;
  }

  .sidepage-copy {
    width: 50vw;
    display: none;
  }

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

  .link-block-22 {
    width: 500px;
  }

  .sidepagemini {
    width: 50vw;
    display: none;
  }

  .buttonlink1 {
    border: 3px solid var(--white);
    color: var(--white);
    text-align: left;
    border-radius: 3px;
    width: 200px;
    height: 20px;
    text-decoration: none;
    transition-property: none;
    display: flex;
  }

  .homepage111mob {
    display: block;
  }

  .mobpan._1, .mobpan._2, .mobpan._3, .mobpan._6 {
    display: none;
  }

  .mobpan.cocozilla {
    background-image: linear-gradient(#242424cc, #242424cc), url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/600d8b5520228e5c64199215_Cocozilla5.jpg");
    background-position: 0 0, 0 0;
    background-size: auto, cover;
    background-attachment: scroll, fixed;
    display: none;
  }

  .div-block-596-mob.mob {
    display: none;
  }

  .intro-text-mob {
    width: auto;
  }

  .heading-jumbo-mob {
    font-size: 56px;
    line-height: 70px;
  }

  .heading-jumbo-mob.mainheaderhero {
    max-width: 70vw;
    font-size: 40px;
    line-height: 50px;
  }

  .paragraph-bigger-mob.cc-bigger-white-light {
    max-width: 70vw;
  }

  .div-block-288-mob.yodamob {
    background-image: linear-gradient(#63bbb4a3, #63bbb4a3), url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/600d8b5520228e2e421992be_pexels-cdc-3992949.jpg");
    background-position: 0 0, 50%;
    background-size: auto, cover;
  }

  .buttonlink1mob {
    border: 3px solid var(--white);
    color: var(--white);
    text-align: left;
    border-radius: 3px;
    width: 200px;
    height: 20px;
    margin-bottom: 20px;
    padding-bottom: 40px;
    text-decoration: none;
    transition-property: none;
    display: block;
  }

  .heading-jumbo-copy {
    font-size: 56px;
    line-height: 70px;
  }

  .container-360 {
    left: -163px;
  }

  .section-41 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .div-block-616 {
    align-items: center;
  }

  .small-paragraph-3 {
    margin-bottom: 5px;
    padding-right: 0;
    font-size: 11px;
  }

  .column-22 {
    align-items: center;
  }

  .column-23 {
    margin-top: 40px;
    display: none;
  }

  .row-7 {
    flex-direction: column;
    align-items: center;
    position: relative;
    left: 22px;
  }

  .div-block-617 {
    width: 90%;
    min-width: auto;
  }

  .column-24 {
    display: none;
  }

  .image-103 {
    width: 130%;
  }

  .intro-text-2 {
    width: auto;
    max-width: 65vw;
  }

  .image-105 {
    display: none;
  }

  .image-106 {
    width: 50px;
  }

  .small-paragraph-4 {
    margin-bottom: 5px;
    padding-right: 0;
  }

  .column-25 {
    align-items: center;
    margin-top: 40px;
    padding-left: 0;
  }

  .column-26 {
    align-items: center;
  }

  .column-27 {
    display: none;
  }

  .row-8 {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }

  .div-block-620 {
    width: 90%;
    min-width: auto;
  }

  .column-28 {
    display: none;
  }

  .container-363 {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .container-365 {
    display: flex;
  }

  .text-block-21 {
    margin-bottom: 40px;
  }

  .smeipintro {
    padding-bottom: 40px;
  }

  .div-block-626 {
    margin-left: 60px;
    margin-right: 20px;
  }

  .heading-44 {
    font-size: 25px;
  }

  .paragraph-73 {
    padding-right: 20px;
  }

  .paragraph-73.left {
    margin-top: 0;
  }

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

  .container-370 {
    padding: 40px;
  }

  .media1 {
    object-fit: scale-down;
  }

  .textcolumn {
    padding-right: 60px;
    left: -93px;
  }

  .fallguy4.under {
    display: none;
  }

  .fallguy4.kid {
    top: 78px;
    left: -142px;
  }

  .fallguy4.movement {
    top: -73px;
  }

  .hero-2 {
    height: 100vh;
    margin-top: 0;
    display: none;
    position: relative;
    top: 0;
    overflow: hidden;
  }

  .fallguy {
    top: 531px;
    left: 284px;
  }

  .fallguy.bubble {
    opacity: .59;
    left: 557px;
  }

  .heading-49 {
    margin-top: 40px;
    margin-bottom: 10px;
    font-size: 25px;
  }

  .womanfallimg {
    width: auto;
    top: 208px;
    bottom: -60px;
    left: -647px;
  }

  .fallguy2 {
    top: 340px;
    left: -246px;
  }

  .fallguys {
    padding-left: 60px;
    padding-right: 60px;
    left: 455px;
  }

  .div-block-62 {
    padding-top: 0;
    left: 4px;
  }

  ._3rd-section {
    display: none;
  }

  .testimonials {
    padding-left: 40px;
    padding-right: 40px;
  }

  .div-block-32, .contact-headline-2 {
    width: 100%;
  }

  .contactyo {
    width: 100vw;
    height: 1000px;
    margin-top: -481px;
    margin-right: 0;
    padding-left: 40px;
    padding-right: 40px;
    display: block;
  }

  .contact-form-grid-2 {
    grid-template-columns: 5.25fr 4.75fr;
    align-content: space-around;
  }

  .button-11 {
    justify-content: center;
    width: auto;
  }

  .paragraph-light-5 {
    text-align: left;
    width: 60%;
  }

  .contact-2 {
    width: 80%;
    margin-top: 0;
    margin-left: 40px;
    margin-right: 20px;
    padding: 140px 40px 40px 0;
    left: 13px;
  }

  .ourservices {
    padding-left: 40px;
    padding-right: 40px;
  }

  .image-128 {
    left: 15px;
  }

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

  .overflowhiddenmask {
    top: 133px;
  }

  .overflowhiddenmask.portfoliotablet2 {
    top: -200px;
    left: 700px;
  }

  .portfolioparent {
    height: 150vh;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    padding-top: 10px;
    display: block;
    top: -690px;
    left: 0%;
    overflow: hidden;
  }

  .heading-51 {
    margin-top: 40px;
    margin-bottom: 10px;
    font-size: 25px;
  }

  .divblock6copy {
    margin-top: 171px;
    display: block;
    top: 0;
  }

  .heading-5 {
    display: none;
  }

  .homeprojecttitle {
    margin-bottom: 40px;
    margin-left: 20px;
  }

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

  .div-block-653 {
    width: 90%;
    margin-left: 60px;
    position: relative;
    left: -109px;
  }

  .div-block-653.potfolio {
    display: block;
    left: 8px;
  }

  .text-block-15 {
    width: 150%;
    margin-top: 40px;
    padding-top: 0;
  }

  .div-block-6 {
    height: 100%;
    margin-top: -2px;
    margin-bottom: 0;
    top: -27%;
    left: -13%;
  }

  .stickydivbg {
    position: relative;
    top: 81%;
    left: 76%;
  }

  .stickydivbg.ppv2 {
    height: 500px;
    top: 0%;
    left: -44%;
  }

  .horisontalscrollcontent {
    margin-top: 40px;
    margin-bottom: 0;
    padding-top: 79px;
    top: -638px;
    left: 387px;
  }

  .horisontalscrollcontent.pv2.ppscrollv2 {
    height: 800px;
    margin-top: 100px;
    top: -625px;
    left: -1022px;
    overflow: visible;
  }

  .column-38 {
    height: 200px;
    margin-top: -214px;
  }

  .heading-16 {
    margin-bottom: 20px;
    font-size: 35px;
    line-height: 40px;
  }

  .columns-10 {
    flex-flow: column wrap;
    justify-content: space-between;
    align-items: flex-end;
    display: flex;
    top: -378px;
    left: -463px;
  }

  .columns-10.portfolio-col {
    top: -450px;
  }

  .block._4 {
    width: 300px;
    height: 250px;
  }

  .block._4.p3, .block._4.p3.ppv26 {
    height: 250px;
  }

  .block._4.ppv24 {
    width: 300px;
    height: 250px;
  }

  .block._4.b2, .block._4.b2.ppv25 {
    height: 250px;
  }

  .clientscrollerwrap {
    display: none;
  }

  .clientscroller {
    padding-left: 40px;
    padding-right: 40px;
  }

  .div-block-655 {
    width: 300px;
    height: 300px;
    margin-top: 103px;
    margin-left: 35px;
  }

  .container-375 {
    align-items: center;
  }

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

  .div-block-657.hide {
    display: none;
  }

  .columns-11 {
    padding-left: 40px;
    padding-right: 40px;
    display: flex;
  }

  .grid-14 {
    grid-template-columns: 1fr 1fr 1fr 1fr;
    margin-top: 20px;
    margin-bottom: 20px;
    display: block;
  }

  .grid-15 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    place-items: center;
    margin-top: 20px;
    margin-bottom: 40px;
    display: grid;
  }

  .column-39 {
    left: -32px;
  }

  .section-57 {
    padding-left: 40px;
    padding-right: 40px;
  }

  .beauty-posts-section {
    padding-top: 40px;
  }

  .container-378.blog-posts {
    flex-direction: column;
    align-items: center;
  }

  .beauty-collection-list-wrapper {
    margin-bottom: 0;
  }

  .beauty-collection-list, .beauty-collection-list.two-cards {
    grid-template-columns: 1fr;
  }

  .post-section, .post-section.layout-one {
    padding-top: 40px;
  }

  .section-60.intro {
    margin-top: -13px;
  }

  .feature-image.oter {
    width: 350px;
    display: none;
    left: 37px;
  }

  .feature-image.right {
    margin-left: -62px;
  }

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

  .wrapper-2.hero {
    margin-top: -44px;
    padding-top: 0;
  }

  .feature-dec.left {
    margin-left: 38px;
  }

  .feature-dec.right {
    padding-right: 32px;
  }

  .heading-center {
    margin-bottom: 74px;
    padding-left: 88px;
    padding-right: 88px;
  }

  .heading-center.footer {
    padding-left: 45px;
    padding-right: 45px;
  }

  .blog-posts-wrapper {
    width: 100%;
    margin-bottom: 80px;
  }

  .author-card-wrapper {
    margin-bottom: 40px;
    position: relative;
    top: 0;
  }

  .blog-section {
    padding-top: 40px;
    padding-bottom: 0;
  }

  .nav-link-2 {
    border-top-style: none;
    border-bottom-width: 1px;
    border-bottom-color: #decdb4;
    border-left-style: none;
    border-right-style: none;
    border-radius: 0;
    margin-right: 0;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .nav-link-2:hover {
    border-width: 1px;
    border-top-style: none;
    border-left-style: none;
    border-right-style: none;
    border-radius: 0;
  }

  .nav-link-2.last {
    border: 1px #000;
  }

  .nav-menu-3 {
    background-color: #fff;
    border-bottom-right-radius: 30px;
    border-bottom-left-radius: 30px;
    box-shadow: 0 8px 8px #3336;
  }

  .navbar-4 {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .dropdown-link, .dropdown-link:hover {
    border-style: none;
  }

  .dropdown-list.w--open {
    box-shadow: none;
  }

  .footer-wrapper {
    grid-row-gap: 40px;
    grid-template-columns: 1fr 1fr;
  }

  .menu-button-3 {
    background-color: #0000;
    border: 2px solid #decdb4;
    border-radius: 10px;
    padding: 10px;
  }

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

  .logo {
    width: 80px;
  }

  .beauty-card-wrapper, .beauty-card-wrapper-2 {
    margin-bottom: 60px;
  }

  .section-62 {
    display: none;
  }

  .calculator-slide-block {
    grid-template-rows: auto auto auto auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .field-label-12.solid {
    float: none;
    display: block;
  }

  .calculator-form {
    padding-left: 20px;
    padding-right: 20px;
  }

  .ui-slider-handle {
    border-radius: 60px;
    transition: box-shadow .2s ease-in-out, background-color .2s ease-in-out, height .2s ease-in-out, width .2s ease-in-out;
  }

  .ui-slider-handle:hover {
    background-color: #f7941e;
    border-radius: 60px;
    width: 40px;
    height: 40px;
    top: -400%;
    box-shadow: 0 2px 4px -3px #000;
  }

  .header-2 {
    padding-left: 100px;
    padding-right: 100px;
  }

  .headimg {
    top: -45%;
    left: -14%;
  }

  .headimg._2 {
    bottom: -26%;
    right: -11%;
  }

  .image {
    width: 430px;
  }

  .mask-2 {
    height: 540px;
  }

  .slide-13 {
    margin-left: 0;
  }

  .slider-5 {
    height: 540px;
  }

  .more-features {
    padding-right: 0;
  }

  .image-3 {
    margin-top: -120px;
  }

  .nav-progress-indicator {
    display: none;
  }

  .brand-wrapper {
    width: auto;
    margin-top: 0;
  }

  .nav-links-wrapper {
    display: none;
  }

  .navbar-container-2 {
    flex-direction: row;
    padding-left: 6vw;
    padding-right: 6vw;
  }

  .nav-link-3 {
    transform: none;
  }

  .nav-main-toggle {
    width: auto;
    padding: .6em 0;
  }

  .main-navbar {
    border-bottom: 1px solid #fff8df3b;
    border-right-width: 0;
    width: 100%;
    height: 6em;
    inset: 0% 0% auto;
  }

  .fake-logo {
    height: 3.5em;
  }

  .nav-background {
    display: none;
  }

  .footer-3 {
    padding: 0;
  }

  .section-tutorial {
    border-top: 1px solid #d4d4d4;
  }

  .page-wrapper-2 {
    padding-left: 0;
  }

  .div-block-671 {
    padding-top: 0;
    left: 4px;
  }

  .div-block-672 {
    width: 300px;
    height: 300px;
    margin-top: 103px;
    margin-left: 35px;
  }

  .toggle-wrapper {
    display: none;
  }

  .photosection {
    width: auto;
    max-width: none;
    height: auto;
    margin-top: 0;
  }

  .navbar-7 {
    flex-flow: row;
    justify-content: center;
    align-items: center;
    width: 100vw;
    height: auto;
    padding-top: 10px;
    display: flex;
  }

  .navbar-container-4 {
    border-bottom-width: 0;
    flex-flow: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    max-width: none;
    padding: 0;
  }

  .namehoverwrap {
    height: auto;
  }

  .nav-link-8:active {
    background-color: #e7e7e7;
  }

  .nav-menu-5 {
    background-color: #f0f0f0;
  }

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

  .div-block-698 {
    width: 100%;
    margin-top: 60px;
  }

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

  .commercial {
    align-items: flex-end;
    height: auto;
    margin-top: 0;
    padding-left: 0;
  }

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

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

  .image-160 {
    min-width: 300px;
    max-width: 300px;
  }

  .social-wrapper.about {
    justify-content: space-between;
    margin-top: 30px;
    margin-bottom: 30px;
  }

  .social-icon-wrapper.about {
    background-color: #ffd3d0;
  }

  .text-block-38 {
    display: none;
  }

  .about-wrapper {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    display: block;
  }

  .about-image-wrapper {
    width: 60%;
    margin-bottom: 20px;
    position: relative;
  }

  .about-left-wrapper {
    object-position: 0% 100%;
    justify-content: flex-start;
  }

  .about-image {
    height: 400px;
  }

  .about-top-section-2 {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .image-161 {
    max-width: 125px;
    margin-top: 0;
  }

  .after_mobile, .before_mobile {
    width: 95vw;
  }

  .after {
    background-image: none;
  }

  .before {
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto;
    background-attachment: scroll;
  }

  .fif {
    width: 500px;
  }

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

  .container-386 {
    display: flex;
  }

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

  .text-block-39, .div-block-701 {
    display: none;
  }

  .nav-link-10:active {
    background-color: #e7e7e7;
  }

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

  .image-165 {
    max-width: 125px;
    margin-top: 0;
  }

  .navbar-container-6 {
    border-bottom-width: 0;
    flex-flow: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    max-width: none;
    padding: 0;
  }

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

  .image-166 {
    min-width: 300px;
    max-width: 300px;
  }

  .container-387 {
    display: flex;
  }

  .div-block-703 {
    width: 100%;
    margin-top: 60px;
  }

  .nav-menu-7 {
    background-color: #f0f0f0;
  }

  .navbar-9 {
    flex-flow: row;
    justify-content: center;
    align-items: center;
    width: 100vw;
    height: auto;
    padding-top: 10px;
    display: flex;
  }

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

  .text-block-40 {
    display: none;
  }

  .text-block-40.leftalign {
    text-align: center;
    display: block;
  }

  .text-block-40.undhidenavtext {
    width: 50%;
    font-size: 14px;
    line-height: 21px;
    display: block;
  }

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

  .nav-link-11:active {
    background-color: #e7e7e7;
  }

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

  .image-168 {
    max-width: 125px;
    margin-top: 0;
  }

  .navbar-container-7 {
    border-bottom-width: 0;
    flex-flow: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    max-width: none;
    padding: 0;
  }

  .heading-58 {
    text-align: center;
    margin-top: 20px;
  }

  .image-169 {
    min-width: 300px;
    max-width: 300px;
  }

  .container-388 {
    display: flex;
  }

  .div-block-706 {
    width: 100%;
    margin-top: 60px;
  }

  .nav-menu-8 {
    background-color: #f0f0f0;
    padding-bottom: 20px;
  }

  .navbar-10 {
    flex-flow: row;
    justify-content: center;
    align-items: center;
    width: 100vw;
    height: auto;
    padding-top: 10px;
    display: flex;
  }

  .container-389 {
    max-width: 728px;
  }

  .testimonial-slider-left {
    left: -20px;
  }

  .testimonial-slider-right {
    right: -20px;
  }

  .testimonial-grid-two {
    grid-column-gap: 30px;
  }

  .testimonial-info-three {
    flex-direction: column;
  }

  .tlc-small-head {
    line-height: 26px;
  }

  .ts-block {
    flex-flow: column wrap;
    justify-content: center;
    align-items: center;
    margin-top: -150px;
  }

  .tlc-head {
    font-size: 50px;
    line-height: 56px;
  }

  .container-390 {
    padding-left: 30px;
    padding-right: 30px;
  }

  .tsr-left.infinite-scroll-1 {
    background-color: #0000;
    height: 100%;
  }

  .tlc-line {
    display: none;
  }

  .ts-card {
    overflow: visible;
  }

  .ts-right {
    margin-top: 20px;
    padding-left: 0;
  }

  .tlc-head-block {
    justify-content: center;
    align-items: center;
  }

  .ts-left-content {
    text-align: center;
    position: relative;
  }

  .container-392 {
    height: auto;
  }

  .div-block-709 {
    flex-flow: column;
    margin-bottom: 0;
  }

  .image-171 {
    max-width: 150px;
    margin-bottom: 40px;
  }

  .section-67 {
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-top: 0;
    display: flex;
  }

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

  .div-block-711 {
    width: 60%;
  }

  .container-393 {
    margin-top: 0;
  }

  .div-block-712 {
    margin-top: 40px;
    padding: 20px 20px 0;
  }

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

  .marqueesection {
    width: 100vw;
    padding-top: 40px;
  }

  .quick-stack {
    width: 100vw;
    min-width: 100vw;
  }

  .marqueewrplogo {
    width: 100vw;
  }

  .brix---testimonial-v9-twitter-icon {
    grid-column-gap: 10px;
  }

  .brix---twitter-icon-wrapper {
    width: 100%;
  }

  .brix---grid-3-columns {
    grid-template-columns: 1fr 1fr;
  }

  .brix---btn-primary {
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .brix---buttons-row-right---t-left {
    justify-content: flex-start;
  }

  .brix---heading-h2-size {
    font-size: 30px;
    line-height: 46px;
  }

  .brix---grid-top---text-2-buttons {
    grid-row-gap: 24px;
    grid-template-columns: .7fr;
  }

  .brix---section {
    width: 100%;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .brix---mg-bottom-32px {
    margin-bottom: 24px;
  }

  .brix---heading-h4-size {
    font-size: 22px;
    line-height: 32px;
  }

  .brix---card-testimonial-v2 {
    justify-content: space-between;
    align-items: center;
    width: 60%;
  }

  .brix---3-columns-1-col-tablet {
    flex-flow: column;
    grid-template-columns: 1fr;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .brix---mg-bottom-48px {
    margin-bottom: 40px;
  }

  .image-173.mobnav {
    display: block;
  }

  .link-block-45 {
    display: none;
  }

  .container-395 {
    width: 100%;
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .label-heading {
    font-size: calc(.5vw + .75rem);
    display: none;
  }

  .section-68 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .paragraph-18 {
    width: auto;
    padding-right: 0;
    font-size: 14px;
  }

  .paragraph-18.blak {
    width: auto;
  }

  .project-link-wrapper {
    width: 300px;
    height: 400px;
    margin-bottom: 40px;
    display: block;
    position: static;
  }

  .project-link-wrapper.project-even {
    height: 100%;
    margin-bottom: 0;
    display: flex;
    position: static;
  }

  .project-link-wrapper.hidemob {
    display: none;
  }

  .project-background-image {
    box-sizing: border-box;
    aspect-ratio: auto;
    object-fit: cover;
    width: 300px;
    height: 400px;
    min-height: auto;
    max-height: 400px;
    margin-bottom: auto;
    overflow: hidden;
  }

  .grid---ratio-1x2 {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
    grid-template-rows: auto;
    grid-template-columns: 8fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .project-image-wrapper {
    width: auto;
    height: 450px;
    margin-top: 0;
    margin-bottom: 0;
    position: static;
  }

  .project-text-wrapper {
    margin-top: 0;
    margin-left: 20px;
    position: relative;
    inset: -20% 0% 0% auto;
  }

  .project-heading {
    text-align: left;
    margin-top: 0;
    font-size: 20px;
  }

  .project-grid {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    flex-flow: column;
    grid-template-columns: 1fr;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding-bottom: 0;
    display: flex;
  }

  .title-wrapper-sticky {
    justify-content: center;
    align-items: center;
    max-width: 100%;
    padding-left: 0;
    position: relative;
    top: 0;
  }

  .section-69 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .container-396 {
    width: 100%;
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .container-396.intro-container {
    width: 100%;
    min-width: auto;
    margin-top: 140px;
    padding-left: 4rem;
    padding-right: 4rem;
  }

  .label-5 {
    width: 100%;
    margin-bottom: 1rem;
    margin-left: 0;
  }

  .intro-text-white {
    margin-top: 20px;
    font-size: 1.5em;
  }

  .section-70 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .scrolling-logo-container {
    grid-column-gap: 2vw;
    padding-left: 2vw;
    padding-right: 2vw;
  }

  .scrolling-logo-wrapper {
    width: 10vw;
    max-height: 3vw;
  }

  .container-397 {
    width: 100%;
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .section-71 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .section-71.noline {
    padding-top: 0;
    padding-bottom: 0;
  }

  .section-71.noline.hibemob {
    display: none;
  }

  .section-71.noline.hidenomob {
    display: block;
  }

  .section-71.blackbg {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .skills-grid-2 {
    grid-template-columns: 1fr 1fr;
  }

  .primary-button-2 {
    padding: .75rem 1.25rem;
  }

  .awards-grid {
    width: 100vw;
  }

  .container-398 {
    width: 100%;
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .section-72 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .awards-links-wrapper {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    padding-left: 4rem;
    padding-right: 4rem;
    font-size: 1.4em;
    line-height: 1.3em;
  }

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

  .container-399 {
    max-width: 728px;
  }

  .navbar-wrapper-three {
    justify-content: space-between;
  }

  .navbar-brand-three {
    position: relative;
  }

  .nav-menu-wrapper-three {
    background-color: #0000;
    top: 70px;
  }

  .nav-menu-three {
    background-color: #fff;
    border-radius: 50px;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin-top: 10px;
    padding: 20px;
    display: flex;
    box-shadow: 0 8px 50px #0000000d;
  }

  .nav-link-12 {
    padding-left: 5px;
    padding-right: 5px;
  }

  .nav-dropdown-list.shadow-three.w--open {
    position: absolute;
  }

  .menu-button-9 {
    padding: 12px;
  }

  .menu-button-9.w--open {
    color: #fff;
    background-color: #a6b1bf;
  }

  .container-400 {
    width: 100%;
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .container-400.narrow {
    width: 80%;
    min-width: auto;
  }

  .section-73 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .quote-card {
    padding: 2rem;
  }

  .label-6 {
    font-size: calc(.5vw + .75rem);
  }

  .slide-nav-2 {
    font-size: 1.7vw;
  }

  .quote-profile-image-wrapper {
    width: 64px;
    height: 64px;
  }

  .nav-menu-9 {
    justify-content: space-between;
    align-items: flex-start;
  }

  .nav-menu-9.mininavxtent {
    background-color: #fff;
    border-bottom: 3px solid #000;
    padding: 0;
  }

  .nav-link-16 {
    text-align: left;
    margin-right: 40px;
  }

  .nav-link-16.mininavitem {
    background-color: #fff;
    border-bottom: 1px solid #000;
    margin-right: 0;
    padding-right: 20px;
  }

  .navbar-11 {
    width: 100vw;
    padding: 20px;
    display: block;
    position: absolute;
  }

  .text-block-45 {
    position: relative;
    top: -52px;
  }

  .page-padding.s0 {
    margin-top: 2rem;
    margin-bottom: 0;
  }

  .padding-vertical {
    padding-left: 0;
    padding-right: 0;
  }

  .logo-slider-img {
    object-fit: contain;
    width: 75px;
  }

  .logo-slider-img.logohidemob {
    display: none;
  }

  .section-logo {
    overflow: hidden;
  }

  .logo_component-slider {
    grid-column-gap: 3rem;
  }

  .brix---container-default-2 {
    padding-left: 0;
  }

  .brix---section-2 {
    grid-column-gap: 11px;
    grid-row-gap: 11px;
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    padding-top: 0;
    padding-bottom: 40px;
    padding-right: 0;
    display: block;
  }

  .brix---section-2.hidemob {
    display: none;
  }

  .brix---heading-h2-size-2 {
    font-size: 30px;
    line-height: 46px;
  }

  .brix---heading-h3-size {
    font-size: 22px;
    line-height: 32px;
  }

  .brix---testimonial-v3-image-wrapper {
    max-width: 310px;
  }

  .brix---btn-slider-arrow-right---top-left {
    inset: auto auto -90px 39.5%;
  }

  .brix---btn-slider-arrow-right---top-right {
    inset: auto 39.5% -90px auto;
  }

  .brix---card-content-testimonial-v3 {
    padding-left: 48px;
    padding-right: 48px;
  }

  .brix---slider-mask-testimonial-v3 {
    position: static;
  }

  .brix---mg-bottom-32px-2 {
    margin-bottom: 24px;
  }

  .brix---btn-primary-2 {
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .brix---heading-h1-size {
    font-size: 48px;
    line-height: 60px;
  }

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

  .brix---grid-2-columns-text {
    grid-row-gap: 60px;
    grid-template-columns: 1fr;
    display: flex;
  }

  .brix---section-3 {
    padding-top: 118px;
    padding-bottom: 118px;
  }

  .brix---image-wrapper-br-24px {
    border-radius: 20px;
  }

  .brix---grid-gallery-v5 {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .accordion-label.show-mvp {
    padding-left: 24px;
    padding-right: 24px;
    display: block;
    position: relative;
    top: auto;
    bottom: auto;
    left: auto;
  }

  .accordions {
    display: none;
  }

  .button-block-wrapper {
    width: 100%;
    margin-bottom: 24px;
    margin-left: 8px;
    margin-right: 8px;
  }

  .white-bubble-btn {
    display: none;
  }

  .big-background-text {
    margin-bottom: 0;
  }

  .big-background-text.home-about, .big-background-text.inro-guide, .big-background-text.steps {
    top: 5rem;
  }

  .moving-gallery-section {
    justify-content: center;
    align-items: flex-start;
  }

  .footer-columns {
    flex-flow: wrap;
    justify-content: space-between;
    padding-left: 0%;
    display: flex;
  }

  .collection-item.full-width {
    width: 100%;
  }

  .collection-item.full-width:nth-child(odd) {
    margin-right: 0;
  }

  .collection-item.full-width:nth-child(2n) {
    margin-left: 0;
  }

  .card-item.services-card {
    width: 40vw;
  }

  ._150-image-wrapper-inner {
    width: 200vw;
  }

  .footer-column {
    width: 300px;
    padding-right: 0%;
  }

  .home-hero-header {
    font-size: 4em;
  }

  .grid-2-columns.footer-top {
    width: 100%;
    padding-left: 29px;
    padding-right: 29px;
  }

  .lottie-arrow-wrap {
    top: 11.1rem;
  }

  .long-button {
    font-size: .9rem;
  }

  .action-banner {
    min-height: 600px;
  }

  .testimonial-slider-2 {
    max-width: 600px;
  }

  .step-wrap {
    width: 50%;
  }

  .paragraph-large {
    font-size: 1rem;
  }

  .testimonials-section {
    padding-top: 120px;
    padding-bottom: 120px;
  }

  .grid-wrapper-3 {
    grid-row-gap: 20px;
    grid-template-rows: 1fr;
  }

  .header-logo {
    top: 2.3rem;
    left: 2.3rem;
  }

  .misc-section {
    align-items: center;
    min-height: 100%;
    padding: 5% 0%;
    display: flex;
  }

  .showreel-info {
    padding-right: 160px;
  }

  .content-wrapper-2 {
    grid-row-gap: 60px;
    grid-template-columns: 1fr 1fr 1fr;
  }

  .section-button-wrapper {
    margin-top: 1.9rem;
  }

  .past-projects-section {
    padding-top: 120px;
    padding-bottom: 120px;
  }

  .content-grid {
    grid-row-gap: 0px;
    grid-template-columns: 1fr 1fr 1fr;
  }

  .home-cta-section {
    padding-top: 80px;
    padding-bottom: 0;
  }

  .services-home-section {
    padding-top: 140px;
    padding-bottom: 140px;
  }

  .grid-wrapper {
    grid-row-gap: 48px;
  }

  .project-grid-2, .project-grid-2.full-width {
    grid-row-gap: 80px;
  }

  .page-logo-2 {
    width: 5rem;
  }

  .bleh-img-link {
    width: 170px;
  }

  .section-header-wrapper {
    padding-right: 5.1rem;
  }

  .testimonial-text {
    font-size: 38px;
  }

  .scrolling-section {
    justify-content: flex-start;
    align-items: center;
  }

  .content-stacked {
    grid-row-gap: 80px;
  }

  .column-item {
    width: auto;
    height: 500px;
  }

  .column_number-line {
    background-color: #fff;
  }

  .staff-wrap {
    flex-direction: column;
  }

  .column_number-wrap {
    margin-bottom: 30px;
  }

  .heading-overflow {
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .big-split-header {
    margin-left: 0;
    font-size: 2.5rem;
  }

  .big-split-header.outline {
    margin-bottom: 0;
    font-size: 2.5rem;
    display: block;
  }

  .big-split-header.outline.biggbiguy, .big-split-header.hidemon {
    font-size: 3rem;
  }

  .big-split-header.extra {
    margin-left: 10px;
  }

  .small-accordion-section {
    padding-bottom: 0;
  }

  .small-accordion-header.with-icon {
    width: 75%;
  }

  .small-accordion-pane {
    width: 100%;
  }

  .small-accordion-item {
    width: 80vw;
    margin-bottom: 10px;
  }

  .large-header-wrap.invert.stacked {
    text-align: center;
    flex-flow: row;
    justify-content: center;
    align-items: center;
    width: 100vw;
    display: block;
  }

  .large-header-wrap.invert.illustrationhad {
    flex-flow: column;
  }

  .large-header-wrap.invert.stacked {
    text-align: center;
    flex-flow: row;
    justify-content: center;
    align-items: center;
  }

  .sticky-wrap {
    height: auto;
  }

  .media-wrapper {
    width: 100%;
    display: block;
    position: static;
  }

  .scroll-inner {
    flex-flow: row;
    width: 600vw;
    padding-left: 0%;
  }

  .scroll-inner.hidmoblowr {
    display: none;
  }

  .scroll-card {
    justify-content: flex-start;
    align-items: center;
    width: 50%;
    height: 100%;
    min-height: 100%;
    display: block;
    bottom: 0%;
  }

  .scroll-card.diffpadlft {
    justify-content: center;
    align-items: flex-start;
    width: 50%;
    height: 100%;
    min-height: auto;
    margin-left: 0;
  }

  .scroll-card.hidemob {
    display: none;
  }

  .image-175 {
    width: 100%;
    height: 300px;
    margin-bottom: 20px;
    overflow: hidden;
  }

  .lightbox-link-2 {
    height: auto;
  }

  .heading-61 {
    margin-top: 10px;
    font-size: 20px;
    position: static;
    top: -50px;
  }

  .heading-61.miniv {
    top: -32px;
  }

  .heading-61.miniv.secondhe {
    top: 29px;
  }

  .brix---mg-bottom-32px-3 {
    margin-bottom: 24px;
  }

  .brix---paragraph-large {
    font-size: 20px;
    line-height: 32px;
  }

  .brix---btn-primary-3 {
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .brix---heading-h2-size-3 {
    font-size: 30px;
    line-height: 46px;
  }

  .brix---grid-top---text-2-buttons-2 {
    grid-row-gap: 24px;
    grid-template-columns: .7fr;
  }

  .brix---buttons-row-right---t-left-2 {
    justify-content: flex-start;
  }

  .brix---slider-mask-width-1012px {
    position: static;
  }

  .brix---card-testimonial-v14 {
    flex-direction: column;
    padding-left: 32px;
  }

  .brix---testimonial-v14-left-side {
    margin-bottom: 36px;
    margin-right: 0;
  }

  .brix---testimonial-v14-left-right {
    max-width: 100%;
    padding-top: 46px;
    padding-bottom: 46px;
  }

  .brix---section-overflow-hidden {
    padding-top: 118px;
    padding-bottom: 118px;
  }

  .div-block-728 {
    width: 60%;
  }

  .masonry-grid {
    padding-left: 20px;
    padding-right: 20px;
  }

  .paragraph-2.expriencetext {
    text-align: center;
    padding-right: 0;
  }

  .container-401 {
    padding-bottom: 0;
    overflow: hidden;
  }

  .grid-item.text {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding-top: 0;
    display: flex;
  }

  .grid-item.is--buttom-2 {
    justify-content: center;
    align-items: center;
    width: 100%;
    padding-top: .5em;
    padding-bottom: 0;
    padding-left: 0;
    display: flex;
  }

  .grid-item.is--buttom-2.contactmodal {
    flex-flow: row;
  }

  .grid-item.is--buttom-2.hidemobbb {
    display: none;
  }

  .grid-item.is--buttom {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    display: flex;
  }

  .grid-item.is--buttom.modalversion {
    width: 100%;
    padding-top: 0;
  }

  .div_text {
    text-align: center;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .link-block-2 {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    margin-top: 40px;
    display: flex;
  }

  .text-contact {
    flex-flow: column;
    justify-content: flex-end;
    align-items: center;
    display: flex;
  }

  .grid-23 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    opacity: .4;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    place-items: center;
    width: 27em;
    height: 13.5em;
    display: grid;
  }

  .social_link.contactmodal {
    margin-left: 20px;
    margin-right: 20px;
  }

  .address-text {
    text-align: center;
    margin-right: 0;
  }

  .heading-62 {
    margin-bottom: 40px;
  }

  .pricay-policy {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .grid-24 {
    justify-content: center;
    align-items: center;
    display: block;
  }

  .grid-24.is--second {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

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

  .grid_desktop {
    display: none;
  }

  .div_mask {
    flex-flow: column;
    justify-content: center;
    align-items: center;
  }

  .spacing {
    height: 5em;
    display: none;
  }

  .section-76 {
    width: 100vw;
    overflow: hidden;
  }

  .div-block-730.contactmodal {
    flex-flow: row;
  }

  .div-block-731 {
    justify-content: space-between;
    align-items: center;
    width: 50%;
  }

  .container-402 {
    justify-content: center;
    align-items: center;
    padding: 0 20px;
  }

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

  .testimonialszz {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .testimonialszz.noline {
    padding-top: 60px;
    padding-bottom: 0;
    padding-left: 0;
  }

  .illustration {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .illustration.noline {
    padding-top: 0;
    padding-bottom: 0;
  }

  .illustration.hide {
    padding-top: .125rem;
  }

  .brix---section-4 {
    padding-top: 118px;
    padding-bottom: 118px;
  }

  .brix---grid-2-columns-text-2 {
    grid-row-gap: 60px;
    grid-template-columns: 1fr;
  }

  .title-wrapper-sticky-2 {
    justify-content: center;
    align-items: center;
    position: relative;
    top: 0;
  }

  .section-77 {
    padding-top: .125rem;
    padding-bottom: .125rem;
  }

  .label-heading-2 {
    flex: none;
    font-size: calc(.5vw + .75rem);
    display: none;
  }

  .container-406 {
    width: 100vw;
    max-width: none;
    padding: 0;
  }

  .big-split-header-2 {
    font-size: 5.5rem;
  }

  .grid---ratio-1x2-2 {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
    flex-flow: column;
    grid-template-columns: 8fr;
    display: flex;
  }

  .awards-title-2 {
    text-align: center;
  }

  .paragraph-81 {
    font-size: 1.1em;
  }

  .main-slider {
    height: 100vh;
  }

  .main-slider.desktop {
    display: none;
  }

  .main-slider.mobile {
    display: block;
  }

  .main-slider-nav-dots {
    background-image: linear-gradient(to top, #131313bf, #0000);
    display: block;
  }

  .c-funtext, .c-overlay-menu, .second-slider-container {
    display: none;
  }

  .main-slide-title {
    letter-spacing: 15px;
    font-size: 4.5em;
  }

  .c-slide-btn-loading {
    display: none;
  }

  .c-main-slide-content {
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .padding-section-large {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .slider_button {
    top: 53%;
  }

  .swiper.is-team {
    margin-top: 2rem;
  }

  .swiper-slide.is-team {
    min-width: 100%;
  }

  .gallery-slider {
    padding-bottom: 0;
  }

  .container-407 {
    max-width: 100%;
  }

  .gallery-wrapper {
    grid-template-columns: 1fr 1fr;
  }

  .gallery-slide {
    width: 100vw;
  }

  .gallery-slide-wrapper {
    width: 49%;
  }

  .gallery-slide-image {
    text-align: center;
    width: 300px;
    position: static;
  }

  .gallery-slider-left {
    left: -20px;
  }

  .gallery-slider-right {
    right: -20px;
  }

  .mask-5 {
    margin-left: auto;
    padding-left: 20px;
    padding-right: 20px;
  }

  .mini {
    padding-left: 20px;
    padding-right: 20px;
    display: none;
  }

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

  .circle-small {
    width: 31rem;
    height: 31rem;
  }

  .padding-global-no {
    padding-left: 0;
    padding-right: 0;
  }

  .blue_box-wrap {
    border-radius: 0;
  }

  .circle-large {
    width: 50rem;
    height: 50rem;
  }

  .margin-top {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .heading-style-h2 {
    font-size: 2rem;
  }

  .container-408 {
    max-width: 728px;
  }

  .testimonial-slider-left-2 {
    left: -20px;
  }

  .testimonial-slider-right-2 {
    right: -20px;
  }

  .container-409 {
    width: 100%;
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .container-410 {
    max-width: 100%;
  }

  .lightbox-link-5 {
    width: 300px;
    height: 100%;
    margin-right: 0;
    padding: 0;
  }

  .illustrationsction {
    padding-top: .125rem;
    padding-bottom: .125rem;
  }

  .mask-6 {
    margin-left: auto;
    padding-left: 20px;
    padding-right: 20px;
  }

  .image-180 {
    width: 400px;
    height: 350px;
  }

  .heading-title-wrap {
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .slide-19 {
    width: 300px;
    margin-right: 40px;
  }

  .title-grid {
    grid-auto-flow: column;
    justify-content: center;
    align-items: center;
    padding-bottom: 20px;
    display: flex;
  }

  .trustadvisor {
    display: flex;
  }

  .right-arrow-3 {
    left: 321px;
  }

  .left-arrow-4 {
    left: 68%;
  }

  .container-412 {
    max-width: 100vw;
  }

  .div-block-739 {
    grid-column-gap: 2px;
    grid-row-gap: 2px;
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: row;
    justify-content: center;
    place-items: start center;
    display: grid;
  }

  .awards {
    width: 100vw;
    padding-top: .125rem;
    padding-bottom: .125rem;
    position: static;
  }

  .container-413 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: row;
    display: flex;
  }

  .div-block-740 {
    height: auto;
    margin-bottom: 20px;
    display: flex;
  }

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

  .sticky-container {
    display: none;
  }

  .big-split-header-3 {
    margin-left: 0;
    font-size: 3rem;
  }

  .label-7 {
    width: 100%;
    margin-bottom: 1rem;
    margin-left: 0;
  }

  .scroll-inner-2 {
    flex-flow: row;
    width: 600vw;
  }

  .scroll-card-2 {
    width: 60vw;
    height: 61.8%;
    bottom: 0%;
  }

  .gallery_content {
    flex-direction: column;
    height: 40rem;
  }

  .gallery_block {
    width: 100%;
    height: 20%;
  }

  .gallery_block.bg-image-4 {
    background-position: 50%;
  }

  .gallery_block.bg-image-5 {
    background-position: 50% 40%;
  }

  .container-415 {
    width: 80%;
    max-width: 100%;
  }

  .div-block-744 {
    overflow: hidden;
  }

  .div-block-745 {
    width: 200%;
  }

  .container-416 {
    padding: 60px 20px 0;
  }

  .hero-heading-wrapper {
    width: 70%;
  }

  .hero-paragraph-wrapper {
    width: 70%;
    margin-top: 0;
  }

  .hero-grid {
    flex-flow: column;
    grid-template-columns: 1fr;
    padding-top: 100px;
    display: flex;
  }

  .content-section {
    height: auto;
    display: block;
  }

  .about-tab-content {
    min-height: 500px;
  }

  .home_work_component {
    align-items: flex-start;
    height: 22rem;
    overflow: scroll;
  }

  .spacer-xlarge {
    padding-top: 3.5rem;
  }

  .home-work_work-title-2 {
    font-size: 25px;
  }

  .padding-section-large-2 {
    margin-left: 0;
    margin-right: 0;
    padding-top: 3rem;
    padding-bottom: 4rem;
  }

  .banner-heading-top {
    font-size: 4rem;
  }

  .home-reviews_component {
    grid-template-columns: 1fr 1fr;
  }

  .margin-bottom, .banner-heading-wrapper {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .banner-heading-bottom {
    font-size: 4rem;
  }

  .home-services_tab-wrapper {
    padding: 3rem;
  }

  .home-services_button-list {
    width: 90%;
  }

  .slider-wrapper {
    margin-left: 65px;
    padding-top: 48px;
  }

  .grid-wrapper-4 {
    grid-template-columns: minmax(65px, 1fr) minmax(auto, 1400px) minmax(65px, 1fr);
  }

  .section-80 {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .location-card-slider {
    margin-left: -65px;
  }

  .location-mask {
    width: 70%;
  }

  .content-wrapper-5 {
    width: 70%;
    margin-left: -20px;
  }

  .padding-bottom {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .button-18 {
    justify-content: center;
  }

  .sticky-title-wrapper {
    width: 30%;
  }

  .section-82.with-divider {
    padding-top: 4rem;
  }

  .layout-12-column {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .paragraph-84 {
    margin-bottom: 0;
  }

  .popup-close {
    top: 5%;
    right: 5%;
  }

  .scrollbar.lack {
    padding-top: 60px;
  }

  .container-417 {
    max-width: 728px;
  }

  .nav-menu-wrapper {
    background-color: #0000;
  }

  .nav-menu-two {
    background-color: #fff;
    border-radius: 50px;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
    margin-top: 10px;
    padding: 20px;
    display: flex;
    box-shadow: 0 8px 50px #0000000d;
  }

  .nav-link-17 {
    padding-left: 5px;
    padding-right: 5px;
  }

  .nav-dropdown-list-2.shadow-three.w--open {
    position: absolute;
  }

  .menu-button-11 {
    padding: 12px;
  }

  .menu-button-11.w--open {
    color: #fff;
    background-color: #a6b1bf;
  }

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

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

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

@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;
    max-width: none;
  }

  .heading-jumbo {
    font-size: 50px;
    line-height: 64px;
  }

  .heading-jumbo.center {
    font-size: 30px;
  }

  .paragraph-light {
    margin-bottom: 0;
    padding-left: 10px;
  }

  .section {
    margin-left: 15px;
    margin-right: 15px;
  }

  .section.cc-contact {
    padding: 15px;
  }

  .button {
    display: block;
  }

  .paragraph-bigger {
    font-size: 16px;
    line-height: 28px;
  }

  .logo-link {
    padding-left: 0;
  }

  .navigation {
    padding: 20px 30px;
  }

  .work-experience-grid {
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .work-position-wrap {
    margin-bottom: 40px;
  }

  .project-name-link {
    font-size: 16px;
    line-height: 28px;
  }

  .text-field.cc-textarea {
    text-align: left;
  }

  .status-message.cc-no-data {
    width: 80%;
    max-width: 470px;
  }

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

  .about-head-text-wrap {
    width: 70%;
    max-width: 470px;
  }

  .skills-grid {
    grid-template-columns: 1fr;
    width: 70%;
    max-width: 470px;
  }

  .personal-features-grid, .social-media-heading {
    width: 70%;
    max-width: 470px;
  }

  .social-media-grid {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    grid-template-columns: 1fr 1fr;
  }

  .project-overview-grid {
    width: 80%;
    max-width: 470px;
    margin-top: 90px;
    margin-bottom: 95px;
  }

  .project-description-grid {
    width: 70%;
    max-width: 470px;
    margin-top: 90px;
    margin-bottom: 85px;
  }

  .detail-image {
    margin-bottom: 15px;
  }

  .email-section {
    width: 80%;
    max-width: 470px;
    margin-top: 120px;
    margin-bottom: 120px;
  }

  .email-link {
    font-size: 36px;
    line-height: 54px;
  }

  .utility-page-wrap {
    padding: 15px;
  }

  ._404-wrap {
    padding: 30px;
  }

  .horizontalcontnt {
    width: 200vh;
    margin-top: 100vh;
  }

  .heading-18 {
    font-size: 30px;
    line-height: 30px;
  }

  .heading-17 {
    font-size: 25px;
    line-height: 40px;
  }

  .div-block-65 {
    flex-direction: column;
    align-items: center;
    margin-top: 414px;
    margin-left: 114px;
    margin-right: 0;
    display: none;
  }

  .logo-image-2.cc-footer-logo {
    width: 60%;
    margin-top: 40px;
  }

  .small-paragraph {
    margin-right: 0;
    padding-right: 0;
  }

  .wrap {
    padding-left: 4%;
    padding-right: 4%;
  }

  .footer {
    margin-top: 100px;
  }

  .label-2.cc-footer-section-headline {
    margin-top: 40px;
  }

  .hero {
    margin-left: 15px;
    margin-right: 15px;
  }

  .hero.cc-cta {
    padding: 15px;
  }

  .hero.cc-store-home-wrap {
    margin: 0;
    padding-left: 20px;
  }

  .cta-wrap {
    padding-left: 30px;
    padding-right: 30px;
  }

  .home-section-wrap {
    padding-left: 0;
    padding-right: 20px;
  }

  .about-grid.cc-about-2 {
    padding-left: 0;
    padding-right: 20px;
    display: block;
  }

  .section-heading {
    text-align: left;
  }

  .intro-content {
    width: 80%;
  }

  .team-pic {
    height: 300px;
    margin-bottom: 30px;
  }

  .section-2 {
    margin-left: 15px;
    margin-right: 15px;
  }

  .teambody {
    font-size: 16px;
    line-height: 28px;
  }

  .heading-22 {
    font-size: 25px;
    line-height: 40px;
  }

  .hero6-grid {
    grid-column-gap: 20px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    max-width: none;
  }

  .sizejumbo-text {
    font-size: 34px;
    line-height: 42px;
  }

  .hero6 {
    min-height: 300px;
  }

  .hero6.exposingdeviance {
    min-height: 350px;
  }

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

  .paragraph-70 {
    margin-top: 20px;
    margin-bottom: 0;
    display: block;
  }

  .div-block-60 {
    margin-top: 40px;
    display: flex;
  }

  .content4-product-name-wrap {
    width: 100%;
    margin-bottom: -30px;
  }

  .content4-grid {
    grid-column-gap: 20px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    max-width: none;
  }

  .size1-text-2 {
    font-size: 34px;
    line-height: 42px;
  }

  .size1-text-2.size1-top-clear {
    margin-bottom: 0;
  }

  .wrapper.m100 {
    padding-top: 60px;
    display: block;
  }

  .hero-with-background-wrap.hero2-wrap {
    padding-left: 20px;
    padding-right: 20px;
  }

  .div-block-58 {
    height: 400px;
  }

  .div-block-58._62 {
    height: 300px;
  }

  .div-block-58._59 {
    height: auto;
  }

  .div-block-58._59.cooked59 {
    height: 350px;
  }

  .div-block-58.fm58, .div-block-58.fm59 {
    height: 300px;
  }

  .div-block-58.fm62 {
    height: 400px;
  }

  .div-block-58.cooked58 {
    height: 300px;
    margin-top: 60px;
  }

  .div-block-58.cooked62 {
    height: 300px;
  }

  .div-block-58.sh59 {
    height: 500px;
  }

  .div-block-58.sh58, .div-block-58.sh62, .div-block-58.sh65 {
    height: 300px;
  }

  .div-block-58.oo65 {
    height: 200px;
  }

  .div-block-58.oos62 {
    height: 500px;
  }

  .div-block-58.s62 {
    height: 400px;
  }

  .div-block-58._5265 {
    height: auto;
  }

  .div-block-58._56263 {
    height: 250px;
  }

  .hero2-title {
    padding-top: 0;
    padding-bottom: 47px;
    display: none;
  }

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

  .grid-2.leftlarge {
    margin: 0;
  }

  .grid1, .grid3 {
    flex-direction: column;
    display: flex;
  }

  .blog-item {
    width: 90%;
    max-width: 470px;
  }

  .blog-summary-wrap {
    text-align: center;
  }

  .grid-3 {
    flex-direction: column;
    display: flex;
  }

  .track-name {
    text-align: center;
    margin-top: 5px;
    margin-right: 0;
  }

  .audio-player-single-track-wrapper {
    flex-direction: column;
  }

  .track-info-wrapper {
    flex-direction: column;
    margin-right: 0;
  }

  .audio-player-volume-wrapper.bar-wrapper-volume {
    margin-left: 10px;
  }

  .cover {
    margin-right: 0;
  }

  .options-wrapper {
    margin-top: 15px;
    margin-bottom: 10px;
    margin-right: 0;
    padding-right: 0;
  }

  .social-wrapper-footer-white {
    justify-content: flex-start;
    margin-top: 15px;
    margin-bottom: 45px;
  }

  .footer-links-white-2 {
    text-align: center;
  }

  .udesly-footer {
    margin-bottom: 10px;
  }

  .column-15 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-top: 50px;
    padding-bottom: 0;
    padding-left: 0;
    display: flex;
  }

  .brand-5 {
    padding-top: 14px;
    padding-left: 10px;
  }

  .brand-5.footer {
    justify-content: center;
    align-items: center;
  }

  .title-footer-white {
    text-align: center;
  }

  .title-styler-card-wrapper {
    flex-direction: row;
    display: flex;
  }

  .style-cards {
    width: 95%;
  }

  .subheader-paragraph {
    text-align: left;
    display: block;
  }

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

  .main-features {
    padding-top: 0;
    padding-bottom: 0;
  }

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

  .image-90 {
    display: block;
  }

  .image-90.waro {
    padding: 40px;
  }

  .image-90.waro.hide {
    display: none;
  }

  .grid-4 {
    flex-direction: column;
  }

  .div-block-283 {
    flex-direction: column-reverse;
    align-items: center;
  }

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

  .div-block-284.unique {
    padding-left: 0;
  }

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

  .home1-deco-part-2.cookedlilthing {
    display: none;
  }

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

  .image-61 {
    width: 50%;
  }

  .contactdiv1 {
    padding-left: 30px;
    padding-right: 30px;
  }

  .nav-menu {
    margin-right: 0;
  }

  .image-2 {
    margin-left: 20px;
    margin-right: 0;
  }

  .heading-25.black {
    font-size: 1em;
  }

  .section-5, .return-portfolio {
    display: none;
  }

  .content-wrapper {
    width: 100%;
    margin-left: 0;
  }

  .contactdiv1-2 {
    padding-left: 30px;
    padding-right: 30px;
  }

  .button-4 {
    display: none;
  }

  .paragraph-light-3 {
    padding-left: 10px;
  }

  .small-paragraph-2 {
    text-align: center;
    margin-right: 0;
    padding-right: 0;
  }

  .footer-links-white-3 {
    text-align: center;
  }

  .social-wrapper-footer-white-2 {
    justify-content: flex-start;
    margin-top: 15px;
    margin-bottom: 45px;
  }

  .heading-jumbo-2 {
    font-size: 50px;
    line-height: 64px;
  }

  .footer-links-white-4 {
    text-align: center;
  }

  .container-352 {
    flex-direction: row;
    justify-content: center;
    padding-left: 40px;
    display: block;
  }

  .section-36 {
    justify-content: flex-end;
    padding-left: 20px;
    padding-right: 20px;
  }

  .footernewhome {
    margin-right: 0;
  }

  .footernewhome.newhome {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 100vw;
    padding-left: 20px;
    padding-right: 20px;
  }

  .text-block-18 {
    text-align: left;
    margin-left: 10px;
    font-size: 8px;
    font-style: normal;
  }

  .image-96 {
    padding: 10px;
  }

  .container-353 {
    text-align: center;
    display: block;
  }

  .button-5 {
    display: block;
  }

  .paragraph-light-4 {
    padding-left: 10px;
  }

  .team-pic-2 {
    height: 300px;
    margin-bottom: 30px;
  }

  .grid1-2 {
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .divblock70-2, .divblock70-2.martina, .divblock70-2.drum, .divblock70-2.m2m8, .divblock70-2.tmb, .divblock70-2.encounters {
    width: 300px;
    height: 300px;
  }

  .yodadiv1-2 {
    height: 300px;
  }

  .bold-text-9 {
    font-size: 20px;
    line-height: 20px;
  }

  .div-block-612 {
    flex-flow: row;
  }

  .container-357 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .image-17 {
    margin-left: 20px;
  }

  .sidepage-copy {
    width: 100vw;
  }

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

  .mobpan._1 {
    display: block;
  }

  .intro-content-mob {
    width: 80%;
  }

  .intro-content-mob.cc-homepage {
    max-width: 100vw;
  }

  .heading-jumbo-mob {
    font-size: 50px;
    line-height: 64px;
  }

  .paragraph-bigger-mob {
    font-size: 16px;
    line-height: 28px;
  }

  .heading-jumbo-copy {
    font-size: 50px;
    line-height: 64px;
  }

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

  .small-paragraph-3 {
    margin-right: 0;
    padding-right: 0;
  }

  .column-22 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-top: 50px;
    padding-bottom: 0;
    padding-left: 0;
    display: flex;
  }

  .heroservices, .heroservices.illustration {
    height: 300px;
    padding-top: 100px;
  }

  .small-paragraph-4 {
    margin-right: 0;
    padding-right: 0;
  }

  .column-25 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-top: 50px;
    padding-bottom: 0;
    padding-left: 0;
    display: flex;
  }

  .column-27 {
    display: none;
  }

  .container-363 {
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .introcolum.branding {
    padding-left: 20px;
    padding-right: 20px;
  }

  .columns-2 {
    display: block;
  }

  .paragraph-72 {
    margin-bottom: 100px;
  }

  .paragraph-73 {
    padding: 0;
  }

  .paragraph-73.white {
    display: none;
  }

  .link-block-30 {
    justify-content: center;
    align-items: center;
    padding: 0;
  }

  .container-370 {
    padding: 40px;
  }

  .vertdiv {
    display: none;
  }

  .fallguy4.under {
    display: none;
    top: 292px;
    bottom: 0;
    left: 177px;
  }

  .fallguy4.kid {
    width: 28%;
    top: -32px;
    left: 53px;
  }

  .fallguy4.movement {
    width: 28%;
    height: 200px;
    top: 0;
    left: 166px;
  }

  .hero-2 {
    background-image: linear-gradient(#0000, #0000), url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/6103ff419f5033751be35290_esddsd.jpg");
    background-position: 0 0, 50% 100%;
    background-repeat: repeat, repeat-y;
    background-size: auto, auto;
    height: 100vh;
    margin-top: 0;
    display: none;
    top: 0;
  }

  .fallguy.bubble {
    top: 345px;
    left: 266px;
  }

  .heading-49 {
    font-size: 25px;
    line-height: 40px;
  }

  .womanfallimg {
    width: 60%;
    height: auto;
    margin-right: 40px;
    top: 280px;
    left: -835px;
  }

  .fallguy2 {
    width: 42%;
    top: 418px;
    left: 53px;
  }

  .fallguys {
    flex-direction: column;
    align-items: flex-end;
    margin-top: -59px;
    left: -123px;
  }

  .div-block-62 {
    width: 70%;
    margin-top: 60px;
    top: 26px;
    left: -57px;
  }

  .contactyo {
    height: auto;
  }

  .contact-form-grid-2 {
    grid-column-gap: 30px;
    grid-template: "."
                   "."
                   "."
                   / 1fr;
  }

  .contact-2 {
    margin-left: 0;
    padding-left: 30px;
    padding-right: 30px;
  }

  .text-field-4.cc-textarea {
    text-align: left;
  }

  .header {
    overflow: hidden;
  }

  .grid-12 {
    grid-column-gap: 25px;
    grid-template-columns: 1fr;
    justify-items: center;
  }

  .portfolioparent {
    display: none;
  }

  .heading-51 {
    font-size: 25px;
    line-height: 40px;
  }

  .div-block-653 {
    flex-direction: column;
    align-items: center;
    margin-left: 114px;
    margin-right: 0;
    display: flex;
  }

  .div-block-653.potfolio {
    width: 80%;
    margin-left: 40px;
    margin-right: 40px;
  }

  .text-block-15 {
    width: 80%;
  }

  .heading-16 {
    font-size: 30px;
    line-height: 30px;
  }

  .columns-10 {
    flex-direction: column;
    align-items: center;
  }

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

  .paragraph-75 {
    line-height: 22px;
  }

  .columns-11 {
    flex-direction: column;
  }

  .column-40 {
    padding: 0;
  }

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

  .div-block-659 {
    flex-direction: column;
    align-items: flex-start;
  }

  .image-141 {
    margin-top: 40px;
  }

  .div-block-662 {
    flex-direction: column;
    align-items: flex-start;
  }

  .link-block-38 {
    margin-bottom: 40px;
  }

  .section-60.alt {
    text-align: center;
  }

  .h3 {
    font-size: 30px;
  }

  .h3.txt-center {
    padding-left: 15px;
    padding-right: 15px;
  }

  .ft-icon {
    width: 50px;
    margin-bottom: -11px;
  }

  ._2-col-img-grid {
    text-align: center;
    display: block;
  }

  .feature-image {
    width: 310px;
  }

  .feature-image.oter {
    left: 88px;
  }

  .feature-image.oter.oter-2 {
    left: 174px;
  }

  .feature-image.right {
    width: 350px;
    margin-left: 0;
  }

  .feature-image.right.b {
    margin-bottom: -26px;
  }

  .feature-dec.left, .feature-dec.right {
    margin-left: 0;
    padding-left: 57px;
    padding-right: 57px;
  }

  .heading-center {
    padding-left: 0;
    padding-right: 0;
  }

  .heading-center.footer {
    padding-left: 31px;
    padding-right: 31px;
  }

  .image-146 {
    display: none;
  }

  .footer-category {
    margin-bottom: 40px;
  }

  .footer-wrapper {
    grid-template-columns: 1fr;
  }

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

  .calculator-slide-block {
    grid-template-rows: auto auto auto auto auto auto auto auto;
    grid-template-columns: 1fr;
  }

  .div-block-3, .div-slide-input {
    border-top: 1px solid #e6e6e6;
    padding-top: 40px;
  }

  .header-2 {
    padding-left: 0;
    padding-right: 0;
  }

  .headimg {
    left: -39%;
  }

  .headimg._2 {
    width: 210px;
    bottom: -16%;
    right: -11%;
  }

  .image {
    width: 360px;
  }

  .slide-13 {
    margin-left: auto;
    margin-right: auto;
  }

  .slider-5 {
    text-align: center;
    height: 540px;
    margin-bottom: 45px;
    margin-left: auto;
    margin-right: auto;
  }

  .div-block-669 {
    text-align: center;
  }

  .form-block-2 {
    padding-left: 11px;
    padding-right: 11px;
  }

  .nav-link-3 {
    font-size: .8rem;
  }

  .title2 {
    font-size: 2.7em;
  }

  .p-sm-end {
    padding-bottom: 2.3em;
  }

  .div-block-671 {
    width: 70%;
    margin-top: 60px;
    top: 26px;
    left: -57px;
  }

  .header-3 {
    overflow: hidden;
  }

  .paragraph-76 {
    line-height: 22px;
  }

  .navbar-7 {
    width: 100%;
  }

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

  .heading-56 {
    font-size: 20px;
  }

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

  .image-160 {
    min-width: 300px;
    max-width: 300px;
  }

  .social-wrapper.about {
    flex-direction: column;
    justify-content: space-around;
  }

  .text-block-38 {
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
  }

  .about-image-wrapper {
    width: 100%;
  }

  .about-image {
    object-position: 50% 50%;
  }

  .container-385 {
    height: 400px;
  }

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

  .text-block-39 {
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
  }

  .heading-57 {
    font-size: 20px;
  }

  .image-166 {
    min-width: 300px;
    max-width: 300px;
  }

  .navbar-9 {
    width: 100%;
  }

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

  .text-block-40 {
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
  }

  .heading-58 {
    margin-top: 0;
    font-size: 20px;
  }

  .image-169 {
    min-width: 300px;
    max-width: 300px;
  }

  .div-block-706 {
    justify-content: center;
    align-items: center;
    padding-top: 40px;
  }

  .navbar-10 {
    width: 100%;
  }

  .testimonial-slider-small {
    padding: 60px 15px;
  }

  .testimonial-slide-wrapper {
    max-width: 100%;
    margin-right: 0%;
  }

  .testimonial-card {
    margin-left: 10px;
    margin-right: 10px;
  }

  .testimonial-slider-left {
    left: -10px;
  }

  .testimonial-slider-right {
    right: -10px;
  }

  .testimonial-column-light {
    padding: 60px 15px;
  }

  .testimonial-grid-two {
    grid-template-columns: 1fr;
  }

  .testimonial-info-three {
    flex-direction: row;
  }

  .ts-content {
    padding-left: 30px;
    padding-right: 30px;
  }

  .ts-block {
    margin-top: -150px;
    margin-bottom: 100px;
  }

  .tlc-head {
    font-size: 30px;
    line-height: 39px;
  }

  .tlc-line {
    display: none;
  }

  .ts-card {
    max-width: 100%;
  }

  .ts-right {
    flex-wrap: wrap;
  }

  .tlc-desc {
    font-size: 16px;
  }

  .tesr-right.infinite-scroll-2 {
    margin-left: 0;
  }

  .card-wrapper {
    width: 100%;
    max-width: 600px;
    padding: 30px;
  }

  .cards-container {
    padding-top: 0;
    top: 3vh;
  }

  .section-66 {
    padding: 3vh;
  }

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

  .image-171 {
    max-width: 120px;
    margin-bottom: 20px;
  }

  .section-67 {
    display: flex;
  }

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

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

  .div-block-713 {
    justify-content: space-between;
    align-items: center;
    display: flex;
  }

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

  .brix---text-100 {
    font-size: 15px;
  }

  .brix---text-200-bold {
    font-size: 16px;
    line-height: 18px;
  }

  .brix---avatar-circle-03 {
    width: 56px;
    max-width: 56px;
    height: 56px;
    max-height: 56px;
  }

  .brix---grid-3-columns {
    grid-template-columns: 1fr;
  }

  .brix---btn-secondary {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .brix---btn-primary {
    padding: 20px 32px;
  }

  .brix---button-row-left {
    margin-right: 16px;
  }

  .brix---heading-h2-size {
    font-size: 28px;
    line-height: 40px;
  }

  .brix---mg-bottom-16px {
    margin-bottom: 8px;
  }

  .brix---grid-top---text-2-buttons {
    grid-template-columns: .9fr;
  }

  .brix---section {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .brix---text-200 {
    font-size: 16px;
    line-height: 18px;
  }

  .brix---heading-h4-size {
    font-size: 20px;
    line-height: 26px;
  }

  .brix---avatar-circle-04 {
    width: 64px;
    max-width: 64px;
    height: 64px;
    max-height: 64px;
  }

  .brix---card-testimonial-v2 {
    width: 100%;
    padding: 44px 32px;
  }

  .brix---3-columns-1-col-tablet {
    grid-template-columns: 1fr;
  }

  .brix---mg-bottom-48px {
    margin-bottom: 32px;
  }

  .container-395 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .paragraph-18, .paragraph-18.blak {
    font-size: 16px;
  }

  .project-link-wrapper {
    width: auto;
    min-width: 400px;
    max-width: 400px;
    height: 100%;
    margin-bottom: 0;
  }

  .project-link-wrapper.project-even {
    justify-content: center;
    align-items: center;
    min-width: 400px;
    bottom: auto;
  }

  .project-background-image {
    width: 400px;
    min-width: 400px;
    max-width: 400px;
    position: static;
    overflow: hidden;
  }

  .grid---ratio-1x2 {
    flex-flow: column;
  }

  .project-text-wrapper {
    width: 100%;
    height: auto;
    margin-left: auto;
    position: relative;
    inset: 74% auto 86px 7%;
  }

  .project-heading {
    font-size: 18px;
  }

  .project-grid {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-flow: column;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-items: center;
    padding-bottom: 0;
    display: grid;
  }

  .title-wrapper-sticky {
    padding-top: 40px;
  }

  .section-69.intro {
    padding-top: 40px;
    padding-bottom: 0;
  }

  .container-396 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .container-396.intro-container {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .label-5 {
    margin-left: 0;
  }

  .intro-text-white {
    padding-right: 0;
    font-size: 1.2em;
  }

  .scrolling-logo-container {
    width: 200vw;
  }

  .scrolling-logo-wrapper {
    width: 20vw;
    max-height: 5vw;
  }

  .container-397 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .section-71.noline.hidenomob {
    position: static;
  }

  .section-71.blackbg {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .card.services {
    padding: 2rem 1.5rem;
  }

  .services-empty-space {
    display: none;
  }

  .skills-grid-2 {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    grid-template-columns: 1fr;
  }

  .heading-h2-3 {
    font-size: 25px;
  }

  .container-398 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .awards-links-wrapper {
    padding-left: 2rem;
    padding-right: 2rem;
    font-size: 1.3em;
    line-height: 1.4em;
  }

  .awards-subheading {
    margin-top: 0;
  }

  .navbar-brand-three {
    padding-left: 0;
  }

  .nav-menu-three {
    border-radius: 20px;
    flex-direction: column;
    padding-bottom: 30px;
  }

  .nav-menu-block {
    flex-direction: column;
  }

  .nav-link-12 {
    padding-top: 10px;
    padding-bottom: 10px;
    display: inline-block;
  }

  .nav-dropdown {
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .nav-dropdown-toggle {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .nav-dropdown-list.shadow-three {
    box-shadow: 0 8px 50px #0000000d;
  }

  .nav-dropdown-list.shadow-three.w--open {
    position: relative;
  }

  .nav-dropdown-list.shadow-three.mobile-shadow-hide {
    box-shadow: none;
  }

  .nav-link-accent {
    margin-right: 5px;
    padding-top: 10px;
    padding-bottom: 10px;
    display: inline-block;
  }

  .mobile-margin-top-10 {
    margin-top: 10px;
  }

  .container-400 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .container-400.narrow {
    width: 90%;
  }

  .quote-heading {
    font-size: 1.4em;
  }

  .quote-title {
    font-size: 12px;
  }

  .quote-card {
    padding: 2rem;
  }

  .slide-nav-2 {
    display: none;
  }

  .quote-profile-image-wrapper {
    width: 56px;
    height: 56px;
    margin-right: 8px;
  }

  .nav-link-16.mininavitem.hidemob {
    display: none;
  }

  .text-block-45 {
    top: 19px;
  }

  .padding-vertical {
    padding-left: 0;
    padding-right: 0;
  }

  .logo-slider-img {
    object-fit: contain;
    width: 85px;
    max-width: none;
    max-height: none;
    margin-left: 5px;
    margin-right: 5px;
    padding-left: 10px;
  }

  .logo_component-slider {
    grid-row-gap: 2rem;
    flex-direction: row;
    grid-template-columns: 1fr;
    justify-content: flex-start;
    align-items: center;
    width: auto;
  }

  .hero-content-w {
    margin-top: 0;
    margin-bottom: 2rem;
  }

  .cloneable-link-w {
    font-size: .8125rem;
  }

  .grid__col {
    width: 100%;
  }

  .modal-content-w {
    padding: 2rem;
  }

  .navigationjessyport {
    display: none;
  }

  .remove-w {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .modal-scroll-content-w {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    padding: 20px;
    display: flex;
  }

  .modal-w-scroll {
    margin-bottom: 0;
  }

  .brix---mg-bottom-16px-2 {
    margin-bottom: 8px;
  }

  .brix---mg-bottom-40px {
    margin-bottom: 24px;
  }

  .brix---text-300 {
    font-size: 18px;
    line-height: 20px;
  }

  .brix---container-default-2 {
    max-width: 100vw;
    padding-right: 0;
    overflow: hidden;
  }

  .brix---section-2 {
    padding-top: 0;
    padding-bottom: 0;
  }

  .brix---heading-h2-size-2 {
    font-size: 28px;
    line-height: 40px;
  }

  .brix---testimonial-v3-image-wrapper {
    border-top-right-radius: 24px;
    border-bottom-left-radius: 0;
    max-width: 100%;
  }

  .brix---text-300-bold {
    font-size: 18px;
    line-height: 22px;
  }

  .brix---btn-slider-arrow-right---top-left {
    width: 56px;
    min-width: 56px;
    height: 56px;
    min-height: 56px;
    font-size: 22px;
    line-height: 24px;
    bottom: -72px;
    left: 36%;
  }

  .brix---btn-slider-arrow-right---top-right {
    width: 56px;
    min-width: 56px;
    height: 56px;
    min-height: 56px;
    font-size: 22px;
    line-height: 24px;
    bottom: -72px;
    right: 36%;
  }

  .brix---card-testimonial-v3 {
    flex-direction: column;
  }

  .brix---card-content-testimonial-v3 {
    padding: 32px 32px 40px;
  }

  .brix---mg-bottom-64px {
    margin-bottom: 48px;
  }

  .brix---btn-primary-2 {
    padding: 20px 32px;
  }

  .brix---btn-secondary-2 {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .brix---heading-h1-size {
    margin-bottom: 12px;
    font-size: 38px;
    line-height: 46px;
  }

  .brix---heading-h5-size {
    font-size: 16px;
    line-height: 22px;
  }

  .brix---image {
    border-radius: 15px;
    width: 500px;
    height: 600px;
  }

  .brix---button-row-left-2 {
    margin-right: 16px;
  }

  .brix---grid-2-columns-text {
    flex-flow: column;
    grid-template-columns: 1fr;
    display: flex;
  }

  .brix---grid-2-columns-2-col-mbl {
    grid-template-columns: 1fr 1fr;
  }

  .brix---image-wrapper-br-24px-shadow {
    box-shadow: 0 4px 22px 0 var(--elements-webflow-library--general--shadow-04);
    border-radius: 0;
  }

  .brix---section-3 {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .brix---grid-gallery-v5 {
    grid-column-gap: 16px;
    grid-template-columns: 1fr;
  }

  .button-block-wrapper {
    width: 100%;
    margin-bottom: 32px;
  }

  .step-number {
    font-size: 4rem;
  }

  .step-heading {
    font-size: 2.2rem;
  }

  .big-background-text.home-about {
    font-size: 20vw;
    top: 8.7rem;
  }

  .footer-columns {
    flex-direction: column;
  }

  .card-item {
    width: 40vw;
  }

  .card-item.services-card {
    width: 45vw;
    height: 20rem;
  }

  .home-hero-header {
    width: 500px;
    font-size: 2.7em;
  }

  .grid-2-columns {
    grid-row-gap: 60px;
    grid-template-columns: 1fr;
  }

  .grid-2-columns.footer-top {
    justify-content: space-between;
    justify-items: center;
    display: flex;
  }

  .home-hero-heading {
    font-size: 6rem;
  }

  .action-banner {
    min-height: auto;
  }

  .testimonial-slider-2 {
    width: 90vw;
    max-width: none;
  }

  .gallery-block-list {
    flex-wrap: wrap;
  }

  .paragraph-large {
    font-size: 20px;
    line-height: 32px;
  }

  .testimonials-section {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .header-logo {
    top: 1.8rem;
    left: 1.8rem;
  }

  .misc-section {
    padding-left: 0%;
    padding-right: 0%;
  }

  .lottie-header-wrap {
    margin-bottom: .3rem;
  }

  .showreel-info {
    padding-top: 80px;
    padding-bottom: 80px;
    padding-right: 24px;
  }

  .content-wrapper-2 {
    grid-row-gap: 48px;
    grid-template-columns: 1fr;
  }

  .section-button-wrapper {
    margin-bottom: 4rem;
  }

  .past-projects-section {
    padding-top: 100px;
    padding-bottom: 0;
  }

  .footer-copyright {
    font-size: .6rem;
  }

  .home-cta-section {
    padding-top: 60px;
    padding-bottom: 0;
  }

  .plain_text {
    font-size: .9rem;
  }

  .services-home-section {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .testimonial-slide-wrapper-2 {
    width: 100%;
  }

  .card-item-2 {
    width: 95vw;
  }

  .card-item-2:nth-child(odd) {
    margin-top: 0;
    margin-bottom: 0;
  }

  .bleh-img-link {
    width: 140px;
  }

  .the-problem-section {
    z-index: 3;
    padding-bottom: 0;
  }

  .section-header-wrapper {
    padding-left: 1.7rem;
    padding-right: 1.7rem;
  }

  .testimonial-text {
    font-size: 34px;
  }

  .content-stacked {
    grid-row-gap: 80px;
  }

  .staff-wrap {
    flex-direction: column;
  }

  .page-nav-header {
    height: 72px;
  }

  .simple-nav-header {
    font-size: 1rem;
  }

  .brand-6 {
    padding-left: 0;
  }

  .heading-overflow {
    margin-bottom: 20px;
    padding-top: 0;
    display: flex;
  }

  .heading-overflow.verticle {
    text-align: center;
    flex-flow: column;
    justify-content: center;
    align-items: center;
  }

  .big-split-header {
    text-align: center;
    font-size: 2.7rem;
  }

  .big-split-header.outline {
    margin-bottom: 0;
    margin-right: 10px;
    font-size: 2.7rem;
    overflow: auto;
  }

  .big-split-header.outline.biggbiguy {
    font-size: 3rem;
    display: block;
  }

  .big-split-header.bigguy {
    font-size: 3rem;
  }

  .big-split-header.hidemon {
    margin-bottom: 20px;
  }

  .big-split-header.illustrationhead {
    font-size: 3rem;
  }

  .big-split-header.heroheader {
    text-align: left;
    margin-top: 100px;
    font-size: 3rem;
  }

  .big-split-header.hidmob {
    font-size: 2.7rem;
  }

  .big-split-header.hidmob.white {
    margin-bottom: 20px;
  }

  .accordion-tab-button-dark {
    width: 100%;
  }

  .small-accordion-section {
    align-items: flex-start;
    padding-left: 0;
  }

  .small-accordion-header {
    font-size: 1.4em;
  }

  .small-accordion-item {
    width: 100%;
  }

  .large-header-wrap.invert.stacked {
    flex-flow: column;
    width: 100%;
    display: flex;
  }

  .large-header-wrap.invert.illustrationhad {
    flex-flow: column;
  }

  .sticky-wrap {
    height: auto;
    overflow: visible;
  }

  .description {
    margin-top: .875rem;
    font-size: 1.125rem;
  }

  .scroll-inner {
    flex-direction: column;
    align-items: center;
    width: 100%;
    height: auto;
  }

  .scroll-inner.hidmoblowr {
    margin-top: 0;
  }

  .scroll-card {
    border-bottom-right-radius: 2rem;
    border-bottom-left-radius: 2rem;
    width: 100%;
    margin: 1rem 0 0;
    overflow: visible;
  }

  .scroll-card.diffpadlft {
    width: 100%;
  }

  .heading {
    font-size: 1.75rem;
  }

  .photographysection {
    height: 100%;
  }

  .image-175 {
    width: 500px;
    height: 500px;
    margin-bottom: 10px;
  }

  .heading-61 {
    margin-top: 40px;
    margin-bottom: 0;
    font-size: 22px;
    position: absolute;
    top: -71px;
  }

  .brix---mg-bottom-16px-3 {
    margin-bottom: 8px;
  }

  .brix---text-301 {
    font-size: 16px;
    line-height: 18px;
  }

  .brix---paragraph-large {
    font-size: 18px;
    line-height: 30px;
  }

  .brix---btn-primary-3 {
    padding: 20px 32px;
  }

  .brix---heading-h2-size-3 {
    font-size: 28px;
    line-height: 40px;
  }

  .brix---grid-top---text-2-buttons-2 {
    grid-template-columns: .9fr;
  }

  .brix---text-200-bold-2 {
    font-size: 16px;
    line-height: 18px;
  }

  .brix---avatar-circle-5 {
    width: 64px;
    max-width: 64px;
    height: 64px;
    max-height: 64px;
  }

  .brix---btn-slider-arrow-right---testimonial-v12 {
    width: 56px;
    min-width: 56px;
    height: 56px;
    min-height: 56px;
    font-size: 22px;
    line-height: 24px;
    inset: auto 36% -104px auto;
  }

  .brix---btn-slider-arrow-left---testimonial-v12 {
    width: 56px;
    min-width: 56px;
    height: 56px;
    min-height: 56px;
    font-size: 22px;
    line-height: 24px;
    inset: auto auto -104px 36%;
  }

  .brix---section-overflow-hidden {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .div-block-728 {
    width: 80%;
    padding-right: 0;
  }

  .main-container-2 {
    margin-top: 20px;
  }

  .content-wrap-center.max-width-900 {
    display: none;
  }

  .paragraph-2.expriencetext {
    margin-top: 0;
  }

  .grid-item.text {
    padding-top: 0;
  }

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

  .link-block-2.hidemobbb {
    display: none;
  }

  .grid-24 {
    padding: 0;
  }

  .line {
    width: 100%;
  }

  .spacing {
    height: 6em;
  }

  .container-402 {
    padding: 20px 0;
  }

  .menu-button-10 {
    display: block;
  }

  .illustration {
    display: none;
  }

  .illustration.hide {
    padding-top: .125rem;
  }

  .brix---section-4 {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .brix---grid-2-columns-text-2 {
    grid-template-columns: 1fr;
  }

  .section-77 {
    padding-top: 2rem;
  }

  .container-406 {
    padding: 0;
  }

  .brix---image-wrapper-br-24px-shadow-2 {
    border-radius: 14px;
    box-shadow: 0 4px 22px #14142b24;
  }

  .awards-title-2 {
    font-size: .9em;
  }

  .c-menu-item {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .play-btn {
    width: 20px;
    height: 20px;
  }

  .c-slide-btn-block {
    width: 12vw;
    height: 12vw;
  }

  ._w-overlay-menu {
    width: 100%;
  }

  .c-main-nav {
    padding: 20px;
  }

  .c-main-slide-description {
    width: auto;
    margin-bottom: 10px;
    font-size: 1em;
  }

  .link-menu {
    font-size: 2em;
  }

  .ci-main-slide-content {
    text-align: left;
    align-items: flex-start;
    width: 70%;
  }

  .main-slide-title {
    letter-spacing: 5px;
    font-size: 3em;
  }

  .c-slide-btn {
    width: 30%;
    padding: 3vw;
  }

  .c-main-slide-content {
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    padding-left: 7vw;
    padding-right: 7vw;
  }

  .padding-section-large {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .svg-arrow-button {
    width: 1.2rem;
    height: 1.2rem;
  }

  .slider_button {
    width: 2.5rem;
    height: 2.5rem;
  }

  .slider_button.is-next, .slider_button.is-prev {
    left: -1rem;
  }

  .team_top-component {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-end;
  }

  .gallery-slider {
    padding: 0 15px;
  }

  .gallery-slide {
    margin-left: 10px;
    margin-right: 10px;
  }

  .gallery-slide-wrapper {
    width: 100%;
  }

  .gallery-slide-text {
    line-height: 30px;
  }

  .gallery-slider-left {
    left: -20px;
  }

  .gallery-slider-right {
    right: -20px;
  }

  .mask-5 {
    margin-left: 0;
  }

  .mini {
    z-index: 999;
    margin: -1px 0 0;
    display: block;
  }

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

  .div-block-735 {
    flex-flow: row;
    display: flex;
  }

  .circle-small {
    width: 30rem;
    height: 30rem;
  }

  .header_love-wrap {
    width: 23rem;
  }

  .blue_box-wrap {
    padding: 14rem 2rem 2rem;
  }

  .circle-large {
    width: 52rem;
    height: 52rem;
  }

  .profile-wrap.is-2, .profile-wrap.is-3 {
    display: none;
  }

  .section_service {
    padding-top: 4.5rem;
  }

  .margin-top {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .heading-style-h2 {
    font-size: 2.25rem;
  }

  .testimonial-slider-small-2 {
    padding: 60px 15px;
  }

  .testimonial-slide-wrapper-3 {
    max-width: 100%;
    margin-right: 0%;
  }

  .testimonial-card-2 {
    margin-left: 10px;
    margin-right: 10px;
  }

  .testimonial-slider-left-2 {
    left: -10px;
  }

  .testimonial-slider-right-2 {
    right: -10px;
  }

  .container-409 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .illustrationsction {
    padding-top: 2rem;
  }

  .mask-6 {
    margin-left: 0;
  }

  .image-180 {
    width: 300px;
  }

  .button-wrapper-right {
    justify-content: flex-start;
  }

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

  .right-arrow-3 {
    display: none;
  }

  .left-arrow-4 {
    display: none;
    position: absolute;
  }

  .div-block-739 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    padding-top: 60px;
    display: block;
  }

  .awards {
    padding-top: 2rem;
  }

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

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

  .sticky-wrap-2 {
    height: auto;
    overflow: visible;
  }

  .lightboxblurgallery {
    height: 100%;
  }

  .label-7 {
    margin-left: 0;
  }

  .scroll-inner-2 {
    flex-direction: column;
    align-items: center;
    width: 100%;
    height: auto;
  }

  .heading-overflow-2 {
    margin-bottom: -.4rem;
    padding-top: 0;
  }

  .scroll-card-2 {
    border-bottom-right-radius: 2rem;
    border-bottom-left-radius: 2rem;
    width: 100%;
    margin: 1rem 0;
  }

  .page-padding-2 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .container-415 {
    width: 100%;
  }

  .logonewwrap {
    justify-content: space-between;
    align-items: center;
    padding-left: 0;
  }

  .div-block-745 {
    justify-content: space-between;
    align-items: center;
    width: 100%;
  }

  .container-416 {
    padding: 40px 40px 20px;
  }

  .hero-heading-wrapper, .hero-paragraph-wrapper {
    width: auto;
  }

  .hero-arrow-down-wrapper {
    text-align: left;
    margin-top: 40px;
  }

  .down-arrow-image {
    width: 28px;
  }

  .hero-grid {
    padding-top: 0;
    display: block;
  }

  .image-182 {
    width: 65px;
  }

  .div-block-747 {
    padding-top: 0;
  }

  .content-section.about {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .about-tab-content {
    min-height: 450px;
    padding-left: 50px;
    padding-right: 50px;
  }

  .home_work_component {
    height: 20rem;
  }

  .home_work_image-wrapper {
    height: 450px;
  }

  .home_work_item {
    width: 85vw;
    margin-left: 0%;
    margin-right: 0%;
  }

  .home_work_item.is-1 {
    border-radius: 15px;
  }

  .home_work_item.is-2 {
    height: 450px;
  }

  .button-16 {
    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%;
  }

  .text-size-medium {
    font-size: 1rem;
  }

  .spacer-xlarge {
    padding-top: 2.5rem;
  }

  .button-17 {
    text-align: center;
    flex-wrap: wrap;
  }

  .home-work_work-title-2 {
    display: block;
  }

  .padding-section-large-2 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .blurdiv {
    width: 100%;
    height: 100%;
  }

  .home-reviews_client-image-wrapper {
    margin-bottom: 1rem;
    margin-right: 0;
  }

  .home-reviews_component {
    grid-template-columns: 1fr;
  }

  .margin-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .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-reviews_content {
    padding: 1.5rem;
  }

  .heading-style-h2-2 {
    letter-spacing: 0;
    font-size: 2.25rem;
  }

  .home-services_tab-wrapper {
    padding: 1.75rem;
  }

  .home-services_button-list {
    max-width: none;
  }

  .home-services_button-text {
    line-height: 1.2;
  }

  .slider-wrapper {
    margin-left: 0;
    padding-top: 36px;
  }

  .grid-wrapper-4 {
    grid-template-columns: minmax(36px, 1fr) minmax(auto, 1400px) minmax(36px, 1fr);
  }

  .section-80 {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .location-card-slider {
    margin-left: 0;
  }

  .location-mask {
    width: 90%;
  }

  .section-title.is-offset {
    justify-content: center;
    align-items: center;
    margin-top: 0;
    padding-top: 2rem;
    display: flex;
  }

  .content-wrapper-5 {
    border-radius: 15px;
    width: 100%;
    margin-left: 10px;
    margin-right: 10px;
  }

  .page-padding-3 {
    display: flex;
  }

  .padding-bottom {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

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

  .sticky-title-wrapper {
    width: 100%;
    padding-top: 0;
    padding-bottom: 0;
    position: static;
  }

  .section-82 {
    padding-top: 6.25rem;
    padding-bottom: 6.25rem;
  }

  .section-82.with-divider {
    flex-flow: column;
    padding-bottom: 4rem;
  }

  .list-item {
    padding-top: 0;
  }

  .layout-12-column {
    grid-row-gap: 4rem;
    flex-flow: column;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .container-large-3 {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .paragraph-83.smalltxt {
    text-align: center;
    width: 100%;
    margin-bottom: 0;
    padding-left: 40px;
    padding-right: 40px;
  }

  .popup-wrap {
    padding-left: 0;
  }

  .popup {
    padding-left: 10px;
    padding-right: 10px;
  }

  .scrollbar {
    padding-bottom: 20px;
    padding-right: 10px;
  }

  .scrollbar.lack {
    padding-top: 100px;
    padding-left: 10px;
  }

  .navbar-logo-left {
    z-index: 999;
    width: 100vw;
    padding: 0;
    display: block;
    position: fixed;
  }

  .navbar-logo-left-container {
    max-width: 100%;
  }

  .navbar-logo-left-container.shadow-three {
    border-top: 4px solid var(--goldenrod);
    background-color: #fff;
    border-bottom: 3px solid #000;
    max-width: 100vw;
    padding-left: 40px;
    padding-right: 40px;
  }

  .navbar-brand {
    padding-left: 0;
  }

  .nav-menu-wrapper {
    background-color: #000;
  }

  .nav-menu-two {
    background-color: #000;
    border-radius: 0;
    flex-direction: column;
    padding-bottom: 30px;
  }

  .nav-link-17 {
    color: #fff;
    padding-top: 10px;
    padding-bottom: 10px;
    display: inline-block;
  }

  .nav-link-17:hover {
    color: var(--goldenrod);
  }

  .nav-dropdown-2 {
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .nav-dropdown-toggle-2 {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .nav-dropdown-list-2.shadow-three {
    box-shadow: 0 8px 50px #0000000d;
  }

  .nav-dropdown-list-2.shadow-three.w--open {
    position: relative;
  }

  .nav-dropdown-list-2.shadow-three.mobile-shadow-hide {
    box-shadow: none;
  }

  .nav-divider {
    width: 200px;
    max-width: 100%;
    height: 1px;
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .nav-link-accent-2 {
    color: #fff;
    margin-right: 5px;
    padding-top: 10px;
    padding-bottom: 10px;
    display: inline-block;
  }

  .mobile-margin-top-11 {
    margin-top: 10px;
  }

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

  .image-191 {
    width: 75px;
  }

  .image-196 {
    height: 450px;
    min-height: 100%;
  }

  .mobscrollprompt {
    display: none;
  }

  .italic-text-8, .italic-text-9 {
    font-size: 14px;
  }
}

@media screen and (max-width: 479px) {
  .heading-jumbo-small {
    letter-spacing: 1px;
    margin-bottom: 0;
    font-size: 15px;
    line-height: 25px;
  }

  .rich-text {
    width: 100%;
    max-width: none;
  }

  .container {
    width: auto;
    max-width: none;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .heading-jumbo {
    font-size: 36px;
    line-height: 48px;
  }

  .heading-jumbo.navheader {
    margin-top: 10px;
    font-size: .7em;
  }

  .heading-jumbo.mainheaderhero {
    z-index: 4;
    text-align: center;
    max-width: none;
    padding-left: 0;
    padding-right: 0;
    font-size: 28px;
    line-height: 38px;
    position: relative;
  }

  .heading-jumbo.center {
    margin-top: 0;
    font-size: 20px;
  }

  .label.cc-light {
    text-align: left;
    margin-bottom: 0;
  }

  .label.cc-light.blog._2.margin {
    margin-left: 0;
  }

  .paragraph-light {
    text-align: left;
    flex-direction: column;
    margin-top: 10px;
    margin-bottom: 20px;
    padding-left: 10px;
    padding-right: 0;
    display: flex;
  }

  .paragraph-light.blog {
    line-height: 25px;
  }

  .button, .button._2 {
    display: block;
  }

  .paragraph-bigger.cc-bigger-white-light {
    z-index: 4;
    text-align: center;
    letter-spacing: .8px;
    max-width: none;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    font-size: 12px;
    line-height: 24px;
    position: relative;
  }

  .divider {
    margin-top: 20px;
    margin-bottom: 40px;
    display: block;
  }

  .navigation {
    padding-left: 20px;
    padding-right: 20px;
  }

  .menu-button, .menu-button.w--open {
    flex: none;
  }

  .text-field.cc-textarea {
    height: 100px;
  }

  .status-message.cc-no-data {
    width: 100%;
  }

  .contact {
    padding-left: 20px;
    padding-right: 20px;
  }

  .contact-headline {
    margin-top: 100px;
  }

  .contact-form, .contact-form-wrap, .footer-wrap {
    flex-direction: column;
  }

  .about-head-text-wrap {
    width: 100%;
    max-width: none;
  }

  .skills-grid {
    grid-template-columns: 1fr;
    width: 100%;
    max-width: none;
  }

  .personal-features-grid, .social-media-heading, .project-overview-grid, .project-description-grid {
    width: 100%;
    max-width: none;
  }

  .email-section {
    flex-direction: column;
    align-items: center;
    width: 100%;
    max-width: none;
    display: flex;
  }

  .email-link {
    font-size: 30px;
    line-height: 46px;
  }

  .horizontalcontnt {
    width: 280vh;
    margin-top: 160px;
    margin-bottom: 200px;
  }

  .hscontentboxes1 {
    background-image: none;
    width: 400px;
    height: 400px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .heading-18 {
    text-align: center;
    width: 90%;
    margin-bottom: 10px;
    font-size: 25px;
    top: 25px;
    left: 1px;
  }

  .heading-18.left {
    text-align: left;
  }

  .heading-17 {
    margin-top: 20px;
    font-size: 25px;
    position: relative;
    top: 26px;
    left: 0;
  }

  .div-block-65 {
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin: 20px 0 60px;
    padding-left: 0;
    padding-right: 0;
    display: flex;
    left: 0;
  }

  .recentprojectscroller {
    display: none;
  }

  .logo-image-2.cc-footer-logo {
    width: 426%;
  }

  .small-paragraph {
    display: none;
  }

  .footer-email-link {
    font-size: 12px;
  }

  .wrap {
    padding-left: 4%;
    padding-right: 4%;
  }

  .footer {
    margin-bottom: 60px;
  }

  .label-2.cc-footer-section-headline {
    margin-top: 20px;
    margin-bottom: 0;
  }

  .hero.cc-store-home-wrap {
    margin: 0;
    padding: 0 20px;
  }

  .cta-wrap {
    padding-left: 15px;
    padding-right: 15px;
  }

  .home-section-wrap {
    flex-direction: column;
    align-items: flex-start;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    padding-right: 0;
    display: flex;
  }

  .home-section-wrap.porttitle {
    margin-top: 0;
    margin-bottom: 20px;
    margin-left: 0;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .intro-text {
    z-index: 4;
    margin: 20px auto;
    padding-left: 0;
    position: relative;
  }

  .motto-wrap {
    margin-bottom: 20px;
    display: none;
    overflow: visible;
  }

  .home-content-wrap {
    margin-top: 0;
    margin-bottom: 0;
  }

  .about-grid.cc-about-2 {
    flex-direction: column;
    margin-top: 0;
    margin-bottom: 0;
    padding-right: 0;
    display: flex;
  }

  .intro-header.mm {
    background-position: 50%;
    background-size: contain;
    height: 200px;
    margin-top: 100px;
    margin-bottom: 40px;
  }

  .intro-header.illustration {
    background-image: linear-gradient(to bottom, var(--goldenrod) 4%, transparent), url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/600d8b5520228e7cf319927d_Screen%20Shot%202020-12-03%20at%2011.14.00.png"), url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/600d8b5520228e5f6b1991fb_portfolio%202%20-%20wide.svg");
    background-position: 0 0, 50%, 0 0;
    background-size: auto, cover, cover;
    height: 400px;
    margin-bottom: 40px;
  }

  .intro-header.illustration.socialmedia {
    flex-direction: column;
    height: 300px;
  }

  .intro-header.illustration.socialmedia.illustra {
    height: 200px;
  }

  .section-heading {
    text-align: left;
    letter-spacing: 2px;
    font-size: 30px;
    line-height: 30px;
  }

  .intro-content.cc-homepage {
    z-index: auto;
    align-items: center;
    width: 100vw;
    max-width: none;
    height: 60vh;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    display: flex;
    position: static;
  }

  .team-member-title-wrap {
    margin-bottom: 0;
  }

  .team-members {
    grid-template: "."
                   "."
                   "."
                   "."
                   "."
                   "."
                   / 1fr;
    width: 100vw;
    margin-bottom: 0;
  }

  .heading-20 {
    margin-top: 0;
    margin-bottom: 20px;
    font-size: 30px;
    line-height: 35px;
  }

  .image-71 {
    width: 300px;
    display: block;
    position: relative;
    top: 1px;
    left: 5px;
  }

  .heading-22 {
    margin-top: 20px;
    font-size: 25px;
    position: relative;
    top: 26px;
    left: 0;
  }

  .hero6-content {
    display: none;
  }

  .button-small {
    flex: 1;
    align-self: stretch;
  }

  .button-small.white-small {
    flex: none;
  }

  .hero6-grid {
    grid-template-columns: 1fr 1fr 1fr 1fr;
    display: none;
  }

  .hero6 {
    background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/600d8b5520228e4e731991fa_Cocozilla3.jpg");
    background-position: 50% -100%;
    background-size: cover;
    min-height: auto;
    margin-bottom: -44px;
    padding-top: 83px;
    padding-left: 0;
  }

  .hero6.hr2020 {
    margin-bottom: 0;
    padding-top: 224px;
  }

  .hero6.cookedhero {
    height: 300px;
  }

  .hero6.herosh {
    height: 300px;
    margin-top: 103px;
    margin-bottom: 0;
  }

  .hero6.ooshero {
    margin-bottom: 0;
  }

  .hero6.yodahero {
    background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/600d8b5520228e3c70199221_Screen%20Shot%202020-12-01%20at%2014.07.24.png");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    background-attachment: scroll;
    min-height: auto;
    margin-bottom: 0;
    padding-top: 161px;
  }

  .hero6.hrbrrand {
    background-image: url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/60786ab0617bd9a912dc973e_HR%20Behance%201%20(1).png");
    background-position: 50% -100%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 300px;
    min-height: 250px;
    padding-top: 0;
  }

  .hero6.ttet {
    min-height: 300px;
    margin-bottom: 0;
  }

  .hero6.exposingdeviance {
    max-height: 250px;
  }

  .section-22 {
    height: auto;
    margin-top: 220px;
    padding-top: 0;
    padding-left: 16px;
    padding-right: 16px;
    display: block;
  }

  .paragraph-70 {
    width: 100%;
    margin-top: 10px;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 14px;
    display: block;
  }

  .paragraph-70.services {
    margin-top: 40px;
    margin-bottom: 0;
  }

  .content4-headline-wrap {
    margin-top: 0;
  }

  .content4-headline-wrap.fmm {
    margin-top: 100px;
  }

  .content4-grid {
    grid-column-gap: 12px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    margin-top: 70px;
  }

  .button-large-2 {
    font-size: 14px;
    line-height: 22px;
  }

  .button-large-2.outline-button-large {
    margin-bottom: 40px;
  }

  .button-large-2.outline-button-large.whatif {
    justify-content: center;
    width: auto;
    left: 0%;
  }

  .size4-text.size4-top-clear {
    text-align: left;
    text-align: left;
  }

  .size1-text-2.size1-top-clear {
    color: #000;
    margin-top: 0;
    font-size: 15px;
    line-height: 30px;
  }

  .size1-text-2.size1-top-clear.center {
    font-size: 20px;
    font-weight: 500;
  }

  .wrapper.m100 {
    display: none;
  }

  .wrapper.m0-100 {
    padding-top: 60px;
    padding-bottom: 0;
    overflow: hidden;
  }

  .home1-deco-part {
    height: 200px;
  }

  .hero-with-background-wrap.hero2-wrap {
    padding-left: 16px;
    padding-right: 16px;
  }

  .div-block-58, .div-block-58._62 {
    height: 200px;
  }

  .div-block-58._59 {
    height: auto;
  }

  .div-block-58._59.cooked59 {
    height: 200px;
  }

  .div-block-58.hr2020div2 {
    background-size: cover, cover;
    display: none;
  }

  .div-block-58.fm58, .div-block-58.fm59, .div-block-58.fm62, .div-block-58.cooked58, .div-block-58.cooked62 {
    height: 200px;
  }

  .div-block-58.sh64 {
    height: auto;
  }

  .div-block-58.sh59 {
    height: 300px;
  }

  .div-block-58.sh78, .div-block-58.sh58, .div-block-58.sh62, .div-block-58.sh65 {
    height: 200px;
  }

  .div-block-58.oo65 {
    height: 100px;
  }

  .div-block-58.oos62 {
    height: 300px;
  }

  .div-block-58.s62, .div-block-58.hull5258 {
    height: 200px;
  }

  .div-block-58._5265 {
    height: auto;
    margin-bottom: 40px;
    margin-left: 5%;
    margin-right: 5%;
  }

  .div-block-58._56263 {
    height: 150px;
  }

  .div-block-58.yoda.yodavid {
    margin-left: 0%;
    margin-right: 0%;
  }

  .grid-2 {
    order: 0;
    margin-bottom: 0;
  }

  .div-block-67 {
    height: 400px;
  }

  .div-block-67.yodamini {
    height: 300px;
  }

  .div-block-67.francis {
    height: 400px;
  }

  .divblock69 {
    background-position: 50% 10%;
    background-size: cover;
    background-attachment: scroll;
    height: 400px;
  }

  .divblock69.cooked2 {
    height: 300px;
  }

  .divblock69.ydhs {
    height: 400px;
  }

  .portfolioheading {
    padding-bottom: 20px;
    font-size: 1.5em;
    line-height: 120%;
  }

  .portfolioheadpara {
    display: none;
  }

  .blog-item {
    width: 100%;
    max-width: none;
  }

  .paragraph-light-2 {
    margin-top: 10px;
    margin-bottom: 0;
    font-size: 16px;
    line-height: 25px;
  }

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

  .image-73 {
    width: 75px;
    height: 75px;
    margin-right: 10px;
  }

  .grid-3 {
    grid-template-columns: 3fr 1fr;
    width: auto;
    padding: 0;
    display: block;
  }

  .section-24 {
    padding-bottom: 60px;
    padding-right: 0;
    overflow: hidden;
  }

  .audio-player-single-track-wrapper {
    padding-left: 10px;
    padding-right: 10px;
  }

  .audio-player-bar-wrapper.bar-wrapper {
    width: 200px;
  }

  .options-wrapper {
    margin-right: 0;
  }

  .social-wrapper-footer-white {
    width: auto;
    margin-bottom: 0;
  }

  .column-15 {
    padding-top: 45px;
    padding-bottom: 45px;
  }

  .brand-5 {
    padding-top: 14px;
  }

  .text-footer-white {
    padding-left: 0;
  }

  .title-styler-card-wrapper {
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    display: flex;
  }

  .style-cards {
    width: 95%;
    margin-right: 0;
    padding: 20px;
  }

  .subheader-paragraph {
    text-align: left;
  }

  .style-wrapper-row {
    padding-left: 0;
    padding-right: 0;
  }

  .main-features {
    flex-direction: column;
    padding-top: 100px;
    padding-left: 0;
    padding-right: 0;
  }

  .casestudies {
    padding-top: 0;
    padding-bottom: 0;
    overflow: visible;
  }

  .image-90 {
    width: 90%;
    margin-top: 0;
    margin-left: 0;
    display: block;
  }

  .image-90.waro {
    margin-top: 0;
    margin-left: 0;
    padding: 0;
  }

  .image-90.waro.hide {
    display: none;
  }

  .heading-24 {
    text-align: left;
    font-size: 30px;
    line-height: 35px;
  }

  .grid-4 {
    flex-direction: column;
    margin-bottom: 40px;
  }

  .grid-4.rightalign {
    flex-direction: column-reverse;
  }

  .div-block-281 {
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 20px;
  }

  .div-block-284 {
    flex-direction: column;
    align-items: center;
    padding-top: 0;
    display: flex;
  }

  .div-block-284.unique {
    padding-left: 0;
  }

  .image-59 {
    width: 80%;
  }

  .home1-deco-part-2 {
    height: 200px;
  }

  .home1-deco-part-2.cookedlilthing {
    background-position: 0%;
  }

  .section-26 {
    height: 300px;
    margin-bottom: 40px;
    padding-left: 16px;
    padding-right: 16px;
    display: block;
  }

  .image-58 {
    width: 80%;
  }

  .image-60 {
    width: 80%;
    margin-bottom: 20px;
  }

  .image-61 {
    width: 80%;
  }

  .contactdiv1 {
    margin-left: 0;
    padding-left: 40px;
    padding-right: 40px;
    top: -65px;
    left: 0;
  }

  .navbar {
    display: block;
  }

  .safehouse {
    background-position: 0 0;
    background-size: cover;
    overflow: hidden;
  }

  .div-block-288 {
    padding-left: 20px;
    display: none;
    overflow: visible;
  }

  .heading-25 {
    max-width: 70vw;
  }

  .heading-25.black {
    margin-bottom: 0;
  }

  .logo-link-2, .logo-link-2.w--current {
    margin-top: 0;
  }

  .hollow-button.white {
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 15px;
  }

  .hollow-button.white.seagreen {
    flex-direction: column;
    align-items: center;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 10px;
    display: flex;
  }

  .cooked {
    align-items: flex-start;
    display: none;
    overflow: visible;
  }

  .link-block-11 {
    z-index: 10;
    order: 1;
    justify-content: center;
    align-items: center;
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0;
    text-decoration: none;
    display: block;
    position: relative;
    top: auto;
  }

  .yoda {
    overflow: hidden;
  }

  .div-block-289 {
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0;
    display: flex;
  }

  .section-5 {
    opacity: 0;
    display: none;
  }

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

  .text-block-12 {
    padding-left: 0;
    padding-right: 0;
    line-height: 25px;
  }

  .herosection {
    background-color: #f7ad02;
    background-position: 50% 40%;
    background-size: 1500px;
    background-attachment: fixed;
    height: 90vh;
    overflow: visible;
  }

  .text-block-13 {
    text-align: center;
    padding-left: 5px;
    padding-right: 5px;
  }

  .return-portfolio {
    display: none;
  }

  .return-portfolio.home {
    padding-left: 10px;
    padding-right: 10px;
    display: block;
  }

  .bold-text-3 {
    font-size: 25px;
  }

  .heading-31 {
    margin-top: 20px;
    font-size: 25px;
    line-height: 35px;
  }

  .image-93 {
    z-index: 2;
    max-width: 60%;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 20px;
    display: block;
    position: relative;
  }

  .cocozilla, .hugh-rice {
    overflow: hidden;
  }

  .div-block-579 {
    margin-top: 0;
    margin-bottom: 10px;
    display: block;
  }

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

  .content-wrapper {
    padding: 20px;
  }

  .intro-header-copy.illustration {
    background-image: linear-gradient(to bottom, var(--goldenrod) 4%, transparent), url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/600d8b5520228e7cf319927d_Screen%20Shot%202020-12-03%20at%2011.14.00.png"), url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/600d8b5520228e5f6b1991fb_portfolio%202%20-%20wide.svg");
    background-position: 0 0, 50%, 0 0;
    background-size: auto, cover, cover;
    height: 400px;
    margin-bottom: 40px;
  }

  .hughricepage1, .fmpage1 {
    padding-left: 20px;
    overflow: hidden;
  }

  .panel {
    height: auto;
  }

  .panel._1 {
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 100vw;
    height: 100vh;
    padding: 40px 20px;
    display: flex;
    position: relative;
  }

  .panel._2 {
    background-image: linear-gradient(#000000c2, #000000c2), url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/607865ffd257f8646d7c16d6_HR%20Behance%202.png");
    background-position: 0 0, 50% 0;
    background-size: auto, cover;
    background-attachment: scroll, fixed;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 100%;
    padding-bottom: 5%;
    display: flex;
    overflow: hidden;
  }

  .panel._3 {
    width: 100%;
    height: 100%;
    padding-bottom: 5%;
    display: block;
    overflow: hidden;
  }

  .panel._3.contacthome {
    padding-bottom: 0%;
    padding-left: 0%;
  }

  .panel._6 {
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    height: 100%;
    padding-bottom: 5%;
    display: flex;
    overflow: hidden;
  }

  .panel._7 {
    width: 100vw;
    height: 100vh;
    padding-bottom: 5%;
    display: block;
  }

  .panel.footer {
    overflow: hidden;
  }

  .panel.cocozilla {
    width: 100%;
    height: 100%;
    padding-bottom: 5%;
    display: flex;
    overflow: visible;
  }

  .panel.mobile {
    display: block;
  }

  .panel.bottom-footer {
    height: auto;
  }

  .contactdiv1-2 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .button-4 {
    display: none;
  }

  .paragraph-light-3 {
    text-align: left;
    margin-bottom: 20px;
    padding-left: 10px;
    display: flex;
  }

  .small-paragraph-2 {
    display: none;
  }

  .social-wrapper-footer-white-2 {
    width: auto;
    margin-bottom: 0;
  }

  .heading-jumbo-2 {
    margin-top: -40px;
    margin-bottom: 20px;
    font-size: 25px;
    line-height: 35px;
  }

  .div-block-594 {
    max-width: 60vw;
    margin-bottom: 20px;
  }

  .background-video, .div-block-596 {
    display: none;
  }

  .container-352 {
    flex-direction: row-reverse;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .section-36 {
    justify-content: center;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .footernewhome {
    flex-direction: column-reverse;
    justify-content: center;
    align-items: center;
    margin-right: 0;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
  }

  .footernewhome.photo-version {
    flex-flow: column;
    justify-content: center;
    align-items: center;
  }

  .footernewhome.newhome {
    border-bottom: 3px solid var(--goldenrod);
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .text-block-18 {
    color: var(--goldenrod);
    margin-bottom: 0;
    padding-right: 10px;
    font-size: 10px;
    line-height: 12px;
  }

  .text-block-18._9c {
    margin-bottom: 0;
    margin-left: 5px;
    margin-right: 5px;
    padding-right: 0;
    display: block;
  }

  .image-96 {
    max-width: 100%;
    margin-left: auto;
    margin-right: 0;
    padding: 10px;
    position: static;
    top: 21px;
  }

  .container-353 {
    flex-direction: column;
    width: auto;
    max-width: none;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    padding-top: 0;
    padding-left: 10px;
    padding-right: 10px;
    display: flex;
  }

  .button-5 {
    margin-top: 10px;
    margin-bottom: 40px;
    display: block;
  }

  .paragraph-light-4 {
    text-align: left;
    margin-bottom: auto;
    padding-left: 10px;
    display: flex;
  }

  .div-block-598 {
    max-width: 70vw;
    padding-left: 10px;
  }

  .div-block-599 {
    max-width: 60vw;
    padding-left: 10px;
  }

  .div-block-600 {
    flex-direction: column;
    max-width: 60vw;
    padding-left: 10px;
    display: flex;
  }

  .div-block-601 {
    max-width: 60vw;
    padding-left: 10px;
  }

  .body-3 {
    object-fit: none;
    overflow: visible;
  }

  .background-video-2 {
    width: 200px;
    height: 200px;
  }

  .div-block-602 {
    width: 100vw;
    margin-top: 0;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .div-block-603 {
    align-items: center;
    height: 100vh;
    padding-top: 60px;
    overflow: visible;
  }

  .team-pic-2.jessy {
    padding: 0;
  }

  .team-2 {
    margin-bottom: 100px;
  }

  .homelink.style, .homelink.style.w--current, .hughlink.style, .fmlink {
    width: 15px;
    height: 15px;
  }

  .yodalink {
    width: 15px;
    height: 15px;
    font-size: 18px;
  }

  .safelink, .safelink.w--current, .cocolink.hide, .scrolllink {
    width: 15px;
    height: 15px;
  }

  .sidepage {
    display: flex;
  }

  .sidepagesection {
    z-index: 99;
    height: 75px;
    padding-top: 20px;
  }

  .notpanel.coked {
    display: none;
  }

  .text-block-19 {
    text-align: center;
    padding-left: 5px;
    padding-right: 5px;
  }

  .grid1-2 {
    align-items: center;
    margin-top: 10px;
  }

  .divblock70-2 {
    width: 300px;
  }

  .divblock70-2.martina {
    margin-bottom: 10px;
  }

  .divblock70-2.drum, .divblock70-2.m2m8, .divblock70-2.tmb {
    width: 300px;
    height: 300px;
  }

  .divblock70-2.encounters {
    margin-bottom: 10px;
  }

  .heading-37 {
    margin-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 25px;
    line-height: 30px;
  }

  .portfolio {
    padding-bottom: 0;
    overflow: hidden;
  }

  .portfolio.mainpage {
    padding-bottom: 40px;
  }

  .potboxtext {
    margin-top: 20px;
    font-size: 14px;
    line-height: 25px;
  }

  .paragraph-3 {
    padding-left: 20px;
    padding-right: 20px;
    font-size: .8em;
  }

  .seemore {
    margin-top: 0;
  }

  .seemore.contact {
    padding: 0;
  }

  .yodadiv1-2 {
    width: 300px;
    height: 300px;
  }

  .grid-5 {
    border-left: 1px solid var(--goldenrod);
    border-radius: 5px;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
    margin-left: 40px;
    padding-left: 10px;
  }

  .bold-text-9 {
    letter-spacing: .5px;
    margin-left: 10px;
    margin-right: 10px;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 16px;
    line-height: 13px;
  }

  .section-38 {
    padding-top: 0;
  }

  .div-block-611 {
    margin-top: 0;
    margin-left: 20px;
    margin-right: 20px;
  }

  .div-block-612 {
    display: flex;
  }

  .fadedivblock1 {
    height: 400px;
    padding: 100px;
  }

  .container-357 {
    padding-top: 0;
    padding-left: 20px;
    padding-right: 20px;
  }

  .image-17 {
    max-width: 50%;
    margin-top: 0;
    margin-bottom: 30px;
    margin-left: 0;
  }

  .image-17.contact {
    max-width: 80%;
    margin-left: 20px;
    margin-right: 20px;
    padding: 0;
  }

  .footersection {
    width: 100vw;
    height: 110vh;
    display: flex;
  }

  .sidebarmaindiv2 {
    margin-top: 0;
  }

  .sidebardiv2 {
    display: none;
  }

  .homelink2.w--current {
    margin-top: 20px;
  }

  .homepage111 {
    width: auto;
    height: auto;
    display: block;
  }

  .mainpagenav1 {
    width: auto;
    height: auto;
    display: flex;
  }

  .div-block-605-copy {
    margin-top: 0;
    margin-left: 18px;
    padding-right: 0;
    display: flex;
    overflow: hidden;
  }

  .sidebarmaindiv11-copy {
    display: block;
  }

  .sidepage-copy {
    width: 100vw;
    padding-top: 20px;
    padding-bottom: 60px;
    display: none;
  }

  .image-100 {
    align-self: center;
  }

  .background-video-5 {
    height: 200px;
    padding-top: 0;
  }

  .background-video-5.h52 {
    top: 72px;
  }

  .div-block-614 {
    margin-left: 0%;
    margin-right: 0%;
  }

  .container-358 {
    margin-top: 0;
  }

  .section-40 {
    padding-top: 100px;
  }

  .sidepagemini {
    width: 100vw;
    padding-top: 20px;
    padding-bottom: 60px;
    display: none;
  }

  .sidepage1 {
    width: 100vw;
    display: none;
  }

  .div-block-615 {
    width: 70%;
  }

  .buttonlink1 {
    z-index: 10;
    border-radius: 10px;
    flex-direction: row;
    justify-content: center;
    width: 150px;
    height: auto;
    margin-top: 30px;
    margin-bottom: auto;
    padding: 10px;
    font-size: 12px;
    display: flex;
    position: relative;
    top: -50px;
    left: 27px;
  }

  .homepage111mob, .sidebarmaindiv11-mob {
    display: block;
  }

  .mobpan._1, .mobpan._2, .mobpan._3, .mobpan._6, .mobpan._7 {
    display: none;
  }

  .mobpan.cocozilla {
    display: none;
    overflow: visible;
  }

  .div-block-596-mob.mob {
    padding-top: 100px;
    display: block;
  }

  .intro-content-mob.cc-homepage {
    display: none;
  }

  .image-93-mob {
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
    display: block;
  }

  .heading-jumbo-mob {
    font-size: 36px;
    line-height: 48px;
  }

  .heading-jumbo-mob.mainheaderhero {
    max-width: 80vw;
    font-size: 28px;
    line-height: 38px;
  }

  .heading-jumbo-mob.center {
    margin-top: 140px;
    font-size: 25px;
  }

  .paragraph-bigger-mob.cc-bigger-white-light {
    max-width: 80vw;
    font-size: 12px;
    line-height: 24px;
  }

  .background-video-mob, .panel-copy._1, .panel-copy._2, .panel-copy._3, .panel-copy._6, .panel-copy._7, .panel-copy.cocozilla {
    display: none;
  }

  .div-block-288-mob {
    padding-left: 20px;
    overflow: visible;
  }

  .div-block-288-mob.yodamob {
    background-image: linear-gradient(#63bbb4a8, #63bbb4a8), url("https://cdn.prod.website-files.com/600d8b5520228ede091991b3/600d8b5520228e2e421992be_pexels-cdc-3992949.jpg");
    background-position: 0 0, 50%;
    background-size: auto, cover;
  }

  .div-block-601mob {
    max-width: 60vw;
    padding-left: 10px;
  }

  .buttonlink1mob {
    margin-top: 10px;
  }

  .div-block-615-mob {
    width: 70%;
  }

  .div-block-598-mob {
    max-width: 70vw;
    padding-left: 10px;
  }

  .heading-jumbo-copy {
    font-size: 36px;
    line-height: 48px;
  }

  .heading-jumbo-copy.mainheaderhero {
    font-size: 28px;
    line-height: 38px;
  }

  .heading-jumbo-copy.center {
    margin-top: 140px;
    font-size: 25px;
  }

  .div-block-600-mob {
    max-width: 60vw;
    padding-left: 10px;
  }

  .cooked-mob {
    overflow: hidden;
  }

  .div-block-599-mob {
    max-width: 60vw;
    padding-left: 10px;
  }

  .div-block-598-copy {
    max-width: 70vw;
    padding-left: 10px;
  }

  .link-block-26 {
    z-index: 5;
    width: 100%;
    height: 100vh;
    display: flex;
    position: relative;
  }

  .link-block-26-copy {
    z-index: 5;
    width: 100vw;
    height: 100vh;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
    position: relative;
  }

  .movedownlink1 {
    z-index: 5;
    flex-direction: row;
    justify-content: flex-start;
    align-self: flex-start;
    align-items: center;
    width: 100vw;
    height: 80vh;
    padding-bottom: 0;
    padding-left: 20px;
    padding-right: 0;
    text-decoration: none;
    display: flex;
    position: relative;
  }

  .movedownlink2 {
    z-index: 5;
    align-items: center;
    width: 100vw;
    height: 80vh;
    padding-bottom: 0;
    padding-left: 20px;
    padding-right: 0;
    text-decoration: none;
    display: flex;
    position: relative;
  }

  .movedownlink3 {
    z-index: 5;
    flex-direction: row;
    align-items: center;
    width: 100vw;
    height: 80vh;
    padding-bottom: 0;
    padding-left: 20px;
    padding-right: 0;
    text-decoration: none;
    display: flex;
    position: relative;
  }

  .container-359 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative;
  }

  .container-360 {
    padding-bottom: 0;
    left: 0;
  }

  .section-41 {
    flex-direction: column;
    padding-left: 20px;
    padding-right: 20px;
  }

  .section-42 {
    margin-bottom: 100px;
    padding-top: 100px;
    padding-left: 20px;
    padding-right: 20px;
    overflow: hidden;
  }

  .image-102 {
    width: 100%;
    margin-top: 20px;
    margin-bottom: 0;
  }

  .div-block-616 {
    color: var(--white);
  }

  .div-block-616.homefooter {
    height: 100vh;
  }

  .small-paragraph-3 {
    display: none;
  }

  .column-22 {
    padding-top: 45px;
    padding-bottom: 45px;
    left: -20px;
  }

  .div-block-617 {
    flex-direction: column;
    width: 100%;
  }

  .container-361 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .image-103 {
    width: 100%;
    margin-top: 40px;
  }

  .intro-text-2 {
    max-width: 80vw;
  }

  .heroservices {
    background-position: 0 0, 50% 0;
    background-size: auto, contain;
    height: 250px;
    margin-bottom: 40px;
  }

  .heroservices.illustration {
    margin-bottom: 40px;
  }

  .heroservices.logobrand {
    margin-bottom: 40px;
    padding-top: 32px;
  }

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

  .background-video-7 {
    width: 250px;
    height: 250px;
    margin-top: 20px;
  }

  .background-video-8 {
    overflow: visible;
  }

  .image-105 {
    max-width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    display: block;
    top: 0;
    left: auto;
  }

  .image-106 {
    width: 10%;
  }

  .container-362 {
    flex-direction: row;
    justify-content: center;
    align-items: center;
    display: block;
  }

  .field-label, .field-label-2, .field-label-3 {
    margin-bottom: 0;
    font-size: 10px;
  }

  .small-paragraph-4 {
    display: none;
  }

  .column-25 {
    padding-top: 45px;
    padding-bottom: 45px;
  }

  .row-8, .container-365 {
    flex-direction: column;
  }

  .image-107 {
    margin-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .italic-text-3 {
    line-height: 14px;
  }

  .introcolum.branding {
    flex-direction: row;
    align-items: stretch;
    margin-top: 0;
    padding-top: 0;
  }

  .columns-2 {
    flex-direction: column;
  }

  .text-block-21 {
    margin-bottom: 40px;
  }

  .grid-6 {
    padding-bottom: 0;
    display: block;
  }

  .div-block-623 {
    max-width: 75%;
  }

  .div-block-626 {
    margin-left: 20px;
    margin-right: 20px;
  }

  .paragraph-72 {
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .container-368 {
    flex-direction: column;
    display: block;
  }

  .heading-43.left.home {
    text-align: left;
    line-height: 45px;
  }

  .heading-44 {
    margin-top: 0;
  }

  .paragraph-73 {
    padding: 0;
  }

  .paragraph-73.white {
    text-align: center;
    padding-left: 20px;
    padding-right: 20px;
  }

  .paragraph-73.left {
    padding-right: 0;
  }

  .link-block-29.exposingdeviance {
    padding: 5px 20px;
  }

  .link-block-29.new {
    margin-top: 20px;
    margin-left: 0;
    padding: 10px;
    font-size: 12px;
    line-height: 20px;
  }

  .link-block-30 {
    align-items: center;
    display: flex;
  }

  .columns-5 {
    flex-direction: column;
    display: flex;
  }

  .column-32 {
    margin-bottom: 60px;
  }

  .section-45 {
    margin-top: 100px;
  }

  .image-111, .image-112 {
    margin-bottom: 0;
  }

  .heading-47 {
    font-size: 30px;
    line-height: 40px;
  }

  .section-50 {
    padding-bottom: 40px;
  }

  .form-section {
    background-color: var(--white);
    margin-left: 0;
    padding-left: 20px;
    padding-right: 20px;
  }

  .container-370 {
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .text-field-2 {
    border: 1px solid var(--goldenrod);
  }

  .submit-button {
    margin-top: 20px;
  }

  .link-11 {
    color: var(--goldenrod);
  }

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

  .media1 {
    width: 40px;
    height: 40px;
  }

  .image-120 {
    margin-top: 20px;
  }

  .div-block-63 {
    width: 170px;
    height: 40px;
    margin-top: -59px;
  }

  .fallguy4.kid {
    margin-top: -51px;
    left: 123px;
  }

  .hero-2 {
    display: none;
  }

  .heading-49 {
    margin-top: 20px;
    font-size: 25px;
    position: relative;
    top: 26px;
    left: -44px;
  }

  .fallguy2 {
    top: 491px;
  }

  .div-block-62 {
    width: auto;
  }

  ._3rd-section {
    display: none;
  }

  .testimonials {
    padding: 40px 0 0;
    overflow: hidden;
  }

  .contactyo {
    height: auto;
    margin-top: -122px;
    padding-left: 30px;
    padding-right: 30px;
    display: block;
  }

  .paragraph-light-5 {
    width: 100%;
    font-size: 12px;
    line-height: 20px;
  }

  .contact-2 {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding-top: 60px;
    padding-left: 15px;
    padding-right: 15px;
    left: -13px;
  }

  .header {
    overflow: hidden;
  }

  .ourservices {
    padding-left: 20px;
    padding-right: 20px;
    overflow: hidden;
  }

  .div-block-644.invisible {
    display: none;
  }

  .image-128 {
    min-width: 100%;
    margin-top: 0;
    position: static;
    top: 0;
    left: 0;
  }

  .container-372 {
    padding-left: 40px;
    padding-right: 40px;
  }

  .image-130 {
    margin-top: 20px;
  }

  .recentwork {
    overflow: hidden;
  }

  .div-block-649 {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .portfolioparent {
    display: none;
  }

  .heading-51 {
    margin-top: 20px;
    font-size: 25px;
  }

  .div-block-653 {
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin: 20px 0 60px;
    padding-left: 0;
    padding-right: 0;
    display: flex;
    left: 0;
  }

  .div-block-653.potfolio {
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .text-block-15 {
    margin-bottom: 0%;
    font-size: 70%;
    line-height: 20px;
  }

  .text-block-15.portfilio {
    width: 90%;
    margin-top: 10px;
    padding-left: 10px;
  }

  .link-block-31 {
    width: 50%;
  }

  .heading-16 {
    text-align: center;
    width: 90%;
    margin-bottom: 10px;
    font-size: 25px;
  }

  .columns-10 {
    height: 300px;
    margin-top: 60px;
    margin-left: 20px;
  }

  .clientscroller {
    padding-bottom: 40px;
  }

  .div-block-654 {
    padding: 0;
    display: block;
  }

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

  .container-375 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .link-block-32 {
    margin-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .container-376 {
    margin-bottom: 20px;
  }

  .grid-13 {
    max-width: 90vw;
  }

  .div-block-657.blue {
    background-color: var(--light-sea-green);
  }

  .columns-11 {
    padding-left: 20px;
    padding-right: 20px;
  }

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

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

  .container-377 {
    flex-direction: column;
    align-items: center;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
  }

  .column-39 {
    padding-top: 20px;
    left: auto;
  }

  .bold-text-16 {
    display: none;
  }

  .grid-blog {
    display: block;
  }

  .div-block-662 {
    align-items: flex-start;
  }

  .image-142.hr50 {
    margin-top: 40px;
  }

  .beauty-posts-section, .post-section {
    padding-left: 5vw;
    padding-right: 5vw;
  }

  .rich-text-2.layout-one {
    text-align: center;
    font-size: 14px;
  }

  .section-60.intro {
    overflow: hidden;
  }

  .h3 {
    margin-top: 42px;
  }

  .h3.txt-center {
    font-size: 23px;
    line-height: 30px;
  }

  .paragraph.heading-center.footer {
    padding-left: 14px;
    padding-right: 14px;
  }

  .feature-image {
    margin-top: -38px;
  }

  .feature-image.oter {
    width: 280px;
    left: -9px;
  }

  .feature-image.oter.oter-2 {
    left: 105px;
  }

  .wrapper-2.hero {
    padding-left: 10px;
    padding-right: 10px;
  }

  .feature-dec.left, .feature-dec.right {
    padding-left: 11px;
    padding-right: 11px;
  }

  .heading-center.footer {
    padding-left: 0;
    padding-right: 0;
  }

  .image-144.hidemobile {
    display: none;
  }

  .mobileonly {
    margin-top: 100px;
    display: block;
  }

  .image-145.hidmobile {
    display: none;
  }

  .image-146 {
    display: block;
  }

  .heading-52 {
    font-size: 12px;
  }

  .container-380 {
    padding: 20px 20px 20px 10px;
  }

  .author-card-wrapper {
    width: 100%;
  }

  .blog-section {
    padding-left: 5vw;
    padding-right: 5vw;
  }

  .category-tag-2 {
    margin-top: 20px;
    margin-right: 0;
  }

  .auhtor-date-wrap {
    flex-direction: column;
    display: flex;
  }

  .div-block-665 {
    flex-direction: column;
  }

  .div-block-667 {
    flex-direction: column;
    display: flex;
  }

  .freedomfest2022_port {
    background-position: 50%;
    background-size: cover;
  }

  .html-embed {
    display: none;
  }

  .bold-text-19 {
    color: #404444;
  }

  .left-svitch-div {
    float: left;
    flex: 1;
    display: block;
  }

  .section-63 {
    padding-left: 0;
    padding-right: 0;
  }

  .radio-button-field {
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 20px;
  }

  .field-label-12.solid {
    float: none;
  }

  .calculator-revenue-2 {
    margin-bottom: 5px;
    font-size: 28px;
    line-height: 30px;
  }

  .calculator-form {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .ui-widget-content {
    background-color: #e5e5e5;
  }

  .grey-line {
    margin-right: 20px;
  }

  .header-2 {
    padding-left: 21px;
    padding-right: 21px;
  }

  .h1 {
    font-size: 50px;
  }

  .button-icon.button {
    margin-left: 39px;
    margin-right: 39px;
    padding-left: 2px;
    padding-right: 2px;
    display: block;
  }

  .button-icon.button.last-child {
    margin-left: 39px;
    margin-right: 39px;
  }

  .headimg {
    width: 230px;
    top: -11%;
    left: -24%;
  }

  .headimg._2 {
    bottom: -20%;
  }

  .image {
    width: 530px;
  }

  .mask-2 {
    height: 560px;
  }

  .app-feature-card {
    margin-bottom: 29px;
    margin-left: 31px;
    margin-right: 31px;
    padding-left: 28px;
    padding-right: 28px;
  }

  .slider-5 {
    height: 530px;
  }

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

  .form-2 {
    text-align: center;
    padding-bottom: 10px;
    display: block;
  }

  .image-3 {
    margin-top: -50px;
  }

  .form-block-2 {
    margin-top: -23px;
  }

  .button-12.alt.no-mg {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 77px;
    padding-right: 77px;
    display: block;
  }

  .text-field-5 {
    text-align: center;
    border-bottom-style: solid;
    border-bottom-color: #d4e0fc;
    margin-bottom: 28px;
    padding-top: 38px;
    padding-bottom: 39px;
  }

  .chapter-grid {
    column-count: 1;
  }

  .div-block-671 {
    width: auto;
  }

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

  .heading-53.left.home {
    text-align: left;
    line-height: 45px;
  }

  .header-3 {
    overflow: hidden;
  }

  .navbar-6 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .brand-link {
    padding-left: 0;
  }

  .menu-button-4 {
    padding-right: 0;
  }

  .photosection {
    padding-bottom: 0;
  }

  .navbar-7 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .menu-button-5 {
    padding-right: 0;
  }

  .navbar-8 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .menu-button-6 {
    padding-right: 0;
  }

  .social-wrapper.about {
    justify-content: space-between;
  }

  .social-icon-wrapper {
    width: 32px;
    height: 32px;
  }

  .social-icon-wrapper.about {
    width: 32px;
    height: 32px;
    margin-right: 0;
  }

  .social-icon {
    width: 18px;
  }

  .text-block-38 {
    display: block;
  }

  .about-top-section-2 {
    padding-left: 5vw;
    padding-right: 5vw;
  }

  .drag {
    width: 4%;
    left: 48%;
  }

  .before_mobile {
    background-repeat: repeat-x;
    background-size: cover;
  }

  .container-385 {
    height: 300px;
  }

  .before {
    background-repeat: repeat-x;
    background-size: cover;
  }

  .container-386 {
    justify-content: center;
    align-items: center;
  }

  .text-block-39 {
    display: block;
  }

  .menu-button-7 {
    padding-right: 0;
  }

  .container-387 {
    justify-content: center;
    align-items: center;
  }

  .navbar-9 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .text-block-40 {
    display: none;
  }

  .text-block-40.undhidenavtext {
    width: 100%;
    margin-top: 40px;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .menu-button-8 {
    padding-right: 0;
  }

  .image-168 {
    max-width: 80px;
    margin-bottom: 0;
  }

  .navbar-container-7 {
    padding-bottom: 5px;
  }

  .container-388 {
    justify-content: center;
    align-items: center;
  }

  .div-block-706 {
    width: 100vw;
    margin-top: auto;
    overflow: visible;
  }

  .navbar-10 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .container-389 {
    max-width: none;
  }

  .centered-heading {
    margin-bottom: 24px;
  }

  .testimonial-slide-wrapper {
    max-width: 100%;
    margin-right: 0%;
  }

  .testimonial-card {
    margin-left: 10px;
    margin-right: 10px;
  }

  .testimonial-slider-left {
    left: -10px;
  }

  .testimonial-slider-right {
    right: -10px;
  }

  .tlc-small-head {
    font-size: 18px;
  }

  .ts-review {
    font-size: 14px;
    line-height: 24px;
  }

  .ts-content {
    padding-left: 10px;
    padding-right: 10px;
  }

  .tlc-head {
    max-width: 100%;
    font-size: 30px;
    line-height: 36px;
  }

  .tlc-line {
    width: 38px;
  }

  .ts-right {
    margin-top: 30px;
  }

  .tlc-desc {
    font-size: 14px;
    line-height: 24px;
  }

  .text-container {
    flex-direction: column;
    display: flex;
  }

  .card-big-number {
    font-size: 100px;
    position: static;
  }

  .card-main-image-container {
    margin-bottom: 10px;
  }

  .card-main-image {
    height: 110px;
    max-height: none;
  }

  .card-content-icon {
    margin-left: auto;
    margin-right: auto;
  }

  .card-wrapper {
    flex-direction: column;
    align-items: center;
    max-width: 350px;
    height: auto;
    padding: 15px;
    transform: translate(0, 50vw);
  }

  .cards-container {
    height: 50vh;
  }

  .card-content-wrapper {
    grid-row-gap: 0px;
    grid-template-columns: 1fr;
    align-items: start;
    margin-top: 0;
  }

  .trigger-card-2 {
    top: 196.7vh;
  }

  .section-66 {
    height: 400vh;
    padding: 2vh;
  }

  .trigger-card-3 {
    top: 295vh;
  }

  .trigger-card-1 {
    top: 98.3vh;
  }

  .quick-stack {
    min-width: 200vw;
  }

  .image-172 {
    width: 120px;
  }

  .image-172.smallerlogo {
    height: 40px;
    margin-top: 10px;
  }

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

  .brix---paragraph-default {
    font-size: 17px;
    line-height: 28px;
  }

  .brix---mg-top-16px {
    margin-top: 12px;
  }

  .brix---icon-square-32px---twitter {
    border-radius: 6px;
    width: 30px;
    min-width: 30px;
    height: 30px;
    min-height: 30px;
    font-size: 14px;
  }

  .brix---testimonial-v9-twitter-icon {
    grid-template-columns: repeat(auto-fit, 30px);
  }

  .brix---text-100 {
    font-size: 15px;
  }

  .brix---text-200-bold {
    font-size: 15px;
    line-height: 16px;
  }

  .brix---avatar-image-link {
    object-fit: cover;
    width: 100%;
    height: 100%;
  }

  .brix---avatar-circle-03 {
    width: 48px;
    min-width: 48px;
    max-width: 48px;
    height: 48px;
    min-height: 48px;
    max-height: 48px;
  }

  .brix---card-testimonial-twitter {
    padding-top: 40px;
    padding-left: 24px;
    padding-right: 24px;
  }

  .brix---grid-3-columns {
    grid-template-columns: 1fr;
  }

  .brix---btn-secondary, .brix---btn-primary {
    width: 100%;
    padding-top: 18px;
    padding-bottom: 18px;
    font-size: 17px;
    line-height: 19px;
  }

  .brix---button-row-left {
    width: 100%;
    margin-bottom: 20px;
    margin-right: 0;
  }

  .brix---buttons-row-right---t-left {
    flex-direction: column;
    align-items: stretch;
  }

  .brix---heading-h2-size {
    font-size: 24px;
    line-height: 34px;
  }

  .brix---mg-bottom-16px {
    margin-bottom: 15px;
  }

  .brix---grid-top---text-2-buttons {
    grid-row-gap: 16px;
    grid-template-columns: 1fr;
  }

  .brix---container-default {
    padding-left: 20px;
    padding-right: 20px;
  }

  .brix---text-200 {
    font-size: 15px;
    line-height: 16px;
  }

  .brix---mg-bottom-8px {
    margin-bottom: 6px;
  }

  .brix---heading-h4-size {
    font-size: 18px;
    line-height: 24px;
  }

  .brix---avatar-image {
    width: 100%;
  }

  .brix---avatar-circle-04 {
    width: 56px;
    min-width: 56px;
    max-width: 56px;
    height: 56px;
    min-height: 56px;
    max-height: 56px;
  }

  .brix---card-testimonial-v2 {
    padding: 40px 24px;
  }

  .brix---3-columns-1-col-tablet {
    grid-template-columns: 1fr;
  }

  .brix---mg-bottom-48px {
    margin-bottom: 32px;
  }

  .image-173.mobnav {
    margin-top: 10px;
  }

  .container-395 {
    flex-wrap: nowrap;
  }

  .label-heading {
    margin-bottom: 0;
  }

  .paragraph-18 {
    font-size: 14px;
  }

  .paragraph-18.blak {
    margin-top: 10px;
    font-size: 14px;
  }

  .project-link-wrapper {
    width: 100%;
    min-width: auto;
    max-width: none;
    height: auto;
  }

  .project-link-wrapper.project-even {
    min-width: auto;
  }

  .project-background-image {
    width: 100%;
    min-width: auto;
    max-width: none;
    height: 300px;
    max-height: none;
    margin-bottom: 0;
    overflow: hidden;
  }

  .project-text-wrapper {
    margin-top: -4.8rem;
    margin-bottom: 60px;
    padding-left: 10px;
    display: block;
    position: static;
    bottom: 96px;
    left: 5%;
  }

  .project-heading {
    font-size: 20px;
    font-weight: 500;
  }

  .title-wrapper-sticky {
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: -38px;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .section-69.intro {
    padding-top: 0;
    padding-bottom: 0;
  }

  .container-396 {
    flex-wrap: nowrap;
  }

  .container-396.intro-container {
    margin-top: 120px;
    padding-bottom: 10px;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .intro-text-white {
    margin-bottom: 0;
    padding-right: 0;
    font-size: 1.2em;
  }

  .intro-text-white.infotext {
    margin-bottom: 10px;
  }

  .intro-text-white.hidemob2 {
    display: none;
  }

  .scrolling-logo-outer-wrapper {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .scrolling-logo-wrapper {
    width: 25vw;
    max-height: 8vw;
  }

  .container-397 {
    flex-wrap: nowrap;
  }

  .section-71 {
    display: block;
  }

  .section-71.noline {
    padding-top: 20px;
    padding-bottom: 0;
    padding-left: 0;
  }

  .section-71.blackbg {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .skill-title {
    font-size: 1.25rem;
  }

  .heading-h2-3 {
    letter-spacing: 0;
    padding-bottom: 10px;
    font-size: 1em;
    line-height: 29px;
  }

  .container-398 {
    flex-wrap: nowrap;
  }

  .line-2 {
    margin-top: 40px;
  }

  .awards-links-wrapper {
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    width: 100vw;
    padding: 0;
  }

  .awards-links-wrapper.extra {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .awards-subheading {
    width: 100vw;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 12px;
    display: flex;
    overflow: visible;
  }

  .awards-logo-wrapper {
    width: 6rem;
    height: 2rem;
    margin-top: 8px;
  }

  .container-399 {
    max-width: none;
  }

  .nav-menu-three {
    flex-direction: column;
  }

  .container-400 {
    flex-wrap: nowrap;
  }

  .container-400.narrow {
    width: 100%;
  }

  .quote-heading {
    font-size: 1.4em;
    line-height: 1.3em;
  }

  .quote-card {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .quote-profile-image-wrapper {
    margin-right: 12px;
  }

  .nav-menu-9 {
    background-color: var(--white);
    border-top: 3px solid #000;
    border-bottom: 3px solid #000;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 20px;
  }

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

  .nav-link-16 {
    width: 100%;
    padding-top: 0;
    padding-bottom: 10px;
  }

  .navbar-11 {
    padding: 10px 0;
  }

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

  .page-padding.s0 {
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 2em;
    overflow: hidden;
  }

  .padding-vertical {
    padding-left: 0;
    padding-right: 0;
  }

  .padding-vertical.padding-xxlarge {
    padding: 0;
  }

  .logo-slider-img {
    aspect-ratio: auto;
    object-fit: contain;
    width: 55px;
    max-width: none;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
  }

  .logo-slider-img.logohidemob {
    width: 60px;
  }

  .logo-slider-img.logohidemob2 {
    width: 60px;
    display: none;
  }

  .logo_component-slider {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    overflow: visible;
  }

  .btn-w {
    font-size: .9375rem;
  }

  .card-w {
    padding: 1.5rem;
  }

  .brandname-w {
    padding-top: 3rem;
  }

  .x-container {
    padding-left: 1.125rem;
    padding-right: 1.125rem;
  }

  .close-btn-w {
    opacity: .9;
    width: 2rem;
    height: 2rem;
    margin-top: 1.5rem;
    margin-right: 1.5rem;
    inset: 0% 0% auto auto;
  }

  .modal-content-w {
    padding: 1rem;
  }

  .modal-1-popup {
    padding-left: 0;
    padding-right: 0;
  }

  .modal {
    background-color: #fff;
    border-radius: 15px;
  }

  .navigationjessyport {
    display: none;
  }

  .modal-1-popup-2, .modal-2-popup {
    padding-left: 0;
    padding-right: 0;
  }

  .modal-scroll-content-w {
    margin: 10px;
    padding: 1.5rem;
  }

  .modal-3-popup {
    padding-left: 10px;
    padding-right: 10px;
  }

  .modal-scroll {
    background-color: #b2969600;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }

  .modal-1-popup-3 {
    padding-left: 0;
    padding-right: 0;
  }

  .modal-w-scroll {
    width: 100%;
    height: 550px;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .teamplannermodalpop {
    padding-left: 0;
    padding-right: 0;
  }

  .teamplannerclosemodal {
    width: 3rem;
    height: 3rem;
    margin-top: 1.5rem;
    margin-right: 1.5rem;
  }

  .brix---mg-bottom-8px-2 {
    margin-bottom: 6px;
  }

  .brix---mg-bottom-16px-2 {
    margin-bottom: 15px;
  }

  .brix---container-default-2 {
    padding: 0;
  }

  .brix---heading-h2-size-2 {
    font-size: 24px;
    line-height: 34px;
  }

  .brix---heading-h3-size {
    margin-bottom: 10px;
    font-size: 20px;
    line-height: 30px;
  }

  .brix---testimonial-v3-image-wrapper {
    border-top-right-radius: 24px;
    border-bottom-left-radius: 0;
  }

  .brix---paragraph-default-2 {
    font-size: 17px;
    line-height: 28px;
  }

  .brix---text-300-bold {
    font-size: 17px;
    line-height: 21px;
  }

  .brix---btn-slider-arrow-right---top-left {
    bottom: -72px;
    left: 26%;
  }

  .brix---btn-slider-arrow-right---top-right {
    bottom: -72px;
    right: 26%;
  }

  .brix---card-testimonial-v3 {
    flex-direction: column;
  }

  .brix---card-content-testimonial-v3 {
    padding-left: 22px;
    padding-right: 22px;
  }

  .brix---mg-bottom-24px {
    margin-bottom: 16px;
  }

  .brix---mg-bottom-64px {
    margin-bottom: 40px;
  }

  .brix---btn-primary-2, .brix---btn-secondary-2 {
    width: 100%;
    padding-top: 18px;
    padding-bottom: 18px;
    font-size: 17px;
    line-height: 19px;
  }

  .brix---buttons-row {
    flex-direction: column;
    align-items: stretch;
  }

  .brix---heading-h1-size {
    margin-bottom: 10px;
    font-size: 30px;
    line-height: 37px;
  }

  .brix---image {
    width: 100vw;
    height: 400px;
  }

  .brix---button-row-left-2 {
    width: 100%;
    margin-bottom: 20px;
    margin-right: 0;
  }

  .brix---grid-2-columns-text {
    flex-flow: column;
  }

  .brix---grid-2-columns-2-col-mbl {
    grid-template-columns: 1fr;
  }

  .brix---image-wrapper-br-24px-shadow {
    border-radius: 16px;
  }

  .brix---color-neutral-806 {
    margin-left: 10px;
    margin-right: 10px;
  }

  .brix---image-wrapper-br-24px {
    border-radius: 16px;
  }

  .brix---grid-gallery-v5 {
    grid-template-columns: 1fr 1fr;
  }

  .brix---gallery-v5-col {
    grid-row-gap: 16px;
  }

  .brix---gallery-v5-col-hidden {
    display: none;
  }

  .accordion-label.show-mvp {
    font-size: 60px;
    display: none;
  }

  .outline-btn {
    align-self: center;
    height: 45px;
    margin-top: .5rem;
    margin-bottom: .5rem;
    display: flex;
  }

  .white-bubble-btn {
    align-self: center;
    height: 45px;
    margin-top: 1rem;
    margin-bottom: .5rem;
    display: none;
  }

  .steps-section {
    min-height: 50vh;
  }

  .step-heading {
    font-size: 2.2rem;
  }

  .big-background-text {
    text-align: left;
    font-size: 6rem;
    top: 4.6rem;
    overflow: hidden;
  }

  .footer-columns {
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
  }

  .long-button-wrap {
    width: 260px;
  }

  .card-item {
    width: 75vw;
  }

  .card-item.services-card {
    width: 70vw;
    height: auto;
    min-height: 18rem;
    margin-left: .4rem;
    margin-right: .4rem;
    padding: .6rem;
  }

  .progress-bar {
    height: 2px;
  }

  ._150-image-wrapper-inner {
    width: 300vw;
  }

  .footer-column {
    margin-bottom: 2rem;
    margin-right: 0;
    padding-bottom: 0;
  }

  .cta-header {
    font-size: 3rem;
  }

  .footer-column-header {
    font-size: 1rem;
  }

  .home-hero-header {
    width: auto;
    font-size: 2em;
  }

  .grid-2-columns.footer-top {
    padding-left: 9px;
    padding-right: 9px;
  }

  .home-hero-heading {
    font-size: 4rem;
  }

  .logo-footer {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .lottie-arrow-wrap {
    width: 40px;
    height: 40px;
    top: 11.4rem;
  }

  .scrolling-list {
    padding-top: 1.1rem;
    padding-bottom: 1.1rem;
    padding-left: 0;
  }

  .step-wrap {
    width: 100%;
  }

  .mask-3 {
    padding-top: 60px;
    padding-bottom: 30px;
  }

  .paragraph-large {
    font-size: 14px;
  }

  .header-logo {
    position: absolute;
    top: 1.5rem;
    left: 1.5rem;
  }

  .misc-section {
    padding: 4% 0%;
  }

  .steps-container {
    min-height: 50vh;
  }

  .social-footer-image {
    width: 6rem;
  }

  .showreel-info {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .content-wrapper-2 {
    grid-row-gap: 36px;
  }

  .footer-copyright-section {
    padding-top: 15%;
    padding-left: 0%;
    padding-right: 0%;
  }

  .section-button-wrapper {
    flex-direction: column;
  }

  .past-projects-section {
    padding-top: 90px;
    padding-bottom: 90px;
  }

  .footer-copyright {
    padding-top: 23px;
  }

  .home-cta-section {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .plain_text {
    font-size: .9rem;
  }

  .testimonial-slide-wrapper-2 {
    min-height: 600px;
    padding-top: 40px;
    padding-bottom: 80px;
  }

  .social-icon-container.right.middle-mobile {
    flex-wrap: wrap;
    justify-content: center;
  }

  .project-grid-2, .project-grid-2.full-width {
    grid-row-gap: 60px;
  }

  .bleh-img-link {
    inset: auto 0% 0% auto;
  }

  .the-problem-section {
    padding-top: 4.7rem;
  }

  .section-header-wrapper {
    padding-left: 1.2rem;
  }

  .testimonial-text {
    font-size: 32px;
  }

  .content-stacked {
    grid-row-gap: 60px;
  }

  .header-logo-2 {
    width: 50px;
    margin-right: .5rem;
  }

  .staff-wrap {
    flex-direction: column;
  }

  .page-nav-header {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .simple-nav-header {
    margin-bottom: 3px;
    font-size: .8rem;
  }

  .div-block-724 {
    justify-content: center;
    align-items: center;
    margin-bottom: 40px;
    display: block;
  }

  .paragraph-80.rightalignjsstextbody {
    display: none;
  }

  .brand-6 {
    padding-left: 0;
    font-size: 14px;
  }

  .heading-overflow {
    flex-flow: wrap;
    padding-top: 0;
    display: flex;
    overflow: visible;
  }

  .heading-overflow.hidemob {
    display: none;
  }

  .heading-overflow.verticle {
    justify-content: center;
    align-items: center;
    overflow: visible;
  }

  .big-split-header {
    margin-top: 0;
    font-size: 40px;
  }

  .big-split-header.outline {
    margin-bottom: -10px;
    padding-bottom: 3px;
    font-size: 40px;
    display: none;
  }

  .big-split-header.outline.biggbiguy {
    font-size: 2rem;
    display: none;
  }

  .big-split-header.bigguy {
    margin-top: 10px;
    margin-bottom: 20px;
    font-size: 2.5rem;
  }

  .big-split-header.mobile {
    display: none;
  }

  .big-split-header.hidemon {
    font-size: 2rem;
    display: block;
  }

  .big-split-header.illustrationhead {
    width: 100vw;
    font-size: 2rem;
  }

  .big-split-header.extra {
    margin-left: 0;
    font-size: 2.7rem;
  }

  .big-split-header.heroheader {
    padding-top: 0;
    font-size: 40px;
  }

  .big-split-header.hidmob {
    display: none;
  }

  .big-split-header.hidmob.white {
    display: block;
  }

  .big-split-header.hiddesktop {
    font-size: 35px;
    display: block;
  }

  .big-split-header.hidemobonly {
    display: none;
  }

  .accordion-arrow-wrap {
    width: 15%;
    padding-right: 10px;
  }

  .accordion-tab-button-dark {
    width: auto;
    padding-left: 7px;
    padding-right: 7px;
  }

  .small-accordion-section {
    min-height: auto;
    padding: 20px 0 .1rem;
  }

  .section-header-wrapper-2 {
    padding-left: 1.2rem;
  }

  .small-accordion-header {
    margin-right: 11px;
    padding-left: 5px;
    font-size: 1.2em;
  }

  .small-accordion-header.with-icon {
    width: 70%;
    font-size: 1em;
  }

  .accordion-pane-content {
    padding-left: 10px;
    padding-right: 10px;
  }

  .small-accordion-item {
    width: auto;
    min-width: 100%;
    max-width: none;
  }

  .large-header-wrap {
    flex-direction: column;
    align-items: flex-start;
  }

  .large-header-wrap.invert.stacked {
    margin-bottom: -50px;
  }

  .section-header-wrapper-3 {
    padding-left: 1.2rem;
  }

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

  .content-wrapper-3 {
    padding-bottom: 0;
  }

  .scroll-inner {
    margin-top: 0;
    padding-left: 10px;
    padding-right: 10px;
  }

  .scroll-card {
    min-height: auto;
    margin-bottom: 0;
  }

  .scroll-card.diffpadlft {
    margin-bottom: 2rem;
  }

  .photographysection {
    height: auto;
  }

  .image-175 {
    object-fit: cover;
    height: 400px;
    min-height: 400px;
    max-height: 400px;
    margin-top: 0;
    margin-bottom: 40px;
    position: static;
    overflow: hidden;
  }

  .heading-61 {
    font-size: 20px;
    top: -28px;
  }

  .heading-61.miniv {
    font-size: 26px;
    top: -73px;
    left: -3px;
  }

  .heading-61.miniv.secondhe {
    opacity: .96;
    font-size: 26px;
    top: -25px;
    left: 7px;
  }

  .teamplannermodalpop-copy, .mandarinmodal, .momodal, .shmodal {
    padding-left: 0;
    padding-right: 0;
  }

  .brix---mg-bottom-8px-3 {
    margin-bottom: 6px;
  }

  .brix---mg-bottom-16px-3 {
    margin-bottom: 15px;
  }

  .brix---text-301 {
    font-size: 15px;
    line-height: 16px;
  }

  .brix---btn-primary-3 {
    width: 100%;
    padding-top: 18px;
    padding-bottom: 18px;
    font-size: 17px;
    line-height: 19px;
  }

  .brix---container-default-3 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .brix---heading-h2-size-3 {
    font-size: 24px;
    line-height: 34px;
  }

  .brix---avatar-image-2 {
    width: 100%;
  }

  .brix---grid-top---text-2-buttons-2 {
    grid-row-gap: 16px;
    grid-template-columns: 1fr;
  }

  .brix---paragraph-default-3 {
    font-size: 17px;
    line-height: 28px;
  }

  .brix---text-200-bold-2 {
    font-size: 15px;
    line-height: 16px;
  }

  .brix---buttons-row-right---t-left-2 {
    flex-direction: column;
    align-items: stretch;
  }

  .brix---avatar-circle-5 {
    width: 56px;
    min-width: 56px;
    max-width: 56px;
    height: 56px;
    min-height: 56px;
    max-height: 56px;
  }

  .brix---mg-left-16px {
    margin-left: 13px;
  }

  .brix---btn-slider-arrow-right---testimonial-v12 {
    right: 31%;
  }

  .brix---btn-slider-arrow-left---testimonial-v12 {
    left: 31%;
  }

  .brix---card-testimonial-v14 {
    padding: 40px 24px 24px;
  }

  .brix---testimonial-v14-left-right {
    padding: 32px 22px;
  }

  .brix---section-overflow-hidden {
    padding-top: 96px;
    padding-bottom: 96px;
  }

  .div-block-728 {
    width: 100%;
    padding-right: 0;
  }

  .main-container-2 {
    max-width: 100%;
  }

  .csilver {
    font-size: 14px;
    line-height: 20px;
  }

  .small-card {
    padding-right: 0;
  }

  .spacer-m {
    display: none;
  }

  .testimonial-author-2 {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: 40px;
  }

  .h2 {
    font-size: 30px;
  }

  .cta-flex {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    flex-direction: column;
    align-items: flex-start;
    display: flex;
  }

  .paragraph-2 {
    margin-bottom: 0;
    padding-right: 20px;
    font-size: 14px;
  }

  .paragraph-2.expriencetext {
    margin-top: 5px;
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .text-big {
    z-index: 1;
    font-size: 35px;
    position: relative;
  }

  .text-big.is--thin {
    font-size: 35px;
  }

  .container-401 {
    height: auto;
    padding-top: 0;
    padding-bottom: 0;
  }

  .container-401.modalversion {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding-bottom: 2em;
    display: flex;
  }

  .grid-item.text {
    padding-top: 0;
    padding-bottom: 0;
  }

  .grid-item.is--buttom-2 {
    width: 100%;
    padding-top: 0;
    padding-bottom: 0;
  }

  .grid-item.is--buttom {
    width: 100%;
    padding-top: 2em;
    padding-bottom: 2em;
  }

  .grid-item.is--buttom.modalversion {
    padding-bottom: 0;
  }

  .contact-big-mobile {
    display: block;
  }

  .link-block-2 {
    margin-bottom: 40px;
  }

  .grid-23 {
    width: 54em;
    height: 25em;
  }

  .line-big {
    width: 70em;
    display: none;
  }

  .heading-62 {
    color: var(--goldenrod);
    margin-bottom: 20px;
    font-size: 15px;
  }

  .pricay-policy {
    padding-bottom: 40px;
  }

  .contact-big {
    display: none;
  }

  .grid-24 {
    flex-flow: column;
    width: 100%;
    display: flex;
  }

  .grid-24.is--second {
    flex-direction: column;
  }

  .line-big-mobile {
    width: 226px;
    display: block;
  }

  .div-block-729 {
    filter: blur(90px);
    top: -12%;
    right: -18%;
  }

  .grid_desktop {
    display: none;
  }

  .spacing {
    width: 100%;
    height: 6em;
  }

  .div-block-730.contactmodal {
    flex-flow: column;
  }

  .div-block-731.hidmob {
    display: none;
  }

  .privacymodal {
    padding-left: 0;
    padding-right: 0;
  }

  .container-402 {
    justify-content: space-between;
    align-items: center;
    padding: 0;
    display: flex;
  }

  .menu-button-10 {
    padding: 0;
  }

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

  .container-403, .container-404 {
    display: none;
  }

  .ffmodal {
    padding-left: 0;
    padding-right: 0;
  }

  .ffclosemodal {
    width: 3rem;
    height: 3rem;
    margin-top: 1.5rem;
    margin-right: 1.5rem;
  }

  .container-405 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .testimonialszz {
    display: block;
  }

  .testimonialszz.noline {
    padding-top: 60px;
    padding-bottom: 0;
    padding-left: 0;
  }

  .illustration {
    padding: 0;
    display: block;
  }

  .illustration.noline {
    padding-top: 20px;
    padding-bottom: 0;
    padding-left: 0;
  }

  .heading-h2-4 {
    font-size: 25px;
    line-height: 29px;
  }

  .title-wrapper-sticky-2 {
    padding-top: 20px;
    padding-bottom: 0;
  }

  .container-406 {
    flex-wrap: nowrap;
  }

  .brix---image-wrapper-br-24px-shadow-2 {
    border-radius: 16px;
  }

  .big-split-header-2 {
    margin-top: 0;
    font-size: 3.2rem;
  }

  .big-split-header-2.outline {
    padding-bottom: 3px;
  }

  .brix---container-default-4 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .awards-title-2 {
    text-align: center;
    margin-bottom: 5px;
    padding-top: 20px;
    padding-left: 10px;
    padding-right: 10px;
    line-height: 1.2em;
    display: block;
  }

  .white-bubble-btn-2 {
    align-self: center;
    height: 45px;
    margin-top: .5rem;
    margin-bottom: .5rem;
    display: flex;
  }

  .c-slide-btn-block {
    width: 20vw;
    height: 20vw;
  }

  .c-main-slide-description {
    text-align: center;
  }

  .link-menu {
    font-size: 2.5em;
  }

  .ci-main-slide-content {
    align-items: center;
    width: 85%;
  }

  .main-slide-title {
    text-align: center;
    font-size: 10vw;
  }

  .c-main-slide-content {
    flex-direction: column;
    justify-content: flex-start;
    display: flex;
  }

  .heading-style-h1 {
    font-size: 4rem;
  }

  .slider_button {
    top: 59%;
  }

  .illustrationslidrtitle {
    font-size: 23px;
  }

  .container-407 {
    max-width: none;
  }

  .gallery-wrapper {
    grid-template-columns: 1fr;
  }

  .gallery-slide-wrapper {
    max-width: 100%;
    margin-right: 0%;
  }

  .gallery-slide-image {
    width: auto;
  }

  .gallery-slider-left {
    left: -20px;
  }

  .gallery-slider-right {
    right: -20px;
  }

  .mini {
    margin: 0;
    padding: 10px 20px;
    display: block;
  }

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

  .contactnodal {
    height: 100vh;
    padding-left: 0;
    padding-right: 0;
  }

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

  .text-block-48 {
    opacity: 0;
    padding: 10px 10px 20px;
  }

  .circle-small {
    width: 50rem;
    height: 50rem;
    margin-top: 22rem;
  }

  .header_love-wrap {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    width: 100%;
  }

  .blue_box-wrap {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .circle-large {
    width: 46rem;
    height: 44rem;
    margin-top: 2rem;
  }

  .margin-top {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .arrow-box {
    width: 36px;
    height: 36px;
    padding: 8px 10px 10px;
  }

  .heading-style-h2 {
    font-size: 2rem;
  }

  .container-408 {
    max-width: none;
  }

  .centered-heading-2 {
    margin-bottom: 24px;
  }

  .testimonial-slide-wrapper-3 {
    max-width: 100%;
    margin-right: 0%;
  }

  .testimonial-card-2 {
    margin-left: 10px;
    margin-right: 10px;
  }

  .testimonial-slider-left-2 {
    left: -10px;
  }

  .testimonial-slider-right-2 {
    right: -10px;
  }

  .container-409 {
    flex-wrap: nowrap;
  }

  .white-bubble-btn-3 {
    align-self: center;
    height: 45px;
    margin-top: 1rem;
    margin-bottom: .5rem;
    display: flex;
  }

  .heading-63 {
    font-size: 23px;
  }

  .heading-63.illustration-box {
    text-align: center;
  }

  .container-410 {
    max-width: none;
  }

  .lightbox-link-5 {
    width: auto;
  }

  .illustrationsction {
    border-width: 0;
    width: 100%;
    padding: 0 10px;
  }

  .image-180 {
    width: 275px;
    height: 275px;
  }

  .button-15.padding-top-32 {
    width: auto;
    padding: 20px;
  }

  .slide-19 {
    width: 100%;
    margin-right: 0;
  }

  .slider-8 {
    width: auto;
  }

  .container-411 {
    width: 100vw;
    display: block;
  }

  .title-grid {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    text-align: center;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    place-items: center;
    width: 100vw;
    margin-bottom: 20px;
    margin-left: -10px;
    display: flex;
  }

  .h2-title {
    margin-bottom: 12px;
  }

  .trustadvisor {
    padding-top: 60px;
    padding-bottom: 0;
    padding-left: 0%;
  }

  .mask-7 {
    width: 100vw;
  }

  .div-block-739 {
    width: 100vw;
    height: 100%;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
  }

  .awards {
    padding: 0 0 .5rem;
    overflow: hidden;
  }

  .div-block-741 {
    margin-top: -29px;
  }

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

  .sticky-container {
    height: auto;
  }

  .big-split-header-3 {
    margin-top: 0;
    font-size: 3rem;
  }

  .big-split-header-3.mobile {
    display: block;
  }

  .big-split-header-3.hidemon {
    display: none;
  }

  .big-split-header-3.outline {
    padding-bottom: 3px;
    font-size: 40px;
  }

  .lightboxblurgallery {
    width: 100%;
    min-width: 100%;
    height: 300px;
  }

  .scroll-inner-2 {
    margin-top: 0;
    padding-left: 10px;
    padding-right: 10px;
  }

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

  .container-414 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .heading-64 {
    font-size: 23px;
  }

  .image-181 {
    object-fit: cover;
    height: 300px;
    margin-bottom: 0;
    position: static;
  }

  .heading-overflow-2 {
    flex-flow: wrap;
    padding-top: 0;
    display: flex;
    overflow: hidden;
  }

  .heading-overflow-2.hidemob {
    display: none;
  }

  .scroll-card-2 {
    min-height: auto;
    margin-bottom: 0;
  }

  .white-bubble-btn-4 {
    align-self: center;
    height: 45px;
    margin-top: 1rem;
    margin-bottom: .5rem;
    display: flex;
  }

  .container-415 {
    width: 100%;
  }

  .logonewwrap {
    border-bottom: 3px solid #000;
    justify-content: space-around;
    align-items: center;
    width: 100%;
    margin-top: 0;
    padding-left: 10px;
    padding-right: 0;
    display: flex;
    overflow: hidden;
  }

  .div-block-745 {
    width: 200%;
    padding-right: 10px;
  }

  .text-block-49 {
    font-size: 18px;
    line-height: 26px;
  }

  .text-block-49.grey {
    color: #606060;
  }

  .container-416 {
    padding: 20px;
  }

  .hero-arrow-down-wrapper {
    margin-top: 20px;
  }

  .about-tab-btn-group {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .timeline-date {
    float: none;
    padding-left: 10px;
    padding-right: 10px;
    display: block;
  }

  .about-skills-list-item {
    display: block;
  }

  .marker-text {
    float: none;
    padding-left: 10px;
    padding-right: 10px;
    display: block;
  }

  .marker-block {
    margin-bottom: 4px;
    text-decoration: none;
  }

  .content-wrapper-4.about {
    padding-left: 15px;
    padding-right: 15px;
  }

  .about-tab-content {
    padding-left: 0;
    padding-right: 0;
  }

  .about-tab-btn {
    text-align: center;
    background-position: 85% -100px;
    padding-right: 170px;
  }

  .about-tab-btn:hover {
    background-position: 50% -100px;
  }

  .home_work_component {
    height: auto;
    padding-top: 20px;
    padding-bottom: 0;
  }

  .home_work_image-wrapper {
    justify-content: center;
    align-items: center;
    height: 100%;
    display: flex;
  }

  .overflow-hidden {
    overflow: visible;
  }

  .spacer-xlarge {
    padding-top: 0;
  }

  .home-work_work-title-2 {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 16px;
  }

  .padding-section-large-2 {
    width: 100vw;
    padding-top: 2rem;
    padding-bottom: 0;
  }

  .blurdiv {
    width: 100%;
    height: 300px;
  }

  .banner-heading-top {
    font-size: 3rem;
  }

  .margin-bottom, .banner-heading-wrapper {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .banner-heading-bottom {
    font-size: 3rem;
  }

  .home-services_button-list-wrapper {
    padding-left: 5%;
    padding-right: 5%;
    overflow: scroll;
  }

  .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-services_tab-content {
    justify-content: flex-start;
  }

  .home-services_button-list {
    width: auto;
    min-width: 250vw;
  }

  .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 {
    inset: 0% 0% auto;
  }

  .home-services_component {
    overflow: hidden;
  }

  .grid-wrapper-4 {
    grid-template-columns: minmax(24px, 1fr) minmax(auto, 1400px) minmax(24px, 1fr);
  }

  .location-mask {
    width: 85%;
  }

  .section-title.is-offset {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    padding-top: 0;
  }

  .content-wrapper-5 {
    margin: 0;
    padding: 30px 20px 20px;
  }

  .page-padding-3 {
    width: auto;
    padding: 0;
    position: relative;
  }

  .padding-bottom {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .button-18 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    display: flex;
  }

  .text-size-medium-2 {
    font-size: 1.25rem;
  }

  .sticky-title-wrapper {
    padding-left: 10px;
    padding-right: 10px;
  }

  .section-82 {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

  .section-82.with-divider {
    padding: 4rem 5px;
    overflow: hidden;
  }

  .layout-12-column {
    grid-row-gap: 3rem;
    padding: 0;
  }

  .container-large-3 {
    max-width: 100%;
  }

  .heading-66 {
    width: 60%;
    margin-top: 20px;
    font-size: 20px;
    line-height: 30px;
    display: block;
  }

  .topportfolioitmsticky.mosticky {
    height: 150px;
  }

  .image-184 {
    min-width: 100%;
    height: 100%;
  }

  ._2blurimage {
    min-width: 100%;
  }

  .image-185, .image-186, .image-187 {
    display: none;
  }

  .paragraph-83.smalltxt {
    text-align: left;
    padding: 0 10px 0 0;
  }

  .modal-3-popup-freedom {
    padding-left: 10px;
    padding-right: 10px;
    display: none;
  }

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

  .modal-3-popup-hr, .modal-3-popup-tp {
    padding-left: 10px;
    padding-right: 10px;
  }

  .modal-3-popup-teamp {
    padding-left: 10px;
    padding-right: 10px;
    display: none;
  }

  .modal-3-popup-tmrow {
    padding-left: 10px;
    padding-right: 10px;
  }

  .paragraph-84 {
    display: none;
  }

  .popup-close {
    top: 30px;
    right: 30px;
  }

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

  .spacer-30 {
    display: none;
  }

  .form-border {
    min-width: auto;
    padding: 20px;
  }

  .scrollbar {
    padding: 20px;
  }

  .scrollbar.lack {
    padding-top: 100px;
  }

  .input-wrapper.mr-15 {
    margin-right: 0;
  }

  .modal-3-popup-contact {
    padding-left: 10px;
    padding-right: 10px;
    display: none;
  }

  .navbar-logo-left-container.shadow-three {
    padding: 5px 15px;
  }

  .container-417 {
    max-width: none;
  }

  .nav-menu-two {
    flex-direction: column;
  }

  .image-191 {
    width: 60px;
  }

  .modal-3-popup-privacy {
    padding-left: 10px;
    padding-right: 10px;
  }

  .image-196 {
    min-width: 100%;
    height: 100%;
    min-height: 300px;
  }

  .mobscrollprompt {
    z-index: 990;
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: flex-end;
    align-items: flex-end;
    width: 100%;
    padding-bottom: 20px;
    display: flex;
    position: absolute;
    inset: 100px 0% 0% auto;
  }

  .div-block-751 {
    display: flex;
  }

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

  .italic-text-8 {
    margin-bottom: 10px;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 12px;
    line-height: 1.2em;
  }

  .italic-text-9 {
    width: 100vw;
    margin-bottom: 10px;
    font-size: 12px;
  }

  .div-block-755 {
    padding: 0;
  }

  .modal-3-popup-mc {
    padding-left: 10px;
    padding-right: 10px;
    display: none;
  }
}

#w-node-d8ad1d9d-e319-aced-32e9-bccb4f1c3a2c-bb7dc646, #w-node-_562e761d-b1c2-02d3-8bc2-f1e5c0a3e1ef-bb7dc646, #w-node-b62c3330-cb1d-bec5-0e5c-da2adf81e35c-bb7dc646, #w-node-ebeae967-c52e-4439-d3ae-288e0fd66efc-bb7dc646 {
  align-self: stretch;
}

#w-node-_25397a05-6662-69e5-dc75-c6e82b60a70f-2b60a6ff {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_25397a05-6662-69e5-dc75-c6e82b60a713-2b60a6ff {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_25397a05-6662-69e5-dc75-c6e82b60a717-2b60a6ff {
  grid-area: 2 / 1 / 3 / 3;
}

#w-node-_66d88156-23c9-e7b2-ccab-e22fdea1e682-dea1e682, #w-node-_3f2d61a5-7c77-b8ed-94a3-fbd5dae21e6d-dae21e6d, #w-node-a9f929bd-3560-8197-7020-b18b502ebfd0-502ebfd0 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_02b974e0-9b68-363a-197a-7dd78243623a-82436233, #w-node-_02b974e0-9b68-363a-197a-7dd782436243-82436233, #w-node-_02b974e0-9b68-363a-197a-7dd78243624c-82436233 {
  justify-self: center;
}

#w-node-_7130fe30-3ac4-d696-8a78-306feca32475-3d1991b8 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_7130fe30-3ac4-d696-8a78-306feca3248a-3d1991b8 {
  grid-area: 1 / 3 / 2 / 4;
}

#w-node-_723d9667-4054-0763-8b45-8d018b098496-3d1991b8 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_723d9667-4054-0763-8b45-8d018b09849d-3d1991b8 {
  grid-area: 1 / 3 / 2 / 4;
}

#w-node-cdb9852c-290d-b99d-c906-8e50c68131e8-5a1991b9 {
  grid-area: span 1 / span 12 / span 1 / span 12;
}

#w-node-cdb9852c-290d-b99d-c906-8e50c68131ef-5a1991b9, #w-node-cdb9852c-290d-b99d-c906-8e50c6813204-5a1991b9 {
  grid-area: span 1 / span 6 / span 1 / span 6;
}

#w-node-cdb9852c-290d-b99d-c906-8e50c681321d-5a1991b9 {
  grid-area: 4 / 7 / 5 / 13;
}

#w-node-_2de9fea5-a424-cf89-10fc-e23d7b67b51b-b61991bb {
  grid-area: span 1 / span 12 / span 1 / span 12;
}

#w-node-_2de9fea5-a424-cf89-10fc-e23d7b67b522-b61991bb, #w-node-_2de9fea5-a424-cf89-10fc-e23d7b67b535-b61991bb {
  grid-area: span 1 / span 6 / span 1 / span 6;
}

#w-node-_2de9fea5-a424-cf89-10fc-e23d7b67b558-b61991bb {
  grid-area: 4 / 7 / 5 / 13;
}

#w-node-_03223946-abf1-622e-fcb4-74f55605c507-0a1991bc {
  grid-area: 1 / 3 / 2 / 11;
}

#w-node-ab71add5-3ff1-7bf3-0b48-06ac27956e0f-0a1991bc {
  grid-area: span 1 / span 12 / span 1 / span 12;
}

#w-node-ab71add5-3ff1-7bf3-0b48-06ac27956e16-0a1991bc, #w-node-ab71add5-3ff1-7bf3-0b48-06ac27956e29-0a1991bc {
  grid-area: span 1 / span 6 / span 1 / span 6;
}

#w-node-ab71add5-3ff1-7bf3-0b48-06ac27956e48-0a1991bc {
  grid-area: 4 / 7 / 5 / 13;
}

#w-node-_7b983154-eb7c-f8a2-295c-e4e55de47f23-1d954aa0 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_7b983154-eb7c-f8a2-295c-e4e55de47f27-1d954aa0 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_7b983154-eb7c-f8a2-295c-e4e55de47f2b-1d954aa0 {
  grid-area: 2 / 1 / 3 / 3;
}

#w-node-_16428ef3-5aeb-dcbc-fd45-add6f924d1ab-de1991c7 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_02f68ba5-1a0a-a770-1e6a-5c795d617086-de1991c7, #w-node-_9c9e1ff5-2a9e-e300-1372-3d24b8bcd1c6-de1991c7 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-dff26f68-5731-3efa-d3dd-8f65c72d8fa5-de1991c7 {
  grid-area: 1 / 1 / 2 / 3;
}

#w-node-dff26f68-5731-3efa-d3dd-8f65c72d8fad-de1991c7 {
  grid-area: 1 / 3 / 2 / 4;
}

#w-node-dff26f68-5731-3efa-d3dd-8f65c72d8fb4-de1991c7 {
  grid-area: 2 / 1 / 3 / 2;
}

#w-node-dff26f68-5731-3efa-d3dd-8f65c72d8fbb-de1991c7 {
  grid-area: 2 / 2 / 3 / 4;
}

#w-node-dff26f68-5731-3efa-d3dd-8f65c72d8fc9-de1991c7 {
  grid-area: 1 / 1 / 2 / 2;
  align-self: stretch;
}

#w-node-dff26f68-5731-3efa-d3dd-8f65c72d8fd1-de1991c7 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-dff26f68-5731-3efa-d3dd-8f65c72d8fd9-de1991c7 {
  grid-area: 1 / 3 / 2 / 4;
}

#w-node-dff26f68-5731-3efa-d3dd-8f65c72d8fe1-de1991c7 {
  grid-area: 1 / 4 / 2 / 5;
}

#w-node-_25096a4a-7e64-1eb9-cc3d-809f80f336e5-80f336e5 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_2303d0de-ee7a-3231-99ef-4782c7cdce16-671991c8 {
  grid-area: 1 / 3 / 2 / 11;
}

#w-node-cdb9852c-290d-b99d-c906-8e50c68131e8-671991c8 {
  grid-area: span 1 / span 12 / span 1 / span 12;
}

#w-node-cdb9852c-290d-b99d-c906-8e50c68131ef-671991c8, #w-node-cdb9852c-290d-b99d-c906-8e50c6813204-671991c8 {
  grid-area: span 1 / span 6 / span 1 / span 6;
}

#w-node-cdb9852c-290d-b99d-c906-8e50c681321d-671991c8 {
  grid-area: 4 / 7 / 5 / 13;
}

#w-node-_16428ef3-5aeb-dcbc-fd45-add6f924d1ab-d01991c9 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_9c9e1ff5-2a9e-e300-1372-3d24b8bcd1c6-d01991c9 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-dff26f68-5731-3efa-d3dd-8f65c72d8fa5-d01991c9 {
  grid-area: 1 / 1 / 2 / 3;
}

#w-node-dff26f68-5731-3efa-d3dd-8f65c72d8fad-d01991c9 {
  grid-area: 1 / 3 / 2 / 4;
}

#w-node-dff26f68-5731-3efa-d3dd-8f65c72d8fb4-d01991c9 {
  grid-area: 2 / 1 / 3 / 2;
}

#w-node-dff26f68-5731-3efa-d3dd-8f65c72d8fbb-d01991c9 {
  grid-area: 2 / 2 / 3 / 4;
}

#w-node-dff26f68-5731-3efa-d3dd-8f65c72d8fc9-d01991c9 {
  grid-area: 1 / 1 / 2 / 2;
  align-self: stretch;
}

#w-node-dff26f68-5731-3efa-d3dd-8f65c72d8fd1-d01991c9 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-dff26f68-5731-3efa-d3dd-8f65c72d8fd9-d01991c9 {
  grid-area: 1 / 3 / 2 / 4;
}

#w-node-dff26f68-5731-3efa-d3dd-8f65c72d8fe1-d01991c9 {
  grid-area: 1 / 4 / 2 / 5;
}

#w-node-_23b34f0e-55eb-5ada-1e90-79ab9fb9f2fe-571991ca {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_440f8e97-0aa6-497a-d7ef-dca738c2d325-571991ca {
  align-self: center;
}

#w-node-dff26f68-5731-3efa-d3dd-8f65c72d8fa5-571991ca {
  grid-area: 1 / 1 / 2 / 3;
}

#w-node-dff26f68-5731-3efa-d3dd-8f65c72d8fad-571991ca {
  grid-area: 1 / 3 / 2 / 4;
}

#w-node-dff26f68-5731-3efa-d3dd-8f65c72d8fb4-571991ca {
  grid-area: 2 / 1 / 3 / 2;
}

#w-node-dff26f68-5731-3efa-d3dd-8f65c72d8fbb-571991ca {
  grid-area: 2 / 2 / 3 / 4;
}

#w-node-dff26f68-5731-3efa-d3dd-8f65c72d8fc9-571991ca {
  grid-area: 1 / 1 / 2 / 2;
  align-self: stretch;
}

#w-node-dff26f68-5731-3efa-d3dd-8f65c72d8fd1-571991ca {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-dff26f68-5731-3efa-d3dd-8f65c72d8fd9-571991ca {
  grid-area: 1 / 3 / 2 / 4;
}

#w-node-dff26f68-5731-3efa-d3dd-8f65c72d8fe1-571991ca {
  grid-area: 1 / 4 / 2 / 5;
}

#w-node-_16428ef3-5aeb-dcbc-fd45-add6f924d1ab-a31991cb {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_02f68ba5-1a0a-a770-1e6a-5c795d617086-a31991cb {
  grid-area: 1 / 1 / 2 / 2;
  justify-self: end;
}

#w-node-_9c9e1ff5-2a9e-e300-1372-3d24b8bcd1c6-a31991cb {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-dff26f68-5731-3efa-d3dd-8f65c72d8fa5-a31991cb {
  grid-area: 1 / 1 / 2 / 3;
}

#w-node-dff26f68-5731-3efa-d3dd-8f65c72d8fad-a31991cb {
  grid-area: 1 / 3 / 2 / 4;
}

#w-node-dff26f68-5731-3efa-d3dd-8f65c72d8fb4-a31991cb {
  grid-area: 2 / 1 / 3 / 2;
}

#w-node-dff26f68-5731-3efa-d3dd-8f65c72d8fbb-a31991cb {
  grid-area: 2 / 2 / 3 / 4;
}

#w-node-dff26f68-5731-3efa-d3dd-8f65c72d8fc9-a31991cb {
  grid-area: 1 / 1 / 2 / 2;
  align-self: stretch;
}

#w-node-dff26f68-5731-3efa-d3dd-8f65c72d8fd1-a31991cb {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-dff26f68-5731-3efa-d3dd-8f65c72d8fd9-a31991cb {
  grid-area: 1 / 3 / 2 / 4;
}

#w-node-dff26f68-5731-3efa-d3dd-8f65c72d8fe1-a31991cb {
  grid-area: 1 / 4 / 2 / 5;
}

#w-node-_9c9e1ff5-2a9e-e300-1372-3d24b8bcd1c6-ed1991cc {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-dff26f68-5731-3efa-d3dd-8f65c72d8fa5-ed1991cc {
  grid-area: 1 / 1 / 2 / 3;
}

#w-node-dff26f68-5731-3efa-d3dd-8f65c72d8fad-ed1991cc {
  grid-area: 1 / 3 / 2 / 4;
}

#w-node-dff26f68-5731-3efa-d3dd-8f65c72d8fb4-ed1991cc {
  grid-area: 2 / 1 / 3 / 2;
}

#w-node-dff26f68-5731-3efa-d3dd-8f65c72d8fbb-ed1991cc {
  grid-area: 2 / 2 / 3 / 4;
}

#w-node-dff26f68-5731-3efa-d3dd-8f65c72d8fc9-ed1991cc {
  grid-area: 1 / 1 / 2 / 2;
  align-self: stretch;
}

#w-node-dff26f68-5731-3efa-d3dd-8f65c72d8fd1-ed1991cc {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-dff26f68-5731-3efa-d3dd-8f65c72d8fd9-ed1991cc {
  grid-area: 1 / 3 / 2 / 4;
}

#w-node-dff26f68-5731-3efa-d3dd-8f65c72d8fe1-ed1991cc {
  grid-area: 1 / 4 / 2 / 5;
}

#w-node-_16428ef3-5aeb-dcbc-fd45-add6f924d1ab-fe1991cd {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_02f68ba5-1a0a-a770-1e6a-5c795d617086-fe1991cd, #w-node-_9c9e1ff5-2a9e-e300-1372-3d24b8bcd1c6-fe1991cd {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-cdb9852c-290d-b99d-c906-8e50c68131e8-9b1991cf {
  grid-area: span 1 / span 12 / span 1 / span 12;
}

#w-node-cdb9852c-290d-b99d-c906-8e50c68131ef-9b1991cf, #w-node-cdb9852c-290d-b99d-c906-8e50c6813204-9b1991cf {
  grid-area: span 1 / span 6 / span 1 / span 6;
}

#w-node-cdb9852c-290d-b99d-c906-8e50c681321d-9b1991cf {
  grid-area: 4 / 7 / 5 / 13;
}

#w-node-_6b20acda-b901-a321-1902-b3f690923915-199c6122 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_6b20acda-b901-a321-1902-b3f690923919-199c6122 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_6b20acda-b901-a321-1902-b3f69092391d-199c6122 {
  grid-area: 2 / 1 / 3 / 3;
}

#w-node-_0646433a-be40-4ac2-27d1-f298209c2e3a-209c2e3a, #w-node-_5f9d5602-5128-3b6b-4314-25d090f8acce-90f8acce {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-cdb9852c-290d-b99d-c906-8e50c68131e8-8bbaa490 {
  grid-area: span 1 / span 12 / span 1 / span 12;
}

#w-node-cdb9852c-290d-b99d-c906-8e50c68131ef-8bbaa490, #w-node-cdb9852c-290d-b99d-c906-8e50c6813204-8bbaa490 {
  grid-area: span 1 / span 6 / span 1 / span 6;
}

#w-node-cdb9852c-290d-b99d-c906-8e50c681321d-8bbaa490 {
  grid-area: 4 / 7 / 5 / 13;
}

#w-node-cdb9852c-290d-b99d-c906-8e50c68131e8-b8943b97 {
  grid-area: span 1 / span 12 / span 1 / span 12;
}

#w-node-cdb9852c-290d-b99d-c906-8e50c68131ef-b8943b97, #w-node-cdb9852c-290d-b99d-c906-8e50c6813204-b8943b97 {
  grid-area: span 1 / span 6 / span 1 / span 6;
}

#w-node-cdb9852c-290d-b99d-c906-8e50c681321d-b8943b97 {
  grid-area: 4 / 7 / 5 / 13;
}

#w-node-cdb9852c-290d-b99d-c906-8e50c68131e8-8b4c2171 {
  grid-area: span 1 / span 12 / span 1 / span 12;
}

#w-node-cdb9852c-290d-b99d-c906-8e50c68131ef-8b4c2171, #w-node-cdb9852c-290d-b99d-c906-8e50c6813204-8b4c2171 {
  grid-area: span 1 / span 6 / span 1 / span 6;
}

#w-node-cdb9852c-290d-b99d-c906-8e50c681321d-8b4c2171 {
  grid-area: 4 / 7 / 5 / 13;
}

#w-node-_6b20acda-b901-a321-1902-b3f690923915-2f26d47a {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_6b20acda-b901-a321-1902-b3f690923919-2f26d47a {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_6b20acda-b901-a321-1902-b3f69092391d-2f26d47a {
  grid-area: 2 / 1 / 3 / 3;
}

#w-node-aaadf53c-264f-7a99-4d25-499fcf480c71-09756c87 {
  grid-area: span 1 / span 12 / span 1 / span 12;
}

#w-node-aaadf53c-264f-7a99-4d25-499fcf480c79-09756c87, #w-node-aaadf53c-264f-7a99-4d25-499fcf480c8c-09756c87 {
  grid-area: span 1 / span 6 / span 1 / span 6;
}

#w-node-aaadf53c-264f-7a99-4d25-499fcf480caa-09756c87 {
  grid-area: 4 / 7 / 5 / 13;
}

#w-node-aaadf53c-264f-7a99-4d25-499fcf480c71-547fad80 {
  grid-area: span 1 / span 12 / span 1 / span 12;
}

#w-node-aaadf53c-264f-7a99-4d25-499fcf480c79-547fad80, #w-node-aaadf53c-264f-7a99-4d25-499fcf480c8c-547fad80 {
  grid-area: span 1 / span 6 / span 1 / span 6;
}

#w-node-b936cad0-a75e-b3ea-f71f-073c705b1d58-547fad80 {
  grid-area: span 1 / span 12 / span 1 / span 12;
}

#w-node-b936cad0-a75e-b3ea-f71f-073c705b1db0-547fad80 {
  grid-area: 4 / 7 / 5 / 13;
}

#w-node-db1971dd-7be1-929e-87e7-28712336aefb-e1e725a8, #w-node-_08d5aa12-d7d4-6fe7-56e0-e8b925ae5b2a-e1e725a8, #w-node-_9b2fcd99-8c5e-1dbe-c6d6-9a7afb9633fc-e1e725a8, #w-node-a09b0f4c-746c-58fd-9426-a36d00b47b45-e1e725a8, #w-node-_0a7d8725-195d-3c2e-6bf6-2840095b3812-e1e725a8, #w-node-_0a7d8725-195d-3c2e-6bf6-2840095b3816-e1e725a8, #w-node-_0a7d8725-195d-3c2e-6bf6-2840095b381a-e1e725a8 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: auto;
}

#w-node-aaadf53c-264f-7a99-4d25-499fcf480c71-e1708050 {
  grid-area: span 1 / span 12 / span 1 / span 12;
}

#w-node-aaadf53c-264f-7a99-4d25-499fcf480c79-e1708050, #w-node-aaadf53c-264f-7a99-4d25-499fcf480c8c-e1708050 {
  grid-area: span 1 / span 6 / span 1 / span 6;
}

#w-node-aaadf53c-264f-7a99-4d25-499fcf480caa-e1708050 {
  grid-area: 4 / 7 / 5 / 13;
}

#w-node-b0e70e24-48c8-5427-e978-41b24a88f710-e1708050 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-a1e54f2d-9702-33b9-8c1a-4d862ecfb9ed-34c547c0 {
  align-self: start;
}

#w-node-a1e54f2d-9702-33b9-8c1a-4d862ecfb9f1-34c547c0 {
  align-self: end;
}

#w-node-_4092bbf1-2941-1f52-8583-01dcffef9c65-34c547c0 {
  grid-area: 1 / 1 / 2 / 6;
  align-self: start;
}

#w-node-_4092bbf1-2941-1f52-8583-01dcffef9c69-34c547c0 {
  grid-area: 1 / 7 / 2 / 13;
}

#w-node-_05738c96-cae2-b81b-d125-fc49a40c26b3-34c547c0 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_2de9fea5-a424-cf89-10fc-e23d7b67b51b-52f25a61 {
  grid-area: span 1 / span 12 / span 1 / span 12;
}

#w-node-_2de9fea5-a424-cf89-10fc-e23d7b67b522-52f25a61, #w-node-_2de9fea5-a424-cf89-10fc-e23d7b67b535-52f25a61 {
  grid-area: span 1 / span 6 / span 1 / span 6;
}

#w-node-_2de9fea5-a424-cf89-10fc-e23d7b67b558-52f25a61 {
  grid-area: 4 / 7 / 5 / 13;
}

#w-node-_2de9fea5-a424-cf89-10fc-e23d7b67b51b-6334ce16 {
  grid-area: span 1 / span 12 / span 1 / span 12;
}

#w-node-_2de9fea5-a424-cf89-10fc-e23d7b67b522-6334ce16, #w-node-_2de9fea5-a424-cf89-10fc-e23d7b67b535-6334ce16 {
  grid-area: span 1 / span 6 / span 1 / span 6;
}

#w-node-_2de9fea5-a424-cf89-10fc-e23d7b67b558-6334ce16 {
  grid-area: 4 / 7 / 5 / 13;
}

#w-node-_8ebfd579-b4d5-e2f3-3021-8a609cbfef7b-e2f83f00 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_8ebfd579-b4d5-e2f3-3021-8a609cbfef90-e2f83f00 {
  grid-area: 3 / 1 / 4 / 3;
}

#w-node-_8ebfd579-b4d5-e2f3-3021-8a609cbfef92-e2f83f00 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_8ebfd579-b4d5-e2f3-3021-8a609cbfefa7-e2f83f00 {
  grid-area: 2 / 1 / 3 / 2;
}

#w-node-_8ebfd579-b4d5-e2f3-3021-8a609cbfefbc-e2f83f00 {
  grid-area: 2 / 3 / 3 / 4;
  place-self: center stretch;
}

#w-node-_8ebfd579-b4d5-e2f3-3021-8a609cbfefd9-e2f83f00 {
  grid-area: 2 / 2 / 3 / 3;
}

#w-node-_8ebfd579-b4d5-e2f3-3021-8a609cbfefef-e2f83f00 {
  grid-area: 1 / 3 / 2 / 4;
}

#w-node-_8ebfd579-b4d5-e2f3-3021-8a609cbff008-e2f83f00 {
  grid-area: 3 / 3 / 4 / 4;
}

#w-node-_2e1f14dc-b059-7137-e9c8-ca5abb85c2f0-e2f83f00 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_2e1f14dc-b059-7137-e9c8-ca5abb85c2f2-e2f83f00 {
  grid-area: 1 / 1 / 2 / 5;
  justify-self: stretch;
}

#w-node-_2e1f14dc-b059-7137-e9c8-ca5abb85c2f8-e2f83f00 {
  justify-self: center;
}

#w-node-_2e1f14dc-b059-7137-e9c8-ca5abb85c2fe-e2f83f00 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_2e1f14dc-b059-7137-e9c8-ca5abb85c2ff-e2f83f00 {
  grid-area: 1 / 1 / 2 / 5;
}

#w-node-_2e1f14dc-b059-7137-e9c8-ca5abb85c307-e2f83f00 {
  justify-self: center;
}

#w-node-_2e1f14dc-b059-7137-e9c8-ca5abb85c308-e2f83f00 {
  place-self: center start;
}

#w-node-_2e1f14dc-b059-7137-e9c8-ca5abb85c309-e2f83f00 {
  place-self: center;
}

#w-node-_2e1f14dc-b059-7137-e9c8-ca5abb85c311-e2f83f00 {
  justify-self: center;
}

#w-node-_2e1f14dc-b059-7137-e9c8-ca5abb85c312-e2f83f00 {
  place-self: center start;
}

#w-node-_2e1f14dc-b059-7137-e9c8-ca5abb85c313-e2f83f00 {
  place-self: center;
}

#w-node-_2e1f14dc-b059-7137-e9c8-ca5abb85c31b-e2f83f00 {
  justify-self: center;
}

#w-node-_2e1f14dc-b059-7137-e9c8-ca5abb85c31c-e2f83f00 {
  place-self: center start;
}

#w-node-_2e1f14dc-b059-7137-e9c8-ca5abb85c31d-e2f83f00 {
  place-self: center;
}

#w-node-_2e1f14dc-b059-7137-e9c8-ca5abb85c33f-e2f83f00 {
  grid-area: 1 / 1 / 2 / 3;
}

#w-node-_2e1f14dc-b059-7137-e9c8-ca5abb85c343-e2f83f00 {
  grid-area: 1 / 2 / 2 / 3;
  align-self: center;
}

#w-node-_2e1f14dc-b059-7137-e9c8-ca5abb85c349-e2f83f00, #w-node-_2e1f14dc-b059-7137-e9c8-ca5abb85c34f-e2f83f00 {
  justify-self: start;
}

#w-node-_2de9fea5-a424-cf89-10fc-e23d7b67b51b-1376d567 {
  grid-area: span 1 / span 12 / span 1 / span 12;
}

#w-node-_2de9fea5-a424-cf89-10fc-e23d7b67b522-1376d567, #w-node-_2de9fea5-a424-cf89-10fc-e23d7b67b535-1376d567 {
  grid-area: span 1 / span 6 / span 1 / span 6;
}

#w-node-_2de9fea5-a424-cf89-10fc-e23d7b67b558-1376d567 {
  grid-area: 4 / 7 / 5 / 13;
}

#w-node-da69f47c-f37b-6ddf-c456-2e76c2df2dfb-67d1ff1b {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-da69f47c-f37b-6ddf-c456-2e76c2df2dfd-67d1ff1b {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-da69f47c-f37b-6ddf-c456-2e76c2df2dff-67d1ff1b {
  grid-area: 1 / 3 / 2 / 4;
  justify-self: end;
}

#w-node-da69f47c-f37b-6ddf-c456-2e76c2df2e01-67d1ff1b {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-da69f47c-f37b-6ddf-c456-2e76c2df2f68-67d1ff1b {
  grid-area: 1 / 1 / 2 / 2;
  place-self: start;
}

#w-node-da69f47c-f37b-6ddf-c456-2e76c2df2f6a-67d1ff1b {
  grid-area: 2 / 1 / 3 / 2;
  place-self: stretch end;
}

#w-node-da69f47c-f37b-6ddf-c456-2e76c2df2f85-67d1ff1b {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-da69f47c-f37b-6ddf-c456-2e76c2df2f87-67d1ff1b {
  align-self: center;
}

#w-node-da69f47c-f37b-6ddf-c456-2e76c2df2f91-67d1ff1b {
  place-self: center start;
}

#w-node-da69f47c-f37b-6ddf-c456-2e76c2df2f93-67d1ff1b {
  place-self: center end;
}

#w-node-_2de9fea5-a424-cf89-10fc-e23d7b67b51b-b3518fb8 {
  grid-area: span 1 / span 12 / span 1 / span 12;
}

#w-node-_2de9fea5-a424-cf89-10fc-e23d7b67b522-b3518fb8, #w-node-_2de9fea5-a424-cf89-10fc-e23d7b67b535-b3518fb8 {
  grid-area: span 1 / span 6 / span 1 / span 6;
}

#w-node-_2de9fea5-a424-cf89-10fc-e23d7b67b558-b3518fb8 {
  grid-area: 4 / 7 / 5 / 13;
}

#w-node-aaadf53c-264f-7a99-4d25-499fcf480c71-9d22e378 {
  grid-area: span 1 / span 12 / span 1 / span 12;
}

#w-node-aaadf53c-264f-7a99-4d25-499fcf480c79-9d22e378, #w-node-aaadf53c-264f-7a99-4d25-499fcf480c8c-9d22e378 {
  grid-area: span 1 / span 6 / span 1 / span 6;
}

#w-node-aaadf53c-264f-7a99-4d25-499fcf480caa-9d22e378 {
  grid-area: 4 / 7 / 5 / 13;
}

#w-node-b0e70e24-48c8-5427-e978-41b24a88f710-9d22e378 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-b0cd9777-7aec-07ba-4114-b07ae664c8a7-bccefa80, #w-node-fb9ecba1-1696-1a18-7ff4-866bee4d7fe9-bccefa80 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}

@media screen and (max-width: 991px) {
  #w-node-_7130fe30-3ac4-d696-8a78-306feca3248a-3d1991b8, #w-node-_723d9667-4054-0763-8b45-8d018b09849d-3d1991b8 {
    grid-area: 2 / 2 / 3 / 3;
  }

  #w-node-cdb9852c-290d-b99d-c906-8e50c68131e8-5a1991b9 {
    grid-area: span 1 / span 8 / span 1 / span 8;
  }

  #w-node-cdb9852c-290d-b99d-c906-8e50c68131ef-5a1991b9, #w-node-cdb9852c-290d-b99d-c906-8e50c6813204-5a1991b9 {
    grid-area: span 1 / span 4 / span 1 / span 4;
  }

  #w-node-cdb9852c-290d-b99d-c906-8e50c681321d-5a1991b9, #w-node-_2de9fea5-a424-cf89-10fc-e23d7b67b51b-b61991bb {
    grid-area: span 1 / span 8 / span 1 / span 8;
  }

  #w-node-_2de9fea5-a424-cf89-10fc-e23d7b67b522-b61991bb, #w-node-_2de9fea5-a424-cf89-10fc-e23d7b67b535-b61991bb {
    grid-area: span 1 / span 4 / span 1 / span 4;
  }

  #w-node-_2de9fea5-a424-cf89-10fc-e23d7b67b558-b61991bb, #w-node-_03223946-abf1-622e-fcb4-74f55605c507-0a1991bc, #w-node-ab71add5-3ff1-7bf3-0b48-06ac27956e0f-0a1991bc {
    grid-area: span 1 / span 8 / span 1 / span 8;
  }

  #w-node-ab71add5-3ff1-7bf3-0b48-06ac27956e16-0a1991bc, #w-node-ab71add5-3ff1-7bf3-0b48-06ac27956e29-0a1991bc {
    grid-area: span 1 / span 4 / span 1 / span 4;
  }

  #w-node-ab71add5-3ff1-7bf3-0b48-06ac27956e48-0a1991bc {
    grid-area: span 1 / span 8 / span 1 / span 8;
  }

  #w-node-_16428ef3-5aeb-dcbc-fd45-add6f924d1ab-de1991c7 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-_02f68ba5-1a0a-a770-1e6a-5c795d617086-de1991c7, #w-node-_9c9e1ff5-2a9e-e300-1372-3d24b8bcd1c6-de1991c7 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-dff26f68-5731-3efa-d3dd-8f65c72d8fd9-de1991c7 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-dff26f68-5731-3efa-d3dd-8f65c72d8fe1-de1991c7 {
    grid-area: 2 / 2 / 3 / 3;
  }

  #w-node-_2303d0de-ee7a-3231-99ef-4782c7cdce16-671991c8, #w-node-cdb9852c-290d-b99d-c906-8e50c68131e8-671991c8 {
    grid-area: span 1 / span 8 / span 1 / span 8;
  }

  #w-node-cdb9852c-290d-b99d-c906-8e50c68131ef-671991c8, #w-node-cdb9852c-290d-b99d-c906-8e50c6813204-671991c8 {
    grid-area: span 1 / span 4 / span 1 / span 4;
  }

  #w-node-cdb9852c-290d-b99d-c906-8e50c681321d-671991c8 {
    grid-area: span 1 / span 8 / span 1 / span 8;
  }

  #w-node-_16428ef3-5aeb-dcbc-fd45-add6f924d1ab-d01991c9 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-_9c9e1ff5-2a9e-e300-1372-3d24b8bcd1c6-d01991c9 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-dff26f68-5731-3efa-d3dd-8f65c72d8fd9-d01991c9 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-dff26f68-5731-3efa-d3dd-8f65c72d8fe1-d01991c9 {
    grid-area: 2 / 2 / 3 / 3;
  }

  #w-node-_23b34f0e-55eb-5ada-1e90-79ab9fb9f2fe-571991ca {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-dff26f68-5731-3efa-d3dd-8f65c72d8fd9-571991ca {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-dff26f68-5731-3efa-d3dd-8f65c72d8fe1-571991ca {
    grid-area: 2 / 2 / 3 / 3;
  }

  #w-node-_16428ef3-5aeb-dcbc-fd45-add6f924d1ab-a31991cb {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-_02f68ba5-1a0a-a770-1e6a-5c795d617086-a31991cb, #w-node-_9c9e1ff5-2a9e-e300-1372-3d24b8bcd1c6-a31991cb {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-dff26f68-5731-3efa-d3dd-8f65c72d8fd9-a31991cb {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-dff26f68-5731-3efa-d3dd-8f65c72d8fe1-a31991cb {
    grid-area: 2 / 2 / 3 / 3;
  }

  #w-node-_9c9e1ff5-2a9e-e300-1372-3d24b8bcd1c6-ed1991cc {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-dff26f68-5731-3efa-d3dd-8f65c72d8fd9-ed1991cc {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-dff26f68-5731-3efa-d3dd-8f65c72d8fe1-ed1991cc {
    grid-area: 2 / 2 / 3 / 3;
  }

  #w-node-_16428ef3-5aeb-dcbc-fd45-add6f924d1ab-fe1991cd {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-_02f68ba5-1a0a-a770-1e6a-5c795d617086-fe1991cd, #w-node-_9c9e1ff5-2a9e-e300-1372-3d24b8bcd1c6-fe1991cd {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-cdb9852c-290d-b99d-c906-8e50c68131e8-9b1991cf {
    grid-area: span 1 / span 8 / span 1 / span 8;
  }

  #w-node-cdb9852c-290d-b99d-c906-8e50c68131ef-9b1991cf, #w-node-cdb9852c-290d-b99d-c906-8e50c6813204-9b1991cf {
    grid-area: span 1 / span 4 / span 1 / span 4;
  }

  #w-node-cdb9852c-290d-b99d-c906-8e50c681321d-9b1991cf, #w-node-cdb9852c-290d-b99d-c906-8e50c68131e8-8bbaa490 {
    grid-area: span 1 / span 8 / span 1 / span 8;
  }

  #w-node-cdb9852c-290d-b99d-c906-8e50c68131ef-8bbaa490, #w-node-cdb9852c-290d-b99d-c906-8e50c6813204-8bbaa490 {
    grid-area: span 1 / span 4 / span 1 / span 4;
  }

  #w-node-cdb9852c-290d-b99d-c906-8e50c681321d-8bbaa490, #w-node-cdb9852c-290d-b99d-c906-8e50c68131e8-b8943b97 {
    grid-area: span 1 / span 8 / span 1 / span 8;
  }

  #w-node-cdb9852c-290d-b99d-c906-8e50c68131ef-b8943b97, #w-node-cdb9852c-290d-b99d-c906-8e50c6813204-b8943b97 {
    grid-area: span 1 / span 4 / span 1 / span 4;
  }

  #w-node-cdb9852c-290d-b99d-c906-8e50c681321d-b8943b97, #w-node-cdb9852c-290d-b99d-c906-8e50c68131e8-8b4c2171 {
    grid-area: span 1 / span 8 / span 1 / span 8;
  }

  #w-node-cdb9852c-290d-b99d-c906-8e50c68131ef-8b4c2171, #w-node-cdb9852c-290d-b99d-c906-8e50c6813204-8b4c2171 {
    grid-area: span 1 / span 4 / span 1 / span 4;
  }

  #w-node-cdb9852c-290d-b99d-c906-8e50c681321d-8b4c2171, #w-node-aaadf53c-264f-7a99-4d25-499fcf480c71-09756c87 {
    grid-area: span 1 / span 8 / span 1 / span 8;
  }

  #w-node-aaadf53c-264f-7a99-4d25-499fcf480c79-09756c87, #w-node-aaadf53c-264f-7a99-4d25-499fcf480c8c-09756c87 {
    grid-area: span 1 / span 4 / span 1 / span 4;
  }

  #w-node-aaadf53c-264f-7a99-4d25-499fcf480caa-09756c87, #w-node-aaadf53c-264f-7a99-4d25-499fcf480c71-547fad80 {
    grid-area: span 1 / span 8 / span 1 / span 8;
  }

  #w-node-aaadf53c-264f-7a99-4d25-499fcf480c79-547fad80, #w-node-aaadf53c-264f-7a99-4d25-499fcf480c8c-547fad80 {
    grid-area: span 1 / span 4 / span 1 / span 4;
  }

  #w-node-b936cad0-a75e-b3ea-f71f-073c705b1d58-547fad80, #w-node-b936cad0-a75e-b3ea-f71f-073c705b1db0-547fad80, #w-node-aaadf53c-264f-7a99-4d25-499fcf480c71-e1708050 {
    grid-area: span 1 / span 8 / span 1 / span 8;
  }

  #w-node-aaadf53c-264f-7a99-4d25-499fcf480c79-e1708050, #w-node-aaadf53c-264f-7a99-4d25-499fcf480c8c-e1708050 {
    grid-area: span 1 / span 4 / span 1 / span 4;
  }

  #w-node-aaadf53c-264f-7a99-4d25-499fcf480caa-e1708050 {
    grid-area: span 1 / span 8 / span 1 / span 8;
  }

  #w-node-_4092bbf1-2941-1f52-8583-01dcffef9c65-34c547c0, #w-node-_4092bbf1-2941-1f52-8583-01dcffef9c69-34c547c0 {
    grid-area: span 1 / span 4 / span 1 / span 4;
  }

  #w-node-_2de9fea5-a424-cf89-10fc-e23d7b67b51b-52f25a61 {
    grid-area: span 1 / span 8 / span 1 / span 8;
  }

  #w-node-_2de9fea5-a424-cf89-10fc-e23d7b67b522-52f25a61, #w-node-_2de9fea5-a424-cf89-10fc-e23d7b67b535-52f25a61 {
    grid-area: span 1 / span 4 / span 1 / span 4;
  }

  #w-node-_2de9fea5-a424-cf89-10fc-e23d7b67b558-52f25a61, #w-node-_2de9fea5-a424-cf89-10fc-e23d7b67b51b-6334ce16 {
    grid-area: span 1 / span 8 / span 1 / span 8;
  }

  #w-node-_2de9fea5-a424-cf89-10fc-e23d7b67b522-6334ce16, #w-node-_2de9fea5-a424-cf89-10fc-e23d7b67b535-6334ce16 {
    grid-area: span 1 / span 4 / span 1 / span 4;
  }

  #w-node-_2de9fea5-a424-cf89-10fc-e23d7b67b558-6334ce16 {
    grid-area: span 1 / span 8 / span 1 / span 8;
  }

  #w-node-_8ebfd579-b4d5-e2f3-3021-8a609cbfef90-e2f83f00 {
    grid-area: 5 / 1 / 6 / 3;
  }

  #w-node-_8ebfd579-b4d5-e2f3-3021-8a609cbfefbc-e2f83f00 {
    grid-area: 4 / 1 / 5 / 2;
    place-self: center stretch;
  }

  #w-node-_8ebfd579-b4d5-e2f3-3021-8a609cbfefef-e2f83f00 {
    grid-area: 3 / 1 / 4 / 2;
  }

  #w-node-_8ebfd579-b4d5-e2f3-3021-8a609cbff008-e2f83f00 {
    grid-area: 4 / 2 / 5 / 3;
  }

  #w-node-_2e1f14dc-b059-7137-e9c8-ca5abb85c2f2-e2f83f00 {
    grid-column: 1 / 4;
  }

  #w-node-_2e1f14dc-b059-7137-e9c8-ca5abb85c2ff-e2f83f00 {
    grid-column-end: 4;
  }

  #w-node-_2de9fea5-a424-cf89-10fc-e23d7b67b51b-1376d567 {
    grid-area: span 1 / span 8 / span 1 / span 8;
  }

  #w-node-_2de9fea5-a424-cf89-10fc-e23d7b67b522-1376d567, #w-node-_2de9fea5-a424-cf89-10fc-e23d7b67b535-1376d567 {
    grid-area: span 1 / span 4 / span 1 / span 4;
  }

  #w-node-_2de9fea5-a424-cf89-10fc-e23d7b67b558-1376d567, #w-node-_2de9fea5-a424-cf89-10fc-e23d7b67b51b-b3518fb8 {
    grid-area: span 1 / span 8 / span 1 / span 8;
  }

  #w-node-_2de9fea5-a424-cf89-10fc-e23d7b67b522-b3518fb8, #w-node-_2de9fea5-a424-cf89-10fc-e23d7b67b535-b3518fb8 {
    grid-area: span 1 / span 4 / span 1 / span 4;
  }

  #w-node-_2de9fea5-a424-cf89-10fc-e23d7b67b558-b3518fb8, #w-node-aaadf53c-264f-7a99-4d25-499fcf480c71-9d22e378 {
    grid-area: span 1 / span 8 / span 1 / span 8;
  }

  #w-node-aaadf53c-264f-7a99-4d25-499fcf480c79-9d22e378, #w-node-aaadf53c-264f-7a99-4d25-499fcf480c8c-9d22e378 {
    grid-area: span 1 / span 4 / span 1 / span 4;
  }

  #w-node-aaadf53c-264f-7a99-4d25-499fcf480caa-9d22e378 {
    grid-area: span 1 / span 8 / span 1 / span 8;
  }
}

@media screen and (max-width: 767px) {
  #w-node-_25397a05-6662-69e5-dc75-c6e82b60a713-2b60a6ff {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-_25397a05-6662-69e5-dc75-c6e82b60a717-2b60a6ff {
    grid-area: 3 / 1 / 4 / 2;
  }

  #w-node-_7130fe30-3ac4-d696-8a78-306feca32475-3d1991b8 {
    justify-self: auto;
  }

  #w-node-cdb9852c-290d-b99d-c906-8e50c68131e8-5a1991b9, #w-node-cdb9852c-290d-b99d-c906-8e50c68131ef-5a1991b9, #w-node-cdb9852c-290d-b99d-c906-8e50c6813204-5a1991b9 {
    grid-area: span 1 / span 6 / span 1 / span 6;
  }

  #w-node-cdb9852c-290d-b99d-c906-8e50c681321d-5a1991b9 {
    grid-column: span 6 / span 6;
  }

  #w-node-_2de9fea5-a424-cf89-10fc-e23d7b67b51b-b61991bb, #w-node-_2de9fea5-a424-cf89-10fc-e23d7b67b522-b61991bb, #w-node-_2de9fea5-a424-cf89-10fc-e23d7b67b535-b61991bb {
    grid-area: span 1 / span 6 / span 1 / span 6;
  }

  #w-node-_2de9fea5-a424-cf89-10fc-e23d7b67b558-b61991bb {
    grid-column: span 6 / span 6;
  }

  #w-node-ab71add5-3ff1-7bf3-0b48-06ac27956e0f-0a1991bc, #w-node-ab71add5-3ff1-7bf3-0b48-06ac27956e16-0a1991bc, #w-node-ab71add5-3ff1-7bf3-0b48-06ac27956e29-0a1991bc {
    grid-area: span 1 / span 6 / span 1 / span 6;
  }

  #w-node-ab71add5-3ff1-7bf3-0b48-06ac27956e48-0a1991bc {
    grid-column: span 6 / span 6;
  }

  #w-node-_7b983154-eb7c-f8a2-295c-e4e55de47f27-1d954aa0 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-_7b983154-eb7c-f8a2-295c-e4e55de47f2b-1d954aa0 {
    grid-area: 3 / 1 / 4 / 2;
  }

  #w-node-cdb9852c-290d-b99d-c906-8e50c68131e8-671991c8, #w-node-cdb9852c-290d-b99d-c906-8e50c68131ef-671991c8, #w-node-cdb9852c-290d-b99d-c906-8e50c6813204-671991c8 {
    grid-area: span 1 / span 6 / span 1 / span 6;
  }

  #w-node-cdb9852c-290d-b99d-c906-8e50c681321d-671991c8 {
    grid-column: span 6 / span 6;
  }

  #w-node-cdb9852c-290d-b99d-c906-8e50c68131e8-9b1991cf, #w-node-cdb9852c-290d-b99d-c906-8e50c68131ef-9b1991cf, #w-node-cdb9852c-290d-b99d-c906-8e50c6813204-9b1991cf {
    grid-area: span 1 / span 6 / span 1 / span 6;
  }

  #w-node-cdb9852c-290d-b99d-c906-8e50c681321d-9b1991cf {
    grid-column: span 6 / span 6;
  }

  #w-node-_6b20acda-b901-a321-1902-b3f690923919-199c6122 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-_6b20acda-b901-a321-1902-b3f69092391d-199c6122 {
    grid-area: 3 / 1 / 4 / 2;
  }

  #w-node-cdb9852c-290d-b99d-c906-8e50c68131e8-8bbaa490, #w-node-cdb9852c-290d-b99d-c906-8e50c68131ef-8bbaa490, #w-node-cdb9852c-290d-b99d-c906-8e50c6813204-8bbaa490 {
    grid-area: span 1 / span 6 / span 1 / span 6;
  }

  #w-node-cdb9852c-290d-b99d-c906-8e50c681321d-8bbaa490 {
    grid-column: span 6 / span 6;
  }

  #w-node-cdb9852c-290d-b99d-c906-8e50c68131e8-b8943b97, #w-node-cdb9852c-290d-b99d-c906-8e50c68131ef-b8943b97, #w-node-cdb9852c-290d-b99d-c906-8e50c6813204-b8943b97 {
    grid-area: span 1 / span 6 / span 1 / span 6;
  }

  #w-node-cdb9852c-290d-b99d-c906-8e50c681321d-b8943b97 {
    grid-column: span 6 / span 6;
  }

  #w-node-cdb9852c-290d-b99d-c906-8e50c68131e8-8b4c2171, #w-node-cdb9852c-290d-b99d-c906-8e50c68131ef-8b4c2171, #w-node-cdb9852c-290d-b99d-c906-8e50c6813204-8b4c2171 {
    grid-area: span 1 / span 6 / span 1 / span 6;
  }

  #w-node-cdb9852c-290d-b99d-c906-8e50c681321d-8b4c2171 {
    grid-column: span 6 / span 6;
  }

  #w-node-_6b20acda-b901-a321-1902-b3f690923919-2f26d47a {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-_6b20acda-b901-a321-1902-b3f69092391d-2f26d47a {
    grid-area: 3 / 1 / 4 / 2;
  }

  #w-node-aaadf53c-264f-7a99-4d25-499fcf480c71-09756c87, #w-node-aaadf53c-264f-7a99-4d25-499fcf480c79-09756c87, #w-node-aaadf53c-264f-7a99-4d25-499fcf480c8c-09756c87 {
    grid-area: span 1 / span 6 / span 1 / span 6;
  }

  #w-node-aaadf53c-264f-7a99-4d25-499fcf480caa-09756c87 {
    grid-column: span 6 / span 6;
  }

  #w-node-aaadf53c-264f-7a99-4d25-499fcf480c71-547fad80, #w-node-aaadf53c-264f-7a99-4d25-499fcf480c79-547fad80, #w-node-aaadf53c-264f-7a99-4d25-499fcf480c8c-547fad80, #w-node-b936cad0-a75e-b3ea-f71f-073c705b1d58-547fad80 {
    grid-area: span 1 / span 6 / span 1 / span 6;
  }

  #w-node-b936cad0-a75e-b3ea-f71f-073c705b1db0-547fad80 {
    grid-column: span 6 / span 6;
  }

  #w-node-aaadf53c-264f-7a99-4d25-499fcf480c71-e1708050, #w-node-aaadf53c-264f-7a99-4d25-499fcf480c79-e1708050, #w-node-aaadf53c-264f-7a99-4d25-499fcf480c8c-e1708050 {
    grid-area: span 1 / span 6 / span 1 / span 6;
  }

  #w-node-aaadf53c-264f-7a99-4d25-499fcf480caa-e1708050 {
    grid-column: span 6 / span 6;
  }

  #w-node-a1e54f2d-9702-33b9-8c1a-4d862ecfb9ed-34c547c0 {
    align-self: center;
  }

  #w-node-_4092bbf1-2941-1f52-8583-01dcffef9c65-34c547c0 {
    grid-area: span 1 / span 4 / span 1 / span 4;
  }

  #w-node-_4092bbf1-2941-1f52-8583-01dcffef9c69-34c547c0 {
    grid-row: span 2 / span 2;
  }

  #w-node-_2de9fea5-a424-cf89-10fc-e23d7b67b51b-52f25a61, #w-node-_2de9fea5-a424-cf89-10fc-e23d7b67b522-52f25a61, #w-node-_2de9fea5-a424-cf89-10fc-e23d7b67b535-52f25a61 {
    grid-area: span 1 / span 6 / span 1 / span 6;
  }

  #w-node-_2de9fea5-a424-cf89-10fc-e23d7b67b558-52f25a61 {
    grid-column: span 6 / span 6;
  }

  #w-node-_2de9fea5-a424-cf89-10fc-e23d7b67b51b-6334ce16, #w-node-_2de9fea5-a424-cf89-10fc-e23d7b67b522-6334ce16, #w-node-_2de9fea5-a424-cf89-10fc-e23d7b67b535-6334ce16 {
    grid-area: span 1 / span 6 / span 1 / span 6;
  }

  #w-node-_2de9fea5-a424-cf89-10fc-e23d7b67b558-6334ce16 {
    grid-column: span 6 / span 6;
  }

  #w-node-_8ebfd579-b4d5-e2f3-3021-8a609cbfef90-e2f83f00 {
    grid-area: 8 / 1 / 9 / 2;
  }

  #w-node-_8ebfd579-b4d5-e2f3-3021-8a609cbfef92-e2f83f00 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-_8ebfd579-b4d5-e2f3-3021-8a609cbfefa7-e2f83f00 {
    grid-area: 3 / 1 / 4 / 2;
  }

  #w-node-_8ebfd579-b4d5-e2f3-3021-8a609cbfefbc-e2f83f00 {
    grid-area: 6 / 1 / 7 / 2;
  }

  #w-node-_8ebfd579-b4d5-e2f3-3021-8a609cbfefd9-e2f83f00 {
    grid-area: 4 / 1 / 5 / 2;
  }

  #w-node-_8ebfd579-b4d5-e2f3-3021-8a609cbfefef-e2f83f00 {
    grid-area: 5 / 1 / 6 / 2;
  }

  #w-node-_8ebfd579-b4d5-e2f3-3021-8a609cbff008-e2f83f00 {
    grid-area: 7 / 1 / 8 / 2;
  }

  #w-node-_2e1f14dc-b059-7137-e9c8-ca5abb85c2ff-e2f83f00 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_2e1f14dc-b059-7137-e9c8-ca5abb85c34f-e2f83f00 {
    justify-self: center;
  }

  #w-node-_2de9fea5-a424-cf89-10fc-e23d7b67b51b-1376d567, #w-node-_2de9fea5-a424-cf89-10fc-e23d7b67b522-1376d567, #w-node-_2de9fea5-a424-cf89-10fc-e23d7b67b535-1376d567 {
    grid-area: span 1 / span 6 / span 1 / span 6;
  }

  #w-node-_2de9fea5-a424-cf89-10fc-e23d7b67b558-1376d567 {
    grid-column: span 6 / span 6;
  }

  #w-node-_2de9fea5-a424-cf89-10fc-e23d7b67b51b-b3518fb8, #w-node-_2de9fea5-a424-cf89-10fc-e23d7b67b522-b3518fb8, #w-node-_2de9fea5-a424-cf89-10fc-e23d7b67b535-b3518fb8 {
    grid-area: span 1 / span 6 / span 1 / span 6;
  }

  #w-node-_2de9fea5-a424-cf89-10fc-e23d7b67b558-b3518fb8 {
    grid-column: span 6 / span 6;
  }

  #w-node-aaadf53c-264f-7a99-4d25-499fcf480c71-9d22e378, #w-node-aaadf53c-264f-7a99-4d25-499fcf480c79-9d22e378, #w-node-aaadf53c-264f-7a99-4d25-499fcf480c8c-9d22e378 {
    grid-area: span 1 / span 6 / span 1 / span 6;
  }

  #w-node-aaadf53c-264f-7a99-4d25-499fcf480caa-9d22e378 {
    grid-column: span 6 / span 6;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_7130fe30-3ac4-d696-8a78-306feca3248a-3d1991b8, #w-node-_723d9667-4054-0763-8b45-8d018b09849d-3d1991b8 {
    grid-area: 4 / 1 / 5 / 2;
  }

  #w-node-cdb9852c-290d-b99d-c906-8e50c68131e8-5a1991b9, #w-node-cdb9852c-290d-b99d-c906-8e50c68131ef-5a1991b9, #w-node-cdb9852c-290d-b99d-c906-8e50c6813204-5a1991b9, #w-node-cdb9852c-290d-b99d-c906-8e50c681321d-5a1991b9, #w-node-_2de9fea5-a424-cf89-10fc-e23d7b67b51b-b61991bb, #w-node-_2de9fea5-a424-cf89-10fc-e23d7b67b522-b61991bb, #w-node-_2de9fea5-a424-cf89-10fc-e23d7b67b535-b61991bb, #w-node-_2de9fea5-a424-cf89-10fc-e23d7b67b558-b61991bb, #w-node-_03223946-abf1-622e-fcb4-74f55605c507-0a1991bc, #w-node-ab71add5-3ff1-7bf3-0b48-06ac27956e0f-0a1991bc, #w-node-ab71add5-3ff1-7bf3-0b48-06ac27956e16-0a1991bc, #w-node-ab71add5-3ff1-7bf3-0b48-06ac27956e29-0a1991bc, #w-node-ab71add5-3ff1-7bf3-0b48-06ac27956e48-0a1991bc, #w-node-_2303d0de-ee7a-3231-99ef-4782c7cdce16-671991c8, #w-node-cdb9852c-290d-b99d-c906-8e50c68131e8-671991c8, #w-node-cdb9852c-290d-b99d-c906-8e50c68131ef-671991c8, #w-node-cdb9852c-290d-b99d-c906-8e50c6813204-671991c8, #w-node-cdb9852c-290d-b99d-c906-8e50c681321d-671991c8, #w-node-cdb9852c-290d-b99d-c906-8e50c68131e8-9b1991cf, #w-node-cdb9852c-290d-b99d-c906-8e50c68131ef-9b1991cf, #w-node-cdb9852c-290d-b99d-c906-8e50c6813204-9b1991cf, #w-node-cdb9852c-290d-b99d-c906-8e50c681321d-9b1991cf, #w-node-cdb9852c-290d-b99d-c906-8e50c68131e8-8bbaa490, #w-node-cdb9852c-290d-b99d-c906-8e50c68131ef-8bbaa490, #w-node-cdb9852c-290d-b99d-c906-8e50c6813204-8bbaa490, #w-node-cdb9852c-290d-b99d-c906-8e50c681321d-8bbaa490, #w-node-cdb9852c-290d-b99d-c906-8e50c68131e8-b8943b97, #w-node-cdb9852c-290d-b99d-c906-8e50c68131ef-b8943b97, #w-node-cdb9852c-290d-b99d-c906-8e50c6813204-b8943b97, #w-node-cdb9852c-290d-b99d-c906-8e50c681321d-b8943b97, #w-node-cdb9852c-290d-b99d-c906-8e50c68131e8-8b4c2171, #w-node-cdb9852c-290d-b99d-c906-8e50c68131ef-8b4c2171, #w-node-cdb9852c-290d-b99d-c906-8e50c6813204-8b4c2171, #w-node-cdb9852c-290d-b99d-c906-8e50c681321d-8b4c2171, #w-node-aaadf53c-264f-7a99-4d25-499fcf480c71-09756c87, #w-node-aaadf53c-264f-7a99-4d25-499fcf480c79-09756c87, #w-node-aaadf53c-264f-7a99-4d25-499fcf480c8c-09756c87, #w-node-aaadf53c-264f-7a99-4d25-499fcf480caa-09756c87, #w-node-aaadf53c-264f-7a99-4d25-499fcf480c71-547fad80, #w-node-aaadf53c-264f-7a99-4d25-499fcf480c79-547fad80, #w-node-aaadf53c-264f-7a99-4d25-499fcf480c8c-547fad80, #w-node-b936cad0-a75e-b3ea-f71f-073c705b1d58-547fad80, #w-node-b936cad0-a75e-b3ea-f71f-073c705b1db0-547fad80, #w-node-aaadf53c-264f-7a99-4d25-499fcf480c71-e1708050, #w-node-aaadf53c-264f-7a99-4d25-499fcf480c79-e1708050, #w-node-aaadf53c-264f-7a99-4d25-499fcf480c8c-e1708050, #w-node-aaadf53c-264f-7a99-4d25-499fcf480caa-e1708050 {
    grid-column: span 4 / span 4;
  }

  #w-node-a1e54f2d-9702-33b9-8c1a-4d862ecfb9f1-34c547c0 {
    align-self: center;
  }

  #w-node-_193491fc-f485-cd7e-efc2-d3cd87d919a7-34c547c0 {
    justify-self: center;
  }

  #w-node-_2de9fea5-a424-cf89-10fc-e23d7b67b51b-52f25a61, #w-node-_2de9fea5-a424-cf89-10fc-e23d7b67b522-52f25a61, #w-node-_2de9fea5-a424-cf89-10fc-e23d7b67b535-52f25a61, #w-node-_2de9fea5-a424-cf89-10fc-e23d7b67b558-52f25a61, #w-node-_2de9fea5-a424-cf89-10fc-e23d7b67b51b-6334ce16, #w-node-_2de9fea5-a424-cf89-10fc-e23d7b67b522-6334ce16, #w-node-_2de9fea5-a424-cf89-10fc-e23d7b67b535-6334ce16, #w-node-_2de9fea5-a424-cf89-10fc-e23d7b67b558-6334ce16 {
    grid-column: span 4 / span 4;
  }

  #w-node-_8ebfd579-b4d5-e2f3-3021-8a609cbfef90-e2f83f00 {
    grid-area: 8 / 1 / 9 / 2;
  }

  #w-node-_8ebfd579-b4d5-e2f3-3021-8a609cbfefef-e2f83f00 {
    grid-area: 5 / 1 / 6 / 2;
  }

  #w-node-_8ebfd579-b4d5-e2f3-3021-8a609cbff008-e2f83f00 {
    grid-area: 7 / 1 / 8 / 2;
  }

  #w-node-_2de9fea5-a424-cf89-10fc-e23d7b67b51b-1376d567, #w-node-_2de9fea5-a424-cf89-10fc-e23d7b67b522-1376d567, #w-node-_2de9fea5-a424-cf89-10fc-e23d7b67b535-1376d567, #w-node-_2de9fea5-a424-cf89-10fc-e23d7b67b558-1376d567, #w-node-_2de9fea5-a424-cf89-10fc-e23d7b67b51b-b3518fb8, #w-node-_2de9fea5-a424-cf89-10fc-e23d7b67b522-b3518fb8, #w-node-_2de9fea5-a424-cf89-10fc-e23d7b67b535-b3518fb8, #w-node-_2de9fea5-a424-cf89-10fc-e23d7b67b558-b3518fb8, #w-node-aaadf53c-264f-7a99-4d25-499fcf480c71-9d22e378, #w-node-aaadf53c-264f-7a99-4d25-499fcf480c79-9d22e378, #w-node-aaadf53c-264f-7a99-4d25-499fcf480c8c-9d22e378, #w-node-aaadf53c-264f-7a99-4d25-499fcf480caa-9d22e378 {
    grid-column: span 4 / span 4;
  }
}