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

body {
  margin: 0;
}

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

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

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

[hidden], template {
  display: none;
}

a {
  background-color: #0000;
}

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

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

b, strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

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

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

small {
  font-size: 80%;
}

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

sup {
  top: -.5em;
}

sub {
  bottom: -.25em;
}

img {
  border: 0;
}

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

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

pre {
  overflow: auto;
}

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

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

button {
  overflow: visible;
}

button, select {
  text-transform: none;
}

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

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

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

input {
  line-height: normal;
}

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

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

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

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

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

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

td, th {
  padding: 0;
}

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

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

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

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

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

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

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

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

* {
  box-sizing: border-box;
}

html {
  height: 100%;
}

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

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

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

.w-block {
  display: block;
}

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

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

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

.w-hidden {
  display: none;
}

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

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

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

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

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

.w-optimization {
  display: contents;
}

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

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

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

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

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

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

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

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

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

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

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

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

figure {
  margin: 0 0 10px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .w-col {
    width: 100%;
  }

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

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

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

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

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

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

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

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

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

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

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

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

.w-widget {
  position: relative;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.w-tabs {
  position: relative;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@font-face {
  font-family: SFPRODISPLAYBLACKITALIC;
  src: url("https://cdn.prod.website-files.com/64100316e1db9e6977ed6b0d/653b5b4c3a80a13e31333f76_SFPRODISPLAYBLACKITALIC.OTF") format("opentype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: SFPRODISPLAYHEAVYITALIC;
  src: url("https://cdn.prod.website-files.com/64100316e1db9e6977ed6b0d/653b5b4c18ac409314cf3cc9_SFPRODISPLAYHEAVYITALIC.OTF") format("opentype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: SFPRODISPLAYULTRALIGHTITALIC;
  src: url("https://cdn.prod.website-files.com/64100316e1db9e6977ed6b0d/653b5b4cc8b130104fa919a9_SFPRODISPLAYULTRALIGHTITALIC.OTF") format("opentype");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: SFPRODISPLAYLIGHTITALIC;
  src: url("https://cdn.prod.website-files.com/64100316e1db9e6977ed6b0d/653b5b4c6b9ed7421652c1d4_SFPRODISPLAYLIGHTITALIC.OTF") format("opentype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: SFPRODISPLAYBOLD;
  src: url("https://cdn.prod.website-files.com/64100316e1db9e6977ed6b0d/653b5b4c18ac409314cf3ce4_SFPRODISPLAYBOLD.OTF") format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: SFPRODISPLAYMEDIUM;
  src: url("https://cdn.prod.website-files.com/64100316e1db9e6977ed6b0d/653b5b4cf4cdcc576e3f90d5_SFPRODISPLAYMEDIUM.OTF") format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: SFPRODISPLAYTHINITALIC;
  src: url("https://cdn.prod.website-files.com/64100316e1db9e6977ed6b0d/653b5b4ce78207a80f268f8f_SFPRODISPLAYTHINITALIC.OTF") format("opentype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: SFPRODISPLAYSEMIBOLDITALIC;
  src: url("https://cdn.prod.website-files.com/64100316e1db9e6977ed6b0d/653b5b4cda1ffc13f96d99c3_SFPRODISPLAYSEMIBOLDITALIC.OTF") format("opentype");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: SFPRODISPLAYREGULAR;
  src: url("https://cdn.prod.website-files.com/64100316e1db9e6977ed6b0d/653b5b4d75beb44e774a5b69_SFPRODISPLAYREGULAR.OTF") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Dmseriftext;
  src: url("https://cdn.prod.website-files.com/64100316e1db9e6977ed6b0d/6819e72f7f92da0b2138aca8_DMSerifText-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Sf Pro Display;
  src: url("https://cdn.prod.website-files.com/64100316e1db9e6977ed6b0d/6819dc966a749b73257d3016_SF-Pro-Display-BlackItalic.otf") format("opentype"), url("https://cdn.prod.website-files.com/64100316e1db9e6977ed6b0d/6819dc96b80e09413b9acb85_SF-Pro-Display-HeavyItalic.otf") format("opentype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Sf Pro Display;
  src: url("https://cdn.prod.website-files.com/64100316e1db9e6977ed6b0d/6819dc9668988bf099c8f90f_SF-Pro-Display-Black.otf") format("opentype"), url("https://cdn.prod.website-files.com/64100316e1db9e6977ed6b0d/6819dc96a8ba114b3cdfad07_SF-Pro-Display-Heavy.otf") format("opentype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Sf Pro Display;
  src: url("https://cdn.prod.website-files.com/64100316e1db9e6977ed6b0d/6819dc96566cfed70f6e5f89_SF-Pro-Display-BoldItalic.otf") format("opentype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Sf Pro Display;
  src: url("https://cdn.prod.website-files.com/64100316e1db9e6977ed6b0d/6819dc9635356fc08aa2a529_SF-Pro-Display-Bold.otf") format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Sf Pro Display;
  src: url("https://cdn.prod.website-files.com/64100316e1db9e6977ed6b0d/6819dc96a0c1415bcc24bf4c_SF-Pro-Display-SemiboldItalic.otf") format("opentype");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Sf Pro Display;
  src: url("https://cdn.prod.website-files.com/64100316e1db9e6977ed6b0d/6819dc961026ac6ecfe8e48e_SF-Pro-Display-LightItalic.otf") format("opentype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Sf Pro Display;
  src: url("https://cdn.prod.website-files.com/64100316e1db9e6977ed6b0d/6819dc96aafa844ede11e78c_SF-Pro-Display-ThinItalic.otf") format("opentype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Sf Pro Display;
  src: url("https://cdn.prod.website-files.com/64100316e1db9e6977ed6b0d/6819dc97ba8014f09c05f664_SF-Pro-Display-Regular.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Sf Pro Display;
  src: url("https://cdn.prod.website-files.com/64100316e1db9e6977ed6b0d/6819dc9a9e4c82c7332b64f8_SF-Pro-Display-Light.otf") format("opentype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Sf Pro Display;
  src: url("https://cdn.prod.website-files.com/64100316e1db9e6977ed6b0d/6819dc9604f353ae50371544_SF-Pro-Display-Thin.otf") format("opentype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Sf Pro Display;
  src: url("https://cdn.prod.website-files.com/64100316e1db9e6977ed6b0d/6819dc962146e71c37f8e587_SF-Pro-Display-RegularItalic.otf") format("opentype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Sf Pro Display;
  src: url("https://cdn.prod.website-files.com/64100316e1db9e6977ed6b0d/6819dc96809de3ae47a462d6_SF-Pro-Display-Ultralight.otf") format("opentype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Sf Pro Display;
  src: url("https://cdn.prod.website-files.com/64100316e1db9e6977ed6b0d/6819dc96f86857b021adf9a4_SF-Pro-Display-UltralightItalic.otf") format("opentype");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Sf Pro Display;
  src: url("https://cdn.prod.website-files.com/64100316e1db9e6977ed6b0d/6819dc96603a17a00e768b63_SF-Pro-Display-MediumItalic.otf") format("opentype");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Sf Pro Display;
  src: url("https://cdn.prod.website-files.com/64100316e1db9e6977ed6b0d/6819dc96e672a15ba5c3a53f_SF-Pro-Display-Semibold.otf") format("opentype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Sf Pro Display;
  src: url("https://cdn.prod.website-files.com/64100316e1db9e6977ed6b0d/6819dc98511dbc962bf52b68_SF-Pro-Display-Medium.otf") format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

:root {
  --black: #101110;
  --white: #ffffff0f;
  --untitled-ui--primary700: #006cd1;
  --untitled-ui--gray400: #98a2b3;
  --untitled-ui--gray50-2: #f9fafb;
  --untitled-ui--gray600: #475467;
  --untitled-ui--primary600: #7f56d9;
  --untitled-ui--white: white;
  --untitled-ui--primary100: #ebf1ff;
  --untitled-ui--gray500: #667085;
  --untitled-ui--gray900: #101828;
  --untitled-ui--gray700: #344054;
  --untitled-ui--gray100: #f2f4f7;
  --untitled-ui--primary800: #53389e;
  --untitled-ui--gray300: #d0d5dd;
  --untitled-ui--gray800: #1d2939;
  --untitled-ui--success50: #ecfdf3;
  --untitled-ui--success700: #027a48;
  --untitled-ui--primary50: #006cd10a;
  --untitled-ui--gray200: #eaecf0;
  --untitled-ui--primary500: #9e77ed;
  --untitled-ui--primary200: #d7e9fe;
  --untitled-ui--primary300: #bbd6fb;
  --untitled-ui--blue50: #eff8ff;
  --untitled-ui--blue700: #175cd3;
  --untitled-ui--pink50: #fdf2fa;
  --untitled-ui--pink700: #c11574;
  --untitled-ui--indigo50: #eef4ff;
  --untitled-ui--indigo700: #3538cd;
  --untitled-ui--orange50: #fef6ee;
  --untitled-ui--orange700: #b93815;
  --untitled-ui--warning500: #f79009;
  --untitled-ui--indigo500: #6172f3;
  --untitled-ui--success500: #12b76a;
  --untitled-ui--pink500: #ee46bc;
  --untitled-ui--blue500: #2e90fa;
  --untitled-ui--primary900: #42307d;
}

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

.w-pagination-wrapper {
  flex-wrap: wrap;
  justify-content: center;
  display: flex;
}

.w-pagination-previous {
  color: #333;
  background-color: #fafafa;
  border: 1px solid #ccc;
  border-radius: 2px;
  margin-left: 10px;
  margin-right: 10px;
  padding: 9px 20px;
  font-size: 14px;
  display: block;
}

.w-pagination-previous-icon {
  margin-right: 4px;
}

.w-pagination-next {
  color: #333;
  background-color: #fafafa;
  border: 1px solid #ccc;
  border-radius: 2px;
  margin-left: 10px;
  margin-right: 10px;
  padding: 9px 20px;
  font-size: 14px;
  display: block;
}

.w-pagination-next-icon {
  margin-left: 4px;
}

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

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

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

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

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

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

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

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

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

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

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

body {
  color: #333;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

a {
  text-decoration: underline;
}

.navbar {
  z-index: 50;
  background-color: #fff;
}

.image {
  height: 3.4em;
}

.section {
  padding: 17px 65px;
}

.div-block {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.nav-link {
  color: #000;
  padding: 0 20px;
  font-family: Libre Franklin, sans-serif;
  font-size: 16px;
  text-decoration: none;
  display: inline-block;
}

.nav-link:hover {
  color: #2f7d7c;
}

.nav-link.w--current {
  color: #2f7d7c;
  padding-top: 0;
  padding-bottom: 0;
  font-family: Libre Franklin, sans-serif;
  font-weight: 700;
}

.button {
  color: #000;
  background-color: #3898ec00;
  border: 2px solid #000;
  border-radius: 50px;
  padding-top: 14px;
  padding-bottom: 14px;
  font-family: Libre Franklin, sans-serif;
  font-size: 16px;
  font-weight: 600;
}

.div-block-2 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: flex;
}

.section-2 {
  background-color: #f3f8f7;
  padding-top: 60px;
  padding-bottom: 60px;
}

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

.div-block-5 {
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: flex-start;
  width: 55%;
  padding-right: 60px;
  display: flex;
}

.div-block-6 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 40%;
  display: flex;
}

.heading {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 0;
  font-family: SFPRODISPLAYMEDIUM, sans-serif;
  font-size: 46px;
  font-weight: 500;
  line-height: 62px;
}

.container {
  max-width: 1080px;
}

.container-2 {
  max-width: 100vw;
}

.text-span {
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(108deg, #15a4ac, #a6ddb3 100%, #b3e2b4 100%, #e5f5b6);
  -webkit-background-clip: text;
  background-clip: text;
}

.text-block {
  margin-bottom: 20px;
  padding-right: 160px;
  font-family: Libre Franklin, sans-serif;
  font-size: 20px;
  line-height: 28px;
}

.button-2 {
  color: #000;
  background-image: linear-gradient(#15a4ac, #e5f5b6);
  border-radius: 50px;
  padding: 1.25rem 2rem;
  font-family: Libre Franklin, sans-serif;
  font-size: 16px;
  font-weight: 600;
}

.section-3 {
  background-color: #021717;
}

.heading-2 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Libre Franklin, sans-serif;
  font-size: 24px;
  line-height: 32px;
}

.image-2 {
  height: 2em;
  margin-left: 13rem;
  margin-right: 13rem;
}

.div-block-7 {
  justify-content: space-around;
  align-items: center;
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
}

.div-block-8 {
  flex-direction: row;
  justify-content: space-around;
  display: flex;
  overflow: hidden;
}

.section-4 {
  background-color: #f3f8f7;
  padding-top: 100px;
  padding-bottom: 100px;
}

.heading-4 {
  color: #000;
  margin-top: 0;
  margin-bottom: 20px;
  font-family: Libre Franklin, sans-serif;
  font-weight: 800;
  line-height: 1.4em;
}

.heading-4.white {
  color: #fff;
}

.image-3 {
  height: 1em;
}

.image-3.white {
  filter: invert();
  display: block;
}

.link-block {
  color: #000;
  border: 1px solid #000;
  border-radius: 50px;
  align-items: center;
  padding: 12px 20px;
  text-decoration: none;
  display: flex;
}

.text-block-2 {
  margin-right: 5px;
  font-family: Libre Franklin, sans-serif;
}

.text-block-2.white {
  color: #fff;
}

.section-5 {
  background-color: #d1eeb5;
  padding-top: 100px;
  padding-bottom: 100px;
}

.div-block-10 {
  width: 40%;
}

.div-block-11 {
  flex-direction: column;
  order: 1;
  justify-content: center;
  align-items: flex-start;
  width: 60%;
  padding-left: 60px;
  display: flex;
}

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

.div-block-12 {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  justify-content: space-between;
  display: flex;
}

.div-block-13 {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-direction: column;
  justify-content: center;
  width: 45%;
  height: 600px;
  display: flex;
  overflow: hidden;
}

.div-block-14 {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: none;
}

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

.image-6 {
  margin-top: -110px;
}

.image-7 {
  margin-top: 50px;
}

.image-8 {
  border-radius: 500px;
  margin-top: 40px;
}

.image-9 {
  margin-top: -100px;
}

.image-10 {
  margin-top: -100px;
  margin-bottom: 35px;
}

.section-7 {
  background-color: #000;
  padding-top: 60px;
  padding-bottom: 60px;
  display: none;
}

.container-3 {
  max-width: 100vw;
}

.heading-6 {
  color: #000;
  text-align: center;
  margin-top: 0;
  margin-bottom: 20px;
  font-family: Librefranklin;
}

.heading-6.white {
  color: #fff;
  font-family: Libre Franklin, sans-serif;
  font-weight: 800;
  line-height: 1.2em;
}

.div-block-15 {
  text-align: center;
  margin-bottom: 30px;
}

.section-8 {
  background-color: #000;
  display: block;
}

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

.div-block-17 {
  justify-content: space-around;
  padding-bottom: 60px;
  display: none;
  overflow: hidden;
}

.image-11 {
  width: 184px;
  margin-left: 3.5rem;
  margin-right: 3.5rem;
}

.image-12 {
  width: 374px;
  margin-left: 3.5rem;
  margin-right: 3.5rem;
}

.image-13 {
  width: 104px;
  margin-left: 3.5rem;
  margin-right: 3.5rem;
}

.image-14 {
  width: 374px;
  margin-left: 3.5rem;
  margin-right: 3.5rem;
}

.image-15 {
  width: 104px;
  margin-left: 3.5rem;
  margin-right: 3.5rem;
}

.image-16 {
  width: 184px;
  margin-left: 3.5rem;
  margin-right: 3.5rem;
}

.section-9 {
  background-color: #f3f8f7;
  padding-top: 100px;
  padding-bottom: 100px;
  display: none;
}

.container-4 {
  max-width: 1080px;
}

.heading-7 {
  color: #000;
  text-align: center;
  margin-top: 0;
  font-family: Libre Franklin, sans-serif;
  font-size: 48px;
  font-weight: 800;
  line-height: 1.2em;
}

.div-block-18 {
  margin-bottom: 60px;
}

.div-block-19 {
  cursor: pointer;
  background-color: #fff;
  border-radius: 40px;
  padding: 40px;
}

.heading-8 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Libre Franklin, sans-serif;
  font-size: 20px;
}

.image-17 {
  height: 1.5em;
}

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

.text-block-3 {
  margin-top: 15px;
  font-family: Libre Franklin, sans-serif;
  font-size: 16px;
  line-height: 28px;
}

.div-block-21 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-direction: column;
  margin-bottom: 100px;
  display: flex;
}

.div-block-22 {
  background-color: #d1eeb5;
  border-radius: 40px;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.heading-9 {
  color: #021717;
  text-align: center;
  font-family: Libre Franklin, sans-serif;
  font-weight: 800;
  line-height: 50px;
}

.div-block-24 {
  padding: 40px;
}

.div-block-25 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  padding: 40px;
  display: flex;
}

.image-18 {
  height: 1.7em;
}

.link-block-2 {
  border: 1px solid #000;
  border-radius: 50px;
  padding: 15px;
  overflow: visible;
}

.section-10 {
  background-color: #021717;
  padding: 60px 40px;
}

.text-block-5 {
  color: #98b8b8;
  margin-bottom: 20px;
  font-family: Libre Franklin, sans-serif;
  font-size: 16px;
}

.div-block-26 {
  border-top: 1px solid #98b8b8;
  border-bottom: 1px solid #98b8b8;
  margin-bottom: 60px;
}

.brand {
  display: none;
}

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

.navbar-2 {
  z-index: 0;
  background-color: #ddd0;
}

.nav-link-2 {
  color: #fff;
  font-family: Libre Franklin, sans-serif;
  font-size: 16px;
}

.nav-link-2.w--current {
  color: #fff;
  font-family: Libre Franklin, sans-serif;
}

.text-block-6 {
  opacity: .6;
  color: #fff;
  font-family: Libre Franklin, sans-serif;
  font-size: 16px;
  display: flex;
}

.text-block-6.returns, .text-block-6.shipping {
  display: none;
}

.div-block-29 {
  flex-flow: column wrap;
  place-content: stretch space-between;
  align-items: center;
  display: flex;
}

.div-block-30 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-wrap: nowrap;
  flex: 1;
  justify-content: center;
  align-self: auto;
  align-items: stretch;
  display: flex;
}

.div-block-31 {
  flex-wrap: nowrap;
  flex: 0 auto;
  justify-content: center;
  align-self: auto;
  display: flex;
}

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

.section-11.new {
  padding: 80px 20px;
}

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

.div-block-32 {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.container-6 {
  max-width: 1180px;
}

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

.div-block-34 {
  width: 60%;
}

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

.text-block-7 {
  margin-bottom: 40px;
  font-family: Libre Franklin, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 52px;
}

.div-block-38 {
  width: 70%;
}

.div-block-39 {
  background-color: #fff;
  border-radius: 50%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 130px;
  height: 130px;
  display: flex;
  box-shadow: 0 0 40px #0000001a;
}

.section-13 {
  background-color: #e5f3f1;
  padding-top: 60px;
  padding-bottom: 60px;
}

.section-13.new {
  background-color: #fff;
  padding-left: 20px;
  padding-right: 0;
}

.container-7 {
  max-width: 1180px;
}

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

.heading-10 {
  color: #021717;
  margin-top: 12px;
  margin-bottom: 12px;
  font-family: Libre Franklin, sans-serif;
  font-size: 42px;
  line-height: 1.4em;
}

.div-block-42 {
  background-color: #e5e5e5;
  width: 60px;
  height: 2px;
}

.div-block-43 {
  background-color: #e5e5e5;
  width: 120px;
  height: 2px;
}

.div-block-44 {
  background-color: #e5e5e5;
  width: 180px;
  height: 2px;
}

.div-block-45 {
  background-color: #e5e5e5;
  width: 240px;
  height: 2px;
}

.heading-11 {
  color: #000;
  text-align: center;
  margin-top: 0;
  font-family: Libre Franklin, sans-serif;
  font-size: 36px;
  line-height: 40px;
}

.div-block-47 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.heading-12 {
  color: #000;
  margin-top: 0;
  margin-bottom: 30px;
  font-family: SFPRODISPLAYMEDIUM, sans-serif;
  font-size: 46px;
  font-weight: 500;
  line-height: 62px;
}

.div-block-48 {
  margin-bottom: 30px;
}

.div-block-49 {
  flex-direction: column;
  align-items: flex-start;
  width: 30%;
  display: flex;
  position: relative;
}

.button-3 {
  color: #3d4848;
  background-color: #3898ec00;
  border: 1px solid #000;
  border-radius: 50px;
  padding: 8px 10px;
  font-family: SFPRODISPLAYREGULAR, sans-serif;
  font-size: 14px;
}

.button-3.w--current {
  color: #fff;
  background-color: #2f7d7c;
}

.button-4 {
  background-color: #000;
  border-radius: 50px;
  margin-bottom: 20px;
  padding: 8px 10px;
  font-family: Libre Franklin, sans-serif;
  font-size: 14px;
}

.button-4.w--current {
  font-family: SFPRODISPLAYREGULAR, sans-serif;
}

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

.image-23 {
  border-radius: 20px;
  margin-bottom: 20px;
}

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

.text-block-11 {
  color: #00000080;
  margin-bottom: 5px;
  font-family: SFPRODISPLAYREGULAR, sans-serif;
}

.heading-13 {
  color: var(--black);
  margin-top: 0;
  font-family: SFPRODISPLAYMEDIUM, sans-serif;
  font-size: 20px;
  line-height: 24px;
}

.text-block-12 {
  color: var(--black);
  height: 73px;
  font-family: SFPRODISPLAYREGULAR, sans-serif;
  font-size: 16px;
  line-height: 24px;
  overflow: hidden;
}

.div-block-50 {
  margin-bottom: 20px;
}

.image-24 {
  object-fit: cover;
  border-radius: 20px;
  margin-bottom: 40px;
}

.heading-14 {
  color: #021717;
  margin-top: 0;
  margin-bottom: 10px;
  font-family: Libre Franklin, sans-serif;
  font-size: 32px;
}

.text-block-13 {
  font-family: Libre Franklin, sans-serif;
  font-weight: 600;
}

.text-block-14 {
  color: #6b7280;
  font-family: Libre Franklin, sans-serif;
}

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

.div-block-56 {
  margin-bottom: 20px;
  display: flex;
}

.div-block-57 {
  width: 7%;
  margin-right: 10px;
}

.image-25 {
  border-radius: 50%;
}

.text-block-15 {
  color: #1f2937;
  margin-bottom: 40px;
  font-family: Libre Franklin, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 30px;
}

.rich-text-block {
  color: #3d4848;
  font-family: Libre Franklin, sans-serif;
  font-size: 18px;
  line-height: 28px;
}

.div-block-58 {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.button-5 {
  background-color: #2f7d7c;
  border-radius: 50px;
  padding: 15px 25px;
}

.button-5:hover {
  text-decoration: underline;
}

.button-6 {
  background-color: #000;
  border: 2px solid #000;
  border-radius: 50px;
  margin-left: 20px;
  padding-top: 14px;
  padding-bottom: 14px;
  font-family: Libre Franklin, sans-serif;
  font-size: 16px;
  font-weight: 600;
}

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

.link-block-4.terms {
  display: none;
}

.link-block-5, .link-block-6 {
  text-decoration: none;
}

.collection-list-wrapper {
  position: relative;
}

.collection-item-2 {
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.heading-15 {
  color: #fff;
  text-align: center;
  margin-top: 0;
  font-family: Librefranklin;
}

.container-11 {
  z-index: 200;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
  display: flex;
  position: relative;
}

.div-block-349 {
  z-index: 100;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  display: flex;
  position: absolute;
  inset: 4% 3% auto auto;
}

.div-block-61 {
  width: 600px;
  height: 600px;
}

.submit-button {
  color: #000;
  background-color: #feffb7;
  border-radius: 8px;
  width: 100%;
  padding-top: 12px;
  padding-bottom: 12px;
  font-family: Librefranklin;
  font-size: 16px;
  font-weight: 600;
}

.section-19 {
  z-index: 1000;
  background-color: #000000b3;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
  inset: 0%;
}

.div-block-62 {
  background-color: #2f7d7c;
  border-radius: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding: 20px 40px;
  display: flex;
  position: relative;
}

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

.text-block-21 {
  color: #fff;
  text-align: center;
  margin-bottom: 20px;
  font-family: Librefranklin;
  font-size: 16px;
  line-height: 1.6em;
}

.text-field {
  opacity: .5;
  color: #feffb7;
  background-color: #fff0;
  border: 1px #000;
  border-bottom: 1px solid #feffb7;
  margin-bottom: 30px;
  padding-left: 0;
  font-size: 16px;
}

.text-field:hover {
  opacity: 1;
}

.field-label {
  color: #fff;
  margin-bottom: 8px;
  font-family: Librefranklin;
  font-size: 18px;
  font-weight: 400;
}

.image-121 {
  cursor: pointer;
}

.section-20 {
  display: block;
}

.div-block-60 {
  z-index: 100;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  width: 1080px;
  height: 500px;
  display: flex;
  position: relative;
}

.link-block-7 {
  background-color: #fff;
  border-radius: 50px;
  align-items: center;
  padding: 15px 25px;
  text-decoration: none;
  display: flex;
}

.text-block-18 {
  color: #000;
  margin-right: 10px;
  font-family: Libre Franklin, sans-serif;
  font-size: 16px;
  font-weight: 600;
}

.html-embed {
  margin-bottom: -3px;
}

.div {
  justify-content: space-between;
  display: flex;
}

.slider {
  height: 500px;
}

.icon-3, .icon-4 {
  font-size: 22px;
}

.left-arrow, .right-arrow {
  background-image: none;
}

.collection-list-2 {
  width: 100%;
}

.embed1 {
  background-color: #fff;
  padding-top: 60px;
  padding-bottom: 60px;
}

.link-block-white {
  color: #000;
  object-fit: fill;
  border: 1px solid #fff;
  border-radius: 50px;
  align-items: center;
  padding: 12px 20px;
  text-decoration: none;
  display: flex;
  overflow: visible;
}

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

.collection-list-3 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.collection-list-4 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-direction: column;
  display: flex;
}

.nav-button {
  color: #000;
  background-image: linear-gradient(#15a4ac, #e5f5b6);
  border-radius: 50px;
  padding: 1.25rem 2rem;
  font-family: Librefranklin;
  font-size: 16px;
  font-weight: 600;
}

.div-block-350 {
  display: none;
}

.image-123 {
  padding-right: 60px;
}

.div-block-5-copy {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: flex-start;
  width: 55%;
  display: flex;
}

.success-message {
  background-color: #ddd0;
}

.div-block-352 {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 60%;
  display: flex;
}

.div-block-353 {
  width: 40%;
  display: none;
}

.heading-16 {
  color: #fff;
  text-align: left;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 20px;
  font-family: Libre Franklin, sans-serif;
  font-size: 50px;
  font-weight: 800;
  line-height: 1.2em;
}

.div-block-354 {
  border-radius: 10px;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.container-12 {
  max-width: 900px;
  margin-top: 0;
  display: block;
}

.section-22 {
  width: 100vw;
  max-width: 100%;
  padding: 140px 100px 40px;
}

.div-block-355 {
  max-width: 100%;
}

.heading-17 {
  color: #fff;
  margin-bottom: 20px;
  font-family: Sf Pro Display, Arial, sans-serif;
  font-size: 2.5rem;
  font-weight: 400;
  line-height: 3rem;
}

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

.rich-text-block-2 {
  font-family: Sf Pro Display, Arial, sans-serif;
  font-size: 1rem;
  line-height: 1.5rem;
}

.div-block-357 {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  margin-bottom: 20px;
  display: flex;
}

.terms-heading {
  color: #000;
  font-family: Sf Pro Display, Arial, sans-serif;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 2rem;
}

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

.div-block-360 {
  background-image: linear-gradient(to right, #000c, #0009 40%, #0003);
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.div-block-361 {
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 40%;
  display: flex;
}

.heading-10-copy {
  color: #021717;
  margin-top: 0;
  margin-bottom: 20px;
  font-family: Libre Franklin, sans-serif;
  font-size: 42px;
  line-height: 1.4em;
}

.heading-10-copy.new {
  color: var(--black);
  text-align: center;
  margin-bottom: 40px;
  font-family: SFPRODISPLAYMEDIUM, sans-serif;
  font-size: 46px;
  font-weight: 500;
  line-height: 62px;
}

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

.div-block-362 {
  flex-direction: column;
  align-items: center;
  display: flex;
}

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

.heading-19 {
  text-align: center;
  margin-bottom: 5px;
  font-family: SFPRODISPLAYBOLD, sans-serif;
  font-weight: 700;
}

.text-block-25 {
  text-align: center;
  font-family: SFPRODISPLAYREGULAR, sans-serif;
  font-size: 16px;
  font-weight: 400;
}

.image-124 {
  height: 2.5em;
}

.div-block-363 {
  text-align: center;
  margin-bottom: 20px;
}

.heading-20 {
  margin-top: 0;
  font-family: Libre Franklin, sans-serif;
  font-size: 24px;
}

.div-block-364 {
  margin-bottom: 20px;
  display: flex;
}

.image-125 {
  max-width: 30%;
}

.text-block-26 {
  color: #3d4848;
  border: 1px #000;
  order: 0;
  align-items: center;
  padding-left: 15px;
  font-size: 14px;
  font-style: normal;
  line-height: 20px;
  text-decoration: none;
  display: flex;
}

.section-23 {
  padding: 60px 20px;
}

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

.section-24 {
  display: none;
}

.navbar-3 {
  z-index: 50;
  background-color: #ddd0;
  padding-top: 20px;
  padding-bottom: 20px;
}

.image-127 {
  height: 3.5em;
}

.nav-link-3 {
  color: #ffffff80;
  letter-spacing: 5px;
  text-transform: uppercase;
  padding: 0 0 10px;
  font-family: Libre Franklin, sans-serif;
  font-size: 14px;
  font-weight: 400;
  text-decoration: none;
}

.nav-link-3.w--current {
  color: #97ffe0;
  border-bottom-width: 1px;
  border-bottom-color: #97ffe0;
}

.div-block-367 {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.div-block-368 {
  background-color: #97ffe0;
  border-radius: 1px;
  width: 8px;
  min-height: 4px;
}

.nav-menu-3 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-direction: row;
  display: flex;
}

.button-8 {
  background-color: #3898ec00;
  border: 1px solid #fff;
  border-radius: 50px;
  padding: 12px 24px;
  font-family: Libre Franklin, sans-serif;
  font-size: 14px;
  font-weight: 600;
}

.link-block-10 {
  cursor: pointer;
  flex-direction: column;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.link-block-10.w--current {
  cursor: pointer;
}

.link-block-10.hide {
  display: none;
}

.section-25 {
  background-color: #101110;
  padding-bottom: 100px;
  position: relative;
}

.heading-21 {
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 48px;
  font-family: SFPRODISPLAYBOLD, sans-serif;
  font-size: 80px;
  font-weight: 500;
  line-height: 104px;
  display: none;
}

.text-span-2 {
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(#88e7d2, #e3ffcf);
  -webkit-background-clip: text;
  background-clip: text;
}

.text-block-27 {
  color: #fff;
  text-align: center;
  margin-top: 40px;
  font-family: Libre Franklin, sans-serif;
  font-size: 20px;
  line-height: 1.6em;
}

.text-span-3 {
  font-weight: 700;
}

.button-9 {
  color: #000;
  background-image: linear-gradient(120deg, #13a3ac, #feffb7);
  border-radius: 70px;
  margin-bottom: 20px;
  padding: 23px 38px;
  font-family: Libre Franklin, sans-serif;
  font-size: 18px;
  font-weight: 600;
}

.div-block-373 {
  flex-direction: column;
  align-items: center;
  margin-top: 80px;
  margin-bottom: 100px;
  display: flex;
}

.image-128 {
  height: 3em;
}

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

.text-block-28 {
  color: #fff;
  letter-spacing: 5px;
  text-transform: uppercase;
  font-family: SFPRODISPLAYREGULAR, sans-serif;
  font-size: 16px;
}

.text-span-4 {
  color: #ffffff80;
}

.container-15 {
  z-index: 50;
  margin-top: 100px;
  position: relative;
}

.div-block-375 {
  z-index: 0;
  width: 500px;
  position: absolute;
  inset: -7% auto auto 24%;
}

.section-26 {
  background-color: #101110;
  padding: 0 20px 80px;
}

.heading-22 {
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: SFPRODISPLAYMEDIUM, sans-serif;
  font-size: 64px;
  font-weight: 500;
  line-height: 1.2em;
}

.text-span-5 {
  color: #97ffe0;
}

.div-block-376 {
  margin-bottom: 60px;
}

.div-block-377 {
  width: 40%;
  padding-right: 40px;
}

.div-block-378 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 60%;
  display: flex;
}

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

.text-block-29 {
  color: #d1d1d1;
  text-transform: uppercase;
  font-family: SFPRODISPLAYREGULAR, sans-serif;
  font-size: 16px;
}

.heading-23 {
  color: #97ffe0;
  text-align: left;
  margin-top: 40px;
  margin-bottom: 10px;
  font-family: SFPRODISPLAYMEDIUM, sans-serif;
  font-size: 28px;
  font-weight: 500;
}

.text-block-30 {
  color: #fff;
  margin-top: 30px;
  margin-bottom: 40px;
  font-family: Libre Franklin, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5em;
}

.link {
  color: #97ffe0;
  margin-right: 5px;
  font-family: SFPRODISPLAYREGULAR, sans-serif;
  font-size: 16px;
  font-weight: 400;
}

.step-2 {
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  padding-top: 30px;
  padding-bottom: 30px;
}

.step-1, .step-3 {
  padding-top: 30px;
  padding-bottom: 30px;
}

.step-image-1, .step-image-2, .step-image-3 {
  width: 100%;
}

.div-block-380 {
  z-index: 50;
  position: relative;
}

.image-130 {
  height: 2em;
}

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

.div-block-382 {
  width: 40%;
  padding-right: 40px;
}

.div-block-383 {
  width: 60%;
}

.div-block-384 {
  border-bottom: 1px solid #fff;
  padding-bottom: 30px;
}

.div-block-385 {
  grid-column-gap: 100px;
  grid-row-gap: 100px;
  flex-direction: column;
  display: none;
}

.text-block-31 {
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(150deg, #13a3ac, #64cfaf);
  -webkit-background-clip: text;
  background-clip: text;
  font-family: SFPRODISPLAYREGULAR, sans-serif;
  font-style: italic;
}

.div-block-386 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  align-items: center;
  display: flex;
}

.section-27 {
  background-color: #f3f8f7;
  padding: 80px 20px;
  display: none;
}

.heading-24 {
  color: #000;
  text-align: center;
  flex-direction: column;
  align-items: center;
  margin-top: 0;
  font-family: SFPRODISPLAYMEDIUM, sans-serif;
  font-size: 64px;
  font-weight: 500;
  line-height: 1.3em;
  display: flex;
}

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

.slide-nav-2 {
  font-size: 6px;
  display: none;
}

.slider-2 {
  background-color: #fff;
  border-radius: 20px;
  height: auto;
  padding: 60px 40px;
}

.mask {
  height: auto;
}

.icon-6 {
  color: #0000004d;
  margin-left: 10px;
  font-size: 15px;
  line-height: 20px;
}

.icon-6:hover {
  color: #64cfaf;
}

.icon-7 {
  color: #0000004d;
  margin-right: 10px;
  font-size: 15px;
}

.icon-7:hover {
  color: #64cfaf;
}

.image-131 {
  height: 4em;
}

.image-132 {
  height: 1.5em;
}

.div-block-388 {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
  display: flex;
}

.left-arrow-2, .right-arrow-2 {
  width: 35px;
}

.text-block-32 {
  margin-bottom: 5px;
  font-family: SFPRODISPLAYMEDIUM, sans-serif;
  font-size: 20px;
}

.text-block-33 {
  color: #0006;
  font-family: SFPRODISPLAYREGULAR, sans-serif;
  font-weight: 400;
}

.div-block-389 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-direction: row;
  align-items: center;
  display: flex;
}

.text-block-34 {
  color: #0006;
  font-family: SFPRODISPLAYREGULAR, sans-serif;
  font-size: 16px;
  line-height: 1.6em;
}

.fs-sliderdots-nav {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 50px;
  display: flex;
  position: absolute;
  inset: auto 0% 5%;
}

.div-block-390 {
  background-color: #e8e8e8;
  border-radius: 20px;
  width: 6px;
  height: 6px;
  margin-right: 10px;
}

.div-block-390.fs-sliderdots_active {
  cursor: pointer;
  background-color: #64cfaf;
  border-radius: 4px;
  width: 16px;
}

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

.heading-25 {
  text-align: center;
  margin-top: 0;
  margin-bottom: 30px;
}

.button-10 {
  color: #000;
  background-image: linear-gradient(120deg, #13a3ac, #feffb7);
  border-radius: 70px;
  padding: 23px 38px;
  font-family: Libre Franklin, sans-serif;
  font-size: 18px;
  font-weight: 600;
}

.div-block-393 {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.section-28 {
  background-color: #101110;
  padding-bottom: 80px;
  padding-left: 20px;
  padding-right: 20px;
}

.heading-26 {
  color: #fff;
  text-align: center;
  margin-top: 0;
  font-family: SFPRODISPLAYMEDIUM, sans-serif;
  font-size: 64px;
  font-weight: 500;
  line-height: 1.2em;
}

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

.left-arrow-3 {
  background-image: linear-gradient(to right, #101110, #fff0);
  width: 100px;
}

.icon-8 {
  display: none;
}

.right-arrow-3 {
  background-image: linear-gradient(to right, #fff0, #101110);
  width: 100px;
}

.icon-9, .slide-nav-3 {
  display: none;
}

.slider-3 {
  cursor: pointer;
  background-color: #ddd0;
  height: auto;
}

.text-block-35 {
  color: silver;
  cursor: pointer;
  border: 1px solid silver;
  border-radius: 25px;
  margin-right: 20px;
  padding: 14px 35px;
  font-family: SFPRODISPLAYREGULAR, sans-serif;
  font-size: 24px;
  display: inline-block;
}

.text-block-35.fs-sliderdots_active {
  color: #97ffe0;
  border-color: #97ffe0;
}

.text-span-6 {
  color: #97ffe0;
}

.div-block-396 {
  z-index: 100;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 60px;
  display: flex;
  position: absolute;
  inset: 0% 0% auto;
}

.div-block-399 {
  margin-top: 60px;
}

.section-30 {
  background-color: #101110;
  padding: 0 20px 80px;
}

.heading-27 {
  color: #fff;
  text-align: center;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(150deg, #ade8e0, #d9d9fe);
  -webkit-background-clip: text;
  background-clip: text;
  margin-top: 0;
  font-family: SFPRODISPLAYMEDIUM, sans-serif;
  font-size: 64px;
  font-weight: 500;
  line-height: 1.2em;
}

.heading-28 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: SFPRODISPLAYREGULAR, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.4em;
}

.text-block-36 {
  color: #fff;
  font-family: SFPRODISPLAYREGULAR, sans-serif;
  font-size: 16px;
  line-height: 1.6em;
}

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

.text-span-7 {
  color: #97ffe0;
}

.link-block-11 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  color: #fff;
  border: 1px solid #fff;
  border-radius: 50px;
  align-items: center;
  padding: 20px 38px;
  font-family: Libre Franklin, sans-serif;
  font-size: 18px;
  font-weight: 600;
  text-decoration: none;
  display: flex;
}

.div-block-408 {
  flex-direction: column;
  align-items: center;
  display: none;
}

.section-31 {
  background-image: linear-gradient(140deg, #13a3ac, #64cfaf);
  padding: 80px 20px;
}

.heading-29 {
  color: #000;
  text-align: center;
  margin-top: 0;
  margin-bottom: 30px;
  font-family: SFPRODISPLAYMEDIUM, sans-serif;
  font-size: 48px;
  font-weight: 500;
  line-height: 1.2em;
}

.div-block-409 {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.button-11 {
  color: #fff;
  background-color: #000;
  border-radius: 70px;
  padding: 23px 38px;
  font-family: Libre Franklin, sans-serif;
  font-size: 18px;
  font-weight: 600;
}

.section-32 {
  background-color: #101110;
  padding: 80px 20px;
  display: none;
}

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

.div-block-411 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #b1b1b1;
  background-color: #252525;
  border-radius: 20px;
  flex-direction: column;
  align-items: flex-start;
  padding: 30px;
  display: flex;
}

.heading-30 {
  margin-top: 3px;
  margin-bottom: 0;
  font-family: SFPRODISPLAYMEDIUM, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 1em;
}

.rich-text-block-3 {
  margin-top: -2px;
  font-family: Libre Franklin, sans-serif;
  font-size: 16px;
  line-height: 1.2em;
}

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

.image-133 {
  height: 2em;
}

.text-block-37 {
  color: #dae2e0;
  text-align: center;
  font-family: Libre Franklin, sans-serif;
  font-size: 17px;
}

.heading-31 {
  color: #fff;
  text-align: center;
  margin-bottom: 40px;
  font-family: Libre Franklin, sans-serif;
  font-size: 32px;
  line-height: 1.3em;
}

.div-block-413 {
  flex-direction: column;
  align-items: center;
  display: none;
}

.section-34 {
  background-color: #1d1d1d;
  padding: 80px 20px 40px;
}

.div-block-414 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.link-2 {
  color: #fff;
  font-family: Libre Franklin, sans-serif;
  font-size: 15px;
  text-decoration: none;
}

.container-16 {
  border-top: 1px solid #dae2e0;
  border-bottom: 1px solid #dae2e0;
  max-width: 1080px;
  margin-bottom: 40px;
  padding-top: 20px;
  padding-bottom: 20px;
}

.text-block-38 {
  color: #b1b1b1;
  text-align: center;
}

.div-block-415 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: center;
  margin-bottom: 20px;
  display: flex;
}

.link-2-copy {
  color: #b1b1b1;
  font-family: Libre Franklin, sans-serif;
  font-size: 15px;
  text-decoration: none;
}

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

.text-wrap {
  flex-direction: column;
  align-items: center;
  margin-bottom: 0;
  display: flex;
}

.constant {
  color: #fff;
  text-align: center;
  font-family: SFPRODISPLAYBOLD, sans-serif;
  font-size: 72px;
  font-weight: 500;
  line-height: 1.2em;
  display: inline;
}

.div-block-417, .div-block-418, .div-block-419 {
  display: none;
}

.section-36 {
  z-index: 100;
  background-color: #101110;
  padding-bottom: 10px;
  padding-left: 16px;
  padding-right: 16px;
}

.div-block-420 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  align-items: flex-start;
  display: flex;
}

.image-134 {
  margin-top: 1px;
}

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

.div-block-422 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  align-items: center;
  margin-bottom: 15px;
  display: flex;
}

.div-block-426 {
  border-radius: 20px;
  flex-direction: column;
  align-items: center;
  width: 100%;
  display: flex;
  overflow: visible;
}

.div-block-427, .video-3 {
  border-radius: 20px;
  width: 100%;
}

.video-3._1 {
  border: 1px solid gray;
  height: 620px;
}

.image-block-1, .image-block-2, .image-block-3 {
  display: none;
}

.div-block-436 {
  margin-top: -160px;
}

.section-38 {
  background-color: #101110;
  padding-top: 80px;
  padding-left: 16px;
  padding-right: 16px;
}

.swiper.is-slider-main {
  z-index: 1;
  position: relative;
  overflow: visible;
}

.swiper.swiper-carousel.swiper-horizontal.swiper-watch-progress {
  display: none;
}

.slider-main_button-icon {
  width: 30%;
  height: 55%;
}

.slider-main_button-icon.is-reversed {
  transform: rotate(180deg);
}

.swiper-wrapper.is-slider-main {
  cursor: pointer;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.slider-main_button-wrapper {
  grid-column-gap: .75em;
  grid-row-gap: .75em;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.slider-main_top-wrapper {
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 30px;
  display: flex;
}

.slider-main_button {
  color: #000;
  text-align: center;
  justify-content: center;
  align-items: center;
  width: 3em;
  height: 3em;
  display: flex;
}

.slider-main_button:hover {
  color: #1f1f1f;
  background-color: #c8dd5e;
}

.slider-main_button.swiper-next {
  background-color: #f3f3f3;
  border-radius: 50px;
}

.slider-main_button.swiper-prev {
  background-color: #f3f3f3;
  border-radius: 50%;
}

.swiper-slide.is-slider-main {
  flex: none;
}

.swiper-slide.is-slider-main.div-block-1421 {
  background-color: #232323;
  border-radius: 20px;
  flex-direction: column;
  align-items: center;
  height: auto;
  padding: 40px 20px;
  display: flex;
}

.swiper-slide._2, .swiper-slide._1 {
  padding-left: 0;
}

.section-39 {
  background-color: #101110;
  padding: 80px 16px;
  overflow: hidden;
}

.section-39._1 {
  padding-top: 0;
}

.container-152.overflow {
  overflow: hidden;
}

.heading-218 {
  color: #fff;
  text-align: left;
  margin-top: 0;
  margin-bottom: 0;
  font-family: SFPRODISPLAYMEDIUM, sans-serif;
  font-size: 42px;
  font-weight: 500;
  line-height: 1.3em;
}

.div-block-1440 {
  width: 80%;
}

.div-block-1441 {
  justify-content: flex-end;
  width: 20%;
  display: flex;
}

.heading-220 {
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 20px;
  font-family: SFPRODISPLAYBOLD, sans-serif;
  font-size: 54px;
  line-height: 1.3em;
}

.text-block-412 {
  color: #fff;
  text-align: center;
  font-family: SFPRODISPLAYREGULAR, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.6em;
}

.div-block-1442 {
  background-image: linear-gradient(140deg, #dceee4, #dce0fa);
  border-radius: 20px;
  padding: 40px;
}

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

.text-block-413 {
  color: #000;
  text-align: center;
  font-family: Libre Franklin, sans-serif;
  font-size: 20px;
  line-height: 1.6em;
}

.button-12 {
  color: #000;
  background-image: linear-gradient(#13a3ac, #feffb7);
  border-radius: 50px;
  padding: 12px 45px;
  font-family: Libre Franklin, sans-serif;
  font-size: 18px;
  font-weight: 600;
}

.div-block-1444 {
  flex-direction: column;
  align-items: center;
  margin-top: 20px;
  display: flex;
}

.image-137 {
  height: 4em;
  margin-bottom: 32px;
}

.heading-222 {
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 12px;
  font-family: SFPRODISPLAYMEDIUM, sans-serif;
  font-size: 22px;
  font-weight: 500;
  line-height: 1.3em;
}

.heading-222.green {
  color: #97ffe0;
}

.text-block-414 {
  color: #fff;
  text-align: center;
  font-family: SFPRODISPLAYREGULAR, sans-serif;
  font-size: 14px;
  line-height: 1.6em;
}

.section-40 {
  background-color: #101110;
  background-image: linear-gradient(90deg, #13a3ac, #feffb7);
  padding: 40px 16px;
}

.div-block-1445 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  justify-content: center;
  align-items: center;
  display: flex;
}

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

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

.text-block-415 {
  color: #000;
  font-family: SFPRODISPLAYBOLD, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 20px;
  text-decoration: underline;
}

.image-138 {
  height: 40px;
}

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

.image-139 {
  height: 5em;
}

.text-block-416 {
  color: #000;
  font-family: SFPRODISPLAYMEDIUM, sans-serif;
  font-size: 16px;
  font-weight: 500;
}

.text-block-417 {
  color: #000;
  font-family: SFPRODISPLAYMEDIUM, sans-serif;
  font-weight: 500;
}

.div-block-1449 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  border-bottom: 1px solid #fff;
  align-items: center;
  padding-bottom: 10px;
  display: flex;
}

.text-span-12 {
  color: #30a380;
}

.text-block-418 {
  color: #000;
  font-family: SFPRODISPLAYREGULAR, sans-serif;
  font-style: italic;
}

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

.section-41 {
  background-color: #101110;
  padding: 80px 16px;
}

.text-span-13 {
  color: #80ffd9;
}

.text-block-413-copy {
  color: #fff;
  text-align: left;
  margin-top: 10px;
  font-family: SFPRODISPLAYREGULAR, sans-serif;
  font-size: 20px;
  line-height: 1.6em;
}

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

.div-block-1442-copy {
  background-image: linear-gradient(140deg, #dceee4, #dce0fa);
  border-radius: 20px;
  flex-direction: column;
  align-items: center;
  padding: 40px;
  display: flex;
}

.image-140 {
  height: 5em;
  margin-bottom: 20px;
}

.heading-221-copy {
  color: #30a380;
  text-align: center;
  margin-top: 0;
  font-family: SFPRODISPLAYMEDIUM, sans-serif;
  line-height: 1.3em;
}

.section-42 {
  background-color: #101110;
  padding-top: 60px;
  padding-bottom: 60px;
}

.div-block-1452 {
  cursor: pointer;
  background-color: #252525;
  border-radius: 20px;
  padding: 30px;
  position: relative;
}

.div-block-1453 {
  z-index: 10;
  grid-column-gap: 13px;
  grid-row-gap: 13px;
  margin-bottom: 20px;
  display: flex;
  position: relative;
}

.div-block-1454 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  align-items: flex-start;
  display: flex;
}

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

.html-embed-2 {
  background-color: #ededed00;
  width: 100%;
}

.div-block-1456 {
  background-color: #252525;
  background-image: linear-gradient(to right, #d8fff4, #d9e4ff);
  border-radius: 20px;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.div-block-1457 {
  z-index: 10;
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-direction: column;
  display: flex;
  position: relative;
}

.div-block-1458 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  align-items: center;
  margin-bottom: 10px;
  display: flex;
}

.div-block-1459 {
  grid-column-gap: 100px;
  grid-row-gap: 100px;
  display: flex;
}

.div-block-1460 {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-direction: column;
  width: 50%;
  display: flex;
}

.div-block-1462 {
  padding-left: 50px;
}

.image-141 {
  height: 2em;
}

.html-embed-4 {
  flex-wrap: nowrap;
  flex: 1;
  order: 0;
  align-self: auto;
  width: 100%;
  max-width: 1280px;
  height: 100%;
  padding-left: 0;
  padding-right: 0;
  display: block;
}

.image-142 {
  opacity: 1;
  height: 7em;
  margin-top: 4px;
  padding-bottom: 12px;
  font-size: 6px;
  line-height: 30px;
}

.navbar-4 {
  background-color: #0000;
}

.div-block-1463 {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.nav-link-4 {
  color: #4b4b4b;
  letter-spacing: 1px;
  padding-top: 0;
  padding-bottom: 0;
  font-family: Inconsolata, monospace;
  font-size: 18px;
}

.luffsleep-banner {
  background-image: linear-gradient(#00000024, #00000024), url("https://cdn.prod.website-files.com/64100316e1db9e6977ed6b0d/65b608cfa3a896090788af29_Luff_Sleep71_Edited_ac400075-9343-43c8-ad90-729070952c29.webp");
  background-position: 0 0, 50%;
  background-size: auto, cover;
  height: 480px;
  padding: 160px 20px;
}

.heading-224 {
  color: #fff;
  text-align: left;
  margin-top: 0;
  margin-bottom: 20px;
  margin-left: 140px;
  font-family: Inconsolata, monospace;
  line-height: 1.4em;
}

.text-block-419 {
  color: #fff;
  text-align: right;
  margin-top: 20px;
  margin-bottom: 20px;
  font-family: Inconsolata, monospace;
  font-size: 18px;
  line-height: 1.6em;
}

.button-13 {
  text-align: right;
  letter-spacing: 1px;
  background-color: #000;
  align-self: flex-start;
  padding: 12px 22px;
  font-family: SFPRODISPLAYREGULAR, sans-serif;
}

.div-block-1464 {
  text-align: right;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.container-154 {
  max-width: 1080px;
}

.section-44 {
  padding: 60px 20px;
}

.div-block-1465 {
  flex-direction: column;
  align-items: center;
  margin-bottom: 30px;
  display: flex;
}

.html-embed-5 {
  background-color: #dfdfdf00;
  flex-flow: column;
  flex: 1;
  place-content: stretch center;
  align-items: center;
  width: 100%;
  height: 100%;
  margin-bottom: 0;
  display: flex;
  position: static;
}

.div-block-1468 {
  -webkit-text-fill-color: inherit;
  background-color: #f7f7f7;
  background-clip: border-box;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.text-block-420 {
  color: #000;
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: SFPRODISPLAYREGULAR, sans-serif;
  font-size: 16px;
}

.section-45 {
  padding-bottom: 60px;
  padding-left: 20px;
  padding-right: 20px;
}

.heading-225 {
  color: #000;
  border-bottom: 1px solid #afafaf;
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 5px;
  font-family: SFPRODISPLAYBOLD, sans-serif;
}

.section-46 {
  background-color: #f9f2f2;
  padding: 60px 20px;
}

.div-block-1470 {
  background-color: #fff;
  flex-direction: column;
  align-items: center;
  padding: 50px 20px;
  display: flex;
}

.heading-226 {
  color: #000;
  margin-top: 0;
  margin-bottom: 20px;
  font-family: SFPRODISPLAYBOLD, sans-serif;
  line-height: 1.4em;
}

.text-block-421 {
  color: #000;
  margin-bottom: 20px;
  font-family: SFPRODISPLAYREGULAR, sans-serif;
  font-size: 18px;
  line-height: 1.6em;
}

.section-47 {
  background-color: #faf3d2;
  padding: 60px 20px;
}

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

.div-block-1472 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 50%;
  display: flex;
}

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

.div-block-1474 {
  justify-content: space-between;
  width: 100%;
  margin-bottom: 20px;
  display: flex;
}

.text-block-422 {
  color: #000;
  font-family: SFPRODISPLAYREGULAR, sans-serif;
  font-size: 14px;
}

.text-block-423 {
  color: #000;
  font-family: SFPRODISPLAYREGULAR, sans-serif;
  font-size: 18px;
}

.text-span-14 {
  color: #e09900;
}

.section-48 {
  background-color: #000;
  padding: 15px 20px;
}

.text-block-424 {
  color: #cacaca;
  text-align: center;
  font-family: SFPRODISPLAYREGULAR, sans-serif;
  font-size: 13px;
}

.container-155 {
  max-width: 1080px;
}

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

.div-block-1476 {
  width: 60%;
}

.div-block-1477 {
  width: 40%;
}

.div-block-1478 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  height: 100%;
  display: grid;
}

.fimage-1 {
  background-image: url("https://cdn.prod.website-files.com/64100316e1db9e6977ed6b0d/65a638aa98ae25d9e60ca965_03_5fc390a5-3989-4442-ad12-c90f91870946_600x.webp");
  background-position: 50%;
  background-size: cover;
  width: 100%;
  height: 180px;
}

.cult2 {
  background-image: url("https://cdn.prod.website-files.com/64100316e1db9e6977ed6b0d/6581ae044de90b68e43f6c54_handicraft.webp");
  background-position: 50%;
  background-size: cover;
  width: 100%;
  height: 180px;
}

.cult3 {
  background-image: url("https://cdn.prod.website-files.com/64100316e1db9e6977ed6b0d/6581ae0549c09c9dd1e7571c_mural.webp");
  background-position: 50%;
  background-size: cover;
  width: 100%;
  height: 180px;
}

.cult4 {
  background-image: url("https://cdn.prod.website-files.com/64100316e1db9e6977ed6b0d/6581aed8b775c4f6bd0102d9_CUL0173_11.webp");
  background-position: 50%;
  background-size: cover;
  width: 100%;
  height: 180px;
}

.container-156, .container-157 {
  max-width: 1080px;
}

.div-block-1479 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: repeat(auto-fit, minmax(200px, 1fr));
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-content: stretch;
  display: grid;
}

.section-banner-tcr {
  background-image: linear-gradient(#00000024, #00000024), url("https://cdn.prod.website-files.com/64100316e1db9e6977ed6b0d/65817d2c4fb9c0ec8776343a_alex-jones-JS-QXqSGVE8-unsplash_2808x.webp");
  background-position: 0 0, 50%;
  background-size: auto, cover;
  padding: 160px 20px;
}

.heading-224-tcr {
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 20px;
  font-family: Inconsolata, monospace;
  line-height: 1.4em;
}

.text-block-41-trc {
  color: #fff;
  text-align: center;
  margin-top: 20px;
  margin-bottom: 20px;
  font-family: Inconsolata, monospace;
  font-size: 18px;
  line-height: 1.6em;
}

.button-14 {
  letter-spacing: 1px;
  background-color: #ff7864;
  padding: 12px 22px;
  font-family: SFPRODISPLAYREGULAR, sans-serif;
}

.fimage-1-trc {
  background-image: url("https://cdn.prod.website-files.com/64100316e1db9e6977ed6b0d/65817f3fb4f818e3674b1896_tcr-2.webp");
  background-position: 50%;
  background-size: cover;
  width: 100%;
  height: 180px;
}

.fimage-2-trc {
  background-image: url("https://cdn.prod.website-files.com/64100316e1db9e6977ed6b0d/65817f3f0000cb93c2d4d5cc_tcr-1.webp");
  background-position: 50%;
  background-size: cover;
  width: 100%;
  height: 180px;
}

.fimage-4-trc {
  background-image: url("https://cdn.prod.website-files.com/64100316e1db9e6977ed6b0d/65817f3f82d0273366d45767_tcr-4.webp");
  background-position: 50%;
  background-size: cover;
  width: 100%;
  height: 180px;
}

.fimage-3-trc {
  background-image: url("https://cdn.prod.website-files.com/64100316e1db9e6977ed6b0d/65817f3f2b293fa046f743d4_tcr-3.webp");
  background-position: 50%;
  background-size: cover;
  width: 100%;
  height: 180px;
}

.image-144 {
  text-align: center;
  width: 100px;
  height: 100px;
}

.container-158 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  text-align: left;
  justify-content: flex-end;
  max-width: 1080px;
  margin-top: 8px;
  display: flex;
}

.paragraph {
  text-align: center;
  align-items: flex-end;
  font-family: Changa One, Impact, sans-serif;
  font-size: 30px;
  font-weight: 400;
  display: flex;
}

.container-159, .container-160 {
  max-width: 1080px;
}

.quick-stack, .quick-stack-2 {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
}

.text-block-426 {
  color: #7fcdb1;
  text-align: center;
  font-family: Playfair Display, sans-serif;
  font-size: 72px;
  font-style: italic;
  font-weight: 500;
  line-height: 1.2em;
}

.container-162 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: space-between;
  max-width: 1080px;
  min-height: 360px;
  display: flex;
}

.container-158-copy {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  text-align: left;
  justify-content: center;
  max-width: 1080px;
  margin-top: 8px;
  margin-bottom: 40px;
  display: flex;
}

.pagination {
  opacity: 0;
}

.brand-3 {
  flex: 0 auto;
}

.image-145 {
  aspect-ratio: auto;
  overflow-wrap: normal;
  object-fit: cover;
  width: 300px;
  height: 200px;
  max-height: 912px;
  position: static;
  overflow: hidden;
}

.div-block-1479-copy {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  object-fit: fill;
  grid-template-rows: repeat(auto-fit, 200px);
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-content: stretch;
  max-height: 100%;
  display: grid;
}

.image-146, .image-147, .image-148 {
  object-fit: cover;
  width: 300px;
  height: 200px;
}

.luffsleep1 {
  background-image: url("https://cdn.prod.website-files.com/64100316e1db9e6977ed6b0d/65b608cf8518a835a631da4b_LuffSleep5_edited.webp");
  background-position: 50%;
  background-size: cover;
  width: 100%;
  height: 180px;
}

.luffsleep2 {
  background-image: url("https://cdn.prod.website-files.com/64100316e1db9e6977ed6b0d/65b608cfd7c156e7642d935e_Nanoweaveimage1-01.webp");
  background-position: 50%;
  background-size: cover;
  width: 100%;
  height: 180px;
}

.luffsleep3 {
  background-image: url("https://cdn.prod.website-files.com/64100316e1db9e6977ed6b0d/65b608cfdc53d03540869b20_3.webp");
  background-position: 50%;
  background-size: cover;
  width: 100%;
  height: 180px;
}

.luffsleep4 {
  background-image: url("https://cdn.prod.website-files.com/64100316e1db9e6977ed6b0d/65b608cf30193b184e2c4b36_LuffPackshotsWhiteDuvetSet-ButtonDetail.webp");
  background-position: 50%;
  background-size: cover;
  width: 100%;
  height: 180px;
}

.text-block-420-copy {
  color: #000;
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: SFPRODISPLAYREGULAR, sans-serif;
  font-size: 16px;
}

.decorkart-banner {
  background-image: linear-gradient(#00000024, #00000024), url("https://cdn.prod.website-files.com/64100316e1db9e6977ed6b0d/65a63814580c5ed45b51825c_bANNER1_1_1349x.webp");
  background-position: 0 0, 50%;
  background-size: auto, cover;
  height: 480px;
  padding: 160px 20px;
}

.culturati-banner {
  background-image: linear-gradient(#00000024, #00000024), url("https://cdn.prod.website-files.com/64100316e1db9e6977ed6b0d/6581ad41d341c8346bd3310e_banner.png");
  background-position: 0 0, 50%;
  background-size: auto, cover;
  padding: 160px 20px;
}

.cult1 {
  background-image: url("https://cdn.prod.website-files.com/64100316e1db9e6977ed6b0d/6581aed8aff69114d6150a89_CUL0170_1.webp");
  background-position: 50%;
  background-size: cover;
  width: 100%;
  height: 180px;
}

.section-49 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 100vh;
  padding: 160px 20px 60px;
  display: flex;
}

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

.div-block-1481 {
  width: 70%;
}

.div-block-1482 {
  position: sticky;
  top: 40px;
}

.text-block-10-copy {
  color: #000;
  margin-bottom: 20px;
  font-family: SFPRODISPLAYMEDIUM, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
}

.div-block-1483 {
  width: 70%;
}

.div-block-1484, .div-block-1485 {
  position: sticky;
  top: 40px;
}

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

.div-block-1487 {
  width: 70%;
}

.div-block-1488 {
  width: 30%;
  position: relative;
}

.image-24-mobile {
  object-fit: cover;
  border-radius: 20px;
  margin-bottom: 40px;
  display: none;
}

.div-block-1489 {
  display: none;
}

.section-50 {
  background-color: #101110;
  justify-content: center;
  align-items: center;
  padding-top: 140px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.heading-31-copy {
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 20px;
  font-family: Libre Franklin, sans-serif;
  font-size: 32px;
  line-height: 1.3em;
}

.text-block-427 {
  color: var(--white);
  text-align: center;
  font-family: Libre Franklin, sans-serif;
  line-height: 24px;
}

.section-51 {
  z-index: 100;
  background-color: var(--black);
  padding: 15px 20px;
  position: fixed;
  inset: 0% 0% auto;
}

.link-block-12 {
  background-color: var(--black);
  color: var(--white);
  border-radius: 50px;
  justify-content: space-between;
  align-items: center;
  padding: 12px 20px;
  font-family: Libre Franklin, sans-serif;
  text-decoration: none;
  display: flex;
}

.text-block-428 {
  color: #fff;
  margin-right: 40px;
  font-family: Libre Franklin, sans-serif;
  font-size: 16px;
}

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

.text-block-429 {
  margin-right: 40px;
  font-weight: 600;
}

.div-block-1491 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-color: #101110;
  border-radius: 24px;
  margin-top: 20px;
  margin-bottom: 40px;
  padding: 40px 20px;
  display: flex;
  position: relative;
}

.text-block-431 {
  color: var(--white);
  margin-bottom: 20px;
  font-family: Libre Franklin, sans-serif;
  font-size: 22px;
  font-weight: 700;
}

.div-block-1492 {
  z-index: 10;
  width: 60%;
  position: relative;
}

.div-block-1493 {
  z-index: 10;
  flex-direction: column;
  justify-content: flex-end;
  width: 40%;
  display: flex;
  position: relative;
}

.image-149 {
  position: absolute;
  inset: auto 0% 0% 45%;
}

.text-block-432 {
  opacity: .6;
  color: var(--white);
  font-family: Libre Franklin, sans-serif;
  line-height: 22px;
}

.link-block-13 {
  background-image: linear-gradient(#1fa5ad, #d9eeb6);
  border-radius: 50px;
  justify-content: space-between;
  align-items: center;
  padding: 12px 20px;
  text-decoration: none;
  display: flex;
}

.text-block-433 {
  color: var(--black);
  margin-right: 40px;
  font-family: Libre Franklin, sans-serif;
  font-size: 16px;
  font-weight: 600;
}

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

.div-block-1495 {
  width: 15%;
}

.div-block-1496 {
  width: 85%;
}

.text-block-434 {
  color: #6b7280;
  font-family: Libre Franklin, sans-serif;
}

.text-block-435 {
  font-family: Libre Franklin, sans-serif;
  font-size: 16px;
  font-weight: 500;
}

.div-block-1497 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  align-items: center;
  margin-bottom: 40px;
  display: flex;
}

.image-150 {
  border-radius: 50px;
}

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

.image-151 {
  border-radius: 24px;
  margin-bottom: 10px;
}

.text-block-436 {
  margin-bottom: 20px;
  font-family: Libre Franklin, sans-serif;
  font-size: 18px;
  font-weight: 700;
}

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

.text-block-437 {
  color: var(--black);
  font-family: Libre Franklin, sans-serif;
  font-weight: 600;
}

.text-block-438 {
  color: var(--white);
  text-align: center;
  font-family: Libre Franklin, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}

.text-block-439 {
  opacity: .6;
  color: var(--white);
  text-align: center;
  font-family: Libre Franklin, sans-serif;
}

.div-block-1498 {
  flex-direction: column;
  align-items: center;
  margin-top: 20px;
  margin-bottom: 20px;
  display: flex;
}

.div-block-1499 {
  background-image: linear-gradient(#d9eeb6, #1fa5ad);
  border-radius: 24px;
  width: 100%;
  padding: 20px;
}

.text-block-440 {
  color: var(--black);
  text-align: center;
  margin-bottom: 10px;
  font-family: Libre Franklin, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
}

.text-block-441 {
  text-align: center;
  margin-bottom: 20px;
  font-family: Libre Franklin, sans-serif;
  line-height: 24px;
}

.text-block-442 {
  font-family: Montserrat, sans-serif;
  font-size: 18px;
  font-weight: 500;
}

.popup-cta {
  z-index: 1000;
  background-color: #000000b3;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
  inset: 0%;
}

.container-20 {
  z-index: 200;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
  display: flex;
  position: relative;
}

.popcta {
  background-image: linear-gradient(#d9eeb6, #1fa5ad);
  border-radius: 24px;
  width: 300px;
  padding: 20px;
}

.text-block-443 {
  text-align: center;
  margin-top: 20px;
  font-family: Libre Franklin, sans-serif;
}

.popup-close {
  cursor: pointer;
  flex-direction: column;
  align-items: flex-end;
  margin-bottom: 10px;
  display: flex;
}

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

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

.cta-button-header {
  background-color: var(--black);
  color: var(--white);
  background-image: linear-gradient(#d9eeb6, #1fa5ad);
  border-radius: 50px;
  justify-content: space-between;
  align-items: center;
  padding: 12px 20px;
  font-family: Libre Franklin, sans-serif;
  text-decoration: none;
  display: flex;
}

.text-block-429-copy {
  color: var(--black);
  margin-right: 40px;
  font-weight: 600;
}

.masterchow1 {
  background-image: url("https://cdn.prod.website-files.com/64100316e1db9e6977ed6b0d/65ddec379e47e6d5f73a6a84_master3.webp");
  background-position: 50%;
  background-size: cover;
  width: 100%;
  height: 180px;
}

.masterchow2 {
  background-image: url("https://cdn.prod.website-files.com/64100316e1db9e6977ed6b0d/65ddec364cc42bcc8a9b7a0d_master2.webp");
  background-position: 50%;
  background-size: cover;
  width: 100%;
  height: 180px;
}

.masterchow3 {
  background-image: url("https://cdn.prod.website-files.com/64100316e1db9e6977ed6b0d/65ddec3692124bdd051aaad5_master1.webp");
  background-position: 50%;
  background-size: cover;
  width: 100%;
  height: 180px;
}

.masterchow4 {
  background-image: url("https://cdn.prod.website-files.com/64100316e1db9e6977ed6b0d/65ddec3645a403327eaa4ab5_master4.webp");
  background-position: 50%;
  background-size: cover;
  width: 100%;
  height: 180px;
}

.masterchow-banner {
  background-image: linear-gradient(#00000024, #00000024), url("https://cdn.prod.website-files.com/64100316e1db9e6977ed6b0d/65ddec3759d7ca93745f3a9b_master_banner.webp");
  background-position: 0 0, 50%;
  background-size: auto, cover;
  height: 480px;
  padding: 160px 20px;
}

.slurrp-banner {
  background-image: linear-gradient(#00000024, #00000024), url("https://cdn.prod.website-files.com/64100316e1db9e6977ed6b0d/65ddf0a922089f170b92f806_slurrp.webp");
  background-position: 0 0, 50%;
  background-size: auto, cover;
  height: 480px;
  padding: 160px 20px;
}

.slurrp1 {
  background-image: url("https://cdn.prod.website-files.com/64100316e1db9e6977ed6b0d/65ddf25ce31233752d6fab50_Slurrp2.webp");
  background-position: 50%;
  background-repeat: repeat-y;
  background-size: contain;
  width: 100%;
  height: 180px;
}

.slurrp2 {
  background-image: url("https://cdn.prod.website-files.com/64100316e1db9e6977ed6b0d/65ddf25c5fc2146bc3cf5d9a_slurrp3.webp");
  background-position: 50%;
  background-repeat: repeat-y;
  background-size: contain;
  width: 100%;
  height: 180px;
}

.slurrp3 {
  background-image: url("https://cdn.prod.website-files.com/64100316e1db9e6977ed6b0d/65ddf25c26cb8cc116db3980_slurrp4.webp");
  background-position: 50%;
  background-repeat: repeat-y;
  background-size: contain;
  background-attachment: scroll;
  width: 100%;
  height: 180px;
}

.slurrp4 {
  background-image: url("https://cdn.prod.website-files.com/64100316e1db9e6977ed6b0d/65ddf25c142c36d80749ced2_slurrp1.webp");
  background-position: 50%;
  background-repeat: repeat-y;
  background-size: contain;
  width: 100%;
  height: 180px;
}

.image-152 {
  max-width: 100%;
  display: block;
}

.image-153 {
  display: block;
}

.image-154, .image-155 {
  max-width: 100%;
}

.beautywise-banner {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-image: linear-gradient(#00000024, #00000024), url("https://cdn.prod.website-files.com/64100316e1db9e6977ed6b0d/65de1930ad689ab6de1c951f_beautywise-banner.webp");
  background-position: 0 0, 50%;
  background-size: auto, cover;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  height: 590px;
  padding: 336px 20px 160px;
  display: block;
}

.beautywise1 {
  background-image: url("https://cdn.prod.website-files.com/64100316e1db9e6977ed6b0d/65ddf7f7ec74d59455c760df_bw1.webp");
  background-position: 50%;
  background-repeat: repeat-y;
  background-size: contain;
  width: 100%;
  height: 180px;
}

.beautywise2 {
  background-image: url("https://cdn.prod.website-files.com/64100316e1db9e6977ed6b0d/65ddf7f71d64a8dfe5886265_bw2.webp");
  background-position: 50%;
  background-repeat: repeat-y;
  background-size: contain;
  width: 100%;
  height: 180px;
}

.beautywise3 {
  background-image: url("https://cdn.prod.website-files.com/64100316e1db9e6977ed6b0d/65ddf7f79cf1c9efcde314a9_bw3.webp");
  background-position: 50%;
  background-repeat: repeat-y;
  background-size: contain;
  background-attachment: scroll;
  width: 100%;
  height: 180px;
}

.beautywise4 {
  background-image: url("https://cdn.prod.website-files.com/64100316e1db9e6977ed6b0d/65ddf7f7f54f34e6f34127ae_bw4.webp");
  background-position: 50%;
  background-repeat: repeat-y;
  background-size: contain;
  width: 100%;
  height: 180px;
}

.heading-228 {
  color: #fff;
}

.bummer-banner {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-image: linear-gradient(#00000024, #00000024), url("https://cdn.prod.website-files.com/64100316e1db9e6977ed6b0d/65df0a77b0570f11fed3258b_bummerbanner.webp");
  background-position: 0 0, 50%;
  background-size: auto, cover;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  height: 590px;
  padding: 336px 20px 160px;
  font-weight: 400;
  display: block;
}

.bummer1 {
  background-image: url("https://cdn.prod.website-files.com/64100316e1db9e6977ed6b0d/65df0a7768550759e78aecb5_bummer3.webp");
  background-position: 50%;
  background-repeat: repeat-y;
  background-size: contain;
  width: 100%;
  height: 180px;
}

.bummer2 {
  background-image: url("https://cdn.prod.website-files.com/64100316e1db9e6977ed6b0d/65df0a779b4f36a47fa45e13_bummer2.webp");
  background-position: 50%;
  background-repeat: repeat-y;
  background-size: contain;
  width: 100%;
  height: 180px;
}

.bummer3 {
  background-image: url("https://cdn.prod.website-files.com/64100316e1db9e6977ed6b0d/65df0a7723de35d6d98e3f42_Bummer1.webp");
  background-position: 50%;
  background-repeat: repeat-y;
  background-size: contain;
  background-attachment: scroll;
  width: 100%;
  height: 180px;
}

.bummer4 {
  background-image: url("https://cdn.prod.website-files.com/64100316e1db9e6977ed6b0d/65df0b0ab3d101b71555855e_bummer5.webp");
  background-position: 50%;
  background-repeat: repeat-y;
  background-size: contain;
  width: 100%;
  height: 180px;
}

.vilvah-banner {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-image: linear-gradient(#00000024, #00000024), url("https://cdn.prod.website-files.com/64100316e1db9e6977ed6b0d/65e17dbe6ab08d791fb62fcf_Vilvah-banner.webp");
  background-position: 0 0, 50%;
  background-size: auto, cover;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  height: 590px;
  padding: 336px 20px 160px;
  display: block;
}

.image-142-copy {
  opacity: 1;
  height: 7em;
  margin-top: 4px;
  padding-bottom: 3px;
  font-size: 6px;
  line-height: 30px;
  display: inline-block;
}

.vilvah1 {
  background-image: url("https://cdn.prod.website-files.com/64100316e1db9e6977ed6b0d/65e17dbec6fcfe33c89c5141_vilvah1.webp");
  background-position: 50%;
  background-repeat: repeat-y;
  background-size: contain;
  width: 100%;
  height: 180px;
}

.vilvah2 {
  background-image: url("https://cdn.prod.website-files.com/64100316e1db9e6977ed6b0d/65e17dbef0237d9af715f628_vilvah2.webp");
  background-position: 50%;
  background-repeat: repeat-y;
  background-size: contain;
  width: 100%;
  height: 180px;
}

.vilvah3 {
  background-image: url("https://cdn.prod.website-files.com/64100316e1db9e6977ed6b0d/65e17dbe81525dcfc768bab7_Vilvah%204.webp");
  background-position: 50%;
  background-repeat: repeat-y;
  background-size: contain;
  background-attachment: scroll;
  width: 100%;
  height: 180px;
}

.vilvah4 {
  background-image: url("https://cdn.prod.website-files.com/64100316e1db9e6977ed6b0d/65e17dbe9682c5d7b4157155_Vilvah3.webp");
  background-position: 50%;
  background-repeat: repeat-y;
  background-size: contain;
  width: 100%;
  height: 180px;
}

.naturespathbanner {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-image: linear-gradient(#00000024, #00000024), url("https://cdn.prod.website-files.com/64100316e1db9e6977ed6b0d/65e5f7cde7fe935f13b65352_banner.webp");
  background-position: 0 0, 50%;
  background-size: auto, cover;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  height: 590px;
  padding: 336px 20px 160px;
  display: block;
}

.naturespath1 {
  background-image: url("https://cdn.prod.website-files.com/64100316e1db9e6977ed6b0d/65e5f7cd1411408e4a112143_image2.webp");
  background-position: 50%;
  background-repeat: repeat-y;
  background-size: contain;
  width: 100%;
  height: 180px;
}

.naturespath2 {
  background-image: url("https://cdn.prod.website-files.com/64100316e1db9e6977ed6b0d/65e5f7cd4279af487fbd0eb4_image4.webp");
  background-position: 50%;
  background-repeat: repeat-y;
  background-size: contain;
  width: 100%;
  height: 180px;
}

.naturespath3 {
  background-image: url("https://cdn.prod.website-files.com/64100316e1db9e6977ed6b0d/65e5f7cda53ceb6826b536c3_imag3.webp");
  background-position: 50%;
  background-repeat: repeat-y;
  background-size: contain;
  background-attachment: scroll;
  width: 100%;
  height: 180px;
}

.naturespath4 {
  background-image: url("https://cdn.prod.website-files.com/64100316e1db9e6977ed6b0d/65e5f7cd1411408e4a11211a_image1.webp");
  background-position: 50%;
  background-repeat: repeat-y;
  background-size: contain;
  width: 100%;
  height: 180px;
}

.heading-229 {
  color: #fff;
  margin-bottom: 20px;
}

.button-15-copy {
  text-align: right;
  letter-spacing: 1px;
  background-color: #206145;
  align-self: flex-start;
  padding: 12px 22px;
  font-family: SFPRODISPLAYREGULAR, sans-serif;
}

.text-block-444 {
  color: #fff;
  margin-bottom: 20px;
}

.button-4-copy {
  color: #000;
  background-color: #3898ec00;
  border: 1px solid #000;
  border-radius: 50px;
  margin-bottom: 20px;
  padding: 8px 10px;
  font-family: Libre Franklin, sans-serif;
  font-size: 14px;
}

.button-4-copy.w--current {
  font-family: Libre Franklin, sans-serif;
}

.utility-page-wrap {
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  display: flex;
}

.utility-page-content {
  text-align: center;
  flex-direction: column;
  width: 260px;
  display: flex;
}

.root-hero-section {
  z-index: 0;
  background-color: #101100;
  background-image: url("https://cdn.prod.website-files.com/64100316e1db9e6977ed6b0d/6708a9c251792e2899a926af_scroll%20(6).png");
  background-position: 50%;
  background-size: cover;
  padding-bottom: 250px;
  padding-left: 20px;
  padding-right: 20px;
  position: relative;
  overflow: hidden;
}

.div-block-1505 {
  flex-flow: row;
  align-items: center;
  margin-bottom: 80px;
  display: flex;
}

.root-container-hero {
  z-index: 20;
  max-width: 1088px;
  margin-top: 120px;
  margin-bottom: 80px;
  position: relative;
}

.heading-230 {
  color: #fff;
  text-align: left;
  margin-top: 0;
  margin-bottom: 0;
  font-family: SFPRODISPLAYMEDIUM, sans-serif;
  font-size: 52px;
  font-weight: 500;
  line-height: 62px;
}

.div-block-1506 {
  margin-bottom: 32px;
}

.text-block-447 {
  color: #fff;
  text-align: left;
  font-family: Libre Franklin, sans-serif;
  font-size: 24px;
  font-weight: 200;
  line-height: 34px;
}

.div-block-1507 {
  margin-bottom: 64px;
}

.link-block-15 {
  background-image: linear-gradient(140deg, #13a3ac, #feffb7);
  border-radius: 70px;
  padding: 23px 38px;
  text-decoration: none;
}

.text-block-448 {
  color: #000;
  font-family: Libre Franklin, sans-serif;
  font-size: 18px;
  font-weight: 600;
}

.div-block-1508 {
  margin-bottom: 20px;
}

.image-157 {
  width: 33px;
}

.div-block-1509 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.text-block-449 {
  color: #fff;
  text-transform: uppercase;
  font-family: Libre Franklin, sans-serif;
  font-size: 16px;
}

.text-span-17 {
  color: #97ffe0;
}

.gradient-bg {
  z-index: 0;
  opacity: .8;
  width: 100%;
  height: 100vh;
  position: absolute;
  inset: 0%;
}

.gradient-bg._1 {
  opacity: .5;
  transform-style: preserve-3d;
  transform: rotateX(0)rotateY(180deg)rotateZ(0);
}

.video-div-main {
  border-radius: 20px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-top: -300px;
  display: flex;
}

.root-container-2 {
  z-index: 10;
  max-width: 1088px;
  position: relative;
}

.section_above {
  z-index: 10;
  padding: 80px 20px;
  display: block;
  position: relative;
}

.heading-231 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-family: SFPRODISPLAYMEDIUM, sans-serif;
  font-size: 52px;
  font-weight: 500;
  line-height: 52px;
}

.heading-231._1 {
  margin-bottom: 40px;
  margin-right: -101px;
  font-family: SFPRODISPLAYMEDIUM, sans-serif;
  font-weight: 500;
}

.heading-231._1._12 {
  margin-right: 0;
}

.heading-231._2 {
  margin-bottom: 40px;
}

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

.heading-231.bold {
  font-family: SFPRODISPLAYBOLD, sans-serif;
  font-weight: 700;
}

.text-span-18 {
  color: #00b27d;
}

.div-block-1511 {
  margin-bottom: 64px;
  display: flex;
}

.div-block-1513 {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 47%;
  padding-left: 48px;
  display: flex;
}

.text-block-450 {
  color: #000;
  margin-bottom: 20px;
  font-family: SFPRODISPLAYMEDIUM, sans-serif;
  font-size: 32px;
  font-weight: 500;
  line-height: 36px;
}

.text-block-450._1 {
  margin-bottom: 40px;
}

.text-block-450._1.blod {
  font-family: SFPRODISPLAYBOLD, sans-serif;
}

.text-block-450.pink {
  color: #8a53ff;
  text-align: center;
  margin-bottom: 32px;
  font-size: 48px;
  line-height: 52px;
}

.text-block-451 {
  margin-bottom: 48px;
  font-family: Libre Franklin, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 20px;
}

.text-block-451._1 {
  padding-right: 133px;
}

.text-block-451._2 {
  margin-bottom: 0;
}

.text-block-451._2.center {
  text-align: center;
}

.text-block-451._2._3 {
  margin-bottom: 40px;
}

.text-block-451._2.bold {
  font-size: 24px;
  font-weight: 400;
  line-height: 28px;
}

.text-block-451.center {
  text-align: center;
  margin-bottom: 0;
}

.text-block-451.center.blod {
  font-size: 24px;
  line-height: 28px;
}

.text-block-452 {
  color: #ffb200;
  text-transform: uppercase;
  background-color: #fff8e8;
  border-radius: 20px;
  margin-bottom: 12px;
  padding: 8px 20px;
  font-family: SFPRODISPLAYMEDIUM, sans-serif;
  font-weight: 500;
}

.link-block-16 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  color: #000;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  font-family: SFPRODISPLAYMEDIUM, sans-serif;
  font-size: 16px;
  font-weight: 500;
  display: flex;
}

.div-block-1514 {
  margin-bottom: 64px;
}

.next-section {
  padding: 120px 20px;
  display: block;
}

.div-block-1515 {
  border-radius: 20px;
  width: 53%;
  overflow: hidden;
}

.background-video {
  width: 100%;
  height: 350px;
}

.div-block-1516 {
  margin-bottom: 64px;
  display: flex;
}

.div-block-1517 {
  border-radius: 20px;
  order: 1;
  width: 53%;
  overflow: hidden;
}

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

.div-block-1519 {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 47%;
  padding-right: 48px;
  display: flex;
}

.text-block-4522 {
  color: #6b84ff;
  background-color: #eaeeff;
  border-radius: 20px;
  margin-bottom: 12px;
  padding: 8px 20px;
  font-family: SFPRODISPLAYMEDIUM, sans-serif;
  font-weight: 500;
}

.text-block-4523 {
  color: #79b814;
  text-transform: uppercase;
  background-color: #f5ffe6;
  border-radius: 20px;
  margin-bottom: 12px;
  padding: 8px 20px;
  font-family: SFPRODISPLAYMEDIUM, sans-serif;
  font-weight: 500;
}

.div-block-1520 {
  grid-column-gap: 40px;
  grid-row-gap: 0px;
  justify-content: space-around;
  align-items: center;
  display: flex;
}

.link-5 {
  color: #ffffff80;
  font-family: SFPRODISPLAYREGULAR, sans-serif;
  font-size: 20px;
}

.link-5.black {
  color: #00000080;
  font-size: 16px;
}

.text-block-4524 {
  color: #ffffff80;
  text-align: center;
}

.text-block-4524.black {
  color: #00000080;
}

.div-block-1521 {
  margin-bottom: 32px;
  font-family: SFPRODISPLAYREGULAR, sans-serif;
  font-size: 20px;
}

.text-span-19 {
  font-family: SFPRODISPLAYMEDIUM, sans-serif;
}

.root-section-2 {
  padding: 80px 20px;
}

.root-section-2._1 {
  padding-top: 0;
  padding-bottom: 0;
}

.text-span-20 {
  color: #00b27d;
}

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

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

.div-block-1524 {
  width: 44%;
}

.root-section-4 {
  padding-left: 20px;
  padding-right: 20px;
  display: block;
}

.root-section-5 {
  padding: 64px 20px;
}

.div-block-1525 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  display: none;
}

.div-block-1526 {
  width: 45%;
}

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

.text-span-21 {
  color: #00b27d;
}

.root-section-6 {
  background-color: #1bd09a;
  padding: 80px 20px;
  overflow: hidden;
}

.text-block-4525 {
  color: #000;
  font-family: SFPRODISPLAYMEDIUM, sans-serif;
  font-size: 32px;
  font-weight: 500;
  line-height: 36px;
}

.slider-4 {
  background-color: #ddd0;
  height: auto;
}

.hide {
  display: none;
}

.mask-2 {
  height: auto;
  overflow: visible;
}

.div-block-1528 {
  margin-bottom: 48px;
}

.div-block-1529 {
  background-color: #fff;
  border-radius: 20px;
  padding: 20px;
}

.text-block-4526 {
  color: #000;
  margin-bottom: 4px;
  font-family: SFPRODISPLAYMEDIUM, sans-serif;
  font-size: 28px;
  font-weight: 500;
  line-height: 36px;
}

.text-block-4527 {
  color: #888;
  font-family: Libre Franklin, sans-serif;
  font-size: 20px;
  font-weight: 300;
}

.div-block-1530 {
  margin-bottom: 40px;
  display: flex;
}

.div-block-1531 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  justify-content: flex-start;
  align-items: center;
  width: 75%;
  display: flex;
}

.div-block-1532 {
  justify-content: flex-end;
  align-items: center;
  width: 25%;
  display: flex;
}

.text-block-4528 {
  color: #666;
  font-family: Libre Franklin, sans-serif;
  font-size: 20px;
  font-weight: 300;
  line-height: 28px;
}

.root-section-7 {
  background-color: #bbf1e1;
  padding: 48px 20px;
  overflow: hidden;
}

.image-162 {
  filter: invert(50%);
  height: 52px;
}

.image-162._1 {
  filter: none;
  height: 96px;
}

.div-block-1533 {
  justify-content: space-between;
  align-items: stretch;
  display: flex;
}

.root-section-8 {
  background-color: #101100;
  padding: 100px 20px;
  display: block;
}

.root-container-main {
  max-width: 1088px;
}

.root-container-main._1 {
  z-index: 10;
  position: relative;
}

.heading-232 {
  color: #fff;
  text-align: center;
  margin-top: 0;
  font-family: SFPRODISPLAYMEDIUM, sans-serif;
  font-size: 48px;
  font-weight: 500;
  line-height: 58px;
}

.div-block-1534 {
  margin-bottom: 80px;
}

.text-block-4530 {
  color: #fff;
  margin-bottom: 12px;
  font-family: SFPRODISPLAYREGULAR, sans-serif;
  font-size: 24px;
  line-height: 30px;
}

.text-block-4530._1 {
  text-align: center;
  margin-bottom: 20px;
  font-family: SFPRODISPLAYREGULAR, sans-serif;
}

.text-block-4531 {
  color: #fff;
  font-family: Libre Franklin, sans-serif;
  font-size: 16px;
}

.div-block-1535 {
  grid-column-gap: 22px;
  grid-row-gap: 22px;
  display: flex;
}

.div-block-1535._1 {
  width: 400px;
}

.div-block-1535._2 {
  width: 460px;
}

.div-block-1536 {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  display: flex;
}

.div-block-1536._1 {
  margin-bottom: 48px;
}

.root-section-9 {
  background-image: linear-gradient(#16231c, #101100);
  padding: 40px 20px;
  display: block;
}

.text-block-4532 {
  color: #fff;
  text-align: center;
  margin-bottom: 40px;
  font-family: SFPRODISPLAYMEDIUM, sans-serif;
  font-size: 40px;
  font-weight: 500;
  line-height: 50px;
}

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

.root-section-10 {
  background-color: #101100;
  padding: 80px 20px;
  position: relative;
  overflow: hidden;
}

.root-container {
  z-index: 10;
  max-width: 1088px;
  position: relative;
}

.root-container.new-footer {
  display: none;
}

.div-block-1538 {
  margin-bottom: 80px;
}

.question-close {
  z-index: 10;
  cursor: pointer;
  background-color: #ffffff14;
  border-radius: 50px;
  justify-content: space-between;
  align-items: stretch;
  padding: 16px 20px;
  display: flex;
  position: relative;
}

.text-block-4533 {
  color: #fff;
  font-family: SFPRODISPLAYREGULAR, sans-serif;
  font-size: 20px;
}

.answer {
  z-index: 0;
  padding-top: 20px;
  padding-left: 20px;
  position: relative;
}

.text-block-4534 {
  color: #fffc;
  font-family: SFPRODISPLAYREGULAR, sans-serif;
  font-size: 16px;
  line-height: 22px;
}

.div-block-1541 {
  background-color: #97ffe0;
  border-radius: 12px;
  width: 4px;
  height: 100%;
  position: absolute;
  inset: 0% auto 0% 0%;
}

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

.qustion-open {
  z-index: 10;
  cursor: pointer;
  background-color: #ffffff14;
  border-top-right-radius: 50px;
  border-bottom-right-radius: 50px;
  justify-content: space-between;
  align-items: stretch;
  padding: 16px 20px;
  display: flex;
  position: relative;
}

.div-block-1543 {
  grid-column-gap: 44px;
  grid-row-gap: 44px;
  flex-flow: column;
  margin-bottom: 30px;
  display: flex;
}

.div-block-1544 {
  background-color: #ffffff05;
  border-radius: 20px;
  padding-top: 32px;
  padding-bottom: 32px;
}

.text-block-4535 {
  color: #fff9;
  text-align: center;
  font-family: SFPRODISPLAYREGULAR, sans-serif;
  font-size: 16px;
}

.text-span-22 {
  color: #fff;
  text-decoration: underline;
}

.root-section-11 {
  background-color: #101100;
  border-top: 1px solid #525252;
  padding: 60px 20px;
  position: relative;
  overflow: hidden;
}

.text-block-4536 {
  color: #dae2e0;
  text-align: center;
  margin-bottom: 20px;
  font-family: Libre Franklin, sans-serif;
  font-size: 17px;
}

.text-block-4537 {
  color: #f5fffc;
  text-align: center;
  margin-bottom: 40px;
  font-family: Libre Franklin, sans-serif;
  font-size: 32px;
  line-height: 32px;
}

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

.div-block-1546 {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  border-top: 1px solid #525252;
  border-bottom: 1px solid #525252;
  justify-content: center;
  align-items: center;
  margin-top: 40px;
  margin-bottom: 40px;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
}

.link-6 {
  color: #fff;
  font-family: Libre Franklin, sans-serif;
  font-size: 15px;
  text-decoration: none;
}

.text-block-4538 {
  color: #dae2e0;
  text-align: center;
  margin-bottom: 20px;
  font-family: Libre Franklin, sans-serif;
  font-size: 15px;
}

.text-block-4539 {
  color: #dae2e0;
  text-align: center;
  font-family: Libre Franklin, sans-serif;
  font-size: 15px;
}

.video-wrapper {
  border-radius: 20px;
  width: 100%;
}

.root-banner {
  background-color: #1bd09a;
  justify-content: center;
  align-items: center;
  height: 48px;
  display: flex;
}

.div-block-1547 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.text-block-4540 {
  color: #000;
  font-family: Libre Franklin, sans-serif;
  font-size: 16px;
}

.text-span-23 {
  font-weight: 700;
}

.text-span-24, .text-span-25 {
  color: #80ffd9;
}

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

.div-block-1550 {
  margin-bottom: 60px;
}

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

.review {
  background-color: #000;
  background-image: linear-gradient(140deg, #dbeee3, #dbdffb);
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  padding: 20px;
  display: flex;
}

.slider-5 {
  background-color: #ddd0;
  height: auto;
}

.mask-3 {
  height: auto;
}

.slide-3 {
  width: 31.9%;
  margin-right: 20px;
}

.text-span-26 {
  color: #80ffd9;
}

.div-block-1552 {
  width: 72px;
  height: 72px;
}

.div-block-1553 {
  display: none;
}

.div-block-356-copy {
  object-fit: fill;
  background-color: #1c9ace;
  background-image: linear-gradient(#1bd19b, #fff);
  height: 220px;
}

.navbar-5 {
  background-color: #ddd0;
  padding-top: 20px;
  padding-bottom: 20px;
}

.div-block-1557 {
  background-color: #ffffff0f;
  border-radius: 50px;
  padding: 16px 40px;
}

.div-block-1557._2 {
  background-color: #fff;
  box-shadow: 0 0 40px #00000014;
}

.div-block-1557.black {
  background-color: #ffffff05;
}

.menu-link {
  color: #ffffff80;
  cursor: pointer;
  flex-direction: column;
  align-items: center;
  font-family: Libre Franklin, sans-serif;
  font-weight: 400;
  text-decoration: none;
  display: flex;
}

.menu-link:hover {
  color: #97ffe0;
}

.menu-link.w--current {
  color: #97ffe0;
  cursor: pointer;
  font-weight: 500;
}

.menu-link._1p.w--current {
  color: #97ffe0;
  font-weight: 500;
}

.menu-link._1p._1 {
  display: none;
}

.menu-link._1p.black {
  color: #ffffff80;
  display: none;
}

.menu-link._2.w--current {
  color: #000;
}

.menu-link._1 {
  color: #00000080;
}

.menu-link._1.black {
  color: #ffffff80;
}

.menu-link.black.w--current {
  color: var(--white);
}

.menu-link-text {
  color: #ffffff80;
  letter-spacing: 5px;
  text-transform: uppercase;
  padding: 0;
  font-family: SFPRODISPLAYREGULAR, sans-serif;
  text-decoration: none;
}

.menu-link-text.w--current {
  color: #97ffe0;
  border-bottom-width: 1px;
  border-bottom-color: #97ffe0;
}

.menu-link-text._111 {
  color: #ffffff80;
  padding-bottom: 0;
  font-family: Libre Franklin, sans-serif;
}

.menu-link-text._1 {
  color: #00000080;
}

.menu-link-text.black {
  color: #ffffff80;
}

.nav-menu-div {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  flex-direction: row;
  display: flex;
}

.dropdown-toggle {
  padding: 0;
}

.icon-12 {
  color: #00000080;
  margin-right: -20px;
}

.icon-12._2 {
  color: #00000080;
}

.icon-12._2.black {
  color: #ffffff80;
}

.icon-12._2.white {
  color: #00000080;
}

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

.div-block-1558 {
  background-color: #ffffff0f;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
  margin-top: 15px;
}

.dropdown-link {
  color: #ffffff96;
  text-align: center;
  border-top: 1px solid #ffffff52;
  padding: 10px 20px;
  font-family: SFPRODISPLAYREGULAR, sans-serif;
  font-size: 14px;
  font-weight: 400;
}

.dropdown-link:hover {
  color: #e3d6ff;
}

.dropdown-link.w--current {
  color: #97ffe07d;
}

.container-164 {
  max-width: 1088px;
}

.div-block-1559 {
  margin-right: 10px;
}

.text-block-4524-copy {
  color: #000;
  text-align: center;
}

.div-block-1562 {
  display: none;
}

.root-container-main-copy {
  max-width: 1088px;
}

.root-container-main-copy._1 {
  z-index: 10;
  position: relative;
}

.image-164 {
  margin-bottom: 20px;
}

.div-block-1563 {
  display: none;
}

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

.text-span-27, .text-span-28 {
  color: #97ffe0;
}

.text-block-4542 {
  color: #101110;
  margin-top: 10px;
  font-family: Libre Franklin, sans-serif;
}

.text-span-29 {
  color: #97ffe0;
}

.text-span-30 {
  color: #80ffd9;
}

.text-span-31, .text-span-32, .text-span-33, .text-span-34, .text-span-35, .text-span-36 {
  color: #97ffe0;
}

.image-165 {
  height: 30px;
}

.image-165._1 {
  height: 40px;
}

.div-block-1565 {
  width: 60%;
  padding-right: 20px;
}

.div-block-1566 {
  width: 40%;
}

.text-span-37 {
  background-color: #f4efff;
  padding-left: 5px;
  padding-right: 5px;
}

.div-block-1567 {
  grid-row-gap: 32px;
  flex-flow: column;
  width: 60%;
  margin-bottom: 64px;
  display: flex;
}

.div-block-1567._1 {
  width: 71%;
}

.div-block-1568 {
  grid-column-gap: 12px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.div-block-1569 {
  background-color: #f4efff;
  border-radius: 24px;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  padding: 48px 24px;
  display: flex;
}

.button-16 {
  background-color: #8a53ff;
  border-radius: 50px;
  padding: 12px 25px;
  font-size: 16px;
}

.button-16._1 {
  color: #7b7b7b;
  background-color: #d5d5d5;
}

.text-block-4544 {
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(90deg, #9665ff, #00df9c);
  -webkit-background-clip: text;
  background-clip: text;
  margin-top: -30px;
  margin-bottom: 10px;
  font-family: SFPRODISPLAYMEDIUM, sans-serif;
  font-style: italic;
}

.text-span-38 {
  background-color: #f4efff;
  padding-left: 5px;
  padding-right: 5px;
}

.div-block-1570 {
  grid-column-gap: 12px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.div-block-1571 {
  border-radius: 24px;
  padding-top: 32px;
  padding-bottom: 32px;
  box-shadow: 0 0 32px #00000014;
}

.root-section-12 {
  background-image: linear-gradient(#16231c, #101100);
  padding: 64px 20px;
}

.text-block-4545 {
  color: #fff;
  text-align: center;
  margin-bottom: 48px;
  font-family: SFPRODISPLAYMEDIUM, sans-serif;
  font-size: 32px;
  font-weight: 500;
  line-height: 38px;
}

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

.root-section-13 {
  padding-top: 80px;
  padding-bottom: 80px;
}

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

.text-span-39 {
  background-color: #f4efff;
  padding-left: 5px;
  padding-right: 5px;
}

.link-block-18 {
  grid-row-gap: 5px;
  color: #8a53ff;
  justify-content: flex-start;
  align-items: center;
  margin-top: 64px;
  font-size: 20px;
  text-decoration: none;
  display: flex;
}

.image-167 {
  width: 24px;
  height: 24px;
}

.div-block-1573 {
  margin-bottom: 64px;
  margin-left: 20px;
  margin-right: 20px;
}

.heading-233 {
  color: #ffffffb8;
  text-align: center;
  margin-top: 0;
  margin-bottom: 41px;
  font-size: 56px;
  line-height: 62px;
}

.text-span-40 {
  color: #fff;
  font-family: Playfair Display, sans-serif;
  font-style: italic;
}

.text-block-4546 {
  color: #fff;
  text-align: center;
  font-family: Libre Franklin, sans-serif;
  font-size: 24px;
  font-weight: 300;
  line-height: 30px;
}

.text-span-41 {
  font-weight: 500;
}

.div-block-1574 {
  grid-row-gap: 20px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  margin-top: 64px;
  display: flex;
}

.text-span-42 {
  color: #00b27d;
}

.image-168 {
  display: none;
}

.section-3-1 {
  flex-flow: column;
  justify-content: space-between;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  overflow: hidden;
}

.gsap_trigger {
  height: 100vh;
  padding-left: 20px;
  padding-right: 20px;
}

.container-168 {
  max-width: 1088px;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.div-block-1576 {
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  height: 100%;
  display: flex;
  position: relative;
}

.heading-234 {
  color: #000;
  text-align: center;
  margin-top: 0;
  font-family: SFPRODISPLAYMEDIUM, sans-serif;
  font-size: 46px;
  font-weight: 500;
  line-height: 62px;
}

.text-block-4547 {
  color: #000;
  text-align: center;
  font-family: SFPRODISPLAYREGULAR, sans-serif;
  font-size: 24px;
  line-height: 1.4em;
}

.gsap_text_container {
  z-index: 0;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.gsap_disk_1 {
  z-index: 20;
  width: 525px;
  height: 265px;
  position: relative;
}

.gsap_wrapper {
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 100%;
  display: flex;
  overflow: hidden;
}

.gsap_icon_1 {
  position: absolute;
  top: 0%;
  left: 0%;
}

.gsap_icon_1._1 {
  z-index: 10;
  margin-top: 192px;
  margin-left: 19px;
  transform: scale(.76);
}

.gsap_icon_2 {
  position: absolute;
  top: 0%;
  left: 0%;
}

.gsap_icon_2._2 {
  z-index: 10;
  margin-top: 122px;
  margin-left: 72px;
  transform: scale(.75);
}

.gsap_icon_3 {
  position: absolute;
  top: 0%;
  left: 0%;
}

.gsap_icon_3._3 {
  z-index: 10;
  margin-top: 47px;
  margin-left: 103px;
  transform: scale(.75);
}

.gsap_icon_4 {
  position: absolute;
  top: 0%;
  left: 0%;
}

.gsap_icon_4._4 {
  z-index: 10;
  margin-top: 23px;
  margin-left: 221px;
  transform: scale(.75);
}

.gsap_icon_5 {
  position: absolute;
  top: 0%;
  left: 0%;
}

.gsap_icon_5._5 {
  z-index: 10;
  margin-top: 51px;
  margin-left: 330px;
  transform: scale(.75);
}

.gsap_icon_6 {
  position: absolute;
  top: 0%;
  left: 0%;
}

.gsap_icon_6._6 {
  z-index: 10;
  margin-top: 111px;
  margin-left: 372px;
  transform: scale(.75);
}

.gsap_icon_7 {
  position: absolute;
  top: 0%;
  left: 0%;
}

.gsap_icon_7._7 {
  z-index: 10;
  margin-top: 197px;
  margin-left: 451px;
  transform: scale(.75);
}

.gsap_disk_1_1 {
  z-index: 10;
  background-image: url("https://cdn.prod.website-files.com/64100316e1db9e6977ed6b0d/67039e46f513a2777b189597_Ellipse%201%20(1).svg");
  background-position: 50%;
  background-size: cover;
  justify-content: center;
  align-items: flex-end;
  width: 525px;
  height: 265px;
  padding-bottom: 20px;
  display: flex;
  position: absolute;
  bottom: 0%;
}

.shadow_1 {
  z-index: 9;
  position: absolute;
  top: 0%;
  left: 0%;
}

.shadow_1._1_1 {
  width: 235px;
  margin-top: 86px;
  margin-left: -50px;
}

.shadow_2 {
  z-index: 9;
  position: absolute;
  top: 0%;
  left: 0%;
}

.shadow_2._1_2 {
  width: 0;
  margin-top: 56px;
  margin-left: 16px;
}

.shadow_3 {
  z-index: 9;
  position: absolute;
  top: 0%;
  left: 0%;
}

.shadow_3._1_3 {
  width: 0;
  margin-top: 8px;
  margin-left: 58px;
}

.shadow_4 {
  z-index: 9;
  position: absolute;
  top: 0%;
  left: 0%;
}

.shadow_4._1_4 {
  width: 0;
  margin-top: -92px;
  margin-left: 142px;
}

.shadow_5 {
  z-index: 9;
  position: absolute;
  top: 0%;
  left: 0%;
}

.shadow_5._1_5 {
  width: 0;
  margin-top: -53px;
  margin-left: 249px;
}

.shadow_6 {
  z-index: 9;
  position: absolute;
  top: 0%;
  left: 0%;
}

.shadow_6._1_6 {
  width: 0;
  margin-top: 27px;
  margin-left: 334px;
}

.shadow_7 {
  z-index: 9;
  position: absolute;
  top: 0%;
  left: 0%;
}

.shadow_7._1_7 {
  width: 0;
  margin-top: 103px;
  margin-left: 370px;
}

.gsap_disk_1_2 {
  z-index: 9;
  display: flex;
  position: absolute;
  bottom: 0%;
}

.gsap_disk_1_3 {
  z-index: 8;
  display: flex;
  position: absolute;
  bottom: 0%;
}

.gsap_disk_1_4 {
  z-index: 7;
  margin-left: 5.5px;
  display: flex;
  position: absolute;
  bottom: 0%;
}

.gsap_scale_wrap {
  z-index: 15;
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  bottom: 0%;
}

.text_slide {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-top: 80px;
  display: flex;
  position: absolute;
  top: 0%;
}

.text_slide.text_slide_1, .text_slide.text_slide_2, .text_slide.text_slide_3, .text_slide.text_slide_4, .text_slide.text_slide_5 {
  width: 100%;
}

.section-52 {
  padding: 80px 20px;
}

.section-52.mobile {
  display: none;
  overflow: hidden;
}

.c {
  max-width: 1088px;
}

.card-container {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  transition: all .35s;
  display: flex;
}

.card {
  border-radius: 16px;
  width: 200px;
  height: 420px;
  overflow: hidden;
  box-shadow: 0 0 40px #0006;
}

.card.img1 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  box-shadow: none;
  background-image: linear-gradient(#131b1080, #131b1080), url("https://cdn.prod.website-files.com/64100316e1db9e6977ed6b0d/67499bbb5127bc2a9027e1d5_Property%201%3DDefault%20(5).svg");
  background-position: 0 0, 50%;
  background-size: auto, cover;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  padding: 40px 10px 10px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.card.img1.active {
  border: 2px solid var(--white);
  background-image: url("https://cdn.prod.website-files.com/64100316e1db9e6977ed6b0d/67499bbb5127bc2a9027e1d5_Property%201%3DDefault%20(5).svg");
  background-position: 50%;
  background-size: cover;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  width: 420px;
  display: flex;
  box-shadow: 0 0 40px #0006;
}

.card.img_2 {
  background-image: linear-gradient(#00000080, #00000080), url("https://cdn.prod.website-files.com/64100316e1db9e6977ed6b0d/6708f424407379b8a8b3725d_image%2034.png");
  background-position: 0 0, 50%;
  background-size: auto, cover;
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  padding: 10px;
  display: flex;
}

.card.img_3 {
  background-image: linear-gradient(#00000080, #00000080), url("https://cdn.prod.website-files.com/64100316e1db9e6977ed6b0d/67064ab5ad030445086529f7_image%2033.png");
  background-position: 0 0, 50%;
  background-size: auto, cover;
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  padding: 10px;
  display: flex;
}

.card.img_4 {
  background-image: linear-gradient(#00000080, #00000080), url("https://cdn.prod.website-files.com/64100316e1db9e6977ed6b0d/67064a9780b17c2da2188b16_image%2034.png");
  background-position: 0 0, 50%;
  background-size: auto, cover;
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  padding: 10px;
  display: flex;
}

.card.img_2 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  box-shadow: none;
  background-image: linear-gradient(#131b1080, #131b1080), url("https://cdn.prod.website-files.com/64100316e1db9e6977ed6b0d/67499bbb5127bc2a9027e1d5_Property%201%3DDefault%20(5).svg");
  background-position: 0 0, 50%;
  background-size: auto, cover;
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  width: 155px;
  padding: 10px;
  display: flex;
}

.card.img_2.active {
  border: 2px solid var(--white);
  background-image: url("https://cdn.prod.website-files.com/64100316e1db9e6977ed6b0d/67499bbb5127bc2a9027e1d5_Property%201%3DDefault%20(5).svg");
  background-position: 50%;
  background-size: cover;
  width: 420px;
  box-shadow: 0 0 40px #0006;
}

.card.img_3 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  box-shadow: none;
  background-image: linear-gradient(#131b1080, #131b1080), url("https://cdn.prod.website-files.com/64100316e1db9e6977ed6b0d/67499bbb5127bc2a9027e1d5_Property%201%3DDefault%20(5).svg");
  background-position: 0 0, 50%;
  background-size: auto, cover;
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  width: 155px;
  padding: 10px;
  display: flex;
}

.card.img_3.active {
  border: 2px solid var(--white);
  background-image: url("https://cdn.prod.website-files.com/64100316e1db9e6977ed6b0d/67499bbb5127bc2a9027e1d5_Property%201%3DDefault%20(5).svg");
  background-position: 50%;
  background-size: cover;
  box-shadow: 0 0 40px #0006;
}

.card.img_4 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  box-shadow: none;
  background-image: linear-gradient(#131b1080, #131b1080), url("https://cdn.prod.website-files.com/64100316e1db9e6977ed6b0d/67499bbb5127bc2a9027e1d5_Property%201%3DDefault%20(5).svg");
  background-position: 0 0, 50%;
  background-size: auto, cover;
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  width: 155px;
  padding: 10px;
  display: flex;
}

.card.img_4.active {
  border: 2px solid var(--white);
  background-image: url("https://cdn.prod.website-files.com/64100316e1db9e6977ed6b0d/67499bbb5127bc2a9027e1d5_Property%201%3DDefault%20(5).svg");
  background-position: 50%;
  background-size: cover;
  box-shadow: 0 0 40px #0006;
}

.card.img_5 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  box-shadow: none;
  background-image: linear-gradient(#131b1080, #131b1080), url("https://cdn.prod.website-files.com/64100316e1db9e6977ed6b0d/67499bbb5127bc2a9027e1d5_Property%201%3DDefault%20(5).svg");
  background-position: 0 0, 50%;
  background-size: auto, cover;
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  width: 155px;
  padding: 10px;
  display: flex;
}

.card.img_5.active {
  border: 2px solid var(--white);
  background-image: url("https://cdn.prod.website-files.com/64100316e1db9e6977ed6b0d/67499bbb5127bc2a9027e1d5_Property%201%3DDefault%20(5).svg");
  background-position: 50%;
  background-size: cover;
  box-shadow: 0 0 40px #0006;
}

.heading-235 {
  color: var(--white);
  margin-top: 0;
  margin-bottom: 0;
  font-family: SFPRODISPLAYREGULAR, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 26px;
}

.heading-235.text_hide_edt {
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
}

.heading-235.heading_txt {
  width: 145.851px;
  margin-bottom: 40px;
  margin-right: 0;
}

.link-9 {
  color: #d8c6ff;
  margin-bottom: 10px;
  font-family: SFPRODISPLAYREGULAR, sans-serif;
  text-decoration: none;
  position: absolute;
  bottom: 0%;
  left: 0%;
}

.text_hide {
  color: var(--white);
}

.text_hide.active {
  opacity: 100;
  display: block;
}

.div-block-1581 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  margin-top: 10px;
  display: flex;
}

.gradient-bg2 {
  z-index: 0;
  opacity: .8;
  width: 100%;
  height: 100vh;
  display: none;
  position: absolute;
  inset: 0%;
}

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

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

.div-block-1584 {
  justify-content: flex-end;
  align-items: flex-start;
  width: 50%;
  padding-bottom: 80px;
  display: flex;
}

.heading-236 {
  color: #fff;
  margin-top: 0;
  font-size: 20px;
  line-height: 1.4em;
  display: none;
}

.text-block-4548 {
  color: #c8aeff;
  margin-right: 20px;
  font-family: SFPRODISPLAYREGULAR, sans-serif;
  font-size: 46px;
  font-weight: 400;
  line-height: 62px;
}

.text-block-4549 {
  color: #fff;
  font-family: SFPRODISPLAYMEDIUM, sans-serif;
  font-size: 46px;
  font-weight: 500;
  line-height: 62px;
}

.div-block-1585 {
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 40px;
  display: flex;
}

.button-17 {
  background-color: #8a53ff;
  border-radius: 100px;
  margin-bottom: 20px;
  padding: 18px 32px;
  font-family: SFPRODISPLAYMEDIUM, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 24px;
}

.button-17._1 {
  margin-bottom: 0;
}

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

.text-block-4550 {
  color: #fff;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-family: SFPRODISPLAYREGULAR, sans-serif;
  font-size: 16px;
}

.text-span-43 {
  color: #ffffffb3;
}

.section_above2 {
  z-index: 10;
  padding-bottom: 80px;
  padding-left: 20px;
  padding-right: 20px;
  display: block;
  position: relative;
}

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

.heading-237 {
  color: var(--black);
  text-align: center;
  margin-top: 0;
  font-family: SFPRODISPLAYMEDIUM, sans-serif;
  font-size: 46px;
  font-weight: 500;
  line-height: 62px;
}

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

.text-block-4551 {
  color: var(--black);
  text-align: center;
  font-family: SFPRODISPLAYREGULAR, sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 1.4em;
}

.text-block-4551.white {
  color: var(--white);
}

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

.section-53 {
  background-color: var(--black);
  padding: 60px 20px;
}

.heading-238 {
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 20px;
  font-family: SFPRODISPLAYMEDIUM, sans-serif;
  font-size: 36px;
  font-weight: 500;
  line-height: 52px;
}

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

.section-54 {
  padding: 80px 20px;
}

.text-span-44 {
  background-color: #f4efff;
}

.div-block-1590 {
  z-index: 2;
  grid-column-gap: 20px;
  margin-top: 120px;
  margin-bottom: 120px;
  display: flex;
  position: relative;
}

.div-block-1590._1 {
  margin-bottom: 0;
}

.div-block-1591 {
  background-color: var(--white);
  border-radius: 24px;
  width: 50%;
  padding-top: 64px;
  padding-bottom: 64px;
  box-shadow: 0 0 32px #00000014;
}

.text-block-4552 {
  color: #8a53ff;
  text-align: center;
  margin-bottom: 40px;
  font-family: SFPRODISPLAYMEDIUM, sans-serif;
  font-size: 36px;
  font-weight: 500;
  line-height: 52px;
}

.image-177 {
  height: 30em;
  position: absolute;
  inset: auto 0% -9% 30%;
}

.div-block-1593 {
  width: 1088px;
  position: relative;
}

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

.link-block-19 {
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.text-block-4554 {
  color: #8a53ff;
  margin-right: 5px;
  font-family: SFPRODISPLAYREGULAR, sans-serif;
  font-size: 24px;
  font-weight: 400;
}

.section-55 {
  background-color: var(--black);
  padding: 80px 20px;
}

.div-block-1595 {
  grid-column-gap: 0px;
  grid-row-gap: 20px;
  flex-flow: column;
  width: 50%;
  display: flex;
}

.div-block-1596 {
  grid-row-gap: 20px;
  flex-flow: column;
  width: 50%;
  display: flex;
}

.text-block-4555 {
  color: #aeaeae;
  text-align: center;
  margin-top: 40px;
  margin-bottom: 40px;
  font-family: SFPRODISPLAYREGULAR, sans-serif;
  font-size: 28px;
  font-weight: 400;
  line-height: 1.4em;
}

.text-block-4555._1 {
  margin-top: 100px;
  margin-bottom: 100px;
}

.div-block-1597 {
  opacity: .35;
  background-image: linear-gradient(100deg, #1f1f1f, #cecece 50%, #272727);
  height: 1px;
}

.div-block-1598 {
  background-image: linear-gradient(#171800, #070700);
  border-radius: 20px;
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
  box-shadow: 0 4px 16px #00000014;
}

.image-178 {
  height: 35em;
  position: absolute;
  inset: auto 0% -16% 28%;
}

.section-56 {
  background-color: #e3d6ff;
  padding: 60px 20px;
}

.div-block-1599 {
  grid-column-gap: 40px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.card_1 {
  border-radius: 16px;
  width: 200px;
  height: 420px;
  box-shadow: 0 0 40px #0006;
}

.card_1.img1 {
  background-image: linear-gradient(#131b1080, #131b1080), url("https://cdn.prod.website-files.com/64100316e1db9e6977ed6b0d/67064a6720cd9f77df472c4b_image%2035.png");
  background-position: 0 0, 50%;
  background-size: auto, cover;
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  padding: 10px;
  display: flex;
}

.card_1.img_2 {
  background-image: linear-gradient(#131b1080, #131b1080), url("https://cdn.prod.website-files.com/64100316e1db9e6977ed6b0d/6708f424407379b8a8b3725d_image%2034.png");
  background-position: 0 0, 50%;
  background-size: auto, cover;
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  padding: 10px;
  display: flex;
}

.card_1.img_3 {
  background-image: linear-gradient(#131b1080, #131b1080), url("https://cdn.prod.website-files.com/64100316e1db9e6977ed6b0d/67090140328ad893ef651d05_8f31c0337af4ef5860e5db2b46613050.png");
  background-position: 0 0, 50%;
  background-size: auto, cover;
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  padding: 10px;
  display: flex;
}

.card_1.img_4 {
  background-image: linear-gradient(#131b1080, #131b1080), url("https://cdn.prod.website-files.com/64100316e1db9e6977ed6b0d/6709019022b84a04574ab79a_f53cf161453a1a66f1f31bb0d8e2f44d.png");
  background-position: 0 0, 50%;
  background-size: auto, cover;
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  padding: 10px;
  display: flex;
}

.card_1.img_5 {
  background-image: linear-gradient(#00000080, #00000080), url("https://cdn.prod.website-files.com/64100316e1db9e6977ed6b0d/67064a9780b17c2da2188b16_image%2034.png");
  background-position: 0 0, 50%;
  background-size: auto, cover;
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  padding: 10px;
  display: flex;
}

.section-59 {
  background-color: #101100;
  padding: 60px 20px;
}

.div-block-1600 {
  justify-content: space-between;
  align-items: stretch;
  margin-bottom: 60px;
  display: flex;
}

.div-block-1601 {
  width: 40%;
}

.div-block-1602 {
  width: 15%;
}

.image-179 {
  height: 38px;
}

.link-block-20 {
  margin-bottom: 30px;
}

.text-block-4556 {
  color: #ffffff80;
  margin-bottom: 30px;
  font-family: SFPRODISPLAYREGULAR, sans-serif;
  font-size: 16px;
  line-height: 24px;
}

.text-span-45 {
  color: #fff;
}

.text-block-4557 {
  color: #fff;
  margin-bottom: 30px;
  font-family: SFPRODISPLAYBOLD, sans-serif;
  font-size: 16px;
}

.link-10 {
  color: #fffc;
  font-family: SFPRODISPLAYREGULAR, sans-serif;
  text-decoration: none;
}

.div-block-1604 {
  grid-row-gap: 10px;
  flex-flow: column;
  display: flex;
}

.div-block-1605 {
  border-top: 1px solid #dae2e066;
  border-bottom: 1px solid #dae2e066;
  margin-bottom: 60px;
  padding: 20px;
}

.text-block-4558 {
  color: #ffffff80;
  text-align: center;
  margin-bottom: 20px;
  font-family: SFPRODISPLAYREGULAR, sans-serif;
}

.div-block-1606 {
  grid-column-gap: 20px;
  grid-row-gap: 0px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.text-block-4559 {
  color: #dae2e0b3;
  text-align: center;
  font-family: SFPRODISPLAYREGULAR, sans-serif;
}

.div-block-1607 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  display: flex;
}

.div-block-1610 {
  max-width: 1089%;
}

.image-162-copy {
  filter: invert(50%);
  height: 52px;
}

.image-162-copy._1 {
  filter: none;
  height: 56px;
}

.text-block-4561 {
  color: #8971ba;
  text-align: center;
  width: 45%;
  font-family: Lato, sans-serif;
  font-size: 26px;
  font-weight: 700;
  line-height: 1.2em;
}

.slide-2, .slide-3 {
  width: auto;
  margin-right: 0;
}

.book-demo-button {
  background-color: var(--untitled-ui--primary700);
  color: #fff;
  border: 0 solid #fff;
  border-radius: 100px;
  margin-bottom: 0;
  padding: 1.5rem 2rem;
  font-family: Sf Pro Display, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-decoration: none;
}

.book-demo-button._1 {
  color: #000;
  background-color: #fff;
  border: 1px solid #000;
  margin-bottom: 0;
  padding-top: 12px;
  padding-bottom: 12px;
}

.book-demo-button.black {
  background-color: #0000;
  padding-top: 12px;
  padding-bottom: 12px;
  font-size: 14px;
}

.book-demo-button.white {
  color: #000;
  border-color: #000;
}

.icon-wrapper {
  overflow: hidden;
}

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

.section-62 {
  background-color: var(--black);
  height: 500px;
}

.container-172 {
  max-width: 1088px;
}

.new_mobilw_scoll_gsap {
  padding-left: 20px;
  padding-right: 20px;
  display: none;
}

.slider-s {
  z-index: 10;
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
  overflow: hidden;
}

.splide {
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  position: relative;
}

.splide__track {
  width: 100%;
  overflow: hidden;
}

.splide__list {
  flex-flow: row;
}

.splide__slide {
  flex: none;
  width: 100%;
  overflow: hidden;
}

.spline_card_1 {
  border-radius: 16px;
  width: 200px;
  height: 420px;
  box-shadow: 0 0 40px #0006;
}

.spline_card_1.img1 {
  background-image: linear-gradient(#131b1080, #131b1080), url("https://cdn.prod.website-files.com/64100316e1db9e6977ed6b0d/67064a6720cd9f77df472c4b_image%2035.png");
  background-position: 0 0, 50%;
  background-size: auto, cover;
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  padding: 10px;
  display: flex;
}

.spline_card_2 {
  border-radius: 16px;
  width: 200px;
  height: 420px;
  box-shadow: 0 0 40px #0006;
}

.spline_card_2.img_2 {
  background-image: linear-gradient(#131b1080, #131b1080), url("https://cdn.prod.website-files.com/64100316e1db9e6977ed6b0d/6708f424407379b8a8b3725d_image%2034.png");
  background-position: 0 0, 50%;
  background-size: auto, cover;
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  padding: 10px;
  display: flex;
}

.spline_card_3 {
  border-radius: 16px;
  width: 200px;
  height: 420px;
  box-shadow: 0 0 40px #0006;
}

.spline_card_3.img_3 {
  background-image: linear-gradient(#131b1080, #131b1080), url("https://cdn.prod.website-files.com/64100316e1db9e6977ed6b0d/67090140328ad893ef651d05_8f31c0337af4ef5860e5db2b46613050.png");
  background-position: 0 0, 50%;
  background-size: auto, cover;
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  padding: 10px;
  display: flex;
}

.spline_card_4 {
  border-radius: 16px;
  width: 200px;
  height: 420px;
  box-shadow: 0 0 40px #0006;
}

.spline_card_4.img_4 {
  background-image: linear-gradient(#131b1080, #131b1080), url("https://cdn.prod.website-files.com/64100316e1db9e6977ed6b0d/6709019022b84a04574ab79a_f53cf161453a1a66f1f31bb0d8e2f44d.png");
  background-position: 0 0, 50%;
  background-size: auto, cover;
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  padding: 10px;
  display: flex;
}

.spline_card_5 {
  border-radius: 16px;
  width: 200px;
  height: 420px;
  box-shadow: 0 0 40px #0006;
}

.spline_card_5.img_5 {
  background-image: linear-gradient(#00000080, #00000080), url("https://cdn.prod.website-files.com/64100316e1db9e6977ed6b0d/67064a9780b17c2da2188b16_image%2034.png");
  background-position: 0 0, 50%;
  background-size: auto, cover;
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  padding: 10px;
  display: flex;
}

.div-block-1618 {
  overflow: hidden;
}

.section-64 {
  background-color: var(--black);
}

.section-64._1 {
  background-color: var(--white);
  padding-left: 20px;
  padding-right: 20px;
}

.section-64.black {
  z-index: 100;
  background-color: #0000;
  position: relative;
}

.container-174 {
  max-width: 1088px;
}

.section-65 {
  padding: 80px 20px;
}

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

.div-block-1620 {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 55%;
  display: flex;
}

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

.image-188 {
  border-radius: 12px;
}

.div-block-1622 {
  background-color: #0000000a;
  border-radius: 50px;
  margin-bottom: 32px;
  padding: 10px 24px;
}

.text-block-4564 {
  font-family: SFPRODISPLAYREGULAR, sans-serif;
  font-size: 16px;
  font-weight: 400;
}

.heading-240 {
  color: #000;
  margin-top: 0;
  margin-bottom: 40px;
  font-family: SFPRODISPLAYREGULAR, sans-serif;
  font-size: 46px;
  font-weight: 400;
  line-height: 62px;
}

.text-block-4565 {
  color: #000;
  width: 70%;
  font-family: SFPRODISPLAYREGULAR, sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 1.4em;
}

.text-block-4565._1 {
  text-align: center;
}

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

.container-175 {
  max-width: 1088px;
}

.section-66 {
  background-color: var(--black);
  padding: 40px 20px;
}

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

.div-block-1625 {
  justify-content: flex-start;
  align-items: center;
  width: 80%;
  display: flex;
}

.div-block-1626 {
  width: 20%;
}

.div-block-1626.footer {
  width: 60%;
}

.text-block-4566 {
  color: #fff;
  font-family: SFPRODISPLAYREGULAR, sans-serif;
  font-size: 40px;
  line-height: 1.2em;
}

.link-block-21 {
  background-color: #0076d1;
  border-radius: 70px;
  justify-content: center;
  align-items: center;
  width: auto;
  padding: 1.5rem 2rem;
  text-decoration: none;
  display: flex;
}

.text-block-4567 {
  color: #fff;
  font-family: Sf Pro Display, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1rem;
}

.container-176 {
  max-width: 1088px;
}

.section-67 {
  padding: 80px 20px;
}

.div-block-1627 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  justify-content: center;
  align-items: center;
  display: flex;
}

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

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

.heading-241 {
  color: #000;
  margin-top: 0;
  margin-bottom: 20px;
  font-family: SFPRODISPLAYREGULAR, sans-serif;
  font-size: 46px;
  font-weight: 400;
  line-height: 62px;
}

.div-block-1630 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.text-block-4568 {
  color: #000;
  font-family: SFPRODISPLAYREGULAR, sans-serif;
  font-size: 24px;
  line-height: 1.4em;
}

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

.container-177 {
  max-width: 1088px;
}

.section-68 {
  padding-bottom: 80px;
  padding-left: 20px;
  padding-right: 20px;
}

.heading-242 {
  text-align: center;
  width: 50%;
  margin-top: 0;
  margin-bottom: 20px;
  font-family: SFPRODISPLAYREGULAR, sans-serif;
  font-size: 40px;
  font-weight: 400;
  line-height: 1.5em;
}

.div-block-1632 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 60px;
  display: flex;
}

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

.div-block-1634 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: wrap;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  place-content: center;
  place-items: center;
  width: 75%;
  display: grid;
}

.div-block-1634._1 {
  grid-template-columns: 1fr;
}

.heading-243 {
  color: #8a53ff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 20px;
  font-family: SFPRODISPLAYREGULAR, sans-serif;
  font-size: 26px;
  font-weight: 400;
  line-height: 42px;
}

.div-block-1635 {
  background-color: #10111005;
  border-radius: 12px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 32px;
  display: flex;
}

.div-block-1635._1 {
  width: 50%;
}

.text-block-4569 {
  text-align: center;
  font-family: SFPRODISPLAYREGULAR, sans-serif;
  font-size: 16px;
  line-height: 1.4em;
}

.navbar-6 {
  z-index: 100;
  background-color: #ddd0;
  padding-top: 20px;
  padding-bottom: 20px;
}

.section-69 {
  background-color: var(--white);
  border-top: .5px solid #0003;
  width: 100vw;
  max-width: 100vw;
  padding: 80px 100px 40px;
}

.image-191 {
  height: 40px;
}

.footer-brand-3 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

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

.footer-content-2 {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-end;
  align-items: flex-start;
  width: 65%;
  display: flex;
}

.div-block-69 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  margin-top: 0;
  margin-bottom: 0;
  display: flex;
}

.footer-wrapper-2 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  font-family: Sf Pro Display, Arial, sans-serif;
  font-weight: 300;
  display: flex;
}

.text-block-395 {
  opacity: 1;
  color: #5f5f5f;
  width: auto;
  font-family: Sf Pro Display, Arial, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.2em;
  text-decoration: none;
}

.title-small-2 {
  color: #101010;
  text-transform: capitalize;
  margin-bottom: 20px;
  font-family: Sf Pro Display, Arial, sans-serif;
  font-size: 22px;
  font-weight: 400;
  line-height: 16px;
}

.div-block-1242 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 30%;
  display: flex;
}

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

.div-block-906.address {
  justify-content: flex-start;
  align-items: flex-start;
}

.footer-block-2 {
  color: #888;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.footer-block-2._1.mbl {
  width: 150px;
  max-width: 150px;
}

.footer-block-2._1.mbl.contact-us {
  width: 200px;
  max-width: 200px;
}

.footer-block-2._1.desk {
  display: none;
}

.footer-link-2 {
  opacity: .7;
  color: #101010;
  letter-spacing: .005em;
  width: 100px;
  font-family: SFPRODISPLAYREGULAR, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.4em;
  text-decoration: none;
}

.footer-link-2._1 {
  margin-top: 0;
  margin-bottom: 0;
}

.footer-link-2.grey {
  color: #474747cc;
}

.footer-link-2.address {
  width: 78%;
  font-family: Sf Pro Display, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
}

.container-105 {
  width: 100%;
  max-width: 100%;
}

.text-span-46 {
  color: #101010;
  font-weight: 400;
}

.mobile_gsap_code {
  margin-bottom: 0;
  display: none;
}

.image-196 {
  opacity: .5;
  width: 20px;
  margin-top: -2px;
}

.text-span-47 {
  font-family: SFPRODISPLAYSEMIBOLDITALIC, sans-serif;
  font-weight: 600;
}

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

.section-70 {
  padding: 80px 20px;
}

.div-block-1636, .div-block-1637 {
  width: 50%;
}

.div-block-1638 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  display: flex;
}

.headin_h2 {
  color: #000;
  margin-top: 0;
  font-family: Libre Franklin, sans-serif;
  font-size: 56px;
  font-weight: 800;
  line-height: 1.2em;
}

.headin_h2.new {
  margin-bottom: 0;
  font-family: SFPRODISPLAYREGULAR, sans-serif;
  font-size: 46px;
  font-weight: 400;
  line-height: 62px;
}

.div-block-1639 {
  width: 60%;
}

.rich-text-block-4 {
  font-family: SFPRODISPLAYREGULAR, sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 28.64px;
}

.paragraph-3 {
  margin-bottom: 20px;
  line-height: 1.4em;
}

.section-71 {
  background-color: #f6f4f9;
  padding: 80px 20px;
}

.div-block-1640 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  display: flex;
}

.div-block-1641 {
  grid-column-gap: 120px;
  grid-row-gap: 120px;
  flex-flow: column;
  width: 50%;
  display: flex;
}

.div-block-1642 {
  background-color: #fff;
  border-radius: 16px;
  width: 50%;
  padding: 40px 24px;
}

.heading-244 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-family: SFPRODISPLAYMEDIUM, sans-serif;
  font-size: 46px;
  font-weight: 500;
  line-height: 62px;
}

.text-block-4570 {
  font-family: SFPRODISPLAYREGULAR, sans-serif;
  font-size: 24px;
  line-height: 1.4em;
}

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

.address {
  font-family: SFPRODISPLAYMEDIUM, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 28.64px;
}

.code-embed-6 {
  width: 32px;
  height: 32px;
}

.div-block-1644 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  display: flex;
}

.div-block-1645 {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  flex-flow: column;
  display: flex;
}

.div-block-1646 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  display: flex;
}

.text-span-48, .text-span-49 {
  color: red;
}

.text-field-3 {
  color: #0003;
  border: 1px #000;
  border-radius: 12px;
  height: 120px;
  margin-bottom: 32px;
  font-family: SFPRODISPLAYMEDIUM, sans-serif;
  font-weight: 500;
  box-shadow: 0 1px 20px #0000000d;
}

.field-label-2 {
  margin-bottom: 12px;
  font-family: SFPRODISPLAYMEDIUM, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 19.09px;
}

.form-2 {
  flex-flow: column;
  justify-content: space-between;
  height: 100%;
  display: flex;
}

.form-block-2 {
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  height: 100%;
  margin-bottom: 0;
  display: flex;
}

.div-block-1647 {
  flex-flow: column;
  display: flex;
}

.text_1 {
  color: #0003;
  border: 1px #000;
  border-radius: 12px;
  height: 48px;
  margin-bottom: 32px;
  font-family: SFPRODISPLAYMEDIUM, sans-serif;
  font-weight: 500;
  box-shadow: 0 1px 20px #0000000d;
}

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

.submitbutton_form {
  background-color: #8a53ff;
  border-radius: 70px;
  justify-content: center;
  align-items: center;
  width: 40%;
  padding: 24px 32px;
  font-family: SFPRODISPLAYMEDIUM, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 16px;
  text-decoration: none;
  display: flex;
}

.div-block-1649 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  display: flex;
}

.link-11 {
  color: #ffffff80;
  letter-spacing: 5px;
  text-transform: uppercase;
  font-family: SFPRODISPLAYREGULAR, sans-serif;
  font-size: 14px;
  text-decoration: none;
}

.link-11:hover {
  color: #e3d6ff;
}

.link-11.w--current {
  color: #fff;
}

.text-block-4572 {
  color: #000;
  text-align: center;
  font-family: SFPRODISPLAYREGULAR, sans-serif;
  font-size: 16px;
}

.div-block-1651 {
  grid-column-gap: 22px;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
  display: flex;
}

.div-block-1652 {
  border-top: 1px solid #ffffff80;
  border-bottom: 1px solid #ffffff80;
  margin-top: 80px;
  margin-bottom: 80px;
  padding-top: 32px;
  padding-bottom: 32px;
}

.text-block-4573 {
  color: #dae2e0;
  text-align: center;
  font-family: SFPRODISPLAYREGULAR, sans-serif;
}

.div-block-1653 {
  grid-row-gap: 10px;
  border-top: 1px solid #ffffff24;
  flex-flow: column;
  margin-top: 60px;
  padding-top: 60px;
  display: flex;
}

.container-170 {
  max-width: 1088px;
}

.link-11-black {
  color: #00000080;
  letter-spacing: 5px;
  text-transform: uppercase;
  font-family: SFPRODISPLAYREGULAR, sans-serif;
  font-size: 14px;
  text-decoration: none;
}

.link-11-black:hover {
  color: #e3d6ff;
}

.link-11-black.w--current {
  color: #fff;
}

.link-11-black._2.w--current {
  color: var(--black);
}

.menu-link-text-black {
  color: #00000080;
  letter-spacing: 5px;
  text-transform: uppercase;
  padding: 0;
  font-family: SFPRODISPLAYREGULAR, sans-serif;
  text-decoration: none;
}

.menu-link-text-black.w--current {
  color: #97ffe0;
  border-bottom-width: 1px;
  border-bottom-color: #97ffe0;
}

.dropdown-link-black {
  color: #00000080;
  text-align: center;
  border-top: 1px solid #0003;
  padding: 10px 20px;
  font-family: SFPRODISPLAYREGULAR, sans-serif;
  font-size: 14px;
  font-weight: 400;
}

.dropdown-link-black:hover {
  color: #e3d6ff;
}

.dropdown-link-black.w--current {
  color: var(--black);
}

.dropdown-link-black._1.w--current {
  color: #000;
}

.div-block-1558-black {
  background-color: #fff;
  border-bottom: 1px solid #0003;
  border-left: 1px solid #0003;
  border-right: 1px solid #0003;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
  margin-top: 15px;
}

.div-block-1654 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  display: flex;
}

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

.image-204 {
  opacity: .5;
}

.book-demo-mobile {
  background-color: #8a53ff00;
  border: 1px solid #fff;
  border-radius: 100px;
  margin-bottom: 0;
  padding: 12px 24px;
  font-family: SFPRODISPLAYMEDIUM, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}

.book-demo-mobile.white {
  color: #000;
  border-color: #000;
}

.div-block-1656 {
  display: none;
}

.link-13 {
  color: #10101080;
  font-family: Sf Pro Display, Arial, sans-serif;
  font-weight: 300;
  text-decoration: none;
}

.body {
  background-color: #fff;
}

.swiper-carousel-animate-opacity {
  border-radius: 16px;
  width: 200px;
  height: 420px;
  box-shadow: 0 0 40px #0006;
}

.swiper-carousel-animate-opacity.img1 {
  background-image: linear-gradient(#131b1080, #131b1080), url("https://cdn.prod.website-files.com/64100316e1db9e6977ed6b0d/67064a6720cd9f77df472c4b_image%2035.png");
  background-position: 0 0, 50%;
  background-size: auto, cover;
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  padding: 10px;
  display: flex;
}

.div-block-1657 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  display: flex;
}

.div-block-1657.hide {
  display: none;
}

.div-block-1658, .div-block-1659 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  display: flex;
}

.div-block-1659.hide {
  display: flex;
}

.div-block-1660 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  display: none;
}

.imgcover._2 {
  width: 322.292px;
}

.imgcover.img-2 {
  width: 294%;
  height: 63.0816%;
}

.imgcover._1 {
  width: 322.309px;
}

.imgcover.active {
  width: auto;
  height: auto;
}

.imgcover._3 {
  width: 322.292px;
}

.imgcover._4 {
  width: 322.309px;
}

.imgcover._5 {
  width: 322.292px;
}

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

.textcontainer {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  width: 100%;
  margin-top: 32px;
  display: flex;
}

.text-box {
  justify-content: center;
  align-items: center;
}

.text_hide_edt {
  color: #fff;
  margin-bottom: 40px;
  margin-left: 10px;
  margin-right: 10px;
  position: absolute;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.mobile-image._2 {
  width: 322.292px;
}

.mobile-image.img-2 {
  width: 294%;
  height: 63.0816%;
}

.mobile-image._1 {
  width: 322.309px;
}

.mobile-image.active {
  width: auto;
  height: auto;
}

.mobile-image._3 {
  width: 322.292px;
}

.mobile-image._4 {
  width: 322.309px;
}

.mobile-image._5 {
  width: 322.292px;
}

.div-block-1661 {
  width: 100%;
  margin-bottom: 120px;
  margin-left: 10px;
  margin-right: 10px;
  position: absolute;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.div-block-1661._1 {
  margin-bottom: 100px;
}

.mobile {
  color: var(--white);
}

.mobile.active {
  opacity: 100;
  display: block;
}

.text_mobile {
  color: var(--white);
}

.text_mobile.active {
  opacity: 100;
  display: block;
}

.link_mobile {
  color: #d8c6ff;
  margin-bottom: 10px;
  padding-left: 10px;
  font-family: SFPRODISPLAYREGULAR, sans-serif;
  text-decoration: none;
  position: absolute;
  bottom: 0%;
  left: 0%;
}

.div-block-1662 {
  align-self: flex-start;
  display: none;
}

.box-content {
  width: 100%;
  height: 150px;
  position: relative;
  overflow: hidden;
}

.box-head {
  color: var(--white);
  width: 145.851px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: SFPRODISPLAYMEDIUM, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 26px;
}

.heading-246 {
  color: var(--white);
  margin-top: 0;
  font-family: SFPRODISPLAYMEDIUM, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 26px;
}

.text-block-4574 {
  color: var(--white);
  font-family: SFPRODISPLAYREGULAR, sans-serif;
}

.box-content-2 {
  position: absolute;
  top: 0%;
}

.image-206 {
  outline-offset: 0px;
  text-align: center;
  vertical-align: baseline;
  outline: 3px #333;
  margin-left: auto;
  margin-right: auto;
  padding-top: 10px;
  display: inline-block;
}

.navbar-no-shadow {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.navbar-no-shadow-container {
  z-index: 5;
  background-color: #0000;
  width: 100%;
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
}

.container-regular {
  width: 100%;
  max-width: 1260px;
  min-height: 30px;
  margin-left: auto;
  margin-right: auto;
}

.navbar-wrapper {
  grid-column-gap: 240px;
  grid-row-gap: 240px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.nav-menu-5 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0;
  padding-bottom: 0;
  padding-left: 0;
  display: flex;
}

.nav-link-5 {
  color: #1a1b1f;
  letter-spacing: .25px;
  margin-left: 5px;
  margin-right: 5px;
  padding: 5px 10px;
  font-family: SFPRODISPLAYREGULAR, sans-serif;
  font-size: 14px;
  line-height: 20px;
  text-decoration: none;
}

.nav-link-5:hover {
  color: #1a1b1fbf;
}

.nav-link-5:focus-visible, .nav-link-5[data-wf-focus-visible] {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 4px;
  outline: 2px solid #0050bd;
}

.nav-dropdown {
  margin-left: 5px;
  margin-right: 5px;
}

.nav-dropdown-toggle {
  letter-spacing: .25px;
  padding: 5px 30px 5px 10px;
  font-size: 14px;
  line-height: 20px;
}

.nav-dropdown-toggle:hover {
  color: #1a1b1fbf;
}

.nav-dropdown-toggle:focus-visible, .nav-dropdown-toggle[data-wf-focus-visible] {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 5px;
  outline: 2px solid #0050bd;
}

.nav-dropdown-icon {
  margin-right: 10px;
}

.nav-dropdown-list {
  background-color: #fff;
  border-radius: 12px;
}

.nav-dropdown-list.w--open {
  padding-top: 10px;
  padding-bottom: 10px;
}

.nav-dropdown-link {
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 14px;
}

.nav-dropdown-link:focus-visible, .nav-dropdown-link[data-wf-focus-visible] {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 5px;
  outline: 2px solid #0050bd;
}

.mobile-margin-top-10 {
  list-style-type: none;
}

.nav-button-wrapper {
  width: auto;
  margin-left: 0;
}

.button-primary {
  color: #fff;
  letter-spacing: 0;
  text-transform: none;
  vertical-align: baseline;
  background-color: #1a1b1f;
  border-radius: 50px;
  width: 240%;
  padding: 12px 24px;
  font-size: 12px;
  line-height: 20px;
  transition: all .2s;
  display: flex;
}

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

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

.text-block-4575, .text-block-4576 {
  font-family: SFPRODISPLAYREGULAR, sans-serif;
}

.body-main {
  box-sizing: border-box;
  text-transform: none;
  object-fit: fill;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  height: auto;
  font-family: SFPRODISPLAYMEDIUM, sans-serif;
  display: flex;
  overflow: visible;
}

.list-item {
  justify-content: center;
  align-items: center;
  display: flex;
}

.list-item-2 {
  width: auto;
}

.list-item-3 {
  box-sizing: content-box;
  grid-column-gap: 67px;
  grid-row-gap: 67px;
  aspect-ratio: auto;
  object-fit: fill;
  flex: none;
  order: 0;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-end;
  align-items: center;
  width: 50px;
  min-width: auto;
  max-width: none;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
  list-style-type: none;
  display: block;
  overflow: visible;
}

.container-178 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  vertical-align: middle;
  object-fit: fill;
  flex-flow: row;
  order: 0;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-self: center;
  align-items: center;
  width: 764.93vw;
  min-width: auto;
  max-width: none;
  margin-left: 0;
  margin-right: auto;
  padding-left: 64px;
  padding-right: 64px;
  display: flex;
  overflow: hidden;
}

.image-207 {
  order: -1;
  width: 107px;
  display: block;
  overflow: visible;
}

.button-nav {
  aspect-ratio: auto;
  object-fit: contain;
  background-color: #101010;
  border-radius: 200px;
  order: 1;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 107px;
  padding: 16px 20px;
  font-family: SFPRODISPLAYREGULAR, sans-serif;
  font-size: 12px;
  display: flex;
}

.navbar-7 {
  aspect-ratio: auto;
  background-color: #fff;
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100vw;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
  position: fixed;
  inset: 0% 0% auto;
}

.logo {
  order: -1;
  justify-content: center;
  align-items: center;
  display: flex;
}

.text-block-4577, .text-block-4578, .nav-link-6, .nav-link-7 {
  font-family: SFPRODISPLAYREGULAR, sans-serif;
}

.header-main-wrapper {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 1200vw;
  height: auto;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.image-208 {
  vertical-align: middle;
  width: 100%;
  max-width: 100vw;
  display: block;
  position: relative;
  inset: 0%;
}

.heading-247 {
  text-align: center;
  font-family: SFPRODISPLAYREGULAR, sans-serif;
  font-size: 64px;
  line-height: 72px;
}

.heading-247.main-heading {
  color: #fff;
  -webkit-text-stroke-color: white;
  word-break: normal;
  overflow-wrap: normal;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(90deg, #8e8e8e, #fff 50%, #8e8e8e);
  -webkit-background-clip: text;
  background-clip: text;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  font-family: Sf Pro Display, Arial, sans-serif;
  font-weight: 300;
  display: flex;
  position: relative;
}

.heading-247.subheading {
  color: #ffffffbf;
  text-align: left;
  margin-top: 1rem;
  margin-bottom: 1px;
  font-family: Sf Pro Display, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.5rem;
}

.div-block-1663 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #101010;
  background-image: url("https://cdn.prod.website-files.com/64100316e1db9e6977ed6b0d/6837fe00b7e106bfe4f5841a_1316c728bac51638021850100f3effe9_Aurabg.webp");
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 40px;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: none;
  height: auto;
  padding: 80px 0 80px 64px;
  display: flex;
}

.form-block-3 {
  flex-flow: column;
  width: 480px;
  margin-bottom: 0;
  display: flex;
}

.form-3 {
  border: .5px solid var(--white);
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 4px;
  display: flex;
  position: relative;
}

.text-field-4 {
  border-radius: 100px;
  order: 0;
  align-self: center;
  width: 520px;
  max-width: 520px;
  height: 52px;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
}

.submit-button-2 {
  cursor: pointer;
  background-color: #0076d1;
  border: 0 solid #0076d1;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  height: 52px;
  padding-left: 20px;
  padding-right: 20px;
  font-family: Sf Pro Display, Arial, sans-serif;
  text-decoration: none;
  display: flex;
  position: relative;
}

.submit-button-2.button-demo {
  background-color: #101010;
  width: 120px;
}

.hero-wrapper {
  grid-column-gap: 6rem;
  grid-row-gap: 6rem;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding-top: 0;
  display: flex;
}

.hero-wrapper.mobile-version {
  justify-content: center;
  align-items: flex-start;
  padding-top: 80px;
}

.div-block-1665 {
  background-color: #ffffff12;
  border-radius: 100px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 48px;
  display: flex;
}

.div-block-1665.error {
  border: 1px solid #d36f6f;
}

.text-field-5 {
  background-color: #fff0;
  border-left: 0 #0000;
  border-radius: 20px;
  margin-bottom: 0;
  font-family: Sf Pro Display, Arial, sans-serif;
}

.text-field-5.typefield {
  color: #ffffff80;
  -webkit-text-stroke-color: #3d3d3d;
  text-transform: none;
  -webkit-text-fill-color: transparent;
  background-color: #ffffff4f;
  -webkit-background-clip: text;
  background-clip: text;
  border: 1px solid #0000;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 20px;
}

.section-72 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 20vh;
  padding: 40px 64px;
  display: flex;
}

.image-209 {
  width: 12%;
  display: block;
}

.section-use {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100vw;
  height: auto;
  padding: 80px 100px;
  font-family: Sf Pro Display, Arial, sans-serif;
  font-size: 48px;
  font-weight: 300;
  display: flex;
  position: relative;
  overflow: hidden;
}

.section-use.only-title {
  padding-bottom: 80px;
}

.client-text-h1 {
  color: #101010;
  text-align: left;
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
  margin: 0;
  font-family: Sf Pro Display, Arial, sans-serif;
  font-size: 3.5rem;
  font-weight: 400;
  line-height: 4rem;
}

.client-text-h1.on-black {
  color: #fff;
  text-align: center;
}

.client-text-h1.h2-sec2 {
  color: #101010;
  text-align: center;
  -webkit-text-fill-color: inherit;
  background-image: none;
  background-clip: border-box;
}

.dm-text {
  width: auto;
  max-width: 100%;
  font-family: Dmseriftext, Verdana, sans-serif;
  font-style: italic;
}

.auto-tab-link {
  color: #bebebe;
  background-color: #ddd0;
  border-left: 4px solid #0000;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-left: -4px;
  padding: 12px 0 12px 20px;
  display: flex;
}

.auto-tab-link.w--current {
  color: #000;
  background-color: #fff0;
  border-top: 0 solid #0076d1;
  border-bottom: 0 solid #0076d1;
  border-left: 4px solid #b3b3b3;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  margin-left: -4px;
  padding: 24px 0 24px 20px;
  display: flex;
}

.tab-link-tab-2 {
  justify-content: center;
  align-items: center;
  width: 50%;
  display: flex;
}

.middleware-menu {
  border: 0 solid #000;
  border-bottom-width: .2px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.text-block-4579 {
  text-align: center;
  font-size: 24px;
  font-weight: 300;
}

.text-block-4579.selemcted {
  color: #bebebe;
  font-weight: 400;
}

.text-block-4579.missing-text {
  color: #000;
  font-weight: 400;
}

.middleware {
  width: 100%;
  height: 68vh;
}

.container-180 {
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 100%;
  height: 68vh;
  margin-left: 0;
  margin-right: 0;
  display: flex;
}

.div-block-1666 {
  width: 50%;
  height: 100%;
}

.div-block-1666.textblock {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  padding-top: 80px;
  padding-bottom: 80px;
  padding-right: 0;
  display: flex;
}

.div-block-1667 {
  justify-content: center;
  align-items: center;
  width: 50%;
  height: auto;
  display: flex;
}

.heading-249 {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Sf Pro Display, Arial, sans-serif;
  font-size: 2rem;
  font-weight: 400;
  line-height: 2.5rem;
}

.paragraph-4 {
  color: #818181;
  font-family: Sf Pro Display, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.5rem;
}

.paragraph-4.tag {
  color: #bdbdbd;
  letter-spacing: 2px;
  line-height: 44px;
}

.paragraph-4.tagline {
  color: #bdbdbd;
  letter-spacing: 2px;
}

.text-block-4580 {
  font-family: Sf Pro Display, Arial, sans-serif;
  font-size: 1rem;
  line-height: 1.5rem;
}

.div-block-1668 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.img-3 {
  width: 32px;
}

.div-block-1669 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.tab-pane-tab-3 {
  width: 100%;
  height: 68vh;
  max-height: 640px;
}

.container-181 {
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 100%;
  height: 68vh;
  margin-left: 0;
  margin-right: 0;
  display: flex;
}

.div-block-1670 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding-top: 80px;
  padding-bottom: 80px;
  display: flex;
}

.div-block-1671 {
  justify-content: center;
  align-items: center;
  width: 60%;
  height: auto;
  display: flex;
}

.heading-250 {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Sf Pro Display, Arial, sans-serif;
  font-size: 2rem;
  font-weight: 400;
  line-height: 2.5rem;
}

.paragraph-5 {
  color: #818181;
  margin-bottom: 0;
  font-family: Sf Pro Display, Arial, sans-serif;
  font-size: 1rem;
  line-height: 1.5rem;
}

.paragraph-5.tag {
  color: #bdbdbd;
  letter-spacing: 2px;
  font-weight: 300;
  line-height: 44px;
}

.paragraph-5.tagline {
  color: #ccc;
  letter-spacing: 2px;
  font-size: 1rem;
  line-height: 1.5rem;
}

.div-block-1672, .div-block-1673 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.tabs-content {
  height: 68vh;
}

.numbers-section {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  background-image: url("https://cdn.prod.website-files.com/64100316e1db9e6977ed6b0d/681a07b0dbc1d35271e54305_Screenshot%202025-05-06%20at%206.29.14%E2%80%AFPM.png");
  background-position: 50%;
  background-size: cover;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  width: 100vw;
  height: auto;
  padding: 64px 100px;
  font-family: Sf Pro Display, Arial, sans-serif;
  font-size: 20px;
  font-weight: 400;
  display: flex;
  position: relative;
}

.heading-251 {
  color: var(--untitled-ui--gray400);
  text-align: left;
  width: 100%;
  max-width: 100%;
  font-size: 3.5rem;
  font-weight: 400;
  line-height: 4rem;
}

.container-182 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  place-items: center;
  width: 100%;
  max-width: 100%;
  margin-left: 0;
  margin-right: 0;
  display: grid;
  overflow: hidden;
}

.number-card {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  background-color: #162129;
  border-radius: 16px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 100%;
  height: 100%;
  margin: 0;
  padding: 24px;
  display: flex;
}

.div-block-1675 {
  width: 320px;
  height: 264px;
}

.tabs-use {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 40%;
  font-size: 20px;
  display: flex;
}

.tabs {
  justify-content: flex-start;
  align-items: flex-start;
  width: 100vw;
  height: 90vh;
  display: flex;
}

.tab-pane-tab-1 {
  width: 100%;
  height: auto;
}

.usecase-title {
  color: #101010;
  width: 600px;
  padding-left: 40px;
  font-size: 32px;
  line-height: 32px;
}

.usecase-title:active {
  color: #101010;
}

.usecase-title.no-select, .usecase-title.no-sel-2 {
  color: #cecece;
}

.usecase-title.selected {
  color: #101010;
  justify-content: flex-start;
  align-items: center;
  width: 600px;
  padding-left: 40px;
  display: block;
}

.use-tabs {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-color: #fff0;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 400px;
  height: auto;
  padding: 0;
  display: flex;
}

.use-tabs.w--current {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-color: #fff0;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0;
  display: flex;
}

.use-tabs.selected-tab {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  color: #888;
  background-color: #fff0;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 0;
  display: flex;
}

.use-tabs.selected-tab.w--current {
  justify-content: flex-start;
  align-items: flex-start;
  width: 400px;
}

.use-tabs.closed-tab {
  width: 400px;
  max-width: 600px;
  overflow: visible;
}

.content-text {
  font-size: 20px;
  font-weight: 100;
  line-height: 24px;
}

.section-75 {
  width: 100vw;
  height: auto;
  padding-top: 40px;
}

.section-75.mobile-version {
  padding-top: 100px;
  padding-left: 100px;
  padding-right: 100px;
}

.tag-text {
  color: #101010;
  letter-spacing: 0;
  -webkit-text-stroke-color: #888;
  border: 0 solid #101010;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  padding: 0;
  font-size: 18px;
  display: flex;
}

.tag-text:active {
  color: #101010;
}

.tag-text.no-select {
  color: #acacac;
}

.tag-text.selected {
  color: #101010;
}

.content-wrap {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 600px;
  max-width: 600px;
  height: auto;
  padding-left: 0;
  display: flex;
  overflow: clip;
}

.content-wrap.tag-agent {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: var(--white);
  border: 1px solid #cecece;
  border-radius: 100px;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: auto;
  padding: 10px 12px;
}

.content-wrap.tag-agent:active {
  border-color: #101010;
}

.content-wrap.tag-agent.no-select {
  border-color: #cfcfcf;
}

.content-wrap.tag-agent.no-sel-tag-2 {
  border-color: #cecece;
}

.content-wrap.tag-agent.selected {
  background-color: #fff0;
  border-width: 0;
  border-color: #101010;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 0 0 40px;
}

.content-wrap.select {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 600px;
  max-width: 600px;
  height: auto;
  padding-left: 0;
  overflow: clip;
}

.content-wrap.closed {
  height: auto;
  padding-left: 0;
}

.img-tag {
  opacity: 1;
  width: 18px;
}

.img-tag:active {
  opacity: 1;
}

.img-tag.img-no-select {
  opacity: .25;
}

.img-tag.selected {
  opacity: 1;
}

.div-block-1677 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  margin-left: 0;
  padding-left: 40px;
  display: flex;
}

.text-block-4584 {
  color: #0076d1;
  font-size: 20px;
  font-weight: 500;
}

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

.see-more {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.tabs-content-2 {
  justify-content: flex-start;
  align-items: center;
  width: 60%;
  max-width: 60.0001%;
  height: 100%;
  display: flex;
  overflow: visible;
}

.div-block-1680 {
  z-index: 0;
  background-color: #e4e4e400;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  margin-left: 0;
  padding-top: 260px;
  padding-left: 80px;
  display: flex;
  position: absolute;
  inset: 0%;
}

.div-block-1681 {
  background-color: #101010;
  width: 4px;
  height: 200px;
  position: static;
  inset: 0% auto 0% 0%;
}

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

.text-block-4585 {
  color: #101010;
  font-weight: 100;
}

.image-211 {
  mix-blend-mode: multiply;
  width: 110%;
  max-width: 120%;
}

.div-block-1683 {
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 120%;
  max-width: 120%;
  display: flex;
}

.content-wrapper {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 80%;
  display: flex;
  position: static;
  inset: 18% 0 auto -61%;
}

.div-block-1685 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.content-box {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  height: auto;
  display: flex;
  overflow: clip;
}

.content-box.selected {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  height: auto;
  padding-left: 0;
}

.content-wrap-copy {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 100%;
  padding-left: 40px;
  display: flex;
}

.content-wrap-copy.tag-agent {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: var(--white);
  border: 1px solid #cecece;
  border-radius: 100px;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: auto;
  padding: 10px 12px;
}

.content-wrap-copy.tag-agent:active {
  border-color: #101010;
}

.content-wrap-copy.tag-agent.no-select {
  border-color: #cfcfcf;
}

.content-wrap-copy.tag-agent.no-sel-tag-2 {
  border-color: #cecece;
}

.content-wrap-copy.tag-agent.selected {
  border-width: 1px;
  border-color: #101010;
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 10px 20px;
}

.content-wrap-copy.select {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-start;
  align-items: flex-start;
  height: auto;
  padding-left: 0;
}

.content-box-copy {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  height: auto;
  padding-left: 40px;
  display: flex;
  overflow: clip;
}

.content-box-copy.selected {
  height: auto;
  padding-left: 40px;
}

.tab-pane-tab-1-2 {
  height: 75vh;
}

.use-case-tabs {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.tabs-menu-agents {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 40%;
  display: flex;
}

.tabs-content-img {
  width: 60%;
  height: auto;
}

.auto-tabs-link {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #757575;
  background-color: #0000;
  border-left: .3rem solid #0000;
  flex-flow: column;
  width: 560px;
  max-width: 600px;
  margin-left: -.3rem;
  padding: 1rem 0 1rem 2rem;
  transition: color .4s, border-color .4s;
  display: flex;
}

.auto-tabs-link.w--current {
  color: #101010;
  background-color: #0000;
  border-left-color: #8f8f8f80;
  width: 560px;
  max-width: 600px;
}

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

.auto-tabs-animate-from-right {
  border: 1px solid #ffffff24;
  border-radius: .75rem 0 0 .75rem;
  width: 100%;
  height: 100%;
  margin-right: -1px;
  position: relative;
  overflow: clip;
}

.auto-tabs-content-item {
  width: 100%;
  height: 100%;
  overflow: clip;
}

.auto-tabs-wrapper {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.auto-tabs-animate-from-left {
  border: 1px solid #ffffff24;
  border-top-right-radius: .75rem;
  border-bottom-right-radius: .75rem;
  width: 100%;
  height: 100%;
  margin-left: -1px;
  position: relative;
  overflow: clip;
}

.auto-tabs-link-titel {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.auto-tabs-description {
  margin-top: .7rem;
}

.overflow-hidden {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: var(--untitled-ui--gray50-2);
  border-radius: 20px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 40px;
  display: flex;
  overflow: hidden;
}

.copy-small {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  font-size: 20px;
  line-height: 24px;
  display: flex;
}

.auto-tabs-content-inner {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 4.5rem 4.5rem 4.5rem 0;
  display: flex;
}

.auto-tabs-content-inner.is-right-align {
  padding-left: 4.5rem;
  padding-right: 0;
}

.auto-tabs-menu {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  border-left: 4px solid #adadad4d;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 0%;
  max-width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  padding-right: 0;
  display: flex;
}

.heading-style-h4 {
  letter-spacing: 0;
  text-transform: none;
  font-size: 2rem;
  line-height: 1.2;
}

.heading-style-h4.text-weight-semibold {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: block;
}

.auto-tabs-content {
  background-color: #2b2b2b00;
  border-radius: .75rem;
  flex: 1;
  justify-content: center;
  align-items: center;
  height: 1px;
  min-height: 1px;
  margin-right: 0;
  display: flex;
  overflow: visible;
}

.auto-tabs-progress-bar {
  background-color: #0396ff;
  background-image: linear-gradient(#0076d1, #fff);
  border-radius: 999rem;
  width: .3rem;
  height: 50%;
  margin-left: -.3rem;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.auto-tabs-component {
  justify-content: center;
  align-items: center;
  display: flex;
}

.text-title-h2 {
  color: #101010;
  width: auto;
  max-width: none;
  font-family: Sf Pro Display, Arial, sans-serif;
  font-size: 1.5rem;
  line-height: 2rem;
}

.img-wrapper {
  mix-blend-mode: darken;
  height: 100%;
}

.img-content-auto {
  mix-blend-mode: normal;
  width: 100%;
  max-width: none;
  height: 100%;
  margin-right: 0;
  display: block;
}

.text-tag {
  color: #101010;
  border: 1px solid #0000;
  width: 100%;
  font-size: 16px;
  line-height: 24px;
}

.text-tag:hover {
  color: #101010;
}

.description-para {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  border: 0 solid #000;
  border-radius: 100px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: auto;
  max-width: 100%;
  padding: 0;
  display: flex;
}

.description-para.overflow-hidden {
  display: none;
}

.auto-tab {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.tag {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #101010;
  background-color: #fff;
  border: 1px solid #b8b8b875;
  border-radius: 100px;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  max-width: none;
  padding: 4px 8px;
  display: flex;
}

.tag:hover {
  color: #101010;
  border-color: #101010;
}

.tag.open {
  border-color: #00000030;
}

.text-para {
  background-color: #0000;
  border-radius: 12px;
  width: 100%;
  max-width: 100%;
  padding: 0;
  font-family: Sf Pro Display, Arial, sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 22px;
}

.img {
  opacity: 1;
  width: 12%;
}

.img:hover {
  opacity: 1;
}

.img.open {
  opacity: .2;
}

.progress-bar {
  background-color: #000;
  width: 4px;
  height: 1rem;
  margin-left: -4px;
  padding-left: 0;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.code-embed-7 {
  background-color: #fff;
  height: 0%;
  font-size: 20px;
  font-weight: 100;
  display: block;
  overflow: clip;
}

.tab-pane-tab-2, .tab-pane-tab-3-2, .tab-pane-tab-4 {
  mix-blend-mode: darken;
}

.div-block-1686 {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  height: 80%;
  display: flex;
}

.middleware-link {
  color: #bebebe;
  background-color: #ddd0;
  border-left: 4px solid #0000;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-left: 0;
  padding: 24px 0;
  display: flex;
}

.middleware-link.w--current {
  color: #000;
  background-color: #fff0;
  border-top: 0 solid #0076d1;
  border-bottom: 2px solid #0076d1;
  border-left: 0 solid #b3b3b3;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-left: 0;
  padding: 24px 0;
  display: flex;
}

.middleware-link.tab-missing-layer.w--current {
  text-align: center;
  border-bottom-width: 2px;
  border-left-width: 0;
  justify-content: center;
  align-items: center;
  margin-left: 0;
}

.tab-link-middle {
  color: #bebebe;
  background-color: #ddd0;
  border-left: 4px solid #0000;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-left: -4px;
  padding: 24px 0 12px 20px;
  display: flex;
}

.tab-link-middle.w--current {
  color: #000;
  background-color: #fff0;
  border-top: 0 solid #0076d1;
  border-bottom: 0 solid #0076d1;
  border-left: 4px solid #b3b3b3;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  margin-left: -4px;
  padding: 24px 0 24px 20px;
  display: flex;
}

.tab-link-middle.tab-missing-layer {
  justify-content: center;
  align-items: center;
  margin-left: 0;
  padding-bottom: 24px;
  padding-left: 0;
}

.tab-link-middle.tab-missing-layer.w--current {
  border-left-width: 0;
}

.see-more-link {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.text-block-4586 {
  color: #0578d2;
  font-size: 18px;
  font-weight: 400;
}

.bento-grid-section {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  opacity: 1;
  background-color: #101010;
  background-image: none;
  background-size: auto;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100vw;
  height: auto;
  padding: 64px 100px;
  font-weight: 400;
  display: flex;
  position: relative;
}

.container-183 {
  z-index: 99;
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 100%;
  height: auto;
  max-height: 100%;
  margin-left: 0;
  margin-right: 0;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  position: relative;
}

.set1 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  height: auto;
  max-height: 100%;
  display: flex;
}

.set2 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  display: flex;
}

.set3 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: row;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  display: flex;
}

.container-box {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-color: #ffffff0a;
  border: 0 solid #525252;
  border-radius: 24px;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  height: 50%;
  padding: 16px 0;
  display: flex;
  overflow: hidden;
}

.container-box:hover {
  border-width: 1px;
  border-color: #363636;
  box-shadow: 0 0 40px #000;
}

.container-box.set2 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 33%;
  height: 264px;
  padding-top: 24px;
  padding-bottom: 24px;
  position: static;
}

.container-box.set2.set3 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 33%;
  height: 264px;
  padding: 24px 24px 0;
}

.container-box.set2.set3.second {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  width: 33%;
  height: 264px;
  padding-top: 0;
  padding-bottom: 0;
  overflow: hidden;
}

.container-box.f-01 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: center;
  align-items: center;
  width: 33%;
  height: 264px;
  max-height: 100%;
  padding-top: 24px;
  padding-bottom: 24px;
}

.container-box.f-03 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  width: 33%;
  height: 264px;
  padding-top: 24px;
  padding-bottom: 24px;
}

.container-box-copy {
  background-color: #ffffff0a;
  border: 0 solid #666;
  border-radius: 24px;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  height: 60%;
  padding-top: 16px;
  padding-bottom: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.container-box-copy:hover {
  border-width: 1px;
  box-shadow: 0 0 40px #000;
}

.container-box-copy.f-02 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-end;
  width: 33%;
  height: 264px;
  min-height: 100%;
  max-height: 100%;
  padding-top: 24px;
  padding-left: 24px;
  position: static;
}

.heading-252 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Sf Pro Display, Arial, sans-serif;
  font-size: 24px;
  font-weight: 300;
  line-height: 24px;
}

.paragraph-6 {
  color: #adadad;
  width: 100%;
  margin-bottom: 0;
  font-family: Sf Pro Display, Arial, sans-serif;
  font-size: 16px;
  font-weight: 100;
  line-height: 20px;
}

.paragraph-6.vertical {
  width: 100%;
  max-width: 100%;
}

.feature-title-box {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: auto;
  padding-top: 0;
  padding-left: 32px;
  padding-right: 32px;
  display: flex;
  position: relative;
}

.feature-title-box.vertical {
  width: 100%;
  max-width: 100%;
  height: 100%;
  padding-top: 16px;
  padding-left: 0;
  padding-right: 0;
}

.image-212 {
  width: 100%;
  height: 36%;
  display: block;
  overflow: visible;
}

.img-2 {
  width: 100%;
  height: 90%;
  position: absolute;
  inset: auto 0% 0% auto;
  box-shadow: 0 2px 5px #0003;
}

.image-213 {
  width: 100%;
}

.image-214 {
  mix-blend-mode: color-dodge;
}

.image-215 {
  width: 240px;
  max-width: 240px;
  height: 200px;
  margin-left: -60px;
  position: relative;
  right: 0;
}

.section-77 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  padding: 80px 120px 64px;
  display: flex;
}

.div-block-1688 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 50%;
  display: flex;
}

.slider-6 {
  z-index: 1;
  background-color: #fff0;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 50vh;
  display: block;
}

.paragraph-7 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 0;
  font-family: Sf Pro Display, Arial, sans-serif;
  font-size: 20px;
  font-weight: 300;
  line-height: 28px;
  display: flex;
}

.bold-text-2 {
  color: #0076d1;
  height: auto;
  font-weight: 400;
}

.icon-15, .icon-16 {
  -webkit-text-fill-color: transparent;
  background-color: #cecece;
  -webkit-background-clip: text;
  background-clip: text;
}

.slide-nav-4 {
  display: none;
}

.client {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.name-tag {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  font-family: Sf Pro Display, Arial, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 24px;
  display: flex;
}

.div-block-1689 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: auto;
  display: flex;
}

.text-block-4587 {
  padding-left: 0;
  font-size: 18px;
  font-weight: 300;
}

.text-block-4587.sub {
  color: #10101080;
  padding-left: 0;
  font-style: normal;
}

.image-216 {
  border-radius: 0;
  width: 80px;
}

.mask-4 {
  position: absolute;
  inset: 0%;
}

.slide-4 {
  vertical-align: middle;
}

.div-block-1690 {
  z-index: 1000;
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  background-color: #fff;
  border-radius: 32px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 70%;
  height: auto;
  padding: 24px;
  font-family: Sf Pro Display, Arial, sans-serif;
  display: flex;
  position: relative;
  box-shadow: -4px 6px 40px #0003;
}

.div-block-1691 {
  grid-column-gap: 41px;
  grid-row-gap: 41px;
  background-color: #101010;
  border-radius: 24px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 40px 0 40px 40px;
  display: flex;
  overflow: hidden;
}

.text-heading-h2 {
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Sf Pro Display, Arial, sans-serif;
  font-size: 3rem;
  font-weight: 400;
  line-height: 3.5rem;
}

.subtext-p2 {
  color: #fffc;
  text-align: left;
  width: 100%;
  max-width: 100%;
  font-family: Sf Pro Display, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.5rem;
  text-decoration: none;
}

.div-block-1692 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.image-217 {
  height: 320px;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.div-block-1693 {
  justify-content: flex-start;
  align-items: center;
  width: 50%;
  max-width: none;
  height: 100%;
  max-height: 100%;
  display: flex;
  position: absolute;
  inset: 0% 0% 0% auto;
  overflow: hidden;
}

.sign-up-box {
  background-color: #101010;
  border-radius: 20px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 40px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.uui-text-size-small {
  color: var(--untitled-ui--gray600);
  letter-spacing: normal;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: .875rem;
  line-height: 1.5;
}

.uui-text-size-small.hide-mobile-landscape {
  font-family: Sf Pro Display, Arial, sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 20px;
}

.uui-text-size-small.hide-mobile-landscape.subtext-p2 {
  height: auto;
  font-size: 14px;
}

.uui-text-size-small.hide-mobile-landscape.subtext-p2.in-box {
  text-align: center;
  height: auto;
}

.show-tablet {
  display: none;
}

.uui-button {
  grid-column-gap: .5rem;
  border: 1px solid var(--untitled-ui--primary600);
  background-color: var(--untitled-ui--primary600);
  color: var(--untitled-ui--white);
  text-align: center;
  white-space: nowrap;
  border-radius: .5rem;
  justify-content: center;
  align-items: center;
  padding: .625rem 1.125rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
  transition: all .3s;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.uui-button:hover {
  border-color: var(--untitled-ui--primary700);
  background-color: var(--untitled-ui--primary700);
}

.uui-button:focus {
  background-color: var(--untitled-ui--primary600);
  box-shadow: 0 1px 2px 0 #1018280d, 0 0 0 4px var(--untitled-ui--primary100);
}

.uui-dropdown-icon {
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  height: 1.25rem;
  margin-right: 1rem;
  display: flex;
  position: absolute;
  inset: auto 0% auto auto;
}

.uui-button-row {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.uui-icon-1x1-xsmall {
  width: 1.5rem;
  height: 1.5rem;
}

.uui-navbar01_dropdown-link-list {
  grid-column-gap: 0px;
  grid-row-gap: 0rem;
  grid-template-rows: max-content;
  grid-template-columns: 1fr;
  grid-auto-rows: max-content;
  grid-auto-columns: 1fr;
  width: auto;
  height: auto;
  display: grid;
}

.uui-navbar01_item-right {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  font-weight: 400;
  display: flex;
}

.navbar-logo {
  padding-left: 0;
}

.uui-navbar01_link {
  color: var(--untitled-ui--gray600);
  align-items: center;
  padding: 24px 1rem;
  font-family: Sf Pro Display, Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  transition: all .3s;
}

.uui-navbar01_link:hover {
  color: var(--untitled-ui--gray700);
}

.uui-navbar01_link.w--current {
  color: #000;
}

.uui-navbar01_dropdown-content-left {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex: 1;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding: 0 80px 0 0;
  display: grid;
}

.uui-navbar01_blog-image-wrapper {
  border-radius: .375rem;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-width: 11rem;
  height: 6.5rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

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

.uui-navbar01_button-wrapper {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  align-items: center;
  display: flex;
}

.uui-navbar01_dropdown-toggle {
  color: var(--untitled-ui--gray600);
  align-items: center;
  padding: 24px 40px 24px 20px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  transition: all .3s;
  display: flex;
}

.uui-navbar01_dropdown-toggle:hover {
  color: var(--untitled-ui--gray700);
}

.uui-navbar01_dropdown-toggle.w--open {
  padding-top: 20px;
  padding-bottom: 20px;
}

.uui-navbar01_blog-item {
  grid-column-gap: 1.5rem;
  grid-row-gap: 0px;
  border-radius: .5rem;
  grid-template-rows: auto;
  grid-template-columns: .6fr 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  padding: .75rem;
  text-decoration: none;
  transition: all .3s;
  display: grid;
}

.uui-navbar01_blog-item:hover {
  background-color: var(--untitled-ui--white);
}

.uui-navbar01_dropdown-content-wrapper {
  z-index: 1;
  grid-row-gap: .75rem;
  grid-template-rows: min-content;
  grid-template-columns: 1fr;
  grid-auto-rows: min-content;
  grid-auto-columns: 1fr;
  display: grid;
  position: relative;
}

.uui-navbar01_dropdown-blog-list {
  grid-column-gap: 0rem;
  grid-row-gap: .5rem;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-items: flex-start;
  display: grid;
}

.navbar-rootflo {
  border-bottom: 1px solid var(--untitled-ui--gray100);
  background-color: #fff;
  justify-content: space-between;
  align-items: center;
  width: 100vw;
  height: auto;
  min-height: 5rem;
  padding: 0 100px;
  display: flex;
  position: fixed;
}

.uui-navbar01_menu-right {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: flex;
}

.uui-navbar01_menu {
  flex: 1;
  justify-content: space-between;
  align-items: center;
  margin-left: 1.5rem;
  display: flex;
  position: static;
}

.uui-navbar01_dropdown-content {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  display: flex;
}

.uui-navbar01_dropdown-content-right {
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 400px;
  height: 264px;
  max-height: none;
  padding: 0 0;
  display: flex;
  position: static;
}

.uui-navbar01_icon-wrapper {
  color: var(--untitled-ui--primary600);
  flex: none;
}

.uui-navbar01_menu-button {
  padding: 0;
}

.uui-navbar01_menu-dropdown {
  width: auto;
  height: auto;
  position: static;
}

.uui-navbar01_large-item-content {
  flex-direction: column;
  justify-content: flex-start;
  font-weight: 400;
  display: flex;
}

.uui-navbar01_dropdown-link {
  grid-column-gap: 1rem;
  grid-row-gap: 0px;
  border-bottom: .5px solid #000;
  border-right: .5px solid #000;
  border-radius: 0;
  grid-template-rows: auto;
  grid-template-columns: max-content 1fr;
  grid-auto-columns: 1fr;
  align-items: flex-start;
  padding: 20px;
  text-decoration: none;
  transition: all .3s;
  display: grid;
}

.uui-navbar01_dropdown-link:hover {
  background-color: var(--untitled-ui--gray50-2);
}

.uui-navbar01_dropdown-link.co-pilot-agent {
  border-top: 0 solid #cecece;
  border-bottom-color: #cecece;
  border-right-color: #cecece;
  width: auto;
  padding: 32px;
}

.uui-navbar01_dropdown-link.underwrite-agent {
  border-bottom-color: #cecece;
  border-left: .5px solid #cecece;
  border-right-width: 0;
  width: auto;
  padding: 32px;
}

.uui-navbar01_dropdown-link.voice-agent {
  border-width: .5px 0 0 .5px;
  border-top-style: solid;
  border-top-color: #cecece;
  border-left-style: solid;
  border-left-color: #cecece;
  width: auto;
  padding: 32px;
}

.uui-navbar01_dropdown-link.audit-agent {
  border-top: .5px solid #cecece;
  border-bottom-width: 0;
  border-right-color: #cecece;
  width: auto;
  padding: 32px;
}

.uui-navbar01_dropdown-link.rm-wealth {
  grid-column-gap: 12px;
  border-bottom-color: #cecece;
  border-right-color: #cecece;
  padding: 32px;
}

.uui-navbar01_dropdown-link.loan-memo {
  grid-column-gap: 12px;
  border-bottom-color: #cecece;
  border-left: .5px solid #cecece;
  border-right-width: 0;
  padding: 32px;
}

.uui-navbar01_dropdown-link.real-assist {
  border-top: .5px solid #cecece;
  border-bottom-color: #cecece;
  border-right-color: #cecece;
  padding: 32px;
}

.uui-navbar01_dropdown-link.gold-audit {
  border-top: .5px solid #cecece;
  border-bottom-color: #cecece;
  border-left: .5px solid #cecece;
  border-right-width: 0;
  padding: 32px;
}

.uui-navbar01_dropdown-link.voice-intel {
  border-width: .5px 0 0 .5px;
  border-top-style: solid;
  border-top-color: #cecece;
  border-left-style: solid;
  border-left-color: #cecece;
  padding: 32px;
}

.uui-navbar01_dropdown-link.merch-onboard {
  border-top: .5px solid #cecece;
  border-bottom-width: 0;
  border-right-color: #cecece;
  padding: 32px;
}

.uui-navbar01_dropdown-right-overlay-absolute {
  background-color: var(--untitled-ui--gray50-2);
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 100vw;
  max-width: 100%;
  height: 100px;
  display: flex;
  position: static;
  inset: 0% auto 0% 0%;
}

.uui-button-link {
  grid-column-gap: .5rem;
  color: var(--untitled-ui--primary700);
  white-space: nowrap;
  background-color: #0000;
  justify-content: center;
  align-items: center;
  padding: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
  transition: all .3s;
  display: flex;
}

.uui-button-link:hover {
  color: var(--untitled-ui--primary800);
}

.uui-button-link.is-button-xsmall {
  font-size: .875rem;
}

.uui-button-icon {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  min-width: 1.25rem;
  height: 1.25rem;
  min-height: 1.25rem;
  display: flex;
}

.uui-navbar01_text-wrapper {
  grid-column-gap: .5rem;
  grid-row-gap: 0px;
  align-items: center;
  margin-bottom: .25rem;
  display: flex;
}

.uui-navbar01_dropdown-list {
  margin-top: -20px;
  box-shadow: 0 12px 16px -4px #00000014, 0 4px 6px -2px #10182808;
}

.uui-navbar01_dropdown-list.w--open {
  background-color: #fff;
  width: 100vw;
  min-width: 100vw;
  max-width: 100%;
  height: auto;
  padding: 40px 64px;
  position: absolute;
  inset: 5.0625rem auto auto 0%;
  overflow: hidden;
}

.nav-container {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 100%;
  height: auto;
  margin-left: 0;
  margin-right: 0;
  display: flex;
}

.nav-container.list-boxes {
  justify-content: center;
  align-items: center;
}

.uui-button-secondary-gray {
  grid-column-gap: .5rem;
  border: 1px solid var(--untitled-ui--gray300);
  background-color: var(--untitled-ui--white);
  color: var(--untitled-ui--gray700);
  text-align: center;
  white-space: nowrap;
  border-radius: .5rem;
  justify-content: center;
  align-items: center;
  padding: .625rem 1.125rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
  transition: all .3s;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.uui-button-secondary-gray:hover {
  background-color: var(--untitled-ui--gray50-2);
  color: var(--untitled-ui--gray800);
}

.uui-button-secondary-gray:focus {
  background-color: var(--untitled-ui--white);
  box-shadow: 0 1px 2px 0 #1018280d, 0 0 0 4px var(--untitled-ui--gray100);
}

.uui-button-secondary-gray.show-tablet {
  display: none;
}

.uui-button-tertiary-gray {
  grid-column-gap: .5rem;
  color: var(--untitled-ui--gray600);
  white-space: nowrap;
  background-color: #0000;
  border: 1px solid #0000;
  border-radius: .5rem;
  justify-content: center;
  align-items: center;
  padding: .625rem 1.125rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
  transition: all .3s;
  display: flex;
}

.uui-button-tertiary-gray:hover {
  background-color: var(--untitled-ui--gray50-2);
  color: var(--untitled-ui--gray700);
}

.uui-logo_component {
  flex-wrap: nowrap;
  width: auto;
  height: 2rem;
  display: flex;
}

.uui-logo_logomark {
  border: .1px solid #dae0e8;
  border-radius: .5rem;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 2rem;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 1px 1px #1018280f, 0 1px 2px #1018281a;
}

.uui-styleguide_logomark-bg {
  border-radius: 8px;
  width: 2rem;
  height: 2rem;
  position: absolute;
  inset: 0%;
}

.uui-logo_logomark-blur {
  z-index: 2;
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
  background-color: #fff3;
  border-bottom-right-radius: .5rem;
  border-bottom-left-radius: .5rem;
  width: 100%;
  height: 50%;
  position: absolute;
  inset: 50% 0% 0%;
  overflow: hidden;
}

.uui-logo_logomark-dot {
  z-index: 1;
  background-image: linear-gradient(26.5deg, #6941c6, #53389e);
  border-radius: 50%;
  width: 50%;
  height: 50%;
  position: relative;
}

.uui-logo_logotype {
  flex: none;
  width: 100px;
  height: 100%;
}

.uui-navbar01_heading {
  color: var(--untitled-ui--primary600);
  letter-spacing: normal;
  margin-top: 0;
  margin-bottom: .25rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: .875rem;
  font-weight: 600;
}

.uui-navbar01_item-heading {
  color: var(--untitled-ui--gray900);
  margin-bottom: 0;
  font-family: Sf Pro Display, Arial, sans-serif;
  font-size: 18px;
  font-weight: 400;
}

.uui-navbar01_item-heading.margin-bottom-0 {
  margin-bottom: 0;
}

.uui-navbar01_item-button-wrapper {
  margin-top: .75rem;
}

.uui-navbar01_dropdown-content-heading {
  color: var(--untitled-ui--primary600);
  letter-spacing: normal;
  margin-left: .75rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: .875rem;
  font-weight: 600;
}

.uui-navbar01_dropdown-content-button-wrapper {
  letter-spacing: normal;
  margin-top: 1rem;
  margin-left: .75rem;
  font-size: .875rem;
}

.uui-badge-small-success {
  grid-column-gap: .25rem;
  background-color: var(--untitled-ui--success50);
  color: var(--untitled-ui--success700);
  white-space: nowrap;
  mix-blend-mode: multiply;
  border-radius: 10rem;
  align-items: center;
  padding: .125rem .5rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: .75rem;
  font-weight: 500;
  display: flex;
}

.uui-logo_image {
  flex: none;
  width: auto;
  height: 100%;
  display: none;
}

.text-block-4588 {
  color: #fff;
  text-decoration: none;
}

.text-block-4589, .text-block-4590 {
  font-family: Sf Pro Display, Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
}

.div-block-1694 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-color: #f5f6f8;
  border-radius: 24px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 100%;
  height: 100%;
  padding: 40px;
  display: flex;
}

.text-block-4591 {
  font-size: 18px;
}

.div-block-1695 {
  background-color: #f5f6f8;
  border-radius: 24px;
  width: 30%;
  height: 540px;
}

.heading-253 {
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Sf Pro Display, Arial, sans-serif;
  font-weight: 500;
}

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

.image-218 {
  height: 12px;
}

.div-block-1697, .div-block-1698, .div-block-1699 {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.div-block-1700 {
  width: 100%;
  max-width: 100%;
}

.middleware-component {
  height: 200vh;
  position: sticky;
  top: 0;
}

.ts_trigger.t1 {
  width: 100%;
  height: 1px;
  position: absolute;
  top: 100vh;
}

.ts_trigger.t2 {
  width: 100%;
  height: 1px;
  position: absolute;
  top: 200vh;
}

.voice-header {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100vw;
  max-width: none;
  height: auto;
  padding: 40px 100px 0;
  display: flex;
}

.agent-component {
  grid-column-gap: 52px;
  grid-row-gap: 52px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 50%;
  height: auto;
  padding-top: 0;
  font-family: Sf Pro Display, Arial, sans-serif;
  display: flex;
}

.agent-component.img {
  justify-content: center;
  align-items: center;
  width: 50%;
  height: 100%;
  max-height: 100%;
  margin-left: 0;
  margin-right: 0;
}

.heading-254 {
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Sf Pro Display, Arial, sans-serif;
  font-size: 3.5rem;
  font-weight: 400;
  line-height: 4rem;
}

.paragraph-8 {
  width: 100%;
  font-size: 18px;
  font-weight: 300;
  line-height: 24px;
}

.buttons-agent {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.button-trial {
  background-color: #0077d2;
  border-radius: 50px;
  padding: 14px 24px;
}

.text-block-4592 {
  color: #fff;
  font-size: 16px;
}

.text-block-4592.button-text-2 {
  color: #101010;
}

.button-usecase {
  border: 1px solid #000;
  border-radius: 50px;
  padding: 14px 24px;
}

.div-block-1701 {
  background-color: #f0f0f0;
  border-radius: 50px;
  padding: 8px 12px;
}

.div-block-1702 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 0;
  display: flex;
}

.text-block-4593 {
  color: #101010;
  font-family: Sf Pro Display, Arial, sans-serif;
  font-size: 18px;
  text-decoration: none;
}

.co-pilot-solution-list {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  background-color: #fff;
  border-radius: 50px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  padding: 24px 40px;
  text-decoration: none;
  display: inline-flex;
  box-shadow: -4px 4px 40px #0000000f;
}

.container-184 {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 100%;
  height: auto;
  margin-left: 0;
  margin-right: 0;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.image-219 {
  mix-blend-mode: normal;
}

.div-block-1703 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.text-block-4594 {
  font-family: Sf Pro Display, Arial, sans-serif;
  font-size: 40px;
  font-weight: 300;
  line-height: 40px;
}

.voice-solutions {
  background-color: #fafbfc;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100vw;
  max-width: none;
  height: auto;
  padding: 40px 64px;
  display: flex;
}

.image-220 {
  width: 90%;
  overflow: visible;
}

.image-220.img-writing {
  width: 90%;
  max-width: 110%;
}

.image-220.img-voice {
  width: 90%;
}

.div-block-1704 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.middleware-section-main {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100vw;
  height: 100vh;
  padding: 80px 100px;
  font-family: Sf Pro Display, Arial, sans-serif;
  font-size: 48px;
  font-weight: 300;
  display: flex;
  position: relative;
  overflow: hidden;
}

.middleware-section-main.only-title {
  padding-bottom: 80px;
}

.usecase-title-h1 {
  color: #101010;
  text-align: center;
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Sf Pro Display, Arial, sans-serif;
  font-size: 3.5rem;
  font-weight: 400;
  line-height: 4rem;
}

.usecase-title-h1.on-black {
  color: #fff;
  text-align: center;
}

.usecase-title-h1.h2-sec2 {
  color: #101010;
  -webkit-text-fill-color: inherit;
  background-image: none;
  background-clip: border-box;
}

.header-title-h1 {
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Sf Pro Display, Arial, sans-serif;
  font-size: 64px;
  font-weight: 100;
  line-height: 72px;
}

.header-title-h1.mobile-version {
  color: var(--untitled-ui--gray400);
  text-align: left;
  font-size: 3.7rem;
  font-weight: 400;
  line-height: 4.2rem;
}

.foundation-h1 {
  color: #101010;
  text-align: left;
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Sf Pro Display, Arial, sans-serif;
  font-size: 64px;
  font-weight: 300;
  line-height: 72px;
}

.foundation-h1.on-black {
  color: #fff;
  text-align: center;
  font-size: 3.5rem;
  font-weight: 400;
  line-height: 4rem;
}

.foundation-h1.h2-sec2 {
  color: #101010;
  text-align: center;
  -webkit-text-fill-color: inherit;
  background-image: none;
  background-clip: border-box;
}

.lang-text {
  color: #ffffff80;
  background-color: #ffffff0a;
  border: 0 solid #ffffff80;
  border-radius: 50px;
  padding: 10px 32px;
  font-family: Sf Pro Display, Arial, sans-serif;
  font-size: 16px;
  font-weight: 300;
}

.language-ill {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.language-ill.set1-lang {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
}

.lang-img-wrapper {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-bottom: 0;
  display: flex;
}

.language-ill-set2 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.tabs-2 {
  position: sticky;
}

.middleware-scroll {
  position: static;
}

.future-text {
  color: #ffffff80;
  font-family: Sf Pro Display, Arial, sans-serif;
  font-size: 14px;
  font-weight: 300;
}

.future-text.add {
  color: #fff;
  font-size: 24px;
  line-height: 18px;
}

.div-block-1705 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border: .5px solid #fff;
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  width: auto;
  padding: 8px 10px;
  display: flex;
  position: static;
  inset: 0% 10% auto auto;
}

.future-proof-img {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: auto;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  position: static;
}

.future-proof-img.vertical {
  width: auto;
  height: auto;
  padding-top: 20px;
}

.future-img-2 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border: .5px solid #ffffff80;
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  padding: 10px;
  display: flex;
  position: absolute;
  inset: 64% 5% auto auto;
}

.future-img-2-copy {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border: .5px solid #fff;
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  padding: 10px;
  display: flex;
  position: absolute;
  inset: 32% 25% auto auto;
}

.bold {
  color: #fff;
  width: auto;
}

.future-new-model {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  height: auto;
  padding-right: 0;
  display: flex;
  position: static;
  right: 0;
}

.future-new-model.tweak {
  justify-content: flex-start;
  align-items: center;
  width: 400px;
  padding-right: 0;
}

.update-button {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #ffffff0a;
  border: 0 solid #fff;
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  padding: 10px;
  display: flex;
  position: static;
  inset: 0% 10% auto auto;
}

.future-text-copy {
  color: #ffffff3d;
  font-family: Sf Pro Display, Arial, sans-serif;
  font-size: 14px;
  font-weight: 300;
}

.future-text-copy.add {
  color: #fff;
  font-size: 24px;
  line-height: 18px;
}

.future-new-tweak {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  display: flex;
}

.div-block-1687-copy {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 60%;
  height: auto;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  position: static;
}

.div-block-1687-copy.vertical {
  width: auto;
  height: auto;
  padding-top: 20px;
}

.image-221 {
  width: auto;
  max-width: 100%;
  position: static;
}

.div-block-1706 {
  width: 100%;
  max-width: 100%;
  height: auto;
  position: static;
}

.text-block-4595 {
  float: right;
  text-align: center;
  width: auto;
  height: auto;
  font-size: 32px;
  position: absolute;
  inset: 0%;
}

.div-block-1707 {
  filter: blur(80px);
  mix-blend-mode: normal;
  background-color: #0071eb;
  width: 120px;
  height: 120px;
  position: absolute;
  inset: auto 0% 0% auto;
}

.gradient {
  width: 100%;
  height: auto;
  max-height: 100%;
  position: relative;
}

.div-block-1707-copy {
  filter: blur(120px);
  mix-blend-mode: lighten;
  background-color: #ffbc2a;
  width: 120px;
  height: 120px;
  position: absolute;
  inset: auto 50% 0% auto;
}

.centre-img {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 60%;
  display: flex;
  position: relative;
}

.div-block-1708 {
  justify-content: center;
  align-items: center;
  height: auto;
  display: flex;
}

.div-block-1709 {
  filter: blur(20px);
  mix-blend-mode: soft-light;
  background-color: #0f6;
  border-radius: 50px;
  width: 50px;
  height: 50px;
  position: absolute;
}

.div-block-1709.bigger {
  filter: blur(80px);
  width: 100px;
  height: 100px;
}

.div-block-1710 {
  justify-content: flex-end;
  align-items: center;
  width: 360px;
  max-width: 360px;
  height: 100%;
  display: flex;
  position: relative;
}

.div-block-1709-copy {
  mix-blend-mode: soft-light;
  background-color: #0f6;
  border-radius: 50px;
  width: 10px;
  height: 10px;
  position: absolute;
}

.div-block-1711 {
  justify-content: flex-end;
  align-items: center;
  width: 80%;
  height: 100%;
  display: flex;
  position: relative;
}

.div-block-1712 {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.backed-by-text {
  color: #969696;
  font-family: Sf Pro Display, Arial, sans-serif;
  font-size: 16px;
  font-style: italic;
  font-weight: 400;
}

.header-tag-line {
  color: #fffc;
  border: 1px solid #fff0;
  border-radius: 50px;
  padding: 0;
  font-family: Sf Pro Display, Arial, sans-serif;
  font-weight: 300;
}

.header-tag-wrapper {
  background-color: #101010;
  border: 0 solid #fff3;
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  width: 400px;
  height: 40px;
  margin: 1px;
  padding: 8px 48px;
  display: flex;
  position: relative;
}

.header-border-gradient {
  border-radius: 100px;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 380px;
  height: 48px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.border-gradient {
  background-color: #101010cc;
  background-image: linear-gradient(84deg, #ffffff1f, #00bfff);
  border: 0 solid #fff3;
  border-radius: 50px;
  width: 400px;
  min-width: 320px;
  height: 400px;
  min-height: 320px;
  padding: 8px 48px;
  position: relative;
  inset: 0%;
}

.header-main-live {
  justify-content: center;
  align-items: center;
  display: flex;
}

.tag-inner {
  background-color: #000c;
  border-radius: 100px;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  margin: 1px;
  display: flex;
  position: absolute;
  inset: 0%;
}

.tag-inner-text {
  color: #fffc;
  border-radius: 0;
  justify-content: center;
  align-items: center;
  width: 70%;
  padding: 12px 32px;
  font-family: Sf Pro Display, Arial, sans-serif;
  font-size: 16px;
  font-weight: 300;
  display: flex;
}

.tag-inner-text.btn-title {
  background-color: #ffffff0a;
  width: auto;
  height: auto;
}

.tag-inner-text-copy {
  color: #fffc;
  border-radius: 0;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 12px;
  font-family: Sf Pro Display, Arial, sans-serif;
  font-weight: 300;
  display: flex;
}

.tag-inner-text-copy.btn-title {
  color: #fff9;
  background-color: #ffffff14;
  border-radius: 100px;
  width: 40%;
  height: auto;
  font-size: 16px;
  display: flex;
}

.div-block-1713 {
  background-color: #0077d2;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.submit-text {
  color: #fff;
}

.submit-btn {
  background-color: #0077d2;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding-left: 20px;
  padding-right: 20px;
  text-decoration: none;
  display: flex;
}

.case-study-link {
  color: #fffc;
  font-family: Sf Pro Display, Arial, sans-serif;
  font-size: 16px;
  font-weight: 300;
  text-decoration: none;
}

.div-block-1714 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-1715 {
  background-color: #ffffff14;
  border-radius: 50px;
  padding: 20px;
}

.number-text-title {
  color: #fff;
  font-size: 1rem;
  font-weight: 300;
}

.number-text-title.arrow {
  color: #ffffff80;
  font-size: 28px;
  font-weight: 300;
  transform: rotate(45deg);
}

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

.image-222 {
  width: 32px;
  height: 32px;
}

.fs-numbercount_number {
  color: #fff;
  font-size: 4rem;
  line-height: 1;
}

.fs-numbercount-01_number {
  color: #fff;
  font-size: 4rem;
  line-height: 64px;
}

.number-wrapper {
  background-color: #fff0;
  border-radius: 18px;
  justify-content: center;
  align-items: center;
  width: 50%;
  margin: 0;
  padding: 2px;
  display: flex;
  position: static;
  overflow: hidden;
}

.border-glow-circle {
  filter: blur(200px);
  background-color: #fff;
  background-image: linear-gradient(297deg, #7fd2ff, #002ae6);
  border-radius: 500px;
  width: 104%;
  height: 100%;
  position: absolute;
  inset: 0% auto auto 0%;
}

.book-demo-card-recurring {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  padding: 0 100px 64px;
  display: flex;
}

.demo-card-content {
  background-color: #101010;
  background-image: linear-gradient(270deg, #000, #0f1f30 57%, #101010 103%);
  border-radius: 20px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 48px 100px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.text-block-4596 {
  color: #fff;
  font-family: Sf Pro Display, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1rem;
  text-decoration: none;
}

.link-block-23 {
  z-index: 100;
  cursor: pointer;
  background-color: #0076d1;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: auto;
  padding: 1.5rem 2rem;
  text-decoration: none;
  display: flex;
  position: relative;
}

.logos-section {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: auto;
  padding: 40px 100px;
  display: flex;
}

.title-section {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100vw;
  height: auto;
  padding: 80px 100px 0;
  font-family: Sf Pro Display, Arial, sans-serif;
  font-size: 48px;
  font-weight: 300;
  display: flex;
  position: relative;
  overflow: hidden;
}

.title-section.only-title {
  padding-bottom: 80px;
}

.demo-card-content-main {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.demo-text-box {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 50%;
  display: flex;
}

.testimonials-section {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  padding: 100px;
  display: flex;
  position: relative;
}

.demo-section {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  padding: 0 100px 80px;
  display: flex;
}

.number-heading {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.numbers-grid {
  z-index: 0;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: column dense;
  justify-content: center;
  place-items: center;
  width: 80%;
  max-width: 100%;
  margin-left: 0;
  margin-right: 0;
  display: inline-grid;
  position: relative;
  overflow: hidden;
}

.numbers-text-wrapper {
  width: 40%;
}

.infra-text-h1 {
  color: #101010;
  text-align: center;
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
  margin: 0;
  font-family: Sf Pro Display, Arial, sans-serif;
  font-size: 3.5rem;
  font-weight: 400;
  line-height: 4rem;
  position: absolute;
  inset: 80px 0% auto;
}

.infra-text-h1.on-black {
  color: #fff;
  text-align: center;
}

.infra-text-h1.h2-sec2 {
  color: #101010;
  text-align: center;
  -webkit-text-fill-color: inherit;
  background-image: none;
  background-clip: border-box;
}

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

.image-223 {
  opacity: .12;
  filter: blur(1px);
  width: 360px;
  position: static;
  inset: 0%;
  transform: rotate(60deg);
}

.div-block-1718 {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0%;
}

.image-223-copy {
  opacity: .12;
  width: 80%;
  height: 160%;
  position: static;
  inset: 0% auto 0% 0%;
  overflow: visible;
  transform: translate(0);
}

.image-223-copy-copy {
  opacity: .12;
  filter: blur(1px);
  width: 360px;
  position: static;
  inset: 0%;
  transform: rotate(-40deg);
}

.subtext-p2-copy {
  color: #fffc;
  text-align: center;
  width: 100%;
  max-width: 100%;
  font-family: Sf Pro Display, Arial, sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 24px;
  text-decoration: none;
}

.div-block-1719 {
  z-index: 0;
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0%;
}

.image-224 {
  opacity: .08;
  width: 50%;
  height: 150%;
  max-height: 150%;
  overflow: visible;
}

.div-block-1718-copy {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: absolute;
  inset: 0%;
}

.div-block-1720 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  display: flex;
}

.arrow-in-circle {
  color: #0077d2;
  border: 1.5px solid #0077d2;
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  width: 1.4rem;
  height: 1.4rem;
  padding: 4px;
  font-size: 16px;
  font-weight: 400;
  display: flex;
}

.tick-in-circle {
  color: #3aa854;
  border: 1.5px solid #3aa854;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 1.4rem;
  height: 1.4rem;
  font-size: 16px;
  font-weight: 500;
  line-height: 16px;
  display: flex;
}

.img-dots-white {
  opacity: .08;
  width: 60%;
}

.blue-blur {
  filter: blur(40px);
  mix-blend-mode: lighten;
  background-color: #0084ff;
  border-radius: 100px;
  position: absolute;
}

.blue-centre-circle {
  opacity: .12;
  mix-blend-mode: lighten;
  background-color: #0084ff;
  border-radius: 100px;
  position: absolute;
}

.div-block-1721 {
  justify-content: center;
  align-items: center;
  width: 50%;
  height: 50%;
  display: flex;
  position: absolute;
}

.co-pilot-features-container {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: center;
  align-items: center;
  padding: 64px 100px;
  display: flex;
  position: relative;
}

.heading-255 {
  margin-top: 0;
  margin-bottom: 0;
}

.feature-title {
  justify-content: flex-start;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Sf Pro Display, Arial, sans-serif;
  font-size: 2.5rem;
  font-weight: 400;
  line-height: 3rem;
  display: flex;
}

.feature-text-box {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 30%;
  height: auto;
  display: flex;
}

.text-block-4597 {
  font-family: Sf Pro Display, Arial, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
}

.container-185 {
  z-index: 99;
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 70%;
  height: auto;
  display: flex;
  position: static;
}

.feature-01-box {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-color: #fff;
  border-radius: 16px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: auto;
  padding: 24px;
  display: flex;
  position: static;
  overflow: hidden;
  box-shadow: 2px 2px 20px #0000000a;
}

.feature-01-box:hover {
  box-shadow: 4px 4px 40px #00000014;
}

.feature-02-wrapper {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  display: flex;
  position: relative;
}

.feature-02-box {
  box-sizing: border-box;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #fff;
  border-radius: 16px;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 50%;
  height: 280px;
  min-height: 100%;
  max-height: 120%;
  padding: 24px 0 0;
  display: flex;
  box-shadow: 2px 2px 20px #0000000a;
}

.feature-02-box:hover {
  box-shadow: 4px 4px 40px #00000014;
}

.image-225 {
  width: 40%;
  position: absolute;
}

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

.bg-pattern {
  opacity: .16;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  display: flex;
  position: absolute;
  inset: 0%;
}

.feature-01-content {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 50%;
  max-width: 100%;
  height: 100%;
  display: flex;
}

.feature-01-content.first-img {
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  position: static;
  inset: 0%;
}

.feature-01-content.second-img {
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  height: 70%;
  max-height: 58.8437%;
}

.feature-01-content.second-img-copy {
  justify-content: center;
  align-items: center;
  width: auto;
  height: 70%;
  max-height: 100%;
}

.feature-01-content.text-block {
  width: 60%;
  margin-bottom: 0;
  padding-right: 0;
}

.heading-256 {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Sf Pro Display, Arial, sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 24px;
  display: flex;
}

.text-block-4598 {
  width: 100%;
  font-family: Sf Pro Display, Arial, sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 20px;
}

.image-226 {
  height: 132%;
  max-height: 150%;
}

.feature-01-content-copy.first-img {
  justify-content: center;
  align-items: center;
  width: 70%;
}

.image-226-copy {
  width: 80%;
  height: 80%;
  max-height: 150%;
}

.real-time-01 {
  color: #fff;
  background-color: #ffe4ba;
  border-radius: 8px;
  padding: 12px;
  position: relative;
  top: -20px;
  bottom: 0;
  left: 100px;
  transform: rotate(4deg);
}

.text-block-4599 {
  color: #000;
  font-family: Sf Pro Display, Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
}

.real-time-01-copy {
  color: #fff;
  background-color: #efe0ff;
  border-radius: 8px;
  padding: 12px;
  position: relative;
  top: -40px;
  bottom: 0;
  left: -64px;
  transform: rotate(2deg);
}

.realtime-copy2 {
  background-color: #e6f1ff;
  border-radius: 8px;
  padding: 12px;
  font-family: Sf Pro Display, Arial, sans-serif;
  transform: rotate(-2deg);
}

.feature-01-content-copy {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 50%;
  height: 100%;
  display: flex;
}

.feature-01-content-copy.first-img {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  height: auto;
  display: flex;
  position: relative;
  inset: 0%;
}

.feature-01-content-copy.second-img {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 64%;
}

.feature-01-content-copy-copy {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  height: auto;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
}

.feature-01-content-copy-copy.first-img {
  justify-content: center;
  align-items: center;
  width: 70%;
}

.feature-01-content-copy-copy.f3-text-wrap {
  padding-left: 24px;
  padding-right: 24px;
}

.div-block-1723 {
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  height: auto;
  display: flex;
}

.feature-01-box-random {
  justify-content: center;
  align-items: center;
  height: auto;
  max-height: 100%;
  display: flex;
  position: absolute;
  inset: auto auto 30% 8%;
}

.real-time-01-copy-copy {
  color: #fff;
  background-color: #efe0ff;
  border-radius: 8px;
  padding: 12px;
  position: relative;
  top: -40px;
  bottom: 0;
  left: -40px;
  transform: rotate(-4deg);
}

.random {
  color: #fff;
  background-color: #f1ffe0;
  border-radius: 8px;
  padding: 12px;
  position: static;
  top: 0;
  bottom: 0;
  left: 0;
  transform: rotate(-4deg);
}

.suggestion-pill {
  border: 1px solid #000;
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  width: auto;
  height: auto;
  padding: 12px 20px;
  display: flex;
}

.suggest-text {
  width: auto;
  max-width: none;
}

.main-div-block {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 150%;
  height: 100%;
  display: flex;
  position: static;
  top: 20px;
  bottom: 20px;
}

.pills-wrapper {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: row;
  justify-content: center;
  align-items: flex-start;
  width: auto;
  height: auto;
  display: flex;
}

.pill-real-time {
  opacity: 1;
  object-fit: fill;
  background-color: #fff;
  border: 1px solid #000;
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  width: auto;
  max-width: none;
  padding: 12px 16px;
  display: flex;
}

.t1 {
  box-sizing: border-box;
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  aspect-ratio: auto;
  color: #101010;
  text-align: center;
  vertical-align: middle;
  object-fit: fill;
  justify-content: center;
  align-items: center;
  width: auto;
  max-width: 360px;
  font-family: Sf Pro Display, Arial, sans-serif;
  display: flex;
}

.t6 {
  text-align: center;
  width: 360px;
  font-family: Sf Pro Display, Arial, sans-serif;
}

.div-block-1724 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 70%;
  display: flex;
  position: relative;
}

.t5 {
  box-sizing: border-box;
  aspect-ratio: auto;
  color: #101010;
  text-align: center;
  vertical-align: middle;
  object-fit: fill;
  justify-content: center;
  align-items: center;
  width: 340px;
  max-width: 360px;
  font-family: Sf Pro Display, Arial, sans-serif;
  font-weight: 400;
  display: block;
}

.t5.dot {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  display: flex;
}

.t2 {
  text-align: center;
  width: 320px;
  font-family: Sf Pro Display, Arial, sans-serif;
}

.t3 {
  text-align: center;
  width: 340px;
  font-family: Sf Pro Display, Arial, sans-serif;
}

.t4 {
  text-align: center;
  width: 360px;
  font-family: Sf Pro Display, Arial, sans-serif;
}

.t2-copy {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  color: #101010;
  text-align: center;
  justify-content: center;
  align-items: center;
  width: auto;
  font-family: Sf Pro Display, Arial, sans-serif;
  display: flex;
}

.t5-copy {
  box-sizing: border-box;
  aspect-ratio: auto;
  text-align: center;
  vertical-align: middle;
  object-fit: fill;
  justify-content: center;
  align-items: center;
  width: 380px;
  max-width: 400px;
  font-family: Sf Pro Display, Arial, sans-serif;
  display: block;
}

.t6-copy {
  text-align: center;
  width: 400px;
  font-family: Sf Pro Display, Arial, sans-serif;
}

.t3-copy {
  text-align: center;
  width: 330px;
  font-family: Sf Pro Display, Arial, sans-serif;
}

.t4-copy {
  text-align: center;
  width: 380px;
  font-family: Sf Pro Display, Arial, sans-serif;
}

.pills-wrapper-copy {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: row;
  justify-content: center;
  align-items: flex-start;
  width: auto;
  display: flex;
}

.pills-wrapper-copy-copy {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: row;
  justify-content: center;
  align-items: flex-start;
  width: auto;
  display: flex;
}

.pills-wrapper-copy {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: row;
  justify-content: center;
  align-items: flex-start;
  width: auto;
  padding-left: 20px;
  display: flex;
}

.t6-copy {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  color: #189435;
  text-align: center;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  font-family: Sf Pro Display, Arial, sans-serif;
  display: flex;
}

.t4-copy-copy {
  text-align: center;
  width: 350px;
  font-family: Sf Pro Display, Arial, sans-serif;
}

.t2-copy-copy {
  text-align: center;
  width: 300px;
  font-family: Sf Pro Display, Arial, sans-serif;
}

.t6-copy-copy {
  text-align: center;
  width: 500px;
  max-width: 500px;
  font-family: Sf Pro Display, Arial, sans-serif;
}

.pills-wrapper-copy-copy {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: row;
  justify-content: center;
  align-items: flex-start;
  width: auto;
  padding-left: 10px;
  display: flex;
}

.f3 {
  width: 112%;
  max-width: 120%;
  height: 150%;
  max-height: 150%;
}

.feature-02-box-copy {
  box-sizing: border-box;
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: #fff;
  border-radius: 16px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 50%;
  height: 100%;
  min-height: 100%;
  max-height: 37%;
  padding: 24px 24px 0;
  display: flex;
  position: static;
  box-shadow: 12px 4px 80px #0000000f;
}

.image-227 {
  width: 90%;
  max-width: 100%;
  height: auto;
}

.image-228 {
  width: 95%;
}

.f2-wrap {
  box-sizing: border-box;
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-color: #fff;
  border-radius: 16px;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 50%;
  height: 100%;
  max-height: 97.5483%;
  padding-top: 24px;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
  position: relative;
  box-shadow: 12px 4px 80px #0000000f;
}

.f2-wrap.feature-two {
  height: 280px;
  padding-left: 0;
  padding-right: 0;
  position: static;
  overflow: hidden;
  box-shadow: 2px 2px 20px #0000000a;
}

.f2-wrap.feature-two:hover {
  box-shadow: 4px 4px 40px #00000014;
}

.audit-features-container {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: center;
  align-items: center;
  padding: 64px 100px;
  display: flex;
  position: relative;
}

.audit-container {
  z-index: 99;
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 70%;
  height: auto;
  display: flex;
  position: static;
}

.feature-01-audit-box {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-color: #fff;
  border-radius: 16px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: auto;
  padding: 24px 32px 24px 24px;
  display: flex;
  position: static;
  overflow: hidden;
  box-shadow: 2px 2px 20px #0000000a;
}

.feature-01-audit-box:hover {
  box-shadow: 4px 4px 40px #00000014;
}

.feature-02-wrapper-audit {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  display: flex;
  position: relative;
}

.f2-wrap-audit {
  box-sizing: border-box;
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-color: #fff;
  border-radius: 16px;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 50%;
  height: 100%;
  max-height: 97.5483%;
  padding-top: 24px;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
  position: relative;
  box-shadow: 12px 4px 80px #0000000f;
}

.f2-wrap-audit.feature-two {
  height: 280px;
  position: static;
}

.f2-wrap-audit.feature-two-copy {
  height: 280px;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  position: static;
  overflow: hidden;
  box-shadow: 2px 2px 20px #0000000a;
}

.f2-wrap-audit.feature-two-copy:hover {
  box-shadow: 4px 4px 40px #00000014;
}

.feature-02-box-audit {
  box-sizing: border-box;
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: #fff;
  border-radius: 16px;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 50%;
  height: 280px;
  min-height: 100%;
  max-height: 120%;
  padding: 24px 0;
  display: flex;
  overflow: hidden;
  box-shadow: 2px 2px 20px #0000000a;
}

.feature-02-box-audit:hover {
  box-shadow: 4px 4px 40px #00000014;
}

.audit-f1-img {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: auto;
  display: flex;
  position: relative;
}

.pills-wrapper-audit {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: row;
  justify-content: center;
  align-items: flex-start;
  width: auto;
  display: flex;
}

.pills-wrapper-audit-2 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: row;
  justify-content: center;
  align-items: flex-start;
  width: auto;
  padding-left: 20px;
  display: flex;
}

.pills-wrapper-audit-3 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: row;
  justify-content: center;
  align-items: flex-start;
  width: auto;
  padding-left: 40px;
  display: flex;
}

.pills-wrapper-audit-4 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: row;
  justify-content: center;
  align-items: flex-start;
  width: auto;
  padding-left: 10px;
  display: flex;
}

.pill-audit {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  opacity: 1;
  object-fit: fill;
  background-color: #d66b0014;
  border: 1.5px solid #d66b00;
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  width: auto;
  max-width: none;
  padding: 8px 24px;
  display: flex;
}

.pill-audit-2 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  opacity: 1;
  object-fit: fill;
  background-color: #c0090914;
  border: 1.5px solid #c00909;
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  width: auto;
  max-width: none;
  padding: 8px 24px;
  display: flex;
}

.pill-audit-3 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  opacity: 1;
  object-fit: fill;
  background-color: #0067c714;
  border: 1.5px solid #0067c7;
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  width: auto;
  max-width: none;
  padding: 8px 24px;
  display: flex;
}

.pill-audit-4 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  opacity: 1;
  object-fit: fill;
  background-color: #18943514;
  border: 1.5px solid #189435;
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  width: auto;
  max-width: none;
  padding: 8px 24px;
  display: flex;
}

.voice-container {
  z-index: 99;
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 70%;
  height: auto;
  display: flex;
  position: static;
}

.voice-f1 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-color: #fff;
  border-radius: 16px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: auto;
  padding: 24px 32px 24px 24px;
  display: flex;
  position: static;
  overflow: hidden;
  box-shadow: 2px 2px 20px #0000000f;
}

.voice-f1:hover {
  box-shadow: 4px 4px 40px #00000014;
}

.f1-voice {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 60%;
  max-width: 100%;
  height: 100%;
  display: flex;
}

.f1-voice.first-img {
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  position: static;
  inset: 0%;
}

.f1-voice.second-img {
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  height: 70%;
  max-height: 58.8437%;
}

.f1-voice.second-img-copy {
  justify-content: center;
  align-items: center;
  width: auto;
  height: 70%;
  max-height: 100%;
}

.voice-img-f1 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-end;
  width: auto;
  display: flex;
  position: relative;
}

.f2-voice-wrapper {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  display: flex;
  position: relative;
}

.f2-voice-01 {
  box-sizing: border-box;
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-color: #fff;
  border-radius: 16px;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 50%;
  height: 100%;
  max-height: 97.5483%;
  padding-top: 24px;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
  position: relative;
  box-shadow: 12px 4px 80px #0000000f;
}

.f2-voice-01.feature-two {
  height: 280px;
  position: static;
}

.f2-voice-01.feature-two-copy {
  height: 280px;
  padding-bottom: 16px;
  padding-left: 0;
  padding-right: 0;
  position: static;
  box-shadow: 2px 2px 20px #0000000a;
}

.f2-voice-01.feature-two-copy:hover {
  box-shadow: 4px 4px 40px #00000014;
}

.voice-02-f2 {
  box-sizing: border-box;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #fff;
  border-radius: 16px;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 50%;
  height: 280px;
  min-height: 100%;
  max-height: 120%;
  padding: 24px 0;
  display: flex;
  overflow: hidden;
  box-shadow: 2px 2px 20px #0000000a;
}

.voice-02-f2:hover {
  box-shadow: 4px 4px 40px #00000014;
}

.bold-text-3 {
  font-weight: 400;
  line-height: 32px;
}

.image-229 {
  width: 80%;
}

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

.writing-agent-container {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: center;
  align-items: center;
  padding: 64px 100px;
  display: flex;
  position: relative;
}

.writing-img-wrapper {
  z-index: 99;
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 70%;
  height: auto;
  display: flex;
  position: static;
}

.f1-writing-box {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-color: #fff;
  border-radius: 16px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: auto;
  padding: 24px 32px 24px 24px;
  display: flex;
  position: static;
  overflow: hidden;
  box-shadow: 2px 2px 20px #0000000a;
}

.f1-writing-box:hover {
  box-shadow: 4px 4px 40px #00000014;
}

.f2-writing-wrapper {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  display: flex;
  position: relative;
}

.f2-writing-img {
  box-sizing: border-box;
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-color: #fff;
  border-radius: 16px;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 50%;
  height: 100%;
  max-height: 97.5483%;
  padding-top: 24px;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
  position: relative;
  box-shadow: 12px 4px 80px #0000000f;
}

.f2-writing-img.feature-two {
  height: 280px;
  position: static;
}

.f2-writing-img.feature-two-copy {
  height: 280px;
  padding-bottom: 10px;
  padding-left: 0;
  padding-right: 0;
  position: static;
  box-shadow: 2px 2px 20px #0000000a;
}

.f2-writing-img.feature-two-copy:hover {
  box-shadow: 4px 4px 40px #00000014;
}

.f2-writing-img-02 {
  box-sizing: border-box;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #fff;
  border-radius: 16px;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 50%;
  height: 280px;
  min-height: 100%;
  max-height: 120%;
  padding: 24px 0 0;
  display: flex;
  overflow: hidden;
  box-shadow: 2px 2px 20px #0000000a;
}

.f2-writing-img-02:hover {
  box-shadow: 4px 4px 40px #00000014;
}

.pill-writing {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  opacity: 1;
  object-fit: fill;
  background-color: #fff;
  border: 0 solid #2b8831;
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  width: auto;
  max-width: none;
  padding: 12px 20px;
  display: flex;
  box-shadow: -2px 2px 12px #00000014;
}

.pill-wrt-2 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  opacity: 1;
  object-fit: fill;
  background-color: #fff;
  border: 0 solid #ffae00;
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  width: auto;
  max-width: none;
  padding: 12px 20px;
  display: flex;
  box-shadow: -2px 2px 12px #0000000f;
}

.pill-wrt-3 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  opacity: 1;
  object-fit: fill;
  background-color: #fff;
  border: 0 solid #c00;
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  width: auto;
  max-width: none;
  padding: 12px 20px;
  display: flex;
  box-shadow: -2px 2px 12px 6px #0000000f;
}

.pill-wrt-4 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  opacity: 1;
  object-fit: fill;
  background-color: #fff;
  border: 0 solid #189435;
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  width: auto;
  max-width: none;
  padding: 12px 20px;
  display: flex;
  box-shadow: -2px 2px 12px #0000000f;
}

.bold-text-4 {
  color: #101010cc;
  font-size: 12px;
  font-weight: 400;
}

.bold-text-5 {
  color: #101010cc;
  text-align: left;
  width: 70px;
  max-width: 100px;
  font-size: 12px;
  font-weight: 400;
}

.bold-text-6, .bold-text-7 {
  color: #101010cc;
  font-size: 12px;
  font-weight: 400;
}

.t6-copy-copy {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  color: #101010;
  text-align: center;
  justify-content: flex-start;
  align-items: center;
  width: 333px;
  font-family: Sf Pro Display, Arial, sans-serif;
  display: flex;
}

.company-main-header {
  height: auto;
  padding-top: 80px;
  padding-left: 100px;
  padding-right: 100px;
}

.uui-text-align-center {
  text-align: center;
}

.title-box-company {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 64rem;
  display: flex;
}

.uui-container-large {
  width: 100%;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
}

.align-center {
  margin-left: auto;
  margin-right: auto;
}

.uui-page-padding {
  padding-top: 40px;
  padding-left: 0;
  padding-right: 0;
}

.uui-max-width-large {
  width: 100%;
  max-width: 48rem;
}

.uui-max-width-large.align-center {
  margin-left: auto;
  margin-right: auto;
}

.uui-button-2 {
  grid-column-gap: .5rem;
  border: 1px solid var(--untitled-ui--primary600);
  background-color: var(--untitled-ui--primary600);
  color: var(--untitled-ui--white);
  text-align: center;
  white-space: nowrap;
  border-radius: .5rem;
  justify-content: center;
  align-items: center;
  padding: .625rem 1.125rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
  transition: all .3s;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.uui-button-2:hover {
  border-color: var(--untitled-ui--primary700);
  background-color: var(--untitled-ui--primary700);
}

.uui-button-2:focus {
  background-color: var(--untitled-ui--primary600);
  box-shadow: 0 1px 2px 0 #1018280d, 0 0 0 4px var(--untitled-ui--primary100);
}

.uui-button-2.is-button-large {
  grid-column-gap: .75rem;
  background-color: var(--untitled-ui--primary700);
  border-width: 0;
  border-radius: 50rem;
  padding: 1.5rem 2rem;
  font-size: 1.125rem;
}

.uui-heading-xlarge {
  color: var(--untitled-ui--gray900);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Sf Pro Display, Arial, sans-serif;
  font-size: 64px;
  font-weight: 300;
  line-height: 64px;
}

.hiring-btn {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  display: flex;
}

.hiring-btn.button-row-center {
  justify-content: center;
}

.hiring-btn.button-row-center.is-reverse-mobile-landscape {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
}

.uui-button-icon-2 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  min-width: 1.25rem;
  height: 1.25rem;
  min-height: 1.25rem;
  display: flex;
}

.uui-button-icon-2.is-icon-large {
  width: 1.5rem;
  min-width: 1.5rem;
  height: 1.5rem;
  min-height: 1.5rem;
}

.uui-badge-group {
  background-color: var(--untitled-ui--gray100);
  color: var(--untitled-ui--gray700);
  white-space: nowrap;
  mix-blend-mode: multiply;
  border-radius: 10rem;
  align-items: center;
  padding: .25rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: .875rem;
  font-weight: 500;
  line-height: 1.5;
  display: flex;
}

.uui-badge-group.is-primary {
  background-color: var(--untitled-ui--primary50);
  color: var(--untitled-ui--primary700);
  white-space: nowrap;
  text-decoration: none;
}

.badge-group_text-wrapper {
  align-items: center;
  padding-left: .75rem;
  padding-right: .75rem;
  display: flex;
}

.uui-badge-group_badge {
  background-color: var(--untitled-ui--white);
  color: var(--untitled-ui--gray700);
  white-space: nowrap;
  border-radius: 1rem;
  align-items: center;
  padding: .125rem .625rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: .875rem;
  font-weight: 500;
  line-height: 1.5;
  display: flex;
}

.uui-badge-group_badge.is-primary {
  background-color: var(--untitled-ui--white);
  color: var(--untitled-ui--primary700);
}

.uui-badge-group_icon {
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  margin-left: .25rem;
  display: flex;
}

.uui-badge-group_icon.text-color-primary500 {
  color: var(--untitled-ui--primary700);
  margin-right: -.25rem;
}

.uui-text-size-xlarge {
  color: var(--untitled-ui--gray600);
  font-family: Sf Pro Display, Arial, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 22px;
}

.uui-heroheader17_image-wrapper {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 450px;
  margin-top: 4rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.uui-heroheader17_card-image-01 {
  z-index: 1;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background-image: linear-gradient(45deg, #42307d, #7f56d9);
  border: 1px solid #ffffff80;
  border-radius: 2.25rem;
  width: 35rem;
  position: absolute;
  transform: translate(-20%, 45%)rotate(0);
  box-shadow: 1px 1px 25px 12px #0000000d;
}

.uui-heroheader17_card-image {
  z-index: 1;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background-image: linear-gradient(112deg, #ffffff80, #fff0);
  border: 1px solid #ffffff80;
  border-radius: 2.25rem;
  width: 35rem;
  position: absolute;
  transform: translate(30%, 35%)rotate(30deg);
  box-shadow: 1px 1px 28px 12px #0000000d;
}

.company-header-container {
  overflow: hidden;
}

.uui-heroheader17_image-background {
  background-color: var(--untitled-ui--gray200);
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0% auto;
}

.company-container {
  flex-direction: column;
  align-items: center;
  width: 100%;
  display: flex;
}

.uui-button-secondary-gray-2 {
  grid-column-gap: .5rem;
  border: 1px solid var(--untitled-ui--gray300);
  background-color: var(--untitled-ui--white);
  color: var(--untitled-ui--gray700);
  text-align: center;
  white-space: nowrap;
  border-radius: .5rem;
  justify-content: center;
  align-items: center;
  padding: .625rem 1.125rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
  transition: all .3s;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.uui-button-secondary-gray-2:hover {
  background-color: var(--untitled-ui--gray50-2);
  color: var(--untitled-ui--gray800);
}

.uui-button-secondary-gray-2:focus {
  background-color: var(--untitled-ui--white);
  box-shadow: 0 1px 2px 0 #1018280d, 0 0 0 4px var(--untitled-ui--gray100);
}

.uui-button-secondary-gray-2.is-button-large {
  grid-column-gap: .75rem;
  border-radius: 50rem;
  padding: 12px 32px;
  font-size: 1.125rem;
}

.uui-space-small {
  width: 100%;
  min-height: 1.5rem;
}

.uui-space-large {
  width: 100%;
  min-height: 3rem;
}

.uui-space-xhuge {
  width: 100%;
  min-height: 7rem;
}

.text-block-4600 {
  font-family: Sf Pro Display, Arial, sans-serif;
  font-size: 14px;
  font-weight: 500;
}

.text-block-4601 {
  font-family: Sf Pro Display, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
}

.btn-text-company {
  font-family: Sf Pro Display, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1rem;
}

.text-block-4603 {
  font-family: Sf Pro Display, Arial, sans-serif;
  font-weight: 400;
}

.div-block-1726 {
  grid-column-gap: 28px;
  grid-row-gap: 28px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-1727 {
  background-color: #cfcfcf;
  width: 50%;
  height: 1px;
}

.co-pilot-pills-container {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 70%;
  display: flex;
  position: relative;
}

.t6-copy-copy-copy {
  text-align: center;
  width: 380px;
  max-width: 500px;
  font-family: Sf Pro Display, Arial, sans-serif;
}

.pill-audit-copy-01 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  opacity: 1;
  object-fit: fill;
  background-color: #d66b0014;
  border: 1.5px solid #d66b00;
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  width: auto;
  max-width: none;
  padding: 8px 24px;
  display: flex;
}

.rm-1 {
  box-sizing: border-box;
  aspect-ratio: auto;
  color: #101010;
  text-align: center;
  vertical-align: middle;
  object-fit: fill;
  justify-content: center;
  align-items: center;
  width: 360px;
  max-width: 360px;
  font-family: Sf Pro Display, Arial, sans-serif;
  display: block;
}

.rm2 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  color: #189435;
  text-align: center;
  justify-content: flex-start;
  align-items: center;
  width: 320px;
  font-family: Sf Pro Display, Arial, sans-serif;
  display: flex;
}

.rm3 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  color: #101010;
  text-align: center;
  justify-content: center;
  align-items: center;
  width: 260px;
  font-family: Sf Pro Display, Arial, sans-serif;
  display: flex;
}

.rm-4 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  color: #101010;
  text-align: center;
  justify-content: flex-start;
  align-items: center;
  width: 330px;
  font-family: Sf Pro Display, Arial, sans-serif;
  display: flex;
}

.div-block-1728 {
  background-color: #0000000f;
  border-radius: 12px;
  width: 320px;
  height: 12px;
}

.section-78 {
  width: 100%;
  height: 80vh;
  padding-top: 40px;
  padding-left: 100px;
  padding-right: 100px;
}

.uui-text-align-center-2 {
  text-align: center;
}

.uui-max-width-xlarge {
  width: 100%;
  max-width: 64rem;
}

.uui-container-large-2 {
  width: 100%;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
}

.align-center-2 {
  margin-left: auto;
  margin-right: auto;
}

.uui-page-padding-2 {
  padding-left: 2rem;
  padding-right: 2rem;
}

.uui-max-width-large-2 {
  width: 100%;
  max-width: 48rem;
}

.uui-max-width-large-2.align-center-2 {
  margin-left: auto;
  margin-right: auto;
}

.uui-button-3 {
  grid-column-gap: .5rem;
  border: 1px solid var(--untitled-ui--primary600);
  background-color: var(--untitled-ui--primary600);
  color: var(--untitled-ui--white);
  text-align: center;
  white-space: nowrap;
  border-radius: .5rem;
  justify-content: center;
  align-items: center;
  padding: .625rem 1.125rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
  transition: all .3s;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.uui-button-3:hover {
  border-color: var(--untitled-ui--primary700);
  background-color: var(--untitled-ui--primary700);
}

.uui-button-3:focus {
  background-color: var(--untitled-ui--primary600);
  box-shadow: 0 1px 2px 0 #1018280d, 0 0 0 4px var(--untitled-ui--primary100);
}

.uui-button-3.is-button-large {
  grid-column-gap: .75rem;
  background-color: var(--untitled-ui--primary700);
  border-width: 0;
  border-radius: 100px;
  padding: 1.5rem 2rem;
  font-size: 1.125rem;
}

.uui-heading-xlarge-2 {
  color: var(--untitled-ui--gray900);
  margin-top: 0;
  margin-bottom: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 3.75rem;
  font-weight: 600;
  line-height: 1.2;
}

.uui-heading-xlarge-2.text-color-primary900 {
  color: var(--untitled-ui--gray900);
  text-align: center;
  padding-left: 0;
  padding-right: 0;
  font-family: Sf Pro Display, Arial, sans-serif;
  font-size: 3.5rem;
  font-style: normal;
  font-weight: 400;
  line-height: 4rem;
}

.uui-button-row-2 {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.uui-button-row-2.button-row-center {
  justify-content: center;
}

.uui-button-icon-3 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  min-width: 1.25rem;
  height: 1.25rem;
  min-height: 1.25rem;
  display: flex;
}

.uui-button-icon-3.is-icon-large {
  width: 1.5rem;
  min-width: 1.5rem;
  height: 1.5rem;
  min-height: 1.5rem;
}

.uui-badge-group-2 {
  background-color: var(--untitled-ui--gray100);
  color: var(--untitled-ui--gray700);
  white-space: nowrap;
  mix-blend-mode: multiply;
  border-radius: 10rem;
  align-items: center;
  padding: .25rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: .875rem;
  font-weight: 500;
  line-height: 1.5;
  display: flex;
}

.uui-badge-group-2.is-primary {
  background-color: var(--untitled-ui--primary50);
  color: var(--untitled-ui--primary700);
  white-space: nowrap;
  text-decoration: none;
}

.badge-group_text-wrapper-2 {
  align-items: center;
  padding-left: .75rem;
  padding-right: .75rem;
  display: flex;
}

.uui-badge-group_badge-2 {
  background-color: var(--untitled-ui--white);
  color: var(--untitled-ui--gray700);
  white-space: nowrap;
  border-radius: 1rem;
  align-items: center;
  padding: .125rem .625rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: .875rem;
  font-weight: 500;
  line-height: 1.5;
  display: flex;
}

.uui-badge-group_badge-2.is-primary {
  background-color: var(--untitled-ui--white);
  color: var(--untitled-ui--primary700);
}

.uui-badge-group_icon-2 {
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  margin-left: .25rem;
  display: flex;
}

.uui-badge-group_icon-2.text-color-primary500 {
  color: var(--untitled-ui--primary500);
  margin-right: -.25rem;
}

.uui-text-size-xlarge-2 {
  color: var(--untitled-ui--gray600);
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1.25rem;
  line-height: 1.5;
}

.uui-text-size-xlarge-2.text-color-primary700 {
  color: var(--untitled-ui--gray600);
  padding-left: 40px;
  padding-right: 40px;
  font-family: Sf Pro Display, Arial, sans-serif;
  font-size: 20px;
  font-weight: 300;
  line-height: 28px;
}

.uui-heroheader18_image-wrapper {
  justify-content: center;
  align-items: flex-start;
  height: 30rem;
  margin-top: 4rem;
  display: flex;
  position: relative;
}

.uui-heroheader18_image {
  z-index: 100;
  width: 76rem;
  min-width: 76rem;
  position: relative;
}

.uui-section_heroheader18 {
  background-color: var(--untitled-ui--primary50);
  overflow: hidden;
}

.uui-heroheader18_component {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.uui-button-secondary-gray-3 {
  grid-column-gap: .5rem;
  border: 1px solid var(--untitled-ui--gray300);
  background-color: var(--untitled-ui--white);
  color: var(--untitled-ui--gray700);
  text-align: center;
  white-space: nowrap;
  border-radius: .5rem;
  justify-content: center;
  align-items: center;
  padding: .625rem 1.125rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
  transition: all .3s;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.uui-button-secondary-gray-3:hover {
  background-color: var(--untitled-ui--gray50-2);
  color: var(--untitled-ui--gray800);
}

.uui-button-secondary-gray-3:focus {
  background-color: var(--untitled-ui--white);
  box-shadow: 0 1px 2px 0 #1018280d, 0 0 0 4px var(--untitled-ui--gray100);
}

.uui-button-secondary-gray-3.is-button-large {
  grid-column-gap: .75rem;
  border-radius: 100px;
  padding: 1rem 2rem;
  font-size: 1.125rem;
}

.uui-heroheader18_background {
  z-index: 0;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 100vw;
  display: flex;
  position: absolute;
  inset: 0% auto auto;
  transform: skew(0deg, -7.25deg);
}

.uui-heroheader18_background-grid {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 125rem;
  min-width: 125rem;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.uui-heroheader18_background-grid-section {
  height: 4.5rem;
}

.uui-heroheader18_background-grid-section.background-color-primary200 {
  background-color: var(--untitled-ui--primary200);
}

.uui-heroheader18_background-grid-section.background-color-primary100 {
  background-color: var(--untitled-ui--primary100);
}

.uui-heroheader18_background-grid-section.background-color-primary300, .uui-heroheader18_background-grid-section.background-color-primary300-copy {
  background-color: var(--untitled-ui--primary300);
}

.background-color-primary100 {
  background-color: var(--untitled-ui--primary100);
}

.background-color-primary200 {
  background-color: var(--untitled-ui--primary200);
}

.background-color-primary300 {
  background-color: var(--untitled-ui--primary300);
}

.uui-heroheader18_background-grid-mask {
  z-index: -1;
  background-color: var(--untitled-ui--white);
  width: 100%;
  height: 300%;
  position: absolute;
  inset: auto 0% -267%;
}

.uui-space-small-2 {
  width: 100%;
  min-height: 1.5rem;
}

.uui-space-large-2 {
  width: 100%;
  min-height: 3rem;
}

.uui-space-xhuge-2 {
  width: 100%;
  min-height: 7rem;
}

.rm-wm-header-container {
  background-color: var(--untitled-ui--primary50);
  overflow: hidden;
}

.rm-wm-header-content {
  padding-left: 2rem;
  padding-right: 2rem;
}

.rm-wm-wrapper {
  flex-direction: column;
  align-items: center;
  padding-top: 160px;
  display: flex;
}

.rm-wealth-manager-01 {
  width: 100%;
  height: 80vh;
  padding-top: 40px;
  padding-left: 0;
  padding-right: 0;
}

.rm-wm-content-box {
  text-align: center;
  padding-left: 0;
  padding-right: 0;
}

.rm-wm-text-content {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 64rem;
  display: flex;
}

.text-block-4604 {
  font-family: Sf Pro Display, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1rem;
}

.text-block-4605 {
  font-family: Sf Pro Display, Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
}

.uui-container-large-3 {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 100%;
  margin-left: 0;
  margin-right: 0;
  display: flex;
}

.uui-page-padding-3 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 80px 100px 64px;
  display: flex;
}

.uui-text-size-large {
  color: var(--untitled-ui--gray600);
  letter-spacing: normal;
  font-family: Sf Pro Display, Arial, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
}

.uui-heading-medium {
  color: var(--untitled-ui--gray900);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Sf Pro Display, Arial, sans-serif;
  font-size: 40px;
  font-weight: 300;
  line-height: 48px;
}

.uui-button-4 {
  grid-column-gap: .5rem;
  border: 0px solid var(--untitled-ui--primary600);
  background-color: var(--untitled-ui--primary700);
  color: var(--untitled-ui--white);
  text-align: center;
  white-space: nowrap;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  padding: 1rem 2rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
  transition: all .3s;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.uui-button-4:hover {
  border-color: var(--untitled-ui--primary700);
  background-color: var(--untitled-ui--primary700);
}

.uui-button-4:focus {
  background-color: var(--untitled-ui--primary600);
  box-shadow: 0 1px 2px 0 #1018280d, 0 0 0 4px var(--untitled-ui--primary100);
}

.uui-button-row-3 {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.uui-icon-1x1-xsmall-2 {
  width: 1.5rem;
  height: 1.5rem;
}

.uui-layout08_item-list {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: flex-start;
  margin-top: 2rem;
  margin-bottom: 2.5rem;
  display: flex;
}

.uui-layout08_item {
  display: flex;
}

.uui-layout08_item-icon-wrapper {
  align-self: flex-start;
  margin-right: .75rem;
}

.uui-layout08_image-wrapper {
  width: 60%;
}

.uui-layout08_content {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 40%;
  display: flex;
}

.uui-layout08_component {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  width: 100%;
  display: grid;
}

.key-features-section {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  border-radius: 500px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  margin-left: 0;
  padding: 140px 100px 80px;
  display: flex;
}

.uui-layout08_image {
  border: 0rem solid var(--untitled-ui--gray900);
  border-radius: .5rem;
  width: 100%;
}

.uui-button-secondary-gray-4 {
  grid-column-gap: .5rem;
  border: 1px solid var(--untitled-ui--gray300);
  background-color: var(--untitled-ui--white);
  color: var(--untitled-ui--gray700);
  text-align: center;
  white-space: nowrap;
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  padding: 1rem 2rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
  transition: all .3s;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.uui-button-secondary-gray-4:hover {
  background-color: var(--untitled-ui--gray50-2);
  color: var(--untitled-ui--gray800);
}

.uui-button-secondary-gray-4:focus {
  background-color: var(--untitled-ui--white);
  box-shadow: 0 1px 2px 0 #1018280d, 0 0 0 4px var(--untitled-ui--gray100);
}

.uui-space-xsmall {
  width: 100%;
  min-height: 1rem;
}

.uui-padding-vertical-xhuge {
  padding-top: 7rem;
  padding-bottom: 7rem;
}

.uui-heading-subheading {
  color: var(--untitled-ui--primary700);
  margin-bottom: 0;
  font-family: Sf Pro Display, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1;
}

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

.text-block-4606, .text-block-4607 {
  font-family: Sf Pro Display, Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 16px;
}

.features-title {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 80px 100px 64px;
  display: flex;
}

.features-title-copy {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 140px 0 64px;
  display: flex;
}

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

.paragraph-9 {
  color: var(--untitled-ui--gray600);
  margin-bottom: 0;
  font-family: Sf Pro Display, Arial, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
}

.book-demo-card {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: auto;
  padding: 200px 100px;
  display: flex;
  position: relative;
}

.heading-257 {
  justify-content: center;
  align-items: center;
  font-family: Sf Pro Display, Arial, sans-serif;
  font-size: 40px;
  font-weight: 400;
  display: flex;
}

.link-block-24 {
  z-index: 99;
  background-color: #016cd1;
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  height: auto;
  padding: 20px 40px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.text-block-4608 {
  color: #fff;
  font-family: Sf Pro Display, Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
}

.image-230 {
  position: absolute;
}

.div-block-1731 {
  grid-column-gap: 120px;
  grid-row-gap: 120px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.image-225-copy {
  width: 40%;
  position: absolute;
}

.bg-pattern-copy {
  opacity: .08;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.container-186 {
  width: 100%;
  height: 100%;
}

.div-block-1732 {
  width: 120px;
}

.middleware-horizontal-scroll {
  justify-content: flex-start;
  align-items: center;
  width: auto;
  height: auto;
  max-height: none;
  padding-left: 0;
  padding-right: 0;
  font-family: Sf Pro Display, Arial, sans-serif;
  display: none;
  position: static;
  overflow: visible;
}

.scroll-height {
  width: 100vw;
  height: 200dvh;
  min-height: auto;
  max-height: none;
  padding-left: 0;
  padding-right: 0;
  position: relative;
  top: auto;
  overflow: visible;
}

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

.frame-sticky {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100dvh;
  display: flex;
  position: sticky;
  top: 0;
  overflow: clip;
}

.item-box {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  padding-left: 100px;
  padding-right: 100px;
  display: flex;
}

.mover {
  justify-content: flex-start;
  align-items: center;
  margin-top: 100px;
  display: flex;
}

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

.full-page {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: center;
  align-items: center;
  width: 100dvw;
  padding-left: 100px;
  padding-right: 100px;
  display: flex;
}

.div-block-1734 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: 140px;
  left: 100px;
}

.scroll-text-heading, .scroll-text-heading-copy {
  font-size: 16px;
}

.header-text-container {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.uui-text-style-link {
  color: var(--untitled-ui--gray600);
  text-decoration: underline;
  transition: color .3s;
}

.uui-text-style-link:hover {
  color: var(--untitled-ui--gray700);
}

.uui-container-large-4 {
  width: 100%;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
}

.uui-page-padding-4 {
  padding-left: 2rem;
  padding-right: 2rem;
}

.uui-text-size-large-2 {
  color: var(--untitled-ui--gray600);
  letter-spacing: normal;
  font-family: Sf Pro Display, Arial, sans-serif;
  font-size: 16px;
  line-height: 16px;
}

.uui-form-checkbox-label {
  color: var(--untitled-ui--gray700);
  margin-bottom: 0;
  font-family: Sf Pro Display, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
}

.uui-form-checkbox {
  align-items: center;
  margin-bottom: 0;
  padding-left: 1.25rem;
  display: flex;
}

.uui-heading-medium-2 {
  color: var(--untitled-ui--gray900);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Sf Pro Display, Arial, sans-serif;
  font-size: 32px;
  font-weight: 400;
  line-height: 32px;
}

.uui-field-label {
  color: var(--untitled-ui--gray700);
  margin-bottom: .5rem;
  font-family: Sf Pro Display, Arial, sans-serif;
  font-size: .875rem;
  font-weight: 500;
  line-height: 1.5;
}

.uui-button-5 {
  grid-column-gap: 0px;
  border: 0px solid var(--untitled-ui--primary600);
  background-color: var(--untitled-ui--primary700);
  color: var(--untitled-ui--white);
  text-align: center;
  white-space: nowrap;
  border-radius: 4rem;
  justify-content: center;
  align-items: center;
  width: 160px;
  padding: 20px 40px;
  font-family: Sf Pro Display, Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  text-decoration: none;
  transition: all .3s;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.uui-button-5:hover {
  border-color: var(--untitled-ui--primary700);
  background-color: var(--untitled-ui--primary700);
}

.uui-button-5:focus {
  background-color: var(--untitled-ui--primary600);
  box-shadow: 0 1px 2px 0 #1018280d, 0 0 0 4px var(--untitled-ui--primary100);
}

.uui-form_input {
  border: 1px solid var(--untitled-ui--gray300);
  background-color: var(--untitled-ui--white);
  color: var(--untitled-ui--gray900);
  border-radius: .5rem;
  height: auto;
  min-height: 2.75rem;
  margin-bottom: 0;
  padding: .5rem .875rem;
  font-family: Sf Pro Display, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.5;
  transition: all .3s;
  box-shadow: 0 1px 2px #1018280d;
}

.uui-form_input:focus {
  border-color: var(--untitled-ui--primary300);
  box-shadow: 0 1px 2px 0 #1018280d, 0 0 0 4px var(--untitled-ui--primary100);
  color: var(--untitled-ui--gray900);
}

.uui-form_input::placeholder {
  color: var(--untitled-ui--gray500);
}

.uui-form_input.text-area {
  height: auto;
  min-height: 11.25rem;
  padding-top: .75rem;
  padding-bottom: .75rem;
  overflow: auto;
}

.uui-form_input.error {
  border-color: #b82525;
}

.uui-form-checkbox-icon {
  border: 1px solid var(--untitled-ui--gray300);
  background-color: var(--untitled-ui--white);
  cursor: pointer;
  border-radius: .375rem;
  width: 1.25rem;
  min-width: 1.25rem;
  height: 1.25rem;
  min-height: 1.25rem;
  margin-top: 0;
  margin-left: -1.25rem;
  margin-right: .75rem;
  transition: all .3s;
}

.uui-form-checkbox-icon:hover {
  border-color: var(--untitled-ui--primary700);
  background-color: var(--untitled-ui--primary50);
}

.uui-form-checkbox-icon.w--redirected-checked {
  border-width: 1px;
  border-color: var(--untitled-ui--primary700);
  background-color: var(--untitled-ui--primary50);
  box-shadow: none;
  background-image: url("https://cdn.prod.website-files.com/64100316e1db9e6977ed6b0d/684bf17186b0f0fe31235857_Tick%20-%20Check%20etc.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: .875rem .875rem;
  background-attachment: scroll;
  border-radius: .25rem;
}

.uui-form-checkbox-icon.w--redirected-focus {
  border-color: var(--untitled-ui--primary700);
  background-color: var(--untitled-ui--primary50);
  box-shadow: 0 0 0 4px var(--untitled-ui--primary100);
  border-radius: .25rem;
}

.uui-form-field-wrapper {
  position: relative;
}

.uui-icon-1x1-xsmall-3 {
  color: var(--untitled-ui--gray500);
  width: 1.5rem;
  height: 1.5rem;
}

.success-message-2 {
  background-color: #55da621f;
  border-radius: 12px;
  padding: 1.5rem;
}

.success-text {
  color: #14b324;
  font-family: Sf Pro Display, Arial, sans-serif;
  font-weight: 500;
}

.error-message {
  border-radius: 12px;
  margin-top: 1.5rem;
  padding: 12px 20px;
}

.error-text {
  color: #e23939;
  font-family: Sf Pro Display, Arial, sans-serif;
  font-weight: 500;
}

.uui-contact03_form-wrapper {
  flex-direction: column;
  align-items: stretch;
  width: 50%;
}

.uui-contact03_component {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  place-items: start stretch;
  width: 100%;
  display: flex;
}

.uui-contact03_content {
  width: 50%;
}

.uui-contact03_item {
  align-items: center;
  display: flex;
}

.uui-contact03_icon-wrapper {
  color: var(--untitled-ui--primary600);
  flex: none;
  align-self: flex-start;
  margin-right: 1rem;
}

.uui-contact03_contact-list {
  grid-column-gap: 1rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: flex-start;
  margin-top: 3rem;
  display: flex;
}

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

.uui-section_contact03 {
  height: auto;
  padding-left: 100px;
  padding-right: 100px;
}

.uui-text-style-link-02 {
  color: var(--untitled-ui--gray500);
  font-family: Sf Pro Display, Arial, sans-serif;
  font-weight: 500;
  text-decoration: none;
}

.uui-space-xsmall-2 {
  width: 100%;
  min-height: 1rem;
}

.uui-padding-vertical-xhuge-2 {
  padding-top: 7rem;
  padding-bottom: 7rem;
}

.uui-form-button-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  margin-top: .5rem;
  display: flex;
}

.rootflo-contact-us {
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: auto;
  padding: 100px;
  display: flex;
}

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

.footer-links {
  opacity: .7;
  color: #101010;
  justify-content: flex-start;
  align-items: center;
  width: 124px;
  min-width: auto;
  text-decoration: none;
  display: flex;
}

.footer-links:hover {
  opacity: 1;
}

.footer-link-company {
  opacity: .7;
  color: #101010;
  width: 90px;
  min-width: 24px;
  text-decoration: none;
}

.footer-link-company:hover {
  opacity: 1;
}

.footer-link-company.w--current {
  width: 80px;
}

.footer-links-company {
  opacity: .7;
  color: #101010;
  width: 124px;
  min-width: 24px;
  text-decoration: none;
}

.footer-links-company:hover {
  opacity: 1;
}

.navbar-rootflo-copy {
  border-bottom: 1px solid var(--untitled-ui--gray100);
  background-color: #fff;
  justify-content: space-between;
  align-items: center;
  width: 100vw;
  height: auto;
  min-height: 5rem;
  padding: 0 100px;
  display: flex;
  position: fixed;
}

.dropdown-text {
  color: var(--untitled-ui--gray600);
  letter-spacing: normal;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: .875rem;
  line-height: 1.5;
}

.dropdown-text.hide-mobile-landscape-2 {
  font-family: Sf Pro Display, Arial, sans-serif;
  font-weight: 300;
}

.show-tablet-2 {
  display: none;
}

.uui-button-6 {
  grid-column-gap: .5rem;
  border: 0px solid var(--untitled-ui--primary600);
  background-color: var(--untitled-ui--primary700);
  color: var(--untitled-ui--white);
  text-align: center;
  white-space: nowrap;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 124px;
  padding: 16px 24px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
  transition: all .3s;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.uui-button-6:hover {
  border-color: var(--untitled-ui--primary700);
  background-color: var(--untitled-ui--primary700);
}

.uui-button-6:focus {
  background-color: var(--untitled-ui--primary600);
  box-shadow: 0 1px 2px 0 #1018280d, 0 0 0 4px var(--untitled-ui--primary100);
}

.uui-dropdown-icon-2 {
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  height: 1.25rem;
  margin-right: 1rem;
  display: flex;
  position: absolute;
  inset: auto 0% auto auto;
}

.uui-icon-1x1-xsmall-4 {
  color: var(--untitled-ui--primary700);
  width: 1.5rem;
  height: 1.5rem;
}

.uui-navbar04_dropdown-link-list {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  grid-template-rows: max-content auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  place-items: start;
  width: 100%;
  height: 100%;
  font-family: Sf Pro Display, Arial, sans-serif;
  display: flex;
}

.uui-navbar04_dropdown-content-wrapper {
  z-index: 1;
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  grid-template-rows: min-content;
  grid-template-columns: 1fr;
  grid-auto-rows: min-content;
  grid-auto-columns: 1fr;
  justify-items: stretch;
  width: 100%;
  display: grid;
  position: relative;
}

.uui-navbar04_item-right {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  font-weight: 400;
  display: flex;
}

.uui-navbar04_dropdown-content-left {
  grid-column-gap: 12px;
  grid-row-gap: 0px;
  flex: 1;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: flex-start;
  height: 100%;
  padding: .25rem 2rem .25rem 0;
  display: flex;
}

.uui-navbar04_dropdown-content-right {
  flex: 1;
  max-width: 20rem;
  height: 100%;
  padding-top: 2rem;
  padding-bottom: 2rem;
  padding-left: 2rem;
  display: flex;
  position: relative;
}

.uui-navbar04_icon-holder {
  color: var(--untitled-ui--primary600);
  flex: none;
  justify-content: center;
  align-items: center;
  padding-top: 0;
  display: flex;
}

.uui-navbar04_dropdown-right-overlay-absolute {
  background-color: var(--untitled-ui--gray50-2);
  min-width: 100vw;
  height: 100%;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.uui-navbar04_dropdown-link {
  grid-column-gap: 1rem;
  grid-row-gap: 0px;
  border-radius: .5rem;
  grid-template-rows: auto;
  grid-template-columns: max-content 1fr;
  grid-auto-columns: 1fr;
  align-items: flex-start;
  width: 100%;
  height: 50%;
  padding: 20px 1rem;
  text-decoration: none;
  transition: all .3s;
  display: flex;
}

.uui-navbar04_dropdown-link:hover {
  background-color: var(--untitled-ui--gray50-2);
}

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

.uui-navbar04_component {
  border-bottom: 1px solid var(--untitled-ui--gray100);
  background-color: #fff;
  align-items: center;
  width: 100vw;
  min-height: 5rem;
  padding-left: 100px;
  padding-right: 100px;
  display: flex;
  position: fixed;
}

.uui-navbar04_container {
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 100%;
  height: 100%;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.rootflo-logo {
  padding-left: 0;
}

.rootflo-nav-menu {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex: 1;
  justify-content: flex-end;
  align-items: center;
  margin-left: 0%;
  display: flex;
  position: static;
}

.uui-navbar04_link {
  color: var(--untitled-ui--gray600);
  align-items: center;
  padding: 1.75rem 1rem;
  font-family: Sf Pro Display, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  transition: all .3s;
}

.uui-navbar04_link:hover {
  color: var(--untitled-ui--gray700);
}

.uui-navbar04_link.w--current {
  color: #000;
}

.agents-toggle {
  color: var(--untitled-ui--gray600);
  align-items: center;
  padding: 1.75rem 2.5rem 1.75rem 1rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  transition: all .3s;
  display: flex;
}

.agents-toggle:hover {
  color: var(--untitled-ui--gray700);
}

.uui-navbar04_dropdown-list {
  box-shadow: 0 12px 16px -4px #00000014, 0 4px 6px -2px #10182808;
}

.uui-navbar04_dropdown-list.w--open {
  background-color: #fff;
  width: 100vw;
  min-width: 100vw;
  max-width: 100%;
  padding-left: 150px;
  padding-right: 150px;
  position: absolute;
  inset: 72px auto auto 0%;
  overflow: hidden;
}

.rootflo-nav-right {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: flex;
}

.button-menu-nav {
  padding: 0;
}

.agents-menu-dropdown {
  position: static;
}

.uui-navbar04_text-wrapper {
  grid-column-gap: .5rem;
  grid-row-gap: 0px;
  align-items: center;
  margin-bottom: .25rem;
  display: flex;
}

.uui-button-secondary-gray-5 {
  grid-column-gap: .5rem;
  border: 1px solid var(--untitled-ui--gray300);
  background-color: var(--untitled-ui--white);
  color: var(--untitled-ui--gray700);
  text-align: center;
  white-space: nowrap;
  border-radius: .5rem;
  justify-content: center;
  align-items: center;
  padding: .625rem 1.125rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
  transition: all .3s;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.uui-button-secondary-gray-5:hover {
  background-color: var(--untitled-ui--gray50-2);
  color: var(--untitled-ui--gray800);
}

.uui-button-secondary-gray-5:focus {
  background-color: var(--untitled-ui--white);
  box-shadow: 0 1px 2px 0 #1018280d, 0 0 0 4px var(--untitled-ui--gray100);
}

.uui-button-secondary-gray-5.show-tablet-2 {
  display: none;
}

.uui-button-tertiary-gray-2 {
  grid-column-gap: .5rem;
  color: var(--untitled-ui--gray600);
  white-space: nowrap;
  background-color: #0000;
  border: 1px solid #0000;
  border-radius: .5rem;
  justify-content: center;
  align-items: center;
  padding: .625rem 1.125rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
  transition: all .3s;
  display: flex;
}

.uui-button-tertiary-gray-2:hover {
  background-color: var(--untitled-ui--gray50-2);
  color: var(--untitled-ui--gray700);
}

.uui-button-link-gray {
  grid-column-gap: .5rem;
  color: var(--untitled-ui--gray600);
  white-space: nowrap;
  background-color: #0000;
  justify-content: flex-start;
  align-items: center;
  padding: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
  transition: all .3s;
  display: flex;
}

.uui-button-link-gray:hover {
  color: var(--untitled-ui--gray700);
}

.main-btn-wrapper {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  align-items: center;
  display: flex;
}

.uui-logo_component-2 {
  flex-wrap: nowrap;
  width: 124px;
  height: 2rem;
  display: flex;
}

.uui-logo_logomark-2 {
  border: .1px solid #dae0e8;
  border-radius: .5rem;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 2rem;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 1px 1px #1018280f, 0 1px 2px #1018281a;
}

.uui-styleguide_logomark-bg-2 {
  border-radius: 8px;
  width: 2rem;
  height: 2rem;
  position: absolute;
  inset: 0%;
}

.uui-logo_logomark-blur-2 {
  z-index: 2;
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
  background-color: #fff3;
  border-bottom-right-radius: .5rem;
  border-bottom-left-radius: .5rem;
  width: 100%;
  height: 50%;
  position: absolute;
  inset: 50% 0% 0%;
  overflow: hidden;
}

.uui-logo_logomark-dot-2 {
  z-index: 1;
  background-image: linear-gradient(26.5deg, #6941c6, #53389e);
  border-radius: 50%;
  width: 50%;
  height: 50%;
  position: relative;
}

.uui-logo_logotype-2 {
  flex: none;
  width: 85.5938px;
  height: 100%;
}

.get-started-heading {
  color: var(--untitled-ui--primary600);
  letter-spacing: normal;
  margin-top: 0;
  margin-bottom: .25rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: .875rem;
  font-weight: 600;
}

.get-started-heading.margin-bottom-0 {
  color: var(--untitled-ui--primary700);
  margin-bottom: 0;
  font-family: Sf Pro Display, Arial, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 16px;
}

.uui-badge-small-success-2 {
  grid-column-gap: .25rem;
  background-color: var(--untitled-ui--success50);
  color: var(--untitled-ui--success700);
  white-space: nowrap;
  mix-blend-mode: multiply;
  border-radius: 10rem;
  align-items: center;
  padding: .125rem .5rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: .75rem;
  font-weight: 500;
  display: flex;
}

.dropdown-heading {
  color: var(--untitled-ui--gray900);
  margin-bottom: .25rem;
  font-family: Sf Pro Display, Arial, sans-serif;
  font-size: 18px;
  font-weight: 400;
}

.dropdown-heading.margin-bottom-0 {
  margin-bottom: 0;
}

.rootflo-img-2 {
  flex: none;
  width: auto;
  height: 100%;
  display: none;
}

.text-block-4609 {
  font-family: Sf Pro Display, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
}

.text-block-4610, .text-block-4611 {
  font-family: Sf Pro Display, Arial, sans-serif;
  font-weight: 400;
}

.text-block-4612 {
  font-family: Sf Pro Display, Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 16px;
}

.get-started-text {
  opacity: .7;
  font-family: Sf Pro Display, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
}

.get-started-text:hover {
  opacity: 1;
}

.image-231 {
  width: 18px;
}

.image-232 {
  width: 16px;
}

.navbar-no-shadow-2 {
  z-index: 100;
  background-color: #fff;
  width: 100%;
  padding-left: 100px;
  padding-right: 100px;
  position: fixed;
}

.navbar-no-shadow-container-2 {
  z-index: 5;
  background-color: #0000;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 114%;
  margin-left: 0;
  margin-right: 0;
  padding: 20px 0;
  display: flex;
}

.container-regular-2 {
  width: 100%;
  max-width: 1260px;
  min-height: 30px;
  margin-left: auto;
  margin-right: auto;
}

.navbar-wrapper-2 {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.navbar-brand-2 {
  width: 120px;
}

.nav-menu-wrapper-2 {
  width: 70%;
}

.nav-menu-6 {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0;
  padding-bottom: 0;
  padding-left: 0;
  display: flex;
}

.nav-link-8 {
  color: #1a1b1f;
  letter-spacing: .25px;
  margin-left: 5px;
  margin-right: 5px;
  padding: 5px 10px;
  font-size: 14px;
  line-height: 20px;
  text-decoration: none;
}

.nav-link-8:hover {
  color: #1a1b1fbf;
}

.nav-link-8:focus-visible, .nav-link-8[data-wf-focus-visible] {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 4px;
  outline: 2px solid #0050bd;
}

.nav-dropdown-2 {
  margin-left: 5px;
  margin-right: 5px;
}

.nav-dropdown-toggle-2 {
  letter-spacing: .25px;
  padding: 5px 30px 5px 10px;
  font-size: 14px;
  line-height: 20px;
}

.nav-dropdown-toggle-2:hover {
  color: #1a1b1fbf;
}

.nav-dropdown-toggle-2:focus-visible, .nav-dropdown-toggle-2[data-wf-focus-visible] {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 5px;
  outline: 2px solid #0050bd;
}

.nav-dropdown-icon-2 {
  margin-right: 10px;
}

.nav-dropdown-list-2 {
  background-color: #fff;
  border-radius: 12px;
}

.nav-dropdown-list-2.w--open {
  padding-top: 10px;
  padding-bottom: 10px;
}

.nav-dropdown-list-2.shadow-three.mobile-shadow-hide.w--open {
  width: 503.171%;
}

.nav-dropdown-link-2 {
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 14px;
}

.nav-dropdown-link-2:focus-visible, .nav-dropdown-link-2[data-wf-focus-visible] {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 5px;
  outline: 2px solid #0050bd;
}

.mobile-margin-top-11 {
  justify-content: flex-end;
  align-items: center;
  width: 50%;
  max-width: 50%;
  display: flex;
}

.nav-button-wrapper-2 {
  margin-left: 120px;
}

.button-primary-2 {
  color: #fff;
  letter-spacing: 0;
  text-transform: none;
  background-color: #1a1b1f;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 120px;
  padding: 12px 25px;
  font-family: Sf Pro Display, Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
  transition: all .2s;
  display: flex;
}

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

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

.nav-text-link {
  letter-spacing: 0;
  font-family: Sf Pro Display, Arial, sans-serif;
  font-weight: 400;
}

.uui-text-size-small-2 {
  color: var(--untitled-ui--gray600);
  letter-spacing: normal;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: .875rem;
  line-height: 1.5;
}

.uui-button-7 {
  grid-column-gap: .5rem;
  border: 0px solid var(--untitled-ui--primary600);
  background-color: var(--black);
  color: var(--untitled-ui--white);
  text-align: center;
  white-space: nowrap;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: auto;
  padding: 12px 24px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
  transition: all .3s;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.uui-button-7:hover {
  border-color: var(--untitled-ui--primary700);
  background-color: var(--untitled-ui--primary700);
}

.uui-button-7:focus {
  border-color: var(--black);
  background-color: var(--black);
  box-shadow: none;
}

.uui-icon-1x1-xsmall-5 {
  width: 1.5rem;
  height: 1.5rem;
}

.uui-navbar04_dropdown-link-list-2 {
  grid-column-gap: 0px;
  grid-row-gap: .5rem;
  grid-template-rows: max-content max-content max-content max-content;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.uui-navbar04_dropdown-content-left-2 {
  grid-column-gap: 2rem;
  grid-row-gap: 0px;
  flex: 1;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  padding: 2rem 2rem 2rem 0;
  display: grid;
}

.uui-navbar04_dropdown-content-right-2 {
  flex: 1;
  max-width: 14rem;
  padding-top: 2rem;
  padding-bottom: 2rem;
  padding-left: 2rem;
  display: flex;
  position: relative;
}

.uui-navbar04_icon-holder-2 {
  color: var(--untitled-ui--primary600);
  flex: none;
}

.uui-navbar04_dropdown-right-overlay-absolute-2 {
  background-color: var(--untitled-ui--gray50-2);
  min-width: 100vw;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.uui-navbar04_dropdown-link-2 {
  grid-column-gap: 1rem;
  grid-row-gap: 0px;
  border-radius: .5rem;
  grid-template-rows: auto;
  grid-template-columns: max-content 1fr;
  grid-auto-columns: 1fr;
  align-items: flex-start;
  padding: .75rem;
  text-decoration: none;
  transition: all .3s;
  display: grid;
}

.uui-navbar04_dropdown-link-2:hover {
  background-color: var(--untitled-ui--gray50-2);
}

.uui-navbar04_dropdown-content-2 {
  width: 100%;
  display: flex;
}

.rootflo-final-navbar {
  border-bottom: 1px solid var(--untitled-ui--gray100);
  background-color: #fff;
  align-items: center;
  width: 100vw;
  max-width: 1203vw;
  min-height: 5rem;
  padding: 0 100px;
  display: flex;
  position: fixed;
}

.rootflo-navbar_container {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 100%;
  height: 100%;
  margin-left: 0;
  margin-right: 0;
  display: flex;
}

.rootflo-menu-link {
  color: var(--untitled-ui--gray600);
  align-items: center;
  padding: 1.75rem 1rem;
  font-family: Sf Pro Display, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  transition: all .3s;
}

.rootflo-menu-link:hover {
  color: var(--untitled-ui--gray700);
}

.rootflo-menu-link.w--current {
  color: #000;
}

.agents-dropdown {
  margin-top: -10px;
  padding-left: 100px;
  padding-right: 100px;
  top: -50px;
  box-shadow: 0 12px 16px -4px #00000014, 0 4px 6px -2px #10182808;
}

.agents-dropdown.w--open {
  background-color: #fff;
  justify-content: center;
  align-items: center;
  width: 100vw;
  min-width: 100vw;
  max-width: 100%;
  padding: 20px 100px;
  display: flex;
  position: absolute;
  inset: 72px auto auto 0%;
  overflow: hidden;
}

.rootflo-logo-box {
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  height: 2rem;
  display: flex;
}

.rootflo-img {
  flex: none;
  width: auto;
  height: 100%;
}

.uui-navbar04_heading {
  color: var(--untitled-ui--primary600);
  letter-spacing: normal;
  margin-top: 0;
  margin-bottom: .25rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: .875rem;
  font-weight: 600;
}

.uui-navbar04_heading.margin-bottom-0 {
  margin-bottom: 0;
}

.uui-navbar04_item-heading {
  color: var(--untitled-ui--gray900);
  margin-bottom: .25rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-weight: 600;
}

.uui-navbar04_item-heading.margin-bottom-0 {
  margin-bottom: 0;
}

.text-block-4613 {
  font-family: Sf Pro Display, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.text-block-4614 {
  font-family: Sf Pro Display, Arial, sans-serif;
  font-weight: 400;
}

.product-drop-down {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.agents-dropdown-copy {
  margin-top: -10px;
  padding-left: 0;
  top: -20px;
  box-shadow: 0 12px 16px -4px #00000014, 0 4px 6px -2px #10182808;
}

.agents-dropdown-copy.w--open {
  background-color: #fff;
  width: 100vw;
  min-width: 100vw;
  max-width: 100%;
  padding: 20px 100px;
  position: absolute;
  inset: 72px auto auto 0%;
  overflow: hidden;
}

.nav-element-box {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  background-color: #f6f8fc;
  border-radius: 24px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 30%;
  height: auto;
  padding: 40px;
  display: flex;
}

.div-block-1737 {
  justify-content: center;
  align-items: flex-start;
  width: 80%;
  height: 100%;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.image-237 {
  object-fit: fill;
  width: 100%;
}

.image-238 {
  width: 100%;
  height: auto;
}

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

.use-case-inside {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  padding-bottom: 0;
  padding-left: 0;
  display: flex;
}

.div-block-1738 {
  width: 100%;
  height: auto;
}

.background-video-2 {
  width: 100%;
  height: 20rem;
  overflow: visible;
}

.italic-text {
  font-style: normal;
}

.text-highlight-section {
  background-color: #fff;
  justify-content: flex-start;
  align-items: center;
  width: 100vw;
  height: 60vh;
  padding: 32px 100px;
  display: flex;
}

.div-block-1739 {
  width: 70%;
}

.text-overview {
  font-family: Sf Pro Display, Arial, sans-serif;
  font-size: 32px;
  font-weight: 300;
  line-height: 40px;
}

.italic-text-2 {
  font-style: normal;
}

.uui-heading-xlarge-2-copy {
  color: var(--untitled-ui--gray900);
  margin-top: 0;
  margin-bottom: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 3.75rem;
  font-weight: 600;
  line-height: 1.2;
}

.uui-heading-xlarge-2-copy.text-color-primary900 {
  color: var(--untitled-ui--gray900);
  text-align: center;
  margin-bottom: .5rem;
  padding-left: 0;
  padding-right: 0;
  font-family: Sf Pro Display, Arial, sans-serif;
  font-size: 2.5rem;
  font-style: normal;
  font-weight: 400;
  line-height: 3rem;
}

.key-feature-text {
  color: var(--untitled-ui--gray600);
  text-align: center;
  letter-spacing: normal;
  height: auto;
  font-family: Sf Pro Display, Arial, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 22px;
}

.uui-container-large-5 {
  width: 100%;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
}

.key-features-container {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.key-feature-title {
  color: var(--untitled-ui--gray900);
  text-align: center;
  letter-spacing: 0;
  height: auto;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Sf Pro Display, Arial, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
}

.uui-button-row-4 {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  color: var(--untitled-ui--primary700);
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.key-feature-01 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  background-color: #fff;
  border-radius: 20px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 32px;
  display: flex;
  box-shadow: -2px 2px 20px #0000000a;
}

.key-feature-01:hover {
  box-shadow: -4px 8px 40px #0000001f;
}

.uui-layout35_image-wrapper {
  background-color: #fff;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 80px;
  height: 80px;
  margin-bottom: 0;
  padding: 0;
  display: flex;
  position: relative;
}

.uui-layout35_image-wrapper._01, .uui-layout35_image-wrapper._02 {
  background-color: #fff;
  padding: 0;
}

.key-features-grid {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  display: grid;
}

.key-features {
  display: block;
}

.uui-button-link-2 {
  grid-column-gap: .5rem;
  color: var(--untitled-ui--primary700);
  white-space: nowrap;
  background-color: #0000;
  justify-content: center;
  align-items: center;
  padding: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
  transition: all .3s;
  display: flex;
}

.uui-button-link-2:hover {
  color: var(--untitled-ui--primary800);
}

.uui-button-icon-4 {
  color: var(--untitled-ui--primary700);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1rem;
  min-width: 1rem;
  height: 1rem;
  min-height: 1rem;
  font-size: 12px;
  display: flex;
}

.uui-button-icon-4:hover {
  color: var(--untitled-ui--primary700);
}

.uui-layout35_image {
  background-color: #1b78d600;
  border-radius: 0;
}

.uui-space-small-3 {
  width: 100%;
  min-height: 1.5rem;
}

.uui-space-xxsmall {
  width: 100%;
  min-height: .5rem;
}

.uui-padding-vertical-xhuge-3 {
  justify-content: center;
  align-items: center;
  height: auto;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.text-block-4616 {
  font-family: Sf Pro Display, Arial, sans-serif;
  font-weight: 500;
}

.text-block-4616:hover {
  color: var(--untitled-ui--primary700);
}

.feature-contentbox {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.text-block-4617 {
  color: var(--untitled-ui--primary700);
  justify-content: center;
  align-items: center;
  font-family: Sf Pro Display, Arial, sans-serif;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  display: flex;
}

.link-block-25 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: none;
}

.bold-text-8 {
  height: auto;
  max-height: none;
  font-size: 24px;
  font-weight: 400;
}

.bold-text-9 {
  height: auto;
  font-size: 24px;
  font-weight: 400;
}

.uui-text-size-medium {
  color: var(--untitled-ui--gray600);
  letter-spacing: normal;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  line-height: 1.5;
}

.uui-text-align-center-3 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.uui-page-padding-5 {
  padding-left: 0;
  padding-right: 0;
}

.uui-max-width-large-3 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 48rem;
  display: flex;
}

.uui-text-size-large-3 {
  opacity: .8;
  color: var(--untitled-ui--white);
  letter-spacing: normal;
  font-family: Sf Pro Display, Arial, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.5;
}

.uui-heading-xxsmall {
  color: var(--untitled-ui--white);
  text-align: left;
  letter-spacing: normal;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Sf Pro Display, Arial, sans-serif;
  font-size: 20px;
  font-weight: 300;
  line-height: 1.5;
}

.uui-heading-medium-3 {
  color: var(--untitled-ui--white);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Sf Pro Display, Arial, sans-serif;
  font-size: 28px;
  font-weight: 300;
  line-height: 28px;
}

.uui-button-8 {
  grid-column-gap: .5rem;
  border: 1px solid var(--untitled-ui--primary600);
  background-color: var(--untitled-ui--primary600);
  color: var(--untitled-ui--white);
  text-align: center;
  white-space: nowrap;
  border-radius: .5rem;
  justify-content: center;
  align-items: center;
  padding: .625rem 1.125rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
  transition: all .3s;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.uui-button-8:hover {
  border-color: var(--untitled-ui--primary700);
  background-color: var(--untitled-ui--primary700);
}

.uui-button-8:focus {
  background-color: var(--untitled-ui--primary600);
  box-shadow: 0 1px 2px 0 #1018280d, 0 0 0 4px var(--untitled-ui--primary100);
}

.uui-button-row-5 {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.uui-button-row-5.button-row-center {
  justify-content: center;
}

.uui-icon-1x1-xsmall-6 {
  color: var(--untitled-ui--success700);
  width: 1.5rem;
  height: 1.5rem;
}

.uui-layout84_left {
  grid-column-gap: 2rem;
  grid-row-gap: 8rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  width: 100%;
}

.uui-layout84_right {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: auto;
  height: 100%;
  display: flex;
}

.uui-layout84_item {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  text-align: center;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.uui-layout84_component {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.uui-layout84_content-bottom {
  grid-column-gap: 80px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.5fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  place-items: center;
  width: 100%;
  height: auto;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 24px;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
}

.benefits-section {
  width: 100vw;
  padding: 80px 100px;
}

.uui-button-secondary-gray-6 {
  grid-column-gap: .5rem;
  border: 1px solid var(--untitled-ui--gray300);
  background-color: var(--untitled-ui--white);
  color: var(--untitled-ui--gray700);
  text-align: center;
  white-space: nowrap;
  border-radius: .5rem;
  justify-content: center;
  align-items: center;
  padding: .625rem 1.125rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
  transition: all .3s;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.uui-button-secondary-gray-6:hover {
  background-color: var(--untitled-ui--gray50-2);
  color: var(--untitled-ui--gray800);
}

.uui-button-secondary-gray-6:focus {
  background-color: var(--untitled-ui--white);
  box-shadow: 0 1px 2px 0 #1018280d, 0 0 0 4px var(--untitled-ui--gray100);
}

.uui-icon-featured-outline-large {
  border: 0rem solid var(--untitled-ui--primary50);
  background-color: var(--white);
  color: var(--untitled-ui--primary600);
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 2.5rem;
  height: 2.5rem;
  display: flex;
}

.uui-layout84_image-wrapper {
  justify-content: center;
  align-items: center;
  width: 20%;
  height: auto;
  display: flex;
  position: relative;
}

.uui-layout84_image {
  object-fit: cover;
  height: 100%;
  max-height: 100%;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
}

.uui-layout84_image-blob {
  z-index: -1;
  color: var(--untitled-ui--gray800);
  width: 32rem;
  height: auto;
  position: absolute;
  top: 0%;
}

.uui-space-xsmall-3 {
  width: 100%;
  min-height: 1rem;
}

.benefits-container {
  background-color: #101010;
  border-radius: 44px;
  padding-top: 40px;
  padding-bottom: 40px;
  position: relative;
}

.uui-heading-subheading-2 {
  color: var(--untitled-ui--primary300);
  margin-bottom: .75rem;
  font-family: Sf Pro Display, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
}

.text-block-4618 {
  color: var(--untitled-ui--gray400);
  font-size: 24px;
}

.uui {
  color: var(--untitled-ui--gray500);
  margin-bottom: .75rem;
  font-family: Sf Pro Display, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
}

.features-text-box {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.block-coming-soon {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.coming-soon-text {
  color: var(--untitled-ui--primary700);
  margin-bottom: .25rem;
  font-family: Sf Pro Display, Arial, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 14px;
}

.coming-soon-text.margin-bottom-0 {
  margin-bottom: 0;
}

.team-role {
  color: var(--untitled-ui--primary700);
  letter-spacing: normal;
  font-family: Sf Pro Display, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
}

.team-role.text-color-primary700 {
  color: var(--untitled-ui--primary700);
}

.team-role.team-background {
  color: var(--untitled-ui--gray700);
  text-align: left;
  font-weight: 300;
}

.uui-container-large-6 {
  width: 100%;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
}

.uui-page-padding-6 {
  padding-left: 2rem;
  padding-right: 2rem;
}

.teams-header-box {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 48rem;
  display: flex;
}

.teams-subtext {
  color: var(--untitled-ui--gray600);
  letter-spacing: normal;
  font-family: Sf Pro Display, Arial, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 20px;
}

.uui-heading-medium-4 {
  color: var(--untitled-ui--gray900);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Sf Pro Display, Arial, sans-serif;
  font-size: 40px;
  font-weight: 400;
  line-height: 1.3;
}

.uui-button-9 {
  grid-column-gap: .5rem;
  border: 0px solid var(--untitled-ui--primary600);
  background-color: var(--untitled-ui--primary700);
  color: var(--untitled-ui--white);
  text-align: center;
  white-space: nowrap;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  padding: 20px 40px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
  transition: all .3s;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.uui-button-9:hover {
  border-color: var(--untitled-ui--primary700);
  background-color: var(--untitled-ui--primary700);
}

.uui-button-9:focus {
  background-color: var(--untitled-ui--primary600);
  box-shadow: 0 1px 2px 0 #1018280d, 0 0 0 4px var(--untitled-ui--primary100);
}

.social-icon {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1.5rem;
  height: 1.5rem;
  display: flex;
}

.uui-button-row-6 {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.social-link {
  color: var(--untitled-ui--gray400);
  transition: all .3s;
}

.social-link:hover {
  color: var(--untitled-ui--gray500);
}

.uui-team06_component {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  background-color: #0000;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: auto;
  margin-top: 4rem;
  padding-bottom: 0;
  display: flex;
  position: static;
}

.teams-section {
  width: 100vw;
  padding-left: 100px;
  padding-right: 100px;
  overflow: hidden;
}

.uui-team06_image {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.uui-team06_image-wrapper {
  width: 100%;
  margin-bottom: 1.5rem;
  padding-top: 100%;
  position: relative;
  overflow: hidden;
}

.uui-team06_social {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  grid-template-rows: auto;
  grid-template-columns: max-content;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  align-self: flex-start;
  margin-top: 1.5rem;
  display: grid;
}

.team-founders {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 24%;
  display: flex;
}

.uui-team06_slide {
  margin-right: 2rem;
}

.uui-team06_mask {
  width: 31%;
  overflow: visible;
}

.uui-team06_slide-nav {
  height: 1.75rem;
  font-size: .5rem;
  inset: auto auto 0% 0%;
}

.uui-button-icon-5 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  min-width: 1.25rem;
  height: 1.25rem;
  min-height: 1.25rem;
  display: flex;
}

.uui-button-icon-5.is-icon-large {
  width: 1.5rem;
  min-width: 1.5rem;
  height: 1.5rem;
  min-height: 1.5rem;
}

.uui-team06_arrow {
  border: 1px solid var(--untitled-ui--gray200);
  color: var(--untitled-ui--gray500);
  background-color: #fff;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 3rem;
  height: 3rem;
  transition: all .3s;
  display: flex;
  inset: auto 0% 0% auto;
}

.uui-team06_arrow:hover {
  background-color: var(--untitled-ui--gray50-2);
}

.uui-team06_arrow.left {
  right: 4rem;
}

.career-secondary-button {
  grid-column-gap: .5rem;
  border: 1px solid var(--untitled-ui--gray300);
  background-color: var(--untitled-ui--white);
  color: var(--untitled-ui--gray700);
  text-align: center;
  white-space: nowrap;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  padding: 12px 24px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
  transition: all .3s;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.career-secondary-button:hover {
  background-color: var(--untitled-ui--gray50-2);
  color: var(--untitled-ui--gray800);
}

.career-secondary-button:focus {
  background-color: var(--untitled-ui--white);
  box-shadow: 0 1px 2px 0 #1018280d, 0 0 0 4px var(--untitled-ui--gray100);
}

.uui-space-xsmall-4 {
  width: 100%;
  min-height: 1rem;
}

.uui-space-medium {
  width: 100%;
  min-height: 2rem;
}

.team-name {
  color: var(--untitled-ui--gray900);
  letter-spacing: normal;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Sf Pro Display, Arial, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.5;
}

.teams-container {
  width: 100%;
  padding-top: 7rem;
  padding-bottom: 7rem;
}

.hiring-subline {
  color: var(--untitled-ui--primary700);
  margin-bottom: .75rem;
  font-family: Sf Pro Display, Arial, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 14px;
}

.teams-header {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.text-block-4619 {
  font-family: Sf Pro Display, Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
}

.teams-name-box {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.team-info-box {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.block-quote {
  font-family: Sf Pro Display, Arial, sans-serif;
  font-size: 16px;
}

.career-description {
  color: var(--untitled-ui--gray600);
  letter-spacing: normal;
  font-family: Sf Pro Display, Arial, sans-serif;
  font-size: 1rem;
  line-height: 1.5;
}

.rootflo-career-box {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-left: 100px;
  padding-right: 100px;
  display: flex;
}

.uui-container-small {
  width: 100%;
  max-width: 48rem;
  margin-left: auto;
  margin-right: auto;
}

.career-subtext {
  color: var(--untitled-ui--gray600);
  letter-spacing: normal;
  font-family: Sf Pro Display, Arial, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
}

.careers-title {
  color: var(--untitled-ui--gray900);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Sf Pro Display, Arial, sans-serif;
  font-size: 40px;
  font-weight: 500;
  line-height: 44px;
}

.uui-button-10 {
  grid-column-gap: .5rem;
  border: 0px solid var(--untitled-ui--primary600);
  background-color: var(--untitled-ui--primary700);
  color: var(--untitled-ui--white);
  text-align: center;
  white-space: nowrap;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  padding: 12px 24px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
  transition: all .3s;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.uui-button-10:hover {
  border-color: var(--untitled-ui--primary700);
  background-color: var(--untitled-ui--primary700);
}

.uui-button-10:focus {
  background-color: var(--untitled-ui--primary600);
  box-shadow: 0 1px 2px 0 #1018280d, 0 0 0 4px var(--untitled-ui--primary100);
}

.uui-career06_list-wrapper {
  overflow: hidden;
}

.rootflo-career-list {
  grid-column-gap: 0rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.rootflo-careers {
  width: 100vw;
  padding-left: 100px;
  padding-right: 100px;
}

.uui-career06_component {
  margin-top: 4rem;
}

.uui-badge {
  grid-column-gap: .375rem;
  background-color: var(--untitled-ui--gray100);
  color: var(--untitled-ui--gray700);
  white-space: nowrap;
  border-radius: 10rem;
  align-items: center;
  padding: .125rem .625rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: .875rem;
  font-weight: 500;
  line-height: 1.5;
  text-decoration: none;
  display: flex;
}

.uui-badge.is-success {
  background-color: var(--untitled-ui--success50);
  color: var(--untitled-ui--success700);
}

.uui-badge.is-blue {
  background-color: var(--untitled-ui--blue50);
  color: var(--untitled-ui--blue700);
  font-size: .875rem;
  font-weight: 500;
}

.uui-badge.is-pink {
  background-color: var(--untitled-ui--pink50);
  color: var(--untitled-ui--pink700);
}

.uui-badge.is-indigo {
  background-color: var(--untitled-ui--indigo50);
  color: var(--untitled-ui--indigo700);
}

.uui-badge.is-orange {
  background-color: var(--untitled-ui--orange50);
  color: var(--untitled-ui--orange700);
}

.badge-dot {
  color: var(--untitled-ui--gray500);
  justify-content: center;
  align-items: center;
  display: flex;
}

.badge-dot.text-color-warning500 {
  color: var(--untitled-ui--warning500);
}

.badge-dot.text-color-indigo500 {
  color: var(--untitled-ui--indigo500);
}

.badge-dot.text-color-success500 {
  color: var(--untitled-ui--success500);
}

.badge-dot.text-color-pink500 {
  color: var(--untitled-ui--pink500);
}

.badge-dot.text-color-blue500 {
  color: var(--untitled-ui--blue500);
}

.career-listing {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  border: 1px solid var(--untitled-ui--gray200);
  border-radius: 1rem;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  padding: 20px;
  display: flex;
  overflow: hidden;
}

.uui-career06_job-details-wrapper {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  display: flex;
}

.uui-career06_detail-wrapper {
  color: var(--untitled-ui--gray600);
  align-items: center;
  margin-right: 1.5rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-weight: 500;
  display: flex;
}

.uui-career06_icon-wrapper {
  flex: none;
  margin-right: .5rem;
}

.uui-career06_icon {
  color: var(--untitled-ui--gray400);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  height: 1.25rem;
  display: flex;
}

.career-label {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-direction: row;
  align-items: center;
  display: flex;
}

.career-container {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-top: 7rem;
  padding-bottom: 7rem;
  display: flex;
}

.career-title-wrapper {
  grid-column-gap: .5rem;
  grid-row-gap: 1rem;
  cursor: pointer;
  flex-flow: row;
  align-items: center;
  margin-bottom: .5rem;
  display: flex;
}

.career-title {
  color: var(--untitled-ui--gray900);
  letter-spacing: normal;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Sf Pro Display, Arial, sans-serif;
  font-size: 18px;
  font-weight: 500;
}

.text-block-4620 {
  font-family: Sf Pro Display, Arial, sans-serif;
  font-size: 14px;
}

.career-wrapper {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.text-block-4621, .text-block-4622, .text-block-4623, .text-block-4624 {
  font-family: Sf Pro Display, Arial, sans-serif;
}

.btn-text {
  font-family: Sf Pro Display, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
}

.view-btn {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  opacity: .6;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.view-btn:hover {
  opacity: 1;
}

.text-block-4625 {
  color: var(--untitled-ui--gray300);
  font-family: Sf Pro Display, Arial, sans-serif;
  font-weight: 300;
}

.bg-grid-pattern {
  z-index: 0;
  opacity: .05;
  height: 100%;
  position: absolute;
  inset: 0% 0% auto;
}

.image-239 {
  width: auto;
  height: auto;
}

.image-240 {
  width: auto;
  height: 60%;
}

.bg-grid-pattern-copy {
  z-index: 0;
  opacity: .04;
  width: 100%;
  height: auto;
  position: absolute;
  inset: 0% 0% auto;
}

.real-time-assist-main {
  width: 100%;
  height: 80vh;
  padding-top: 40px;
  padding-left: 0;
  padding-right: 0;
}

.real-time-header-section {
  background-color: var(--untitled-ui--primary50);
  width: 100vw;
  overflow: hidden;
}

.real-time-container {
  width: 100%;
  padding-left: 0;
  padding-right: 0;
}

.real-time-wrapper {
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding-top: 120px;
  padding-left: 100px;
  padding-right: 100px;
  display: flex;
}

.real-time-header-box {
  text-align: center;
  padding-left: 0;
  padding-right: 0;
}

.real-time-content {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 64rem;
  display: flex;
}

.uui-text-size-medium-2 {
  color: var(--untitled-ui--gray600);
  letter-spacing: normal;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  line-height: 1.5;
}

.uui-max-width-small {
  width: 100%;
  max-width: 30rem;
}

.uui-button-11 {
  grid-column-gap: .5rem;
  border: 1px solid var(--untitled-ui--primary600);
  background-color: var(--untitled-ui--primary600);
  color: var(--untitled-ui--white);
  text-align: center;
  white-space: nowrap;
  border-radius: .5rem;
  justify-content: center;
  align-items: center;
  padding: .625rem 1.125rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
  transition: all .3s;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.uui-button-11:hover {
  border-color: var(--untitled-ui--primary700);
  background-color: var(--untitled-ui--primary700);
}

.uui-button-11:focus {
  background-color: var(--untitled-ui--primary600);
  box-shadow: 0 1px 2px 0 #1018280d, 0 0 0 4px var(--untitled-ui--primary100);
}

.uui-button-11.is-button-large {
  grid-column-gap: .75rem;
  background-color: var(--untitled-ui--primary700);
  border-width: 0;
  border-radius: 100px;
  padding: 1.5rem 2rem;
  font-size: 1.125rem;
}

.uui-heading-xlarge-3 {
  color: var(--untitled-ui--gray900);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Sf Pro Display, Arial, sans-serif;
  font-size: 3.5rem;
  font-weight: 400;
  line-height: 4rem;
}

.uui-ratings_component {
  align-items: center;
  display: flex;
}

.ratings_wrapper {
  margin-left: 1rem;
}

.ratings_stars-wrapper {
  justify-content: flex-start;
  align-items: center;
  margin-bottom: .125rem;
  display: flex;
}

.uui-ratings_stars {
  width: 100%;
  height: 1.25rem;
  margin-right: .5rem;
}

.uui-text-size-xlarge-3 {
  color: var(--untitled-ui--gray600);
  font-family: Sf Pro Display, Arial, sans-serif;
  font-size: 20px;
  font-weight: 300;
  line-height: 28px;
}

.uui-heroheader10_image-wrapper {
  justify-content: center;
  align-items: flex-end;
  width: 40%;
  height: 40rem;
  display: flex;
  position: relative;
}

.uui-heroheader10_image {
  z-index: 1;
  border-radius: 24px;
  width: 100%;
  max-width: 19.75rem;
  position: relative;
  bottom: -12%;
  right: 0;
  box-shadow: -4px 4px 32px #0000001f;
}

.uui-heroheader10_notification-image-wrapper {
  z-index: 2;
  width: 23rem;
  position: absolute;
  inset: auto auto -3% -20%;
}

.uui-heroheader10_notification-image-wrapper.hide-mobile-landscape-3 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-radius: 32px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: auto;
  height: auto;
  display: flex;
  bottom: 5%;
  left: -20%;
}

.uui-heroheader10_notification-image-01 {
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  border-radius: 20px;
  width: 20rem;
  min-width: 20rem;
  margin-bottom: .75rem;
  box-shadow: -4px 4px 32px #0000001f;
}

.uui-heroheader10_notification-image-02 {
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  border-radius: 20px;
  width: 20rem;
  min-width: 20rem;
  margin-bottom: .75rem;
  box-shadow: -4px 4px 20px #0000001f;
}

.uui-heroheader10_notification-image-03 {
  opacity: .75;
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  border-radius: .5rem;
  width: 20rem;
  min-width: 20rem;
  margin-bottom: .75rem;
}

.uui-heroheader10_notification-image-04 {
  opacity: .5;
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  border-radius: .5rem;
  width: 20rem;
  min-width: 20rem;
  margin-bottom: 0;
}

.uui-section_heroheader10 {
  background-color: var(--untitled-ui--gray50-2);
}

.uui-heroheader10_image-background {
  z-index: 0;
  background-color: var(--untitled-ui--gray100);
  border-radius: 500px;
  position: absolute;
  inset: 0%;
}

.real-time-content-box {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.uui-heroheader10_content {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 40%;
  display: flex;
}

.uui-button-secondary-gray-7 {
  grid-column-gap: .5rem;
  border: 1px solid var(--untitled-ui--gray300);
  background-color: var(--untitled-ui--white);
  color: var(--untitled-ui--gray700);
  text-align: center;
  white-space: nowrap;
  border-radius: .5rem;
  justify-content: center;
  align-items: center;
  padding: .625rem 1.125rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
  transition: all .3s;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.uui-button-secondary-gray-7:hover {
  background-color: var(--untitled-ui--gray50-2);
  color: var(--untitled-ui--gray800);
}

.uui-button-secondary-gray-7:focus {
  background-color: var(--untitled-ui--white);
  box-shadow: 0 1px 2px 0 #1018280d, 0 0 0 4px var(--untitled-ui--gray100);
}

.uui-button-secondary-gray-7.is-button-large {
  grid-column-gap: .75rem;
  padding: 1rem 1.75rem;
  font-size: 1.125rem;
}

.uui-avatar-group_component {
  grid-column-gap: 0rem;
  flex-wrap: nowrap;
  align-items: center;
  padding-right: 1rem;
  display: flex;
}

.uui-avatar-group_item {
  border: 2px solid var(--untitled-ui--white);
  background-color: var(--untitled-ui--white);
  border-radius: 50%;
  width: 2.75rem;
  height: 2.75rem;
  margin-right: -1rem;
}

.uui-heroheader10_image-inner-wrapper {
  justify-content: center;
  align-items: flex-start;
  display: flex;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.uui-space-small-4 {
  width: 100%;
  min-height: 1.5rem;
}

.uui-space-large-3 {
  width: 100%;
  min-height: 3rem;
}

.uui-padding-vertical-xhuge-4 {
  padding-top: 7rem;
  padding-bottom: 7rem;
}

.uui-ratings_number {
  color: var(--untitled-ui--gray700);
  letter-spacing: normal;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 600;
}

.real-time-title-box {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.text-block-4626 {
  font-family: Sf Pro Display, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1rem;
}

.benefits-section-w-wo {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  padding: 80px 100px;
  display: flex;
}

.without-rootflo {
  background-color: #101010;
  border-radius: 32px;
  justify-content: center;
  align-items: center;
  width: 50%;
  height: 100%;
  max-height: 100%;
  padding: 40px;
  display: flex;
  position: relative;
}

.with-rootfo {
  border: 1px solid var(--untitled-ui--gray200);
  background-color: var(--untitled-ui--gray50-2);
  border-radius: 32px;
  width: 50%;
  padding: 40px;
  position: relative;
}

.uui-heading-medium-3-copy {
  color: var(--untitled-ui--gray900);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Sf Pro Display, Arial, sans-serif;
  font-size: 28px;
  font-weight: 300;
  line-height: 28px;
}

._01-benfits-title {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  width: 100%;
  max-width: 48rem;
  font-size: 28px;
  line-height: 28px;
  display: flex;
}

.benfits-title {
  color: var(--untitled-ui--white);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Sf Pro Display, Arial, sans-serif;
  font-size: 32px;
  font-weight: 300;
  line-height: 40px;
}

.feature-02-subtext {
  color: var(--untitled-ui--gray400);
  font-family: Sf Pro Display, Arial, sans-serif;
  font-weight: 300;
  line-height: 18px;
}

.text-block-4627 {
  text-align: center;
  width: 100%;
}

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

.image-241, .image-242 {
  width: 50%;
}

.bg-grid-pattern-copy-copy {
  z-index: 0;
  opacity: .12;
  height: 100%;
  position: absolute;
  inset: 0% 0% auto;
}

.key-features-copy {
  display: block;
}

.italic-text-3 {
  font-size: 2.5rem;
  font-style: normal;
  font-weight: 400;
  line-height: 3rem;
}

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

.div-block-1740 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.paragraph-10 {
  color: var(--untitled-ui--gray400);
  text-align: center;
  font-family: Sf Pro Display, Arial, sans-serif;
}

.div-block-1741 {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.heading-258 {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Sf Pro Display, Arial, sans-serif;
  font-size: 40px;
  font-weight: 400;
  line-height: 56px;
}

.featurea-title-container {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.feature-02-subtext-copy {
  color: var(--untitled-ui--gray600);
  margin-bottom: 0;
  font-family: Sf Pro Display, Arial, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 18px;
}

.div-block-1742 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 30%;
  display: flex;
}

.gold-audit-main {
  width: 100%;
  height: auto;
  padding-top: 40px;
  padding-left: 0;
  padding-right: 0;
}

.benefits-container-gain {
  background-color: #101010;
  border-radius: 44px;
  padding-top: 40px;
  padding-bottom: 40px;
  position: relative;
}

.key-features-container-real-time {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.key-features-grid-real-time {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  display: flex;
}

.key-features-section-gold-audit {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  border-radius: 500px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  margin-left: 0;
  padding: 140px 100px 80px;
  display: flex;
}

.key-features-container-gold-audit {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.key-features-grid-gold-audit {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  display: flex;
}

.benefits-section-gold-audit {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 90vh;
  padding: 40px 100px;
  display: flex;
}

.uui-text-align-center-4 {
  text-align: center;
}

.uui-max-width-xlarge-2 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 64rem;
  display: flex;
}

.uui-container-large-7 {
  width: 100%;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
}

.align-center-3 {
  margin-left: auto;
  margin-right: auto;
}

.uui-page-padding-7 {
  padding-left: 2rem;
  padding-right: 2rem;
}

.uui-max-width-large-4 {
  width: 100%;
  max-width: 48rem;
}

.uui-max-width-large-4.align-center-3 {
  margin-left: auto;
  margin-right: auto;
  font-family: Sf Pro Display, Arial, sans-serif;
}

.uui-button-12 {
  grid-column-gap: .5rem;
  border: 1px solid var(--untitled-ui--primary600);
  background-color: var(--untitled-ui--primary600);
  color: var(--untitled-ui--white);
  text-align: center;
  white-space: nowrap;
  border-radius: .5rem;
  justify-content: center;
  align-items: center;
  padding: .625rem 1.125rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
  transition: all .3s;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.uui-button-12:hover {
  border-color: var(--untitled-ui--primary700);
  background-color: var(--untitled-ui--primary700);
}

.uui-button-12:focus {
  background-color: var(--untitled-ui--primary600);
  box-shadow: 0 1px 2px 0 #1018280d, 0 0 0 4px var(--untitled-ui--primary100);
}

.uui-button-12.is-button-large {
  grid-column-gap: .75rem;
  background-color: var(--untitled-ui--primary700);
  border-width: 0;
  border-radius: 100px;
  padding: 1.5rem 2rem;
  font-size: 1.125rem;
}

.uui-heading-xlarge-4 {
  color: var(--untitled-ui--gray900);
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Sf Pro Display, Arial, sans-serif;
  font-size: 3.5rem;
  font-weight: 400;
  line-height: 4rem;
}

.uui-button-row-7 {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.uui-button-row-7.button-row-center {
  justify-content: center;
}

.uui-button-icon-6 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  min-width: 1.25rem;
  height: 1.25rem;
  min-height: 1.25rem;
  display: flex;
}

.uui-button-icon-6.is-icon-large {
  width: 1.5rem;
  min-width: 1.5rem;
  height: 1.5rem;
  min-height: 1.5rem;
}

.uui-badge-group-3 {
  background-color: var(--untitled-ui--gray100);
  color: var(--untitled-ui--gray700);
  white-space: nowrap;
  mix-blend-mode: multiply;
  border-radius: 10rem;
  align-items: center;
  padding: .25rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: .875rem;
  font-weight: 500;
  line-height: 1.5;
  display: flex;
}

.uui-badge-group-3.is-primary {
  background-color: var(--untitled-ui--primary50);
  color: var(--untitled-ui--primary700);
  white-space: nowrap;
  text-decoration: none;
}

.badge-group_text-wrapper-3 {
  align-items: center;
  padding-left: .75rem;
  padding-right: .75rem;
  display: flex;
}

.uui-badge-group_badge-3 {
  background-color: var(--untitled-ui--white);
  color: var(--untitled-ui--gray700);
  white-space: nowrap;
  border-radius: 1rem;
  align-items: center;
  padding: .125rem .625rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: .875rem;
  font-weight: 500;
  line-height: 1.5;
  display: flex;
}

.uui-badge-group_badge-3.is-primary {
  background-color: var(--untitled-ui--white);
  color: var(--untitled-ui--primary700);
}

.uui-badge-group_icon-3 {
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  margin-left: .25rem;
  display: flex;
}

.uui-badge-group_icon-3.text-color-primary500 {
  color: var(--untitled-ui--primary500);
  margin-right: -.25rem;
}

.uui-text-size-xlarge-4 {
  color: var(--untitled-ui--gray600);
  text-align: center;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 20px;
}

.uui-heroheader17_image-wrapper-2 {
  background-color: #f7f9fd;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  margin-top: 0;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
  position: relative;
}

.uui-heroheader17_card-image-01-2 {
  z-index: 1;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background-image: linear-gradient(45deg, #42307d, #7f56d9);
  border: 1px solid #ffffff80;
  border-radius: 2.25rem;
  width: 35rem;
  position: absolute;
  transform: translate(-20%, 45%)rotate(0);
  box-shadow: 1px 1px 25px 12px #0000000d;
}

.uui-heroheader17_card-image-2 {
  z-index: 1;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background-image: linear-gradient(112deg, #ffffff80, #fff0);
  border: 1px solid #ffffff80;
  border-radius: 2.25rem;
  width: 35rem;
  position: absolute;
  transform: translate(30%, 35%)rotate(30deg);
  box-shadow: 1px 1px 28px 12px #0000000d;
}

.gold-audit-header {
  padding-top: 100px;
  overflow: hidden;
}

.uui-heroheader17_image-background-2 {
  z-index: -1;
  background-color: var(--untitled-ui--gray200);
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0% auto;
}

.gold-audit-container {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.uui-button-secondary-gray-8 {
  grid-column-gap: .5rem;
  border: 1px solid var(--untitled-ui--gray300);
  background-color: var(--untitled-ui--white);
  color: var(--untitled-ui--gray700);
  text-align: center;
  white-space: nowrap;
  border-radius: .5rem;
  justify-content: center;
  align-items: center;
  padding: .625rem 1.125rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
  transition: all .3s;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.uui-button-secondary-gray-8:hover {
  background-color: var(--untitled-ui--gray50-2);
  color: var(--untitled-ui--gray800);
}

.uui-button-secondary-gray-8:focus {
  background-color: var(--untitled-ui--white);
  box-shadow: 0 1px 2px 0 #1018280d, 0 0 0 4px var(--untitled-ui--gray100);
}

.uui-button-secondary-gray-8.is-button-large {
  grid-column-gap: .75rem;
  padding: 1rem 1.75rem;
  font-size: 1.125rem;
}

.uui-space-small-5 {
  width: 100%;
  min-height: 1.5rem;
}

.uui-space-large-4 {
  width: 100%;
  min-height: 3rem;
}

.uui-space-xhuge-3 {
  width: 100%;
  min-height: 7rem;
}

.div-block-1743 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.text-block-4628 {
  font-family: Sf Pro Display, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1rem;
}

.image-243 {
  width: 70%;
}

.container-188 {
  z-index: 99;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: center;
  align-items: center;
  width: 70%;
  height: 100%;
  margin-left: 0;
  margin-right: 0;
  display: flex;
  position: relative;
}

.div-block-1744 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.cca-01 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: #171b20;
  border: .5px solid #3a3f47;
  border-radius: 16px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 100%;
  height: auto;
  padding: 20px;
  display: flex;
}

.cca-01:hover {
  background-color: #171b20;
}

.div-block-1745-copy {
  background-color: #111317;
  flex-flow: column;
  justify-content: space-between;
  width: 100%;
  height: 40%;
  padding: 32px 32px 20px;
  display: flex;
}

.div-block-1745-copy:hover {
  background-color: var(--untitled-ui--gray900);
}

.div-block-1745-copy {
  border-radius: 16px;
  width: 100%;
  height: 40%;
}

.text-block-4629 {
  text-align: left;
  font-family: Sf Pro Display, Arial, sans-serif;
  font-size: 18px;
  font-weight: 400;
}

.paragraph-11 {
  color: var(--untitled-ui--gray200);
  text-align: left;
  margin-bottom: 0;
  font-family: Sf Pro Display, Arial, sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 28px;
}

.div-block-1746 {
  background-color: #006cd100;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 2px;
  display: flex;
  position: absolute;
  inset: 15% 0% auto;
}

.div-block-1747 {
  background-color: var(--untitled-ui--primary700);
  width: 80vh;
  height: 100%;
}

.div-block-1748 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: #101010;
  border-radius: 32px;
  flex-flow: row;
  width: 100%;
  height: 100%;
  padding: 80px;
  display: flex;
  position: relative;
}

.left-align {
  color: #fff;
  text-align: left;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Sf Pro Display, Arial, sans-serif;
  font-size: 40px;
  font-weight: 400;
  line-height: 52px;
}

.left-align-sub {
  color: var(--untitled-ui--gray400);
  text-align: left;
  margin-bottom: 0;
  font-family: Sf Pro Display, Arial, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 22px;
}

.div-block-1742-copy {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.uui-heading-subheading-2-copy {
  color: var(--untitled-ui--primary700);
  margin-bottom: .75rem;
  font-family: Sf Pro Display, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
}

.benefits-pointers {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  justify-content: center;
  align-items: flex-start;
  width: auto;
  height: 100%;
  display: flex;
}

.gold-audit-content {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 30%;
  display: flex;
}

.text-block-4630 {
  color: var(--untitled-ui--gray500);
  text-align: left;
  text-decoration: none;
  display: none;
}

.link-block-26 {
  text-align: left;
  text-decoration: none;
}

.cc-main-body {
  width: 100%;
  height: auto;
  padding-top: 40px;
  padding-left: 0;
  padding-right: 0;
}

.cc-header-container {
  padding-top: 100px;
  overflow: hidden;
}

.key-features-section-cc-audit {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  border-radius: 500px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  margin-left: 0;
  padding: 140px 100px 120px;
  display: flex;
}

.italic-text-4 {
  font-style: normal;
  font-weight: 300;
}

.uui-container-large-8 {
  width: 100%;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
}

.uui-page-padding-8 {
  padding-left: 2rem;
  padding-right: 2rem;
}

.uui-max-width-small-2 {
  width: 100%;
  max-width: 30rem;
}

.uui-button-13 {
  grid-column-gap: .5rem;
  border: 1px solid var(--untitled-ui--primary600);
  background-color: var(--untitled-ui--primary600);
  color: var(--untitled-ui--white);
  text-align: center;
  white-space: nowrap;
  border-radius: .5rem;
  justify-content: center;
  align-items: center;
  padding: .625rem 1.125rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
  transition: all .3s;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.uui-button-13:hover {
  border-color: var(--untitled-ui--primary700);
  background-color: var(--untitled-ui--primary700);
}

.uui-button-13:focus {
  background-color: var(--untitled-ui--primary600);
  box-shadow: 0 1px 2px 0 #1018280d, 0 0 0 4px var(--untitled-ui--primary100);
}

.uui-button-13.is-button-large {
  grid-column-gap: .75rem;
  background-color: var(--untitled-ui--primary700);
  border-width: 0;
  border-radius: 100px;
  height: auto;
  padding: 1.5rem 2rem;
  font-size: 1.125rem;
}

.cc-heading {
  color: var(--untitled-ui--gray900);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Sf Pro Display, Arial, sans-serif;
  font-size: 3.5rem;
  font-weight: 400;
  line-height: 4rem;
}

.uui-button-row-8 {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.uui-button-icon-7 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  min-width: 1.25rem;
  height: 1.25rem;
  min-height: 1.25rem;
  display: flex;
}

.uui-button-icon-7.is-icon-large {
  width: 1.5rem;
  min-width: 1.5rem;
  height: 1.5rem;
  min-height: 1.5rem;
}

.uui-text-size-xlarge-5 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  color: var(--untitled-ui--gray600);
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  font-family: Sf Pro Display, Arial, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.5;
  display: flex;
}

.cc-audit-hero {
  width: 100vw;
  overflow: hidden;
}

.uui-heroheader09_component {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  width: 100%;
  padding: 100px 100px 80px;
  display: grid;
}

.uui-heroheader09_content {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.uui-heroheader09_image-wrapper {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
  position: relative;
}

.uui-heroheader09_image {
  width: 100%;
  height: 100%;
}

.uui-heroheader09_image._01 {
  border-top-right-radius: 7rem;
}

.uui-heroheader09_image._02 {
  border-bottom-left-radius: 7rem;
}

.uui-heroheader09_image._03 {
  border-top-left-radius: 7rem;
}

.uui-heroheader09_image._04 {
  border-radius: 50%;
}

.uui-heroheader09_image._05 {
  border-top-left-radius: 7rem;
  border-bottom-left-radius: 7rem;
}

.uui-heroheader09_image._06 {
  border-top-right-radius: 7rem;
  border-bottom-left-radius: 7rem;
}

.uui-heroheader09_image._07 {
  border-bottom-right-radius: 7rem;
  border-bottom-left-radius: 7rem;
}

.uui-heroheader09_image._08 {
  border-top-right-radius: 7rem;
  border-bottom-left-radius: 7rem;
}

.uui-heroheader09_image._09 {
  border-top-right-radius: 7rem;
}

.uui-heroheader09_image._10 {
  border-radius: 50%;
}

.uui-heroheader09_image._11 {
  border-top-left-radius: 7rem;
  border-bottom-right-radius: 7rem;
}

.uui-button-secondary-gray-9 {
  grid-column-gap: .5rem;
  border: 1px solid var(--untitled-ui--gray300);
  background-color: var(--untitled-ui--white);
  color: var(--untitled-ui--gray700);
  text-align: center;
  white-space: nowrap;
  border-radius: .5rem;
  justify-content: center;
  align-items: center;
  padding: .625rem 1.125rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
  transition: all .3s;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.uui-button-secondary-gray-9:hover {
  background-color: var(--untitled-ui--gray50-2);
  color: var(--untitled-ui--gray800);
}

.uui-button-secondary-gray-9:focus {
  background-color: var(--untitled-ui--white);
  box-shadow: 0 1px 2px 0 #1018280d, 0 0 0 4px var(--untitled-ui--gray100);
}

.uui-button-secondary-gray-9.is-button-large {
  grid-column-gap: .75rem;
  padding: 1rem 1.75rem;
  font-size: 1.125rem;
}

.uui-space-small-6 {
  width: 100%;
  min-height: 1.5rem;
}

.uui-space-large-5 {
  width: 100%;
  min-height: 3rem;
}

.uui-padding-vertical-xhuge-5 {
  padding-top: 7rem;
  padding-bottom: 7rem;
}

.text-block-4631 {
  height: auto;
  font-family: Sf Pro Display, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1rem;
}

.italic-text-5 {
  font-style: normal;
  font-weight: 400;
}

.link-block-27 {
  background-color: var(--untitled-ui--primary700);
  border-radius: 100px;
  padding: 1.5rem 2rem;
  text-decoration: none;
}

.text-block-4632 {
  color: #fff;
  width: auto;
  font-size: 1rem;
  line-height: 1rem;
  text-decoration: none;
}

.div-block-1749 {
  border: 1px solid #000;
  border-radius: 100px;
  padding: 20px 40px;
}

.text-block-4633 {
  font-size: 16px;
}

.link-block-28 {
  border: 1px solid #000;
  border-radius: 100px;
  padding: 1.5rem 2rem;
  text-decoration: none;
}

.text-block-4634 {
  color: #101010;
  font-size: 1rem;
  line-height: 1rem;
}

.flowappz-cookie-consent-hide-cookie-button {
  color: #333;
  cursor: pointer;
  background-color: #fff;
  border-radius: 100%;
  width: 48px;
  height: 48px;
  padding: 10px;
  font-family: Arial, sans-serif;
  font-size: 14px;
  font-weight: normal;
  text-decoration: underline;
  display: block;
  position: fixed;
  bottom: 2%;
  left: 2%;
  box-shadow: 0 2px 5px #0003;
}

.flowappz-cookie-consent-hide-cookie-button:hover {
  box-shadow: 0 5px 30px #0003;
}

.benefits-section-cc-audit {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 90vh;
  margin-top: 80px;
  margin-bottom: 40px;
  padding: 0 100px 40px;
  display: flex;
}

.cc-container {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: #101010;
  border-radius: 32px;
  flex-flow: column;
  width: 100%;
  height: auto;
  padding: 80px 0;
  display: flex;
  position: relative;
}

.cc-content-wrapper {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-left: 80px;
  padding-right: 80px;
  display: flex;
}

.cc-benefits-grid {
  z-index: 99;
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 40%;
  max-width: 100%;
  height: 100%;
  margin-left: 0;
  margin-right: 0;
  display: flex;
  position: relative;
}

.featurea-title-container-cc {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.paragraph-11-copy {
  color: var(--untitled-ui--gray400);
  text-align: left;
  text-align: left;
  text-align: left;
  margin-bottom: 0;
  font-family: Sf Pro Display, Arial, sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 28px;
}

.golduadit-benefits {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: #101010;
  border-radius: 32px;
  flex-flow: row;
  width: 100%;
  height: 100%;
  padding: 80px;
  display: flex;
  position: relative;
}

.goldaudit-benefits-box {
  z-index: 99;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 70%;
  height: 100%;
  margin-left: 0;
  margin-right: 0;
  display: flex;
  position: relative;
}

.benefits-goldaudit, .benefits-goldaudit-02 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 50%;
  display: flex;
}

.ga-01 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: #171b20;
  border: .5px solid #3a3f47;
  border-radius: 16px;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 50%;
  max-width: 33%;
  height: 100%;
  padding: 32px;
  display: flex;
}

.ga-01:hover {
  background-color: var(--untitled-ui--gray800);
}

.ga-02 {
  background-color: #171b20;
  border: .5px solid #171b20;
  border-radius: 16px;
  flex-flow: column;
  justify-content: space-between;
  width: 50%;
  height: 100%;
  padding: 32px 32px 20px;
  display: flex;
}

.ga-02:hover {
  background-color: var(--untitled-ui--gray800);
}

.ga-03 {
  border-radius: 16px;
  width: 50%;
  height: 100%;
}

.ga-04 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: #171b20;
  border: .5px solid #3a3f47;
  border-radius: 16px;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 50%;
  max-width: 33%;
  height: 100%;
  padding: 32px;
  display: flex;
}

.ga-04:hover {
  background-color: var(--untitled-ui--gray800);
}

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

.number-text {
  color: var(--untitled-ui--white);
  font-size: 4rem;
  line-height: 64px;
}

.div-block-1751, .div-block-1752, .div-block-1753 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.cc-benefits-with-img {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: center;
  align-items: center;
  padding-right: 80px;
  display: flex;
}

.div-block-1754 {
  width: 60%;
}

.div-block-1755 {
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
}

.success-message-3 {
  background-color: #ffffff1f;
  border-radius: 100px;
}

.text-block-4635 {
  color: #4aff5c;
  font-family: Sf Pro Display, Arial, sans-serif;
}

.error-message-2 {
  border-radius: 12px;
  padding: 12px 20px;
}

.text-block-4636 {
  color: #cf4040;
  text-align: center;
  font-family: Sf Pro Display, Arial, sans-serif;
  font-weight: 500;
}

.success-message-4 {
  background-color: #ffffff1f;
  border-radius: 100px;
}

.text-block-4637 {
  color: #4aff5c;
  font-family: Sf Pro Display, Arial, sans-serif;
}

.error-message-3 {
  border-radius: 12px;
  padding: 12px 20px;
}

.text-block-4638 {
  color: #cf4040;
  font-family: Sf Pro Display, Arial, sans-serif;
  font-weight: 500;
}

.section-79 {
  width: 100vw;
  height: auto;
  padding: 40px 100px;
}

.is-sticky {
  position: sticky;
  top: 0;
}

.content-wrapper-2 {
  max-width: 840px;
  margin-left: auto;
  margin-right: auto;
}

.main-heading {
  text-align: center;
  letter-spacing: -.03em;
  margin-top: 0;
  margin-bottom: 10px;
}

.tab-text {
  font-size: 16px;
  line-height: 1.6;
}

.tab-heading {
  margin-bottom: 5px;
  font-size: 22px;
  font-weight: 600;
  line-height: 36px;
}

.section-80 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 4rem;
  padding-bottom: 4rem;
  position: relative;
}

.tab-line {
  border-left: 2px dashed #e5e5e5;
  height: 34vh;
  position: absolute;
  top: 65px;
  left: 36px;
}

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

.box-shadow-image.v3 {
  z-index: -2;
  position: absolute;
  inset: 0%;
}

.box-shadow-image.v2 {
  z-index: -1;
  position: absolute;
  inset: 0%;
}

.container-189 {
  width: 90%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

.container-189.sticky {
  height: 350vh;
  position: relative;
}

.scroll-image-box {
  border-radius: 20px;
  width: 600px;
  height: 405px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 20px 65px -20px #5f677526;
}

.number-box {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  margin-bottom: 5px;
  display: flex;
}

.inner-content-box {
  border-radius: 20px;
  position: sticky;
  top: 80px;
}

.content-main-box {
  flex-direction: column;
  justify-content: space-between;
  max-width: 420px;
  display: flex;
  position: relative;
}

.tab-scroll {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  justify-content: space-between;
  align-items: stretch;
  margin-top: 6rem;
  display: flex;
  position: static;
  top: 100px;
}

.number-block {
  z-index: 5;
  color: #000;
  background-color: #7bf4e0;
  border: 1.5px solid #7bf4e0;
  border-radius: 18px;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 70px;
  height: 70px;
  font-size: 26px;
  font-weight: 600;
  line-height: 40px;
  display: flex;
  position: relative;
}

.quick-stack-3 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex: 0 auto;
  width: 100%;
  padding: 0;
}

.gallery-scroll {
  background-color: #f5f7fa;
  border-bottom: 1px solid #e4ebf3;
  padding: 80px 30px;
  position: relative;
}

.container-190 {
  width: 100%;
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
}

.gallery-wrapper {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  display: grid;
}

.gallery-sticky {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: sticky;
  top: 80px;
}

.gallery-link {
  color: #1a1b1f;
  margin-bottom: 35px;
  font-size: 24px;
  line-height: 32px;
  text-decoration: none;
}

.gallery-link:hover {
  color: #1a1b1fcc;
}

.gallery-link.w--current {
  font-weight: 600;
}

.gallery-grid {
  grid-row-gap: 40px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.gallery-image-wrapper {
  position: relative;
}

.gallery-image {
  width: 100%;
}

.gallery-image-text {
  color: #f5f7fa;
  margin-bottom: 0;
  position: absolute;
  bottom: 16px;
  left: 16px;
  right: 16px;
}

.grid {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  grid-template-columns: 1fr 1fr 1fr;
  width: 100%;
}

.feature-wrapper {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-color: #ffffff0a;
  border-radius: 24px;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 33%;
  max-width: none;
  height: 100%;
  margin-left: 0;
  margin-right: 0;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  overflow: clip;
}

.features-container {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-flow: row;
  place-content: center;
  place-items: center;
  width: 100%;
}

.feature-grid {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.feature-title-box-50 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  position: relative;
}

.feature-title-box-50.vertical {
  width: 100%;
  max-width: 100%;
  height: 100%;
  padding-top: 16px;
  padding-right: 0;
}

.feature-box-001, .feature-box-002 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.image-245 {
  height: auto;
}

.feature-box-003 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.feagfeature-title-box-copy {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 40%;
  height: auto;
  padding-top: 0;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  position: relative;
}

.feagfeature-title-box-copy.vertical {
  width: 100%;
  max-width: 100%;
  height: 100%;
  padding-top: 16px;
  padding-right: 0;
}

.hero-buttons {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.demo-btn.secondary {
  color: #fff;
  border: 1px solid #fff;
  border-radius: 100px;
  padding: 1.5rem 2rem;
  font-family: Sf Pro Display, Arial, sans-serif;
  text-decoration: none;
}

.heading-259 {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Sf Pro Display, Arial, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
}

.paragraph-12 {
  margin-bottom: 0;
  font-family: Sf Pro Display, Arial, sans-serif;
  font-weight: 300;
  line-height: 18px;
}

.link-14 {
  color: var(--untitled-ui--primary700);
  text-decoration: none;
}

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

.div-block-1757 {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  min-height: auto;
  max-height: none;
  display: flex;
}

.background-video-3 {
  width: 100%;
  height: auto;
}

.background-video-4 {
  mix-blend-mode: screen;
  margin-top: -200px;
}

.text-block-4639 {
  width: auto;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1rem;
}

.background-video-5 {
  mix-blend-mode: lighten;
  width: 100%;
  margin-top: 0;
}

.header-hero-title-box {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.text-block-4640 {
  font-size: 1rem;
  line-height: 1rem;
}

.header-main-wrapper-copy {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 1200vw;
  height: auto;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.ai-agents-tab-container {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.agent-name {
  color: #101010;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
}

.agent-name.current {
  color: #fff;
}

.text-block-4642 {
  font-size: 1rem;
  line-height: 1.5rem;
}

.star-ai-shape {
  color: #101010;
  font-size: 1rem;
  line-height: 1.5rem;
}

.star-ai-shape.current {
  color: #fff;
}

.agents-tabs-menu {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.agent-tab-link {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  opacity: .5;
  color: #fff;
  background-color: #fff;
  border: 1px solid #000;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  padding: 0 0;
  display: flex;
  overflow: hidden;
}

.agent-tab-link.w--current {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  opacity: 1;
  color: #101010;
  background-color: #fff;
  border: 1px solid #000;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  padding: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.tab-pane-tab-1-3 {
  width: 100%;
}

.div-block-1758 {
  justify-content: center;
  align-items: center;
  width: auto;
  display: flex;
}

.agent-content-box {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.agent-tab-name {
  z-index: 99;
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: #fff0;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  margin: 2px;
  padding: .8rem 1rem;
  display: flex;
  position: relative;
}

.div-block-1759 {
  z-index: 1;
  background-color: #101010;
  width: .5rem;
  height: 4rem;
  position: absolute;
  inset: 0% auto auto 0%;
}

.agentname {
  color: #101010;
  width: auto;
  max-width: none;
  font-size: 1.5rem;
  line-height: 2rem;
  display: none;
}

.scroll-section {
  background-color: #fff;
  border-bottom: 0 solid #e4ebf3;
  width: 100%;
  padding: 0 100px;
  position: relative;
}

.scroll-section-wrapper {
  width: 100%;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.scroll-wrapper {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  margin-bottom: 0;
  padding-bottom: 80px;
  display: flex;
}

.gallery-sticky-2 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 60%;
  height: 80vh;
  padding-top: 80px;
  padding-bottom: 80px;
  display: flex;
  position: sticky;
  top: 80px;
}

.gallery-link-2 {
  color: #1a1b1f;
  margin-bottom: 35px;
  font-size: 24px;
  line-height: 32px;
  text-decoration: none;
}

.gallery-link-2:hover {
  color: #1a1b1fcc;
}

.gallery-link-2.w--current {
  font-weight: 600;
}

.gallery-grid-2 {
  grid-row-gap: 40px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 35%;
  display: grid;
}

.gallery-image-wrapper-2 {
  position: relative;
}

.gallery-image-2 {
  width: 100%;
}

.gallery-image-text-2 {
  color: #f5f7fa;
  margin-bottom: 0;
  position: absolute;
  bottom: 16px;
  left: 16px;
  right: 16px;
}

.background-video-6 {
  width: 100%;
  height: 24rem;
  position: absolute;
}

.image-246 {
  width: 100%;
  height: auto;
  position: relative;
}

.gold-uw-body {
  width: 100%;
  height: auto;
  padding-top: 40px;
  padding-left: 0;
  padding-right: 0;
}

.gold-uw-hero {
  width: 100vw;
  overflow: hidden;
}

.guw-title-box {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.key-features-section-guw {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  border-radius: 500px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  margin-left: 0;
  padding: 140px 100px 120px;
  display: flex;
}

.guw-heading {
  color: var(--untitled-ui--gray900);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Sf Pro Display, Arial, sans-serif;
  font-size: 3.5rem;
  font-weight: 400;
  line-height: 4rem;
}

.cc-header-box {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.benefits-guw {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 90vh;
  margin-top: 80px;
  margin-bottom: 40px;
  padding: 0 100px 40px;
  display: flex;
}

.guw-benefits {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: #101010;
  border-radius: 32px;
  flex-flow: column;
  width: 100%;
  height: auto;
  padding: 80px 0;
  display: flex;
  position: relative;
}

.guw-benefits-wrapper {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-left: 80px;
  padding-right: 80px;
  display: flex;
}

.guw-benefits-content {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  justify-content: center;
  align-items: center;
  padding-left: 80px;
  padding-right: 80px;
  display: flex;
}

.guw-before-box {
  z-index: 99;
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 40%;
  max-width: 100%;
  height: auto;
  margin-left: 0;
  margin-right: 0;
  display: flex;
  position: relative;
}

.guw-after-box {
  z-index: 99;
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 40%;
  max-width: 100%;
  height: 100%;
  margin-left: 0;
  margin-right: 0;
  display: flex;
  position: relative;
}

.div-block-1760 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.text-block-4644 {
  color: var(--untitled-ui--gray500);
  font-family: Sf Pro Display, Arial, sans-serif;
  font-size: 1rem;
  line-height: 1rem;
}

.trad-t {
  color: var(--untitled-ui--gray400);
  text-align: left;
  margin-bottom: 0;
  font-family: Sf Pro Display, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.5rem;
}

.paragraph-11-copy-copy {
  color: var(--untitled-ui--gray400);
  text-align: left;
  text-align: left;
  margin-bottom: 0;
  font-family: Sf Pro Display, Arial, sans-serif;
  font-size: 1.2rem;
  font-weight: 300;
  line-height: 1.5rem;
}

.guw-after-wrap {
  z-index: 99;
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 40%;
  max-width: 100%;
  height: auto;
  margin-left: 0;
  margin-right: 0;
  display: flex;
  position: relative;
}

.bold-t {
  color: var(--black);
  font-weight: 300;
}

.text-block-4644-copy {
  color: #d2e3ff;
  font-family: Sf Pro Display, Arial, sans-serif;
  font-size: 1rem;
  line-height: 1rem;
}

.cca-02 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: #d2e3ff;
  border: .5px solid #3a3f47;
  border-radius: 16px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 100%;
  height: auto;
  padding: 20px;
  display: flex;
}

.cca-02:hover {
  background-color: #d8e9ff;
}

.after-text {
  font-family: Sf Pro Display, Arial, sans-serif;
  font-size: 1.2rem;
  line-height: 1.5rem;
}

.after-line {
  color: #000;
  text-align: left;
  margin-bottom: 0;
  font-family: Sf Pro Display, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.5rem;
}

.tick-before {
  border: 1.5px solid var(--untitled-ui--gray400);
  border-radius: 4px;
  width: 1rem;
  height: 1rem;
}

.tick-after {
  border: 1.5px solid var(--black);
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  display: flex;
}

.tick-blue {
  color: var(--black);
  font-family: Sf Pro Display, Arial, sans-serif;
  font-size: 12px;
  font-weight: 600;
}

.div-block-1761 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.image-247 {
  width: 1.2rem;
}

.div-block-1762 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.div-block-1763 {
  background-color: #2aff3f;
  border-radius: 100px;
  width: 1.2rem;
  height: 1.2rem;
}

.text-block-4645 {
  color: #24ff6d;
}

.dpa-section {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  padding: 0 100px 40px;
  display: flex;
}

.paragraph-13 {
  margin-bottom: 0;
  font-family: Sf Pro Display, Arial, sans-serif;
  font-size: 1rem;
  line-height: 1.5rem;
}

.paragraph-14, .paragraph-15 {
  font-family: Sf Pro Display, Arial, sans-serif;
  font-size: 1rem;
  line-height: 1.5rem;
}

.paragraph-16 {
  font-family: Sf Pro Display, Arial, sans-serif;
}

.link-15 {
  color: var(--untitled-ui--primary700);
  font-family: Sf Pro Display, Arial, sans-serif;
  text-decoration: none;
}

.heading-260 {
  font-family: Sf Pro Display, Arial, sans-serif;
  font-size: 1.2rem;
  font-weight: 600;
  line-height: 1.2rem;
}

.paragraph-17 {
  font-family: Sf Pro Display, Arial, sans-serif;
  font-size: 1rem;
  line-height: 1.5rem;
}

.heading-261 {
  font-family: Sf Pro Display, Arial, sans-serif;
  font-weight: 600;
}

.bold-text-11 {
  font-family: Sf Pro Display, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5rem;
}

.paragraph-18, .paragraph-19 {
  font-family: Sf Pro Display, Arial, sans-serif;
  font-size: 1rem;
  line-height: 1.5rem;
}

.list {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  font-family: Sf Pro Display, Arial, sans-serif;
  font-size: 1rem;
  line-height: 1.5rem;
  display: flex;
}

.paragraph-20, .para-privacy-policy {
  font-family: Sf Pro Display, Arial, sans-serif;
  font-size: 1rem;
  line-height: 1.5rem;
}

.heading-262, .heading-263, .heading-264, .heading-265, .heading-266, .heading-267, .heading-268, .heading-269, .heading-270, .heading-271, .heading-272, .heading-273, .heading-274, .heading-275 {
  font-family: Sf Pro Display, Arial, sans-serif;
  font-weight: 600;
}

.dpa-paragraph {
  text-align: left;
  width: 100%;
  margin-bottom: 15px;
  font-family: Sf Pro Display, Arial, sans-serif;
  font-size: 1rem;
  line-height: 1.5rem;
}

.dpa-heading-text {
  font-family: Sf Pro Display, Arial, sans-serif;
  font-size: 1.3rem;
  font-weight: 600;
  line-height: 1.3rem;
}

.bold-text-12 {
  font-size: 1.5rem;
  line-height: 1.5rem;
}

.div-block-1764 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  padding-top: 40px;
  display: flex;
}

.dpa-pointers {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.div-block-1765 {
  background-color: #101010;
  border-radius: 100px;
  width: 8px;
  height: 8px;
  margin-top: 8px;
}

.dpa-pointer-text {
  margin-bottom: 0;
  font-family: Sf Pro Display, Arial, sans-serif;
  font-size: 1rem;
  line-height: 1.5rem;
}

.link-16 {
  color: var(--untitled-ui--primary700);
  text-decoration: none;
}

.list-2 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.dpa-sub-heading {
  font-family: Sf Pro Display, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1rem;
}

.bullet-abc-box {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.bullets-abc {
  font-family: Sf Pro Display, Arial, sans-serif;
  font-size: 1rem;
  line-height: 1.5rem;
}

.list-3 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.list-4 {
  margin-top: 0;
}

.dpa-paragraph-copy {
  width: 100%;
  margin-bottom: 0;
  font-family: Sf Pro Display, Arial, sans-serif;
  font-size: 1rem;
  line-height: 1.5rem;
}

.list-5 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.list-6 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  margin-top: -10px;
  padding-left: 80px;
  display: flex;
}

.dpa-sub-heading-copy {
  margin-bottom: 0;
  font-family: Sf Pro Display, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1rem;
}

.list-7 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.grid-2 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto auto auto auto auto auto;
  width: 100%;
}

.heading-middle {
  text-align: center;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Sf Pro Display, Arial, sans-serif;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1.2rem;
}

.bold-text-13 {
  font-size: 1rem;
  font-weight: 600;
}

.heading-middle-copy {
  text-align: center;
  width: 100%;
  margin-top: 32px;
  margin-bottom: 0;
  font-family: Sf Pro Display, Arial, sans-serif;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1.2rem;
}

.list-item-4 {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.list-header {
  margin-top: 10px;
  padding-left: 40px;
  font-family: Sf Pro Display, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5rem;
}

.italic-text-6 {
  font-weight: 500;
}

.grid-3 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto auto auto auto auto auto;
  width: 100%;
  padding-left: 40px;
}

.dpa-table {
  text-align: left;
  border: .5px solid #000;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0;
  padding: 20px;
  font-family: Sf Pro Display, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
  display: flex;
}

.grid-3-copy {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  width: 100%;
  padding-left: 40px;
}

.grid-4 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto auto auto auto auto auto auto auto auto;
  width: 100%;
  padding-left: 40px;
}

.dpa-table-copy {
  text-align: left;
  text-align: left;
  border: .5px solid #000;
  margin-bottom: 0;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 20px;
  font-family: Sf Pro Display, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
}

.dpa-table-copy-copy {
  text-align: left;
  border: .5px solid #000;
  border-top-width: 0;
  margin-bottom: 0;
  padding: 10px 20px 20px;
  font-family: Sf Pro Display, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
}

.dpa-table-001 {
  border: .5px solid #000;
  border-bottom-width: 0;
  min-height: auto;
  margin-bottom: 0;
  padding: 20px 20px 0;
  font-family: Sf Pro Display, Arial, sans-serif;
  font-size: 1rem;
  line-height: 1.5rem;
}

.para-left {
  padding-left: 40px;
  font-family: Sf Pro Display, Arial, sans-serif;
  font-size: 1rem;
  line-height: 1.5rem;
}

.paragraph-21 {
  margin-bottom: 0;
  padding-left: 52px;
  font-family: Sf Pro Display, Arial, sans-serif;
  font-size: 1rem;
  line-height: 1.5rem;
}

.paragraph-22 {
  margin-bottom: 0;
  padding-left: 64px;
  font-family: Sf Pro Display, Arial, sans-serif;
  font-size: 1rem;
  line-height: 1.5rem;
}

.bold-text-14, .bold-text-15 {
  font-weight: 600;
}

.list-8 {
  padding-left: 96px;
}

.paragraph-22-copy {
  margin-bottom: 0;
  padding-left: 80px;
  font-family: Sf Pro Display, Arial, sans-serif;
  font-size: 1rem;
  line-height: 1.5rem;
}

.list-9 {
  padding-left: 120px;
}

.list-10 {
  padding-left: 64px;
}

.paragraph-23 {
  text-align: center;
  width: 100%;
  font-family: Sf Pro Display, Arial, sans-serif;
  font-size: 1rem;
  line-height: 1.5rem;
}

.bold-text-16 {
  font-weight: 600;
}

.privacy-policy-para {
  margin-bottom: 0;
  font-family: Sf Pro Display, Arial, sans-serif;
  font-size: 1rem;
  line-height: 1.5rem;
}

.privacy-policy-header {
  font-family: Sf Pro Display, Arial, sans-serif;
  font-size: 2rem;
  font-weight: 600;
  line-height: 2rem;
}

.privacy-policy-subheading {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Sf Pro Display, Arial, sans-serif;
  font-size: 1.2rem;
  font-weight: 600;
  line-height: 1.5rem;
}

.list-11 {
  margin-bottom: 0;
}

.bold-text-17, .bold-text-18 {
  font-weight: 600;
}

.privacy-block {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.policy-bold {
  font-family: Sf Pro Display, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5rem;
}

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

.link-17 {
  color: var(--untitled-ui--gray400);
  text-decoration: none;
}

.footer-link-001 {
  color: #afafaf;
  font-family: Sf Pro Display, Arial, sans-serif;
  font-size: .8rem;
  line-height: 1rem;
  text-decoration: none;
}

.footer-link-001.w--current {
  color: #afafaf;
}

.text-block-4646 {
  color: var(--untitled-ui--gray200);
}

.div-block-1767 {
  background-color: var(--untitled-ui--gray700);
  justify-content: center;
  align-items: center;
  width: 100vw;
  padding-top: 100px;
  padding-bottom: 20px;
  display: flex;
}

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

.terms-link, .link-18, .bold-text-19 {
  color: var(--untitled-ui--primary700);
  text-decoration: none;
}

.link-19 {
  text-decoration: none;
}

.loan-memo-body {
  width: 100%;
  height: auto;
  padding-top: 40px;
  padding-left: 0;
  padding-right: 0;
}

.loan-memo-hero-wrapper {
  width: 100vw;
  overflow: hidden;
}

.loan-memo-header {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  width: 100%;
  padding: 100px 100px 80px;
  display: grid;
}

.key-features-section-lmg {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  border-radius: 500px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  margin-left: 0;
  padding: 140px 100px 120px;
  display: flex;
}

.benefits-lmg {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 90vh;
  margin-top: 80px;
  margin-bottom: 40px;
  padding: 0 100px 40px;
  display: flex;
}

.lmg-benefits {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: #101010;
  border-radius: 32px;
  flex-flow: column;
  width: 100%;
  height: auto;
  padding: 80px 0;
  display: flex;
  position: relative;
}

.lmg-benefits-wrapper {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-left: 80px;
  padding-right: 80px;
  display: flex;
}

.lmg-benefits-content {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  justify-content: center;
  align-items: center;
  padding-left: 80px;
  padding-right: 80px;
  display: flex;
}

.text-span-51 {
  color: var(--untitled-ui--gray500);
}

.text-light {
  color: var(--untitled-ui--gray400);
  font-style: normal;
  font-weight: 400;
}

.text-span-52 {
  color: #fff;
}

.text-span-53 {
  color: var(--untitled-ui--white);
}

.text-span-54 {
  color: var(--untitled-ui--gray400);
}

.image-248 {
  width: 8rem;
}

.div-block-1769 {
  margin-top: 1rem;
  padding: 1rem 2rem;
}

.gcp-box {
  -webkit-text-fill-color: transparent;
  background-color: #0a0a0a;
  -webkit-background-clip: text;
  background-clip: text;
  border: 0 solid #000;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  width: 12rem;
  height: 4rem;
  margin-top: 1rem;
  padding: 1rem 1.5rem;
  display: flex;
  box-shadow: 0 1px 20px #000c;
}

.gcp-box:hover {
  transform: translate(0, -4px);
}

.image-249 {
  max-width: 100%;
}

.header-block-main {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.capsule {
  width: auto;
  max-width: 100%;
  font-family: Dmseriftext, Verdana, sans-serif;
  font-style: italic;
}

.scroll-text {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 40%;
  margin-bottom: 0;
  padding-bottom: 0;
  display: grid;
}

.point-1, .point-2 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 80vh;
  display: flex;
  position: relative;
}

.sticky-illustration {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 60%;
  height: 80vh;
  padding-top: 80px;
  padding-bottom: 80px;
  display: flex;
  position: sticky;
  top: 60px;
}

.illustration-1 {
  width: 100%;
  height: 50%;
  position: absolute;
}

.image-02 {
  position: absolute;
}

.point {
  height: 80vh;
  position: relative;
}

.illustration-2 {
  width: 100%;
  height: 50%;
  position: absolute;
}

.middleware-wrapper-section {
  width: 100vw;
  height: auto;
  padding: 0 100px;
  position: relative;
}

.split-container {
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 200vh;
  display: flex;
}

.left-panel {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 50%;
  height: auto;
  display: flex;
  position: relative;
}

.feature-item {
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 100vh;
  display: flex;
}

.right-panel {
  justify-content: center;
  align-items: center;
  width: 50%;
  height: 100vh;
  display: flex;
  position: sticky;
  top: 0;
}

.visual-wrapper {
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.visual-item {
  opacity: 0;
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  display: flex;
  position: absolute;
  inset: auto 0%;
}

.visual-item.active {
  opacity: 1;
  justify-content: center;
  align-items: center;
  min-width: 100%;
  height: auto;
  min-height: auto;
  display: flex;
}

.background-video-7 {
  width: 100%;
  height: 40%;
}

.title-wrapper-section {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: auto;
  padding: 64px 100px 0;
  display: flex;
}

.heading-276 {
  font-family: Sf Pro Display, Arial, sans-serif;
  font-size: 3.5rem;
  font-weight: 400;
  line-height: 4rem;
}

.div-block-1770 {
  z-index: -1;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
  margin-left: -10px;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  position: absolute;
  inset: 0%;
}

.div-block-1771 {
  background-image: linear-gradient(#fff, #f4f6f9 39%, #f4f6f9);
  width: 1px;
  height: 100%;
}

.usecase-colours {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100vw;
  height: auto;
  padding: 80px 100px;
  display: flex;
}

.usecase-w2 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  display: flex;
}

.usecase-w1 {
  width: 100%;
  height: auto;
}

.div-block-1772 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-image: linear-gradient(#92b8ff, #e5e0ff);
  border-radius: 20px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: auto;
  padding: 20px;
  display: flex;
}

.div-block-1772.blue {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-image: linear-gradient(#f9fafc, #f5f4ff);
  margin-bottom: 20px;
}

.div-block-1772.blue:hover {
  background-image: linear-gradient(#a7c6ff, #f2efff);
}

.div-block-1772.red {
  background-image: linear-gradient(#f9fafc, #fff8f3);
}

.div-block-1772.red:hover {
  background-image: linear-gradient(#ffa2a2, #fff3e9);
}

.div-block-1772.pink {
  background-image: linear-gradient(#f9fafc, #fff4fa);
  padding-left: 12px;
}

.div-block-1772.pink:hover {
  background-image: linear-gradient(#d6beff, #ffe8f6);
}

.heading-277 {
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Sf Pro Display, Arial, sans-serif;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 2.5rem;
}

.div-block-1773 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.ai-agents-grid-section {
  width: 100vw;
  height: auto;
  margin-top: 100px;
  margin-bottom: 100px;
  padding: 0;
}

.gallery-scroll-2 {
  background-color: #f5f7fa;
  border-bottom: 1px solid #e4ebf3;
  width: 100%;
  padding: 80px 30px;
  position: relative;
}

.container-191 {
  width: 100%;
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
}

.gallery-wrapper-2 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  display: grid;
}

.gallery-sticky-3 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: sticky;
  top: 80px;
}

.gallery-link-3 {
  color: #1a1b1f;
  margin-bottom: 35px;
  font-size: 24px;
  line-height: 32px;
  text-decoration: none;
}

.gallery-link-3:hover {
  color: #1a1b1fcc;
}

.gallery-link-3.w--current {
  font-weight: 600;
}

.gallery-grid-3 {
  grid-row-gap: 40px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.gallery-image-wrapper-3 {
  position: relative;
}

.gallery-image-3 {
  width: 100%;
}

.gallery-image-text-3 {
  color: #f5f7fa;
  margin-bottom: 0;
  position: absolute;
  bottom: 16px;
  left: 16px;
  right: 16px;
}

.link-block-29 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  color: var(--untitled-ui--gray800);
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  font-size: 2rem;
  line-height: 2rem;
  text-decoration: none;
  display: flex;
}

.heading-278 {
  font-family: Sf Pro Display, Arial, sans-serif;
  font-size: 2rem;
  font-weight: 500;
  line-height: 2rem;
}

.container-stack {
  grid-column-gap: 5rem;
  grid-row-gap: 5rem;
  border-bottom: 0 solid #e4ebf3;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  padding: 0;
  display: flex;
  position: relative;
}

.centered-heading {
  text-align: center;
  margin-bottom: 16px;
}

.testimonial-grid {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 2.25fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 40px;
  display: grid;
}

.testimonial-block-main {
  background-color: #f5f7fa;
  justify-content: space-between;
  padding: 32px 24px;
  display: flex;
}

.testimonial-main-image {
  object-fit: cover;
  width: 200px;
  height: 280px;
  margin-right: 24px;
}

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

.margin-bottom-24px {
  margin-bottom: 24px;
}

.testimonial-main-heading {
  margin-bottom: 2px;
  font-weight: 600;
}

.testimonial-block {
  background-color: #f5f7fa;
  flex-direction: column;
  justify-content: space-between;
  padding: 32px 24px;
  display: flex;
}

.testimonial-info-two {
  align-items: center;
  display: flex;
}

.testimonial-image {
  object-fit: cover;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  margin-right: 16px;
}

.testimonial-author-name {
  font-weight: 700;
}

.stack-wrapper {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  border: 0 solid #000;
  flex-flow: column;
  width: 100%;
  padding-left: 100px;
  padding-right: 100px;
  display: flex;
}

.stack-card {
  background-color: #fff;
  border: 1px solid #e8ecf2;
  border-radius: 2rem;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 32rem;
  display: flex;
  position: sticky;
  top: 5rem;
  overflow: clip;
}

.stack-card.is-2 {
  background-color: #fff;
  border-color: #e8ecf2;
  top: 12rem;
}

.stack-card.is-3 {
  background-color: #fff;
  top: 19rem;
  overflow: clip;
}

.stack-text-box {
  padding: 2rem;
  position: absolute;
  inset: 0% auto auto 0%;
}

.text-block-4647 {
  font-family: Sf Pro Display, Arial, sans-serif;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 2rem;
}

.text-span-56 {
  color: var(--untitled-ui--gray400);
}

.img-stack-box {
  justify-content: flex-end;
  align-items: flex-end;
  width: 100%;
  height: 100%;
  display: flex;
}

.img-stack-box.is-3 {
  justify-content: flex-end;
  align-items: flex-end;
}

.image-250 {
  width: 80%;
  max-width: none;
  height: auto;
}

.ai-agents-heading {
  padding-left: 100px;
}

.heading-279 {
  font-family: Sf Pro Display, Arial, sans-serif;
  font-weight: 500;
}

@media screen and (min-width: 1440px) {
  .book-demo-button {
    padding: 1.5rem 2rem;
  }

  .header-main-wrapper {
    height: auto;
  }

  .heading-247.subheading {
    font-size: 1.2rem;
    line-height: 1.8rem;
  }

  .div-block-1663 {
    height: auto;
    padding: 4rem 0 4rem 100px;
    font-family: Sf Pro Display, Arial, sans-serif;
    font-size: 16px;
    position: relative;
    overflow: visible;
  }

  .hero-wrapper {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
    width: 100%;
  }

  .div-block-1666.textblock {
    width: 100%;
    height: auto;
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .div-block-1667 {
    width: 60%;
    height: auto;
  }

  .heading-249 {
    font-size: 2.4rem;
    line-height: 3rem;
  }

  .paragraph-4, .text-block-4580 {
    font-size: 1.2rem;
    line-height: 2rem;
  }

  .div-block-1668 {
    justify-content: center;
    align-items: center;
  }

  .div-block-1670 {
    width: 100%;
    padding-top: 200px;
    padding-bottom: 300px;
  }

  .heading-250 {
    font-size: 2.4rem;
    line-height: 3rem;
  }

  .paragraph-5 {
    font-size: 1.2rem;
    font-weight: 300;
    line-height: 2rem;
  }

  .paragraph-5.tagline {
    font-size: 1rem;
    line-height: 1.5rem;
  }

  .auto-tabs-menu {
    justify-content: space-between;
  }

  .auto-tabs-component {
    justify-content: center;
    align-items: stretch;
    height: auto;
  }

  .text-title-h2, .text-para {
    padding-left: 20px;
  }

  .div-block-1686 {
    height: auto;
  }

  .container-183 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .container-box.set2 {
    width: 33%;
    height: 320px;
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .container-box.set2.set3 {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    height: 320px;
    padding-left: 24px;
    padding-right: 24px;
  }

  .container-box.set2.set3.second {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-end;
    height: 320px;
    padding-top: 24px;
  }

  .container-box.f-01 {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    justify-content: space-between;
    width: 33%;
    height: 320px;
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .container-box.f-03 {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    width: 33%;
    height: 320px;
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .container-box-copy.f-02 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-end;
    width: 33%;
    height: 320px;
    padding-top: 24px;
    padding-left: 24px;
  }

  .heading-252 {
    font-size: 28px;
  }

  .feature-title-box {
    padding-left: 24px;
    padding-right: 24px;
  }

  .feature-title-box.vertical {
    padding-top: 0;
    padding-left: 0;
  }

  .header-title-h1.mobile-version {
    font-size: 3.7rem;
    line-height: 4.8rem;
  }

  .lang-text {
    padding-top: 16px;
    padding-bottom: 16px;
    font-size: 20px;
  }

  .future-text {
    font-size: 16px;
  }

  .future-proof-img {
    padding-right: 24px;
  }

  .div-block-1687-copy {
    width: 70%;
  }

  .centre-img {
    height: 80%;
  }

  .infra-text-h1 {
    position: absolute;
    inset: 12% 0% auto;
  }

  .arrow-in-circle, .tick-in-circle {
    width: 1.4rem;
    height: 1.4rem;
  }

  .uui-heading-xlarge-2.text-color-primary900 {
    font-size: 3.5rem;
    line-height: 4rem;
  }

  .link-block-24 {
    padding: 1.5rem 2rem;
  }

  .middleware-horizontal-scroll {
    padding-top: 0;
  }

  .scroll-height {
    height: 200dvh;
    min-height: 120vh;
  }

  .frame-sticky {
    justify-content: flex-start;
    align-items: center;
    height: 100dvh;
  }

  .mover {
    justify-content: center;
    align-items: center;
    height: auto;
    margin-bottom: -80px;
  }

  .full-page {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    justify-content: center;
    align-items: center;
    width: 100vw;
    padding-left: 100px;
    padding-right: 100px;
  }

  .header-text-container {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    justify-content: center;
    align-items: flex-start;
  }

  .uui-navbar04_dropdown-content {
    height: auto;
  }

  .nav-element-box {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    aspect-ratio: 3 / 2;
    object-fit: fill;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    min-height: 100%;
    max-height: 100%;
    padding: 40px;
    display: flex;
  }

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

  .background-video-2 {
    width: 100%;
    height: 24rem;
  }

  .uui-heading-xlarge-2-copy.text-color-primary900 {
    margin-bottom: .5rem;
    font-size: 2.5rem;
    line-height: 3rem;
  }

  .uui-team06_social {
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
  }

  .career-listing {
    border-color: var(--untitled-ui--primary700);
  }

  .uui-heading-xlarge-3 {
    font-size: 3.5rem;
    line-height: 4rem;
  }

  .tab-text {
    font-size: 18px;
  }

  .tab-heading {
    font-size: 26px;
    line-height: 40px;
  }

  .tab-line {
    height: 400px;
  }

  .container-189 {
    width: 90%;
  }

  .scroll-image-box {
    width: 640px;
    height: 480px;
  }

  .content-main-box {
    max-width: 380px;
  }

  .number-block {
    width: 80px;
    height: 80px;
    font-size: 32px;
  }

  .feature-title-box-50 {
    width: 100%;
  }

  .feature-box-001 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    width: 100%;
  }

  .feature-box-002 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .hero-buttons {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .demo-btn {
    background-color: var(--untitled-ui--primary700);
    color: #fff;
    border-radius: 100px;
    padding: 24px 48px;
    text-decoration: none;
  }

  .demo-btn.secondary {
    background-color: #006cd100;
    border: 1px solid #fff;
    padding: 1.5rem 2rem;
  }

  .heading-259 {
    margin-top: 0;
    margin-bottom: 0;
    font-family: Sf Pro Display, Arial, sans-serif;
    font-size: 24px;
    font-weight: 400;
    line-height: 32px;
  }

  .paragraph-12 {
    margin-bottom: 0;
    font-family: Sf Pro Display, Arial, sans-serif;
    font-size: 16px;
    font-weight: 300;
  }

  .link-14 {
    color: var(--untitled-ui--primary700);
    font-family: Sf Pro Display, Arial, sans-serif;
    font-size: 16px;
    font-weight: 500;
    text-decoration: none;
  }

  .div-block-1756 {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
  }

  .tabs-section {
    z-index: 1;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    height: 60vh;
    display: flex;
    position: sticky;
    top: 0;
    overflow: hidden;
  }

  .tabs-menu {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    justify-content: flex-start;
    align-items: center;
    height: auto;
    padding-left: 100px;
    display: flex;
  }

  .tabs-sticky-wrapper {
    width: 100vw;
    height: 120vh;
    padding-top: 100px;
    padding-left: 0;
    padding-right: 0;
  }

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

  .tab-pane {
    opacity: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
  }

  .tab-pane.active {
    opacity: 1;
    height: auto;
  }

  .div-block-1757 {
    justify-content: center;
    align-items: flex-end;
    width: 100%;
    height: auto;
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 0;
    display: flex;
    position: static;
    inset: auto 0% 0%;
  }

  .background-video-3 {
    mix-blend-mode: screen;
    width: 100%;
    margin-top: -100px;
    margin-bottom: 0;
  }

  .background-video-4 {
    width: 100%;
  }

  .header-main-wrapper-copy {
    height: auto;
  }

  .scroll-section {
    border-bottom-width: 0;
    height: 100%;
    margin-bottom: 0;
    padding-bottom: 0;
  }

  .scroll-section-wrapper {
    max-width: 100%;
  }

  .gallery-sticky-2 {
    height: auto;
    margin-bottom: 0;
    padding-top: 200px;
    padding-bottom: 200px;
  }

  .gallery-grid-2 {
    grid-row-gap: 0px;
    width: 40%;
  }

  .background-video-6 {
    height: 26rem;
  }

  .image-246 {
    width: 100%;
  }

  .arrows-box {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
    inset: auto 100px 80px auto;
  }

  .arrow-left {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    opacity: 1;
    background-color: #fff;
    border-radius: 100px;
    padding: 1rem 2rem;
    display: flex;
  }

  .text-block-4643 {
    color: var(--untitled-ui--gray600);
    padding: 0;
    font-size: 1.2rem;
  }

  .guw-before-box {
    width: 40%;
  }

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

  .guw-after-wrap {
    width: 40%;
  }

  .header-block-main {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    display: flex;
  }

  .capsule {
    font-family: Sf Pro Display, Arial, sans-serif;
    font-style: normal;
    font-weight: 400;
  }

  .scroll-text {
    grid-row-gap: 0px;
    width: 40%;
  }

  .sticky-illustration {
    height: auto;
    margin-bottom: 0;
    padding-top: 200px;
    padding-bottom: 200px;
  }

  .illustration-1 {
    height: 26rem;
  }

  .image-02 {
    width: 100%;
  }

  .illustration-2 {
    height: 26rem;
  }

  .heading-277 {
    padding-left: 20px;
  }

  .img-stack-box.is-1 {
    width: 100%;
  }

  .image-250 {
    width: 60%;
  }
}

@media screen and (min-width: 1920px) {
  .container-189.sticky {
    height: 250vh;
  }

  .inner-content-box {
    height: auto;
    position: sticky;
    top: 70px;
  }

  .tab-scroll {
    position: static;
    top: 160px;
  }
}

@media screen and (max-width: 991px) {
  .section {
    padding-left: 10px;
    padding-right: 20px;
  }

  .section-2 {
    padding-left: 20px;
    padding-right: 20px;
  }

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

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

  .heading {
    font-size: 52px;
  }

  .text-block {
    padding-right: 0;
  }

  .section-4, .section-5 {
    padding-left: 10px;
    padding-right: 10px;
  }

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

  .section-6 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .div-block-13 {
    height: 515px;
    padding-left: 20px;
  }

  .section-7, .section-9, .section-10 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .div-block-29 {
    flex-direction: column;
  }

  .div-block-30 {
    margin-bottom: 20px;
  }

  .section-11 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .section-11.new {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .section-12, .section-13 {
    padding-left: 20px;
    padding-right: 20px;
  }

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

  .collection-list {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .div-block-60 {
    width: 100%;
    height: 400px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .link-block-7 {
    padding-top: 15px;
    padding-bottom: 15px;
    bottom: 9%;
    left: 4%;
  }

  .div {
    justify-content: space-between;
    align-items: stretch;
  }

  .slider {
    height: 400px;
  }

  .icon-3, .icon-4 {
    font-size: 20px;
  }

  .embed1 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .div-block-5-copy {
    padding-right: 0;
  }

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

  .div-block-353 {
    display: none;
  }

  .heading-16 {
    font-size: 40px;
  }

  .div-block-354 {
    padding: 20px;
  }

  .section-22 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .navbar-3 {
    z-index: 200;
  }

  .nav-menu-3 {
    z-index: 500;
    background-color: #101110;
    width: 100%;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-right: 20px;
  }

  .link-block-10 {
    align-items: flex-end;
    margin-bottom: 10px;
  }

  .div-block-371 {
    order: 1;
  }

  .div-block-375 {
    left: 15%;
  }

  .heading-22, .heading-26, .heading-27 {
    font-size: 58px;
  }

  .div-block-412 {
    grid-template-columns: 1fr 1fr;
  }

  .text-wrap {
    z-index: 0;
  }

  .constant {
    z-index: 0;
    font-size: 58px;
  }

  .icon-10 {
    color: #fff;
  }

  .menu-button-2 {
    background-color: #fff0;
    padding: 0;
  }

  .menu-button-2.w--open {
    background-color: #c8c8c800;
  }

  .menu-button-2._1 {
    padding: 0;
  }

  .video-3 {
    height: 450px;
  }

  .video-3._1 {
    height: 410px;
  }

  .div-block-436 {
    margin-top: -125px;
  }

  .swiper.swiper-carousel.swiper-horizontal.swiper-watch-progress {
    display: flex;
  }

  .slider-main_top-wrapper {
    flex-direction: row;
  }

  .swiper-slide {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    background-image: linear-gradient(#131b10bf, #131b10bf), url("https://cdn.prod.website-files.com/64100316e1db9e6977ed6b0d/67499bbb5127bc2a9027e1d5_Property%201%3DDefault%20(5).svg");
    background-position: 0 0, 50%;
    background-size: auto, cover;
    border-radius: 16px;
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    height: 560px;
    padding: 20px;
    display: flex;
  }

  .swiper-slide.swiper-slide-active {
    background-image: linear-gradient(#131b1033, #131b1033), url("https://cdn.prod.website-files.com/64100316e1db9e6977ed6b0d/67064a6720cd9f77df472c4b_image%2035.png");
    background-position: 0 0, 50%;
    background-size: auto, cover;
  }

  .swiper-slide._2 {
    background-image: linear-gradient(#131b10bf, #131b10bf), url("https://cdn.prod.website-files.com/64100316e1db9e6977ed6b0d/67499bbb5127bc2a9027e1d5_Property%201%3DDefault%20(5).svg");
    justify-content: center;
    padding-left: 20px;
  }

  .swiper-slide._2.swiper-slide-active {
    background-image: url("https://cdn.prod.website-files.com/64100316e1db9e6977ed6b0d/67499bbb5127bc2a9027e1d5_Property%201%3DDefault%20(5).svg");
    background-position: 50%;
    background-size: cover;
  }

  .swiper-slide._3 {
    justify-content: center;
  }

  .swiper-slide._3.swiper-slide-active {
    background-image: url("https://cdn.prod.website-files.com/64100316e1db9e6977ed6b0d/67499bbb5127bc2a9027e1d5_Property%201%3DDefault%20(5).svg");
    background-position: 50%;
    background-size: cover;
  }

  .swiper-slide._4 {
    justify-content: center;
  }

  .swiper-slide._4.swiper-slide-active {
    background-image: url("https://cdn.prod.website-files.com/64100316e1db9e6977ed6b0d/67499bbb5127bc2a9027e1d5_Property%201%3DDefault%20(5).svg");
    background-position: 50%;
    background-size: cover;
  }

  .swiper-slide._5 {
    justify-content: center;
  }

  .swiper-slide._5.swiper-slide-active {
    background-image: url("https://cdn.prod.website-files.com/64100316e1db9e6977ed6b0d/67499bbb5127bc2a9027e1d5_Property%201%3DDefault%20(5).svg");
    background-position: 50%;
    background-size: cover;
  }

  .swiper-slide._1 {
    justify-content: center;
    align-items: flex-start;
    padding-left: 20px;
  }

  .swiper-slide._1.swiper-slide-active {
    background-image: url("https://cdn.prod.website-files.com/64100316e1db9e6977ed6b0d/67499bbb5127bc2a9027e1d5_Property%201%3DDefault%20(5).svg");
    background-position: 50%;
    background-size: cover;
  }

  .div-block-1441 {
    justify-content: flex-end;
    width: 20%;
    display: flex;
  }

  .div-block-1455 {
    grid-template-columns: 1fr 1fr;
  }

  .text-block-426 {
    font-size: 58px;
  }

  .div-block-1480 {
    flex-direction: column;
  }

  .div-block-1481, .div-block-1483 {
    width: 100%;
  }

  .div-block-1486 {
    flex-direction: column;
  }

  .div-block-1487, .div-block-1488 {
    width: 100%;
  }

  .div-block-1494 {
    display: none;
  }

  .root-hero-section {
    padding-bottom: 170px;
  }

  .video-div-main {
    margin-top: -200px;
  }

  .heading-231._1._12 {
    margin-right: 0;
  }

  .link-5 {
    font-size: 18px;
    line-height: 18px;
  }

  .div-block-1531 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    width: 100%;
  }

  .div-block-1532 {
    display: none;
  }

  .image-162 {
    height: 35px;
  }

  .div-block-1547 {
    justify-content: center;
    align-items: center;
  }

  .div-block-1549 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .slide-3 {
    width: 48.5%;
  }

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

  .div-block-1557 {
    background-color: #fff0;
    order: 1;
    padding: 0;
  }

  .div-block-1557._1 {
    background-color: #fff0;
    padding: 0;
  }

  .div-block-1557._2 {
    box-shadow: none;
    background-color: #0000;
  }

  .menu-link {
    justify-content: flex-start;
    align-items: flex-end;
    margin-bottom: 30px;
  }

  .menu-link._1p {
    margin-bottom: 30px;
  }

  .menu-link._1p._1 {
    color: var(--white);
    text-align: right;
    display: block;
  }

  .menu-link._1 {
    color: #00000080;
  }

  .menu-link-text {
    text-align: right;
  }

  .nav-menu-div {
    background-color: #000;
    border-bottom-right-radius: 12px;
    border-bottom-left-radius: 12px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-end;
    padding: 20px;
    display: flex;
  }

  .nav-menu-div._1 {
    background-color: #fff;
    padding: 20px;
  }

  .dropdown-list {
    position: static;
  }

  .dropdown-list.w--open {
    margin-right: -22px;
    position: static;
  }

  .div-block-1558 {
    background-color: #000;
    border-bottom: 1px #ffffff52;
    border-left: 1px #ffffff52;
    border-right: 1px #ffffff52;
    margin-top: 10px;
  }

  .dropdown-link {
    text-align: right;
    letter-spacing: 5px;
    text-transform: uppercase;
    border-top-style: none;
    padding: 0;
  }

  .dropdown-link._1 {
    margin-top: 10px;
  }

  .div-block-1559 {
    text-align: right;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-end;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-right: 22px;
  }

  .dropdown {
    text-align: right;
    width: 100%;
    position: static;
  }

  .text-block-4524-copy {
    color: #000;
  }

  .div-block-1563 {
    justify-content: flex-end;
    align-items: flex-start;
    display: flex;
  }

  .div-block-1567, .div-block-1567._1 {
    width: 100%;
  }

  .section-3-1 {
    padding-bottom: 80px;
  }

  .gsap_trigger, .section-52.desk {
    display: none;
  }

  .section-52.mobile {
    display: flex;
  }

  .c {
    width: 100%;
  }

  .text_hide.mobl {
    opacity: 100;
    display: block;
  }

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

  .div-block-1583 {
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-bottom: 20px;
  }

  .div-block-1584 {
    width: 75%;
  }

  .text-block-4548, .text-block-4549 {
    text-align: center;
  }

  .div-block-1585 {
    justify-content: center;
    align-items: center;
  }

  .image-177 {
    left: 22%;
  }

  .div-block-1593 {
    width: 728px;
  }

  .image-178 {
    bottom: -14%;
    left: 16%;
  }

  .icon {
    z-index: 5;
    position: absolute;
    top: 0%;
    left: 0%;
  }

  .icon.icon--1 {
    margin-top: 101px;
    margin-left: 127px;
    transform: scale(.79);
  }

  .icon.icon--2 {
    margin-top: 29px;
    margin-left: 160px;
    transform: scale(.74);
  }

  .icon.icon--3 {
    margin-top: -24px;
    margin-left: 195px;
  }

  .icon.icon--4 {
    margin-top: -46px;
    margin-left: 299px;
    transform: scale(.8);
  }

  .icon.icon--5 {
    margin-top: -24px;
    margin-left: 404px;
    transform: scale(.8);
  }

  .icon.icon--6 {
    margin-top: 29px;
    margin-left: 438px;
    transform: scale(.8);
  }

  .icon.icon--7 {
    margin-top: 101px;
    margin-left: 500px;
    transform: scale(.8);
  }

  .icon.s_icon1 {
    margin-top: -77px;
    margin-left: 259px;
    transform: scale(1.2);
  }

  .icon.s_icon2 {
    margin-top: 51px;
    margin-left: 350px;
    transform: scale(1.2);
  }

  .icon.s_icon3 {
    margin-top: -174px;
    margin-left: 55px;
    transform: scale(1.25);
  }

  .icon.s_icon4 {
    margin-top: -173px;
    margin-left: 399px;
    transform: scale(1.06);
  }

  .icon.s_icon5 {
    margin-top: 17px;
    margin-left: 74px;
    transform: scale(.95);
  }

  .icon.s_icon6 {
    margin-top: -39px;
    margin-left: 475px;
    transform: scale(.95);
  }

  .icon.s_icon7 {
    margin-top: -137px;
    margin-left: 575px;
    transform: scale(1);
  }

  .image-162-copy._1 {
    height: 42px;
  }

  .image-162-copy {
    height: 35px;
  }

  .text-block-4561.mbl {
    display: none;
    position: absolute;
    bottom: 0%;
  }

  .div-block-1613 {
    display: none;
  }

  .container-172 {
    z-index: 100;
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0%;
  }

  .new_mobilw_scoll_gsap {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    height: 700px;
    display: flex;
    position: relative;
    overflow: hidden;
  }

  .div-block-1615 {
    z-index: 5;
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 100%;
    display: flex;
    position: relative;
  }

  .txt_holder {
    justify-content: center;
    width: 80%;
    display: flex;
    position: relative;
    top: 0%;
  }

  .gsap_holder {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative;
  }

  .gsap_holder.mbl {
    display: flex;
  }

  .gsap_mbl_disk_1 {
    z-index: 20;
    background-image: none;
    background-size: auto;
    width: 680px;
    height: 168px;
    position: absolute;
    bottom: 0%;
  }

  .disk_1 {
    z-index: 15;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 460px;
    display: flex;
    position: absolute;
    bottom: 0%;
  }

  .shadow_mbl {
    z-index: 4;
    position: absolute;
    top: 0%;
    left: 0%;
  }

  .shadow_mbl.s_mbl_1 {
    width: 120px;
    margin-top: -93px;
    margin-left: 205px;
  }

  .shadow_mbl.s_mbl_2 {
    width: 100px;
    margin-top: 52px;
    margin-left: 315px;
  }

  .shadow_mbl.s_mbl_3 {
    width: 140px;
    margin-top: -210px;
    margin-left: 59px;
  }

  .shadow_mbl.s_mbl_4 {
    width: 140px;
    margin-top: -190px;
    margin-left: 347px;
  }

  .shadow_mbl.s_mbl_5 {
    width: 120px;
    margin-top: 9px;
    margin-left: 59px;
  }

  .shadow_mbl.s_mbl_6 {
    width: 140px;
    margin-top: -91px;
    margin-left: 451px;
  }

  .shadow_mbl.s_mbl_7 {
    width: 120px;
    margin-top: -174px;
    margin-left: 523px;
  }

  .disk_2 {
    z-index: 10;
    justify-content: center;
    width: 620px;
    display: flex;
    position: absolute;
    bottom: 0%;
  }

  .disk_3 {
    z-index: 9;
    justify-content: center;
    width: 720px;
    display: flex;
    position: absolute;
    bottom: 0%;
  }

  .disk_4 {
    z-index: 6;
    justify-content: center;
    width: 860px;
    display: flex;
    position: absolute;
    bottom: 0%;
  }

  .heading-239 {
    text-align: center;
    margin-top: 0;
    margin-bottom: 0;
    font-family: SFPRODISPLAYBOLD, sans-serif;
    font-size: 28px;
    font-weight: 700;
    line-height: 62px;
  }

  .text-block-4563 {
    text-align: center;
    font-family: SFPRODISPLAYREGULAR, sans-serif;
    font-size: 18px;
    line-height: 1.4em;
  }

  .txt_1, .txt_2, .txt_3, .txt_4, .txt_5 {
    position: absolute;
    top: 0%;
  }

  .scrollbar {
    justify-content: center;
    width: 340px;
    height: 10px;
    margin-top: -390px;
    display: flex;
    position: relative;
  }

  .patterns {
    background-color: #e7e3ef;
    border-radius: 20px;
    width: 40px;
    height: 10px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .scrollbar_pattern {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    justify-content: center;
    height: 100%;
    display: flex;
  }

  .main_scroll {
    background-color: #c5bed6;
    border-radius: 20px;
    width: 100px;
    height: 10px;
    padding-bottom: 0;
    padding-right: 0;
    position: absolute;
    left: 0%;
  }

  .slider-s {
    display: none;
  }

  .splide__track {
    width: 100%;
  }

  .spline_card_1.img1.mbl {
    box-shadow: none;
    width: 100%;
    display: none;
  }

  .spline_card_1.img1.mbl.swiper-slide-active {
    background-image: linear-gradient(#131b1033, #131b1033), url("https://cdn.prod.website-files.com/64100316e1db9e6977ed6b0d/67064a6720cd9f77df472c4b_image%2035.png");
    background-position: 0 0, 50%;
    background-size: auto, cover;
  }

  .spline_card_2.img_2.mbl {
    box-shadow: none;
    width: 100%;
    display: none;
  }

  .spline_card_2.img_2.mbl.swiper-slide-active {
    background-image: linear-gradient(#131b1033, #131b1033), url("https://cdn.prod.website-files.com/64100316e1db9e6977ed6b0d/6708f424407379b8a8b3725d_image%2034.png");
    background-position: 0 0, 50%;
    background-size: auto, cover;
  }

  .spline_card_3.img_3.mbl {
    box-shadow: none;
    background-image: linear-gradient(#131b10bf, #131b10bf), url("https://cdn.prod.website-files.com/64100316e1db9e6977ed6b0d/67090140328ad893ef651d05_8f31c0337af4ef5860e5db2b46613050.png");
    background-position: 0 0, 50%;
    background-size: auto, cover;
    width: 100%;
    display: none;
  }

  .spline_card_3.img_3.mbl.swiper-slide-active {
    background-image: linear-gradient(#131b1033, #131b1033), url("https://cdn.prod.website-files.com/64100316e1db9e6977ed6b0d/67090140328ad893ef651d05_8f31c0337af4ef5860e5db2b46613050.png");
    background-position: 0 0, 50%;
    background-size: auto, cover;
  }

  .spline_card_4.img_4.mbl {
    box-shadow: none;
    background-image: linear-gradient(#131b10bf, #131b10bf), url("https://cdn.prod.website-files.com/64100316e1db9e6977ed6b0d/6709019022b84a04574ab79a_f53cf161453a1a66f1f31bb0d8e2f44d.png");
    background-position: 0 0, 50%;
    background-size: auto, cover;
    width: 100%;
    display: none;
  }

  .spline_card_4.img_4.mbl.swiper-slide-active {
    background-image: linear-gradient(#131b1033, #131b1033), url("https://cdn.prod.website-files.com/64100316e1db9e6977ed6b0d/6709019022b84a04574ab79a_f53cf161453a1a66f1f31bb0d8e2f44d.png");
    background-position: 0 0, 50%;
    background-size: auto, cover;
  }

  .spline_card_5.img_5.mbl {
    box-shadow: none;
    background-image: linear-gradient(#131b10bf, #131b10bf), url("https://cdn.prod.website-files.com/64100316e1db9e6977ed6b0d/67090a40424956f79f1abcff_2e916336e1b5871b5d0eff05d8409abd%20(1).png");
    background-position: 0 0, 50%;
    background-size: auto, cover;
    width: 100%;
    display: none;
  }

  .spline_card_5.img_5.mbl.swiper-slide-active {
    background-image: linear-gradient(#131b1033, #131b1033), url("https://cdn.prod.website-files.com/64100316e1db9e6977ed6b0d/67090a40424956f79f1abcff_2e916336e1b5871b5d0eff05d8409abd%20(1).png");
    background-position: 0 0, 50%;
    background-size: auto, cover;
  }

  .div-block-1619 {
    flex-flow: column;
  }

  .div-block-1620 {
    justify-content: flex-start;
    align-items: center;
    width: 100%;
  }

  .div-block-1621 {
    width: 70%;
  }

  .div-block-1622 {
    margin-bottom: 20px;
  }

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

  .text-block-4565 {
    text-align: center;
    width: 100%;
    font-size: 22px;
  }

  .text-block-4565._1 {
    text-align: center;
    font-size: 22px;
  }

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

  .div-block-1626 {
    width: 30%;
  }

  .div-block-1626.footer {
    width: 80%;
  }

  .section-67 {
    padding-top: 80px;
    padding-bottom: 80px;
  }

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

  .div-block-1628 {
    justify-content: flex-start;
    align-items: center;
    width: 100%;
  }

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

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

  .text-block-4568 {
    font-size: 18px;
  }

  .div-block-1631 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .heading-242 {
    width: 100%;
    margin-bottom: 10px;
    font-size: 28px;
  }

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

  .div-block-1634 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    width: 90%;
  }

  .heading-243 {
    margin-bottom: 10px;
  }

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

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

  .section-69 {
    padding-left: 40px;
    padding-right: 40px;
  }

  .footer-brand-3 {
    justify-content: flex-start;
    align-items: flex-start;
  }

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

  .footer-content-2 {
    width: 100%;
  }

  .footer-wrapper-2 {
    flex-flow: column;
  }

  .text-block-395 {
    text-align: left;
  }

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

  .footer-block-2._1 {
    flex-flow: column;
  }

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

  .image-194 {
    width: 860px;
    height: 100%;
  }

  .tab_div {
    display: flex;
  }

  .mbl_div, .lands_div, .code-embed-5 {
    display: none;
  }

  .div-block-1638 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .headin_h2 {
    font-size: 52px;
  }

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

  .rich-text-block-4 {
    font-size: 20px;
  }

  .div-block-1640 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .div-block-1641 {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
  }

  .address {
    font-size: 20px;
  }

  .code-embed-6 {
    width: 26px;
    height: 26px;
  }

  .div-block-1645 {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
  }

  .div-block-1646 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .submitbutton_form {
    width: 50%;
  }

  .div-block-1649 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .link-11 {
    text-align: right;
    width: 100%;
    display: block;
  }

  .link-11._1 {
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .icon-14 {
    color: #fff;
  }

  .link-11-black {
    text-align: right;
    width: 100%;
    display: block;
  }

  .link-11-black._1 {
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .menu-link-text-black {
    text-align: right;
  }

  .dropdown-link-black {
    text-align: right;
    letter-spacing: 5px;
    text-transform: uppercase;
    border-top-style: none;
    padding: 0;
  }

  .dropdown-link-black._1 {
    margin-top: 10px;
  }

  .div-block-1558-black {
    background-color: #fff;
    border-bottom: 1px #ffffff52;
    border-left: 1px #ffffff52;
    border-right: 1px #ffffff52;
    margin-top: 10px;
  }

  .icon-14-black {
    color: #000;
  }

  .swiper-carousel-animate-opacity.img1.mbl {
    box-shadow: none;
    width: 100%;
  }

  .imgcover {
    justify-content: center;
    width: 100%;
    display: flex;
  }

  .imgcover._1 {
    height: auto;
  }

  .image-205 {
    width: 80%;
  }

  .mobile-image {
    justify-content: center;
    width: 100%;
    display: flex;
  }

  .mobile-image._1 {
    height: auto;
  }

  .mobile.mobl, .text_mobile.mobl {
    opacity: 100;
    display: block;
  }

  .link_mobile {
    margin-bottom: 0;
    padding-left: 0;
    position: static;
  }

  .nav-menu-wrapper {
    background-color: #0000;
  }

  .nav-menu-5 {
    background-color: #fff;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
    padding-left: 0;
    display: flex;
  }

  .nav-link-5 {
    padding-left: 5px;
    padding-right: 5px;
  }

  .nav-dropdown-list.shadow-three.w--open {
    position: absolute;
  }

  .nav-button-wrapper {
    width: 100%;
    margin-left: 0;
  }

  .menu-button-4 {
    padding: 12px;
  }

  .menu-button-4.w--open {
    color: #fff;
    background-color: #a6b1bf;
  }

  .header-main-wrapper {
    padding-top: 64px;
    padding-left: 0;
    padding-right: 0;
  }

  .heading-247.subheading {
    font-size: 18px;
    line-height: 24px;
  }

  .div-block-1663 {
    flex-flow: column;
    padding: 20px 20px 40px;
  }

  .hero-wrapper {
    justify-content: center;
    align-items: flex-start;
  }

  .image-209 {
    width: 16%;
  }

  .section-use {
    padding-left: 40px;
    padding-right: 40px;
  }

  .client-text-h1 {
    font-size: 48px;
    line-height: 56px;
  }

  .text-block-4580 {
    font-weight: 300;
  }

  .numbers-section {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    flex-flow: column;
    padding: 40px;
  }

  .heading-251 {
    text-align: center;
    font-size: 40px;
    line-height: 48px;
  }

  .section-75.mobile-version {
    padding-top: 40px;
    padding-left: 40px;
    padding-right: 40px;
  }

  .auto-tabs-wrapper {
    flex-flow: column;
    justify-content: space-between;
    align-items: stretch;
  }

  .auto-tabs-menu {
    width: 100%;
    min-width: auto;
    max-width: none;
    margin-bottom: 3rem;
  }

  .auto-tabs-content {
    aspect-ratio: 3 / 2;
    flex: none;
    height: 1px;
    min-height: 1px;
    margin-right: 0;
  }

  .auto-tabs-component {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .text-title-h2 {
    font-size: 1.3rem;
  }

  .img-wrapper {
    height: 100%;
  }

  .text-para {
    font-size: 1rem;
    line-height: 1.2rem;
  }

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

  .bento-grid-section {
    padding: 40px;
  }

  .container-183 {
    flex-flow: column;
    height: auto;
  }

  .set1, .set2, .set3 {
    flex-flow: row;
    width: 100%;
    height: 280px;
  }

  .container-box {
    height: 100%;
    padding-top: 12px;
    padding-bottom: 24px;
  }

  .container-box.set2 {
    border-radius: 16px;
    flex-flow: column;
    height: 200px;
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .container-box.set2.set3 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: row;
    height: 200px;
    padding-top: 12px;
    padding-bottom: 0;
    padding-right: 12px;
  }

  .container-box.set2.set3.second {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-end;
    height: 200px;
    padding-right: 12px;
  }

  .container-box.f-01 {
    border-radius: 16px;
    justify-content: space-between;
    align-items: flex-start;
    height: 200px;
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .container-box.f-03 {
    border-radius: 16px;
    height: 200px;
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .container-box-copy {
    height: 100%;
  }

  .container-box-copy.f-02 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    border-radius: 16px;
    flex-flow: row;
    justify-content: space-between;
    align-items: flex-end;
    height: 200px;
    padding-top: 12px;
  }

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

  .paragraph-6 {
    font-size: 12px;
    line-height: 16px;
  }

  .feature-title-box {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    padding-left: 12px;
    padding-right: 12px;
  }

  .feature-title-box.vertical {
    padding-top: 12px;
    padding-left: 12px;
  }

  .paragraph-7 {
    font-size: 16px;
    line-height: 24px;
  }

  .text-block-4587 {
    font-size: 14px;
    line-height: 18px;
  }

  .text-block-4587.sub {
    font-size: 16px;
    line-height: 20px;
  }

  .subtext-p2 {
    text-align: center;
    font-size: 16px;
    line-height: 20px;
  }

  .hide-tablet {
    display: none;
  }

  .show-tablet {
    display: block;
  }

  .uui-dropdown-icon {
    color: var(--untitled-ui--gray500);
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0;
    inset: auto 0% auto auto;
  }

  .menu-icon_line-middle-inner {
    width: 4px;
    height: 0;
    padding-bottom: 0;
    padding-right: 0;
  }

  .navbar01_menu {
    grid-column-gap: 0px;
    grid-row-gap: .5rem;
    color: var(--untitled-ui--gray900);
    flex-direction: column;
    align-items: flex-start;
    display: flex;
  }

  .uui-navbar01_link {
    color: var(--untitled-ui--gray900);
    width: 100%;
    padding: .75rem 0;
    font-size: 1.125rem;
  }

  .uui-navbar01_link:hover {
    color: var(--untitled-ui--gray900);
  }

  .uui-navbar01_dropdown-content-left {
    align-content: start;
    align-items: start;
    padding-left: 0;
    padding-right: 0;
  }

  .uui-navbar01_button-wrapper {
    flex-direction: column-reverse;
    align-items: stretch;
    display: flex;
  }

  .uui-navbar01_dropdown-toggle {
    color: var(--untitled-ui--gray900);
    align-items: center;
    padding-top: .75rem;
    padding-bottom: .75rem;
    padding-left: 0;
    font-size: 1.125rem;
    display: flex;
  }

  .uui-navbar01_dropdown-toggle:hover {
    color: var(--untitled-ui--gray900);
  }

  .uui-navbar01_blog-item {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .uui-navbar01_blog-item:hover {
    background-color: #0000;
  }

  .menu-icon_line-bottom {
    background-color: var(--untitled-ui--gray700);
    border-radius: 1rem;
    width: 24px;
    height: 2px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .uui-navbar01_dropdown-blog-list {
    width: 100%;
  }

  .menu-icon_line-middle {
    background-color: var(--untitled-ui--gray700);
    border-radius: 1rem;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 2px;
    margin-top: 6px;
    margin-bottom: 6px;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
  }

  .uui-navbar01_menu-right {
    flex-direction: column-reverse;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    align-items: stretch;
    margin-top: 1.5rem;
    padding-bottom: 7rem;
  }

  .menu-icon_line-top {
    background-color: var(--untitled-ui--gray700);
    border-radius: 1rem;
    width: 24px;
    height: 2px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .uui-navbar01_menu {
    border-top: 1px solid var(--untitled-ui--gray100);
    -webkit-text-fill-color: inherit;
    background-color: #fff;
    background-clip: border-box;
    align-items: flex-start;
    height: 100vh;
    margin-left: 0;
    padding: 1.5rem 2rem 5rem;
    position: absolute;
    overflow: auto;
  }

  .uui-navbar01_dropdown-content {
    flex-direction: column;
  }

  .menu-icon_component {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 48px;
    height: 48px;
    margin-right: -.5rem;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
  }

  .uui-navbar01_dropdown-content-right {
    align-items: flex-start;
    max-width: none;
    padding-left: 2rem;
    padding-right: 2rem;
    overflow: hidden;
  }

  .uui-navbar01_menu-button.w--open {
    background-color: #0000;
  }

  .uui-navbar01_menu-dropdown {
    width: 100%;
    position: relative;
  }

  .uui-navbar01_large-item-content {
    width: 100%;
  }

  .uui-navbar01_dropdown-link {
    padding-left: 0;
    padding-right: 0;
  }

  .uui-navbar01_dropdown-link:hover {
    background-color: #0000;
  }

  .uui-navbar01_dropdown-right-overlay-absolute {
    border-radius: .5rem;
    min-width: 100%;
  }

  .uui-navbar01_dropdown-list {
    position: relative;
    overflow: hidden;
  }

  .uui-navbar01_dropdown-list.w--open {
    box-shadow: none;
    border-style: none;
    align-items: flex-start;
    min-width: auto;
    margin-bottom: 1.5rem;
    padding: 0 0 0;
    position: relative;
    top: 0;
    left: 0;
    right: 0;
  }

  .uui-button-secondary-gray.show-tablet {
    display: block;
  }

  .uui-navbar01_dropdown-content-heading, .uui-navbar01_dropdown-content-button-wrapper {
    margin-bottom: 0;
    margin-left: 0;
  }

  .voice-header, .voice-solutions {
    padding-left: 40px;
    padding-right: 40px;
  }

  .usecase-title-h1, .header-title-h1.mobile-version, .foundation-h1.on-black {
    font-size: 48px;
    line-height: 56px;
  }

  .language-ill.set1-lang, .lang-img-wrapper, .language-ill-set2 {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
  }

  .future-text {
    font-size: 12px;
  }

  .div-block-1705, .update-button {
    padding: 4px 8px;
  }

  .div-block-1687-copy {
    justify-content: flex-end;
    align-items: flex-end;
    width: 100%;
    height: auto;
  }

  .image-221 {
    width: auto;
    height: auto;
  }

  .div-block-1711 {
    justify-content: center;
    align-items: center;
    width: 60%;
  }

  .book-demo-card-recurring {
    padding-bottom: 48px;
    padding-left: 40px;
    padding-right: 40px;
  }

  .demo-card-content, .logos-section {
    padding-left: 40px;
    padding-right: 40px;
  }

  .title-section {
    padding-top: 40px;
    padding-left: 40px;
    padding-right: 40px;
  }

  .demo-text-box {
    width: 100%;
  }

  .testimonials-section {
    padding: 40px;
  }

  .demo-section {
    padding-bottom: 40px;
    padding-left: 40px;
    padding-right: 40px;
  }

  .number-heading {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    justify-content: center;
    align-items: center;
  }

  .numbers-grid {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    grid-auto-flow: row dense;
    place-items: center;
    width: 100%;
  }

  .numbers-text-wrapper {
    justify-content: center;
    align-items: center;
    width: 100%;
    display: flex;
  }

  .infra-text-h1 {
    font-size: 48px;
    line-height: 56px;
  }

  .co-pilot-features-container {
    padding-left: 40px;
    padding-right: 40px;
  }

  .feature-title {
    font-size: 32px;
    line-height: 44px;
  }

  .text-block-4597 {
    font-size: 14px;
    line-height: 20px;
  }

  .feature-01-content {
    width: 100px;
  }

  .feature-01-content.text-block {
    width: 50%;
    max-width: 100%;
    margin-bottom: 0;
  }

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

  .text-block-4598 {
    font-size: 14px;
    line-height: 20px;
  }

  .feature-01-content-copy-copy, .feature-01-content-copy-copy.f3-text-wrap {
    padding-left: 20px;
    padding-right: 20px;
  }

  .main-div-block {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .image-227, .image-228 {
    width: 100%;
  }

  .audit-features-container {
    width: 100vw;
    padding: 40px;
  }

  .audit-f1-img {
    position: static;
  }

  .writing-agent-container {
    width: 100vw;
    padding: 40px;
  }

  .f1-writing-box {
    padding: 20px;
  }

  .f2-writing-img.feature-two-copy {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .f2-writing-img-02 {
    padding-top: 20px;
  }

  .company-main-header {
    padding-left: 40px;
    padding-right: 40px;
  }

  .uui-heading-xlarge {
    font-size: 40px;
  }

  .uui-text-size-xlarge {
    font-size: 14px;
  }

  .uui-heroheader17_card-image-01 {
    width: 32rem;
    left: 14%;
  }

  .uui-heroheader17_card-image {
    width: 32rem;
  }

  .uui-heroheader17_image-background {
    width: 100vw;
  }

  .uui-space-large {
    min-height: 2.5rem;
  }

  .uui-space-xhuge {
    min-height: 6rem;
  }

  .uui-heading-xlarge-2 {
    font-size: 3.25rem;
  }

  .uui-heroheader18_image-wrapper {
    height: auto;
    padding-bottom: 0;
  }

  .uui-heroheader18_image {
    width: 100%;
    min-width: auto;
  }

  .uui-heroheader18_background-grid {
    width: 150vw;
    min-width: 150vw;
  }

  .uui-heroheader18_background-grid-section {
    height: 7.5vw;
  }

  .uui-space-large-2 {
    min-height: 2.5rem;
  }

  .uui-space-xhuge-2 {
    min-height: 6rem;
  }

  .uui-layout08_component {
    grid-template-columns: 1fr;
    grid-auto-flow: row;
    min-height: auto;
  }

  .key-features-section {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    padding: 80px 40px 40px;
  }

  .uui-padding-vertical-xhuge {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .book-demo-card {
    padding: 100px 40px;
  }

  .full-page {
    padding-left: 40px;
    padding-right: 40px;
  }

  .header-text-container {
    justify-content: center;
    align-items: flex-start;
  }

  .uui-contact03_component {
    grid-column-gap: 3rem;
    grid-auto-flow: row;
    min-height: auto;
  }

  .uui-padding-vertical-xhuge-2 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .rootflo-contact-us {
    padding-left: 40px;
    padding-right: 40px;
  }

  .hide-tablet-2 {
    display: none;
  }

  .show-tablet-2 {
    display: block;
  }

  .uui-dropdown-icon-2 {
    color: var(--untitled-ui--gray500);
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0;
    inset: auto 0% auto auto;
  }

  .menu-icon_line-middle-inner-2 {
    width: 4px;
    height: 0;
    padding-bottom: 0;
    padding-right: 0;
  }

  .menu-icon_line-bottom-2 {
    background-color: var(--untitled-ui--gray700);
    border-radius: 1rem;
    width: 24px;
    height: 2px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .menu-icon_line-middle-2 {
    background-color: var(--untitled-ui--gray700);
    border-radius: 1rem;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 2px;
    margin-top: 6px;
    margin-bottom: 6px;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
  }

  .menu-icon_line-top-2 {
    background-color: var(--untitled-ui--gray700);
    border-radius: 1rem;
    width: 24px;
    height: 2px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .menu-icon_component-2 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 48px;
    height: 48px;
    margin-right: -.5rem;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
  }

  .uui-navbar04_dropdown-content-left {
    padding-left: 0;
    padding-right: 0;
  }

  .uui-navbar04_dropdown-content-right {
    max-width: none;
    padding-right: 2rem;
  }

  .uui-navbar04_dropdown-right-overlay-absolute {
    border-radius: .5rem;
    min-width: 100%;
  }

  .uui-navbar04_dropdown-link {
    padding-left: 0;
    padding-right: 0;
  }

  .uui-navbar04_dropdown-link:hover {
    background-color: #0000;
  }

  .uui-navbar04_dropdown-content {
    flex-direction: column;
  }

  .rootflo-nav-menu {
    border-top: 1px solid var(--untitled-ui--gray100);
    -webkit-text-fill-color: inherit;
    background-color: #fff;
    background-clip: border-box;
    align-items: flex-start;
    height: 100vh;
    margin-left: 0;
    padding: 1.5rem 2rem 5rem;
    position: absolute;
    overflow: auto;
  }

  .nav-menu-left {
    grid-column-gap: 0px;
    grid-row-gap: .5rem;
    color: var(--untitled-ui--gray900);
    flex-direction: column;
    align-items: flex-start;
    display: flex;
  }

  .uui-navbar04_link {
    color: var(--untitled-ui--gray900);
    width: 100%;
    padding: .75rem 0;
    font-size: 1.125rem;
  }

  .uui-navbar04_link:hover {
    color: var(--untitled-ui--gray900);
  }

  .agents-toggle {
    color: var(--untitled-ui--gray900);
    align-items: center;
    padding-top: .75rem;
    padding-bottom: .75rem;
    padding-left: 0;
    font-size: 1.125rem;
    display: flex;
  }

  .agents-toggle:hover {
    color: var(--untitled-ui--gray900);
  }

  .uui-navbar04_dropdown-list {
    position: relative;
    overflow: hidden;
  }

  .uui-navbar04_dropdown-list.w--open {
    box-shadow: none;
    border-style: none;
    align-items: flex-start;
    min-width: auto;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    position: relative;
    top: 0;
    left: 0;
    right: 0;
  }

  .rootflo-nav-right {
    flex-direction: column-reverse;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    align-items: stretch;
    margin-top: 1.5rem;
    padding-bottom: 7rem;
  }

  .button-menu-nav.w--open {
    background-color: #0000;
  }

  .agents-menu-dropdown {
    width: 100%;
    position: relative;
  }

  .uui-button-secondary-gray-5.show-tablet-2 {
    display: block;
  }

  .main-btn-wrapper {
    flex-direction: column-reverse;
    align-items: stretch;
    display: flex;
  }

  .nav-menu-wrapper-2 {
    background-color: #0000;
  }

  .nav-menu-6 {
    background-color: #fff;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
    padding-left: 0;
    display: flex;
  }

  .nav-link-8 {
    padding-left: 5px;
    padding-right: 5px;
  }

  .nav-dropdown-list-2.shadow-three.w--open {
    position: absolute;
  }

  .nav-button-wrapper-2 {
    width: 100%;
    margin-left: 0;
  }

  .menu-button-5 {
    padding: 12px;
  }

  .menu-button-5.w--open {
    color: #fff;
    background-color: #a6b1bf;
  }

  .uui-navbar04_dropdown-content-left-2 {
    padding-left: 0;
    padding-right: 0;
  }

  .uui-navbar04_dropdown-content-right-2 {
    max-width: none;
    padding-right: 2rem;
  }

  .uui-navbar04_dropdown-right-overlay-absolute-2 {
    border-radius: .5rem;
    min-width: 100%;
  }

  .uui-navbar04_dropdown-link-2 {
    padding-left: 0;
    padding-right: 0;
  }

  .uui-navbar04_dropdown-link-2:hover {
    background-color: #0000;
  }

  .uui-navbar04_dropdown-content-2 {
    flex-direction: column;
  }

  .rootflo-final-navbar {
    padding-left: 40px;
    padding-right: 40px;
  }

  .rootflo-menu-link {
    color: var(--untitled-ui--gray900);
    width: 100%;
    padding: .75rem 0;
    font-size: 1.125rem;
  }

  .rootflo-menu-link:hover {
    color: var(--untitled-ui--gray900);
  }

  .agents-dropdown {
    position: relative;
    overflow: hidden;
  }

  .agents-dropdown.w--open {
    box-shadow: none;
    border-style: none;
    align-items: flex-start;
    min-width: auto;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    position: relative;
    top: 0;
    left: 0;
    right: 0;
  }

  .agents-dropdown-copy {
    position: relative;
    overflow: hidden;
  }

  .agents-dropdown-copy.w--open {
    box-shadow: none;
    border-style: none;
    align-items: flex-start;
    min-width: auto;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    position: relative;
    top: 0;
    left: 0;
    right: 0;
  }

  .text-block-4615 {
    font-size: 20px;
  }

  .div-block-1737, .image-238 {
    width: 100%;
  }

  .background-video-2 {
    height: 50%;
  }

  .text-highlight-section {
    height: auto;
    padding-left: 40px;
    padding-right: 40px;
  }

  .div-block-1739 {
    width: 80%;
  }

  .text-overview.scroll-highlight {
    font-size: 24px;
    line-height: 32px;
  }

  .uui-heading-xlarge-2-copy {
    font-size: 3.25rem;
  }

  .key-feature-text {
    font-size: 14px;
    line-height: 20px;
  }

  .key-features-container {
    width: 100%;
  }

  .key-feature-01 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    width: 100%;
    padding: 20px;
  }

  .uui-layout35_image-wrapper, .uui-layout35_image-wrapper._01, .uui-layout35_image-wrapper._02 {
    width: 72px;
    height: 72px;
  }

  .key-features-grid {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .key-features {
    width: 100%;
  }

  .uui-padding-vertical-xhuge-3 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .bold-text-9 {
    font-size: 20px;
  }

  .uui-heading-xxsmall {
    font-size: 16px;
  }

  .uui-heading-medium-3 {
    font-size: 32px;
  }

  .uui-layout84_content-bottom {
    grid-column-gap: 2rem;
    grid-template-columns: 1fr 1fr;
    padding-top: 40px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .benefits-section {
    padding: 40px;
  }

  .benefits-container {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .uui-team06_component {
    padding-left: 0;
    padding-right: 0;
  }

  .teams-section {
    padding-left: 40px;
    padding-right: 40px;
  }

  .uui-team06_mask {
    width: 50%;
  }

  .teams-container {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .careers-title {
    font-weight: 400;
  }

  .rootflo-careers {
    padding-left: 40px;
    padding-right: 40px;
  }

  .career-container {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .real-time-wrapper {
    padding-top: 80px;
    padding-left: 40px;
    padding-right: 40px;
  }

  .uui-heading-xlarge-3 {
    font-size: 3.25rem;
  }

  .uui-text-size-xlarge-3 {
    font-size: 18px;
    line-height: 24px;
  }

  .uui-heroheader10_notification-image-wrapper {
    left: -2.5%;
  }

  .real-time-content-box {
    grid-column-gap: 0rem;
    grid-template-columns: 1fr;
    grid-auto-flow: row;
    min-height: auto;
  }

  .uui-space-large-3 {
    min-height: 2.5rem;
  }

  .uui-padding-vertical-xhuge-4 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .benefits-section-w-wo {
    padding: 40px;
  }

  .without-rootflo, .with-rootfo {
    padding: 3rem 20px;
  }

  .uui-heading-medium-3-copy, .benfits-title {
    font-size: 32px;
  }

  .image-241, .image-242, .key-features-copy {
    width: 100%;
  }

  .bold-text-10 {
    font-size: 48px;
    line-height: 56px;
  }

  .div-block-1741 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .featurea-title-container {
    justify-content: center;
    align-items: flex-start;
  }

  .benefits-container-gain {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .key-features-container-real-time {
    width: 100%;
  }

  .key-features-grid-real-time {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .key-features-section-gold-audit {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    padding: 80px 40px 40px;
  }

  .key-features-container-gold-audit {
    width: 100%;
  }

  .key-features-grid-gold-audit {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .benefits-section-gold-audit {
    height: 95vh;
    padding: 40px;
  }

  .uui-heading-xlarge-4 {
    font-size: 3.25rem;
  }

  .uui-heroheader17_card-image-01-2 {
    width: 32rem;
    left: 14%;
  }

  .uui-heroheader17_card-image-2 {
    width: 32rem;
  }

  .uui-heroheader17_image-background-2 {
    width: 100vw;
  }

  .uui-space-large-4 {
    min-height: 2.5rem;
  }

  .uui-space-xhuge-3 {
    min-height: 6rem;
  }

  .container-188 {
    width: 100%;
  }

  .cca-01, .div-block-1745-copy {
    padding: 24px;
  }

  .div-block-1748 {
    flex-flow: column;
    padding: 40px;
  }

  .gold-audit-content {
    width: 100%;
  }

  .key-features-section-cc-audit {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    padding: 80px 40px 40px;
  }

  .hide-tablet-3 {
    display: none;
  }

  .cc-heading {
    font-size: 3.25rem;
  }

  .uui-heroheader09_component {
    grid-template-columns: 1fr;
    grid-auto-flow: row;
    min-height: auto;
  }

  .uui-space-large-5 {
    min-height: 2.5rem;
  }

  .uui-padding-vertical-xhuge-5 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .benefits-section-cc-audit {
    height: 95vh;
    padding: 40px;
  }

  .cc-container {
    flex-flow: column;
    padding: 40px;
  }

  .cc-content-wrapper, .cc-benefits-grid {
    width: 100%;
  }

  .featurea-title-container-cc {
    justify-content: center;
    align-items: flex-start;
  }

  .golduadit-benefits {
    flex-flow: column;
    padding: 40px;
  }

  .goldaudit-benefits-box {
    width: 100%;
  }

  .ga-01, .ga-02, .ga-04 {
    padding: 24px;
  }

  .tab-text {
    font-size: 16px;
  }

  .tab-heading {
    font-size: 22px;
    line-height: 36px;
  }

  .section-80 {
    position: relative;
  }

  .tab-line {
    height: 40vh;
    max-height: 337.5px;
    top: 15px;
  }

  .container-189 {
    width: 94%;
  }

  .scroll-image-box {
    width: auto;
  }

  .number-box {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .content-main-box {
    display: 30pxpx;
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .tab-scroll {
    align-items: center;
  }

  .container-190 {
    max-width: 728px;
  }

  .gallery-wrapper {
    grid-template-columns: 1fr 1fr;
  }

  .gallery-sticky {
    position: relative;
    top: 0;
  }

  .feature-title-box-50 {
    padding-left: 12px;
    padding-right: 12px;
  }

  .feature-box-001 {
    width: 100%;
  }

  .feagfeature-title-box-copy {
    padding-left: 12px;
    padding-right: 12px;
  }

  .header-main-wrapper-copy {
    padding-top: 64px;
    padding-left: 0;
    padding-right: 0;
  }

  .scroll-section-wrapper {
    max-width: 728px;
  }

  .scroll-wrapper {
    grid-template-columns: 1fr 1fr;
  }

  .gallery-sticky-2 {
    position: relative;
    top: 0;
  }

  .key-features-section-guw {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    padding: 80px 40px 40px;
  }

  .guw-heading {
    font-size: 3.25rem;
  }

  .benefits-guw {
    height: 95vh;
    padding: 40px;
  }

  .guw-benefits {
    flex-flow: column;
    padding: 40px;
  }

  .guw-benefits-wrapper, .guw-before-box, .guw-after-box, .guw-after-wrap {
    width: 100%;
  }

  .cca-02 {
    padding: 24px;
  }

  .loan-memo-header {
    grid-template-columns: 1fr;
    grid-auto-flow: row;
    min-height: auto;
  }

  .key-features-section-lmg {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    padding: 80px 40px 40px;
  }

  .benefits-lmg {
    height: 95vh;
    padding: 40px;
  }

  .lmg-benefits {
    flex-flow: column;
    padding: 40px;
  }

  .lmg-benefits-wrapper {
    width: 100%;
  }

  .sticky-illustration {
    position: relative;
    top: 0;
  }

  .middleware-wrapper-section {
    padding-left: 40px;
    padding-right: 0;
  }

  .title-wrapper-section {
    padding-top: 40px;
    padding-left: 40px;
    padding-right: 40px;
  }

  .usecase-colours {
    padding-left: 40px;
    padding-right: 40px;
  }

  .usecase-w2 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .div-block-1772.blue {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    margin-bottom: 20px;
  }

  .heading-277 {
    font-size: 1.3rem;
    line-height: 2rem;
  }

  .container-191 {
    max-width: 728px;
  }

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

  .gallery-sticky-3 {
    position: relative;
    top: 0;
  }

  .testimonial-grid {
    grid-template-columns: 1fr 1fr;
  }

  .testimonial-main-image {
    width: 300px;
    height: 350px;
  }
}

@media screen and (max-width: 767px) {
  .section {
    padding-left: 20px;
    padding-right: 20px;
  }

  .div-block-2 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    order: 1;
    justify-content: space-between;
    width: 100%;
  }

  .div-block-3 {
    display: none;
  }

  .div-block-4 {
    flex-direction: column;
    justify-content: center;
    height: 600px;
    position: relative;
  }

  .div-block-5 {
    z-index: 100;
    width: 100%;
    margin-bottom: 40px;
    position: relative;
  }

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

  .heading {
    text-align: center;
  }

  .div-block-10 {
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-bottom: 40px;
    display: flex;
  }

  .div-block-11 {
    width: 100%;
    padding-left: 0;
  }

  .div-block-13 {
    filter: blur(5px);
    width: 100%;
    height: 600px;
    position: absolute;
  }

  .text-block-6 {
    justify-content: center;
  }

  .text-block-6.hide {
    display: none;
  }

  .div-block-29 {
    flex-direction: column;
    align-items: center;
  }

  .div-block-30 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    text-align: center;
    flex-direction: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    width: 100%;
    display: grid;
  }

  .div-block-31 {
    text-align: center;
    width: 100%;
  }

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

  .div-block-32 {
    flex-direction: column;
  }

  .div-block-34 {
    width: 100%;
    margin-bottom: 40px;
  }

  .div-block-35 {
    flex-direction: column;
  }

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

  .div-block-40 {
    flex-direction: column;
  }

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

  .button-3, .button-4, .button-4.w--current {
    font-size: 14px;
  }

  .collection-list {
    grid-template-columns: 1fr 1fr;
  }

  .brand-2 {
    padding-left: 0;
  }

  .image-24 {
    display: none;
  }

  .text-block-15 {
    margin-bottom: 20px;
  }

  .heading-15 {
    font-size: 28px;
    line-height: 24px;
  }

  .div-block-61 {
    width: 500px;
    height: 500px;
  }

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

  .text-block-21, .text-field, .field-label {
    font-size: 14px;
  }

  .link-block-7 {
    padding: 10px 20px;
  }

  .text-block-18 {
    font-size: 14px;
  }

  .div {
    flex-direction: column;
    justify-content: center;
    position: relative;
  }

  .collection-list-4 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
  }

  .div-block-350 {
    display: none;
  }

  .image-123 {
    padding-right: 0;
  }

  .div-block-5-copy {
    z-index: 100;
    width: 100%;
    margin-bottom: 20px;
    position: relative;
  }

  .heading-16 {
    font-size: 30px;
  }

  .div-block-361 {
    order: 1;
    width: 100%;
  }

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

  .section-23 {
    padding-top: 40px;
  }

  .navbar-3 {
    padding-top: 30px;
  }

  .heading-21 {
    font-size: 40px;
    line-height: 52px;
  }

  .container-15 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .div-block-375 {
    inset: -15% 0% auto 3%;
  }

  .heading-22 {
    font-size: 42px;
  }

  .div-block-377 {
    width: 100%;
    padding-right: 0;
  }

  .div-block-378 {
    width: 100%;
    display: none;
  }

  .div-block-379, .div-block-381 {
    flex-direction: column;
  }

  .div-block-382 {
    width: 100%;
    padding-right: 0;
  }

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

  .div-block-384 {
    border-bottom-style: none;
  }

  .div-block-385 {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
  }

  .heading-24 {
    font-size: 40px;
  }

  .fs-sliderdots-nav {
    bottom: 0%;
  }

  .heading-26 {
    font-size: 42px;
  }

  .text-block-35 {
    font-size: 20px;
  }

  .heading-27 {
    font-size: 42px;
  }

  .heading-29 {
    font-size: 40px;
  }

  .div-block-412 {
    flex-direction: column;
    grid-template-columns: 1fr 1fr;
  }

  .constant {
    font-size: 42px;
  }

  .menu-button-2 {
    padding: 0;
  }

  .video-3, .video-3._1 {
    height: 300px;
  }

  .image-block-1, .image-block-2, .image-block-3 {
    margin-bottom: 20px;
    display: block;
  }

  .div-block-436 {
    margin-top: -90px;
  }

  .section-38 {
    padding-top: 60px;
  }

  .swiper-wrapper.is-slider-main {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .swiper-slide {
    height: 500px;
  }

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

  .heading-218 {
    font-size: 24px;
  }

  .div-block-1441 {
    width: 20%;
  }

  .heading-220 {
    font-size: 40px;
  }

  .image-137 {
    height: 3em;
  }

  .heading-221-copy {
    font-size: 24px;
  }

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

  .div-block-1459 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
  }

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

  .div-block-1475 {
    flex-direction: column;
  }

  .div-block-1476, .div-block-1477 {
    width: 100%;
  }

  .text-block-426 {
    font-size: 42px;
  }

  .container-162, .container-158-copy {
    display: none;
  }

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

  .div-block-1483 {
    margin-bottom: 30px;
  }

  .image-24-mobile {
    margin-bottom: 40px;
    display: block;
  }

  .collection-item-3 {
    display: flex;
  }

  .button-4-copy, .button-4-copy.w--current {
    font-size: 14px;
  }

  .div-block-1505 {
    flex-flow: column;
  }

  .video-div-main {
    margin-top: -180px;
  }

  .heading-231._1 {
    margin-right: 0;
  }

  .div-block-1511 {
    flex-flow: column;
  }

  .div-block-1513 {
    width: 100%;
    padding-left: 0;
  }

  .text-block-451._1 {
    padding-right: 0;
  }

  .div-block-1515 {
    width: 100%;
    margin-bottom: 32px;
  }

  .div-block-1516 {
    flex-flow: column;
  }

  .div-block-1517 {
    order: -1;
    width: 100%;
    margin-bottom: 32px;
  }

  .div-block-1518 {
    flex-flow: column;
  }

  .div-block-1519 {
    width: 100%;
    padding-right: 0;
  }

  .div-block-1520 {
    grid-column-gap: 20px;
  }

  .link-5 {
    font-size: 16px;
    line-height: 16px;
  }

  .div-block-1522 {
    flex-flow: column;
  }

  .div-block-1523, .div-block-1524 {
    width: 100%;
  }

  .div-block-1525 {
    flex-flow: column;
  }

  .div-block-1526 {
    order: 1;
    width: 100%;
  }

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

  .image-160 {
    height: 20px;
  }

  .text-block-4526 {
    font-size: 16px;
    line-height: 20px;
  }

  .text-block-4527 {
    font-size: 12px;
    line-height: 12px;
  }

  .div-block-1531 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    width: 100%;
  }

  .div-block-1532 {
    display: none;
  }

  .text-block-4528 {
    font-size: 13px;
    line-height: 17px;
  }

  .image-162 {
    height: 28px;
  }

  .image-162._1 {
    height: 74px;
  }

  .div-block-1533 {
    display: none;
  }

  .div-block-1535._1 {
    width: 100%;
  }

  .div-block-1536 {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    flex-flow: column;
  }

  .div-block-1536._1 {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    flex-flow: column;
    margin-bottom: 32px;
  }

  .div-block-1549 {
    grid-column-gap: 59px;
    grid-row-gap: 59px;
    flex-flow: column;
    display: flex;
  }

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

  .div-block-356-copy {
    height: 180px;
  }

  .div-block-1557 {
    background-color: #fff0;
    padding: 0;
  }

  .menu-link._1p {
    margin-bottom: 30px;
  }

  .menu-link._1p._1 {
    text-align: right;
    display: block;
  }

  .nav-menu-div {
    background-color: #000;
    padding: 20px;
  }

  .div-block-1560 {
    border-left: 1px solid #0003;
    padding-left: 20px;
  }

  .div-block-1560._1p {
    border-right: 1px solid #0003;
    padding-right: 20px;
  }

  .div-block-1561 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    justify-content: center;
    align-items: stretch;
    display: flex;
  }

  .div-block-1561._1 {
    display: none;
  }

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

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

  .div-block-1565 {
    width: 100%;
    padding-right: 0;
  }

  .div-block-1566 {
    width: 100%;
    display: none;
  }

  .div-block-1568 {
    grid-row-gap: 12px;
    flex-flow: column;
    display: flex;
  }

  .div-block-1570 {
    grid-row-gap: 12px;
    flex-flow: column;
    grid-template-columns: 1fr;
    display: flex;
  }

  .image-168 {
    display: block;
  }

  .image-169, .section-52.desk {
    display: none;
  }

  .section-52.mobile {
    display: flex;
  }

  .card-container {
    flex-flow: column;
    display: none;
  }

  .card {
    width: 100%;
  }

  .text_hide.mobl {
    display: block;
  }

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

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

  .image-177 {
    left: 13%;
  }

  .div-block-1593 {
    width: 528px;
  }

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

  .image-178 {
    left: 4%;
  }

  .div-block-1599 {
    grid-column-gap: 20px;
    flex-flow: wrap;
  }

  .card_1 {
    width: 100%;
  }

  .card_1.img1.mbl, .card_1.img_2.mbl, .card_1.img_3.mbl, .card_1.img_4.mbl {
    border: 2px solid var(--white);
  }

  .card_1.img_5 {
    background-image: linear-gradient(#131b1080, #131b1080), url("https://cdn.prod.website-files.com/64100316e1db9e6977ed6b0d/67090a40424956f79f1abcff_2e916336e1b5871b5d0eff05d8409abd%20(1).png");
    background-size: auto, cover;
  }

  .icon.icon--1 {
    margin-top: 97px;
    margin-left: 139px;
    transform: scale(.55);
  }

  .icon.icon--2 {
    margin-top: 49px;
    margin-left: 175px;
    transform: scale(.48);
  }

  .icon.icon--3 {
    margin-top: 13px;
    margin-left: 192px;
    transform: scale(.7);
  }

  .icon.icon--4 {
    margin-top: -7px;
    margin-left: 260px;
    transform: scale(.56);
  }

  .icon.icon--5 {
    margin-top: 10px;
    margin-left: 329px;
    transform: scale(.5);
  }

  .icon.icon--6 {
    margin-top: 46px;
    margin-left: 342px;
    transform: scale(.55);
  }

  .icon.icon--7 {
    margin-top: 94px;
    margin-left: 396px;
    transform: scale(.5);
  }

  .icon.s_icon1 {
    margin-top: -50px;
    margin-left: 198px;
    transform: scale(.75);
  }

  .icon.s_icon2 {
    margin-top: 11px;
    margin-left: 331px;
    transform: scale(.65);
  }

  .icon.s_icon3 {
    margin-top: -124px;
    margin-left: 55px;
    transform: scale(.78);
  }

  .icon.s_icon4 {
    margin-top: -120px;
    margin-left: 305px;
    transform: scale(.69);
  }

  .icon.s_icon5 {
    margin-top: 41px;
    margin-left: 122px;
    transform: scale(.8);
  }

  .icon.s_icon6 {
    margin-top: -11px;
    margin-left: 440px;
    transform: scale(1);
  }

  .icon.s_icon7 {
    margin-top: -79px;
    margin-left: 446px;
    transform: scale(.8);
  }

  .div-block-1600 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: wrap;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: flex;
  }

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

  .div-block-1602 {
    width: 20%;
  }

  .image-162-copy._1 {
    height: 33px;
  }

  .image-162-copy {
    height: 28px;
  }

  .container-172 {
    display: flex;
  }

  .new_mobilw_scoll_gsap {
    height: 540px;
  }

  .txt_holder {
    margin-top: 0;
  }

  .gsap_mbl_disk_1 {
    width: 600px;
  }

  .disk_1 {
    width: 440px;
    display: flex;
  }

  .shadow_mbl.s_mbl_1 {
    width: 125px;
    margin-top: -91px;
    margin-left: 191px;
  }

  .shadow_mbl.s_mbl_2 {
    margin-top: -10px;
    margin-left: 300px;
  }

  .shadow_mbl.s_mbl_3 {
    width: 120px;
    margin-top: -144px;
    margin-left: 40px;
  }

  .shadow_mbl.s_mbl_4 {
    width: 120px;
    margin-top: -142px;
    margin-left: 277px;
  }

  .shadow_mbl.s_mbl_5 {
    margin-top: 12px;
    margin-left: 90px;
  }

  .shadow_mbl.s_mbl_6 {
    width: 120px;
    margin-top: -22px;
    margin-left: 417px;
  }

  .shadow_mbl.s_mbl_7 {
    width: 100px;
    margin-top: -103px;
    margin-left: 407px;
  }

  .disk_2, .disk_3, .disk_4 {
    display: flex;
  }

  .heading-239 {
    margin-bottom: 10px;
    font-size: 24px;
    line-height: 26px;
  }

  .text-block-4563 {
    font-size: 16px;
    line-height: 1.2em;
  }

  .scrollbar {
    margin-top: -280px;
  }

  .spline_card_1 {
    width: 100%;
  }

  .spline_card_1.img1.mbl {
    border: 2px solid var(--white);
  }

  .spline_card_2 {
    width: 100%;
  }

  .spline_card_2.img_2.mbl {
    border: 2px solid var(--white);
  }

  .spline_card_3 {
    width: 100%;
  }

  .spline_card_3.img_3.mbl {
    border: 2px solid var(--white);
  }

  .spline_card_4 {
    width: 100%;
  }

  .spline_card_4.img_4.mbl {
    border: 2px solid var(--white);
  }

  .spline_card_5 {
    width: 100%;
  }

  .spline_card_5.img_5 {
    background-image: linear-gradient(#131b1080, #131b1080), url("https://cdn.prod.website-files.com/64100316e1db9e6977ed6b0d/67090a40424956f79f1abcff_2e916336e1b5871b5d0eff05d8409abd%20(1).png");
    background-size: auto, cover;
  }

  .div-block-1619 {
    flex-flow: column;
  }

  .div-block-1620, .div-block-1621 {
    width: 100%;
  }

  .text-block-4564 {
    font-size: 18px;
  }

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

  .text-block-4565 {
    text-align: center;
    font-size: 18px;
  }

  .text-block-4565._1 {
    font-size: 18px;
  }

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

  .div-block-1624 {
    justify-content: center;
    align-items: stretch;
  }

  .div-block-1625 {
    width: 61%;
  }

  .div-block-1626 {
    width: 41%;
  }

  .text-block-4566 {
    font-size: 32px;
  }

  .div-block-1627 {
    flex-flow: column;
  }

  .text-block-4568 {
    font-size: 16px;
  }

  .heading-242 {
    font-size: 26px;
  }

  .div-block-1634 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    width: 100%;
  }

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

  .div-block-1635 {
    padding: 12px;
  }

  .image-189 {
    width: 460px;
  }

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

  .footer-content-2 {
    grid-row-gap: 30px;
    grid-template-columns: 1fr 1fr 1fr;
  }

  .footer-wrapper-2 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .div-block-1242 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    width: 100%;
    margin-bottom: 30px;
  }

  .image-193 {
    width: 500px;
  }

  .image-194 {
    width: 600px;
  }

  .tab_div {
    display: none;
  }

  .lands_div {
    display: flex;
  }

  .image-195 {
    width: 320px;
  }

  .mobile_gsap_code {
    display: none;
  }

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

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

  .div-block-1636, .div-block-1637 {
    width: 100%;
  }

  .div-block-1638 {
    flex-flow: column;
  }

  .headin_h2.new, .paragraph-3 {
    text-align: center;
  }

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

  .div-block-1640 {
    flex-flow: column;
  }

  .div-block-1641 {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    width: 100%;
  }

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

  .text-block-4570 {
    text-align: center;
  }

  .div-block-1644, .div-block-1646 {
    justify-content: flex-start;
    align-items: center;
  }

  .image-197 {
    display: block;
  }

  .div-block-1649 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .swiper-carousel-animate-opacity {
    width: 100%;
  }

  .swiper-carousel-animate-opacity.img1.mbl {
    border: 2px solid var(--white);
  }

  .mobile.mobl, .text_mobile.mobl {
    display: block;
  }

  .navbar-brand {
    padding-left: 0;
  }

  .nav-menu-5 {
    flex-direction: column;
    padding-bottom: 30px;
    padding-left: 0;
  }

  .nav-link-5 {
    padding-top: 10px;
    padding-bottom: 10px;
    display: inline-block;
  }

  .nav-dropdown {
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .nav-dropdown-toggle {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .nav-dropdown-list.shadow-three {
    box-shadow: 0 8px 50px #0000000d;
  }

  .nav-dropdown-list.shadow-three.w--open {
    position: relative;
  }

  .nav-dropdown-list.shadow-three.mobile-shadow-hide {
    box-shadow: none;
  }

  .mobile-margin-top-10 {
    margin-top: 10px;
  }

  .div-block-1666.textblock {
    width: 100%;
  }

  .div-block-1667 {
    width: 100%;
    height: auto;
  }

  .auto-tabs-menu {
    padding-right: 0;
  }

  .auto-tabs-content, .auto-tabs-component {
    width: 100%;
  }

  .img-wrapper {
    aspect-ratio: 3 / 2;
    height: auto;
  }

  .img-content-auto {
    height: auto;
  }

  .uui-text-size-small.hide-mobile-landscape, .hide-mobile-landscape {
    display: none;
  }

  .uui-button {
    font-size: 1rem;
  }

  .uui-button:hover {
    border-color: var(--untitled-ui--primary600);
    background-color: var(--untitled-ui--primary600);
  }

  .uui-button-row {
    align-self: stretch;
  }

  .uui-navbar01_dropdown-link-list {
    grid-row-gap: .5rem;
    max-width: none;
  }

  .uui-navbar01_link {
    font-size: 1rem;
  }

  .uui-navbar01_dropdown-content-left {
    grid-row-gap: 1.5rem;
    flex-direction: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    padding-top: 1rem;
    padding-bottom: 1.5rem;
  }

  .uui-navbar01_dropdown-toggle {
    font-size: 1rem;
  }

  .uui-navbar01_blog-item {
    grid-column-gap: 1rem;
    grid-template-columns: .6fr 1fr;
  }

  .navbar-rootflo {
    min-height: 4.5rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .uui-navbar01_menu {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .uui-navbar01_dropdown-content-right {
    padding: 1.5rem 1rem;
  }

  .uui-button-link {
    font-size: 1rem;
  }

  .uui-button-link:hover {
    color: var(--untitled-ui--primary700);
  }

  .uui-button-secondary-gray {
    padding-left: 1.25rem;
    font-size: 1rem;
  }

  .uui-button-secondary-gray:hover {
    background-color: var(--untitled-ui--white);
    color: var(--untitled-ui--gray700);
  }

  .uui-button-tertiary-gray:hover {
    color: var(--untitled-ui--gray600);
    background-color: #0000;
  }

  .uui-styleguide_logomark-bg {
    background-image: url("https://cdn.prod.website-files.com/64100316e1db9e6977ed6b0d/681bcc7b5c6765f689ee8c02_a7a6765b73d4236d47e56027de15f557_untitled-ui-logomark.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .uui-badge-small-success {
    padding: .125rem .5rem;
  }

  .uui-page-padding {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .max-width-full-mobile-landscape {
    width: 100%;
    max-width: none;
  }

  .uui-button-2 {
    font-size: 1rem;
  }

  .uui-button-2:hover {
    border-color: var(--untitled-ui--primary600);
    background-color: var(--untitled-ui--primary600);
  }

  .uui-button-2.is-button-large {
    grid-column-gap: .5rem;
    padding: .75rem 1.25rem;
    font-size: 1rem;
  }

  .uui-heading-xlarge {
    font-size: 2.25rem;
  }

  .hiring-btn {
    align-self: stretch;
  }

  .hiring-btn.button-row-center.is-reverse-mobile-landscape, .hiring-btn.is-reverse-mobile-landscape {
    flex-direction: column-reverse;
  }

  .uui-button-wrapper.max-width-full-mobile-landscape {
    width: 100%;
  }

  .uui-button-icon-2.is-icon-large {
    width: 1.25rem;
    height: 1.25rem;
  }

  .uui-badge-group {
    font-size: .75rem;
  }

  .uui-badge-group_badge {
    padding: .125rem .5rem;
    font-size: .75rem;
  }

  .uui-text-size-xlarge {
    font-size: 1.125rem;
  }

  .uui-heroheader17_image-wrapper {
    height: 24rem;
    margin-bottom: 4rem;
  }

  .uui-heroheader17_card-image-01 {
    border-radius: 1.5rem;
    width: 22rem;
    transform: translate(-20%, 10%)rotate(0);
  }

  .uui-heroheader17_card-image {
    border-radius: 1.5rem;
    width: 22rem;
    transform: translate(30%, 5%)rotate(30deg);
  }

  .uui-button-secondary-gray-2 {
    padding-left: 1.25rem;
    font-size: 1rem;
  }

  .uui-button-secondary-gray-2:hover {
    background-color: var(--untitled-ui--white);
    color: var(--untitled-ui--gray700);
  }

  .uui-button-secondary-gray-2.is-button-large {
    grid-column-gap: .5rem;
    padding: .75rem 1.25rem;
    font-size: 1rem;
  }

  .uui-space-small {
    min-height: 1.25rem;
  }

  .uui-space-large {
    min-height: 2rem;
  }

  .uui-space-xhuge {
    min-height: 4rem;
  }

  .uui-page-padding-2 {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .max-width-full-mobile-landscape-2 {
    width: 100%;
    max-width: none;
  }

  .uui-button-3 {
    font-size: 1rem;
  }

  .uui-button-3:hover {
    border-color: var(--untitled-ui--primary600);
    background-color: var(--untitled-ui--primary600);
  }

  .uui-button-3.is-button-large {
    grid-column-gap: .5rem;
    padding: .75rem 1.25rem;
    font-size: 1rem;
  }

  .uui-heading-xlarge-2 {
    font-size: 2.25rem;
  }

  .uui-button-row-2 {
    align-self: stretch;
  }

  .uui-button-row-2.button-row-center.is-reverse-mobile-landscape, .uui-button-row-2.is-reverse-mobile-landscape {
    flex-direction: column-reverse;
  }

  .uui-button-wrapper-2.max-width-full-mobile-landscape-2 {
    width: 100%;
  }

  .uui-button-icon-3.is-icon-large {
    width: 1.25rem;
    height: 1.25rem;
  }

  .uui-badge-group-2 {
    font-size: .75rem;
  }

  .uui-badge-group_badge-2 {
    padding: .125rem .5rem;
    font-size: .75rem;
  }

  .uui-text-size-xlarge-2 {
    font-size: 1.125rem;
  }

  .uui-heroheader18_image-wrapper {
    padding-bottom: 4rem;
  }

  .uui-button-secondary-gray-3 {
    padding-left: 1.25rem;
    font-size: 1rem;
  }

  .uui-button-secondary-gray-3:hover {
    background-color: var(--untitled-ui--white);
    color: var(--untitled-ui--gray700);
  }

  .uui-button-secondary-gray-3.is-button-large {
    grid-column-gap: .5rem;
    padding: .75rem 1.25rem;
    font-size: 1rem;
  }

  .uui-heroheader18_background {
    background-image: url("https://cdn.prod.website-files.com/64100316e1db9e6977ed6b0d/682562f4f5d14c323e870149_c28566e04992215d7e435ea20c0cdd06_Background%20Pattern%20Small.svg");
    background-position: 50% -80px;
    top: 46%;
  }

  .uui-space-small-2 {
    min-height: 1.25rem;
  }

  .uui-space-large-2 {
    min-height: 2rem;
  }

  .uui-space-xhuge-2 {
    min-height: 4rem;
  }

  .rm-wm-header-content, .uui-page-padding-3 {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .max-width-full-mobile-landscape-3 {
    width: 100%;
    max-width: none;
  }

  .uui-text-size-large {
    font-size: 1rem;
  }

  .uui-heading-medium {
    font-size: 1.75rem;
    line-height: 1.4;
  }

  .uui-button-4 {
    font-size: 1rem;
  }

  .uui-button-4:hover {
    border-color: var(--untitled-ui--primary600);
    background-color: var(--untitled-ui--primary600);
  }

  .uui-button-row-3 {
    align-self: stretch;
  }

  .uui-button-row-3.is-reverse-mobile-landscape {
    flex-direction: column-reverse;
  }

  .uui-button-wrapper-3.max-width-full-mobile-landscape-3 {
    width: 100%;
  }

  .uui-layout08_item-list {
    margin-top: 1.5rem;
    margin-bottom: 2rem;
  }

  .uui-layout08_component {
    grid-row-gap: 3rem;
  }

  .uui-button-secondary-gray-4 {
    padding-left: 1.25rem;
    font-size: 1rem;
  }

  .uui-button-secondary-gray-4:hover {
    background-color: var(--untitled-ui--white);
    color: var(--untitled-ui--gray700);
  }

  .uui-space-xsmall {
    min-height: .75rem;
  }

  .uui-padding-vertical-xhuge {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .features-title, .features-title-copy {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .full-page {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
  }

  .uui-page-padding-4 {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .uui-text-size-large-2 {
    font-size: 1rem;
  }

  .uui-heading-medium-2 {
    font-size: 1.75rem;
    line-height: 1.4;
  }

  .uui-button-5 {
    font-size: 1rem;
  }

  .uui-button-5:hover {
    border-color: var(--untitled-ui--primary600);
    background-color: var(--untitled-ui--primary600);
  }

  .uui-contact03_component {
    grid-row-gap: 3rem;
    grid-template-columns: 1fr;
  }

  .uui-contact03_contact-list {
    margin-top: 2rem;
  }

  .uui-space-xsmall-2 {
    min-height: .75rem;
  }

  .uui-padding-vertical-xhuge-2 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .navbar-rootflo-copy {
    min-height: 4.5rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .dropdown-text.hide-mobile-landscape-2, .hide-mobile-landscape-2 {
    display: none;
  }

  .uui-button-6 {
    font-size: 1rem;
  }

  .uui-button-6:hover {
    border-color: var(--untitled-ui--primary600);
    background-color: var(--untitled-ui--primary600);
  }

  .uui-navbar04_dropdown-link-list {
    max-width: none;
  }

  .uui-navbar04_dropdown-content-left {
    grid-row-gap: 1.5rem;
    flex-direction: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .uui-navbar04_dropdown-content-right {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .uui-navbar04_component {
    min-height: 4.5rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .rootflo-nav-menu {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .uui-navbar04_link, .agents-toggle {
    font-size: 1rem;
  }

  .uui-button-secondary-gray-5 {
    padding-left: 1.25rem;
    font-size: 1rem;
  }

  .uui-button-secondary-gray-5:hover {
    background-color: var(--untitled-ui--white);
    color: var(--untitled-ui--gray700);
  }

  .uui-button-tertiary-gray-2:hover {
    color: var(--untitled-ui--gray600);
    background-color: #0000;
  }

  .uui-button-link-gray {
    font-size: 1rem;
  }

  .uui-button-link-gray:hover {
    color: var(--untitled-ui--gray600);
  }

  .uui-styleguide_logomark-bg-2 {
    background-image: url("https://cdn.prod.website-files.com/64100316e1db9e6977ed6b0d/681bcc7b5c6765f689ee8c02_a7a6765b73d4236d47e56027de15f557_untitled-ui-logomark.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .uui-badge-small-success-2 {
    padding: .125rem .5rem;
  }

  .navbar-brand-2 {
    padding-left: 0;
  }

  .nav-menu-6 {
    flex-direction: column;
    padding-bottom: 30px;
    padding-left: 0;
  }

  .nav-link-8 {
    padding-top: 10px;
    padding-bottom: 10px;
    display: inline-block;
  }

  .nav-dropdown-2 {
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .nav-dropdown-toggle-2 {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .nav-dropdown-list-2.shadow-three {
    box-shadow: 0 8px 50px #0000000d;
  }

  .nav-dropdown-list-2.shadow-three.w--open {
    position: relative;
  }

  .nav-dropdown-list-2.shadow-three.mobile-shadow-hide {
    box-shadow: none;
  }

  .mobile-margin-top-11 {
    margin-top: 10px;
  }

  .uui-text-size-small-2.hide-mobile-landscape {
    display: none;
  }

  .uui-button-7 {
    font-size: 1rem;
  }

  .uui-button-7:hover {
    border-color: var(--untitled-ui--primary600);
    background-color: var(--untitled-ui--primary600);
  }

  .uui-navbar04_dropdown-link-list-2 {
    max-width: none;
  }

  .uui-navbar04_dropdown-content-left-2 {
    grid-row-gap: 1.5rem;
    flex-direction: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .uui-navbar04_dropdown-content-right-2 {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .rootflo-final-navbar {
    min-height: 4.5rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .rootflo-menu-link {
    font-size: 1rem;
  }

  .uui-heading-xlarge-2-copy {
    font-size: 2.25rem;
  }

  .key-features-container {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .key-feature-title {
    font-size: 1.5rem;
  }

  .uui-button-row-4 {
    align-self: stretch;
  }

  .uui-layout35_image-wrapper {
    margin-bottom: 1.5rem;
  }

  .key-features-grid {
    grid-row-gap: 3rem;
    grid-template-columns: 1fr;
  }

  .uui-button-link-2 {
    font-size: 1rem;
  }

  .uui-button-link-2:hover {
    color: var(--untitled-ui--primary700);
  }

  .uui-space-small-3 {
    min-height: 1.25rem;
  }

  .uui-padding-vertical-xhuge-3 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .uui-page-padding-5 {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .max-width-full-mobile-landscape-4 {
    width: 100%;
    max-width: none;
  }

  .uui-text-size-large-3 {
    font-size: 1rem;
  }

  .uui-heading-xxsmall {
    font-size: 1.125rem;
  }

  .uui-heading-medium-3 {
    font-size: 1.75rem;
    line-height: 1.4;
  }

  .uui-button-8 {
    font-size: 1rem;
  }

  .uui-button-8:hover {
    border-color: var(--untitled-ui--primary600);
    background-color: var(--untitled-ui--primary600);
  }

  .uui-button-row-5 {
    align-self: stretch;
  }

  .uui-button-row-5.button-row-center.is-reverse-mobile-landscape, .uui-button-row-5.is-reverse-mobile-landscape {
    flex-direction: column-reverse;
  }

  .uui-button-wrapper-4.max-width-full-mobile-landscape-4 {
    width: 100%;
  }

  .uui-layout84_left, .uui-layout84_right {
    grid-row-gap: 2.5rem;
  }

  .uui-layout84_component {
    align-items: stretch;
  }

  .uui-layout84_content-bottom {
    grid-row-gap: 2.5rem;
    grid-template-columns: 1fr;
    margin-top: 3rem;
    margin-bottom: 3rem;
  }

  .uui-button-secondary-gray-6 {
    padding-left: 1.25rem;
    font-size: 1rem;
  }

  .uui-button-secondary-gray-6:hover {
    background-color: var(--untitled-ui--white);
    color: var(--untitled-ui--gray700);
  }

  .uui-layout84_image-wrapper {
    height: 22rem;
    overflow: hidden;
  }

  .uui-layout84_image {
    height: 40rem;
    margin-left: 1.5rem;
  }

  .uui-layout84_image-blob {
    width: 120%;
    min-width: 28rem;
    top: 22%;
  }

  .uui-space-xsmall-3 {
    min-height: .75rem;
  }

  .benefits-container {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .uui-page-padding-6 {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .max-width-full-mobile-landscape-5 {
    width: 100%;
    max-width: none;
  }

  .teams-subtext {
    font-size: 1rem;
  }

  .uui-heading-medium-4 {
    font-size: 1.75rem;
    line-height: 1.4;
  }

  .uui-button-9 {
    font-size: 1rem;
  }

  .uui-button-9:hover {
    border-color: var(--untitled-ui--primary600);
    background-color: var(--untitled-ui--primary600);
  }

  .uui-button-row-6 {
    align-self: stretch;
  }

  .uui-button-row-6.is-reverse-mobile-landscape {
    flex-direction: column-reverse;
  }

  .uui-button-wrapper-5.max-width-full-mobile-landscape-5 {
    width: 100%;
  }

  .social-link:hover {
    color: var(--untitled-ui--gray400);
  }

  .uui-team06_component {
    margin-top: 3rem;
  }

  .uui-team06_image-wrapper {
    height: 100%;
  }

  .uui-team06_slide {
    margin-right: 1.5rem;
  }

  .uui-team06_mask {
    width: 75%;
  }

  .uui-button-icon-5.is-icon-large {
    width: 1.25rem;
    height: 1.25rem;
  }

  .uui-team06_arrow.left {
    right: 3.5rem;
  }

  .career-secondary-button {
    padding-left: 1.25rem;
    font-size: 1rem;
  }

  .career-secondary-button:hover {
    background-color: var(--untitled-ui--white);
    color: var(--untitled-ui--gray700);
  }

  .uui-space-xsmall-4 {
    min-height: .75rem;
  }

  .uui-space-medium {
    min-height: 1.5rem;
  }

  .teams-container {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .career-subtext {
    font-size: 1rem;
  }

  .careers-title {
    font-size: 1.75rem;
    line-height: 1.4;
  }

  .uui-button-10 {
    font-size: 1rem;
  }

  .uui-button-10:hover {
    border-color: var(--untitled-ui--primary600);
    background-color: var(--untitled-ui--primary600);
  }

  .uui-career06_component {
    margin-top: 3rem;
  }

  .uui-badge {
    padding: .125rem .5rem;
  }

  .career-listing {
    padding: 1.25rem;
  }

  .uui-career06_job-details-wrapper {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
  }

  .career-container {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .real-time-container {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .hide-mobile-landscape-3 {
    display: none;
  }

  .uui-button-11 {
    font-size: 1rem;
  }

  .uui-button-11:hover {
    border-color: var(--untitled-ui--primary600);
    background-color: var(--untitled-ui--primary600);
  }

  .uui-button-11.is-button-large {
    grid-column-gap: .5rem;
    padding: .75rem 1.25rem;
    font-size: 1rem;
  }

  .uui-heading-xlarge-3 {
    font-size: 2.25rem;
  }

  .uui-text-size-xlarge-3 {
    font-size: 1.125rem;
  }

  .uui-heroheader10_image-wrapper {
    align-items: flex-start;
    height: 26rem;
  }

  .uui-heroheader10_image {
    bottom: 0%;
  }

  .uui-section_heroheader10 {
    overflow: hidden;
  }

  .uui-heroheader10_image-background {
    height: 40rem;
    top: 10%;
  }

  .uui-button-secondary-gray-7 {
    padding-left: 1.25rem;
    font-size: 1rem;
  }

  .uui-button-secondary-gray-7:hover {
    background-color: var(--untitled-ui--white);
    color: var(--untitled-ui--gray700);
  }

  .uui-button-secondary-gray-7.is-button-large {
    grid-column-gap: .5rem;
    padding: .75rem 1.25rem;
    font-size: 1rem;
  }

  .uui-heroheader10_image-inner-wrapper {
    overflow: visible;
  }

  .uui-space-small-4 {
    min-height: 1.25rem;
  }

  .uui-space-large-3 {
    min-height: 2rem;
  }

  .uui-padding-vertical-xhuge-4, .without-rootflo, .with-rootfo {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .uui-heading-medium-3-copy, .benfits-title {
    font-size: 1.75rem;
    line-height: 1.4;
  }

  .benefits-container-gain {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .key-features-container-real-time {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .key-features-grid-real-time {
    grid-row-gap: 3rem;
    grid-template-columns: 1fr;
  }

  .key-features-container-gold-audit {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .key-features-grid-gold-audit {
    grid-row-gap: 3rem;
    grid-template-columns: 1fr;
  }

  .uui-page-padding-7 {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .max-width-full-mobile-landscape-6 {
    width: 100%;
    max-width: none;
  }

  .uui-button-12 {
    font-size: 1rem;
  }

  .uui-button-12:hover {
    border-color: var(--untitled-ui--primary600);
    background-color: var(--untitled-ui--primary600);
  }

  .uui-button-12.is-button-large {
    grid-column-gap: .5rem;
    padding: .75rem 1.25rem;
    font-size: 1rem;
  }

  .uui-heading-xlarge-4 {
    font-size: 2.25rem;
  }

  .uui-button-row-7 {
    align-self: stretch;
  }

  .uui-button-row-7.button-row-center.is-reverse-mobile-landscape, .uui-button-row-7.is-reverse-mobile-landscape {
    flex-direction: column-reverse;
  }

  .uui-button-wrapper-6.max-width-full-mobile-landscape-6 {
    width: 100%;
  }

  .uui-button-icon-6.is-icon-large {
    width: 1.25rem;
    height: 1.25rem;
  }

  .uui-badge-group-3 {
    font-size: .75rem;
  }

  .uui-badge-group_badge-3 {
    padding: .125rem .5rem;
    font-size: .75rem;
  }

  .uui-text-size-xlarge-4 {
    font-size: 1.125rem;
  }

  .uui-heroheader17_image-wrapper-2 {
    height: 24rem;
    margin-bottom: 4rem;
  }

  .uui-heroheader17_card-image-01-2 {
    border-radius: 1.5rem;
    width: 22rem;
    transform: translate(-20%, 10%)rotate(0);
  }

  .uui-heroheader17_card-image-2 {
    border-radius: 1.5rem;
    width: 22rem;
    transform: translate(30%, 5%)rotate(30deg);
  }

  .uui-button-secondary-gray-8 {
    padding-left: 1.25rem;
    font-size: 1rem;
  }

  .uui-button-secondary-gray-8:hover {
    background-color: var(--untitled-ui--white);
    color: var(--untitled-ui--gray700);
  }

  .uui-button-secondary-gray-8.is-button-large {
    grid-column-gap: .5rem;
    padding: .75rem 1.25rem;
    font-size: 1rem;
  }

  .uui-space-small-5 {
    min-height: 1.25rem;
  }

  .uui-space-large-4 {
    min-height: 2rem;
  }

  .uui-space-xhuge-3 {
    min-height: 4rem;
  }

  .benefits-pointers {
    grid-row-gap: 2.5rem;
  }

  .hide-mobile-landscape-4 {
    display: none;
  }

  .uui-page-padding-8 {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .max-width-full-mobile-landscape-7 {
    width: 100%;
    max-width: none;
  }

  .uui-button-13 {
    font-size: 1rem;
  }

  .uui-button-13:hover {
    border-color: var(--untitled-ui--primary600);
    background-color: var(--untitled-ui--primary600);
  }

  .uui-button-13.is-button-large {
    grid-column-gap: .5rem;
    padding: .75rem 1.25rem;
    font-size: 1rem;
  }

  .cc-heading {
    font-size: 2.25rem;
  }

  .uui-button-row-8 {
    align-self: stretch;
  }

  .uui-button-row-8.is-reverse-mobile-landscape {
    flex-direction: column-reverse;
  }

  .uui-button-wrapper-7.max-width-full-mobile-landscape-7 {
    width: 100%;
  }

  .uui-button-icon-7.is-icon-large {
    width: 1.25rem;
    height: 1.25rem;
  }

  .uui-text-size-xlarge-5 {
    font-size: 1.125rem;
  }

  .uui-button-secondary-gray-9 {
    padding-left: 1.25rem;
    font-size: 1rem;
  }

  .uui-button-secondary-gray-9:hover {
    background-color: var(--untitled-ui--white);
    color: var(--untitled-ui--gray700);
  }

  .uui-button-secondary-gray-9.is-button-large {
    grid-column-gap: .5rem;
    padding: .75rem 1.25rem;
    font-size: 1rem;
  }

  .uui-space-small-6 {
    min-height: 1.25rem;
  }

  .uui-space-large-5 {
    min-height: 2rem;
  }

  .uui-padding-vertical-xhuge-5 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .main-heading {
    font-size: 30px;
    line-height: 54px;
  }

  .tab-text {
    font-size: 1.6vw;
    line-height: 2;
  }

  .tab-heading {
    font-size: 2.2vw;
    line-height: 1.2;
  }

  .tab-line {
    z-index: 2;
    border: 1px dashed #e5e5e5;
    border-style: solid dashed dashed solid;
    width: 80%;
    height: 1px;
    inset: 30px 0% auto 10%;
  }

  .scroll-image-box {
    width: 96%;
  }

  .number-box {
    text-align: center;
    flex-direction: column;
    align-items: center;
    max-width: 160px;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
  }

  .tab-content {
    display: block;
  }

  .inner-content-box {
    height: auto;
    position: sticky;
    top: 60px;
  }

  .content-main-box {
    flex-direction: row;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    width: 100%;
    max-width: none;
    display: grid;
  }

  .tab-scroll {
    flex-direction: column;
    margin-top: 20px;
    position: static;
  }

  .number-block {
    width: 60px;
    height: 60px;
    font-size: 24px;
    line-height: 30px;
  }

  .gallery-scroll, .scroll-section {
    padding: 60px 15px;
  }

  .guw-heading {
    font-size: 2.25rem;
  }

  .gallery-scroll-2, .container-stack {
    padding: 60px 15px;
  }

  .testimonial-main-image {
    width: 250px;
  }
}

@media screen and (max-width: 479px) {
  .navbar {
    padding-left: 10px;
    padding-right: 10px;
  }

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

  .nav-link {
    text-align: left;
    margin-left: 0;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
  }

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

  .section-2 {
    padding-left: 10px;
    padding-right: 10px;
  }

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

  .heading {
    font-size: 24px;
    line-height: 40px;
  }

  .text-block {
    font-size: 14px;
    line-height: 20px;
  }

  .button-2 {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .section-4 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .heading-4 {
    font-size: 28px;
  }

  .section-5 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .div-block-10 {
    width: 100%;
    margin-bottom: 40px;
  }

  .div-block-11 {
    width: 100%;
    padding-left: 0;
  }

  .section-6, .section-7 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .heading-6 {
    font-size: 28px;
    line-height: 42px;
  }

  .section-9 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .heading-7 {
    font-size: 28px;
    line-height: 42px;
  }

  .div-block-19 {
    padding: 20px;
  }

  .heading-9 {
    font-size: 28px;
    line-height: 42px;
  }

  .div-block-24 {
    padding: 20px;
  }

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

  .section-10 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .section-11.new {
    padding: 40px 10px;
  }

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

  .div-block-39 {
    width: 80px;
    height: 80px;
  }

  .section-13.new {
    padding: 40px 10px;
  }

  .div-block-47 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .heading-12 {
    font-size: 32px;
    line-height: 34px;
  }

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

  .button-3 {
    text-align: center;
    width: 100%;
    font-size: 16px;
  }

  .button-3.w--current {
    font-size: 16px;
  }

  .button-4 {
    text-align: center;
    width: 100%;
    margin-bottom: 20px;
    font-size: 16px;
  }

  .button-4.w--current {
    text-align: center;
    width: 100%;
    font-size: 16px;
  }

  .collection-list {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-direction: column;
    align-items: flex-start;
    display: flex;
  }

  .image-24 {
    margin-bottom: 20px;
  }

  .heading-14 {
    font-size: 28px;
    line-height: 36px;
  }

  .text-block-15 {
    line-height: 24px;
  }

  .rich-text-block {
    font-size: 16px;
    line-height: 28px;
  }

  .collection-item-2 {
    background-position: 75%;
  }

  .div-block-61 {
    width: 100%;
    height: 501px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .div-block-60 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .link-block-7 {
    padding-top: 8px;
    padding-bottom: 8px;
  }

  .menu-button {
    z-index: 100;
  }

  .menu-button.w--open {
    background-color: #0000;
  }

  .nav-menu {
    background-color: #fff;
    flex-direction: column;
    align-items: flex-start;
    padding-left: 5px;
  }

  .icon-3 {
    margin-left: 10px;
  }

  .icon-4 {
    margin-right: 10px;
  }

  .slide-nav {
    font-size: 8px;
    bottom: -10px;
  }

  .left-arrow {
    background-image: linear-gradient(to right, #00000059, #fff0);
  }

  .right-arrow {
    background-image: linear-gradient(to right, #fff0, #00000059);
  }

  .embed1 {
    margin-left: 0;
    margin-right: 0;
  }

  .collection-list-3, .collection-list-4 {
    flex-direction: column;
  }

  .nav-button {
    background-image: linear-gradient(#15a4ac, #e5f5b6);
    padding: 9px 20px;
    font-family: Libre Franklin, sans-serif;
  }

  .div-block-350 {
    padding-bottom: 20px;
    padding-left: 10px;
    display: flex;
  }

  .button-7 {
    outline-offset: 0px;
    color: #000;
    background-color: #3898ec00;
    border: 1px solid #15a4ac;
    border-radius: 50px;
    outline: 1px solid #e5f5b6;
    margin-right: 20px;
    padding-left: 20px;
    padding-right: 20px;
    font-family: Libre Franklin, sans-serif;
    font-size: 16px;
    font-weight: 600;
  }

  .div-block-351 {
    flex-direction: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    align-items: flex-start;
    padding-top: 10px;
    padding-bottom: 10px;
    display: flex;
  }

  .icon-5 {
    color: #000;
  }

  .div-block-5-copy {
    padding-right: 0;
  }

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

  .heading-16 {
    font-size: 24px;
  }

  .div-block-354 {
    padding: 20px 10px;
  }

  .section-22 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .heading-17 {
    font-size: 30px;
  }

  .terms-heading {
    font-size: 24px;
  }

  .heading-10-copy.new {
    font-size: 24px;
    line-height: 40px;
  }

  .collection-list-5 {
    grid-template-columns: 1fr 1fr;
  }

  .link-block-8 {
    margin-top: -14px;
  }

  .heading-19 {
    font-size: 18px;
  }

  .text-block-25 {
    font-size: 14px;
  }

  .image-124 {
    height: 2em;
  }

  .heading-21 {
    font-size: 30px;
    line-height: 42px;
  }

  .text-block-27, .button-9 {
    font-size: 16px;
  }

  .div-block-373 {
    margin-top: 40px;
  }

  .image-128 {
    height: 2em;
  }

  .text-block-28 {
    font-size: 14px;
  }

  .div-block-375 {
    width: 100%;
    top: -40%;
    left: 0%;
  }

  .section-26 {
    padding-bottom: 20px;
  }

  .heading-22 {
    font-size: 22px;
  }

  .div-block-376 {
    margin-bottom: 0;
  }

  .heading-23 {
    font-size: 22px;
  }

  .heading-24 {
    font-size: 30px;
  }

  .slider-2 {
    padding: 40px 20px;
  }

  .div-block-388 {
    flex-direction: column;
    align-items: flex-start;
  }

  .div-block-391 {
    display: none;
  }

  .section-28 {
    padding-bottom: 40px;
  }

  .heading-26 {
    font-size: 22px;
  }

  .text-block-35 {
    margin-right: 10px;
    padding: 8px 20px;
    font-size: 15px;
  }

  .section-30 {
    padding-bottom: 40px;
  }

  .heading-27, .heading-28 {
    font-size: 22px;
  }

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

  .heading-29 {
    font-size: 22px;
  }

  .button-11 {
    font-size: 16px;
  }

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

  .div-block-411 {
    padding: 20px;
  }

  .heading-30 {
    font-size: 22px;
  }

  .div-block-412 {
    flex-direction: column;
  }

  .heading-31 {
    font-size: 30px;
  }

  .div-block-414 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    justify-content: space-between;
  }

  .text-wrap {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .constant {
    font-size: 30px;
  }

  .video-3 {
    height: 200px;
  }

  .video-3._1 {
    height: 180px;
  }

  .div-block-436 {
    margin-top: -45px;
  }

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

  .slider-main_button-wrapper {
    flex-flow: row;
  }

  .slider-main_top-wrapper {
    margin-bottom: 20px;
  }

  .slider-main_button.swiper-next, .slider-main_button.swiper-prev {
    width: 2em;
    height: 2em;
  }

  .swiper-slide {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    border-radius: 16px;
    height: 420px;
  }

  .swiper-slide.is-slider-main.div-block-1421 {
    width: 90%;
    height: auto;
    padding: 20px;
  }

  .swiper-slide.swiper-slide-active {
    filter: none;
    background-image: linear-gradient(#0003, #0003);
    transform: none;
  }

  .swiper-slide._2 {
    justify-content: space-between;
    align-items: flex-start;
  }

  .swiper-slide._3 {
    justify-content: center;
    align-items: flex-start;
  }

  .section-39 {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .heading-220 {
    font-size: 30px;
  }

  .div-block-1442 {
    padding: 20px;
  }

  .button-12 {
    background-image: linear-gradient(117deg, #13a3ac, #feffb7);
  }

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

  .text-block-414 {
    font-size: 13px;
  }

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

  .image-138 {
    height: 3em;
  }

  .div-block-1442-copy {
    padding: 20px;
  }

  .image-140 {
    height: 4em;
  }

  .html-embed-4 {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .image-142 {
    height: 5em;
  }

  .nav-link-4 {
    text-align: right;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 16px;
  }

  .menu-button-3, .menu-button-3.w--open {
    background-color: #0000;
  }

  .icon-11 {
    color: #000;
  }

  .nav-menu-4 {
    background-color: #fff;
  }

  .luffsleep-banner {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .heading-224 {
    font-size: 26px;
  }

  .text-block-419 {
    font-size: 16px;
  }

  .heading-225, .heading-226 {
    text-align: center;
    font-size: 26px;
  }

  .text-block-421 {
    text-align: center;
    font-size: 16px;
  }

  .div-block-1471 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-direction: column;
  }

  .div-block-1472, .div-block-1473 {
    width: 100%;
  }

  .div-block-1478 {
    flex-direction: column;
  }

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

  .heading-224-tcr {
    font-size: 26px;
  }

  .text-block-41-trc {
    font-size: 16px;
  }

  .container-158 {
    align-items: flex-end;
    position: static;
  }

  .paragraph {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    line-height: 24px;
  }

  .quick-stack, .quick-stack-2 {
    padding-left: 0;
    padding-right: 0;
  }

  .text-block-426 {
    font-size: 30px;
  }

  .container-162 {
    display: none;
  }

  .container-158-copy {
    align-items: flex-end;
    display: none;
    position: static;
  }

  .div-block-1479-copy {
    grid-template-rows: repeat(auto-fit, 200px) 200px;
    grid-template-columns: 1fr 1fr;
    grid-auto-flow: row;
  }

  .decorkart-banner, .culturati-banner {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .image-24-mobile {
    margin-bottom: 20px;
  }

  .section-50 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .heading-31-copy {
    font-size: 30px;
  }

  .link-block-12 {
    padding: 6px 12px;
  }

  .text-block-428 {
    margin-right: 20px;
    font-size: 14px;
  }

  .text-block-429 {
    margin-right: 10px;
    font-size: 12px;
  }

  .div-block-1491 {
    flex-direction: column;
  }

  .div-block-1492, .div-block-1493 {
    width: 100%;
  }

  .image-149 {
    left: 27%;
  }

  .text-block-432 {
    margin-bottom: 20px;
  }

  .text-block-433 {
    font-size: 14px;
  }

  .text-block-440, .text-block-441 {
    text-align: left;
  }

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

  .cta-button-header {
    padding: 6px 12px;
  }

  .text-block-429-copy {
    margin-right: 10px;
    font-size: 12px;
  }

  .masterchow-banner, .slurrp-banner, .beautywise-banner, .bummer-banner, .vilvah-banner {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .image-142-copy {
    height: 5em;
  }

  .naturespathbanner {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .button-4-copy {
    text-align: center;
    width: 100%;
    margin-bottom: 20px;
    font-size: 16px;
  }

  .button-4-copy.w--current {
    text-align: center;
    width: 100%;
    font-size: 16px;
  }

  .root-hero-section {
    padding-bottom: 0;
    padding-left: 10px;
    padding-right: 10px;
  }

  .root-container-hero {
    margin-top: 40px;
  }

  .heading-230 {
    font-size: 32px;
    line-height: 42px;
  }

  .div-block-1506 {
    margin-bottom: 32px;
  }

  .text-block-447 {
    font-size: 13px;
    line-height: 23px;
  }

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

  .link-block-15 {
    text-align: center;
    padding: 12px;
  }

  .text-block-448 {
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
  }

  .image-157 {
    width: 30px;
  }

  .text-block-449 {
    font-size: 13px;
    line-height: 16px;
  }

  .video-div-main {
    margin-top: -85px;
  }

  .section_above {
    padding-bottom: 24px;
  }

  .heading-231 {
    font-family: SFPRODISPLAYBOLD, sans-serif;
    font-size: 32px;
    font-weight: 500;
    line-height: 38px;
  }

  .heading-231._1, .heading-231._2 {
    margin-bottom: 24px;
  }

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

  .text-block-450 {
    margin-bottom: 12px;
  }

  .text-block-451 {
    margin-bottom: 24px;
    font-size: 13px;
    line-height: 17px;
  }

  .text-block-451._1 {
    margin-bottom: 24px;
  }

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

  .next-section {
    padding-top: 48px;
    padding-bottom: 48px;
  }

  .background-video {
    height: 200px;
  }

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

  .link-5 {
    font-size: 11px;
    line-height: 13px;
  }

  .link-5.black {
    font-size: 14px;
  }

  .text-block-4524 {
    font-size: 16px;
    line-height: 16px;
  }

  .root-section-2 {
    overflow: hidden;
  }

  .div-block-1523 {
    margin-bottom: 32px;
  }

  .root-section-4, .root-section-5 {
    padding-top: 48px;
    padding-bottom: 48px;
  }

  .div-block-1525 {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
  }

  .root-section-6 {
    padding-top: 48px;
    padding-bottom: 48px;
  }

  .text-block-4525 {
    font-size: 24px;
    line-height: 28px;
  }

  .slide-2 {
    margin-right: 20px;
  }

  .div-block-1528 {
    margin-bottom: 32px;
  }

  .div-block-1530 {
    margin-bottom: 20px;
  }

  .root-section-7 {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .image-162 {
    height: 16px;
  }

  .image-162._1 {
    height: 39px;
  }

  .root-section-8 {
    padding-top: 60px;
    padding-bottom: 60px;
    overflow: hidden;
  }

  .heading-232 {
    font-size: 32px;
    line-height: 42px;
  }

  .heading-232._1 {
    font-size: 24px;
    line-height: 40px;
  }

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

  .text-block-4530 {
    font-size: 20px;
    line-height: 26px;
  }

  .text-block-4531 {
    font-size: 13px;
    line-height: 17px;
  }

  .div-block-1535._2 {
    width: 100%;
  }

  .text-block-4532 {
    font-size: 32px;
    line-height: 42px;
  }

  .root-section-10 {
    padding: 40px 10px;
  }

  .root-container.new-footer {
    display: block;
  }

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

  .text-block-4533 {
    font-size: 13px;
    line-height: 16px;
  }

  .text-block-4534 {
    font-size: 13px;
    line-height: 19px;
  }

  .div-block-1543 {
    margin-bottom: 20px;
  }

  .text-block-4535 {
    font-size: 13px;
    line-height: 17px;
  }

  .div-block-1546 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .text-block-4538, .text-block-4539 {
    font-size: 12px;
    line-height: 16px;
  }

  .text-block-4540 {
    font-size: 16px;
  }

  .slide-3 {
    width: 100%;
  }

  .link-block-17 {
    color: #f5fffc;
    font-family: Libre Franklin, sans-serif;
    font-size: 30px;
    font-weight: 700;
    line-height: 30px;
    text-decoration: none;
  }

  .div-block-1554 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: row;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 40px;
    display: flex;
  }

  .link-7 {
    color: #f5fffc;
    font-family: Libre Franklin, sans-serif;
    text-decoration: none;
  }

  .div-block-1555 {
    border-top: 1px solid #dae2e033;
    border-bottom: 1px solid #dae2e033;
    justify-content: space-around;
    padding-top: 20px;
    padding-bottom: 20px;
    display: flex;
  }

  .div-block-1556 {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    border-bottom: 1px solid #dae2e033;
    justify-content: center;
    align-items: center;
    margin-bottom: 48px;
    padding-top: 20px;
    padding-bottom: 20px;
    display: flex;
  }

  .div-block-356-copy {
    height: 150px;
  }

  .dropdown-link {
    font-size: 13px;
  }

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

  .text-block-4524-copy {
    font-size: 16px;
    line-height: 16px;
  }

  .root-container-main-copy._1 {
    display: none;
  }

  .brand-4 {
    padding-left: 0;
  }

  .div-block-1564 {
    display: none;
  }

  .image-165 {
    height: 24px;
  }

  .image-165._1, .image-166 {
    height: 30px;
  }

  .text-block-4543 {
    display: none;
  }

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

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

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

  .heading-233 {
    font-size: 32px;
    line-height: 42px;
  }

  .text-block-4546 {
    font-size: 13px;
    line-height: 22px;
  }

  .section-3-1 {
    padding-bottom: 40px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .gsap_trigger {
    display: none;
  }

  .section-52.mobile {
    justify-content: center;
    padding: 40px 10px;
    overflow: visible;
  }

  .c {
    flex-flow: column;
    align-items: center;
    display: flex;
  }

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

  .text-block-4548 {
    text-align: center;
    margin-right: 10px;
    font-size: 24px;
    line-height: 40px;
  }

  .text-block-4549 {
    text-align: center;
    font-size: 24px;
    line-height: 36px;
  }

  .div-block-1585 {
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
  }

  .button-17 {
    padding-top: 12px;
    padding-bottom: 12px;
    font-size: 16px;
  }

  .section_above2 {
    padding-bottom: 40px;
  }

  .image-176 {
    height: 30px;
  }

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

  .heading-237 {
    font-size: 24px;
    line-height: 26px;
  }

  .text-block-4551 {
    font-size: 16px;
  }

  .section-53 {
    padding: 40px 10px;
  }

  .heading-238 {
    font-size: 24px;
    line-height: 40px;
  }

  .section-54 {
    padding: 40px 10px;
  }

  .div-block-1590 {
    grid-column-gap: 0px;
    grid-row-gap: 20px;
    flex-flow: column;
    max-width: none;
    margin-top: 0;
    margin-bottom: 40px;
  }

  .div-block-1590._1 {
    grid-column-gap: 20px;
    grid-row-gap: 0px;
    flex-flow: row;
  }

  .div-block-1591 {
    width: 100%;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .text-block-4552 {
    margin-bottom: 10px;
    font-size: 24px;
    line-height: 40px;
  }

  .image-177 {
    display: none;
    inset: auto 0% 14%;
  }

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

  .text-block-4554 {
    font-size: 20px;
  }

  .section-55 {
    padding: 40px 10px;
  }

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

  .div-block-1596 {
    flex-flow: column;
    width: 100%;
  }

  .text-block-4555 {
    font-size: 16px;
  }

  .image-178 {
    display: none;
    inset: auto 0% 14%;
  }

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

  .icon {
    z-index: 5;
    position: absolute;
    top: 0%;
    left: 0%;
  }

  .icon.icon--1 {
    margin-top: 97px;
    margin-left: -2px;
    transform: scale(.55);
  }

  .icon.icon--2 {
    margin-top: 49px;
    margin-left: 34px;
    transform: scale(.5);
  }

  .icon.icon--3 {
    margin-top: 13px;
    margin-left: 53px;
    transform: scale(.65);
  }

  .icon.icon--4 {
    margin-top: -7px;
    margin-left: 120px;
    transform: scale(.5);
  }

  .icon.icon--5 {
    margin-top: 9px;
    margin-left: 189px;
    transform: scale(.55);
  }

  .icon.icon--6 {
    margin-top: 46px;
    margin-left: 204px;
    transform: scale(.55);
  }

  .icon.icon--7 {
    margin-top: 95px;
    margin-left: 256px;
    transform: scale(.5);
  }

  .icon.s_icon1 {
    margin-top: -111px;
    margin-left: 29px;
    transform: scale(.8);
  }

  .icon.s_icon2 {
    margin-top: 0;
    margin-left: 67px;
    transform: scale(.8);
  }

  .icon.s_icon3 {
    margin-top: -285px;
    margin-left: 32px;
    transform: scale(.8);
  }

  .icon.s_icon4 {
    margin-top: -230px;
    margin-left: 193px;
    transform: scale(.8);
  }

  .icon.s_icon5 {
    margin-top: 52px;
    margin-left: 175px;
    transform: scale(.8);
  }

  .icon.s_icon6 {
    margin-top: -57px;
    margin-left: 190px;
    transform: scale(.8);
  }

  .icon.s_icon7 {
    margin-top: -152px;
    margin-left: 142px;
    transform: scale(.8);
  }

  .div-block-1600 {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-flow: column;
  }

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

  .text-block-4557 {
    margin-bottom: 20px;
  }

  .image-162-copy._1 {
    height: 18px;
  }

  .image-162-copy {
    height: 16px;
  }

  .text-block-4561.mbl {
    width: 45%;
    margin-bottom: 20px;
    font-size: 16px;
    position: absolute;
    bottom: 0%;
  }

  .book-demo-button {
    width: auto;
    height: auto;
    padding: .75rem 1.25rem;
    font-size: 16px;
  }

  .icon-wrapper {
    justify-content: center;
  }

  .prevbutton, .nextbutton {
    display: flex;
  }

  .div-block-1613 {
    display: none;
  }

  .container-172 {
    z-index: 10;
    height: 100%;
    position: relative;
  }

  .new_mobilw_scoll_gsap {
    height: 720px;
    padding-left: 10px;
    padding-right: 10px;
    display: flex;
    overflow: hidden;
  }

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

  .txt_holder {
    justify-content: center;
    width: 100%;
    margin-top: 0;
    display: flex;
    position: relative;
    top: 0%;
  }

  .gsap_holder {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: none;
    position: relative;
  }

  .gsap_holder.mbl {
    display: flex;
  }

  .gsap_mbl_disk_1 {
    z-index: 20;
    background-image: none;
    background-size: auto;
    width: 320px;
    height: 168px;
    position: absolute;
    bottom: 0%;
  }

  .disk_1 {
    z-index: 15;
    justify-content: center;
    width: 375px;
    height: 168px;
    display: flex;
    position: absolute;
    bottom: 0%;
  }

  .shadow {
    margin-top: -66px;
    position: absolute;
  }

  .shadow_mbl {
    z-index: 4;
    position: absolute;
    top: 0%;
    left: 0%;
  }

  .shadow_mbl.s_mbl_1 {
    width: 140px;
    margin-top: -175px;
    margin-left: -10px;
  }

  .shadow_mbl.s_mbl_2 {
    width: 170px;
    margin-top: -50px;
    margin-left: 0;
  }

  .shadow_mbl.s_mbl_3 {
    width: 123px;
    margin-top: -320px;
    margin-left: 10px;
  }

  .shadow_mbl.s_mbl_4 {
    width: 140px;
    margin-top: -291px;
    margin-left: 153px;
  }

  .shadow_mbl.s_mbl_5 {
    width: 140px;
    margin-top: 10px;
    margin-left: 149px;
  }

  .shadow_mbl.s_mbl_6 {
    width: 140px;
    margin-top: -107px;
    margin-left: 162px;
  }

  .shadow_mbl.s_mbl_7 {
    width: 140px;
    margin-top: -216px;
    margin-left: 92px;
  }

  .disk_2 {
    z-index: 10;
    flex-flow: column;
    width: 375px;
    position: absolute;
    bottom: 0%;
  }

  .disk_3 {
    z-index: 9;
    flex-flow: column;
    width: 375px;
    position: absolute;
    bottom: 0%;
  }

  .disk_4 {
    z-index: 8;
    flex-flow: column;
    width: 375px;
    margin-bottom: 52px;
    position: absolute;
    bottom: 0%;
  }

  .heading-239 {
    text-align: center;
    margin-top: 0;
    margin-bottom: 10px;
    font-family: SFPRODISPLAYMEDIUM, sans-serif;
    font-size: 24px;
    font-weight: 500;
    line-height: 26px;
  }

  .text-block-4563 {
    text-align: center;
    font-family: SFPRODISPLAYREGULAR, sans-serif;
    font-size: 16px;
    line-height: 1.2em;
  }

  .txt_1, .txt_2, .txt_3, .txt_4 {
    position: absolute;
    top: 0%;
  }

  .txt_5 {
    position: absolute;
    top: 0;
  }

  .scrollbar {
    width: 300px;
    height: 5px;
    margin-top: -480px;
    display: flex;
    position: relative;
  }

  .patterns {
    background-color: #e7e3ef;
    border-radius: 20px;
    width: 60px;
    height: 5px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .scrollbar_pattern {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    height: 100%;
    display: flex;
  }

  .main_scroll {
    background-color: #c5bed6;
    border-radius: 20px;
    width: 100px;
    height: 5px;
    padding-bottom: 0;
    padding-right: 0;
    position: absolute;
    left: 0%;
  }

  .section-63 {
    background-color: var(--black);
    height: 500px;
  }

  .slider-s {
    overflow: visible;
  }

  .splide {
    width: 100%;
  }

  .splide__track {
    overflow: visible;
  }

  .splide__list {
    flex-flow: row;
    display: flex;
  }

  .splide__slide {
    overflow: visible;
  }

  .div-block-1618 {
    width: 100%;
    overflow: visible;
  }

  .section-64._1 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .section-65 {
    padding: 40px 10px;
  }

  .div-block-1619 {
    flex-flow: column;
  }

  .div-block-1620, .div-block-1621 {
    width: 100%;
  }

  .div-block-1622 {
    margin-bottom: 10px;
  }

  .heading-240 {
    text-align: center;
    margin-bottom: 10px;
    font-size: 24px;
    line-height: 34px;
  }

  .text-block-4565 {
    text-align: center;
    font-size: 16px;
  }

  .div-block-1623 {
    justify-content: center;
    align-items: center;
  }

  .section-66 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .div-block-1624 {
    flex-flow: column;
  }

  .div-block-1625 {
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-bottom: 20px;
  }

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

  .div-block-1626.footer {
    justify-content: flex-start;
    align-items: center;
  }

  .text-block-4566 {
    font-size: 24px;
  }

  .link-block-21 {
    padding: 14px 22px;
  }

  .text-block-4567 {
    font-size: 16px;
  }

  .section-67 {
    padding: 40px 10px;
  }

  .div-block-1627 {
    flex-flow: column;
  }

  .div-block-1628, .div-block-1629 {
    width: 100%;
  }

  .heading-241 {
    text-align: center;
    font-size: 24px;
    line-height: 24px;
  }

  .section-68 {
    padding: 40px 10px;
  }

  .div-block-1634 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-columns: 1fr;
    display: flex;
  }

  .div-block-1635._1 {
    width: 100%;
  }

  .navbar-6 {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .section-69 {
    padding: 40px 16px;
  }

  .footer-brand-3 {
    width: 100%;
  }

  .div-block-1216 {
    flex-flow: wrap;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .footer-content-2 {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: flex-start;
    place-items: flex-start stretch;
    width: 100%;
    display: flex;
  }

  .footer-wrapper-2 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: column;
  }

  .div-block-1242 {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    margin-bottom: 40px;
  }

  .footer-block-2._1.desk {
    display: flex;
  }

  .footer-link-2 {
    font-size: 14px;
  }

  .tab_div {
    display: none;
  }

  .mbl_div {
    display: flex;
  }

  .lands_div {
    display: none;
  }

  .section-70 {
    padding: 40px 10px;
  }

  .headin_h2 {
    font-size: 30px;
  }

  .headin_h2.new {
    text-align: center;
    font-size: 24px;
    line-height: 40px;
  }

  .paragraph-3 {
    font-size: 16px;
  }

  .section-71 {
    padding: 40px 10px;
  }

  .text-block-4570 {
    font-size: 16px;
  }

  .submitbutton_form {
    padding: 14px 22px;
  }

  .div-block-1649 {
    flex-flow: column;
  }

  .link-11 {
    font-size: 13px;
  }

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

  .div-block-1653 {
    margin-top: 40px;
    padding-top: 40px;
  }

  .link-11-black, .dropdown-link-black {
    font-size: 13px;
  }

  .book-demo-mobile {
    padding-top: 12px;
    padding-bottom: 12px;
    font-size: 14px;
  }

  .div-block-1656 {
    justify-content: flex-end;
    align-items: flex-start;
    margin-top: 10px;
    display: flex;
  }

  .body {
    transition: all .2s;
  }

  .swiper-carousel-animate-opacity.img1.mbl {
    background-image: url("https://cdn.prod.website-files.com/64100316e1db9e6977ed6b0d/67064a6720cd9f77df472c4b_image%2035.png");
    background-position: 50%;
    background-size: cover;
  }

  .image-205 {
    width: 100%;
  }

  .mobile-image, .mobile-image._1 {
    width: auto;
  }

  .nav-menu-5 {
    flex-direction: column;
  }

  .nav-button-wrapper {
    width: auto;
  }

  .body-main {
    min-width: 100vw;
    overflow: visible;
  }

  .header-main-wrapper {
    height: auto;
    padding-top: 60px;
    padding-left: 12px;
    padding-right: 12px;
  }

  .heading-247.subheading {
    text-align: left;
    margin-top: 0;
    margin-bottom: 0;
    font-size: .8rem;
    line-height: 18px;
  }

  .div-block-1663 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    background-image: url("https://cdn.prod.website-files.com/64100316e1db9e6977ed6b0d/6837fe00b7e106bfe4f5841a_1316c728bac51638021850100f3effe9_Aurabg.webp");
    background-position: 0%;
    background-size: cover;
    border-radius: 40px;
    flex-flow: column;
    justify-content: flex-end;
    align-items: center;
    height: auto;
    padding: 0;
    overflow: visible;
  }

  .form-block-3 {
    width: 100%;
  }

  .form-3 {
    z-index: 99;
  }

  .hero-wrapper {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .hero-wrapper.mobile-version {
    border-radius: 0;
    width: 100%;
    padding-top: 32px;
    padding-left: 12px;
    padding-right: 12px;
    overflow: visible;
  }

  .image-209 {
    width: 28%;
  }

  .section-use {
    padding: 40px 16px;
  }

  .client-text-h1 {
    font-size: 2rem;
    line-height: 2.5rem;
  }

  .auto-tab-link.w--current {
    flex-flow: row;
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .div-block-1666.textblock {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    width: 100%;
    height: 50%;
  }

  .div-block-1667 {
    width: 100%;
    height: 180px;
  }

  .heading-249 {
    font-size: 24px;
    line-height: 32px;
  }

  .paragraph-4 {
    font-size: 14px;
    line-height: 20px;
  }

  .paragraph-4.tagline {
    font-size: 14px;
    line-height: 12px;
  }

  .text-block-4580 {
    font-size: 14px;
  }

  .div-block-1668 {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
  }

  .div-block-1669 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .div-block-1670 {
    width: 100%;
    height: 50%;
  }

  .div-block-1671 {
    width: 100%;
    height: auto;
  }

  .heading-250 {
    font-size: 24px;
    line-height: 32px;
  }

  .paragraph-5 {
    font-size: 14px;
    line-height: 20px;
  }

  .paragraph-5.tagline {
    font-size: 14px;
    line-height: 12px;
  }

  .div-block-1673 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .numbers-section {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
    padding: 40px 16px;
  }

  .heading-251 {
    text-align: left;
    font-size: 2rem;
    line-height: 2.5rem;
  }

  .number-card {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    border-radius: 20px;
    padding: 24px;
  }

  .section-75.mobile-version {
    padding-top: 20px;
    padding-left: 0;
    padding-right: 0;
  }

  .overflow-hidden {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    background-position: 20% 20%;
    background-size: cover;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    padding: 12px 0;
  }

  .auto-tabs-content {
    aspect-ratio: 3 / 2;
    justify-content: center;
    align-items: center;
    height: 1px;
    min-height: auto;
    position: relative;
  }

  .auto-tabs-component {
    flex-flow: column;
    width: 100%;
  }

  .text-title-h2 {
    width: auto;
    font-size: 16px;
    line-height: 20px;
  }

  .img-wrapper {
    height: auto;
  }

  .img-content-auto {
    width: 100%;
    height: 60%;
  }

  .text-tag {
    font-size: 12px;
  }

  .auto-tab {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
  }

  .text-para {
    padding: 0 8px 0 0;
    font-size: .8rem;
    line-height: 1rem;
  }

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

  .text-block-4586 {
    font-size: 12px;
  }

  .bento-grid-section {
    padding: 40px 16px;
  }

  .container-183 {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-flow: column;
    height: auto;
  }

  .set1, .set2, .set3 {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-flow: column;
    width: 100%;
    height: auto;
  }

  .container-box.set2 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    justify-content: flex-start;
    width: 100%;
    height: 212px;
  }

  .container-box.set2.set3 {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-flow: column;
    width: 100%;
    height: 212px;
    padding-top: 12px;
    padding-bottom: 12px;
    padding-left: 12px;
  }

  .container-box.set2.set3.second {
    flex-flow: column;
    width: 100%;
    height: 212px;
    padding-top: 12px;
  }

  .container-box.f-01 {
    width: 100%;
    height: 212px;
  }

  .container-box.f-03 {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    width: 100%;
    height: 212px;
  }

  .container-box-copy.f-02 {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    height: 212px;
    padding-left: 12px;
    padding-right: 0;
  }

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

  .paragraph-6, .paragraph-6.vertical {
    font-size: 14px;
  }

  .feature-title-box {
    padding-left: 12px;
    padding-right: 12px;
  }

  .feature-title-box.vertical {
    padding-top: 0;
    padding-left: 0;
  }

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

  .paragraph-7 {
    font-size: 14px;
    line-height: 20px;
  }

  .client {
    height: auto;
  }

  .text-block-4587 {
    font-size: 14px;
    line-height: 20px;
  }

  .text-block-4587.sub {
    font-size: 12px;
    line-height: 12px;
  }

  .mask-4 {
    overflow: visible;
  }

  .slide-4 {
    height: auto;
  }

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

  .text-heading-h2 {
    font-size: 24px;
    line-height: 32px;
  }

  .subtext-p2 {
    text-align: left;
    font-size: 14px;
    line-height: 20px;
  }

  .image-217 {
    z-index: 0;
  }

  .sign-up-box {
    padding: 20px;
  }

  .uui-navbar01_dropdown-content-left {
    grid-template-columns: 1fr;
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .uui-navbar01_blog-item {
    flex-direction: column;
    display: flex;
  }

  .uui-navbar01_dropdown-blog-list {
    grid-column-gap: 0px;
    grid-row-gap: .5rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .uui-navbar01_large-item-content {
    margin-top: 1rem;
  }

  .uui-navbar01_dropdown-link {
    padding-left: 0;
  }

  .voice-header {
    padding-top: 60px;
    padding-left: 12px;
    padding-right: 12px;
  }

  .agent-component {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    width: 100%;
    height: 50%;
  }

  .agent-component.img {
    width: 100%;
    height: 50%;
  }

  .heading-254 {
    font-size: 32px;
    line-height: 44px;
  }

  .paragraph-8 {
    font-size: 14px;
    line-height: 20px;
  }

  .button-trial {
    padding: 12px 20px;
  }

  .text-block-4592 {
    font-size: 12px;
  }

  .button-usecase {
    padding: 12px 20px;
  }

  .div-block-1702 {
    flex-flow: column;
  }

  .text-block-4593 {
    font-size: 14px;
  }

  .co-pilot-solution-list {
    justify-content: space-between;
    width: 100%;
    padding: 20px;
  }

  .div-block-1703 {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-flow: column;
  }

  .text-block-4594 {
    font-size: 32px;
  }

  .voice-solutions {
    padding: 20px 12px;
  }

  .image-220, .image-220.img-writing, .image-220.img-voice {
    width: 100%;
  }

  .usecase-title-h1 {
    text-align: center;
    width: 100%;
    font-size: 2rem;
    line-height: 2.5rem;
  }

  .header-title-h1.mobile-version {
    text-align: left;
    font-size: 2rem;
    line-height: 40px;
  }

  .foundation-h1.on-black {
    font-size: 2rem;
    line-height: 2.5rem;
  }

  .lang-text {
    font-size: 14px;
  }

  .language-ill.set1-lang, .lang-img-wrapper, .language-ill-set2 {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
  }

  .future-text {
    width: auto;
  }

  .image-221 {
    width: 80%;
  }

  .centre-img {
    justify-content: center;
    align-items: center;
    height: 50%;
  }

  .div-block-1711 {
    justify-content: center;
    align-items: center;
    height: 500%;
  }

  .div-block-1712 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: wrap;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: column;
    justify-content: center;
    place-items: center stretch;
    width: 100%;
    display: flex;
  }

  .backed-by-text {
    font-size: 12px;
  }

  .border-gradient {
    width: 100vw;
    height: 100px;
  }

  .header-main-live {
    width: 100%;
  }

  .tag-inner {
    width: 100%;
    height: auto;
    padding-left: 10px;
    padding-right: 0;
  }

  .tag-inner-text {
    width: 60%;
    padding: 4px 10px;
    font-size: 12px;
  }

  .tag-inner-text-copy.btn-title {
    padding: 4px 8px;
    font-size: 12px;
  }

  .div-block-1714 {
    width: 100%;
    padding-left: 12px;
    padding-right: 12px;
  }

  .div-block-1715 {
    padding: 12px;
  }

  .number-text-title {
    font-size: 12px;
  }

  .number-text-title.arrow {
    font-size: 20px;
    display: none;
  }

  .fs-numbercount-01_number {
    font-size: 32px;
    line-height: 32px;
  }

  .book-demo-card-recurring {
    width: 100vw;
    padding-bottom: 40px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .demo-card-content {
    padding: 20px 12px;
  }

  .text-block-4596 {
    font-size: .8rem;
  }

  .link-block-23 {
    padding: 12px 32px;
  }

  .logos-section {
    padding: 20px 16px;
  }

  .title-section {
    padding-top: 40px;
    padding-left: 12px;
    padding-right: 12px;
  }

  .demo-text-box {
    width: 100%;
  }

  .testimonials-section {
    flex-flow: column;
    width: 100vw;
    padding: 40px 16px;
  }

  .demo-section {
    width: 100vw;
    padding-left: 16px;
    padding-right: 16px;
  }

  .number-heading {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
  }

  .numbers-grid {
    z-index: 100;
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr 1fr;
    width: 100%;
    height: 80%;
  }

  .numbers-text-wrapper {
    width: 100%;
  }

  .infra-text-h1 {
    padding-left: 16px;
    padding-right: 16px;
    font-size: 2rem;
    line-height: 2.5rem;
    position: static;
    top: 40px;
  }

  .div-block-1718 {
    justify-content: center;
    align-items: flex-start;
    inset: 0%;
  }

  .image-223-copy {
    width: 100%;
    height: 100%;
  }

  .subtext-p2-copy {
    font-size: 14px;
    line-height: 20px;
  }

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

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

  .arrow-in-circle, .tick-in-circle {
    width: 18px;
    height: 18px;
  }

  .img-dots-white {
    width: 100%;
  }

  .co-pilot-features-container {
    flex-flow: column;
    padding-left: 12px;
    padding-right: 12px;
  }

  .feature-title {
    font-size: 32px;
    line-height: 40px;
  }

  .feature-text-box {
    width: 100%;
  }

  .text-block-4597 {
    font-size: 14px;
    line-height: 20px;
  }

  .container-185 {
    width: 100%;
  }

  .feature-01-box {
    padding: 20px;
  }

  .feature-02-wrapper {
    flex-flow: column;
  }

  .feature-02-box {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .image-225 {
    width: 100%;
  }

  .feature-01-content {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    width: 100%;
  }

  .feature-01-content.second-img, .feature-01-content.second-img-copy {
    height: auto;
  }

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

  .feature-01-content-copy-copy, .feature-01-content-copy-copy.f3-text-wrap {
    padding-left: 0;
    padding-right: 0;
  }

  .main-div-block {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .pill-real-time {
    padding: 8px;
  }

  .t1 {
    text-align: left;
    max-width: 400px;
    font-size: 12px;
  }

  .t5 {
    width: 290px;
    font-size: 12px;
  }

  .t2-copy, .t6-copy {
    font-size: 12px;
  }

  .t2-copy-copy {
    width: 260px;
    font-size: 12px;
  }

  .image-227, .image-228 {
    width: 100%;
  }

  .f2-wrap.feature-two {
    width: 100%;
    padding-top: 20px;
  }

  .audit-features-container {
    flex-flow: column;
    padding: 40px 12px;
  }

  .audit-container {
    width: 100%;
  }

  .feature-01-audit-box {
    padding: 20px;
  }

  .feature-02-wrapper-audit {
    flex-flow: column;
  }

  .f2-wrap-audit.feature-two-copy {
    width: 100%;
  }

  .feature-02-box-audit {
    width: 100%;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .audit-f1-img {
    width: 400px;
  }

  .pills-wrapper-audit-2, .pills-wrapper-audit-3, .pills-wrapper-audit-4 {
    padding-left: 0;
  }

  .pill-audit-2 {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    width: 100%;
    padding-left: 12px;
    padding-right: 12px;
  }

  .pill-audit-3 {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    padding-left: 12px;
    padding-right: 12px;
  }

  .pill-audit-4 {
    padding-left: 12px;
    padding-right: 12px;
  }

  .voice-container {
    width: 100%;
  }

  .voice-f1 {
    padding: 20px;
  }

  .f1-voice {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    width: 100%;
  }

  .f2-voice-wrapper {
    flex-flow: column;
  }

  .f2-voice-01.feature-two-copy, .voice-02-f2 {
    width: 100%;
    height: auto;
    padding: 20px;
  }

  .image-229 {
    width: 100%;
  }

  .writing-agent-container {
    flex-flow: column;
    padding: 40px 12px;
  }

  .writing-img-wrapper {
    width: 100%;
  }

  .f1-writing-box {
    padding: 20px;
  }

  .f2-writing-wrapper {
    flex-flow: column;
  }

  .f2-writing-img.feature-two-copy {
    width: 100%;
    height: auto;
    padding: 20px;
  }

  .f2-writing-img-02 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    width: 100%;
    height: auto;
    padding: 20px;
  }

  .pill-writing {
    padding: 8px 12px;
  }

  .pill-wrt-2, .pill-wrt-3, .pill-wrt-4 {
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 12px;
  }

  .bold-text-7 {
    width: 80px;
  }

  .company-main-header {
    padding-top: 64px;
    padding-left: 0;
    padding-right: 0;
  }

  .title-box-company {
    padding-left: 12px;
    padding-right: 12px;
  }

  .uui-page-padding {
    padding-left: 0;
    padding-right: 0;
  }

  .uui-button-2.is-button-large:hover {
    background-color: var(--untitled-ui--primary700);
    width: auto;
    padding: 16px 32px;
  }

  .uui-heading-xlarge {
    font-size: 32px;
    line-height: 40px;
  }

  .hiring-btn.button-row-center.is-reverse-mobile-landscape {
    flex-flow: row;
  }

  .uui-text-size-xlarge {
    font-size: 14px;
    line-height: 20px;
  }

  .uui-heroheader17_image-wrapper {
    height: 17rem;
    margin-top: 2rem;
    margin-bottom: 0;
  }

  .uui-heroheader17_card-image-01 {
    border-radius: 1rem;
    width: 15.56rem;
  }

  .uui-heroheader17_card-image {
    border-radius: 1rem;
    width: 15.5625rem;
  }

  .co-pilot-pills-container {
    justify-content: center;
    align-items: flex-start;
    width: 100%;
  }

  .pill-audit-copy-01 {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    padding-left: 12px;
    padding-right: 12px;
  }

  .rm-1 {
    width: 310px;
    font-size: 12px;
  }

  .rm3 {
    width: 220px;
    font-size: 12px;
  }

  .rm-4 {
    font-size: 12px;
  }

  .uui-heading-xlarge-2.text-color-primary900 {
    text-align: center;
    font-size: 32px;
    line-height: 40px;
  }

  .uui-button-row-2.button-row-center.is-reverse-mobile-landscape {
    flex-flow: row;
  }

  .uui-text-size-xlarge-2.text-color-primary700 {
    padding-left: 0;
    padding-right: 0;
    font-size: 14px;
    line-height: 20px;
  }

  .uui-heroheader18_image-wrapper {
    padding-bottom: 0;
  }

  .uui-heroheader18_background {
    top: 42%;
  }

  .rm-wm-wrapper {
    padding-top: 80px;
  }

  .rm-wealth-manager-01 {
    padding-left: 0;
    padding-right: 0;
  }

  .uui-container-large-3 {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    flex-flow: column;
  }

  .uui-button-row-3.is-reverse-mobile-landscape {
    flex-flow: row;
  }

  .uui-layout08_image-wrapper, .uui-layout08_content {
    width: 100%;
  }

  .key-features-section {
    padding-top: 40px;
    padding-left: 12px;
    padding-right: 12px;
  }

  .paragraph-9 {
    text-align: center;
    font-size: 14px;
    line-height: 20px;
  }

  .book-demo-card {
    padding: 100px 12px;
  }

  .heading-257 {
    text-align: center;
    font-size: 32px;
    line-height: 40px;
  }

  .middleware-horizontal-scroll {
    justify-content: center;
    align-items: center;
    width: 100vw;
    padding-top: 0;
    display: flex;
    overflow: visible;
  }

  .scroll-height {
    width: 100%;
    height: auto;
    display: flex;
    overflow: visible;
  }

  .frame-sticky {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-flow: column;
    width: 100%;
    height: auto;
    overflow: hidden;
  }

  .mover {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
    height: 100%;
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 0;
  }

  .flex-offset {
    height: 100%;
  }

  .full-page {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    height: auto;
    padding: 0 16px;
  }

  .header-text-container {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
  }

  .uui-text-size-large-2 {
    font-family: Sf Pro Display, Arial, sans-serif;
    font-size: 14px;
    font-weight: 300;
  }

  .uui-heading-medium-2 {
    font-size: 32px;
  }

  .uui-button-5 {
    width: auto;
    padding: 16px 32px;
  }

  .uui-button-5:hover {
    background-color: var(--untitled-ui--primary700);
    width: auto;
    padding: 16px 32px;
  }

  .uui-contact03_form-wrapper {
    width: 100%;
  }

  .uui-contact03_component {
    flex-flow: column;
    grid-template-columns: 1fr;
  }

  .uui-contact03_content {
    width: 100%;
  }

  .rootflo-contact-us {
    padding-left: 12px;
    padding-right: 12px;
  }

  .uui-navbar04_dropdown-content-wrapper {
    width: 100%;
  }

  .uui-navbar04_dropdown-content-left {
    grid-column-gap: 1rem;
    grid-template-columns: 1fr;
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .uui-navbar04_dropdown-content-right {
    max-width: none;
  }

  .uui-navbar04_dropdown-link {
    padding-left: 0;
  }

  .uui-navbar04_dropdown-content {
    justify-content: center;
    align-items: flex-start;
  }

  .rootflo-nav-menu {
    top: 60px;
  }

  .dropdown-heading {
    font-size: 1rem;
  }

  .nav-menu-6 {
    flex-direction: column;
  }

  .nav-button-wrapper-2 {
    width: auto;
  }

  .uui-navbar04_dropdown-content-left-2 {
    grid-template-columns: 1fr;
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .uui-navbar04_dropdown-content-right-2 {
    max-width: none;
  }

  .uui-navbar04_dropdown-link-2 {
    padding-left: 0;
  }

  .nav-element-box {
    width: 100%;
    padding: 20px;
  }

  .image-233 {
    width: 16px;
    font-size: 32px;
  }

  .text-block-4615 {
    font-size: 16px;
    line-height: 20px;
  }

  .image-234, .image-235, .image-236 {
    width: 16px;
  }

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

  .text-span-50 {
    font-size: 20px;
  }

  .use-case-inside {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    width: 100%;
    padding: 0 12px 0 0;
  }

  .background-video-2 {
    height: 100%;
  }

  .text-highlight-section {
    padding-left: 12px;
    padding-right: 12px;
  }

  .text-overview.scroll-highlight {
    font-size: 18px;
    line-height: 24px;
  }

  .italic-text-2 {
    font-size: 32px;
    line-height: 36px;
  }

  .uui-heading-xlarge-2-copy.text-color-primary900 {
    text-align: center;
    font-size: 32px;
    line-height: 44px;
  }

  .key-feature-text {
    font-size: 14px;
    line-height: 18px;
  }

  .key-features-container {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .key-feature-01 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    width: 100%;
    padding: 20px;
  }

  .uui-layout35_image-wrapper, .uui-layout35_image-wrapper._01, .uui-layout35_image-wrapper._02 {
    width: 64px;
    height: 64px;
    margin-bottom: 0;
  }

  .key-features-grid {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column;
  }

  .feature-contentbox {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
  }

  .bold-text-8 {
    font-size: 20px;
    line-height: 24px;
  }

  .bold-text-9 {
    font-size: 20px;
  }

  .uui-heading-xxsmall {
    font-size: 16px;
  }

  .uui-heading-medium-3 {
    font-size: 28px;
  }

  .uui-layout84_right {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .uui-layout84_item {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
  }

  .uui-layout84_component {
    justify-content: flex-start;
    align-items: center;
  }

  .uui-layout84_content-bottom {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-flow: column;
    margin-top: 0;
    padding-top: 40px;
  }

  .benefits-section {
    padding: 0 12px 40px;
  }

  .uui-icon-featured-outline-large {
    width: 32px;
    height: 32px;
  }

  .uui-layout84_image-wrapper {
    width: 100%;
    height: auto;
    padding: 12px;
  }

  .uui-layout84_image {
    width: 100%;
    height: auto;
    margin-left: 0;
  }

  .benefits-container {
    border-radius: 32px;
    padding: 24px 12px 0;
  }

  .uui-heading-subheading-2 {
    font-size: 14px;
    line-height: 20px;
  }

  .text-block-4618, .uui, .teams-subtext {
    font-size: 14px;
  }

  .uui-heading-medium-4 {
    font-size: 32px;
  }

  .uui-button-9:hover {
    background-color: var(--untitled-ui--primary700);
  }

  .uui-button-wrapper-5.max-width-full-mobile-landscape-5 {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .uui-team06_component {
    flex-flow: column;
  }

  .teams-section {
    padding-left: 12px;
    padding-right: 12px;
  }

  .team-founders {
    width: 100%;
  }

  .uui-team06_mask {
    width: 80%;
  }

  .career-description {
    font-size: 14px;
    font-weight: 300;
  }

  .rootflo-career-box {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    padding-left: 0;
    padding-right: 0;
  }

  .career-subtext {
    width: 100%;
    font-size: 14px;
    line-height: 20px;
  }

  .careers-title {
    width: 100%;
    font-size: 1.5rem;
  }

  .rootflo-careers {
    padding-top: 40px;
    padding-left: 12px;
    padding-right: 12px;
  }

  .career-listing {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
  }

  .career-label {
    display: none;
  }

  .career-container {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
  }

  .career-title {
    font-size: 16px;
  }

  .bg-grid-pattern {
    width: 100vw;
    display: none;
  }

  .image-239, .image-240, .bg-grid-pattern-copy {
    width: auto;
    height: 100%;
  }

  .real-time-assist-main {
    padding-left: 0;
    padding-right: 0;
  }

  .real-time-container {
    padding-left: 0;
    padding-right: 0;
  }

  .real-time-wrapper {
    padding-top: 40px;
    padding-left: 12px;
    padding-right: 12px;
  }

  .uui-button-11.is-button-large {
    width: 120px;
  }

  .uui-button-11.is-button-large:hover {
    background-color: var(--untitled-ui--primary700);
  }

  .uui-heading-xlarge-3 {
    text-align: center;
    font-size: 40px;
    line-height: 48px;
  }

  .ratings_wrapper {
    flex: none;
    margin-left: .75rem;
  }

  .uui-text-size-xlarge-3 {
    text-align: center;
    font-size: 14px;
    line-height: 20px;
  }

  .uui-heroheader10_image-wrapper {
    width: 100%;
  }

  .uui-heroheader10_image {
    width: 80%;
  }

  .uui-heroheader10_notification-image-wrapper.hide-mobile-landscape-3 {
    left: -10%;
  }

  .uui-heroheader10_notification-image-01 {
    width: 280px;
    min-width: 280px;
    max-width: 320px;
  }

  .uui-heroheader10_notification-image-02 {
    width: 280px;
    min-width: 20px;
  }

  .uui-section_heroheader10 {
    overflow: hidden;
  }

  .real-time-content-box {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-flow: column;
    grid-template-columns: 1fr;
  }

  .uui-heroheader10_content {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    justify-content: center;
    align-items: center;
    width: 100%;
  }

  .text-block-4626 {
    font-size: 14px;
  }

  .benefits-section-w-wo {
    padding: 40px 12px;
  }

  .without-rootflo, .with-rootfo {
    border-radius: 32px;
    width: 100%;
    padding: 24px 12px 0;
  }

  .uui-heading-medium-3-copy, .benfits-title {
    font-size: 28px;
  }

  .image-241, .image-242 {
    width: 100%;
  }

  .bg-grid-pattern-copy-copy {
    width: 100vw;
  }

  .italic-text-3 {
    text-align: center;
  }

  .bold-text-10 {
    text-align: center;
    font-size: 40px;
    line-height: 48px;
  }

  .div-block-1741 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
  }

  .heading-258 {
    font-size: 32px;
    line-height: 40px;
  }

  .feature-02-subtext-copy {
    font-size: 14px;
    line-height: 20px;
  }

  .gold-audit-main {
    padding-left: 0;
    padding-right: 0;
  }

  .benefits-container-gain {
    border-radius: 32px;
    padding: 24px 12px 0;
  }

  .key-features-container-real-time {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .key-features-grid-real-time {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column;
  }

  .key-features-section-gold-audit {
    padding-top: 40px;
    padding-left: 12px;
    padding-right: 12px;
  }

  .key-features-container-gold-audit {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .key-features-grid-gold-audit {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column;
  }

  .benefits-section-gold-audit {
    height: auto;
    padding: 40px 12px;
  }

  .uui-max-width-xlarge-2 {
    padding-left: 12px;
    padding-right: 12px;
  }

  .uui-button-12.is-button-large:hover {
    background-color: var(--untitled-ui--primary700);
  }

  .uui-heading-xlarge-4 {
    text-align: left;
    font-size: 32px;
  }

  .uui-text-size-xlarge-4 {
    text-align: left;
    font-size: 14px;
  }

  .uui-heroheader17_image-wrapper-2 {
    height: 17rem;
  }

  .uui-heroheader17_card-image-01-2 {
    border-radius: 1rem;
    width: 15.56rem;
  }

  .uui-heroheader17_card-image-2 {
    border-radius: 1rem;
    width: 15.5625rem;
  }

  .image-243 {
    width: 100%;
  }

  .container-188 {
    flex-flow: column;
    width: 100%;
  }

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

  .cca-01, .div-block-1745-copy {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    height: auto;
    padding: 20px;
  }

  .div-block-1748 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    border-radius: 20px;
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    height: auto;
    padding: 40px 12px;
  }

  .left-align {
    font-size: 32px;
    line-height: 40px;
  }

  .left-align-sub, .uui-heading-subheading-2-copy, .uui-heading-subheading-2-copy, .uui-heading-subheading-2-copy, .uui-heading-subheading-2-copy {
    font-size: 14px;
    line-height: 20px;
  }

  .benefits-pointers {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

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

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

  .key-features-section-cc-audit {
    padding-top: 40px;
    padding-left: 12px;
    padding-right: 12px;
  }

  .hide-mobile-portrait {
    display: none;
  }

  .uui-button-13.is-button-large {
    padding: 12px 24px;
  }

  .uui-button-13.is-button-large:hover {
    background-color: var(--untitled-ui--primary700);
  }

  .cc-heading {
    font-size: 32px;
    line-height: 40px;
  }

  .uui-text-size-xlarge-5 {
    font-size: 14px;
  }

  .uui-heroheader09_component {
    grid-template-columns: 1fr;
    padding-left: 12px;
    padding-right: 12px;
  }

  .uui-heroheader09_image-wrapper {
    grid-template-columns: 1fr 1fr;
  }

  .text-block-4631 {
    font-size: 14px;
  }

  .benefits-section-cc-audit {
    height: auto;
    padding: 40px 12px;
  }

  .cc-container {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    border-radius: 20px;
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    height: auto;
    padding: 40px 12px;
  }

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

  .cc-benefits-grid {
    flex-flow: column;
    width: 100%;
  }

  .golduadit-benefits {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    border-radius: 20px;
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    height: auto;
    padding: 40px 12px;
  }

  .goldaudit-benefits-box {
    flex-flow: column;
    width: 100%;
  }

  .benefits-goldaudit, .benefits-goldaudit-02 {
    width: 100%;
  }

  .ga-01, .ga-02, .ga-04 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    height: auto;
    padding: 20px;
  }

  .div-block-1750 {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    flex-flow: row;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .number-text {
    font-size: 32px;
    line-height: 32px;
  }

  .div-block-1751 {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .div-block-1752 {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
  }

  .div-block-1753 {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    flex-flow: row;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .image-244 {
    width: 100%;
  }

  .main-heading {
    line-height: 40px;
  }

  .tab-text {
    font-size: 2.3vw;
  }

  .tab-heading {
    margin-bottom: 3px;
    font-size: 3vw;
  }

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

  .tab-line {
    width: 85%;
    top: 30px;
    left: 7%;
  }

  .container-189.sticky {
    height: 200vh;
  }

  .scroll-image-box {
    width: 100%;
  }

  .number-box {
    grid-row-gap: 10px;
    flex-direction: column;
    margin-bottom: 0;
  }

  .tab-content {
    max-width: 120px;
    display: block;
  }

  .inner-content-box {
    height: auto;
    position: sticky;
    top: 100px;
  }

  .content-main-box {
    grid-column-gap: 20px;
    width: 100%;
  }

  .tab-scroll {
    grid-row-gap: 10px;
    margin-top: 20px;
    position: relative;
    top: 0;
  }

  .number-block {
    border-radius: 10px;
    width: 55px;
    height: 55px;
    font-size: 5vw;
    line-height: 1;
  }

  .container-190 {
    max-width: none;
  }

  .gallery-wrapper {
    grid-template-columns: 1fr;
  }

  .feature-title-box-50 {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .feature-title-box-50.vertical {
    padding-top: 12px;
    padding-left: 12px;
  }

  .feature-box-001, .feature-box-002 {
    flex-flow: column;
  }

  .image-245 {
    width: 90%;
  }

  .feature-box-003 {
    flex-flow: column;
  }

  .feagfeature-title-box-copy {
    padding-left: 12px;
    padding-right: 12px;
  }

  .feagfeature-title-box-copy.vertical {
    padding-top: 12px;
    padding-left: 12px;
  }

  .hero-buttons {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
  }

  .demo-btn.secondary {
    justify-content: center;
    align-items: center;
    width: auto;
    padding: .75rem 1.25rem;
    display: flex;
  }

  .div-block-1757 {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 240px;
    display: flex;
  }

  .background-video-4 {
    mix-blend-mode: lighten;
    overflow: visible;
  }

  .text-block-4639 {
    font-size: 12px;
  }

  .background-video-5 {
    mix-blend-mode: lighten;
    width: 100%;
  }

  .text-block-4640 {
    font-size: 12px;
  }

  .header-main-wrapper-copy {
    height: auto;
    padding-top: 40px;
    padding-left: 8px;
    padding-right: 8px;
  }

  .ai-agents-tab-container {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .agent-name {
    width: auto;
    font-size: .8rem;
    line-height: 1rem;
    display: none;
  }

  .agents-tabs-menu {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    place-items: center;
    width: auto;
    height: auto;
    display: flex;
  }

  .agent-tab-link.w--current {
    width: auto;
  }

  .agent-content-box {
    flex-flow: column;
  }

  .agent-tab-name {
    justify-content: flex-start;
    align-items: center;
    width: auto;
    padding: .5rem .8rem;
  }

  .div-block-1759 {
    width: .5rem;
    height: 3rem;
    inset: 0% auto 0% 0%;
  }

  .agentname {
    color: var(--untitled-ui--primary700);
    width: auto;
    font-size: .8rem;
    font-weight: 500;
    line-height: 20px;
    display: block;
  }

  .scroll-section {
    display: block;
  }

  .scroll-section-wrapper {
    max-width: none;
  }

  .scroll-wrapper {
    grid-template-columns: 1fr;
  }

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

  .key-features-section-guw {
    padding-top: 40px;
    padding-left: 12px;
    padding-right: 12px;
  }

  .guw-heading {
    font-size: 32px;
    line-height: 40px;
  }

  .benefits-guw {
    height: auto;
    padding: 40px 12px;
  }

  .guw-benefits {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    border-radius: 20px;
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    height: auto;
    padding: 40px 12px;
  }

  .guw-benefits-wrapper {
    justify-content: center;
    align-items: flex-start;
    width: 100%;
  }

  .guw-before-box, .guw-after-box, .guw-after-wrap {
    flex-flow: column;
    width: 100%;
  }

  .cca-02 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    height: auto;
    padding: 20px;
  }

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

  .loan-memo-header {
    grid-template-columns: 1fr;
    padding-left: 12px;
    padding-right: 12px;
  }

  .key-features-section-lmg {
    padding-top: 40px;
    padding-left: 12px;
    padding-right: 12px;
  }

  .benefits-lmg {
    height: auto;
    padding: 40px 12px;
  }

  .lmg-benefits {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    border-radius: 20px;
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    height: auto;
    padding: 40px 12px;
  }

  .lmg-benefits-wrapper {
    justify-content: center;
    align-items: flex-start;
    width: 100%;
  }

  .gcp-box {
    width: 9rem;
    height: 3rem;
  }

  .header-block-main {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .middleware-wrapper-section {
    padding-left: 1rem;
    padding-right: 1rem;
    display: none;
  }

  .split-container {
    flex-flow: column;
  }

  .left-panel {
    flex-flow: row;
    width: 100%;
  }

  .title-wrapper-section {
    padding-bottom: 2rem;
    padding-left: 1rem;
    padding-right: 1rem;
    display: block;
  }

  .heading-276 {
    font-size: 2rem;
    line-height: 2.4rem;
  }

  .usecase-colours {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    padding: 40px 1rem;
  }

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

  .div-block-1772.blue {
    justify-content: center;
    align-items: flex-start;
    margin-bottom: 12px;
    padding: 12px;
  }

  .div-block-1772.red {
    padding: 12px;
  }

  .div-block-1772.pink {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    padding: 12px;
  }

  .heading-277 {
    font-size: 1rem;
    line-height: 1.2rem;
  }

  .div-block-1773 {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-flow: column;
  }

  .ai-agents-grid-section {
    margin-top: 4rem;
    margin-bottom: 4rem;
  }

  .container-191 {
    max-width: none;
  }

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

  .container-stack {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    padding: 0;
  }

  .centered-heading {
    margin-bottom: 24px;
  }

  .testimonial-grid {
    grid-template-columns: 1fr;
  }

  .testimonial-block-main {
    flex-direction: column;
  }

  .testimonial-main-image {
    width: 100%;
    height: auto;
    margin-bottom: 32px;
    margin-right: 0;
  }

  .stack-wrapper {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .stack-card {
    height: 20rem;
    padding-bottom: 1rem;
  }

  .stack-text-box {
    padding: 1rem;
  }

  .text-block-4647 {
    font-size: 1rem;
    line-height: 1.5rem;
  }

  .img-stack-box {
    justify-content: flex-end;
    align-items: flex-end;
  }

  .img-stack-box.is-1, .img-stack-box.is-2 {
    justify-content: center;
    align-items: flex-end;
  }

  .image-250 {
    width: 120%;
  }

  .image-250.is-2 {
    width: 110%;
  }

  .ai-agents-heading {
    padding-left: 1rem;
  }
}

#w-node-_21c74b0a-c9cc-eced-3114-479c56d39c11-a7fd931d {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_422eb99a-1ae2-c7e4-7237-4ebfbc2eb024-a7fd931d {
  grid-area: 1 / 1 / 2 / 2;
  place-self: center;
}

#w-node-_8f7c8efe-324d-5715-8f56-8c81997203b2-a7fd931d {
  grid-area: 2 / 1 / 3 / 2;
}

#w-node-d6349319-5e1d-4d94-2851-ee86b89e6567-b89e6556, #w-node-d6349319-5e1d-4d94-2851-ee86b89e6578-b89e6556, #w-node-d6349319-5e1d-4d94-2851-ee86b89e6593-b89e6556, #w-node-d6349319-5e1d-4d94-2851-ee86b89e65b2-b89e6556, #w-node-_631cbfe0-2722-7774-c613-cced66c318b5-e4c1d5b4 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_8a358a36-d810-d352-1b5e-7d2b61573b74-e4c1d5b4, #w-node-_8a358a36-d810-d352-1b5e-7d2b61573b79-e4c1d5b4, #w-node-_8a358a36-d810-d352-1b5e-7d2b61573b7e-e4c1d5b4 {
  align-self: start;
}

#w-node-_8a358a36-d810-d352-1b5e-7d2b61573b9a-e4c1d5b4 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_8a358a36-d810-d352-1b5e-7d2b61573b9b-e4c1d5b4 {
  justify-self: start;
}

#w-node-_8ce334fa-88fe-f49b-0a3f-900d94f8c999-7f54bda4 {
  grid-area: span 1 / span 20 / span 1 / span 20;
}

#w-node-_8ce334fa-88fe-f49b-0a3f-900d94f8c99a-7f54bda4 {
  grid-area: span 1 / span 7 / span 1 / span 7;
}

#w-node-_8ce334fa-88fe-f49b-0a3f-900d94f8c99b-7f54bda4 {
  grid-area: span 1 / span 5 / span 1 / span 5;
}

#w-node-_8ce334fa-88fe-f49b-0a3f-900d94f8c99c-7f54bda4 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_8ce334fa-88fe-f49b-0a3f-900d94f8c99d-7f54bda4, #w-node-_8ce334fa-88fe-f49b-0a3f-900d94f8c99e-7f54bda4 {
  grid-area: span 1 / span 7 / span 1 / span 7;
}

#w-node-_8ce334fa-88fe-f49b-0a3f-900d94f8c99f-7f54bda4 {
  grid-area: span 1 / span 11 / span 1 / span 11;
}

#w-node-_8ce334fa-88fe-f49b-0a3f-900d94f8c9a0-7f54bda4 {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-_8ce334fa-88fe-f49b-0a3f-900d94f8c9a1-7f54bda4 {
  grid-area: span 1 / span 7 / span 1 / span 7;
}

#w-node-_8ce334fa-88fe-f49b-0a3f-900d94f8c9a2-7f54bda4 {
  grid-area: span 1 / span 18 / span 1 / span 18;
}

#w-node-_8ce334fa-88fe-f49b-0a3f-900d94f8c9a3-7f54bda4 {
  grid-area: span 1 / span 7 / span 1 / span 7;
}

@media screen and (max-width: 991px) {
  #w-node-_4d242a8b-2fd8-918f-075e-f7e6a537e822-7f54bda4 {
    grid-area: 3 / 1 / 4 / 3;
  }

  #w-node-_4d242a8b-2fd8-918f-075e-f7e6a537e825-7f54bda4, #w-node-_4d242a8b-2fd8-918f-075e-f7e6a537e825-767718b5, #w-node-a83ef3fb-7761-8234-4145-5107b05a5d74-767718b5 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_21c74b0a-c9cc-eced-3114-479c56d39c11-a7fd931d {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-db443c78-0bc0-8b53-d923-63b34a6d8394-4a6d8362 {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }
}