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: Cabinetgrotesk;
  src: url("https://cdn.prod.website-files.com/6283588ec72f397a40c51dba/6465e8a5484f58b13a5b8282_CabinetGrotesk-Black.otf") format("opentype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Cabinetgrotesk;
  src: url("https://cdn.prod.website-files.com/6283588ec72f397a40c51dba/6465e8a5210af69ff3c2c6a5_CabinetGrotesk-Bold.otf") format("opentype"), url("https://cdn.prod.website-files.com/6283588ec72f397a40c51dba/6465e8a5eac561b6885e1c20_CabinetGrotesk-Extrabold.otf") format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Cabinetgrotesk;
  src: url("https://cdn.prod.website-files.com/6283588ec72f397a40c51dba/6465e8a59ac983ebfa704e86_CabinetGrotesk-Extralight.otf") format("opentype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Cabinetgrotesk;
  src: url("https://cdn.prod.website-files.com/6283588ec72f397a40c51dba/6465e8a5017ab9d60c66899a_CabinetGrotesk-Light.otf") format("opentype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Cabinetgrotesk;
  src: url("https://cdn.prod.website-files.com/6283588ec72f397a40c51dba/6465e8a5820e9ee2db374e55_CabinetGrotesk-Medium.otf") format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Cabinetgrotesk;
  src: url("https://cdn.prod.website-files.com/6283588ec72f397a40c51dba/6465e8a6017ab9d60c6689e5_CabinetGrotesk-Regular.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Cabinetgrotesk;
  src: url("https://cdn.prod.website-files.com/6283588ec72f397a40c51dba/6465e8a63cac996bb8239133_CabinetGrotesk-Thin.otf") format("opentype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Generalsans;
  src: url("https://cdn.prod.website-files.com/6283588ec72f397a40c51dba/6465e8c0df60830cc739a312_GeneralSans-BoldItalic.otf") format("opentype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Generalsans;
  src: url("https://cdn.prod.website-files.com/6283588ec72f397a40c51dba/6465e8c078558e21b3436f9a_GeneralSans-Extralight.otf") format("opentype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Generalsans;
  src: url("https://cdn.prod.website-files.com/6283588ec72f397a40c51dba/6465e8c04106bee9dfd42a19_GeneralSans-Italic.otf") format("opentype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Generalsans;
  src: url("https://cdn.prod.website-files.com/6283588ec72f397a40c51dba/6465e8c0b9aadaaaada64996_GeneralSans-Bold.otf") format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Generalsans;
  src: url("https://cdn.prod.website-files.com/6283588ec72f397a40c51dba/6465e8c097731d45611c033e_GeneralSans-Light.otf") format("opentype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Generalsans;
  src: url("https://cdn.prod.website-files.com/6283588ec72f397a40c51dba/6465e8c1484f58b13a5b97a4_GeneralSans-Medium.otf") format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Generalsans;
  src: url("https://cdn.prod.website-files.com/6283588ec72f397a40c51dba/6465e8c1b94dae417d4bed3e_GeneralSans-LightItalic.otf") format("opentype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Generalsans;
  src: url("https://cdn.prod.website-files.com/6283588ec72f397a40c51dba/6465e8c1df60830cc739a341_GeneralSans-Regular.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Generalsans;
  src: url("https://cdn.prod.website-files.com/6283588ec72f397a40c51dba/6465e8c1b94dae417d4bed43_GeneralSans-Semibold.otf") format("opentype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Generalsans;
  src: url("https://cdn.prod.website-files.com/6283588ec72f397a40c51dba/6465e8c19bb93a5288398c39_GeneralSans-SemiboldItalic.otf") format("opentype");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Generalsans;
  src: url("https://cdn.prod.website-files.com/6283588ec72f397a40c51dba/6465e8c12dd8f040b9611386_GeneralSans-ExtralightItalic.otf") format("opentype");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Generalsans;
  src: url("https://cdn.prod.website-files.com/6283588ec72f397a40c51dba/6465e8c14106bee9dfd42a71_GeneralSans-MediumItalic.otf") format("opentype");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

:root {
  --dark-purple: #09004c;
  --gray-purple: #494566;
  --light-purple: #7f67f5;
  --dark: #00022d;
  --white: white;
  --new--light: #9499ca;
  --link: #6e66a7;
  --light-purple-2: #b8bce5;
  --light-blue: #ebf2ff;
  --gray--bg: #fafaff;
  --shadow: #6165a833;
  --line: #44c74a;
  --deep-sky-blue: #00cefd;
  --coral: #ff7e45;
  --gold: #ffc400;
  --deep-pink: #ff41a7;
  --medium-aquamarine: #04d3af;
  --medium-slate-blue-hover: #7f67f51a;
  --deep-pink-hover: #ff41a71a;
  --gold-hover: #ffc3021a;
  --lavender: #e5e1fd;
  --seashell: #fff2ec;
  --light-sea-green: #25a790;
  --black: #12141d;
  --keytakeaway: #2e1fa3;
  --light-cyan: #ccf5ff;
  --thistle: #ffd9ed;
  --thistle-2: #f1dcf9;
  --light-cyan-2: #e2fffa;
}

.w-embed-youtubevideo {
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/static/youtube-placeholder.2b05e7d68d.svg");
  background-position: 50%;
  background-size: cover;
  width: 100%;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  position: relative;
}

.w-embed-youtubevideo:empty {
  min-height: 75px;
  padding-bottom: 56.25%;
}

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

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

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

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

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

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

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

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

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

.w-layout-vflex {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

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

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

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

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

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

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

.w-backgroundvideo-backgroundvideoplaypausebutton:focus-visible {
  outline-offset: 2px;
  border-radius: 50%;
  outline: 2px solid #3b79c3;
}

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

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

body {
  color: var(--dark-purple);
  font-family: IBM Plex Sans Thai, sans-serif;
  font-size: 16px;
  line-height: 24px;
}

h1 {
  margin-top: 0;
  margin-bottom: 0;
  font-family: IBM Plex Sans Thai, sans-serif;
  font-size: 48px;
  line-height: 56px;
}

h2 {
  margin-top: 0;
  margin-bottom: 0;
  font-family: IBM Plex Sans Thai, sans-serif;
  font-size: 40px;
  font-weight: 600;
  line-height: 48px;
  text-decoration: none;
}

h3 {
  text-align: left;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 600;
  line-height: 150%;
}

h4 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.5em;
}

p {
  color: var(--gray-purple);
  text-align: left;
  margin-bottom: 0;
  font-family: IBM Plex Sans Thai, sans-serif;
  font-size: 16px;
  line-height: 1.5em;
}

a {
  color: var(--light-purple);
  padding: 0 4px;
  font-size: 16px;
  text-decoration: none;
}

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

em {
  font-style: italic;
}

.s1 {
  object-fit: fill;
  background-color: #0000;
  height: 100vh;
  position: relative;
  overflow: hidden;
}

.s1.software {
  background-image: url("https://cdn.prod.website-files.com/6283588ec72f397a40c51dba/6283644c9c0089469f80a981_bg%20-%20software%20development.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.s1.c2 {
  background-color: #fff;
  background-image: url("https://cdn.prod.website-files.com/6283588ec72f397a40c51dba/628494d32e5f24bb88db2769_DM.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.s1.c3 {
  background-color: #fff;
  background-image: url("https://cdn.prod.website-files.com/6283588ec72f397a40c51dba/628494d37d6e4df7a5fa5ed8_DB.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.s1.c4 {
  background-color: #fff;
  background-image: url("https://cdn.prod.website-files.com/6283588ec72f397a40c51dba/628494d3ccc4f700a7aca8a6_CON.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.s1.contact {
  background-color: var(--dark);
  height: 100vh;
  display: block;
}

.side-nav {
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  border-radius: 5px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 320px;
  margin-left: 20px;
  margin-right: 20px;
  padding-left: 5px;
  padding-right: 5px;
  text-decoration: none;
  display: flex;
}

.side-nav-wrapper {
  z-index: 100;
  align-items: center;
  padding-top: 100px;
  display: flex;
  position: fixed;
  inset: 0% auto 0% 0%;
}

.side-nav-link {
  color: #6720ff;
  border: 1px solid #0000;
  border-radius: 999px;
  margin-bottom: 30px;
  padding-left: 10px;
  padding-right: 10px;
  font-family: Impact, Haettenschweiler, Franklin Gothic Bold, Charcoal, sans-serif;
  font-size: 22px;
  text-decoration: none;
  transition: color .2s;
}

.side-nav-link.w--current {
  border-color: var(--light-purple);
}

.side-nav-link.top {
  margin-top: 30px;
  transition: color .525s;
}

.full-width-container {
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  max-width: 85vw;
  height: 100%;
  padding-top: 0;
  padding-left: 2vw;
  padding-right: 2.5vw;
  display: flex;
  position: relative;
}

.full-width-container.nav {
  max-width: 85vw;
  margin-left: auto;
  margin-right: auto;
  padding-left: 2.5vw;
  padding-right: 2.5vw;
  display: block;
}

.side-nav-indicator {
  border: 1px solid var(--light-purple);
  border-radius: 999px;
  width: 20px;
  height: 20px;
  display: none;
  position: absolute;
  top: auto;
}

.slide-grid {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  grid-template-rows: auto;
  justify-content: space-between;
  width: 100%;
  display: flex;
}

.slide-content {
  z-index: 2;
  flex: none;
  align-self: center;
  width: 50%;
  margin-bottom: 3.2vw;
  padding-right: 24px;
  position: relative;
}

.slide-content.white {
  color: var(--white);
}

.slide-title {
  letter-spacing: -.025em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 6vw;
  line-height: 100px;
}

.slide-title.first {
  font-size: 2.5vw;
  font-weight: 500;
}

.slide-title.animate {
  height: 6.6vw;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 6vw;
  line-height: .9;
}

.slide-image-wrapper {
  z-index: 1;
  width: 50%;
  position: relative;
}

.slide-image-wrapper.right {
  text-align: right;
}

.slide-image-wrapper.fixed {
  flex: none;
}

.slide-image {
  width: 100%;
}

.slide-image.consultation {
  width: 120%;
  max-width: none;
  position: absolute;
  top: 0%;
  left: 0%;
}

.slide-button {
  border: 1px solid var(--light-purple);
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  color: var(--dark-purple);
  background-color: #ffffff80;
  border-radius: 999px;
  margin-top: 60px;
  padding: 1vw 2vw 1.2vw;
  font-size: 1.2vw;
  font-weight: 500;
  line-height: 1.5;
  text-decoration: none;
  transition: box-shadow .25s, color .3s cubic-bezier(.25, .46, .45, .94), background-color .35s cubic-bezier(.25, .46, .45, .94);
}

.slide-button:hover {
  background-color: var(--light-purple);
  color: #fff;
  box-shadow: 6px 6px 20px #6166a87a;
}

.slide-button.light {
  color: var(--white);
  background-color: #0000;
}

.slide-button.light:hover {
  background-color: var(--light-purple);
}

.logo {
  height: 60px;
}

.home-nav-link {
  outline-offset: 0px;
  color: var(--dark);
  outline: 3px #6e66a7;
  margin-left: 0;
  margin-right: 0;
  padding: 20px 40px 20px 0;
  font-size: 20px;
  font-weight: 500;
  line-height: 40px;
  text-decoration: none;
  transition: color .25s;
  position: static;
}

.home-nav-link:hover {
  color: var(--link);
  text-decoration: none;
}

.home-nav-link.w--current {
  color: var(--light-purple);
}

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

.home-nav-link.service {
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 0;
}

.home-nav-link.new {
  padding: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.rotate {
  width: 100%;
  display: block;
  position: absolute;
  inset: 0%;
}

.new-footer {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 0;
  padding-top: 100px;
  display: block;
}

.new-footer._2 {
  border-top: 1px solid var(--new--light);
  margin-top: 0;
  padding-top: 80px;
  padding-left: 0;
  padding-right: 0;
}

.footer-column-header {
  color: var(--light-purple-2);
  margin-bottom: 20px;
  font-size: 24px;
  font-weight: 600;
}

.footer-link {
  color: var(--light-purple-2);
  padding: 12px;
  display: block;
}

.footer-link.white {
  color: var(--gray-purple);
  padding: 12px 0;
  font-family: IBM Plex Sans Thai, sans-serif;
  font-size: 16px;
  text-decoration: none;
  transition: all .2s;
}

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

.footer-link.white.whitee {
  color: var(--light-purple-2);
}

.footer-legal {
  justify-content: space-between;
  align-items: center;
  padding-top: 80px;
  padding-bottom: 32px;
  display: flex;
}

.legal-text {
  color: #a9aedab3;
  font-weight: 300;
  line-height: 1.5;
}

.legal-text.white {
  color: #4945668f;
  font-size: 16px;
}

.legal-text.white.whitee {
  color: #b8bce580;
}

.navbar-bg {
  z-index: -1;
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  -webkit-text-fill-color: inherit;
  background-color: #ffffff80;
  background-clip: border-box;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  inset: 0% 0% auto;
}

.animatetext {
  font-size: 6vw;
  font-weight: 900;
}

.slide-sub-text {
  color: var(--light-purple);
  margin-top: 40px;
  font-size: 18px;
  font-weight: 400;
}

.more-service-wrapper {
  padding-left: 2.5vw;
  padding-right: 2.5vw;
  position: absolute;
  inset: auto 0% 0%;
}

.more-service {
  width: 150px;
  height: 130px;
  margin-top: 40px;
  display: inline-block;
}

.more-service-arrow {
  text-align: center;
  width: 120px;
  height: 120px;
  margin-left: auto;
  margin-right: auto;
  transition: transform .3s cubic-bezier(.19, 1, .22, 1);
  display: none;
  position: absolute;
  inset: 15% 0% 0%;
}

.more-service-arrow:hover {
  transform: translate(0, -10px);
}

.more-service-button {
  margin-top: -15%;
  margin-bottom: 2.5vh;
  position: relative;
}

.footerhome {
  background-color: var(--dark-purple);
}

.footerhome.hide {
  display: none;
}

.nav-logo {
  padding: 6px 20px 0 0;
}

.nav-logo.w--current {
  padding-top: 10px;
  padding-bottom: 10px;
}

.lottie-image {
  width: 100%;
}

.lottie-image.faster {
  width: 120%;
  margin-left: -100px;
}

.slide-subtitle {
  color: var(--light-purple);
  margin-top: 40px;
  font-size: 1.4vw;
}

.nav-menu {
  position: relative;
  inset: auto 0% 0%;
}

.container1200 {
  z-index: 1;
  flex: 1;
  align-self: center;
  max-width: 1200px;
  margin-top: 0;
  padding-top: 0;
  padding-left: 24px;
  padding-right: 24px;
  font-family: IBM Plex Sans Thai, sans-serif;
  display: block;
  position: relative;
}

.container1200.middle {
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: flex;
}

.heading {
  flex: 0 auto;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 140px;
  padding-bottom: 60px;
  font-family: IBM Plex Sans Thai, sans-serif;
  font-size: 68px;
  font-weight: 900;
  line-height: 100%;
  display: block;
}

.heading.lesspadding {
  color: var(--dark-purple);
  letter-spacing: 0;
  white-space: normal;
  margin-top: 0;
  padding-top: 16px;
  padding-bottom: 24px;
  font-family: IBM Plex Sans Thai, sans-serif;
  font-size: 48px;
  line-height: 56px;
  text-decoration: none;
  transition: color .3s;
  display: block;
  position: static;
}

.heading.lesspadding:hover {
  color: var(--gray-purple);
}

.heading.lesspadding.white {
  color: var(--gray--bg);
  padding-top: 0;
  padding-bottom: 20px;
  font-size: 40px;
}

.heading.lesspadding.white.paragraph-center {
  text-align: center;
  padding-bottom: 40px;
}

.heading.lesspadding.white.h2 {
  padding-bottom: 0;
  font-size: 54px;
  line-height: 64px;
}

.heading.lesspadding.white.h3 {
  color: var(--white);
  padding-bottom: 0;
  font-size: 32px;
  line-height: 40px;
  display: inline-block;
}

.heading.lesspadding.center {
  text-align: center;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
}

.heading.lesspadding.head {
  text-align: left;
  font-size: 80px;
  line-height: 1em;
}

.heading.lesspadding.head:hover {
  color: var(--dark-purple);
}

.body {
  background-color: var(--gray--bg);
}

.section-header {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #0000;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr 1.25fr 1.75fr;
  grid-auto-columns: 1fr;
  align-content: stretch;
  display: block;
}

.section-header.work {
  background-color: #0000;
}

.section-header.branding {
  background-color: var(--gray--bg);
  flex-flow: row;
  justify-content: flex-end;
  align-items: center;
  height: 100vh;
  padding-top: 40px;
  display: flex;
  overflow: hidden;
}

.tab-link {
  color: var(--light-purple);
  background-color: #7f67f51a;
  border: 1px solid #7f67f51a;
  border-radius: 10px;
  margin-right: 16px;
  padding: 12px 30px 14px;
  text-decoration: none;
  transition: border-color .25s;
}

.tab-link:hover {
  border-color: var(--light-purple);
}

.tab-link.w--current {
  border: 1px solid var(--light-purple);
  background-color: var(--light-purple);
  color: var(--gray--bg);
  border-radius: 10px;
  margin-bottom: 10px;
  margin-right: 16px;
  padding-top: 12px;
  padding-bottom: 14px;
}

.tabs-menu {
  padding-top: 0;
  padding-right: 0;
  font-family: sofia-pro, sans-serif;
}

.text-block-2 {
  margin-right: 0;
  font-size: 18px;
}

.image {
  border-radius: 8px;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.project-2-column {
  grid-column-gap: 36px;
  grid-row-gap: 36px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  place-content: stretch;
  place-items: start stretch;
  padding-top: 40px;
  display: grid;
}

.head24px {
  color: var(--dark);
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  font-family: IBM Plex Sans Thai, sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 125%;
  text-decoration: none;
  transition: color .25s;
}

.works-card {
  cursor: pointer;
  flex-direction: column;
  width: 100%;
  padding: 0;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.works-card:hover {
  transform: translate(2px, -2px);
}

.works-card.new {
  background-color: var(--white);
  border-radius: 16px;
  height: 100%;
}

.works-card.webflow {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
}

.text16px {
  color: #504c68;
  text-align: left;
  font-family: IBM Plex Sans Thai, sans-serif;
  font-size: 16px;
  line-height: 160%;
}

.text16px.left {
  color: var(--gray-purple);
  text-align: left;
  align-self: flex-start;
}

.text16px.gn {
  font-family: Generalsans, sans-serif;
}

.text16px.light {
  color: var(--light-purple);
  font-weight: 300;
}

.image-2 {
  aspect-ratio: 16 / 9;
  object-fit: cover;
  border-radius: 12px;
  width: 100%;
  max-width: none;
  transition: all .25s;
  display: inline-block;
  position: static;
}

.image-2:hover {
  transform: scale(1.007);
}

.image-2.aspect {
  height: 100%;
  position: absolute;
  inset: 0%;
}

.works-card-wrapper {
  flex-direction: column;
  align-items: stretch;
  height: 100%;
  display: flex;
  position: relative;
}

.text-block-5 {
  font-size: 18px;
  text-decoration: none;
}

.text-block-6, .text-block-7, .text-block-8 {
  font-size: 18px;
}

.footer {
  padding-top: 0;
}

.white {
  font-size: 24px;
}

.white.footer-column-header {
  color: var(--dark);
  margin-bottom: 24px;
  font-size: 20px;
}

.white.footer-column-header.whitee {
  color: #b8bce580;
}

.tagline {
  color: var(--light-purple);
  margin-top: 0;
  margin-bottom: 0;
  padding: 0 0 8px;
  font-family: sofia-pro, sans-serif;
  font-size: 24px;
  font-weight: 500;
  text-decoration: none;
  display: block;
}

.tagline.w--current {
  margin-bottom: 20px;
}

.tagline.lesspadding {
  color: var(--dark-purple);
  padding-top: 0;
  padding-bottom: 0;
  font-family: IBM Plex Sans Thai, sans-serif;
  line-height: 32px;
}

.tagline.center {
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 0;
}

.tagline._20px {
  padding-bottom: 0;
  font-size: 20px;
  font-weight: 400;
}

.te {
  color: var(--gray-purple);
  margin-bottom: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  font-family: IBM Plex Sans Thai, sans-serif;
  font-size: 16px;
  line-height: 1.8;
}

.te.white {
  color: var(--gray--bg);
  padding-top: 0;
}

.te.center {
  text-align: center;
  display: block;
}

.te.center.packages {
  width: 40%;
}

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

.head-2 {
  margin-top: 0;
  margin-bottom: 10px;
  padding-bottom: 0;
  font-size: 32px;
}

.div-block-2 {
  padding-top: 10px;
}

.section-2 {
  background-color: var(--light-blue);
  padding-bottom: 60px;
}

.project-3-column {
  grid-column-gap: 24px;
  grid-row-gap: 36px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: stretch;
  display: grid;
}

.project-3-column.webflow {
  width: 100%;
}

.container-5 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  max-width: 1200px;
  display: block;
}

.image-4 {
  object-fit: fill;
  max-width: none;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.clients-wrapper {
  box-sizing: content-box;
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: wrap;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  place-items: center;
  width: auto;
  max-width: none;
  height: 100%;
  margin-left: 0;
  margin-right: 0;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  overflow: visible;
}

.clients-wrapper.horizontal {
  flex-flow: row;
  justify-content: center;
  align-items: center;
  height: auto;
}

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

.rich-text-block {
  padding-top: 60px;
  padding-bottom: 60px;
  font-family: IBM Plex Sans Thai, sans-serif;
  line-height: 200%;
}

.rich-text-block h1, .rich-text-block h2, .rich-text-block h3, .rich-text-block h4 {
  margin-bottom: 8px;
}

.rich-text-block.hidden {
  display: none;
}

.body-4 {
  background-color: var(--gray--bg);
}

.cta-section {
  text-align: center;
  background-color: #0000;
  max-width: 1200px;
  padding-top: 0;
  padding-bottom: 0;
}

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

.div-block-5 {
  width: auto;
  padding-right: 0;
  display: block;
}

.texr18px {
  border: 0px solid var(--gray-purple);
  color: var(--gray-purple);
  padding-right: 0;
  font-size: 18px;
  line-height: 150%;
}

.section-clients {
  padding-top: 80px;
  padding-bottom: 80px;
  font-family: IBM Plex Sans Thai, sans-serif;
  display: block;
}

.section-clients.whitebg {
  background-color: var(--white);
}

.map {
  border-radius: 12px;
}

.address {
  padding-top: 20px;
}

.div-block-7 {
  grid-row-gap: 8px;
  flex-direction: column;
  padding-bottom: 24px;
  display: flex;
}

.tell-phone {
  align-items: center;
  margin-bottom: 24px;
  display: flex;
}

.icon-phone {
  margin-right: 16px;
}

.email {
  align-items: center;
  margin-bottom: 24px;
  display: flex;
}

.icon-email {
  margin-right: 16px;
}

.contact4_form-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border: 1px none var(--light-purple);
  border-radius: .5rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-content: center;
  width: 100%;
  margin-right: 0;
  padding: 0;
}

.contact4_form {
  grid-column-gap: 0rem;
  grid-row-gap: 8px;
  color: var(--light-purple);
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-items: start;
  padding-top: 40px;
  display: flex;
}

.form-input {
  border: 1px solid var(--light-purple-2);
  color: var(--light-purple);
  background-color: #fff;
  border-radius: 12px;
  height: 3rem;
  margin-bottom: 10px;
  padding: .5rem 1.5rem;
  font-size: 1rem;
}

.form-input:focus {
  box-shadow: inset 0 0 0 .125rem var(--light-purple);
  border-color: #0000;
}

.form-input::placeholder {
  color: var(--light-purple-2);
  font-size: 1rem;
}

.form-input.text-area {
  border-radius: 12px;
  height: 7rem;
}

.button {
  z-index: 99;
  border: 0px solid var(--light-purple);
  background-color: var(--light-purple);
  color: var(--white);
  text-align: center;
  mix-blend-mode: normal;
  border-radius: 32px;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding: 1rem 2rem;
  font-family: IBM Plex Sans Thai, sans-serif;
  font-size: 18px;
  font-weight: 600;
  transition: background-color .35s;
  display: inline-block;
  position: relative;
}

.button:hover {
  color: var(--white);
  background-color: #7f67f5cc;
  border-width: 0;
  border-color: #0000;
}

.button.th {
  box-shadow: 3px 3px 20px -5px var(--shadow);
  text-align: center;
  border-radius: 60px;
  align-self: center;
  margin-left: auto;
  margin-right: auto;
  padding: 20px 16px;
}

.button.th.left {
  padding: 16px 24px;
}

.button.th.line {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: var(--line);
  height: auto;
  margin-right: 0;
  padding: 16px 24px 16px 20px;
  text-decoration: none;
  display: flex;
}

.button.th.line:hover {
  background-color: #3ccf2a;
}

.button.th.line.vdo-page {
  display: flex;
}

.button.th.line.no-padd {
  margin-top: 0;
}

.button.th.line.no-padd.brand {
  margin-top: 24px;
}

.button.th.line.seo {
  align-self: stretch;
  margin-left: 24px;
}

.button.th.line.no-padding {
  margin-top: 0;
}

.button.th.line.middle {
  align-self: center;
}

.button.th.white {
  background-color: var(--white);
  color: var(--link);
  margin-right: 0;
  padding: 16px 24px;
  display: none;
}

.button.th.white:hover {
  background-color: var(--gray--bg);
}

.button.th.center {
  margin: 0 auto;
  padding-top: 16px;
  padding-bottom: 16px;
}

.button.th.padding-top {
  margin-top: 40px;
}

.button.th.line-green {
  background-color: var(--line);
}

.button.left {
  text-align: left;
  margin-left: 0;
  margin-right: auto;
  display: block;
}

.button.left.th {
  margin-top: 20px;
}

.button.thai {
  flex-direction: row;
  align-items: center;
  width: auto;
  margin-left: auto;
  margin-right: auto;
  padding: 16px 32px 14px;
  font-family: IBM Plex Sans Thai, sans-serif;
  font-weight: 700;
  line-height: 1.5;
  display: inline-block;
}

.button.calc {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: flex-start;
  display: flex;
}

.button.cta {
  margin-left: 0;
  margin-right: 0;
}

.button.cta.white {
  background-color: var(--white);
  color: var(--light-purple);
}

.button.email {
  margin-bottom: 0;
}

.button.line-green {
  background-color: var(--line);
}

.button.line-green:hover {
  background-color: var(--white);
  color: var(--line);
}

.button.white {
  background-color: var(--white);
  color: var(--light-purple);
}

.button.white:hover {
  background-color: var(--light-purple);
  color: var(--white);
}

.button.motion-graphic {
  top: 100px;
}

.form-message-success {
  color: #7b58cf;
  background-color: #f4f0ff;
  border-radius: .5rem;
  margin-top: 1rem;
  padding: 1.25rem;
  font-weight: 600;
}

.form-message-error {
  color: #dd2b0e;
  background-color: #dd2b0e1a;
  border-radius: .5rem;
  margin-top: 1rem;
  padding: 1.25rem;
  font-weight: 600;
}

.faq-answer {
  perspective-origin: 50% 0;
  transform-origin: 50% 0;
  overflow: hidden;
}

.container-9 {
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  padding: 40px;
}

.container-9.no-padding-mobile {
  justify-content: center;
  align-items: stretch;
  max-width: 1200px;
  padding: 40px 0 0;
  display: block;
}

.container-9.no-padding-mobile.software-development {
  background-color: #0000;
  margin-left: auto;
  margin-right: auto;
  padding-top: 60px;
  padding-bottom: 60px;
  font-family: IBM Plex Sans Thai, sans-serif;
  display: block;
}

.faq-item {
  cursor: pointer;
}

.faq-question {
  align-items: center;
  display: flex;
  transform: translate(0);
}

.faq-plus-icon {
  justify-content: center;
  align-items: center;
  padding: 20px;
  position: relative;
}

.accordion-wrapper {
  color: var(--light-purple);
  flex-flow: row;
  justify-content: center;
  align-items: flex-start;
  min-height: 30vh;
  padding-bottom: 0;
  display: flex;
}

.answer-text {
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  padding: 40px;
  display: block;
}

._w-faq-icon {
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  display: flex;
  position: relative;
}

.faq-stripe-2 {
  background-color: var(--light-purple);
  border-radius: 2px;
  width: 100%;
  height: 2px;
  position: absolute;
}

.faq-stripe-1 {
  background-color: var(--light-purple);
  border-radius: 2px;
  width: 2px;
  height: 100%;
}

.question {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.5;
  position: relative;
}

.faq-divider {
  border-top: 1px solid #e2e4e9;
  height: 1px;
}

.faq-wrapper {
  width: 100%;
}

.faq-a-text {
  color: var(--dark-purple);
  flex: 0 auto;
  justify-content: center;
  display: block;
}

.question-text {
  flex: 1;
  padding: 24px;
}

.body-6 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #fafaff;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: block;
}

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

.navhome-home {
  z-index: 999;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  background-color: #0000;
  position: relative;
  inset: 0% 0% auto;
}

.navhome-home.mega-menu {
  padding-top: 0;
  padding-bottom: 0;
  overflow: visible;
}

.html-embed {
  border-radius: 0;
}

.paragraph-5, .paragraph-6 {
  color: var(--gray-purple);
}

.link {
  color: var(--light-purple);
  padding-left: 10px;
  padding-right: 0;
  font-size: 16px;
}

.faq-service-section {
  background-color: var(--gray--bg);
  align-items: stretch;
  max-width: none;
  padding-top: 80px;
  padding-bottom: 80px;
  display: block;
}

.faq-service-section.consultation {
  display: none;
}

.faq-service-section.branding {
  display: none;
  overflow: hidden;
}

.faq-service-section.white-bg {
  background-color: var(--white);
}

.clients {
  max-width: 1200px;
  padding-top: 40px;
}

.collection-item {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  padding-bottom: 0;
  display: flex;
}

.heading-8, .heading-9 {
  text-align: center;
}

.visit-website {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  text-align: center;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 0;
  display: flex;
}

.section-blog-wrapper {
  background-color: var(--gray--bg);
  width: 100%;
  margin-left: 0;
  margin-right: 0;
  padding-top: 60px;
  padding-bottom: 60px;
}

.section-blog-wrapper.blue {
  background-color: var(--light-blue);
  padding-top: 80px;
  padding-bottom: 80px;
}

.section-blog-wrapper.white {
  background-color: #0000;
}

.date {
  color: var(--new--light);
  padding-top: 0;
  font-size: 12px;
}

.thumbnail-all-blog {
  border: 1px solid var(--light-blue);
  object-fit: cover;
  border-radius: 16px;
  width: 100%;
  max-width: 100%;
  height: 100%;
  transition: all .25s;
  display: block;
  position: absolute;
  inset: 0%;
  box-shadow: 3px 3px 24px -2px #6165a824;
}

.thumbnail-all-blog:hover {
  transform: scale(1.009);
}

.collection-item-3 {
  grid-column-gap: 25px;
  grid-row-gap: 40px;
  color: var(--dark-purple);
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  font-family: IBM Plex Sans Thai, sans-serif;
  display: block;
}

.text20px {
  color: var(--dark-purple);
  padding-top: 0;
  padding-bottom: 0;
  font-family: IBM Plex Sans Thai, sans-serif;
  font-size: 20px;
  font-weight: 500;
}

.all-blogs {
  grid-column-gap: 36px;
  grid-row-gap: 50px;
  grid-template-rows: auto auto auto auto auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.all-blogs._3 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
}

.blog-card {
  object-fit: fill;
  padding: 0;
  text-decoration: none;
  transition: all .2s;
}

.blog-card:hover {
  transform: translate(2px, -2px);
}

.link-block-3 {
  justify-content: flex-start;
  align-items: center;
  padding: 0 0 40px;
  text-decoration: none;
  display: flex;
}

.image-17 {
  padding-right: 10px;
  display: block;
}

.back-button {
  color: var(--new--light);
  font-size: 18px;
}

.body-7 {
  background-color: var(--gray--bg);
}

.image-18 {
  border-radius: 16px;
  width: auto;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 0;
  display: block;
}

.rich-text-block-2 {
  margin-top: auto;
  padding: 10px 10px 60px;
  font-family: IBM Plex Sans Thai, sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 32px;
}

.button-ghost {
  color: var(--light-purple);
  padding: 20px 10px;
  font-family: IBM Plex Sans Thai, sans-serif;
  font-size: 24px;
  font-weight: 500;
  text-decoration: underline;
  transition: color .35s;
  display: inline-block;
}

.button-ghost:hover {
  color: #7f67f599;
}

.button-ghost.small {
  color: var(--light-purple);
  padding-bottom: 0;
  padding-left: 0;
  font-size: 16px;
  font-weight: 600;
  text-decoration: underline;
}

.button-ghost.small.blue {
  color: var(--deep-sky-blue);
  font-size: 16px;
}

.button-ghost.small.orange {
  color: var(--coral);
}

.button-ghost.small.gloss {
  padding-top: 0;
  padding-bottom: 0;
  font-weight: 500;
}

.button-ghost.medium {
  padding: 16px;
  font-size: 18px;
  display: none;
}

.cta-wrapper {
  grid-row-gap: 16px;
  flex-direction: column;
  width: auto;
  padding-bottom: 10px;
  display: flex;
}

.collection-list-3 {
  grid-column-gap: 36px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.dropdown {
  grid-column-gap: 2px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.dropdown-card {
  margin-bottom: 36px;
  display: block;
  position: relative;
}

.blog-card-2 {
  background-color: #fff;
  border: 1px solid #edf1f2;
  flex-direction: column;
  margin-bottom: 12px;
  padding: 8px;
  transition: transform .2s, box-shadow .2s;
  display: flex;
}

.blog-card-2:hover {
  transform: translate(0, -2px);
  box-shadow: 4px 0 8px #24324214;
}

.content-section {
  background-color: var(--gray--bg);
  text-align: center;
  min-height: 400px;
  margin-bottom: 0;
  padding-top: 80px;
  padding-bottom: 80px;
  display: block;
  overflow: hidden;
}

.content-section.hide {
  display: none;
}

.content-section.seo {
  min-height: 400px;
}

.content-section.toc {
  justify-content: center;
  align-items: center;
  height: auto;
  min-height: 400px;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 100px;
  padding-bottom: 0;
  display: block;
}

.content-section.white {
  background-color: var(--white);
}

.content-section.white.ci {
  background-color: #0000;
  align-self: center;
  padding-top: 0;
  padding-bottom: 0;
}

.content-section.white.ci.temp {
  background-color: #fff;
}

.content-section.personal {
  padding-top: 100px;
}

.heading-landing-th {
  text-align: left;
  justify-content: flex-start;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: IBM Plex Sans Thai, sans-serif;
  font-size: 32px;
  font-weight: 700;
  line-height: 40px;
  display: block;
}

.heading-landing-th.h3 {
  margin-top: 0;
}

.heading-landing-th.seo-h2 {
  font-size: 32px;
}

.heading-landing-th.center {
  text-align: center;
  justify-content: center;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 36px;
  font-weight: 700;
  line-height: 44px;
}

.heading-landing-th.white {
  color: var(--white);
}

.heading-landing-th.white.center {
  display: block;
}

.container-20 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  max-width: 1200px;
  padding: 0;
  display: block;
}

.container-20.first {
  max-width: 1200px;
  margin-top: 100px;
  padding-top: 0;
  padding-bottom: 40px;
}

.container-20.mobile {
  max-width: 1200px;
  padding-top: 40px;
  padding-bottom: 40px;
}

.container-20.seo {
  max-width: 720px;
  font-size: 16px;
}

.sub-haed-landing {
  color: var(--gray-purple);
  text-align: center;
  margin-top: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  font-family: IBM Plex Sans Thai, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 2;
}

.sub-haed-landing.center {
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
}

.sub-haed-landing.left {
  text-align: left;
}

.head {
  padding-bottom: 40px;
}

.head._16 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  display: flex;
}

.landing-card-wrapper {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 0;
  margin-bottom: 0;
  display: grid;
}

.landing-card-wrapper._3-columns {
  grid-template-columns: 1fr 1fr 1fr;
}

.landing-card-wrapper._3-columns.more-padding {
  margin-bottom: 100px;
}

.div-card {
  background-color: var(--white);
  text-align: left;
  border-radius: 16px;
  flex-direction: column;
  align-items: flex-start;
  padding: 24px;
  display: flex;
  box-shadow: 3px 3px 24px -2px #6165a814;
}

.div-card.blue {
  background-color: var(--light-blue);
  padding-top: 48px;
  padding-bottom: 48px;
}

.div-card.main {
  padding: 48px;
}

.div-card.home.service-card:hover {
  transform: translate(0, -8px);
}

.div-card.home.service-card._1 {
  grid-column-gap: 120px;
  grid-row-gap: 120px;
  background-image: linear-gradient(to top, #ed9c23, #ffdf6d00 69%), url("https://cdn.prod.website-files.com/6283588ec72f397a40c51dba/646d88134fc8cb74610bf00c_Frame%2057710.jpg");
  background-position: 0 0, 50% 0;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  background-attachment: scroll, scroll;
  justify-content: space-between;
  align-items: stretch;
}

.div-card.home.service-card._2 {
  grid-column-gap: 120px;
  grid-row-gap: 120px;
  background-color: #d7c8d2;
  background-image: linear-gradient(to top, #ff77e9, #ffb8ff00 69%), url("https://cdn.prod.website-files.com/6283588ec72f397a40c51dba/646d8820750c0dedc54eac82_Frame%2057711.jpg");
  background-position: 0 0, 50% 0;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  justify-content: space-between;
  align-items: stretch;
}

.div-card.home.service-card._2.homea {
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  height: 100%;
  margin-top: 0;
}

.div-card.home.service-card._3 {
  grid-column-gap: 120px;
  grid-row-gap: 120px;
  background-color: #967cff;
  background-image: linear-gradient(to top, #967cff, #d5c2ed00 69%), url("https://cdn.prod.website-files.com/6283588ec72f397a40c51dba/646d883a2bb1972067e8b98e_Frame%2057712.jpg");
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  justify-content: space-between;
  align-items: stretch;
}

.div-card.seo {
  padding: 16px;
}

.div-card.motion {
  box-shadow: none;
  border: 1px solid #000;
  border-radius: 0;
  align-items: stretch;
}

.heading-landing-card {
  text-align: left;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 10px;
  font-family: IBM Plex Sans Thai, sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 125%;
}

.heading-landing-card.design {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 24px;
  padding-bottom: 12px;
}

.heading-landing-card.center {
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
}

.heading-landing-card.white {
  color: var(--white);
}

.heading-landing-card.white.center {
  flex-direction: row;
  margin-top: 0;
  margin-bottom: 0;
}

.paragraph-th {
  color: var(--gray-purple);
  text-align: left;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  font-family: IBM Plex Sans Thai, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  display: block;
}

.paragraph-th.center {
  text-align: center;
  justify-content: center;
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 0;
  font-size: 16px;
  line-height: 26px;
  display: block;
}

.paragraph-th.text18px {
  font-size: 16px;
  display: block;
}

.paragraph-th.white {
  color: var(--light-purple-2);
}

.color-card-wrapper {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-bottom: 60px;
  display: grid;
}

.sub-head-number {
  color: var(--light-purple);
  text-align: left;
  padding-bottom: 16px;
  font-size: 32px;
  font-weight: 700;
  line-height: 40px;
}

.sub-head-number._02 {
  color: var(--gold);
  text-align: left;
  padding-bottom: 16px;
}

.sub-head-number._03 {
  color: var(--deep-sky-blue);
  text-align: left;
  padding-bottom: 16px;
}

.sub-head-number._04 {
  color: var(--deep-pink);
  text-align: left;
  padding-top: 0;
  padding-bottom: 16px;
}

.sub-head-number._05 {
  color: var(--medium-aquamarine);
  text-align: left;
  padding-top: 0;
  padding-bottom: 16px;
}

.sub-head-number._06 {
  color: #9588f5;
  text-align: left;
  padding-bottom: 16px;
}

.color-landing-card {
  border: 1px solid #7f67f5;
  border-radius: 16px;
  padding: 24px;
}

.color-landing-card._02 {
  grid-row-gap: 4px;
  border-color: var(--gold);
  flex-direction: column;
  display: flex;
}

.color-landing-card._03 {
  border-color: var(--deep-sky-blue);
}

.color-landing-card._04 {
  border-color: var(--deep-pink);
}

.color-landing-card._05 {
  border-color: var(--medium-aquamarine);
}

.color-landing-card._06 {
  border-color: #b5abff;
}

.white-landing-card-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #0000;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  padding: 20px 0 0;
  display: grid;
}

.white-landing-card-wrapper._2-column {
  grid-column-gap: 0px;
  grid-template-columns: 1fr 1fr;
  padding-top: 0;
  padding-bottom: 20px;
}

.white-landing-card-wrapper._2-columns {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
}

.white-landing-card-wrapper.more-gap {
  grid-template-columns: 1fr 1fr;
}

.white-landing-card {
  background-color: var(--white);
  border: 1px solid #0000001a;
  border-radius: 12px;
  flex-direction: column;
  align-items: flex-start;
  padding: 24px;
  display: flex;
}

.white-landing-card.new {
  padding-top: 0;
  padding-bottom: 60px;
}

.white-landing-card.no-line {
  grid-row-gap: 8px;
  border-width: 0;
  align-items: center;
  padding: 0 0 0 24px;
}

.white-landing-card.no-line.right {
  grid-row-gap: 8px;
  border-right-width: 1px;
  border-right-color: #fff3;
  border-radius: 0;
  align-items: center;
  padding: 0 24px 0 0;
}

.blue-card {
  grid-row-gap: 24px;
  background-color: var(--light-blue);
  border-radius: 16px;
  flex-direction: column;
  padding: 60px;
  display: flex;
}

.blue-card.personal {
  margin-top: 140px;
}

.blue-card.personal.corporate {
  margin-top: 100px;
  margin-bottom: 0;
}

.blue-card.ci {
  margin-top: 60px;
}

.blue-card.small {
  border-radius: 12px;
  padding: 24px;
}

.white-card {
  background-color: var(--white);
  border-radius: 16px;
  margin-top: 40px;
  padding: 48px;
  box-shadow: 3px 3px 24px -2px #6165a814;
}

.white-card.personal {
  margin-top: 100px;
  margin-bottom: 40px;
}

.white-card.personal.hidden {
  display: none;
}

.service-wrapper {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.service-card {
  grid-column-gap: 24px;
  background-color: #0000;
  border-radius: 16px;
  align-items: flex-start;
  padding: 24px;
  transition: all .25s;
  display: flex;
}

.service-card:hover {
  box-shadow: 0 2px 24px #6165a814;
}

.service-card.gap {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  align-items: stretch;
  padding: 0;
  display: flex;
}

.service-card.gap:hover {
  box-shadow: none;
}

.service-card.whitebg {
  background-color: var(--white);
  height: 100%;
}

.service-name {
  text-align: center;
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
}

.service-name.left {
  text-align: left;
}

.paragraph-with-image {
  grid-column-gap: 24px;
  grid-row-gap: 0px;
  border-radius: 16px;
  grid-template: ". Area"
  / 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-top: 0;
  display: grid;
}

.paragraph-card {
  padding-left: 0;
}

.paragraph-card.left {
  padding-left: 0;
  padding-right: 60px;
}

.paragraph-card.left.mobile, .paragraph-card.left.mobile.right {
  padding-right: 0;
}

.map-wrapper {
  padding-top: 100px;
}

.text24px {
  color: var(--dark);
  padding-top: 0;
  padding-bottom: 20px;
  font-size: 24px;
  font-weight: 600;
}

.text24px.new {
  padding-bottom: 0;
}

.text24px.purple {
  color: var(--light-purple);
  padding-top: 20px;
}

.text24px.nopadding {
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  font-family: Generalsans, sans-serif;
  font-weight: 500;
  line-height: 32px;
  text-decoration: underline;
  transition: all .2s;
}

.text24px.nopadding:hover {
  color: var(--gray-purple);
}

.dropdown-toggle-3 {
  outline-offset: 0px;
  background-color: #0000;
  outline: 3px #6e66a7;
  padding: 0;
  font-size: 20px;
  font-weight: 500;
  line-height: 40px;
  text-decoration: none;
  transition: color .25s;
  display: block;
  position: static;
}

.dropdown-toggle-3:hover {
  color: var(--link);
}

.dropdown-list-4 {
  background-color: var(--gray--bg);
  position: absolute;
  inset: 0% 0% auto;
  box-shadow: 0 1px 6px #00022d3b;
}

.dropdown-list-4.w--open {
  z-index: 999;
  box-shadow: none;
  outline-offset: 0px;
  object-fit: fill;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
  outline: 3px #09004c;
  inset: 0% 0% auto;
  overflow: hidden;
}

.text-block-12 {
  padding-right: 4px;
}

.dropdown-4 {
  align-items: center;
  margin-left: 0;
  margin-right: 0;
  padding: 30px 30px 30px 0;
  display: inline-block;
  position: static;
}

.grid-3 {
  grid-column-gap: 16px;
  grid-row-gap: 8px;
  flex: 1;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  margin-left: auto;
  margin-right: auto;
  padding: 16px;
  position: relative;
}

.grid-content {
  color: var(--dark);
  border-radius: 8px;
  margin-bottom: 0;
  padding: 16px 12px;
  font-weight: 500;
  text-decoration: none;
  transition: color .25s, background-color .25s;
  display: flex;
}

.grid-content:hover {
  background-color: var(--medium-slate-blue-hover);
  color: #7f67f5;
}

.grid-content.w--current {
  text-decoration: none;
}

.grid-content.w--current:hover {
  background-color: #ffeded;
}

.grid-content.branding {
  padding: 12px;
  text-decoration: none;
}

.grid-content.branding:hover {
  background-color: var(--deep-pink-hover);
}

.grid-content.digital {
  color: var(--dark);
  font-weight: 500;
  text-decoration: none;
  transition: color .25s, background-color .25s;
}

.grid-content.digital:hover {
  background-color: var(--gold-hover);
  color: #ffc302;
}

.grid-content.seo {
  text-decoration: none;
}

.grid-content.seo:hover {
  background-color: var(--gold-hover);
}

.grid-content.social {
  text-decoration: none;
}

.grid-content.social:hover {
  background-color: var(--gold-hover);
}

.grid-content.admin {
  text-decoration: none;
}

.grid-content.admin:hover {
  background-color: var(--medium-slate-blue-hover);
}

.grid-content.google {
  background-color: #0000;
  padding-top: 10px;
  padding-bottom: 10px;
}

.grid-content.google:hover {
  background-color: var(--gold-hover);
}

.grid-content.media:hover {
  background-color: var(--deep-pink-hover);
  color: #ff41a7;
}

.grid-content.webflow {
  background-color: #0000;
}

.grid-content.webflow:hover {
  background-color: var(--medium-slate-blue-hover);
}

.grid-content.ci:hover, .grid-content.personal:hover, .grid-content.video:hover {
  background-color: var(--deep-pink-hover);
}

.grid-content.calc:hover {
  background-color: var(--medium-slate-blue-hover);
  color: #00cefd;
}

.grid-link {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  text-decoration: none;
  display: flex;
}

.link-3 {
  color: var(--light-purple);
  font-size: 16px;
  font-weight: 500;
  text-decoration: none;
}

.image-22 {
  background-color: #0000;
  border-radius: 5px;
  flex: 1;
  margin-right: 10px;
}

.image-22.ci {
  align-self: auto;
  padding-top: 0;
  padding-bottom: 4px;
  padding-right: 4px;
}

.image-22.personal {
  padding-bottom: 4px;
  padding-right: 4px;
}

.small {
  color: var(--dark);
  font-family: IBM Plex Sans Thai, sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 22px;
  text-decoration: none;
}

.grid-heading {
  display: none;
}

.text-span-popular {
  background-color: var(--light-purple);
  color: var(--white);
  border-radius: 20px;
  margin-left: 8px;
  padding: 4px 12px;
  font-size: 12px;
  font-weight: 600;
  display: inline-block;
}

.heading-16 {
  color: var(--light-purple);
  margin-bottom: 0;
}

.image-23 {
  padding-top: 6px;
}

.dropdown-main {
  flex: 0 auto;
  align-items: center;
  margin-left: 0;
  margin-right: 0;
  padding: 20px 40px 20px 0;
  display: inline-block;
  position: static;
}

.image-24 {
  outline-offset: 0px;
  color: var(--dark);
  outline: 3px #6e66a7;
  margin-top: 6px;
  transition: color .25s;
  display: block;
}

.mega-head-text {
  color: var(--gray-purple);
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 0;
  font-size: 20px;
  font-weight: 500;
}

.nav-menu-3 {
  flex-direction: row;
  flex: 1;
  justify-content: flex-end;
  align-items: center;
  max-width: 1200px;
  display: flex;
  position: static;
}

.link-3-copy {
  color: var(--light-purple);
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  font-size: 16px;
  font-weight: 500;
  text-decoration: none;
  display: inline-block;
}

.link-3-copy.mobile {
  color: var(--dark);
  padding: 0;
  transition: color .25s;
  display: inline-block;
}

.link-3-copy.mobile:hover {
  color: var(--light-purple);
}

.link-3-copy.mobile.branding {
  color: var(--dark);
}

.link-3-copy.mobile.branding:hover {
  color: var(--deep-pink);
}

.link-3-copy.mobile.digital {
  padding-bottom: 0;
}

.link-3-copy.mobile.digital:hover, .link-3-copy.mobile.seo:hover {
  color: var(--gold);
}

.link-3-copy.mobile.social {
  color: #1c002d;
}

.link-3-copy.mobile.social:hover {
  color: var(--gold);
}

.link-3-copy.mobile.admin:hover {
  color: var(--light-purple);
}

.link-3-copy.mobile.google:hover, .link-3-copy.mobile.banner:hover {
  color: var(--deep-pink);
}

.link-3-copy.mobile.webflow:hover {
  color: var(--light-purple);
}

.link-3-copy.mobile.personal:hover {
  color: var(--deep-pink);
}

.image-26 {
  text-align: left;
  margin-bottom: 24px;
}

.image-26.ci {
  margin-bottom: 0;
}

.image-27 {
  padding-bottom: 20px;
}

.image-28 {
  padding-top: 0;
  padding-bottom: 20px;
}

.image-29 {
  margin-bottom: 20px;
  padding-top: 0;
}

.div-block-24 {
  border: .5px solid var(--lavender);
  display: none;
}

.nav-container {
  align-items: center;
  max-width: 1200px;
  display: flex;
}

.nav-block {
  width: 100%;
  padding-top: 8px;
  padding-bottom: 8px;
}

.div-nav {
  flex-direction: column;
  flex: 1;
  align-self: auto;
  display: block;
}

.collection-list-wrapper-2 {
  display: block;
}

.image-30 {
  padding-bottom: 10px;
}

.button.th {
  text-align: center;
  flex: none;
  align-self: flex-start;
  margin-top: 20px;
  margin-left: 0;
  padding: .75rem 24px;
  font-family: IBM Plex Sans Thai, sans-serif;
  display: inline-block;
}

.button.th:hover {
  background-color: #7f67f5cc;
}

.button.th.blog-button {
  padding-left: 24px;
  padding-right: 24px;
  font-size: 16px;
  font-weight: 500;
}

.button.th.blog-button.center {
  margin-left: auto;
  margin-right: auto;
  padding: 16px 32px;
}

.button.th.new {
  margin-top: 0;
}

.button.thai {
  flex: none;
  margin-left: 0;
  margin-right: 0;
}

.collection-item-4 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: block;
}

.link-block-5 {
  padding: 0 0 20px;
  text-decoration: none;
}

.line {
  background-color: var(--light-purple-2);
  height: 1px;
}

.line._1 {
  background-color: var(--light-purple);
  width: 44px;
}

.heading-large {
  color: var(--dark);
  letter-spacing: -.02em;
  margin-bottom: 14px;
  font-size: 20px;
  font-weight: 700;
  line-height: 32px;
}

.slider-next-button {
  background-color: var(--light-purple);
  border-radius: 14px;
  justify-content: center;
  align-items: center;
  width: 44px;
  min-width: 44px;
  height: 44px;
  min-height: 44px;
  padding: 8px;
  display: flex;
}

.paragraph-large {
  color: #67718e;
  letter-spacing: -.02em;
  max-width: 600px;
  margin-bottom: 0;
  font-family: IBM Plex Sans Thai, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
}

.mask-feature {
  width: 360px;
  overflow: visible;
}

.feature-content-spacer {
  grid-column-gap: 100px;
  grid-row-gap: 40px;
  text-align: left;
  grid-template-rows: auto;
  align-content: stretch;
  place-items: center stretch;
  height: auto;
}

.card-features-small {
  border-top: 10px solid var(--light-purple);
  background-color: #fff;
  border-radius: 12px;
  height: 100%;
  padding: 40px 32px;
  font-family: IBM Plex Sans Thai, sans-serif;
}

.card-features-small.social {
  border-top-color: var(--coral);
}

.card-features-small.marketplace {
  border-top-color: var(--deep-sky-blue);
}

.slider-back-button {
  border: 1px solid var(--light-purple);
  border-radius: 14px;
  justify-content: center;
  align-items: center;
  width: 44px;
  min-width: 44px;
  height: 44px;
  min-height: 44px;
  margin-right: 14px;
  padding: 8px;
  display: flex;
}

.hidden-arrow {
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  padding: 4px;
  display: flex;
  inset: auto 0% -80px -386px;
}

.hidden-arrow.right {
  background-color: var(--light-purple);
  border-radius: 12px;
  width: 48px;
  height: 48px;
  left: -274px;
}

.hidden-arrow.right.google {
  position: absolute;
  top: auto;
  bottom: -80px;
  left: -300px;
}

.hidden-arrow.right.social {
  background-color: var(--coral);
  position: absolute;
  top: auto;
  bottom: -80px;
  left: -300px;
}

.hidden-arrow.right.market {
  background-color: var(--deep-sky-blue);
  position: absolute;
  inset: auto 0% -80px -300px;
}

.hidden-arrow.left {
  border: 1px solid var(--light-purple);
  border-radius: 12px;
  width: 48px;
  height: 48px;
}

.hidden-arrow.left.google {
  display: none;
}

.hidden-arrow.left.social {
  border-color: var(--coral);
  display: none;
}

.hidden-arrow.left.market {
  border-color: var(--deep-sky-blue);
  display: none;
}

.slider-custom-arrow {
  display: none;
}

.button-spacer {
  grid-column-gap: 16px;
  align-items: center;
  margin-top: 60px;
  display: flex;
}

.slider-button-wrapper {
  z-index: 9;
  align-items: center;
  display: none;
  position: absolute;
  inset: auto auto -72px 0%;
}

.hidden-nav {
  display: none;
  bottom: -50px;
}

.paragraph-standard {
  color: #67718e;
  letter-spacing: -.02em;
  max-width: 600px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
}

.slider-feature {
  background-color: #0000;
  align-items: stretch;
  width: 100%;
  height: auto;
}

.slider-back-block {
  z-index: 5;
  background-color: var(--light-blue);
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  align-items: center;
  width: 100%;
  padding: 60px 80px 120px;
  display: block;
  position: static;
  inset: auto 0% auto auto;
  overflow: hidden;
}

.slider-back-block.socail {
  z-index: auto;
  background-color: var(--seashell);
}

.slider-back-block.market {
  background-color: #e3f9ff;
  width: 100%;
  padding-top: 60px;
  padding-bottom: 120px;
  position: static;
}

.slide-feature {
  margin-right: 40px;
}

.h3-heading {
  color: var(--light-purple);
  letter-spacing: -.04em;
  margin-top: 0;
  margin-bottom: 24px;
  font-family: IBM Plex Sans Thai, sans-serif;
  font-size: 48px;
  font-weight: 700;
  line-height: 60px;
}

.h3-heading.social {
  color: var(--coral);
}

.h3-heading.maretplace {
  color: var(--deep-sky-blue);
  font-size: 48px;
  line-height: 56px;
}

.feature-content {
  text-align: left;
  max-width: 100%;
}

.feature-icon-large {
  background-color: #ececec;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 72px;
  min-width: 72px;
  height: 72px;
  min-height: 72px;
  margin-bottom: 32px;
  padding: 8px;
  display: flex;
  box-shadow: 33px 33px 88px -12px #06123729;
}

.feature-icon-large.marketplace, .feature-icon-large.marketplace.lazada, .feature-icon-large.google {
  background-color: var(--light-blue);
}

.feature-icon-large.instagram {
  background-color: #fff4fa;
}

.feature-icon-large.facebook {
  background-color: #eef5ff;
}

.section-feature-slider {
  align-items: center;
  min-height: 650px;
  padding: 0 0%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.section-feature-slider.social {
  min-height: 650px;
  padding-top: 40px;
  padding-bottom: 100px;
}

.section-feature-slider.marketplace {
  text-align: left;
  flex-wrap: nowrap;
  justify-content: flex-start;
  min-height: 650px;
  padding: 100px 0 0;
  display: block;
}

.title-large {
  color: var(--link);
  letter-spacing: 1px;
  text-transform: none;
  margin-bottom: 16px;
  font-size: 16px;
  font-weight: 600;
}

.button-standard {
  border: 2px solid var(--deep-sky-blue);
  background-color: var(--deep-sky-blue);
  border-radius: 40px;
  justify-content: center;
  align-items: center;
  padding: 14px 40px;
  font-family: IBM Plex Sans Thai, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  transition: all .3s;
  display: flex;
}

.button-standard:hover {
  color: var(--deep-sky-blue);
  background-color: #fff;
}

.button-standard.social {
  border-color: var(--coral);
  background-color: var(--coral);
  border-radius: 40px;
}

.button-standard.social:hover {
  color: var(--coral);
  background-color: #fff;
}

.button-standard.google {
  border-color: var(--light-purple);
  background-color: var(--light-purple);
  border-radius: 40px;
  margin-right: 0;
}

.button-standard.google:hover {
  background-color: var(--white);
  color: var(--light-purple);
}

.features-section.hide {
  display: none;
}

.paragraph-mobile {
  font-weight: 400;
  line-height: 24px;
  display: none;
}

.paragraph-test {
  display: none;
}

.slide-feature-2 {
  margin-right: 40px;
}

.content-grid {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto auto auto;
  height: auto;
}

.content-grid.seo {
  flex: 0 auto;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  align-self: stretch;
}

.content-grid.seo._2 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex: 0 auto;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-self: stretch;
  margin-top: 0;
  display: grid;
}

.margin-bottom-08 {
  margin-bottom: 8px;
}

.margin-bottom-08.text-weight-medium {
  font-weight: 500;
}

.content-icon-square {
  color: #4255bd;
  background-color: #f4f5fb;
  border: 1px solid #b3bbe5;
  border-radius: 14px;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  display: flex;
}

.margin-bottom-32 {
  margin-bottom: 12px;
}

.content-icon-red {
  background-color: #fef1f1;
  border: 1px solid #f5a3a3;
  border-radius: 14px;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  display: flex;
}

.content-icon-large {
  color: var(--light-sea-green);
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  display: flex;
}

.content-icon-green {
  border: 1px solid #b3e5c3;
  border-radius: 14px;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  display: flex;
}

.content-icon-gray {
  background-color: #f7f7f7;
  border: 1px solid #e6e6e6;
  border-radius: 14px;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  display: flex;
}

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

.content-card {
  color: #1a1a1a;
  border-radius: 20px;
  flex-direction: column;
  align-items: flex-start;
  padding: 24px;
  display: flex;
}

.content-card.content-green {
  background-color: #f4fbf6;
}

.content-card.content-blue {
  background-color: #f4f5fb;
  align-self: stretch;
}

.content-card.content-yellow {
  background-color: #fffcf0;
  align-self: stretch;
}

.content-card.seo {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: var(--white);
  border-radius: 16px;
  padding: 16px;
}

.image-cover {
  aspect-ratio: auto;
  object-fit: cover;
  width: 100%;
  height: auto;
  overflow: hidden;
}

.image-cover.inside {
  aspect-ratio: auto;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.sub-heading-regular {
  text-align: left;
  letter-spacing: -.03em;
  font-size: 20px;
  line-height: 32px;
}

.content-icon-yellow {
  background-color: #fffcf0;
  border: 1px solid #fcec9c;
  border-radius: 14px;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  display: flex;
}

.content-image {
  border: 1px solid #e6e6e6;
  border-radius: 16px;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.shape-wrapper {
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
  display: flex;
}

.line-break {
  border-style: solid;
  border-width: 2px 2px 1px;
  border-color: var(--light-purple-2);
  outline-offset: 0px;
  outline: 3px #09004c;
  width: 100%;
  height: 2px;
}

.process-block {
  grid-row-gap: 8px;
  text-align: center;
  border-radius: 30px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
}

.process-container {
  max-width: 1260px;
  margin-left: auto;
  margin-right: auto;
}

.number-large {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 80px;
  font-weight: 600;
  line-height: 80px;
  position: static;
  top: -24px;
}

.number-large.purple {
  color: var(--light-purple);
}

.number-large.pink {
  color: var(--deep-pink);
}

.number-large.yellow {
  color: var(--gold);
}

.number-large.blue {
  color: var(--deep-sky-blue);
}

.process-grid {
  grid-column-gap: 14px;
  grid-row-gap: 100px;
  grid-template-rows: auto;
  grid-template-columns: 1fr .25fr 1fr .25fr 1fr .25fr 1fr;
  align-items: start;
}

.process-grid.coperate {
  align-items: start;
  margin-top: 100px;
  margin-bottom: 60px;
}

.process-section {
  background-color: var(--lavender);
  color: var(--black);
  padding: 80px 5%;
}

.process-section.vdo-production {
  background-color: var(--black);
  display: block;
}

.process-section.white {
  background-color: var(--white);
}

.process-section.trans {
  background-color: #0000;
}

.paragraph-center {
  color: var(--gray-purple);
  font-family: IBM Plex Sans Thai, sans-serif;
  line-height: 150%;
}

.paragraph-center.small.txt {
  font-size: 16px;
}

.div-block-28 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.image-banner-ex {
  text-align: center;
  border-radius: 12px;
  width: 100%;
  max-width: none;
  height: 100%;
  display: block;
}

.section-header-3 {
  align-items: center;
  padding: 0 0% 60px;
  display: flex;
  position: relative;
}

.header-image {
  border-radius: 16px;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  height: 464px;
  display: flex;
  position: relative;
}

.header-image.personalbrand {
  width: auto;
  height: auto;
  padding-left: 40px;
}

.header-image.ci {
  height: auto;
}

.header-card-title {
  color: #07090d;
  justify-content: space-between;
  margin-bottom: 24px;
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
  display: flex;
}

.header-grid {
  grid-column-gap: 72px;
  grid-row-gap: 80px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.1fr;
  align-items: center;
  width: 100%;
}

.header-icon-wrapper {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  color: #07090d;
  flex-wrap: wrap;
  align-items: center;
  font-size: 32px;
  font-weight: 700;
  line-height: 40px;
  display: flex;
}

.header-image-graphic {
  object-fit: cover;
  border-radius: 16px;
  width: 90%;
  max-width: none;
  height: 90%;
  padding-left: 20px;
}

.header-card {
  box-shadow: 3px 3px 24px -2px var(--shadow);
  background-color: #fff;
  border: 1px solid #edeff2;
  border-radius: 16px;
  width: 100%;
  max-width: 304px;
  padding: 24px;
  position: absolute;
  inset: auto auto 25% 3%;
  overflow: hidden;
}

.header-icon {
  color: #acb4c3;
  justify-content: center;
  align-items: center;
  display: flex;
}

.header-wrapper {
  padding-bottom: 20px;
}

.header-wrapper.gloss {
  padding-bottom: 100px;
}

.header-icon-block {
  background-color: var(--light-purple);
  color: #fff;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  width: 48px;
  min-width: 48px;
  height: 48px;
  min-height: 48px;
  display: flex;
}

.div-block-29 {
  padding-bottom: 40px;
}

.text-block-13 {
  color: var(--gray-purple);
}

.text-block-14 {
  color: var(--light-purple);
  font-size: 40px;
}

.menu-list {
  margin-top: 0;
  padding-top: 0;
}

.works-category-badge {
  color: var(--light-purple);
  text-align: left;
  letter-spacing: .02em;
  white-space: normal;
  border: 1px solid #7f67f580;
  border-radius: 6px;
  padding: 4px 12px 2px;
  font-size: 14px;
  line-height: 125%;
  display: inline-block;
}

.works-detail-wrapper {
  grid-row-gap: 4px;
  flex-direction: column;
  align-items: flex-start;
  padding-top: 16px;
  display: flex;
}

.works-detail-wrapper.new {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  padding: 16px;
}

.head48x {
  text-align: center;
  margin-top: 0;
  margin-bottom: 20px;
  padding-top: 0;
  padding-bottom: 0;
  font-family: IBM Plex Sans Thai, sans-serif;
  font-size: 36px;
  font-weight: 700;
  line-height: 44px;
}

.head48x.center {
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
}

.head48x.left {
  text-align: left;
  margin-bottom: 0;
}

.head48x.left.h3 {
  align-self: flex-start;
}

.head48x.left.h3.purple {
  color: var(--light-purple);
}

.head48x.left.glos {
  margin-bottom: 0;
  font-size: 48px;
}

.head48x.h3.ci {
  text-align: left;
  margin-bottom: 0;
}

.section-cta {
  background-color: #0000;
  background-image: url("https://cdn.prod.website-files.com/6283588ec72f397a40c51dba/6303241024ba58e17233bc9e_bgmm.png");
  background-position: 0 0;
  background-size: cover;
  padding-top: 100px;
  padding-bottom: 100px;
}

.head68px {
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 0;
  font-family: IBM Plex Sans Thai, sans-serif;
  font-size: 68px;
  line-height: 72px;
}

.head68px.th {
  font-family: IBM Plex Sans Thai, sans-serif;
  font-size: 50px;
  line-height: 1.1;
}

.head68px.center {
  text-align: center;
  padding-bottom: 20px;
}

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

.section-works.blue {
  background-color: var(--light-blue);
  padding-top: 80px;
  padding-bottom: 80px;
}

.section-works.white {
  background-color: #fff;
  border-radius: 16px;
}

.section-header {
  background-color: var(--white);
  padding-top: 200px;
  padding-bottom: 40px;
}

.section-header.blue {
  background-color: var(--light-blue);
  width: auto;
  padding-top: 200px;
  padding-bottom: 80px;
}

.section-header.blue.webflow {
  background-image: url("https://cdn.prod.website-files.com/6283588ec72f397a40c51dba/6310341062ead982d3ca7ab5_BG%20cover.png");
  background-position: 50%;
  background-size: cover;
  overflow: visible;
}

.section-header.blog {
  padding-top: 140px;
}

.section-header.gradient {
  background-image: linear-gradient(#fff, #e8f1ff);
  padding-top: 140px;
  padding-bottom: 500px;
  position: relative;
  overflow: hidden;
}

.section-header.trans {
  background-color: #0000;
  padding-top: 140px;
}

.section-header.center {
  background-color: #0000;
}

.section-header.center._100vh {
  display: block;
}

.blog-detail-wrapper {
  grid-row-gap: 8px;
  flex-direction: column;
  padding-top: 8px;
  display: flex;
}

.section-blog-recomended {
  background-color: var(--white);
  padding-top: 80px;
  padding-bottom: 80px;
}

.container900 {
  max-width: 1200px;
  display: block;
  overflow: visible;
}

.section-blog-post {
  padding-top: 60px;
  padding-bottom: 100px;
  display: block;
}

.about-detail-wrapper {
  padding-bottom: 40px;
}

.field-lebel {
  color: var(--dark-purple);
  margin-bottom: 0;
  font-weight: 500;
}

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

.text18px {
  margin-bottom: 0;
  font-size: 18px;
  line-height: 150%;
}

.text18px.gray {
  color: var(--link);
}

.text18px.center {
  color: var(--link);
  text-align: center;
}

.text18px.footer {
  color: #706b96;
  padding-top: 4px;
  padding-bottom: 4px;
  font-size: 16px;
  transition: all .25s;
}

.text18px.footer:hover {
  color: #a8a1db;
  transform: translate(0, -2px);
}

.text18px.footer.pro {
  color: var(--white);
}

.header-with-button {
  grid-row-gap: 32px;
  text-align: left;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.text14px {
  color: var(--gray-purple);
  text-align: left;
  font-family: IBM Plex Sans Thai, sans-serif;
  font-size: 14px;
  line-height: 150%;
}

.text14px.gray {
  color: #ebf2ffcc;
  font-size: 16px;
}

.text14px.gray.detail {
  margin-bottom: 0;
  font-weight: 400;
}

.cta-button-wrap {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  text-align: center;
  flex-direction: row;
  justify-content: center;
  align-items: flex-end;
  margin-left: auto;
  margin-right: auto;
  padding-top: 24px;
  display: flex;
}

.cta-button-wrap.left {
  text-align: left;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-end;
  margin-left: 0;
  margin-right: 0;
}

.cta-button-wrap.left.hidden {
  display: none;
}

.cta-button-wrap.float {
  margin-top: -128px;
}

.cta-button-wrap.service {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-right: 0;
  padding-top: 0;
}

.cta-button-wrap.service.sticky {
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  position: sticky;
  bottom: 64px;
}

.image-33 {
  height: 32px;
}

.mega-wrap {
  flex: 1;
}

.text-block-15 {
  text-decoration: none;
}

.link-block-6 {
  padding: 24px;
  display: none;
}

.head-24-padding {
  padding-bottom: 24px;
}

.paragraph-wrapper {
  grid-row-gap: 16px;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.social-wrapper {
  flex-direction: row;
  padding-top: 10px;
}

.social-wrapper.new {
  grid-row-gap: 8px;
  flex-direction: column;
  align-items: flex-start;
}

.social-content-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.mega-head-wrap {
  border-bottom: 0px solid var(--new--light);
  color: var(--gray-purple);
  justify-content: space-between;
  margin-top: 0;
  margin-bottom: 0;
  padding: 0;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  text-decoration: none;
  display: flex;
}

.navigation-link-icon {
  grid-column-gap: 44px;
  border-bottom: 1px solid var(--light-purple-2);
  color: var(--gray-purple);
  text-align: left;
  border-radius: 0;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-bottom: 8px;
  padding: 8px;
  text-decoration: none;
  transition: background-color .3s;
  display: flex;
}

.navigation-link-icon:hover {
  color: var(--new--light);
  background-color: #0000;
}

.navigation-link-icon.w--current {
  padding-left: 0;
  padding-right: 20px;
}

.navigation-arrow {
  color: #6b7094;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  transition: color .2s;
  display: flex;
}

.navigation-icon-wrapper {
  grid-column-gap: 16px;
  align-items: center;
  display: flex;
}

.section-showcase {
  background-color: var(--gray--bg);
  padding-top: 60px;
  padding-bottom: 60px;
  position: relative;
  overflow: hidden;
}

.logo-column {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #0000;
  border-radius: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: stretch stretch;
  padding-top: 0;
  padding-bottom: 0;
  display: grid;
  overflow: hidden;
}

.logo-column.custom {
  grid-column-gap: 0px;
  grid-row-gap: 120px;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  padding-top: 20px;
  padding-bottom: 100px;
  display: flex;
}

.div-block-30 {
  border-radius: 0;
}

.div-block-30.corporate {
  grid-row-gap: 16px;
  flex-direction: column;
  display: flex;
}

.div-block-30.top-padding {
  perspective: 2000px;
  padding-top: 128px;
}

.div-block-30.top-padding.animation {
  position: relative;
}

.div-block-30.bottom-padding {
  perspective: 2000px;
  padding-bottom: 128px;
}

.div-block-30.bottom-padding.animation {
  perspective: 2000px;
  position: relative;
}

.image-34 {
  border-radius: 16px;
  width: 100%;
  display: block;
  overflow: hidden;
  box-shadow: 0 0 20px #0000001a;
}

.image-34.wordpress {
  margin-top: 128px;
}

.div-block-31 {
  grid-column-gap: 72px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: block;
}

.header-image-block {
  background-color: #f4f4f6;
  border: 0 solid #ececee;
  border-radius: 0;
  height: 400px;
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 0;
  display: block;
  position: relative;
  overflow: hidden;
}

.header-image-top {
  background-color: var(--dark-purple);
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

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

.header-column {
  color: #1e1e20;
  border: 0 solid #ececee;
  border-radius: 0;
  flex-flow: column;
  justify-content: space-between;
  padding: 0;
  text-decoration: none;
  transition: all .3s;
  display: block;
}

.header-column:hover {
  box-shadow: none;
  border-color: #d1d1d6;
}

.back-to-top-button {
  z-index: 999;
  color: var(--white);
  padding: 0;
  transition: all .2s;
  position: fixed;
  inset: auto 8px 64px auto;
  overflow: hidden;
}

.back-to-top-button:hover {
  opacity: .9;
}

.back-to-top-button.w--current {
  right: 8px;
}

.back-to-top-arrow {
  color: var(--white);
}

.haed68px {
  text-align: left;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 48px;
  font-weight: 700;
  line-height: 60px;
}

.logo-wrapper {
  grid-column-gap: 8px;
  flex-direction: row;
  display: flex;
}

.logo-showcase-50 {
  max-width: 50%;
}

.seo-subheading, .seo-subheading.th {
  text-align: left;
  font-family: IBM Plex Sans Thai, sans-serif;
  font-size: 20px;
}

.heading-18 {
  text-align: center;
  font-size: 20px;
}

.image-35, .image-36, .image-37, .image-38 {
  margin-bottom: 20px;
}

.webflow-showcase-wrapper {
  grid-column-gap: 24px;
  align-items: stretch;
  width: 100%;
  height: 244px;
  display: none;
}

.showcase-wrapper {
  width: auto;
  height: 244px;
}

.image-40 {
  border-radius: 8px;
  width: auto;
  max-width: none;
  height: 244px;
}

.marquee-wrapper {
  width: 100%;
  height: 244px;
  position: static;
  overflow: visible;
}

.marquee-track {
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: absolute;
}

.marquee-list {
  grid-column-gap: 24px;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: stretch;
  margin-right: 24px;
  display: flex;
}

.partner-logo {
  background-color: #0000;
  width: auto;
  margin-left: 0;
  margin-right: 0;
}

.div-block-33 {
  grid-row-gap: 24px;
  flex-direction: column;
  display: flex;
}

.div-block-34, .wrapper-header {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.webflow-card {
  perspective: 2000px;
  padding: 40px 0 0;
}

.webflow-card.card {
  background-color: var(--white);
  border-radius: 16px;
  padding: 24px;
  box-shadow: 3px 3px 24px -16px #6165a814;
}

.section-16 {
  background-color: var(--gray--bg);
  padding-top: 60px;
  padding-bottom: 60px;
}

.heading-card {
  font-size: 48px;
  line-height: 64px;
}

.grid-5 {
  perspective: 2000px;
}

.image-41 {
  border-radius: 12px;
  width: 100%;
  max-width: none;
}

.div-block-35 {
  margin-top: 60px;
  display: flex;
}

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

.wrapper {
  display: block;
}

.div-block-38 {
  margin-bottom: 40px;
  padding-left: 100px;
  padding-right: 100px;
}

.link-7 {
  font-size: 16px;
  font-weight: 700;
}

.heading-faq {
  font-size: 20px;
}

.heading-faq.faq-section {
  background-color: #0000;
  padding-top: 0;
  padding-bottom: 0;
}

.list {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 0;
}

.text-span-3 {
  color: var(--dark-purple);
  font-style: italic;
  font-weight: 700;
}

.text-span-4 {
  font-style: italic;
  font-weight: 700;
}

.seo-faq-list-item {
  color: var(--dark-purple);
  margin-bottom: 0;
  line-height: 24px;
}

.text-span-5 {
  font-style: italic;
  font-weight: 700;
}

.link-11 {
  font-size: 16px;
  font-weight: 700;
}

.image-43 {
  width: 100%;
}

.html-embed-2 {
  width: 100%;
  height: 100%;
  display: block;
}

.nav-h2-wrapper {
  position: relative;
  top: 20px;
}

.nav-h3-wrapper {
  padding-left: 20px;
  position: relative;
}

.link-block-7, .link-block-8 {
  color: var(--link);
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 16px;
  position: static;
  top: 20px;
}

.blog-content {
  width: 100%;
  margin-top: 20px;
  margin-left: 0;
  position: relative;
}

.heading-22 {
  margin-bottom: 20px;
  font-size: 20px;
  position: static;
  top: 20px;
}

.all-content {
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.image-or-lottie {
  text-align: center;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
  display: block;
}

.table-of-content {
  border-right: 2px none var(--link);
  object-fit: fill;
  flex: 1;
  max-width: none;
  margin-top: 0;
  margin-left: 0;
  margin-right: 10px;
  padding-top: 60px;
  padding-bottom: 60px;
  position: sticky;
  top: 20px;
  overflow: visible;
}

.columns {
  margin-left: 10px;
  margin-right: 10px;
}

.column {
  position: sticky;
  top: 20px;
}

.heading-23 {
  text-align: center;
  margin-top: 0;
  margin-bottom: 40px;
  padding-top: 20px;
  padding-bottom: 20px;
  font-size: 32px;
}

.heading-23.seo-h4 {
  text-align: center;
  margin-bottom: 0;
  padding-top: 40px;
  padding-bottom: 0;
  font-family: IBM Plex Sans Thai, sans-serif;
  font-size: 32px;
  line-height: 2;
}

.heading-23.seo-h3 {
  font-family: IBM Plex Sans Thai, sans-serif;
}

.heading-23.seo-h3.left {
  text-align: left;
}

.heading-25 {
  color: var(--light-purple);
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 40px;
  padding-bottom: 40px;
  font-size: 36px;
}

.seo-link {
  color: var(--light-purple);
  text-align: left;
  font-family: IBM Plex Sans Thai, sans-serif;
  font-size: 16px;
}

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

.m-section-large {
  background-color: var(--gray--bg);
  color: #fff;
  padding: 100px 20px;
}

.m-container-regular {
  width: 100%;
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.m-margin-bottom-32 {
  margin-bottom: 32px;
}

.m-margin-bottom-80 {
  margin-bottom: 80px;
}

.m-image-contain {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.m-h4-heading {
  color: var(--dark-purple);
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: IBM Plex Sans Thai, sans-serif;
  font-size: 36px;
  font-weight: 600;
  line-height: 1.3;
}

.m-content-grid {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  grid-template-rows: auto;
  grid-template-columns: 1fr .7fr;
}

.m-paragraph-large {
  letter-spacing: -.02em;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.6;
}

.m-paragraph-large.m-text-color-gray-300 {
  color: var(--gray-purple);
  font-family: IBM Plex Sans Thai, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 2;
}

.m-content-header-wrapper {
  text-align: left;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 570px;
  display: flex;
}

.text-span-6 {
  color: var(--light-purple);
}

.div-link {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border: 1px #000;
  grid-template-rows: auto auto auto auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-content: center;
  place-items: stretch baseline;
  padding-left: 0;
  padding-right: 0;
  display: grid;
}

.div-block-43 {
  margin-top: 0;
}

.image-45 {
  max-width: 100vh;
}

.flex {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  max-width: none;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  display: grid;
  overflow: visible;
}

.seo-div-right {
  flex: 0 auto;
  min-width: auto;
  max-width: none;
  padding-left: 20px;
  display: block;
}

.seo-div-right._1 {
  flex: 0 auto;
  padding-left: 20px;
}

.seo-div-left {
  flex-direction: row;
  order: 0;
  justify-content: center;
  align-items: center;
  min-width: auto;
  max-width: none;
  display: block;
}

.seo-div-left.what-is-seo {
  min-width: auto;
  max-width: none;
}

.seo-div-left._1 {
  padding-right: 20px;
}

.image-paragraph {
  width: 760px;
  padding-top: 24px;
}

.image-paragraph.align-center, .lottie-animation-3.new-seo {
  align-self: center;
}

.content-d {
  background-color: var(--light-blue);
  padding-top: 40px;
  padding-bottom: 60px;
}

.div-block-46 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  align-self: center;
  align-items: center;
  display: flex;
}

.heading-26 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.25;
}

.link-19 {
  font-size: 16px;
  text-decoration: none;
}

.bold-text {
  color: var(--light-purple);
}

.image-48 {
  padding-top: 40px;
  padding-bottom: 40px;
}

.div-grid {
  grid-column-gap: 60px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
}

.div-grid.align-stretch {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  align-items: stretch;
}

.div-grid._3-cards {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: stretch;
  display: grid;
}

.div-grid._3-cards.hide {
  display: none;
}

.div-grid.blogs {
  grid-column-gap: 24px;
  grid-template-columns: 1fr 1.25fr;
  align-items: start;
}

.div-grid._2-grid {
  grid-column-gap: 24px;
  grid-row-gap: 23px;
  grid-template-columns: 1fr 1fr;
}

.div-grid._2-grid.about {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
}

.div-grid._2-grid.follow {
  flex: 1;
  align-self: stretch;
  align-items: start;
}

.div-grid.new-seo {
  grid-template-columns: 1fr;
}

.div-grid.new-seo.card {
  grid-column-gap: 48px;
  background-color: var(--gray--bg);
  border-radius: 16px;
  grid-template-columns: 1fr;
  padding: 16px;
}

.div-grid.seo {
  grid-column-gap: 24px;
  flex-flow: column;
  display: flex;
}

.div-grid.service-seo {
  grid-column-gap: 24px;
  grid-template-columns: .5fr 1fr;
}

.div-grid.seo-service {
  grid-column-gap: 24px;
  grid-template-columns: .5fr 1.25fr;
  align-self: stretch;
}

.div-grid._3-column {
  grid-column-gap: 24px;
  grid-template-columns: 1fr 1fr 1fr;
  place-items: start stretch;
}

.image-ci {
  object-fit: cover;
  border-radius: 12px;
  height: 280px;
}

.image-49 {
  padding-bottom: 32px;
}

.link-20, .link-21 {
  font-size: 16px;
}

.bold-text-2 {
  color: var(--light-purple);
}

.text-span-7 {
  color: var(--light-purple);
  text-decoration: underline;
}

.link-22, .link-23 {
  color: var(--light-purple);
  font-size: 16px;
}

.link-24 {
  color: var(--light-purple);
  font-size: 14px;
}

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

.bold-text-4, .bold-text-5, .bold-text-6, .bold-text-7 {
  font-family: IBM Plex Sans Thai, sans-serif;
}

.video-heading {
  text-align: center;
  flex-direction: row;
  align-items: center;
  height: 490px;
  display: flex;
  position: relative;
}

.image-51 {
  z-index: 1;
  height: 490px;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: 0%;
}

.video-head-section {
  background-color: var(--black);
  padding-top: 140px;
  padding-bottom: 100px;
}

.head60 {
  z-index: 2;
  color: #fff;
  font-family: IBM Plex Sans Thai, sans-serif;
  font-size: 60px;
  line-height: 125%;
  position: relative;
}

.container-801 {
  background-color: #0000;
  padding-top: 0;
  padding-bottom: 0;
}

.scroll-down {
  text-align: center;
  padding-top: 40px;
}

.image-52 {
  height: 44px;
}

.video-div {
  grid-column-gap: 80px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-top: 0;
  padding-bottom: 140px;
  display: grid;
}

.production-section {
  background-color: var(--black);
  padding-top: 60px;
  padding-bottom: 0;
}

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

._4-grid.deco {
  margin-top: 0;
  padding-bottom: 80px;
}

._4-grid.ci {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

._2-grid {
  grid-column-gap: 80px;
  grid-row-gap: 16px;
  flex-direction: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
  position: relative;
}

._2-grid.align {
  grid-column-gap: 80px;
  align-items: center;
}

._2-grid.align._4-grid {
  grid-column-gap: 80px;
  grid-template-rows: auto auto auto;
}

._2-grid.more-gap {
  grid-row-gap: 60px;
}

._2-grid.small-left {
  grid-template-columns: .75fr 1.25fr;
  place-items: stretch stretch;
  overflow: visible;
}

.type-section {
  background-color: var(--black);
  padding-top: 140px;
  padding-bottom: 140px;
  display: none;
}

.card-wrapper {
  grid-row-gap: 40px;
  flex-direction: column;
  display: flex;
}

.white-card-video {
  grid-row-gap: 16px;
  background-color: #fafaff1a;
  flex-direction: column;
  padding: 24px;
  display: flex;
}

.h3-24px {
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 600;
}

.h3-24px.white {
  color: var(--light-blue);
}

.left-box {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: sticky;
  top: 60px;
  bottom: 140px;
}

.wrapper-2 {
  padding-top: 0;
  padding-left: 0;
}

.accordion-item {
  border-bottom: 1px solid #cbd3e7;
  width: 100%;
  overflow: hidden;
}

.accordion-toggle {
  color: #09004c;
  cursor: pointer;
  flex-direction: row;
  align-items: center;
  height: 80px;
  padding-left: 0;
  padding-right: 24px;
  font-size: 18px;
  font-weight: 600;
  display: flex;
}

.accordion-icon {
  color: var(--gray--bg);
}

.dropdown-list {
  background-color: #0000;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 24px;
  display: block;
  position: static;
}

.accordion-answer {
  color: #fafaffcc;
  background-color: #0000;
  padding-top: 24px;
  padding-bottom: 24px;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
}

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

._3-grid {
  grid-column-gap: 24px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-top: 40px;
  padding-bottom: 40px;
  display: grid;
}

.process-card {
  grid-row-gap: 24px;
  flex-direction: column;
  display: flex;
}

.tip-box {
  grid-column-gap: 40px;
  grid-row-gap: 24px;
  background-color: #fafaff1a;
  justify-content: space-between;
  align-items: center;
  padding: 24px;
  display: flex;
}

.bold-text-8 {
  font-weight: 400;
}

.video-work-section {
  background-color: var(--black);
  padding-top: 60px;
  padding-bottom: 220px;
  display: none;
}

.video-wrapper {
  grid-row-gap: 60px;
  flex-direction: column;
  order: 0;
  justify-content: flex-start;
  align-self: auto;
  display: flex;
}

.image-process {
  height: 166px;
}

.glossary-grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
  position: relative;
}

.glossary-menu {
  background-color: #0000;
  padding-top: 28px;
  position: sticky;
  top: 10px;
}

.glossary-link-menu {
  color: var(--gray-purple);
  padding: 10px 0 10px 10px;
  font-size: 16px;
  text-decoration: none;
  display: block;
}

.glossary-content {
  grid-row-gap: 24px;
  background-color: var(--white);
  flex-direction: column;
  padding: 60px;
  display: flex;
}

.glossary-main-section {
  background-color: var(--gray--bg);
  padding-top: 120px;
  padding-bottom: 140px;
}

.breadcrumb {
  grid-column-gap: 6px;
  padding-bottom: 10px;
  display: flex;
}

.breadcrumb-link {
  color: var(--light-purple);
  font-size: 14px;
  text-decoration: none;
}

.rich-text-block-3 {
  color: var(--gray-purple);
  line-height: 28px;
}

.glosary-head {
  background-color: var(--gray--bg);
  background-image: linear-gradient(to bottom, var(--lavender), transparent 21%);
  padding-top: 200px;
  padding-bottom: 140px;
}

.glossary-cms {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.glossary-card-name {
  color: var(--dark-purple);
  font-size: 24px;
  font-weight: 500;
  text-decoration: none;
}

.glossary-card {
  grid-column-gap: 24px;
  background-color: var(--white);
  border-radius: 16px;
  align-items: center;
  padding: 16px;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.glossary-card:hover {
  transform: scale(1.03);
}

.glossary-thumb-image {
  object-fit: cover;
  border-radius: 8px;
  width: 30%;
  height: auto;
}

.gloss-card-con {
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: center;
  display: flex;
}

.blog-feature {
  background-color: var(--white);
  padding-top: 80px;
  padding-bottom: 100px;
}

.blog-feat {
  padding-top: 20px;
}

.div-block-47 {
  flex-direction: column;
  display: flex;
}

.menu {
  color: var(--light-purple);
  padding-bottom: 16px;
  font-size: 18px;
  font-weight: 500;
  text-decoration: none;
}

.link-26, .link-27 {
  font-size: 16px;
}

.video-list {
  grid-column-gap: 24px;
  grid-row-gap: 60px;
  flex-direction: row;
  grid-template: "Area"
                 "."
                 / 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: stretch;
  display: grid;
}

.video-list.category {
  grid-column-gap: 24px;
  grid-template-rows: auto;
  margin-bottom: 40px;
}

.video {
  min-height: auto;
}

.heading-27 {
  color: var(--gray--bg);
  font-size: 24px;
  font-weight: 500;
  line-height: 125%;
}

.dropdown-glos {
  display: none;
}

.button-and-scroll {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 40px;
  display: flex;
}

.link-block-10 {
  margin-top: 20px;
}

.p1 {
  color: var(--white);
  font-family: IBM Plex Sans Thai, sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 32px;
}

.p1.center {
  text-align: center;
  margin-bottom: 20px;
}

.p1.gray {
  color: #ebf2ffcc;
}

.div-block-50 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-bottom: 20px;
  display: flex;
}

.div-p {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

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

.video-pro-section {
  background-color: var(--black);
  padding-top: 40px;
  padding-bottom: 40px;
}

.video-pro-section.process {
  padding-top: 60px;
}

.video-pro-section.vdo-production {
  display: none;
}

.center {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  margin-top: 40px;
  margin-bottom: 40px;
  padding-top: 0;
  display: flex;
}

.list {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  margin-top: 60px;
  margin-bottom: 0;
  display: grid;
}

.video-category {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 60px;
  margin-bottom: 40px;
  display: flex;
}

.crew-list {
  grid-column-gap: 16px;
  grid-template-columns: 1fr 1fr 1fr;
}

.crew-card {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-color: #fafaff1a;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding: 24px;
  display: flex;
}

.crew-pic {
  background-color: var(--white);
  width: 100%;
  padding-top: 60%;
}

.crew-pbox {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.h4 {
  color: var(--white);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 600;
  line-height: 150%;
}

.dropdown-list-4-test {
  background-color: var(--gray--bg);
  inset: 0% 0% auto;
  box-shadow: 0 1px 6px #00022d3b;
}

.dropdown-list-4-test.w--open {
  z-index: 999;
  box-shadow: none;
  outline-offset: 0px;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
  outline: 3px #09004c;
  display: block;
  inset: 100% 0% auto;
  overflow: scroll;
}

.test, .modalmenu, .modalbutton {
  display: none;
}

.test-section {
  background-color: var(--black);
  width: auto;
  height: 500px;
  padding-top: 134px;
}

.test-section._1 {
  background-color: var(--coral);
}

.test-section._2 {
  background-color: var(--white);
}

.image-wrapper-16-9 {
  padding-top: 56.25%;
  position: relative;
}

.center-h4 {
  align-items: flex-start;
  height: 140px;
  padding-top: 0;
  padding-bottom: 24px;
  display: flex;
}

.blog---keytakeaway {
  color: var(--light-purple);
  margin-bottom: 40px;
  font-size: 18px;
  font-weight: 500;
  line-height: 36px;
}

.section {
  z-index: 0;
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  align-items: stretch;
  padding-top: 40px;
  padding-bottom: 40px;
  display: block;
  position: relative;
  overflow: visible;
}

.section.color-bg {
  background-color: var(--light-blue);
  padding-top: 40px;
  padding-bottom: 40px;
}

.section.color-bg.blue {
  background-color: var(--light-blue);
}

.section.color-bg.gray {
  background-color: var(--gray--bg);
}

.section.header.color-bg.blue {
  padding-top: 100px;
}

.section.header.branding {
  z-index: 1;
  height: 100vh;
}

.section.header.motion-graphic {
  height: 100vh;
  padding-top: 128px;
  display: block;
}

.section.hero-card {
  margin-top: -50vh;
  position: relative;
  top: auto;
  overflow: hidden;
}

.section.hide {
  display: none;
}

.section.branding {
  overflow: visible;
}

.section._80px {
  padding-top: 80px;
  padding-bottom: 80px;
}

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

.section.ci-ingredients {
  padding-top: 0;
  padding-bottom: 0;
  position: static;
}

.section.purple-motion {
  background-color: var(--light-purple);
}

.section.purple-motion.fade {
  background-color: #0000;
  background-image: linear-gradient(180deg, var(--light-purple), white);
}

.container {
  z-index: 90;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  text-align: left;
  flex-direction: column;
  justify-content: flex-start;
  align-self: center;
  align-items: center;
  max-width: 1200px;
  padding: 24px;
  display: flex;
  position: relative;
}

.container.seo-list {
  max-width: 720px;
}

.container.slider {
  overflow: hidden;
}

.container.hero-video {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  padding: 0;
  overflow: hidden;
}

.container.home {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: stretch;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.container.home-card {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: var(--white);
  border-radius: 20px;
  align-items: flex-start;
  max-width: 1248px;
  padding: 80px 24px;
}

.container.home-card.cta {
  background-color: var(--black);
  background-image: url("https://cdn.prod.website-files.com/6283588ec72f397a40c51dba/646c948b5abf546bdb623ded_Ellipse%20117.svg");
  background-position: 0 0;
  background-size: cover;
  padding-top: 140px;
  padding-bottom: 140px;
  overflow: hidden;
}

.container.home-card.email-marketing {
  padding-left: 80px;
  padding-right: 80px;
}

.container.full {
  justify-content: center;
  align-items: center;
  height: 100%;
}

.container.seo {
  z-index: 0;
  overflow: hidden;
}

.div-content {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  height: 100%;
  display: flex;
}

.div-content.faq-card {
  background-color: var(--white);
  border-radius: 16px;
  padding: 48px 24px 24px;
}

.div-content.blogs {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-start;
  align-items: stretch;
  height: 100%;
}

.div-content.blogs.horizontal {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: space-between;
}

.div-content.blogs.content {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: space-between;
  align-items: flex-start;
}

.div-content.blogs.recommended {
  justify-content: space-between;
  padding-bottom: 0;
}

.div-content.blogs.image, .div-content.blogs.num {
  height: auto;
}

.div-content.home-card {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  align-self: stretch;
}

.div-content.home-card.cta {
  z-index: 1;
  color: var(--white);
  text-align: center;
  font-size: 68px;
  position: relative;
}

.div-content.home-works {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  transition: all .5s;
}

.div-content.home-works:hover {
  transform: translate(0, -6px);
}

.div-content.home-works.title {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  height: auto;
}

.div-content.home-works.title:hover {
  transform: none;
}

.div-content.home-works.hide {
  display: none;
}

.div-content.tags {
  grid-column-gap: 8px;
  grid-row-gap: 16px;
  flex-flow: wrap;
  flex: 1;
  place-content: flex-start flex-end;
  align-items: stretch;
}

.div-content.home-all-tags {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-top: 1px solid var(--gray-purple);
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  padding-top: 80px;
}

.div-content.all-tags {
  grid-column-gap: 16px;
  grid-row-gap: 20px;
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  padding-left: 16px;
  padding-right: 16px;
}

.div-content.home {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  align-self: stretch;
}

.div-content.home.services {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
}

.div-content.service-card {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: #fff;
  height: auto;
  padding: 0;
  transition-property: none;
}

.div-content.service-card:hover {
  box-shadow: none;
}

.div-content.about {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
}

.div-content.cards {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #fff;
  border-radius: 16px;
  padding: 24px;
}

.div-content.cards.blue {
  background-color: var(--gray--bg);
  flex-direction: row;
}

.div-content.cards.blue.vertical {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: column;
  justify-content: flex-start;
}

.div-content.cards.title {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: #fff0;
  justify-content: space-between;
  height: 100%;
  padding: 0;
}

.div-content.padding {
  padding-left: 140px;
  padding-right: 140px;
}

.div-content.padding.center {
  justify-content: flex-start;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 120px;
  padding-right: 120px;
}

.div-content.top {
  justify-content: flex-start;
}

.div-content.brand {
  grid-row-gap: 24px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  position: relative;
}

.div-content.follow {
  justify-content: flex-start;
  align-items: stretch;
}

.div-content.new-seo-image {
  overflow: hidden;
}

.div-content.seo-service {
  justify-content: flex-start;
  align-items: center;
}

.div-content.normal {
  height: auto;
}

.div-paragraph {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  display: flex;
}

.div-paragraph.blogs {
  padding: 0 16px;
}

.div-paragraph.blogs.date {
  padding-top: 0;
}

.div-paragraph.blogs.no-image {
  padding-left: 0;
  padding-right: 0;
}

.div-paragraph.home {
  grid-column-gap: 24px;
  grid-row-gap: 40px;
  align-items: center;
}

.div-paragraph._24px {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
}

.sub-heading {
  color: var(--light-purple);
  padding-left: 0;
  padding-right: 0;
  font-size: 24px;
  font-weight: 500;
  line-height: 32px;
  text-decoration: none;
  display: inline-block;
}

.heading-1.in-paragraph {
  margin-bottom: 16px;
}

.heading-2 {
  text-align: left;
  margin-bottom: 16px;
}

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

.heading-2.align-center.sub.italic {
  margin-bottom: 16px;
  font-size: 48px;
}

.heading-2.sub.italic {
  color: var(--light-purple);
}

.heading-2.header {
  margin-bottom: 48px;
}

.heading-2.header.align-center {
  font-size: 32px;
}

.paragraph-h {
  line-height: 32px;
}

.faq-list {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  margin-bottom: 0;
  display: flex;
}

.div-image {
  aspect-ratio: 16 / 9;
  object-fit: cover;
  border-radius: 16px;
  position: relative;
  overflow: hidden;
}

.div-image._16-9 {
  border: 1px solid var(--light-blue);
  object-fit: contain;
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 12px;
  width: 100%;
  height: auto;
  overflow: hidden;
}

.div-image._16-9.home {
  border-radius: 16px;
}

.div-image._1-1 {
  aspect-ratio: 1;
  background-image: none;
  width: 100%;
}

.div-image._1-1.custom {
  padding-top: 90%;
}

.div-image.about {
  width: 100%;
  height: auto;
  padding-top: 45.5%;
}

.div-image._16 {
  padding-top: 71.25%;
}

.link-banner {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-image: url("https://cdn.prod.website-files.com/6283588ec72f397a40c51dba/64019e90db92db1a9d6d3a6c_Desktop%20Banner.png");
  background-position: 50%;
  background-size: cover;
  border-radius: 16px;
  flex-direction: column;
  align-items: stretch;
  width: 100%;
  padding: 48px;
  transition: all .2s;
  display: block;
}

.link-banner:hover {
  transform: scale(1.01);
  box-shadow: 2px 1px 10px #0000001a;
}

.paragraph-11 {
  font-weight: 500;
}

.text-button {
  background-color: var(--light-purple);
  color: var(--white);
  border-radius: 99px;
  margin-top: 8px;
  padding: .75rem 2rem;
  font-size: 18px;
  font-weight: 500;
  display: inline-block;
}

.banner-content {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  align-items: flex-start;
  width: 60%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.div-header {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  display: flex;
}

.div-header.category {
  flex-direction: row;
  justify-content: space-between;
  display: flex;
}

.div-header.category.page {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: row;
  justify-content: flex-start;
}

.div-header.center {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
}

.div-header.center.ci {
  margin-top: 0;
  margin-bottom: 0;
}

.icon-line {
  width: 24px;
  height: 24px;
}

.cookie-modal_content-wrap {
  padding: 1.75rem 2rem;
}

.cookie-modal_content-wrap.is-small {
  padding: 1.5rem;
}

.cookie-modal_description {
  color: var(--gray-purple);
  font-size: 16px;
  line-height: 24px;
}

.cookie-modal_closebutton {
  z-index: 5;
  background-color: var(--light-blue);
  cursor: pointer;
  border-radius: 16px;
  justify-content: center;
  align-items: center;
  width: 2.5rem;
  height: 2.5rem;
  margin: 1.25rem 1.25rem -2.5rem auto;
  transition: background-color .2s cubic-bezier(.25, .46, .45, .94);
  display: flex;
  position: relative;
}

.cookie-modal_closebutton.is-sticky {
  position: sticky;
  top: -1rem;
}

.cookie-modal_button {
  background-color: var(--light-purple);
  color: #fff;
  text-align: center;
  border-radius: 99px;
  padding: 16px 24px;
  font-size: 16px;
  font-weight: 500;
  text-decoration: none;
  transition: color .2s cubic-bezier(.25, .46, .45, .94), background-color .2s cubic-bezier(.25, .46, .45, .94);
}

.cookie-modal_button:hover {
  background-color: #7f67f5d9;
}

.cookie-modal_button.is-secondary {
  color: #515750;
  background-color: #0000;
  padding-left: 0;
  padding-right: 0;
  font-size: .875rem;
  font-weight: 700;
}

.cookie-modal_button.is-secondary:hover {
  color: var(--light-purple);
  text-decoration: underline;
}

.cookie-modal_component {
  background-color: #fff;
  border-radius: 16px;
  flex-direction: column;
  max-width: 32rem;
  margin-left: auto;
  margin-right: auto;
  font-size: .9375rem;
  line-height: 1.4;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 4px 1rem #2629260d;
}

.screenreader-only {
  width: 1px;
  height: 1px;
  margin: -1px;
  position: absolute;
  overflow: hidden;
}

.cookie-modal_styles {
  display: none;
}

.cookie-modal_closebutton_line {
  background-color: #515750;
  width: 1rem;
  height: 2px;
  position: absolute;
}

.cookie-modal_closebutton_line.is-right {
  transform: rotate(-45deg);
}

.cookie-modal_closebutton_line.is-left {
  transform: rotate(45deg);
}

.cookie-modal_title {
  margin-bottom: .1875em;
  font-size: 1.25rem;
  font-weight: 700;
}

.cookie-modal_title.is-small {
  font-size: 20px;
  line-height: 28px;
}

.cookie-modal_button_text.whitetxt {
  color: var(--light-purple);
  font-size: 16px;
}

.cookie-modal_button_text.whitetxt:hover {
  text-decoration: underline;
}

.cookie-modal_button-wrap {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  background-color: #f3f7f2;
  border-radius: 0 0 .25rem .25rem;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  padding: 2rem;
  display: flex;
}

.cookie-modal_button-wrap.is-small {
  background-color: var(--light-blue);
  justify-content: flex-start;
  padding: 1.5rem;
}

.cookie-modal_button-wrap.in-pref-manger {
  background-color: var(--light-blue);
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  margin: 2rem -2rem -2.25rem;
  padding-top: 1.5rem;
  padding-bottom: 1rem;
}

.ck-cookie-w {
  z-index: 9500;
  border-radius: 16px;
  max-width: 25rem;
  display: none;
  position: fixed;
  inset: auto 1.25rem 1.25rem auto;
  overflow: hidden;
  box-shadow: 2px 4px 20px #6165a829;
}

.cookie-modal_link {
  color: var(--light-purple);
  font-weight: 500;
  transition: color .15s cubic-bezier(.25, .46, .45, .94);
}

.cookie-preference_component {
  z-index: 9525;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: none;
  position: fixed;
  inset: 0%;
}

.cookie-modal_radio_button {
  float: left;
  border: 1.75px solid var(--light-purple-2);
  border-radius: .375rem;
  width: 1.25rem;
  height: 1.25rem;
  margin-top: 0;
  margin-left: -1.75rem;
  transition: background-color .2s cubic-bezier(.25, .46, .45, .94);
}

.cookie-modal_radio_button.w--redirected-checked {
  background-color: var(--link);
  background-image: url("https://cdn.prod.website-files.com/6283588ec72f397a40c51dba/640952f2e7c9a7af59656865_radio__checkmark.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: .625rem;
  border: 1px solid #0000;
}

.cookie-modal_radio_button.w--redirected-focus {
  box-shadow: none;
}

.cookie-modal_radio_button.is-always-active {
  background-color: var(--link);
  cursor: not-allowed;
  background-image: url("https://cdn.prod.website-files.com/6283588ec72f397a40c51dba/640952f2e7c9a7af59656865_radio__checkmark.svg");
  background-position: 45%;
  background-repeat: no-repeat;
  background-size: .625rem;
  border-color: #0000;
}

.cookie-preference_wrapper {
  width: 100%;
  max-height: 100%;
  padding: 2rem;
  position: relative;
  overflow: auto;
}

.cookie-preference_background {
  opacity: 1;
  -webkit-backdrop-filter: blur(.5rem);
  backdrop-filter: blur(.5rem);
  cursor: pointer;
  background-color: #c5bed680;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.cookie-modal_radio_description {
  color: var(--gray-purple);
  cursor: pointer;
  font-size: .875rem;
  font-weight: 400;
}

.cookie-modal_radio_description.is--not-allowed {
  color: var(--gray-purple);
}

.cookie-modal_radio {
  cursor: pointer;
  margin-top: 1rem;
  margin-bottom: 0;
  padding-left: 1.75rem;
  transition: color .15s cubic-bezier(.25, .46, .45, .94);
}

.cookie-modal_radio.is--not-allowed {
  cursor: not-allowed;
}

.cookie-modal_form {
  padding-top: 1.25rem;
  padding-bottom: .5rem;
}

.cookie-modal_form-wrap {
  margin-bottom: 0;
}

.cookie-modal_radio_label {
  cursor: pointer;
  margin-bottom: .25rem;
  font-size: .9375rem;
  font-weight: 600;
}

.cookie-preference-button {
  z-index: 9475;
  color: #262926;
  border-radius: 16px;
  padding-left: 0;
  padding-right: 0;
  text-decoration: none;
  display: none;
  position: fixed;
  bottom: 8px;
  left: auto;
  right: 8px;
  overflow: hidden;
  box-shadow: 0 2px 20px #6165a829;
}

.cookie-preference-button:hover {
  text-decoration: underline;
}

.cookie-preference-button_flex {
  color: #262926;
  background-color: #fff;
  border-radius: 0;
  align-items: center;
  margin-bottom: 0;
  padding: 12px;
  font-size: .9375rem;
  font-weight: 700;
  line-height: 1;
  text-decoration: none;
  transition: margin-bottom .2s cubic-bezier(.25, .46, .45, .94);
  display: flex;
}

.cookie-preference-button_flex:hover {
  margin-bottom: 0;
  text-decoration: underline;
}

.cookie-preference-button_icon {
  flex: none;
  width: 1.125rem;
  height: 1.125rem;
  margin-right: .375rem;
}

.cookie-preference-button_text {
  color: var(--gray-purple);
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}

.cookie-preference-button_text:hover {
  text-decoration: underline;
}

.blogs-top-featured-wrapper {
  align-self: stretch;
  height: 100%;
}

.blogs-top-featured-list {
  flex-direction: row;
  justify-content: space-between;
  align-self: stretch;
  height: 100%;
}

.blog-cards {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: var(--white);
  border-radius: 16px;
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  align-self: stretch;
  height: 100%;
  padding-bottom: 16px;
  padding-left: 0;
  padding-right: 0;
  transition: all .2s;
  display: flex;
  overflow: hidden;
  box-shadow: 0 4px 20px #0000000d;
}

.blog-cards:hover {
  transform: scale(1.01);
}

.blog-cards.horizontal {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-radius: 0;
  flex-direction: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: stretch;
  display: grid;
}

.blog-cards.title-only {
  box-shadow: none;
  background-color: #0000;
  justify-content: flex-start;
  align-items: flex-start;
  height: 100%;
  padding-top: 16px;
  padding-bottom: 16px;
}

.blog-cards.main {
  background-color: var(--white);
  box-shadow: 0 4px 20px #0000000d;
}

.blog-cards.recommended {
  background-color: var(--white);
  justify-content: flex-start;
  align-items: stretch;
  box-shadow: 0 4px 20px #0000000d;
}

.blog-cards.transparent {
  box-shadow: none;
  background-color: #0000;
  border-radius: 0;
  padding-bottom: 0;
}

.blog-cards.transparent._2-3 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: .75fr 1.5fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.blog-cards.normal {
  box-shadow: none;
  background-color: #0000;
  padding-bottom: 0;
}

.cms-image {
  aspect-ratio: 16 / 9;
  text-align: left;
  object-fit: cover;
  object-position: 50% 50%;
  width: 100%;
  max-width: none;
  height: 100%;
  display: block;
  position: absolute;
  inset: 0%;
}

.cms-image.contain {
  object-fit: contain;
  height: auto;
}

.blogs-featured-wrapper {
  height: 100%;
}

.blogs-featured-list {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  height: 100%;
  display: flex;
}

.blogs-featured-list._4grid {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.blogs-featured-list.slice {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  background-color: var(--medium-slate-blue-hover);
}

.blog-date {
  color: var(--new--light);
}

.featured-blog {
  display: none;
}

.featured-blog.mobile {
  display: block;
}

.splide {
  width: 100%;
  position: relative;
}

.splide.slider1, .splide.hide {
  display: none;
}

.splide__track {
  width: 100%;
  margin-bottom: 24px;
}

.splide__list {
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.splide__slide {
  flex: none;
  align-self: auto;
  width: 100%;
  display: block;
}

.pagination_item {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-left: 0;
  display: inline-block;
}

.splide__pagination__page {
  background-color: var(--light-purple-2);
  opacity: .2;
  border-radius: 99px;
  width: 16px;
  height: 16px;
  margin-right: 0;
  transition: all .3s;
}

.splide__pagination__page.is-active {
  background-color: var(--light-purple);
  opacity: 1;
  border-radius: 99px;
  width: 16px;
  height: 16px;
  margin-left: 0;
}

.splide__pagination {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  text-align: center;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
  display: flex;
  position: relative;
  inset: auto 0% 0%;
}

.splide__arrows {
  justify-content: flex-start;
  align-items: stretch;
  display: none;
}

.splide__arrow {
  background-color: #0000;
  background-image: url("https://cdn.prod.website-files.com/6283588ec72f397a40c51dba/640ad2b7c8563306611b751a_arrow-right.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 30%;
  border: 1px solid #242022;
  border-radius: 100vw;
  width: 6em;
  height: 3em;
  margin-right: 1em;
  transition: all .2s;
}

.splide__arrow:hover {
  background-color: #3732350f;
}

.splide__arrow.splide__arrow--next:active {
  transform: scale(.95);
}

.splide__arrow.splide__arrow--prev {
  transform: rotate(-180deg);
}

.splide__arrow.splide__arrow--prev:active {
  transform: scale(.95)rotate(-180deg);
}

.blog-lists {
  height: 100%;
}

.blog-lists.slice {
  background-color: var(--gray--bg);
}

.blog-category-link {
  color: var(--dark);
  align-self: flex-end;
  transition: all .2s;
}

.blog-category-link:hover {
  color: var(--link);
  text-decoration: underline;
}

.blogs-grid {
  grid-column-gap: 24px;
  grid-row-gap: 40px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.paragraph-12 {
  display: none;
}

.blogs-card-heading {
  min-height: 56px;
  margin-top: 0;
  margin-bottom: 0;
  overflow: hidden;
}

.link-28 {
  text-decoration: underline;
}

.bold-text-10 {
  color: #09004c;
}

.collection-item-7 {
  width: 100%;
}

.heading-28 {
  font-size: 20px;
  line-height: 28px;
}

.div-center {
  grid-row-gap: 32px;
  flex-direction: column;
  align-items: center;
  width: 65%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.head72px {
  text-align: center;
  font-size: 72px;
  line-height: 80px;
}

.section-image {
  margin-top: -220px;
  padding-bottom: 40px;
}

.div-block-52 {
  background-image: url("https://cdn.prod.website-files.com/6283588ec72f397a40c51dba/64214d47d97ba4a6ef89d7ef_brand_media.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  border-radius: 16px;
  padding-top: 42%;
  overflow: hidden;
}

.section-padding-100 {
  padding-top: 60px;
  padding-bottom: 60px;
  overflow: hidden;
}

.service-div {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: minmax(200px, 1fr);
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-top: 60px;
  display: grid;
}

.service-div._2-column {
  grid-column-gap: 24px;
  grid-template-columns: 1fr 1fr;
  grid-auto-flow: row;
}

.service-div._2-column.full {
  padding-top: 0;
}

.head56px {
  z-index: 1;
  font-size: 56px;
  font-weight: 600;
  line-height: 64px;
  position: relative;
}

.servicegrid {
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 0;
  padding-bottom: 0;
  display: block;
  position: relative;
}

.purple-bg {
  z-index: 0;
  width: 240px;
  height: 240px;
  position: absolute;
  left: 0;
}

.line-div {
  z-index: 1;
  grid-column-gap: 12px;
  flex-direction: row;
  align-items: center;
  display: flex;
  position: relative;
}

.vertical {
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: center;
  padding-left: 60px;
  display: flex;
}

.vertical-div._16 {
  grid-row-gap: 16px;
  flex-direction: column;
  display: flex;
}

.vertical-div._40px {
  grid-row-gap: 40px;
  grid-row-gap: 40px;
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.icon-service {
  height: 48px;
}

.media-bg-lottie {
  z-index: 0;
  position: absolute;
  inset: -225px 0% 0%;
}

.text-span-8 {
  color: var(--light-purple);
}

.div-block-53 {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

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

.grid-two-column-2 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  align-items: center;
}

.image-div {
  background-image: url("https://cdn.prod.website-files.com/6283588ec72f397a40c51dba/6423ffef2534e3f1d5071032_image.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 100%;
}

.image-div._1 {
  background-image: url("https://cdn.prod.website-files.com/6283588ec72f397a40c51dba/6423fa4dbdb7573d0025f5cc_illustrations.png");
}

.image-div._2 {
  background-image: url("https://cdn.prod.website-files.com/6283588ec72f397a40c51dba/6423f9a5a6d14e6b0ef52ff4_illustrations2.png");
}

.image-div._3 {
  background-image: url("https://cdn.prod.website-files.com/6283588ec72f397a40c51dba/6423f9a6ec26c151c7fc3afc_illustrations3.png");
}

.image-div._4 {
  background-image: url("https://cdn.prod.website-files.com/6283588ec72f397a40c51dba/642a5e8a69d01c26863116d1_illustration.png");
}

.image-div._5 {
  background-image: url("https://cdn.prod.website-files.com/6283588ec72f397a40c51dba/642a5e8a972b9e1fa8e37e6c_illustration-1.png");
}

.image-div._6 {
  background-image: url("https://cdn.prod.website-files.com/6283588ec72f397a40c51dba/642a5d4566cfe6005b98ef02_banner1.png");
}

.purple-card {
  background-color: var(--dark);
  border-radius: 16px;
  margin-top: 40px;
  padding: 48px;
}

.container800 {
  max-width: 800px;
}

.paragraph-th-2 {
  color: #494566;
  text-align: left;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  font-family: IBM Plex Sans Thai, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  display: block;
}

.paragraph-th-2.center {
  text-align: center;
  justify-content: center;
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 0;
  font-size: 16px;
  line-height: 26px;
  display: block;
}

.blue-card-2 {
  grid-row-gap: 24px;
  background-color: #ebf2ff;
  border-radius: 16px;
  flex-direction: column;
  padding: 60px;
  display: flex;
}

.blue-card-2.small {
  border-radius: 12px;
  padding: 24px;
}

.blue-card-2.small.add-padding {
  margin-top: 60px;
  margin-bottom: 60px;
  padding: 40px;
}

.div-with-icon {
  grid-column-gap: 24px;
  display: flex;
}

.icon-purple {
  background-color: var(--lavender);
  border-radius: 12px;
  align-self: center;
  width: auto;
  height: auto;
}

.icon {
  width: auto;
  max-width: none;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  padding: 12px;
}

.icon-wrapper {
  grid-row-gap: 24px;
  flex-direction: column;
  padding-top: 20px;
  display: flex;
}

.text-span-9 {
  font-weight: 500;
}

.content-heading-wrapper-2 {
  grid-row-gap: 0px;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  max-width: 500px;
  margin-top: 0;
  display: flex;
  position: sticky;
  top: 120px;
  bottom: 60px;
}

.container-large-2 {
  width: 100%;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.div-line-bot {
  border-bottom: 1px solid var(--light-purple-2);
  margin-bottom: 20px;
  padding-bottom: 16px;
}

._2 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-top: 24px;
  display: flex;
}

.footer-top {
  justify-content: space-between;
  align-items: center;
  padding: 80px 0 100px;
  display: flex;
  overflow: visible;
}

.text200px {
  z-index: 1;
  font-family: Cabinetgrotesk, sans-serif;
  font-size: 200px;
  font-weight: 700;
  line-height: 180px;
  position: relative;
}

.image-56 {
  height: 100px;
}

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

.image-57 {
  position: absolute;
  inset: -40px -30px auto auto;
}

.footer-3-column {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr .25fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.footer-link-wrap {
  grid-row-gap: 16px;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.footer-head {
  color: var(--dark-purple);
  font-family: Generalsans, sans-serif;
  font-size: 20px;
  font-weight: 500;
}

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

.horizontal-div {
  grid-column-gap: 16px;
  align-items: center;
  display: flex;
}

.social-wrapper {
  grid-column-gap: 8px;
  padding-top: 0;
  display: flex;
}

.footer-new {
  background-color: var(--white);
  border-radius: 20px 20px 0 0;
  max-width: 1248px;
  height: auto;
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
}

.container-80-padding {
  background-color: #0000;
  max-width: 1200px;
  position: relative;
}

.container-80-padding.mobile {
  display: none;
}

.container-80-padding.footer {
  padding-left: 16px;
  padding-right: 16px;
  overflow: hidden;
}

.container-80-padding.nav {
  max-width: 1248px;
}

.logo-nav {
  background-color: var(--white);
  border-radius: 99px;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 60px;
  height: 60px;
  display: flex;
  box-shadow: 1px 2px 40px #6c6fa624;
}

.nav-link-wrapper {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  border: 1px solid var(--white);
  -webkit-backdrop-filter: blur(15px);
  backdrop-filter: blur(15px);
  background-color: #fffc;
  border-radius: 99px;
  justify-content: center;
  height: auto;
  padding-left: 12px;
  padding-right: 12px;
  display: flex;
  box-shadow: 1px 1px 40px #6c6fa624;
}

.logo-nav-image {
  height: 50px;
  padding-top: 0;
}

.nav-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: .5fr 2fr .5fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  margin-top: 16px;
  margin-bottom: 16px;
  display: grid;
  position: relative;
}

.nav-link-new {
  color: var(--dark);
  text-align: center;
  border-radius: 20px;
  align-self: center;
  align-items: center;
  padding: 8px 16px;
  font-family: Generalsans, sans-serif;
  font-weight: 400;
  transition: background-color .2s ease-out;
  display: flex;
}

.nav-link-new:hover {
  color: var(--link);
  background-color: #fff;
  border-radius: 20px;
  font-weight: 400;
}

.arrow-dropdown {
  height: 16px;
  margin-top: 2px;
  padding-top: 4px;
}

.button-white {
  background-color: var(--white);
  color: var(--dark);
  border-radius: 99px;
  align-self: center;
  padding: 16px 32px;
  font-family: Generalsans, sans-serif;
  font-weight: 500;
  transition: all .25s;
}

.button-white:hover {
  color: var(--link);
  transform: scale(1.1);
  box-shadow: 1px 2px 40px #0000001a;
}

.section-aurora {
  padding-top: 40px;
  padding-bottom: 40px;
  position: relative;
  overflow: hidden;
}

.section-aurora.hero {
  z-index: 0;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-content: flex-start;
  align-items: center;
  height: 150vh;
  padding-top: 80px;
  padding-bottom: 80px;
  display: flex;
  overflow: hidden;
}

.section-aurora.hero.calc {
  z-index: -100;
  width: 100%;
  display: flex;
  position: absolute;
}

.section-aurora.hero.calc.brand {
  height: 200vh;
}

.navbar-new {
  background-color: #0000;
  padding-left: 16px;
  padding-right: 16px;
  position: fixed;
  inset: 0% 0% auto;
}

.blexi {
  object-fit: fill;
  width: auto;
  height: 80px;
  margin: auto;
  display: inline-block;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.html-embed-3 {
  padding-top: 100px;
}

.right-text {
  padding-left: 16px;
  font-family: Generalsans, sans-serif;
  font-size: 24px;
  font-weight: 500;
  position: absolute;
  inset: auto auto 61% 0%;
}

.hideshow {
  position: relative;
}

.line-container {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  text-align: center;
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  max-width: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.div-block {
  object-fit: fill;
  flex: none;
  align-self: auto;
  width: 120px;
  height: 400px;
  position: relative;
  overflow: visible;
}

.div-block.calc {
  height: auto;
  position: relative;
  inset: 0% 0% 0% 85%;
}

.left-text {
  padding-right: 16px;
  font-family: Generalsans, sans-serif;
  font-size: 24px;
  font-weight: 500;
  display: inline-block;
  position: absolute;
  inset: 61% 0% auto auto;
}

.html-embed-4 {
  padding-bottom: 100px;
}

.line-animation {
  position: relative;
  overflow: hidden;
}

.line-animation.branding {
  z-index: 1;
  background-image: linear-gradient(180deg, #0000, var(--gray--bg) 40%);
  margin-top: 48px;
}

.nav-megamenu {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-color: #fff;
  border-radius: 24px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-around;
  padding: 16px;
  display: none;
  position: relative;
  box-shadow: 1px 2px 40px #6c6fa600;
}

.mega-menu {
  z-index: 1000;
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  padding: 24px;
  display: flex;
  position: relative;
}

.nav-drop-closed {
  border-radius: 20px;
  justify-content: center;
  align-self: center;
  padding: 8px 12px 8px 16px;
  text-decoration: none;
  transition: background-color .2s ease-out;
  display: flex;
}

.nav-drop-closed:hover {
  color: var(--link);
  background-color: #fff;
  border-radius: 20px;
}

.nav-drop-opened {
  background-color: var(--white);
  border-radius: 20px;
  justify-content: center;
  align-self: center;
  padding: 8px 12px 8px 16px;
  transition: background-color .2s ease-out;
  display: none;
}

.nav-drop-opened:hover {
  background-color: #fff;
  border-radius: 20px;
}

.left-gradient {
  background-image: linear-gradient(to right, #f2f2f2 5%, #f2f2f200 20%);
  position: absolute;
  inset: 0%;
}

.left-gradient.brand {
  background-image: linear-gradient(90deg, var(--gray--bg) 5%, #0000 20%);
}

.right-gradient {
  background-image: linear-gradient(270deg, #f2f2f2 5%, #f2f2f200 20%);
  position: absolute;
  inset: 0%;
}

.right-gradient.brand {
  background-image: linear-gradient(270deg, var(--gray--bg) 5%, #0000 20%);
}

.nav-megamenu-mobile {
  display: none;
}

.hero-heading {
  color: var(--white);
  text-align: center;
  flex: 0 auto;
  align-self: center;
  font-family: Generalsans, sans-serif;
  font-size: 96px;
  font-weight: 600;
  line-height: 104px;
  position: relative;
}

.div-block-56 {
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 160px;
  height: 160px;
  display: flex;
  position: relative;
  top: 140px;
  bottom: auto;
  left: 380px;
}

.image-58 {
  align-self: center;
  width: 64px;
  height: 64px;
  position: absolute;
  inset: auto;
}

.image-59 {
  width: 160px;
  height: 160px;
  position: absolute;
  inset: 0%;
}

.page-wrapper {
  flex: 0 auto;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
  position: absolute;
  inset: auto 0% 0% auto;
}

.page-wrapper.brand {
  justify-content: center;
  align-items: center;
  height: 200vh;
  padding-top: 80px;
  padding-bottom: 80px;
  overflow: hidden;
}

.page-wrapper.home {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.panel-wrapper {
  flex: 1;
  justify-content: center;
  align-items: stretch;
  height: 120vh;
  max-height: 100%;
  margin: -10vw;
  display: flex;
  overflow: hidden;
}

.panel-wrapper.brand, .panel-wrapper.flow {
  overflow: visible;
}

.blur {
  z-index: -998;
  -webkit-backdrop-filter: blur(100px);
  backdrop-filter: blur(100px);
  position: absolute;
  inset: 0%;
}

.panel {
  z-index: -999;
  filter: blur(20px);
  background-image: radial-gradient(circle farthest-side at 0 0, #00cefd 10%, #0000), radial-gradient(circle at 50% 0, #ff41a7 33%, #0000 66%), radial-gradient(circle farthest-side at 100% 0, #ffc400 10%, #0000);
  border-radius: 100vw;
  flex: 1;
  justify-content: center;
  padding: 80px;
  display: flex;
  position: relative;
}

.panel.brand {
  background-image: radial-gradient(circle farthest-side at 0% 0%, #fff 40%, #0000), radial-gradient(circle farthest-corner at 0% 50%, #ff41a7 28%, transparent 66%), radial-gradient(circle farthest-side at 100% 0%, var(--deep-pink) 10%, transparent);
}

.panel.blue {
  background-image: radial-gradient(circle at 60%, #7f67f51a, #fff0 32%), radial-gradient(circle farthest-side at 0 0, #00cefd1a 10%, #0000);
}

.home-button {
  z-index: 1;
  grid-column-gap: 12px;
  grid-row-gap: 16px;
  border: 1px solid var(--white);
  color: var(--white);
  background-color: #0000;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  padding: 16px 20px 16px 24px;
  font-family: Generalsans, sans-serif;
  font-size: 18px;
  line-height: 26px;
  transition: all .5s;
  display: flex;
  position: relative;
}

.home-button:hover {
  transform: scale(1.05);
  box-shadow: 0 -2px 40px #fff3;
}

.home-button.w--current {
  color: var(--white);
}

.home-button.w--current:hover {
  transform: scale(1.1);
}

.home-button.black {
  border-color: var(--black);
  color: var(--black);
  padding-left: 32px;
  padding-right: 32px;
  font-size: 16px;
  line-height: 24px;
}

.home-button.dark {
  border-color: var(--light-purple);
  color: var(--light-purple);
}

.hero-container {
  flex-direction: column;
  flex: 0 auto;
  justify-content: center;
  align-self: center;
  align-items: center;
  max-width: 1200px;
  height: 100vh;
  display: flex;
  position: relative;
  inset: -80px 0% 0%;
}

.heading-30 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  text-align: center;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  font-size: 28px;
  display: flex;
}

.heading-30.eng {
  font-family: Generalsans, sans-serif;
  font-weight: 500;
}

.div-block-57 {
  justify-content: space-between;
  padding-bottom: 16px;
  display: flex;
}

.div-block-58 {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  flex-direction: column;
  display: flex;
  overflow: hidden;
}

.image-60 {
  align-self: center;
}

.hero {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  flex-direction: column;
  justify-content: center;
  align-self: center;
  align-items: center;
  display: flex;
}

.h2-home {
  font-family: Generalsans, sans-serif;
  font-size: 64px;
  font-weight: 400;
  line-height: 72px;
}

.graybody {
  background-color: #f2f2f2;
}

.grid-home {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  grid-template-rows: auto;
  grid-template-columns: 1.5fr 1fr;
  align-items: start;
}

.grid-home.reverse {
  grid-template-columns: 1fr 1.5fr;
}

.grid-home.single {
  text-align: left;
  grid-template-columns: .75fr;
  place-content: start end;
  place-items: center stretch;
}

.grid-home.single.reverse {
  justify-content: start;
  justify-items: stretch;
}

.grid-home.single.smaller {
  grid-template-columns: .5fr;
}

.grid-home.single.center {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  grid-template-rows: auto;
  grid-template-columns: .75fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  margin-top: 0;
  margin-bottom: 60px;
  display: grid;
}

.works-title {
  color: var(--gray-purple);
  padding-left: 0;
  padding-right: 0;
  font-size: 24px;
  line-height: 32px;
}

.works-tags {
  border: 1px solid var(--gray-purple);
  color: var(--gray-purple);
  background-color: #0000;
  border-radius: 99px;
  padding: 6px 12px 4px;
  font-size: 14px;
  line-height: 22px;
  transition: all .25s;
}

.works-tags:hover {
  border-color: var(--link);
  color: var(--link);
  transform: translate(0, -4px);
  box-shadow: 1px 2px 40px #0000001a;
}

.works-tags.normal {
  border-radius: 99px;
  padding: 10px 16px 8px;
  font-size: 18px;
  transition: all .25s;
}

.works-tags.normal:hover {
  border-color: var(--link);
  color: var(--link);
  transform: translate(0, -4px);
  box-shadow: 0 2px 40px #0000001a;
}

.works-tags.white {
  border-color: var(--white);
  color: var(--white);
}

.close {
  z-index: -1;
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  object-fit: none;
  background-color: #0003;
  width: 100vw;
  height: 100vh;
  display: none;
  position: absolute;
  inset: 0%;
}

.text-block-28 {
  font-family: Generalsans, sans-serif;
  font-weight: 500;
  line-height: 76px;
}

.link-block.work {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: flex-start;
  align-self: center;
  align-items: center;
  padding-left: 0;
  padding-right: 0;
  font-family: Montserrat, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 32px;
  transition: all .2s;
  display: flex;
}

.link-block.work:hover {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: var(--link);
}

.link-block.work.left {
  align-self: flex-start;
}

.work-link {
  font-family: Generalsans, sans-serif;
  font-weight: 500;
  display: inline;
}

.right-arrow {
  transform: rotate(-90deg);
}

.right-arrow.first {
  margin-left: 8px;
  margin-right: -8px;
}

.youtube, .description.hide, .text-block-29, .text-block-30 {
  display: none;
}

.work-list {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  flex-direction: column;
  justify-content: center;
  align-self: stretch;
  align-items: stretch;
  display: flex;
}

.services-card.eng {
  justify-content: flex-start;
  font-family: Generalsans, sans-serif;
  font-weight: 500;
  display: flex;
}

.h2-about {
  text-transform: uppercase;
  font-family: Montserrat, sans-serif;
  font-size: 88px;
  line-height: 96px;
}

.div-block-62 {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  flex-direction: column;
  display: flex;
}

.h2.center {
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
}

.paragraph.center {
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  display: block;
}

.paragraph.center.sub-content {
  text-align: left;
}

.paragraph.listing {
  line-height: 2em;
}

.div-flex {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.div-flex.vertical {
  z-index: 999;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  padding-left: 0;
  position: relative;
}

.div-flex.vertical.follow {
  clear: none;
  flex: 0 auto;
  width: 100%;
  position: sticky;
  top: 15vh;
}

.div-flex.vertical.center.ci {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: center;
  align-self: center;
  align-items: center;
}

.div-flex.vertical.motion {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: flex-start;
  align-items: flex-start;
}

.div-flex.vertical.full {
  justify-content: flex-start;
  align-items: stretch;
  height: 100vh;
}

.div-flex.horizontal {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.div-flex.horizontal.email {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  margin-bottom: 0;
}

.div-flex.ci.card {
  justify-content: flex-start;
  align-items: center;
}

.list-2 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  padding-left: 16px;
  display: flex;
}

.h3 {
  align-self: center;
  font-family: IBM Plex Sans Thai, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 32px;
}

.h3.align {
  align-self: flex-start;
}

.h3.white {
  color: var(--white);
}

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

.paragraph-13.eng {
  font-family: Generalsans, sans-serif;
}

.empty-state-2 {
  background-color: #0000;
  padding: 40px 0 0;
}

.div-block-63 {
  grid-row-gap: 24px;
  flex-direction: column;
  display: flex;
}

.div-block-64 {
  padding-bottom: 24px;
}

.lottie-animation-6 {
  position: absolute;
  inset: 0%;
}

.heading-2-padding-center {
  text-align: center;
  align-self: stretch;
  padding-bottom: 40px;
}

.grid-4 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
}

.div-block-65 {
  background-image: url("https://cdn.prod.website-files.com/6283588ec72f397a40c51dba/64af82b9e332fcdec606a068_Frame%20427321200.svg");
  background-position: 50%;
  background-size: cover;
  border-radius: 16px;
  align-items: flex-end;
  height: 160px;
  display: flex;
}

.div-block-65.creative-content {
  background-image: url("https://cdn.prod.website-files.com/6283588ec72f397a40c51dba/64af832c6d4884f33001a2c8_Frame%20427321201.svg");
}

.div-block-65.website {
  background-image: url("https://cdn.prod.website-files.com/6283588ec72f397a40c51dba/64af83486d4884f33001cdee_Frame%20427321202.svg");
}

.div-block-65.english {
  background-image: url("https://cdn.prod.website-files.com/6283588ec72f397a40c51dba/64af835cb2b5598e3de4de63_Frame%20427321203.svg");
}

.div-block-66 {
  flex: 1;
  padding: 24px;
  display: flex;
}

.div-block-66.bg {
  background-image: linear-gradient(to top, #09004c66, #7f67f500);
  position: relative;
}

.highlight {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: var(--light-blue);
  border-radius: 16px;
  flex-direction: column;
  align-items: center;
  padding: 24px;
  display: flex;
}

.highlight._40 {
  padding: 40px;
}

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

.div-block-67 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  padding-top: 40px;
  display: flex;
}

.div-example {
  object-fit: fill;
  border-radius: 16px;
  align-items: flex-end;
  height: 200px;
  padding-left: 0;
  padding-right: 0;
  transition: all .2s;
  display: flex;
  position: relative;
  overflow: hidden;
}

.div-example:hover {
  transform: translate(0, -6px);
}

.bg {
  position: absolute;
  inset: 0%;
}

.bg.full {
  z-index: -1;
  inset: 0%;
  overflow: hidden;
}

.background {
  background-image: url("https://cdn.prod.website-files.com/6283588ec72f397a40c51dba/64af8f26b2b5598e3df434c7_Frame%20427321208.jpg");
  background-position: 50%;
  background-size: cover;
  position: absolute;
  inset: 0%;
}

.background._2 {
  background-image: url("https://cdn.prod.website-files.com/6283588ec72f397a40c51dba/64af8f27d039b35162cf6fd6_Frame%20427321209.jpg");
  margin-top: 0;
}

.background._3 {
  background-image: url("https://cdn.prod.website-files.com/6283588ec72f397a40c51dba/64af8f2669fbb855eebbecd3_Frame%20427321208-1.jpg");
}

.background._4 {
  background-image: url("https://cdn.prod.website-files.com/6283588ec72f397a40c51dba/64af8f28b8520f6cfaef28c6_Frame%20427321209-1.jpg");
}

.background._5 {
  background-image: url("https://cdn.prod.website-files.com/6283588ec72f397a40c51dba/64af91e92902c9c281c3c131_what-is-mobile-seo.png");
  background-position: 50% 20%;
}

.background._6 {
  background-image: url("https://cdn.prod.website-files.com/6283588ec72f397a40c51dba/64af8f27414541a57d9f8f24_Frame%20427321209-2.jpg");
}

.background._7 {
  background-image: url("https://cdn.prod.website-files.com/6283588ec72f397a40c51dba/64af8f27d931f0193061e84d_Frame%20427321208-3.jpg");
}

.background._8 {
  background-image: url("https://cdn.prod.website-files.com/6283588ec72f397a40c51dba/64af8f26d039b35162cf6aab_Frame%20427321209-3.jpg");
}

.heading-box {
  color: var(--light-purple);
  font-size: 24px;
}

.div-block-68 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #fff;
  border-radius: 16px;
  flex-direction: column;
  flex: 1;
  padding: 24px;
  display: flex;
}

.div-block-70 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  display: flex;
}

.image-1 {
  border-radius: 16px;
}

.number {
  color: var(--light-purple);
  font-size: 72px;
  font-weight: 600;
  line-height: 1.5em;
}

.number._2 {
  color: var(--deep-pink);
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 0;
}

.number._3 {
  color: var(--gold);
}

.number._4 {
  color: var(--deep-sky-blue);
}

.number._5 {
  color: #779ee8;
}

.number._6 {
  color: #5c3d84;
}

.number._7 {
  color: #853d3d;
}

.why-paragraph {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5em;
}

._1.card {
  margin-top: 24px;
}

.div-block-71 {
  text-align: left;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  padding-top: 16px;
  padding-bottom: 16px;
  display: flex;
}

.calc-label {
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
}

.calc-time-row {
  justify-content: space-between;
  align-items: center;
  font-weight: 700;
  display: flex;
}

.container-full {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
}

.main-calc {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.calc-note {
  border-bottom: 1px solid #dbdbdb;
  margin-bottom: 24px;
  padding-bottom: 14px;
  font-size: 13px;
  line-height: 21px;
}

.info-icon {
  color: #5b5b5b;
  justify-content: center;
  align-items: center;
  width: 23px;
  height: 19px;
  margin-left: 6px;
  display: inline-block;
  position: relative;
  top: 1px;
}

.total {
  background-color: var(--light-purple);
  color: #fff;
  border-bottom-right-radius: 16px;
  border-bottom-left-radius: 16px;
  justify-content: space-between;
  padding: 15px 23px;
  font-weight: 700;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.calc-card {
  z-index: 5;
  background-color: var(--white);
  border: 1px #d4d4d4;
  border-radius: 16px;
  width: 100%;
  max-width: 430px;
  min-height: 50px;
  margin-bottom: 22px;
  padding: 22px 22px 83px;
  position: relative;
  top: 12px;
  box-shadow: 0 0 20px #0000000d;
}

.price-calc {
  z-index: 2;
  padding-bottom: 100px;
  position: relative;
}

.calc-cta-link {
  color: #d90a2c;
  text-decoration: none;
  display: inline-block;
}

.calc-left {
  width: 100%;
  max-width: 470px;
}

.calc-box {
  width: 100%;
  max-width: 430px;
  position: sticky;
  top: 100px;
}

.calc-items-grid {
  grid-column-gap: 16px;
  grid-row-gap: 20px;
  border-bottom: 1px solid #dbdbdb;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 20px;
  padding-bottom: 28px;
  display: grid;
}

.calc-cta {
  text-align: center;
  font-size: 14px;
  line-height: 21px;
}

.result {
  float: right;
  text-align: right;
  text-transform: uppercase;
  padding-left: 8px;
  font-size: 16px;
  font-weight: 300;
  line-height: 20px;
  display: inline-block;
}

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

.calc-item-row.seo-item {
  display: none;
}

.note-link {
  color: var(--light-purple);
  -webkit-text-stroke-color: var(--light-purple);
  text-decoration: none;
}

.calc-row-label {
  text-transform: uppercase;
  padding-top: 2px;
  font-size: 16px;
  font-weight: 500;
  line-height: 21px;
  display: inline-block;
}

.calc-row-left {
  color: #000;
  justify-content: flex-start;
  align-items: center;
  padding-left: 0;
  padding-right: 0;
  text-decoration: none;
  display: inline-block;
}

.radio-group {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  flex: none;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 24px;
  margin-left: 16px;
  display: flex;
}

.radio-group.grop-simple {
  margin-top: 24px;
}

.question-2 {
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
}

.radio-field {
  margin-bottom: 0;
  padding: 0;
  position: relative;
}

.calculator {
  width: 100%;
  max-width: 467px;
}

.calc-form {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  margin-top: 12px;
  display: grid;
}

.radio-label {
  color: var(--light-purple);
  cursor: pointer;
  border-radius: 90px;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0;
  padding: 10px 24px 8px;
  font-weight: 500;
  transition: all .2s;
  display: flex;
}

.radio-label:hover {
  color: #fff;
  background-color: #7f67f5;
}

.radio-label.checked {
  color: var(--white);
  position: relative;
}

.calc-field {
  background-color: #fff;
  border: 1px #dbdbdb;
  border-radius: 16px;
  padding: 16px;
  box-shadow: 0 0 20px #0000000d;
}

.calc-field.field-second {
  box-shadow: none;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.fieldset-number {
  background-color: var(--light-purple);
  color: #fff;
  border-radius: 100%;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  margin-top: -6px;
  margin-right: 16px;
  padding: 17px 16px 16px;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5em;
  display: flex;
  position: relative;
  top: 2px;
}

.radio-input {
  z-index: 0;
  display: none;
}

.radio-input.w--redirected-checked {
  background-color: var(--light-purple);
  color: var(--white);
  border-style: none;
  border-radius: 99px;
  width: auto;
  height: auto;
  margin-top: 0;
  margin-left: 0;
  display: none;
  position: absolute;
  inset: 0%;
}

.fieldset-top {
  justify-content: flex-start;
  align-items: flex-start;
  margin-right: 30px;
  display: flex;
  position: relative;
}

.heading-31 {
  color: var(--deep-pink);
  text-align: center;
}

.text-block-31, .text-block-31.brand {
  text-align: center;
}

.div-block-72 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  display: flex;
}

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

.container-802 {
  max-width: 940px;
  margin-top: 120px;
}

.container-803 {
  flex-direction: column;
  display: flex;
}

.image-61 {
  width: 48px;
}

.text-block-32 {
  font-size: 20px;
  line-height: 28px;
}

.text-block-32.sub {
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
}

.div-block-74 {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.calc-menu {
  background-color: var(--white);
  border-radius: 16px;
  width: 400px;
  margin-left: auto;
  margin-right: auto;
  padding: 24px;
  display: none;
}

.arrow-dropdown-2 {
  height: 16px;
  margin-top: 2px;
  padding-top: 4px;
}

.calc-drop {
  color: var(--dark);
  border-radius: 20px;
  justify-content: center;
  align-self: center;
  padding: 8px 12px 8px 16px;
  font-family: Generalsans, sans-serif;
  font-weight: 400;
  text-decoration: none;
  transition: background-color .2s ease-out;
  display: flex;
}

.calc-drop:hover {
  color: var(--link);
  background-color: #fff;
  border-radius: 20px;
}

.calc-drop-open {
  background-color: var(--white);
  color: var(--dark);
  border-radius: 20px;
  justify-content: center;
  align-self: center;
  padding: 8px 12px 8px 16px;
  font-family: Generalsans, sans-serif;
  transition: background-color .2s ease-out;
  display: none;
}

.calc-drop-open:hover {
  background-color: #fff;
  border-radius: 20px;
}

.div-service-container {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  align-items: stretch;
  display: flex;
}

.div-service-card {
  object-fit: cover;
  border-radius: 16px;
  flex: 1;
  height: 520px;
  padding-left: 0;
  padding-right: 0;
  transition: all .2s ease-in-out;
  position: relative;
  overflow: hidden;
}

.div-service-card:hover {
  transform: translate(0, -8px);
  box-shadow: 0 2px 24px -2px #0003;
}

.image-62 {
  z-index: -1;
  object-fit: cover;
  width: 100%;
  max-width: none;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: inline-block;
  position: absolute;
  inset: 0%;
}

.div-title-container {
  align-items: flex-end;
  height: 100%;
  padding: 24px;
  display: flex;
}

.div-title-container.yellow {
  color: var(--white);
  background-image: linear-gradient(to top, #ed9c23, #fff0 70%);
}

.div-title-container.pink {
  color: var(--white);
  background-image: linear-gradient(to top, #ff77e9, #fff0 70%);
}

.div-title-container.purple {
  color: var(--white);
  background-image: linear-gradient(to top, #967cff, #fff0 70%);
}

.image-63 {
  object-fit: fill;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0% auto;
  overflow: hidden;
}

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

.text-block-33 {
  color: var(--light-purple);
  font-family: sofia-pro, sans-serif;
  font-style: italic;
  font-weight: 300;
}

.div-cta {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  background-color: var(--white);
  border-radius: 14px;
  justify-content: center;
  align-items: center;
  padding: 48px;
  display: flex;
  position: relative;
}

.div-cta-border {
  background-image: linear-gradient(45deg, var(--deep-sky-blue), var(--light-purple) 20%, var(--deep-pink) 61%, var(--gold));
  border-radius: 16px;
  flex: 1;
  align-self: stretch;
  padding: 2px;
  display: block;
  position: relative;
}

.div-cta-left {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  flex: 1;
  align-self: stretch;
  display: flex;
}

.div-cta-right {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex: 1;
  justify-content: flex-end;
  align-self: auto;
  align-items: center;
  display: flex;
}

.div-cta-right.down {
  flex-flow: column;
  justify-content: center;
  align-items: center;
}

.div-showcase-wrapper {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-radius: 16px;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-rows: auto;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  display: grid;
  position: relative;
  overflow: hidden;
}

.showcase {
  aspect-ratio: 16 / 9;
  object-fit: contain;
  flex-flow: column;
  justify-content: flex-end;
  align-items: stretch;
  display: flex;
  position: relative;
  overflow: hidden;
}

.showcase-bg {
  z-index: -1;
  aspect-ratio: 16 / 9;
  object-fit: contain;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.showcase-bg.bg {
  filter: blur(5px);
  object-fit: cover;
}

.div-block-76 {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  color: var(--white);
  background-color: #00000080;
  justify-content: flex-start;
  align-items: center;
  padding: 16px;
  display: flex;
}

.div-flex-content {
  display: flex;
}

.div-flex-content.card {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-color: var(--white);
  border-radius: 16px;
  padding: 24px;
}

.div-block-77 {
  flex: 1;
  align-self: stretch;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.div-block-78 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 40%;
  display: flex;
  position: relative;
}

.div-block-78.full {
  width: 100%;
  height: 100px;
  display: block;
  position: relative;
}

.div-block-78.card {
  background-color: var(--white);
  border-radius: 16px;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  padding: 24px;
}

.image-64 {
  z-index: -50;
  aspect-ratio: auto;
  object-fit: cover;
  flex: 1;
  align-self: stretch;
  max-width: 60%;
  position: absolute;
  inset: 0%;
}

.image-65 {
  max-width: 80%;
  position: absolute;
  inset: -30% 0% 0% 35%;
}

.s-scroll {
  height: 100vh;
  position: relative;
}

.s-scroll.footer {
  margin-bottom: -900px;
}

.s-scroll-bg {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.s-scroll-bg.lightblue {
  background-color: var(--light-blue);
  position: absolute;
  inset: 0%;
}

.s-scroll-bg.aqua {
  background-color: #00a2c7;
  position: absolute;
  inset: 0%;
}

.s-scroll-bg.purple {
  background-color: var(--light-purple);
  position: absolute;
  inset: 0%;
}

.s-scroll-bg.pink {
  background-color: #ea3d9a;
  position: absolute;
  inset: 0%;
}

.s-scroll-bg.orange {
  background-color: #fb7457;
}

.s-scroll-bg.yellow {
  background-color: #fbb957;
}

.s-scroll-bg.green {
  background-color: #98be00;
}

.s-scroll-bg.blue {
  background-color: #1ba3c0;
}

.div-process {
  z-index: 100;
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: .75fr 1.25fr;
  grid-auto-columns: 1fr;
  align-self: stretch;
  padding-left: 16px;
  padding-right: 16px;
  display: grid;
  position: relative;
}

.div-process-left {
  z-index: 1;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.div-process-right {
  z-index: 1;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.div-process-right.process {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: var(--white);
}

.image-66 {
  z-index: 1;
  max-width: 60%;
  position: relative;
}

.image-66.full {
  width: 100%;
  max-width: none;
}

.heading4 {
  color: var(--light-purple);
  font-weight: 600;
}

.paragraph-14 {
  margin-top: 16px;
}

.heading1 {
  color: var(--gray-purple);
}

.scrollanim {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: flex-start;
  align-items: center;
  margin-top: 24px;
  display: flex;
}

.anim {
  border: 2px solid var(--light-purple);
  border-radius: 99px;
  justify-content: center;
  align-items: flex-end;
  width: 24px;
  height: 64px;
  padding: 4px 4px 6px;
  display: flex;
}

.div-block-79 {
  background-color: var(--light-purple);
  border-radius: 99px;
  width: 100%;
  height: 20px;
}

.text-block-34 {
  color: var(--light-purple);
  font-size: 18px;
  line-height: 26px;
}

.numberprocess {
  color: var(--white);
  font-size: 240px;
  font-weight: 600;
  line-height: 1.5em;
}

.heading2 {
  font-size: 56px;
  line-height: 1.5em;
}

.process-p {
  color: var(--white);
  font-size: 18px;
  line-height: 1.75em;
}

.bluebody {
  background-color: var(--light-blue);
}

.image-67 {
  z-index: -1;
  opacity: .5;
  width: 100vw;
  position: relative;
}

.div-block-80 {
  background-image: linear-gradient(180deg, var(--shadow), var(--light-blue) 95%);
  position: absolute;
  inset: 0%;
}

.div-richcta {
  background-image: url("https://cdn.prod.website-files.com/6283588ec72f397a40c51dba/66014295ea4ca31451c56646_CTABG.jpg");
  background-position: 50%;
  background-size: cover;
  border-radius: 8px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 48px;
  display: flex;
}

.div-richcta._2 {
  background-image: url("https://cdn.prod.website-files.com/6283588ec72f397a40c51dba/66014b911d3750b075b8ee3a_CTABG1.jpg");
  flex-flow: row;
  margin-top: 0;
  overflow: hidden;
}

.div-richcta._3 {
  background-image: url("https://cdn.prod.website-files.com/6283588ec72f397a40c51dba/66039eecdeec2b26f5460065_CTA%20Marketing.jpg");
  flex-flow: row;
  justify-content: center;
  align-items: center;
  padding: 48px 24px;
}

.div-txtcta {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  color: var(--white);
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  margin: 24px;
  display: flex;
}

.div-txtcta._1 {
  width: 60%;
}

.div-ctaparagraph {
  color: var(--white);
}

.hide {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  width: 1080px;
  display: none;
}

.div-block-81 {
  align-self: center;
  position: relative;
}

.div-block-81._3 {
  flex: none;
  width: 50%;
}

.image-68 {
  max-width: 120%;
  margin-left: -80px;
}

.section-17 {
  height: 100vh;
  position: relative;
  overflow: visible;
}

.div-block-82 {
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0%;
  overflow: visible;
}

.div-block-83 {
  flex: 1;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.image-69 {
  max-width: 924px;
  overflow: visible;
}

.image-70 {
  width: 250px;
  position: relative;
  top: 225px;
}

.image-71 {
  width: 240px;
  position: relative;
  top: 180px;
  bottom: auto;
  left: 320px;
}

.image-72 {
  width: 160px;
  position: relative;
  bottom: 240px;
  right: 250px;
}

.image-73 {
  width: 220px;
  position: relative;
  top: 50px;
  right: 250px;
}

.image-74 {
  width: 190px;
  position: relative;
  bottom: 50px;
}

.image-75 {
  width: 200px;
  position: relative;
  bottom: 200px;
  left: 200px;
}

.heading-32 {
  color: var(--light-blue);
  text-align: center;
  text-shadow: 0 4px 20px #00000080;
  font-size: 60px;
  line-height: 1.5em;
  position: relative;
  bottom: 60px;
}

.image-76 {
  width: 240px;
  position: relative;
  inset: auto auto 180px 320px;
}

.image-77 {
  width: 200px;
  position: relative;
  bottom: 20px;
  left: 450px;
}

.image-78 {
  width: 190px;
  position: relative;
  bottom: 40px;
  right: 430px;
}

.image-79 {
  width: 180px;
  position: relative;
  top: 200px;
  right: 250px;
}

.link-block-11 {
  align-self: stretch;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
  display: block;
}

.link-29 {
  padding-right: 0;
  font-size: 16px;
}

.servicelink {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-left: 0;
  padding-right: 0;
  display: block;
}

.paragraph-15 {
  line-height: 1.5em;
}

.list-3 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 24px;
  list-style-type: disc;
  display: flex;
}

.appointment {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  border: 2px solid var(--light-purple);
  background-image: url("https://cdn.prod.website-files.com/6283588ec72f397a40c51dba/666a8be39da85ed806f10dae_Frame%20427321295.jpg");
  background-position: 50%;
  background-size: auto;
  border-radius: 16px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding: 48px;
  display: flex;
}

.heading-33, .paragraph-16 {
  text-align: center;
}

.code-embed {
  flex: 0 auto;
  display: none;
}

.email-marketing {
  z-index: 999;
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-self: stretch;
  display: grid;
  position: relative;
}

.email-marketing-form {
  flex-flow: row;
  align-items: center;
}

.email-field {
  border-radius: 99px;
  align-self: stretch;
  height: 100%;
  margin-bottom: 0;
  padding: 1rem;
}

.form-block {
  z-index: 999;
  margin-bottom: 0;
  position: relative;
}

.page-wrapper {
  width: auto;
  height: auto;
  padding-top: 0;
  padding-bottom: 0;
  position: static;
}

.page-wrapper.seo {
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  display: block;
}

.page-wrapper.ci {
  flex-flow: column;
}

.page-wrapper.ci.temp {
  display: block;
}

.page-wrapper.website {
  flex-flow: column;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.page-wrapper.website.hidden {
  display: none;
}

.page-wrapper.motiongraphic {
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
}

.page-wrapper.mock-up {
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  margin-top: 100px;
}

.track {
  width: 100%;
  height: 600vw;
  position: relative;
}

.camera {
  width: 100vw;
  height: 100vh;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.camera.edit {
  position: static;
  overflow: visible;
}

.frame {
  flex-flow: row;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  overflow: visible;
}

.frame.edit {
  flex-flow: column;
}

.item {
  flex: none;
  justify-content: flex-start;
  align-items: center;
  width: 100vw;
  height: 100vh;
  padding: 6rem 2rem;
  display: flex;
  position: relative;
}

.item.first {
  background-color: var(--dark-purple);
  background-image: url("https://cdn.prod.website-files.com/6283588ec72f397a40c51dba/669f72503f55d6982370f327_Desktop%20-%201.jpg");
  background-position: 50%;
  background-size: cover;
  justify-content: center;
  align-items: center;
  padding: 6rem 2rem;
  display: flex;
}

.item._300vw {
  width: 300vw;
  padding-left: 2rem;
  padding-right: 2rem;
  display: flex;
}

.item._200vw {
  width: 100vw;
}

.item.projects {
  padding: 0;
}

.item.card {
  justify-content: center;
  align-items: center;
  width: 100vw;
  padding: 6rem 2rem;
}

.background-video {
  z-index: -1;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

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

.content-block.flex-horizontal {
  grid-column-gap: 6rem;
  grid-row-gap: 6rem;
  justify-content: space-between;
  align-items: center;
  max-width: 1248px;
}

.logo-heading {
  color: var(--white);
  font-size: 128px;
  font-weight: 700;
  line-height: 1.25em;
}

.div {
  flex: 1;
  align-self: center;
}

.div.flex-vertical {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  display: flex;
}

.div.motion {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.div.grid {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: start stretch;
  display: grid;
}

.div.header {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  aspect-ratio: auto;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  position: relative;
}

.paragraph-on-white, .logo-design-on-white {
  color: var(--white);
}

.list-4 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  color: var(--white);
  flex-flow: column;
  padding-left: 24px;
  display: flex;
}

.logo-background {
  z-index: -1;
  flex: 1;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.logo-circular-blur {
  background-color: var(--light-purple);
  filter: blur(200px);
  border-radius: 9999px;
  width: 330px;
  height: 330px;
  position: absolute;
  top: 20vh;
  left: -5vw;
}

.logo-circular-blur.right {
  top: 60vh;
  left: 80vw;
}

.logo-circular-blur.pink {
  background-color: var(--deep-pink);
  filter: blur(120px);
  width: 250px;
  height: 250px;
  top: 10vh;
  left: 90vw;
}

.logo-circular-blur.far-right {
  top: 70vh;
  left: 20vw;
}

.pop-up-modul {
  z-index: 10;
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  inset: 0%;
}

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

.paragraph-17 {
  text-align: center;
  align-self: center;
}

.div-block-84 {
  z-index: 999;
  position: relative;
}

.pop-up-background {
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  background-color: #0006;
  position: fixed;
  inset: 0%;
}

.div-item-stretch {
  grid-column-gap: 8rem;
  grid-row-gap: 8rem;
  flex: 1;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.div-item-stretch.center {
  justify-content: space-between;
  align-self: stretch;
  align-items: center;
  position: relative;
}

.div-item-stretch.full {
  flex-flow: column;
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-start;
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.div-item-stretch.vertical {
  align-self: stretch;
  padding-left: 0;
}

.div-item-stretch._2column {
  grid-column-gap: 8rem;
  grid-row-gap: 8rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-self: center;
  max-width: 1440px;
  max-height: 900px;
  display: grid;
}

.div-block-85 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  order: -1;
  justify-content: flex-start;
  align-self: center;
  align-items: flex-start;
  display: flex;
}

.div-block-85.center {
  justify-content: flex-start;
  align-self: center;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
}

.heading-35 {
  font-size: 96px;
}

.heading-36 {
  font-size: 80px;
  font-weight: 700;
  line-height: 1.25em;
}

.heading-36.center {
  text-align: center;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
}

.heading-36.tagline {
  color: var(--dark-purple);
  text-transform: uppercase;
  padding-bottom: 0;
  font-family: IBM Plex Sans Thai, sans-serif;
  font-size: 28px;
}

.tag {
  border: 1px solid var(--light-purple);
  color: var(--light-purple);
  border-radius: 99px;
  padding: 8px 16px;
}

.div-block-86 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  flex: 0 auto;
  justify-content: space-around;
  align-items: center;
  display: flex;
}

.div-block-87 {
  align-self: stretch;
  width: 100%;
  padding-top: 24px;
  padding-left: 24px;
  position: relative;
}

.div-block-88 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  border: 2px solid var(--light-purple);
  background-color: var(--white);
  border-radius: 24px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  height: 100%;
  padding: 16px;
  display: flex;
}

.image-80 {
  width: 32px;
  height: 32px;
}

.div-block-89 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: var(--light-purple);
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  display: flex;
  position: absolute;
  inset: 0%;
  box-shadow: 2px 2px 4px #0003;
}

.heading-37 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 700;
}

.div-block-90 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-self: stretch;
  margin-bottom: 6rem;
  display: grid;
}

.div-block-91 {
  background-color: var(--deep-pink);
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  width: 104px;
  height: 104px;
  padding: 4px;
  display: flex;
}

.div-block-92 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.div-block-93 {
  background-color: var(--deep-pink);
  border-radius: 99px;
  flex: 1;
  height: 6px;
}

.div-block-94 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  display: flex;
}

.text-block-35 {
  color: var(--light-purple);
}

._2-projects {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex: 1;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-self: stretch;
  display: grid;
}

.project {
  padding: 2rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.project-background {
  z-index: -1;
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
  overflow: hidden;
  transform: scale(1.1);
}

.heading-38 {
  align-self: flex-end;
  font-size: 32px;
}

._3-projects {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex: 1;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-self: stretch;
  display: grid;
}

.final-slide {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.final-slide.horizontal {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr .5fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.cta-header {
  font-size: 48px;
  font-weight: 700;
  line-height: 1.25em;
}

.cta-button-wrapper {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  justify-content: flex-start;
  align-items: center;
  margin-top: 4rem;
  display: flex;
}

.content {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  flex: 1;
  align-self: stretch;
  display: flex;
}

.div-contact {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.div-contact.logo {
  flex-flow: row;
  height: auto;
}

.contacthead {
  color: var(--light-purple);
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5em;
}

.contacttext {
  font-size: 20px;
  font-weight: 600;
  line-height: 1.5em;
}

.link-block-12 {
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  padding: 2px;
  display: flex;
}

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

.div-block-95 {
  background-color: var(--white);
  border-radius: 99px;
  flex: 1;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  display: flex;
}

.background-text {
  z-index: -1;
  position: absolute;
  inset: 0%;
  transform: rotate(-90deg);
}

.text-decoration {
  z-index: -1;
  opacity: .05;
  text-transform: none;
  white-space: nowrap;
  word-break: keep-all;
  font-size: 200px;
  font-weight: 700;
  line-height: 100%;
  position: absolute;
  inset: 0%;
}

.div-block-96 {
  align-self: flex-start;
}

.section-seo-hero {
  height: 200vh;
}

.div-block-97 {
  align-self: stretch;
  height: 100%;
  padding-bottom: 30vh;
  position: relative;
}

.div-block-98 {
  position: sticky;
  top: 40vh;
}

.div-block-99 {
  z-index: 999;
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  flex: none;
  order: -1;
  align-self: center;
  display: flex;
  position: sticky;
}

.div-block-100 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  line-height: 200px;
  display: flex;
}

.paragraph-18 {
  color: #7f67f5;
  font-family: IBM Plex Sans Thai, sans-serif;
}

.heading-39 {
  color: #09004c;
  font-family: IBM Plex Sans Thai, sans-serif;
  font-size: 40px;
  font-weight: 600;
}

.paragraph-19 {
  text-align: center;
  font-family: IBM Plex Sans Thai, sans-serif;
}

.div-block-101 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.button-14 {
  color: #9499ca;
  text-align: center;
  mix-blend-mode: normal;
  background-color: #fff;
  border-radius: 999px;
  flex-flow: row;
  flex: 0 auto;
  justify-content: center;
  align-self: center;
  align-items: center;
  height: auto;
  min-height: auto;
  padding: 16px;
  font-family: IBM Plex Sans Thai, sans-serif;
  font-weight: 600;
  line-height: 1.5em;
  display: flex;
  box-shadow: 0 2px 5px #0003;
}

.button-14:hover {
  color: #fff;
  background-color: #7f67f5;
  font-weight: 600;
}

.container-26 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  align-self: auto;
  width: 100%;
  max-width: 1200px;
  padding-left: 16px;
  padding-right: 16px;
  display: flex;
}

.heading-17 {
  margin-bottom: 40px;
  font-family: IBM Plex Sans Thai, sans-serif;
}

.carousel-container {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
  overflow: visible;
}

.logo-container {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  flex-flow: row;
  flex: none;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  padding: 0 24px;
  display: flex;
}

.image-47 {
  height: auto;
  position: relative;
}

.section-clients {
  background-color: #0000;
  overflow: hidden;
}

.section-clients.ci {
  padding-top: 0;
  padding-bottom: 0;
}

.card-content {
  background-color: var(--white);
  border-radius: 16px;
  align-self: stretch;
}

.div-content-grid {
  grid-column-gap: 24px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: .5fr 1.25fr;
  grid-auto-columns: 1fr;
  padding-top: 24px;
  padding-bottom: 24px;
  display: grid;
}

.scroll-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  height: 80vh;
  display: flex;
  position: sticky;
  top: 6rem;
}

.progressbar {
  background-color: var(--gold);
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  align-self: stretch;
  width: 12px;
  padding-top: 4px;
  padding-bottom: 4px;
  position: relative;
}

.progress {
  background-color: var(--light-purple);
  border-top-right-radius: 99px;
  border-bottom-right-radius: 99px;
  width: 8px;
  height: auto;
  min-height: 12px;
  position: relative;
}

.div-table-of-content {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  overflow: visible;
}

.toc-link {
  color: var(--dark);
  transition: all .25s;
}

.toc-link.w--current {
  color: var(--light-purple);
  padding-left: 0;
  padding-right: 0;
  font-weight: 600;
  transition-timing-function: ease;
  transform: translate(16px);
}

.div-block-102 {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  flex-flow: column;
  padding-right: 24px;
  display: flex;
}

.scrolling {
  position: relative;
}

.div-block-103 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #fafaff;
  border-radius: 20px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: auto;
  padding: 24px 16px;
  display: flex;
}

.div-block-104, .div-block-105 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  display: flex;
}

.heading-40 {
  color: #09004c;
  text-align: left;
  flex: 0 auto;
  align-self: auto;
  font-family: IBM Plex Sans Thai, sans-serif;
  font-size: 40px;
  font-weight: 600;
  line-height: 1.4em;
}

.paragraph-20 {
  order: 0;
  align-self: auto;
  font-family: IBM Plex Sans Thai, sans-serif;
  display: block;
}

.image-83 {
  object-fit: contain;
  border-radius: 16px;
  width: 100%;
  max-width: none;
  height: auto;
  position: relative;
  box-shadow: 0 2px 5px #0003;
}

.image-84 {
  aspect-ratio: auto;
  object-fit: contain;
  border-radius: 16px;
  width: 100%;
  max-width: none;
  height: 100%;
  position: relative;
  box-shadow: 0 4px 4px #00000040;
}

.seo-type {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
}

.type-card {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: var(--light-blue);
  border-radius: 16px;
  flex-flow: column;
  padding: 16px;
  display: flex;
}

.type-card.border {
  border: 4px solid var(--light-blue);
  background-color: var(--white);
}

.tab-pane-tab-2, .tab-pane-tab-1 {
  padding-top: 24px;
}

.tab-menu {
  border: 2px solid var(--deep-pink);
  background-color: var(--white);
  color: var(--deep-pink);
  border-radius: 99px;
  font-size: 24px;
  line-height: 1.5em;
  transition: all .2s;
}

.tab-menu:hover {
  background-color: var(--deep-pink);
  color: var(--white);
  box-shadow: 0 4px 4px #00000040;
}

.tab-menu.w--current {
  background-color: var(--deep-pink);
  color: var(--white);
  border-radius: 99px;
  font-size: 24px;
  line-height: 1.5em;
}

.tabs-menu-2 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  display: flex;
}

.heading-4 {
  font-weight: 600;
  line-height: 1.5em;
}

.div-block-106 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
  position: relative;
}

.heading-icon {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.backup, .backup.hidden {
  display: none;
}

.head-background {
  z-index: -1;
  object-fit: cover;
  justify-content: center;
  align-items: flex-end;
  height: 200vh;
  display: flex;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.image-85 {
  z-index: -1;
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.div-block-107 {
  background-image: linear-gradient(180deg, #0000 75%, var(--light-blue));
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.image-86 {
  vertical-align: baseline;
  flex: none;
  align-self: flex-end;
  height: 40%;
  display: inline-block;
  position: relative;
  inset: auto 0% 0%;
  overflow: hidden;
}

.div-block-108 {
  justify-content: center;
  align-self: flex-end;
  align-items: center;
  width: 100%;
  max-width: 1200px;
  height: 100%;
  display: flex;
  position: relative;
}

.image-87 {
  position: absolute;
  inset: auto 20% 10% auto;
}

.image-87._1 {
  bottom: 25%;
  left: 15%;
  right: 0%;
}

.image-87._2 {
  bottom: 35%;
  right: 40%;
}

.image-87._3 {
  bottom: 15%;
  left: 42%;
}

.div-block-109 {
  background-image: linear-gradient(90deg, var(--light-blue), transparent 5%, transparent 95%, var(--light-blue));
  position: absolute;
  inset: 0%;
}

.mobile-scroll {
  display: none;
}

.section-topper {
  align-self: stretch;
  max-width: 1440px;
}

.image-88 {
  width: 100%;
  margin-bottom: -1px;
}

.image-88.reverse {
  z-index: -1;
  transform-style: preserve-3d;
  margin-top: -1px;
  margin-bottom: 0;
  position: relative;
  transform: rotateX(180deg)rotateY(0)rotateZ(0);
}

.container1248 {
  border-radius: 0;
  max-width: 1296px;
  padding: 48px 24px;
  overflow: hidden;
}

.container1248.temp {
  max-width: 1200px;
}

.container1248.ingredients {
  background-color: #0000;
  margin-top: 48px;
  margin-bottom: 48px;
  position: relative;
  overflow: visible;
}

.container1248.transparent {
  background-color: #0000;
  overflow: visible;
}

.container1248.transparent.text {
  padding-top: 80px;
  padding-bottom: 80px;
}

.container1248.modal {
  z-index: 1;
  border-radius: 16px;
  position: relative;
  overflow: hidden;
}

.container1248.motion {
  background-color: #0000;
}

.container1248.motion.scroll {
  height: 100%;
  position: relative;
  overflow: visible;
}

.container1248.overflow {
  overflow: visible;
}

.quote {
  padding-top: 0;
  padding-bottom: 0;
}

.text-block-36 {
  text-align: left;
  line-height: 150%;
}

.paragraph-21 {
  text-align: left;
  font-size: 16px;
  line-height: 150%;
}

.paracard {
  background-color: var(--light-blue);
  border-radius: 16px;
  align-self: stretch;
  padding: 16px;
}

.section-decoration {
  padding-top: 48px;
  padding-bottom: 48px;
  overflow: visible;
}

.section-decoration.line {
  background-color: var(--white);
  height: auto;
  padding-top: 0;
  padding-bottom: 0;
}

.running-text {
  color: #09004c0d;
  justify-content: flex-start;
  align-items: center;
  font-weight: 700;
  display: flex;
}

.running-text.absolute {
  position: absolute;
  top: 20rem;
}

.ci-running-text {
  white-space: nowrap;
  font-size: 160px;
  line-height: 150%;
}

.container-topper {
  max-width: 1248px;
}

.bold-text-11 {
  color: var(--light-purple);
}

.card-outline {
  background-image: linear-gradient(180deg, var(--light-purple), #fff0);
  border-radius: 8px;
  padding: 2px;
}

.card-outline.purprle {
  background-image: linear-gradient(180deg, var(--light-purple), #7f67f500);
}

.card-outline.blue {
  background-image: linear-gradient(180deg, var(--deep-sky-blue), #fff0);
}

.card-outline.yellow {
  background-image: linear-gradient(180deg, var(--gold), #7f67f500);
}

.card-outline.pink {
  background-image: linear-gradient(180deg, var(--deep-pink), #fff0);
}

.card-inner {
  background-color: var(--white);
  border-radius: 6px;
  height: 100%;
  padding: 24px 24px 48px;
  display: flex;
}

.card-inner.ingredients {
  border-radius: 12px;
  padding-bottom: 24px;
}

.section-18 {
  padding-bottom: 24px;
}

.card-wrap {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  display: flex;
}

.outer-line {
  background-image: linear-gradient(90deg, var(--deep-sky-blue), #0000);
  border-radius: 16px;
  padding: 4px;
}

.outer-line.right {
  background-image: linear-gradient(270deg, var(--deep-sky-blue), #0000);
}

.outer-line.right.purple {
  background-image: linear-gradient(270deg, var(--light-purple), #0000);
  position: sticky;
  top: 7rem;
}

.outer-line.right.purple._2 {
  margin-top: 0;
  top: 11rem;
}

.outer-line.right.yellow {
  background-image: linear-gradient(270deg, var(--gold), #0000);
  position: sticky;
  top: 9rem;
}

.outer-line.left {
  position: sticky;
  top: 6rem;
}

.outer-line.left.pink {
  background-image: linear-gradient(90deg, var(--deep-pink), #0000);
  top: 8rem;
}

.outer-line.left.blue {
  top: 10rem;
}

.content-wrap {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  display: flex;
}

.text-block-37 {
  color: var(--light-purple);
  text-align: center;
  font-size: 24px;
  line-height: 150%;
}

.card.white {
  background-color: #fff;
  border-radius: 16px;
}

.client {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-color: var(--white);
  border-radius: 16px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 16px;
  transition: all .2s;
  display: flex;
  overflow: hidden;
}

.client:hover {
  transform: scale(1.02);
}

.client.hidden {
  flex-flow: column;
  display: none;
}

.client-title {
  align-self: stretch;
  font-size: 32px;
  font-weight: 600;
  line-height: 150%;
}

.client-line {
  background-color: var(--light-purple);
  border-radius: 99px;
  width: 100%;
  height: 2px;
}

.client-image {
  aspect-ratio: 16 / 9;
  object-fit: cover;
  border-radius: 16px;
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

.client-wrapper {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  flex-flow: column;
  display: flex;
}

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

.div-block-113 {
  z-index: 100;
  flex-flow: column;
  flex: none;
  align-self: stretch;
  position: sticky;
  top: 6rem;
}

.steps {
  font-size: 24px;
  font-weight: 700;
  line-height: 150%;
}

.heading-41 {
  color: #09004c;
  font-family: IBM Plex Sans Thai, sans-serif;
  font-size: 40px;
  font-weight: 600;
  line-height: 1.5em;
}

.carousel-container-2 {
  grid-column-gap: 100%;
  grid-row-gap: 100%;
  flex-flow: row;
  justify-content: space-between;
  align-self: stretch;
  align-items: stretch;
  width: 100%;
  max-width: 100%;
  height: 200px;
  margin-bottom: 60px;
  display: flex;
  position: static;
  overflow: visible;
}

.image-89 {
  width: auto;
  height: auto;
  position: static;
}

.container-37 {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  flex-flow: column;
  max-width: 1440px;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
}

.image-90 {
  z-index: 9999;
  -webkit-text-fill-color: inherit;
  object-fit: contain;
  background-clip: border-box;
  width: 100%;
  max-width: none;
  height: 100%;
  position: relative;
  right: 0%;
}

.quick-stack-9 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  padding: 0;
}

.container-23 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-color: #fff;
  border-radius: 20px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: auto;
  max-width: 1440px;
  height: auto;
  padding: 20px 140px;
  display: flex;
  box-shadow: 0 2px 5px #0003;
}

.div-block-114 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  display: flex;
}

.div-block-101-purple {
  background-color: #7f67f5;
  justify-content: flex-end;
  align-items: center;
  height: 34px;
  padding-left: 16px;
  padding-right: 16px;
  display: flex;
}

.quick-stack-8 {
  padding: 0;
}

.heading-21 {
  color: #09004c;
  text-align: center;
  font-family: IBM Plex Sans Thai, sans-serif;
  font-size: 40px;
  font-weight: 600;
}

.paragraph-23 {
  color: #09004c;
  text-align: center;
  font-family: IBM Plex Sans Thai, sans-serif;
}

.project-title {
  flex-flow: row;
  justify-content: space-between;
  display: flex;
}

.heading-13 {
  color: #7f67f5;
  text-align: left;
  width: 90%;
  font-family: IBM Plex Sans Thai, sans-serif;
}

.paragraph-24 {
  text-align: left;
  font-family: IBM Plex Sans Thai, sans-serif;
}

.container-30 {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  background-color: #fff;
  border-radius: 16px;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  width: auto;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 24px;
  display: flex;
}

.image-91 {
  object-fit: cover;
  width: 100%;
  max-width: none;
  height: auto;
  position: relative;
}

.carousel-container-3 {
  grid-column-gap: 100%;
  grid-row-gap: 100%;
  justify-content: space-between;
  max-width: 1440px;
  display: flex;
}

.container-35 {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  border-bottom: 1px #494566;
  flex-flow: column;
  max-width: 1440px;
  padding-bottom: 0;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
}

.link-block-13 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #fff;
  background-color: #06c755;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  width: auto;
  padding: 9px 15px;
  text-decoration: none;
  display: flex;
}

.paragraph-26 {
  font-family: IBM Plex Sans Thai, sans-serif;
}

.quick-stack-10 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  padding: 0;
}

.section-19 {
  background-color: #ebf2ff;
  margin-left: auto;
  margin-right: auto;
  padding: 80px 24px;
}

.heading-42 {
  color: #09004c;
  margin-bottom: 16px;
  font-family: IBM Plex Sans Thai, sans-serif;
  font-weight: 600;
}

.div-block-115 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.section-14 {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  -webkit-text-fill-color: inherit;
  background-image: linear-gradient(#ebf2ff, #d7d1ff 50%, #ebf2ff);
  background-clip: border-box;
  flex-flow: column;
  padding: 48px 0 0;
  display: flex;
  overflow: hidden;
}

.image-92 {
  width: 100%;
  max-width: none;
  height: auto;
  position: static;
}

.paragraph-27 {
  text-align: center;
  border: 1px #7f67f5;
  border-radius: 16px;
  padding: 10px 16px;
  font-family: IBM Plex Sans Thai, sans-serif;
  font-weight: 400;
}

.heading-43 {
  font-family: IBM Plex Sans Thai, sans-serif;
}

.welcome-element {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  max-width: none;
  height: 100vh;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.container-28 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 1440px;
  height: 50vh;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
}

.section-20 {
  background-color: #ebf2ff;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding: 128px 0;
  display: flex;
  overflow: hidden;
}

.project-container {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  display: flex;
}

.paragraph-28 {
  text-align: center;
  max-width: 800px;
  font-family: IBM Plex Sans Thai, sans-serif;
  font-size: 16px;
  font-weight: 400;
}

.text-container {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  aspect-ratio: auto;
  object-fit: fill;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  max-width: none;
  height: 100%;
  margin-bottom: 60px;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  overflow: visible;
}

.heading-44 {
  color: #09004c;
  text-align: center;
  font-family: IBM Plex Sans Thai, sans-serif;
  font-weight: 600;
}

.container-36 {
  display: none;
}

.div-block-116 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.image-50 {
  width: 64px;
  height: 64px;
  position: static;
}

.image-93 {
  object-fit: cover;
  width: 20px;
  max-width: none;
  height: 20px;
  position: static;
}

.video-2 {
  max-width: 1440px;
  display: block;
  overflow: hidden;
}

.button-15 {
  color: #9499ca;
  text-align: center;
  mix-blend-mode: normal;
  background-color: #fff;
  border-radius: 99px;
  flex-flow: row;
  flex: 0 auto;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 250px;
  height: auto;
  min-height: auto;
  padding: 16px;
  font-family: IBM Plex Sans Thai, sans-serif;
  line-height: 1.5em;
  transition: background-color .2s;
  display: flex;
}

.button-15:hover {
  color: #fff;
  background-color: #7f67f5;
  font-weight: 400;
}

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

.faq-accordion {
  border: 2px solid #7f67f5;
  border-radius: 16px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  height: auto;
  display: flex;
  overflow: hidden;
}

.faq-accordion.hidden {
  display: none;
}

.div-block-117 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #fff;
  border: 2px solid #7f67f5;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  height: 210px;
  padding: 24px 16px;
  display: flex;
}

.div-block-118 {
  background-color: #fafaff80;
  border-radius: 16px;
  padding: 24px;
}

.div-block-119 {
  clear: right;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border: 1px solid #7f67f5;
  border-radius: 16px;
  flex-flow: column;
  width: auto;
  height: 100%;
  padding: 16px 24px;
  display: flex;
}

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

.accordion-toggle-2 {
  border-radius: 0;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 60px;
  display: flex;
}

.section-21 {
  background-image: linear-gradient(#ebf2ff, #ebf2ff);
  flex-flow: column;
  padding: 0;
  display: flex;
  overflow: hidden;
}

.container-804 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  justify-content: flex-start;
  align-self: auto;
  align-items: flex-start;
  width: 100%;
  max-width: 1440px;
  display: flex;
}

.website-service-text {
  flex-flow: column;
  justify-content: space-between;
  display: flex;
}

.container-32 {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  flex-flow: column;
  width: 100%;
  max-width: none;
  display: flex;
}

.dropdown-list-6 {
  background-color: #fff0;
  padding: 10px 20px;
  display: block;
  position: static;
  overflow: visible;
}

.button-17 {
  color: #7f67f5;
  background-color: #3898ec00;
  border: 2px solid #7f67f5;
  border-radius: 999px;
  width: auto;
  font-family: IBM Plex Sans Thai, sans-serif;
  font-weight: 500;
}

.button-17:hover {
  color: #fff;
  background-color: #7f67f5;
}

.cell-8 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: center;
  align-items: stretch;
}

.container-29 {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  flex-flow: column;
  width: 100%;
  max-width: 1440px;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
}

.heading-45 {
  color: #09004c;
  font-family: IBM Plex Sans Thai, sans-serif;
}

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

.heading-45.card {
  margin-left: 32px;
}

.paragraph-25 {
  color: #7f67f5;
  text-align: center;
  border: 1px solid #7f67f5;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  padding: 5px 10px;
  font-family: IBM Plex Sans Thai, sans-serif;
  display: flex;
}

.container-33 {
  flex: 1;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 24px;
  padding-right: 24px;
}

.page-wrapper-2 {
  max-width: none;
}

.image-95 {
  outline-offset: 0px;
  object-fit: cover;
  outline: 3px #333;
  width: 100%;
  max-width: none;
  height: auto;
  max-height: 100%;
  position: static;
  overflow: visible;
}

.image-95._2 {
  margin-top: 0;
}

.container-34 {
  width: 100%;
  max-width: none;
  height: 244px;
  max-height: none;
  overflow: visible;
}

.container-34.tilted {
  z-index: 999;
  position: relative;
  top: -70px;
}

.cell-7 {
  justify-content: flex-start;
  align-items: center;
  padding-left: 24px;
  padding-right: 24px;
}

.quick-stack-6 {
  grid-column-gap: 64px;
  grid-row-gap: 0px;
  padding: 0;
}

.quick-stack-7 {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  padding: 16px 0 0;
}

.logo-container-2 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  object-fit: fill;
  flex-flow: row;
  justify-content: flex-start;
  align-self: flex-start;
  align-items: flex-start;
  padding-top: 24px;
  padding-bottom: 24px;
  display: flex;
  overflow: visible;
}

.text-block-52 {
  text-align: center;
  width: auto;
  font-family: IBM Plex Sans Thai, sans-serif;
  font-weight: 500;
}

.paragraph-22 {
  text-align: left;
  margin-bottom: 16px;
  font-family: IBM Plex Sans Thai, sans-serif;
}

.section-15 {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  background-image: linear-gradient(#eae5ff, #ebf2ff);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.heading-46 {
  color: #09004c;
  text-align: center;
  width: 600px;
  font-family: IBM Plex Sans Thai, sans-serif;
  font-size: 48px;
  font-weight: 800;
}

.heading-24 {
  color: #09004c;
  font-family: IBM Plex Sans Thai, sans-serif;
  font-size: 40px;
  font-weight: 600;
}

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

.div-block-121 {
  justify-content: flex-start;
  align-items: center;
  height: auto;
  display: flex;
}

.project-image-container {
  border-bottom: 1px solid #000;
  padding-bottom: 24px;
}

.container-31 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-flow: column;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
  display: flex;
}

.image-97 {
  z-index: 999;
  object-fit: cover;
  width: 13%;
  max-width: none;
  height: auto;
  display: block;
  position: relative;
  inset: -40% auto 0% -10%;
}

.website-knowledge-card {
  display: flex;
}

.image-98 {
  z-index: 1;
  position: absolute;
}

.inner-card {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  border: 2px solid var(--light-purple);
  border-radius: 16px;
  flex-flow: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  margin-top: 42px;
  margin-left: 42px;
  padding: 40px 24px 24px;
  display: flex;
  position: relative;
}

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

.rotate-left {
  transform: rotate(-1deg);
}

.rotate-right {
  transform: rotate(1deg);
}

.cell-18 {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
}

.collection-list-wrapper-4 {
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.client-logo-carousel {
  box-sizing: content-box;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  height: auto;
  display: flex;
}

.client-lightbox-thumbnail {
  aspect-ratio: 16 / 9;
  object-fit: cover;
  object-position: 50% 50%;
  border-radius: 16px;
  width: 100%;
  height: 100%;
  display: inline-block;
  overflow: scroll;
}

.lightbox-link {
  padding-left: 0;
  padding-right: 0;
}

.client-modal {
  z-index: 999;
  flex-flow: column;
  display: none;
  position: fixed;
  inset: 0%;
}

.client-modal.edit {
  display: none;
}

.sectionmodal {
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  background-color: #00000080;
  flex-flow: column;
  height: 100vh;
  padding-top: 128px;
  padding-bottom: 64px;
  display: block;
  position: absolute;
  inset: 0%;
  overflow: auto;
}

.divmodalcontent {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  display: flex;
}

.modal-close {
  position: absolute;
  inset: 0%;
}

.image-99 {
  display: inline-flex;
}

.image-100 {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: block;
}

.cilent {
  color: var(--dark-purple);
  padding-left: 0;
  padding-right: 0;
}

.header {
  display: flex;
}

.arrow-icon {
  width: 32px;
  transform: rotate(-90deg);
}

.work-header {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  align-self: stretch;
  display: flex;
}

.work-section {
  padding-top: 48px;
  padding-bottom: 128px;
}

.container1248work {
  max-width: 1248px;
}

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

.works-2-column {
  grid-column-gap: 24px;
  grid-row-gap: 48px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.work-filter {
  position: sticky;
  top: 100px;
}

.fs-checkbox-field {
  color: var(--light-purple);
  border-radius: 99px;
  margin-bottom: 0;
  padding: 8px 16px;
  display: inline-block;
  position: relative;
}

.fs-checkbox-field.is-active {
  background-color: var(--light-purple);
  color: var(--white);
}

.fs-checkbox_button {
  z-index: -1;
  border: 1px solid var(--light-purple);
  border-radius: 99px;
  width: 100%;
  height: 100%;
  margin-top: 0;
  margin-left: 0;
  position: absolute;
  inset: 0%;
}

.fs-checkbox_button.w--redirected-checked {
  border-color: var(--light-purple);
  color: var(--white);
  background-color: #0000;
  margin-top: 0;
  margin-left: 0;
}

.fs-checkbox_button.w--redirected-focus {
  box-shadow: 0 0 8px #0003;
}

.fs-checkbox_button.w--redirected-focus-visible {
  border-style: solid;
  box-shadow: 0 0 8px #0003;
}

.collection-list-4 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: wrap;
  display: flex;
}

.work-categories, .work-services {
  flex-flow: column;
  display: flex;
}

.collection-list-5, .text-block-53 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: wrap;
  display: flex;
}

.textbox {
  font-weight: 600;
}

.service-filter {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  display: flex;
}

.filter-header {
  font-size: 24px;
  font-weight: 600;
  line-height: 1.5em;
}

.collection-list-wrapper-5 {
  z-index: -1;
  padding: 16px;
  position: absolute;
  inset: 0%;
}

.form {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  display: flex;
}

.industry-filter {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  display: flex;
}

.clearall {
  align-self: stretch;
  margin-top: 24px;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
}

.div-block-123 {
  height: 100%;
  display: block;
  position: relative;
}

.div-block-123.real {
  display: block;
}

.mobilemodal, .modalclose {
  display: none;
}

.header-container {
  max-width: 1248px;
  height: 100%;
}

.div-block-124 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.divborder {
  border: 1px solid #000;
  border-bottom-style: none;
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-start;
  padding: 24px;
  display: flex;
}

.divborder.video {
  border-style: solid;
  flex-flow: row;
  flex: 1;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
}

.divborder.cta {
  border-bottom-style: solid;
  border-left-style: none;
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
}

.paragraph-29 {
  max-width: 40%;
}

.div-block-125 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.youtube-2 {
  aspect-ratio: 16 / 9;
  height: 100%;
}

.text-block-55 {
  font-size: 24px;
  font-weight: 600;
  line-height: 1.5em;
}

.paragraph-30 {
  text-align: center;
  max-width: 50%;
}

.youtube-portrait {
  aspect-ratio: 3 / 4;
  align-self: center;
  width: 100%;
  max-width: 50%;
}

.heading-47 {
  margin-top: 0;
  margin-bottom: 0;
  position: sticky;
  top: 128px;
}

.div-track {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  display: flex;
}

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

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

.div-block-126._50per {
  max-width: 50%;
}

.heading-48 {
  text-align: center;
  align-self: stretch;
}

.heading-49, .paragraph-31 {
  text-align: center;
}

.onwhite {
  color: var(--white);
  text-align: center;
  max-width: 80%;
}

.div-block-127 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding-bottom: 96px;
  display: flex;
  position: sticky;
  top: 40%;
}

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

.container-decoration {
  max-width: none;
  padding-left: 0;
  padding-right: 0;
}

.motion-decoration {
  background-color: var(--light-purple);
  justify-content: flex-start;
  align-items: center;
  padding-top: 8px;
  padding-bottom: 8px;
  display: flex;
}

.motion-decoration.rotate-left {
  overflow: hidden;
}

.motion-decoration.rotate-right {
  overflow: hidden;
  transform: rotate(1deg);
}

.motion-decoration-text {
  color: var(--white);
  white-space: nowrap;
  word-break: keep-all;
  font-size: 48px;
  font-weight: 600;
  line-height: 150%;
}

.line-block {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  padding-bottom: 8px;
  display: flex;
}

.div-line-1 {
  background-color: var(--light-purple);
  height: 8px;
}

.div-line-2 {
  background-color: var(--light-purple);
  height: 16px;
}

.div-line-3 {
  background-color: var(--light-purple);
  height: 24px;
}

.div-line-4 {
  background-color: var(--light-purple);
  height: 32px;
}

.background-video-2 {
  width: 100%;
  position: absolute;
  inset: 10vh 0% 0%;
}

.div-block-128 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: .75fr 1.25fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.form-2 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  border: 1px solid var(--light-purple-2);
  background-color: var(--white);
  border-radius: 16px;
  flex-flow: column;
  padding: 48px;
  display: flex;
  box-shadow: 0 0 20px #0000000d;
}

.div-block-129 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.google {
  height: 35px;
}

.div-block-130 {
  border: 1px solid #0000004d;
  border-radius: 99px;
  flex: 1;
}

.div-block-131 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.div-block-132 {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  color: var(--black);
  margin-left: 24px;
  display: flex;
}

.div-block-133 {
  border: 1px #0000004d;
  border-bottom-style: solid;
  align-self: stretch;
}

.text-block-56 {
  color: #000c;
}

.text-field {
  color: var(--keytakeaway);
  white-space: break-spaces;
  word-break: break-all;
  overflow-wrap: anywhere;
  border: 1px #000;
  width: auto;
  margin-bottom: 0;
  margin-left: 24px;
  padding: 0;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.5em;
}

.text-field.description {
  color: var(--black);
  white-space: break-spaces;
  word-break: break-all;
  overflow-wrap: break-word;
  resize: none;
  width: 100%;
  height: 128px;
  margin-top: 8px;
  font-size: 16px;
  overflow: hidden;
}

.text-field.url {
  color: #2c2c2c;
  width: 100%;
  min-width: auto;
  height: auto;
  margin-bottom: 8px;
  margin-left: 16px;
  font-size: 14px;
  line-height: 1em;
}

.text-field.url.title {
  color: var(--black);
  margin-bottom: 6px;
  margin-left: 16px;
  font-size: 16px;
}

.div-block-134 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  align-self: stretch;
  display: flex;
}

.form-3 {
  border: 1px solid var(--light-purple-2);
  background-color: var(--white);
  border-radius: 16px;
  flex-flow: column;
  flex: 1;
  justify-content: space-between;
  height: 100%;
  padding: 24px;
  display: flex;
  box-shadow: 0 0 20px #0000000d;
}

.form-block-2 {
  flex-flow: column;
  height: 100%;
  margin-bottom: 0;
}

.text-field-2 {
  border-radius: 8px;
}

.textarea {
  resize: none;
  border-radius: 8px;
  height: 100%;
  min-height: 80px;
}

.text-field-3 {
  border-radius: 8px;
}

.div-block-135 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  display: flex;
}

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

.div-block-136 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 5px;
  display: flex;
}

.field-label {
  margin-bottom: 0;
}

.field-label-2 {
  color: var(--deep-pink);
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
}

.div-block-137 {
  margin-left: 24px;
  display: flex;
}

.place-holder {
  background-color: gray;
  background-image: radial-gradient(circle farthest-corner at 0% 0%, var(--deep-pink), var(--gold) 34%, var(--light-purple) 67%, var(--deep-sky-blue));
  border-radius: 99px;
  align-self: stretch;
  width: 40px;
  height: 40px;
}

.div-block-138 {
  flex: 1;
}

.heading-50 {
  font-size: 20px;
  line-height: 150%;
}

.hidden {
  display: none;
}

.div-contentwrapper {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  flex-flow: column;
  width: 100%;
  max-width: 1296px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
  position: relative;
  overflow: visible;
}

.div-page-wrapper {
  flex-flow: column;
  display: flex;
  overflow: visible;
}

.herosection {
  position: relative;
}

.div-cardbackground {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: flex-start;
  padding: 24px;
  display: grid;
  position: relative;
}

.containercontent {
  z-index: 1;
  opacity: 1;
  max-width: 1296px;
  position: relative;
}

.div-herocontent {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  display: flex;
}

.div-block-139.leftr {
  align-self: flex-start;
}

.div-block-140 {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  background-image: linear-gradient(#fff, #ffffffe8 75%, #fff0);
  border-radius: 16px 16px 0 0;
  flex-flow: column;
  padding: 160px 24px;
  display: flex;
}

.div-block-140.full {
  background-color: var(--white);
  border-radius: 16px;
  box-shadow: 0 0 8px #0003;
}

.divbackground {
  flex: 0 auto;
  max-width: 1296px;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: 0%;
}

.div-block-141 {
  background-color: var(--deep-pink);
  border-radius: 99px;
}

.div-block-142 {
  z-index: -1;
  aspect-ratio: 1;
  filter: blur(200px);
  width: 600px;
  position: absolute;
  inset: 0%;
}

.div-block-143 {
  aspect-ratio: 1;
  background-color: var(--deep-pink);
  border-radius: 9999px;
  width: 400px;
  position: absolute;
  inset: auto auto 0% 135%;
}

.div-color {
  aspect-ratio: 1;
  background-color: var(--deep-sky-blue);
  width: 400px;
  position: absolute;
  inset: 288% 100% 0% 125%;
}

.div-color.pink {
  background-color: var(--deep-pink);
  top: 156%;
  left: 24%;
}

.div-color.pink._1 {
  top: -10%;
  left: 0%;
}

.div-color.pink._1._2 {
  top: 45%;
  left: 100%;
}

.div-color.pink._1._2._3 {
  left: 108%;
}

.div-color.pink._2 {
  top: 17%;
}

.div-color.pink._3 {
  top: 249%;
  left: 79%;
}

.div-color.background {
  z-index: -1;
  opacity: .6;
  filter: blur(150px);
  background-color: #0000;
  background-image: radial-gradient(circle at 100% 100%, #00ccfd, #7f66f5 25%, #ff41a4 57%, #ffc403 77%);
  border-radius: 999px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  inset: 80vh 0% 0%;
}

.div-color.yellow {
  background-color: var(--gold);
  width: 500px;
}

.div-color.yellow._1 {
  left: -53%;
}

.div-color.yellow._2 {
  top: 0%;
}

.div-color.yellow._2._3 {
  top: 60%;
  left: 0%;
}

.div-color.purple {
  background-color: var(--light-purple);
  filter: blur(200px);
  width: 600px;
  top: 140%;
  left: 25%;
}

.div-color.purple._1 {
  left: 122%;
}

.image-101 {
  width: 100%;
}

.infosection {
  position: relative;
}

.infosection.bottom-padding {
  margin-bottom: 128px;
}

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

.div-grid-2._64 {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
}

.div-cardwhite {
  background-color: var(--white);
  border-radius: 16px;
  padding: 24px;
  box-shadow: 0 0 20px #0000001a;
}

.div-contentcontainer {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  flex-flow: column;
  display: flex;
}

.div-contentcontainer._24px {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  padding-top: 64px;
  padding-bottom: 64px;
}

.div-projectheader {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.div-tagline {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 160em;
  padding-top: 200px;
  padding-bottom: 200px;
  display: flex;
}

.white-tagline {
  color: var(--white);
  text-align: left;
  text-shadow: 0 0 20px #00000040;
  font-size: 160px;
  font-weight: 700;
  line-height: 1.5em;
  display: flex;
}

.link-item {
  perspective: 2000px;
  transform-origin: 0%;
  color: #131313;
  justify-content: center;
  align-items: center;
  margin-top: -.5vw;
  margin-bottom: -.5vw;
  font-size: 10vw;
  line-height: 1;
  display: flex;
}

.link-item__text {
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(to right, #131313, #2e2e2e);
  -webkit-background-clip: text;
  background-clip: text;
}

.link-item__text:hover {
  background-image: linear-gradient(#fd3846, #fd3846), linear-gradient(to right, #131313, #2e2e2e);
}

.div-block-144 {
  flex-flow: column;
  flex: 1;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.right-image-animation {
  position: absolute;
  inset: 0% auto auto 0%;
}

.right-image-animation.grey {
  inset: auto auto 0% 0%;
}

.left-image-animation {
  position: absolute;
  inset: 0% auto auto 0%;
}

.left-image-animation.grey {
  inset: auto auto 0% 0%;
}

.image-background {
  z-index: -1;
  aspect-ratio: 1;
  object-fit: fill;
  background-color: #fff;
  border-radius: 16px;
  position: relative;
}

.image-background.grey {
  aspect-ratio: 3 / 2;
  background-color: #d8d3cf;
}

.image-background.grey._1-1 {
  aspect-ratio: 3 / 2;
  background-color: #f7ebda;
}

.bottom-image-animation {
  position: absolute;
  inset: 0% auto auto 0%;
}

.div-block-145 {
  background-image: linear-gradient(90deg, #fff, #fff0 10% 90%, #fff);
  position: absolute;
  inset: 0%;
}

.text-block-57 {
  text-align: left;
  font-size: 32px;
  font-weight: 400;
  line-height: 1.5em;
}

.text-block-58 {
  color: var(--light-purple);
  font-size: 128px;
  font-weight: 600;
  line-height: 1em;
  display: block;
}

.div-block-146 {
  align-self: stretch;
}

.almost-fullscreen {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  height: 100vh;
  display: flex;
}

.div-block-147 {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  flex: 0 auto;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-content: start;
  align-self: center;
  place-items: start;
  display: grid;
}

._3d-transform {
  perspective: 2000px;
}

._3d-transform._100 {
  width: 100%;
}

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

.text-block-59 {
  font-size: 24px;
  font-weight: 600;
  line-height: 1.5em;
}

.div-block-148 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border: 1px solid var(--dark-purple);
  -webkit-backdrop-filter: blur(99px);
  backdrop-filter: blur(99px);
  color: var(--dark-purple);
  border-radius: 99px;
  order: 1;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-self: auto;
  align-items: flex-start;
  padding: 16px 24px;
  transition: all .2s;
  display: block;
}

.div-block-148:hover {
  border-color: var(--light-purple);
  background-color: var(--light-purple);
  color: var(--white);
}

.div-block-149 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: row;
  place-content: flex-start;
  align-self: flex-start;
  align-items: flex-start;
  width: 600px;
  display: block;
  position: relative;
}

.text-block-60 {
  font-size: 16px;
}

.div-block-150 {
  clear: left;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  object-fit: contain;
  flex-flow: wrap;
  flex: 0 auto;
  place-content: flex-start;
  align-self: flex-start;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.div-block-151 {
  align-self: stretch;
}

.headerwhat {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: center;
  align-self: center;
  align-items: flex-end;
  display: flex;
}

.text-block-61 {
  font-size: 64px;
  line-height: 1em;
}

.text-block-61.b {
  color: var(--deep-sky-blue);
  font-size: 80px;
  font-weight: 600;
}

.image-card-transparent {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  background-color: #fffc;
  border-radius: 16px;
  flex-flow: column;
  flex: 1;
  justify-content: space-between;
  align-self: center;
  align-items: flex-start;
  padding: 24px;
  display: flex;
  box-shadow: 0 0 8px #0003;
}

.image-card-transparent.dark {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #0006;
  flex-flow: column;
  flex: 1;
  justify-content: flex-start;
  align-self: flex-start;
  align-items: flex-start;
  padding-bottom: 0;
  transition: transform .2s cubic-bezier(.215, .61, .355, 1);
}

.image-card-transparent.dark:hover {
  transform: scale(1.01);
}

.div-block-152 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  text-align: left;
  flex-flow: wrap;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-self: flex-start;
  align-items: center;
  width: 100%;
  display: grid;
}

.text-block-62 {
  color: var(--dark);
  text-align: left;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.5em;
}

.text-block-62.white {
  color: var(--white);
  margin-bottom: 24px;
  font-size: 48px;
  line-height: 1em;
}

.container-3d {
  transform-style: preserve-3d;
  width: 100%;
  transform: rotateX(15deg)rotateY(0)rotateZ(0);
}

.div-block-153 {
  aspect-ratio: auto;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.div-block-154 {
  padding-top: 64px;
  padding-bottom: 64px;
}

.content-container {
  margin-left: auto;
  margin-right: auto;
}

.div-block-155 {
  perspective: 2000px;
}

.text-span-11 {
  color: var(--deep-sky-blue);
}

.div-block-157 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-self: auto;
  align-items: stretch;
  height: 25em;
  display: flex;
  position: relative;
}

.text-center.card {
  background-color: var(--white);
  border-radius: 16px;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  padding: 24px;
  display: flex;
  box-shadow: 0 0 10px #0003;
}

.text-center.card.center {
  justify-content: center;
  align-items: center;
  max-height: 100%;
  margin-top: 0;
  margin-bottom: 0;
}

.div-block-158 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.how-to {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: var(--white);
  border-radius: 16px;
  flex-flow: column;
  padding: 24px;
  display: flex;
  box-shadow: 0 0 10px #0003;
}

.how-heading {
  color: var(--gold);
  font-size: 24px;
  font-weight: 600;
  line-height: 1.5em;
}

.how-heading.pink {
  color: var(--deep-pink);
}

.how-heading.blue {
  color: var(--deep-sky-blue);
}

.how-heading.purple {
  color: var(--light-purple);
}

.div-block-159 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.lottie-animation-8 {
  max-height: 80px;
}

.paragraph-32 {
  overflow: hidden;
}

.div-block-160 {
  flex: 0 auto;
  overflow: hidden;
}

.lottie-animation-9 {
  max-height: 80px;
}

.div-block-161 {
  flex-flow: row;
  flex: 1;
  align-self: flex-start;
  height: 100%;
  display: flex;
  position: relative;
}

.paragraph-33 {
  color: var(--white);
  overflow: hidden;
}

.image-102 {
  margin-bottom: 24px;
}

.div-block-162 {
  padding-top: 48px;
  padding-bottom: 48px;
}

.text-block-63 {
  color: var(--light-purple);
  font-size: 20px;
}

.div-block-163 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
  position: relative;
}

.div-block-163.sticky {
  flex-flow: row;
  display: flex;
}

.div-block-164 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: var(--shadow);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  border-radius: 16px;
  flex-flow: column;
  padding: 24px 24px 6px;
  display: flex;
}

.text-block-64 {
  font-size: 18px;
  font-weight: 600;
  line-height: 1.5em;
}

.p {
  overflow: hidden;
}

.div-background {
  z-index: -999;
  position: fixed;
  inset: 0%;
}

.div-block-165 {
  background-color: var(--white);
}

.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 {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

@media screen and (min-width: 1440px) {
  .home-nav-link.w--current {
    color: var(--new--light);
  }

  .tab-link:hover {
    border-width: 1px;
    border-color: #7f67f5;
  }

  .tab-link.w--current {
    border-width: 0;
    border-radius: 12px;
  }

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

  .image-2:hover {
    transform: scale(1.007);
  }

  .button:hover {
    box-shadow: 3px 3px 24px -2px var(--shadow);
    background-color: #7f67f5f2;
  }

  .thumbnail-all-blog:hover {
    transform: scale(1.009);
  }

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

  .blog-card:hover {
    opacity: 1;
  }
}

@media screen and (max-width: 991px) {
  .slide-grid.first {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    display: flex;
  }

  .slide-title {
    font-size: 70px;
  }

  .slide-title.first {
    margin-bottom: 20px;
  }

  .slide-title.animate {
    font-size: 6.6vw;
  }

  .slide-button {
    margin-top: 40px;
    font-size: 2vw;
  }

  .home-nav-link {
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
  }

  .home-nav-link.service, .home-nav-link.new {
    padding-left: 0;
  }

  .new-footer {
    grid-template-rows: auto auto auto auto auto;
    grid-auto-flow: row;
  }

  .new-footer._2 {
    align-items: stretch;
    padding-top: 40px;
  }

  .navbar-bg {
    height: 100%;
  }

  .slide-sub-text {
    font-size: 16px;
  }

  .more-service-wrapper {
    display: block;
  }

  .more-service, .more-service-arrow {
    display: none;
  }

  .more-service-button {
    margin-top: 0%;
    padding-top: 0;
  }

  .nav-logo {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .nav-logo.w--current {
    padding-left: 16px;
    padding-right: 16px;
  }

  .lottie-image {
    width: 110%;
  }

  .slide-subtitle {
    font-size: 2vw;
  }

  .container1200 {
    max-width: none;
    padding-left: 16px;
    padding-right: 16px;
  }

  .heading.lesspadding {
    padding-bottom: 20px;
    font-family: IBM Plex Sans Thai, sans-serif;
  }

  .heading.lesspadding.center {
    line-height: 64px;
  }

  .heading.lesspadding.head {
    font-size: 48px;
  }

  .tab-link.w--current {
    margin-bottom: 10px;
  }

  .tabs-menu {
    object-fit: fill;
    overflow: visible;
  }

  .project-2-column {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .head24px {
    font-size: 24px;
  }

  .works-card {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: column;
    place-content: center;
    align-items: center;
    display: grid;
  }

  .works-card.new {
    justify-content: flex-start;
    align-items: stretch;
    display: flex;
  }

  .works-card.webflow {
    display: flex;
  }

  .text16px {
    font-size: 14px;
  }

  .image-2.aspect {
    height: 100%;
    position: absolute;
    inset: 0%;
  }

  .works-card-wrapper {
    padding-bottom: 0;
  }

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

  .clients-wrapper {
    padding-bottom: 20px;
  }

  .cta-section {
    max-width: none;
    padding: 60px 20px;
  }

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

  .contact4_form-wrapper {
    width: 100%;
    padding: 2.5rem 0;
  }

  .button.th.line {
    align-self: auto;
    margin-top: 0;
  }

  .button.th.line.seo {
    margin-right: 24px;
  }

  .container-9.no-padding-mobile {
    padding-left: 24px;
    padding-right: 24px;
  }

  .container-9.no-padding-mobile.software-development {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .faq-wrapper {
    width: auto;
    max-width: 100%;
  }

  .navhome-home.mega-menu {
    position: fixed;
    overflow: visible;
  }

  .html-embed {
    padding-top: 40px;
  }

  .clients {
    padding-left: 20px;
    padding-right: 20px;
  }

  .date {
    object-fit: fill;
    display: block;
  }

  .thumbnail-all-blog {
    max-width: 100%;
    display: inline-block;
  }

  .collection-item-3 {
    text-align: left;
    margin-left: auto;
    margin-right: auto;
  }

  .text20px {
    font-size: 18px;
  }

  .all-blogs {
    grid-column-gap: 20px;
    grid-row-gap: 40px;
    grid-template-rows: auto auto auto auto auto auto auto;
    grid-template-columns: 1fr 1fr;
    place-content: stretch;
    place-items: start stretch;
  }

  .blog-card {
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    display: block;
  }

  .rich-text-block-2 {
    font-size: 16px;
  }

  .button-ghost.small {
    padding-top: 8px;
  }

  .cta-wrapper {
    width: auto;
  }

  .dropdown {
    justify-content: space-between;
  }

  .dropdown-card {
    margin-bottom: 28px;
  }

  .blog-card-2 {
    white-space: normal;
    width: 40%;
    height: 268px;
    margin-bottom: 4px;
    margin-right: 16px;
    padding-bottom: 32px;
    display: inline-block;
    position: relative;
  }

  .content-section.toc {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .heading-landing-th.seo-h2 {
    margin-top: 0;
    margin-bottom: 24px;
  }

  .container-20 {
    padding-top: 20px;
    padding-left: 32px;
    padding-right: 23px;
  }

  .container-20.first {
    padding-left: 24px;
    padding-right: 24px;
  }

  .container-20.seo {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .head {
    padding-bottom: 40px;
  }

  .landing-card-wrapper {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    place-items: stretch stretch;
  }

  .landing-card-wrapper._3-columns {
    grid-template-columns: 1fr 1fr;
  }

  .div-card.main {
    padding: 24px;
  }

  .div-card.home.service-card._1 {
    background-size: auto, cover;
    align-items: flex-start;
  }

  .div-card.home.service-card._2 {
    background-size: auto, cover;
  }

  .div-card.home.service-card._3 {
    background-position: 0 0, 50% 0;
    background-size: auto, cover;
  }

  .paragraph-th {
    text-align: left;
    padding-top: 10px;
  }

  .color-card-wrapper {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    place-items: stretch start;
  }

  .color-landing-card {
    padding-right: 24px;
  }

  .white-landing-card-wrapper {
    grid-row-gap: 16px;
    grid-template-columns: 1fr;
  }

  .service-wrapper {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .paragraph-with-image {
    grid-template-columns: 1fr;
    align-content: start;
    place-items: start stretch;
    padding-top: 0;
  }

  .paragraph-card {
    padding-left: 0;
  }

  .paragraph-card.left {
    padding-right: 40px;
  }

  .paragraph-card.left.mobile {
    padding-right: 0;
  }

  .dropdown-toggle-3.test {
    padding-left: 20px;
    padding-right: 20px;
    display: block;
  }

  .dropdown-list-4 {
    z-index: 9001;
    position: absolute;
  }

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

  .dropdown-4 {
    padding-top: 20px;
    padding-bottom: 20px;
  }

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

  .dropdown-main {
    flex: 0 auto;
    margin-left: 0;
    margin-right: 0;
    padding: 20px 40px 20px 20px;
    display: block;
  }

  .dropdown-main.test {
    align-self: auto;
    padding-left: 0;
    padding-right: 0;
  }

  .nav-menu-3 {
    background-color: var(--gray--bg);
    object-fit: fill;
    flex-wrap: nowrap;
    flex: 0 auto;
    justify-content: flex-start;
    height: auto;
    padding-left: 0;
    position: absolute;
    overflow: visible;
  }

  .menu-button-mobile-size {
    background-color: #0000;
    flex: 0 auto;
  }

  .menu-button-mobile-size.w--open {
    color: var(--dark-purple);
    background-color: #0000;
    flex: 0 auto;
  }

  .link-3-copy.mobile {
    padding-left: 0;
    padding-right: 0;
  }

  .nav-container {
    justify-content: space-between;
    max-width: none;
    display: flex;
    position: relative;
    overflow: visible;
  }

  .div-nav {
    flex-direction: row;
    flex: 1;
    justify-content: space-between;
    align-items: center;
    display: flex;
    position: relative;
  }

  .icon-4 {
    color: var(--dark-purple);
  }

  .mask-feature {
    width: 340px;
  }

  .feature-content-spacer {
    grid-template-columns: 1fr;
    margin-bottom: 60px;
  }

  .hidden-arrow.right.google, .hidden-arrow.right.social, .hidden-arrow.right.market {
    left: -520px;
  }

  .slider-feature {
    align-items: stretch;
  }

  .slider-back-block {
    border-radius: 20px;
    width: 100%;
    padding-top: 60px;
    padding-left: 40px;
    position: relative;
    inset: auto 0% 0%;
  }

  .section-feature-slider {
    flex-direction: column;
    min-height: auto;
  }

  .grid-two-column {
    grid-template-columns: 1fr;
  }

  .image-cover {
    height: 100%;
  }

  .content-image {
    height: 400px;
  }

  .line-break {
    display: none;
  }

  .process-grid {
    grid-column-gap: 32px;
    grid-row-gap: 60px;
    background-image: none;
    background-repeat: repeat;
    background-size: auto;
    grid-template-columns: 1fr;
    max-width: 450px;
    margin-left: auto;
    margin-right: auto;
  }

  .process-section {
    display: block;
  }

  .header-grid {
    grid-template-columns: 1fr;
  }

  .header-card {
    left: 32px;
  }

  .head48x.center {
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .section-cta {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .section-header.blue {
    padding-top: 140px;
  }

  .section-header.gradient {
    padding-bottom: 400px;
  }

  .cta-button-wrap.left {
    justify-content: flex-start;
  }

  .cta-button-wrap.service {
    justify-content: center;
    align-items: flex-start;
    margin-left: 0;
    margin-right: auto;
  }

  .paragraph-wrapper {
    grid-row-gap: 24px;
  }

  .div-block-30.top-padding {
    padding-top: 0;
  }

  .div-block-30.bottom-padding {
    padding-bottom: 0;
  }

  .list {
    margin-top: 0;
  }

  .table-of-content {
    overflow: visible;
  }

  .heading-23.seo-h4 {
    padding-top: 0;
  }

  .m-section-large {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .m-content-grid {
    grid-template-columns: 1fr;
  }

  .m-content-header-wrapper {
    align-items: flex-start;
    max-width: none;
  }

  .image-45 {
    align-self: center;
    max-width: 50vh;
  }

  .flex {
    grid-template-rows: auto;
    align-items: start;
  }

  .div-grid {
    grid-template-columns: 1fr;
  }

  .div-grid._3-cards {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-direction: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    place-content: start center;
    align-self: auto;
    place-items: center;
    display: grid;
  }

  .div-grid.blogs, .div-grid._2-grid {
    grid-template-columns: 1fr;
  }

  .div-grid.seo-service {
    grid-template-columns: 1.25fr;
  }

  .div-grid._3-column, ._4-grid.ci {
    grid-template-columns: 1fr 1fr;
  }

  ._2-grid {
    grid-row-gap: 60px;
    grid-template-columns: 1fr;
  }

  ._2-grid.align {
    grid-row-gap: 40px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  ._2-grid.small-left {
    grid-template-columns: 1.25fr;
  }

  .accordion-toggle {
    grid-column-gap: 8px;
  }

  .glosary-head {
    padding-top: 140px;
  }

  .div-block-47 {
    flex-direction: column;
    display: flex;
  }

  .menu {
    padding-bottom: 0;
  }

  .modalmenu-open {
    z-index: 9000;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    background-color: var(--white);
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    width: 85%;
    min-width: auto;
    max-width: none;
    padding-top: 0;
    padding-bottom: 0;
    display: flex;
    position: fixed;
    inset: 0% auto 0% 0%;
    overflow: auto;
  }

  .dropdown-list-4-test {
    z-index: 9001;
    position: absolute;
  }

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

  .test {
    display: block;
  }

  .modalmenu-close {
    z-index: 8000;
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
    background-color: #00000080;
    padding-bottom: 0;
    padding-right: 0;
    position: fixed;
    inset: 0%;
  }

  .modalmenu {
    z-index: 9000;
    display: none;
    position: fixed;
    inset: 0%;
  }

  .modalbutton {
    border-radius: 0;
    flex: 0 auto;
    padding: 18px 19px;
    display: block;
  }

  .icon-5 {
    font-size: 24px;
  }

  .test-section._2 {
    background-color: var(--white);
  }

  .image-wrapper-16-9 {
    padding-top: 56.25%;
    padding-bottom: 0;
    padding-right: 0;
    position: relative;
  }

  .center-h4 {
    height: 100px;
  }

  .blog---keytakeaway {
    color: var(--light-purple);
    font-size: 16px;
    display: block;
  }

  .column-7 {
    padding-left: 0;
    padding-right: 0;
  }

  .section {
    z-index: 1;
    padding-top: 32px;
    padding-bottom: 32px;
  }

  .section.color-bg {
    padding-top: 32px;
    padding-bottom: 32px;
  }

  .section.header {
    padding-top: 96px;
  }

  .section.header.color-bg.blue {
    padding-top: 80px;
    padding-bottom: 32px;
  }

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

  .section._16pxpadding {
    padding-left: 16px;
    padding-right: 16px;
  }

  .section.hide {
    display: none;
  }

  .section.branding {
    overflow: visible;
  }

  .container, .container.home-card {
    padding-left: 16px;
    padding-right: 16px;
  }

  .div-content.faq-card {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .div-content.home-card {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
  }

  .div-content.padding.center {
    padding-left: 0;
    padding-right: 0;
  }

  .div-content.brand {
    flex-flow: column;
  }

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

  .heading-2.align-center.sub.italic {
    font-size: 32px;
  }

  .heading-2.header.align-center {
    text-align: left;
  }

  .faq-list {
    padding-left: 24px;
  }

  .div-image._16-9 {
    align-self: center;
  }

  .div-image.hide {
    display: none;
  }

  .div-image.card {
    height: 100%;
    padding-top: 100%;
  }

  .div-image.lottie {
    width: 80%;
  }

  .link-banner {
    background-image: url("https://cdn.prod.website-files.com/6283588ec72f397a40c51dba/64019fa6e6c510317396b654_Mobile%20Banner.png");
    background-position: 50%;
    background-size: cover;
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .banner-content {
    width: 80%;
  }

  .cookie-preference-button {
    right: 8px;
  }

  .featured-blog {
    display: none;
  }

  .featured-blog.mobile {
    display: block;
  }

  .splide__slide {
    width: 50%;
  }

  .blogs-grid {
    grid-template-columns: 1fr 1fr;
  }

  .head72px {
    font-size: 64px;
  }

  .service-div {
    grid-row-gap: 40px;
    grid-template-columns: 1fr;
    padding-top: 0;
  }

  .service-div._2-column {
    grid-template-columns: 1fr;
    padding-top: 24px;
  }

  .head56px {
    font-size: 44px;
    line-height: 52px;
  }

  .purple-bg {
    width: 220px;
    height: 220px;
  }

  .vertical {
    grid-row-gap: 16px;
    padding-bottom: 60px;
  }

  .media-bg-lottie {
    top: -50px;
  }

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

  .container800 {
    padding-left: 16px;
    padding-right: 16px;
  }

  .paragraph-th-2 {
    text-align: left;
    padding-top: 10px;
  }

  .paragraph-th-2.center {
    padding-top: 0;
  }

  .content-heading-wrapper-2 {
    max-width: none;
    margin-top: 0;
    position: relative;
    top: 0;
  }

  ._2 {
    flex-direction: column;
  }

  .footer-top {
    padding-bottom: 80px;
    padding-left: 24px;
    padding-right: 24px;
  }

  .div-block-55 {
    overflow: visible;
  }

  .footer-3-column {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
    flex-direction: column;
    grid-template-columns: 1fr;
    display: flex;
  }

  .footer-bot {
    padding-top: 40px;
  }

  .footer-new {
    height: auto;
  }

  .container-80-padding {
    max-width: none;
    padding-left: 0;
    padding-right: 0;
    display: none;
  }

  .container-80-padding.mobile {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: block;
  }

  .container-80-padding.footer {
    padding-left: 16px;
    padding-right: 16px;
    display: block;
  }

  .nav-link-new {
    padding-top: 16px;
    padding-bottom: 16px;
  }

  .arrow-dropdown {
    transition: all .2s;
  }

  .arrow-dropdown:active {
    transform: rotate(540deg);
  }

  .section-aurora {
    padding-top: 32px;
    padding-bottom: 32px;
  }

  .section-aurora.hero {
    height: 100vh;
    position: relative;
  }

  .section-aurora.hero.calc {
    width: 100vw;
  }

  .section-aurora.hero.calc.brand {
    height: 150vh;
    overflow: hidden;
  }

  .div-block.calc {
    display: none;
    left: 88%;
  }

  .nav-megamenu, .nav-drop-opened {
    display: none;
  }

  .nav-mobile {
    border: 1px #fff;
    border-radius: 99px;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 16px;
    margin-bottom: 16px;
    display: flex;
  }

  .nav-hamburger-close {
    background-color: #fff;
    border-radius: 99px;
    justify-content: center;
    align-self: center;
    align-items: center;
    width: 60px;
    height: 60px;
    display: flex;
    box-shadow: 1px 1px 40px #6c6fa624;
  }

  .nav-megamenu-mobile {
    background-color: var(--white);
    border-radius: 24px;
    width: 100%;
    height: 80vh;
    padding: 16px;
    display: none;
    position: relative;
  }

  .megamenu-mobile {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    padding: 16px;
    display: flex;
  }

  .mobile-dropdown-megamenu {
    align-self: flex-start;
    display: block;
  }

  .megamenu-list {
    display: none;
  }

  .megamenu-list.w--open {
    background-color: #fff;
    display: block;
  }

  .megamenu-block {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    height: 100%;
    display: block;
    overflow: auto;
  }

  .lottie-animation-5 {
    width: 60px;
    height: 60px;
  }

  .nav-hamburger-open {
    border-radius: 99px;
    justify-content: center;
    align-items: center;
    display: none;
    box-shadow: 1px 1px 40px #6c6fa624;
  }

  .hero-heading {
    font-size: 64px;
    line-height: 72px;
  }

  .div-block-56 {
    width: 120px;
    height: 120px;
    top: 100px;
    left: 240px;
  }

  .image-58 {
    width: 48px;
    height: 48px;
  }

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

  .page-wrapper {
    justify-content: center;
    align-self: flex-end;
    align-items: center;
    height: 100vh;
    padding: 0;
  }

  .page-wrapper.brand {
    align-self: stretch;
    width: 100vw;
    height: auto;
    overflow: visible;
  }

  .panel-wrapper.brand {
    margin-top: -40vw;
  }

  .blur {
    overflow: hidden;
  }

  .panel {
    align-items: stretch;
    padding-top: 140px;
  }

  .hero-container {
    flex: 0 auto;
    top: -60px;
  }

  .div-block-57 {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
    flex-flow: row;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    place-content: center flex-start;
    place-items: center;
    display: flex;
    overflow: auto;
  }

  .image-60 {
    align-self: auto;
  }

  .h2-home {
    font-size: 48px;
    line-height: 56px;
  }

  .grid-home {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
    grid-template-columns: 1.25fr;
  }

  .grid-home.reverse, .grid-home.single, .grid-home.single.smaller {
    grid-template-columns: 1fr;
  }

  .grid-home.single.center {
    grid-template-columns: 1fr;
    align-content: stretch;
    align-self: stretch;
    align-items: stretch;
  }

  .close {
    display: none;
  }

  .text-block-28 {
    font-size: 48px;
    line-height: 56px;
  }

  .div-flex.vertical {
    flex-direction: column;
    padding-bottom: 0;
  }

  .div-flex.horizontal {
    flex-direction: column;
  }

  .div-flex.horizontal.email {
    flex-flow: row;
  }

  .heading-2-padding-center {
    text-align: left;
  }

  .grid-4 {
    grid-template-columns: 1fr 1fr;
  }

  .container-full {
    padding-left: 16px;
    padding-right: 16px;
  }

  .main-calc {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-direction: column;
    align-items: center;
  }

  .calc-card {
    max-width: none;
  }

  .calc-left {
    max-width: none;
    margin-right: 0;
  }

  .calc-box, .calculator {
    max-width: none;
  }

  .container-802 {
    padding-left: 16px;
    padding-right: 16px;
  }

  .arrow-dropdown-2 {
    transition: all .2s;
  }

  .arrow-dropdown-2:active {
    transform: rotate(540deg);
  }

  .calc-drop-open {
    display: none;
  }

  .div-service-container {
    flex-direction: column;
  }

  .div-service-card {
    flex: 0 auto;
    height: 200px;
  }

  .image-62 {
    inset: 0%;
  }

  .div-showcase-wrapper {
    grid-template-columns: 1fr;
  }

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

  .image-64 {
    max-width: 100%;
    position: relative;
    left: 0%;
  }

  .image-65 {
    max-width: 100%;
    position: relative;
    top: 0%;
    left: 0%;
  }

  .s-scrollnormal {
    height: 2000px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .div-richcta._2 {
    flex-flow: column;
    position: relative;
  }

  .div-txtcta {
    width: auto;
  }

  .div-block-81 {
    flex-flow: row;
    justify-content: flex-start;
    align-self: center;
    align-items: center;
    max-width: 80%;
    display: none;
    position: relative;
    overflow: visible;
  }

  .image-68 {
    max-width: none;
    margin-left: 0;
  }

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

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

  .image-71 {
    left: 275px;
  }

  .email-marketing {
    grid-template-columns: 1fr;
  }

  .page-wrapper.seo, .page-wrapper.ci.temp, .page-wrapper.motiongraphic, .track {
    height: auto;
  }

  .camera {
    overflow: visible;
  }

  .frame {
    flex-flow: column;
  }

  .item, .item.first {
    height: auto;
  }

  .content-block.flex-horizontal, .div-item-stretch {
    flex-flow: column;
  }

  .div-item-stretch._2column {
    grid-template-columns: 1fr;
    max-height: none;
  }

  .div-block-87 {
    width: auto;
  }

  .div-block-90 {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
    grid-template-columns: 1fr;
  }

  .div-block-93 {
    display: none;
  }

  ._2-projects {
    grid-template-columns: 1fr;
  }

  .project {
    height: 40vh;
  }

  ._3-projects {
    grid-template-columns: 1fr;
  }

  .background-text, .text-decoration {
    display: none;
  }

  .section-seo-hero {
    flex: 0 auto;
    height: 200vh;
  }

  .button-14 {
    flex: 1;
    width: 210px;
  }

  .carousel-container {
    width: 100%;
  }

  .section-clients {
    flex: none;
    position: relative;
  }

  .section-main-contents {
    flex: none;
  }

  .div-content-grid {
    grid-template-columns: 1fr;
  }

  .scroll-wrapper {
    height: auto;
  }

  .progressbar.mobile {
    z-index: 99;
    border-radius: 99px;
    width: auto;
    padding: 2px;
    display: flex;
    position: sticky;
    top: 40px;
  }

  .progress.mobile {
    border-radius: 99px;
    width: 8px;
    min-height: 8px;
    position: sticky;
  }

  .div-block-102 {
    padding-left: 24px;
    position: relative;
  }

  .scrolling {
    display: none;
  }

  .div-block-106 {
    flex-flow: row;
  }

  .backup.hidden {
    display: none;
  }

  .image-86 {
    aspect-ratio: 1;
    object-fit: scale-down;
  }

  .mobile-scroll {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    padding-left: 80px;
    padding-right: 80px;
    display: block;
    position: absolute;
    inset: 0%;
  }

  .div-block-110 {
    min-height: 12px;
    position: relative;
  }

  .div-block-111 {
    flex: 1;
    min-height: 12px;
    display: flex;
    position: relative;
  }

  .client {
    background-color: var(--white);
    border-radius: 16px;
    padding: 16px;
    overflow: hidden;
  }

  .carousel-container-2 {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
  }

  .container-23 {
    padding-left: 60px;
    padding-right: 60px;
  }

  .cell-17 {
    justify-content: flex-start;
    align-items: center;
    display: block;
  }

  .heading-13 {
    width: 100%;
  }

  .image-91 {
    top: 0%;
  }

  .heading-42 {
    font-size: 28px;
  }

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

  .paragraph-27 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .heading-44 {
    font-size: 16px;
  }

  .button-15 {
    width: 210px;
  }

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

  .div-block-119 {
    padding-left: 16px;
    padding-right: 16px;
  }

  .container-32 {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .heading-45.card {
    margin-top: 32px;
    margin-left: 0;
  }

  .cell-7 {
    justify-content: flex-start;
    align-items: center;
    padding-left: 10px;
    padding-right: 10px;
  }

  .quick-stack-7 {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .heading-46 {
    width: 550px;
    font-size: 40px;
    line-height: 1.5em;
  }

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

  .image-97 {
    top: -55%;
    left: -10%;
  }

  .grid-6 {
    grid-column-gap: 64px;
    grid-row-gap: 64px;
    grid-template-columns: 1fr;
  }

  .work-grid {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
    grid-template-columns: 1fr;
  }

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

  .work-filter {
    z-index: 999;
    background-color: var(--white);
    border-radius: 16px;
    padding: 24px;
    display: flex;
  }

  .collection-list-wrapper-5 {
    flex-flow: column;
    display: flex;
  }

  .div-block-123 {
    z-index: 9999;
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    background-color: #00000080;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    padding: 200px 24px 24px;
    display: none;
    position: fixed;
    inset: 0%;
  }

  .div-block-123.real {
    display: none;
  }

  .mobilemodal {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    background-color: var(--light-purple);
    color: var(--white);
    border-radius: 99px;
    justify-content: flex-start;
    align-items: center;
    padding: 16px 24px;
    font-size: 24px;
    font-weight: 600;
    display: flex;
  }

  .text-block-54 {
    font-size: 18px;
  }

  .modalclose {
    z-index: 99;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    inset: 0%;
  }

  .divborder.video {
    border-bottom-style: none;
  }

  .divborder.cta {
    border-left-style: solid;
    flex-flow: row;
    justify-content: space-between;
    align-items: center;
  }

  .div-block-125 {
    flex-flow: column;
  }

  .div-block-128 {
    grid-template-columns: 1fr;
  }

  .form-2, .form-3 {
    width: 100%;
  }

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

  .white-tagline {
    font-size: 64px;
  }

  .text-block-57 {
    font-size: 24px;
  }

  .text-block-58 {
    font-size: 64px;
  }

  .div-block-147 {
    grid-column-gap: 48px;
    grid-template-columns: 1fr 1fr 1fr;
  }

  .div-block-150 {
    flex-flow: wrap;
  }

  .div-block-152 {
    flex-flow: column;
    display: flex;
  }

  .container-3d {
    transform: none;
  }

  .div-block-155 {
    padding-left: 24px;
    padding-right: 24px;
  }

  .div-block-157 {
    flex-flow: column;
    height: auto;
  }

  .div-block-158 {
    grid-template-columns: 1fr;
  }

  .lottie-animation-8 {
    max-height: none;
  }
}

@media screen and (max-width: 767px) {
  h1 {
    font-size: 32px;
    font-weight: 700;
    line-height: 40px;
  }

  h2 {
    font-size: 24px;
    line-height: 32px;
  }

  h3 {
    font-size: 20px;
    line-height: 28px;
  }

  .s1.software, .s1.c2, .s1.c3 {
    height: 1000px;
  }

  .s1.c4 {
    height: 1000px;
    display: block;
    overflow: hidden;
  }

  .side-nav {
    margin-left: 0;
    margin-right: 0;
    padding-left: 4px;
    padding-right: 4px;
  }

  .side-nav-wrapper {
    display: none;
  }

  .full-width-container {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    max-width: none;
    padding-left: 64px;
    padding-right: 64px;
  }

  .slide-grid {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    height: 100%;
    margin-top: 100px;
    margin-bottom: 140px;
  }

  .slide-grid.first {
    flex-direction: column;
    align-items: flex-start;
  }

  .slide-content {
    flex-direction: column;
    flex: none;
    justify-content: center;
    align-self: auto;
    align-items: flex-start;
    width: auto;
    margin-bottom: 0;
    padding-right: 0;
    display: flex;
  }

  .slide-title {
    font-size: 48px;
  }

  .slide-title.first {
    font-size: 24px;
  }

  .slide-title.animate {
    height: 60px;
    font-size: 48px;
  }

  .slide-image-wrapper {
    order: -1;
    align-self: auto;
    width: auto;
    margin-left: 40px;
    margin-right: 40px;
    display: block;
  }

  .slide-image-wrapper.fixed {
    flex: none;
    align-self: flex-start;
    display: flex;
  }

  .slide-image.consultation {
    width: 200%;
    position: relative;
  }

  .slide-button {
    text-align: center;
    margin-top: 20px;
    padding: 10px 24px;
    font-size: 20px;
    display: block;
  }

  .home-nav-link {
    text-align: center;
    margin-left: 0;
    margin-right: 0;
    padding: 20px 8px 20px 20px;
    display: flex;
  }

  .home-nav-link.service {
    padding-left: 0;
  }

  .new-footer {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-rows: auto auto auto auto auto auto;
    align-items: stretch;
  }

  .footer-column-header.white {
    margin-left: auto;
  }

  .animatetext {
    font-size: 48px;
  }

  .slide-sub-text {
    margin-top: 32px;
    font-size: 14px;
  }

  .more-service-wrapper {
    text-align: right;
    padding-left: 8px;
    padding-right: 8px;
  }

  .more-service {
    width: 60px;
    height: 60px;
    display: none;
  }

  .more-service-arrow {
    width: 60px;
    height: 60px;
    top: 25%;
  }

  .more-service-button {
    margin-bottom: 16px;
  }

  .nav-logo.w--current {
    padding: 0 16px;
  }

  .lottie-image.faster {
    width: 120%;
    margin-left: 0;
  }

  .menu-button {
    justify-content: center;
    align-items: center;
    padding: 24px;
    line-height: 1;
    display: flex;
  }

  .menu-button.w--open {
    background-color: var(--light-blue);
  }

  .slide-subtitle {
    font-size: 20px;
  }

  .hamburger-icon {
    width: 32px;
    height: 32px;
    display: block;
  }

  .nav-menu {
    background-color: var(--light-blue);
    padding-top: 0;
    display: flex;
    position: absolute;
    inset: 0% 0% auto;
    box-shadow: 6px 6px 40px #6165a824;
  }

  .container1200 {
    padding-top: 0;
    padding-left: 16px;
    padding-right: 16px;
  }

  .heading.lesspadding {
    padding-bottom: 20px;
    font-family: IBM Plex Sans Thai, sans-serif;
    font-size: 48px;
  }

  .heading.lesspadding.white.paragraph-center {
    padding-bottom: 20px;
  }

  .heading.lesspadding.head {
    text-align: left;
    font-size: 40px;
  }

  .tab-link {
    margin-bottom: 10px;
  }

  .tabs-menu {
    padding-top: 40px;
    overflow: visible;
  }

  .project-2-column {
    grid-column-gap: 16px;
    grid-row-gap: 25px;
  }

  .head24px {
    word-break: break-all;
  }

  .works-card.new {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: column;
    place-items: start stretch;
    width: auto;
    display: flex;
  }

  .text16px {
    font-size: 14px;
  }

  .tagline {
    font-size: 20px;
  }

  .te {
    font-size: 16px;
  }

  .te.center.packages {
    width: auto;
  }

  .project-3-column {
    grid-template-columns: 1fr 1fr;
    padding-top: 20px;
  }

  .clients-wrapper {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    place-items: stretch stretch;
  }

  .contact4_form-wrapper {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .button.th.line, .button.th.white {
    align-self: stretch;
  }

  .container-9.no-padding-mobile.software-development {
    padding-left: 16px;
    padding-right: 16px;
  }

  .faq-wrapper {
    width: 100%;
  }

  .contact {
    grid-column-gap: 40px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .html-embed {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .date {
    font-size: 10px;
  }

  .text20px {
    font-size: 18px;
  }

  .all-blogs._3 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .rich-text-block-2 {
    font-size: 16px;
  }

  .dropdown-3 {
    align-items: center;
    display: flex;
  }

  .blog-card-2 {
    width: 56%;
    height: 300px;
  }

  .content-section {
    padding-top: 40px;
  }

  .heading-landing-th {
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .heading-landing-th.seo-h2 {
    margin-top: 20px;
    margin-bottom: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .container-20 {
    padding-top: 0;
    padding-left: 16px;
    padding-right: 16px;
  }

  .landing-card-wrapper {
    grid-template-columns: 1fr;
    margin-top: 40px;
  }

  .landing-card-wrapper._3-columns {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .div-card, .div-card.main {
    padding: 16px;
  }

  .heading-landing-card {
    font-size: 20px;
  }

  .color-card-wrapper {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }

  .white-landing-card-wrapper {
    grid-template-columns: 1fr;
    padding-top: 0;
  }

  .white-landing-card-wrapper._2-columns {
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr;
  }

  .white-landing-card {
    padding: 16px;
    display: block;
  }

  .blue-card {
    padding: 40px;
  }

  .service-name {
    font-size: 16px;
  }

  .paragraph-with-image {
    grid-column-gap: 25px;
    grid-row-gap: 40px;
    flex-direction: column;
    grid-template-rows: auto;
    grid-template-areas: ". Area";
    grid-auto-columns: 1fr;
    align-items: flex-start;
    display: flex;
  }

  .paragraph-card.left {
    padding-right: 20px;
  }

  .paragraph-card.left.mobile {
    align-self: flex-start;
  }

  .paragraph-card.left.mobile.right {
    order: -1;
  }

  .dropdown-toggle-3.test {
    padding-left: 20px;
  }

  .dropdown-list-4 {
    position: absolute;
  }

  .dropdown-list-4.w--open {
    position: static;
    overflow: auto;
  }

  .dropdown-4 {
    align-items: stretch;
    display: flex;
  }

  .grid-3 {
    display: block;
  }

  .grid-content {
    margin-bottom: 8px;
  }

  .dropdown-main {
    align-items: stretch;
    margin-right: 0;
    padding: 8px 20px 8px 8px;
    display: block;
  }

  .dropdown-main.test {
    margin-right: 0;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .mega-head-text {
    font-size: 20px;
  }

  .menu-button-mobile-size.w--open {
    background-color: #0000;
    padding: 24px;
  }

  .link-3-copy.mobile {
    padding: 0;
    display: block;
  }

  .tabs {
    overflow: visible;
  }

  .nav-block {
    flex: 0 auto;
  }

  .mask-feature {
    width: 400px;
  }

  .hidden-arrow {
    display: none;
  }

  .hidden-arrow.right {
    display: flex;
    left: -230px;
  }

  .hidden-arrow.right.google, .hidden-arrow.right.social, .hidden-arrow.right.market {
    left: -344px;
  }

  .hidden-arrow.left {
    display: flex;
    left: -343px;
  }

  .image-32 {
    margin-left: auto;
    margin-right: auto;
    padding-top: 0;
    padding-bottom: 0;
    display: inline-block;
  }

  .content-grid {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-columns: 1fr;
  }

  .content-grid.seo, .content-grid.seo._2, .grid-two-column {
    grid-template-columns: 1fr;
  }

  .content-card {
    padding: 16px;
  }

  .image-cover, .content-image {
    height: 300px;
  }

  .process-grid {
    grid-template-columns: 1fr;
  }

  .process-section.vdo-production {
    padding-top: 60px;
  }

  .section-header-3 {
    padding-bottom: 40px;
  }

  .div-block-29 {
    padding-bottom: 20px;
  }

  .head48x.center {
    text-align: left;
    align-items: flex-start;
  }

  .cta-button-wrap.left {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-direction: column;
    align-items: stretch;
  }

  .text-block-15 {
    font-size: 14px;
  }

  .div-block-30.top-padding {
    padding-top: 0;
  }

  .div-block-30.bottom-padding {
    padding-bottom: 0;
  }

  .back-to-top-button {
    right: 8px;
  }

  .logo-wrapper {
    grid-row-gap: 8px;
    flex-direction: column;
  }

  .logo-showcase-50 {
    max-width: 100%;
  }

  .marquee-wrapper {
    font-size: .7em;
  }

  .div-block-34, .wrapper-header {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

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

  .image-41 {
    font-size: 16px;
  }

  .text-block-16 {
    margin-left: 40px;
  }

  .text-block-17, .text-block-18, .text-block-19, .text-block-20, .text-block-22, .text-block-23 {
    font-size: 14px;
  }

  .table-of-content {
    display: none;
  }

  .heading-23, .heading-23.seo-h4 {
    text-align: left;
  }

  .heading-23.seo-h3.left {
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .heading-25 {
    text-align: left;
  }

  .m-h4-heading {
    font-size: 36px;
  }

  .m-content-grid {
    grid-template-columns: 1fr;
  }

  .m-content-header-wrapper {
    margin-bottom: 60px;
  }

  .flex {
    grid-template-columns: 1fr;
  }

  .seo-div-right, .seo-div-right._1 {
    padding-left: 0;
  }

  .seo-div-left._1 {
    padding-right: 0;
  }

  .div-block-46 {
    align-items: flex-start;
  }

  .div-grid.blogs {
    grid-template-columns: 1fr;
  }

  .div-grid._2-grid {
    grid-column-gap: 64px;
    grid-row-gap: 64px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .div-grid._3-column {
    grid-template-columns: 1fr;
  }

  .video-head-section {
    padding-bottom: 40px;
  }

  .container-801 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .video-div {
    grid-template-columns: 1fr;
  }

  .wrapper-2 {
    padding-top: 20px;
    padding-left: 0;
  }

  ._3-grid {
    grid-template-columns: 1fr;
  }

  .glossary-cms {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .glossary-card-name {
    font-size: 16px;
  }

  .glossary-thumb-image {
    height: 100px;
  }

  .list {
    grid-template-columns: 1fr;
  }

  .lottie-animation-4 {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .modalmenu-open {
    display: flex;
  }

  .dropdown-list-4-test {
    position: absolute;
  }

  .dropdown-list-4-test.w--open {
    position: static;
    overflow: auto;
  }

  .icon-5 {
    display: block;
  }

  .center-h4 {
    align-items: flex-start;
    height: 140px;
    padding-top: 24px;
    padding-bottom: 24px;
    display: flex;
  }

  .blog---keytakeaway {
    font-size: 16px;
  }

  .column-7 {
    padding: 15px;
  }

  .section {
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .container {
    padding: 16px;
  }

  .container.home-card.cta {
    padding-top: 64px;
    padding-bottom: 64px;
  }

  .div-content.faq-card {
    padding-top: 24px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .div-content.home-card.cta {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .div-content.home-works.title {
    flex-direction: column;
    align-items: flex-start;
  }

  .div-content.tags {
    order: 1;
  }

  .div-content.home {
    grid-column-gap: 64px;
    grid-row-gap: 64px;
  }

  .sub-heading {
    font-size: 20px;
    line-height: 28px;
  }

  .heading-2.header {
    margin-bottom: 24px;
  }

  .faq-list {
    padding-left: 24px;
  }

  .div-image.hide {
    display: none;
  }

  .div-image.card {
    padding-top: 100%;
  }

  .cookie-modal_content-wrap {
    padding-bottom: 1.5rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .cookie-modal_closebutton {
    margin-right: 1.25rem;
  }

  .cookie-modal_closebutton.is-sticky {
    top: -1rem;
  }

  .cookie-modal_button-wrap {
    padding: 1.5rem;
  }

  .cookie-modal_button-wrap.in-pref-manger {
    margin: 1.5rem -1.5rem -2rem;
    padding-top: 1.25rem;
    position: sticky;
    bottom: -2rem;
  }

  .ck-cookie-w {
    display: none;
  }

  .cookie-preference_wrapper {
    padding-top: 2rem;
  }

  .cookie-modal_form {
    padding-top: .75rem;
  }

  .cookie-preference-button {
    right: 8px;
    overflow: hidden;
  }

  .cookie-preference-button_flex {
    border-radius: 0;
    padding: 16px;
  }

  .cookie-preference-button_icon {
    margin-right: 0;
  }

  .cookie-preference-button_text {
    display: none;
  }

  .blog-cards.horizontal, .blog-cards.transparent._2-3 {
    grid-template-columns: 1fr;
  }

  .cms-image {
    overflow: visible;
  }

  .featured-blog {
    display: none;
  }

  .featured-blog.mobile {
    display: block;
  }

  .splide__slide {
    width: 100%;
  }

  .blogs-grid, .service-div._2-column, .grid-two-column-2 {
    grid-template-columns: 1fr;
  }

  .blue-card-2 {
    padding: 40px;
  }

  .footer-top {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-direction: column;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .text200px {
    font-size: 140px;
  }

  .image-57 {
    height: 175px;
    top: -20px;
    right: -19px;
  }

  .container-80-padding {
    display: none;
  }

  .container-80-padding.mobile, .container-80-padding.footer {
    display: block;
  }

  .logo-nav {
    width: 56px;
    height: 56px;
    padding-left: 0;
    padding-right: 0;
  }

  .logo-nav-image {
    height: 48px;
  }

  .nav-link-new {
    padding-top: 16px;
    padding-bottom: 16px;
  }

  .section-aurora.hero {
    height: 100vh;
  }

  .section-aurora.hero.calc.brand {
    overflow: hidden;
  }

  .line-container {
    padding-right: 16px;
  }

  .div-block.calc {
    left: 85%;
  }

  .nav-mobile {
    border-radius: 99px;
    justify-content: space-between;
    margin-top: 16px;
    margin-bottom: 16px;
    display: flex;
  }

  .nav-hamburger-close {
    border-radius: 99px;
    flex: 0 auto;
    justify-content: center;
    align-self: center;
    width: 56px;
    height: 56px;
    display: flex;
    box-shadow: 1px 1px 40px #6c6fa624;
  }

  .nav-megamenu-mobile {
    object-fit: fill;
    background-color: #fff;
    border-radius: 24px;
    width: 100%;
    height: 80vh;
    padding: 16px;
    display: none;
    position: relative;
    overflow: hidden;
  }

  .megamenu-mobile {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    justify-content: flex-start;
    align-items: stretch;
    margin-left: auto;
    margin-right: auto;
    padding: 16px;
    display: flex;
  }

  .mobile-dropdown-megamenu {
    display: block;
  }

  .megamenu-list {
    background-color: #fff;
  }

  .megamenu-list.w--open {
    padding: 16px;
    position: relative;
  }

  .megamenu-block {
    width: 100%;
    height: 100%;
    overflow: auto;
  }

  .lottie-animation-5 {
    flex: 0 auto;
    align-self: center;
    width: 56px;
    height: 56px;
    display: block;
  }

  .nav-hamburger-open {
    border-radius: 99px;
    justify-content: center;
    width: 56px;
    height: 56px;
    display: none;
    box-shadow: 1px 1px 40px #6c6fa624;
  }

  .hero-heading {
    font-size: 40px;
    line-height: 48px;
  }

  .div-block-56 {
    width: 100px;
    height: 100px;
    top: 80px;
    left: 160px;
  }

  .image-58 {
    width: 40px;
    height: 40px;
  }

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

  .page-wrapper {
    align-self: flex-end;
  }

  .blur {
    inset: 0%;
  }

  .panel {
    padding-top: 380px;
  }

  .home-button {
    font-size: 16px;
    line-height: 24px;
  }

  .hero-container {
    height: 80vh;
    top: -40px;
  }

  .div-block-57 {
    padding-left: 24px;
    padding-right: 24px;
  }

  .h2-home, .text-block-28, .services-card {
    font-size: 32px;
    line-height: 40px;
  }

  .h2-about {
    font-size: 68px;
    line-height: 76px;
  }

  .grid-4 {
    grid-template-columns: 1fr;
  }

  .main-calc {
    grid-column-gap: 16px;
    grid-row-gap: 45px;
    flex-direction: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    justify-items: center;
    display: grid;
  }

  .calc-card {
    max-width: none;
  }

  .calc-left {
    margin-right: 0;
  }

  .calc-box {
    max-width: none;
    margin-top: 0;
    position: static;
  }

  .div-cta, .div-flex-content.card {
    flex-flow: column;
  }

  .div-process {
    grid-template-columns: 1fr;
    justify-items: stretch;
  }

  .image-66 {
    max-width: 40%;
  }

  .process-p {
    width: auto;
  }

  .div-richcta._3 {
    padding-left: 48px;
    padding-right: 48px;
  }

  .image-69 {
    max-width: 795px;
  }

  .image-71 {
    width: 160px;
    left: 210px;
  }

  .image-72 {
    width: 120px;
    right: 220px;
  }

  .image-73 {
    right: 150px;
  }

  .image-75 {
    left: 150px;
  }

  .code-embed {
    width: 100%;
  }

  .page-wrapper.motiongraphic {
    height: auto;
  }

  .div.grid, ._2-projects {
    grid-template-columns: 1fr;
  }

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

  .final-slide.horizontal {
    grid-template-columns: 1fr;
  }

  .div-block-101 {
    flex-flow: column;
    align-self: stretch;
  }

  .button-14 {
    flex: 1;
    align-self: stretch;
    width: auto;
  }

  .carousel-container {
    width: 100%;
  }

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

  .tab-menu, .tab-menu.w--current {
    font-size: 16px;
  }

  .container-37 {
    padding-left: 16px;
    padding-right: 16px;
  }

  .heading-21 {
    font-size: 28px;
  }

  .paragraph-23 {
    width: 450px;
  }

  .container-30 {
    margin-left: 16px;
    margin-right: 16px;
  }

  .container-35 {
    padding-left: 16px;
    padding-right: 16px;
  }

  .heading-42 {
    font-size: 24px;
  }

  .image-50 {
    width: 64px;
    max-width: none;
    overflow: visible;
  }

  .cell-15 {
    flex-flow: column;
  }

  .div-block-118 {
    padding: 16px 16px 16px 24px;
  }

  .container-29 {
    padding-left: 16px;
    padding-right: 16px;
  }

  .paragraph-25 {
    font-size: 15px;
  }

  .container-33 {
    padding-left: 16px;
    padding-right: 16px;
  }

  .cell-7 {
    padding-left: 0;
    padding-right: 0;
  }

  .quick-stack-7 {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
  }

  .paragraph-22 {
    font-size: 15px;
    line-height: 1.5em;
  }

  .heading-46 {
    width: auto;
    font-size: 36px;
  }

  .heading-24 {
    text-align: center;
    width: auto;
    font-size: 36px;
    line-height: 1.5em;
  }

  .image-96 {
    object-fit: cover;
  }

  .container-31 {
    justify-content: flex-start;
    align-items: center;
    width: auto;
  }

  .image-97 {
    width: 10%;
    left: -8%;
  }

  .works-2-column {
    grid-column-gap: 24px;
    grid-row-gap: 48px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .div-block-123 {
    overflow: hidden;
  }

  .divborder {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: column;
  }

  .divborder.cta {
    flex-flow: column;
  }

  .paragraph-29 {
    align-self: stretch;
    max-width: none;
  }

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

  .paragraph-30, .youtube-portrait {
    max-width: none;
  }

  .background-video-2 {
    aspect-ratio: 16 / 9;
    height: 40%;
  }

  .div-block-128 {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .form-2 {
    width: auto;
    padding: 24px;
  }

  .div-block-132 {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: wrap;
  }

  .form-3 {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .form-block-2 {
    align-self: stretch;
  }

  .text-field-2 {
    align-self: stretch;
    overflow: hidden;
  }

  .div-block-140 {
    padding-top: 24px;
  }

  .div-block-147 {
    grid-template-columns: 1.25fr;
    place-items: start;
  }

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

  .div-block-150 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: wrap;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
    position: static;
  }

  .div-block-156 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: wrap;
    display: flex;
  }
}

@media screen and (max-width: 479px) {
  h4 {
    font-size: 18px;
    font-style: normal;
    line-height: 36px;
    text-decoration: none;
  }

  a {
    font-size: 16px;
  }

  .s1.software, .s1.c2, .s1.c3, .s1.c4 {
    height: 900px;
  }

  .side-nav {
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px);
    border-radius: 0 4px 4px 0;
    height: 200px;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .side-nav-wrapper {
    display: none;
  }

  .side-nav-link {
    margin-bottom: 16px;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 16px;
    line-height: 16px;
  }

  .side-nav-link.top {
    margin-top: 16px;
  }

  .full-width-container {
    justify-content: space-between;
    margin-top: auto;
    margin-bottom: auto;
    padding-left: 16px;
    padding-right: 16px;
    overflow: visible;
  }

  .full-width-container.nav {
    padding-left: 16px;
    padding-right: 8px;
  }

  .slide-grid {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: fill;
    flex-wrap: nowrap;
    flex: 1;
    justify-content: center;
    height: 100%;
    margin-top: auto;
    margin-bottom: auto;
    transition: opacity .2s;
    position: static;
    overflow: visible;
  }

  .slide-grid.first {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    align-self: auto;
    align-items: flex-start;
    margin-top: 64px;
    margin-bottom: 64px;
    display: flex;
  }

  .slide-content {
    flex: 1;
    justify-content: center;
    align-self: flex-start;
    align-items: stretch;
    margin-top: 0;
    margin-bottom: 0;
  }

  .slide-title {
    font-size: 40px;
    line-height: 60px;
  }

  .slide-title.first {
    flex: 0 auto;
    margin-bottom: 8px;
    font-size: 20px;
  }

  .slide-title.animate {
    height: 60px;
  }

  .slide-image-wrapper {
    min-height: 36vh;
    max-height: 48vh;
    margin-top: -57px;
    margin-left: 0;
    margin-right: 0;
  }

  .slide-image-wrapper.right {
    min-height: 0;
    max-height: none;
    padding-top: 40px;
  }

  .slide-image-wrapper.fixed {
    align-self: center;
    margin-top: 67px;
  }

  .slide-image.consultation {
    width: 150%;
    margin-top: 0;
    top: 0%;
    left: -8%;
  }

  .slide-button {
    align-self: flex-start;
    margin-top: 0;
  }

  .logo {
    height: 48px;
  }

  .home-nav-link {
    padding-top: 16px;
    padding-bottom: 16px;
    padding-left: 16px;
    font-size: 18px;
    display: flex;
  }

  .home-nav-link.service {
    padding-left: 0;
  }

  .rotate {
    height: 100%;
  }

  .new-footer {
    grid-template-columns: 1fr;
    width: 100%;
    padding-top: 40px;
  }

  .new-footer._2 {
    padding-top: 40px;
  }

  .footer-column-header.white {
    justify-content: flex-start;
    align-items: stretch;
    margin-bottom: auto;
    display: flex;
  }

  .footer-link {
    font-size: 14px;
  }

  .footer-link.white {
    text-align: left;
    padding: 6px 0;
  }

  .footer-legal {
    flex-direction: column;
    padding-top: 40px;
    padding-bottom: 20px;
  }

  .legal-text {
    margin-right: 40px;
    font-size: 12px;
  }

  .legal-text.white {
    margin-left: auto;
    margin-right: auto;
    font-size: 14px;
  }

  .navbar-bg {
    background-color: #ffffff80;
    height: 100%;
  }

  .animatetext {
    line-height: .9;
  }

  .slide-sub-text {
    width: auto;
    margin-top: 16px;
  }

  .more-service-wrapper {
    padding-left: 0;
    padding-right: 0;
  }

  .more-service {
    width: 80px;
    height: 80px;
    display: none;
  }

  .more-service-arrow {
    width: 80px;
    height: 80px;
    top: 20%;
  }

  .more-service-button {
    margin-bottom: 20px;
  }

  .nav-logo {
    padding: 0 0 0 16px;
  }

  .nav-logo.w--current {
    padding: 0 16px 0 10px;
  }

  .lottie-image {
    height: 100%;
  }

  .lottie-image.faster {
    width: 100%;
    margin-left: 0;
  }

  .menu-button {
    padding: 14px;
  }

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

  .slide-subtitle {
    margin-top: 24px;
    margin-bottom: 24px;
    font-size: 16px;
  }

  .bep-logo-animated {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

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

  .container1200 {
    height: auto;
    margin-bottom: 0;
    padding-top: 0;
    padding-left: 16px;
    padding-right: 16px;
    position: relative;
    overflow: visible;
  }

  .container1200.glossary {
    padding-left: 0;
    padding-right: 0;
  }

  .heading.lesspadding {
    text-align: left;
    margin-bottom: 0;
    padding-top: 8px;
    padding-bottom: 16px;
    font-size: 36px;
    line-height: 44px;
  }

  .heading.lesspadding.white.h2 {
    font-size: 32px;
    line-height: 125%;
  }

  .heading.lesspadding.white.h3 {
    font-size: 28px;
    line-height: 125%;
  }

  .heading.lesspadding.center {
    text-align: left;
    line-height: 56px;
  }

  .heading.lesspadding.head {
    text-align: left;
    font-size: 40px;
  }

  .tab-link, .tab-link.w--current {
    margin-right: 0;
  }

  .tabs-menu {
    object-fit: fill;
    margin-left: auto;
    margin-right: auto;
    padding-top: 0;
    padding-right: 0;
    overflow: auto;
  }

  .project-2-column {
    grid-row-gap: 16px;
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr;
    padding-top: 40px;
  }

  .head24px {
    padding-top: 8px;
    padding-bottom: 0;
    font-size: 20px;
  }

  .works-card {
    width: auto;
    min-width: 250px;
    height: auto;
    min-height: 250px;
    margin-top: 0;
    margin-bottom: 0;
    display: block;
  }

  .works-card.webflow {
    min-width: 0;
    min-height: auto;
  }

  .text16px {
    text-align: left;
  }

  .image-2 {
    height: auto;
  }

  .footer {
    padding-top: 0;
    overflow: visible;
  }

  .white.footer-column-header {
    margin-bottom: 0;
    padding-top: 24px;
    padding-bottom: 4px;
  }

  .tagline {
    text-align: left;
    font-size: 20px;
  }

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

  .tagline.center {
    font-size: 16px;
  }

  .te {
    text-align: left;
    padding-top: 10px;
    font-size: 14px;
  }

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

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

  .project-3-column {
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr;
    padding-top: 0;
  }

  .clients-wrapper {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-columns: 1fr 1fr 1fr;
    padding-top: 0;
    padding-bottom: 0;
  }

  .cta-section {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .body-5 {
    max-width: 100%;
    overflow: visible;
  }

  .texr18px {
    font-size: 16px;
  }

  .section-clients {
    overflow: visible;
  }

  .contact4_form-wrapper {
    padding: 1.5rem 0;
  }

  .form-input:focus {
    border-color: #7b58cf;
  }

  .button {
    align-self: stretch;
    width: 100%;
  }

  .button.th.line {
    align-self: stretch;
    margin-top: 16px;
  }

  .button.th.line.vdo-page {
    align-self: stretch;
  }

  .button.th.white {
    flex: none;
    align-self: stretch;
    margin-top: 16px;
  }

  .button.th.center {
    padding-left: 24px;
    padding-right: 24px;
  }

  .button.email {
    align-self: center;
    width: 100%;
    margin-bottom: 0;
  }

  .button.line-green, .button.white {
    flex: 1;
    align-self: stretch;
  }

  .container-9 {
    padding: 20px 16px;
  }

  .container-9.no-padding-mobile {
    padding-left: 24px;
    padding-right: 24px;
  }

  .container-9.no-padding-mobile.software-development {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .faq-question {
    justify-content: space-between;
  }

  .faq-plus-icon {
    padding: 16px;
  }

  .answer-text {
    padding: 16px 10px;
  }

  .question {
    font-size: 18px;
    line-height: 1.25;
  }

  .faq-divider, .c-faq-divider {
    width: 100%;
  }

  .question-text {
    flex: 0 auto;
    padding: 20px 0;
  }

  .navhome-home {
    padding: 0;
  }

  .navhome-home.mega-menu {
    overflow: visible;
  }

  .link {
    padding-left: 8px;
    padding-right: 8px;
    font-size: 16px;
    display: inline;
  }

  .faq-service-section.branding {
    overflow: hidden;
  }

  .clients {
    padding-top: 0;
    padding-bottom: 0;
  }

  .section-blog-wrapper.blue {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .date {
    padding-top: 10px;
  }

  .thumbnail-all-blog {
    border-radius: 12px;
    height: auto;
    min-height: auto;
  }

  .text20px {
    padding-bottom: 0;
  }

  .all-blogs {
    grid-row-gap: 30px;
    grid-template-rows: auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto;
    grid-template-columns: 1fr;
  }

  .blog-card {
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .body-7 {
    min-width: 300px;
  }

  .image-18 {
    width: 80vw;
    height: auto;
    overflow: visible;
  }

  .rich-text-block-2 {
    margin-left: 0;
    margin-right: 0;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 16px;
    line-height: 28px;
    text-decoration: none;
    overflow: visible;
  }

  .button-ghost {
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 20px;
  }

  .button-ghost.small {
    padding-left: 0;
    padding-right: 0;
  }

  .button-ghost.small.blue {
    padding-left: 16px;
    padding-right: 16px;
  }

  .button-ghost.small.gloss {
    display: none;
  }

  .cta-wrapper {
    flex-flow: column;
    align-items: stretch;
    padding-bottom: 0;
  }

  .collection-list-3 {
    display: block;
  }

  .dropdown {
    justify-content: space-between;
  }

  .blog-card-2 {
    width: 90%;
    height: 260px;
  }

  .content-section {
    padding-top: 40px;
    padding-bottom: 40px;
    overflow: visible;
  }

  .content-section.toc {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .content-section.white {
    padding-top: 40px;
    padding-bottom: 40px;
    display: block;
  }

  .content-section.personal {
    padding-top: 60px;
  }

  .heading-landing-th {
    text-align: left;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 24px;
    line-height: 32px;
  }

  .heading-landing-th.seo-h2 {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 28px;
  }

  .heading-landing-th.center {
    padding-top: 0;
    padding-bottom: 8px;
    font-size: 32px;
    line-height: 40px;
  }

  .container-20 {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .container-20.first {
    margin-top: 20px;
    padding-top: 60px;
    padding-bottom: 20px;
  }

  .container-20.mobile {
    padding-top: 20px;
  }

  .sub-haed-landing {
    text-align: left;
    padding-top: 0;
    font-size: 14px;
    line-height: 2;
  }

  .head {
    padding-bottom: 24px;
  }

  .landing-card-wrapper {
    grid-row-gap: 16px;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
    grid-auto-flow: row;
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .landing-card-wrapper._3-columns {
    grid-template-rows: auto auto auto auto auto;
    grid-template-columns: 1fr;
    padding-left: 0;
    padding-right: 0;
  }

  .landing-card-wrapper._3-columns.more-padding {
    margin-bottom: 40px;
  }

  .div-card {
    padding: 16px;
  }

  .div-card.home.service-card._1 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: space-between;
    align-items: stretch;
  }

  .div-card.home.service-card._2 {
    grid-column-gap: 0%;
    grid-row-gap: 0%;
    justify-content: space-between;
  }

  .div-card.home.service-card._3 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    align-items: stretch;
  }

  .heading-landing-card {
    text-align: left;
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 20px;
    line-height: 125%;
    display: block;
  }

  .heading-landing-card.design {
    padding-top: 20px;
    padding-bottom: 8px;
  }

  .paragraph-th {
    margin-bottom: 0;
    padding-top: 0;
    font-size: 14px;
  }

  .paragraph-th.center {
    padding-top: 0;
  }

  .paragraph-th.text18px {
    padding-top: 0;
    font-size: 14px;
  }

  .color-card-wrapper {
    grid-template-rows: auto auto auto auto auto auto;
    grid-template-columns: 1fr;
    padding-bottom: 0;
  }

  .color-landing-card {
    padding: 16px;
  }

  .white-landing-card-wrapper {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }

  .white-landing-card-wrapper._2-column {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .white-landing-card {
    text-align: left;
  }

  .white-landing-card.new {
    padding-top: 16px;
    padding-bottom: 16px;
  }

  .white-landing-card.no-line {
    padding-top: 16px;
    padding-left: 0;
    display: flex;
  }

  .white-landing-card.no-line.right {
    border-bottom-width: 1px;
    border-bottom-color: #fff3;
    border-right-width: 0;
    padding-bottom: 24px;
    padding-right: 0;
  }

  .blue-card {
    padding: 20px;
  }

  .blue-card.personal {
    margin-top: 0;
  }

  .blue-card.personal.corporate {
    margin-top: 0;
    margin-bottom: 0;
  }

  .blue-card.small, .white-card {
    padding: 16px;
  }

  .white-card.personal {
    margin-top: 60px;
    margin-bottom: 40px;
    padding-top: 40px;
  }

  .service-wrapper {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    padding-left: 0;
    padding-right: 0;
  }

  .service-card {
    grid-row-gap: 16px;
    flex-direction: column;
    padding: 16px;
  }

  .service-card.gap {
    grid-row-gap: 8px;
  }

  .service-name {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 10px;
    font-size: 16px;
  }

  .service-name.left {
    font-size: 18px;
    line-height: 26px;
  }

  .paragraph-with-image {
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    padding-top: 0;
  }

  .paragraph-card {
    padding-left: 0;
  }

  .paragraph-card.left.mobile {
    padding-right: 0;
    display: block;
  }

  .text24px {
    font-size: 20px;
  }

  .dropdown-toggle-3.test {
    padding-left: 16px;
    padding-right: 16px;
  }

  .dropdown-list-4.w--open {
    position: relative;
  }

  .grid-3 {
    padding-top: 0;
    padding-bottom: 0;
    overflow: visible;
  }

  .grid-content, .grid-content.branding {
    padding: 8px;
  }

  .grid-content.google {
    padding-top: 4px;
    padding-bottom: 4px;
  }

  .small {
    font-size: 11px;
  }

  .dropdown-main {
    margin-right: 0;
    padding: 0 24px 0 16px;
  }

  .dropdown-main.test {
    padding-top: 16px;
    padding-bottom: 16px;
  }

  .mega-head-text {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
  }

  .menu-button-mobile-size {
    text-decoration: none;
  }

  .menu-button-mobile-size.w--open {
    color: var(--light-purple);
    background-color: #0000;
    padding: 18px;
  }

  .link-3-copy.mobile {
    padding-bottom: 0;
    font-size: 14px;
  }

  .tabs {
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .image-26, .image-27, .image-28, .image-29 {
    width: 40px;
  }

  .button.th {
    padding: .5rem 1rem;
    font-size: 16px;
  }

  .button.th.blog-button {
    line-height: 1;
  }

  .image-31 {
    max-width: 80%;
  }

  .paragraph-large {
    font-size: 18px;
    line-height: 30px;
  }

  .mask-feature {
    width: 100%;
  }

  .card-features-small {
    padding: 24px;
  }

  .hidden-arrow.right {
    left: -72px;
  }

  .hidden-arrow.right.google, .hidden-arrow.right.social, .hidden-arrow.right.market {
    left: -200px;
  }

  .hidden-arrow.left {
    left: -199px;
  }

  .button-spacer {
    justify-content: flex-start;
    margin-top: 40px;
  }

  .slider-back-block {
    padding-top: 40px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .slide-feature.two {
    margin-right: 20px;
  }

  .h3-heading {
    font-size: 48px;
  }

  .section-feature-slider, .section-feature-slider.social, .section-feature-slider.marketplace {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .button-standard {
    text-align: center;
    padding-left: 24px;
    padding-right: 24px;
  }

  .paragraph-mobile {
    display: none;
  }

  .paragraph-test {
    display: block;
    overflow: visible;
  }

  .content-grid {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-columns: 1fr;
  }

  .content-grid.seo, .content-grid.seo._2 {
    grid-template-columns: 1fr;
  }

  .image-cover {
    height: 300px;
  }

  .sub-heading-regular {
    margin-bottom: 10px;
  }

  .shape-wrapper {
    margin-bottom: 0;
  }

  .process-block {
    grid-row-gap: 0px;
    text-align: left;
  }

  .number-large.purple, .number-large.pink, .number-large.yellow, .number-large.blue {
    font-size: 66px;
  }

  .process-grid {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-columns: 1fr;
  }

  .process-grid.coperate {
    grid-row-gap: 24px;
    margin-top: 60px;
  }

  .process-section {
    padding: 20px 16px 10px;
    overflow: visible;
  }

  .process-section.white {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .paragraph-center {
    padding-top: 10px;
  }

  .div-block-28 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto auto auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .image-banner-ex {
    border-radius: 8px;
  }

  .section-header-3 {
    padding-bottom: 20px;
  }

  .header-image {
    height: 100%;
  }

  .header-image.personalbrand {
    padding-left: 0;
  }

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

  .header-card-title {
    font-size: 16px;
  }

  .header-grid {
    grid-row-gap: 40px;
  }

  .header-icon-wrapper {
    font-size: 28px;
  }

  .header-image-graphic {
    order: 0;
    width: 100%;
    height: 100%;
  }

  .header-card {
    max-width: 80%;
    padding: 16px;
    bottom: 16px;
    left: 0;
  }

  .header-wrapper {
    padding-bottom: 16px;
  }

  .header-wrapper.gloss {
    padding-bottom: 60px;
  }

  .works-category-badge {
    font-size: 12px;
  }

  .works-detail-wrapper {
    padding-top: 16px;
    padding-bottom: 16px;
  }

  .head48x {
    text-align: left;
    margin-bottom: 0;
    font-size: 32px;
    line-height: 40px;
  }

  .head48x.center {
    text-align: center;
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 0;
    font-size: 28px;
  }

  .head48x.left {
    margin-bottom: 0;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 28px;
  }

  .section-cta {
    padding-top: 0;
    padding-bottom: 0;
    overflow: visible;
  }

  .head68px {
    font-size: 48px;
    line-height: 56px;
  }

  .head68px.th {
    font-size: 30px;
    line-height: 125%;
  }

  .head68px.center {
    padding-bottom: 20px;
    line-height: 60px;
  }

  .section-works {
    padding-bottom: 60px;
    overflow: visible;
  }

  .section-works.blue {
    padding-top: 40px;
    padding-bottom: 40px;
  }

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

  .section-header.blue {
    padding-bottom: 40px;
  }

  .section-header.blue.webflow {
    padding-bottom: 20px;
    overflow: visible;
  }

  .section-header.gradient {
    padding-bottom: 120px;
  }

  .container900 {
    max-width: 450px;
    padding-left: 16px;
    padding-right: 16px;
    position: relative;
  }

  .section-blog-post {
    padding-top: 20px;
  }

  .text18px, .text18px.gray {
    font-size: 16px;
  }

  .text18px.footer {
    padding-top: 2px;
    padding-bottom: 2px;
  }

  .header-with-button {
    align-items: stretch;
  }

  .cta-button-wrap {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: column;
    align-items: stretch;
    margin-left: 0;
    margin-right: 0;
    padding-top: 0;
  }

  .cta-button-wrap.left {
    align-items: flex-start;
  }

  .social-content-wrapper {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }

  .mega-head-wrap {
    font-size: 16px;
  }

  .navigation-link-icon {
    margin-bottom: 0;
  }

  .section-showcase {
    object-fit: contain;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    padding-top: 10px;
    padding-bottom: 0;
    overflow: visible;
  }

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

  .logo-column.custom {
    grid-row-gap: 60px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .div-block-30.top-padding {
    padding-top: 0;
  }

  .div-block-30.bottom-padding {
    padding-bottom: 0;
  }

  .div-block-31 {
    grid-row-gap: 8px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .header-image-block {
    height: 200px;
  }

  .header-column {
    padding-left: 0;
    padding-right: 0;
  }

  .back-to-top-button {
    padding-bottom: 0;
    padding-right: 0;
    bottom: 56px;
  }

  .back-to-top-button.w--current {
    right: 8px;
  }

  .back-to-top-arrow {
    max-width: 40px;
  }

  .haed68px {
    text-align: left;
    font-size: 32px;
    line-height: 64px;
  }

  .webflow-showcase-wrapper {
    width: 479px;
    overflow: hidden;
  }

  .image-40 {
    transition: opacity .2s;
  }

  .custom-code {
    overflow: hidden;
  }

  .marquee-wrapper {
    width: auto;
    max-width: 100%;
    height: 244px;
    margin-bottom: 20px;
    padding-top: 0;
    position: relative;
    overflow: visible;
  }

  .marquee-track {
    max-width: 300px;
    overflow: visible;
  }

  .marquee-list {
    max-width: none;
    position: relative;
  }

  .div-block-33 {
    grid-column-gap: 0px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    height: 100%;
    display: block;
    position: relative;
    overflow: hidden;
  }

  .div-block-34 {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .wrapper-header {
    grid-row-gap: 40px;
  }

  .webflow-card {
    padding-top: 0;
  }

  .section-16 {
    padding-top: 20px;
    overflow: visible;
  }

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

  .text-block-16 {
    margin-left: 0;
    display: block;
  }

  .footer-column {
    text-align: left;
    padding-left: 0;
    padding-right: 0;
  }

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

  .heading-faq.faq-section {
    font-size: 18px;
  }

  .link-11 {
    font-size: 14px;
  }

  .image-42 {
    object-fit: fill;
    margin-bottom: 0;
    display: block;
  }

  .image-43 {
    margin-bottom: auto;
  }

  .image-44 {
    margin-bottom: 0;
  }

  .blog-content {
    max-width: none;
    margin-left: 0;
  }

  .all-content {
    justify-content: center;
    align-items: center;
    max-width: none;
    margin-left: 0;
    margin-right: 0;
    display: flex;
  }

  .image-or-lottie {
    text-align: left;
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  .table-of-content {
    margin-right: 0;
    display: none;
  }

  .column {
    display: none;
  }

  .heading-23 {
    text-align: left;
    margin-top: 0;
    font-size: 28px;
    line-height: 32px;
  }

  .heading-23.seo-h4 {
    text-align: left;
    font-size: 28px;
  }

  .heading-23.seo-h3 {
    text-align: left;
  }

  .heading-23.seo-h3.left {
    margin-top: 20px;
    margin-bottom: 20px;
    padding-bottom: 20px;
  }

  .heading-25 {
    text-align: left;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 20px;
    font-size: 28px;
    text-decoration: underline;
  }

  .seo-link {
    text-align: left;
  }

  .m-margin-bottom-80 {
    margin-bottom: 20px;
  }

  .m-h4-heading {
    font-size: 28px;
  }

  .m-paragraph-large.m-text-color-gray-300 {
    font-size: 14px;
    font-weight: 400;
    line-height: 2;
  }

  .div-link {
    grid-row-gap: 24px;
    grid-template-columns: 1fr;
  }

  .text-block-27 {
    font-size: 14px;
  }

  .italic-text-2 {
    text-align: center;
    line-height: 125%;
  }

  .italic-text-3 {
    font-size: 28px;
  }

  .image-45 {
    max-width: none;
    margin-bottom: 0;
  }

  .lottie-animation-2 {
    overflow: visible;
  }

  .flex {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-direction: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    justify-content: flex-end;
    display: grid;
    position: relative;
  }

  .seo-div-right {
    z-index: 100;
    flex: 0 auto;
    min-width: auto;
    position: relative;
  }

  .seo-div-left {
    order: 1;
    min-width: auto;
    position: relative;
  }

  .seo-div-left.what-is-seo, .seo-div-left._1 {
    order: -1;
  }

  .image-paragraph {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .lottie-animation-3 {
    position: relative;
  }

  .div-block-45 {
    text-align: center;
    display: block;
  }

  .div-block-46 {
    margin-top: 40px;
  }

  .image-48 {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .div-grid._3-cards {
    align-content: start;
    justify-items: center;
  }

  .image-ci {
    height: auto;
  }

  .video-heading {
    height: 360px;
  }

  .image-51 {
    height: 300px;
  }

  .video-head-section {
    padding-top: 100px;
    padding-bottom: 60px;
  }

  .head60 {
    font-size: 38px;
  }

  .scroll-down {
    padding-top: 40px;
  }

  .video-div {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    padding-bottom: 60px;
  }

  .production-section {
    padding-top: 60px;
  }

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

  ._4-grid.ci {
    grid-template-columns: 1fr;
  }

  ._2-grid {
    grid-row-gap: 36px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  ._2-grid.align, ._2-grid.align._4-grid {
    grid-row-gap: 24px;
  }

  .card-wrapper {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .left-box {
    position: static;
  }

  .wrapper-2 {
    flex-flow: column;
    align-content: flex-start;
    align-items: stretch;
    width: 100%;
    max-width: none;
    height: auto;
    padding-top: 24px;
    display: flex;
    overflow: hidden;
  }

  .accordion-item {
    flex-direction: column;
    flex: 0 auto;
    width: 100%;
    display: block;
    overflow: hidden;
  }

  .accordion-toggle {
    flex-wrap: wrap;
    align-content: stretch;
    align-items: center;
    width: auto;
    max-width: none;
    height: auto;
    padding-right: 40px;
    display: flex;
    overflow: visible;
  }

  .dropdown-list {
    padding-left: 0;
  }

  .accordion-answer {
    font-size: 14px;
  }

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

  .tip-box {
    flex-direction: column;
  }

  .video-wrapper {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

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

  .glossary-menu {
    padding: 40px 20px;
  }

  .glossary-link-menu.dropdown.w--current {
    color: var(--gray-purple);
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
  }

  .glossary-content {
    grid-row-gap: 24px;
    padding: 20px;
  }

  .glossary-main-section {
    padding-bottom: 60px;
  }

  .glosary-head {
    padding-top: 100px;
    padding-bottom: 80px;
  }

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

  .glossary-card-name {
    margin-top: 0;
    margin-bottom: 0;
  }

  .glossary-card {
    grid-column-gap: 16px;
    flex-direction: row;
    margin-bottom: 0;
    padding: 12px;
  }

  .glossary-thumb-image {
    width: 80px;
    height: auto;
  }

  .gloss-card-con {
    grid-row-gap: 8px;
  }

  .blog-feature {
    padding-top: 60px;
  }

  .video-list.category {
    grid-template-columns: 1fr;
  }

  .heading-27 {
    text-align: left;
    white-space: normal;
    font-size: 18px;
  }

  .collection-list-wrapper-3 {
    display: block;
  }

  .dropdown-glos {
    grid-row-gap: 8px;
    flex-direction: column;
    padding: 30px 20px;
    display: flex;
  }

  .dropdown-5 {
    border: 1px none var(--light-purple-2);
    background-color: #0000;
    border-radius: 8px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    margin-left: 0;
    margin-right: 0;
    display: flex;
  }

  .dropdown-toggle-4 {
    border: 1px solid var(--light-purple-2);
    background-color: var(--white);
    border-radius: 8px;
    flex: 1;
    justify-content: space-between;
    align-items: flex-start;
    margin-left: 0;
    margin-right: 0;
    display: block;
  }

  .dropdown-toggle-4.w--open {
    border: 1px solid var(--light-purple-2);
    background-color: var(--white);
    border-radius: 8px;
    flex: none;
    justify-content: space-between;
    align-self: auto;
    align-items: flex-start;
    margin-left: 0;
    margin-right: 0;
    display: block;
  }

  .dropdown-list-5 {
    position: relative;
  }

  .dropdown-list-5.w--open {
    background-color: #e8e9f6;
    border-radius: 8px;
    margin-top: 6px;
    padding: 10px;
    position: relative;
  }

  .list {
    grid-template-columns: 1fr;
  }

  .lottie-animation-4 {
    width: auto;
  }

  .modalmenu-close {
    display: flex;
  }

  .modalmenu {
    display: block;
  }

  .bold-text-9 {
    font-size: 32px;
    line-height: 125%;
  }

  .center-h4 {
    align-items: flex-start;
    height: 140px;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 24px;
    display: flex;
  }

  .collection-item-5 {
    margin-bottom: 20px;
  }

  .blog---keytakeaway {
    min-width: auto;
    font-size: 16px;
  }

  .column-7 {
    padding-left: 0;
    padding-right: 0;
  }

  .collection-item-6 {
    margin-top: 0;
    margin-bottom: 0;
  }

  .section.hero-card {
    position: static;
  }

  .section._16pxpadding {
    overflow: hidden;
  }

  .section.hide {
    display: none;
  }

  .container.home-card {
    padding-top: 48px;
    padding-bottom: 48px;
  }

  .div-content.faq-card {
    overflow: hidden;
  }

  .div-content.tags {
    flex-flow: wrap;
  }

  .heading-2.align-center.sub.italic {
    font-size: 24px;
  }

  .faq-list {
    padding-left: 24px;
  }

  .link-banner {
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 24px;
  }

  .banner-content {
    width: 100%;
  }

  .div-header.center, .div-header.center.ci {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .div-header.center.ci.head {
    justify-content: flex-start;
    align-items: center;
  }

  .cookie-modal_content-wrap.is-small {
    padding-bottom: 1.25rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .cookie-modal_closebutton {
    margin-top: 1rem;
    margin-right: 1rem;
  }

  .cookie-modal_button {
    flex: auto;
    padding-left: 1.25em;
    padding-right: 1.25em;
  }

  .cookie-modal_component {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    max-width: 100%;
    display: flex;
  }

  .cookie-modal_button-wrap.is-small {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    justify-content: space-between;
    padding: 1.25rem;
  }

  .cookie-modal_button-wrap.in-pref-manger {
    bottom: 0;
  }

  .ck-cookie-w {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    max-width: 100%;
    display: none;
    inset: auto 0% 0%;
    overflow: hidden;
  }

  .cookie-preference_component {
    align-items: flex-end;
    display: none;
  }

  .cookie-preference_wrapper {
    max-width: 100%;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .cookie-preference-button {
    display: none;
    bottom: 8px;
    left: auto;
    right: 8px;
  }

  .cookie-preference-button_flex {
    padding: 12px;
  }

  .blog-cards.transparent._2-3 {
    grid-template-columns: 1fr;
  }

  .blogs-featured-list._4grid {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .blogs-grid {
    grid-template-columns: 1fr;
  }

  .div-center {
    grid-row-gap: 16px;
    width: auto;
  }

  .head72px {
    font-size: 40px;
    line-height: 48px;
  }

  .section-image {
    margin-top: -40px;
    padding-bottom: 60px;
  }

  .div-block-52 {
    border-radius: 8px;
  }

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

  .service-div {
    grid-row-gap: 32px;
  }

  .service-div._2-column {
    grid-template-columns: 1fr;
    grid-auto-flow: row;
  }

  .head56px {
    font-size: 32px;
    line-height: 40px;
  }

  .servicegrid {
    margin-bottom: 40px;
  }

  .purple-bg {
    width: 160px;
    height: 160px;
  }

  .vertical {
    grid-row-gap: 8px;
    padding-bottom: 20px;
    padding-left: 40px;
  }

  .vertical-div._40px {
    grid-row-gap: 24px;
    grid-row-gap: 24px;
  }

  .media-bg-lottie {
    top: -98px;
    bottom: auto;
  }

  .content-grid-2 {
    grid-row-gap: 16px;
  }

  .purple-card {
    padding: 24px;
  }

  .container800 {
    padding-left: 16px;
    padding-right: 16px;
  }

  .paragraph-th-2 {
    margin-bottom: 0;
    padding-top: 0;
    font-size: 14px;
  }

  .paragraph-th-2.center {
    padding-top: 0;
  }

  .blue-card-2 {
    padding: 20px;
  }

  .blue-card-2.small {
    padding: 16px;
  }

  .blue-card-2.small.add-padding {
    margin-top: 40px;
    margin-bottom: 40px;
    padding: 24px;
  }

  .div-with-icon {
    grid-column-gap: 16px;
  }

  .icon-wrapper {
    grid-row-gap: 16px;
  }

  .cookie-consent {
    display: block;
  }

  .footer-top {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .text200px {
    font-size: 120px;
  }

  .div-block-55 {
    align-self: center;
    max-width: 125.466%;
  }

  .image-57 {
    height: 140px;
    top: 0;
    right: -10px;
  }

  .footer-3-column {
    grid-row-gap: 40px;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }

  .footer-link-wrap {
    grid-row-gap: 12px;
  }

  .footer-bot {
    grid-row-gap: 24px;
    flex-direction: column;
    padding-top: 100px;
  }

  .container-80-padding.footer {
    overflow: hidden;
  }

  .section-aurora {
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .section-aurora.hero.calc.brand {
    overflow: hidden;
  }

  .blexi {
    height: 60px;
  }

  .line-container {
    padding-right: 40px;
  }

  .div-block {
    width: 60px;
    height: 200px;
  }

  .div-block.calc {
    display: none;
    position: absolute;
    top: 0%;
    left: 16%;
  }

  .html-embed-4 {
    width: 50%;
    height: 50%;
  }

  .line-animation.mobile-hide {
    display: none;
  }

  .nav-mobile {
    border-radius: 99px;
  }

  .nav-megamenu-mobile {
    box-shadow: 1px 1px 40px #6c6fa624;
  }

  .hero-heading {
    font-size: 32px;
    line-height: 38px;
    overflow: visible;
  }

  .div-block-56 {
    width: 80px;
    height: 80px;
    position: relative;
    top: 60px;
    left: 110px;
  }

  .image-58 {
    width: 32px;
    height: 32px;
  }

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

  .page-wrapper {
    align-self: flex-end;
  }

  .panel-wrapper {
    flex: 0 auto;
  }

  .panel {
    background-image: radial-gradient(circle farthest-side at 0 0, #00cefd 15%, #0000), radial-gradient(circle at 50% 0, #ff41a7 56%, #0000 82%), radial-gradient(circle farthest-side at 100% 0, #ffc400 52%, #0000);
    padding-bottom: 90px;
    padding-left: 220px;
    padding-right: 220px;
  }

  .hero-container {
    top: -20px;
  }

  .heading-30 {
    font-size: 24px;
  }

  .div-block-57 {
    grid-template-columns: 1fr;
    align-self: stretch;
    overflow: auto;
  }

  .div-block-58 {
    overflow: visible;
  }

  .h2-home {
    font-size: 24px;
    line-height: 32px;
  }

  .works-title {
    font-size: 20px;
    line-height: 28px;
  }

  .works-tags.normal {
    padding-top: 8px;
    font-size: 14px;
  }

  .text-block-28 {
    font-size: 24px;
    line-height: 32px;
  }

  .work-link {
    font-size: 18px;
    line-height: 26px;
  }

  .right-arrow, .right-arrow.first {
    height: 16px;
  }

  .h2-about {
    font-size: 48px;
    line-height: 56px;
  }

  .div-flex.horizontal.email {
    flex-flow: column;
  }

  .div-block-66.bg {
    padding: 16px;
  }

  .div-example {
    object-fit: cover;
    height: 150px;
  }

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

  .total, .calc-card {
    padding-left: 13px;
    padding-right: 13px;
  }

  .radio-group {
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
    margin-top: 10px;
  }

  .question-2 {
    text-align: left;
  }

  .calc-field {
    position: relative;
  }

  .calc-field.field-second {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .fieldset-number {
    margin: -7px 0 5px -7px;
    position: relative;
    inset: 5px auto auto 5px;
  }

  .fieldset-top {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    margin-right: 0;
    position: static;
  }

  .div-cta {
    padding: 24px;
  }

  .div-block-76 {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .div-flex-content.card {
    flex-flow: column;
  }

  .div-block-78.card {
    padding: 16px;
  }

  .s-scroll.footer {
    height: 2000px;
  }

  .div-process {
    grid-template-columns: 1fr;
  }

  .div-process-right {
    justify-content: center;
    align-items: center;
  }

  .paragraph-14, .heading1 {
    text-align: center;
  }

  .numberprocess {
    font-size: 64px;
  }

  .heading2 {
    text-align: center;
    font-size: 32px;
  }

  .process-p {
    text-align: center;
    font-size: 16px;
  }

  .lottie-animation-7 {
    display: none;
  }

  .div-richcta {
    padding-left: 24px;
    padding-right: 24px;
  }

  .div-txtcta {
    width: auto;
    margin-left: auto;
    margin-right: auto;
  }

  .div-block-82 {
    overflow: hidden;
  }

  .image-69 {
    max-width: 844px;
  }

  .image-71 {
    top: auto;
    bottom: 180px;
    left: 116px;
  }

  .image-72 {
    right: 126px;
  }

  .image-73 {
    right: 50px;
  }

  .image-74 {
    bottom: 70px;
  }

  .image-75 {
    left: 50px;
  }

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

  .item {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .item.first {
    background-size: cover;
    width: auto;
  }

  .logo-heading, .heading-36 {
    font-size: 64px;
  }

  .div-block-86 {
    justify-content: flex-start;
    align-self: stretch;
    align-items: flex-start;
  }

  .project {
    height: 30vh;
  }

  .cta-button-wrapper {
    flex-flow: column;
    flex: 1;
    justify-content: flex-start;
    align-self: stretch;
    align-items: stretch;
  }

  .paragraph-18 {
    font-size: 12px;
  }

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

  .paragraph-19 {
    font-size: 14px;
  }

  .div-block-101 {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-flow: column;
  }

  .logo-container {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
  }

  .image-47 {
    width: 30%;
    max-width: none;
  }

  .div-block-103 {
    max-width: 60%;
  }

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

  .heading-40 {
    align-self: flex-start;
    font-size: 28px;
  }

  .paragraph-20 {
    align-self: flex-start;
    font-size: 14px;
  }

  .image-83, .image-84 {
    width: 100%;
  }

  .seo-type {
    grid-template-columns: 1fr;
  }

  .tab-menu, .tab-menu.w--current {
    font-size: 16px;
  }

  .tabs-menu-2 {
    flex-flow: column;
  }

  .container1248 {
    padding-left: 16px;
    padding-right: 16px;
  }

  .container1248.ci {
    padding-bottom: 128px;
  }

  .heading-41 {
    font-family: IBM Plex Sans Thai, sans-serif;
    font-size: 28px;
    font-weight: 600;
  }

  .cell-11 {
    text-align: center;
    align-items: stretch;
  }

  .carousel-container-2 {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    margin-bottom: 24px;
  }

  .image-89 {
    object-fit: cover;
    width: 15%;
    max-width: none;
    height: auto;
  }

  .container-37 {
    margin-left: 0;
    margin-right: 0;
    overflow: hidden;
  }

  .container-23 {
    width: 100%;
    padding: 24px 16px;
  }

  .div-block-101-purple {
    height: 24px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .quick-stack-8 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .heading-21 {
    font-size: 24px;
    line-height: 1.5em;
  }

  .paragraph-23 {
    width: 264px;
    font-size: 14px;
  }

  .project-title {
    flex-flow: column;
  }

  .heading-13 {
    width: 100%;
  }

  .container-30 {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    padding-left: 12px;
    padding-right: 12px;
  }

  .image-91 {
    width: 100%;
    height: auto;
  }

  .carousel-container-3 {
    width: auto;
  }

  .container-35 {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    margin-left: 0;
    margin-right: 0;
  }

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

  .quick-stack-10 {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .section-19 {
    padding: 48px 0;
  }

  .heading-42 {
    font-size: 18px;
    line-height: 1.5em;
  }

  .div-block-115 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: column;
  }

  .section-14 {
    padding-top: 24px;
    padding-left: 0;
    padding-right: 0;
  }

  .image-92.project-image {
    object-fit: cover;
  }

  .paragraph-27 {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 14px;
  }

  .heading-43 {
    font-size: 20px;
  }

  .welcome-element {
    justify-content: flex-start;
    align-items: center;
    height: auto;
    margin-left: 0;
    margin-right: 0;
  }

  .container-28 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    height: auto;
    padding-left: 0;
    padding-right: 0;
  }

  .section-20 {
    padding: 48px 0;
  }

  .paragraph-28 {
    text-align: center;
    font-size: 14px;
    line-height: 1.5em;
  }

  .text-container {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
    aspect-ratio: auto;
    margin-bottom: 48px;
  }

  .heading-44 {
    width: 100%;
    font-size: 16px;
  }

  .container-36 {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-flow: column;
    width: 100%;
    display: flex;
  }

  .div-block-116 {
    flex-flow: column;
  }

  .image-50 {
    width: 64px;
    max-width: none;
    height: 64px;
  }

  .button-15 {
    margin-bottom: 40px;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .accordion-arrow {
    display: none;
  }

  .image-94 {
    width: 30%;
    max-width: none;
  }

  .faq-accordion {
    align-items: stretch;
    width: auto;
  }

  .div-block-117 {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    justify-content: flex-start;
    align-items: center;
    height: auto;
    padding: 10px;
  }

  .div-block-118 {
    padding: 16px 10px;
  }

  .div-block-119 {
    width: 264px;
    padding: 10px 16px;
  }

  .accordion-toggle-2 {
    justify-content: space-between;
    height: 60px;
    padding: 10px;
  }

  .section-21 {
    padding: 48px 0;
  }

  .container-32 {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .dropdown-list-6 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .div-block-120 {
    flex-flow: column;
    display: flex;
  }

  .cell-8 {
    justify-content: space-between;
    align-items: stretch;
  }

  .container-29 {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .heading-45 {
    text-align: center;
    width: 100%;
    font-size: 16px;
    line-height: 1.5em;
  }

  .heading-45.card {
    margin-left: 0;
  }

  .paragraph-25 {
    width: 40%;
    padding: 2px 8px;
    font-size: 12px;
  }

  .image-95 {
    object-fit: cover;
    width: 100%;
    height: auto;
    max-height: none;
    overflow: hidden;
  }

  .quick-stack-7 {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .logo-container-2 {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .paragraph-22 {
    font-size: 14px;
    line-height: 1.5em;
  }

  .section-15 {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
    padding: 24px 0;
    overflow: hidden;
  }

  .heading-46 {
    text-align: center;
    font-size: 24px;
    line-height: 1.5em;
  }

  .heading-24 {
    text-align: left;
    width: 100%;
    max-width: none;
    font-size: 20px;
    line-height: 1.5em;
  }

  .image-96 {
    object-fit: cover;
    max-width: 100%;
    overflow: visible;
  }

  .div-block-121 {
    flex-flow: column;
  }

  .image-97 {
    width: 20%;
    top: -30%;
    left: -2%;
  }

  .inner-card {
    height: auto;
  }

  .grid-6 {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
  }

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

  .div-block-123 {
    justify-content: flex-start;
    align-items: center;
    display: none;
    overflow: auto;
  }

  .modalclose {
    position: fixed;
    inset: 0%;
  }

  .div-block-124 {
    padding-left: 24px;
    padding-right: 24px;
  }

  .div-block-127 {
    top: 10%;
  }

  .background-video-2 {
    height: 20%;
    position: relative;
    top: auto;
  }

  .form-2 {
    padding: 16px;
  }

  .div-page-wrapper {
    max-width: 100%;
    overflow: hidden;
  }

  .div-tagline {
    height: 75em;
  }

  .white-tagline {
    font-size: 40px;
  }

  .text-block-57 {
    font-size: 16px;
  }

  .text-block-58 {
    font-size: 32px;
  }

  .div-block-147 {
    flex-flow: column;
    display: flex;
  }

  .text-block-61 {
    font-size: 32px;
  }

  .text-block-61.b {
    font-size: 40px;
  }

  .div-block-152 {
    flex-flow: column;
    justify-content: center;
    align-self: stretch;
    align-items: center;
    width: auto;
  }

  .text-block-62 {
    font-size: 16px;
  }

  .container-3d {
    transform: none;
  }

  .text-center.card.center, .lottie-animation-8 {
    max-height: none;
  }
}

#w-node-_1a76b17e-950a-20ea-57ed-e56be18c7c05-f3c78133, #w-node-_1a76b17e-950a-20ea-57ed-e56be18c7c10-f3c78133, #w-node-_1a76b17e-950a-20ea-57ed-e56be18c7c1a-f3c78133, #w-node-_1a76b17e-950a-20ea-57ed-e56be18c7c26-f3c78133, #w-node-_660fdd42-990c-39ab-99bb-1a9f47b56183-f3c78133, #w-node-_1a76b17e-950a-20ea-57ed-e56be18c7c46-f3c78133, #w-node-_1a76b17e-950a-20ea-57ed-e56be18c7c52-f3c78133, #w-node-_9e715c4b-f203-dd94-0555-7fc77aabcfe0-f3c78133 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_9e715c4b-f203-dd94-0555-7fc77aabcfe7-f3c78133 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: stretch;
}

#w-node-_9e715c4b-f203-dd94-0555-7fc77aabcfee-f3c78133 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_547c5268-7cda-69e9-5ecb-b26b555d76b0-3b44fc2f {
  place-self: end stretch;
}

#w-node-_7de219ce-36eb-89ba-81b8-60011453a8ca-1453a8c0, #w-node-_7de219ce-36eb-89ba-81b8-60011453a8de-1453a8c0, #w-node-_7de219ce-36eb-89ba-81b8-60011453a8d7-1453a8c0 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_7de219ce-36eb-89ba-81b8-60011453a8eb-1453a8c0 {
  grid-area: 1 / 5 / 2 / 6;
}

#w-node-f0a533df-71fe-7808-98a4-931ee4e15c14-e4e15c0f {
  justify-self: center;
}

#w-node-f0a533df-71fe-7808-98a4-931ee4e15cb4-e4e15c0f {
  justify-self: end;
}

#w-node-_72a1ae55-a971-fc3b-d54d-fc77a06c54cd-e4e15c0f, #w-node-_72a1ae55-a971-fc3b-d54d-fc77a06c54d3-e4e15c0f, #w-node-_72a1ae55-a971-fc3b-d54d-fc77a06c54dc-e4e15c0f, #w-node-_72a1ae55-a971-fc3b-d54d-fc77a06c54e5-e4e15c0f, #w-node-_72a1ae55-a971-fc3b-d54d-fc77a06c54ee-e4e15c0f, #w-node-_918b94c3-676e-f45f-ed1c-679c11a52d81-e4e15c0f, #w-node-_918b94c3-676e-f45f-ed1c-679c11a52d85-e4e15c0f, #w-node-_918b94c3-676e-f45f-ed1c-679c11a52d8e-e4e15c0f, #w-node-_345aeada-4e05-bd94-7d76-bd734c73b549-e4e15c0f, #w-node-_345aeada-4e05-bd94-7d76-bd734c73b54d-e4e15c0f, #w-node-b43897a5-837a-dd8f-8ec2-32d79fee8c96-e4e15c0f, #w-node-_241af581-620e-ef3d-29e5-570bf2eb7355-e4e15c0f, #w-node-_241af581-620e-ef3d-29e5-570bf2eb735b-e4e15c0f, #w-node-_241af581-620e-ef3d-29e5-570bf2eb7364-e4e15c0f, #w-node-_241af581-620e-ef3d-29e5-570bf2eb736d-e4e15c0f, #w-node-_241af581-620e-ef3d-29e5-570bf2eb7376-e4e15c0f, #w-node-d177f223-5cd0-557b-def6-7b10ec0aa19f-e4e15c0f, #w-node-a29f0e38-cb32-7bcb-dd70-5b34b34d2fcf-e4e15c0f, #w-node-a29f0e38-cb32-7bcb-dd70-5b34b34d2fd3-e4e15c0f, #w-node-a29f0e38-cb32-7bcb-dd70-5b34b34d2fdc-e4e15c0f, #w-node-d177f223-5cd0-557b-def6-7b10ec0aa192-e4e15c0f, #w-node-d177f223-5cd0-557b-def6-7b10ec0aa196-e4e15c0f, #w-node-b47f57ea-935e-d09e-0343-22b2c644458b-e4e15c0f, #w-node-b47f57ea-935e-d09e-0343-22b2c644458f-e4e15c0f, #w-node-b47f57ea-935e-d09e-0343-22b2c6444591-e4e15c0f, #w-node-fe298072-282f-ed17-2212-9d897dc28c93-b5c7813b, #w-node-fe298072-282f-ed17-2212-9d897dc28c9a-b5c7813b, #w-node-fe298072-282f-ed17-2212-9d897dc28ca1-b5c7813b, #w-node-_73774f5b-9211-ef30-32cc-5a187a399518-b5c7813b, #w-node-f4a18757-61cf-6a72-f2d1-c63292f99f01-b5c7813b, #w-node-e31e2695-6005-283e-9b81-a17968d7d27f-b5c7813b {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-b6fb2c5e-2d8b-a070-0d83-c1646d8f8c1a-d6c7813c {
  place-self: center;
}

#w-node-_435a7f0b-2530-0a7f-91e1-ba76ce23509e-d6c7813c, #w-node-_0efd9db4-abf8-a42a-3e11-bb8b2b79cce5-d6c7813c, #w-node-_0efd9db4-abf8-a42a-3e11-bb8b2b79cce8-d6c7813c, #w-node-f6ad91e2-914d-cb76-76d0-295370eb1368-d6c7813c, #w-node-_5a79f794-68e2-d91a-7258-1a5005b62af1-d6c7813c, #w-node-_5a79f794-68e2-d91a-7258-1a5005b62af2-d6c7813c, #w-node-_5a79f794-68e2-d91a-7258-1a5005b62af6-d6c7813c, #w-node-_3296b68e-dada-9ae6-741b-870746e7b881-d6c7813c, #w-node-_3296b68e-dada-9ae6-741b-870746e7b882-d6c7813c, #w-node-efb26036-fe69-7084-9a72-aedd0a4b05ae-d6c7813c, #w-node-_0f78268f-8578-8f82-1ee7-2eedff7af346-d6c7813c, #w-node-_0f78268f-8578-8f82-1ee7-2eedff7af347-d6c7813c, #w-node-_0f78268f-8578-8f82-1ee7-2eedff7af34b-d6c7813c, #w-node-_92d4592f-acb4-1d08-5560-300de54eca78-a4c7813e {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d6d6e359-71db-6e50-1cf7-cf0be120faef-a4c7813e, #w-node-_862744c3-c658-6094-7dfc-9f3148a1e287-a4c7813e {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_35951a0c-d1ae-de54-7708-283e86c57d5c-a4c7813e {
  place-self: stretch stretch;
}

#w-node-_79e49e89-dd68-9451-64eb-d072e50c9594-a4c7813e {
  place-self: auto;
}

#w-node-b5c63527-62fb-f3f9-6e53-c7d1ddfc0ba8-a4c7813e {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-b5c63527-62fb-f3f9-6e53-c7d1ddfc0bab-a4c7813e {
  align-self: center;
}

#w-node-b5c63527-62fb-f3f9-6e53-c7d1ddfc0bba-a4c7813e {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-b07f7b7c-eab6-8750-3403-74854b75f457-a4c7813e {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-b07f7b7c-eab6-8750-3403-74854b75f447-a4c7813e {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-b07f7b7c-eab6-8750-3403-74854b75f44a-a4c7813e {
  align-self: center;
}

#w-node-f33d79e2-0a3e-1fb5-6207-69100a7356b6-a4c7813e {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: start;
}

#w-node-f33d79e2-0a3e-1fb5-6207-69100a7356bc-a4c7813e, #w-node-f33d79e2-0a3e-1fb5-6207-69100a7356c2-a4c7813e, #w-node-f33d79e2-0a3e-1fb5-6207-69100a7356c8-a4c7813e, #w-node-f33d79e2-0a3e-1fb5-6207-69100a7356ce-a4c7813e, #w-node-f33d79e2-0a3e-1fb5-6207-69100a7356d4-a4c7813e, #w-node-_883bf172-9f43-b9ea-6bd7-8e64defdeaa8-a4c7813e, #w-node-_0139f077-8fa0-0d5a-f03f-505696d75588-a4c7813e, #w-node-_59af8c75-759a-9b2d-e160-b69552e2f7c7-a4c7813e, #w-node-b44ee637-b189-d556-1a21-3f17dc43ead6-a4c7813e, #w-node-_5c310c39-94d4-56a3-4baf-612b9748292b-a4c7813e, #w-node-f8097547-3a95-5f67-a39e-0340ef2547f3-fbc78140, #w-node-f8097547-3a95-5f67-a39e-0340ef2547f4-fbc78140, #w-node-f8097547-3a95-5f67-a39e-0340ef254804-fbc78140, #w-node-_3153a719-6236-9f11-2410-af292b8e5d7a-f7c78141, #w-node-_3153a719-6236-9f11-2410-af292b8e5d7b-f7c78141, #w-node-_3153a719-6236-9f11-2410-af292b8e5d7c-f7c78141 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_23115b0b-04b0-760a-da76-64e9056203fa-8fc78142 {
  justify-self: center;
}

#w-node-_74eab053-c243-c0ae-d4a8-2cdf5c3b6d98-63c78145 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-b544d5c0-4e11-4369-809c-ef5e89895e29-a8c78146 {
  place-self: stretch center;
}

#w-node-_326d2c67-33fc-1e6f-33a5-367086de7fb2-ccc78147 {
  place-self: center;
}

#w-node-_36f1e350-70cd-ff64-2635-7c2b9eddfea3-ccc78147, #w-node-_36f1e350-70cd-ff64-2635-7c2b9eddfecf-ccc78147 {
  align-self: start;
}

#w-node-f007d3b4-631f-e941-f60d-9dc585fd360a-ccc78147, #w-node-f007d3b4-631f-e941-f60d-9dc585fd3611-ccc78147, #w-node-f007d3b4-631f-e941-f60d-9dc585fd3617-ccc78147, #w-node-f007d3b4-631f-e941-f60d-9dc585fd361d-ccc78147, #w-node-_21892641-752c-d681-a899-5edec0515e03-ccc78147, #w-node-_21892641-752c-d681-a899-5edec0515e05-ccc78147, #w-node-_21892641-752c-d681-a899-5edec0515e07-ccc78147, #w-node-_21892641-752c-d681-a899-5edec0515e12-ccc78147, #w-node-_21892641-752c-d681-a899-5edec0515e1c-ccc78147, #w-node-_21892641-752c-d681-a899-5edec0515e26-ccc78147, #w-node-_21892641-752c-d681-a899-5edec0515e30-ccc78147 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-c8a279ad-c2fe-9585-a391-03bf88a08931-ccc78147 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: start;
}

#w-node-c8a279ad-c2fe-9585-a391-03bf88a08932-ccc78147 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-e8e59140-b55e-c26c-fee0-91c98f331210-ccc78147 {
  place-self: center;
}

#w-node-_7dfd3cf4-c18e-08f9-7d36-4d0e744251bc-ccc78147, #w-node-_7dfd3cf4-c18e-08f9-7d36-4d0e744251c4-ccc78147, #w-node-_7dfd3cf4-c18e-08f9-7d36-4d0e744251cb-ccc78147, #w-node-_7dfd3cf4-c18e-08f9-7d36-4d0e744251d2-ccc78147 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_0557c92f-52de-4573-a368-399ef3bc921c-ccc78147 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: start;
}

#w-node-_0557c92f-52de-4573-a368-399ef3bc921d-ccc78147 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-c1750077-1fe0-2881-3942-624d2524f90e-ccc78147, #w-node-_2616c7cf-ad20-8905-f0de-c09920d3a406-ccc78147 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center;
}

#w-node-_2616c7cf-ad20-8905-f0de-c09920d3a408-ccc78147, #w-node-_2616c7cf-ad20-8905-f0de-c09920d3a428-ccc78147, #w-node-_2616c7cf-ad20-8905-f0de-c09920d3a432-ccc78147 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_2616c7cf-ad20-8905-f0de-c09920d3a413-ccc78147 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: stretch;
}

#w-node-_2616c7cf-ad20-8905-f0de-c09920d3a41d-ccc78147, #w-node-_0c644ddf-ba8e-d765-f6dc-ce1863175cb5-ccc78147, #w-node-_0c644ddf-ba8e-d765-f6dc-ce1863175cba-ccc78147, #w-node-_0c644ddf-ba8e-d765-f6dc-ce1863175cbf-ccc78147, #w-node-c5a31fb2-cfc7-a3a6-2250-8196cea66ecb-ccc78147, #w-node-c5a31fb2-cfc7-a3a6-2250-8196cea66ecc-ccc78147, #w-node-c5a31fb2-cfc7-a3a6-2250-8196cea66ecd-ccc78147, #w-node-b5bed6d6-a90b-86e3-c8ba-f774d35886b3-bdc78148, #w-node-d47ab26f-4a87-e940-ab7d-cc1eec0754c2-bdc78148, #w-node-_8066cf19-ee0c-ccca-3a41-8597f2a3f410-bdc78148, #w-node-_8066cf19-ee0c-ccca-3a41-8597f2a3f3fb-bdc78148, #w-node-_9bebd5f4-10b2-55d1-7f76-470122052d44-bdc78148, #w-node-_3f926d72-b5a6-e0a4-4073-ce4fd6cfe581-bdc78148, #w-node-_716466cc-9791-ebe0-bfcf-171b5ef3ae54-bdc78148, #w-node-c42302e9-ba5a-5927-0b79-f5c85de2df48-bdc78148 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-b48465ec-b3c8-00cd-6092-6fc1e916b0b2-bdc78148, #w-node-fcf93fa7-ef0d-3320-89ed-2e497ee37955-bdc78148, #w-node-a4b4ad63-c3d6-aeac-d447-aa1b7dcd70eb-bdc78148, #w-node-d71f2348-2e96-3284-5f51-0c778b923165-bdc78148 {
  place-self: start center;
}

#w-node-cc7cd194-832c-81e6-9b0a-4b3409b50cdb-bdc78148, #w-node-cc7cd194-832c-81e6-9b0a-4b3409b50ce1-bdc78148, #w-node-cc7cd194-832c-81e6-9b0a-4b3409b50ce7-bdc78148, #w-node-cc7cd194-832c-81e6-9b0a-4b3409b50ced-bdc78148, #w-node-_916b9c22-8392-eccd-d87f-84747d44a336-bdc78148, #w-node-_916b9c22-8392-eccd-d87f-84747d44a33b-bdc78148, #w-node-c93e1d66-b171-571b-7680-ee67212f47f3-bdc78148, #w-node-c93e1d66-b171-571b-7680-ee67212f47fa-bdc78148, #w-node-c93e1d66-b171-571b-7680-ee67212f4801-bdc78148, #w-node-c93e1d66-b171-571b-7680-ee67212f4808-bdc78148, #w-node-c93e1d66-b171-571b-7680-ee67212f480f-bdc78148, #w-node-c93e1d66-b171-571b-7680-ee67212f4816-bdc78148 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_22424c67-394e-c4a5-118f-086c22f1e84e-7ec78149 {
  justify-self: center;
}

#w-node-_22424c67-394e-c4a5-118f-086c22f1e867-7ec78149 {
  justify-self: end;
}

#w-node-_22424c67-394e-c4a5-118f-086c22f1e870-7ec78149, #w-node-_22424c67-394e-c4a5-118f-086c22f1e876-7ec78149, #w-node-_22424c67-394e-c4a5-118f-086c22f1e87f-7ec78149, #w-node-_22424c67-394e-c4a5-118f-086c22f1e888-7ec78149, #w-node-_22424c67-394e-c4a5-118f-086c22f1e891-7ec78149, #w-node-_22424c67-394e-c4a5-118f-086c22f1e8b2-7ec78149, #w-node-_22424c67-394e-c4a5-118f-086c22f1e8b6-7ec78149, #w-node-_22424c67-394e-c4a5-118f-086c22f1e8c8-7ec78149, #w-node-_22424c67-394e-c4a5-118f-086c22f1e904-7ec78149, #w-node-_22424c67-394e-c4a5-118f-086c22f1e908-7ec78149, #w-node-_22424c67-394e-c4a5-118f-086c22f1e93c-7ec78149, #w-node-_22424c67-394e-c4a5-118f-086c22f1e968-7ec78149, #w-node-_22424c67-394e-c4a5-118f-086c22f1e96e-7ec78149, #w-node-_22424c67-394e-c4a5-118f-086c22f1e977-7ec78149, #w-node-_22424c67-394e-c4a5-118f-086c22f1e980-7ec78149, #w-node-_22424c67-394e-c4a5-118f-086c22f1e989-7ec78149, #w-node-_22424c67-394e-c4a5-118f-086c22f1e992-7ec78149, #w-node-_22424c67-394e-c4a5-118f-086c22f1e9aa-7ec78149, #w-node-_22424c67-394e-c4a5-118f-086c22f1e9b7-7ec78149, #w-node-_22424c67-394e-c4a5-118f-086c22f1e9c0-7ec78149, #w-node-_22424c67-394e-c4a5-118f-086c22f1e9fc-7ec78149, #w-node-_22424c67-394e-c4a5-118f-086c22f1ea00-7ec78149, #w-node-_22424c67-394e-c4a5-118f-086c22f1ea3f-7ec78149, #w-node-_22424c67-394e-c4a5-118f-086c22f1ea43-7ec78149, #w-node-_22424c67-394e-c4a5-118f-086c22f1ea45-7ec78149 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_7c14d66f-e245-b3cc-b116-1da3a86a044b-7ac7814b {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-a8ab47de-b065-833d-e5f2-ce86fb4780eb-7ac7814b {
  align-self: center;
}

#w-node-a8ab47de-b065-833d-e5f2-ce86fb4780f0-7ac7814b, #w-node-f08ebebe-3602-b978-cb6f-f08314edcd58-7ac7814b, #w-node-_30481fbb-8b0d-3115-a952-5c1156800e1f-7ac7814b, #w-node-b1304cb6-67af-caf2-1e78-db560eebd2f2-7ac7814b {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_71148ab7-12a8-d6bc-b4b3-abbbb4a830d8-7ac7814b, #w-node-c8bc2e07-8817-1972-ff4e-01b744e44723-7ac7814b {
  align-self: center;
}

#w-node-c8bc2e07-8817-1972-ff4e-01b744e44728-7ac7814b {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-c8bc2e07-8817-1972-ff4e-01b744e4472a-7ac7814b, #w-node-c8bc2e07-8817-1972-ff4e-01b744e4472f-7ac7814b, #w-node-_5bdc655e-91b3-8326-54d8-68f198b9d83d-7ac7814b {
  align-self: center;
}

#w-node-de47fb32-33cc-1039-fabe-a08be335e2dd-a9c7814c {
  place-self: center stretch;
}

#w-node-de47fb32-33cc-1039-fabe-a08be335e2df-a9c7814c {
  place-self: center;
}

#w-node-e3927824-e17f-5b22-adad-6f06c1c2f6b3-a9c7814c {
  place-self: start center;
}

#w-node-d7cd58b1-1f1c-128d-008f-a47029f9153b-a9c7814c, #w-node-_60d7c1f0-a4d4-003e-4d22-e8a9da3467f3-a9c7814c {
  align-self: center;
}

#w-node-_54e1e53b-a4e8-32da-559b-010a57d1c2d2-a9c7814c {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center;
}

#w-node-_62ade932-a7ba-8e6f-e7be-6c9b45b181dd-a9c7814c {
  align-self: center;
}

#w-node-_156d2f1d-674e-e2be-1928-a9a5a002b904-a9c7814c, #w-node-_32b462b8-e24b-f321-4a21-bed9f39d516b-a9c7814c, #w-node-_45ae4134-559b-77d1-a323-efa3a70c12bb-a9c7814c, #w-node-_27fa32e0-d372-8819-6931-ab57022ab45a-a9c7814c, #w-node-_0b83d43d-a721-37e5-a0d4-bd185600ca1f-a9c7814c, #w-node-_0b83d43d-a721-37e5-a0d4-bd185600ca25-a9c7814c, #w-node-_0b83d43d-a721-37e5-a0d4-bd185600ca2b-a9c7814c, #w-node-_0b83d43d-a721-37e5-a0d4-bd185600ca31-a9c7814c, #w-node-_6c40635d-9641-ff9f-7ce2-aa19ccab7613-a9c7814c, #w-node-_51b92643-3a33-e6d4-6503-4cdd7a3f3bde-a9c7814c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_562ad675-071b-ee16-eb22-4aedc57901e3-a9c7814c {
  justify-self: center;
}

#w-node-_9d93ff2d-27eb-44a3-35bd-84334a46bb5c-a9c7814c {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.5fr;
}

#w-node-_9d93ff2d-27eb-44a3-35bd-84334a46bb77-a9c7814c {
  grid-template-rows: auto;
  grid-template-columns: 1.5fr 1fr;
}

#w-node-_9d93ff2d-27eb-44a3-35bd-84334a46bb92-a9c7814c {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.5fr;
}

#w-node-_3a734685-026b-a314-aecd-861dc2fb8cf2-a9c7814c, #w-node-_9905a511-a286-0cf9-ceaa-151ae740d8d6-a9c7814c {
  justify-self: center;
}

#w-node-_9d93ff2d-27eb-44a3-35bd-84334a46bbfa-a9c7814c {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
}

#w-node-_9d93ff2d-27eb-44a3-35bd-84334a46bc28-a9c7814c {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-_9d93ff2d-27eb-44a3-35bd-84334a46bc56-a9c7814c {
  grid-template-rows: auto;
  grid-template-columns: .7fr 1fr;
}

#w-node-f1174119-fd95-dda6-127c-8462d7e56d99-b9c7814d {
  align-self: stretch;
}

#w-node-_9f398cee-78ba-0d80-5843-3710ef82e992-b9c7814d {
  grid-area: 1 / 2 / 2 / 4;
}

#w-node-_21e08f96-8d59-331f-0b07-9c566f3d84e6-39013c4f {
  place-self: center;
}

#w-node-_288d7a35-44f6-a7f5-05a7-320cf3a654e2-39013c4f, #w-node-_288d7a35-44f6-a7f5-05a7-320cf3a654e1-39013c4f, #w-node-_2e6ac72d-5570-05b0-73e6-1831be03cb2e-39013c4f, #w-node-_2e6ac72d-5570-05b0-73e6-1831be03cb28-39013c4f, #w-node-e32d1d26-ade1-624f-4ad7-ab9e9dfbf9c0-39013c4f, #w-node-_4213a865-5166-0ba9-acf3-7baa28934677-39013c4f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_53b02fea-d80b-5986-8adc-bad00bb8e59d-39013c4f {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: start;
}

#w-node-_53b02fea-d80b-5986-8adc-bad00bb8e5a3-39013c4f, #w-node-_620fbfd0-2a6e-c629-cac4-af4d96d8c6ca-39013c4f, #w-node-e2ad37e0-7907-15e3-2ed7-80735160695e-39013c4f, #w-node-e63bf46f-833c-ab15-214f-6ed685a36a95-39013c4f, #w-node-_4b7a38cb-401a-3800-230f-802dd6512188-39013c4f, #w-node-_2338c0ec-433c-83b4-c4e9-b47ce6c9ff16-39013c4f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4bdc8709-2612-14da-3380-571cbbad7ed8-39013c4f {
  align-self: center;
}

#w-node-_4bdc8709-2612-14da-3380-571cbbad7ee2-39013c4f, #w-node-_4bdc8709-2612-14da-3380-571cbbad7eec-39013c4f {
  place-self: center;
}

#w-node-_2d35972b-21c7-d3fe-6c2c-7776c89be9f6-f9f06738, #w-node-d984000d-ac1e-6328-de4b-85b273978c29-f9f06738, #w-node-ca4dd35a-e91d-3ff4-ce35-c157b1d06678-f9f06738, #w-node-b922081a-9ffa-de0a-6a16-4caa4f5f7aa1-f9f06738, #w-node-_977b3c2e-4eb8-b867-0051-2be6b1092d56-f9f06738, #w-node-_8ecf5503-af1a-f7be-cc8c-3c83dc32ebf6-f9f06738 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-b544d5c0-4e11-4369-809c-ef5e89895e29-f9f06738 {
  place-self: stretch center;
}

#w-node-_0c4a8068-40b6-501c-52a3-8f51f6e89098-492e22b6 {
  place-self: center;
}

#w-node-b5c63527-62fb-f3f9-6e53-c7d1ddfc0ba8-492e22b6 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-b5c63527-62fb-f3f9-6e53-c7d1ddfc0bba-492e22b6, #w-node-b07f7b7c-eab6-8750-3403-74854b75f457-492e22b6 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-b07f7b7c-eab6-8750-3403-74854b75f447-492e22b6 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-b07f7b7c-eab6-8750-3403-74854b75f44a-492e22b6 {
  align-self: center;
}

#w-node-_58381e84-90d5-e5fc-f878-d8331518eeec-492e22b6, #w-node-_4c5ef1f9-9f8c-1b56-e069-c9c8505f1bd8-492e22b6, #w-node-b4a0fa52-715e-795d-ec29-8f425b5883f1-492e22b6, #w-node-_5644d6fc-324f-4925-1ec6-0ee8c3442317-492e22b6, #w-node-_9e88f9c7-d34a-e94a-c725-9f8026a4d33c-492e22b6, #w-node-_7c266474-1c02-9ad4-f32d-04ea06474e9f-492e22b6 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_19d4eda5-5729-2bee-0918-6cf079c3136a-492e22b6 {
  align-self: center;
}

#w-node-_19d4eda5-5729-2bee-0918-6cf079c31373-492e22b6, #w-node-_19d4eda5-5729-2bee-0918-6cf079c3137c-492e22b6, #w-node-b544d5c0-4e11-4369-809c-ef5e89895e29-fada9661 {
  place-self: center;
}

#w-node-b9f45df1-f82b-987a-04db-f7766136b6fc-fada9661, #w-node-b9f45df1-f82b-987a-04db-f7766136b6fe-fada9661, #w-node-b9f45df1-f82b-987a-04db-f7766136b700-fada9661, #w-node-b9f45df1-f82b-987a-04db-f7766136b709-fada9661, #w-node-b9f45df1-f82b-987a-04db-f7766136b712-fada9661, #w-node-b9f45df1-f82b-987a-04db-f7766136b71b-fada9661, #w-node-b9f45df1-f82b-987a-04db-f7766136b724-fada9661, #w-node-f85384ce-4e4e-5d74-8423-b6766161ca1f-fada9661, #w-node-_0959b122-901f-44d9-219f-ee4027985997-fada9661, #w-node-_03a42923-1ce8-c901-10ce-bf959b55a90f-fada9661, #w-node-eb3ff8fd-2e5a-7845-0b2f-11b49481e7c1-fada9661, #w-node-_4be086c1-c80d-5b40-6265-ed03c7b00c4a-fada9661, #w-node-_78d871ad-c825-2f53-ba84-594fdca67ae3-fada9661, #w-node-_43da4269-6ba9-06db-2256-aaae76a3c89f-fada9661 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-ecdf9044-7574-d1ab-199e-c597e429c87f-fada9661 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center;
}

#w-node-ecdf9044-7574-d1ab-199e-c597e429c880-fada9661, #w-node-c5a31fb2-cfc7-a3a6-2250-8196cea66ecb-fada9661, #w-node-c5a31fb2-cfc7-a3a6-2250-8196cea66ecc-fada9661, #w-node-c5a31fb2-cfc7-a3a6-2250-8196cea66ecd-fada9661, #w-node-_1c8183e3-cfe1-1c6d-d139-36847ee60929-c42948a4 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_0c4a8068-40b6-501c-52a3-8f51f6e89098-c42948a4 {
  place-self: center;
}

#w-node-b5c63527-62fb-f3f9-6e53-c7d1ddfc0bab-c42948a4 {
  align-self: center;
}

#w-node-b5c63527-62fb-f3f9-6e53-c7d1ddfc0bba-c42948a4 {
  grid-area: 1 / 2 / 2 / 3;
  align-self: center;
}

#w-node-_969598ed-08d8-743c-878f-d3b26950246c-c42948a4, #w-node-_969598ed-08d8-743c-878f-d3b269502476-c42948a4 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-b0c3d1c3-f89b-a368-1fb5-b731c944b5ce-c42948a4 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_7d60bc7c-8542-97cb-1204-b4370e6c0147-c42948a4, #w-node-_7d60bc7c-8542-97cb-1204-b4370e6c014e-c42948a4, #w-node-_7d60bc7c-8542-97cb-1204-b4370e6c0155-c42948a4 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-f33d79e2-0a3e-1fb5-6207-69100a7356b6-c42948a4 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: start;
}

#w-node-f33d79e2-0a3e-1fb5-6207-69100a7356bc-c42948a4, #w-node-f33d79e2-0a3e-1fb5-6207-69100a7356c2-c42948a4, #w-node-f33d79e2-0a3e-1fb5-6207-69100a7356c8-c42948a4, #w-node-f33d79e2-0a3e-1fb5-6207-69100a7356ce-c42948a4, #w-node-f33d79e2-0a3e-1fb5-6207-69100a7356d4-c42948a4, #w-node-_3398eb0b-d052-f72b-28ff-955f3188f283-c42948a4, #w-node-_3398eb0b-d052-f72b-28ff-955f3188f28d-c42948a4, #w-node-e218a3ef-f33f-80bc-91cb-a137573c5eab-95a5a4dd {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_3c80cf83-fb26-d51f-b844-ec6bd2fc8236-95a5a4dd {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-_3c80cf83-fb26-d51f-b844-ec6bd2fc823c-95a5a4dd {
  align-self: center;
}

#w-node-f33d79e2-0a3e-1fb5-6207-69100a7356b6-95a5a4dd {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: start;
}

#w-node-f33d79e2-0a3e-1fb5-6207-69100a7356bc-95a5a4dd, #w-node-f33d79e2-0a3e-1fb5-6207-69100a7356c2-95a5a4dd, #w-node-f33d79e2-0a3e-1fb5-6207-69100a7356c8-95a5a4dd, #w-node-f33d79e2-0a3e-1fb5-6207-69100a7356ce-95a5a4dd, #w-node-f33d79e2-0a3e-1fb5-6207-69100a7356d4-95a5a4dd {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4baa9a00-14a5-1921-aec9-e43957c9d381-95a5a4dd {
  align-self: center;
}

#w-node-_4baa9a00-14a5-1921-aec9-e43957c9d391-95a5a4dd {
  grid-area: 1 / 2 / 2 / 3;
  align-self: center;
}

#w-node-fb08cae1-fa7a-5289-1658-30e3bbf44d17-95a5a4dd {
  align-self: center;
}

#w-node-fb08cae1-fa7a-5289-1658-30e3bbf44d20-95a5a4dd, #w-node-fb08cae1-fa7a-5289-1658-30e3bbf44d29-95a5a4dd {
  place-self: center;
}

#w-node-_1c8183e3-cfe1-1c6d-d139-36847ee60929-95a5a4dd {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-b5c63527-62fb-f3f9-6e53-c7d1ddfc0bba-95a5a4dd {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-b5c63527-62fb-f3f9-6e53-c7d1ddfc0bab-95a5a4dd, #w-node-_73b9851d-6038-f9bc-43e0-1173f1c29661-95a5a4dd {
  align-self: center;
}

#w-node-_901265f0-3bff-ad34-a080-b66d6a14c476-95a5a4dd, #w-node-_52d93e7a-8553-a03b-0633-20e6155762f6-95a5a4dd, #w-node-dd4e2245-8f8d-93a1-5378-c0baea326ca5-95a5a4dd {
  place-self: stretch stretch;
}

#w-node-_82bef427-1aa3-6dfa-455c-cc73cdb34c79-95a5a4dd {
  align-self: start;
}

#w-node-fa7488b2-76a3-0f15-2cfc-7791e4039d22-95a5a4dd {
  align-self: center;
}

#w-node-_33100f1f-a1a7-b2b7-a466-16560b829a4e-95a5a4dd, #w-node-_33100f1f-a1a7-b2b7-a466-16560b829a4f-95a5a4dd, #w-node-_33100f1f-a1a7-b2b7-a466-16560b829a50-95a5a4dd {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_40e62e1d-ff57-1f1e-a9ff-50381b6ac233-c6112288 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: start;
}

#w-node-_40e62e1d-ff57-1f1e-a9ff-50381b6ac23b-c6112288 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_01717b02-e4ab-5a2e-1b91-0c1c777b2fc8-7202514d, #w-node-_01717b02-e4ab-5a2e-1b91-0c1c777b2fe4-7202514d, #w-node-_591bea01-4264-0de5-17f3-ccdc7732d37a-7202514d, #w-node-_43667d47-34c9-f1b3-50b4-83898ec77bea-7202514d, #w-node-b170ae32-db5b-45ee-1024-1b869e750e82-7202514d, #w-node-_2b27fb20-573a-3473-3aa1-698e815e35c5-7202514d, #w-node-_29be6846-3691-c022-4b76-491359664830-7202514d, #w-node-_29be6846-3691-c022-4b76-491359664831-7202514d, #w-node-_29be6846-3691-c022-4b76-491359664832-7202514d, #w-node-_29be6846-3691-c022-4b76-491359664833-7202514d {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-f9e0c643-4524-4ff0-5b93-98f7194f52d1-7202514d {
  place-self: stretch center;
}

#w-node-_72918dc3-4fac-0c92-5e10-42a431cc7153-7202514d, #w-node-_163b12dd-dcc2-4f2b-14ad-87ef3eb7fae7-7202514d, #w-node-b7537e37-bd40-0a18-e1b2-962d46981ae7-7202514d, #w-node-_953a9534-10c8-9ee2-cdf0-4c9e73e1a30e-f6da6622, #w-node-ce902e1d-e529-8126-ffb3-24305843ed21-f6da6622, #w-node-c4db806e-e3cd-6914-2691-15c95ce66898-f6da6622, #w-node-d0b34bde-bf5b-d44f-9b32-82bdbdf11b2c-f6da6622, #w-node-ad1efdc2-9b0d-7f33-410a-0b32a7c61943-f6da6622, #w-node-_7889249d-f302-687a-40e1-447976dac294-f6da6622, #w-node-c4c2f52c-b47d-821a-3d7e-400d7b7bddff-f6da6622, #w-node-_7889249d-f302-687a-40e1-447976dac29e-f6da6622, #w-node-fea9b8f1-010c-747d-a2d8-71dd44377a85-f6da6622, #w-node-c905dc26-5fc8-b0b8-8243-db2703dafb82-f6da6622, #w-node-_9b331695-8567-53d4-fe44-3b1aa2a1f604-f6da6622, #w-node-_177c0e5e-0f9d-4701-6960-80ee9f43ada4-f6da6622, #w-node-_5384126a-71e5-aa1c-10f0-d82905538aa1-0cd252aa, #w-node-f463aa26-28fb-8d1d-02e9-c4d6277328de-0cd252aa, #w-node-_3f288fa5-6783-6a0d-d09d-12b31f9b0c73-0cd252aa, #w-node-_3f288fa5-6783-6a0d-d09d-12b31f9b0c79-0cd252aa {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_1df028df-4630-249d-5378-3afa55921f61-0cd252aa {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_1df028df-4630-249d-5378-3afa55921f6d-0cd252aa, #w-node-b0ce7a79-db26-b493-1afc-f248d8e3fdba-478ccd22, #w-node-_782a58b8-7b17-2c0e-509e-18f5ad56234b-478ccd22, #w-node-_0174b639-040d-b195-a371-c72336a67013-478ccd22, #w-node-_7b42da2c-5d5e-0ce5-5c20-6173072f44ba-478ccd22, #w-node-_7b42da2c-5d5e-0ce5-5c20-6173072f44c1-478ccd22, #w-node-_7b42da2c-5d5e-0ce5-5c20-6173072f44c8-478ccd22, #w-node-_7b42da2c-5d5e-0ce5-5c20-6173072f44cf-478ccd22, #w-node-_314a3a61-6fe7-9f05-cdbd-502a7d093d93-478ccd22 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_314a3a61-6fe7-9f05-cdbd-502a7d093daa-478ccd22 {
  order: -9999;
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d9be93d2-8958-b407-58dd-f51a7fdc2e53-478ccd22 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: stretch;
}

#w-node-e42e49d5-acb9-655f-43c1-89433df508ce-478ccd22 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-afa4b06a-0ef3-4a76-d4ab-e21812b43ef7-478ccd22 {
  place-self: center;
}

#w-node-_93f88070-27e4-e9f3-4d83-dc7c504de9b4-ed88144f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_93f88070-27e4-e9f3-4d83-dc7c504de9be-ed88144f {
  order: -9999;
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_43a29424-3c64-6b46-0454-42aea91eb864-ed88144f {
  order: 9999;
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_43a29424-3c64-6b46-0454-42aea91eb85a-ed88144f, #w-node-_2f2a01b8-4671-0a1f-48cf-e2ca7492c1ea-ed88144f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_2f2a01b8-4671-0a1f-48cf-e2ca7492c1f4-ed88144f {
  order: -9999;
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_0651c897-0cd1-6f64-bd99-257b6fc17a1c-ed88144f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_0651c897-0cd1-6f64-bd99-257b6fc17a2d-ed88144f {
  order: 9999;
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_77ff7ccf-554c-9c28-b194-5c7ba53dd193-ed88144f, #w-node-b11cae31-bc81-4c0d-dd5f-7c463e90a9bb-ed88144f, #w-node-_27939418-3008-1c34-698b-c01b8fc89d8d-ed88144f, #w-node-da78c4a7-321f-0751-6cc9-9b1683899764-ed88144f, #w-node-ef25ef99-db35-bbfd-983c-b3b98537e15c-ed88144f, #w-node-_2135ad5e-a912-8286-b5e5-48beab533dcb-ed88144f, #w-node-e83e65e8-6912-d4a9-fc8e-2710d1cd4858-ed88144f, #w-node-_2e0b57e9-5691-b6d7-a1c7-c6ea504930c5-ed88144f, #w-node-ccf12058-f725-bfe5-56fc-0721e4b79766-ed88144f, #w-node-ccf12058-f725-bfe5-56fc-0721e4b7976d-ed88144f, #w-node-ccf12058-f725-bfe5-56fc-0721e4b79772-ed88144f, #w-node-ccf12058-f725-bfe5-56fc-0721e4b79777-ed88144f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_493c30c7-418f-c697-d787-6a0fe687a647-ed88144f {
  place-self: center;
}

#w-node-_93f88070-27e4-e9f3-4d83-dc7c504de9b4-ac377467, #w-node-_43a29424-3c64-6b46-0454-42aea91eb85a-ac377467 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_0f888ad2-64cc-6488-c69a-c3297f445322-ac377467 {
  justify-self: end;
}

#w-node-_2f2a01b8-4671-0a1f-48cf-e2ca7492c1ea-ac377467, #w-node-_7e2d53df-e215-7e83-4505-757e9c34ed67-ac377467 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_7e2d53df-e215-7e83-4505-757e9c34ed6e-ac377467 {
  place-self: auto end;
}

#w-node-f72fea3f-b254-e65a-0557-1cf5399eaf58-ac377467 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: stretch;
}

#w-node-f72fea3f-b254-e65a-0557-1cf5399eaf5f-ac377467 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_493c30c7-418f-c697-d787-6a0fe687a647-ac377467 {
  place-self: center;
}

#w-node-_93f88070-27e4-e9f3-4d83-dc7c504de9b4-07dccc4c, #w-node-_43a29424-3c64-6b46-0454-42aea91eb85a-07dccc4c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_0f888ad2-64cc-6488-c69a-c3297f445322-07dccc4c {
  justify-self: end;
}

#w-node-_2f2a01b8-4671-0a1f-48cf-e2ca7492c1ea-07dccc4c, #w-node-_7e2d53df-e215-7e83-4505-757e9c34ed67-07dccc4c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_7e2d53df-e215-7e83-4505-757e9c34ed6e-07dccc4c {
  place-self: auto end;
}

#w-node-_05a43c08-fced-b067-82f8-776064fd26ae-07dccc4c, #w-node-e1dc42e7-9def-4524-8086-06dd6c86f3bb-07dccc4c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-e1dc42e7-9def-4524-8086-06dd6c86f3c2-07dccc4c {
  place-self: auto end;
}

#w-node-f72fea3f-b254-e65a-0557-1cf5399eaf58-07dccc4c {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: start;
}

#w-node-f72fea3f-b254-e65a-0557-1cf5399eaf5f-07dccc4c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_9949887f-8623-8d99-bd4f-66bc891a0bff-07dccc4c, #w-node-e19092fa-9531-eb89-36cf-03bdffb67931-07dccc4c, #w-node-_5b90e873-bfa8-6643-4ae5-5df9760fb04b-07dccc4c, #w-node-eeeffc5a-1f92-5ce6-6a1d-670a883a4229-07dccc4c, #w-node-a2a2eaaa-39d4-5008-5569-b97b24848917-07dccc4c {
  align-self: stretch;
}

#w-node-_493c30c7-418f-c697-d787-6a0fe687a647-07dccc4c {
  place-self: center;
}

#w-node-_93f88070-27e4-e9f3-4d83-dc7c504de9b4-e0a542d5, #w-node-_43a29424-3c64-6b46-0454-42aea91eb85a-e0a542d5 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_0f888ad2-64cc-6488-c69a-c3297f445322-e0a542d5 {
  justify-self: end;
}

#w-node-_2f2a01b8-4671-0a1f-48cf-e2ca7492c1ea-e0a542d5, #w-node-_7e2d53df-e215-7e83-4505-757e9c34ed67-e0a542d5 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_7e2d53df-e215-7e83-4505-757e9c34ed6e-e0a542d5 {
  place-self: auto end;
}

#w-node-f72fea3f-b254-e65a-0557-1cf5399eaf58-e0a542d5 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: stretch;
}

#w-node-f72fea3f-b254-e65a-0557-1cf5399eaf5f-e0a542d5 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_493c30c7-418f-c697-d787-6a0fe687a647-e0a542d5 {
  place-self: center;
}

#w-node-aa9cd1e9-054e-cc2d-0571-c0a17be9b20d-84843843, #w-node-f69442a4-6c67-f4bb-0a82-067e0ded8d96-84843843, #w-node-_78078f59-94e6-17a5-4643-bb54afb5ebd2-84843843, #w-node-_91132b81-80c5-1f91-5d8f-1d0de9dc701a-84843843, #w-node-_00e752b5-9431-751f-7694-17548a290322-84843843, #w-node-_2589946c-9b0b-69fa-1c4d-c31ed7816451-84843843, #w-node-a533e837-4785-0341-921d-9d1cd6dc2d97-84843843, #w-node-b5761dbe-70a1-17bd-f1f1-59994f86afb8-84843843, #w-node-_9ad4d445-b240-5438-d3c2-1f4b3fa477a0-84843843 {
  place-self: stretch stretch;
}

#w-node-_350ed76f-6a24-82d5-d8e2-eb900726195a-7a4f19ed {
  align-self: center;
}

#w-node-a003556d-c3d0-f776-c9a0-cf8b84648d27-7a4f19ed {
  place-self: center;
}

#w-node-_37696bcf-e539-389e-abd0-adc9a2fd5d09-7a4f19ed {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-aa7b1b3c-0262-193f-32e4-341508bcabd6-0a30d093, #w-node-_47d70c41-7d1f-6779-4b0d-e71540c112cc-0a30d093, #w-node-_0c718c4a-119c-66bc-4906-dd0b1e9acbf5-0a30d093, #w-node-_7d0d0a39-0dd9-20de-b497-89902317d2a5-0a30d093, #w-node-c6184cf1-fa76-9508-9cf7-923945ff4b7e-0a30d093, #w-node-ceaf51ba-ac44-db9e-7cc5-9ef7c3b310e9-0a30d093 {
  align-self: stretch;
}

#w-node-_0077d063-557e-69c4-f7ab-c9847dec8b22-5b7aad59 {
  align-self: auto;
}

#w-node-_0c4a8068-40b6-501c-52a3-8f51f6e89098-cfb9963f {
  place-self: center;
}

#w-node-b5c63527-62fb-f3f9-6e53-c7d1ddfc0ba8-cfb9963f {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-b5c63527-62fb-f3f9-6e53-c7d1ddfc0bba-cfb9963f, #w-node-b07f7b7c-eab6-8750-3403-74854b75f457-cfb9963f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-b07f7b7c-eab6-8750-3403-74854b75f447-cfb9963f {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-b07f7b7c-eab6-8750-3403-74854b75f44a-cfb9963f {
  align-self: center;
}

#w-node-_58381e84-90d5-e5fc-f878-d8331518eeec-cfb9963f, #w-node-_4c5ef1f9-9f8c-1b56-e069-c9c8505f1bd8-cfb9963f, #w-node-b4a0fa52-715e-795d-ec29-8f425b5883f1-cfb9963f, #w-node-_5644d6fc-324f-4925-1ec6-0ee8c3442317-cfb9963f, #w-node-_9e88f9c7-d34a-e94a-c725-9f8026a4d33c-cfb9963f, #w-node-_7c266474-1c02-9ad4-f32d-04ea06474e9f-cfb9963f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_19d4eda5-5729-2bee-0918-6cf079c3136a-cfb9963f {
  align-self: center;
}

#w-node-_19d4eda5-5729-2bee-0918-6cf079c31373-cfb9963f, #w-node-_19d4eda5-5729-2bee-0918-6cf079c3137c-cfb9963f {
  place-self: center;
}

#w-node-b770d4e8-c199-e36f-38e3-15da76efb160-cfb9963f {
  order: 2;
  grid-area: 1 / 2 / 2 / 5;
}

#w-node-f271cb93-f5cd-8a55-95bc-afe8e57aeace-cfb9963f {
  grid-area: 1 / 2 / 2 / 5;
}

#w-node-_764c3807-4ec5-8373-ff04-fdc442a2740f-cfb9963f {
  grid-area: 2 / 2 / 2 / 5;
}

#w-node-_76204114-681d-f6d8-4538-213974feffe7-cfb9963f {
  grid-area: 3 / 1 / 4 / 5;
}

#w-node-ef7ee63a-2eb1-7e66-87f9-3eb68ce1ddc7-cfb9963f {
  grid-area: 4 / 1 / 5 / 3;
}

#w-node-_764c3807-4ec5-8373-ff04-fdc442a27413-cfb9963f {
  grid-area: 4 / 3 / 5 / 5;
  place-self: end;
}

#w-node-ba1ab408-3f28-e1d1-acf5-5290fa3592e7-cfb9963f {
  align-self: start;
}

#w-node-e1bed16e-dc88-ec58-145e-473cdc39aa9d-cfb9963f, #w-node-_28d3dccb-34d0-6dd6-b1a9-20e040ba89fa-cfb9963f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-b86d963d-92e3-a5df-47cb-511d6422da3f-cfb9963f, #w-node-e0f058a9-5e2f-73c5-21ed-78b9e9f61f38-cfb9963f {
  align-self: end;
}

#w-node-_08e291c0-5ac5-1101-3190-221e67bb8eae-cfb9963f {
  align-self: center;
}

#w-node-_886480d6-68c8-bf87-3755-8bf2741d5321-cfb9963f {
  grid-area: 1 / 1 / 3 / 4;
  align-self: stretch;
}

#w-node-_6516086a-11d5-c880-c3b5-507d62b4dd57-cfb9963f {
  grid-area: 1 / 4 / 3 / 5;
  place-self: stretch stretch;
}

#w-node-a0d4531c-fdeb-8c07-087e-9b3b6a36a8ed-cfb9963f {
  grid-area: 3 / 1 / 5 / 2;
  place-self: stretch stretch;
}

#w-node-_4dfbc587-7237-b2eb-3529-99dc385bd076-cfb9963f {
  grid-area: 3 / 2 / 5 / 3;
  place-self: stretch stretch;
}

#w-node-_35647a3c-631d-ae43-8f74-8d758695f5f0-cfb9963f {
  grid-area: 3 / 3 / 5 / 5;
  place-self: stretch stretch;
}

#w-node-d61a75f1-a9c8-9273-940c-6c5b26029dd8-cfb9963f {
  align-self: end;
}

#w-node-_57fae491-c5ac-85c5-da19-75346d05bfb6-cfb9963f {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: end;
}

#w-node-_09104c0c-f53e-3c36-591e-5b7d7c72fd54-cfb9963f, #w-node-_85a3de0b-83a5-b26d-b2b8-e6ef07f4b0e0-cfb9963f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_8b4dd93f-9966-d3d0-d4fe-b76af24636c9-cfb9963f {
  align-self: end;
}

#w-node-_85a3de0b-83a5-b26d-b2b8-e6ef07f4b0de-cfb9963f {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: end;
}

#w-node-d375a39f-1cd5-bcb6-912e-9f6011d111f4-cfb9963f, #w-node-d375a39f-1cd5-bcb6-912e-9f6011d111f7-cfb9963f, #w-node-d375a39f-1cd5-bcb6-912e-9f6011d111fd-cfb9963f, #w-node-d375a39f-1cd5-bcb6-912e-9f6011d11205-cfb9963f, #w-node-d375a39f-1cd5-bcb6-912e-9f6011d1120b-cfb9963f, #w-node-d375a39f-1cd5-bcb6-912e-9f6011d11213-cfb9963f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_2f0a17ff-8da9-674f-0804-a85fe85b0734-cfb9963f, #w-node-_216a2bf1-1b9a-283e-dc4e-201e8d581d59-cfb9963f {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: end;
}

#w-node-_3d81eb88-58e4-873a-896b-c75e73fd5e4b-cfb9963f {
  order: 0;
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_3d81eb88-58e4-873a-896b-c75e73fd5e4c-cfb9963f {
  place-self: center;
}

#w-node-_2c044d9b-d993-ea26-b2f4-7c92d0980bd4-cfb9963f, #w-node-_2725c851-6b9b-8ea5-f54b-2788f634eeed-cfb9963f {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-a9578c00-c4fa-9f1a-4eb7-e1288c0a9746-cfb9963f {
  grid-area: 2 / 3 / 3 / 4;
  align-self: stretch;
}

#w-node-e37b30c2-fc97-d802-ca7e-0db39efc0e3a-cfb9963f {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-d678b285-3d55-8773-2d23-cf222cd83b7e-cfb9963f {
  grid-area: 3 / 1 / 4 / 2;
}

#w-node-_9570ac87-605f-f5e3-0ae0-517ef1963aeb-cfb9963f, #w-node-e549b087-044d-5dd4-eb27-ea286b15a96e-cfb9963f {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_99fe3266-a300-52d2-ef47-85c4847a5ec1-cfb9963f {
  grid-area: 5 / 1 / 6 / 2;
}

#w-node-_99fe3266-a300-52d2-ef47-85c4847a5ec4-cfb9963f {
  place-self: center;
}

#w-node-c84bd18b-a254-04dc-1c59-2d6634636a47-cfb9963f {
  grid-area: 4 / 3 / 5 / 4;
}

#w-node-b770d4e8-c199-e36f-38e3-15da76efb160-7ce9adb3 {
  order: 2;
  grid-area: 1 / 2 / 2 / 5;
}

#w-node-f271cb93-f5cd-8a55-95bc-afe8e57aeace-7ce9adb3 {
  grid-area: 1 / 2 / 2 / 5;
}

#w-node-_91904bce-753e-3af4-6a32-bcc959cedc9d-7ce9adb3 {
  grid-area: 2 / 1 / 2 / 5;
}

#w-node-_764c3807-4ec5-8373-ff04-fdc442a2740f-7ce9adb3 {
  grid-area: 3 / 2 / 4 / 5;
}

#w-node-_76204114-681d-f6d8-4538-213974feffe7-7ce9adb3 {
  grid-area: 4 / 1 / 5 / 5;
}

#w-node-_6576c77c-86a3-d63f-a49b-6cf7f763dd09-7ce9adb3 {
  grid-area: 5 / 1 / 6 / 3;
  justify-self: stretch;
}

#w-node-_55853d6a-0aa0-29fa-c8a0-1f09e65268a6-7ce9adb3 {
  grid-area: 4 / 3 / 6 / 5;
  place-self: stretch stretch;
}

#w-node-_764c3807-4ec5-8373-ff04-fdc442a27413-7ce9adb3 {
  grid-area: 6 / 3 / 7 / 5;
  place-self: end;
}

#w-node-_9adde2da-7eff-5694-edfd-2c2b82af3347-7ce9adb3 {
  grid-area: 3 / 1 / 4 / 2;
  place-self: center;
}

#w-node-a4967a2c-84cd-d6e7-fff1-e64985d0b43d-7ce9adb3 {
  grid-area: 3 / 1 / 4 / 2;
}

#w-node-_4dfbc587-7237-b2eb-3529-99dc385bd076-7ce9adb3 {
  grid-area: span 1 / span 3 / span 1 / span 3;
  place-self: stretch stretch;
}

#w-node-_96e9bc2e-a374-970b-27a8-6d2be5c832fa-7ce9adb3, #w-node-_153ae788-5547-a86b-6499-7544ee0eb781-7ce9adb3 {
  grid-area: span 1 / span 2 / span 1 / span 2;
  place-self: stretch stretch;
}

#w-node-ae848bc5-4be4-7b02-8c96-c538cf2d76cc-7ce9adb3 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: stretch;
}

#w-node-f97b4298-30ab-5764-fdf5-67b1be3cb33f-7ce9adb3 {
  grid-area: span 1 / span 2 / span 1 / span 2;
  place-self: stretch stretch;
}

#w-node-ba1ab408-3f28-e1d1-acf5-5290fa3592e7-7ce9adb3 {
  align-self: start;
}

#w-node-e1bed16e-dc88-ec58-145e-473cdc39aa9d-7ce9adb3, #w-node-_28d3dccb-34d0-6dd6-b1a9-20e040ba89fa-7ce9adb3 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-b86d963d-92e3-a5df-47cb-511d6422da3f-7ce9adb3, #w-node-e0f058a9-5e2f-73c5-21ed-78b9e9f61f38-7ce9adb3 {
  align-self: end;
}

#w-node-_08e291c0-5ac5-1101-3190-221e67bb8eae-7ce9adb3 {
  align-self: center;
}

#w-node-d61a75f1-a9c8-9273-940c-6c5b26029dd8-7ce9adb3 {
  align-self: end;
}

#w-node-_57fae491-c5ac-85c5-da19-75346d05bfb6-7ce9adb3 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: end;
}

#w-node-_09104c0c-f53e-3c36-591e-5b7d7c72fd54-7ce9adb3, #w-node-_85a3de0b-83a5-b26d-b2b8-e6ef07f4b0e0-7ce9adb3 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_8b4dd93f-9966-d3d0-d4fe-b76af24636c9-7ce9adb3 {
  align-self: end;
}

#w-node-_85a3de0b-83a5-b26d-b2b8-e6ef07f4b0de-7ce9adb3 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: end;
}

#w-node-d375a39f-1cd5-bcb6-912e-9f6011d111f4-7ce9adb3, #w-node-d375a39f-1cd5-bcb6-912e-9f6011d111f7-7ce9adb3, #w-node-d375a39f-1cd5-bcb6-912e-9f6011d111fd-7ce9adb3, #w-node-d375a39f-1cd5-bcb6-912e-9f6011d11205-7ce9adb3, #w-node-d375a39f-1cd5-bcb6-912e-9f6011d1120b-7ce9adb3, #w-node-d375a39f-1cd5-bcb6-912e-9f6011d11213-7ce9adb3 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_2f0a17ff-8da9-674f-0804-a85fe85b0734-7ce9adb3, #w-node-_216a2bf1-1b9a-283e-dc4e-201e8d581d59-7ce9adb3 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: end;
}

#w-node-_3d81eb88-58e4-873a-896b-c75e73fd5e4b-7ce9adb3 {
  order: 0;
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_3d81eb88-58e4-873a-896b-c75e73fd5e4c-7ce9adb3 {
  place-self: center;
}

#w-node-_2c044d9b-d993-ea26-b2f4-7c92d0980bd4-7ce9adb3, #w-node-_2725c851-6b9b-8ea5-f54b-2788f634eeed-7ce9adb3 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-a9578c00-c4fa-9f1a-4eb7-e1288c0a9746-7ce9adb3 {
  grid-area: 2 / 3 / 3 / 4;
  align-self: stretch;
}

#w-node-e37b30c2-fc97-d802-ca7e-0db39efc0e3a-7ce9adb3 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-d678b285-3d55-8773-2d23-cf222cd83b7e-7ce9adb3 {
  grid-area: 3 / 1 / 4 / 2;
}

#w-node-_9570ac87-605f-f5e3-0ae0-517ef1963aeb-7ce9adb3, #w-node-e549b087-044d-5dd4-eb27-ea286b15a96e-7ce9adb3 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_99fe3266-a300-52d2-ef47-85c4847a5ec1-7ce9adb3 {
  grid-area: 5 / 1 / 6 / 2;
}

#w-node-_99fe3266-a300-52d2-ef47-85c4847a5ec4-7ce9adb3 {
  place-self: center;
}

#w-node-c84bd18b-a254-04dc-1c59-2d6634636a47-7ce9adb3 {
  grid-area: 4 / 3 / 5 / 4;
}

@media screen and (min-width: 1440px) {
  #w-node-_72a1ae55-a971-fc3b-d54d-fc77a06c54cd-e4e15c0f, #w-node-_918b94c3-676e-f45f-ed1c-679c11a52d81-e4e15c0f, #w-node-_345aeada-4e05-bd94-7d76-bd734c73b549-e4e15c0f, #w-node-b43897a5-837a-dd8f-8ec2-32d79fee8c96-e4e15c0f, #w-node-_241af581-620e-ef3d-29e5-570bf2eb7355-e4e15c0f, #w-node-a29f0e38-cb32-7bcb-dd70-5b34b34d2fcf-e4e15c0f, #w-node-d177f223-5cd0-557b-def6-7b10ec0aa192-e4e15c0f, #w-node-b47f57ea-935e-d09e-0343-22b2c644458b-e4e15c0f {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-b5c63527-62fb-f3f9-6e53-c7d1ddfc0bab-a4c7813e, #w-node-b07f7b7c-eab6-8750-3403-74854b75f44a-a4c7813e, #w-node-bc307069-aeb1-7e9e-0206-475b15cd7c97-fbc78140, #w-node-b48465ec-b3c8-00cd-6092-6fc1e916b0b2-bdc78148, #w-node-fcf93fa7-ef0d-3320-89ed-2e497ee37955-bdc78148, #w-node-a4b4ad63-c3d6-aeac-d447-aa1b7dcd70eb-bdc78148, #w-node-d71f2348-2e96-3284-5f51-0c778b923165-bdc78148 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_22424c67-394e-c4a5-118f-086c22f1e870-7ec78149, #w-node-_22424c67-394e-c4a5-118f-086c22f1e8b2-7ec78149, #w-node-_22424c67-394e-c4a5-118f-086c22f1e904-7ec78149, #w-node-_22424c67-394e-c4a5-118f-086c22f1e93c-7ec78149, #w-node-_22424c67-394e-c4a5-118f-086c22f1e968-7ec78149, #w-node-_22424c67-394e-c4a5-118f-086c22f1e9aa-7ec78149, #w-node-_22424c67-394e-c4a5-118f-086c22f1e9fc-7ec78149, #w-node-_22424c67-394e-c4a5-118f-086c22f1ea3f-7ec78149 {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-a8ab47de-b065-833d-e5f2-ce86fb4780eb-7ac7814b, #w-node-_04c998f5-5265-3d07-5e89-d52b428c3d6f-7ac7814b, #w-node-_71148ab7-12a8-d6bc-b4b3-abbbb4a830d8-7ac7814b, #w-node-c8bc2e07-8817-1972-ff4e-01b744e44723-7ac7814b, #w-node-c8bc2e07-8817-1972-ff4e-01b744e4472a-7ac7814b, #w-node-c8bc2e07-8817-1972-ff4e-01b744e4472f-7ac7814b, #w-node-_5bdc655e-91b3-8326-54d8-68f198b9d83d-7ac7814b, #w-node-b07f7b7c-eab6-8750-3403-74854b75f44a-492e22b6, #w-node-b5c63527-62fb-f3f9-6e53-c7d1ddfc0bab-c42948a4, #w-node-_3c80cf83-fb26-d51f-b844-ec6bd2fc823c-95a5a4dd, #w-node-_4baa9a00-14a5-1921-aec9-e43957c9d381-95a5a4dd, #w-node-b5c63527-62fb-f3f9-6e53-c7d1ddfc0bab-95a5a4dd, #w-node-_73b9851d-6038-f9bc-43e0-1173f1c29661-95a5a4dd, #w-node-fa7488b2-76a3-0f15-2cfc-7791e4039d22-95a5a4dd {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_7b789c33-537a-7b24-6984-12bb35b22ba2-7a4f19ed {
    align-self: auto;
  }

  #w-node-b07f7b7c-eab6-8750-3403-74854b75f44a-cfb9963f, #w-node-_08e291c0-5ac5-1101-3190-221e67bb8eae-cfb9963f, #w-node-_08e291c0-5ac5-1101-3190-221e67bb8eae-7ce9adb3 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}

@media screen and (min-width: 1280px) {
  #w-node-cc7cd194-832c-81e6-9b0a-4b3409b50ce7-bdc78148 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}

@media screen and (max-width: 991px) {
  #w-node-_9e715c4b-f203-dd94-0555-7fc77aabcfe0-f3c78133, #w-node-_9e715c4b-f203-dd94-0555-7fc77aabcfe7-f3c78133, #w-node-_9e715c4b-f203-dd94-0555-7fc77aabcfee-f3c78133 {
    justify-self: stretch;
  }

  #w-node-_7de219ce-36eb-89ba-81b8-60011453a8eb-1453a8c0 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-fe298072-282f-ed17-2212-9d897dc28c93-b5c7813b, #w-node-fe298072-282f-ed17-2212-9d897dc28c9a-b5c7813b, #w-node-fe298072-282f-ed17-2212-9d897dc28ca1-b5c7813b {
    justify-self: stretch;
  }

  #w-node-f4a18757-61cf-6a72-f2d1-c63292f99f01-b5c7813b {
    order: -9999;
  }

  #w-node-_862744c3-c658-6094-7dfc-9f3148a1e287-a4c7813e {
    grid-column: span 1 / span 1;
  }

  #w-node-_6977472d-595b-74d0-1fdf-a6a32d4e44df-ccc78147 {
    order: -9999;
  }

  #w-node-e18a32b8-0af5-d65e-9e22-c4ec5016743f-ccc78147 {
    order: -9999;
    place-self: auto;
  }

  #w-node-_4f46ca48-6c49-4901-1767-f5a0d04c6900-ccc78147, #w-node-_36f1e350-70cd-ff64-2635-7c2b9eddfecf-ccc78147 {
    order: -9999;
  }

  #w-node-_21892641-752c-d681-a899-5edec0515e03-ccc78147 {
    align-self: auto;
  }

  #w-node-_21892641-752c-d681-a899-5edec0515e05-ccc78147 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-c8a279ad-c2fe-9585-a391-03bf88a08931-ccc78147 {
    order: -9999;
  }

  #w-node-_55cab1ae-27d1-e3ee-f0cd-a25b2e0f538e-ccc78147 {
    order: -9999;
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-e8e59140-b55e-c26c-fee0-91c98f331210-ccc78147, #w-node-_0557c92f-52de-4573-a368-399ef3bc921c-ccc78147 {
    order: -9999;
  }

  #w-node-c1750077-1fe0-2881-3942-624d2524f90e-ccc78147 {
    align-self: auto;
  }

  #w-node-_2616c7cf-ad20-8905-f0de-c09920d3a406-ccc78147 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_0c644ddf-ba8e-d765-f6dc-ce1863175cbf-ccc78147 {
    justify-self: stretch;
  }

  #w-node-de47fb32-33cc-1039-fabe-a08be335e2dd-a9c7814c, #w-node-d7cd58b1-1f1c-128d-008f-a47029f9153b-a9c7814c, #w-node-_54e1e53b-a4e8-32da-559b-010a57d1c2d2-a9c7814c {
    align-self: start;
  }

  #w-node-_9d93ff2d-27eb-44a3-35bd-84334a46bb5c-a9c7814c {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-_9d93ff2d-27eb-44a3-35bd-84334a46bb77-a9c7814c {
    grid-template-rows: auto;
    grid-template-columns: 1.5fr;
  }

  #w-node-_9d93ff2d-27eb-44a3-35bd-84334a46bb90-a9c7814c {
    order: -9999;
  }

  #w-node-_9d93ff2d-27eb-44a3-35bd-84334a46bb92-a9c7814c {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-_9f398cee-78ba-0d80-5843-3710ef82e992-b9c7814d, #w-node-_2e6ac72d-5570-05b0-73e6-1831be03cb2e-39013c4f {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-b5c63527-62fb-f3f9-6e53-c7d1ddfc0bba-492e22b6 {
    align-self: center;
  }

  #w-node-b9f45df1-f82b-987a-04db-f7766136b6fc-fada9661 {
    align-self: auto;
  }

  #w-node-b9f45df1-f82b-987a-04db-f7766136b6fe-fada9661 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-fea9b8f1-010c-747d-a2d8-71dd44377a85-f6da6622, #w-node-c905dc26-5fc8-b0b8-8243-db2703dafb82-f6da6622, #w-node-_9b331695-8567-53d4-fe44-3b1aa2a1f604-f6da6622 {
    justify-self: stretch;
  }

  #w-node-_5f914f69-42f9-9409-53b8-1229899dd2a8-478ccd22 {
    order: -9999;
  }

  #w-node-fa131ef5-dc9e-7e4b-c8fa-0ef6977b325f-ed88144f {
    order: -9999;
    justify-self: center;
  }

  #w-node-_43a29424-3c64-6b46-0454-42aea91eb864-ed88144f, #w-node-_0651c897-0cd1-6f64-bd99-257b6fc17a2d-ed88144f {
    order: -9999;
  }

  #w-node-fa131ef5-dc9e-7e4b-c8fa-0ef6977b325f-ac377467 {
    order: -9999;
    justify-self: center;
  }

  #w-node-_93f88070-27e4-e9f3-4d83-dc7c504de9c0-ac377467 {
    justify-self: stretch;
  }

  #w-node-_0f888ad2-64cc-6488-c69a-c3297f445322-ac377467, #w-node-e11d7c74-e49f-21c2-d78f-e42e3eb15eb4-ac377467, #w-node-_7e2d53df-e215-7e83-4505-757e9c34ed6e-ac377467 {
    order: -9999;
    justify-self: stretch;
  }

  #w-node-fa131ef5-dc9e-7e4b-c8fa-0ef6977b325f-07dccc4c {
    order: -9999;
    justify-self: center;
  }

  #w-node-_0f888ad2-64cc-6488-c69a-c3297f445322-07dccc4c {
    order: -9999;
    justify-self: stretch;
  }

  #w-node-e11d7c74-e49f-21c2-d78f-e42e3eb15eb4-07dccc4c {
    justify-self: stretch;
  }

  #w-node-_7e2d53df-e215-7e83-4505-757e9c34ed6e-07dccc4c {
    order: -9999;
    justify-self: stretch;
  }

  #w-node-_05a43c08-fced-b067-82f8-776064fd26ad-07dccc4c {
    justify-self: stretch;
  }

  #w-node-e1dc42e7-9def-4524-8086-06dd6c86f3c2-07dccc4c {
    order: -9999;
    justify-self: stretch;
  }

  #w-node-fa131ef5-dc9e-7e4b-c8fa-0ef6977b325f-e0a542d5 {
    order: -9999;
    justify-self: center;
  }

  #w-node-_93f88070-27e4-e9f3-4d83-dc7c504de9c0-e0a542d5 {
    justify-self: stretch;
  }

  #w-node-_0f888ad2-64cc-6488-c69a-c3297f445322-e0a542d5, #w-node-e11d7c74-e49f-21c2-d78f-e42e3eb15eb4-e0a542d5, #w-node-_7e2d53df-e215-7e83-4505-757e9c34ed6e-e0a542d5 {
    order: -9999;
    justify-self: stretch;
  }

  #w-node-_37696bcf-e539-389e-abd0-adc9a2fd5d09-7a4f19ed {
    grid-row: span 1 / span 1;
  }

  #w-node-b5c63527-62fb-f3f9-6e53-c7d1ddfc0bba-cfb9963f {
    align-self: center;
  }

  #w-node-f271cb93-f5cd-8a55-95bc-afe8e57aeace-cfb9963f, #w-node-_764c3807-4ec5-8373-ff04-fdc442a2740f-cfb9963f, #w-node-_76204114-681d-f6d8-4538-213974feffe7-cfb9963f, #w-node-ef7ee63a-2eb1-7e66-87f9-3eb68ce1ddc7-cfb9963f {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-_764c3807-4ec5-8373-ff04-fdc442a27413-cfb9963f {
    grid-area: 5 / 1 / 6 / 4;
    place-self: start;
  }

  #w-node-e1bed16e-dc88-ec58-145e-473cdc39aa9d-cfb9963f {
    order: -9999;
    align-self: center;
  }

  #w-node-_57fae491-c5ac-85c5-da19-75346d05bfb6-cfb9963f {
    align-self: end;
  }

  #w-node-_2f0a17ff-8da9-674f-0804-a85fe85b0734-cfb9963f, #w-node-_216a2bf1-1b9a-283e-dc4e-201e8d581d59-cfb9963f {
    align-self: center;
  }

  #w-node-_2c044d9b-d993-ea26-b2f4-7c92d0980bd4-cfb9963f, #w-node-_2725c851-6b9b-8ea5-f54b-2788f634eeed-cfb9963f {
    grid-column: span 1 / span 1;
  }

  #w-node-a9578c00-c4fa-9f1a-4eb7-e1288c0a9746-cfb9963f {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-e37b30c2-fc97-d802-ca7e-0db39efc0e3a-cfb9963f {
    grid-column: span 1 / span 1;
  }

  #w-node-d678b285-3d55-8773-2d23-cf222cd83b7e-cfb9963f {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_9570ac87-605f-f5e3-0ae0-517ef1963aeb-cfb9963f, #w-node-e549b087-044d-5dd4-eb27-ea286b15a96e-cfb9963f {
    grid-column: span 1 / span 1;
  }

  #w-node-_99fe3266-a300-52d2-ef47-85c4847a5ec1-cfb9963f, #w-node-c84bd18b-a254-04dc-1c59-2d6634636a47-cfb9963f {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-f271cb93-f5cd-8a55-95bc-afe8e57aeace-7ce9adb3, #w-node-_764c3807-4ec5-8373-ff04-fdc442a2740f-7ce9adb3, #w-node-_76204114-681d-f6d8-4538-213974feffe7-7ce9adb3 {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-_764c3807-4ec5-8373-ff04-fdc442a27413-7ce9adb3 {
    grid-area: 5 / 1 / 6 / 4;
    place-self: start;
  }

  #w-node-ae848bc5-4be4-7b02-8c96-c538cf2d76cc-7ce9adb3 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-e1bed16e-dc88-ec58-145e-473cdc39aa9d-7ce9adb3 {
    order: -9999;
    align-self: center;
  }

  #w-node-_57fae491-c5ac-85c5-da19-75346d05bfb6-7ce9adb3 {
    align-self: end;
  }

  #w-node-_2f0a17ff-8da9-674f-0804-a85fe85b0734-7ce9adb3, #w-node-_216a2bf1-1b9a-283e-dc4e-201e8d581d59-7ce9adb3 {
    align-self: center;
  }

  #w-node-_2c044d9b-d993-ea26-b2f4-7c92d0980bd4-7ce9adb3, #w-node-_2725c851-6b9b-8ea5-f54b-2788f634eeed-7ce9adb3 {
    grid-column: span 1 / span 1;
  }

  #w-node-a9578c00-c4fa-9f1a-4eb7-e1288c0a9746-7ce9adb3 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-e37b30c2-fc97-d802-ca7e-0db39efc0e3a-7ce9adb3 {
    grid-column: span 1 / span 1;
  }

  #w-node-d678b285-3d55-8773-2d23-cf222cd83b7e-7ce9adb3 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_9570ac87-605f-f5e3-0ae0-517ef1963aeb-7ce9adb3, #w-node-e549b087-044d-5dd4-eb27-ea286b15a96e-7ce9adb3 {
    grid-column: span 1 / span 1;
  }

  #w-node-_99fe3266-a300-52d2-ef47-85c4847a5ec1-7ce9adb3, #w-node-c84bd18b-a254-04dc-1c59-2d6634636a47-7ce9adb3 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}

@media screen and (max-width: 767px) {
  #w-node-_6977472d-595b-74d0-1fdf-a6a32d4e44df-ccc78147, #w-node-e18a32b8-0af5-d65e-9e22-c4ec5016743f-ccc78147, #w-node-_4f46ca48-6c49-4901-1767-f5a0d04c6900-ccc78147, #w-node-_36f1e350-70cd-ff64-2635-7c2b9eddfecf-ccc78147, #w-node-_55cab1ae-27d1-e3ee-f0cd-a25b2e0f538e-ccc78147, #w-node-e8e59140-b55e-c26c-fee0-91c98f331210-ccc78147 {
    order: -9999;
  }

  #w-node-f0295498-4b31-cc22-7a93-88476f477fc1-ccc78147 {
    grid-area: 3 / 1 / 4 / 2;
  }

  #w-node-_9d93ff2d-27eb-44a3-35bd-84334a46bb5c-a9c7814c {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-_9d93ff2d-27eb-44a3-35bd-84334a46bb77-a9c7814c {
    grid-template-rows: auto;
    grid-template-columns: 1.5fr;
  }

  #w-node-_9d93ff2d-27eb-44a3-35bd-84334a46bb90-a9c7814c {
    order: -9999;
  }

  #w-node-_9d93ff2d-27eb-44a3-35bd-84334a46bb92-a9c7814c {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-_9d93ff2d-27eb-44a3-35bd-84334a46bbfa-a9c7814c {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
  }

  #w-node-_9d93ff2d-27eb-44a3-35bd-84334a46bc28-a9c7814c, #w-node-_9d93ff2d-27eb-44a3-35bd-84334a46bc56-a9c7814c {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-_04c78b04-6f67-ca83-5f58-7ad9c6251797-492e22b6, #w-node-b5c63527-62fb-f3f9-6e53-c7d1ddfc0bba-492e22b6 {
    order: -9999;
  }

  #w-node-b0c3d1c3-f89b-a368-1fb5-b731c944b5ce-c42948a4 {
    grid-column: span 1 / span 1;
  }

  #w-node-ae84c349-8a82-41e5-56af-181ad0b0bea6-7202514d {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_1e7a1ef0-d3b8-488c-fce0-78a42b38ecda-7202514d {
    order: -9999;
  }

  #w-node-_92770038-d70d-04b2-898c-d6f3e5a88142-0cd252aa, #w-node-_92770038-d70d-04b2-898c-d6f3e5a88145-0cd252aa {
    grid-area: 3 / 2 / 4 / 3;
  }

  #w-node-_5f914f69-42f9-9409-53b8-1229899dd2a8-478ccd22, #w-node-fa131ef5-dc9e-7e4b-c8fa-0ef6977b325f-ed88144f, #w-node-fa131ef5-dc9e-7e4b-c8fa-0ef6977b325f-ac377467, #w-node-fa131ef5-dc9e-7e4b-c8fa-0ef6977b325f-07dccc4c, #w-node-fa131ef5-dc9e-7e4b-c8fa-0ef6977b325f-e0a542d5, #w-node-_04c78b04-6f67-ca83-5f58-7ad9c6251797-cfb9963f, #w-node-b5c63527-62fb-f3f9-6e53-c7d1ddfc0bba-cfb9963f {
    order: -9999;
  }

  #w-node-f271cb93-f5cd-8a55-95bc-afe8e57aeace-cfb9963f {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_764c3807-4ec5-8373-ff04-fdc442a2740f-cfb9963f {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-_76204114-681d-f6d8-4538-213974feffe7-cfb9963f {
    grid-area: 3 / 1 / 4 / 2;
  }

  #w-node-ef7ee63a-2eb1-7e66-87f9-3eb68ce1ddc7-cfb9963f {
    grid-column: span 1 / span 1;
  }

  #w-node-_764c3807-4ec5-8373-ff04-fdc442a27413-cfb9963f {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-e1bed16e-dc88-ec58-145e-473cdc39aa9d-cfb9963f, #w-node-_57fae491-c5ac-85c5-da19-75346d05bfb6-cfb9963f, #w-node-_85a3de0b-83a5-b26d-b2b8-e6ef07f4b0de-cfb9963f, #w-node-_2f0a17ff-8da9-674f-0804-a85fe85b0734-cfb9963f, #w-node-_216a2bf1-1b9a-283e-dc4e-201e8d581d59-cfb9963f {
    order: -9999;
  }

  #w-node-f271cb93-f5cd-8a55-95bc-afe8e57aeace-7ce9adb3 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_764c3807-4ec5-8373-ff04-fdc442a2740f-7ce9adb3 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-_76204114-681d-f6d8-4538-213974feffe7-7ce9adb3 {
    grid-area: 3 / 1 / 4 / 2;
  }

  #w-node-_764c3807-4ec5-8373-ff04-fdc442a27413-7ce9adb3 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-e1bed16e-dc88-ec58-145e-473cdc39aa9d-7ce9adb3, #w-node-_57fae491-c5ac-85c5-da19-75346d05bfb6-7ce9adb3, #w-node-_85a3de0b-83a5-b26d-b2b8-e6ef07f4b0de-7ce9adb3, #w-node-_2f0a17ff-8da9-674f-0804-a85fe85b0734-7ce9adb3, #w-node-_216a2bf1-1b9a-283e-dc4e-201e8d581d59-7ce9adb3 {
    order: -9999;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_9e715c4b-f203-dd94-0555-7fc77aabcfee-f3c78133 {
    justify-self: center;
  }

  #w-node-_7de219ce-36eb-89ba-81b8-60011453a8eb-1453a8c0 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-fe298072-282f-ed17-2212-9d897dc28ca1-b5c7813b {
    justify-self: center;
  }

  #w-node-_862744c3-c658-6094-7dfc-9f3148a1e287-a4c7813e {
    grid-column: span 1 / span 1;
  }

  #w-node-_36f1e350-70cd-ff64-2635-7c2b9eddfea3-ccc78147 {
    order: -9999;
  }

  #w-node-_21892641-752c-d681-a899-5edec0515e30-ccc78147, #w-node-_2616c7cf-ad20-8905-f0de-c09920d3a432-ccc78147 {
    order: 9999;
  }

  #w-node-_8066cf19-ee0c-ccca-3a41-8597f2a3f3fb-bdc78148 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-_3f926d72-b5a6-e0a4-4073-ce4fd6cfe581-bdc78148 {
    grid-area: 3 / 1 / 4 / 2;
  }

  #w-node-_71148ab7-12a8-d6bc-b4b3-abbbb4a830d8-7ac7814b, #w-node-c8bc2e07-8817-1972-ff4e-01b744e4472a-7ac7814b, #w-node-c8bc2e07-8817-1972-ff4e-01b744e4472f-7ac7814b {
    grid-area: span 1 / span 1 / span 1 / span 1;
    align-self: center;
  }

  #w-node-_5bdc655e-91b3-8326-54d8-68f198b9d83b-7ac7814b {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-d7cd58b1-1f1c-128d-008f-a47029f9153b-a9c7814c {
    order: -9999;
  }

  #w-node-_60d7c1f0-a4d4-003e-4d22-e8a9da3467f3-a9c7814c, #w-node-_62ade932-a7ba-8e6f-e7be-6c9b45b181dd-a9c7814c {
    grid-area: span 1 / span 1 / span 1 / span 1;
    align-self: center;
  }

  #w-node-_9d93ff2d-27eb-44a3-35bd-84334a46bb5c-a9c7814c, #w-node-_9d93ff2d-27eb-44a3-35bd-84334a46bb77-a9c7814c, #w-node-_9d93ff2d-27eb-44a3-35bd-84334a46bb92-a9c7814c {
    display: none;
  }

  #w-node-_9d93ff2d-27eb-44a3-35bd-84334a46bbfa-a9c7814c {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  #w-node-_9d93ff2d-27eb-44a3-35bd-84334a46bc28-a9c7814c, #w-node-_9d93ff2d-27eb-44a3-35bd-84334a46bc56-a9c7814c {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-_288d7a35-44f6-a7f5-05a7-320cf3a654e2-39013c4f {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-_2e6ac72d-5570-05b0-73e6-1831be03cb28-39013c4f {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-e32d1d26-ade1-624f-4ad7-ab9e9dfbf9c0-39013c4f {
    grid-area: 3 / 1 / 4 / 2;
  }

  #w-node-_4213a865-5166-0ba9-acf3-7baa28934677-39013c4f {
    grid-area: 4 / 1 / 5 / 2;
  }

  #w-node-_04c78b04-6f67-ca83-5f58-7ad9c6251797-492e22b6 {
    order: -9999;
  }

  #w-node-b9f45df1-f82b-987a-04db-f7766136b724-fada9661 {
    order: 9999;
  }

  #w-node-b5c63527-62fb-f3f9-6e53-c7d1ddfc0bba-c42948a4, #w-node-_7d60bc7c-8542-97cb-1204-b4370e6c014e-c42948a4 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_3398eb0b-d052-f72b-28ff-955f3188f283-c42948a4 {
    justify-self: start;
  }

  #w-node-_3c80cf83-fb26-d51f-b844-ec6bd2fc8236-95a5a4dd, #w-node-_4baa9a00-14a5-1921-aec9-e43957c9d391-95a5a4dd, #w-node-b5c63527-62fb-f3f9-6e53-c7d1ddfc0bba-95a5a4dd {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_40e62e1d-ff57-1f1e-a9ff-50381b6ac23b-c6112288 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_9b331695-8567-53d4-fe44-3b1aa2a1f604-f6da6622 {
    justify-self: center;
  }

  #w-node-_00e752b5-9431-751f-7694-17548a290322-84843843 {
    place-self: stretch stretch;
  }

  #w-node-_04c78b04-6f67-ca83-5f58-7ad9c6251797-cfb9963f {
    order: -9999;
  }
}