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

body {
  margin: 0;
}

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

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

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

[hidden], template {
  display: none;
}

a {
  background-color: #0000;
}

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

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

b, strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

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

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

small {
  font-size: 80%;
}

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

sup {
  top: -.5em;
}

sub {
  bottom: -.25em;
}

img {
  border: 0;
}

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

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

pre {
  overflow: auto;
}

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

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

button {
  overflow: visible;
}

button, select {
  text-transform: none;
}

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

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

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

input {
  line-height: normal;
}

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

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

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

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

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

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

td, th {
  padding: 0;
}

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

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

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

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

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

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

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

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

* {
  box-sizing: border-box;
}

html {
  height: 100%;
}

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

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

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

.w-block {
  display: block;
}

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

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

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

.w-hidden {
  display: none;
}

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

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

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

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

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

.w-optimization {
  display: contents;
}

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

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

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

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

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

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

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

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

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

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

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

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

figure {
  margin: 0 0 10px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .w-col {
    width: 100%;
  }

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

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

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

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

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

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

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

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

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

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

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

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

.w-widget {
  position: relative;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.w-tabs {
  position: relative;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@font-face {
  font-family: Polysans Neutral;
  src: url("https://cdn.prod.website-files.com/65ff1993ed34712d1a33b80c/65ff1a5be874940f026c7f53_PolySans-Neutral.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Polysans Slim;
  src: url("https://cdn.prod.website-files.com/65ff1993ed34712d1a33b80c/65ff1a5b590d4325670c0e97_PolySans-Slim.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Polysans;
  src: url("https://cdn.prod.website-files.com/65ff1993ed34712d1a33b80c/65ff1a5b378d84ed95c5bdf3_PolySans-NeutralItalic.woff2") format("woff2"), url("https://cdn.prod.website-files.com/65ff1993ed34712d1a33b80c/65ff1a5b29d969395ef15e8c_PolySans-SlimItalic.woff2") format("woff2"), url("https://cdn.prod.website-files.com/65ff1993ed34712d1a33b80c/65ff1a5b15a68428a1c6e7a7_PolySans-MedianItalic.woff2") format("woff2"), url("https://cdn.prod.website-files.com/65ff1993ed34712d1a33b80c/65ff1a5b0995bbd29ac304e4_PolySans-BulkyItalic.woff2") format("woff2"), url("https://cdn.prod.website-files.com/65ff1993ed34712d1a33b80c/65ff1a78a864033d5826858a_PolySans-NeutralMonoItalic.woff2") format("woff2"), url("https://cdn.prod.website-files.com/65ff1993ed34712d1a33b80c/65ff1a78120ce91830f6574f_PolySans-BulkyMonoItalic.woff2") format("woff2"), url("https://cdn.prod.website-files.com/65ff1993ed34712d1a33b80c/65ff1a78120ce91830f6574a_PolySans-MedianMonoItalic.woff2") format("woff2"), url("https://cdn.prod.website-files.com/65ff1993ed34712d1a33b80c/65ff1a780995bbd29ac3194e_PolySans-SlimMonoItalic.woff2") format("woff2");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Polysans Bulky;
  src: url("https://cdn.prod.website-files.com/65ff1993ed34712d1a33b80c/65ff1a5bafcc286cc87e4674_PolySans-Bulky.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Polysans Median;
  src: url("https://cdn.prod.website-files.com/65ff1993ed34712d1a33b80c/65ff1a5b0e8860067f943f5b_PolySans-Median.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Polysans Slimmono;
  src: url("https://cdn.prod.website-files.com/65ff1993ed34712d1a33b80c/65ff1a78690b558ee52e3667_PolySans-SlimMono.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Polysans Neutralmono;
  src: url("https://cdn.prod.website-files.com/65ff1993ed34712d1a33b80c/65ff1a781ad009d27a891a56_PolySans-NeutralMono.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Polysans Bulkymono;
  src: url("https://cdn.prod.website-files.com/65ff1993ed34712d1a33b80c/65ff1a784fd810fd2e0cd1c4_PolySans-BulkyMono.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Polysans Medianmono;
  src: url("https://cdn.prod.website-files.com/65ff1993ed34712d1a33b80c/65ff1a781ad009d27a891a5d_PolySans-MedianMono.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Fkromanstandard;
  src: url("https://cdn.prod.website-files.com/65ff1993ed34712d1a33b80c/65ff1a9852ec61fb42d126b2_FKRomanStandard.woff2") format("woff2"), url("https://cdn.prod.website-files.com/65ff1993ed34712d1a33b80c/65ff1aa9346c39d741332536_FKRomanStandard-Regular.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Fkromanstandard;
  src: url("https://cdn.prod.website-files.com/65ff1993ed34712d1a33b80c/65ff1aa9590d4325670c50fb_FKRomanStandard-Light.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Fkromanstandard;
  src: url("https://cdn.prod.website-files.com/65ff1993ed34712d1a33b80c/65ff1aa922116c7ecc0d0976_FKRomanStandard-BlackOblique.woff2") format("woff2");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Fkromanstandard;
  src: url("https://cdn.prod.website-files.com/65ff1993ed34712d1a33b80c/65ff1aa9dc24ec97fb3d9478_FKRomanStandard-Black.woff2") format("woff2");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Fkromanstandard;
  src: url("https://cdn.prod.website-files.com/65ff1993ed34712d1a33b80c/65ff1aa97ea9ef76220a9496_FKRomanStandard-BoldOblique.woff2") format("woff2");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Fkromanstandard;
  src: url("https://cdn.prod.website-files.com/65ff1993ed34712d1a33b80c/65ff1aa9b5ae78d5558874a1_FKRomanStandard-Oblique.woff2") format("woff2");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Fkromanstandard;
  src: url("https://cdn.prod.website-files.com/65ff1993ed34712d1a33b80c/65ff1aa9bc45147e21b9d50f_FKRomanStandard-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Fkromanstandard;
  src: url("https://cdn.prod.website-files.com/65ff1993ed34712d1a33b80c/65ff1aa9120ce91830f6762e_FKRomanStandard-Thin.woff2") format("woff2");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Fkromanstandard;
  src: url("https://cdn.prod.website-files.com/65ff1993ed34712d1a33b80c/65ff1aa9f80826896878e383_FKRomanStandard-LightOblique.woff2") format("woff2");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Fkromanstandard;
  src: url("https://cdn.prod.website-files.com/65ff1993ed34712d1a33b80c/65ff1aa9b5ae78d5558874a8_FKRomanStandard-MediumOblique.woff2") format("woff2");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Fkromanstandard;
  src: url("https://cdn.prod.website-files.com/65ff1993ed34712d1a33b80c/65ff1aaa09b49aaf008a59ba_FKRomanStandard-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Fkromanstandard;
  src: url("https://cdn.prod.website-files.com/65ff1993ed34712d1a33b80c/65ff1aa9b6d7ec1b27e37658_FKRomanStandard-ThinOblique.woff2") format("woff2");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Circularxxweb;
  src: url("https://cdn.prod.website-files.com/65ff1993ed34712d1a33b80c/65ff1ad052ec61fb42d15399_CircularXXWeb-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Circularxxweb;
  src: url("https://cdn.prod.website-files.com/65ff1993ed34712d1a33b80c/65ff1ad0690b558ee52e844b_CircularXXWeb-BlackItalic.woff2") format("woff2"), url("https://cdn.prod.website-files.com/65ff1993ed34712d1a33b80c/65ff1ad0179511a669d3602e_CircularXXWeb-ExtraBlackItalic.woff2") format("woff2");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Circularxxweb;
  src: url("https://cdn.prod.website-files.com/65ff1993ed34712d1a33b80c/65ff1ad022116c7ecc0d29a9_CircularXXWeb-Italic.woff2") format("woff2"), url("https://cdn.prod.website-files.com/65ff1993ed34712d1a33b80c/65ff1ad00e8860067f94954e_CircularXXWeb-BookItalic.woff2") format("woff2");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Circularxxweb Book;
  src: url("https://cdn.prod.website-files.com/65ff1993ed34712d1a33b80c/65ff1ad0a5efd4c62cb46d59_CircularXXWeb-Book.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Circularxxweb;
  src: url("https://cdn.prod.website-files.com/65ff1993ed34712d1a33b80c/65ff1ad015a68428a1c739be_CircularXXWeb-Black.woff2") format("woff2"), url("https://cdn.prod.website-files.com/65ff1993ed34712d1a33b80c/65ff1ad0b22a2b364a4ca9ea_CircularXXWeb-ExtraBlack.woff2") format("woff2");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Circularxxweb;
  src: url("https://cdn.prod.website-files.com/65ff1993ed34712d1a33b80c/65ff1ad0c4102330abea785f_CircularXXWeb-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Circularxxweb;
  src: url("https://cdn.prod.website-files.com/65ff1993ed34712d1a33b80c/65ff1ad0590d4325670c67ed_CircularXXWeb-BoldItalic.woff2") format("woff2");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Circularxxweb;
  src: url("https://cdn.prod.website-files.com/65ff1993ed34712d1a33b80c/65ff1ad0b22a2b364a4ca9f9_CircularXXWeb-Light.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Circularxxweb;
  src: url("https://cdn.prod.website-files.com/65ff1993ed34712d1a33b80c/65ff1ad0179511a669d3603f_CircularXXWeb-LightItalic.woff2") format("woff2");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Circularxxweb;
  src: url("https://cdn.prod.website-files.com/65ff1993ed34712d1a33b80c/65ff1ad0179511a669d36045_CircularXXWeb-MediumItalic.woff2") format("woff2");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Circularxxweb;
  src: url("https://cdn.prod.website-files.com/65ff1993ed34712d1a33b80c/65ff1ad0bc45147e21ba01f6_CircularXXWeb-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Circularxxweb;
  src: url("https://cdn.prod.website-files.com/65ff1993ed34712d1a33b80c/65ff1ad0120ce91830f6bfd5_CircularXXWeb-Thin.woff2") format("woff2");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Circularxxweb;
  src: url("https://cdn.prod.website-files.com/65ff1993ed34712d1a33b80c/65ff1ad14fd810fd2e0d1780_CircularXXWeb-ThinItalic.woff2") format("woff2");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Imperial 400";
  src: url("https://cdn.prod.website-files.com/65ff1993ed34712d1a33b80c/65ff1ae2b22a2b364a4cb663_imperial-normal-400.2531995fefd3b997f9c4d564ebe89268.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Imperial 700";
  src: url("https://cdn.prod.website-files.com/65ff1993ed34712d1a33b80c/65ff1ae2ef634cea512992a6_imperial-italic-700.40b02b2fba5d4f5436bd57340ad293f7.woff2") format("woff2");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Imperial 700";
  src: url("https://cdn.prod.website-files.com/65ff1993ed34712d1a33b80c/65ff1ae2f2ed65221ee66d72_imperial-normal-700.796334d8a16a55d6fa9e4cbf896ac9de.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Imperial 400";
  src: url("https://cdn.prod.website-files.com/65ff1993ed34712d1a33b80c/65ff1ae2ef634cea512992ac_imperial-italic-400.8e3dae6216687021f9ac60be5482cc72.woff2") format("woff2");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Franklin 500";
  src: url("https://cdn.prod.website-files.com/65ff1993ed34712d1a33b80c/65ff1ae2dc24ec97fb3dbdbf_franklin-normal-500.d6c06a3d84a57100edad5bf9b84ff739.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Franklin 700";
  src: url("https://cdn.prod.website-files.com/65ff1993ed34712d1a33b80c/65ff1ae64bf5714c0716c879_franklin-normal-700.b44c88f09ca7ce914b836d4ae72891b8.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: GoogleMaterialicons;
  src: url("https://cdn.prod.website-files.com/65ff1993ed34712d1a33b80c/65ff2796d6e811c7501a2a09_materialIcons.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Arial;
  src: url("https://cdn.prod.website-files.com/65ff1993ed34712d1a33b80c/65ff1b1969736ba3db90219b_arial.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root {
  --purple: #5200ff;
  --green: #3cffd0;
  --white: white;
  --black: black;
  --green_dark: #39f2c5;
  --light-green: #adffe9;
  --pink: #df3ba8;
  --gray-l: #adb4b2;
}

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

.the_main {
  z-index: 105;
  border: 0 solid #000;
  border-bottom: 1px solid #e2e2e2;
  border-radius: 0;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-height: 720px;
  padding-top: 60px;
  padding-bottom: 20px;
  padding-right: 0;
  display: flex;
  position: relative;
}

.the_main.purple {
  z-index: 99;
  background-color: var(--purple);
  color: #f3f3f3;
  border-bottom-color: #c7c7c71f;
  min-height: 820px;
}

.the_main.top {
  z-index: 108;
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  background-color: #fff;
  border-bottom-color: #e9e9e9;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  padding-right: 20px;
}

.the_main.black {
  z-index: 99;
  color: #eee6dd;
  background-color: #040a18;
}

.the_main.green {
  z-index: 99;
  background-color: var(--green);
  color: #131313;
  padding-bottom: 120px;
  overflow: hidden;
}

.the_main.green.ns {
  background-color: #3cffd0;
  border-bottom-width: 0;
  border-radius: 3px;
  justify-content: center;
  align-items: center;
  max-width: 1380px;
  padding-top: 50px;
  padding-bottom: 50px;
}

.the_main.green.ns.studio {
  min-height: 850px;
  padding-top: 100px;
  padding-bottom: 100px;
}

.the_main.green._12 {
  justify-content: flex-end;
  align-items: flex-start;
  min-height: auto;
  padding-top: 0;
  padding-bottom: 0;
}

.the_main.green._12._1235 {
  border-bottom-width: 0;
}

.the_main.green._12._1235.top {
  z-index: 199;
}

.the_main.green._40 {
  justify-content: space-between;
  padding-left: 40px;
}

.the_main.intro {
  color: #fff;
  background-color: #fff;
  justify-content: flex-start;
  align-items: center;
  min-height: 600px;
  padding-left: 40px;
  display: flex;
}

.the_main.white {
  background-color: #fff;
}

.the_main.yellow {
  z-index: 99;
  color: #141414;
  background-color: #d6f31f;
}

.the_main.noheight {
  min-height: 450px;
}

.the_main.intro-copy {
  color: #fff;
  background-color: #fff;
  justify-content: flex-start;
  align-items: center;
  max-width: 1380px;
  min-height: 900px;
  padding-bottom: 100px;
  padding-left: 40px;
  display: flex;
  overflow: hidden;
}

.the_main.video {
  z-index: 120;
  color: #fff;
  background-color: #fff;
  border-top-width: 1px;
  border-top-color: #e7e7e7;
  border-bottom-width: 0;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 1380px;
  min-height: 500px;
  padding-top: 80px;
  padding-bottom: 100px;
  padding-left: 100px;
  transition: all .5s;
  display: flex;
}

.the_main.video.is_playing {
  justify-content: center;
  align-items: center;
  min-height: 800px;
}

.the_main.white-copy {
  background-color: #fff;
  padding-bottom: 60px;
}

.the_main.smaller {
  min-height: 550px;
}

.the_main.hidden {
  display: none;
}

.the_main.captable {
  min-height: 600px;
}

.the_main.nomin {
  border-bottom-width: 0;
  min-height: auto;
  padding-bottom: 0;
}

.the_main.showacase12 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-color: #141028;
  border-bottom-width: 0;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  min-height: auto;
  padding: 60px 58px 58px;
}

.the_main.white {
  z-index: 99;
  color: #e0e0e0;
  background-color: #fff0;
  border-bottom-width: 0;
  padding-bottom: 120px;
  overflow: hidden;
}

.the_main.video-copy {
  z-index: 120;
  color: #fff;
  background-color: #fff;
  border-top-width: 1px;
  border-top-color: #e7e7e7;
  border-bottom-width: 0;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 1380px;
  min-height: 500px;
  padding-top: 80px;
  padding-bottom: 100px;
  padding-left: 100px;
  transition: all .5s;
  display: flex;
}

.the_main.video-copy.is_playing {
  justify-content: center;
  align-items: center;
  min-height: 800px;
}

.the_main.story_intro {
  z-index: 120;
  color: #fff;
  background-color: #fff;
  border-top-width: 1px;
  border-top-color: #e7e7e7;
  border-bottom-width: 1px;
  border-bottom-color: #ebebeb;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 1380px;
  min-height: 500px;
  padding: 80px 20px 80px 0;
  transition: all .5s;
  display: flex;
}

.the_main.story_intro.is_playing {
  justify-content: center;
  align-items: center;
  min-height: 800px;
}

.the_main.story_intro.spaced {
  padding-bottom: 250px;
}

.the_main.story_intro.studio {
  border-top-width: 0;
  border-bottom-width: 0;
  padding-top: 20px;
  padding-bottom: 0;
  padding-right: 0;
}

.the_main.noborder {
  border-bottom-width: 0;
}

.the_main.nospaced {
  min-height: auto;
  padding-top: 0;
  padding-bottom: 0;
}

.the_main.white_s {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-color: #f8f8f8;
  border-bottom-width: 0;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  min-height: auto;
  padding: 60px 58px 58px;
}

.the_main.white_s-copy {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-color: var(--white);
  border-bottom-width: 0;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  min-height: auto;
  padding: 60px 58px 58px;
}

.the_main.previews {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-bottom-width: 0;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  min-height: auto;
  padding: 0;
  transition: all .6s;
}

.the_main.previews.inactive {
  opacity: 0;
}

.the_main.horizontal {
  background-color: #fff;
  flex-flow: column;
}

.the_main.spaced {
  padding-top: 100px;
  padding-bottom: 100px;
}

.the_main.spaced.noline {
  background-color: #fff;
}

.the_main.noline {
  border-bottom-width: 0;
}

.the_main.white {
  z-index: 99;
  background-color: var(--white);
  color: #131313;
  border-bottom-width: 1px;
  border-bottom-color: #e7e7e7;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 120px;
  padding-left: 40px;
  overflow: hidden;
}

.the_main.white.ns {
  border-bottom-width: 0;
  justify-content: center;
  align-items: center;
  padding-top: 50px;
  padding-bottom: 50px;
}

.the_main.white._12 {
  justify-content: flex-end;
  align-items: flex-start;
  min-height: auto;
  padding-top: 0;
  padding-bottom: 0;
}

.the_main.white._12._1235 {
  border-bottom-width: 0;
}

.the_main.white._12._1235.top {
  z-index: 199;
}

.the_main.white._40 {
  justify-content: space-between;
  padding-left: 40px;
}

.the_main.white.centered {
  border-bottom-width: 0;
  justify-content: flex-start;
  padding-top: 30px;
  padding-bottom: 160px;
  padding-left: 0;
}

.the_main.white.centered-copy {
  border-bottom-width: 0;
  justify-content: space-between;
  align-items: flex-start;
  padding-top: 100px;
  padding-bottom: 160px;
  padding-left: 0;
}

.the_main.white._2124centered-copy {
  border-bottom-width: 0;
  justify-content: flex-start;
  padding-top: 100px;
  padding-bottom: 160px;
  padding-left: 0;
}

.the_main.white._2124centered-copy.studio1 {
  border-top-width: 1px;
  border-top-color: #ececec;
  padding-top: 50px;
  padding-bottom: 40px;
}

.the_main.white._2124centered-copy.studio1-copy {
  border-top-width: 0;
  border-top-color: #ececec;
  padding-top: 50px;
  padding-bottom: 40px;
}

.the_main.white._2124centered-copy.studio1-copy-copy {
  border-top-width: 0;
  border-top-color: #ececec;
  flex-flow: column;
  padding-top: 50px;
  padding-bottom: 40px;
}

.the_main.studio {
  border-top-width: 1px;
  border-top-color: #e9e9e9;
}

.the_main._1280 {
  max-width: 1380px;
  padding-left: 100px;
}

.the_main.purple-copy2 {
  z-index: 1;
  background-color: var(--purple);
  color: #f3f3f3;
  border-bottom-color: #c7c7c71f;
  justify-content: center;
  align-items: flex-start;
  min-height: 820px;
  overflow: hidden;
}

.div-block-2 {
  z-index: 20;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
  font-family: Circularxxweb, sans-serif;
  font-weight: 300;
  display: flex;
  position: relative;
}

.div-block-4 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 50%;
  min-width: 450px;
  padding-left: 40px;
  padding-right: 60px;
  display: flex;
  overflow: auto;
}

.div-block-4.sticky {
  height: auto;
  padding-bottom: 80px;
  position: sticky;
  top: 40px;
  overflow: hidden;
}

.div-block-4.sticky.solutions {
  width: 48%;
}

.div-block-4.sticky.zero {
  border-radius: 0;
  padding-left: 0;
}

.div-block-4.sticky._2 {
  padding-left: 0;
}

.div-block-4.cover {
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  min-height: 650px;
  padding-right: 10px;
}

.div-block-4.sticky-copy {
  height: auto;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.div-block-4.sticky-copy.solutions {
  width: 48%;
}

.div-block-4.sticky-copy.zero {
  padding-left: 0;
}

.div-block-4.full {
  width: 100%;
}

.div-block-4._60 {
  padding-top: 60px;
}

.div-block-4.padded_1 {
  height: auto;
  padding-bottom: 80px;
  padding-left: 0;
  position: sticky;
  top: 40px;
  overflow: hidden;
}

.div-block-4.padded_1.solutions {
  width: 48%;
}

.div-block-4.padded_1.zero {
  border-radius: 0;
  padding-left: 0;
}

.div-block-4.padded_1._2 {
  padding-left: 0;
}

.div-block-5 {
  border-bottom: 0 solid #c9c9c9;
  font-family: Polysans Neutral, sans-serif;
  font-size: 60px;
  line-height: 60px;
}

.div-block-5.light {
  color: #fff;
  line-height: 58px;
}

.div-block-5.light.partner_meta {
  color: #25d366;
}

.div-block-5.light.is_meta {
  color: #2fb55d;
}

.div-block-5.headline {
  letter-spacing: .1px;
  font-family: Polysans Slim, sans-serif;
  font-size: 62px;
  line-height: 68px;
  position: relative;
}

.div-block-5.headline2 {
  z-index: 10;
  letter-spacing: .1px;
  font-family: Polysans Neutral, sans-serif;
  font-size: 62px;
  position: relative;
}

.div-block-6 {
  max-width: 500px;
  font-size: 22px;
  font-weight: 300;
  line-height: 33px;
}

.div-block-6.spaced {
  padding-bottom: 25px;
}

.div-block-4-copy {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border-radius: 12px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 50%;
  height: 100%;
  padding: 10px 20px 10px 60px;
  display: flex;
  position: relative;
}

.div-block-4-copy._20 {
  z-index: 99;
  width: 50%;
  min-width: auto;
  padding-right: 80px;
  overflow: visible;
}

.div-block-4-copy._20-copy {
  z-index: 99;
  width: 50%;
  min-width: auto;
  padding-left: 0;
  padding-right: 80px;
  overflow: visible;
}

.div-block-4-copy._20-copy-copy {
  z-index: 99;
  background-color: #f8f8f8;
  width: 100%;
  min-width: auto;
  padding: 45px 215px 75px 61px;
  position: static;
  overflow: visible;
}

.div-block-8 {
  z-index: 150;
  border: 0 solid #000;
  flex-flow: wrap;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1380px;
  padding: 25px 0 25px 25px;
  display: flex;
  position: sticky;
  top: 0;
}

.sitelogo {
  color: #383838;
  flex-flow: row;
  justify-content: center;
  align-items: flex-start;
  font-family: Polysans Neutral, sans-serif;
  font-size: 22px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.div-block-12 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 520px;
  display: flex;
}

.div-block-13 {
  z-index: 100;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #030408;
  border: 0 solid #e5e4e4;
  border-bottom: 1px solid #ececec;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  height: 36px;
  padding: 6px 20px 6px 10px;
  line-height: 14px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.div-block-13:hover {
  color: #5200ff;
}

.div-block-13.green {
  border-bottom-color: #37e2b9;
}

.div-block-14 {
  border: 0 solid #f1f1f1;
  border-radius: 99px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 15px;
  font-family: Polysans Slim, sans-serif;
  font-size: 10px;
  display: flex;
}

.div-block-14.bold {
  background-color: var(--white);
  color: #2e2e2e;
  border-width: 1px;
  border-color: #e0e0e0;
  width: 22px;
  height: 22px;
  font-family: Polysans Bulky, sans-serif;
  font-size: 9px;
}

.div-block-14.bullet {
  border-width: 1px;
  border-color: var(--purple);
  background-color: var(--white);
  width: 7px;
  height: 7px;
}

.div-block-15 {
  color: var(--black);
  font-family: Polysans Neutral, sans-serif;
  font-size: 17px;
  font-weight: 400;
}

.div-block-15.small {
  font-size: 15px;
}

.div-block-16 {
  grid-column-gap: 11px;
  grid-row-gap: 11px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  min-width: 400px;
  height: 100%;
  display: flex;
}

.div-block-16.spaced {
  padding-bottom: 30px;
}

.div-block-16.border {
  border-right: 1px solid #ebebeb;
}

.div-block-17 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  border: 0 solid #d1d1d1;
  border-radius: 0;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  height: 36px;
  padding: 0;
  display: flex;
}

.div-block-18 {
  font-family: GoogleMaterialicons, sans-serif;
}

.div-block-19 {
  color: #202020;
  border-right: 1px solid #e6e6e6;
  padding-left: 10px;
  padding-right: 20px;
  font-family: Polysans Median, sans-serif;
  font-size: 12px;
  text-decoration: none;
}

.div-block-19.confidential {
  color: #bdbdbd;
}

.div-block-19.last {
  border-right-width: 0;
}

.div-block-20 {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  display: flex;
}

.div-block-21 {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
}

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

.div-block-1572.aw2.studio {
  flex-flow: column;
  justify-content: space-between;
  display: flex;
}

.div-block-1572.aw2-copy {
  width: 50%;
  padding-left: 40px;
}

.div-block-1572._112aw2-copy {
  grid-row-gap: 16px;
  grid-template-rows: auto;
}

.div-block-1572.vertical {
  grid-row-gap: 16px;
  flex-flow: column;
  grid-template-rows: auto;
  display: flex;
}

.div-block-1572._312aw2-copy {
  flex-flow: column;
  display: flex;
  position: relative;
}

.t1-2 {
  color: #000;
  white-space: nowrap;
  font-size: 54px;
  line-height: 64px;
}

.t1-2.wh {
  color: #1f1f1f;
  border-bottom: 1px solid #dfdfdf;
  padding-bottom: 20px;
}

.t1-2.wh.white {
  color: #161616;
  white-space: normal;
  border-bottom: 1px solid #5a5a5a2b;
  padding-bottom: 15px;
}

.t1-2.wh.white.last {
  border: 0 solid #000;
}

.t1-2.wh.light {
  color: #cec1b1;
  border-bottom-color: #dfdfdf26;
}

.t1-2.wh.light2 {
  color: #181818;
  border-bottom-color: #abc01e;
}

.t1-2.wh.white2 {
  color: #c5c5c5;
  white-space: normal;
  border-bottom: 1px solid #5a5a5a2b;
  padding-bottom: 10px;
}

.t1-2.wh._2white-copy {
  color: #161616;
  white-space: normal;
  border-bottom: 1px solid #5a5a5a2b;
  padding-bottom: 15px;
}

.t1-2.wh._1white-copy {
  color: #161616;
  white-space: normal;
  border-bottom: 1px solid #5a5a5a2b;
  width: 100%;
  padding-bottom: 15px;
}

.div-block-1574 {
  font-family: Polysans Neutral, sans-serif;
  font-size: 50px;
}

.div-block-1574.light {
  color: #fff;
}

.div-block-1574.studio {
  font-family: Polysans Slim, sans-serif;
  font-size: 45px;
  line-height: 60px;
}

.div-block-1573 {
  white-space: normal;
  font-family: Circularxxweb, sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 24px;
}

.div-block-1573.is_vodacom {
  color: #f0f0f0;
}

.div-block-1575 {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 1380px;
  padding-bottom: 0;
  padding-left: 40px;
  display: flex;
  position: relative;
}

.div-block-1576 {
  z-index: 100;
  background-color: #9b9b9b40;
  width: 1px;
  height: 100%;
  position: absolute;
  overflow: hidden;
}

.div-block-1576.a {
  top: 1800px;
}

.div-block-1576.a-copy {
  z-index: 5;
  top: 0;
}

.div-block-1577 {
  background-color: #a69db9;
  width: 100%;
  height: 100%;
  position: absolute;
  top: -100%;
}

.div-block-1578 {
  width: 50%;
  padding-left: 60px;
}

.thevalue {
  border-bottom: 1px solid #eee;
  flex-direction: column;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 35px;
  padding-bottom: 50px;
  display: flex;
}

.thevalue.aw {
  border-bottom-color: #cfcfcf4d;
}

.thevalue.aw._2 {
  border-bottom-width: 0;
}

.thevalue.first {
  padding-top: 0;
}

.thevalue.first.aw {
  border-bottom-width: 0;
  border-bottom-color: #5200ff1f;
  justify-content: center;
  align-items: flex-start;
  padding-top: 0;
  padding-bottom: 40px;
  padding-left: 60px;
  position: relative;
}

.thevalue.first.aw.spaced {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  padding-bottom: 120px;
}

.thevalue.first.aw.sm {
  width: 100%;
  padding-bottom: 20px;
}

.thevalue.first.aw.sm.last {
  padding-bottom: 0;
}

.thevalue.first.aw.sm.ns {
  padding-bottom: 40px;
}

.thevalue.first.aw._2 {
  padding-left: 0;
}

.thevalue.first.aw-copy {
  border-bottom-width: 0;
  border-bottom-color: #5200ff1f;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 60px;
  position: relative;
}

.thevalue.first.quote {
  border-bottom-width: 0;
  border-bottom-color: #5200ff1f;
  justify-content: center;
  align-items: center;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 60px;
  display: none;
  position: relative;
}

.thevalue.first.quote.active {
  display: flex;
}

.thevalue.first.home {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  border-bottom-width: 0;
  border-bottom-color: #5200ff1f;
  justify-content: center;
  align-items: flex-start;
  padding-top: 0;
  padding-bottom: 40px;
  padding-left: 60px;
  position: relative;
}

.thevalue.first.home.spaced {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  padding-bottom: 120px;
}

.thevalue.first.home.sm {
  width: 100%;
  padding-bottom: 20px;
}

.thevalue.first.home.sm.last {
  padding-bottom: 0;
}

.thevalue.first.home.sm.ns {
  padding-bottom: 40px;
}

.thevalue.last {
  border-bottom-width: 0;
}

.thevalue.last2 {
  border-bottom-width: 0;
  padding-top: 0;
}

.thevalue.last2.aw {
  border-bottom-width: 0;
  border-bottom-color: #5200ff1f;
  justify-content: center;
  align-items: flex-start;
  padding-top: 0;
  padding-bottom: 40px;
  padding-left: 60px;
  position: relative;
}

.thevalue.last2.aw.spaced {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  padding-bottom: 120px;
}

.thevalue.last2.aw.sm {
  width: 100%;
  padding-bottom: 20px;
}

.thevalue.last2.aw.sm.last {
  padding-bottom: 0;
}

.thevalue.last2.aw.sm.ns {
  padding-bottom: 40px;
}

.thevalue.last2.aw-copy {
  border-bottom-width: 0;
  border-bottom-color: #5200ff1f;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 60px;
  position: relative;
}

.thevalue.last2.quote {
  border-bottom-width: 0;
  border-bottom-color: #5200ff1f;
  justify-content: center;
  align-items: center;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 60px;
  display: none;
  position: relative;
}

.thevalue.last2.quote.active {
  display: flex;
}

.thevalue.last2.home {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  border-bottom-width: 0;
  border-bottom-color: #5200ff1f;
  justify-content: center;
  align-items: flex-start;
  padding-top: 0;
  padding-bottom: 40px;
  padding-left: 60px;
  position: relative;
}

.thevalue.last2.home.spaced {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  padding-bottom: 120px;
}

.thevalue.last2.home.sm {
  width: 100%;
  padding-bottom: 20px;
}

.thevalue.last2.home.sm.last {
  padding-bottom: 0;
}

.thevalue.last2.home.sm.ns {
  padding-bottom: 40px;
}

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

.div-block-1571-copy {
  flex-direction: row;
  margin-top: 10px;
  margin-bottom: 10px;
  padding-right: 6px;
  font-size: 25px;
  font-weight: 500;
  line-height: 33px;
  display: flex;
}

.div-block-1571-copy.aw {
  letter-spacing: .3px;
  margin-bottom: 5px;
  font-family: Polysans Median, sans-serif;
  font-size: 25px;
  line-height: 35px;
}

.div-block-1571-copy.aw.light {
  color: #fff;
}

.div-block-1571-copy.aw.partner_meta {
  color: #25d366;
}

.div-block-1571-copy.quote {
  text-align: center;
  letter-spacing: .3px;
  padding-left: 7px;
  padding-right: 7px;
  font-family: Circularxxweb, sans-serif;
  font-size: 36px;
  font-weight: 100;
  line-height: 45px;
}

.div-block-1571-copy.quote.light {
  color: #fff;
}

.div-block-1945 {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  flex-direction: column;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 15px;
  font-size: 15px;
  display: flex;
}

.div-block-1597 {
  font-family: Circularxxweb, sans-serif;
  font-size: 19px;
  font-weight: 300;
  line-height: 30px;
}

.div-block-1597.small {
  width: 100%;
  max-width: 550px;
}

.div-block-1597.spaced {
  max-width: 500px;
}

.div-block-1943 {
  background-color: #e5e6e0;
  border-radius: 99px;
  width: 6px;
  height: 6px;
  margin-right: 12px;
}

.div-block-3206 {
  color: #fff;
  background-color: #585858;
  border-radius: 1px;
  justify-content: center;
  align-items: center;
  margin-right: 5px;
  padding: 4px 13px;
  font-family: Polysans Slimmono, sans-serif;
  font-size: 10px;
  font-weight: 500;
  display: flex;
}

.div-block-1596 {
  align-items: center;
  font-family: Polysans Neutralmono, sans-serif;
  line-height: 16px;
  display: flex;
}

.div-block-1596.light {
  color: #fff;
}

.div-block-1569 {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  flex-flow: column;
  width: 100%;
  max-width: 550px;
  display: flex;
}

.div-block-1569.nomax {
  max-width: 750px;
  padding-right: 30px;
}

.div-block-3207 {
  background-color: #fff;
  border: 1px solid #5200ff;
  border-radius: 99px;
  width: 11px;
  height: 11px;
  position: absolute;
  top: 23px;
  left: -6px;
}

.div-block-3207.v2 {
  background-color: #5200ff;
  border-color: #ececec;
}

.div-block-3207.black {
  background-color: #040a17;
  border-color: #aaa;
  justify-content: center;
  align-items: center;
  font-size: 9px;
  display: flex;
}

.div-block-3207.black-copy {
  background-color: #292929;
  border-color: #aaa;
}

.div-block-3207.black-copy._223 {
  background-color: #2f2c2c;
}

.div-block-3207.black-copy._223.is_vodacom {
  color: #fff;
  background-color: #420f0a;
}

.div-block-3207.v2-copy {
  background-color: #515152;
  border-color: #ececec;
}

.div-block-3207.black-copy {
  color: #d6d1d1;
  background-color: #1b1b1d;
  border-color: #616164;
  justify-content: center;
  align-items: center;
  width: 21px;
  height: 21px;
  font-size: 9px;
  display: flex;
  top: 16px;
  left: -11px;
}

.div-block-3207.black-copy.is_vodacom {
  color: #fff;
  background-color: #8b1f16;
  border-width: 2px;
  border-color: #fff;
}

.div-block-3207.is_bullet {
  background-color: #292929;
  border-color: #aaa;
}

.div-block-3207._5black-copy-copy {
  color: #d6d1d1;
  background-color: #686868;
  border-width: 0;
  border-color: #616164;
  border-radius: 0;
  justify-content: center;
  align-items: center;
  width: 1px;
  height: 100%;
  font-size: 9px;
  display: flex;
  top: 0;
  left: 0;
}

.div-block-3207.green {
  z-index: 101;
  background-color: #3cffd0;
  border-color: #26967b;
}

.div-block-3207.green._2 {
  left: -66px;
}

.div-block-3207.green._2-copy {
  background-color: #fff;
  border-top-color: #97a8a4;
  left: -66px;
}

.div-block-3207.green._222 {
  top: 37px;
}

.div-block-3207._2 {
  top: 5px;
  left: -74px;
}

.div-block-3207._40 {
  left: -56px;
}

.div-block-1578-copy {
  width: 50%;
  padding-bottom: 70px;
  padding-left: 0;
}

.div-block-3208 {
  background-color: #e7e7e7;
  width: 100%;
  height: 1px;
  margin-top: 30px;
}

.div-block-3208.v2 {
  background-color: #e7e7e740;
}

.div-block-3208.v2.blue {
  background-color: #517ce7a8;
}

.div-block-3208.v2.blue-copy {
  background-color: #d3d3d3a8;
  margin-top: 0;
}

.div-block-3208.light {
  background-color: #e7e7e726;
}

.div-block-3208.green {
  background-color: #28dfb3;
}

.div-block-3208.dark {
  background-color: #0e0e0e26;
}

.div-block-3208.hidden {
  opacity: 0;
}

.div-block-3209 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 20px;
  padding-left: 3px;
  font-size: 12px;
  line-height: 12px;
  display: flex;
  position: absolute;
  top: -4px;
  right: -12px;
}

.div-block-3210 {
  background-color: #000;
  border-radius: 3px;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-width: 300px;
  max-width: 500px;
  height: 600px;
  min-height: 700px;
  transition: all .6s;
  display: flex;
  position: relative;
  overflow: hidden;
}

.div-block-3210.active {
  min-width: 1280px;
  left: -57px;
}

.bb1 {
  border-radius: 3px;
  overflow: hidden;
}

.div-block-3214 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.div-block-3215 {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  font-size: 15px;
  display: flex;
  position: relative;
  left: -23px;
}

.div-block-3215.spaced {
  padding-left: 20px;
}

.div-block-3215._2spaced-copy {
  padding-left: 45px;
}

.div-block-3217 {
  filter: grayscale();
  background-color: #f1f1f1;
  border: 2px solid #fff;
  border-radius: 99px;
  width: 50px;
  height: 50px;
  overflow: hidden;
}

.div-block-3217.second {
  position: relative;
  left: -25px;
}

.div-block-3217.third {
  position: relative;
  left: -43px;
}

.div-block-3217.second-copy {
  position: relative;
  left: 0;
}

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

.div-block-3219 {
  letter-spacing: .2px;
  font-family: Polysans Neutral, sans-serif;
  font-size: 17px;
  line-height: 24px;
}

.div-block-3220 {
  color: #b8b8b8;
  border-top: 1px solid #f1f1f1;
  margin-top: 8px;
  padding-top: 5px;
  font-size: 15px;
  line-height: 28px;
}

.div-block-3224 {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.image-267 {
  opacity: .27;
  height: 750px;
  max-height: 750px;
}

.div-block-3226 {
  z-index: 1;
  pointer-events: none;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.div-block-3226.hidden {
  display: none;
}

.funnel_content {
  border: 0 solid #000;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.div-block-3227 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  background-color: #fff;
  border-bottom: 1px solid #5200ff33;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 100px;
  display: flex;
  position: relative;
}

.div-block-3227._100 {
  width: 100%;
}

.div-block-3228 {
  color: #030303;
  background-color: #e4e4e4;
  border-radius: 1px;
  padding: 4px 10px;
  font-family: Polysans Slimmono, sans-serif;
  font-size: 10px;
}

.div-block-3228.service {
  color: #0a0a0a;
  background-color: #3cffd0;
}

.div-block-3228.license {
  color: #fff;
  background-color: #5200ff;
}

.div-block-3229 {
  text-align: center;
  padding-top: 5px;
  padding-bottom: 5px;
  font-family: Polysans Median, sans-serif;
  font-size: 17px;
  line-height: 22px;
}

.div-block-3230 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.div-block-3230.performance {
  justify-content: flex-start;
  align-items: center;
}

.div-block-3235 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  white-space: nowrap;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 100%;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}

.div-block-3235.second {
  left: 0;
  right: auto;
}

.div-block-3236 {
  background-color: #5200ff33;
  width: 1px;
  height: 100%;
}

.div-block-3237 {
  color: #212024;
  background-color: #fff;
  padding-left: 10px;
  padding-right: 10px;
  font-family: Polysans Median, sans-serif;
  font-size: 17px;
  transform: rotate(-90deg);
}

.div-block-3237._123 {
  background-color: #fff;
}

.image-268 {
  width: 10px;
}

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

.div-block-3239 {
  flex-flow: column;
  width: 100%;
  max-width: 1100px;
  display: flex;
  position: relative;
}

.div-block-3240 {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
  position: relative;
}

.div-block-3241 {
  background-color: #fff;
  border-bottom: 1px solid #5200ff33;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  max-width: 900px;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 90px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.div-block-3241._100 {
  width: 100%;
}

.div-block-3241._100.top {
  border-top: 1px solid #5200ff33;
  border-bottom-width: 0;
  height: 1px;
}

.div-block-3242 {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 50%;
  padding-right: 20px;
  display: flex;
}

.div-block-3243 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 900px;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
}

.div-block-3244 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  font-family: Polysans Median, sans-serif;
  display: flex;
}

.div-block-3228-copy {
  color: #fff;
  background-color: #e4e4e4;
  border-radius: 1px;
  width: 20px;
  height: 20px;
  padding: 4px 10px;
  font-family: Polysans Slimmono, sans-serif;
  font-size: 10px;
}

.div-block-3228-copy.service {
  background-color: #3cffd0;
}

.div-block-3228-copy.license, .div-block-3228-copy.media {
  background-color: #5200ff;
}

.div-block-3245 {
  z-index: 100;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  font-family: Circularxxweb, sans-serif;
  display: flex;
  position: relative;
}

.div-block-3245.ns, .div-block-3245.studio {
  padding-top: 0;
}

.div-block-5499 {
  float: left;
  clear: both;
  color: #858585;
  letter-spacing: .5px;
  border: 0 solid #000;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-start;
  padding-bottom: 20px;
  font-family: Polysans Slim, sans-serif;
  font-size: 26px;
  font-weight: 400;
  line-height: 36px;
  display: flex;
}

.div-block-5499.studio {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  width: 100%;
  padding-bottom: 0;
}

.text-span-2 {
  color: #000;
}

.div-block-5501 {
  z-index: 5;
  background-color: #f3f3f3;
  width: 1px;
  height: 100%;
  min-height: 900px;
  position: absolute;
  top: 0;
  left: 50%;
}

.div-block-5501.green {
  background-color: #44e7c0;
}

.div-block-1569-copy {
  width: 100%;
  max-width: 550px;
  margin-left: 25px;
  padding-left: 20px;
  display: flex;
}

.div-block-1569-copy._2 {
  border: 1px solid #ececec;
  flex-direction: column;
  width: 100%;
  max-width: none;
  margin-bottom: 50px;
  margin-left: 0;
  padding-left: 0;
}

.div-block-1569-copy._122-copy {
  border: 1px solid #3b3b3b26;
  flex-direction: column;
  width: 100%;
  max-width: none;
  margin-bottom: 50px;
  margin-left: 0;
  padding-left: 0;
}

.div-block-5504 {
  cursor: pointer;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 45px;
  font-size: 17px;
  font-weight: 300;
  display: flex;
}

.div-block-5504:hover {
  background-color: #f1f1f1;
}

.div-block-5504.head {
  background-color: #f1f1f1;
  font-family: Polysans Median, sans-serif;
  font-weight: 500;
}

.div-block-5504._2214 {
  background-color: #5a5a5a1a;
  font-family: Polysans Median, sans-serif;
  font-weight: 500;
}

.div-block-5504.aaa {
  border-bottom: 1px solid #3a3a3a26;
}

.div-block-5505 {
  border-left: 1px solid #eee;
  justify-content: flex-start;
  align-items: center;
  width: 35%;
  height: 100%;
  padding-left: 15px;
  font-size: 16px;
  display: flex;
}

.div-block-5505.small {
  border-left-width: 0;
  width: 60px;
  font-size: 15px;
  font-weight: 500;
}

.div-block-5505.head {
  font-family: Circularxxweb, sans-serif;
  font-size: 16px;
}

.div-block-5505.large {
  width: 45%;
}

.div-block-5505.large.aa {
  border-left-color: #55555529;
}

.div-block-5505.aa {
  border-left-color: #5f5f5f24;
}

.div-block-5506 {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  white-space: nowrap;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.div-block-5507 {
  background-color: #e6e6e6;
  width: 100%;
  height: 1px;
}

.div-block-5507.light {
  background-color: #e6e6e629;
}

.div-block-5508 {
  margin-top: 15px;
}

.div-block-5509 {
  color: #5c5c5c;
  font-family: Polysans Median, sans-serif;
  font-size: 10px;
}

.div-block-5509.plain {
  color: #9b9b9b;
  font-family: Circularxxweb, sans-serif;
  font-size: 14px;
  font-weight: 300;
}

.div-block-5509.plain.is_vodacom {
  color: #d6d4d4;
}

.image-730 {
  opacity: .45;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.text-block-554 {
  color: #afafaf;
}

.div-block-5511 {
  z-index: 10;
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  filter: invert();
  color: #000;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
}

.image-732 {
  width: 30px;
}

.div-block-5513 {
  font-family: Polysans Median, sans-serif;
  font-size: 14px;
}

.div-block-3217-copy {
  filter: grayscale();
  background-color: #f1f1f1;
  border: 2px solid #fff;
  border-radius: 99px;
  width: 100px;
  height: 100px;
  overflow: hidden;
}

.div-block-5515 {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 33%;
  font-family: Polysans Neutral, sans-serif;
  font-size: 18px;
  display: flex;
}

.div-block-5516 {
  letter-spacing: .5px;
  text-transform: uppercase;
  font-family: Polysans Neutral, sans-serif;
  font-size: 11px;
}

.div-block-5518 {
  border-bottom: 0 solid #cfcfcf;
  margin-bottom: 8px;
  padding-bottom: 8px;
}

.div-block-5519 {
  font-size: 17px;
}

.div-block-5521 {
  z-index: 2;
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: row;
  width: 100%;
  font-family: Polysans Neutral, sans-serif;
  display: flex;
  position: relative;
}

.div-block-5521.forecast {
  border-bottom: 1px solid #a0a0a040;
  margin-bottom: 20px;
  padding-bottom: 20px;
}

.div-block-5521.studio {
  justify-content: flex-start;
  align-items: center;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-right: 0;
}

.div-block-5522 {
  width: 50%;
  padding-right: 20px;
}

.div-block-5523 {
  color: #1f1f1f;
  background-color: #40f0c5;
  border-radius: 3px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 40px;
  padding: 6px 10px;
  font-family: Polysans Neutral, sans-serif;
  display: flex;
  position: relative;
  overflow: hidden;
}

.div-block-5523.bg {
  background-color: #443663;
}

.div-block-5523.studio {
  background-color: #eee0;
  border-left: 0 solid #b4b1b1;
  border-right: 0 solid #d6d6d6;
  height: 9px;
  min-height: 9px;
  max-height: 9px;
  padding-top: 0;
  padding-bottom: 0;
  overflow: visible;
}

.bar_chart {
  z-index: 1;
  background-color: #5300ff;
  border-radius: 3px;
  width: 100%;
  height: 100%;
  transition: left .7s;
  position: absolute;
  left: 0%;
}

.bar_chart.line2 {
  left: -52px;
}

.bar_chart.line2.zero {
  background-color: #5200ff;
}

.bar_chart.line2.zero._2 {
  left: -116px;
}

.bar_chart._3 {
  background-color: #cec1b1;
  left: -246px;
}

.bar_chart._4 {
  left: -101px;
}

.bar_chart._5 {
  left: -301px;
}

.bar_chart.line2-copy5 {
  left: -75px;
}

.bar_chart._7 {
  left: -375px;
}

.bar_chart._8line2-copy {
  left: -169px;
}

.bar_chart.zero {
  left: -3px;
}

.bar_chart._0 {
  left: -64px;
}

.bar_chart._2023 {
  width: 85%;
}

.bar_chart._2023.ss2 {
  background-color: #292929;
  width: 77%;
  height: 1px;
}

.bar_chart._2022 {
  width: 80%;
}

.bar_chart._2022.ss3 {
  background-color: #111;
  width: 71.82%;
  height: 1px;
}

.bar_chart._2021 {
  width: 70%;
}

.bar_chart._2021.ss4 {
  background-color: #2c2c2c;
  width: 68.79%;
  height: 1px;
}

.bar_chart._2020.ss5 {
  background-color: #1b1b1b;
  width: 55%;
  height: 1px;
}

.bar_chart._2025 {
  left: -86%;
}

.bar_chart._2026 {
  left: -73%;
}

.bar_chart._2027 {
  left: -45%;
}

.bar_chart._2024_2 {
  left: -90%;
}

.bar_chart.tech {
  background-color: #7b99da;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  left: -50%;
}

.bar_chart.tech._2024 {
  left: -50%;
}

.bar_chart.tech._2023 {
  left: -58%;
}

.bar_chart.tech._2022 {
  left: -62%;
}

.bar_chart.tech._2021 {
  left: -67%;
}

.bar_chart.tech._2020 {
  left: -68%;
}

.bar_chart.ss1 {
  background-color: #202020;
  height: 1px;
  max-height: 1px;
}

.bar_chart._2020-copy {
  width: 60%;
}

.bar_chart._2024_11 {
  width: 90%;
}

.bar_chart._2020-copy.ss5 {
  background-color: #1b1b1b;
  width: 55%;
  height: 1px;
}

.bar_chart._122024_11-copy {
  width: 65%;
}

.div-block-5525 {
  z-index: 2;
  color: #fdfdfd;
  letter-spacing: .5px;
  font-family: Circularxxweb, sans-serif;
  font-size: 12px;
  font-weight: 400;
  position: relative;
}

.div-block-5525.white {
  color: #fff;
}

.div-block-5525.bold {
  font-family: Polysans Median, sans-serif;
}

.div-block-5525.studio {
  color: #313131;
  background-color: #fff;
  border-radius: 3px;
  padding: 5px 10px;
  font-family: Polysans Median, sans-serif;
  font-size: 11px;
  line-height: 12px;
  position: absolute;
  right: 4px;
}

.div-block-5525.studio._1 {
  font-family: Polysans Median, sans-serif;
  right: -93px;
}

.div-block-5525.studio._2 {
  right: 0;
}

.div-block-5525.studio._3 {
  right: 83px;
}

.div-block-5525.studio._4 {
  right: 98px;
}

.div-block-5525.studio._5 {
  right: 128px;
}

.div-block-5525.studio.x2 {
  font-family: Polysans Median, sans-serif;
  right: 21px;
}

.div-block-5525.studio.x3 {
  font-family: Polysans Median, sans-serif;
  right: 32px;
}

.div-block-5525.studio.x4 {
  border-radius: 4px;
  font-family: Polysans Median, sans-serif;
  right: 88px;
}

.div-block-5525.black {
  color: #2c2c2c;
}

.div-block-5527 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  justify-content: space-between;
  align-items: center;
  width: 95px;
  font-family: Circularxxweb, sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 12px;
  display: flex;
}

.div-block-5528 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  width: 100%;
  padding-top: 20px;
  padding-right: 25px;
  display: flex;
  position: relative;
}

.div-block-5529 {
  font-size: 12px;
}

.div-block-5529.headline {
  padding: 0;
  font-size: 13px;
  font-weight: 400;
}

.div-block-5529.headline.studio {
  font-family: Polysans Bulky, sans-serif;
  font-size: 11px;
  font-weight: 400;
}

.div-block-5529.total {
  font-size: 10px;
}

.div-block-5529.headline-copy {
  padding: 0;
  font-size: 13px;
  font-weight: 400;
  line-height: 17px;
}

.div-block-5529.headline-copy.studio {
  font-family: Polysans Bulky, sans-serif;
  font-size: 11px;
  font-weight: 400;
}

.div-block-1571-copy-2 {
  color: #000;
  flex-direction: row;
  margin-top: 10px;
  margin-bottom: 10px;
  padding-right: 6px;
  font-size: 25px;
  font-weight: 500;
  line-height: 33px;
  display: flex;
}

.div-block-5530 {
  opacity: .71;
  font-family: Circularxxweb, sans-serif;
  font-size: 19px;
  font-weight: 400;
  line-height: 33px;
}

.div-block-5530.link {
  color: #1a1919;
  text-decoration: underline;
}

.div-block-5531 {
  color: #111;
  background-color: #3cffd0;
  border-radius: 2px;
  justify-content: center;
  align-items: center;
  margin-right: 5px;
  padding: 4px 13px;
  font-size: 10px;
  font-weight: 500;
  display: flex;
}

.div-block-5532 {
  letter-spacing: .3px;
  align-items: center;
  font-family: Polysans Neutral, sans-serif;
  display: flex;
}

.div-block-5533 {
  width: 100%;
  max-width: 550px;
  padding-left: 60px;
}

.div-block-5534 {
  width: 50%;
}

.div-block-5535 {
  color: #1b1b1bdb;
  letter-spacing: .4px;
  padding-top: 10px;
}

.div-block-5536 {
  flex-flow: column;
  justify-content: flex-end;
  align-self: flex-end;
  align-items: flex-start;
  height: 100%;
  min-height: 650px;
  display: flex;
}

.div-block-5538 {
  grid-column-gap: 36px;
  grid-row-gap: 36px;
  flex-flow: wrap;
  justify-content: space-around;
  align-items: center;
  width: 50%;
  padding-bottom: 150px;
  padding-left: 50px;
  display: flex;
}

.div-block-5539 {
  width: 50%;
  padding-left: 40px;
}

.div-block-5539._30 {
  padding-right: 30px;
}

.div-block-5539._1230-copy {
  width: 100%;
  padding-left: 0;
  padding-right: 30px;
}

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

.div-block-5541 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  color: #5200ff;
  border-bottom: 0 solid #f3f3f3;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-bottom: 10px;
  font-family: Polysans Neutral, sans-serif;
  font-size: 17px;
  display: flex;
}

.div-block-5541.is_playing {
  font-family: Polysans Median, sans-serif;
  font-size: 15px;
}

.div-block-5541.is_playing.black {
  color: #080808;
}

.div-block-5541.is_playing.s {
  margin-bottom: 5px;
}

.div-block-5541.product {
  color: #4b4b4b;
  width: auto;
  margin-bottom: 0;
  font-family: Polysans Median, sans-serif;
  position: relative;
}

.clientlogo {
  background-image: url("https://cdn.prod.website-files.com/65ff1993ed34712d1a33b80c/66028015f9359d328dd68487_brand_placeholder.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  background-attachment: scroll;
  justify-content: center;
  align-items: center;
  width: 130px;
  display: flex;
}

.clientlogo.mediacom {
  background-image: url("https://cdn.prod.website-files.com/65ff1993ed34712d1a33b80c/66028015f9359d328dd68486_mediacom.svg");
  width: 100px;
}

.clientlogo.wavemaker {
  background-image: url("https://cdn.prod.website-files.com/65ff1993ed34712d1a33b80c/66028015f9359d328dd6848b_wavemaker.svg");
  width: 110px;
}

.clientlogo.mindhshare {
  background-image: url("https://cdn.prod.website-files.com/65ff1993ed34712d1a33b80c/66028015f9359d328dd6848d_mindhsare.svg");
  width: 100px;
}

.clientlogo.publicis {
  background-image: url("https://cdn.prod.website-files.com/65ff1993ed34712d1a33b80c/66028015f9359d328dd6848c_starcom.svg");
  width: 115px;
}

.clientlogo.dentsu {
  background-image: url("https://cdn.prod.website-files.com/65ff1993ed34712d1a33b80c/66028015f9359d328dd68488_dentsu.svg");
  width: 90px;
}

.clientlogo.havas {
  background-image: url("https://cdn.prod.website-files.com/65ff1993ed34712d1a33b80c/66028015f9359d328dd68489_havas.svg");
  justify-content: flex-end;
  width: 100px;
}

.clientlogo.omnicom {
  background-image: url("https://cdn.prod.website-files.com/65ff1993ed34712d1a33b80c/66028015f9359d328dd68485_omnicom.svg");
}

.clientlogo.initiative {
  background-image: url("https://cdn.prod.website-files.com/65ff1993ed34712d1a33b80c/66028015f9359d328dd6848a_initiative.svg");
  width: 90px;
}

.div-block-3409-copy-copy {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border: 0 solid #f1f1f1;
  grid-template-rows: auto;
  grid-template-columns: repeat(auto-fit, minmax(125px, 1fr));
  grid-auto-columns: 1fr;
  width: 100%;
  height: 150px;
  display: grid;
  position: relative;
}

.div-block-3410-copy-copy {
  z-index: 1;
  background-color: #fdfdfd;
  align-items: center;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 16px;
  font-weight: 300;
  display: flex;
  position: absolute;
  top: -14px;
  right: 0;
}

.div-block-3410-copy-copy-copy {
  z-index: 1;
  background-color: #fdfdfd;
  align-items: center;
  padding-right: 10px;
  font-size: 16px;
  font-weight: 300;
  display: flex;
  position: absolute;
  bottom: -16px;
  right: 0;
}

.client_item {
  background-color: #f1f1f1;
  border-radius: 4px;
  width: 252px;
  min-width: 252px;
  height: 380px;
  transition: all .4s;
  position: relative;
  overflow: hidden;
  box-shadow: 0 2px 5px #00000026;
}

.client_item:hover {
  width: 290px;
}

.client_item.is_active {
  width: 300px;
  min-width: 300px;
  height: 460px;
}

.client_item.hidden {
  display: none;
}

.intro_head {
  z-index: 105;
  border: 0 solid #000;
  border-bottom-color: #ececec;
  border-radius: 0;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1380px;
  min-height: 520px;
  margin-bottom: 0;
  padding-bottom: 0;
  padding-left: 40px;
  padding-right: 20px;
  display: flex;
  position: relative;
}

.intro_head.purple {
  z-index: 99;
  color: #f3f3f3;
  background-color: #5200ff;
  border-bottom-color: #c7c7c71f;
}

.intro_head.top {
  z-index: 108;
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  background-color: #fff;
  flex-flow: row;
}

.intro_head.black {
  z-index: 99;
  color: #cec1b1;
  background-color: #040a18;
}

.intro_head.green {
  z-index: 106;
  color: #131313;
  background-color: #3cffd0;
  overflow: hidden;
}

.intro_head.intro {
  color: #fff;
  background-color: #fff;
  justify-content: center;
  align-items: center;
  min-height: 720px;
  display: flex;
}

.intro_head.white {
  background-color: #fff;
}

.intro_head.studio {
  padding-left: 20px;
}

.div-block-5543 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-left: 40px;
  font-family: Polysans Neutral, sans-serif;
  font-size: 17px;
  line-height: 36px;
  display: flex;
}

.swiper_wrapper {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-height: 380px;
  padding-right: 250px;
  display: none;
}

.swiper_wrapper.active {
  display: flex;
}

.div-block-20-copy {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  background-color: #3cffd0;
  justify-content: center;
  align-items: center;
  height: 44px;
  padding: 0 22px 0 24px;
  font-family: Polysans Neutral, sans-serif;
  font-size: 13px;
  line-height: 14px;
  display: flex;
}

.div-block-20-copy.white {
  background-color: #fff;
}

.div-block-20-copy._2 {
  color: #fff;
  background-color: #222;
  height: 52px;
}

.div-block-20-copy._2.white {
  color: #000;
  background-color: #f8f8f8;
}

.div-block-5545 {
  width: 50%;
  padding-left: 45px;
  padding-right: 45px;
}

.div-block-5545.closer {
  padding-left: 65px;
  padding-right: 0;
}

.div-block-5546 {
  z-index: 105;
  background-color: #fff;
  width: 100%;
  height: 60px;
  position: relative;
}

.select-field-unstyled {
  color: #2c2d3680;
  cursor: pointer;
  background-color: #0000;
  border: 1px #000;
  width: 110%;
  height: 40px;
  margin-bottom: 0;
  padding: 0;
  font-size: 14px;
  line-height: 24px;
  position: relative;
  bottom: 8px;
  left: 0;
}

.form-grid-halves {
  grid-column-gap: 18px;
  grid-row-gap: 18px;
  grid-template-rows: auto;
  margin-top: 12px;
}

.button-2 {
  color: #fff;
  text-align: center;
  background-color: #000;
  border: 2px solid #1d1d1d;
  border-radius: 3px;
  width: 100%;
  height: 50px;
  padding: 12px 24px;
  font-family: Polysans Median, sans-serif;
  font-size: 13px;
  font-weight: 500;
  line-height: 20px;
  transition: box-shadow .2s;
  box-shadow: inset 0 200px 200px 200px #0000;
}

.button-2:hover {
  box-shadow: none;
  color: #1570fb;
  background-color: #fff;
}

.form-success-2 {
  color: #070707;
  text-align: left;
  background-color: #0000;
  border-radius: 5px;
  padding: 18px 18px 18px 0;
  font-size: 16px;
  line-height: 25px;
}

.form-grid-halves-copy {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
}

.div-block-1533 {
  z-index: 99;
  background-color: #fff;
  justify-content: flex-start;
  padding-left: 6px;
  padding-right: 8px;
  font-family: Polysans Median, sans-serif;
  font-size: 12px;
  display: flex;
  position: absolute;
  top: -10px;
  left: 10px;
}

.div-block-829 {
  width: 100%;
}

.form-error-2 {
  color: #fff;
  text-align: center;
  background-color: #ad343e;
  border-radius: 5px;
  margin-top: 12px;
  padding: 18px;
  font-size: 17px;
  line-height: 25px;
}

.form-input-2 {
  background-color: #0000;
  border: 1px solid #bebebe;
  border-radius: 2px;
  height: 50px;
  margin-bottom: 0;
  padding: 16px 20px 16px 15px;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  transition: border-color .2s;
}

.form-input-2:focus {
  border-color: #3e62c5;
}

.form-input-2::placeholder {
  color: #2c2d3680;
  font-size: 14px;
  line-height: 24px;
}

.form-block {
  margin-bottom: 0;
}

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

.select-field-2 {
  background-color: #fff;
  background-image: url("https://cdn.prod.website-files.com/65ff1993ed34712d1a33b80c/66029a2fea1beaca718f0804_icon-select-arrow.svg");
  background-position: 94%;
  background-repeat: no-repeat;
  background-size: 16px 16px;
  border: 1px solid #bebebe;
  border-radius: 2px;
  align-items: center;
  width: 100%;
  height: 50px;
  padding: 10px 16px 10px 10px;
  display: block;
  position: relative;
  overflow: hidden;
}

.div-block-827 {
  margin-top: 10px;
  position: relative;
}

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

.form-input-3 {
  border: 1px solid #2c2d362b;
  border-radius: 5px;
  height: 60px;
  margin-bottom: 0;
  padding: 16px 20px;
  font-size: 16px;
  line-height: 24px;
  transition: border-color .2s;
}

.form-input-3:focus {
  border-color: #2c2d36;
}

.form-input-3::placeholder {
  color: #2c2d3680;
  font-size: 16px;
  line-height: 24px;
}

.form-input-3.textarea {
  background-color: #0000;
  border-color: #bebebe;
  border-radius: 2px;
  min-height: 150px;
  padding-left: 15px;
  font-size: 14px;
}

.form-input-3.textarea:focus {
  border-color: #3e62c5;
}

.form-input-3.textarea::placeholder {
  font-size: 14px;
}

.div-block-5547 {
  background-color: #353535;
  border-radius: 6px;
  width: 100%;
  height: 250px;
  margin-top: 10px;
}

.div-block-5548 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 820px;
  display: flex;
}

.div-block-5549 {
  z-index: 30;
  border: 1px solid #c2c2c2;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  width: 58px;
  min-width: 58px;
  height: 34px;
  min-height: 34px;
  padding-right: 2px;
  font-family: GoogleMaterialicons, sans-serif;
  font-size: 22px;
  transition: all .4s;
  display: flex;
  position: static;
  top: 141px;
  right: 44px;
}

.div-block-5549:hover {
  filter: invert();
  background-color: #fff;
  border-color: #fff;
}

.div-block-5549._2 {
  cursor: pointer;
  width: 110px;
  min-width: 110px;
  padding-left: 2px;
  padding-right: 0;
  position: static;
  left: auto;
  right: 0;
}

.div-block-5549._2:hover {
  filter: invert();
  background-color: #fff;
  border-color: #fff;
}

.div-block-5549._2.inverted {
  border-color: #969696;
}

.div-block-5549.inverted {
  filter: invert();
  border-color: #969696;
}

.div-block-5549._2-copy {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  cursor: pointer;
  width: auto;
  padding-left: 17px;
  padding-right: 17px;
  position: static;
  left: auto;
  right: 0;
}

.div-block-5549._2-copy:hover {
  filter: invert();
  background-color: #fff;
  border-color: #fff;
}

.image-733 {
  opacity: .8;
  width: 12px;
}

.image-733.inverted {
  opacity: .73;
  filter: invert();
}

.image-733.small {
  width: 7px;
}

.clientvisual {
  width: 100%;
  height: 100%;
}

.over_container {
  z-index: 5;
  background-color: #66500d4a;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}

.over_container:hover {
  background-color: #201e2259;
}

.over_container.netflix {
  background-color: #5200ff14;
}

.over_container.placeholder {
  background-color: #dfdfdf4a;
}

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

.image-735 {
  width: 110px;
}

.image-735.sq {
  width: 70px;
}

.image-735.medium {
  width: 85px;
}

.image-735.lg, .image-735.large {
  width: 130px;
}

.image-735.medium-2 {
  width: 75px;
}

.image-735.sq_small {
  width: 64px;
}

.brandlogo {
  filter: invert();
}

.brandlogo.reg {
  filter: none;
}

.read_more {
  z-index: 2;
  color: #161616;
  background-color: #fff;
  justify-content: center;
  align-items: center;
  height: 30px;
  padding: 22px 21px;
  font-family: Polysans Median, sans-serif;
  display: flex;
  position: relative;
  overflow: hidden;
}

.over_comp {
  opacity: 0;
  pointer-events: auto;
  cursor: pointer;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 100%;
  padding-bottom: 20px;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}

.over_comp:hover, .over_comp.is_loading {
  opacity: 1;
}

.over_comp.hidden {
  display: none;
}

.background-video {
  z-index: 3;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.div-block-5553 {
  background-color: #5200ff;
  border-radius: 99px;
  width: 9px;
  height: 9px;
}

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

.div-block-5554 {
  width: 100%;
  height: 100%;
}

.div-block-5555 {
  line-height: 15px;
}

.div-block-5536-copy {
  z-index: 50;
  background-color: #fff;
  border-top: 1px solid #ebebeb;
  border-left: 1px solid #eee;
  border-top-left-radius: 3px;
  flex-flow: column;
  justify-content: flex-end;
  align-self: flex-end;
  align-items: flex-start;
  padding-top: 25px;
  padding-bottom: 40px;
  padding-left: 25px;
  display: flex;
  position: absolute;
  bottom: -91px;
  right: -34px;
}

.div-block-3210-copy {
  background-color: #000;
  border-radius: 3px;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-width: 720px;
  height: 550px;
  min-height: 650px;
  transition: all .6s;
  display: flex;
  position: relative;
  overflow: hidden;
}

.div-block-3210-copy.active {
  min-width: 1280px;
  left: -57px;
}

.div-block-5556 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  display: flex;
}

.div-block-5543-copy {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-left: 0;
  font-family: Polysans Neutral, sans-serif;
  font-size: 12px;
  line-height: 36px;
  display: flex;
}

.div-block-5557 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  display: flex;
}

.div-block-5541-copy {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  opacity: .59;
  color: #fff;
  mix-blend-mode: overlay;
  border-bottom: 0 solid #f3f3f3;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-bottom: 10px;
  font-family: Polysans Median, sans-serif;
  font-size: 12px;
  display: flex;
  position: absolute;
  top: -27px;
  left: 0;
}

.div-block-5558 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.div-block-5559 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.div-block-5559.large {
  justify-content: flex-end;
  align-items: center;
  width: 160px;
}

.div-block-5560 {
  color: #5200ff;
}

.div-block-5561 {
  z-index: 20;
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 10px;
  display: flex;
  position: absolute;
  top: 0;
}

.div-block-5562 {
  background-color: #f5f5f582;
  width: 100%;
  height: 2px;
}

.div-block-5562.active {
  background-color: #f5f5f5;
}

.div-block-5563 {
  color: #838383;
  border: 0 solid #000;
  padding-right: 20px;
}

.div-block-5563.studio {
  color: #292929;
  padding-bottom: 15px;
}

.div-block-5548-copy {
  z-index: 50;
  background-color: #fff;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 75%;
  max-width: 900px;
  display: flex;
  position: relative;
}

.div-block-5564 {
  border-left: 1px solid #eee;
  padding-left: 50px;
  position: relative;
}

.div-block-5565 {
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  display: flex;
}

.div-block-5566 {
  border-top: 1px solid #ebebeb;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-top: 25px;
  padding-bottom: 25px;
  font-size: 16px;
  display: flex;
}

.div-block-5567 {
  color: #bbb;
}

.div-block-12-copy.larger {
  padding-right: 70px;
}

.text-block-556 {
  font-family: Polysans Median, sans-serif;
  font-size: 14px;
  line-height: 15px;
}

.partner_story {
  z-index: 105;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  color: #0f0f0f;
  border: 0 solid #000;
  border-bottom-color: #dbdbdb;
  border-radius: 0;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1380px;
  max-height: 0;
  margin-top: 0;
  padding: 0 48px;
  position: relative;
  overflow: hidden;
}

.partner_story.purple {
  z-index: 99;
  color: #f3f3f3;
  background-color: #5200ff;
  border-bottom-color: #c7c7c71f;
}

.partner_story.top {
  z-index: 108;
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  background-color: #fff;
  border-bottom-color: #e9e9e9;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  padding-right: 20px;
}

.partner_story.black {
  z-index: 99;
  color: #cec1b1;
  background-color: #040a18;
}

.partner_story.green {
  z-index: 106;
  color: #131313;
  background-color: #3cffd0;
  overflow: hidden;
}

.partner_story.intro {
  color: #fff;
  background-color: #fff;
  justify-content: flex-start;
  align-items: center;
  min-height: 600px;
  padding-left: 40px;
  display: flex;
}

.partner_story.white {
  background-color: #fff;
}

.partner_story.yellow {
  z-index: 99;
  color: #141414;
  background-color: #d6f31f;
}

.partner_story.noheight {
  min-height: 450px;
}

.partner_story.intro-copy {
  color: #fff;
  background-color: #fff;
  justify-content: flex-start;
  align-items: center;
  max-width: 1380px;
  min-height: auto;
  padding-bottom: 100px;
  padding-left: 40px;
  display: flex;
  overflow: hidden;
}

.partner_story.hidden {
  display: none;
}

.partner_story.active {
  color: #dfdfdf;
  background-color: #1b1b1d;
  border-radius: 3px;
  max-height: 2299px;
  margin-top: 20px;
  padding: 0 48px 48px;
  display: flex;
}

.div-block-5568 {
  z-index: 10;
  width: 100%;
  padding-top: 60px;
  display: flex;
  position: relative;
}

.div-block-5569 {
  z-index: 100;
  background-color: #1b1b1d;
  border: 0 solid #000;
  border-bottom: 1px solid #6363633b;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 85px;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  position: relative;
}

.div-block-5569.is_vodacom {
  background-color: #1b1b1d00;
  border-bottom-color: #cfc2c23b;
}

._12div-block-5541-copy {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  border-bottom: 0 solid #f3f3f3;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0;
  font-family: Polysans Neutral, sans-serif;
  font-size: 17px;
  display: flex;
}

.div-block-5570 {
  cursor: pointer;
  font-family: Polysans Neutral, sans-serif;
  font-size: 17px;
}

.div-block-5570:hover {
  color: #5200ff;
}

.div-block-5571 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  display: flex;
}

.div-block-5552-copy {
  opacity: 1;
  cursor: pointer;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 10px;
  padding-bottom: 20px;
  padding-left: 10px;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}

.div-block-5552-copy:hover {
  opacity: 1;
}

.read_more-copy {
  color: #161616;
  mix-blend-mode: normal;
  background-color: #ece9d4;
  border-radius: 1px;
  justify-content: center;
  align-items: center;
  height: 30px;
  padding: 6px 10px;
  font-family: Polysans Median, sans-serif;
  font-size: 10px;
  display: flex;
}

.read_more-copy.sales {
  background-color: #3cffd0;
}

.read_more-copy.editorial {
  color: #131313;
  background-color: #d8f320;
}

.div-block-3214-copy {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #181818;
  border-top: 1px solid #eee;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-top: 15px;
  padding-top: 20px;
  display: flex;
}

.div-block-5572 {
  margin-top: 15px;
}

._2div-block-3214-copy {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  border-left: 0 solid #dfdfdf;
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-start;
  padding-left: 0;
  display: flex;
}

._2div-block-3214-copy.hidden {
  display: none;
}

.content_filter {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  color: #868686;
  white-space: nowrap;
  cursor: pointer;
  background-color: #f8f8f8;
  border: 1px solid #f1f1f1;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  height: 34px;
  max-height: 34px;
  padding: 0 15px;
  font-family: Polysans Median, sans-serif;
  font-size: 12px;
  display: flex;
}

.content_filter:hover {
  color: #303030;
}

.content_filter.active {
  color: #353232;
  background-color: #fff;
  border-color: #c2c2c2;
}

.content_filter.active:hover {
  color: #555;
}

.content_filter.editorial.active {
  background-color: #d6f31f;
}

.content_filter.brand.active {
  color: #f1f1f1;
  flex-flow: row;
}

.content_filter.inverted {
  background-color: #353535;
  border-color: #353535;
}

.content_filter.inverted:hover {
  color: #d3cfcf;
}

.content_filter.inverted.active {
  color: #313131;
  background-color: #d7f320;
  border-color: #d7f320;
}

.content_filter.inverted.active.light {
  width: 60px;
}

.content_filter.inverted.active.second {
  background-color: #272527;
  width: 70px;
}

.content_filter.inverted.active.partner_meta {
  color: #000;
  background-color: #25d366;
  border-color: #25d366;
}

.content_filter.inverted.active.is_vodacom {
  color: #111;
  background-color: #fff;
  border-color: #fff;
}

.content_filter.inverted.active.is_amex {
  color: #fff;
  background-color: #0470d3;
  border-color: #0171d2;
}

.content_filter.inverted.active.is_meta {
  background-color: #28d367;
  border-color: #28d367;
}

.content_filter.inverted.hidden {
  display: none;
}

.content_filter.inverted.is_vodacom {
  color: #fff;
  background-color: #d93021;
  border-bottom-color: #5b140e;
}

.content_filter.secondary {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #2e2e2e;
  background-color: #d7f320;
  border-color: #d7f320;
  width: 150px;
}

.content_filter.secondary.partner_meta {
  color: #000;
  background-color: #25d366;
  border-color: #25d366;
}

.content_filter.secondary.hidden, .content_filter.secondary.is_hidden, .content_filter.hidden {
  display: none;
}

.content_filter.search {
  cursor: text;
  justify-content: flex-start;
  align-items: center;
  padding-right: 30px;
  transition: all .6s;
}

.content_filter.search.active {
  justify-content: flex-start;
  align-items: center;
  width: 200px;
}

.content_filter.search.large {
  background-color: #f8f8f800;
  border-color: #dfdfdf;
  width: 200px;
}

.content_filter.search.large:hover {
  background-color: #fff;
  border-color: #d8d8d8;
}

.content_filter.search.studio {
  background-color: #fff;
  padding-top: 1px;
}

.content_filter.studio {
  background-color: #fff;
  border-color: #d8d8d8;
}

.div-block-5573 {
  opacity: 1;
  color: #16161600;
  border: 1px solid #d4d4d4;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  width: 16px;
  min-width: 16px;
  height: 16px;
  min-height: 16px;
  padding: 4px;
  font-family: GoogleMaterialicons, sans-serif;
  display: flex;
}

.div-block-5573.active {
  border-color: #cecece;
}

.div-block-5573.brand {
  color: #fff;
}

.div-block-5573.editorial {
  color: #000;
}

.div-block-5573.editorial.active {
  border-left-color: #c2c2c26b;
}

.text-block-557 {
  padding: 0;
}

.text-block-558 {
  font-family: GoogleMaterialicons, sans-serif;
}

.div-block-5567-copy {
  color: #bbb;
  padding-top: 25px;
}

.div-block-5319-copy {
  z-index: 4;
  width: 350px;
  height: 620px;
  position: absolute;
}

.div-block-5400 {
  background-color: #08080805;
  border: 0 solid #0000000d;
  border-radius: 16px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-top: 60px;
  padding-bottom: 60px;
  padding-left: 50px;
  display: flex;
  overflow: hidden;
}

.div-block-5537 {
  height: 610%;
  max-height: 610px;
  overflow: auto;
}

.div-block-5537.lightscroll {
  padding-left: 20px;
  padding-right: 15px;
}

.div-block-5319 {
  z-index: 5;
  background-color: #332e4d;
  border-radius: 3px;
  width: 340px;
  height: 620px;
  position: relative;
  overflow: hidden;
}

.div-block-5319.abs-copy {
  z-index: 3;
  background-color: #c0bbdb00;
  position: absolute;
  transform: rotate(5deg);
}

.div-block-5319.abs {
  background-color: #1d1835;
  position: absolute;
  transform: rotate(3deg);
}

.div-block-5319.abs.w {
  background-color: #e7e7e7;
}

.story_container1 {
  border-radius: 5px;
  width: 47px;
  margin-bottom: 10px;
  overflow: hidden;
}

.story_container1.large {
  opacity: .7;
  cursor: pointer;
  background-color: #ffffff80;
  border: 2px solid #eeede9;
  width: 90px;
  min-height: 152px;
}

.story_container1.large:hover {
  opacity: 1;
}

.context_window-copy {
  z-index: 30;
  opacity: 1;
  border-radius: 2px;
  flex-direction: column;
  align-items: flex-end;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  transition: all .45s;
  display: flex;
  position: static;
}

.div-block-5320 {
  border-radius: 3px;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
}

.div-block-5324 {
  width: 100%;
  height: 100%;
}

.div-block-5324.white {
  background-color: #f6f6f3;
}

.div-block-5574 {
  z-index: 1;
  border-top: 0 solid #dadada29;
  border-bottom: 0 solid #000;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 50%;
  padding-bottom: 0;
  display: flex;
  position: relative;
}

._2div-block-1569-copy {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  flex-flow: column;
  width: 100%;
  max-width: 550px;
  padding-bottom: 0;
  display: flex;
}

.div-block-5575 {
  justify-content: space-between;
  align-items: flex-end;
  padding: 20px 0;
  font-family: Polysans Neutral, sans-serif;
  font-size: 28px;
  line-height: 33px;
  display: flex;
}

.div-block-5576 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #534b4659;
  border-radius: 16px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.div-block-5576.meta {
  background-color: #141358;
}

.div-block-5576.partner_meta {
  background-color: #656f6559;
}

.div-block-5576.is_vodacom {
  background-color: #00000059;
}

.div-block-5577 {
  z-index: 1;
  justify-content: center;
  align-items: center;
  min-width: 50%;
  padding: 100px 18px;
  display: flex;
  position: relative;
}

.div-block-5578 {
  opacity: .82;
  background-color: #353535;
  border: 0 solid #0000;
  border-radius: 3px;
  justify-content: center;
  align-items: center;
  width: 210px;
  min-width: 210px;
  height: 374px;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 2px 8px #0000004f;
}

.div-block-5578:hover {
  opacity: 1;
  border-color: #fff;
}

.div-block-5579 {
  z-index: 1;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  width: 120%;
  padding: 0 0 0 60px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.div-block-5580 {
  z-index: 150;
  color: #cecece;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  padding-left: 60px;
  display: flex;
  position: relative;
}

.div-block-5580.black {
  color: #313131;
}

.div-block-5581 {
  z-index: 10;
  color: #7e7e7e;
  background-color: #f8f8f80f;
  border: 0 solid #5e5e5e;
  justify-content: center;
  align-items: center;
  width: 360px;
  min-width: 360px;
  height: 660px;
  display: flex;
  position: relative;
}

.div-block-5501-copy {
  z-index: 5;
  background-color: #6e6e6e33;
  width: 1px;
  height: 100%;
  min-height: 900px;
  position: absolute;
  top: 0;
  left: 50%;
}

.div-block-5501-copy.green {
  background-color: #44e7c0;
}

.div-block-5501-copy.is_vodacom {
  background-color: #e9e7e733;
}

.div-block-5582 {
  width: 100%;
  height: 100px;
}

.div-block-5583 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  color: #a5a5a5;
  white-space: nowrap;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 20px 15px 20px 60px;
  display: flex;
}

.div-block-5584 {
  background-color: #363636;
  width: 100%;
  height: 1px;
}

.div-block-5584.light {
  background-color: #dfdfdf1c;
}

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

.div-block-5581-copy {
  opacity: .05;
  background-color: #d7f320;
  border: 1px solid #ffffffe0;
  width: 350px;
  height: 660px;
  position: absolute;
  top: 0;
  transform: rotate(2deg);
}

.div-block-5586 {
  opacity: 0;
  border-radius: 6px;
  width: 100%;
  height: 100%;
  position: absolute;
}

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

.div-block-5587 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  width: 100%;
  padding-right: 300px;
  display: flex;
}

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

.theswiper.active {
  display: flex;
}

.div-block-5588 {
  flex-flow: column;
  display: flex;
}

.div-block-5589 {
  background-color: #6e6e6e;
  border-radius: 99px;
  justify-content: flex-start;
  align-items: center;
  width: 5px;
  height: 5px;
  transition: all .4s;
  display: flex;
}

.div-block-5589.is_active {
  width: 50px;
}

.div-block-5590 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.text-block-559 {
  font-family: Circularxxweb, sans-serif;
  font-size: 13px;
}

.div-block-5549-copy {
  z-index: 30;
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  border: 1px solid #5a5a5a;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  min-width: 34px;
  min-height: 34px;
  padding-left: 15px;
  padding-right: 15px;
  font-family: GoogleMaterialicons, sans-serif;
  font-size: 22px;
  display: flex;
  position: static;
  top: 141px;
  right: 44px;
}

.div-block-5549-copy.inverted {
  filter: invert();
}

.image-733-copy {
  width: 15px;
}

.div-block-5572-copy {
  margin-top: 15px;
  padding-left: 50px;
}

._1div-block-1573-copy {
  color: #6b6b6b;
  font-family: Circularxxweb, sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 24px;
}

._1div-block-1573-copy.is_vodacom {
  color: #c4c4c4;
}

.image-737, .image-738, .html-embed-4, .image-686, .image-739 {
  width: 100%;
  height: 100%;
}

.text-block-560 {
  line-height: 12px;
}

.intro_head-copy {
  z-index: 105;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  border: 0 solid #000;
  border-bottom-color: #ececec;
  border-radius: 0;
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1380px;
  margin-bottom: 0;
  padding: 100px 0 80px 25px;
  display: flex;
  position: relative;
}

.intro_head-copy.purple {
  z-index: 99;
  color: #f3f3f3;
  background-color: #5200ff;
  border-bottom-color: #c7c7c71f;
}

.intro_head-copy.top {
  z-index: 108;
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  background-color: #fff;
  flex-flow: row;
}

.intro_head-copy.black {
  z-index: 99;
  color: #cec1b1;
  background-color: #040a18;
}

.intro_head-copy.green {
  z-index: 106;
  color: #131313;
  background-color: #3cffd0;
  overflow: hidden;
}

.intro_head-copy.intro {
  color: #fff;
  background-color: #fff;
  justify-content: center;
  align-items: center;
  min-height: 720px;
  display: flex;
}

.intro_head-copy.white {
  background-color: #fff;
}

.intro_head-copy.is_hidden {
  display: none;
}

.intro_head-copy.studio {
  padding-bottom: 120px;
}

.intro_head-copy.pers {
  justify-content: flex-start;
  align-items: center;
}

.div-block-5591 {
  width: 100%;
  display: flex;
}

.gallery_control {
  color: #d1cfcf;
  cursor: pointer;
  border: 1px solid #474747;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  height: 26px;
  padding: 0 15px;
  font-family: GoogleMaterialicons, sans-serif;
  font-size: 16px;
  display: flex;
}

.gallery_control:hover {
  border-color: #8f8f8f;
}

.gallery_control.active {
  color: #5a5a5a;
  background-color: #fff;
  border-color: #a3a3a3;
}

.gallery_control.active:hover {
  color: #555;
}

.gallery_control.editorial.active {
  background-color: #d6f31f;
}

.gallery_control.brand.active {
  color: #f1f1f1;
  flex-flow: row;
}

.gallery_control.inverted {
  background-color: #353535;
  border-color: #353535;
}

.gallery_control.inverted:hover {
  color: #d3cfcf;
}

.gallery_control.inverted.active {
  color: #313131;
  background-color: #d6f31f;
}

.gallery_control.inverted.active.light {
  width: 60px;
}

.gallery_control.inverted.active.second {
  background-color: #272527;
  width: 70px;
}

.gallery_control.secondary {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #2e2e2e;
  background-color: #d7f320;
  border-color: #d7f320;
  width: 150px;
}

.gallery_control.next {
  width: 120px;
}

.hh1 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  color: #000;
  border-bottom: 0 solid #f3f3f3;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-bottom: 10px;
  padding-left: 10px;
  font-family: Polysans Median, sans-serif;
  font-size: 15px;
  display: flex;
}

.div-block-1597-copy {
  color: #aaa;
  text-align: center;
  border-top: 1px solid #3d3d3d;
  margin-top: 10px;
  padding-top: 10px;
  padding-left: 10px;
  padding-right: 10px;
  font-family: Polysans Neutral, sans-serif;
  font-size: 17px;
  font-weight: 300;
  line-height: 29px;
}

.div-block-5592 {
  opacity: 0;
  cursor: pointer;
  background-color: #1d1d1d78;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  top: 0;
}

.div-block-5592:hover {
  opacity: 1;
}

._12read_more-copy {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  color: #eee;
  background-color: #1d1d1d;
  border: 1px solid #79797933;
  border-radius: 2px;
  justify-content: center;
  align-items: center;
  height: 30px;
  padding: 21px;
  font-family: Polysans Median, sans-serif;
  font-size: 12px;
  display: flex;
}

.image-740 {
  filter: invert();
  width: 16px;
}

.div-block-5593 {
  z-index: 60;
  opacity: .29;
  background-image: linear-gradient(90deg, #1b1b1d00 16%, #1b1b1d 88%);
  width: 35px;
  height: 100%;
  position: absolute;
  right: -48px;
}

.div-block-5593-copy {
  z-index: 60;
  opacity: .29;
  background-image: linear-gradient(90deg, #2f2c2c, #1b1b1d00 65%);
  width: 35px;
  height: 100%;
  position: absolute;
  left: 0;
}

.div-block-5594 {
  opacity: 0;
  background-color: #5f5f5f;
  border-radius: 99px;
  width: 100%;
  height: 100%;
}

.div-block-5594.active {
  opacity: 1;
}

._2div-block-3214-copy-copy {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  border-left: 0 solid #dfdfdf;
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-start;
  padding-left: 0;
  display: flex;
}

._2div-block-3214-copy-copy.hidden {
  display: none;
}

.div-block-5549-copy {
  z-index: 30;
  border: 1px solid #c2c2c2;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  width: 58px;
  min-width: 58px;
  height: 34px;
  min-height: 34px;
  padding-right: 2px;
  font-family: GoogleMaterialicons, sans-serif;
  font-size: 22px;
  transition: all .4s;
  display: flex;
  position: absolute;
  left: 0;
  right: 44px;
}

.div-block-5549-copy:hover {
  filter: invert();
  background-color: #fff;
  border-color: #fff;
}

.div-block-5549-copy._2 {
  cursor: pointer;
  width: 110px;
  min-width: 110px;
  padding-left: 2px;
  padding-right: 0;
  position: static;
  left: auto;
  right: 0;
}

.div-block-5549-copy._2:hover {
  filter: invert();
  background-color: #fff;
  border-color: #fff;
}

.div-block-5549-copy._2.inverted {
  border-color: #969696;
}

.div-block-5549-copy.inverted {
  filter: invert();
  border-color: #969696;
}

.div-block-5549-copy._2-copy {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  cursor: pointer;
  width: auto;
  padding-left: 17px;
  padding-right: 17px;
  position: static;
  left: auto;
  right: 0;
}

.div-block-5549-copy._2-copy:hover {
  filter: invert();
  background-color: #fff;
  border-color: #fff;
}

.control_123 {
  z-index: 30;
  background-color: #fff;
  border: 1px solid #e6e6e6;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  width: 60px;
  min-width: 60px;
  height: 60px;
  min-height: 60px;
  padding-right: 2px;
  font-family: GoogleMaterialicons, sans-serif;
  font-size: 22px;
  transition: all 50ms;
  display: flex;
  position: absolute;
  left: 11px;
}

.control_123:hover {
  filter: invert();
  background-color: #fff;
  border-color: #fff;
}

.control_123._2 {
  cursor: pointer;
  width: 110px;
  min-width: 110px;
  padding-left: 2px;
  padding-right: 0;
  position: static;
  left: auto;
  right: 0;
}

.control_123._2:hover {
  filter: invert();
  background-color: #fff;
  border-color: #fff;
}

.control_123._2.inverted {
  border-color: #969696;
}

.control_123.inverted {
  filter: invert();
  border-color: #969696;
}

.control_123._2-copy {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  cursor: pointer;
  width: auto;
  padding-left: 17px;
  padding-right: 17px;
  position: static;
  left: auto;
  right: 0;
}

.control_123._2-copy:hover {
  filter: invert();
  background-color: #fff;
  border-color: #fff;
}

.control_123.right {
  padding-left: 2px;
  padding-right: 0;
  left: auto;
  right: -29px;
}

.control_123.studio {
  left: 72px;
}

.swiper_wrapper_industries {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-height: 380px;
  padding-right: 250px;
  display: none;
}

.swiper_wrapper_industries.active {
  display: flex;
}

.industrylabel {
  filter: invert();
  color: #020202;
  letter-spacing: .3px;
  font-family: Polysans Median, sans-serif;
  font-size: 20px;
}

.industrylabel.reg {
  filter: none;
}

.client_item-_placeholder {
  background-color: #f1f1f1;
  border-radius: 4px;
  width: 252px;
  min-width: 252px;
  height: 380px;
  transition: all .4s;
  position: relative;
  overflow: hidden;
  box-shadow: 0 2px 5px #00000005;
}

.client_item-_placeholder:hover {
  width: 290px;
}

.client_item-_placeholder.is_active {
  width: 300px;
  min-width: 300px;
  height: 460px;
}

.client_item-_placeholder.hidden {
  display: none;
}

.brandlogo-copy {
  opacity: .28;
  filter: invert();
  background-color: #000;
  width: 150px;
  height: 30px;
}

.brandlogo-copy.reg {
  filter: none;
}

.placeholder_123 {
  opacity: .3;
  color: #161616;
  background-color: #fff;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 30px;
  padding: 6px 10px;
  font-family: Polysans Median, sans-serif;
  font-size: 10px;
  display: flex;
}

.placeholder_123.sales {
  background-color: #3cffd0;
}

.placeholder_123.editorial {
  color: #131313;
  background-color: #d8f320;
}

._12div-block-5541-copy-copy {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  border-bottom: 0 solid #f3f3f3;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0;
  font-family: Polysans Neutral, sans-serif;
  font-size: 17px;
  display: flex;
}

.loader_anim {
  z-index: 2;
  background-color: #d8f320;
  width: 100%;
  height: 100%;
  transition: all 1.2s;
  position: absolute;
  left: -100%;
}

.loader_anim.is_loading {
  left: 0%;
}

.loading_label {
  z-index: 4;
  position: relative;
}

.div-block-5597 {
  z-index: 1;
  background-color: #0003;
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
  bottom: -100%;
}

.div-block-5598 {
  z-index: 999;
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
  background-color: #ffffffe6;
  border-bottom: 0 solid #f3f3f3;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  position: static;
  top: 0;
}

.div-block-5598.nos {
  position: relative;
}

.div-block-3210-copy-copy {
  cursor: pointer;
  background-color: #000;
  border-radius: 3px;
  justify-content: center;
  align-items: center;
  width: 386px;
  height: 217px;
  transition: all .6s;
  display: flex;
  position: relative;
  overflow: hidden;
}

.div-block-3210-copy-copy:hover {
  filter: brightness(150%);
}

.div-block-3210-copy-copy.active {
  min-width: 1280px;
  left: -57px;
}

.site_intro {
  z-index: 50;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  max-width: 1100px;
  display: flex;
  position: relative;
}

.site_intro.studio {
  width: 100%;
  max-width: none;
}

.site_intro.final {
  max-width: 1300px;
  padding-top: 120px;
  padding-bottom: 120px;
}

.div-block-3215-copy {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  font-size: 15px;
  display: flex;
  position: relative;
}

._12div-block-3217-copy {
  filter: grayscale();
  background-color: #f1f1f1;
  border: 2px solid #fff;
  border-radius: 99px;
  width: 70px;
  height: 70px;
  overflow: hidden;
}

._12div-block-3217-copy.second {
  position: relative;
  left: -25px;
}

._12div-block-3217-copy.third {
  position: relative;
  left: -43px;
}

.div-block-5600 {
  z-index: 20;
  filter: invert();
  position: absolute;
}

._12div-block-3217-copy-copy {
  background-color: #f1f1f1;
  border: 2px solid #fff;
  border-radius: 99px;
  width: 70px;
  height: 70px;
  overflow: hidden;
}

._12div-block-3217-copy-copy.second {
  position: relative;
  left: -25px;
}

._12div-block-3217-copy-copy.third {
  position: relative;
  left: -43px;
}

.div-block-5599-copy {
  float: right;
  clear: both;
  border: 0 solid #000;
  padding-left: 0;
  position: relative;
}

.videoplayer {
  z-index: 5299;
  background-color: #000;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: fixed;
  top: 125%;
  left: 0;
  overflow: hidden;
  box-shadow: 3px -19px 20px #0003;
}

.videoplayer.is_playing {
  z-index: 1599;
  box-shadow: none;
  background-color: #161616;
  justify-content: center;
  align-items: center;
  transition-property: none;
  display: flex;
  position: fixed;
  top: 0%;
  overflow: hidden;
}

.div-block-5602 {
  width: 100%;
}

.div-block-5603 {
  background-color: #272727;
  border-radius: 2px;
  width: 1280px;
  max-width: 1280px;
  height: 720px;
  max-height: 720px;
  transition: all 1.8s;
  display: flex;
  position: relative;
  left: -100%;
  overflow: hidden;
  box-shadow: 0 2px 40px #3c31b814;
}

.div-block-5603.is_playing {
  opacity: 1;
  left: 0%;
}

.div-block-5604 {
  background-color: #303030ed;
  position: relative;
  overflow: hidden;
}

.div-block-5605 {
  z-index: 50;
  color: #cacaca;
  cursor: pointer;
  background-color: #413d3dcc;
  border-radius: 2px;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  font-family: GoogleMaterialicons, sans-serif;
  font-size: 16px;
  display: flex;
  position: absolute;
  top: 20px;
  right: 20px;
}

.div-block-5605:hover {
  color: #131313;
  background-color: #ececec;
}

.div-block-5606 {
  color: #868686;
  justify-content: flex-start;
  align-items: center;
  height: 83px;
  padding-left: 20px;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}

.sitelogo-copy {
  flex-flow: row;
  justify-content: center;
  align-items: flex-start;
  font-family: Polysans Neutral, sans-serif;
  font-size: 22px;
  display: flex;
  position: relative;
}

.div-block-5607 {
  border-bottom: 1px solid #0303031c;
  width: 100%;
  padding-top: 20px;
  padding-bottom: 50px;
  position: relative;
}

.div-block-5607.studi {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-flow: column;
  padding-top: 0;
  font-weight: 500;
  display: flex;
}

.div-block-5607._1 {
  border-bottom-width: 0;
}

.div-block-5608 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  letter-spacing: .7px;
  justify-content: flex-start;
  align-items: center;
  font-family: Polysans Median, sans-serif;
  font-weight: 400;
  display: flex;
}

.div-block-5608._123 {
  opacity: .42;
  padding-top: 20px;
  font-size: 13px;
}

.div-block-5608-copy {
  color: #279278;
  border-top: 1px solid #41f0c6;
  margin-top: 35px;
  padding-top: 20px;
  font-family: Circularxxweb, sans-serif;
}

.div-block-5608-copy.studio {
  color: #5d6160;
  border-top-color: #cecece40;
}

.div-block-1597-copy {
  font-family: Circularxxweb, sans-serif;
  font-size: 20px;
  font-weight: 300;
  line-height: 29px;
}

.div-block-1597-copy.small {
  width: 100%;
  max-width: 550px;
}

._32div-block-1597-copy-copy {
  padding-top: 10px;
  padding-bottom: 10px;
  font-family: Circularxxweb, sans-serif;
  font-size: 20px;
  font-weight: 300;
  line-height: 29px;
}

._32div-block-1597-copy-copy.small {
  width: 100%;
  max-width: 550px;
}

.div-block-5563-copy {
  color: #555;
  letter-spacing: 0;
  border: 0 solid #000;
  padding-right: 20px;
  font-family: Circularxxweb, sans-serif;
  font-weight: 300;
  line-height: 39px;
}

.div-block-5610 {
  filter: blur(25px);
  transform-style: preserve-3d;
  background-image: radial-gradient(circle, #000, #fff 72%);
  border-radius: 99px;
  width: 200px;
  height: 200px;
  transform: scale3d(1, .18, 1);
}

.div-block-5611 {
  opacity: .07;
  height: 30px;
  position: absolute;
  bottom: 17px;
}

.div-block-5611.ns {
  height: 0;
  bottom: 94px;
}

.div-block-5611.ns-copy {
  height: 0;
  bottom: 47px;
}

.div-block-5612 {
  opacity: 1;
  mix-blend-mode: normal;
  border-radius: 2px;
  overflow: hidden;
}

.div-block-3219-copy {
  color: #7a7a7a;
  letter-spacing: .2px;
  font-family: Polysans Neutral, sans-serif;
  font-size: 12px;
  line-height: 16px;
}

.container_cl {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  border-left: 0 solid #dfdfdf;
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-start;
  padding-left: 0;
  display: flex;
}

.product_media {
  opacity: 1;
  mix-blend-mode: normal;
  border: 1px solid #ebebeb;
  border-radius: 8px;
  width: 100%;
  margin-top: 25px;
  padding: 12px;
  overflow: hidden;
}

.product_media.ns {
  border-radius: 3px;
  margin-top: 0;
  margin-bottom: 5px;
  padding: 9px;
}

.product_media.ns.spaced {
  margin-top: 15px;
}

.product_media.noborder {
  border-color: #3a3a3a;
}

.product_media.spaced {
  border-radius: 3px;
  margin-bottom: 30px;
}

.sidetag {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  color: #5200ff;
  letter-spacing: .5px;
  border-bottom: 1px solid #f0f0f0;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0;
  padding-left: 0;
  font-family: Polysans Median, sans-serif;
  font-size: 15px;
  line-height: 15px;
  display: flex;
}

.sidetag.white {
  color: #e6e6e6;
  border-bottom-color: #7b5fb6;
}

.div-block-5614 {
  background-color: var(--purple);
  border-radius: 99px;
  width: 5px;
  height: 5px;
  margin-right: 3px;
  font-size: 11px;
}

.superscript {
  color: #5300ff;
  font-size: 9px;
  text-decoration: underline;
  position: relative;
  top: -8.5px;
}

.text-span-3, .text-span-4 {
  font-weight: 500;
}

._12div-block-1597-copy {
  color: #6d6d6d;
  border-top: 1px solid #c7c7c7;
  margin-top: 10px;
  padding-top: 10px;
  font-family: Circularxxweb, sans-serif;
  font-size: 15px;
  font-weight: 300;
  line-height: 21px;
}

._12div-block-1597-copy.small {
  width: 100%;
  max-width: 550px;
}

.div-block-5607-copy {
  width: 100%;
  padding-top: 20px;
  padding-left: 60px;
  padding-right: 20px;
  position: relative;
}

.div-block-5525-copy {
  z-index: 2;
  color: #ebebeb;
  letter-spacing: .5px;
  font-family: Circularxxweb, sans-serif;
  font-size: 12px;
  font-weight: 400;
  position: absolute;
  right: -33px;
}

.div-block-5525-copy.white {
  color: #fff;
}

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

.div-block-5616 {
  background-color: #7b99da;
  border-radius: 2px;
  width: 15px;
  height: 15px;
}

.div-block-5616._2 {
  background-color: #443563;
}

.div-block-5615-copy {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  font-size: 11px;
  display: flex;
}

.div-block-5617 {
  letter-spacing: .6px;
  justify-content: space-between;
  padding-right: 25px;
  font-family: Polysans Neutral, sans-serif;
  display: flex;
}

.estmargin {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border-top: 1px solid #517ce7a8;
  flex-flow: column;
  margin-top: 20px;
  padding-top: 15px;
  padding-left: 15px;
  font-family: Circularxxweb, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 29px;
  display: flex;
}

.estmargin.small {
  width: 100%;
  max-width: 550px;
}

.div-block-5618 {
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 99px;
  width: 7px;
  min-width: 7px;
  height: 7px;
  min-height: 7px;
}

.div-block-5619 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-start;
  align-items: center;
  font-size: 15px;
  display: flex;
}

.div-block-1571 {
  filter: invert();
  border-bottom: 1px solid #5a5a5a2b;
  flex-direction: row;
  width: 100%;
  padding-top: 20px;
  padding-bottom: 20px;
  font-size: 26px;
  font-weight: 300;
  display: flex;
}

.div-block-1571.aa {
  border-bottom-width: 0;
}

.image-346-copy12 {
  width: 140px;
  margin-right: 25px;
}

.image-346-copy12.small {
  width: 50px;
  margin-right: 12px;
}

.image-347-copy21 {
  width: 190px;
}

.image-347-copy21.small {
  width: 70px;
}

.div-block-5619-copy {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-start;
  align-items: center;
  padding-left: 5px;
  font-size: 18px;
  font-weight: 300;
  display: flex;
}

._2div-block-5618-copy {
  border: 1px solid #17b68f;
  border-radius: 99px;
  width: 8px;
  height: 8px;
}

.estmargin-copy {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border-top: 1px solid #33caa696;
  flex-flow: column;
  margin-top: 20px;
  padding-top: 15px;
  padding-left: 0;
  font-family: Circularxxweb, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 29px;
  display: flex;
}

.estmargin-copy.small {
  width: 100%;
  max-width: 550px;
}

._2div-block-5619-copy {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-start;
  align-items: center;
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
  display: flex;
}

._2div-block-5619-copy.large {
  font-size: 18px;
  line-height: 26px;
}

.competitive {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  border-top: 1px solid #dddddda8;
  flex-flow: column;
  margin-top: 25px;
  padding-top: 15px;
  padding-left: 0;
  font-family: Circularxxweb, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 29px;
  display: flex;
}

.competitive.small {
  width: 100%;
  max-width: 550px;
}

.competitive.ns {
  border-top-width: 0;
  margin-top: 0;
  padding-top: 0;
}

.competitive.full {
  width: 100%;
  padding-top: 23px;
  padding-left: 80px;
}

.div-block-5620 {
  letter-spacing: .6px;
  font-family: Polysans Median, sans-serif;
  font-size: 16px;
}

.div-block-5618-copy {
  border: 1px solid #cac0c0;
  border-radius: 99px;
  width: 8px;
  height: 8px;
}

.bullet12 {
  background-color: #5300ff;
  border: 1px solid #cac0c0;
  border-top-color: #5300ff;
  border-radius: 99px;
  width: 8px;
  min-width: 8px;
  height: 8px;
  min-height: 8px;
}

.bullet12.abs {
  position: relative;
}

.s1 {
  background-color: #d8e7f1a6;
}

.text-span-5 {
  color: #000;
  background-color: #22f1cf;
  border-radius: 2px;
  padding-left: 10px;
  padding-right: 10px;
}

.ss12, .text-span-7 {
  color: #000;
}

.div-block-5499-copy {
  float: left;
  clear: both;
  color: #3d3d3d;
  letter-spacing: .5px;
  border: 0 solid #000;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-start;
  padding-bottom: 20px;
  font-family: Polysans Slim, sans-serif;
  font-size: 26px;
  font-weight: 400;
  line-height: 36px;
  display: flex;
}

.div-block-5621 {
  z-index: 20;
  color: #5200ff;
  background-color: #fff;
  padding-right: 10px;
  font-family: Polysans Median, sans-serif;
  font-size: 15px;
  position: absolute;
  top: -11px;
  left: 37px;
}

.div-block-5621.second {
  left: 0;
}

.div-block-5621.second.studio {
  background-color: #f8f8f8;
}

.div-block-5621.gray {
  background-color: #f8f5f5;
  left: 0;
}

.utility-page-wrap {
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  display: flex;
}

.utility-page-content {
  text-align: center;
  flex-direction: column;
  width: 260px;
  display: flex;
}

.utility-page-form {
  text-align: left;
  flex-flow: column;
  align-items: stretch;
  font-family: Polysans Neutral, sans-serif;
  font-weight: 400;
  display: flex;
}

.heading {
  font-size: 18px;
}

.submit-button {
  background-color: #000;
  border-radius: 2px;
}

.div-block-5622 {
  color: #999;
  letter-spacing: .4px;
  border-top: 1px solid #e2e2e2;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 150px;
  padding: 25px 20px;
  font-family: Polysans Neutral, sans-serif;
  display: flex;
}

.div-block-5623 {
  flex-flow: row;
  justify-content: space-between;
  width: 100%;
  max-width: 1360px;
  padding-left: 40px;
  display: flex;
}

.div-block-5624 {
  width: 100%;
  padding-right: 100px;
}

.datepress {
  color: #000;
  flex-direction: row;
  margin-top: 5px;
  margin-bottom: 2px;
  padding-right: 6px;
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
  text-decoration: underline;
  display: flex;
}

.text-block-459 {
  font-size: 17px;
  line-height: 28px;
}

.div-block-1569-copy1251-cop1y {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border-top: 1px solid #ececec;
  grid-template-rows: auto;
  grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
  grid-auto-columns: 1fr;
  width: 100%;
  max-width: 1380px;
  margin-top: 20px;
  margin-left: 25px;
  padding-top: 20px;
  padding-left: 0;
  display: grid;
}

.div-block-1571-copy-copy {
  flex-direction: row;
  margin-top: 0;
  margin-bottom: 0;
  padding-right: 6px;
  font-size: 17px;
  font-weight: 300;
  line-height: 28px;
  display: flex;
}

.press {
  color: #303030;
  cursor: pointer;
  border-bottom: 0 solid #ece1e1;
  flex-direction: row;
  margin-top: 2px;
  margin-bottom: 2px;
  padding: 17px 25px 17px 0;
  text-decoration: none;
  display: flex;
}

.press:hover {
  background-color: #f1f1f1;
}

.div-block-1601 {
  opacity: 1;
  background-color: #ecc536;
  border-radius: 2px;
  width: 160px;
  min-width: 160px;
  height: 106px;
  margin-right: 22px;
  overflow: hidden;
}

.div-block-1602 {
  opacity: .9;
  background-image: url("https://cdn.prod.website-files.com/65ff1993ed34712d1a33b80c/660fc10640de6332d7c2cb60_gannett.jpg");
  background-position: 50%;
  background-size: cover;
  width: 100%;
  height: 100%;
}

.div-block-1602.xp {
  background-image: url("https://cdn.prod.website-files.com/65ff1993ed34712d1a33b80c/660fc10640de6332d7c2cb5a_xp3.jpg");
}

.div-block-1602.es {
  background-image: url("https://cdn.prod.website-files.com/65ff1993ed34712d1a33b80c/660fc10640de6332d7c2cb5c_es2.jpg");
}

.div-block-1602.verizonmedia {
  background-image: url("https://cdn.prod.website-files.com/65ff1993ed34712d1a33b80c/660fc10640de6332d7c2cb62_verizon.jpg");
}

.div-block-1602._2public-copy {
  background-image: url("https://cdn.prod.website-files.com/65ff1993ed34712d1a33b80c/660fc10640de6332d7c2cb66_public_conversations.jpg");
}

.div-block-1602.vmm {
  background-image: url("https://cdn.prod.website-files.com/65ff1993ed34712d1a33b80c/660fc10640de6332d7c2cb56_singapore.jpg");
}

.div-block-1602.vice {
  background-image: url("https://cdn.prod.website-files.com/65ff1993ed34712d1a33b80c/660fc10640de6332d7c2cb58_vice3.jpg");
}

.div-block-1602.forbes {
  background-image: url("https://cdn.prod.website-files.com/65ff1993ed34712d1a33b80c/660fc10640de6332d7c2cb5e_forbes.jpg");
}

.div-block-1602.public {
  background-image: url("https://cdn.prod.website-files.com/65ff1993ed34712d1a33b80c/660fc10640de6332d7c2cb64_0769732ffc84b9463cbb640f470b076b.webp");
}

.div-block-1602._2public-copy-copy {
  background-image: url("https://cdn.prod.website-files.com/65ff1993ed34712d1a33b80c/6614dee7e0829b41e4130426_officeimages.jpeg");
}

.div-block-5625 {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.div-block-5626 {
  font-size: 15px;
  font-weight: 500;
  line-height: 15px;
}

.image-741 {
  height: 100%;
}

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

.product_media-copy {
  opacity: 1;
  mix-blend-mode: normal;
  object-fit: none;
  border: 0 solid #ebebeb;
  border-radius: 1px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1380px;
  margin-top: 0;
  padding: 0 0 0 4px;
  display: flex;
}

.product_media-copy.ns {
  padding: 0;
}

.div-block-1578-copy-copy {
  width: 50%;
  padding-bottom: 0;
  padding-left: 0;
}

._12image-742-copy {
  opacity: .92;
  object-fit: contain;
  border-radius: 2px;
  width: 100%;
  height: 100%;
}

.div-block-2239 {
  background-color: #343242;
  border-radius: 99px;
  justify-content: space-between;
  padding: 4px 3px;
  font-family: Polysans Median, sans-serif;
  display: flex;
}

.div-block-2239.light {
  background-color: #f1f1f1;
}

.div-block-2239.light-copy {
  background-color: #fff;
  border: 1px solid #e7e7e7;
  position: relative;
}

.theswitch {
  opacity: .28;
  cursor: pointer;
  border-bottom: 3px solid #0000;
  justify-content: center;
  align-items: center;
  margin-left: 9px;
  margin-right: 9px;
  padding-bottom: 3px;
  font-size: 15px;
  display: flex;
}

.theswitch:hover {
  border-bottom-color: #000000fc;
}

.theswitch.b {
  opacity: 1;
  white-space: nowrap;
  background-color: #0000;
  border: 0 solid #000;
  border-radius: 99px;
  margin-left: 4px;
  margin-right: 4px;
  padding: 9px 20px;
}

.theswitch.b:hover {
  color: #333;
  background-color: #fff;
  border-color: #8a8a8a;
}

.theswitch.b.active {
  opacity: 1;
  color: #000;
  background-color: #fff;
  border: 0 solid #3e5474;
}

.theswitch.b.white {
  color: #2e2e2e;
  letter-spacing: .2px;
  font-size: 11px;
}

.theswitch.b.white.active {
  background-color: #f1f1f1;
}

.theswitch.small {
  opacity: 1;
  color: #000;
  letter-spacing: .5px;
  white-space: nowrap;
  background-color: #0000;
  border: 1px solid #0000;
  border-radius: 99px;
  margin-left: 4px;
  margin-right: 4px;
  padding: 3px 20px;
  font-size: 11px;
}

.theswitch.small:hover {
  background-color: #fff;
}

.theswitch.small.active {
  opacity: 1;
  color: #000;
  background-color: #fff;
  border: 1px solid #e0e0e000;
}

.background-video-5 {
  z-index: 5;
  min-height: 700px;
}

.div-block-5627 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1380px;
  padding-top: 10px;
  padding-bottom: 10px;
  font-family: Polysans Median, sans-serif;
  display: flex;
}

.div-block-5628 {
  color: #222;
  white-space: nowrap;
}

.div-block-5629 {
  background-color: #e6e6e6;
  width: 100%;
  height: 1px;
}

.div-block-5629.white2, .div-block-5629.white2-copy {
  background-color: #dadada;
}

.background-video-6 {
  aspect-ratio: 61 / 36;
  width: 100%;
  height: 100%;
}

.div-block-5630 {
  background-color: #39f2c5;
  border: 0 solid #e7e1e1;
  border-radius: 2px;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.div-block-5630.studio {
  background-color: #f8f8f8f7;
  border-width: 1px;
  border-color: #f0f0f0;
  border-radius: 12px;
}

.div-block-1578-copy-copy-copy {
  width: 50%;
  padding-bottom: 0;
  padding-left: 0;
}

.background-video-7 {
  width: 100%;
  height: 100%;
  min-height: 100%;
  display: flex;
}

.div-block-5631 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-flow: column;
  width: 100%;
  padding: 25px 0 6px;
  display: flex;
}

.div-block-5632 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.div-block-5633 {
  background-color: #4e4e4e;
  width: 100%;
  height: 1px;
}

.div-block-5634 {
  padding-left: 60px;
  position: relative;
}

.div-block-5635 {
  background-color: #dadada29;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  padding: 36px;
  display: flex;
}

.div-block-5636 {
  background-color: #d8d8d8;
  border-radius: 3px;
  width: 420px;
  height: 700px;
}

.div-block-5637 {
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 1380px;
  padding-left: 40px;
  display: flex;
  position: relative;
}

.tabbed_video {
  opacity: 1;
  mix-blend-mode: normal;
  border: 0 solid #ebebeb;
  width: 100%;
  margin-top: 0;
  padding: 0;
  overflow: hidden;
  box-shadow: 0 2px 20px -2px #00000003;
}

.tabbed_video.ns {
  border-radius: 3px;
  margin-top: 0;
  margin-bottom: 5px;
  padding: 9px;
}

.tabbed_video.ns.spaced {
  margin-top: 15px;
}

.tabbed_video.noborder {
  border-color: #3a3a3a;
}

.tabbed_video.spaced {
  padding-top: 15px;
}

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

.tab_group.expanded {
  z-index: 999;
  background-color: #fff;
  border: 1px solid #eee;
  border-radius: 8px;
  width: 150%;
  height: 1000%;
  padding: 26px;
  position: relative;
  right: 50%;
}

.div-block-2239-copy {
  background-color: #f1f1f1;
  border-radius: 99px;
  justify-content: space-between;
  align-items: center;
  padding: 4px 3px 4px 1px;
  font-family: Polysans Median, sans-serif;
  display: flex;
}

.div-block-2239-copy.green {
  background-color: #0000000d;
}

.div-block-5639 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 10px;
  padding-bottom: 0;
  display: flex;
}

.div-block-5640 {
  background-color: #ebebeb;
  width: 100%;
  height: 1px;
}

.div-block-5640.green {
  background-color: #36e6bb;
}

.div-block-5641 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  color: #5200ff;
  white-space: nowrap;
  justify-content: flex-start;
  align-items: center;
  font-family: Polysans Median, sans-serif;
  font-size: 12px;
  display: flex;
}

.product_media-copy2-copy {
  opacity: 1;
  mix-blend-mode: normal;
  background-color: #46f7cc;
  border: 0 solid #ebebeb;
  border-radius: 3px;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 0;
  padding: 60px 36px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 2px 20px -2px #00000003;
}

.product_media-copy2-copy.ns {
  border-radius: 3px;
  margin-top: 0;
  margin-bottom: 5px;
  padding: 9px;
}

.product_media-copy2-copy.ns.spaced {
  margin-top: 15px;
}

.product_media-copy2-copy.noborder {
  border-color: #3a3a3a;
}

.tab_item {
  background-color: #fff;
  border-radius: 3px;
  width: 380px;
  height: 640px;
}

.reporting_window {
  opacity: 1;
  mix-blend-mode: darken;
  background-color: #f1f1f1;
  border: 0 solid #ebebeb;
  border-radius: 2px;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 0;
  padding: 0;
  display: flex;
  overflow: hidden;
  box-shadow: 0 2px 20px -2px #00000003;
}

.reporting_window.ns {
  border-radius: 3px;
  margin-top: 0;
  margin-bottom: 5px;
  padding: 9px;
}

.reporting_window.ns.spaced {
  margin-top: 15px;
}

.reporting_window.noborder {
  border-color: #3a3a3a;
}

._2div-block-5564-copy {
  border-left: 0 solid #eee;
  padding-top: 20px;
  padding-left: 0;
}

.image-743 {
  width: 100%;
}

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

.background-video-8 {
  z-index: 5;
  aspect-ratio: 61 / 36;
  width: 100%;
  height: 100%;
}

.tabbed_items {
  flex-flow: column;
  width: 100%;
  display: flex;
}

.tabbed_content {
  opacity: 1;
  mix-blend-mode: normal;
  border: 0 solid #ebebeb;
  width: 100%;
  margin-top: 0;
  padding: 0;
  display: none;
  overflow: hidden;
  box-shadow: 0 2px 20px -2px #00000003;
}

.tabbed_content.ns {
  border-radius: 3px;
  margin-top: 0;
  margin-bottom: 5px;
  padding: 9px;
}

.tabbed_content.ns.spaced {
  margin-top: 15px;
}

.tabbed_content.noborder {
  border-color: #3a3a3a;
}

.tabbed_content.spaced {
  padding-top: 15px;
}

.tabbed_content.active {
  display: flex;
}

.tab_main {
  aspect-ratio: 61 / 36;
  mix-blend-mode: multiply;
  width: 100%;
  display: flex;
}

.div-block-5644 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  cursor: auto;
  background-color: #f1f1f1;
  border-radius: 99px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  margin-top: 10px;
  padding: 10px 30px;
  font-family: Polysans Median, sans-serif;
  font-size: 11px;
  line-height: 11px;
  display: flex;
}

.div-block-5644:hover {
  color: #fff;
  background-color: #1b1b1b;
}

.div-block-5644.green {
  color: #fff;
  background-color: #1bad8a;
}

.image-744 {
  width: 12px;
}

.thecontent {
  background-color: #fff;
  border-radius: 3px;
  width: 340px;
  display: none;
}

.thecontent.active {
  min-height: 600px;
  display: flex;
}

.thecontent.custom {
  display: none;
}

.thecontent.custom.active {
  min-width: 340px;
  display: flex;
}

.thecontent.desktop {
  aspect-ratio: 16 / 9;
  width: auto;
  height: 380px;
  display: none;
}

.thecontent.desktop.active {
  display: flex;
}

.background-video-9 {
  z-index: 99;
  width: 100%;
  height: 100%;
}

.dynamic_video {
  border: 1px solid #ebebeb;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.playbtn {
  z-index: 3;
  cursor: pointer;
  background-color: #00000080;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  transition: all .45s;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}

.playbtn:hover {
  background-color: #0000004d;
}

.video_poster {
  z-index: 2;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.theplayer {
  z-index: 20;
  width: 100%;
  height: 100%;
  display: none;
  position: relative;
}

.theplayer.active {
  display: flex;
}

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

.div-block-5648 {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
}

.video_12 {
  z-index: 30;
  background-color: #fff;
  width: 100%;
  height: 100%;
  display: none;
  position: relative;
}

.video_12.active {
  display: flex;
}

.theprogress {
  background-color: #fff;
  width: 100%;
  height: 100%;
  transition: all 1s;
  position: absolute;
  bottom: -100%;
}

.theprogress.active {
  bottom: 0%;
}

.videoclose {
  background-color: #ffffff78;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 72px;
  font-family: GoogleMaterialicons, sans-serif;
  display: none;
  position: static;
  top: 0;
  right: -36px;
}

.videoclose.active {
  display: flex;
}

.div-block-5650 {
  position: absolute;
  top: 0;
  right: -37px;
}

.previews_12 {
  opacity: 1;
  mix-blend-mode: normal;
  background-color: #f5f5f3;
  border: 0 solid #ebebeb;
  border-radius: 3px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 0;
  padding: 60px 36px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 2px 20px -2px #00000003;
}

.previews_12.ns {
  border-radius: 3px;
  margin-top: 0;
  margin-bottom: 5px;
  padding: 9px;
}

.previews_12.ns.spaced {
  margin-top: 15px;
}

.previews_12.noborder {
  border-color: #3a3a3a;
}

.previews_12.green {
  background-color: var(--green_dark);
  height: 100%;
  padding-top: 36px;
}

.html-embed-28 {
  width: 300px;
  height: 600px;
}

.html-embed-28.ai {
  width: 100%;
  height: 100%;
}

.html-embed-28._123 {
  width: 100%;
  height: 500px;
}

.div-block-5651 {
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 500px;
  display: flex;
}

.div-block-3352 {
  z-index: 2147483647;
  padding-bottom: 25px;
  padding-left: 20px;
  padding-right: 9px;
  font-family: Fkromanstandard, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 27px;
  position: relative;
}

.div-block-3352.ns {
  padding-bottom: 0;
}

.div-block-1323 {
  z-index: 99999;
  background-color: #fff;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 100%;
  height: auto;
  min-height: auto;
  margin-top: 0;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  display: block;
  position: relative;
  overflow: visible;
}

.div-block-1323.spaced {
  padding-top: 25px;
}

.text-block-236 {
  align-items: center;
}

.div-block-1329 {
  opacity: .47;
  text-transform: uppercase;
  justify-content: center;
  align-items: center;
  width: 100%;
  font-family: Circularxxweb, sans-serif;
  font-size: 11px;
  display: flex;
}

.storyheader {
  z-index: 10;
  background-color: #fcfcfc;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 90px;
  padding-top: 0;
  padding-bottom: 20px;
  font-weight: 400;
  display: flex;
  position: relative;
  box-shadow: 1px 1px 60px 12px #0003;
}

.storyheader.ss {
  height: 60px;
  min-height: auto;
}

.storyheader.ss.white {
  background-color: #fff;
}

.infeed {
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 335px;
  height: 1000px;
  max-height: 565px;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  position: relative;
  overflow: visible;
}

.infeed.demo {
  max-height: none;
}

.infeed.demo.ax {
  border: 0 solid #000;
  align-items: flex-start;
  overflow: visible;
}

.infeed.demo.ax.w12 {
  margin-right: 2px;
  padding: 0;
}

.infeed.demo.ax.w12:hover {
  filter: none;
}

.infeed.demo.ax.w12.d {
  width: 100%;
  max-width: 100%;
}

.infeed.demo.ax.w12.d.b {
  color: #303030;
  justify-content: flex-start;
  margin-top: 0;
  margin-right: 0;
}

.div-block-1335 {
  color: #707070;
  text-transform: uppercase;
  white-space: nowrap;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 10px;
  font-size: 10px;
  line-height: 11px;
}

.div-block-1334 {
  background-color: #e2e2e2;
  width: 100%;
  height: 1px;
}

.div-block-1333 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-bottom: 20px;
  display: flex;
}

.text-block-395 {
  overflow: hidden;
}

.midpaneltop-copy {
  border-top: 0 dashed #dbdbdb;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 90%;
  padding-top: 20px;
  display: flex;
}

.div-block-1335-copy {
  color: #fff;
  white-space: nowrap;
  background-color: #534747;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  width: 20px;
  min-width: 20px;
  height: 20px;
  min-height: 20px;
  margin-bottom: 0;
  margin-left: 10px;
  margin-right: 0;
  padding: 6px;
  font-size: 11px;
  line-height: 11px;
  display: flex;
}

.div-block-1335-copy.white {
  background-color: #616161;
}

.div-block-2226 {
  width: 100%;
  position: relative;
}

.storycontainer1 {
  z-index: 0;
  background-color: #0000;
  align-items: flex-start;
  width: 100%;
  height: 140vh;
  display: flex;
  position: sticky;
  top: auto;
  bottom: 0;
}

.storycontainer1._100 {
  justify-content: center;
  align-items: flex-end;
  height: 900px;
  min-height: 900px;
}

.div-block-1330 {
  text-transform: none;
  justify-content: center;
  align-items: center;
  font-size: 13px;
  line-height: 11px;
  display: flex;
}

.div-block-2228 {
  flex-direction: column;
  margin-top: 14px;
  margin-bottom: 12px;
  display: flex;
}

.div-block-3272 {
  font-family: Polysans Neutral, sans-serif;
  font-size: 12px;
  line-height: 20px;
}

.div-block-1342-copy-copy {
  background-color: #ebebeb;
  height: 1px;
  margin-bottom: 8px;
}

.text-block-303 {
  font-family: Polysans Median, sans-serif;
  font-size: 28px;
  line-height: 30px;
}

.infeed1 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  overflow: scroll;
}

.infeed1.hide-scrollbar {
  border: 0 solid #e2d1d1;
  justify-content: flex-start;
  width: 100%;
  height: 100%;
}

.image-429 {
  width: 100%;
  height: 264px;
}

.div-block-1325 {
  align-items: flex-start;
  width: 100%;
  height: 100vh;
  display: flex;
  position: sticky;
  top: 0;
}

.div-block-1325._100 {
  align-items: flex-end;
  height: 100%;
  min-height: 100%;
}

.div-block-5652 {
  z-index: 2147483647;
  padding-left: 20px;
  padding-right: 9px;
  font-family: Fkromanstandard, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 27px;
  position: relative;
}

.preview2 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 340px;
  height: 600px;
  max-height: 600px;
  display: flex;
  position: relative;
  overflow: visible;
}

.preview2._800 {
  width: 360px;
  height: 680px;
  min-height: 680px;
  max-height: 680px;
}

.div-block-1329-copy {
  color: #333;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-bottom: 10px;
  font-family: Circularxxweb, sans-serif;
  font-size: 12px;
  display: flex;
}

.div-block-5653 {
  z-index: 99999;
  background-color: #fff;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 100%;
  height: auto;
  min-height: auto;
  margin-top: 0;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  display: block;
  position: relative;
  overflow: visible;
}

.div-block-1341 {
  justify-content: flex-start;
  align-items: center;
  font-weight: 400;
  line-height: 30px;
  display: flex;
}

.s1-2 {
  color: #cfcfcf;
  letter-spacing: 0;
  margin-bottom: 0;
  font-size: 30px;
  font-weight: 300;
  line-height: 50px;
  display: flex;
}

.div-block-1175 {
  z-index: 10;
  background-color: #0000;
  border: 0 solid #000;
  justify-content: center;
  align-items: center;
  width: 330px;
  height: 100%;
  margin-left: 5px;
  padding-top: 16px;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.div-block-1175.b {
  width: 100%;
}

.div-block-1175.b.d {
  border-width: 1px;
  border-color: #e2e2e2;
  border-radius: 3px;
  padding-top: 0;
}

.div-block-1175.b.d.dark {
  border-color: #58575757;
}

.div-block-1175.b.d.dark.tmp {
  border-width: 0;
  border-radius: 0;
}

.text-block-286-copy {
  text-align: center;
  font-weight: 500;
}

.div-block-1368 {
  filter: invert();
  padding-top: 0;
  padding-left: 10px;
}

.image-628 {
  width: 20px;
}

.the_unit {
  width: 100%;
  height: 100%;
}

.the_unit._600 {
  width: 340px;
  height: 600px;
}

.text-block-561 {
  align-items: center;
}

.div-block-5654 {
  opacity: .47;
  text-transform: uppercase;
  justify-content: center;
  align-items: center;
  width: 100%;
  font-family: Circularxxweb, sans-serif;
  font-size: 11px;
  display: flex;
}

.div-block-1374 {
  width: 100%;
  height: 100%;
  padding-top: 7px;
}

.div-block-1374.c {
  background-color: #fff;
  padding-top: 0;
}

.div-block-1374.c.d {
  padding-top: 0;
}

.div-block-1339 {
  padding-top: 6px;
  padding-bottom: 10px;
  font-size: 23px;
  line-height: 26px;
}

.text-block-286 {
  margin-left: 12px;
  margin-right: 12px;
  font-family: Circularxxweb, sans-serif;
  font-size: 12px;
  font-weight: 400;
}

.div-block-5655 {
  color: #707070;
  white-space: nowrap;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 10px;
  font-size: 11px;
  line-height: 11px;
}

.a4 {
  margin-top: 4px;
  margin-bottom: 10px;
  font-size: 12px;
  line-height: 12px;
}

.div-block-5656 {
  background-color: #e2e2e2;
  width: 100%;
  height: 1px;
}

.div-block-5657 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-bottom: 20px;
  display: flex;
}

.image-328 {
  width: 13px;
}

.image-328.i {
  margin-right: 0;
  transform: rotate(180deg);
}

.div-block-1324-copy {
  align-items: flex-start;
  width: 100%;
  height: 100vh;
  display: flex;
  position: sticky;
  top: 0;
}

.div-block-1324-copy._100 {
  align-items: flex-end;
  height: 100%;
  min-height: 100%;
}

.div-block-1338 {
  color: #7e7e7e;
  padding-top: 6px;
  padding-bottom: 6px;
  padding-left: 20px;
  font-size: 12px;
  line-height: 16px;
}

.div-block-1332 {
  margin-left: 0;
}

.div-block-1337 {
  width: 100%;
  margin-top: 20px;
  margin-bottom: 20px;
}

.secondpreview {
  width: 100%;
  height: 100%;
}

.midpanelbottom {
  border-top: 0 dashed #dbdbdb;
  border-bottom: 1px solid #dbdbdb;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 90%;
  padding-top: 10px;
  padding-bottom: 30px;
  display: flex;
}

.div-block-1369 {
  color: #fff;
  margin-top: 8px;
  font-size: 20px;
}

.image-430 {
  height: 264px;
}

.text-block-289 {
  font-size: 13px;
}

.text-block-562 {
  overflow: hidden;
}

.div-block-1340 {
  margin-bottom: 24px;
  padding-top: 22px;
  padding-left: 20px;
  padding-right: 20px;
}

.image-355 {
  width: 160px;
  display: none;
}

.storyfooter {
  background-color: #fcfcfc;
  border-top: 1px solid #dbdbdb99;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 175px;
  padding-top: 30px;
  padding-bottom: 20px;
  display: flex;
  box-shadow: 1px 1px 20px 2px #0000001a;
}

.div-block-1367 {
  filter: invert();
  padding-top: 0;
  padding-right: 10px;
}

.div-block-1331 {
  color: #fff;
  background-color: #0054e6;
  border: 0 solid #ddd;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 50px;
  min-height: 50px;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 12px;
  font-weight: 500;
  display: flex;
}

.div-block-1331.custon {
  background-color: #00843d;
  border-radius: 3px;
  font-family: Circularxxweb, sans-serif;
  font-size: 13px;
}

.midpaneltop {
  border-top: 0 dashed #dbdbdb;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 90%;
  min-height: 84px;
  padding-top: 20px;
  display: flex;
}

.image-458 {
  width: 15px;
}

.div-block-1320 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  min-height: 600px;
  max-height: 600px;
  display: flex;
  overflow: scroll;
}

.div-block-1320.hide-scrollbar {
  background-color: #fff;
  justify-content: space-between;
  max-width: 340px;
  height: 100%;
  position: relative;
}

.div-block-1320.hide-scrollbar._12 {
  display: none;
}

.div-block-1366 {
  background-image: linear-gradient(#0000004d 10%, #25252500 87%);
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 55px;
  display: flex;
  position: static;
  top: 0;
}

.div-block-2227 {
  z-index: 90;
  width: 100%;
  height: 60px;
  position: absolute;
  top: 0;
}

.div-block-5658 {
  width: 100%;
  position: relative;
}

.html-embed-28-copy.ai, .html-embed-28-copy._123 {
  width: 100%;
  height: 100%;
}

.div-block-5659 {
  text-transform: none;
  justify-content: center;
  align-items: center;
  font-family: Polysans Median, sans-serif;
  font-size: 13px;
  line-height: 11px;
  display: flex;
}

.div-block-5660 {
  flex-direction: column;
  margin-top: 14px;
  margin-bottom: 12px;
  display: flex;
}

.div-block-5661 {
  font-family: Polysans Median, sans-serif;
  font-size: 12px;
}

.image-799 {
  width: 20px;
  min-width: 20px;
  transform: rotate(180deg);
}

.image-799.inv {
  opacity: .68;
  filter: invert();
  margin-left: -8px;
}

.text-block-564 {
  font-size: 28px;
  line-height: 30px;
}

.image-508 {
  opacity: .24;
  width: 100%;
}

.image-508.inverted {
  opacity: .38;
}

.image-241 {
  opacity: 1;
  width: 11px;
}

.image-800 {
  width: 100%;
  height: 264px;
}

.div-block-5662 {
  align-items: flex-start;
  width: 100%;
  height: 100vh;
  display: flex;
  position: sticky;
  top: 0;
}

.div-block-5662._100 {
  align-items: flex-end;
  height: 100%;
  min-height: 100%;
}

.div-block-5663 {
  z-index: 2147483647;
  padding-left: 20px;
  padding-right: 9px;
  font-family: Fkromanstandard, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 27px;
  position: relative;
}

.div-block-5663.studio {
  padding-left: 15px;
}

.div-block-3347 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 15px;
  padding-bottom: 15px;
  display: flex;
}

.div-block-5664 {
  z-index: 99999;
  background-color: #fcfcfc;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 100%;
  height: auto;
  min-height: auto;
  margin-top: 0;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  display: block;
  position: relative;
  overflow: visible;
}

.div-block-5665 {
  justify-content: flex-start;
  align-items: center;
  font-weight: 400;
  display: flex;
}

.text-block-369 {
  font-size: 10px;
}

.div-block-758 {
  margin-left: 5px;
  margin-right: 5px;
}

.div-block-758.invert {
  opacity: .62;
  filter: invert();
}

.div-block-2678 {
  opacity: 1;
  border: 1px solid #e2e2e2;
  border-radius: 12px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 40px;
  margin-bottom: 10px;
  padding-left: 12px;
  padding-right: 12px;
  display: flex;
}

.div-block-2678.dark {
  color: #555;
  border-color: #33d8b0;
}

.div-block-2678.dark.studio {
  border-color: #e0e0e0;
}

.div-block-2678.dark-copy {
  color: #555;
  border-color: #ebdede;
}

.div-block-5666 {
  z-index: 10;
  background-color: #0000;
  border: 0 solid #000;
  justify-content: center;
  align-items: center;
  width: 330px;
  height: 100%;
  margin-left: 5px;
  padding-top: 16px;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.div-block-5666.b {
  width: 100%;
}

.div-block-5666.b.d {
  border-width: 1px;
  border-color: #e2e2e2;
  border-radius: 3px;
  padding-top: 0;
}

.div-block-5666.b.d.dark {
  border-color: #d4d4d457;
}

.div-block-5666.b.d.dark.nb {
  border-width: 1px;
  border-color: #e6e6e657;
}

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

._1div-block-5334-copy {
  background-color: #fff0;
  border: 0 solid #ffffff1c;
  border-radius: 16px;
  align-items: center;
  height: 100%;
  padding: 0 50px;
  display: flex;
  position: relative;
}

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

.div-block-5667 {
  filter: invert();
  padding-top: 0;
  padding-left: 10px;
}

.the_progress_bar {
  background-color: #161616;
  width: 100%;
  height: 100%;
  position: relative;
  top: -100%;
}

.the_progress_bar.new {
  background-color: #fff;
  top: -100%;
}

.div-block-2681 {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 60px;
  padding: 10px 20px;
  display: flex;
}

.image-801 {
  width: 20px;
}

.text-block-565 {
  align-items: center;
}

.div-block-5668 {
  opacity: .47;
  text-transform: uppercase;
  justify-content: center;
  align-items: center;
  width: 100%;
  font-family: Circularxxweb, sans-serif;
  font-size: 11px;
  display: flex;
}

.image-337 {
  width: 14px;
}

.image-337.inv {
  opacity: .47;
}

.div-block-2691 {
  align-items: flex-end;
  display: flex;
}

.div-block-2691.dark {
  color: #5a5a5a;
}

.thephone1 {
  background-color: #f8f8f6;
  border: 1px solid #c7b8b8;
  border-radius: 60px;
  flex-direction: column;
  align-items: center;
  padding: 50px 15px 10px;
  display: flex;
  position: relative;
}

.thephone1.dark {
  background-color: #f8f8f600;
  border-color: #74747496;
  box-shadow: 0 5px 30px 1px #f5e0e005;
}

.thephone1.dark.regular {
  background-color: #39f2c5;
  border-width: 0 1px;
  border-color: #32d6ae;
  border-radius: 0;
  padding-bottom: 20px;
}

.thephone1.dark.regular.studio {
  z-index: 2;
  background-color: #f8f8f8;
  border-width: 0 1px;
  border-color: #d3d8d7 #d3d8d780;
}

.thephone1.dark.regular-copy {
  background-color: #f6f6f7;
  border-width: 0 1px;
  border-color: #aec8d5 #e2e2e2;
  border-radius: 0;
  padding-bottom: 20px;
}

.thephone1.dark.regular-copy.white {
  background-color: #fff;
}

.div-block-5669 {
  width: 100%;
  height: 100%;
  padding-top: 7px;
}

.div-block-5669.c {
  background-color: #fff;
  padding-top: 0;
}

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

.div-block-5669.c.d._300x600 {
  background-color: #f8f8f8;
  width: 300px;
  min-width: 300px;
  height: 600px;
  min-height: 600px;
}

.div-block-5669.c.d._300x600-copy {
  background-color: #f8f8f8;
  width: 340px;
  min-width: 340px;
  height: 650px;
  min-height: 650px;
}

.div-block-5670 {
  padding-top: 6px;
  padding-bottom: 0;
  font-family: "Franklin 700", sans-serif;
  font-size: 23px;
  line-height: 26px;
}

.text-block-566 {
  margin-left: 12px;
  margin-right: 12px;
  font-family: Polysans Median, sans-serif;
  font-size: 12px;
  font-weight: 400;
}

.div-block-5671 {
  color: #707070;
  white-space: nowrap;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 10px;
  font-family: Polysans Median, sans-serif;
  font-size: 11px;
  line-height: 11px;
}

.a4-2 {
  margin-top: 4px;
  margin-bottom: 10px;
}

.div-block-5672 {
  background-color: #848a88;
  width: 100%;
  height: 1px;
}

.div-block-5672.studio {
  background-color: #d6e0de;
}

.div-block-5673 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-bottom: 20px;
  display: flex;
}

.draggable {
  z-index: 5;
  cursor: ns-resize;
  background-color: #3af1c5;
  border: 1px solid #7a7979;
  border-radius: 99px;
  justify-content: center;
  align-items: flex-start;
  width: 22px;
  display: flex;
  position: relative;
}

.draggable:hover {
  border-color: #fff;
}

.draggable:focus {
  filter: invert();
  border-color: #fff;
}

.draggable.dark {
  z-index: 10;
  background-color: #140e28;
  border-color: #fff;
}

.div-block-3344 {
  background-color: #e9e9e9;
  border-radius: 99px;
  width: 2px;
  height: 600px;
  position: relative;
  overflow: hidden;
}

.div-block-3344.dark {
  background-color: #e9e9e945;
}

.div-block-3344.dark._1 {
  background-color: #69676745;
  width: 1px;
}

.div-block-3348 {
  background-color: #4e4e4e;
  width: 5px;
  height: 2px;
  margin-bottom: 1px;
}

.div-block-3348.dark {
  background-color: #189c7c;
}

.image-802 {
  width: 13px;
}

.image-802.i {
  margin-right: 0;
  transform: rotate(180deg);
}

.side_show_brands {
  z-index: 5;
  border: 0 solid #a5a5a50f;
  border-radius: 16px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 700px;
  height: 100%;
  padding: 0 34px;
  transition: all .5s;
  display: flex;
  position: relative;
  overflow: hidden;
}

.side_show_brands.studio {
  overflow: visible;
}

.div-block-2682 {
  background-color: #e9e9e9;
  border-radius: 99px;
  width: 120px;
  height: 4px;
  margin-top: 15px;
}

.div-block-2682.dark {
  opacity: .32;
  background-color: #817b7b;
}

.div-block-2304 {
  color: #313131;
}

.div-block-2304.dark {
  color: #13886c;
}

.div-block-2304.dark.studio {
  color: #bebebe;
}

.div-block-2304.dark-copy {
  color: #707274;
  -webkit-text-stroke-color: #7eb6d1;
}

.div-block-5674 {
  color: #7e7e7e;
  padding-top: 6px;
  padding-bottom: 6px;
  padding-left: 20px;
}

.div-block-5675 {
  margin-left: 0;
}

.div-block-5676 {
  width: 100%;
  margin-top: 20px;
  margin-bottom: 20px;
}

.text-block-195 {
  opacity: 1;
  font-family: Circularxxweb, sans-serif;
  font-size: 14px;
  font-weight: 300;
}

.div-block-5677 {
  color: #fff;
  margin-top: 8px;
  font-size: 20px;
}

.image-803 {
  height: 264px;
}

.div-block-5678 {
  transform: rotate(90deg);
}

.text-block-567 {
  overflow: hidden;
}

.div-block-5679 {
  margin-bottom: 12px;
  padding-top: 15px;
  padding-left: 20px;
  padding-right: 20px;
}

.div-block-5679.studio {
  padding-left: 15px;
  padding-right: 15px;
}

.div-block-5680 {
  z-index: 5;
  background-color: #3af1c5;
  padding-top: 10px;
  position: absolute;
  top: 258px;
}

.drag_c {
  border-bottom: 1px solid #a5a3a3;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  height: 600px;
  display: none;
  position: absolute;
  right: -2px;
}

.image-804 {
  width: 160px;
  display: block;
}

.text-span-31 {
  font-size: 16px;
}

.div-block-5681 {
  filter: invert();
  padding-top: 0;
  padding-right: 10px;
}

.div-block-5682 {
  color: #fff;
  letter-spacing: .5px;
  background-color: #015fc5;
  border: 0 solid #ddd;
  border-radius: 3px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 50px;
  min-height: 50px;
  padding-left: 10px;
  padding-right: 10px;
  font-family: Polysans Median, sans-serif;
  font-size: 14px;
  font-weight: 500;
  display: flex;
}

.div-block-5682.studio {
  background-color: var(--purple);
  height: 44px;
  min-height: 44px;
  font-size: 12px;
}

.image-805 {
  width: 15px;
}

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

.div-block-5683 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  min-height: 600px;
  max-height: 600px;
  display: flex;
  overflow: scroll;
}

.div-block-5683.hide-scrollbar {
  background-color: #fff;
  justify-content: space-between;
  max-width: 340px;
  height: 100%;
  position: relative;
}

.div-block-5683.hide-scrollbar._12 {
  display: none;
}

.div-block-5684 {
  background-image: linear-gradient(#0000004d 10%, #25252500 87%);
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 55px;
  display: flex;
  position: static;
  top: 0;
}

.div-block-5685 {
  z-index: 90;
  width: 100%;
  height: 60px;
  position: absolute;
  top: 0;
}

.div-block-5686 {
  width: 100%;
  position: relative;
}

.bold-text {
  letter-spacing: .2px;
  font-family: Polysans Median, sans-serif;
  font-size: 12px;
}

.thecontent_22 {
  display: none;
}

.thecontent_22.active {
  display: flex;
}

.thecontent_22.active.white {
  border: 0 solid #ececec;
}

.thecontent_22.active.white-copy {
  border: 0 solid #ececec;
  justify-content: flex-end;
  align-items: center;
}

.thecontent_22.studio {
  width: 100%;
}

.thecontent_22.studio.active {
  justify-content: center;
  align-items: center;
}

.html-embed-29 {
  width: 100%;
  height: 100%;
}

.div-block-5687 {
  flex-flow: column;
  padding-left: 100px;
  display: flex;
}

.div-block-5687.studio {
  width: 100%;
}

.div-block-5688 {
  opacity: .36;
  border-top: 1px solid #e0e0e0;
  width: 100%;
  height: 1px;
}

.div-block-5689 {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  padding-top: 60px;
  padding-bottom: 30px;
  display: flex;
  position: relative;
}

.div-block-5690 {
  border: 0 solid #e2e2e2;
  border-right-width: 1px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 30px;
  display: flex;
  position: relative;
}

.div-block-5691 {
  background-color: #e7e7e7;
  width: 250%;
  height: 1px;
  position: absolute;
}

.theservice {
  z-index: 5;
  color: #2e2d2d;
  background-color: #fff;
  justify-content: flex-start;
  align-items: center;
  padding-left: 10px;
  padding-right: 15px;
  font-family: Polysans Median, sans-serif;
  font-size: 15px;
  line-height: 15px;
  display: flex;
  position: relative;
}

.theservice.studio {
  font-size: 13px;
  line-height: 15px;
}

.theservice.g {
  background-color: #f7f7f7;
  line-height: 16px;
}

.div-block-5693 {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
  position: static;
}

.spectrum_item {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
}

.spectrum_item._1 {
  justify-content: flex-start;
  align-items: center;
}

.nr {
  z-index: 5;
  color: #3a3a3a;
  background-color: #f1f1f1;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  padding: 5px 10px;
  font-family: Polysans Bulky, sans-serif;
  font-size: 10px;
  display: flex;
  position: relative;
}

.nr.pill {
  width: 60px;
}

.nr.white {
  background-color: #fff;
  border: 1px solid #b3b3b3;
}

.nr._2white-copy {
  background-color: #fff;
  border: 1px solid #b3b3b3;
  position: absolute;
  left: -19px;
}

.raceline {
  opacity: .5;
  background-image: linear-gradient(90deg, #fff, #afafaf 56%, #fff 98%);
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: -41px;
  left: -80%;
}

.raceline._2 {
  bottom: 96px;
  left: auto;
  right: -80%;
}

.el_more {
  z-index: 2;
  color: #292929;
  background-color: #fff;
  border: 1px solid #ececec;
  width: 500px;
  padding: 35px 27px 25px;
  font-family: Polysans Slim, sans-serif;
  font-size: 20px;
  line-height: 27px;
  display: none;
  position: absolute;
  top: 15px;
  left: -26px;
}

.el_more.active {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border-width: 0 0 0 1px;
  flex-flow: column;
  padding-top: 40px;
  font-family: Circularxxweb, sans-serif;
  font-weight: 300;
  line-height: 29px;
  display: flex;
}

.el_more._5.active {
  left: auto;
  right: -53px;
}

.div-block-3207-copy {
  background-color: #fff;
  border: 1px solid #5200ff;
  border-radius: 99px;
  width: 11px;
  height: 11px;
  position: absolute;
  bottom: 38px;
  left: -6px;
}

.div-block-13-copy {
  z-index: 100;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #030408;
  border: 0 solid #e5e4e4;
  border-bottom: 1px solid #ececec;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  height: 36px;
  padding: 6px 20px 6px 0;
  line-height: 14px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.div-block-13-copy:hover {
  color: #5200ff;
}

.div-block-15-copy {
  font-family: Polysans Neutral, sans-serif;
  font-size: 15px;
  font-weight: 400;
}

.div-block-15-copy.small {
  font-size: 15px;
}

.spectrum_panel {
  width: 100%;
  padding-top: 100px;
  padding-left: 45px;
  display: none;
}

.spectrum_panel.active {
  grid-column-gap: 18px;
  grid-row-gap: 18px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.div-block-5695 {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  border-bottom: 1px solid #eee;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 1000px;
  padding-bottom: 30px;
  font-size: 26px;
  line-height: 36px;
  display: flex;
}

.text-block-554-copy {
  color: #414141;
}

.div-block-3207-copy {
  background-color: #fff;
  border: 1px solid #5200ff;
  border-radius: 99px;
  width: 11px;
  height: 11px;
  position: absolute;
  top: 5px;
  left: -32px;
}

.div-block-5696 {
  aspect-ratio: 16 / 9;
  border-radius: 3px;
  width: 350px;
  min-width: 400px;
  overflow: hidden;
}

.div-block-5697 {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.div-block-5698 {
  background-color: #ebebeb;
  width: 100%;
  height: 1px;
}

.div-block-5697-copy {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  white-space: nowrap;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-bottom: 0;
  display: flex;
}

.div-block-5699 {
  letter-spacing: .5px;
  font-family: Polysans Slim, sans-serif;
}

.div-block-5700 {
  opacity: 1;
  padding-bottom: 3px;
  padding-right: 3px;
}

.image-806 {
  width: 13px;
}

.edit_chart {
  z-index: 1;
  background-color: #1f1f1f;
  border-radius: 3px;
  width: 100%;
  height: 100%;
  transition: left .7s;
  position: absolute;
  left: -10%;
}

.edit_chart.line2 {
  left: -52px;
}

.edit_chart.line2.zero {
  background-color: #5200ff;
}

.edit_chart.line2.zero._2 {
  left: -116px;
}

.edit_chart._3 {
  background-color: #cec1b1;
  left: -246px;
}

.edit_chart._4 {
  left: -101px;
}

.edit_chart._5 {
  left: -301px;
}

.edit_chart.line2-copy5 {
  left: -75px;
}

.edit_chart._7 {
  left: -375px;
}

.edit_chart._8line2-copy {
  left: -169px;
}

.edit_chart.zero {
  left: -3px;
}

.edit_chart._0 {
  left: -64px;
}

.edit_chart._2025 {
  left: -86%;
}

.edit_chart._2026 {
  left: -73%;
}

.edit_chart._2027 {
  left: -45%;
}

.edit_chart._2024_2 {
  left: -90%;
}

.edit_chart.tech {
  background-color: #7b99da;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  left: -50%;
}

.edit_chart.tech._2024 {
  left: -50%;
}

.edit_chart.tech._2023 {
  left: -58%;
}

.edit_chart.tech._2022 {
  left: -62%;
}

.edit_chart.tech._2021 {
  left: -67%;
}

.edit_chart.tech._2020 {
  left: -68%;
}

.edit_chart._22 {
  left: -25%;
}

.edit_chart._33 {
  left: -35%;
}

.edit_chart._44 {
  left: -45%;
}

.edit_chart._55 {
  left: -55%;
}

.edit_chart._66 {
  left: -65%;
}

.div-block-5527-copy {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 75px;
  font-family: Polysans Median, sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 12px;
  display: flex;
}

.div-block-5701 {
  background-color: #dfdede;
  width: 300%;
  max-width: 1380px;
  height: 720px;
  position: relative;
}

.div-block-5702 {
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.div-block-5703 {
  background-color: var(--light-green);
  width: 100%;
  height: 720px;
}

.div-block-5704 {
  aspect-ratio: 457 / 270;
  background-color: #fff;
  border-radius: 3px 0 0 3px;
  justify-content: center;
  align-items: center;
  width: 85%;
  height: 100%;
  display: flex;
  overflow: hidden;
}

.div-block-5705 {
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 0 25px;
  display: flex;
}

.text-block-569 {
  z-index: 10;
  position: relative;
}

.div-block-5706 {
  z-index: 1;
  background-color: #e6e6e6;
  width: 105%;
  height: 1px;
  position: absolute;
  top: 50px;
  left: -258px;
}

.div-block-5707 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  color: #252525;
  cursor: pointer;
  background-color: #f3f3f3;
  border-radius: 3px;
  justify-content: flex-start;
  align-items: center;
  padding: 16px 40px;
  font-family: Polysans Median, sans-serif;
  text-decoration: none;
  transition: all .4s;
  display: flex;
}

.div-block-5707:hover {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  padding-left: 50px;
  padding-right: 50px;
}

.div-block-5707.blue {
  color: #0c0c0c;
  background-color: #fff;
}

.div-block-5708 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  white-space: nowrap;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-top: 25px;
  padding-bottom: 0;
  font-size: 14px;
  line-height: 14px;
  display: flex;
}

.div-block-5709 {
  background-color: #dbdbdb;
  width: 100%;
  height: 1px;
}

.div-block-5709._2 {
  width: 20px;
}

.div-block-5709.blue {
  background-color: #517ce7a8;
}

.div-block-5704-copy12 {
  aspect-ratio: 457 / 270;
  background-color: #fff;
  border-radius: 3px 0 0 3px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1380px;
  height: 100%;
  display: flex;
  overflow: hidden;
}

.div-block-5704-copy12.black {
  background-color: #313131;
}

.image-807 {
  width: 18px;
}

.div-block-19-copy {
  color: #0c0c0c;
  background-color: #3cffd0;
  border: 0 solid #000;
  border-radius: 2px;
  padding: 18px 30px;
  font-family: Polysans Median, sans-serif;
  font-size: 10px;
  text-decoration: none;
}

.div-block-19-copy.confidential {
  color: #bdbdbd;
}

.text-block-556-copy {
  font-family: Polysans Median, sans-serif;
  font-size: 13px;
  line-height: 14px;
}

.div-block-5710 {
  padding-left: 0;
  font-size: 19px;
  font-weight: 300;
  line-height: 30px;
}

.div-block-5609-copy {
  width: 50%;
}

.div-block-5704-copy {
  aspect-ratio: auto;
  background-color: var(--green_dark);
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 850px;
  display: flex;
  overflow: hidden;
}

.div-block-16-copy {
  grid-column-gap: 11px;
  grid-row-gap: 11px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  min-width: 400px;
  height: 100%;
  display: flex;
}

.div-block-5711 {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  border-bottom: 0 solid #e9e9e9;
  flex-flow: column;
  padding-bottom: 15px;
  display: flex;
  position: relative;
}

.div-block-5711.last {
  border-bottom-width: 0;
}

.div-block-13-copy12 {
  z-index: 100;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #030408;
  border: 0 solid #e5e4e4;
  border-bottom-color: #ececec;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  padding: 6px 20px 6px 0;
  line-height: 14px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.div-block-13-copy12.green {
  border-bottom-color: #37e2b9;
}

.htmlcomp {
  width: 100%;
  height: 100%;
}

.htmlcomp.ai {
  width: 100%;
  height: 100%;
}

.htmlcomp._123 {
  width: 100%;
  height: 500px;
}

.intro_head-copy-copy {
  z-index: 105;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  border: 0 solid #000;
  border-bottom-color: #ececec;
  border-radius: 0;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 1380px;
  margin-bottom: 50px;
  padding: 100px 0 30px 76px;
  display: flex;
  position: relative;
}

.intro_head-copy-copy.purple {
  z-index: 99;
  color: #f3f3f3;
  background-color: #5200ff;
  border-bottom-color: #c7c7c71f;
}

.intro_head-copy-copy.top {
  z-index: 108;
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  background-color: #fff;
  flex-flow: row;
}

.intro_head-copy-copy.black {
  z-index: 99;
  color: #cec1b1;
  background-color: #040a18;
}

.intro_head-copy-copy.green {
  z-index: 106;
  color: #131313;
  background-color: #3cffd0;
  overflow: hidden;
}

.intro_head-copy-copy.intro {
  color: #fff;
  background-color: #fff;
  justify-content: center;
  align-items: center;
  min-height: 720px;
  display: flex;
}

.intro_head-copy-copy.white {
  background-color: #fff;
}

.product_media-copy-copy {
  opacity: 1;
  mix-blend-mode: normal;
  object-fit: none;
  border: 0 solid #ebebeb;
  border-radius: 1px;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 0;
  padding: 0;
  display: flex;
}

.product_media-copy-copy.ns {
  padding: 0;
}

.div-block-5523-copy {
  color: #1f1f1f;
  border-radius: 3px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 40px;
  padding: 6px 0;
  font-family: Polysans Neutral, sans-serif;
  display: flex;
  position: relative;
  overflow: visible;
}

.div-block-5523-copy.bg {
  background-color: #443663;
}

.div-block-5712 {
  background-color: #5cc7ad4a;
  border-radius: 3px;
  width: 100%;
  height: 1px;
}

.div-block-5712.dark {
  background-color: #d8d8d84a;
}

.nws_standard {
  color: #fff;
  background-color: #1f1f1f;
  border-radius: 2px;
  justify-content: center;
  align-items: center;
  width: 150px;
  height: 22px;
  font-size: 11px;
  display: flex;
  position: absolute;
  right: 92px;
}

.nws_standard._2 {
  right: 37px;
}

.nws_standard._3 {
  right: 104px;
}

.nws_standard._4 {
  right: 71px;
}

.nws_standard._5 {
  right: 41px;
}

.nws_standard._6 {
  right: 10px;
}

.nws_standard._7 {
  right: 0;
}

.div-block-5714 {
  background-color: #1f1f1f;
  border-radius: 99px;
  width: 11px;
  min-width: 11px;
  height: 11px;
  min-height: 11px;
}

.div-block-5714.sq {
  background-color: var(--purple);
  border-radius: 99px;
}

.div-block-5714.edit {
  border: 3px solid var(--green);
  background-color: var(--purple);
  width: 14px;
  min-width: 14px;
  height: 14px;
  min-height: 14px;
}

.div-block-5714.edit.white {
  border-color: var(--white);
}

.div-block-5714.edit.white.web {
  background-color: var(--pink);
}

.div-block-5714.industry {
  border: 3px solid var(--green);
  border-radius: 99px;
}

.div-block-5714.industry.white {
  border-color: var(--white);
}

.div-block-5714.web {
  background-color: #df3ba8;
  border-radius: 99px;
}

.div-block-5715 {
  z-index: 20;
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-left: 10px;
  font-family: Polysans Median, sans-serif;
  font-size: 11px;
  font-weight: 400;
  display: flex;
  position: relative;
}

.div-block-5716 {
  background-color: #56e0bf;
  width: 1px;
  height: 20px;
}

.div-block-5716.hidden {
  background-color: #5cc7ad;
  height: 5px;
}

.div-block-5529-copy {
  font-family: Polysans Median, sans-serif;
  font-size: 10px;
}

.div-block-5529-copy.headline {
  padding: 0;
  font-size: 13px;
  font-weight: 400;
}

.div-block-5529-copy.total {
  font-size: 10px;
}

.industry_standard {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  justify-content: flex-start;
  align-items: center;
  font-size: 12px;
  display: flex;
  position: static;
  left: 0%;
}

.industry_standard._0 {
  left: 6%;
}

.industry_standard._3 {
  left: 5%;
}

.industry_standard._6 {
  left: 8%;
}

.industry_standard._7 {
  left: 17%;
}

.div-block-5718 {
  color: #122c26;
  white-space: nowrap;
  background-color: #3dffd0;
  padding-right: 5px;
  line-height: 11px;
}

.div-block-5718.white {
  background-color: #fff;
}

.div-block-5719 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  border-bottom: 0 solid #33d3ac;
  justify-content: flex-start;
  align-items: center;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
}

.div-block-5720 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.div-block-5721 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  border-right: 1px solid #3fccaa;
  justify-content: flex-start;
  align-items: center;
  padding-right: 15px;
  display: flex;
}

.div-block-5722 {
  line-height: 11px;
}

.progress_item {
  justify-content: space-between;
  align-items: center;
  width: 85%;
  display: flex;
  position: absolute;
  left: 0%;
}

.progress_item._2 {
  width: 90%;
  left: 14%;
}

.progress_item._3 {
  width: 55%;
  left: 15%;
}

.progress_item._4 {
  left: 31%;
}

.progress_item._5 {
  width: 50%;
  left: 15%;
}

.progress_item._6 {
  width: 50%;
  left: 23%;
}

.progress_item._7 {
  width: 50%;
  left: 47%;
}

.progress_item._0 {
  width: 80%;
  left: 9%;
}

.progress_item._8 {
  width: 50%;
  left: 47%;
}

.div-block-5724 {
  background-color: #000;
  width: 100%;
  height: 1px;
}

.div-block-5700-copy {
  opacity: 1;
  width: 13px;
  padding-bottom: 3px;
  padding-right: 3px;
}

.div-block-5715-copy {
  z-index: 1;
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 85%;
  padding-left: 70px;
  font-size: 11px;
  font-weight: 400;
  display: flex;
  position: absolute;
}

.div-block-5725 {
  background-color: #44cfae66;
  width: 1px;
  height: 100%;
}

.div-block-5725.faded {
  opacity: .4;
}

.div-block-5725.dark {
  background-color: #d3d3d366;
}

.div-block-5726 {
  z-index: 5;
  color: #124639;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-top: 20px;
  display: flex;
  position: relative;
}

.div-block-5528-copy {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  width: 100%;
  padding-top: 20px;
  padding-right: 0;
  display: flex;
  position: relative;
}

.div-block-5700-copy {
  opacity: 1;
  width: 15px;
  padding-bottom: 1px;
  padding-left: 0;
  padding-right: 3px;
}

.div-block-1542 {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1380px;
  height: 100%;
  display: flex;
}

.link-block {
  color: #000;
  margin-left: 10px;
  margin-right: 10px;
  font-size: 13px;
  font-weight: 500;
  line-height: 20px;
  text-decoration: none;
}

.text-block-306 {
  color: #000;
  align-items: center;
  line-height: 26px;
  display: flex;
}

.image-265 {
  filter: invert();
  width: 150px;
  min-width: 150px;
}

.image-265._2 {
  filter: none;
  width: 170px;
  min-width: 170px;
}

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

.div-block-1541 {
  margin-left: 15px;
  margin-right: 15px;
  font-size: 13px;
  font-weight: 500;
}

.text-block-293 {
  font-weight: 500;
}

.actionbutton-copy2 {
  color: #e4e6d8;
  white-space: nowrap;
  cursor: pointer;
  background-color: #000;
  border: 2px solid #000;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  margin-left: 10px;
  margin-right: 0;
  padding: 16px 36px;
  font-family: Circularxxweb, sans-serif;
  font-size: 13px;
  font-weight: 700;
  text-decoration: none;
  display: flex;
}

.actionbutton-copy2:hover {
  color: #fff;
  background-color: #000;
  text-decoration: none;
}

.footer-bottom-links {
  align-items: center;
  display: flex;
}

.div-block-5727 {
  color: #000;
}

.image-257 {
  filter: invert();
  width: 100%;
}

.image-257.small {
  filter: none;
  width: 60%;
}

.image-257.s1 {
  filter: none;
  width: 97%;
}

.image-348 {
  width: 90%;
}

.image-348._1 {
  filter: invert();
}

.image-348._1._2 {
  filter: none;
}

.div-block-810-copyx1-copy12 {
  grid-column-gap: 24px;
  grid-row-gap: 67px;
  opacity: 1;
  border: 0 solid #000;
  grid-template-rows: repeat(auto-fit, minmax(0, 1fr));
  grid-template-columns: repeat(auto-fit, minmax(50px, 87px));
  grid-auto-columns: minmax(140px, 1fr);
  justify-content: space-between;
  width: 100%;
  max-width: 1280px;
  margin-top: 5px;
  padding-top: 18px;
  display: grid;
}

.image-473 {
  width: 100%;
}

.image-254-copy125 {
  width: 90%;
}

.image-254-copy125.small {
  width: 50%;
}

.image-254-copy125.small.r {
  width: 60%;
}

.image-254-copy125.small2 {
  filter: invert();
  width: 80%;
}

.image-254-copy125.small2.inv {
  filter: none;
}

.image-254-copy125._2, .image-254-copy125._2-copy {
  filter: invert();
  width: 80%;
}

.image-472 {
  width: 90%;
}

.image-472.ttq.r {
  width: 58%;
}

.logo12 {
  cursor: auto;
  background-color: #0000;
  justify-content: center;
  align-items: center;
  display: flex;
}

.logo12:hover {
  opacity: 1;
}

.logo12.inverted {
  filter: invert();
}

.logo12.inverted.large {
  width: 110px;
  font-size: 20px;
}

.logo12.s5 {
  justify-content: flex-end;
}

.logo12.s5.ss {
  justify-content: center;
}

.logo12.inverted-copy {
  width: 85px;
}

.logo12.inverted-copy.large {
  width: 110px;
  font-size: 20px;
}

.image-808 {
  filter: invert();
  width: 100%;
}

.image-808.s1 {
  width: 97%;
}

.client_logos {
  grid-column-gap: 24px;
  grid-row-gap: 48px;
  opacity: .76;
  border: 0 solid #000;
  grid-template-rows: repeat(auto-fit, minmax(0, 1fr));
  grid-template-columns: repeat(auto-fit, minmax(50px, 87px));
  grid-auto-columns: minmax(140px, 1fr);
  justify-content: space-between;
  width: 100%;
  max-width: 500px;
  margin-top: 5px;
  padding-top: 18px;
  padding-bottom: 20px;
  display: grid;
}

.div-block-5728 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  white-space: nowrap;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-top: 25px;
  display: flex;
}

.div-block-5729 {
  opacity: .6;
  font-family: Polysans Median, sans-serif;
  font-size: 12px;
}

.div-block-5730 {
  justify-content: flex-start;
  align-items: center;
  width: 80px;
  display: flex;
}

.image-810 {
  width: 100%;
}

.div-block-5731 {
  justify-content: flex-start;
  align-items: center;
  width: 90px;
  display: flex;
}

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

.image-811 {
  width: 62px;
}

.div-block-5564-copy {
  border-left: 0 solid #eee;
  padding-left: 0;
  position: relative;
}

.div-block-5627-copy {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  white-space: nowrap;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1380px;
  padding-top: 30px;
  padding-bottom: 10px;
  font-family: Polysans Median, sans-serif;
  display: flex;
}

.div-block-5733 {
  color: #cacaca;
  white-space: nowrap;
  font-size: 11px;
  position: absolute;
  top: -25px;
}

.text-block-570 {
  position: absolute;
}

.text-block-571 {
  border-bottom: 1px solid #eee;
  padding-bottom: 20px;
}

.div-block-5566-copy {
  background-color: #fff;
  border-top: 1px solid #ebebeb;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-top: 25px;
  padding-bottom: 25px;
  font-size: 16px;
  display: flex;
}

.div-block-5566-copy.white {
  background-color: #fff;
  max-width: 1380px;
  position: relative;
}

.div-block-5566-copy.white.noborder {
  border-top-width: 0;
}

.div-block-5566-copy.white.right {
  border-top-width: 0;
  justify-content: flex-end;
}

.div-block-5566-copy.white.nb {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  white-space: nowrap;
  border-top-width: 0;
  justify-content: flex-start;
}

.div-block-5566-copy.transparent {
  max-width: 1380px;
  position: relative;
}

.div-block-5566-copy.transparent.noborder {
  border-top-width: 0;
}

.div-block-5566-copy.transparent.right {
  border-top-width: 0;
  justify-content: flex-end;
}

.div-block-5566-copy.studio {
  background-color: #fff0;
  border-top-width: 0;
}

.thecontent_custom {
  background-color: #2b2b2b0d;
  padding-left: 10px;
  padding-right: 10px;
  display: none;
}

.thecontent_custom.active {
  justify-content: flex-start;
  align-items: center;
  height: 800px;
  display: flex;
}

.div-block-5735 {
  background-color: #0000;
  padding-left: 10px;
  padding-right: 10px;
}

.thecontent-copy {
  background-color: #fff;
  border-radius: 3px;
  width: 340px;
  display: none;
}

.thecontent-copy.active {
  min-height: 600px;
  display: flex;
}

.thecontent-copy.custom {
  display: flex;
}

.thecontent-copy.custom.active {
  min-width: 340px;
  display: flex;
}

.thecontent-copy.desktop {
  aspect-ratio: 16 / 9;
  width: auto;
  height: 380px;
  display: none;
}

.thecontent-copy.desktop.active {
  display: flex;
}

.div-block-5566-copy-copy {
  background-color: #fff;
  border-top: 1px solid #ebebeb;
  border-bottom: 1px solid #f1f1f1;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-top: 20px;
  padding-bottom: 20px;
  font-size: 16px;
  display: flex;
}

.div-block-5566-copy-copy.hidden {
  display: none;
}

.brands_container {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  border-left: 0 solid #dfdfdf;
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-start;
  padding-left: 0;
  display: flex;
  position: relative;
}

.brands_container._100 {
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
}

.brands_container.hidden {
  display: none;
}

.div-block-5736 {
  padding: 6px 5px;
}

.item_url {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  color: #868686;
  white-space: nowrap;
  cursor: pointer;
  border: 1px solid #dbdbdb00;
  border-radius: 99px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
  min-height: 100%;
  padding: 0 5px 0 10px;
  font-family: Polysans Median, sans-serif;
  font-size: 12px;
  transition: all .5s;
  display: flex;
  overflow: hidden;
}

.item_url:hover {
  color: #303030;
}

.item_url.active {
  color: #353232;
  background-color: #fff;
  border-color: #c2c2c2;
}

.item_url.active:hover {
  color: #555;
}

.item_url.editorial.active {
  background-color: #d6f31f;
}

.item_url.brand.active {
  color: #f1f1f1;
  flex-flow: row;
}

.item_url.inverted {
  background-color: #353535;
  border-color: #353535;
}

.item_url.inverted:hover {
  color: #d3cfcf;
}

.item_url.inverted.active {
  color: #313131;
  background-color: #d7f320;
  border-color: #d7f320;
}

.item_url.inverted.active.light {
  width: 60px;
}

.item_url.inverted.active.second {
  background-color: #272527;
  width: 70px;
}

.item_url.inverted.active.partner_meta {
  color: #000;
  background-color: #25d366;
  border-color: #25d366;
}

.item_url.inverted.hidden {
  display: none;
}

.item_url.secondary {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #2e2e2e;
  background-color: #d7f320;
  border-color: #d7f320;
  width: 150px;
}

.item_url.secondary.partner_meta {
  color: #000;
  background-color: #25d366;
  border-color: #25d366;
}

.item_url.secondary.hidden, .item_url.hidden {
  display: none;
}

.item_url.search {
  cursor: text;
  padding-right: 30px;
  transition: all .6s;
}

.item_url.search.active {
  justify-content: flex-start;
  align-items: center;
  width: 200px;
}

.item_url.studio {
  border-color: #dbdbdb47;
}

.div-block-5736-copy {
  cursor: text;
  max-width: 450px;
  margin-right: 40px;
  padding: 6px 5px;
  font-family: Circularxxweb, sans-serif;
  font-weight: 400;
  overflow: hidden;
}

.div-block-5737 {
  color: #fff;
  cursor: pointer;
  background-color: #ccc;
  border: 0 solid #000;
  border-radius: 99px;
  padding: 6px 10px;
  font-size: 10px;
  line-height: 10px;
}

.div-block-5737:hover {
  background-color: #575757;
}

.div-block-5737.large {
  color: #5e5e5e;
  background-color: #fff0;
  border-width: 1px;
  border-color: #dfdfdf;
  justify-content: center;
  align-items: center;
  height: 25px;
  padding-left: 30px;
  padding-right: 30px;
  font-family: Circularxxweb, sans-serif;
  font-weight: 500;
  display: flex;
}

.div-block-5737.large.hidden {
  display: none;
}

.div-block-5737.larger {
  color: #5e5e5e;
  background-color: #fff0;
  border-width: 0;
  border-color: #dfdfdf;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 34px;
  padding-left: 30px;
  padding-right: 30px;
  font-family: Circularxxweb, sans-serif;
  font-weight: 500;
  display: flex;
}

.div-block-5737.larger.hidden {
  display: none;
}

.div-block-5738 {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: absolute;
  right: 10px;
}

.suggestions {
  z-index: 99;
  background-color: #fff;
  border: 1px solid #f1f1f1;
  width: 100%;
  max-width: 420px;
  height: 100%;
  padding: 20px;
  transition: all .35s;
  display: none;
  position: absolute;
  top: 0;
  right: -460px;
  box-shadow: -10px 2px 5px #0000000d;
}

.suggestions.active {
  flex-flow: column;
  display: flex;
  right: 0%;
  overflow: auto;
}

.div-block-5740 {
  border-bottom: 0 solid #f0f0f0;
  justify-content: space-between;
  align-items: center;
  font-family: Polysans Median, sans-serif;
  line-height: 14px;
  display: flex;
}

.div-block-5737-copy {
  color: #fff;
  cursor: pointer;
  background-color: #999;
  border: 0 solid #000;
  border-radius: 99px;
  padding: 7px 15px;
  font-family: Circularxxweb, sans-serif;
  font-size: 11px;
  font-weight: 500;
  line-height: 10px;
}

.div-block-5737-copy:hover {
  background-color: #575757;
}

.div-block-5741 {
  padding-top: 10px;
}

.div-block-5742 {
  cursor: pointer;
  border-bottom: 1px solid #e6e6e6;
  border-radius: 1px;
  justify-content: space-between;
  align-items: center;
  min-height: 40px;
  padding: 5px 6px;
  line-height: 16px;
  display: flex;
}

.div-block-5742:hover {
  background-color: #f5f5f5;
}

.text-field {
  color: #868686;
  background-color: #fff0;
  border: 0 solid #000;
  width: 70px;
  height: 16px;
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  font-family: Polysans Median, sans-serif;
  font-size: 12px;
}

.text-field.active {
  width: auto;
}

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

.form {
  width: 100%;
}

.brand {
  color: #6d6d6d;
  font-size: 12px;
}

.preview_container {
  z-index: 105;
  border: 0 solid #000;
  border-bottom: 1px solid #e2e2e2;
  border-radius: 0;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-height: 720px;
  padding: 60px 0 20px;
  display: flex;
  position: relative;
}

.preview_container.purple {
  z-index: 99;
  background-color: var(--purple);
  color: #f3f3f3;
  border-bottom-color: #c7c7c71f;
  min-height: 820px;
}

.preview_container.top {
  z-index: 108;
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  background-color: #fff;
  border-bottom-color: #e9e9e9;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  padding-right: 20px;
}

.preview_container.black {
  z-index: 99;
  color: #cec1b1;
  background-color: #040a18;
}

.preview_container.green {
  z-index: 99;
  background-color: var(--green);
  color: #131313;
  padding-bottom: 120px;
  overflow: hidden;
}

.preview_container.green.ns {
  border-bottom-width: 0;
  padding-bottom: 0;
}

.preview_container.green._12 {
  justify-content: flex-end;
  align-items: flex-start;
  min-height: auto;
  padding-top: 0;
  padding-bottom: 0;
}

.preview_container.green._12._1235 {
  border-bottom-width: 0;
}

.preview_container.green._12._1235.top {
  z-index: 199;
}

.preview_container.intro {
  color: #fff;
  background-color: #fff;
  justify-content: flex-start;
  align-items: center;
  min-height: 600px;
  padding-left: 40px;
  display: flex;
}

.preview_container.white {
  background-color: #fff;
}

.preview_container.yellow {
  z-index: 99;
  color: #141414;
  background-color: #d6f31f;
}

.preview_container.noheight {
  min-height: 450px;
}

.preview_container.intro-copy {
  color: #fff;
  background-color: #fff;
  justify-content: flex-start;
  align-items: center;
  max-width: 1380px;
  min-height: 900px;
  padding-bottom: 100px;
  padding-left: 40px;
  display: flex;
  overflow: hidden;
}

.preview_container.video {
  z-index: 120;
  color: #fff;
  background-color: #fff;
  border-top-width: 1px;
  border-top-color: #e7e7e7;
  border-bottom-width: 0;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 1380px;
  min-height: 500px;
  padding-top: 80px;
  padding-bottom: 100px;
  padding-left: 100px;
  transition: all .5s;
  display: flex;
}

.preview_container.video.is_playing {
  justify-content: center;
  align-items: center;
  min-height: 800px;
}

.preview_container.white-copy {
  background-color: #fff;
  padding-bottom: 60px;
}

.preview_container.smaller {
  min-height: 550px;
}

.preview_container.hidden {
  display: none;
}

.preview_container.captable {
  min-height: 600px;
}

.preview_container.nomin {
  border-bottom-width: 0;
  min-height: auto;
  padding-bottom: 0;
}

.preview_container.showacase12 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-color: #141028;
  border-bottom-width: 0;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  min-height: auto;
  padding: 60px 58px 58px;
}

.preview_container.white {
  z-index: 99;
  color: #e0e0e0;
  background-color: #fff0;
  border-bottom-width: 0;
  padding-bottom: 120px;
  overflow: hidden;
}

.preview_container.video-copy {
  z-index: 120;
  color: #fff;
  background-color: #fff;
  border-top-width: 1px;
  border-top-color: #e7e7e7;
  border-bottom-width: 0;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 1380px;
  min-height: 500px;
  padding-top: 80px;
  padding-bottom: 100px;
  padding-left: 100px;
  transition: all .5s;
  display: flex;
}

.preview_container.video-copy.is_playing {
  justify-content: center;
  align-items: center;
  min-height: 800px;
}

.preview_container.story_intro {
  z-index: 120;
  color: #fff;
  background-color: #fff;
  border-top-width: 1px;
  border-top-color: #e7e7e7;
  border-bottom-width: 0;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 1380px;
  min-height: 500px;
  padding: 80px 20px 80px 0;
  transition: all .5s;
  display: flex;
}

.preview_container.story_intro.is_playing {
  justify-content: center;
  align-items: center;
  min-height: 800px;
}

.preview_container.story_intro.spaced {
  padding-bottom: 250px;
}

.preview_container.noborder {
  border-bottom-width: 0;
}

.preview_container.nospaced {
  min-height: auto;
  padding-top: 0;
  padding-bottom: 0;
}

.preview_container.white_s {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-color: #f8f8f8;
  border-bottom-width: 0;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  min-height: auto;
  padding: 60px 58px 58px;
}

.preview_container.white_s-copy {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-color: var(--white);
  border-bottom-width: 0;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  min-height: auto;
  padding: 60px 58px 58px;
}

.preview_container.previews {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-bottom-width: 0;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  min-height: auto;
  padding: 0;
  transition: all .6s;
}

.preview_container.previews.inactive {
  opacity: 0;
}

.preview_container.horizontal {
  background-color: #fff;
  flex-flow: column;
}

.preview_container.spaced {
  padding-top: 100px;
  padding-bottom: 100px;
}

.preview_container.spaced.noline {
  background-color: #fff;
}

.preview_container.previews-copy {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #f8f5f5;
  border-bottom-width: 0;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  min-height: auto;
  padding: 40px 20px 0;
  transition: all .6s;
}

.preview_container.previews-copy.inactive {
  opacity: 0;
}

.preview_container.preview123 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #f8f5f5;
  border-bottom-width: 0;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  min-height: auto;
  padding: 40px;
  transition: all .6s;
}

.preview_container.preview123.inactive {
  opacity: 0;
}

.preview_container.black12 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #1d1d1d;
  border-bottom-width: 0;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  min-height: auto;
  padding: 120px 40px;
  transition: all .6s;
}

.preview_container.black12.inactive {
  opacity: 0;
}

.div-block-5743 {
  z-index: 10;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 0 0 100px;
  display: flex;
  position: relative;
}

.div-block-5743.centered {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  justify-content: flex-start;
  padding-top: 0;
  padding-bottom: 60px;
}

.div-block-5743.rev {
  padding-top: 25px;
}

.div-block-5743.studio {
  padding-top: 100px;
}

.div-block-5743._2 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  justify-content: flex-start;
  padding-bottom: 0;
}

.div-block-5743.rev-copy {
  flex-flow: column;
  padding-top: 25px;
  padding-bottom: 15px;
}

.div-block-5743.rev-copy-copy {
  z-index: 101;
  background-color: #fff;
  flex-flow: column;
  padding-top: 100px;
  padding-bottom: 15px;
}

.div-block-5743._2-copy {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  padding-bottom: 0;
}

.div-block-5743.rev-copy-copy-copy {
  z-index: 101;
  background-color: #fff;
  flex-flow: column;
  padding-top: 20px;
  padding-bottom: 15px;
}

.text-span-84 {
  color: #5200ff;
  font-weight: 900;
}

.div-block-5442 {
  justify-content: flex-start;
  align-items: center;
  height: 700px;
  display: flex;
}

.image-812 {
  width: 20px;
  min-width: 20px;
  transform: rotate(180deg);
}

.image-812.inv {
  opacity: .68;
  filter: invert();
  margin-left: -8px;
}

.additional_context {
  border-top: 0 solid #e0e0e0;
  width: 100%;
  margin-top: 10px;
  padding-top: 12px;
  padding-left: 60px;
  display: none;
}

.additional_context.is_active {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: column;
  padding-left: 35px;
  display: flex;
}

.thecontent_holder {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.thecontent_holder.spaced {
  padding-left: 60px;
}

.thecontent_holder.spaced.test2 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
}

.thecontent_holder.spaced-copy {
  width: 50%;
  padding-left: 60px;
}

.div-block-5308-copy {
  color: #e2e2e2ad;
  border-bottom: 0 solid #c0c0c02b;
  margin-top: 5px;
  margin-bottom: 10px;
  font-size: 20px;
  font-weight: 300;
  line-height: 34px;
  position: relative;
}

.div-block-5308-copy.dark {
  color: #181818d1;
  letter-spacing: 0;
  max-width: 460px;
  margin-top: 0;
  padding-top: 0;
  font-family: Polysans Median, sans-serif;
  font-size: 27px;
  font-weight: 400;
  line-height: 38px;
}

.div-block-5308-copy.dark.large {
  color: #030303d1;
  max-width: none;
  margin-bottom: 0;
  font-family: Polysans Neutral, sans-serif;
  font-size: 60px;
  line-height: 60px;
}

.div-block-5308-copy.dark.large.studio {
  color: #131313fa;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.div-block-5308-copy.dark.test {
  margin-bottom: 0;
}

.div-block-5323 {
  color: #cebfbf;
  border: 1px solid #c9c9c940;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  width: 45px;
  min-width: 45px;
  height: 45px;
  min-height: 45px;
  display: flex;
  position: static;
  left: -23px;
}

.div-block-5323.dark {
  color: #222;
  border-color: #27272740;
  font-weight: 500;
}

.div-block-5323.hidden {
  opacity: 0;
  color: #222;
  border-color: #27272740;
  font-weight: 500;
}

.div-block-5328-copy {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-right: 15px;
  display: flex;
  position: absolute;
  top: -6px;
  left: -101px;
}

.storyfeatures {
  border-left: 0 solid #cfcfcf3d;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  max-width: 400px;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  display: flex;
  position: absolute;
  left: 50px;
}

.storyfeatures.race {
  z-index: 28;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  justify-content: space-between;
  align-items: baseline;
  height: 100%;
  padding-top: 50px;
  padding-bottom: 30px;
  position: relative;
  top: 0;
  left: 0;
}

.storyfeatures.race.full {
  height: auto;
}

.storyfeatures.race-copy {
  z-index: 28;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  z-index: 28;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-width: 500px;
  max-width: 100%;
  height: 100%;
  padding-top: 50px;
  padding-bottom: 0;
  padding-right: 50px;
  position: relative;
  top: 0;
  left: 0;
}

.storyfeatures.race-copy.full {
  height: auto;
}

.div-block-5338 {
  opacity: .8;
  margin-left: 5px;
  display: flex;
}

.div-block-5338.inv {
  filter: invert();
}

.div-block-5490 {
  max-width: 380px;
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: 300;
  line-height: 27px;
  position: relative;
}

.div-block-5330 {
  background-color: #c2b9b933;
  width: 100%;
  min-width: 100%;
  height: 1px;
}

.div-block-5330.large {
  background-color: #c2b9b900;
  background-image: linear-gradient(to right, #c2b9b900, #c2b9b933 92%);
  width: 300px;
}

.div-block-5330.large.dark {
  background-color: #53535300;
  background-image: linear-gradient(to right, #c2b9b900, #4e464633 92%);
  width: 200px;
  min-width: 100%;
}

.div-block-5330.dark {
  background-color: #53535333;
  width: 150%;
  min-width: 150%;
}

.text-block-572 {
  border-bottom: 1px solid #ebebeb;
  padding-bottom: 17px;
}

.text-block-572.bb {
  border-bottom-color: #3adbb5;
}

.text-block-572.last {
  border-bottom-width: 0;
}

.colored-label {
  color: #242424;
  background-color: #c3fff7;
  border-radius: 12px;
  margin-bottom: 5px;
  padding: 4px 14px;
  font-size: 14px;
}

.colored-label.dark {
  color: #fff;
  background-color: #140e28;
}

.colored-label.dark.blue {
  color: var(--purple);
  background-color: #140e2800;
  border-radius: 1px;
  margin-bottom: 0;
  padding: 0;
  font-family: Polysans Median, sans-serif;
  font-size: 15px;
  font-weight: 500;
}

.colored-label.dark.blue.white {
  color: var(--white);
}

.colored-label.dark.blue.green {
  color: #e8e2ff;
}

.colored-label.dark.blue.gray {
  color: #383838;
}

.colored-label.dark.blue.green-copy {
  color: #191919;
}

.text-block-573 {
  font-family: GoogleMaterialicons, sans-serif;
}

.div-block-5491 {
  border: 1px solid var(--purple);
  background-color: var(--purple);
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  width: 7px;
  height: 7px;
  font-size: 12px;
  font-weight: 500;
  display: flex;
  position: absolute;
  top: 10px;
  left: -27px;
}

.div-block-5432 {
  border-bottom: 1px solid #e9e9e9;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 15px;
  padding-top: 5px;
  padding-bottom: 5px;
  font-weight: 300;
  display: flex;
}

.div-block-5379-copy {
  z-index: 5;
  background-color: #fffffff2;
  border-radius: 16px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 50px 40px;
  font-family: Circularxxweb, sans-serif;
  display: flex;
  position: relative;
  overflow: hidden;
}

.div-block-5379-copy.plot {
  z-index: 5;
  background-color: #fff0;
  border-radius: 0;
  flex-flow: column;
  justify-content: flex-start;
  max-width: 1380px;
  height: 0;
  padding: 0;
  transition: all .6s;
  display: flex;
  overflow: hidden;
}

.div-block-5379-copy.plot.active {
  border-bottom: 1px solid #f1f1f1;
  height: 740px;
}

.div-block-5379-copy.inventory {
  z-index: 5;
  background-color: #fff0;
  border-radius: 0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0;
  overflow: visible;
}

.div-block-5431 {
  color: #222;
  border-right: 0 solid #cecece;
  justify-content: flex-start;
  font-size: 12px;
  font-weight: 300;
  display: flex;
}

.div-block-5458 {
  background-color: #cfcfcf;
  width: 1px;
  min-width: 1px;
  height: 7px;
}

.div-block-5458._25 {
  position: absolute;
  left: 25%;
}

.div-block-5458.mid {
  position: absolute;
  left: 50%;
}

.div-block-5458._25-copy {
  position: absolute;
  left: 75%;
}

.div-block-5448 {
  align-items: center;
  width: 100%;
  margin-left: 10px;
  display: flex;
  position: relative;
}

.text-block-574 {
  justify-content: center;
  align-items: center;
}

.div-block-5452 {
  border: 1px solid #d6d6d6;
  border-width: 1px 0;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 350px;
  min-height: 350px;
  display: flex;
  position: relative;
}

.div-block-5452.rejected {
  min-height: 364px;
}

.div-block-5435 {
  flex-direction: column;
  width: 100%;
  height: 100%;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  position: relative;
}

.nodata {
  color: #afaeae;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  font-size: 16px;
  font-weight: 300;
  display: none;
  position: absolute;
}

.nodata.is_active {
  z-index: 50;
  color: #222;
  background-color: #f8f8f8;
  flex-direction: column;
  height: 100%;
  display: flex;
}

.div-block-5454 {
  background-color: silver;
  width: 1px;
  height: 100%;
}

.text-block-551 {
  color: #5c5c5c;
  margin-bottom: 10px;
}

.div-block-5455 {
  align-items: flex-start;
  display: flex;
}

.div-block-5438 {
  z-index: 5;
  height: 100%;
  position: relative;
  overflow: scroll;
}

.div-block-5438.lightscroll {
  align-items: center;
  width: 100%;
  padding-bottom: 0;
  padding-right: 50px;
  display: flex;
}

.div-block-5447 {
  background-color: #dfdfdf;
  width: 100%;
  min-width: 100%;
  height: 1px;
  position: relative;
  overflow: hidden;
}

.div-block-5456 {
  color: #5ca52e;
  position: absolute;
}

.div-block-5456.r {
  color: #c51818;
}

.div-block-5446 {
  letter-spacing: 0;
  font-family: Polysans Neutral, sans-serif;
  font-size: 12px;
  display: flex;
}

.div-block-5457 {
  color: #929292;
  font-size: 12px;
  font-weight: 300;
  position: absolute;
  top: -31.5px;
  left: 0;
}

.div-block-5457._2 {
  left: 49%;
}

.div-block-5457._3 {
  left: 97%;
}

.div-block-5449 {
  background-color: #b62525;
  width: 0%;
  height: 100%;
  position: absolute;
  left: 0%;
}

.div-block-5444 {
  color: #272727;
  letter-spacing: 1px;
  text-transform: none;
  white-space: nowrap;
  cursor: pointer;
  background-color: #fff0;
  border: 1px solid #dadada;
  border-radius: 99px;
  align-items: center;
  padding: 5px 20px;
  font-size: 10px;
  font-weight: 400;
  display: flex;
}

.div-block-5444:hover {
  color: #f0f0f0;
  background-color: #292929;
  border-color: #474646;
}

.div-block-5444.dark {
  color: #e5dff8;
  border-color: #a890f7;
}

.div-block-5444.dark:hover {
  background-color: #5200ff;
}

.image-826 {
  width: 20px;
  min-width: 20px;
}

.image-826.rev {
  height: 20px;
  min-height: 20px;
  transform: rotate(180deg);
}

.div-block-5451 {
  opacity: 0;
  width: 50px;
  height: 100%;
  transition: all .35s;
  position: absolute;
  left: -60px;
}

.div-block-5428 {
  flex-direction: column;
  width: 100%;
  height: 100%;
  padding-right: 0;
  display: flex;
  position: relative;
}

.div-block-5445 {
  font-family: GoogleMaterialicons, sans-serif;
  font-size: 15px;
}

.text-block-550 {
  letter-spacing: 1px;
  background-color: #fff;
  padding: 7px;
  font-size: 12px;
  transform: rotate(-90deg);
}

.div-block-5443 {
  align-items: center;
  width: 100%;
  min-height: 72px;
  margin-top: 0;
  padding-top: 0;
  padding-right: 20px;
  display: flex;
}

.div-block-5450 {
  z-index: 5;
  background-color: #fff;
  border: 2px solid #000;
  border-radius: 99px;
  width: 9px;
  min-width: 9px;
  height: 9px;
  min-height: 9px;
  position: absolute;
  left: 0;
}

.div-block-5630-copy {
  background-color: var(--white);
  border: 0 solid #eee;
  border-radius: 0;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.chapter_expand {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  white-space: nowrap;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.read__more {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  color: #474747;
  cursor: pointer;
  background-color: #f8f8f8;
  border: 1px solid #f1f1f1;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  height: 34px;
  padding: 0 15px;
  font-family: Polysans Median, sans-serif;
  font-size: 12px;
  display: flex;
}

.read__more:hover {
  color: #303030;
  background-color: #fff;
  border-color: #b1b1b1;
}

.read__more.active {
  color: #353232;
  background-color: #fff;
  border-color: #c2c2c2;
}

.read__more.active:hover {
  color: #555;
}

.read__more.editorial.active {
  background-color: #d6f31f;
}

.read__more.brand.active {
  color: #f1f1f1;
  flex-flow: row;
}

.read__more.inverted {
  background-color: #353535;
  border-color: #353535;
}

.read__more.inverted:hover {
  color: #d3cfcf;
}

.read__more.inverted.active {
  color: #313131;
  background-color: #d7f320;
  border-color: #d7f320;
}

.read__more.inverted.active.light {
  width: 60px;
}

.read__more.inverted.active.second {
  background-color: #272527;
  width: 70px;
}

.read__more.inverted.active.partner_meta {
  color: #000;
  background-color: #25d366;
  border-color: #25d366;
}

.read__more.inverted.hidden {
  display: none;
}

.read__more.secondary {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #2e2e2e;
  background-color: #d7f320;
  border-color: #d7f320;
  width: 150px;
}

.read__more.secondary.partner_meta {
  color: #000;
  background-color: #25d366;
  border-color: #25d366;
}

.read__more.secondary.hidden, .read__more.hidden {
  display: none;
}

.read__more.search {
  cursor: text;
  justify-content: flex-start;
  align-items: center;
  padding-right: 30px;
  transition: all .6s;
}

.read__more.search.active {
  justify-content: flex-start;
  align-items: center;
  width: 200px;
}

.theicon {
  font-family: GoogleMaterialicons, sans-serif;
}

.div-block-5746 {
  background-color: #ebebeb;
  width: 100%;
  height: 1px;
}

.expandable_chapter {
  width: 100%;
}

.the_main-copy {
  z-index: 105;
  border: 0 solid #000;
  border-bottom-color: #e2e2e2;
  border-radius: 0;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  position: relative;
}

.the_main-copy.purple {
  z-index: 99;
  background-color: var(--purple);
  color: #f3f3f3;
  border-bottom-color: #c7c7c71f;
  min-height: 820px;
}

.the_main-copy.top {
  z-index: 108;
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  background-color: #fff;
  border-bottom-color: #e9e9e9;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  padding-right: 20px;
}

.the_main-copy.black {
  z-index: 99;
  color: #eee6dd;
  background-color: #040a18;
}

.the_main-copy.green {
  z-index: 99;
  background-color: var(--green);
  color: #131313;
  padding-bottom: 120px;
  overflow: hidden;
}

.the_main-copy.green.ns {
  border-bottom-width: 0;
  padding-bottom: 0;
}

.the_main-copy.green._12 {
  justify-content: flex-end;
  align-items: flex-start;
  min-height: auto;
  padding-top: 0;
  padding-bottom: 0;
}

.the_main-copy.green._12._1235 {
  border-bottom-width: 0;
}

.the_main-copy.green._12._1235.top {
  z-index: 199;
}

.the_main-copy.intro {
  color: #fff;
  background-color: #fff;
  justify-content: flex-start;
  align-items: center;
  min-height: 600px;
  padding-left: 40px;
  display: flex;
}

.the_main-copy.white {
  background-color: #fff;
}

.the_main-copy.yellow {
  z-index: 99;
  color: #141414;
  background-color: #d6f31f;
}

.the_main-copy.noheight {
  min-height: 450px;
}

.the_main-copy.intro-copy {
  color: #fff;
  background-color: #fff;
  justify-content: flex-start;
  align-items: center;
  max-width: 1380px;
  min-height: 900px;
  padding-bottom: 100px;
  padding-left: 40px;
  display: flex;
  overflow: hidden;
}

.the_main-copy.video {
  z-index: 120;
  color: #fff;
  background-color: #fff;
  border-top-width: 1px;
  border-top-color: #e7e7e7;
  border-bottom-width: 0;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 1380px;
  min-height: 500px;
  padding-top: 80px;
  padding-bottom: 100px;
  padding-left: 100px;
  transition: all .5s;
  display: flex;
}

.the_main-copy.video.is_playing {
  justify-content: center;
  align-items: center;
  min-height: 800px;
}

.the_main-copy.white-copy {
  background-color: #fff;
  padding-bottom: 60px;
}

.the_main-copy.smaller {
  min-height: 550px;
}

.the_main-copy.hidden {
  display: none;
}

.the_main-copy.captable {
  min-height: 600px;
}

.the_main-copy.nomin {
  border-bottom-width: 0;
  min-height: auto;
  padding-bottom: 0;
}

.the_main-copy.showacase12 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-color: #141028;
  border-bottom-width: 0;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  min-height: auto;
  padding: 60px 58px 58px;
}

.the_main-copy.white {
  z-index: 99;
  color: #e0e0e0;
  background-color: #fff0;
  border-bottom-width: 0;
  padding-bottom: 120px;
  overflow: hidden;
}

.the_main-copy.video-copy {
  z-index: 120;
  color: #fff;
  background-color: #fff;
  border-top-width: 1px;
  border-top-color: #e7e7e7;
  border-bottom-width: 0;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 1380px;
  min-height: 500px;
  padding-top: 80px;
  padding-bottom: 100px;
  padding-left: 100px;
  transition: all .5s;
  display: flex;
}

.the_main-copy.video-copy.is_playing {
  justify-content: center;
  align-items: center;
  min-height: 800px;
}

.the_main-copy.story_intro {
  z-index: 120;
  color: #fff;
  background-color: #fff;
  border-top-width: 1px;
  border-top-color: #e7e7e7;
  border-bottom-width: 0;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 1380px;
  min-height: 500px;
  padding: 80px 20px 80px 0;
  transition: all .5s;
  display: flex;
}

.the_main-copy.story_intro.is_playing {
  justify-content: center;
  align-items: center;
  min-height: 800px;
}

.the_main-copy.story_intro.spaced {
  padding-bottom: 250px;
}

.the_main-copy.noborder {
  border-bottom-width: 0;
}

.the_main-copy.nospaced {
  min-height: auto;
  padding-top: 0;
  padding-bottom: 0;
}

.the_main-copy.white_s {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-color: #f8f8f8;
  border-bottom-width: 0;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  min-height: auto;
  padding: 60px 58px 58px;
}

.the_main-copy.white_s-copy {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-color: var(--white);
  border-bottom-width: 0;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  min-height: auto;
  padding: 60px 58px 58px;
}

.the_main-copy.previews {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-bottom-width: 0;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  min-height: auto;
  padding: 0;
  transition: all .6s;
}

.the_main-copy.previews.inactive {
  opacity: 0;
}

.the_main-copy.horizontal {
  background-color: #fff;
  flex-flow: column;
}

.the_main-copy.spaced {
  padding-top: 100px;
  padding-bottom: 100px;
}

.the_main-copy.spaced.noline {
  background-color: #fff;
}

.the_main-copy.noline {
  border-bottom-width: 0;
}

.ai_input {
  color: #000;
  border: 1px solid #dadada;
  border-radius: 6px;
  height: 46px;
  margin-bottom: 0;
  padding-left: 12px;
  font-size: 15px;
  font-weight: 300;
  position: relative;
  box-shadow: 0 0 6px #0000000a;
}

.ai_input:hover {
  background-color: #fafaf0;
  border-color: #a7afcf;
}

.ai_input:focus {
  color: #242424;
  background-color: #fafaf0;
  border-style: solid;
  border-color: #6f9edd;
  box-shadow: -1px 1px 8px #c0c2a51a;
}

.ai_input::placeholder {
  color: #2c2c2c;
}

.ai_input.t {
  background-color: #fff0;
}

.ai_input.t.dark {
  background-color: #e9e9e50d;
  border-color: #52525247;
}

.ai_input.t.dark::placeholder {
  color: #8f8b8b;
}

.dropdown_menu {
  color: #727272;
  cursor: pointer;
  border: 1px solid #dadada;
  border-radius: 6px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 52px;
  min-height: 52px;
  padding-left: 12px;
  padding-right: 5px;
  font-size: 13px;
  font-weight: 300;
  display: flex;
  position: relative;
}

.dropdown_menu:hover {
  color: #252525;
  background-color: #fafaf0;
}

.dropdown_menu.rounded1 {
  color: #3d3d3d;
  background-color: #fff0;
  border-width: 1px;
  border-color: #e2e2e2;
  border-radius: 99px;
  justify-content: flex-start;
  width: 100%;
  height: 44px;
  min-height: 44px;
  padding-left: 25px;
  padding-right: 5px;
  font-size: 12px;
  font-weight: 700;
}

.dropdown_menu.rounded1:hover {
  border-color: #a7afcf;
}

.dropdown_menu.rounded1.light {
  background-color: #fff0;
  border-radius: 6px;
  height: 46px;
  min-height: 46px;
  padding-left: 12px;
  box-shadow: 0 0 #0003;
}

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

.settings_container.small.grid {
  grid-column-gap: 10px;
  grid-row-gap: 0px;
  flex-flow: wrap;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  display: flex;
}

.settings_container.small.grid.a {
  grid-column-gap: 5px;
  padding: 10px 28px 10px 30px;
}

.slider_bar {
  -webkit-text-stroke-color: #000;
  background-color: #000;
  width: 100%;
  height: 2px;
  position: relative;
  left: -32%;
}

.slider_bar.max {
  width: 50%;
  left: 30%;
}

.div-block-3203-copy-2 {
  color: #3a3a3a;
  letter-spacing: .5px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-bottom: 4px;
  font-size: 11px;
  font-weight: 400;
  display: flex;
  position: relative;
}

.form-block-10 {
  width: 100%;
}

.form-block-10._500 {
  flex-flow: column;
  min-width: 500px;
  height: 100%;
  margin-bottom: 0;
  display: flex;
}

.add_new_tag {
  color: #383838;
  cursor: pointer;
  background-color: #f1f1f1;
  border: 1px solid #bdbdbd;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  margin-right: 5px;
  padding: 6px 20px;
  font-size: 12px;
  font-weight: 300;
  display: none;
}

.add_new_tag:hover {
  background-color: #fff;
  border: 1px solid #a5a5a5;
}

.div-block-4451 {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 6px;
  display: flex;
}

.form-11 {
  flex-flow: column;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  display: flex;
}

.input_context {
  color: #a7a7a7;
  margin-top: 5px;
  font-size: 11px;
}

.input_context.dark {
  color: #7e7e7eb8;
}

.div-block-4462-copy {
  z-index: 5;
  background-color: #fff;
  border: 2px solid #000;
  border-radius: 99px;
  width: 20px;
  height: 20px;
  position: absolute;
  bottom: 27px;
  left: 65%;
}

.div-block-4462-copy._2 {
  left: 29%;
}

.div-block-4462-copy._1 {
  left: 79%;
}

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

.form_container_ai {
  color: #444;
  flex-flow: wrap;
  align-items: center;
  margin-bottom: 0;
  font-size: 13px;
  font-weight: 500;
  line-height: 21px;
  display: flex;
  position: relative;
}

.form_container_ai.iseditable {
  transition: all .2s;
}

.form_container_ai.iseditable:hover {
  background-color: #fafaf0;
}

.form_container_ai.iseditable:focus {
  background-color: #fafaf0;
  border: 1px solid #ececec;
  padding: 5px;
}

.form_container_ai.dark {
  color: #a1a1a1;
}

.exp_panel {
  z-index: 999;
  background-color: #fff;
  border: 1px solid #dadada80;
  border-radius: 6px;
  flex-direction: column;
  width: 100%;
  min-height: 40px;
  margin-top: 5px;
  font-weight: 300;
  display: none;
  position: absolute;
  top: 46.5px;
  left: 0;
  overflow: auto;
  box-shadow: -1px 0 3px -2px #0000001a;
}

.exp_panel.lightscroll {
  z-index: 999;
  max-height: 400px;
  display: none;
}

.exp_panel.lightscroll.active {
  display: flex;
}

.slider_container {
  z-index: 5;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 20px 0 10px;
  display: flex;
  position: relative;
}

.form_container_input-2 {
  align-items: center;
  width: 100%;
  font-weight: 300;
  display: flex;
  position: relative;
}

.slider_value {
  border-top: 0 solid #dbdbdb;
  font-size: 11px;
}

.slider_value.small {
  color: #645e5e;
  font-size: 4px;
}

.slider_value.ai {
  color: #f3e9e9;
  background-color: #494949;
  border-radius: 3px;
  padding: 2px 14px;
  font-size: 12px;
  font-weight: 400;
}

.slider_value.ai-copy-copy {
  color: #f3e9e9;
  background-color: #181818;
  border-radius: 3px;
  padding: 2px 14px;
  font-size: 12px;
  font-weight: 400;
}

.slider_value.ai-copy {
  color: #070707;
  background-color: #fff0;
  border-radius: 3px;
  margin-right: 5px;
  padding: 2px 14px;
  font-size: 12px;
  font-weight: 400;
}

.slider_label {
  color: #414141;
  border-bottom: 1px dashed #0000;
  align-items: center;
  padding-top: 1px;
  padding-bottom: 1px;
  display: flex;
}

.slider_label.ai {
  color: #444;
  font-size: 13px;
  font-weight: 500;
  line-height: 21px;
}

.div-block-4461 {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 6px;
  display: flex;
}

.dropdown_indicator {
  display: none;
}

.dropdown_indicator.active {
  padding-right: 10px;
  display: flex;
}

.div-block-4067 {
  height: 100%;
  padding: 37px;
}

.slider_progress_bar-2 {
  width: 100%;
  height: 2px;
  position: absolute;
  top: -17px;
  overflow: hidden;
}

.slider_progress_bar-2.a {
  background-color: #e6e6e6;
}

.div-block-4452 {
  min-height: 46px;
  transition: all .3s;
}

.generate_content {
  color: #fff;
  cursor: pointer;
  background-color: #c4c7cf;
  border: 1px solid #c4c7cf;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  margin-left: 2px;
  margin-right: 2px;
  padding: 12px 30px;
  font-size: 12px;
  font-weight: 500;
  transition: all .2s;
  display: flex;
}

.generate_content:hover {
  color: #413d3d;
  background-color: #fff;
  border-color: #414142;
}

.generate_content.is_active {
  background-color: var(--purple);
  color: #fff;
  border-color: #1654ff;
  border-radius: 6px;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
  padding-top: 14px;
  padding-bottom: 14px;
  font-family: Polysans Median, sans-serif;
}

.generate_content.is_active:hover {
  background-color: #181818;
  border-color: #181818;
}

.generate_content.is_active:active {
  color: #161616;
  background-color: #fff;
}

.generate_content.is_active.grey {
  background-color: #bdbdbd;
  border-color: #c4c4c4;
}

.generate_content.is_active.dark {
  color: #f3f3f3;
  background-color: #535353;
  border-width: 0;
  border-color: #000;
}

.dropdown_item_2 {
  color: #333;
  cursor: pointer;
  border-bottom: 1px solid #f5f5f5;
  border-radius: 3px;
  justify-content: flex-start;
  align-items: center;
  max-width: 100%;
  height: 48px;
  min-height: 48px;
  padding-left: 15px;
  font-size: 12px;
  font-weight: 500;
  display: flex;
  overflow: hidden;
}

.dropdown_item_2:hover {
  background-color: #eee;
}

.slidervalues-2 {
  z-index: 4;
  opacity: 1;
  color: #c2c2c2;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-top: 5px;
  font-size: 11px;
  display: flex;
  position: relative;
}

.dropdown_value {
  color: #252525;
  white-space: nowrap;
  background-color: #fff;
  border: 1px solid #f8f8f8;
  border-radius: 99px;
  margin-right: 5px;
  padding: 0 15px;
  font-size: 9px;
  font-weight: 300;
  display: none;
  position: static;
  top: -12px;
  left: 11px;
}

.dropdown_value.rounded2 {
  color: #fff;
  text-transform: capitalize;
  background-color: #494949;
  border-color: #494949;
  border-radius: 3px;
  margin-right: 2px;
  padding-left: 12px;
  padding-right: 12px;
  font-size: 10px;
  font-weight: 500;
  line-height: 20px;
  display: flex;
}

.dropdown_value.rounded {
  color: #363636;
  text-transform: capitalize;
  background-color: #555;
  border-color: #e6e6e6cc;
  margin-right: 2px;
  padding-left: 12px;
  padding-right: 12px;
  font-size: 10px;
  font-weight: 500;
  display: flex;
}

.dropdown_value.rounded.blue {
  color: #1654ff;
  border-color: #e6e6e600;
}

.dropdown_value.rounded1 {
  color: #fff;
  background-color: #555;
  border-color: #555;
  font-weight: 500;
  display: flex;
}

.ai_settings_slider {
  z-index: 2;
  border-bottom: 1px solid #b8b8b81a;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  margin-top: 0;
  margin-left: 0;
  padding-bottom: 10px;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  position: relative;
}

.ai_settings_slider.ai {
  border-bottom-width: 0;
  padding-bottom: 15px;
}

.image-609 {
  opacity: .6;
  width: 16px;
  min-width: 16px;
}

.create_standard {
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  margin-bottom: 25px;
  display: flex;
  position: relative;
}

.textarea-6 {
  border: 1px solid #dadada;
  border-radius: 6px;
  min-height: 160px;
  margin-bottom: 0;
  font-size: 15px;
  font-weight: 300;
  line-height: 26px;
  transition: all .35s;
}

.textarea-6:hover {
  background-color: #fafaf0;
}

.textarea-6:focus {
  background-color: #fafaf0;
  border-color: #6f9edd;
  box-shadow: -1px 1px 8px #c0c2a51a;
}

.textarea-6::placeholder {
  color: #2c2c2c;
}

.textarea-6.lightscroll {
  box-shadow: 0 0 6px #0000000a;
}

.textarea-6.lightscroll.t {
  background-color: #fff0;
}

.textarea-6.lightscroll.t.highlighted {
  z-index: 5;
  background-color: #fff0;
  border-color: #5200ff;
  min-height: 200px;
  position: relative;
}

.textarea-6.lightscroll.t.highlighted.dark {
  background-color: #e9e9e50d;
  border-color: #52525247;
}

.textarea-6.lightscroll.t.highlighted.dark::placeholder {
  color: #8f8b8b;
}

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

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

.create_dropdown.w50 {
  width: 49%;
}

.create_dropdown.w50.h {
  display: none;
}

.create_standard_large {
  width: 100%;
  margin-bottom: 25px;
}

.create_standard_large.dark {
  color: #b9b9b9;
}

.dropdown_input {
  color: #363636;
  width: 100%;
  margin-right: 10px;
}

.dropdown_input.rounded {
  margin-right: 8px;
}

.el_container {
  background-color: #fff;
  border: 1px solid #fdeeee;
  border-radius: 12px;
  width: 100%;
  max-width: 750px;
  height: 100%;
}

.el_container.nooverflow {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  overflow: hidden;
}

.div-block-5750 {
  width: 100%;
}

.div-block-5751 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  white-space: nowrap;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.div-block-5752 {
  background-color: #ebebeb;
  width: 100%;
  height: 1px;
}

.text-block-575 {
  line-height: 11px;
}

.hh1-copy {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  color: var(--purple);
  border-bottom: 0 solid #f3f3f3;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-bottom: 10px;
  padding-left: 10px;
  font-family: Polysans Median, sans-serif;
  font-size: 15px;
  display: flex;
}

.text-block-576 {
  color: var(--purple);
  font-size: 11px;
  line-height: 11px;
}

.div-block-3207-copy {
  background-color: #fff;
  border: 1px solid #5200ff;
  border-radius: 99px;
  width: 11px;
  height: 11px;
  position: absolute;
  top: 24px;
  bottom: auto;
  left: -66px;
}

.div-block-3207-copy.v2 {
  background-color: #5200ff;
  border-color: #ececec;
}

.div-block-3207-copy.black {
  background-color: #040a17;
  border-color: #aaa;
  justify-content: center;
  align-items: center;
  font-size: 9px;
  display: flex;
}

.div-block-3207-copy.black-copy {
  background-color: #292929;
  border-color: #aaa;
}

.div-block-3207-copy.v2-copy {
  background-color: #515152;
  border-color: #ececec;
}

.div-block-3207-copy.black-copy {
  color: #d6d1d1;
  background-color: #1b1b1d;
  border-color: #616164;
  justify-content: center;
  align-items: center;
  width: 21px;
  height: 21px;
  font-size: 9px;
  display: flex;
  top: 16px;
  left: -11px;
}

.div-block-3207-copy.is_bullet {
  background-color: #292929;
  border-color: #aaa;
}

.div-block-3207-copy._5black-copy-copy {
  color: #d6d1d1;
  background-color: #686868;
  border-width: 0;
  border-color: #616164;
  border-radius: 0;
  justify-content: center;
  align-items: center;
  width: 1px;
  height: 100%;
  font-size: 9px;
  display: flex;
  top: 0;
  left: 0;
}

.div-block-3207-copy.green {
  z-index: 30;
  background-color: #3cffd0;
  border-color: #26967b;
}

.div-block-3207-copy.green._2 {
  left: -66px;
}

.div-block-3207-copy.green._2-copy {
  background-color: #fff;
  border-top-color: #97a8a4;
  left: -66px;
}

.div-block-3207-copy.green._222 {
  top: 37px;
}

.div-block-3207-copy._2 {
  top: 5px;
  left: -74px;
}

.div-block-5753 {
  border-radius: 12px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 950px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.div-block-5753.gray {
  background-color: #f5f6f6;
  height: auto;
}

.div-block-5753.transparent {
  background-color: #fff;
  border: 1px solid #ececec;
  max-width: 780px;
  height: auto;
}

.div-block-5753.ideation {
  height: 1000px;
}

.div-block-5753.gray-copy {
  background-color: #f6f6f700;
  border-radius: 0;
  height: auto;
  overflow: visible;
}

.div-block-5753.gray-copy.a {
  width: auto;
}

.div-block-5753.gray-copy-copy {
  background-color: #f6f6f700;
  border-radius: 0;
  justify-content: flex-end;
  align-items: center;
  width: auto;
  max-width: 50%;
  height: auto;
  display: flex;
  overflow: visible;
}

.div-block-5753.aidrive {
  z-index: 10;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  max-width: 750px;
  height: auto;
  padding-top: 100px;
  display: flex;
}

.div-block-5753.studio {
  z-index: 10;
  background-color: #f8f8f8;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  max-width: 750px;
  height: auto;
  padding-top: 100px;
  display: flex;
}

.div-block-5753._2 {
  z-index: 10;
  background-color: #f8f8f8;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  max-width: 750px;
  height: auto;
  padding: 23px;
  display: flex;
}

.div-block-5753._2.studio {
  padding: 40px 100px 40px 50px;
}

.div-block-5753._2.studio._33, .div-block-5753._2.studio.b, .div-block-5753._2.studio.g {
  border: 0 solid #ebebeb;
}

.head_12 {
  z-index: 100;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #030408;
  border: 0 solid #e5e4e4;
  border-bottom-color: #ececec;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  padding: 6px 20px 6px 0;
  font-size: 27px;
  line-height: 27px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.head_12.green {
  border-bottom-color: #37e2b9;
}

.div-block-5754 {
  font-family: Polysans Median, sans-serif;
  font-size: 22px;
  line-height: 27px;
}

._23div-block-12-copy {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  border-bottom: 1px solid #eee;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 520px;
  padding-bottom: 30px;
  display: flex;
}

.div-block-5414 {
  background-color: #fff;
  border: 0 solid #e7e7e7;
  border-radius: 6px;
  margin-bottom: 10px;
}

.div-block-3129 {
  color: #0a0a0a;
  background-color: #f1f1f1;
  border: 0 solid #ececec;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  height: 30px;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 10px;
  font-weight: 500;
  display: flex;
  position: absolute;
  top: 9px;
  left: 9px;
  box-shadow: 0 0 2px #0000000f;
}

.form-block-11 {
  width: 100%;
}

.form-block-11._500 {
  height: auto;
}

.div-block-5755 {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 6px;
  display: flex;
}

.form-12 {
  align-items: flex-start;
  height: 100%;
  display: flex;
}

.div-block-5408 {
  height: 100%;
}

.div-block-5407 {
  cursor: pointer;
  border-left: 0 solid #7a7a7a26;
  justify-content: center;
  align-items: center;
  min-width: 66px;
  height: 100%;
  padding: 10px 21px;
  font-family: GoogleMaterialicons, sans-serif;
  font-size: 15px;
  display: flex;
}

.div-block-5406 {
  color: #080808;
  background-color: #f1f1f1;
  border: 0 solid #000;
  border-radius: 6px;
  justify-content: space-between;
  align-items: center;
  min-height: 71px;
  margin-bottom: 10px;
  padding-left: 15px;
  padding-right: 15px;
  font-size: 15px;
  font-weight: 700;
  display: flex;
}

.div-block-5406.flat {
  border-width: 1px 1px 0;
  border-color: #e7e7e7;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  margin-bottom: 0;
  padding-right: 20px;
}

.div-block-5406.flat.light {
  background-color: #f8f8f8;
  border-bottom-width: 1px;
  border-bottom-color: #f1f1f1;
}

.div-block-5406.flat.light._2 {
  border-width: 0;
  border-color: #000;
  border-radius: 6px;
  align-items: center;
  height: 60px;
  min-height: 60px;
  margin-bottom: 10px;
  padding-right: 0;
}

.div-block-5406.flat.light._2.active {
  border-width: 0;
  height: 60px;
  min-height: 60px;
}

.div-block-5406.flat.light._2._4, .div-block-5406.flat.light._2._3 {
  opacity: 1;
}

.div-block-4057 {
  flex-direction: column;
  align-items: flex-start;
  margin-top: 0;
  display: flex;
}

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

.div-block-3832 {
  cursor: pointer;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding-left: 8px;
  padding-right: 8px;
  font-family: GoogleMaterialicons, sans-serif;
  display: flex;
}

.div-block-3832:hover {
  color: #f01818;
  background-color: #d8d8d8;
}

.geo_result {
  cursor: auto;
  background-color: #f5f5f5;
  border: 1px solid #eee9e9;
  border-radius: 6px;
  justify-content: space-between;
  align-items: center;
  height: 35px;
  min-height: 35px;
  margin-bottom: 10px;
  margin-right: 10px;
  padding: 0 0 0 15px;
  display: flex;
}

.regular_budget {
  color: #000;
  background-color: #fafaf000;
  border: 1px solid #dadada;
  border-radius: 6px;
  height: 46px;
  margin-bottom: 0;
  padding-left: 57px;
  font-size: 15px;
  font-weight: 300;
  position: relative;
  box-shadow: 0 0 6px #0000000a;
}

.regular_budget:hover {
  background-color: #fafaf0;
  border-color: #a7afcf;
}

.regular_budget:focus {
  color: #242424;
  background-color: #fafaf0;
  border-style: solid;
  border-color: #6f9edd;
  box-shadow: -1px 1px 8px #c0c2a51a;
}

.regular_budget::placeholder {
  color: #2c2c2c;
}

.div-block-5486 {
  width: 70%;
  padding-top: 0;
  padding-right: 35px;
}

.div-block-5404 {
  padding-top: 12px;
}

.div-block-5410 {
  color: #363636;
  border: 1px solid #6b6b6b;
  border-radius: 99px;
  margin-left: 10px;
  padding: 2px 10px;
  font-size: 11px;
  font-weight: 500;
  line-height: 20px;
}

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

.div-block-4061 {
  flex-direction: column;
  width: 100%;
  padding-top: 15px;
  display: none;
}

.create_standard-2 {
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  margin-bottom: 25px;
  display: flex;
}

.create_standard-2._50 {
  width: 49%;
}

.div-block-3833 {
  color: #424242;
  margin-right: 15px;
  font-size: 12px;
  font-weight: 500;
}

.div-block-4060 {
  grid-column-gap: 10px;
  flex-flow: wrap;
  justify-content: flex-start;
  width: 100%;
  display: flex;
}

.div-block-5411 {
  color: #575757;
}

.div-block-5756 {
  z-index: 2;
  background-color: #fcfcfc;
  border-top: 1px solid #e9e9e9;
  border-radius: 0 0 6px 6px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 46px;
  padding-left: 14px;
  padding-right: 14px;
  display: flex;
  position: absolute;
  bottom: 0;
}

.div-block-5756.dark {
  z-index: 1;
  background-color: #38383847;
  border-top-color: #53535369;
}

.image-827 {
  width: 13px;
}

.image-827.dark {
  opacity: .74;
  filter: invert();
}

.div-block-5757 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.div-block-5758 {
  color: #9b2525;
  background-color: #fdf1f1;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  font-family: GoogleMaterialicons, sans-serif;
  font-size: 10px;
  display: flex;
}

.div-block-5758.dark {
  color: #cecece;
  background-color: #5f5e5e;
}

.div-block-5759 {
  border: 1px solid #e2e2e2;
  border-radius: 99px;
  justify-content: flex-start;
  align-items: center;
  padding: 2px 2px 2px 10px;
  display: flex;
}

.div-block-5759.dark {
  color: #b8b4b4;
  border-color: #5e5e5ecf;
}

.div-block-5760 {
  padding-right: 10px;
  font-family: Circularxxweb, sans-serif;
  font-size: 10px;
  font-weight: 500;
}

.div-block-5758-copy {
  color: #555252;
  background-color: #f1f1f1;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  font-family: GoogleMaterialicons, sans-serif;
  font-size: 10px;
  display: flex;
}

.div-block-5761 {
  width: 100%;
  height: 80%;
  padding-top: 0;
  position: relative;
}

.branch_contextual_menu {
  z-index: 9999;
  pointer-events: auto;
  mix-blend-mode: normal;
  background-color: #f6f6f733;
  width: 100%;
  height: 780px;
  position: absolute;
  top: -11px;
  left: 99px;
}

.div-block-5223 {
  background-color: #fff;
  border: 1px solid #d8d8d8;
  border-radius: 6px;
  position: absolute;
  top: 425px;
  left: 659px;
  overflow: hidden;
  box-shadow: 0 0 10px #0000000f;
}

.div-block-5223._2 {
  border-color: #ffffff2e;
  top: 277px;
  left: auto;
  right: 103px;
}

.div-block-5224 {
  color: #303030;
  cursor: pointer;
  border-bottom: 1px solid #e2e2e2;
  justify-content: flex-start;
  align-items: center;
  padding: 7px 60px 7px 5px;
  font-size: 15px;
  font-weight: 300;
  display: flex;
}

.div-block-5224:hover {
  background-color: #f5f5eb;
}

.div-block-5224.last {
  border-bottom-width: 0;
}

.div-block-5217 {
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  font-family: GoogleMaterialicons, sans-serif;
  display: flex;
}

.div-block-5225 {
  margin-left: 5px;
}

.div-block-5743-copy.bottom {
  padding-top: 0;
}

.div-block-5743-copy.bottom.spaced {
  padding-top: 100px;
  padding-bottom: 60px;
}

.div-block-5566-copy-copy-copy {
  background-color: #fff;
  border-top: 0 solid #ebebeb;
  border-bottom: 1px solid #f1f1f1;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-top: 20px;
  padding-bottom: 20px;
  font-size: 16px;
  display: flex;
}

.div-block-5762 {
  border-radius: 12px;
  position: relative;
}

.div-block-5762.overflow {
  background-color: #f6f6f700;
  border: 0 solid #eee;
  overflow: visible;
}

.div-block-5763 {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 20%;
  padding: 32px;
  display: flex;
}

.div-block-5226 {
  cursor: pointer;
  background-color: #f1f1f1;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  padding: 6px 15px;
  display: flex;
}

.div-block-5218 {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.div-block-5226-copy {
  white-space: nowrap;
  cursor: pointer;
  background-color: #f1f1f1;
  border-radius: 6px;
  align-items: center;
  margin-right: 6px;
  padding: 6px 15px 6px 16px;
  font-size: 13px;
  font-weight: 300;
  display: flex;
}

.div-block-5226-copy:hover {
  color: #fff;
  background-color: #444;
}

.text-field-7 {
  background-color: #fff0;
  border: 0 solid #000;
  height: 42px;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  font-size: 17px;
}

.text-field-7::placeholder {
  color: #575757;
  font-size: 17px;
  font-weight: 300;
}

.div-block-5228 {
  border-top: 1px solid #e0e0e0;
  width: 100%;
  margin-top: 10px;
  padding-top: 15px;
  padding-bottom: 5px;
}

.div-block-5228.active {
  display: flex;
}

.div-block-5764 {
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  font-family: GoogleMaterialicons, sans-serif;
  display: flex;
}

.div-block-5764.small {
  width: 16px;
  padding-left: 3px;
  font-size: 15px;
}

.attachment_unit {
  color: #1d1d1d;
  cursor: pointer;
  background-color: #f8f8f8;
  border: 1px solid #f1f1f1;
  border-radius: 99px;
  justify-content: flex-start;
  align-items: center;
  padding: 6px 6px 6px 15px;
  font-size: 12px;
  font-weight: 500;
  display: flex;
}

.attachment_unit:hover {
  background-color: #fff;
  border-color: #979797;
}

.div-block-5219 {
  width: 100%;
  height: 100%;
  font-size: 17px;
  font-weight: 300;
}

.div-block-5216 {
  z-index: 10;
  cursor: text;
  background-color: #fff;
  border: 1px solid #d8d8d8;
  border-radius: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 770px;
  padding: 10px 15px;
  transition: all .55s;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: -1px -2px 13px #0000000a;
}

.div-block-5216:hover {
  border-color: #9e9e9e;
}

.div-block-5216.active {
  bottom: 40px;
}

.div-block-5233 {
  color: #000;
  background-color: #fff;
  border-radius: 3px;
  margin-left: 22px;
  padding-left: 12px;
  padding-right: 12px;
  font-size: 10px;
  font-weight: 500;
}

.div-block-5227 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.form-block-16 {
  background-color: #0000;
  height: 100%;
  margin-bottom: 0;
}

._1div-block-5217-copy {
  background-color: #4141411a;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 22px;
  margin-left: 15px;
  font-family: GoogleMaterialicons, sans-serif;
  display: flex;
}

._1div-block-5217-copy:hover {
  color: #fff;
  background-color: #303030;
}

.div-block-5229 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.div-block-5232 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-5230 {
  background-image: linear-gradient(90deg, #00f 2%, red 95%);
  border-radius: 6px;
  width: 133px;
  height: 6px;
  display: flex;
  position: relative;
}

.div-block-5231 {
  font-size: 12px;
  font-weight: 300;
  line-height: 12px;
  position: absolute;
  bottom: -24px;
  left: 0;
}

.div-block-5231._2 {
  left: auto;
  right: -41px;
}

.div-block-5765 {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 15px 0 24px;
  display: flex;
}

.control_native {
  white-space: nowrap;
  cursor: pointer;
  border: 1px solid #e4e4e4;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  height: 25px;
  margin-left: 5px;
  margin-right: 0;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 10px;
  font-weight: 500;
  display: flex;
  position: relative;
}

.control_native:hover {
  color: #f1eaea;
  background-color: #030303;
  border-color: #030303;
}

.control_native.large {
  z-index: 100;
  height: 36px;
  padding: 6px 35px;
  font-size: 11px;
  position: static;
  bottom: 40px;
  right: 30px;
}

.control_native.temp {
  color: #ebe6e6;
  background-color: #181818;
  border-color: #181818;
  display: none;
}

.control_native.status {
  border-color: #d6d6d6;
  transition: all .4s;
}

.div-block-4157 {
  align-items: center;
  font-family: Circularxxweb, sans-serif;
  display: flex;
}

.div-block-5766 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 50%;
  height: 800px;
  display: flex;
  position: static;
}

.div-block-5767 {
  z-index: 1;
  border: 3px solid #000;
  border-radius: 999px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
}

.div-block-5767._2 {
  z-index: 10;
  border-width: 1px;
  border-color: #56ccb0;
}

.div-block-5768 {
  z-index: 50;
  background-color: #3cffd0;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  display: flex;
  position: absolute;
  left: -13px;
}

.div-block-5769 {
  white-space: nowrap;
  flex-flow: column;
  font-family: Polysans Median, sans-serif;
  line-height: 16px;
  display: flex;
  position: absolute;
  top: 35px;
  left: -8.6406px;
}

.text-block-577 {
  color: #1313134d;
}

.div-block-5768-copy {
  z-index: 50;
  background-color: #3cffd0;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  display: flex;
  position: absolute;
  bottom: -13px;
  left: 220px;
}

.image-828 {
  transform-style: preserve-3d;
  transform: rotateX(0)rotateY(180deg)rotateZ(0);
}

.image-828.reg {
  transform: rotate(-60deg);
}

.zero {
  z-index: 2;
  border: 1px solid #2daa8c;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  width: 250px;
  min-width: 250px;
  height: 250px;
  min-height: 250px;
  display: flex;
  position: static;
}

.zero.one {
  border-width: 3px;
  border-color: #334743;
  position: absolute;
}

.zero.two {
  z-index: 30;
  border-color: #39663924;
  position: relative;
}

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

.div-block-5768-copy-copy {
  background-color: #3cffd0;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  display: flex;
  position: absolute;
  bottom: -15px;
  left: 225px;
}

._12div-block-5768-copy {
  z-index: 100;
  background-color: #3cffd0;
  border: 1px solid #30d3ac;
  border-radius: 99px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  font-family: Polysans Median, sans-serif;
  font-size: 10px;
  display: flex;
  position: absolute;
  bottom: 0;
  right: 57px;
}

._12div-block-5768-copy._2 {
  z-index: 50;
  bottom: 26px;
  right: 83px;
}

._12div-block-5768-copy._3 {
  bottom: 44px;
  right: 123px;
}

.div-block-5768-copy-copy {
  background-color: #3cffd0;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  display: flex;
  position: absolute;
  left: 225px;
}

.div-block-5771 {
  z-index: 500;
  position: absolute;
  top: -14px;
}

.div-block-5771._22 {
  top: 358.5px;
}

.div-block-5772 {
  background-color: #3cffd0;
  padding-top: 5px;
}

._4div-block-5769-copy {
  z-index: 5;
  background-color: var(--green);
  flex-flow: column;
  padding: 6px 10px 6px 6px;
  font-family: Polysans Median, sans-serif;
  line-height: 16px;
  display: flex;
  position: absolute;
  top: -4px;
  left: 30.3594px;
}

._412div-block-5768-copy {
  background-color: #3cffd0;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  display: flex;
  position: absolute;
  top: -16px;
  left: 129px;
}

._5div-block-5769-copy {
  flex-flow: column;
  font-family: Polysans Median, sans-serif;
  line-height: 16px;
  display: flex;
  position: absolute;
  top: 2px;
  left: 36.3594px;
}

.top {
  z-index: 20;
  border: 1px solid #52c5a9;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-width: 100%;
  height: 100%;
  min-height: 100%;
  display: flex;
  position: relative;
}

.top._2 {
  z-index: 35;
  border-width: 1px;
  border-color: #5463851c;
  position: absolute;
}

.top.faded {
  z-index: 10;
  opacity: 1;
  border-width: 3px;
  border-color: #363636;
}

.div-block-5773 {
  width: 100%;
  max-width: 1380px;
}

.div-block-5774 {
  z-index: 100;
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  color: #113129;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 30px;
  padding-top: 40px;
  padding-bottom: 80px;
  font-size: 12px;
  display: flex;
  position: relative;
}

.div-block-5775 {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  justify-content: flex-start;
  align-items: center;
  font-family: Polysans Median, sans-serif;
  line-height: 15px;
  display: flex;
}

.div-block-5776 {
  border: 1px solid #4bcaac;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  font-size: 12px;
  line-height: 12px;
  display: flex;
}

.right12 {
  z-index: 50;
  position: absolute;
  right: -10px;
}

.image-828-copy-copy {
  transform: rotate(-90deg);
}

.div-block-5772-copy {
  background-color: #3cffd0;
  padding-top: 0;
  padding-bottom: 0;
}

._4div-block-5769-copy-copy {
  flex-flow: column;
  font-family: Polysans Median, sans-serif;
  line-height: 16px;
  display: flex;
  position: absolute;
  top: -15px;
  left: -82.6406px;
}

.circlecover {
  z-index: 6;
  opacity: 1;
  background-color: #3cffd0;
  width: 300px;
  height: 300px;
  position: absolute;
  top: 71px;
  right: 66px;
}

.circlecover._3 {
  z-index: 10;
  top: 485px;
}

.div-block-5778 {
  z-index: 50;
  flex-flow: column;
  font-family: Polysans Median, sans-serif;
  display: flex;
  position: absolute;
}

.text-block-577-copy {
  color: #1313134d;
  font-size: 40px;
  line-height: 40px;
}

.div-block-5778-copy {
  z-index: 50;
  border-left: 1px solid #2fcca6;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  padding-left: 20px;
  font-family: Polysans Median, sans-serif;
  display: flex;
  position: absolute;
  left: 977.859px;
}

.middle {
  z-index: 2;
  justify-content: center;
  align-items: center;
  width: 450px;
  height: 450px;
  display: flex;
  position: absolute;
}

.div-block-5780 {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.div-block-5781 {
  z-index: 5;
  background-color: #3cffd0;
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: -50%;
  left: -50%;
}

.div-block-5782 {
  z-index: 50;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
}

.div-block-5783 {
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
}

.thecover {
  z-index: 5;
  background-color: #3cffd0;
  width: 100%;
  height: 100%;
  position: absolute;
  top: -50%;
  right: -38%;
}

.div-block-5784 {
  z-index: 1;
  justify-content: center;
  align-items: center;
  width: 650px;
  height: 650px;
  display: flex;
  position: relative;
}

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

.div-block-5786 {
  z-index: 25;
  background-color: #3cffd0;
  width: 100%;
  min-width: 100%;
  height: 100%;
  min-height: 100%;
  position: absolute;
  top: 0%;
  left: 50%;
}

.div-block-5787 {
  z-index: 30;
  background-color: #424242;
  width: 2px;
  height: 20px;
  position: absolute;
  bottom: -10px;
}

.image-830 {
  transform: rotate(-90deg);
}

.div-block-5787-copy {
  z-index: 30;
  background-color: #424242;
  border-radius: 3px;
  width: 20px;
  height: 3px;
  position: absolute;
  left: -7px;
}

.div-block-4-copy.sticky {
  height: auto;
  padding-bottom: 80px;
  position: sticky;
  top: 40px;
  overflow: hidden;
}

.div-block-4-copy.sticky.zero {
  border-width: 0;
  border-radius: 0;
  padding-left: 0;
}

.adiv-block-5566-copy-copy-copy-copy {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #fff;
  border-top: 0 solid #ebebeb;
  border-bottom: 1px solid #f1f1f1;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-top: 20px;
  padding-bottom: 20px;
  font-size: 16px;
  display: flex;
}

.div-block-5788 {
  z-index: 60;
  background-color: #ffffff7d;
  border: 0 solid #f8f8f8;
  border-radius: 0;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 50%;
  padding: 13px 13px 13px 50px;
  display: flex;
  position: relative;
}

.div-block-5789 {
  background-color: #fff;
  border-bottom: 1px solid #e6e6e6;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-height: 44px;
  display: flex;
}

.div-block-5789.header {
  background-color: #f1f1f1;
  border-top: 1px solid #e6e6e6;
  font-weight: 500;
}

.div-block-5789.highlight {
  background-color: #f8f8f8;
  border-radius: 3px;
  width: 105%;
  height: 50px;
  font-weight: 500;
  position: relative;
  overflow: hidden;
  box-shadow: 10px 10px 0 5px #bbe4da33;
}

.thecell {
  white-space: nowrap;
  cursor: text;
  border-right: 1px solid #ececec;
  border-radius: 0;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 40px;
  min-height: 100%;
  padding-left: 15px;
  padding-right: 5px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.thecell.first {
  border-left: 1px solid #e9e9e9;
}

.thecell.hh {
  border-right-color: #e6e6e6;
}

.thecell.header {
  cursor: text;
}

.div-block-5790 {
  z-index: 50;
  pointer-events: none;
  background-image: linear-gradient(#e4e4e400 13%, #fff);
  width: 100%;
  height: 100px;
  position: absolute;
  bottom: 0;
}

.div-block-5791 {
  z-index: 999;
  pointer-events: none;
  width: 100%;
  height: 40px;
  position: absolute;
  top: 0;
  left: 0;
}

.div-block-5791:hover {
  border: 1px solid #596ae7;
}

.div-block-5791.large {
  pointer-events: none;
  height: 100%;
}

.div-block-5669-copy {
  width: 100%;
  height: 100%;
  padding-top: 7px;
}

.div-block-5669-copy.c {
  background-color: #fff;
  padding-top: 0;
}

.div-block-5669-copy.c.d {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 14px;
  display: flex;
}

.div-block-5792 {
  width: 100%;
  padding: 0;
  font-family: Fkromanstandard, sans-serif;
  font-size: 16px;
  line-height: 25px;
}

.div-block-5793 {
  border: 0 solid #000;
  width: 100%;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 12px;
}

.div-block-5794 {
  background-color: #f8f8f8;
  border-radius: 1px;
  width: 300px;
  height: 600px;
}

.html-embed-28-copy {
  width: 300px;
  height: 600px;
}

.html-embed-28-copy.ai {
  width: 100%;
  height: 100%;
}

.html-embed-28-copy._123 {
  width: 100%;
  height: 500px;
}

.html-embed-30 {
  width: 100%;
  height: 100%;
}

.html-embed-31 {
  width: 300px;
  min-width: 300px;
  height: 600px;
  min-height: 600px;
}

.side_show_brands-copy {
  z-index: 5;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  border: 0 solid #a5a5a50f;
  border-radius: 16px;
  flex-flow: row;
  justify-content: flex-end;
  align-items: center;
  max-width: 50%;
  height: 100%;
  padding: 34px 100px 34px 34px;
  transition: all .5s;
  display: flex;
  position: relative;
}

.div-block-5795 {
  background-color: #fafafa;
  border-radius: 3px;
  width: 300px;
  min-width: 300px;
  height: 600px;
  min-height: 600px;
}

.div-block-5795._330 {
  width: 330px;
  min-width: 330px;
}

.div-block-5442-copy {
  justify-content: flex-start;
  align-items: center;
  width: 50%;
  display: flex;
}

.thecontent_22-copy {
  display: none;
}

.thecontent_22-copy.active {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.thecontent_22-copy.active.white {
  border: 0 solid #ececec;
}

.thecontent_22-copy.active.white-copy {
  border: 0 solid #ececec;
  justify-content: flex-end;
  align-items: center;
}

.div-block-5796 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  width: 100%;
  padding-top: 25px;
  padding-bottom: 25px;
  display: flex;
}

.div-block-5797 {
  background-color: #f7f7f7;
  border-radius: 3px;
  width: 300px;
  min-width: 300px;
  height: 600px;
  min-height: 600px;
}

.div-block-5743-copy-copy {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 0 0 0 40px;
  display: flex;
}

.div-block-5743-copy-copy.bottom {
  padding-top: 0;
}

.div-block-5743-copy-copy.spaced2 {
  justify-content: space-between;
  padding-top: 60px;
}

.div-block-5743-copy-copy.spaced2-copy {
  justify-content: space-between;
  padding-top: 60px;
  padding-bottom: 100px;
}

._32div-block-5607-copy {
  width: 100%;
  padding-top: 0;
  position: relative;
}

.html-embed-32 {
  width: 100%;
  height: 100%;
}

.div-block-5096 {
  background-color: #f1f1f1;
  border-radius: 12px;
  width: 250px;
  height: 250px;
  margin-bottom: 20px;
  overflow: hidden;
}

.div-block-5096._0 {
  border-radius: 3px;
  height: 150px;
  position: relative;
  overflow: hidden;
}

.div-block-5096._2 {
  border-radius: 3px;
  height: 400px;
}

.div-block-5117 {
  z-index: 5;
  color: #1f1f1f;
  background-color: #fff;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  font-family: GoogleMaterialicons, sans-serif;
  display: flex;
  position: absolute;
  top: 63px;
  left: 182px;
}

.background-video-10 {
  z-index: 2;
  width: 100%;
  height: 100%;
}

.div-block-5088 {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color: #ffffffe6;
  border-radius: 3px;
  width: 100%;
  padding: 12px;
  display: flex;
  box-shadow: 0 2px 20px 13px #0003;
}

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

.div-block-5119 {
  color: #1a1a1a;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  padding-left: 16px;
  display: flex;
}

.div-block-5089 {
  border: 1px solid #e4e4e4;
  border-radius: 6px;
  width: 80px;
  min-width: 80px;
  height: 100%;
  min-height: 100%;
  overflow: hidden;
}

.div-block-5087 {
  opacity: .62;
  color: #504f4f;
  font-size: 12px;
  line-height: 16px;
}

.div-block-5120 {
  background-color: #f1f1f1;
  border-radius: 12px;
  width: 250px;
  height: 400px;
  margin-right: 20px;
  overflow: hidden;
}

.div-block-5120._4 {
  border-radius: 3px;
  width: 350px;
  min-width: 300px;
  margin-right: 0;
  position: relative;
  top: 0;
}

.div-block-5099 {
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
}

.div-block-5092 {
  z-index: 5;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  padding: 21px;
  display: flex;
  position: absolute;
  bottom: 0;
}

.div-block-5076 {
  color: #fff;
  background-color: #000;
  border: 1px solid #313131;
  border-radius: 3px;
  padding: 7px 20px;
  font-size: 12px;
  font-weight: 500;
}

.thecontent_22-copy-copy {
  display: none;
}

.thecontent_22-copy-copy.active {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.thecontent_22-copy-copy.active.white {
  border: 0 solid #ececec;
}

.thecontent_22-copy-copy.active.white-copy {
  border: 0 solid #ececec;
  justify-content: flex-end;
  align-items: center;
}

.product_media-copy {
  opacity: 1;
  mix-blend-mode: normal;
  border: 1px solid #ebebeb;
  border-radius: 8px;
  width: 100%;
  margin-top: 25px;
  padding: 12px;
  overflow: hidden;
}

.product_media-copy.ns {
  border-radius: 3px;
  margin-top: 0;
  margin-bottom: 5px;
  padding: 9px;
}

.product_media-copy.ns.spaced {
  margin-top: 15px;
}

.product_media-copy.noborder {
  border-color: #3a3a3a;
}

.product_media-copy.spaced {
  border-radius: 3px;
  max-width: 800px;
  margin-bottom: 30px;
}

._12div-block-5442-copy {
  justify-content: flex-start;
  align-items: center;
  height: 700px;
  display: flex;
}

.text-block-572-copy {
  border-bottom: 1px solid #ebebeb;
  padding-bottom: 17px;
  font-family: Polysans Slim, sans-serif;
  font-size: 26px;
  font-weight: 300;
  line-height: 36px;
}

.text-block-572-copy.bb {
  border-bottom-color: #3adbb5;
}

.text-block-572-copy.nb {
  border-bottom-width: 0;
}

.text-block-572-copy._2nb-copy {
  border-bottom-width: 0;
  padding-bottom: 0;
}

.additional_context-copy {
  border-top: 0 solid #e0e0e0;
  width: 100%;
  margin-top: 10px;
  padding-top: 12px;
  padding-left: 0;
  display: flex;
}

.thecontent_holder-copy {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 1380px;
  padding-left: 100px;
  display: flex;
  position: relative;
}

.thecontent_holder-copy.studio {
  background-color: #fff;
  padding-left: 0;
}

.thecontent_holder-copy.studio-copy {
  z-index: 200;
  background-color: #fff;
  padding-top: 50px;
  padding-bottom: 20px;
  padding-left: 0;
}

.div-block-5490-copy {
  color: #1a1a1a;
  letter-spacing: .5px;
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: 300;
  line-height: 27px;
  position: relative;
}

.div-block-5490-copy.white, .div-block-5490-copy.purple {
  color: #fff;
}

.div-block-5798 {
  width: 50%;
}

.text-span-85 {
  color: silver;
}

.text-span-85.purple {
  color: #eeeeee8c;
}

.text-span-85.green {
  color: #2ba588;
}

.html-embed-32-copy {
  border: 1px solid #eee;
  width: 100%;
  height: 100%;
}

.div-block-5799 {
  width: 100%;
  height: 100%;
}

.div-block-5800 {
  background-color: #f7f7f7;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  width: 60%;
  height: 700px;
  display: flex;
  position: relative;
}

.div-block-5801 {
  z-index: 15;
  border: 1px solid var(--green_dark);
  background-color: var(--green);
  mix-blend-mode: normal;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  width: 200px;
  height: 200px;
  transition: all .5s;
  display: flex;
  position: relative;
}

.div-block-5801:hover {
  z-index: 150;
  border-color: var(--purple);
  width: 220px;
  height: 220px;
}

.div-block-5801.studio {
  border-color: #dbdbdb;
}

.div-block-5801._2studio-copy {
  border-color: #dbdbdb;
  border-radius: 9999px;
  width: 250px;
  height: 250px;
}

.div-block-5801._2studio-copy-copy {
  border-color: #dbdbdb;
  border-radius: 9999px;
  width: 180px;
  height: 180px;
}

.div-block-5802 {
  text-align: center;
  justify-content: center;
  align-items: center;
  font-family: Polysans Median, sans-serif;
  display: flex;
}

.div-block-5803 {
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.div-block-5804 {
  z-index: 18;
  border: 1px solid #c2c2c2;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  width: 250px;
  height: 250px;
  display: flex;
  position: absolute;
  left: -86%;
}

.div-block-5804:hover {
  border-color: #5547be;
}

.div-block-5804._2 {
  z-index: 14;
  background-color: #f7f7f7;
  left: auto;
  right: -86%;
}

.div-block-5804._2:hover {
  border-color: #5547be;
}

.div-block-5804._3 {
  z-index: 16;
  bottom: -86%;
  left: auto;
}

.div-block-5804._3:hover {
  border-color: #5547be;
}

.div-block-5804._4 {
  z-index: 20;
  top: -86%;
  bottom: auto;
  left: auto;
}

.div-block-5804._4:hover {
  border-color: #5547be;
}

.div-block-5804-copy {
  border: 1px solid #e0e0e0;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  width: 100px;
  height: 100px;
  display: flex;
  position: absolute;
  top: 50px;
  right: 50px;
}

.div-block-5804-copy._2 {
  left: auto;
  right: -86%;
}

.div-block-5804-copy._3 {
  bottom: -86%;
  left: auto;
}

.div-block-5804-copy._4 {
  top: -86%;
  bottom: auto;
  left: auto;
}

.div-block-5802-copy {
  color: #bdbdbd;
  text-align: center;
  justify-content: center;
  align-items: center;
  font-family: Polysans Median, sans-serif;
  font-size: 12px;
  display: flex;
}

.div-block-5804-copy-copy {
  border: 1px solid #c2c2c2;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  display: flex;
  position: absolute;
  top: 78px;
  left: 139px;
}

.div-block-5804-copy-copy._2 {
  left: auto;
  right: -86%;
}

.div-block-5804-copy-copy._3 {
  bottom: -86%;
  left: auto;
}

.div-block-5804-copy-copy._4 {
  top: -86%;
  bottom: auto;
  left: auto;
}

.div-block-5804-copy-copy-copy {
  border: 1px solid #e0e0e0;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  width: 100px;
  height: 100px;
  display: flex;
  position: absolute;
  bottom: 50px;
  left: 50px;
}

.div-block-5804-copy-copy-copy._2 {
  left: auto;
  right: -86%;
}

.div-block-5804-copy-copy-copy._3 {
  bottom: -86%;
  left: auto;
}

.div-block-5804-copy-copy-copy._4 {
  top: -86%;
  bottom: auto;
  left: auto;
}

.div-block-5805 {
  width: 100%;
  padding-bottom: 150px;
  padding-left: 0;
}

.div-block-5806 {
  width: 100%;
  padding-left: 40px;
}

.div-block-5807 {
  border-radius: 3px;
  width: 100%;
}

.div-block-5808 {
  background-color: #fff;
  width: 340px;
  height: 600px;
  position: relative;
}

.image-831 {
  width: 20px;
}

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

.div-block-5809 {
  z-index: 10;
  border: 1px solid #007cef;
  width: 228px;
  height: 104px;
  position: absolute;
  top: 126px;
  left: 58px;
}

.div-block-5810 {
  color: #d8e8f6;
  letter-spacing: .3px;
  background-color: #007cef;
  padding: 1px 10px;
  font-size: 11px;
  font-weight: 400;
  position: absolute;
  top: -23px;
  left: 0;
}

.div-block-5810-copy {
  color: #d8e8f6;
  letter-spacing: .3px;
  background-color: #007cef;
  padding: 1px 10px;
  font-size: 11px;
  font-weight: 400;
  position: absolute;
  bottom: -23px;
  right: 0;
}

.div-block-5799-copy {
  background-color: #f5f5f5;
  border-radius: 3px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 0 37px 40px;
  display: flex;
}

.div-block-5630-copy {
  border: 0 solid #e7e1e1;
  border-radius: 2px;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.div-block-5811 {
  font-size: 10px;
  line-height: 10px;
  position: absolute;
  top: 16px;
  right: -16px;
}

.div-block-5812 {
  z-index: 1;
  background-color: #ebebeb;
  width: 70%;
  height: 1px;
  position: absolute;
  bottom: 123px;
  right: 0;
}

.agentcontainer {
  height: 100%;
  padding: 60px 37px;
  display: none;
}

.agentcontainer.active {
  flex-flow: column;
  width: 100%;
  padding-top: 50px;
  display: flex;
}

.agentcontainer.black {
  color: #bd9999;
  background-color: #272727;
  flex-flow: column;
  width: 100%;
  display: none;
}

.agentcontainer.black.active {
  padding-bottom: 80px;
  display: flex;
}

.div-block-5813 {
  flex-flow: column;
  padding: 0 28px 0 30px;
  display: flex;
}

.div-block-5814 {
  padding-left: 30px;
  padding-right: 28px;
}

.tabswitch-4 {
  background-color: #f1f1f1;
  border: 1px solid #f3f3f3;
  border-radius: 99px;
  flex-direction: row;
  width: 100%;
  max-height: 44px;
  padding: 3px 3px 3px 2px;
  display: flex;
}

.tabswitch-4.yellow {
  background-color: #f1f1f1;
  border-color: #e9e9e9;
  margin-bottom: 25px;
}

.tabswitch-4.dark {
  background-color: #41414170;
  border-color: #4d4d4d29;
  margin-bottom: 25px;
}

.tab {
  color: #3d3d3d;
  text-align: center;
  cursor: pointer;
  background-color: #0000;
  border: 1px solid #e7e7e766;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-left: 2px;
  margin-right: 2px;
  padding-top: 7px;
  padding-bottom: 7px;
  font-size: 11px;
  font-weight: 700;
  display: flex;
}

.tab:hover {
  color: #f5f5f5;
  background-color: #000;
}

.tab.attachments {
  border-color: #e7e7e700;
  padding-top: 6px;
  padding-bottom: 6px;
  font-size: 12px;
  transition: all .3s;
}

.tab.attachments.is_active {
  background-color: #fff;
}

.tab.attachments.is_active:hover {
  color: #333;
}

.tab.attachments.is_active.dark {
  color: #303030;
  background-color: #d4d4d4;
}

.tab.attachments.dark {
  color: #b5b6b9;
}

.tab.blocks {
  color: #474747;
  border-color: #e7e7e700;
}

.tab.blocks:hover {
  color: #fff;
}

.tab.blocks.active {
  background-color: #fff;
  font-size: 11px;
}

.div-block-4023-copy {
  color: #fff;
  background-color: #c02323;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  margin-top: 0;
  margin-left: 3px;
  font-family: Circularxxweb, sans-serif;
  font-size: 8px;
  font-weight: 500;
  display: flex;
}

.div-block-5813-copy {
  flex-flow: column;
  padding: 0 25px;
  display: flex;
}

.div-block-5217-copy {
  justify-content: center;
  align-items: center;
  padding-right: 6px;
  font-family: GoogleMaterialicons, sans-serif;
  display: flex;
}

.create_arrow_right_styles {
  cursor: pointer;
  border: 1px solid #494949;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 25px;
  margin-left: 5px;
  padding-left: 2px;
  font-size: 10px;
  display: flex;
}

.create_arrow_right_styles:hover {
  color: #eeecec;
  background-color: #494949;
}

.create_arrow_right_styles.light {
  color: #242424;
  border-color: #e4e4e4;
  width: 50px;
  min-width: 50px;
  font-family: GoogleMaterialicons, sans-serif;
}

.create_arrow_right_styles.light:hover {
  color: #fff;
  background-color: #030303;
  border-color: #030303;
}

.div-block-4171 {
  justify-content: center;
  align-items: center;
  width: 220px;
  min-width: 324px;
  display: flex;
}

.div-block-4171.right {
  justify-content: flex-end;
}

.div-block-4467 {
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  flex-direction: column;
  align-items: flex-start;
  padding-left: 20px;
  display: flex;
}

.native_behavior {
  color: #1f1f1f;
  letter-spacing: .2px;
  border: 1px solid #e4e4e4;
  border-radius: 99px;
  margin-right: 5px;
  padding: 1px 14px;
  font-size: 8px;
  font-weight: 700;
}

.div-block-4463 {
  background-color: #fff;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.div-block-4463._900 {
  background-color: #fff;
  min-width: 800px;
  padding: 0;
  transition: all .25s;
}

.change_template {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 10px;
  font-weight: 500;
  display: none;
  position: absolute;
  bottom: 24px;
}

.change_template.active_scene {
  z-index: 20;
  align-items: center;
  padding-bottom: 15px;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
  bottom: 0;
}

.change_template.active_scene.hidden {
  display: none;
}

.div-block-4194 {
  border-left: 0 solid #e4e4e4;
  padding-top: 15px;
  padding-bottom: 10px;
  padding-left: 0;
  display: flex;
}

.pickerunit {
  cursor: pointer;
  border: 1px solid #e9e9e9;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  width: 16px;
  max-width: 16px;
  height: 16px;
  max-height: 16px;
  display: flex;
  overflow: hidden;
}

.pickerunit.b {
  background-color: #fff;
}

.pickerunit.b.simple {
  border-color: #cfcfcf;
  transition: all .35s;
}

.pickerunit.b.simple.l1 {
  background-color: #303030;
  border-color: #464646;
}

.pickerunit.b.simple.cta {
  background-color: #d10000;
  border-color: #d10000;
}

.text-block-482 {
  color: #f5f5f5;
  background-color: #320707;
  border: 1px solid #320707;
  border-radius: 6px;
  margin-bottom: 3px;
  padding: 1px 12px;
  font-size: 10px;
}

.div-block-4509 {
  align-items: center;
  font-family: Circularxxweb, sans-serif;
  display: flex;
}

.color_icon {
  justify-content: flex-end;
  align-items: center;
  width: 30px;
  margin-bottom: 7px;
  margin-right: 0;
  padding-right: 7px;
  font-size: 14px;
  font-weight: 300;
  display: flex;
}

.color_icon._2 {
  font-family: GoogleMaterialicons, sans-serif;
}

.div-block-4169 {
  margin-left: 10px;
  padding-right: 12px;
  font-size: 10px;
  font-weight: 500;
}

.div-block-4472 {
  letter-spacing: 0;
  font-family: Polysans Median, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 22px;
}

.div-block-4472.l1 {
  opacity: .8;
  letter-spacing: 0;
  border-top: 1px solid #e1e1e1;
  padding-top: 5px;
  font-family: Circularxxweb, sans-serif;
  font-size: 15px;
  font-weight: 300;
  line-height: 22px;
}

.div-block-4472.l1.report {
  color: #181818;
  border-top-width: 0;
  font-weight: 500;
  position: relative;
}

.div-block-4439 {
  cursor: pointer;
  border: 1px solid #ebebeb;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  margin-right: 5px;
  display: flex;
}

.div-block-4439:hover {
  border-color: #acacac;
}

.div-block-4439.simple {
  background-color: #fff6;
  border-width: 1px;
  border-color: #e0e0e080;
  width: 26px;
  height: 26px;
  margin-right: 6px;
  transition: all .2s;
}

.div-block-4439.simple:hover {
  border-color: #b1b1b1;
}

.div-block-4187 {
  flex-direction: column;
  align-items: flex-end;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 20px;
  display: none;
  position: absolute;
  right: 20px;
}

.div-block-4187.active_scene {
  opacity: 1;
  transition: all .5s;
  display: flex;
}

.div-block-4187.active_scene.hidden {
  display: none;
}

.div-block-4172 {
  align-items: center;
  width: 220px;
  min-width: 324px;
  display: flex;
}

.div-block-4172.right {
  justify-content: flex-end;
}

.div-block-4230 {
  width: 20px;
  margin-right: 5px;
}

.div-block-4168 {
  background-color: #fff;
  flex-direction: row;
  align-items: center;
  min-width: 324px;
  padding-right: 5px;
  display: flex;
}

.div-block-4168.tra {
  background-color: #fff0;
}

.div-block-4167 {
  background-color: #fff;
  justify-content: flex-end;
  align-items: center;
  min-width: 324px;
  padding-left: 10px;
  padding-right: 0;
  font-size: 10px;
  font-weight: 500;
  display: flex;
}

.div-block-4167.left {
  justify-content: flex-start;
  padding-left: 0;
}

.div-block-4167.left.transp {
  background-color: #fff0;
}

.div-block-4469 {
  border: 0 solid #ececec;
  border-bottom-width: 1px;
  margin-top: 0;
  margin-bottom: 10px;
  padding-top: 0;
  padding-bottom: 10px;
  display: none;
}

.div-block-4195 {
  border: 0 solid #e0dddd;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  width: 40px;
  min-width: 40px;
  height: 100%;
  min-height: 100%;
  padding-top: 15px;
  font-size: 12px;
  font-weight: 500;
  display: none;
}

.div-block-3651-copy {
  color: #3b3b3b;
  cursor: pointer;
  background-color: #f8f8f8;
  border: 1px solid #f3f3f3;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 46px;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-right: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 11px;
  font-weight: 500;
  display: flex;
}

.div-block-3651-copy:hover {
  background-color: #fff;
  border-color: #c9c9c9;
}

.dropdownholder-copy {
  z-index: 52;
  border-bottom: 1px solid #f1f1f1;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 70px;
  padding-top: 0;
  padding-left: 15px;
  padding-right: 15px;
  display: flex;
  position: absolute;
  top: 0;
}

.theslide-2 {
  border: 0 solid #dadada;
  border-radius: 6px;
  flex-direction: row;
  width: 100%;
  min-width: 100%;
  height: 100%;
  min-height: 600px;
  margin-right: 30px;
  display: flex;
}

.theslide-2.stories {
  width: auto;
}

.div-block-4508 {
  align-items: center;
  font-family: Circularxxweb, sans-serif;
  display: flex;
}

.div-block-4470 {
  color: #8f8f8f;
  background-color: #fff;
  border: 1px solid #d4d5d6;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  width: 26px;
  height: 26px;
  margin-bottom: 10px;
  font-size: 12px;
  display: none;
}

.div-block-4470.isactive {
  color: #404650;
  cursor: pointer;
  background-color: #fff0;
  border-color: #c4cbd8;
  display: flex;
}

.div-block-4470.isactive:hover {
  color: #f7f7f7;
  background-color: #313030;
  border-color: #383838;
}

.native_display {
  z-index: 5;
  justify-content: center;
  align-items: center;
  height: 100%;
  font-weight: 300;
  display: none;
  position: relative;
}

.native_display.native {
  display: flex;
}

.div-block-4473 {
  padding-left: 20px;
  padding-right: 20px;
  position: relative;
}

.div-block-4473.scrollable {
  height: 100%;
  padding-bottom: 100px;
  overflow: scroll;
}

.div-block-4473.scrollable.lightscroll {
  border-left: 0 solid #e9e9e9;
  width: 100%;
  padding: 0;
}

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

.div-block-4139.spaced {
  height: 100%;
  margin-right: 10px;
}

.div-block-4468 {
  justify-content: center;
  align-items: center;
  width: 40px;
  padding-bottom: 0;
  display: none;
  position: absolute;
  bottom: 0;
  left: 0;
}

.previewdrop {
  align-items: center;
  margin-right: 10px;
  display: flex;
  position: relative;
}

.previewdrop.last {
  height: 100%;
  margin-right: 0;
}

.template_control1 {
  cursor: pointer;
  border: 1px solid #e4e4e4;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 25px;
  min-height: 25px;
  margin-bottom: 0;
  margin-left: 5px;
  margin-right: 0;
  padding-left: 0;
  font-family: GoogleMaterialicons, sans-serif;
  font-size: 10px;
  display: flex;
}

.template_control1:hover {
  color: #f1eaea;
  background-color: #030303;
  border-color: #030303;
}

.div-block-4466 {
  border: 0 solid #000;
  align-items: center;
  width: 100%;
  display: flex;
}

.variations_panel {
  background-color: #fff;
  border-right: 1px solid #f3f3f3;
  width: 550px;
  height: 100%;
}

.variations_panel.new {
  width: 190px;
  min-width: 190px;
  max-width: none;
  transition: all .45s;
  position: relative;
}

.variations_panel.new.hidden {
  max-width: 0;
  overflow: hidden;
}

.explainer {
  background-color: var(--purple);
  color: #fff;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 1px 10px;
  font-size: 10px;
  font-weight: 700;
  display: flex;
}

.div-block-4196 {
  border-bottom: 0 solid #e1e1e1;
  align-items: flex-start;
  height: 100%;
  padding-right: 20px;
  display: flex;
  position: relative;
}

.helpcontext {
  color: #222;
  background-color: #fff0;
  border: 1px solid #dfdfdf00;
  border-radius: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 300px;
  max-height: 0;
  padding: 0;
  font-size: 16px;
  font-weight: 300;
  transition: all .2s;
  display: flex;
  position: absolute;
  bottom: 53.5px;
  overflow: hidden;
  box-shadow: 0 2px 16px #0000;
}

.div-block-4190 {
  background-color: #f0f0f0;
  width: 100%;
  height: 1px;
  margin-top: 5px;
  margin-bottom: 5px;
}

.native_nav_item {
  color: #a8a8a8;
  cursor: pointer;
  border: 1px solid #eee;
  border-radius: 6px;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  padding: 7px;
  display: flex;
  overflow: hidden;
}

.native_nav_item:hover {
  border-color: #b6b6b6;
}

.native_nav_item.active {
  border-color: var(--purple);
  color: #5f5f5f;
  background-color: #fff;
}

.div-block-4203 {
  flex-direction: column;
  width: 100%;
  display: flex;
}

.div-block-4438 {
  padding-top: 6px;
}

.div-block-4510 {
  max-width: 15px;
  margin-right: 6px;
  font-family: GoogleMaterialicons, sans-serif;
  font-size: 13px;
}

.media_nav {
  z-index: 500;
  position: relative;
  top: 0;
}

.div-block-4235 {
  width: 100%;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.pickerlabel {
  margin-right: 10px;
  font-size: 10px;
  font-weight: 500;
}

.div-block-5380 {
  border: 0 solid #b6b6b64f;
  justify-content: flex-start;
  align-items: flex-start;
  width: auto;
  min-width: 100%;
  height: 100vh;
  font-family: Circularxxweb, sans-serif;
  display: flex;
  overflow: hidden;
}

.div-block-4449 {
  color: #b4b4b4;
  white-space: nowrap;
  cursor: pointer;
  border-bottom: 3px solid #0000;
  justify-content: center;
  align-items: center;
  height: 100%;
  margin-bottom: -2px;
  margin-right: 5px;
  padding-left: 3px;
  padding-right: 3px;
  font-weight: 400;
  display: flex;
}

.div-block-4449:hover {
  border-bottom: 3px solid #000;
}

.div-block-4449.active {
  color: #111;
  border-bottom-width: 3px;
  border-bottom-color: #000;
  padding-left: 10px;
  padding-right: 10px;
  font-weight: 700;
}

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

.div-block-4465 {
  justify-content: center;
  align-items: center;
  width: 100%;
  min-width: 300px;
  padding: 15px 20px;
  display: flex;
}

.help_item {
  z-index: 20;
  background-color: #1e6b8f1a;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  padding: 15px 20px;
  transition: all .35s;
  display: flex;
  position: absolute;
  bottom: -27px;
  right: -77px;
}

.help_item:hover {
  justify-content: center;
  align-items: center;
  display: flex;
}

.help_item._222 {
  white-space: normal;
  bottom: 12px;
}

.media_controls {
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 100%;
  display: none;
  position: absolute;
  top: 10px;
}

.media_controls.active_scene {
  z-index: 50;
  justify-content: space-between;
  align-items: center;
  max-width: 100%;
  padding-left: 10px;
  padding-right: 15px;
  display: flex;
  top: 10px;
}

.layers_holder_native {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  padding: 12px;
  display: flex;
}

.div-block-4478 {
  color: #1f1f1f;
  padding-left: 10px;
  line-height: 21px;
}

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

.div-block-4487.aa {
  justify-content: center;
  align-items: center;
  width: 300px;
  min-width: 300px;
  height: 300px;
  transition: all .4s;
  display: flex;
}

.div-block-4487.aa._970 {
  min-width: 970px;
}

.div-block-4189 {
  color: #ccc;
  flex-direction: row;
  align-items: center;
  margin-top: 5px;
  margin-bottom: 5px;
  padding-left: 20px;
  display: flex;
}

.div-block-4189:hover {
  color: #4c4949;
}

.the_scene {
  z-index: 10;
  align-items: center;
  width: 100%;
  min-width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.the_scene._00-copy {
  z-index: 40;
  background-color: #fff;
  width: 100%;
  font-family: Circularxxweb, sans-serif;
}

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

.div-block-4477 {
  text-transform: uppercase;
  margin-bottom: 3px;
  font-size: 11px;
  font-weight: 700;
}

.div-block-4471 {
  z-index: 5;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 40px;
  padding-bottom: 5px;
  display: flex;
  position: absolute;
  top: -12px;
  right: 1px;
}

.div-block-5815 {
  flex-flow: column;
  display: flex;
}

.div-block-3190 {
  width: 100%;
  max-width: 508px;
}

.tmp_complabel {
  color: #fff;
  background-color: #000;
  justify-content: flex-start;
  align-items: center;
  width: 250px;
  padding: 50px 30px 50px 35px;
  font-size: 14px;
  line-height: 25px;
  display: flex;
}

.tmp_complabel.n {
  background-color: #424242;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 300px;
}

.tmp_comp {
  justify-content: flex-start;
  align-items: center;
  width: 67%;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 30px;
  display: flex;
  position: relative;
}

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

.componentelement {
  background-color: #f1f1f1;
  border-bottom: 1px solid #4e4e4e;
  width: 100%;
  display: flex;
}

.componentelement.white {
  color: #292929;
  background-color: #fff;
}

.image-832 {
  opacity: .6;
  width: 16px;
  min-width: 16px;
}

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

.dropdownlabel1 {
  color: #fff;
}

.domain_score {
  background-color: #ebebeb;
  border-radius: 3px;
  width: 100%;
  height: 20px;
  transition: all .4s;
  display: flex;
  position: relative;
}

.div-block-5818 {
  font-size: 12px;
  position: absolute;
  left: 12px;
}

.experience {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-width: 240px;
  max-width: 360px;
  height: 100%;
  display: flex;
  position: relative;
}

.div-block-3670 {
  cursor: pointer;
  object-fit: fill;
  background-color: #e7e7e7;
  border: 0 solid #ebebeb;
  border-radius: 2px;
  width: 100%;
  height: 100%;
  min-height: 450px;
  margin-bottom: 10px;
  transition: all 60ms;
  overflow: hidden;
}

.div-block-3670:hover {
  filter: saturate(110%) brightness(90%);
}

.div-block-3673 {
  flex-direction: column;
  align-items: flex-start;
  font-size: 13px;
  font-weight: 300;
  display: none;
}

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

.div-block-3674 {
  color: #535353;
  background-color: #fafafa;
  border: 1px solid #f7f7f7;
  border-radius: 99px;
  margin-bottom: 4px;
  margin-right: 5px;
  padding: 3px 20px;
  font-size: 12px;
  display: flex;
}

.yes_indicator {
  display: none;
}

.div-block-5440 {
  background-color: #fff;
  border: 1px solid #d3dee0;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  margin-right: 7px;
  font-size: 13px;
  display: none;
}

.div-block-5439 {
  z-index: 10;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  height: 60px;
  display: flex;
  position: absolute;
  right: 20px;
}

.indicator_other {
  display: none;
}

.div-block-5460 {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  border-bottom: 0 solid #dadada;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  min-width: 100%;
  height: 100%;
  padding-top: 6px;
  padding-bottom: 6px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.div-block-5421 {
  width: 30%;
  height: 100%;
}

.div-block-5466 {
  flex-direction: row;
  display: flex;
}

.reportsbar {
  cursor: pointer;
  background-color: #b3b3b3;
  border-radius: 2px;
  flex-direction: column;
  width: 1px;
  min-width: 1px;
  height: 1%;
  transition: all .3s;
  display: flex;
}

.reportsbar:hover {
  background-color: #c01111;
}

.div-block-5423-copy {
  margin-right: 10px;
  font-size: 15px;
  font-weight: 300;
}

.div-block-5423-copy.faded {
  opacity: .5;
  font-size: 12px;
  font-weight: 400;
}

.div-block-5423 {
  z-index: 70;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  height: 100%;
  padding: 4px;
  font-size: 15px;
  font-weight: 300;
  display: flex;
  position: absolute;
  left: 20px;
}

.div-block-5462 {
  opacity: .6;
  background-color: #d8d8d8;
  width: 100%;
  height: 1px;
  position: absolute;
  top: 50%;
}

.variation_item {
  z-index: 2;
  background-color: #fff;
  border: 1px solid #c4c0c000;
  border-radius: 6px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 60px;
  min-height: 60px;
  margin-bottom: 10px;
  transition: all .33s ease-out;
  display: flex;
  position: absolute;
  top: 0;
}

.variation_item:hover {
  border-color: #c4c0c000;
}

.trendcontainer {
  width: 100%;
  height: 50%;
  min-height: 50%;
}

.theanimationbar {
  z-index: 6;
  background-color: #e4eff3;
  border-radius: 6px;
  width: 50%;
  height: 100%;
  transition: all .4s;
  position: relative;
}

.div-block-5441 {
  display: none;
}

.div-block-5461 {
  width: 60px;
  height: 100%;
  position: relative;
}

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

.div-block-5434.sec {
  font-size: 12px;
  font-weight: 400;
}

.div-block-5433 {
  margin-right: 5px;
  display: flex;
}

.div-block-5433.bold {
  font-weight: 500;
}

.div-block-5459 {
  flex-direction: column;
  align-items: flex-end;
  display: flex;
}

.div-block-5819 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-direction: column;
  align-items: flex-start;
  padding-left: 15px;
  display: flex;
}

.div-block-5820 {
  border-left: 0 solid #e4e4e4;
  padding-top: 15px;
  padding-bottom: 10px;
  padding-left: 0;
  display: flex;
}

.div-block-5821 {
  letter-spacing: 0;
  font-family: Polysans Median, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
}

.div-block-5821.l1 {
  opacity: .8;
  letter-spacing: 0;
  border-top: 0 solid #e1e1e1;
  font-family: Circularxxweb, sans-serif;
  font-size: 15px;
  font-weight: 300;
  line-height: 21px;
}

.div-block-5822 {
  border: 0 solid #ececec;
  border-bottom-width: 1px;
  margin-top: 0;
  margin-bottom: 10px;
  padding-top: 0;
  padding-bottom: 10px;
  display: flex;
}

.div-block-5822.hidden {
  display: none;
}

.div-block-5823 {
  border: 0 solid #e0dddd;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  width: 40px;
  min-width: 40px;
  height: 100%;
  min-height: 100%;
  padding-top: 15px;
  font-size: 12px;
  font-weight: 500;
  display: none;
}

.div-block-5824 {
  color: #8f8f8f;
  background-color: #fff;
  border: 1px solid #d4d5d6;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  width: 26px;
  height: 26px;
  margin-bottom: 10px;
  font-size: 12px;
  display: none;
}

.div-block-5824.isactive {
  color: #404650;
  cursor: pointer;
  background-color: #fff0;
  border-color: #c4cbd8;
  display: flex;
}

.div-block-5824.isactive:hover {
  color: #f7f7f7;
  background-color: #313030;
  border-color: #383838;
}

.div-block-5825 {
  justify-content: center;
  align-items: center;
  width: 40px;
  padding-bottom: 0;
  display: none;
  position: absolute;
  bottom: 0;
  left: 0;
}

.div-block-5826 {
  border-bottom: 0 solid #e1e1e1;
  align-items: flex-start;
  height: 100%;
  padding-right: 20px;
  display: flex;
  position: relative;
}

.div-block-5827 {
  flex-direction: column;
  width: 100%;
  display: flex;
}

.div-block-5828 {
  z-index: 5;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 40px;
  padding-bottom: 5px;
  display: flex;
  position: absolute;
  top: -12px;
  right: 1px;
}

.table_container {
  border-top: 1px solid #e7e7e7;
  flex-direction: column;
  width: 1500px;
  font-weight: 300;
  display: flex;
  position: sticky;
  top: 0;
  overflow: auto;
}

.dropdown_container_pd {
  width: 100%;
  margin-top: 3px;
}

.div-block-5498 {
  display: none;
}

.div-block-4213 {
  justify-content: center;
  align-items: center;
  font-size: 14px;
  font-weight: 300;
  display: flex;
}

.image-833 {
  opacity: .15;
  width: 25px;
  margin-right: 8px;
}

.btn {
  color: #fff;
  white-space: nowrap;
  cursor: pointer;
  background-color: #1654ff;
  border: 1px solid #0d3bbd;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  margin-right: 5px;
  padding: 12px 30px;
  font-size: 11px;
  font-weight: 500;
  transition: all .6s;
  display: flex;
}

.btn:hover {
  background-color: #1d1d1d;
  border-color: #1d1d1d;
}

.btn.white {
  color: #1d1b1b;
  background-color: #fff;
  border-color: #c3c5c9;
}

.btn.white:hover {
  color: #f0ecec;
  background-color: #1d1d1d;
  border-color: #1d1d1d;
}

.item_label {
  line-height: 15px;
}

.item_icon {
  border: 1px solid #0000001a;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  width: 33px;
  min-width: 33px;
  height: 33px;
  min-height: 33px;
  margin-right: 5px;
  padding: 3px;
  display: none;
}

.div-block-4222 {
  font-size: 17px;
}

.loading_message {
  display: none;
}

.centerpanel {
  z-index: 10;
  flex-direction: column;
  justify-content: flex-start;
  width: 100%;
  min-width: 552px;
  height: 100%;
  display: flex;
  position: relative;
  overflow: visible;
}

.centerpanel.white {
  color: #1b1b1b;
  background-color: #fff;
}

.centerpanel.white.lightscroll {
  height: 100%;
}

.div-block-4212 {
  flex-direction: column;
  align-items: flex-start;
  padding-left: 10px;
  display: flex;
}

.div-block-4210 {
  width: 100%;
  padding: 20px;
  position: relative;
  overflow: scroll;
}

.inventory_category {
  color: #bdbdbd;
  cursor: pointer;
  border-bottom: 1px solid #e2e2e2;
  padding-top: 8px;
  padding-bottom: 8px;
  font-size: 15px;
  line-height: 30px;
}

.inventory_category:hover {
  color: #1a1a1a;
}

.inventory_category.active {
  color: #111;
  font-family: Polysans Neutral, sans-serif;
  font-weight: 500;
}

.div-block-3643 {
  align-items: flex-end;
  margin-top: 15px;
  margin-bottom: 15px;
  padding-bottom: 0;
  font-weight: 300;
  display: flex;
}

.domain_icon {
  border: 0 solid #e4dbdb;
  justify-content: center;
  align-items: center;
  width: 26px;
  min-width: 26px;
  height: 26px;
  min-height: 26px;
  margin-right: 5px;
  padding: 0;
  display: flex;
}

.div-block-5500 {
  cursor: pointer;
  border-right: 1px solid #e7e7e7;
  border-radius: 3px;
  justify-content: center;
  align-items: center;
  margin-right: 0;
  padding: 10px 15px;
  display: flex;
}

.div-block-5829 {
  color: #3330;
  text-align: center;
  border: 1px solid #cac8c8;
  border-radius: 3px;
  justify-content: center;
  align-items: center;
  width: 19px;
  height: 19px;
  font-size: 12px;
  display: flex;
}

.line_data_item {
  z-index: 1;
  border-right: 1px solid #e7e7e7;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-width: 250px;
  padding: 5px 5px 5px 15px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.line_data_item.activefilter {
  background-color: #f3f9fa;
}

.div-block-5830 {
  white-space: nowrap;
  align-items: center;
  padding-right: 21px;
  display: flex;
}

.reports_center_navigation {
  z-index: 99;
  cursor: pointer;
  border-bottom: 1px solid #f0f0f0;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  padding: 0;
  display: flex;
  position: sticky;
  top: 0;
}

.reports_center_navigation.white {
  background-color: #fff;
  position: sticky;
  top: 0;
}

.reports_center_navigation.white.domains {
  box-shadow: none;
  color: #202020;
  flex-wrap: nowrap;
  height: 77px;
  min-height: 77px;
  padding-left: 15px;
  padding-right: 20px;
}

.domains_head {
  background-color: #f8f8f8;
  border-top: 0 solid #e7e7e7;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  align-items: center;
  height: 60px;
  min-height: 60px;
  font-weight: 500;
  display: flex;
  position: sticky;
  top: 0;
}

.dropdown_menu-2 {
  color: #727272;
  cursor: pointer;
  border: 1px solid #dadada;
  border-radius: 6px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 46px;
  min-height: 46px;
  padding-left: 12px;
  padding-right: 5px;
  font-size: 13px;
  font-weight: 300;
  display: flex;
  position: relative;
}

.dropdown_menu-2:hover {
  color: #252525;
  background-color: #fafaf0;
}

.dropdown_menu-2.rounded {
  color: #3d3d3d;
  background-color: #f1f1f1;
  border-width: 1px;
  border-color: #f1f1f1;
  border-radius: 99px;
  justify-content: flex-start;
  width: auto;
  padding-left: 25px;
  padding-right: 5px;
  font-size: 12px;
  font-weight: 700;
}

.dropdown_menu-2.rounded:hover {
  border-color: #a7afcf;
}

.dropdown_menu-2.rounded.blue {
  color: #f8f3f3;
  background-color: #1654ff;
  border-color: #1654ff;
}

.dropdown_menu-2.rounded.blue.domains {
  white-space: nowrap;
  padding-right: 15px;
}

.dropdown_menu-2.rounded.blue.domains:hover {
  background-color: #181818;
  border-color: #181818;
}

.header_content {
  width: 100%;
  height: 100%;
  font-weight: 500;
  display: flex;
}

.sidebar_one {
  border-right: 1px solid #e7e7e7;
  width: 100%;
  min-width: 200px;
  max-width: 400px;
  padding: 30px;
}

.sidebar_one.lightborder {
  border-right-color: #e7e7e780;
}

.sidebar_one.lightborder.lightscroll {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
  overflow: auto;
}

.sidebar_one.dark {
  background-image: linear-gradient(#f8f8f8 6%, #fff);
  border-left: 1px solid #e7e7e7;
  min-width: 200px;
  max-width: 350px;
}

.sidebar_one.dark.d {
  color: #d3cfcf;
  background-color: #fff;
  background-image: none;
  border: 0 solid #000;
  border-radius: 12px;
  padding-top: 0;
  padding-left: 0;
  position: sticky;
  top: 0;
}

.side_info {
  display: flex;
  position: sticky;
  left: 0;
  overflow: hidden;
}

.side_info.inventory {
  z-index: 2;
  z-index: 2;
  background-color: #fff;
  border-right: 1px solid #e4e4e4;
  min-width: 280px;
  max-width: 280px;
  box-shadow: 4px 0 5px #00000005;
}

.side_info.inventory.head {
  background-color: #f8f8f8;
  justify-content: flex-start;
  min-width: 280px;
}

.side_info.inventory {
  z-index: 2;
  background-color: #fff;
  border-right: 1px solid #e4e4e4;
  min-width: 280px;
  max-width: 280px;
  box-shadow: 4px 0 5px #00000005;
}

.side_info.head {
  background-color: #f1f1f1;
  justify-content: space-between;
  min-width: 110px;
  height: 100%;
}

.line_number {
  border-left: 1px solid #e7e7e7;
  border-right: 1px solid #e7e7e7;
  border-radius: 3px;
  justify-content: center;
  align-items: center;
  width: 60px;
  min-width: 60px;
  max-width: 60px;
  height: 100%;
  margin-right: 2px;
  display: flex;
}

.div-block-4209 {
  color: #242424;
  cursor: pointer;
  background-color: #f2f5ff;
  border: 1px solid #b9c4e5;
  border-radius: 99px;
  max-height: 24px;
  padding-left: 15px;
  padding-right: 15px;
  font-size: 10px;
  font-weight: 500;
}

.div-block-4209:hover {
  border-color: #7a7a7a;
}

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

.div-block-4214 {
  display: none;
}

.product_actions {
  white-space: nowrap;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}

.product_actions.nospace {
  margin-left: 0;
}

.line_content {
  width: 100%;
  display: flex;
  position: relative;
}

.div-block-3400-copy {
  cursor: pointer;
  border-right: 0 solid #e7e7e7;
  border-radius: 3px;
  justify-content: center;
  align-items: center;
  margin-right: 0;
  padding: 10px 15px;
  display: flex;
}

.inventory_line {
  cursor: pointer;
  background-color: #fff;
  border-bottom: 1px solid #e7e7e7;
  min-height: 65px;
  font-weight: 300;
  display: flex;
  position: sticky;
  top: 0;
}

.inventory_line:hover {
  background-color: #f8f8f2;
}

.div-block-5495 {
  flex-direction: column;
  margin-top: 15px;
  padding-top: 10px;
  display: flex;
}

.tick2 {
  display: none;
}

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

.div-block-4216 {
  border-bottom: 1px solid #e7e7e7;
  width: 100%;
  padding-top: 30px;
  padding-bottom: 30px;
}

.div-block-3644 {
  justify-content: flex-start;
  width: 100%;
  padding-right: 10px;
  display: block;
}

.line_label {
  width: 100%;
  font-weight: 500;
}

.div-block-3400-copy-2 {
  cursor: pointer;
  border-right: 1px solid #e7e7e7;
  border-radius: 3px;
  justify-content: center;
  align-items: center;
  margin-right: 0;
  padding: 10px 15px;
  display: flex;
}

.line_data_item_head {
  z-index: 1;
  border-right: 1px solid #e7e7e7;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  min-width: 250px;
  max-width: 250px;
  padding: 5px 10px 5px 15px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.div-block-4217 {
  color: #c5c5c5;
  cursor: pointer;
  border-radius: 3px;
  max-width: 27px;
  margin-right: 0;
  font-family: GoogleMaterialicons, sans-serif;
  font-size: 22px;
}

.div-block-4217:hover {
  color: #000;
  background-color: #fff;
}

.line_content_domains {
  width: 100%;
  height: 100%;
  display: flex;
}

.div-block-5743-copy {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 45px 0 40px 40px;
  display: flex;
}

.div-block-5743-copy.centered {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  justify-content: flex-start;
  padding-top: 0;
  padding-bottom: 60px;
}

.ideation_box {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #fff;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 50px 20px;
  font-family: Circularxxweb, sans-serif;
  display: flex;
  position: relative;
  overflow: hidden;
}

.ideation_box.centered {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  justify-content: flex-start;
  padding-top: 0;
  padding-bottom: 60px;
}

.ideation_box.spaced {
  background-color: #fff;
  border-bottom: 1px solid #e9e9e9;
  padding-top: 100px;
  padding-bottom: 0;
  overflow: hidden;
}

.ideation_box.studio {
  padding-bottom: 20px;
}

.ideation_box.studio._2 {
  background-color: #fff0;
  padding-top: 100px;
  padding-left: 0;
  padding-right: 0;
}

.ideation_box.studio._2.spaced {
  padding-bottom: 80px;
}

.ideation_box.studio._2-copy {
  z-index: 500;
  background-color: #fff;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  overflow: visible;
}

.ideation_box.studio._2-copy.spaced {
  padding-bottom: 80px;
}

.div-block-5831 {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 950px;
  display: flex;
}

.branch_contextual_menu-copy {
  z-index: 9999;
  pointer-events: auto;
  mix-blend-mode: normal;
  width: 100%;
  height: 780px;
  position: absolute;
  top: 0;
  left: 0;
}

.div-block-5832 {
  width: 100%;
  max-width: 1380px;
}

.div-block-5833 {
  width: 100%;
  max-width: 1380px;
  padding-left: 100px;
}

.div-block-5834 {
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1380px;
  display: flex;
  position: sticky;
  top: 0;
}

.div-block-5835 {
  width: 100%;
  height: 100vh;
}

._2div-block-5743-copy-copy {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  padding: 50px 0 70px;
  display: flex;
}

._2div-block-5743-copy-copy.centered {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  justify-content: flex-start;
  padding-top: 0;
  padding-bottom: 60px;
}

.div-block-5836 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  color: #5200ff;
  flex-flow: column;
  width: 100%;
  max-width: 1380px;
  margin-bottom: 75px;
  padding-top: 0;
  padding-bottom: 75px;
  padding-left: 100px;
  display: flex;
}

.div-block-5566-copy-copy {
  border-top: 0 solid #ebebeb;
  border-bottom-width: 0;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-top: 25px;
  padding-bottom: 25px;
  font-size: 16px;
  display: flex;
}

.div-block-5566-copy-copy.white {
  background-color: #fff;
  max-width: 1380px;
  position: relative;
}

.div-block-5566-copy-copy.white.noborder {
  border-top-width: 0;
}

.div-block-5566-copy-copy.white.right {
  border-top-width: 0;
  justify-content: flex-end;
}

.div-block-5566-copy-copy.transparent {
  max-width: 1380px;
  position: relative;
}

.div-block-5566-copy-copy.transparent.noborder {
  border-top-width: 0;
}

.div-block-5566-copy-copy.transparent.right {
  border-top-width: 0;
  justify-content: flex-end;
}

.text-field-copy {
  color: #868686;
  background-color: #fff0;
  border: 0 solid #000;
  height: 16px;
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  font-family: Polysans Median, sans-serif;
  font-size: 12px;
}

.text-field-copy.active {
  width: auto;
}

.div-block-5837 {
  background-color: #f8f8f8;
  border-bottom: 1px solid #e2e2e2;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 60px 0 0;
  display: flex;
}

.div-block-5566-copy-copy-copy {
  background-color: #fff0;
  border: 0 solid #000;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-top: 20px;
  padding-bottom: 20px;
  font-size: 16px;
  display: flex;
}

.div-block-5566-copy-copy-copy.hidden {
  display: none;
}

.div-block-5838 {
  background-color: #e2e2e2;
  width: 100%;
  height: 1px;
  margin-bottom: 0;
}

.div-block-5838.studio {
  background-color: #e2e2e280;
}

.theeditor {
  background-color: #fff;
  border: 0 solid #ebebeb;
  border-left: 1px solid #cfcfcf;
  border-right: 1px solid #cfcfcf;
  border-radius: 0;
  width: 100%;
  height: 100%;
}

.div-block-5566-copy-copy-copy {
  border-top: 0 solid #ebebeb;
  border-bottom-width: 0;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1380px;
  padding-top: 0;
  padding-bottom: 25px;
  font-size: 16px;
  display: flex;
}

.div-block-5566-copy-copy-copy.white {
  background-color: #fff;
  max-width: 1380px;
  position: relative;
}

.div-block-5566-copy-copy-copy.white.noborder {
  border-top-width: 0;
}

.div-block-5566-copy-copy-copy.white.right {
  border-top-width: 0;
  justify-content: flex-end;
}

.div-block-5566-copy-copy-copy.transparent {
  max-width: 1380px;
  position: relative;
}

.div-block-5566-copy-copy-copy.transparent.noborder {
  border-top-width: 0;
}

.div-block-5566-copy-copy-copy.transparent.right {
  border-top-width: 0;
  justify-content: flex-end;
}

.div-block-5566-copy-copy-copy.is_hidden {
  display: none;
}

.div-block-5840 {
  justify-content: space-between;
  padding-top: 25px;
  padding-bottom: 20px;
  display: flex;
}

.browserhead {
  border: 1px solid #e9e8e8;
  border-radius: 12px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 0;
  display: flex;
  overflow: hidden;
}

.brands_container-copy {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  border-left: 0 solid #dfdfdf;
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding-left: 0;
  display: flex;
}

.item_url-copy {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  color: #868686;
  white-space: nowrap;
  cursor: text;
  background-color: #fdfdfd;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
  min-height: 100%;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 16px;
  font-family: Polysans Median, sans-serif;
  font-size: 12px;
  font-weight: 400;
  transition: all .5s;
  display: flex;
  position: relative;
  overflow: hidden;
}

.item_url-copy:hover {
  color: #303030;
  background-color: #f9faf7;
}

.item_url-copy.active {
  color: #353232;
  background-color: #fff;
  border-color: #c2c2c2;
}

.item_url-copy.active:hover {
  color: #555;
}

.item_url-copy.editorial.active {
  background-color: #d6f31f;
}

.item_url-copy.brand.active {
  color: #f1f1f1;
  flex-flow: row;
}

.item_url-copy.inverted {
  background-color: #353535;
  border-color: #353535;
}

.item_url-copy.inverted:hover {
  color: #d3cfcf;
}

.item_url-copy.inverted.active {
  color: #313131;
  background-color: #d7f320;
  border-color: #d7f320;
}

.item_url-copy.inverted.active.light {
  width: 60px;
}

.item_url-copy.inverted.active.second {
  background-color: #272527;
  width: 70px;
}

.item_url-copy.inverted.active.partner_meta {
  color: #000;
  background-color: #25d366;
  border-color: #25d366;
}

.item_url-copy.inverted.hidden {
  display: none;
}

.item_url-copy.secondary {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #2e2e2e;
  background-color: #d7f320;
  border-color: #d7f320;
  width: 150px;
}

.item_url-copy.secondary.partner_meta {
  color: #000;
  background-color: #25d366;
  border-color: #25d366;
}

.item_url-copy.secondary.hidden, .item_url-copy.hidden {
  display: none;
}

.item_url-copy.search {
  cursor: text;
  padding-right: 30px;
  transition: all .6s;
}

.item_url-copy.search.active {
  justify-content: flex-start;
  align-items: center;
  width: 200px;
}

.div-block-5736-copy-copy {
  color: #272727;
  cursor: text;
  border: 0 solid #000;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 6px 5px;
  font-family: Circularxxweb, sans-serif;
  font-size: 15px;
  font-weight: 300;
  display: flex;
  overflow: hidden;
}

.div-block-5842 {
  width: 100%;
  max-width: 1380px;
}

.image-834 {
  opacity: .45;
  filter: invert();
  width: 13px;
  margin-bottom: 1px;
  margin-right: 1px;
}

.text-field-copy-copy {
  color: #868686;
  background-color: #fff0;
  border: 0 solid #000;
  height: 16px;
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  font-family: Circularxxweb, sans-serif;
  font-size: 15px;
}

.text-field-copy-copy::placeholder {
  color: #303030;
}

.text-field-copy-copy.active {
  width: auto;
}

.div-block-5843 {
  background-color: #ebebeb;
  width: 100%;
  height: 1px;
}

.div-block-5844 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  font-family: Circularxxweb, sans-serif;
  display: flex;
  overflow: auto;
}

.body {
  background-color: #f9f9f9;
  justify-content: flex-start;
  align-items: center;
  font-family: Circularxxweb, sans-serif;
  display: flex;
}

.div-block-5845 {
  aspect-ratio: 9 / 16;
  background-color: #f0f0f0;
  border: 0 solid #ddd;
  border-radius: 1px;
  width: 380px;
  overflow: hidden;
}

.div-block-5846 {
  display: flex;
  position: relative;
}

.div-block-5847 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 85px;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
}

.div-block-5847.hidden {
  opacity: 0;
}

.div-block-5848 {
  width: 80px;
}

.div-block-5849 {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 40px;
  padding-bottom: 10px;
  display: flex;
  position: relative;
}

.div-block-5850 {
  width: 100%;
  height: 50px;
  padding-top: 10px;
}

.image-835 {
  width: 20px;
}

.image-836 {
  width: 25px;
}

.image-836._2 {
  transform: rotate(180deg);
}

.div-block-5851 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  display: flex;
  position: absolute;
}

.div-block-5852 {
  font-size: 12px;
  position: absolute;
  right: 0;
}

.div-block-5853 {
  padding-right: 8px;
}

.div-block-4131 {
  max-width: 15px;
  font-family: GoogleMaterialicons, sans-serif;
  font-size: 14px;
}

.div-block-5854 {
  align-items: center;
  font-family: Circularxxweb, sans-serif;
  display: flex;
}

.control_native-copy {
  white-space: nowrap;
  cursor: pointer;
  border: 1px solid #e4e4e4;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  height: 25px;
  margin-left: 5px;
  margin-right: 0;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 10px;
  font-weight: 500;
  display: flex;
  position: relative;
}

.control_native-copy:hover {
  color: #f1eaea;
  background-color: #030303;
  border-color: #030303;
}

.control_native-copy.large {
  z-index: 100;
  height: 36px;
  padding: 6px 35px;
  font-size: 11px;
  position: static;
  bottom: 40px;
  right: 30px;
}

.control_native-copy.temp {
  color: #ebe6e6;
  background-color: #181818;
  border-color: #181818;
  display: none;
}

.control_native-copy.status {
  border-color: #d6d6d6;
  transition: all .4s;
}

.control_native-copy.improve {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  color: #202020;
  border-color: #e7e7e7;
  border-radius: 99px;
  height: 28px;
  margin-left: 0;
  padding-left: 15px;
  padding-right: 15px;
  position: static;
  right: 0;
}

.control_native-copy.improve:hover {
  color: #e9e9e9;
}

.control_native-copy.add {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  margin-left: 0;
  padding-left: 10px;
  padding-right: 10px;
  position: relative;
}

.control_native-copy.add-copy {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  border-radius: 0;
  margin-left: 0;
  padding-left: 0;
  padding-right: 0;
  position: static;
}

.control_native-copy.improve-copy {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  color: #202020;
  border-color: #dbdbdb;
  border-radius: 99px;
  height: 28px;
  margin-left: 0;
  padding-left: 15px;
  padding-right: 15px;
  position: static;
  right: 0;
}

.control_native-copy.improve-copy:hover {
  color: #e9e9e9;
}

.control_native-copy.add-copy {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  border-width: 0;
  margin-left: 0;
  padding: 0;
  position: relative;
}

.div-block-5855 {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  justify-content: space-between;
  display: flex;
}

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

.image-837 {
  aspect-ratio: 9 / 16;
}

.div-block-4131-copy {
  max-width: 15px;
  font-family: GoogleMaterialicons, sans-serif;
  font-size: 18px;
}

.div-block-5857 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  display: flex;
}

.div-block-5858 {
  background-color: #3b3b3b;
  border-radius: 99px;
  width: 5px;
  height: 5px;
}

.div-block-5859 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  text-align: center;
  font-size: 10px;
  font-weight: 500;
  line-height: 14px;
  display: flex;
}

.div-block-5860 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-5861 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: center;
  align-items: center;
  font-family: GoogleMaterialicons, sans-serif;
  display: flex;
}

.div-block-5862 {
  color: #5e5b5b;
  justify-content: center;
  align-items: center;
  padding-left: 5px;
  padding-right: 5px;
  font-size: 15px;
  display: flex;
}

.div-block-5862:hover {
  color: #313131;
}

.div-block-5862.last {
  padding-right: 0;
}

.div-block-5863 {
  background-color: #dfdfdf;
  width: 1px;
  height: 100%;
}

.div-block-5864 {
  background-color: #e6e6e6;
  width: 30px;
  height: 1px;
}

.div-block-5865 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  display: flex;
}

.div-block-5866 {
  background-color: #fff;
  border-radius: 6px;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 95px;
  height: 500px;
  padding: 5px;
  display: flex;
  position: absolute;
  left: -334px;
}

.control {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  white-space: nowrap;
  cursor: pointer;
  border: 0 solid #e4e4e4;
  border-bottom: 1px solid #d8d8d8;
  border-radius: 0;
  justify-content: flex-start;
  align-items: center;
  height: 40px;
  margin-left: 0;
  margin-right: 0;
  padding-left: 6px;
  padding-right: 10px;
  font-size: 10px;
  font-weight: 500;
  display: flex;
  position: relative;
}

.control:hover {
  color: #2c2c2c;
  background-color: #f0f0f0;
}

.control.large {
  z-index: 100;
  height: 36px;
  padding: 6px 35px;
  font-size: 11px;
  position: static;
  bottom: 40px;
  right: 30px;
}

.control.temp {
  color: #ebe6e6;
  background-color: #181818;
  border-color: #181818;
  display: none;
}

.control.status {
  border-color: #d6d6d6;
  transition: all .4s;
}

.control.improve {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  color: #202020;
  border-color: #e7e7e7;
  border-radius: 99px;
  height: 28px;
  margin-left: 0;
  padding-left: 15px;
  padding-right: 15px;
  position: static;
  right: 0;
}

.control.improve:hover {
  color: #e9e9e9;
}

.control.add {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  margin-left: 0;
  padding-left: 10px;
  padding-right: 10px;
  position: relative;
}

.control.add-copy {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  border-radius: 0;
  margin-left: 0;
  padding-left: 0;
  padding-right: 0;
  position: static;
}

.control.improve-copy {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  color: #202020;
  border-color: #dbdbdb;
  border-radius: 99px;
  height: 28px;
  margin-left: 0;
  padding-left: 15px;
  padding-right: 15px;
  position: static;
  right: 0;
}

.control.improve-copy:hover {
  color: #e9e9e9;
}

.control.add-copy {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  border-width: 0;
  margin-left: 0;
  padding: 0;
  position: relative;
}

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

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

.div-block-5869 {
  width: 100%;
}

.feature_questionmark_info {
  color: #8b8b8b;
  padding: 2px 3px;
  display: none;
}

.feature_questionmark_info.active {
  color: #db1212;
  cursor: pointer;
  border-radius: 99px;
  padding: 4px;
  font-size: 15px;
  display: flex;
}

.feature_questionmark_info.active:hover {
  color: #161616;
}

.edit_project_name {
  color: #727272;
  border: 1px solid #dadada00;
  border-radius: 5px;
  width: 288px;
  height: 46px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 300;
}

.edit_project_name:hover {
  background-color: #fafaf0;
  border: 1px solid #a7afcf;
}

.edit_project_name:focus {
  border: 1px solid #7a8aca;
}

.div-block-3598 {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 400px;
  font-weight: 300;
  display: flex;
}

.preview_modes-copy {
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  max-width: 300px;
  padding-bottom: 1px;
  padding-right: 5px;
  display: flex;
}

.project_name_input {
  margin-bottom: 0;
}

.project_name_input.native {
  display: none;
}

.styles_dropdown {
  width: auto;
  display: none;
}

.styles_dropdown.native {
  display: flex;
}

.div-block-3259 {
  color: #b4b4b4;
  white-space: nowrap;
  cursor: pointer;
  border-bottom: 3px solid #0000;
  justify-content: center;
  align-items: center;
  height: 100%;
  margin-bottom: -2px;
  margin-right: 10px;
  padding-left: 3px;
  padding-right: 3px;
  font-weight: 400;
  display: flex;
}

.div-block-3259:hover {
  border-bottom: 3px solid #000;
}

.div-block-3259.active {
  color: #111;
  border-bottom-width: 3px;
  border-bottom-color: #000;
  padding-left: 10px;
  padding-right: 10px;
  font-weight: 700;
}

.div-block-3259.reg {
  z-index: 5;
  border-bottom-color: #0000;
  position: relative;
}

.div-block-5178 {
  font-size: 10px;
  font-weight: 500;
}

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

.div-block-3302 {
  color: #3d3d3d;
  cursor: pointer;
  border: 1px solid #ebebeb;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  width: 45px;
  height: 45px;
  margin-right: 5px;
  font-family: GoogleMaterialicons, sans-serif;
  font-size: 16px;
  display: flex;
}

.div-block-3302:hover {
  color: #f8f5f5;
  background-color: #252525;
  border-color: #252525;
}

.color_theme_dropdown {
  width: auto;
  display: none;
}

.color_theme_dropdown.native {
  display: flex;
}

.publish_settings_dropdown {
  color: #adadad;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  min-width: 95px;
  font-weight: 300;
  display: flex;
}

.div-block-3267 {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  left: 0;
}

.div-block-3753 {
  width: 100%;
  max-width: 400px;
  display: flex;
}

.div-block-3753.right {
  justify-content: flex-end;
}

.div-block-5244 {
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  max-width: 450px;
  display: flex;
}

.at_center_navigation {
  z-index: 99;
  background-color: #fff;
  border-bottom: 1px solid #f0f0f0;
  justify-content: center;
  align-items: center;
  height: 80px;
  min-height: 80px;
  padding: 0 20px;
  display: flex;
  position: sticky;
  top: 0;
  box-shadow: 1px 1px 20px -16px #0006;
}

.at_center_navigation.project {
  justify-content: space-between;
  align-items: center;
  padding-right: 10px;
  position: relative;
}

.sizes_dropdown2 {
  width: auto;
  display: none;
}

.sizes_dropdown2.native {
  padding-right: 10px;
  display: flex;
}

.preview_modes_dropdown_projects {
  width: auto;
}

.div-block-3258 {
  z-index: 5;
  white-space: nowrap;
  justify-content: center;
  align-items: center;
  height: 100%;
  font-weight: 300;
  display: flex;
  position: relative;
}

.div-block-3258.native {
  display: none;
}

.div-block-3303 {
  margin-right: 6px;
  display: flex;
}

.div-block-3303.native {
  display: none;
}

.div-block-5179 {
  cursor: pointer;
  flex-direction: row;
  align-items: center;
  margin-left: 5px;
  display: none;
}

.div-block-5870 {
  opacity: 1;
}

.image-702 {
  width: 24px;
}

.sitemenu {
  color: #1b1b1bb3;
  cursor: pointer;
  border-bottom: 1px solid #f3f2ee;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 80px;
  height: 100px;
  font-weight: 500;
  display: flex;
}

.sitemenu:hover {
  background-color: #e7eef1;
}

.sitemenu._56 {
  border-bottom-color: #dfdfdf;
  width: 70px;
  height: 51px;
  position: relative;
}

.div-block-5398 {
  z-index: 5;
  opacity: 0;
  background-color: #0a0a0a;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
}

.div-block-5398:hover {
  opacity: 1;
}

.div-block-5329 {
  border-top: 0 solid #e9e9e9;
  border-bottom: 0 solid #f1f1f1;
  border-right: 0 solid #dfdfdf;
  justify-content: center;
  align-items: center;
  height: 32px;
  min-height: 32px;
  display: flex;
}

.page_tab {
  opacity: .7;
  color: #111;
  cursor: pointer;
  border-bottom: 1px solid #dfdfdf;
  border-right: 1px solid #0000;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100px;
  font-size: 11px;
  font-weight: 500;
  display: flex;
  position: relative;
}

.page_tab:hover {
  opacity: 1;
  background-color: #fff;
}

.submenu_1 {
  background-color: #fff;
  width: 300px;
  height: 400px;
  display: none;
  position: absolute;
  top: 56px;
  left: 5px;
  box-shadow: 0 0 18px #0003;
}

.div-block-5339 {
  z-index: 1;
  border-top: 1px solid #dfdfdf;
  width: 70px;
  position: absolute;
  bottom: 0;
  left: 0;
}

.div-block-5337 {
  justify-content: center;
  align-items: center;
  width: 24px;
  margin-bottom: 8px;
  font-size: 22px;
  font-weight: 400;
  display: flex;
}

.image-698 {
  opacity: .81;
  filter: invert();
  width: 23px;
}

.image-701 {
  width: 21px;
}

.image-703 {
  width: 17px;
}

.div-block-5316-copy {
  z-index: 120;
  border-right: 1px solid #e0e0e0;
  flex-direction: column;
  justify-content: space-between;
  width: 70px;
  min-width: 70px;
  height: 100vh;
  display: flex;
  position: relative;
}

.div-block-5871 {
  width: 100%;
  height: 100vh;
  display: flex;
  overflow: hidden;
}

.materialicon {
  justify-content: center;
  align-items: center;
  font-family: GoogleMaterialicons, sans-serif;
  font-size: 14px;
  display: flex;
  position: relative;
}

.materialicon.faded {
  color: #686161;
}

.materialicon.faded:hover {
  color: #e0dbdb;
}

.nav_label {
  margin-right: 25px;
}

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

.div-block-5873 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  align-items: center;
  padding-left: 10px;
  display: flex;
}

.div-block-5874 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  align-items: center;
  padding-right: 10px;
  display: flex;
}

.div-block-5875 {
  opacity: .5;
  position: relative;
}

.div-block-5875:hover {
  opacity: .9;
}

.div-block-5876 {
  color: #fff;
  font-size: 9px;
  position: absolute;
  top: 12.6406px;
}

.div-block-5876.redo {
  right: 0;
}

.image-707 {
  filter: invert();
  width: 22px;
}

.div-block-5877 {
  color: #b8b8b8;
  background-color: #444;
  border: 1px solid #53535342;
  border-radius: 4px;
  justify-content: space-between;
  align-items: center;
  padding: 3px 5px 3px 10px;
  font-size: 12px;
  font-weight: 500;
  display: flex;
}

.div-block-5877:hover {
  color: #e7e3e3;
  background-color: #3f3f3f;
}

.div-block-5877.hidden {
  display: none;
}

.div-block-5877.is_preset {
  color: #d8d9e2;
  background-color: #0d5ca7;
}

.div-block-5481 {
  background-color: #292929;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  display: flex;
}

.div-block-5878 {
  height: 51px;
}

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

.div-block-5880 {
  background-color: #292929;
  border-left: 0 solid #dbdbdb05;
  width: 270px;
  min-width: 270px;
  height: 100vh;
}

.div-block-5880:hover {
  filter: invert();
}

.div-block-5420 {
  z-index: 99;
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  white-space: nowrap;
  background-color: #292929;
  border-bottom: 1px solid #444;
  border-left: 1px solid #585858;
  justify-content: flex-start;
  align-items: center;
  height: 51px;
  min-height: 51px;
  padding-left: 10px;
  display: flex;
  position: sticky;
  top: 0;
  box-shadow: 0 4px 7px #0003;
}

.div-block-5419 {
  color: #9c9c9c;
  cursor: default;
  border-bottom: 2px solid #fff0;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 12px;
  font-weight: 500;
  display: flex;
  position: relative;
  bottom: -1px;
}

.div-block-5419:hover {
  color: #e4e4e4;
}

.div-block-5419.active {
  color: #f0f0f0;
  border-bottom-color: #ffffffed;
}

.div-block-5419.hidden {
  display: none;
}

.div-block-5881 {
  width: 100%;
  position: relative;
}

.div-block-5882 {
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #dfdfdf;
  border-right-width: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 22px;
  height: 50px;
  display: flex;
  position: absolute;
  top: 26px;
  left: -22px;
  box-shadow: 0 2px 13px #0000000d;
}

.div-block-5882:hover {
  border-color: #a39999;
  border-right-width: 0;
}

.div-block-5358 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  border: 0 solid #000;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 10px;
  padding-left: 0;
  display: flex;
}

.div-block-5358.border_top {
  border-top-width: 1px;
  border-top-color: #333;
}

.div-block-5358.border_top.nospace {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  border-bottom-width: 1px;
  border-bottom-color: #333;
  margin-bottom: 0;
  padding-top: 4px;
  padding-bottom: 18px;
}

.dropdown_expansion {
  z-index: 20;
  background-color: #353535;
  border-radius: 6px;
  width: 100%;
  display: none;
  position: absolute;
  top: 0;
  overflow: hidden;
}

.reg_label {
  color: #9b9b9b;
  justify-content: flex-start;
  align-items: center;
  width: 50px;
  font-size: 11px;
  font-weight: 300;
  display: flex;
  position: relative;
}

.reg_label.setsize {
  width: 55px;
  min-width: 55px;
  text-decoration: none;
}

.color_input {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.div-block-5544 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  display: none;
}

.div-block-5544.active {
  display: flex;
}

.dropdown_search {
  border-bottom: 1px solid #58585866;
  width: 100%;
  padding: 7px;
  display: none;
}

.dropdown_search.active {
  display: flex;
}

.css_group {
  z-index: 2;
  opacity: .9;
  filter: sepia(10%);
  border-bottom: 1px solid #424242de;
  flex-direction: column;
  width: 100%;
  padding: 10px 16px 10px 15px;
  display: flex;
  position: relative;
}

.css_group:hover {
  opacity: 1;
  filter: sepia(0%);
}

.css_group.carousel {
  z-index: 19;
}

.unit_indicator {
  color: #8a8a8a;
  text-transform: uppercase;
  cursor: pointer;
  border-radius: 3px;
  justify-content: center;
  align-items: center;
  padding: 4px;
  font-size: 9px;
  font-weight: 400;
  line-height: 10px;
  display: flex;
  position: absolute;
  right: 3px;
}

.unit_indicator:hover {
  color: #d4d4d4;
  background-color: #464545;
}

.unit_indicator.hidden {
  display: none;
}

.dd_search {
  color: #dbd7d7;
  background-color: #0000000d;
  border: 1px solid #444;
  border-radius: 4px;
  width: 58px;
  height: 27px;
  margin-bottom: 0;
  padding: 5px;
  font-size: 12px;
  font-weight: 300;
  line-height: 12px;
  position: relative;
  box-shadow: 0 0 7px #00000005;
}

.dd_search:hover {
  border-color: #6a708a;
}

.dd_search:focus {
  border-color: #4e65b4;
}

.dd_search.full {
  background-color: #c9b5b50d;
  width: 100%;
}

.dd_search.full:focus {
  border-color: #63656b;
}

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

.dropdown_items {
  flex-direction: column;
  justify-content: flex-start;
  width: 100%;
  max-height: 280px;
  display: flex;
  overflow: auto;
}

.div-block-5464 {
  width: 100%;
  position: absolute;
  bottom: 0;
}

.dropdown_main {
  color: #9c9c9c;
  white-space: nowrap;
  cursor: default;
  background-color: #444;
  border-top: 1px solid #3b3b3b;
  border-radius: 4px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 100%;
  height: 100%;
  min-height: 27px;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 11px;
  display: flex;
}

.dropdown_main:hover {
  background-color: #535353;
}

.input_element {
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.div-block-5430 {
  border: 1px solid #3b3b3b;
  border-radius: 4px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 27px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 0 3px #0003;
}

.div-block-5430.noborder {
  border-width: 0;
  position: relative;
  overflow: visible;
}

.multi_input {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-right: 5px;
  display: flex;
}

.group_content {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  padding-bottom: 10px;
  display: flex;
}

.materialicon_switch {
  opacity: 0;
  justify-content: center;
  align-items: center;
  width: 15px;
  font-family: GoogleMaterialicons, sans-serif;
  font-size: 14px;
  display: flex;
}

.materialicon_switch.active {
  opacity: 1;
}

.dropdown_label_1 {
  padding-left: 5px;
}

.div-block-5883 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-direction: column;
  width: 100%;
  margin-right: 5px;
  display: flex;
}

.dropdown_extra_item {
  color: silver;
  cursor: default;
  border-bottom: 1px solid #58585866;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 27px;
  min-height: 27px;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 10px;
  font-size: 11px;
  display: flex;
}

.dropdown_extra_item:hover {
  color: #ddd;
  background-color: #7a7a7a78;
}

.color_input1 {
  border-radius: 4px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.thegroup_header {
  color: #fff;
  border-bottom: 1px solid #2525251c;
  justify-content: space-between;
  align-items: center;
  padding-top: 6px;
  padding-bottom: 6px;
  font-size: 14px;
  display: flex;
  position: relative;
}

.div-block-5884 {
  color: #adadad;
  cursor: default;
  background-color: #c0ba9b14;
  border-right: 1px solid #1f1f1f;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  font-size: 11px;
  display: flex;
  position: relative;
}

.div-block-5884:hover {
  background-color: #1a1c2b14;
}

.div-block-5884.active {
  color: #d8d7cd;
  background-color: #202020;
}

.div-block-5884.last {
  border-right-width: 0;
}

.switch_label {
  align-items: center;
  max-width: 135px;
  font-family: Circularxxweb, sans-serif;
  font-size: 11px;
  font-weight: 400;
  display: flex;
  overflow: hidden;
}

.switch_label.material {
  font-family: GoogleMaterialicons, sans-serif;
  font-size: 13px;
}

.div-block-5885 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  cursor: default;
  display: flex;
}

.dropdown_comment {
  color: #9b9b9b;
  border-top: 1px solid #1f1f1f;
  padding: 10px;
  font-size: 11px;
  display: none;
}

.field_value {
  white-space: nowrap;
  cursor: default;
  background-color: #252525;
  border-radius: 1px;
  justify-content: center;
  align-items: center;
  padding: 2px 3px;
  font-weight: 400;
  display: flex;
}

.field_value:hover {
  background-color: #1d1d1d;
}

.text-field-9 {
  color: #bbbaba;
  background-color: #0000000d;
  border: 1px solid #3a3a3a;
  border-radius: 4px;
  width: 58px;
  height: 27px;
  margin-bottom: 0;
  padding: 5px;
  font-size: 12px;
  font-weight: 300;
  line-height: 12px;
  position: relative;
  box-shadow: 0 0 7px #00000005;
}

.text-field-9:hover {
  color: #dbd7d7;
  border-color: #6a708a;
}

.text-field-9:focus {
  color: #dbd7d7;
}

.text-field-9::placeholder {
  color: #757575;
}

.dropdown_comp {
  width: 100%;
  height: 100%;
  display: flex;
}

.page_body {
  flex-flow: column;
  display: flex;
}

.div-block-5886 {
  z-index: 1;
  background-color: #e4e4e4;
  width: 100%;
  height: 1px;
  position: absolute;
}

.body-3 {
  font-family: Circularxxweb, sans-serif;
}

.div-block-5887 {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.div-block-16-copy {
  grid-column-gap: 11px;
  grid-row-gap: 11px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 400px;
  display: flex;
  position: relative;
}

.div-block-16-copy.spaced {
  padding-bottom: 30px;
}

.div-block-5564-copy {
  border-left: 1px solid #eee;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  padding-left: 50px;
  display: flex;
  position: relative;
}

.div-block-1575-copy {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-bottom: 0;
  padding-left: 100px;
  display: flex;
  position: relative;
}

.div-block-2-copy {
  z-index: 20;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
  font-family: Circularxxweb, sans-serif;
  font-weight: 300;
  display: flex;
  position: relative;
}

.div-block-2-copy.copilot {
  padding-left: 0;
  padding-right: 0;
}

.div-block-2-copy.studio1 {
  padding-top: 80px;
}

.div-block-2-copy.studio1.iszero {
  padding-top: 0;
}

.div-block-5888 {
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 1380px;
  font-family: Circularxxweb, sans-serif;
  display: flex;
  position: relative;
}

.div-block-4-copy {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 50%;
  min-width: 450px;
  padding-left: 40px;
  padding-right: 60px;
  display: flex;
  overflow: auto;
}

.div-block-4-copy.sticky {
  height: auto;
  padding-bottom: 80px;
  padding-left: 0;
  position: sticky;
  top: 40px;
  overflow: hidden;
}

.div-block-4-copy.sticky.solutions {
  width: 48%;
}

.div-block-4-copy.sticky.zero {
  padding-left: 0;
}

.div-block-4-copy.cover {
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  min-height: 650px;
  padding-right: 10px;
}

.div-block-4-copy.sticky-copy {
  height: auto;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.div-block-4-copy.sticky-copy.solutions {
  width: 48%;
}

.div-block-4-copy.sticky-copy.zero {
  padding-left: 0;
}

.div-block-4-copy.full {
  width: 100%;
}

.div-block-4-copy._60 {
  padding-top: 60px;
}

.div-block-1575-copy {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 1380px;
  padding-bottom: 0;
  padding-left: 0;
  display: flex;
  position: relative;
}

.headline2 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 50%;
  min-width: 450px;
  padding-left: 40px;
  padding-right: 60px;
  display: flex;
  overflow: auto;
}

.headline2.sticky {
  height: auto;
  padding-bottom: 80px;
  position: sticky;
  top: 40px;
  overflow: hidden;
}

.headline2.sticky.solutions {
  width: 48%;
}

.headline2.sticky.zero {
  padding-left: 0;
}

.headline2.cover {
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  min-height: 650px;
  padding-right: 10px;
}

.headline2.sticky-copy {
  height: auto;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.headline2.sticky-copy.solutions {
  width: 48%;
}

.headline2.sticky-copy.zero {
  padding-left: 0;
}

.headline2.full {
  width: 100%;
  padding-left: 0;
}

.headline2._60 {
  padding-top: 60px;
}

.stories_container {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border-top: 1px solid #ececec;
  grid-template-rows: auto;
  grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
  grid-auto-columns: 1fr;
  width: 100%;
  max-width: 1380px;
  margin-top: 20px;
  margin-left: 0;
  padding-top: 20px;
  padding-left: 0;
  display: grid;
}

.div-block-5889 {
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 1380px;
  padding-top: 100px;
  padding-bottom: 100px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.div-block-5890 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1380px;
  padding-left: 100px;
  display: flex;
}

.div-block-5890.is_hidden {
  display: none;
}

._1thevalue-copy {
  border-bottom: 1px solid #eee;
  flex-direction: column;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 50px;
  display: flex;
  position: relative;
}

._1thevalue-copy.aw {
  border-bottom-color: #cfcfcf4d;
}

._1thevalue-copy.aw._2 {
  border-bottom-width: 0;
}

._1thevalue-copy.first {
  padding-top: 0;
}

._1thevalue-copy.first.aw {
  border-bottom-width: 0;
  border-bottom-color: #5200ff1f;
  justify-content: center;
  align-items: flex-start;
  padding-top: 0;
  padding-bottom: 40px;
  padding-left: 60px;
  position: relative;
}

._1thevalue-copy.first.aw.spaced {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  padding-bottom: 120px;
}

._1thevalue-copy.first.aw.sm {
  width: 100%;
  padding-bottom: 20px;
}

._1thevalue-copy.first.aw.sm.last {
  padding-bottom: 0;
}

._1thevalue-copy.first.aw.sm.ns {
  padding-bottom: 40px;
}

._1thevalue-copy.first.aw-copy {
  border-bottom-width: 0;
  border-bottom-color: #5200ff1f;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 60px;
  position: relative;
}

._1thevalue-copy.first.quote {
  border-bottom-width: 0;
  border-bottom-color: #5200ff1f;
  justify-content: center;
  align-items: center;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 60px;
  display: none;
  position: relative;
}

._1thevalue-copy.first.quote.active {
  display: flex;
}

._1thevalue-copy.first.home {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  border-bottom-width: 0;
  border-bottom-color: #5200ff1f;
  justify-content: center;
  align-items: flex-start;
  padding-top: 0;
  padding-bottom: 40px;
  padding-left: 60px;
  position: relative;
}

._1thevalue-copy.first.home.spaced {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  padding-bottom: 120px;
}

._1thevalue-copy.first.home.sm {
  width: 100%;
  padding-bottom: 20px;
}

._1thevalue-copy.first.home.sm.last {
  padding-bottom: 0;
}

._1thevalue-copy.first.home.sm.ns {
  padding-bottom: 40px;
}

._1thevalue-copy.last {
  border-bottom-width: 0;
}

._1thevalue-copy.last2 {
  border-bottom-width: 0;
  padding-top: 0;
}

._1thevalue-copy.last2.aw {
  border-bottom-width: 0;
  border-bottom-color: #5200ff1f;
  justify-content: center;
  align-items: flex-start;
  padding-top: 0;
  padding-bottom: 40px;
  padding-left: 60px;
  position: relative;
}

._1thevalue-copy.last2.aw.spaced {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  padding-bottom: 120px;
}

._1thevalue-copy.last2.aw.sm {
  width: 100%;
  padding-bottom: 20px;
}

._1thevalue-copy.last2.aw.sm.last {
  padding-bottom: 0;
}

._1thevalue-copy.last2.aw.sm.ns {
  padding-bottom: 40px;
}

._1thevalue-copy.last2.aw-copy {
  border-bottom-width: 0;
  border-bottom-color: #5200ff1f;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 60px;
  position: relative;
}

._1thevalue-copy.last2.quote {
  border-bottom-width: 0;
  border-bottom-color: #5200ff1f;
  justify-content: center;
  align-items: center;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 60px;
  display: none;
  position: relative;
}

._1thevalue-copy.last2.quote.active {
  display: flex;
}

._1thevalue-copy.last2.home {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  border-bottom-width: 0;
  border-bottom-color: #5200ff1f;
  justify-content: center;
  align-items: flex-start;
  padding-top: 0;
  padding-bottom: 40px;
  padding-left: 60px;
  position: relative;
}

._1thevalue-copy.last2.home.spaced {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  padding-bottom: 120px;
}

._1thevalue-copy.last2.home.sm {
  width: 100%;
  padding-bottom: 20px;
}

._1thevalue-copy.last2.home.sm.last {
  padding-bottom: 0;
}

._1thevalue-copy.last2.home.sm.ns {
  padding-bottom: 40px;
}

.div-block-5891 {
  width: 100%;
  max-width: 1380px;
}

.brands_container-copy {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  border-left: 0 solid #dfdfdf;
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-start;
  padding-left: 0;
  display: flex;
  position: relative;
}

.brands_container-copy._100 {
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
}

.brands_container-copy.hidden {
  display: none;
}

._2brands_container-copy-copy {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  border: 1px solid #ececec;
  border-radius: 99px;
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  padding-left: 0;
  display: flex;
  position: relative;
}

._2brands_container-copy-copy._100 {
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
}

._2brands_container-copy-copy.hidden {
  display: none;
}

.div-block-5892 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  background-color: #fff;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-top: 15px;
  padding-bottom: 20px;
  display: flex;
}

.div-block-5892.studio {
  background-color: #fff0;
}

.div-block-5689-copy {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  padding-top: 60px;
  padding-bottom: 30px;
  display: flex;
  position: relative;
}

._2div-block-3207-copy-copy {
  background-color: #fff;
  border: 1px solid #5200ff;
  border-radius: 99px;
  width: 11px;
  height: 11px;
  position: absolute;
  top: 5px;
  left: -32px;
}

._2div-block-3207-copy-copy.v2 {
  background-color: #5200ff;
  border-color: #ececec;
}

._2div-block-3207-copy-copy.black {
  background-color: #040a17;
  border-color: #aaa;
  justify-content: center;
  align-items: center;
  font-size: 9px;
  display: flex;
}

._2div-block-3207-copy-copy.black-copy {
  background-color: #292929;
  border-color: #aaa;
}

._2div-block-3207-copy-copy.v2-copy {
  background-color: #515152;
  border-color: #ececec;
}

._2div-block-3207-copy-copy.black-copy {
  color: #d6d1d1;
  background-color: #1b1b1d;
  border-color: #616164;
  justify-content: center;
  align-items: center;
  width: 21px;
  height: 21px;
  font-size: 9px;
  display: flex;
  top: 16px;
  left: -11px;
}

._2div-block-3207-copy-copy.is_bullet {
  background-color: #292929;
  border-color: #aaa;
}

._2div-block-3207-copy-copy._5black-copy-copy {
  color: #d6d1d1;
  background-color: #686868;
  border-width: 0;
  border-color: #616164;
  border-radius: 0;
  justify-content: center;
  align-items: center;
  width: 1px;
  height: 100%;
  font-size: 9px;
  display: flex;
  top: 0;
  left: 0;
}

._2div-block-3207-copy-copy.green {
  z-index: 30;
  background-color: #3cffd0;
  border-color: #26967b;
}

._2div-block-3207-copy-copy.green._2 {
  left: -66px;
}

._2div-block-3207-copy-copy.green._2-copy {
  background-color: #fff;
  border-top-color: #97a8a4;
  left: -66px;
}

._23div-block-4-copy {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 50%;
  min-width: 450px;
  padding-left: 0;
  padding-right: 60px;
  display: flex;
  overflow: auto;
}

._23div-block-4-copy.sticky {
  height: auto;
  padding-bottom: 80px;
  position: sticky;
  top: 40px;
  overflow: hidden;
}

._23div-block-4-copy.sticky.solutions {
  width: 48%;
}

._23div-block-4-copy.sticky.zero {
  padding-left: 0;
}

._23div-block-4-copy.cover {
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  min-height: 650px;
  padding-right: 10px;
}

._23div-block-4-copy.sticky-copy {
  height: auto;
  position: sticky;
  top: 0;
  overflow: hidden;
}

._23div-block-4-copy.sticky-copy.solutions {
  width: 48%;
}

._23div-block-4-copy.sticky-copy.zero {
  padding-left: 0;
}

._23div-block-4-copy.full {
  width: 100%;
}

._23div-block-4-copy._60 {
  padding-top: 60px;
}

.div-block-5893 {
  z-index: 10;
  opacity: 0;
  pointer-events: auto;
  background-color: #f1f1f1;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
}

.div-block-5893:hover {
  opacity: 1;
}

.div-block-5894 {
  color: #2e2e2e;
  background-color: #fff;
  border: 1px solid #cecece;
  border-radius: 2px;
  padding: 15px 20px;
  font-family: Polysans Median, sans-serif;
  text-decoration: none;
}

.div-block-5226-copy {
  color: #222;
  cursor: pointer;
  background-color: #f1f1f1;
  border-radius: 6px;
  height: 100%;
  margin-right: 0;
  padding: 10px 15px;
  font-family: Polysans Neutral, sans-serif;
}

.overlay_branch {
  z-index: 9999;
  pointer-events: none;
  mix-blend-mode: normal;
  width: 100%;
  height: 600px;
  position: absolute;
  top: 0;
  left: 0;
}

.div-block-5216-copy {
  z-index: 10;
  cursor: text;
  background-color: #fff;
  border: 1px solid #d8d8d8;
  border-radius: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 770px;
  padding: 10px 10px 10px 15px;
  transition: all .55s;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: -1px -2px 13px #0000000a;
}

.div-block-5216-copy:hover {
  border-color: #9e9e9e;
}

.div-block-5216-copy.active {
  bottom: 40px;
}

._2div-block-5226-copy-copy {
  white-space: nowrap;
  cursor: pointer;
  background-color: #f1f1f1;
  border-radius: 6px;
  align-items: center;
  margin-right: 0;
  padding: 6px 15px 6px 16px;
  font-size: 13px;
  font-weight: 300;
  display: flex;
}

._2div-block-5226-copy-copy:hover {
  color: #fff;
  background-color: #444;
}

.text-span-86 {
  font-weight: 500;
}

.div-block-5895 {
  z-index: 100;
  background-color: #fff;
  padding-top: 20px;
  padding-bottom: 20px;
  font-family: Polysans Median, sans-serif;
  font-size: 20px;
  position: relative;
}

.div-block-5895.clear {
  background-color: #fff0;
}

.experiences_preview {
  width: 100%;
  padding-bottom: 150px;
  padding-left: 0;
}

.experiences_preview.studio {
  padding-bottom: 50px;
}

.div-block-5700-copy {
  opacity: 1;
  min-width: 15px;
  padding-bottom: 3px;
  padding-right: 3px;
}

._2div-block-5594-copy {
  opacity: 0;
  justify-content: center;
  align-items: center;
  display: flex;
}

._2div-block-5594-copy.active {
  opacity: 1;
}

.image-838 {
  filter: invert();
  width: 9px;
  min-width: 8px;
}

.div-block-5573-copy {
  opacity: 1;
  color: #16161600;
  border: 1px solid #d4d4d4;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  width: 16px;
  min-width: 16px;
  height: 16px;
  min-height: 16px;
  padding: 4px;
  font-family: GoogleMaterialicons, sans-serif;
  display: flex;
}

.div-block-5573-copy.active {
  background-color: #181818;
  border-color: #303030;
}

.div-block-5573-copy.brand {
  color: #fff;
}

.div-block-5573-copy.editorial {
  color: #000;
}

.div-block-5573-copy.editorial.active {
  border-left-color: #c2c2c26b;
}

.product_headline {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 1380px;
  padding-left: 0;
  display: flex;
  position: relative;
}

.div-block-12-copy-copy {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  max-width: 950px;
  padding-right: 80px;
  display: flex;
}

.div-block-12-copy-copy.larger {
  padding-right: 70px;
}

.div-block-5896 {
  width: 100%;
  max-width: 1380px;
  padding-left: 25px;
}

.div-block-5896.is_hidden {
  display: none;
}

.div-block-5897 {
  padding-bottom: 15px;
}

.div-block-12-copy-copy-copy {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  max-width: 950px;
  padding-right: 50px;
  display: flex;
}

.div-block-12-copy-copy-copy.larger {
  padding-right: 70px;
}

._12thecontent_holder-copy-copy {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 1380px;
  padding-left: 0;
  display: flex;
  position: relative;
}

.div-block-16-copy-copy {
  grid-column-gap: 11px;
  grid-row-gap: 11px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 300px;
  display: flex;
  position: relative;
}

.div-block-16-copy-copy.spaced {
  padding-bottom: 30px;
  padding-left: 0;
}

.div-block-5564-copy-copy {
  border-left: 0 solid #eee;
  border-right: 1px solid #e4e4e4;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  padding-left: 0;
  display: flex;
  position: relative;
}

.div-block-5836-copy {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  color: #5200ff;
  background-color: #f7f7f7;
  border: 0 solid #000;
  border-radius: 12px;
  flex-flow: column;
  width: 100%;
  max-width: 1380px;
  margin-bottom: 80px;
  padding: 45px;
  display: flex;
}

.div-block-5898 {
  background-color: #e4e4e4;
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: 190px;
}

.image-732-copy {
  width: 15px;
}

.div-block-5888-copy {
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 1380px;
  padding-top: 100px;
  padding-bottom: 100px;
  font-family: Circularxxweb, sans-serif;
  display: flex;
  position: relative;
}

.div-block-5888-copy-copy {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 1380px;
  padding-top: 100px;
  padding-bottom: 100px;
  padding-left: 100px;
  font-family: Circularxxweb, sans-serif;
  display: flex;
  position: relative;
}

.div-block-5689-copy-copy {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 1380px;
  padding-top: 60px;
  padding-bottom: 30px;
  padding-left: 25px;
  display: flex;
  position: relative;
}

.div-block-5689-copy-copy.is_hidden {
  display: none;
}

.div-block-3245-copy {
  z-index: 100;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  font-family: Circularxxweb, sans-serif;
  display: flex;
  position: relative;
  overflow: hidden;
}

.div-block-3245-copy.ns {
  padding-top: 0;
}

.div-block-5834-copy {
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1380px;
  height: 500px;
  display: flex;
  position: sticky;
  top: 0;
}

.div-block-5899 {
  display: none;
}

.div-block-5900 {
  justify-content: center;
  align-items: center;
  font-size: 14px;
  font-weight: 300;
  display: flex;
}

.image-839 {
  opacity: .15;
  width: 25px;
  margin-right: 8px;
}

.text-block-578 {
  color: #5c5c5c;
  margin-bottom: 10px;
}

.div-block-5901 {
  width: 100%;
  padding: 20px;
  position: relative;
  overflow: scroll;
}

.div-block-5901.lightscroll {
  height: 100%;
  padding-top: 0;
  padding-right: 0;
  overflow: visible;
}

._12nodata-copy {
  color: #afaeae;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  font-size: 16px;
  font-weight: 300;
  display: none;
  position: absolute;
}

._12nodata-copy.active {
  z-index: 50;
  color: #222;
  background-color: #f8f8f8;
  border: 1px solid #e6e6e6;
  border-radius: 12px;
  flex-direction: column;
  height: 100%;
  display: flex;
}

.div-block-5902 {
  cursor: pointer;
  border-right: 1px solid #e7e7e7;
  border-radius: 3px;
  justify-content: center;
  align-items: center;
  margin-right: 0;
  padding: 10px 15px;
  display: flex;
}

.div-block-5903 {
  color: #3330;
  text-align: center;
  border: 1px solid #cac8c8;
  border-radius: 3px;
  justify-content: center;
  align-items: center;
  width: 19px;
  height: 19px;
  font-size: 12px;
  display: flex;
}

.inventoryblocker {
  z-index: 99;
  background-color: #fff;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
}

.inventoryblocker.active {
  z-index: 100;
  background-color: #fff0;
  display: flex;
}

.div-block-5904 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  white-space: nowrap;
  align-items: center;
  padding-right: 21px;
  display: flex;
}

.dropdown_menu-3 {
  color: #727272;
  cursor: pointer;
  border: 1px solid #dadada;
  border-radius: 6px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 46px;
  min-height: 46px;
  padding-left: 12px;
  padding-right: 5px;
  font-size: 13px;
  font-weight: 300;
  display: flex;
  position: relative;
}

.dropdown_menu-3:hover {
  color: #252525;
  background-color: #fafaf0;
}

.dropdown_menu-3.rounded {
  color: #3d3d3d;
  background-color: #f1f1f1;
  border-width: 1px;
  border-color: #f1f1f1;
  border-radius: 99px;
  justify-content: flex-start;
  width: auto;
  padding-left: 25px;
  padding-right: 5px;
  font-size: 12px;
  font-weight: 700;
}

.dropdown_menu-3.rounded:hover {
  border-color: #a7afcf;
}

.dropdown_menu-3.rounded.blue {
  color: #f8f3f3;
  background-color: #1654ff;
  border-color: #1654ff;
}

.dropdown_menu-3.rounded.blue.domains {
  white-space: nowrap;
  padding-right: 15px;
}

.dropdown_menu-3.rounded.blue.domains:hover {
  background-color: #181818;
  border-color: #181818;
}

.div-block-5905 {
  letter-spacing: 0;
  font-size: 13px;
  display: flex;
}

.div-block-5906 {
  color: #000;
  letter-spacing: 1px;
  text-transform: none;
  white-space: nowrap;
  cursor: pointer;
  background-color: #fff0;
  border: 1px solid #4ab198;
  border-radius: 99px;
  align-items: center;
  padding: 5px 20px;
  font-size: 10px;
  font-weight: 400;
  display: flex;
}

.div-block-5906:hover {
  color: #f0f0f0;
  background-color: #292929;
  border-color: #474646;
}

.div-block-5906.purple {
  color: #fff;
  background-color: #fff0;
  border-color: #b295f0;
}

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

.div-block-5908 {
  display: none;
}

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

.div-block-5910 {
  font-family: GoogleMaterialicons, sans-serif;
  font-size: 15px;
}

.div-block-3400-copy-3 {
  cursor: pointer;
  border-right: 1px solid #e7e7e7;
  border-radius: 3px;
  justify-content: center;
  align-items: center;
  margin-right: 0;
  padding: 10px 15px;
  display: flex;
}

.div-block-5911 {
  color: #c5c5c5;
  cursor: pointer;
  border-radius: 3px;
  max-width: 27px;
  margin-right: 0;
  font-family: GoogleMaterialicons, sans-serif;
  font-size: 22px;
}

.div-block-5911:hover {
  color: #000;
  background-color: #fff;
}

.div-block-5836-copy-copy {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  color: #5200ff;
  background-color: #fff;
  border: 0 solid #000;
  border-radius: 12px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 1380px;
  margin-bottom: 25px;
  padding: 45px;
  display: flex;
}

.div-block-5564-copy-copy-copy {
  border-left: 0 solid #eee;
  border-right: 0 solid #e4e4e4;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  padding-left: 30px;
  display: flex;
  position: relative;
}

.ideation_box-white {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #fff;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 45px 20px 40px;
  font-family: Circularxxweb, sans-serif;
  display: flex;
  position: relative;
  overflow: hidden;
}

.ideation_box-white.centered {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  justify-content: flex-start;
  padding-top: 0;
  padding-bottom: 60px;
}

.ideation_box-white.spaced {
  padding-top: 100px;
}

.thescene {
  align-items: flex-start;
  display: flex;
  position: relative;
}

.thescene.thereprots {
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  min-width: 100%;
}

.div-block-4524 {
  cursor: pointer;
  border-left: 1px solid #7a7a7a26;
  justify-content: center;
  align-items: center;
  min-width: 66px;
  height: 100%;
  padding: 10px 21px;
  font-family: GoogleMaterialicons, sans-serif;
  font-size: 20px;
  display: flex;
}

.text-block-488 {
  margin-right: 6px;
}

.div-block-4523 {
  width: 100%;
  margin-top: 0;
  padding: 20px;
  position: relative;
  overflow: hidden;
}

.reports_item_domains {
  border-right: 1px solid #e7e7e7;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 5px 5px 5px 15px;
  display: flex;
  overflow: hidden;
}

.reports_item_domains.media {
  margin-bottom: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 20px;
}

.reports_item_domains.small {
  flex-direction: column;
  justify-content: center;
  min-width: 150px;
  max-width: 150px;
}

.reports_item_domains.small.vertical {
  flex-direction: column;
  justify-content: center;
}

.reports_item_domains.head {
  cursor: auto;
  background-color: #f1f1f1;
  border-radius: 3px;
  justify-content: flex-start;
  align-items: center;
  padding-top: 18px;
  padding-bottom: 18px;
}

.reports_item_domains.head:hover {
  background-color: #e9e9e9;
}

.reports_item_domains.head.small {
  max-width: 150px;
  height: 100%;
}

.reports_item_domains.head.small.noclick {
  cursor: auto;
}

.div-block-3912 {
  font-weight: 500;
  line-height: 24px;
  display: flex;
}

.div-block-4528 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #fff;
  border: 0 solid #e9e9e9;
  border-top: 1px solid #ebebeb;
  border-radius: 3px;
  grid-template-rows: auto;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  grid-auto-columns: 1fr;
  align-items: center;
  padding: 16px;
  display: grid;
}

.div-block-4528.spaced {
  border-top-width: 0;
  border-top-color: #f0f0f0;
  margin-top: 0;
  padding-top: 16px;
  padding-left: 30px;
  padding-right: 0;
}

.div-block-4512 {
  color: #3330;
  text-align: center;
  border: 1px solid #cac8c8;
  border-radius: 3px;
  justify-content: center;
  align-items: center;
  width: 19px;
  height: 19px;
  font-size: 12px;
  display: flex;
}

.div-block-4527 {
  font-family: Polysans Median, sans-serif;
  font-size: 25px;
  line-height: 30px;
}

.div-block-4526 {
  cursor: pointer;
  border-bottom: 1px dashed #aa9e9e;
  margin-right: 20px;
  font-size: 14px;
  font-weight: 300;
}

.div-block-4526.invisible {
  display: none;
}

.div-block-3400 {
  cursor: pointer;
  border-right: 1px solid #e7e7e7;
  border-radius: 3px;
  justify-content: center;
  align-items: center;
  margin-right: 0;
  padding: 10px 15px;
  display: flex;
}

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

.side_show {
  z-index: 5;
  background-color: #fff;
  border: 1px solid #c2a6a65c;
  border-radius: 16px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 700px;
  height: 100%;
  padding-left: 10px;
  padding-right: 20px;
  transition: all .5s;
  display: flex;
  position: relative;
  overflow: hidden;
}

.side_show.reports {
  background-color: #fff0;
  justify-content: flex-start;
  max-width: 1200px;
  height: auto;
  padding-top: 20px;
  padding-left: 30px;
  overflow: auto;
}

.side_show.reports.lightscroll {
  border-width: 0;
  padding: 0 0 20px 20px;
}

.reports_line_variations_media {
  cursor: pointer;
  border-bottom: 1px solid #e7e7e7;
  min-height: 65px;
  display: flex;
  overflow: hidden;
}

.reports_line_variations_media:hover {
  background-color: #f8f8f2;
}

.div-block-4522 {
  border: 1px solid #f1f1f1;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 160px;
  height: 90px;
  display: flex;
  overflow: hidden;
}

.div-block-4515 {
  color: #bbb6b6;
  padding-top: 10px;
}

.div-block-4534 {
  cursor: pointer;
  border-left: 1px solid #7a7a7a26;
  justify-content: center;
  align-items: center;
  min-width: 66px;
  height: 100%;
  padding: 10px 21px;
  font-family: GoogleMaterialicons, sans-serif;
  font-size: 20px;
  display: flex;
}

.overview_line1 {
  font-size: 15px;
  font-weight: 300;
  line-height: 24px;
}

.reports_header_domains {
  border-top: 0 solid #e7e7e7;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  align-items: center;
  height: 60px;
  min-height: 60px;
  display: flex;
  position: sticky;
  top: 0;
}

.thebarcomp {
  background-color: #c4dee9;
  border: 1px solid #c1d0d633;
  border-bottom-width: 0;
  border-radius: 3px 3px 0 0;
  width: 24px;
  height: 50%;
}

.thebarcomp:hover {
  border-color: #c1d0d6;
}

.div-block-4514 {
  margin-right: 4px;
  font-size: 11px;
}

.variation_label {
  background-color: #cbe9c7;
  border: 1px solid #c1e4c6;
  border-radius: 99px;
  padding: 0 12px;
  font-size: 9px;
  font-weight: 700;
  display: none;
}

.div-block-5478 {
  opacity: 0;
  color: #000;
  font-size: 8px;
  font-weight: 500;
  position: absolute;
  bottom: 4px;
}

.div-block-3915 {
  border-left: 0 solid #e7e7e7;
  border-right: 1px solid #e7e7e7;
  min-width: 400px;
  max-width: 400px;
  margin-left: 0;
  margin-right: 20px;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-right: 20px;
  display: none;
}

.div-block-3915.active {
  border: 0 solid #000;
  border-bottom: 1px solid #eee;
  width: 100%;
  max-width: none;
  display: flex;
}

.div-block-4529 {
  align-items: center;
  height: 100%;
  display: flex;
}

.var_line {
  margin-right: 5px;
  font-weight: 500;
  line-height: 23px;
  position: relative;
}

.var_line.small {
  color: #686868;
  font-size: 16px;
  font-weight: 300;
}

.var_line.small.underline {
  text-decoration: underline;
}

.var_line.round {
  justify-content: center;
  align-items: center;
  width: 30px;
  min-width: 30px;
  height: 30px;
  min-height: 30px;
  display: flex;
}

.help_item-copy {
  z-index: 20;
  background-color: #1e6b8f1a;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  padding: 15px 20px;
  transition: all .35s;
  display: flex;
  position: absolute;
  bottom: 31px;
  left: 482px;
}

.help_item-copy:hover {
  justify-content: center;
  align-items: center;
  display: flex;
}

.help_item-copy._2 {
  inset: 11px auto auto 252px;
}

.div-block-3836 {
  border-bottom: 0 solid #ebebeb;
  align-items: flex-start;
  width: 100%;
  margin-bottom: 10px;
  padding-bottom: 20px;
  display: flex;
}

.div-block-3836.inactive {
  display: none;
}

.div-block-4045 {
  border-bottom: 1px solid #e2e2e2;
  flex-direction: column;
  align-items: flex-start;
  padding-bottom: 20px;
  display: flex;
  position: relative;
}

.div-block-4536 {
  justify-content: flex-start;
  padding: 25px 25px 10px;
  display: flex;
}

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

.reports_content.lightscroll {
  max-height: 1600px;
  overflow: auto;
}

.projects_list-copy {
  border: 1px solid #dfdfdf;
  border-radius: 10px;
  width: 100%;
  max-height: 75px;
  margin-top: 20px;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  position: relative;
  overflow: hidden;
}

.projects_list-copy:hover {
  border-color: #afa5a5;
}

.projects_list-copy.active {
  background-color: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 16px;
  width: 100%;
  max-height: 20000px;
  margin-top: 0;
  overflow: visible;
  box-shadow: 0 2px 15px #00000008;
}

.div-block-4517 {
  align-items: center;
  height: 100%;
  display: flex;
}

.div-block-5479 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  border-bottom: 1px solid #ebebeb;
  flex-direction: row;
  justify-content: flex-end;
  width: 100%;
  height: 100%;
  padding-right: 10px;
  display: flex;
  overflow: hidden;
}

.panel_header_variation {
  cursor: pointer;
  background-color: #f8f8f8;
  border: 0 solid #e7e7e7;
  border-bottom: 1px solid #ececec;
  border-radius: 16px;
  justify-content: space-between;
  align-items: flex-start;
  height: 115px;
  min-height: 115px;
  margin-bottom: 0;
  padding-left: 22px;
  padding-right: 0;
  font-size: 16px;
  transition: background-color .2s;
  display: flex;
  position: relative;
  overflow: hidden;
}

.div-block-4541 {
  background-color: #555;
  border-radius: 99px;
  width: 100%;
  height: 100%;
}

.div-block-4541._1 {
  background-color: #3e50b6;
}

.div-block-4541._2 {
  background-color: #353535;
}

.div-block-4541._3 {
  background-color: #e2e2e2;
}

.div-block-4541._0 {
  background-color: #d20001;
}

.div-block-4541._0._2 {
  background-color: #303030;
}

.div-block-4538 {
  color: #aaa3a3;
}

.analytics_block {
  border-right: 1px solid #eee;
  flex-direction: column;
  justify-content: flex-start;
  width: 100%;
  padding: 20px 35px 20px 20px;
  display: flex;
}

.analytics_block.haas {
  padding-left: 0;
}

.div-block-4516 {
  margin-right: 10px;
  padding-left: 0;
}

.div-block-4516.spaced {
  padding-right: 50px;
}

.div-block-4516.nospace {
  margin-right: 0;
}

.div-block-4533 {
  width: 100%;
  margin-top: 0;
  padding: 20px;
  position: relative;
  overflow: hidden;
}

.div-block-5475 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  border-right: 1px solid #e2e2e2;
  justify-content: flex-end;
  align-items: flex-end;
  width: 50%;
  padding-left: 33px;
  padding-right: 10px;
  display: flex;
  overflow: hidden;
}

.nav_items_sidebar {
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  padding-top: 0;
  display: flex;
}

.div-block-4511 {
  flex-wrap: wrap;
  display: flex;
}

.div-block-4511.spaced {
  margin-right: 5px;
  padding-right: 5px;
}

.panel_header {
  color: #222;
  cursor: pointer;
  background-color: #fff0;
  border: 0 solid #e7e7e7;
  border-bottom: 1px dashed #d8d8d8;
  border-radius: 16px;
  justify-content: space-between;
  align-items: center;
  height: 75px;
  margin-bottom: 0;
  padding: 0 0 0 22px;
  font-size: 16px;
  font-weight: 500;
  transition: background-color .2s;
  display: flex;
}

.reports_line_variations {
  cursor: pointer;
  border-bottom: 1px solid #e7e7e7;
  min-height: 65px;
  display: flex;
  overflow: hidden;
}

.reports_line_variations:hover {
  background-color: #f8f8f2;
}

.reports_line2 {
  color: #181818;
  width: 100%;
  max-width: 650px;
  margin-bottom: 3px;
  font-size: 15px;
  font-weight: 500;
  line-height: 23px;
  overflow: hidden;
}

.reports_line2.small {
  color: #b9b9b9;
  font-size: 12px;
  line-height: 16px;
}

.reports_line2.blue {
  align-items: center;
  display: flex;
}

.variations_container {
  border: 1px solid #dfdfdf;
  border-radius: 16px;
  width: 100%;
  height: 115px;
  min-height: 115px;
  max-height: none;
  margin-top: 20px;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  position: relative;
  overflow: hidden;
}

.variations_container:hover {
  border-color: #afa5a5;
}

.variations_container.active {
  height: auto;
  min-height: auto;
  max-height: 2500px;
}

.div-block-4531 {
  border: 0 solid #f1f1f1;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  margin-right: 8px;
  font-family: GoogleMaterialicons, sans-serif;
  font-size: 18px;
  display: flex;
}

.div-block-4535 {
  background-color: #ddd;
  border-radius: 99px;
  width: 10px;
  height: 10px;
  margin-right: 5px;
}

.div-block-3914 {
  flex-direction: column;
  display: flex;
}

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

.div-block-5341 {
  width: 100%;
  padding-top: 20px;
  padding-left: 0;
  padding-right: 0;
  position: relative;
}

.div-block-5342 {
  color: #161616;
  letter-spacing: -.5px;
  font-size: 37px;
  font-weight: 500;
  line-height: 44px;
}

.div-block-5342.d {
  color: #353434;
  font-family: Polysans Median, sans-serif;
  line-height: 39px;
}

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

.div-block-3913 {
  background-color: #ecebeb;
  border-radius: 99px;
  width: 5px;
  height: 5px;
  margin-right: 8px;
}

.div-block-4530 {
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
}

.div-block-4539 {
  border: 1px solid #dfdfdf;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  width: 19px;
  height: 19px;
  margin-left: 5px;
  margin-right: 0;
  padding: 4px;
  display: flex;
}

.div-block-4519 {
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
}

.chart_bar {
  color: #3330;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  height: 100%;
  display: flex;
  position: relative;
}

.chart_bar:hover {
  color: #333333c9;
}

.div-block-5912 {
  color: #1f1f1f;
  padding-left: 10px;
  line-height: 21px;
}

.div-block-3910 {
  flex-direction: column;
  width: 100%;
  padding-left: 27px;
  display: flex;
}

.div-block-3910.aa {
  width: 50%;
  padding-right: 25px;
}

.div-block-3604 {
  color: #302e2e;
  cursor: pointer;
  border: 1px solid #fff0;
  border-radius: 6px;
  flex-direction: row;
  align-items: center;
  width: 100%;
  margin-bottom: 1px;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 20px;
  font-family: Polysans Neutral, sans-serif;
  font-size: 15px;
  font-weight: 500;
  transition: all .3s;
  display: flex;
}

.div-block-3604:hover {
  background-color: #f1f1f1;
  border-color: #e9e9e9;
}

.div-block-3604.invisible {
  display: none;
}

.div-block-5913 {
  max-width: 1380px;
  height: 0;
  padding-left: 80px;
  transition: all .6s;
  display: flex;
  overflow: hidden;
}

.div-block-5913.active {
  height: 1200px;
}

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

.div-block-5340 {
  justify-content: center;
  align-items: center;
  width: 30px;
  min-width: 20px;
  height: 30px;
  margin-right: 5px;
  padding-bottom: 0;
  font-family: GoogleMaterialicons, sans-serif;
  font-size: 18px;
  font-weight: 700;
  display: flex;
}

.div-block-4537 {
  color: #fff;
  background-color: #1f8a3c;
  border-radius: 4px;
  margin-left: 5px;
  padding: 4px 8px;
  font-size: 9px;
  font-weight: 500;
  line-height: 8px;
}

.div-block-4537.x {
  background-color: #7c1f1f;
}

.div-block-5914 {
  text-transform: uppercase;
  margin-bottom: 3px;
  font-size: 11px;
  font-weight: 700;
}

.overview_line2 {
  font-family: Polysans Median, sans-serif;
  font-size: 25px;
  font-weight: 500;
  line-height: 30px;
}

.trafficsource_item {
  color: #181818;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 6px;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-bottom: 10px;
  padding: 20px 15px 20px 10px;
  font-size: 15px;
  font-weight: 500;
  display: flex;
}

.trafficsource_item:hover {
  background-color: #f8f8f8;
}

.div-block-4039 {
  color: #4d4d4d;
  margin-top: 8px;
  font-size: 17px;
  font-weight: 300;
  line-height: 30px;
}

.div-block-4519-copy {
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
}

.div-block-5833-copy {
  width: 100%;
  max-width: 1380px;
  padding-left: 0;
}

.text-span-87 {
  font-family: Polysans Neutral, sans-serif;
}

.div-block-5738-copy {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  background-color: #fdfdfd;
  border: 1px solid #e9e8e8;
  border-radius: 12px;
  justify-content: flex-start;
  align-items: center;
  width: 100px;
  height: 100%;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  position: static;
  right: 0;
}

.div-block-5915 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.objcontainer {
  border-left: 0 solid #eee;
  border-right: 0 solid #e4e4e4;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  padding-left: 0;
  display: flex;
  position: sticky;
  top: 0;
}

.inventory_container {
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 1380px;
  height: 0;
  padding-left: 80px;
  padding-right: 0;
  transition: all .6s;
  display: flex;
  position: sticky;
  top: 0;
  overflow: auto;
}

.inventory_container.active {
  justify-content: center;
  align-items: flex-start;
  height: 950px;
  overflow: auto;
}

.inventory_container.lightscroll.active {
  background-color: #fff;
  overflow: visible;
}

.inventory_box {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #f6f6f7;
  border-bottom: 1px solid #f6f6f7;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 45px 20px 40px;
  font-family: Circularxxweb, sans-serif;
  transition: all .4s;
  display: flex;
  position: relative;
  overflow: hidden;
}

.inventory_box.centered {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  justify-content: flex-start;
  padding-top: 0;
  padding-bottom: 60px;
}

.inventory_box.spaced {
  padding-top: 100px;
}

.inventory_box.white {
  background-color: #fff;
  padding-top: 20px;
  padding-bottom: 0;
}

.box_head1 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 1380px;
  padding-left: 0;
  display: flex;
  position: relative;
}

.box_head1._50 {
  width: 60%;
}

.container_white {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  color: #5200ff;
  background-color: #fff;
  border: 0 solid #000;
  border-radius: 12px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 1380px;
  margin-bottom: 25px;
  padding: 45px 45px 45px 80px;
  display: flex;
}

.container_white.gray {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  background-color: #fff;
  border-width: 0;
  border-color: #e7e3e3;
  margin-bottom: 20px;
}

.container_white.green {
  background-color: #3cffd0;
}

.container_white.purple {
  background-color: var(--purple);
}

.container_white.white {
  background-color: #fff;
  border-width: 1px;
  border-color: #e6e6e6;
  margin-bottom: 40px;
}

.div-block-5916 {
  z-index: 20;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #f7f7f7;
  border: 1px solid #c2c2c2;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  font-family: Polysans Median, sans-serif;
  font-size: 12px;
  display: flex;
  position: relative;
}

.div-block-5916.green {
  background-color: var(--green);
  color: #000;
  border-color: #4ab198;
}

.div-block-5916.purple {
  background-color: var(--purple);
  color: #e9e9e9;
  border-color: #ae97df;
}

.div-block-5916.gray, .div-block-5916.white {
  color: #464646;
  background-color: #fff;
}

.div-block-5917 {
  z-index: 1;
  background-color: #e7e7e7;
  width: 1px;
  height: 1999px;
  position: absolute;
  top: 0;
}

.div-block-5917.is_centered {
  top: -200px;
}

.div-block-5917.is_centered.green {
  background-color: #81e0c97a;
}

.div-block-5917.purple {
  background-color: #ae97df91;
}

.div-block-5917.is_bottom {
  top: auto;
  bottom: 0;
}

.div-block-5917.is_bottom.green, .div-block-5917.green {
  background-color: #81e0c97a;
}

.div-block-5918 {
  justify-content: center;
  align-items: flex-start;
  display: flex;
  position: absolute;
  top: -6px;
  left: -52px;
}

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

.div-block-5920 {
  width: 100%;
  max-width: 1380px;
  height: 0;
  padding-left: 80px;
  overflow: hidden;
}

.div-block-5920.active {
  height: 600px;
}

.div-block-5921 {
  width: 100%;
  max-width: 1380px;
  padding-left: 80px;
  display: none;
}

.div-block-5921.active {
  flex-flow: column;
  display: flex;
}

.div-block-5922 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: wrap;
  width: 30%;
  display: flex;
}

.div-block-5923 {
  background-color: #f5f5f5;
  width: 60px;
  height: 120px;
}

.div-block-5836-copy-copy {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  color: #5200ff;
  background-color: #fff;
  border: 0 solid #000;
  border-radius: 12px;
  flex-flow: column;
  width: 100%;
  max-width: 1380px;
  margin-bottom: 80px;
  padding: 45px;
  display: flex;
}

.additional_context-copy {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #646464;
  border-top: 0 solid #e0e0e0;
  border-left: 1px solid #e4e4e4;
  flex-flow: column;
  width: 40%;
  margin-top: 0;
  padding-top: 12px;
  padding-left: 60px;
  display: flex;
  position: relative;
}

.additional_context-copy.is_active {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: column;
  padding-left: 35px;
  display: flex;
}

.div-block-5821-copy {
  letter-spacing: 0;
  font-family: Polysans Median, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 22px;
}

.div-block-5821-copy.l1 {
  opacity: .8;
  letter-spacing: 0;
  border: 0 solid #c9c0c0;
  border-top: 1px solid #e0e0e0;
  border-radius: 3px;
  padding: 6px 0 0;
  font-size: 16px;
  font-weight: 300;
  line-height: 22px;
}

.div-block-5924 {
  border-top: 0 solid #eee;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
}

.div-block-5924.hidden {
  display: none;
}

._31div-block-5226-copy-copy {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  background-color: var(--white);
  opacity: .5;
  color: #222;
  white-space: nowrap;
  cursor: pointer;
  border: 0 solid #e9e9e9;
  border-right-color: #c7c7c7;
  border-radius: 0;
  justify-content: center;
  align-items: center;
  height: 50px;
  margin-right: 0;
  padding: 10px 30px;
  font-family: Polysans Median, sans-serif;
  font-size: 12px;
  font-weight: 500;
  display: flex;
}

._31div-block-5226-copy-copy:hover {
  background-color: var(--green);
  opacity: 1;
  border-right-color: #c7c7c700;
}

._31div-block-5226-copy-copy.reject {
  color: #fff;
  background-color: #c02d35;
  border-right-color: #c02d35;
}

._31div-block-5226-copy-copy.last {
  border-width: 0;
  height: 50px;
}

._31div-block-5226-copy-copy.last:hover {
  background-color: #f3eee2;
}

.div-block-5925 {
  flex-flow: column;
  width: 100%;
  height: 100%;
  display: flex;
}

.image-840 {
  width: 18px;
}

.image-841 {
  width: 20px;
}

.image-842 {
  width: 18px;
  min-width: 18px;
}

.div-block-5216-copy-copy {
  z-index: 10;
  cursor: text;
  background-color: #fff;
  border: 1px solid #dfdfdf;
  border-radius: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 770px;
  padding: 10px 10px 10px 15px;
  transition: all .55s;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: -1px -2px 13px #0000000a;
}

.div-block-5216-copy-copy:hover {
  border-color: #9e9e9e;
}

.div-block-5216-copy-copy.active {
  bottom: 40px;
}

.image-843, .image-843.s {
  width: 20px;
}

.image-843.sm {
  width: 17px;
}

.div-block-5926 {
  color: #a8a8a8;
  padding-top: 6px;
  font-size: 12px;
}

.div-block-5927 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  border-bottom: 1px solid #ebeaea;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 37px;
  padding: 6px;
  font-size: 13px;
  font-weight: 300;
  display: flex;
  position: relative;
  overflow: hidden;
}

.div-block-5927.last {
  border-bottom-width: 0;
}

.div-block-5927.bold {
  min-height: 80px;
  font-family: Polysans Median, sans-serif;
  font-size: 20px;
}

.div-block-5928 {
  color: #000;
  border: 1px solid #e7e7e7;
  border-radius: 3px;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 20px;
  font-family: Polysans Median, sans-serif;
  font-size: 10px;
  display: flex;
}

.div-block-5928-copy {
  color: #fff;
  justify-content: flex-start;
  align-items: center;
  padding-bottom: 0;
  font-family: Polysans Median, sans-serif;
  font-size: 10px;
  display: flex;
}

.div-block-5929 {
  background-color: #d62020;
  border-radius: 3px;
  width: 20px;
  height: 5px;
}

.div-block-5930 {
  white-space: nowrap;
  width: 100%;
}

.text-block-579 {
  font-size: 20px;
}

.div-block-5931 {
  background-color: #dadada;
  width: 1px;
  height: 50px;
}

.div-block-5564-copy-copy-copy {
  border: 0 solid #000;
  border-left: 1px solid #e0e0e0;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  min-width: 360px;
  padding-left: 40px;
  display: flex;
  position: relative;
}

.div-block-5932 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  width: 150px;
  display: flex;
}

.native_display-copy {
  z-index: 5;
  border-bottom: 1px solid #f1f1f1;
  border-left: 1px solid #f1f1f1;
  justify-content: flex-start;
  align-items: center;
  height: 70px;
  padding-left: 10px;
  font-weight: 300;
  display: flex;
  position: relative;
}

.native_display-copy.native {
  display: flex;
}

.div-block-5933 {
  border-top: 0 solid #e7e7e7;
  border-bottom: 1px solid #e6e6e6;
  justify-content: space-between;
  align-items: center;
  height: 55px;
  min-height: 55px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  position: static;
  top: 10px;
  right: 10px;
}

.div-block-5934 {
  cursor: pointer;
  border: 0 solid #000;
  border-bottom-color: #dadada;
  justify-content: flex-start;
  align-items: center;
  margin-right: 15px;
  padding-left: 0;
  padding-right: 5px;
  font-family: Polysans Neutral, sans-serif;
  font-size: 13px;
  font-weight: 500;
  display: flex;
  position: relative;
  bottom: -1px;
}

.div-block-5934.rev {
  border: 0 solid #000;
}

.div-block-5934.active {
  font-family: Polysans Median, sans-serif;
}

.div-block-5935 {
  font-family: Polysans Median, sans-serif;
  font-size: 13px;
  line-height: 13px;
}

.div-block-5936 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-right: 1px solid #ddd;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding-right: 0;
  display: flex;
  overflow: auto;
}

.div-block-5937 {
  color: #e9e9e9;
  background-color: #292929;
  border-bottom: 1px solid #e6e6e6;
  border-right: 0 solid #e9e9e9;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 55px;
  min-height: 55px;
  padding-left: 15px;
  padding-right: 15px;
  font-family: Polysans Median, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 14px;
  display: flex;
}

.div-block-5938 {
  border-left: 1px solid #dadada;
  border-right: 1px solid #ececec;
  height: 100%;
}

.div-block-5939 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  width: 100%;
  height: 50px;
  display: flex;
}

.comment_container {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  color: #5200ff;
  background-color: #fff;
  border: 0 solid #000;
  border-radius: 12px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 1380px;
  margin-bottom: 25px;
  padding: 45px 45px 45px 80px;
  display: flex;
}

.comment_container.gray {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  background-color: #fff;
  border-width: 0;
  border-color: #e7e3e3;
  margin-bottom: 20px;
}

.comment_container.green {
  background-color: var(--green);
}

.comment_container.purple {
  background-color: var(--purple);
}

.comment_container.white {
  background-color: #fff;
  border-width: 1px;
  border-color: #e6e6e6;
  margin-bottom: 40px;
}

.div-block-5936-copy {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.sidebar_left {
  background-color: #292929;
  border-right: 0 solid #64646400;
  flex-flow: column;
  justify-content: space-between;
  width: 0;
  min-width: auto;
  height: 100%;
  padding: 0;
  transition: all .5s;
  display: flex;
  position: relative;
  overflow: hidden;
}

.sidebar_left:hover {
  width: 400px;
}

.sidebar_left.active {
  width: 240px;
}

.sidebar_left.active:hover {
  width: 350px;
}

.div-block-5940 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  color: #ebe9e99e;
  white-space: nowrap;
  border: 0 solid #d8d8d83b;
  border-radius: 0;
  justify-content: center;
  align-items: center;
  min-width: 22px;
  height: 22px;
  min-height: 22px;
  padding: 2px 10px;
  font-size: 10px;
  font-weight: 500;
  display: flex;
}

.div-block-5941 {
  background-color: #e6e6e6;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  width: 18px;
  min-width: 18px;
  height: 18px;
  min-height: 18px;
  font-family: GoogleMaterialicons, sans-serif;
  font-size: 10px;
  display: flex;
}

.div-block-5942 {
  margin-right: 5px;
  font-size: 10px;
  font-weight: 500;
}

.div-block-5943 {
  border: 0 solid #000;
  justify-content: flex-start;
  align-items: center;
  padding: 0;
  display: flex;
}

.div-block-5941-copy {
  color: #fff;
  border-left: 1px solid #616161;
  justify-content: center;
  align-items: center;
  width: 55px;
  min-width: 30px;
  height: 100%;
  min-height: 100%;
  font-family: GoogleMaterialicons, sans-serif;
  font-size: 12px;
  display: flex;
}

.filter_el {
  z-index: 10;
  color: #e0dcdc;
  white-space: nowrap;
  cursor: pointer;
  border-bottom: 1px solid #424242de;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 55px;
  min-height: 55px;
  padding-left: 20px;
  padding-right: 10px;
  transition: all .35s;
  display: flex;
  position: relative;
}

.filter_el:hover {
  border-bottom-color: #6e6e6e;
}

.filter_el.active {
  box-shadow: 7px 6px 0 -1px #9eaace14;
}

.variations_p {
  z-index: 50;
  background-color: #fff;
  border-left: 1px solid #e9e9e9;
  border-right: 0 solid #e0e0e0;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 0;
  min-width: 0;
  height: 100%;
  transition: all .5s;
  display: flex;
  position: relative;
  overflow: hidden;
}

.variations_p:hover {
  width: 480px;
}

.variations_p.active {
  width: 250px;
  height: 100%;
  display: flex;
  position: static;
}

.variations_p.active:hover {
  width: 420px;
}

.div-block-5946 {
  min-height: 55px;
}

.div-block-5947 {
  background-color: var(--purple);
  color: #fff;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  font-family: Polysans Median, sans-serif;
  font-size: 10px;
  font-weight: 400;
  display: flex;
}

.div-block-5948 {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.div-block-5949 {
  font-weight: 400;
}

.message_body_container {
  background-color: #ecf5f9;
  border: 0 solid #dfdfdf;
  border-left: 1px solid #c3deeb;
  border-right: 1px solid #c3deeb;
  flex-wrap: wrap;
  place-content: flex-start;
  align-items: flex-start;
  padding-left: 15px;
  padding-right: 20px;
  display: flex;
}

.message_body_container.creator {
  background-color: #fcfbee;
  border-width: 0 1px;
  border-color: #dad9d5;
}

.textarea-6-copy {
  border: 1px solid #dadada;
  border-radius: 6px;
  min-height: 160px;
  margin-bottom: 0;
  font-size: 15px;
  font-weight: 300;
  line-height: 26px;
  transition: all .35s;
}

.textarea-6-copy:hover {
  background-color: #fafaf0;
}

.textarea-6-copy:focus {
  background-color: #fafaf0;
  border-color: #6f9edd;
  box-shadow: -1px 1px 8px #c0c2a51a;
}

.textarea-6-copy::placeholder {
  color: #2c2c2c;
}

.textarea-6-copy.small {
  font-size: 12px;
}

.textarea-6-copy.small.lightscroll {
  min-height: 80px;
  font-size: 15px;
  transition-duration: .4s;
}

.div-block-4119 {
  background-color: var(--purple);
  color: #fff;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 40px;
  margin-top: 10px;
  margin-bottom: 5px;
  font-size: 12px;
  font-weight: 500;
  display: flex;
}

.div-block-4086 {
  color: #5e5e5e;
  margin-bottom: 2px;
  font-size: 14px;
  font-weight: 300;
}

.messages {
  flex-direction: column;
  justify-content: flex-end;
  width: 100%;
  max-width: 500px;
  height: 100%;
  padding: 28px 20px 20px;
  display: flex;
  overflow: auto;
}

.div-block-4090 {
  flex-wrap: wrap;
  justify-content: flex-start;
  padding-top: 0;
  padding-bottom: 10px;
  display: flex;
}

.div-block-4090.hidden {
  display: none;
}

.div-block-4091 {
  border-bottom: 1px solid #f3f3f3;
  padding-bottom: 15px;
}

.div-block-3573-copy {
  margin-right: 5px;
  font-size: 10px;
  font-weight: 700;
}

.label-2 {
  z-index: 2;
  justify-content: flex-start;
  font-size: 15px;
  font-weight: 300;
  display: flex;
  position: relative;
}

.message_container_top {
  background-color: #ecf5f9;
  border: 1px solid #c3deeb;
  border-bottom: 0 solid #dfdfdf;
  border-radius: 99px 99px 0 0;
  width: 100%;
  height: 12px;
}

.message_container_top.creator {
  background-color: #fcfbee;
  border-width: 1px 1px 0;
  border-color: #dad9d5;
}

.div-block-4117 {
  border-bottom: 0 solid #f8f8f8;
  flex-direction: column;
  align-items: flex-start;
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 22px;
  display: flex;
}

.div-block-4117.designer {
  align-items: flex-end;
}

.div-block-4111 {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 6px;
  font-size: 12px;
  display: flex;
}

.form_container_input {
  flex-direction: column;
  align-items: center;
  width: 100%;
  font-weight: 300;
  display: flex;
  position: relative;
}

.div-block-3957.click {
  cursor: pointer;
  background-color: #0000;
  border-top-width: 0;
  margin-left: 5px;
  padding-top: 2px;
  padding-bottom: 2px;
}

.div-block-3957.click:hover {
  color: #0c0c0c;
  text-decoration: underline;
}

.div-block-4121 {
  width: 100%;
  display: flex;
}

.div-block-4087 {
  background-color: #fff;
  border-top: 1px solid #ddd;
  border-bottom: 0 solid #eee;
  padding: 20px 20px 0;
}

.div-block-4087.hidden {
  display: none;
}

.div-block-4089 {
  color: #757575;
  cursor: pointer;
  border: 1px solid #cacaca;
  border-top-color: #e6e6e6;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  margin-bottom: 6px;
  margin-right: 5px;
  padding: 3px 15px;
  font-size: 11px;
  font-weight: 400;
  display: flex;
}

.div-block-4089:hover {
  color: #fff;
  background-color: #222;
  border-color: #a0a0a0 #a0a0a0 #222;
}

.message_container_bottom-2 {
  background-color: #ecf5f9;
  border: 1px solid #c3deeb;
  border-top: 0 solid #dfdfdf;
  border-radius: 0 0 99px 20px;
  width: 100%;
  height: 12px;
  transition: border-radius .45s;
}

.message_container_bottom-2.creator {
  background-color: #fcfbee;
  border-width: 0 1px 1px;
  border-color: #dad9d5;
}

.form-block-4 {
  margin-bottom: 0;
}

.label2 {
  margin-top: 5px;
  display: none;
}

.url_details_input {
  width: 100%;
  margin-bottom: 10px;
}

.div-block-4113 {
  font-size: 10px;
}

.div-block-4112 {
  margin-top: 5px;
  font-size: 10px;
  display: flex;
}

.improved_content {
  justify-content: space-between;
  width: 100%;
  margin-top: 10px;
  display: none;
}

.improved_bullet {
  color: #575757;
  cursor: pointer;
  border: 1px solid #ccc;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  margin-bottom: 6px;
  margin-right: 6px;
  padding: 3px 20px;
  font-size: 12px;
  font-weight: 300;
  transition: all .2s;
  display: flex;
}

.improved_bullet:hover {
  color: #e9e7e7;
  background-color: #272727;
  border-color: #272727;
}

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

.div-block-4094 {
  z-index: 10;
  border-left: 1px solid #e9e5e5;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  display: flex;
  position: static;
  top: 0;
  right: 0;
}

.div-block-4085 {
  flex-flow: wrap;
  display: flex;
}

.comment_system {
  z-index: 20;
  width: 0;
  min-width: 0;
  height: 100%;
  transition: all .4s;
  display: flex;
  position: relative;
}

.comment_system.active {
  width: 360px;
  min-width: 360px;
}

.div-block-5951 {
  background-color: #83838333;
  width: 100%;
  height: 100%;
}

.div-block-5952 {
  width: 100%;
  height: 55px;
  min-height: 55px;
}

.div-block-5953 {
  color: #8a8a8a;
  border-bottom: 3px solid #0000;
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
  position: relative;
  bottom: -1px;
}

.div-block-5953.active {
  color: #161616;
  border-bottom-color: #000;
}

.div-block-5935-copy {
  justify-content: center;
  align-items: center;
  height: 100%;
  font-family: Polysans Median, sans-serif;
  font-size: 13px;
  line-height: 13px;
  display: flex;
}

.div-block-5954 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  height: 100%;
  display: flex;
}

.div-block-5933-copy {
  border-top: 0 solid #e7e7e7;
  border-bottom: 1px solid #e6e6e6;
  justify-content: space-between;
  align-items: center;
  height: 55px;
  min-height: 55px;
  padding-left: 20px;
  padding-right: 10px;
  display: flex;
  position: static;
  top: 10px;
  right: 10px;
}

.comment_item {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  background-color: var(--white);
  color: #555151;
  cursor: pointer;
  border: 1px solid #dad8d8;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  height: 36px;
  padding-left: 20px;
  padding-right: 20px;
  font-family: Polysans Median, sans-serif;
  font-size: 11px;
  font-weight: 400;
  display: flex;
}

.comment_item:hover {
  background-color: var(--green);
  border-color: #33dbb3;
}

.comment_item.reject:hover {
  background-color: #ecebd7;
  border-color: #e8e9d3;
}

.image-844 {
  width: 18px;
}

.div-block-5942-copy {
  margin-right: 0;
  font-size: 10px;
  font-weight: 500;
}

.div-block-5940-copy {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  white-space: nowrap;
  border: 1px solid #d9dbf7;
  border-radius: 99px;
  justify-content: flex-start;
  align-items: center;
  padding: 2px 12px;
  display: flex;
}

.div-block-5955 {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  position: absolute;
  bottom: 18px;
}

.div-block-5956 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  display: flex;
}

.div-block-5957 {
  line-height: 11px;
}

.editor_objects {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  padding: 15px;
  display: flex;
}

.theexp_panelx {
  background-color: #f8f8f8;
  width: 100%;
  padding-left: 20px;
  transition: all .5s;
  display: none;
}

.theexp_panelx.active {
  white-space: nowrap;
  background-color: #f8f8f81a;
  flex-flow: column;
  display: flex;
}

.div-block-5959 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #ffffff94;
  cursor: pointer;
  background-color: #c0ba9b14;
  border-bottom: 1px solid #777777de;
  border-left: 2px solid #0000;
  justify-content: flex-start;
  align-items: center;
  height: 40px;
  padding-left: 15px;
  font-weight: 400;
  transition: all .4s;
  display: flex;
}

.div-block-5959.active {
  color: #fffffff2;
  border-left-color: #ddd;
}

.el_tick {
  font-family: GoogleMaterialicons, sans-serif;
  display: none;
}

.el_tick.active {
  opacity: 1;
  justify-content: center;
  align-items: center;
  width: 20px;
  display: flex;
}

.div-block-5961 {
  border-left: 0 solid #ececec;
}

.set_label {
  font-size: 12px;
  font-weight: 500;
}

.div-block-5960-copy {
  font-family: GoogleMaterialicons, sans-serif;
}

.div-block-5960-copy.active {
  opacity: 1;
  display: none;
}

.el_reg {
  justify-content: center;
  align-items: center;
  width: 20px;
  min-width: 20px;
  font-family: GoogleMaterialicons, sans-serif;
  display: flex;
}

.el_reg.active {
  opacity: 1;
  justify-content: center;
  align-items: center;
  width: 20px;
  display: none;
}

.div-block-5963 {
  width: 100vw;
  height: 100vh;
}

.div-block-5964 {
  color: #dfdfdf;
  cursor: pointer;
  background-color: #303030;
  border-top: 1px solid #424242de;
  border-right: 1px solid #ddd;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 55px;
  min-height: 55px;
  padding-left: 15px;
  padding-right: 10px;
  display: flex;
}

.div-block-5964:hover {
  color: #e4e4e4;
  background-color: #474747;
}

.div-block-5940-copy {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  color: #000;
  white-space: nowrap;
  border: 1px solid #d8d8d8;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  height: 22px;
  min-height: 22px;
  padding: 2px 15px;
  font-size: 10px;
  font-weight: 500;
  display: flex;
}

.div-block-5940-copy:hover {
  border-color: var(--purple);
  background-color: var(--purple);
  color: #fff;
}

.div-block-5965 {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  display: flex;
}

.div-block-5966 {
  width: 100%;
  height: 100%;
  padding: 20px;
  display: flex;
}

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

.multi_cont.multi {
  display: none;
}

.div-block-5968 {
  width: 100%;
  height: 720px;
}

.filter_el-copy {
  z-index: 10;
  color: #fff;
  white-space: nowrap;
  cursor: pointer;
  background-color: #303030;
  border-bottom: 1px solid #424242de;
  border-right: 1px solid #dddddd36;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 55px;
  min-height: 55px;
  padding-left: 20px;
  padding-right: 10px;
  transition: all .35s;
  display: flex;
  position: relative;
}

.filter_el-copy.active {
  box-shadow: 7px 6px 0 -1px #9eaace14;
}

._2sitelogo-copy {
  flex-flow: row;
  justify-content: center;
  align-items: flex-start;
  font-family: Polysans Neutral, sans-serif;
  font-size: 22px;
  text-decoration: none;
  display: flex;
  position: relative;
}

._2div-block-4510-copy {
  justify-content: center;
  align-items: center;
  width: 15px;
  max-width: 15px;
  margin-right: 0;
  font-family: GoogleMaterialicons, sans-serif;
  font-size: 13px;
  display: flex;
}

.div-block-5969 {
  background-color: #d4cba1;
  border-radius: 99px;
  width: 10px;
  height: 10px;
}

.div-block-5970 {
  width: 100%;
}

.div-block-5971 {
  justify-content: center;
  align-items: center;
  width: 15px;
  display: flex;
}

.div-block-5972 {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  background-color: #474747b5;
  border: 0 solid #555;
  border-radius: 99px;
  justify-content: flex-start;
  align-items: center;
  padding: 3px;
  font-family: Circularxxweb, sans-serif;
  display: flex;
}

.div-block-5973 {
  color: #e2e2e2;
  background-color: #4d4d4d00;
  border-radius: 99px;
  padding: 6px 15px;
  font-size: 11px;
}

.div-block-5973.active {
  background-color: var(--purple);
  color: #f1eff6;
}

._2div-block-5964-copy {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  cursor: pointer;
  background-color: #fdfdfd;
  border-top: 1px solid #ebebeb;
  border-right: 0 solid #ddd;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  padding: 15px;
  display: none;
  position: absolute;
  bottom: 0;
}

._2div-block-5964-copy:hover {
  color: #181818;
  background-color: #fcfcfc;
}

._2div-block-5964-copy.active {
  z-index: 50;
  display: flex;
  bottom: 56px;
}

._32div-block-3214-copy-copy-copy {
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  border-left: 0 solid #dfdfdf;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  padding-left: 0;
  display: flex;
}

._32div-block-3214-copy-copy-copy.hidden {
  display: none;
}

.text-block-580 {
  font-family: Polysans Median, sans-serif;
}

.div-block-5974 {
  font-family: GoogleMaterialicons, sans-serif;
  font-size: 20px;
  line-height: 20px;
}

.single_container {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: none;
}

.single_container.active {
  display: flex;
}

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

.div-block-5977 {
  background-image: linear-gradient(90deg, #e2e2e200 16%, #fff);
  width: 50px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
}

.div-block-5978 {
  z-index: 60;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #dfdfdf;
  border-right-width: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 22px;
  height: 55px;
  display: flex;
  position: absolute;
  bottom: 150px;
  right: 0;
  box-shadow: 0 2px 13px #0000000d;
}

.div-block-5978:hover {
  border-color: #a39999;
  border-right-width: 0;
}

._2div-block-5978-copy {
  z-index: 60;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #dfdfdf;
  border-left-width: 0;
  border-radius: 0 4px 4px 0;
  justify-content: center;
  align-items: center;
  width: 22px;
  height: 55px;
  display: flex;
  position: absolute;
  bottom: 150px;
  left: 0;
  right: -22px;
  box-shadow: 0 2px 13px #0000000d;
}

._2div-block-5978-copy:hover {
  border-color: #a39999;
  border-right-width: 1px;
}

.multi_box {
  width: 100%;
  height: 100%;
  display: none;
}

.multi_box.active {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.div-block-5955-copy {
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  position: absolute;
  top: 18px;
}

.div-block-5979 {
  background-color: #1a1a1a;
  width: 100%;
  height: 1000px;
}

.div-block-5980 {
  background-color: #1a1a1a;
  width: 100%;
  height: 1280px;
}

.div-block-5981 {
  width: 100%;
  max-width: 1380px;
}

._2div-block-5968-copy {
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.div-block-5982 {
  max-width: 350px;
  font-family: Circularxxweb, sans-serif;
  position: absolute;
  top: 406.5px;
  right: -272px;
}

.div-block-5982-copy {
  max-width: 350px;
  font-family: Circularxxweb, sans-serif;
  position: absolute;
  left: -265px;
}

.div-block-5982-copy.hidden {
  display: none;
}

.background-video-105 {
  z-index: 2;
  border-radius: 99px;
  width: 110px;
  height: 110px;
}

.logoholder {
  background-image: url("https://cdn.prod.website-files.com/65ff1993ed34712d1a33b80c/665640bdddd1899208626f59_nowthis.svg");
  background-position: 0 0;
  background-size: auto;
  border-radius: 99px;
  width: 110px;
  height: 110px;
}

.logoholder._8 {
  opacity: 1;
  background-color: #27272773;
  background-image: none;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.background-video-105-copy {
  z-index: 2;
  border-radius: 999px;
  width: 100%;
  height: 100%;
}

.text-span-89 {
  letter-spacing: -.9px;
}

._12div-block-5490-copy {
  max-width: 380px;
  margin-bottom: 10px;
  font-family: Polysans Slim, sans-serif;
  font-size: 21px;
  font-weight: 300;
  line-height: 28px;
  position: relative;
}

.text-span-90 {
  color: #bbb;
}

.div-block-5982-copy-copy {
  max-width: 350px;
  font-family: Circularxxweb, sans-serif;
  position: absolute;
  right: -272px;
}

.div-block-5982-copy-copy.hidden {
  display: none;
}

.image-845 {
  width: 100%;
}

.div-block-5983 {
  width: 100%;
  max-width: 1000px;
}

.div-block-5491-copy {
  z-index: 2;
  border: 1px solid var(--purple);
  background-color: var(--purple);
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  width: 7px;
  height: 7px;
  font-size: 12px;
  font-weight: 500;
  display: flex;
  position: absolute;
  top: -27px;
  left: 0;
}

.div-block-5984 {
  z-index: 1;
  background-color: #e6e6e6;
  width: 140%;
  height: 1px;
  position: absolute;
  top: -24px;
}

.div-block-5984-copy {
  z-index: 1;
  background-color: #e6e6e6;
  width: 40%;
  height: 1px;
  position: absolute;
  top: -24px;
  left: -144px;
}

.spectrum_panel-copy {
  width: 100%;
  padding-top: 100px;
  padding-left: 45px;
  display: none;
}

.spectrum_panel-copy.active {
  grid-column-gap: 18px;
  grid-row-gap: 18px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.text-span-91 {
  position: relative;
}

.div-block-5985 {
  width: 100%;
}

.revenue {
  width: 100%;
  max-width: 660px;
}

.div-block-5986 {
  z-index: 10;
  border: 1px solid #00000017;
  border-radius: 9999px;
  width: 135%;
  height: 135%;
  position: absolute;
}

.div-block-5987 {
  border: 3px solid #000;
  border-radius: 999px;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.div-block-5988 {
  z-index: 2;
  background-color: var(--green);
  width: 100%;
  height: 100%;
  position: absolute;
  top: -50%;
  right: -11%;
}

.div-block-5987-copy {
  z-index: 500;
  border: 1px solid #9c9c9c21;
  border-radius: 999px;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.div-block-5768-copy-copy {
  z-index: 50;
  background-color: #3cffd0;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 20px;
  display: flex;
  position: absolute;
  bottom: 695px;
  left: 77px;
}

.div-block-5769-copy {
  white-space: nowrap;
  flex-flow: column;
  font-family: Polysans Median, sans-serif;
  line-height: 16px;
  display: flex;
  position: absolute;
  top: 0;
  left: -68.6406px;
}

._4div-block-5769-copy-copy-copy {
  flex-flow: column;
  font-family: Polysans Median, sans-serif;
  line-height: 16px;
  display: flex;
  position: absolute;
  top: -4px;
  left: -88.6406px;
}

.brand_stories_network {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 1380px;
  padding-top: 25px;
  padding-bottom: 25px;
  padding-left: 0;
  display: flex;
  position: relative;
}

.brand_stories_network.is_hidden {
  display: none;
}

.div-block-5599-copy-copy {
  float: right;
  clear: both;
  border: 0 solid #000;
  width: 100%;
  margin-top: 20px;
  padding-left: 0;
  position: relative;
}

.div-block-3210-copy-copy-copy {
  cursor: pointer;
  background-color: #000;
  border-radius: 3px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 720px;
  transition: all .6s;
  display: flex;
  position: relative;
  overflow: hidden;
}

.div-block-3210-copy-copy-copy:hover {
  filter: brightness(150%);
}

.div-block-3210-copy-copy-copy.active {
  min-width: 1280px;
  left: -57px;
}

.div-block-3210-copy-copy-copy.studio {
  flex-flow: column;
}

.div-block-3210-copy-copy-copy.studio:hover {
  filter: none;
}

.div-block-5511-copy {
  z-index: 10;
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  filter: invert();
  color: #000;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
}

.div-block-5599-copy-copy-copy {
  float: right;
  clear: both;
  background-color: #0b0d0c;
  border: 0 solid #000;
  border-radius: 3px;
  width: 100%;
  margin-top: 20px;
  padding-top: 40px;
  padding-bottom: 20px;
  padding-left: 0;
  position: relative;
}

.div-block-5511-copy-copy {
  z-index: 10;
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  filter: invert();
  color: #000;
  justify-content: center;
  align-items: center;
  display: flex;
  position: static;
}

.div-block-5989 {
  white-space: nowrap;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-left: 93px;
  padding-right: 93px;
  display: flex;
}

.div-block-5990 {
  background-color: #6464647d;
  width: 100%;
  height: 1px;
}

.div-block-5991 {
  width: 100%;
  max-width: 1380px;
}

.div-block-5993 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-flow: column;
  display: flex;
}

.div-block-5993.split {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
}

.div-block-5994 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  display: flex;
}

.div-block-5837-copy {
  border-bottom: 0 solid #e2e2e2;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 0;
  display: flex;
}

.div-block-5837-copy.hidden {
  position: relative;
}

.div-block-5995 {
  background-color: var(--black);
  width: 1px;
  min-width: 1px;
  height: 13px;
  min-height: 13px;
  position: absolute;
  left: 0;
}

.div-block-5995._2 {
  background-color: var(--black);
  left: auto;
  right: 0;
}

.div-block-5995._2._3 {
  right: 81px;
}

.div-block-5995._2._4 {
  right: 101px;
}

.div-block-5995._2._5 {
  right: 106px;
}

.div-block-5995._2._6 {
  right: 153px;
}

.div-block-5996 {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  border-bottom: 1px solid #f0f0f0;
  flex-flow: wrap;
  justify-content: flex-start;
  width: 100%;
  margin-bottom: 40px;
  padding: 50px 50px 100px;
  display: flex;
}

.div-block-5997 {
  background-color: var(--white);
  border-radius: 999px;
  width: 180px;
  height: 180px;
  overflow: hidden;
}

.image-846 {
  opacity: 1;
  filter: grayscale();
  height: 100%;
}

.div-block-5998 {
  justify-content: flex-start;
  align-items: center;
  font-family: Polysans Median, sans-serif;
  font-size: 21px;
  line-height: 30px;
  display: flex;
  position: relative;
}

.div-block-5999 {
  color: #777;
  max-width: 420px;
  font-family: Polysans Slim, sans-serif;
  font-size: 22px;
  line-height: 32px;
}

.div-block-6000 {
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  flex-flow: column;
  width: 100%;
  display: flex;
}

.div-block-6001 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  width: 44%;
  padding-right: 35px;
  display: flex;
}

._2brand_stories_network-copy {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 1380px;
  padding-top: 70px;
  padding-bottom: 70px;
  padding-left: 0;
  display: flex;
  position: relative;
}

._2brand_stories_network-copy.is_hidden {
  display: none;
}

.div-block-6002 {
  width: 100%;
  height: 600px;
}

.div-block-6003 {
  border-radius: 12px;
  width: 100%;
  height: 100%;
  position: absolute;
}

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

.div-block-6004 {
  background-color: var(--purple);
  border-radius: 99px;
  width: 8px;
  height: 8px;
  position: absolute;
  left: -22px;
}

.div-block-6005 {
  width: 100%;
}

.div-block-6006 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border: 1px solid #ebebeb;
  border-radius: 12px;
  display: flex;
  overflow: hidden;
}

.div-block-6007 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #161616;
  border-bottom: 1px solid #eee;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 50px;
  min-height: 50px;
  padding: 0 15px 0 18px;
  font-family: Circularxxweb, sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 13px;
  display: flex;
}

.div-block-6007:hover {
  background-color: #fafafa;
}

.div-block-6007.header {
  background-color: #f8f8f8;
  font-family: Polysans Median, sans-serif;
  font-size: 13px;
  line-height: 14px;
}

.div-block-6007.last {
  border-bottom-width: 0;
}

.div-block-6007.loss {
  background-color: #c341412e;
}

.e_column {
  border-right: 1px solid #e4e4e4;
  flex-flow: column;
  width: 100%;
  display: flex;
}

.e_column.last {
  border-right-width: 0;
}

.the_main-copy-copy {
  z-index: 105;
  border: 0 solid #000;
  border-bottom-color: #e2e2e2;
  border-radius: 0;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 68px 0 0;
  display: flex;
  position: relative;
}

.the_main-copy-copy.purple {
  z-index: 99;
  background-color: var(--purple);
  color: #f3f3f3;
  border-bottom-color: #c7c7c71f;
  min-height: 820px;
}

.the_main-copy-copy.top {
  z-index: 108;
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  background-color: #fff;
  border-bottom-color: #e9e9e9;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  padding-right: 20px;
}

.the_main-copy-copy.black {
  z-index: 99;
  color: #eee6dd;
  background-color: #040a18;
}

.the_main-copy-copy.green {
  z-index: 99;
  background-color: var(--green);
  color: #131313;
  padding-bottom: 120px;
  overflow: hidden;
}

.the_main-copy-copy.green.ns {
  border-bottom-width: 0;
  padding-bottom: 0;
}

.the_main-copy-copy.green._12 {
  justify-content: flex-end;
  align-items: flex-start;
  min-height: auto;
  padding-top: 0;
  padding-bottom: 0;
}

.the_main-copy-copy.green._12._1235 {
  border-bottom-width: 0;
}

.the_main-copy-copy.green._12._1235.top {
  z-index: 199;
}

.the_main-copy-copy.intro {
  color: #fff;
  background-color: #fff;
  justify-content: flex-start;
  align-items: center;
  min-height: 600px;
  padding-left: 40px;
  display: flex;
}

.the_main-copy-copy.white {
  background-color: #fff;
}

.the_main-copy-copy.yellow {
  z-index: 99;
  color: #141414;
  background-color: #d6f31f;
}

.the_main-copy-copy.noheight {
  min-height: 450px;
}

.the_main-copy-copy.intro-copy {
  color: #fff;
  background-color: #fff;
  justify-content: flex-start;
  align-items: center;
  max-width: 1380px;
  min-height: 900px;
  padding-bottom: 100px;
  padding-left: 40px;
  display: flex;
  overflow: hidden;
}

.the_main-copy-copy.video {
  z-index: 120;
  color: #fff;
  background-color: #fff;
  border-top-width: 1px;
  border-top-color: #e7e7e7;
  border-bottom-width: 0;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 1380px;
  min-height: 500px;
  padding-top: 80px;
  padding-bottom: 100px;
  padding-left: 100px;
  transition: all .5s;
  display: flex;
}

.the_main-copy-copy.video.is_playing {
  justify-content: center;
  align-items: center;
  min-height: 800px;
}

.the_main-copy-copy.white-copy {
  background-color: #fff;
  padding-bottom: 60px;
}

.the_main-copy-copy.smaller {
  min-height: 550px;
}

.the_main-copy-copy.hidden {
  display: none;
}

.the_main-copy-copy.captable {
  min-height: 600px;
}

.the_main-copy-copy.nomin {
  border-bottom-width: 0;
  min-height: auto;
  padding-bottom: 0;
}

.the_main-copy-copy.showacase12 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-color: #141028;
  border-bottom-width: 0;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  min-height: auto;
  padding: 60px 58px 58px;
}

.the_main-copy-copy.white {
  z-index: 99;
  color: #e0e0e0;
  background-color: #fff0;
  border-bottom-width: 0;
  padding-bottom: 120px;
  overflow: hidden;
}

.the_main-copy-copy.video-copy {
  z-index: 120;
  color: #fff;
  background-color: #fff;
  border-top-width: 1px;
  border-top-color: #e7e7e7;
  border-bottom-width: 0;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 1380px;
  min-height: 500px;
  padding-top: 80px;
  padding-bottom: 100px;
  padding-left: 100px;
  transition: all .5s;
  display: flex;
}

.the_main-copy-copy.video-copy.is_playing {
  justify-content: center;
  align-items: center;
  min-height: 800px;
}

.the_main-copy-copy.story_intro {
  z-index: 120;
  color: #fff;
  background-color: #fff;
  border-top-width: 1px;
  border-top-color: #e7e7e7;
  border-bottom-width: 0;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 1380px;
  min-height: 500px;
  padding: 80px 20px 80px 0;
  transition: all .5s;
  display: flex;
}

.the_main-copy-copy.story_intro.is_playing {
  justify-content: center;
  align-items: center;
  min-height: 800px;
}

.the_main-copy-copy.story_intro.spaced {
  padding-bottom: 250px;
}

.the_main-copy-copy.noborder {
  border-bottom-width: 0;
}

.the_main-copy-copy.nospaced {
  min-height: auto;
  padding-top: 0;
  padding-bottom: 0;
}

.the_main-copy-copy.white_s {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-color: #f8f8f8;
  border-bottom-width: 0;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  min-height: auto;
  padding: 60px 58px 58px;
}

.the_main-copy-copy.white_s-copy {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-color: var(--white);
  border-bottom-width: 0;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  min-height: auto;
  padding: 60px 58px 58px;
}

.the_main-copy-copy.previews {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-bottom-width: 0;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  min-height: auto;
  padding: 0;
  transition: all .6s;
}

.the_main-copy-copy.previews.inactive {
  opacity: 0;
}

.the_main-copy-copy.horizontal {
  grid-column-gap: 150px;
  grid-row-gap: 150px;
  background-color: #fff;
  flex-flow: row;
  padding-bottom: 100px;
}

.the_main-copy-copy.spaced {
  padding-top: 100px;
  padding-bottom: 100px;
}

.the_main-copy-copy.spaced.noline {
  background-color: #fff;
}

.the_main-copy-copy.noline {
  border-bottom-width: 0;
}

.div-block-5800-copy {
  background-color: #f7f7f7;
  border-radius: 12px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 700px;
  padding-left: 50px;
  padding-right: 50px;
  display: flex;
  position: relative;
}

.div-block-6008 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  width: 100%;
  display: flex;
}

.div-block-6009 {
  width: 100%;
  height: 100%;
}

.div-block-5993-copy {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-flow: row;
  width: 100%;
  display: flex;
}

.text-span-92 {
  color: #d1d1d1d1;
}

.div-block-6010 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  width: 100%;
  display: flex;
}

.div-block-6011 {
  background-color: #8d8d8d;
  border-radius: 99px;
  width: 30px;
  height: 30px;
  position: absolute;
  left: 257px;
}

._2spectrum_item-copy {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
}

._2spectrum_item-copy._1 {
  justify-content: flex-start;
  align-items: center;
}

._2div-block-5886-copy {
  z-index: 1;
  background-color: #e4e4e4;
  width: 100%;
  height: 1px;
  position: absolute;
  left: 0;
}

._231spectrum_item-copy {
  z-index: 10;
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
}

._231spectrum_item-copy._1 {
  justify-content: flex-start;
  align-items: center;
}

.div-block-5800-copy-copy {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-left: 50px;
  padding-right: 141px;
  display: flex;
  position: relative;
}

.div-block-6012 {
  background-color: #f8f8f8;
  border-radius: 3px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 700px;
  padding: 22px 50px 60px;
  display: flex;
}

.div-block-6013 {
  background-color: #e0e0e0;
  width: 500%;
  height: 1px;
  position: absolute;
  left: -1000px;
}

.exec_level_img {
  background-color: var(--white);
  border-radius: 999px;
  width: 100px;
  height: 100px;
  overflow: hidden;
}

.exec_level_img._2 {
  width: 70px;
  height: 70px;
}

.div-block-6014 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.team_member {
  z-index: 10;
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.div-block-6016 {
  border: 1px solid #cecece;
  border-radius: 9999px;
  padding: 10px;
}

.div-block-6016._2 {
  border-color: #dbdbdb;
}

.div-block-6017 {
  white-space: nowrap;
  justify-content: center;
  align-items: center;
  font-family: Polysans Median, sans-serif;
  display: flex;
}

.div-block-6018 {
  position: absolute;
  bottom: -48px;
}

.div-block-6017-copy {
  justify-content: center;
  align-items: center;
  font-family: Polysans Median, sans-serif;
  font-size: 11px;
  display: flex;
}

.div-block-6019 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  white-space: nowrap;
  justify-content: flex-start;
  align-items: center;
  padding: 10px 5px 10px 0;
  font-family: Circularxxweb, sans-serif;
  font-size: 13px;
  font-weight: 300;
  display: flex;
}

.bar_value {
  justify-content: flex-start;
  align-items: center;
  width: 80%;
  display: flex;
  position: relative;
}

.bar_value._23 {
  width: 70%;
}

.bar_value._23._11 {
  width: 60%;
}

.bar_value._23-copy {
  width: 62%;
}

.bar_value._23-copy._22 {
  width: 52%;
}

.bar_value._21 {
  width: 55%;
}

.bar_value._21._22 {
  width: 45%;
}

.bar_value._20 {
  width: 50%;
}

.bar_value._20._22 {
  width: 40%;
}

.bar_value._213 {
  width: 70%;
}

.div-block-6021 {
  background-color: #6d6868;
  width: 100%;
  height: 1px;
}

.div-block-6022 {
  background-color: var(--purple);
  border-radius: 99px;
  width: 8px;
  height: 8px;
  position: absolute;
  left: -5px;
}

.div-block-6022-copy {
  background-color: var(--purple);
  border-radius: 99px;
  width: 7px;
  height: 7px;
  position: absolute;
  left: auto;
  right: -5px;
}

.markets {
  background-color: #fff;
  border: 0 solid #ebebeb;
  border-radius: 0;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 50%;
  padding: 100px 70px 150px 80px;
  font-family: Polysans Median, sans-serif;
  display: flex;
  position: relative;
}

.div-block-6023 {
  background-color: #ddd;
  width: 1px;
  height: 100%;
}

.div-block-6024 {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  height: 100%;
  display: flex;
  position: relative;
}

.div-block-6025 {
  background-color: #fff;
  border: 1px solid #cfcfcf;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  width: 12px;
  height: 12px;
  display: flex;
  position: static;
  left: -60px;
}

.div-block-6025.right {
  left: auto;
  right: -60px;
}

.div-block-6025.small {
  z-index: 30;
  width: 10px;
  height: 10px;
  position: absolute;
  left: 7px;
}

.div-block-6025.smallest {
  width: 10px;
  height: 10px;
  position: absolute;
  top: 0;
  left: auto;
}

.div-block-6025.smallest.s {
  border-color: var(--purple);
  background-color: var(--purple);
}

.div-block-6025.large {
  width: 20px;
  height: 20px;
}

.div-block-6025.purple, .div-block-6025._2purple-copy {
  border-color: var(--black);
  height: 12px;
}

.timeline_item1 {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.timeline_item1.right {
  justify-content: flex-end;
  align-items: center;
}

.timeline_item1.med {
  justify-content: flex-start;
  align-items: center;
  left: -4px;
}

.div-block-6027 {
  font-size: 20px;
  font-weight: 500;
}

.div-block-6028 {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  border-bottom: 0 solid #000;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.div-block-6029 {
  opacity: .99;
  background-color: #d1d1d1;
  border-radius: 99px;
  width: 6px;
  min-width: 6px;
  height: 6px;
  min-height: 6px;
}

.div-block-6029.yoy {
  background-color: #d1d1d1;
}

.div-block-6029.zero {
  opacity: 0;
}

.div-block-6030 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  min-width: 320px;
  display: flex;
  position: relative;
}

.div-block-6030.left {
  justify-content: center;
  align-items: flex-end;
  left: -342px;
  right: auto;
}

.div-block-6031 {
  font-family: Polysans Neutral, sans-serif;
}

.div-block-6032 {
  border-bottom: 1px solid #f5f5f5;
  margin-bottom: 10px;
  padding-bottom: 10px;
  font-family: Circularxxweb, sans-serif;
  font-size: 16px;
  line-height: 24px;
}

.div-block-6033 {
  color: var(--black);
  font-size: 12px;
  line-height: 10px;
  position: absolute;
  left: -46.3438px;
}

.div-block-6034 {
  background-color: #d4d4d4;
  width: 1px;
  height: 280px;
}

.div-block-6034.first {
  height: 3px;
}

.div-block-6034.small {
  height: 80px;
}

.div-block-6034.small._2 {
  height: 100px;
}

.div-block-6034.small.sss {
  background-color: #d4d4d4;
}

.div-block-6034.auto {
  height: 400px;
}

.div-block-6034.auto-copy {
  height: 550px;
}

.div-block-6034.planned {
  background-color: var(--black);
  height: 180px;
}

.div-block-6034.small {
  background-color: var(--black);
  height: 150px;
}

.div-block-6034._1123 {
  height: 100px;
}

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

.div-block-6036 {
  border: 1px solid #d1d1d1;
  border-radius: 999px;
  width: 15px;
  height: 15px;
}

.div-block-6037 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  display: flex;
}

.div-block-6038 {
  background-color: #f8f8f8;
  border-radius: 12px;
  width: 50%;
  padding-top: 90px;
  padding-bottom: 70px;
  padding-left: 25px;
  position: relative;
}

.div-block-6038._2 {
  width: 50%;
  padding-left: 50px;
}

.div-block-6039 {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: absolute;
  top: 20px;
  left: 20px;
}

.div-block-6040 {
  font-family: Polysans Median, sans-serif;
}

.div-block-6041 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.div-block-6042 {
  background-color: #f1f1f1;
  border-radius: 3px;
  width: 300px;
  height: 15px;
  position: relative;
}

.div-block-6043 {
  font-size: 11px;
}

.div-block-6044 {
  background-color: var(--green);
  width: 15%;
  height: 100%;
  position: relative;
}

.div-block-6044.margin {
  width: 10%;
}

.div-block-6045 {
  position: absolute;
  top: 0;
  right: 10px;
}

.text-block-581 {
  font-size: 10px;
  line-height: 10px;
}

.div-block-6046 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-start;
  align-items: center;
  padding-bottom: 4px;
  display: flex;
}

.image-848 {
  width: 25px;
}

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

.div-block-6047.isblank {
  opacity: 0;
}

.div-block-6027-copy {
  font-size: 14px;
  font-weight: 500;
}

.div-block-6048 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.div-block-6048.head {
  border-bottom: 1px solid #adadad36;
  padding-bottom: 10px;
}

.div-block-6048.bottom {
  border-top: 1px solid #e6e6e6;
  border-bottom: 0 solid #adadad36;
  padding-top: 20px;
  padding-bottom: 20px;
}

.div-block-6048._2 {
  border-top: 1px solid #e6e6e6;
  border-bottom: 1px solid #adadad36;
  padding-top: 20px;
  padding-bottom: 20px;
}

.div-block-6049 {
  background-color: #ececec;
  border-radius: 3px;
  width: 100%;
  height: 20px;
  position: relative;
}

.div-block-6049.inv {
  opacity: 0;
}

.div-block-6050 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  width: 100%;
  padding: 5px 30px 5px 0;
  display: flex;
}

.div-block-6051 {
  background-color: var(--purple);
  border-radius: 3px;
  width: 50%;
  height: 100%;
}

.div-block-6051._2 {
  width: 3%;
}

.div-block-6051._2.after_cost {
  width: 85%;
}

.div-block-6051._2.after_cost._22 {
  width: 65%;
}

.div-block-6051._2.planned, .div-block-6051._2.f1 {
  width: 50%;
}

.div-block-6051._2.f2 {
  width: 25%;
}

.div-block-6051._2.f2.abs {
  position: absolute;
  left: 50%;
}

.div-block-6051._3 {
  width: 4%;
}

.div-block-6051._3.after_cost {
  opacity: 1;
  width: 30%;
}

.div-block-6051._3.planned {
  width: 55%;
}

.div-block-6051._3.planned.add_1 {
  width: 50%;
}

.div-block-6051._3.f3 {
  width: 10%;
  position: absolute;
  left: 75%;
}

.div-block-6051._4 {
  width: 46%;
}

.div-block-6051._4.after_cost {
  opacity: .6;
  width: 60%;
}

.div-block-6051._4.planned {
  width: 60%;
}

.div-block-6051._4.planned.add_1 {
  width: 15%;
}

.div-block-6051._5 {
  width: 44%;
}

.div-block-6051._5.after_cost {
  opacity: .4;
  width: 40%;
}

.div-block-6051._5.planned {
  width: 42%;
}

.div-block-6051._5.planned.add_1 {
  width: 7%;
}

.div-block-6051._6 {
  width: 100%;
}

.div-block-6051._6.after_cost {
  opacity: .5;
  width: 20%;
}

.div-block-6051._6.planned {
  width: 100%;
}

.div-block-6051._6.planned.add_1 {
  width: 25%;
}

.div-block-6051._7 {
  width: 17%;
}

.div-block-6051._7.after_cost {
  opacity: .75;
  width: 75%;
}

.div-block-6051._7.planned {
  width: 35%;
}

.div-block-6051._7.planned.add_1 {
  width: 2.5%;
}

.div-block-6051._8 {
  width: 26%;
}

.div-block-6051._8.after_cost {
  opacity: .9;
  width: 85%;
}

.div-block-6051._8.planned {
  width: 26%;
}

.div-block-6051._8.planned.add_1 {
  width: 10%;
}

.div-block-6051._9 {
  width: 12%;
}

.div-block-6051._9.after_cost {
  opacity: .65;
  width: 65%;
}

.div-block-6051._9.planned {
  width: 24%;
}

.div-block-6051._9.planned.add_1 {
  width: 2.4%;
}

.div-block-6051._10 {
  width: 8%;
}

.div-block-6051._10.after_cost {
  opacity: .9;
  width: 90%;
}

.div-block-6051._10.planned {
  width: 15%;
}

.div-block-6051._10.planned.add_1 {
  width: 2.5%;
}

.div-block-6051._11 {
  width: 2%;
}

.div-block-6051._11.after_cost {
  opacity: .7;
  width: 70%;
}

.div-block-6051._12 {
  width: 2%;
}

.div-block-6051._12.after_cost {
  opacity: .9;
  width: 90%;
}

.div-block-6051._12.planned {
  width: 5%;
}

.div-block-6051._12.planned.add_1 {
  width: 2.2%;
}

.div-block-6051._13 {
  width: 16%;
}

.div-block-6051._13.after_cost {
  opacity: .8;
  width: 80%;
}

.div-block-6051._13.planned {
  width: 10%;
}

.div-block-6051._13.planned.last {
  width: 40%;
}

.div-block-6051._13.planned.last.add5 {
  width: 10%;
}

.div-block-6051._13.planned.add_1 {
  width: 5%;
}

.div-block-6051.after_cost {
  background-color: var(--green_dark);
  width: 15%;
}

.div-block-6051.planned._01 {
  width: 100%;
}

.div-block-6051.f4 {
  width: 10%;
  position: absolute;
  left: 85%;
}

.div-block-6051.f5 {
  width: 5%;
  position: absolute;
  left: 95%;
}

.div-block-6051.new {
  background-color: var(--pink);
}

.div-block-6051.new._01 {
  width: 50%;
}

.div-block-6051.new._01.add_11 {
  width: 100%;
}

.div-block-6051.new._02 {
  width: 9%;
}

.div-block-6051.new._03 {
  width: 8%;
}

.div-block-6051.x1 {
  width: 63%;
}

.div-block-6051.xx2 {
  width: 9.3%;
  position: absolute;
  left: 64%;
}

.div-block-6051.xx2.after_cost {
  width: 85%;
}

.div-block-6051.xx2.after_cost._22 {
  width: 65%;
}

.div-block-6051.xx2.planned, .div-block-6051.xx2.f1 {
  width: 50%;
}

.div-block-6051.xx2.f2 {
  width: 25%;
}

.div-block-6051.xx2.f2.abs {
  position: absolute;
  left: 50%;
}

.div-block-6051._3-copy {
  width: 4%;
}

.div-block-6051._3-copy.after_cost {
  opacity: 1;
  width: 30%;
}

.div-block-6051._3-copy.planned {
  width: 55%;
}

.div-block-6051._3-copy.planned.add_1 {
  width: 50%;
}

.div-block-6051._3-copy.f3 {
  width: 10%;
  position: absolute;
  left: 75%;
}

.div-block-6051._3-copy-copy {
  width: 7.5%;
  position: absolute;
  left: 80.1%;
}

.div-block-6051._3-copy-copy.after_cost {
  opacity: 1;
  width: 30%;
}

.div-block-6051._3-copy-copy.planned {
  width: 55%;
}

.div-block-6051._3-copy-copy.planned.add_1 {
  width: 50%;
}

.div-block-6051._3-copy-copy.f3 {
  width: 10%;
  position: absolute;
  left: 75%;
}

.div-block-6051.xx4-copy {
  width: 5.4%;
  position: absolute;
  left: 85%;
}

.div-block-6051.xx4-copy.after_cost {
  opacity: .6;
  width: 60%;
}

.div-block-6051.xx4-copy.planned {
  width: 60%;
}

.div-block-6051.xx4-copy.planned.add_1 {
  width: 15%;
}

.div-block-6051.xx5-copy {
  width: 2.7%;
  position: absolute;
  left: 90%;
}

.div-block-6051.xx5-copy.after_cost {
  opacity: .4;
  width: 40%;
}

.div-block-6051.xx5-copy.planned {
  width: 42%;
}

.div-block-6051.xx5-copy.planned.add_1 {
  width: 7%;
}

.div-block-6051.xx6-copy {
  width: 12.9%;
  position: absolute;
  left: 91%;
}

.div-block-6051.xx6-copy.after_cost {
  opacity: .5;
  width: 20%;
}

.div-block-6051.xx6-copy.planned {
  width: 100%;
}

.div-block-6051.xx6-copy.planned.add_1 {
  width: 25%;
}

.div-block-6051._2xx2-copy {
  width: 8.1%;
  position: absolute;
  left: 72.8%;
}

.div-block-6051._2xx2-copy.after_cost {
  width: 85%;
}

.div-block-6051._2xx2-copy.after_cost._22 {
  width: 65%;
}

.div-block-6051._2xx2-copy.planned, .div-block-6051._2xx2-copy.f1 {
  width: 50%;
}

.div-block-6051._2xx2-copy.f2 {
  width: 25%;
}

.div-block-6051._2xx2-copy.f2.abs {
  position: absolute;
  left: 50%;
}

.div-block-6052 {
  width: 170px;
  font-weight: 500;
}

.div-block-6052._22 {
  width: 100%;
}

.div-block-6052.larger {
  width: 200px;
}

.div-block-6052.large32 {
  width: 300px;
}

.div-block-6052.separator.new {
  color: var(--pink);
}

.div-block-6053 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  border-bottom: 1px solid #eee;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 50%;
  display: flex;
}

.div-block-6054 {
  background-color: var(--purple);
  color: #fff;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  padding: 5px 10px;
  font-family: Polysans Median, sans-serif;
  font-size: 9px;
  line-height: 9px;
  display: flex;
}

.div-block-6054.jv {
  background-color: #df3ba8;
}

.div-block-6054.reseller {
  background-color: var(--green);
  color: #3b3b3b;
}

.div-block-6055 {
  width: 80px;
}

.div-block-6055.head {
  font-weight: 500;
}

.div-block-6056 {
  background-color: #32c946;
  border-radius: 99px;
  width: 7px;
  height: 7px;
}

.div-block-6057 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.div-block-6058 {
  font-size: 10px;
  line-height: 10px;
}

.page_body-copy {
  flex-flow: column;
  display: flex;
}

.div-block-6052-copy {
  width: 100%;
  font-weight: 300;
}

.div-block-6052-copy._22 {
  width: 100%;
}

.tab-pane-tab-1 {
  background-color: #f8f8f8;
  border-radius: 12px;
}

.div-block-6059 {
  width: 100%;
  position: relative;
}

.tabs-menu {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  border: 0 solid #000;
  border-radius: 0;
  height: 70px;
  padding: 15px 13px 15px 5px;
  display: flex;
}

.tab-link-tab-2 {
  background-color: #fff;
  border: 1px solid #e4e4e4;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  height: 40px;
  padding: 12px 35px;
  font-family: Polysans Median, sans-serif;
  font-size: 13px;
  line-height: 11px;
  display: flex;
}

.tab-link-tab-2.w--current {
  color: #ece6e6;
  background-color: #000;
  border-color: #5c5c5c;
  height: 40px;
}

.tab-link-tab-1 {
  background-color: #fff;
  border: 1px solid #dadada;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  height: 40px;
  font-family: Polysans Median, sans-serif;
  font-size: 13px;
  display: flex;
}

.tab-link-tab-1.w--current {
  color: #f5f5f5;
  background-color: #000;
  border-bottom-width: 1px;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  padding: 12px 35px;
  font-family: Polysans Median, sans-serif;
  font-weight: 300;
  line-height: 11px;
  display: flex;
}

.div-block-6038-copy {
  background-color: #f8f8f8;
  border-radius: 12px;
  width: 100%;
  padding-top: 45px;
  padding-bottom: 70px;
  padding-left: 25px;
  position: relative;
}

.predict_panel {
  background-color: #fff;
  border-radius: 12px;
  width: 100%;
  padding-top: 45px;
  padding-left: 15px;
  position: relative;
}

._2div-block-6038-copy {
  background-color: #f8f8f8;
  border-radius: 12px;
  width: 100%;
  padding-top: 90px;
  padding-bottom: 70px;
  padding-left: 25px;
  position: relative;
}

.div-block-6060 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-flow: column;
  justify-content: space-between;
  width: 50%;
  min-width: 50%;
  height: 100%;
  padding-top: 502px;
  display: flex;
}

.div-block-6061 {
  z-index: 1;
  background-color: #f1f1f1;
  width: 6000px;
  height: 1px;
  position: absolute;
  top: 35px;
  left: -1500px;
}

.tabs {
  z-index: 20;
}

.div-block-6062 {
  width: 100%;
}

.div-block-6063 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.key_vector_12 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  background-color: #f8f8f8;
  border-radius: 12px;
  flex-flow: column;
  padding: 20px 25px 30px 20px;
  display: flex;
  position: relative;
}

.key_vector_12._1 {
  padding-top: 50px;
  padding-bottom: 50px;
  padding-right: 40px;
}

.div-block-6064 {
  color: #fff;
  background-color: #292929;
  border: 1px solid #2c2c2c;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  width: 23px;
  min-width: 23px;
  height: 23px;
  min-height: 23px;
  font-family: Polysans Median, sans-serif;
  font-size: 9px;
  line-height: 9px;
  display: flex;
}

.div-block-6064.secondary {
  background-color: var(--white);
  color: #2e2e2e;
  border-color: #dfdfdf;
  line-height: 9px;
}

.div-block-6064.green {
  z-index: 5;
  background-color: var(--white);
  color: #000;
  border-color: #747474;
  width: 30px;
  min-width: 30px;
  height: 30px;
  min-height: 30px;
  position: relative;
}

.div-block-6065 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.div-block-6066 {
  font-family: Polysans Median, sans-serif;
  font-size: 15px;
}

.div-block-6066.black {
  color: #000;
}

.div-block-6067 {
  color: #7e7e7e;
  padding-left: 38px;
  font-family: Polysans Slim, sans-serif;
  font-size: 17px;
  line-height: 25px;
}

.div-block-6067.black {
  color: #4b4b4b;
  padding-left: 44px;
  line-height: 26px;
}

.div-block-6067.black._2 {
  margin-top: 5px;
  padding-top: 5px;
}

.key_vector_12-copy {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #f8f8f8;
  border-radius: 12px;
  flex-flow: column;
  width: 50%;
  padding: 30px 25px 30px 20px;
  display: flex;
  position: relative;
}

.key_vector_12-copy._60 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  width: 50%;
  display: flex;
}

.div-block-6068 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  display: flex;
}

.div-block-6037-copy {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  background-color: #fff;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  padding-bottom: 0;
  display: flex;
}

.div-block-6069 {
  z-index: 10;
  justify-content: flex-start;
  align-items: center;
  height: 55px;
  padding-top: 10px;
  display: flex;
  position: relative;
}

.div-block-6070 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #303030;
  background-color: #fff;
  justify-content: flex-start;
  align-items: center;
  padding: 7px;
  font-family: Polysans Median, sans-serif;
  display: flex;
  position: relative;
  left: -26px;
}

.div-block-6022-copy {
  background-color: var(--purple);
  border-radius: 99px;
  width: 8px;
  height: 8px;
  position: static;
  left: -5px;
}

.div-block-6071 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.div-block-6072 {
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  display: flex;
}

.div-block-6073 {
  background-color: #f7f7f7;
  border-radius: 3px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 750px;
  display: flex;
}

.div-block-5800-copy-copy-copy {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-left: 230px;
  padding-right: 50px;
  display: flex;
  position: relative;
}

.div-block-6074 {
  color: #9e9e9e;
  width: 100%;
  padding-left: 12px;
  font-size: 12px;
}

._2div-block-5787-copy-copy {
  z-index: 30;
  background-color: #424242;
  border-radius: 3px;
  width: 3px;
  height: 20px;
  position: absolute;
  top: -4px;
  left: 94.5px;
}

.text-field-10 {
  border-radius: 3px;
}

.div-block-6075 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-flow: column;
  width: 100%;
  display: flex;
}

.div-block-6076 {
  padding-top: 10px;
}

.div-block-6077 {
  color: #b8b8b8;
  border-top: 1px solid #e4e4e4;
  margin-top: 10px;
  padding-top: 10px;
}

.unit_b1 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  background-color: #fff;
  border: 1px solid #dfdfdf00;
  border-radius: 12px;
  flex-flow: column;
  width: 100%;
  padding: 30px 40px 30px 20px;
  display: flex;
  position: relative;
}

.unit_b1._60 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  width: 50%;
  display: flex;
}

.text-span-93 {
  color: var(--purple);
  font-family: Polysans Median, sans-serif;
  text-decoration: underline;
}

.div-block-6078 {
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.div-block-6079 {
  background-color: #dfdfdf;
  width: 1px;
  height: 402px;
  position: absolute;
  top: 0;
}

.div-block-6079._2 {
  top: auto;
  bottom: 0;
}

.div-block-6080 {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
}

.div-block-6081 {
  font-family: Polysans Slim, sans-serif;
}

.div-block-6082 {
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
}

.div-block-6083 {
  color: #a0a0a0;
  padding-left: 20px;
  padding-right: 10px;
}

.image-849 {
  height: 20px;
}

.div-block-6084 {
  padding-top: 15px;
  padding-bottom: 5px;
  font-family: Polysans Median, sans-serif;
  font-size: 12px;
}

.text-span-94 {
  color: #bebebe;
}

.text-span-95 {
  font-family: Polysans Median, sans-serif;
}

.text-span-96 {
  color: #ccc;
}

.div-block-6085 {
  background-color: #423c3c;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  min-height: 105vh;
  padding-bottom: 20px;
  font-family: Circularxxweb, sans-serif;
  transition: all .85s cubic-bezier(.165, .84, .44, 1);
  display: flex;
}

.div-block-6085.is_vodacom {
  background-color: #000;
}

.div-block-6085.is_amex {
  background-color: #0b2b47;
}

.div-block-6085.is_meta {
  background-color: #d7d1c8;
}

.body-4 {
  background-color: #423c3c;
}

.div-block-6086 {
  color: #949494;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-top: 0;
  display: none;
}

.div-block-6086.is_active {
  color: #6f6c6c;
  padding-top: 250px;
  font-size: 20px;
  display: flex;
}

.div-block-1542-copy {
  filter: invert(82%);
  color: #d1d1d1;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1380px;
  height: 100%;
  display: flex;
}

.div-block-1542-copy.is_meta {
  filter: invert(0%);
}

.div-block-6087 {
  opacity: .5;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 25px 20px;
  display: flex;
}

._1partner_story-copy {
  z-index: 105;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  color: #0f0f0f;
  border: 0 solid #000;
  border-bottom-color: #dbdbdb;
  border-radius: 0;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1380px;
  max-height: 0;
  margin-top: 0;
  padding: 0 48px;
  display: none;
  position: relative;
  overflow: hidden;
}

._1partner_story-copy.purple {
  z-index: 99;
  color: #f3f3f3;
  background-color: #5200ff;
  border-bottom-color: #c7c7c71f;
}

._1partner_story-copy.top {
  z-index: 108;
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  background-color: #fff;
  border-bottom-color: #e9e9e9;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  padding-right: 20px;
}

._1partner_story-copy.black {
  z-index: 99;
  color: #cec1b1;
  background-color: #040a18;
}

._1partner_story-copy.green {
  z-index: 106;
  color: #131313;
  background-color: #3cffd0;
  overflow: hidden;
}

._1partner_story-copy.intro {
  color: #fff;
  background-color: #fff;
  justify-content: flex-start;
  align-items: center;
  min-height: 600px;
  padding-left: 40px;
  display: flex;
}

._1partner_story-copy.white {
  background-color: #fff;
}

._1partner_story-copy.yellow {
  z-index: 99;
  color: #141414;
  background-color: #d6f31f;
}

._1partner_story-copy.noheight {
  min-height: 450px;
}

._1partner_story-copy.intro-copy {
  color: #fff;
  background-color: #fff;
  justify-content: flex-start;
  align-items: center;
  max-width: 1380px;
  min-height: auto;
  padding-bottom: 100px;
  padding-left: 40px;
  display: flex;
  overflow: hidden;
}

._1partner_story-copy.hidden {
  display: none;
}

._1partner_story-copy.active {
  color: #dfdfdf;
  background-color: #1b1b1d;
  border-radius: 3px;
  max-height: 2299px;
  margin-top: 20px;
  padding: 0 48px 48px;
  display: flex;
}

._1partner_story-copy.active.is_vodacom {
  background-image: linear-gradient(51deg, #000 4%, #d92f20);
}

._1partner_story-copy.active.is_meta {
  background-color: #161e22;
}

._1partner_story-copy.is_vodacom {
  display: flex;
}

.div-block-6060-copy {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-flow: column;
  justify-content: space-between;
  width: 50%;
  min-width: 50%;
  height: 100%;
  padding-top: 0;
  display: flex;
}

.div-block-6088 {
  z-index: 102;
  color: #fff;
  background-color: #5300ff;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 900px;
  display: flex;
  position: relative;
}

.text-block-583 {
  height: 120px;
}

.div-block-6089 {
  z-index: 101;
  background-color: #fff;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-bottom: 140px;
  display: flex;
  position: relative;
}

.div-block-12-copy {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 750px;
  padding-right: 0;
  display: flex;
}

.div-block-6060-copy-copy {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-flow: column;
  justify-content: space-between;
  width: 100%;
  min-width: 100%;
  height: 100%;
  padding-top: 0;
  display: flex;
}

.div-block-4-copy-copy122 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border-radius: 12px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 80%;
  height: 100%;
  padding: 0 0 10px 20px;
  display: flex;
  position: relative;
}

.div-block-4-copy-copy122._20 {
  z-index: 99;
  width: 50%;
  min-width: auto;
  padding-right: 80px;
  overflow: visible;
}

.div-block-4-copy-copy122._20-copy {
  z-index: 99;
  width: 50%;
  min-width: auto;
  padding-left: 0;
  padding-right: 80px;
  overflow: visible;
}

.div-block-4-copy-copy122._20-copy-copy {
  z-index: 99;
  background-color: #f8f8f8;
  width: 100%;
  min-width: auto;
  padding: 45px 215px 75px 61px;
  position: static;
  overflow: visible;
}

.floating_bar_chart {
  z-index: 1;
  background-color: #5300ff;
  border-radius: 3px;
  width: 62%;
  height: 100%;
  transition: left .7s;
  position: absolute;
  left: 0%;
}

.floating_bar_chart.line2 {
  left: -52px;
}

.floating_bar_chart.line2.zero {
  background-color: #5200ff;
}

.floating_bar_chart.line2.zero._2 {
  left: -116px;
}

.floating_bar_chart._3 {
  background-color: #cec1b1;
  left: -246px;
}

.floating_bar_chart._4 {
  left: -101px;
}

.floating_bar_chart._5 {
  left: -301px;
}

.floating_bar_chart.line2-copy5 {
  left: -75px;
}

.floating_bar_chart._7 {
  left: -375px;
}

.floating_bar_chart._8line2-copy {
  left: -169px;
}

.floating_bar_chart.zero {
  left: -3px;
}

.floating_bar_chart._0 {
  left: -64px;
}

.floating_bar_chart._2023 {
  width: 85%;
}

.floating_bar_chart._2023.ss2 {
  background-color: #292929;
  width: 77%;
  height: 1px;
}

.floating_bar_chart._2022 {
  width: 80%;
}

.floating_bar_chart._2022.ss3 {
  background-color: #111;
  width: 71.82%;
  height: 1px;
}

.floating_bar_chart._2021 {
  width: 70%;
}

.floating_bar_chart._2021.ss4 {
  background-color: #2c2c2c;
  width: 68.79%;
  height: 1px;
}

.floating_bar_chart._2020.ss5 {
  background-color: #1b1b1b;
  width: 55%;
  height: 1px;
}

.floating_bar_chart._2025 {
  left: -86%;
}

.floating_bar_chart._2026 {
  left: -73%;
}

.floating_bar_chart._2027 {
  left: -45%;
}

.floating_bar_chart._2024_2 {
  left: -90%;
}

.floating_bar_chart.tech {
  background-color: #7b99da;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  left: -50%;
}

.floating_bar_chart.tech._2024 {
  left: -50%;
}

.floating_bar_chart.tech._2023 {
  left: -58%;
}

.floating_bar_chart.tech._2022 {
  left: -62%;
}

.floating_bar_chart.tech._2021 {
  left: -67%;
}

.floating_bar_chart.tech._2020 {
  left: -68%;
}

.floating_bar_chart.ss1 {
  background-color: #202020;
  height: 1px;
  max-height: 1px;
}

.floating_bar_chart._2020-copy {
  width: 60%;
}

.floating_bar_chart._2024_11 {
  width: 90%;
}

.floating_bar_chart._2020-copy.ss5 {
  background-color: #1b1b1b;
  width: 55%;
  height: 1px;
}

.floating_bar_chart.r1 {
  width: 9.26%;
  left: 62%;
}

.floating_bar_chart.r1-copy {
  width: 2.72%;
  left: 71.68%;
}

.floating_bar_chart.rr3 {
  width: 8.03%;
  left: 74.4%;
}

.floating_bar_chart.rr4 {
  width: 5.4%;
  left: 82.43%;
}

.floating_bar_chart.rr5 {
  width: 10%;
  left: 60%;
}

.floating_bar_chart._22rr4-copy {
  width: 7.41%;
  left: 87.83%;
}

.floating_bar_chart._2rr5-copy {
  width: 5%;
  left: 95.24%;
}

._1234hh1-copy-copy {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  color: var(--purple);
  border-bottom: 0 solid #f3f3f3;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-bottom: 10px;
  padding-left: 0;
  font-family: Polysans Median, sans-serif;
  font-size: 11px;
  display: flex;
}

.div-block-6090 {
  font-size: 11px;
  line-height: 11px;
  position: absolute;
  bottom: 11px;
  right: -22px;
}

.div-block-6091 {
  width: 100%;
  height: 100%;
  padding: 35px 91px 42px;
}

.div-block-1576-copy {
  z-index: 100;
  background-color: #9b9b9b40;
  width: 1px;
  height: 100%;
  position: absolute;
  overflow: hidden;
}

.div-block-1576-copy.a {
  top: 1800px;
}

.div-block-1576-copy.a-copy {
  z-index: 5;
  top: 0;
}

.div-block-1576-copy-copy {
  z-index: 100;
  background-color: #ddd3;
  width: 1px;
  height: 100%;
  position: absolute;
  top: 0;
  overflow: hidden;
}

.div-block-1576-copy-copy.a {
  top: 1800px;
}

.div-block-1576-copy-copy.a-copy {
  z-index: 5;
  top: 0;
}

._2hh1-copy-copy {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  color: var(--purple);
  border-bottom: 0 solid #f3f3f3;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-bottom: 15px;
  padding-left: 10px;
  font-family: Polysans Median, sans-serif;
  font-size: 13px;
  display: flex;
}

._2div-block-6038-copy-copy {
  background-color: #f8f8f8;
  border-radius: 12px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  padding-top: 90px;
  padding-bottom: 70px;
  padding-left: 25px;
  display: flex;
  position: relative;
}

.div-block-5490-copy-copy {
  color: #1a1a1a;
  letter-spacing: .5px;
  width: 100%;
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: 300;
  line-height: 27px;
  position: relative;
}

.div-block-5490-copy-copy.white, .div-block-5490-copy-copy.purple {
  color: #fff;
}

.bar_chart-copy {
  z-index: 1;
  background-color: #5300ff;
  border-radius: 3px;
  width: 35%;
  height: 100%;
  transition: left .7s;
  position: absolute;
  left: 0%;
}

.bar_chart-copy.line2 {
  left: -52px;
}

.bar_chart-copy.line2.zero {
  background-color: #5200ff;
}

.bar_chart-copy.line2.zero._2 {
  left: -116px;
}

.bar_chart-copy._3 {
  background-color: #cec1b1;
  left: -246px;
}

.bar_chart-copy._4 {
  left: -101px;
}

.bar_chart-copy._5 {
  left: -301px;
}

.bar_chart-copy.line2-copy5 {
  left: -75px;
}

.bar_chart-copy._7 {
  left: -375px;
}

.bar_chart-copy._8line2-copy {
  left: -169px;
}

.bar_chart-copy.zero {
  left: -3px;
}

.bar_chart-copy._0 {
  left: -64px;
}

.bar_chart-copy._2023 {
  width: 85%;
}

.bar_chart-copy._2023.ss2 {
  background-color: #292929;
  width: 77%;
  height: 1px;
}

.bar_chart-copy._2022 {
  width: 80%;
}

.bar_chart-copy._2022.ss3 {
  background-color: #111;
  width: 71.82%;
  height: 1px;
}

.bar_chart-copy._2021 {
  width: 70%;
}

.bar_chart-copy._2021.ss4 {
  background-color: #2c2c2c;
  width: 68.79%;
  height: 1px;
}

.bar_chart-copy._2020.ss5 {
  background-color: #1b1b1b;
  width: 55%;
  height: 1px;
}

.bar_chart-copy._2025 {
  left: -86%;
}

.bar_chart-copy._2026 {
  left: -73%;
}

.bar_chart-copy._2027 {
  left: -45%;
}

.bar_chart-copy._2024_2 {
  left: -90%;
}

.bar_chart-copy.tech {
  background-color: #7b99da;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  left: -50%;
}

.bar_chart-copy.tech._2024 {
  left: -50%;
}

.bar_chart-copy.tech._2023 {
  left: -58%;
}

.bar_chart-copy.tech._2022 {
  left: -62%;
}

.bar_chart-copy.tech._2021 {
  left: -67%;
}

.bar_chart-copy.tech._2020 {
  left: -68%;
}

.bar_chart-copy.ss1 {
  background-color: #202020;
  height: 1px;
  max-height: 1px;
}

.bar_chart-copy._2020-copy {
  width: 60%;
}

.bar_chart-copy._2024_11 {
  width: 90%;
}

.bar_chart-copy._2020-copy.ss5 {
  background-color: #1b1b1b;
  width: 55%;
  height: 1px;
}

._2div-block-5527-copy {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  justify-content: space-between;
  align-items: center;
  width: 220px;
  font-family: Circularxxweb, sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 12px;
  display: flex;
}

._2div-block-5525-copy {
  z-index: 2;
  color: #fdfdfd;
  letter-spacing: .5px;
  font-family: Circularxxweb, sans-serif;
  font-size: 12px;
  font-weight: 400;
  position: relative;
}

._2div-block-5525-copy.white {
  color: #fff;
}

._2div-block-5525-copy.bold {
  font-family: Polysans Median, sans-serif;
}

._2div-block-5525-copy.studio {
  color: #313131;
  background-color: #fff;
  border-radius: 3px;
  padding: 5px 10px;
  font-family: Polysans Median, sans-serif;
  font-size: 11px;
  line-height: 12px;
  position: absolute;
  right: 4px;
}

._2div-block-5525-copy.studio._1 {
  font-family: Polysans Median, sans-serif;
  right: -93px;
}

._2div-block-5525-copy.studio._2 {
  right: 0;
}

._2div-block-5525-copy.studio._3 {
  right: 83px;
}

._2div-block-5525-copy.studio._4 {
  right: 98px;
}

._2div-block-5525-copy.studio._5 {
  right: 128px;
}

._2div-block-5525-copy.studio.x2 {
  font-family: Polysans Median, sans-serif;
  right: 21px;
}

._2div-block-5525-copy.studio.x3 {
  font-family: Polysans Median, sans-serif;
  right: 32px;
}

._2div-block-5525-copy.studio.x4 {
  border-radius: 4px;
  font-family: Polysans Median, sans-serif;
  right: 88px;
}

._2div-block-5525-copy.black {
  color: #2c2c2c;
}

.bar_chart-copy-copy {
  z-index: 1;
  background-color: #5300ff;
  border-radius: 3px;
  width: 65%;
  height: 100%;
  transition: left .7s;
  position: absolute;
  left: 0%;
}

.bar_chart-copy-copy.line2 {
  left: -52px;
}

.bar_chart-copy-copy.line2.zero {
  background-color: #5200ff;
}

.bar_chart-copy-copy.line2.zero._2 {
  left: -116px;
}

.bar_chart-copy-copy._3 {
  background-color: #cec1b1;
  left: -246px;
}

.bar_chart-copy-copy._4 {
  left: -101px;
}

.bar_chart-copy-copy._5 {
  left: -301px;
}

.bar_chart-copy-copy.line2-copy5 {
  left: -75px;
}

.bar_chart-copy-copy._7 {
  left: -375px;
}

.bar_chart-copy-copy._8line2-copy {
  left: -169px;
}

.bar_chart-copy-copy.zero {
  left: -3px;
}

.bar_chart-copy-copy._0 {
  left: -64px;
}

.bar_chart-copy-copy._2023 {
  width: 85%;
}

.bar_chart-copy-copy._2023.ss2 {
  background-color: #292929;
  width: 77%;
  height: 1px;
}

.bar_chart-copy-copy._2022 {
  width: 80%;
}

.bar_chart-copy-copy._2022.ss3 {
  background-color: #111;
  width: 71.82%;
  height: 1px;
}

.bar_chart-copy-copy._2021 {
  width: 70%;
}

.bar_chart-copy-copy._2021.ss4 {
  background-color: #2c2c2c;
  width: 68.79%;
  height: 1px;
}

.bar_chart-copy-copy._2020.ss5 {
  background-color: #1b1b1b;
  width: 55%;
  height: 1px;
}

.bar_chart-copy-copy._2025 {
  left: -86%;
}

.bar_chart-copy-copy._2026 {
  left: -73%;
}

.bar_chart-copy-copy._2027 {
  left: -45%;
}

.bar_chart-copy-copy._2024_2 {
  left: -90%;
}

.bar_chart-copy-copy.tech {
  background-color: #7b99da;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  left: -50%;
}

.bar_chart-copy-copy.tech._2024 {
  left: -50%;
}

.bar_chart-copy-copy.tech._2023 {
  left: -58%;
}

.bar_chart-copy-copy.tech._2022 {
  left: -62%;
}

.bar_chart-copy-copy.tech._2021 {
  left: -67%;
}

.bar_chart-copy-copy.tech._2020 {
  left: -68%;
}

.bar_chart-copy-copy.ss1 {
  background-color: #202020;
  height: 1px;
  max-height: 1px;
}

.bar_chart-copy-copy._2020-copy {
  width: 60%;
}

.bar_chart-copy-copy._2024_11 {
  width: 90%;
}

.bar_chart-copy-copy._2020-copy.ss5 {
  background-color: #1b1b1b;
  width: 55%;
  height: 1px;
}

@media screen and (min-width: 1920px) {
  .t1-2 {
    white-space: nowrap;
  }

  .div-block-829 {
    margin-top: 5px;
  }

  .div-block-5603.studio {
    width: 1380px;
    max-width: 1380px;
    height: 776px;
    max-height: 776px;
  }

  .datepress {
    margin-top: 0;
    font-size: 12px;
  }

  .div-block-1569-copy1251-cop1y {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .div-block-1571-copy-copy {
    font-size: 17px;
    line-height: 28px;
  }

  .div-block-1601 {
    width: 160px;
    min-width: 160px;
    height: 106px;
  }

  .div-block-1602 {
    opacity: .9;
  }

  .div-block-1602._2public-copy {
    background-image: url("https://cdn.prod.website-files.com/65ff1993ed34712d1a33b80c/660fc10640de6332d7c2cb66_public_conversations.jpg");
  }

  .div-block-1602.vmm {
    opacity: 1;
  }

  .div-block-1602.public {
    background-image: url("https://cdn.prod.website-files.com/65ff1993ed34712d1a33b80c/660fc10640de6332d7c2cb64_0769732ffc84b9463cbb640f470b076b.webp");
  }

  .div-block-1602._2public-copy-copy {
    background-image: url("https://cdn.prod.website-files.com/65ff1993ed34712d1a33b80c/660fc10640de6332d7c2cb66_public_conversations.jpg");
  }

  .infeed {
    display: none;
  }

  .infeed.demo.ax.w12 {
    display: flex;
  }

  .thephone1 {
    padding-top: 50px;
  }

  .progress_item._2 {
    width: 80%;
  }

  .progress_item._3 {
    width: 80%;
    left: 22%;
  }

  .progress_item._4 {
    left: 10%;
  }

  .progress_item._5 {
    width: 70%;
  }

  .progress_item._6 {
    width: 70%;
    left: 5%;
  }

  .progress_item._7 {
    width: 80%;
    left: 25%;
  }

  .progress_item._8 {
    width: 78%;
    left: 12%;
  }

  .div-block-5743 {
    min-height: 850px;
  }

  .div-block-5743._2, .div-block-5743._2-copy {
    min-height: auto;
  }

  .the_main-copy.border {
    border-bottom-width: 1px;
  }

  .div-block-5789.highlight {
    background-color: var(--green);
  }

  .thecell.hh {
    border-right-color: #a3d8cb;
  }

  .div-block-5072 {
    margin-right: 0;
  }

  .div-block-5117 {
    font-family: GoogleMaterialicons, sans-serif;
  }

  .thecontent_22-copy-copy.active {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .product_media-copy.spaced {
    background-color: #fff;
    border-radius: 12px;
    width: 60%;
    margin-top: 0;
    margin-bottom: 0;
  }

  ._12div-block-5442-copy {
    height: auto;
  }

  .div-block-5743-copy, ._2div-block-5743-copy-copy {
    min-height: 850px;
  }

  .stories_container {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .ideation_box-white {
    min-height: 850px;
  }

  .div-block-5991 {
    padding-left: 100px;
  }

  .div-block-5992 {
    justify-content: center;
    align-items: center;
    width: 100%;
    display: flex;
  }

  .the_main-copy-copy.border {
    border-bottom-width: 1px;
  }
}

@media screen and (max-width: 991px) {
  .the_main {
    background-color: #fff;
    flex-flow: column;
    padding-right: 60px;
  }

  .the_main.top {
    flex-flow: column;
    padding-right: 20px;
  }

  .the_main.green {
    flex-flow: column;
    padding-top: 40px;
    padding-bottom: 60px;
  }

  .the_main.video {
    padding-bottom: 20px;
    padding-left: 25px;
  }

  .the_main.video-copy {
    padding-bottom: 20px;
    padding-left: 25px;
  }

  .the_main.story_intro {
    height: auto;
    padding-bottom: 20px;
    padding-left: 25px;
  }

  .the_main.white {
    flex-flow: column;
    padding-top: 40px;
    padding-bottom: 60px;
  }

  .div-block-2 {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .div-block-4 {
    width: 100%;
  }

  .div-block-4.sticky {
    position: static;
  }

  .div-block-4.sticky.solutions {
    width: 100%;
  }

  .div-block-4.cover {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    width: 100%;
    min-height: auto;
    padding-left: 0;
  }

  .div-block-4.sticky-copy {
    position: static;
  }

  .div-block-4.sticky-copy.solutions {
    width: 100%;
  }

  .div-block-4.padded_1 {
    position: static;
  }

  .div-block-4.padded_1.solutions {
    width: 100%;
  }

  .div-block-6 {
    max-width: 100%;
  }

  .div-block-4-copy {
    border-top: 1px solid #a7a7a72e;
    border-radius: 0;
    width: 100%;
    margin-top: 30px;
    padding-top: 30px;
    padding-left: 40px;
  }

  .div-block-12 {
    max-width: none;
  }

  .div-block-1574 {
    font-family: Polysans Median, sans-serif;
    font-size: 36px;
    line-height: 45px;
  }

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

  .thevalue.first.aw, .thevalue.first.home, .thevalue.last2.aw, .thevalue.last2.home {
    padding-left: 40px;
  }

  .div-block-1569 {
    border-top: 1px solid #e6e6e624;
    max-width: none;
    margin-top: 25px;
    margin-left: 0;
    padding-top: 25px;
    padding-left: 0;
  }

  .div-block-3207 {
    display: none;
  }

  .div-block-1578-copy {
    width: 100%;
  }

  .div-block-3210 {
    min-width: auto;
    max-width: 100%;
    height: 360px;
    min-height: 360px;
  }

  .bb1 {
    max-width: 187px;
  }

  .div-block-3242 {
    width: 100%;
  }

  .div-block-5499 {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    flex-flow: column;
    padding-right: 25px;
  }

  .div-block-5501.green {
    display: none;
  }

  .div-block-1569-copy {
    max-width: none;
    margin-left: 0;
    padding-left: 0;
  }

  .image-730 {
    width: 100%;
  }

  .div-block-5533 {
    max-width: none;
    margin-left: 0;
    padding-left: 0;
  }

  .div-block-5534 {
    width: 100%;
    padding-left: 40px;
  }

  .div-block-5536 {
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    min-height: auto;
  }

  .div-block-5539 {
    width: 100%;
  }

  .div-block-5540 {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-flow: column;
    padding-left: 20px;
  }

  .intro_head {
    padding-left: 25px;
  }

  .intro_head.top {
    flex-flow: column;
    padding-right: 20px;
  }

  .div-block-5536-copy {
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    min-height: auto;
  }

  .div-block-3210-copy {
    min-width: auto;
    max-width: 100%;
    height: 360px;
    min-height: 360px;
  }

  .div-block-5564 {
    display: none;
  }

  .div-block-5566 {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .partner_story.top {
    flex-flow: column;
    padding-right: 20px;
  }

  ._2div-block-1569-copy {
    max-width: none;
    margin-left: 0;
    padding-left: 0;
  }

  .intro_head-copy {
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    padding-bottom: 20px;
  }

  .intro_head-copy.top {
    flex-flow: column;
    padding-right: 20px;
  }

  .div-block-3210-copy-copy {
    width: 100%;
    min-width: auto;
    max-width: 100%;
    height: 360px;
    min-height: 360px;
  }

  .div-block-5599-copy {
    width: 100%;
  }

  .div-block-5499-copy {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    flex-flow: column;
    padding-right: 25px;
  }

  .div-block-5621.second, .div-block-5621.gray {
    left: 25px;
  }

  .div-block-1569-copy1251-cop1y {
    padding-left: 13px;
  }

  .div-block-1578-copy-copy {
    width: 100%;
  }

  .div-block-5629.white2-copy {
    background-color: #ececec;
  }

  .div-block-1578-copy-copy-copy {
    width: 100%;
  }

  ._2div-block-5564-copy {
    display: none;
  }

  .s1-2 {
    font-size: 25px;
    line-height: 40px;
  }

  .div-block-5687 {
    height: auto;
    padding-left: 0;
  }

  .div-block-5689 {
    justify-content: flex-start;
    align-items: flex-start;
    height: auto;
    padding-top: 0;
  }

  .div-block-5690 {
    justify-content: center;
    align-items: flex-start;
    height: auto;
  }

  .div-block-5691 {
    display: none;
  }

  .div-block-5693 {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .div-block-5693.studio {
    flex-flow: row;
  }

  .intro_head-copy-copy {
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    padding-bottom: 20px;
  }

  .intro_head-copy-copy.top {
    flex-flow: column;
    padding-right: 20px;
  }

  .div-block-1542 {
    flex-direction: column;
    align-items: flex-start;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 31px;
  }

  .div-block-1541 {
    align-items: center;
    display: none;
  }

  .div-block-1543 {
    margin-bottom: 0;
    padding-left: 5px;
  }

  .footer-bottom-links {
    justify-content: flex-start;
    width: 100%;
    padding-right: 20px;
  }

  .div-block-810-copyx1-copy12 {
    grid-row-gap: 37px;
  }

  .logo12.s5.ss.a1 {
    display: none;
  }

  .client_logos {
    grid-row-gap: 37px;
  }

  .div-block-5627-copy {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    padding-top: 10px;
    padding-left: 10px;
  }

  .div-block-5566-copy, .div-block-5566-copy-copy {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    padding-left: 25px;
  }

  .preview_container {
    background-color: #fff;
    flex-flow: column;
    padding-right: 60px;
  }

  .preview_container.top {
    flex-flow: column;
    padding-right: 20px;
  }

  .preview_container.green {
    flex-flow: column;
    padding-top: 40px;
    padding-bottom: 60px;
  }

  .preview_container.video {
    padding-bottom: 20px;
    padding-left: 25px;
  }

  .preview_container.white {
    flex-flow: column;
    padding-top: 40px;
    padding-bottom: 60px;
  }

  .preview_container.video-copy {
    padding-bottom: 20px;
    padding-left: 25px;
  }

  .preview_container.story_intro {
    height: auto;
    padding-bottom: 20px;
    padding-left: 25px;
  }

  .the_main-copy {
    background-color: #fff;
    flex-flow: column;
    padding-right: 60px;
  }

  .the_main-copy.top {
    flex-flow: column;
    padding-right: 20px;
  }

  .the_main-copy.green {
    flex-flow: column;
    padding-top: 40px;
    padding-bottom: 60px;
  }

  .the_main-copy.video {
    padding-bottom: 20px;
    padding-left: 25px;
  }

  .the_main-copy.white {
    flex-flow: column;
    padding-top: 40px;
    padding-bottom: 60px;
  }

  .the_main-copy.video-copy {
    padding-bottom: 20px;
    padding-left: 25px;
  }

  .the_main-copy.story_intro {
    height: auto;
    padding-bottom: 20px;
    padding-left: 25px;
  }

  .div-block-3207-copy {
    display: none;
  }

  ._23div-block-12-copy {
    max-width: none;
  }

  .div-block-5566-copy-copy-copy {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    padding-left: 25px;
  }

  .adiv-block-5566-copy-copy-copy-copy {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    padding-left: 25px;
  }

  .theslide-2 {
    flex-direction: column;
    padding-left: 10px;
  }

  .native_display {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .div-block-5830 {
    flex-direction: row-reverse;
  }

  .reports_center_navigation {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    height: auto;
    min-height: 80px;
    padding-top: 20px;
    padding-bottom: 20px;
    position: relative;
  }

  .div-block-5566-copy-copy, .div-block-5566-copy-copy-copy, .div-block-5566-copy-copy-copy {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    padding-left: 25px;
  }

  .div-block-3258 {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .div-block-5564-copy {
    display: none;
  }

  .div-block-2-copy {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .div-block-4-copy {
    width: 100%;
  }

  .div-block-4-copy.sticky {
    position: static;
  }

  .div-block-4-copy.sticky.solutions {
    width: 100%;
  }

  .div-block-4-copy.cover {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    width: 100%;
    min-height: auto;
    padding-left: 0;
  }

  .div-block-4-copy.sticky-copy {
    position: static;
  }

  .div-block-4-copy.sticky-copy.solutions {
    width: 100%;
  }

  .div-block-1575-copy {
    padding-left: 0;
  }

  .headline2 {
    width: 100%;
  }

  .headline2.sticky {
    position: static;
  }

  .headline2.sticky.solutions {
    width: 100%;
  }

  .headline2.cover {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    width: 100%;
    min-height: auto;
    padding-left: 0;
  }

  .headline2.sticky-copy {
    position: static;
  }

  .headline2.sticky-copy.solutions {
    width: 100%;
  }

  .stories_container {
    padding-left: 13px;
  }

  ._1thevalue-copy.first.aw, ._1thevalue-copy.first.home, ._1thevalue-copy.last2.aw, ._1thevalue-copy.last2.home {
    padding-left: 40px;
  }

  .div-block-5689-copy {
    justify-content: flex-start;
    align-items: flex-start;
    height: auto;
    padding-top: 0;
  }

  ._2div-block-3207-copy-copy {
    display: none;
  }

  ._23div-block-4-copy {
    width: 100%;
  }

  ._23div-block-4-copy.sticky {
    position: static;
  }

  ._23div-block-4-copy.sticky.solutions {
    width: 100%;
  }

  ._23div-block-4-copy.cover {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    width: 100%;
    min-height: auto;
    padding-left: 0;
  }

  ._23div-block-4-copy.sticky-copy {
    position: static;
  }

  ._23div-block-4-copy.sticky-copy.solutions {
    width: 100%;
  }

  .div-block-5564-copy-copy {
    display: none;
  }

  .div-block-5689-copy-copy {
    justify-content: flex-start;
    align-items: flex-start;
    height: auto;
    padding-top: 0;
  }

  .div-block-5904 {
    flex-direction: row-reverse;
  }

  .div-block-5564-copy-copy-copy, .objcontainer, .div-block-5564-copy-copy-copy {
    display: none;
  }

  .native_display-copy {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .brand_stories_network {
    justify-content: flex-start;
    align-items: flex-start;
    height: auto;
    padding-top: 0;
  }

  .div-block-5599-copy-copy {
    width: 100%;
  }

  .div-block-3210-copy-copy-copy {
    width: 100%;
    min-width: auto;
    max-width: 100%;
    height: 360px;
    min-height: 360px;
  }

  .div-block-5599-copy-copy-copy {
    width: 100%;
  }

  ._2brand_stories_network-copy {
    justify-content: flex-start;
    align-items: flex-start;
    height: auto;
    padding-top: 0;
  }

  .the_main-copy-copy {
    background-color: #fff;
    flex-flow: column;
    padding-right: 60px;
  }

  .the_main-copy-copy.top {
    flex-flow: column;
    padding-right: 20px;
  }

  .the_main-copy-copy.green {
    flex-flow: column;
    padding-top: 40px;
    padding-bottom: 60px;
  }

  .the_main-copy-copy.video {
    padding-bottom: 20px;
    padding-left: 25px;
  }

  .the_main-copy-copy.white {
    flex-flow: column;
    padding-top: 40px;
    padding-bottom: 60px;
  }

  .the_main-copy-copy.video-copy {
    padding-bottom: 20px;
    padding-left: 25px;
  }

  .the_main-copy-copy.story_intro {
    height: auto;
    padding-bottom: 20px;
    padding-left: 25px;
  }

  .div-block-1542-copy {
    flex-direction: column;
    align-items: flex-start;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 31px;
  }

  ._1partner_story-copy.top {
    flex-flow: column;
    padding-right: 20px;
  }

  .div-block-12-copy {
    max-width: none;
  }

  .div-block-4-copy-copy122 {
    border-top: 1px solid #a7a7a72e;
    border-radius: 0;
    width: 100%;
    margin-top: 30px;
    padding-top: 30px;
    padding-left: 40px;
  }
}

@media screen and (max-width: 767px) {
  .form-input-3.textarea {
    min-height: 120px;
  }

  .componentelement {
    border-bottom-color: #7a7a7a;
  }
}

@media screen and (max-width: 479px) {
  .the_main {
    flex-flow: column;
    width: 100%;
    min-height: auto;
    padding-left: 20px;
    padding-right: 20px;
  }

  .the_main.purple {
    color: #f1eef8;
  }

  .the_main.green {
    padding-top: 30px;
  }

  .the_main.green.ns.studio {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .the_main.video {
    padding: 40px 20px 20px;
  }

  .the_main.video-copy, .the_main.story_intro {
    padding: 40px 20px 20px;
  }

  .the_main.white {
    padding-top: 30px;
  }

  .the_main.white.centered, .the_main.white.centered-copy, .the_main.white._2124centered-copy {
    flex-flow: column-reverse wrap-reverse;
    padding-top: 0;
    padding-bottom: 60px;
  }

  .the_main.purple-copy2 {
    color: #f1eef8;
  }

  .div-block-2 {
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .div-block-4 {
    width: 100%;
    min-width: auto;
    padding-left: 0;
    padding-right: 0;
    overflow: visible;
  }

  .div-block-4.sticky {
    position: static;
  }

  .div-block-4.sticky.solutions {
    width: 100%;
  }

  .div-block-4.sticky-copy {
    position: static;
  }

  .div-block-4.sticky-copy.solutions {
    width: 100%;
  }

  .div-block-4.padded_1 {
    position: static;
  }

  .div-block-4.padded_1.solutions {
    width: 100%;
  }

  .div-block-5 {
    font-family: Polysans Median, sans-serif;
    font-size: 36px;
    line-height: 38px;
  }

  .div-block-5.light {
    line-height: 41px;
  }

  .div-block-5.headline, .div-block-5.headline2 {
    letter-spacing: -.2px;
    font-size: 47px;
    line-height: 49px;
  }

  .div-block-6 {
    font-size: 19px;
    line-height: 27px;
  }

  .div-block-4-copy {
    border-top: 1px solid #33dfb5;
    border-radius: 0;
    width: 100%;
    margin-top: 25px;
    padding-top: 25px;
    padding-left: 0;
    padding-right: 0;
  }

  .div-block-4-copy._20-copy, .div-block-4-copy._20-copy-copy {
    border-top-width: 0;
    width: 100%;
    margin-top: 0;
    padding-top: 0;
    padding-right: 0;
  }

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

  .div-block-12 {
    border-bottom: 1px solid #ffffff42;
    width: 100%;
    padding-bottom: 25px;
    padding-right: 0;
  }

  .div-block-16 {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .div-block-19 {
    display: none;
  }

  .div-block-19.confidential {
    font-size: 10px;
  }

  .div-block-21 {
    width: 100%;
    overflow: hidden;
  }

  .div-block-1572 {
    grid-template-columns: 1fr;
  }

  .div-block-1572.aw2 {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-flow: wrap;
    display: flex;
  }

  .div-block-1572.aw2.studio {
    flex-flow: row;
  }

  .div-block-1572._312aw2-copy {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-flow: wrap;
    display: flex;
  }

  .div-block-1574 {
    font-family: Polysans Median, sans-serif;
    font-size: 31px;
    line-height: 35px;
  }

  .div-block-1573 {
    font-size: 16px;
  }

  .div-block-1575 {
    justify-content: center;
    align-items: flex-start;
    max-width: 100%;
    padding-left: 0;
  }

  .div-block-1576 {
    left: 0;
  }

  .thevalue {
    padding-bottom: 35px;
  }

  .thevalue.first.aw {
    width: 100%;
    padding-bottom: 0;
    padding-left: 0;
  }

  .thevalue.first.aw-copy {
    padding-left: 0;
  }

  .thevalue.first.home, .thevalue.last2.aw {
    width: 100%;
    padding-bottom: 0;
    padding-left: 0;
  }

  .thevalue.last2.aw-copy {
    padding-left: 0;
  }

  .thevalue.last2.home {
    width: 100%;
    padding-bottom: 0;
    padding-left: 0;
  }

  .div-block-1571-copy.aw {
    font-family: Polysans Median, sans-serif;
    font-size: 22px;
    line-height: 28px;
  }

  .div-block-1571-copy.ab {
    display: none;
  }

  .div-block-1597 {
    font-size: 18px;
    line-height: 28px;
  }

  .div-block-3206 {
    margin-top: 5px;
    margin-bottom: 5px;
  }

  .div-block-1596 {
    flex-direction: column;
    align-items: flex-start;
  }

  .div-block-1569 {
    border-top-width: 0;
    margin-left: 0;
    padding-top: 0;
    padding-left: 0;
  }

  .div-block-3207, .div-block-3207.black-copy {
    display: none;
  }

  .div-block-1578-copy {
    border-top: 0 solid #57575733;
    width: 100%;
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 30px;
    padding-right: 0;
  }

  .div-block-3219 {
    font-size: 14px;
    line-height: 22px;
  }

  .div-block-3227 {
    padding-left: 30px;
  }

  .div-block-3235, .div-block-3235.second {
    left: -20px;
  }

  .div-block-3241 {
    padding-left: 30px;
  }

  .div-block-3242 {
    width: 100%;
  }

  .div-block-5499 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    padding-bottom: 0;
    padding-right: 0;
  }

  .div-block-5501.green {
    display: none;
  }

  .div-block-1569-copy {
    margin-left: 0;
    padding-left: 0;
  }

  .div-block-5505 {
    font-size: 14px;
  }

  .div-block-5505.small {
    width: 35px;
    font-size: 14px;
  }

  .div-block-5505.head {
    font-size: 14px;
  }

  .div-block-5511 {
    z-index: 60;
  }

  .div-block-5528 {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    padding-right: 0;
  }

  .div-block-1571-copy-2.ab {
    display: none;
  }

  .div-block-5530 {
    font-size: 18px;
    line-height: 28px;
  }

  .div-block-5531 {
    margin-top: 5px;
    margin-bottom: 5px;
  }

  .div-block-5532 {
    flex-direction: column;
    align-items: flex-start;
  }

  .div-block-5533 {
    margin-left: 0;
    padding-left: 0;
  }

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

  .div-block-5539._30, .div-block-5539._1230-copy {
    padding-left: 0;
    padding-right: 0;
  }

  .div-block-5541.is_playing, .div-block-5541.product {
    margin-bottom: 0;
    font-family: Polysans Median, sans-serif;
  }

  .clientlogo {
    width: 100%;
    min-width: 90px;
  }

  .div-block-3409-copy-copy {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    grid-template-columns: repeat(auto-fit, minmax(90px, 1fr));
    justify-items: start;
    max-width: 100%;
    margin-top: 30px;
    display: none;
  }

  .client_item {
    width: 210px;
    min-width: 210px;
    height: 320px;
  }

  .intro_head {
    flex-flow: column;
    width: 100%;
    min-height: auto;
    padding-left: 0;
    padding-right: 0;
  }

  .intro_head.studio {
    padding-left: 0;
  }

  .swiper_wrapper.active {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .div-block-5545 {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .div-block-5545.closer {
    padding-left: 0;
  }

  .select-field-unstyled {
    width: 120%;
  }

  .form-grid-halves {
    flex-direction: column;
    grid-template-columns: 1fr;
    display: flex;
  }

  .form-success-2 {
    padding: 12px;
  }

  .form-grid-halves-copy {
    grid-template-columns: 1fr;
  }

  .form-error-2 {
    padding: 12px;
  }

  .form-input-2 {
    padding-left: 10px;
  }

  .form-grid-vertical {
    grid-row-gap: 12px;
  }

  .over_comp {
    display: none;
  }

  .background-video-4 {
    z-index: 10;
    width: 100%;
  }

  .div-block-5559 {
    width: 100%;
  }

  .div-block-5563 {
    padding-bottom: 22px;
    padding-right: 0;
    font-size: 23px;
    line-height: 31px;
  }

  .div-block-5564 {
    border-left-width: 0;
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    padding-left: 0;
    display: flex;
  }

  .div-block-5566 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    padding-bottom: 0;
    padding-left: 20px;
    padding-right: 0;
  }

  .div-block-12-copy {
    padding-right: 0;
  }

  .text-block-556 {
    font-size: 10px;
  }

  .partner_story {
    flex-flow: column;
    width: 100%;
    min-height: auto;
    padding-left: 0;
  }

  .partner_story.active {
    max-height: none;
    padding-left: 20px;
    padding-right: 20px;
  }

  .div-block-5568 {
    flex-flow: column;
    padding-top: 0;
  }

  .div-block-5569 {
    white-space: nowrap;
    padding-top: 15px;
    padding-bottom: 15px;
  }

  ._12div-block-5541-copy {
    display: flex;
  }

  ._2div-block-3214-copy {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    white-space: nowrap;
    flex-flow: wrap;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    padding-left: 0;
    padding-right: 10px;
  }

  .div-block-5574 {
    width: 100%;
  }

  ._2div-block-1569-copy {
    margin-left: 0;
    padding-left: 0;
  }

  .div-block-5576 {
    background-color: #534b4600;
    border-radius: 0;
    flex-flow: column wrap;
  }

  .div-block-5577 {
    width: 100%;
    min-width: 100%;
    padding: 0;
  }

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

  .div-block-5580 {
    width: 100%;
    padding-left: 0;
  }

  .div-block-5581 {
    aspect-ratio: 9 / 16;
    width: 100%;
    min-width: 100%;
  }

  .div-block-5501-copy {
    display: none;
  }

  .div-block-5583 {
    padding-left: 0;
    padding-right: 1px;
  }

  .div-block-5585 {
    width: 100%;
  }

  .theswiper.active {
    padding-left: 20px;
  }

  .div-block-5572-copy {
    padding-left: 0;
  }

  ._1div-block-1573-copy {
    font-size: 16px;
  }

  ._2div-block-3214-copy-copy {
    white-space: nowrap;
    flex-flow: wrap;
  }

  .html-embed-4 {
    height: 600px;
  }

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

  .intro_head-copy {
    grid-column-gap: 45px;
    grid-row-gap: 45px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    min-height: auto;
    padding: 50px 15px 20px;
  }

  .hh1 {
    padding-left: 0;
    font-family: Polysans Median, sans-serif;
    font-size: 14px;
  }

  .div-block-5593 {
    display: none;
  }

  ._2div-block-3214-copy-copy {
    white-space: nowrap;
    border-bottom: 1px solid #e9e9e9;
    flex-flow: wrap;
    margin-bottom: 15px;
    padding-bottom: 15px;
    display: none;
  }

  .control_123, .control_123.right {
    display: none;
  }

  .div-block-5598 {
    padding-left: 15px;
    padding-right: 10px;
  }

  .div-block-3210-copy-copy {
    width: 100%;
    height: 180px;
    min-height: 180px;
  }

  .site_intro {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    width: 100%;
  }

  .div-block-5599-copy, .div-block-5604 {
    aspect-ratio: 16 / 9;
    width: 100%;
  }

  .div-block-1597-copy, ._32div-block-1597-copy-copy {
    font-size: 18px;
    line-height: 28px;
  }

  .div-block-5609 {
    flex-flow: column;
    display: flex;
  }

  .div-block-5611 {
    display: none;
  }

  .div-block-3219-copy {
    font-size: 14px;
    line-height: 22px;
  }

  .container_cl {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    white-space: nowrap;
    flex-flow: wrap;
    justify-content: flex-start;
    align-items: center;
  }

  .sidetag {
    padding-left: 0;
    font-family: Polysans Median, sans-serif;
    font-size: 14px;
  }

  ._12div-block-1597-copy, .estmargin {
    font-size: 18px;
    line-height: 28px;
  }

  .div-block-1571 {
    flex-wrap: wrap;
  }

  .image-346-copy12, .image-347-copy21 {
    margin-bottom: 20px;
  }

  .estmargin-copy, .competitive {
    font-size: 18px;
    line-height: 28px;
  }

  .div-block-5499-copy {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    padding-bottom: 0;
    padding-right: 0;
  }

  .div-block-5621 {
    left: 20px;
  }

  .div-block-5622 {
    padding-top: 10px;
    padding-left: 20px;
  }

  .div-block-5623 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: column;
  }

  .div-block-5624 {
    padding-right: 0;
  }

  .div-block-1569-copy1251-cop1y {
    flex-flow: column;
    justify-items: start;
    margin-left: 0;
    padding-left: 0;
    display: flex;
  }

  .press {
    flex-direction: column;
    width: 100%;
    margin-bottom: 0;
    padding: 10px 0;
  }

  .press:hover {
    background-color: #fff;
  }

  .div-block-1601 {
    width: 100%;
    min-width: auto;
    height: 180px;
  }

  .div-block-1603 {
    margin-top: 8px;
  }

  .div-block-1578-copy-copy, .div-block-1578-copy-copy-copy {
    border-top: 0 solid #57575733;
    width: 100%;
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 30px;
    padding-right: 0;
  }

  ._2div-block-5564-copy {
    border-left-width: 0;
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    padding-left: 0;
    display: flex;
  }

  .div-block-1575-copy {
    justify-content: center;
    align-items: flex-start;
    padding-left: 0;
  }

  .div-block-1323 {
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    max-width: 100%;
    height: auto;
    min-height: auto;
    display: flex;
  }

  .div-block-1329 {
    width: 100%;
    margin-bottom: 5px;
    font-size: 11px;
  }

  .storyheader {
    z-index: 10;
    flex-direction: column;
    height: 117px;
  }

  .infeed {
    height: 100%;
    overflow: visible;
  }

  .infeed.demo.ax {
    max-width: none;
    height: auto;
    display: flex;
  }

  .infeed.demo.ax.w12 {
    display: none;
  }

  .infeed.demo.ax.w12.d.b {
    display: flex;
  }

  .div-block-1335 {
    color: #7f7d7d;
  }

  .text-block-287 {
    text-align: left;
  }

  .midpaneltop-copy {
    width: 95%;
  }

  .div-block-1335-copy {
    background-color: #b6b6b6;
  }

  .storycontainer1 {
    z-index: 0;
    min-height: 140vh;
    max-height: 140vh;
  }

  .storycontainer1._100 {
    height: 140vh;
    min-height: 140vh;
  }

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

  .infeed1.hide-scrollbar {
    justify-content: flex-start;
    height: 100%;
  }

  .div-block-1325 {
    min-height: 100vh;
    max-height: 100vh;
  }

  .div-block-1325._100 {
    height: 100vh;
    min-height: 100vh;
  }

  .preview2 {
    height: 600px;
    margin-top: 21px;
    margin-bottom: 69px;
  }

  .div-block-1329-copy {
    text-align: center;
    justify-content: center;
    width: 100%;
    margin-bottom: 5px;
    font-size: 13px;
    display: flex;
  }

  .div-block-5653 {
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    max-width: 100%;
    height: auto;
    min-height: auto;
    display: flex;
  }

  .s1-2 {
    color: #616161;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-bottom: 10px;
    font-size: 20px;
    line-height: 30px;
  }

  .div-block-1175 {
    width: 100%;
    min-width: 100%;
    min-height: 650px;
    margin-left: 0;
    padding-top: 0;
  }

  .text-block-286-copy {
    text-align: center;
  }

  .the_unit._600 {
    width: 100%;
    max-width: 100%;
    height: 100%;
  }

  .div-block-5654 {
    width: 100%;
    margin-bottom: 5px;
    font-size: 11px;
  }

  .div-block-1374 {
    align-items: flex-start;
    display: flex;
  }

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

  .div-block-5655 {
    color: #7f7d7d;
  }

  .div-block-1324-copy {
    height: 100vh;
    min-height: 100vh;
    max-height: 100vh;
  }

  .div-block-1324-copy._100 {
    height: 100vh;
    min-height: 100vh;
  }

  .midpanelbottom {
    flex-direction: column;
    width: 88%;
    padding-bottom: 30px;
  }

  .storyfooter {
    flex-direction: column;
    box-shadow: 1px 1px 18px 8px #0003;
  }

  .div-block-1331 {
    height: 52px;
  }

  .midpaneltop {
    width: 95%;
  }

  .text-block-563 {
    text-align: left;
  }

  .div-block-1320.hide-scrollbar {
    justify-content: flex-start;
    height: 100%;
    padding-left: 10px;
    padding-right: 10px;
  }

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

  .div-block-5662 {
    min-height: 100vh;
    max-height: 100vh;
  }

  .div-block-5662._100 {
    height: 100vh;
    min-height: 100vh;
  }

  .div-block-5664 {
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    max-width: 100%;
    height: auto;
    min-height: auto;
    display: flex;
  }

  .div-block-2678 {
    display: none;
  }

  .div-block-5666 {
    width: 100%;
    min-width: 100%;
    min-height: 650px;
    margin-left: 0;
    padding-top: 0;
  }

  .div-block-2681 {
    display: none;
  }

  .div-block-5668 {
    width: 100%;
    margin-bottom: 5px;
    font-size: 11px;
  }

  .thephone1 {
    border-width: 0;
    border-radius: 0;
    align-items: flex-start;
    width: 100%;
    padding: 0;
  }

  .div-block-5669 {
    align-items: flex-start;
    display: flex;
  }

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

  .div-block-5671 {
    color: #7f7d7d;
  }

  .div-block-2682, .drag_c {
    display: none;
  }

  .div-block-5682 {
    height: 52px;
  }

  .text-block-568 {
    text-align: left;
  }

  .div-block-5683.hide-scrollbar {
    justify-content: flex-start;
    height: 100%;
    padding-left: 10px;
    padding-right: 10px;
  }

  .theservice {
    line-height: 18px;
  }

  .div-block-5693 {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    padding-top: 30px;
  }

  .div-block-5693.studio {
    flex-flow: column;
  }

  .div-block-3207-copy, .div-block-3207-copy.black-copy, .div-block-3207-copy, .div-block-3207-copy.black-copy, .div-block-5700 {
    display: none;
  }

  .div-block-19-copy {
    padding-left: 25px;
    padding-right: 25px;
  }

  .div-block-19-copy.confidential {
    font-size: 10px;
  }

  .text-block-556-copy {
    font-size: 12px;
  }

  .div-block-5609-copy {
    flex-flow: column;
    display: flex;
  }

  .intro_head-copy-copy {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    min-height: auto;
    padding-top: 110px;
    padding-bottom: 0;
    padding-left: 20px;
  }

  .div-block-5719 {
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    padding-bottom: 0;
  }

  .div-block-5721 {
    border-right-width: 0;
  }

  .progress_item._4 {
    width: 80%;
    left: 25%;
  }

  .progress_item._5 {
    width: 65%;
  }

  .progress_item._6 {
    width: 70%;
  }

  .progress_item._7 {
    width: 60%;
    left: 35%;
  }

  .progress_item._8 {
    width: 60%;
    left: 42%;
  }

  .div-block-5528-copy {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    padding-right: 0;
  }

  .div-block-1542 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    padding-left: 0;
  }

  .link-block {
    margin-left: 0;
  }

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

  .actionbutton-copy2 {
    font-size: 14px;
    display: none;
  }

  .footer-bottom-links {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    justify-content: space-between;
    place-items: flex-start start;
    display: flex;
  }

  .image-257 {
    width: 90px;
  }

  .div-block-810-copyx1-copy12 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-template-rows: repeat(auto-fit, minmax(100px, 1fr));
    align-content: center;
    place-items: center;
    margin-top: 0;
    padding-top: 0;
  }

  .image-473 {
    width: 50%;
  }

  .image-254-copy125, .image-472 {
    width: 70px;
  }

  .logo12 {
    justify-content: center;
    height: 85px;
  }

  .logo12.s5.ss {
    display: flex;
  }

  .logo12.s5.ss.t {
    display: none;
  }

  .image-808 {
    width: 90px;
  }

  .client_logos {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-template-rows: repeat(auto-fit, minmax(100px, 1fr));
    align-content: center;
    place-items: center;
    margin-top: 0;
    padding-top: 0;
  }

  .div-block-5566-copy, .div-block-5566-copy-copy {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    padding-bottom: 0;
    padding-left: 20px;
    padding-right: 0;
  }

  .brands_container {
    white-space: nowrap;
    border-bottom: 1px solid #e9e9e9;
    flex-flow: wrap;
    margin-bottom: 15px;
    padding-bottom: 15px;
    display: none;
  }

  .preview_container {
    flex-flow: column;
    width: 100%;
    min-height: auto;
    padding-left: 20px;
    padding-right: 20px;
  }

  .preview_container.purple {
    color: #f1eef8;
  }

  .preview_container.green {
    padding-top: 30px;
  }

  .preview_container.video {
    padding: 40px 20px 20px;
  }

  .preview_container.white {
    padding-top: 30px;
  }

  .preview_container.video-copy, .preview_container.story_intro {
    padding: 40px 20px 20px;
  }

  .preview_container.preview123, .preview_container.black12 {
    padding: 10px;
  }

  .div-block-5743 {
    flex-flow: row-reverse wrap;
  }

  .div-block-5743.rev, .div-block-5743.rev-copy, .div-block-5743.rev-copy-copy, .div-block-5743.rev-copy-copy-copy {
    flex-flow: wrap-reverse;
    padding-bottom: 20px;
  }

  .div-block-5442 {
    height: auto;
  }

  .additional_context.is_active {
    padding-left: 30px;
  }

  .thecontent_holder {
    padding-right: 15px;
  }

  .thecontent_holder.spaced, .thecontent_holder.spaced-copy {
    padding-top: 40px;
    padding-left: 0;
  }

  .div-block-5308-copy.dark.large {
    font-size: 50px;
    line-height: 50px;
  }

  .div-block-5308-copy.dark.large.studio {
    font-family: Polysans Slim, sans-serif;
  }

  .storyfeatures.race {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .div-block-5491 {
    min-width: 7px;
    min-height: 7px;
  }

  .the_main-copy {
    flex-flow: column;
    width: 100%;
    min-height: auto;
    padding-left: 0;
    padding-right: 20px;
  }

  .the_main-copy.purple {
    color: #f1eef8;
  }

  .the_main-copy.green {
    padding-top: 30px;
  }

  .the_main-copy.video {
    padding: 40px 20px 20px;
  }

  .the_main-copy.white {
    padding-top: 30px;
  }

  .the_main-copy.video-copy, .the_main-copy.story_intro {
    padding: 40px 20px 20px;
  }

  .the_main-copy.ns {
    padding-right: 0;
  }

  .ai_input {
    background-color: #fff;
    border-color: #b7b7b8;
    height: 60px;
    font-size: 15px;
    font-weight: 500;
  }

  .ai_input::placeholder {
    color: #2c2c2c;
  }

  .form-block-10._500 {
    min-width: auto;
    height: auto;
  }

  .input_context {
    color: #9b9999;
    font-size: 11px;
    font-weight: 400;
  }

  .form_container_ai {
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
  }

  .slider_value.ai, .slider_value.ai-copy-copy, .slider_value.ai-copy {
    white-space: nowrap;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 11px;
    font-weight: 500;
  }

  .slider_label.ai {
    letter-spacing: 0;
    font-size: 16px;
    font-weight: 700;
  }

  .generate_content.is_active {
    background-color: #1a1a1a;
    border-color: #1a1a1a;
    font-size: 13px;
  }

  .create_standard {
    margin-bottom: 35px;
  }

  .textarea-6 {
    color: #000;
    background-color: #fff;
    border-color: #b7b7b8;
    font-size: 15px;
    font-weight: 500;
    line-height: 29px;
  }

  .textarea-6::placeholder {
    color: #2c2c2c;
  }

  .create_dropdown, .create_standard_large {
    margin-bottom: 35px;
  }

  .hh1-copy {
    padding-left: 0;
    font-family: Polysans Median, sans-serif;
    font-size: 14px;
  }

  .div-block-3207-copy, .div-block-3207-copy.black-copy {
    display: none;
  }

  .div-block-5753 {
    height: 600px;
  }

  .div-block-5753.aidrive, .div-block-5753.studio, .div-block-5753._2 {
    background-color: #f6f6f700;
    border-radius: 0;
    justify-content: center;
    align-items: flex-start;
    padding-top: 0;
    padding-left: 0;
    padding-right: 20px;
    overflow: visible;
  }

  .div-block-5753._2.studio {
    flex-flow: row;
    padding-left: 0;
    padding-right: 15px;
  }

  .div-block-5753._2.studio._33 {
    padding-left: 0;
    padding-right: 40px;
  }

  ._23div-block-12-copy {
    border-bottom: 1px solid #ffffff42;
    width: 100%;
    padding-bottom: 25px;
    padding-right: 0;
  }

  .form-block-11._500 {
    min-width: auto;
    height: auto;
  }

  .div-block-5407 {
    margin-left: 10px;
    font-size: 16px;
  }

  .regular_budget {
    background-color: #fff;
    border-color: #b7b7b8;
    height: 60px;
    font-size: 15px;
    font-weight: 500;
  }

  .regular_budget::placeholder {
    color: #2c2c2c;
  }

  .create_standard-2 {
    margin-bottom: 35px;
  }

  .div-block-5223 {
    top: 346px;
    left: 0;
  }

  .div-block-5223._2 {
    box-shadow: none;
    border-color: #c9c9c9;
    border-radius: 2px;
    top: auto;
    bottom: 117px;
    right: 13px;
  }

  .div-block-5566-copy-copy-copy {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    padding-bottom: 0;
    padding-left: 20px;
    padding-right: 0;
  }

  .div-block-5763 {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    display: none;
  }

  .div-block-5230 {
    width: 100%;
  }

  .div-block-5231 {
    white-space: nowrap;
  }

  .div-block-5231._2 {
    right: 0;
  }

  .control_native.large {
    display: none;
  }

  .div-block-5784 {
    width: 300px;
    height: 300px;
  }

  .div-block-4-copy.sticky {
    position: static;
  }

  .adiv-block-5566-copy-copy-copy-copy {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    padding-bottom: 0;
    padding-left: 20px;
    padding-right: 0;
  }

  .div-block-5669-copy {
    align-items: flex-start;
    display: flex;
  }

  ._32div-block-5607-copy {
    padding-right: 15px;
  }

  .html-embed-32 {
    height: 600px;
  }

  .thecontent_holder-copy {
    padding-left: 0;
  }

  .html-embed-32-copy {
    height: 600px;
  }

  .div-block-5800 {
    width: 100%;
  }

  .div-block-5804 {
    width: 250px;
    height: 250px;
    left: -75%;
  }

  .div-block-5804._2 {
    width: 250px;
    height: 250px;
    right: -75%;
  }

  .div-block-5804._3 {
    width: 250px;
    height: 250px;
    bottom: -90%;
  }

  .div-block-5804._4 {
    width: 250px;
    height: 250px;
    top: -90%;
  }

  .div-block-5804-copy, .div-block-5804-copy-copy-copy {
    display: none;
  }

  .div-block-5808 {
    background-color: #fff0;
    width: auto;
    height: auto;
    margin-bottom: 30px;
  }

  .image-729 {
    width: auto;
    height: auto;
  }

  .div-block-5809 {
    width: 170px;
    height: 90px;
    top: 93px;
    left: 49px;
  }

  .div-block-5799-copy {
    padding-left: 0;
  }

  .tabswitch-4.yellow, .tabswitch-4.dark {
    background-color: #f1f1f1;
  }

  .tab.attachments {
    padding-top: 9px;
    padding-bottom: 9px;
    font-size: 13px;
    font-weight: 900;
  }

  .div-block-4023-copy {
    width: 18px;
    min-width: 18px;
    height: 18px;
    min-height: 18px;
    font-size: 9px;
  }

  .div-block-4187.active_scene, .dropdownholder-copy {
    display: none;
  }

  .theslide-2 {
    flex-direction: column;
    min-height: auto;
    margin-right: 0;
  }

  .theslide-2.stories {
    padding-left: 0;
  }

  .native_display {
    padding-top: 0;
    padding-bottom: 0;
  }

  .variations_panel {
    display: none;
  }

  .div-block-4449 {
    color: #f3ebeb;
    background-color: #1d1d1d;
    border: 0 solid #000;
    border-radius: 99px;
    height: auto;
    margin-bottom: 0;
    margin-right: 5px;
    padding: 9px 18px;
    font-size: 12px;
    font-weight: 500;
  }

  .div-block-4449:hover {
    color: #f5f0f0;
    background-color: #313131;
    border: 0 solid #000;
  }

  .div-block-4465 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .help_item {
    display: none;
  }

  .experience {
    min-width: 130px;
  }

  .div-block-3670 {
    min-height: 300px;
  }

  .centerpanel {
    min-width: auto;
  }

  .div-block-5830 {
    padding-right: 10px;
  }

  .reports_center_navigation {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }

  .reports_center_navigation.white.domains {
    display: none;
  }

  .sidebar_one {
    width: 100%;
  }

  .ideation_box {
    padding-bottom: 0;
  }

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

  .div-block-5566-copy-copy, .div-block-5566-copy-copy-copy, .div-block-5566-copy-copy-copy {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    padding-bottom: 0;
    padding-left: 20px;
    padding-right: 0;
  }

  .div-block-3259 {
    color: #f3ebeb;
    background-color: #1d1d1d;
    border: 0 solid #000;
    border-radius: 99px;
    height: auto;
    margin-bottom: 0;
    margin-right: 5px;
    padding: 9px 18px;
    font-size: 12px;
    font-weight: 500;
  }

  .div-block-3259:hover {
    color: #f5f0f0;
    background-color: #313131;
    border: 0 solid #000;
  }

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

  .div-block-3753.right {
    display: none;
  }

  .div-block-3258 {
    padding-top: 0;
    padding-bottom: 0;
  }

  .div-block-16-copy {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .div-block-5564-copy {
    border-left-width: 0;
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    padding-left: 0;
    display: flex;
  }

  .div-block-2-copy {
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .div-block-2-copy.studio1 {
    padding-top: 20px;
  }

  .div-block-4-copy {
    width: 100%;
    min-width: auto;
    padding-left: 0;
    padding-right: 0;
    overflow: visible;
  }

  .div-block-4-copy.sticky {
    border-top-width: 0;
    padding-top: 0;
    padding-bottom: 0;
    position: static;
  }

  .div-block-4-copy.sticky.solutions {
    width: 100%;
  }

  .div-block-4-copy.sticky-copy {
    position: static;
  }

  .div-block-4-copy.sticky-copy.solutions {
    width: 100%;
  }

  .div-block-1575-copy {
    justify-content: center;
    align-items: flex-start;
    max-width: 100%;
    padding-left: 0;
  }

  .headline2 {
    width: 100%;
    min-width: auto;
    padding-left: 0;
    padding-right: 0;
    overflow: visible;
  }

  .headline2.sticky {
    position: static;
  }

  .headline2.sticky.solutions {
    width: 100%;
  }

  .headline2.sticky-copy {
    position: static;
  }

  .headline2.sticky-copy.solutions {
    width: 100%;
  }

  .stories_container {
    flex-flow: column;
    justify-items: start;
    margin-left: 0;
    padding-left: 0;
    display: flex;
  }

  .div-block-5889 {
    flex-flow: column;
    padding-top: 30px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .div-block-5890 {
    padding-bottom: 50px;
    padding-left: 20px;
  }

  ._1thevalue-copy {
    padding-bottom: 35px;
  }

  ._1thevalue-copy.first.aw {
    width: 100%;
    padding-bottom: 0;
    padding-left: 0;
  }

  ._1thevalue-copy.first.aw-copy {
    padding-left: 0;
  }

  ._1thevalue-copy.first.home, ._1thevalue-copy.last2.aw {
    width: 100%;
    padding-bottom: 0;
    padding-left: 0;
  }

  ._1thevalue-copy.last2.aw-copy {
    padding-left: 0;
  }

  ._1thevalue-copy.last2.home {
    width: 100%;
    padding-bottom: 0;
    padding-left: 0;
  }

  .brands_container-copy, ._2brands_container-copy-copy {
    white-space: nowrap;
    border-bottom: 1px solid #e9e9e9;
    flex-flow: wrap;
    margin-bottom: 15px;
    padding-bottom: 15px;
    display: none;
  }

  .div-block-5689-copy {
    flex-flow: wrap;
  }

  ._2div-block-3207-copy-copy, ._2div-block-3207-copy-copy.black-copy {
    display: none;
  }

  ._23div-block-4-copy {
    width: 100%;
    min-width: auto;
    padding-left: 0;
    padding-right: 0;
    overflow: visible;
  }

  ._23div-block-4-copy.sticky {
    position: static;
  }

  ._23div-block-4-copy.sticky.solutions {
    width: 100%;
  }

  ._23div-block-4-copy.sticky-copy {
    position: static;
  }

  ._23div-block-4-copy.sticky-copy.solutions {
    width: 100%;
  }

  .overlay_branch {
    top: 88px;
    left: 4px;
  }

  ._2div-block-5226-copy-copy, .experiences_preview, .div-block-5700-copy {
    display: none;
  }

  .product_headline {
    padding-left: 0;
  }

  .div-block-12-copy-copy {
    padding-right: 0;
  }

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

  .div-block-12-copy-copy-copy {
    padding-right: 0;
  }

  ._12thecontent_holder-copy-copy {
    padding-left: 0;
  }

  .div-block-16-copy-copy {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .div-block-5564-copy-copy {
    border-left-width: 0;
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    padding-left: 0;
    display: flex;
  }

  .div-block-5689-copy-copy {
    flex-flow: wrap;
  }

  .div-block-5904 {
    padding-right: 10px;
  }

  .ideation_box-white {
    padding-bottom: 0;
  }

  .div-block-4524 {
    margin-left: 10px;
    font-size: 16px;
  }

  .div-block-4523 {
    padding: 10px;
  }

  .div-block-4528.spaced {
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
  }

  .div-block-4534 {
    margin-left: 10px;
    font-size: 16px;
  }

  .overview_line1 {
    font-weight: 500;
    line-height: 22px;
  }

  .help_item-copy {
    display: none;
  }

  .div-block-4045 {
    border-bottom-width: 0;
    padding-bottom: 0;
  }

  .projects_list-copy {
    display: none;
  }

  .div-block-4533 {
    padding: 10px;
  }

  .nav_items_sidebar {
    z-index: 1;
    background-color: #fff;
    height: auto;
    display: flex;
  }

  .variations_container, .div-block-4531 {
    display: none;
  }

  .div-block-4530, .div-block-4519 {
    padding-right: 10px;
    position: relative;
  }

  .overview_line2 {
    font-size: 29px;
  }

  .div-block-4039 {
    font-size: 18px;
  }

  .div-block-4519-copy {
    padding-right: 10px;
    position: relative;
  }

  .div-block-5833-copy {
    padding-left: 0;
  }

  .objcontainer {
    border-left-width: 0;
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    padding-left: 0;
    display: flex;
  }

  .inventory_box {
    padding-bottom: 0;
  }

  .box_head1 {
    padding-left: 0;
  }

  .additional_context-copy.is_active {
    padding-left: 30px;
  }

  .div-block-5564-copy-copy-copy {
    border-left-width: 0;
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    padding-left: 0;
    display: flex;
  }

  .native_display-copy {
    padding-top: 0;
    padding-bottom: 0;
  }

  .textarea-6-copy {
    color: #000;
    background-color: #fff;
    border-color: #b7b7b8;
    font-size: 15px;
    font-weight: 500;
    line-height: 29px;
  }

  .textarea-6-copy::placeholder {
    color: #2c2c2c;
  }

  .url_details_input {
    margin-bottom: 35px;
  }

  ._32div-block-3214-copy-copy-copy {
    white-space: nowrap;
    border-bottom: 1px solid #e9e9e9;
    flex-flow: wrap;
    margin-bottom: 15px;
    padding-bottom: 15px;
    display: none;
  }

  .logoholder {
    width: 105px;
    height: 105px;
  }

  .div-block-5491-copy {
    min-width: 7px;
    min-height: 7px;
  }

  .brand_stories_network {
    flex-flow: wrap;
  }

  .div-block-5599-copy-copy {
    aspect-ratio: 16 / 9;
    width: 100%;
  }

  .div-block-3210-copy-copy-copy {
    width: 100%;
    height: 180px;
    min-height: 180px;
  }

  .div-block-5511-copy {
    z-index: 60;
  }

  .div-block-5599-copy-copy-copy {
    aspect-ratio: 16 / 9;
    width: 100%;
  }

  .div-block-5511-copy-copy {
    z-index: 60;
  }

  .div-block-5993 {
    width: 100%;
  }

  .div-block-5994 {
    flex-flow: column;
    width: 100%;
    padding-right: 20px;
  }

  ._2brand_stories_network-copy {
    flex-flow: wrap;
  }

  .the_main-copy-copy {
    flex-flow: column;
    width: 100%;
    min-height: auto;
    padding-left: 0;
    padding-right: 20px;
  }

  .the_main-copy-copy.purple {
    color: #f1eef8;
  }

  .the_main-copy-copy.green {
    padding-top: 30px;
  }

  .the_main-copy-copy.video {
    padding: 40px 20px 20px;
  }

  .the_main-copy-copy.white {
    padding-top: 30px;
  }

  .the_main-copy-copy.video-copy, .the_main-copy-copy.story_intro {
    padding: 40px 20px 20px;
  }

  .the_main-copy-copy.horizontal {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
  }

  .the_main-copy-copy.ns {
    padding-right: 0;
  }

  .div-block-5800-copy, .div-block-5993-copy, .div-block-5800-copy-copy, .markets, .div-block-5800-copy-copy-copy {
    width: 100%;
  }

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

  .div-block-1542-copy {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    padding-left: 0;
  }

  ._1partner_story-copy {
    flex-flow: column;
    width: 100%;
    min-height: auto;
    padding-left: 0;
  }

  ._1partner_story-copy.active {
    max-height: none;
    padding-left: 20px;
    padding-right: 20px;
  }

  .div-block-12-copy {
    border-bottom: 1px solid #ffffff42;
    width: 100%;
    padding-bottom: 25px;
    padding-right: 0;
  }

  .div-block-4-copy-copy122 {
    border-top: 1px solid #33dfb5;
    border-radius: 0;
    width: 100%;
    margin-top: 25px;
    padding-top: 25px;
    padding-left: 0;
    padding-right: 0;
  }

  .div-block-4-copy-copy122._20-copy, .div-block-4-copy-copy122._20-copy-copy {
    border-top-width: 0;
    width: 100%;
    margin-top: 0;
    padding-top: 0;
    padding-right: 0;
  }

  ._1234hh1-copy-copy {
    padding-left: 0;
    font-family: Polysans Median, sans-serif;
    font-size: 14px;
  }

  .div-block-1576-copy, .div-block-1576-copy-copy {
    left: 0;
  }

  ._2hh1-copy-copy {
    padding-left: 0;
    font-family: Polysans Median, sans-serif;
    font-size: 14px;
  }
}