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

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: Georgia;
  src: url("https://cdn.prod.website-files.com/64d14310c4accecbf82f0e9f/64d14310c4accecbf82f137a_Georgia%20Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Figtree;
  src: url("https://cdn.prod.website-files.com/64d14310c4accecbf82f0e9f/64d25b2b26af85d6b5a91024_Figtree-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Figtree;
  src: url("https://cdn.prod.website-files.com/64d14310c4accecbf82f0e9f/64d25b42ed7d98d4010ef698_Figtree-SemiBoldItalic.ttf") format("truetype");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Figtree;
  src: url("https://cdn.prod.website-files.com/64d14310c4accecbf82f0e9f/64d25bd112ae001c595eeabc_Figtree-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Figtree;
  src: url("https://cdn.prod.website-files.com/64d14310c4accecbf82f0e9f/64d25bf7d212671e9d59e94a_Figtree-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Fa Brands 400";
  src: url("https://cdn.prod.website-files.com/64d14310c4accecbf82f0e9f/64e0063a6321200c4cd75ca4_fa-brands-400.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Figtree;
  src: url("https://cdn.prod.website-files.com/64d14310c4accecbf82f0e9f/64e7db85ef3736466981a1f6_Figtree-MediumItalic.ttf") format("truetype");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Figtree;
  src: url("https://cdn.prod.website-files.com/64d14310c4accecbf82f0e9f/64e7db86640f01b281d286bd_Figtree-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Fa Solid 900";
  src: url("https://cdn.prod.website-files.com/64d14310c4accecbf82f0e9f/64e909eb376dd045f1097f38_fa-solid-900.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Figtree Variablefont Wght;
  src: url("https://cdn.prod.website-files.com/64d14310c4accecbf82f0e9f/67d9bc996389d50b5449bae4_Figtree-VariableFont_wght.ttf") format("truetype");
  font-weight: 300 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Figtree Variablefont Wght;
  src: url("https://cdn.prod.website-files.com/64d14310c4accecbf82f0e9f/67d9bc99858ba0b4590e5d13_Figtree-Italic-VariableFont_wght.ttf") format("truetype");
  font-weight: 300 900;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Gilroy;
  src: url("https://cdn.prod.website-files.com/64d14310c4accecbf82f0e9f/64d14310c4accecbf82f12a7_Gilroy-Regular.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Gilroy;
  src: url("https://cdn.prod.website-files.com/64d14310c4accecbf82f0e9f/64d14310c4accecbf82f12a8_Gilroy-Light.otf") format("opentype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Gilroy;
  src: url("https://cdn.prod.website-files.com/64d14310c4accecbf82f0e9f/64d14310c4accecbf82f12ab_Gilroy-BoldItalic.otf") format("opentype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Gilroy;
  src: url("https://cdn.prod.website-files.com/64d14310c4accecbf82f0e9f/64d14310c4accecbf82f12a4_Gilroy-SemiBold.otf") format("opentype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Gilroy;
  src: url("https://cdn.prod.website-files.com/64d14310c4accecbf82f0e9f/64d14310c4accecbf82f12a6_Gilroy-MediumItalic.otf") format("opentype");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Gilroy;
  src: url("https://cdn.prod.website-files.com/64d14310c4accecbf82f0e9f/64d14310c4accecbf82f12aa_Gilroy-LightItalic.otf") format("opentype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Gilroy;
  src: url("https://cdn.prod.website-files.com/64d14310c4accecbf82f0e9f/64d14310c4accecbf82f12ad_Gilroy-SemiBoldItalic.otf") format("opentype");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Gilroy;
  src: url("https://cdn.prod.website-files.com/64d14310c4accecbf82f0e9f/64d14310c4accecbf82f12ac_Gilroy-Bold.otf") format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Gilroy;
  src: url("https://cdn.prod.website-files.com/64d14310c4accecbf82f0e9f/64d14310c4accecbf82f12a9_Gilroy-Medium.otf") format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Gilroy;
  src: url("https://cdn.prod.website-files.com/64d14310c4accecbf82f0e9f/64d14310c4accecbf82f12a5_Gilroy-RegularItalic.otf") format("opentype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Tiemposheadline;
  src: url("https://cdn.prod.website-files.com/64d14310c4accecbf82f0e9f/67d9bc998ce733fccb153f55_TiemposHeadline-RegularItalic.otf") format("opentype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Tiemposheadline;
  src: url("https://cdn.prod.website-files.com/64d14310c4accecbf82f0e9f/67dc108b67dcfad9707d5149_TiemposHeadline-Medium.otf") format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

:root {
  --grey-800: #1e293b;
  --blue: #096ed3;
  --darkblue: #040e33;
  --white: white;
  --greytopo: #7a7a7a;
  --grey-300: #cbd5e1;
  --dark: #333;
  --lightblue: #e2eff3;
  --yellow: #f5c727;
  --greymedium: #939393;
  --greyregular: #b2b2b2;
  --grey-100: #f1f5f9;
  --light-sky-blue-2: #85bdf570;
  --white-2: #ffffff0f;
  --grey-50: #f8fafc;
  --grey-950: #111421;
  --grey-999: #0c0e14;
  --greylightblue: #c3cad9;
  --greypale: #f3f8fd;
  --light-sky-blue: #87c0ff;
  --grey-500: #64748b;
  --sofar-blue: #096ed3;
  --grey-400: #94a3b8;
  --grey-700: #334155;
  --grey-200: #e2e8f0;
  --grey-600: #475569;
  --grey-900: #111829;
  --sofar-accent-01: #02a88c;
  --sofar-accent-02: #f97316;
  --sofar-accent-05: #f8c630;
  --navy-2: #02172a;
  --bluepale: #e6f4f3;
  --cat-cs: #ef4444;
  --yellowpale: #f3efe0;
  --off-white: #fffdf9;
  --regularblue: #10467b;
  --mediumblue: #0a2d50;
  --hello: 75vh;
}

.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-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-vflex {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

h1 {
  font-family: Figtree, sans-serif;
  font-size: 38px;
  font-weight: 700;
  line-height: 44px;
}

h2 {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Figtree, sans-serif;
  font-size: 32px;
  font-weight: 700;
  line-height: 36px;
}

h3 {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Figtree, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 30px;
}

h4 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: Figtree, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
}

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

h6 {
  color: var(--grey-800);
  text-align: center;
  margin-top: 5px;
  margin-bottom: 0;
  font-family: Figtree, sans-serif;
  font-size: 1rem;
  font-style: italic;
  font-weight: 400;
  line-height: 1.4rem;
}

p {
  margin-bottom: 10px;
}

a {
  color: var(--blue);
  font-weight: 700;
}

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

ol {
  max-width: 680px;
  margin: 0 auto 10px;
  padding-left: 40px;
  list-style-type: lower-alpha;
}

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

strong {
  font-weight: bold;
}

em {
  font-style: italic;
}

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

figure {
  margin-bottom: 10px;
}

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

.c-body {
  padding-top: 0;
  font-family: Gilroy, sans-serif;
}

.navigation {
  z-index: 100;
  background-color: #fff;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  max-width: 1340px;
  margin-top: 24px;
  margin-left: auto;
  margin-right: auto;
  padding: 12px 34px;
  display: flex;
  position: fixed;
  inset: 0% 0% auto;
  box-shadow: 2px 0 18px 4px #0000001a;
}

.c-container {
  flex: 1;
  width: auto;
  max-width: 1340px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
}

.c-container._2-cols {
  justify-content: center;
  display: flex;
}

.c-container.z-index {
  z-index: 2;
  position: relative;
}

.c-section {
  padding-top: 34px;
  padding-bottom: 50px;
  position: relative;
}

.c-section.careers {
  padding-top: 58px;
}

.c-h1 {
  color: var(--darkblue);
  text-align: left;
  letter-spacing: -1.5px;
  font-family: Gilroy, sans-serif;
  font-size: 64px;
  line-height: 76px;
  transition: all .2s;
}

.c-h1.white {
  color: var(--white);
  text-align: left;
}

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

.c-6col.news-updates-card {
  padding-left: 64px;
}

.c-6col.careers-img {
  background-image: url("https://cdn.prod.website-files.com/64d14310c4accecbf82f0e9f/64d14310c4accecbf82f123a_61b8bb768386636c2b97514f_SNI06635.avif");
  background-position: 50%;
  background-size: cover;
  height: 64vh;
  margin-top: 100px;
}

.c-paragraph {
  color: #000;
  font-family: Poppins;
  font-size: 16px;
  font-weight: 400;
  line-height: 32px;
  transition: all .2s;
}

.c-paragraph.medium {
  margin-bottom: 16px;
}

.c-paragraph.medium.white {
  color: var(--white);
  display: block;
}

.c-paragraph.small {
  font-size: 14px;
  line-height: 24px;
}

.c-paragraph.small.white {
  color: #fff;
  margin-bottom: 16px;
}

.c-paragraph.small.white.date-ocean {
  color: #fff;
  margin-bottom: 16px;
  font-size: 12px;
}

.c-paragraph.small.white.date-ocean.author-left-padding {
  flex: 1;
  padding-left: 8px;
}

.c-paragraph.small.white.date-ocean.muted-date {
  color: var(--white);
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 10px;
}

.c-paragraph.bold {
  font-family: Gilroy, sans-serif;
  font-weight: 700;
}

.c-paragraph.bold.center {
  text-align: center;
}

.c-paragraph.bold.center.white {
  color: var(--white);
  text-align: center;
  letter-spacing: 0;
}

.c-paragraph.small-navtext {
  color: var(--greytopo);
  margin-left: 0;
  font-size: 12px;
  line-height: 26px;
}

.c-paragraph.center {
  color: #fff;
}

.c-paragraph.description {
  color: #ffffffd6;
  margin-bottom: 10px;
}

.c-button-text {
  color: #096ed3;
  font-size: 16px;
  font-weight: 700;
  text-decoration: none;
  display: inline;
}

.c-button-text.blog-link {
  margin-top: 20px;
  margin-bottom: 0;
  display: block;
  position: absolute;
  inset: auto 0% 2% 3%;
}

.c-button-text.blog-link.ocean-research.yellow {
  transition: transform .2s cubic-bezier(.77, 0, .175, 1);
}

.c-button-text.blog-link.ocean-research.yellow:hover {
  transform: translate(.5rem);
}

.c-button-text.white {
  color: #fff;
}

.c-button-text.white.contact {
  margin-bottom: 14px;
  display: block;
}

.c-button-text.white.previous {
  background-color: #0000;
  border-style: none;
  align-self: center;
}

.icon-arrow {
  font-family: "Fa solid 900", sans-serif;
  font-size: 14px;
}

.c-h2 {
  color: var(--darkblue);
  letter-spacing: -1.5px;
  margin-bottom: 32px;
  font-size: 54px;
  line-height: 64px;
}

.c-h2.center {
  text-align: center;
}

.c-h2.center.white, .c-h2.white {
  color: #fff;
}

.blue {
  color: var(--blue);
}

.c-4col {
  flex: 1;
}

.c-4col.footer {
  width: 33%;
}

.c-4col.footer.center {
  text-align: center;
}

.c-4col.footer.right {
  text-align: right;
}

.c-4col.center {
  text-align: center;
  border-radius: 4px;
}

.c-4col.center.card-spotter {
  background-color: #ffffff0f;
  border: 1px solid #85bdf570;
  height: 650px;
  margin-right: 24px;
  padding-top: 34px;
  padding-bottom: 34px;
}

.c-4col.center.card-spotter.legal {
  border-color: var(--grey-300);
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  height: auto;
  min-height: 250px;
  padding-left: 34px;
  padding-right: 34px;
  display: flex;
}

.c-4col.form-image {
  background-image: linear-gradient(#0000 42%, #000000b3 95%), url("https://cdn.prod.website-files.com/64d14310c4accecbf82f0e9f/64d14310c4accecbf82f123a_61b8bb768386636c2b97514f_SNI06635.avif");
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  background-attachment: scroll, scroll;
  align-self: flex-start;
  height: 92vh;
  padding-top: 80vh;
  padding-left: 24px;
  padding-right: 24px;
  position: relative;
}

.c-wrapper {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.c-wrapper.team {
  justify-content: flex-start;
  display: flex;
}

.c-button-primary {
  background-color: #096ed3;
  border: 2px solid #096ed300;
  border-radius: 200px;
  padding: 12px 2rem;
  font-family: Gilroy, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 28px;
  transition: all .2s;
}

.c-button-primary:hover {
  color: var(--blue);
  background-color: #096ed300;
  border-color: #096ed3;
  text-decoration: none;
}

.c-grid-team {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-wrap: wrap;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  margin-bottom: 0;
  padding-bottom: 40px;
  display: flex;
}

.c-h3 {
  color: var(--darkblue);
  text-align: left;
  font-size: 44px;
  line-height: 56px;
  transition: all .2s;
}

.c-h4 {
  color: var(--darkblue);
  font-size: 34px;
  line-height: 46px;
  transition: all .2s;
}

.c-h4.white {
  color: var(--white);
  margin-bottom: 20px;
}

.c-h4.margin-0 {
  margin-top: 0;
  font-family: Gilroy, sans-serif;
}

.c-h5 {
  color: var(--darkblue);
  margin-top: 0;
  font-size: 26px;
  line-height: 32px;
  transition: all .2s;
}

.c-h5.white {
  color: #fff;
}

.c-h5.blog {
  color: var(--dark);
  letter-spacing: -.6px;
  margin-top: 20px;
  margin-bottom: 16px;
  font-size: 24px;
  font-weight: 700;
  line-height: 34px;
}

.c-h5.blog.white {
  color: #fff;
  margin-top: 10px;
  margin-bottom: 10px;
}

.c-logo-investor {
  border: 0px solid var(--lightblue);
  text-align: center;
  padding: 34px 0;
}

.c-footer {
  background-color: var(--darkblue);
  padding: 60px 24px;
}

.c-footer-grid {
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: .75fr 1.25fr 1fr 1fr 1fr 1fr;
  padding-left: 0;
  padding-right: 0;
}

.c-link-text {
  letter-spacing: 1px;
  text-transform: uppercase;
  font-weight: 700;
  text-decoration: none;
  transition: all .2s cubic-bezier(.77, 0, .175, 1);
}

.c-link-text.white {
  color: var(--white);
  text-transform: none;
  margin-top: 20px;
  text-decoration: none;
}

.c-link-text.smaller {
  opacity: .7;
  letter-spacing: 0;
  text-transform: none;
  font-family: Poppins;
  font-weight: 400;
}

.c-link-text.smaller.white {
  font-size: 13px;
}

.c-link-text.smaller.white:hover {
  opacity: 1;
}

.c-link-text.smaller.white.icons {
  margin-right: 24px;
  font-family: "Fa brands 400", sans-serif;
  font-size: 26px;
  line-height: 32px;
}

.c-link-text.smaller.white.icons.last {
  margin-right: 0;
}

.c-link-text.smaller.white.policy {
  margin-right: 20px;
}

.c-link-text.nav {
  color: var(--darkblue);
  letter-spacing: 0;
  text-transform: none;
  margin-right: 14px;
  padding: 0;
  font-size: 15px;
  display: block;
}

.c-link-text.nav.dropdown {
  margin-left: 0;
  margin-right: 0;
  display: block;
}

.c-space-blank {
  width: auto;
}

.c-second-part-footer {
  align-items: center;
  padding-top: 80px;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
}

.c-weather-section {
  background-image: linear-gradient(#0003, #0000009e), url("https://cdn.prod.website-files.com/64d14310c4accecbf82f0e9f/64d14310c4accecbf82f1215_61a12384e09056f1ec6c65c8_weatherocean.avif");
  background-position: 0 0, 50% -30%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  background-attachment: scroll, fixed;
  padding-top: 120px;
  padding-bottom: 120px;
}

.c-logo {
  display: block;
}

.c-logo.w--current {
  text-align: center;
  flex: none;
  align-self: center;
  width: auto;
}

.c-wrapper-nav {
  text-align: center;
  flex: 1;
  justify-content: center;
  align-self: auto;
  align-items: center;
  width: auto;
  max-width: 80%;
  margin-left: auto;
  display: flex;
}

.icon {
  margin-left: 0;
  padding-right: 8px;
  font-family: "Fa solid 900", sans-serif;
  font-size: 15px;
  font-weight: 400;
}

.icon.nav {
  margin-left: 8px;
  font-family: "Fa solid 900", sans-serif;
  font-size: 12px;
  line-height: 12px;
}

.c-dropdown {
  line-height: 16px;
}

.c-button-secondary {
  border: 2px solid var(--blue);
  color: var(--blue);
  background-color: #0000;
  border-radius: 6px;
  padding: 12px 20px;
  font-size: 16px;
  font-weight: 700;
  line-height: 28px;
}

.c-button-secondary.white {
  color: #fff;
  border-color: #fff;
}

.dark {
  color: var(--darkblue);
}

.yellow {
  color: var(--yellow);
}

.sf-category {
  background-color: var(--blue);
  color: #fff;
  border-radius: .5rem;
  flex: none;
  justify-content: center;
  align-items: center;
  padding: 6px 8px;
  font-weight: 400;
  text-decoration: none;
  transition: all .4s cubic-bezier(.86, 0, .07, 1);
  display: flex;
}

.sf-category:hover {
  opacity: 1;
}

.sf-category.updates {
  background-color: #ffffff4d;
}

.c-text-small {
  color: var(--greymedium);
  margin-bottom: 0;
  margin-left: 12px;
  font-weight: 700;
  display: inline-block;
}

.c-text-small.white {
  color: #fff;
}

.c-top-part {
  align-items: center;
  width: auto;
  padding-bottom: 0;
  display: inline-block;
}

.c-top-part.category {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.c-top-part.ocean-research {
  align-items: center;
  display: flex;
}

.c-card-links {
  justify-content: center;
  align-items: center;
  display: flex;
}

.c-card-links.contact {
  justify-content: flex-start;
  padding-top: 32px;
  display: block;
}

.c-h4 {
  margin-bottom: 0;
}

.sf-category-text {
  color: var(--white);
  letter-spacing: 1px;
  text-transform: uppercase;
  font-family: Figtree, sans-serif;
  font-size: 11px;
  font-weight: 600;
}

.sf-category-text.internal {
  color: var(--white);
}

.c-search {
  border-radius: 4px;
  flex: 1;
  max-width: 33rem;
  margin-bottom: 0;
  padding-top: 14px;
  padding-bottom: 14px;
  line-height: 30px;
  display: block;
}

.c-search.full-width {
  align-self: auto;
  height: 51px;
  margin-right: 1rem;
  padding-top: 0;
  padding-bottom: 0;
}

.search-2 {
  justify-content: flex-end;
  align-items: center;
  margin-bottom: 0;
  display: flex;
}

.search-2.full-search {
  justify-content: flex-end;
}

.c-card-wrapper {
  flex-wrap: wrap;
  place-content: stretch space-between;
  align-items: center;
  margin-top: 44px;
}

.c-card-blog {
  flex-direction: column;
  justify-content: flex-end;
  align-self: flex-start;
  text-decoration: none;
  transition: opacity .2s;
  display: flex;
}

.c-card-blog:hover {
  opacity: .5;
}

.c-card-blog.ocean-research {
  color: #fff;
  justify-content: flex-start;
  height: 100%;
}

.c-card-blog.ocean-research:hover {
  opacity: .8;
}

.c-card-img-blog {
  -webkit-text-fill-color: inherit;
  object-fit: fill;
  background-color: #0000;
  background-image: url("https://cdn.prod.website-files.com/64d14310c4accecbf82f0e9f/64d14310c4accecbf82f119a_back.avif");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-clip: border-box;
  border-radius: 4px;
  width: 380px;
  max-width: 100%;
  height: 220px;
  margin-bottom: 16px;
  position: relative;
}

.c-dropddown-card {
  background-color: #0000;
  width: 340px;
  margin-top: 0;
  padding: 65px 24px 29px;
  display: none;
  position: absolute;
  top: 40px;
  left: -44px;
}

.c-dropddown-card.w--open {
  z-index: auto;
  background-color: #0000;
  border-radius: 4px;
  width: 340px;
  margin-top: 0;
  padding: 32px 0 0;
  top: 49px;
}

.c-nav-link-wrapper {
  align-items: flex-start;
  margin-bottom: 20px;
  text-decoration: none;
  display: flex;
}

.miniwrapper-link {
  justify-content: flex-start;
  align-items: center;
  display: block;
}

.dropdown-wrapper {
  justify-content: center;
  align-items: center;
  margin-left: 14px;
  margin-right: 14px;
  padding-top: 22px;
  padding-bottom: 22px;
  transition: all .2s;
  display: flex;
}

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

.gray {
  color: var(--greyregular);
}

.c-logo-customers {
  text-align: center;
  align-self: center;
  margin-right: 24px;
}

.author-picture {
  object-fit: contain;
  width: 100%;
  margin-right: 0;
}

.c-card-data {
  text-align: center;
  background-color: #ffffff0d;
  border: 2px solid #e5eaf433;
  align-self: flex-start;
  width: 28%;
  margin-right: 40px;
  padding: 32px 34px;
}

.c-card-data.card-news-updates {
  text-align: left;
  background-color: #ffffff14;
  border-color: #e5eaf42b;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.collection-list-3 {
  flex-wrap: wrap;
  flex: 1;
  place-content: center;
  align-items: stretch;
  display: flex;
}

.collection-item-2 {
  border: 1px #000;
  border-radius: 3px;
  flex-wrap: wrap;
  width: 30%;
  margin-bottom: 34px;
  margin-right: 34px;
  padding: 12px 14px 24px;
  display: flex;
  position: relative;
}

.c-news-updatescard {
  background-image: linear-gradient(#06185c, #06185c);
  padding-top: 34px;
  padding-bottom: 34px;
}

.center {
  text-align: center;
}

.c-background-card {
  background-color: var(--white);
  border-radius: 4px;
  padding: 34px 26px 5px;
  box-shadow: 4px 40px 50px 20px #0000001c;
}

.image-56 {
  margin-right: 0;
  display: block;
}

.c-wrapper {
  align-self: flex-end;
  display: block;
}

.customer-logos-contact {
  align-items: flex-end;
  display: flex;
  position: absolute;
  inset: auto 0% 1% 6%;
}

.custom-form {
  width: 80%;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}

.custom-form.form-page {
  text-align: center;
  width: 90%;
  min-height: auto;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  transition: all .2s;
}

.c-careers-hero {
  z-index: -1;
  background-color: var(--darkblue);
  width: 60vw;
  height: 75vh;
  padding-top: 259px;
  padding-left: 44px;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.greenhouse-integration {
  min-height: 600px;
}

.search-result-item {
  width: auto;
  max-width: 100%;
  height: 100%;
  padding-top: 0;
  padding-bottom: 0;
  position: relative;
}

.search-result-wrapper {
  margin-top: 24px;
}

.video-play {
  position: absolute;
  inset: auto auto 10% 4%;
}

.wather-sofarocean {
  text-decoration: none;
  display: block;
}

.buttos-weather {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.icon-wrapper {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 25px;
  height: 25px;
  margin-right: 12px;
  display: flex;
}

.navbar {
  max-width: 1320px;
  margin-left: auto;
  margin-right: auto;
}

.c-wrapper-get-started {
  text-align: center;
  flex: 1;
  justify-content: flex-end;
  align-self: auto;
  align-items: center;
  width: auto;
  max-width: 80%;
  margin-left: auto;
  display: flex;
}

.search-result-list {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  max-width: 100%;
  display: grid;
}

.tag-div {
  background-color: var(--blue);
  border-radius: 3px;
  width: auto;
  margin-bottom: 10px;
  margin-left: 10px;
  padding: 4px 15px;
  position: absolute;
  inset: auto auto 0% 0%;
}

.date-author-div {
  flex-wrap: wrap;
  margin-bottom: 10px;
  display: flex;
}

.white-background {
  background-color: var(--grey-100);
  border-radius: 8px;
  padding-top: 22px;
  padding-bottom: 15px;
}

.white-background.sf-hsg6ex {
  padding: 91px;
}

.expandable.expandable-accordion {
  cursor: pointer;
}

.c-3col-grid {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.frost-outline {
  border: 1px solid var(--light-sky-blue-2);
  background-color: var(--white-2);
  text-align: center;
  border-radius: 4px;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  padding: 34px 1rem;
  display: flex;
}

.navmenu__dropdown-left {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #fff;
  flex: 1;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  padding-top: 40px;
  padding-bottom: 0;
  padding-right: 60px;
  display: grid;
}

.navmenu__dropdown-container {
  z-index: 1;
  justify-content: space-between;
  max-width: 1280px;
  display: flex;
  position: static;
}

.navmenu__dropdown-section-list {
  grid-column-gap: 28px;
  grid-row-gap: 28px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-items: start;
  margin-bottom: 0;
}

.navmenu__dropdown-section-link {
  color: #1b1b1b;
  text-decoration: none;
  display: flex;
}

.navmenu__dropdown-section-link:hover, .navmenu__dropdown-section-link:focus {
  color: var(--darkblue);
}

.link-list__dropdown-toggle {
  color: #1b1b1b;
  align-items: center;
  height: 100%;
  padding: 16px 0;
  display: flex;
}

.link-list__dropdown-toggle:hover {
  color: var(--darkblue);
}

.link-list__dropdown-toggle.w--open {
  transition-property: none;
}

.link-list__dropdown-toggle.w--open:hover {
  box-shadow: none;
}

.navmenu__dropdown-list {
  margin-bottom: 0;
}

.navmenu__dropdown-section {
  margin-bottom: 40px;
}

.navmenu__dropdown-section.cc-last {
  margin-bottom: 0;
}

.link-list__dropdown-icon {
  align-self: center;
  align-items: center;
  margin-left: 8px;
  margin-right: 0;
  display: flex;
  position: relative;
}

.link-list__dropdown-wrapper {
  align-items: center;
  margin-left: 14px;
  margin-right: 14px;
  padding-top: 22px;
  padding-bottom: 22px;
  font-weight: 700;
  display: flex;
  position: static;
}

.navmenu__dropdown-section-link-description {
  color: #666;
  margin-top: 8px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5em;
}

.navmenu__dropdown {
  background-color: #fff;
  border-top: 1px solid #e4e4e4;
  border-bottom: 1px solid #e4e4e4;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
}

.navmenu__dropdown.w--open {
  border-top-style: none;
  border-bottom-style: none;
  max-height: 90vh;
  overflow: auto;
  box-shadow: 4px 40px 50px 20px #0000001c;
}

.navmenu__dropdown.space.w--open {
  padding-top: 34px;
}

.navmenu__dropdown-grid {
  grid-column-gap: 0px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr minmax(auto, 1280px) 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  place-content: stretch;
  width: 100%;
  display: grid;
}

.navmenu__dropdown-section-list-item {
  margin-bottom: 20px;
  margin-left: 40px;
}

.navmenu__dropdown-section-link-heading {
  margin-right: 8px;
  font-size: 15px;
  line-height: 1.5;
}

.navmenu__dropdown-section-link-heading:hover {
  color: var(--darkblue);
}

.navmenu__content-block-overlay {
  background-color: #fafafa;
}

.text-block-copy {
  color: var(--darkblue);
  font-size: 15px;
}

.collection-list-4 {
  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;
}

.nav-menu {
  padding-top: 0;
}

.div-block-57 {
  flex-wrap: wrap;
  display: flex;
}

.item {
  display: block;
}

.sf-btn-inline {
  color: #096ed3;
  text-align: center;
  border-radius: 6px;
  justify-content: flex-start;
  align-items: center;
  height: 54px;
  margin: 0;
  font-family: Gilroy, sans-serif;
  font-weight: 700;
  text-decoration: none;
  transition: all .2s cubic-bezier(.77, 0, .175, 1);
  display: flex;
}

.sf-btn-inline:hover {
  transform: translate(.25rem);
}

.sf-btn-inline.centered {
  justify-content: center;
}

.sf-btn-inline.grey-800 {
  color: var(--grey-800);
}

.sf-btn-inline.sm-padding {
  height: 24px;
}

.sf-nav-secondary {
  align-items: center;
  display: flex;
  position: relative;
}

.sf-text-h5 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.6875rem;
  font-weight: 600;
  line-height: 2rem;
}

.sf-text-h5.centered {
  text-align: center;
}

.sf-grid-2-col {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.sf-grid-2-col.padding-bottom-lg {
  align-items: center;
  margin-bottom: 4rem;
}

.sf-grid-2-col.padding-top {
  padding-top: 2rem;
}

.sf-grid-2-col.xl-padding {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto auto;
}

.sf-grid-2-col.padding-bottom-xlg {
  margin-bottom: 6rem;
}

.sf-grid-2-col.grid-padding-lg {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  grid-template-columns: 1fr 1fr;
}

.sf-grid-2-col.grid-padding-xlg {
  grid-column-gap: 6rem;
  grid-row-gap: 6rem;
}

.sf-grid-2-col.grid-padding-xlg.flip-on-tablet {
  grid-template-columns: 1fr 1fr;
}

.sf-grid-2-col.grid-padding-xlg.relative {
  align-items: start;
  position: relative;
}

.sf-stats-inner-container {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: flex-end;
  display: flex;
}

.sf-home-story {
  color: #000;
  text-decoration: none;
}

.sf-home-story:hover {
  opacity: .85;
}

.sf-home-story.padding-bottom {
  padding-bottom: 2rem;
}

.sf-btn-inline-text {
  color: #1e293b;
  margin-right: .5rem;
  font-family: Figtree, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.4rem;
}

.sf-nav-dropdown-link {
  color: #71768a;
  border: 2px solid #0000;
  font-family: Gilroy, sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.4rem;
  transition: transform .2s cubic-bezier(.86, 0, .07, 1), opacity .2s;
}

.sf-nav-dropdown-link:hover {
  color: #000;
  transform: translate(.5rem);
}

.sf-nav-dropdown-link.indent {
  margin-left: 1rem;
}

.sf-nav-logo-src {
  display: none;
}

.sf-wrap {
  object-fit: fill;
  width: auto;
  padding: 0;
  position: relative;
}

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

.sf-wrap.flex-middle.align-right {
  justify-content: flex-end;
}

.sf-wrap.z-100 {
  z-index: 100;
  position: relative;
}

.sf-wrap.padding-top-lg {
  padding-top: 6rem;
}

.sf-wrap.padding-top-lg.centered {
  justify-content: center;
  align-items: center;
  display: flex;
}

.sf-wrap.horizontal-centered {
  align-items: center;
  display: flex;
}

.sf-wrap.horizontal-centered.vertical-centered {
  justify-content: center;
}

.sf-wrap.vertical-centered {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.sf-wrap.wayfinder-ui {
  width: 160%;
}

.sf-wrap.blog-author {
  flex-direction: row;
  align-items: center;
  margin-right: 1rem;
  display: flex;
}

.sf-wrap.blog-date {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.sf-wrap.idalia {
  z-index: 3;
  text-align: center;
  flex-direction: column;
  align-items: center;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.sf-nav-dropdown-content {
  top: -21px;
}

.sf-nav-dropdown-content.w--open {
  background-color: #fff;
  border: 1px solid #e4eaf3;
  border-top-color: #e4eaf300;
  padding: 2.5rem 2.85rem 1rem;
  top: 75px;
}

.sf-home-weather-text-wrap {
  z-index: 12;
  position: relative;
}

.sf-text-micro {
  color: #2e475c;
  margin-bottom: 0;
  font-family: Gilroy, sans-serif;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.4rem;
}

.sf-text-micro.white {
  color: #fff;
}

.sf-text-micro.bold {
  color: var(--blue);
  font-family: Figtree, sans-serif;
  font-weight: 600;
}

.sf-text-micro.bold.gray {
  color: #8a909f;
}

.sf-text-micro.bold.padding-bottom {
  margin-bottom: .25rem;
}

.sf-text-micro.not-xlon-l {
  margin-bottom: .25rem;
  font-family: Figtree, sans-serif;
  font-weight: 400;
}

.sf-text-micro.grey-001 {
  color: #4e687e;
}

.sf-story-img-src {
  width: 100%;
}

.sf-nav-embed-code {
  display: none;
}

.sf-container {
  border: 0 solid #000;
  border-top: 1px solid #cecece;
  width: 84%;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 10rem;
  padding-bottom: 10rem;
  position: relative;
}

.sf-container.lg {
  width: 84%;
}

.sf-container.lg.no-line {
  border-top-color: #cecece00;
}

.sf-container.lg.no-line.relative {
  position: relative;
}

.sf-container.lg.padding-sm {
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.sf-container.full {
  width: 100%;
  max-width: none;
}

.sf-container.full.no-line {
  border-top-width: 0;
}

.sf-container.full.no-line.relative.no-padding {
  padding-top: 0;
  padding-bottom: 0;
}

.sf-container.full.no-line.relative {
  position: relative;
}

.sf-container.sm-padding {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.sf-container.sm-padding.no-line.relative {
  position: relative;
}

.sf-container.sm-padding.way-logos {
  padding-bottom: 0;
}

.sf-container.no-padding {
  padding-top: 0;
  padding-bottom: 0;
}

.sf-container.no-line {
  border-top-color: #cecece00;
}

.sf-container.no-line.sm-padding.sf-climate {
  background-image: linear-gradient(#00000059, #00000059), url("https://cdn.prod.website-files.com/64d14310c4accecbf82f0e9f/6581d501695bbfa1ce6ff986_sf-coral.webp");
  background-position: 0 0, 50% 100%;
  background-size: auto, cover;
  border-radius: .8rem;
}

.sf-container.no-line.sm-padding.wacqb9 {
  display: none;
}

.sf-container.no-line.way-001 {
  padding-top: 5.3rem;
}

.sf-container.no-line.margin-variable {
  padding-top: 8%;
  padding-bottom: 8%;
}

.sf-container.no-line.margin-variable.first {
  padding-bottom: 4%;
}

.sf-container.no-line.margin-variable.second {
  padding-top: 4%;
  padding-bottom: 4%;
}

.sf-container.no-line.form-padding {
  padding-top: 2rem;
  padding-bottom: 4rem;
}

.sf-container.no-line.padding-special-ghst732 {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.sf-container.md-padding {
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.sf-container.blog-width {
  max-width: 1040px;
}

.sf-container.sm-blog-width {
  max-width: 940px;
}

.sf-container.sm-blog-width.overflow-hidden {
  overflow: hidden;
}

.sf-container.sf-j71t2x {
  background-color: #282726;
  border-top-width: 0;
  max-width: 900px;
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.sf-container.lg-padding {
  padding-top: 6rem;
  padding-bottom: 6rem;
}

.sf-container.sf-updates {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  padding-top: 5.1rem;
  padding-bottom: 5.1rem;
  display: flex;
}

.sf-container.sf-updates.no-line {
  flex-flow: column;
}

.sf-container.sf-updates.no-line.sf-jx65er {
  flex-direction: column;
}

.sf-container.on-blog {
  z-index: 3;
}

.sf-container.on-blog.no-line {
  padding-top: 6.5rem;
  padding-bottom: 6.5rem;
}

.sf-container.sf-hq23hy {
  z-index: 5;
  border-top-width: 0;
  width: 90%;
  padding-top: 2.8rem;
  padding-bottom: 2.8rem;
}

.sf-container.updates-blog-width {
  border-top-style: none;
  border-top-width: 0;
  width: 90%;
  max-width: 1440px;
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.sf-container.updates-blog-width.sm-padding {
  padding-top: 0;
}

.sf-container.sm-bottom-padding {
  padding-bottom: 3rem;
}

.sf-text-h3 {
  color: #2e475c;
  font-family: Figtree, sans-serif;
  font-size: 2.7rem;
  font-weight: 600;
  line-height: 3.5rem;
}

.sf-text-h3.padding-bottom {
  color: #2e475c;
  margin-bottom: 2rem;
}

.sf-text-h3.padding-bottom.white, .sf-text-h3.white {
  color: #fff;
}

.ma-fp-btn-toggle-trig {
  z-index: 1200;
  justify-content: center;
  align-items: center;
  width: 90px;
  height: 90px;
  display: none;
}

.sf-nav-container {
  justify-content: flex-end;
  align-items: center;
  width: 90%;
  max-width: 1440px;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.sf-nav-primary {
  flex: 0 auto;
  align-items: center;
  display: flex;
  position: relative;
}

.sf-stats-container.padding-bottom {
  padding-bottom: 2rem;
}

.sf-stats-container.padding-bottom.padding-right {
  margin-right: 2rem;
}

.sf-page-wrapper {
  flex-direction: column;
  justify-content: space-around;
  height: 100%;
  margin-top: 0;
  display: flex;
}

.sf-page-wrapper._88-pad {
  margin-top: 88px;
}

.sf-home-intro-story {
  padding-right: 80px;
}

.sf-nav-m-dropdown-link {
  color: #71768a;
  border: 2px solid #0000;
  font-family: Gilroy, sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.4rem;
}

.sf-nav-m-dropdown-link:hover {
  color: #000;
  border-bottom-color: #000;
}

.sf-text-h1 {
  color: #2e475c;
  font-family: Gilroy, sans-serif;
  font-size: 5.5rem;
  font-weight: 600;
  line-height: 6.4rem;
}

.sf-text-h1.padding-bottom {
  margin-bottom: 2rem;
}

.sf-navigation {
  z-index: 250;
  -webkit-backdrop-filter: blur(20px) saturate(180%);
  backdrop-filter: blur(20px) saturate(180%);
  background-color: #fff;
  width: 100%;
  height: 88px;
  transition: all .375s cubic-bezier(.645, .045, .355, 1);
  position: fixed;
  top: 0;
}

.sf-navigation:where(.w-variant-26f2923c-d258-e4a9-cbc0-ecfbfd8a2331) {
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  background-color: #0c0e142e;
}

.sf-navigation:where(.w-variant-93d4d7c7-098b-8673-755d-028f015e56ba) {
  z-index: 290;
}

.sf-text-h4 {
  font-family: Gilroy, sans-serif;
  font-size: 2rem;
  font-weight: 600;
  line-height: 2.8rem;
}

.sf-text-h4.padding-bottom {
  color: #2e475c;
  margin-bottom: 2rem;
}

.sf-text-h4.white {
  color: #fff;
}

.sf-text-h4.white.padding-bottom {
  margin-bottom: 2rem;
}

.sf-text-h4.white.centered {
  text-align: center;
}

.sf-text-h4.way-stat {
  padding-bottom: 6px;
}

.sf-text-h4.centered {
  text-align: center;
}

.ma-btn-line-bottom {
  z-index: 400;
  background-color: #273761;
  width: 24px;
  height: 2px;
  margin-bottom: 6px;
  transition: all .5s cubic-bezier(.228, 1.956, .252, .681);
  display: block;
  position: relative;
  top: 0;
}

.sf-home-partner-wrap {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-wrap: wrap;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: center stretch;
  width: 100%;
  display: grid;
}

.sf-text-h2 {
  color: #2e475c;
  margin-bottom: 0;
  font-family: Gilroy, sans-serif;
  font-size: 3.4rem;
  font-weight: 600;
  line-height: 4.5rem;
}

.sf-text-h2.white {
  color: #fff;
}

.sf-text-h2.white.home {
  font-size: 2.2rem;
  line-height: 3.08rem;
}

.sf-text-h2.padding-bottom {
  margin-bottom: 2rem;
}

.sf-text-h2.centered {
  text-align: center;
}

.sf-text-h2.dark-blue {
  color: #262a3f;
}

.sf-nav-logo {
  flex: 0 auto;
  width: 128px;
  position: absolute;
  left: 0;
}

.sf-nav-logo.w--current {
  flex: 0 auto;
  width: 9rem;
}

.sf-inline-container {
  width: 100%;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.sf-nav-m-dropdown-content {
  top: -3px;
}

.sf-nav-m-dropdown-content.w--open {
  background-color: #fff;
  padding: 2.5rem 2.85rem 1rem;
  top: auto;
  left: -53px;
}

.sf-home-stats-wrap {
  z-index: 40;
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
  position: relative;
}

.sf-home-weather-movie-container {
  width: 55%;
  position: absolute;
  inset: 0% -23% 0% auto;
  overflow: hidden;
}

.sf-section {
  position: relative;
}

.sf-section.padding-bottom {
  padding-bottom: 2rem;
}

.sf-section.light-pale-video {
  background-color: #ebedf0;
}

.sf-section.ocean-bck {
  background-image: linear-gradient(#0000002b, #0000002b), url("https://cdn.prod.website-files.com/64d14310c4accecbf82f0e9f/64d14310c4accecbf82f1295_sofar-company-bck.avif");
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.sf-section.spotter-hero {
  background-image: url("https://cdn.prod.website-files.com/64d14310c4accecbf82f0e9f/64d14310c4accecbf82f1296_sf-spotter-hero-2.avif");
  background-position: 50% 20%;
  background-size: cover;
  padding-top: 2rem;
  padding-bottom: 10rem;
}

.sf-section.overflow-hidden {
  overflow: hidden;
}

.sf-section.sf-smart-mooring {
  background-image: url("https://cdn.prod.website-files.com/64d14310c4accecbf82f0e9f/64d14310c4accecbf82f1298_sf-sm-018-wide.avif");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.sf-section.onboarding {
  background-image: url("https://cdn.prod.website-files.com/64d14310c4accecbf82f0e9f/64d14310c4accecbf82f1299_sf-manual-lg.avif");
  background-position: -90%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 5rem;
  padding-bottom: 4rem;
}

.sf-section.onboarding.light-pale {
  background-color: #f0f4f8;
}

.sf-section.sf-smart-mooring {
  background-image: url("https://cdn.prod.website-files.com/64d14310c4accecbf82f0e9f/64d14310c4accecbf82f1298_sf-sm-018-wide.avif");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  margin-top: 6rem;
}

.sf-section.sm-001 {
  margin-top: 1rem;
}

.sf-section.sm-001.way-hero {
  background-image: url("https://cdn.prod.website-files.com/64d14310c4accecbf82f0e9f/64d14310c4accecbf82f131c_sf-wayfinder-dark.avif");
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  align-items: center;
  height: 95vh;
  padding-top: 8.6rem;
  display: flex;
}

.sf-section.sm-001.way-hero.darker-way {
  background-image: linear-gradient(#00000080, #00000080), url("https://cdn.prod.website-files.com/64d14310c4accecbf82f0e9f/64d14310c4accecbf82f13d6_wayfinder-hero.webp");
  background-position: 0 0, 50% 100%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  margin-top: 0;
  padding-top: 0;
}

.sf-section.sm-001.way-hero.sf-hgste4 {
  background-image: linear-gradient(#00000080, #00000080), url("https://cdn.prod.website-files.com/64d14310c4accecbf82f0e9f/65132608f25f5971ac93ab6b_Hero_wayfinder.webp");
  background-position: 0 0, 50% 0;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  margin-top: 0;
  padding-top: 0;
}

.sf-section.light-pale {
  background-color: #f0f4f8;
}

.sf-section.full-window {
  width: 100vw;
  height: 100vh;
}

.sf-section.full-window.relative {
  position: relative;
}

.sf-section.full-window.relative.light-pale.sf-404 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.sf-section.dark-blue {
  background-color: #040e33;
}

.sf-section.hero {
  padding-top: 6rem;
  padding-bottom: 3rem;
}

.sf-section.hero-xl {
  padding-top: 10rem;
  padding-bottom: 6rem;
}

.sf-section.hero-xl.dark-blue.careers {
  align-items: center;
  width: 100%;
  height: 85vh;
  margin-top: 88px;
  padding-top: 6rem;
  display: flex;
}

.sf-section.hero-xl.dark-blue.careers.grey-999 {
  background-color: #02172a;
  height: 61vh;
  margin-top: 42px;
}

.sf-section._80-window {
  height: 80vh;
}

.sf-section._80-window.climate {
  background-color: var(--grey-800);
  background-image: url("https://cdn.prod.website-files.com/64d14310c4accecbf82f0e9f/64d14310c4accecbf82f12d9_sf-climate-hero-vr.avif");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  align-items: center;
  margin-top: 0;
  display: flex;
}

.sf-section._90-window {
  height: 80vh;
}

.sf-section._90-window.contact-us {
  background-image: linear-gradient(#00000080, #00000080), url("https://cdn.prod.website-files.com/64d14310c4accecbf82f0e9f/64d14310c4accecbf82f122f_61b8aa9d0b9f256ffe09c2c3_ocean-sea.avif");
  background-position: 0 0, 50%;
  background-size: auto, cover;
  height: 90vh;
  display: flex;
}

.sf-section._000912about-us {
  background-image: url("https://cdn.prod.website-files.com/64d14310c4accecbf82f0e9f/67ec6fc4ac9ede8c57349249_spotter-buoy.avif");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  align-items: flex-end;
}

.sf-section.careers {
  height: 80vh;
  position: relative;
}

.sf-section.blue {
  background-color: var(--darkblue);
}

.sf-section.blue.search {
  align-items: center;
  height: 100vh;
  display: flex;
  position: relative;
}

.sf-section.form-blue {
  background-image: linear-gradient(5deg, #101032, #1d1c87);
}

.sf-section.form-blue.relative-form-sub {
  display: block;
  position: relative;
  overflow: hidden;
}

.sf-section.sf-78dsada {
  z-index: 10;
  position: relative;
}

.sf-section.sf-776ds32 {
  z-index: 5;
  position: relative;
}

.sf-section.grey-50 {
  background-color: var(--grey-50);
}

.sf-section.grey-950 {
  background-color: var(--grey-950);
}

.sf-section.updates-hero {
  justify-content: center;
  align-items: center;
  height: 10vh;
  min-height: 201px;
  margin-top: 50px;
  display: flex;
}

.sf-section.updates-hero.sf-category-hero {
  height: 18vh;
  margin-top: 134px;
}

.sf-section.blog-relative {
  align-items: center;
  width: 100%;
  height: 60vh;
  min-height: 46rem;
  margin-top: 0;
  display: none;
  position: relative;
  overflow: hidden;
}

.sf-section.expand {
  flex: none;
  height: 100%;
}

.sf-section.grey-100 {
  background-color: var(--grey-100);
}

.sf-section.sf-hero {
  justify-content: center;
  align-items: center;
  height: 580px;
  margin-top: 88px;
  display: flex;
}

.sf-section.sf-approach-hero {
  height: 75vh;
}

.sf-section.grey-999 {
  background-color: #0c0e14;
}

.sf-section.sf-jh654x {
  background-color: var(--grey-999);
  align-items: center;
  height: 50vh;
  margin-top: 0;
  display: flex;
}

.sf-section.sf-ght534, .sf-section.sf-hgty524 {
  background-color: var(--grey-999);
  align-items: center;
  height: 35vh;
  margin-top: 0;
  display: flex;
}

.sf-section.sf-xche {
  background-color: var(--grey-950);
  align-items: center;
  height: 70vh;
  padding-top: 88px;
  display: flex;
}

.sf-section.sf-jht543 {
  justify-content: center;
  align-items: center;
  height: 10vh;
  margin-top: 135px;
  display: flex;
}

.sf-home-companp-btn-wrap {
  display: flex;
}

.ma-btn-bg {
  background-color: #3d64d700;
  border-radius: 100px;
  width: 1px;
  height: 1px;
  transition: all .4s cubic-bezier(.228, 1.956, .252, .681);
  display: block;
  position: absolute;
}

.sf-home-header-grid {
  z-index: 2;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 2.25fr 1fr;
  place-content: center;
  align-items: center;
  width: 100%;
  max-width: 1440px;
  height: 100%;
  max-height: 100vh;
  margin-top: auto;
  margin-bottom: auto;
  padding: 10% 8%;
  display: flex;
  position: absolute;
  inset: 0 0%;
}

.sf-home-logo-wrap {
  opacity: .5;
  width: 9rem;
  height: auto;
  overflow: hidden;
}

.sf-nav-m-container {
  display: none;
}

.sf-btn-text {
  font-size: 1rem;
  line-height: 1.4rem;
}

.sf-btn {
  color: #fff;
  text-align: center;
  background-color: #096ed3;
  border-radius: 200px;
  justify-content: center;
  align-items: center;
  width: 180px;
  height: 54px;
  margin: 0;
  padding-left: 1rem;
  padding-right: 1rem;
  font-family: Gilroy, sans-serif;
  font-weight: 600;
  text-decoration: none;
  transition: all .2s cubic-bezier(.77, 0, .175, 1);
  display: flex;
}

.sf-btn:hover {
  color: #096ed3;
  background-color: #096ed300;
  border: 2px solid #096ed3;
}

.sf-btn.white {
  color: #040e33;
  background-color: #fff;
  border: 2px solid #0000;
}

.sf-btn.white:hover {
  color: #fff;
  background-color: #fff0;
  border-color: #fff;
}

.sf-btn.sm {
  width: 140px;
}

.sf-btn.sm.margin-left {
  margin-left: 2rem;
}

.sf-btn.sm.nav-primary {
  font-size: 13px;
}

.sf-btn.secondary-white {
  color: #fff;
  background-color: #fff0;
  border: 2px solid #fff;
}

.sf-btn.secondary-white:hover {
  color: #040e33;
  background-color: #fff;
}

.sf-btn.secondary-white.padding-bottom.paddng-left {
  margin-left: 2rem;
}

.sf-btn.xl-long {
  width: 330px;
}

.sf-btn.xl-long.secondary-white.padding-left {
  margin-left: 2rem;
}

.sf-btn.long {
  width: 220px;
}

.sf-btn.secondary-blue {
  color: #096ed3;
  background-color: #fff0;
  border: 2px solid #096ed3;
}

.sf-btn.secondary-blue:hover {
  color: #fff;
  background-color: #096ed3;
  border-color: #096ed300;
}

.sf-btn.secondary-blue.padding-right {
  margin-right: 2rem;
}

.sf-btn.padding-bottom {
  margin-bottom: 2rem;
}

.sf-btn.xl-xl-long {
  width: 330px;
}

.sf-btn.xl-xl-long.secondary-blue {
  width: 350px;
}

.sf-grid-3col {
  grid-template-columns: 1fr 1fr 1fr;
  width: 84%;
  margin-left: auto;
  margin-right: auto;
}

.sf-grid-3col.full {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.sf-grid-3col.full.xl-padding {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
}

.sf-grid-3col.full.padding-bottom {
  padding-bottom: 2rem;
}

.sf-grid-3col.full.legal {
  grid-template-rows: auto auto auto;
}

.sf-grid-3col.full.padding-form {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.ma-btn-toggle {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.sf-nav-m {
  width: 100%;
  height: 100vh;
  display: none;
  position: absolute;
  inset: 0% 0% auto;
}

.ma-btn-line-top {
  z-index: 400;
  background-color: #273761;
  width: 24px;
  height: 2px;
  margin-top: 6px;
  margin-bottom: 6px;
  transition: transform .5s cubic-bezier(.228, 1.956, .252, .681);
  display: block;
  position: relative;
  top: 0;
}

.sf-nav-dropdown-toggle {
  border-bottom: 4px solid #0000;
  align-items: center;
  height: 5.5rem;
  padding-top: 0;
  padding-bottom: 0;
  transition: all .2s cubic-bezier(.77, 0, .175, 1);
  display: flex;
}

.sf-nav-dropdown-toggle:hover {
  border-bottom-color: var(--greylightblue);
}

.html-embed {
  display: block;
}

.sf-text-p {
  color: #2e475c;
  font-family: Gilroy, sans-serif;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1.8rem;
}

.sf-text-p.padding-bottom-sm {
  padding-bottom: 1rem;
}

.sf-text-p.padding-bottom-sm.white {
  text-align: left;
}

.sf-text-p.padding-bottom {
  text-align: left;
  margin-bottom: 2rem;
}

.sf-text-p.padding-bottom.white {
  color: #fff;
}

.sf-text-p.padding-bottom.padding-top {
  margin-top: 2rem;
}

.sf-text-p.padding-bottom.white {
  text-align: left;
  color: #fff;
}

.sf-text-p.padding-bottom.white.centered {
  margin-left: 0;
  margin-right: 0;
}

.sf-text-p.centered {
  text-align: center;
}

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

.sf-text-p.bold.gray {
  color: #c4ccd6;
}

.sf-text-p.bold.padding-top {
  padding-top: 2rem;
}

.sf-text-p.bold.padding-top.padding-bottom {
  margin-top: 0;
}

.sf-text-p.bold.grey-500 {
  color: #a8b4c1;
}

.sf-text-p.bold.grey-700 {
  color: #899aad;
}

.sf-text-p.large {
  color: #2e475c;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 2rem;
}

.sf-text-p.large.bold {
  font-weight: 600;
}

.sf-text-p.large.bold.padding-bottom.padding-top {
  margin-top: 0;
  padding-top: 2rem;
}

.sf-text-p.large.padding-bottom-sm {
  color: #2e475c;
}

.sf-text-p.large.padding-top {
  margin-top: 2rem;
}

.sf-text-p.padding-bottom-lg {
  padding-bottom: 4rem;
}

.sf-text-p.padding-bottom-lg.right-justified {
  text-align: right;
}

.sf-text-p.white {
  color: #fff;
  text-align: center;
}

.sf-text-p.white.padding-bottom.centered {
  text-align: center;
}

.sf-text-p.white.center {
  color: var(--greytopo);
  text-align: left;
  font-size: .75rem;
  font-weight: 400;
  line-height: .75rem;
}

.sf-text-p._900-gray {
  color: #677e98;
  display: block;
}

.sf-text-p._400-grey {
  color: #b7c1cc;
}

.sf-text-p._400-grey.centered.padding-bottom.right-justify {
  text-align: right;
}

.sf-text-p._50-grey {
  color: #d87561;
}

.sf-header-video-wrap {
  z-index: -12;
  background-color: #040e33;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: block;
  overflow: hidden;
}

.sf-grid-img-wrapper {
  display: flex;
  position: relative;
  overflow: hidden;
}

.div-block-64 {
  text-align: center;
}

.sf-bullet-img-wrap {
  flex: none;
  width: 2rem;
  height: 2rem;
  margin-right: 2rem;
}

.sf-bullet-img-wrap.padding-bottom {
  margin-bottom: .5rem;
}

.sf-config-wrap {
  width: 100%;
}

.sf-spotter-data-img-wrap {
  flex: none;
  width: 2.5rem;
  height: 2.5rem;
  margin-right: 2rem;
  display: flex;
}

.sf-spotter-data-img-wrap.padding-bottom {
  width: 2rem;
  height: 2rem;
  margin-bottom: 1rem;
}

.sf-grid-spotter-features {
  grid-template-columns: 1fr 1fr 1fr;
  width: 84%;
  margin-left: auto;
  margin-right: auto;
}

.sf-grid-spotter-features.full {
  width: 100%;
}

.sf-embed-scroll {
  display: none;
}

.sf-data-dropdown {
  width: 100%;
}

.sf-features-wrap.padding-bottom {
  padding-bottom: 2rem;
}

.sf-config-text-wrap {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.sf-config-text-wrap.padding-top {
  padding-top: 2rem;
}

.sf-spotter-grid-img-wrap {
  align-items: center;
  width: 170%;
  height: 100%;
  display: flex;
  position: relative;
  top: 0%;
  bottom: 0%;
  left: auto;
  overflow: visible;
}

.sf-config-scroll-wrap {
  position: relative;
  overflow: scroll;
}

.grid-10 {
  grid-column-gap: 5rem;
  grid-row-gap: 5rem;
}

.sf-grid-spotter-data {
  grid-template-columns: 1fr 1fr 1fr 1fr;
  align-content: stretch;
}

.sf-spotter-data-img-src {
  object-fit: contain;
  width: 100%;
  height: 100%;
  display: block;
}

.tab-pane-features {
  width: 100%;
}

.sf-img-src {
  -webkit-text-stroke-width: 0px;
  -webkit-text-stroke-color: var(--greymedium);
  border: 0 solid #e7e7e7;
  border-width: 0 0 1px 1px;
  border-radius: 1px;
  width: 100%;
}

.sf-img-src.cover {
  object-fit: cover;
  object-position: 50% 50%;
  height: 100%;
}

.sf-img-src.team {
  aspect-ratio: 1;
  object-fit: cover;
  object-position: 50% 50%;
}

.sf-inline-link {
  color: #040e33;
  border-bottom: 2px solid #0000;
  font-family: Figtree, sans-serif;
  text-decoration: none;
  transition: all .3s cubic-bezier(.645, .045, .355, 1);
}

.sf-inline-link:hover {
  border-bottom-color: #000;
}

.sf-inline-link.blue {
  color: #096ed3;
}

.sf-inline-link.blue:hover {
  color: #040e33;
}

.sf-spotter-tab {
  width: 100%;
}

.dasda {
  color: #8a909f;
  background-color: #fff0;
  border-bottom: 4px solid #fff0;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  font-family: Gilroy, sans-serif;
  display: flex;
  overflow: visible;
}

.dasda:hover {
  border-bottom-color: #00000029;
}

.dasda.w--current {
  color: #040e33;
  background-color: #fff0;
  border-bottom-color: #040e33;
  align-items: center;
  font-weight: 700;
  overflow: visible;
}

.sf-sm-pricing-tab-content {
  justify-content: center;
  width: 100%;
  height: 200%;
  display: flex;
  overflow: visible;
}

.sf-spotter-grid-img-src {
  object-fit: fill;
  width: 100%;
}

.sf-bullet-wrap {
  margin-bottom: 2rem;
  display: flex;
}

.sf-bullet-wrap.vertical {
  flex-direction: column;
}

.sf-bullet-wrap.vertical.padding-bottom-sm {
  margin-bottom: 1rem;
}

.sf-text-yellow-span {
  color: #f5c727;
}

.sf-bullet-img-src {
  width: 100%;
}

.sf-grid-img-wrap {
  width: 100%;
  overflow: hidden;
}

.sf-spotter-tab-menu {
  justify-content: space-between;
  display: flex;
}

.sf-spotter-tab-menu.padding-bottom {
  justify-content: flex-end;
  margin-bottom: 4rem;
}

.sf-spotter-data-wrap {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.sf-data-dropdown-toggle {
  white-space: pre-wrap;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 2rem 0;
  transition: all .2s cubic-bezier(.77, 0, .175, 1);
  display: flex;
  transform: translate(0);
}

.sf-data-dropdown-toggle:hover {
  transform: translate(.5rem);
}

.sf-data-dropdown-toggle.w--open {
  height: auto;
}

.sf-datadrop-down-window {
  position: relative;
}

.sf-datadrop-down-window.w--open {
  background-color: #fff;
}

.sf-grid-4col {
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.sf-text-micro-sm {
  color: #2e475c;
  font-family: Gilroy, sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.2rem;
}

.sf-text-micro-sm.white {
  color: #fff;
}

.sf-text-micro-sm.white.opacity50 {
  color: #fff9;
}

.image-64 {
  max-width: 60%;
}

.tab-pane-see-what-new-2 {
  width: 100%;
  height: 100%;
  padding-top: 2rem;
  padding-left: 1rem;
  padding-right: 1rem;
  overflow: hidden;
}

.sf-features-stats-wrap {
  display: flex;
}

.sf-tab-grid-2 {
  grid-template-rows: auto auto auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.sf-spotter-buy-embed {
  justify-content: flex-start;
  align-items: center;
  font-family: Gilroy, sans-serif;
  display: flex;
}

.sf-sm-element-b-003 {
  position: absolute;
  top: 90%;
  left: 60%;
}

.sf-sm-config-img-src {
  width: 100%;
  height: 100%;
}

.sf-sm-pricing-tab-menu {
  justify-content: flex-start;
  display: flex;
}

.sf-sm-pricing-tab {
  width: 100%;
}

.sf-embed-custom {
  display: none;
}

.sf-sm-element-b-002 {
  display: none;
  position: absolute;
  top: 41%;
  left: 49%;
}

.sf-sm-element-b-001 {
  display: block;
  position: absolute;
  top: 20%;
  left: 71%;
}

.tab-pane-config {
  width: 100%;
  height: 100%;
}

.sf-sm-pricing-tab-menu-btn {
  color: #8a909f;
  background-color: #fff0;
  border-bottom: 4px solid #fff0;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  font-family: Gilroy, sans-serif;
  display: flex;
  overflow: visible;
}

.sf-sm-pricing-tab-menu-btn:hover {
  border-bottom-color: #00000029;
}

.sf-sm-pricing-tab-menu-btn.w--current {
  color: #040e33;
  background-color: #fff0;
  border-bottom-color: #040e33;
  align-items: center;
  font-weight: 700;
  overflow: visible;
}

.sf-sm-config-pricing-wrap {
  margin-bottom: 24px;
}

.sf-sm-config-pricing-wrap.extra-padding {
  margin-bottom: 50px;
}

.sf-sm-config-pricing-wrap.extra-padding.hidden {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: block;
}

.sf-sm-pricing-line-item {
  border-bottom: 1px solid var(--grey-300);
  justify-content: space-between;
  padding: 28px 1rem;
  display: flex;
}

.sf-sm-pricing-notice {
  align-items: flex-end;
  padding-top: 4rem;
  display: flex;
}

.sf-sm-element-a-002 {
  align-items: center;
  display: flex;
  position: absolute;
  top: 54%;
  left: 35%;
}

.sf-sm-config-wrap {
  width: 100%;
}

.sf-sm-element-a-003 {
  align-items: center;
  display: flex;
  position: absolute;
  top: 91%;
  left: 60%;
}

.sf-sm-config-img-wrap {
  background-color: #f0f4f8;
  width: 100%;
  height: 100%;
  margin-bottom: 2rem;
  position: relative;
}

.sf-sm-config-img-wrap.no-fill {
  background-color: #fff0;
}

.sf-sm-element-a-001 {
  align-items: center;
  display: flex;
  position: absolute;
  top: 20%;
  left: 71%;
}

.sf-about-header-wrap {
  z-index: 3;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 84%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.sf-about-waves {
  z-index: 1;
  align-items: flex-end;
  width: 100%;
  display: flex;
  position: absolute;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.sf-about-values-container.padding-bottom {
  padding-bottom: 2rem;
}

.sf-values-wrap {
  display: flex;
}

.sf-about-logo {
  width: 6rem;
  margin-bottom: 0;
}

.sf-about-values-icon-wrap {
  flex: none;
  width: 4rem;
  height: 4rem;
  margin-right: 2rem;
}

.sf-about-values-icon-wrap.vertical-centered {
  align-items: center;
  display: flex;
}

.sf-about-values-img-src {
  width: 100%;
}

.sf-404-wrap {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0;
  display: flex;
}

.html-embed-8 {
  width: 100%;
  position: absolute;
  top: auto;
  bottom: 0;
}

.sf-404-logo-wrap {
  width: 10rem;
  margin-bottom: 4rem;
}

.sf-way-logo-wrap {
  width: 9rem;
  height: auto;
  margin-right: 0;
  display: flex;
  overflow: hidden;
}

.sf-way-logo-wrap.hidden {
  display: block;
}

.sf-way-logo-wrap.eb {
  width: 5rem;
}

.sf-way-logo-wrap.lr {
  width: 7rem;
}

.sf-way-logo-container {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
}

.sf-way-logo-container.wayfinder-grey {
  opacity: .5;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}

.sf-way-logo-container.wayfinder-grey.dtn {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  width: 100%;
}

.body.dark {
  background-color: #202024;
  background-image: url("https://cdn.prod.website-files.com/64d14310c4accecbf82f0e9f/64d14310c4accecbf82f13c1_sf-fe32ge.webp");
  background-position: 50%;
  background-size: cover;
  background-attachment: fixed;
}

.body.grey-50 {
  background-color: var(--grey-50);
}

.sf-abt-btn-wrap {
  flex-direction: row;
  display: flex;
}

.sf-abt-btn-wrap.padding-bottom {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-bottom: 2rem;
  display: grid;
}

.sf-hero-details-wrap {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 84%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.sf-hero-logo-wrap {
  flex: none;
  width: 5rem;
  height: 5rem;
  margin-bottom: 1rem;
}

.sf-hero-logo-wrap.search {
  margin-bottom: 5.6rem;
}

.sf-footer-logo-link {
  width: 100%;
  transition: all .225s cubic-bezier(.86, 0, .07, 1);
}

.sf-footer-logo-link:hover {
  opacity: .76;
}

.sf-footer-logo-link.w--current {
  transition: all .35s cubic-bezier(.86, 0, .07, 1);
}

.sf-footer-logo-link.w--current:hover {
  opacity: .7;
}

.sf-404-btn-wrap {
  grid-column-gap: 40px;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.sf-grid-contact-us {
  grid-template-columns: .5fr 1fr;
}

.sf-footer-link-wrap {
  flex-direction: column;
  display: flex;
}

.sf-team-card {
  flex-direction: column;
  justify-content: space-between;
  display: block;
}

.sf-team-img-wrap.padding-bottom {
  padding-bottom: 2rem;
}

.sf-team-social-link {
  color: #0000;
  text-decoration: none;
  transition: all .2s;
}

.sf-team-social-link:hover {
  opacity: .75;
}

.sf-team-social-src {
  color: var(--blue);
  font-family: "Fa brands 400", sans-serif;
  font-size: 34px;
  line-height: 34px;
}

.sf-grid-team {
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.sf-404-logo-link {
  transition: all .3s cubic-bezier(.77, 0, .175, 1);
}

.sf-404-logo-link:hover {
  opacity: .75;
}

.search-input {
  border-style: solid;
  border-width: 0 0 1px;
  border-color: black black var(--lightblue);
  color: var(--white);
  background-color: #fff0;
  height: 4rem;
  font-family: Figtree, sans-serif;
  font-size: 24px;
}

.search-button {
  background-color: #3898ec00;
  border: 1px #000;
  width: 6rem;
  font-family: Figtree, sans-serif;
  font-weight: 600;
  transition: all .2s cubic-bezier(.77, 0, .175, 1);
}

.search-button:hover {
  transform: translate(12px);
}

.search-3 {
  display: flex;
}

.div-block-80 {
  flex: 1;
}

.link-block {
  opacity: .8;
  width: 1.3rem;
}

.link-block.w--current:hover {
  opacity: .48;
}

.div-block-81 {
  margin-right: 1.5rem;
}

.sf-team-logo-flex {
  flex-wrap: wrap;
  justify-content: center;
  display: flex;
}

.sf-team-logo-wrap {
  opacity: .5;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 5rem;
  margin-bottom: 2rem;
  margin-right: 3rem;
  display: flex;
}

.sf-team-logo-wrap.wide {
  width: 8rem;
}

.sf-team-logo-src {
  width: 100%;
}

.sf-team-story-logo-src {
  opacity: .5;
  width: 100%;
  margin-bottom: 2rem;
}

.sf-team-story-logo-wrap {
  opacity: 1;
  flex-direction: column;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 5rem;
  height: 6rem;
  margin-bottom: 0;
  margin-right: 0;
  display: flex;
}

.sf-team-story-logo-wrap.wide {
  width: 15rem;
}

.sf-team-story-logo-wrap.wide-xl {
  width: 19.6rem;
}

.sf-team-story-logo-wrap.wide-md {
  width: 12rem;
}

.sf-team-story-logo-wrap.wide-sm {
  width: 6.1rem;
}

.sf-team-story-link {
  flex: none;
  margin-bottom: 28px;
  transition: all .2s cubic-bezier(.77, 0, .175, 1);
}

.sf-team-story-link:hover {
  opacity: .7;
}

.icon-2 {
  color: #0a0a0a;
  background-color: #fff0;
}

.icon-3 {
  color: #000;
}

.left-arrow-2 {
  left: -6rem;
}

.right-arrow-2 {
  right: -6rem;
}

.sf-way-vpm-stat-wrap {
  display: flex;
}

.sf-way-vpm-stat-wrap.padding-bottom {
  padding-bottom: 2rem;
}

.sf-way-stat.second {
  margin-left: 30px;
}

.sf-way-stat.padding-bottom {
  padding-bottom: 2rem;
}

.sf-way-stat-detail {
  color: #2e475c;
  flex-direction: row;
  align-items: flex-end;
  display: flex;
}

.lottie-animation {
  width: 28rem;
}

.sf-way-vpm-graphics {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.sf-way-vpm-graphic-wrap {
  justify-content: center;
  align-items: center;
  width: 25rem;
  display: flex;
}

.sf-way-safety {
  position: relative;
}

.sf-way-safety-img-src {
  z-index: -1;
  width: 130%;
  position: static;
  inset: 41% 0% 0% 12%;
  transform: scale(1.9);
}

.sf-way-safety-grid {
  grid-template-columns: 1fr 1fr 1fr;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.sf-way-safety-grid.padding-top-xlg {
  padding-top: 6rem;
}

.sf-way-safety-hero {
  position: relative;
  top: auto;
  bottom: 0%;
  left: 0%;
}

.image-65 {
  z-index: -2;
  position: absolute;
  top: 80px;
  left: 30%;
  right: 0;
  transform: scale(1.5);
}

.sf-way-slider {
  background-color: #fff;
  align-items: center;
  height: 27rem;
  display: block;
}

.sf-way-quote-attrib {
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-end;
  width: 100%;
  height: 100%;
  padding-right: 3rem;
  display: flex;
}

.sf-way-quote-wrap {
  flex-direction: column;
  display: flex;
}

.sf-way-quote-comp-logo {
  width: 9rem;
}

.sf-way-quote-comp-logo.abs {
  width: 7rem;
}

.sf-way-quote-comp-logo.eagle {
  width: 4rem;
}

.sf-way-quote-attrib-name {
  display: flex;
}

.sf-way-quote-attrib-name.padding-bottom {
  padding-bottom: 2rem;
}

.sf-way-quote-attrib-headshot {
  width: 4rem;
  margin-left: 2rem;
}

.sf-way-quote-attrib-headshot.circle {
  border-radius: 200px;
  overflow: hidden;
}

.sf-way-quote {
  height: 28rem;
}

.mask-3 {
  height: 37rem;
}

.sf-wayfinder-ui-wrap {
  z-index: -4;
  position: relative;
  left: -116px;
}

.sf-wayfinder-ui-back {
  width: 100%;
  position: absolute;
}

.sf-way-logo {
  width: 180px;
  margin-bottom: 2rem;
}

.text-span-4 {
  font-weight: 400;
}

.sf-way-quote-postition-tag {
  font-family: Gilroy, sans-serif;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.4rem;
}

.sf-way-quote-postition-tag.gray {
  color: #929bad;
}

.sf-way-finder-safety-03 {
  width: 133%;
  position: absolute;
  top: 50%;
  left: 9%;
}

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

.sf-home-gradient-text {
  background-image: linear-gradient(45deg, #5a7788, var(--blue));
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
}

.sf-home-gradient-text.reversed {
  background-image: linear-gradient(-45deg, #4d87aa, var(--blue));
}

.sf-wrap-copy {
  width: 100%;
  padding: 0;
}

.sf-chart-overlay-main {
  border: 4px solid var(--blue);
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  max-width: 12rem;
  padding: 13px;
  display: flex;
}

.sf-chart-text-overlay {
  color: var(--blue);
  text-align: center;
  margin-bottom: 47px;
  font-family: Gilroy, sans-serif;
  font-size: 1.2rem;
  font-weight: 600;
  line-height: 1.8rem;
}

.div-block-85 {
  flex: none;
  width: 3rem;
  height: 1rem;
}

.sf-search-back-btn-wrap {
  flex: 0 auto;
  width: 51%;
}

.sf-search-box-wrap {
  flex: 1;
  display: flex;
}

.sf-master-wrap {
  position: relative;
}

.sf-sub-floating-btn-wrap {
  z-index: 8888;
  position: fixed;
  inset: auto 3% 3% auto;
}

.sf-blog-sub-pop {
  z-index: 8887;
  -webkit-backdrop-filter: blur(9px);
  backdrop-filter: blur(9px);
  background-color: #000000bf;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
}

.sf-blog-sub-content {
  background-color: #fff;
  padding: 3.6rem;
}

.sf-sub-pop-close {
  background-color: var(--white);
  text-align: center;
  border-radius: 200px;
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 2rem;
  margin-bottom: 2rem;
  font-family: Gilroy, sans-serif;
  display: flex;
}

.sf-sub-pop-close:hover {
  opacity: .68;
}

.sf-blog-sub-wrap {
  flex-direction: column;
  align-items: flex-end;
  display: flex;
}

.sf-subscribe-btn {
  color: #fff;
  text-align: center;
  background-color: #096ed3;
  border-radius: 200px;
  justify-content: center;
  align-items: center;
  width: 180px;
  height: 54px;
  margin: 0;
  padding-left: 1rem;
  padding-right: 1rem;
  font-family: Gilroy, sans-serif;
  font-weight: 600;
  text-decoration: none;
  transition: all .2s cubic-bezier(.77, 0, .175, 1);
  display: flex;
}

.sf-subscribe-btn:hover {
  color: var(--greypale);
  background-color: #096ed3b0;
  border: 2px solid #096ed3;
}

.image-66 {
  width: 1rem;
  height: 1rem;
}

.sf-jelly-scroll {
  width: 18rem;
  position: absolute;
  inset: 0% 0% 0% 72%;
}

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

.padding-bottom.padding-xxlarge, .padding-bottom.padding-0, .padding-bottom.padding-tiny, .padding-bottom.padding-xxsmall, .padding-bottom.padding-xsmall, .padding-bottom.padding-small, .padding-bottom.padding-large, .padding-bottom.padding-xlarge, .padding-bottom.padding-huge, .padding-bottom.padding-xhuge, .padding-bottom.padding-xxhuge, .padding-bottom.padding-custom1, .padding-bottom.padding-custom2, .padding-bottom.padding-custom3 {
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
}

.sf-hg2dsa {
  background-color: #fff;
  border-radius: 11px;
  flex-direction: column;
  justify-content: space-between;
  max-height: 30rem;
  transition: all .2s cubic-bezier(.645, .045, .355, 1);
  display: flex;
  overflow: hidden;
  transform: translate(0);
  box-shadow: 0 20px 40px -20px #00000061;
}

.sf-hg2dsa:hover {
  transform: translate(0, -1.9rem);
}

.sf-8db467 {
  text-align: left;
  flex-direction: column;
  flex: none;
  justify-content: flex-start;
  height: 45%;
  padding: 2rem;
  display: flex;
}

.div-block-91 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  height: 70%;
  display: flex;
  overflow: hidden;
}

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

.sf-container-non-anim {
  z-index: 4;
  border: 0 solid #000;
  border-top: 1px solid #cecece;
  width: 84%;
  max-width: 1440px;
  margin-top: -349px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 10rem;
  padding-bottom: 10rem;
}

.sf-container-non-anim.no-line {
  border-top-color: #cecece00;
}

.sf-container-non-anim.md-padding {
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.sf-container-non-anim.md-padding.no-line {
  margin-top: -18rem;
}

.utility-spacer {
  height: 50rem;
  display: none;
}

.sf-78sa3s {
  margin-bottom: 8rem;
}

.image-71 {
  display: block;
}

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

.sf-gs632d {
  color: #fff;
  background-color: #d82537;
  border-radius: 3px;
  justify-content: center;
  align-items: center;
  width: 14rem;
  font-size: 1rem;
  transition: all .2s cubic-bezier(.645, .045, .355, 1);
  display: flex;
}

.sf-gs632d:hover {
  transform: scale(1.1);
}

.div-block-95 {
  min-width: 4.3rem;
  margin-bottom: 1rem;
  margin-right: 3rem;
  display: flex;
}

.grid-12 {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  align-items: start;
}

.sf-e6996d {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0;
  display: flex;
}

.sf-64aa9f {
  width: 10rem;
  margin-bottom: 4rem;
}

.sf-ef7711 {
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.sf-7e0f31 {
  width: 100%;
}

.div-block-105 {
  justify-content: space-around;
  align-items: center;
  width: 100%;
  margin-bottom: 2rem;
  display: flex;
}

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

.sf-text-5a641e {
  color: #ffffff5c;
  text-align: center;
  letter-spacing: 2px;
  font-family: Gilroy, sans-serif;
  font-size: .8rem;
  font-weight: 500;
  line-height: 1.8rem;
}

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

.sf-hg27se {
  margin-bottom: 13px;
  padding-left: 33px;
}

.div-block-108 {
  width: 4.8rem;
  margin-bottom: 18px;
}

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

.sf-7d8s9a {
  color: #d82537;
  font-family: Gilroy, sans-serif;
  font-size: 1.2rem;
  font-weight: 600;
  line-height: 1.8rem;
}

.div-block-110 {
  width: 11rem;
  margin-top: 18px;
  margin-bottom: 18px;
}

.div-block-112 {
  margin-top: 110px;
}

.sf-as432e {
  color: var(--darkblue);
  background-color: #fff;
  font-weight: 600;
}

.sf-as432e:hover {
  background-color: #ffffffb8;
}

.sf-shj5es {
  flex-direction: row;
  justify-content: space-around;
  margin-top: 15px;
  display: flex;
}

.sf-u4bsvo {
  background-color: #111;
}

.sf-qflh6q {
  color: #ff6700;
  text-align: center;
  margin-bottom: 2.6rem;
  font-family: Gilroy, sans-serif;
  font-size: 3.4rem;
  font-weight: 600;
  line-height: 4.5rem;
}

.html-embed-10 {
  max-width: 700px;
  margin-bottom: 80px;
  margin-left: auto;
  margin-right: auto;
}

.div-block-113 {
  justify-content: center;
  align-items: center;
  margin-bottom: 21px;
  display: flex;
}

.sf-wtm8kb {
  color: #ddd2c7;
  text-align: center;
  max-width: 760px;
  margin: 28px auto 38px;
  padding-left: 20px;
  padding-right: 20px;
  font-family: Gilroy, sans-serif;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1.8rem;
}

.sf-tgm8ab {
  color: #ff6700;
  text-align: center;
  max-width: 760px;
  margin: 30px auto 38px;
  font-family: Gilroy, sans-serif;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1.8rem;
}

.image-72 {
  width: 2rem;
}

.div-block-114 {
  justify-content: center;
  padding: 40px;
  display: flex;
}

.sf-cws-hero-image {
  background-color: #2e475c;
  justify-content: center;
  align-items: center;
  height: 36rem;
  display: flex;
}

.sf-cws-hero-image.sf-morenot {
  background-image: url("https://cdn.prod.website-files.com/64d14310c4accecbf82f0e9f/64d14310c4accecbf82f13c7_morenot.webp");
  background-position: 0 0;
  background-size: cover;
  padding-top: 3rem;
}

.div-block-115 {
  background-color: #fff;
  padding: 2.8rem;
}

.body-light-pale {
  background-color: #f0f4f8;
}

.div-block-116 {
  margin-bottom: 22px;
}

.image-73 {
  width: 102%;
}

.sf-cws-cust-logo {
  justify-content: center;
  align-items: center;
  width: 14rem;
  display: flex;
}

.div-block-117 {
  width: 50%;
  margin-bottom: 2rem;
  margin-left: auto;
  margin-right: auto;
}

.grid-13 {
  grid-template-columns: 1fr;
}

.sf-j327f {
  justify-content: center;
  max-width: 680px;
  margin-bottom: 2rem;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.grid-14 {
  grid-template-columns: 1fr 1fr 1fr;
}

.image-74 {
  border-radius: 200px;
  width: 6rem;
  margin-bottom: 1rem;
}

.sf-fjs36 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.sf-hd7s67 {
  justify-content: center;
  max-width: 680px;
  margin-bottom: 1rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

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

.div-block-119 {
  display: none;
  transform: rotate(0);
}

.div-block-120 {
  margin-right: 10px;
  padding-right: 0;
}

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

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

.sf-8k63v8 {
  z-index: 999;
  background-color: #fff;
  border: 1px solid #e5e9ed;
  border-radius: 8px;
  justify-content: flex-start;
  align-items: center;
  width: 26rem;
  height: auto;
  display: flex;
  position: fixed;
  inset: auto 1% 1% auto;
  box-shadow: 0 2px 13px 4px #00000012;
}

.sf-v6pjmj {
  z-index: 10001;
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 2rem;
  transition: all .2s cubic-bezier(.645, .045, .355, 1);
  display: flex;
  position: absolute;
  inset: 3% 3% auto auto;
}

.sf-v6pjmj:hover {
  opacity: .4;
}

.image-75 {
  opacity: .6;
  width: 1rem;
}

.link-block-2 {
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 16px 21px;
  display: flex;
}

.link-block-2:hover {
  opacity: .7;
}

.vertical-scroll-wrapper {
  flex-direction: column;
  align-items: flex-start;
  width: 43ch;
  height: 38px;
  position: relative;
}

.text-rotation-wrapper {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 40px;
  display: flex;
  overflow: hidden;
}

.track-vertical {
  flex-direction: column;
  display: flex;
  position: absolute;
}

.heading-large {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Gilroy, sans-serif;
  font-size: 36px;
  font-weight: 600;
  line-height: 38px;
}

.heading-large.rotate-text {
  color: #dcdfea;
  white-space: nowrap;
  font-family: Figtree, sans-serif;
  font-size: 32px;
  font-weight: 600;
  line-height: 38px;
}

.heading-large._50op {
  opacity: .68;
  font-family: Figtree, sans-serif;
  font-size: 32px;
  line-height: 38px;
}

.infinite-rotation-holder {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  display: flex;
  position: relative;
  overflow: hidden;
}

.sf-bnydvm {
  width: 40rem;
}

.sf-bnydvm.padding-bottom {
  margin-bottom: 1rem;
}

.div-block-126 {
  justify-content: flex-start;
  display: flex;
}

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

.div-block-128 {
  justify-content: flex-start;
  display: flex;
}

.sf-ke7n3qw {
  margin-bottom: 48px;
}

.whitepaperform {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template: ". ."
                 "Area Area-2"
                 / 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.sf-6gs32 {
  width: 48rem;
  margin-bottom: 2rem;
  margin-left: auto;
  margin-right: auto;
}

.html-embed-11 {
  width: 100%;
  overflow: scroll;
}

.link {
  color: var(--light-sky-blue);
  font-weight: 400;
}

.sf-blog-card {
  flex-direction: column;
  justify-content: flex-end;
  align-self: flex-start;
  width: 100%;
  height: auto;
  text-decoration: none;
  transition: opacity .2s;
  display: flex;
}

.sf-blog-card:hover {
  opacity: .5;
}

.sf-blog-card-img {
  -webkit-text-fill-color: inherit;
  object-fit: fill;
  background-color: #0000;
  background-image: url("https://cdn.prod.website-files.com/64d14310c4accecbf82f0e9f/64d14310c4accecbf82f119a_back.avif");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-clip: border-box;
  border-radius: 4px;
  width: 100%;
  max-width: 100%;
  height: 220px;
  margin-bottom: 16px;
  position: relative;
}

.sf-blog-card-top {
  align-items: center;
  width: auto;
  padding-bottom: 0;
  display: inline-block;
}

.sf-blog-card-top.padding-bottom {
  margin-bottom: 1rem;
}

.sf-text-h6 {
  color: var(--darkblue);
  margin-top: 0;
  font-size: 1.6rem;
  line-height: 2rem;
  transition: all .2s;
}

.sf-text-h6.padding-bottom {
  margin-bottom: 1rem;
}

.sf-blog-card-img-src {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.sf-blog-card-category {
  background-color: var(--blue);
  color: #fff;
  border-radius: 6px;
  padding: 6px 10px;
  text-decoration: none;
  transition: all .4s cubic-bezier(.86, 0, .07, 1);
  display: inline-block;
}

.sf-blog-card-category:hover {
  opacity: 1;
}

.sf-blog-card-category.pe {
  background-color: #831ed5;
}

.sf-blog-card-category.os {
  background-color: #f5c727;
}

.sf-blog-card-category.cs {
  background-color: #16aa45;
}

.sf-blog-card-category.pu {
  background-color: #1fb2c2;
}

.sf-blog-card-category-text {
  color: var(--white);
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 700;
}

.div-block-white-paper-button {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-family: Gilroy, sans-serif;
  display: flex;
}

.sf-btn-whitepaper {
  color: #fff;
  text-align: center;
  background-color: #096ed3;
  border-radius: 200px;
  justify-content: center;
  align-items: center;
  width: 250px;
  height: 54px;
  margin: 0;
  padding-left: 1rem;
  padding-right: 1rem;
  font-family: Gilroy, sans-serif;
  font-weight: 600;
  text-decoration: none;
  transition: all .2s cubic-bezier(.77, 0, .175, 1);
  display: flex;
}

.sf-btn-whitepaper:hover {
  color: #096ed3;
  background-color: #096ed300;
  border: 2px solid #096ed3;
}

.image-76 {
  max-width: 80%;
  margin-top: 60px;
}

.tab-link {
  opacity: .5;
  color: #4c5458;
  text-align: center;
  background-color: #0000;
  border-bottom: 2px solid #afb7bb;
  flex: 0 auto;
  width: 140px;
  margin-left: 0;
  margin-right: 0;
  padding: 15px 20px;
  font-size: 18px;
  transition: border-color .2s, color .2s;
}

.tab-link:hover {
  color: #2a2f31;
  border-bottom-color: #4c5458;
}

.tab-link.w--current {
  opacity: 1;
  color: #356af0;
  background-color: #0000;
  border-bottom-color: #529dff;
  font-weight: 700;
}

.sg-description {
  color: var(--grey-500);
  max-width: 400px;
  font-family: Figtree, sans-serif;
  font-weight: 400;
}

.spacer {
  background-color: #ece7e0;
  height: 48px;
}

.spacer._16 {
  background-color: #0000;
  width: 16px;
  height: 16px;
}

.spacer._48 {
  background-color: #0000;
  border-radius: 6px;
  width: 48px;
}

.spacer._80 {
  background-color: #0000;
  width: 80px;
  height: 80px;
}

.spacer._96 {
  background-color: #0000;
  width: 96px;
  height: 96px;
}

.spacer._64 {
  background-color: #0000;
  width: 64px;
  height: 64px;
}

.spacer._24 {
  text-transform: uppercase;
  background-color: #0000;
  width: 24px;
  height: 24px;
}

.spacer._32 {
  background-color: #0000;
  border-radius: 6px;
  width: 32px;
  height: 32px;
}

.spacer._128 {
  background-color: #0000;
  width: 128px;
  height: 128px;
}

.tabs-menu {
  justify-content: center;
  width: 100%;
  margin-bottom: 48px;
  display: flex;
}

.form-error {
  color: #444;
  background-color: #ece7e0;
  border-radius: 6px;
  padding: 16px;
}

.small-button {
  background-color: var(--sofar-blue);
  color: #fff;
  text-align: center;
  border-radius: .75rem;
  flex: none;
  margin-bottom: 0;
  padding: 6px 16px;
  font-family: Figtree, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.5;
  transition: border-color .2s, color .2s, box-shadow .2s, background-color .2s;
  box-shadow: 0 2px 8px #00000008;
}

.small-button:hover {
  color: #fff;
  background-color: #0d4379;
  box-shadow: 0 7px 20px -10px #0003;
}

.small-button:active {
  background-color: #0a3092;
}

.small-button.outline {
  color: #356af0;
  background-color: #0000;
  font-family: Figtree, sans-serif;
  box-shadow: inset 0 0 0 2px #9accff;
}

.small-button.outline:hover {
  color: #fff;
  background-color: #356af0;
  box-shadow: inset 0 0 0 2px #356af0;
}

.small-button.outline:active {
  background-color: #0f42c3;
  box-shadow: inset 0 0 0 2px #0f42c3;
}

.jdklsajda {
  color: #000;
  font-family: Figtree, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 130%;
}

.sg-section {
  z-index: 0;
  text-align: left;
  padding: 60px 80px 60px 60px;
  position: relative;
}

.sg-section.header {
  color: #fff;
  background-color: #f8fafc;
  background-image: url("https://cdn.prod.website-files.com/64d14310c4accecbf82f0e9f/64d41b71b01441f824b2fe87_group_2_1x.webp");
  background-position: 50%;
  background-size: cover;
  background-attachment: scroll;
  justify-content: center;
  align-items: center;
  height: 40vh;
  display: flex;
}

.vertical-tab {
  width: 100%;
  margin-top: 24px;
  margin-bottom: 24px;
}

.grid-16 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: stretch;
  margin-left: auto;
  margin-right: auto;
  display: grid;
  position: relative;
}

.grid-16.desk-4 {
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.grid-16.desk-3 {
  grid-template-columns: 1fr 1fr 1fr;
}

.block-quote {
  border-left-color: #9ec5fa;
  font-size: 18px;
  line-height: 1.4em;
}

.column-2 {
  flex-flow: column;
  flex: 0 auto;
  align-items: stretch;
  min-height: 32px;
  padding-left: 16px;
  padding-right: 16px;
  display: flex;
  position: relative;
}

.column-2.desk-11 {
  width: 91.66%;
}

.column-2.desk-9 {
  width: 75%;
}

.column-2.desk-6 {
  width: 50%;
}

.column-2.desk-5 {
  width: 41.66%;
}

.column-2.desk-1 {
  flex: 0 auto;
  width: 8.33%;
}

.column-2.desk-3 {
  flex: none;
  width: 25%;
}

.column-2.desk-2 {
  width: 16.66%;
}

.column-2.desk-8 {
  width: 66.6667%;
}

.column-2.desk-12 {
  width: 100%;
}

.column-2.desk-7 {
  width: 58.3333%;
}

.column-2.desk-10 {
  width: 83.33%;
}

.column-2.desk-4 {
  width: 33.33%;
}

._12-columns {
  flex-flow: wrap;
  place-content: stretch center;
  align-items: center;
  margin-left: -16px;
  margin-right: -16px;
  display: flex;
}

._12-columns.align-left {
  justify-content: flex-start;
}

.form-checkbox {
  margin-bottom: 16px;
  padding-left: 24px;
}

.form-success {
  color: #444;
  background-color: #d4e9ff;
  border-radius: 6px;
  padding: 32px;
  font-size: 16px;
  line-height: 1.4em;
}

._2-1-grid {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 2fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: stretch;
  max-width: 1000px;
  margin-bottom: 24px;
  margin-left: auto;
  margin-right: auto;
  display: grid;
  position: relative;
}

.icon-4 {
  color: #fff;
  width: 55px;
  height: 55px;
  margin-bottom: 20px;
  font-size: 24px;
}

.sg-content {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 100%;
  margin-left: 240px;
  display: flex;
}

.text-box {
  max-width: 750px;
}

.text-box._800px {
  max-width: 800px;
  min-height: 64px;
}

.text-box._800px.visible {
  background-color: #d0e8ff;
  border-radius: 6px;
}

.text-box._700px {
  max-width: 700px;
  min-height: 64px;
}

.text-box._700px.visible {
  background-color: #d0e8ff;
  border-radius: 6px;
}

.text-box._500px {
  max-width: 500px;
  min-height: 64px;
}

.text-box._500px.visible {
  background-color: #d0e8ff;
  border-radius: 6px;
}

.text-box._400px {
  max-width: 400px;
  min-height: 64px;
}

.text-box._400px.visible {
  background-color: #d0e8ff;
  border-radius: 6px;
}

.text-box._600px {
  max-width: 600px;
  min-height: 64px;
}

.text-box._600px.visible {
  background-color: #d0e8ff;
  border-radius: 6px;
}

.ds-section-header {
  margin-bottom: 50px;
}

.form-dropdown {
  color: #4c5458;
  background-color: #fff;
  border: 1px solid #e1e5e7;
  border-radius: 5px;
  width: 100%;
  height: 48px;
  margin-bottom: 16px;
  padding: 8px 16px;
  font-size: 15px;
  position: relative;
}

.form-dropdown:hover, .form-dropdown:focus {
  color: #37474e;
}

.form-dropdown::placeholder {
  color: #999;
  font-size: 15px;
}

.form {
  margin-bottom: 8px;
}

.column-styleguide {
  background-color: #d0e8ff;
  border-radius: 6px;
  width: 100%;
  height: 40px;
}

.field-label {
  color: #4c5458;
  font-size: 14px;
  font-weight: 500;
}

.sg-nav-container {
  background-color: #f0f2f3;
  width: 240px;
  height: 100vh;
}

.radio-button {
  width: 20px;
  height: 20px;
  margin-top: 0;
  margin-left: -24px;
  margin-right: 10px;
}

.radio-button.w--redirected-checked {
  border-width: 6px;
  border-color: #2b95ff;
}

._1-2-grid {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 2fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: stretch;
  max-width: 1000px;
  margin-bottom: 24px;
  margin-left: auto;
  margin-right: auto;
  display: grid;
  position: relative;
}

.ds-module {
  background-color: #d0e8ff;
  border-radius: 5px;
  flex-direction: column;
  min-width: 100px;
  min-height: 100px;
  display: flex;
  position: relative;
}

.check-box {
  width: 20px;
  height: 20px;
  margin-top: 0;
  margin-left: -24px;
  margin-right: 10px;
}

.check-box.w--redirected-checked {
  background-color: #2b95ff;
  background-position: 50%;
  background-size: 16px;
  border-color: #2b95ff;
}

.text-input {
  border: 1px solid #e1e5e7;
  border-radius: 5px;
  margin-bottom: 16px;
  padding: 24px 16px;
  font-size: 15px;
  line-height: 1.4px;
  box-shadow: 0 0 10px #00000003;
}

.text-input:focus {
  border-color: #529dff;
}

.text-input::placeholder {
  color: #e1e5e7;
}

.text-input.form {
  min-height: 120px;
  padding-top: 16px;
  padding-bottom: 16px;
  line-height: 1.4em;
}

.sg-label {
  color: var(--grey-400);
  letter-spacing: .5px;
  text-transform: uppercase;
  margin-top: 1rem;
  margin-bottom: 16px;
  font-family: Figtree, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.2em;
}

.button {
  background-color: var(--sofar-blue);
  color: #fff;
  text-align: center;
  border-radius: .8rem;
  flex: none;
  justify-content: center;
  align-items: center;
  min-height: 40px;
  margin-bottom: 8px;
  padding: 8px 32px;
  font-family: Figtree, sans-serif;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.5;
  transition: border-color .2s, color .2s, box-shadow .2s, background-color .2s;
  display: flex;
  box-shadow: 0 2px 8px #00000008;
}

.button:hover {
  background-color: #074687;
  box-shadow: 0 7px 20px -10px #0003;
}

.button:active {
  background-color: #0a3092;
}

.button.is-secondary {
  background-color: var(--\<unknown\|relume-variable-transparent\>);
  color: var(--\<unknown\|relume-variable-neutral-shade-7\>);
}

.button.is-link {
  color: var(--white);
  font-weight: 400;
  text-decoration: underline;
}

.sg-menu-brand {
  margin-top: 40px;
  margin-bottom: 50px;
  margin-left: 30px;
  padding-left: 0;
}

.form-radio-button {
  margin-bottom: 16px;
  padding-left: 24px;
}

.sg-body {
  background-color: #fff;
}

.sg-nav {
  border-right: 1px solid #ced5db;
  width: 240px;
  height: 0;
  position: fixed;
  inset: 0% auto 0 0;
}

.visible-spacer {
  background-color: #d0e8ff;
  border-radius: 5px;
  display: inline-block;
}

.sg-title {
  color: #3f3b35;
  margin-bottom: 8px;
  font-family: Figtree, sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.4em;
}

.horizontal-line {
  opacity: .2;
  background-color: #1d1916;
  width: 100%;
  height: 1px;
  margin-bottom: 36px;
}

.horizontal-line.design-system {
  position: relative;
  bottom: -80px;
}

.sg-menu {
  width: 100%;
}

.ds-icon {
  margin-bottom: 4px;
  margin-right: 24px;
  display: inline-block;
}

.new-page {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.rich-text {
  text-align: left;
}

.field-block {
  z-index: 1;
  border: 1px solid #0000;
  flex-direction: column;
  flex: 1;
  align-items: stretch;
  min-width: 50px;
  min-height: 20px;
  margin-bottom: 8px;
  display: flex;
}

.ds-icon-grid {
  margin-top: 24px;
}

.wrapper {
  width: 100%;
  min-height: 100vh;
}

.massive-lg {
  color: var(--grey-800);
  letter-spacing: -.02em;
  font-family: Figtree, sans-serif;
  font-size: 7.5rem;
  font-weight: 600;
  line-height: 100%;
}

.text-style {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  padding: 0;
  display: flex;
}

.style-guide-info-text {
  color: var(--grey-400);
  text-transform: uppercase;
  font-family: Figtree, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
}

.massive-md {
  color: var(--grey-800);
  letter-spacing: -.02em;
  font-family: Figtree, sans-serif;
  font-size: 6rem;
  font-weight: 600;
  line-height: 100%;
}

.massive-sm {
  color: var(--grey-800);
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Figtree, sans-serif;
  font-size: 4.563rem;
  font-weight: 600;
  line-height: 100%;
}

.massive-sm.padding-bottom {
  margin-bottom: 1rem;
}

.massive-sm.padding-bottom.grey-50 {
  color: var(--grey-50);
}

.massive-xsm {
  color: var(--grey-800);
  letter-spacing: -.02em;
  font-family: Figtree, sans-serif;
  font-size: 4rem;
  font-weight: 600;
  line-height: 110%;
}

.display-lg {
  color: var(--grey-800);
  letter-spacing: -.02em;
  font-family: Figtree, sans-serif;
  font-size: 3.438rem;
  font-weight: 600;
  line-height: 110%;
  display: block;
}

.display-lg.padding-bottom {
  margin-bottom: 1rem;
}

.display-lg.padding-bottom-lg {
  margin-bottom: 2rem;
}

.display-lg.grey-50 {
  color: var(--grey-50);
  text-align: center;
  font-weight: 500;
}

.display-md {
  z-index: 5;
  color: var(--grey-800);
  letter-spacing: -.02em;
  margin-bottom: 16px;
  font-family: Figtree, sans-serif;
  font-size: 3rem;
  font-weight: 600;
  line-height: 120%;
}

.display-md.padding-bottom {
  margin-bottom: 1rem;
}

.display-md.grey-50 {
  color: var(--grey-50);
}

.display-md.grey-50.padding-bottom-lg {
  margin-bottom: 2rem;
}

.display-md.padding-bottom-lg {
  margin-bottom: 48px;
}

.display-sm {
  color: var(--grey-800);
  letter-spacing: -.01em;
  font-family: Figtree, sans-serif;
  font-size: 2.625rem;
  font-weight: 600;
  line-height: 120%;
}

.display-sm.padding-bottom {
  margin-bottom: 1rem;
}

.display-sm.grey-700 {
  color: var(--grey-700);
}

.display-sm.grey-50 {
  color: var(--grey-50);
  font-weight: 500;
}

.display-sm.grey-50.padding-bottom-lg {
  margin-bottom: 2rem;
}

.display-sm.padding-bottom-lg {
  margin-bottom: 50px;
  font-weight: 500;
}

.headline-lg {
  color: var(--grey-800);
  letter-spacing: -.01em;
  font-family: Figtree, sans-serif;
  font-size: 2.25rem;
  font-weight: 600;
  line-height: 120%;
}

.headline-lg.padding-bottom {
  margin-bottom: 24px;
}

.headline-lg.padding-bottom-lg {
  margin-bottom: 48px;
}

.headline-lg.grey-50 {
  color: var(--grey-50);
}

.headline-md {
  color: var(--grey-800);
  letter-spacing: -.01em;
  font-family: Figtree, sans-serif;
  font-size: 2rem;
  font-weight: 600;
  line-height: 120%;
}

.headline-md.padding-bottom {
  margin-bottom: 1rem;
}

.headline-md.padding-bottom-lg {
  margin-bottom: 2rem;
}

.headline-md.grey-50 {
  color: var(--grey-50);
}

.headline-sm {
  color: var(--grey-800);
  letter-spacing: -.01em;
  font-family: Figtree, sans-serif;
  font-size: 1.75rem;
  font-weight: 600;
  line-height: 120%;
}

.headline-sm.grey-50 {
  color: var(--grey-50);
  text-align: center;
}

.headline-sm.grey-50.padding-bottom {
  margin-bottom: 1rem;
}

.headline-sm.grey-700 {
  color: var(--grey-700);
}

.headline-sm.grey-700.padding-bottom, .headline-sm.padding-bottom {
  margin-bottom: 1rem;
}

.headline-sm.padding-bottom-lg {
  margin-bottom: 2rem;
}

.headline-sm.grey-200 {
  color: var(--grey-200);
}

.headline-sm.grey-600 {
  color: var(--grey-600);
}

.headline-xsm {
  color: var(--grey-800);
  letter-spacing: -.01em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Figtree, sans-serif;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 120%;
}

.headline-xsm.padding-bottom-sm {
  margin-bottom: 1rem;
}

.headline-xsm.grey-50 {
  color: var(--grey-50);
  font-weight: 600;
}

.headline-xsm.grey-50.padding-bottom, .headline-xsm.padding-bottom {
  margin-bottom: 1rem;
}

.headline-xsm.grey-700 {
  color: var(--grey-700);
}

.title-xlg {
  color: var(--grey-800);
  letter-spacing: 0;
  font-family: Figtree, sans-serif;
  font-size: 1.375rem;
  font-weight: 600;
  line-height: 130%;
}

.title-xlg.grey-50 {
  color: var(--grey-50);
}

.title-xlg.padding-bottom {
  margin-bottom: 24px;
}

.title-lg {
  color: var(--grey-800);
  letter-spacing: 0;
  flex: 0 auto;
  font-family: Figtree, sans-serif;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 130%;
}

.title-lg.grey-800 {
  color: var(--grey-800);
}

.title-lg._w--anim {
  transition: all .2s cubic-bezier(.645, .045, .355, 1);
}

.title-lg.cat-hover {
  z-index: 2;
  color: var(--grey-50);
  position: relative;
}

.title-lg.cat-hover:hover {
  color: var(--grey-100);
}

.title-lg.grey-50 {
  color: var(--grey-50);
}

.title-lg.padding-bottom {
  text-align: left;
  margin-bottom: 1rem;
}

.title-lg.padding-bottom-sm {
  margin-bottom: .5rem;
}

.title-lg.grey-700 {
  color: var(--grey-700);
}

.title-md {
  color: var(--grey-800);
  letter-spacing: 0;
  font-family: Figtree, sans-serif;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 130%;
}

.title-md.grey-600 {
  color: var(--grey-600);
}

.title-md.grey-500 {
  color: var(--grey-500);
}

.title-md.grey-500.padding-bottom-md {
  margin-bottom: 24px;
}

.title-md.padding-bottom {
  margin-bottom: 12px;
}

.title-sm {
  color: var(--grey-800);
  letter-spacing: 0;
  font-family: Figtree, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 130%;
}

.title-sm.grey-50 {
  color: var(--grey-50);
}

.title-sm.grey-500 {
  color: var(--grey-500);
}

.title-sm.grey-500.left-just {
  text-align: left;
}

.label-lg {
  color: var(--grey-800);
  letter-spacing: .15px;
  flex: none;
  font-family: Figtree, sans-serif;
  font-size: .813rem;
  font-weight: 600;
  line-height: 130%;
}

.label-lg.grey-100 {
  color: var(--grey-100);
}

.label-lg.grey-600 {
  color: var(--grey-600);
  word-break: keep-all;
  flex: 0 auto;
}

.label-lg.grey-200 {
  color: var(--grey-200);
}

.label-lg.grey-500 {
  color: var(--grey-500);
  word-break: keep-all;
  flex: 0 auto;
}

.label-lg.grey-500.padding-bottom {
  margin-bottom: 12px;
}

.label-md {
  color: var(--grey-800);
  letter-spacing: .25px;
  font-family: Figtree, sans-serif;
  font-size: .75rem;
  font-weight: 600;
  line-height: 130%;
}

.label-md.grey-100 {
  color: var(--grey-100);
}

.label-md.grey-500 {
  color: var(--grey-500);
}

.label-sm {
  color: var(--grey-800);
  letter-spacing: 0;
  font-family: Figtree, sans-serif;
  font-size: .625rem;
  font-weight: 600;
  line-height: 130%;
}

.label-xsm {
  color: var(--grey-800);
  letter-spacing: 0;
  font-family: Figtree, sans-serif;
  font-size: .563rem;
  font-weight: 600;
  line-height: 120%;
}

.body-xxl {
  color: var(--grey-800);
  letter-spacing: 0;
  font-family: Figtree, sans-serif;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 140%;
}

.body-xxl.grey-500 {
  color: var(--grey-500);
}

.body-xl {
  color: var(--grey-800);
  letter-spacing: 0;
  font-family: Figtree, sans-serif;
  font-size: 1.375rem;
  font-weight: 500;
  line-height: 140%;
}

.body-xl.padding-bottom-lg {
  margin-bottom: 2rem;
}

.body-xl.grey-700 {
  color: var(--grey-700);
}

.body-xl.grey-300 {
  color: var(--grey-300);
}

.body-xl.blog-title {
  color: var(--grey-700);
  font-size: 1.3rem;
  font-weight: 600;
}

.body-lg {
  letter-spacing: 0;
  font-family: Figtree, sans-serif;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 140%;
}

.body-lg.grey-50 {
  color: var(--grey-50);
}

.body-lg.grey-700 {
  color: var(--grey-700);
}

.body-lg.grey-700.padding-bottom {
  margin-bottom: 24px;
}

.body-lg.grey-200 {
  color: var(--grey-200);
}

.body-lg.padding-bottom {
  margin-bottom: 24px;
}

.body-lg.grey-600 {
  color: var(--grey-600);
}

.body-lg.grey-600.padding-bottom-xlg {
  margin-bottom: 72px;
}

.body-md {
  color: var(--grey-800);
  letter-spacing: 0;
  font-family: Figtree, sans-serif;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 140%;
}

.body-md.grey-50 {
  color: var(--grey-50);
}

.body-md.grey-300 {
  color: var(--grey-300);
}

.body-md.grey-600 {
  color: var(--grey-600);
}

.body-md.grey-500 {
  color: var(--grey-500);
}

.body-md.padding-bottom {
  margin-bottom: 24px;
}

.body-md.grey-700 {
  color: var(--grey-700);
  text-align: left;
}

.body-md.max-75 {
  max-width: 75%;
}

.body-sm {
  color: var(--grey-800);
  text-align: center;
  letter-spacing: 0;
  font-family: Figtree, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 140%;
}

.body-sm.grey-200 {
  color: var(--grey-200);
}

.body-sm.grey-50 {
  color: var(--grey-50);
}

.body-sm.grey-500 {
  color: var(--grey-500);
  font-size: .9rem;
  font-weight: 500;
}

.body-sm.grey-600 {
  color: var(--grey-600);
  text-align: left;
}

.body-sm.grey-600.padding-bottom-sm {
  margin-bottom: 12px;
}

.body-sm.padding-bottom {
  margin-bottom: 1rem;
}

.body-sm.grey-600 {
  color: var(--grey-600);
}

.body-sm.grey-700 {
  color: var(--grey-700);
}

.body-sm.grey-400 {
  color: var(--grey-400);
}

.body-sm.grey-300 {
  color: var(--grey-300);
}

.body-xsm {
  color: var(--grey-800);
  letter-spacing: 0;
  font-family: Figtree, sans-serif;
  font-size: .875rem;
  font-weight: 500;
  line-height: 140%;
}

.text-styles-wrapper {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  width: 100%;
  padding: 0;
  display: flex;
}

.ds-line {
  border-top: 1px dotted var(--grey-200);
  background-color: var(--grey-200);
  opacity: 1;
  width: 100%;
  margin-top: 1rem;
  margin-bottom: 0;
}

.text-style-title {
  flex-direction: column;
  margin-top: 1rem;
  padding: 0;
  display: flex;
}

.ds-sidebar-nav-btn {
  color: #4c5458;
  border-left: 4px solid #0000;
  width: 100%;
  padding-top: 7px;
  padding-bottom: 7px;
  padding-left: 27px;
  font-family: Figtree, sans-serif;
  transition: background-color .2s, color .2s;
}

.ds-sidebar-nav-btn:hover {
  color: #111314;
}

.ds-sidebar-nav-btn.w--current {
  color: #111314;
  background-color: #e1e5e7;
  padding-right: 0;
  font-family: Figtree, sans-serif;
  font-weight: 600;
}

.ds-element-label {
  flex-direction: column;
  display: flex;
}

.ds-wrap {
  width: 100%;
  margin-bottom: 1.5rem;
  padding: 1rem;
}

.ds-wrap.dark {
  background-color: var(--grey-300);
}

.ds-wrap.grey-50 {
  background-color: var(--grey-50);
  margin-bottom: 1.5rem;
  padding: 1rem;
}

.ds-wrap.grey-900, .ds-wrap.grey-600 {
  background-color: var(--grey-900);
  margin-bottom: 1.5rem;
  padding: 1rem;
}

.text-span-5 {
  color: #096ed3;
}

.fill-style {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: row;
  padding: 0;
  display: flex;
}

.style-guide-info-text-2 {
  color: #0000004d;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
}

.color-swatch-blue-blue-50 {
  background-color: #e7f2fe;
  border-radius: 50%;
  width: 70px;
  height: 70px;
}

.color-swatch-blue-blue-100 {
  background-color: #b9d6f7;
  border-radius: 50%;
  width: 70px;
  height: 70px;
}

.color-swatch-blue-blue-200 {
  background-color: #8dbcee;
  border-radius: 50%;
  width: 70px;
  height: 70px;
}

.color-swatch-blue-blue-300 {
  background-color: #61a2e5;
  border-radius: 50%;
  width: 70px;
  height: 70px;
}

.color-swatch-blue-blue-400 {
  background-color: #3588dc;
  border-radius: 50%;
  width: 70px;
  height: 70px;
}

.color-swatch-blue-blue-500 {
  background-color: var(--sofar-blue);
  border-radius: 50%;
  width: 70px;
  height: 70px;
}

.color-swatch-blue-blue-600 {
  background-color: #0959ac;
  border-radius: 50%;
  width: 70px;
  height: 70px;
}

.color-swatch-blue-blue-700 {
  background-color: #074687;
  border-radius: 50%;
  width: 70px;
  height: 70px;
}

.color-swatch-blue-blue-800 {
  background-color: #053362;
  border-radius: 50%;
  width: 70px;
  height: 70px;
}

.color-swatch-blue-blue-900 {
  background-color: #03203d;
  border-radius: 50%;
  width: 70px;
  height: 70px;
}

.color-swatch-blue-blue-950 {
  background-color: #010d18;
  border-radius: 50%;
  width: 70px;
  height: 70px;
}

.color-swatch-grey-grey-50 {
  background-color: var(--grey-50);
  border-radius: 50%;
  width: 70px;
  height: 70px;
}

.color-swatch-grey-grey-100 {
  background-color: var(--grey-100);
  border-radius: 50%;
  width: 70px;
  height: 70px;
}

.color-swatch-grey-grey-200 {
  background-color: var(--grey-200);
  border-radius: 50%;
  width: 70px;
  height: 70px;
}

.color-swatch-grey-grey-300 {
  background-color: var(--grey-300);
  border-radius: 50%;
  width: 70px;
  height: 70px;
}

.color-swatch-grey-grey-400 {
  background-color: var(--grey-400);
  border-radius: 50%;
  width: 70px;
  height: 70px;
}

.color-swatch-grey-grey-500 {
  background-color: var(--grey-500);
  border-radius: 50%;
  width: 70px;
  height: 70px;
}

.color-swatch-grey-grey-600 {
  background-color: var(--grey-600);
  border-radius: 50%;
  width: 70px;
  height: 70px;
}

.color-swatch-grey-grey-700 {
  background-color: var(--grey-700);
  border-radius: 50%;
  width: 70px;
  height: 70px;
}

.color-swatch-grey-grey-800 {
  background-color: var(--grey-800);
  border-radius: 50%;
  width: 70px;
  height: 70px;
}

.color-swatch-grey-grey-900 {
  background-color: var(--grey-900);
  border-radius: 50%;
  width: 70px;
  height: 70px;
}

.color-swatch-grey-grey-950 {
  background-color: var(--grey-950);
  border-radius: 50%;
  width: 70px;
  height: 70px;
}

.color-swatch-utility-black {
  background-color: #111;
  border-radius: 50%;
  width: 70px;
  height: 70px;
}

.color-swatch-utility-white {
  background-color: #fff;
  border-radius: 50%;
  width: 70px;
  height: 70px;
}

.color-swatch-aqua-aqua-50 {
  background-color: #e9fbfc;
  border-radius: 50%;
  width: 70px;
  height: 70px;
}

.color-swatch-aqua-aqua-100 {
  background-color: #c0f2f7;
  border-radius: 50%;
  width: 70px;
  height: 70px;
}

.color-swatch-aqua-aqua-200 {
  background-color: #98ebf1;
  border-radius: 50%;
  width: 70px;
  height: 70px;
}

.color-swatch-aqua-aqua-300 {
  background-color: #70e4eb;
  border-radius: 50%;
  width: 70px;
  height: 70px;
}

.color-swatch-aqua-aqua-400 {
  background-color: #48dde5;
  border-radius: 50%;
  width: 70px;
  height: 70px;
}

.color-swatch-aqua-aqua-500 {
  background-color: #20d6df;
  border-radius: 50%;
  width: 70px;
  height: 70px;
}

.color-swatch-aqua-aqua-600 {
  background-color: #1bb1b6;
  border-radius: 50%;
  width: 70px;
  height: 70px;
}

.color-swatch-aqua-aqua-700 {
  background-color: #158a8e;
  border-radius: 50%;
  width: 70px;
  height: 70px;
}

.color-swatch-aqua-aqua-800 {
  background-color: #0f6366;
  border-radius: 50%;
  width: 70px;
  height: 70px;
}

.color-swatch-aqua-aqua-900 {
  background-color: #093c3e;
  border-radius: 50%;
  width: 70px;
  height: 70px;
}

.color-swatch-aqua-aqua-950 {
  background-color: #031516;
  border-radius: 50%;
  width: 70px;
  height: 70px;
}

.color-swatch-red-red-50 {
  background-color: #fef2f2;
  border-radius: 50%;
  width: 70px;
  height: 70px;
}

.color-swatch-red-red-100 {
  background-color: #fee2e2;
  border-radius: 50%;
  width: 70px;
  height: 70px;
}

.color-swatch-red-red-200 {
  background-color: #fecaca;
  border-radius: 50%;
  width: 70px;
  height: 70px;
}

.color-swatch-red-red-300 {
  background-color: #fca5a5;
  border-radius: 50%;
  width: 70px;
  height: 70px;
}

.color-swatch-red-red-400 {
  background-color: #f87171;
  border-radius: 50%;
  width: 70px;
  height: 70px;
}

.color-swatch-red-red-500 {
  background-color: #ef4444;
  border-radius: 50%;
  width: 70px;
  height: 70px;
}

.color-swatch-red-red-600 {
  background-color: #dc2626;
  border-radius: 50%;
  width: 70px;
  height: 70px;
}

.color-swatch-red-red-700 {
  background-color: #b91c1c;
  border-radius: 50%;
  width: 70px;
  height: 70px;
}

.color-swatch-red-red-800 {
  background-color: #991b1b;
  border-radius: 50%;
  width: 70px;
  height: 70px;
}

.color-swatch-red-red-900 {
  background-color: #7f1d1d;
  border-radius: 50%;
  width: 70px;
  height: 70px;
}

.color-swatch-red-red-950 {
  background-color: #190103;
  border-radius: 50%;
  width: 70px;
  height: 70px;
}

.color-swatch-yellow-yellow-50 {
  background-color: #fef9e7;
  border-radius: 50%;
  width: 70px;
  height: 70px;
}

.color-swatch-yellow-yellow-100 {
  background-color: #fdf1c1;
  border-radius: 50%;
  width: 70px;
  height: 70px;
}

.color-swatch-yellow-yellow-200 {
  background-color: #fbe79b;
  border-radius: 50%;
  width: 70px;
  height: 70px;
}

.color-swatch-yellow-yellow-300 {
  background-color: #f9dd75;
  border-radius: 50%;
  width: 70px;
  height: 70px;
}

.color-swatch-yellow-yellow-400 {
  background-color: #f7d34f;
  border-radius: 50%;
  width: 70px;
  height: 70px;
}

.color-swatch-yellow-yellow-500 {
  background-color: #f5c929;
  border-radius: 50%;
  width: 70px;
  height: 70px;
}

.color-swatch-yellow-yellow-600 {
  background-color: #c8a321;
  border-radius: 50%;
  width: 70px;
  height: 70px;
}

.color-swatch-yellow-yellow-700 {
  background-color: #9c7f19;
  border-radius: 50%;
  width: 70px;
  height: 70px;
}

.color-swatch-yellow-yellow-800 {
  background-color: #705b11;
  border-radius: 50%;
  width: 70px;
  height: 70px;
}

.color-swatch-yellow-yellow-900 {
  background-color: #443709;
  border-radius: 50%;
  width: 70px;
  height: 70px;
}

.color-swatch-yellow-yellow-950 {
  background-color: #181301;
  border-radius: 50%;
  width: 70px;
  height: 70px;
}

.color-swatch-orange-orange-50 {
  background-color: #fff7ed;
  border-radius: 50%;
  width: 70px;
  height: 70px;
}

.color-swatch-orange-orange-100 {
  background-color: #ffedd5;
  border-radius: 50%;
  width: 70px;
  height: 70px;
}

.color-swatch-orange-orange-200 {
  background-color: #fed7aa;
  border-radius: 50%;
  width: 70px;
  height: 70px;
}

.color-swatch-orange-orange-300 {
  background-color: #fdba74;
  border-radius: 50%;
  width: 70px;
  height: 70px;
}

.color-swatch-orange-orange-400 {
  background-color: #fb923c;
  border-radius: 50%;
  width: 70px;
  height: 70px;
}

.color-swatch-orange-orange-500 {
  background-color: #f97316;
  border-radius: 50%;
  width: 70px;
  height: 70px;
}

.color-swatch-orange-orange-600 {
  background-color: #ea580c;
  border-radius: 50%;
  width: 70px;
  height: 70px;
}

.color-swatch-orange-orange-700 {
  background-color: #c2410c;
  border-radius: 50%;
  width: 70px;
  height: 70px;
}

.color-swatch-orange-orange-800 {
  background-color: #9a3412;
  border-radius: 50%;
  width: 70px;
  height: 70px;
}

.color-swatch-orange-orange-900 {
  background-color: #7c2d12;
  border-radius: 50%;
  width: 70px;
  height: 70px;
}

.color-swatch-orange-orange-950 {
  background-color: #431407;
  border-radius: 50%;
  width: 70px;
  height: 70px;
}

.color-swatch-pink-pink-500 {
  background-color: #eb4c81;
  border-radius: 50%;
  width: 70px;
  height: 70px;
}

.color-swatch-pink-pink-400 {
  background-color: #ee6b97;
  border-radius: 50%;
  width: 70px;
  height: 70px;
}

.color-swatch-pink-pink-300 {
  background-color: #f18aad;
  border-radius: 50%;
  width: 70px;
  height: 70px;
}

.color-swatch-pink-pink-200 {
  background-color: #f4a9c3;
  border-radius: 50%;
  width: 70px;
  height: 70px;
}

.color-swatch-pink-pink-100 {
  background-color: #f7c8d9;
  border-radius: 50%;
  width: 70px;
  height: 70px;
}

.color-swatch-pink-pink-50 {
  background-color: #fce8ef;
  border-radius: 50%;
  width: 70px;
  height: 70px;
}

.color-swatch-pink-pink-600 {
  background-color: #bf3f69;
  border-radius: 50%;
  width: 70px;
  height: 70px;
}

.color-swatch-pink-pink-700 {
  background-color: #953051;
  border-radius: 50%;
  width: 70px;
  height: 70px;
}

.color-swatch-pink-pink-800 {
  background-color: #6b2139;
  border-radius: 50%;
  width: 70px;
  height: 70px;
}

.color-swatch-pink-pink-900 {
  background-color: #411221;
  border-radius: 50%;
  width: 70px;
  height: 70px;
}

.color-swatch-pink-pink-950 {
  background-color: #170309;
  border-radius: 50%;
  width: 70px;
  height: 70px;
}

.color-swatch-emerald-emerald-950 {
  background-color: #022c22;
  border-radius: 50%;
  width: 70px;
  height: 70px;
}

.color-swatch-emerald-emerald-900 {
  background-color: #064e3b;
  border-radius: 50%;
  width: 70px;
  height: 70px;
}

.color-swatch-emerald-emerald-800 {
  background-color: #065f46;
  border-radius: 50%;
  width: 70px;
  height: 70px;
}

.color-swatch-emerald-emerald-700 {
  background-color: #047857;
  border-radius: 50%;
  width: 70px;
  height: 70px;
}

.color-swatch-emerald-emerald-600 {
  background-color: #059669;
  border-radius: 50%;
  width: 70px;
  height: 70px;
}

.color-swatch-emerald-emerald-500 {
  background-color: #10b981;
  border-radius: 50%;
  width: 70px;
  height: 70px;
}

.color-swatch-emerald-emerald-300 {
  background-color: #6ee7b7;
  border-radius: 50%;
  width: 70px;
  height: 70px;
}

.color-swatch-emerald-emerald-400 {
  background-color: #34d399;
  border-radius: 50%;
  width: 70px;
  height: 70px;
}

.color-swatch-emerald-emerald-200 {
  background-color: #a7f3d0;
  border-radius: 50%;
  width: 70px;
  height: 70px;
}

.color-swatch-emerald-emerald-100 {
  background-color: #d1fae5;
  border-radius: 50%;
  width: 70px;
  height: 70px;
}

.color-swatch-emerald-emerald-50 {
  background-color: #ecfdf5;
  border-radius: 50%;
  width: 70px;
  height: 70px;
}

.color-swatch-green-green-50 {
  background-color: #f0fdf4;
  border-radius: 50%;
  width: 70px;
  height: 70px;
}

.color-swatch-green-green-100 {
  background-color: #dcfce7;
  border-radius: 50%;
  width: 70px;
  height: 70px;
}

.color-swatch-green-green-200 {
  background-color: #bbf7d0;
  border-radius: 50%;
  width: 70px;
  height: 70px;
}

.color-swatch-green-green-300 {
  background-color: #86efac;
  border-radius: 50%;
  width: 70px;
  height: 70px;
}

.color-swatch-green-green-400 {
  background-color: #4ade80;
  border-radius: 50%;
  width: 70px;
  height: 70px;
}

.color-swatch-green-green-500 {
  background-color: #22c55e;
  border-radius: 50%;
  width: 70px;
  height: 70px;
}

.color-swatch-green-green-600 {
  background-color: #16a34a;
  border-radius: 50%;
  width: 70px;
  height: 70px;
}

.color-swatch-green-green-700 {
  background-color: #15803d;
  border-radius: 50%;
  width: 70px;
  height: 70px;
}

.color-swatch-green-green-800 {
  background-color: #166534;
  border-radius: 50%;
  width: 70px;
  height: 70px;
}

.color-swatch-green-green-900 {
  background-color: #14532d;
  border-radius: 50%;
  width: 70px;
  height: 70px;
}

.color-swatch-green-green-950 {
  background-color: #052e16;
  border-radius: 50%;
  width: 70px;
  height: 70px;
}

.color-swatch-brand-accent-01 {
  background-color: var(--sofar-accent-01);
  border-radius: 50%;
  width: 70px;
  height: 70px;
}

.color-swatch-brand-accent-02 {
  background-color: var(--sofar-accent-02);
  border-radius: 50%;
  width: 70px;
  height: 70px;
}

.color-swatch-brand-accent-03 {
  background-color: #ef4444;
  border-radius: 50%;
  width: 70px;
  height: 70px;
}

.color-swatch-brand-accent-04 {
  background-color: #64748b;
  border-radius: 50%;
  width: 70px;
  height: 70px;
}

.color-swatch-brand-accent-05 {
  background-color: var(--sofar-accent-05);
  border-radius: 50%;
  width: 70px;
  height: 70px;
}

.color-swatch-black {
  background-color: #333;
  border-radius: 50%;
  width: 70px;
  height: 70px;
}

.color-styles-wrapper {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding: 0;
  display: grid;
}

.styles-wrapper-2 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  border: 0 solid #dcdcdc;
  border-top-width: 1px;
  flex-direction: row;
  justify-content: center;
  padding: 24px;
  display: flex;
}

.styles-guide-section {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  display: flex;
}

.horizontal-trigger {
  position: absolute;
  inset: 0% 0% auto;
}

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

.div-block-133 {
  border-radius: 1rem;
  width: 100%;
  overflow: hidden;
}

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

.sf-nav-link-block {
  color: var(--grey-600);
  text-align: center;
  border-bottom: 3px solid #096ed300;
  flex-flow: column;
  flex: none;
  justify-content: center;
  align-items: center;
  height: 88px;
  padding: .9rem .8rem;
  transition: border-color .35s cubic-bezier(.645, .045, .355, 1);
  display: flex;
}

.sf-nav-link-block:hover {
  color: var(--grey-500);
}

.sf-nav-link-block.w--current {
  color: var(--blue);
}

.sf-nav-link-block.line-hover-button.hover-line {
  margin-top: .5rem;
}

.sf-cnds3s {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  max-width: 730px;
  margin-bottom: 3rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.text-blue {
  background-image: linear-gradient(270deg, var(--sofar-blue), var(--sofar-blue) 27%, #1eacd3 63%, var(--sofar-blue));
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
}

.html-embed-12 {
  height: 38rem;
  box-shadow: 0 9px 13px #0003;
}

.ds-section-information {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 2fr;
  grid-auto-columns: 1fr;
  align-items: center;
  margin-bottom: 3rem;
  display: grid;
}

.tabs-menu-2 {
  background-color: var(--grey-100);
  border-radius: .5rem;
  flex: 0 2 auto;
  justify-content: center;
  align-items: center;
  width: auto;
  margin-bottom: 2rem;
  padding: 8px;
  display: flex;
  overflow: hidden;
}

.tab-link-tab-1 {
  background-color: var(--grey-100);
  color: var(--grey-500);
  border-radius: 6px;
  margin-right: .25rem;
  padding: 8px 24px;
  box-shadow: 0 0 10px #0000;
}

.tab-link-tab-1:hover {
  color: var(--grey-700);
  background-color: #ffffffa6;
}

.tab-link-tab-1.w--current {
  color: var(--sofar-blue);
  background-color: #fff;
  border-radius: 6px;
  transition: all .4s cubic-bezier(.77, 0, .175, 1);
  display: flex;
  box-shadow: 0 0 10px #00000026;
}

.tab-link-tab-2 {
  background-color: var(--grey-100);
  color: var(--grey-500);
  border-radius: 6px;
  margin-left: .25rem;
  padding: 8px 24px;
  transition: all .4s cubic-bezier(.77, 0, .175, 1);
  box-shadow: 0 0 10px #0000;
}

.tab-link-tab-2:hover {
  color: var(--grey-700);
  background-color: #ffffffa6;
}

.tab-link-tab-2.w--current {
  color: var(--sofar-blue);
  background-color: #fff;
  border-radius: 6px;
  box-shadow: 0 0 10px #00000026;
}

.sf-jhse342 {
  letter-spacing: .15px;
  font-family: Figtree, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 130%;
}

.tabs {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.tabs-content {
  width: 100%;
}

.sf-headline-wrapper {
  text-align: center;
  margin-bottom: 2rem;
}

.blue-500 {
  color: var(--blue);
}

.sf-cesdf45-wrap {
  background-color: var(--grey-600);
  border-radius: 8px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 16px;
  transition: all .8s cubic-bezier(.77, 0, .175, 1);
  display: flex;
  position: relative;
  overflow: hidden;
}

.sf-cesdf45 {
  border-radius: 8px;
  flex: 1;
  position: relative;
  inset: 0%;
  overflow: hidden;
}

.sf-cesdf45-logo {
  z-index: 2;
  width: 6rem;
  margin-bottom: 1rem;
  position: relative;
}

.sf-cesdf45-att-wrap {
  color: var(--white);
  text-align: center;
  margin-top: 0;
  position: relative;
}

.sf-cesdf45-att-wrap.ma {
  margin-bottom: 1rem;
}

.sf-cesdf45-att {
  z-index: 2;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 0;
  transition: all .8s cubic-bezier(.77, 0, .175, 1);
  display: flex;
  overflow: hidden;
}

.sf-cesdf45-img {
  filter: blur();
  border-radius: 8px;
  transition: all .4s cubic-bezier(.77, 0, .175, 1);
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.sf-cesdf45-img-src {
  width: 100%;
  height: 100%;
  transition-duration: .8s;
}

.sf-update-card {
  border-radius: 8px;
  flex-direction: column;
  justify-content: flex-start;
  width: 100%;
  height: 100%;
  transition: all .3s cubic-bezier(.645, .045, .355, 1);
  display: flex;
  position: relative;
  box-shadow: 0 9px 20px 4px #00000005;
}

.sf-update-card:hover {
  box-shadow: 0 9px 20px 4px #00000017;
}

.sf-update-card.on-white {
  box-shadow: 0 9px 20px 4px #0000001a;
}

.sf-update-card.sf-76324 {
  height: auto;
  min-height: 360px;
}

.sf-update-card.sf-76324.padding-below {
  margin-bottom: 1rem;
}

.sf-update-card-img-wrap {
  background-color: var(--grey-200);
  object-fit: cover;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 170px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.sf-update-card-img-src {
  object-fit: cover;
  object-position: 50% 50%;
  border-radius: 0;
  width: 100%;
  height: 100%;
  position: relative;
  inset: 0%;
}

.sf-update-card-title-wrap {
  background-image: linear-gradient(to bottom, var(--white), var(--white));
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  width: 100%;
  padding: 0 16px 24px;
  display: flex;
}

.sf-update-card-title-wrap.search {
  padding-top: 24px;
}

.sf-update-card-meta {
  flex: none;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 16px;
  display: flex;
}

.sf-cms-post-link {
  z-index: 8;
  flex: 1;
  width: 100%;
  transition: all .45s cubic-bezier(.77, 0, .175, 1);
  display: block;
  position: absolute;
  inset: 0%;
}

.sf-cms-post-link:hover {
  box-shadow: 0 4px 17px #0000001c;
}

.sf-update-card-title-container {
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: .5rem;
  display: flex;
}

.quick-stack {
  padding: 0;
}

.sf-inline-arrow {
  width: 14px;
}

.sf-button {
  background-color: var(--sofar-blue);
  color: #fff;
  text-align: center;
  border: 2px solid #096ed300;
  border-radius: .8rem;
  flex: none;
  justify-content: center;
  align-items: center;
  min-height: 50px;
  margin-bottom: 8px;
  padding: 8px 32px;
  font-family: Figtree, sans-serif;
  font-size: .98rem;
  font-weight: 600;
  line-height: 1.5;
  transition: all .275s cubic-bezier(.645, .045, .355, 1);
  display: flex;
}

.sf-button:hover {
  color: var(--sofar-blue);
  background-color: #07468700;
  border-color: #096ed3;
  font-weight: 600;
}

.sf-button:active {
  background-color: #096ed31a;
}

.sf-button.dark {
  background-color: var(--grey-800);
  border-color: #1e293b00;
}

.sf-button.dark:hover {
  color: var(--grey-800);
  background-color: #1e293b00;
  border-color: #1e293b;
}

.sf-button.white {
  color: var(--grey-950);
  background-color: #fff;
  border-color: #f8fafc00;
}

.sf-button.white:hover {
  border-color: var(--grey-50);
  color: var(--grey-50);
  background-color: #fff0;
}

.sf-button.secondary {
  border-width: 2px;
  border-color: var(--sofar-blue);
  color: var(--sofar-blue);
  background-color: #096ed300;
}

.sf-button.secondary:hover {
  color: var(--grey-50);
  background-color: #096ed3;
}

.sf-button.secondary.min-width.is-white {
  border-color: var(--white);
  color: var(--white);
}

.sf-button.secondary.min-width.is-white:hover {
  border-color: var(--darkblue);
  background-color: var(--white);
  color: var(--darkblue);
}

.sf-button.secondary-white {
  border-width: 2px;
  border-color: var(--grey-50);
  color: var(--grey-50);
  background-color: #f8fafc00;
}

.sf-button.secondary-white:hover {
  background-color: var(--grey-50);
  color: var(--grey-900);
  border-color: #f8fafc00;
}

.sf-button.secondary-dark {
  border-width: 2px;
  border-color: var(--grey-800);
  color: var(--grey-800);
  background-color: #1e293b00;
}

.sf-button.secondary-dark:hover {
  background-color: var(--grey-800);
  color: var(--grey-50);
  border-color: #f8fafc00;
}

.sf-button.dark-hover {
  text-decoration: none;
}

.sf-button.dark-hover:hover {
  background-color: var(--grey-800);
  color: var(--grey-50);
  border-width: 2px;
  border-color: #096ed300;
}

.sf-button.max-width {
  max-width: 280px;
  margin-left: auto;
  margin-right: auto;
}

.sf-button.max-width.is-alternative {
  background-color: var(--white);
  color: var(--blue);
}

.sf-button.max-width.is-alternative:hover {
  border-color: var(--white);
  color: var(--white);
  background-color: #fff0;
}

.sf-button.min-width {
  width: 15.875rem;
}

.sf-button.min-width.is-lalt-hover:hover {
  background-color: var(--lightblue);
}

.sf-button.is-tertiary {
  border-width: 2px;
  border-color: var(--navy-2);
  color: var(--navy-2);
  background-color: #096ed300;
}

.sf-button.is-tertiary:hover {
  color: var(--grey-50);
  background-color: #096ed3;
}

.sf-button.is-tertiary.min-width.is-white {
  border-color: var(--white);
  color: var(--white);
}

.sf-button.is-tertiary.is-alt-hover:hover, .sf-button.is-alt {
  background-color: var(--white);
  color: var(--darkblue);
}

.sf-gh3654 {
  text-align: center;
  flex-direction: column;
  align-items: center;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.sf-button-sm {
  background-color: var(--sofar-blue);
  color: #fff;
  text-align: center;
  border: 2px solid #096ed300;
  border-radius: .8rem;
  flex: none;
  justify-content: center;
  align-items: center;
  min-height: 42px;
  margin-bottom: 0;
  padding: 6px 16px;
  font-family: Figtree, sans-serif;
  font-size: .9rem;
  font-weight: 600;
  line-height: 1.5;
  transition: all .2s cubic-bezier(.77, 0, .175, 1);
  display: flex;
}

.sf-button-sm:hover {
  color: var(--sofar-blue);
  background-color: #07468700;
  border-color: #096ed3;
  font-weight: 600;
}

.sf-button-sm:active {
  background-color: #0a3092;
}

.sf-button-sm.dark {
  background-color: var(--grey-800);
  border-color: #1e293b00;
}

.sf-button-sm.dark:hover {
  color: var(--grey-800);
  background-color: #1e293b00;
  border-color: #1e293b;
}

.sf-button-sm.dark.set-width {
  width: 200px;
  max-width: 200px;
}

.sf-button-sm.white {
  color: var(--grey-900);
  background-color: #fff;
  border-color: #f8fafc00;
}

.sf-button-sm.white:hover {
  border-color: var(--grey-50);
  color: var(--grey-100);
  background-color: #fff0;
}

.sf-button-sm.secondary {
  border-width: 2px;
  border-color: var(--sofar-blue);
  color: var(--sofar-blue);
  background-color: #096ed300;
}

.sf-button-sm.secondary:hover {
  color: var(--grey-50);
  background-color: #096ed3;
}

.sf-button-sm.secondary-white {
  border-width: 2px;
  border-color: var(--grey-50);
  color: var(--grey-50);
  background-color: #f8fafc00;
}

.sf-button-sm.secondary-white:hover {
  background-color: var(--grey-50);
  color: var(--grey-900);
  border-color: #f8fafc00;
}

.sf-button-sm.secondary-white.max-w-240 {
  max-width: 240px;
}

.sf-button-sm.secondary-white {
  color: #fff;
  background-color: #fff0;
  border-width: 2px;
  border-color: #fff;
}

.sf-button-sm.secondary-white:hover {
  color: var(--grey-900);
  background-color: #fff;
}

.sf-button-sm.secondary-dark:hover {
  background-color: var(--grey-900);
  color: var(--grey-100);
  border-color: #f8fafc00;
}

.sf-button-sm.secondary-dark.padding-bottom {
  margin-bottom: 2rem;
}

.sf-button-sm.secondary-blue {
  border-width: 2px;
  border-color: var(--sofar-blue);
  color: var(--sofar-blue);
  background-color: #096ed300;
}

.sf-button-sm.secondary-blue:hover {
  background-color: var(--sofar-blue);
  color: var(--grey-50);
  border-color: #096ed300;
}

.sf-button-sm.secondary-blue:visited {
  background-color: #0080ff;
}

.sf-button-sm.secondary-dark {
  border-width: 2px;
  border-color: var(--grey-800);
  color: var(--grey-800);
  background-color: #1e293b00;
}

.sf-button-sm.secondary-dark:hover {
  background-color: var(--grey-800);
  color: var(--grey-50);
}

.sf-hero-btn-wrap {
  max-width: 220px;
}

.dark {
  background-color: var(--grey-950);
}

.div-block-145 {
  text-align: left;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.sf-xghte2 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex: none;
  justify-content: flex-start;
  width: 100%;
  display: flex;
}

.image-77 {
  border: 10px solid var(--grey-900);
  border-radius: .5rem;
  width: 100%;
  overflow: hidden;
}

.div-block-147 {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 600px;
  min-height: 28rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.sf-btn-wrap-sm {
  max-width: 220px;
}

.sf-footer-container {
  border: 0 solid #000;
  border-top: 1px solid #cecece;
  width: 84%;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 10rem;
  padding-bottom: 10rem;
}

.sf-footer-container.sm-padding {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.sf-footer-container.sm-padding.no-line {
  height: 100%;
}

.sf-footer-container.no-line {
  border-top-color: #cecece00;
}

.sf-button--inline {
  color: #fff;
  text-align: center;
  background-color: #fff0;
  border-bottom: 2px solid #94a3b800;
  border-radius: 0;
  flex: none;
  justify-content: center;
  align-items: center;
  min-height: 50px;
  margin-bottom: 8px;
  padding: 8px 24px;
  font-family: Figtree, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  transition: all .4s cubic-bezier(.77, 0, .175, 1);
  display: flex;
}

.sf-button--inline:hover {
  color: var(--grey-300);
  border-bottom-color: #94a3b8;
}

.sf-button--inline:active {
  background-color: #e2e8f014;
}

.sf-button--inline.sm {
  padding: 6px 16px;
  font-size: 1rem;
}

.sf-button--inline.sm.grey-300 {
  color: var(--grey-300);
}

.sf-button--inline.blog {
  margin-bottom: 0;
  margin-left: 0;
  padding: 0;
  font-weight: 600;
}

.sf-button--inline.blog:hover {
  border-bottom-color: #94a3b800;
  margin-left: -1rem;
  padding-left: 0;
}

.footer-horz-line {
  background-color: var(--grey-600);
  height: 2px;
  margin-bottom: 2rem;
}

.sf-footer-main-wrap {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: wrap;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.sf-footer-date-wrap {
  margin-bottom: 8px;
  padding: 6px 16px;
}

.sf-footer-secondary-wrap {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.sf-footer-logo-wrap {
  justify-content: center;
  padding: 2rem 0;
  display: flex;
}

.sf-footer-lottie-logo {
  width: 100%;
}

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

.sf-footer-lottie-link {
  width: 14rem;
}

.sf-collection-tags {
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  width: 75%;
  margin-left: auto;
  display: flex;
}

.sf-tag {
  background-color: var(--grey-100);
  color: var(--grey-800);
  border-radius: .4rem;
  justify-content: center;
  align-items: center;
  margin-right: .5rem;
  padding: 6px 9px;
  font-family: Figtree, sans-serif;
  display: flex;
}

.sf-tag:hover {
  background-color: var(--grey-300);
}

.sf-tag.on-blog {
  background-color: #f1f5f92e;
}

.sf-nav-contact-wrap {
  margin-left: 25px;
}

.sf-updates-rich-text {
  color: var(--darkblue);
  font-family: Figtree, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 28px;
}

.sf-updates-rich-text h1 {
  color: var(--grey-800);
  width: 100%;
  max-width: 680px;
  margin: 2rem auto 1rem;
  font-family: Figtree, sans-serif;
  font-size: 3.5rem;
  font-weight: 600;
  line-height: 118%;
}

.sf-updates-rich-text h2 {
  color: var(--grey-800);
  width: 100%;
  max-width: 680px;
  margin: 3rem auto 2rem;
  font-family: Figtree, sans-serif;
  font-size: 2.6rem;
  font-weight: 600;
  line-height: 130%;
}

.sf-updates-rich-text a {
  color: var(--blue);
  overflow-wrap: break-word;
  background-color: #fff0;
  border-bottom: 2px solid #0000;
  font-family: Figtree, sans-serif;
  font-weight: 500;
  transition: all .2s cubic-bezier(.785, .135, .15, .86);
}

.sf-updates-rich-text a:hover {
  border-bottom-width: 2px;
  border-bottom-color: var(--blue);
  opacity: 1;
}

.sf-updates-rich-text strong {
  color: var(--grey-800);
  font-weight: 600;
}

.sf-updates-rich-text img {
  text-align: center;
  border-radius: 8px;
  width: auto;
  margin-bottom: 1.5rem;
  margin-left: auto;
  margin-right: auto;
}

.sf-updates-rich-text ul {
  color: var(--grey-800);
  max-width: 680px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 34px;
  font-family: Figtree, sans-serif;
  font-size: 1.1rem;
  line-height: 2rem;
  display: block;
}

.sf-updates-rich-text figure {
  width: 100%;
  max-width: 680px;
  margin: 1rem auto 2rem;
}

.sf-updates-rich-text h4 {
  color: var(--grey-800);
  width: 100%;
  max-width: 680px;
  margin: 2rem auto 1rem;
  font-family: Figtree, sans-serif;
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 135%;
}

.sf-updates-rich-text blockquote {
  border-left-color: var(--sofar-blue);
  color: var(--blue);
  background-color: #e7f2fe;
  width: 100%;
  max-width: 680px;
  margin-bottom: 3rem;
  margin-left: auto;
  margin-right: auto;
  padding: 36px 16px 36px 24px;
  font-size: 1.4rem;
  font-style: italic;
  font-weight: 500;
  line-height: 2rem;
}

.sf-updates-rich-text figcaption {
  color: var(--grey-500);
  width: 100%;
  max-width: 680px;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  font-family: Figtree, sans-serif;
  font-size: 1rem;
  font-style: italic;
  font-weight: 500;
  line-height: 140%;
}

.sf-updates-rich-text h3 {
  color: var(--grey-800);
  width: 100%;
  max-width: 680px;
  margin: 3rem auto 1rem;
  font-size: 2.2rem;
  font-weight: 600;
  line-height: 135%;
}

.sf-updates-rich-text li {
  color: var(--grey-800);
  margin-bottom: .5rem;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 2rem;
}

.sf-updates-rich-text p {
  color: var(--grey-700);
  width: 100%;
  max-width: 680px;
  margin-bottom: 2rem;
  margin-left: auto;
  margin-right: auto;
  font-family: Figtree, sans-serif;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 164%;
}

.sf-updates-rich-text h5 {
  width: 100%;
  max-width: 680px;
  margin-left: auto;
  margin-right: auto;
  font-size: 20px;
  line-height: 120%;
}

.sf-updates-rich-text h6 {
  color: var(--grey-700);
  max-width: 680px;
  margin-bottom: 24px;
  margin-left: auto;
  margin-right: auto;
  font-weight: 500;
}

.collection-item-5 {
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  display: flex;
}

.sf-updates-category {
  border: 1px solid var(--grey-400);
  text-align: center;
  background-color: #0a2d5000;
  border-radius: 60px;
  justify-content: center;
  align-items: center;
  min-width: 150px;
  margin-left: 1rem;
  margin-right: 1rem;
  padding: 8px 16px;
  transition: all .3s cubic-bezier(.645, .045, .355, 1);
  display: flex;
}

.sf-updates-category:hover {
  background-color: var(--grey-100);
  color: var(--bluepale);
}

.sf-updates-category.w--current {
  border-bottom-width: 2px;
}

.sf-cms-category-list {
  grid-row-gap: 18px;
  flex-flow: row;
  justify-content: flex-end;
  align-items: baseline;
  width: 100%;
  display: flex;
}

.sf-cms-category-wrapper, .sf-cms-category-item {
  flex: 1;
}

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

.sf-updates-main-grid {
  grid-column-gap: 2rem;
  grid-row-gap: 5rem;
  grid-template-rows: repeat(auto-fit, minmax(216px, 1fr));
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: stretch;
  display: grid;
}

.sf-updates-main-item {
  align-items: stretch;
  display: flex;
}

.sf-cms-category-text {
  color: var(--grey-800);
  letter-spacing: 0;
  text-transform: uppercase;
  font-family: Figtree, sans-serif;
  font-size: .8rem;
  font-weight: 500;
  line-height: 130%;
}

.sf-cms-category-text.grey-50 {
  color: var(--grey-50);
}

.sf-cms-category-text.grey-500 {
  color: var(--grey-500);
}

.sf-update-card-btm-wrap {
  background-color: #fff;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  display: flex;
}

.pagination {
  margin-top: 2rem;
  margin-left: auto;
  margin-right: auto;
}

.sf-updates-featured-grid {
  grid-column-gap: 2rem;
  grid-row-gap: 5rem;
  grid-template-rows: repeat(auto-fit, minmax(216px, 1fr));
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: stretch;
  display: grid;
}

.sf-updates-featured-item {
  align-items: stretch;
}

.sf-update-card-feat {
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  width: 100%;
  height: 100%;
  transition: all .3s cubic-bezier(.645, .045, .355, 1);
  display: flex;
  position: relative;
  box-shadow: 0 9px 20px 4px #00000005;
}

.sf-update-card-feat:hover {
  box-shadow: 0 9px 20px 4px #00000017;
}

.sf-update-card-link-feat {
  z-index: 3;
  width: 100%;
  height: 100%;
  transition: all .45s cubic-bezier(.77, 0, .175, 1);
  display: block;
  position: absolute;
  inset: 0%;
  box-shadow: 0 2px 17px #0000000d;
}

.sf-update-card-link-feat:hover {
  box-shadow: 0 4px 17px #0000001c;
}

.sf-update-card-img-wrap-feat {
  object-fit: cover;
  border-top-left-radius: 1rem;
  border-top-right-radius: 0;
  border-bottom-left-radius: 1rem;
  flex: 1;
  width: 100%;
  position: relative;
  overflow: hidden;
}

.sf-update-card-img-src-feat {
  object-fit: cover;
  object-position: 50% 50%;
  border-radius: 0;
  width: 100%;
  height: 100%;
  position: relative;
  inset: 0%;
}

.sf-update-card-btm-wrap-feat {
  background-color: #fff;
  border-top-right-radius: 1rem;
  border-bottom-right-radius: 1rem;
  border-bottom-left-radius: 0;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  display: flex;
}

.sf-update-card-meta-feat {
  flex: none;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 24px;
  display: flex;
}

.sf-update-card-title-wrap-feat {
  flex-direction: column;
  flex: 0 auto;
  justify-content: flex-start;
  width: 100%;
  padding: 0 24px 24px;
  display: flex;
}

.sf-update-card-title-container-feat {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sf-updates-title {
  margin-bottom: 2rem;
}

.sf-update-card-category {
  z-index: 5;
  flex: 1;
  align-items: center;
  height: .8rem;
  transition: all .3s cubic-bezier(.645, .045, .355, 1);
  display: flex;
  position: relative;
  overflow: hidden;
}

.sf-update-card-category-dot {
  border-radius: 100px;
  width: 10px;
  height: 10px;
  margin-right: 6px;
}

.sf-update-card-category-dot.cs {
  background-color: var(--cat-cs);
}

.sf-update-card-category-dot.pu {
  background-color: var(--blue);
}

.sf-sghe34 {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

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

.sf-updates-pagination {
  margin-top: 1rem;
}

.div-block-167 {
  width: 200px;
  height: 4px;
  margin-top: 2rem;
}

.sf-blog-hero-img {
  z-index: 2;
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  inset: 0% auto;
}

.div-block-168 {
  z-index: 1;
  background-color: var(--grey-300);
  width: 100%;
  height: 100%;
  position: absolute;
}

.sf-updates-category-display {
  color: var(--grey-800);
  letter-spacing: -.02em;
  width: 100%;
  font-family: Figtree, sans-serif;
  font-size: 3rem;
  font-weight: 600;
  line-height: 120%;
  position: absolute;
  inset: 0%;
}

.sf-updates-category-mask {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 6rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.sf-updates-category-lottie-wrap {
  width: 5rem;
}

.sf-lu-btn-wrp {
  text-align: center;
  justify-content: center;
  margin-top: 1rem;
  margin-bottom: 2rem;
  display: flex;
}

.skrim {
  z-index: 2;
  background-color: #11142157;
  width: 100%;
  height: 100%;
  position: absolute;
}

.sf-form-title-wrap {
  text-align: center;
}

.sf-support-frost-wrap {
  margin-bottom: 1rem;
}

.div-block-170 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 2rem;
  display: flex;
}

.sf-footer-social-wrap {
  grid-column-gap: .75rem;
  grid-row-gap: 0rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.sf-footer-social-logo {
  font-family: "Fa brands 400", sans-serif;
  font-size: 1.6rem;
}

.sf-footer-social {
  color: var(--grey-300);
  padding: 4px;
}

.sf-footer-social:hover {
  color: var(--grey-50);
}

.sf-wrapper-old {
  display: none;
}

.html-embed-14 {
  width: 100%;
  height: 100%;
}

.sf-contact-wrap-01 {
  height: auto;
  position: sticky;
  top: 10rem;
}

.sf-contact-title {
  margin-bottom: 54px;
}

.sf-contact-detail {
  flex-direction: column;
  justify-content: flex-start;
  margin-bottom: 1rem;
  display: flex;
}

.div-block-174 {
  color: var(--grey-50);
  text-align: center;
}

.sf-nav-lottie {
  width: 100%;
  margin-bottom: -9px;
  padding-bottom: 0;
  transition: all .2s cubic-bezier(.77, 0, .175, 1);
  transform: translate(0);
}

.sf-nav-action {
  height: 88px;
}

.sf-button-sm-nav {
  background-color: var(--sofar-blue);
  color: #fff;
  text-align: center;
  border: 2px solid #096ed300;
  border-radius: .8rem;
  flex: none;
  justify-content: center;
  align-items: center;
  min-height: 42px;
  margin-bottom: 0;
  padding: 6px 16px;
  font-family: Figtree, sans-serif;
  font-size: .98rem;
  font-weight: 600;
  line-height: 1.5;
  transition: all .2s cubic-bezier(.77, 0, .175, 1);
  display: flex;
}

.sf-button-sm-nav:hover {
  color: var(--sofar-blue);
  background-color: #07468700;
  border-color: #096ed3;
  font-weight: 600;
}

.sf-button-sm-nav:hover:where(.w-variant-26f2923c-d258-e4a9-cbc0-ecfbfd8a2331) {
  color: var(--white);
}

.sf-button-sm-nav:active {
  background-color: #096ed32b;
}

.sf-button-sm-nav.secondary-white {
  border-width: 2px;
  border-color: var(--grey-50);
  color: var(--grey-50);
  background-color: #f8fafc00;
}

.sf-button-sm-nav.secondary-white:hover {
  background-color: var(--grey-50);
  color: var(--grey-900);
  border-color: #f8fafc00;
}

.sf-button-sm-nav.secondary-white {
  color: #fff;
  background-color: #fff0;
  border-width: 2px;
  border-color: #fff;
}

.sf-button-sm-nav.secondary-white:hover {
  color: var(--grey-900);
  background-color: #fff;
}

.sf-body.grey-999 {
  background-color: var(--grey-999);
}

.hidden {
  display: none;
}

.sf-79id59 {
  text-align: center;
  flex: none;
  height: 3.5rem;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
}

.sf-sgtsae {
  flex: none;
  position: relative;
  top: -21px;
}

.sf-si9siy-bottom-details {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-top: 1rem;
  display: flex;
}

.sf-blog-category-wrap {
  position: relative;
}

.div-block-176 {
  opacity: .7;
  filter: brightness(200%) blur(11px);
  background-color: #fff;
  width: 100%;
  padding-bottom: 0;
  display: none;
  position: absolute;
  inset: 0%;
}

.sf-si9siy-top-card {
  grid-column-gap: 1rem;
  justify-content: center;
  align-items: center;
  margin-bottom: 1rem;
  display: flex;
}

.empty-state-3 {
  display: none;
}

.collection-list-8 {
  display: flex;
}

.sf-update-card-category-text-mask {
  width: auto;
  transition: all .2s cubic-bezier(.77, 0, .175, 1);
  position: relative;
  top: .53rem;
}

.sf-update-card-category-text-mask:hover {
  top: -.5rem;
}

.sf-nav-text {
  letter-spacing: 0;
  font-family: Figtree, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 130%;
  display: flex;
}

.sf-nav-text:where(.w-variant-26f2923c-d258-e4a9-cbc0-ecfbfd8a2331) {
  color: var(--white);
}

.sf-nav-text:where(.w-variant-93d4d7c7-098b-8673-755d-028f015e56ba) {
  color: var(--grey-600);
  cursor: pointer;
  text-decoration: none;
}

.sf-nav-text.w--current:where(.w-variant-93d4d7c7-098b-8673-755d-028f015e56ba) {
  text-decoration: none;
}

.sf-blog-author-wrap {
  border-radius: 200px;
  width: 30px;
  margin-right: .5rem;
  overflow: hidden;
}

.sf-hq23hy-main {
  z-index: 280;
  border-top: 1px solid var(--grey-200);
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  width: 100%;
  height: 48px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: fixed;
  top: 88px;
}

.sf-hq23hy-trigger {
  z-index: 7;
  background-color: #85858500;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  width: auto;
  height: 100%;
  padding-left: 12px;
  padding-right: 0;
  display: flex;
  position: relative;
}

.sf-hq23hy-trigger:hover {
  color: var(--sofar-blue);
}

.sf-hq23hy-content {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #fff;
  flex-direction: column;
  flex: none;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: none;
  position: relative;
  top: 0;
  overflow: hidden;
}

.sf-hq23hy-cms-wrap {
  flex: 1;
}

.sf-hq23hy-cms-list {
  grid-column-gap: 16px;
  grid-row-gap: 18px;
  flex-flow: column;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-end;
  align-items: flex-end;
  width: 100%;
  display: grid;
}

.sf-hq23hy-cms-item {
  flex: 1;
  justify-content: center;
  align-items: center;
  display: flex;
}

.sf-updates-nav-wrap {
  flex: none;
  justify-content: space-between;
  align-items: center;
  width: 90%;
  max-width: 1440px;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.sf-hq23hy-grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: .5fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.sf-hq23hy-grid.padding-bottom {
  margin-bottom: 2rem;
}

.sf-hq23hy-title-wrap {
  align-items: center;
  transition: all .2s cubic-bezier(.77, 0, .175, 1);
  display: flex;
}

.sf-hq23hy-horz-line {
  background-color: var(--grey-200);
  width: 100%;
  height: 1px;
  position: absolute;
  inset: auto 0% 0%;
}

.sf-hq23hy-logo-wrap {
  width: 40px;
  height: 40px;
  padding: 7px;
  transition: all .4s cubic-bezier(.68, -.55, .265, 1.55);
  display: none;
}

.sf-scroll-action {
  width: 100%;
  height: 88px;
  position: relative;
}

.sf-gimgqp {
  z-index: 400;
  background-color: #f8fafc00;
  width: 100%;
  height: 6px;
  position: fixed;
  top: 88px;
}

.sf-gimgqp-bar {
  background-color: var(--grey-950);
  -webkit-backdrop-filter: invert();
  backdrop-filter: invert();
  border-top-right-radius: 200px;
  border-bottom-right-radius: 200px;
  width: 0%;
  height: 100%;
}

.sf-category-btn-main {
  color: var(--grey-50);
  text-align: center;
  background-color: #0a2d5017;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 33px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.div-block-182 {
  opacity: 1;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.sf-footer-wrap.grey-999 {
  background-color: var(--grey-999);
}

.sf-update-card-pub-logo {
  z-index: 4;
  object-fit: contain;
  justify-content: center;
  align-items: center;
  width: 9rem;
  height: 4rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.sf-updated-card-pub-skrim {
  z-index: 2;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color: #0000006b;
  border-top-left-radius: .5rem;
  border-top-right-radius: .5rem;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.div-block-183 {
  flex: none;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0%;
}

.sf-blog-pub-logo-wrap {
  object-fit: contain;
  justify-content: flex-start;
  align-items: center;
  width: 8rem;
  height: 9rem;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.sf-blog-pub-logo-src {
  object-fit: contain;
  width: 100%;
  height: 100%;
  display: block;
}

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

.sf-si9siy-img {
  object-fit: cover;
  flex: none;
  width: 100%;
  max-width: 200%;
  height: 100%;
  display: block;
  position: relative;
}

.sf-si9siy-skrim {
  z-index: 2;
  background-color: #00000063;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.featured-header {
  z-index: 4;
  text-align: center;
  width: 90%;
  max-width: 860px;
  margin-left: auto;
  margin-right: auto;
}

.sf-si9siy-wrapper {
  height: 100vh;
  position: relative;
  top: -88px;
}

.sf-si9siy-img-wrap {
  background-color: var(--grey-900);
  filter: blur();
  justify-content: center;
  align-items: center;
  width: 110%;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0% auto;
}

.sf-si9siy-dscrp {
  margin-bottom: 2rem;
}

.sf-updates-bottom-card {
  flex-direction: column;
  align-items: center;
  margin-top: 1rem;
  display: flex;
}

.sf-update-blog-author {
  color: #fff;
  font-family: Figtree, sans-serif;
  font-size: 1rem;
  font-weight: 400;
}

.title-xsm {
  color: var(--grey-800);
  letter-spacing: 0;
  font-family: Figtree, sans-serif;
  font-size: .875rem;
  font-weight: 600;
  line-height: 130%;
}

.title-xxl {
  color: var(--grey-800);
  letter-spacing: 0;
  font-family: Figtree, sans-serif;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 130%;
}

.sf-d2diye {
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
  max-width: 680px;
  margin-bottom: 2rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.sf-vezbcu {
  background-color: var(--grey-300);
  border-radius: 200px;
  flex: none;
  width: 120px;
  max-width: 100%;
  height: 120px;
  margin-bottom: 1rem;
  overflow: hidden;
}

.sf-aujj8t {
  text-align: right;
  flex-direction: column;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  padding: .9rem;
  display: flex;
}

.sf-vezbcu-img-src {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.sf-updates-secondary-wrap {
  height: 100%;
}

.sf-updates-secondary-grid {
  grid-column-gap: 2rem;
  grid-row-gap: 5rem;
  grid-template-rows: repeat(auto-fit, minmax(216px, 1fr));
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: stretch;
  height: 100%;
  display: grid;
}

.sf-updates-secondary-item {
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  height: 100%;
  display: flex;
}

.sf-updates-grid-secondary {
  grid-column-gap: 2rem;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  height: auto;
  margin-bottom: 1rem;
  display: grid;
}

.sf-updates-tertiary-wrap {
  height: 100%;
}

.sf-updates-tertiary-grid {
  grid-column-gap: 2rem;
  grid-row-gap: 5rem;
  grid-template-rows: repeat(auto-fit, minmax(216px, 1fr));
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: stretch;
  display: grid;
}

.sf-updates-tertiary-item {
  align-items: stretch;
}

.div-block-186 {
  z-index: 1;
  background-color: #00000036;
  border-radius: 130px;
  width: 0%;
  height: 0%;
  margin: auto;
  position: absolute;
  inset: 0%;
}

.sf-updates-news-grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.empty-state-4 {
  background-color: var(--grey-200);
  justify-content: center;
  align-items: center;
  display: flex;
}

.sf-updates-related-grid {
  grid-column-gap: 2rem;
  grid-row-gap: 5rem;
  grid-template-rows: repeat(auto-fit, minmax(216px, 1fr));
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: stretch;
  display: grid;
}

.sf-hq23hy-search-wrap {
  flex: none;
  justify-content: flex-end;
  align-items: center;
  width: 0%;
  max-width: 320px;
  height: 100%;
  margin-right: 0;
  transition: all .3s cubic-bezier(.455, .03, .515, .955);
  display: flex;
  overflow: hidden;
}

.sf-hq23hy-search {
  align-items: center;
  width: 100%;
  height: 100%;
  margin-bottom: 0;
  display: flex;
  position: relative;
}

.sf-hq23hy-search-input {
  border-top: 1px solid #fff;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
  width: 100%;
  margin-bottom: 0;
  padding-left: 0;
  font-family: Figtree, sans-serif;
}

.sf-hq23hy-search-btn {
  color: red;
  background-color: #fff0;
  width: 0;
  font-family: "Fa Solid 900", sans-serif;
  display: none;
}

.sf-hq23hy-customcode {
  width: 100%;
  height: 0;
  display: none;
}

.sf-hq23hy-trigger-text {
  letter-spacing: 0;
  font-family: Figtree, sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 130%;
}

.sf-hq23hy-inner-nav {
  flex: 1;
  justify-content: flex-end;
  height: 100%;
  display: flex;
}

.sf-hq23hy-search-icon {
  width: auto;
  height: auto;
  margin-left: 8px;
  font-family: "Fa Solid 900", sans-serif;
  font-size: 13px;
}

.sf-hq23hy-search-icon.bar {
  text-align: center;
}

.sf-hq23hy-trigger-icon {
  margin-left: 8px;
  font-family: "Fa Solid 900", sans-serif;
  font-size: 14px;
}

.sf-hq23hy-search-close {
  z-index: 3;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 100%;
  padding-right: 5px;
  display: flex;
  position: absolute;
  right: -5px;
}

.sf-hq23hy-search-close:hover {
  color: var(--blue);
}

.sf-updated-full-skrim {
  z-index: -1;
  opacity: 0;
  -webkit-backdrop-filter: saturate(0%) blur(20px);
  backdrop-filter: saturate(0%) blur(20px);
  background-color: #0000004f;
  width: 100vw;
  height: 100vh;
  display: none;
  position: absolute;
  top: 47px;
}

.sf-spot-hzxn2i {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.sf-spot-hzxn2i.padding-bottom {
  margin-bottom: 50px;
}

.sf-gh6352 {
  width: 100%;
  max-width: 610px;
  padding-bottom: 2rem;
}

.section-5 {
  z-index: 5;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  align-items: flex-end;
  height: 80px;
  display: flex;
  position: sticky;
  top: 88px;
}

.div-block-190 {
  background-color: #fff;
  border-radius: 200px;
  justify-content: space-around;
  width: 90%;
  height: 48px;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  padding-left: 66px;
  padding-right: 66px;
  display: flex;
  position: sticky;
  top: 580px;
  box-shadow: 3px 0 14px 3px #1e293b1c;
}

.div-block-191 {
  grid-column-gap: 1rem;
  display: flex;
}

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

.sf-spotter-grid.padding-bottom {
  margin-bottom: 25px;
}

.sf-spotter-grid.padding-bottom.primary {
  margin-bottom: 40px;
}

.sf-spotter-feature-wrap {
  border-radius: 8px;
}

.sf-spotter-feature-ico {
  width: 60px;
  height: auto;
  margin-bottom: .5rem;
}

.sf-button-text-inside {
  justify-content: center;
  align-items: center;
  min-height: 42px;
  font-family: Figtree, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  display: flex;
  position: relative;
}

.text-span-6 {
  padding-left: 6px;
  font-family: "Fa Solid 900", sans-serif;
}

.sf-button-text-only.dark-style {
  color: var(--grey-800);
}

.sf-button-text-only.dark-style:hover {
  color: var(--blue);
}

.div-block-xxxx {
  max-width: 720px;
}

.sf-spotter-secondary-nav-btn {
  color: var(--grey-700);
  background-color: #fff0;
  justify-content: center;
  align-items: center;
  font-family: Figtree, sans-serif;
  font-weight: 500;
  transition: all .3s;
  display: flex;
}

.sf-spotter-secondary-nav-btn:hover {
  color: var(--grey-900);
}

.sf-spotter-secondary-nav-btn.w--current {
  color: var(--blue);
}

.sf-spot-s2ewxj {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  margin-bottom: 2rem;
  display: grid;
}

.sf-spotter-api-story-wrap {
  border-radius: 8px;
  width: 100%;
  padding: 16px;
}

.sf-spotter-anchor {
  width: 100%;
  height: 1px;
  position: absolute;
  top: -285px;
}

.section-6 {
  position: relative;
}

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

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

.counter {
  width: auto;
  font-family: Figtree, sans-serif;
  font-size: 70px;
  font-weight: 600;
}

.sf-89374234 {
  color: var(--grey-600);
  align-self: flex-end;
  align-items: center;
  height: 100%;
  margin-left: 8px;
  padding-left: 0;
  font-family: Figtree, sans-serif;
  font-size: 40px;
  font-weight: 600;
  display: flex;
}

.div-block-195 {
  align-items: center;
  height: 80px;
  display: flex;
}

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

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

.sf-asghew3 {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  margin-bottom: 1rem;
  display: flex;
}

.div-block-198 {
  height: 900px;
  position: relative;
}

.html-embed-18 {
  width: 100%;
  position: sticky;
  inset: 43% auto auto 0%;
}

.div-block-199 {
  flex-direction: column;
  justify-content: space-between;
  display: flex;
}

.sf-ghst32 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: flex-start;
  margin-left: 0;
  margin-right: auto;
  display: flex;
}

.sf-cjd342 {
  width: 40rem;
}

.sf-cjd342.padding-bottom {
  text-align: left;
  margin-bottom: 48px;
}

.div-block-201 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 40px;
  display: flex;
}

.grid-17 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  place-content: start;
  place-items: start stretch;
  width: 84%;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  display: none;
  position: absolute;
  inset: auto 0% 10%;
}

.sf-section---expandable {
  background-image: url("https://cdn.prod.website-files.com/64d14310c4accecbf82f0e9f/65133d4bad61005fdd31b5ad_globe-2-A.webp");
  background-position: 50% 20%;
  background-size: cover;
  position: relative;
  overflow: hidden;
}

.div-block-207 {
  text-align: center;
  max-width: 110px;
  position: relative;
}

.div-block-208 {
  max-width: 170px;
}

.div-block-211 {
  text-align: center;
  width: 100%;
}

.div-block-212 {
  width: 100%;
  height: 400px;
  position: relative;
}

.image-84 {
  width: 680px;
  display: block;
  position: absolute;
  inset: 9% 0% 0%;
}

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

.div-block-214 {
  width: 100%;
  max-width: 600px;
  margin: 38px auto 29px;
}

.div-block-215 {
  max-width: 180px;
  margin-left: auto;
  margin-right: auto;
}

.sf-gh654s {
  background-image: linear-gradient(#f1f5f9, #f1f5f9);
  position: relative;
  overflow: hidden;
}

.sf-hgy653s {
  max-width: 180px;
  margin-left: 0;
  margin-right: auto;
}

.sf-hgx54w {
  width: 100%;
}

.sf-hgx54w.full-height {
  height: 100%;
}

.div-block-216 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 9.9rem;
  display: grid;
}

.sf-anchor-link {
  width: 3px;
  height: 3px;
  position: absolute;
  top: -88px;
}

.div-block-217 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  margin-bottom: 0;
  display: grid;
  overflow: hidden;
}

.div-block-218 {
  background-color: var(--grey-900);
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  padding: 78px 16% 78px 48px;
  display: flex;
  overflow: hidden;
}

.div-block-219 {
  justify-content: flex-start;
  align-items: center;
  padding: 78px 48px 78px 16%;
  display: flex;
  overflow: hidden;
}

.text-span-7 {
  color: var(--grey-900);
  font-weight: 600;
}

.sf-spot-sensing-wrap {
  flex-wrap: wrap;
  margin-top: 25px;
  margin-bottom: 25px;
  display: flex;
}

.sf-spot-sensing-wrap.padding-bottom {
  margin-bottom: 24px;
}

.sf-48aipu {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  display: flex;
}

.sf-spot-4y5kdc {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.sf-spot-45ohcd {
  background-color: var(--grey-100);
  height: 250px;
  margin-bottom: 24px;
}

.sf-spot-45ohcd.lg {
  background-color: var(--grey-100);
  height: 400px;
}

.sf-spot-jipexp {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.sf-spotter-tracker {
  width: auto;
  display: flex;
}

.sf-spotter-03 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex: none;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: auto;
  padding: 72px 8%;
  display: grid;
}

.sf-spot-hero-wrap {
  border-radius: 8px;
  overflow: hidden;
}

.image-85 {
  object-fit: contain;
  object-position: 50% 100%;
  width: 100%;
  height: 100%;
}

.div-block-233 {
  background-color: var(--grey-950);
  width: 100%;
  height: 100%;
  position: absolute;
}

.sf-sense-ico {
  width: 38px;
  margin-right: 6px;
}

.sf-spotter-sense {
  flex-direction: row;
  align-items: center;
  margin-bottom: 20px;
  margin-right: 20px;
}

.sf-spotter-img-right {
  object-fit: cover;
  object-position: 33% 100%;
  width: 100%;
  height: 100%;
}

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

.sf-jjsadweq {
  z-index: 20;
  flex-wrap: wrap;
  margin-top: 25px;
  margin-bottom: 25px;
  display: flex;
  position: absolute;
  inset: 3% auto auto 3%;
}

.sf-spotter-dash-02, .sf-spotter-dash-01 {
  object-fit: contain;
  object-position: 100% 100%;
  width: 100%;
  height: 100%;
}

.sf-spot-hal4i2 {
  justify-content: center;
  align-items: center;
  padding-top: 24px;
  padding-bottom: 24px;
  display: flex;
}

.sf-spotter-content-img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.sf-spotter-button-wrap {
  flex-wrap: wrap;
  margin-top: 25px;
  margin-bottom: 25px;
  display: flex;
}

.sf-spot-track-01 {
  width: auto;
  display: flex;
}

.sf-spotter-01 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex: none;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: auto;
  padding: 72px 8%;
  display: grid;
}

.sf-spot-01-b {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex: none;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 500px;
  padding-left: 8%;
  padding-right: 8%;
  display: grid;
}

.sf-spot-01-b.b {
  background-color: var(--grey-100);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  height: auto;
  padding-top: 72px;
  padding-bottom: 72px;
  position: relative;
}

.text-span-9 {
  margin-right: 6px;
  font-family: "Fa Solid 900", sans-serif;
}

.sf-spotter-02 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex: none;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: auto;
  padding: 72px 8%;
  display: grid;
}

.sf-spot-track-02 {
  width: auto;
  display: flex;
}

.sf-spot-02-b {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex: none;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 500px;
  padding-left: 8%;
  padding-right: 8%;
  display: grid;
}

.sf-spot-02-b.b {
  background-color: var(--grey-100);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  height: auto;
  padding-top: 93px;
  padding-bottom: 72px;
  position: relative;
}

.sf-spotter-api-feature-wrap {
  border-radius: 8px;
  padding: 16px;
}

.text-span-10 {
  font-weight: 600;
}

.div-block-240 {
  text-align: center;
}

.sf-spot-4mazzb {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.sf-spot-w7lson {
  text-align: center;
  margin-bottom: 50px;
}

.sf-spotter-api-dash-shot {
  margin-bottom: 51px;
  box-shadow: 0 0 #0000, 0 0 #00000005, 0 1px .1px #00000006, 0 1px .2px #00000007, 0 2px .5px #00000007, 0 3px 1.1px #00000007, 0 5px 2.2px #00000008, 0 8px 4px #00000008, 0 14px 7.1px #00000008, 0 23px 12.5px #00000008, 0 40px 22.3px #00000009, 0 76px 43.9px #00000009;
}

.image-87 {
  width: 38px;
}

.sf-ap-ico-wrap {
  margin-bottom: 16px;
}

.sf-spotter-03-b {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex: none;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: auto;
  padding: 72px 8%;
  display: grid;
}

.sf-spotter-03-b.b {
  background-color: var(--grey-100);
  grid-template-columns: 1fr 1fr 1fr;
  padding-top: 100px;
  padding-bottom: 72px;
  position: relative;
}

.div-block-242 {
  height: 100%;
}

.sf-spotter-modal-03 {
  z-index: 300;
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  background-color: #00000061;
  width: 100vw;
  height: 100vh;
  padding-top: 24px;
  padding-bottom: 24px;
  display: none;
  position: fixed;
  inset: 0%;
  overflow: auto;
}

.sf-spot-modal-bg {
  width: 100%;
  height: 100%;
  position: fixed;
  inset: 0%;
}

.sf-modal {
  background-color: #fff;
  border-radius: 20px;
  width: 100%;
  max-width: 900px;
  margin: auto;
  padding-top: 12px;
  position: relative;
}

.sf-modal-content {
  max-width: 960px;
  padding: 16px 48px 32px;
}

.sf-modal-close {
  z-index: 400;
  background-color: #a2adb6;
  border-radius: 300px;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  margin-top: 2rem;
  margin-left: auto;
  margin-right: 2rem;
  transition: all .2s;
  display: flex;
  position: sticky;
  top: 0;
}

.sf-modal-close:hover {
  background-color: var(--grey-500);
}

.image-90 {
  transform: rotate(45deg);
}

.sf-spotter-modal-02 {
  z-index: 300;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  background-color: #00000061;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100vw;
  height: 100vh;
  padding-top: 24px;
  padding-bottom: 24px;
  display: none;
  position: fixed;
  inset: 0%;
  overflow: auto;
}

.sf-modal-rich-text {
  color: var(--darkblue);
  margin-top: -4rem;
  font-family: Figtree, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 28px;
}

.sf-modal-rich-text h1 {
  color: var(--grey-800);
  width: 100%;
  max-width: 680px;
  margin: 2rem auto 1rem;
  font-family: Figtree, sans-serif;
  font-size: 3.5rem;
  font-weight: 600;
  line-height: 118%;
}

.sf-modal-rich-text h2 {
  color: var(--grey-800);
  width: 100%;
  margin: 3rem auto 2rem;
  font-family: Figtree, sans-serif;
  font-size: 2.6rem;
  font-weight: 600;
  line-height: 130%;
}

.sf-modal-rich-text a {
  color: var(--blue);
  overflow-wrap: break-word;
  background-color: #fff0;
  border-bottom: 2px solid #0000;
  font-family: Figtree, sans-serif;
  font-weight: 500;
  transition: all .2s cubic-bezier(.785, .135, .15, .86);
}

.sf-modal-rich-text a:hover {
  border-bottom-width: 2px;
  border-bottom-color: var(--blue);
  opacity: 1;
}

.sf-modal-rich-text strong {
  font-family: Gilroy, sans-serif;
  font-weight: 700;
}

.sf-modal-rich-text img {
  text-align: center;
  border-radius: 8px;
  width: auto;
  margin-bottom: 1.5rem;
  margin-left: auto;
  margin-right: auto;
}

.sf-modal-rich-text ul {
  color: var(--grey-800);
  max-width: 680px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 34px;
  font-family: Figtree, sans-serif;
  font-size: 1.1rem;
  line-height: 2rem;
  display: block;
}

.sf-modal-rich-text figure {
  width: 100%;
  margin: 1rem auto 2rem;
}

.sf-modal-rich-text h4 {
  color: var(--grey-800);
  width: 100%;
  margin: 2rem auto 1rem;
  font-family: Figtree, sans-serif;
  font-size: 1.75rem;
  font-weight: 600;
  line-height: 135%;
}

.sf-modal-rich-text blockquote {
  border-left-color: var(--sofar-accent-01);
  color: var(--grey-700);
  width: 100%;
  max-width: 680px;
  margin-bottom: 3rem;
  margin-left: auto;
  margin-right: auto;
  font-size: 1.2rem;
  font-style: italic;
  font-weight: 500;
  line-height: 2rem;
}

.sf-modal-rich-text figcaption {
  color: var(--grey-500);
  width: 100%;
  max-width: 680px;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  font-family: Figtree, sans-serif;
  font-size: 1rem;
  font-style: italic;
  font-weight: 400;
  line-height: 140%;
}

.sf-modal-rich-text h3 {
  color: var(--grey-800);
  width: 100%;
  max-width: 680px;
  margin: 3rem auto 1rem;
  font-size: 2.2rem;
  font-weight: 600;
  line-height: 135%;
}

.sf-modal-rich-text li {
  color: var(--grey-800);
  margin-bottom: .5rem;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 2rem;
}

.sf-modal-rich-text p {
  color: var(--grey-800);
  width: 100%;
  margin-bottom: 2rem;
  margin-left: auto;
  margin-right: auto;
  font-family: Figtree, sans-serif;
  font-size: 1.2rem;
  line-height: 164%;
}

.sf-modal-rich-text h5 {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.sf-spotter-modal-01 {
  z-index: 300;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  background-color: #00000061;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100vw;
  height: 100vh;
  padding-top: 24px;
  padding-bottom: 24px;
  display: none;
  position: fixed;
  inset: 0%;
  overflow: auto;
}

.div-block-248 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 50px;
  display: grid;
}

.sf-modal-grid-updates {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.sf-update-card-meta-modal {
  flex: none;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-top: 16px;
  padding-bottom: 16px;
  display: flex;
}

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

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

.div-block-254 {
  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;
}

.sf-spotter-modal-1-senses {
  margin-bottom: 50px;
}

.sf-grid-ahsge23 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 24px;
  display: grid;
}

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

.sf-ico-sghewx {
  width: 33px;
  margin-bottom: 12px;
}

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

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

.sf-spot-moor-ahs342 {
  margin-bottom: 12px;
  display: block;
}

.lottie-animation-3 {
  width: 100%;
  height: 170px;
}

.lottie-animation-4 {
  height: 170px;
}

.sf-bm-ghsf32 {
  background-color: var(--grey-100);
  margin-bottom: 12px;
}

.sf-way-002-a {
  text-align: center;
  flex-direction: column;
  align-items: center;
  max-width: 770px;
  margin-bottom: 40px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.sf-way-title {
  text-align: center;
  margin-bottom: 24px;
}

.tab-pane-config-2 {
  width: 100%;
}

.div-block-262 {
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.sf-sm-element-c-003 {
  align-items: center;
  display: flex;
  position: absolute;
  top: 92%;
  left: 59%;
}

.sf-sm-element-c-002 {
  align-items: center;
  display: flex;
  position: absolute;
  top: 58%;
  left: 43%;
}

.sf-sm-element-c-001 {
  align-items: center;
  display: flex;
  position: absolute;
  top: 29%;
  left: 67%;
}

.sf-spot-aamwdy {
  text-align: center;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.sf-zlqbr {
  z-index: 7;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 200px;
  padding-bottom: 200px;
  display: flex;
  position: absolute;
}

.sf-way-001-grid-aa {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 72px;
  display: grid;
}

.sf-way-001-grid-aa.ab {
  grid-template-columns: 1fr 1fr;
  margin-bottom: 120px;
}

.sf-way-003-a {
  text-align: center;
  flex-direction: column;
  align-items: center;
  max-width: 770px;
  margin-bottom: 24px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.sf-way-003-a.dc {
  max-width: 810px;
}

.sf-way-001-a {
  text-align: center;
  flex-direction: column;
  align-items: center;
  margin-bottom: 80px;
  display: flex;
}

.sf-modal-sensor-grid {
  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;
}

.sf-modal-sensor {
  margin-bottom: 96px;
}

.tab-pane-config-3 {
  width: 100%;
  height: 100%;
}

.sf-sgh324 {
  color: #8a909f;
  background-color: #fff0;
  border-bottom: 4px solid #fff0;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  font-family: Gilroy, sans-serif;
  display: flex;
  overflow: visible;
}

.sf-sgh324:hover {
  border-bottom-color: #00000029;
}

.sf-sgh324.w--current {
  color: #040e33;
  background-color: #fff0;
  border-bottom-color: #040e33;
  align-items: center;
  font-weight: 700;
  overflow: visible;
}

.sf-video-embed {
  background-image: linear-gradient(#000, #000);
  width: 100%;
  height: 100%;
}

.sf-video-hero {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 75vh;
  margin-top: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.sf--image-loader {
  z-index: 0;
  background-color: var(--grey-900);
  background-image: url("https://cdn.prod.website-files.com/64d14310c4accecbf82f0e9f/654564fc07c63e23bfa976a7_spotter-hero.webp");
  background-position: 0%;
  background-size: cover;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  inset: 0%;
}

.sf--image-loader.sf-786342 {
  background-image: url("https://cdn.prod.website-files.com/64d14310c4accecbf82f0e9f/6557ced3e6c333eecbcd1033_get%20in%20touch%20hero-img.webp");
}

.sf-ahsjew2 {
  width: 100%;
  max-width: 450px;
  padding-bottom: 2rem;
}

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

.sf-section-anchor {
  width: 1px;
  height: 1px;
  position: absolute;
  top: -265px;
}

.hubspot_top-wrapper {
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.inputs-list {
  padding-left: 0;
  list-style-type: none;
}

.section_header-description {
  max-width: 51rem;
  margin-left: auto;
  margin-right: auto;
}

.hs-form-booleancheckbox {
  align-items: center;
  margin-top: .75rem;
  margin-bottom: .75rem;
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 130%;
  display: flex;
}

.section_hubspot-form {
  padding: 1rem 3rem;
}

.hs-form-radio {
  color: #000;
}

.hubspot_divider {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.custom-checkbox_input {
  width: 1rem;
  height: 1rem;
  margin-right: .5rem;
}

.custom-checkbox_input.w--redirected-checked {
  background-color: #80b900;
}

.custom-checkbox_input.w--redirected-focus {
  border-color: #000;
  box-shadow: 0 0 3px 1px #bdfd2e;
}

.hs-form-radio-display {
  align-items: center;
  margin-top: .5rem;
  margin-bottom: .5rem;
  padding-left: 0;
  display: flex;
}

.hubspot_field-type {
  color: #fff;
  text-transform: uppercase;
  margin: .5rem auto .5rem .5rem;
  font-size: 1rem;
  font-weight: 700;
}

.container-5 {
  width: 100%;
  max-width: 50rem;
  margin-left: auto;
  margin-right: auto;
}

.hs-error-msg {
  margin-bottom: 0;
  font-weight: 700;
  display: block;
}

.hs-error-msgs {
  color: #ef6051;
  background-color: #fff;
  border-radius: .25rem;
  margin-top: .25rem;
  margin-bottom: 0;
  padding: .15rem 1rem;
  font-size: .75rem;
  position: absolute;
  inset: auto 0% -.5rem auto;
  box-shadow: 0 2px 5px #00000026;
}

.hs-error-msgs.inputs-list {
  text-transform: uppercase;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-left: 1.5rem;
  list-style-type: disc;
  display: flex;
}

.form-columns-2 {
  grid-column-gap: 1rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: flex;
}

.hs-form-field {
  flex: 1;
  width: 100%;
  margin-bottom: 1rem;
  margin-right: 0;
  font-size: 1.2rem;
  font-weight: 400;
  position: relative;
}

.hs-input {
  border: 1px solid var(--grey-200);
  color: #000;
  background-color: #fff;
  border-radius: .3125rem;
  width: 100%;
  min-height: 60px;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  padding: .25rem 1rem;
  font-size: 1.125rem;
  font-weight: 400;
}

.hs-input:focus {
  border-color: var(--grey-300);
}

.hs-input::placeholder {
  color: #00245080;
  font-size: 1rem;
}

.hs-input.hs-fieldtype-textarea {
  min-height: 10rem;
  padding-top: .5rem;
}

.hs-form {
  color: var(--grey-700);
  background-color: #fff;
  flex-direction: column;
  align-items: flex-start;
  padding: 24px;
  font-family: Figtree, sans-serif;
  font-size: 1.125rem;
}

.hubspot_field-wrapper {
  background-color: #000;
  border-radius: .5rem;
  margin-top: 2rem;
  margin-bottom: 2rem;
  padding: 2.5rem;
}

.hubspot_form-block {
  margin-left: auto;
  margin-right: auto;
}

.hs-recaptcha {
  margin-top: 1.5rem;
}

.hubspot_field-help {
  color: #fff;
  margin-bottom: .5rem;
  margin-left: -.5rem;
  font-size: 1rem;
}

.hubspot_field-inner {
  background-color: #fff;
  border-radius: .5rem;
  margin-top: 1rem;
  margin-bottom: 1.5rem;
  padding: 2rem;
  font-family: Figtree, sans-serif;
}

.hs-field-desc {
  color: #333c;
  background-color: #ebf2ff;
  margin-bottom: .5rem;
  padding: .2rem .5rem;
  font-size: .875rem;
  display: inline-block;
}

.hs-form-booleancheckbox-display {
  align-items: center;
  padding-left: 0;
  display: flex;
}

.hs-button {
  background-color: var(--blue);
  color: #fff;
  text-align: center;
  border-radius: .8rem;
  width: 100%;
  margin-top: 1.25rem;
  padding: .85rem .625rem;
  font-weight: 500;
  transition: all .1s;
  box-shadow: inset 0 2px 0 -20px #0000;
}

.hs-button:hover {
  color: #ececec;
  background-color: #272727;
}

.submitted-message {
  color: #059669;
  text-align: center;
  background-color: #ecfdf5;
  border-radius: .8rem;
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
  padding: 4.9rem 1.25rem;
  font-family: Figtree, sans-serif;
  font-size: 1.1rem;
  overflow: hidden;
}

.class-names_span {
  z-index: 1;
  color: #000;
  cursor: pointer;
  background-color: #bdfd2e;
  background-image: url("https://cdn.prod.website-files.com/64d14310c4accecbf82f0e9f/654a7cdd6e2f4de18c623f58_Vector%20(17).svg");
  background-position: 10px;
  background-repeat: no-repeat;
  background-size: auto 60%;
  border-radius: .125rem;
  margin: .5rem;
  padding: .25rem .5rem .25rem 2rem;
  font-size: .875rem;
  font-weight: 600;
  display: inline-block;
  position: relative;
}

.form-message-error {
  color: #fff6e8;
  background-color: #fdba74;
  margin-top: 1rem;
  padding: .75rem;
  font-size: 1rem;
}

.section_heading {
  text-align: center;
  border-bottom: 1px solid #000;
  margin-bottom: 3rem;
  padding: 1.5rem;
}

.checkbox-label, .checkbox-label-2, .checkbox-label-3 {
  color: #000;
}

.field-label-2 {
  margin-bottom: 24px;
  font-weight: 400;
}

.sf-form-divide {
  background-color: var(--grey-300);
  width: 100%;
  height: 1px;
}

.sf-hub-form-price-card {
  background-color: var(--grey-200);
  text-align: center;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  height: auto;
  padding: 72px 24px;
  display: flex;
}

.sf-hub-grid {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-wrap: wrap;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-content: flex-start center;
  align-items: center;
  width: 100%;
  display: flex;
}

.sf-hubspot-form-text {
  color: var(--grey-800);
  text-align: center;
  padding-top: 24px;
  padding-bottom: 24px;
  font-family: Figtree, sans-serif;
  font-size: 1.2rem;
}

.sf-hub-price-detail {
  flex: none;
  justify-content: space-around;
  width: 100%;
  display: flex;
}

.sf-hub-form-price-card2 {
  border: 2px solid var(--grey-100);
  text-align: center;
  border-radius: 8px;
  flex-direction: column;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-width: 220px;
  height: auto;
  padding-top: 24px;
  padding-bottom: 24px;
  transition: all .2s cubic-bezier(.77, 0, .175, 1);
  display: flex;
}

.sf-hub-form-price-card2:hover {
  border-color: var(--grey-200);
}

.sf-zxf323 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-wrap: wrap;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-content: stretch center;
  align-items: center;
  margin-bottom: 48px;
  display: grid;
}

.sf-hub-form-price-card3 {
  border: 2px solid var(--grey-100);
  text-align: center;
  border-radius: 8px;
  flex-direction: column;
  flex: 1;
  justify-content: flex-end;
  align-items: center;
  width: auto;
  min-width: 220px;
  height: 310px;
  padding-bottom: 24px;
  transition: all .2s cubic-bezier(.77, 0, .175, 1);
  display: flex;
}

.sf-hub-form-price-card3:hover {
  border-color: var(--grey-200);
}

.image-95 {
  width: 170px;
}

.sf-spotter-modal-04 {
  z-index: 300;
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  background-color: #00000061;
  width: 100vw;
  height: 100vh;
  padding-top: 24px;
  padding-bottom: 24px;
  display: none;
  position: fixed;
  inset: 0%;
  overflow: auto;
}

.sf-way-001-a-a {
  max-width: 680px;
}

.sf-way-feat-video-xl {
  background-color: var(--grey-100);
  width: 100%;
  height: auto;
}

.sf-way-video-embed {
  aspect-ratio: 3 / 2;
  object-fit: contain;
  object-position: 50% 100%;
  width: 100%;
  height: 390px;
  position: relative;
}

.div-block-274 {
  max-width: 600px;
}

.sf-sadjk324 {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.sf-way-002-grid-aa {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 72px;
  display: grid;
}

.sf-way-002-grid-aa.ab {
  grid-template-columns: 1fr 1fr;
  margin-bottom: 120px;
}

.sf-way-002-grid-ab {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 72px;
  display: grid;
}

.sf-way-img-src {
  aspect-ratio: 16 / 9;
  object-fit: contain;
  object-position: 50% 50%;
  width: 100%;
  height: 100%;
}

.sf-way-img-src.bottom {
  object-position: 50% 100%;
}

.sf-way-img-src.hs8342 {
  aspect-ratio: 16 / 9;
  height: 390px;
}

.sf-way-003-grid-aa {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 72px;
  display: grid;
}

.sf-lottie-prop-hgesxs3 {
  aspect-ratio: 3 / 2;
  object-fit: cover;
  width: 100%;
  height: 390px;
}

.sf-way-003-grid-ac {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 140px;
  display: grid;
}

.sf-spot-jkh352 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  margin-bottom: 3rem;
  display: grid;
}

.sf-sticky-button {
  z-index: 5;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: none;
  position: sticky;
  top: 93vh;
}

.grid-783g232 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-content: start;
  place-items: start stretch;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: grid;
  position: static;
  inset: auto 0% 10%;
}

.sf-way-img-wrap {
  aspect-ratio: 3 / 2;
  background-image: linear-gradient(to bottom, var(--grey-100), var(--grey-100));
  align-items: flex-end;
  width: 100%;
  height: 390px;
  display: flex;
}

.sf-way-002-grid-dg {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.5fr;
  grid-auto-columns: 1fr;
  margin-bottom: 72px;
  display: grid;
}

.sf-way-003-grid-de {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  grid-template-rows: auto;
  grid-template-columns: 1.5fr 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 72px;
  display: grid;
}

.sf-way-003-grid-de.hidden {
  display: none;
}

.div-block-276 {
  background-color: var(--grey-100);
  width: 100%;
  height: auto;
}

.sf-ghsty32 {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  background-color: var(--grey-200);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 65vh;
  display: flex;
}

.sf-ghsty32.dark {
  background-color: var(--grey-950);
}

.sf-ghsty32.lg {
  height: 85vh;
}

.sf-ghsty32.md {
  height: 45vh;
  display: none;
}

.sf-ghsty32._35 {
  height: 35vh;
  display: none;
}

.div-block-278 {
  text-align: center;
  max-width: 620px;
}

.text-span-11 {
  color: var(--blue);
}

.sf-home-hero-01 {
  aspect-ratio: 3 / 2;
  object-fit: cover;
  object-position: 50% 50%;
  width: 100%;
  height: auto;
  display: inline-block;
}

.list-2 {
  max-width: 680px;
  margin-left: auto;
  margin-right: auto;
}

.sf-hg362w {
  z-index: 7;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: absolute;
}

.div-block-282 {
  aspect-ratio: 1;
  width: 100%;
  height: auto;
}

.sf-hgs632 {
  justify-content: center;
  align-items: center;
  margin-top: 24px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

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

.sf-hubspot-title {
  margin-bottom: 24px;
}

.sf-hubspot-img-src {
  object-fit: contain;
  width: 80px;
  height: 80px;
}

.sf-gd6532 {
  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;
}

.sf-hubspot-subtitle {
  margin-top: 68px;
  margin-bottom: 24px;
}

.sf-prop-lottie-wrap {
  aspect-ratio: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  display: flex;
}

.sf-ghst3-grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 84%;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

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

.sf-appr-lottie-src {
  width: 100%;
  max-width: 300px;
  height: 100%;
}

.div-block-287 {
  text-align: center;
}

.div-block-288 {
  margin-top: 95px;
}

.div-block-289 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  width: 80%;
  display: grid;
}

.sf-home-hero {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 85vh;
  margin-top: 88px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.sf-home-text {
  color: var(--grey-50);
  letter-spacing: -.02em;
  margin-bottom: 48px;
  font-family: Figtree, sans-serif;
  font-size: 46px;
  font-weight: 500;
  line-height: 110%;
  display: block;
}

.sf-home-embed {
  background-image: linear-gradient(#000, #000);
  width: 100%;
  height: 100%;
}

.sf-text-rotate {
  z-index: 5;
  color: var(--grey-50);
  letter-spacing: -.02em;
  font-family: Figtree, sans-serif;
  font-size: 48px;
  font-weight: 600;
  line-height: 100%;
}

.sf-fx43fe {
  flex: none;
  height: 48px;
  overflow: hidden;
}

.lottie-animation-5 {
  max-width: 250px;
}

.div-block-290 {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  grid-template-rows: auto;
  grid-template-columns: .5fr 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  width: 84%;
  display: grid;
}

.sf-display-hero-rotate {
  z-index: 5;
  color: var(--grey-800);
  letter-spacing: -.02em;
  font-family: Figtree, sans-serif;
  font-size: 3rem;
  font-weight: 600;
  line-height: 3.5rem;
}

.sf-display-hero-rotate.grey-50 {
  color: var(--grey-50);
}

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

.sf-appr-span-anim {
  color: var(--blue);
}

.sf-home-hero-02 {
  aspect-ratio: 3 / 2;
  object-fit: cover;
  object-position: 50% 50%;
  width: 100%;
  height: auto;
}

.sf-gh562df {
  flex-direction: column;
  display: flex;
}

.swiper-wrapper {
  align-items: flex-start;
  height: auto;
  display: flex;
}

.swiper {
  width: 100%;
  position: relative;
  overflow: hidden;
}

.swiper-circle {
  background-color: var(--grey-200);
  cursor: pointer;
  border-radius: 200px;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  display: flex;
}

.swiper-circle.swiper-button-next {
  background-image: url("https://cdn.prod.website-files.com/64d14310c4accecbf82f0e9f/655bb348e8a3e4a01214ebc6_arrow1.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 25px;
  transition: all .2s cubic-bezier(.645, .045, .355, 1);
}

.swiper-circle.swiper-button-next:hover {
  background-color: var(--grey-300);
  background-position: 70%;
}

.swiper-circle.swiper-button-prev {
  background-image: url("https://cdn.prod.website-files.com/64d14310c4accecbf82f0e9f/655bb3480f3cc64cbdb1976b_arrow2.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 25px;
  transition: all .2s cubic-bezier(.645, .045, .355, 1);
}

.swiper-circle.swiper-button-prev:hover {
  background-color: var(--grey-300);
  background-position: 30%;
}

.swiper-slide {
  background-color: var(--grey-50);
  flex: none;
  width: 100%;
  padding-left: 48px;
  padding-right: 48px;
}

.swiper-slide.w--redirected-checked {
  background-image: none;
  border-width: 2px;
  border-color: #e76043;
  box-shadow: 0 2px #e76043;
}

.div-block-298 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: center;
  align-items: center;
  margin-top: 25px;
  display: flex;
}

.sf-fd56ty {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 400px;
  display: flex;
}

.sf-fd56ty-info-wrap {
  align-items: center;
  display: flex;
}

.sf-fd56ty-detail-img-clip {
  border-radius: 200px;
  flex: none;
  width: 68px;
  height: 68px;
  margin-right: 24px;
  overflow: hidden;
}

.sf-fd56ty-text {
  color: var(--grey-800);
  letter-spacing: -.01em;
  padding-bottom: 24px;
  font-family: Figtree, sans-serif;
  font-size: 1.75rem;
  font-weight: 500;
  line-height: 120%;
}

.sf-fd56ty-text.sm {
  font-size: 1.3rem;
}

.sf-fd56ty-detail-img-src {
  width: 100%;
  height: 100%;
}

.sf-l2prp {
  background-color: #0c0e14;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 0;
  padding-top: 48px;
  padding-bottom: 48px;
  display: flex;
  overflow: hidden;
}

.sf-2vqp2 {
  mix-blend-mode: screen;
  background-image: linear-gradient(#000, #000);
  width: 100%;
  height: 100%;
}

.sf-znnky {
  text-align: center;
  width: 100%;
  max-width: 660px;
  padding-bottom: 2rem;
}

.div-block-299 {
  aspect-ratio: 2;
  border-radius: 8px;
  flex: none;
  width: 90%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  inset: 0% auto;
  overflow: hidden;
}

.sf-narrative-text {
  color: var(--grey-50);
  letter-spacing: -.01em;
  width: 100%;
  max-width: 580px;
  margin-left: auto;
  margin-right: auto;
  font-family: Figtree, sans-serif;
  font-size: 32px;
  font-weight: 500;
  line-height: 140%;
}

.sf-narrative-text.sm {
  z-index: 5;
  color: var(--grey-200);
  max-width: 630px;
  font-size: 1.2rem;
  font-weight: 500;
  position: relative;
}

.sf-narrative-text.sf-8763 {
  letter-spacing: -.01em;
  margin-bottom: 24px;
  font-size: 1.8rem;
  font-weight: 600;
  line-height: 120%;
}

.sf-narrative-text.sf-hg36234 {
  max-width: 440px;
  margin-bottom: 24px;
  font-size: 24px;
}

.sf-narrative-text.sf-het23 {
  max-width: 370px;
  font-size: 24px;
}

.sf-narrative-text.sm0732 {
  z-index: 5;
  color: var(--grey-200);
  max-width: 510px;
  font-size: 1.2rem;
  font-weight: 500;
  position: relative;
}

.section-8 {
  background-color: #0c0e14;
  margin-top: 0;
  padding-top: 88px;
}

.div-block-300 {
  text-align: center;
}

.sf-navigation-dark {
  z-index: 250;
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  background-color: #0c0e142e;
  width: 100%;
  height: 88px;
  transition: all .375s cubic-bezier(.645, .045, .355, 1);
  position: fixed;
  top: 0;
}

.div-block-302 {
  z-index: 3;
  background-color: #0c0e14;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
}

.sf-nav-container-dark {
  justify-content: flex-end;
  align-items: center;
  width: 90%;
  max-width: 1440px;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.sf-nav-link-block-dark {
  color: var(--grey-400);
  text-align: center;
  border-bottom: 3px solid #096ed300;
  flex: none;
  justify-content: center;
  align-items: center;
  height: 88px;
  padding: .9rem .8rem;
  transition: border-color .35s cubic-bezier(.645, .045, .355, 1);
  display: flex;
}

.sf-nav-link-block-dark:hover {
  color: #8dbcee;
  border-bottom-color: #8dbcee;
}

.sf-nav-link-block-dark.w--current {
  border-bottom-color: var(--grey-300);
  color: var(--white);
}

.sf-nav-m-dark {
  width: 100%;
  height: 100vh;
  display: none;
  position: absolute;
  inset: 0% 0% auto;
}

.sf-mobile-menu-text-dark {
  letter-spacing: 0;
  font-family: Figtree, sans-serif;
  font-size: 1.375rem;
  font-weight: 400;
  line-height: 140%;
}

.sf-nav-link-block-light-mobile {
  color: var(--grey-600);
  text-align: center;
  border-bottom: 3px solid #096ed300;
  flex: none;
  justify-content: center;
  align-items: center;
  height: 88px;
  padding: .9rem .8rem;
  transition: border-color .35s cubic-bezier(.645, .045, .355, 1);
  display: flex;
}

.sf-nav-link-block-light-mobile:hover {
  border-bottom-color: var(--sofar-blue);
  color: var(--grey-500);
}

.sf-nav-link-block-light-mobile.w--current {
  color: var(--blue);
}

.div-block-303 {
  aspect-ratio: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  display: flex;
  position: relative;
}

.sf-jht542 {
  background-image: linear-gradient(#000, #000);
  width: 100%;
  height: 100%;
}

.sf-hety342 {
  z-index: 1200;
  justify-content: center;
  align-items: center;
  width: 90px;
  height: 90px;
  display: none;
}

.sf-hjjk32423 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.ma-sf-hgstey3-bottom {
  z-index: 400;
  background-color: #273761;
  width: 24px;
  height: 2px;
  margin-bottom: 6px;
  transition: all .5s cubic-bezier(.228, 1.956, .252, .681);
  display: block;
  position: relative;
  top: 0;
}

.ma-sf-hgstey3-top {
  z-index: 400;
  background-color: #273761;
  width: 24px;
  height: 2px;
  margin-top: 6px;
  margin-bottom: 6px;
  transition: transform .5s cubic-bezier(.228, 1.956, .252, .681);
  display: block;
  position: relative;
  top: 0;
}

.sf-h3j423423 {
  flex: 0 auto;
  align-items: center;
  display: flex;
  position: relative;
}

.sf-hj3423432 {
  background-color: #3d64d700;
  border-radius: 100px;
  width: 1px;
  height: 1px;
  transition: all .4s cubic-bezier(.228, 1.956, .252, .681);
  display: block;
  position: absolute;
}

.sf-nav-m-container-dark, .sf-nav-dark-embed-code {
  display: none;
}

.sf-jk56er3 {
  flex: 0 auto;
  width: 128px;
  position: absolute;
  left: 0;
}

.sf-jk56er3.w--current {
  flex: 0 auto;
  width: 9rem;
}

.sf-nav-lottie-dark {
  filter: brightness(0%) saturate(0%) invert();
  width: 100%;
  margin-bottom: -9px;
  padding-bottom: 0;
  transition: all .2s cubic-bezier(.77, 0, .175, 1);
}

.sf-way-home-wrap {
  border-radius: 1rem;
  width: 100%;
  position: relative;
  overflow: hidden;
}

.image-97 {
  width: 32%;
  position: absolute;
  inset: 25% 0% 0% 10%;
  box-shadow: 0 0 #0000, 0 0 #00000003, 1px 1px #00000004, 1px 1px .1px #00000005, 1px 2px .1px #00000005, 2px 3px .3px #00000005, 2px 3px .6px #00000005, 3px 5px .9px #00000006, 4px 7px 1.5px #00000006, 6px 9px 2.3px #00000006, 8px 13px 3.5px #00000006, 11px 17px 5.1px #00000006, 14px 23px 7.4px #00000006, 20px 31px 10.6px #00000006, 28px 44px 15.1px #00000006, 38px 61px 21.6px #00000007, 55px 87px 31.5px #00000007, 81px 130px 47.8px #00000007, 132px 212px 79.4px #00000008;
}

.appr-text-anim-03 {
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(45deg, #8dbcee 4%, #e7f2fe 10%, #8dbcee 47%);
  -webkit-background-clip: text;
  background-clip: text;
}

.sf-marquee-wrap {
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 64px;
  margin-bottom: 24px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.sf-marquee-track {
  grid-column-gap: 7rem;
  align-items: center;
  display: flex;
}

.white-skrim {
  z-index: 2;
  background-image: linear-gradient(to right, #fff0 88%, #fff), linear-gradient(to right, #fff, #fff0 10%);
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
}

.sf-sxe345 {
  width: 120px;
}

.sf-sxe345.xsm {
  width: 60px;
}

.sf-sxe345.md {
  width: 100px;
}

.sf-sxe345.sm {
  width: 110px;
}

.div-block-309 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: center;
  display: flex;
}

.tile-wrap {
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: auto;
  padding-top: 48px;
  padding-bottom: 48px;
  display: flex;
  overflow: hidden;
}

.div-block-312 {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 25vh;
  display: flex;
}

.sf-glass-device {
  background-image: url("https://cdn.prod.website-files.com/64d14310c4accecbf82f0e9f/65676c57e282f90f62925b32_glass-shadow.avif");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 1167px 846px;
  width: 902px;
  height: 612px;
  position: relative;
}

.sf-glass-hardware {
  z-index: 3;
  background-image: url("https://cdn.prod.website-files.com/64d14310c4accecbf82f0e9f/656767307b68546835c4f2c3_hardware-bezel-02.svg");
  background-position: 0 0;
  background-size: 902px 612px;
  width: 902px;
  height: 612px;
  position: absolute;
  top: 0;
  left: 0;
}

.sf-glass-screen {
  z-index: 2;
  width: 870px;
  height: 580px;
  position: absolute;
  top: 16px;
  left: 16px;
}

.text-span-13 {
  color: var(--grey-600);
  font-weight: 500;
}

.sf-cp-img-src {
  aspect-ratio: 16 / 9;
  object-fit: contain;
  object-position: 100% 100%;
  width: 100%;
  height: 100%;
}

.sf-sf76532 {
  display: block;
}

.image-98, .sf-dash-hgyte2 {
  display: none;
}

.div-block-314 {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 160px;
  display: flex;
}

.utility-page-wrap {
  background-color: var(--grey-999);
  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;
  align-items: center;
  width: 310px;
  display: flex;
}

.utility-page-form {
  flex-direction: column;
  align-items: stretch;
  width: 260px;
  display: flex;
}

.div-block-315 {
  flex-direction: column;
  margin-top: 48px;
  display: flex;
}

.image-99 {
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.div-block-316 {
  background-color: #fff;
  border-radius: 200px;
  justify-content: space-around;
  align-items: center;
  width: 40%;
  height: 48px;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  padding-left: 66px;
  padding-right: 66px;
  display: flex;
  box-shadow: 3px 0 14px 3px #1e293b1c;
}

.italic-text {
  display: block;
}

.sf-idalia-map-wrap {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  width: 100%;
  min-height: 760px;
  display: grid;
}

.background-video-6 {
  z-index: 2;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.sf-idalia-video-cred {
  z-index: 5;
  text-align: right;
  position: absolute;
  bottom: 3%;
  left: auto;
  right: 3%;
}

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

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

.sf-idalia-logo {
  width: 37px;
  display: flex;
}

.sf-idalia-logo.cira {
  width: 68px;
}

.div-block-319 {
  width: 84%;
  margin-left: auto;
  margin-right: auto;
}

.image-100 {
  object-fit: contain;
  width: 100%;
  padding-bottom: 2px;
}

.div-block-320 {
  display: none;
  transform: rotate(0);
}

.grid-18 {
  grid-column-gap: 5rem;
  grid-row-gap: 5rem;
}

.c-blog-rich-text-2 {
  color: #040e33;
  padding-top: 24px;
  font-family: Gilroy, sans-serif;
  font-size: 14px;
  line-height: 28px;
}

.c-blog-rich-text-2.idalia {
  padding-top: 0;
}

.section-10 {
  z-index: 7;
  align-items: center;
  height: 80px;
  display: flex;
  position: sticky;
  top: 88px;
}

.section-10.hidden {
  display: none;
}

.sf-tzz6jc {
  text-align: center;
  width: 100%;
  margin-right: 10px;
  padding-right: 0;
}

.sf-update-wrap {
  border-top: 1px #b6cee7;
  padding-top: 2rem;
  padding-bottom: 1rem;
}

.sf-idalia-details {
  grid-column-gap: 1rem;
  border-top: 1px solid #939393;
  flex-direction: column;
  margin-bottom: 1rem;
  padding-top: 12px;
  display: flex;
}

.sf-idalia-details.no-line {
  border-top-style: none;
}

.sf-button-2 {
  color: #fff;
  text-align: center;
  background-color: #096ed3;
  border: 2px solid #096ed300;
  border-radius: .8rem;
  flex: none;
  justify-content: center;
  align-items: center;
  min-height: 50px;
  margin-bottom: 8px;
  padding: 8px 32px;
  font-size: 1.1rem;
  font-weight: 600;
  line-height: 1.5;
  transition: all .275s cubic-bezier(.645, .045, .355, 1);
  display: flex;
}

.sf-button-2:hover {
  color: #096ed3;
  background-color: #07468700;
  border-color: #096ed3;
  font-weight: 600;
}

.sf-button-2:active {
  background-color: #096ed31a;
}

.sf-spotter-secondary-nav-btn-2 {
  color: #334155;
  background-color: #fff0;
  justify-content: center;
  align-items: center;
  font-weight: 500;
  transition: all .3s;
  display: flex;
}

.sf-spotter-secondary-nav-btn-2:hover {
  color: #111829;
}

.sf-uds873h {
  justify-content: center;
  display: flex;
}

.sf-section-2.grey-50 {
  background-color: #f8fafc;
}

.sf-section-2.dark-blue {
  background-color: #040e33;
}

.sf-section-2.dark-blue.hero-idalia {
  justify-content: center;
  align-items: center;
  height: 65vh;
  margin-top: 88px;
  display: flex;
  position: relative;
}

.sf-idialia-icon {
  margin-right: 8px;
  font-size: .9rem;
}

.sf-idialia-icon.text-warning-storm {
  -webkit-text-fill-color: transparent;
  background-image: repeating-linear-gradient(29deg, #ef4444 12%, #ea580c 39%, #f89191 63%, #ef4444 90%);
  -webkit-background-clip: text;
  background-clip: text;
}

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

.sf-inline-link-2 {
  color: #040e33;
  border-bottom: 2px solid #0000;
  text-decoration: none;
  transition: all .3s cubic-bezier(.645, .045, .355, 1);
}

.sf-inline-link-2:hover {
  border-bottom-color: #000;
}

.sf-inline-link-2.blue {
  color: #096ed3;
}

.sf-inline-link-2.blue:hover {
  color: #040e33;
}

.sf-inline-link-2.blue.hover-white:hover {
  color: #87c0ff;
}

.sf-lee {
  display: block;
  position: relative;
}

.sf-idalia-skrim {
  z-index: 3;
  -webkit-backdrop-filter: blur(1px);
  backdrop-filter: blur(1px);
  background-color: #00000075;
  width: 100%;
  height: 100%;
  position: absolute;
}

.sf-container-2 {
  border: 0 solid #000;
  border-top: 1px solid #cecece;
  width: 84%;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 10rem;
  padding-bottom: 10rem;
}

.sf-container-2.no-padding {
  padding-top: 0;
  padding-bottom: 0;
}

.sf-container-2.md-padding {
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.sf-container-2.sf-updates-blog-idalia.no-line {
  max-width: 640px;
  padding-top: 1rem;
  padding-bottom: 0;
}

.sf-idalia-logos-wrap {
  grid-column-gap: 24px;
  display: flex;
}

.sf-idalia {
  position: relative;
}

.sf-storm-anchor {
  width: 100%;
  height: 1px;
  position: absolute;
  top: -114px;
}

.html-embed-20 {
  width: 100%;
}

.text-field {
  border: 1px solid var(--grey-600);
  background-color: var(--grey-800);
  color: var(--grey-100);
  margin-bottom: 48px;
}

.text-field::placeholder {
  color: var(--grey-400);
}

.heading-4 {
  max-width: 680px;
  margin-left: auto;
  margin-right: auto;
}

.sf-glass-device-sm {
  width: 451px;
  height: 306px;
  position: relative;
}

.sf-glass-screen-sm {
  z-index: 2;
  width: 435px;
  height: 290px;
  position: absolute;
  top: 8px;
  left: 8px;
}

.sf-glass-hardware-sm {
  z-index: 3;
  background-image: url("https://cdn.prod.website-files.com/64d14310c4accecbf82f0e9f/656e5e13cf11ebbe2e4a8bd1_glass-device-sm.svg");
  background-position: 0 0;
  background-size: 451px 306px;
  width: 451px;
  height: 306px;
  position: absolute;
  top: 0;
  left: 0;
}

.image-102 {
  object-fit: contain;
  width: 1167px;
  max-width: none;
  height: 846px;
  position: absolute;
  top: -24px;
  left: -23px;
}

.sf-device-wrap {
  width: 902px;
  height: 612px;
  position: relative;
}

.sf-device-wrap.rs {
  aspect-ratio: 3 / 2;
  width: 60%;
  height: auto;
  box-shadow: 0 0 #0000, 0 .5px #00000010, 0 1.2px .1px #00000014, 0 2px .4px #00000016, 0 3.2px .9px #00000017, 0 5.2px 2px #00000018, 0 8.6px 4px #00000019, 0 14.5px 7.8px #0000001a, 0 25.6px 15.4px #0000001b, 0 50.7px 32.8px #0000001d;
}

.sf-device-wrap.sx {
  aspect-ratio: 3 / 2;
  width: 100%;
  height: auto;
  box-shadow: 0 0 #0000, 0 1px #00000010, 0 1px .1px #00000014, 0 2px .4px #00000016, 0 3px .9px #00000017, 0 5px 2px #00000018, 0 9px 4px #00000019, 0 15px 7.8px #0000001a, 0 26px 15.4px #0000001b, 0 51px 32.8px #0000001d;
}

.sf-device-hardware {
  z-index: 3;
  outline-color: var(--grey-800);
  outline-offset: 0px;
  border-radius: 16px;
  outline-width: 16px;
  outline-style: solid;
  width: 902px;
  height: 612px;
  position: absolute;
  top: 0;
  left: 0;
}

.sf-device-hardware.rs {
  box-shadow: 0 0 0 .9vw var(--grey-800);
  border-radius: 1vw;
  outline-width: 0;
  width: 100%;
  height: 100%;
  transform: translate(0);
}

.sf-device-screen {
  z-index: 2;
  width: 100%;
  height: 100%;
  position: absolute;
}

.div-block-321 {
  background-color: var(--darkblue);
  width: 100%;
  height: 100%;
}

.sf-bcflhh {
  background-color: var(--grey-100);
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  padding: 10%;
  display: flex;
  overflow: hidden;
}

.sf-dqggy9 {
  text-align: left;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.sf-snvsko {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.5fr;
  grid-auto-columns: 1fr;
  margin-bottom: 72px;
  display: grid;
}

.div-block-323 {
  width: 100%;
  height: 100%;
}

.sf-hero-container {
  border: 0 solid #000;
  width: 84%;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 10rem;
  padding-bottom: 10rem;
  position: relative;
}

.div-block-324 {
  text-align: center;
}

.sf-hub-font-awesome {
  font-family: "Fa Solid 900", sans-serif;
  font-size: 6rem;
}

.sf-ik1mnu {
  flex-flow: wrap;
  justify-content: space-around;
  align-items: center;
  max-width: 680px;
  margin-bottom: 2rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.sf-ng54er {
  color: var(--lightblue);
  font-family: Figtree, sans-serif;
}

.image-103 {
  width: 100%;
}

.sf-kj878f-wrapper {
  height: 100vh;
  position: relative;
  top: -88px;
}

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

.sf-kj878f-top-wrap {
  margin-bottom: 2rem;
}

.image-104 {
  width: 25px;
}

.div-block-325 {
  margin-bottom: 4rem;
}

.div-block-326 {
  border: 1px solid var(--grey-200);
  background-color: var(--white);
  border-radius: 8px;
  margin-bottom: 2rem;
  padding: 12px;
}

.sf-kj878f-img {
  object-fit: cover;
  flex: none;
  width: 100%;
  max-width: 200%;
  height: 100%;
  display: block;
  position: relative;
}

.html-embed-22 {
  max-width: 980px;
  margin-left: auto;
  margin-right: auto;
}

.div-block-327 {
  margin-left: auto;
  margin-right: auto;
}

.div-block-329 {
  max-width: 520px;
  margin-left: auto;
  margin-right: auto;
}

.sf-mnt653w {
  flex-direction: column;
  align-items: flex-start;
  max-width: 780px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.div-block-330 {
  background-image: linear-gradient(to bottom, var(--grey-100), var(--grey-100));
}

.sf-ghske234 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-image: linear-gradient(#f8fafc, #f8fafc);
  grid-template-rows: auto auto auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding: 24px 16px 16px;
  display: block;
}

.sf-kjte652 {
  object-fit: fill;
  width: auto;
  max-width: 210px;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  position: relative;
}

.sf-nbc653 {
  color: #6c7c8b;
  margin-bottom: 1rem;
}

.sf-lkj6532 {
  text-align: left;
  padding-left: 16px;
}

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

.div-block-332 {
  aspect-ratio: 16 / 9;
  width: 80%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

.sf-hgs6342, .sf-hs8732 {
  flex: none;
  position: relative;
  top: 0;
}

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

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

.div-block-333 {
  margin-bottom: 12px;
  display: flex;
}

.image-105 {
  width: 300px;
}

.collection-list-10 {
  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;
}

.div-block-337 {
  text-align: center;
}

.div-block-338 {
  flex-flow: column;
  display: flex;
}

.collection-list-13 {
  flex-flow: wrap;
  display: flex;
}

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

.sf-cms-card-wrap {
  border-radius: 8px;
  flex-direction: column;
  justify-content: flex-start;
  width: 100%;
  height: 100%;
  transition: all .3s cubic-bezier(.645, .045, .355, 1);
  display: flex;
  position: relative;
  box-shadow: 0 9px 20px 4px #00000005;
}

.sf-cms-card-wrap:hover {
  box-shadow: 0 9px 20px 4px #00000017;
}

.sf-cms-img-wrap {
  background-color: var(--grey-200);
  object-fit: cover;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 170px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.sf-cms-data {
  background-image: linear-gradient(to bottom, var(--white), var(--white));
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  width: 100%;
  padding: 0 16px 24px;
  display: flex;
}

.sf-cms-data-top-wrap {
  flex: none;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-top: 16px;
  padding-bottom: 16px;
  display: flex;
}

.sf-cms-data-btm-wrap {
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: .5rem;
  display: flex;
}

.sf-cms-data-category {
  z-index: 5;
  flex: 1;
  align-items: center;
  height: .8rem;
  transition: all .3s cubic-bezier(.645, .045, .355, 1);
  display: flex;
  position: relative;
  overflow: hidden;
}

.text-block-9 {
  background-color: #e2e2e2;
  border-radius: 6px;
  padding: 6px;
  font-family: Figtree, sans-serif;
  font-size: .8rem;
  font-weight: 400;
  display: block;
}

.fs-checkbox_field-4 {
  border: 1px solid var(--grey-500);
  color: #000;
  cursor: pointer;
  background-color: #fff;
  border-radius: .25rem;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
  margin-right: 12px;
  padding: 8px 16px;
  font-weight: 500;
  transition: all .2s cubic-bezier(.86, 0, .07, 1);
  display: flex;
  position: relative;
}

.fs-checkbox_field-4:hover {
  color: #696969;
  border-color: #696969;
}

.fs-checkbox_button-4 {
  border: 1px #000;
  border-radius: 0;
  width: 100%;
  height: 100%;
  margin-top: 0;
  margin-left: 0;
  display: block;
  position: absolute;
  inset: 0%;
  box-shadow: 1px 1px 3px #0000;
}

.fs-checkbox_button-4.w--redirected-checked {
  background-color: #0000;
  background-image: none;
  border-style: none;
}

.fs-checkbox_button-4.w--redirected-focus {
  box-shadow: none;
  border-style: none;
  border-radius: 0;
}

.fs-checkbox_button-4.w--redirected-focus-visible {
  box-shadow: none;
  outline-offset: 4px;
  outline: 2px solid #9b9b9b;
}

.fs-checkbox_label-4 {
  z-index: 1;
  margin-bottom: 0;
  font-family: Figtree, sans-serif;
  font-weight: 500;
  position: relative;
}

.collection-list-16 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.collection-item-6 {
  margin-right: 16px;
}

.div-block-340 {
  flex: none;
  width: 100%;
}

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

.sf-button-cms-link {
  background-color: var(--sofar-blue);
  color: #fff;
  text-align: center;
  border: 2px solid #096ed300;
  border-radius: .8rem;
  flex: none;
  justify-content: center;
  align-items: center;
  min-height: 50px;
  margin-bottom: 8px;
  padding: 8px 32px;
  font-family: Figtree, sans-serif;
  font-size: .98rem;
  font-weight: 600;
  line-height: 1.5;
  transition: all .275s cubic-bezier(.645, .045, .355, 1);
  display: flex;
}

.sf-button-cms-link:hover {
  color: var(--sofar-blue);
  background-color: #07468700;
  border-color: #096ed3;
  font-weight: 600;
}

.sf-button-cms-link:active {
  background-color: #096ed31a;
}

.sf-button-cms-link.w--current {
  opacity: .16;
}

.ahs-container {
  width: 100%;
  max-width: 630px;
  margin: 2rem auto;
}

.sf-ahs-richtext {
  color: var(--darkblue);
  font-family: Figtree, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 28px;
}

.sf-ahs-richtext h1 {
  color: var(--grey-800);
  width: 100%;
  max-width: 680px;
  margin: 2rem auto 1rem;
  font-family: Figtree, sans-serif;
  font-size: 3.5rem;
  font-weight: 600;
  line-height: 118%;
}

.sf-ahs-richtext h2 {
  color: var(--grey-800);
  width: 100%;
  max-width: 680px;
  margin: 3rem auto 2rem;
  font-family: Figtree, sans-serif;
  font-size: 2.6rem;
  font-weight: 600;
  line-height: 130%;
}

.sf-ahs-richtext a {
  color: var(--blue);
  overflow-wrap: break-word;
  background-color: #fff0;
  border-bottom: 2px solid #0000;
  font-family: Figtree, sans-serif;
  font-weight: 500;
  transition: all .2s cubic-bezier(.785, .135, .15, .86);
}

.sf-ahs-richtext a:hover {
  border-bottom-width: 2px;
  border-bottom-color: var(--blue);
  opacity: 1;
}

.sf-ahs-richtext strong {
  color: var(--grey-800);
  font-weight: 600;
}

.sf-ahs-richtext img {
  text-align: center;
  border-radius: 8px;
  width: auto;
  margin-bottom: 1.5rem;
  margin-left: auto;
  margin-right: auto;
}

.sf-ahs-richtext ul {
  color: var(--grey-800);
  max-width: 680px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 34px;
  font-family: Figtree, sans-serif;
  font-size: 1.1rem;
  line-height: 2rem;
  display: block;
}

.sf-ahs-richtext figure {
  width: 100%;
  max-width: 680px;
  margin: 1rem auto 2rem;
}

.sf-ahs-richtext h4 {
  color: var(--grey-800);
  width: 100%;
  max-width: 680px;
  margin: 2rem auto 1rem;
  font-family: Figtree, sans-serif;
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 135%;
}

.sf-ahs-richtext blockquote {
  border-left-color: var(--sofar-blue);
  color: var(--blue);
  background-color: #e7f2fe;
  width: 100%;
  max-width: 680px;
  margin-bottom: 3rem;
  margin-left: auto;
  margin-right: auto;
  padding: 36px 16px 36px 24px;
  font-size: 1.4rem;
  font-style: italic;
  font-weight: 500;
  line-height: 2rem;
}

.sf-ahs-richtext figcaption {
  color: var(--grey-500);
  width: 100%;
  max-width: 680px;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  font-family: Figtree, sans-serif;
  font-size: 1rem;
  font-style: italic;
  font-weight: 500;
  line-height: 140%;
}

.sf-ahs-richtext h3 {
  color: var(--grey-800);
  width: 100%;
  max-width: 680px;
  margin: 3rem auto 1rem;
  font-size: 2.2rem;
  font-weight: 600;
  line-height: 135%;
}

.sf-ahs-richtext li {
  color: var(--grey-800);
  margin-bottom: .5rem;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 2rem;
}

.sf-ahs-richtext p {
  color: var(--grey-700);
  width: 100%;
  max-width: 680px;
  margin-bottom: 1rem;
  margin-left: auto;
  margin-right: auto;
  font-family: Figtree, sans-serif;
  font-size: 1.05rem;
  font-weight: 500;
  line-height: 164%;
}

.sf-ahs-richtext h5 {
  width: 100%;
  max-width: 680px;
  margin-left: auto;
  margin-right: auto;
  font-size: 20px;
  line-height: 120%;
}

.sf-ahs-richtext h6 {
  color: var(--grey-700);
  max-width: 680px;
  margin-bottom: 24px;
  margin-left: auto;
  margin-right: auto;
  font-weight: 500;
}

.ahs-line-divider {
  border-top: 1px solid var(--grey-200);
  flex-flow: column;
  width: 100%;
  margin-bottom: 1rem;
  display: flex;
}

.ahs-post-date {
  color: var(--grey-500);
  letter-spacing: 0;
  margin-right: .5rem;
  font-family: Figtree, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 140%;
}

.ahs-post-meta {
  margin-bottom: 0;
  display: flex;
}

.ahs-post-content {
  flex-flow: column;
  margin-bottom: 1rem;
  display: flex;
}

.ahx-post-title {
  flex-flow: row;
  margin-bottom: .5rem;
  margin-right: 1rem;
}

.ahs-post-header {
  flex-flow: column;
  justify-content: flex-start;
  align-items: baseline;
  margin-bottom: .5rem;
  display: flex;
}

.ahs-video-hero {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 75vh;
  margin-top: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.ahs-image-loader {
  z-index: 0;
  background-color: var(--grey-900);
  background-image: url("https://cdn.prod.website-files.com/64d14310c4accecbf82f0e9f/654564fc07c63e23bfa976a7_spotter-hero.webp");
  background-position: 0%;
  background-size: cover;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  inset: 0%;
}

.ahs-image-loader.sf-ahs-224 {
  background-image: url("https://cdn.prod.website-files.com/64d14310c4accecbf82f0e9f/66a802a6eaf006f404c22ff4_ahs-24-cover.webp");
}

.ahs-gr43ry {
  z-index: 7;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: absolute;
}

.ahs-hy45tr {
  flex: none;
  height: 48px;
  overflow: hidden;
}

.ahs-credit-wrap {
  z-index: 4;
  padding-bottom: 8px;
  padding-left: 8px;
  padding-right: 8px;
  position: absolute;
  inset: auto 0% 0% auto;
}

.ahs-video-credit {
  color: var(--grey-50);
  text-align: right;
  letter-spacing: 0;
  font-family: Figtree, sans-serif;
  font-size: .8rem;
  font-weight: 400;
  line-height: 140%;
}

.display-xsm {
  color: var(--grey-800);
  letter-spacing: -.01em;
  font-family: Figtree, sans-serif;
  font-size: 2rem;
  font-weight: 600;
  line-height: 120%;
}

.video {
  box-sizing: content-box;
  aspect-ratio: auto;
  object-fit: fill;
  background-color: #fff;
  margin-bottom: 2rem;
  padding: 22px 1px 1px;
}

.sf-video-container {
  border: 0 solid #000;
  border-top: 1px solid #cecece;
  flex-flow: column;
  width: 84%;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 2rem;
  padding-bottom: 2rem;
  display: flex;
  position: relative;
}

.sf-video-container.no-line {
  border-top-color: #cecece00;
}

.div-block-344 {
  flex: 1;
}

.div-block-345 {
  margin-bottom: 1rem;
}

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

.div-block-348 {
  margin-right: 1rem;
}

.sf-xeg653 {
  margin-bottom: 2rem;
  display: block;
}

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

.div-block-350 {
  background-color: var(--grey-100);
  height: 250px;
  margin-bottom: 1rem;
}

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

.sf-gty5342 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: .5fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: block;
}

.form-3, .form-block-5 {
  width: 100%;
}

.sf-5fvnhw-main {
  z-index: 280;
  border-top: 1px solid var(--grey-200);
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  width: 100%;
  height: 48px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: fixed;
  top: 88px;
}

.sf-5fvnhw-nav-wrap {
  flex: none;
  justify-content: space-between;
  align-items: center;
  width: 90%;
  max-width: 1440px;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.sf-5fvnhw-content {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #fff;
  flex-direction: column;
  flex: none;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: none;
  position: relative;
  top: 0;
  overflow: hidden;
}

.section-11 {
  background-color: var(--grey-50);
}

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

.sf-filter-tag {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: var(--grey-100);
  color: var(--grey-800);
  border-radius: .4rem;
  justify-content: center;
  align-items: center;
  margin-bottom: .5rem;
  margin-right: .5rem;
  padding: 6px 9px;
  font-family: Figtree, sans-serif;
  display: flex;
}

.sf-filter-tag:hover {
  background-color: var(--grey-300);
}

.sf-filter-tag-text {
  white-space: nowrap;
  word-break: keep-all;
  margin-right: 6px;
  font-size: .9rem;
}

.image-107 {
  width: 12px;
}

.fs-search_field-2 {
  background-image: url("https://cdn.prod.website-files.com/64d14310c4accecbf82f0e9f/66bfc950852f621b38160067_search-black.svg");
  background-position: 0;
  background-repeat: no-repeat;
  background-size: 2.25rem;
  border: 1px #000;
  border-bottom: 2px solid #000;
  height: 3.75rem;
  margin-bottom: 0;
  padding-left: 3rem;
  padding-right: 0;
  font-family: Figtree, sans-serif;
  font-size: 1rem;
}

.fs-search_field-2:focus {
  border-bottom-color: #501aff;
}

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

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

.sf-cms-count-text {
  white-space: nowrap;
  word-break: keep-all;
  margin-right: 6px;
  font-size: .9rem;
}

.image-108 {
  width: 100%;
  height: 100%;
}

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

.ahs-storm-title {
  color: var(--grey-500);
  letter-spacing: 0;
  margin-right: .5rem;
  font-family: Figtree, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 140%;
}

.page-wrapper {
  font-family: Figtree Variablefont Wght, Georgia, sans-serif;
}

.global-styles {
  display: block;
  position: fixed;
  inset: 0% auto auto 0%;
}

.icon-height-xsmall {
  height: 1.5rem;
}

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

.text-size-small {
  font-size: .875rem;
}

.text-size-small.text-weight-semibold {
  font-weight: 600;
}

.main-wrapper.is-background-texture {
  background-image: url("https://cdn.prod.website-files.com/64d14310c4accecbf82f0e9f/67d9a46255f1f9ed61ab20a0_d468381ccf85e043a5a806f15147ab04.webp");
  background-position: 50%;
  background-size: contain;
}

.main-wrapper.text-color-navy-2 {
  color: var(--navy-2);
}

.section_home6-header {
  padding-top: 4.2rem;
}

.padding-global {
  padding-left: 5%;
  padding-right: 5%;
}

.padding-global:where(.w-variant-1d0261ab-c8e2-64ef-91a6-3da972f584b8) {
  display: none;
}

.padding-global.padding-section-medium {
  padding-top: 5.25rem;
  padding-bottom: 5.25rem;
}

.padding-global.padding-section-medium.padding-mobile-landscape {
  background-color: #096ed3;
}

.padding-global.padding-section-large {
  padding-bottom: 5.25rem;
}

.padding-global.is-relative {
  z-index: 6;
  position: relative;
}

.container-large {
  width: 100%;
  max-width: 78rem;
  margin-left: auto;
  margin-right: auto;
}

.padding-section-large {
  padding-top: 7rem;
  padding-bottom: 7rem;
}

.margin-bottom, .margin-bottom.margin-xxlarge {
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
}

.margin-bottom.margin-xsmall {
  margin: 0 0 .875rem;
}

.margin-bottom.margin-small {
  margin: 0 0 1.125rem;
}

.margin-bottom.margin-medium, .margin-bottom.margin-tiny, .margin-bottom.margin-xxsmall, .margin-bottom.margin-large, .margin-bottom.margin-xlarge, .margin-bottom.margin-huge, .margin-bottom.margin-xhuge, .margin-bottom.margin-xxhuge, .margin-bottom.margin-custom1 {
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
}

.margin-bottom.margin-custom2 {
  margin: 0 0 3.0625rem;
}

.margin-bottom.margin-custom3, .margin-bottom.margin-small, .margin-bottom.margin-small, .margin-bottom.margin-small {
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
}

.margin-bottom.margin-90 {
  padding-bottom: 5.625rem;
}

.margin-bottom.margin-xsmall, .margin-bottom.margin-small {
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
}

.margin-bottom.margin-60 {
  margin-bottom: 3.75rem;
}

.margin-bottom.margin-small {
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
}

.margin-bottom._1-25 {
  margin-bottom: 1.25rem;
}

.text-size-medium {
  font-size: 1.125rem;
  line-height: 130%;
}

.text-size-medium.text-font-figtree {
  letter-spacing: .01rem;
  font-weight: 500;
}

.margin-top, .margin-top.margin-medium, .margin-top.margin-xxlarge, .margin-top.margin-small, .margin-top.margin-tiny, .margin-top.margin-xxsmall, .margin-top.margin-large, .margin-top.margin-xlarge, .margin-top.margin-huge, .margin-top.margin-xhuge, .margin-top.margin-xxhuge {
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
}

.margin-top.margin-custom1 {
  margin: 2.1875rem 0 0;
}

.margin-top.margin-custom2 {
  margin: 4rem 0 0;
}

.margin-top.margin-custom3 {
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
}

.margin-top.margin-10 {
  margin-top: 10px;
}

.margin-top.margin-60 {
  margin-top: 3.75rem;
}

.margin-top.margin-15:where(.w-variant-93d4d7c7-098b-8673-755d-028f015e56ba) {
  margin-left: 0;
}

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

.button-group.is-centred {
  grid-column-gap: 1.6875rem;
  grid-row-gap: 1.6875rem;
  justify-content: center;
  align-items: center;
  margin-top: 0;
}

.button-group.is-right {
  justify-content: flex-end;
  align-items: center;
}

.button-group.flex-child_stretch {
  flex: 1;
  justify-content: flex-start;
  align-items: flex-end;
}

.button-group.flex-horizontal {
  grid-column-gap: 1.6875rem;
  grid-row-gap: 1.6875rem;
  flex-flow: row;
  justify-content: center;
  align-items: center;
}

.button-group.left-vertical {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: row;
}

.home6-header_image-wrapper {
  border-radius: .625rem;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1349px;
  min-height: 619px;
  max-height: 619px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.section_feature {
  color: #fffdf9;
  justify-content: flex-start;
  align-items: flex-start;
  display: block;
  position: relative;
}

.feature_component {
  grid-column-gap: 3.875rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1.25fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  padding-top: 5rem;
  padding-bottom: 10.3125rem;
  display: grid;
}

.feature_component.is-mobile-switch {
  grid-template-columns: 1.25fr 1fr;
  padding-top: 0;
  padding-bottom: 2.5rem;
}

.feature_content.is-off-grid {
  padding-left: 140px;
  position: relative;
}

.icon-1x1-medium {
  width: 3rem;
  height: 3rem;
}

.section_morefeatures {
  color: #02172a;
  background-color: #fff;
}

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

.max-width-large {
  width: 100%;
  max-width: 48rem;
}

.max-width-large.align-center {
  margin-left: auto;
  margin-right: auto;
}

.morefeatures_list {
  grid-column-gap: 2.6875rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: start;
  display: grid;
}

.morefeatures_item {
  flex-direction: column;
  align-items: center;
}

.morefeatures_item.stagger-item {
  grid-column-gap: .3rem;
  grid-row-gap: .3rem;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.morefeatures_image-wrapper {
  aspect-ratio: 616 / 411;
  border-radius: .625rem;
  width: 100%;
  height: auto;
  position: relative;
  overflow: hidden;
}

.heading-style-h5 {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.4;
}

.icon-embed-xsmall {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1.5rem;
  height: 1.5rem;
  display: flex;
}

.margin-vertical, .margin-vertical.margin-medium, .margin-vertical.margin-tiny, .margin-vertical.margin-xxsmall, .margin-vertical.margin-large, .margin-vertical.margin-xlarge, .margin-vertical.margin-huge, .margin-vertical.margin-xhuge, .margin-vertical.margin-xxhuge, .margin-vertical.margin-custom1, .margin-vertical.margin-custom2, .margin-vertical.margin-custom3 {
  margin-left: 0;
  margin-right: 0;
}

.margin-vertical.margin-15:where(.w-variant-93d4d7c7-098b-8673-755d-028f015e56ba) {
  margin-left: 0;
}

.heading-style-h6 {
  letter-spacing: .05rem;
  text-transform: uppercase;
  word-break: normal;
  font-family: Figtree, sans-serif;
  font-size: .75rem;
  font-style: italic;
  font-weight: 600;
  line-height: 1.2;
}

.quote_component {
  grid-column-gap: 5rem;
  grid-row-gap: 0rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 2.25fr;
  grid-auto-columns: 1fr;
  place-content: center;
  place-items: center;
  min-height: 200px;
  display: grid;
}

.quote_content {
  flex: 1;
}

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

.stat_button-wrapper {
  margin-top: 0;
  font-style: italic;
}

.max-width-medium {
  width: 100%;
  max-width: 35rem;
}

.max-width-medium.align-centre {
  margin-left: auto;
  margin-right: auto;
}

.padding-vertical, .padding-vertical.padding-xxlarge, .padding-vertical.padding-0, .padding-vertical.padding-tiny, .padding-vertical.padding-xxsmall, .padding-vertical.padding-xsmall, .padding-vertical.padding-small, .padding-vertical.padding-large, .padding-vertical.padding-xlarge, .padding-vertical.padding-huge, .padding-vertical.padding-xhuge, .padding-vertical.padding-xxhuge {
  padding-left: 0;
  padding-right: 0;
}

.padding-vertical.padding-custom1 {
  padding-bottom: 3.1875rem;
  padding-left: 0;
  padding-right: 0;
}

.padding-vertical.padding-custom2, .padding-vertical.padding-custom3 {
  padding-left: 0;
  padding-right: 0;
}

.padding-vertical.padding-90x {
  padding-top: 5.625rem;
  padding-bottom: 5.625rem;
}

.padding-vertical.padding-90x.no-bottom-padding {
  padding-bottom: 0;
}

.padding-vertical.padding-90x.no-top-padding {
  padding-top: 0;
}

.padding-vertical.padding-60 {
  padding-top: 3.75rem;
  padding-bottom: 3.75rem;
}

.padding-vertical.padding-30 {
  padding-top: 1.875rem;
  padding-bottom: 1.875rem;
}

.padding-vertical.padding-30.bottom-60 {
  padding-bottom: 3.75rem;
}

.form_input {
  border: 1px solid var(--\<unknown\|relume-variable-color-neutral-1\>);
  background-color: var(--\<unknown\|relume-variable-color-neutral-2\>);
  color: var(--\<unknown\|relume-variable-text-color-1\>);
  border-radius: 0;
  height: auto;
  min-height: 2.75rem;
  margin-bottom: 0;
  padding: .5rem .75rem;
  font-size: 1rem;
  line-height: 1.6;
}

.form_input:focus {
  border-color: #000;
}

.form_input::placeholder {
  color: #0009;
}

.form_input.is-text-area {
  height: auto;
  min-height: 11.25rem;
  padding-top: .75rem;
  padding-bottom: .75rem;
  overflow: auto;
}

.form_input.is-select-input {
  background-image: url("https://cdn.prod.website-files.com/64d14310c4accecbf82f0e9f/67d9b3567c2a4b3d79b112db_chevron-down.svg");
  background-position: 99%;
  background-repeat: no-repeat;
  background-size: auto;
}

.form_input.is-select-input.is-alternate {
  background-image: url("https://cdn.prod.website-files.com/64d14310c4accecbf82f0e9f/67d9b3567c2a4b3d79b112dc_chevron-down-white.svg");
}

.form_input.is-alternate {
  color: #fff;
  background-color: #0000;
  border-color: #fff;
}

.form_input.is-alternate::placeholder {
  color: #fff9;
}

.text-size-tiny {
  font-size: .75rem;
}

.padding-top, .padding-top.padding-medium, .padding-top.padding-0, .padding-top.padding-tiny, .padding-top.padding-xxsmall, .padding-top.padding-xsmall, .padding-top.padding-small, .padding-top.padding-large, .padding-top.padding-xlarge, .padding-top.padding-huge, .padding-top.padding-xhuge, .padding-top.padding-xxhuge, .padding-top.padding-custom1, .padding-top.padding-custom2, .padding-top.padding-custom3 {
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}

.trusted-logo-3 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 73.2303px;
  height: 63.6239px;
  display: flex;
}

.padding-section-medium {
  padding-top: 2.5rem;
}

.section_intro {
  color: #02172a;
}

.intro_content-wrapper {
  grid-column-gap: 2.1875rem;
  grid-row-gap: 2.1875rem;
  grid-template-rows: auto;
  grid-template-columns: 1.25fr 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  margin-top: 8.6875rem;
  margin-bottom: .75rem;
  display: grid;
}

.intro_content-left {
  flex-direction: column;
  display: flex;
  position: relative;
  left: 6.625rem;
}

.heading-style-h1 {
  color: #fffdf9;
  letter-spacing: -.02rem;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 3.75rem;
  font-weight: 500;
  line-height: 1.04;
}

.intro_image-group {
  grid-column-gap: 2.1875rem;
  grid-row-gap: 2.1875rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr .75fr;
  grid-auto-columns: 1fr;
  align-items: start;
  display: grid;
}

.intro_image-wrapper1 {
  border-radius: .625rem;
  width: 100%;
  margin-top: 9.9375rem;
  padding-top: 0;
  position: relative;
  overflow: hidden;
}

.intro_image-wrapper2 {
  border-radius: var(--\<unknown\|relume-variable-radius-large\>);
  width: 100%;
  margin-top: 0%;
  overflow: hidden;
}

.intro_image2 {
  aspect-ratio: 1.465;
  object-fit: cover;
  border-radius: .6rem;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.section_stats {
  color: #02172a;
}

.stat_component {
  margin-top: 6.5rem;
  margin-bottom: 8.125rem;
}

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

.text-align-center.flex-centre {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.text-style-tagline {
  letter-spacing: 1.23px;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
  display: inline-block;
}

.heading-style-h2 {
  letter-spacing: .01rem;
  font-size: 2.25rem;
  font-weight: 500;
  line-height: 1.14;
}

.heading-style-h2.is-intro {
  letter-spacing: .13em;
  text-transform: uppercase;
  font-family: Figtree Variablefont Wght, Georgia, sans-serif;
  font-size: 1.625rem;
  font-weight: 700;
  line-height: 1.3;
}

.heading-style-h2.is-open-roles {
  color: #fffdf9;
}

.heading-style-h2.is-large {
  font-size: 3rem;
}

.heading-style-h2.is-small {
  font-size: 1.6875rem;
}

.heading-style-h2.is-small.text-color-navy {
  font-weight: 400;
}

.stat_grid-list {
  grid-column-gap: 3rem;
  grid-row-gap: 4rem;
  border-top: 1px solid #000;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: start center;
  margin-top: 2.5rem;
  padding-top: 2.5rem;
  display: grid;
}

.stat_item {
  text-align: center;
  flex-direction: column;
  align-items: center;
  width: 100%;
}

.icon-embed-medium {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 3rem;
  height: 3rem;
  display: flex;
}

.heading-style-h4 {
  font-family: Tiemposheadline, Georgia, sans-serif;
  font-size: 2.6875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.3;
}

.text-style-link {
  text-decoration: underline;
}

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

.logo_content {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-top: 2.9375rem;
  padding-bottom: 4.5625rem;
  display: flex;
}

.rl-styleguide_nav {
  z-index: 1000;
  background-color: #eee;
  border: 1px solid #000;
  border-radius: 0;
  margin-top: 1rem;
  padding: .5rem;
  position: sticky;
  top: 1rem;
}

.rl-styleguide_nav-link {
  border-radius: 0;
  padding: .5rem 1rem;
  text-decoration: none;
}

.rl-styleguide_nav-link.w--current {
  background-color: #fff;
}

.rl-styleguide_header {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  padding-top: 3rem;
  padding-bottom: 3rem;
  display: flex;
}

.bttn {
  background-color: var(--sofar-blue);
  color: #fff;
  text-align: center;
  border-radius: .8rem;
  flex: none;
  justify-content: center;
  align-items: center;
  min-height: 40px;
  margin-bottom: 8px;
  padding: 1.125rem 1.5rem;
  font-family: Figtree, sans-serif;
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1.5;
  transition: border-color .2s, color .2s, box-shadow .2s, background-color .2s;
  display: flex;
  box-shadow: 0 2px 8px #00000008;
}

.bttn:hover {
  background-color: #074687;
  box-shadow: 0 7px 20px -10px #0003;
}

.bttn:active {
  background-color: #0a3092;
}

.bttn.is-secondary {
  color: #02172a;
  background-color: #fffdf9;
}

.bttn.is-secondary.is-alternate {
  color: #fff;
  background-color: #0000;
}

.bttn.is-link {
  color: #fffdf9;
  background-color: #0000;
  border-style: none;
  padding: .25rem 0;
  font-family: Figtree Variablefont Wght, Georgia, sans-serif;
  font-weight: 700;
  line-height: 1;
  text-decoration: none;
}

.bttn.is-link.is-alternate {
  color: #fff;
  background-color: #0000;
}

.bttn.is-link.is-icon {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
}

.bttn.is-alternate {
  color: #000;
  background-color: #fff;
  border-color: #fff;
}

.bttn.is-icon {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  justify-content: center;
  align-items: center;
  display: flex;
}

.rl-styleguide_heading {
  z-index: 4;
  margin-bottom: 1.5rem;
  padding: .25rem .5rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 3.5rem;
  font-weight: 700;
}

.rl-styleguide_list {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  padding-bottom: 4rem;
}

.rl-styleguide_subheading {
  z-index: 3;
  background-color: #eee;
  border: 1px solid #000;
  border-radius: 0;
  margin-bottom: 1rem;
  padding: 1rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1;
}

.rl-styleguide_subheading.is-text-small {
  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: 400;
}

.rl-styleguide_subheading-small {
  font-size: 1rem;
  font-weight: 400;
}

.rl-styleguide_item-row {
  grid-column-gap: 1.5rem;
  grid-row-gap: 0rem;
  grid-template-rows: auto;
  grid-template-columns: 15rem 1fr;
  align-items: center;
}

.rl-styleguide_item-row.is-button-row {
  grid-template-columns: 19rem 1fr;
}

.rl-styleguide_label {
  color: #1e51f7;
  white-space: nowrap;
  cursor: context-menu;
  background-color: #ebeffa;
  padding: .25rem .5rem;
  font-size: .75rem;
  display: inline-block;
}

.rl-styleguide_label.is-html-tag {
  color: #bb4198;
  background-color: #f9eff6;
}

.heading-style-h3 {
  font-size: 2.5rem;
  font-weight: 500;
  line-height: 1;
}

.heading-style-h3.hide-desktop {
  display: none;
}

.text-size-large {
  margin-bottom: 0;
  font-size: 1.3rem;
  line-height: 123%;
}

.text-size-large.is-link {
  color: var(--white);
  font-weight: 400;
  text-decoration: underline;
}

.text-size-regular {
  font-size: 1rem;
}

.text-weight-xbold {
  font-weight: 800;
}

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

.text-weight-medium {
  font-weight: 500;
}

.text-weight-normal {
  font-weight: 400;
}

.text-weight-light {
  font-weight: 300;
}

.text-style-italic {
  font-style: italic;
}

.text-style-strikethrough {
  text-decoration: line-through;
}

.text-style-allcaps {
  text-transform: uppercase;
}

.text-style-allcaps.text-style-italic.text-size-small {
  font-family: Figtree, sans-serif;
  font-size: .8125rem;
  font-weight: 600;
}

.text-style-nowrap {
  white-space: nowrap;
  line-height: 1.4em;
}

.text-style-quote {
  color: #02172a;
  margin-bottom: 0;
  padding: .75rem 1.25rem .75rem 0;
  font-family: Tiemposheadline, Georgia, sans-serif;
  font-size: 2.375rem;
  line-height: 125%;
}

.text-style-muted {
  opacity: .6;
}

.background-color-black {
  background-color: #000;
}

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

.text-color-white.text-size-large {
  margin-bottom: 0;
  font-size: 1.625rem;
  line-height: 123%;
}

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

.text-align-right {
  text-align: right;
  line-height: 1.3rem;
}

.rl-styleguide_scheme-list {
  grid-column-gap: 1rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.rl-styleguide_scheme {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
}

.rl-styleguide_scheme-card {
  border-radius: 0;
  overflow: hidden;
}

.color-scheme-1 {
  color: #000;
  background-color: #fff;
}

.rl-styleguide_scheme-wrapper {
  padding: 1rem;
}

.rl-styleguide_scheme-foreground {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  background-color: #eee;
  border: 1px solid #000;
  border-radius: 0;
  flex-flow: column;
  padding: 1rem;
  display: flex;
}

.rl-styleguide-accent {
  color: #000;
}

.rl-styleguide_button-list {
  grid-column-gap: 1rem;
  grid-row-gap: 1.5rem;
  white-space: normal;
  grid-template-rows: auto;
  grid-template-columns: auto;
  grid-auto-columns: max-content;
  grid-auto-flow: row;
  place-items: center start;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  display: grid;
}

.class-label-row {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.tabs-menu-4 {
  justify-content: center;
  width: 100%;
  margin-bottom: 48px;
  display: flex;
}

.category-filter-menu {
  align-items: center;
  width: 100%;
  margin-bottom: 4rem;
  display: flex;
}

.category-filter-menu.is-center {
  justify-content: center;
  align-items: center;
}

.category-filter-link {
  white-space: nowrap;
  background-color: #0000;
  border: 1px solid #0000;
  flex: none;
  padding: .5rem 1rem;
  text-decoration: none;
}

.category-filter-link.w--current {
  background-color: #eee;
  border-color: #000;
}

.slider-arrow {
  color: #000;
  background-color: #eee;
  border: 1px solid #000;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 3rem;
  height: 3rem;
  display: flex;
}

.slider-arrow.is-bottom-previous {
  inset: auto 4rem 0% auto;
}

.slider-arrow.is-bottom-next {
  inset: auto 0% 0% auto;
}

.slider-arrow.is-centre-previous, .slider-arrow.is-centre-next {
  bottom: 4rem;
}

.slider-arrow-icon_default {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  display: flex;
}

.hidden-ui-elements {
  display: none;
}

.slider-arrow-icon {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  display: flex;
}

.tag {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  color: #000;
  background-color: #eee;
  border: 1px solid #eee;
  justify-content: center;
  align-items: center;
  padding: .175rem .5rem;
  font-size: .875rem;
  font-weight: 600;
  text-decoration: none;
  display: inline-flex;
}

.tag.is-text {
  background-color: #0000;
  border-style: none;
  border-color: #0000;
  padding: 0;
  display: inline-block;
}

.tag.is-text.is-alternate {
  color: #fff;
  background-color: #0000;
}

.tag.is-alternate {
  color: #000;
  background-color: #fff;
  border-color: #fff;
}

.rl-styleguide_form-wrapper {
  padding-right: 1.5rem;
}

.form_form {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.class-label-column {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.form_field-wrapper {
  position: relative;
}

.form_field-label {
  margin-bottom: .5rem;
  font-weight: 400;
}

.form_field-label.is-alternate {
  color: #fff;
}

.form_checkbox {
  align-items: center;
  margin-bottom: 0;
  padding-left: 1.25rem;
  display: flex;
}

.form_checkbox.is-alternate {
  color: #fff;
}

.form_checkbox-icon {
  cursor: pointer;
  border: 1px solid #000;
  border-radius: 0;
  width: 1.125rem;
  min-width: 1.125rem;
  height: 1.125rem;
  min-height: 1.125rem;
  margin-top: 0;
  margin-left: -1.25rem;
  margin-right: .5rem;
  transition: all .2s;
}

.form_checkbox-icon.w--redirected-checked {
  box-shadow: none;
  background-color: #000;
  background-size: 16px 16px;
  border-width: 1px;
  border-color: #000;
}

.form_checkbox-icon.w--redirected-focus {
  box-shadow: none;
  border-color: #000;
}

.form_checkbox-icon.is-alternate {
  border-color: #fff;
}

.form_checkbox-label {
  margin-bottom: 0;
}

.form_radio {
  align-items: center;
  margin-bottom: 0;
  padding-left: 1.125rem;
  display: flex;
}

.form_radio.is-alternate {
  color: #fff;
}

.form_radio-icon {
  cursor: pointer;
  border: 1px solid #000;
  border-radius: 100px;
  width: 1.125rem;
  min-width: 1.125rem;
  height: 1.125rem;
  min-height: 1.125rem;
  margin-top: 0;
  margin-left: -1.125rem;
  margin-right: .5rem;
}

.form_radio-icon.w--redirected-checked {
  background-color: #fff;
  background-image: none;
  border-width: 6px;
  border-color: #000;
}

.form_radio-icon.w--redirected-focus {
  box-shadow: none;
  border-color: #000;
  margin-top: 0;
}

.form_radio-icon.is-alternate {
  border-color: #fff;
}

.form_radio-label {
  margin-bottom: 0;
}

.form_message-success-wrapper {
  margin-top: 1rem;
  padding: 0;
}

.form_message-success {
  color: #027a48;
  background-color: #ecfdf3;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 2.5rem;
  display: flex;
}

.form_message-error-wrapper {
  margin-top: 1rem;
  padding: 0;
}

.form_message-error {
  color: #b42318;
  background-color: #fef3f2;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 1rem;
  display: flex;
}

.rl-styleguide_icons-list {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-wrap: wrap;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  display: grid;
}

.rl-styleguide_item {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-content: start;
  place-items: start;
  padding-bottom: 1rem;
  display: grid;
}

.rl-styleguide_item.is-stretch {
  grid-row-gap: 1rem;
  justify-items: stretch;
}

.icon-height-xxsmall {
  height: 1rem;
}

.icon-height-small {
  height: 2rem;
}

.icon-height-medium {
  height: 3rem;
}

.icon-height-large {
  height: 5rem;
}

.icon-height-xlarge {
  height: 6.5rem;
}

.icon-height-custom1 {
  height: 1.25rem;
}

.icon-1x1-xxsmall {
  width: 1rem;
  height: 1rem;
}

.icon-1x1-xsmall {
  width: 1.5rem;
  height: 1.5rem;
}

.icon-1x1-small {
  height: 2rem;
}

.icon-1x1-large {
  width: 5rem;
  height: 5rem;
}

.icon-1x1-xlarge {
  width: 6.5rem;
  height: 6.5rem;
}

.icon-1x1-custom1 {
  width: 1.25rem;
  height: 1.25rem;
}

.icon-embed-xxsmall {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  display: flex;
}

.icon-embed-xxsmall.hide-desktop:where(.w-variant-93d4d7c7-098b-8673-755d-028f015e56ba) {
  display: none;
}

.icon-embed-small {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 2rem;
  display: flex;
}

.icon-embed-large {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 5rem;
  height: 5rem;
  display: flex;
}

.icon-embed-xlarge {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 6.5rem;
  height: 6.5rem;
  display: flex;
}

.icon-embed-custom1 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  height: 1.25rem;
  display: flex;
}

.rl-styleguide_radius-large-list {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

.rl-styleguide_radius-large {
  aspect-ratio: 1;
  object-fit: cover;
  border: 1px solid #000;
  border-radius: 0;
}

.rl-styleguide_radius-medium-list {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.rl-styleguide_radius-medium {
  aspect-ratio: 1;
  object-fit: cover;
  border: 1px solid #000;
  border-radius: 0;
}

.rl-styleguide_radius-small-list {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}

.rl-styleguide_radius-small {
  aspect-ratio: 1;
  object-fit: cover;
  border: 1px solid #000;
  border-radius: 0;
}

.rl-styleguide_shadows-list {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  align-items: start;
}

.shadow-xxsmall {
  box-shadow: 0 1px 2px #0000000d;
}

.rl-styleguide_empty-space {
  z-index: -1;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  padding: 2rem;
  display: flex;
  position: relative;
}

.shadow-xsmall {
  box-shadow: 0 1px 3px #0000001a, 0 1px 2px #0000000f;
}

.shadow-small {
  box-shadow: 0 4px 8px -2px #0000001a, 0 2px 4px -2px #0000000f;
}

.shadow-medium {
  box-shadow: 0 12px 16px -4px #00000014, 0 4px 6px -2px #00000008;
}

.shadow-large {
  box-shadow: 0 20px 24px -4px #00000014, 0 8px 8px -4px #00000008;
}

.shadow-xlarge {
  box-shadow: 0 24px 48px -12px #0000002e;
}

.shadow-xxlarge {
  box-shadow: 0 32px 64px -12px #00000024;
}

.rl-styleguide_empty-box {
  z-index: -1;
  background-color: #eee;
  min-width: 3rem;
  height: 3rem;
  position: relative;
}

.container-small {
  width: 100%;
  max-width: 48rem;
  margin-left: auto;
  margin-right: auto;
}

.container-medium {
  width: 100%;
  max-width: 64rem;
  margin-left: auto;
  margin-right: auto;
}

.rl-styleguide_spacing {
  border: 1px dashed #000;
}

.padding-section-small {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.max-width-full {
  width: 100%;
  max-width: none;
}

.max-width-xxlarge {
  width: 100%;
  max-width: 80rem;
}

.max-width-xlarge {
  width: 100%;
  max-width: 64rem;
}

.max-width-xlarge.is-centred {
  margin-left: auto;
  margin-right: auto;
}

.max-width-small {
  width: 100%;
  max-width: 30rem;
}

.max-width-xsmall {
  width: 100%;
  max-width: 25rem;
}

.max-width-xxsmall {
  width: 100%;
  max-width: 20rem;
}

.padding-horizontal, .padding-horizontal.padding-0, .padding-horizontal.padding-tiny, .padding-horizontal.padding-xxsmall, .padding-horizontal.padding-xsmall, .padding-horizontal.padding-small, .padding-horizontal.padding-large, .padding-horizontal.padding-xlarge, .padding-horizontal.padding-huge, .padding-horizontal.padding-xhuge, .padding-horizontal.padding-xxhuge, .padding-horizontal.padding-custom1, .padding-horizontal.padding-custom2, .padding-horizontal.padding-custom3 {
  padding-top: 0;
  padding-bottom: 0;
}

.padding-left, .padding-left.padding-0, .padding-left.padding-tiny, .padding-left.padding-xxsmall, .padding-left.padding-xsmall, .padding-left.padding-small, .padding-left.padding-large, .padding-left.padding-xlarge, .padding-left.padding-huge, .padding-left.padding-xhuge, .padding-left.padding-xxhuge, .padding-left.padding-custom1, .padding-left.padding-custom2, .padding-left.padding-custom3 {
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 0;
}

.padding-right {
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
}

.padding-right.padding-medium {
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}

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

.padding-right.padding-0, .padding-right.padding-tiny, .padding-right.padding-xxsmall, .padding-right.padding-xsmall, .padding-right.padding-small, .padding-right.padding-large, .padding-right.padding-xlarge, .padding-right.padding-huge, .padding-right.padding-xhuge, .padding-right.padding-xxhuge, .padding-right.padding-custom1, .padding-right.padding-custom2, .padding-right.padding-custom3 {
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
}

.padding-0 {
  padding: 0;
}

.padding-tiny {
  padding: .25rem;
}

.padding-xxsmall {
  padding: .5rem;
}

.padding-xsmall {
  padding: 1rem;
}

.padding-small {
  padding: 1.5rem;
}

.padding-medium {
  padding: 2rem;
}

.padding-large {
  padding: 3rem;
}

.padding-xlarge {
  padding: 4rem;
}

.padding-xxlarge {
  padding: 5rem;
}

.padding-huge {
  padding: 6rem;
}

.padding-xhuge {
  padding: 7rem;
}

.padding-xxhuge {
  padding: 10rem;
}

.margin-horizontal, .margin-horizontal.margin-tiny, .margin-horizontal.margin-xxsmall, .margin-horizontal.margin-large, .margin-horizontal.margin-xlarge, .margin-horizontal.margin-huge, .margin-horizontal.margin-xhuge, .margin-horizontal.margin-xxhuge, .margin-horizontal.margin-custom1, .margin-horizontal.margin-custom2, .margin-horizontal.margin-custom3 {
  margin-top: 0;
  margin-bottom: 0;
}

.margin-left, .margin-left.margin-tiny, .margin-left.margin-xxsmall, .margin-left.margin-large, .margin-left.margin-xlarge, .margin-left.margin-huge, .margin-left.margin-xhuge, .margin-left.margin-xxhuge {
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 0;
}

.margin-left.margin-custom1 {
  margin: 0 0 0 1.1875rem;
}

.margin-left.margin-custom2, .margin-left.margin-custom3 {
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 0;
}

.margin-right {
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
}

.margin-right.margin-xsmall {
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
}

.margin-right.margin-0 {
  margin-top: 0;
  font-family: Gilroy, sans-serif;
}

.margin-right.margin-small, .margin-right.margin-xxlarge {
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
}

.margin-right.margin-medium {
  margin-left: 0;
  margin-right: 0;
}

.margin-right.margin-tiny, .margin-right.margin-xxsmall, .margin-right.margin-large, .margin-right.margin-xlarge, .margin-right.margin-huge, .margin-right.margin-xhuge, .margin-right.margin-xxhuge, .margin-right.margin-custom1, .margin-right.margin-custom2, .margin-right.margin-custom3 {
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
}

.margin-0 {
  margin: 0;
}

.margin-tiny {
  margin: .25rem;
}

.margin-xxsmall {
  margin: .5rem;
}

.margin-xsmall {
  margin: 1rem;
}

.margin-small {
  margin: 1.5rem;
}

.margin-30 {
  margin: 1.875rem;
}

.margin-large {
  margin: 3rem;
}

.margin-xlarge {
  margin: 4rem;
}

.margin-xxlarge {
  margin: 5rem;
}

.margin-huge {
  margin: 6rem;
}

.margin-xhuge {
  margin: 7rem;
}

.margin-xxhuge {
  margin: 10rem;
}

.spacer-tiny {
  width: 100%;
  padding-top: .25rem;
}

.spacer-xxsmall {
  width: 100%;
  padding-top: .5rem;
}

.spacer-xsmall {
  width: 100%;
  padding-top: 1rem;
}

.spacer-small {
  width: 100%;
  padding-top: 1.5rem;
}

.spacer-medium {
  width: 100%;
  padding-top: 2rem;
}

.spacer-large {
  width: 100%;
  padding-top: 3rem;
}

.spacer-xlarge {
  width: 100%;
  padding-top: 4rem;
}

.spacer-xxlarge {
  width: 100%;
  padding-top: 5rem;
}

.spacer-huge {
  width: 100%;
  padding-top: 6rem;
}

.spacer-xhuge {
  width: 100%;
  padding-top: 7rem;
}

.spacer-xxhuge {
  width: 100%;
  padding-top: 10rem;
}

.rl-styleguide_spacing-all, .hide {
  display: none;
}

.overflow-hidden {
  overflow: hidden;
}

.overflow-auto {
  overflow: auto;
}

.overflow-scroll {
  overflow: scroll;
}

.pointer-events-auto {
  pointer-events: auto;
}

.pointer-events-none {
  pointer-events: none;
}

.layer {
  justify-content: center;
  align-items: center;
  position: absolute;
  inset: 0%;
}

.spacing-clean {
  margin: 0;
  padding: 0;
}

.align-center {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.z-index-1 {
  z-index: 1;
  position: relative;
}

.z-index-2 {
  z-index: 2;
  position: relative;
}

.margin-top-auto {
  margin-top: auto;
}

.aspect-ratio-square {
  aspect-ratio: 1;
}

.rl-styleguide_ratio-bg {
  z-index: -1;
  background-color: #eee;
  min-width: 3rem;
  height: 100%;
  position: relative;
}

.aspect-ratio-portrait {
  aspect-ratio: 2 / 3;
}

.aspect-ratio-landscape {
  aspect-ratio: 3 / 2;
}

.aspect-ratio-widescreen {
  aspect-ratio: 16 / 9;
}

.rl-styleguide_color-spacer {
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  padding: 1rem;
  display: flex;
}

.section_join {
  color: #fff;
  background-color: #096ed3;
}

.join_component {
  flex-direction: column;
  align-items: center;
}

.join_heading-wrapper {
  grid-column-gap: 5rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr max-content;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  place-items: center stretch;
  margin-bottom: 1.375rem;
  display: grid;
}

.join_heading {
  flex: 1;
}

.join_list {
  grid-column-gap: 2.6875rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1.75fr 1fr 1fr;
  display: grid;
}

.join_item {
  border-radius: .625rem;
  overflow: hidden;
}

.join_image {
  aspect-ratio: 3 / 2;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.join_image.hide-desktop {
  display: none;
}

.footer_component {
  color: #fff;
  background-color: #02172a;
}

.footer_top-wrapper {
  flex-direction: column;
  align-items: center;
  padding-top: 5rem;
  display: flex;
}

.footer_logo-link {
  margin-top: 4.9375rem;
  margin-bottom: 0;
  padding-left: 0;
}

.footer_link-list {
  grid-column-gap: 1.5rem;
  grid-row-gap: 0px;
  white-space: normal;
  grid-template-rows: auto;
  grid-template-columns: max-content;
  grid-auto-columns: max-content;
  grid-auto-flow: column;
  justify-content: center;
  justify-items: start;
  display: flex;
}

.footer_link {
  color: #fff;
  text-align: center;
  font-family: Figtree, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  text-decoration: none;
}

.footer_legal-list {
  grid-column-gap: .6rem;
  grid-row-gap: 0rem;
  color: #cbd5e1;
  white-space: normal;
  grid-template-rows: auto;
  grid-template-columns: max-content;
  grid-auto-columns: max-content;
  grid-auto-flow: column;
  justify-content: center;
  margin-top: 2.375rem;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.footer_legal-link {
  color: #fffdf9cc;
  font-family: Figtree, sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.3rem;
  text-decoration: none;
}

.footer_legal-link.is-copyright {
  margin-right: 3.5rem;
}

.home6-header_heading_wrapper {
  z-index: 2;
  text-align: center;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.text-span-tiempos {
  font-family: Tiemposheadline, Georgia, sans-serif;
  font-style: italic;
  font-weight: 400;
}

.text-span-tiempos.text-size-custom {
  font-size: 2.8125rem;
}

.trusted-logo-2 {
  width: 75px;
  height: 75px;
}

.trusted-logo-4 {
  width: 67px;
  height: 68px;
}

.trusted-logo-5 {
  width: 87px;
  height: 33px;
}

.trusted-logo-1 {
  width: 159px;
  height: 34px;
}

.text-font-figtree {
  letter-spacing: .01rem;
  font-family: Figtree, sans-serif;
}

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

.quote-slider {
  background-color: #ddd0;
  justify-content: center;
  align-items: center;
  height: auto;
  min-height: 100%;
  max-height: 100%;
}

.quote-slide {
  height: 100%;
  min-height: 200px;
  margin-top: 0;
  margin-bottom: 0;
}

.quote-slider-mask {
  height: 200px;
  min-height: 200px;
}

.footer-logo {
  min-width: 174px;
  max-width: 174px;
}

.circle-spacer {
  background-color: #fffdf9cc;
  border-radius: 100%;
  width: .25rem;
  height: .25rem;
  margin: auto;
}

.progress-bar_wrapper {
  z-index: 7;
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-end;
  padding-top: 90px;
  padding-bottom: 90px;
  display: flex;
  position: sticky;
  inset: 25% 0% 0% auto;
}

.progress-line-link {
  background-color: #fffdf9cc;
  border-radius: 100px 0 0 100px;
  width: 38px;
  height: 4px;
  transition: all .575s;
}

.progress-line-link.w--current {
  background-color: var(--blue);
  width: 48px;
}

.feature-text-centre {
  text-align: center;
  padding-top: 0;
  padding-bottom: 0;
}

.section-sticky-wrapper {
  position: relative;
}

.section_features {
  color: #fffdf9;
  justify-content: flex-start;
  align-items: flex-start;
  position: relative;
}

.progress-bar_container {
  z-index: 7;
  width: 20%;
  height: 100%;
  position: absolute;
  inset: 0% 0% auto auto;
}

.quote-arrow-left, .quote-arrow-right {
  display: none;
}

.quote-logo.nyt {
  max-width: 264px;
}

.quote-logo.is-forbes {
  max-width: 100px;
}

.section_hero-header {
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.hero-header_content {
  z-index: 1;
  justify-content: center;
  align-items: center;
  min-height: 100svh;
  max-height: 60rem;
  display: flex;
  position: relative;
}

.line-hover-button {
  flex: none;
  line-height: 1.5;
}

.line-hover-button:active {
  background-color: #0a3092;
}

.line-hover-button.hover-line {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  background-color: #0000;
  flex-flow: column;
  text-decoration: none;
  display: flex;
}

.line-wrap {
  width: 100%;
  height: 1px;
  position: relative;
}

.line-track {
  background-color: var(--blue);
  color: var(--blue);
  border-radius: 13px;
  width: 100%;
  height: 2px;
  position: absolute;
  inset: 0%;
}

.globe-animation_wrapper {
  width: 100%;
  height: 100%;
  display: block;
}

.legal-link_wrapper {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: flex;
}

.padding-section-features {
  padding-top: 8.125rem;
  padding-bottom: 3.75rem;
}

.padding-section-quote {
  padding-top: 4.5rem;
  padding-bottom: 4.5rem;
}

.feature-mobile-divider {
  display: none;
}

.div-block-359 {
  justify-content: center;
  align-items: stretch;
}

.logo_lists-copy {
  grid-column-gap: 5.25rem;
  grid-row-gap: 1rem;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  padding-top: .5rem;
  padding-bottom: .5rem;
  display: flex;
}

.logo-slider_slide {
  width: auto;
  margin-left: 2.625rem;
  margin-right: 2.625rem;
}

.logo-slider {
  background-color: #ddd0;
  height: auto;
  display: none;
}

.vimeo-bg {
  z-index: 0;
  pointer-events: auto;
  color: #efeeec;
  isolation: isolate;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 100vw;
  height: 100%;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  transform: translateX(0);
}

.vimeo-bg.cc-large {
  width: 112%;
  height: 112%;
  margin-top: -4%;
  margin-left: -4%;
}

.vimeo-bg__iframe-wrapper {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: absolute;
}

.vimeo-bg__before {
  padding-top: 62.5%;
}

.vimeo-bg__iframe {
  pointer-events: none;
  width: 100%;
  height: 100%;
  position: absolute;
}

.vimeo-bg__placeholder {
  object-fit: cover;
  width: 100%;
  height: 100%;
  transition: opacity .3s linear;
  display: block;
  position: absolute;
}

.vimeo-bg__play {
  cursor: pointer;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  display: none;
  position: absolute;
  bottom: 4vw;
  right: 4vw;
}

.vimeo-bg__btn {
  -webkit-backdrop-filter: blur(1em);
  backdrop-filter: blur(1em);
  background-color: #64646433;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 3em;
  height: 3em;
  transition: opacity .3s linear;
  display: flex;
  position: relative;
}

.vimeo-bg__btn-play-svg {
  width: 40%;
}

.vimeo-bg__pause {
  cursor: pointer;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  display: none;
  position: absolute;
  bottom: 4vw;
  right: 4vw;
}

.vimeo-bg__btn-pause-svg {
  width: 50%;
}

.ratio-3x2 {
  aspect-ratio: 3 / 2;
  position: relative;
}

.ratio-3x2.cc-radius {
  border-radius: .625rem;
  width: 100%;
  height: auto;
  overflow: clip;
}

.ratio-3x2.tablet-auto, .ratio-3x2.cc-width-100 {
  width: 100%;
  height: auto;
}

.logos_main {
  align-items: center;
  width: 100%;
  max-width: 82rem;
  margin-left: auto;
  margin-right: auto;
  display: none;
  position: relative;
  overflow: clip;
}

.logos_wrapper {
  z-index: 1;
  grid-column-gap: 4rem;
  flex: none;
  align-items: center;
  padding-left: 2rem;
  padding-right: 2rem;
  display: flex;
  position: relative;
}

.globe-animation-bg {
  aspect-ratio: 1;
  mix-blend-mode: difference;
  max-width: 24rem;
  max-height: 24rem;
}

.video-animation-embed {
  width: 100%;
  height: 100%;
}

.video-animation-embed-wrapper {
  aspect-ratio: 1;
  width: 100%;
  min-width: 100%;
  max-width: 28rem;
  height: 100%;
  min-height: 100%;
  max-height: none;
  display: block;
  position: relative;
}

.bg-navy {
  background-color: #03172b;
}

.globe-animation {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.video-wrapper {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
  overflow: clip;
}

.video-wrapper.cc-large {
  width: 104%;
  height: 104%;
  margin-top: -2%;
  margin-left: -2%;
}

.video-embed {
  width: 101%;
  height: 100%;
  margin-left: -1%;
}

.h1-style {
  font-size: 4.6875rem;
  line-height: 6.5rem;
}

.margin-30px {
  margin: 1.875rem;
}

.button-2 {
  border: 1px solid var(--\<unknown\|relume-variable-neutral-shade-7\>);
  background-color: var(--\<unknown\|relume-variable-neutral-shade-7\>);
  color: var(--\<unknown\|relume-variable-neutral-white\>);
  text-align: center;
  padding: .75rem 1.5rem;
  text-decoration: none;
}

.button-2.is-secondary {
  background-color: var(--\<unknown\|relume-variable-transparent\>);
  color: var(--\<unknown\|relume-variable-neutral-shade-7\>);
}

.button-2.is-link {
  background-color: var(--\<unknown\|relume-variable-transparent\>);
  color: var(--\<unknown\|relume-variable-neutral-shade-7\>);
  border-style: none;
  padding: .25rem 0;
  line-height: 1;
  text-decoration: none;
}

.button-2.is-link.is-icon {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
}

.section_centre-text {
  position: relative;
}

.section_centre-text.background-color-white {
  background-color: var(--white);
}

.text-size-medium-2 {
  font-size: 1.125rem;
}

.padding-section-large-2 {
  padding-top: 7rem;
  padding-bottom: 7rem;
}

.button-group-2 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.button-group-2.is-center {
  justify-content: center;
}

.heading {
  font-size: 2.8125rem;
  font-weight: 700;
  line-height: 1.2;
}

.centre-text_component {
  padding-bottom: 0;
}

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

.margin-15 {
  margin: .9375rem;
}

.section_layout22 {
  background-color: var(--\<unknown\|relume-variable-color-scheme-1-background\>);
  color: var(--\<unknown\|relume-variable-color-scheme-1-text\>);
}

.text-size-17 {
  margin-bottom: 0;
  font-size: 1.0625rem;
  font-weight: 400;
  line-height: 133%;
}

.text-size-17.text-weight-semibold {
  font-family: Figtree Variablefont Wght, Georgia, sans-serif;
  font-weight: 600;
}

.text-size-17.is-link {
  color: var(--white);
  text-decoration: underline;
}

.text-size-17.is-link.text-color-navy {
  color: var(--navy-2);
}

.text-size-17.text-color-white.underline {
  text-decoration: underline;
}

.text-size-17.text-weight-bold {
  font-weight: 700;
}

.text-size-17 a {
  color: #fff;
  font-family: Figtree Variablefont Wght, Georgia, sans-serif;
  font-weight: 500;
  text-decoration: underline;
}

.text-size-17.text-color-navy.text-weight-light {
  -webkit-text-stroke-color: var(--darkblue);
  font-weight: 300;
  text-decoration: underline;
}

.text-size-17.text-color-navy.text-weight-light:where(.w-variant-93d4d7c7-098b-8673-755d-028f015e56ba) {
  text-decoration: none;
}

.text-size-17.text-color-navy.is-underline {
  text-decoration: underline;
}

.layout22_image {
  aspect-ratio: 1;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.layout22_image-wrapper {
  border-radius: var(--\<unknown\|relume-variable-radius-large\>);
  overflow: hidden;
}

.layout22_content {
  grid-column-gap: 5rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
}

.button-group-3 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.heading-style-h2-2 {
  font-size: 3rem;
  font-weight: 700;
  line-height: 1.2;
}

.layout22_icon-wrapper {
  display: inline-block;
}

.background-color-navy {
  color: var(--white);
  background-color: #02172a;
}

.portrait-image-link-list_image {
  object-fit: cover;
  border-radius: 1rem;
  width: 100%;
}

.heading-style-h1-2 {
  font-size: 3.5rem;
  font-weight: 700;
  line-height: 1.2;
}

.portrait-image-link-list_content {
  max-width: 35rem;
  margin-left: 5rem;
}

.button-group-4 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.portrait-image-link-list_component {
  grid-column-gap: 0rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
}

.icon-link {
  grid-column-gap: 1.0625rem;
  grid-row-gap: 1.0625rem;
  color: var(--white);
  grid-template-rows: auto;
  grid-template-columns: minmax(min-content, max-content) 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  font-weight: 500;
  text-decoration: underline;
  display: grid;
}

.line-divider {
  border-top: 1px solid var(--grey-200);
  flex-flow: column;
  width: 100%;
  margin-top: 1.875rem;
  margin-bottom: 1.875rem;
  display: flex;
}

.line-divider.spacing-60px {
  margin-top: 3.75rem;
  margin-bottom: 3.75rem;
}

.line-divider.spacing-60px.background-color-black {
  height: 1px;
  margin-bottom: 0;
  padding-top: .5px;
  padding-bottom: .5px;
}

.icon-link-grid {
  grid-column-gap: 1.125rem;
  grid-row-gap: 1.875rem;
  grid-template-columns: minmax(auto, auto) 1fr;
  place-items: center start;
}

._3col-card_image-wrapper {
  border-radius: .625rem;
  width: 100%;
  overflow: hidden;
}

._3col-card_image-wrapper.bottom-rounded-0 {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  position: relative;
}

.text-size-medium-3 {
  font-size: 1.125rem;
}

.section_blog38 {
  background-color: var(--\<unknown\|relume-variable-color-scheme-1-background\>);
  color: var(--\<unknown\|relume-variable-color-scheme-1-text\>);
}

._3col-card_component {
  flex-direction: column;
  align-items: center;
}

._3col-card_meta-wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.button-group-5 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.button-group-5.is-right {
  justify-content: flex-end;
  align-items: center;
}

._3col-card_item-link {
  color: var(--darkblue);
  border-radius: .625rem;
  text-decoration: none;
  overflow: hidden;
}

._3col-card_item-link.text-color-white {
  color: var(--white);
}

._3col-card_list {
  grid-column-gap: 4.525rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  display: grid;
}

._3col-card_item {
  font-weight: 400;
}

._3col-card_item.is-blue {
  background-color: var(--blue);
  color: var(--white);
  border-radius: .625rem;
}

._3col-card_image {
  aspect-ratio: 360 / 240;
  object-fit: cover;
  border-radius: .625rem;
  width: 100%;
  height: 100%;
}

._3col-card_image.bottom-rounded-non {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

._3col-card_image.scale-down {
  object-fit: scale-down;
}

.tag-2 {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  border: 1px solid var(--\<unknown\|relume-variable-neutral-shade-1\>);
  background-color: var(--\<unknown\|relume-variable-neutral-shade-1\>);
  color: var(--\<unknown\|relume-variable-neutral-shade-7\>);
  justify-content: center;
  align-items: center;
  padding: .175rem .5rem;
  font-size: .875rem;
  font-weight: 600;
  text-decoration: none;
  display: inline-flex;
}

.text-size-k {
  font-size: 1.125rem;
  line-height: 130%;
}

.text-size-k.text-font-figtree {
  letter-spacing: .01rem;
  font-weight: 500;
}

.background-color-grey {
  background-color: #e2e8f0;
}

.tag-subheading {
  text-transform: uppercase;
  font-size: 14px;
  line-height: 130%;
}

.card-heading-style {
  font-size: 1.35rem;
  font-weight: 600;
  line-height: 1.2;
}

.card-heading-style.text-size-21 {
  font-size: 1.3125rem;
}

.logo-wrapper {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.ratio-1-1 {
  aspect-ratio: 1;
  position: relative;
}

.ratio-1-1.cc-radius {
  border-radius: .625rem;
  width: 100%;
  height: auto;
  overflow: hidden;
}

.ratio-1-1.tablet-auto, .ratio-1-1.cc-width-100 {
  width: 100%;
  height: auto;
}

.card-text-wrapper {
  padding-top: 5.625rem;
  padding-bottom: 5.625rem;
  padding-left: 3.75rem;
}

.card-text-wrapper.is-off-grid {
  padding-left: 140px;
  position: relative;
}

._2col-grid {
  grid-template-rows: auto;
}

.header1_image-wrapper {
  border-radius: var(--\<unknown\|relume-variable-radius-large\>);
  overflow: hidden;
}

.header1_image {
  aspect-ratio: 1;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.text-size-medium-4 {
  font-size: 1.125rem;
}

.button-group-6 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.section_card-slider {
  color: var(--white);
}

.header1_content, .platform-card-slider {
  grid-column-gap: 5rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
}

.card-slider_wrapper {
  background-color: var(--blue);
  border-radius: .625rem;
  padding: 3.75rem;
}

.image-slider, .slider {
  aspect-ratio: 590 / 472;
}

.slider-image {
  aspect-ratio: 590 / 472;
  object-fit: cover;
  border-radius: .625rem;
}

.slider-wrapper {
  background-color: #ddd0;
  height: auto;
}

.right-slder {
  font-size: 19px;
  inset: 0% -5% 0% auto;
}

.left-slider {
  font-size: 18px;
  inset: 0% auto 0% -5%;
}

.text-color-navy {
  color: var(--darkblue);
}

.text-color-navy.text-align-center {
  margin-left: auto;
  margin-right: auto;
}

.pde3uhue {
  font-family: Figtree, sans-serif;
  display: none;
}

.nav-spacer {
  height: 88px;
}

.faq_accordion {
  background-color: var(--\<unknown\|relume-variable-color-scheme-1-foreground\>);
  border-top: 1px solid #e2e8f0;
  border-bottom: 1px solid #e2e8f0;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  margin-top: 1.875rem;
  overflow: hidden;
}

.faq_question {
  cursor: pointer;
  justify-content: flex-start;
  align-items: center;
  padding: 1.25rem 1.5rem 1.25rem 0;
  display: flex;
}

.text-size-medium-5 {
  font-size: 1.125rem;
  line-height: 130%;
}

.faq_icon-wrapper {
  justify-content: flex-start;
  align-self: center;
  align-items: center;
  margin-left: 6px;
  display: flex;
}

.faq_answer {
  padding-left: 0;
  padding-right: 1.5rem;
  overflow: hidden;
}

.hero-grid-header {
  grid-column-gap: 3.125rem;
  grid-row-gap: 3.125rem;
  grid-template-rows: auto;
  grid-template-columns: minmax(200px, 642px) 1fr;
}

.background-color-brand {
  background-color: var(--blue);
  color: var(--white);
}

.diagram-grid {
  grid-column-gap: 56px;
  grid-template-rows: 1fr 1fr 1fr 1fr;
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
}

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

.diagram-image {
  object-fit: contain;
  min-height: 125px;
  max-height: 125px;
}

.full-height-container {
  position: relative;
}

.diagram-pullout.custom-4-57 {
  position: absolute;
  inset: 4.57% 0% auto;
}

.diagram-pullout._26-47 {
  position: absolute;
  inset: 26.47% 0% auto;
}

.diagram-pullout._52-27 {
  position: absolute;
  inset: 52.27% 0% auto;
}

.diagram-pullout._81-77 {
  position: absolute;
  inset: 81.77% 0% auto;
}

.diagram-pullout._45-27 {
  position: absolute;
  inset: 45.27% 0% auto;
}

.diagram-pullout._70 {
  position: absolute;
  inset: 62% 0% auto;
}

.diagram-pullout.current-meter {
  position: absolute;
  inset: 53.27% 0% auto;
}

.diagram-pullout._22-47 {
  position: absolute;
  inset: 26.47% 0% auto;
}

.diagram-pullout.smart-mooring {
  position: absolute;
  inset: 21.47% 0% auto;
}

.diagram-pullout._52-27-copy {
  position: absolute;
  inset: 67.27% 0% auto;
}

.diagram-pullout._66 {
  position: absolute;
  inset: 66% 0% auto;
}

.diagram-hero-image {
  aspect-ratio: auto;
  object-fit: contain;
  border-radius: 10px;
  transition-property: none;
}

.diagram-pullout-line {
  position: absolute;
  top: 50%;
  bottom: 0%;
  right: 100%;
}

.diagram-pullout-line._26-77 {
  width: 26.77%;
}

.diagram-pullout-line._34-18 {
  width: 34.18%;
}

.diagram-pullout-line._66-96 {
  width: 66.96%;
}

.diagram-pullout-line._60-95 {
  width: 60.95%;
}

.diagram-pullout-line.temperature-sensor-2 {
  width: 66%;
  top: -90%;
  right: 105%;
}

.diagram-pullout-line._66-96-copy {
  width: 66.96%;
  top: -1%;
}

.diagram-pullout-line.pressure-sensor {
  width: 66%;
  top: 50%;
  right: 94%;
}

.diagram-pullout-line._66-96-copy, .diagram-pullout-line._66-96-copy-copy {
  width: 66.96%;
}

.diagram-pullout-line.temperature-sensor {
  width: 69%;
  top: -104%;
}

.diagram-pullout-line.oxygen-sensor {
  width: 72%;
  top: -43%;
}

.diagram-pullout-line._70 {
  width: 70%;
}

.diagram-pullout-line.pressure-sensor-2 {
  width: 66%;
  top: 50%;
  right: 100%;
}

.diagram-pullout-line.temperature-sensor-3 {
  width: 70%;
  top: -109%;
  right: 105%;
}

.diagram-pullout-line._26-77-copy {
  width: 35%;
  top: 60%;
}

.diagram-pullout-line._34-18-copy {
  width: 47%;
  top: 41%;
}

.section_hero-video {
  background-color: var(--\<unknown\|relume-variable-color-scheme-1-background\>);
  color: var(--\<unknown\|relume-variable-color-scheme-1-text\>);
}

.padding-section-large-3 {
  padding-top: 7rem;
  padding-bottom: 7rem;
}

.hero-video_component {
  flex-direction: column;
  align-items: center;
}

.heading-style-h1-3 {
  color: #fffdf9;
  letter-spacing: -.02rem;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 4.6875rem;
  font-weight: 500;
  line-height: 1.04;
}

.text-size-medium-6 {
  font-size: 1.125rem;
  line-height: 130%;
}

.button-group-7 {
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.button-group-7.is-center {
  justify-content: center;
  align-items: center;
}

.hero-video_wrapper {
  aspect-ratio: 1200 / 672;
  border-radius: .625rem;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.header28_lightbox-image {
  aspect-ratio: 16 / 9;
  object-fit: cover;
  width: 100%;
}

.lightbox-play-icon {
  z-index: 2;
  color: var(--\<unknown\|relume-variable-neutral-white\>);
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
}

.video-overlay-layer {
  z-index: 1;
  background-color: #00000080;
  position: absolute;
  inset: 0%;
}

.bas-wrapper {
  border-radius: .6875rem;
  width: 100%;
  max-width: 60rem;
  position: relative;
  overflow: hidden;
}

.bas-image-before {
  object-fit: contain;
  border-top-left-radius: 1rem;
  border-bottom-left-radius: 1rem;
  width: 100%;
  height: 100%;
  display: block;
}

.bas-image-after-h {
  z-index: 1;
  object-fit: contain;
  border-top-right-radius: 1rem;
  border-bottom-right-radius: 1rem;
  width: 50%;
  height: 100%;
  margin-left: auto;
  display: block;
  position: absolute;
  inset: 0;
}

.bas-handle-h {
  z-index: 2;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 42px;
  height: 42px;
  display: flex;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.bas-icon-regular {
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  display: flex;
}

.bas-line-h {
  z-index: 1;
  background-color: var(--blue);
  width: 4px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  transform: translate(-50%);
}

.bas-label-before-h {
  z-index: 3;
  color: #000;
  cursor: pointer;
  background-color: #fff;
  border-radius: 6px;
  padding: 4px 12px;
  position: absolute;
  top: 24px;
  left: 24px;
}

.bas-label-after-h {
  z-index: 3;
  color: #000;
  cursor: pointer;
  background-color: #fff;
  border-radius: 6px;
  padding: 4px 12px;
  position: absolute;
  top: 24px;
  right: 24px;
}

.padding-section-large-4 {
  padding-top: 7rem;
  padding-bottom: 7rem;
}

.layout_content {
  grid-column-gap: 5rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
}

.layout_item-list {
  grid-column-gap: 1.5rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  padding-top: .5rem;
  padding-bottom: .5rem;
}

.layout_item {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  display: flex;
}

.layout34_item-icon-wrapper {
  flex: none;
  align-self: flex-start;
}

.layout_item-text-wrapper {
  font-size: 1.3125rem;
  line-height: 1.5em;
}

.button-group-8 {
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.layout_image-wrapper {
  aspect-ratio: 590 / 360;
  border-radius: var(--\<unknown\|relume-variable-radius-large\>);
  color: var(--darkblue);
  object-fit: contain;
  overflow: hidden;
}

.layout_image {
  aspect-ratio: 1;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

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

.before-after_wrapper {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.section_before-after.background-color-white {
  background-color: var(--white);
}

.tooltip {
  background-color: var(--white);
  border-radius: .625rem;
  width: auto;
  padding: 1.0625rem 1.4375rem;
  position: absolute;
  inset: 0% 0% 0% auto;
  box-shadow: 0 2px 5.2px #00000040;
}

.tooltip_wrapper {
  z-index: 900;
  cursor: pointer;
  height: auto;
  min-height: auto;
  position: relative;
}

.tooltip-grid {
  grid-column-gap: 19px;
  grid-row-gap: 19px;
  grid-template-rows: auto auto auto auto auto;
  grid-template-columns: 2.25fr 1fr;
  font-size: 1.0625rem;
}

.tooltip_component {
  z-index: 7;
  background-color: #fff;
  border-radius: .625rem;
  margin-top: 12px;
  padding: 1.0625rem 1.4375rem;
  display: block;
  box-shadow: 0 2px 5px #00000040;
}

.dropdown-toggle {
  z-index: 1;
  margin-left: 0;
  padding: 0;
}

.flex-block-2 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: .5fr minmax(auto, auto);
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  place-items: center stretch;
  display: flex;
}

.dropdown-list {
  background-color: #ddd;
}

.dropdown-list.w--open {
  z-index: 10;
  background-color: #ddd0;
}

.tooltip-dropdown {
  z-index: 1;
  margin-left: 0;
  margin-right: 0;
}

.image-109 {
  border-radius: 100%;
}

.slider-icon {
  color: var(--darkblue);
  font-size: 35px;
}

.slider-icon.is-left {
  margin-right: 24px;
}

.slider-icon.is-right {
  margin-left: 24px;
}

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

.text-color-brand {
  color: var(--sofar-blue);
}

.line-wrapper {
  padding-bottom: 3.75rem;
}

.section_logo3 {
  background-color: var(--\<unknown\|relume-variable-color-scheme-1-background\>);
  color: var(--\<unknown\|relume-variable-color-scheme-1-text\>);
  overflow: hidden;
}

.logo3_wrapper {
  justify-content: center;
  align-items: flex-start;
  width: auto;
  display: flex;
}

.padding-section-medium-2 {
  padding-top: 5rem;
  padding-bottom: 5rem;
}

.logo3_logo {
  max-height: 3.5rem;
}

.logo3_component {
  display: flex;
}

.heading-style-h6-2 {
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.4;
}

.logo_list {
  grid-column-gap: 2.8rem;
  grid-row-gap: 1rem;
  white-space: nowrap;
  flex-wrap: wrap;
  flex: 1;
  grid-template-rows: auto;
  grid-template-columns: minmax(max-content, 1fr) minmax(max-content, 1fr) minmax(max-content, 1fr) minmax(max-content, 1fr) minmax(max-content, 1fr) minmax(max-content, 1fr);
  grid-auto-columns: 1fr;
  place-content: center start;
  place-items: center start;
  margin-right: 2.8rem;
  display: grid;
}

.margin-20 {
  margin: 1.25rem;
}

.icon-30x30 {
  aspect-ratio: 1;
  object-fit: contain;
  width: 30px;
  height: 30px;
}

.is-disclaimer {
  font-size: 1rem;
}

.spotter-platform_dropdown {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  flex-flow: column;
  margin-bottom: -.25rem;
  padding: 0 .8rem 0;
  display: flex;
  position: relative;
}

.spotter-platform_dropdown.sf-nav-link-block.line-hover-button.hover-line:where(.w-variant-93d4d7c7-098b-8673-755d-028f015e56ba) {
  margin-bottom: 0;
}

.solutions-nav_dropdown {
  z-index: 60;
  flex: 1;
  align-self: center;
  display: block;
}

.solutions-nav_dropdown:where(.w-variant-93d4d7c7-098b-8673-755d-028f015e56ba) {
  z-index: 9000;
  display: block;
}

.solution-nav_wrapper:where(.w-variant-93d4d7c7-098b-8673-755d-028f015e56ba) {
  background-color: #fff;
  border-radius: .6875rem;
  min-width: 759px;
  margin-top: -8px;
  padding: 3.75rem;
  box-shadow: 0 2px 7px #928e8e3b;
}

.solution-nav_wrapper.w--open {
  z-index: 32;
  background-color: var(--white);
  border-radius: .625rem;
  min-width: 739px;
  margin-top: 32px;
  margin-left: -100%;
  padding: 3.75rem;
}

.solution-nav_wrapper.w--open:where(.w-variant-93d4d7c7-098b-8673-755d-028f015e56ba) {
  margin-top: 0;
}

.solution-nav_inner-wrapper {
  display: flex;
}

.core-platform-card:where(.w-variant-93d4d7c7-098b-8673-755d-028f015e56ba) {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  max-width: 258px;
  display: flex;
}

.solution-nav_image {
  min-width: 258px;
}

.solution-nav_image:where(.w-variant-93d4d7c7-098b-8673-755d-028f015e56ba) {
  object-fit: cover;
  border-radius: 11px;
  width: 258px;
  height: 228px;
  min-height: 228px;
}

.link-undelrine {
  text-decoration: underline;
}

.link-undelrine:where(.w-variant-93d4d7c7-098b-8673-755d-028f015e56ba) {
  transition: opacity .325s;
}

.link-undelrine:hover:where(.w-variant-93d4d7c7-098b-8673-755d-028f015e56ba) {
  opacity: .55;
  color: var(--blue);
}

.link-undelrine.hide-desktop:where(.w-variant-93d4d7c7-098b-8673-755d-028f015e56ba) {
  display: none;
}

.link-undelrine.no-padding:where(.w-variant-93d4d7c7-098b-8673-755d-028f015e56ba) {
  display: block;
}

.vertical-divider {
  background-color: var(--darkblue);
  width: 1px;
  margin-left: 3.75rem;
  margin-right: 3.75rem;
}

.solution-nav_link-wrapper {
  white-space: nowrap;
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  display: flex;
}

.solution-nav_link-wrapper:where(.w-variant-93d4d7c7-098b-8673-755d-028f015e56ba) {
  text-decoration: none;
}

.surface-card-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: .5fr 1fr;
  grid-auto-columns: 1fr;
  place-items: center;
  display: grid;
}

.surface_wrapper {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  display: flex;
}

.ratio-custom {
  aspect-ratio: 1;
  position: relative;
}

.ratio-custom.cc-radius {
  aspect-ratio: 590 / 520;
  border-radius: .625rem;
  width: 100%;
  height: auto;
  overflow: hidden;
}

.ratio-custom.tablet-auto, .ratio-custom.cc-width-100 {
  width: 100%;
  height: auto;
}

.code-embed {
  height: 100%;
}

.max-width-large-copy {
  width: 100%;
  max-width: 48rem;
}

.max-width-large-copy.align-center {
  margin-left: auto;
  margin-right: auto;
}

.solution_nav_dropdown.w--open {
  margin-left: -20%;
}

.solution_nav_dropdown.w--open:where(.w-variant-93d4d7c7-098b-8673-755d-028f015e56ba) {
  background-color: #ddd0;
  margin-left: -109%;
}

.dropdown-icon {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  display: flex;
}

.dropdown-icon:where(.w-variant-93d4d7c7-098b-8673-755d-028f015e56ba), .dropdown-icon.hide-desktop:where(.w-variant-93d4d7c7-098b-8673-755d-028f015e56ba) {
  display: none;
}

.video-embed-copy {
  width: 101%;
  height: 101%;
  margin-left: 0%;
}

.roch-text-embed {
  height: 100%;
}

.tooltip-icon {
  height: 19px;
}

.diagram-image-2 {
  object-fit: contain;
  min-height: 125px;
  max-height: 125px;
}

.sound-embed {
  z-index: 7;
  position: absolute;
  inset: 0%;
}

.rich a {
  color: var(--blue);
  text-decoration: underline;
}

.is-t-c-s {
  margin-top: 1rem;
  font-size: 12px;
}

.is-t-c-s a {
  color: var(--white);
  font-weight: 400;
  text-decoration: underline;
}

.slider-icon-wrapper {
  background-color: var(--blue);
  border-radius: 100%;
}

.hide-desktop {
  display: none;
}

.menu-link_wrapper:where(.w-variant-93d4d7c7-098b-8673-755d-028f015e56ba) {
  text-decoration: none;
}

.texts-apn-bristelmouth {
  color: #ff6700;
  font-family: Gilroy, sans-serif;
  font-weight: 600;
}

.texts-apn-bristelmouth.text-size-custom {
  font-size: 2.8125rem;
}

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

.solutions-link-grid {
  grid-column-gap: 3rem;
  grid-row-gap: 2rem;
}

.solutions-link_image {
  aspect-ratio: 1;
  border-radius: 100%;
  width: 100%;
  max-width: 4rem;
  max-height: 4rem;
}

.solutions-link_image.bottom-radius-only {
  border-radius: 0 0% 0% 50%;
}

.solutions-link_link-block {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  color: var(--navy-2);
  justify-content: flex-start;
  align-items: center;
  font-weight: 500;
  text-decoration: none;
  display: flex;
}

.word_no-break {
  white-space: nowrap;
}

.nav-link:where(.w-variant-93d4d7c7-098b-8673-755d-028f015e56ba) {
  text-decoration: none;
}

@media screen and (min-width: 1280px) {
  img {
    position: relative;
  }

  .sg-content {
    margin-left: 280px;
  }

  .sg-nav-container, .sg-nav {
    width: 280px;
  }

  .sf-spot-45ohcd.lg {
    height: 420px;
  }

  .image-97 {
    width: 27%;
    top: 37%;
  }

  .sf-device-wrap.rs {
    width: 50%;
  }

  .sf-device-wrap.sx {
    width: 100%;
  }

  .sf-device-hardware.rs {
    box-shadow: 0 0 0 .8vw var(--grey-800);
  }

  .sf-bcflhh {
    padding: 8%;
  }

  .vimeo-bg {
    width: 100vw;
    min-width: 100vw;
    max-width: 100vw;
  }

  .diagram-grid {
    grid-template-columns: 1.5fr 1fr;
  }

  .diagram-card-wrapper {
    max-height: 113px;
  }

  .diagram-pullout._22-47 {
    top: 22.47%;
  }

  .diagram-pullout-line.temperature-sensor-2 {
    width: 70%;
    right: 106%;
  }

  .diagram-pullout-line.pressure-sensor {
    width: 330px;
    min-width: 300px;
    top: 61%;
    right: 94%;
  }

  .diagram-pullout-line.temperature-sensor {
    width: 79%;
    top: -124%;
  }

  .diagram-pullout-line.oxygen-sensor {
    width: 85%;
    top: -57%;
  }

  .diagram-pullout-line._70 {
    width: 90%;
  }

  .diagram-pullout-line.pressure-sensor-2 {
    width: 330px;
    min-width: 300px;
    top: 61%;
    right: 100%;
  }

  .diagram-pullout-line.temperature-sensor-3 {
    width: 95%;
    top: -189%;
    right: 106%;
  }

  .diagram-pullout-line._26-77-copy {
    width: 47%;
    top: 70%;
    right: 97%;
  }

  .diagram-pullout-line._34-18-copy {
    width: 55%;
  }

  .solution-nav_wrapper.w--open {
    box-shadow: 0 1px 6px #0000001c;
  }

  .surface-card-wrapper {
    max-height: 113px;
  }
}

@media screen and (min-width: 1440px) {
  .sf-gs632d:hover {
    box-shadow: 6px 5px #000;
  }
}

@media screen and (max-width: 991px) {
  .c-body {
    padding-top: 0;
  }

  .navigation {
    width: auto;
    margin-top: 16px;
    position: absolute;
  }

  .c-container {
    width: 100%;
    padding-left: 34px;
    padding-right: 34px;
  }

  .c-container._2-cols {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .c-section {
    padding-top: 50px;
    padding-bottom: 0;
  }

  .c-section.careers {
    padding-top: 140px;
  }

  .c-h1 {
    font-size: 62px;
    line-height: 74px;
  }

  .c-6col {
    width: 100%;
  }

  .c-6col.news-updates-card {
    align-self: center;
    margin-top: 24px;
    padding-left: 0;
  }

  .c-6col.careers-img {
    height: 50vh;
    margin-top: 40px;
  }

  .c-paragraph.medium {
    font-size: 15px;
  }

  .c-paragraph.small {
    font-size: 13px;
  }

  .c-button-text.blog-link {
    position: relative;
    bottom: 0%;
    left: 0%;
  }

  .c-4col.footer {
    flex: 1;
    width: auto;
    margin-right: 24px;
  }

  .c-4col.footer.center {
    flex: 1;
  }

  .c-4col.footer.right {
    text-align: left;
    align-self: center;
    margin-right: 0;
  }

  .c-4col.center.card-spotter {
    align-self: center;
    width: 90%;
    margin-bottom: 40px;
    margin-right: 0;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .c-4col.center.card-spotter.legal {
    min-height: 16.6rem;
  }

  .c-4col.form-image {
    width: 100%;
    padding-top: 30vh;
  }

  .c-wrapper {
    display: flex;
  }

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

  .c-h2 {
    font-size: 52px;
    line-height: 62px;
  }

  .c-h3 {
    font-size: 42px;
    line-height: 54px;
  }

  .c-h4 {
    font-size: 32px;
    line-height: 44px;
  }

  .c-h5 {
    font-size: 24px;
    line-height: 30px;
  }

  .c-footer-grid {
    grid-template-columns: .75fr 1fr 1fr;
  }

  .c-link-text.nav {
    align-self: stretch;
    max-width: 100%;
    margin-bottom: 8px;
    margin-left: auto;
    margin-right: auto;
    font-size: 20px;
  }

  .c-link-text.nav.w--open {
    text-align: center;
    width: 100%;
    margin-right: 0;
    display: block;
  }

  .c-second-part-footer {
    justify-content: center;
    padding-left: 0;
    padding-right: 0;
  }

  .c-weather-section {
    background-image: linear-gradient(#0003, #0000009e), url("https://cdn.prod.website-files.com/64d14310c4accecbf82f0e9f/64d14310c4accecbf82f11d8_Weather-background%20(1).avif");
    background-position: 0 0, 50%;
  }

  .c-logo {
    flex: 1;
  }

  .c-logo.w--current {
    flex: 1;
    display: flex;
  }

  .c-wrapper-nav {
    background-color: #fff;
    flex-direction: column;
    width: 100%;
    max-width: 100%;
    height: auto;
    min-height: auto;
    max-height: 90vh;
    margin-top: -3px;
    margin-right: auto;
    padding-top: 32px;
    padding-bottom: 32px;
    overflow: scroll;
  }

  .c-dropdown {
    text-align: center;
    display: block;
  }

  .sf-category {
    flex: 1;
    max-width: 133px;
  }

  .c-search {
    flex: 1;
    max-width: none;
  }

  .c-card-wrapper {
    flex-flow: wrap;
    justify-content: center;
  }

  .c-card-blog {
    flex: none;
    width: 90%;
    margin-right: 20px;
  }

  .c-card-img-blog {
    height: 180px;
  }

  .c-dropddown-card {
    text-align: left;
    border-bottom: 2px solid #c3cad98f;
    width: 100%;
    padding-top: 20px;
    display: none;
    position: relative;
    top: 0;
    left: 0;
  }

  .c-dropddown-card.w--open {
    text-align: center;
    border-radius: 0;
    width: auto;
    padding-top: 16px;
    position: relative;
    top: auto;
    left: auto;
  }

  .c-nav-link-wrapper {
    text-align: left;
  }

  .miniwrapper-link {
    text-align: left;
    justify-content: center;
  }

  .dropdown-wrapper {
    text-align: center;
    flex-direction: column;
  }

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

  .c-card-data {
    width: 100%;
    margin-bottom: 34px;
    margin-right: 0;
  }

  .c-card-data.card-news-updates, .collection-list-3 {
    flex-direction: column;
    align-items: center;
  }

  .collection-item-2 {
    flex-direction: row;
    justify-content: center;
    width: 100%;
    margin-right: 0;
  }

  .c-background-card {
    box-shadow: none;
  }

  .c-custom-form {
    padding-left: 0;
    padding-right: 0;
  }

  .customer-logos-contact {
    justify-content: center;
  }

  .c-careers-hero {
    width: 100%;
    height: 70vh;
  }

  .navbar {
    background-color: #fff;
    margin-left: 16px;
    margin-right: 16px;
  }

  .c-wrapper-get-started {
    background-color: #fff;
    flex-direction: column;
    width: 100%;
    max-width: 100%;
    margin-right: auto;
    padding-top: 32px;
    padding-bottom: 32px;
  }

  .hamburger-line {
    background-color: #000;
    border-radius: 20px;
    width: 100%;
    height: 3px;
    margin-bottom: 4px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .hamburger-line.bottom {
    margin-bottom: 0;
  }

  .menu-button {
    background-color: #fff;
    flex-direction: column;
    flex: none;
    justify-content: center;
    align-items: center;
    width: 50px;
    margin-right: 16px;
    padding: 10px;
  }

  .menu-button.w--open {
    background-color: #0000;
    justify-content: center;
    align-items: center;
    width: 50px;
    display: flex;
  }

  .white-background.sf-hsg6ex {
    padding: 10px;
  }

  .c-3col-grid {
    grid-column-gap: 0px;
  }

  .c-3col-grid.support {
    grid-column-gap: 32px;
    grid-template-columns: 1fr 1fr;
  }

  .navmenu__dropdown-left {
    flex-direction: column;
    padding-top: 0;
    padding-bottom: 40px;
    padding-right: 0;
    display: flex;
  }

  .navmenu__dropdown-container {
    border-bottom: 1px solid #e4e4e4;
    width: 100%;
  }

  .navmenu__dropdown-container.cc-mobile {
    flex-direction: column;
    padding-left: 0;
    padding-right: 0;
  }

  .navmenu__dropdown-section-list {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    grid-template-columns: 1fr;
  }

  .link-list__dropdown-toggle {
    z-index: 1;
    background-color: #fff;
    flex: 1;
    justify-content: center;
    width: 100%;
    padding-top: 0;
    padding-bottom: 0;
    font-size: 20px;
    display: flex;
  }

  .link-list__dropdown-toggle:hover, .link-list__dropdown-toggle.w--open {
    box-shadow: none;
  }

  .navmenu__dropdown-section {
    margin-bottom: 32px;
  }

  .link-list__dropdown-wrapper {
    background-color: #fff;
    flex-direction: column;
    flex: 1;
    font-size: 20px;
    display: flex;
  }

  .navmenu__dropdown {
    border-top-width: 0;
    border-bottom-width: 2px;
    position: relative;
    top: 0%;
    overflow: hidden;
  }

  .navmenu__dropdown.w--open {
    box-shadow: none;
    border-top-style: none;
    border-bottom-style: none;
    max-height: none;
    padding-bottom: 0;
    position: relative;
    top: 0%;
    overflow: visible;
  }

  .navmenu__dropdown-grid {
    grid-template-columns: 1fr minmax(auto, 1280px);
  }

  .text-block-copy {
    font-size: 20px;
  }

  .sf-nav-secondary {
    display: flex;
  }

  .sf-text-h5.team-wrap {
    white-space: pre-line;
  }

  .sf-grid-2-col {
    grid-template-rows: auto auto;
  }

  .sf-grid-2-col.xl-padding {
    grid-template-columns: 1fr;
  }

  .sf-grid-2-col.g-about {
    grid-template-columns: 3.75fr 1fr;
  }

  .sf-grid-2-col.grid-padding-xlg.flip-on-tablet {
    grid-template-columns: 1fr;
  }

  .sf-nav-dropdown-link {
    font-size: 1rem;
    line-height: 1.4rem;
  }

  .sf-nav-logo-src {
    width: 9.6rem;
    display: block;
  }

  .sf-wrap.wayfinder-ui {
    width: 100%;
  }

  .sf-text-micro {
    font-size: 1rem;
    line-height: 1.4rem;
  }

  .sf-nav-embed-code {
    display: none;
  }

  .sf-container {
    width: 90%;
    padding-top: 8rem;
    padding-bottom: 8rem;
  }

  .sf-container.lg {
    width: 90%;
  }

  .sf-container.sm-padding.way-logos {
    padding-bottom: 0;
  }

  .sf-container.no-line.margin-variable {
    padding-top: 5%;
    padding-bottom: 5%;
  }

  .sf-container.no-line.margin-variable.first {
    padding-bottom: 2.5%;
  }

  .sf-container.no-line.margin-variable.second {
    padding-top: 2.5%;
    padding-bottom: 2.5%;
  }

  .sf-container.no-line.padding-special-ghst732 {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .sf-text-h3 {
    font-size: 2.2rem;
    line-height: 3rem;
  }

  .ma-fp-btn-toggle-trig {
    justify-content: flex-end;
    height: 5.5rem;
    display: flex;
  }

  .sf-nav-container {
    z-index: 2;
    width: 90%;
    position: absolute;
    inset: 0% 0% auto;
  }

  .sf-nav-primary {
    display: none;
  }

  .sf-nav-m-dropdown-toggle {
    color: #000;
    width: 27rem;
    padding: 1rem 2rem 1rem 1rem;
    transition: all .275s cubic-bezier(.77, 0, .175, 1);
    display: flex;
  }

  .sf-nav-m-dropdown-toggle:hover {
    opacity: .75;
  }

  .sf-nav-m-dropdown-toggle.w--open {
    justify-content: flex-start;
    width: 27rem;
  }

  .sf-nav-m-dropdown-link {
    text-align: left;
    font-size: 1rem;
    line-height: 1.4rem;
    transition: transform .2s cubic-bezier(.86, 0, .07, 1);
  }

  .sf-nav-m-dropdown-link:hover {
    border-color: #0000;
    transform: translate(.5rem);
  }

  .sf-nav-m-dropdown-link.indent {
    margin-left: 1rem;
  }

  .sf-text-h1 {
    font-size: 4.4rem;
    line-height: 6.1rem;
  }

  .sf-text-h4 {
    font-size: 1.8rem;
    line-height: 2.5rem;
  }

  .ma-btn-line-bottom:where(.w-variant-26f2923c-d258-e4a9-cbc0-ecfbfd8a2331) {
    background-color: var(--white);
  }

  .sf-home-partner-wrap {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .sf-text-h2 {
    font-size: 2.8rem;
    line-height: 3.9rem;
  }

  .sf-text-h2.white {
    color: #fff;
  }

  .sf-text-h2.white.home {
    font-size: 2.2rem;
    line-height: 3.1rem;
  }

  .sf-nav-m-dropdown-content {
    position: absolute;
  }

  .sf-nav-m-dropdown-content.w--open {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    display: block;
    position: relative;
    inset: 0%;
  }

  .sf-home-stats-wrap {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
  }

  .sf-home-weather-movie-container {
    width: 50%;
  }

  .sf-section {
    margin-top: 0;
  }

  .sf-section.onboarding {
    background-position: 40%;
  }

  .sf-section.onboarding {
    background-position: 10% 120%;
    background-size: 100%;
  }

  .sf-section.sf-smart-mooring {
    background-position: 30% 0;
    background-size: 160%;
  }

  .sf-section.sm-001 {
    margin-top: 0;
  }

  .sf-section.hero, .sf-section.sf-hero {
    padding-top: 5rem;
    padding-bottom: 2rem;
  }

  .sf-section.sf-jh654x, .sf-section.sf-ght534, .sf-section.sf-hgty524 {
    margin-top: 0;
  }

  .sf-section.sf-jht543 {
    padding-top: 5rem;
    padding-bottom: 2rem;
  }

  .sf-home-companp-btn-wrap {
    flex-direction: column;
  }

  .sf-home-header-grid {
    height: auto;
    padding: 7rem 5%;
  }

  .sf-nav-m-container {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    width: 90%;
    height: 100vh;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    position: relative;
    overflow: hidden;
  }

  .sf-nav-m-container:where(.w-variant-93d4d7c7-098b-8673-755d-028f015e56ba) {
    overflow: scroll;
  }

  .sf-btn.secondary-white.padding-bottom.paddng-left.no-paddong-left-on-mobile, .sf-btn.xl-long.secondary-white.padding-left.no-paddong-left-on-mobile {
    margin-left: 0;
  }

  .sf-grid-3col {
    width: 90%;
  }

  .sf-grid-3col.full.collapse-on-tablet {
    grid-template-columns: 1fr;
  }

  .sf-nav-m-secondary {
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-top: 2rem;
    display: flex;
  }

  .sf-nav-m {
    z-index: 1;
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    background-color: #fff;
    flex-direction: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    align-items: center;
    margin-top: 88px;
    padding-top: 3rem;
    padding-bottom: 0;
    display: none;
    overflow: auto;
  }

  .sf-nav-m:where(.w-variant-26f2923c-d258-e4a9-cbc0-ecfbfd8a2331) {
    background-color: var(--grey-999);
    display: none;
  }

  .sf-nav-m:where(.w-variant-93d4d7c7-098b-8673-755d-028f015e56ba) {
    height: auto;
    max-height: 90vh;
    padding-top: 2rem;
    display: none;
    overflow: scroll;
  }

  .ma-btn-line-top:where(.w-variant-26f2923c-d258-e4a9-cbc0-ecfbfd8a2331) {
    background-color: var(--white);
  }

  .sf-text-p {
    font-size: 1.1rem;
    line-height: 1.4rem;
  }

  .sf-text-p.large {
    font-size: 1.2rem;
    line-height: 1.7rem;
  }

  .sf-nav-m-dropdown {
    margin-left: 0;
    margin-right: 0;
  }

  .sf-spotter-data-img-wrap.padding-bottom {
    width: 2rem;
    height: 2rem;
  }

  .sf-grid-spotter-features {
    width: 90%;
  }

  .sf-spotter-grid-img-wrap {
    width: 230%;
  }

  .sf-grid-spotter-data {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .sf-img-src {
    flex: 0 auto;
  }

  .sf-spotter-grid-img-src {
    margin-top: 0;
  }

  .sf-text-micro-sm {
    font-size: .9rem;
    line-height: 1.4rem;
  }

  .sf-text-micro-sm.white {
    font-size: .8rem;
  }

  .sf-tab-grid-2 {
    grid-template-rows: auto auto auto auto auto;
    grid-template-columns: 1fr 1fr;
    width: 90%;
  }

  .sf-sm-element-b-003 {
    left: 48%;
  }

  .sf-sm-element-b-002 {
    left: 42%;
  }

  .sf-sm-element-a-002 {
    left: 37%;
  }

  .sf-sm-element-a-003 {
    left: 59%;
  }

  .sf-about-header-wrap {
    width: 90%;
  }

  .sf-way-logo-wrap {
    width: 6.3rem;
  }

  .sf-way-logo-wrap.abs {
    height: 5rem;
  }

  .sf-way-logo-wrap.lr {
    width: 5.9rem;
  }

  .sf-way-logo-src {
    width: 100%;
  }

  .sf-way-logo-src.abs {
    width: 180%;
  }

  .sf-way-logo-container {
    grid-template-columns: 1fr 1fr;
  }

  .sf-way-logo-container.wayfinder-grey {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr;
  }

  .sf-nav-m-secondary-wrap {
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .sf-hero-details-wrap {
    width: 90%;
  }

  .sf-404-btn-wrap {
    align-items: flex-start;
  }

  .sf-grid-team {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .icon-2 {
    display: block;
  }

  .left-arrow-2 {
    flex-direction: column;
    justify-content: flex-end;
    display: flex;
    top: 22rem;
    left: 0;
  }

  .right-arrow-2 {
    top: 22rem;
    right: 0;
  }

  .sf-way-intro {
    margin-top: -87px;
  }

  .lottie-animation {
    flex: none;
    width: 100%;
  }

  .sf-way-vpm-graphics {
    flex-flow: row;
    width: 100%;
    display: flex;
  }

  .sf-way-vpm-graphic-wrap {
    width: 100%;
  }

  .sf-way-safety {
    width: 100%;
    height: 29rem;
  }

  .sf-way-safety-img-src {
    top: 26%;
    left: 8%;
    transform: scale(1.5);
  }

  .sf-way-safety-grid {
    width: 100%;
  }

  .sf-way-safety-hero {
    display: none;
  }

  .image-65 {
    top: -109px;
  }

  .sf-wayfinder-ui-wrap {
    height: 34rem;
    top: -6%;
    left: -10%;
  }

  .sf-way-quote-postition-tag {
    font-size: 1rem;
    line-height: 1.4rem;
  }

  .sf-way-finder-safety-03 {
    top: 40%;
    left: 2%;
  }

  .sf-chart-text-overlay {
    font-size: 1.1rem;
    line-height: 1.4rem;
  }

  .sf-hg2dsa {
    margin-bottom: 38px;
  }

  .sf-8db467 {
    justify-content: center;
  }

  .sf-container-non-anim {
    width: 90%;
    padding-top: 8rem;
    padding-bottom: 8rem;
  }

  .sf-container-non-anim.md-padding.no-line {
    margin-top: -6rem;
  }

  .sf-78sa3s {
    margin-bottom: 0;
  }

  .grid-12 {
    grid-template-columns: 1fr;
  }

  .sf-ef7711 {
    align-items: flex-start;
  }

  .sf-text-5a641e, .sf-7d8s9a {
    font-size: 1.1rem;
    line-height: 1.4rem;
  }

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

  .sf-qflh6q {
    font-size: 2.8rem;
    line-height: 3.9rem;
  }

  .html-embed-10 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .sf-wtm8kb, .sf-tgm8ab {
    font-size: 1.1rem;
    line-height: 1.4rem;
  }

  .div-block-115 {
    padding: 1.6rem;
  }

  .sf-8k63v8 {
    display: flex;
  }

  .vertical-scroll-wrapper, .text-rotation-wrapper {
    flex: none;
  }

  .heading-large {
    justify-content: flex-start;
    font-size: 2.25rem;
    display: flex;
  }

  .heading-large._50op {
    flex: none;
  }

  .sf-bnydvm {
    width: 26rem;
  }

  .div-block-128 {
    justify-content: flex-start;
  }

  .sf-6gs32 {
    width: 100%;
  }

  .sf-blog-card {
    flex: none;
    width: 90%;
    margin-right: 20px;
  }

  .sf-blog-card-img {
    height: 180px;
  }

  .sf-text-h6 {
    font-size: 24px;
    line-height: 30px;
  }

  .sf-blog-card-img-src {
    flex: 0 auto;
  }

  .small-button {
    position: relative;
  }

  .grid-16 {
    margin-left: 0;
  }

  .column-2, .column-2.desk-5 {
    width: 50%;
  }

  .column-2.desk-3 {
    flex-wrap: nowrap;
    width: 33.33%;
  }

  ._12-columns {
    flex-flow: wrap;
  }

  ._2-1-grid {
    margin-left: 0;
  }

  .sg-menu-button {
    margin-right: 12px;
    padding: 15px;
    top: -10px;
  }

  .sg-menu-button.w--open {
    color: #356af0;
    background-color: #d0e8ff;
    border-radius: 40px;
  }

  .sg-content {
    border-left-style: none;
    width: 100%;
    margin-left: 0;
    position: static;
  }

  .sg-menu-icon {
    font-size: 32px;
  }

  .sg-nav-container {
    width: auto;
    height: auto;
  }

  ._1-2-grid {
    margin-left: 0;
  }

  .button {
    position: relative;
  }

  .sg-menu-brand {
    margin-top: 4px;
    margin-bottom: 16px;
  }

  .sg-nav {
    z-index: 10;
    background-color: #f0f2f3;
    border-right-style: none;
    width: 100%;
    height: 80px;
    padding-top: 20px;
    position: sticky;
    bottom: auto;
    left: 0;
    right: 0;
    overflow: visible;
  }

  .sg-menu {
    z-index: 500;
    background-color: #f0f2f3;
    border-bottom: 1px solid #e1e5e7;
    padding-top: 20px;
    padding-bottom: 20px;
    display: block;
    position: absolute;
    inset: 80px auto auto 0%;
    box-shadow: 0 3px 5px #0000000d;
  }

  .styles-wrapper-2 {
    flex-direction: column;
  }

  .sf-cnds3s {
    max-width: none;
  }

  .sf-update-card.sf-76324 {
    min-height: 400px;
  }

  .sf-update-card-meta {
    flex-wrap: wrap;
  }

  .sf-button {
    position: relative;
  }

  .sf-gh3654 {
    margin-bottom: 0;
  }

  .sf-button-sm {
    position: relative;
  }

  .sf-button-sm.dark.set-width {
    width: 200px;
  }

  .sf-footer-container {
    width: 90%;
    padding-top: 8rem;
    padding-bottom: 8rem;
  }

  .sf-button--inline {
    position: relative;
  }

  .sf-footer-main-wrap {
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
  }

  .sf-footer-secondary-wrap {
    flex-direction: row;
    margin-left: 0;
  }

  .sf-footer-grid {
    grid-template-rows: auto auto auto;
    grid-template-columns: 2fr 1fr 1fr;
  }

  .sf-footer-lottie-link {
    justify-content: center;
    align-items: center;
    width: 100%;
    display: flex;
  }

  .sf-updates-rich-text h2 {
    font-weight: 600;
  }

  .sf-updates-rich-text a {
    font-size: 1.1rem;
  }

  .sf-updates-rich-text img {
    min-width: auto;
  }

  .sf-updates-rich-text figure {
    min-width: auto;
    max-width: 100%;
  }

  .sf-updates-rich-text h4, .sf-updates-rich-text h3 {
    font-weight: 600;
  }

  .sf-updates-rich-text li {
    font-size: 1.1rem;
    line-height: 1.8rem;
  }

  .sf-cms-category-list {
    flex-wrap: wrap;
    justify-content: flex-end;
  }

  .sf-cms-category-item {
    flex: 0 auto;
  }

  .sf-updates-main-grid, .sf-updates-featured-grid {
    grid-template-columns: 1fr 1fr;
  }

  .sf-update-card-meta-feat {
    flex-wrap: wrap;
  }

  .sf-updates-filter-wrap {
    align-items: flex-start;
  }

  .sf-footer-social-wrap {
    flex-direction: row;
    margin-left: 0;
  }

  .sf-nav-lottie {
    display: none;
  }

  .sf-button-sm-nav {
    position: relative;
  }

  .sf-nav-text._0n-mobile {
    font-size: 20px;
  }

  .sf-nav-text.sf-nav-link-block-light-mobile:where(.w-variant-93d4d7c7-098b-8673-755d-028f015e56ba) {
    font-size: 1.375rem;
  }

  .sf-hq23hy-trigger {
    padding-right: 0;
  }

  .sf-hq23hy-cms-list {
    flex-wrap: wrap;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr;
    justify-content: flex-end;
  }

  .sf-hq23hy-cms-item {
    flex: 0 auto;
  }

  .sf-hq23hy-grid {
    grid-template-rows: auto auto;
  }

  .sf-footer-wrap, .sf-si9siy {
    margin-top: 0;
  }

  .sf-updates-secondary-grid, .sf-updates-tertiary-grid, .sf-updates-related-grid {
    grid-template-columns: 1fr 1fr;
  }

  .sf-gh6352 {
    max-width: 470px;
  }

  .section-5 {
    display: none;
  }

  .sf-spotter-grid {
    grid-template-columns: 1fr 1fr;
  }

  .sf-spotter-grid.padding-bottom.primary {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .sf-ghst32 {
    justify-content: flex-start;
    margin-left: 0;
  }

  .sf-cjd342 {
    width: 26rem;
  }

  .sf-cjd342.padding-bottom {
    text-align: left;
  }

  .div-block-201 {
    justify-content: flex-start;
  }

  .grid-17 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-columns: 1fr 1fr;
    width: 90%;
    inset: auto 0% 4%;
  }

  .sf-section---expandable, .sf-gh654s {
    margin-top: 0;
  }

  .div-block-218 {
    padding-right: 10%;
  }

  .div-block-219 {
    padding-left: 10%;
  }

  .sf-spotter-03 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    padding-left: 5%;
    padding-right: 5%;
  }

  .div-block-233 {
    inset: 0%;
  }

  .sf-spotter-img-right {
    aspect-ratio: 1;
  }

  .sf-spotter-content-img {
    height: 500px;
  }

  .sf-spotter-01, .sf-spot-01-b, .sf-spotter-02, .sf-spot-02-b, .sf-spotter-03-b {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    padding-left: 5%;
    padding-right: 5%;
  }

  .sf-modal {
    max-width: 95%;
  }

  .sf-modal-rich-text h2 {
    font-weight: 600;
  }

  .sf-modal-rich-text a {
    font-size: 1.1rem;
  }

  .sf-modal-rich-text img {
    min-width: auto;
  }

  .sf-modal-rich-text figure {
    min-width: auto;
    max-width: 100%;
  }

  .sf-modal-rich-text h4, .sf-modal-rich-text h3 {
    font-weight: 600;
  }

  .sf-modal-rich-text li {
    font-size: 1.1rem;
    line-height: 1.8rem;
  }

  .sf-update-card-meta-modal {
    flex-wrap: wrap;
  }

  .sf-grid-ahsge23 {
    grid-template-columns: 1fr 1fr;
  }

  .sf-sm-element-c-003, .sf-sm-element-c-002, .sf-sm-element-c-001 {
    left: 40%;
  }

  .sf-way-001-grid-aa, .sf-way-001-grid-aa.ab {
    grid-template-columns: 1fr;
  }

  .sf-way-003-a {
    max-width: 590px;
  }

  .sf-video-hero {
    height: 60vh;
  }

  .section_hubspot-form {
    padding: 1rem;
  }

  .form-columns-2 {
    grid-row-gap: 1rem;
    flex-direction: column;
    display: flex;
  }

  .hs-form-field {
    width: 100%;
    margin-right: 0;
  }

  .section_heading {
    margin-bottom: 3rem;
  }

  .sf-way-002-grid-aa, .sf-way-002-grid-aa.ab, .sf-way-002-grid-ab {
    grid-template-columns: 1fr;
  }

  .sf-way-img-src {
    aspect-ratio: 2.39;
  }

  .sf-way-img-src.hs8342 {
    object-position: 50% 0%;
  }

  .sf-way-003-grid-aa {
    grid-template-columns: 1fr;
  }

  .sf-lottie-prop-hgesxs3 {
    aspect-ratio: 16 / 9;
  }

  .sf-way-003-grid-ac {
    grid-template-columns: 1fr;
  }

  .grid-783g232 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-columns: 1fr 1fr;
    inset: auto 0% 4%;
  }

  .sf-way-002-grid-dg, .sf-way-003-grid-de {
    grid-template-columns: 1fr;
  }

  .sf-home-hero-01 {
    aspect-ratio: 1;
  }

  .sf-gd6532 {
    grid-template-columns: 1fr 1fr;
  }

  .sf-home-hero {
    height: 60vh;
  }

  .sf-home-text {
    font-size: 42px;
  }

  .div-block-290 {
    grid-template-columns: 1fr 1fr;
  }

  .sf-home-hero-02 {
    aspect-ratio: 1;
  }

  .swiper-slide {
    padding-left: 32px;
    padding-right: 32px;
  }

  .sf-fd56ty-detail-img-clip {
    width: 58px;
    height: 58px;
  }

  .sf-fd56ty-text {
    font-size: 1.45rem;
  }

  .sf-znnky {
    max-width: 520px;
  }

  .div-block-299 {
    aspect-ratio: 3 / 2;
    border-radius: 16px;
  }

  .sf-narrative-text {
    font-size: 25px;
  }

  .sf-narrative-text.sm {
    text-align: left;
    max-width: 522px;
  }

  .sf-narrative-text.sf-8763 {
    text-align: left;
  }

  .sf-narrative-text.sf-het23 {
    font-size: 1.4rem;
  }

  .sf-narrative-text.sm0732 {
    text-align: left;
    max-width: 522px;
  }

  .sf-nav-container-dark {
    z-index: 2;
    width: 90%;
    position: absolute;
    inset: 0% 0% auto;
  }

  .sf-nav-link-block-dark {
    width: 100%;
  }

  .sf-nav-m-dark {
    z-index: 1;
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    background-color: #0c0e14;
    flex-direction: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    align-items: center;
    margin-top: 88px;
    padding-top: 3rem;
    padding-bottom: 0;
    display: none;
    overflow: auto;
  }

  .sf-nav-link-block-light-mobile {
    width: 100%;
  }

  .sf-nav-link-block-light-mobile:where(.w-variant-26f2923c-d258-e4a9-cbc0-ecfbfd8a2331) {
    color: var(--white);
    border-bottom-style: none;
  }

  .sf-nav-link-block-light-mobile:where(.w-variant-93d4d7c7-098b-8673-755d-028f015e56ba) {
    height: auto;
    padding-top: .9rem;
    padding-bottom: .9rem;
    text-decoration: none;
  }

  .sf-nav-link-block-light-mobile:hover {
    color: var(--blue);
    background-color: #e5f1fd;
  }

  .sf-nav-link-block-light-mobile:hover:where(.w-variant-26f2923c-d258-e4a9-cbc0-ecfbfd8a2331) {
    background-color: #0000;
    border-bottom-style: none;
  }

  .sf-nav-link-block-light-mobile.w--current:where(.w-variant-26f2923c-d258-e4a9-cbc0-ecfbfd8a2331) {
    color: var(--white);
  }

  .div-block-303 {
    aspect-ratio: 2;
  }

  .sf-hety342 {
    justify-content: flex-end;
    height: 5.5rem;
    display: flex;
  }

  .sf-h3j423423 {
    display: none;
  }

  .sf-nav-m-container-dark {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    width: 90%;
    height: 100vh;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    position: relative;
    overflow: hidden;
  }

  .sf-nav-m-sec-dark {
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-top: 2rem;
    display: flex;
  }

  .sf-nav-sec-wrap-dark {
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .sf-nav-dark-embed-code, .sf-nav-lottie-dark {
    display: none;
  }

  .image-97 {
    width: 140px;
    top: 31%;
    left: 6%;
  }

  .sf-cp-img-src {
    aspect-ratio: 2.39;
  }

  .image-98 {
    display: none;
  }

  .section-10 {
    display: flex;
    top: 58px;
  }

  .sf-button-2 {
    position: relative;
  }

  .sf-section-2 {
    margin-top: 0;
  }

  .sf-container-2 {
    width: 90%;
    padding-top: 8rem;
    padding-bottom: 8rem;
  }

  .sf-device-wrap.rs {
    width: 80%;
  }

  .sf-device-wrap.sx {
    width: 100%;
  }

  .sf-device-hardware.rs {
    box-shadow: 0 0 0 1.8vw var(--grey-800);
    border-radius: 1.4vw;
    outline-width: 0;
  }

  .sf-bcflhh {
    padding: 8%;
  }

  .sf-snvsko {
    grid-template-columns: 1fr;
  }

  .sf-hero-container {
    width: 90%;
    padding-top: 8rem;
    padding-bottom: 8rem;
  }

  .sf-kj878f {
    margin-top: 0;
  }

  .div-block-326 {
    min-height: 50vh;
  }

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

  .collection-list-14 {
    grid-template-columns: 1fr 1fr;
  }

  .sf-cms-data-top-wrap {
    flex-wrap: wrap;
  }

  .sf-button-cms-link {
    position: relative;
  }

  .sf-ahs-richtext h2 {
    font-weight: 600;
  }

  .sf-ahs-richtext a {
    font-size: 1.1rem;
  }

  .sf-ahs-richtext img {
    min-width: auto;
  }

  .sf-ahs-richtext figure {
    min-width: auto;
    max-width: 100%;
  }

  .sf-ahs-richtext h4, .sf-ahs-richtext h3 {
    font-weight: 600;
  }

  .sf-ahs-richtext li {
    font-size: 1.1rem;
    line-height: 1.8rem;
  }

  .ahs-video-hero {
    height: 60vh;
  }

  .sf-video-container {
    width: 90%;
    padding-top: 8rem;
    padding-bottom: 8rem;
  }

  .sf-gty5342 {
    grid-template-rows: auto auto;
  }

  .padding-global.mobile-clean {
    padding-left: 0%;
    padding-right: 0%;
  }

  .padding-section-large {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .padding-section-large.padding-0 {
    padding-top: 0;
    padding-bottom: 0;
  }

  .margin-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .margin-bottom.margin-90.mobile-0 {
    padding-bottom: 0;
  }

  .text-size-medium.text-font-figtree {
    font-size: 1.3rem;
  }

  .margin-top {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .feature_component {
    grid-column-gap: 3rem;
    flex-flow: column;
    grid-template-columns: 1fr 1fr;
    grid-auto-flow: row;
    min-height: auto;
    padding-top: 0;
    padding-bottom: 2.75rem;
    display: flex;
  }

  .feature_component.is-mobile-switch {
    flex-flow: column-reverse;
    padding-bottom: 0;
  }

  .feature_content.is-off-grid {
    padding-left: 0;
  }

  .morefeatures_list {
    grid-column-gap: 2rem;
    flex-flow: column;
    display: flex;
  }

  .margin-vertical {
    margin-left: 0;
    margin-right: 0;
  }

  .heading-style-h6 {
    font-size: .8125rem;
  }

  .quote_component {
    grid-column-gap: 3rem;
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
    display: flex;
  }

  .quote_content {
    order: 1;
    justify-content: center;
    align-self: center;
    align-items: flex-end;
    margin-right: 3rem;
    display: flex;
  }

  .quote-slider_row {
    flex: none;
  }

  .stat_button-wrapper {
    text-align: center;
  }

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

  .padding-vertical.padding-90x.mobile-0 {
    padding-top: 0;
    padding-bottom: 0;
  }

  .padding-vertical.tablet-90px {
    padding-top: 90px;
  }

  .padding-vertical.tablet-3rem {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .padding-top {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .intro_content-wrapper {
    grid-column-gap: 3rem;
    margin-top: 3rem;
    margin-bottom: 3rem;
  }

  .intro_content-left {
    left: 3rem;
  }

  .heading-style-h1 {
    font-size: 2.9375rem;
  }

  .intro_image-group {
    flex-flow: column;
    display: flex;
  }

  .intro_image-wrapper1 {
    aspect-ratio: 1;
    margin-top: 0;
  }

  .stat_component {
    margin-top: 3.5rem;
    margin-bottom: 2.3125rem;
  }

  .heading-style-h2 {
    font-size: 2.0625rem;
  }

  .heading-style-h2.is-intro {
    font-size: 1.3rem;
  }

  .heading-style-h2.is-work-smarter {
    font-size: 2.5rem;
  }

  .stat_grid-list {
    grid-column-gap: 2rem;
  }

  .bttn {
    position: relative;
  }

  .bttn.is-secondary {
    padding-top: .6rem;
    padding-bottom: .6rem;
  }

  .rl-styleguide_item-row {
    grid-template-columns: auto 1fr;
  }

  .heading-style-h3 {
    font-size: 2.25rem;
  }

  .heading-style-h3.hide-desktop {
    font-size: 2.4rem;
    display: block;
  }

  .text-style-quote {
    padding-right: 0;
    font-size: 1.75rem;
  }

  .rl-styleguide_scheme-list {
    grid-template-columns: 1fr;
  }

  .rl-styleguide_icons-list {
    grid-auto-flow: row;
  }

  .icon-embed-xxsmall.hide-desktop:where(.w-variant-93d4d7c7-098b-8673-755d-028f015e56ba) {
    display: block;
  }

  .max-width-full-tablet {
    width: 100%;
    max-width: none;
  }

  .padding-horizontal {
    padding-top: 0;
    padding-bottom: 0;
  }

  .padding-left {
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
  }

  .padding-right {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
  }

  .padding-large {
    padding: 2.5rem;
  }

  .padding-xlarge {
    padding: 3.5rem;
  }

  .padding-xxlarge {
    padding: 4.5rem;
  }

  .padding-huge {
    padding: 5rem;
  }

  .padding-xhuge {
    padding: 6rem;
  }

  .padding-xxhuge {
    padding: 7.5rem;
  }

  .margin-horizontal {
    margin-top: 0;
    margin-bottom: 0;
  }

  .margin-left {
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0;
  }

  .margin-right {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
  }

  .margin-large {
    margin: 2.5rem;
  }

  .margin-xlarge {
    margin: 3.5rem;
  }

  .margin-xxlarge {
    margin: 4.5rem;
  }

  .margin-huge {
    margin: 5rem;
  }

  .margin-xhuge {
    margin: 6rem;
  }

  .margin-xxhuge {
    margin: 7.5rem;
  }

  .spacer-large {
    padding-top: 2.5rem;
  }

  .spacer-xlarge {
    padding-top: 3.5rem;
  }

  .spacer-xxlarge {
    padding-top: 4.5rem;
  }

  .spacer-huge {
    padding-top: 5rem;
  }

  .spacer-xhuge {
    padding-top: 6rem;
  }

  .spacer-xxhuge {
    padding-top: 7.5rem;
  }

  .hide-tablet {
    display: none;
  }

  .join_heading-wrapper {
    grid-column-gap: 3rem;
  }

  .join_heading {
    margin-right: 3rem;
  }

  .join_list {
    grid-column-gap: 1.4rem;
  }

  .join_image.hide-desktop {
    display: block;
  }

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

  .home6-header_heading_wrapper {
    padding-bottom: 1rem;
  }

  .text-span-tiempos {
    font-style: italic;
  }

  .text-span-tiempos.text-size-custom {
    font-size: 2rem;
  }

  .text-font-figtree.text-style-italic.text-weight-semibold.text-style-allcaps.text-size-small {
    font-size: .875rem;
  }

  .progress-bar_wrapper {
    display: none;
  }

  .progress-line-link {
    width: 5vw;
    max-width: 68px;
    height: 3px;
  }

  .progress-line-link.w--current {
    width: 6.5vw;
  }

  .feature-text-centre {
    text-align: left;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 2.75rem;
  }

  .section_hero-header {
    aspect-ratio: 1;
    margin-top: 5.5rem;
  }

  .hero-header_content {
    aspect-ratio: 1;
    min-height: auto;
    max-height: none;
  }

  .line-hover-button {
    position: relative;
  }

  .padding-section-features {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .padding-section-features.mobile-padding-bottom-small {
    padding-bottom: 3rem;
  }

  .features_component {
    margin-top: 3.5rem;
    margin-bottom: 2.3125rem;
  }

  .padding-section-quote {
    padding-top: 3.375rem;
    padding-bottom: 2.8125rem;
  }

  .feature-mobile-divider {
    background-color: var(--white);
    height: 1px;
    margin-top: 2.75rem;
    padding-bottom: 0;
    padding-right: 0;
    display: block;
  }

  .logo_lists-copy {
    grid-column-gap: 7vw;
    grid-row-gap: 3.2rem;
    padding-top: 0;
    padding-bottom: 0;
    overflow: hidden;
  }

  .logo-slider_slide {
    vertical-align: middle;
    width: auto;
    margin-left: 1rem;
    margin-right: 1rem;
  }

  .logo-slider {
    display: block;
  }

  .vimeo-bg.cc-large {
    width: 110%;
    height: 110%;
  }

  .vimeo-bg__play, .vimeo-bg__pause {
    bottom: 1em;
    right: 1em;
  }

  .ratio-3x2.cc-radius {
    align-self: stretch;
  }

  .ratio-3x2.tablet-auto {
    aspect-ratio: auto;
    height: 100%;
  }

  .logos_main {
    display: flex;
  }

  .video-animation-embed-wrapper {
    max-width: 100%;
    max-height: none;
  }

  .padding-section-large-2 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .heading {
    font-size: 2.75rem;
  }

  .layout22_content {
    grid-column-gap: 3rem;
    grid-template-columns: 1fr 1fr;
    grid-auto-flow: row;
    min-height: auto;
  }

  .heading-style-h2-2 {
    font-size: 2.75rem;
  }

  .portrait-image-link-list_image {
    height: auto;
    max-height: none;
  }

  .heading-style-h1-2 {
    font-size: 3.25rem;
  }

  .portrait-image-link-list_content {
    margin-left: 0%;
    margin-right: 0%;
  }

  .portrait-image-link-list_component {
    grid-row-gap: 0rem;
    flex-flow: column;
    grid-template-columns: 1fr;
    grid-auto-flow: row dense;
    justify-content: flex-start;
    align-items: flex-start;
    min-height: auto;
    display: flex;
  }

  ._3col-card_list {
    grid-column-gap: 1.5rem;
    grid-row-gap: 4rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  ._3col-card_image.scale-down.hide-desktop {
    display: none;
  }

  .text-size-k.text-font-figtree {
    font-size: 1.3rem;
  }

  .card-heading-style.hide-desktop.hide-custom {
    display: none;
  }

  .ratio-1-1.cc-radius {
    align-self: stretch;
  }

  .ratio-1-1.tablet-auto {
    aspect-ratio: auto;
    height: 100%;
  }

  .card-text-wrapper {
    padding-top: 2.8rem;
    padding-bottom: 2.8rem;
    padding-left: 0;
  }

  .card-text-wrapper.is-off-grid {
    padding-left: 0;
  }

  ._2col-grid {
    flex-flow: column;
    display: flex;
  }

  .header1_content, .platform-card-slider {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
    grid-template-columns: 1fr;
    grid-auto-flow: row;
    min-height: auto;
  }

  .hero-grid-header {
    flex-flow: column;
    display: flex;
  }

  .diagram-grid {
    grid-template-columns: .75fr 1fr;
    position: relative;
  }

  .diagram-card-wrapper {
    flex-flow: column;
    margin-bottom: 10px;
    display: flex;
  }

  .diagram-image {
    object-fit: contain;
    align-self: flex-start;
    min-height: auto;
  }

  .diagram-pullout {
    position: relative;
  }

  .diagram-pullout.custom-4-57, .diagram-pullout._26-47 {
    position: static;
  }

  .diagram-pullout._52-27 {
    position: static;
    top: 0%;
  }

  .diagram-pullout._81-77 {
    position: static;
  }

  .diagram-pullout._45-27 {
    position: static;
    top: 0%;
  }

  .diagram-pullout._70 {
    position: static;
  }

  .diagram-pullout.current-meter {
    position: static;
    top: 0%;
  }

  .diagram-pullout._22-47, .diagram-pullout.smart-mooring {
    position: static;
  }

  .diagram-pullout._52-27-copy {
    position: static;
    top: 0%;
  }

  .diagram-pullout._66 {
    position: static;
  }

  .diagram-hero-image {
    position: sticky;
    top: 120px;
  }

  .diagram-pullout-line {
    display: none;
  }

  .padding-section-large-3 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .heading-style-h1-3 {
    font-size: 2.9375rem;
  }

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

  .padding-section-large-4 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .layout_content {
    grid-column-gap: 3rem;
    grid-template-columns: 1fr 1fr;
    grid-auto-flow: row;
    min-height: auto;
  }

  .padding-section-medium-2 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .spotter-platform_dropdown:where(.w-variant-93d4d7c7-098b-8673-755d-028f015e56ba) {
    justify-content: center;
    align-items: flex-start;
    padding-left: 0;
    padding-right: 0;
  }

  .solutions-nav_dropdown:where(.w-variant-93d4d7c7-098b-8673-755d-028f015e56ba) {
    flex: 0 auto;
    align-self: stretch;
    margin-left: 0;
    margin-right: 0;
  }

  .solution-nav_wrapper:where(.w-variant-93d4d7c7-098b-8673-755d-028f015e56ba) {
    box-shadow: none;
    text-align: center;
    min-width: auto;
    margin-top: 0;
    padding: 0;
  }

  .solution-nav_inner-wrapper:where(.w-variant-93d4d7c7-098b-8673-755d-028f015e56ba) {
    justify-content: center;
    align-items: center;
    text-decoration: none;
  }

  .link-undelrine.hide-desktop:where(.w-variant-93d4d7c7-098b-8673-755d-028f015e56ba) {
    text-decoration: none;
    display: block;
  }

  .surface-card-wrapper {
    flex-flow: column;
    margin-bottom: 10px;
    display: flex;
  }

  .ratio-custom.cc-radius {
    align-self: stretch;
  }

  .ratio-custom.tablet-auto {
    aspect-ratio: auto;
    height: 100%;
  }

  .solution_nav_dropdown.w--open:where(.w-variant-93d4d7c7-098b-8673-755d-028f015e56ba) {
    margin-left: 0%;
    position: relative;
  }

  .dropdown-icon:where(.w-variant-93d4d7c7-098b-8673-755d-028f015e56ba) {
    width: 1.6rem;
    height: 3rem;
    margin-top: auto;
    margin-bottom: auto;
    display: block;
    position: absolute;
    inset: 0% 0% 0% auto;
  }

  .diagram-image-2 {
    object-fit: contain;
    align-self: flex-start;
    min-height: auto;
  }

  .hide-desktop {
    display: block;
  }

  .texts-apn-bristelmouth.text-size-custom {
    font-size: 2rem;
  }
}

@media screen and (max-width: 767px) {
  .navigation {
    padding-left: 0;
    padding-right: 0;
  }

  .c-container {
    padding-left: 32px;
    padding-right: 32px;
  }

  .c-section {
    padding-top: 50px;
  }

  .c-6col {
    order: 0;
    margin-top: 24px;
  }

  .c-paragraph.small-navtext {
    text-align: left;
  }

  .c-4col {
    width: 100%;
    margin-bottom: 24px;
  }

  .c-4col.footer {
    text-align: center;
    align-self: center;
    width: 100%;
    margin-bottom: 20px;
  }

  .c-4col.footer.right {
    text-align: center;
    margin-top: 20px;
  }

  .c-4col.form-image {
    height: 5rem;
  }

  .c-wrapper.team {
    flex-direction: column;
  }

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

  .c-footer {
    padding-left: 8px;
    padding-right: 8px;
  }

  .c-footer-grid {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column wrap;
    grid-template-rows: auto;
    grid-template-columns: .75fr 1fr 1fr;
    grid-auto-columns: 1fr;
    place-content: center space-between;
    place-items: stretch center;
    padding-left: 0;
    padding-right: 0;
    display: grid;
  }

  .c-second-part-footer {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-top: 20px;
    padding-left: 12px;
    padding-right: 12px;
  }

  .search-2.full-search {
    flex-direction: column;
    align-items: flex-start;
  }

  .collection-item-2 {
    margin-right: 0;
  }

  .customer-logos-contact {
    padding-bottom: 0;
    left: -1%;
  }

  .search-result-list {
    grid-template-columns: 1fr 1fr;
  }

  .c-3col-grid {
    grid-row-gap: 32px;
    grid-template-columns: 1fr;
  }

  .navmenu__dropdown-left {
    padding-top: 30px;
  }

  .navmenu__dropdown-section-list {
    grid-column-gap: 28px;
    grid-row-gap: 28px;
    grid-template-columns: 1fr;
  }

  .navmenu__dropdown.w--open {
    margin-top: 16px;
  }

  .navmenu__dropdown-grid {
    grid-template-columns: 1fr;
  }

  .div-block-57 {
    justify-content: center;
    align-items: center;
  }

  .item {
    width: 45vw;
    min-width: 45vw;
  }

  .sf-grid-2-col {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .sf-grid-2-col.way-001 {
    margin-top: 0;
  }

  .sf-grid-2-col.grid-padding-lg {
    grid-template-columns: 1fr;
  }

  .sf-wrap.flex-middle.align-right.align-left-mobile {
    justify-content: flex-start;
  }

  .sf-nav-embed-code {
    width: 0;
    height: 0;
  }

  .sf-container.no-line.sm-padding.wacqb9 {
    display: none;
  }

  .sf-container.no-line.padding-special-ghst732 {
    padding-top: 0;
    padding-bottom: 0;
  }

  .sf-container.sf-hq23hy {
    height: 100vh;
  }

  .sf-text-h3 {
    line-height: 2.4rem;
  }

  .sf-text-h3.padding-bottom.globe {
    max-width: 70%;
  }

  .sf-nav-m-dropdown-toggle, .sf-nav-m-dropdown-toggle.w--open {
    width: 100%;
  }

  .sf-home-intro-story {
    margin-bottom: 4rem;
  }

  .sf-navigation {
    position: absolute;
  }

  .ma-btn-line-bottom:where(.w-variant-26f2923c-d258-e4a9-cbc0-ecfbfd8a2331) {
    background-color: var(--white);
  }

  .sf-home-partner-wrap {
    flex-direction: row;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr 1fr;
  }

  .sf-home-stats-wrap {
    grid-template-columns: 1fr;
  }

  .sf-home-weather-movie-container {
    width: 100%;
    padding: 48px;
    position: absolute;
    right: -45%;
  }

  .sf-section.spotter-hero {
    background-image: url("https://cdn.prod.website-files.com/64d14310c4accecbf82f0e9f/64d14310c4accecbf82f12d6_sf-spotter-hero-mobile-343243.avif");
    background-position: 30%;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
  }

  .sf-section.onboarding {
    background-position: 50%;
  }

  .sf-section.onboarding {
    background-position: 50% 100%;
    background-size: 100%;
  }

  .sf-section.sf-smart-mooring {
    background-position: 60% 7%;
    background-size: cover;
  }

  .sf-section.sm-001.way-hero {
    padding-top: 0;
  }

  .sf-section.sm-001.way-hero.sf-hgste4 {
    height: 90vh;
    margin-top: 88px;
  }

  .sf-section.hero {
    padding-top: 3rem;
    padding-bottom: 1rem;
  }

  .sf-section._90-window.contact-us {
    align-items: flex-start;
    height: auto;
  }

  .sf-section.updates-hero {
    margin-top: 1rem;
  }

  .sf-section.blog-relative {
    height: 50vh;
    min-height: 36rem;
    margin-top: -.1rem;
  }

  .sf-section.sf-hero, .sf-section.sf-jht543 {
    margin-top: 88px;
    padding-top: 3rem;
    padding-bottom: 1rem;
  }

  .sf-home-companp-btn-wrap {
    flex-direction: column;
  }

  .sf-home-header-grid {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .sf-btn.secondary-white.padding-bottom.paddng-left.no-paddong-left-on-mobile {
    margin-left: 0;
  }

  .sf-grid-3col, .sf-grid-3col.full {
    grid-template-columns: 1fr;
  }

  .sf-nav-m {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    height: 400vh;
    display: none;
  }

  .sf-nav-m:where(.w-variant-93d4d7c7-098b-8673-755d-028f015e56ba) {
    display: none;
  }

  .ma-btn-line-top:where(.w-variant-26f2923c-d258-e4a9-cbc0-ecfbfd8a2331) {
    background-color: var(--white);
  }

  .sf-embed-globe {
    width: 140%;
  }

  .html-embed {
    overflow: hidden;
  }

  .sf-nav-m-dropdown {
    width: 100%;
  }

  .sf-grid-spotter-features {
    grid-template-columns: 1fr;
  }

  .sf-spotter-grid-img-container {
    height: 13rem;
    display: block;
  }

  .sf-spotter-grid-img-wrap {
    width: 15rem;
  }

  .grid-10 {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-template-columns: 1fr;
  }

  .sf-grid-spotter-data {
    grid-template-columns: 1fr 1fr;
  }

  .sf-grid-4col {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }

  .tab-pane-see-what-new-2 {
    padding-left: 0;
    padding-right: 0;
  }

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

  .sf-sm-element-b-003 {
    left: 49%;
  }

  .sf-sm-element-b-002 {
    left: 46%;
  }

  .sf-sm-element-a-002, .sf-sm-element-a-003 {
    left: 45%;
  }

  .sf-way-logo-wrap.eb {
    width: 3.4rem;
  }

  .sf-way-logo-wrap.abs {
    height: 2.8rem;
  }

  .sf-way-logo-wrap.lr {
    width: 4.8rem;
  }

  .sf-way-logo-container.wayfinder-grey {
    grid-template-columns: 1fr 1fr;
  }

  .sf-abt-btn-wrap {
    flex-direction: column;
  }

  .sf-abt-btn-wrap.padding-bottom, .sf-grid-contact-us {
    grid-template-columns: 1fr;
  }

  .sf-grid-team {
    grid-template-columns: 1fr 1fr;
  }

  .sf-team-story-logo-wrap.wide {
    margin-right: 0;
  }

  .sf-team-story-logo-wrap.wide-xl {
    width: 80%;
    margin-right: 0;
  }

  .sf-team-story-logo-wrap.wide-md {
    margin-right: 0;
  }

  .sf-way-safety-grid {
    grid-template-columns: 1fr;
  }

  .sf-way-slider, .mask-3 {
    height: 42rem;
  }

  .sf-wayfinder-ui-wrap {
    height: 28rem;
    top: -10%;
    left: -10%;
  }

  .sf-way-finder-safety-03 {
    width: 160%;
    left: -8%;
  }

  .sf-search-box-wrap {
    width: 100%;
  }

  .div-block-115 {
    padding: 1.3rem;
  }

  .grid-15 {
    grid-template-columns: 1fr;
  }

  .sf-8k63v8 {
    display: flex;
  }

  .vertical-scroll-wrapper {
    overflow: hidden;
  }

  .text-rotation-wrapper {
    flex-direction: column;
    align-items: flex-start;
    height: 80px;
    margin-left: 0%;
  }

  .heading-large {
    font-size: 1.875rem;
  }

  .div-block-126 {
    flex-direction: column;
  }

  .whitepaperform {
    grid-template-columns: 1fr;
  }

  .tab-link {
    border-bottom-width: 0;
    border-radius: 10px;
    width: auto;
  }

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

  .spacer {
    height: 32px;
  }

  .spacer._64 {
    height: 48px;
  }

  .tabs-menu {
    flex-wrap: wrap;
  }

  .sg-section {
    padding-left: 30px;
    padding-right: 30px;
  }

  .grid-16 {
    grid-template-columns: 1fr 1fr;
    margin-left: 0;
  }

  .grid-16.desk-2.tab-2 {
    grid-template-columns: 1fr;
  }

  .grid-16.desk-4.tab-4, .grid-16.desk-3.tab-3 {
    grid-template-columns: 1fr 1fr;
  }

  .column-2.desk-6, .column-2.desk-5, .column-2.desk-4 {
    width: 100%;
  }

  ._12-columns {
    flex-wrap: wrap;
  }

  ._2-1-grid {
    grid-template-columns: 2fr;
    margin-left: 0;
  }

  .sg-content {
    margin-left: 0;
  }

  ._1-2-grid {
    grid-template-columns: 2fr;
    margin-left: 0;
  }

  .sg-menu-brand.w--current {
    margin-top: 14px;
  }

  .sg-menu {
    background-color: #fff;
  }

  .field-block {
    min-height: auto;
  }

  .text-style {
    overflow: hidden;
  }

  .display-md.grey-50.blog-sozed {
    font-size: 2.4rem;
  }

  .body-xl.blog-title {
    font-size: 1.35rem;
  }

  .body-md.max-75 {
    max-width: 90%;
  }

  .color-styles-wrapper {
    grid-template-columns: 1fr;
  }

  .html-embed-12 {
    display: none;
  }

  .sf-update-card {
    max-width: none;
  }

  .sf-cms-post-link {
    margin-bottom: 2.5rem;
  }

  .sf-update-card-title-container {
    min-height: 98px;
  }

  .sf-button-sm.dark.set-width {
    width: 200px;
  }

  .sf-xghte2 {
    flex-direction: column;
  }

  .sf-footer-main-wrap {
    align-items: center;
  }

  .sf-footer-secondary-wrap {
    margin-left: auto;
  }

  .sf-footer-grid {
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 2fr;
  }

  .sf-footer-lottie-link {
    width: 16rem;
  }

  .sf-updates-rich-text h5 {
    font-size: 1.4rem;
  }

  .sf-cms-category-list {
    flex-direction: row;
    justify-content: flex-end;
  }

  .sf-cms-category-wrapper {
    width: 100%;
  }

  .sf-updates-main-grid {
    grid-template-columns: 1fr;
    align-content: start;
    align-items: start;
  }

  .sf-updates-featured-grid {
    grid-template-rows: .5fr;
    grid-template-columns: 1fr;
  }

  .sf-update-card-feat {
    flex-direction: column;
    max-width: none;
  }

  .sf-update-card-link-feat {
    margin-bottom: 2.5rem;
  }

  .sf-update-card-img-wrap-feat {
    border-top-right-radius: 1rem;
    border-bottom-left-radius: 0;
  }

  .sf-update-card-btm-wrap-feat {
    border-top-right-radius: 0;
    border-bottom-left-radius: 1rem;
    flex: none;
  }

  .sf-update-card-title-wrap-feat {
    flex: 0 auto;
  }

  .sf-update-card-title-container-feat {
    min-height: 98px;
  }

  .sf-update-card-feat-desc {
    display: block;
  }

  .sf-updates-filter-wrap {
    flex-direction: column;
    align-items: flex-end;
  }

  .sf-footer-social-wrap {
    margin-left: auto;
  }

  .sf-contact-wrap-01 {
    position: static;
  }

  .sf-nav-action {
    display: none;
  }

  .sf-si9siy-top-card {
    grid-row-gap: 1rem;
    flex-direction: row;
    align-items: center;
  }

  .sf-hq23hy-main {
    margin-top: 88px;
    position: sticky;
    top: 0;
  }

  .sf-hq23hy-cms-wrap {
    width: 100%;
  }

  .sf-hq23hy-cms-list {
    grid-column-gap: 16px;
    grid-row-gap: 18px;
    flex-direction: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    justify-content: flex-end;
    display: grid;
    overflow: scroll;
  }

  .sf-hq23hy-title {
    text-align: left;
    margin-left: 0;
    margin-right: 0;
  }

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

  .sf-hq23hy-logo-wrap {
    display: flex;
  }

  .sf-scroll-action {
    float: left;
  }

  .sf-gimgqp {
    top: 0;
  }

  .sf-category-btn-main {
    height: 10px;
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .sf-si9siy, .sf-si9siy-wrapper {
    top: 0;
  }

  .sf-si9siy-dscrp {
    display: none;
  }

  .sf-d2diye {
    flex-direction: column;
    align-items: center;
  }

  .sf-updates-secondary-grid, .sf-updates-tertiary-grid, .sf-updates-news-grid, .sf-updates-related-grid {
    grid-template-columns: 1fr;
  }

  .sf-gh6352 {
    width: 100%;
    margin-left: 5%;
    padding-left: 0%;
    padding-right: 5%;
  }

  .div-block-191 {
    grid-row-gap: 1rem;
    flex-direction: column;
  }

  .sf-spotter-grid.padding-bottom.primary {
    grid-template-columns: 1fr 1fr;
  }

  .sf-spot-s2ewxj {
    grid-template-columns: 1fr;
  }

  .sf-ghst32 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-direction: row;
    align-items: stretch;
  }

  .grid-17 {
    grid-row-gap: 40px;
    grid-template-columns: 1fr 1fr;
  }

  .image-84 {
    top: 0%;
    left: 7%;
  }

  .div-block-213 {
    grid-template-columns: 1fr;
  }

  .div-block-217 {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }

  .div-block-218, .div-block-219 {
    padding: 128px 5%;
  }

  .sf-48aipu {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    justify-items: center;
    display: grid;
  }

  .sf-spot-4y5kdc {
    grid-template-columns: 1fr;
  }

  .sf-spot-45ohcd, .sf-spot-45ohcd.lg {
    margin-bottom: 12px;
  }

  .sf-spot-jipexp {
    margin-bottom: 24px;
  }

  .sf-spotter-03 {
    grid-template-rows: .25fr .25fr;
    grid-template-columns: 1fr;
    height: auto;
  }

  .sf-spotter-img-right {
    aspect-ratio: 1;
    height: 100%;
    display: block;
  }

  .div-block-238 {
    display: block;
  }

  .sf-spotter-content-img {
    height: 100%;
  }

  .sf-spotter-01 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-rows: .25fr .25fr;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    height: auto;
    padding-top: 36px;
    padding-bottom: 36px;
    display: grid;
  }

  .sf-spot-01-b {
    grid-template-columns: 1fr;
    height: auto;
  }

  .sf-spotter-02 {
    grid-template-rows: 1fr .25fr;
    grid-template-columns: 1fr;
    align-content: stretch;
    place-items: center stretch;
    height: auto;
    padding-top: 36px;
    padding-bottom: 36px;
  }

  .sf-spot-02-b {
    grid-template-columns: 1fr;
    height: auto;
  }

  .sf-spotter-03-b {
    grid-template-rows: .25fr .25fr;
    grid-template-columns: 1fr;
    height: auto;
  }

  .sf-modal {
    max-width: 95%;
  }

  .sf-modal-content {
    padding-bottom: 24px;
    padding-left: 24px;
    padding-right: 24px;
  }

  .div-block-248 {
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .sf-modal-grid-updates {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }

  .div-block-254, .div-block-257 {
    grid-template-columns: 1fr;
  }

  .div-block-258 {
    margin-bottom: 24px;
  }

  .lottie-animation-3 {
    height: 350px;
  }

  .lottie-animation-4 {
    height: 360px;
  }

  .sf-sm-element-c-003, .sf-sm-element-c-002, .sf-sm-element-c-001 {
    left: 45%;
  }

  .sf-spot-aamwdy {
    margin-bottom: 24px;
  }

  .sf-modal-sensor-grid {
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .sf-video-hero {
    height: 75vh;
  }

  .sf-ahsjew2 {
    width: 100%;
    margin-left: 5%;
    padding-left: 0%;
    padding-right: 5%;
  }

  .form-columns-2 {
    display: flex;
  }

  .hs-form-field {
    margin-bottom: 1rem;
  }

  .hubspot_field-wrapper {
    padding: 1.1rem;
  }

  .hubspot_field-inner {
    padding: 1rem;
  }

  .hs-button {
    font-size: 1.125rem;
  }

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

  .sf-zxf323 {
    grid-template-columns: 1fr;
  }

  .sf-way-feat-video-xl {
    align-items: flex-end;
    display: flex;
  }

  .sf-way-video-embed {
    aspect-ratio: 3 / 2;
    height: auto;
    top: auto;
    bottom: 0;
  }

  .sf-way-img-src {
    aspect-ratio: 2;
  }

  .sf-lottie-prop-hgesxs3 {
    height: auto;
  }

  .sf-spot-jkh352 {
    grid-template-columns: 1fr;
  }

  .grid-783g232 {
    grid-row-gap: 40px;
    grid-template-columns: 1fr 1fr;
    display: none;
  }

  .sf-way-img-wrap {
    height: auto;
  }

  .sf-home-hero-01 {
    aspect-ratio: 1;
    height: 100%;
    display: block;
  }

  .sf-hgs632.hide-on-mobile {
    display: none;
  }

  .sf-gd6532 {
    grid-template-columns: 1fr;
  }

  .sf-prop-lottie-wrap {
    aspect-ratio: 16 / 9;
  }

  .sf-ghst3-grid {
    grid-template-columns: 1fr;
  }

  .sf-home-hero {
    height: 75vh;
  }

  .sf-home-text {
    font-size: 29px;
  }

  .div-block-290 {
    grid-template-columns: 1fr;
  }

  .sf-home-hero-02 {
    aspect-ratio: 1;
    height: 100%;
    display: block;
  }

  .swiper-slide {
    padding: 24px 16px;
  }

  .sf-fd56ty {
    height: auto;
  }

  .sf-fd56ty-detail-img-clip {
    width: 48px;
    height: 48px;
  }

  .sf-fd56ty-text {
    font-size: 1.32rem;
  }

  .sf-l2prp {
    padding-top: 32px;
    padding-bottom: 32px;
  }

  .sf-znnky {
    max-width: 85%;
  }

  .div-block-299 {
    aspect-ratio: 1;
    border-radius: 20px;
  }

  .sf-narrative-text {
    font-size: 23px;
  }

  .sf-narrative-text.sm {
    text-align: center;
    font-size: 1rem;
  }

  .sf-narrative-text.sf-8763 {
    text-align: center;
    font-size: 1.4rem;
  }

  .sf-narrative-text.sf-hg36234 {
    max-width: 455px;
    font-size: 1.4rem;
  }

  .sf-narrative-text.sm0732 {
    text-align: center;
    max-width: 455px;
    font-size: 1rem;
  }

  .sf-navigation-dark {
    position: absolute;
  }

  .sf-nav-m-dark {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    height: 400vh;
    display: none;
  }

  .sf-nav-dark-embed-code {
    width: 0;
    height: 0;
  }

  .image-97 {
    width: 30%;
    top: 42%;
  }

  .sf-marquee-track {
    grid-column-gap: 5rem;
  }

  .sf-sxe345 {
    width: 105px;
  }

  .sf-sxe345.md {
    width: 80px;
  }

  .sf-sxe345.sm {
    width: 102px;
  }

  .sf-cp-img-src {
    aspect-ratio: 2;
  }

  .image-98, .sf-dash-hgyte2 {
    display: block;
  }

  .grid-18 {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-template-columns: 1fr;
  }

  .sf-section-2.dark-blue.hero-idalia {
    margin-top: 0;
  }

  .sf-device-wrap.rs, .sf-device-wrap.sx {
    width: 90%;
  }

  .sf-device-hardware.rs {
    outline-width: 0;
  }

  .sf-bcflhh {
    align-items: flex-end;
    padding-left: 6%;
    padding-right: 6%;
    display: flex;
  }

  .sf-ik1mnu {
    flex-direction: row;
    align-items: center;
    max-width: 410px;
  }

  .sf-kj878f-wrapper, .sf-kj878f {
    top: 0;
  }

  .sf-ghske234 {
    grid-template-columns: 1fr 1fr;
  }

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

  .collection-list-14 {
    grid-template-columns: 1fr;
  }

  .sf-cms-card-wrap {
    max-width: none;
  }

  .sf-cms-data-btm-wrap {
    min-height: 98px;
  }

  .ahs-container {
    width: 90%;
  }

  .sf-ahs-richtext h5 {
    font-size: 1.4rem;
  }

  .ahs-video-hero {
    height: 75vh;
  }

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

  .sf-5fvnhw-main {
    margin-top: 88px;
    position: sticky;
    top: 0;
  }

  .padding-global.padding-section-medium.padding-mobile-landscape, .padding-section-large {
    padding-top: 3.3125rem;
    padding-bottom: 3.3125rem;
  }

  .margin-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .margin-bottom.margin-small.mobile-0 {
    margin-bottom: 0;
  }

  .margin-bottom.margin-medium {
    margin-bottom: 2.75rem;
  }

  .margin-bottom.margin-custom2 {
    margin-bottom: 3.3125rem;
  }

  .text-size-medium {
    font-size: 1rem;
  }

  .text-size-medium.text-font-figtree {
    margin-bottom: 0;
  }

  .margin-top {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .margin-top.margin-custom2 {
    margin-top: 2.75rem;
  }

  .button-group.is-centred {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    flex-flow: column;
  }

  .button-group.flex-horizontal, .button-group.left-vertical {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
  }

  .home6-header_image-wrapper {
    aspect-ratio: 16 / 9;
    max-width: none;
    min-height: 300px;
    max-height: none;
  }

  .section_feature {
    overflow: clip;
  }

  .feature_component {
    grid-column-gap: 3.3125rem;
    grid-row-gap: 3.3125rem;
    grid-template-columns: 1fr;
    padding-bottom: 6.375rem;
  }

  .morefeatures_list {
    grid-row-gap: 3.3125rem;
    grid-template-columns: 1fr;
  }

  .heading-style-h5 {
    font-size: 1.25rem;
  }

  .margin-vertical {
    margin-left: 0;
    margin-right: 0;
  }

  .heading-style-h6 {
    margin-bottom: 0;
  }

  .quote_component {
    grid-row-gap: 2rem;
    flex-direction: column;
    grid-template-columns: 1fr;
    justify-content: center;
    align-items: center;
  }

  .quote_content {
    margin-right: 0;
  }

  .quote-slider_row {
    justify-content: flex-start;
    width: 100%;
  }

  .stat_button-wrapper {
    margin-left: 0;
  }

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

  .padding-vertical.padding-custom1 {
    padding-bottom: 2.625rem;
  }

  .padding-top {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .intro_content-wrapper {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
    grid-template-columns: 1fr;
    margin-top: 2.75rem;
    margin-bottom: 2.75rem;
  }

  .intro_content-left {
    left: 0;
  }

  .heading-style-h1 {
    font-size: 2.5rem;
  }

  .intro_image-group {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    display: flex;
  }

  .section_stats {
    padding-bottom: 3.3125rem;
  }

  .stat_component {
    margin-top: 3.3125rem;
    margin-bottom: 0;
  }

  .heading-style-h2.is-open-roles {
    font-size: 2.0625rem;
  }

  .heading-style-h2.is-large {
    font-size: 2.5rem;
  }

  .stat_grid-list {
    grid-row-gap: 3.3125rem;
    grid-template-columns: 1fr;
  }

  .heading-style-h4 {
    line-height: 1.4;
  }

  .logo_content {
    padding-top: 3.3125rem;
    padding-bottom: 3.3125rem;
  }

  .bttn.is-secondary {
    padding-top: 1.125rem;
    padding-bottom: 1.125rem;
  }

  .heading-style-h3 {
    font-size: 2rem;
    line-height: 1.2;
  }

  .heading-style-h3.mobile-styles {
    font-size: 2.0625rem;
  }

  .text-size-large {
    font-size: 1.125rem;
  }

  .text-style-nowrap {
    white-space: normal;
  }

  .tabs-menu-4 {
    flex-wrap: wrap;
  }

  .category-filter-menu {
    width: 100vw;
    margin-left: -5vw;
    padding-left: 5vw;
    overflow: scroll;
  }

  .padding-section-small {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .max-width-full-mobile-landscape {
    width: 100%;
    max-width: none;
  }

  .padding-horizontal {
    padding-top: 0;
    padding-bottom: 0;
  }

  .padding-left {
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
  }

  .padding-right {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
  }

  .padding-xsmall {
    padding: .75rem;
  }

  .padding-small {
    padding: 1.25rem;
  }

  .padding-medium {
    padding: 1.5rem;
  }

  .padding-large {
    padding: 2rem;
  }

  .padding-xlarge {
    padding: 2.5rem;
  }

  .padding-xxlarge {
    padding: 3rem;
  }

  .padding-huge {
    padding: 3.5rem;
  }

  .padding-xhuge {
    padding: 4rem;
  }

  .padding-xxhuge {
    padding: 5rem;
  }

  .margin-horizontal {
    margin-top: 0;
    margin-bottom: 0;
  }

  .margin-left {
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0;
  }

  .margin-right {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
  }

  .margin-xsmall {
    margin: .75rem;
  }

  .margin-small {
    margin: 1.25rem;
  }

  .margin-30 {
    margin: 1.5rem;
  }

  .margin-large {
    margin: 2rem;
  }

  .margin-xlarge {
    margin: 2.5rem;
  }

  .margin-xxlarge {
    margin: 3rem;
  }

  .margin-huge {
    margin: 3.5rem;
  }

  .margin-xhuge {
    margin: 4rem;
  }

  .margin-xxhuge {
    margin: 5rem;
  }

  .spacer-xsmall {
    padding-top: .75rem;
  }

  .spacer-small {
    padding-top: 1.25rem;
  }

  .spacer-medium {
    padding-top: 1.5rem;
  }

  .spacer-large {
    padding-top: 2rem;
  }

  .spacer-xlarge {
    padding-top: 2.5rem;
  }

  .spacer-xxlarge {
    padding-top: 3rem;
  }

  .spacer-huge {
    padding-top: 3.5rem;
  }

  .spacer-xhuge {
    padding-top: 4rem;
  }

  .spacer-xxhuge {
    padding-top: 5rem;
  }

  .hide-mobile-landscape {
    display: none;
  }

  .join_heading-wrapper {
    flex-direction: column;
    justify-content: flex-start;
    margin-bottom: 3.3125rem;
    display: flex;
  }

  .join_heading {
    margin-right: 0;
  }

  .join_list {
    grid-row-gap: 3rem;
    grid-template-columns: 1fr;
  }

  .join_item.stagger-item.image-1 {
    margin-left: -80px;
  }

  .footer_top-wrapper {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    padding-top: 2rem;
    display: grid;
  }

  .footer_logo-link {
    margin-top: 0;
    margin-bottom: 2.5rem;
  }

  .footer_link-list {
    grid-column-gap: 0px;
    grid-row-gap: 1.5rem;
    text-align: left;
    flex-flow: column;
    grid-auto-flow: row;
    justify-items: center;
  }

  .footer_link {
    text-align: left;
    justify-content: flex-start;
    align-items: center;
  }

  .footer_legal-list {
    text-align: center;
    flex-flow: column;
    margin-top: 2rem;
    margin-left: 0;
  }

  .footer_legal-list.is-mobile-flex {
    grid-row-gap: .9375rem;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
  }

  .footer_legal-link.is-copyright {
    margin-right: 0;
  }

  .feature-text-centre {
    padding-bottom: 3.3125rem;
  }

  .section_hero-header {
    aspect-ratio: 1;
  }

  .section_hero-header.is-platform {
    aspect-ratio: 3 / 4;
  }

  .hero-header_content {
    max-height: none;
    margin-top: auto;
    padding-top: 3rem;
  }

  .globe-animation_wrapper {
    align-self: stretch;
  }

  .padding-section-features {
    padding-top: 6.375rem;
    padding-bottom: 6.375rem;
  }

  .padding-section-features.mobile-padding-bottom-small {
    padding-bottom: 3.4rem;
  }

  .features_component {
    margin-top: 0;
    margin-bottom: 0;
  }

  .padding-section-quote {
    padding-top: 3.3125rem;
    padding-bottom: 3.3125rem;
  }

  .logo_lists-copy {
    grid-column-gap: 7vw;
    grid-row-gap: 1.5rem;
  }

  .logo-slider_slide {
    margin-left: 2rem;
    margin-right: 2rem;
  }

  .vimeo-bg__iframe-wrapper {
    z-index: 0;
  }

  .vimeo-bg__placeholder {
    z-index: 1;
  }

  .logos_wrapper {
    grid-column-gap: 2.5rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .wbg-video, .wbg-video-2, .wbg-video-3, .wbg-video-4 {
    z-index: 2;
    width: 100%;
    height: 100%;
  }

  .margin-30px {
    margin: .75rem;
  }

  .text-size-medium-2 {
    font-size: 1rem;
  }

  .padding-section-large-2 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .heading {
    font-size: 2.25rem;
  }

  .margin-15 {
    margin: 1.25rem;
  }

  .text-size-17 {
    font-size: 1.125rem;
  }

  .layout22_content {
    grid-row-gap: 3rem;
    grid-template-columns: 1fr;
  }

  .heading-style-h2-2 {
    font-size: 2.25rem;
  }

  .heading-style-h1-2 {
    font-size: 2.5rem;
  }

  .text-size-medium-3 {
    font-size: 1rem;
  }

  ._3col-card_meta-wrapper {
    text-align: center;
  }

  ._3col-card_item-link.text-color-white {
    width: 100%;
  }

  ._3col-card_item-link.centr-mobile {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }

  ._3col-card_list {
    grid-row-gap: 3rem;
    flex-flow: column;
    grid-template-columns: 1fr;
  }

  ._3col-card_image.bottom-rounded-non {
    min-width: 100%;
  }

  ._3col-card_image.scale-down.mobile-66 {
    width: 66%;
  }

  ._3col-card_image.scale-down.hide-desktop {
    aspect-ratio: auto;
    display: block;
  }

  .text-size-k {
    font-size: 1rem;
  }

  .text-size-k.text-font-figtree {
    margin-bottom: 0;
  }

  .tag-subheading.centre-mobile {
    text-align: center;
    align-self: center;
    margin-left: auto;
    margin-right: auto;
  }

  .card-heading-style {
    font-size: 1.25rem;
  }

  .card-heading-style.hide-desktop.hide-custom {
    display: block;
  }

  .logo-wrapper {
    padding-top: 3.3125rem;
    padding-bottom: 3.3125rem;
  }

  .card-text-wrapper {
    padding-top: 2.8rem;
    padding-bottom: 2.8rem;
    padding-left: 0;
  }

  .text-size-medium-4 {
    font-size: 1rem;
  }

  .header1_content, .platform-card-slider {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
  }

  .faq_question {
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-right: 1.25rem;
  }

  .text-size-medium-5 {
    font-size: 1rem;
  }

  .faq_icon-wrapper {
    width: 1.75rem;
  }

  .faq_answer {
    padding-right: 1.25rem;
  }

  .diagram-grid {
    flex-flow: column;
    grid-template-columns: 1fr 1fr;
    display: flex;
  }

  .diagram-grid.is-surface {
    flex-flow: column;
  }

  .diagram-image {
    align-self: flex-start;
  }

  .diagram-hero-image, .diagram-hero-image.spotter-surface {
    position: relative;
    top: 0;
  }

  .padding-section-large-3 {
    padding-top: 3.3125rem;
    padding-bottom: 3.3125rem;
  }

  .heading-style-h1-3 {
    font-size: 2.5rem;
  }

  .text-size-medium-6 {
    font-size: 1rem;
  }

  .padding-section-large-4 {
    padding-top: 3.3125rem;
    padding-bottom: 3.3125rem;
  }

  .layout_content {
    grid-row-gap: 3rem;
    grid-template-columns: 1fr;
  }

  .tooltip_component {
    min-width: 55vw;
  }

  .slider-icon.is-left {
    margin-left: 0;
    font-size: 20px;
  }

  .slider-icon.is-right {
    margin-left: 24px;
    margin-right: 0;
    font-size: 20px;
    inset: 0% 0% 0% auto;
  }

  .logo3_wrapper {
    padding: .75rem 1rem;
  }

  .padding-section-medium-2 {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .logo3_logo {
    max-height: 3rem;
  }

  .heading-style-h6-2 {
    font-size: 1.125rem;
  }

  .logo_list {
    grid-column-gap: 1rem;
    margin-right: 1rem;
    padding-top: 1rem;
  }

  .margin-20 {
    margin: 1.5rem;
  }

  .diagram-image-2 {
    align-self: flex-start;
  }

  .solutions-link-grid {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    grid-template-columns: 1fr;
  }
}

@media screen and (max-width: 479px) {
  .navigation {
    padding-left: 0;
    padding-right: 0;
  }

  .c-container {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }

  .c-section {
    padding-top: 30px;
  }

  .c-h1 {
    font-size: 52px;
    line-height: 62px;
  }

  .c-h1.white {
    font-size: 42px;
    line-height: 56px;
  }

  .c-6col {
    width: 100%;
  }

  .c-paragraph.small-navtext {
    text-align: left;
    margin-left: 0;
  }

  .c-4col.footer {
    margin-right: 0;
  }

  .c-wrapper {
    flex-direction: column;
  }

  .c-grid-team {
    grid-template-columns: 1fr;
  }

  .c-h2 {
    font-size: 46px;
    line-height: 58px;
  }

  .c-h3 {
    font-size: 40px;
    line-height: 52px;
  }

  .c-h4 {
    font-size: 36px;
    line-height: 46px;
  }

  .c-h5 {
    line-height: 34px;
  }

  .c-footer-grid {
    flex-wrap: wrap;
    grid-template-columns: 1fr;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .c-link-text.nav.dropdown {
    line-height: 28px;
  }

  .c-logo {
    margin-left: 16px;
  }

  .c-text-small.white {
    margin-top: 12px;
    margin-left: 12px;
  }

  .c-top-part {
    margin-bottom: 8px;
  }

  .c-card-wrapper {
    flex-flow: column;
  }

  .c-card-blog {
    flex: none;
    width: 100%;
    margin-right: 0;
  }

  .c-dropddown-card.w--open {
    padding-top: 0;
  }

  .c-nav-link-wrapper {
    text-align: left;
    margin-bottom: 34px;
  }

  .miniwrapper-link {
    text-align: left;
    justify-content: flex-start;
  }

  .collection-list-3 {
    flex-wrap: nowrap;
  }

  .collection-item-2 {
    margin-right: 0;
  }

  .custom-form {
    width: 100%;
  }

  .search-result-list {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-columns: 1fr;
  }

  .c-3col-grid.support {
    grid-template-columns: 1fr;
  }

  .navmenu__dropdown-left {
    padding-bottom: 32px;
  }

  .navmenu__dropdown-section-list {
    grid-row-gap: 24px;
  }

  .navmenu__dropdown-section-link {
    flex-direction: column;
  }

  .navmenu__dropdown-section-link-description {
    margin-top: 4px;
  }

  .item {
    width: 88vw;
    min-width: 88vw;
  }

  .sf-grid-2-col {
    grid-template-rows: auto auto;
  }

  .sf-wrap.z-100 {
    position: relative;
  }

  .sf-nav-m-dropdown-toggle, .sf-nav-m-dropdown-toggle.w--open {
    width: 100%;
  }

  .sf-home-intro-story {
    padding-right: 0;
  }

  .sf-navigation {
    position: fixed;
    inset: 0% 0% auto;
  }

  .sf-home-stats-wrap {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    grid-template-columns: 1fr;
  }

  .sf-home-weather-movie-container {
    right: -51%;
  }

  .sf-section.spotter-hero {
    background-image: url("https://cdn.prod.website-files.com/64d14310c4accecbf82f0e9f/64d14310c4accecbf82f12d6_sf-spotter-hero-mobile-343243.avif");
    background-position: 40% 40%;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .sf-section.sf-smart-mooring {
    background-position: 56% 30%;
    background-size: cover;
  }

  .sf-section.hero, .sf-section.sf-hero, .sf-section.sf-jht543 {
    padding-top: 0;
    padding-bottom: 0;
  }

  .sf-home-logo-wrap {
    width: 5rem;
  }

  .sf-nav-m-container:where(.w-variant-93d4d7c7-098b-8673-755d-028f015e56ba) {
    height: auto;
    max-height: 70vh;
    overflow: auto;
  }

  .sf-btn.sm.margin-left, .sf-btn.secondary-white.padding-bottom.paddng-left {
    margin-left: 0;
  }

  .sf-btn.xl-long, .sf-btn.xl-xl-long {
    width: 300px;
  }

  .sf-nav-m-secondary:where(.w-variant-93d4d7c7-098b-8673-755d-028f015e56ba) {
    margin-top: .1rem;
  }

  .sf-nav-m:where(.w-variant-93d4d7c7-098b-8673-755d-028f015e56ba) {
    padding-top: 0;
    display: none;
  }

  .sf-grid-spotter-data {
    grid-template-columns: 1fr 1fr;
  }

  .sf-img-src {
    width: 100%;
  }

  .dasda.w--current {
    align-items: center;
  }

  .sf-sm-element-b-003, .sf-sm-element-b-002, .sf-sm-element-b-001 {
    left: 4%;
  }

  .sf-sm-pricing-tab-menu-btn.w--current {
    align-items: center;
  }

  .sf-sm-element-a-002, .sf-sm-element-a-003, .sf-sm-element-a-001 {
    left: 4%;
  }

  .sf-way-logo-wrap {
    width: 5rem;
  }

  .sf-way-logo-wrap.eb {
    width: 3.5rem;
  }

  .sf-way-logo-wrap.abs {
    height: 2.8rem;
  }

  .sf-footer-logo-link {
    width: 50%;
  }

  .sf-404-btn-wrap {
    flex-direction: column;
    align-items: center;
  }

  .sf-footer-link-wrap {
    text-align: center;
    padding-bottom: 2rem;
  }

  .sf-team-story-logo-wrap.wide, .sf-team-story-logo-wrap.wide-md {
    margin-right: 0;
  }

  .sf-way-intro {
    margin-top: -40px;
  }

  .sf-way-safety-img-src {
    left: 11%;
    transform: scale(2);
  }

  .sf-way-slider {
    height: 41.5rem;
  }

  .sf-wayfinder-ui-wrap {
    height: 18rem;
    left: -10%;
    right: 20%;
  }

  .sf-way-finder-safety-03 {
    top: 43%;
    left: 1%;
  }

  .sf-ef7711 {
    flex-direction: column;
    align-items: center;
  }

  .div-block-115 {
    padding: .6rem;
  }

  .sf-8k63v8 {
    width: 100%;
    height: 15rem;
    display: flex;
  }

  .text-rotation-wrapper {
    width: 100%;
    height: auto;
  }

  .infinite-rotation-holder {
    height: auto;
  }

  .sf-bnydvm {
    width: 100%;
  }

  .sf-blog-card {
    flex: none;
    width: 100%;
    margin-right: 0;
  }

  .sf-blog-card-top {
    margin-bottom: 8px;
  }

  .sf-text-h6 {
    line-height: 34px;
  }

  .sf-btn-whitepaper {
    width: 250px;
  }

  .sg-section {
    padding-left: 16px;
    padding-right: 16px;
  }

  .column-2 {
    margin-bottom: 0;
  }

  .column-2.desk-6, .column-2.desk-5, .column-2.desk-3 {
    width: 100%;
  }

  .sg-menu-button {
    margin-right: 4px;
  }

  .text-input {
    width: 100%;
  }

  .button {
    width: 100%;
    font-size: 16px;
  }

  .sg-menu-brand {
    margin-left: 16px;
  }

  .sf-button {
    width: 100%;
    font-size: 16px;
  }

  .sf-button.dark-hover.mobile-width-auto {
    width: auto;
  }

  .sf-button.min-width {
    align-self: stretch;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .sf-button-sm {
    width: 100%;
    font-size: 16px;
  }

  .sf-button-sm.secondary-white.max-w-240 {
    max-width: 300px;
  }

  .sf-button--inline {
    width: 100%;
    font-size: 16px;
  }

  .sf-button--inline.blog {
    width: auto;
  }

  .sf-footer-secondary-wrap {
    flex-direction: column;
  }

  .pagination {
    flex-wrap: wrap;
  }

  .sf-footer-social-wrap {
    flex-direction: row;
  }

  .sf-button-sm-nav {
    width: 100%;
    font-size: 16px;
  }

  .sf-hq23hy-cms-list {
    grid-template-rows: auto auto auto auto auto auto;
    grid-template-columns: 1fr;
    align-items: stretch;
  }

  .sf-hq23hy-grid {
    grid-template-rows: auto auto;
  }

  .sf-spotter-grid {
    grid-template-columns: 1fr;
  }

  .sf-ghst32 {
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
  }

  .sf-cjd342 {
    width: 100%;
  }

  .sf-sm-element-c-003, .sf-sm-element-c-002, .sf-sm-element-c-001 {
    left: 4%;
  }

  .sf-sgh324.w--current {
    align-items: center;
  }

  .sf-video-hero {
    height: 60vh;
  }

  .hubspot_field-inner {
    padding: 1rem;
  }

  .sf-way-img-src {
    aspect-ratio: 16 / 9;
  }

  .sf-home-hero {
    height: 81vh;
  }

  .sf-home-text {
    font-size: 26px;
  }

  .sf-l2prp {
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .sf-narrative-text {
    font-size: 15px;
  }

  .sf-narrative-text.sf-8763, .sf-narrative-text.sf-hg36234, .sf-narrative-text.sf-het23 {
    font-size: 1.4rem;
  }

  .sf-cp-img-src {
    aspect-ratio: 16 / 9;
  }

  .sf-button-2 {
    width: 100%;
    font-size: 16px;
  }

  .sf-bcflhh {
    padding: 14% 4%;
  }

  .sf-ghske234 {
    grid-template-columns: 1fr;
  }

  .sf-button-cms-link {
    width: 100%;
    font-size: 16px;
  }

  .ahs-video-hero {
    height: 60vh;
  }

  .sf-gty5342 {
    grid-template-rows: auto auto;
  }

  .image-108 {
    object-fit: cover;
  }

  .page-wrapper {
    overflow: hidden;
  }

  .padding-global.mobile-clean {
    padding-left: 0%;
    padding-right: 0%;
  }

  .margin-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .margin-top {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .home6-header_image-wrapper {
    aspect-ratio: 2 / 3;
    height: auto;
    min-height: auto;
  }

  .feature_component {
    grid-template-columns: 1fr;
    padding-bottom: 4rem;
  }

  .feature_component.mobile-adding-bottom-large {
    padding-bottom: 6.375rem;
  }

  .morefeatures_list {
    grid-template-columns: 1fr;
  }

  .morefeatures_image-wrapper {
    height: 100%;
  }

  .margin-vertical {
    margin-left: 0;
    margin-right: 0;
  }

  .quote_component {
    grid-column-gap: 2.2rem;
    grid-row-gap: 0rem;
  }

  .quote_content {
    margin-top: 1.4375rem;
  }

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

  .padding-vertical.padding-60.mobile-top-30 {
    padding-top: 1.875rem;
  }

  .padding-top {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .trusted-logo-3.stagger-item {
    min-width: 73px;
  }

  .intro_content-wrapper {
    grid-template-columns: 1fr;
  }

  .heading-style-h1 {
    font-size: 10.4vw;
  }

  .intro_image-group {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
  }

  .bttn {
    width: 100%;
    font-size: 16px;
  }

  .bttn.is-link {
    justify-content: flex-start;
    align-items: center;
    font-size: 1.1rem;
  }

  .heading-style-h3 {
    font-size: 1.7rem;
  }

  .max-width-full-mobile-portrait {
    width: 100%;
    max-width: none;
  }

  .padding-horizontal {
    padding-top: 0;
    padding-bottom: 0;
  }

  .padding-left {
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
  }

  .padding-right {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
  }

  .margin-horizontal {
    margin-top: 0;
    margin-bottom: 0;
  }

  .margin-left {
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0;
  }

  .margin-right {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
  }

  .hide-mobile-portrait {
    display: none;
  }

  .section_join {
    overflow: hidden;
  }

  .join_list {
    grid-row-gap: 2rem;
  }

  .join_item {
    aspect-ratio: 1;
    width: 296px;
  }

  .join_item.stagger-item.image-1 {
    margin-left: -60px;
  }

  .join_item.stagger-item.image-2 {
    margin-left: 31px;
  }

  .join_image {
    width: 296%;
    min-width: 296px;
  }

  .footer_legal-list.is-mobile-flex {
    grid-row-gap: .5rem;
    display: flex;
  }

  .home6-header_heading_wrapper {
    height: 100%;
    min-height: 100%;
  }

  .trusted-logo-2.stagger-item {
    min-width: 75px;
  }

  .trusted-logo-4.stagger-item {
    min-width: 67px;
  }

  .trusted-logo-5.stagger-item {
    min-width: 87px;
  }

  .trusted-logo-1.stagger-item {
    min-width: 159px;
  }

  .quote-slider {
    margin-top: auto;
  }

  .quote-slider-mask {
    height: auto;
  }

  .section_hero-header {
    aspect-ratio: 1;
    overflow: hidden;
  }

  .section_hero-header.is-platform {
    overflow: visible;
  }

  .line-hover-button {
    width: 100%;
    font-size: 16px;
  }

  .globe-animation_wrapper {
    min-width: 100%;
    min-height: 100%;
  }

  .logo_lists-copy {
    justify-content: center;
    align-items: center;
    overflow: auto;
  }

  .ratio-3x2.tablet-auto {
    aspect-ratio: auto;
    height: 100%;
  }

  .logos_main {
    display: flex;
  }

  .video-animation-embed {
    height: 100%;
  }

  .layout22_content, .portrait-image-link-list_component {
    grid-template-columns: 1fr;
  }

  .line-divider.spacing-60px.background-color-black {
    background-color: #fffdf9;
    border-top-style: none;
  }

  ._3col-card_item-link.centr-mobile {
    padding-bottom: 3rem;
  }

  ._3col-card_item.stagger-item.mobile-underline {
    border-bottom: 1px solid var(--yellowpale);
    padding-bottom: .6rem;
  }

  .ratio-1-1.tablet-auto {
    aspect-ratio: auto;
    height: 100%;
  }

  .card-text-wrapper {
    padding-top: 2.8rem;
    padding-bottom: 2.8rem;
    padding-left: 0;
  }

  .header1_content, .platform-card-slider {
    grid-template-columns: 1fr;
  }

  .card-slider_wrapper {
    margin-left: 5px;
    margin-right: 5px;
    padding: 2rem;
  }

  .hero-grid-header {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .diagram-grid {
    flex-flow: column;
    grid-template-columns: .75fr 1fr;
    position: relative;
  }

  .diagram-card-wrapper {
    border-bottom: 1px solid var(--light-sky-blue);
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: 40px;
    margin-bottom: 20px;
    padding-bottom: 30px;
  }

  .diagram-image {
    align-self: flex-start;
    max-height: 80px;
  }

  .diagram-image.is-hydrophone {
    object-fit: contain;
    max-height: 100px;
    margin-bottom: -30px;
  }

  .full-height-container {
    align-self: flex-start;
  }

  .heading-style-h1-3 {
    font-size: 10.4vw;
  }

  .bas-image-before {
    border-top-left-radius: .4rem;
    border-bottom-left-radius: .4rem;
  }

  .bas-image-after-h {
    border-top-right-radius: .4rem;
    border-bottom-right-radius: .4rem;
  }

  .layout_content, .layout_item-list {
    grid-template-columns: 1fr;
  }

  .tooltip_component {
    min-width: 72vw;
    max-width: 90vw;
    margin-left: -170px;
  }

  .logo3_wrapper {
    justify-content: center;
    align-items: flex-start;
    max-width: 80%;
    padding-left: .2rem;
    padding-right: .2rem;
  }

  .logo_list {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    grid-template-columns: minmax(max-content, .5fr) minmax(max-content, .5fr) minmax(max-content, .5fr) minmax(max-content, .5fr) minmax(max-content, .5fr) minmax(max-content, .5fr);
    justify-content: center;
    margin-right: .2rem;
  }

  .surface-card-wrapper {
    margin-bottom: 20px;
  }

  .surface_wrapper {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .ratio-custom.tablet-auto {
    aspect-ratio: auto;
    height: 100%;
  }

  .diagram-image-2 {
    align-self: flex-start;
    max-height: 80px;
  }
}

#w-node-ff1f8d74-605b-e5dd-dfe8-4b4f5895ac47-60b3c4af {
  justify-self: center;
}

#w-node-e6a6d812-81da-745a-7b19-cc3f50ca78d0-ac09fa2b {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-e691dafd-f409-dd08-33cf-2221d873fb7d-ac09fa30 {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-_9d419420-8c6f-8b0d-7972-641bb77895c1-ac09fa30, #w-node-_9d419420-8c6f-8b0d-7972-641bb77895c2-ac09fa30 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_9d419420-8c6f-8b0d-7972-641bb77895c4-ac09fa30 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_9d419420-8c6f-8b0d-7972-641bb77895c5-ac09fa30, #w-node-_4f418c2c-8d71-165a-aa2f-8d233b732111-ac09fa30, #w-node-_4f418c2c-8d71-165a-aa2f-8d233b732116-ac09fa30, #w-node-_4f418c2c-8d71-165a-aa2f-8d233b732117-ac09fa30, #w-node-bd017dd0-e244-6a61-8907-44232d4e1e0b-ac09fa30 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_5d01a8a0-a270-09ec-30a0-210b570f965e-ac09fa30 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_2d8c9e37-f128-28ab-1e15-265508274bb2-ac09fa30, #w-node-_368c7ce7-18c4-a08d-8c63-132b926a27b8-ac09fa30, #w-node-_368c7ce7-18c4-a08d-8c63-132b926a27b9-ac09fa30, #w-node-_4868836f-60b5-149b-870e-0a0f1ea4a012-ac09fa30, #w-node-_4868836f-60b5-149b-870e-0a0f1ea4a013-ac09fa30, #w-node-_3a35ca40-72dd-07fa-ea75-2c0199a597f7-ac09fa30, #w-node-_3a35ca40-72dd-07fa-ea75-2c0199a597f8-ac09fa30, #w-node-_1c4068be-f925-eab1-86d5-f3dd2e1e06c9-ac09fa30, #w-node-_1c4068be-f925-eab1-86d5-f3dd2e1e06ca-ac09fa30, #w-node-_6775b7c9-d89d-3660-ddd2-df0800bde8d9-ac09fa30, #w-node-_75ea3dd9-94a0-2bff-a9b6-31c006266279-ac09fa36, #w-node-_68ad0914-70f1-5c9a-f976-e4f83373deaa-ac09fa36, #w-node-_5a3396f0-781b-86e8-3a11-f79124043ab2-ac09fa36 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_2156eea1-ab3a-b86e-d27e-b1e01ec812df-d4673702 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-c1804f3e-d9f6-611a-1de8-0c76d467370e-d4673702 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-c1804f3e-d9f6-611a-1de8-0c76d4673711-d4673702 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-c1804f3e-d9f6-611a-1de8-0c76d4673713-d4673702 {
  place-self: stretch stretch;
}

#w-node-_2d4dd929-79b8-2b72-b1c6-467bb2d892f2-ac09fa6f {
  grid-area: span 2 / span 2 / span 2 / span 2;
  align-self: stretch;
}

#w-node-_84f04085-9cbb-95d2-f870-00d57a598b3b-ac09fa6f, #w-node-_76cd53af-8adb-8f07-7c12-1a7d47c34f9d-ac09fa6f, #w-node-bbcbec1e-4fe9-b65c-918b-60447203d40b-ac09fa6f, #w-node-_8fd180b4-7156-15b9-b2a5-f1d5314669a6-ac09fa6f, #w-node-_8fd180b4-7156-15b9-b2a5-f1d5314669a9-ac09fa6f, #w-node-_8fd180b4-7156-15b9-b2a5-f1d5314669ab-ac09fa6f {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_141bce55-91d5-8ceb-2d8a-623327be8306-ac09fa76, #w-node-_94a85184-e353-fca3-684e-20b051e3f883-ac09fa76, #w-node-d2a1720b-1534-bd62-7630-82cd7d7f33bf-ac09fa76 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-b80937c1-8766-8da6-d11a-ed44488747f0-ac09fa91 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center;
}

#w-node-c95a7aac-46ef-78f4-786b-0cb937a6daa8-ac09fa91 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-ede33f6d-01e4-063b-c8d7-dcc3bb75bdad-ac09fa91 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center;
}

#w-node-_642a2ab8-3848-eafd-0f2d-5dc83a4da0be-ac09fa91, #w-node-e4139dd3-1b01-9bff-6b50-a83c69469ae8-ac09fa91, #w-node-c30a6107-5faf-0c76-18d9-de7577fea038-ac09fa91, #w-node-_15dfa997-096c-2466-463b-6668b9acd175-ac09fa91, #w-node-_90f63514-91a3-ce69-a2d4-d9a0f6fc83c4-ac09fa91, #w-node-b8a03ff3-8b9e-afa3-e822-a6e11f6428b2-ac09fa96, #w-node-c94aa3e4-42c2-11f9-ff70-7f4925304295-ac09fa96, #w-node-_02d0b724-9c27-0a4d-7f5f-2ee384ea0068-ac09fa96, #w-node-_40d3e5ef-6cf2-5a89-ed41-4592ca7e6438-ac09fa9d, #w-node-ff770f7d-e56d-3ec2-d81d-f9b77ba3216e-ac09fad8, #w-node-ff770f7d-e56d-3ec2-d81d-f9b77ba32173-ac09fad8, #w-node-_5bfb685b-ee12-d0e1-9b26-e8139976a92a-ac09fad8, #w-node-_5bfb685b-ee12-d0e1-9b26-e8139976a92f-ac09fad8 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_30ddd7d4-ad0d-39e9-6b80-3a8b878452cd-ac09faed, #w-node-_336bd544-d646-5c42-f7bd-a4d10800fc5e-ac09faed {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-f81749f0-2a8a-cf84-43b0-c8acd920c1ba-ac09faed, #w-node-_6e6db16e-e276-f053-cdfb-b8d574ebe601-ac09faed, #w-node-_44b1b1ce-ea0d-9628-09c1-e09da5ef64bb-ac09faed, #w-node-_4590535b-0142-21c6-16a6-f72253136db8-ac09faed {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_1dfa4efd-de22-4b8c-e336-7d106a7d5bef-ac09faf4 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-d643b6f7-0f9f-1d33-af86-3ab626ac4453-ac09faf4, #w-node-_02b9ff1a-4bb8-6c63-0c9a-63220e5b55ca-ac09faf4 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-cdcf7870-2c27-9223-327e-20671ed7c0c9-ac09fb0b {
  grid-area: span 2 / span 3 / span 2 / span 3;
}

#w-node-d1045e40-7399-34e7-3b76-aa7b3d9d583b-ac09fb0b, #w-node-d1045e40-7399-34e7-3b76-aa7b3d9d5873-ac09fb0b, #w-node-d1045e40-7399-34e7-3b76-aa7b3d9d58ae-ac09fb0b, #w-node-d1045e40-7399-34e7-3b76-aa7b3d9d5a7a-ac09fb0b, #w-node-d1045e40-7399-34e7-3b76-aa7b3d9d5a7e-ac09fb0b, #w-node-d1045e40-7399-34e7-3b76-aa7b3d9d5a7f-ac09fb0b, #w-node-d1045e40-7399-34e7-3b76-aa7b3d9d5a84-ac09fb0b, #w-node-d1045e40-7399-34e7-3b76-aa7b3d9d5a85-ac09fb0b, #w-node-d1045e40-7399-34e7-3b76-aa7b3d9d5a8a-ac09fb0b, #w-node-d1045e40-7399-34e7-3b76-aa7b3d9d5a8b-ac09fb0b, #w-node-d1045e40-7399-34e7-3b76-aa7b3d9d5a91-ac09fb0b, #w-node-d1045e40-7399-34e7-3b76-aa7b3d9d5a92-ac09fb0b, #w-node-d1045e40-7399-34e7-3b76-aa7b3d9d5a98-ac09fb0b, #w-node-d1045e40-7399-34e7-3b76-aa7b3d9d5a99-ac09fb0b, #w-node-d1045e40-7399-34e7-3b76-aa7b3d9d5a9f-ac09fb0b, #w-node-d1045e40-7399-34e7-3b76-aa7b3d9d5aa0-ac09fb0b, #w-node-d1045e40-7399-34e7-3b76-aa7b3d9d5aa6-ac09fb0b, #w-node-d1045e40-7399-34e7-3b76-aa7b3d9d5aa7-ac09fb0b, #w-node-d1045e40-7399-34e7-3b76-aa7b3d9d5aad-ac09fb0b, #w-node-d1045e40-7399-34e7-3b76-aa7b3d9d5aae-ac09fb0b, #w-node-d1045e40-7399-34e7-3b76-aa7b3d9d5ac2-ac09fb0b, #w-node-d1045e40-7399-34e7-3b76-aa7b3d9d5ac3-ac09fb0b, #w-node-d1045e40-7399-34e7-3b76-aa7b3d9d5abe-ac09fb0b, #w-node-d1045e40-7399-34e7-3b76-aa7b3d9d5abf-ac09fb0b, #w-node-_115b5830-6b6a-ae64-8873-c9e023b7c2f6-ac09fb0b, #w-node-_115b5830-6b6a-ae64-8873-c9e023b7c2f7-ac09fb0b, #w-node-d5f651ef-b9b7-f161-c6bd-d45670e49fb4-ac09fb0b, #w-node-d1045e40-7399-34e7-3b76-aa7b3d9d5b04-ac09fb0b, #w-node-d1045e40-7399-34e7-3b76-aa7b3d9d5b05-ac09fb0b, #w-node-d1045e40-7399-34e7-3b76-aa7b3d9d5b0b-ac09fb0b, #w-node-d1045e40-7399-34e7-3b76-aa7b3d9d5b0c-ac09fb0b, #w-node-d1045e40-7399-34e7-3b76-aa7b3d9d5b13-ac09fb0b, #w-node-d1045e40-7399-34e7-3b76-aa7b3d9d5b14-ac09fb0b, #w-node-d1045e40-7399-34e7-3b76-aa7b3d9d591f-ac09fb0b, #w-node-d1045e40-7399-34e7-3b76-aa7b3d9d5921-ac09fb0b, #w-node-d1045e40-7399-34e7-3b76-aa7b3d9d5923-ac09fb0b, #w-node-d1045e40-7399-34e7-3b76-aa7b3d9d5925-ac09fb0b, #w-node-d1045e40-7399-34e7-3b76-aa7b3d9d5928-ac09fb0b, #w-node-d1045e40-7399-34e7-3b76-aa7b3d9d592f-ac09fb0b, #w-node-d1045e40-7399-34e7-3b76-aa7b3d9d5936-ac09fb0b, #w-node-d1045e40-7399-34e7-3b76-aa7b3d9d593d-ac09fb0b, #anchor-surface.w-node-b357bd47-b71b-ce8f-5eb7-ea92ded2bb51-ac09fb0b {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d1045e40-7399-34e7-3b76-aa7b3d9d59a7-ac09fb0b {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-d1045e40-7399-34e7-3b76-aa7b3d9d59cb-ac09fb0b, #w-node-d1045e40-7399-34e7-3b76-aa7b3d9d59cf-ac09fb0b {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_279468c2-7e48-2ca5-63ad-6bcc53e65768-ac09fb0b {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d1045e40-7399-34e7-3b76-aa7b3d9d5a02-ac09fb0b, #w-node-d1045e40-7399-34e7-3b76-aa7b3d9d5a10-ac09fb0b {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_12e6a71f-8e20-e284-67a5-82efbd606432-ac09fb0b, #w-node-d1045e40-7399-34e7-3b76-aa7b3d9d5a12-ac09fb0b, #w-node-d1045e40-7399-34e7-3b76-aa7b3d9d5a14-ac09fb0b, #w-node-d1045e40-7399-34e7-3b76-aa7b3d9d5a16-ac09fb0b {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d9eab450-5325-1907-3e58-e480dc6ca6ad-ac09fb0b {
  align-self: start;
}

#w-node-d1045e40-7399-34e7-3b76-aa7b3d9d5a4c-ac09fb0b, #w-node-d1045e40-7399-34e7-3b76-aa7b3d9d5a58-ac09fb0b, #w-node-d1045e40-7399-34e7-3b76-aa7b3d9d5a64-ac09fb0b, #w-node-_2193444d-17ea-ab7f-1ba3-40733cac3b2a-ac09fb0b, #w-node-_2193444d-17ea-ab7f-1ba3-40733cac3b22-ac09fb0b, #w-node-_2f3429da-20e5-eda1-f62e-c9d853647328-ac09fb11, #w-node-_5ea6d1b0-b083-b08a-5033-3960d38e95f2-ac09fb11, #w-node-_4955149c-573c-6eb0-d424-c87df6256770-ac09fb11, #w-node-_28640b2c-9439-2067-9b45-45781c19db05-ac09fb11, #w-node-_2b76d2a5-94df-ee31-4fa6-c32ae91ebb53-ac09fb11, #w-node-_1a0de81d-f1da-ac20-efb3-0b61fa6cfc0a-ac09fb11 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_30ddd7d4-ad0d-39e9-6b80-3a8b878452cd-ac09fb28, #w-node-_336bd544-d646-5c42-f7bd-a4d10800fc5e-ac09fb28 {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-_9e95c2f4-81dc-57fd-8dba-b5b410af60d1-ac09fb29 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_9e95c2f4-81dc-57fd-8dba-b5b410af610a-ac09fb29 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_3e18e0cd-dab5-ca07-19fc-8cc122b0cc45-ac09fb2b {
  justify-self: stretch;
}

#w-node-_3e18e0cd-dab5-ca07-19fc-8cc122b0cc4e-ac09fb2b, #w-node-_3e18e0cd-dab5-ca07-19fc-8cc122b0cc57-ac09fb2b, #w-node-_3e18e0cd-dab5-ca07-19fc-8cc122b0cc60-ac09fb2b {
  justify-self: start;
}

#w-node-_110904b1-7469-e6d2-03bd-bbeb16bd9b88-ac09fb2b {
  justify-self: stretch;
}

#w-node-_110904b1-7469-e6d2-03bd-bbeb16bd9b91-ac09fb2b, #w-node-_110904b1-7469-e6d2-03bd-bbeb16bd9b9a-ac09fb2b, #w-node-_110904b1-7469-e6d2-03bd-bbeb16bd9ba3-ac09fb2b {
  justify-self: start;
}

#w-node-_3e18e0cd-dab5-ca07-19fc-8cc122b0ccdc-ac09fb2b, #w-node-d7250595-f3b0-6d1e-3f02-9152be1090ea-ac09fb2b, #w-node-_3e18e0cd-dab5-ca07-19fc-8cc122b0ccf1-ac09fb2b, #w-node-_3e18e0cd-dab5-ca07-19fc-8cc122b0ccec-ac09fb2b, #w-node-a37d9cd9-a2e7-7466-0a33-bd470e313fc3-ac09fb2b, #w-node-a37d9cd9-a2e7-7466-0a33-bd470e313fc1-ac09fb2b, #w-node-_3e18e0cd-dab5-ca07-19fc-8cc122b0ccbc-ac09fb2b, #w-node-_3e18e0cd-dab5-ca07-19fc-8cc122b0ccc1-ac09fb2b, #w-node-_3e18e0cd-dab5-ca07-19fc-8cc122b0ccc4-ac09fb2b, #w-node-_3e18e0cd-dab5-ca07-19fc-8cc122b0ccc6-ac09fb2b, #w-node-_11af58fa-c435-5372-59cb-60d627fd7714-ac09fb2b, #w-node-_11af58fa-c435-5372-59cb-60d627fd7719-ac09fb2b, #w-node-_3e18e0cd-dab5-ca07-19fc-8cc122b0cd08-ac09fb2b, #w-node-e840194a-50f1-b4d6-cf64-554c0847000c-ac09fb2b, #w-node-_3e18e0cd-dab5-ca07-19fc-8cc122b0ccfe-ac09fb2b, #w-node-_3e18e0cd-dab5-ca07-19fc-8cc122b0cd00-ac09fb2b, #w-node-_3e18e0cd-dab5-ca07-19fc-8cc122b0cd10-ac09fb2b, #w-node-_3e18e0cd-dab5-ca07-19fc-8cc122b0cd12-ac09fb2b, #w-node-_3d37c05e-1058-794e-b282-1662145030ee-ac09fb2b, #w-node-ee6a0df8-414b-27ab-a3de-e2900f68da06-ac09fb2b {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_44a218a1-c1a1-0cdd-6e5c-aa973b4aa12b-8e750ce7 {
  grid-area: span 2 / span 1 / span 2 / span 1;
  align-self: stretch;
}

#w-node-_44a218a1-c1a1-0cdd-6e5c-aa973b4aa168-8e750ce7 {
  grid-area: 1 / 3 / 3 / 4;
}

#w-node-_44a218a1-c1a1-0cdd-6e5c-aa973b4aa17b-8e750ce7 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_44a218a1-c1a1-0cdd-6e5c-aa973b4aa182-8e750ce7 {
  grid-area: 2 / 2 / 3 / 3;
}

#w-node-_44a218a1-c1a1-0cdd-6e5c-aa973b4aa189-8e750ce7 {
  grid-area: 2 / 1 / 3 / 2;
}

#w-node-_44a218a1-c1a1-0cdd-6e5c-aa973b4aa190-8e750ce7 {
  grid-area: 2 / 3 / 3 / 4;
}

#w-node-_44a218a1-c1a1-0cdd-6e5c-aa973b4aa191-8e750ce7 {
  grid-area: 1 / 3 / 2 / 4;
}

#w-node-_44a218a1-c1a1-0cdd-6e5c-aa973b4aa19f-8e750ce7 {
  grid-area: 3 / 1 / 4 / 2;
}

#w-node-_44a218a1-c1a1-0cdd-6e5c-aa973b4aa1a8-8e750ce7 {
  grid-area: 3 / 2 / 4 / 3;
}

#w-node-_44a218a1-c1a1-0cdd-6e5c-aa973b4aa1af-8e750ce7 {
  grid-area: 5 / 1 / 4 / 2;
}

#w-node-_44a218a1-c1a1-0cdd-6e5c-aa973b4aa1ba-8e750ce7, #w-node-_44a218a1-c1a1-0cdd-6e5c-aa973b4aa1cc-8e750ce7, #w-node-_44a218a1-c1a1-0cdd-6e5c-aa973b4aa1d0-8e750ce7, #w-node-_44a218a1-c1a1-0cdd-6e5c-aa973b4aa1db-8e750ce7, #w-node-_44a218a1-c1a1-0cdd-6e5c-aa973b4aa1e1-8e750ce7, #w-node-_44a218a1-c1a1-0cdd-6e5c-aa973b4aa1e5-8e750ce7, #w-node-_44a218a1-c1a1-0cdd-6e5c-aa973b4aa1e9-8e750ce7, #w-node-_44a218a1-c1a1-0cdd-6e5c-aa973b4aa1f0-8e750ce7 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_44a218a1-c1a1-0cdd-6e5c-aa973b4aa20a-8e750ce7 {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-_44a218a1-c1a1-0cdd-6e5c-aa973b4aa20c-8e750ce7, #w-node-_44a218a1-c1a1-0cdd-6e5c-aa973b4aa216-8e750ce7 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_44a218a1-c1a1-0cdd-6e5c-aa973b4aa259-8e750ce7 {
  grid-area: span 5 / span 1 / span 5 / span 1;
}

#w-node-_44a218a1-c1a1-0cdd-6e5c-aa973b4aa25e-8e750ce7, #w-node-_44a218a1-c1a1-0cdd-6e5c-aa973b4aa265-8e750ce7, #w-node-_44a218a1-c1a1-0cdd-6e5c-aa973b4aa27a-8e750ce7, #w-node-_44a218a1-c1a1-0cdd-6e5c-aa973b4aa281-8e750ce7, #w-node-_44a218a1-c1a1-0cdd-6e5c-aa973b4aa286-8e750ce7, #w-node-_44a218a1-c1a1-0cdd-6e5c-aa973b4aa28d-8e750ce7, #w-node-_44a218a1-c1a1-0cdd-6e5c-aa973b4aa292-8e750ce7, #w-node-_44a218a1-c1a1-0cdd-6e5c-aa973b4aa299-8e750ce7, #w-node-_44a218a1-c1a1-0cdd-6e5c-aa973b4aa29b-8e750ce7, #w-node-_44a218a1-c1a1-0cdd-6e5c-aa973b4aa2a2-8e750ce7 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_44a218a1-c1a1-0cdd-6e5c-aa973b4aa2a7-8e750ce7, #w-node-_44a218a1-c1a1-0cdd-6e5c-aa973b4aa2b3-8e750ce7, #w-node-_44a218a1-c1a1-0cdd-6e5c-aa973b4aa2b5-8e750ce7, #w-node-_44a218a1-c1a1-0cdd-6e5c-aa973b4aa2b9-8e750ce7, #w-node-_44a218a1-c1a1-0cdd-6e5c-aa973b4aa2bb-8e750ce7, #w-node-_44a218a1-c1a1-0cdd-6e5c-aa973b4aa2bf-8e750ce7, #w-node-_44a218a1-c1a1-0cdd-6e5c-aa973b4aa2c3-8e750ce7, #w-node-_44a218a1-c1a1-0cdd-6e5c-aa973b4aa2cc-8e750ce7, #w-node-_44a218a1-c1a1-0cdd-6e5c-aa973b4aa2d2-8e750ce7, #w-node-_44a218a1-c1a1-0cdd-6e5c-aa973b4aa2d3-8e750ce7, #w-node-_44a218a1-c1a1-0cdd-6e5c-aa973b4aa2d7-8e750ce7, #w-node-_44a218a1-c1a1-0cdd-6e5c-aa973b4aa2d8-8e750ce7, #w-node-_44a218a1-c1a1-0cdd-6e5c-aa973b4aa2dc-8e750ce7, #w-node-_44a218a1-c1a1-0cdd-6e5c-aa973b4aa2dd-8e750ce7 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_44a218a1-c1a1-0cdd-6e5c-aa973b4aa2e4-8e750ce7 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-e2d9ee5e-3498-d34a-6550-cdb7fdf0230c-8e750ce7, #w-node-_2bc7ef1f-3d62-1ba5-191b-b573def6b4ed-8e750ce7, #w-node-_7a2d069e-670e-1e6e-d95e-5e9fbdf8f369-8e750ce7, #w-node-_31abfa31-31d4-650a-cde6-d394498f82f6-8e750ce7, #w-node-_3ca9beea-2f92-2df5-ab77-c92734ab99b7-8e750ce7, #w-node-e13a4414-b87e-214b-e4bb-6176a4d84b2d-8e750ce7, #w-node-c781393b-b440-40f0-9a40-7d914f71b5e2-8e750ce7, #w-node-c8c6441e-04cb-ff8c-0fda-cdaa2640eb83-8e750ce7, #w-node-c8c6441e-04cb-ff8c-0fda-cdaa2640eb91-8e750ce7, #w-node-c8c6441e-04cb-ff8c-0fda-cdaa2640eb98-8e750ce7, #w-node-c8c6441e-04cb-ff8c-0fda-cdaa2640eb8a-8e750ce7 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4946f840-1c7e-d911-070d-2fbd9be84180-8e750ce7 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-d60baecd-02ac-bfcc-14ce-7f6bb2815d47-8e750ce7, #w-node-_0b8b19a8-4ff2-238e-e2c8-cc0f7a600e66-8e750ce7 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-a285b725-75c7-1b92-2f5a-92ca0293f89b-8e750ce7 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_10b7cd77-828d-9a9b-44ac-4e624ff361a9-8e750ce7, #w-node-d375788e-73e2-e774-5344-cef7df800b8d-8e750ce7 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_83657e75-c5a6-8a23-7bb9-9127540c9600-8e750ce7, #w-node-_02a7170f-34a4-2ed0-9c4f-0f06186b94c4-8e750ce7, #w-node-_123b4c9f-63dd-de1e-7818-3465167bf5ac-8e750ce7, #w-node-_2bc66f2d-89ac-3d74-7742-9ca173a2ca22-8e750ce7, #w-node-bcf2b376-aa5b-ef8f-e9f0-952146b1ac29-8e750ce7, #w-node-_67b9a9f0-c822-6c60-55be-e1cf601c5dcd-8e750ce7, #w-node-d128d033-e839-2f9e-d529-44b97ca50f5f-8e750ce7, #w-node-d4caa2e5-8c3b-c260-27df-60ad19278e77-8e750ce7, #w-node-c3aa4c20-ec36-a554-eb3e-6d8f2f50c9c0-8e750ce7, #w-node-_49f7411d-9a1d-facc-5430-f65efb177ee9-8e750ce7, #w-node-_687502fa-7a91-9cde-aa1c-007054143a09-8e750ce7, #w-node-_7a60173b-a19f-a085-0b77-15c90413fda9-8e750ce7, #w-node-_8f860c76-b6f3-e45d-67f8-cf4a2ed34cc0-8e750ce7, #w-node-_8f860c76-b6f3-e45d-67f8-cf4a2ed34cc1-8e750ce7, #w-node-_6d61bd1c-25d7-9896-a6df-6162dfc31c1e-8e750ce7, #w-node-_6d61bd1c-25d7-9896-a6df-6162dfc31c1f-8e750ce7, #w-node-_9531457e-cf9f-0d94-4dd5-c5f127c452b4-8e750ce7, #w-node-_9531457e-cf9f-0d94-4dd5-c5f127c452b5-8e750ce7, #w-node-afab7e5a-162d-4cce-5335-d8e4e8e7c93a-8e750ce7, #w-node-afab7e5a-162d-4cce-5335-d8e4e8e7c93b-8e750ce7, #w-node-_1b25d160-7ef4-4d12-8320-3b587ff16b9c-8e750ce7, #w-node-_1b25d160-7ef4-4d12-8320-3b587ff16b9d-8e750ce7, #w-node-bfa76af5-7c6a-943c-99ed-4b4a2b412199-8e750ce7, #w-node-bfa76af5-7c6a-943c-99ed-4b4a2b41219a-8e750ce7, #w-node-d0cc9df9-3b6e-cfdc-cfe2-384a911ec751-8e750ce7, #w-node-d0cc9df9-3b6e-cfdc-cfe2-384a911ec752-8e750ce7, #w-node-fef4f134-acc6-2fb6-c3dd-8684a0402bf2-8e750ce7, #w-node-f89ec095-2012-67aa-f3c3-94b4bde27707-8e750ce7, #w-node-dd507bb6-1770-29ed-1aa7-4c1b2561b7d9-8e750ce7, #w-node-dd507bb6-1770-29ed-1aa7-4c1b2561b7da-8e750ce7, #w-node-_82a45a54-664b-f65e-2635-307793d38986-8e750ce7, #w-node-_82a45a54-664b-f65e-2635-307793d38987-8e750ce7, #w-node-_936531e4-f5ad-08d9-9d75-1e22f3c18eaf-8e750ce7, #w-node-f8aa4b8f-c103-5bdd-7b1a-fc2bd2c3d60c-8e750ce7, #w-node-e0bc2c1c-d256-8f9a-d233-734b3d2b568c-8e750ce7, #w-node-e0bc2c1c-d256-8f9a-d233-734b3d2b568d-8e750ce7, #w-node-bcca03e3-d544-4fc9-bf5f-5e9cd03913ba-8e750ce7, #w-node-_7617ee9d-b919-a80a-c8d2-4b5a5c2a773f-8e750ce7, #w-node-_7617ee9d-b919-a80a-c8d2-4b5a5c2a7745-8e750ce7, #w-node-d904a8b9-72e5-784a-243c-29763a2eea7b-8e750ce7, #w-node-d904a8b9-72e5-784a-243c-29763a2eea81-8e750ce7, #w-node-_04261877-8fb2-e986-fbd2-5bf82f0f4b6c-8e750ce7, #w-node-_8c4e0968-5646-b647-5f83-09d6b51d019e-8e750ce7, #w-node-c3ee2af2-3acd-ae81-1800-ca13e6f0fb18-8e750ce7 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4c3c507f-dc29-9441-7f42-4d0a3ada920e-8e750ce7, #w-node-_4902276c-a126-6aa1-6445-c9253b55a86a-8e750ce7 {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-e165f3c2-a586-3e69-5063-efd5a23fd0aa-474ecb08, #w-node-e165f3c2-a586-3e69-5063-efd5a23fd0ac-474ecb08, #w-node-e165f3c2-a586-3e69-5063-efd5a23fd0ae-474ecb08, #w-node-e165f3c2-a586-3e69-5063-efd5a23fd0b0-474ecb08, #w-node-e165f3c2-a586-3e69-5063-efd5a23fd0b2-474ecb08, #w-node-e165f3c2-a586-3e69-5063-efd5a23fd0b4-474ecb08 {
  justify-self: center;
}

#w-node-e165f3c2-a586-3e69-5063-efd5a23fd0b9-474ecb08, #w-node-e165f3c2-a586-3e69-5063-efd5a23fd0d3-474ecb08, #w-node-e165f3c2-a586-3e69-5063-efd5a23fd0d9-474ecb08, #w-node-e165f3c2-a586-3e69-5063-efd5a23fd0e7-474ecb08, #w-node-e165f3c2-a586-3e69-5063-efd5a23fd0ec-474ecb08, #w-node-e165f3c2-a586-3e69-5063-efd5a23fd0f1-474ecb08, #w-node-e165f3c2-a586-3e69-5063-efd5a23fd109-474ecb08, #w-node-e165f3c2-a586-3e69-5063-efd5a23fd111-474ecb08, #w-node-e165f3c2-a586-3e69-5063-efd5a23fd119-474ecb08, #w-node-e165f3c2-a586-3e69-5063-efd5a23fd11e-474ecb08, #w-node-e165f3c2-a586-3e69-5063-efd5a23fd128-474ecb08, #w-node-e165f3c2-a586-3e69-5063-efd5a23fd129-474ecb08, #w-node-e165f3c2-a586-3e69-5063-efd5a23fd12d-474ecb08, #w-node-e165f3c2-a586-3e69-5063-efd5a23fd132-474ecb08, #w-node-e165f3c2-a586-3e69-5063-efd5a23fd133-474ecb08, #w-node-e165f3c2-a586-3e69-5063-efd5a23fd135-474ecb08, #w-node-e165f3c2-a586-3e69-5063-efd5a23fd139-474ecb08, #w-node-e165f3c2-a586-3e69-5063-efd5a23fd13d-474ecb08, #w-node-e165f3c2-a586-3e69-5063-efd5a23fd145-474ecb08, #w-node-e165f3c2-a586-3e69-5063-efd5a23fd15a-474ecb08, #w-node-e165f3c2-a586-3e69-5063-efd5a23fd16c-474ecb08, #w-node-e165f3c2-a586-3e69-5063-efd5a23fd17e-474ecb08, #w-node-e165f3c2-a586-3e69-5063-efd5a23fd192-474ecb08, #w-node-d8fa813f-9942-8cae-69eb-a27f3ce4f5ec-474ecb08 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d8fa813f-9942-8cae-69eb-a27f3ce4f5f1-474ecb08 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-d8fa813f-9942-8cae-69eb-a27f3ce4f5ff-474ecb08 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d8fa813f-9942-8cae-69eb-a27f3ce4f60c-474ecb08 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-d8fa813f-9942-8cae-69eb-a27f3ce4f618-474ecb08, #w-node-d8fa813f-9942-8cae-69eb-a27f3ce4f619-474ecb08 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d8fa813f-9942-8cae-69eb-a27f3ce4f66a-474ecb08, #w-node-d8fa813f-9942-8cae-69eb-a27f3ce4f66f-474ecb08 {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-b0b9dc6d-c43a-9f71-84c0-a1f11b953306-8cdac93a {
  grid-area: span 2 / span 2 / span 2 / span 2;
  align-self: stretch;
}

#w-node-b0b9dc6d-c43a-9f71-84c0-a1f11b9533ba-8cdac93a {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-d510e8e9-673b-e59c-4d7a-f19ff1b838d1-291364af {
  align-self: stretch;
}

#w-node-d510e8e9-673b-e59c-4d7a-f19ff1b838d3-291364af {
  justify-self: start;
}

#w-node-d510e8e9-673b-e59c-4d7a-f19ff1b838e7-291364af {
  align-self: stretch;
}

#w-node-d510e8e9-673b-e59c-4d7a-f19ff1b838ea-291364af {
  justify-self: start;
}

#w-node-_72c96480-235b-5a65-24d1-5a510f8e3f44-291364af {
  justify-self: center;
}

#w-node-ca0722b7-d0b4-056e-5569-ca6180102dad-291364af {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: center;
}

#w-node-abcd435c-9708-563f-21cc-6b76c3ee2785-291364af, #w-node-_839d28f6-e7d5-4fcb-0162-728482bac4b8-291364af, #w-node-_601d34da-4acd-2fc9-e689-3890d145b73d-291364af, #w-node-f24e2fa4-1167-044c-2309-cb5426dfa025-291364af, #w-node-a68f8440-98e0-4091-1988-1ee8965aa5f9-291364af {
  justify-self: center;
}

#w-node-a68f8440-98e0-4091-1988-1ee8965aa5fb-291364af {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: center;
}

#w-node-a68f8440-98e0-4091-1988-1ee8965aa5fd-291364af, #w-node-a68f8440-98e0-4091-1988-1ee8965aa5ff-291364af, #w-node-a68f8440-98e0-4091-1988-1ee8965aa601-291364af, #w-node-a68f8440-98e0-4091-1988-1ee8965aa603-291364af, #w-node-_7ea7125c-6b6f-6444-87e8-d29cce949973-291364af {
  justify-self: center;
}

#w-node-_7ea7125c-6b6f-6444-87e8-d29cce949975-291364af {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: center;
}

#w-node-_7ea7125c-6b6f-6444-87e8-d29cce949977-291364af, #w-node-_7ea7125c-6b6f-6444-87e8-d29cce949979-291364af, #w-node-_7ea7125c-6b6f-6444-87e8-d29cce94997b-291364af, #w-node-_7ea7125c-6b6f-6444-87e8-d29cce94997d-291364af {
  justify-self: center;
}

#w-node-_19a17016-958b-788a-595b-1bd96690c565-291364af {
  justify-self: stretch;
}

#w-node-_19a17016-958b-788a-595b-1bd96690c56c-291364af {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-_369cf4a3-704f-388b-32d3-4a1e59c3bddd-291364af {
  justify-self: stretch;
}

#w-node-_369cf4a3-704f-388b-32d3-4a1e59c3bde4-291364af {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-ffff044f-da92-da48-c8fb-bc834c7c6bd5-4c7c6bb3, #w-node-ffff044f-da92-da48-c8fb-bc834c7c6bc8-4c7c6bb3, #w-node-ffff044f-da92-da48-c8fb-bc834c7c6bdf-4c7c6bb3 {
  place-self: stretch stretch;
}

#w-node-_19a17016-958b-788a-595b-1bd96690c565-77194a3b {
  justify-self: stretch;
}

#w-node-_19a17016-958b-788a-595b-1bd96690c56c-77194a3b {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-_22bedc7b-d34b-4382-35ee-ce4ab1a81ac9-77194a3b {
  grid-area: span 4 / span 1 / span 4 / span 1;
  justify-self: end;
}

#w-node-_22bedc7b-d34b-4382-35ee-ce4ab1a81aca-77194a3b {
  grid-area: span 4 / span 1 / span 4 / span 1;
}

#w-node-_22bedc7b-d34b-4382-35ee-ce4ab1a81acf-77194a3b, #w-node-a15049ff-d064-7dfc-6b3c-9bf962b6f8da-77194a3b, #w-node-b2e0099e-5e79-370c-2975-ccdbbb2b29fa-77194a3b, #w-node-_3d63e3a7-f884-5cc6-34fa-46ab97b9eb9b-77194a3b, #w-node-_42107b82-46c3-5a8b-e670-e6563781fbb7-77194a3b {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_6c8f17b0-811e-b380-163d-b661a0537ca5-77194a3b {
  align-self: start;
}

#w-node-_7283eebe-e47f-3c03-941a-dcbfbb036e27-77194a3b {
  place-self: stretch stretch;
}

#w-node-_8d3019d6-7591-2377-63e7-90f7879f3839-77194a3b {
  justify-self: center;
}

#w-node-_22bedc7b-d34b-4382-35ee-ce4ab1a81ac9-92161245 {
  grid-area: span 4 / span 1 / span 4 / span 1;
  justify-self: end;
}

#w-node-_22bedc7b-d34b-4382-35ee-ce4ab1a81aca-92161245 {
  grid-area: span 4 / span 1 / span 4 / span 1;
}

#w-node-_22bedc7b-d34b-4382-35ee-ce4ab1a81acf-92161245, #w-node-a15049ff-d064-7dfc-6b3c-9bf962b6f8da-92161245, #w-node-_10b04491-5dbe-e9cc-7903-afb74de8282c-92161245, #w-node-_3d63e3a7-f884-5cc6-34fa-46ab97b9eb9b-92161245, #w-node-_388265ba-7cf8-fce1-5b44-30befcaff4e9-fcaff4d3 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_388265ba-7cf8-fce1-5b44-30befcaff4fb-fcaff4d3 {
  align-self: start;
}

#w-node-_62e74050-4353-3e0d-3d84-ba5ce6383b08-e6383b03 {
  justify-self: stretch;
}

#w-node-_62e74050-4353-3e0d-3d84-ba5ce6383b0e-e6383b03 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-bb22e914-d83b-0464-e738-efee6d594ca9-6d594ca4, #w-node-bb22e914-d83b-0464-e738-efee6d594caf-6d594ca4, #w-node-bb22e914-d83b-0464-e738-efee6d594cb5-6d594ca4, #w-node-bb22e914-d83b-0464-e738-efee6d594cbb-6d594ca4, #w-node-bb22e914-d83b-0464-e738-efee6d594cc1-6d594ca4 {
  justify-self: end;
}

#w-node-bb22e914-d83b-0464-e738-efee6d594cc4-6d594ca4 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_22bedc7b-d34b-4382-35ee-ce4ab1a81ac9-dc7b80c8 {
  grid-area: span 4 / span 1 / span 4 / span 1;
  justify-self: end;
}

#w-node-_22bedc7b-d34b-4382-35ee-ce4ab1a81aca-dc7b80c8 {
  grid-area: span 4 / span 1 / span 4 / span 1;
}

#w-node-_22bedc7b-d34b-4382-35ee-ce4ab1a81acf-dc7b80c8, #w-node-a15049ff-d064-7dfc-6b3c-9bf962b6f8da-dc7b80c8, #w-node-b2e0099e-5e79-370c-2975-ccdbbb2b29fa-dc7b80c8, #w-node-_7a21676b-d852-65f9-fa76-599f3ce0b03a-dc7b80c8 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_22bedc7b-d34b-4382-35ee-ce4ab1a81ac9-e61bc2fa {
  grid-area: span 4 / span 1 / span 4 / span 1;
  justify-self: end;
}

#w-node-_22bedc7b-d34b-4382-35ee-ce4ab1a81aca-e61bc2fa {
  grid-area: span 4 / span 1 / span 4 / span 1;
}

#w-node-_22bedc7b-d34b-4382-35ee-ce4ab1a81acf-e61bc2fa, #w-node-de92f105-dead-31dd-955f-79d725e49566-e61bc2fa, #w-node-b2e0099e-5e79-370c-2975-ccdbbb2b29fa-e61bc2fa, #w-node-_3d63e3a7-f884-5cc6-34fa-46ab97b9eb9b-e61bc2fa {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_22bedc7b-d34b-4382-35ee-ce4ab1a81ac9-0c16b5f7 {
  grid-area: span 4 / span 1 / span 4 / span 1;
  justify-self: end;
}

#w-node-_22bedc7b-d34b-4382-35ee-ce4ab1a81aca-0c16b5f7 {
  grid-area: span 4 / span 1 / span 4 / span 1;
}

#w-node-_22bedc7b-d34b-4382-35ee-ce4ab1a81acf-0c16b5f7, #w-node-a15049ff-d064-7dfc-6b3c-9bf962b6f8da-0c16b5f7, #w-node-b2e0099e-5e79-370c-2975-ccdbbb2b29fa-0c16b5f7, #w-node-_3d63e3a7-f884-5cc6-34fa-46ab97b9eb9b-0c16b5f7 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_22bedc7b-d34b-4382-35ee-ce4ab1a81ac9-477ed858 {
  grid-area: span 4 / span 1 / span 4 / span 1;
  justify-self: end;
}

#w-node-_22bedc7b-d34b-4382-35ee-ce4ab1a81aca-477ed858 {
  grid-area: span 4 / span 1 / span 4 / span 1;
}

#w-node-_22bedc7b-d34b-4382-35ee-ce4ab1a81acf-477ed858, #w-node-a15049ff-d064-7dfc-6b3c-9bf962b6f8da-477ed858 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-b2e0099e-5e79-370c-2975-ccdbbb2b29fa-477ed858 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: center;
}

#w-node-_3d63e3a7-f884-5cc6-34fa-46ab97b9eb9b-477ed858 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_22bedc7b-d34b-4382-35ee-ce4ab1a81ac9-5b641ba6 {
  grid-area: span 4 / span 1 / span 4 / span 1;
  justify-self: end;
}

#w-node-_22bedc7b-d34b-4382-35ee-ce4ab1a81aca-5b641ba6 {
  grid-area: span 4 / span 1 / span 4 / span 1;
  align-self: center;
}

@media screen and (min-width: 1440px) {
  #w-node-_9e95c2f4-81dc-57fd-8dba-b5b410af610a-ac09fb29 {
    grid-area: span 1 / span 4 / span 1 / span 4;
  }

  #w-node-_19a17016-958b-788a-595b-1bd96690c565-291364af, #w-node-_369cf4a3-704f-388b-32d3-4a1e59c3bddd-291364af {
    place-self: center;
  }
}

@media screen and (min-width: 1280px) {
  #w-node-b2e0099e-5e79-370c-2975-ccdbbb2b29fa-0c16b5f7 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}

@media screen and (max-width: 991px) {
  #w-node-ff1f8d74-605b-e5dd-dfe8-4b4f5895ac47-60b3c4af {
    justify-self: center;
  }

  #w-node-_15ad148b-aa43-de64-a48a-95137e825fad-ac09fa33, #w-node-b64da953-7e9e-cd62-ebee-020f512f309d-ac09fa33 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-c1804f3e-d9f6-611a-1de8-0c76d467370e-d4673702 {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-c1804f3e-d9f6-611a-1de8-0c76d4673711-d4673702 {
    grid-area: span 2 / span 3 / span 2 / span 3;
  }

  #w-node-ff770f7d-e56d-3ec2-d81d-f9b77ba32173-ac09fad8, #w-node-_5bfb685b-ee12-d0e1-9b26-e8139976a92f-ac09fad8, #w-node-_76d53d4c-adac-8cfb-3aa7-ab2789ee5904-ac09faf4 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_3e18e0cd-dab5-ca07-19fc-8cc122b0cc45-ac09fb2b, #w-node-_110904b1-7469-e6d2-03bd-bbeb16bd9b88-ac09fb2b {
    justify-self: start;
  }

  #w-node-d7250595-f3b0-6d1e-3f02-9152be1090ea-ac09fb2b, #w-node-_3e18e0cd-dab5-ca07-19fc-8cc122b0ccf1-ac09fb2b, #w-node-a37d9cd9-a2e7-7466-0a33-bd470e313fc1-ac09fb2b, #w-node-_3e18e0cd-dab5-ca07-19fc-8cc122b0ccc1-ac09fb2b, #w-node-_11af58fa-c435-5372-59cb-60d627fd7719-ac09fb2b, #w-node-e840194a-50f1-b4d6-cf64-554c0847000c-ac09fb2b, #w-node-_3e18e0cd-dab5-ca07-19fc-8cc122b0ccfe-ac09fb2b, #w-node-_3e18e0cd-dab5-ca07-19fc-8cc122b0cd10-ac09fb2b, #w-node-ee6a0df8-414b-27ab-a3de-e2900f68da06-ac09fb2b {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_44a218a1-c1a1-0cdd-6e5c-aa973b4aa134-8e750ce7 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_44a218a1-c1a1-0cdd-6e5c-aa973b4aa190-8e750ce7 {
    grid-area: 4 / 1 / 4 / 3;
  }

  #w-node-_44a218a1-c1a1-0cdd-6e5c-aa973b4aa1af-8e750ce7 {
    grid-row: 6 / 5;
  }

  #w-node-e165f3c2-a586-3e69-5063-efd5a23fd0b9-474ecb08 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-e165f3c2-a586-3e69-5063-efd5a23fd0d3-474ecb08 {
    grid-area: 1 / 1 / 2 / 3;
  }

  #w-node-e165f3c2-a586-3e69-5063-efd5a23fd0d9-474ecb08 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-e165f3c2-a586-3e69-5063-efd5a23fd0e7-474ecb08 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-e165f3c2-a586-3e69-5063-efd5a23fd0ec-474ecb08, #w-node-e165f3c2-a586-3e69-5063-efd5a23fd0f1-474ecb08, #w-node-e165f3c2-a586-3e69-5063-efd5a23fd109-474ecb08, #w-node-e165f3c2-a586-3e69-5063-efd5a23fd111-474ecb08 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-e165f3c2-a586-3e69-5063-efd5a23fd119-474ecb08 {
    grid-area: 2 / 1 / 3 / 3;
  }

  #w-node-e165f3c2-a586-3e69-5063-efd5a23fd11e-474ecb08 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-e165f3c2-a586-3e69-5063-efd5a23fd128-474ecb08 {
    grid-area: 1 / 1 / 2 / 3;
  }

  #w-node-e165f3c2-a586-3e69-5063-efd5a23fd12d-474ecb08 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-e165f3c2-a586-3e69-5063-efd5a23fd135-474ecb08, #w-node-e165f3c2-a586-3e69-5063-efd5a23fd139-474ecb08, #w-node-e165f3c2-a586-3e69-5063-efd5a23fd13d-474ecb08 {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-e165f3c2-a586-3e69-5063-efd5a23fd145-474ecb08 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-d510e8e9-673b-e59c-4d7a-f19ff1b838d1-291364af {
    order: -9999;
  }

  #w-node-d510e8e9-673b-e59c-4d7a-f19ff1b838d3-291364af, #w-node-d510e8e9-673b-e59c-4d7a-f19ff1b838ea-291364af {
    grid-area: 1 / 1 / 2 / 2;
    justify-self: start;
  }

  #w-node-_22bedc7b-d34b-4382-35ee-ce4ab1a81ac9-77194a3b {
    align-self: start;
  }

  #w-node-_8d3019d6-7591-2377-63e7-90f7879f3839-77194a3b {
    justify-self: center;
  }

  #w-node-_22bedc7b-d34b-4382-35ee-ce4ab1a81ac9-92161245, #w-node-_22bedc7b-d34b-4382-35ee-ce4ab1a81ac9-dc7b80c8, #w-node-_22bedc7b-d34b-4382-35ee-ce4ab1a81ac9-e61bc2fa, #w-node-_22bedc7b-d34b-4382-35ee-ce4ab1a81ac9-0c16b5f7, #w-node-_22bedc7b-d34b-4382-35ee-ce4ab1a81ac9-477ed858, #w-node-_22bedc7b-d34b-4382-35ee-ce4ab1a81ac9-5b641ba6 {
    align-self: start;
  }
}

@media screen and (max-width: 767px) {
  #w-node-ff09d27d-1c71-927f-fde1-f8103aec6513-ac09f9ef {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-ff09d27d-1c71-927f-fde1-f8103aec651d-ac09f9ef {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-ff1f8d74-605b-e5dd-dfe8-4b4f5895ac3a-60b3c4af {
    justify-self: start;
  }

  #w-node-ff1f8d74-605b-e5dd-dfe8-4b4f5895ac47-60b3c4af {
    order: -9999;
    justify-self: start;
  }

  #w-node-ff1f8d74-605b-e5dd-dfe8-4b4f5895ac49-60b3c4af {
    justify-self: start;
  }

  #w-node-_68ad0914-70f1-5c9a-f976-e4f83373deaa-ac09fa36 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-e0fa31f4-a359-ec73-3ab3-5e3bfd25926f-d4673702 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-c1804f3e-d9f6-611a-1de8-0c76d467370e-d4673702 {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-c1804f3e-d9f6-611a-1de8-0c76d4673711-d4673702 {
    grid-area: span 3 / span 3 / span 3 / span 3;
  }

  #w-node-_57c328ef-cb45-4009-ceb4-97c3d824497f-ac09faf4, #w-node-_2c7072a9-3d34-516e-a585-c578a66b92bf-ac09faf4 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-d1045e40-7399-34e7-3b76-aa7b3d9d5806-ac09fb0b {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_9aac30e6-c431-d87b-8535-26bbc78aa69a-ac09fb0b {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-d1045e40-7399-34e7-3b76-aa7b3d9d597e-ac09fb0b, #w-node-d1045e40-7399-34e7-3b76-aa7b3d9d5983-ac09fb0b, #w-node-d1045e40-7399-34e7-3b76-aa7b3d9d5995-ac09fb0b, #w-node-d1045e40-7399-34e7-3b76-aa7b3d9d59a7-ac09fb0b {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-_37ee93b8-03c9-20e0-c1b6-0895eaa2616e-ac09fb0b, #w-node-d1045e40-7399-34e7-3b76-aa7b3d9d59cf-ac09fb0b, #w-node-_279468c2-7e48-2ca5-63ad-6bcc53e65768-ac09fb0b {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-d1045e40-7399-34e7-3b76-aa7b3d9d59fd-ac09fb0b {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-d1045e40-7399-34e7-3b76-aa7b3d9d5a0d-ac09fb0b {
    grid-area: 2 / 1 / 3 / 4;
  }

  #w-node-d1045e40-7399-34e7-3b76-aa7b3d9d5a10-ac09fb0b, #w-node-d1045e40-7399-34e7-3b76-aa7b3d9d5a12-ac09fb0b, #w-node-d1045e40-7399-34e7-3b76-aa7b3d9d5a14-ac09fb0b, #w-node-d1045e40-7399-34e7-3b76-aa7b3d9d5a16-ac09fb0b {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-_6d3a0c6c-35f4-791f-8d32-fb978d90e2b1-ac09fb0b {
    grid-area: 4 / 1 / 5 / 4;
  }

  #w-node-a8d799c3-284e-40aa-a81a-5a5a370576b7-ac09fb0b {
    grid-area: 6 / 1 / 7 / 4;
  }

  #w-node-d9eab450-5325-1907-3e58-e480dc6ca6ad-ac09fb0b {
    grid-area: 8 / 1 / 9 / 4;
  }

  #w-node-_44a218a1-c1a1-0cdd-6e5c-aa973b4aa168-8e750ce7 {
    grid-area: 1 / 1 / 2 / 2;
    justify-self: start;
  }

  #w-node-_44a218a1-c1a1-0cdd-6e5c-aa973b4aa182-8e750ce7, #w-node-_44a218a1-c1a1-0cdd-6e5c-aa973b4aa189-8e750ce7 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_44a218a1-c1a1-0cdd-6e5c-aa973b4aa190-8e750ce7 {
    grid-row: 7 / 6;
  }

  #w-node-_44a218a1-c1a1-0cdd-6e5c-aa973b4aa191-8e750ce7 {
    grid-area: 7 / 1 / 6 / 2;
  }

  #w-node-_44a218a1-c1a1-0cdd-6e5c-aa973b4aa19f-8e750ce7 {
    grid-area: 3 / 1 / 4 / 3;
  }

  #w-node-_44a218a1-c1a1-0cdd-6e5c-aa973b4aa1a8-8e750ce7 {
    grid-area: 5 / 1 / 6 / 3;
  }

  #w-node-_44a218a1-c1a1-0cdd-6e5c-aa973b4aa1af-8e750ce7 {
    grid-row: 7 / 8;
  }

  #w-node-_44a218a1-c1a1-0cdd-6e5c-aa973b4aa20a-8e750ce7 {
    grid-area: span 2 / span 1 / span 2 / span 1;
  }

  #w-node-_44a218a1-c1a1-0cdd-6e5c-aa973b4aa259-8e750ce7 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_697e535a-ada3-4c80-ab6b-8ccf028b3525-8e750ce7 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_4946f840-1c7e-d911-070d-2fbd9be84157-8e750ce7, #w-node-_4946f840-1c7e-d911-070d-2fbd9be8415c-8e750ce7, #w-node-_4946f840-1c7e-d911-070d-2fbd9be8416e-8e750ce7, #w-node-_4946f840-1c7e-d911-070d-2fbd9be84180-8e750ce7 {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-ed5ad958-417f-9085-e5b3-eaf281613fec-8e750ce7, #w-node-_0b8b19a8-4ff2-238e-e2c8-cc0f7a600e66-8e750ce7, #w-node-a285b725-75c7-1b92-2f5a-92ca0293f89b-8e750ce7 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-e3262f33-ba6f-7f8e-dc10-53c395dfffff-8e750ce7, #w-node-_4fa5470e-77e4-02da-e3b5-12877a789e10-8e750ce7, #w-node-d375788e-73e2-e774-5344-cef7df800b8d-8e750ce7 {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-d8fa813f-9942-8cae-69eb-a27f3ce4f5ec-474ecb08 {
    grid-area: 1 / 1 / 3 / 2;
  }

  #w-node-_8d3019d6-7591-2377-63e7-90f7879f383b-77194a3b {
    justify-self: start;
  }

  #w-node-_8d3019d6-7591-2377-63e7-90f7879f3839-77194a3b {
    order: -9999;
    justify-self: start;
  }

  #w-node-_939f17bb-9ef9-38a0-6dc1-b2c0d29b9c37-77194a3b {
    justify-self: start;
  }
}

@media screen and (max-width: 479px) {
  #w-node-ff1f8d74-605b-e5dd-dfe8-4b4f5895ac47-60b3c4af {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_44a218a1-c1a1-0cdd-6e5c-aa973b4aa17b-8e750ce7 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_22bedc7b-d34b-4382-35ee-ce4ab1a81ac9-77194a3b {
    align-self: start;
  }

  #w-node-_8d3019d6-7591-2377-63e7-90f7879f3839-77194a3b {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_22bedc7b-d34b-4382-35ee-ce4ab1a81ac9-92161245, #w-node-_22bedc7b-d34b-4382-35ee-ce4ab1a81ac9-dc7b80c8, #w-node-_22bedc7b-d34b-4382-35ee-ce4ab1a81ac9-e61bc2fa, #w-node-_22bedc7b-d34b-4382-35ee-ce4ab1a81ac9-0c16b5f7, #w-node-_22bedc7b-d34b-4382-35ee-ce4ab1a81ac9-477ed858, #w-node-_22bedc7b-d34b-4382-35ee-ce4ab1a81ac9-5b641ba6 {
    align-self: start;
  }
}