html {
  -ms-text-size-adjust: 100%;
  -webkit-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: rgba(0, 0, 0, 0);
}

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

figure {
  margin: 1em 40px;
}

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

fieldset {
  border: 1px solid silver;
  margin: 0 2px;
  padding: .35em .625em .75em;
}

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 {
  min-height: 100%;
  color: #333;
  background-color: #fff;
  margin: 0;
  font-family: Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

img {
  max-width: 100%;
  vertical-align: middle;
  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: rgba(0, 0, 0, 0) !important;
}

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

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

.w-webflow-badge, .w-webflow-badge * {
  z-index: auto;
  visibility: visible;
  box-sizing: border-box;
  width: auto;
  height: auto;
  max-height: none;
  max-width: none;
  min-height: 0;
  min-width: 0;
  float: none;
  clear: none;
  box-shadow: none;
  opacity: 1;
  direction: ltr;
  font-family: inherit;
  font-weight: inherit;
  color: inherit;
  font-size: inherit;
  line-height: inherit;
  font-style: inherit;
  font-variant: inherit;
  text-align: inherit;
  letter-spacing: inherit;
  -webkit-text-decoration: inherit;
  text-decoration: inherit;
  text-indent: 0;
  text-transform: inherit;
  text-shadow: none;
  font-smoothing: auto;
  vertical-align: baseline;
  cursor: inherit;
  white-space: inherit;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  background: none;
  border: 0 rgba(0, 0, 0, 0);
  border-radius: 0;
  margin: 0;
  padding: 0;
  list-style-type: disc;
  transition: none;
  display: block;
  position: static;
  top: auto;
  bottom: auto;
  left: auto;
  right: auto;
  overflow: visible;
  transform: none;
}

.w-webflow-badge {
  white-space: nowrap;
  cursor: pointer;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, .1), 0 1px 3px rgba(0, 0, 0, .1);
  visibility: visible !important;
  z-index: 2147483647 !important;
  color: #aaadb0 !important;
  opacity: 1 !important;
  width: auto !important;
  height: auto !important;
  background-color: #fff !important;
  border-radius: 3px !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;
  top: auto !important;
  bottom: 12px !important;
  left: auto !important;
  right: 12px !important;
  overflow: visible !important;
  transform: none !important;
}

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

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

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

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

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

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

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

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

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

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

figure {
  margin: 0 0 10px;
}

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

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

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

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

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

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

.w-video iframe, .w-video object, .w-video embed {
  width: 100%;
  height: 100%;
  border: none;
  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 {
  width: 100%;
  height: 38px;
  color: #333;
  vertical-align: middle;
  background-color: #fff;
  border: 1px solid #ccc;
  margin-bottom: 10px;
  padding: 8px 12px;
  font-size: 14px;
  line-height: 1.42857;
  display: block;
}

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

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

.w-input::-webkit-input-placeholder, .w-select::-webkit-input-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 {
  width: .1px;
  height: .1px;
  opacity: 0;
  z-index: -100;
  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 {
  width: auto;
  height: auto;
  cursor: pointer;
  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;
  width: 28px;
  height: 20px;
  text-align: center;
  background: #fff;
  border: 1px solid #758696;
  border-radius: 3px;
  display: inline-block;
  position: relative;
}

.w-widget-twitter-count-shim * {
  pointer-events: none;
  -webkit-user-select: none;
  -ms-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: " ";
  height: 0;
  width: 0;
  pointer-events: none;
  border: solid rgba(0, 0, 0, 0);
  position: absolute;
  top: 50%;
  left: 0;
}

.w-widget-twitter-count-shim:not(.w--vertical):before {
  border-width: 4px;
  border-color: rgba(117, 134, 150, 0) #5d6c7b rgba(117, 134, 150, 0) rgba(117, 134, 150, 0);
  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: rgba(255, 255, 255, 0) #fff rgba(255, 255, 255, 0) rgba(255, 255, 255, 0);
  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: " ";
  height: 0;
  width: 0;
  pointer-events: none;
  border: solid rgba(0, 0, 0, 0);
  position: absolute;
  top: 100%;
  left: 50%;
}

.w-widget-twitter-count-shim.w--vertical:before {
  border-width: 5px;
  border-color: #5d6c7b rgba(117, 134, 150, 0) rgba(117, 134, 150, 0);
  margin-left: -5px;
}

.w-widget-twitter-count-shim.w--vertical:after {
  border-width: 4px;
  border-color: #fff rgba(255, 255, 255, 0) rgba(255, 255, 255, 0);
  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 {
  height: 500px;
  color: #fff;
  position: relative;
  overflow: hidden;
}

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

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

.w-background-video--control {
  background-color: rgba(0, 0, 0, 0);
  padding: 0;
  position: absolute;
  bottom: 1em;
  right: 1em;
}

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

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

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

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

.w-slider-nav {
  z-index: 2;
  height: 40px;
  text-align: center;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  tap-highlight-color: rgba(0, 0, 0, 0);
  margin: auto;
  padding-top: 10px;
  position: absolute;
  top: auto;
  bottom: 0;
  left: 0;
  right: 0;
}

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

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

.w-slider-nav.w-shadow > div {
  box-shadow: 0 0 3px rgba(51, 51, 51, .4);
}

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

.w-slider-nav-invert > div {
  background-color: rgba(34, 34, 34, .4);
}

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

.w-slider-dot {
  width: 1em;
  height: 1em;
  cursor: pointer;
  background-color: rgba(255, 255, 255, .4);
  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 {
  width: 80px;
  cursor: pointer;
  color: #fff;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin: auto;
  font-size: 40px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 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;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.w-slider-aria-label {
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  border: 0;
  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;
  -ms-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 {
  min-width: 100%;
  background: #ddd;
  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: rgba(0, 0, 0, .9);
  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;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  -webkit-transform: translate(0);
}

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

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

.w-lightbox-view {
  width: 100vw;
  height: 100vh;
  opacity: 0;
  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;
  height: auto;
  max-width: none;
}

.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: rgba(0, 0, 0, .4);
  padding: .5em 1em;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
}

.w-lightbox-embed {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.w-lightbox-control {
  width: 4em;
  cursor: pointer;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 24px;
  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 {
  height: 2.6em;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMTggMTciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxNyI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMCAwaDd2LTdoNXY3aDd2NWgtN3Y3aC01di03aC03eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDd2LTdoM3Y3aDd2M2gtN3Y3aC0zdi03aC03eiIgZmlsbD0iI2ZmZiIvPjwvZz48L3N2Zz4=");
  background-size: 18px;
  right: 0;
}

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

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

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

.w-lightbox-thumbnail {
  height: 10vh;
  background: #222;
  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;
  width: 40px;
  height: 40px;
  border: 5px solid rgba(0, 0, 0, .4);
  border-radius: 50%;
  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 rgba(0, 0, 0, 0);
  border-bottom-color: #fff;
  border-radius: 50%;
  position: absolute;
  top: -4px;
  bottom: -4px;
  left: -4px;
  right: -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;
  top: 0;
  bottom: 0;
  left: 0;
  right: 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: rgba(0, 0, 0, 0);
  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 {
  width: 100%;
  max-width: 100%;
  text-align: center;
  clear: both;
  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;
  min-width: 200px;
  background: #c8c8c8;
  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: rgba(0, 0, 0, 0);
  tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding: 18px;
  font-size: 24px;
  display: none;
  position: relative;
}

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

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

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

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

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

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

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

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

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

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

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

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

.w-tabs {
  position: relative;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

:root {
  --spot-black: #353d48;
  --black: #111;
  --spot-blue: #007ce4;
  --blue-light: #d8ebfb;
  --black-2: #111;
  --dim-grey: #555;
  --burntsienna: #f37c57;
  --sea-green: #107f61;
  --medium-slate-blue: #6d6dcd;
  --sienna: #9a5321;
  --deep-sky-blue: #27a5df;
  --form-field-border: #c4c4c4;
  --blue-faded: #f7fbfe;
  --gainsboro: #d8ebfb;
  --button-hover: #1f91f0;
  --light-grey: #f4f4f4;
  --footer-link-hover: #747e8c;
  --linen: #fff1e5;
  --antique-white: #faecd8;
  --navajo-white: #fdd490;
  --uc-purple: #a855ff;
  --uc-green: #0bad95;
  --uc-yellow: #faa41a;
  --link-color: #007ce4;
  --midrange-blue: #419eec;
  --border-color: #f4f4f4;
  --secondary-palette-pink: #ff00dc;
  --secondary-palette-orange: #ff9300;
  --secondary-palette-aquamarine: #00f1e6;
  --background-grey: #f3f4f5;
  --linen-2: #fff1e5;
  --linen-3: #fff1e5;
}

.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-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 {
  width: 12px;
  height: 12px;
  border: 1px solid #ccc;
  border-radius: 2px;
}

.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 {
  width: 12px;
  height: 12px;
  border: 1px solid #ccc;
  border-radius: 50%;
}

.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-layout-layout {
  grid-row-gap: 20px;
  grid-column-gap: 20px;
  grid-auto-columns: 1fr;
  justify-content: center;
  padding: 20px;
}

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

body {
  color: #333;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  line-height: 1.5em;
}

h1 {
  color: var(--spot-black);
  margin-top: 0;
  margin-bottom: 16px;
  font-family: Roboto, sans-serif;
  font-size: 65px;
  font-weight: 500;
  line-height: 1.15;
}

h2 {
  color: var(--spot-black);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 30px;
  font-weight: 500;
  line-height: 36px;
}

h3 {
  color: var(--spot-black);
  letter-spacing: -.04em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 30px;
  font-weight: 500;
  line-height: 1.5;
}

h4 {
  color: var(--spot-black);
  letter-spacing: -.04em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 30px;
  font-weight: 500;
  line-height: 1.5;
}

h5 {
  color: #111;
  letter-spacing: -.04em;
  margin-top: 0;
  margin-bottom: 6px;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.4;
}

h6 {
  color: var(--black);
  letter-spacing: -.03em;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 21px;
  font-weight: 700;
  line-height: 1.4;
}

p {
  color: var(--spot-black);
  text-align: left;
  letter-spacing: .11px;
  margin-bottom: 16px;
  font-size: 21px;
  line-height: 1.5em;
}

a {
  color: var(--spot-blue);
  font-size: 20px;
  text-decoration: none;
}

ul {
  font-size: 30px;
}

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

li {
  color: var(--black);
  margin-bottom: 14px;
  font-size: 18px;
  line-height: 1.5;
}

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

strong {
  font-weight: bold;
}

blockquote {
  background-color: var(--blue-light);
  color: var(--black);
  letter-spacing: -.03em;
  border: 1px #000;
  border-radius: 20px;
  margin-top: 32px;
  margin-bottom: 32px;
  padding: 30px 32px;
  font-size: 18px;
  font-style: italic;
  font-weight: 700;
  line-height: 1.5;
}

figure {
  margin-bottom: 10px;
}

.container-tight {
  width: 100%;
  max-width: 860px;
  margin-left: auto;
  margin-right: auto;
}

.container-tight.pull-up {
  background-color: #fff;
  margin-top: -60px;
  padding-top: 50px;
  padding-left: 100px;
  padding-right: 100px;
}

.colour-text {
  height: 80px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding-left: 14px;
  display: flex;
}

.colour-grid, .colour-grid-full {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  margin-bottom: 100px;
}

.style-guide-section {
  padding: 100px 3%;
}

.colour-title {
  float: left;
  color: var(--black);
  font-size: 16px;
  font-weight: 700;
}

.colour-block {
  height: 120px;
  background-color: #fdd490;
}

.colour-block.t1 {
  background-color: var(--black-2);
}

.colour-block.c4 {
  background-color: #fff8ef;
}

.colour-block.c3 {
  background-color: #fff1e5;
}

.colour-block.c2 {
  background-color: #faecd8;
}

.colour-block.t2 {
  background-color: var(--dim-grey);
}

.colour-block.b1 {
  background-color: var(--burntsienna);
}

.colour-block.b2 {
  background-color: var(--sea-green);
}

.colour-block.b3 {
  background-color: var(--medium-slate-blue);
}

.colour-block.b4 {
  background-color: var(--sienna);
}

.colour-block.b5 {
  background-color: var(--deep-sky-blue);
}

.colour {
  width: 100%;
  background-color: #fff;
  border-radius: 20px;
  align-items: center;
  display: block;
  overflow: hidden;
  box-shadow: 25px 25px 45px rgba(17, 17, 17, .1);
}

.title-wrap-left {
  max-width: 720px;
  text-align: left;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  margin-bottom: 60px;
}

.title-wrap-left.blog-text-cta {
  max-width: 100%;
  border-top: 1px solid #c4c4c4;
  border-bottom: 1px solid #c4c4c4;
  margin-top: 60px;
  padding: 48px 10px;
}

.colour-hex {
  color: rgba(17, 17, 17, .56);
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-top: 4px;
  font-size: 13px;
  font-weight: 700;
}

.style-guide-header {
  min-height: 480px;
  background-color: var(--black);
  justify-content: center;
  align-items: center;
  padding: 140px 5%;
  display: flex;
}

.size-detail {
  color: var(--black);
  margin-left: 8px;
  font-weight: 700;
}

.paragraph-large {
  color: var(--black);
  letter-spacing: -.03em;
  margin-bottom: 4px;
  font-size: 22px;
  font-weight: 500;
}

.block {
  margin-bottom: 45px;
}

.block-detail {
  color: var(--black);
  background-color: rgba(255, 241, 229, .5);
  border: 1px solid #fce9cf;
  border-radius: 10px;
  justify-content: flex-start;
  align-items: center;
  margin-top: 32px;
  padding: 24px 30px;
  font-size: 15px;
  display: flex;
}

.block-detail.centre-text {
  text-align: center;
  justify-content: center;
}

.display {
  letter-spacing: -.03em;
  font-size: 64px;
  line-height: 1.05;
}

.p3 {
  max-width: 600px;
  font-size: 14px;
  line-height: 23px;
}

.button-wrap-style-guide {
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  padding: 20px;
  display: flex;
}

.button-grid {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  align-items: end;
}

.nav-menu {
  width: auto;
  height: 100%;
  color: #3f0a3d;
  align-items: center;
  display: flex;
  position: static;
}

.nav-menu.new {
  position: relative;
}

.nav-menu.new.static {
  position: static;
}

.navigation-left {
  width: 100%;
  height: 100%;
  align-items: center;
  display: flex;
  position: relative;
}

.navigation-left.static {
  position: static;
}

.logo {
  width: 100px;
  height: auto;
}

.logo.big {
  width: 175px;
}

.navigation-container {
  width: 100%;
  height: 100%;
  max-width: 1140px;
  min-height: auto;
  justify-content: space-between;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.navigation-right {
  width: 35%;
  height: 100%;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.brand {
  margin-right: 32px;
}

.nav-link {
  color: var(--spot-black);
  border-bottom: 4px solid rgba(0, 0, 0, 0);
  border-radius: 0;
  margin-left: 0;
  margin-right: 0;
  padding: 0 0 10px;
  font-size: 16px;
  font-weight: 500;
  line-height: 16px;
}

.nav-link:hover {
  border-bottom: 4px solid var(--spot-blue);
  background-color: rgba(0, 0, 0, 0);
  border-radius: 0;
}

.nav-link.w--current {
  color: #1f91f0;
}

.navigation {
  z-index: 25;
  min-height: 60px;
  box-shadow: none;
  -webkit-backdrop-filter: saturate(180%) blur(20px);
  backdrop-filter: saturate(180%) blur(20px);
  background-color: rgba(255, 255, 255, .8);
  border-bottom: 1px solid rgba(0, 0, 0, .06);
  align-items: center;
  padding: 10px 3%;
  display: flex;
  position: -webkit-sticky;
  position: sticky;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.navigation.no-border {
  border-bottom-style: none;
}

.navigation.no-border.no-lp {
  padding-left: 0%;
}

.navigation.no-border.bg-transparent {
  background-color: #faecd8;
}

.button {
  text-align: center;
  background-color: #0074ec;
  border: 0 solid #0074ec;
  border-radius: 10px;
  padding: 20px 35px;
  font-size: 15px;
  transition: all .2s;
  box-shadow: 14px 14px 35px rgba(33, 38, 106, .1);
}

.button:hover {
  transform: translate(0, -2px);
}

.button.button-space-top {
  margin-top: 32px;
}

.button.bottom-padding-32px {
  margin-bottom: 32px;
}

.button.bottom-padding-32px.text-size-18-medium {
  font-size: 18px;
  font-weight: 500;
}

.header {
  padding: 100px 5%;
  position: relative;
  overflow: hidden;
}

.header.bg-2 {
  background-color: var(--spot-blue);
}

.header.reduced-top-padding {
  overflow: hidden;
}

.header.changed-padding {
  z-index: -1;
  background-color: #081c5b;
  padding-top: 100px;
  padding-bottom: 200px;
  display: none;
}

.header.reduced-top-bottom-padding {
  padding-top: 96px;
  padding-bottom: 0;
}

.header.reduced-top-bottom-padding.no-right-padding {
  padding-right: 0%;
}

.header.image-background {
  background-image: url("https://assets-global.website-files.com/5fe2250e2f83cc02cbfefbcf/63493dc0eeb5b0e4bd912e5c_about-bg-w-1440x515%402x%402x.png");
  background-position: 0 0;
  background-size: cover;
}

.container {
  width: 100%;
  max-width: 1140px;
  text-align: center;
  border-radius: 5px;
  flex-flow: wrap;
  justify-content: flex-start;
  margin: 40px auto;
  display: flex;
  position: relative;
}

.container.center-align {
  text-align: center;
  justify-content: space-between;
  padding-left: 100px;
  padding-right: 100px;
  display: flex;
}

.container.center-align.d-block {
  flex-wrap: wrap;
  justify-content: center;
  display: flex;
}

.container.center-align.mb-64 {
  margin-top: 24px;
  margin-bottom: 64px;
}

.container.center-align.vertical-flex {
  flex-direction: column;
}

.container.center-align.vertical-flex._0-hp {
  padding-left: 0;
  padding-right: 0;
}

.container.center-align.vertical-flex._0-margin {
  margin-top: 0;
  margin-bottom: 0;
}

.container.center-align.no-hp, .container.center-align._0-padding {
  padding-left: 0;
  padding-right: 0;
}

.container.center-align._0-m-padding.center-aligned {
  justify-content: center;
}

.container.center-align._0-m-padding.center-aligned.flex-vertical-center-aligned {
  flex-direction: column;
  align-items: center;
}

.container.mb-40 {
  margin-bottom: 60px;
}

.container.d-block {
  display: block;
}

.container.d-block._0-tm {
  margin-top: 0;
}

.container.d-block._0-tm.static.max-width-100 {
  max-width: 100%;
}

.container.d-block.reduced-top-margin {
  margin-top: 0;
}

.container.d-block.no-top-margin.no-bottom-margin {
  margin-bottom: 0;
}

.container.landing-custom-margin {
  margin-bottom: 100px;
}

.container.p-0 {
  margin-top: 0;
  margin-bottom: 0;
}

.container.no-tm {
  justify-content: flex-start;
  margin-top: 0;
}

.container.no-tm.no-left-margin {
  margin-left: auto;
  margin-right: 100px;
}

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

.container.vertical {
  flex-direction: column;
}

.container.no-m {
  margin-top: 0;
  margin-bottom: 0;
}

.container.center {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 100px;
}

.container.center.less-lm {
  margin-bottom: 80px;
}

.container.center.less-lm.lm {
  margin-top: 0;
  margin-bottom: 0;
}

.container.center.less-lm.lm.flex-horizontal-and-spread-equally {
  flex-direction: row;
  justify-content: space-between;
}

.container.center.less-lm.lm.flex-horizontal-and-spread-equally.top-aligned {
  align-items: flex-start;
}

.container.center._40-lm {
  margin-bottom: 40px;
}

.container.center.no-bottom-margin-desktop {
  margin-bottom: 0;
}

.container.tl {
  justify-content: space-between;
}

.container.less-wide {
  margin-top: 20px;
}

.container.static {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  position: static;
}

.container.static.right-aligned {
  justify-content: flex-end;
  align-items: flex-end;
}

.container.static.changed-top-margin {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 0;
}

.container.static.flex-vertical-centered.top-margin-20px {
  margin-top: 20px;
}

.container.static.flex-vertical-centered.top-margin-0px {
  margin-top: 0;
}

.container.static.flex-vertical-centered.no-top-bottom-margin {
  margin-top: 0;
  margin-bottom: 0;
}

.container.no-left-margin {
  margin-left: auto;
  margin-right: 60px;
}

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

.container.grid.changed-margin {
  margin-top: 0;
  margin-bottom: 0;
}

.container.centered {
  justify-content: center;
}

.container.confetti-container {
  max-width: 1343px;
}

.container.confetti-container.static-nvr-hero {
  max-width: none;
  position: static;
}

.container.confetti-container.width-100 {
  max-width: none;
}

.container.confetti-container.width-100.no-top-margin {
  flex-wrap: nowrap;
}

.container.confetti-container.width-100.no-top-margin.side-margin-for-phone.lower-margin-16px-for-phone.spaced, .container.confetti-container.width-100.no-top-margin.side-margin-for-phone.spaced {
  justify-content: space-between;
}

.container.confetti-container.width-100.no-top-margin.no-bottom-margin {
  margin-bottom: 0;
}

.container.vertical-and-centered {
  flex-direction: column;
  align-items: center;
}

.container.vertical-and-centered.no-top-bottom-margin {
  margin-top: 0;
  margin-bottom: 0;
}

.container.flex-vertical-centered {
  flex-direction: column;
  align-items: center;
}

.container.flex-vertical-centered.grey {
  background-color: #fafafa;
}

.container.flex-vertical-centered.static.bottom-padding {
  padding-bottom: 320px;
}

.container.flex-vertical-centered.no-bottom-margin {
  margin-bottom: 0;
}

.container.flex-vertical-centered.overflow-hidden {
  overflow: hidden;
}

.container.flex-vertical-centered.changed-bottom-margin {
  margin-bottom: 500px;
}

.container.flex-vertical-centered.right-margin {
  margin-right: 3%;
}

.container.no-top-margin {
  margin-top: 0;
}

.container.flex-vertical-left-aligned {
  flex-direction: column;
  align-items: flex-start;
}

.container.flex-vertical-stretched {
  flex-direction: column;
  justify-content: center;
}

.container.flex-vertical-stretched.background-white {
  background-color: #fff;
}

.container.flex-vertical-stretched.background-white.trying-different-margin {
  margin-top: 0;
  margin-bottom: 0;
}

.container.flex-vertical-stretched.background-white.border-radius-20px {
  border-radius: 20px;
}

.container.no-top-bottom-margin {
  margin-top: 0;
  margin-bottom: 0;
}

.container.no-top-bottom-margin.top-bottom-padding {
  padding-top: 48px;
  padding-bottom: 48px;
}

.container.no-top-bottom-margin.top-bottom-padding.gradient-background {
  background-image: linear-gradient(to right, var(--spot-blue), #a305e4);
}

.container.no-top-bottom-margin.flex-vertical-left-aligned.max-width-655px {
  max-width: 655px;
}

.container.no-top-bottom-margin.flex-vertical-left-aligned.bottom-margin-96px {
  margin-bottom: 96px;
}

.container.no-top-bottom-margin.top-border-grey {
  border-style: solid none none;
  border-width: 1px;
  border-color: var(--form-field-border);
  border-radius: 0;
}

.container.no-top-bottom-margin.vertical-center-aligned {
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.container.no-top-bottom-margin.max-width-720px {
  max-width: 720px;
}

.container.block {
  display: block;
}

.title-wrap {
  max-width: 720px;
  text-align: center;
  flex-flow: column;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.title-wrap.remove-padding {
  margin-bottom: 0;
}

.title-wrap.remove-padding.max-width-940px {
  max-width: 940px;
}

.title-wrap.features {
  margin-bottom: 40px;
}

.title-wrap.small {
  width: 80%;
  max-width: none;
}

.title-wrap.a {
  z-index: 1;
  position: relative;
}

.title-wrap.full-width {
  max-width: none;
}

.title-wrap.half-width {
  max-width: none;
  align-items: flex-start;
}

.title-wrap.with-arrow {
  flex-direction: row;
}

.title-wrap.wider {
  max-width: 850px;
}

.title-wrap.increased-width {
  width: 100%;
  max-width: 900px;
}

.title-wrap.max-width-100 {
  max-width: 100%;
}

.title {
  color: rgba(17, 17, 17, .57);
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 22px;
  font-size: 16px;
  font-weight: 700;
}

.button-outline {
  width: 100%;
  border: 2px solid var(--spot-blue);
  color: var(--spot-blue);
  text-align: center;
  background-color: rgba(0, 0, 0, 0);
  border-radius: 5px;
  padding: 15px 14px;
  font-size: 18px;
  font-weight: 500;
  transition: background-color .2s;
}

.button-outline:hover {
  background-color: var(--spot-blue);
  color: #fff;
}

.paragraph-white {
  color: var(--spot-black);
}

.content-section {
  z-index: 1;
  padding: 100px 3%;
  position: relative;
  overflow: visible;
}

.content-section.bg-color-1 {
  background-color: var(--spot-black);
  color: var(--spot-black);
  padding-top: 96px;
  padding-bottom: 96px;
}

.content-section.bg-color-1.small {
  padding-top: 40px;
  padding-bottom: 40px;
}

.content-section.bg-color-1.lesser-padding {
  padding: 40px 0%;
}

.content-section.bg-color-2 {
  background-color: #f6f6f6;
  padding-top: 50px;
  padding-bottom: 50px;
}

.content-section.bg-color-2.small {
  padding-bottom: 60px;
}

.content-section.bg-color-2.m-30 {
  padding-top: 30px;
  padding-bottom: 30px;
}

.content-section.bg-color-3 {
  background-color: var(--spot-blue);
  padding-top: 60px;
  padding-bottom: 60px;
}

.content-section.bg-color-3.small {
  padding-bottom: 60px;
}

.content-section.bg-color-3.pv-40 {
  padding-top: 40px;
  padding-bottom: 60px;
}

.content-section.bg-color-4 {
  background-color: var(--blue-light);
}

.content-section.bg-color-4.cta-narrow {
  background-color: var(--blue-faded);
  padding-top: 25px;
  padding-bottom: 25px;
}

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

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

.content-section.small.no-pb {
  padding-bottom: 40px;
}

.content-section.small.no-pb.bg-color-2 {
  background-color: #f9f9f9;
  padding-bottom: 8px;
}

.content-section.small.no-pb.m-0 {
  border-top: 1px solid #c4c4c4;
  margin-top: 100px;
}

.content-section.small.pt-0 {
  padding-top: 0;
}

.content-section.small.bg-faint-grey {
  background-color: #f9f9f9;
}

.content-section.small.bg-light-blue {
  background-color: var(--blue-light);
  padding-bottom: 40px;
}

.content-section.small.mb-40 {
  margin-bottom: 0;
  padding-bottom: 40px;
}

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

.content-section.pb-50 {
  padding-bottom: 50px;
}

.content-section.bg-color-5 {
  background-color: var(--blue-faded);
}

.content-section.pt-0 {
  padding-top: 0;
}

.content-section.narrow {
  padding-top: 40px;
  padding-bottom: 40px;
}

.content-section.bg-color-black {
  background-color: var(--spot-black);
  color: #fff;
}

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

.content-section.pv-10 {
  padding-top: 10px;
  padding-bottom: 10px;
}

.content-section.vp-40 {
  padding-top: 40px;
  padding-bottom: 40px;
}

.content-section.vp-40.bg-green {
  background-color: #f8fdfc;
}

.content-section.vp-40.bg-yellow {
  background-color: #fffaf1;
}

.content-section.vp-40.bg-grey {
  background-color: #f6f6f6;
}

.content-section.vp-40.bg-faint-blue {
  background-color: var(--gainsboro);
}

.content-section.vp-40.bg-grey-gradient {
  background-image: linear-gradient(rgba(132, 152, 180, .25), #8498b4);
}

.content-section.bg-color-6 {
  background-color: #fcfaff;
  padding-top: 40px;
  padding-bottom: 40px;
}

.content-section.vp-20 {
  padding-top: 20px;
  padding-bottom: 20px;
}

.content-section.vp-20.tm-96 {
  padding-top: 96px;
  padding-bottom: 96px;
}

.content-section.grey-bg {
  background-color: #f2f2f3;
  padding-top: 40px;
  padding-bottom: 60px;
}

.content-section.grey-bg.light-blue {
  background-color: #f7fbfe;
}

.content-section.bg-color-black {
  color: #fff;
  background-color: #353d48;
}

.content-section.lesser-m {
  padding-top: 96px;
  padding-bottom: 60px;
}

.content-section.lesser-margin {
  padding-top: 40px;
  padding-bottom: 40px;
}

.content-section.changed-bottom-padding {
  padding-bottom: 48px;
}

.content-section.changed-bottom-padding.background-grey {
  background-color: #fafafa;
}

.content-section.hero-header {
  padding-top: 0;
  padding-left: 0%;
  padding-right: 0%;
}

.content-section.hero-header.changed-padding-for-hero {
  padding: 0 0%;
}

.content-section.hero-header.no-bottom-padding {
  padding-bottom: 0;
}

.content-section.hero-header.no-bottom-padding.no-side-padding-for-phone.bottom-padding-60px {
  padding-bottom: 40px;
}

.content-section.hero-header.no-side-padding-for-phone.bottom-padding-72px {
  padding-bottom: 72px;
}

.content-section.hero-header.no-bottom-padding-desktop {
  padding-bottom: 0;
}

.content-section.changed-padding {
  padding-top: 0;
  padding-bottom: 0;
}

.content-section.added-bottom-padding.hidden-for-phone.background-grey {
  background-color: #fafafa;
}

.content-section.hidden-for-desktop {
  display: none;
}

.content-section.hidden-for-desktop.stop-horizontal-scroll.desktop-show {
  display: block;
}

.content-section.hidden-for-phone.background-grey {
  background-color: #fafafa;
}

.content-section.nvr-header {
  padding-left: 0%;
  padding-right: 0%;
}

.content-section.no-top-padding {
  padding-top: 0;
}

.content-section.changed-padding {
  padding-top: 76px;
  padding-bottom: 0;
}

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

.content-section.changed-top-bottom-margins {
  padding-top: 24px;
  padding-bottom: 24px;
  overflow: visible;
}

.content-section.grey-background {
  background-color: #fafafa;
}

.content-section.different-padding {
  padding-top: 0;
  padding-bottom: 0;
}

.content-section.top-padding-0px {
  padding-top: 0;
}

.content-section.background-green {
  background-color: #daefec;
}

.content-section.background-green.trying-different-paddings {
  margin-top: 0;
  padding-top: 0;
  padding-bottom: 0;
}

.content-section.section-blue-background {
  background-color: #d8ebfb;
}

.content-section.blue-image-background {
  background-image: url("https://assets-global.website-files.com/5fe2250e2f83cc02cbfefbcf/60db5bcf2516b0d7bb9d78ee_bg-cta-1440x1000%402x.jpg");
  background-position: 50%;
  background-size: cover;
}

.content-section.blue-image-background.changed-bottom-padding-for-phone {
  background-image: url("https://assets-global.website-files.com/5fe2250e2f83cc02cbfefbcf/60f6dd3d746114aa827bc71f_bg-get-camera-system-free-trial%402x.png");
}

.content-section.background-blue {
  background-color: #d8ebfb;
}

.content-section.light-blue-image-background {
  background-image: url("https://assets-global.website-files.com/5fe2250e2f83cc02cbfefbcf/633fc6cc19ab6d67e9e918fe_bg-light-blue%402x.jpg");
  background-position: 0 0;
  background-size: cover;
}

.content-section.home-hero-gradient {
  background-image: linear-gradient(#fff, #def);
}

.content-section.home-hero-gradient.no-bottom-margin {
  background-image: linear-gradient(#fff, #def);
  padding-bottom: 0;
}

.content-section.home-hero-gradient.no-bottom-margin.overflow-hidden {
  background-image: none;
  font-weight: 400;
  overflow: hidden;
}

.content-section.home-hero-gradient.no-bottom-margin.overflow-hidden.blue-gradient {
  background-image: linear-gradient(#fff, #def);
}

.content-section.home-hero-gradient.no-bottom-margin.overflow-hidden.bg-gradient {
  background-image: url("https://assets-global.website-files.com/5fe2250e2f83cc02cbfefbcf/636bdf82519296f0de49fd23_homepage-hero-gradient%402x%20(1).jpeg");
  background-position: 100% 100%;
  background-size: cover;
}

.content-section.home-hero-gradient.no-bottom-margin.overflow-hidden.flex-vertical-centered {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.content-section.home-hero-gradient.no-bottom-margin.overflow-hidden.flex-vertical-centered.bg-gradient-img {
  background-image: url("https://assets-global.website-files.com/5fe2250e2f83cc02cbfefbcf/636bdf82519296f0de49fd23_homepage-hero-gradient%402x%20(1).jpeg");
  background-position: 100% 100%;
  background-size: cover;
}

.content-section.no-bottom-padding {
  padding-bottom: 0;
}

.content-section.top-padding-30px {
  padding-top: 30px;
}

.content-section.top-padding-30px.bottom-margin-90px {
  padding-bottom: 90px;
}

.content-section.top-lower-margin-48px {
  padding-top: 48px;
  padding-bottom: 48px;
}

.content-section.top-lower-margin-48px.no-right-margin {
  padding-right: 0%;
}

.content-section.top-bottom-padding-70px {
  padding-top: 70px;
  padding-bottom: 70px;
}

.content-section.top-bottom-padding-70px.gradient-background {
  background-image: linear-gradient(98deg, var(--spot-blue), #a305e4);
}

.content-section.no-top-padding-for-phone.testimonials.top-padding-46px {
  padding-top: 46px;
}

.content-section.no-top-bottom-padding {
  padding-top: 0;
  padding-bottom: 0;
}

.content-section.bottom-padding-64px {
  padding-bottom: 64px;
}

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

.content-section.padding-96-top-48-bottom {
  padding-top: 96px;
  padding-bottom: 48px;
}

.content-section.padding-96-top-bottom {
  padding-top: 96px;
  padding-bottom: 96px;
}

.content-section.padding-96-top-bottom.spot-black {
  background-color: var(--spot-black);
}

.content-section.ai-copilot-hero {
  background-image: url("https://assets-global.website-files.com/5fe2250e2f83cc02cbfefbcf/6543cdac93c8a4f77731022e_ai_copilot-hero%402x.jpg");
  background-position: 50%;
  background-size: 1440px;
}

.content-section.copilot-hero-bg {
  background-image: url("https://assets-global.website-files.com/5fe2250e2f83cc02cbfefbcf/65452578e28d4f5beb789e74_ai_copilot-hero%402x.jpg");
  background-position: 50%;
  background-size: cover;
}

.content-section.copilot-intro-bg {
  background-image: url("https://assets-global.website-files.com/5fe2250e2f83cc02cbfefbcf/6544bbb6b7bee8f8e878b0be_ai_copilot-intro%402x.jpg");
  background-position: 50%;
  background-size: cover;
}

.content-section.copilot-cta-bg {
  background-image: url("https://assets-global.website-files.com/5fe2250e2f83cc02cbfefbcf/654480465c671cd00757e6a3_ai_copilot-cta%402x.jpg");
  background-position: 50%;
  background-size: contain;
}

.content-section.copilot-cta-bg.padding-40 {
  background-size: cover;
}

.grid---feature {
  grid-column-gap: 32px;
  grid-row-gap: 42px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.button-yellow {
  color: #111;
  text-align: center;
  background-color: #fdd490;
  border: 1px solid rgba(0, 0, 0, 0);
  border-radius: 10px;
  padding: 20px 35px;
  font-size: 16px;
  font-weight: 700;
}

.pricing-grid {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  border-radius: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.faq-column-large {
  text-align: left;
  margin-left: auto;
  margin-right: auto;
}

.faq-question-wrap {
  cursor: pointer;
  background-color: #fff;
  border-radius: 5px;
  margin-bottom: 10px;
  padding: 24px 60px 24px 24px;
  position: relative;
}

.faq-question-wrap:hover {
  background-color: #fafafa;
}

.faq-question-bar {
  border-bottom: 1px solid #c4c4c4;
  justify-content: space-between;
  align-items: center;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-right: 15px;
  text-decoration: none;
  display: flex;
}

.question-title {
  color: var(--spot-black);
  letter-spacing: -.03em;
  font-size: 30px;
  font-weight: 500;
  line-height: 1.2;
}

.accordian-content {
  margin-top: -2px;
  overflow: hidden;
}

.faq-paragraph {
  margin-bottom: 0;
  padding-top: 20px;
  padding-bottom: 20px;
}

.slider {
  width: 100%;
  height: 100%;
  max-width: 570px;
  background-color: rgba(221, 221, 221, 0);
  margin-top: 90px;
  margin-left: auto;
  margin-right: auto;
}

.arrow-right {
  width: 60px;
  height: 60px;
  background-color: #fff;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  display: flex;
  top: 0%;
  bottom: 0%;
  left: auto;
  right: -30px;
  box-shadow: 0 24px 35px rgba(27, 45, 69, .1);
}

.author-name {
  color: var(--black);
  letter-spacing: -.03em;
  margin-bottom: 6px;
  font-size: 20px;
  font-weight: 700;
  line-height: 1;
  display: inline-block;
}

.paragraph-basic {
  color: rgba(17, 17, 17, .76);
  letter-spacing: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
  text-decoration: none;
}

.arrow-left {
  width: 60px;
  height: 60px;
  background-color: #fff;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  display: flex;
  top: 0%;
  bottom: 0%;
  left: -30px;
  right: auto;
  box-shadow: 0 24px 35px rgba(27, 45, 69, .1);
}

.slide-wrap {
  min-height: 350px;
  background-color: var(--light-grey);
  text-align: center;
  border-radius: 20px;
  flex-direction: column;
  justify-content: center;
  padding-left: 63px;
  padding-right: 63px;
  display: flex;
}

.slide-nav {
  display: none;
}

.slide {
  height: 100%;
  background-color: #fff;
  border-radius: 20px;
  margin-right: 50px;
  padding: 0;
}

.footer {
  background-color: #353d48;
  padding: 40px 5% 10px;
}

.banner {
  z-index: 99;
  height: 60px;
  color: #fff;
  background-color: #111;
  background-image: url("https://assets-global.website-files.com/5fe2250e2f83cc02cbfefbcf/5fe2250e2f83cc39e2fefc7e_Banner%20Right.svg"), url("https://assets-global.website-files.com/5fe2250e2f83cc02cbfefbcf/5fe2250e2f83cc6df3fefc52_Pattern%20Banner.svg");
  background-position: 100%, 0 0;
  background-repeat: no-repeat, no-repeat;
  background-size: contain, auto;
  justify-content: center;
  align-items: center;
  padding-left: 3%;
  padding-right: 3%;
  display: flex;
  position: relative;
}

.notice-tag {
  color: #fff;
  background-color: rgba(255, 255, 255, .1);
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  margin-right: 14px;
  padding: 8px 10px;
  display: flex;
}

.dropdown {
  position: relative;
}

.dropdown.static {
  position: static;
}

.dropdown-toggle {
  color: #000;
  border-radius: 10px;
  padding: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 16px;
}

.dropdown-toggle:hover {
  border-radius: 0;
}

.navigation-drop-container {
  border: 1px solid rgba(0, 0, 0, 0);
  border-radius: 5px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-left: auto;
  margin-right: auto;
  padding: 34px 0;
  display: block;
  box-shadow: 4px 4px 45px 5px rgba(0, 0, 0, .05);
}

.navigation-drop-container.new {
  padding-top: 30px;
  padding-bottom: 20px;
}

.navigation-drop-container.new-column {
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
}

.menu-title {
  color: var(--black);
  letter-spacing: 1px;
  margin-bottom: 14px;
  margin-left: 10px;
  font-size: 15px;
  font-weight: 700;
}

.menu-title.space {
  margin-top: 32px;
}

.dropdown-list-full-wrapper {
  background-color: #fff;
  border-radius: 5px;
  display: block;
  overflow: visible;
}

.dropdown-list-full-wrapper.new {
  width: 100%;
}

.dropdown-list-full-wrapper.flex-horizontal {
  display: flex;
}

.dropdown-list-full-wrapper.flex-horizontal._100vw {
  width: 100vw;
  justify-content: center;
  padding: 40px 3%;
  box-shadow: 0 1px 45px rgba(0, 0, 0, .05);
}

.dropdown-list-full-wrapper.flex-horizontal._100vw.hidden {
  display: none;
}

.navigation-bottom-link {
  flex-direction: column;
  align-items: flex-start;
  margin-top: 14px;
  display: flex;
}

.navigation-link {
  width: 100%;
  color: var(--black);
  align-items: center;
  padding: 16px 50px;
  font-size: 14px;
  line-height: 1.5;
  text-decoration: none;
  transition: all .2s;
  display: block;
}

.navigation-link:hover {
  background-color: var(--spot-blue);
  color: #fff;
  border-radius: 5px;
}

.navigation-link.last:hover {
  border-radius: 5px;
}

.navigation-link.new {
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 10px;
  padding-left: 20px;
  padding-right: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 16px;
  display: flex;
}

.navigation-link.new:hover {
  color: var(--spot-blue);
  background-color: rgba(0, 0, 0, 0);
}

.navigation-link.new.no-lm {
  margin-bottom: 0;
}

.navigation-link.new.no-lm.va {
  align-items: center;
}

.navigation-link.new.no-lm.flex-verticle {
  flex-direction: column;
}

.navigation-link.new.no-lm.hide-blog {
  display: none;
}

.dropdown-list {
  width: 360px;
}

.dropdown-list.w--open {
  z-index: 99999;
  width: 320px;
  max-width: 320px;
  min-width: auto;
  background-color: #fff;
  border-radius: 5px;
  display: block;
  position: absolute;
  top: 40px;
  bottom: auto;
  left: 0;
  right: 0;
}

.dropdown-list.new.w--open {
  width: 690px;
  max-width: none;
  left: -227px;
  right: -150px;
}

.dropdown-list.new.width-320px {
  width: 320px;
}

.dropdown-list.smaller {
  width: 205px;
}

.dropdown-list.smaller.width-100.w--open {
  width: 100vw;
}

.image-5 {
  width: 22px;
  margin-left: 10px;
}

.navigation-column {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-left: 15px;
  padding-right: 15px;
  display: flex;
  position: relative;
}

.navigation-column._50 {
  width: 50%;
}

.navigation-column.some-m {
  width: 210px;
  padding-top: 20px;
  padding-bottom: 20px;
}

.navigation-column.some-m.right-margin-56px {
  margin-right: 56px;
}

.page-grid {
  width: 100%;
  grid-column-gap: 10px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.quote-text-large {
  max-width: 780px;
  color: #000;
  text-align: center;
  letter-spacing: -.03em;
  margin-bottom: 0;
  font-family: Playfair Display, sans-serif;
  font-size: 32px;
  font-weight: 600;
  line-height: 1.5;
}

.testimonial-content-long {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 80px;
  padding-bottom: 80px;
  display: flex;
}

.text-field-plain {
  min-height: 62px;
  background-color: #fff;
  border: 1px #000;
  border-bottom: 1px solid rgba(255, 255, 255, .13);
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  margin-bottom: 0;
  font-size: 16px;
}

.social-link {
  width: 40px;
  height: 40px;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  margin-left: 10px;
  margin-right: 10px;
  padding: 10px;
  transition: all .3s;
  display: flex;
}

.social-link:hover {
  filter: invert();
  background-color: #000;
}

.footer-link {
  color: #fff;
  text-align: left;
  align-self: flex-start;
  margin-right: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 16px;
  font-weight: 500;
  line-height: 16px;
  text-decoration: none;
  transition: opacity .2s;
  display: block;
}

.footer-link:hover {
  color: #fff;
}

.footer-link.new.hide-blog {
  display: none;
}

.footer-bottom {
  text-align: center;
  border-bottom: 1px rgba(255, 255, 255, .1);
  justify-content: space-between;
  margin-top: 50px;
  padding-top: 0;
  padding-bottom: 20px;
  display: block;
}

.footer-grid {
  grid-column-gap: 24px;
  border-bottom: 1px solid #f4f4f4;
  grid-template-rows: auto;
  grid-template-columns: 3fr 1fr 1fr 1fr;
  padding-bottom: 50px;
}

.footer-wrapper {
  align-items: center;
  display: flex;
}

.form-block {
  width: 100%;
  margin-top: 40px;
}

.form-block.footer-form {
  margin-top: 16px;
}

.footer-title-button {
  color: #f4f4f4;
  letter-spacing: -.03em;
  margin-right: 20px;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
}

.footer-title-button.left-aligned {
  text-align: left;
}

.form {
  flex-wrap: wrap;
  align-items: center;
  display: flex;
  position: relative;
}

.footer-title {
  color: #878d94;
  margin-bottom: 16px;
  font-size: 16px;
  font-weight: 500;
}

.footer-title.center.grey {
  color: var(--footer-link-hover);
}

.footer-title.center.light-grey {
  color: var(--form-field-border);
}

.secondary-link {
  color: var(--light-grey);
  margin-right: 32px;
  font-size: 12px;
  font-weight: 400;
  text-decoration: none;
  display: block;
}

.secondary-link.smaller {
  font-size: 12px;
  display: inline-block;
}

.submit-button {
  min-height: 62px;
  min-width: 62px;
  background-color: var(--spot-blue);
  color: #fff;
  background-image: none;
  background-repeat: repeat;
  background-size: auto;
  border-radius: 0 5px 5px 0;
  font-size: 17px;
}

.submit-button.footer-submit {
  background-image: url("https://assets-global.website-files.com/5fe2250e2f83cc02cbfefbcf/5fe2250e2f83cc32f4fefdfd_arrow-right-24.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
}

.footer-top {
  text-align: center;
  border-bottom: 1px rgba(255, 255, 255, .1);
  justify-content: space-between;
  margin-bottom: 0;
  padding-bottom: 50px;
  display: block;
}

.footer-top.landing {
  border-bottom-style: solid;
  border-bottom-color: #f4f4f4;
}

.footer-top.flex {
  display: flex;
}

.footer-top.flex.grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-items: start;
  display: grid;
}

.footer-column {
  flex-direction: column;
  align-items: flex-start;
  padding-right: 80px;
  display: flex;
}

.footer-column.last {
  padding-right: 0;
}

.footer-column.last.new.m-hidden {
  display: flex;
}

.footer-column.pr-0 {
  padding-right: 0;
}

.footer-column.pr-0.la.m-hidden {
  display: flex;
}

.footer-column.pr-0 {
  padding-right: 0;
}

.footer-logo {
  width: 120px;
  margin-left: auto;
  margin-right: auto;
}

.footer-logo.award-logos {
  width: auto;
  height: 94px;
}

.footer-logo.award-logos.footer-logo {
  height: 75px;
}

.footer-logo.award-logos.footer-logo.auto {
  width: 70px;
}

.footer-logo.award-logos.footer-logo._100 {
  width: 77px;
  height: 100px;
}

.footer-logo.award-logos.footer-logo._90 {
  width: 72px;
  height: 90px;
}

.footer-logo.award-logos.footer-logo._0-lm {
  width: 60%;
  height: auto;
  margin-left: 0;
}

.footer-logo.award-logos.footer-logo.smaller {
  width: 300px;
}

.button-linen {
  background-color: var(--linen);
  color: #000;
  border-radius: 10px;
  padding: 20px 35px;
  font-weight: 700;
  box-shadow: 14px 14px 35px rgba(33, 38, 106, .1);
}

.feature-grid {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  border-radius: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.feature-card {
  min-height: 270px;
  text-align: center;
  background-color: #fff;
  border-radius: 20px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding: 32px 40px;
  transition: all .25s;
  display: flex;
  position: relative;
  box-shadow: 31px 31px 64px rgba(0, 0, 0, .05);
}

.icon-grey {
  width: 80px;
  height: 80px;
  background-color: rgba(0, 0, 0, .1);
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
  display: flex;
}

.text-field {
  min-height: 62px;
  color: var(--black);
  background-color: #fff;
  border-width: 1px;
  border-color: #000;
  border-radius: 5px;
  margin-bottom: 20px;
  padding-left: 20px;
  font-size: 16px;
}

.text-field::-ms-input-placeholder {
  color: #555;
}

.text-field::placeholder {
  color: #555;
}

.button-white {
  color: var(--spot-blue);
  background-color: #fff;
  border-radius: 5px;
  padding: 15px;
  font-size: 18px;
  font-weight: 500;
  transition: all .2s;
  box-shadow: 14px 14px 35px rgba(33, 38, 106, .1);
}

.button-white.button-space-top {
  margin-top: 32px;
}

.notice-bar {
  z-index: 999;
  color: var(--black);
  letter-spacing: -.02em;
  background-color: #fff;
  border-radius: 5px;
  align-items: center;
  padding: 14px 14px 14px 20px;
  font-size: 16px;
  display: flex;
  position: fixed;
  bottom: 24px;
  left: 24px;
  box-shadow: 23px 23px 52px rgba(17, 17, 17, .15);
}

.notice-text {
  margin-right: 12px;
}

.notice-button {
  background-color: var(--blue-light);
  color: var(--black);
  border-radius: 5px;
  padding: 10px 18px;
  font-size: 15px;
  text-decoration: none;
  transition: all .2s;
}

.notice-button:hover {
  background-color: var(--spot-blue);
  color: #fff;
}

.core-feature-grid {
  width: 100%;
  grid-column-gap: 24px;
  grid-row-gap: 60px;
  grid-template-rows: auto;
  grid-template-columns: 2fr 1fr 2fr;
}

.core-feature-grid.v-security {
  grid-template-columns: 3fr 1fr 3fr;
}

.quotations-section {
  width: 100%;
  background-color: var(--blue-light);
  border-bottom: 1px solid rgba(255, 255, 255, .08);
  border-radius: 5px;
  padding: 100px 3%;
  position: relative;
}

.h1-white {
  color: #fff;
}

.blog-card {
  width: 100%;
  background-color: #fff;
  text-decoration: none;
  overflow: hidden;
}

.blog-image-wrap {
  height: 200px;
  position: relative;
  overflow: hidden;
}

.blog-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 50%;
  border-radius: 5px;
}

.blog-content {
  text-align: left;
  background-color: #fff;
  padding-top: 20px;
  padding-bottom: 56px;
}

.blog-list-category {
  color: #555;
  text-transform: uppercase;
  font-size: 15px;
}

.category {
  color: #fff;
  border-radius: 10px;
  padding: 10px 16px;
  position: absolute;
  top: 30px;
  bottom: auto;
  left: 30px;
  right: auto;
}

.blog-image-large {
  height: 210px;
  position: relative;
  overflow: hidden;
}

.hero-grid {
  grid-column-gap: 44px;
  grid-template-rows: auto;
}

.blog-item {
  width: 50%;
  margin-bottom: 32px;
  padding-left: 10px;
  padding-right: 10px;
}

.blog-detail {
  align-items: center;
  margin-bottom: 30px;
  display: flex;
}

.hero-column-content {
  width: 50%;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding-bottom: 100px;
  padding-right: 40px;
  display: flex;
}

.blog-hero-image {
  height: 490px;
  position: relative;
  overflow: hidden;
}

.hero-column-image {
  overflow: visible;
}

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

.accent---hero-right {
  position: absolute;
  top: 22%;
  bottom: 0%;
  left: auto;
  right: 0%;
  transform: rotate(40deg);
}

.blog-image-hero {
  height: 560px;
  overflow: hidden;
}

.blog-hero-full {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.article {
  text-align: left;
  margin-top: 80px;
}

.article p {
  margin-bottom: 40px;
  font-size: 20px;
}

.article img {
  width: 100%;
  border-radius: 20px;
  margin-top: 32px;
}

.article h2 {
  margin-bottom: 28px;
  font-size: 30px;
  font-weight: 700;
}

.article h4 {
  font-size: 21px;
  font-weight: 400;
}

.article h3 {
  margin-bottom: 14px;
  font-size: 24px;
  font-weight: 400;
  line-height: 1.25;
}

.article figure {
  margin-bottom: 48px;
}

.article a {
  font-size: 1em;
}

.article.no-top-margin {
  margin-top: 0;
}

.article.no-top-margin.width-60 {
  width: 60%;
}

.licence-grid {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  border-radius: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  margin-bottom: 100px;
}

.licence-graphic {
  width: 100%;
  height: 160px;
  background-color: var(--light-grey);
  border-radius: 10px;
  margin-bottom: 32px;
  overflow: hidden;
}

.licence-asset {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 50%;
}

.licence-card {
  text-align: center;
  background-color: #fff;
  border-radius: 20px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 40px 44px;
  display: flex;
  box-shadow: 31px 31px 64px rgba(0, 0, 0, .05);
}

.licence-asset-small {
  width: 100%;
  height: 100%;
  object-fit: scale-down;
  object-position: 50% 50%;
}

.change-log-wrap {
  background-color: var(--antique-white);
  border-radius: 20px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 40px;
  padding: 32px;
  display: flex;
}

.new-tag {
  color: #fff;
  text-transform: uppercase;
  background-color: #f37c57;
  border-radius: 10px;
  padding: 10px 16px;
  font-size: 14px;
  font-weight: 500;
}

.list {
  margin-top: 15px;
  margin-bottom: 15px;
}

.base-tag {
  color: #fff;
  text-transform: uppercase;
  background-color: #000;
  border-radius: 10px;
  padding: 10px 16px;
  font-size: 14px;
  font-weight: 500;
}

.utility-page-wrap {
  width: 100vw;
  height: 100vh;
  max-height: 100%;
  max-width: 100%;
  background-color: var(--antique-white);
  justify-content: center;
  align-items: center;
  display: flex;
}

.utility-page-wrap.white-bg {
  background-color: #fff;
}

.utility-page-content {
  width: 100%;
  max-width: 600px;
  text-align: center;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.utility-image {
  margin-bottom: 64px;
}

.utility-image.large-hidden {
  display: none;
}

.base-navigation {
  justify-content: center;
  align-items: center;
  padding: 32px 3%;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.utility-page-form {
  width: 100%;
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.bg-square-left {
  width: 100%;
  height: 100%;
  max-height: 70%;
  max-width: 35%;
  min-width: 300px;
  background-color: #fff1e5;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: auto;
}

.team-social {
  margin-top: 32px;
}

.social-circle {
  width: 50px;
  height: 50px;
  background-color: #1da1f2;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  margin-right: 14px;
  transition: all .3s;
  display: flex;
}

.social-circle:hover {
  transform: translate(0, -4px);
}

.social-circle.linkedin {
  background-color: #0077b5;
}

.social-circle.instagram {
  background-color: #e1306c;
}

.social-circle.facebook {
  background-color: #3b5998;
}

.social-row {
  display: flex;
}

.empty-state {
  background-color: var(--light-grey);
  color: var(--black);
  border-radius: 10px;
  padding: 32px;
  font-size: 15px;
}

.slider-full {
  width: 100%;
  height: 100%;
  background-color: rgba(221, 221, 221, 0);
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.mask-full {
  width: 100%;
  background-color: rgba(0, 0, 0, 0);
  overflow: hidden;
}

.feature-centre {
  text-align: center;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.feature-centre.shadow {
  padding: 22px;
  box-shadow: 1px 1px 20px rgba(0, 0, 0, .07);
}

.content-image-wrap {
  position: relative;
}

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

.button-wrap {
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  margin-top: 32px;
  display: flex;
}

.button-wrap.mt-20 {
  margin-top: 20px;
}

.button-wrap.centered.vertical-for-phone {
  align-items: stretch;
}

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

.content-image.mobile {
  display: none;
}

.content-image.both {
  width: auto;
  height: auto;
}

.content-image.both.lp-small {
  margin-top: 40px;
}

.accent---cta-left {
  max-width: 200px;
  position: absolute;
  top: 23%;
  bottom: auto;
  left: 0%;
  right: auto;
}

.accent---cta-right {
  max-width: 260px;
  position: absolute;
  top: 21%;
  bottom: 0%;
  left: auto;
  right: 0%;
}

.list-numbered {
  list-style-type: decimal;
}

.collection-item {
  margin-bottom: 20px;
}

.collection-list {
  flex-flow: wrap;
  display: flex;
}

.form-large {
  align-items: center;
  display: flex;
}

.newsletter-field {
  min-height: 72px;
  color: var(--black);
  background-color: #fff;
  border: 1px #000;
  border-radius: 10px;
  margin-bottom: 0;
  padding-left: 24px;
  font-size: 16px;
}

.newsletter-field::-ms-input-placeholder {
  color: #555;
}

.newsletter-field::placeholder {
  color: #555;
}

.submit-button-large {
  min-height: 72px;
  background-color: var(--navajo-white);
  color: #000;
  letter-spacing: -.03em;
  border-radius: 10px;
  margin-left: 14px;
  padding: 20px 42px;
  font-size: 16px;
  font-weight: 700;
  box-shadow: 14px 14px 35px rgba(33, 38, 106, .1);
}

.form-block-cta {
  width: 100%;
  max-width: 620px;
  margin-top: 32px;
}

.featured-base {
  background-color: rgba(0, 0, 0, 0);
  border-radius: 20px;
  flex-direction: column;
  align-items: stretch;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.card-title-wrap {
  margin-bottom: 0;
}

.gallery-page-wrapper {
  margin-bottom: 60px;
}

.author-wrap-stacked {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 32px;
  display: flex;
}

.accent---hero {
  width: 15%;
  max-width: 250px;
  position: absolute;
  top: 14%;
  bottom: 0%;
  left: auto;
  right: 0%;
}

.success-message {
  background-color: var(--navajo-white);
  border: 2px solid #fff;
  border-radius: 10px;
  font-size: 16px;
}

.footer-sub-wrap {
  width: 412px;
  align-items: center;
  margin-top: 10px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.footer-sub-wrap._0-tm {
  margin-top: 0;
}

.header-landing-1 {
  background-color: var(--spot-blue);
  padding: 100px 5% 0;
  position: relative;
  overflow: hidden;
}

.header-landing-1.transparent {
  background-color: rgba(0, 0, 0, 0);
  overflow: visible;
}

.header-landing-1.transparent.mb-72 {
  margin-bottom: 72px;
}

.header-landing-1.transparent.mb-140 {
  margin-bottom: 140px;
}

.header-landing-1.transparent.pt-20 {
  margin-bottom: 140px;
  padding-top: 20px;
}

.header-landing-1.transparent.pb-100 {
  padding-bottom: 100px;
}

.header-landing-1.transparent.pt-80 {
  padding-top: 80px;
}

.header-landing-1.landing-header {
  background-color: rgba(0, 0, 0, 0);
  padding-top: 0;
  padding-bottom: 0;
}

.header-landing-1.landing-header.pb-0 {
  padding-bottom: 0;
}

.content-wrap {
  max-width: 840px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  margin-bottom: 40px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.content-wrap.text-center {
  align-items: center;
  margin-bottom: 0;
}

.content-wrap.text-center.no-vp {
  max-width: 800px;
}

.content-wrap.wider {
  max-width: 1100px;
}

.content-wrap.wider.center-aligned {
  align-items: center;
}

.content-wrap.no-lm {
  align-items: center;
  margin-bottom: 0;
}

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

.content-square-1 {
  max-width: 600px;
  min-width: 40%;
  background-color: #fff;
  padding: 60px 48px;
  position: absolute;
  top: auto;
  bottom: auto;
  left: auto;
  right: 0%;
}

.h2-cta {
  margin-bottom: 40px;
  font-size: 40px;
  font-weight: 500;
}

.h2-cta.line-height-46px {
  line-height: 46px;
}

.team-image-wrap {
  height: 128px;
  overflow: hidden;
}

.team-image-wrap.old {
  height: 300px;
}

.team-photo {
  width: 300px;
  height: 300px;
  object-fit: cover;
  border-radius: 50%;
}

.cta-section-light {
  background-color: #faecd8;
  border-bottom: 1px solid rgba(255, 255, 255, .08);
  padding: 140px 3%;
  position: relative;
}

.link-yellow {
  color: var(--navajo-white);
}

.about-hero-full {
  height: 100%;
  object-fit: cover;
  position: relative;
}

.content-wrap-centre {
  max-width: 800px;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.content-wrap-centre.wider {
  max-width: 1140px;
}

.content-wrap-centre.text-center {
  text-align: center;
}

.content-wrap-centre.mb-60 {
  margin-bottom: 60px;
}

.content-wrap-centre.full-width {
  width: 100%;
  max-width: none;
  padding-left: 40px;
  padding-right: 40px;
}

.about-hero-wrap-full {
  height: 450px;
  margin-left: auto;
  margin-right: auto;
}

.team-item-full {
  margin-bottom: 0;
}

.collection-list-2 {
  flex-wrap: wrap;
  justify-content: center;
  display: flex;
}

.team-content-centre {
  text-align: center;
  padding-top: 10px;
}

.content-centre-wrap {
  max-width: 946px;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

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

.blog-article-category {
  margin-bottom: 0;
}

.blog-article-type {
  margin-bottom: 0;
  margin-right: 8px;
}

.nav-menu-mobile {
  width: auto;
  height: 100%;
  color: #3f0a3d;
  align-items: center;
  display: none;
  position: static;
}

.buttonnavigation {
  background-color: var(--spot-blue);
  text-align: center;
  border-radius: 5px;
  padding: 12px 24px;
  font-size: 18px;
  font-weight: 500;
  transition: all .2s;
  box-shadow: 14px 14px 35px rgba(33, 38, 106, .1);
}

.buttonnavigation.m-hidden {
  border-radius: 5px;
  padding-left: 16px;
  padding-right: 16px;
  font-size: 16px;
  display: block;
}

.buttonnavigation.m-hidden.top-margin-24px {
  margin-top: 24px;
}

.buttonnavigation.m-hidden.top-margin-24px.gradient {
  background-image: linear-gradient(104deg, var(--spot-blue), #a900e4);
  border-radius: 10px;
  padding-left: 24px;
  padding-right: 24px;
}

.buttonnavigation.m-hidden.top-margin-24px.gradient.width-100-for-phone.no-top-margin {
  margin-top: 0;
}

.buttonnavigation.m-hidden.height-30px {
  height: 30px;
  align-items: center;
  display: flex;
}

.buttonnavigation.right-margin-40-px {
  margin-right: 40px;
}

.home-feature-image {
  width: 100%;
  object-fit: cover;
  object-position: 50% 0%;
}

.home-feature-image.mb-32 {
  object-fit: contain;
  margin-top: 20px;
}

.home-feature-image.mobile {
  display: none;
}

.background-color-example {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  margin-bottom: 100px;
}

.h1-cta-dark {
  color: var(--black);
  font-size: 48px;
}

.directory-grid {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  border-radius: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  margin-bottom: 100px;
}

.directory-asset {
  width: 100%;
  height: 160px;
  background-color: var(--light-grey);
  border-radius: 10px;
  margin-bottom: 32px;
  overflow: hidden;
}

.content-wrap-plain {
  text-align: left;
}

.content-wrap-plain.lp-contnet {
  padding-left: 50px;
}

.content-detail-wrap {
  text-align: left;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  margin-bottom: 60px;
}

.hero-tag {
  color: #d8ebfb;
  letter-spacing: .9px;
  text-transform: uppercase;
  margin-bottom: 32px;
  font-size: 18px;
  font-weight: 500;
}

.hero-tag.dark {
  color: var(--spot-black);
  text-align: left;
  line-height: 1.1em;
}

.hero-tag.blue {
  color: var(--spot-blue);
}

.hero-tag.blue.mb-0 {
  margin-bottom: 0;
}

.hero-tag.mb-32 {
  margin-bottom: 32px;
}

.hero-tag.purple {
  color: var(--uc-purple);
}

.hero-tag.green {
  color: var(--uc-green);
}

.hero-tag.yellow {
  color: var(--uc-yellow);
}

.hero-tag.blue {
  color: #007ce4;
}

.button-wrap-centre {
  flex-direction: row;
  justify-content: center;
  align-items: stretch;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.button-wrap-centre.top-margin-44px {
  margin-top: 44px;
}

.button-hero {
  background-color: var(--spot-blue);
  text-align: center;
  border-radius: 5px;
  margin-right: 20px;
  padding: 15px;
  font-size: 18px;
  font-weight: 500;
  transition: all .2s;
  overflow: visible;
  box-shadow: 14px 14px 35px rgba(33, 38, 106, .1);
}

.button-hero:hover {
  color: #fff;
}

.button-hero.mb-32 {
  margin-bottom: 0;
  line-height: 24px;
}

.button-hero.mb-32.width-300px {
  width: 300px;
}

.button-hero.mb-40 {
  color: var(--light-grey);
}

.button-hero._w-100 {
  width: 45%;
  flex: none;
}

.button-hero.purple {
  background-color: var(--uc-purple);
  color: #fff;
  margin-right: 0;
}

.button-hero.purple.full {
  width: 250px;
}

.button-hero.green {
  background-color: var(--uc-green);
  color: #fff;
  margin-right: 0;
}

.button-hero.green.full-width {
  width: 60%;
}

.button-hero.green.full-width.horizontal-centered {
  justify-content: center;
  display: flex;
}

.button-hero.green.width-40 {
  width: 40%;
}

.button-hero.yellow {
  background-color: var(--uc-yellow);
  color: #fff;
  margin-right: 0;
}

.button-hero.tm-20 {
  margin-top: 16px;
  margin-right: 0;
  display: block;
}

.button-hero.changed-colour {
  background-color: var(--uc-purple);
}

.button-hero.bottom-margin-24px {
  margin-bottom: 24px;
}

.button-hero.bottom-margin-32px {
  margin-bottom: 32px;
}

.button-hero.bottom-margin-32px.no-side-padding {
  margin-right: 0;
}

.button-hero.bottom-margin-32px.no-side-padding._16px-24px-padding {
  padding: 16px 24px;
}

.button-hero.bottom-margin-72px {
  margin-bottom: 72px;
}

.button-hero.no-side-margin {
  margin-right: 0;
}

.button-hero.changed-padding {
  padding: 16px 19px;
}

.button-hero.centered {
  justify-content: center;
  align-items: center;
  display: flex;
}

.button-hero.centered.no-right-margin {
  width: 50%;
  margin-right: 0;
}

.button-hero.white-outline {
  background-color: rgba(0, 0, 0, 0);
  border: 2px solid #fff;
  border-radius: 10px;
}

.button-hero.white-outline.top-margin-32px {
  margin-top: 32px;
}

.button-hero.width-100 {
  width: 100%;
}

.button-hero.width-100.top-margin-52px {
  margin-top: 52px;
}

.button-hero.width-100.top-margin-52px.radius-10px, .button-hero.radius-10px {
  border-radius: 10px;
}

.button-hero.right-margin-40 {
  margin-right: 40px;
}

.button-hero.gradient {
  width: 100%;
  max-width: 270px;
  background-image: linear-gradient(to right, var(--spot-blue), #a900e4);
  border-radius: 10px;
}

.button-white-transparent {
  color: var(--spot-blue);
  background-color: #fff;
  border: 2px solid #fff;
  border-radius: 5px;
  padding: 15px;
  font-size: 18px;
  font-weight: 500;
  transition: all .2s;
}

.button-white-transparent:hover {
  color: var(--spot-blue);
  background-color: #fff;
}

.button-white-transparent.mr-40 {
  margin-right: 40px;
}

.button-white-transparent.center {
  margin-left: auto;
  margin-right: auto;
}

.button-white-transparent.mr-16 {
  color: var(--spot-blue);
  background-color: #fff;
  margin-right: 16px;
}

.button-white-transparent.mr-16.lm40 {
  margin-right: 40px;
}

.banner-wrap {
  color: #fff;
  align-items: center;
  display: flex;
}

.author-circle {
  width: 80px;
  height: 80px;
  min-height: 80px;
  min-width: 80px;
  border-radius: 100px;
  margin-bottom: 16px;
  margin-right: 20px;
  overflow: hidden;
}

.category-default {
  color: var(--spot-black);
  text-transform: uppercase;
  background-color: #fff;
  border-radius: 10px;
  margin-right: 20px;
}

.faq-arrow {
  opacity: .6;
}

.navigation-wrapper {
  z-index: 2;
  background-color: #fff;
  position: -webkit-sticky;
  position: sticky;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.navigation-wrapper.non-sticky {
  position: static;
}

.recent-article-item {
  margin-bottom: 20px;
}

.faq-circle-dark {
  width: 40px;
  height: 40px;
  background-color: rgba(0, 0, 0, 0);
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  display: block;
}

.text-block {
  color: var(--spot-blue);
  margin-bottom: 8px;
  font-size: 16px;
  font-weight: 700;
}

.div-block {
  margin-bottom: 10px;
}

.customer-industry {
  color: var(--spot-black);
  margin-bottom: 40px;
  font-size: 18px;
  font-weight: 500;
}

.heading-2 {
  color: var(--spot-black);
  margin-top: 0;
  margin-bottom: 40px;
  font-size: 40px;
  font-weight: 500;
  line-height: 1.2;
}

.paragraph-2 {
  margin-bottom: 40px;
  font-size: 21px;
}

.paragraph-3 {
  color: var(--link-color);
  font-size: 21px;
}

.hero-title {
  color: var(--spot-black);
  text-align: left;
  margin-bottom: 32px;
  font-size: 65px;
  font-weight: 500;
  line-height: 1.06;
}

.hero-title.hero-dark {
  color: var(--spot-black);
}

.hero-title.hero-dark.width-100 {
  width: 100%;
}

.hero-title.text-white {
  text-align: left;
}

.hero-subtitle {
  color: #fff;
  text-align: left;
  margin-bottom: 0;
  font-size: 21px;
}

.hero-subtitle.hero-dark {
  width: auto;
  color: var(--spot-black);
  text-align: center;
}

.hero-subtitle.hero-dark.text-center-mobile {
  text-align: left;
}

.hero-subtitle.hero-dark.text-center-mobile.mb-40 {
  margin-bottom: 20px;
  font-size: 25px;
}

.hero-subtitle.hero-dark.text-center-mobile.left-aligned {
  text-align: left;
}

.hero-subtitle.hero-dark.half-width {
  width: 80%;
}

.hero-subtitle.hero-dark.half-width.left-aligned-desktop {
  text-align: left;
}

.hero-subtitle.hero-dark.width-40 {
  width: 40%;
}

.hero-subtitle.hero-dark.size-30px-and-center-aligned {
  text-align: center;
  font-size: 30px;
}

.hero-subtitle.hero-dark.size-30px-and-center-aligned.colour-white {
  color: #fff;
}

.hero-subtitle.hero-dark.size-30px-and-center-aligned._17px-on-phone.width-477px.em {
  width: auto;
  font-size: 2.1em;
  line-height: 1.49;
}

.hero-subtitle.hero-dark.size-30px-and-center-aligned._17px-on-phone.bottom-margin-58px-40-for-phone {
  margin-bottom: 58px;
}

.hero-subtitle.hero-dark.size-30px-and-center-aligned.width-477px {
  width: 477px;
}

.hero-subtitle.hero-dark.size-30px-and-center-aligned.width-583px {
  width: 540px;
}

.hero-subtitle.hero-dark.size-30px-and-center-aligned.bottom-margin-24px {
  margin-bottom: 24px;
}

.hero-subtitle.hero-dark.size-30px-and-center-aligned.bottom-margin-58px {
  margin-bottom: 58px;
}

.hero-subtitle.hero-dark.top-margin-16px {
  text-align: center;
  margin-top: 16px;
}

.hero-subtitle.hero-dark.bottom-padding-16px {
  margin-bottom: 16px;
}

.hero-subtitle.hero-dark.width-450px {
  width: 450px;
  text-align: center;
}

.button-like-link {
  color: var(--link-color);
  background-color: rgba(0, 0, 0, 0);
  padding-top: 20px;
  padding-bottom: 20px;
  font-size: 21px;
}

.customer-logo {
  height: 50px;
  max-width: 25%;
}

.customer-logo.rm {
  height: 55px;
  max-width: none;
  margin-right: 24px;
}

.customer-logo.rm.right {
  margin-right: 0;
}

.text-large {
  margin-bottom: 0;
  font-size: 40px;
  font-weight: 500;
  line-height: 44px;
}

.heading-6 {
  color: var(--spot-black);
  padding-left: 20px;
  padding-right: 20px;
  font-size: 30px;
  font-weight: 500;
}

.heading-6.pb-24 {
  margin-top: 0;
  margin-bottom: 24px;
}

.grid-three {
  width: 100%;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  align-content: stretch;
  justify-content: stretch;
}

.grid-three.two {
  grid-column-gap: 48px;
  grid-template-columns: 1fr 1fr;
}

.grid-three.mb-32 {
  width: auto;
  grid-template-columns: 340px 340px 340px;
  margin-top: 20px;
}

.image-6 {
  width: 180px;
  height: 180px;
  border-radius: 50%;
  flex: 0 auto;
}

.paragraph-7 {
  margin-bottom: 10px;
  line-height: 31px;
}

.we-are-spot {
  color: #fff;
  margin-bottom: 0;
  font-size: 61px;
  font-weight: 500;
}

.we-are-spot.old {
  color: var(--spot-black);
  margin-bottom: 20px;
}

.customer-subsection {
  font-size: 21px;
}

.bold {
  margin-bottom: 0;
  font-weight: 500;
}

.bold.text-blue {
  font-weight: 500;
}

.grid {
  grid-template-rows: auto;
}

.grid.mb-60 {
  margin-bottom: 60px;
}

.customer-description {
  text-align: left;
  padding-right: 100px;
  line-height: 1.6em;
}

.customer-quotation-1 {
  text-align: left;
  font-size: 40px;
  font-weight: 500;
  line-height: 1.2;
}

.image-7 {
  height: 40px;
  margin-left: auto;
}

.div-block-3 {
  text-align: right;
  border-left: 2px solid #e5e5e5;
  padding-left: 25px;
}

.customer-problem-solution {
  text-align: left;
  background-color: #fff;
  margin-bottom: 60px;
  padding: 60px;
}

.customer-problem-solution.blue-background {
  height: auto;
  background-color: var(--midrange-blue);
  color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}

.customer-problem-solution.blue-background.centered {
  align-items: center;
}

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

.text-white.text-left {
  text-align: left;
  line-height: 1.3em;
}

.text-white.mb-40 {
  color: #fefefe;
  letter-spacing: 0;
}

.text-white.mb-24 {
  margin-bottom: 24px;
}

.text-white.mb-32 {
  margin-bottom: 32px;
}

.text-white.mb-32.med {
  font-weight: 500;
}

.text-white.font-18 {
  font-size: 18px;
}

.text-white.text-center {
  text-align: center;
}

.text-white.text-center.mb-32.height {
  line-height: 31.5px;
}

.text-white.size-54 {
  text-align: left;
  font-size: 54px;
  line-height: 60px;
}

.text-white.size-54.center {
  text-align: center;
  margin-bottom: 32px;
}

.text-white.text-left {
  text-align: left;
  line-height: 1.3em;
}

.text-white.left-aligned {
  text-align: left;
}

.line-break {
  width: 50px;
  height: 2px;
  background-color: #fff;
  margin-top: 20px;
  margin-bottom: 20px;
}

.line-break.black {
  background-color: #000;
}

.grid-of-two {
  width: 100%;
  grid-column-gap: 26px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.grid-of-two.mb-40 {
  width: 90%;
}

.grid-of-two.mb-40.wrap-center {
  width: 100%;
}

.grid-of-two.mb-72 {
  margin-bottom: 72px;
}

.grid-of-two.custom-1 {
  grid-column-gap: 100px;
  grid-template-columns: .75fr 1fr;
}

.grid-of-two.camera {
  width: auto;
  justify-content: center;
  justify-items: center;
  margin-bottom: 24px;
  margin-left: auto;
  margin-right: auto;
}

.careers-icons {
  width: 100%;
  flex: 0 auto;
  justify-content: space-around;
  margin-top: 20px;
  margin-bottom: 40px;
  display: flex;
}

.careers-icons.homepage-icons {
  justify-content: space-between;
  margin-bottom: 0;
  padding-top: 24px;
  padding-bottom: 24px;
}

.careers-icons.homepage-icons.hidden {
  display: none;
}

.careers-icons.closer {
  background-color: #fff;
  border-radius: 5px;
  justify-content: center;
  padding: 9px 0;
  box-shadow: 1px 1px 8px -3px rgba(0, 0, 0, .34);
}

.careers-values-text {
  width: 100%;
  color: #fff;
  margin-bottom: 40px;
}

.careers-value {
  width: 33%;
  padding-left: 30px;
  padding-right: 30px;
}

.careers-value.landing-value {
  padding-left: 20px;
  padding-right: 20px;
}

.careers-values {
  color: #fff;
  text-align: left;
  font-size: 54px;
  line-height: 60px;
}

.heading-10 {
  flex: 1;
}

.careers-benefits-icon {
  width: 125px;
  margin-bottom: 20px;
}

.careers-benefits-icon.small {
  width: 64px;
}

.careers-benefits-icon.large {
  width: 300px;
}

.careers-benefits-icon.medium {
  width: auto;
  height: 80px;
}

.bg-color-blue {
  width: 100%;
  background-color: var(--spot-blue);
  padding: 100px;
}

.bg-color-blue.pricing-form {
  width: 50%;
  border-radius: 5px;
  margin-top: 60px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 40px;
  padding-bottom: 40px;
}

.bg-color-blue.pricing-form-white {
  width: 80%;
  background-color: #fff;
  border-radius: 20px;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding-top: 40px;
  padding-bottom: 40px;
}

.bg-color-blue.pricing-form-white.full-width {
  width: auto;
  padding: 10px 40px 40px;
}

.bg-color-blue.pattern-hardware {
  -webkit-text-fill-color: inherit;
  background-image: url("https://assets-global.website-files.com/5fe2250e2f83cc02cbfefbcf/60f72527f9e8096938781d92_get-camera-system-free-trial%402x.png");
  background-size: cover;
  background-clip: border-box;
  border-radius: 0;
}

.bg-color-blue.pattern-light-blue {
  -webkit-text-fill-color: inherit;
  background-image: url("https://assets-global.website-files.com/5fe2250e2f83cc02cbfefbcf/612f0b60c4d4531ee865376d_bg-quote-light-blue%402x.png");
  background-position: 0 0;
  background-size: cover;
  background-clip: border-box;
  border-radius: 0;
}

.bg-color-blue.pattern-about {
  -webkit-text-fill-color: inherit;
  background-image: url("https://assets-global.website-files.com/5fe2250e2f83cc02cbfefbcf/614804e4cc5fdd70827d5ab7_spot-ai-careers-cta-bg-1440x275%402x.png");
  background-position: 0 0;
  background-size: cover;
  background-clip: border-box;
  border-radius: 0;
}

.bg-color-blue.wavy {
  background-image: url("https://assets-global.website-files.com/5fe2250e2f83cc02cbfefbcf/618e2b5ef7f2f43d289cbabd_pricing-hero-blue-1440x600%402x.jpg");
  background-position: 0 0;
  background-size: cover;
}

.hero-image-container {
  width: 610px;
  height: 100%;
  background-image: url("https://assets-global.website-files.com/5fe2250e2f83cc02cbfefbcf/5fe2250e2f83cc6bdefefe03_customers_overview-hero%402x.png");
  background-position: 50%;
  background-size: cover;
  position: absolute;
  top: 0;
  right: 0;
}

.hero-image-container.bridge33 {
  width: 50%;
  background-image: url("https://assets-global.website-files.com/5fe2250e2f83cc02cbfefbcf/5fe2250e2f83cc4aa2fefe06_bridge_hero%402x.png");
}

.hero-image-container.ohi {
  width: 50%;
  background-image: url("https://assets-global.website-files.com/5fe2250e2f83cc02cbfefbcf/611f5a38595b8d70a9778f94_case-study-hero-ohi%402x.jpg");
  background-position: 100%;
}

.hero-image-container.case-study-dean {
  width: 50%;
  background-image: url("https://assets-global.website-files.com/5fe2250e2f83cc02cbfefbcf/611f5584f2d903e83f4289e5_case-study-hero-dean-technology%402x.jpg");
}

.hero-image-container.case-study-northland {
  width: 50%;
  background-image: url("https://assets-global.website-files.com/5fe2250e2f83cc02cbfefbcf/626c773d12caffbdc7bca7eb_case-study-hero-camelexpress%402x.jpg");
}

.hero-image-container.case-study-northland.northland-image {
  background-image: url("https://assets-global.website-files.com/5fe2250e2f83cc02cbfefbcf/6123286213aab433c185617e_spot-northland-cold-storage-food-security-1440x600%402x.jpg");
}

.hero-image-container.width-50 {
  width: 50%;
  background-position: 100%;
}

.slider-2 {
  background-color: rgba(0, 0, 0, 0);
}

.hidden {
  display: none;
}

.hidden.w--redirected-checked {
  overflow: hidden;
}

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

.careers-values-wrap {
  justify-content: space-between;
  display: flex;
}

.careers-benefits-holder {
  max-width: 33%;
  flex-direction: column;
  align-items: center;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.careers-benefits-holder.center {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.field-label {
  color: #fff;
  text-align: left;
  font-weight: 400;
}

.field-label.dark {
  color: var(--spot-black);
}

.field-label.dark.all-cap {
  text-transform: uppercase;
}

.field-label.dark {
  color: #353d48;
}

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

.form-grid.mb-10 {
  margin-bottom: 10px;
}

.form-holder.first {
  margin-bottom: 26px;
}

.text-field-2 {
  border-radius: 5px;
  margin-bottom: 40px;
}

.paragraph-12 {
  color: var(--dim-grey);
  font-size: 21px;
  font-weight: 500;
}

.paragraph-12.black {
  color: var(--spot-black);
  font-weight: 400;
}

.paragraph-12.black.center-aligned {
  text-align: center;
}

.customer-problem-heading {
  color: var(--spot-black);
  font-size: 40px;
  font-weight: 500;
}

.customer-problem-heading.text-white {
  color: #fff;
}

.customer-problem-heading.text-white.left-aligned {
  text-align: left;
}

.h2-large {
  color: var(--spot-black);
  margin-top: 32px;
  margin-bottom: 32px;
  font-size: 54px;
  font-weight: 500;
  line-height: 60px;
}

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

.h2-large.text-white._0-tm {
  margin-top: 0;
}

.h2-large.text-white._0-tm.width-806px {
  width: 806px;
}

.h2-large.text-white._0-tm.width-578px {
  width: 578px;
}

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

.h2-large.text-center._40 {
  margin-bottom: 24px;
  font-size: 40px;
  line-height: 46px;
}

.h2-large.text-center._40.no-tm {
  margin-top: 20px;
}

.h2-large.text-center._40.no-m-tm {
  text-transform: uppercase;
  font-size: 18px;
  line-height: 27px;
}

.h2-large.text-center.bottom-margin-40px {
  margin-bottom: 40px;
}

.h2-large.text-center.bottom-margin-40px.colour-white {
  color: #fff;
}

.h2-large.content-wrap-centre.wide {
  width: 960px;
  max-width: none;
}

.h2-large.content-wrap-centre.wide._50 {
  width: 840px;
}

.h2-large.content-wrap-centre.wide._50.paragraph-white {
  color: #fff;
}

.h2-large.inline {
  font-weight: 400;
  display: inline;
}

.h2-large.inline.capitalize {
  text-transform: uppercase;
}

.h2-large.m-hidden {
  display: none;
}

.h2-large.no-mb {
  margin-bottom: 0;
}

.h2-large.no-mb.no-tp.less-wide {
  width: 70%;
}

.h2-large.no-mb.no-tp.lm {
  margin-bottom: 30px;
}

.h2-large.text-faint-blue {
  color: var(--gainsboro);
}

.h2-large.wider {
  width: 840px;
}

.h2-large.changed-top-bottom-pading.width-680px {
  width: 680px;
}

.h2-large.changed-top-bottom-pading.width-540px {
  width: 540px;
}

.h2-large.changed-top-bottom-pading.width-528px {
  width: 528px;
}

.h2-large.changed-top-bottom-pading.width-528px.em {
  width: auto;
  font-size: 3.75em;
  line-height: 1.11;
}

.h2-large.changed-top-bottom-pading.width-428px {
  width: 428px;
}

.h2-large.changed-margin {
  margin-top: 0;
  margin-bottom: 64px;
}

.h2-large.width-620px {
  width: 620px;
}

.h2-large.width-620px.bottom-margin-64px {
  width: 646px;
  margin-top: 0;
  margin-bottom: 64px;
}

.h2-large.no-top-bottom-padding {
  margin-top: 0;
  margin-bottom: 0;
}

.h2-large.no-top-bottom-padding.bottom-margin-16px {
  margin-bottom: 16px;
}

.mb-40 {
  color: var(--spot-black);
  margin-bottom: 40px;
}

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

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

.nav-link-box {
  padding-top: 10px;
  padding-left: 24px;
  padding-right: 24px;
}

.nav-link-box.is-hidden {
  display: none;
}

.grid---why-spot {
  grid-column-gap: 72px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.5fr;
}

.grid---why-spot.v2 {
  grid-column-gap: 24px;
  grid-template-columns: 1fr 1.35fr;
}

.grid---why-spot.v2.reverse {
  grid-template-columns: 1.35fr 1fr;
}

.grid---why-spot.inverted {
  grid-template-columns: 1.5fr 1fr;
}

.why-spot-question-title {
  color: var(--spot-black);
  font-size: 21px;
  font-weight: 500;
}

.why-spot-question-bar {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.why-spot-accordion-content {
  max-height: 0;
  transition: max-height .2s;
  overflow: hidden;
}

.why-spot-accordion-content.first {
  height: auto;
  overflow: hidden;
}

.why-spot-paragraph {
  margin-bottom: 0;
  padding-top: 16px;
  line-height: 31px;
}

.why-spot-paragraph._18px {
  font-size: 18px;
}

.why-spot-heading {
  margin-bottom: 32px;
  font-size: 40px;
  line-height: 1.1em;
}

.why-spot-heading.text-white.width-70 {
  width: 80%;
}

.why-spot-heading.text-white.width-70.bottom-margin-64px {
  margin-bottom: 64px;
}

.why-spot-heading.left-aligned {
  text-align: left;
}

.why-spot-heading.lower-margin-64px {
  margin-bottom: 64px;
}

.why-spot-heading.width-50 {
  width: 65%;
}

.why-spot-heading.width-50.bottom-margin-64px {
  margin-bottom: 64px;
}

.why-spot-heading.width-50.bottom-margin-64px.max-width-540px {
  max-width: 540px;
}

.why-spot-heading.bottom-margin-24px {
  margin-bottom: 24px;
}

.why-spot-heading.width-33 {
  width: 46%;
}

.form-2 {
  flex-wrap: wrap;
  justify-content: center;
  display: flex;
}

.get-access-button {
  width: 220px;
  height: 60px;
  background-color: var(--spot-blue);
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  font-size: 18px;
  font-weight: 500;
}

.get-access-button.purple {
  background-color: var(--uc-purple);
  color: #fff;
}

.get-access-button.purple.new {
  justify-content: center;
  align-items: center;
  display: flex;
}

.get-access-button.yellow {
  background-color: var(--uc-yellow);
  color: #fff;
}

.get-access-button.green {
  background-color: var(--uc-green);
  color: #fff;
}

.get-access-button.green.new {
  width: 250px;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.get-access-button.green.new.blue {
  background-color: var(--spot-blue);
}

.careers-benefits-bold {
  margin-top: 0;
  font-size: 30px;
}

.use-cases-solutions {
  flex-direction: column;
  align-items: center;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.use-cases-solutions.new {
  border: 1px solid #0bad95;
  border-radius: 8px;
  padding: 42px;
}

.use-cases-solutions.new.green {
  box-shadow: 6px 6px rgba(11, 173, 149, .5);
}

.use-cases-solutions.new.yellow {
  box-shadow: 6px 6px 0 0 var(--uc-yellow);
  border-color: #faa41a;
}

.use-cases-solutions.new.yellow.inverted {
  box-shadow: 6px 6px rgba(250, 164, 26, .5);
}

.use-cases-solutions.new.purple {
  border-color: var(--uc-purple);
  box-shadow: 6px 6px rgba(168, 85, 255, .5);
}

.use-cases-hero-image {
  max-height: 600px;
  margin-bottom: 0;
}

.use-cases-hero-image.m-hidden {
  max-height: 500px;
  display: inline-block;
}

.use-cases-hero-image.m-hidden.smaller {
  width: 100%;
}

.use-cases-hero-image.width-large-80 {
  margin-top: 20px;
}

.use-cases-quote-grid {
  grid-column-gap: 100px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 2.4fr;
}

.use-cases-quote-grid.wide {
  width: 940px;
}

.use-cases-quotation {
  text-align: left;
}

.use-cases-quote-image-div {
  width: 100%;
  height: 240px;
  background-color: #fff;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  display: flex;
  box-shadow: 3px 3px 4px rgba(0, 0, 0, .1);
}

.image-9 {
  width: 170px;
  margin-top: auto;
  margin-bottom: auto;
}

.link-3 {
  line-height: 25px;
}

.link-3.purple {
  color: var(--uc-purple);
}

.link-3.green {
  color: var(--uc-green);
}

.home-features-grid {
  grid-column-gap: 32px;
  grid-template-rows: auto;
  grid-template-columns: 1.75fr 1fr;
}

.home-features-grid.grid-right {
  grid-template-columns: 1fr 1.5fr;
}

.feature-title-wrap {
  color: var(--spot-black);
  text-align: left;
  flex-wrap: wrap;
  display: block;
}

.text-span-3 {
  color: var(--spot-blue);
  line-height: 1;
}

.feature-item {
  min-width: 51%;
  background-color: #fff;
  border-radius: 5px;
  margin-bottom: 24px;
  padding: 8px 16px;
  display: inline-block;
  box-shadow: 3px 3px 4px rgba(0, 0, 0, .1);
}

.feature-item.w--current {
  background-color: #fff;
}

.feature-item.homepage {
  padding-top: 24px;
  padding-left: 24px;
  padding-right: 24px;
  box-shadow: 3px 3px 4px 4px rgba(0, 0, 0, .1);
}

.feature-item-text {
  margin-bottom: 0;
  display: inline;
}

.feature-item-text.product-grid-title {
  color: var(--spot-blue);
  font-weight: 500;
}

.feature-item-text.lh-24 {
  display: inline-block;
}

.feature-item-icon {
  width: 24px;
  height: 24px;
  margin-right: 10px;
  display: inline-block;
}

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

.homepage-icons {
  justify-content: space-around;
  padding-top: 50px;
  padding-bottom: 50px;
  display: flex;
}

.homepage-quotes {
  width: 100%;
  background-color: rgba(0, 0, 0, 0);
  overflow: hidden;
}

.homepage-quotes.m-hidden {
  height: 360px;
}

.homepage-quotes.desktop-hidden {
  display: none;
}

.homepage-quotes-grid {
  grid-column-gap: 24px;
  grid-template-rows: auto;
}

.homepage-quote-wrap {
  min-height: 320px;
  text-align: center;
  background-color: #fff;
  border-radius: 5px;
  padding: 50px;
  box-shadow: 3px 3px 4px rgba(0, 0, 0, .1);
}

.feature-action-keyword {
  color: var(--spot-blue);
  font-size: 100px;
  line-height: 1;
}

.feature-title {
  font-size: 65px;
}

.use-cases-subscription-form {
  margin-bottom: 0;
}

.section-tag {
  letter-spacing: .9px;
  text-transform: uppercase;
  margin-bottom: 24px;
  margin-left: auto;
  margin-right: auto;
  font-size: 18px;
  font-weight: 500;
}

.use-cases-hero-image-wrap {
  width: 40%;
  height: 100%;
  position: absolute;
  top: 60px;
  right: 0;
}

.use-cases-hero-image-wrap.pt-0 {
  width: 40%;
  text-align: left;
  flex: 0 auto;
  align-self: auto;
  padding-top: 100px;
  display: block;
}

.use-cases-hero-image-wrap.pr-small {
  padding-right: 30px;
}

.use-cases-hero-image-wrap.pt-20 {
  width: 40%;
  align-self: auto;
  padding-top: 20px;
  top: 0;
}

.use-cases-hero-image-wrap.pt-20.m-hidden {
  display: block;
  overflow: hidden;
}

.use-cases-hero-image-wrap.pt-20.m-hidden.hero-image-wrap-large {
  z-index: 0;
  width: 50%;
  max-width: 800px;
}

.use-cases-hero-image-wrap.pt-20.m-hidden.hero-image-wrap-large.pt-60 {
  max-width: 690px;
  padding-top: 60px;
}

.use-cases-hero-image-wrap.pt-20.hero-image-wrap-large {
  width: 50%;
  max-width: 800px;
}

.use-cases-hero-image-wrap.larger {
  width: 55%;
}

.use-cases-hero-image-wrap.larger.relative-position {
  width: 50%;
  display: flex;
  position: relative;
}

.use-cases-hero-image-wrap.mr-40 {
  margin-right: 40px;
}

.use-cases-hero-image-wrap.mr-40.flex {
  height: auto;
  align-items: center;
  display: flex;
}

.use-cases-hero-image-wrap.right-aligned {
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.hero-column-use-cases {
  width: 50%;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding-right: 40px;
  display: flex;
}

.hero-column-use-cases.left-align {
  width: 55%;
}

.hero-column-use-cases.landing-hero-left {
  justify-content: flex-start;
  padding-top: 20px;
}

.hero-column-use-cases.wider {
  width: 55%;
}

.hero-column-use-cases.ewider {
  width: auto;
  padding-right: 0;
}

.content-section-pattern-image {
  z-index: -1;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.content-section-pattern-image.top-300 {
  top: 300px;
}

.content-section-pattern-image.top-negative-100 {
  top: -100px;
}

.content-section-pattern-image.top-100 {
  top: 100px;
}

.content-section-pattern-image.h-100 {
  height: 100%;
}

.content-section-pattern-image.h-100.m-hidden {
  display: block;
}

.text-block-4 {
  margin-bottom: 0;
  text-decoration: none;
  display: inline-block;
}

.text-block-4.no-line {
  text-decoration: none;
}

.text-block-4.size-12px {
  font-size: 12px;
}

.text-block-4.colour-white {
  color: var(--light-grey);
}

.text-block-4.left-aligned {
  text-align: left;
}

.text-block-4.no-bottom-margin {
  flex: none;
  margin-bottom: 0;
}

.text-block-4.no-bottom-margin.colour-blue {
  color: var(--spot-blue);
  text-align: center;
}

.text-block-4.prompt-data-link {
  font-size: 16px;
}

.text-block-4.prompt-data-link.size-21px {
  font-size: 21px;
}

.text-block-4.link-block {
  color: var(--spot-blue);
  font-size: 20px;
}

.text-block-4.link-block.top-margin-8px._18px, .text-block-4._18px {
  font-size: 18px;
}

.text-block-4._21px {
  font-size: 21px;
}

.text-block-4.blue {
  color: var(--spot-blue);
}

.image-11 {
  width: 25px;
  margin-right: 8px;
}

.image-12 {
  margin-left: 16px;
}

.mask-2 {
  padding-left: 60px;
  padding-right: 60px;
}

.text-with-image {
  text-align: center;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: flex;
}

.text-with-image.mb-32 {
  justify-content: center;
  display: block;
}

.text-with-image.text-left {
  align-items: center;
}

.text-with-image.mb-8 {
  margin-bottom: 8px;
}

.text-with-image.flex {
  display: flex;
}

.text-with-image.mb-32 {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.text-with-image.center {
  justify-content: center;
}

.background-video {
  width: 100%;
  height: 600px;
}

.mb-32 {
  margin-bottom: 32px;
  line-height: 28px;
}

.mb-32.bold {
  margin-bottom: 10px;
}

.mb-32.bold.left-aligned {
  text-align: left;
  margin-bottom: 32px;
  font-size: 30px;
  line-height: 36px;
}

.mb-32.bold._30 {
  color: #353d48;
  margin-top: 36px;
  margin-bottom: 36px;
  font-size: 30px;
  line-height: 36px;
}

.mb-32.bold._30.center {
  width: auto;
  color: #353d48;
  margin-left: auto;
  margin-right: auto;
}

.mb-32._65 {
  line-height: 72px;
}

.mb-32._65.left-aligned {
  width: 90%;
  text-align: left;
  border-radius: 5px;
}

.mb-32._65.left-aligned.width-530px {
  width: 530px;
}

.mb-32.left-aligned {
  width: 90%;
  text-align: left;
}

.mb-32.left-aligned.width-520px {
  width: 520px;
}

.mb-32.left-aligned.size-24px {
  font-size: 24px;
}

.mb-32._65 {
  line-height: 72px;
}

.mb-32.bold-width-335px {
  width: 335px;
  font-weight: 700;
}

.mb-32.bold-width-335px.lower-margin-8px {
  margin-bottom: 8px;
}

.text-span-4 {
  color: var(--spot-blue);
}

.slider-arrow {
  margin-top: auto;
  margin-bottom: auto;
  display: block;
  position: absolute;
  top: 40%;
}

.slider-arrow.right {
  right: 0;
}

.slider-arrow.left {
  left: 0;
}

.select-field {
  border-radius: 5px;
}

.text-input {
  background-color: #fff;
  border-radius: 5px;
}

.grid-3 {
  grid-template-rows: auto;
  grid-template-columns: 1.8fr 1fr;
  margin-bottom: 34px;
}

.checkbox-label {
  color: #fff;
  text-align: left;
}

.checkbox-field-2 {
  text-align: left;
}

.container-full-width {
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
}

.container-full-width.grid {
  max-width: 1140px;
  grid-column-gap: 48px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 20px;
  margin-bottom: 20px;
  display: grid;
}

.container-full-width.grid.m-only {
  display: none;
}

.submit-arrow {
  position: absolute;
  right: 20px;
}

.text-span-5, .text-span-6, .text-span-7, .text-span-8, .text-span-9, .text-span-10, .text-span-11 {
  color: var(--spot-blue);
}

.mobile-slide {
  margin-right: 80px;
}

.faq-pricing {
  padding-top: 24px;
  padding-bottom: 24px;
  padding-left: 60px;
}

.mobile-nav-link.hide-blog {
  display: none;
}

.lightbox-link {
  text-align: center;
  align-items: center;
  margin-left: 20px;
  display: flex;
}

.mobile-hero-video, .m-hidden {
  display: none;
}

.m-hidden.use-cases-hero-image {
  width: auto;
}

.m-hidden.use-cases-hero-image._50 {
  width: 50%;
  max-height: none;
}

.m-hidden.use-cases-hero-image.full {
  width: 615px;
  max-height: none;
}

.image-slider-nav {
  bottom: -40px;
}

._w-100 {
  width: 100%;
  grid-column-gap: 48px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 2.5fr;
}

._w-100.heading-54 {
  margin-bottom: 40px;
}

.mobile-only {
  display: none;
}

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

.text-left.heading-changes ol {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  list-style-type: decimal;
  display: block;
}

.header-customers {
  background-color: var(--spot-blue);
  padding: 100px 5% 0;
  position: relative;
  overflow: hidden;
}

.header-customers.header-light {
  background-color: var(--blue-light);
}

.header-customers.bg-customers {
  background-image: linear-gradient(rgba(53, 61, 72, .8), rgba(53, 61, 72, .8)), url("https://assets-global.website-files.com/5fe2250e2f83cc02cbfefbcf/612328973f14e5ec2243c5e7_spot-dean-technology-cmmc-compliance-1440x600%402x.jpg");
  background-position: 0 0, 50%;
  background-size: auto, cover;
}

.image-slider {
  width: 100%;
  height: auto;
  max-width: 720px;
  background-color: rgba(0, 0, 0, 0);
  margin-left: auto;
  margin-right: auto;
}

.full-slider-image {
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.feature-content {
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 64px;
  position: relative;
}

.feature-content.large-padding {
  padding-top: 24px;
  padding-bottom: 24px;
}

.feature-content.with-blue-border {
  margin-top: 24px;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 80px;
}

.why-spot-feature-icon {
  width: 24px;
  height: 24px;
  position: absolute;
  top: 10px;
  left: 24px;
}

.why-spot-feature-icon.large-padding {
  top: 24px;
}

.mb-0 {
  margin-bottom: 0;
}

.pricing-hero-block {
  background-color: #fff;
  border-radius: 5px;
  margin-bottom: 32px;
  padding: 8px 24px;
  font-size: 21px;
  display: flex;
  box-shadow: 3px 3px 4px rgba(0, 0, 0, .1);
}

.pricing-hero-value {
  color: var(--spot-blue);
  margin-bottom: 0;
  font-weight: 500;
  display: inline-block;
}

.pricing-hero-icon {
  width: 24px;
  height: 24px;
  margin-right: 8px;
}

.product-grid {
  width: 100%;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
}

.product-grid-inner {
  grid-column-gap: 80px;
  grid-row-gap: 56px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-left: 0;
  padding-right: 0;
  display: grid;
}

.product-grid-features {
  color: #fff;
  padding-left: 20px;
  padding-right: 22px;
}

.models-grid {
  width: 100%;
  grid-column-gap: 48px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.models-grid.mt-40 {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  align-items: start;
  margin-top: 40px;
}

.models-grid.mt-40.top-margin-44px {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  margin-top: 44px;
}

.models-grid.mt-40.top-margin-44px.div-stretch {
  align-items: stretch;
}

.models-grid.mt-40.top-margin-44px._2-reviews {
  grid-template-columns: 1fr 1fr;
  align-items: stretch;
}

.models-grid.mt-40._3-columns {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.model-card {
  background-color: #fff;
  border-radius: 5px;
  padding: 48px;
  box-shadow: 3px 3px 4px 4px rgba(0, 0, 0, .1);
}

.model-icon-with-num {
  border: 1px solid #000;
  border-radius: 5px;
  margin-bottom: 32px;
  margin-right: 8px;
  padding: 12px;
  display: inline-block;
}

.model-icon {
  width: 24px;
  height: 24px;
  margin-right: 0;
}

.model-icon-text {
  font-size: 21px;
  display: inline;
}

.security-tabs {
  width: 100%;
  max-width: 996px;
  margin-left: auto;
  margin-right: auto;
}

.security-tabs-grid {
  grid-column-gap: 32px;
  grid-template-rows: auto;
}

.security-tab-heading {
  color: var(--spot-black);
  margin-bottom: 8px;
  font-size: 21px;
  font-weight: 500;
}

.security-tabs-menu {
  margin-bottom: 56px;
}

.security-tabs-content {
  overflow: visible;
}

.security-tabs-hero-image {
  width: 630px;
  margin-bottom: 32px;
}

.security-tabs-hero-image.m-hidden {
  display: block;
}

.security-tabs-hero-image.m-hidden.full {
  width: auto;
}

.security-tabs-item {
  background-color: #fff;
  border-radius: 5px;
  margin-bottom: 32px;
  padding: 24px;
  box-shadow: 3px 3px 4px rgba(0, 0, 0, .1);
}

.security-tabs-link {
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0);
  margin-right: 72px;
  padding: 8px 16px;
}

.security-tabs-link.w--current {
  color: var(--spot-blue);
  background-color: #fff;
  border-radius: 5px;
  font-weight: 500;
  box-shadow: 3px 3px 4px rgba(0, 0, 0, .1);
}

.security-tabs-link.last {
  margin-right: 0;
}

.security-caret {
  color: var(--spot-black);
  font-weight: 500;
  line-height: 1.8em;
  position: absolute;
  top: 10px;
  right: -50px;
}

.navigation-block {
  width: 50px;
  height: 50px;
  background-color: #fff;
  border-radius: 50px;
  margin-top: 56px;
  margin-left: auto;
  margin-right: auto;
}

.why-spot-suffix {
  color: var(--spot-black);
  font-size: 26px;
  transition: transform .2s;
  position: absolute;
  top: 24px;
  right: 24px;
}

.use-cases-solutions-image {
  width: 240px;
}

.install-slider {
  width: 100%;
  height: 610px;
  background-color: rgba(0, 0, 0, 0);
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
}

.install-slider.m-hidden {
  max-width: 1920px;
  background-color: #fff;
  display: flex;
  overflow: hidden;
}

.install-slider.m-hidden.absolute-bottom {
  position: absolute;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.install-slider.mobile-only.show-desktop {
  display: block;
  overflow: visible;
}

.install-slider-card {
  width: 360px;
  height: 100%;
  text-align: center;
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 3px 3px 4px rgba(0, 0, 0, .1);
}

.install-slide {
  cursor: pointer;
  margin-left: 12px;
  margin-right: 12px;
}

.mask-4 {
  width: 500px;
  height: 550px;
  margin-left: auto;
  margin-right: auto;
  overflow: visible;
}

.mask-4.side-margin-3 {
  margin-left: 3%;
}

.install-slide-image {
  width: 100%;
  height: 280px;
  margin-bottom: 16px;
}

.install-slide-number {
  color: var(--spot-blue);
  text-align: center;
  margin-bottom: 8px;
  font-size: 30px;
  font-weight: 500;
  line-height: 36px;
}

.install-slide-title {
  margin-bottom: 8px;
  font-weight: 500;
}

.install-slide-content {
  margin-bottom: 0;
  padding-left: 20px;
  padding-right: 20px;
}

.paragraph-15 {
  margin-bottom: 0;
  margin-right: 10px;
  display: inline-block;
}

.landing-feature-block {
  margin-bottom: 32px;
}

.landing-feature-image {
  width: 32px;
  height: 32px;
  margin-bottom: 8px;
}

.landing-feature-card {
  background-color: #f5f5f5;
  border-radius: 5px;
  padding: 48px 70px;
  box-shadow: 3px 3px 4px rgba(0, 0, 0, .1);
}

.landing-feature-card.card-white {
  background-color: #fff;
}

.landing-feature-card.card-white-2 {
  background-color: #fafafa;
  padding-left: 65px;
  padding-right: 65px;
}

.landing-feature-card.padding-less {
  padding-left: 50px;
  padding-right: 50px;
}

.form-header {
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 16px;
}

.form-icons {
  justify-content: space-between;
  margin-bottom: 44px;
  padding-top: 24px;
  padding-bottom: 24px;
  display: flex;
}

.form-icon {
  height: 33px;
}

.landing-form {
  max-width: 460px;
  background-color: var(--spot-blue);
  text-align: right;
  border-radius: 5px;
  margin-top: 0;
  padding: 50px;
}

.landing-form.pt-0 {
  padding-top: 0;
}

.landing-form.pt-0.pb-0 {
  padding-bottom: 0;
}

.landing-tag-image {
  max-height: 75px;
}

.text-block-11 {
  align-self: center;
}

.footer-form-holder {
  width: 100%;
  margin-bottom: 16px;
  display: flex;
}

.g2-review {
  background-color: #fff;
  border: 1px solid #ebebeb;
  border-radius: 5px;
  flex-direction: column;
  align-items: center;
  padding: 32px 30px;
  display: flex;
  box-shadow: 3px 3px 4px rgba(0, 0, 0, .1);
}

.g2-review.no-shadow {
  box-shadow: none;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #c4c4c4;
}

.g2-review.height-100 {
  height: 100%;
}

.g2-review.customised-for-pricing {
  width: 500px;
  height: 100%;
  justify-content: center;
}

.g2-logo {
  width: 68px;
  margin-bottom: 24px;
}

.g2-stars {
  height: 24px;
  margin-bottom: 20px;
}

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

.g2-review-text {
  max-width: 200px;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
  font-weight: 500;
}

.g2-review-text.changed-max-width {
  max-width: 400px;
  font-weight: 500;
}

.form-recaptcha {
  margin-bottom: 40px;
  margin-left: auto;
  margin-right: auto;
}

.form-recaptcha.tm-20 {
  margin-top: 30px;
  margin-bottom: 30px;
}

.landing-check-icon {
  position: absolute;
  left: 0;
}

.landing-check-text {
  text-align: left;
  margin-bottom: 0;
  margin-left: 34px;
}

.landing-check-container {
  position: relative;
}

.mid-page-cta-form {
  width: 400px;
  height: 60px;
  border-radius: 5px 0 0 5px;
  margin-bottom: 24px;
  padding-left: 24px;
  font-size: 18px;
  box-shadow: 3px 3px 4px rgba(0, 0, 0, .1);
}

.lp-hero-icon {
  height: 50px;
  margin-right: 48px;
}

.landing-btf-text {
  border-left: 3px none var(--button-hover);
  text-align: left;
  padding-left: 80px;
  position: relative;
}

.form-lp-small-cta {
  width: 100%;
  flex-wrap: wrap;
  justify-content: center;
  display: flex;
}

.form-lp-cta-input {
  width: 400px;
  height: 75px;
  border-radius: 5px 0 0 5px;
  margin-bottom: 0;
  padding-left: 24px;
  font-size: 18px;
  box-shadow: 3px 3px 4px rgba(0, 0, 0, .1);
}

.lp-cta-form-holder {
  margin-bottom: 0;
}

.form-lp-cta-submit {
  width: auto;
  height: 75px;
  background-color: var(--spot-blue);
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  margin-right: 32px;
  padding-left: 32px;
  padding-right: 32px;
  font-size: 18px;
  font-weight: 500;
  box-shadow: 3px 3px 4px rgba(0, 0, 0, .1);
}

.vertical-rule-blue {
  width: 3px;
  height: 100%;
  background-color: var(--button-hover);
  border-radius: 3px;
  position: absolute;
  top: 0;
  left: 40px;
}

.vertical-rule-blue.left-0 {
  left: 0;
}

.vertical-rule-blue.first {
  top: 100px;
}

.vertical-rule-blue.last {
  height: 100px;
}

.paragraph-16 {
  text-align: center;
}

.bg-transparent {
  background-color: rgba(0, 0, 0, 0);
}

.center {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.paragraph-17 {
  text-align: left;
  margin-right: -3px;
}

.heading-13 {
  text-align: center;
  margin-top: 28px;
  margin-bottom: 85px;
}

.paragraph-18 {
  color: var(--spot-black);
  margin-bottom: 40px;
}

.heading-14 {
  color: var(--spot-black);
  font-size: 54px;
  line-height: 60px;
}

.form-3 {
  text-align: center;
}

.form-with-blue-background {
  width: 100%;
  grid-column-gap: 60px;
  grid-row-gap: 16px;
  background-color: var(--link-color);
  border-radius: 5px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding: 50px;
  display: grid;
}

.form-slider {
  width: 100%;
  height: auto;
  background-color: var(--spot-blue);
}

.form-block-2 {
  text-align: center;
}

.slider-form-container {
  max-width: 720px;
  background-color: var(--spot-blue);
  margin-left: auto;
  margin-right: auto;
  padding: 40px;
}

.vertical-rule-num {
  width: 40px;
  height: 40px;
  background-color: var(--spot-blue);
  color: #fff;
  text-align: center;
  border-radius: 50%;
  line-height: 40px;
  position: absolute;
  top: 90px;
  left: -18px;
}

.g2-square-holder {
  border: 1px solid #c4c4c4;
  border-radius: 5px;
  margin-top: 20px;
  padding: 24px 70px;
}

.col-count-2 {
  color: var(--spot-black);
}

.header-pattern-image {
  z-index: -1;
  width: 100%;
  height: 110%;
  position: absolute;
  top: -60px;
  left: 0;
}

.header-pattern-image.m-none {
  height: 110%;
  object-fit: cover;
  object-position: 50% 0%;
}

.header-pattern-image.m-none.lesser-height {
  height: 102%;
  margin-top: 61px;
}

.header-pattern-image.m-none._0-tm {
  top: 0;
}

.header-pattern-image.m-none.lesser {
  height: 120%;
}

.header-pattern-image.m-none.full {
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.header-pattern-image.m-none.new {
  height: 100%;
}

.hero-subtitle-lp {
  color: #fff;
  text-align: left;
  margin-bottom: 40px;
  font-size: 28px;
  line-height: 35px;
}

.lp-solutions-image {
  width: 140px;
  margin-bottom: 14px;
}

.text-field-4 {
  border-radius: 5px;
  margin-bottom: 26px;
}

.text-field-4.no-bottom-margin {
  margin-bottom: 0;
}

.text-field-4.bottom-margin-24px {
  margin-bottom: 24px;
}

.hero-bttn-background {
  max-width: 100%;
  min-width: 450px;
  background-color: #fff;
  border-radius: 5px;
  padding: 16px;
}

.hero-bttn-background._10-border {
  border-radius: 10px;
  padding-bottom: 16px;
}

.hero-bttn-background._10-border.middle {
  width: 500px;
  max-width: none;
  min-width: auto;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 20px;
}

.hero-bttn-background._10-border.middle.hidden {
  display: none;
}

.hero-bttn-background._10-border.middle.absolute {
  height: 300px;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.hero-bttn-background._10-border.middle.relative {
  position: relative;
}

.hero-bttn-background.horizontal {
  background-color: rgba(0, 0, 0, 0);
  align-items: center;
  padding: 0;
  display: flex;
}

.hero-bttn-background.horizontal.hidden {
  display: block;
}

.hero-bttn-background.blue {
  background-color: #d8ebfb;
}

.list-item-2, .list-item-3, .list-item-4, .list-item-5, .list-item-6, .list-item-7, .list-item-8, .list-item-9, .list-item-10, .list-item-11, .list-item-12 {
  color: var(--spot-black);
}

.list-item-13 {
  color: var(--spot-black);
  font-size: 20px;
}

.list-item-14 {
  color: var(--spot-black);
}

.grid---lp-feature {
  grid-column-gap: 60px;
  grid-template-rows: auto;
  grid-template-columns: 1.3fr 1fr;
}

.hero-title-small {
  color: #fff;
  text-align: left;
  margin-bottom: 32px;
  font-size: 54px;
  font-weight: 500;
  line-height: 1.06;
}

.hero-title-small.paragraph-black {
  color: var(--spot-black);
  margin-top: 10px;
  margin-bottom: 30px;
}

.hero-title-small.hero-subtitle {
  color: var(--spot-black);
  margin-top: 10px;
  margin-bottom: 32px;
  font-size: 30px;
  line-height: 36px;
}

.hero-title-small.hero-subtitle._0lm {
  margin-bottom: 10px;
}

.hero-title-small.bigger {
  width: auto;
  color: var(--spot-black);
  text-align: center;
  margin-bottom: 20px;
  font-size: 65px;
  line-height: 71.5px;
}

.hero-title-small.bigger.width-140 {
  width: 100%;
}

.hero-title-small.bigger.width-140.bottom-margin-40px {
  margin-bottom: 40px;
}

.hero-title-small.bigger.width-140.bottom-margin-40px.left-aligned {
  text-align: left;
}

.hero-title-small.bigger.width-140.bottom-margin-40px.left-aligned.bottom-margin-24-on-phone {
  width: 100%;
}

.hero-title-small._65 {
  color: var(--spot-black);
  font-size: 65px;
}

.hero-title-small._65.width-40 {
  width: 40%;
}

.header-lp-blue {
  background-color: rgba(0, 0, 0, 0);
  padding: 100px 5%;
  position: relative;
  overflow: visible;
}

.header-lp-blue.pb-96 {
  padding-top: 96px;
}

.header-lp-blue.full-height {
  height: 90vh;
  padding-top: 100px;
}

.header-lp-blue.webinars, .header-lp-blue.support {
  padding-top: 60px;
  padding-bottom: 60px;
}

.header-lp-blue.support.m-lesser-m {
  background-color: #fafafa;
}

.header-lp-blue.support.m-lesser-m.white {
  background-color: #fff;
}

.header-lp-blue.support.lesser-lm {
  padding-bottom: 0;
}

.header-lp-blue.support.bg {
  background-image: url("https://assets-global.website-files.com/5fe2250e2f83cc02cbfefbcf/61ea6adfde5efd07b83af14a_bg-support-hero%402x.png");
  background-position: 0 0;
  background-size: cover;
  padding-top: 128px;
  padding-bottom: 128px;
}

.header-lp-blue.support.bg.no-overflow {
  overflow: hidden;
}

.header-lp-blue.grey {
  background-color: #f5f5f7;
  padding-top: 40px;
  padding-bottom: 40px;
}

.header-lp-blue.pb-96 {
  background-color: rgba(0, 0, 0, 0);
  padding-top: 96px;
}

.header-lp-blue.pb-96.background-black {
  background-color: #353d48;
}

.hero-video {
  width: 97%;
  height: 32vw;
}

.italic-text, .italic-text-2, .italic-text-3 {
  font-size: 28px;
  line-height: 1em;
}

.header-pattern-image-overlapping {
  z-index: -1;
  width: 100%;
  height: 120%;
  position: absolute;
  top: -60px;
  left: 0;
}

.blog-list-title {
  color: var(--spot-black);
  font-weight: 400;
}

.text-small {
  font-size: 14px;
}

.header-blog {
  height: 560px;
  position: relative;
}

.blog-heading {
  margin-bottom: 40px;
  font-size: 40px;
  font-weight: 400;
}

.header-blog-slider {
  height: 100%;
}

.header-blog-slide {
  background-color: var(--spot-black);
}

.blog-home-heading {
  color: #fff;
  font-size: 48px;
  font-weight: 400;
}

.blog-home-category {
  color: #fff;
  text-transform: uppercase;
  margin-bottom: 24px;
  font-size: 18px;
}

.button-cta-blog {
  color: #fff;
  background-color: rgba(0, 0, 0, 0);
  border: 2px solid #fff;
  border-radius: 5px;
  padding: 15px;
  font-size: 24px;
  font-weight: 400;
  transition: all .2s;
}

.button-cta-blog:hover {
  color: var(--spot-blue);
  background-color: #fff;
}

.blog-slider-img-container {
  width: 100%;
  height: 100%;
  background-image: url("https://assets-global.website-files.com/5fe2250e2f83cc02cbfefbcf/60f84286ac75c85df7efc925_portrait.jpg");
  background-position: 50%;
  background-size: cover;
  padding-top: 160px;
  position: relative;
}

.h-100 {
  height: 100%;
}

.custom-arrow {
  width: 160px;
  align-items: center;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
}

.paragraph-slider {
  height: auto;
  min-height: 240px;
  background-color: rgba(0, 0, 0, 0);
}

.image-overlay {
  z-index: 0;
  width: 100%;
  height: 100%;
  background-color: var(--spot-black);
  opacity: .3;
  position: absolute;
  top: 0;
  left: 0;
}

.paragraph-slider-nav {
  text-align: left;
}

.div-block-12 {
  align-items: flex-start;
  display: flex;
}

.mr-12 {
  margin-right: 12px;
}

.hero-subtitle-lp-small {
  color: #fff;
  text-align: left;
  margin-bottom: 40px;
  font-size: 21px;
  line-height: 1.5em;
}

.hero-subtitle-lp-small.paragraph-black {
  color: var(--spot-black);
}

.hero-subtitle-lp-small.paragraph-black.center {
  width: 60%;
  text-align: center;
}

.hero-subtitle-lp-small.paragraph-black.lt {
  margin-top: 16px;
  margin-bottom: 16px;
}

.hero-subtitle-lp-small.paragraph-black.centre {
  text-align: center;
  margin-bottom: 20px;
}

.hero-subtitle-lp-small._18 {
  color: var(--spot-black);
  text-transform: uppercase;
  margin-bottom: 32px;
  font-size: 18px;
  font-weight: 500;
}

.hero-subtitle-lp-small._18.no-lm {
  margin-bottom: 0;
}

.hero-subtitle-lp-small._21 {
  color: var(--spot-black);
  margin-bottom: 32px;
  margin-left: auto;
  margin-right: auto;
}

.hero-subtitle-lp-small.mb-24 {
  color: var(--spot-black);
  text-align: center;
  margin-bottom: 24px;
  margin-left: auto;
  margin-right: auto;
}

.hero-subtitle-lp-small.mb-24.not-center {
  color: var(--spot-blue);
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
}

.hero-subtitle-lp-small.mb-24.smaller {
  width: 35%;
  font-weight: 400;
}

.hero-subtitle-lp-small.mb-24.smaller.new {
  width: auto;
  margin-top: 20px;
  margin-right: 0;
}

.hero-subtitle-lp-small.mb-24.smaller.new.right {
  margin-right: 0;
}

.hero-subtitle-lp-small.mb-24.left {
  text-align: left;
  margin-bottom: 40px;
}

.hero-subtitle-lp-small.mb-24.medium {
  margin-bottom: 8px;
  font-weight: 400;
}

.hero-subtitle-lp-small.mb-24._60 {
  width: 60%;
}

.hero-subtitle-lp-small.mb-24._60._322 {
  width: 322px;
}

.hero-subtitle-lp-small.mb-24._90-left {
  width: 90%;
  text-align: left;
  margin-left: 0;
  margin-right: 0;
}

.hero-subtitle-lp-small.mb-24._80 {
  width: 100%;
}

.hero-subtitle-lp-small.mb-24._80.left-aligned {
  text-align: left;
}

.hero-subtitle-lp-small.mb-24._80.left-aligned.bottom-margin-40px {
  margin-bottom: 40px;
}

.customers-content {
  text-align: center;
  background-color: #fff;
  padding: 50px 50px 56px;
}

.customers-item {
  width: 50%;
  text-align: left;
  margin-bottom: 56px;
  padding-left: 36px;
  padding-right: 36px;
}

.customer-card {
  width: 100%;
  background-color: #f9f9f9;
  text-decoration: none;
  overflow: hidden;
}

.customers-content-new {
  text-align: left;
  background-color: rgba(0, 0, 0, 0);
  padding: 24px 32px 32px;
}

.font-regular {
  margin-bottom: 16px;
  font-weight: 400;
}

.customer-image-container {
  height: 210px;
  position: relative;
  overflow: hidden;
}

.customers-item-list {
  flex-flow: wrap;
  padding-left: 36px;
  padding-right: 36px;
  display: flex;
}

.customers-icons {
  width: 100%;
  grid-column-gap: 24px;
  grid-row-gap: 48px;
  flex-wrap: wrap;
  flex: 0 auto;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-around;
  display: grid;
}

.customers-icons._3-in-a-row {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  align-items: center;
  justify-items: center;
  display: grid;
}

.customer-logo-v2 {
  height: 180px;
}

.customer-logo-holder {
  border: 1px solid #c4c4c4;
  border-radius: 5px;
  padding: 1px;
  position: relative;
}

.customer-search-logo:hover {
  display: none;
}

.customer-logo-search-smooth {
  width: 50px;
  height: 50px;
  background-color: var(--spot-blue);
  color: #fff;
  border-radius: 50px;
  padding-top: 14px;
  padding-bottom: 12px;
  padding-left: 12px;
  transition: width .7s;
  position: absolute;
  bottom: 8px;
  right: 8px;
  overflow: hidden;
}

.customer-logo-search-smooth:hover {
  width: 180px;
}

.customer-search-text {
  opacity: 0;
  font-size: 18px;
  transition: opacity .5s;
  display: inline;
}

.heading-15 {
  margin-top: 30px;
  margin-bottom: 30px;
  font-size: 40px;
}

.grid-four {
  width: 100%;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  align-content: stretch;
  justify-content: stretch;
}

.solutions-image-small {
  width: 64px;
  margin-bottom: 20px;
}

.core-feature-grid-three {
  width: 100%;
  grid-column-gap: 10px;
  grid-row-gap: 60px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 40px 1fr 40px 1fr;
}

.cameras-card {
  width: 340px;
  background-color: #fff;
  border-radius: 5px;
  padding: 48px 40px;
  box-shadow: 3px 3px 4px 4px rgba(0, 0, 0, .1);
}

.bg-color-light-blue {
  width: 100%;
  background-color: var(--blue-light);
  border-radius: 5px;
  padding: 100px;
  position: relative;
}

.underline {
  text-decoration: underline;
}

.quotation-slider {
  height: auto;
  text-align: center;
  background-color: rgba(0, 0, 0, 0);
}

.vertical-line {
  height: 140px;
  border-left: 1px solid var(--border-color);
  margin-left: 40px;
  margin-right: 40px;
  display: inline-block;
}

.slide-nav-white {
  bottom: -40px;
}

.hero-subtitle-v2 {
  color: var(--spot-black);
  text-align: left;
  margin-bottom: 40px;
  font-size: 21px;
}

.cameras-image {
  width: 120px;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
}

.list-blue-items {
  text-align: left;
  margin-bottom: 16px;
  padding-left: 20px;
}

.list-blue-items.pl-40 {
  padding-left: 40px;
}

.camera-bg-image {
  width: 50%;
  max-height: 100%;
  object-position: 100% 100%;
  position: absolute;
  bottom: 0;
  right: 0;
  overflow: visible;
}

.inline-image {
  margin-right: 10px;
}

.inline-text {
  margin-top: 10px;
  margin-bottom: 10px;
  display: inline-block;
}

.inline-text.custom-inline {
  font-size: 40px;
  font-weight: 500;
  display: inline;
}

.inline-text.swipe-left {
  max-width: 480px;
  text-align: left;
  margin-top: -8px;
}

.footer-images-holder {
  text-align: center;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  display: flex;
}

.footer-images-holder.mb-16.hidden {
  display: none;
}

.twentytwenty-holder {
  width: 1140px;
  height: 1140px;
  max-height: 800px;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
}

.text-span-12 {
  text-align: left;
  font-size: 20px;
}

.text-span-13 {
  color: var(--black);
  text-align: left;
  padding-left: 0;
  font-size: 20px;
}

.cameras-grid {
  max-width: 900px;
  grid-column-gap: 48px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 2.5fr;
  margin-left: auto;
  margin-right: auto;
}

.inline-image-after {
  margin-top: -10px;
  margin-left: 10px;
}

.header-top-left {
  z-index: -1;
  width: 25%;
  position: absolute;
  top: 0;
  left: 0;
}

.header-bottom-right {
  z-index: -1;
  width: 25%;
  position: absolute;
  top: auto;
  bottom: -42px;
  left: auto;
  right: 0;
}

.redirecting {
  background-color: var(--blue-light);
  font-size: 17px;
}

.container-video {
  max-width: 800px;
  min-width: auto;
  margin-left: auto;
  margin-right: auto;
}

._w-50 {
  max-width: 50%;
}

.homepage-tabs {
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.38fr;
  grid-auto-columns: 1fr;
  align-items: center;
  margin-top: 41px;
  display: flex;
}

.homepage-tabs.home {
  flex-direction: row;
  margin-top: 0;
}

.homepage-tabs-menu {
  width: 462px;
  display: flex;
}

.homepage-tabs-menu.wider {
  width: 700px;
}

.homepage-tabs-menu.home {
  flex-direction: column;
  margin-right: 40px;
}

.homepage-tabs-content {
  width: 100%;
  overflow: visible;
}

.homepage-tabs-content.m-hidden {
  width: 100%;
  margin-top: 140px;
  display: flex;
}

.homepage-tabs-content.m-hidden.home {
  width: auto;
  margin-top: 40px;
}

.feature-tab-item {
  min-width: 51%;
  background-color: #fafafa;
  border: 1px solid #c4c4c4;
  border-radius: 0;
  margin-bottom: 24px;
  margin-right: 10px;
  padding: 8px 16px;
  display: inline-block;
}

.feature-tab-item.w--current {
  border-style: solid;
  border-width: 1px 1px 6px;
  border-color: #c4c4c4 #c4c4c4 var(--spot-blue);
  background-color: #fff;
  border-radius: 0;
}

.feature-tab-item.right {
  background-color: #fff;
  border: 1px solid #c4c4c4;
  border-radius: 0;
  margin-left: 10px;
}

.feature-tab-item.home {
  background-color: #f3f3f3;
  border-width: 0;
  border-radius: 5px;
  margin-right: 0;
}

.video-incontent {
  margin-left: auto;
  margin-right: auto;
}

.video-incontent._800x462 {
  width: 800px;
  height: 462px;
}

.video-incontent._800x462.m-hidden {
  margin-bottom: 30px;
  padding-bottom: 0;
}

.video-incontent.lp-video {
  width: 800px;
  height: 462px;
  margin-bottom: 30px;
}

.heading-23 {
  margin-top: 40px;
  margin-bottom: 20px;
}

.text-span-15 {
  font-size: 20px;
}

.lp-tile {
  width: 100%;
  justify-content: space-between;
  align-items: center;
  padding-left: 44px;
  padding-right: 10px;
  display: flex;
}

.lp-tile.gift-card {
  padding-left: 10px;
}

.lp-tile-heading {
  color: #fff;
  text-align: left;
  margin-bottom: 0;
  padding-left: 0;
}

.text-with-image-flex {
  text-align: center;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: flex-start;
  display: flex;
}

.homepage-logo-v3 {
  width: 150px;
  height: 50px;
}

.team-photo-v2 {
  width: 128px;
  height: 128px;
  object-fit: cover;
  border-radius: 50%;
}

.text-light-grey {
  color: #878d94;
  text-align: center;
}

.about-metric-large {
  color: #fff;
  text-align: left;
  margin-bottom: 30px;
  font-size: 100px;
  font-weight: 500;
  line-height: 1em;
}

.about-metric-line {
  width: 48px;
  height: 5px;
  background-color: #fff;
  border-radius: 5px;
  margin-bottom: 30px;
}

.about-metric-name {
  color: #fff;
  text-align: left;
}

.grid-of-three {
  width: 100%;
  grid-column-gap: 26px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.grid-of-three.hidden {
  display: none;
}

.about-team-holder {
  text-align: center;
  border-radius: 5px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding: 48px 36px 56px;
  display: flex;
  box-shadow: 4px 4px 5px rgba(0, 0, 0, .1);
}

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

.about-cta {
  width: 100%;
  max-width: 1140px;
  background-color: #fff;
  border-radius: 5px;
  justify-content: space-between;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding: 12px 48px;
  display: flex;
}

.grid---about-content {
  grid-column-gap: 80px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.5fr;
}

.maps-text {
  color: var(--blue-light);
  text-align: left;
  font-size: 40px;
  line-height: 46px;
}

.large-only {
  display: none;
}

.g2-link-embed {
  border-radius: 8px;
  margin-bottom: 32px;
}

.g2-link-embed.side-margin-32px {
  margin-right: 32px;
}

.g2-link-embed.left-margin-24px {
  margin-left: 24px;
}

.g2-link-embed.left-margin-24px.lower-margin-0px, .g2-link-embed.lower-margin-0px {
  margin-bottom: 0;
}

.g2-old-block {
  display: none;
}

.html-embed {
  margin-bottom: 0;
}

.text-span-16 {
  color: var(--spot-blue);
}

.subtext-bold {
  text-align: left;
  margin-top: 40px;
  margin-bottom: 0;
  font-weight: 700;
}

.paragraph-white-narrow {
  max-width: 760px;
  color: var(--blue-faded);
}

.video-embed {
  width: 100%;
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
}

.div-cards-grid {
  max-width: none;
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: 1fr 1fr;
  grid-template-columns: 350px 350px 350px;
  grid-auto-columns: 1fr;
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.div-cards-grid._4x4 {
  grid-template-columns: 350px 350px;
}

.div-card {
  background-color: #fff;
  border-radius: 4px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 40px 10px 32px;
  display: flex;
}

.div-card.shadow {
  box-shadow: 0 0 7px #bebebe;
}

.div-card.more-paddings {
  padding-left: 27px;
  padding-right: 27px;
}

.all-caps {
  text-transform: uppercase;
  margin-top: 16px;
  font-weight: 500;
}

.hero-gif {
  width: 50%;
  height: 50%;
}

.hero-gif.full-width {
  width: auto;
  height: auto;
  max-width: 120%;
}

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

.purple {
  color: var(--uc-purple);
}

.green {
  color: var(--uc-green);
}

.list-item-15 {
  font-size: 20px;
}

.heading-54 {
  font-size: 54px;
  line-height: 60px;
}

.white {
  text-align: left;
  font-size: 21px;
  line-height: 32em;
}

.white li {
  color: #fff;
  margin-bottom: 20px;
}

.semibold-28 {
  font-size: 28px;
}

.semibold-28.blue {
  color: var(--spot-blue);
}

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

.image-18 {
  width: 160px;
  height: 80px;
}

.image-18.half-aspect {
  height: 80px;
}

.image-19 {
  width: 160px;
  height: 80px;
}

.image-19.energy {
  height: 106px;
}

.grid-lp-experiment {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.heading-55 {
  color: var(--spot-blue);
  padding-top: 100px;
  padding-bottom: 60px;
  font-size: 30px;
}

.grid-2 {
  grid-column-gap: 32px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 50% 50%;
  grid-auto-columns: 1fr;
  margin-bottom: 100px;
  display: grid;
}

.grid-2.bottom-margin-250px {
  margin-bottom: 250px;
}

.div-block-16 {
  align-self: flex-start;
  align-items: center;
  display: flex;
}

.text-span-17 {
  background-color: var(--blue-light);
  border-radius: 5px;
}

.image-20 {
  width: 10%;
  height: 10%;
  max-width: none;
  margin-left: 10px;
}

.image-20.bigger {
  width: 14%;
  height: auto;
}

.image-20.changed-width-and-height {
  width: 18px;
  height: auto;
}

.image-20.width-height-24px {
  width: 24px;
  height: 24px;
}

.image-20.width-height-24px.right-margin {
  margin-left: 0;
  margin-right: 10px;
}

.image-20.width-height-24px.bottom-margin-8px {
  margin-bottom: 8px;
}

.text-box {
  max-width: 630px;
}

._90x70 {
  width: 90px;
  height: 70px;
}

.default {
  width: auto;
  height: auto;
}

._100x50 {
  width: 110px;
  height: 60px;
}

._112x80 {
  width: 102px;
  height: 70px;
}

._90x80 {
  width: 90px;
}

._190x80 {
  width: auto;
  height: auto;
}

._150x80 {
  width: 120px;
  height: 64px;
}

.h2-white {
  color: #fff;
  font-size: 54px;
  line-height: 60px;
}

.paragraph {
  color: #fff;
  font-size: 21px;
  font-weight: 400;
  line-height: 32px;
}

.paragraph.colour-spot-black {
  color: var(--spot-black);
}

.paragraph.colour-spot-black.lower-margin-32px {
  margin-bottom: 32px;
}

.paragraph.colour-spot-black.lower-margin-50px {
  margin-bottom: 50px;
}

.paragraph.colour-spot-black.medium.center-aligned {
  text-align: center;
}

.paragraph.colour-spot-black.medium.center-aligned.bottom-margin-24px {
  margin-bottom: 24px;
}

.paragraph.colour-spot-black.center.no-bottom-margin {
  margin-bottom: 0;
}

.paragraph.colour-spot-black.max-width-344px {
  max-width: 344px;
}

.paragraph.grey {
  color: var(--footer-link-hover);
  text-align: center;
}

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

.paragraph.center.no-bottom-margin {
  margin-bottom: 0;
}

.paragraph.left-aligned-on-phone.max-width-344px {
  max-width: 344px;
}

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

.paragraph-19 {
  margin-bottom: 0;
}

.heading-57 {
  font-size: 21px;
}

.text-span-18 {
  background-color: var(--blue-light);
  border-radius: 5px;
}

.link-block {
  align-items: center;
  display: flex;
  position: static;
}

.link-block.new {
  width: 75%;
  justify-content: center;
  font-weight: 400;
}

.link-block.new:hover {
  text-decoration: underline;
}

.link-block.new.left-aligned {
  justify-content: flex-start;
}

.link-block.tm {
  margin-top: 32px;
}

.link-block.tm.center-aligned {
  flex-wrap: nowrap;
  justify-content: center;
  margin-top: 0;
}

.link-block.center-aligned-for-phone.top-margin-24px {
  margin-top: 24px;
}

.link-block.bottom-margin-16px {
  margin-bottom: 16px;
}

.link-block.flex-vertical {
  flex-direction: column;
}

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

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

.link-block.top-margin-16px {
  margin-top: 16px;
}

.link-block.left-margin-5px {
  margin-left: 5px;
}

.link-block.left-margin-24px {
  margin-left: 24px;
}

.link-block.right-margin-40px {
  margin-right: 40px;
}

.notice-button-2 {
  color: #111;
  background-color: #d8ebfb;
  border-radius: 5px;
  padding: 10px 18px;
  font-size: 15px;
  text-decoration: none;
  transition: all .2s;
}

.notice-button-2:hover {
  color: #fff;
  background-color: #007ce4;
}

.vid-embed {
  width: 50%;
}

.arrow {
  width: 10%;
  margin-left: 10px;
}

.paragraph-20 {
  max-width: 740px;
}

.image-24 {
  width: 100%;
  max-width: 100%;
  box-shadow: none;
  margin: 10px auto 8px;
}

._30-h {
  color: #fff;
  margin-bottom: 16px;
}

.image-25 {
  width: 64px;
}

.html-embed-2 {
  display: none;
}

.install-image {
  width: 100%;
  height: 280px;
  margin-bottom: 16px;
}

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

.text-span-19 {
  text-decoration: line-through;
}

.link-block-2 {
  display: flex;
}

.image-26 {
  margin-left: 10px;
}

.heading-58 {
  width: 100%;
  font-size: 54px;
  line-height: 60px;
}

.html-embed-3 {
  width: 50%;
  margin-left: auto;
  margin-right: auto;
}

.html-embed-4 {
  width: 600px;
}

.heading-59 {
  color: var(--border-color);
}

.text-block-12 {
  color: var(--border-color);
  margin-top: 32px;
  font-size: 21px;
  line-height: 31.5px;
}

.text-block-12.black {
  color: var(--spot-black);
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.text-block-12.black.no-tm {
  margin-top: 10px;
}

.text-block-12.black._0-mt {
  margin-top: 0;
}

.text-block-12.black.tm-24 {
  margin-top: 24px;
}

.text-block-12.changed-width {
  width: 80%;
}

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

.section {
  background-color: #fafafa;
  padding-top: 96px;
  padding-bottom: 96px;
}

.section.blue {
  background-color: #d8ebfb;
  padding-bottom: 60px;
}

.section.bottom-margin-64px {
  padding-bottom: 64px;
}

.div-block-20 {
  margin-top: 32px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.link-block-3 {
  color: var(--border-color);
  flex-direction: row;
  align-items: center;
  margin-left: 24px;
  text-decoration: underline;
  display: flex;
}

.link-block-3.hidden {
  display: none;
}

.text-block-13 {
  color: var(--spot-blue);
  margin-top: 72px;
  margin-left: auto;
  margin-right: auto;
  font-size: 28px;
  line-height: 35px;
}

.div-block-21 {
  width: 100%;
  background-color: #fff;
  border-radius: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 16px 0;
  display: flex;
  box-shadow: 1px 1px 8px #cecece;
}

.div-block-21.bg {
  background-image: url("https://assets-global.website-files.com/5fe2250e2f83cc02cbfefbcf/618e2b474cf210fefb0e77a3_bg-free-cameras%402x.jpg");
  background-position: 0 0;
  background-size: cover;
  padding-left: 20px;
  padding-right: 20px;
}

.grid-4 {
  width: 60%;
  grid-template-columns: 1fr 1fr;
  margin-top: 0;
  margin-bottom: 0;
}

.div-block-22 {
  width: 100%;
  justify-content: space-between;
  margin-top: 40px;
  display: flex;
}

.grid-5 {
  width: 38%;
  display: flex;
}

.image-27 {
  width: 60%;
  margin-bottom: 24px;
}

.text-block-14 {
  font-size: 30px;
  line-height: 36px;
}

.div-block-23 {
  align-items: center;
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.image-28 {
  width: 20px;
  height: 20px;
  margin-right: 10px;
}

.grid-6 {
  width: 100%;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  margin-top: 40px;
}

.image-29 {
  width: 60%;
}

.image-29.reduced-size {
  width: 50%;
}

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

.image-30 {
  margin-left: 10px;
}

.bold-text-3 {
  font-weight: 500;
}

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

.image-31, .image-32 {
  width: auto;
}

.rich-text-block {
  text-align: left;
  margin-top: 40px;
  margin-bottom: 40px;
}

.div-block-26 {
  width: 45%;
  margin-left: auto;
  margin-right: auto;
}

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

.form-label {
  text-align: left;
  margin-bottom: 5px;
  font-weight: 400;
}

.select-field-2 {
  height: 45px;
  background-color: rgba(0, 0, 0, 0);
  border-radius: 5px;
}

.container-2 {
  width: 100%;
  max-width: 1140px;
  text-align: center;
  border-radius: 5px;
  flex-flow: wrap;
  margin: 40px auto;
  display: flex;
  position: relative;
}

.div-block-28 {
  width: auto;
  margin-bottom: 30px;
}

.div-block-28.half {
  width: 47%;
  margin-bottom: 0;
}

.form-4 {
  margin-top: 20px;
  margin-left: 40px;
  margin-right: 40px;
}

.button-hero-2 {
  text-align: center;
  background-color: #0bad95;
  border-radius: 5px;
  margin-right: 20px;
  padding: 15px;
  font-size: 18px;
  font-weight: 500;
  transition: all .2s;
  overflow: visible;
  box-shadow: 14px 14px 35px rgba(33, 38, 106, .1);
}

.button-hero-2:hover {
  color: #fff;
}

.button-hero-2.ph-24 {
  margin-right: 0;
  padding-left: 60px;
  padding-right: 60px;
}

.button-hero-2.full-width {
  width: 100%;
  background-color: var(--spot-blue);
}

.button-hero-2.full-width.green {
  color: #fff;
}

.button-hero-2.full-width.green.no-margins {
  margin-top: 0;
  margin-right: 0;
}

.button-hero-2.tm-20 {
  width: 100%;
  background-color: var(--spot-blue);
  margin-top: 20px;
  margin-right: 0;
}

.button-hero-2.full-width {
  width: 100%;
  background-color: #007ce4;
  margin-top: 20px;
}

.button-hero-2.full-width.green {
  background-color: #0bad95;
}

.button-hero-2.full-width.green.hack-button {
  color: #fff;
}

.button-hero-2.bottom-cta {
  width: 400px;
}

.link-4 {
  color: #878d94;
  margin-bottom: 15px;
  font-size: 18px;
  text-decoration: underline;
  display: block;
}

.link-4.blue {
  color: var(--spot-blue);
  justify-content: center;
  align-items: center;
  display: flex;
}

.paragraph-22 {
  text-align: center;
  margin-bottom: 24px;
  font-weight: 500;
}

.image-33 {
  margin-bottom: 30px;
}

.paragraph-24 {
  text-transform: uppercase;
  font-size: 18px;
}

.text-field-5 {
  height: 45px;
  border-radius: 5px;
}

.div-block-29 {
  justify-content: space-between;
  margin-bottom: 30px;
  display: flex;
}

.multi-step-form-block---brix {
  width: 100%;
  min-height: auto;
  margin-top: 20px;
  margin-bottom: 0;
}

.submit-content-wrapper---brix {
  max-width: 500px;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 20px auto auto;
  display: flex;
}

.form-step-progress-bar---brix {
  width: 100%;
  min-height: 6px;
  background-color: #eff0f6;
  border-radius: 50px;
}

.form-step-progress-bar---brix.complete-step---brix {
  background-color: var(--spot-blue);
}

.form-step-progress-bar---brix.current-step---brix {
  width: 50%;
  background-color: var(--spot-blue);
}

.radio-button-field {
  max-height: 114px;
  min-height: 114px;
  align-items: center;
  margin-bottom: 0;
  padding: 48px 32px;
  display: flex;
  position: relative;
}

.display-none {
  display: none;
}

.multi-step-form-wrapper---brix {
  max-width: 700px;
  flex-direction: column;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.multi-step-form-wrapper---brix.preview-page {
  width: 500px;
}

.multi-step-form-wrapper---brix.preview-page.hidden {
  display: block;
}

.multi-step-form-button---brix {
  width: auto;
  color: #4a3aff;
  background-color: #fff;
  border-radius: 500px;
  padding: 20px 40px;
  font-size: 18px;
  line-height: 1;
  text-decoration: none;
  transition: transform .2s;
  display: inline-block;
  top: 682px;
  bottom: auto;
  left: auto;
  right: auto;
}

.multi-step-form-button---brix:hover {
  transform: translate(0, -2px);
}

.multi-step-form-button---brix.left---brix {
  border: 1px solid #4a3aff;
  left: -40px;
}

.multi-step-form-button---brix.left---brix.preview-page {
  width: 100%;
  border-width: 0;
  top: 534px;
  left: 0;
  right: 0;
}

.multi-step-form-button---brix.right---brix {
  color: #fff;
  background-color: #4a3aff;
  font-weight: 700;
  right: -40px;
}

.multi-step-form-button---brix.right---brix.preview-page {
  width: 100%;
  background-color: var(--spot-blue);
  border-radius: 5px;
  padding-left: 0;
  padding-right: 0;
  top: 465px;
  left: 0;
  right: auto;
}

.cloneable-container-default {
  width: 100%;
  min-height: auto;
  background-color: #f7f7fb;
  border-radius: 0;
  padding-top: 75px;
  padding-bottom: 200px;
  transform: translate(0);
}

.step-title---brix {
  margin-bottom: 8px;
  font-weight: 700;
}

.slide---brix {
  margin-right: 80px;
}

.radio-button {
  width: 24px;
  height: 24px;
  cursor: pointer;
  border: 1.2px solid #d9dbe9;
  flex: none;
  margin-top: 0;
  margin-left: 0;
  margin-right: 12px;
  transition: all .2s;
  overflow: hidden;
  box-shadow: inset 0 0 7px rgba(20, 20, 43, .08);
}

.radio-button.w--redirected-checked {
  border-width: 7px;
  border-color: #4a3aff;
}

.radio-button.w--redirected-focus {
  box-shadow: 0 0 3px 1px rgba(74, 58, 255, .2);
}

.step-paragraph---brix {
  margin-bottom: 0;
}

.steps-bar---brix {
  align-items: center;
  padding-top: 32px;
  padding-bottom: 32px;
  display: flex;
}

.form-step-progress-bar-mobile---brix {
  width: 100%;
  min-height: 6px;
  background-color: #eff0f6;
  border-radius: 50px;
  display: none;
}

.title-container---brix {
  max-width: 518px;
  text-align: center;
}

.checkbox-item--brix {
  max-height: 114px;
  min-height: 114px;
  color: #170f49;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0);
  border-radius: 16px;
  align-items: center;
  margin-bottom: 0;
  padding: 25px;
  display: flex;
  position: relative;
  overflow: visible;
}

.form-step-number---brix {
  width: 34px;
  height: 34px;
  color: #6f6c90;
  background-color: #eff0f6;
  border-radius: 50%;
  flex: none;
  justify-content: center;
  align-items: center;
  margin-left: 18px;
  margin-right: 18px;
  font-size: 16px;
  display: flex;
}

.form-step-number---brix.completed---brix {
  background-color: var(--spot-blue);
  color: #fff;
  font-weight: 700;
}

.completed-form-illustrations---brix {
  margin-bottom: 18px;
}

.submit-button---brix {
  background-color: #4a3aff;
  border-radius: 500px;
  padding: 20px 40px 21px;
  font-size: 18px;
  font-weight: 700;
  line-height: 1;
  transition: all .2s;
  box-shadow: 0 3px 12px rgba(74, 58, 255, .18);
}

.submit-button---brix:hover {
  transform: translate(0, -2px);
  box-shadow: 0 4px 10px rgba(74, 58, 255, .3);
}

.multi-step-foirm---success-message---brix {
  min-height: 44vh;
  background-color: #fff;
  border-radius: 16px;
  padding-top: 70px;
  padding-bottom: 70px;
  box-shadow: 38px 38px 34px rgba(74, 58, 255, .01), 0 1px 26px rgba(20, 20, 43, .02), 0 16px 26px rgba(19, 18, 66, .02);
}

.select-item-icon---brix {
  margin-right: 12px;
}

.multi-step-form-error-message---brix {
  border-radius: 16px;
  margin-top: 140px;
  padding: 24px;
}

.slider---brix {
  height: 100%;
  max-width: 750px;
  background-color: rgba(0, 0, 0, 0);
  padding-left: 0;
  padding-right: 0;
  position: relative;
}

.step-title-wrap---brix {
  flex-direction: column;
  align-items: center;
  margin-bottom: 20px;
  display: flex;
}

.checkbox---brix {
  z-index: 5;
  width: 100%;
  height: 100%;
  opacity: 1;
  cursor: pointer;
  border-width: 2px;
  border-color: rgba(0, 0, 0, 0);
  border-radius: 16px;
  margin-top: 0;
  margin-left: 0;
  transition: border-color .35s, all .35s;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
  overflow: visible;
  box-shadow: 0 2px 6px 1px rgba(19, 18, 66, .07);
}

.checkbox---brix:hover {
  border-color: #bfbaff;
}

.checkbox---brix.w--redirected-checked {
  opacity: 1;
  background-color: rgba(0, 0, 0, 0);
  background-image: none;
  border-width: 2px;
  border-color: #4a3aff;
}

.checkbox---brix.w--redirected-focus {
  border-width: 2px;
  border-color: #4a3aff;
  box-shadow: 0 4px 10px rgba(31, 37, 89, .07);
}

.multi-step-form-radio-trigger---brix {
  color: #170f49;
  border: 2px solid rgba(0, 0, 0, 0);
  border-radius: 16px;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0;
  padding-left: 66px;
  padding-right: 32px;
  font-size: 18px;
  font-weight: 700;
  line-height: 1;
  transition: border-width .2s, border-color .2s;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
  box-shadow: 0 2px 6px 2px rgba(19, 18, 66, .07);
}

.multi-step-form-radio-trigger---brix:hover {
  border-color: #bfbaff;
}

.form-content---brix {
  border-top: 1px solid #d9dbe9;
  padding-top: 10px;
  padding-bottom: 10px;
  overflow: visible;
}

.first-step-grid---brix {
  grid-column-gap: 28px;
  grid-row-gap: 44px;
  margin-top: 78px;
}

.first-step-grid---brix.uniform-space---brix {
  grid-row-gap: 28px;
  overflow: visible;
}

.first-step-grid---brix.no-grid {
  flex-direction: column;
  margin-top: -6px;
  display: flex;
}

.first-step-grid---brix.no-grid.spacing {
  margin-top: 0;
}

.multi-step-form-label---brix {
  color: #170f49;
  border-radius: 16px;
  margin-bottom: 16px;
  font-size: 18px;
  font-weight: 700;
  line-height: 1;
}

.multi-step-form-label---brix.no-margin---brix {
  margin-bottom: 0;
}

.multi-step-form---brix {
  background-color: #fff;
  border-radius: 34px;
  padding-left: 40px;
  padding-right: 40px;
  box-shadow: 0 54px 34px rgba(74, 58, 255, .02), 0 1px 26px rgba(20, 20, 43, .02), 0 16px 26px rgba(19, 18, 66, .02);
}

.multi-step-form-grid-item---brix {
  margin-top: -16px;
  overflow: visible;
}

.multi-step-form-grid-item---brix.more-padding {
  margin-top: 0;
}

.multi-step-form-grid-item---brix.lower {
  margin-top: -28px;
}

.multi-step-form-text-field---brix {
  min-height: 66px;
  color: #170f49;
  background-color: #fff;
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 90%;
  background-repeat: no-repeat;
  background-size: auto;
  border: 2px solid rgba(0, 0, 0, 0);
  border-radius: 500px;
  margin-bottom: 0;
  padding: 20px 60px 20px 20px;
  font-size: 18px;
  transition: color .4s, border-color .4s, all .4s;
  box-shadow: 0 2px 6px rgba(19, 18, 66, .07);
}

.multi-step-form-text-field---brix:hover {
  border-color: #4a3aff;
  box-shadow: 0 4px 10px rgba(19, 18, 66, .12);
}

.multi-step-form-text-field---brix:focus {
  color: #4a3aff;
  border: 2px solid #4a3aff;
}

.multi-step-form-text-field---brix::-ms-input-placeholder {
  color: #6f6c90;
  font-size: 18px;
}

.multi-step-form-text-field---brix::placeholder {
  color: #6f6c90;
  font-size: 18px;
}

.multi-step-form-text-field---brix.email-icon---brix {
  background-image: url("https://assets-global.website-files.com/5fe2250e2f83cc02cbfefbcf/6197691936cf9feaf99efc24_icon-2-input-multi-step-form-webflow-cloneable-template-brix-templates.svg");
}

.multi-step-form-text-field---brix.email-icon---brix:hover, .multi-step-form-text-field---brix.email-icon---brix:focus {
  background-image: url("https://assets-global.website-files.com/5fe2250e2f83cc02cbfefbcf/6197691936cf9f41ce9efc28_icon-2-on-input-multi-step-form-webflow-cloneable-template-brix-templates.svg");
}

.multi-step-form-text-field---brix.company-icon---brix {
  background-image: url("https://assets-global.website-files.com/5fe2250e2f83cc02cbfefbcf/6197691936cf9f6d8b9efc20_icon-4-input-multi-step-form-webflow-cloneable-template-brix-templates.svg");
}

.multi-step-form-text-field---brix.company-icon---brix:hover, .multi-step-form-text-field---brix.company-icon---brix:focus {
  background-image: url("https://assets-global.website-files.com/5fe2250e2f83cc02cbfefbcf/6197691936cf9f7f449efc1f_icon-4-on-input-multi-step-form-webflow-cloneable-template-brix-templates.svg");
}

.multi-step-form-text-field---brix.name-icon---brix {
  background-image: url("https://assets-global.website-files.com/5fe2250e2f83cc02cbfefbcf/6197691936cf9f8dff9efc21_icon-1-input-multi-step-form-webflow-cloneable-template-brix-templates.svg");
  background-position: 90%;
  background-repeat: no-repeat;
  background-size: auto;
}

.multi-step-form-text-field---brix.name-icon---brix:hover, .multi-step-form-text-field---brix.name-icon---brix:focus {
  background-image: url("https://assets-global.website-files.com/5fe2250e2f83cc02cbfefbcf/6197691836cf9f49579efc1d_icon-1-on-input-multi-step-form-webflow-cloneable-template-brix-templates.svg");
}

.multi-step-form-text-field---brix.phone-icon---brix {
  background-image: url("https://assets-global.website-files.com/5fe2250e2f83cc02cbfefbcf/6197691936cf9f80289efc27_icon-3-input-multi-step-form-webflow-cloneable-template-brix-templates.svg");
}

.multi-step-form-text-field---brix.phone-icon---brix:hover, .multi-step-form-text-field---brix.phone-icon---brix:focus {
  background-image: url("https://assets-global.website-files.com/5fe2250e2f83cc02cbfefbcf/6197691836cf9f240e9efc1c_icon-3-on-input-multi-step-form-webflow-cloneable-template-brix-templates.svg");
}

.mask---brix {
  width: 100%;
  height: 620px;
  padding-left: 8px;
  padding-right: 8px;
  overflow: hidden;
}

.form-block-3 {
  margin-bottom: 20px;
}

.big-text {
  text-align: center;
  font-size: 40px;
  font-weight: 500;
}

.image-34 {
  margin-left: 10px;
}

.text-block-15 {
  color: #878d94;
  text-decoration: underline;
}

.form-5 {
  text-align: center;
}

.div-block-30 {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.link-block-4 {
  margin-right: 72px;
}

.link-block-4.right-padding-40px {
  margin-right: 40px;
}

.html-embed-5 {
  width: 1200px;
  height: 800px;
  background-color: #f5f5f5;
  margin-left: auto;
  margin-right: auto;
}

.gclid {
  display: none;
}

.bg-color-blu {
  width: 100%;
  background-color: #007ce4;
  padding: 100px;
}

.bg-color-blu.pricing-form-white {
  width: 80%;
  background-color: #fff;
  border-radius: 20px;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding-top: 40px;
  padding-bottom: 40px;
}

.bg-color-blu.pricing-form-white.full-width {
  width: 100%;
  padding: 20px 40px 40px;
}

.bg-color-blu.pricing-form-white.full-width.length {
  max-width: 740px;
  border: 1px solid #c4c4c4;
  margin-top: 40px;
}

.text-block-16 {
  margin-top: 24px;
  margin-bottom: 10px;
}

.select-field-3 {
  color: #878d94;
  background-color: #fff;
  border-radius: 5px;
}

.section-2 {
  height: auto;
  background-image: url("https://assets-global.website-files.com/5fe2250e2f83cc02cbfefbcf/61e7fa6fb9a86e7287f191c8_bg-webinars%402x.png");
  background-position: 0 0;
  background-size: auto;
}

.text-block-17 {
  text-transform: uppercase;
}

.text-block-18 {
  color: var(--spot-black);
  text-transform: uppercase;
  font-size: 18px;
  font-weight: 500;
  line-height: 27px;
}

.paragraph-25 {
  margin-bottom: 0;
}

.paragraph-25.spacer {
  margin-left: 4px;
  margin-right: 4px;
}

.image-36 {
  width: 45%;
}

.image-36.m-only {
  display: none;
}

.image-36.m-hidden {
  width: 557px;
  height: 315px;
  display: block;
}

.container-3 {
  width: 100%;
  max-width: 1140px;
  text-align: center;
  border-radius: 5px;
  flex-flow: wrap;
  margin: 40px auto;
  display: flex;
  position: relative;
}

.container-3.vertical {
  flex-direction: column;
  margin-top: -183px;
}

.container-3.iuc {
  width: auto;
  margin-top: 0;
}

.container-3.iuc.new {
  border-bottom-width: 0;
}

.container-3.no-top-bottom-margins {
  margin-top: 0;
  margin-bottom: 0;
}

.container-3.no-top-bottom-margins.flex-vertical-centered {
  flex-flow: column;
  align-items: center;
}

.container-3.flex-vertical-centered {
  flex-direction: column;
  align-items: center;
}

.h2-large-2 {
  color: #353d48;
  margin-top: 32px;
  margin-bottom: 32px;
  font-size: 54px;
  font-weight: 500;
  line-height: 60px;
}

.h2-large-2.wider {
  width: 840px;
}

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

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

.div-block-31 {
  margin-bottom: 120px;
  display: flex;
}

.div-block-31.t2 {
  width: 80%;
  margin-bottom: 64px;
  margin-left: auto;
  margin-right: auto;
}

.image-37 {
  width: 320px;
  height: 175px;
  min-height: auto;
  min-width: 320px;
  margin-right: 64px;
}

.image-37.t2 {
  width: 320px;
  height: 175px;
  margin-right: 24px;
}

.text-block-19 {
  text-transform: uppercase;
  font-size: 18px;
  font-weight: 500;
  line-height: 27px;
}

.feature-home {
  min-width: 51%;
  background-color: #f6f6f6;
  border-radius: 5px;
  margin-bottom: 20px;
  padding: 8px 16px;
}

.feature-home.w--current {
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 1px 1px 3px 3px rgba(0, 0, 0, .1);
}

.div-block-32 {
  margin-bottom: 24px;
  display: none;
}

.text-block-20 {
  color: #878d94;
  font-size: 16px;
  line-height: 24px;
}

.div-block-33 {
  border: 1px solid var(--spot-blue);
  border-radius: 5px;
  margin-right: 10px;
  padding: 4px 12px;
}

.link-5 {
  font-size: 21px;
  line-height: 31.5px;
}

.bg-color-blue-2 {
  width: 100%;
  background-color: #007ce4;
  padding: 100px;
}

.button-white-transparent-2 {
  color: #fff;
  background-color: rgba(0, 0, 0, 0);
  border: 2px solid #fff;
  border-radius: 5px;
  padding: 15px;
  font-size: 18px;
  font-weight: 500;
  transition: all .2s;
}

.button-white-transparent-2:hover {
  color: #007ce4;
  background-color: #fff;
}

.button-white-transparent-2.mr-16 {
  margin-right: 16px;
}

.link-6 {
  color: #fff;
  text-decoration: underline;
}

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

.slider-3 {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0);
}

.right-arrow-2, .left-arrow-2 {
  display: none;
}

.slide-nav-2 {
  justify-content: center;
  margin-top: 20px;
  padding-left: 0;
  display: flex;
  position: relative;
}

.slide-nav-2.hidden {
  display: none;
}

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

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

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

.collection-list-3 {
  display: flex;
}

.div-block-38 {
  width: 100%;
  max-width: 750px;
  background-color: #d8ebfb;
  border-radius: 5px;
  padding-top: 61px;
  padding-bottom: 61px;
}

.div-block-38.halfwit {
  max-width: none;
  background-color: #fff;
  border: 1px solid #ccc;
  padding: 32px 16px;
}

.div-block-38.halfwit.left {
  margin-right: 16px;
  padding: 32px 16px;
}

.text-block-21 {
  margin-bottom: 20px;
  padding-bottom: 0;
  font-size: 28px;
  line-height: 35px;
}

.div-block-39 {
  width: 100%;
  max-width: 1140px;
  margin-top: 32px;
  display: flex;
}

.image-38 {
  width: 40px;
  height: 40px;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
}

.button-blue-transaparent {
  border: 2px solid var(--spot-blue);
  color: var(--spot-blue);
  background-color: #fff;
  border-radius: 5px;
  padding-top: 15px;
  padding-bottom: 15px;
  font-weight: 500;
  display: none;
}

.button-blue-transaparent:hover {
  background-color: var(--spot-blue);
  color: #fff;
}

.paragraph-26 {
  text-align: center;
  margin-top: 16px;
  margin-bottom: 0;
  font-size: 14px;
}

.div-block-40 {
  width: 60%;
  margin-left: auto;
  margin-right: auto;
}

.image-39 {
  width: 7%;
  margin-left: auto;
  margin-right: auto;
}

.div-block-41 {
  width: 30%;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.image-40 {
  width: 24px;
  margin-right: 10px;
}

.tabs-menu {
  z-index: 5;
  position: absolute;
  top: 472px;
}

.tabs-menu.new {
  position: relative;
  top: 0;
}

.iuc {
  width: 33%;
  color: #c4c4c4;
  text-align: center;
  background-color: rgba(0, 0, 0, 0);
  border-bottom: 2px solid #c4c4c4;
  padding: 10px;
  font-size: 26px;
  font-weight: 500;
  line-height: 1.5;
}

.iuc.w--current {
  width: 33%;
  border-bottom-color: var(--spot-blue);
  color: var(--spot-black);
  background-color: rgba(0, 0, 0, 0);
  font-weight: 500;
}

.tabs {
  width: 100%;
}

.tabs.m-hidden {
  flex-direction: column;
  display: flex;
}

.image-41 {
  width: 900px;
  height: 450px;
  margin-bottom: 180px;
  margin-left: auto;
  margin-right: auto;
}

.image-41.new {
  margin-top: 20px;
  margin-bottom: 40px;
}

.div-block-42 {
  width: 50%;
  flex-direction: column;
  align-items: flex-end;
  display: flex;
}

.paragraph-27 {
  margin-bottom: 24px;
  font-weight: 400;
}

.text-span-20 {
  color: var(--spot-blue);
}

.link-7 {
  margin-left: auto;
  margin-right: auto;
}

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

.image-42 {
  width: 30%;
  margin-bottom: 20px;
}

.slide-nav-3 {
  top: 411.328px;
}

.div-block-44 {
  justify-content: center;
  margin-bottom: 24px;
  display: flex;
}

._30 {
  width: 17%;
  margin-right: 40px;
}

._30.right {
  margin-right: 0;
}

._30.right._310 {
  width: auto;
  height: 310px;
}

._30.right._185 {
  width: auto;
  height: 185px;
}

._30.bigger-m {
  height: 100%;
}

._30.bigger-m.wider {
  width: 25%;
}

._20 {
  width: 30%;
}

._20.middle {
  margin-left: 20px;
  margin-right: 20px;
}

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

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

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

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

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

.image-43 {
  width: 24px;
  height: 24px;
  margin-right: 10px;
}

.div-block-48 {
  width: 364px;
  margin-right: 24px;
}

.div-block-48.right {
  margin-right: 0;
}

.image-44 {
  width: 100%;
  height: auto;
  background-color: rgba(0, 0, 0, 0);
}

.image-45 {
  width: 364%;
  height: 204px;
  background-color: var(--spot-blue);
  border-radius: 5px;
}

.paragraph-28 {
  text-align: left;
}

.text-block-22, .text-block-23 {
  font-weight: 500;
}

.text-block-24 {
  margin-bottom: 20px;
  font-weight: 500;
}

.div {
  width: 70%;
  flex-direction: column;
  align-items: center;
  margin-top: 95px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.div.hidden {
  display: none;
}

.text-block-25 {
  width: 60%;
  font-size: 30px;
  line-height: 36px;
}

.text-block-26 {
  width: 60%;
  margin-bottom: 20px;
  font-size: 30px;
  font-weight: 500;
  line-height: 36px;
}

.text-block-26._40 {
  width: auto;
  margin-top: 30px;
  font-size: 40px;
  line-height: 46px;
}

.text-span-21 {
  background-color: var(--spot-blue);
}

.text-block-27 {
  font-size: 21px;
  font-weight: 400;
  line-height: 31.5px;
}

.text-span-22 {
  color: var(--spot-blue);
}

.subtext {
  color: #747e8c;
  margin-top: 8px;
  font-size: 16px;
  line-height: 16px;
}

.text-block-28 {
  font-size: 16px;
  font-weight: 500;
  line-height: 16px;
}

.image-46 {
  width: 7%;
  margin-right: 16px;
}

.image-46.lesser-m {
  width: 7%;
  margin-right: 10px;
}

.image-46.lesser-m._8 {
  width: 8%;
}

.text-block-29 {
  font-size: 16px;
}

.text-span-23 {
  font-weight: 500;
}

.text-span-24 {
  color: #747e8c;
  font-weight: 500;
}

.text-block-30 {
  font-size: 16px;
  font-weight: 500;
}

.text-block-30.dark-blue {
  color: #353428;
}

.text-block-31 {
  color: #747e8c;
  text-transform: uppercase;
  margin-bottom: 16px;
  margin-left: 20px;
  font-size: 12px;
  font-weight: 500;
}

.text-span-25 {
  color: var(--spot-blue);
}

.body.typography-size-1vw {
  font-size: 1vw;
}

.text-span-26 {
  color: var(--spot-blue);
}

.video {
  display: block;
}

.html-embed-6 {
  display: none;
}

.image-48 {
  margin-right: 10px;
}

.text-block-33 {
  margin-top: 8px;
  font-weight: 400;
}

.video-2 {
  width: 560px;
  height: auto;
}

.list-item-16 {
  font-size: 14px;
}

.list-heading {
  text-align: left;
  font-size: 30px;
  line-height: 1.5;
}

.list-2 {
  color: var(--spot-black);
  font-weight: 400;
  list-style-type: decimal;
}

.list-3 {
  grid-column-gap: 2px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 40px 1fr;
  grid-auto-columns: 1fr;
  list-style-type: none;
  display: grid;
}

.list-3._1-row {
  grid-template-rows: auto;
}

.list-3.partner-resell-page {
  grid-template-rows: auto;
  grid-template-columns: 1fr;
}

.list-grid {
  text-align: left;
}

.list-grid.terms-all-caps {
  text-transform: uppercase;
}

.list-item-for-grid {
  color: var(--spot-black);
  font-size: 30px;
}

.list-4 {
  list-style-type: decimal;
}

.custom-paragraph {
  color: var(--black);
  font-size: 18px;
}

.list-5 {
  list-style-type: lower-alpha;
}

.link-8 {
  font-size: 21px;
  line-height: 25px;
}

.paragraph-29 {
  text-align: center;
}

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

.div-block-61 {
  margin-left: 40px;
}

.div-block-61.ml-0 {
  max-width: 1140px;
  justify-content: center;
  margin-top: 40px;
  margin-left: 60px;
  margin-right: 60px;
  display: flex;
}

.div-block-62 {
  margin-top: 20px;
  display: flex;
}

.tick {
  width: 24px;
  height: 24px;
  margin-right: 10px;
}

.white-2 {
  text-align: left;
  font-size: 21px;
  line-height: 32px;
}

.div-block-63 {
  width: 30%;
}

.image-49 {
  width: 60px;
  height: 60px;
  margin-bottom: 20px;
}

.div-block-64 {
  z-index: 2147483647;
  display: flex;
  position: relative;
  top: 0;
}

.div-block-65 {
  width: 33%;
  flex-direction: column;
  margin-right: 30px;
  display: flex;
}

.div-block-65.right {
  margin-right: 0;
}

.image-50 {
  width: 32px;
  height: 32px;
  margin-left: auto;
  margin-right: auto;
}

.div-block-66 {
  margin-top: 40px;
}

.paragraph-30 {
  text-align: center;
}

.paragraph-31 {
  margin-bottom: 4px;
  font-weight: 500;
}

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

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

.image-51, .image-52 {
  width: 5%;
  margin-left: 5px;
}

.paragraph-32 {
  text-align: center;
}

.popup-wrapper {
  z-index: 30;
  width: 100vw;
  height: 100vh;
  background-color: rgba(17, 17, 17, .8);
  display: none;
  position: fixed;
}

.pop-up-background {
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  display: flex;
}

.exit-button {
  outline-offset: 0px;
  outline: 3px #555;
  position: absolute;
  top: 3%;
  bottom: auto;
  left: auto;
  right: 1.5%;
}

.image-53 {
  cursor: pointer;
}

.image-holder {
  width: 50%;
  height: 480px;
  background-color: rgba(0, 0, 0, 0);
  align-items: center;
  margin-top: 70px;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: auto;
  right: 0%;
}

.image-holder.left-aligned {
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: auto;
}

.image-holder.width-60 {
  width: 60%;
}

.image-holder.width-60.static {
  height: auto;
  position: static;
}

.image-holder.width-60.static.no-upper-margin {
  margin-top: 0;
}

.image-holder.width-60.static.no-upper-margin.grey {
  height: 315.031px;
  background-color: silver;
}

.image-holder.grey {
  background-color: var(--light-grey);
}

.content-holder.width-45 {
  width: 45%;
}

.content-holder.centered {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.content-holder.centered.left-margin-100px {
  margin-bottom: 118px;
  margin-left: 100px;
}

.content-holder.width-324px {
  width: 324px;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.para-content-holder {
  width: auto;
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  grid-template-rows: auto auto;
  grid-template-columns: 30px 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 24px;
  display: grid;
}

.para-content-holder.changed-row-gap {
  width: auto;
  grid-column-gap: 2px;
  grid-row-gap: 24px;
}

.para-content-holder.bottom-padding-72px {
  width: 520px;
  grid-template-rows: auto auto auto;
  margin-bottom: 72px;
  padding-top: 40px;
}

.para-content-holder._1-item {
  grid-template-rows: auto;
}

.tick-mark {
  width: 24px;
}

.blue-background {
  width: 100%;
  height: 440px;
  background-color: var(--blue-light);
  border-radius: 10px;
  justify-content: space-between;
  align-items: flex-end;
  padding: 62px 48px;
  display: flex;
}

.blue-background.height-auto {
  height: auto;
}

.blue-background.height-auto.top-aligned {
  align-items: flex-start;
}

.blue-background.no-bottom-padding {
  padding-bottom: 0;
}

.blue-section-heading {
  margin-bottom: 16px;
  font-size: 30px;
  line-height: 36px;
}

.blue-section-heading.bottom-margin-36px {
  margin-bottom: 36px;
}

.large-image {
  width: 55%;
  margin-top: 60px;
  margin-right: 70px;
}

.logo-holder {
  width: 48px;
  height: 48px;
  background-color: #fff;
  border-radius: 5px;
}

.logo-holder.no-white {
  background-color: rgba(0, 0, 0, 0);
}

.para-on-blue-bacground {
  margin-top: 16px;
  font-size: 18px;
  font-weight: 500;
  line-height: 27px;
}

.heading-holder {
  width: 100%;
  height: 100%;
  justify-content: space-between;
  display: flex;
}

.heading-holder.changed-alignment {
  justify-content: center;
  align-items: center;
}

.heading-holder.hidden {
  display: none;
}

.header-image-holder {
  width: auto;
  align-items: center;
  display: flex;
}

.header-image-holder.right-aligned {
  justify-content: flex-end;
  display: flex;
}

.header-image-holder.right-aligned.width-30, .header-image-holder.left-aligned.width-30 {
  width: 30%;
}

.header-image-holder.width-33 {
  width: 33%;
}

.heading {
  width: 33%;
  flex-direction: column;
  align-items: center;
  display: flex;
  position: relative;
}

.heading.width-70 {
  width: 65%;
}

.heading.top-margin-50px {
  width: 40%;
  margin-top: 50px;
}

.heading.top-margin-50px.width-40 {
  width: 40%;
}

.heading.width-100 {
  width: 100%;
}

.heading.width-100.bottom-margin-24px {
  margin-bottom: 24px;
}

.heading-image {
  width: 136px;
}

.background-image-holder {
  z-index: -100;
  background-image: url("https://assets-global.website-files.com/5fe2250e2f83cc02cbfefbcf/62384c68e1f64b55f9c652b6_hero-fpo-nexar-inspo%202%402x.png");
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: contain;
  background-attachment: scroll;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.header-image {
  width: 429px;
}

.header-image.width-450px {
  width: 450px;
}

.header-image.width-450px.width-100 {
  width: 100%;
  height: auto;
}

.bold-small-top-heading {
  font-size: 18px;
  font-weight: 700;
  line-height: 27px;
}

.bold-small-top-heading.medium-and-bottom-margin-24px {
  margin-bottom: 24px;
  font-weight: 500;
}

.bold-small-top-heading.top-bottom-margin {
  margin-top: 96px;
  margin-bottom: 24px;
}

.bold-small-top-heading.bottom-margin-40px {
  margin-bottom: 40px;
}

.bold-small-top-heading.grey {
  color: var(--footer-link-hover);
  text-align: left;
  letter-spacing: 2px;
  text-transform: uppercase;
}

.bold-small-top-heading.no-bottom-margin {
  margin-bottom: 0;
}

.video-wall-image {
  width: 650px;
}

.content-holder-in-container {
  width: 100%;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.content-holder-in-container.top-margin-64px {
  margin-top: 64px;
}

.outer-para-content-holder {
  width: auto;
  grid-column-gap: 100px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  padding: 0 13px 0 48px;
  display: grid;
}

.outer-para-content-holder.grey-bg {
  background-color: #fafafa;
  border-radius: 10px;
  padding-top: 32px;
  padding-bottom: 16px;
}

.outer-para-content-holder.bottom-margin-32px {
  margin-bottom: 32px;
}

.tab-div {
  height: 30px;
  border: 1px solid var(--button-hover);
  background-color: var(--blue-light);
  border-radius: 20px;
  flex-direction: row;
  padding: 2px 16px;
  display: block;
}

.tab-para {
  width: auto;
  border: 1px solid var(--button-hover);
  background-color: var(--blue-light);
  outline-offset: 0px;
  text-align: center;
  border-radius: 20px;
  outline: 3px #353d48;
  margin-bottom: 0;
  padding: 2px 16px;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  overflow: visible;
}

.tab-para.right-margin-16px {
  margin-right: 16px;
}

.tabs-holder {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.tabs-holder.top-margin-24px {
  margin-top: 24px;
}

.logo-image {
  width: 48px;
  height: 48px;
}

.hero-image-for-phone {
  display: none;
}

.camera-page-content-holder {
  width: 70%;
  margin-top: 64px;
}

.camera-page-content-holder.width-100 {
  width: 100%;
}

.camera-page-content-holder.width-100.no-top-margin {
  margin-top: 0;
}

.camera-page-content-holder.phone-only {
  display: none;
}

._2-image-info-holders {
  justify-content: center;
  padding-left: 80px;
  padding-right: 80px;
  display: flex;
}

.image-info-holder {
  border: 1px solid var(--form-field-border);
  background-color: #fafafa;
  border-radius: 5px;
  flex-direction: column;
  align-items: center;
  padding: 55px 32px;
  display: flex;
}

.image-info-holder.right-margin-16px {
  flex-direction: column;
  align-items: center;
  margin-right: 16px;
  display: flex;
}

.cam-image-holder {
  justify-content: center;
  align-items: center;
  display: flex;
}

.info-holder {
  width: 202px;
}

.cam-img-1, .cam-img-2 {
  width: 170px;
  height: 170px;
  margin-bottom: 32px;
}

.cam-image-heading {
  font-size: 30px;
}

.cam-image-heading.bottom-padding-8px {
  margin-bottom: 8px;
}

.small-paragraph {
  text-align: center;
  font-size: 12px;
  line-height: 18px;
  text-decoration: none;
}

.small-paragraph.grey {
  color: var(--footer-link-hover);
}

.semibold {
  font-weight: 700;
}

.lower-content-holder {
  margin-top: 32px;
}

.line-and-content {
  justify-content: space-between;
  align-items: center;
  padding-top: 16px;
  padding-bottom: 16px;
  display: flex;
}

.line-div {
  width: 35%;
  height: 50%;
  border-top: 1px solid #c4c4c4;
  border-bottom: 1px #000;
}

.ticks-holder {
  justify-content: space-between;
  margin-bottom: 32px;
  display: flex;
}

.tick-holder {
  width: 50%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.tick-image {
  width: 32px;
  height: 32px;
}

.grey-div {
  width: 100%;
  background-color: #fafafa;
  flex-direction: column;
  align-items: center;
  padding: 48px 200px;
  display: flex;
}

.grey-div.bottom-padding-32px {
  margin-bottom: 32px;
  display: none;
}

.grey-div.right-margin-16px {
  margin-right: 16px;
}

.grey-div.right-margin-16px.changed-padding {
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}

.grey-div.left-margin-16px {
  margin-left: 16px;
}

.grey-div.left-margin-16px.changed-padding {
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}

.image-54 {
  height: 64px;
}

._2-grey-divs {
  width: 100%;
  justify-content: space-between;
  display: flex;
}

._30-heading {
  margin-bottom: 16px;
  font-size: 30px;
  font-weight: 500;
}

.grey-div-image {
  width: 407px;
  height: auto;
  background-color: rgba(0, 0, 0, 0);
  justify-content: center;
  align-items: flex-end;
  display: flex;
}

.nvr-hero-image-right, .nvr-hero-image-left {
  width: 350px;
  height: auto;
  margin-top: 150px;
  position: absolute;
}

.nvr-image {
  width: 540px;
  height: 335px;
  margin-bottom: 80px;
}

.icon-and-text-holder {
  align-items: flex-start;
  display: flex;
}

.small-icon {
  width: 24px;
}

.small-icon.right-margin-8px {
  margin-right: 8px;
}

.small-icon.bottom-margin-16px {
  margin-bottom: 16px;
}

.small-icon.bottom-margin-8px-0px-on-phone {
  margin-bottom: 8px;
}

.icon-and-text-grid {
  grid-column-gap: 96px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.business-plans-holder {
  width: 100%;
  justify-content: space-between;
  align-items: stretch;
  display: flex;
}

.business-plans-holder.hidden-for-phone {
  justify-content: center;
}

.plan-holder {
  width: 288px;
  border: 1px solid var(--gainsboro);
  border-radius: 5px;
  flex-direction: column;
  align-items: center;
  margin-left: 0;
  margin-right: 0;
  padding: 32px 18px 72px;
  display: flex;
}

.plan-holder.blue-background {
  justify-content: flex-start;
}

.plan-holder.blue {
  border-color: var(--button-hover);
  background-color: #d8ebfb;
}

.plan-holder.black {
  background-color: var(--spot-black);
}

.plan-holder.right-margin-16px {
  border-color: var(--form-field-border);
  margin-right: 16px;
}

.plan-holder.grey {
  border-color: var(--form-field-border);
  background-color: #fafafa;
}

.business-plans-holder-for-phone.hidden-for-desktop {
  display: none;
}

.anchor-links {
  flex: none;
}

.anchor-links.right-margin-16px {
  margin-right: 16px;
}

.g2-link-embed-holder {
  justify-content: space-between;
  display: flex;
}

.g2-link-embed-holder.bottom-padding-32px {
  margin-bottom: 32px;
}

.g2-link-embed-holder._24px-top-margin {
  width: 100%;
  justify-content: center;
  margin-top: 24px;
}

.g2-link-embed-holder._24px-top-margin.vertical-and-centered-for-phone {
  align-items: center;
}

.g2-link-embed-holder.hidden {
  display: none;
}

.form-and-content-holder {
  width: 100%;
  display: flex;
}

.form-holder-half-page {
  width: 50%;
  border: 1px solid var(--form-field-border);
  border-radius: 10px;
  margin-right: 0;
  padding: 50px 35px;
}

.content-holder-half-page {
  width: 582px;
  margin-right: 98px;
}

.content-holder-half-page.hidden-for-desktop {
  display: none;
}

.medium, .text-span-28 {
  font-weight: 500;
}

.brands-holder {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #fafafa;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  padding: 7px 14px;
  display: grid;
  box-shadow: 5px 5px 17px rgba(0, 0, 0, .07);
}

._2-form-elements-holder {
  justify-content: space-between;
  margin-bottom: 28px;
  display: flex;
}

._2-form-elements-holder.vertical-right-aligned {
  flex-direction: column;
  align-items: flex-start;
}

._2-form-elements-holder.hidden {
  display: none;
}

._1-form-element {
  width: 48%;
}

.form-field-heading {
  text-align: left;
  font-weight: 500;
}

.form-field {
  border: 1px solid var(--form-field-border);
  border-radius: 5px;
}

.small-text-14 {
  font-size: 14px;
}

.small-text-14.center-aligned {
  text-align: center;
}

.form-on-free-trial.bottom-margin-24px {
  margin-bottom: 24px;
}

.product-overview-images {
  width: 707px;
  height: auto;
}

.dashboard-gif {
  width: 650px;
  mix-blend-mode: normal;
  box-shadow: -1px -1px 8px rgba(0, 0, 0, .15), 1px 1px 8px rgba(0, 0, 0, .15);
}

.links-holder {
  margin-top: 16px;
  display: flex;
  overflow: visible;
}

.links-holder.top-margin-24px {
  margin-top: 24px;
}

.badge-googleplay {
  width: 166px;
  height: 55px;
}

.badge-googleplay.left-margin-8px {
  margin-left: 8px;
}

.home-hero-review-holder {
  width: 560px;
  margin-top: 30px;
  padding-top: 0;
  display: flex;
}

.single-line {
  width: 1px;
  height: 100%;
  background-color: var(--spot-black);
  margin-left: 24px;
  margin-right: 24px;
  display: block;
}

.white-button {
  background-color: rgba(0, 0, 0, 0);
  border: 2px solid #fff;
  border-radius: 5px;
  padding: 16px 24px;
  font-weight: 500;
}

.div-block-68 {
  flex-direction: column;
  align-items: flex-start;
  margin-top: 24px;
  display: flex;
}

.user-rating-holder {
  background-color: #fafafa;
  border-radius: 5px;
  flex-direction: column;
  align-items: center;
  padding: 16px 32px;
  display: flex;
}

.user-rating-holder.hidden {
  display: none;
}

.rating-and-text-block-holder {
  display: flex;
}

.rating-and-text-block {
  align-items: center;
  padding-left: 12px;
  padding-right: 12px;
  display: flex;
}

.square-rating {
  width: 75px;
  height: 75px;
  aspect-ratio: 1 / 1;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  margin-right: 16px;
  padding: 0;
  display: flex;
}

.square-rating.orange {
  background-color: #faa41a;
}

.square-rating.orange.new {
  background-color: #ff492c;
  border-radius: 50%;
}

.square-rating.purple {
  background-color: #a855ff;
}

.square-rating.purple.new {
  background-color: #5a39a2;
  border-radius: 50%;
}

.square-rating.green {
  background-color: #0bad95;
}

.square-rating.green.new {
  background-color: #23cca2;
  border-radius: 50%;
}

._30-medium {
  margin-bottom: 0;
  font-size: 30px;
  font-weight: 500;
}

._30-medium.colour-white {
  color: #fff;
}

._30-medium.bottom-margin-16px {
  margin-bottom: 16px;
}

._18-normal {
  margin-bottom: 0;
  font-size: 18px;
}

._18-normal.grey {
  color: var(--footer-link-hover);
}

.content-and-image-holder, .upper-div {
  width: 100%;
  justify-content: space-between;
  display: flex;
}

.lower-div {
  width: 100%;
  justify-content: space-between;
  margin-top: 32px;
  display: flex;
}

.lower-div.top-margin-100px {
  margin-top: 100px;
}

.lower-nav-div {
  width: 100%;
  background-color: #fafafa;
  flex-direction: column;
  align-items: center;
  padding: 48px 16px 56px;
  display: flex;
}

.lower-nav-div.left-margin-32px {
  margin-right: 32px;
}

.lower-nav-div.left-margin-8px {
  margin-right: 8px;
}

.lower-nav-div.grey {
  background-color: #f2f2f3;
}

._18-medium {
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 500;
}

._18-medium.bottom-margin-16px {
  margin-bottom: 16px;
}

._18-medium.center.grey {
  color: var(--footer-link-hover);
}

._18-medium.blue {
  color: var(--spot-blue);
  flex: none;
}

._21-normal {
  margin-bottom: 0;
  font-weight: 400;
}

._21-normal.bottom-margin-16px {
  margin-bottom: 16px;
}

._21-normal.bottom-margin-16px.center.max-width-328px {
  max-width: 328px;
}

._21-normal.centered {
  text-align: center;
}

._21-normal.centered.width-330px {
  width: 330px;
}

._21-normal.blue {
  color: var(--spot-blue);
}

.divider {
  width: 70%;
  height: 1px;
  background-color: var(--form-field-border);
  margin-top: 32px;
  margin-bottom: 32px;
}

.divider.blue {
  height: 1px;
  background-color: var(--button-hover);
}

.divider.blue._w-100 {
  width: 100%;
}

.divider.light-blue {
  background-color: var(--blue-light);
}

._16-light {
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 400;
}

._16-light.center.bottom-margin-8px {
  margin-bottom: 8px;
}

._16-light.colour-white {
  color: #fff;
  font-weight: 400;
}

._16-medium {
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 500;
}

._16-medium.white {
  color: #fff;
}

._16-medium.white.bottom-margin-24px {
  margin-bottom: 24px;
  line-height: 1.5em;
}

._16-medium.center.colour-white {
  color: #fff;
}

._16-medium.grey {
  color: #fafafa;
}

.social-approval-image {
  width: 100%;
  height: 140px;
}

.social-approval-image.changed-height-for-phone {
  height: 150px;
}

.social-approval-image.changed-height-for-phone.is-new {
  height: 129px;
}

.social-approval-image.changed-height-for-phone.is-new._9 {
  margin-bottom: 12px;
}

.social-approval-image.changed-height-for-phone.curved-badge {
  height: 128px;
  object-fit: contain;
}

.full-width-image {
  width: 100%;
}

.green-button {
  background-color: #0bad95;
  border-radius: 5px;
  padding: 16px 24px;
}

.heading-61 {
  color: #f4f4f4;
}

.link-block-5 {
  color: #f4f4f4;
  flex-direction: row;
  align-items: center;
  margin-left: 24px;
  text-decoration: none;
  display: flex;
}

.link-block-5.text-green {
  color: #0bad95;
}

.hero-logo {
  width: 130px;
}

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

._21px-medium {
  margin-bottom: 0;
  font-size: 21px;
  font-weight: 500;
}

._21px-medium.center-aligned {
  text-align: center;
}

._21px-medium.center-aligned.bottom-margin-8px {
  margin-bottom: 24px;
}

._21px-medium.left-aligned {
  text-align: left;
}

.logo-content-grid {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  justify-items: center;
  display: flex;
}

.small-image {
  width: 24px;
  margin-bottom: 8px;
}

._12-regular-italic {
  font-family: Roboto, sans-serif;
  font-size: 12px;
  font-style: italic;
  font-weight: 400;
}

._40-medium {
  font-size: 40px;
}

._40-medium.bottom-margin-40px {
  margin-bottom: 40px;
}

._40-medium.bottom-margin-40px.width-565px {
  width: 565px;
}

._40-medium.bottom-margin-24px {
  margin-bottom: 24px;
}

._40-medium.bottom-margin-24px._28-medium-for-phone {
  margin-bottom: 24px;
  line-height: 1.15;
}

.icon-and-content-holder {
  flex-direction: column;
  align-items: center;
  padding-left: 16px;
  padding-right: 16px;
  display: flex;
}

.table-contents-mobile {
  padding-top: 16px;
}

.table-contents-mobile.hidden-for-desktop {
  display: none;
}

._30-medium-2 {
  font-size: 30px;
}

._30-medium-2.white {
  color: #fff;
}

._30-medium-2.white.bottom-margin-24px {
  margin-bottom: 24px;
  line-height: 1.5em;
}

._30-medium-2.white.bottom-margin-24px.center-aligned {
  text-align: center;
}

._20-italic {
  font-size: 20px;
  font-weight: 400;
}

._20-italic.no-bottom-margin {
  text-align: left;
  margin-bottom: 0;
}

.table-contents {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #fff;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr .5fr;
  grid-auto-columns: 1fr;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  display: grid;
}

._16-normal {
  margin-bottom: 0;
  font-size: 16px;
}

._16-normal.white {
  color: #fff;
  line-height: 1.5em;
}

._16-normal.white.centered {
  text-align: center;
}

.table-content-holder-mobile {
  background-color: #fff;
  flex-direction: column;
  align-items: center;
  margin-bottom: 8px;
  padding-top: 16px;
  padding-bottom: 16px;
  display: flex;
}

.tick-holder-2 {
  justify-content: center;
  align-items: center;
  padding-top: 0;
  display: flex;
}

.tick-holder-2.bottom-border {
  border-bottom: 2px solid #fafafa;
  border-right: 2px #000;
}

.table-content-holder {
  padding-top: 16px;
  padding-bottom: 16px;
  padding-left: 32px;
}

.table-content-holder.right-bottom-border {
  border-bottom: 1px solid #fafafa;
  border-right: 2px solid #fafafa;
}

.table-heading {
  width: 100%;
  background-color: #353d48;
  flex-direction: column;
  align-items: center;
  padding-top: 24px;
  padding-bottom: 24px;
  display: flex;
}

.div-block-69 {
  align-items: center;
  margin-bottom: 40px;
  display: flex;
}

.table {
  width: 602px;
}

.image-55 {
  width: 24px;
  margin-right: 16px;
}

.dashboard-hero-image {
  width: 450px;
  height: auto;
}

.nvr-header-image {
  width: 450px;
  height: 600px;
}

.home-video {
  width: 50%;
  height: 65%;
  position: absolute;
  top: 100px;
  bottom: 0%;
  left: auto;
  right: 0%;
}

.home-video.hidden-for-phone {
  width: 35%;
  height: 45%;
}

.app-icon-link.left-margin-8px {
  margin-left: 8px;
}

.splide {
  position: relative;
}

.splide__list {
  justify-content: center;
  display: flex;
}

.splide__slide {
  flex: none;
  margin-left: 2%;
  margin-right: 2%;
  display: flex;
}

.splide__pagination {
  justify-content: center;
  align-items: flex-start;
  padding-left: 0;
  display: flex;
  position: absolute;
  top: 30px;
}

.splide__pagination.pricing-testimonials {
  display: flex;
  position: static;
}

.splide__pagination.hidden {
  display: none;
}

.splide__pagination__item {
  justify-content: center;
  display: flex;
}

.splide__pagination__page {
  width: 16px;
  height: 16px;
  background-color: var(--form-field-border);
  border-radius: 100px;
  margin-right: 8px;
}

.splide__pagination__page.is-active {
  background-color: var(--button-hover);
}

.splide__pagination__page.pricing-testimonials {
  margin-right: 24px;
}

.splide__pagination__page.pricing-testimonials.is-active.black {
  background-color: #353d48;
}

.hero-mobile-image, .large-image-for-phone {
  display: none;
}

.wrapper {
  position: static;
  overflow: visible;
}

.mp4-video-embed {
  width: 45%;
  height: auto;
  object-fit: fill;
  margin-top: 90px;
  margin-bottom: 100px;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: auto;
  right: 0%;
}

.mp4-video-embed.hidden-for-mobile._w-background-video, .mp4-video-embed.hidden-for-mobile._w-background-video.hero-video, .mp4-video-embed.hidden-for-mobile._w-background-video.hero-video._w-background-video-atom {
  height: auto;
}

.mp4-video-embed.hidden-for-mobile.hero-video._w-background-video-atom.static {
  position: static;
}

.mp4-video-embed.hidden-for-mobile.hero-video._w-background-video-atom.static.wdith-100 {
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
}

.mp4-video-embed.hidden-for-mobile.hero-video.different-width-for-breakpoint {
  width: 50%;
  margin-top: 70px;
}

.mp4-video-embed.hidden-for-desktop {
  display: none;
}

.vid-holder {
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  right: -30px;
}

.vid-holder-cover {
  display: none;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.white-reviewer-name {
  text-align: center;
}

.h1 {
  text-align: left;
  margin-bottom: 0;
  font-weight: 500;
}

.h1.bottom-margin-24px {
  margin-bottom: 24px;
}

.h1.bottom-margin-16px {
  margin-bottom: 16px;
}

.h1.white-colour {
  color: #fff;
}

.h1.white-colour.bottom-margin-8px {
  margin-bottom: 8px;
}

.h1.white-colour.bottom-margin-8px.center-aligned {
  text-align: center;
}

.h1.bottom-margin-40px {
  margin-bottom: 40px;
}

.h1.center-aligned-paragraph.variable-width-for-breakpoints {
  font-family: Roboto, sans-serif;
  font-weight: 700;
}

.h2 {
  text-align: left;
  margin-bottom: 0;
  font-size: 55px;
  line-height: 1.15;
}

.h2.bottom-margin-16px {
  margin-bottom: 16px;
}

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

.h2.center-aligned.bottom-margin-32px {
  margin-bottom: 32px;
}

.h2.center-aligned.bottom-margin-24px {
  margin-bottom: 24px;
}

.h2.center-aligned.width-80 {
  width: 80%;
}

.h2.center-aligned.width-80.gradient {
  background-image: linear-gradient(77deg, var(--spot-blue), #a900e4);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
}

.h2.center-aligned.width-80.gradient.bold {
  font-weight: 700;
}

.h2.white-colour {
  color: #fff;
}

.blog-home-h2 {
  text-align: left;
  margin-bottom: 0;
  font-size: 54px;
  font-weight: 400;
}

.blog-home-h2.bottom-margin-16px {
  margin-bottom: 16px;
}

.blog-home-h1 {
  text-align: left;
  margin-bottom: 0;
  font-size: 48px;
  font-weight: 400;
}

.blog-home-h1.bottom-margin-16px {
  margin-bottom: 16px;
}

.h3 {
  text-align: left;
  flex: 1;
  margin-bottom: 0;
  font-size: 40px;
}

.h3.bottom-margin-16px {
  margin-bottom: 16px;
}

.h3.bottom-margin-32px, .h3.bottom-margin-32px.centered-for-phone {
  margin-bottom: 32px;
}

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

.h3.width-100 {
  width: 100%;
}

.h3.right-margin-2px {
  margin-right: 2px;
}

.h3.top-bottom-margin-16px {
  margin-top: 16px;
  margin-bottom: 16px;
}

.h3.top-bottom-margin-24px {
  margin-top: 24px;
  margin-bottom: 24px;
}

.h3.width-50 {
  width: 50%;
}

.h3.width-50.centered {
  text-align: center;
}

.h3.width-60 {
  width: 60%;
}

.h3.width-40 {
  width: 47%;
}

.h3.width-40.centered {
  text-align: center;
}

.h3.width-40.centered.bottom-margin-24px-on-mobile {
  line-height: 1.1;
}

.h3.bottom-margin-24px {
  margin-bottom: 24px;
}

.h3.bottom-margin-24px.white-colour {
  color: #fff;
}

.h3.bottom-margin-24px.centered {
  text-align: center;
}

.h3.bottom-margin-56px {
  margin-bottom: 56px;
}

.h3.bottom-margin-56px.white-colour {
  color: #fff;
}

.h3.bottom-margin-56px.white-colour.centered {
  text-align: center;
  margin-bottom: 56px;
}

.h3.bottom-margin-48px {
  margin-bottom: 48px;
}

.h3.bottom-margin-48px.centered {
  text-align: center;
}

.blog-archive-h1 {
  text-align: left;
  margin-bottom: 0;
  font-size: 40px;
  font-weight: 400;
}

.blog-archive-h1.bottom-margin-16px {
  margin-bottom: 16px;
}

.anchor-nav_active {
  text-align: left;
  margin-bottom: 0;
  font-size: 30px;
  font-weight: 700;
}

.anchor-nav_active.bottom-margin-16px {
  margin-bottom: 16px;
}

.h4 {
  text-align: left;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 30px;
}

.h4.bottom-margin-16px {
  margin-bottom: 16px;
}

.h4.bottom-margin-16px.center-aligned, .h4.center-aligned {
  text-align: center;
}

.h4.center-aligned.width-50 {
  width: 50%;
}

.h4.center-aligned.width-50.relative._21px {
  font-size: 21px;
}

.h4.center-aligned.bold {
  font-weight: 700;
}

.h4.center-aligned.colour-white, .h4.white-colour {
  color: #fff;
}

.h4.white-colour.width-80 {
  width: 80%;
  line-height: 1.5em;
}

.h4.white-colour.center-aligned.line-height-1-5 {
  line-height: 1.5;
}

.h4.white-colour._28px {
  font-size: 28px;
}

.h4.white-colour._23px {
  font-size: 23px;
}

.h4.width-50 {
  width: 60%;
}

.h4.top-margin-40px {
  margin-top: 40px;
}

.h4.top-margin-40px.center-aligned.weight-normal {
  font-weight: 400;
}

.h4.top-margin-40px.center-aligned.weight-normal._24px {
  font-size: 24px;
}

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

.h4.width-100-centered {
  width: 100%;
  text-align: center;
}

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

.h4.is-bold {
  font-weight: 700;
}

.anchor-nav_default {
  text-align: left;
  margin-bottom: 0;
  font-size: 30px;
  font-weight: 400;
}

.anchor-nav_default.bottom-margin-16px {
  margin-bottom: 16px;
}

.blog-h2 {
  text-align: left;
  margin-bottom: 0;
  font-size: 30px;
  font-weight: 400;
}

.blog-h2.bottom-margin-16px {
  margin-bottom: 16px;
}

.blog-h3 {
  text-align: left;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 500;
}

.blog-h3.bottom-margin-16px {
  margin-bottom: 16px;
}

.blog-h3.top-margin-16px {
  margin-top: 16px;
}

.pre-header-label_all-caps {
  text-align: left;
  text-transform: uppercase;
  margin-bottom: 0;
  font-size: 24px;
}

.pre-header-label_all-caps.bottom-margin-16px {
  margin-bottom: 16px;
}

.pre-header-label_all-caps.top-margin-16px {
  margin-top: 16px;
}

.blog-snippet-title {
  text-align: left;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 400;
}

.blog-snippet-title.bottom-margin-16px {
  margin-bottom: 16px;
}

.p1_medium {
  margin-bottom: 0;
  font-weight: 500;
}

.p1_medium.bottom-margin-16px {
  margin-bottom: 16px;
}

.p1_medium.center-aligned-paragraph.bottom-margin-8px {
  margin-bottom: 8px;
}

.p1_medium.top-margin-32px {
  margin-top: 32px;
}

.hyperlink-cta-text_2 {
  margin-bottom: 0;
}

.hyperlink-cta-text_2.bottom-margin-16px {
  margin-bottom: 16px;
}

.hyperlink-cta-text_2.blue {
  color: var(--spot-blue);
}

.hyperlink-cta-text_2.blue.right-margin-16px {
  margin-right: 16px;
}

.p1 {
  margin-bottom: 0;
  display: block;
}

.p1.bottom-margin-16px {
  margin-bottom: 16px;
  display: block;
}

.p1.white-colour {
  color: #fff;
}

.p1.white-colour.bottom-margin-36-24-for-phone {
  margin-bottom: 36px;
}

.p1.white-colour.center-aligned-paragraph.width-50 {
  width: 50%;
}

.p1.white-colour.center-aligned-paragraph.width-60.bottom-margin-28px {
  margin-bottom: 28px;
}

.p1.white-colour.width-60 {
  width: 60%;
}

.p1.white-colour.top-margin-32px {
  margin-top: 32px;
}

.p1.white-colour.top-margin-32px._32px {
  font-size: 32px;
}

.p1.white-colour.top-margin-32px.width-70-desktop {
  width: 70%;
}

.p1.white-colour.left-margin-8px {
  margin-left: 8px;
}

.p1.center-aligned-paragraph.bottom-margin-48px {
  margin-bottom: 48px;
}

.p1.center-aligned-paragraph.bottom-margin-32px-width-70 {
  width: 70%;
  margin-bottom: 32px;
}

.p1.center-aligned-paragraph.bottom-margin-32px {
  margin-bottom: 32px;
}

.p1.bottom-margin-40px {
  margin-bottom: 40px;
}

.p1.large {
  font-size: 28px;
}

.p1.large.top-and-bottom-margin-24px {
  margin-top: 24px;
  margin-bottom: 24px;
}

.p1.blue-for-link {
  color: var(--spot-blue);
}

.p1.blue-for-link.left-margin-8px {
  margin-left: 8px;
}

.p1.hidden-for-now {
  display: none;
}

.p1.top-margin-24px {
  margin-top: 24px;
}

.p1.top-margin-24px.size-18px, .p1._18px {
  font-size: 18px;
}

.p1._18px.top-margin-8px {
  margin-top: 8px;
}

.p1._18px.top-margin-16px {
  margin-top: 16px;
}

.p1._18px.top-margin-16px.center-for-phone.center-aligned-paragraph.side-margin-24px {
  margin-left: 24px;
  margin-right: 24px;
}

.p1._18px.white-coloured-centered {
  color: #fff;
  text-align: center;
}

.p1.width-65 {
  width: 65%;
}

.p1._14px-bold {
  padding: 8px 4px 8px 0;
  font-size: 14px;
  font-weight: 700;
}

.p1._14px-bold.medium {
  font-weight: 500;
}

.p1._14px-bold.medium.checkbox-customising {
  padding: 8px 12px;
}

.p1._14px-bold.medium.checkbox-customising.hack43-radio-label-2.border-color {
  color: #c4c4c4;
}

.p1._14px-bold.bottom-margin-8px {
  margin-bottom: 8px;
}

.p1._14px-regular {
  font-size: 14px;
}

.p1._14px-regular.center-aligned-paragraph.colour-white {
  color: #fff;
}

.p1.left-margin-18px {
  margin-left: 18px;
}

.p1.left-margin-18px.right-margin-4px {
  margin-right: 4px;
}

.p1.top-bottom-margin-16px {
  margin-top: 16px;
  margin-bottom: 16px;
}

.p1.right-left-8px-margin {
  margin-left: 8px;
  margin-right: 8px;
}

.p1.right-left-16px-margin {
  margin-left: 16px;
  margin-right: 16px;
}

.p1._16px-medium-all-caps {
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 500;
}

.p1._16px-medium-all-caps.left-margin-16px {
  margin-left: 16px;
}

.p1.all-cap {
  text-transform: uppercase;
  font-size: 18px;
}

.p1.smaller {
  margin-top: 8px;
  margin-bottom: 8px;
  font-size: 14px;
}

.p1.bottom-margin-24px {
  margin-bottom: 24px;
}

.p1.white-bold-centered {
  color: #fff;
  text-align: center;
  font-weight: 700;
}

.p1.medium.centered {
  text-align: center;
}

.p1._18px-medium {
  font-size: 18px;
  font-weight: 500;
}

.p1._17px {
  font-size: 17px;
}

.p1._16px-center-align {
  text-align: center;
  font-size: 16px;
}

.blog-p {
  margin-bottom: 0;
  font-size: 20px;
}

.blog-p.bottom-margin-16px {
  margin-bottom: 16px;
}

.button-text {
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 500;
}

.button-text.bottom-margin-16px {
  margin-bottom: 16px;
}

.button-text.grey {
  color: #878d94;
}

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

.button-text.white-colour.right-16px {
  margin-right: 16px;
}

.blog-home-masthead-category {
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 400;
}

.blog-home-masthead-category.bottom-margin-16px {
  margin-bottom: 16px;
}

.blog-home-masthead-category.bold {
  font-weight: 700;
}

.blog-home-masthead-category.bold.bottom-margin-25px {
  margin-bottom: 25px;
}

.secondary-nav-link_active {
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 700;
}

.secondary-nav-link_active.bottom-margin-16px {
  margin-bottom: 16px;
}

.global-nav-link {
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 500;
}

.global-nav-link.bottom-margin-16px {
  margin-bottom: 16px;
}

.global-nav-link.spot-blue {
  color: var(--spot-blue);
}

.secondary-nav-link_default {
  margin-bottom: 0;
  font-size: 16px;
}

.secondary-nav-link_default.bottom-margin-16px {
  margin-bottom: 16px;
}

.black-background {
  background-color: var(--spot-black);
}

.black-background.bottom-margin-16px {
  margin-bottom: 16px;
}

.footer-link-header {
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 700;
}

.footer-link-header.bottom-margin-16px {
  margin-bottom: 16px;
}

.blog-snippet-category {
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
}

.blog-snippet-category.bottom-margin-16px {
  margin-bottom: 16px;
}

.form-field-default-text {
  margin-bottom: 0;
  font-size: 14px;
}

.form-field-default-text.bottom-margin-16px {
  margin-bottom: 16px;
}

.footer-link_small {
  margin-bottom: 0;
  font-size: 11px;
}

.cc-result-secondary {
  border: 2px solid #0bad95;
}

.cc-h2 {
  text-align: center;
  font-size: 54px;
}

.cc-preheader {
  font-size: 18px;
  font-weight: 700;
}

.cc-cta-primary {
  padding-left: 80px;
  padding-right: 80px;
}

.cards-holder {
  width: 100%;
  justify-content: center;
  align-items: stretch;
  display: flex;
}

.key-takeaway-card {
  width: 30%;
  height: auto;
  background-color: #fff;
  flex-direction: column;
  align-items: center;
  padding: 36px 24px;
  display: flex;
}

.key-takeaway-card.left-margin-32px {
  margin-right: 32px;
}

._36px-icon {
  width: 36px;
  height: 36px;
}

._36px-icon.bottom-margin-16px {
  margin-bottom: 16px;
}

.center-aligned-paragraph {
  text-align: center;
}

.all-styles-wrapper {
  width: 100%;
}

.h1-em {
  text-align: left;
  margin-bottom: 0;
  font-size: 4.644em;
}

.h1-em.bottom-margin-16px {
  margin-bottom: 16px;
}

.h1-em.bottom-margin-24px {
  margin-bottom: 24px;
}

.h2-em {
  text-align: left;
  margin-bottom: 0;
  font-size: 3.75em;
}

.h2-em.bottom-margin-32px {
  margin-bottom: 32px;
}

.h2-em.bottom-margin-32px.colour-white {
  color: #fff;
}

.h2-em.bottom-margin-32px.colour-white.center-aligned {
  text-align: center;
}

.h2-em.bottom-margin-32px.colour-white.center-aligned.width-100 {
  width: 100%;
  line-height: 1.2;
}

.h3-em {
  text-align: left;
  margin-bottom: 0;
  font-size: 2.858em;
}

.h4-em {
  text-align: left;
  margin-bottom: 0;
  font-size: 2.143em;
}

.blog-home-h2-em {
  text-align: left;
  margin-bottom: 0;
  font-size: 3.858em;
  font-weight: 400;
}

.blog-home-h1-em {
  text-align: left;
  margin-bottom: 0;
  font-size: 3.429em;
  font-weight: 400;
}

.blog-archive-h1-em {
  text-align: left;
  margin-bottom: 0;
  font-size: 2.858em;
  font-weight: 400;
}

.blog-h2-em {
  text-align: left;
  margin-bottom: 0;
  font-size: 2.143em;
  font-weight: 400;
}

.blog-h3-em {
  text-align: left;
  margin-bottom: 0;
  font-size: 1.715em;
}

.blog-snippet-title-em {
  text-align: left;
  margin-bottom: 0;
  font-size: 1.715em;
  font-weight: 400;
}

.blog-p-em {
  margin-bottom: 0;
  font-size: 1.429em;
}

.blog-home-masthead-category-em {
  margin-bottom: 0;
  font-size: 18px;
}

.blog-snippet-category-em {
  margin-bottom: 0;
  font-size: 14px;
}

.anchor-nav_active-em {
  text-align: left;
  margin-bottom: 0;
  font-size: 2.143em;
  font-weight: 700;
}

.anchor-nav_default-em {
  text-align: left;
  margin-bottom: 0;
  font-size: 2.143em;
  font-weight: 400;
}

.hyperlink-cta-text_2-em {
  margin-bottom: 0;
  font-size: 1.5em;
}

.button-text-em {
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 500;
}

.secondary-nav-link_active-em {
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 700;
}

.global-nav-link-em {
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 500;
}

.secondary-nav-link_default-em {
  margin-bottom: 0;
  font-size: 16px;
}

.p1_medium-em {
  margin-bottom: 0;
  font-size: 1.5em;
  font-weight: 500;
}

.p1-em {
  margin-bottom: 0;
  font-size: 1.5em;
}

.pre-header-label_all-caps-em {
  text-align: left;
  margin-bottom: 0;
  font-size: 1.715em;
}

.form-field-default-text-em {
  margin-bottom: 0;
  font-size: 14px;
}

.button-and-link-holder {
  align-items: center;
  display: flex;
}

.button-and-link-holder.top-margin-24px {
  margin-top: 24px;
}

.button-and-link-holder.government-page-custom {
  width: 100%;
  background-color: #d8ebfb;
  border-radius: 10px;
  flex-direction: column;
  padding: 16px;
}

.half {
  width: 45%;
}

.half.left-aligned {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.half.left-aligned.right-margin-112px {
  margin-right: 112px;
}

.half.top-aligned {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.half.right-aligned {
  justify-content: flex-end;
  display: flex;
}

.thank-you-header-image {
  width: 150px;
}

.thank-you-header-image.bottom-margin-16px {
  margin-bottom: 16px;
}

.thank-you-page-card {
  width: 70%;
  background-color: #fff;
  border-radius: 20px;
  justify-content: space-between;
  margin-top: -200px;
  padding: 74px 56px;
  display: flex;
  box-shadow: 0 1px 9px rgba(0, 0, 0, .3);
}

.thank-you-card-image {
  width: 180px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, .15);
}

.thank-you-card-text-holder {
  width: 70%;
  flex-direction: column;
  align-items: center;
  margin-right: 50px;
  display: flex;
}

.soc-section-image {
  width: 170px;
  margin-bottom: 32px;
}

.support-video {
  width: 100%;
}

.support-lightbox-link {
  align-items: center;
  display: flex;
}

.support-page-lightbox {
  z-index: 26;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, .9);
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
}

.support-page-lightbox-video.for-phone {
  display: none;
}

.lightbox-background {
  z-index: -1;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0);
  position: absolute;
}

.soc2-info-holder {
  width: 80%;
  flex-direction: row;
  display: flex;
}

.soc2-info-holder.bottom-margin-48 {
  margin-bottom: 48px;
}

.soc2-icon-and-text-holder {
  width: 100%;
}

.soc2-icon-and-text-holder.right-margin-24px {
  margin-right: 24px;
}

.soc2-icon-holder {
  background-color: #fafafa;
  justify-content: center;
  margin-bottom: 16px;
  padding-top: 32px;
  padding-bottom: 32px;
  display: flex;
}

.soc2-text-holder {
  padding-left: 16px;
  padding-right: 16px;
}

.soc2-icon {
  width: 100px;
}

.right-padding-30px {
  margin-right: 30px;
}

.lightbox-holder {
  z-index: 26;
  width: 100vw;
  height: 100vh;
  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;
  display: none;
  position: fixed;
}

.lightbox-background-black {
  z-index: -1;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .25);
  justify-content: center;
  align-items: center;
  display: flex;
  position: fixed;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.lightbox-form-holder {
  background-color: var(--spot-blue);
  border-radius: 5px;
  flex-direction: column;
  flex: 0 auto;
  justify-content: flex-start;
  align-self: auto;
  align-items: center;
  padding: 20px 0;
  display: flex;
  position: relative;
}

.form-fields-holder {
  align-items: flex-start;
  margin-bottom: 24px;
  display: flex;
}

.form-fields-holder.flex-vertical-right-aligned {
  flex-direction: column;
}

.form-fields-holder.flex-vertical-right-aligned.width-100 {
  width: 100%;
}

.single-form-field-holder {
  width: auto;
}

.single-form-field-holder.right-margin-24px {
  margin-right: 24px;
}

.single-form-field-holder.width-100 {
  width: 100%;
}

.form-6 {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.lightbox-form-button {
  background-color: var(--spot-blue);
  outline-offset: 0px;
  border: 2px solid #fff;
  border-radius: 5px;
  outline: 0 #fff;
  padding: 16px 14px;
  font-size: 18px;
  font-weight: 500;
}

.lightbox-form-block {
  justify-content: center;
  display: flex;
}

.confetti-holder {
  width: 33%;
}

.lightbox-wrapper {
  display: flex;
}

.html-embed-submit-button {
  border: 1px solid #fff;
  border-radius: 5px;
  font-size: 18px;
  font-weight: 500;
}

.success-message-2 {
  width: 70%;
  background-color: rgba(221, 221, 221, 0);
  padding-left: 0;
  padding-right: 0;
}

.cross-holder {
  justify-content: flex-end;
  padding: 20px 20px 8px 8px;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: auto;
  right: 0%;
}

.image-56 {
  width: 25px;
}

.calculator-body {
  background-color: #f5f5f5;
}

.partner-resell-link {
  font-size: 18px;
}

.white-button-in-lightbox {
  border: 2px solid var(--spot-blue);
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  margin-right: 0;
  padding: 15px 24px;
  display: flex;
}

.button-icon {
  width: 22px;
  margin-left: 16px;
}

.video-button-lightbox {
  width: auto;
  align-items: flex-start;
  margin-right: 24px;
  display: flex;
}

.video-link-lightbox {
  align-items: center;
  display: flex;
}

.form-and-heading-holder {
  width: 80%;
  flex-direction: column;
  justify-content: flex-start;
  display: flex;
}

.form-7 {
  display: none;
}

.hero-content-holder {
  width: 70%;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

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

.partner-grid-card {
  border: 1px solid var(--form-field-border);
  border-radius: 10px;
  flex-direction: column;
  align-items: center;
  padding: 32px 16px;
  display: flex;
}

.partner-card-icon {
  width: 48px;
}

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

.partner-form-block.top-margin-40px {
  margin-top: 40px;
}

.partner-form-block.top-margin-40px.hidden-for-phone.hidden {
  display: none;
}

.partner-form {
  width: 130%;
  display: flex;
}

.partner-form.shaddow {
  width: 110%;
  border-radius: 10px;
  box-shadow: 1px 1px 10px rgba(0, 0, 0, .1);
}

.partner-email-input {
  border-radius: 30px;
  margin-bottom: 0;
  padding-top: 8px;
  font-size: 18px;
}

.partner-email-input.radius-10px {
  border-radius: 10px;
}

.partner-email-input.radius-10px.more-padding {
  height: 50px;
  border: 1px #000;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  padding-top: 22px;
  padding-bottom: 22px;
  padding-left: 26px;
}

.partner-email-submit {
  background-image: linear-gradient(97deg, var(--spot-blue), #a900e4);
  border-radius: 30px;
  margin-left: -40px;
  font-size: 18px;
  font-weight: 500;
}

.partner-email-submit.radius-10px {
  background-color: rgba(56, 152, 236, 0);
  background-image: linear-gradient(97deg, var(--spot-blue), #a900e4);
  border-radius: 10px;
}

.partner-email-submit.radius-10px.book-a-demo {
  display: none;
}

.partner-email-submit.radius-10px.tour-spotai {
  height: 50px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  margin-left: 0;
  font-weight: 500;
}

.partner-email-submit.hidden-for-desktop {
  width: 100%;
  border-radius: 10px;
  margin-top: 40px;
  margin-left: 0;
  display: none;
}

.partner-email-submit.blue {
  background-color: var(--spot-blue);
  background-image: none;
  border-radius: 0 10px 10px 0;
  margin-left: 0;
}

.partner-email-submit.blue._40px-side-padding {
  padding-left: 40px;
  padding-right: 40px;
}

.partner-hero-image-absolute {
  width: 40%;
  position: absolute;
  top: 140px;
  bottom: 0%;
  left: auto;
  right: 0%;
}

.partner-hero-page-static {
  display: none;
}

.html-embed-7 {
  border-radius: 5px;
}

.form__input {
  min-height: 50px;
  color: gray;
  background-color: #f6f6f6;
  border-radius: 3px;
  font-size: 16px;
}

.form__input.state {
  background-image: url("https://assets-global.website-files.com/5fe2250e2f83cc02cbfefbcf/634eca4010767dd717bca712_maps-and-flags.svg");
  background-position: 14px;
  background-repeat: no-repeat;
  background-size: 22px;
  padding-left: 45px;
}

.heading-hold-div {
  align-items: center;
  display: flex;
}

.marquee {
  width: auto;
  flex-direction: row;
  flex: none;
  justify-content: center;
  align-items: center;
  margin-top: 40px;
  display: flex;
}

.marquee-logo {
  width: 90px;
  margin-right: 56px;
}

.marquee-logo.no-side-margin {
  margin-right: 0;
}

.popup-image-div {
  width: 100%;
  background-image: url("https://assets-global.website-files.com/5fe2250e2f83cc02cbfefbcf/63691ab0bd6f07455ee3a00d_m-homepage-greydient%402x.png");
  background-repeat: repeat;
  border-radius: 10px;
  flex-direction: column;
  align-items: flex-start;
  margin-top: 48px;
  padding-top: 0;
  display: flex;
  position: relative;
  overflow: visible;
}

.get-demo-link {
  align-items: center;
  margin-top: 40px;
  display: flex;
}

.pop-up-image {
  width: 100%;
}

.pop-up-image.phone-only {
  display: none;
}

.link-arrow {
  height: 14px;
  margin-left: 8px;
}

.confetti-holder-small {
  width: 20%;
}

.confetti-holder-small.center-aligned {
  width: 25%;
  align-items: center;
  display: flex;
}

.badges-holder {
  width: 50%;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.badges-holder.width-auto {
  width: auto;
}

.confetti {
  width: 100%;
}

.badges-grid {
  grid-column-gap: 12px;
  grid-row-gap: 0px;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  justify-items: stretch;
  margin-top: 24px;
  display: grid;
}

.badges-grid.responsive-for-pricing-page {
  grid-column-gap: 20px;
}

.homepage-slider {
  width: 100%;
  height: 100%;
  background-color: rgba(221, 221, 221, 0);
  margin-top: 0;
}

.homepage-slider-nav {
  width: 40%;
  justify-content: flex-end;
  display: flex;
}

.homepage-slider-nav.visible-for-desktop.hidden, .homepage-slider-arrow {
  display: none;
}

.homepage-slider-arrow.show-for-phone.absolute-left-white {
  width: 40px;
  display: flex;
  top: auto;
  bottom: 32px;
  left: 60%;
  right: auto;
}

.homepage-slider-arrow.show-for-phone.absolute-right-white {
  width: 40px;
  display: block;
  top: auto;
  bottom: 32px;
  left: 65%;
  right: auto;
}

.homepage-slider-image-holder {
  width: 624px;
  background-image: url("https://assets-global.website-files.com/5fe2250e2f83cc02cbfefbcf/635ba7590bda3de31ce1dbea_tyler-slaughter-headshot%402x.png");
  background-position: 0 0;
  background-size: cover;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}

.homepage-slider-image-holder.choice-bg {
  background-image: url("https://assets-global.website-files.com/5fe2250e2f83cc02cbfefbcf/636a35910b476528db07a3bc_choice-headshot-2-NT-%402x.jpeg");
}

.homepage-slider-image-holder.magnolia-bg {
  background-image: url("https://assets-global.website-files.com/5fe2250e2f83cc02cbfefbcf/636a3593f75558aaadd5cdb6_magnolia-reseda-location-2-%402x.jpeg");
}

.homepage-slider-image-holder.camel-bg {
  background-image: url("https://assets-global.website-files.com/5fe2250e2f83cc02cbfefbcf/636a3591aa89f66465395b0c_tyler-slaughter-camel-express-3-%402x.jpeg");
}

.homepage-slider-image-holder.rahr-bg {
  background-image: url("https://assets-global.website-files.com/5fe2250e2f83cc02cbfefbcf/636a35931c7417bada7424ce_rahr-malting-testimonial-%402x.jpeg");
}

.homepage-slider-content-holder {
  width: 516px;
  background-image: none;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  padding-top: 56px;
  padding-left: 56px;
  padding-right: 56px;
}

.slide-wrapper {
  width: 100%;
  height: 100%;
  border-radius: 10px;
  display: flex;
}

.bottom-sticking-image {
  width: 100%;
  height: auto;
  margin-top: 0;
  margin-bottom: 0;
  position: static;
  bottom: 0;
  left: 3%;
  right: 3%;
}

.hero-slider {
  width: 100%;
  height: 100%;
  background-color: rgba(221, 221, 221, 0);
  margin-top: 0;
}

.hero-slider-nav-hidden {
  display: none;
}

.slide-3 {
  background-color: rgba(0, 0, 0, 0);
  padding-left: 3%;
  padding-right: 3%;
}

.image-57 {
  height: 100%;
}

.hero-slider-wrapper {
  width: 100%;
  height: 445px;
  justify-content: center;
  margin-top: 0;
  margin-bottom: -5px;
  display: flex;
}

.hero-slider-wrapper.top-margin-96px {
  margin-top: 96px;
}

.hero-slider-wrapper.top-margin-96px.more-height {
  height: 560px;
  margin-top: 48px;
}

.hero-slider-wrapper.absolute {
  position: absolute;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.mask-5 {
  background-color: rgba(0, 0, 0, 0);
  overflow: visible;
}

.slide-image-holder {
  width: 100%;
  height: 100%;
}

.slider-logo {
  height: 65px;
  margin-top: 16px;
}

.slider-logo.width-mentioned {
  width: 152px;
  height: auto;
}

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

.resources-card {
  border-radius: 10px;
  box-shadow: 3px 3px 10px rgba(0, 0, 0, .1);
}

.resources-image {
  height: 184px;
  background-color: #e0e0e0;
  background-image: url("https://assets-global.website-files.com/5fe2250e2f83cc02cbfefbcf/6362c319b81bd1816a7b10fb_img.png");
  background-position: 0 0;
  background-size: cover;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  justify-content: flex-end;
  align-items: flex-end;
  display: flex;
}

.resources-image.podcast-bg {
  background-image: url("https://assets-global.website-files.com/5fe2250e2f83cc02cbfefbcf/636a30b41c7417c7da73dd51_podcast-reimagining-role-of-video-%402x.png");
  background-position: 50% 0;
}

.resources-image.webinar-bg {
  background-image: url("https://assets-global.website-files.com/5fe2250e2f83cc02cbfefbcf/636a30b170681aaa09fd0ca8_webinar-intro-to-ai-cam-systems-%402X.jpeg");
  background-position: 50% 0;
}

.resources-image.video-bg {
  background-image: url("https://assets-global.website-files.com/5fe2250e2f83cc02cbfefbcf/636a30b1a286f2236b8ccc1e_customer-story-camel-%402x.jpeg");
  background-position: 50% 0;
}

.resources-content {
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  flex-direction: column;
  align-items: flex-start;
  padding: 16px 16px 30px;
  display: flex;
}

.tag {
  border: 1px solid #ccc;
  border-radius: 10px;
  padding: 8px;
}

.tag-text {
  margin-bottom: 0;
  font-size: 14px;
}

.resources-card-icon {
  width: 24px;
  height: 24px;
  margin-bottom: 24px;
  margin-right: 24px;
}

.text-below-slider {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.text-below-slider.above-tho {
  flex-direction: row;
}

.whole-marquee {
  width: 100%;
  display: flex;
  position: static;
  overflow: visible;
}

.whole-marquee.left-aligned {
  justify-content: flex-end;
}

.left-white-side {
  z-index: 2;
  width: 15%;
  background-image: linear-gradient(96deg, #fff, #fff 52%, rgba(115, 180, 125, 0));
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: auto;
}

.left-white-side.right {
  background-image: linear-gradient(270deg, #fff, #fff 52%, rgba(255, 255, 255, 0));
  top: 0%;
  bottom: 0%;
  left: auto;
  right: 0%;
}

.image-prompt-wrapper {
  width: 290px;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.image-prompt-wrapper.opens-upwards {
  height: 297px;
  justify-content: flex-end;
}

.image-prompt-wrapper.opens-upwards.z-index--1 {
  z-index: -1;
  margin-top: 12px;
  position: relative;
}

.image-prompt-wrapper.z-index-1 {
  z-index: 1;
  position: relative;
}

.image-prompt-heading {
  width: auto;
  background-image: linear-gradient(143deg, var(--spot-blue), #a900e4);
  border-radius: 10px;
  align-items: center;
  padding: 8px 16px;
  display: flex;
}

.image-prompt-heading.relative {
  position: relative;
}

.prompt-heading {
  color: #fff;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 700;
}

.prompt-data {
  background-color: #fff;
  border-radius: 10px;
  flex-direction: column;
  align-items: flex-start;
  padding: 24px;
  display: flex;
  position: relative;
  box-shadow: 3px 3px 10px rgba(0, 0, 0, .1);
}

.prompt-data.for-phone {
  width: 80%;
  display: none;
  position: absolute;
}

.prompt-data-heading {
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: 700;
}

.prompt-data-para {
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: 400;
}

.expand-icon {
  z-index: 1;
  margin-right: 10px;
  position: static;
}

.phone-expand-icon {
  width: 48px;
  display: none;
}

.image-prompt-holder {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
  position: absolute;
}

.image-prompt-holder._1 {
  z-index: 1;
  margin-top: 5%;
  margin-left: 6%;
}

.image-prompt-holder._2 {
  margin-top: 24%;
  margin-left: 17%;
  top: -39%;
}

.image-prompt-holder._3 {
  margin-top: 4%;
  margin-left: 70%;
}

.sperator-line-holder {
  width: 100%;
  justify-content: center;
  display: flex;
  position: absolute;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.sperator-line-holder.height1px {
  height: 10px;
}

.sperator-line {
  width: 345px;
  height: 1px;
  background-image: linear-gradient(to right, var(--spot-blue), #a900e4);
}

.home-hero-slider-image {
  width: auto;
  height: 450px;
  max-width: 1140px;
}

.home-hero-slide-image-holder {
  position: relative;
}

.pulse_animation {
  z-index: 0;
  width: 30px;
  height: 30px;
  outline-offset: 0px;
  border-radius: 100px;
  outline: 2px solid #fff;
  position: absolute;
  top: 8px;
  bottom: auto;
  left: 16px;
  right: auto;
}

.pulse_animation._1, .pulse_animation._2, .pulse_animation._3 {
  display: none;
}

.blue-purple-gradient {
  background-image: linear-gradient(105deg, var(--spot-blue), #a900e4 55%, #a900e4 68%, var(--spot-blue) 101%);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
}

.blue-blur-blob {
  z-index: -2;
  width: 40%;
  height: 380px;
  filter: blur(40px);
  background-color: rgba(0, 124, 228, .4);
  margin-top: 8%;
  margin-left: 13%;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: auto;
}

.pink-blur-blob {
  z-index: -2;
  width: 40%;
  height: 380px;
  filter: blur(40px);
  background-color: rgba(101, 0, 228, .4);
  margin-top: 8%;
  margin-right: 13%;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: auto;
  right: 0%;
}

.background-blur {
  z-index: -2;
  width: 90%;
  height: 430px;
  max-width: 1140px;
  position: static;
  top: auto;
  bottom: 0%;
  left: 10%;
  right: 0%;
}

.background-blur.absolute {
  position: absolute;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.blur-holder {
  z-index: -2;
  width: 100%;
  height: 445px;
  background-image: url("https://assets-global.website-files.com/5fe2250e2f83cc02cbfefbcf/636bdf82519296f0de49fd23_homepage-hero-gradient%402x%20(1).jpeg");
  background-position: 50% 100%;
  background-size: cover;
  justify-content: center;
  align-items: flex-end;
  display: flex;
  position: absolute;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.blur-holder.hidden {
  z-index: 1;
  display: flex;
}

.blur-holder.hide {
  display: none;
}

.phone-slider-image {
  width: 108px;
  height: 108px;
  border-radius: 1000px;
  display: none;
}

.phone-slider-image.glide-bg {
  background-image: url("https://assets-global.website-files.com/5fe2250e2f83cc02cbfefbcf/635ba7590bda3de31ce1dbea_tyler-slaughter-headshot%402x.png");
  background-position: 0 0;
  background-size: cover;
  margin-bottom: 16px;
}

.homepage-slide-mask {
  background-image: linear-gradient(to bottom, var(--spot-blue), #8000e4);
  border-radius: 10px;
}

.purple-corner-blob {
  width: 20%;
  height: 30%;
  filter: blur(50px);
  background-color: rgba(168, 85, 255, .7);
  position: absolute;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: auto;
}

.badges-and-confetti {
  width: 100%;
  justify-content: space-around;
  display: flex;
}

.badges-and-confetti.bottom-margin-for-desktop {
  margin-bottom: 550px;
}

.badges-and-confetti.centered {
  justify-content: center;
}

.badges-and-confetti.hidden {
  display: none;
}

.bg-blue-purple {
  background-image: linear-gradient(to right, var(--spot-blue), #a900e4);
  border-radius: 10px;
}

.bg-blue-purple.pricing-highlighter {
  width: 100%;
  height: 4px;
  border-radius: 5px 5px 0 0;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.nav-button-colour {
  display: none;
}

.popup-cross {
  width: 20px;
  cursor: pointer;
  position: absolute;
  top: 16px;
  bottom: auto;
  left: auto;
  right: 16px;
}

.para-and-link {
  align-items: center;
  margin-top: 24px;
  display: flex;
}

.slider-progress-bar-wrapper {
  z-index: 2;
  width: 100%;
  height: 2px;
  justify-content: center;
  display: flex;
  position: static;
}

.slider-progress-bar-wrapper.top-margin-32px {
  margin-top: 32px;
}

.slider-progress-bar-wrapper.top-margin-32px.hide {
  display: none;
}

.bars-holder {
  z-index: 2;
  width: 60%;
  height: 2px;
  justify-content: center;
  align-items: flex-start;
  margin-top: 40px;
  display: flex;
  position: relative;
}

.bars-holder.no-top-margin {
  margin-top: 0;
}

.single-progress-bar {
  width: 40px;
  height: 2px;
  background-color: var(--form-field-border);
  cursor: pointer;
  border-radius: 10px;
  margin-right: 5px;
  overflow: hidden;
}

.progress-bar-colour {
  width: 100%;
  height: 100%;
  background-image: linear-gradient(83deg, var(--spot-blue), #a900e4);
}

.phone-slider {
  display: none;
}

.slider-link {
  align-items: center;
  margin-top: 32px;
  margin-bottom: 32px;
  display: flex;
}

.slider-link.hidden {
  display: none;
}

.white-slider-arrow {
  height: 40px;
}

.logos-holder-section {
  background-color: #fafafa;
  padding: 32px 3%;
}

.pricing-logos-holder {
  width: 100%;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-items: center;
  display: grid;
}

.pricing-calc-wrapper {
  width: 100%;
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 48px;
  padding-top: 21px;
  padding-left: 4px;
  padding-right: 4px;
  display: grid;
}

.calc-holder {
  width: 100%;
  background-color: #ddefff;
  border-radius: 5px;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  padding: 32px 100px 40px;
  display: flex;
  position: relative;
  overflow: visible;
}

.price-holder {
  align-items: flex-end;
  display: flex;
}

.price-holder.center {
  justify-content: center;
  align-items: flex-end;
}

.radio-wrapper {
  flex-direction: column;
  margin-top: 16px;
  display: flex;
}

.radio-wrapper.flex-vertical {
  flex-direction: column;
}

._1-radio.right-margin-48px {
  margin-right: 48px;
}

._1-radio.bottom-margin-24px {
  margin-bottom: 24px;
}

.radio-button-holder {
  margin-top: 8px;
}

.radio-field-pricing {
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  padding: 0;
  display: flex;
}

.radio-field-pricing.right-margin-8px {
  margin-right: 8px;
}

.radio-field-pricing.right-margin-8px.selected, .radio-field-pricing.selected {
  color: #007ce4;
  background-color: #f6fbff;
  border-color: #1f91f0;
}

.radio-field-pricing.one-eighty-days.hidden {
  display: block;
}

.form-8 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.pricing-calc-table {
  width: 100%;
  margin-top: 32px;
}

.pricing-calc-table-block {
  height: 41px;
  border-top: 1px solid #c4c4c4;
  justify-content: space-between;
  padding-top: 8px;
  padding-bottom: 8px;
  display: flex;
}

.blue-bg-text {
  width: 60%;
  height: 100%;
}

.blue-bg-image {
  width: 40%;
  height: 100%;
  justify-content: flex-end;
  align-items: flex-start;
  display: flex;
}

.button-and-link {
  align-items: center;
  margin-top: 16px;
  display: flex;
}

.button-and-link.is-html-sitemap {
  text-align: left;
  line-height: 32px;
  display: block;
}

.most-popular {
  color: var(--spot-blue);
  text-align: center;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 500;
  position: absolute;
  top: -18px;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.pricing-calc-top {
  width: 100%;
}

.logos-slider-for-phone {
  width: 100%;
  display: none;
}

.logos-holder-slide {
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.splide__slide_2 {
  margin-left: 2%;
  margin-right: 2%;
  display: flex;
}

.splide__list_2 {
  justify-content: center;
  display: flex;
}

.splide_2 {
  position: relative;
}

.slider-list {
  display: flex;
}

.logo-width-80 {
  width: 80%;
}

.logo-width-60 {
  width: 60%;
}

.secondary-navigation {
  background-color: #fff;
  border-bottom: 1px solid #d8ebfb;
  padding-top: 35px;
  padding-bottom: 35px;
}

.secondary-navigation.is-hidden {
  display: none;
}

.secondary-navigation-container {
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.secondary-navigation-container.mobile-only {
  display: none;
  overflow: hidden;
}

.secondary-nav-link {
  color: var(--spot-black);
  text-align: center;
  flex-direction: column;
  flex: none;
  align-items: center;
  padding: 0 20px;
  font-size: 16px;
  display: flex;
}

.secondary-nav-link.w--current {
  color: var(--spot-blue);
}

.secondary-nav-link.no-inner-padding {
  margin-bottom: 0;
  padding: 0;
}

.secondary-nav-link.no-inner-padding.current-page {
  color: var(--spot-blue);
}

.secondary-nav-link.hidden {
  display: none;
}

.nav-menu-2 {
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.tags-holder {
  padding: 18px 3%;
}

.tags-holder-container {
  width: 100%;
  max-width: 1140px;
  justify-content: flex-end;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.tag-link {
  background-color: #d8ebfb;
  border-radius: 10px;
  padding: 3px 16px;
}

.tag-link.right-margin-8px {
  margin-right: 8px;
}

.tag-link.bottom-margin-8px {
  margin-bottom: 8px;
}

.tag-text-blue {
  color: var(--button-hover);
  text-transform: uppercase;
  margin-bottom: 0;
  font-size: 14px;
}

.blog-image-resources {
  width: 556px;
  height: 294px;
  min-height: 320px;
  background-image: url("https://assets-global.website-files.com/5fe2250e2f83cc02cbfefbcf/6398a95b461a36820b6d9f8e_2022.11-series-b-blog-thumbnail-p-800.png");
  background-position: 50%;
  background-size: cover;
  border-radius: 10px;
}

.blog-image-resources.virtual-events-height {
  width: 556px;
  height: 294px;
  min-height: auto;
}

.first-blog-resources {
  display: flex;
}

.data-holder {
  width: 50%;
  flex-direction: column;
  align-items: flex-start;
  margin-right: 24px;
  display: flex;
}

.first-blog-wrapper {
  width: 100%;
}

.secondary-nav-icon {
  width: 24px;
  height: 24px;
  margin-bottom: 2px;
}

.featured-posts-section {
  width: 100%;
  margin-top: 90px;
}

.featured-posts-section.top-margin-16px {
  margin-top: 16px;
}

.featured-posts-section.top-margin-48px {
  margin-top: 48px;
}

.featured-posts-section.flex-right-aligned {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.featured-posts-section.flex-right-aligned.top-margin-40 {
  margin-top: 40px;
}

.blog-posts {
  width: 100%;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: flex-start;
  margin-top: 40px;
  display: flex;
}

.blog-posts.grid {
  grid-column-gap: 45px;
  grid-row-gap: 45px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.sign-up-form {
  width: 100%;
  border: 1px solid var(--form-field-border);
  border-radius: 10px;
  align-items: stretch;
  margin-top: 106px;
  display: flex;
  overflow: hidden;
}

.sign-up-form.lower-margin-96px {
  margin-bottom: 96px;
}

.signup-form-holder {
  width: 50%;
  padding: 74px 80px 74px 40px;
}

.signup-form-image {
  width: 50%;
  background-color: #d8ebfb;
  background-image: url("https://assets-global.website-files.com/5fe2250e2f83cc02cbfefbcf/63daf8902d0e68dd1bceb908_subscribe_to_the_spot_ai_newsletter%402x.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.signup-form {
  width: 90%;
  height: auto;
  align-items: stretch;
  display: flex;
}

.signup-email-input {
  height: 50px;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  margin-bottom: 0;
}

.signup-form-block.top-margin-24px {
  margin-top: 24px;
  margin-bottom: 0;
}

.blogs-3-wrapper {
  width: 100%;
}

.blogs-3-list {
  width: 100%;
  grid-column-gap: 45px;
  grid-row-gap: 45px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.blogs-3-list.single-item {
  grid-template-columns: 1fr;
}

.blogs-3-item {
  width: 100%;
  border: 1px solid var(--form-field-border);
  border-radius: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
  overflow: hidden;
}

.single-blog-item {
  height: 314px;
}

.blog-item-image-holder {
  height: 182px;
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 50%;
  background-size: cover;
}

.blog-item-image-holder.blue-placeholder {
  background-color: var(--gainsboro);
  background-image: none;
  background-size: auto;
}

.blog-item-image-holder.product-image {
  background-image: url("https://assets-global.website-files.com/5fe2250e2f83cc02cbfefbcf/63e08ec5e4e25f503a190d90_product_tour-overview.jpeg");
}

.blog-item-image-holder.cases-image {
  background-image: url("https://assets-global.website-files.com/5fe2250e2f83cc02cbfefbcf/63e08ec7678a17fdca3387a2_product_tour-cases.jpeg");
}

.blog-item-image-holder.alters-image {
  background-image: url("https://assets-global.website-files.com/5fe2250e2f83cc02cbfefbcf/63e08ec5678a178d953387a1_product_tour-ai_alerts.jpeg");
}

.blog-item-image-holder.documents {
  background-color: var(--spot-black);
  background-image: none;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  padding: 32px 28px 24px;
  display: flex;
}

.blog-item-text-holder {
  height: 161px;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  padding: 16px;
  display: flex;
}

.blog-item-text-holder.height-161px {
  height: 161px;
}

.blog-item-text-holder.height-auto {
  height: auto;
}

.blog-item-text-holder.height-174px {
  height: 174px;
}

.blog-item-text-holder.height-166 {
  height: 166px;
}

.blog-item-text-holder.height-165px {
  height: 165px;
}

.blog-button-and-author, .blog-author-holder {
  align-items: center;
  display: flex;
}

.blog-author {
  width: 41px;
  height: 41px;
  border-radius: 100px;
}

.author-and-reading-time-holder {
  align-items: center;
  margin-top: 24px;
  display: flex;
}

.blog-hero-image-2 {
  width: 100%;
  border-radius: 10px;
}

.blog-content-holder {
  width: 100%;
  align-items: flex-start;
  margin-top: 40px;
  padding-left: 54px;
  padding-right: 54px;
  display: flex;
  position: relative;
}

.blog-content-holder.display-none {
  display: none;
}

.toc {
  width: 33%;
  margin-right: 45px;
  position: -webkit-sticky;
  position: sticky;
  top: 80px;
}

.toc.no-side-margin {
  margin-right: 0;
}

.toc.no-side-margin.side-padding {
  padding: 8px 16px;
}

.tocitem {
  width: 100%;
  height: auto;
  border-left: 2px solid var(--form-field-border);
  color: var(--spot-black);
  text-align: left;
  cursor: pointer;
  align-items: flex-start;
  margin-bottom: 0;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 16px;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  display: flex;
}

.tocitem.active {
  border-left-color: var(--spot-blue);
  background-color: #d8ebfb;
  font-weight: 700;
}

.blog-poweful-richtext-holder {
  width: 60%;
}

.blog-embed {
  display: none;
}

.author-holder {
  display: flex;
}

.author-holder.hidden {
  display: none;
}

.tocitem-text {
  width: 100%;
  height: 100%;
  border-left: 2px none var(--form-field-border);
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  font-size: 16px;
}

.tocitem-text.active {
  border-left-color: var(--spot-blue);
  background-color: #d8ebfb;
}

.toc-item-text {
  text-align: left;
  margin-bottom: 0;
  font-size: 16px;
}

.toc-heading-holder {
  padding: 8px 0;
}

.toc-heading-holder.side-padding {
  padding-left: 16px;
  padding-right: 16px;
}

.article-image {
  width: 100%;
  height: 204px;
  background-color: #5db2f9;
  border-radius: 8px;
}

.button-hero._w-100.width-100 {
  width: 100%;
  justify-content: center;
  margin-right: 0;
  display: flex;
}

.button-hero._w-100.width-100.corner-radius-10px {
  border-radius: 10px;
}

.form-field-footer-text {
  font-size: 14px;
}

.form-field-footer-text.top-margin-16px {
  margin-top: 16px;
  margin-bottom: auto;
}

.button-arrow {
  max-width: none;
  margin-left: -40px;
}

.test-24 {
  width: 100%;
  height: 24px;
}

.link-text {
  color: var(--spot-blue);
  margin-bottom: 0;
  font-size: 18px;
}

.link-text.grey {
  color: #878d94;
}

.link-text.grey.bottom-margin-8px {
  margin-bottom: 8px;
}

.link-text.grey.bottom-margin-8px.right-margin-4px, .link-text.grey.right-margin-4px {
  margin-right: 4px;
}

.link-text._8px-margin {
  margin-bottom: -30px;
}

.link-text.size-21px {
  font-size: 21px;
}

.date-holder {
  align-items: flex-start;
  display: flex;
}

.date-holder.hidden {
  display: none;
}

.mobile-toc {
  border-bottom: 1px solid #fafafa;
  justify-content: space-between;
  align-items: center;
  padding: 2px 16px;
  display: flex;
}

.mobile-toc.visbile-mobile-only {
  display: none;
}

.mobile-toc-text {
  color: var(--form-field-border);
  margin-bottom: 0;
  font-size: 14px;
}

.mobile-toc-wrapper {
  position: -webkit-sticky;
  position: sticky;
  top: 40px;
}

.mobile-toc-wrapper.visible-only-mobile {
  display: none;
}

.mobile-toc-links {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.header-nav-heading {
  color: #878d94;
  font-size: 14px;
  font-weight: 500;
}

.header-nav-heading.left-margin-20px {
  margin-left: 20px;
}

.header-nav-heading.bottom-margin-4px {
  text-transform: uppercase;
  margin-bottom: 4px;
}

.nav-bar-text {
  margin-top: 10px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
}

.nav-bar-text.spot-blue {
  color: var(--spot-blue);
}

.nav-bar-divider {
  width: 1px;
  background-color: var(--form-field-border);
  margin-left: 56px;
  margin-right: 56px;
}

.nav-cta-with-image {
  width: 200px;
  display: block;
}

.nav-cta-image {
  width: 100%;
  height: 130px;
  background-color: var(--form-field-border);
  background-image: url("https://assets-global.website-files.com/5fe2250e2f83cc02cbfefbcf/63e1a5814e1c035108d9087d_virtual_event-introduction_to_ai_camera_systems.jpg");
  background-position: 50%;
  background-size: cover;
  border-radius: 5px;
  margin-bottom: 20px;
}

.nav-cta-image.smaller-image {
  width: 192px;
  height: 108px;
  background-image: url("https://assets-global.website-files.com/5fe2250e2f83cc02cbfefbcf/63ee4bb00ce5b1f7fd61e582_virtual_event-introduction_to_ai_camera_systems-airpods-featured-min.png");
}

.div-block-70 {
  width: 100%;
  max-width: 1140px;
  justify-content: center;
  display: flex;
}

.check {
  width: 24px;
  opacity: 1;
}

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

.pricing-line-break-top {
  height: 75px;
  margin-top: 0;
  padding-top: 24px;
  padding-bottom: 24px;
  padding-right: 24px;
}

.pricing-line-break-top.core-colour {
  background-color: #fafafa;
}

.pricing-line-break-top.pro-colour {
  background-color: #d8ebfb;
}

.heading-62 {
  color: #2d3958;
  letter-spacing: -.03em;
}

.grid-top-sticky {
  z-index: 4;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1.5fr 1fr 1fr;
  position: -webkit-sticky;
  position: sticky;
  top: 60px;
}

.title-2 {
  color: #7b88a8;
  text-align: left;
  letter-spacing: 2px;
  font-size: 12px;
}

.start-link {
  color: #8c54ff;
  align-items: center;
  padding-top: 15px;
  padding-bottom: 0;
  padding-right: 0;
  font-size: 16px;
  text-decoration: none;
  display: flex;
}

.start-link.center-aligned {
  justify-content: center;
}

.start-link.center-aligned.hidden {
  display: none;
}

.container-4 {
  width: 100%;
  max-width: 1170px;
  margin-left: auto;
  margin-right: auto;
}

.top-heading {
  color: #2d3958;
  letter-spacing: -.03em;
  margin-top: 0;
  margin-bottom: 0;
}

.discount {
  color: rgba(255, 255, 255, .5);
  font-size: 14px;
}

.pricing-table-cell {
  flex-direction: column;
  align-items: center;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-right: 40px;
  display: flex;
}

.pricing-table-cell.last-item {
  align-items: flex-start;
  padding-bottom: 24px;
}

.pricing-table-cell.left-aligned {
  align-items: flex-start;
}

.pricing-table-cell.core-colour {
  background-color: #fafafa;
  padding-right: 0;
}

.pricing-table-cell.pro-colour {
  background-color: #d8ebfb;
  align-items: center;
  padding-right: 0;
}

.pricing-table-cell.new-pro-colour {
  padding-right: 0;
}

.help {
  opacity: .3;
  margin-left: 10px;
}

.pricing-grid-wrapper-mobile {
  display: none;
}

.help-icon {
  width: 18px;
}

.text-block-35 {
  opacity: .5;
  color: #7b88a8;
  letter-spacing: 2px;
}

.pricing-line-break {
  height: 81px;
  border-top: 1px solid var(--spot-blue);
  margin-top: 0;
  padding-top: 24px;
  padding-bottom: 24px;
  padding-right: 24px;
}

.pricing-line-break.core-colour {
  background-color: #fafafa;
  padding-right: 0;
}

.pricing-line-break.pro-colour {
  background-color: #d8ebfb;
  padding-right: 0;
}

.pricing-line-break.new-pro-colour {
  padding-right: 0;
}

.pricing-section {
  color: #fff;
  background-color: #fff;
  justify-content: center;
  align-items: center;
  padding: 140px 3%;
  display: flex;
}

.grid-pricing {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-bottom: 1px solid var(--spot-blue);
  grid-template-columns: 1.5fr 1fr 1fr;
}

.pricing-top {
  min-height: auto;
  border-bottom: 2px solid var(--spot-blue);
  background-color: #fff;
  padding-top: 96px;
  padding-bottom: 0;
  padding-right: 0;
  position: relative;
}

.pricing-top.core-colour {
  background-color: #fafafa;
}

.pricing-top.pro-colour {
  background-color: #d8ebfb;
}

.pricing-top.bottom-padding-24px {
  padding-bottom: 24px;
}

.title-3 {
  color: #7b88a8;
  letter-spacing: 2px;
  font-size: 12px;
}

.dash {
  width: 15px;
  height: 1.5px;
  background-color: var(--spot-black);
  border-radius: 10px;
}

.slider-navigation, .slider-navigation.next-slide, .slider-navigation.prev-slide {
  display: none;
}

.core-colour {
  background-color: #fafafa;
  padding-top: 24px;
  padding-bottom: 24px;
}

.pro-colour {
  background-color: #d8ebfb;
  padding-top: 24px;
  padding-bottom: 24px;
}

.link-icon {
  margin-right: 8px;
}

.date-embed {
  margin-bottom: 0;
  display: block;
}

.date-embed.hidden {
  display: none;
}

.time-holder {
  align-items: flex-start;
  display: flex;
}

.reseller-checkbox-holder {
  width: 100%;
}

.partner-reseller-checkbox {
  align-items: flex-start;
  margin-top: 20px;
  display: flex;
}

.checkbox {
  margin-top: 0;
  margin-right: 4px;
}

.reseller-agreement-link {
  font-size: 14px;
  font-weight: 400;
  text-decoration: underline;
}

.document-thumbnail-icon {
  height: 32px;
}

.doc-name-holder {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.cameras-dropdown {
  width: 100%;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.cameras-dropdown-tabs-menu {
  z-index: 10;
  display: none;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.cameras-dropdown-tabs-links {
  display: block;
}

.integrations-grid {
  grid-column-gap: 48px;
  grid-row-gap: 64px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.integrations-block {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  border-radius: 10px;
  flex-direction: column;
  align-items: center;
  padding: 48px 30px 56px;
  display: flex;
  box-shadow: 2px 4px 20px rgba(0, 0, 0, .1);
}

.integrations-block.hidden {
  display: none;
}

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

.integrations-image {
  height: 64px;
}

.integrations-info-grid {
  width: 100%;
  grid-column-gap: 88px;
  grid-row-gap: 88px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.integrations-info {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.integrations-documentation-grid {
  width: 100%;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 48px;
  display: grid;
}

.integrations-documentation-card {
  border-radius: 5px;
  overflow: hidden;
  box-shadow: 2px 4px 20px rgba(0, 0, 0, .1);
}

.integrations-documentation-card-image {
  width: 100%;
  height: 277px;
  background-color: var(--form-field-border);
}

.integrations-documentation-card-text {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  align-items: center;
  padding: 16px 20px 32px;
  display: flex;
}

.horizontal-link {
  display: flex;
}

.intergations-hero {
  width: 45%;
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.heading-holder-intergations-hero {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.integrations-hero-image {
  height: 100%;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: auto;
  right: 0%;
}

.white-outline-button {
  border: 2px solid #fff;
  border-radius: 10px;
  padding: 16px 24px;
}

.white-outline-button.top-margin-56px {
  margin-top: 56px;
}

.minimal-step-div {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  padding-left: 12px;
  padding-right: 12px;
  display: flex;
}

.minimal-step-number {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.min-steps-image {
  width: auto;
  height: 213.086px;
}

.min-steps-image.smaller-on-phone {
  width: 330.055px;
}

.min-steps-image.is-cover {
  object-fit: cover;
}

.text-block-9 {
  margin-bottom: 0;
  text-decoration: none;
  display: inline-block;
}

.text-block-9.no-line {
  text-decoration: none;
}

.text-block-9.size-12px {
  font-size: 12px;
}

.text-block-9.colour-white {
  color: var(--light-grey);
}

.text-block-9.left-aligned {
  text-align: left;
}

.text-block-9.no-bottom-margin {
  flex: none;
  margin-bottom: 0;
}

.text-block-9.no-bottom-margin.colour-blue {
  color: var(--spot-blue);
  text-align: center;
}

.text-block-9.prompt-data-link {
  font-size: 16px;
}

.text-block-9.link-block {
  color: var(--spot-blue);
  font-size: 20px;
}

.text-block-9.link-block.top-margin-8px._18px, .text-block-9._18px {
  font-size: 18px;
}

.text-block-9._21px {
  font-size: 21px;
}

.text-block-9.blue {
  color: var(--spot-blue);
}

.hack-form-select {
  height: 2.8125rem;
  margin-bottom: 1.875rem;
}

.hack-form-select.hack44-select {
  width: 12.5rem;
  margin-top: .625rem;
  margin-bottom: 1.25rem;
}

.hack17-counter-row {
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
}

.hack17-counter-button {
  width: 3.125rem;
  height: 3.125rem;
  color: #111;
  cursor: pointer;
  background-color: #e9e6ed;
  border-radius: 6.25rem;
  flex: none;
  justify-content: center;
  align-items: center;
  margin-right: .9375rem;
  font-size: 1rem;
  font-weight: 900;
  transition: background-color .1s;
  display: flex;
}

.hack17-counter-button:hover {
  background-color: #d4d0d8;
}

.hack17-counter-button.hack17-up {
  z-index: 1;
  width: 1.7rem;
  height: 1.6rem;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #c5c8c9;
  border-bottom-width: 0;
  border-radius: 0 10px 0 0;
  margin-top: 0;
  margin-right: 0;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: auto;
  right: 0%;
}

.hack17-counter-button.hack17-down {
  z-index: 1;
  width: 1.7rem;
  height: 1.6rem;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #c5c8c9;
  border-radius: 0 0 10px;
  align-items: center;
  margin-bottom: 0;
  margin-right: 0;
  position: absolute;
  top: auto;
  bottom: 0%;
  left: auto;
  right: 0%;
}

.hack16-counter-arrow {
  width: 1rem;
}

.hack16-counter-arrow.flip {
  transform: rotate(180deg);
}

.hack17-counter-input {
  width: 6.3rem;
  height: 3.2rem;
  border: 1px solid #ccc;
  border-radius: 10px;
  margin-bottom: 0;
  padding-left: .65rem;
  padding-right: 1.825rem;
  font-size: 1rem;
  line-height: 1.625rem;
  position: relative;
}

.hack17-counter-input::-ms-input-placeholder {
  color: #111;
}

.hack17-counter-input::placeholder {
  color: #111;
}

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

.cell-2 {
  justify-content: center;
  align-items: center;
}

._2-radio {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

._2-radio.right-margin-48px {
  margin-right: 48px;
}

._2-radio.bottom-margin-24px {
  margin-bottom: 24px;
}

.form-8-copy {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: block;
}

.cell-3 {
  justify-content: center;
  align-items: center;
}

.number-of-camera-holder, .price-holder-calculator, ._8-ivr-price {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  display: flex;
}

.camera-feed-price {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  display: flex;
}

._16-ivr-price, ._32-ivr-price, ._64-ivr-price {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  display: flex;
}

.text-block-36 {
  display: none;
}

.error-message {
  background-color: rgba(0, 0, 0, 0);
}

.error-message-2 {
  width: 0;
  height: 0;
  background-color: rgba(0, 0, 0, 0);
  margin-top: 0;
  padding: 0;
}

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

.daysofretention.relavive {
  position: relative;
}

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

.msrp-holder {
  background-color: #d8ebfb;
}

.pricing-calculator-wrapper {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.5fr;
  grid-auto-columns: 1fr;
  align-content: stretch;
  margin-bottom: 32px;
  padding-left: 14%;
  padding-right: 14%;
  display: grid;
}

.left-input-pricing {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.right-reflect-pricing {
  grid-row-gap: 16px;
  background-color: var(--gainsboro);
  border-radius: 10px;
  flex-direction: column;
  padding: 16px 32px;
  display: flex;
}

.msrp-wrapper {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  align-items: flex-end;
  display: flex;
}

.pricing-bifercated {
  width: 200px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

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

.pricking-breakdown.bottom-margin-8px {
  margin-bottom: 8px;
}

.pricing-breakdown-wrapper {
  border: 1px solid rgba(0, 124, 228, .25);
  border-left: 1px #000;
  border-right: 1px #000;
  padding-top: 8px;
  padding-bottom: 8px;
}

.pricing-cal-image-wrap {
  justify-content: center;
  align-items: center;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
}

.info-button {
  grid-column-gap: 8px;
  align-items: center;
  display: flex;
  position: relative;
}

.image-58 {
  width: 24px;
  height: 24px;
  cursor: pointer;
}

.information-popup {
  width: 200px;
  background-color: #fff;
  border-radius: 10px;
  padding-left: 8px;
  position: absolute;
  top: auto;
  bottom: -500%;
  left: 105%;
  right: 0%;
  box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
}

.text-span-29, .text-span-30 {
  font-weight: 400;
}

.price-system-wrapper {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-content: stretch;
  margin-bottom: 32px;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.blue-text {
  color: var(--link-color);
  font-size: 16px;
}

.pricing-top-middle-align {
  min-height: auto;
  border-bottom: 2px solid var(--spot-blue);
  background-color: #fff;
  padding-top: 140px;
  padding-bottom: 0;
  padding-right: 0;
  position: relative;
}

.pricing-top-middle-align.core-colour {
  background-color: #fafafa;
}

.pricing-top-middle-align.pro-colour {
  background-color: #d8ebfb;
}

.pricing-top-middle-align.bottom-padding-24px {
  padding-bottom: 24px;
}

.information-popup-180days {
  width: 200px;
  background-color: #fff;
  border-radius: 10px;
  padding: 8px;
  display: none;
  position: absolute;
  top: auto;
  bottom: -174%;
  left: 188px;
  right: 0%;
  box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
}

.link-9 {
  font-size: 14px;
}

.term-price-cal {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  display: flex;
}

.oneeightydays-button {
  border: 1px solid var(--form-field-border);
  background-color: var(--light-grey);
  cursor: pointer;
  border-radius: 10px;
  margin-bottom: 5px;
  display: block;
}

.new-pro-colour {
  background-color: var(--spot-black);
  padding-top: 24px;
  padding-bottom: 24px;
}

.core-colour-top {
  background-color: #fafafa;
  padding: 24px;
}

.new-pro-colour-top {
  background-color: var(--spot-black);
  padding: 24px;
}

.license-term {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.price-return {
  display: flex;
}

.see-what-inside {
  width: 100%;
  border: 1px solid var(--form-field-border);
  border-radius: 10px;
  align-items: stretch;
  margin-top: 106px;
  display: flex;
  overflow: hidden;
}

.see-what-inside.lower-margin-96px {
  margin-top: 48px;
  margin-bottom: 96px;
}

.see-what-inside-holder {
  width: 50%;
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  padding: 74px 80px 74px 40px;
  display: flex;
}

.badges-grid-three {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: stretch;
  margin-top: 24px;
  padding-left: 70px;
  padding-right: 70px;
  display: grid;
}

.badges-grid-three.responsive-for-pricing-page {
  grid-column-gap: 20px;
}

.badges-grid-three.is-hidden {
  display: none;
}

.badges-and-confetti-new {
  width: 100%;
  justify-content: space-around;
  display: flex;
}

.badges-and-confetti-new.bottom-margin-for-desktop {
  margin-bottom: 550px;
}

.badges-and-confetti-new.centered {
  justify-content: center;
}

.badges-grid-new {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  margin-top: 24px;
  display: grid;
}

.badges-grid-new.responsive-for-pricing-page {
  grid-column-gap: 20px;
}

.badges-holder-new {
  width: 100%;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.badges-holder-new.width-auto {
  width: auto;
}

.badges-holder-new2 {
  width: 50%;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: none;
}

.badges-holder-new2.width-auto {
  width: auto;
}

.new-g2-badgewrap {
  width: 100%;
  height: 100%;
  justify-content: space-between;
  display: flex;
}

.new-g2-badgewrap.changed-alignment {
  justify-content: center;
  align-items: center;
}

.new-g2bage-heading {
  margin-bottom: 32px;
  font-size: 40px;
  line-height: 1.1em;
}

.new-g2bage-heading.text-white.width-70 {
  width: 80%;
}

.new-g2bage-heading.text-white.width-70.bottom-margin-64px {
  margin-bottom: 64px;
}

.new-g2bage-heading.left-aligned {
  text-align: left;
}

.new-g2bage-heading.lower-margin-64px {
  margin-bottom: 64px;
}

.new-g2bage-heading.width-50 {
  width: 65%;
}

.new-g2bage-heading.width-50.bottom-margin-64px {
  margin-bottom: 64px;
}

.new-g2bage-heading.width-50.bottom-margin-64px.max-width-540px {
  max-width: 540px;
}

.new-g2bage-heading.bottom-margin-24px {
  margin-bottom: 24px;
}

.new-g2bage-heading.width-33 {
  width: 46%;
}

.heading-new-g2 {
  width: 33%;
  flex-direction: column;
  align-items: center;
  display: flex;
  position: relative;
}

.heading-new-g2.width-70 {
  width: 65%;
}

.heading-new-g2.top-margin-50px {
  width: 40%;
  margin-top: 50px;
}

.heading-new-g2.top-margin-50px.width-40 {
  width: 40%;
}

.heading-new-g2.width-100 {
  width: 100%;
}

.heading-new-g2.width-100.bottom-margin-24px {
  margin-bottom: 24px;
}

.resource-center-image {
  width: 50%;
  background-color: #d8ebfb;
  background-image: url("https://assets-global.website-files.com/5fe2250e2f83cc02cbfefbcf/64a8464fb83b9677eef50c31_spot_ai-resource_center%402x.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.sitemap-wrap {
  flex-direction: column;
  flex: 1;
  align-items: stretch;
  display: flex;
}

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

.h5 {
  color: #c1c6cd;
  margin-bottom: 0;
  font-size: 26px;
}

.h5.top-16 {
  margin-top: 24px;
}

.h5.is-bold {
  font-weight: 700;
}

.div-block-71 {
  height: 20px;
}

.gradient-divider-sitemap {
  height: 2px;
  background-image: linear-gradient(to right, #007ce4, #a900e4);
  margin-top: 20px;
  margin-bottom: 64px;
}

.qs-html-sitemap {
  padding: 31px 0;
}

.resource-html-sitemap-wrap {
  width: 326px;
}

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

.sitemap-linkholder {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.sitemap-grid-two {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-top: 31px;
  padding-bottom: 31px;
  display: grid;
}

.heading-63 {
  font-size: 54px;
  line-height: 1.15;
}

.heading-64 {
  margin-bottom: 0;
}

.container-5 {
  display: flex;
}

.badge-label {
  text-align: center;
  justify-content: center;
  align-items: center;
  font-size: 12px;
  line-height: 1.5;
  display: flex;
}

.badge-wrap-g2 {
  flex-direction: column;
  display: flex;
}

.badge-appstore {
  width: 141px;
  height: 55px;
}

.badge-appstore.left-margin-8px {
  margin-left: 8px;
}

.paragraph-33 {
  text-align: center;
}

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

.container-large {
  width: 100%;
  max-width: 1140px;
  text-align: left;
  border-radius: 5px;
  flex-flow: wrap;
  justify-content: flex-start;
  margin: 40px auto;
  display: flex;
  position: relative;
}

.container-large.center-align {
  text-align: center;
  justify-content: space-between;
  padding-left: 100px;
  padding-right: 100px;
  display: flex;
}

.container-large.center-align.d-block {
  flex-wrap: wrap;
  justify-content: center;
  display: flex;
}

.container-large.center-align.mb-64 {
  margin-top: 24px;
  margin-bottom: 64px;
}

.container-large.center-align.vertical-flex {
  flex-direction: column;
}

.container-large.center-align.vertical-flex._0-hp {
  padding-left: 0;
  padding-right: 0;
}

.container-large.center-align.vertical-flex._0-margin {
  margin-top: 0;
  margin-bottom: 0;
}

.container-large.center-align.no-hp, .container-large.center-align._0-padding {
  padding-left: 0;
  padding-right: 0;
}

.container-large.center-align._0-m-padding.center-aligned {
  justify-content: center;
}

.container-large.center-align._0-m-padding.center-aligned.flex-vertical-center-aligned {
  flex-direction: column;
  align-items: center;
}

.container-large.mb-40 {
  margin-bottom: 60px;
}

.container-large.d-block {
  display: block;
}

.container-large.d-block._0-tm {
  margin-top: 0;
}

.container-large.d-block._0-tm.static.max-width-100 {
  max-width: 100%;
}

.container-large.d-block.reduced-top-margin {
  margin-top: 0;
}

.container-large.d-block.no-top-margin.no-bottom-margin {
  margin-bottom: 0;
}

.container-large.landing-custom-margin {
  margin-bottom: 100px;
}

.container-large.p-0 {
  margin-top: 0;
  margin-bottom: 0;
}

.container-large.no-tm {
  justify-content: flex-start;
  margin-top: 0;
}

.container-large.no-tm.no-left-margin {
  margin-left: auto;
  margin-right: 100px;
}

.container-large.mt-0.grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.container-large.vertical {
  flex-direction: column;
}

.container-large.no-m {
  margin-top: 0;
  margin-bottom: 0;
}

.container-large.center {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 100px;
}

.container-large.center.less-lm {
  margin-bottom: 80px;
}

.container-large.center.less-lm.lm {
  margin-top: 0;
  margin-bottom: 0;
}

.container-large.center.less-lm.lm.flex-horizontal-and-spread-equally {
  flex-direction: row;
  justify-content: space-between;
}

.container-large.center.less-lm.lm.flex-horizontal-and-spread-equally.top-aligned {
  align-items: flex-start;
}

.container-large.center._40-lm {
  margin-bottom: 40px;
}

.container-large.center.no-bottom-margin-desktop {
  margin-bottom: 0;
}

.container-large.tl {
  justify-content: space-between;
}

.container-large.less-wide {
  margin-top: 20px;
}

.container-large.static {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  position: static;
}

.container-large.static.right-aligned {
  justify-content: flex-end;
  align-items: flex-end;
}

.container-large.static.changed-top-margin {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 0;
}

.container-large.static.flex-vertical-centered.top-margin-20px {
  margin-top: 20px;
}

.container-large.static.flex-vertical-centered.top-margin-0px {
  margin-top: 0;
}

.container-large.static.flex-vertical-centered.no-top-bottom-margin {
  margin-top: 0;
  margin-bottom: 0;
}

.container-large.no-left-margin {
  margin-left: auto;
  margin-right: 60px;
}

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

.container-large.grid.changed-margin {
  margin-top: 0;
  margin-bottom: 0;
}

.container-large.centered {
  justify-content: center;
}

.container-large.confetti-container {
  max-width: 1343px;
}

.container-large.confetti-container.static-nvr-hero {
  max-width: none;
  position: static;
}

.container-large.confetti-container.width-100 {
  max-width: none;
}

.container-large.confetti-container.width-100.no-top-margin {
  flex-wrap: nowrap;
}

.container-large.confetti-container.width-100.no-top-margin.side-margin-for-phone.lower-margin-16px-for-phone.spaced, .container-large.confetti-container.width-100.no-top-margin.side-margin-for-phone.spaced {
  justify-content: space-between;
}

.container-large.confetti-container.width-100.no-top-margin.no-bottom-margin {
  margin-bottom: 0;
}

.container-large.vertical-and-centered {
  flex-direction: column;
  align-items: center;
}

.container-large.vertical-and-centered.no-top-bottom-margin {
  margin-top: 0;
  margin-bottom: 0;
}

.container-large.flex-vertical-centered {
  flex-direction: column;
  align-items: center;
}

.container-large.flex-vertical-centered.grey {
  background-color: #fafafa;
}

.container-large.flex-vertical-centered.static.bottom-padding {
  padding-bottom: 320px;
}

.container-large.flex-vertical-centered.no-bottom-margin {
  margin-bottom: 0;
}

.container-large.flex-vertical-centered.overflow-hidden {
  overflow: hidden;
}

.container-large.flex-vertical-centered.changed-bottom-margin {
  margin-bottom: 500px;
}

.container-large.flex-vertical-centered.right-margin {
  margin-right: 3%;
}

.container-large.no-top-margin {
  margin-top: 0;
}

.container-large.flex-vertical-left-aligned {
  flex-direction: column;
  align-items: flex-start;
}

.container-large.flex-vertical-stretched {
  flex-direction: column;
  justify-content: center;
}

.container-large.flex-vertical-stretched.background-white {
  background-color: #fff;
}

.container-large.flex-vertical-stretched.background-white.trying-different-margin {
  margin-top: 0;
  margin-bottom: 0;
}

.container-large.flex-vertical-stretched.background-white.border-radius-20px {
  border-radius: 20px;
}

.container-large.no-top-bottom-margin {
  margin-top: 0;
  margin-bottom: 0;
}

.container-large.no-top-bottom-margin.top-bottom-padding {
  padding-top: 48px;
  padding-bottom: 48px;
}

.container-large.no-top-bottom-margin.top-bottom-padding.gradient-background {
  background-image: linear-gradient(to right, var(--spot-blue), #a305e4);
}

.container-large.no-top-bottom-margin.flex-vertical-left-aligned.max-width-655px {
  max-width: 655px;
}

.container-large.no-top-bottom-margin.flex-vertical-left-aligned.bottom-margin-96px {
  margin-bottom: 96px;
}

.container-large.no-top-bottom-margin.top-border-grey {
  border-style: solid none none;
  border-width: 1px;
  border-color: var(--form-field-border);
  border-radius: 0;
}

.container-large.no-top-bottom-margin.vertical-center-aligned {
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.container-large.block {
  display: block;
}

.image-60 {
  height: 100%;
  max-height: 700px;
}

.content-padding {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

.paragraph-34 {
  text-align: left;
}

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

.div-block-74 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-left: 3rem;
  padding-right: 3rem;
  display: grid;
}

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

.copilot-intro-heading-wrapper {
  align-items: center;
  display: flex;
}

.copilot-intro-heading-wrapper.mb-24 {
  flex-wrap: wrap;
}

.image-61 {
  margin-left: 8px;
}

.decorative-line {
  width: 200px;
  height: 0;
  border: 4px solid #000;
  margin-top: 8px;
}

.decorative-line.neon-pink {
  border-style: solid;
  border-color: var(--secondary-palette-pink);
}

.decorative-line.mango-orange {
  border-color: var(--secondary-palette-orange);
}

.decorative-line.aqua-blue {
  border-color: var(--secondary-palette-aquamarine);
}

.seo-articles-hero-section {
  width: 100%;
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.seo-articles-hero-content {
  text-align: left;
}

.blog-h4 {
  font-size: 24px;
  font-weight: 500;
  line-height: 30px;
}

.seo-articles-heading-wrapper.bottom-margin-40px {
  margin-bottom: 40px;
}

.interstitial-content-section {
  background-color: #f5f5f5;
  padding: 100px 3%;
}

.interstitial-content-holder {
  width: 100%;
  grid-column-gap: 60px;
  grid-row-gap: 48px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.article-h1 {
  text-align: left;
  font-size: 2.875rem;
  font-weight: 500;
  line-height: 3.5rem;
}

.article-h1.bottom-margin-42px {
  margin-bottom: 42px;
}

.tos_header_wraper {
  width: 100%;
}

.tos_navigation_wrapper {
  width: 100%;
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: row;
  justify-content: space-between;
  padding-left: 54.5px;
  padding-right: 54.5px;
  display: flex;
  position: relative;
}

.tos_content_wrapper {
  width: 100%;
}

.tos_navigation_sticky {
  flex: none;
  position: -webkit-sticky;
  position: sticky;
  top: 120px;
}

.tos_navigation_header {
  padding: 8px 16px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5rem;
}

.tos_navigation_content {
  border-left: 2px solid var(--form-field-border);
}

.tos_nav_item {
  padding: 8px 16px;
}

.tos_nav_link {
  text-align: left;
  font-size: 16px;
  display: block;
}

.tos_nav_link.w--current {
  color: var(--spot-black);
  font-weight: 700;
}

.tos_nav_sticky_wrapper {
  flex: none;
  padding-bottom: 24px;
  position: relative;
}

.tos_content_rich_text h1 {
  text-align: left;
  font-size: 30px;
  line-height: 1.5;
}

.tos_content_rich_text p {
  font-size: 18px;
}

.tos_content_rich_text h2 {
  text-align: left;
  font-size: 24px;
  line-height: 1.5;
}

.tos_content_rich_text li {
  text-align: left;
  list-style-type: lower-alpha;
}

.tos_disclaimer_old_terms {
  background-color: var(--background-grey);
  color: var(--spot-black);
  flex-wrap: wrap;
  margin-bottom: 20px;
  padding: 20px;
  font-size: 18px;
  line-height: 1.6875rem;
  display: flex;
}

.tos_disclaim_first {
  text-align: left;
}

.tos_disclaim_second {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  padding-right: 4px;
  display: flex;
}

.tos_current_version {
  font-size: 18px;
}

.text-block-37, .text-block-38, .text-block-39 {
  display: inline;
}

.webinar-banner {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: var(--form-field-border);
  border-right-style: solid;
  border-right-width: 1px;
  border-right-color: var(--form-field-border);
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: var(--form-field-border);
  border-left-style: solid;
  border-left-width: 1px;
  border-left-color: var(--form-field-border);
  border-radius: 10px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 48px;
  display: grid;
  overflow: clip;
}

.webinar-banner-left {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  padding: 36px 24px;
  display: flex;
}

.webinar-banner-right {
  min-height: 332px;
  background-color: var(--spot-blue);
  justify-content: center;
  align-items: center;
  padding-left: 5%;
  padding-right: 5%;
  display: flex;
}

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

.text-align-left.heading-changes ol {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  list-style-type: decimal;
  display: block;
}

.blog-poweful-richtext-components {
  width: 100%;
  align-items: flex-start;
  margin-top: 40px;
  padding-left: 54px;
  padding-right: 54px;
  display: none;
  position: relative;
}

.blog-poweful-richtext-components.display-none {
  display: none;
}

.webinar-banner-text {
  text-align: left;
  font-size: 24px;
  font-weight: 500;
  line-height: 27.6px;
}

.webinar-banner-text.heading-changes ol {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  list-style-type: decimal;
  display: block;
}

.webinar-banner-button {
  background-color: var(--spot-blue);
  text-align: center;
  border-radius: 10px;
  padding: 12px 24px;
  font-size: 18px;
  font-weight: 500;
  transition: all .2s;
  box-shadow: 14px 14px 35px rgba(33, 38, 106, .1);
}

.webinar-banner-button.m-hidden {
  border-radius: 5px;
  padding-left: 16px;
  padding-right: 16px;
  font-size: 16px;
  display: block;
}

.webinar-banner-button.m-hidden.top-margin-24px {
  margin-top: 24px;
}

.webinar-banner-button.m-hidden.top-margin-24px.gradient {
  background-image: linear-gradient(104deg, var(--spot-blue), #a900e4);
  border-radius: 10px;
  padding-left: 24px;
  padding-right: 24px;
}

.webinar-banner-button.m-hidden.top-margin-24px.gradient.width-100-for-phone.no-top-margin {
  margin-top: 0;
}

.webinar-banner-button.m-hidden.height-30px {
  height: 30px;
  align-items: center;
  display: flex;
}

.webinar-banner-button.right-margin-40-px {
  margin-right: 40px;
}

@media screen and (min-width: 1280px) {
  .header.reduced-top-bottom-padding.no-right-padding.changed-left-margin {
    padding-left: 10%;
  }

  .h2-large.variable-widths-for-breakpoints {
    width: 80%;
  }

  .use-cases-hero-image-wrap.mr-40.flex {
    width: 30%;
    right: 50px;
  }

  .use-cases-hero-image-wrap.right-aligned {
    justify-content: flex-start;
  }

  .hero-title-small.bigger.width-140.bottom-margin-40px.left-aligned.bottom-margin-24-on-phone {
    width: 100%;
  }

  .tabs-menu.new {
    display: flex;
  }

  .heading-holder.changed-alignment.bottom-margin-24px {
    margin-bottom: 24px;
  }

  .home-video.hidden-for-phone {
    width: 50%;
    height: 55%;
  }

  .mp4-video-embed {
    width: 50%;
    height: auto;
    margin-top: 80px;
  }

  .mp4-video-embed.hidden-for-mobile._w-background-video, .mp4-video-embed.hidden-for-mobile._w-background-video.hero-video, .mp4-video-embed.hidden-for-mobile._w-background-video.hero-video._w-background-video-atom {
    height: auto;
  }

  .h1.center-aligned-paragraph.variable-width-for-breakpoints {
    width: 100%;
  }

  .h2.center-aligned.width-80 {
    width: 65%;
  }

  .lightbox-form-holder {
    display: flex;
  }

  .cross-holder {
    padding-top: 20px;
    padding-right: 20px;
  }

  .image-56 {
    cursor: pointer;
  }

  .hero-content-holder {
    width: 60%;
  }

  .partner-email-submit.blue {
    background-color: var(--spot-blue);
    background-image: none;
    border-radius: 0 10px 10px 0;
    margin-left: 0;
  }

  .homepage-slider-nav {
    width: 35%;
    margin-bottom: 35px;
  }

  .hero-slider-wrapper {
    height: 468px;
  }

  .image-prompt-wrapper {
    width: 330px;
  }

  .image-prompt-holder._1 {
    margin-top: 9%;
  }

  .image-prompt-holder._2 {
    margin-top: 21%;
  }

  .image-prompt-holder._3 {
    margin-top: 4%;
    margin-left: 76%;
  }

  .home-hero-slide-image-holder {
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: flex-end;
    display: flex;
  }

  .blue-blur-blob {
    width: 481px;
    margin-left: 15%;
  }

  .pink-blur-blob {
    width: 481px;
    margin-top: 8%;
    margin-right: 15%;
  }

  .background-blur {
    width: 84%;
    left: 12%;
  }

  .blur-holder {
    width: 100%;
    height: 468px;
  }

  .homepage-slide-mask {
    border-radius: 10px;
  }

  .phone-slider {
    width: 100%;
  }

  .signup-form {
    display: flex;
  }

  .signup-email-input {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    margin-bottom: 0;
    padding-top: 16px;
    padding-bottom: 16px;
    padding-left: 24px;
    font-size: 18px;
  }

  .signup-form-block {
    margin-top: 24px;
  }

  .new-g2-badgewrap.changed-alignment.bottom-margin-24px {
    margin-bottom: 24px;
  }
}

@media screen and (min-width: 1440px) {
  .background-blur {
    width: 75%;
  }

  .blur-holder {
    height: 500px;
  }
}

@media screen and (min-width: 1920px) {
  .navigation-container.hidden {
    display: none;
  }

  .header.changed-padding {
    padding-top: 50px;
    padding-bottom: 300px;
  }

  .header.reduced-top-bottom-padding.no-right-padding.changed-left-margin {
    padding-left: 20%;
  }

  .container.center-align.no-hp {
    padding-left: 0;
    padding-right: 0;
  }

  .container.no-tm {
    justify-content: space-between;
  }

  .container.center {
    flex-direction: column;
  }

  .container.tl {
    justify-content: space-between;
  }

  .container.static {
    justify-content: space-between;
    display: block;
  }

  .container.static.right-aligned {
    justify-content: flex-end;
    display: flex;
  }

  .container.static.flex-vertical-centered {
    display: flex;
  }

  .container.confetti-container {
    max-width: 1740px;
  }

  .container.confetti-container.static-nvr-hero {
    position: static;
  }

  .container.confetti-container.width-100, .container.equally-spread {
    justify-content: space-between;
  }

  .content-section.bg-color-4.cta-narrow {
    background-color: #fff;
  }

  .content-section.small.no-pb.bg-color-2 {
    padding-bottom: 20px;
  }

  .content-section.small.no-pb.m-0 {
    margin-top: 100px;
  }

  .content-section.small.mb-40 {
    margin-bottom: 0;
  }

  .content-section.hero-header {
    padding-left: 0;
    padding-right: 0;
  }

  .content-section.changed-padding {
    padding-top: 0;
    padding-bottom: 0;
  }

  .content-section.added-bottom-padding, .content-section.nvr-header {
    padding-bottom: 200px;
  }

  .footer-top.flex.grid {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-items: start;
    display: grid;
  }

  .feature-centre.shadow {
    padding: 40px 7px;
  }

  .button-wrap.mt-20 {
    margin-top: 20px;
  }

  .button-wrap.centered {
    justify-content: center;
  }

  .header-landing-1.transparent.pt-80 {
    padding-bottom: 100px;
  }

  .button-hero.purple {
    color: #fff;
  }

  .button-hero.green, .button-hero.yellow {
    margin-right: 0;
  }

  .grid-three.two {
    grid-column-gap: 48px;
  }

  .grid-three.mb-32 {
    width: auto;
  }

  .text-white.size-54 {
    text-align: left;
    font-size: 54px;
    line-height: 60px;
  }

  .careers-icons.closer {
    margin-bottom: 0;
  }

  .h2-large.wider {
    width: 840px;
  }

  .h2-large.changed-top-bottom-pading {
    margin-top: 40px;
    margin-bottom: 40px;
  }

  .get-access-button.green {
    color: #fff;
  }

  .use-cases-solutions.new.green, .use-cases-solutions.new.yellow {
    padding: 32px;
  }

  .use-cases-hero-image.m-hidden {
    max-height: 500px;
  }

  .use-cases-hero-image.m-hidden.smaller {
    width: 100%;
  }

  .use-cases-hero-image.width-large-80 {
    width: 60%;
  }

  .use-cases-quote-grid {
    width: auto;
  }

  .use-cases-quote-grid.wide {
    width: 960px;
    margin-left: auto;
    margin-right: auto;
  }

  .use-cases-hero-image-wrap.pt-20.m-hidden {
    display: block;
  }

  .use-cases-hero-image-wrap.pt-20.m-hidden.hero-image-wrap-large.pt-60 {
    max-width: 680px;
  }

  .use-cases-hero-image-wrap.larger {
    width: 50%;
    position: relative;
  }

  .use-cases-hero-image-wrap.mr-40.flex {
    width: 36%;
    align-items: center;
    display: flex;
    right: 0;
  }

  .use-cases-hero-image-wrap.right-aligned {
    justify-content: flex-start;
    display: flex;
    right: 5%;
  }

  .hero-column-use-cases.ewider {
    width: auto;
    padding-right: 0;
  }

  .hero-column-use-cases._45 {
    width: 50%;
  }

  .text-with-image.center {
    justify-content: center;
  }

  .mb-32.bold._30 {
    text-align: center;
  }

  .mb-32._65.left-aligned, .mb-32.left-aligned {
    width: 547px;
  }

  .m-hidden.use-cases-hero-image {
    width: auto;
  }

  .m-hidden.use-cases-hero-image._50 {
    width: 50%;
    max-height: none;
  }

  .text-left {
    order: 1;
  }

  .g2-review {
    padding-top: 32px;
    padding-bottom: 32px;
  }

  .g2-stars, .g2-review-text {
    margin-bottom: 20px;
  }

  .header-pattern-image.m-none {
    width: 100%;
  }

  .header-pattern-image.m-none.lesser-height {
    margin-top: 61px;
  }

  .header-pattern-image.m-none.full {
    top: 0%;
    bottom: auto;
    left: 0%;
    right: 0%;
  }

  .header-pattern-image.m-none.new {
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
  }

  .hero-bttn-background._10-border.middle {
    width: 550px;
  }

  .hero-title-small.paragraph-black {
    color: var(--spot-black);
    margin-bottom: 0;
  }

  .hero-title-small.hero-subtitle {
    margin-bottom: 20px;
  }

  .header-lp-blue {
    padding-bottom: 200px;
  }

  .header-lp-blue.webinars {
    padding-bottom: 60px;
  }

  .header-lp-blue.support.m-lesser-m {
    background-color: #fafafa;
  }

  .header-lp-blue.support.m-lesser-m.white {
    background-color: #fff;
  }

  .hero-video {
    width: 100%;
  }

  .hero-subtitle-lp-small.paragraph-black.center {
    width: 60%;
  }

  .hero-subtitle-lp-small._18 {
    font-weight: 500;
  }

  .hero-subtitle-lp-small._21 {
    text-align: center;
    display: none;
  }

  .hero-subtitle-lp-small.mb-24 {
    color: var(--spot-black);
    text-align: center;
    margin-bottom: 24px;
    margin-left: auto;
    margin-right: auto;
  }

  .hero-subtitle-lp-small.mb-24.smaller {
    font-weight: 400;
  }

  .hero-subtitle-lp-small.mb-24.left {
    text-align: left;
  }

  .hero-subtitle-lp-small.mb-24.medium {
    font-weight: 500;
  }

  .core-feature-grid-three {
    grid-column-gap: 60px;
  }

  .camera-bg-image {
    width: 40%;
    max-width: 900px;
    object-fit: fill;
  }

  .footer-images-holder.mb-16.ml {
    margin-right: 179px;
  }

  .container-video {
    max-width: 1140px;
  }

  .homepage-tabs.home {
    flex-direction: row;
    margin-top: 0;
  }

  .homepage-tabs-menu.home {
    flex-direction: column;
  }

  .homepage-tabs-content.m-hidden {
    width: 100%;
  }

  .homepage-tabs-content.m-hidden.home {
    width: auto;
    margin-top: 40px;
  }

  .feature-tab-item.w--current {
    border-top: 1px solid #c4c4c4;
    border-left: 1px solid #c4c4c4;
    border-right: 1px solid #c4c4c4;
  }

  .feature-tab-item.right {
    border: 1px solid #c4c4c4;
    margin-left: 20px;
  }

  .large-hidden {
    display: none;
  }

  .large-only {
    display: block;
  }

  .div-card.shadow {
    box-shadow: 1px 1px 8px #cdcdcd;
  }

  .image-17 {
    margin-right: 0;
    padding-right: 0;
  }

  .grid-2.relative {
    position: relative;
  }

  ._112x80 {
    width: auto;
  }

  .heading-57 {
    font-size: 24px;
  }

  .image-24 {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    box-shadow: 0 4px 15px -1px #ddd9d9;
  }

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

  .div-block-20 {
    margin-left: auto;
    margin-right: auto;
  }

  .container-2 {
    flex-direction: column;
  }

  .gclid {
    display: none;
  }

  .text-block-16 {
    text-align: center;
  }

  .section-2 {
    background-image: none;
  }

  .image-35 {
    z-index: -10;
    width: 100%;
    max-width: none;
    position: relative;
  }

  .image-36 {
    width: 45%;
  }

  .container-3 {
    flex-direction: column;
    align-items: stretch;
  }

  .container-3.vertical {
    margin-top: -183px;
  }

  .h2-large-2.wider {
    width: 840px;
  }

  .div-block-40 {
    width: 60%;
    margin-left: auto;
    margin-right: auto;
  }

  .image-39 {
    width: 5%;
  }

  .tabs-menu {
    width: 100%;
    display: flex;
    top: 466px;
  }

  .iuc.w--current {
    width: 33%;
  }

  .image-41 {
    width: 900px;
  }

  .image-45 {
    border-radius: 8px;
  }

  .text-block-22, .text-block-23, .text-block-24 {
    width: 350px;
  }

  .div {
    margin-left: auto;
    margin-right: auto;
  }

  .text-block-26 {
    width: 45%;
  }

  .div-block-54 {
    width: 100%;
    min-width: 100%;
  }

  .div-block-55, .div-block-56, .div-block-57 {
    width: 100%;
  }

  .div-block-58, .div-block-59 {
    min-width: 100%;
  }

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

  .div-block-61.ml-0 {
    max-width: 1140px;
    margin-left: 0;
    margin-right: 0;
    display: flex;
  }

  .image-holder.width-60.static.no-upper-margin {
    margin-top: 0;
  }

  .image-holder.width-60.right-aligned {
    justify-content: flex-end;
    display: flex;
  }

  .image-holder.right-aligned {
    justify-content: flex-end;
  }

  .header-image-holder {
    justify-content: center;
    align-items: flex-start;
    display: flex;
  }

  .header-image-holder.left-aligned {
    justify-content: flex-start;
  }

  .background-image-holder {
    z-index: -10;
    background-size: cover;
  }

  .header-image {
    width: 429px;
  }

  .bold-small-top-heading.medium-and-bottom-margin-24px {
    margin-bottom: 24px;
    font-weight: 500;
  }

  .video-wall-image {
    width: 650px;
    height: auto;
  }

  .content-holder-in-container {
    width: 100%;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    display: flex;
  }

  .grey-div-image {
    background-color: rgba(0, 0, 0, 0);
  }

  .nvr-hero-image-right {
    width: 500px;
    height: auto;
    position: absolute;
    top: auto;
    bottom: 0%;
    left: auto;
    right: 0%;
  }

  .nvr-hero-image-left {
    width: 500px;
    height: auto;
    position: absolute;
    top: auto;
    bottom: 0%;
    left: 0%;
    right: auto;
  }

  .g2-link-embed-holder._24px-top-margin {
    justify-content: center;
    margin-top: 24px;
    margin-bottom: 0;
  }

  .white-button {
    background-color: rgba(0, 0, 0, 0);
    border: 2px solid #fff;
    border-radius: 5px;
    padding-bottom: 16px;
    padding-left: 24px;
    padding-right: 24px;
    font-weight: 500;
  }

  .upper-div {
    justify-content: space-between;
  }

  .table-contents {
    grid-template-columns: 1fr .5fr;
  }

  .home-video {
    height: 75%;
    top: 0%;
    bottom: 0%;
    left: auto;
    right: 0%;
  }

  .home-video.hidden-for-phone {
    width: 55%;
    top: 100px;
  }

  .mp4-video-embed {
    width: 40%;
    margin-top: 0;
  }

  .mp4-video-embed.hidden-for-mobile.hero-video {
    width: auto;
    height: 75%;
  }

  .mp4-video-embed.hidden-for-mobile.hero-video._w-background-video-atom {
    width: auto;
    height: auto;
  }

  .mp4-video-embed.hidden-for-mobile.hero-video._w-background-video-atom.static-for-big-break-point {
    position: static;
  }

  .mp4-video-embed.hidden-for-mobile.hero-video.different-width-for-breakpoint {
    width: 40%;
    margin-top: 20px;
  }

  .partner-hero-image-absolute {
    width: 35%;
  }

  .whole-marquee {
    flex: 1;
  }

  .blue-blur-blob {
    width: 30%;
    height: 320px;
    margin-top: 0%;
    margin-bottom: 3%;
    margin-left: 27%;
    top: auto;
    bottom: 0%;
    left: 0%;
    right: auto;
  }

  .pink-blur-blob {
    width: 30%;
    height: 320px;
    margin-top: 0%;
    margin-bottom: 3%;
    margin-right: 27%;
    top: auto;
    bottom: 0%;
    left: auto;
    right: 0%;
  }

  .background-blur {
    width: 56%;
    left: 22%;
  }

  .blur-holder {
    height: 700px;
  }

  .nav-cta-image.smaller-image {
    background-image: url("https://assets-global.website-files.com/5fe2250e2f83cc02cbfefbcf/63ebd8b601213b1e0dac8939_virtual_event-introduction_to_ai_camera_systems-airpods-featured-min.png");
  }

  .container-large.center-align.no-hp {
    padding-left: 0;
    padding-right: 0;
  }

  .container-large.no-tm {
    justify-content: space-between;
  }

  .container-large.center {
    flex-direction: column;
  }

  .container-large.tl {
    justify-content: space-between;
  }

  .container-large.static {
    justify-content: space-between;
    display: block;
  }

  .container-large.static.right-aligned {
    justify-content: flex-end;
    display: flex;
  }

  .container-large.static.flex-vertical-centered {
    display: flex;
  }

  .container-large.confetti-container {
    max-width: 1740px;
  }

  .container-large.confetti-container.static-nvr-hero {
    position: static;
  }

  .container-large.confetti-container.width-100, .container-large.equally-spread {
    justify-content: space-between;
  }
}

@media screen and (max-width: 991px) {
  .colour-grid, .colour-grid-full {
    grid-template-columns: 1fr 1fr;
  }

  .title-wrap-left {
    text-align: left;
  }

  .style-guide-header {
    min-height: 420px;
  }

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

  .nav-menu {
    z-index: 9999;
    height: auto;
    background-color: #fff;
    display: none;
    position: absolute;
  }

  .navigation-left {
    padding-right: 20px;
  }

  .navigation-container {
    min-height: auto;
  }

  .brand {
    margin-right: 10px;
    padding: 0;
  }

  .nav-link {
    width: 100%;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .menu-button {
    color: #000;
    border: 1px solid rgba(17, 17, 17, .1);
    border-radius: 10px;
    margin-right: 10px;
  }

  .menu-button.w--open {
    border-color: var(--black);
    background-color: var(--black);
  }

  .grid---feature {
    grid-column-gap: 20px;
  }

  .faq-column-large {
    width: 100%;
    padding-right: 0;
  }

  .arrow-right {
    right: -10px;
  }

  .arrow-left {
    left: -10px;
  }

  .dropdown {
    width: 100%;
  }

  .dropdown-toggle {
    width: 100%;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .dropdown-toggle.w--open {
    width: 100%;
  }

  .dropdown-list-full-wrapper {
    box-shadow: none;
  }

  .dropdown-list.w--open {
    padding-top: 0;
    position: relative;
    top: 0;
  }

  .navigation-column {
    padding-top: 10px;
    padding-bottom: 10px;
  }

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

  .footer-bottom {
    flex-direction: column;
  }

  .footer-column {
    padding-right: 0;
  }

  .footer-logo.award-logos.footer-logo.auto, .footer-logo.award-logos.footer-logo._100, .footer-logo.award-logos.footer-logo._90 {
    height: auto;
  }

  .feature-card {
    padding: 32px 16px;
  }

  .blog-content {
    height: 100%;
  }

  .blog-image-large {
    height: 240px;
  }

  .hero-column-image {
    padding: 0;
  }

  .licence-card {
    padding: 24px;
  }

  .accent---cta-left {
    max-width: 100px;
    display: none;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: auto;
  }

  .accent---cta-right {
    display: none;
  }

  .featured-base {
    padding-left: 24px;
    padding-right: 24px;
  }

  .accent---hero {
    display: none;
  }

  .content-wrap.centered-on-tab {
    align-items: center;
  }

  .team-item-full {
    width: 50%;
  }

  .nav-menu-mobile {
    z-index: 9999;
    height: auto;
    background-color: #fff;
    display: block;
    position: absolute;
  }

  .buttonnavigation.m-hidden {
    display: none;
  }

  .buttonnavigation.m-hidden.top-margin-24px.gradient {
    display: block;
  }

  .content-detail-wrap {
    text-align: left;
  }

  .hero-title {
    font-size: 40px;
  }

  .paragraph-7.centered-for-tab {
    text-align: center;
  }

  .bg-color-blue.pattern-hardware.centered-for-tab {
    justify-content: center;
    display: flex;
  }

  .h2-large.content-wrap-centre.wide {
    width: auto;
  }

  .h2-large.wider {
    width: 100%;
  }

  .why-spot-heading.width-33 {
    width: 50%;
  }

  .use-cases-solutions.padding-changed-for-tab {
    padding-left: 0;
    padding-right: 0;
  }

  .use-cases-hero-image.width-large-80 {
    margin-top: 0;
  }

  .use-cases-hero-image-wrap.larger {
    width: 40%;
  }

  .use-cases-hero-image-wrap.mr-40 {
    margin-top: 20px;
    margin-right: 20px;
  }

  .hero-column-use-cases {
    width: 50%;
  }

  .hero-subtitle-lp-small.mb-24.smaller {
    width: 80%;
  }

  .customers-content, .customers-content-new {
    height: 100%;
  }

  .customer-image-container {
    height: 240px;
  }

  .customer-logo-v2 {
    height: auto;
  }

  .grid-four {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .twentytwenty-holder {
    width: 100%;
  }

  .hero-gif {
    width: auto;
    margin-top: 40px;
  }

  .image-24 {
    max-width: 100%;
  }

  .radio-button-field {
    padding: 40px 24px;
  }

  .cloneable-container-default {
    padding-left: 32px;
    padding-right: 32px;
  }

  .multi-step-form-radio-trigger---brix {
    padding-left: 64px;
    padding-right: 24px;
    font-size: 16px;
  }

  .tabs.m-hidden {
    display: none;
  }

  .image-41 {
    margin-bottom: 40px;
  }

  .div-block-43 {
    margin-top: 40px;
  }

  .text-block-24 {
    color: var(--spot-black);
    text-align: center;
  }

  .right-arrow-3, .left-arrow-3 {
    display: none;
  }

  .slider-4.mobile-only {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0);
    display: block;
  }

  .slide-nav-4 {
    top: auto;
    bottom: -42px;
  }

  .camera-page-content-holder.phone-only {
    justify-content: center;
    display: flex;
  }

  .camera-page-content-holder.desktop-only {
    display: none;
  }

  .g2-link-embed-holder.left-aligned {
    justify-content: flex-start;
  }

  .home-hero-review-holder {
    width: auto;
    flex-direction: column;
  }

  .social-approval-image.changed-height-for-phone {
    height: 130px;
  }

  .social-approval-image.changed-height-for-phone.is-new._9 {
    height: 110px;
    margin-bottom: 12px;
  }

  .image-56 {
    width: 25px;
  }

  .partner-grid {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }

  .partner-email-input, .partner-email-submit {
    font-size: 16px;
  }

  .partner-hero-image-absolute {
    width: 35%;
  }

  .pop-up-image {
    padding-top: 40px;
  }

  .badges-grid {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .hero-slider-wrapper {
    height: 295px;
  }

  .image-prompt-holder._1 {
    margin-top: 0%;
    margin-left: 8%;
  }

  .image-prompt-holder._2 {
    margin-top: 28%;
    margin-left: 15%;
  }

  .image-prompt-holder._3 {
    margin-top: 10%;
    margin-left: 61%;
  }

  .home-hero-slider-image {
    width: 100%;
    height: auto;
  }

  .background-blur {
    height: 300px;
  }

  .calc-holder {
    padding-left: 50px;
    padding-right: 50px;
  }

  ._1-radio.right-margin-48px {
    margin-right: 24px;
  }

  .secondary-navigation {
    position: relative;
  }

  .secondary-navigation-container.desktop-only {
    display: none;
  }

  .secondary-navigation-container.mobile-only {
    display: flex;
  }

  .tags-holder-container {
    max-width: 688px;
  }

  .sign-up-form.lower-margin-96px {
    margin-bottom: 84px;
  }

  .signup-form-image {
    background-position: 50%;
  }

  .blog-content-holder {
    padding-left: 0;
    padding-right: 0;
  }

  .toc {
    display: none;
  }

  .blog-poweful-richtext-holder {
    width: 100%;
  }

  .slider-navigation {
    width: 100%;
    border-left: 1px solid var(--form-field-border);
    justify-content: center;
    align-items: center;
    display: flex;
    position: static;
    top: 0%;
    bottom: 0%;
    left: auto;
    right: 0%;
  }

  .slider-navigation-wrapper {
    width: 24px;
    display: none;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: auto;
    right: 0%;
  }

  .cameras-dropdown {
    border: 1px solid var(--form-field-border);
    border-radius: 8px;
    justify-content: space-between;
    align-items: center;
    padding: 9px 30px;
    display: flex;
  }

  .cameras-dropdown-tabs-menu {
    display: none;
  }

  .cameras-dropdown-tabs-links {
    background-color: var(--border-color);
  }

  .cameras-dropdown-tabs-links.w--current {
    background-color: #e9e9e9;
  }

  .tabs-2 {
    width: 100%;
  }

  .camera-tab {
    width: 50%;
  }

  .camera-tab.right-margin-16px {
    margin-right: 16px;
  }

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

  .integrations-info-grid {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }

  .integrations-documentation-grid {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }

  .min-steps-image {
    width: 330.063px;
    height: auto;
  }

  .min-steps-image.is-cover {
    object-fit: cover;
  }

  ._2-radio.right-margin-48px {
    margin-right: 24px;
  }

  .blank-div {
    display: none;
  }

  .pricing-calculator-wrapper, .pricing-cal-image-wrap {
    padding-left: 10%;
    padding-right: 10%;
  }

  .information-popup {
    width: 240px;
    bottom: -510%;
  }

  .price-system-wrapper {
    margin-left: auto;
    margin-right: auto;
  }

  .information-popup-180days {
    width: 240px;
    display: none;
    bottom: -122%;
  }

  .price-return.width-40 {
    width: 42%;
  }

  .see-what-inside.lower-margin-96px {
    margin-bottom: 84px;
  }

  .badges-grid-three {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    margin-top: 16px;
    padding-left: 50px;
    padding-right: 50px;
  }

  .badges-grid-new {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
  }

  .badges-holder-new2 {
    display: none;
  }

  .new-g2bage-heading.width-33 {
    width: 50%;
    margin-bottom: 0;
  }

  .heading-new-g2.width-100.bottom-margin-48px {
    margin-bottom: 48px;
  }

  .resource-center-image {
    background-position: 50%;
  }

  .qs-html-sitemap {
    align-self: flex-start;
  }

  .resource-html-sitemap-wrap {
    width: 315px;
  }

  .sitemap-grid-one {
    grid-template-columns: 1fr 1fr;
    justify-items: stretch;
  }

  .sitemap-grid-two {
    grid-template-columns: 1fr 1fr;
  }

  .seo-articles-hero-section {
    grid-template-columns: 1fr;
  }

  .interstitial-content-holder {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .blog-poweful-richtext-components {
    padding-left: 0;
    padding-right: 0;
  }

  .webinar-banner-button.m-hidden {
    display: none;
  }

  .webinar-banner-button.m-hidden.top-margin-24px.gradient {
    display: block;
  }
}

@media screen and (max-width: 767px) {
  h1 {
    font-size: 52px;
  }

  .colour {
    margin-bottom: 25px;
  }

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

  .navigation-left {
    width: 100%;
    justify-content: space-between;
  }

  .title-wrap {
    margin-bottom: 64px;
  }

  .content-section {
    padding-top: 82px;
    padding-bottom: 82px;
  }

  .content-section.top-bottom-padding-70px {
    padding-top: 48px;
    padding-bottom: 32px;
  }

  .content-section.padding-96-top-48-bottom {
    padding-top: 82px;
    padding-bottom: 40px;
  }

  .content-section.padding-96-top-bottom {
    padding-top: 82px;
    padding-bottom: 82px;
  }

  .grid---feature {
    max-width: 450px;
    grid-template-columns: 1fr;
    margin-left: auto;
    margin-right: auto;
  }

  .pricing-grid {
    max-width: 440px;
    grid-row-gap: 40px;
    grid-template-columns: 1fr;
    margin-left: auto;
    margin-right: auto;
  }

  .slide-wrap {
    padding: 50px;
  }

  .banner {
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto;
  }

  .quote-text-large {
    font-size: 32px;
  }

  .footer-bottom {
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin-top: 40px;
  }

  .footer-grid {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr;
  }

  .footer-title-button {
    margin-bottom: 10px;
    margin-right: 0;
  }

  .secondary-link {
    margin-bottom: 20px;
    margin-right: 0;
  }

  .footer-top {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .footer-column {
    padding-right: 0;
  }

  .footer-logo {
    margin-bottom: 20px;
  }

  .footer-logo.award-logos.footer-logo.auto {
    height: 55px;
  }

  .footer-logo.award-logos.footer-logo._100 {
    height: 80px;
  }

  .footer-logo.award-logos.footer-logo._90 {
    height: 70px;
  }

  .feature-grid {
    max-width: 440px;
    grid-template-columns: 1fr;
    margin-left: auto;
    margin-right: auto;
  }

  .notice-bar {
    max-width: 350px;
  }

  .core-feature-grid {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

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

  .accent---hero-right {
    display: none;
  }

  .licence-grid {
    max-width: 440px;
    grid-template-columns: 1fr;
    margin-left: auto;
    margin-right: auto;
  }

  .bg-square-left {
    max-height: 30%;
    top: auto;
    bottom: 3%;
    left: auto;
    right: 0%;
  }

  .button-wrap.centered.vertical-for-phone {
    flex-direction: column;
    align-items: center;
  }

  .footer-sub-wrap {
    flex-direction: column;
    align-items: flex-start;
  }

  .content-wrap {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .content-wrap-section {
    flex-direction: column;
  }

  .content-square-1 {
    position: relative;
  }

  .content-centre-wrap {
    margin-bottom: 64px;
  }

  .buttonnavigation, .buttonnavigation.m-hidden.top-margin-24px.gradient.width-100-for-phone.desktop-only, .buttonnavigation.m-hidden.height-30px {
    display: none;
  }

  .directory-grid {
    max-width: 440px;
    grid-template-columns: 1fr;
    margin-left: auto;
    margin-right: auto;
  }

  .button-hero.centered.no-right-margin {
    width: 100%;
  }

  .button-hero.width-100.top-margin-52px {
    margin-right: 0;
  }

  .button-hero.radius-10px.width-100-on-phone {
    width: 100%;
  }

  .button-hero.gradient.width-100-for-phone {
    max-width: none;
    margin-left: 25px;
    margin-right: 25px;
  }

  .hero-subtitle.hero-dark.text-center-mobile {
    text-align: center;
  }

  .why-spot-heading.width-33 {
    width: 100%;
  }

  .image-14 {
    max-width: none;
  }

  .models-grid.mt-40.top-margin-44px._2-reviews, .core-feature-grid-three {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .header-bottom-right {
    bottom: -66px;
  }

  .div-cards-grid {
    flex-direction: column;
    display: flex;
  }

  .link-block.left-margin-5px {
    margin-left: 0;
  }

  .link-block.right-margin-40px {
    margin-bottom: 20px;
    margin-right: 0;
  }

  .multi-step-form-block---brix {
    min-height: auto;
  }

  .submit-content-wrapper---brix {
    margin-top: 32px;
  }

  .form-step-progress-bar---brix {
    display: none;
  }

  .multi-step-form-button---brix {
    top: 990px;
  }

  .multi-step-form-button---brix.left---brix {
    left: -32px;
  }

  .multi-step-form-button---brix.left---brix.preview-page {
    top: 960px;
  }

  .multi-step-form-button---brix.right---brix {
    right: -32px;
  }

  .multi-step-form-button---brix.right---brix.preview-page {
    top: 960px;
  }

  .cloneable-container-default {
    padding-left: 24px;
    padding-right: 24px;
  }

  .slide---brix {
    padding-bottom: 8px;
  }

  .steps-bar---brix {
    justify-content: space-between;
    padding-bottom: 24px;
  }

  .form-step-progress-bar-mobile---brix {
    width: auto;
    max-width: 100%;
    border-radius: 500px;
    display: flex;
  }

  .form-step-progress-bar-mobile---brix.step-1---brix {
    width: 22%;
    max-width: 100%;
    background-color: #4a3aff;
    margin-left: 0;
    margin-right: 0;
  }

  .form-step-progress-bar-mobile---brix.step-2---brix {
    width: 50%;
    max-width: 100%;
    background-color: #4a3aff;
    margin-left: 0;
    margin-right: 0;
  }

  .form-step-progress-bar-mobile---brix.step-3---brix {
    width: 80%;
    max-width: 100%;
    background-color: #4a3aff;
    margin-left: 0;
    margin-right: 0;
  }

  .form-step-progress-bar-mobile---brix.full-bar---brix {
    width: 100%;
    max-width: 100%;
    background-color: #4a3aff;
    margin-left: 0;
    margin-right: 0;
  }

  .form-step-number---brix {
    margin-left: 10px;
    margin-right: 10px;
  }

  .steps-bar-wrapper--brix {
    flex-direction: column;
    padding-bottom: 32px;
    display: flex;
  }

  .multi-step-form-error-message---brix {
    margin-top: 170px;
  }

  .form-content---brix {
    padding-top: 40px;
    padding-bottom: 0;
  }

  .first-step-grid---brix {
    grid-row-gap: 40px;
    grid-template-columns: 1fr;
  }

  .first-step-grid---brix.uniform-space---brix {
    grid-row-gap: 24px;
  }

  .multi-step-form---brix {
    padding-bottom: 48px;
    padding-left: 32px;
    padding-right: 32px;
  }

  .h3.width-50 {
    width: 100%;
  }

  .h3.bottom-margin-56px {
    margin-bottom: 40px;
  }

  .h3.bottom-margin-48px {
    margin-bottom: 32px;
  }

  .p1.white-colour.center-aligned-paragraph.width-60.bottom-margin-28px {
    width: 100%;
    margin-bottom: 24px;
  }

  .p1.white-colour.top-margin-32px.width-70-desktop, .p1.center-aligned-paragraph.bottom-margin-32px-width-70 {
    width: 100%;
  }

  .p1.large {
    font-size: 24px;
  }

  .p1.top-margin-24px.center-for-phone {
    text-align: center;
  }

  .p1._18px._14px-for-phone {
    font-size: 14px;
  }

  .p1.left-margin-18px.right-margin-4px {
    margin-left: 0;
  }

  .p1.right-left-16px-margin.hidden-for-phone {
    display: none;
  }

  .p1._8px-top-margin-on-phone {
    margin-top: 8px;
  }

  .p1.centered {
    text-align: center;
  }

  .p1.centered.bottom-margin-8px {
    margin-bottom: 8px;
  }

  .button-text.no-top-margin.white-colour {
    margin-top: 0;
  }

  .thank-you-page-card {
    flex-direction: column;
    align-items: center;
  }

  .thank-you-card-text-holder {
    width: auto;
    margin-bottom: 32px;
    margin-right: 0;
  }

  .support-page-lightbox-video.for-desktop {
    display: none;
  }

  .support-page-lightbox-video.for-phone {
    display: flex;
  }

  .soc2-info-holder {
    flex-direction: column;
    align-items: center;
  }

  .soc2-icon-and-text-holder.right-margin-24px {
    margin-right: 0;
  }

  .soc2-icon-and-text-holder.right-margin-24px.bottom-margin-48px-for-phone {
    margin-bottom: 48px;
  }

  .lightbox-form-holder {
    margin-left: 20px;
    margin-right: 20px;
    padding-top: 50px;
    padding-left: 40px;
    padding-right: 40px;
  }

  .form-fields-holder {
    width: 100%;
    flex-direction: column;
  }

  .single-form-field-holder {
    width: 100%;
  }

  .single-form-field-holder.right-margin-24px {
    margin-bottom: 24px;
    margin-right: 0;
  }

  .single-form-field-holder.right-margin-24px.width-100 {
    margin-bottom: 0;
  }

  .form-6, .lightbox-form-block {
    width: 100%;
  }

  .image-56 {
    width: 40px;
  }

  .white-button-in-lightbox {
    width: 100%;
    margin-right: 0;
    padding: 13px 0;
  }

  .video-button-lightbox {
    width: 100%;
    margin-bottom: 16px;
    margin-right: 0;
  }

  .hero-content-holder {
    width: 100%;
  }

  .partner-form-block.top-margin-40px.hidden-for-phone {
    display: none;
  }

  .partner-email-input, .partner-email-submit {
    font-size: 14px;
  }

  .partner-email-submit.hidden-for-desktop {
    display: block;
  }

  .partner-hero-image-absolute {
    display: none;
  }

  .partner-hero-page-static {
    display: block;
  }

  .popup-image-div {
    justify-content: flex-start;
    align-items: center;
  }

  .pop-up-image.desktop-only {
    display: none;
  }

  .pop-up-image.phone-only {
    display: block;
  }

  .confetti-holder-small, .confetti-holder-small.center-aligned.hidden-for-phone {
    display: none;
  }

  .badges-holder {
    width: 100%;
  }

  .confetti.hidden-for-phone {
    display: none;
  }

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

  .homepage-slider {
    justify-content: flex-start;
    display: flex;
  }

  .homepage-slider-nav {
    justify-content: center;
  }

  .homepage-slider-nav.visible-for-desktop {
    display: none;
  }

  .homepage-slider-arrow.show-for-phone {
    display: block;
  }

  .homepage-slider-image-holder {
    width: auto;
    height: 50%;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 0;
    display: none;
  }

  .homepage-slider-content-holder {
    width: auto;
    height: 100%;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    padding-top: 28px;
    padding-left: 28px;
    padding-right: 28px;
  }

  .slide-wrapper {
    flex-direction: column;
  }

  .slide-3 {
    padding-left: 16px;
    padding-right: 16px;
  }

  .hero-slider-wrapper {
    height: 215px;
  }

  .hero-slider-wrapper.top-margin-96px.more-height {
    height: 500px;
  }

  .hero-slider-wrapper.bottom-margin-for-phone {
    height: auto;
  }

  .resources-grid-holder {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }

  .text-below-slider.above-tho {
    flex-direction: column;
  }

  .image-prompt-wrapper {
    display: none;
  }

  .image-prompt-heading {
    display: flex;
  }

  .prompt-data.for-phone {
    z-index: 5;
  }

  .phone-expand-icon {
    display: block;
    position: absolute;
  }

  .phone-expand-icon._1 {
    top: 20%;
    left: 20%;
  }

  .phone-expand-icon._2 {
    top: 75%;
    left: 32%;
  }

  .phone-expand-icon._3 {
    top: 50%;
    left: 70%;
  }

  .image-prompt-holder, .home-hero-slider-image {
    display: none;
  }

  .home-hero-slider-image.top-margin-for-phone.visible-for-phone {
    display: block;
  }

  .pulse_animation._1 {
    display: block;
    top: 22%;
    left: 21%;
  }

  .pulse_animation._2 {
    display: block;
    top: 52%;
    left: 71%;
  }

  .pulse_animation._3 {
    display: block;
    top: 77%;
    left: 33%;
  }

  .background-blur {
    height: 210px;
  }

  .phone-slider-image {
    margin-bottom: 16px;
    display: block;
  }

  .phone-slider-image.choice-bg {
    background-image: url("https://assets-global.website-files.com/5fe2250e2f83cc02cbfefbcf/636a35910b476528db07a3bc_choice-headshot-2-NT-%402x.jpeg");
    background-position: 50% 0;
    background-size: cover;
  }

  .phone-slider-image.magnolia-bg {
    background-image: url("https://assets-global.website-files.com/5fe2250e2f83cc02cbfefbcf/636a3593f75558aaadd5cdb6_magnolia-reseda-location-2-%402x.jpeg");
    background-position: 50% 0;
    background-size: cover;
  }

  .phone-slider-image.camel-bg {
    background-image: url("https://assets-global.website-files.com/5fe2250e2f83cc02cbfefbcf/636a3591aa89f66465395b0c_tyler-slaughter-camel-express-3-%402x.jpeg");
    background-position: 50% 0;
    background-size: cover;
  }

  .phone-slider-image.rahr-bg {
    background-image: url("https://assets-global.website-files.com/5fe2250e2f83cc02cbfefbcf/636a35931c7417bada7424ce_rahr-malting-testimonial-%402x.jpeg");
    background-position: 50% 0;
    background-size: cover;
  }

  .para-and-link {
    flex-direction: column;
    align-items: center;
  }

  .slider-progress-bar-wrapper {
    display: none;
  }

  .slider-arrow-black {
    height: 24px;
  }

  .phone-slider {
    width: 100%;
    display: block;
  }

  .phone-slider.top-margin-24px {
    margin-top: 24px;
  }

  .slider-link {
    margin-top: 16px;
    margin-bottom: 24px;
  }

  .calc-holder {
    align-items: center;
    padding-bottom: 32px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .radio-wrapper {
    flex-direction: column;
    align-items: center;
  }

  ._1-radio.right-margin-48px {
    margin-right: 0;
  }

  .form-8 {
    justify-content: center;
  }

  .secondary-nav-link {
    padding-left: 15px;
    padding-right: 15px;
  }

  .nav-menu-2.slider-list {
    justify-content: flex-start;
  }

  .tags-holder-container {
    max-width: 500px;
    justify-content: center;
  }

  .blog-image-resources {
    width: 100%;
    height: 240px;
    order: -1;
  }

  .first-blog-resources {
    flex-direction: column;
  }

  .data-holder {
    width: 100%;
    margin-top: 32px;
  }

  .blog-posts.grid {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }

  .sign-up-form {
    flex-direction: column;
  }

  .sign-up-form.lower-margin-96px {
    margin-bottom: 42px;
  }

  .signup-form-holder {
    width: 100%;
    padding-top: 32px;
    padding-left: 32px;
    padding-right: 32px;
  }

  .signup-form-image {
    width: 100%;
    height: 420px;
  }

  .signup-form {
    width: 100%;
  }

  .blogs-3-list {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }

  .blog-item-image-holder {
    height: 230px;
  }

  .blog-item-text-holder {
    height: 180px;
  }

  .blog-button-and-author {
    width: 100%;
    flex-direction: column;
    align-items: flex-start;
  }

  .author-and-reading-time-holder {
    flex-direction: column;
    align-items: flex-start;
  }

  .author-holder {
    margin-top: 18px;
  }

  .mobile-toc.visbile-mobile-only {
    display: flex;
  }

  .mobile-toc-wrapper.visible-only-mobile {
    display: block;
  }

  .pricing-grid-mobile {
    grid-column-gap: 0px;
    grid-row-gap: 8px;
    border-top: 2px solid var(--spot-blue);
    grid-template-columns: 1fr 1fr;
  }

  .tab-standard {
    color: #fff;
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid rgba(123, 136, 168, .27);
    border-radius: 50px;
    margin-left: 10px;
    margin-right: 10px;
  }

  .tab-standard.w--current {
    background-color: var(--spot-blue);
    color: #fff;
    border-color: rgba(0, 0, 0, 0);
  }

  .tabs-menu-2 {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .tab-pane {
    padding: 30px;
  }

  .start-link {
    justify-content: center;
    padding-top: 0;
    padding-bottom: 32px;
  }

  .pricing-wrapper {
    display: none;
  }

  .discount {
    color: #7b88a8;
  }

  .pricing-table-cell {
    align-items: flex-start;
  }

  .help {
    display: none;
  }

  .pricing-grid-wrapper-mobile {
    display: block;
  }

  .mobile-pricing {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
  }

  .slider-navigation {
    border-left-color: #d8ebfb;
  }

  .cameras-dropdown {
    padding-left: 20px;
    padding-right: 20px;
  }

  .integrations-grid {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
  }

  .integrations-documentation-grid {
    margin-bottom: 32px;
  }

  .intergations-hero {
    width: 100%;
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    align-items: center;
  }

  .heading-holder-intergations-hero {
    align-items: center;
  }

  .integrations-hero-image {
    display: none;
  }

  .white-outline-button.top-margin-56px {
    margin-top: 48px;
  }

  .minimal-step-div {
    padding-left: 16px;
    padding-right: 16px;
  }

  .hack-form-select {
    font-size: .875rem;
  }

  .hack17-counter-button {
    padding-left: 1.875rem;
    padding-right: 1.875rem;
  }

  ._2-radio.right-margin-48px {
    margin-right: 0;
  }

  .form-8-copy, .daysofretention, .experience, .license-term {
    justify-content: center;
  }

  .see-what-inside {
    flex-direction: column;
  }

  .see-what-inside.lower-margin-96px {
    margin-bottom: 42px;
  }

  .see-what-inside-holder {
    width: 100%;
    padding-top: 32px;
    padding-left: 32px;
    padding-right: 32px;
  }

  .badges-grid-three {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .badges-grid-new {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr 1fr;
  }

  .badges-holder-new2, .new-g2bage-heading.width-33 {
    width: 100%;
  }

  .resource-center-image {
    width: 100%;
    height: 420px;
  }

  .div-block-72 {
    grid-template-rows: auto auto;
    grid-template-columns: .85fr;
    justify-content: center;
  }

  .div-block-73 {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    justify-content: center;
  }

  .div-block-74 {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }

  .copilot-intro-heading-wrapper.mb-24 {
    flex-direction: column;
  }

  .copilot-heading-decorative.mb-24 {
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .paragraph-35, .paragraph-36, .paragraph-37, .paragraph-38 {
    text-align: center;
  }

  .webinar-banner {
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    display: flex;
  }

  .webinar-banner-left {
    justify-content: center;
    align-items: flex-start;
  }

  .webinar-banner-button {
    width: 100%;
  }

  .webinar-banner-button.m-hidden.top-margin-24px.gradient.width-100-for-phone.desktop-only, .webinar-banner-button.m-hidden.height-30px {
    display: none;
  }
}

@media screen and (max-width: 479px) {
  h1 {
    font-size: 40px;
  }

  h2 {
    font-size: 32px;
  }

  h3 {
    font-size: 30px;
    line-height: 1.2;
  }

  h4 {
    font-size: 19px;
  }

  h6, p, a, li {
    font-size: 17px;
  }

  figure {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  .container-tight.pull-up {
    padding-top: 16px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .paragraph-large {
    font-size: 20px;
    line-height: 1.3;
  }

  .button-wrap-style-guide {
    flex-direction: column;
  }

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

  .nav-menu.new.static {
    display: none;
  }

  .navigation-left {
    justify-content: space-between;
  }

  .navigation-left.justify-center {
    justify-content: center;
  }

  .navigation-container {
    position: relative;
  }

  .navigation-right {
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
  }

  .nav-link {
    display: none;
  }

  .navigation {
    background-color: #fff;
    padding-top: 16px;
    padding-bottom: 16px;
  }

  .menu-button {
    border-style: none;
    margin-right: 0;
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
  }

  .menu-button.w--open {
    background-color: rgba(0, 0, 0, 0);
  }

  .header {
    padding-top: 140px;
    padding-bottom: 40px;
  }

  .header.reduced-top-padding {
    padding-top: 80px;
  }

  .header.changed-padding {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .header.reduced-top-bottom-padding.no-right-padding {
    padding-right: 5%;
  }

  .container.center-align {
    flex-wrap: wrap;
    justify-content: center;
    padding-left: 40px;
    padding-right: 40px;
  }

  .container.center-align.d-block {
    padding-left: 3%;
    padding-right: 3%;
  }

  .container.center-align.vertical-flex {
    padding-left: 16px;
    padding-right: 16px;
  }

  .container.center-align.no-hp {
    margin-bottom: 10px;
  }

  .container.center-align._0-m-padding {
    padding-left: 0;
    padding-right: 0;
  }

  .container.d-block._0-tm.static {
    margin-bottom: 40px;
  }

  .container.landing-custom-margin {
    margin-bottom: 0;
  }

  .container.mt-0 {
    margin-top: 0;
  }

  .container.mt-0.grid {
    flex-direction: column;
    display: flex;
  }

  .container.center {
    margin-bottom: 60px;
  }

  .container.center.less-lm.lm {
    margin-bottom: 0;
  }

  .container.center.lesser-lm {
    margin-bottom: -16px;
  }

  .container.grid.changed-margin {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr 1fr;
    position: relative;
  }

  .container.confetti-container.width-100.no-top-margin.side-margin-for-phone {
    width: auto;
    margin-left: 16px;
    margin-right: 16px;
  }

  .container.confetti-container.width-100.no-top-margin.side-margin-for-phone.lower-margin-16px-for-phone {
    margin-bottom: 16px;
  }

  .container.vertical-and-centered.no-top-margin.top-margin-8px-for-phone {
    margin-top: 8px;
  }

  .container.flex-vertical-centered {
    margin-bottom: 0;
  }

  .container.flex-vertical-centered.changed-top-margin-for-phone {
    margin-top: 0;
  }

  .container.flex-vertical-centered.changed-bottom-margin {
    margin-bottom: 150px;
  }

  .container.flex-vertical-centered.top-margin-8px-for-phone {
    margin-top: 8px;
  }

  .container.no-top-margin.no-bottom-margin {
    margin-bottom: 0;
  }

  .container.no-top-bottom-margin.top-bottom-padding.gradient-background.flex-vertical-centered.side-margin-for-phone {
    padding-left: 24px;
    padding-right: 24px;
  }

  .container.no-top-bottom-margin.top-bottom-padding.gradient-background.flex-vertical-centered.side-margin-for-phone.no-radius-for-phone {
    border-radius: 0;
  }

  .title-wrap {
    margin-top: 32px;
    margin-bottom: 0;
    padding-bottom: 0;
  }

  .title-wrap.full-width {
    margin-left: 0;
    margin-right: 0;
  }

  .title-wrap.half-width {
    width: 100%;
    align-items: center;
  }

  .title-wrap.wider, .title-wrap.no-top-margin-for-phone {
    margin-top: 0;
  }

  .button-outline {
    font-size: 16px;
  }

  .content-section {
    padding: 40px 16px;
  }

  .content-section.bg-color-1 {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .content-section.bg-color-1.vp-40 {
    padding-top: 20px;
  }

  .content-section.small {
    padding-top: 0;
    padding-bottom: 0;
  }

  .content-section.small.no-pb {
    padding-top: 40px;
    padding-bottom: 10px;
  }

  .content-section.small.no-pb.bg-color-2 {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .content-section.small.no-pb.m-0 {
    margin-top: 63px;
    padding-top: 60px;
    padding-left: 0;
    padding-right: 0;
  }

  .content-section.small.no-padding-mobile {
    padding: 0;
  }

  .content-section.small.bg-faint-grey {
    padding-top: 10px;
  }

  .content-section.small.bg-light-blue {
    padding-top: 40px;
  }

  .content-section.no-padding {
    padding: 0;
  }

  .content-section.pv-10.m-0 {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .content-section.vp-40 {
    padding-top: 10px;
  }

  .content-section.vp-40.mob-no-tp {
    padding-top: 0;
    padding-bottom: 10px;
  }

  .content-section.bg-color-6 {
    padding-top: 10px;
  }

  .content-section.vp-20.tm-96 {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .content-section.grey-bg {
    padding-top: 10px;
  }

  .content-section.lesser-m {
    padding-top: 60px;
    padding-bottom: 0;
  }

  .content-section.lesser-m.new {
    padding-right: 0;
  }

  .content-section.changed-bottom-padding {
    padding-bottom: 0;
  }

  .content-section.changed-bottom-padding.changed-top-padding {
    padding-top: 80px;
  }

  .content-section.changed-bottom-padding.background-grey {
    background-color: rgba(0, 0, 0, 0);
  }

  .content-section.hero-header, .content-section.hero-header.changed-padding-for-hero {
    padding-left: 16px;
    padding-right: 16px;
  }

  .content-section.hero-header.changed-padding-for-hero.flex-vertical-centered-for-phone {
    flex-direction: column;
    align-items: stretch;
    display: flex;
  }

  .content-section.hero-header.changed-padding-for-hero.flex-vertical-centered-for-phone.no-side-padding-for-phone, .content-section.hero-header.no-side-padding-for-phone {
    padding-left: 0;
    padding-right: 0;
  }

  .content-section.added-bottom-padding.hidden-for-phone, .content-section.hidden-on-phone {
    display: none;
  }

  .content-section.hidden-for-desktop {
    display: block;
  }

  .content-section.hidden-for-desktop.hidden {
    display: none;
  }

  .content-section.hidden-for-desktop.changed-top-padding {
    padding-top: 0;
  }

  .content-section.hidden-for-desktop.changed-top-padding.no-bottom-padding {
    padding-bottom: 0;
  }

  .content-section.hidden-for-desktop.stop-horizontal-scroll {
    width: 100%;
    overflow: hidden;
  }

  .content-section.hidden-for-phone {
    display: none;
  }

  .content-section.nvr-header {
    padding-left: 16px;
    padding-right: 16px;
  }

  .content-section.blue-image-background.changed-bottom-padding-for-phone {
    background-image: url("https://assets-global.website-files.com/5fe2250e2f83cc02cbfefbcf/618e2b4e05a5430f781b0019_m-bg-quote-blue-360x500%402x%402x.jpg");
    padding-bottom: 96px;
  }

  .content-section.blue-image-background.changed-bottom-padding-for-phone.changed-side-padding {
    padding-left: 32px;
    padding-right: 32px;
  }

  .content-section.home-hero-gradient.no-bottom-margin.overflow-hidden.bg-gradient {
    background-position: 80% 100%;
  }

  .content-section.home-hero-gradient.no-bottom-margin.overflow-hidden.flex-vertical-centered.bg-gradient-img {
    background-image: url("https://assets-global.website-files.com/5fe2250e2f83cc02cbfefbcf/636bdf82519296f0de49fd23_homepage-hero-gradient%402x%20(1).jpeg");
    background-position: 100% 100%;
    background-size: cover;
  }

  .content-section.more-bottom-padding-for-phone {
    padding-bottom: 100px;
  }

  .content-section.no-top-padding-for-phone {
    padding-top: 0;
  }

  .content-section.no-top-padding-for-phone.testimonials.top-padding-46px.no-padding-for-phone {
    padding: 0;
  }

  .content-section.no-padding-for-phone {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .content-section.padding-96-top-48-bottom, .content-section.padding-96-top-bottom {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .content-section.copilot-hero-bg {
    background-image: url("https://assets-global.website-files.com/5fe2250e2f83cc02cbfefbcf/6545258d37ae4b3eb4a41dc2_m-ai_copilot-hero%402x.jpg");
  }

  .content-section.copilot-intro-bg {
    background-image: url("https://assets-global.website-files.com/5fe2250e2f83cc02cbfefbcf/6544bbef60bdfbee79f814f6_m-ai_copilot-intro%402x.png");
  }

  .content-section.copilot-cta-bg.padding-40 {
    background-image: url("https://assets-global.website-files.com/5fe2250e2f83cc02cbfefbcf/6544bc12cd53c04b5b03b801_m-ai_copilot-cta%402x.jpg");
  }

  .faq-question-wrap {
    padding-left: 40px;
  }

  .faq-question-wrap.first.no-side-padding {
    padding-left: 0;
    padding-right: 0;
  }

  .faq-question-wrap.first.no-side-padding.drop-down-section {
    border-style: none;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .faq-question-wrap.new {
    background-color: #f6f6f6;
  }

  .faq-question-wrap.no-side-padding.drop-down-section {
    border-style: none;
    border-color: var(--button-hover);
    margin-bottom: 24px;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .faq-question-wrap.no-side-padding.drop-down-section:hover {
    background-color: var(--button-hover);
  }

  .faq-question-wrap.no-side-padding.drop-down-section:active {
    background-color: var(--button-hover);
    color: #fff;
  }

  .question-title {
    flex: 1;
    font-size: 22px;
    line-height: 1.2;
  }

  .arrow-right, .arrow-left {
    width: 55px;
    height: 55px;
  }

  .slide-wrap {
    min-height: auto;
  }

  .footer._0-tp {
    padding-top: 10px;
  }

  .dropdown-toggle {
    color: var(--spot-black);
    padding-top: 0;
    padding-bottom: 0;
  }

  .navigation-drop-container {
    padding-top: 0;
    padding-bottom: 0;
  }

  .navigation-drop-container.scroll {
    z-index: 50;
    position: relative;
  }

  .dropdown-list-full-wrapper {
    background-color: rgba(0, 0, 0, 0);
  }

  .navigation-bottom-link {
    display: none;
  }

  .navigation-column {
    align-items: stretch;
    padding-left: 28px;
    padding-right: 16px;
  }

  .navigation-column.mob.no-lm {
    padding-left: 10px;
  }

  .page-grid {
    grid-column-gap: 0px;
    grid-template-columns: 1fr 1fr;
  }

  .quote-text-large {
    font-size: 28px;
  }

  .text-field-plain {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

  .footer-link {
    margin-left: auto;
    margin-right: auto;
  }

  .footer-link.new {
    margin-bottom: 10px;
    margin-left: 0;
    margin-right: 0;
    font-weight: 400;
  }

  .footer-bottom {
    text-align: center;
    border-bottom-style: none;
    flex-direction: column;
  }

  .footer-grid {
    flex-direction: column;
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 2fr;
    display: flex;
  }

  .footer-wrapper {
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .footer-title-button {
    color: var(--light-grey);
    margin-bottom: 0;
    margin-right: 0;
    font-size: 14px;
  }

  .footer-title-button.left-aligned {
    text-align: center;
    font-size: 16px;
    line-height: 24px;
  }

  .footer-title {
    margin-bottom: 20px;
  }

  .secondary-link {
    text-align: center;
  }

  .secondary-link.smaller {
    margin-right: 20px;
  }

  .footer-top {
    flex-direction: column;
    align-items: flex-start;
  }

  .footer-top.flex.grid {
    padding-bottom: 20px;
    display: flex;
  }

  .footer-column {
    align-items: center;
    margin-bottom: 25px;
  }

  .footer-column.last.new {
    width: auto;
    align-items: flex-start;
  }

  .footer-column.last.new.m-hidden {
    display: none;
  }

  .footer-column.pr-0 {
    justify-content: flex-start;
  }

  .footer-column.pr-0.la {
    width: auto;
    align-items: flex-start;
  }

  .footer-column.pr-0.la.m-hidden {
    display: none;
  }

  .footer-logo {
    width: 80px;
    margin-bottom: 32px;
  }

  .footer-logo.award-logos.footer-logo {
    width: 200px;
    height: auto;
    margin-bottom: 20px;
  }

  .footer-logo.award-logos.footer-logo.auto {
    width: auto;
  }

  .footer-logo.award-logos.footer-logo._100 {
    width: auto;
    height: 80px;
  }

  .footer-logo.award-logos.footer-logo._90 {
    width: auto;
    height: 75px;
  }

  .footer-logo.award-logos.footer-logo._0-lm {
    width: 100%;
    height: auto;
    margin-bottom: 0;
    margin-left: auto;
  }

  .footer-logo.award-logos.footer-logo.smaller {
    width: 100px;
  }

  .button-white {
    width: 100%;
    color: var(--spot-blue);
    border-radius: 5px;
    margin-bottom: 20px;
    padding: 15px;
    font-size: 17px;
    font-weight: 500;
    transition-property: none;
  }

  .button-white:hover {
    transform: none;
  }

  .notice-bar {
    flex-wrap: wrap;
    display: none;
  }

  .core-feature-grid {
    grid-row-gap: 0px;
    margin-bottom: 40px;
  }

  .core-feature-grid.v-security {
    grid-template-columns: 1fr;
  }

  .quotations-section {
    width: 100%;
  }

  .blog-content {
    padding: 10px 0 16px;
  }

  .blog-list-category {
    margin-bottom: 8px;
  }

  .blog-image-large {
    height: 200px;
  }

  .blog-item {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .blog-detail {
    margin-bottom: 10px;
  }

  .hero-column-content {
    width: 100%;
    padding-bottom: 50px;
    padding-right: 0;
  }

  .blog-hero-image {
    height: 310px;
  }

  .article {
    margin-top: -20px;
  }

  .article p {
    font-size: 17px;
  }

  .article h2 {
    margin-bottom: 20px;
    font-size: 20px;
    font-weight: 400;
  }

  .article h4, .article h3 {
    font-size: 18px;
  }

  .article a {
    font-size: 1em;
  }

  .change-log-wrap {
    padding: 24px;
  }

  .content-image-wrap.pl-50 {
    padding-left: 40px;
  }

  .content-image-wrap.hidden-for-phone {
    display: none;
  }

  .button-wrap {
    width: 100%;
    flex-wrap: wrap;
    align-items: flex-start;
  }

  .button-wrap.full-width {
    width: 100%;
    display: block;
  }

  .button-wrap.mt-20.center {
    flex-direction: column;
    align-items: center;
  }

  .button-wrap.center-mobile, .button-wrap.center-aligned-mobile {
    justify-content: center;
  }

  .content-image {
    display: inline-block;
  }

  .content-image.mobile {
    display: none;
  }

  .content-image.both {
    margin-top: 40px;
    display: block;
  }

  .content-image.both.smaller {
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
  }

  .content-image.both.lp-small {
    max-width: 270px;
  }

  .content-image.both {
    margin-top: 40px;
    display: block;
  }

  .content-image.hidden {
    display: none;
  }

  .content-image.home-display {
    display: block;
  }

  .form-large {
    flex-direction: column;
  }

  .newsletter-field {
    margin-bottom: 20px;
  }

  .submit-button-large {
    width: 100%;
    margin-left: 0;
  }

  .featured-base {
    padding-left: 0;
    padding-right: 0;
  }

  .card-title-wrap, .card-title-wrap.top, .card-title-wrap._0-tm {
    margin-top: 0;
  }

  .author-wrap-stacked {
    flex-wrap: wrap;
  }

  .footer-sub-wrap {
    width: 100%;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .header-landing-1 {
    padding-top: 120px;
    padding-bottom: 60px;
  }

  .header-landing-1.transparent {
    padding-bottom: 0;
  }

  .header-landing-1.transparent.mb-140 {
    margin-bottom: 60px;
  }

  .header-landing-1.transparent.pt-20 {
    margin-bottom: 100px;
  }

  .header-landing-1.landing-header {
    padding-top: 60px;
  }

  .content-wrap {
    margin-bottom: 0;
    padding-left: 20px;
    padding-right: 20px;
  }

  .content-wrap.text-center {
    max-width: 100%;
  }

  .content-wrap.text-center.no-vp {
    padding-top: 0;
    padding-bottom: 0;
  }

  .content-wrap.m-hidden {
    display: none;
  }

  .content-wrap.no-lm.no-inner-padding {
    padding: 0;
  }

  .content-wrap.width-100-on-phone {
    width: 100%;
  }

  .h2-cta {
    font-size: 28px;
  }

  .team-image-wrap {
    height: 180px;
  }

  .team-photo {
    width: 300px;
    height: 300px;
  }

  .about-hero-full {
    width: 100%;
    height: auto;
    display: none;
  }

  .about-hero-full.m-show {
    display: block;
  }

  .content-wrap-centre.full-width {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .about-hero-wrap-full {
    height: auto;
  }

  .team-item-full {
    width: 100%;
    margin-bottom: 20px;
  }

  .category-type-wrap {
    text-align: center;
    flex-direction: column;
    justify-content: center;
  }

  .blog-article-type {
    margin-bottom: 0;
  }

  .nav-menu-mobile {
    z-index: 99999;
    height: 100vh;
    background-color: var(--spot-blue);
    position: fixed;
    top: 0;
  }

  .nav-menu-mobile.new {
    z-index: 2147483647;
    height: 100vh;
    position: fixed;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
    overflow: auto;
  }

  .buttonnavigation {
    display: block;
  }

  .buttonnavigation.m-hidden.top-margin-24px.gradient.width-100-for-phone {
    width: 100%;
  }

  .buttonnavigation.right-margin-40-px {
    margin-bottom: 24px;
    margin-right: 0;
  }

  .buttonnavigation.right-margin-40-px.width-100-for-phone {
    width: 100%;
  }

  .home-feature-image {
    display: none;
  }

  .home-feature-image.mobile {
    display: block;
  }

  .content-wrap-plain.new {
    margin-right: 20px;
  }

  .hero-tag {
    margin-bottom: 24px;
    font-size: 14px;
  }

  .hero-tag.blue.mb-16-mobile {
    margin-bottom: 16px;
  }

  .button-wrap-centre {
    width: 100%;
    flex-flow: column wrap;
    align-items: center;
  }

  .button-hero {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    font-size: 17px;
  }

  .button-hero.mb-32.width-300px, .button-hero._w-100, .button-hero.purple.full, .button-hero.green.full-width {
    width: 100%;
  }

  .button-hero.bottom-margin-32px.no-side-padding {
    width: 70%;
  }

  .button-hero.centered.no-right-margin {
    padding-top: 18px;
    padding-bottom: 18px;
  }

  .button-hero.right-margin-40 {
    margin-right: 0;
  }

  .button-hero.gradient.width-100-for-phone {
    max-width: none;
    margin-left: 25px;
    margin-right: 25px;
  }

  .button-white-transparent {
    width: 100%;
    margin-bottom: 10px;
    margin-right: 0;
    font-size: 17px;
  }

  .button-white-transparent.mr-40 {
    margin-bottom: 20px;
    margin-right: 20px;
    font-size: 17px;
  }

  .button-white-transparent.mr-40.mb-0 {
    margin-bottom: 0;
  }

  .button-white-transparent.inline {
    display: inline;
  }

  .button-white-transparent.mr-16.lm40 {
    margin-right: 0;
  }

  .author-circle {
    margin-bottom: 14px;
  }

  .faq-circle-dark {
    width: 20px;
    display: block;
  }

  .customer-industry {
    margin-bottom: 30px;
    font-size: 19px;
  }

  .heading-2 {
    font-size: 25px;
  }

  .paragraph-3 {
    font-size: 17px;
  }

  .hero-title {
    font-size: 40px;
  }

  .hero-title.hero-dark {
    text-align: left;
  }

  .hero-title.hero-dark.text-center-mobile {
    text-align: center;
  }

  .hero-subtitle {
    font-size: 17px;
  }

  .hero-subtitle.hero-dark, .hero-subtitle.hero-dark.text-center-mobile {
    text-align: center;
  }

  .hero-subtitle.hero-dark.half-width {
    width: auto;
    text-align: center;
  }

  .hero-subtitle.hero-dark.half-width.left-aligned-desktop {
    text-align: center;
  }

  .hero-subtitle.hero-dark.size-30px-and-center-aligned {
    margin-top: 32px;
  }

  .hero-subtitle.hero-dark.size-30px-and-center-aligned.colour-white.size-17px-on-phone, .hero-subtitle.hero-dark.size-30px-and-center-aligned._17px-on-phone {
    font-size: 17px;
  }

  .hero-subtitle.hero-dark.size-30px-and-center-aligned._17px-on-phone.bottom-margin-58px-40-for-phone {
    margin-bottom: 40px;
  }

  .hero-subtitle.hero-dark.size-30px-and-center-aligned._17px-on-phone.bottom-margin-58px-40-for-phone.no-top-margin {
    margin-top: 0;
  }

  .hero-subtitle.hero-dark.size-30px-and-center-aligned.width-477px {
    width: 280px;
    font-size: 17px;
  }

  .hero-subtitle.hero-dark.size-30px-and-center-aligned.width-583px {
    width: 288px;
  }

  .hero-subtitle.hero-dark.size-30px-and-center-aligned.width-583px.size-17px-on-phone {
    font-size: 17px;
  }

  .hero-subtitle.hero-dark.size-30px-and-center-aligned.bottom-margin-24px.hidden-for-phone {
    display: none;
  }

  .hero-subtitle.hero-dark.phone-inner-padding {
    padding-left: 8px;
    padding-right: 8px;
  }

  .hero-subtitle.hero-dark.phone-inner-padding.bottom-margin {
    margin-bottom: 25px;
  }

  .hero-subtitle.hero-dark.width-450px {
    width: 280px;
  }

  .button-like-link {
    font-size: 17px;
  }

  .customer-logo {
    width: 40%;
    height: auto;
    max-height: 50px;
    max-width: 45%;
    min-width: 40%;
    flex: 0 auto;
    align-self: center;
    margin-bottom: 40px;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .customer-logo.mb-0 {
    margin-bottom: 0;
  }

  .customer-logo.make-small-mobile {
    height: 40px;
  }

  .customer-logo.rahr {
    width: 30%;
    max-height: 120px;
    min-width: 30%;
  }

  .customer-logo.spacex {
    width: 60%;
    height: 30px;
    margin-bottom: 40px;
  }

  .customer-logo.rm {
    width: auto;
    height: auto;
    max-height: 75px;
    min-width: auto;
    margin-left: 0;
    margin-right: 0;
  }

  .text-large {
    font-size: 30px;
    line-height: 36px;
  }

  .heading-6.pb-24 {
    font-size: 20px;
  }

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

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

  .grid-three.mb-32 {
    flex-direction: column;
    display: flex;
  }

  .we-are-spot {
    font-size: 40px;
  }

  .customer-subsection {
    width: 100%;
    margin-bottom: 34px;
  }

  .customer-subsection.last {
    margin-bottom: 0;
  }

  .grid.mb-60 {
    grid-template-columns: 1fr;
  }

  .customer-description {
    padding-right: 0;
  }

  .customer-quotation-1 {
    margin-bottom: 30px;
    font-size: 28px;
  }

  .div-block-3 {
    border-top: 2px solid #e5e5e5;
    border-left-style: none;
    border-left-width: 0;
    padding-top: 30px;
    padding-left: 0;
  }

  .customer-problem-solution {
    padding: 50px 16px;
  }

  .text-white.text-left {
    color: var(--light-grey);
    text-align: center;
  }

  .text-white.text-center.font-large-mobile {
    font-size: 28px;
    font-weight: 400;
  }

  .text-white.mb-80.custom-mobile {
    margin-bottom: 20px;
  }

  .text-white.size-54 {
    text-align: center;
    font-size: 32px;
    line-height: 36px;
  }

  .text-white.text-left {
    color: #f4f4f4;
    text-align: center;
  }

  .text-white._100p {
    width: 100%;
  }

  .grid-of-two {
    grid-template-columns: 1fr;
  }

  .grid-of-two.mb-40 {
    grid-row-gap: 16px;
  }

  .grid-of-two.custom-1 {
    grid-template-columns: 1fr;
  }

  .careers-icons {
    flex-flow: column wrap;
    margin-bottom: 0;
    display: flex;
  }

  .careers-icons.homepage-icons {
    display: flex;
  }

  .careers-icons.closer {
    flex-direction: column;
    flex: none;
    align-items: stretch;
    padding: 19px 21px;
    display: flex;
  }

  .careers-values-text {
    margin-bottom: 20px;
  }

  .careers-value {
    width: 100%;
    margin-bottom: 40px;
  }

  .careers-value.landing-value {
    margin-bottom: 56px;
  }

  .careers-values {
    margin-bottom: 20px;
    font-size: 36px;
    line-height: 42px;
  }

  .careers-benefits-icon.small {
    width: 48px;
  }

  .bg-color-blue {
    padding: 50px 20px;
  }

  .bg-color-blue.pricing-form, .bg-color-blue.pricing-form-white {
    width: 100%;
  }

  .bg-color-blue.pricing-form-white.full-width {
    max-width: 288px;
    border-radius: 6px;
  }

  .bg-color-blue.pattern-hardware {
    text-align: center;
  }

  .bg-color-blue.no-radius {
    border-radius: 0;
  }

  .bg-color-blue.pattern-light-blue, .bg-color-blue.pattern-about {
    text-align: center;
  }

  .hero-image-container {
    width: auto;
    height: 150px;
    margin-left: -15px;
    margin-right: -15px;
    display: block;
    position: static;
  }

  .slider-2 {
    width: 100%;
  }

  .careers-values-wrap {
    flex-wrap: wrap;
  }

  .careers-benefits-holder {
    max-width: 100%;
    margin-bottom: 20px;
  }

  .careers-benefits-holder.last {
    margin-bottom: 0;
  }

  .careers-benefits-holder.center {
    flex-direction: column;
    align-items: center;
    display: flex;
  }

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

  .paragraph-12 {
    font-size: 17px;
  }

  .customer-problem-heading {
    font-size: 25px;
  }

  .h2-large {
    text-align: center;
    margin-bottom: 16px;
    font-size: 32px;
    line-height: 36px;
  }

  .h2-large.text-white._0-tm {
    margin-top: 0;
  }

  .h2-large.text-white._0-tm.width-806px {
    width: 100%;
  }

  .h2-large.text-white._0-tm.width-578px {
    width: 280px;
  }

  .h2-large.mb-40 {
    margin-bottom: 40px;
  }

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

  .h2-large.text-center.text-white {
    font-size: 28px;
    line-height: 32px;
  }

  .h2-large.text-center.mb-0 {
    font-size: 32px;
  }

  .h2-large.text-center._40 {
    font-size: 21px;
    line-height: 1.3;
  }

  .h2-large.text-center._40.no-m-tm {
    text-transform: uppercase;
    margin-top: 0;
    font-size: 18px;
    line-height: 24px;
  }

  .h2-large.text-center.bottom-margin-40px.colour-white.size-28px-on-phone {
    font-size: 28px;
    line-height: 32px;
  }

  .h2-large.content-wrap-centre.wide._50 {
    width: auto;
  }

  .h2-large.m-hidden {
    display: none;
  }

  .h2-large.no-mb.no-tp {
    margin-top: 0;
  }

  .h2-large.no-mb.no-tp.less-wide, .h2-large.wider {
    width: auto;
  }

  .h2-large.mt-10 {
    margin-top: 10px;
  }

  .h2-large.changed-top-bottom-pading.width-680px, .h2-large.changed-top-bottom-pading.width-540px {
    width: 280px;
  }

  .h2-large.changed-top-bottom-pading.width-528px {
    width: 288px;
  }

  .h2-large.changed-top-bottom-pading.width-428px {
    width: 280px;
  }

  .h2-large.no-top-margin-for-phone {
    margin-top: 0;
  }

  .grid---why-spot, .grid---why-spot.v2, .grid---why-spot.v2.reverse {
    grid-template-columns: 1fr;
  }

  .grid---why-spot.inverted {
    grid-template-columns: 1.5fr;
  }

  .why-spot-question-title {
    margin-bottom: 16px;
  }

  .why-spot-question-bar.side-margin {
    margin-left: 16px;
    margin-right: 16px;
    padding-left: 0;
    padding-right: 0;
  }

  .why-spot-accordion-content {
    display: block;
    overflow: hidden;
  }

  .why-spot-accordion-content.first {
    height: auto;
    overflow: hidden;
  }

  .why-spot-accordion-content.first.absolute {
    position: absolute;
    top: auto;
    bottom: 0%;
    left: 0%;
    right: 0%;
  }

  .why-spot-accordion-content.no-overflow {
    overflow: visible;
  }

  .why-spot-paragraph {
    padding-top: 0;
    font-weight: 400;
    line-height: 25px;
    overflow: visible;
  }

  .why-spot-paragraph.hidden {
    display: none;
  }

  .why-spot-heading {
    font-size: 32px;
  }

  .why-spot-heading.text-white.width-70.bottom-margin-64px {
    width: 288px;
    text-align: left;
    margin-bottom: 32px;
  }

  .why-spot-heading.text-white.width-70.bottom-margin-64px.center-aligned-for-phone {
    text-align: center;
  }

  .why-spot-heading.left-aligned.modified-for-phone {
    margin-top: 0;
    margin-bottom: 16px;
    font-size: 28px;
    line-height: 32px;
  }

  .why-spot-heading.lower-margin-64px {
    margin-bottom: 32px;
  }

  .why-spot-heading.width-50 {
    width: 100%;
  }

  .why-spot-heading.width-50.bottom-margin-64px {
    margin-bottom: 32px;
  }

  .get-access-button {
    width: auto;
    height: 50px;
    border-radius: 3px;
    flex: 1;
    margin-bottom: 16px;
    font-size: 14px;
  }

  .get-access-button.purple.new {
    width: 100%;
    height: 45px;
    flex: none;
    font-size: 18px;
  }

  .get-access-button.green.new {
    width: 100%;
    flex: none;
    font-size: 18px;
  }

  .careers-benefits-bold {
    margin-bottom: 16px;
    font-size: 22px;
  }

  .use-cases-solutions.new.green, .use-cases-solutions.new.yellow, .use-cases-solutions.new.purple {
    padding: 24px;
  }

  .use-cases-hero-image {
    width: 100%;
  }

  .use-cases-hero-image.m-hidden {
    display: none;
  }

  .use-cases-hero-image.mobile-only.mb-32.no-lm {
    margin-bottom: 0;
  }

  .use-cases-hero-image.mobile-only.mb-32.tm {
    margin-top: 51px;
    margin-bottom: 10px;
  }

  .use-cases-hero-image.mobile-only.mb-32.hidden {
    display: none;
  }

  .use-cases-quote-grid {
    grid-template-columns: 1fr;
  }

  .use-cases-quote-grid.wide {
    width: auto;
  }

  .use-cases-quotation {
    text-align: center;
  }

  .use-cases-quote-image-div {
    margin-bottom: 20px;
  }

  .home-features-grid, .home-features-grid.grid-right {
    grid-template-columns: 1fr;
  }

  .feature-item {
    min-width: 55%;
  }

  .feature-item-text {
    font-size: 14px;
  }

  .homepage-icons {
    flex-wrap: wrap;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-items: center;
    padding-top: 20px;
    padding-bottom: 20px;
    display: block;
  }

  .homepage-quotes.m-hidden {
    display: none;
  }

  .homepage-quotes.desktop-hidden {
    height: 370px;
    display: block;
  }

  .homepage-quotes-grid {
    height: 100%;
    grid-template-columns: 1fr;
  }

  .homepage-quote-wrap {
    padding-left: 30px;
    padding-right: 30px;
  }

  .feature-action-keyword {
    font-size: 56px;
  }

  .feature-title {
    font-size: 40px;
  }

  .section-tag.landing-tag {
    margin-bottom: 16px;
    font-size: 16px;
  }

  .use-cases-hero-image-wrap {
    width: 100%;
    position: static;
  }

  .use-cases-hero-image-wrap.pr-small {
    padding-right: 0;
  }

  .use-cases-hero-image-wrap.pt-20 {
    width: 100%;
  }

  .use-cases-hero-image-wrap.pt-20.m-hidden, .use-cases-hero-image-wrap.pt-20.m-hidden.hero-image-wrap-large {
    display: none;
  }

  .use-cases-hero-image-wrap.pt-20.mobile-only {
    padding-bottom: 20px;
    display: inline-block;
  }

  .use-cases-hero-image-wrap.pt-20.mobile-only.no-m {
    padding-top: 0;
    padding-bottom: 0;
  }

  .use-cases-hero-image-wrap.pt-20.hero-image-wrap-large {
    width: auto;
    margin-bottom: 40px;
    padding-top: 0;
  }

  .use-cases-hero-image-wrap.larger {
    width: 100%;
  }

  .use-cases-hero-image-wrap.mr-40 {
    margin-right: 0;
  }

  .hero-column-use-cases {
    width: 100%;
    align-items: center;
    padding-right: 0;
  }

  .hero-column-use-cases.left-align {
    width: auto;
    align-items: center;
  }

  .hero-column-use-cases.wider {
    width: auto;
    align-items: flex-start;
  }

  .hero-column-use-cases.ewider {
    align-items: flex-start;
    margin-top: 20px;
  }

  .content-section-pattern-image.top-300.m-hidden {
    display: none;
  }

  .content-section-pattern-image.top-100 {
    top: 200px;
  }

  .content-section-pattern-image.m-none {
    display: none;
  }

  .text-block-4 {
    font-size: 17px;
  }

  .text-block-4._21px-on-phone {
    font-size: 21px;
  }

  .text-block-4._21px {
    font-size: 17px;
  }

  .mask-2 {
    height: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }

  .text-with-image {
    justify-content: center;
  }

  .text-with-image.flex.vert {
    width: 100%;
    flex-direction: column;
  }

  .text-with-image._100p {
    width: 100%;
  }

  .text-with-image.vert {
    flex-direction: column;
  }

  .background-video {
    height: 200px;
  }

  .mb-32.bold {
    margin-bottom: 20px;
    line-height: 24px;
  }

  .mb-32.bold.left-aligned {
    text-align: center;
  }

  .mb-32.bold._30 {
    text-align: center;
    font-size: 21px;
    line-height: 25px;
  }

  .mb-32._65.left-aligned {
    width: 280px;
    text-align: center;
    line-height: 1.2;
  }

  .mb-32._65._32-on-phone {
    font-size: 32px;
  }

  .mb-32._65._32-on-phone.bottom-margin-24px-on-phone {
    margin-bottom: 24px;
  }

  .mb-32._65._32-on-phone.bottom-margin-24px-on-phone.width-288px-for-phone {
    width: 288px;
  }

  .mb-32.left-aligned {
    text-align: center;
  }

  .mb-32.left-aligned.size-24px {
    font-size: 17px;
  }

  .mb-32._65 {
    line-height: 1.2;
  }

  .mb-32.bold-width-335px.lower-margin-8px {
    width: 100%;
  }

  .mb-32.bold-width-335px.lower-margin-8px.center-for-phone {
    text-align: center;
  }

  .slider-arrow.right {
    width: 30px;
    right: -10px;
  }

  .slider-arrow.left {
    width: 30px;
    left: -10px;
  }

  .left-arrow, .right-arrow {
    display: block;
  }

  .grid-3 {
    grid-row-gap: 0px;
    grid-template-columns: 1fr;
  }

  .bold-text-2 {
    font-weight: 700;
  }

  .container-full-width.grid {
    flex-direction: column;
    display: none;
  }

  .container-full-width.grid.m-only {
    display: flex;
  }

  .mobile-slide {
    height: 320px;
  }

  .faq-pricing {
    padding-left: 0;
  }

  .mobile-nav-link {
    color: #fff;
    padding: 18px 16px;
    font-size: 16px;
    font-weight: 500;
    display: block;
  }

  .mobile-nav-link.w--current {
    color: #fff;
    padding-bottom: 18px;
  }

  .mobile-nav-link.new {
    z-index: 999999;
    align-items: flex-start;
    display: flex;
    position: relative;
  }

  .mobile-nav-link.new.center {
    align-items: center;
  }

  .mobile-nav-link.no-lm {
    padding-left: 0;
  }

  .mobile-dropdown-list.w--open {
    z-index: 999999999;
    background-color: var(--spot-blue);
  }

  .mobile-nav-center-align {
    text-align: center;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    margin-top: 24px;
    padding-left: 16px;
    padding-right: 16px;
    display: flex;
  }

  .image-13 {
    height: 19px;
    margin-left: 10px;
    display: inline;
    transform: rotate(-90deg);
  }

  .text-block-5 {
    font-weight: 400;
  }

  .text-block-5.tm-mobile {
    margin-top: 6px;
  }

  .text-block-5.left {
    text-align: left;
  }

  .inline {
    display: inline-block;
  }

  .mobile-nav-overlay {
    justify-content: space-between;
    padding: 18px 16px;
    display: flex;
    position: relative;
  }

  .lightbox-link {
    margin-left: 0;
    padding-top: 15px;
    padding-bottom: 15px;
    display: flex;
  }

  .mobile-hero-video {
    width: 100%;
    height: 155px;
    display: block;
  }

  .mobile-hero-video.mb-32 {
    width: 330px;
    height: 330px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .mobile-hero-video.v2 {
    height: 190px;
    max-width: 380px;
  }

  .mobile-hero-video.v2.hidden, .m-hidden {
    display: none;
  }

  .image-14 {
    width: 24px;
    height: 24px;
  }

  .mobile-left-align {
    text-align: left;
  }

  .image-slider-nav.bottom-zero {
    bottom: 0;
  }

  .image-slider-nav.pt-24 {
    padding-top: 24px;
  }

  ._w-100.mb-40 {
    margin-bottom: 20px;
  }

  ._w-100.mobile-only {
    display: none;
  }

  ._w-100.heading-54 {
    margin-bottom: 10px;
    padding-right: 16px;
  }

  .mobile-only {
    display: block;
  }

  .mobile-only.center {
    width: 70%;
  }

  .header-customers {
    padding-top: 120px;
    padding-bottom: 0;
  }

  .header-customers.bg-customers {
    padding-top: 100px;
  }

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

  .product-grid-inner {
    grid-column-gap: 0px;
    grid-row-gap: 20px;
    grid-template-columns: 1fr;
  }

  .product-grid-features {
    padding-left: 0;
    padding-right: 0;
  }

  .models-grid, .models-grid.mt-40 {
    grid-template-columns: 1fr;
  }

  .models-grid.mt-40.top-margin-44px {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .models-grid.mt-40._3-columns {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }

  .model-card {
    margin-bottom: 40px;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .security-tabs-grid {
    grid-template-columns: 1fr;
  }

  .security-tab-heading {
    font-size: 17px;
  }

  .security-tabs-hero-image, .security-tabs-hero-image.m-hidden {
    display: none;
  }

  .security-tabs-link {
    margin-right: 20px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 15px;
    display: inline-block;
  }

  .security-caret {
    display: none;
  }

  .why-spot-suffix.modified {
    top: 16px;
  }

  .why-spot-suffix.modified:hover, .why-spot-suffix.modified:active {
    color: #fff;
  }

  .install-slider {
    height: 440px;
  }

  .install-slider.m-hidden {
    display: none;
  }

  .install-slider-card {
    width: 290px;
    height: 390px;
  }

  .install-slide {
    margin-left: 30px;
    margin-right: 30px;
  }

  .install-slide.pricing-page-custom, .install-slide.no-side-margin-for-phone {
    margin-left: 0;
    margin-right: 0;
  }

  .mask-4 {
    width: 330px;
    height: 410px;
    overflow: visible;
  }

  .mask-4.pricing-page-custom {
    width: 100%;
    height: 400px;
  }

  .mask-4.changed-width-for-pricing-phone {
    width: 100%;
  }

  .install-slide-image {
    height: 160px;
  }

  .install-slide-number {
    font-size: 21px;
    line-height: 25px;
  }

  .paragraph-15 {
    display: inline;
  }

  .text-block-7, .text-block-8 {
    font-weight: 400;
  }

  .landing-feature-block {
    text-align: left;
    padding-left: 40px;
  }

  .landing-feature-image {
    width: 24px;
    height: 24px;
    position: absolute;
    left: 10px;
  }

  .landing-feature-card {
    margin-bottom: 24px;
    padding: 16px 8px;
  }

  .landing-feature-card.card-white {
    padding: 16px 8px;
  }

  .landing-feature-card.card-white-2, .landing-feature-card.padding-less {
    padding-left: 8px;
    padding-right: 8px;
  }

  .form-icons {
    flex-wrap: wrap;
    align-content: space-between;
    justify-content: center;
    margin-bottom: 16px;
    padding-bottom: 8px;
  }

  .form-icons.landing-form-icons {
    grid-column-gap: 16px;
    grid-row-gap: 32px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-items: stretch;
    justify-items: center;
    padding: 24px 40px;
    display: grid;
  }

  .form-icon {
    margin-bottom: 0;
    margin-left: 16px;
    margin-right: 16px;
  }

  .landing-form {
    padding-left: 20px;
    padding-right: 20px;
  }

  .landing-tag-image {
    height: 40px;
  }

  .use-cases-recaptcha.mb-0 {
    margin-left: auto;
    margin-right: auto;
  }

  .g2-review {
    margin-bottom: 40px;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .g2-review.no-shadow {
    margin-bottom: 8px;
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .g2-review.lesser {
    margin-bottom: 4px;
  }

  .g2-review.height-100.vertically-centered {
    justify-content: center;
  }

  .g2-review.customised-for-pricing {
    width: 100%;
  }

  .g2-stars {
    margin-bottom: 16px;
  }

  .mid-page-cta-form {
    width: 100%;
    height: 50px;
    border-radius: 3px;
    margin-bottom: 16px;
    padding-left: 12px;
    font-size: 14px;
  }

  .lp-hero-icon {
    height: 30px;
    margin-right: 24px;
  }

  .form-lp-cta-input {
    width: 100%;
    height: 50px;
    border-radius: 4px;
    margin-bottom: 16px;
    padding-left: 12px;
    font-size: 14px;
  }

  .lp-cta-form-holder {
    width: 100%;
  }

  .form-lp-cta-submit {
    width: 100%;
    height: 50px;
    border-radius: 4px;
    margin-bottom: 16px;
    margin-left: auto;
    margin-right: auto;
    font-size: 14px;
  }

  .vertical-rule-blue.first {
    top: 205px;
  }

  .vertical-rule-blue.last {
    height: 200px;
  }

  .paragraph-16 {
    text-align: left;
  }

  .form-with-blue-background {
    grid-template-columns: 1fr;
    padding: 50px 20px;
    display: block;
  }

  .vertical-rule-num {
    top: 195px;
  }

  .g2-square-holder {
    padding-left: 20px;
    padding-right: 20px;
  }

  .header-pattern-image.m-none {
    display: none;
  }

  .header-pattern-image.mobile-only {
    height: 110%;
    top: -104px;
  }

  .header-pattern-image.mobile-only.lower-tm {
    position: absolute;
    top: -147px;
  }

  .header-pattern-image.mobile-only.no-w {
    height: 105%;
    top: 0;
  }

  .header-pattern-image.mobile-only.hidden {
    display: none;
  }

  .hero-subtitle-lp {
    text-align: center;
    font-size: 17px;
    line-height: 25px;
  }

  .lp-solutions-image {
    width: 100px;
  }

  .hero-bttn-background {
    width: 100%;
    min-width: auto;
    margin-bottom: 0;
  }

  .hero-bttn-background._10-border.middle {
    width: 100%;
    min-width: auto;
  }

  .hero-bttn-background.horizontal {
    flex-direction: column;
  }

  .grid---lp-feature {
    grid-template-columns: 1fr;
  }

  .hero-title-small {
    text-align: center;
    font-size: 32px;
  }

  .hero-title-small.paragraph-black {
    text-align: left;
  }

  .hero-title-small.hero-subtitle {
    text-align: left;
    font-size: 21px;
    line-height: 25px;
  }

  .hero-title-small.bigger {
    font-size: 40px;
    line-height: 44px;
  }

  .hero-title-small.bigger.width-140 {
    width: 288px;
  }

  .hero-title-small.bigger.width-140.bottom-margin-40px.left-aligned {
    text-align: center;
  }

  .hero-title-small.bigger.width-140.bottom-margin-40px.left-aligned.bottom-margin-24-on-phone {
    margin-bottom: 24px;
  }

  .hero-title-small._65 {
    font-size: 40px;
  }

  .header-lp-blue {
    padding-top: 0;
    padding-bottom: 40px;
  }

  .header-lp-blue.pb-40 {
    padding-bottom: 40px;
  }

  .header-lp-blue.pb-96 {
    background-image: url("https://assets-global.website-files.com/5fe2250e2f83cc02cbfefbcf/618e2b5d3797e7b5dccef824_m-pricing-hero-blue-320x500%402x.jpg");
    background-position: 0 0;
    background-size: auto;
    padding-top: 40px;
  }

  .header-lp-blue.full-height {
    padding-top: 60px;
  }

  .header-lp-blue.webinars {
    padding-top: 30px;
    padding-bottom: 5px;
  }

  .header-lp-blue.support.m-lesser-m {
    padding-top: 0;
    padding-bottom: 0;
  }

  .header-lp-blue.support.m-lesser-m.white {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .header-lp-blue.support.bg {
    margin-bottom: -39px;
  }

  .header-lp-blue.pb-96 {
    background-image: url("https://assets-global.website-files.com/5fe2250e2f83cc02cbfefbcf/618e2b5d3797e7b5dccef824_m-pricing-hero-blue-320x500%402x.jpg");
    background-position: 0 0;
    background-size: auto;
    padding-top: 40px;
  }

  .header-lp-blue.pb-96.background-black {
    background-image: none;
  }

  .hero-video {
    z-index: 1;
    height: 210px;
    margin-bottom: 60px;
  }

  .header-pattern-image-overlapping.m-none {
    display: none;
  }

  .header-blog {
    height: 420px;
  }

  .blog-heading {
    margin-bottom: 20px;
    font-size: 24px;
  }

  .blog-heading.text-white.custom-mobile {
    margin-bottom: 10px;
  }

  .blog-home-heading {
    font-size: 34px;
  }

  .button-cta-blog {
    width: 100%;
    margin-bottom: 10px;
    margin-right: 0;
    font-size: 17px;
  }

  .blog-slider-img-container {
    padding-top: 130px;
    padding-left: 40px;
    padding-right: 40px;
  }

  .custom-arrow {
    padding-left: 20px;
    padding-right: 20px;
    display: none;
  }

  .custom-arrow-image {
    width: 30px;
  }

  .hero-subtitle-lp-small {
    text-align: center;
    font-size: 17px;
    line-height: 25px;
  }

  .hero-subtitle-lp-small.paragraph-black {
    text-align: left;
  }

  .hero-subtitle-lp-small.paragraph-black.center {
    width: auto;
  }

  .hero-subtitle-lp-small._18 {
    font-size: 16px;
    line-height: 24px;
  }

  .hero-subtitle-lp-small.mb-24.smaller {
    width: auto;
    font-size: 17px;
    font-weight: 400;
    line-height: 25px;
  }

  .hero-subtitle-lp-small.mb-24.left {
    text-align: center;
    font-size: 17px;
    line-height: 25px;
  }

  .hero-subtitle-lp-small.mb-24.medium {
    margin-bottom: 20px;
  }

  .hero-subtitle-lp-small.mb-24._60 {
    width: auto;
  }

  .hero-subtitle-lp-small.mb-24._90-left {
    text-align: center;
  }

  .hero-subtitle-lp-small.mb-24._90-left.left-aligned {
    text-align: left;
  }

  .hero-subtitle-lp-small.mb-24._80 {
    width: auto;
  }

  .hero-subtitle-lp-small.mb-24._80.left-aligned.bottom-margin-40px.center-aligned-for-phone {
    text-align: center;
  }

  .customers-content {
    padding: 10px 0 16px;
  }

  .customers-item {
    width: 100%;
    margin-bottom: 40px;
    padding-left: 0;
    padding-right: 0;
  }

  .customers-content-new {
    text-align: center;
    padding: 10px 8px 24px;
  }

  .font-regular {
    margin-top: 16px;
  }

  .customer-image-container {
    height: 200px;
  }

  .customers-item-list {
    padding: 0;
  }

  .customers-icons {
    grid-column-gap: 20px;
    grid-row-gap: 24px;
    flex-wrap: wrap;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    margin-bottom: 0;
    display: grid;
  }

  .customers-icons._3-in-a-row {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .customer-logo-v2 {
    height: auto;
    flex: 0 auto;
    align-self: center;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .customer-search-logo {
    height: 15px;
  }

  .customer-logo-search-smooth {
    width: 25px;
    height: 25px;
    padding-top: 0;
    bottom: 4px;
    right: 4px;
  }

  .customer-logo-search-smooth:hover {
    width: 120px;
  }

  .customer-search-text {
    font-size: 12px;
  }

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

  .solutions-image-small {
    margin-bottom: 0;
  }

  .core-feature-grid-three {
    grid-row-gap: 0px;
    margin-bottom: 40px;
  }

  .cameras-card {
    width: 100%;
    margin-bottom: 40px;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .bg-color-light-blue {
    padding: 50px 20px 0;
  }

  .quotation-slider {
    width: 100%;
  }

  .vertical-line {
    height: 100px;
  }

  .hero-subtitle-v2 {
    font-size: 17px;
  }

  .camera-bg-image {
    width: 100%;
    height: auto;
    position: static;
  }

  .inline-image.m-small {
    width: 30px;
  }

  .inline-text.custom-inline {
    font-size: 32px;
  }

  .footer-images-holder.mb-16 {
    flex-direction: row;
  }

  .twentytwenty-holder {
    width: 340px;
  }

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

  .header-top-left {
    width: 45%;
  }

  .header-bottom-right {
    display: block;
    bottom: 0;
  }

  .header-bottom-right.hidden {
    display: none;
  }

  .container-video {
    max-width: 380px;
    min-width: 100%;
  }

  ._w-50 {
    max-width: 100%;
  }

  .homepage-tabs {
    grid-template-columns: 1fr;
  }

  .homepage-tabs.home {
    margin-top: 40px;
  }

  .homepage-tabs-menu {
    width: auto;
  }

  .homepage-tabs-menu.wider {
    width: 100%;
    padding-bottom: 24px;
  }

  .homepage-tabs-menu.home {
    width: 100%;
    margin-right: 0;
  }

  .homepage-tabs-content.m-hidden {
    margin-top: 20px;
  }

  .homepage-tabs-content.m-hidden.home {
    display: none;
  }

  .feature-tab-item {
    width: 50%;
    min-width: auto;
    background-color: #fff;
    margin-right: 0;
    box-shadow: 3px 3px 4px rgba(0, 0, 0, .1);
  }

  .feature-tab-item.w--current {
    margin-right: 0;
  }

  .video-incontent._800x462 {
    width: 320px;
    height: 327px;
    max-width: 100%;
  }

  .video-incontent.mobile-only._320x240, .video-incontent.lp-video {
    width: 320px;
    height: 240px;
  }

  .lp-tile {
    text-align: center;
    flex-wrap: wrap;
    justify-content: center;
    padding-left: 0;
    padding-right: 0;
  }

  .lp-tile-heading {
    text-align: center;
    margin-top: 24px;
  }

  .homepage-logo-v3 {
    height: 75px;
    flex: 0 auto;
    align-self: center;
    margin-bottom: 40px;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .homepage-logo-v3.m-hidden {
    display: none;
  }

  .team-photo-v2 {
    width: 180px;
    height: 180px;
  }

  .grid-of-three {
    grid-template-columns: 1fr;
  }

  .about-cta {
    text-align: center;
    flex-wrap: wrap;
    justify-content: center;
    padding-left: 11px;
    padding-right: 11px;
  }

  .grid---about-content {
    grid-template-columns: 1fr;
  }

  .maps-text {
    text-align: center;
    font-size: 32px;
    line-height: 36px;
  }

  .g2-link-embed.lower-margin-0px.left-margin-24px {
    margin-left: 0;
  }

  .html-embed {
    margin-top: -34px;
  }

  .subtext-bold {
    text-align: center;
  }

  .hero-gif.full-width {
    max-width: 100%;
  }

  .hero-gif.full-width.hidden-for-phone {
    display: none;
  }

  .h2-lp {
    margin-top: 24px;
  }

  .heading-54 {
    font-size: 32px;
    line-height: 36px;
  }

  .image-17 {
    display: inline-block;
  }

  .image-18 {
    width: 120px;
    height: 60px;
  }

  .image-18.half-aspect {
    height: 60px;
  }

  .grid-lp-experiment {
    flex-direction: column;
    display: flex;
  }

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

  .grid-2.bottom-margin-250px {
    margin-bottom: 100px;
  }

  .div-block-16 {
    width: 100%;
    flex-direction: column;
  }

  .image-20 {
    width: auto;
    height: 14px;
  }

  .image-20.changed-width-and-height.no-left-margin {
    margin-left: 0;
  }

  ._90x70 {
    height: auto;
    margin-bottom: 40px;
  }

  .default {
    width: 200px;
    margin-bottom: 40px;
  }

  .default.hidden-for-phone {
    display: none;
  }

  ._100x50, ._112x80 {
    height: auto;
    margin-bottom: 40px;
  }

  ._190x80 {
    width: 150px;
    margin-bottom: 40px;
  }

  ._150x80 {
    height: auto;
    margin-bottom: 40px;
  }

  .h2-white {
    text-align: center;
    margin-bottom: 20px;
    font-size: 32px;
    line-height: 36px;
  }

  .paragraph {
    text-align: center;
    font-size: 16px;
    line-height: 24px;
  }

  .paragraph.colour-spot-black {
    text-align: center;
  }

  .paragraph.colour-spot-black.lower-margin-32px {
    text-align: left;
    margin-bottom: 16px;
  }

  .paragraph.colour-spot-black.right-aligned-without-bottom-padding {
    text-align: left;
    margin-bottom: 0;
  }

  .paragraph.colour-spot-black.lower-margin-50px {
    margin-bottom: 40px;
    font-size: 21px;
  }

  .paragraph.colour-spot-black.lower-margin-50px.width-288px-for-phone {
    width: 288px;
  }

  .paragraph.colour-spot-black.medium.center-aligned.bottom-margin-24px {
    width: 174px;
    margin-bottom: 16px;
  }

  .paragraph.colour-spot-black.medium._24-bottom-margin-for-phone {
    margin-bottom: 24px;
  }

  .paragraph.colour-spot-black.medium._21px-size-on-phone {
    font-size: 21px;
  }

  .paragraph.colour-spot-black.medium._21px-size-on-phone._24px-bottom-margin-on-phone {
    margin-bottom: 24px;
  }

  .paragraph.colour-spot-black.right-aligned {
    text-align: left;
  }

  .paragraph.colour-spot-black.center.no-bottom-margin._21px-on-phone {
    font-size: 21px;
  }

  .paragraph.colour-spot-black.max-width-344px.left-aligned {
    text-align: left;
  }

  .paragraph.center.no-bottom-margin._21px-on-phone {
    font-size: 21px;
  }

  .paragraph.left-aligned-on-phone {
    text-align: left;
  }

  .div-block-17 {
    width: 280px;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .link-block {
    flex-direction: row;
    margin-top: 10px;
  }

  .link-block.new.left-aligned, .link-block.center-aligned-for-phone {
    justify-content: center;
  }

  .link-block.center-aligned-for-phone.bottom-margin {
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 32px;
  }

  .link-block.center-aligned-for-phone.support-page-header-link {
    flex-direction: column;
  }

  .link-block.center-aligned-for-phone.support-page-header-link.bottom-margin-24-for-phone {
    margin-bottom: 24px;
  }

  .link-block.left-margin-5px {
    margin-top: 5px;
  }

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

  .vid-embed {
    width: 100%;
    margin-top: 40px;
  }

  .image-24 {
    width: 100%;
    max-width: none;
    margin-top: 0;
    margin-bottom: 8px;
  }

  ._30-h {
    font-size: 20px;
  }

  .heading-58 {
    font-size: 24px;
    line-height: 32px;
  }

  .html-embed-4 {
    width: auto;
  }

  .text-block-12.black {
    font-size: 16px;
    line-height: 24px;
  }

  .div-block-19 {
    flex-direction: column;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }

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

  .section {
    padding-top: 20px;
  }

  .section.blue {
    padding-bottom: 60px;
  }

  .div-block-20 {
    width: 100%;
    flex-direction: column;
    align-items: center;
  }

  .link-block-3 {
    margin-left: 0;
  }

  .text-block-13 {
    text-align: center;
    margin-top: 40px;
    font-size: 20px;
    line-height: 28px;
  }

  .div-block-21 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .div-block-21.bg {
    background-size: cover;
  }

  .grid-4 {
    width: 100%;
    flex-direction: column;
    display: flex;
  }

  .div-block-22 {
    width: auto;
    flex-direction: column;
    align-items: center;
  }

  .grid-5 {
    width: auto;
  }

  .grid-6 {
    flex-direction: column;
    display: flex;
  }

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

  .div-block-28.half {
    width: auto;
  }

  .form-4 {
    margin-left: 10px;
    margin-right: 10px;
  }

  .button-hero-2 {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    font-size: 17px;
  }

  .button-hero-2.bottom-cta {
    width: 100%;
  }

  .div-block-29 {
    flex-direction: column;
  }

  .form-step-progress-bar---brix {
    display: none;
  }

  .radio-button-field {
    padding: 40px 20px;
  }

  .multi-step-form-wrapper---brix.preview-page.hidden {
    width: 100%;
  }

  .multi-step-form-button---brix {
    font-size: 16px;
  }

  .multi-step-form-button---brix.left---brix {
    margin-bottom: 12px;
    display: block;
    position: static;
    left: auto;
  }

  .multi-step-form-button---brix.left---brix.preview-page.back {
    padding-top: 0;
  }

  .multi-step-form-button---brix.right---brix {
    display: block;
    position: static;
    right: auto;
  }

  .multi-step-form-button---brix.right---brix.preview-page {
    width: 85%;
  }

  .cloneable-container-default {
    padding-left: 16px;
    padding-right: 16px;
  }

  .slide---brix {
    height: auto;
    padding-bottom: 0;
  }

  .slide---brix.last {
    height: auto;
  }

  .steps-bar---brix {
    width: 100%;
    justify-content: space-between;
    margin-left: auto;
    margin-right: auto;
  }

  .form-step-progress-bar-mobile---brix {
    width: auto;
    margin-left: 0;
    margin-right: 0;
    display: flex;
  }

  .form-step-progress-bar-mobile---brix.step-1---brix {
    width: 25%;
    background-color: var(--spot-blue);
  }

  .form-step-progress-bar-mobile---brix.step-3---brix {
    width: 78%;
  }

  .form-step-progress-bar-mobile---brix.full-bar---brix {
    width: 100%;
  }

  .steps-bar-wrapper--brix {
    width: auto;
  }

  .select-item-icon---brix {
    max-width: 24%;
  }

  .multi-step-form-error-message---brix {
    margin-top: 32px;
  }

  .multi-step-form-radio-trigger---brix {
    text-align: left;
    white-space: nowrap;
    padding-left: 60px;
    padding-right: 16px;
    font-size: 16px;
    line-height: 1.5;
  }

  .form-content---brix {
    padding-top: 20px;
  }

  .first-step-grid---brix {
    margin-bottom: 32px;
  }

  .first-step-grid---brix.uniform-space---brix {
    grid-row-gap: 16px;
  }

  .multi-step-form-label---brix {
    font-size: 16px;
  }

  .multi-step-form---brix {
    border-radius: 8px;
    padding-bottom: 25px;
    padding-left: 0;
    padding-right: 0;
  }

  .mask---brix {
    height: 510px;
    padding-bottom: 0;
    padding-left: 20px;
    padding-right: 20px;
  }

  .div-block-30 {
    align-items: center;
  }

  .div-block-30.tm {
    align-self: center;
    margin-top: 24px;
  }

  .link-block-4 {
    margin-right: 24px;
  }

  .link-block-4.right-padding-40px {
    margin-right: 10px;
  }

  .html-embed-5 {
    width: auto;
    height: auto;
  }

  .bg-color-blu {
    padding: 50px 20px;
  }

  .bg-color-blu.pricing-form-white {
    width: 100%;
  }

  .bg-color-blu.pricing-form-white.full-width {
    max-width: none;
    border-radius: 6px;
  }

  .text-block-16 {
    text-align: center;
  }

  .text-block-18 {
    font-size: 14px;
    line-height: 15.4px;
  }

  .paragraph-25 {
    margin-top: 20px;
  }

  .image-36 {
    width: 100%;
  }

  .image-36.m-only {
    margin-bottom: 40px;
    display: block;
  }

  .image-36.m-hidden {
    display: none;
  }

  .container-3.vertical {
    margin-top: -173px;
    margin-left: 0;
    margin-right: 0;
  }

  .container-3.iuc.new {
    padding-right: 0;
  }

  .h2-large-2 {
    text-align: center;
    margin-bottom: 16px;
    font-size: 32px;
    line-height: 36px;
  }

  .h2-large-2.wider {
    width: auto;
  }

  .heading-60 {
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 25px;
  }

  .div-block-31 {
    width: auto;
    flex-direction: column;
    margin-bottom: 79px;
    margin-left: 5%;
    margin-right: 5%;
  }

  .div-block-31.t2 {
    flex-direction: column;
  }

  .image-37.t2 {
    width: 100%;
    height: auto;
    min-width: auto;
  }

  .text-block-19 {
    font-size: 14px;
    line-height: 21px;
  }

  .feature-home {
    width: 100%;
    min-width: auto;
    background-color: #fff;
    box-shadow: 1px 1px 1px 3px rgba(0, 0, 0, .1);
  }

  .feature-home.w--current {
    width: 100%;
    min-width: auto;
  }

  .div-block-32 {
    margin-bottom: 10px;
  }

  .div-block-33 {
    padding: 1px 7px;
  }

  .bg-color-blue-2 {
    padding: 50px 20px;
  }

  .button-white-transparent-2 {
    width: 100%;
    margin-bottom: 10px;
    margin-right: 0;
    font-size: 17px;
  }

  .link-6 {
    margin-top: 20px;
  }

  .slide-nav-2 {
    justify-content: center;
    align-items: center;
    margin-top: 30px;
  }

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

  .div-block-38 {
    margin-bottom: 0;
    padding-left: 30px;
    padding-right: 30px;
  }

  .div-block-38.halfwit.left {
    margin-bottom: 32px;
  }

  .div-block-39 {
    flex-direction: column;
    margin-top: 32px;
  }

  .button-blue-transaparent {
    width: 100%;
  }

  .tabs-menu {
    width: 100%;
    display: block;
    top: 117px;
  }

  .iuc {
    width: auto;
    font-size: 14px;
  }

  .iuc.w--current {
    width: auto;
  }

  .tabs.m-hidden {
    display: none;
  }

  .image-41 {
    width: auto;
    height: auto;
    min-width: 600px;
    margin-bottom: 20px;
    margin-left: -8px;
    position: relative;
  }

  .image-41.solutions-slider {
    min-width: auto;
  }

  .div-block-42 {
    width: 288px;
    margin-left: auto;
    margin-right: auto;
  }

  .paragraph-27 {
    text-align: center;
  }

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

  .image-42 {
    width: 70%;
  }

  .image-42.smaller {
    width: 60%;
  }

  ._30.right {
    width: 45%;
  }

  ._30.right._310 {
    height: 200px;
  }

  ._30.bigger-m {
    width: 45%;
    margin-right: 20px;
  }

  ._30.bigger-m.wider, ._20 {
    width: 60%;
  }

  .div-block-46 {
    flex-direction: column;
  }

  .div-block-46.grid {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }

  .div-block-48 {
    width: 100%;
    flex-direction: column;
    align-items: center;
    margin-bottom: 40px;
    display: flex;
  }

  .div-block-48.right {
    width: 100%;
  }

  .div-block-48.right.left-aligned {
    align-items: flex-start;
  }

  .image-45 {
    width: 100%;
    height: auto;
  }

  .text-block-24 {
    color: var(--spot-black);
    text-align: center;
    margin-bottom: 20px;
    font-size: 21px;
    line-height: 31.5px;
  }

  .right-arrow-3, .left-arrow-3 {
    display: none;
  }

  .slider-4 {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0);
  }

  .div-block-49 {
    margin-top: 31px;
    margin-bottom: 55px;
    padding-left: 8px;
    padding-right: 8px;
  }

  .slide-nav-4 {
    top: auto;
    bottom: 10px;
  }

  .text-block-26 {
    width: auto;
    margin-bottom: 30px;
    font-size: 21px;
    line-height: 25px;
  }

  .text-block-26._40 {
    margin-bottom: 13px;
    font-size: 28px;
    line-height: 32px;
  }

  .text-block-27 {
    font-size: 17px;
    line-height: 25.5px;
  }

  .text-block-27.mobile-only {
    margin-bottom: 8px;
  }

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

  .image-47 {
    width: 10%;
    margin-right: 10px;
  }

  .text-block-32 {
    color: #d8ebfb;
    text-transform: uppercase;
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 12px;
    font-weight: 500;
  }

  .temp-hide {
    display: none;
  }

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

  ._14 {
    font-size: 14px;
  }

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

  .div-block-53 {
    display: block;
  }

  .video {
    width: 100%;
    margin-top: 40px;
  }

  .div-block-60 {
    margin-right: 20px;
    display: block;
  }

  .div-block-61 {
    margin-top: 10px;
    margin-left: 0;
  }

  .div-block-61.ml-0 {
    flex-direction: column;
    margin-top: 20px;
    margin-left: 0;
    margin-right: 0;
  }

  .white-2, .white-2.smaller {
    font-size: 17px;
    line-height: 150%;
  }

  .div-block-63 {
    width: auto;
  }

  .content-holder {
    margin-left: 8px;
    padding-right: 8px;
  }

  .content-holder.centered.left-margin-100px {
    margin-top: 32px;
    margin-bottom: 40px;
    margin-left: 0;
  }

  .para-content-holder {
    grid-column-gap: 2px;
    grid-row-gap: 20px;
    margin-bottom: 0;
  }

  .para-content-holder.bottom-margin-for-phone {
    grid-column-gap: 8px;
    grid-row-gap: 16px;
    margin-bottom: 32px;
  }

  .para-content-holder.bottom-padding-72px {
    width: auto;
    grid-column-gap: 2px;
    grid-row-gap: 8px;
    margin-bottom: 80px;
  }

  .blue-background {
    height: auto;
    flex-direction: column;
    align-items: center;
  }

  .blue-background.height-auto.top-aligned {
    padding: 32px 24px;
  }

  .blue-background.height-auto.top-aligned.top-margin-for-phone {
    margin-top: 32px;
  }

  .blue-section-heading {
    margin-bottom: 0;
  }

  .large-image {
    width: 90%;
    margin-top: 32px;
    margin-right: 0;
  }

  .large-image.hidden-for-phone, .header-image-holder, .header-image-holder.right-aligned {
    display: none;
  }

  .heading, .heading.width-70, .heading.top-margin-50px {
    width: 100%;
  }

  .background-image-holder {
    z-index: -100;
    background-image: url("https://assets-global.website-files.com/5fe2250e2f83cc02cbfefbcf/62385357ae8b663b482903bd_m-blank-hero-fpo-nexar-inspo%402x.png");
  }

  .bold-small-top-heading.medium-and-bottom-margin-24px {
    margin-bottom: 32px;
  }

  .bold-small-top-heading.bottom-margin-40px.bottom-margin-24-on-phone {
    margin-bottom: 24px;
  }

  .outer-para-content-holder {
    width: 288px;
    grid-column-gap: 0px;
    grid-row-gap: 20px;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
    padding-left: 0;
  }

  .outer-para-content-holder.grey-bg {
    padding-left: 12px;
    padding-right: 12px;
  }

  .outer-para-content-holder.bottom-margin-32px {
    grid-row-gap: 24px;
  }

  .tabs-holder {
    display: none;
  }

  .hero-image-for-phone {
    width: 80%;
    margin-top: 40px;
    display: block;
  }

  .drop-down-section {
    width: 100%;
    border: 1px solid var(--button-hover);
    background-color: var(--blue-light);
    border-radius: 5px;
    padding: 16px;
  }

  .drop-down-section.opened {
    background-color: var(--button-hover);
    display: block;
  }

  .drop-down-section.bottom-margin {
    margin-bottom: 24px;
  }

  .dropdown-question-holder {
    width: 100%;
    height: 100%;
    justify-content: space-between;
    display: flex;
  }

  .dropdown-question-holder.bottom-margin-17px {
    width: 90%;
    margin-bottom: 17px;
    margin-left: 16px;
    margin-right: 0;
    padding-right: 0;
  }

  .dropdown-question-holder.bottom-margin-17px:hover {
    color: #fff;
  }

  .drop-down-text {
    margin-bottom: 0;
    font-weight: 500;
    line-height: 21px;
  }

  .drop-down-text:hover, .drop-down-text:active {
    color: #fff;
  }

  .drop-down-text.colour-white {
    color: #fff;
    display: none;
  }

  .drop-down-text.colour-white.showing {
    display: block;
  }

  .dropdown-arrow {
    width: 24px;
    height: 24px;
  }

  .dropdown-arrow.why-spot-suffix {
    top: 16px;
  }

  .dropdown-arrow-white {
    width: 24px;
    height: 24px;
    display: none;
  }

  .dropdown-arrow-white.showing {
    display: block;
  }

  .entire-dropdown-unit-holder {
    width: 100%;
  }

  .dropdown-content-holder {
    background-color: #fafafa;
    flex-direction: column;
    align-items: center;
    margin-top: 0;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .phone-image-holder {
    width: 100%;
    height: auto;
    background-color: rgba(0, 0, 0, 0);
    border-radius: 5px;
    margin-bottom: 0;
    padding-bottom: 0;
    padding-right: 0;
  }

  .phone-image-holder.top-margin-16px {
    height: auto;
    background-color: rgba(0, 0, 0, 0);
    margin-top: 16px;
  }

  .phone-image-holder.top-margin-16px.side-and-bottom-padding-8px {
    margin-left: 0;
    margin-right: 0;
    padding-bottom: 16px;
    padding-left: 8px;
    padding-right: 8px;
  }

  .spacer {
    width: auto;
    height: 40px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .camera-page-content-holder {
    width: 100%;
  }

  .camera-page-content-holder.phone-only {
    justify-content: center;
  }

  ._2-image-info-holders {
    padding-left: 0;
    padding-right: 0;
  }

  ._2-image-info-holders.desktop-only {
    display: none;
  }

  .image-info-holder {
    width: 50%;
    background-color: rgba(0, 0, 0, 0);
    border-style: none;
    padding-left: 10px;
    padding-right: 10px;
  }

  .image-info-holder.right-margin-16px {
    padding-left: 10px;
    padding-right: 10px;
  }

  .image-info-holder.hidden-on-phone {
    display: none;
  }

  .image-info-holder.width-100 {
    width: 100%;
  }

  .info-holder {
    width: 100%;
    padding-left: 8px;
    padding-right: 8px;
  }

  .cam-img-1 {
    width: auto;
    height: 116px;
  }

  .cam-img-2 {
    width: auto;
    height: 116px;
    margin-bottom: 32px;
  }

  .line-div.reduced-width-20 {
    width: 20%;
  }

  .line-div.reduced-width-25 {
    width: 25%;
  }

  .tick-holder.hidden-on-phone {
    display: none;
  }

  .grey-div.bottom-padding-32px {
    padding-left: 20px;
    padding-right: 20px;
  }

  .grey-div.right-margin-16px.changed-padding {
    margin-bottom: 32px;
    margin-right: 0;
    padding-left: 20px;
    padding-right: 20px;
  }

  .grey-div.left-margin-16px.changed-padding {
    margin-left: 0;
    padding-left: 20px;
    padding-right: 20px;
  }

  ._2-grey-divs {
    flex-direction: column;
  }

  .grey-div-image {
    width: auto;
    height: auto;
  }

  .reviewer-name {
    text-align: center;
  }

  .nvr-image {
    width: 288px;
    height: 180px;
    margin-bottom: 64px;
  }

  .small-icon.bottom-margin-8px-0px-on-phone {
    margin-bottom: 0;
  }

  .icon-and-text-grid {
    width: 288px;
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr;
  }

  .business-plans-holder {
    flex-direction: column;
  }

  .business-plans-holder.hidden-for-phone {
    display: none;
  }

  .plan-holder {
    border-style: none;
    margin-left: 0;
    margin-right: 0;
    padding-bottom: 14px;
    padding-left: 8px;
    padding-right: 8px;
  }

  .plan-holder.hidden {
    display: none;
  }

  .plan-holder.border-on-phone {
    border-style: solid;
  }

  .business-plans-holder-for-phone {
    width: 100%;
    justify-content: center;
    display: flex;
  }

  .business-plans-holder-for-phone.hidden-for-desktop {
    display: block;
  }

  .business-plans-holder-for-phone.hidden-for-desktop.flex-horizontal-centered {
    display: flex;
  }

  .phone-dropdown {
    width: 100%;
    border: 1px solid var(--spot-black);
    border-radius: 5px;
    justify-content: center;
    display: block;
  }

  .dropdown-toggle-2 {
    width: 100%;
    justify-content: center;
    display: flex;
  }

  .dropdown-toggle-2.w--open {
    width: 100%;
    border: 1px solid var(--spot-black);
    justify-content: center;
    display: flex;
  }

  .text-block-34 {
    color: var(--spot-black);
    font-size: 17px;
    font-weight: 500;
  }

  .icon {
    color: var(--spot-black);
  }

  .dropdown-list-2 {
    background-color: var(--light-grey);
  }

  .dropdown-list-2.w--open {
    border: 1px solid var(--spot-black);
    background-color: #fff;
    overflow: hidden;
  }

  .dropdown-link {
    text-align: center;
    font-weight: 400;
  }

  .dropdown-link.blue-background.no-rounded-corners {
    background-color: rgba(0, 0, 0, 0);
    border-radius: 0;
  }

  ._1-plan.left-margin {
    margin-left: 4px;
  }

  ._1-plan.right-margin {
    margin-right: 4px;
  }

  .anchor-links.top-margin-32px-for-phone {
    margin-top: 32px;
  }

  .g2-link-embed-holder {
    justify-content: center;
  }

  .g2-link-embed-holder._24px-top-margin.vertical-and-centered-for-phone {
    flex-direction: column;
    align-items: center;
  }

  .g2-link-embed-holder.left-aligned {
    justify-content: center;
  }

  .form-and-content-holder {
    flex-direction: column;
  }

  .form-holder-half-page {
    width: 100%;
    margin-bottom: 0;
    margin-right: 0;
    padding: 16px 30px 40px;
  }

  .content-holder-half-page {
    width: 100%;
  }

  .content-holder-half-page.hidden-for-mobile {
    display: none;
  }

  .content-holder-half-page.hidden-for-desktop {
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .content-holder-half-page.hidden-for-desktop.top-margin-80px-for-phone {
    margin-top: 80px;
  }

  .brands-holder {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    margin-left: 10px;
    margin-right: 10px;
  }

  ._2-form-elements-holder {
    flex-direction: column;
    margin-bottom: 20px;
  }

  ._2-form-elements-holder.bottom-margin-40px-on-phone {
    margin-bottom: 40px;
  }

  ._1-form-element {
    width: 100%;
  }

  ._1-form-element.phone-bottom-margin-20px {
    margin-bottom: 20px;
  }

  .form-field, .small-text-14.center-aligned {
    margin-bottom: 0;
  }

  .form-on-free-trial.bottom-margin-24px {
    margin-bottom: 40px;
  }

  .brand-logo.absolute-ken-garff {
    width: 90px;
    position: absolute;
    top: 100%;
    bottom: 0%;
    left: auto;
    right: 16%;
  }

  .brand-logo.absolute-don-franklin {
    width: 90px;
    position: absolute;
    top: 100%;
    bottom: 0%;
    left: 16%;
    right: auto;
  }

  .links-holder {
    flex-direction: column;
    align-items: center;
  }

  .links-holder.top-margin-40px-for-phone {
    margin-top: 40px;
  }

  .badge-googleplay {
    width: 166px;
    height: auto;
  }

  .badge-googleplay.top-margin-8px-on-phone {
    margin-top: 8px;
  }

  .home-hero-review-holder {
    width: 100%;
    flex-direction: column;
    align-items: center;
  }

  .div-block-68 {
    align-items: center;
  }

  .user-rating-holder {
    padding-left: 24px;
    padding-right: 24px;
  }

  .rating-and-text-block-holder {
    flex-direction: column;
    align-items: flex-start;
  }

  .rating-and-text-block {
    padding-left: 0;
    padding-right: 0;
  }

  .rating-and-text-block.phone-bottom-margin-24px {
    margin-bottom: 24px;
  }

  .square-rating.orange.new, .square-rating.purple.new {
    height: 75px;
  }

  .upper-div {
    flex-direction: column;
  }

  .lower-div {
    flex-direction: column;
    margin-top: 24px;
  }

  .lower-nav-div.left-margin-32px, .lower-nav-div.left-margin-8px {
    margin-bottom: 24px;
    margin-right: 0;
  }

  ._21-normal.centered.width-330px {
    width: auto;
  }

  ._21-normal.blue._21-normal-for-phone-too {
    font-size: 21px;
  }

  ._16-medium.center {
    font-weight: 400;
  }

  .social-approval-image.changed-height-for-phone {
    height: auto;
    max-height: 86px;
    min-height: 82px;
  }

  .social-approval-image.changed-height-for-phone.is-new {
    height: 75px;
    max-height: none;
    min-height: 0;
  }

  .social-approval-image.changed-height-for-phone.is-new._9 {
    margin-bottom: 4px;
  }

  .link-block-5 {
    margin-left: 0;
  }

  .link-block-5.text-green.top-margin-for-mobile {
    margin-top: 24px;
  }

  ._21px-medium {
    font-size: 14px;
    font-weight: 400;
  }

  ._21px-medium.center-aligned.bottom-margin-8px {
    margin-bottom: 8px;
  }

  .logo-content-grid {
    flex-direction: column;
  }

  .small-image {
    margin-bottom: 0;
    margin-right: 8px;
  }

  ._40-medium.bottom-margin-40px.width-565px {
    width: 100%;
  }

  ._40-medium.bottom-margin-24px._28-medium-for-phone {
    font-size: 28px;
  }

  .icon-and-content-holder {
    flex-direction: row;
    align-items: center;
    margin-bottom: 16px;
  }

  .table-contents-mobile.hidden-for-desktop {
    display: block;
  }

  ._30-medium-2 {
    font-size: 28px;
  }

  ._20-italic {
    font-size: 16px;
  }

  .table-contents.hidden-for-phone {
    display: none;
  }

  .table-content-holder-mobile {
    padding-left: 64px;
    padding-right: 64px;
  }

  .table {
    width: 100%;
  }

  .image-55 {
    margin-right: 8px;
  }

  .home-video.hidden-for-phone {
    display: none;
  }

  .app-icon-link.left-margin-8px {
    margin-left: 0;
  }

  .splide {
    width: 100%;
    position: relative;
  }

  .splide.slider1.phoneslider {
    justify-content: center;
    padding-top: 48px;
    padding-left: 16px;
    padding-right: 16px;
    display: flex;
  }

  .splide__track {
    width: 100%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: block;
  }

  .splide__list {
    justify-content: flex-start;
    padding-left: 0;
    display: flex;
  }

  .splide__slide {
    width: 90%;
    flex: none;
    justify-content: center;
    margin-left: 0%;
    margin-right: 0%;
    display: flex;
  }

  .splide__slide.hidden {
    display: none;
  }

  .splide__pagination {
    justify-content: center;
    align-items: center;
    margin-bottom: 48px;
    padding-left: 0;
    display: flex;
    top: 0;
  }

  .splide__pagination__item {
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-bottom: 0;
    display: flex;
  }

  .splide__pagination__page {
    width: 16px;
    height: 16px;
    background-color: var(--form-field-border);
    outline-offset: 0px;
    border: 1px #000;
    border-radius: 100px;
    outline: 3px #555;
    margin-bottom: 0;
    margin-right: 8px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .splide__pagination__page.is-active {
    background-color: var(--button-hover);
  }

  .slider-5 {
    width: 80%;
  }

  .slide-2 {
    margin-right: 13px;
  }

  .hero-mobile-image {
    display: block;
  }

  .dropdown-images {
    width: 100%;
    margin-bottom: 0;
  }

  .large-image-for-phone {
    display: block;
  }

  .mp4-video-embed {
    width: 100%;
    height: 100%;
    margin-top: 40px;
    margin-bottom: 0;
    position: static;
  }

  .mp4-video-embed.hidden-for-mobile {
    display: none;
  }

  .mp4-video-embed.hidden-for-mobile.hero-video._w-background-video-atom.static.wdith-100.show-on-phone {
    display: block;
  }

  .mp4-video-embed.hidden-for-desktop {
    width: auto;
    display: block;
  }

  .mp4-video-embed.hidden-for-desktop._w-background-video {
    width: 290px;
    height: 100%;
    position: static;
    top: auto;
    bottom: -69%;
    left: 0%;
    right: 0%;
  }

  .vid-holder {
    justify-content: center;
    display: flex;
  }

  .h1.white-colour.bottom-margin-8px.center-aligned.size-32-on-phone {
    font-size: 32px;
  }

  .h1.white-colour.center-for-phone, .h1.bottom-margin-40px.centered-for-phone {
    text-align: center;
  }

  .h2 {
    font-size: 30px;
  }

  .h2.center-aligned.width-80 {
    width: 100%;
  }

  .h2.white-colour.center-for-phone, .h2.center-aligned-for-phone {
    text-align: center;
  }

  .h3 {
    text-align: center;
    font-size: 28px;
  }

  .h3.bottom-margin-32px.centered-for-phone, .h3.width-100.blue-purple-gradient.center-for-phone {
    text-align: center;
  }

  .h3.width-40 {
    width: 100%;
  }

  .h3.width-40.centered.bottom-margin-24px-on-mobile {
    margin-bottom: 24px;
  }

  .h4 {
    font-size: 24px;
  }

  .h4.bottom-margin-16px.center-aligned._30px-for-phone {
    font-size: 30px;
  }

  .h4.center-aligned.width-50 {
    width: 100%;
  }

  .h4.center-aligned.width-50.relative {
    z-index: 3;
    position: relative;
  }

  .h4.white-colour._28px {
    font-size: 17px;
  }

  .h4.white-colour._23px {
    font-size: 15px;
  }

  .h4.white-colour._20-px-on-phone {
    font-size: 20px;
  }

  .pre-header-label_all-caps {
    font-size: 19px;
  }

  .p1 {
    font-size: 17px;
  }

  .p1.white-colour.bottom-margin-36-24-for-phone {
    margin-bottom: 24px;
  }

  .p1.white-colour.bottom-margin-36-24-for-phone.center-aligned-paragraph.width-70-for-phone {
    width: 70%;
  }

  .p1.white-colour.center-aligned-paragraph.width-50 {
    width: auto;
  }

  .p1.bottom-margin-40px.cetered-for-phone {
    text-align: center;
  }

  .p1.large {
    font-size: 21px;
  }

  .p1._18px.white-coloured-centered {
    font-size: 17px;
  }

  .p1.center-for-phone {
    text-align: center;
  }

  .p1.width-65.center-aligned-paragraph.width-100-for-phone {
    width: 100%;
  }

  .p1.width-65.center-aligned-paragraph.width-100-for-phone.bottom-margin-48px-for-phone {
    margin-bottom: 48px;
  }

  .p1._14px-bold {
    padding-top: 0;
    padding-bottom: 0;
  }

  .p1._14px-bold._40-width {
    width: 100%;
    padding-top: 0;
    padding-left: 0;
  }

  .p1.right-left-8px-margin._18px._14px-for-phone._4px-right-margin-on-phone {
    margin-right: 4px;
  }

  .p1.right-left-8px-margin._18px._14px-for-phone._4px-left-margin-on-phone {
    margin-left: 4px;
  }

  .p1._8px-top-margin-on-phone.grey-for-phone {
    color: var(--form-field-border);
  }

  .p1._14px-on-phone {
    font-size: 14px;
  }

  .p1.centered.bottom-margin-24px-for-mobile {
    margin-bottom: 24px;
  }

  .p1.all-cap {
    font-size: 17px;
  }

  .p1.white-bold-centered {
    font-size: 21px;
  }

  .button-text {
    font-size: 17px;
  }

  .button-text.no-top-margin {
    color: #fff;
    margin-top: 0;
  }

  .button-text.no-top-margin.white-colour {
    color: var(--light-grey);
  }

  .button-text.no-top-margin.current {
    color: var(--black);
  }

  .secondary-nav-link_active {
    font-weight: 500;
  }

  .cards-holder {
    flex-direction: column;
  }

  .key-takeaway-card {
    width: 100%;
    height: auto;
    margin-bottom: 32px;
  }

  .h1-em {
    font-size: 40px;
  }

  .h2-em {
    font-size: 30px;
  }

  .h3-em {
    text-align: center;
    font-size: 28px;
  }

  .h4-em {
    font-size: 24px;
  }

  .blog-home-h2-em {
    font-size: 30px;
  }

  .blog-home-h1-em, .blog-archive-h1-em {
    font-size: 28px;
  }

  .blog-h2-em {
    font-size: 24px;
  }

  .blog-h3-em, .blog-snippet-title-em {
    font-size: 20px;
  }

  .blog-p-em {
    font-size: 18px;
  }

  .anchor-nav_active-em, .anchor-nav_default-em {
    font-size: 24px;
  }

  .hyperlink-cta-text_2-em, .button-text-em, .p1_medium-em, .p1-em {
    font-size: 17px;
  }

  .pre-header-label_all-caps-em {
    font-size: 19px;
  }

  .button-and-link-holder {
    width: 100%;
    flex-direction: column;
  }

  .button-and-link-holder.bottom-margin-for-phone {
    margin-bottom: 24px;
  }

  .half {
    width: 100%;
  }

  .half.left-aligned {
    align-items: center;
  }

  .half.right-aligned {
    justify-content: center;
    align-items: flex-start;
  }

  .thank-you-header-image {
    width: 100px;
  }

  .thank-you-header-image.bottom-margin-16px {
    margin-bottom: 8px;
  }

  .thank-you-page-card {
    width: auto;
    flex-direction: column;
    align-items: center;
    margin-top: -150px;
    padding: 32px;
  }

  .thank-you-card-text-holder {
    width: auto;
    margin-bottom: 32px;
    margin-right: 0;
  }

  .soc-section-image {
    width: 150px;
  }

  .support-lightbox-link {
    flex-direction: column;
    margin-bottom: 24px;
  }

  .right-padding-30px {
    margin-right: 10px;
  }

  .lightbox-form-holder {
    padding-top: 40px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .form-6 {
    width: 100%;
  }

  .webinar-link-embed {
    margin-bottom: 30px;
  }

  .cross-holder {
    padding-top: 8px;
    padding-right: 8px;
  }

  .image-56 {
    width: 24px;
  }

  .partner-email-submit.radius-10px.book-a-demo {
    display: block;
  }

  .partner-email-submit.radius-10px.tour-spotai {
    display: none;
  }

  .partner-email-submit.hidden-for-desktop {
    padding: 16px 19px;
    font-size: 17px;
  }

  .partner-email-submit.blue._40px-side-padding {
    padding-left: 20px;
    padding-right: 20px;
  }

  .form__input.state {
    font-size: 15px;
  }

  .marquee-logo {
    width: 110px;
  }

  .pop-up-image {
    margin-top: 0;
  }

  .badges-holder {
    width: 100%;
  }

  .confetti.hidden-for-phone {
    display: none;
  }

  .badges-grid {
    grid-column-gap: 6.9px;
    grid-row-gap: 6.9px;
    grid-template-rows: auto auto auto;
    grid-auto-flow: row;
  }

  .badges-grid.responsive-for-pricing-page {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .homepage-slider {
    align-items: flex-start;
  }

  .homepage-slider-nav {
    align-items: center;
  }

  .homepage-slider-arrow.show-for-phone.abslute-right {
    top: auto;
    bottom: -55px;
    left: auto;
    right: 18%;
  }

  .homepage-slider-arrow.show-for-phone.absolute-left {
    justify-content: flex-end;
    display: flex;
    top: auto;
    bottom: -55px;
    left: 18%;
    right: auto;
  }

  .homepage-slider-arrow.show-for-phone.absolute-left-white {
    width: 40px;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
    top: auto;
    bottom: 32px;
    left: 16px;
    right: auto;
  }

  .homepage-slider-arrow.show-for-phone.absolute-right-white {
    width: 40px;
    top: auto;
    bottom: 32px;
    left: 72px;
    right: auto;
  }

  .homepage-slider-image-holder {
    height: 35%;
  }

  .homepage-slider-content-holder {
    height: 100%;
    background-image: linear-gradient(to bottom, var(--spot-blue), #8000e4);
    border-radius: 0;
    padding-top: 32px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .slide-wrapper {
    border-radius: 0;
    overflow: hidden;
  }

  .bottom-sticking-image {
    width: 100%;
    height: auto;
  }

  .slide-3 {
    background-image: none;
    padding-left: 0;
    padding-right: 0;
  }

  .hero-slider-wrapper {
    height: 150px;
    margin-top: 25px;
  }

  .hero-slider-wrapper.top-margin-96px.more-height {
    height: 550px;
  }

  .hero-slider-wrapper.absolute {
    margin-bottom: -2px;
  }

  .hero-slider-wrapper.bottom-margin-for-phone {
    margin-bottom: 75px;
  }

  .resources-image {
    background-repeat: no-repeat;
    background-size: contain;
  }

  .resources-image.podcast-bg {
    background-position: 100% 0;
    background-size: cover;
  }

  .resources-image.webinar-bg {
    height: 184px;
    background-position: 100% 0;
    background-size: cover;
  }

  .resources-image.video-bg {
    height: 162px;
    background-size: cover;
  }

  .tag, .image-prompt-heading.relative {
    display: flex;
  }

  .prompt-data.for-phone {
    width: 90%;
    margin-top: 8px;
    padding: 16px;
    display: none;
  }

  .prompt-data.for-phone.temp {
    z-index: 6;
  }

  .prompt-data.for-phone.show {
    margin-top: 8px;
    display: block;
    top: 20%;
  }

  .prompt-data-heading {
    font-size: 16px;
  }

  .prompt-data-para {
    font-size: 14px;
  }

  .phone-expand-icon._1 {
    top: 70%;
    left: 32%;
  }

  .phone-expand-icon._2 {
    top: 20%;
    left: 20%;
  }

  .phone-expand-icon._3 {
    top: 28.5%;
    left: 56%;
  }

  .image-prompt-holder._2 {
    display: none;
  }

  .sperator-line-holder {
    width: 100%;
  }

  .sperator-line {
    width: 120px;
  }

  .home-hero-slider-image {
    width: 100%;
    height: auto;
  }

  .home-hero-slider-image.top-margin-for-phone {
    margin-top: 40px;
  }

  .home-hero-slide-image-holder {
    height: 100%;
    justify-content: center;
    align-items: flex-end;
    display: flex;
  }

  .pulse_animation._1 {
    top: 22%;
    left: 21.15%;
    right: 21.7%;
  }

  .pulse_animation._2 {
    top: 31%;
    left: 57.5%;
  }

  .pulse_animation._3 {
    top: 73%;
    left: 33.7%;
  }

  .background-blur {
    width: 310px;
    height: 115px;
  }

  .blur-holder {
    height: 120px;
  }

  .homepage-slide-mask {
    border-radius: 10px;
  }

  .badges-and-confetti.bottom-margin-for-desktop {
    margin-bottom: 50px;
  }

  .slider-progress-bar-wrapper {
    margin-top: 25px;
  }

  .slider-arrow-black, .white-slider-arrow {
    height: 40px;
  }

  .logos-holder-section {
    padding: 24px 16px 80px;
    overflow: hidden;
  }

  .pricing-logos-holder {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-items: center;
    display: none;
  }

  .calc-holder {
    align-items: center;
    margin-top: 18px;
  }

  ._1-radio.bottom-margin-24px {
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .blue-bg-text {
    width: 100%;
    height: auto;
  }

  .blue-bg-image {
    width: 100%;
    height: auto;
    margin-top: 24px;
  }

  .button-and-link {
    flex-direction: column;
  }

  .button-and-link.is-html-sitemap {
    align-items: flex-start;
    display: block;
  }

  .logos-slider-for-phone {
    height: 70px;
    background-color: rgba(0, 0, 0, 0);
    display: block;
  }

  .logos-slider-for-phone.hidden {
    display: none;
  }

  .phone-logo-right-margin {
    margin-right: 24px;
  }

  .absolute-left-arrow {
    justify-content: flex-end;
    align-items: flex-start;
    display: flex;
    top: auto;
    bottom: -55px;
    left: 18%;
    right: auto;
  }

  .absolute-right-arrow {
    align-items: flex-start;
    display: flex;
    top: auto;
    bottom: -55px;
    left: auto;
    right: 18%;
  }

  .mask-6 {
    overflow: visible;
  }

  .splide__slide_2 {
    width: 90%;
    flex: none;
    justify-content: center;
    margin-left: 0%;
    margin-right: 0%;
    display: flex;
  }

  .splide__list_2 {
    justify-content: flex-start;
    padding-left: 0;
    display: flex;
  }

  .splide__track_2 {
    width: 100%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: block;
  }

  .splide_2 {
    width: 100%;
    position: relative;
  }

  .splide_2.slider1.phoneslider, .splide_2.slider2.phoneslider {
    justify-content: center;
    padding-top: 48px;
    padding-left: 16px;
    padding-right: 16px;
    display: flex;
  }

  .phone-slide-nav {
    padding-top: 20px;
  }

  .phone-logo-width {
    width: 80px;
  }

  .secondary-navigation-container.mobile-only {
    justify-content: flex-start;
  }

  .secondary-nav-link.slider-item.extra-right-padding {
    padding-right: 60px;
  }

  .secondary-nav-link.slider-item.extra-left-padding {
    padding-left: 120px;
  }

  .nav-menu-2.slider-list {
    justify-content: flex-start;
  }

  .tags-holder {
    padding-left: 16px;
    padding-right: 16px;
  }

  .tags-holder-container {
    max-width: 312px;
  }

  .blog-image-resources {
    height: 150px;
    min-height: auto;
  }

  .blog-image-resources.virtual-events-height {
    width: 100%;
    height: 150px;
    min-height: auto;
  }

  .sign-up-form {
    margin-top: 45px;
  }

  .signup-form-holder {
    padding: 16px 16px 32px;
  }

  .signup-form-image {
    height: 280px;
    background-position: 50%;
  }

  .signup-email-input {
    height: 40px;
  }

  .blogs-3-list.single-item {
    grid-column-gap: 16px;
    grid-template-rows: auto;
  }

  .blogs-3-list.one-less {
    grid-template-rows: auto auto;
  }

  .blog-item-image-holder {
    height: 182px;
  }

  .toc {
    display: none;
  }

  .toc.no-side-margin.side-padding.show-for-phone {
    width: 100%;
    flex-direction: column;
    align-items: flex-start;
    display: flex;
  }

  .tocitem {
    border-bottom: 1px solid #fafafa;
    border-left-style: none;
    padding-right: 16px;
  }

  .form-field-footer-text.top-margin-16px.centered-for-phone {
    text-align: center;
  }

  .test-24.hidden-for-mobile {
    display: none;
  }

  .mask-7 {
    height: auto;
  }

  .mobile-toc-wrapper {
    z-index: 10;
    background-color: #fff;
    flex-direction: column;
    display: flex;
    top: 60px;
  }

  .tab-standard {
    color: var(--black);
    background-color: rgba(0, 0, 0, 0);
    border-style: none;
    margin-top: 5px;
    margin-bottom: 5px;
  }

  .tab-standard.w--current {
    background-color: var(--spot-blue);
    color: #fff;
    margin-top: 5px;
    margin-bottom: 5px;
  }

  .tabs-menu-2 {
    border: 1px solid var(--spot-blue);
    background-color: var(--gainsboro);
    border-radius: 100px;
    flex-wrap: wrap;
    justify-content: center;
  }

  .tab-pane {
    padding-top: 74px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .start-link.hidden {
    display: none;
  }

  .pricing-line-break {
    height: auto;
  }

  .pricing-tabs {
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .slider-navigation {
    background-color: #fff;
    display: flex;
  }

  .slider-navigation.next-slide {
    width: 24px;
    display: flex;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: auto;
    right: 0%;
  }

  .slider-navigation.prev-slide {
    width: 24px;
    border-left-width: 0;
    border-right: 1px solid #d8ebfb;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: auto;
  }

  .slider-navigation-wrapper {
    display: block;
    position: static;
  }

  .slider-navigation-wrapper.left {
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: auto;
  }

  .left-arrow-slider {
    transform: rotate(180deg);
  }

  .width-120px {
    width: 120px;
  }

  .reseller-agreement-link {
    font-size: 17px;
  }

  .cameras-dropdown-tabs-menu {
    display: none;
  }

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

  .integrations-info {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .integrations-documentation-grid {
    margin-bottom: 24px;
  }

  .integrations-documentation-card-image {
    height: 184px;
  }

  .intergations-hero {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .minimal-step-div, .minimal-step-number {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
  }

  .text-block-9 {
    font-size: 17px;
  }

  .text-block-9._21px-on-phone {
    font-size: 21px;
  }

  .text-block-9._21px {
    font-size: 17px;
  }

  .hack17-counter-button.hack17-up, .hack17-counter-button.hack17-down {
    width: 2rem;
    padding-left: 0;
    padding-right: 0;
  }

  ._2-radio {
    align-items: center;
  }

  .pricing-calculator-wrapper {
    width: 100%;
    flex-direction: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    padding-left: 0%;
    padding-right: 0%;
    display: flex;
  }

  .left-input-pricing {
    align-items: center;
  }

  .right-reflect-pricing {
    padding-left: 16px;
    padding-right: 16px;
  }

  .pricking-breakdown {
    margin-bottom: 8px;
  }

  .pricking-breakdown.no-bottom-margin {
    margin-bottom: 0;
  }

  .pricing-cal-image-wrap {
    padding: 0%;
  }

  .information-popup {
    z-index: 13;
    bottom: 122%;
    left: -45%;
  }

  .price-system-wrapper {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .information-popup-180days {
    z-index: 12;
    bottom: 113%;
    left: -31px;
  }

  .price-return {
    flex-direction: column;
  }

  .price-return.width-40 {
    width: 49%;
    margin-right: 8px;
  }

  .see-what-inside {
    margin-top: 45px;
  }

  .see-what-inside-holder {
    padding: 16px 16px 32px;
  }

  .badges-grid-three {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    padding-left: 32px;
    padding-right: 32px;
  }

  .badges-grid-three.responsive-for-pricing-page {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .badges-and-confetti-new.bottom-margin-for-desktop {
    margin-bottom: 50px;
  }

  .badges-grid-new {
    grid-template-rows: auto;
    display: none;
  }

  .badges-grid-new.responsive-for-pricing-page {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .badges-holder-new {
    width: 100%;
  }

  .badges-holder-new2 {
    width: 100%;
    display: flex;
  }

  .new-g2bage-heading {
    font-size: 32px;
  }

  .new-g2bage-heading.text-white.width-70.bottom-margin-64px {
    width: 288px;
    text-align: left;
    margin-bottom: 32px;
  }

  .new-g2bage-heading.text-white.width-70.bottom-margin-64px.center-aligned-for-phone {
    text-align: center;
  }

  .new-g2bage-heading.left-aligned.modified-for-phone {
    margin-top: 0;
    margin-bottom: 16px;
    font-size: 28px;
    line-height: 32px;
  }

  .new-g2bage-heading.lower-margin-64px {
    margin-bottom: 32px;
  }

  .new-g2bage-heading.width-50 {
    width: 100%;
  }

  .new-g2bage-heading.width-50.bottom-margin-64px {
    margin-bottom: 32px;
  }

  .heading-new-g2, .heading-new-g2.width-70, .heading-new-g2.top-margin-50px {
    width: 100%;
  }

  .heading-new-g2.width-100.bottom-margin-24px {
    margin-bottom: 48px;
  }

  .resource-center-image {
    height: 280px;
    background-position: 50%;
  }

  .sitemap-wrap {
    align-items: stretch;
  }

  .resource-html-sitemap-wrap {
    width: 100%;
  }

  .sitemap-grid-one {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
    justify-content: stretch;
    justify-items: start;
  }

  .sitemap-grid-two {
    flex-direction: column;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
    display: flex;
  }

  .badge-label {
    font-size: 7px;
    line-height: 1.2;
  }

  .badge-appstore {
    width: 166px;
    height: auto;
  }

  .badge-appstore.top-margin-8px-on-phone {
    margin-top: 8px;
  }

  .div-block-72 {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .container-large.center-align {
    flex-wrap: wrap;
    justify-content: center;
    padding-left: 40px;
    padding-right: 40px;
  }

  .container-large.center-align.d-block {
    padding-left: 3%;
    padding-right: 3%;
  }

  .container-large.center-align.vertical-flex {
    padding-left: 16px;
    padding-right: 16px;
  }

  .container-large.center-align.no-hp {
    margin-bottom: 10px;
  }

  .container-large.center-align._0-m-padding {
    padding-left: 0;
    padding-right: 0;
  }

  .container-large.d-block._0-tm.static {
    margin-bottom: 40px;
  }

  .container-large.landing-custom-margin {
    margin-bottom: 0;
  }

  .container-large.mt-0 {
    margin-top: 0;
  }

  .container-large.mt-0.grid {
    flex-direction: column;
    display: flex;
  }

  .container-large.center {
    margin-bottom: 60px;
  }

  .container-large.center.less-lm.lm {
    margin-bottom: 0;
  }

  .container-large.center.lesser-lm {
    margin-bottom: -16px;
  }

  .container-large.grid.changed-margin {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr 1fr;
    position: relative;
  }

  .container-large.confetti-container.width-100.no-top-margin.side-margin-for-phone {
    width: auto;
    margin-left: 16px;
    margin-right: 16px;
  }

  .container-large.confetti-container.width-100.no-top-margin.side-margin-for-phone.lower-margin-16px-for-phone {
    margin-bottom: 16px;
  }

  .container-large.vertical-and-centered.no-top-margin.top-margin-8px-for-phone {
    margin-top: 8px;
  }

  .container-large.flex-vertical-centered {
    margin-bottom: 0;
  }

  .container-large.flex-vertical-centered.changed-top-margin-for-phone {
    margin-top: 0;
  }

  .container-large.flex-vertical-centered.changed-bottom-margin {
    margin-bottom: 150px;
  }

  .container-large.flex-vertical-centered.top-margin-8px-for-phone {
    margin-top: 8px;
  }

  .container-large.no-top-margin.no-bottom-margin {
    margin-bottom: 0;
  }

  .container-large.no-top-bottom-margin.top-bottom-padding.gradient-background.flex-vertical-centered.side-margin-for-phone {
    padding-left: 24px;
    padding-right: 24px;
  }

  .container-large.no-top-bottom-margin.top-bottom-padding.gradient-background.flex-vertical-centered.side-margin-for-phone.no-radius-for-phone {
    border-radius: 0;
  }

  .div-block-73 {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .div-block-74 {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }

  .copilot-intro-heading-wrapper.mb-24 {
    flex-direction: column;
  }

  .image-61 {
    margin-top: 8px;
  }

  .copilot-heading-decorative.mb-24 {
    flex-direction: column;
    align-items: center;
    display: flex;
  }

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

  .paragraph-35, .paragraph-36, .paragraph-37, .paragraph-38, .blog-h4 {
    text-align: center;
  }

  .webinar-banner-button {
    display: block;
  }

  .webinar-banner-button.m-hidden.top-margin-24px.gradient.width-100-for-phone {
    width: 100%;
  }

  .webinar-banner-button.right-margin-40-px {
    margin-bottom: 24px;
    margin-right: 0;
  }

  .webinar-banner-button.right-margin-40-px.width-100-for-phone {
    width: 100%;
  }
}

#w-node-_5d8101d0-62cd-b6ad-4d57-36777d8002af-b5f0200f {
  align-self: start;
  justify-self: center;
}

#w-node-_5d8101d0-62cd-b6ad-4d57-36777d800316-b5f0200f, #w-node-_5d8101d0-62cd-b6ad-4d57-36777d800323-b5f0200f, #w-node-_5d8101d0-62cd-b6ad-4d57-36777d800330-b5f0200f, #w-node-_802f364b-50ec-92c1-0116-9708ea29027d-ea290277, #w-node-_802f364b-50ec-92c1-0116-9708ea29027f-ea290277, #w-node-_802f364b-50ec-92c1-0116-9708ea290280-ea290277, #w-node-_802f364b-50ec-92c1-0116-9708ea290281-ea290277, #w-node-_802f364b-50ec-92c1-0116-9708ea290282-ea290277, #w-node-_79bc8a06-4900-7df8-d556-465d2d0a7f66-ea290277, #w-node-_79bc8a06-4900-7df8-d556-465d2d0a7f67-ea290277 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_79bc8a06-4900-7df8-d556-465d2d0a7f68-ea290277 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
  justify-self: center;
}

#w-node-_79bc8a06-4900-7df8-d556-465d2d0a7f69-ea290277 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-e4c73fb0-b9b9-d37a-13c1-f6e37626ad56-ea290277 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
  justify-self: center;
}

#w-node-e4c73fb0-b9b9-d37a-13c1-f6e37626ad57-ea290277 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: start;
}

#w-node-e4c73fb0-b9b9-d37a-13c1-f6e37626ad58-ea290277, #w-node-e4c73fb0-b9b9-d37a-13c1-f6e37626ad59-ea290277, #w-node-d1a2b1a7-3097-9e9e-ce26-8b32c8a4dd7d-ea290277, #w-node-_802f364b-50ec-92c1-0116-9708ea290284-ea290277, #w-node-_802f364b-50ec-92c1-0116-9708ea290285-ea290277, #w-node-_802f364b-50ec-92c1-0116-9708ea290286-ea290277, #w-node-_802f364b-50ec-92c1-0116-9708ea290287-ea290277 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-ea55102b-c80a-05d7-9c30-d074a104adfe-b5f02071 {
  align-self: start;
  justify-self: center;
}

#w-node-_6f4ae952-9a6f-0879-7159-a7d23731c68f-b5f02071, #w-node-_7bab7319-42bf-a94d-3636-6eee218c3ac9-b5f02071, #w-node-f49abfc2-14c4-177b-5a24-5af55d2eeb37-b5f02071, #w-node-_32df23a7-ae9d-a6e1-3f29-96b96f7ad301-b5f02071 {
  align-self: center;
}

#w-node-_9d2264d6-d281-8f9b-c169-83b0dcf7cc0b-b5f02071 {
  align-self: center;
  justify-self: stretch;
}

#w-node-_2c715830-867b-00aa-0bc4-9799741b1c4a-b5f0207b, #w-node-_27730616-b03d-ba7e-883d-178d0634b3d0-0634b3c8, #w-node-_27730616-b03d-ba7e-883d-178d0634b3d1-0634b3c8, #w-node-_27730616-b03d-ba7e-883d-178d0634b3d2-0634b3c8, #w-node-_27730616-b03d-ba7e-883d-178d0634b3d3-0634b3c8, #w-node-_27730616-b03d-ba7e-883d-178d0634b3d4-0634b3c8, #w-node-_27730616-b03d-ba7e-883d-178d0634b3d5-0634b3c8, #w-node-_27730616-b03d-ba7e-883d-178d0634b3d6-0634b3c8 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_26e96660-daac-bfe5-3109-4bdcdcc16f6c-0634b3c8, #w-node-b8c8a815-192c-6818-8de4-31928b041c3a-0634b3c8 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-d6031e56-b036-fd80-b357-7d9fdb269313-0634b3c8, #w-node-a0521a3a-0b1d-9eb9-cb0d-3492a978795b-0634b3c8, #w-node-_6fad9bd9-5579-38f2-e3ca-c0781d0a5e42-0634b3c8, #w-node-f4f50503-e64c-009d-aa98-676f311431e9-0634b3c8, #w-node-ec19c72b-1ed0-4501-95a6-05b1b8db6da7-0634b3c8, #w-node-_27730616-b03d-ba7e-883d-178d0634b3d8-0634b3c8, #w-node-_27730616-b03d-ba7e-883d-178d0634b3da-0634b3c8, #w-node-_27730616-b03d-ba7e-883d-178d0634b3db-0634b3c8, #w-node-_27730616-b03d-ba7e-883d-178d0634b3dc-0634b3c8, #w-node-_27730616-b03d-ba7e-883d-178d0634b3dd-0634b3c8, #w-node-dadf9658-9f1a-d472-3a59-4b899133697b-0634b3c8, #w-node-c497a23f-21cd-e811-7d07-5797a6bb862d-0634b3c8, #w-node-_764a948a-9308-a45f-701a-02d1db456806-0634b3c8, #w-node-bbf6a42a-c3b7-171d-98a1-29678e794a4f-0634b3c8, #w-node-_9e58aec7-a6e9-e745-05dd-b8db179565b4-0634b3c8, #w-node-_581c16d3-4b64-bff8-8725-a854ab9f975d-0634b3c8, #w-node-_899b264f-a6b0-7ab2-ab20-8ccb441a8c53-0634b3c8, #w-node-_8a32db3a-f3ab-5a12-2e5e-c1a44d240f18-0634b3c8, #w-node-_27730616-b03d-ba7e-883d-178d0634b3df-0634b3c8, #w-node-_27730616-b03d-ba7e-883d-178d0634b3e0-0634b3c8, #w-node-_27730616-b03d-ba7e-883d-178d0634b3e1-0634b3c8, #w-node-_27730616-b03d-ba7e-883d-178d0634b3e2-0634b3c8 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_32ce3153-a271-37d8-99a2-52efd8886fba-b5f020b4, #w-node-_32ce3153-a271-37d8-99a2-52efd8886fba-b5f020cc, #w-node-bad56672-916a-2b4b-a597-533411971f04-b5f02133 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_515aca84-8605-30e4-2399-57f5dc22b3de-b5f02133, #w-node-_76295a44-1f0d-ee7d-6bd6-c351657e3708-b5f0213a, #w-node-_3c98cffa-20ae-c76f-9fd1-67d098228e99-b5f0213a, #w-node-faf4cd5c-3a38-e33a-0406-8a1bcd7bc871-b5f0213a, #w-node-_5cf5a6d7-bab7-084b-7b59-af6e14ceac88-b5f0213a, #w-node-_126ca86e-4689-e016-b398-b7e0b1471d6d-b5f0213a, #w-node-_1a9ccb3b-7d2f-df9e-e183-ea69c6cd129a-b5f0213a, #w-node-_1a9ccb3b-7d2f-df9e-e183-ea69c6cd12a9-b5f0213a, #w-node-_1a9ccb3b-7d2f-df9e-e183-ea69c6cd12b8-b5f0213a, #w-node-_3a188be6-aa18-d672-b2fc-fa6d124fab50-b5f0213a, #w-node-db0e4666-6cd2-f538-55f9-9e177686be5b-b5f0213a, #w-node-_31ae0a90-5201-3755-5ea5-e5a11b57090d-b5f0213a, #w-node-_94558f72-dfa4-4742-1104-4eb856106b07-b5f0213a, #w-node-_41230fdd-a0c3-7d16-3b07-1d82596f7136-b5f0213a, #w-node-_3bbbf7ac-b10b-b147-a819-12b461feed10-b5f0213a, #w-node-_59080751-8a3f-5996-89c2-1ff94be77762-b5f0213a, #w-node-dcf8624e-b01c-b106-a832-82065290e2e3-b5f0213a, #w-node-_8ae30bb1-c421-3897-2c07-3f71ecb2d7ee-b5f0213a, #w-node-_8ae30bb1-c421-3897-2c07-3f71ecb2d7d0-b5f0213a, #w-node-_8ae30bb1-c421-3897-2c07-3f71ecb2d7df-b5f0213a, #w-node-_7c555274-96ec-c0bc-8d69-e268566380e0-b5f0213a {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_32ce3153-a271-37d8-99a2-52efd8886fba-b5f0213b, #w-node-_023ebf38-e2e3-d8c2-52a4-e4fbb3451fbf-b5f0213b, #w-node-_32ce3153-a271-37d8-99a2-52efd8886fba-b5f02173, #w-node-_32ce3153-a271-37d8-99a2-52efd8886fba-b5f02174, #w-node-_32ce3153-a271-37d8-99a2-52efd8886fba-b5f021a1 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_4c4ebf30-c7f9-6ee6-854c-342021ef8b47-b5f021b7, #w-node-_385e2069-b5ed-cf0a-bb64-977a5be38f4e-b5f021ba, #w-node-_1500f79c-d242-9789-2ace-3c74856d0f1f-b5f021ba, #w-node-_4cbc0aec-ffbb-89e2-bfe0-9ad4a570bef6-b5f021ba, #w-node-b5d9f44d-18f6-b9cc-32f9-17dcfa44b4f2-b5f021ba, #w-node-_8d2e53b6-62c6-780c-29b0-b5dfe31a4d4c-b5f021ba, #w-node-_7fb6e435-ce49-c55e-d3cb-c4e9d0886c06-b5f021ba, #w-node-efc06140-920e-177c-59c4-97a9d0e568ba-b5f021ba, #w-node-_972a5e8c-5c0b-3fe4-2c45-55ca6a871d33-b5f021ba, #w-node-_6522c0ce-5ec4-f29b-a3ed-881db538c7cb-b5f021ba, #w-node-_65771c20-f9df-0e39-5ce5-f10c1781ad07-b5f021ba, #w-node-_1eec1153-72e4-95fe-6991-86048bfd3c22-b5f021ba, #w-node-f8f8ca49-50f1-f880-92b2-a7c202730df7-b5f021ba, #w-node-_26b76ce4-91ab-7eaa-4ded-757747ac983c-b5f021ba, #w-node-_38974c36-d729-6997-53dd-9238bc5f818b-b5f021ba {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_8bcde6be-2208-89cd-f4bd-c80fc6a1189d-b5f021df {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_0fcd123c-8c81-be81-1eed-32be67272363-b5f02218, #w-node-_0fcd123c-8c81-be81-1eed-32be67272365-b5f02218, #w-node-_6267fae9-e762-49e3-8091-c3a919b8604d-b5f02218, #w-node-f6f8e6a8-966c-f1e3-39e1-10ede8e09f38-b5f02218, #w-node-_77b9bdf9-8d6d-e97e-1f13-d3edde8d8c58-b5f02218, #w-node-d8ac458e-d3c1-b837-b37c-1718e81f7951-b5f02218, #w-node-_0fcd123c-8c81-be81-1eed-32be67272389-b5f02218, #w-node-_0fcd123c-8c81-be81-1eed-32be6727238b-b5f02218, #w-node-_0fcd123c-8c81-be81-1eed-32be672723c0-b5f02218, #w-node-_0fcd123c-8c81-be81-1eed-32be672723c2-b5f02218, #w-node-_0fcd123c-8c81-be81-1eed-32be672723d1-b5f02218, #w-node-_0fcd123c-8c81-be81-1eed-32be672723d3-b5f02218, #w-node-bc1af4bb-c30c-1783-5016-0efa34ed08f7-b5f02218, #w-node-_221ab464-563c-2dea-151b-2f4c099a3d72-b5f02218, #w-node-_6d338887-d07b-9616-2a1b-0dd0a5218950-b5f02218, #w-node-_89eed4bb-52b1-3d2f-4e38-f7e3258173cb-b5f02218, #w-node-_0fcd123c-8c81-be81-1eed-32be672723eb-b5f02218, #w-node-_0fcd123c-8c81-be81-1eed-32be672723ed-b5f02218, #w-node-_29978aa3-2961-76b6-f0c8-257cc2fe22bf-b5f02218, #w-node-_29978aa3-2961-76b6-f0c8-257cc2fe22c1-b5f02218, #w-node-_4dba1f36-61ea-3dec-e9f8-64d03a57bc82-b5f02218, #w-node-_64664610-271e-c64d-402e-714346d3a75e-b5f02218, #w-node-_6d9135ea-cbf7-c54c-0400-e75cb840386c-b5f02218, #w-node-dbd98f37-debc-0a54-dac4-49f99c14bbd3-b5f02218, #w-node-ce6f4c2e-d281-e459-ac92-1d2354d3439b-b5f02218, #w-node-e187eafe-373d-0d9b-0a57-29673a8e7455-b5f02218, #w-node-_7c2716a1-2eaa-de9a-dfbf-46bea8abee15-b5f02219, #w-node-_7c2716a1-2eaa-de9a-dfbf-46bea8abee16-b5f02219, #w-node-_7c2716a1-2eaa-de9a-dfbf-46bea8abee17-b5f02219, #w-node-_7c2716a1-2eaa-de9a-dfbf-46bea8abee18-b5f02219, #w-node-_7c2716a1-2eaa-de9a-dfbf-46bea8abee19-b5f02219, #w-node-_7c2716a1-2eaa-de9a-dfbf-46bea8abee1a-b5f02219, #w-node-_7c2716a1-2eaa-de9a-dfbf-46bea8abee1b-b5f02219, #w-node-b0af53ea-053c-b1dc-4b6c-b17448e97043-b5f02219, #w-node-_5144f500-f62f-68da-009f-866a286981c7-b5f02219, #w-node-_623c12ca-b421-eb29-71a2-361a53280270-b5f02219, #w-node-_44746e38-63e1-ce33-b766-e141f70fc446-b5f02219 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_7c2716a1-2eaa-de9a-dfbf-46bea8abee43-b5f02219, #w-node-_7c2716a1-2eaa-de9a-dfbf-46bea8abee81-b5f02219 {
  align-self: center;
}

#w-node-e7d5d15b-51c3-5141-a462-9e4a2e0ec5fd-b5f02250, #w-node-_4c4ebf30-c7f9-6ee6-854c-342021ef8b47-b5f02251, #w-node-_2e2565ab-3588-78d9-2eaf-62b3e5a70a2f-b5f02253, #w-node-_80ed3654-bb02-b0b5-1422-a5511cad0b31-b5f02253, #w-node-_27b73e79-dd06-484d-b5d5-99eecb28e288-b5f02253, #w-node-_27b73e79-dd06-484d-b5d5-99eecb28e289-b5f02253, #w-node-_78528aba-201c-9ce0-7ca5-a030fc1bf10c-b5f02253, #w-node-_78528aba-201c-9ce0-7ca5-a030fc1bf10d-b5f02253 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_18388c72-e546-5b9d-6570-5e3d06b68bf8-b5f02268, #w-node-d5e9a5aa-de09-ffe6-167d-fc7630a43213-b5f02268, #w-node-_43e9b35e-b1bf-6814-9841-16c896bf244f-b5f02268 {
  align-self: start;
  justify-self: center;
}

#w-node-_752f5bc3-d6aa-5c78-d185-f4e681cac5ad-b5f02268 {
  align-self: center;
  justify-self: center;
}

#w-node-_18388c72-e546-5b9d-6570-5e3d06b68bf8-b5f0227c, #w-node-d5e9a5aa-de09-ffe6-167d-fc7630a43213-b5f0227c, #w-node-_43e9b35e-b1bf-6814-9841-16c896bf244f-b5f0227c {
  align-self: start;
  justify-self: center;
}

#w-node-_752f5bc3-d6aa-5c78-d185-f4e681cac5ad-b5f0227c {
  align-self: center;
  justify-self: center;
}

#w-node-_18388c72-e546-5b9d-6570-5e3d06b68bf8-b5f02284, #w-node-_43e9b35e-b1bf-6814-9841-16c896bf244f-b5f02284 {
  align-self: start;
  justify-self: center;
}

#w-node-_752f5bc3-d6aa-5c78-d185-f4e681cac5ad-b5f02284 {
  align-self: center;
  justify-self: center;
}

#w-node-d5424c8c-e47e-8a9a-439b-4f81d7d9dc18-b5f0228d, #w-node-_78bb99af-a5e5-1881-4e20-0a9b3b1d3faa-b5f0228d, #w-node-_188a50a1-f3c0-ed44-8a01-e473ae421e8d-b5f0228d, #w-node-_0fba3d09-d40e-f43e-cccb-95a4c2ec4256-b5f0228d, #w-node-_0fba3d09-d40e-f43e-cccb-95a4c2ec4267-b5f0228d, #w-node-_0fba3d09-d40e-f43e-cccb-95a4c2ec427a-b5f0228d, #w-node-c567434e-1527-f4dc-60ec-582177f70552-b5f0228d, #w-node-c567434e-1527-f4dc-60ec-582177f70561-b5f0228d, #w-node-c567434e-1527-f4dc-60ec-582177f7056a-b5f0228d, #w-node-_5080a0f1-1b67-10c8-f695-dc114045f1a9-b5f0228d, #w-node-_5080a0f1-1b67-10c8-f695-dc114045f1b3-b5f0228d, #w-node-_5080a0f1-1b67-10c8-f695-dc114045f1bd-b5f0228d {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-f5517a27-c2d7-82a3-d1b5-4ce20ec4e786-b5f0228d {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  display: none;
}

#w-node-f5517a27-c2d7-82a3-d1b5-4ce20ec4e787-b5f0228d, #w-node-f5517a27-c2d7-82a3-d1b5-4ce20ec4e79a-b5f0228d, #w-node-f5517a27-c2d7-82a3-d1b5-4ce20ec4e7a9-b5f0228d, #w-node-adb4c258-2e69-972e-1912-dc8c5fc52e4c-b5f02307, #w-node-f72c4d47-3228-9592-358c-679bf322424c-b5f02307, #w-node-f72c4d47-3228-9592-358c-679bf322424d-b5f02307, #w-node-_43133dfb-42d5-7b57-bfd9-996486b0bece-b5f02307 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_18388c72-e546-5b9d-6570-5e3d06b68bf8-b5f02372, #w-node-d5e9a5aa-de09-ffe6-167d-fc7630a43213-b5f02372, #w-node-_43e9b35e-b1bf-6814-9841-16c896bf244f-b5f02372 {
  align-self: start;
  justify-self: center;
}

#w-node-_752f5bc3-d6aa-5c78-d185-f4e681cac5ad-b5f02372 {
  align-self: center;
  justify-self: center;
}

#w-node-_7c2716a1-2eaa-de9a-dfbf-46bea8abee15-6abcae3b, #w-node-_7c2716a1-2eaa-de9a-dfbf-46bea8abee16-6abcae3b, #w-node-_7c2716a1-2eaa-de9a-dfbf-46bea8abee17-6abcae3b, #w-node-_7c2716a1-2eaa-de9a-dfbf-46bea8abee18-6abcae3b, #w-node-_7c2716a1-2eaa-de9a-dfbf-46bea8abee19-6abcae3b, #w-node-_7c2716a1-2eaa-de9a-dfbf-46bea8abee1a-6abcae3b, #w-node-_7c2716a1-2eaa-de9a-dfbf-46bea8abee1b-6abcae3b, #w-node-b0af53ea-053c-b1dc-4b6c-b17448e97043-6abcae3b, #w-node-_5144f500-f62f-68da-009f-866a286981c7-6abcae3b, #w-node-_623c12ca-b421-eb29-71a2-361a53280270-6abcae3b, #w-node-_44746e38-63e1-ce33-b766-e141f70fc446-6abcae3b {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_7c2716a1-2eaa-de9a-dfbf-46bea8abee43-6abcae3b, #w-node-_7c2716a1-2eaa-de9a-dfbf-46bea8abee81-6abcae3b {
  align-self: center;
}

#w-node-_2c715830-867b-00aa-0bc4-9799741b1c4a-23d7af48, #w-node-_9b2c7e5e-8d1a-2aea-7fa0-6ba5cc4b1761-546914d6, #w-node-a9aa8909-6df0-7222-1fd3-e98bb7e11bb8-546914d6, #w-node-_2cbc3836-0f3d-9039-b2de-05cfc627fe22-546914d6, #w-node-_2cbc3836-0f3d-9039-b2de-05cfc627fe1d-546914d6, #w-node-bb384316-d6ef-2114-cf54-38d80fea5f87-546914d6, #w-node-bb384316-d6ef-2114-cf54-38d80fea5f8c-546914d6, #w-node-b38cd588-037d-ab78-5a23-1b4b3f958712-546914d6, #w-node-b38cd588-037d-ab78-5a23-1b4b3f958713-546914d6, #w-node-_09e0e9ef-b337-fb75-7b03-a7504bfd834b-546914d6, #w-node-e9083bc0-5658-db93-bd11-eef43895b3d0-546914d6, #w-node-d76d4205-a9af-6f4e-de67-ecfcdcdf5c52-546914d6 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_63b614c0-d5ad-9c69-b2c7-433848155fb6-acecfe82 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-_2027d927-6489-3c1b-f08c-a4148ec608f9-acecfe82 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

@media screen and (min-width: 1920px) {
  #w-node-bad56672-916a-2b4b-a597-533411971f04-b5f02133 {
    grid-area: 1 / 1 / 2 / 2;
  }
}

@media screen and (min-width: 1440px) {
  #w-node-_7c2716a1-2eaa-de9a-dfbf-46bea8abee43-b5f02219, #w-node-_7c2716a1-2eaa-de9a-dfbf-46bea8abee43-6abcae3b {
    align-self: center;
  }
}

@media screen and (max-width: 991px) {
  #w-node-_79bc8a06-4900-7df8-d556-465d2d0a7f69-ea290277, #w-node-e4c73fb0-b9b9-d37a-13c1-f6e37626ad56-ea290277 {
    align-self: start;
  }

  #w-node-_63b614c0-d5ad-9c69-b2c7-433848155fb6-acecfe82 {
    grid-area: 2 / 1 / 2 / 2;
  }
}

@media screen and (max-width: 767px) {
  #w-node-_5d8101d0-62cd-b6ad-4d57-36777d8002af-b5f0200f {
    order: -9999;
  }

  #w-node-_689d1ce1-35c3-3fc7-680a-e3099cea2deb-be728c90 {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-ea55102b-c80a-05d7-9c30-d074a104adfe-b5f02071, #w-node-_9d2264d6-d281-8f9b-c169-83b0dcf7cc0b-b5f02071 {
    order: -9999;
  }

  #w-node-_7c2716a1-2eaa-de9a-dfbf-46bea8abf018-b5f02219, #w-node-_7c2716a1-2eaa-de9a-dfbf-46bea8abf01f-b5f02219, #w-node-_7c2716a1-2eaa-de9a-dfbf-46bea8abf026-b5f02219, #w-node-_7c2716a1-2eaa-de9a-dfbf-46bea8abf02d-b5f02219, #w-node-_7c2716a1-2eaa-de9a-dfbf-46bea8abf040-b5f02219, #w-node-_7c2716a1-2eaa-de9a-dfbf-46bea8abf049-b5f02219, #w-node-_7c2716a1-2eaa-de9a-dfbf-46bea8abf0d8-b5f02219, #w-node-_7c2716a1-2eaa-de9a-dfbf-46bea8abf0df-b5f02219, #w-node-_7c2716a1-2eaa-de9a-dfbf-46bea8abf0e6-b5f02219, #w-node-_7c2716a1-2eaa-de9a-dfbf-46bea8abf0ed-b5f02219, #w-node-_7c2716a1-2eaa-de9a-dfbf-46bea8abf100-b5f02219, #w-node-_7c2716a1-2eaa-de9a-dfbf-46bea8abf109-b5f02219 {
    align-self: center;
  }

  #w-node-_18388c72-e546-5b9d-6570-5e3d06b68bf8-b5f02268, #w-node-d5e9a5aa-de09-ffe6-167d-fc7630a43213-b5f02268, #w-node-_43e9b35e-b1bf-6814-9841-16c896bf244f-b5f02268, #w-node-_18388c72-e546-5b9d-6570-5e3d06b68bf8-b5f0227c, #w-node-d5e9a5aa-de09-ffe6-167d-fc7630a43213-b5f0227c, #w-node-_43e9b35e-b1bf-6814-9841-16c896bf244f-b5f0227c, #w-node-_18388c72-e546-5b9d-6570-5e3d06b68bf8-b5f02284, #w-node-_43e9b35e-b1bf-6814-9841-16c896bf244f-b5f02284, #w-node-_18388c72-e546-5b9d-6570-5e3d06b68bf8-b5f02372, #w-node-d5e9a5aa-de09-ffe6-167d-fc7630a43213-b5f02372, #w-node-_43e9b35e-b1bf-6814-9841-16c896bf244f-b5f02372 {
    order: -9999;
  }

  #w-node-_7c2716a1-2eaa-de9a-dfbf-46bea8abf018-6abcae3b, #w-node-_7c2716a1-2eaa-de9a-dfbf-46bea8abf01f-6abcae3b, #w-node-_7c2716a1-2eaa-de9a-dfbf-46bea8abf026-6abcae3b, #w-node-_7c2716a1-2eaa-de9a-dfbf-46bea8abf02d-6abcae3b, #w-node-_7c2716a1-2eaa-de9a-dfbf-46bea8abf040-6abcae3b, #w-node-_7c2716a1-2eaa-de9a-dfbf-46bea8abf049-6abcae3b, #w-node-_7c2716a1-2eaa-de9a-dfbf-46bea8abf0d8-6abcae3b, #w-node-_7c2716a1-2eaa-de9a-dfbf-46bea8abf0df-6abcae3b, #w-node-_7c2716a1-2eaa-de9a-dfbf-46bea8abf0e6-6abcae3b, #w-node-_7c2716a1-2eaa-de9a-dfbf-46bea8abf0ed-6abcae3b, #w-node-_7c2716a1-2eaa-de9a-dfbf-46bea8abf100-6abcae3b, #w-node-_7c2716a1-2eaa-de9a-dfbf-46bea8abf109-6abcae3b {
    align-self: center;
  }

  #w-node-bb384316-d6ef-2114-cf54-38d80fea5f87-546914d6 {
    grid-area: 2 / 1 / 2 / 2;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_5d8101d0-62cd-b6ad-4d57-36777d8002af-b5f0200f {
    order: 9999;
  }

  #w-node-_689d1ce1-35c3-3fc7-680a-e3099cea2deb-be728c90 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_802f364b-50ec-92c1-0116-9708ea290282-ea290277, #w-node-_79bc8a06-4900-7df8-d556-465d2d0a7f69-ea290277 {
    align-self: center;
    justify-self: center;
  }

  #w-node-e4c73fb0-b9b9-d37a-13c1-f6e37626ad56-ea290277 {
    align-self: center;
  }

  #w-node-_802f364b-50ec-92c1-0116-9708ea290287-ea290277 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-ea55102b-c80a-05d7-9c30-d074a104adfe-b5f02071, #w-node-_9d2264d6-d281-8f9b-c169-83b0dcf7cc0b-b5f02071 {
    order: 9999;
  }

  #w-node-dadf9658-9f1a-d472-3a59-4b899133697b-0634b3c8, #w-node-c497a23f-21cd-e811-7d07-5797a6bb862d-0634b3c8, #w-node-_764a948a-9308-a45f-701a-02d1db456806-0634b3c8 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-bbf6a42a-c3b7-171d-98a1-29678e794a4f-0634b3c8, #w-node-_9e58aec7-a6e9-e745-05dd-b8db179565b4-0634b3c8 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    align-self: center;
  }

  #w-node-_581c16d3-4b64-bff8-8725-a854ab9f975d-0634b3c8, #w-node-_1849a524-34e5-6ffb-c487-71518479b5ae-0634b3c8, #w-node-_899b264f-a6b0-7ab2-ab20-8ccb441a8c53-0634b3c8, #w-node-_9ad76394-a19c-ae4e-3035-36a019f7a27b-0634b3c8, #w-node-_8a32db3a-f3ab-5a12-2e5e-c1a44d240f18-0634b3c8, #w-node-_27730616-b03d-ba7e-883d-178d0634b3e2-0634b3c8 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_18388c72-e546-5b9d-6570-5e3d06b68bf8-b5f02268, #w-node-d5e9a5aa-de09-ffe6-167d-fc7630a43213-b5f02268, #w-node-_43e9b35e-b1bf-6814-9841-16c896bf244f-b5f02268, #w-node-_18388c72-e546-5b9d-6570-5e3d06b68bf8-b5f0227c, #w-node-d5e9a5aa-de09-ffe6-167d-fc7630a43213-b5f0227c, #w-node-_43e9b35e-b1bf-6814-9841-16c896bf244f-b5f0227c, #w-node-_18388c72-e546-5b9d-6570-5e3d06b68bf8-b5f02284, #w-node-_43e9b35e-b1bf-6814-9841-16c896bf244f-b5f02284, #w-node-_18388c72-e546-5b9d-6570-5e3d06b68bf8-b5f02372, #w-node-d5e9a5aa-de09-ffe6-167d-fc7630a43213-b5f02372, #w-node-_43e9b35e-b1bf-6814-9841-16c896bf244f-b5f02372 {
    order: 9999;
  }

  #w-node-_9b2c7e5e-8d1a-2aea-7fa0-6ba5cc4b1761-546914d6, #w-node-bb384316-d6ef-2114-cf54-38d80fea5f87-546914d6 {
    grid-area: 2 / 1 / 2 / 2;
  }
}

@font-face {
  font-family: 'Roboto';
  src: url('https://assets.website-files.com/5fe2250e2f83cc02cbfefbcf/653a3ccef6a2ed1863f45c7a_roboto-regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Roboto';
  src: url('https://assets.website-files.com/5fe2250e2f83cc02cbfefbcf/653a3cced1db233f64d40f69_roboto-bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Roboto';
  src: url('https://assets.website-files.com/5fe2250e2f83cc02cbfefbcf/653a3cce079dbdf6f2747f12_roboto-light.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Roboto';
  src: url('https://assets.website-files.com/5fe2250e2f83cc02cbfefbcf/653a3ccf9c49f5f5143435b5_roboto-italic.woff2') format('woff2');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Wonderunitsans';
  src: url('https://assets.website-files.com/5fe2250e2f83cc02cbfefbcf/5fe2250e2f83cc65c6fefd10_WonderUnitSans-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Wonderunitsans';
  src: url('https://assets.website-files.com/5fe2250e2f83cc02cbfefbcf/5fe2250e2f83cc62a1fefd24_WonderUnitSans-Bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Wonderunitsans';
  src: url('https://assets.website-files.com/5fe2250e2f83cc02cbfefbcf/5fe2250e2f83cce4f8fefd3c_WonderUnitSans-Semibold.woff') format('woff');
  font-weight: 600;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'Wonderunitsans';
  src: url('https://assets.website-files.com/5fe2250e2f83cc02cbfefbcf/5fe2250e2f83cc8689fefd25_WonderUnitSans-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'Wonderunitsans';
  src: url('https://assets.website-files.com/5fe2250e2f83cc02cbfefbcf/5fe2250e2f83cc8fabfefd20_WonderUnitSans-Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'Archivo';
  src: url('https://assets.website-files.com/5fe2250e2f83cc02cbfefbcf/5fe2250e2f83cc5ae1fefd1c_Archivo-Bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'Archivo';
  src: url('https://assets.website-files.com/5fe2250e2f83cc02cbfefbcf/5fe2250e2f83ccd484fefd28_Archivo-SemiBold.woff') format('woff');
  font-weight: 600;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'Archivo';
  src: url('https://assets.website-files.com/5fe2250e2f83cc02cbfefbcf/5fe2250e2f83ccde6dfefd3f_Archivo-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'Archivo';
  src: url('https://assets.website-files.com/5fe2250e2f83cc02cbfefbcf/5fe2250e2f83cca46bfefd27_Archivo-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: auto;
}