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

body {
  margin: 0;
}

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

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

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

[hidden], template {
  display: none;
}

a {
  background-color: #0000;
}

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

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

b, strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

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

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

small {
  font-size: 80%;
}

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

sup {
  top: -.5em;
}

sub {
  bottom: -.25em;
}

img {
  border: 0;
}

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

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

pre {
  overflow: auto;
}

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

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

button {
  overflow: visible;
}

button, select {
  text-transform: none;
}

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

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

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

input {
  line-height: normal;
}

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

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

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

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

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

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

td, th {
  padding: 0;
}

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

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

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

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

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

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

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

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

* {
  box-sizing: border-box;
}

html {
  height: 100%;
}

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

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

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

.w-block {
  display: block;
}

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

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

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

.w-hidden {
  display: none;
}

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

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

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

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

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

.w-optimization {
  display: contents;
}

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

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

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

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

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

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

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

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

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

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

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

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

figure {
  margin: 0 0 10px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .w-col {
    width: 100%;
  }

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

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

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

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

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

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

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

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

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

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

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

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

.w-widget {
  position: relative;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.w-tabs {
  position: relative;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

:root {
  --base-value--primary-font: Inter, sans-serif;
  --base-value--base-color: #333;
  --base-value--base-size: 300px;
  --base-value--base-height: 20px;
  --base-value--normal-font-weight: 400;
  --spacing--zero-heading-spacing: 0px;
  --color-style--secondary-color-1: white;
  --heading--h1-size: 6vw;
  --heading--h1-height: 6.4vw;
  --spacing--zero-paragraph-spacing: 0px;
  --heading--h2-size: 4.7vw;
  --heading--h2-height: 5vw;
  --heading--h3-size: 3.2vw;
  --heading--h3-height: 3.9vw;
  --heading--h4-size: 2.4vw;
  --heading--h4-height: 3vw;
  --heading--h5-size: 1.8vw;
  --heading--h5-height: 2.4vw;
  --heading--h6-size: 1.3vw;
  --heading--h6-height: 2vw;
  --paragraph-all-device--paragraph-size: 1.2vw;
  --paragraph-all-device--paragraph-height: 1.8vw;
  --paragraph-all-device--paragraph-tablet-size\<deleted\|variable-c4e30b6c-2b4b-2122-db6e-d9127adb23d6\>: 2vw;
  --paragraph-all-device--paragraph-tablet-height\<deleted\|variable-5fbee42f-bd62-866b-1d76-fc990a06d9fd\>: 2.8vw;
  --paragraph-all-device--paragraph-mobile-l-size\<deleted\|variable-6bc6921c-3b1e-1690-963c-70f673782cc4\>: 1rem;
  --paragraph-all-device--paragraph-mobile-l-height\<deleted\|variable-d9a3e481-07ee-3eaa-70b1-f576909bbcd3\>: 1.3rem;
  --spacing--margin-minus-hero: -10vw;
  --spacing--spacing-section: 6vw;
  --color-style--secondary-color-6: black;
  --spacing--spacing-container: 4vw;
  --spacing--spacing-button-left-right: 1vw;
  --spacing--zero-section: 0vw;
  --spacing--padding-section-plus: 8vw;
  --spacing--spacing-section-mobile-l\<deleted\|variable-5ae270fd-ac51-c035-60c6-ea60c5ab5d9a\>: 3rem;
  --spacing--zero-container: 0vw;
  --text-size--small-size-link-footer: 1.2vw;
  --text-height--small-height-link-footer: 1.5vw;
  --base-value--bold-weight: 700;
  --text-size--medium-size-text: 5vw;
  --text-height--medium-height-text: 5.5vw;
  --text-size--medium-big-size-text: 6vw;
  --text-height--medium-big-height-text: 5vw;
  --base-value--medium-weight: 500;
  --text-size--big-size-text: 14vw;
  --text-height--big-height-text: 13.5vw;
  --text-size--small-size-text: 1vw;
  --text-height--small-height-text: 1.5vw;
  --spacing--spacing-card-team-top-bot: 1.8vw;
  --spacing--spacing-card-team-left: 1.5vw;
  --spacing--margin-plus-service-one: 15%;
  --spacing--margin-plus-service-two: 75%;
  --spacing--margin-plus-service-three: 0%;
  --spacing--margin-plus-service-four: 55%;
  --text-size--small-medium-size: 2vw;
  --text-height--small-medium-height: 2.4vw;
  --text-size--small-size-service: 1vw;
  --text-height--small-height-service: 1.4vw;
  --spacing--padding-plus-project: 3vw;
  --spacing--spacing-left-project: 4vw;
  --margin-plus-project: 20vw;
  --padding-plus-project: 12rem;
  --spacing--spacing-down-project: 3vw;
  --text-size--medium-small-size-project: 3vw;
  --text-height--medium-small-height-project: 3vw;
  --spacing--padding-plus-tagline: .4vw;
  --spacing--padding-plus-left-right-tagline: 1vw;
  --text-size--small-size-project: 1.3vw;
  --text-height--small-height-project: 1.8vw;
  --spacing--spacing-right-tag-project: 4vw;
  --spacing--spacing-down-tag-project: 3vw;
  --base-value--base-color-overlay: #00000073;
  --text-size--small-size-team: 2.5vw;
  --text-height--small-height-team: 2vw;
  --text-size--small-size-text-job: 1.4vw;
  --text-height--small-height-text-job: 1.8vw;
  --spacing--padding-team: 3vw;
  --spacing--margin-plus-list: 20px;
  --text-size--small-medium-size-questions: 2vw;
  --text-height--small-medium-height-questions: 2.2vw;
  --spacing--spacing-button-up-down: .8vw;
  --base-value--secondary-font: "Material Symbols Rounded", sans-serif;
  --text-size--small-size-icon: 2vw;
  --text-height--small-height-icon: 2vw;
  --text-size--small-text-size-button: 1.3vw;
  --text-height--small-text-height-button: 2vw;
  --spacing--padding-plus-navbar: 1vw;
  --text-size--big-navbar-size-text: 4.5vw;
  --text-height--big-navbar-height-text: 100%;
  --spacing--spacing-navbar: 2vw;
  --spacing--padding-down-plus: .8rem;
  --color-style--primary-color-1: #ff4722;
  --color-style--secondary-color-2: #ccc;
  --color-style--secondary-color-4: #222;
  --color-style--primary-color-3: #ffb899;
  --color-style--primary-color-2: #ff6b4d;
  --color-style--secondary-color-3: #999;
  --color-style--secondary-color-5: #111;
  --color-style--primary-color-6: #8a2413;
  --color-style--primary-color-5: #cc2e00;
  --color-style--primary-color-4: #ff7433;
  --paragraph-all-device--paragraph-alternative-size: 1.4vw;
  --spacing--padding-plus-changelog: 5vw;
  --text-size--small-size-changelog: 1.4vw;
  --text-height--small-height-changelog: 1.8vw;
  --spacing--margin-plus-contact: 35vw;
  --text-size--big-size-text-marquee: 16vw;
  --text-height--big-height-text-marquee: 16vw;
  --_apps---colors--foreground: black;
  --_apps---sidebar--sidebar-primary-foreground-dark: #150a08;
  --_apps---typography--heading-font: var(--base-value--primary-font);
  --_apps---colors--muted-foreground: #7d797a;
  --_apps---sidebar--sidebar-accent-foreground-dark: #f8f8f8;
  --spacing--spacing-left-right-service: 2vw;
  --spacing--spacing-up-down-service: 1.5vw;
  --_apps---typography--body-font: var(--base-value--primary-font);
  --_apps---typography--button-font: var(--base-value--primary-font);
  --_apps---sizes--radius: var(--spacing--spacing-button-up-down);
  --_apps---colors--background: var(--color-style--secondary-color-1);
  --_apps---colors--card: var(--color-style--secondary-color-1);
  --_apps---colors--card-foreground: #060606;
  --_apps---colors--popover: #f2f2f2;
  --_apps---colors--popover-foreground: #060606;
  --_apps---colors--primary: var(--color-style--primary-color-1);
  --_apps---colors--primary-foreground: #150a08;
  --_apps---colors--secondary: #ffe5d7;
  --_apps---colors--secondary-foreground: #130b09;
  --_apps---colors--muted: #f8f8f8;
  --_apps---colors--accent: #e4e4e4;
  --_apps---colors--accent-foreground: #0d0d0d;
  --_apps---colors--destructive: #da3e5d;
  --_apps---colors--border: #ebebeb;
  --_apps---colors--input: #eee;
  --_apps---colors--ring: #e8644a;
  --_apps---charts--chart-1: #fa421c;
  --_apps---charts--chart-2: #ff846a;
  --_apps---charts--chart-3: #f00600;
  --_apps---charts--chart-4: #cd3719;
  --_apps---charts--chart-5: #ae0000;
  --_apps---sidebar--sidebar: #f8f8f8;
  --_apps---sidebar--sidebar-foreground: #060606;
  --_apps---sidebar--sidebar-primary: var(--color-style--primary-color-1);
  --_apps---sidebar--sidebar-primary-foreground: #150a08;
  --_apps---sidebar--sidebar-accent: #e4e4e4;
  --_apps---sidebar--sidebar-accent-foreground: #0d0d0d;
  --_apps---sidebar--sidebar-border: #ebebeb;
  --_apps---sidebar--sidebar-ring: #e8644a;
  --_apps---colors--background-dark: var(--color-style--secondary-color-6);
  --_apps---colors--foreground-dark: #f8f8f8;
  --_apps---colors--card-dark: #020202;
  --_apps---colors--card-foreground-dark: #f8f8f8;
  --_apps---colors--popover-dark: #020202;
  --_apps---colors--popover-foreground-dark: #f8f8f8;
  --_apps---colors--primary-dark: var(--color-style--primary-color-1);
  --_apps---colors--primary-foreground-dark: #150a08;
  --_apps---colors--secondary-dark: #1a0000;
  --_apps---colors--secondary-foreground-dark: #fff6f4;
  --_apps---colors--muted-dark: var(--color-style--secondary-color-6);
  --_apps---colors--muted-foreground-dark: #747474;
  --_apps---colors--accent-dark: #121212;
  --_apps---colors--accent-foreground-dark: #f8f8f8;
  --_apps---colors--destructive-dark: #ff6780;
  --_apps---colors--border-dark: #e2e2e21a;
  --_apps---colors--input-dark: #ffffff26;
  --_apps---colors--ring-dark: #ee6a4f;
  --_apps---charts--chart-1-dark: var(--color-style--primary-color-1);
  --_apps---charts--chart-2-dark: #ff987e;
  --_apps---charts--chart-3-dark: #e20000;
  --_apps---charts--chart-4-dark: #ff8063;
  --_apps---charts--chart-5-dark: #c01600;
  --_apps---sidebar--sidebar-dark: var(--color-style--secondary-color-6);
  --_apps---sidebar--sidebar-foreground-dark: #f8f8f8;
  --_apps---sidebar--sidebar-primary-dark: var(--color-style--primary-color-1);
  --_apps---sidebar--sidebar-accent-dark: #121212;
  --_apps---sidebar--sidebar-border-dark: #ffffff1a;
  --_apps---sidebar--sidebar-ring-dark: #ee6a4f;
}

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

@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 {
  font-family: var(--base-value--primary-font);
  color: var(--base-value--base-color);
  font-size: var(--base-value--base-size);
  line-height: var(--base-value--base-height);
  font-weight: var(--base-value--normal-font-weight);
}

h1 {
  margin-top: var(--spacing--zero-heading-spacing);
  margin-bottom: var(--spacing--zero-heading-spacing);
  font-family: var(--base-value--primary-font);
  color: var(--color-style--secondary-color-1);
  font-size: var(--heading--h1-size);
  line-height: var(--heading--h1-height);
  font-weight: var(--base-value--normal-font-weight);
}

h2 {
  margin-top: var(--spacing--zero-heading-spacing);
  margin-bottom: var(--spacing--zero-paragraph-spacing);
  font-family: var(--base-value--primary-font);
  color: var(--color-style--secondary-color-1);
  font-size: var(--heading--h2-size);
  line-height: var(--heading--h2-height);
  font-weight: var(--base-value--normal-font-weight);
}

h3 {
  margin-top: var(--spacing--zero-paragraph-spacing);
  margin-bottom: var(--spacing--zero-paragraph-spacing);
  font-family: var(--base-value--primary-font);
  color: var(--color-style--secondary-color-1);
  font-size: var(--heading--h3-size);
  line-height: var(--heading--h3-height);
  font-weight: var(--base-value--normal-font-weight);
}

h4 {
  margin-top: var(--spacing--zero-paragraph-spacing);
  margin-bottom: var(--spacing--zero-paragraph-spacing);
  font-family: var(--base-value--primary-font);
  color: var(--color-style--secondary-color-1);
  font-size: var(--heading--h4-size);
  line-height: var(--heading--h4-height);
  font-weight: var(--base-value--normal-font-weight);
}

h5 {
  margin-top: var(--spacing--zero-heading-spacing);
  margin-bottom: var(--spacing--zero-heading-spacing);
  font-family: var(--base-value--primary-font);
  color: var(--color-style--secondary-color-1);
  font-size: var(--heading--h5-size);
  line-height: var(--heading--h5-height);
  font-weight: var(--base-value--normal-font-weight);
}

h6 {
  margin-top: var(--spacing--zero-heading-spacing);
  margin-bottom: var(--spacing--zero-heading-spacing);
  font-family: var(--base-value--primary-font);
  color: var(--color-style--secondary-color-1);
  font-size: var(--heading--h6-size);
  line-height: var(--heading--h6-height);
  font-weight: var(--base-value--normal-font-weight);
}

p {
  margin-bottom: var(--spacing--zero-paragraph-spacing);
  font-family: var(--base-value--primary-font);
  color: var(--color-style--secondary-color-1);
  font-size: var(--paragraph-all-device--paragraph-size);
  line-height: var(--paragraph-all-device--paragraph-height);
  font-weight: var(--base-value--normal-font-weight);
}

a {
  color: var(--color-style--secondary-color-1);
  text-decoration: none;
}

ul, ol {
  font-family: var(--base-value--primary-font);
  color: var(--color-style--secondary-color-1);
  font-size: var(--paragraph-all-device--paragraph-size);
  line-height: var(--paragraph-all-device--paragraph-height);
  font-weight: var(--base-value--normal-font-weight);
  margin-top: 0;
  margin-bottom: 10px;
  padding-left: 40px;
}

li {
  color: var(--color-style--secondary-color-1);
}

strong {
  color: var(--color-style--secondary-color-1);
  font-weight: 700;
}

em {
  color: var(--color-style--secondary-color-1);
  font-style: italic;
}

sup {
  font-size: var(--paragraph-all-device--paragraph-size);
}

sub {
  color: var(--color-style--secondary-color-1);
}

blockquote {
  font-family: var(--base-value--primary-font);
  color: var(--color-style--secondary-color-1);
  font-size: var(--paragraph-all-device--paragraph-size);
  line-height: var(--paragraph-all-device--paragraph-height);
  font-weight: var(--base-value--normal-font-weight);
  border-left: 5px solid #e2e2e2;
  margin-bottom: 10px;
  padding: 10px 20px;
}

figure {
  font-family: var(--base-value--primary-font);
  color: var(--color-style--secondary-color-1);
  font-weight: var(--base-value--normal-font-weight);
  margin-bottom: 10px;
}

.inner-wrapper-one {
  grid-column-gap: 0vw;
  grid-row-gap: 0vw;
  flex-flow: column;
  height: auto;
  display: flex;
  position: relative;
}

.wrapper-about {
  grid-column-gap: 5vw;
  grid-row-gap: 5vw;
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  min-height: 100vh;
  margin-top: -9px;
  display: flex;
  position: relative;
}

.inner-wrapper-five {
  grid-column-gap: 1vw;
  grid-row-gap: 1vw;
  grid-column-gap: 1vw;
  grid-row-gap: 1vw;
  flex-flow: row;
  align-items: center;
  display: flex;
}

.inner-paragraph {
  margin-top: 0;
  margin-right: -50px;
  padding-right: 0;
}

.main-wrapper-hero {
  margin-top: var(--spacing--margin-minus-hero);
  grid-column-gap: 5vw;
  grid-row-gap: 5vw;
  perspective: 1000px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
  overflow: visible;
}

.heading-hero {
  letter-spacing: -.3vw;
}

.heading-hero.one {
  z-index: 0;
  justify-content: flex-start;
  align-items: center;
  width: 90%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.heading-hero.two {
  z-index: 2;
  justify-content: flex-end;
  align-items: center;
  display: none;
  position: relative;
  overflow: hidden;
}

.inner-wrapper-mid {
  z-index: 5;
  grid-column-gap: 3vw;
  grid-row-gap: 3vw;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 170% 0% 0%;
}

.section {
  padding-top: var(--spacing--spacing-section);
  padding-bottom: var(--spacing--spacing-section);
  background-color: var(--color-style--secondary-color-6);
}

.section.hero {
  z-index: 1;
  padding-top: var(--spacing--spacing-container);
  padding-bottom: var(--spacing--spacing-button-left-right);
  background-color: var(--color-style--secondary-color-6);
}

.section.footer {
  padding-bottom: var(--spacing--zero-section);
  display: block;
}

.section.project-rotate {
  padding-top: var(--spacing--zero-section);
  padding-bottom: var(--spacing--zero-section);
}

.section.team {
  padding-top: var(--spacing--padding-section-plus);
}

.section.contact {
  margin-top: -165px;
  margin-bottom: 93px;
}

.section.navbar {
  padding-top: var(--spacing--zero-section);
  padding-bottom: var(--spacing--zero-section);
  background-color: #000;
}

.section.style-guide, .section.component-guide, .section.license-utilities, .section.asset-license, .section.changelog, .section.instructions {
  background-color: #000;
}

.wrapper-paragraph-hero {
  grid-row-gap: 2.5rem;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 380px;
  display: flex;
}

.inner-wrapper-four {
  z-index: 10;
  grid-column-gap: 2vw;
  grid-row-gap: 2vw;
  justify-content: center;
  align-items: center;
  width: 25vw;
  height: 25vw;
  margin-top: -75px;
  margin-left: 10vw;
  display: flex;
  position: relative;
}

.wrapper-tag-underline {
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
}

.card-hero {
  background-color: #0000;
  border-radius: 1vw;
  width: 12vw;
  height: 16vw;
  position: absolute;
  overflow: hidden;
  transform: none;
  box-shadow: 0 1px 15px 6px #0000000f;
}

.card-hero.two {
  background-color: #101010;
}

.card-hero.one, .card-hero.four, .card-hero.five {
  overflow: hidden;
}

.card-hero.three {
  background-color: #001a1f;
  background-image: radial-gradient(circle, #000, #4d4d4d 0%, #021c46);
  justify-content: flex-start;
  align-items: center;
  display: flex;
  overflow: hidden;
}

.card-hero.one {
  background-color: #101010;
  max-width: 100%;
}

.wrapper-hero {
  grid-row-gap: 0px;
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  min-height: 75vh;
  display: flex;
  overflow: visible;
}

.container {
  padding-right: var(--spacing--spacing-container);
  padding-left: var(--spacing--spacing-container);
  max-width: 100%;
}

.container.projects {
  padding-right: var(--spacing--zero-container);
  padding-left: var(--spacing--zero-container);
}

.container.hero-contain {
  mix-blend-mode: normal;
}

.container.team {
  padding-right: var(--spacing--zero-container);
  padding-left: var(--spacing--zero-container);
}

.container.license {
  height: 40vh;
}

.container.alter-contact {
  padding-right: var(--spacing--zero-container);
  padding-left: var(--spacing--zero-container);
}

.link-bottom-footer {
  grid-column-gap: .5vw;
  grid-row-gap: .5vw;
  font-family: var(--base-value--primary-font);
  color: var(--color-style--secondary-color-1);
  font-size: var(--text-size--small-size-link-footer);
  line-height: var(--text-height--small-height-link-footer);
  white-space: nowrap;
  justify-content: flex-end;
  width: 100%;
  display: flex;
}

.link-bottom-footer.link-bottom-footer-top {
  order: 1;
}

.link-bottom-footer.link-bottom-footer-bottom {
  order: 2;
}

.bottom-wrapper {
  grid-row-gap: .2vw;
  box-shadow: none;
  background-color: #000;
  flex-direction: column;
  flex: none;
  justify-content: flex-start;
  align-items: flex-end;
  margin-left: auto;
  display: flex;
}

.quick-link {
  font-family: var(--base-value--primary-font);
  color: var(--color-style--secondary-color-1);
  font-size: var(--paragraph-all-device--paragraph-size);
  line-height: var(--paragraph-all-device--paragraph-height);
  font-weight: var(--base-value--normal-font-weight);
  text-decoration: none;
}

.kitpro, .webflow {
  font-weight: var(--base-value--bold-weight);
  text-decoration: none;
}

.bot-inner-content {
  grid-column-gap: 2.5vw;
  grid-row-gap: 2.5vw;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.wrapper-content-about {
  grid-column-gap: 5vw;
  grid-row-gap: 5vw;
  flex-flow: column;
  display: flex;
}

.text-about {
  color: var(--color-style--secondary-color-1);
  font-size: var(--text-size--medium-size-text);
  line-height: var(--text-height--medium-height-text);
  text-align: left;
  letter-spacing: -.3vw;
}

.wrapper-paragraph-about {
  grid-column-gap: 2vw;
  grid-row-gap: 2vw;
  text-align: left;
  letter-spacing: -.03vw;
  flex-flow: column;
  width: 35%;
  display: flex;
}

.wrapper-right-about {
  justify-content: flex-end;
  align-items: flex-start;
  display: flex;
}

.wrapper-about-top {
  width: 65vw;
}

.wrapper-content-achieve {
  grid-column-gap: 3vw;
  grid-row-gap: 3vw;
  justify-content: flex-end;
  align-items: flex-end;
  display: flex;
  position: relative;
}

.wrapper-number-count {
  grid-column-gap: 1vw;
  grid-row-gap: 1vw;
  flex-flow: column;
  align-items: flex-start;
  width: 15vw;
  display: flex;
}

.wrapper-number-count.absolute {
  z-index: 3;
  width: 13vw;
  position: absolute;
  inset: auto auto 0% 0%;
}

.wrapper-number-count.absolute-mobile {
  z-index: 3;
  width: 13vw;
  display: none;
  position: absolute;
  inset: auto auto 0% 0%;
}

.inner-number {
  grid-column-gap: 1vw;
  grid-row-gap: 1vw;
  color: var(--color-style--secondary-color-1);
  font-size: var(--text-size--medium-big-size-text);
  line-height: var(--text-height--medium-big-height-text);
  font-weight: var(--base-value--medium-weight);
  display: flex;
}

.inner-number.years {
  color: var(--color-style--secondary-color-1);
  font-size: var(--text-size--big-size-text);
  line-height: var(--text-height--big-height-text);
  font-weight: var(--base-value--medium-weight);
}

.inner-text-count {
  font-family: var(--base-value--primary-font);
  color: var(--color-style--secondary-color-1);
  font-size: var(--text-size--small-size-text);
  line-height: var(--text-height--small-height-text);
  font-weight: var(--base-value--normal-font-weight);
}

.inner-achieve {
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-end;
  width: 35%;
  display: flex;
  overflow: hidden;
}

.wrapper-service {
  z-index: 5;
  grid-column-gap: 3vw;
  grid-row-gap: 3vw;
  flex-flow: column;
  justify-content: flex-start;
  min-height: 100vh;
  display: flex;
}

.content-text-service {
  grid-column-gap: 5vw;
  grid-row-gap: 5vw;
  flex-flow: column;
  display: flex;
}

.wrapper-card-text {
  z-index: 5;
  grid-column-gap: 0vw;
  grid-row-gap: 0vw;
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
  position: relative;
}

.card-text {
  padding: var(--spacing--spacing-card-team-top-bot) var(--spacing--spacing-card-team-left);
  justify-content: flex-start;
  align-items: stretch;
  width: 25vw;
  height: auto;
}

.card-text.one {
  z-index: 1;
  margin-left: var(--spacing--margin-plus-service-one);
  grid-column-gap: 1.5vw;
  grid-row-gap: 1.5vw;
  text-align: left;
  flex-flow: row;
  display: flex;
}

.card-text.two {
  z-index: 2;
  margin-left: var(--spacing--margin-plus-service-two);
  grid-column-gap: 1.5vw;
  grid-row-gap: 1.5vw;
  flex-flow: row;
  display: flex;
}

.card-text.three {
  z-index: 3;
  margin-left: var(--spacing--margin-plus-service-three);
  grid-column-gap: 1.5vw;
  grid-row-gap: 1.5vw;
  flex-flow: row;
  display: flex;
}

.card-text.four {
  z-index: 4;
  margin-left: var(--spacing--margin-plus-service-four);
  grid-column-gap: 1.5vw;
  grid-row-gap: 1.5vw;
  flex-flow: row;
  display: flex;
}

.item-card {
  color: var(--color-style--secondary-color-1);
  font-size: var(--text-size--small-medium-size);
  line-height: var(--text-height--small-medium-height);
  margin-right: auto;
  padding-right: 0;
}

.paragraph-card {
  font-size: var(--text-size--small-size-service);
  line-height: var(--text-height--small-height-service);
  text-align: left;
}

.head-service {
  color: var(--color-style--secondary-color-1);
  font-size: var(--text-size--medium-size-text);
  line-height: var(--text-height--medium-height-text);
  width: 50%;
}

.wrapper-faq {
  grid-column-gap: 5vw;
  grid-row-gap: 5vw;
  flex-flow: column;
  display: flex;
}

.wrapper-heading-service {
  letter-spacing: -.4vw;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.wrapper-paragraph {
  justify-content: flex-end;
  align-items: flex-start;
  display: flex;
}

.paragraph-service {
  width: 35%;
}

.inner-content-mask.one {
  z-index: 7;
  padding-top: var(--spacing--padding-plus-project);
  padding-right: var(--spacing--spacing-left-project);
  padding-left: var(--spacing--spacing-left-project);
  flex-flow: column;
  width: 100%;
  display: flex;
  position: absolute;
  inset: 0% 0% auto;
}

.wrapper-heading-projects {
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  letter-spacing: -.4vw;
}

.wrapper-heading-projects.one {
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.item {
  cursor: pointer;
  border-radius: .8vw;
  justify-content: center;
  align-items: center;
  width: 28vw;
  height: 18vw;
  display: flex;
  overflow: hidden;
}

.image-projects {
  object-fit: cover;
  border: 1px solid #fafafa00;
  border-radius: 19px;
  width: 100%;
  height: 100%;
}

.image-projects.hide {
  display: none;
}

.move-projects {
  grid-column-gap: 2vw;
  grid-row-gap: 2vw;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
  transform: translate(0%, 23vw);
}

.wrapper-bg-projects {
  z-index: 0;
  background-color: var(--color-style--secondary-color-6);
  justify-content: center;
  align-items: flex-start;
  height: 820vh;
  display: flex;
}

.wrapper-sticky-hidden {
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 100vh;
  display: flex;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.wrapper-overflow-hidden {
  z-index: 1;
  justify-content: center;
  align-items: center;
  width: 75vw;
  height: 75vw;
  display: flex;
  position: relative;
  overflow: hidden;
  transform: perspective(300px)rotate(-45deg);
}

.wrapper-line {
  z-index: 3;
  border-bottom: 3px #000;
  border-left: 3px #000;
  width: 75vw;
  height: 75vw;
  display: none;
  position: relative;
  inset: 0%;
  transform: translate(0);
}

.item-image {
  z-index: 3;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
  transform: rotate(45deg);
}

.bg {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.bg-item {
  z-index: 0;
  width: 100%;
  height: 100vh;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.inner-bg {
  position: absolute;
  inset: 0%;
}

.inner-bg.one {
  z-index: 8;
  justify-content: center;
  align-items: center;
  display: flex;
}

.inner-bg.two {
  z-index: 7;
}

.inner-bg.three {
  z-index: 6;
}

.inner-bg.four {
  z-index: 5;
}

.inner-bg.five {
  z-index: 4;
}

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

.name-projects {
  z-index: 4;
  justify-content: flex-start;
  align-items: flex-end;
  width: 35vw;
  height: 15vw;
  padding-bottom: 3vw;
  padding-left: 4vw;
  display: none;
  position: absolute;
  inset: auto auto 0% 0%;
}

.inner-name-projects {
  padding-bottom: var(--spacing--spacing-down-project);
  padding-left: var(--spacing--spacing-left-project);
  color: var(--color-style--secondary-color-1);
  font-size: var(--text-size--medium-small-size-project);
  line-height: var(--text-height--medium-small-height-project);
  position: absolute;
  inset: auto auto 0% 0%;
}

.inner-name-projects.one {
  z-index: 5;
  letter-spacing: -.2vw;
}

.inner-name-projects.two {
  z-index: 4;
}

.inner-name-projects.three {
  z-index: 3;
}

.inner-name-projects.four {
  z-index: 2;
  display: block;
}

.inner-name-projects.five {
  z-index: 1;
}

.name-tag-jobs {
  z-index: 4;
  justify-content: flex-end;
  align-items: flex-end;
  width: 35vw;
  height: 15vw;
  padding-bottom: 3vw;
  padding-right: 4vw;
  display: none;
  position: absolute;
  inset: auto 0% 0% auto;
}

.inner-tag-jobs {
  padding: var(--spacing--padding-plus-tagline) var(--spacing--padding-plus-left-right-tagline);
  background-color: var(--color-style--secondary-color-1);
  color: var(--color-style--secondary-color-6);
  font-size: var(--text-size--small-size-project);
  line-height: var(--text-height--small-height-project);
  font-weight: var(--base-value--medium-weight);
  border-radius: 99vw;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.wrappdown-tags {
  padding-right: var(--spacing--spacing-right-tag-project);
  padding-bottom: var(--spacing--spacing-down-tag-project);
  grid-column-gap: 2vw;
  grid-row-gap: 2vw;
  flex-flow: wrap;
  display: flex;
  position: absolute;
  inset: auto 0% 0% auto;
}

.wrappdown-tags.one {
  z-index: 5;
  grid-column-gap: 1.5vw;
  grid-row-gap: 1.5vw;
  flex-flow: row-reverse wrap-reverse;
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
}

.wrappdown-tags.two {
  z-index: 4;
  display: flex;
}

.wrappdown-tags.three {
  z-index: 3;
  display: flex;
}

.wrappdown-tags.four {
  z-index: 2;
  display: flex;
}

.wrappdown-tags.five {
  z-index: 1;
  display: flex;
}

.lines {
  z-index: 5;
  background-color: #fff;
  width: 100%;
  height: .1vw;
  position: absolute;
  inset: auto 0% 0% auto;
}

.lines.second {
  width: .1vw;
  height: 100%;
  inset: auto auto 0% 0%;
}

.lines.first {
  height: .1vw;
}

.wrapper-text-faq {
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.wrapper-heading-faq {
  letter-spacing: -.4vw;
}

.wrapper-heading-faq.second {
  justify-content: flex-end;
  align-items: flex-start;
  display: none;
}

.wrapper-heading-faq.first {
  width: 100%;
}

.heading-faq.one {
  color: var(--color-style--secondary-color-1);
  font-size: var(--text-size--medium-size-text);
  line-height: var(--text-height--medium-height-text);
  width: 55%;
}

.wrapper-team {
  grid-column-gap: 10vw;
  grid-row-gap: 10vw;
  flex-flow: column;
  justify-content: flex-start;
  display: flex;
}

.wrapper-heading-team {
  padding-right: var(--spacing--spacing-container);
  padding-left: var(--spacing--spacing-container);
  grid-column-gap: 5vw;
  grid-row-gap: 5vw;
  flex-flow: column;
  display: flex;
}

.wrapper-content-team {
  display: flex;
  overflow: hidden;
}

.heading-text-team {
  letter-spacing: -.3vw;
}

.heading-text-team.one {
  width: 70%;
}

.card-team {
  border-radius: .8vw;
  justify-content: center;
  align-items: center;
  width: 30vw;
  height: 30vw;
  display: flex;
  position: relative;
  overflow: hidden;
}

.card-team.five {
  margin-right: 2vw;
}

.card-team.one {
  margin-left: 2vw;
}

.absolute-card-item {
  z-index: 2;
  padding-top: var(--spacing--spacing-card-team-top-bot);
  padding-bottom: var(--spacing--spacing-card-team-top-bot);
  padding-left: var(--spacing--spacing-card-team-left);
  background-color: var(--base-value--base-color-overlay);
  border-radius: 0;
  flex-flow: column;
  justify-content: space-between;
  width: 100%;
  height: 101%;
  display: flex;
  position: absolute;
}

.image-team {
  object-fit: cover;
  object-position: 100% 15%;
  border: 1px solid #fff;
  border-radius: 20px;
  width: 100%;
  height: 100%;
}

.inner-card-image {
  width: 100%;
  height: 100%;
}

.name-card-team {
  color: var(--color-style--secondary-color-1);
  font-size: var(--text-size--small-size-team);
  line-height: var(--text-height--small-height-team);
  letter-spacing: -.1vw;
}

.icon-card-team {
  grid-column-gap: 1.5vw;
  grid-row-gap: 1.5vw;
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
}

.job-card-team {
  color: var(--color-style--secondary-color-1);
  font-size: var(--text-size--small-size-text-job);
  line-height: var(--text-height--small-height-text-job);
}

.icon-social {
  width: 3vw;
  height: 3vw;
}

.text-card-team {
  grid-column-gap: 1.2vw;
  grid-row-gap: 1.2vw;
  flex-flow: column;
  display: flex;
}

.inner-icon-social {
  filter: invert();
  object-fit: cover;
  border-radius: 4px;
  width: 100%;
  height: 100%;
  margin-bottom: 20px;
}

.inner-wrapper-team {
  padding-top: var(--spacing--padding-team);
  padding-bottom: var(--spacing--padding-team);
  grid-column-gap: 1.2vw;
  grid-row-gap: 1.2vw;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.overlay {
  z-index: 1;
  background-color: var(--base-value--base-color-overlay);
  -webkit-backdrop-filter: blur(11px);
  backdrop-filter: blur(11px);
  position: absolute;
  inset: 0%;
}

.line-cross-drop {
  background-color: #fff;
  width: 1px;
  height: 2vw;
}

.line-cross-drop.horizontal-drop {
  width: 1.7vw;
  height: 2px;
  position: absolute;
}

.line-cross-drop.vertical-drop {
  width: 2px;
  height: 1.7vw;
  position: absolute;
}

.inner-left-content {
  grid-column-gap: 2vw;
  grid-row-gap: 2vw;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  place-items: start stretch;
  width: 50%;
}

.faq-content {
  margin-bottom: var(--spacing--margin-plus-list);
  flex-flow: column;
  width: 100%;
  display: flex;
  overflow: hidden;
}

.accor-icon-drop {
  aspect-ratio: 1;
  -webkit-text-stroke-width: 1px;
  justify-content: center;
  align-items: center;
  width: 38px;
  font-size: 2vw;
  line-height: 2vw;
  display: flex;
  position: relative;
}

.paragraph-faq {
  color: var(--color-style--secondary-color-1);
  font-size: var(--paragraph-all-device--paragraph-size);
  line-height: var(--paragraph-all-device--paragraph-height);
  background-color: #0000;
  flex: none;
  margin-top: 10px;
  display: block;
  position: static;
}

.question-faq {
  color: var(--color-style--secondary-color-1);
  font-size: var(--text-size--small-medium-size-questions);
  line-height: var(--text-height--small-medium-height-questions);
}

.dropdown-toggle {
  margin-right: var(--spacing--zero-paragraph-spacing);
  margin-left: var(--spacing--zero-paragraph-spacing);
  padding: var(--spacing--zero-container);
  cursor: pointer;
  flex: none;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 50px;
  display: flex;
}

.wrapp-in-faq {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
}

.inner-button {
  padding: var(--spacing--spacing-button-up-down) var(--spacing--spacing-button-left-right);
  grid-column-gap: 1.3vw;
  grid-row-gap: 1.3vw;
  background-color: var(--color-style--secondary-color-1);
  cursor: pointer;
  border-radius: 99vw;
  justify-content: center;
  align-self: flex-start;
  align-items: center;
  transition: all .45s;
  display: flex;
}

.inner-button:hover {
  box-shadow: 0 0 19px 2px #00000042;
}

.wrapper-hero-outer {
  position: relative;
}

.wrapper-icon-hero {
  background-color: var(--color-style--secondary-color-6);
  font-family: var(--base-value--secondary-font);
  border-radius: 99vw;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 3vw;
  height: 3vw;
  display: flex;
  position: relative;
  overflow: hidden;
}

.icon-hero {
  font-size: var(--text-size--small-size-icon);
  line-height: var(--text-height--small-height-icon);
}

.icon-hero.first {
  font-family: var(--base-value--secondary-font);
  color: var(--color-style--secondary-color-1);
  font-size: var(--text-size--small-size-icon);
  line-height: var(--text-height--small-height-icon);
}

.icon-hero.second {
  color: var(--color-style--secondary-color-1);
  position: absolute;
}

.text-button {
  flex-flow: column;
  display: flex;
  position: relative;
  overflow: hidden;
}

.inner-text-button {
  color: var(--color-style--secondary-color-6);
  font-size: var(--text-size--small-text-size-button);
  line-height: var(--text-height--small-text-height-button);
  position: relative;
  overflow: hidden;
}

.inner-text-button.absolute {
  color: var(--color-style--secondary-color-6);
  position: absolute;
}

.cover-image-hero {
  object-fit: cover;
  border: 0 solid #fff0;
  border-radius: 0;
  width: 100vw;
  max-width: 100%;
  height: 100%;
  margin-top: 0;
  overflow: clip;
}

.wrapp-tag-marquee {
  grid-column-gap: 0vw;
  grid-row-gap: 0vw;
  justify-content: flex-start;
  align-items: center;
  min-width: 35%;
  display: flex;
}

.tag-marquee {
  color: #000;
  font-size: 1.5vw;
  line-height: 2vw;
}

.wrapp-inner-marq {
  transform-origin: 0 100%;
  background-color: #fff;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  transform: rotate(31deg)perspective(200px);
}

.wrapp-inner-marq.two {
  transform: perspective(200px);
}

.wrapp-inner-marq.one {
  margin-left: -2vw;
}

.heading-text-hero {
  margin-bottom: var(--spacing--zero-section);
  color: var(--color-style--secondary-color-1);
  flex: 0 auto;
}

.rotate-wrapp {
  flex-flow: column;
  display: flex;
}

.count-12 {
  margin-top: 0;
}

.line-break-about {
  background-color: #fff;
  width: 100%;
  height: .1vw;
  display: none;
}

.wrapper-double-section {
  z-index: 2;
  position: relative;
}

.wrapper-in {
  background-color: var(--color-style--secondary-color-6);
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  position: relative;
}

.inner-card {
  z-index: 2;
  width: 100%;
  display: flex;
  position: relative;
}

.number-service {
  color: var(--color-style--secondary-color-1);
  font-size: var(--text-size--small-medium-size);
  line-height: var(--text-height--small-medium-height);
  font-style: italic;
}

.wrapper-in-card {
  grid-column-gap: .7vw;
  grid-row-gap: .7vw;
  flex-flow: column;
  display: flex;
}

.heading-projects-one {
  color: var(--color-style--secondary-color-1);
  font-size: var(--text-size--medium-size-text);
  line-height: var(--text-height--medium-height-text);
  width: 75%;
}

.heading-projects-two {
  text-align: right;
  display: none;
}

.text-reveal-team {
  color: var(--color-style--secondary-color-1);
  font-size: var(--text-size--medium-size-text);
  line-height: var(--text-height--medium-height-text);
}

.submit-button {
  font-family: var(--base-value--primary-font);
  color: var(--color-style--secondary-color-6);
  font-weight: var(--base-value--normal-font-weight);
  text-align: center;
  background-color: #0000;
  border-radius: 10vw;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  transition: all 1s linear;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.form-button-field {
  z-index: 3;
  font-family: var(--base-value--primary-font);
  color: var(--color-style--secondary-color-1);
  text-align: center;
  cursor: pointer;
  background-color: #0000;
  width: 100%;
  height: 100%;
  padding: 20px;
  font-weight: 700;
  position: absolute;
  inset: 0% auto auto 0%;
}

.button-text-wrapp {
  z-index: 2;
  flex-flow: column;
  display: flex;
  position: relative;
  overflow: hidden;
}

.button-text {
  line-height: 130%;
}

.button-text.absolute {
  position: absolute;
}

.button-text.show {
  position: relative;
}

.buttin-in-wrapp {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: var(--color-style--secondary-color-6);
  color: var(--color-style--secondary-color-1);
  text-align: center;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  padding: 1vw 2vw;
  display: flex;
  position: relative;
}

.navbar-sp {
  background-color: #d6d6d6;
  justify-content: space-between;
  padding-left: 20px;
  padding-right: 20px;
}

.navbar-sp.no-color {
  margin-top: var(--spacing--padding-plus-navbar);
  padding-right: var(--spacing--zero-container);
  padding-bottom: var(--spacing--zero-container);
  padding-left: var(--spacing--zero-container);
  background-color: #0000;
  width: 100%;
}

.navbar-menu-button {
  z-index: 2;
  padding: 0;
  display: flex;
  overflow: hidden;
}

.navbar-menu-button.w--open {
  z-index: 2;
  color: #000;
  background-color: #0000;
}

.navbar-main-menu {
  grid-column-gap: 2vw;
  grid-row-gap: 2vw;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-top: 2.5vw;
  display: flex;
}

.navbar-in-menu-wrap {
  z-index: 89;
  flex-flow: column;
  height: 100%;
  display: flex;
  position: relative;
}

.navbar-brand-image {
  z-index: 0;
  font-size: var(--heading--h1-size);
  flex: 0 auto;
  height: 5vw;
  padding-top: 0;
  padding-bottom: 0;
  position: relative;
}

.absolute-background {
  -webkit-backdrop-filter: blur(25px);
  backdrop-filter: blur(25px);
  background-color: #000000b8;
  position: absolute;
  inset: 0%;
}

.navbar-sp-wrapp-transparent {
  background-color: #0000;
  justify-content: space-between;
  align-items: stretch;
  margin-top: 0;
  display: flex;
}

.navbar-menu-wrap {
  z-index: 1;
  background-color: #0000;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100vw;
  height: 100vh;
  display: flex;
  position: fixed;
  inset: 0%;
  overflow: auto;
}

.navbar-bg {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0% auto auto 0%;
}

.navbar-brand {
  z-index: 1;
  color: #000;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  padding-left: 0;
  display: flex;
}

.container-navigation {
  padding-right: var(--spacing--spacing-container);
  padding-left: var(--spacing--spacing-container);
  width: 100%;
  max-width: none;
}

.navbar-sp-end-wrap {
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: static;
}

.navbar-item-text {
  font-size: var(--text-size--big-navbar-size-text);
  line-height: var(--text-height--big-navbar-height-text);
  letter-spacing: -.13vw;
}

.navbar-item-text.hidden {
  width: 110%;
  margin-bottom: 5px;
  margin-right: 5px;
  font-style: italic;
  position: absolute;
}

.navbar-item-text.default {
  z-index: 2;
  flex: none;
  margin-bottom: 5px;
  margin-right: 5px;
}

.menu-image {
  filter: invert();
  width: 1.5vw;
  height: 1.5vw;
}

.navbar-item {
  border-bottom: 1px #d4d4d4;
  border-right: 1px #d3d3d3;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  padding: 0;
  text-decoration: none;
  display: flex;
}

.container-nav-full {
  background-color: #0000;
  flex: 1;
  width: 100%;
  max-width: 100%;
  margin-left: 0;
  margin-right: 0;
  position: relative;
}

.menu-image-wrap {
  display: block;
}

.nav-wrapper {
  justify-content: flex-end;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.navbar-item-text-wrapper {
  border-bottom: 2px #000;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.navbar-main-menu-wrap {
  padding: var(--spacing--spacing-navbar);
  grid-column-gap: 1vw;
  grid-row-gap: 1vw;
  flex-flow: row;
  flex: 1;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.space-card {
  z-index: 2;
  width: 100%;
  display: flex;
  position: relative;
}

.space-card.null {
  display: none;
}

.move-projects-mobile {
  grid-column-gap: 2vw;
  grid-row-gap: 2vw;
  justify-content: space-between;
  align-items: flex-start;
  display: none;
  transform: translate(0%, 18vw);
}

.bg-service {
  z-index: 0;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.background-video {
  z-index: 1;
  filter: hue-rotate(135deg);
  object-fit: cover;
  border-radius: 99vw;
  width: 90%;
  height: 90%;
}

.inner-bg-service {
  justify-content: center;
  align-items: center;
  width: 28vw;
  height: 28vw;
  display: flex;
  position: relative;
  overflow: hidden;
}

.utility-page-in {
  background-color: #000;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  display: flex;
}

.utility-wrapp {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 100px;
  padding-bottom: 100px;
  display: flex;
}

.style-guide-wrapp {
  grid-column-gap: 5vw;
  grid-row-gap: 5vw;
  letter-spacing: -.2vw;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.paragraph-style-guide {
  letter-spacing: 0;
}

.natural-color {
  grid-column-gap: 3vw;
  grid-row-gap: 3vw;
  display: flex;
}

.font-style-heading {
  grid-column-gap: 5vw;
  grid-row-gap: 5vw;
  flex-flow: column;
  display: flex;
}

.wrapp-heading {
  grid-column-gap: 1.5vw;
  grid-row-gap: 1.5vw;
  flex-flow: column;
  display: flex;
}

.primary-base-color {
  grid-column-gap: 3vw;
  grid-row-gap: 3vw;
  margin-top: 2vw;
  display: flex;
}

.wrapper-content-style {
  grid-column-gap: 6vw;
  grid-row-gap: 6vw;
  flex-flow: column;
  margin-bottom: 6vw;
  display: flex;
}

.wrapper-content-style.font {
  grid-column-gap: 5vw;
  grid-row-gap: 5vw;
}

.wrapper-content-style.color {
  grid-column-gap: 3vw;
  grid-row-gap: 3vw;
}

.wrapper-content-style.button {
  grid-column-gap: 5vw;
  grid-row-gap: 5vw;
  color: #fff;
  grid-column-gap: 5vw;
  grid-row-gap: 5vw;
  background-color: #20ac53;
  border-radius: 15px;
  width: 100%;
  height: 45px;
  font-size: 16px;
  font-weight: 600;
}

.color-core {
  background-color: var(--color-style--primary-color-1);
  border-radius: 1vw;
  width: 13vw;
  height: 10vw;
}

.color-core.netural-two {
  background-color: var(--color-style--secondary-color-2);
}

.color-core.netural-six {
  background-color: var(--color-style--secondary-color-6);
  border: 1px solid #fff;
}

.color-core.netural-four {
  background-color: var(--color-style--secondary-color-4);
}

.color-core.tint-two {
  background-color: var(--color-style--primary-color-3);
}

.color-core.tint-one {
  background-color: var(--color-style--primary-color-2);
}

.color-core.netural-three {
  background-color: var(--color-style--secondary-color-3);
}

.color-core.netural-five {
  background-color: var(--color-style--secondary-color-5);
}

.color-core.shade-two {
  background-color: var(--color-style--primary-color-6);
}

.color-core.netural-one {
  background-color: var(--color-style--secondary-color-1);
}

.color-core.shade-one {
  background-color: var(--color-style--primary-color-5);
}

.color-core.tint-three {
  background-color: var(--color-style--primary-color-4);
}

.wrapp-title-style {
  grid-column-gap: 3vw;
  grid-row-gap: 3vw;
  display: flex;
}

.link-btn-hero {
  grid-column-gap: 2vw;
  grid-row-gap: 2vw;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.item-base-color {
  grid-column-gap: 1vw;
  grid-row-gap: 1vw;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.tittle-button {
  color: var(--color-style--secondary-color-1);
  font-size: var(--paragraph-all-device--paragraph-alternative-size);
  line-height: var(--paragraph-all-device--paragraph-height);
}

.name-code {
  color: var(--color-style--secondary-color-1);
  font-size: var(--paragraph-all-device--paragraph-size);
  line-height: var(--paragraph-all-device--paragraph-height);
  text-transform: uppercase;
}

.link-btn-form {
  grid-column-gap: 2vw;
  grid-row-gap: 2vw;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.text-title-style {
  color: var(--color-style--secondary-color-1);
  font-size: var(--paragraph-all-device--paragraph-size);
  line-height: var(--paragraph-all-device--paragraph-height);
}

.item-netural-color {
  grid-column-gap: 1vw;
  grid-row-gap: 1vw;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.wrapper-style-button {
  grid-column-gap: 3vw;
  grid-row-gap: 3vw;
  flex-flow: column;
  display: flex;
}

.license-wrapper {
  grid-column-gap: 3vw;
  grid-row-gap: 3vw;
  flex-flow: column;
  padding-top: 6vw;
  padding-bottom: 6vw;
  display: flex;
}

.paragraph-license {
  width: 65%;
}

.asset-wrapper {
  grid-column-gap: 3vw;
  grid-row-gap: 3vw;
  flex-flow: row;
  justify-content: space-between;
  display: flex;
}

.inner-wrapp-license {
  width: 60%;
}

.wrapper-changelog {
  padding-top: var(--spacing--padding-plus-changelog);
  padding-bottom: var(--spacing--padding-plus-changelog);
  grid-column-gap: 15vw;
  grid-row-gap: 15vw;
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  height: 100vh;
  display: flex;
}

.wrapper-heading {
  grid-column-gap: 2vw;
  grid-row-gap: 2vw;
  flex-flow: column;
  display: flex;
}

.wrapper-version {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  border: 1px solid #fff;
  border-radius: 1vw;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 60px 0;
  display: flex;
}

.text-changelog {
  color: var(--color-style--secondary-color-1);
  font-size: var(--text-size--small-size-changelog);
  line-height: var(--text-height--small-height-changelog);
}

.blur {
  z-index: 3;
  background-image: radial-gradient(circle closest-side, #0000 25%, #000);
  border-radius: 99vw;
  width: 28vw;
  height: 28vw;
  position: absolute;
}

.wrapper-instructions {
  grid-column-gap: 5vw;
  grid-row-gap: 5vw;
  color: #fff;
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  display: flex;
}

.inner-wrapper-instructions {
  grid-column-gap: 3vw;
  grid-row-gap: 3vw;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.content-wrapp-instrucctions {
  grid-column-gap: 5vw;
  grid-row-gap: 5vw;
  flex-flow: column;
  display: flex;
}

.step {
  grid-column-gap: 2vw;
  grid-row-gap: 2vw;
  flex-flow: column;
  display: flex;
}

.wrapp-double-paragraph {
  grid-column-gap: 1vw;
  grid-row-gap: 1vw;
  flex-flow: column;
  width: 80%;
  display: flex;
}

.description-404 {
  font-family: var(--base-value--primary-font);
  color: var(--color-style--secondary-color-1);
  font-size: var(--paragraph-all-device--paragraph-size);
  line-height: var(--paragraph-all-device--paragraph-height);
  font-weight: var(--base-value--normal-font-weight);
}

.wrapper-footer {
  grid-column-gap: 3vw;
  grid-row-gap: 3vw;
  flex-flow: column;
  justify-content: space-between;
  height: auto;
  display: flex;
  position: relative;
  overflow: hidden visible;
}

.wrapper-quick-link {
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-start;
  padding-top: 2vw;
  display: none;
}

.wrapper-logo-footer {
  z-index: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 12vw;
  margin-bottom: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.wrapper-content-footer {
  z-index: 2;
  grid-column-gap: 5vw;
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: auto;
  padding-top: 3vw;
  padding-bottom: 3vw;
  display: flex;
  overflow: hidden visible;
}

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

.inner-content-link {
  grid-column-gap: 2vw;
  grid-row-gap: 2vw;
  display: none;
}

.inner-image-icon {
  filter: invert();
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.wrapp-in-icon {
  width: 2.4vw;
  height: 2.4vw;
}

.text-cta-marquee {
  grid-column-gap: 5vw;
  grid-row-gap: 5vw;
  color: var(--color-style--secondary-color-1);
  font-style: normal;
  font-weight: var(--base-value--bold-weight);
  text-align: center;
  letter-spacing: -.5vw;
  text-transform: uppercase;
  grid-column-gap: 5vw;
  grid-row-gap: 5vw;
  font-style: normal;
  font-weight: var(--base-value--bold-weight);
  letter-spacing: -.5vw;
  text-transform: uppercase;
  justify-content: flex-start;
  align-items: stretch;
  animation-name: none;
  animation-play-state: paused;
  display: flex;
  overflow: hidden;
}

.wrapp-in-marquee {
  grid-column-gap: 1vw;
  grid-row-gap: 1vw;
  grid-column-gap: 1vw;
  grid-row-gap: 1vw;
  flex-wrap: nowrap;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: center;
  animation-name: none;
  animation-play-state: paused;
  display: flex;
}

.wrapper-text-marquee {
  text-transform: none;
  text-transform: none;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: center;
  width: 100vw;
  animation-name: none;
  animation-duration: 0s;
  animation-iteration-count: 1;
  animation-play-state: paused;
  display: flex;
}

.trigger-mouse-event {
  justify-content: center;
  align-items: center;
  min-height: auto;
  padding-top: 100px;
  padding-bottom: 100px;
  display: none;
  position: relative;
}

.wrap-in-form {
  z-index: 25;
  flex-flow: column;
  align-items: center;
  width: 100%;
  max-width: 30vw;
  display: flex;
  position: relative;
}

.text-relative {
  color: #700;
  text-align: center;
}

.label-text {
  color: #fff;
  font-size: 1.3vw;
  font-weight: 400;
  line-height: 1.5vw;
  display: none;
}

.rounded-field {
  border-style: solid;
  border-width: 0 0 1px;
  border-color: black black var(--color-style--secondary-color-3);
  color: var(--color-style--secondary-color-6);
  background-color: #0000;
  margin-bottom: 0;
  font-size: 1.3vw;
  line-height: 1.8vw;
}

.wrapp-in-form {
  z-index: 26;
  grid-column-gap: 2vw;
  grid-row-gap: 2vw;
  flex-flow: column;
  width: 100%;
  display: flex;
  position: relative;
}

.form-wrapper {
  z-index: 17;
  -webkit-backdrop-filter: blur(7px);
  backdrop-filter: blur(7px);
  background-color: #fff;
  border-radius: .6vw;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 35vw;
  padding: 2.5vw 2vw 2vw;
  display: flex;
  position: relative;
}

.wrapper-icon-close {
  z-index: 18;
  background-color: var(--color-style--secondary-color-6);
  cursor: pointer;
  border-radius: 99vw;
  justify-content: center;
  align-items: center;
  width: 4vw;
  height: 4vw;
  margin-top: -2vw;
  margin-right: -2vw;
  display: flex;
  position: absolute;
  inset: 0% 0% auto auto;
  transform: rotate(0);
}

.icon-close {
  width: 3vw;
  height: 3vw;
}

.text-area {
  border-style: solid;
  border-width: 0 0 1px;
  border-color: black black var(--color-style--secondary-color-3);
  color: var(--color-style--secondary-color-6);
  background-color: #0000;
  font-size: 1.3vw;
  line-height: 1.8vw;
}

.success-message {
  color: #002a17;
  background-color: #bdffe1;
  border: 1px solid #198754;
  border-radius: .8vw;
  width: 95%;
}

.wrapper-field {
  grid-column-gap: .6vw;
  grid-row-gap: .6vw;
  flex-flow: column;
  display: flex;
}

.contact-wrapper {
  z-index: 16;
  justify-content: center;
  align-items: flex-start;
  display: none;
  position: absolute;
}

.error-message {
  border: 1px solid #840000;
  border-radius: .8vw;
}

.wrapp-image-absolute {
  justify-content: center;
  align-items: center;
  display: none;
  position: absolute;
}

.button-contact {
  background-color: #0000;
  border-radius: 1vw;
  justify-content: center;
  align-items: center;
  width: 18vw;
  height: 24vw;
  display: flex;
  position: absolute;
  overflow: hidden;
}

.button-action {
  margin-top: var(--spacing--margin-plus-contact);
  padding: var(--spacing--spacing-button-up-down) var(--spacing--spacing-button-left-right);
  grid-column-gap: 1.3vw;
  grid-row-gap: 1.3vw;
  cursor: pointer;
  background-color: #fff;
  border-radius: 99vw;
  justify-content: center;
  align-items: center;
  transition: none;
  display: flex;
  position: absolute;
}

.button-action:hover {
  box-shadow: 0 0 19px 2px #00000042;
}

.text-absolute {
  font-size: var(--text-size--big-size-text-marquee);
  line-height: var(--text-height--big-height-text-marquee);
  font-weight: var(--base-value--normal-font-weight);
  text-align: center;
  width: 100%;
  display: none;
  position: static;
}

.heading-404 {
  font-size: 12vw;
  line-height: 12vw;
}

.button-404 {
  grid-column-gap: 1.3vw;
  grid-row-gap: 1.3vw;
  color: #000;
  cursor: pointer;
  background-color: #fff;
  border-radius: 99vw;
  justify-content: center;
  align-items: center;
  padding: .8vw 1vw;
  font-size: 1.3vw;
  line-height: 2vw;
  transition: all .45s;
  display: flex;
}

.button-404:hover {
  box-shadow: 0 0 19px 2px #00000042;
}

.utility-page-form {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  align-items: stretch;
  width: 300px;
  display: flex;
}

.image-password {
  filter: invert();
}

.password {
  border-style: none none solid;
  border-width: 1px 1px .1vw;
  border-color: black black var(--color-style--secondary-color-3);
  background-color: #0000;
}

.inner-text-password {
  color: var(--color-style--secondary-color-1);
}

.submit-password {
  background-color: var(--color-style--secondary-color-1);
  color: var(--color-style--secondary-color-6);
  border-radius: 99vw;
  font-size: 1.4vw;
  line-height: 2vw;
}

.gradient-overlay {
  height: 6vw;
  position: absolute;
  inset: auto 0% 0%;
  box-shadow: 0 -2vw 50px 20px #000000e6;
}

.in-wrapp-logo {
  justify-content: center;
  align-items: center;
  display: flex;
}

.section-2 {
  background-color: #000;
}

.logo-scroll-wrapper {
  background-color: #000;
  width: 100%;
  padding-top: 60px;
  padding-bottom: 60px;
  overflow-x: hidden;
}

.logo-scroll-track {
  align-items: center;
  gap: 60px;
  width: 10px;
  animation-name: scroll;
  animation-duration: 30s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  display: flex;
}

.logo-item {
  opacity: 1;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 120px;
  height: 60px;
  display: flex;
}

.logo-item:hover {
  opacity: 1;
}

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

.members-tag {
  color: #ffffffb3;
  letter-spacing: .05em;
  background-color: #ffffff14;
  border-radius: 99px;
  padding: .4rem 1rem;
  font-size: .85rem;
  display: inline-flex;
}

.members-hero-wrapper {
  grid-row-gap: 5rem;
  max-width: 900px;
  padding-top: 0;
  padding-bottom: 8rem;
}

.members-hero-heading {
  color: #fff;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 2rem;
  font-size: 6vw;
  font-weight: 700;
  line-height: 1.05;
}

.members-hero-sub {
  color: #ffffff8c;
  max-width: 800px;
  margin-top: 0;
  margin-bottom: 3rem;
  font-size: 1.2rem;
  line-height: 1.6;
}

.members-grid {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  border: 1px solid #000;
  border-radius: 0;
  grid-template-columns: repeat(3, 1fr);
  width: 100%;
  display: grid;
}

.member-card {
  grid-row-gap: 1rem;
  cursor: pointer;
  background-color: #ffffff0d;
  border: 1px solid #ffffff14;
  border-radius: 1.5rem;
  flex-direction: column;
  padding: 2.5rem;
  transition: all .3s;
  display: flex;
}

.member-card:hover {
  background-color: #ffffff1a;
  border-color: #fff3;
  transform: translateY(-4px);
}

.member-card-icon {
  color: #fff6;
  letter-spacing: .02em;
  margin-bottom: 0;
  font-size: 1.1rem;
  font-weight: 500;
}

.member-card-title {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.4rem;
  font-weight: 600;
}

.member-card-desc {
  color: #ffffff80;
  margin-top: 0;
  margin-bottom: 0;
  font-size: .95rem;
  line-height: 1.6;
}

.member-card-badge {
  color: #fff9;
  background-color: #ffffff1a;
  border-radius: 99px;
  align-self: flex-start;
  margin-top: auto;
  padding: .25rem .75rem;
  font-size: .75rem;
  display: inline-flex;
}

.members-section-sub {
  color: #ffffff80;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1rem;
}

.members-section-heading {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2.5rem;
  font-weight: 700;
}

.members-section-header {
  grid-row-gap: .75rem;
  flex-direction: column;
  margin-bottom: 3rem;
  display: flex;
}

.card-cta-link {
  grid-column-gap: .4rem;
  opacity: .6;
  color: #fff;
  align-items: center;
  margin-top: auto;
  padding-top: .6rem;
  padding-bottom: 0;
  font-size: .9rem;
  font-weight: 500;
  text-decoration-line: none;
  transition-property: all;
  transition-duration: .2s;
  display: inline-flex;
}

.card-cta-link:hover {
  opacity: 1;
}

.pricing-header {
  text-align: center;
  margin-bottom: 64px;
}

.pricing-section {
  background-color: #000;
  padding: 72px 24px 80px;
}

.pricing-eyebrow {
  color: #888;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 16px;
  font-size: 14px;
}

.pricing-title {
  margin-top: var(--spacing--spacing-section);
  color: #fff;
  background-color: #000;
  margin-bottom: 20px;
  font-size: 56px;
  font-weight: 700;
  line-height: 1.1;
}

.pricing-subtitle {
  color: #888;
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
  font-size: 18px;
}

.pricing-grid {
  grid-column-gap: 16px;
  grid-row-gap: 0px;
  grid-template-columns: repeat(3, 1fr);
  align-items: stretch;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.pricing-card {
  transition: transform .22s ease, box-shadow undefined undefined;
  background-color: #161616;
  border: 1px solid #2a2a2a;
  border-radius: 16px;
  flex-direction: column;
  align-self: stretch;
  padding: 0;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 3px #0000000f, 0 1px 2px #0000000a;
}

.pricing-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 16px 48px #0009;
}

.pricing-card-pro {
  background-color: #111;
  border: 1px solid #fff;
  border-radius: 16px;
  flex-direction: column;
  padding: 40px 32px;
  display: flex;
}

.pricing-badge {
  color: #000;
  letter-spacing: 1px;
  text-transform: uppercase;
  background-color: #fff;
  border-radius: 100px;
  margin-bottom: 16px;
  padding: 4px 10px;
  font-size: 11px;
  font-weight: 700;
  display: inline-block;
}

.pricing-plan-name {
  color: #fff;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.2;
}

.pricing-plan-desc {
  color: #666;
  margin-top: 3px;
  margin-bottom: 0;
  font-size: 13px;
  line-height: 1.4;
}

.pricing-price {
  color: #fff;
  margin-bottom: 4px;
  font-size: 48px;
  font-weight: 700;
  line-height: 1;
}

.pricing-period {
  color: #666;
  margin-bottom: 32px;
  font-size: 14px;
}

.pricing-divider {
  border-top: 1px solid #222;
  margin-top: 0;
  margin-bottom: 14px;
}

.pricing-features {
  grid-row-gap: 12px;
  flex-direction: column;
  flex-grow: 1;
  margin-bottom: 40px;
  display: flex;
}

.pricing-feature-item {
  grid-column-gap: 10px;
  color: #27272a;
  align-items: flex-start;
  margin-bottom: 8px;
  font-size: 13px;
  display: flex;
}

.pricing-btn {
  color: #000;
  text-align: center;
  background-color: #fff;
  border-radius: 100px;
  padding: 16px 24px;
  font-size: 15px;
  font-weight: 600;
  text-decoration: none;
  display: block;
}

.pricing-btn-outline {
  color: #fff;
  text-align: center;
  background-color: #0000;
  border: 1px solid #333;
  border-radius: 100px;
  padding: 16px 24px;
  font-size: 15px;
  font-weight: 600;
  text-decoration: none;
  display: block;
}

.pricing-check {
  color: #fff;
  flex-shrink: 0;
  font-size: 16px;
}

.section-3, .body {
  background-color: #000;
}

.vip-section {
  background-color: #000;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  min-height: 100vh;
  padding-top: 60px;
  padding-bottom: 80px;
  display: flex;
}

.vip-container {
  width: 100%;
  max-width: 720px;
  padding-left: 20px;
  padding-right: 20px;
}

.vip-top-text {
  color: #fff;
  text-align: center;
  letter-spacing: 2px;
  margin-bottom: 24px;
  font-size: 12px;
  font-weight: 500;
}

.vip-heading {
  color: #fff;
  text-align: center;
  margin-bottom: 48px;
  font-size: 48px;
  font-weight: 400;
  line-height: 1.2;
}

.vip-label {
  color: #fff;
  letter-spacing: 1px;
  margin-bottom: 8px;
  font-size: 11px;
  font-weight: 500;
  display: block;
}

.vip-input {
  color: #fff;
  background-color: #ffffff1a;
  border: 1px solid #fff3;
  border-radius: 8px;
  width: 100%;
  margin-bottom: 24px;
  padding: 16px 20px;
  font-size: 16px;
}

.vip-button {
  color: #000;
  background-color: #fff;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 16px;
  padding: 18px 32px;
  font-size: 16px;
  font-weight: 500;
  display: flex;
}

.new-form-field {
  grid-row-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  display: flex;
}

.new-form-wrapper {
  flex-direction: column;
  gap: 24px;
  width: 100%;
  display: flex;
}

.hidden-element {
  visibility: hidden;
  height: 0;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  display: none;
  overflow: hidden;
}

.form-confirmation-msg {
  color: #166534;
  text-align: center;
  background-color: #f0fdf4;
  border: 1px solid #22c55e;
  border-radius: 8px;
  margin-top: 20px;
  padding: 20px 24px;
  font-size: 16px;
  font-weight: 500;
  display: none;
}

.hidden-btn {
  display: none;
}

.form-success-style {
  color: #fff;
  text-align: center;
  background-color: #0000;
  padding: 60px 0;
}

.form-success-text {
  color: #fff;
  letter-spacing: .5px;
  font-size: 28px;
  font-weight: 300;
  line-height: 1.4;
}

.form {
  padding-top: 0;
}

.heading-first {
  order: -1;
  width: 100%;
  max-width: 720px;
  padding-bottom: 40px;
  padding-left: 20px;
  padding-right: 20px;
}

.form-wrapper-2 {
  z-index: 50;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  max-width: 400px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  position: relative;
  overflow: visible;
}

.forgot-password-link {
  float: right;
  margin-left: auto;
}

.tooltip-title {
  margin-bottom: 6px;
  font-size: 110%;
  font-weight: 800;
}

.tooltip-wrapper {
  color: #333;
  text-align: left;
  background-color: #fafbfe;
  border: 1px solid #d8e3f0;
  border-radius: 10px;
  width: 300px;
  font-size: 11.5px;
  font-weight: 400;
  line-height: 1.5em;
  display: block;
  position: absolute;
  box-shadow: 1px 1px 8px 1px #2d3e501f;
}

.tooltip-diamond {
  z-index: 2;
  background-color: #fafbfe;
  border: 1px solid #d8e3f0;
  border-radius: 2px;
  width: 16px;
  height: 16px;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: -7px 0% auto;
  transform: rotate(45deg);
  box-shadow: 0 -3px 8px #2d3e500f;
}

.tooltip-diamond.left {
  margin-top: auto;
  margin-bottom: auto;
  inset: 0 auto 10px -7px;
}

.tooltip-svg {
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.tour-step {
  display: none;
}

.tooltip-author-wrap {
  align-items: center;
  display: flex;
}

.tooltip-anchor {
  z-index: 100;
  justify-content: center;
  width: 100%;
  height: 10px;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding-top: 12px;
  display: flex;
  position: absolute;
  inset: 100% 0% 0;
}

.tooltip-anchor.right {
  justify-content: flex-start;
  align-items: center;
  width: auto;
  height: 100%;
  margin-right: -12px;
  padding-left: 12px;
  inset: 0% 0% 0% auto;
}

.tooltip-author {
  border-radius: 50%;
  width: 32px;
  margin-right: 10px;
}

.tooltip-close {
  z-index: 5;
  color: #3f3e46;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  display: flex;
}

.tooltip-close:hover {
  background-color: #002aff1a;
}

.tooltip-container {
  z-index: 3;
  background-color: #fafbfe;
  border-radius: 9px 9px 0 0;
  padding: 20px;
  font-size: 12.5px;
  position: relative;
}

.tooltip-navigation {
  z-index: 3;
  color: #64636e;
  background-color: #fafbfe;
  border-top: 1px solid #d8e3f0;
  border-radius: 0 0 9px 9px;
  justify-content: space-between;
  align-items: center;
  min-height: 50px;
  padding: 8px 20px;
  display: flex;
  position: relative;
  bottom: 0;
}

.tooltip-navigation.top {
  border-top-style: none;
  border-bottom: 1px solid #d8e3f0;
  border-radius: 9px 9px 0 0;
}

.relative {
  border: 1px solid #0000;
  position: relative;
}

.login-page-section {
  background-color: #000;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  display: flex;
}

.login-card {
  background-color: #d6d6d614;
  border: 1px solid #dbdbdb;
  border-radius: 12px;
  flex-direction: column;
  width: 100%;
  max-width: 480px;
  margin-top: 75px;
  margin-left: auto;
  margin-right: auto;
  padding: 48px;
  display: flex;
  box-shadow: 0 4px 24px #00000014;
}

.login-heading {
  color: #fff;
  -webkit-text-stroke-color: #1c2535;
  margin-top: 0;
  margin-bottom: 28px;
  font-size: 32px;
  font-weight: 700;
  line-height: 1.2;
}

.login-form-group {
  flex-direction: column;
  width: 100%;
  margin-bottom: 16px;
  display: flex;
}

.login-label {
  color: #fff;
  margin-bottom: 6px;
  font-size: 14px;
  font-weight: 500;
  display: block;
}

.login-input {
  color: #111827;
  background-color: #fff;
  border: 1px solid #d1d5db;
  border-radius: 8px;
  width: 100%;
  padding: 12px 16px;
  font-size: 14px;
}

.login-submit-btn {
  color: #fff;
  cursor: pointer;
  background-color: #00235d;
  border-style: none;
  border-radius: 8px;
  width: 100%;
  margin-top: 8px;
  padding: 14px 24px;
  font-size: 16px;
  font-weight: 600;
  display: block;
}

.login-signup-text {
  color: #6b7280;
  text-align: left;
  margin-top: 20px;
  font-size: 14px;
}

.login-forgot-link {
  color: #3b82f6;
  margin-left: auto;
  font-size: 14px;
}

.ms-hidden {
  display: none;
}

.forgot-pw-row {
  background-color: #0000;
  justify-content: flex-end;
  height: 32px;
  margin-bottom: 8px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.text-block-3 {
  color: #000;
}

.link {
  color: var(--_apps---colors--foreground);
  font-weight: var(--base-value--bold-weight);
}

.pricing-starting-label {
  color: #555;
  margin-top: 16px;
  margin-bottom: 2px;
  font-size: 11px;
  line-height: 1;
}

.pricing-price-row {
  align-items: baseline;
  margin-top: 0;
  margin-bottom: 16px;
  display: flex;
}

.pricing-price-amount {
  color: #fff;
  letter-spacing: -.03em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 42px;
  font-weight: 700;
  line-height: 1;
}

.pricing-price-unit {
  color: #555;
  max-width: 56px;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 8px;
  font-size: 11px;
  line-height: 1.35;
}

.pricing-cashback {
  color: #777;
  margin-top: 0;
  margin-bottom: 14px;
  font-size: 12px;
  line-height: 1.5;
}

.pricing-features-title {
  color: #444;
  letter-spacing: .08em;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 10px;
  font-weight: 700;
  line-height: 1;
}

.pricing-check-icon {
  color: #00c060;
  flex-shrink: 0;
  margin-top: 1px;
  margin-bottom: 0;
  margin-right: 8px;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.5;
}

.pricing-cta-spacer {
  flex-grow: 1;
  min-height: 16px;
  max-height: 9999px;
}

.pricing-cta-btn {
  color: #0a0a0a;
  text-align: center;
  letter-spacing: .01em;
  cursor: pointer;
  background-color: #fff;
  border-radius: 10px;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  padding: 13px 16px;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.4;
  text-decoration: none;
  transition-property: opacity, transform;
  transition-duration: .15s;
  display: block;
}

.pricing-cta-btn:hover {
  opacity: .88;
  transform: translateY(-1px);
}

.pricing-card-popular {
  transition: transform .22s ease, box-shadow undefined undefined;
  background-color: #161616;
  border: 1px solid #00c060;
  border-radius: 16px;
  flex-direction: column;
  align-self: stretch;
  padding: 0;
  display: flex;
  overflow: hidden;
  box-shadow: 0 4px 16px #00c06026, 0 1px 4px #0000000f;
}

.pricing-card-popular:hover {
  transform: translateY(-6px);
  box-shadow: 0 16px 48px #00c0602e;
}

.pricing-popular-badge {
  color: #00c060;
  letter-spacing: .04em;
  text-transform: uppercase;
  background-color: #0d2d1a;
  border-radius: 20px;
  margin-top: 0;
  margin-bottom: 0;
  padding: 4px 10px;
  font-size: 10px;
  font-weight: 700;
  line-height: 1.4;
}

.pricing-name-row {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 2px;
  display: flex;
}

.pricing-cta-btn-green {
  color: #fff;
  text-align: center;
  letter-spacing: .01em;
  cursor: pointer;
  background-color: #00c060;
  border-radius: 10px;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  padding: 13px 16px;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.4;
  text-decoration: none;
  transition-property: opacity, transform;
  transition-duration: .15s;
  display: block;
}

.pricing-cta-btn-green:hover {
  opacity: .88;
  transform: translateY(-1px);
}

.pricing-banner-text {
  color: #fff;
  text-align: center;
  letter-spacing: .08em;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 11px;
  font-weight: 700;
  line-height: 1;
}

.pricing-heading-wrap {
  text-align: center;
  max-width: 520px;
  margin-bottom: 40px;
  margin-left: auto;
  margin-right: auto;
}

.pricing-main-title {
  color: #fff;
  letter-spacing: -.03em;
  margin-top: 0;
  margin-bottom: 8px;
  font-size: 36px;
  font-weight: 700;
  line-height: 1.1;
}

.pricing-main-subtitle {
  color: #666;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 15px;
  line-height: 1.5;
}

.pricing-card-body {
  flex-direction: column;
  flex-grow: 1;
  padding: 22px;
  display: flex;
}

.pricing-feature-text {
  color: #aaa;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 13px;
  line-height: 1.5;
}

.pricing-card-banner {
  text-align: center;
  background-color: #00c060;
  padding: 8px 20px;
}

.np-section {
  background-color: #000;
  padding: 72px 24px 80px;
}

.np-container {
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
}

.np-heading-wrap {
  text-align: center;
  max-width: 520px;
  margin-bottom: 40px;
  margin-left: auto;
  margin-right: auto;
}

.np-title {
  color: #fff;
  letter-spacing: -.03em;
  margin-top: 0;
  margin-bottom: 8px;
  font-size: 36px;
  font-weight: 700;
  line-height: 1.1;
}

.np-subtitle {
  color: #666;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 15px;
  line-height: 1.5;
}

.np-grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-columns: 1fr 1fr 1fr;
  align-items: stretch;
  display: grid;
}

.np-card {
  cursor: pointer;
  background-color: #161616;
  border: 1px solid #2a2a2a;
  border-radius: 16px;
  flex-direction: column;
  transition-property: transform, box-shadow;
  transition-duration: .3s;
  transition-timing-function: ease;
  display: flex;
  overflow: hidden;
}

.np-card:hover {
  transform: translateY(-12px);
  box-shadow: 0 20px 40px #00000080;
}

.np-card-pop {
  cursor: pointer;
  background-color: #161616;
  border: 1px solid #00c060;
  border-radius: 16px;
  flex-direction: column;
  transition-property: transform, box-shadow;
  transition-duration: .3s;
  transition-timing-function: ease;
  display: flex;
  overflow: hidden;
  box-shadow: 0 4px 16px #00c06026;
}

.np-card-pop:hover {
  transform: translateY(-12px);
  box-shadow: 0 20px 40px #00000080;
}

.np-banner {
  text-align: center;
  background-color: #00c060;
  padding: 8px 20px;
}

.np-banner-txt {
  color: #fff;
  letter-spacing: .08em;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 11px;
  font-weight: 700;
  line-height: 1;
}

.np-body {
  flex-direction: column;
  flex-grow: 1;
  padding: 22px;
  display: flex;
}

.np-name-row {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 2px;
  display: flex;
}

.np-plan-name {
  color: #fff;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.2;
}

.np-badge {
  color: #00c060;
  letter-spacing: .04em;
  text-transform: uppercase;
  background-color: #0d2d1a;
  border-radius: 20px;
  margin-top: 0;
  margin-bottom: 0;
  padding: 4px 10px;
  font-size: 10px;
  font-weight: 700;
  line-height: 1.4;
}

.np-desc {
  color: #666;
  margin-top: 3px;
  margin-bottom: 0;
  font-size: 13px;
  line-height: 1.4;
}

.np-from {
  color: #555;
  margin-top: 16px;
  margin-bottom: 2px;
  font-size: 11px;
  line-height: 1;
}

.np-price-row {
  align-items: baseline;
  margin-bottom: 16px;
  display: flex;
}

.np-price {
  color: #fff;
  letter-spacing: -.03em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 42px;
  font-weight: 700;
  line-height: 1;
}

.np-unit {
  color: #555;
  max-width: 56px;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 8px;
  font-size: 11px;
  line-height: 1.35;
}

.np-divider {
  border-top: 1px solid #222;
  margin-bottom: 14px;
}

.np-cashback {
  color: #777;
  margin-top: 0;
  margin-bottom: 14px;
  font-size: 12px;
  line-height: 1.5;
}

.np-feat-title {
  color: #444;
  letter-spacing: .08em;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 10px;
  font-weight: 700;
  line-height: 1;
}

.np-feat-item {
  align-items: flex-start;
  margin-bottom: 8px;
  display: flex;
}

.np-check {
  color: #00c060;
  flex-shrink: 0;
  margin-top: 1px;
  margin-bottom: 0;
  margin-right: 8px;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.5;
}

.np-feat-txt {
  color: #aaa;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 13px;
  line-height: 1.5;
}

.np-spacer {
  flex-grow: 1;
  min-height: 16px;
}

.np-btn {
  color: #0a0a0a;
  text-align: center;
  cursor: pointer;
  background-color: #fff;
  border-radius: 10px;
  width: 100%;
  padding: 13px 16px;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.4;
  text-decoration: none;
  display: block;
}

.np-btn-green {
  color: #fff;
  text-align: center;
  cursor: pointer;
  background-color: #00c060;
  border-radius: 10px;
  width: 100%;
  padding: 13px 16px;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.4;
  text-decoration: none;
  display: block;
}

.arrow-icon {
  background-color: #7112fd;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  display: flex;
}

.arrow-icon.big {
  background-color: #cfc1fb;
  width: 37px;
  height: 37px;
}

.mb-20 {
  margin-bottom: 20px;
}

.arrow {
  grid-column-gap: 13px;
  align-items: center;
  margin-bottom: 15px;
  display: flex;
}

.purple-p {
  color: #7112fd;
}

.content-wrap {
  align-items: center;
  display: flex;
}

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

.logo-link {
  background-color: #a792fb;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  margin-bottom: 20px;
  display: flex;
}

.card-wrap {
  margin-bottom: 30px;
}

.card-wrap.big {
  margin-bottom: 45px;
}

.card {
  border-radius: 24px;
  width: 100%;
  max-width: 410px;
  padding: 45px 50px;
  box-shadow: 0 2px 5px #0003;
}

.card.mid {
  background-color: #412e86;
  max-width: 550px;
  position: relative;
}

.card.ml {
  flex-direction: column;
  justify-content: space-between;
  min-height: 725px;
  margin-left: -20px;
  display: flex;
}

.card.mr {
  flex-direction: column;
  justify-content: space-between;
  min-height: 725px;
  margin-right: -20px;
  display: flex;
}

.heading-wrap {
  background-color: #e7e2fd;
  border-radius: 18px;
  justify-content: center;
  align-items: center;
  height: 40px;
  margin-bottom: 20px;
  padding: 10px 20px;
  display: flex;
}

.container-2 {
  width: 100%;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
}

.button-wrap {
  color: #7112fd;
  background-color: #e7e2fd;
  border-radius: 30px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 45px;
  padding: 20px 25px;
  text-decoration: none;
  transition: box-shadow .2s, transform .2s;
  display: flex;
}

.button-wrap:hover {
  transform: translate(0, -5px);
  box-shadow: 0 5px 1px #0003;
}

.button-wrap.big {
  color: #f9f9fa;
  background-color: #6f4bfb;
  padding-top: 30px;
  padding-bottom: 30px;
  font-size: 24px;
}

.arrows-wrapper {
  margin-bottom: 30px;
}

.white-text {
  color: #f9f9fa;
}

.card-bot {
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  display: flex;
}

.mb-40 {
  margin-bottom: 40px;
}

.link-2 {
  color: var(--_apps---sidebar--sidebar-primary-foreground-dark);
  font-weight: var(--base-value--bold-weight);
}

.onboarding-h2 {
  margin-top: 10px;
  margin-bottom: 30px;
  font-size: 24px;
  font-weight: 400;
  line-height: 1.7em;
}

.custom-checkbox {
  z-index: 1;
  border-style: none;
  width: 100%;
  height: 100%;
  margin-top: 0;
  margin-left: 0;
  padding: 20px;
  display: inline-block;
  position: absolute;
  inset: 0%;
}

.custom-checkbox.w--redirected-checked {
  background-color: #ffd000;
  background-image: none;
  border-color: #0000;
}

.onboarding-h1 {
  margin-top: 0;
  margin-bottom: 0;
}

.onboarding-page-wrapper {
  text-align: center;
  background-color: #494949;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-height: 100vh;
  padding-top: 15vh;
  padding-bottom: 100px;
  display: flex;
}

.submit-button-2 {
  color: #000;
  background-color: #ffd000;
  border: 2px solid #0000;
  border-radius: 30px;
  min-width: 170px;
  height: 50px;
  margin-top: 20px;
  padding: 10px 40px 12px;
  font-weight: 500;
  transition: border-color .2s, background-color .2s;
}

.submit-button-2:hover {
  background-color: #fff;
  border-color: #1200ee;
}

.submit-button-2.margin {
  margin-top: 50px;
}

.progress-link {
  background-color: #e7e7e7;
  border-radius: 5px;
  width: 100%;
  height: 15px;
  margin-left: 5%;
  margin-right: 5%;
}

.progress-link.current {
  background-color: #ffd000;
}

.progress-link.past {
  opacity: .5;
  background-color: #ffd000;
}

.progress-link.past:hover {
  opacity: 1;
}

.checkbox-field {
  z-index: 2;
  color: #000;
  border: 1px solid #e7e7e7;
  border-radius: 5px;
  flex: none;
  min-height: 75px;
  padding: 20px;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.4em;
  transition: background-color .2s, box-shadow .4s, border-color .2s;
  display: block;
  position: relative;
}

.checkbox-field:hover {
  border-color: #1200ee;
  position: relative;
  box-shadow: 0 20px 30px -10px #00000021;
}

.checkbox-field.text-area {
  width: 130px;
  height: 75px;
  margin-bottom: 0;
  padding-bottom: 0;
  line-height: 1.4em;
  transition: box-shadow .4s, transform .4s cubic-bezier(.25, .1, 0, 1.58), border-color .2s;
}

.checkbox-field.text-area:hover {
  transform: none;
  box-shadow: 0 5px 20px #00000021;
}

.checkbox-field.text-area:focus {
  width: 100%;
}

.option-row {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.custom-checkbox-label {
  z-index: 2;
  width: 100%;
  font-size: 24px;
  font-weight: 500;
  position: relative;
}

.progress-row {
  width: 300px;
  margin-bottom: 80px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.image-wrap {
  background-color: #000;
  background-image: url("https://cdn.prod.website-files.com/69922f4eb317026334d83867/699a1d3bb11b6cfb66a3d868_pexels-kate-trifo-3943939.jpg");
  background-position: 50%;
  background-size: cover;
  border-top-right-radius: 50px;
  border-bottom-right-radius: 50px;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding: 20px;
  display: flex;
}

.image-wrap._2 {
  background-image: url("https://cdn.prod.website-files.com/69922f4eb317026334d83867/699a1d3bb11b6cfb66a3d872_pexels-the-lazy-artist-gallery-1117493.jpg");
}

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

.p-light {
  color: #a6a6a6;
  margin-bottom: 35px;
  font-weight: 400;
}

.spacer-20 {
  width: 100%;
  height: 20px;
}

.mb-20-2 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 10px;
  font-weight: 500;
}

.ms-profile-image-row {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  align-items: center;
  margin-bottom: 0;
  display: flex;
}

.section_big {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #0d0d0d;
  grid-template-rows: auto;
  grid-template-columns: .75fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 100vh;
  display: grid;
}

.ms-profile-upload {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  color: #ccc;
  background-color: #262626;
  border: 1px #4c4c4c;
  border-radius: 10px;
  align-items: center;
  height: 32px;
  padding: 8px 16px;
  font-size: 13px;
  line-height: 27px;
  text-decoration: none;
  display: flex;
}

.form-field {
  width: 100%;
  margin-bottom: 20px;
}

.form-block {
  background-color: #1a1a1a;
  border-radius: 10px;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  height: 100%;
  margin-top: 0;
  margin-bottom: 0;
  padding: 40px 60px;
  display: flex;
  position: relative;
}

.ms-profile-image-preview {
  background-color: #efefef;
  border-radius: 8px;
  width: 56px;
  height: 56px;
  margin-top: 0;
  margin-bottom: 0;
  display: inline-block;
}

.label {
  color: #ccc;
  margin-bottom: 10px;
  font-size: 13px;
  font-weight: 500;
}

.field {
  color: #fff;
  background-color: #262626;
  border: 1px #404040;
  border-radius: 10px;
  height: 40px;
  margin-bottom: 0;
  padding: 12px 14px;
  transition: box-shadow .2s;
}

.field.select, .field.select:focus-visible, .field.select[data-wf-focus-visible] {
  color: #999;
}

.progress {
  color: #a6a6a6;
  letter-spacing: 1px;
  background-color: #58aeff26;
  border-radius: 50px;
  margin-bottom: 20px;
  padding: 5px 20px;
  font-size: 14px;
  font-weight: 600;
}

.button {
  color: #fff;
  background-color: #57aeff;
  border-radius: 15px;
  width: 100%;
  height: 45px;
  font-size: 16px;
  font-weight: 400;
  text-decoration: none;
  transition: box-shadow .2s;
}

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

.dashboard-wrapper {
  background-color: #0a0a0a;
  min-height: 100vh;
  padding: 60px 40px;
}

.dashboard-grid {
  grid-column-gap: 32px;
  grid-template-columns: 340px 1fr;
  align-items: start;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.profile-card {
  background-color: #141414;
  border: 1px solid #222;
  border-radius: 20px;
  padding: 36px 28px;
}

.profile-avatar-wrapper {
  background-color: #222;
  border: 2px solid #c9a96e;
  border-radius: 50%;
  width: 90px;
  height: 90px;
  margin-bottom: 20px;
  overflow: hidden;
}

.profile-member-badge {
  color: #c9a96e;
  letter-spacing: .08em;
  text-transform: uppercase;
  background-color: #1a1500;
  border: 1px solid #c9a96e44;
  border-radius: 100px;
  align-items: center;
  margin-bottom: 16px;
  padding: 4px 12px;
  font-size: 11px;
  font-weight: 600;
  display: inline-flex;
}

.profile-name {
  color: #fff;
  margin-top: 0;
  margin-bottom: 4px;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.2;
}

.profile-title {
  color: #888;
  margin-top: 0;
  margin-bottom: 4px;
  font-size: 14px;
  font-weight: 400;
}

.profile-company {
  color: #c9a96e;
  margin-top: 0;
  margin-bottom: 20px;
  font-size: 13px;
  font-weight: 600;
}

.profile-divider {
  background-color: #222;
  border-width: 0;
  height: 1px;
  margin-top: 0;
  margin-bottom: 20px;
}

.profile-bio-text {
  color: #aaa;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 1.7;
}

.profile-bio-label {
  color: #555;
  letter-spacing: .1em;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 8px;
  font-size: 10px;
  font-weight: 600;
}

.profile-stat-item {
  text-align: center;
}

.profile-stat-number {
  color: #c9a96e;
  margin-bottom: 2px;
  font-size: 20px;
  font-weight: 700;
  display: block;
}

.profile-stat-label {
  color: #555;
  letter-spacing: .06em;
  text-transform: uppercase;
  font-size: 11px;
}

.tools-right-panel {
  grid-row-gap: 20px;
  flex-direction: column;
  display: flex;
}

.tools-section-title {
  color: #fff;
  margin-top: 0;
  margin-bottom: 4px;
  font-size: 20px;
  font-weight: 700;
}

.tools-section-subtitle {
  color: #555;
  margin-top: 0;
  margin-bottom: 24px;
  font-size: 14px;
}

.tools-grid {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-columns: 1fr 1fr;
  display: grid;
}

.tool-card {
  background-color: #141414;
  border: 1px solid #222;
  border-radius: 16px;
  flex-direction: column;
  padding: 28px 24px;
  transition-property: border-color;
  transition-duration: .2s;
  transition-timing-function: ease;
  display: flex;
}

.tool-card.tool-card-hover {
  border-color: #c9a96e44;
}

.tool-logo-box {
  background-color: #1e1e1e;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  margin-bottom: 16px;
  font-size: 22px;
  display: flex;
}

.tool-name {
  color: #fff;
  margin-top: 0;
  margin-bottom: 8px;
  font-size: 16px;
  font-weight: 700;
}

.tool-description {
  color: #777;
  flex-grow: 1;
  margin-top: 0;
  margin-bottom: 20px;
  font-size: 13px;
  line-height: 1.6;
}

.tool-cta-button {
  color: #c9a96e;
  letter-spacing: .02em;
  cursor: pointer;
  background-color: #1a1500;
  border: 1px solid #c9a96e44;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  padding: 10px 16px;
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
  display: inline-flex;
}

.dashboard-wrapper {
  grid-column-gap: 32px;
  background-color: #000;
  flex-direction: row;
  min-height: 100vh;
  margin-left: auto;
  margin-right: auto;
  padding: 40px 24px;
  display: flex;
}

.dashboard-left {
  grid-row-gap: 20px;
  border-radius: 1px;
  flex-direction: column;
  flex-shrink: 0;
  width: 320px;
  display: flex;
}

.dashboard-right {
  grid-row-gap: 24px;
  flex-direction: column;
  flex-grow: 1;
  min-width: 0;
  display: flex;
  overflow-x: hidden;
}

.profile-card {
  background-color: #111;
  border: 0 solid #fff;
  border-radius: 16px;
  flex-direction: column;
  justify-content: flex-end;
  height: 440px;
  padding: 0 24px 24px;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 2px 16px #0006, 0 0 1px #ffffff0d;
}

.profile-banner {
  z-index: 2;
  pointer-events: none;
  background-color: #0000;
  background-image: linear-gradient(#0000 38%, #0000004d 46%, #000000d9 53%, #111 58% 100%);
  border-radius: 0;
  height: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.profile-avatar-area {
  z-index: 1;
  width: 100%;
  height: 100%;
  margin-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  display: block;
  position: absolute;
  inset: 0;
}

.profile-avatar {
  background-color: #0000;
  border: 0 solid #141420;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.profile-name {
  z-index: 5;
  color: #fff;
  text-align: left;
  text-shadow: 0 2px 8px #00000080;
  border-top: 1px solid #ffffff26;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 16px;
  padding-bottom: 7px;
  font-size: 24px;
  font-weight: 700;
  position: absolute;
  bottom: 42px;
  left: 24px;
  right: 24px;
}

.profile-title {
  z-index: 5;
  color: #ffffffb3;
  text-align: left;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 13px;
  font-weight: 500;
  position: absolute;
  bottom: 20px;
  left: 24px;
  right: 24px;
}

.profile-location {
  color: #666678;
  text-align: center;
  margin-top: 2px;
  font-size: 13px;
  display: none;
}

.profile-about-section {
  background-color: #141420;
  border: 1px solid #ffffff0f;
  border-radius: 12px;
  padding: 20px;
  box-shadow: 0 2px 16px #0006, 0 0 1px #ffffff0d;
}

.about-heading {
  color: #e8e8f0;
  margin-bottom: 8px;
  font-size: 16px;
  font-weight: 700;
}

.about-text {
  color: #9090a8;
  font-size: 14px;
  line-height: 1.6;
}

.profile-stats-row {
  border-top: 1px solid #ffffff14;
  justify-content: space-around;
  margin-top: 16px;
  padding-top: 16px;
  display: flex;
}

.stat-item {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.stat-number {
  color: #a78bfa;
  font-size: 18px;
  font-weight: 700;
}

.stat-label {
  color: #666678;
  margin-top: 2px;
  font-size: 12px;
}

.tools-section-heading {
  color: #fff;
  letter-spacing: .01em;
  border: 1px #000;
  border-radius: 3px;
  margin-bottom: 12px;
  font-size: 36px;
  font-weight: 700;
}

.tools-subtitle {
  color: #666678;
  margin-top: 6px;
  font-size: 14px;
}

.tools-grid {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-columns: 1fr 1fr;
  width: 100%;
  display: grid;
}

.tool-card {
  cursor: pointer;
  background-color: #141420;
  border: 1px solid #ffffff0f;
  border-radius: 16px;
  flex-direction: column;
  min-width: 0;
  padding: 32px;
  transition-property: box-shadow, transform, border-color, background-color;
  transition-duration: .35s;
  transition-timing-function: ease;
  display: flex;
  overflow: hidden;
  box-shadow: 0 4px 24px #00000080, 0 0 1px #ffffff0d;
}

.tool-card:hover {
  background-color: #ffffff12;
  border-color: #6c5ce74d;
  transform: translateY(-4px);
  box-shadow: 0 20px 50px #6c5ce726;
}

.tool-card-top {
  grid-column-gap: 14px;
  align-items: center;
  margin-bottom: 14px;
  display: flex;
}

.tool-icon {
  color: #fff;
  border-radius: 12px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  font-size: 22px;
  font-weight: 700;
  display: flex;
}

.tool-icon.tool-icon-teamtailor {
  color: #a78bfa;
  background-color: #6b4fbb33;
}

.tool-icon.tool-icon-scrive {
  color: #34d399;
  background-color: #00000069;
}

.tool-icon.tool-icon-telavox {
  color: #000;
  -webkit-text-stroke-color: var(--_apps---colors--foreground);
  background-color: #0000005e;
  border: .05px solid #f1f1f100;
  border-radius: 12px;
}

.tool-icon.tool-icon-qred {
  color: #f87171;
  background-color: #e6394626;
}

.tool-icon.tool-icon-event {
  background-color: var(--_apps---colors--foreground);
}

.tool-name {
  color: #f0f0f5;
  font-size: 17px;
  font-weight: 700;
}

.tool-tagline {
  color: #666678;
  margin-top: 2px;
  font-size: 12px;
}

.tool-description {
  color: #8888a0;
  flex-grow: 1;
  font-size: 13px;
  line-height: 1.55;
}

.tool-cta-btn {
  color: #a78bfa;
  text-align: center;
  background-color: #a78bfa1f;
  border: 1px solid #a78bfa33;
  border-radius: 8px;
  align-self: flex-start;
  margin-top: 14px;
  padding: 8px 16px;
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
  display: inline-block;
}

.tool-cta-btn:hover {
  color: #c4b5fd;
  background-color: #a78bfa38;
}

.tool-name-wrap {
  flex-direction: column;
  display: flex;
}

.dashboard-bg {
  background-color: #0a0a0f;
  width: 100%;
  min-height: 100vh;
}

.contact-box {
  grid-column-gap: 8px;
  background-color: #f0f7ff;
  border-radius: 10px;
  align-items: center;
  margin-top: 12px;
  padding: 14px 16px;
  display: none;
}

.contact-box-text {
  color: #1a1a2e;
  font-size: 13px;
  line-height: 1.4;
}

.contact-card {
  grid-row-gap: 4px;
  background-color: #141420;
  border: 1px solid #fff;
  border-radius: 11px;
  flex-direction: column;
  order: 2;
  padding: 20px 24px;
  display: flex;
  box-shadow: 0 2px 16px #0006, 0 0 1px #ffffff0d;
}

.contact-card-label {
  color: #fff6;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 600;
}

.contact-card-phone {
  color: #fff;
  letter-spacing: -.02em;
  font-size: 20px;
  font-weight: 700;
}

.contact-card-role {
  color: #ffffff80;
  margin-top: 2px;
  font-size: 13px;
}

.member-list-wrapper {
  background-color: #0a0a0f;
  width: 100%;
  min-height: 100vh;
}

.popup-wrapper {
  margin-top: 16px;
}

.popup-trigger-btn {
  color: #fbf9ff;
  cursor: pointer;
  background-color: #00000026;
  border: 1px solid #edecf066;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  width: 100%;
  padding: 12px 16px;
  font-size: 14px;
  font-weight: 600;
  display: flex;
}

.popup-overlay {
  z-index: 1000;
  background-color: #000000b3;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
}

.popup-modal {
  background-color: #1e1e2e;
  border: 1px solid #8b5cf64d;
  border-radius: 16px;
  width: 480px;
  max-width: 90vw;
  padding: 28px;
}

.popup-header {
  background-color: #9e525200;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 24px;
  display: flex;
}

.popup-title {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 700;
}

.popup-close-btn {
  color: #9ca3af;
  cursor: pointer;
  background-color: #0000;
  border-width: 0;
  padding: 4px 8px;
  font-size: 20px;
}

.popup-form-group {
  flex-direction: column;
  gap: 8px;
  margin-bottom: 20px;
  display: flex;
}

.popup-label {
  color: #d1d5db;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 600;
}

.popup-input {
  color: #fff;
  background-color: #ffffff0d;
  border: 1px solid #fff3;
  border-radius: 8px;
  width: 100%;
  padding: 12px 14px;
  font-size: 14px;
}

.popup-textarea {
  color: #fff;
  resize: vertical;
  background-color: #ffffff0d;
  border: 1px solid #fff3;
  border-radius: 8px;
  width: 100%;
  min-height: 100px;
  padding: 12px 14px;
  font-size: 14px;
}

.popup-submit-btn {
  color: #000;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 8px;
  padding-top: 14px;
  padding-bottom: 14px;
  font-size: 15px;
  font-weight: 700;
  display: flex;
}

.popup-submit-btn:hover {
  background-color: #e5e5e5;
}

.hidden-wf-form {
  opacity: 0;
  pointer-events: none;
  display: none;
  position: absolute;
}

.update-profile-btn {
  transition: background-color .2s ease, border-color undefined undefined;
  color: #a78bfa;
  text-align: center;
  cursor: pointer;
  background-color: #a78bfa1f;
  border: 1px solid #a78bfa4d;
  border-radius: 10px;
  order: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 16px;
  margin-bottom: 16px;
  padding: 14px 16px;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  display: flex;
}

.update-profile-btn:hover {
  background-color: #a78bfa38;
  border-color: #a78bfa80;
}

.text-block-4 {
  color: #fff;
}

.btn-update-profile {
  color: #fff;
  cursor: pointer;
  background-color: #7c3aed;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 16px;
  padding: 14px 20px;
  font-size: 15px;
  font-weight: 600;
  text-decoration: none;
  display: flex;
}

.native-form-wrapper {
  background-color: #0000;
  padding: 0;
  display: none;
}

.native-form-label {
  color: #a0a0b8;
  margin-bottom: 6px;
  font-size: 13px;
  font-weight: 500;
}

.native-form-input {
  color: #fff;
  background-color: #16162a;
  border: 1px solid #8b5cf64d;
  border-radius: 8px;
  width: 100%;
  padding: 12px 14px;
  font-size: 14px;
}

.native-form-submit {
  color: #fff;
  cursor: pointer;
  background-color: #7c3aed;
  border-width: 0;
  border-radius: 10px;
  width: 100%;
  margin-top: 8px;
  padding: 14px 20px;
  font-size: 15px;
  font-weight: 600;
}

.form-popup-trigger {
  color: #fff;
  cursor: pointer;
  background-color: #0000;
  border: 1px solid #fff;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 16px;
  padding: 14px 20px;
  font-size: 15px;
  font-weight: 600;
  text-decoration: none;
  display: flex;
}

.form-popup-container {
  margin-top: 12px;
  display: none;
}

.popup-form-field {
  flex-direction: column;
  margin-bottom: 16px;
  display: flex;
}

.popup-success-msg {
  color: #4ade80;
  text-align: center;
  margin-top: 12px;
  font-size: 14px;
  display: none;
}

.body-3 {
  background-color: #000;
}

.tillvaxt-section {
  background-color: #080808;
  padding: 80px 60px 100px;
}

.tillvaxt-eyebrow {
  color: #fff6;
  letter-spacing: 3px;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 8px;
  font-size: 11px;
  font-weight: 600;
}

.tillvaxt-main-heading {
  color: #fff;
  margin-top: 0;
  margin-bottom: 48px;
  font-size: 36px;
  font-weight: 700;
  line-height: 1.1;
}

.tillvaxt-filter-label {
  color: #fff;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 16px;
  font-size: 13px;
  font-weight: 700;
}

.tillvaxt-filter-bar {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border-bottom: 1px solid #ffffff14;
  flex-wrap: wrap;
  margin-bottom: 48px;
  padding-bottom: 28px;
  display: flex;
}

.tillvaxt-filter-btn {
  color: #ffffff8c;
  cursor: pointer;
  background-color: #0000;
  border: 1px solid #ffffff26;
  border-radius: 100px;
  padding: 8px 18px;
  font-size: 13px;
  font-weight: 500;
  transition-property: all;
  transition-duration: .25s;
  transition-timing-function: ease;
}

.tillvaxt-filter-btn-active {
  color: #fff;
  cursor: pointer;
  background-color: #ffffff14;
  border: 1px solid #ffffff80;
  border-radius: 100px;
  padding: 8px 18px;
  font-size: 13px;
  font-weight: 700;
}

.tillvaxt-grid {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-columns: repeat(3, 1fr);
  display: grid;
}

.tillvaxt-card {
  transition: all .3s ease all .3s ease all .3s ease all .3s ease all .3s ease all .3s ease all .3s ease all .3s ease all .3s ease all .3s ease all .3s ease all .3s ease all .3s ease all .3s ease all .3s ease all .3s ease all .3s ease all .3s ease all .3s ease all .3s ease all .3s ease all .3s ease all .3s ease all .3s ease all .3s ease all .3s ease all .3s ease;
  text-align: center;
  cursor: pointer;
  transition-property: all .3s ease all .3s ease all .3s ease all .3s ease all .3s ease all .3s ease all .3s ease all .3s ease all .3s ease;
  transition-duration: all .3s ease all .3s ease all .3s ease all .3s ease all .3s ease all .3s ease all .3s ease all .3s ease all .3s ease;
  transition-timing-function: all .3s ease all .3s ease all .3s ease all .3s ease all .3s ease all .3s ease all .3s ease all .3s ease all .3s ease;
  cursor: pointer;
  background-color: #111;
  border: 1px solid #86970112;
  border-radius: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding: 32px 28px;
  display: flex;
  overflow: hidden;
}

.tillvaxt-card:hover {
  background-color: #181818;
  border-color: #ffffff40;
  transform: translateY(-4px);
  box-shadow: 0 8px 40px #ffffff0f, 0 0 0 1px #ffffff1f;
}

.tillvaxt-card-header {
  grid-row-gap: 12px;
  flex-direction: column-reverse;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 20px;
  display: flex;
}

.tillvaxt-card-title {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  color: #fff;
  text-align: center;
  text-align: center;
  flex-flow: row;
  flex: 0 auto;
  order: 0;
  align-items: baseline;
  max-width: 70%;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.2;
  display: flex;
}

.tillvaxt-logo-box {
  color: #fff;
  background-color: #0000;
  border: 0 solid #ffffff1a;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 44px;
  padding: 0;
  font-size: 20px;
  font-weight: 700;
  display: flex;
  overflow: hidden;
}

.tillvaxt-badge {
  color: #ffffffb3;
  text-align: center;
  letter-spacing: .5px;
  letter-spacing: .5px;
  border: 1px solid #fff3;
  border-radius: 100px;
  margin-bottom: 8px;
  padding: 4px 10px;
  font-size: 10px;
  font-weight: 600;
  display: inline-block;
}

.tillvaxt-card-desc {
  color: #ffffff80;
  text-align: center;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 1.6;
}

.tillvaxt-container {
  border-radius: 0;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
}

.tillvaxt-logo-img {
  object-fit: contain;
  object-fit: contain;
  width: auto;
  max-width: 100%;
  height: 100%;
  display: block;
}

.tillvaxt-hidden {
  display: none;
}

.image-2 {
  object-fit: cover;
  object-position: center top;
  border: 1px solid #fff;
  border-radius: 18px;
  width: 100%;
  height: 100%;
}

.card-bottom {
  padding: 20px;
  font-size: 14px;
}

.ms-profile-upload-2 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  color: #fff;
  background-color: #3b3b3b;
  border: 1px solid #4c4c4c;
  border-radius: 8px;
  align-items: center;
  height: 32px;
  padding-left: 15px;
  padding-right: 15px;
  line-height: 27px;
  text-decoration: none;
  display: flex;
}

.label-2 {
  color: #ccc;
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: 400;
}

.tabs-menu {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: space-between;
  align-items: center;
  padding: 20px 20px 0;
  display: flex;
}

.form-row {
  grid-column-gap: 15px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.profile-card-2 {
  z-index: 1;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  background-color: #121216;
  border: 2px solid #3f3f3f;
  border-radius: 15px;
  width: 100%;
  max-width: 500px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 0 45px #0003;
}

.tabs {
  font-size: 14px;
}

.share-button {
  color: #fff;
  background-color: #318cdb;
  border: 2px solid #3f3f3f;
  border-radius: 15px;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 15px 20px;
  text-decoration: none;
  transition: box-shadow .2s;
  display: flex;
  box-shadow: 0 2px 11px #0003;
}

.share-button:hover {
  box-shadow: 0 2px 11px #0000008c, inset -3px 3px 11px -8px #fff3;
}

.ms-profile-image-preview-2 {
  background-color: #4c4c4c;
  border-radius: 8px;
  width: 56px;
  height: 56px;
  margin-top: 0;
  margin-bottom: 0;
  display: inline-block;
}

.field-2 {
  color: #fff;
  background-color: #3b3b3b;
  border: 1px solid #4d4d4d;
  border-radius: 8px;
  height: 40px;
  margin-bottom: 0;
  padding: 0 0 0 15px;
  transition: box-shadow .2s;
  box-shadow: 0 2px 3px #0000001a;
}

.field-2:focus-visible, .field-2[data-wf-focus-visible] {
  color: #fff;
}

.field-2.textarea {
  padding-top: 10px;
  padding-bottom: 10px;
  padding-right: 15px;
}

.form-field-2 {
  flex: 1;
  margin-bottom: 20px;
}

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

.tab-link {
  opacity: .4;
  color: #fff;
  text-align: center;
  background-color: #3f3f3f;
  border: 2px solid #3f3f3f;
  border-radius: 8px;
  flex: 1;
  padding: 10px 16px;
  font-size: 14px;
}

.tab-link.w--current {
  opacity: 1;
  background-color: #3f3f3f;
  box-shadow: inset -6px 0 13px -1px #ffffff0d;
}

.ms-profile-image-preview-3 {
  background-color: #4c4c4c;
  border-radius: 8px;
  width: 56px;
  height: 56px;
  margin-top: 0;
  margin-bottom: 0;
  display: inline-block;
}

.field-3 {
  color: #fff;
  background-color: #3b3b3b;
  border: 1px solid #4d4d4d;
  border-radius: 8px;
  height: 40px;
  margin-bottom: 0;
  padding: 0 0 0 15px;
  transition: box-shadow .2s;
  box-shadow: 0 2px 3px #0000001a;
}

.field-3:focus-visible, .field-3[data-wf-focus-visible] {
  color: #fff;
}

.field-3.textarea {
  color: #fff;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-right: 15px;
}

.form-field-3 {
  flex: 1;
  margin-bottom: 20px;
}

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

.section-5 {
  background-color: #000;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 60px 24px;
  display: flex;
}

.heading-405 {
  margin-bottom: var(--spacing--spacing-right-tag-project);
}

.tillvaxt-card-header-new {
  grid-row-gap: 6px;
  grid-row-gap: 12px;
  flex-direction: column-reverse;
  justify-content: center;
  align-items: center;
  height: 95px;
  margin-bottom: 20px;
  display: flex;
}

.ac-section {
  background-color: #080808;
  padding: 80px 40px 100px;
}

.ac-container {
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
}

.ac-eyebrow {
  color: #fff6;
  letter-spacing: 3px;
  text-transform: uppercase;
  margin-bottom: 8px;
  font-size: 11px;
  font-weight: 600;
}

.ac-heading {
  color: #fff;
  margin-top: 0;
  margin-bottom: 48px;
  font-size: 36px;
  font-weight: 700;
  line-height: 1.1;
}

.ac-grid {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-columns: repeat(3, 1fr);
  align-items: stretch;
  display: grid;
}

.ac-card {
  text-align: center;
  cursor: pointer;
  background-color: #111;
  border: 1px solid #ffffff0f;
  border-radius: 16px;
  flex-direction: column;
  align-items: center;
  padding: 32px 28px;
  display: flex;
}

.ac-logo {
  object-fit: contain;
  width: auto;
  height: 44px;
  margin-bottom: 16px;
}

.ac-title {
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 16px;
  font-size: 17px;
  font-weight: 700;
  line-height: 1.3;
}

.ac-badge {
  color: #fff9;
  letter-spacing: .5px;
  border: 1px solid #ffffff26;
  border-radius: 100px;
  margin-bottom: 16px;
  padding: 5px 14px;
  font-size: 11px;
  font-weight: 600;
  display: inline-block;
}

.ac-desc {
  color: #ffffff73;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 13.5px;
  line-height: 1.6;
}

.tools-section {
  background-color: #000;
  padding: 80px 5%;
}

.tools-section-subtext {
  color: #ffffff80;
  max-width: 500px;
  margin-bottom: 48px;
  font-size: 16px;
  line-height: 1.5;
}

.tool-card-logo-wrap {
  background-color: #fff;
  border-radius: 14px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 52px;
  min-width: 52px;
  height: 52px;
  min-height: 52px;
  display: flex;
  overflow: hidden;
}

.tool-card-logo {
  color: #1a1a2e;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  object-fit: contain;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  font-size: 20px;
  font-weight: 800;
  line-height: 1;
  display: flex;
  overflow: hidden;
}

.tool-category-tag {
  color: #ffffffb3;
  letter-spacing: .04em;
  text-transform: uppercase;
  text-overflow: ellipsis;
  white-space: nowrap;
  background-color: #ffffff14;
  border-radius: 100px;
  max-width: 200px;
  padding: 5px 12px;
  font-size: 12px;
  font-weight: 500;
  overflow-x: hidden;
}

.tool-card-title {
  color: #fff;
  margin-bottom: 10px;
  font-size: 22px;
  font-weight: 600;
  line-height: 1.3;
}

.tool-card-desc {
  color: #ffffff80;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 1.6;
}

.tool-card-arrow {
  color: #ffffff80;
  background-color: #ffffff0f;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  font-size: 16px;
  transition-property: background-color, transform;
  transition-duration: .3s;
  display: flex;
}

.tool-popup-overlay {
  z-index: 999;
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  background-color: #000000b3;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
}

.tool-popup-box {
  background-color: #1a1a1a;
  border: 1px solid #ffffff1a;
  border-radius: 20px;
  width: 90%;
  max-width: 520px;
  padding: 40px;
  box-shadow: 0 25px 60px #00000080;
}

.tool-popup-title {
  color: #fff;
  margin-bottom: 8px;
  font-size: 24px;
  font-weight: 600;
}

.tool-popup-subtitle {
  color: #ffffff80;
  margin-bottom: 28px;
  font-size: 14px;
  line-height: 1.5;
}

.tool-popup-question {
  color: #fffc;
  background-color: #ffffff0d;
  border-left: 3px solid #6c5ce7;
  border-radius: 12px;
  margin-bottom: 12px;
  padding: 16px 20px;
  font-size: 15px;
  line-height: 1.5;
}

.tool-popup-close {
  color: #fff;
  cursor: pointer;
  background-color: #ffffff1a;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  font-size: 14px;
  display: flex;
  position: absolute;
  top: 16px;
  right: 16px;
}

.tool-popup-close:hover {
  background-color: #fff3;
}

.tool-popup-box-relative {
  position: relative;
}

.tool-popup-cta {
  color: #fff;
  text-align: center;
  cursor: pointer;
  background-color: #6c5ce7;
  border-radius: 10px;
  margin-top: 20px;
  padding: 14px 28px;
  font-size: 15px;
  font-weight: 600;
  transition-property: background-color;
  transition-duration: .3s;
}

.tool-popup-cta:hover {
  background-color: #5a4bd6;
}

.sa-tools-section {
  text-align: center;
  background-color: #000;
  padding: 50px 5% 80px;
}

.sa-tools-heading {
  color: #fff;
  letter-spacing: -.02em;
  margin-bottom: 12px;
  font-size: 2.5rem;
  font-weight: 700;
}

.sa-tools-subtext {
  color: #ffffff8c;
  text-align: center;
  max-width: 540px;
  margin-bottom: 48px;
  margin-left: auto;
  margin-right: auto;
  font-size: 1.05rem;
  line-height: 1.6;
}

.sa-tools-subtext.sa-tools-subtext-btn {
  color: #fff;
  cursor: pointer;
  background-color: #252525;
  border: 1px solid #fdfdfd;
  border-radius: 50px;
  max-width: none;
  margin-top: -3px;
  padding: 14px 40px;
  font-size: 18px;
  font-weight: 600;
  display: inline-block;
}

.sa-tools-subtext.sa-tools-subtext-btn:hover {
  background-color: #5a4bd4;
}

.sa-tools-grid {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-columns: 1fr 1fr 1fr;
  margin-top: 3px;
  display: grid;
}

.sa-tool-card {
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  color: inherit;
  text-align: left;
  cursor: pointer;
  background-color: #ffffff0a;
  border: 1px solid #ffffff14;
  border-radius: 20px;
  flex-direction: column;
  width: auto;
  padding: 32px;
  text-decoration: none;
  transition: transform .35s cubic-bezier(.25, .46, .45, .94), box-shadow, border-color, background-color;
  display: flex;
  position: relative;
  overflow: hidden;
}

.sa-tool-card:hover {
  background-color: #ffffff12;
  border-color: #ffffff2e;
  transform: translateY(-6px);
  box-shadow: 0 20px 60px #0000004d, 0 0 0 1px #ffffff1f;
}

.sa-tool-card-header {
  grid-column-gap: 16px;
  align-items: center;
  margin-bottom: 20px;
  display: flex;
}

.sa-tool-logo-wrap {
  background-color: #ffffff14;
  border-radius: 14px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 56px;
  height: 56px;
  display: flex;
  overflow: hidden;
}

.sa-tool-logo-img {
  object-fit: contain;
  width: 100%;
  height: 100%;
}

.sa-tool-header-text {
  grid-row-gap: 6px;
  flex-direction: column;
  display: flex;
}

.sa-tool-title {
  margin-bottom: var(--spacing--padding-plus-tagline);
  color: #fff;
  text-align: left;
  letter-spacing: -.01em;
  font-size: 1.2rem;
  font-weight: 600;
  line-height: 1.2;
}

.sa-tool-category {
  color: #a78bfa;
  text-align: left;
  letter-spacing: .03em;
  text-transform: uppercase;
  background-color: #8a67ff26;
  border-radius: 100px;
  align-self: flex-start;
  padding: 4px 12px;
  font-size: .75rem;
  font-weight: 600;
  line-height: 1.5;
  display: inline-flex;
}

.sa-tool-category.sa-tool-category-blue {
  color: #3b82f6;
  background-color: #3b82f626;
}

.sa-tool-category.sa-tool-category-recruit {
  color: #ff2cb9;
  background-color: #a00ecc26;
}

.sa-tool-category.sa-tool-category-crm {
  color: #008b00;
  background-color: #154c0326;
}

.sa-tool-category.sa-tool-category-ai {
  color: #d30453;
  background-color: #a716d326;
}

.sa-tool-category.sa-tool-category-web {
  color: #ecf8f4;
  background-color: #a4dcfa26;
}

.sa-tool-category.sa-tool-category-telecom {
  color: #34d399;
  background-color: #13a34d26;
}

.sa-tool-category.sa-tool-category-pleo {
  color: #169fe9;
  background-color: #32acc726;
}

.sa-tool-desc {
  color: #ffffff80;
  text-align: left;
  margin-top: 4px;
  font-size: .92rem;
  line-height: 1.6;
}

.sa-tool-arrow {
  height: var(--heading--h1-height);
  transition: color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease color .3s ease, transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined transform undefined undefined;
  color: #ffffff40;
  max-width: 100px;
  font-size: 1rem;
  position: absolute;
  top: 28px;
  right: 28px;
}

.sa-tool-arrow:hover {
  color: #fff;
  transform: translate(3px, -3px);
}

.sa-popup-overlay {
  z-index: 9999;
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  background-color: #000000b3;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
}

.sa-popup-box {
  grid-row-gap: 24px;
  background-color: #1a1a2e;
  border: 1px solid #ffffff1a;
  border-radius: 24px;
  flex-direction: column;
  width: 90%;
  max-width: 520px;
  padding: 40px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 30px 80px #00000080;
}

.sa-popup-title {
  color: #fff;
  letter-spacing: -.02em;
  font-size: 1.5rem;
  font-weight: 700;
}

.sa-popup-question {
  color: #ffffffb3;
  margin-bottom: 8px;
  font-size: .95rem;
  font-weight: 500;
}

.sa-popup-input {
  color: #fff;
  background-color: #ffffff0f;
  border: 1px solid #ffffff1a;
  border-radius: 12px;
  width: 100%;
  padding: 14px 16px;
  font-size: .95rem;
}

.sa-popup-field-group {
  flex-direction: column;
  display: flex;
}

.sa-popup-btn {
  color: #fff;
  text-align: center;
  cursor: pointer;
  background-color: #7c3aed;
  border-width: 0;
  border-radius: 12px;
  margin-top: 8px;
  padding: 14px 24px;
  font-size: 1rem;
  font-weight: 600;
  transition-property: background-color, transform;
  transition-duration: .25s;
}

.sa-popup-btn:hover {
  background-color: #6d28d9;
  transform: translateY(-2px);
}

.sa-popup-close {
  color: #fff6;
  cursor: pointer;
  background-color: #0000;
  border-width: 0;
  font-size: 1.5rem;
  transition-property: color;
  transition-duration: .2s;
  position: absolute;
  top: 16px;
  right: 20px;
}

.sa-popup-close:hover {
  color: #fff;
}

.sa-tool-category-green {
  color: #07ec7a;
  background-color: #45d6af26;
}

.sa-popup-box-rel {
  position: relative;
}

.scrive-form-wrap {
  grid-row-gap: 6px;
  flex-direction: column;
  display: flex;
}

.scrive-form {
  grid-row-gap: 8px;
  flex-direction: column;
  display: none;
}

.scrive-submit {
  margin-top: 12px;
}

.scrive-label {
  display: none;
}

.scrive-native-form {
  grid-row-gap: 8px;
  flex-direction: column;
  width: 100%;
  font-size: .95rem;
  display: flex;
}

.scrive-success {
  color: #fff;
  text-align: center;
  background-color: #0000;
  padding-top: 12px;
  font-size: .95rem;
  display: none;
}

.scrive-error {
  color: #ff6b6b;
  text-align: center;
  padding-top: 8px;
  font-size: .9rem;
}

.paragraph {
  margin-bottom: var(--spacing--spacing-button-left-right);
  font-family: var(--_apps---typography--heading-font);
  color: var(--_apps---colors--muted-foreground);
  font-weight: var(--base-value--medium-weight);
}

.bold-text {
  color: var(--_apps---colors--muted-foreground);
}

.ac-local-nav {
  grid-column-gap: 12px;
  grid-row-gap: 8px;
  background-color: #000;
  border-bottom: 1px solid #ffffff14;
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  padding: 5px 40px 20px;
  display: flex;
}

.ac-local-nav-link {
  color: #ffffffbf;
  letter-spacing: .02em;
  background-color: #ffffff12;
  border: 1px solid #ffffff1a;
  border-radius: 100px;
  padding: 10px 20px;
  font-size: .875rem;
  font-weight: 500;
  text-decoration: none;
}

.ac-local-nav-link:hover {
  color: #fff;
  background-color: #ffffff26;
}

.image-3 {
  text-align: left;
}

.ac-local-nav-logo {
  width: 160px;
  height: auto;
}

.ac-logo-wrap {
  background-color: #000;
  justify-content: center;
  align-items: center;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.ac-logo-img {
  width: 25%;
  height: auto;
  padding-top: 20px;
}

.ac-hide-header {
  display: none;
}

.footer-columns-grid {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  width: 100%;
  padding-top: 3rem;
  padding-bottom: 3rem;
  display: none;
}

.footer-col {
  grid-row-gap: .4rem;
  flex-direction: column;
  display: flex;
}

.footer-col-label {
  color: #fff6;
  letter-spacing: .1em;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: .6rem;
  font-size: .7rem;
}

.footer-col-text {
  color: #ffffffd9;
  margin-top: 0;
  margin-bottom: 0;
  font-size: .9rem;
}

.footer-col-muted {
  color: #ffffff73;
  font-size: .8rem;
}

.footer-col-link {
  color: #ffffffd9;
  padding-top: .1rem;
  padding-bottom: .1rem;
  font-size: .9rem;
  text-decoration: none;
  display: block;
}

.footer-col-dimmed {
  color: #ffffff73;
  margin-top: .4rem;
  font-size: .8rem;
}

.footer-columns-wrapper {
  grid-column-gap: 3vw;
  grid-row-gap: 3vw;
  flex-flow: row;
  flex: auto;
  justify-content: space-between;
  align-items: flex-start;
  padding-top: 0;
  padding-bottom: 0;
  display: contents;
}

.footer-column {
  grid-row-gap: .8vw;
  flex-direction: column;
  flex: none;
  min-width: 10vw;
  display: flex;
}

.footer-column-heading {
  color: #fff;
  letter-spacing: .1em;
  text-transform: uppercase;
  margin-bottom: .8vw;
  font-size: 1.2vw;
  font-weight: 700;
  line-height: 1.5vw;
}

.footer-column-link {
  color: #999;
  font-size: 1.1vw;
  font-weight: 400;
  line-height: 2vw;
  text-decoration: none;
}

.hidden-block {
  display: none;
}

.body-4 {
  background-color: #000;
}

.hero-jobba-section {
  background-color: #0a0a0a;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  min-height: 600px;
  display: flex;
  position: relative;
}

.hero-jobba-overlay {
  z-index: 1;
  background-color: #00000073;
  position: absolute;
  inset: 0%;
}

.hero-jobba-bg {
  z-index: 0;
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.hero-jobba-content {
  z-index: 2;
  text-align: center;
  flex-direction: column;
  align-items: center;
  width: 90%;
  max-width: 1100px;
  display: flex;
  position: relative;
}

.hero-jobba-title {
  color: #fff;
  letter-spacing: -1px;
  margin-top: -51px;
  margin-bottom: 40px;
  font-size: 72px;
  font-style: italic;
  font-weight: 800;
  line-height: 1.1;
}

.hero-jobba-btn {
  color: #fff;
  cursor: pointer;
  background-color: #2a2aff;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  padding: 18px 48px;
  font-size: 16px;
  font-weight: 500;
  text-decoration: none;
  display: inline-flex;
}

.jobs-section-wrap {
  background-color: #08080f;
  padding: 100px 6vw;
}

.jobs-section-heading {
  color: #5b9aff;
  letter-spacing: 3px;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 16px;
  font-size: 14px;
  font-weight: 500;
}

.jobs-section-title {
  color: #fff;
  margin-top: 0;
  margin-bottom: 56px;
  font-size: 48px;
  font-style: italic;
  font-weight: 700;
  line-height: 1.1;
}

.jobs-grid {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-columns: repeat(3, 1fr);
  width: 100%;
  display: grid;
}

.job-card-link {
  cursor: pointer;
  background-color: #ffffff0a;
  border: 1px solid #ffffff14;
  border-radius: 16px;
  flex-direction: column;
  justify-content: space-between;
  min-height: 180px;
  padding: 32px;
  text-decoration: none;
  transition: all .25s;
  display: flex;
}

.job-card-link:hover {
  background-color: #2a2aff1a;
  border-color: #2a2aff8c;
  transform: translateY(-4px);
  box-shadow: 0 12px 40px #2a2aff26;
}

.job-card-top {
  flex-direction: column;
  margin-bottom: 24px;
  display: flex;
}

.job-card-title {
  color: #fff;
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.3;
}

.job-card-meta {
  color: #ffffff73;
  font-size: 13px;
  font-weight: 400;
}

.job-card-bottom {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.job-card-tag {
  color: #08b7f1;
  background-color: #2a2aff26;
  border-radius: 100px;
  align-items: center;
  padding: 6px 14px;
  font-size: 12px;
  font-weight: 500;
  display: inline-flex;
}

.job-card-arrow {
  color: #ffffff4d;
  font-size: 20px;
  font-weight: 300;
  transition: transform .25s;
  display: inline-block;
}

.jobs-grid-single {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-columns: repeat(2, 1fr);
  width: 100%;
  display: grid;
}

.body-5 {
  background-color: #000;
}

.om-section {
  background-color: #08080f;
  padding: 100px 6vw;
}

.drivkraft-grid {
  grid-column-gap: 80px;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  display: grid;
}

.om-h1 {
  color: #fff;
  letter-spacing: -1px;
  margin-top: 0;
  margin-bottom: 40px;
  font-size: 64px;
  font-weight: 800;
  line-height: 1.05;
}

.om-lead {
  color: #fff;
  margin-top: 0;
  margin-bottom: 16px;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.5;
}

.om-body {
  color: #ffffffa6;
  margin-top: 0;
  margin-bottom: 20px;
  font-size: 16px;
  line-height: 1.7;
}

.wave-wrap {
  background-color: #0000;
  width: 100%;
  height: 380px;
  position: relative;
}

.maal-grid {
  grid-column-gap: 80px;
  grid-template-columns: 2fr 1fr;
  align-items: flex-start;
  margin-bottom: 80px;
  display: grid;
}

.folj-oss-col {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.social-icons-row {
  grid-column-gap: 12px;
  margin-top: 16px;
  display: flex;
}

.social-icon-btn {
  color: #fff;
  letter-spacing: .5px;
  border: 1.5px solid #fff6;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.om-divider {
  background-color: #ffffff14;
  width: 100%;
  height: 1px;
  margin-bottom: 80px;
}

.hero-benefits-btn {
  color: #fff;
  letter-spacing: .02em;
  cursor: pointer;
  background-color: #ffffff14;
  border: 1px solid #ffffff4d;
  border-radius: 99vw;
  justify-content: center;
  align-items: center;
  margin-right: auto;
  padding: 14px 28px;
  font-size: .9rem;
  font-weight: 500;
  text-decoration: none;
  transition: all .45s;
  display: flex;
}

.hero-benefits-btn:hover {
  background-color: #ffffff26;
  border-color: #ffffff80;
}

.hero-benefits-btn.hero-benefits-btn-hide {
  display: none;
}

.sa-cta-btn {
  color: #fff;
  background-color: #6c5ce7;
  border-radius: 50px;
  margin-top: 20px;
  padding: 14px 40px;
  font-size: 18px;
  font-weight: 600;
  text-decoration: none;
  display: inline-block;
}

.sa-cta-btn:hover {
  background-color: #5a4bd4;
}

.paragraph-2 {
  float: none;
  font-size: var(--paragraph-all-device--paragraph-alternative-size);
  position: static;
}

.body-6 {
  background-color: #000;
}

.who-section-wrapper {
  background-color: #1a1a1a;
  border-radius: 24px;
  max-width: 1100px;
  margin: 40px auto;
  padding: 40px 60px;
  box-shadow: 0 8px 40px #ffffff0f;
}

.who-section-title {
  color: #fff;
  text-align: center;
  margin-bottom: 48px;
  font-size: 48px;
  font-weight: 700;
}

.who-section-grid {
  grid-column-gap: 40px;
  grid-template-columns: 1fr 1fr 1fr;
  margin-bottom: 32px;
  display: grid;
}

.who-section-card-label {
  color: #888;
  letter-spacing: 3px;
  text-transform: uppercase;
  border-bottom: 1px solid #ffffff40;
  margin-bottom: 16px;
  padding-bottom: 12px;
  font-size: 12px;
  font-weight: 700;
}

.who-section-card-text {
  opacity: .7;
  color: #ccc;
  font-size: 16px;
  line-height: 1.7;
}

.who-section-cta-wrap {
  justify-content: center;
  display: flex;
}

.who-section-cta-btn {
  color: #000;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  background-color: #fff;
  border-radius: 50px;
  margin-top: 27px;
  padding: 18px 40px;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
}

.who-section-bg, .body-7 {
  background-color: #000;
}

.featured-section {
  background-color: #000;
  padding: 0 5%;
}

.featured-card {
  grid-row-gap: 24px;
  background-color: #0000;
  border: 1px solid #ffffff26;
  border-radius: 20px;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 1050px;
  margin-top: 30px;
  margin-left: auto;
  margin-right: auto;
  padding: 40px 64px;
  display: flex;
}

.featured-top-row {
  justify-content: center;
  align-items: center;
  column-gap: 60px;
  width: 100%;
  display: flex;
}

.featured-label {
  color: #fff;
  letter-spacing: 3px;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 600;
}

.featured-logo {
  object-fit: contain;
  height: 100px;
}

.featured-quote {
  color: #999;
  text-align: center;
  white-space: nowrap;
  max-width: 100%;
  font-size: 18px;
  font-style: italic;
  line-height: 1.4;
}

.contact-heading-static {
  color: #fff;
  text-align: center;
  letter-spacing: -.5vw;
  margin-bottom: -117px;
  font-size: 12vw;
  font-weight: 400;
  line-height: 1;
}

.body-8 {
  background-color: #000;
}

.welcome-hero {
  text-align: center;
  background-color: #000;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 80vh;
  padding: 35px 5% 120px;
  display: flex;
}

.welcome-label {
  color: #ffffff80;
  letter-spacing: 4px;
  text-transform: uppercase;
  margin-bottom: 24px;
  font-size: 14px;
  font-weight: 500;
}

.welcome-heading {
  color: #fff;
  letter-spacing: -2px;
  max-width: 800px;
  margin-bottom: 24px;
  font-size: 64px;
  font-weight: 400;
  line-height: 1.1;
}

.welcome-description {
  color: #fff9;
  max-width: 560px;
  margin-bottom: 48px;
  font-size: 18px;
  line-height: 1.7;
}

.welcome-cta {
  color: #000;
  letter-spacing: 1px;
  text-transform: uppercase;
  cursor: pointer;
  background-color: #fff;
  border-radius: 100px;
  padding: 16px 40px;
  font-size: 15px;
  font-weight: 600;
  text-decoration: none;
  display: inline-flex;
}

.welcome-divider {
  background-color: #fff3;
  width: 60px;
  height: 1px;
  margin-bottom: 21px;
}

.profile-img-container {
  width: 100%;
  max-width: 100%;
  height: 100%;
  padding-left: 0;
  padding-right: 0;
}

.portal-section {
  background-color: #000;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding: 40px 40px 80px;
}

.portal-header {
  text-align: center;
  margin-bottom: 48px;
}

.portal-title {
  color: #fff;
  letter-spacing: -.5px;
  margin-bottom: 12px;
  font-size: 42px;
  font-weight: 800;
}

.portal-subtitle {
  color: #fff9;
  max-width: 600px;
  margin-bottom: 32px;
  margin-left: auto;
  margin-right: auto;
  font-size: 18px;
  font-weight: 400;
}

.portal-search-wrap {
  max-width: 480px;
  margin-bottom: 48px;
  margin-left: auto;
  margin-right: auto;
}

.portal-search-input {
  color: #fff;
  background-color: #ffffff0f;
  border: 1px solid #ffffff1f;
  border-radius: 12px;
  width: 100%;
  padding: 14px 20px;
  font-size: 16px;
}

.portal-grid {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  display: grid;
}

.portal-card {
  background-color: #111;
  border-radius: 16px;
  height: 400px;
  position: relative;
  overflow: hidden;
}

.portal-card-img {
  object-fit: cover;
  object-position: center top;
  border: 1px solid #fff;
  border-radius: 16px;
  width: 100%;
  height: 100%;
}

.portal-card-overlay {
  z-index: 2;
  pointer-events: none;
  background-image: linear-gradient(#0000 50%, #000000b3 80%, #000000d9 100%);
  height: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.portal-card-name {
  z-index: 5;
  color: #fff;
  border-top: 1px solid #fff3;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 14px;
  font-size: 20px;
  font-weight: 700;
  position: absolute;
  bottom: 36px;
  left: 20px;
  right: 20px;
}

.portal-card-role {
  z-index: 5;
  color: #fff9;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 12px;
  font-weight: 500;
  position: absolute;
  bottom: 12px;
  left: 20px;
  right: 20px;
}

.portal-card-link {
  z-index: 1;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.portal-bg-section {
  background-color: #0a0a0a;
}

.body-9 {
  background-color: #000;
}

.event-section {
  padding: 13px 24px 60px;
}

.event-card {
  background-color: #ffffff0d;
  border: 1px solid #ffffff1f;
  border-radius: 16px;
  flex-direction: column;
  max-width: 720px;
  margin-left: auto;
  margin-right: auto;
  padding: 32px 32px 40px;
  display: flex;
  overflow: visible;
}

.event-badge {
  color: #ffffffb3;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  background-color: #ffffff1a;
  border-radius: 100px;
  margin-bottom: 20px;
  padding: 6px 14px;
  font-size: 11px;
  font-weight: 600;
  display: inline-block;
}

.event-title {
  color: #fff;
  letter-spacing: -.5px;
  margin-bottom: 16px;
  font-size: 32px;
  font-weight: 600;
  line-height: 1.2;
}

.event-meta-row {
  grid-column-gap: 24px;
  grid-row-gap: 8px;
  flex-wrap: wrap;
  margin-bottom: 24px;
  display: flex;
}

.event-meta-item {
  grid-column-gap: 6px;
  color: #fff9;
  align-items: center;
  font-size: 14px;
  display: flex;
}

.event-desc {
  color: #ffffffa6;
  margin-bottom: 32px;
  font-size: 15px;
  line-height: 1.7;
}

.event-divider {
  border-top: 1px solid #ffffff1a;
  margin-bottom: 28px;
}

.event-cta-btn {
  color: #000;
  letter-spacing: .3px;
  background-color: #fff;
  border-radius: 100px;
  padding: 14px 28px;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  display: inline-block;
}

.event-page-heading {
  color: #fff;
  text-align: center;
  max-width: 720px;
  margin-bottom: 32px;
  margin-left: auto;
  margin-right: auto;
  font-size: 40px;
  font-weight: 500;
}

.event-card-image {
  object-fit: contain;
  object-position: center center;
  background-color: #0000;
  border-radius: 12px;
  order: -1;
  width: 100%;
  height: auto;
  margin: 0 0 32px;
  display: block;
}

.upcoming-events-grid {
  flex-flow: wrap;
  gap: 24px;
  padding: 40px 40px 60px;
  display: flex;
}

.upcoming-mini-card {
  background-color: #111;
  border: 1px solid #2a2a2a;
  border-radius: 12px;
  flex-direction: column;
  flex: 260px;
  row-gap: 16px;
  padding: 32px 28px;
  display: flex;
}

.mini-card-quarter-badge {
  color: #000;
  letter-spacing: .1em;
  background-color: #fff;
  border-radius: 20px;
  align-self: flex-start;
  padding: 4px 10px;
  font-size: 11px;
  font-weight: 700;
  display: inline-block;
}

.mini-card-title {
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.3;
}

.mini-card-meta {
  color: #888;
  flex-direction: column;
  row-gap: 6px;
  font-size: 14px;
  line-height: 1.6;
  display: flex;
}

.mini-card-divider {
  background-color: #2a2a2a;
  width: 100%;
  height: 1px;
}

.mini-card-cta {
  color: #fff;
  align-items: center;
  column-gap: 6px;
  margin-top: auto;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  display: inline-flex;
}

.upcoming-section-heading {
  color: #fff;
  padding: 60px 40px 0;
  font-size: 32px;
  font-weight: 700;
}

.text-block-5 {
  font-size: var(--heading--h6-size);
}

.inner-button-event {
  grid-column-gap: 1.3vw;
  grid-row-gap: 1.3vw;
  cursor: pointer;
  background-color: #ffffff0f;
  border: 2px solid #ffffffb0;
  border-radius: 99vw;
  justify-content: center;
  align-self: flex-start;
  align-items: center;
  padding: 10px 28px;
  transition: all .45s;
  display: flex;
}

.text-button-event {
  flex-flow: column;
  display: flex;
  position: relative;
  overflow: hidden;
}

.inner-text-button-event {
  color: var(--_apps---sidebar--sidebar-accent-foreground-dark);
  font-size: 1rem;
  line-height: 1.4;
  position: relative;
  overflow: hidden;
}

.sa-tool-arrow-dark {
  color: #444;
  font-size: inherit;
  line-height: inherit;
  width: 10px;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  transition-property: color;
  transition-duration: .2s;
}

.sa-tool-arrow-dark:hover {
  color: #fff;
}

.portal-popup-overlay {
  z-index: 9999;
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  background-color: #000000bf;
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  inset: 0%;
}

.portal-popup-box {
  grid-row-gap: 20px;
  background-color: #1a1a1a;
  border-radius: 20px;
  flex-direction: column;
  width: 100%;
  max-width: 480px;
  margin-left: 20px;
  margin-right: 20px;
  padding: 40px;
  display: flex;
  position: relative;
}

.portal-popup-close {
  color: #fff;
  cursor: pointer;
  background-color: #ffffff26;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  font-size: 18px;
  font-weight: 400;
  display: flex;
  position: absolute;
  top: 16px;
  right: 16px;
}

.portal-popup-name {
  color: #fff;
  margin-top: 0;
  margin-bottom: -16px;
  font-size: 24px;
  font-weight: 700;
}

.portal-popup-role {
  color: #fff9;
  margin-top: 4px;
  margin-bottom: 0;
  font-size: 14px;
}

.portal-popup-divider {
  background-color: #ffffff1a;
  width: 100%;
  height: 1px;
}

.portal-popup-label {
  color: #fff6;
  letter-spacing: .08em;
  text-transform: uppercase;
  margin-bottom: 6px;
  font-size: 11px;
  font-weight: 600;
}

.portal-popup-text {
  color: #ffffffd9;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 15px;
  line-height: 1.6;
}

.portal-popup-btn {
  color: #000;
  background-color: #fff;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  padding: 14px 24px;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  display: flex;
}

.section-6 {
  background-color: #000;
}

.body-10 {
  background-color: var(--_apps---colors--foreground);
}

.tour-step-hidden {
  display: none;
}

@media screen and (min-width: 1280px) {
  .tillvaxt-card {
    text-align: center;
    padding: 36px 28px;
    overflow: hidden;
  }

  .tillvaxt-card-header {
    grid-row-gap: 10px;
    flex-direction: column-reverse;
    align-items: flex-start;
    margin-bottom: 16px;
  }

  .tillvaxt-card-title {
    text-align: center;
    max-width: 100%;
    font-size: 16px;
  }

  .tillvaxt-badge {
    text-align: center;
    margin-bottom: 12px;
    padding: 4px 10px;
    font-size: 10px;
    display: inline-block;
  }

  .tillvaxt-card-desc {
    text-align: center;
  }

  .tillvaxt-card-header-new {
    grid-row-gap: 6px;
    justify-content: flex-end;
    align-items: center;
    height: 95px;
    margin-bottom: 20px;
  }
}

@media screen and (min-width: 1440px) {
  .tillvaxt-card {
    text-align: center;
    padding: 40px 32px;
  }

  .tillvaxt-card-header {
    grid-row-gap: 12px;
    flex-direction: column-reverse;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .tillvaxt-card-title {
    text-align: center;
    max-width: 100%;
    font-size: 17px;
  }

  .tillvaxt-badge {
    text-align: center;
    margin-bottom: 12px;
    padding: 4px 10px;
    font-size: 10px;
    display: inline-block;
  }

  .tillvaxt-card-desc {
    text-align: center;
  }

  .tillvaxt-card-header-new {
    grid-row-gap: 6px;
    justify-content: flex-end;
    align-items: center;
    height: 100px;
    margin-bottom: 20px;
  }
}

@media screen and (min-width: 1920px) {
  .tillvaxt-card {
    text-align: center;
    padding: 40px 32px;
  }

  .tillvaxt-card-header {
    grid-row-gap: 12px;
    flex-direction: column-reverse;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .tillvaxt-card-title {
    text-align: center;
    max-width: 100%;
    font-size: 18px;
  }

  .tillvaxt-badge {
    text-align: center;
    margin-bottom: 12px;
    padding: 4px 10px;
    font-size: 10px;
    display: inline-block;
  }

  .tillvaxt-card-desc {
    text-align: center;
  }

  .tillvaxt-card-header-new {
    grid-row-gap: 6px;
    justify-content: flex-end;
    align-items: center;
    height: 105px;
    margin-bottom: 20px;
  }
}

@media screen and (max-width: 991px) {
  body {
    --base-value--primary-font: Inter, sans-serif;
    --base-value--base-color: #333;
    --base-value--base-size: 300px;
    --base-value--base-height: 20px;
    --base-value--normal-font-weight: 400;
    --spacing--zero-heading-spacing: 0px;
    --color-style--secondary-color-1: white;
    --heading--h1-size: 7vw;
    --heading--h1-height: 8vw;
    --spacing--zero-paragraph-spacing: 0px;
    --heading--h2-size: 5.5vw;
    --heading--h2-height: 6vw;
    --heading--h3-size: 4.2vw;
    --heading--h3-height: 4.6vw;
    --heading--h4-size: 3.2vw;
    --heading--h4-height: 3.6vw;
    --heading--h5-size: 2.5vw;
    --heading--h5-height: 2.9vw;
    --heading--h6-size: 2vw;
    --heading--h6-height: 2.4vw;
    --paragraph-all-device--paragraph-size: 1.6vw;
    --paragraph-all-device--paragraph-height: 2.4vw;
    --paragraph-all-device--paragraph-tablet-size\<deleted\|variable-c4e30b6c-2b4b-2122-db6e-d9127adb23d6\>: 2vw;
    --paragraph-all-device--paragraph-tablet-height\<deleted\|variable-5fbee42f-bd62-866b-1d76-fc990a06d9fd\>: 2.8vw;
    --paragraph-all-device--paragraph-mobile-l-size\<deleted\|variable-6bc6921c-3b1e-1690-963c-70f673782cc4\>: 1rem;
    --paragraph-all-device--paragraph-mobile-l-height\<deleted\|variable-d9a3e481-07ee-3eaa-70b1-f576909bbcd3\>: 1.3rem;
    --spacing--margin-minus-hero: -5vw;
    --spacing--spacing-section: 6vw;
    --color-style--secondary-color-6: black;
    --spacing--spacing-container: 4vw;
    --spacing--spacing-button-left-right: 1.2vw;
    --spacing--zero-section: 0vw;
    --spacing--padding-section-plus: 8vw;
    --spacing--spacing-section-mobile-l\<deleted\|variable-5ae270fd-ac51-c035-60c6-ea60c5ab5d9a\>: 3rem;
    --spacing--zero-container: 0vw;
    --text-size--small-size-link-footer: 2.2vw;
    --text-height--small-height-link-footer: 2.4vw;
    --base-value--bold-weight: 700;
    --text-size--medium-size-text: 5.5vw;
    --text-height--medium-height-text: 6vw;
    --text-size--medium-big-size-text: 6vw;
    --text-height--medium-big-height-text: 5vw;
    --base-value--medium-weight: 500;
    --text-size--big-size-text: 14vw;
    --text-height--big-height-text: 13.5vw;
    --text-size--small-size-text: 1.8vw;
    --text-height--small-height-text: 1.5vw;
    --spacing--spacing-card-team-top-bot: 1.8vw;
    --spacing--spacing-card-team-left: 1.5vw;
    --spacing--margin-plus-service-one: 7%;
    --spacing--margin-plus-service-two: 67%;
    --spacing--margin-plus-service-three: 0%;
    --spacing--margin-plus-service-four: 60%;
    --text-size--small-medium-size: 2.4vw;
    --text-height--small-medium-height: 2.4vw;
    --text-size--small-size-service: 1.6vw;
    --text-height--small-height-service: 2vw;
    --spacing--padding-plus-project: 3vw;
    --spacing--spacing-left-project: 4vw;
    --margin-plus-project: 20vw;
    --padding-plus-project: 12rem;
    --spacing--spacing-down-project: 3vw;
    --text-size--medium-small-size-project: 3.8vw;
    --text-height--medium-small-height-project: 4vw;
    --spacing--padding-plus-tagline: .8vw;
    --spacing--padding-plus-left-right-tagline: 1.5vw;
    --text-size--small-size-project: 1.6vw;
    --text-height--small-height-project: 2vw;
    --spacing--spacing-right-tag-project: 4vw;
    --spacing--spacing-down-tag-project: 3vw;
    --base-value--base-color-overlay: #00000073;
    --text-size--small-size-team: 3vw;
    --text-height--small-height-team: 3vw;
    --text-size--small-size-text-job: 1.6vw;
    --text-height--small-height-text-job: 2vw;
    --spacing--padding-team: 3vw;
    --spacing--margin-plus-list: 20px;
    --text-size--small-medium-size-questions: 2.6vw;
    --text-height--small-medium-height-questions: 2.4vw;
    --spacing--spacing-button-up-down: .8vw;
    --base-value--secondary-font: "Material Symbols Rounded", sans-serif;
    --text-size--small-size-icon: 3vw;
    --text-height--small-height-icon: 3vw;
    --text-size--small-text-size-button: 2vw;
    --text-height--small-text-height-button: 2.5vw;
    --spacing--padding-plus-navbar: 1vw;
    --text-size--big-navbar-size-text: 3rem;
    --text-height--big-navbar-height-text: 100%;
    --spacing--spacing-navbar: 0vw;
    --spacing--padding-down-plus: .8rem;
    --color-style--primary-color-1: #ff4722;
    --color-style--secondary-color-2: #ccc;
    --color-style--secondary-color-4: #222;
    --color-style--primary-color-3: #ffb899;
    --color-style--primary-color-2: #ff6b4d;
    --color-style--secondary-color-3: #999;
    --color-style--secondary-color-5: #111;
    --color-style--primary-color-6: #8a2413;
    --color-style--primary-color-5: #cc2e00;
    --color-style--primary-color-4: #ff7433;
    --paragraph-all-device--paragraph-alternative-size: 1.5vw;
    --spacing--padding-plus-changelog: 5vw;
    --text-size--small-size-changelog: 2vw;
    --text-height--small-height-changelog: 2.4vw;
    --spacing--margin-plus-contact: 38vw;
    --text-size--big-size-text-marquee: 16vw;
    --text-height--big-height-text-marquee: 16vw;
    --spacing--spacing-left-right-service: 2vw;
    --spacing--spacing-up-down-service: 1.5vw;
    background-color: #000;
  }

  ul, ol, blockquote {
    font-size: var(--paragraph-all-device--paragraph-tablet-size\<deleted\|variable-c4e30b6c-2b4b-2122-db6e-d9127adb23d6\>);
    line-height: var(--paragraph-all-device--paragraph-tablet-height\<deleted\|variable-5fbee42f-bd62-866b-1d76-fc990a06d9fd\>);
  }

  .wrapper-about {
    grid-column-gap: 8vw;
    grid-row-gap: 8vw;
    min-height: auto;
  }

  .heading-hero.one {
    width: auto;
  }

  .wrapper-paragraph-hero {
    width: 33%;
  }

  .card-hero.two, .card-hero.four, .card-hero.five, .card-hero.three, .card-hero.one {
    width: 16vw;
    height: 20vw;
  }

  .wrapper-hero {
    grid-column-gap: 15vw;
    grid-row-gap: 15vw;
    min-height: 80vh;
  }

  .quick-link {
    font-size: 2vw;
    line-height: 2.4vw;
  }

  .wrapper-content-about {
    grid-column-gap: 8vw;
    grid-row-gap: 8vw;
  }

  .wrapper-paragraph-about {
    width: 45%;
  }

  .wrapper-number-count {
    width: 17vw;
  }

  .wrapper-number-count.absolute, .wrapper-number-count.absolute-mobile {
    width: 15vw;
  }

  .inner-achieve {
    width: 45%;
  }

  .wrapper-service {
    grid-column-gap: 5vw;
    grid-row-gap: 5vw;
    min-height: 90vh;
  }

  .content-text-service {
    grid-column-gap: 8vw;
    grid-row-gap: 8vw;
  }

  .wrapper-card-text {
    grid-column-gap: 2vw;
    grid-row-gap: 2vw;
  }

  .card-text.one, .card-text.two, .card-text.three, .card-text.four {
    width: 30vw;
  }

  .wrapper-faq {
    grid-column-gap: 8vw;
    grid-row-gap: 8vw;
  }

  .paragraph-service {
    width: 45%;
  }

  .wrapper-heading-projects.one {
    grid-column-gap: .5vw;
    grid-row-gap: .5vw;
  }

  .item.one, .item.two, .item.three, .item.six, .item.seven, .item._5 {
    width: 40vw;
    height: 25vw;
  }

  .item.zero-anchor, .item.one-mobile, .item.five-mobile, .item.three-mobile, .item.four-mobile {
    width: 35vw;
    height: 20vw;
  }

  .move-projects {
    margin-bottom: var(--margin-plus-project);
  }

  .bg {
    margin-bottom: 10vw;
  }

  .inner-name-projects.two, .inner-name-projects.three, .inner-name-projects.four, .inner-name-projects.five {
    font-size: 3.8vw;
    line-height: 4vw;
  }

  .heading-faq.two {
    font-size: 5.5vw;
  }

  .wrapper-team {
    grid-column-gap: 8vw;
    grid-row-gap: 8vw;
  }

  .heading-text-team.one {
    width: 71%;
  }

  .icon-card-team {
    grid-column-gap: 2vw;
    grid-row-gap: 2vw;
  }

  .icon-social {
    width: 3.5vw;
    height: 3.5vw;
  }

  .inner-wrapper-team {
    grid-column-gap: 1vw;
    grid-row-gap: 1vw;
  }

  .wrapper-icon-hero {
    width: 5vw;
    height: 5vw;
  }

  .tag-marquee {
    font-size: 2vw;
    line-height: 3vw;
  }

  .count-12 {
    margin-top: 24px;
  }

  .wrapper-in-card {
    grid-column-gap: 1vw;
    grid-row-gap: 1vw;
  }

  .button-text.absolute, .button-text.show {
    font-size: 1.7vw;
  }

  .navbar-menu-button {
    z-index: 3;
    padding: 0;
    transition: all .5s cubic-bezier(.215, .61, .355, 1);
    position: relative;
  }

  .navbar-menu-button.w--open {
    background-color: #0000;
    transition: all .5s cubic-bezier(.55, .055, .675, .19);
  }

  .navbar-main-menu {
    grid-column-gap: 5vw;
    grid-row-gap: 5vw;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
    justify-content: center;
    align-items: center;
    height: 100%;
    padding-top: 5vw;
  }

  .navbar-in-menu-wrap {
    justify-content: center;
    width: 100%;
    padding-left: 4vw;
    padding-right: 4vw;
  }

  .navbar-brand-image {
    height: 6vw;
  }

  .navbar-bg {
    inset: 0% 0% auto;
  }

  .navbar-brand {
    width: auto;
  }

  .container-navigation {
    padding-bottom: 0;
  }

  .navbar-sp-end-wrap {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .menu-image {
    width: 2vw;
    height: 2vw;
  }

  .navbar-item {
    writing-mode: rl-tb;
    border-bottom: 1px #d3d3d3;
    border-right-width: 0;
    justify-content: flex-start;
    align-items: center;
    padding: 0;
  }

  .container-nav-full {
    max-width: 100%;
  }

  .menu-image-wrap {
    display: block;
  }

  .navbar-item-text-wrapper {
    padding-left: 0;
    padding-right: 0;
  }

  .navbar-main-menu-wrap {
    flex-flow: row;
    justify-content: space-between;
    align-items: flex-start;
  }

  .move-projects-mobile {
    margin-bottom: 5vw;
  }

  .inner-bg-service {
    position: relative;
  }

  .tittle-button {
    font-size: 1.5vw;
    line-height: 2vw;
  }

  .name-code {
    font-size: 1.5vw;
    line-height: var(--paragraph-all-device--paragraph-tablet-size\<deleted\|variable-c4e30b6c-2b4b-2122-db6e-d9127adb23d6\>);
  }

  .text-title-style {
    font-size: 2vw;
    line-height: 2.5vw;
  }

  .wrapper-changelog {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .description-404 {
    font-size: var(--paragraph-all-device--paragraph-tablet-size\<deleted\|variable-c4e30b6c-2b4b-2122-db6e-d9127adb23d6\>);
    line-height: 2.4vw;
  }

  .wrapper-footer {
    height: auto;
    overflow: hidden visible;
  }

  .wrapper-logo-footer {
    height: 15vw;
    margin-bottom: 0;
    overflow: hidden;
  }

  .wrapper-content-footer {
    flex-direction: column;
    padding-top: 2.5rem;
    padding-bottom: 2rem;
  }

  .trigger-mouse-event {
    height: auto;
    min-height: auto;
  }

  .wrap-in-form {
    width: 100%;
    max-width: none;
  }

  .rounded-field {
    font-size: 2vw;
    line-height: 2.4vw;
  }

  .wrapp-in-form {
    z-index: 26;
  }

  .form-wrapper {
    justify-content: center;
    align-items: center;
    width: 50vw;
  }

  .wrapper-icon-close {
    width: 6vw;
    height: 6vw;
  }

  .text-area {
    font-size: 2vw;
    line-height: 2.4vw;
  }

  .contact-wrapper {
    display: none;
  }

  .heading-404 {
    font-size: 22vw;
    line-height: 22vw;
  }

  .button-404 {
    padding-left: 1.2vw;
    padding-right: 1.2vw;
  }

  .error-message-password {
    color: #b60000;
    border-radius: 1vw;
  }

  .members-hero-wrapper {
    grid-row-gap: 3rem;
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .members-hero-heading {
    font-size: 5vw;
  }

  .pricing-section {
    padding: 48px 20px 56px;
  }

  .pricing-grid {
    grid-row-gap: 16px;
    grid-template-columns: 1fr;
    max-width: 460px;
    margin-left: auto;
    margin-right: auto;
  }

  .login-page-section {
    padding-left: 24px;
    padding-right: 24px;
  }

  .login-card {
    max-width: 100%;
  }

  .pricing-heading-wrap {
    max-width: 100%;
    margin-bottom: 28px;
    padding-left: 8px;
    padding-right: 8px;
  }

  .pricing-main-title {
    font-size: 28px;
  }

  .np-grid {
    grid-template-columns: 1fr;
  }

  .content-wrap {
    grid-row-gap: 40px;
    flex-direction: column;
    align-items: center;
  }

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

  .card.ml {
    max-width: 550px;
    margin-left: 0;
  }

  .card.mr {
    max-width: 550px;
    margin-right: 0;
  }

  .white-text {
    color: #f9f9fa;
  }

  .image-wrap {
    border-top-right-radius: 0;
    border-bottom-left-radius: 50px;
  }

  .section_big {
    grid-template-columns: 1fr;
  }

  .dashboard-wrapper {
    grid-column-gap: 0px;
    flex-direction: column;
    padding: 20px 16px;
    overflow-x: hidden;
  }

  .dashboard-left {
    flex-shrink: 1;
    width: 100%;
  }

  .dashboard-right {
    width: 100%;
    min-width: 0;
  }

  .tools-section-heading {
    margin-top: 16px;
  }

  .tools-grid {
    grid-column-gap: 0px;
    grid-row-gap: 14px;
    grid-template-columns: 1fr;
  }

  .tool-card {
    min-width: 0;
    padding: 18px;
  }

  .tool-card-top {
    grid-column-gap: 10px;
    margin-bottom: 10px;
  }

  .tool-icon {
    flex-shrink: 0;
    width: 36px;
    height: 36px;
    font-size: 16px;
  }

  .tool-name {
    font-size: 15px;
  }

  .tool-description {
    word-break: break-word;
    overflow-wrap: break-word;
    font-size: 13px;
  }

  .tool-cta-btn {
    margin-top: 10px;
    padding: 6px 10px;
    font-size: 11px;
  }

  .contact-card {
    padding: 16px 20px;
  }

  .contact-card-phone {
    font-size: 18px;
  }

  .tillvaxt-section {
    padding: 60px 32px 80px;
  }

  .tillvaxt-main-heading {
    margin-bottom: 36px;
    font-size: 28px;
  }

  .tillvaxt-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .tillvaxt-card-header {
    grid-row-gap: 10px;
    flex-direction: column-reverse;
    align-items: flex-start;
    margin-bottom: 16px;
  }

  .tillvaxt-card-title {
    text-align: center;
    max-width: 100%;
    font-size: 18px;
  }

  .tillvaxt-badge {
    text-align: center;
    margin-bottom: 8px;
    padding: 4px 10px;
    font-size: 10px;
    display: block;
  }

  .tillvaxt-card-desc {
    text-align: center;
  }

  .tillvaxt-card-header-new {
    grid-row-gap: 8px;
    justify-content: center;
    align-items: center;
    margin-bottom: 12px;
  }

  .sa-tools-grid {
    grid-template-columns: 1fr;
  }

  .footer-columns-wrapper {
    grid-row-gap: 2.5rem;
    flex-direction: column;
    padding-top: 2.5rem;
  }

  .footer-column {
    grid-row-gap: .7rem;
    flex: none;
  }

  .footer-column-heading {
    margin-bottom: .6rem;
    font-size: 2.5vw;
    line-height: 3.5vw;
  }

  .footer-column-link {
    font-size: 2.2vw;
    line-height: 4vw;
  }

  .who-section-wrapper {
    margin-left: 24px;
    margin-right: 24px;
    padding: 48px 40px;
  }

  .who-section-title {
    font-size: 36px;
  }

  .who-section-grid {
    grid-row-gap: 28px;
    grid-template-columns: 1fr;
  }

  .featured-card {
    grid-row-gap: 20px;
    padding: 32px;
  }

  .featured-logo {
    height: 70px;
  }

  .featured-quote {
    font-size: 16px;
  }

  .welcome-heading {
    font-size: 48px;
  }

  .portal-grid {
    grid-template-columns: 1fr 1fr;
  }

  .text-block-6 {
    margin-top: 24px;
  }
}

@media screen and (max-width: 767px) {
  body {
    --base-value--primary-font: Inter, sans-serif;
    --base-value--base-color: #333;
    --base-value--base-size: 300px;
    --base-value--base-height: 20px;
    --base-value--normal-font-weight: 400;
    --spacing--zero-heading-spacing: 0px;
    --color-style--secondary-color-1: white;
    --heading--h1-size: 3.5rem;
    --heading--h1-height: 4rem;
    --spacing--zero-paragraph-spacing: 0px;
    --heading--h2-size: 2.4rem;
    --heading--h2-height: 2.8rem;
    --heading--h3-size: 2rem;
    --heading--h3-height: 2.4rem;
    --heading--h4-size: 1.6rem;
    --heading--h4-height: 2rem;
    --heading--h5-size: 1.4rem;
    --heading--h5-height: 1.8rem;
    --heading--h6-size: 1.1rem;
    --heading--h6-height: 1.6rem;
    --paragraph-all-device--paragraph-size: 1rem;
    --paragraph-all-device--paragraph-height: 1.3rem;
    --paragraph-all-device--paragraph-tablet-size\<deleted\|variable-c4e30b6c-2b4b-2122-db6e-d9127adb23d6\>: 2vw;
    --paragraph-all-device--paragraph-tablet-height\<deleted\|variable-5fbee42f-bd62-866b-1d76-fc990a06d9fd\>: 2.8vw;
    --paragraph-all-device--paragraph-mobile-l-size\<deleted\|variable-6bc6921c-3b1e-1690-963c-70f673782cc4\>: 1rem;
    --paragraph-all-device--paragraph-mobile-l-height\<deleted\|variable-d9a3e481-07ee-3eaa-70b1-f576909bbcd3\>: 1.3rem;
    --spacing--margin-minus-hero: 0rem;
    --spacing--spacing-section: 3rem;
    --color-style--secondary-color-6: black;
    --spacing--spacing-container: 1.2rem;
    --spacing--spacing-button-left-right: .8rem;
    --spacing--zero-section: 0rem;
    --spacing--padding-section-plus: 4rem;
    --spacing--spacing-section-mobile-l\<deleted\|variable-5ae270fd-ac51-c035-60c6-ea60c5ab5d9a\>: 3rem;
    --spacing--zero-container: 0rem;
    --text-size--small-size-link-footer: 1rem;
    --text-height--small-height-link-footer: 1.3rem;
    --base-value--bold-weight: 700;
    --text-size--medium-size-text: 2.2rem;
    --text-height--medium-height-text: 2.5rem;
    --text-size--medium-big-size-text: 3.5rem;
    --text-height--medium-big-height-text: 3rem;
    --base-value--medium-weight: 500;
    --text-size--big-size-text: 14vw;
    --text-height--big-height-text: 13.5vw;
    --text-size--small-size-text: .9rem;
    --text-height--small-height-text: 1.1rem;
    --spacing--spacing-card-team-top-bot: 1.1rem;
    --spacing--spacing-card-team-left: 1rem;
    --spacing--margin-plus-service-one: 0%;
    --spacing--margin-plus-service-two: 0%;
    --spacing--margin-plus-service-three: 0%;
    --spacing--margin-plus-service-four: 0%;
    --text-size--small-medium-size: 1.2rem;
    --text-height--small-medium-height: 1.5rem;
    --text-size--small-size-service: .85rem;
    --text-height--small-height-service: 1.2rem;
    --spacing--padding-plus-project: 3vw;
    --spacing--spacing-left-project: 1.2rem;
    --margin-plus-project: 20vw;
    --padding-plus-project: 12rem;
    --spacing--spacing-down-project: 1rem;
    --text-size--medium-small-size-project: 1.8rem;
    --text-height--medium-small-height-project: 2rem;
    --spacing--padding-plus-tagline: .4rem;
    --spacing--padding-plus-left-right-tagline: .9rem;
    --text-size--small-size-project: .9rem;
    --text-height--small-height-project: 1rem;
    --spacing--spacing-right-tag-project: 1.2rem;
    --spacing--spacing-down-tag-project: 1rem;
    --base-value--base-color-overlay: #00000073;
    --text-size--small-size-team: 1.3rem;
    --text-height--small-height-team: 1.5rem;
    --text-size--small-size-text-job: .9rem;
    --text-height--small-height-text-job: 1.1rem;
    --spacing--padding-team: 3vw;
    --spacing--margin-plus-list: 10px;
    --text-size--small-medium-size-questions: 1.2rem;
    --text-height--small-medium-height-questions: 1.8rem;
    --spacing--spacing-button-up-down: .5rem;
    --base-value--secondary-font: "Material Symbols Rounded", sans-serif;
    --text-size--small-size-icon: 1.2rem;
    --text-height--small-height-icon: 1.5rem;
    --text-size--small-text-size-button: 1rem;
    --text-height--small-text-height-button: 1.3rem;
    --spacing--padding-plus-navbar: 1rem;
    --text-size--big-navbar-size-text: 2.4rem;
    --text-height--big-navbar-height-text: 100%;
    --spacing--spacing-navbar: 2vw;
    --spacing--padding-down-plus: .8rem;
    --color-style--primary-color-1: #ff4722;
    --color-style--secondary-color-2: #ccc;
    --color-style--secondary-color-4: #222;
    --color-style--primary-color-3: #ffb899;
    --color-style--primary-color-2: #ff6b4d;
    --color-style--secondary-color-3: #999;
    --color-style--secondary-color-5: #111;
    --color-style--primary-color-6: #8a2413;
    --color-style--primary-color-5: #cc2e00;
    --color-style--primary-color-4: #ff7433;
    --paragraph-all-device--paragraph-alternative-size: 1.4vw;
    --spacing--padding-plus-changelog: 5vw;
    --text-size--small-size-changelog: 1rem;
    --text-height--small-height-changelog: 1.3rem;
    --spacing--margin-plus-contact: 18rem;
    --text-size--big-size-text-marquee: 6rem;
    --text-height--big-height-text-marquee: 6rem;
    --spacing--spacing-left-right-service: 2vw;
    --spacing--spacing-up-down-service: 1.5vw;
  }

  ul, ol, sup, blockquote {
    font-size: var(--paragraph-all-device--paragraph-mobile-l-size\<deleted\|variable-6bc6921c-3b1e-1690-963c-70f673782cc4\>);
    line-height: var(--paragraph-all-device--paragraph-mobile-l-height\<deleted\|variable-d9a3e481-07ee-3eaa-70b1-f576909bbcd3\>);
  }

  .wrapper-about {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
  }

  .inner-wrapper-five {
    grid-row-gap: 12px;
    flex-direction: column;
    align-items: flex-start;
  }

  .main-wrapper-hero {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    flex-flow: column;
    justify-content: center;
    align-items: stretch;
  }

  .heading-hero.one {
    width: 100%;
  }

  .inner-wrapper-mid {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    position: static;
  }

  .section.hero {
    padding-top: 4rem;
  }

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

  .section.component-guide {
    padding-top: var(--spacing--spacing-section-mobile-l\<deleted\|variable-5ae270fd-ac51-c035-60c6-ea60c5ab5d9a\>);
    padding-bottom: var(--spacing--spacing-section-mobile-l\<deleted\|variable-5ae270fd-ac51-c035-60c6-ea60c5ab5d9a\>);
  }

  .wrapper-paragraph-hero {
    grid-row-gap: 2.5rem;
    text-align: left;
    order: 1;
    width: 75%;
  }

  .inner-wrapper-four {
    width: 80vw;
    height: 60vw;
    margin-top: 32px;
    margin-left: 0;
    margin-right: 0;
    display: flex;
    position: relative;
    top: auto;
    right: auto;
    transform: none;
  }

  .wrapper-tag-underline {
    justify-content: flex-start;
    align-items: center;
    margin-top: 0;
  }

  .card-hero.two, .card-hero.four, .card-hero.five, .card-hero.three, .card-hero.one {
    width: 7rem;
    height: 9rem;
  }

  .wrapper-hero {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    padding-top: 0;
  }

  .link-bottom-footer {
    font-size: 3vw;
    line-height: 5vw;
  }

  .bottom-wrapper {
    grid-row-gap: .5rem;
    flex-direction: column;
    align-items: flex-start;
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .quick-link {
    font-size: 1rem;
    line-height: 1.3rem;
  }

  .bot-inner-content {
    grid-column-gap: 1rem;
    grid-row-gap: .5rem;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .wrapper-content-about {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
  }

  .wrapper-paragraph-about {
    width: 85%;
  }

  .wrapper-right-about {
    grid-row-gap: 1rem;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: -2rem;
  }

  .wrapper-about-top {
    width: 85%;
  }

  .wrapper-content-achieve {
    flex-flow: row;
    justify-content: space-between;
    align-items: flex-end;
  }

  .wrapper-number-count {
    width: auto;
  }

  .wrapper-number-count.absolute {
    display: none;
  }

  .wrapper-number-count.absolute-mobile {
    width: auto;
    display: flex;
    position: static;
  }

  .inner-number.years {
    font-size: 6rem;
    line-height: 5rem;
  }

  .inner-achieve {
    width: 62%;
  }

  .wrapper-service, .content-text-service {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
  }

  .wrapper-card-text {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    grid-template: ". ."
                   "Area Area"
                   ". ."
                   / 1fr 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: row;
    display: grid;
  }

  .card-text.one, .card-text.two, .card-text.three, .card-text.four, .head-service {
    width: auto;
  }

  .wrapper-faq {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
  }

  .wrapper-paragraph {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .paragraph-service {
    width: 85%;
    font-size: 1rem;
    line-height: 1.3rem;
  }

  .item.one, .item.two, .item.three, .item.six, .item.seven, .item._5 {
    width: 13rem;
    height: 6.5rem;
  }

  .move-projects {
    transform: translate(0%, 29vw);
  }

  .wrapper-sticky-hidden {
    justify-content: center;
    align-items: center;
  }

  .wrapper-overflow-hidden {
    width: 28rem;
    height: 28rem;
  }

  .item-image {
    padding-bottom: var(--padding-plus-project);
  }

  .inner-name-projects.two, .inner-name-projects.three, .inner-name-projects.four, .inner-name-projects.five {
    padding-bottom: 1rem;
    padding-left: 1.2rem;
    font-size: 1.8rem;
    line-height: 2rem;
  }

  .wrappdown-tags.one {
    grid-column-gap: .8rem;
    grid-row-gap: .8rem;
    flex-flow: wrap;
    justify-content: flex-end;
    align-items: stretch;
    width: 12rem;
  }

  .wrappdown-tags.two, .wrappdown-tags.three, .wrappdown-tags.four, .wrappdown-tags.five {
    justify-content: flex-end;
    width: 12rem;
    padding-bottom: 1rem;
    padding-right: 1.2rem;
  }

  .wrapper-heading-faq.second {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .heading-faq.one {
    width: 85%;
  }

  .heading-faq.two {
    font-size: 2rem;
    line-height: 2.2rem;
  }

  .wrapper-team {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
  }

  .wrapper-content-team {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    overflow-x: auto;
  }

  .heading-text-team.one {
    width: 85%;
  }

  .card-team {
    flex-shrink: 0;
    width: 45vw;
    height: 55vw;
  }

  .card-team.five {
    width: 12rem;
    margin-right: 1rem;
  }

  .card-team.one, .card-team.two, .card-team.three, .card-team.four {
    width: 12rem;
  }

  .absolute-card-item {
    width: 100%;
  }

  .icon-card-team {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .icon-social {
    width: 2rem;
    height: 2rem;
  }

  .text-card-team {
    grid-column-gap: .6rem;
    grid-row-gap: .6rem;
  }

  .inner-wrapper-team {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
  }

  .line-cross-drop.horizontal-drop {
    width: 1rem;
  }

  .line-cross-drop.vertical-drop {
    height: 1rem;
  }

  .inner-left-content {
    width: auto;
  }

  .dropdown-toggle {
    height: 45px;
  }

  .wrapp-in-faq {
    justify-content: flex-start;
    align-items: center;
  }

  .inner-button {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    margin-top: 4rem;
    padding: 12px 24px;
  }

  .wrapper-icon-hero {
    width: 2.3rem;
    height: 2.3rem;
  }

  .heading-text-hero {
    font-size: 3.5rem;
    line-height: 4rem;
  }

  .inner-card.two {
    width: auto;
  }

  .heading-projects-one {
    width: 100%;
  }

  .heading-projects-two {
    text-align: right;
    font-size: 2rem;
    line-height: 2.2rem;
  }

  .submit-button {
    margin-top: .6rem;
  }

  .button-text.absolute, .button-text.show {
    font-size: 1rem;
    line-height: 1.3rem;
  }

  .buttin-in-wrapp {
    padding: .5rem 1.5rem;
  }

  .navbar-sp {
    padding-left: 20px;
    padding-right: 20px;
  }

  .navbar-main-menu {
    grid-column-gap: 1.6rem;
    grid-row-gap: 1.6rem;
    justify-content: center;
    align-items: center;
    width: auto;
    height: auto;
    padding-top: 2vw;
  }

  .navbar-in-menu-wrap {
    align-items: stretch;
    height: auto;
  }

  .navbar-brand-image {
    height: 3rem;
  }

  .absolute-background {
    height: 100%;
  }

  .menu-image {
    width: 1rem;
    height: 1rem;
  }

  .navbar-item {
    padding: 0;
  }

  .container-nav-full {
    max-width: 100%;
  }

  .navbar-item-text-wrapper {
    padding-left: 0;
    padding-right: 0;
  }

  .navbar-main-menu-wrap {
    flex-flow: column;
    justify-content: center;
    align-items: center;
  }

  .space-mobile {
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 18rem;
    display: flex;
  }

  .space-card.null {
    display: block;
  }

  .numbers-counts, .alfa {
    font-size: 3.5rem;
    line-height: 3rem;
  }

  .bg-service {
    justify-content: center;
    align-items: center;
    margin-bottom: 7rem;
    display: none;
  }

  .inner-bg-service {
    width: 13rem;
    height: 13rem;
  }

  .natural-color {
    grid-column-gap: 1.1rem;
    grid-row-gap: 1.1rem;
    flex-flow: wrap;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .primary-base-color {
    grid-column-gap: 1.1rem;
    grid-row-gap: 1.1rem;
    flex-flow: wrap;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    margin-top: 1rem;
    display: grid;
  }

  .wrapper-content-style.color, .wrapper-content-style.button {
    margin-bottom: 4rem;
  }

  .color-core {
    width: 100%;
  }

  .item-base-color {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    justify-content: center;
    align-items: center;
  }

  .tittle-button, .name-code, .text-title-style {
    font-size: 1rem;
    line-height: 1.3rem;
  }

  .item-netural-color {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
  }

  .license-wrapper {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .wrapper-changelog {
    grid-column-gap: 10rem;
    grid-row-gap: 10rem;
    height: 86vh;
  }

  .blur {
    width: 13rem;
    height: 13rem;
  }

  .wrapper-instructions, .content-wrapp-instrucctions {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
  }

  .description-404 {
    font-size: var(--paragraph-all-device--paragraph-mobile-l-size\<deleted\|variable-6bc6921c-3b1e-1690-963c-70f673782cc4\>);
    line-height: var(--paragraph-all-device--paragraph-mobile-l-height\<deleted\|variable-d9a3e481-07ee-3eaa-70b1-f576909bbcd3\>);
  }

  .wrapper-footer {
    height: auto;
    overflow: hidden visible;
  }

  .wrapper-quick-link {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding-top: 0;
  }

  .wrapper-logo-footer {
    height: 20vw;
    margin-bottom: -3rem;
    overflow: hidden;
  }

  .wrapper-content-footer {
    flex-direction: column;
    height: auto;
    padding-top: 2rem;
    padding-bottom: 2rem;
    overflow: hidden visible;
  }

  .inner-content-link {
    justify-content: flex-end;
    align-items: center;
  }

  .wrapp-in-icon {
    width: 2rem;
    height: 2rem;
  }

  .text-cta-marquee {
    grid-column-gap: 2.5rem;
    grid-row-gap: 2.5rem;
  }

  .wrapp-in-marquee {
    grid-column-gap: .2rem;
    grid-row-gap: .2rem;
  }

  .wrapper-text-marquee {
    width: 40rem;
  }

  .trigger-mouse-event {
    grid-row-gap: 32px;
    flex-direction: column;
    height: auto;
    min-height: auto;
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .rounded-field {
    font-size: 1rem;
    line-height: 1.3rem;
  }

  .button-contact {
    width: auto;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    position: relative;
  }

  .button-action {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    margin-top: 0;
    padding: 12px 24px;
    position: relative;
  }

  .text-absolute {
    font-size: 14vw;
  }

  .heading-404 {
    font-size: 10rem;
    line-height: 7rem;
  }

  .button-404 {
    padding: .5rem .8rem;
  }

  .gradient-overlay {
    height: 2rem;
  }

  .members-hero-wrapper {
    grid-row-gap: 2.5rem;
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

  .members-hero-heading {
    font-size: 10vw;
  }

  .pricing-section {
    padding: 36px 16px 48px;
  }

  .pricing-grid {
    grid-row-gap: 12px;
    grid-template-columns: 1fr;
    max-width: 100%;
  }

  .pricing-feature-item {
    margin-bottom: 10px;
  }

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

  .vip-container {
    padding-left: 16px;
    padding-right: 16px;
  }

  .vip-heading {
    margin-bottom: 24px;
    font-size: 32px;
  }

  .vip-input {
    margin-bottom: 16px;
    padding-top: 14px;
    padding-bottom: 14px;
    font-size: 14px;
  }

  .vip-button {
    padding-top: 14px;
    padding-bottom: 14px;
    font-size: 14px;
  }

  .heading-first {
    padding-bottom: 20px;
  }

  .login-page-section {
    padding-left: 20px;
    padding-right: 20px;
  }

  .login-card {
    padding: 32px 24px;
  }

  .pricing-price-amount {
    font-size: 38px;
  }

  .pricing-cta-btn, .pricing-cta-btn-green {
    padding-top: 14px;
    padding-bottom: 14px;
    font-size: 15px;
  }

  .pricing-heading-wrap {
    margin-bottom: 24px;
  }

  .pricing-main-title {
    font-size: 24px;
  }

  .pricing-main-subtitle {
    font-size: 14px;
  }

  .pricing-card-body {
    padding: 18px;
  }

  .np-container {
    padding-left: 0;
    padding-right: 0;
  }

  .np-grid {
    grid-template-columns: 1fr;
  }

  .card-wrap {
    margin-bottom: 25px;
  }

  .card.ml, .card.mr {
    min-height: 700px;
  }

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

  .button-wrap.big {
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 20px;
  }

  .dashboard-wrapper {
    padding: 16px 12px;
  }

  .tools-section-heading {
    font-size: 28px;
  }

  .tools-grid {
    grid-column-gap: 0px;
    grid-row-gap: 12px;
    grid-template-columns: 1fr;
  }

  .tool-card {
    padding: 24px;
  }

  .tool-icon {
    width: 38px;
    height: 38px;
    font-size: 18px;
  }

  .tool-description {
    font-size: 12px;
  }

  .tool-cta-btn {
    margin-top: 10px;
    padding: 6px 12px;
    font-size: 12px;
  }

  .tillvaxt-section {
    padding: 48px 20px 60px;
  }

  .tillvaxt-main-heading {
    margin-bottom: 28px;
    font-size: 24px;
  }

  .tillvaxt-filter-bar {
    margin-bottom: 32px;
    padding-bottom: 20px;
  }

  .tillvaxt-grid {
    grid-template-columns: 1fr;
  }

  .tillvaxt-card {
    text-align: center;
    flex-direction: column;
    align-items: center;
    padding: 24px 20px;
    display: flex;
  }

  .tillvaxt-card-header {
    grid-row-gap: 12px;
    text-align: center;
    flex-direction: column-reverse;
    justify-content: center;
    align-items: center;
    margin-bottom: 16px;
  }

  .tillvaxt-card-title {
    text-align: center;
    max-width: 100%;
    font-size: 18px;
  }

  .tillvaxt-badge {
    text-align: center;
    display: block;
  }

  .tillvaxt-card-desc {
    text-align: center;
  }

  .tillvaxt-card-header-new {
    grid-row-gap: 8px;
    flex-direction: column-reverse;
    justify-content: center;
    align-items: center;
    margin-bottom: 16px;
  }

  .tools-section, .sa-tools-section {
    padding-top: 48px;
    padding-bottom: 48px;
  }

  .sa-tools-heading {
    font-size: 1.8rem;
  }

  .sa-tool-card {
    padding: 24px 20px;
  }

  .ac-local-nav {
    grid-column-gap: 8px;
    flex-wrap: nowrap;
    padding-left: 20px;
    padding-right: 20px;
    overflow-x: auto;
  }

  .ac-local-nav-link {
    white-space: nowrap;
    flex-shrink: 0;
  }

  .ac-logo-wrap {
    padding-top: 20px;
    padding-bottom: 12px;
  }

  .ac-logo-img {
    width: 200px;
  }

  .footer-columns-wrapper {
    grid-row-gap: 2rem;
    flex-direction: column;
    padding-top: 2rem;
    padding-bottom: 1rem;
  }

  .footer-column {
    grid-row-gap: .6rem;
    flex: none;
  }

  .footer-column-heading {
    margin-bottom: .5rem;
    font-size: 3.5vw;
    line-height: 5vw;
  }

  .footer-column-link {
    font-size: 3.5vw;
    line-height: 6vw;
  }

  .hero-jobba-section {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    height: auto;
    min-height: 100vh;
    padding-top: 140px;
    padding-bottom: 60px;
  }

  .hero-jobba-content {
    text-align: left;
    align-items: flex-start;
    max-width: 90%;
    margin-left: 6vw;
  }

  .hero-jobba-title {
    margin-top: 0;
    margin-bottom: 24px;
    font-size: 40px;
  }

  .jobs-section-wrap {
    padding: 60px 5vw;
  }

  .jobs-section-title {
    margin-bottom: 36px;
    font-size: 36px;
  }

  .jobs-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .om-section {
    padding: 60px 5vw;
  }

  .drivkraft-grid {
    grid-row-gap: 40px;
    grid-template-columns: 1fr;
  }

  .om-h1 {
    margin-bottom: 24px;
    font-size: 40px;
  }

  .wave-wrap {
    display: none;
  }

  .maal-grid {
    grid-row-gap: 48px;
    grid-template-columns: 1fr;
  }

  .hero-benefits-btn {
    text-align: center;
    width: 100%;
    margin-right: 0;
    padding: 12px 20px;
    font-size: .8rem;
  }

  .who-section-wrapper {
    margin-left: 16px;
    margin-right: 16px;
    padding: 32px 24px;
  }

  .who-section-title {
    margin-bottom: 24px;
    font-size: 28px;
  }

  .who-section-grid {
    grid-row-gap: 40px;
    grid-template-columns: 1fr;
  }

  .featured-card {
    padding: 24px 20px;
  }

  .featured-top-row {
    grid-row-gap: 12px;
    flex-direction: column;
    column-gap: 0;
  }

  .featured-label {
    font-size: 12px;
  }

  .featured-logo {
    height: 50px;
  }

  .featured-quote {
    white-space: normal;
    font-size: 14px;
  }

  .contact-heading-static {
    margin-bottom: 12px;
    font-size: 14vw;
  }

  .welcome-hero {
    min-height: 70vh;
    padding: 80px 24px;
  }

  .welcome-label {
    letter-spacing: 3px;
    font-size: 12px;
  }

  .welcome-heading {
    letter-spacing: -1px;
    font-size: 36px;
  }

  .welcome-description {
    margin-bottom: 32px;
    font-size: 15px;
  }

  .welcome-cta {
    padding: 14px 32px;
    font-size: 13px;
  }

  .portal-section {
    padding-top: 40px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .portal-title {
    font-size: 32px;
  }

  .portal-grid {
    grid-template-columns: 1fr;
  }

  .upcoming-events-grid {
    flex-direction: column;
    padding-left: 20px;
    padding-right: 20px;
  }

  .upcoming-section-heading {
    padding-left: 20px;
    padding-right: 20px;
    font-size: 24px;
  }
}

@media screen and (max-width: 479px) {
  body {
    --base-value--primary-font: Inter, sans-serif;
    --base-value--base-color: #333;
    --base-value--base-size: 300px;
    --base-value--base-height: 20px;
    --base-value--normal-font-weight: 400;
    --spacing--zero-heading-spacing: 0px;
    --color-style--secondary-color-1: white;
    --heading--h1-size: 3rem;
    --heading--h1-height: 3rem;
    --spacing--zero-paragraph-spacing: 0px;
    --heading--h2-size: 2.1rem;
    --heading--h2-height: 2.5rem;
    --heading--h3-size: 1.75rem;
    --heading--h3-height: 2.1rem;
    --heading--h4-size: 1.5rem;
    --heading--h4-height: 1.9rem;
    --heading--h5-size: 1.2rem;
    --heading--h5-height: 1.6rem;
    --heading--h6-size: 1.05rem;
    --heading--h6-height: 1.4rem;
    --paragraph-all-device--paragraph-size: 1rem;
    --paragraph-all-device--paragraph-height: 1.3rem;
    --paragraph-all-device--paragraph-tablet-size\<deleted\|variable-c4e30b6c-2b4b-2122-db6e-d9127adb23d6\>: 2vw;
    --paragraph-all-device--paragraph-tablet-height\<deleted\|variable-5fbee42f-bd62-866b-1d76-fc990a06d9fd\>: 2.8vw;
    --paragraph-all-device--paragraph-mobile-l-size\<deleted\|variable-6bc6921c-3b1e-1690-963c-70f673782cc4\>: 1rem;
    --paragraph-all-device--paragraph-mobile-l-height\<deleted\|variable-d9a3e481-07ee-3eaa-70b1-f576909bbcd3\>: 1.3rem;
    --spacing--margin-minus-hero: -3rem;
    --spacing--spacing-section: 3rem;
    --color-style--secondary-color-6: black;
    --spacing--spacing-container: 1rem;
    --spacing--spacing-button-left-right: .8rem;
    --spacing--zero-section: 0rem;
    --spacing--padding-section-plus: 4rem;
    --spacing--spacing-section-mobile-l\<deleted\|variable-5ae270fd-ac51-c035-60c6-ea60c5ab5d9a\>: 3rem;
    --spacing--zero-container: 0rem;
    --text-size--small-size-link-footer: 1rem;
    --text-height--small-height-link-footer: 1.3rem;
    --base-value--bold-weight: 700;
    --text-size--medium-size-text: 2.2rem;
    --text-height--medium-height-text: 2.5rem;
    --text-size--medium-big-size-text: 4rem;
    --text-height--medium-big-height-text: 3.5rem;
    --base-value--medium-weight: 500;
    --text-size--big-size-text: 14vw;
    --text-height--big-height-text: 13.5vw;
    --text-size--small-size-text: .9rem;
    --text-height--small-height-text: 1.1rem;
    --spacing--spacing-card-team-top-bot: 1.8vw;
    --spacing--spacing-card-team-left: 1rem;
    --spacing--margin-plus-service-one: 0%;
    --spacing--margin-plus-service-two: 0%;
    --spacing--margin-plus-service-three: 0%;
    --spacing--margin-plus-service-four: 0%;
    --text-size--small-medium-size: 1.2rem;
    --text-height--small-medium-height: 1.5rem;
    --text-size--small-size-service: .85rem;
    --text-height--small-height-service: 1.2rem;
    --spacing--padding-plus-project: 3vw;
    --spacing--spacing-left-project: 0rem;
    --margin-plus-project: 0vw;
    --padding-plus-project: 0rem;
    --spacing--spacing-down-project: 0rem;
    --text-size--medium-small-size-project: 1.8rem;
    --text-height--medium-small-height-project: 2rem;
    --spacing--padding-plus-tagline: .4rem;
    --spacing--padding-plus-left-right-tagline: .9rem;
    --text-size--small-size-project: .9rem;
    --text-height--small-height-project: 1rem;
    --spacing--spacing-right-tag-project: 0rem;
    --spacing--spacing-down-tag-project: 0rem;
    --base-value--base-color-overlay: #00000073;
    --text-size--small-size-team: 1.3rem;
    --text-height--small-height-team: 1.5rem;
    --text-size--small-size-text-job: .9rem;
    --text-height--small-height-text-job: 1.1rem;
    --spacing--padding-team: 3vw;
    --spacing--margin-plus-list: 1.2rem;
    --text-size--small-medium-size-questions: 1.2rem;
    --text-height--small-medium-height-questions: 1.8rem;
    --spacing--spacing-button-up-down: .5rem;
    --base-value--secondary-font: "Material Symbols Rounded", sans-serif;
    --text-size--small-size-icon: 1.3rem;
    --text-height--small-height-icon: 1.5rem;
    --text-size--small-text-size-button: 1rem;
    --text-height--small-text-height-button: 1.3rem;
    --spacing--padding-plus-navbar: 1rem;
    --text-size--big-navbar-size-text: 2.4rem;
    --text-height--big-navbar-height-text: 100%;
    --spacing--spacing-navbar: 2vw;
    --spacing--padding-down-plus: .8rem;
    --color-style--primary-color-1: #ff4722;
    --color-style--secondary-color-2: #ccc;
    --color-style--secondary-color-4: #222;
    --color-style--primary-color-3: #ffb899;
    --color-style--primary-color-2: #ff6b4d;
    --color-style--secondary-color-3: #999;
    --color-style--secondary-color-5: #111;
    --color-style--primary-color-6: #8a2413;
    --color-style--primary-color-5: #cc2e00;
    --color-style--primary-color-4: #ff7433;
    --paragraph-all-device--paragraph-alternative-size: 1.4vw;
    --spacing--padding-plus-changelog: 5vw;
    --text-size--small-size-changelog: 1rem;
    --text-height--small-height-changelog: 1.3rem;
    --spacing--margin-plus-contact: 20rem;
    --text-size--big-size-text-marquee: 4rem;
    --text-height--big-height-text-marquee: 4rem;
    --spacing--spacing-left-right-service: 2vw;
    --spacing--spacing-up-down-service: 1.5vw;
  }

  .wrapper-about {
    grid-column-gap: 5rem;
    grid-row-gap: 5rem;
  }

  .inner-wrapper-five {
    grid-row-gap: 12px;
    flex-direction: column;
    align-items: flex-start;
  }

  .main-wrapper-hero {
    grid-column-gap: 2.5rem;
    grid-row-gap: 2.5rem;
    justify-content: center;
    align-items: stretch;
  }

  .heading-hero.one {
    flex-flow: column;
  }

  .heading-hero.two {
    justify-content: flex-start;
    align-items: center;
    display: none;
  }

  .inner-wrapper-mid {
    align-self: center;
  }

  .section.hero {
    padding-top: 4rem;
  }

  .section.about {
    margin-top: -30px;
  }

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

  .section.project-rotate {
    background-color: #000;
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .wrapper-paragraph-hero {
    width: auto;
    max-width: 80%;
  }

  .inner-wrapper-four {
    width: 85vw;
    height: 65vw;
    margin-top: 24px;
    margin-left: 0;
    display: flex;
  }

  .wrapper-tag-underline {
    justify-content: flex-start;
    align-items: center;
    margin-top: -3.8rem;
  }

  .card-hero.two, .card-hero.four, .card-hero.five, .card-hero.three, .card-hero.one {
    border-radius: .4rem;
    transform: none;
  }

  .wrapper-hero {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    min-height: auto;
    margin-top: -36px;
    padding-top: 0;
    overflow: hidden;
  }

  .container.projects {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .container.hero-contain {
    margin-top: 21px;
  }

  .link-bottom-footer {
    font-size: 3.5vw;
    line-height: 6vw;
  }

  .bottom-wrapper {
    grid-column-gap: 1rem;
    grid-row-gap: .5rem;
    box-shadow: none;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .bot-inner-content {
    grid-column-gap: 1rem;
    grid-row-gap: .4rem;
    flex-flow: column;
  }

  .wrapper-content-about {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
  }

  .wrapper-paragraph-about {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    width: auto;
  }

  .wrapper-right-about {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .wrapper-about-top {
    width: auto;
  }

  .wrapper-content-achieve {
    grid-column-gap: 5rem;
    grid-row-gap: 5rem;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .wrapper-number-count {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    width: auto;
  }

  .wrapper-number-count.absolute {
    width: auto;
    display: none;
  }

  .wrapper-number-count.absolute-mobile {
    width: auto;
    display: flex;
    position: static;
  }

  .inner-number {
    grid-column-gap: .6rem;
    grid-row-gap: .6rem;
  }

  .inner-number.years {
    font-size: 8rem;
    line-height: 6rem;
  }

  .inner-achieve {
    grid-column-gap: 0vw;
    grid-row-gap: 3rem;
    flex-flow: wrap;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    overflow: visible;
  }

  .wrapper-service {
    grid-column-gap: 5rem;
    grid-row-gap: 5rem;
  }

  .content-text-service {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
  }

  .wrapper-card-text {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
  }

  .card-text.one, .card-text.two, .card-text.three, .card-text.four {
    grid-column-gap: .8rem;
    grid-row-gap: .8rem;
  }

  .wrapper-faq {
    grid-column-gap: 5rem;
    grid-row-gap: 5rem;
  }

  .paragraph-service {
    width: auto;
  }

  .inner-content-mask.one {
    order: -9999;
    padding: 0;
    position: static;
  }

  .item.one, .item.two, .item.three, .item.six, .item.seven, .item._5 {
    width: 100%;
    height: 15rem;
    position: relative;
  }

  .item.zero-anchor {
    display: none;
  }

  .item.one-mobile, .item.five-mobile, .item.three-mobile {
    width: 100%;
    height: 15rem;
    position: relative;
  }

  .item.four-mobile {
    width: 100%;
    height: auto;
    position: relative;
  }

  .image-projects {
    z-index: 0;
  }

  .move-projects {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column;
    width: 100%;
    display: none;
  }

  .wrapper-bg-projects {
    justify-content: center;
    align-items: center;
    height: auto;
    overflow: hidden;
  }

  .wrapper-sticky-hidden {
    grid-column-gap: 5rem;
    grid-row-gap: 5rem;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    height: auto;
    position: static;
    overflow: visible;
  }

  .wrapper-overflow-hidden {
    width: auto;
    height: auto;
    display: block;
    position: static;
    overflow: visible;
    transform: perspective(300px);
  }

  .item-image {
    justify-content: center;
    align-items: flex-start;
    position: static;
    transform: none;
  }

  .bg {
    margin-bottom: 0;
  }

  .bg-item, .name-projects {
    display: none;
    position: static;
  }

  .inner-name-projects.one {
    z-index: 3;
    position: static;
  }

  .inner-name-projects.two {
    padding-bottom: 0;
    padding-left: 0;
    position: static;
  }

  .inner-name-projects.three, .inner-name-projects.four, .inner-name-projects.five {
    padding: 0;
    position: static;
  }

  .name-tag-jobs {
    display: none;
    position: static;
  }

  .wrappdown-tags.one {
    z-index: 3;
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    position: static;
  }

  .wrappdown-tags.two {
    grid-column-gap: .6rem;
    grid-row-gap: .6rem;
    position: static;
  }

  .wrappdown-tags.three {
    flex-flow: row;
    justify-content: flex-start;
    padding-top: 0;
    padding-left: 0;
    position: static;
  }

  .wrappdown-tags.four {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: wrap;
    justify-content: flex-start;
    padding-top: 0;
    padding-left: 0;
    position: static;
  }

  .wrappdown-tags.five {
    grid-column-gap: 1.2rem;
    grid-row-gap: 1.2rem;
    flex-flow: wrap;
    justify-content: flex-start;
    position: static;
  }

  .lines.second, .lines.first {
    display: none;
  }

  .heading-faq.one {
    width: auto;
  }

  .wrapper-team {
    grid-column-gap: 5rem;
    grid-row-gap: 5rem;
  }

  .wrapper-content-team {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .heading-text-team.one {
    width: auto;
  }

  .card-team {
    border-radius: .5rem;
    flex-shrink: 0;
    width: 45vw;
    height: 55vw;
  }

  .card-team.one {
    border-radius: .5rem;
    margin-left: 1rem;
  }

  .icon-card-team {
    padding-bottom: .8rem;
    padding-left: .8rem;
  }

  .text-card-team {
    padding-left: .8rem;
  }

  .inner-wrapper-team {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .paragraph-faq {
    margin-top: 10px;
  }

  .wrapp-text-question {
    white-space: pre-line;
    word-break: normal;
    flex-flow: row;
    justify-content: center;
    align-items: center;
  }

  .question-faq {
    white-space: pre-line;
    word-break: normal;
    flex-flow: row;
    margin-top: 4px;
  }

  .dropdown-toggle {
    height: 2.5rem;
  }

  .tag-marquee {
    font-size: 1rem;
    line-height: 1.3rem;
  }

  .wrapp-inner-marq.one {
    transform: translate(-3vw)rotate(31deg)perspective(200px);
  }

  .heading-text-hero {
    font-size: 3rem;
    line-height: 3rem;
  }

  .line-break-about {
    display: none;
  }

  .wrapper-in-card {
    grid-column-gap: .8rem;
    grid-row-gap: .8rem;
  }

  .heading-projects-one {
    width: auto;
  }

  .heading-projects-two {
    display: none;
  }

  .submit-button {
    margin-top: .5rem;
  }

  .buttin-in-wrapp {
    padding: .6rem 1rem;
  }

  .navbar-sp {
    padding-left: 15px;
    padding-right: 15px;
  }

  .navbar-sp.no-color {
    width: 100%;
  }

  .navbar-main-menu {
    width: auto;
    height: auto;
  }

  .navbar-in-menu-wrap {
    justify-content: center;
    align-items: center;
    height: 100%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .navbar-brand-image {
    height: 3.5rem;
  }

  .absolute-background {
    background-color: #0000008c;
  }

  .navbar-main-menu-wrap {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .space-mobile {
    height: auto;
  }

  .space-card.null {
    order: -9999;
    justify-content: center;
    align-items: center;
    height: 12rem;
    display: flex;
  }

  .numbers-counts, .alfa {
    font-size: 4rem;
    line-height: 3.5rem;
  }

  .move-projects-mobile {
    margin-bottom: var(--spacing--zero-section);
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    flex-flow: column;
    height: auto;
    display: flex;
    transform: none;
  }

  .wrapper-inner-item {
    z-index: 2;
    padding-bottom: var(--spacing--padding-down-plus);
    padding-left: var(--spacing--spacing-container);
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    border: 1px solid #fcfcfc;
    border-radius: 12px;
    flex-flow: column;
    justify-content: flex-end;
    align-items: flex-start;
    display: flex;
    position: absolute;
    inset: 0%;
  }

  .overlay-projects {
    z-index: 1;
    -webkit-backdrop-filter: blur(11px);
    backdrop-filter: blur(11px);
    background-color: #00000080;
    position: absolute;
    inset: 0%;
  }

  .link-block {
    overflow: hidden;
  }

  .background-video {
    width: 100%;
    height: 100%;
  }

  .utility-page-in {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .paragraph-style-guide {
    text-align: center;
  }

  .natural-color {
    grid-column-gap: 1.1rem;
    grid-row-gap: 1.1rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .font-style-heading {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .primary-base-color {
    grid-column-gap: 1.1rem;
    grid-row-gap: 1.1rem;
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .wrapper-content-style.font {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .wrapper-content-style.color {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    margin-bottom: 4rem;
  }

  .wrapper-content-style.button {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .color-core {
    width: 100%;
    height: 4rem;
  }

  .item-netural-color {
    align-items: stretch;
  }

  .asset-wrapper {
    flex-flow: column;
  }

  .inner-wrapp-license {
    width: 100%;
  }

  .wrapper-changelog {
    justify-content: center;
    align-items: stretch;
  }

  .wrapper-version {
    border-radius: .5rem;
  }

  .wrapper-instructions {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
  }

  .wrapper-footer {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    justify-content: flex-end;
    align-items: flex-start;
    height: auto;
    overflow: hidden visible;
  }

  .wrapper-quick-link {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-flow: column;
  }

  .wrapper-logo-footer {
    height: 20vw;
    margin-bottom: -1.4rem;
    position: relative;
    overflow: hidden;
  }

  .wrapper-content-footer {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-direction: column;
    height: auto;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    overflow: hidden visible;
  }

  .inner-content-link {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    width: auto;
  }

  .wrapp-in-marquee {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .wrapper-text-marquee {
    width: 45.5rem;
  }

  .trigger-mouse-event {
    grid-row-gap: 24px;
    flex-direction: column;
    height: auto;
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .rounded-field {
    font-size: .9rem;
    line-height: 1.3rem;
  }

  .wrapp-in-form {
    grid-column-gap: .8rem;
    grid-row-gap: .8rem;
  }

  .form-wrapper {
    width: 100%;
    height: 100%;
  }

  .wrapper-icon-close {
    width: 2.5rem;
    height: 2.5rem;
    margin-top: -1rem;
    margin-right: -1rem;
  }

  .icon-close {
    width: auto;
    height: 1.4rem;
  }

  .text-area {
    font-size: .9rem;
    line-height: 1.3rem;
  }

  .contact-wrapper {
    z-index: 25;
    width: 85%;
    height: 20rem;
    display: none;
  }

  .button-contact {
    border-radius: .6rem;
    width: auto;
    height: auto;
    position: relative;
  }

  .text-absolute {
    font-size: 14vw;
  }

  .gradient-overlay {
    height: 1rem;
    inset: auto 0% 0%;
  }

  .members-hero-heading {
    font-size: 11vw;
  }

  .vip-section {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .vip-heading {
    margin-bottom: 20px;
    font-size: 26px;
  }

  .text-block-2 {
    --base-value--primary-font: Inter, sans-serif;
    --base-value--base-color: #333;
    --base-value--base-size: 300px;
    --base-value--base-height: 20px;
    --base-value--normal-font-weight: 400;
    --spacing--zero-heading-spacing: 0px;
    --color-style--secondary-color-1: white;
    --heading--h1-size: 3rem;
    --heading--h1-height: 3rem;
    --spacing--zero-paragraph-spacing: 0px;
    --heading--h2-size: 2.1rem;
    --heading--h2-height: 2.5rem;
    --heading--h3-size: 1.75rem;
    --heading--h3-height: 2.1rem;
    --heading--h4-size: 1.5rem;
    --heading--h4-height: 1.9rem;
    --heading--h5-size: 1.2rem;
    --heading--h5-height: 1.6rem;
    --heading--h6-size: 1.05rem;
    --heading--h6-height: 1.4rem;
    --paragraph-all-device--paragraph-size: 1rem;
    --paragraph-all-device--paragraph-height: 1.3rem;
    --paragraph-all-device--paragraph-tablet-size\<deleted\|variable-c4e30b6c-2b4b-2122-db6e-d9127adb23d6\>: 2vw;
    --paragraph-all-device--paragraph-tablet-height\<deleted\|variable-5fbee42f-bd62-866b-1d76-fc990a06d9fd\>: 2.8vw;
    --paragraph-all-device--paragraph-mobile-l-size\<deleted\|variable-6bc6921c-3b1e-1690-963c-70f673782cc4\>: 1rem;
    --paragraph-all-device--paragraph-mobile-l-height\<deleted\|variable-d9a3e481-07ee-3eaa-70b1-f576909bbcd3\>: 1.3rem;
    --spacing--margin-minus-hero: -3rem;
    --spacing--spacing-section: 3rem;
    --color-style--secondary-color-6: black;
    --spacing--spacing-container: 1rem;
    --spacing--spacing-button-left-right: .8rem;
    --spacing--zero-section: 0rem;
    --spacing--padding-section-plus: 4rem;
    --spacing--spacing-section-mobile-l\<deleted\|variable-5ae270fd-ac51-c035-60c6-ea60c5ab5d9a\>: 3rem;
    --spacing--zero-container: 0rem;
    --text-size--small-size-link-footer: 1rem;
    --text-height--small-height-link-footer: 1.3rem;
    --base-value--bold-weight: 700;
    --text-size--medium-size-text: 2.2rem;
    --text-height--medium-height-text: 2.5rem;
    --text-size--medium-big-size-text: 4rem;
    --text-height--medium-big-height-text: 3.5rem;
    --base-value--medium-weight: 500;
    --text-size--big-size-text: 14vw;
    --text-height--big-height-text: 13.5vw;
    --text-size--small-size-text: .9rem;
    --text-height--small-height-text: 1.1rem;
    --spacing--spacing-card-team-top-bot: 1.8vw;
    --spacing--spacing-card-team-left: 1rem;
    --spacing--margin-plus-service-one: 0%;
    --spacing--margin-plus-service-two: 0%;
    --spacing--margin-plus-service-three: 0%;
    --spacing--margin-plus-service-four: 0%;
    --text-size--small-medium-size: 1.2rem;
    --text-height--small-medium-height: 1.5rem;
    --text-size--small-size-service: .85rem;
    --text-height--small-height-service: 1.2rem;
    --spacing--padding-plus-project: 3vw;
    --spacing--spacing-left-project: 0rem;
    --margin-plus-project: 0vw;
    --padding-plus-project: 0rem;
    --spacing--spacing-down-project: 0rem;
    --text-size--medium-small-size-project: 1.8rem;
    --text-height--medium-small-height-project: 2rem;
    --spacing--padding-plus-tagline: .4rem;
    --spacing--padding-plus-left-right-tagline: .9rem;
    --text-size--small-size-project: .9rem;
    --text-height--small-height-project: 1rem;
    --spacing--spacing-right-tag-project: 0rem;
    --spacing--spacing-down-tag-project: 0rem;
    --base-value--base-color-overlay: #00000073;
    --text-size--small-size-team: 1.3rem;
    --text-height--small-height-team: 1.5rem;
    --text-size--small-size-text-job: .9rem;
    --text-height--small-height-text-job: 1.1rem;
    --spacing--padding-team: 3vw;
    --spacing--margin-plus-list: 1.2rem;
    --text-size--small-medium-size-questions: 1.2rem;
    --text-height--small-medium-height-questions: 1.8rem;
    --spacing--spacing-button-up-down: .5rem;
    --base-value--secondary-font: "Material Symbols Rounded", sans-serif;
    --text-size--small-size-icon: 1.3rem;
    --text-height--small-height-icon: 1.5rem;
    --text-size--small-text-size-button: 1rem;
    --text-height--small-text-height-button: 1.3rem;
    --spacing--padding-plus-navbar: 1rem;
    --text-size--big-navbar-size-text: 2.4rem;
    --text-height--big-navbar-height-text: 100%;
    --spacing--spacing-navbar: 2vw;
    --spacing--padding-down-plus: .8rem;
    --color-style--primary-color-1: #ff4722;
    --color-style--secondary-color-2: #ccc;
    --color-style--secondary-color-4: #222;
    --color-style--primary-color-3: #ffb899;
    --color-style--primary-color-2: #ff6b4d;
    --color-style--secondary-color-3: #999;
    --color-style--secondary-color-5: #111;
    --color-style--primary-color-6: #8a2413;
    --color-style--primary-color-5: #cc2e00;
    --color-style--primary-color-4: #ff7433;
    --paragraph-all-device--paragraph-alternative-size: 1.4vw;
    --spacing--padding-plus-changelog: 5vw;
    --text-size--small-size-changelog: 1rem;
    --text-height--small-height-changelog: 1.3rem;
    --spacing--margin-plus-contact: 20rem;
    --text-size--big-size-text-marquee: 4rem;
    --text-height--big-height-text-marquee: 4rem;
    --spacing--spacing-left-right-service: 2vw;
    --spacing--spacing-up-down-service: 1.5vw;
  }

  .login-page-section {
    padding-left: 16px;
    padding-right: 16px;
  }

  .login-card {
    width: 90%;
    padding: 28px 20px;
  }

  .np-container {
    padding-left: 0;
    padding-right: 0;
  }

  .np-grid {
    grid-template-columns: 1fr;
  }

  .content-wrap {
    grid-row-gap: 20px;
  }

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

  .card.mid, .card.ml, .card.mr {
    padding: 20px;
  }

  .button-wrap.big {
    font-size: 17px;
  }

  .submit-button-2 {
    width: 100%;
  }

  .image-wrap {
    height: 200px;
    padding-bottom: 0;
    display: flex;
  }

  .section_big {
    flex-direction: column;
    justify-content: flex-start;
    align-items: start;
    display: flex;
  }

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

  .tools-grid {
    grid-row-gap: 20px;
    grid-template-columns: 1fr;
  }

  .tool-card {
    padding: 16px;
  }

  .tool-card-top {
    margin-bottom: 12px;
  }

  .tool-name {
    margin-bottom: -3px;
  }

  .tillvaxt-section {
    padding: 40px 16px 56px;
  }

  .tillvaxt-grid {
    grid-template-columns: 1fr;
  }

  .tillvaxt-card {
    text-align: center;
    flex-direction: column;
    align-items: center;
    padding: 24px 20px;
    display: flex;
  }

  .tillvaxt-card-header {
    grid-row-gap: 12px;
    text-align: center;
    flex-direction: column-reverse;
    justify-content: center;
    align-items: center;
    margin-bottom: 16px;
  }

  .tillvaxt-card-title {
    text-align: center;
    max-width: 100%;
    font-size: 18px;
  }

  .tillvaxt-badge {
    text-align: center;
    display: block;
  }

  .tillvaxt-card-desc {
    text-align: center;
  }

  .tabs-menu {
    grid-row-gap: 10px;
    flex-direction: column;
    align-items: stretch;
  }

  .heading-405 {
    margin-bottom: var(--spacing--spacing-section);
    text-align: center;
  }

  .tillvaxt-card-header-new {
    grid-row-gap: 8px;
    flex-direction: column-reverse;
    justify-content: center;
    align-items: center;
    margin-bottom: 16px;
  }

  .ac-local-nav {
    background-color: #0000000d;
  }

  .ac-logo-img {
    padding-top: 10px;
  }

  .footer-columns-wrapper {
    grid-row-gap: 1.5rem;
    flex-direction: column;
    padding-top: 1.5rem;
    padding-bottom: 1rem;
  }

  .footer-column {
    grid-row-gap: .5rem;
    flex: none;
  }

  .footer-column-heading {
    margin-bottom: 0;
    font-size: 4vw;
    line-height: 6vw;
  }

  .footer-column-link {
    font-size: 4vw;
    line-height: 7vw;
  }

  .hero-jobba-section {
    justify-content: flex-start;
    align-items: center;
    padding-top: 140px;
    padding-bottom: 60px;
  }

  .hero-jobba-overlay {
    flex: 0 auto;
  }

  .hero-jobba-content {
    text-align: left;
    align-items: flex-start;
    width: 100%;
    max-width: 90%;
    margin-left: 0;
    padding-left: 6vw;
    padding-right: 6vw;
  }

  .hero-jobba-title {
    margin-top: 0;
    margin-bottom: 24px;
    font-size: 32px;
  }

  .jobs-section-wrap {
    padding: 48px 6vw;
  }

  .jobs-section-title {
    margin-bottom: 28px;
    font-size: 28px;
  }

  .jobs-grid {
    grid-template-columns: 1fr;
  }

  .job-card-link {
    padding: 24px 20px;
  }

  .om-section {
    padding: 48px 6vw;
  }

  .drivkraft-grid {
    grid-row-gap: 0px;
    grid-template-columns: 1fr;
  }

  .om-h1 {
    margin-bottom: 20px;
    font-size: 32px;
  }

  .om-lead {
    font-size: 16px;
  }

  .om-body {
    font-size: 15px;
  }

  .maal-grid {
    grid-row-gap: 40px;
    grid-template-columns: 1fr;
    margin-bottom: 40px;
  }

  .om-divider {
    margin-bottom: 40px;
  }

  .hero-benefits-btn {
    margin-top: 27px;
    margin-bottom: 20px;
  }

  .paragraph-2 {
    font-size: var(--paragraph-all-device--paragraph-size);
  }

  .who-section-wrapper {
    margin-left: 12px;
    margin-right: 12px;
    padding: 28px 20px;
  }

  .who-section-title {
    margin-bottom: 20px;
    font-size: 26px;
  }

  .who-section-grid {
    grid-row-gap: 40px;
    grid-template-columns: 1fr;
  }

  .who-section-card-text {
    font-size: 15px;
  }

  .contact-heading-static {
    margin-bottom: 12px;
    font-size: 14vw;
  }

  .welcome-hero {
    padding-top: 59px;
  }

  .welcome-label {
    margin-bottom: 18px;
    font-size: 11px;
  }

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

  .welcome-description {
    font-size: 14px;
  }

  .inner-button-event {
    margin-top: 69px;
  }

  .text-block-7 {
    margin-bottom: 0;
  }

  .body-10, .section-7 {
    margin-right: 0;
  }
}

@media screen and (max-width: 767px) {
  #w-node-ea66f05e-3163-967c-be1a-ea7860153308-34d838e3, #w-node-ea66f05e-3163-967c-be1a-ea7860153308-520ed83a {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }
}