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-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 8px 6px 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:-ms-input-placeholder, .w-select:-ms-input-placeholder {
  color: #999;
}

.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 {
  margin: 4px 0 0;
  margin-top: 1px \9 ;
  float: left;
  margin-top: 3px;
  margin-left: -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;
  -ms-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;
}

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

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

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

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

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

.w-checkbox-input--inputType-custom {
  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-embed-youtubevideo {
  width: 100%;
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/static/youtube-placeholder.2b05e7d68d.svg");
  background-position: 50%;
  background-size: cover;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  position: relative;
}

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

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

h1 {
  color: #fff;
  letter-spacing: .7px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Canela, sans-serif;
  font-size: 38px;
  font-weight: 300;
  line-height: 44px;
}

h2 {
  color: #fff;
  margin-top: 20px;
  margin-bottom: 10px;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.7;
}

h3 {
  color: #323e48;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Canela, sans-serif;
  font-size: 128px;
  font-weight: 300;
  line-height: 1;
}

h4 {
  color: #323e48;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
}

p {
  color: #323e48;
  margin-bottom: 10px;
  font-family: Montserrat, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.75;
}

a {
  color: #fff;
  font-family: Montserrat, sans-serif;
  font-weight: 400;
  line-height: 1.7;
  text-decoration: none;
}

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

img {
  max-width: 100%;
  padding-right: 40px;
  display: inline-block;
  overflow: visible;
}

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

blockquote {
  border-left: 5px solid #e2e2e2;
  margin-bottom: 10px;
  padding: 10px 20px;
  font-family: Canela, sans-serif;
  font-size: 34px;
  line-height: 1.5;
}

figure {
  margin-bottom: 10px;
}

.header {
  z-index: 500;
  width: 100%;
  max-height: 10vh;
  min-height: 10vh;
  background-color: #323e48;
  border-bottom: 1px solid #fff;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: stretch;
  display: flex;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}

.logowrapper {
  width: auto;
  justify-content: center;
  align-items: center;
}

.navbuttonwrapper {
  width: auto;
  justify-content: center;
  display: flex;
}

.navbuttonwrapper.left {
  width: 90%;
  border-right: 1px #fff;
  flex: 0 auto;
}

.logo {
  height: 25px;
  padding-right: 0;
}

.navbutton {
  width: 100%;
  flex-direction: row;
  align-content: flex-end;
  justify-content: center;
  align-items: center;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.navbutton:hover {
  background-color: #5c7284;
}

.navbuttontext {
  text-align: center;
  font-weight: 600;
}

.navbuttonarrow {
  width: 18px;
  filter: invert();
  margin-left: 12px;
}

.navbuttonarrow.loginbutton {
  margin-left: 10px;
}

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

.arrowwrapper {
  align-items: center;
  display: flex;
}

.hamburgerwrapper, .modal-container {
  display: none;
}

.dropdownlinkwrapper {
  height: 100%;
  cursor: pointer;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.padding10 {
  padding-top: 5px;
  padding-bottom: 5px;
}

.padding10:hover {
  text-decoration: underline;
}

.herotextcontainer {
  max-width: 40%;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  display: flex;
}

.herotextcontainer.max-width {
  max-width: 35%;
}

.herotextcontainer.joor-pay-hero-container.video-container {
  width: 100%;
  max-width: 60%;
  padding-left: 60px;
  padding-right: 60px;
}

.heroh1 {
  margin-bottom: 20px;
  font-family: Canela, sans-serif;
  font-size: 60px;
  font-weight: 100;
  line-height: 1.2;
}

.heroh1.heroh1dk {
  margin-bottom: 30px;
  font-size: 3.9vw;
}

.herobtnwrapper {
  display: none;
}

.herobtnwrapper.is-homepage {
  display: flex;
}

.titlecontainer {
  justify-content: center;
  align-items: center;
  padding-top: 30px;
  padding-bottom: 30px;
}

.titlecontainer.full-width {
  max-width: 100%;
  padding-top: 0;
  padding-bottom: 35px;
}

.titlecontainer.full-width.top-pad {
  padding-top: 60px;
}

.titlecontainer.full-width.no-bottom-pad {
  padding-bottom: 0;
}

.titlecontainer.full-width.nospace-bottom {
  padding-bottom: 20px;
}

.titleh2 {
  color: #323e48;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 0;
  font-family: Canela, sans-serif;
  font-size: 40px;
  font-weight: 300;
  line-height: 1.2;
}

.titleh2.margin-bottom {
  text-align: center;
  margin: 27px 60px 0;
  padding-top: 0;
  padding-left: 60px;
  padding-right: 60px;
}

.titleh2.margin-bottom.mobile-marg.margin-10 {
  padding-bottom: 10px;
}

.titleh2.margin-bottom._01.joor-testimonial {
  margin-top: 26px;
  padding-top: 0;
}

.titleh2.padd-5 {
  padding-bottom: 5px;
}

.titleh2.padd-5.hover {
  transition: color .4s cubic-bezier(.23, 1, .32, 1);
}

.titleh2.padd-5.hover:hover {
  color: #5c7284;
}

.titleh2.margin-bottom {
  text-align: center;
  margin-bottom: 0;
}

.titleh2.margin-bottom.mobile-marg {
  text-align: left;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
}

.titleh2.left-align {
  text-align: left;
}

.smallb {
  font-size: 58px;
}

.smallb.smallb2 {
  font-size: 26px;
}

.resultsparagraph {
  color: #323e48;
  text-align: center;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.7;
}

.resultsparagraph._13pt {
  font-size: 13px;
}

.columnh3 {
  color: #323e48;
  margin-bottom: 20px;
  font-size: 88px;
  line-height: 1;
}

.columnh3._50pt.white {
  font-weight: 100;
}

.columnh3._70pt {
  font-size: 70px;
  line-height: 1.2;
}

.columnsubtext {
  color: #323e48;
  font-family: Montserrat, sans-serif;
  font-size: 20px;
  font-weight: 600;
}

.columnsubtext._16pt {
  font-size: 16px;
}

.columnwrapper {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.columnwrapper.hide {
  display: flex;
}

.columnheader {
  margin-bottom: 40px;
}

.size500 {
  max-width: 510px;
}

.size350 {
  max-width: 350px;
}

.size350._13pt {
  font-size: 13px;
}

.tradewrapper {
  justify-content: space-between;
  align-items: flex-end;
  padding: 20px 40px;
  display: flex;
}

.tradeheading, .tradeheading._70pt {
  font-size: 70px;
}

.tradeheaderwrap {
  align-items: flex-end;
  display: flex;
}

.resultheading {
  color: #40515d;
  text-align: center;
  font-family: Canela, sans-serif;
  font-size: 72px;
  font-weight: 300;
}

.resultheading.resultheading2 {
  font-size: 70px;
}

.tradetext {
  color: #323e48;
  margin-left: 20px;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  font-weight: 600;
}

.button {
  width: auto;
  height: 50px;
  letter-spacing: .8px;
  background-color: #323e48;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding: 16px 30px;
  font-size: 14px;
  font-weight: 500;
  transition: background-color .4s cubic-bezier(.23, 1, .32, 1);
  display: flex;
}

.button:hover {
  background-color: #5c7284;
}

.button.ctabtn {
  width: auto;
  max-width: 270px;
  color: #323e48;
  text-align: center;
  background-color: #fff;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
  font-weight: 600;
  transition: color .4s cubic-bezier(.23, 1, .32, 1), background-color .4s cubic-bezier(.23, 1, .32, 1);
}

.button.ctabtn:hover {
  color: #fff;
  background-color: #5c7284;
}

.button.is-secondary {
  color: rgba(0, 0, 0, 0);
  background-color: rgba(0, 0, 0, 0);
}

.button.is-link {
  color: rgba(0, 0, 0, 0);
  background-color: rgba(0, 0, 0, 0);
  border-style: none;
  padding: .25rem 0;
  line-height: 1;
  text-decoration: none;
}

.button.is-link.is-icon {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
}

.traderow {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  margin-bottom: 60px;
  margin-left: 40px;
  margin-right: 40px;
  display: none;
}

.tradeimagetitle {
  color: #323e48;
  text-align: center;
  font-family: Canela web, sans-serif;
  font-size: 24px;
  font-weight: 300;
  line-height: 1.2;
}

.tradeimagetitle._20px-top-padding {
  margin-top: 20px;
}

.tradeimage {
  width: 100%;
  margin-bottom: 10px;
}

.whyleft {
  width: 50%;
  flex-direction: row;
  justify-content: center;
  align-items: stretch;
  display: flex;
}

.titleh3 {
  align-self: center;
  font-family: Montserrat, sans-serif;
  font-size: 20px;
  font-weight: 600;
}

.quoteparagraph {
  max-width: 60%;
  text-align: center;
  margin-bottom: 0;
  font-family: Canela web, sans-serif;
  font-size: 30px;
  font-weight: 300;
  line-height: 1.5;
}

.quotename {
  color: #323e48;
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 10px;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.7;
}

.quotelogo {
  max-height: 50px;
  min-height: 40px;
  padding-right: 0;
}

.cta {
  height: 100%;
  background-color: #323e48;
  background-image: url("https://assets.website-files.com/60f1b7c4b0443a312b4a7c34/60fb0a43d549d6589c275d99_requestdemo-bkgd%403x.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 140px;
  padding-bottom: 140px;
  display: flex;
  position: relative;
}

.cta.homepage {
  background-image: url("https://assets.website-files.com/60f1b7c4b0443a312b4a7c34/6165c2e70224718ecc3ed048_requestdemo-bkgd.jpg");
  padding-top: 140px;
  padding-bottom: 140px;
}

.cta.market-prep {
  background-image: url("https://assets.website-files.com/60f1b7c4b0443a312b4a7c34/61faae866027d701fbc0a69d_thom-bradley-mwa_nzFpnJw-unsplash.jpg");
}

.cta.financial-page {
  background-image: url("https://assets.website-files.com/60f1b7c4b0443a312b4a7c34/6245ef6fe14e8be213631689_Joor-Financial-CTA-banner-Test.jpg");
}

.ctah2 {
  max-width: 600px;
  text-align: center;
  letter-spacing: .5px;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, .2);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Canela, sans-serif;
  font-size: 53px;
  font-weight: 300;
  line-height: 1.2;
}

.ctah2.xmargin-bottom-30pt {
  margin-bottom: 30px;
  padding-left: 10px;
  padding-right: 10px;
  font-weight: 100;
}

.ctah2.xmargin-bottom-30pt.no-width {
  max-width: none;
  font-weight: 100;
}

.ctah2.xmargin-bottom-30pt.black {
  max-width: 700px;
  color: #40515d;
  text-shadow: none;
}

.ctah2.xmargin-bottom-30pt.black.smallfont {
  color: #40515d;
  font-size: 40px;
}

.ctah2.bottomtext {
  max-width: 900px;
  font-weight: 100;
}

.ctah2.bottomtext.mar {
  margin-bottom: 20px;
}

.ctah2.bottomtext.dark {
  color: #323e48;
}

.footer {
  background-color: #323e48;
  flex-direction: column;
}

.topfooterwrapper {
  border-top: 1px solid #fff;
  justify-content: space-between;
  align-items: stretch;
  padding: 20px 4%;
  display: flex;
}

.footerlogo {
  width: 100%;
  height: 100%;
  max-height: 100px;
  max-width: 262px;
}

.leftfooterwrap {
  width: 100%;
  align-items: flex-end;
  padding-right: 1vw;
  display: flex;
}

.rightfooterwrap {
  align-items: center;
  display: flex;
}

.footermain {
  grid-column-gap: 40px;
  grid-row-gap: 16px;
  border-top: 1px solid #fff;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-items: stretch;
  padding: 40px 4%;
  display: grid;
}

.bottomfooterwrapper {
  height: 100%;
  max-height: 100px;
  min-height: 100px;
  grid-column-gap: 0px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: .5fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.footermaincolumn {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.footermaincolumn.space {
  justify-content: flex-start;
}

.footerh2 {
  margin-top: 0;
  margin-bottom: 30px;
  font-family: Canela, sans-serif;
  font-size: 30px;
  font-weight: 300;
  line-height: 1.7;
}

.footerh2.space-above {
  margin-top: 20px;
  margin-bottom: 20px;
}

.footerlink {
  margin-bottom: 20px;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.22;
}

.footerlink:hover {
  text-decoration: underline;
}

.leftfootergrid {
  border-top: 1px solid #fff;
  display: flex;
}

.rightfootergrid {
  border-top: 1px solid #fff;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.footerbtn {
  width: 100%;
  border-right: 1px solid #fff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.footerbtn:hover {
  text-decoration: underline;
}

.footerbtntext {
  color: #fff;
  text-align: center;
  font-size: 12px;
  line-height: 1.67;
}

.footertext {
  color: #fff;
  text-align: center;
  letter-spacing: 1.75px;
  margin-right: 100px;
  font-family: Montserrat, sans-serif;
  font-size: 11px;
  font-weight: 500;
  line-height: 1.22;
}

.footertext.left {
  text-align: left;
}

.brandline {
  width: 70px;
  height: 1%;
  background-color: #323e48;
  position: absolute;
  top: 15%;
  bottom: 0%;
  left: -23%;
  right: 0%;
}

.titlewrapper {
  border-top: 1px solid #323e48;
  border-bottom: 1px solid #323e48;
  align-items: center;
  display: flex;
}

.titlewrapper.remove-border {
  border-bottom-width: 0;
}

.titlewrapper.no-bor {
  border-bottom-width: 0;
  margin-top: 0;
}

.titlewrapper._01.joor-testimonial {
  padding-top: 0;
}

.titlewrapper._20 {
  padding-bottom: 0;
}

.showgridcard {
  flex-direction: column;
  justify-content: flex-start;
  display: flex;
}

.careershero {
  height: 300px;
  background-color: #000;
  background-image: url("https://assets.website-files.com/60f1b7c4b0443a312b4a7c34/60ff18a011fe75195ebb4df8_careers.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.careersh1 {
  font-family: Canela, sans-serif;
  font-size: 100px;
  font-weight: 100;
  line-height: .98;
}

.careermessage {
  width: 700px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
}

.careermessage._01 {
  width: auto;
}

.careermessage._01._02 {
  margin-left: auto;
  margin-right: auto;
  padding-top: 10px;
}

.careerh2 {
  color: #323e48;
  text-align: center;
  font-family: Canela, sans-serif;
  font-size: 40px;
  font-weight: 300;
  line-height: 1.2;
}

.careerh2.no-mar {
  margin-top: 0;
  margin-bottom: 0;
}

.careercontainer {
  max-width: 816px;
  margin-bottom: 20px;
}

.careerparagraph {
  max-width: 600px;
  text-align: center;
  align-self: center;
  font-family: Montserrat, sans-serif;
}

.careerparagraph.join-joor {
  padding-top: 10px;
  padding-bottom: 10px;
}

.testimonialheader {
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  justify-content: space-between;
  align-items: center;
  padding: 20px 30px 20px 50px;
  display: flex;
}

.testimonialheader.remove-border {
  border-top-width: 0;
  border-bottom-width: 0;
  padding-top: 30px;
  padding-bottom: 30px;
}

.teamsection {
  border-top: 1px solid #000;
  display: flex;
}

.teamleft {
  width: 50%;
}

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

.teamh2 {
  color: #323e48;
  margin-bottom: 20px;
  font-family: Canela, sans-serif;
  font-size: 52px;
  font-weight: 300;
}

.brandleft-wrapper {
  flex-direction: column;
  margin-bottom: 20px;
  position: relative;
}

.brandleft-wrapper._01, .brandleft-wrapper._02, .brandleft-wrapper._03 {
  opacity: 1;
}

.brandleft-wrapper._30pt {
  margin-bottom: 30px;
}

.text-wrapper {
  position: relative;
}

.keymobile {
  display: none;
}

.keymobilewrap {
  flex-direction: column;
  position: relative;
}

.logocontainer {
  width: 10vw;
  border-right: 1px solid #fff;
  justify-content: center;
  align-items: center;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
}

.footercontainer {
  width: 100%;
  display: flex;
}

.html-embed-2 {
  display: none;
}

.contactsection {
  flex-direction: column;
  grid-template-rows: auto auto auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-items: end;
}

.contactsection.book-a-demo-section {
  padding-top: 40px;
  padding-bottom: 40px;
}

.contactsection.pricing-container {
  padding-top: 100px;
  padding-bottom: 100px;
}

.contactleft {
  width: 100%;
  max-width: 450px;
  flex-direction: column;
  align-items: flex-start;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.formwrapper {
  width: 100%;
  height: 100%;
  max-width: none;
}

.gridtopwrapper {
  width: 100%;
  border-bottom: 0 solid #323e48;
  border-left: 1px solid #323e48;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding: 20px 10%;
  display: flex;
}

.gridtopwrapper._01 {
  justify-content: flex-start;
  align-items: center;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
}

.contacth1 {
  color: #323e48;
  font-size: 30px;
  line-height: 1.2;
}

.formparagraph {
  font-size: 10px;
  font-weight: 400;
}

.spanlink {
  color: #323e48;
  font-weight: 400;
  text-decoration: underline;
}

.text-field {
  height: 42px;
  border: 1px solid #323e48;
  margin-bottom: 20px;
  font-family: Montserrat, sans-serif;
}

.text-field::-ms-input-placeholder {
  color: rgba(50, 62, 72, .5);
  font-family: Montserrat, sans-serif;
  font-weight: 400;
  line-height: 1.52;
}

.text-field::placeholder {
  color: rgba(50, 62, 72, .5);
  font-family: Montserrat, sans-serif;
  font-weight: 400;
  line-height: 1.52;
}

.dropmenu-arrow {
  width: 14%;
  justify-content: center;
  align-items: center;
  padding-top: 2px;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: auto;
  right: 0%;
}

.dropmenu-arrow.push-left {
  margin-right: 10px;
}

.selectwrapper {
  z-index: 2;
  max-height: 43px;
  border: 1px solid #000;
  justify-content: flex-end;
  align-items: stretch;
  margin-bottom: 20px;
  font-family: Montserrat, sans-serif;
  font-weight: 400;
  position: relative;
}

.selectwrapper._20margin {
  margin-bottom: 20px;
}

.select-arrow {
  width: 12px;
  position: relative;
}

.select-arrow.faded {
  padding-right: 0;
}

.contacth2 {
  color: #323e48;
  text-align: center;
  margin-top: 0;
  margin-bottom: 30px;
  font-family: Canela, sans-serif;
  font-size: 26px;
  font-weight: 300;
}

.contacth2.reduce-margin {
  margin-bottom: 10px;
}

.contacth2.reduce-margin._26pt {
  text-align: left;
}

.contentwrapper {
  width: 80%;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.flex-list {
  align-items: center;
  margin-bottom: 10px;
  display: flex;
}

.icon-wrapper {
  flex: none;
}

.list-icon {
  height: 22px;
  margin-right: 10px;
}

.p-links {
  color: #323e48;
  text-decoration: underline;
}

.margin {
  margin-bottom: 0;
  margin-left: 10px;
}

.botmargin {
  margin-bottom: 20px;
}

.contacth1wrapper {
  width: 100%;
  max-width: 450px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  margin-left: auto;
  margin-right: auto;
  padding-top: 40px;
  padding-bottom: 40px;
  display: none;
  position: relative;
}

.contactgrid {
  height: 100%;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: .5fr .5fr 1fr;
  grid-template-columns: 1.5fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  justify-items: center;
  display: grid;
  position: relative;
}

.no-scroll {
  overflow: hidden;
}

.no-scroll.hidden {
  display: none;
}

.partnercolumns {
  border-bottom: 1px solid #000;
  display: flex;
}

.partnersleft {
  width: 45%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 100px 20px;
  display: flex;
}

.partnersright {
  width: 100%;
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  grid-template: "."
                 "."
                 "Area"
                 "."
                 "."
                 "."
                 / 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  justify-items: center;
  padding: 100px 60px;
  display: grid;
}

.partnersright._01 {
  width: 55%;
  grid-template-rows: auto auto auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  margin-top: -44px;
}

.partnersright.integrations-page {
  grid-row-gap: 59px;
  grid-template-rows: auto auto auto auto auto auto auto auto auto auto auto auto;
  padding-top: 60px;
}

.partnersh2 {
  color: #323e48;
  margin-top: 0;
  margin-bottom: 40px;
  font-family: Canela, sans-serif;
  font-size: 88px;
  font-weight: 300;
  line-height: 1.1;
}

.partnersh2._300px {
  max-width: 300px;
}

.partnersh2._70pt {
  font-size: 70px;
}

.partnersparagraph {
  margin-bottom: 30px;
}

.partnersleftcontainer {
  max-width: 490px;
}

.industrylogo {
  max-height: 40px;
  padding-right: 0;
}

.industrylogo.large {
  max-height: 50px;
}

.industrylogo.small {
  max-height: 25px;
}

.industrylogo.medium {
  max-height: 30px;
}

.industrylogo.technology-partners-page {
  max-width: 80%;
  margin-left: auto;
  margin-right: auto;
}

.techsection {
  text-align: left;
  border-top: 1px solid #323e48;
  border-bottom: 1px solid #323e48;
  flex-direction: column;
  align-items: center;
  padding: 80px 60px;
  display: flex;
}

.techsection.hidden {
  display: none;
}

.erpright {
  width: 55%;
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  justify-items: center;
  padding: 140px 60px;
  display: grid;
}

.erpcolumns {
  display: flex;
}

.techparagraph {
  max-width: 800px;
  text-align: center;
  margin-bottom: 40px;
}

.techgrid {
  width: 100%;
  max-width: 500px;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  justify-items: center;
  padding-left: 0;
  display: grid;
}

.techgrid.single-row {
  grid-column-gap: 1px;
  grid-row-gap: 1px;
  text-align: left;
  object-fit: fill;
  flex: 0 auto;
  grid-template-rows: 38px;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-flow: row;
  justify-content: stretch;
  margin-left: auto;
  margin-right: auto;
  padding-top: 20px;
  display: none;
}

.abouthero {
  height: 400px;
  background-image: url("https://assets.website-files.com/60f1b7c4b0443a312b4a7c34/61083253556b448580ed96f0_flaunter-LI_8-X9cei0-unsplash%201%403x.png"), linear-gradient(#000, #000);
  background-position: 50%, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: cover, auto;
  justify-content: center;
  align-items: center;
  display: flex;
}

.sectioncolumnwrapper {
  border-bottom: 1px solid #000;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
}

.sectioncolumnwrapper.reverse {
  flex-direction: row-reverse;
}

.sectioncolumnwrapper.reverse.no-pad.full-height {
  margin-top: 0;
  margin-bottom: 0;
}

.sectioncolumnwrapper.border-bot {
  border-bottom: 1px solid #323e48;
  flex-wrap: nowrap;
  align-content: stretch;
  justify-content: flex-start;
  align-items: stretch;
  font-family: Canela, sans-serif;
  display: flex;
}

.sectioncolumnwrapper.no-pad {
  padding-top: 0;
  padding-bottom: 0;
}

.sectioncolumnwrapper.no-pad.full-height {
  justify-content: flex-start;
  align-items: stretch;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 100px;
}

.sectioncolumnwrapper.no-pad.full-height._01, .sectioncolumnwrapper.no-pad.full-height._03 {
  padding-left: 0;
}

.sectioncolumnwrapper.border-top {
  border: 1px solid #000;
}

.sectioncolumnwrapper.border-top._01 {
  padding-top: 0;
  padding-bottom: 0;
}

.sectioncolumnwrapper.border-top.join-joor-page {
  border-top-style: none;
  padding-top: 0;
  padding-bottom: 0;
}

.sectioncolumnwrapper.border-top.join-joor {
  border-style: none solid solid;
  border-color: #000;
  display: none;
}

.sectioncolumnwrapper.border-top.join-joor._01 {
  border-style: none;
}

.sectioncolumnwrapper.border-top.the-power-of-discovery {
  padding-top: 80px;
  padding-bottom: 80px;
}

.sectioncolumnwrapper.joor-pay {
  border-top: 1px #000;
  border-bottom-style: none;
  display: flex;
}

.sectioncolumnwrapper.joor-pay.orb360 {
  display: none;
}

.sectioncolumnwrapper.joor-pay.section-line {
  border-bottom-style: solid;
  padding-top: 40px;
  padding-bottom: 40px;
}

.sectioncolumnwrapper.joor-pay.section-line.buy-now-pay-later {
  padding-top: 100px;
  padding-bottom: 100px;
}

.sectioncolumnwrapper.joor-pay.mobile.border-top-bottom {
  border-top-style: solid;
  border-bottom-style: solid;
  padding-top: 10px;
  padding-bottom: 10px;
}

.sectioncolumnwrapper.partners-page {
  border-bottom-style: none;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.leftcolumn {
  width: 50%;
  justify-content: flex-end;
  align-items: center;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
}

.leftcolumn.no-marg {
  padding-left: 0;
  padding-right: 0;
}

.leftcolumn.mobile {
  align-items: center;
}

.leftcolumn.mobile.padding-20 {
  padding-top: 30px;
  padding-bottom: 30px;
}

.leftcolumn.mobile.padding-20.verticalflex {
  flex-direction: column;
  justify-content: flex-start;
  padding-top: 0;
}

.leftcolumn.order-management-analytics {
  object-fit: contain;
}

.rightcolumn {
  width: 50%;
  color: #323e48;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 40px;
  display: flex;
}

.rightcolumn.padding {
  max-width: none;
  text-align: center;
  flex-direction: row;
  flex: 1;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-self: auto;
  align-items: stretch;
  margin-left: 0;
  margin-right: 0;
  padding: 0 40px;
  display: flex;
}

.rightcolumn.join-joor {
  padding-top: 0;
  padding-bottom: 40px;
}

.textcontainer {
  max-width: 100%;
  text-align: center;
  object-fit: fill;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  line-height: 20px;
  display: flex;
}

.textcontainer.left-align {
  text-align: center;
  justify-content: center;
  align-items: flex-start;
  padding-top: 40px;
  padding-bottom: 30px;
  padding-left: 40px;
}

.textcontainer.left-align._01 {
  text-align: center;
  justify-content: center;
  align-items: flex-start;
  padding-top: 0;
  display: flex;
}

.textcontainer.left-align._01._02 {
  flex: 1;
  padding-left: 220px;
}

.textcontainer.left-align._02, .textcontainer.left-align._03 {
  flex: 1;
  padding-top: 0;
  padding-left: 220px;
}

.textcontainer.about-text {
  width: 80%;
  max-width: 100%;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.abouth2 {
  color: #323e48;
  text-align: center;
  margin-top: 0;
  padding-left: 0;
  padding-right: 0;
  font-family: Canela web, sans-serif;
  font-size: 88px;
  font-weight: 300;
  line-height: 1.2;
}

.abouth2.smaller._70pt {
  text-align: left;
  margin-bottom: 20px;
  padding-top: 20px;
  padding-left: 0;
  font-family: Canela web, sans-serif;
  font-size: 70px;
  font-weight: 300;
}

.abouth2.smaller._70pt._01 {
  width: 100%;
  text-align: left;
  margin-bottom: 20px;
  padding-left: 0;
}

.abouth2.smaller._70pt._01._03 {
  text-align: center;
}

.abouth2.smaller._30pt {
  text-align: left;
  margin-top: 20px;
  margin-bottom: 20px;
  font-size: 30px;
}

.abouth2.align-left {
  text-align: left;
  margin-left: 0;
  padding-right: 0;
  font-size: 70px;
}

.abouth2.align-left._70pt {
  max-width: 406px;
  order: 0;
  align-self: flex-start;
  font-size: 70px;
}

.abouth2.align-left._70pt.join-joor {
  max-width: 560px;
  padding-left: 40px;
  font-size: 60px;
}

.abouth2.align-left._70pt.join-joor.center {
  max-width: 100%;
  text-align: center;
  display: block;
}

.abouth2.align-left._70pt.join-joor._01 {
  max-width: 560px;
}

.abouth2.align-left._70pt.join-joor._01.ch-cap {
  max-width: 10ch;
}

.abouth2.align-left.lily-ai-reverse {
  padding-left: 40px;
}

.abouth2._70pt {
  font-size: 70px;
}

.aboutparagraph.margin-bottom {
  width: 100%;
  text-align: left;
  flex: 0 auto;
  align-self: center;
  margin-bottom: 10px;
  font-style: normal;
}

.aboutparagraph.margin-bottom.integration {
  width: auto;
  max-width: 100%;
  text-align: left;
  object-fit: fill;
  border-left: 1px #000;
  flex: 0 auto;
  align-self: flex-start;
  margin-bottom: 0;
  margin-left: 0;
  display: block;
}

.aboutparagraph.margin-bottom._01 {
  width: 80%;
  max-width: none;
  text-align: left;
  align-self: flex-start;
  margin-bottom: 20px;
}

.aboutparagraph.margin-bottom._01._02 {
  width: 100%;
  max-width: 100%;
  text-align: center;
  padding-left: 100px;
  padding-right: 100px;
  display: inline-block;
}

.aboutparagraph.margin-bottom.home-page-bullet {
  margin-bottom: 10px;
}

.aboutparagraph.add-pad {
  max-width: 100%;
  color: #40515d;
  text-align: left;
  padding-left: 20px;
  padding-right: 20px;
  font-style: normal;
}

.aboutparagraph.align-left {
  text-align: left;
}

.padding30 {
  padding-bottom: 30px;
}

.newshero {
  height: 300px;
  background-image: url("https://assets.website-files.com/60f1b7c4b0443a312b4a7c34/61083cdf61537d3cf80049dd_flaunter-LI_8-X9cei0-unsplash%201%403x.png"), linear-gradient(#000, #000);
  background-position: 50%, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: cover, auto;
  justify-content: center;
  align-items: center;
  display: flex;
}

.newssection {
  width: 100%;
  max-width: 1500px;
  flex-direction: column;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 100px;
  display: flex;
}

.cmsnewscontainer {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-left: 40px;
  padding-right: 40px;
}

.newscard {
  height: 100%;
  min-height: 400px;
  border: 1px solid #323e48;
  padding: 40px;
}

.newsh3 {
  margin-bottom: 20px;
  font-size: 24px;
  line-height: 1.2;
}

.newsdescription {
  margin-bottom: 20px;
  line-height: 1.7;
}

.sourcetext {
  color: #323e48;
  letter-spacing: 1.3px;
  text-transform: uppercase;
  margin-bottom: 20px;
  font-family: Montserrat, sans-serif;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.7;
}

.readmorelink {
  color: #323e48;
  letter-spacing: .8px;
  font-size: 13px;
  font-weight: 600;
}

.readmorelink:hover {
  text-decoration: underline;
}

.filtertext {
  letter-spacing: 1.3px;
  text-transform: uppercase;
  margin-bottom: 40px;
  font-family: Montserrat, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.7;
}

.filtertext.margin-bottom {
  margin-bottom: 0;
}

.filtertext._20bot {
  margin-bottom: 20px;
}

.filtertext._14pt {
  letter-spacing: 0;
  text-transform: none;
  margin-left: 10px;
  font-size: 14px;
}

.filtertext._14pt.remove-margin.rm, .filtertext._11pt.rm {
  margin-bottom: 0;
}

.passportstatssection {
  width: 100%;
  max-width: 1500px;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  text-align: center;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-left: auto;
  margin-right: auto;
  padding-top: 100px;
  padding-bottom: 100px;
  display: grid;
}

.passporth3 {
  font-size: 70px;
  line-height: 1.2;
}

.contacthero {
  height: 300px;
  background-image: url("https://assets.website-files.com/60f1b7c4b0443a312b4a7c34/6109b298a324f90e2a5e5b85_flaunter-LI_8-X9cei0-unsplash%201%403x.png"), linear-gradient(#000, #000);
  background-position: 50%, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: cover, auto;
  justify-content: center;
  align-items: center;
  display: flex;
}

.emailwrapper {
  justify-content: center;
  align-items: center;
  padding-top: 20px;
  padding-bottom: 40px;
  display: flex;
}

.emailcontainer {
  text-align: center;
  flex-direction: column;
  align-items: center;
  padding: 60px 100px;
  display: flex;
}

.contacth3 {
  margin-bottom: 15px;
  font-size: 30px;
  line-height: 1.2;
}

.contacth3.location {
  font-size: 24px;
}

.emaillink {
  color: #323e48;
  font-size: 12px;
  line-height: 1.5;
}

.locationcard {
  flex-direction: column;
  padding: 0;
  display: flex;
}

.locationimage {
  width: 110%;
  height: 78%;
  margin-bottom: 10px;
}

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

.paymenticons {
  max-width: 1440px;
  justify-content: space-around;
  align-items: flex-start;
  margin-left: auto;
  margin-right: auto;
  padding-top: 60px;
  padding-bottom: 60px;
  display: flex;
}

.paymenticons.border-top {
  border-top: 1px solid #000;
}

.iconcard {
  max-width: 250px;
  text-align: center;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.icon {
  width: 132px;
  margin-bottom: 30px;
  padding-left: 20px;
  padding-right: 20px;
}

.iconcardtextwrapper {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.iconcardh3 {
  margin-bottom: 20px;
  font-size: 24px;
}

.quoteicon {
  width: 30px;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-right: 0;
}

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

.rightcontainer {
  flex-direction: column;
  align-items: center;
  display: flex;
}

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

.iconcardh4 {
  font-weight: 400;
}

.iconcardh4._13pt {
  font-size: 13px;
}

.border {
  border-bottom: 1px solid #323e48;
}

.ctacontainer {
  z-index: 2;
  max-width: 870px;
  display: block;
}

.ctacontainer.blog-width {
  max-width: 500px;
}

.ctabg02 {
  background-image: url("https://assets.website-files.com/60f1b7c4b0443a312b4a7c34/6107fd2b48b45cb617df657a_spacejoy-GNs831kqdoM-unsplash%201%403x.png");
}

.instabot {
  z-index: 100000;
  width: 100%;
  height: 50px;
  background-color: #fff;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: auto;
}

.html-embed-3 {
  margin-top: 10px;
  margin-left: 50px;
  margin-right: 50px;
}

.instawrapper {
  position: relative;
}

.brandh4 {
  margin-bottom: 20px;
  font-family: Canela, sans-serif;
  font-size: 24px;
  font-weight: 300;
  line-height: 1.2;
}

.brandh4._20pt {
  font-size: 20px;
}

.brandh4.joor-pay {
  color: #fff;
}

.p-wrapper {
  flex-direction: column;
  align-items: center;
  margin-bottom: 20px;
  display: flex;
}

.p-wrapper._01 {
  padding-top: 0;
}

.slidecount {
  height: 100%;
}

.slidecount._01.joor-testimonial {
  margin-top: 0;
  padding-bottom: 0;
}

.html-embed-4 {
  z-index: 3;
  position: relative;
}

.success-style {
  color: #323e48;
  background-color: #fff;
  padding: 0;
  font-family: Montserrat, sans-serif;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.error-style {
  font-family: Montserrat, sans-serif;
}

.quote-icon-container {
  justify-content: center;
  align-items: center;
  display: flex;
}

.quote-icon-container.quote-img {
  max-width: 20%;
}

.successtext {
  text-align: left;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.2;
}

.successtext._30pt {
  margin-bottom: 0;
  padding-bottom: 20px;
  padding-left: 50px;
  font-family: Canela, sans-serif;
  font-size: 30px;
  font-weight: 300;
}

.successtext.heading {
  margin-top: 100px;
  margin-bottom: 0;
  padding-bottom: 0;
  padding-left: 100px;
  font-family: Canela, sans-serif;
  font-size: 52px;
  font-weight: 300;
}

.successtext.foot {
  padding-left: 50px;
  line-height: 1.2;
}

.form-block {
  margin-bottom: 40px;
}

.form-block.formpage {
  max-width: 100%;
  align-self: center;
  align-items: center;
  margin-top: 40px;
  padding-left: 500px;
  padding-right: 500px;
  display: block;
}

.form-block.formpage.padding30 {
  max-width: 500px;
  min-width: 0;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
}

.form-block.notification {
  padding-left: 0;
}

.contacth1-desktop {
  padding-right: 0;
}

.mobile-image {
  max-width: 100%;
}

.leadershiphero {
  height: 300px;
  background-color: #000;
  background-image: url("https://assets.website-files.com/60f1b7c4b0443a312b4a7c34/6116c566b43c3809c77a7b89_flaunter-LI_8-X9cei0-unsplash%201%403x.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  justify-content: center;
  align-items: center;
  display: flex;
}

.teamcard {
  width: 100%;
  max-width: 980px;
  justify-content: space-between;
  margin-left: auto;
  margin-right: auto;
  padding-top: 60px;
  padding-bottom: 60px;
  display: flex;
}

.teamimg {
  width: 400px;
  height: 400px;
}

.teaminfowrapper {
  width: 100%;
  max-width: 500px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 50px;
  display: flex;
}

.teamh3 {
  margin-bottom: 10px;
  font-size: 24px;
  line-height: 1.2;
}

.teamh4 {
  text-transform: uppercase;
  margin-bottom: 20px;
  font-size: 14px;
  font-weight: 500;
}

.teamparagraph {
  font-size: 13px;
}

.columnhero {
  display: flex;
}

.herocolumn-img {
  width: 100%;
  height: 500px;
  object-fit: cover;
  padding-right: 0;
  overflow: hidden;
}

.herocolumn-img.small {
  width: 100%;
  height: 100%;
  max-height: 275px;
  object-fit: cover;
  margin-left: 0;
  margin-right: 0;
}

.img-container {
  width: 50%;
}

.img-container.cmssection {
  justify-content: flex-end;
  padding-top: 60px;
  padding-bottom: 60px;
  display: flex;
}

.right-container {
  width: 50%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 30px;
  display: flex;
}

.right-container.push-left {
  align-items: flex-start;
  padding-left: 40px;
}

.flex-container {
  max-width: 520px;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.cmsheroh1 {
  color: #323e48;
  margin-bottom: 25px;
  font-family: Canela, sans-serif;
  font-size: 50px;
  font-weight: 100;
  line-height: .98;
}

.cmsherotopic {
  color: #323e48;
  letter-spacing: 1.3px;
  text-transform: uppercase;
  margin-bottom: 25px;
  font-family: Montserrat, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.7;
}

.cmsinsights {
  position: relative;
}

.filterdiv {
  border-top: 1px solid #323e48;
  border-bottom: 1px solid #323e48;
  justify-content: center;
  padding-top: 30px;
  padding-bottom: 30px;
  display: flex;
}

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

.cmsarticleh2 {
  color: #323e48;
  margin-top: 0;
  margin-bottom: 20px;
  font-family: Canela web, sans-serif;
  font-size: 24px;
  font-weight: 300;
  line-height: 1.2;
}

.cmsarticleh2.max-width {
  max-width: 450px;
}

.dropdown-item {
  z-index: 200;
  width: 250px;
  height: 40px;
  border: 1px solid #323e48;
  align-items: center;
  font-family: Montserrat, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.52;
  display: flex;
  position: relative;
}

.selecttext {
  text-transform: uppercase;
  margin-left: 12px;
}

.dropdown-wrapper {
  cursor: pointer;
  margin-left: 30px;
  position: relative;
}

.dropdown-menuwrapper {
  z-index: 200;
  width: 100%;
  background-color: #fff;
  border: 1px solid #323e48;
  padding: 0;
  position: absolute;
  top: 39px;
  bottom: auto;
  left: 0%;
  right: 0%;
  overflow: hidden;
}

.blogsection {
  max-width: 800px;
  flex-direction: column;
  align-items: flex-start;
  margin-left: auto;
  margin-right: auto;
  padding-top: 70px;
  display: flex;
}

.blogsection.centered {
  align-items: center;
}

.blogsection.press-realese {
  border-bottom: 1px solid #000;
}

.blogline {
  width: 100%;
  height: 1px;
  background-color: #323e48;
  margin-bottom: 60px;
}

.blogimg {
  width: 100%;
  min-height: 0;
  object-fit: contain;
  margin: auto;
  display: block;
}

.blogrichtext {
  width: 100%;
  color: #323e48;
  margin-bottom: 40px;
  padding-bottom: 40px;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  font-weight: 400;
}

.blogrichtext h2 {
  color: #323e48;
  margin-top: 0;
  margin-bottom: 10px;
  font-family: Canela, sans-serif;
  font-size: 34px;
  font-weight: 300;
  line-height: 1.5;
}

.blogrichtext p {
  margin-bottom: 20px;
  font-size: 14px;
}

.blogrichtext h3 {
  font-size: 24px;
}

.blogrichtext h1 {
  color: #323e48;
  font-size: 60px;
  line-height: 1.2;
}

.blogrichtext h4 {
  font-weight: 400;
  line-height: 1.7;
}

.blogrichtext a {
  color: #1500ff;
  text-decoration: underline;
}

.blogrichtext.bottom-border {
  border-bottom: 1px solid #323e48;
  display: none;
}

.blogrichtext ul {
  font-size: 14px;
  line-height: 1.75;
}

.blogh1 {
  color: #323e48;
  margin-bottom: 20px;
  font-family: Canela, sans-serif;
  font-size: 50px;
  font-weight: 100;
  line-height: 1.1;
}

.blogh1._30-bot {
  margin-bottom: 30px;
}

.blogh1.centered {
  text-align: center;
  margin-bottom: 60px;
}

.blogcta {
  width: 100%;
  max-width: 800px;
  border-top: 1px solid #323e48;
  border-bottom: 1px solid #323e48;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding-top: 60px;
  padding-bottom: 60px;
  display: flex;
}

.blogcta.no-borders {
  border-top-style: none;
  border-top-width: 0;
  border-bottom-width: 0;
  padding-top: 0;
}

.trendwrapper {
  justify-content: space-between;
  align-items: flex-end;
  padding: 30px 40px;
  display: flex;
}

.trendwrapper.mobile {
  border-top: 1px solid #323e48;
  display: none;
}

.trendrow {
  grid-column-gap: 20px;
  grid-row-gap: 50px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 60px;
  margin-left: 40px;
  margin-right: 40px;
  display: grid;
}

.tagwrapper {
  max-width: 800px;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding-top: 60px;
  padding-bottom: 60px;
  display: flex;
}

.blogitalic {
  font-family: Canela, sans-serif;
  font-size: 20px;
  font-style: italic;
  font-weight: 400;
  line-height: 1.1;
}

.taglist {
  margin-left: 15px;
  display: flex;
}

.tagcontainer {
  height: 35px;
  align-items: center;
  display: flex;
}

.blogtagtext {
  letter-spacing: 1.3px;
  text-transform: uppercase;
  font-family: Montserrat, sans-serif;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.7;
}

.tagtextdiv {
  margin-right: 8px;
  display: flex;
}

.blogcomma {
  letter-spacing: 1.3px;
  text-transform: uppercase;
  font-family: Montserrat, sans-serif;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.7;
}

.trendimagetitle {
  color: #323e48;
  font-family: Canela web, sans-serif;
  font-size: 24px;
  font-weight: 300;
  line-height: 1.2;
}

.trendimage {
  width: 100%;
  height: 100%;
  object-fit: cover;
  margin-bottom: 10px;
  padding-right: 0;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
  overflow: hidden;
}

.linkblock {
  width: 480px;
  height: 275px;
  border: 1px solid #323e48;
  justify-content: center;
  align-items: stretch;
  display: flex;
  overflow: hidden;
}

.contact-collection {
  max-width: 1400px;
  grid-column-gap: 20px;
  grid-row-gap: 60px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 80px;
  padding-left: 20px;
  padding-right: 20px;
  display: grid;
}

.filter-wrapper {
  grid-row-gap: 30px;
  background-color: #fff;
  flex-direction: column;
  align-items: flex-start;
  padding: 15px 5px 15px 15px;
  display: flex;
}

.filter-button {
  z-index: 201;
  width: 20px;
  height: 20px;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #323e48;
  padding: 0;
  position: relative;
}

.filterbuttonwrapper {
  padding-top: 5px;
  padding-bottom: 5px;
  display: flex;
  position: relative;
}

.filterbuttonwrapper._50-margin {
  margin-left: 50px;
}

.filterbuttonwrapper._40-margin {
  margin-left: 40px;
}

.check-icon {
  height: 12px;
  padding-right: 0;
  position: absolute;
  top: 11px;
  bottom: 0%;
  left: 3px;
  right: auto;
}

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

.typefilter {
  color: #323e48;
  letter-spacing: 1.3px;
  text-transform: uppercase;
  font-family: Montserrat, sans-serif;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.7;
  display: none;
}

.filter-container {
  align-items: center;
  display: flex;
}

.typecms {
  display: none;
}

.filter-by-type {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding-top: 30px;
  padding-bottom: 30px;
  display: flex;
}

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

.readmore-wrapper {
  justify-content: space-between;
  align-items: flex-end;
  padding: 30px 40px;
  display: flex;
}

.readmore-wrapper.mobile {
  width: 100%;
  max-width: 1500px;
  margin-left: auto;
  margin-right: auto;
}

.readmore-header {
  align-items: flex-end;
  display: flex;
}

.readmore-heading3 {
  text-align: right;
  letter-spacing: 1.3px;
  text-transform: uppercase;
  font-family: Montserrat, sans-serif;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.7;
}

.readmore-heading2 {
  color: #323e48;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Canela web, sans-serif;
  font-size: 88px;
  font-weight: 300;
  line-height: 1;
}

.readmore-section {
  border-top: 1px solid #323e48;
  padding-bottom: 120px;
}

.readmore-grid {
  width: 100%;
  max-width: 1500px;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.cta-logos {
  border-top: 1px solid #323e48;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 100px;
  padding-bottom: 100px;
  display: flex;
}

.logosh2 {
  max-width: 938px;
  color: #323e48;
  text-align: center;
  margin-top: 0;
  margin-bottom: 90px;
  font-family: Canela, sans-serif;
  font-size: 40px;
  font-weight: 300;
  line-height: 1.2;
}

.logos-grid {
  width: 100%;
  max-height: 60px;
  max-width: 1000px;
  min-height: 40px;
  grid-column-gap: 40px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-content: center;
  justify-content: stretch;
  align-items: center;
  justify-items: center;
  margin-bottom: 70px;
  display: grid;
}

.logos-height {
  max-height: 40px;
  padding-right: 0;
}

.logos-height.percent {
  width: 65%;
  max-height: 100%;
}

.logos-height.percent.lower {
  width: 40%;
}

.stats-section {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.stats-sect {
  width: 100%;
  max-width: 1000px;
  grid-column-gap: 139px;
  grid-row-gap: 16px;
  text-align: center;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  padding: 30px 40px 60px;
  display: grid;
}

.stats-sect._4-col {
  grid-template-columns: 1fr 1fr 1fr;
  margin-top: 41px;
  padding-bottom: 30px;
}

.stat-p {
  max-width: 180px;
}

.stat-p.no-width {
  max-width: none;
}

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

.logogrid-wrapper {
  border: 1px solid #000;
  border-bottom-style: none;
  padding: 30px 0;
}

.grid-logos {
  width: 100%;
  max-width: 1500px;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  justify-items: center;
  margin-left: auto;
  margin-right: auto;
  padding-left: 40px;
  padding-right: 40px;
  display: grid;
}

.stath3 {
  margin-bottom: 10px;
  font-size: 100px;
}

.stath3._70pt {
  font-size: 70px;
}

.stath4 {
  line-height: 1.7;
}

.res-left-column {
  width: 50%;
  justify-content: center;
  align-items: stretch;
  display: flex;
}

.res-image {
  width: 100%;
  height: 100%;
  -webkit-text-fill-color: inherit;
  object-fit: cover;
  background-color: rgba(0, 0, 0, 0);
  background-image: none;
  background-size: auto;
  background-clip: border-box;
  flex: 0 auto;
  margin-left: 0;
  overflow: hidden;
}

.navh1 {
  font-family: Canela, sans-serif;
  font-size: 42px;
  font-weight: 100;
  line-height: 1.7;
}

.size400 {
  max-width: 400px;
}

.size400._13pt {
  font-size: 13px;
  font-weight: 500;
  line-height: 2;
}

.size400._15pt {
  font-size: 15px;
}

.left-grid-column {
  width: 100%;
  height: auto;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-left: 20px;
  margin-right: 20px;
  padding-top: 0;
  padding-bottom: 50px;
  display: flex;
}

.left-grid-column.revolutionary-retail {
  padding-top: 100px;
  padding-bottom: 100px;
}

.right-grid-column {
  z-index: 10;
  width: 100%;
  height: 100vh;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  display: flex;
  position: relative;
}

.right-grid-column.reverse {
  height: auto;
  align-items: flex-start;
}

.right-grid-column.hide {
  display: none;
}

.right-grid-column.brand-impact--img {
  height: auto;
}

.grid-columns {
  height: 100%;
  justify-content: center;
  display: flex;
  position: static;
  top: 0;
  overflow: hidden;
}

.grid-columns.reverse {
  background-color: #fff;
  flex-direction: row-reverse;
}

.grid-columns.reverse.reverse2, .grid-columns.line-bottom {
  border-bottom: 1px solid #e0e0e0;
}

.fit-image {
  width: auto;
  height: auto;
  max-height: none;
  max-width: none;
  justify-content: flex-end;
  align-items: center;
  position: absolute;
}

.fit-image._01 {
  justify-content: flex-end;
  align-items: center;
}

.fit-image._02 {
  justify-content: center;
}

.fit-image._04 {
  background-color: #fff;
}

.fit-image._01-ret {
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 0 0;
  background-size: auto;
}

.fit-image._04-ret {
  width: 100%;
  height: 100%;
  max-height: 800px;
  max-width: 800px;
}

.blogcard {
  display: flex;
}

.blogcard.border {
  position: relative;
}

.hero-paragraph {
  color: #fff;
  margin-top: 0;
  margin-bottom: 20px;
  font-size: 15px;
  line-height: 1.7;
}

.hero-paragraph.hero-p-larger {
  margin-bottom: 30px;
  font-size: 20px;
}

.blog-image-wrapper {
  width: 100%;
  max-height: 620px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  margin-bottom: 40px;
  overflow: hidden;
}

.nav-link {
  color: #fff;
  font-family: Montserrat, sans-serif;
  line-height: 1.7;
}

.nav-link.bold {
  font-weight: 600;
}

.nav-link-wrapper {
  height: 100%;
  align-items: center;
  padding-left: 5px;
  padding-right: 5px;
  display: flex;
}

.nav-link-wrapper:hover {
  border-bottom: 4px solid #fff;
  padding-top: 4px;
}

.footer-header02 {
  margin-top: 0;
  margin-bottom: 12px;
  margin-left: 60px;
  font-family: Canela, sans-serif;
  font-size: 24px;
  font-weight: 100;
  line-height: 1.25;
}

.rem-marg {
  margin-bottom: 0;
}

.teamcard-wrapper {
  border-bottom: 1px solid #323e48;
}

.flex-filter-wrapper {
  display: flex;
}

.hero-slider {
  width: 100%;
  height: 100%;
  max-width: 100vw;
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 0 0;
  background-size: auto;
}

.hero-slide._01 {
  object-fit: fill;
  background-image: url("https://assets.website-files.com/60f1b7c4b0443a312b4a7c34/6425c0d10e2ae73b2945c0be_img%201_web.webp"), linear-gradient(#fff, #fff);
  background-position: 65%, 0 0;
  background-size: cover, auto;
  background-attachment: fixed, scroll;
}

.hero-slide._02 {
  background-image: url("https://assets.website-files.com/60f1b7c4b0443a312b4a7c34/6425c0d09f38fafee23bad5d_img%203_web.webp");
  background-position: 65%;
  background-repeat: repeat;
  background-size: cover;
}

.hero-slide._03 {
  background-image: url("https://assets.website-files.com/60f1b7c4b0443a312b4a7c34/644942fb3600ecd040fa62cf_Home%20Page%20header%20slider.webp");
  background-position: 65%;
  background-repeat: no-repeat;
  background-size: cover;
}

.hero-slide._04 {
  text-shadow: 0 1px 1px rgba(0, 0, 0, .2);
  background-image: url("https://assets.website-files.com/60f1b7c4b0443a312b4a7c34/6425c0d093cc7b5229ed6a78_6_web.webp");
  background-position: 65%;
  background-size: cover;
  overflow: visible;
}

.hero-slide._05 {
  background-image: url("https://assets.website-files.com/60f1b7c4b0443a312b4a7c34/6425c0d115eb073b097eb6c8_img%202_web.webp");
  background-position: 65%;
  background-repeat: repeat;
  background-size: cover;
}

.invert-nav-dots {
  display: none;
}

.hero-section-home {
  height: 90vh;
  position: relative;
}

.hero-section-home.hero-section-home-smaller {
  height: 70vh;
}

.dropdown {
  z-index: 200;
  height: 100%;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin-left: 0;
  margin-right: 0;
  display: flex;
}

.icon-2 {
  filter: invert();
  margin: 0 0 0 8px;
  position: static;
  top: 50%;
  bottom: -50%;
  left: auto;
  right: -43%;
}

.dropdown-toggle {
  z-index: 301;
  height: 100%;
  align-items: center;
  padding: 0 5px;
  display: flex;
  position: relative;
}

.dropdown-toggle:hover {
  border-bottom: 4px solid #fff;
  padding-top: 4px;
}

.dropmenu {
  z-index: 301;
  width: 200px;
  justify-content: flex-start;
}

.dropmenu.w--open {
  height: 150px;
  max-height: 150px;
  background-color: #323e48;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
  top: 10vh;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.dropmenu-bg {
  width: 100vw;
  max-height: 150px;
  background-color: #323e48;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  align-items: center;
  padding-left: 40px;
  display: flex;
  position: fixed;
  top: 10vh;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.droplinks {
  z-index: 103;
  width: 200px;
  flex-direction: column;
  padding-left: 10px;
  display: flex;
}

.brand-logo {
  width: 120px;
  margin: 10px 20px;
  padding: 0;
}

.insight-link-wrapper {
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.collection-list-wrapper-2 {
  padding-bottom: 100px;
}

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

.news-button, .press-button {
  z-index: 201;
  width: 20px;
  height: 20px;
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #323e48;
  padding: 0;
  position: relative;
}

.hidden-title {
  display: none;
}

.page-hero-flex {
  z-index: 2;
  width: 100%;
  height: 100%;
  text-align: left;
  object-fit: contain;
  flex-wrap: nowrap;
  flex: 1;
  align-self: auto;
  padding: 40px;
  display: flex;
  position: absolute;
}

.page-hero-flex.no-absolute {
  position: static;
}

.page-hero-flex.page-hero-flex2 {
  padding-left: 100px;
}

.marq-wrapper {
  width: 100%;
  align-items: center;
  padding-top: 60px;
  padding-bottom: 60px;
  display: flex;
  overflow: hidden;
}

.marq-container {
  align-items: center;
  display: flex;
}

.marq-h2 {
  color: #323e48;
  white-space: nowrap;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 1vw;
  font-family: Canela, sans-serif;
  font-size: 4.5vw;
  font-weight: 300;
  line-height: 1;
  display: inline-block;
}

.small {
  margin-left: 1vw;
  margin-right: 1vw;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 3vw;
  display: inline-block;
}

.outer {
  width: 100%;
  padding-top: 60px;
  padding-bottom: 60px;
  overflow: hidden;
}

.inner {
  align-items: center;
  display: flex;
}

.trust-logo {
  height: 3vw;
  margin-right: 8vw;
  padding-right: 20px;
}

.result-wrapper {
  max-height: 800px;
  max-width: none;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.right-col {
  width: 50%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.right-col.stats {
  padding-top: 100px;
  padding-bottom: 100px;
}

.stat-cont {
  margin-bottom: 40px;
}

.stat-cont.no-marg {
  margin-bottom: 0;
}

.why-text {
  flex-direction: column;
  margin-bottom: 10px;
  position: relative;
}

.whyh4 {
  margin-bottom: 10px;
  font-family: Canela web, sans-serif;
  font-size: 24px;
  font-weight: 300;
  line-height: 1.2;
}

.whyh4._20pt {
  font-size: 20px;
}

.marquee-outer {
  width: 100%;
  padding-top: 40px;
  padding-bottom: 40px;
  overflow: hidden;
}

.marquee-outer.marquee-bottom {
  border-bottom: 1px solid #000;
}

.brand-values {
  width: 100%;
  height: auto;
  max-width: none;
  min-height: 900px;
  grid-column-gap: 0px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr minmax(.5px, .5px);
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
}

.retail-therapy {
  width: 100%;
  height: auto;
  max-width: none;
  min-height: 600px;
  grid-column-gap: 0px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr minmax(.5px, .5px);
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
}

.nav-buttons {
  width: 30vw;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex: 1;
  justify-content: space-between;
  margin-left: 0;
  margin-right: 20px;
  display: flex;
}

.nav-buttons.demo-shop-now {
  width: 35vw;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: none;
  justify-content: flex-end;
  margin-right: 20px;
}

.nav-wrapper {
  width: 55vw;
  border-right: 1px #fff;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-around;
  align-items: center;
  justify-items: center;
  display: flex;
}

.nav-link-container {
  width: 100%;
  height: 100%;
  flex: 0 auto;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-around;
  align-items: center;
  justify-items: center;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.hero-title {
  border-bottom: 1px solid #323e48;
  justify-content: center;
  align-items: center;
  padding: 100px 40px;
  display: flex;
}

.case-h1 {
  max-width: 900px;
  color: #323e48;
  text-align: center;
  font-family: Canela, sans-serif;
  font-size: 40px;
  line-height: 1.2;
}

.hero-bg-img-desk {
  width: 100%;
  max-height: 80vh;
  clear: none;
  -webkit-text-fill-color: inherit;
  object-fit: cover;
  background-image: none;
  background-repeat: repeat;
  background-size: auto;
  background-clip: border-box;
  flex: none;
  align-self: auto;
  padding-right: 0;
  position: static;
  overflow: hidden;
}

.hero-bg-img-desk.hidden {
  display: none;
}

.hero-bg-img-desk._01 {
  width: 100%;
  max-height: none;
  max-width: none;
  object-fit: contain;
  flex: 1;
  padding-right: 0;
  position: static;
}

.hero-bg-img-desk.joor-pay {
  height: auto;
  max-height: 50rem;
  min-height: auto;
  object-fit: cover;
  background-color: #000;
  background-image: none;
  padding-top: 0;
  padding-right: 0;
  overflow: hidden;
}

.hero-bg-img-desk.brands-page, .hero-bg-img-desk.retailers-page {
  object-fit: cover;
  padding-right: 0;
  overflow: hidden;
}

.hero-bg-img-desk.virtual-showrooms-page, .hero-bg-img-desk.financial-page {
  padding-right: 0;
}

.btn-light {
  height: 50px;
  text-align: center;
  letter-spacing: .8px;
  text-transform: capitalize;
  white-space: nowrap;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #fff;
  justify-content: center;
  align-items: center;
  margin-left: 0;
  padding: 16px 20px;
  font-weight: 500;
  line-height: 1.2;
  transition: background-color .3s cubic-bezier(.23, 1, .32, 1);
  display: flex;
}

.btn-light:hover {
  background-color: #5c7284;
}

.btn-light.margin-left {
  margin-left: 20px;
}

.btn-light.margin-left.w--current, .btn-light.brand-page {
  margin-left: 0;
}

.btn-light.footer-btn {
  width: 200px;
}

.btn-light.hero-margins {
  margin-right: 20px;
  display: flex;
}

.btn-dark {
  height: 50px;
  text-align: center;
  letter-spacing: .8px;
  text-transform: capitalize;
  background-color: #323e48;
  border: 1px solid rgba(0, 0, 0, 0);
  justify-content: center;
  align-items: center;
  margin-left: 39px;
  padding: 16px 30px;
  font-weight: 500;
  line-height: 1.2;
  transition: background-color .3s cubic-bezier(.23, 1, .32, 1);
  display: flex;
}

.btn-dark:hover {
  background-color: #5c7284;
}

.btn-dark.right {
  margin-left: auto;
}

.btn-dark.right.request-a-demo-page {
  margin-right: auto;
  padding-left: 60px;
  padding-right: 60px;
}

.btn-dark._011 {
  margin-left: 120px;
  margin-right: 120px;
}

.btn-dark.case-study {
  margin-left: 40px;
  margin-right: 0;
}

.btn-dark.hide-on-desktop {
  display: none;
}

.btn-dark.ol {
  justify-content: center;
  margin-bottom: 40px;
  margin-left: auto;
  position: static;
}

.btn-dark.webinar {
  width: 50%;
  margin-bottom: 40px;
  margin-left: auto;
  margin-right: auto;
}

.btn-dark.financial-page {
  text-align: center;
  margin-left: 0;
}

.btn-dark.hero-margins {
  justify-content: center;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  display: flex;
}

.btn-dark.joor-pay.book-meeting {
  margin-top: 20px;
  padding-left: 45px;
  padding-right: 45px;
}

.btn-white-bg {
  height: 50px;
  color: #323e48;
  text-align: center;
  letter-spacing: .8px;
  text-transform: capitalize;
  background-color: #fff;
  border: 1px solid #323e48;
  justify-content: center;
  align-items: center;
  padding: 16px 30px;
  font-weight: 500;
  line-height: 1.2;
  transition: background-color .3s cubic-bezier(.23, 1, .32, 1);
  display: block;
}

.btn-white-bg:hover {
  color: #fff;
  background-color: #5c7284;
}

.hero-bg-img-mobile {
  background-image: none;
  display: none;
}

.cta-wrapper {
  justify-content: space-between;
  align-items: center;
}

.cta-wrapper.blog {
  border-top: 1px solid #323e48;
  border-bottom: 1px solid #323e48;
  margin-bottom: 40px;
  display: none;
}

.cta-header {
  border-top: 1px solid #000;
  border-bottom: 1px solid #b8b8b8;
  justify-content: space-between;
  align-items: center;
  padding: 30px 40px;
  display: flex;
  overflow: hidden;
}

.quote-slide {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 40px;
  padding-bottom: 60px;
  display: flex;
}

.quote-slide._01 {
  padding-bottom: 40px;
  display: flex;
}

.quote-slide.joor-testimonial {
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 40px;
}

.slide-nav-2 {
  display: none;
}

.left-arrow, .right-arrow {
  display: flex;
}

.arrow-icon-left {
  width: 50px;
  position: absolute;
  top: 50%;
  bottom: auto;
  left: auto;
  right: 0%;
  transform: translate(0, -50%)rotate(180deg);
}

.arrow-icon-right {
  width: 50px;
  display: block;
  position: absolute;
  top: 50%;
  bottom: auto;
  left: 0%;
  right: auto;
  transform: translate(0, -50%);
}

.html-embed-6 {
  display: none;
}

.slider {
  height: 100%;
  background-color: #fff;
  border-bottom: 1px solid #323e48;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
}

.slider.remove-border {
  border-bottom-width: 0;
}

.hero-wrapper {
  align-items: flex-start;
  display: flex;
  position: relative;
}

.hero-wrapper.market-prep {
  object-fit: fill;
}

.hero-wrapper.no-img {
  background-image: radial-gradient(circle, #323e48 2%, #000 53%);
  padding-top: 60px;
  padding-bottom: 54px;
}

.retail-img-01 {
  width: 100%;
  height: 100%;
  max-width: 100%;
  background-color: #fff;
  background-image: none;
  background-size: auto;
  display: block;
  overflow: visible;
}

.retail-vid-01, .retail-vid-02, .retail-vid-03 {
  width: 100%;
  height: 100%;
  display: none;
}

.showroom-vid-01 {
  width: 100%;
  height: 100%;
  display: block;
}

.showroom-img-01 {
  width: 100%;
  height: 100%;
  display: none;
}

.showroom-vid-02 {
  width: 100%;
  height: 100%;
}

.showroom-img-02 {
  width: 100%;
  height: 100%;
  display: none;
}

.showroom-vid-03 {
  width: 100%;
  height: 100%;
  display: block;
}

.showroom-img-03 {
  width: 100%;
  height: 100%;
  display: none;
}

.card-upper {
  width: 100%;
  min-height: 530px;
  object-fit: fill;
  border: 1px solid #323e48;
  margin-bottom: 10px;
  position: relative;
}

.caseheading {
  color: #323e48;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Canela, sans-serif;
  font-size: 70px;
  font-weight: 300;
}

.casesection {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding-bottom: 0;
}

.casewrapper {
  justify-content: space-between;
  align-items: flex-end;
  padding: 30px 40px;
  display: flex;
}

.casewrapper.mobile {
  border-top: 1px solid #323e48;
}

.caserow {
  grid-column-gap: 20px;
  grid-row-gap: 50px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-content: stretch;
  justify-items: stretch;
  margin-bottom: 60px;
  margin-left: 40px;
  margin-right: 40px;
  display: grid;
}

.caseimagetitle {
  color: #323e48;
  font-family: Canela web, sans-serif;
  font-size: 24px;
  font-weight: 300;
  line-height: 1.2;
}

.loadmore {
  height: 50px;
  color: #323e48;
  text-align: center;
  letter-spacing: .8px;
  text-transform: capitalize;
  background-color: #fff;
  border: 1px solid #323e48;
  justify-content: center;
  align-items: center;
  padding: 16px 30px;
  font-weight: 500;
  transition: background-color .3s cubic-bezier(.23, 1, .32, 1);
  display: flex;
}

.loadmore:hover {
  color: #fff;
  background-color: #5c7284;
}

.loadmore-press {
  height: 50px;
  color: #323e48;
  text-align: center;
  letter-spacing: .8px;
  text-transform: capitalize;
  background-color: #fff;
  border: 1px solid #323e48;
  justify-content: center;
  align-items: center;
  padding: 16px 30px;
  font-weight: 500;
  transition: background-color .3s cubic-bezier(.23, 1, .32, 1);
  display: flex;
}

.loadmore-press:hover {
  color: #fff;
  background-color: #5c7284;
}

.case-studies-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  padding-right: 0;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
  overflow: hidden;
}

.demoh1 {
  color: #323e48;
  letter-spacing: 0;
  font-size: 30px;
  font-weight: 300;
  line-height: 20px;
}

.demoh1._01 {
  min-height: 10px;
  min-width: 40px;
  padding-top: 21px;
  padding-bottom: 13px;
  line-height: 35px;
  display: block;
}

.demoh1._01._1 {
  min-width: 70px;
  margin-top: 100px;
  padding-bottom: 10px;
  padding-left: 50px;
  font-size: 50px;
}

.smalltext {
  font-family: Montserrat, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.2px;
  display: inline;
}

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

.center-paragraph.para-margin-20 {
  margin-bottom: 20px;
}

.text-span {
  font-size: 35px;
}

.integration-subtitle {
  text-align: center;
  font-family: Canela, sans-serif;
  font-size: 30px;
  font-style: normal;
}

.link {
  color: #323e48;
}

.brand-img-01 {
  width: 100%;
  height: auto;
  display: none;
}

.brand-img-01.web {
  display: block;
}

.datetext {
  color: #323e48;
  letter-spacing: 1.3px;
  text-transform: uppercase;
  margin-bottom: 20px;
  font-family: Montserrat, sans-serif;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.7;
}

.nav-grid {
  width: 100%;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #323e48;
  grid-template: ". Area Area-2 Area-3"
  / 1fr max-content max-content max-content;
  grid-auto-columns: max-content;
  grid-auto-flow: column;
  justify-content: flex-start;
  align-items: center;
  margin: 0;
  padding: 0;
  display: grid;
}

.nav-logo-link {
  height: 60px;
  margin-left: 0;
  margin-right: 0;
  padding: 0;
  display: block;
}

.nav-logo {
  width: auto;
  height: 100%;
  object-fit: contain;
  object-position: 0% 50%;
  padding: 10px;
  display: inline-block;
}

.list-item-5, .list-item-6, .list-item-7 {
  color: #fff;
}

.form-2 {
  width: 100%;
  text-align: left;
  padding-left: 0;
  padding-right: 140px;
  display: block;
}

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

.link-2 {
  color: #000;
}

.text-span-2 {
  color: #40515d;
}

.paragraph-link {
  color: #40515d;
  text-decoration: underline;
}

.html-embed-7 {
  width: 650px;
  text-align: left;
  align-self: center;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.column-image {
  width: 100%;
  height: 100%;
  max-height: 1000px;
  max-width: 1000px;
  text-align: left;
  object-fit: contain;
  margin-top: 59px;
  padding-top: 0;
  padding-right: 0;
  display: block;
}

.column-image._01 {
  max-width: 90%;
  margin-top: 40px;
  display: block;
}

.column-image.home-page {
  padding-top: 60px;
}

.column-image.home-brands {
  margin-top: 49px;
}

.column-image.home-brands.why-joor {
  margin-top: 60px;
  margin-left: 60px;
  margin-right: 60px;
  padding-bottom: 60px;
}

.column-image.join-joor {
  padding-right: 0;
}

.column-image.joor-financial {
  padding-top: 0;
  padding-right: 0;
  position: static;
}

.column-image.whole-img {
  width: 100%;
  height: 100%;
}

.column-image.hybrid-shopping, .column-image.order-management-analytics {
  max-height: 750px;
  max-width: 1000px;
}

.column-image.simplified-shopping {
  object-fit: contain;
}

.sectioncolumnwrapper--reversed {
  flex-direction: row-reverse;
  padding-top: 30px;
  padding-bottom: 30px;
  display: flex;
}

.sectioncolumnwrapper--reversed.border-top {
  border: 1px #000;
  display: flex;
}

.sectioncolumnwrapper--reversed.border-top._02 {
  border: 1px #000;
  margin-top: 0;
  padding-top: 0;
  padding-bottom: 0;
}

.sectioncolumnwrapper--reversed.border-top.simplify-foreign-transactions {
  padding-top: 100px;
  padding-bottom: 100px;
}

.sectioncolumnwrapper--reversed.border-top.joor-pay-home {
  padding-top: 60px;
  padding-bottom: 70px;
}

.button-container {
  margin-left: auto;
  margin-right: auto;
  display: inline-block;
}

.button-wrapper {
  display: flex;
}

.button-wrapper.hide-on-desktop {
  display: none;
}

.column-list {
  text-align: left;
  margin-bottom: 20px;
  margin-left: 25px;
  font-family: Montserrat, sans-serif;
  font-size: 13px;
  line-height: 1.75;
}

.column-list.about {
  color: #323e48;
  font-size: 13px;
}

.column-list.bridal-page {
  list-style-type: none;
}

.column-video {
  width: 100%;
  height: 650px;
}

.inline-wrapper {
  display: inline-block;
}

.heading-4 {
  color: #40515d;
  margin-top: 20px;
  margin-bottom: 20px;
  font-size: 16px;
  line-height: 20px;
}

.columns-5 {
  padding-left: 40px;
  padding-right: 40px;
}

.column-8, .column-9 {
  padding-left: 20px;
  padding-right: 20px;
}

.left-container {
  display: none;
}

.showroom-vid-04 {
  width: 100%;
  height: 100%;
  display: block;
}

.showroom-img-04 {
  width: 100%;
  height: 100%;
  display: none;
}

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

.passport-video {
  width: 600px;
  height: 600px;
}

.column-wrap {
  flex-wrap: wrap;
  display: flex;
}

.column-child {
  width: 50%;
  flex-direction: column;
  align-items: center;
  padding: 40px 30px;
  display: none;
}

.col-item {
  flex-direction: column;
  position: relative;
}

.col-image-wrapper {
  width: 100%;
  flex-direction: row;
  justify-content: center;
  display: none;
}

.col-image {
  width: 335px;
}

.col-text-container {
  display: none;
}

.col-item-reversed {
  flex-direction: column;
  position: relative;
}

.brands-mobile-section, .retail-mobile-section {
  display: none;
}

.why-section {
  max-height: 800px;
  border-top: 1px solid #000;
  align-items: stretch;
  display: flex;
}

.border-left {
  border-left: 1px solid #323e48;
}

.form-banner {
  height: 100%;
  mix-blend-mode: normal;
  background-color: #323e48;
  background-image: url("https://assets.website-files.com/60f1b7c4b0443a312b4a7c34/611298058dd27480bc70d0ee_getstarted-bkgd%402x.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 50px;
  padding-bottom: 50px;
  display: flex;
  position: relative;
}

.form-banner.showroom {
  background-image: url("https://assets.website-files.com/60f1b7c4b0443a312b4a7c34/61f992a3ea82b47533d29967_clem-onojeghuo-HpEDSZukJqk-unsplash.jpg");
  background-position: 50%;
}

.form-banner.marketplace {
  background-image: url("https://assets.website-files.com/60f1b7c4b0443a312b4a7c34/6165c2e70224718ecc3ed048_requestdemo-bkgd.jpg");
}

.form-banner.bridal-page {
  background-image: url("https://assets.website-files.com/60f1b7c4b0443a312b4a7c34/62d5833e7794dd3798de15a8_JOOR-Pay-CTA-Background-Image-Light.jpg");
}

.form-banner.home-brands {
  background-image: url("https://assets.website-files.com/60f1b7c4b0443a312b4a7c34/621fd9dccb71dd4eb7dd93d0_JOOR-Conquest-Page-Hero-Image-CTA.jpg");
  background-position: 50%;
  background-size: 2682px;
}

.form-banner.conquest-page {
  background-image: url("https://assets.website-files.com/60f1b7c4b0443a312b4a7c34/621fd9dccb71dd4eb7dd93d0_JOOR-Conquest-Page-Hero-Image-CTA.jpg");
}

.retail-img-04 {
  width: 100%;
  height: 100%;
  display: none;
}

.with-joor {
  width: 100%;
  max-width: 800px;
  border-top: 1px solid #323e48;
  flex-direction: column;
  align-items: center;
  margin-bottom: 60px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 60px;
  display: flex;
  position: relative;
}

.with-joor-h2 {
  color: #323e48;
  font-family: Canela, sans-serif;
  font-size: 50px;
  font-weight: 300;
}

.with-joor-h2.title {
  background-color: #fff;
  padding-left: 30px;
  padding-right: 30px;
  font-size: 34px;
}

.with-joor-h2._01 {
  text-align: center;
  margin-bottom: 0;
}

.with-joor-h3 {
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  font-weight: 500;
}

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

.text-wrap-joor.last-child {
  margin-bottom: 60px;
}

.with-joor-para {
  text-align: center;
  border-radius: 0;
  margin-bottom: 20px;
  font-size: 16px;
}

.abs-title {
  flex-direction: column;
  align-items: center;
  display: flex;
  position: absolute;
  top: -7%;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.utility-page-wrap {
  width: 100vw;
  height: 100vh;
  max-height: 100%;
  max-width: 100%;
  justify-content: center;
  align-items: center;
  display: flex;
}

.utility-page-content {
  width: 260px;
  text-align: center;
  flex-direction: column;
  display: flex;
}

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

.link-5, .text-block-5 {
  color: #40515d;
}

.html-embed-8 {
  padding-left: 0;
}

.fit-image-showroom {
  width: 100%;
  height: 100%;
  max-height: 650px;
  max-width: 650px;
  justify-content: flex-end;
  align-items: center;
  position: absolute;
}

.fit-image-showroom._01 {
  justify-content: flex-end;
  align-items: center;
  position: static;
}

.fit-image-showroom._02 {
  justify-content: center;
}

.text-block-6 {
  color: #40515d;
  font-family: Montserrat, sans-serif;
}

.section {
  text-align: center;
  margin-top: auto;
  display: block;
}

.paragraph-6 {
  text-align: center;
  padding-top: 40px;
  padding-bottom: 20px;
}

.image-7 {
  padding-bottom: 40px;
  display: none;
}

.bold-text-2, .bold-text-3, .bold-text-4, .bold-text-5, .italic-text, .italic-text-2 {
  color: #40515d;
}

.section-2 {
  width: 100%;
  max-width: 800px;
  text-align: center;
  border-top: 1px solid #323e48;
  border-radius: 0;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.brand-vid-04, .brand-vid-03, .brand-vid-02 {
  width: 100%;
  height: 100%;
  display: none;
}

.join-joor-center-text {
  width: 700px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
}

.join-joor-center-text._01 {
  width: auto;
  border: 0 #000;
  border-top: 1px solid #000;
  padding-bottom: 10px;
}

.join-joor-center-text._01._02 {
  border-top-style: none;
  margin-left: auto;
  margin-right: auto;
  padding-top: 10px;
  display: none;
}

.image-8 {
  width: 50%;
  text-align: left;
  align-self: center;
  padding-bottom: 40px;
}

.image-8.joorpassport-logo {
  padding-top: 20px;
  padding-bottom: 20px;
}

.image-9 {
  max-width: 20%;
  text-align: left;
  border: 1px #fff;
  border-right-style: solid;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-right: 10px;
}

.navbar-landing-pages {
  background-color: #323e48;
  border-bottom: 1px solid #fff;
}

.text-block-8 {
  height: 50px;
  color: #fff;
  text-align: right;
  background-color: #323e48;
  justify-content: flex-end;
  align-items: center;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding-top: 10px;
  padding-right: 0;
  font-family: Montserrat, sans-serif;
  font-size: 14px;
  font-weight: 400;
  display: flex;
}

.column-11 {
  margin-bottom: 0;
  padding-bottom: 0;
  display: block;
}

.text-block-9 {
  text-align: center;
}

.link-6 {
  color: #40515d;
  font-weight: 600;
  text-decoration: underline;
}

.image-10 {
  align-self: center;
  margin-bottom: 40px;
}

.link-7 {
  color: #323e48;
  font-weight: 600;
  text-decoration: underline;
}

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

.text-block-10 {
  margin-bottom: 40px;
}

.youtube {
  object-fit: contain;
}

.youtube.joor-testimonial {
  margin-top: 40px;
  padding-bottom: 0;
}

.joor-testimonial {
  margin-top: 0;
  padding-top: 40px;
  padding-bottom: 0;
}

.joor-testimonialh2 {
  color: #000;
  text-align: center;
}

.paragraph-9 {
  text-align: center;
}

.heading-5, .heading-5.market-prep, .heading-6, .heading-7, .heading-8, .heading-9 {
  margin-bottom: 5px;
}

.market-preph2 {
  color: #323e48;
  text-align: center;
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: Canela web, sans-serif;
  font-size: 36px;
  font-weight: 100;
}

.tab-link {
  opacity: .2;
  background-color: rgba(0, 0, 0, 0);
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 0;
  display: flex;
  transform: translate(0);
}

.tab-link.w--current {
  opacity: 1;
  background-color: rgba(0, 0, 0, 0);
  transition: all .3s;
  transform: translate(70px);
}

.tabs-menu {
  width: 25%;
  border-right: 1px solid #323e48;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding-left: 40px;
  padding-right: 20px;
  display: flex;
}

.tabs-content {
  width: 85%;
  align-items: center;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
}

.tabs {
  width: 100%;
  max-width: 1500px;
  min-height: 650px;
  border: 1px #000;
  margin-left: auto;
  margin-right: auto;
  padding-top: 80px;
  padding-bottom: 80px;
  display: flex;
}

.logoh3-2 {
  display: none;
}

.brandsh3-2 {
  border: 1px #000;
  font-family: Canela, sans-serif;
  font-size: 24px;
  font-weight: 300;
  line-height: 1.2;
  display: block;
  position: static;
}

.brandsh3-2.margin-top-h3 {
  margin-top: 15px;
}

.brandsh3-2.margin-top-h3.center-paragraph.h2-larger {
  font-size: 35px;
}

.logos-container {
  flex-wrap: wrap;
  grid-template-rows: auto auto auto auto auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  justify-items: center;
  display: flex;
}

.logos-container._02 {
  grid-column-gap: 40px;
  grid-row-gap: 30px;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
}

.logos-container._03 {
  grid-column-gap: 40px;
  grid-row-gap: 30px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
}

.logos-container._05, .logos-container._04 {
  grid-column-gap: 40px;
  grid-row-gap: 30px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
}

.column-12, .column-13 {
  text-align: center;
}

.grid-2 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  margin-bottom: 60px;
  margin-left: 40px;
  margin-right: 40px;
}

.grid-2.partners-page {
  grid-template-columns: 1fr 1fr;
  grid-auto-flow: column;
}

.body {
  margin: 10px;
}

.paragraph-10 {
  margin-top: 10px;
  margin-left: 140px;
  margin-right: 140px;
}

.list-item-11, .list-item-12 {
  list-style-type: none;
}

.image-20 {
  margin-top: 86px;
  padding-right: 0;
  display: block;
}

.image-20.org360-page {
  padding-top: 109px;
  padding-right: 0;
}

.image-20.payment-updates-page {
  object-fit: fill;
  margin-top: 0;
  display: inline-block;
}

.link-14, .link-17 {
  color: #333;
}

.paragraph-14 {
  text-align: left;
  margin-top: 0;
  margin-left: 41px;
}

.grid-3 {
  grid-template: "Area Area-2 Area-3 Area-4"
                 ". Area-5 Area-6 ."
                 / 1fr 1fr 1fr 1fr;
  margin-top: 40px;
  margin-left: 40px;
  margin-right: 40px;
}

.section-6 {
  margin-top: 40px;
  margin-bottom: 40px;
  display: none;
}

.container-5 {
  margin-top: 10px;
}

.heading-17 {
  text-align: left;
  margin-left: 42px;
}

.paragraph-15 {
  text-align: left;
  margin-top: -7px;
  margin-left: 42px;
}

.paragraph-15.joor-pay {
  margin-top: 0;
}

.joor-pay.body {
  font-size: 10px;
  line-height: 0;
}

.joor-pay.paragraph-10 {
  display: none;
}

.heading-18 {
  text-align: left;
  margin-bottom: 0;
  margin-left: 42px;
}

.paragraph-16 {
  text-align: left;
  margin-left: 41px;
}

.video {
  object-fit: fill;
  margin-bottom: 50px;
  margin-left: 0;
  margin-right: 0;
}

.paragraph-17 {
  text-align: left;
  margin-left: 41px;
}

.quote-img {
  max-width: 3%;
  min-height: 8px;
  text-align: center;
  object-fit: fill;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-right: 0;
  position: static;
  overflow: auto;
}

.partner-quote-container {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  text-align: center;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: block;
}

.text-block-17 {
  color: #333;
  border-bottom: 1px #5c7284;
  margin-top: 10px;
  padding-bottom: 10px;
  font-family: Canela web, sans-serif;
  font-size: 26px;
  line-height: 34px;
}

.image-21 {
  max-width: 72%;
  text-align: center;
  padding-right: 0;
}

.image-21.partner-page {
  padding-top: 10px;
  padding-bottom: 40px;
  display: block;
}

.partners-page.joor-testimonial {
  border-bottom: 1px solid #000;
  display: none;
}

.text-block-19 {
  color: #40515d;
  padding-top: 10px;
  padding-bottom: 10px;
  font-family: Montserrat, sans-serif;
  font-weight: 600;
  display: none;
}

.section-7 {
  display: block;
}

.stripe-image {
  margin-top: 20px;
  padding-right: 0;
}

.video-2 {
  margin-bottom: 40px;
  margin-left: auto;
  margin-right: auto;
}

.image-22 {
  text-align: left;
}

.image-22.passport-section {
  width: 100%;
  padding-right: 0;
}

.dropdown-2 {
  text-align: center;
  margin-left: 0;
  padding-left: 0;
  display: block;
}

.dropdown-toggle-2 {
  background-color: #333;
  transition: opacity .2s;
}

.text-block-20, .icon-3 {
  color: #fff;
}

.paragraph-19 {
  text-align: left;
}

.resource-img {
  padding-right: 0;
}

.bullet-paragraph-title {
  text-align: left;
}

.lily-ai {
  margin-top: 100px;
  padding-right: 0;
}

.paragraph-20 {
  text-align: left;
}

.paragraph-20._3d-innovation-paragraph {
  margin-left: 40px;
}

.partners-blog-img {
  padding-right: 0;
}

._3d-innovation-img {
  margin-top: 103px;
  padding-top: 38px;
  padding-right: 0;
}

.video-3 {
  margin-right: 0;
  padding-bottom: 43px;
  padding-left: 0;
  padding-right: 0;
}

.flag-img {
  padding-right: 0;
}

.slider-2 {
  height: 100%;
  background-color: #fff;
  border-bottom: 1px #323e48;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  margin-top: 0;
  margin-bottom: 10px;
}

.arrow-icon-right-2 {
  width: 50px;
  position: absolute;
  top: 50%;
  bottom: auto;
  left: 0%;
  right: auto;
  transform: translate(0, -50%);
}

.quote-slide-2 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 40px;
  padding-bottom: 60px;
  display: flex;
}

.joor-pay-logo {
  max-width: 90%;
  margin-left: -12px;
  padding-left: 0;
  padding-right: 0;
}

.cta-h3 {
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  padding-top: 0;
  font-family: Montserrat, sans-serif;
  font-size: 24px;
  font-weight: 600;
}

.quotelogo-2 {
  max-height: 50px;
  min-height: 40px;
}

.quotelogo-2.home {
  padding-right: 0;
}

.quote-slide-3.centred.space-bottom {
  padding-bottom: 25px;
}

.btn-section {
  background-color: #323e48;
  padding-left: 30px;
  padding-right: 30px;
}

.btn-section.btn-section-large {
  padding-top: 15px;
  padding-bottom: 15px;
  font-size: 17px;
}

.leadership-img, .jp-case-studies-img {
  padding-right: 0;
}

.jpopup-sec {
  z-index: 99999999;
  width: 100%;
  height: 100%;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  overflow: scroll;
}

.jpopup-sec.other-function {
  display: none;
}

.jpopup-inrfl {
  flex-wrap: wrap;
  align-content: center;
  justify-content: center;
  align-items: center;
  padding: 20px;
  display: flex;
}

.jpopup-outer {
  width: 100%;
  max-height: 650px;
  max-width: 600px;
  min-height: 0;
  min-width: auto;
  margin: 20px auto;
  position: relative;
  overflow: auto;
}

.close-popup {
  z-index: 9;
  width: 40px;
  height: 40px;
  -webkit-text-fill-color: inherit;
  cursor: pointer;
  background-color: #fff;
  background-clip: border-box;
  position: absolute;
  top: 0;
  left: auto;
  right: 0;
}

.image-24 {
  z-index: 99;
  width: 20px;
  height: 20px;
  cursor: pointer;
  padding-right: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.jpopuprw {
  color: #fff;
  text-align: center;
  background-image: url("https://assets.website-files.com/60f1b7c4b0443a312b4a7c34/631f2ab687aa1c58a3b900b0_1.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 100px 70px;
  transition: all .2s;
  position: relative;
}

.jpopuprw.second {
  background-image: url("https://assets.website-files.com/60f1b7c4b0443a312b4a7c34/631f36358d704eb23b456655_2.png");
}

.heading-20 {
  margin-top: 0;
  margin-bottom: 30px;
  font-family: Canela web, sans-serif;
  font-size: 50px;
  font-weight: 300;
  line-height: 1.2;
}

.jpopup-cltxt {
  max-width: 440px;
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
  font-family: Montserrat, sans-serif;
  font-size: 22px;
  line-height: 30px;
}

.jpop-button {
  text-align: center;
  margin-top: 30px;
}

.button-4 {
  width: 250px;
  height: auto;
  min-height: 46px;
  color: #323e48;
  text-transform: uppercase;
  -webkit-text-fill-color: inherit;
  background-color: #fff;
  background-clip: border-box;
  border: 2px solid #fff;
  border-radius: 0;
  margin-top: 6px;
  margin-bottom: 6px;
  padding: 15px 34px;
  font-size: 20px;
  font-weight: 600;
  line-height: 24px;
  transition: all .3s;
}

.button-4:hover {
  color: #fff;
  background-color: #5c7284;
  border-color: #5c7284;
}

.jpopup-secbefore {
  z-index: auto;
  width: 100%;
  height: 100%;
  -webkit-text-fill-color: inherit;
  background-color: rgba(0, 0, 0, .7);
  background-clip: border-box;
  position: fixed;
  top: 0;
  left: 0;
}

.list-2 {
  max-width: 440px;
  text-align: left;
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 40px;
  font-family: Montserrat, sans-serif;
  font-size: 22px;
  line-height: 30px;
}

.cta-banner-home {
  height: 51px;
  max-height: 100px;
  object-fit: none;
  background-color: #5c7284;
  border: 1px solid #40515d;
}

.container-7 {
  text-align: center;
  border: 1px solid rgba(0, 0, 0, 0);
}

.link-block-2 {
  border: 1px solid rgba(0, 0, 0, 0);
}

.cta-banner-text {
  color: #fff;
  text-align: center;
  letter-spacing: 1px;
  text-indent: 0;
  border: 1px solid rgba(0, 0, 0, 0);
  margin-top: 3px;
  font-family: Canela web, sans-serif;
  font-size: 22px;
  font-weight: 300;
}

.bold-text-8 {
  text-decoration: underline;
}

.home-image-joor-pay {
  padding-right: 0;
}

.home-image-joor-pay.home-image-joor {
  width: 100%;
  height: 600px;
  object-fit: cover;
  padding-left: 50px;
}

.joor-pay-brand-img {
  padding-right: 0;
}

.icon-1 {
  width: 125px;
  margin-left: 20px;
  margin-right: 20px;
  padding-right: 0;
}

.grid-5 {
  grid-template: "Area"
  / 1fr 1fr 1fr;
}

.container-8, .container-9, .container-10 {
  max-width: 350px;
  background-color: #323e48;
}

.tech-partner-h3 {
  color: #fff;
  padding: 20px 10px 5px;
  font-size: 24px;
}

.tech-partners-body {
  height: 200px;
  max-height: 300px;
  color: #fff;
  padding: 20px 40px 20px 20px;
  font-family: Montserrat, sans-serif;
}

.tech-partners-logo {
  max-width: 100%;
  padding: 10px 20px;
}

.tech-partners-btn {
  background-color: rgba(0, 0, 0, 0);
  border: 2px solid #fff;
  margin-bottom: 20px;
  margin-left: 20px;
}

.vntana-logo {
  max-width: 90%;
  margin-left: 20px;
  padding-top: 20px;
  padding-right: 0;
}

.tech-partners-columns {
  height: 100px;
  margin-bottom: 0;
}

.tech-partners-h4 {
  margin-top: 40px;
  display: none;
}

.column-16 {
  padding-left: 10px;
}

.joor-custom-logo {
  margin-left: 20px;
  padding-top: 10px;
  padding-right: 0;
}

.joor-partner-h2 {
  color: #323e48;
  text-align: left;
  font-family: Canela web, sans-serif;
  font-size: 60px;
  line-height: 1.2;
}

.image-25 {
  padding-bottom: 20px;
  padding-right: 0;
}

.hide-on-mobile {
  display: none;
}

.nav-btn {
  width: 100%;
  text-align: center;
  -webkit-text-fill-color: inherit;
  background-color: #323e48;
  background-clip: border-box;
  border: 1px solid #fff;
  border-radius: 0;
  align-self: center;
  padding: 10px 8px;
  font-size: 12px;
  line-height: 1.4;
}

.nav-btn.nav-request-demo {
  width: 100%;
  background-color: #5c7284;
  padding: 10px 10px 10px 11px;
}

.nav-btn.nav-request-demo.aligned {
  justify-content: center;
  align-items: center;
  padding-left: 8px;
  padding-right: 8px;
  display: flex;
}

.nav-btn.nav-request-demo.aligned.w--current {
  padding-left: 10px;
  padding-right: 10px;
}

.nav-btn.shop-our-brands {
  height: 100%;
  border-style: none;
  align-items: center;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 11px;
  display: flex;
}

.nav-btn.shop-our-brands.login {
  border-left-style: solid;
}

.demo-hero-btn {
  background-color: #5c7284;
  padding: 10px 20px;
}

.demo-hero-btn.demo-hero-button {
  border: 3px solid #fff;
  padding-top: 15px;
  padding-bottom: 15px;
  font-size: 17px;
  box-shadow: 2px 1px 5px rgba(0, 0, 0, .2);
}

.image-26 {
  padding-top: 37px;
  padding-right: 0;
}

.request-demo-h2 {
  color: #323e48;
  font-family: Canela web, sans-serif;
  font-size: 26px;
}

.image-27 {
  padding-right: 0;
}

.text-block-21 {
  font-family: Montserrat, sans-serif;
}

.demo-request-img {
  float: none;
  clear: none;
  text-align: left;
  margin: 10px auto 20px;
  padding-left: 0;
  padding-right: 0;
  display: block;
  position: static;
  overflow: visible;
}

.video-4 {
  margin-top: 20px;
}

.paragraph-21 {
  text-align: left;
}

.filtercheckbox {
  width: 20px;
  height: 20px;
  border-color: #323e48;
  border-radius: 0;
  margin-top: 0;
  margin-left: 0;
  margin-right: 10px;
}

.filtercheckbox.w--redirected-checked {
  background-color: rgba(0, 0, 0, 0);
  background-image: url("https://assets.website-files.com/60f1b7c4b0443a312b4a7c34/611c13db9555ef54c2bd10c0_checkmark.svg");
  background-size: contain;
}

.checkboxtext {
  letter-spacing: 1.3px;
  text-transform: none;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.7;
}

.checkboxfield {
  align-items: center;
  margin-bottom: 0;
  padding-left: 0;
  display: flex;
}

.section-8 {
  width: 100%;
  height: 0%;
  background-image: url("https://assets.website-files.com/60f1b7c4b0443a312b4a7c34/63190a8e81d07db99757daee_press-photo_v2.jpg");
  background-position: 0 0;
  background-size: auto;
  padding-top: 60px;
  padding-bottom: 60px;
}

.search-button {
  background-color: #5c7284;
}

.collection-item {
  margin-top: 14px;
}

.collection-item.knowledge-hub {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-top: 220px;
  padding-bottom: 0;
  display: block;
}

.column-17 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-top: 0;
  display: block;
}

.knowledge-hub-h3 {
  color: #40515d;
  text-align: center;
  margin-top: 10px;
  font-size: 40px;
}

.knowledge-hub-list {
  padding-left: 20px;
  padding-right: 20px;
}

.knowledge-hub-titles {
  color: #fff;
  background-color: rgba(50, 62, 72, .5);
  padding: 5px 10px;
  font-family: Canela web, sans-serif;
  font-size: 25px;
  line-height: 1.2;
}

.next-2 {
  margin-top: 31px;
  margin-bottom: 20px;
}

.search-button-2 {
  background-color: #5c7284;
}

.search-result-title {
  font-family: Canela, sans-serif;
  font-size: 18px;
}

.search-results-image {
  max-width: 100%;
  text-align: left;
  margin-bottom: 20px;
  padding-right: 0;
}

.column-18 {
  padding-right: 0;
}

.knowledge-hub-h2 {
  color: #40515d;
  text-align: center;
  padding-bottom: 10px;
  font-size: 72px;
}

.partners-btn {
  background-color: #40515d;
  border-radius: 5px;
  flex: 1;
  margin-top: 0;
  padding: 10px;
}

.archived-marketplace-droplink {
  padding-top: 5px;
  padding-bottom: 5px;
  display: none;
}

.drop-link-hidden {
  padding-top: 5px;
  padding-bottom: 5px;
}

.joor-pay-paragraph {
  text-align: left;
}

.joor-pay-paragraph._30pt-padding {
  margin-bottom: 20px;
}

.press-block {
  margin-bottom: 40px;
}

.blog-block {
  margin-top: 10px;
  margin-bottom: 40px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.blog-collection-item {
  margin: 10px;
  padding-top: 220px;
  padding-bottom: 220px;
  padding-left: 0;
}

.blog-div-block {
  position: relative;
  top: 219px;
}

.blog-h3 {
  color: #fff;
  background-color: rgba(0, 0, 0, .75);
  padding: 10px;
  font-size: 40px;
}

.blog-subtext {
  color: #fff;
  background-color: rgba(0, 0, 0, .75);
  margin-bottom: 0;
  padding-top: 10px;
  padding-bottom: 10px;
}

.container-11 {
  padding-left: 10px;
  padding-right: 10px;
}

.blog-section {
  border-top: 1px solid #000;
  padding-top: 20px;
}

.list-item-16 {
  overflow: auto;
}

.list-3 {
  padding-left: 38px;
}

.list-item-19, .list-item-20 {
  color: #323e48;
  text-align: left;
  font-family: Montserrat, sans-serif;
  font-size: 13px;
  line-height: 1.75;
}

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

.list-item-27, .list-item-28, .list-item-29, .list-item-30 {
  text-align: left;
  font-family: Montserrat, sans-serif;
  font-size: 13px;
  line-height: 1.75;
}

.list-item-31 {
  text-align: left;
  white-space: nowrap;
  font-family: Montserrat, sans-serif;
  font-size: 13px;
  line-height: 1.75;
}

.list-item-32 {
  text-align: left;
  white-space: nowrap;
  font-family: Montserrat, sans-serif;
  font-size: 13px;
  line-height: 1.75;
  text-decoration: none;
}

.list-4 {
  margin-left: -25px;
}

.list-5 {
  margin-left: -22px;
}

.button-6 {
  color: #fff;
  background-color: #40515d;
  border: 1px solid rgba(0, 0, 0, 0);
  border-radius: 5px;
}

.button-7 {
  background-color: #323e48;
  align-self: flex-start;
}

.button-8 {
  color: #fff;
  background-color: #323e48;
  align-self: flex-start;
}

.button-8._20px-padding {
  margin-top: 20px;
}

.button-9, .button-10 {
  background-color: #323e48;
  align-self: flex-start;
}

.list-item-33, .list-item-34, .list-item-35 {
  text-align: left;
  font-family: Montserrat, sans-serif;
  font-size: 13px;
  line-height: 1.75;
}

.list-6 {
  align-self: auto;
  margin-left: -25px;
}

.hero-heading-center {
  background-color: #fff;
  border: 1px solid #000;
  border-top: 0 #000;
  border-radius: 0;
  padding: 0 30px;
  position: relative;
}

.joor-pay-logo-dark {
  display: none;
}

.left-colume-new {
  width: 50%;
  height: 60rem;
  justify-content: center;
  align-items: center;
  display: flex;
}

.right-colume-new {
  width: 50%;
  height: 60rem;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.grid-8 {
  width: 100%;
  max-width: 1440px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  justify-content: center;
  justify-items: center;
}

.arrow {
  width: auto;
  height: 10px;
  max-width: none;
  margin-right: 5px;
  padding-left: 0;
  padding-right: 0;
}

.text-block-22 {
  font-size: 11px;
  line-height: 1.4;
}

.hero-without-image {
  background-color: #f5f7fa;
  border-bottom: 1px solid #e4ebf3;
  padding: 80px 30px;
  font-family: Montserrat, sans-serif;
  position: relative;
}

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

.hero-wrapper-two {
  max-width: 750px;
  text-align: center;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.margin-bottom-24px {
  margin-bottom: 24px;
  font-family: Montserrat, sans-serif;
  font-size: 18px;
}

.button-primary {
  color: #fff;
  letter-spacing: 2px;
  text-transform: uppercase;
  background-color: #1a1b1f;
  padding: 12px 25px;
  font-size: 12px;
  line-height: 20px;
  transition: all .2s;
}

.button-primary:hover {
  color: #fff;
  background-color: #32343a;
}

.button-primary:active {
  background-color: #43464d;
}

.button-primary.footer-form-button {
  padding: 8px 18px;
  position: absolute;
  right: 8px;
}

.text-span-3 {
  color: #323e48;
  font-size: 42px;
}

.footer-subscribe {
  border-bottom: 1px solid #e4ebf3;
  padding: 50px 30px 40px;
  position: relative;
}

.footer-subscribe.removed-padding {
  padding-bottom: 0;
}

.footer-subscribe.no-padding {
  padding-bottom: 0;
  position: static;
}

.footer-form-two {
  background-color: #f5f7fa;
  margin-bottom: 40px;
  padding: 64px;
}

.footer-form-two.hide {
  display: none;
}

.footer-form-container-two {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.footer-form-title {
  font-size: 24px;
  line-height: 32px;
}

.footer-form-block-two {
  justify-content: flex-end;
  align-items: center;
  display: flex;
  position: relative;
}

.footer-form-input {
  width: 460px;
  height: 48px;
  border: 1px #000;
  margin-bottom: 0;
  padding: 12px 180px 12px 20px;
}

.footer-form-input::-ms-input-placeholder {
  color: rgba(26, 27, 31, .8);
}

.footer-form-input::placeholder {
  color: rgba(26, 27, 31, .8);
}

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

.footer-block-three {
  justify-content: flex-start;
  align-items: center;
  margin-left: -20px;
  margin-right: -20px;
  display: flex;
}

.footer-link-three {
  color: #1a1b1f;
  margin-left: 20px;
  margin-right: 20px;
  text-decoration: none;
}

.footer-link-three:hover {
  color: rgba(26, 27, 31, .75);
}

.footer-social-block-three {
  justify-content: flex-start;
  align-items: center;
  margin-left: -32px;
  display: flex;
}

.footer-social-link-three {
  margin-left: 32px;
}

.footer-divider-two {
  width: 100%;
  height: 1px;
  background-color: #e4ebf3;
  margin-top: 40px;
  margin-bottom: 40px;
}

.footer-bottom {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.footer-copyright {
  color: #3a4554;
}

.footer-legal-block {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.footer-legal-link {
  color: #3a4554;
  margin-left: 24px;
}

.footer-legal-link:hover {
  color: #3a4554;
}

.heading-21 {
  letter-spacing: .8px;
  font-size: 48px;
  line-height: 54px;
}

.text-block-23 {
  color: #323e48;
  text-align: center;
  font-family: Montserrat, sans-serif;
}

.button-11 {
  float: left;
  clear: both;
  text-align: center;
}

.logos-title-large {
  border-bottom: 1px solid #e4ebf3;
  padding: 60px 30px;
  position: relative;
}

.logos-title-large.no-padding {
  padding-top: 0;
}

.clients-title {
  color: #323e48;
  text-align: center;
  font-size: 24px;
  line-height: 32px;
}

.clients-wrapper {
  max-width: 750px;
  justify-content: space-between;
  align-items: center;
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.clients-image.saint-laurent {
  width: 200px;
}

.clients-image.lvmh {
  width: 160px;
}

.clients-image.marc-jacobs {
  width: 200px;
}

.button-12 {
  float: none;
  text-align: center;
  margin-left: 200px;
  margin-right: 200px;
}

.link-18 {
  color: #40515d;
  text-decoration: underline;
}

.footer-light {
  border-bottom: 1px solid #e4ebf3;
  padding: 80px 30px 40px;
  position: relative;
}

.footer-wrapper-two {
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.footer-block-two {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.footer-title {
  font-size: 18px;
  font-weight: 500;
  line-height: 32px;
}

.footer-link-two {
  color: #1a1b1f;
  margin-top: 20px;
  text-decoration: none;
}

.footer-link-two:hover {
  color: rgba(26, 27, 31, .75);
}

.footer-form {
  width: 315px;
  max-width: 100%;
  margin-bottom: 0;
}

.footer-form-block {
  justify-content: center;
  align-items: center;
  margin-top: 24px;
  display: flex;
}

.footer-form-field {
  height: 48px;
  border: 1px solid #a6b1bf;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  margin-bottom: 0;
  padding: 12px 16px;
  font-size: 14px;
  line-height: 22px;
  transition: all .2s;
}

.footer-form-field:hover, .footer-form-field:focus {
  border-color: #76879d;
}

.footer-form-field::-ms-input-placeholder {
  color: rgba(26, 27, 31, .8);
  font-size: 14px;
  line-height: 22px;
}

.footer-form-field::placeholder {
  color: rgba(26, 27, 31, .8);
  font-size: 14px;
  line-height: 22px;
}

.footer-form-submit {
  width: 50px;
  height: 48px;
  background-color: #1a1b1f;
  background-image: url("https://assets.website-files.com/62434fa732124a0fb112aab4/62434fa732124a29b112aac4_ic%20Arrow%20Go.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  transition: all .2s;
}

.footer-form-submit:hover {
  background-color: #3a4554;
}

.footer-social-block-two {
  justify-content: flex-start;
  align-items: center;
  margin-top: 0;
  margin-left: -12px;
  display: flex;
}

.footer-social-link {
  margin-left: 12px;
}

.image-30 {
  float: left;
  clear: none;
  text-align: center;
}

.image-31 {
  width: 28px;
  padding-right: 0;
}

.image-32, .image-33 {
  width: 30px;
  padding-right: 0;
}

.body-2 {
  font-family: Montserrat, sans-serif;
}

.html-embed-9 {
  margin-top: 0;
}

.text-block-24 {
  color: #fff;
  font-size: 9px;
  line-height: 14px;
}

.gallery7_lightbox-link {
  width: 100%;
}

.gallery7_image-wrapper {
  width: 100%;
  padding-top: 56.25%;
  position: relative;
}

.padding-section-large {
  padding-top: 7rem;
  padding-bottom: 7rem;
}

.margin-bottom-2 {
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
}

.text-size-medium {
  font-size: 1.125rem;
}

.gallery7_image-wrapper-large {
  width: 100%;
  height: 100%;
  position: relative;
}

.padding-global {
  padding-left: 5%;
  padding-right: 5%;
}

.gallery7_component {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
}

.gallery7_image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

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

.gallery7_row {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-items: center;
  display: grid;
}

.max-width-large {
  width: 100%;
  max-width: 48rem;
}

.container-large {
  width: 100%;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
}

.video-1 {
  margin-top: 25px;
}

.section_layout25 {
  border: 1px #000;
  border-top-style: solid;
}

.layout25_component {
  grid-column-gap: 1.5rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
}

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

.layout25_item-list {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  padding-top: .5rem;
  padding-bottom: .5rem;
}

.heading-style-h2 {
  font-size: 3rem;
  font-weight: 700;
  line-height: 1.2;
}

.margin-top {
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
}

.button-group {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.button-group.is-center {
  justify-content: center;
}

.icon-embed-xxsmall {
  width: 1rem;
  height: 1rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.layout25_image {
  width: 100%;
  height: 100%;
}

.section_layout238 {
  background-color: #f7f7f7;
  border-top: 1px #000;
  border-bottom: 1px solid #000;
}

.layout238_component {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.layout238_list {
  grid-column-gap: 3rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  justify-items: center;
  display: grid;
}

.layout238_item {
  width: 100%;
  text-align: center;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.icon-1x1-medium {
  width: 3rem;
  height: 3rem;
}

.heading-style-h5 {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.4;
}

.text-block-25 {
  margin-bottom: 10px;
  font-family: Montserrat, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 40px;
}

.padding-section-lmedium {
  padding-top: 3rem;
  padding-bottom: 4rem;
}

.italic-text-3 {
  font-family: Montserrat, sans-serif;
}

.paragraph-22 {
  color: rgba(50, 62, 72, .59);
  font-weight: 600;
}

@media screen and (min-width: 1280px) {
  .logowrapper {
    width: 140px;
  }

  .navbuttonwrapper {
    width: 100%;
  }

  .logo {
    height: auto;
    padding-right: 40px;
  }

  .left-grid-column {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .nav-buttons {
    flex-wrap: nowrap;
    padding-left: 20px;
  }

  .nav-buttons.demo-shop-now {
    width: 32vw;
  }

  .nav-wrapper {
    width: 68vw;
    border-right-style: none;
    justify-content: space-around;
  }

  .hero-bg-img-desk {
    max-height: 70vh;
    object-fit: cover;
  }

  .hero-bg-img-desk._01 {
    max-height: 80vh;
    object-fit: cover;
    overflow: hidden;
  }

  .column-image {
    max-height: 750px;
    max-width: 1000px;
  }

  .column-image.virtualshowrooms {
    max-height: 1000px;
    object-fit: fill;
  }

  .column-image.simplified-shopping, .column-image.retail-reimagined {
    object-fit: fill;
  }

  .nav-btn {
    font-size: 14px;
    line-height: 1.8;
  }

  .nav-btn.shop-our-brands {
    width: 100%;
    border-style: none;
    justify-content: center;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 13px;
  }

  .arrow {
    height: 11px;
    margin-right: 5px;
    padding-left: 0;
  }

  .text-block-22 {
    text-align: left;
    font-size: 12px;
    line-height: 1.8;
  }
}

@media screen and (min-width: 1440px) {
  .left-grid-column, .left-grid-column.revolutionary-retail {
    height: auto;
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .right-grid-column.reverse, .right-grid-column.brand-impact--img, .grid-columns {
    height: auto;
  }

  .hero-slide._03 {
    background-image: url("https://assets.website-files.com/60f1b7c4b0443a312b4a7c34/644942fb3600ecd040fa62cf_Home%20Page%20header%20slider.webp");
  }

  .brand-values {
    min-height: 900px;
    align-items: center;
  }

  .retail-therapy {
    min-height: 600px;
    align-items: center;
  }

  .nav-btn.shop-our-brands {
    justify-content: center;
    padding-left: 20px;
    padding-right: 20px;
  }

  .logos-title-large.no-padding {
    padding-top: 0;
  }
}

@media screen and (max-width: 991px) {
  .header {
    border-bottom: 1px solid #fff;
    justify-content: space-between;
  }

  .logowrapper {
    border-bottom-width: 0;
    border-right-width: 0;
    justify-content: flex-start;
  }

  .navbuttonwrapper {
    justify-content: flex-end;
    align-items: center;
    padding-right: 40px;
  }

  .logo {
    max-height: none;
  }

  .navbutton {
    display: none;
  }

  .navbuttontext {
    text-align: center;
    letter-spacing: .7px;
  }

  .hamburgerwrapper {
    width: 60px;
    height: 50px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
    display: flex;
    overflow: hidden;
  }

  .hamburgerwrapper.open-modal {
    z-index: 300;
    width: auto;
    height: 10vh;
    max-height: 10vh;
    min-height: 10vh;
    align-self: center;
    align-items: center;
    padding-right: 40px;
  }

  .line {
    width: 35px;
    height: 1px;
    background-color: #fff;
    margin-top: 5px;
    margin-bottom: 5px;
    display: none;
  }

  .modal-container {
    z-index: 600;
    height: 100vh;
    flex-direction: column;
    align-items: flex-start;
    display: none;
    position: fixed;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: 0%;
    overflow: hidden;
  }

  .navmenu {
    z-index: 4;
    width: 750px;
    height: 100%;
    max-width: 90%;
    background-color: #323e48;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: auto;
    right: 0%;
    overflow: auto;
  }

  .navmenuheader {
    width: 100%;
    max-height: 80px;
    min-height: 80px;
    justify-content: flex-end;
    align-items: center;
    display: flex;
    position: relative;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: 0%;
  }

  .navlinks {
    width: 100%;
    border-bottom: 1px solid #fff;
    flex-direction: column;
    align-items: flex-start;
    padding: 20px 40px 40px;
    display: flex;
  }

  .navlink {
    color: #fff;
    font-family: Montserrat, sans-serif;
    font-size: 20px;
    line-height: 2.9;
  }

  .navlink._16pt {
    font-size: 16px;
  }

  .navmenulink {
    width: 100%;
    justify-content: space-between;
    align-items: center;
    position: relative;
  }

  .pluswrapper {
    height: 100%;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
    padding-right: 20px;
    display: flex;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: auto;
    right: 0%;
  }

  .plusline {
    width: 1px;
    height: 11px;
    background-color: #fff;
    position: absolute;
  }

  .navmenubtnwrapper {
    width: 100%;
    flex-direction: column;
    align-items: center;
    padding-top: 40px;
    padding-bottom: 60px;
    display: flex;
  }

  .mobilenavbtn {
    width: 260px;
    height: 50px;
    border: 1px solid #fff;
    justify-content: center;
    align-items: center;
    margin-bottom: 30px;
    display: flex;
  }

  .submenucontainer {
    width: 100%;
    padding: 20px 100px 20px 40px;
  }

  .brandsmenuwrapper {
    width: 100%;
    height: 0%;
    max-height: 180px;
    flex-direction: column;
    align-items: flex-start;
    display: flex;
    overflow: hidden;
  }

  .resourcemenuwrapper {
    width: 100%;
    height: 0;
    max-height: 130px;
    flex-direction: column;
    align-items: flex-start;
    display: flex;
    overflow: hidden;
  }

  .plusline02 {
    width: 1px;
    height: 11px;
    background-color: #fff;
    position: absolute;
    transform: rotate(90deg);
  }

  .pluslineresources {
    width: 1px;
    height: 11px;
    background-color: #fff;
    position: absolute;
  }

  .pluslineresources02 {
    width: 1px;
    height: 11px;
    background-color: #fff;
    position: absolute;
    transform: rotate(90deg);
  }

  .exitwrapper {
    width: 80px;
    height: 80px;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .xicon {
    width: 25px;
    height: 25px;
  }

  .herotextcontainer {
    max-width: 80%;
    justify-content: flex-start;
    align-items: flex-start;
    padding-left: 0;
  }

  .herotextcontainer.max-width {
    max-width: 80%;
  }

  .herotextcontainer.joor-pay-hero-container.video-container {
    max-width: 80%;
    padding-left: 0;
    padding-right: 0;
  }

  .herotextcontainer.joor-pay-hero-container.mobile {
    width: 100%;
  }

  .heroh1 {
    color: #323e48;
    margin-bottom: 20px;
    font-size: 50px;
  }

  .tradesection {
    padding-bottom: 40px;
  }

  .titlecontainer {
    padding-left: 40px;
    padding-right: 40px;
  }

  .titlecontainer.full-width.top-pad {
    padding-top: 30px;
  }

  .titleh2.margin-bottom {
    color: #323e48;
    text-align: center;
    margin-bottom: 10px;
  }

  .titleh2.margin-bottom.mobile-marg {
    margin-bottom: 20px;
  }

  .titleh2.margin-bottom {
    text-align: center;
    margin-bottom: 10px;
  }

  .titleh2.margin-bottom.mobile-marg {
    margin-bottom: 20px;
  }

  .smallb {
    font-size: 40px;
    font-weight: 500;
  }

  .resultsparagraph {
    line-height: 1.5;
  }

  .columnh3 {
    flex-flow: column wrap;
    font-size: 50px;
    font-weight: 100;
  }

  .columnh3._50pt {
    font-weight: 100;
  }

  .columnsubtext {
    font-size: 16px;
  }

  .columnwrapper {
    align-items: stretch;
    padding-bottom: 0;
  }

  .columnheader {
    margin-bottom: 20px;
  }

  .columnheader.mobile-margin {
    margin-bottom: 40px;
  }

  .size500 {
    display: block;
  }

  .tradewrapper {
    padding: 40px 20px;
  }

  .tradeheading {
    margin-bottom: 10px;
    font-size: 60px;
  }

  .tradeheading._70pt {
    font-weight: 100;
  }

  .tradeheaderwrap {
    flex-direction: column;
    align-items: flex-start;
  }

  .resultheading {
    margin-bottom: 20px;
    font-size: 60px;
  }

  .tradetext {
    margin-left: 0;
  }

  .traderow {
    grid-template-columns: 1fr 1fr 1fr 1fr;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .whyleft {
    width: 50%;
    flex-direction: column;
    justify-content: center;
  }

  .quoteparagraph {
    max-width: 85%;
    font-size: 26px;
  }

  .quotelogo {
    max-height: 40px;
    min-height: 30px;
  }

  .cta {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .ctah2 {
    font-size: 36px;
  }

  .ctah2.bottomtext {
    color: #323e48;
  }

  .topfooterwrapper {
    flex-direction: column;
    padding-left: 60px;
    padding-right: 60px;
  }

  .leftfooterwrap {
    margin-bottom: 20px;
    padding-right: 0;
  }

  .footermain {
    grid-template-columns: 1fr 1fr;
    justify-items: start;
    padding-left: 60px;
    padding-right: 0;
  }

  .bottomfooterwrapper {
    max-height: 150px;
    min-height: 150px;
    grid-row-gap: 0px;
    grid-template-columns: 1fr;
  }

  .rightfootergrid {
    justify-content: center;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .footertext {
    margin-right: 0;
  }

  .brandline {
    display: none;
  }

  .titlewrapper.remove-border {
    border-top-color: #323e48;
    border-bottom-width: 1px;
    border-bottom-color: #323e48;
  }

  .showgridcard {
    margin-bottom: 20px;
  }

  .testimonialheader {
    flex-direction: column;
  }

  .brandleft-wrapper {
    margin-bottom: 100px;
  }

  .keymobile {
    padding: 60px;
    display: block;
  }

  .keymobilewrap {
    flex-direction: row;
    align-items: center;
    padding-top: 40px;
    padding-bottom: 40px;
    display: flex;
  }

  .logocontainer {
    width: auto;
    border-bottom-width: 0;
    border-right-width: 0;
    justify-content: flex-start;
    margin-right: auto;
    padding: 10px 0 10px 40px;
  }

  .footercontainer {
    display: block;
  }

  .modal-background {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .75);
    position: fixed;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
  }

  .contactsection.pricing-container {
    padding-top: 0;
  }

  .contactleft {
    position: static;
  }

  .gridtopwrapper {
    width: 100%;
    max-width: 450px;
    border-bottom-width: 0;
    border-left-width: 0;
    align-items: flex-start;
    margin-left: auto;
    margin-right: auto;
    padding: 20px 0%;
  }

  .contacth2 {
    margin-bottom: 20px;
  }

  .contentwrapper {
    width: 100%;
    max-width: 450px;
  }

  .botmargin {
    margin-bottom: 30px;
  }

  .contacth1wrapper {
    padding-top: 30px;
    padding-bottom: 30px;
    display: block;
  }

  .contacth1wrapper.auto {
    height: auto;
    position: static;
  }

  .contactgrid {
    grid-template-rows: .25fr .5fr 1fr .75fr;
    grid-template-columns: 1.25fr;
  }

  .contactgrid.pricing-contact {
    grid-template-rows: .25fr 1fr 1fr 1fr;
    grid-template-columns: 1fr;
    grid-auto-columns: auto;
  }

  .partnercolumns {
    flex-direction: column;
    align-items: center;
    padding-bottom: 40px;
  }

  .partnersleft {
    width: auto;
    max-width: 500px;
    padding: 40px 0 0;
  }

  .partnersright {
    width: 100%;
    max-width: 500px;
    grid-column-gap: 20px;
    grid-row-gap: 30px;
    grid-template-columns: 1fr 1fr 1fr;
    padding: 0;
  }

  .partnersh2 {
    text-align: center;
    font-size: 50px;
  }

  .partnersh2.max-width {
    max-width: 500px;
  }

  .partnersh2._300px {
    max-width: none;
  }

  .partnersparagraph {
    text-align: center;
    margin-bottom: 40px;
  }

  .partnersleftcontainer {
    max-width: 100%;
  }

  .techsection {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .erpright {
    width: 100%;
    max-width: 500px;
    grid-row-gap: 30px;
    margin-bottom: 40px;
    padding: 0;
  }

  .erpcolumns {
    flex-direction: column;
    align-items: center;
    padding-bottom: 40px;
  }

  .techparagraph {
    max-width: 500px;
    margin-bottom: 40px;
  }

  .techgrid {
    max-width: 500px;
    grid-column-gap: 29px;
    grid-row-gap: 31px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .sectioncolumnwrapper {
    justify-content: space-between;
    align-items: center;
  }

  .sectioncolumnwrapper.reverse {
    align-items: center;
    padding-bottom: 30px;
  }

  .sectioncolumnwrapper.reverse.no-pad {
    padding-bottom: 0;
  }

  .sectioncolumnwrapper.no-pad.full-height {
    align-items: stretch;
  }

  .sectioncolumnwrapper.border-top.join-joor._01 {
    border-top-style: solid;
  }

  .sectioncolumnwrapper.border-top.simplified-shopping, .sectioncolumnwrapper.border-top.the-power-of-discovery, .sectioncolumnwrapper.border-top.order-management-analytics, .sectioncolumnwrapper.border-top.virtualshowrooms {
    flex-direction: column;
  }

  .sectioncolumnwrapper.joor-pay.section-line {
    border-bottom-style: solid;
    flex-direction: column;
  }

  .sectioncolumnwrapper.joor-pay.mobile {
    flex-direction: column;
    padding-top: 0;
  }

  .leftcolumn {
    width: 100%;
    justify-content: center;
    padding-left: 10px;
    padding-right: 10px;
    display: flex;
  }

  .leftcolumn.no-marg {
    margin-bottom: 0;
  }

  .leftcolumn.mobile {
    width: 100%;
    height: auto;
    padding-left: 0;
    padding-right: 0;
  }

  .leftcolumn.mobile.padding-20 {
    padding-left: 30px;
    padding-right: 30px;
  }

  .leftcolumn.retail-reimagined {
    width: 100%;
  }

  .rightcolumn {
    padding-left: 20px;
    padding-right: 20px;
  }

  .rightcolumn.padding {
    width: 50%;
    max-width: none;
    align-items: flex-start;
    padding: 0 20px;
  }

  .rightcolumn.mobile {
    width: 100%;
    max-width: 80%;
  }

  .rightcolumn.centred {
    margin-bottom: 50px;
  }

  .rightcolumn.retail-reimagined, .rightcolumn.simplified-shopping, .rightcolumn.the-power-of-discovery, .rightcolumn.order-management-analytics, .rightcolumn.joor-pay, .rightcolumn.hybrid-shopping, .rightcolumn.virtualshowrooms {
    width: 100%;
  }

  .textcontainer.left-align {
    padding-left: 0;
  }

  .abouth2.smaller {
    font-size: 60px;
  }

  .abouth2.smaller._70pt {
    font-size: 50px;
  }

  .abouth2.align-left._70pt {
    font-size: 50px;
    line-height: 1.1;
  }

  .abouth2.align-left._70pt.join-joor._01, .abouth2.align-left._70pt.join-joor._01.ch-cap {
    max-width: none;
  }

  .abouth2._70pt {
    text-align: left;
    font-family: Canela, sans-serif;
    font-size: 50px;
  }

  .aboutparagraph.add-pad {
    max-width: none;
    padding-left: 10px;
    padding-right: 10px;
  }

  .aboutparagraph.align-left {
    text-align: left;
  }

  .cmsnewscontainer {
    padding-left: 20px;
    padding-right: 20px;
  }

  .newscard {
    width: 100%;
    max-width: 445px;
    margin-left: auto;
    margin-right: auto;
  }

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

  .passportstatssection {
    max-width: 90%;
    grid-row-gap: 80px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .paymenticons {
    align-items: flex-start;
  }

  .iconcard {
    max-width: 30%;
    margin-bottom: 40px;
  }

  .iconcard.no-margin {
    margin-bottom: 0;
  }

  .icon {
    width: auto;
  }

  .ctacontainer {
    max-width: 80%;
  }

  .p-wrapper {
    max-width: 75%;
  }

  .success-style {
    width: 100%;
    height: 100%;
    padding-left: 40px;
    padding-right: 40px;
    bottom: auto;
    left: 0%;
    right: 0%;
  }

  .contacth1-desktop {
    padding-top: 30px;
    padding-bottom: 30px;
    display: none;
  }

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

  .teamcard {
    width: auto;
    max-width: none;
    text-align: center;
    align-items: center;
  }

  .teamimg {
    width: 50%;
    height: auto;
  }

  .teaminfowrapper {
    width: 50%;
    max-width: none;
    text-align: left;
    padding: 20px;
  }

  .columnhero {
    flex-direction: column;
    align-items: center;
    padding-top: 0;
    padding-bottom: 0;
  }

  .img-container {
    width: auto;
    max-width: none;
    margin-bottom: 0;
  }

  .img-container.cmssection {
    max-width: 50%;
    margin-bottom: 0;
    padding: 0;
  }

  .right-container {
    width: 100%;
    max-width: none;
    align-items: flex-start;
  }

  .right-container.push-left {
    padding-left: 0;
  }

  .flex-container {
    max-width: none;
    padding-left: 30px;
    padding-right: 30px;
  }

  .cmsheroh1 {
    width: 100%;
  }

  .cmsherotopic {
    margin-bottom: 20px;
  }

  .filterdiv {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .wrapper {
    flex-direction: column;
    align-items: flex-start;
  }

  .cmsarticleh2.max-width {
    max-width: none;
    margin-bottom: 10px;
  }

  .dropdown-wrapper {
    margin-bottom: 20px;
    margin-left: 0;
  }

  .blogsection, .blogcta {
    max-width: 600px;
  }

  .trendwrapper {
    padding: 40px 60px;
  }

  .trendwrapper.mobile {
    justify-content: center;
  }

  .trendrow {
    grid-column-gap: 61px;
    grid-template-columns: 1fr 1fr;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    padding-bottom: 20px;
    padding-left: 60px;
    padding-right: 60px;
  }

  .tagwrapper {
    max-width: 600px;
  }

  .blogitalic {
    line-height: 1.3;
  }

  .blogtagtext {
    font-weight: 400;
  }

  .linkblock {
    height: 230px;
    justify-content: flex-start;
    padding-left: 30px;
    padding-right: 30px;
  }

  .contact-collection {
    grid-template-columns: 1fr 1fr 1fr;
    padding-left: 20px;
    padding-right: 20px;
  }

  .check-icon {
    top: 9px;
  }

  .typefilter {
    margin-bottom: 20px;
  }

  .news-collection {
    grid-template-columns: 1fr 1fr;
  }

  .readmore-wrapper {
    padding: 40px 60px;
  }

  .readmore-wrapper.mobile {
    flex-direction: column;
    align-items: center;
  }

  .readmore-header {
    flex-direction: column;
    align-items: flex-start;
  }

  .readmore-heading2 {
    margin-bottom: 10px;
    font-size: 60px;
  }

  .readmore-section {
    padding-bottom: 40px;
  }

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

  .margin-bot {
    margin-bottom: 10px;
  }

  .cta-logos {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .logosh2 {
    max-width: 80%;
  }

  .logos-grid {
    max-width: 90%;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .stats-section {
    flex-direction: column;
    padding-top: 0;
  }

  .stats-sect {
    grid-row-gap: 80px;
    grid-template-columns: 1fr;
  }

  .stats-sect._4-col {
    grid-column-gap: 21px;
    grid-template-columns: 1fr;
    padding-bottom: 30px;
  }

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

  .stat-card {
    flex-direction: column;
    align-items: center;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .stath3 {
    margin-bottom: 10px;
    font-size: 60px;
  }

  .stath4 {
    line-height: 1.7;
  }

  .res-image {
    object-fit: cover;
  }

  .size400 {
    display: block;
  }

  .blogcard {
    flex-direction: column;
    align-items: center;
    padding-top: 0;
    padding-bottom: 0;
  }

  .blogcard.border {
    flex-direction: row;
  }

  .hero-paragraph {
    color: #323e48;
    margin-bottom: 20px;
  }

  .footer-header02 {
    margin-bottom: 15px;
    font-size: 16px;
  }

  .html-embed-5 {
    display: none;
  }

  .teamcard-wrapper {
    padding-left: 20px;
    padding-right: 20px;
  }

  .image-5 {
    max-height: 30px;
    filter: invert();
  }

  .hero-slider {
    height: auto;
    display: none;
  }

  .hero-slide._01, .hero-slide._02, .hero-slide._03 {
    background-image: linear-gradient(#fff, #fff);
  }

  .invert-nav-dots {
    filter: invert();
  }

  .hero-section-home {
    height: auto;
    flex-direction: column;
    display: flex;
  }

  .brand-logo {
    width: 90px;
    margin: 5px 10px;
  }

  .press-collection {
    grid-template-columns: 1fr 1fr;
  }

  .hidden-title {
    display: none;
  }

  .page-hero-flex {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
    position: static;
  }

  .marq-h2 {
    font-size: 6vw;
  }

  .small {
    font-size: 4vw;
  }

  .trust-logo {
    height: 5vw;
  }

  .result-wrapper {
    display: flex;
  }

  .right-col {
    padding: 60px 20px;
  }

  .why-text {
    margin-bottom: 30px;
  }

  .why-text.remove-margin {
    margin-bottom: 0;
  }

  .brand-values, .retail-therapy, .nav-buttons, .nav-wrapper, .nav-link-container {
    display: none;
  }

  .hero-bg-img-desk {
    max-height: 450px;
    min-height: 450px;
    object-fit: cover;
    display: none;
  }

  .hero-bg-img-desk._01 {
    display: block;
  }

  .btn-light {
    background-color: #323e48;
    border-color: rgba(0, 0, 0, 0);
  }

  .btn-light.footer-btn {
    border-color: #fff;
  }

  .btn-dark {
    background-color: #323e48;
  }

  .btn-dark.hide-on-mobile {
    display: none;
  }

  .btn-dark.hide-on-desktop {
    display: flex;
  }

  .hero-bg-img-mobile {
    width: 100%;
    max-height: 450px;
    min-height: 450px;
    object-fit: cover;
    display: none;
  }

  .cta-header {
    flex-direction: column;
  }

  .arrow-icon-left, .arrow-icon-right {
    width: 40px;
  }

  .hero-wrapper {
    max-height: none;
    flex-direction: column;
    align-items: stretch;
    position: static;
  }

  .hero-wrapper.no-img {
    background-image: none;
    padding-top: 0;
    padding-bottom: 0;
  }

  .card-upper {
    height: 400px;
    min-height: auto;
  }

  .caseheading {
    margin-bottom: 10px;
    font-size: 60px;
  }

  .casewrapper {
    padding: 40px 60px;
  }

  .casewrapper.mobile {
    justify-content: center;
  }

  .caserow {
    grid-column-gap: 61px;
    grid-template-columns: 1fr 1fr;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    padding-bottom: 20px;
    padding-left: 60px;
    padding-right: 60px;
  }

  .sectioncolumnwrapper--reversed {
    justify-content: space-between;
    align-items: center;
  }

  .sectioncolumnwrapper--reversed.border-top {
    flex-direction: column-reverse;
  }

  .sectioncolumnwrapper--reversed.border-top.joor-pay-home {
    padding-top: 0;
  }

  .button-wrapper.hide-on-desktop {
    display: flex;
  }

  .column-video {
    width: 100%;
    height: 350px;
  }

  .media-wrapper {
    width: 300px;
    height: 300px;
  }

  .left-container {
    width: 40%;
    flex-direction: column;
    margin-left: 0;
    margin-right: auto;
    padding: 20px 10px 20px 0;
    display: flex;
  }

  .passport-video {
    width: 350px;
    height: 300px;
  }

  .col-item {
    height: 350px;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 40px;
    display: flex;
  }

  .col-image-wrapper {
    width: 50%;
    display: block;
  }

  .col-image {
    width: 100%;
  }

  .col-text-container {
    width: 50%;
    flex-direction: column;
    margin-left: 0;
    margin-right: auto;
    padding: 20px;
    display: flex;
  }

  .col-item-reversed {
    height: 350px;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 40px;
    display: flex;
  }

  .brands-mobile-section, .retail-mobile-section {
    padding: 30px 60px;
    display: block;
  }

  .why-section {
    max-height: none;
    flex-direction: row;
    align-items: stretch;
    display: flex;
  }

  .home-vid-01 {
    width: 100%;
    height: 100%;
  }

  .text-block-8 {
    margin-left: auto;
    margin-right: auto;
    font-size: 14px;
  }

  .tabs-menu {
    width: 35%;
  }

  .tabs-content {
    width: 65%;
  }

  .logos-container {
    grid-template-columns: 1fr 1fr 1fr;
    padding-left: 0;
    padding-right: 0;
  }

  .logos-container._02, .logos-container._03, .logos-container._05, .logos-container._04 {
    grid-column-gap: 20px;
    grid-row-gap: 10px;
  }

  .arrow-icon-right-2 {
    width: 40px;
  }

  .joor-pay-logo.hide {
    display: none;
  }

  .quotelogo-2 {
    max-height: 40px;
    min-height: 30px;
  }

  .quote-slide-3.centred {
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .container-12 {
    max-width: 728px;
  }

  .joor-pay-logo-dark {
    width: 100%;
    height: 100%;
    max-height: 343px;
    max-width: 1315px;
    margin-left: -12px;
    display: block;
  }

  .joor-pay-video {
    width: 100%;
    margin-top: 40px;
  }

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

  .joorpaywrapper {
    width: 100%;
    height: 0;
    max-height: 130px;
    overflow: hidden;
  }

  .container {
    max-width: 728px;
  }

  .footer-subscribe.no-padding {
    position: static;
  }

  .footer-form-two {
    padding: 40px;
  }

  .footer-form-title {
    margin-right: 15px;
  }

  .footer-form-input {
    width: 400px;
    padding-right: 180px;
  }

  .footer-wrapper-three {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
  }

  .footer-social-block-three {
    margin-top: 40px;
  }

  .clients-title {
    margin-bottom: 32px;
  }

  .footer-wrapper-two {
    flex-wrap: wrap;
  }

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

  .footer-form-container {
    max-width: 350px;
  }

  .body-2 {
    font-family: Montserrat, sans-serif;
  }

  .padding-section-large {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .margin-bottom-2 {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .video-1 {
    width: 100%;
  }

  .layout25_component {
    min-height: auto;
    grid-column-gap: 3rem;
    grid-template-columns: 1fr 1fr;
    grid-auto-flow: row;
  }

  .heading-style-h2 {
    font-size: 2.75rem;
  }

  .margin-top {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .layout238_list {
    grid-column-gap: 2rem;
  }

  .padding-section-lmedium {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
}

@media screen and (max-width: 767px) {
  h4 {
    margin-bottom: 10px;
  }

  .header {
    max-height: 55px;
    min-height: 55px;
  }

  .logowrapper.w--current {
    width: 90px;
  }

  .logo {
    max-height: 30px;
  }

  .hamburgerwrapper.open-modal {
    height: 55px;
    max-height: none;
    min-height: 0;
  }

  .navmenu {
    max-width: 90%;
  }

  .herotextcontainer.max-width {
    max-width: none;
  }

  .tradesection {
    padding-bottom: 50px;
  }

  .titlecontainer {
    max-width: 80%;
  }

  .titleh2 {
    font-size: 30px;
  }

  .titleh2.margin-bottom {
    margin-bottom: 0;
    font-size: 24px;
  }

  .titleh2.margin-bottom.mobile-marg {
    font-size: 36px;
  }

  .titleh2.margin-bottom._24pt {
    font-size: 24px;
  }

  .titleh2.margin-bottom {
    margin-bottom: 0;
    font-size: 24px;
  }

  .titleh2.margin-bottom.mobile-marg {
    font-size: 36px;
  }

  .columnh3 {
    margin-bottom: 10px;
    font-weight: 100;
  }

  .columnh3._50pt {
    margin-bottom: 10px;
    font-size: 50px;
    font-weight: 100;
  }

  .columnh3._50pt.white {
    color: #fff;
  }

  .columnh3._70pt {
    font-size: 50px;
  }

  .columnsubtext {
    font-size: 16px;
  }

  .columnsubtext.white {
    color: #fff;
  }

  .columnwrapper {
    padding-top: 0;
    padding-bottom: 0;
  }

  .columnheader {
    margin-bottom: 30px;
  }

  .size500.white {
    color: #fff;
  }

  .tradewrapper {
    padding-left: 20px;
    padding-right: 20px;
  }

  .tradeheading._70pt {
    font-weight: 100;
  }

  .resultheading {
    font-size: 90px;
  }

  .tradetext {
    font-size: 16px;
  }

  .traderow {
    grid-template-columns: 1fr 1fr;
    padding-left: 20px;
    padding-right: 20px;
  }

  .whyleft {
    width: 100%;
  }

  .quoteparagraph {
    max-width: none;
    font-size: 24px;
  }

  .quotelogo {
    max-height: 30px;
    min-height: 20px;
  }

  .cta {
    min-height: 300px;
    object-fit: cover;
    background-image: url("https://assets.website-files.com/60f1b7c4b0443a312b4a7c34/610c2956fa2a7e248146abd8_raden-prasetya-EvjmSg1xurI-unsplash.jpg");
    background-size: cover;
    padding: 20px;
  }

  .ctah2 {
    margin-bottom: 40px;
    font-size: 30px;
  }

  .ctah2.xmargin-bottom-30pt {
    margin-bottom: 60px;
  }

  .ctah2.xmargin-bottom-30pt.black.smallfont {
    padding-left: 0;
    padding-right: 0;
    font-size: 36px;
  }

  .ctah2.bottomtext {
    margin-bottom: 0;
  }

  .ctah2.bottomtext.mar {
    margin-bottom: 20px;
  }

  .topfooterwrapper {
    padding: 30px 20px;
  }

  .footerlogo {
    width: auto;
    height: 40px;
    max-width: 100%;
  }

  .leftfooterwrap {
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
  }

  .rightfooterwrap {
    justify-content: flex-start;
  }

  .footermain {
    width: 100%;
    grid-column-gap: 0px;
    justify-items: start;
    padding-bottom: 40px;
    padding-left: 20px;
    padding-right: 0;
  }

  .footerh2 {
    margin-bottom: 20px;
    font-size: 20px;
  }

  .footerlink {
    margin-bottom: 15px;
    font-size: 12px;
  }

  .footerbtntext {
    font-size: 12px;
  }

  .footertext {
    font-size: 9px;
  }

  .showgridcard {
    margin-bottom: 20px;
  }

  .careersh1 {
    font-size: 50px;
  }

  .careermessage {
    padding-top: 20px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .careerh2 {
    font-size: 36px;
  }

  .careercontainer {
    margin-bottom: 20px;
  }

  .testimonialheader {
    padding-left: 40px;
    padding-right: 40px;
  }

  .teamsection {
    flex-direction: column;
    align-items: center;
    padding-bottom: 40px;
  }

  .teamleft, .teamimage, .teamright {
    width: 100%;
  }

  .teamh2 {
    text-align: center;
  }

  .keymobile {
    padding-bottom: 0;
    padding-left: 40px;
    padding-right: 40px;
  }

  .keymobilewrap {
    flex-direction: column;
    align-items: center;
  }

  .keymobilewrap.reverse {
    flex-direction: column-reverse;
    padding-bottom: 0;
  }

  .logocontainer {
    padding-left: 40px;
  }

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

  .gridtopwrapper {
    justify-content: flex-start;
    margin-left: 10px;
    margin-right: 10px;
  }

  .contacth2 {
    font-size: 20px;
  }

  .contacth2.reduce-margin._26pt {
    font-size: 26px;
  }

  .margin {
    font-size: 14px;
  }

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

  .contactgrid, .partnersright {
    justify-items: center;
  }

  .partnersright._01 {
    width: auto;
  }

  .partnersh2.max-width {
    text-align: center;
  }

  .partnersh2._70pt {
    font-size: 50px;
  }

  .erpright {
    width: auto;
  }

  .techgrid {
    width: auto;
    justify-items: center;
  }

  .abouthero {
    height: 300px;
  }

  .sectioncolumnwrapper {
    flex-direction: column;
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .sectioncolumnwrapper.reverse {
    flex-direction: column;
  }

  .sectioncolumnwrapper.no-pad.full-height {
    align-items: center;
  }

  .leftcolumn {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .leftcolumn.no-marg {
    width: 100%;
  }

  .rightcolumn {
    width: auto;
    padding-top: 0;
    padding-bottom: 60px;
  }

  .rightcolumn.padding {
    width: 100%;
    max-width: 90%;
    margin-left: auto;
    margin-right: auto;
    padding: 30px 0;
  }

  .rightcolumn.bridal {
    padding-bottom: 0;
  }

  .rightcolumn.mobile.joor-pay-at-a-glance {
    max-width: none;
  }

  .rightcolumn.centred {
    align-items: center;
  }

  .textcontainer {
    align-items: flex-start;
    margin-top: 60px;
  }

  .textcontainer.left-aligned {
    text-align: left;
    align-items: flex-start;
  }

  .textcontainer.retail-reimagined {
    align-items: flex-start;
  }

  .abouth2 {
    margin-bottom: 0;
    font-size: 50px;
  }

  .abouth2.smaller {
    margin-bottom: 10px;
    font-size: 50px;
  }

  .abouth2.align-left._70pt {
    text-align: left;
    margin-bottom: 20px;
    line-height: .9;
  }

  .abouth2._70pt {
    text-align: center;
    margin-bottom: 10px;
  }

  .aboutparagraph.margin-bottom {
    text-align: left;
  }

  .aboutparagraph.margin-bottom.home-page-bullet {
    text-align: left;
    margin-bottom: 20px;
  }

  .aboutparagraph.add-pad {
    margin-bottom: 0;
  }

  .aboutparagraph.align-left {
    text-align: center;
  }

  .padding30 {
    font-size: 24px;
  }

  .newssection {
    padding-bottom: 40px;
  }

  .newscard {
    max-width: none;
    min-height: auto;
    padding-top: 20px;
    padding-bottom: 20px;
  }

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

  .emailwrapper {
    flex-direction: column;
  }

  .emailcontainer {
    padding: 20px;
  }

  .paymenticons {
    flex-direction: column;
    align-items: center;
  }

  .iconcard {
    margin-bottom: 60px;
  }

  .icon, .iconcardh3 {
    margin-bottom: 10px;
  }

  .quoteicon {
    width: 25px;
  }

  .ctacontainer {
    max-width: none;
  }

  .ctabg02 {
    background-image: url("https://assets.website-files.com/60f1b7c4b0443a312b4a7c34/6107fd2b48b45cb617df657a_spacejoy-GNs831kqdoM-unsplash%201%403x.png");
  }

  .html-embed-3 {
    margin-left: 40px;
    margin-right: 40px;
  }

  .success-style {
    padding-left: 20px;
    padding-right: 20px;
  }

  .form-block.formpage.padding30 {
    max-width: 90%;
  }

  .contacth1-desktop {
    margin-left: 10px;
    margin-right: 10px;
  }

  .mobile-image {
    max-width: 100%;
  }

  .teamcard {
    flex-direction: column;
  }

  .teamimg {
    width: 90%;
    margin-bottom: 20px;
  }

  .teaminfowrapper {
    width: 90%;
    padding: 0;
  }

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

  .img-container {
    max-width: none;
  }

  .img-container.cmssection {
    width: 100%;
    max-width: 80%;
  }

  .right-container.push-left._400px {
    max-width: 80%;
  }

  .flex-container {
    padding-left: 0;
    padding-right: 0;
  }

  .cmsheroh1 {
    font-size: 40px;
    line-height: 1;
  }

  .blogsection, .blogcta {
    max-width: 450px;
  }

  .trendwrapper {
    padding-left: 40px;
    padding-right: 40px;
  }

  .trendrow {
    grid-column-gap: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .tagwrapper {
    max-width: 450px;
  }

  .taglist {
    margin-left: 10px;
  }

  .tagcontainer {
    flex-wrap: wrap;
  }

  .linkblock {
    width: 100%;
    margin-bottom: 20px;
    padding-left: 0;
    padding-right: 0;
  }

  .contact-collection {
    grid-template-columns: 1fr 1fr;
    padding-bottom: 40px;
    padding-left: 40px;
    padding-right: 40px;
  }

  .filterbuttonwrapper._50-margin {
    margin-left: 30px;
  }

  .filterbuttonwrapper._40-margin {
    margin-left: 20px;
  }

  .filter-by-type {
    align-items: center;
  }

  .news-collection {
    grid-template-columns: 1fr;
    margin-bottom: 40px;
  }

  .readmore-wrapper {
    padding-left: 40px;
    padding-right: 40px;
  }

  .margin-bot.brandh4 {
    font-family: Canela, sans-serif;
  }

  .margin-bot.brandh4.white {
    color: #fff;
  }

  .cta-logos {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .logosh2 {
    font-size: 24px;
  }

  .logos-grid {
    grid-template-columns: 1fr 1fr 1fr;
    align-content: center;
  }

  .stats-sect {
    grid-template-columns: 1fr;
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .stats-sect._4-col {
    grid-column-gap: 39px;
    grid-row-gap: 40px;
    grid-template-columns: 1fr;
    padding-top: 30px;
  }

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

  .remove-margin {
    margin-bottom: 0;
  }

  .stath3 {
    font-size: 100px;
  }

  .res-left-column {
    width: auto;
  }

  .res-image {
    height: auto;
    max-height: 400px;
  }

  .res-image.nopadding {
    padding-right: 0;
  }

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

  .blogcard.border {
    flex-direction: column;
    padding-top: 25px;
    padding-bottom: 25px;
  }

  .blog-image-wrapper {
    max-height: 350px;
  }

  .footer-header02 {
    margin-bottom: 12px;
    margin-left: 20px;
  }

  .rem-marg {
    margin-bottom: 0;
  }

  .brand-logo {
    width: 120px;
  }

  .press-collection {
    grid-template-columns: 1fr;
    margin-bottom: 40px;
  }

  .hidden-title {
    display: block;
  }

  .hidden-title-mobile {
    display: none;
  }

  .page-hero-flex {
    padding-left: 20px;
    padding-right: 20px;
  }

  .marq-wrapper {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .marq-h2 {
    font-size: 7vw;
  }

  .small {
    font-size: 5vw;
  }

  .result-wrapper {
    max-height: none;
    max-width: none;
    flex-direction: column;
    margin-left: 0;
    margin-right: 0;
  }

  .right-col {
    width: auto;
  }

  .hero-title {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .hero-bg-img-desk._01 {
    display: none;
  }

  .btn-light.margin-left {
    margin-left: 20px;
  }

  .btn-dark.mobile-light {
    color: #323e48;
    background-color: #fff;
  }

  .btn-dark.shop-now, .btn-dark.free-accoun {
    margin-left: 0;
  }

  .hero-bg-img-mobile {
    max-height: none;
    min-height: 0;
    object-fit: contain;
    display: none;
  }

  .cta-header {
    padding-left: 40px;
    padding-right: 40px;
  }

  .quote-slide {
    padding-top: 20px;
    padding-bottom: 40px;
  }

  .arrow-icon-left {
    width: 30px;
    left: 20%;
    right: auto;
  }

  .arrow-icon-right {
    width: 30px;
    left: auto;
    right: 20%;
  }

  .card-upper {
    height: 300px;
    min-height: auto;
  }

  .casewrapper {
    padding-left: 40px;
    padding-right: 40px;
  }

  .caserow {
    grid-column-gap: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .smalltext {
    color: #f30;
  }

  .nav-grid {
    text-align: center;
  }

  .column-image {
    height: auto;
    max-height: 750px;
    margin-bottom: 20px;
  }

  .column-image._01 {
    height: auto;
    max-height: 450px;
  }

  .column-image.simplify-foreign-transactions {
    width: 95%;
  }

  .sectioncolumnwrapper--reversed {
    flex-direction: column;
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .column-list {
    text-align: left;
    margin-left: 0;
  }

  .column-video {
    height: 500px;
    margin-bottom: 20px;
  }

  .media-wrapper {
    width: 100%;
    height: 450px;
    margin-bottom: 20px;
  }

  .media-wrapper.hide-on-homepage {
    display: none;
  }

  .left-container {
    width: auto;
    margin-left: 0;
    margin-right: 0;
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
  }

  .passport-video {
    width: 450px;
    height: 400px;
  }

  .column-child {
    width: 100%;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .col-item {
    height: auto;
    flex-direction: column-reverse;
    justify-content: flex-start;
    align-items: stretch;
    margin-bottom: 40px;
  }

  .col-image-wrapper {
    width: auto;
  }

  .col-image {
    display: none;
  }

  .col-image.is-visible {
    display: block;
  }

  .col-text-container {
    width: auto;
    margin-left: 0;
    margin-right: 0;
    padding: 0;
  }

  .col-item-reversed {
    height: auto;
    flex-direction: column-reverse;
    justify-content: flex-end;
    align-items: stretch;
    margin-bottom: 20px;
  }

  .brands-mobile-section {
    background-color: #40515d;
    padding: 50px 40px;
  }

  .retail-mobile-section {
    padding: 50px 40px;
  }

  .why-section {
    flex-direction: column;
  }

  .abs-title {
    top: -6%;
  }

  .join-joor-center-text {
    padding-top: 20px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .text-block-8 {
    margin-left: auto;
    margin-right: auto;
    padding-right: 0;
    font-size: 14px;
  }

  .tab-link {
    margin-left: 10px;
    margin-right: 10px;
    padding: 0 20px;
  }

  .tab-link.w--current {
    transition-property: none;
    transform: none;
  }

  .tabs-menu {
    width: auto;
    border-bottom: 1px solid #323e48;
    border-right-style: none;
    border-right-width: 0;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    padding: 10px 20px 20px;
    overflow: scroll;
  }

  .tabs-content {
    width: 100%;
    padding-top: 40px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .tabs {
    max-width: none;
    min-height: 0;
    flex-direction: column;
    padding-top: 0;
    padding-bottom: 40px;
  }

  .logoh3-2 {
    width: 90%;
    text-align: center;
    border-bottom: 1px solid #323e48;
    margin-bottom: 40px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 0;
    padding-bottom: 40px;
    font-size: 50px;
    display: block;
  }

  .brandsh3-2 {
    font-family: Montserrat, sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.7;
  }

  .logos-container {
    justify-content: space-around;
  }

  .grid-2.mobile-grid {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .image-20.payment-updates-page.buy-now-pay-later {
    width: 95px;
  }

  .arrow-icon-right-2 {
    width: 30px;
    left: auto;
    right: 20%;
  }

  .quote-slide-2 {
    padding-top: 20px;
    padding-bottom: 40px;
  }

  .quotelogo-2 {
    max-height: 30px;
    min-height: 20px;
  }

  .close-popup {
    width: 30px;
    height: 30px;
  }

  .image-24 {
    width: 15px;
    height: 15px;
  }

  .jpopuprw {
    padding: 60px 20px;
  }

  .heading-20 {
    margin-bottom: 20px;
    font-size: 34px;
  }

  .jpopup-cltxt, .list-2 {
    max-width: 100%;
    margin-top: 20px;
    font-size: 20px;
  }

  .hero-heading-center, .hero-without-image {
    padding: 60px 15px;
  }

  .footer-subscribe {
    padding-left: 15px;
    padding-right: 15px;
  }

  .footer-form-container-two {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .footer-form-title {
    margin-right: 0;
  }

  .footer-form-block-two {
    width: 100%;
    margin-top: 20px;
  }

  .footer-form-input {
    width: 100%;
  }

  .footer-wrapper-three {
    align-items: center;
  }

  .footer-block-three {
    flex-flow: column wrap;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .footer-link-three {
    margin-bottom: 10px;
  }

  .footer-social-block-three {
    margin-top: 10px;
  }

  .footer-bottom {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .footer-copyright {
    font-size: 14px;
    line-height: 20px;
  }

  .footer-legal-block {
    margin-top: 15px;
    margin-left: -24px;
  }

  .footer-legal-link {
    font-size: 14px;
    line-height: 20px;
  }

  .logos-title-large {
    padding: 60px 15px;
  }

  .clients-wrapper {
    flex-wrap: wrap;
    justify-content: space-around;
    margin-bottom: -20px;
  }

  .clients-image {
    margin-bottom: 30px;
    margin-left: 20px;
    margin-right: 20px;
  }

  .footer-light {
    padding-left: 15px;
    padding-right: 15px;
  }

  .footer-social-block-two {
    margin-top: 20px;
  }

  .footer-social-link {
    margin-left: 20px;
  }

  .image-31 {
    width: 26px;
    padding-right: 0;
  }

  .image-32, .image-33 {
    width: 30px;
    padding-right: 0;
  }

  .padding-section-large {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .margin-bottom-2 {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .text-size-medium {
    font-size: 1rem;
  }

  .gallery7_image-wrapper-large {
    padding-top: 100%;
  }

  .gallery7_component, .gallery7_row {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    grid-template-columns: 1fr;
  }

  .layout25_component {
    grid-row-gap: 3rem;
    grid-template-columns: 1fr;
  }

  .heading-style-h2 {
    font-size: 2.25rem;
  }

  .margin-top {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .layout238_list {
    grid-row-gap: 3rem;
    grid-template-columns: 1fr;
  }

  .heading-style-h5 {
    font-size: 1.25rem;
  }

  .padding-section-lmedium {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
}

@media screen and (max-width: 479px) {
  .header {
    max-height: 55px;
    min-height: 55px;
  }

  .navbuttonwrapper, .hamburgerwrapper.open-modal {
    padding-right: 20px;
  }

  .modal-container {
    display: none;
  }

  .navmenu {
    max-width: 83%;
  }

  .navlinks {
    padding-left: 30px;
    padding-right: 30px;
  }

  .submenucontainer {
    padding-right: 0;
  }

  .herotextcontainer {
    max-width: none;
    padding-left: 0;
    padding-right: 0;
  }

  .herotextcontainer.joor-pay-hero-container.video-container {
    max-width: 100%;
  }

  .heroh1, .heroh1.heroh1dk {
    font-size: 40px;
  }

  .herobtnwrapper {
    width: 100%;
    flex-wrap: wrap;
  }

  .herobtnwrapper.is-homepage {
    flex-wrap: nowrap;
  }

  .titlecontainer {
    max-width: 90%;
    padding-left: 10px;
    padding-right: 10px;
  }

  .titleh2.margin-bottom.mobile-marg {
    text-align: center;
  }

  .columnheader {
    margin-bottom: 30px;
  }

  .tradewrapper {
    padding-left: 20px;
    padding-right: 20px;
  }

  .tradeheading {
    font-size: 50px;
  }

  .resultheading.resultheading2 {
    margin-bottom: 0;
    font-size: 50px;
  }

  .button.ctabtn {
    max-width: 90%;
    padding-left: 20px;
    padding-right: 20px;
  }

  .traderow {
    grid-column-gap: 14px;
    grid-template-columns: 1fr 1fr;
    padding-left: 20px;
    padding-right: 20px;
  }

  .tradeimage.show {
    height: 250px;
    object-fit: cover;
  }

  .quoteparagraph {
    padding-left: 5px;
    padding-right: 5px;
    font-size: 20px;
  }

  .cta {
    max-height: 450px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .ctah2.xmargin-bottom-30pt.no-width {
    padding-left: 0;
    padding-right: 0;
  }

  .ctah2.xmargin-bottom-30pt.black {
    margin-bottom: 40px;
  }

  .ctah2.xmargin-bottom-30pt.black.smallfont {
    font-size: 32px;
  }

  .topfooterwrapper {
    border-top-width: 0;
    padding-left: 20px;
    padding-right: 20px;
  }

  .footerlogo {
    margin-bottom: 20px;
    padding-right: 0;
  }

  .leftfooterwrap {
    text-align: center;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
  }

  .rightfooterwrap {
    width: 100%;
    justify-content: space-between;
  }

  .footermain {
    padding-left: 20px;
    padding-right: 20px;
  }

  .footerh2 {
    margin-bottom: 20px;
  }

  .footerlink {
    margin-bottom: 15px;
  }

  .titlewrapper {
    display: none;
  }

  .showgridcard {
    margin-bottom: 40px;
  }

  .whywrap {
    width: 100%;
  }

  .brandleft-wrapper {
    margin-bottom: 60px;
  }

  .keymobile {
    padding-left: 20px;
    padding-right: 20px;
  }

  .keymobilewrap {
    margin-bottom: 60px;
  }

  .keymobilewrap.reverse {
    margin-bottom: 0;
  }

  .logocontainer {
    padding-left: 20px;
  }

  .footercontainer {
    width: 100%;
    flex-direction: column;
    align-items: flex-start;
  }

  .modal-background.close-modal {
    display: block;
  }

  .contactleft, .gridtopwrapper {
    margin-left: 0;
    margin-right: 0;
    padding-left: 20px;
    padding-right: 20px;
  }

  .flex-list {
    align-items: flex-start;
  }

  .list-icon {
    margin-top: 5px;
    margin-right: 0;
    padding-right: 10px;
  }

  .contacth1wrapper {
    margin-left: 0;
    margin-right: 0;
    padding-left: 20px;
    padding-right: 20px;
  }

  .partnercolumns {
    padding-left: 20px;
    padding-right: 20px;
  }

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

  .partnersh2 {
    font-size: 40px;
  }

  .partnersh2.max-width, .partnersh2._300px {
    max-width: none;
  }

  .partnersleftcontainer.erp-partners {
    flex-direction: column;
    align-items: center;
    margin-bottom: 40px;
    display: flex;
  }

  .partnersleftcontainer.industry-partners {
    margin-bottom: 40px;
  }

  .techsection {
    padding-left: 20px;
    padding-right: 20px;
  }

  .techsection.hidden {
    display: none;
  }

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

  .erpcolumns {
    padding-left: 20px;
    padding-right: 20px;
  }

  .techgrid {
    max-width: none;
    grid-template-columns: 1fr 1fr;
  }

  .sectioncolumnwrapper.reverse {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .sectioncolumnwrapper.reverse.no-pad.full-height {
    padding-top: 0;
  }

  .sectioncolumnwrapper.joor-pay.section-line.buy-now-pay-later {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .rightcolumn.padding {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .rightcolumn.mobile {
    max-width: none;
    padding-left: 10px;
  }

  .rightcolumn.mobile.joor-pay-at-a-glance {
    padding-top: 60px;
  }

  .textcontainer {
    margin-top: 0;
  }

  .textcontainer.about-text {
    width: auto;
  }

  .abouth2.smaller._70pt {
    font-size: 50px;
  }

  .abouth2.align-left._70pt.join-joor._01.ch-cap {
    padding-left: 0;
  }

  .aboutparagraph.add-pad {
    padding-left: 0;
    padding-right: 0;
  }

  .cmsnewscontainer {
    padding-left: 10px;
    padding-right: 10px;
  }

  .newscard {
    padding-left: 20px;
    padding-right: 20px;
  }

  .filtertext {
    margin-bottom: 10px;
  }

  .filtertext._20bot {
    padding-left: 20px;
  }

  .filtertext._14pt.remove-margin {
    margin-bottom: 0;
    font-size: 12px;
  }

  .filtertext._14pt.remove-margin.rm {
    white-space: nowrap;
  }

  .filtertext._11pt {
    font-size: 11px;
  }

  .filtertext._11pt.rm {
    white-space: nowrap;
    margin-right: 10px;
  }

  .passporth3 {
    font-size: 90px;
  }

  .paymenticons {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .iconcard {
    max-width: 90%;
  }

  .icon {
    width: 50%;
    max-height: none;
  }

  .html-embed-3 {
    margin-left: 20px;
    margin-right: 20px;
  }

  .p-wrapper {
    max-width: 90%;
  }

  .successtext._30pt {
    font-size: 24px;
  }

  .successtext.heading {
    font-size: 42px;
  }

  .contacth1-desktop {
    margin-left: 0;
    margin-right: 0;
    padding-left: 20px;
    padding-right: 20px;
    display: none;
  }

  .teamcard {
    padding-bottom: 40px;
  }

  .teamimg {
    width: auto;
    height: auto;
  }

  .teaminfowrapper {
    width: auto;
  }

  .herocolumn-img.small {
    max-height: none;
  }

  .img-container.cmssection {
    max-width: none;
    margin-bottom: 20px;
    padding-top: 0;
    padding-bottom: 0;
  }

  .right-container {
    max-width: none;
    padding-left: 20px;
    padding-right: 20px;
  }

  .right-container.push-left {
    padding-left: 10px;
    padding-right: 10px;
  }

  .right-container.push-left._400px {
    max-width: none;
    padding-left: 0;
    padding-right: 0;
  }

  .flex-container {
    max-width: none;
    padding-left: 10px;
    padding-right: 10px;
  }

  .cmsheroh1 {
    font-size: 32px;
  }

  .cmsinsightwrapper {
    padding-left: 20px;
    padding-right: 20px;
  }

  .blogsection {
    max-width: none;
  }

  .blogrichtext {
    padding-left: 20px;
    padding-right: 20px;
  }

  .blogh1 {
    padding-left: 20px;
    padding-right: 20px;
    font-size: 36px;
  }

  .blogcta {
    max-width: none;
    flex-direction: column;
    padding-left: 10px;
    padding-right: 10px;
  }

  .trendsection, .trendwrapper {
    padding-left: 20px;
    padding-right: 20px;
  }

  .trendwrapper.mobile {
    padding-left: 0;
  }

  .trendrow {
    grid-column-gap: 21px;
    grid-template-columns: 1fr;
    padding-left: 0;
    padding-right: 0;
  }

  .tagwrapper {
    max-width: none;
    align-content: flex-start;
    align-items: center;
    padding: 20px;
  }

  .tagcontainer {
    height: auto;
  }

  .tagtextdiv {
    align-items: center;
  }

  .trendimagetitle {
    text-align: left;
    font-size: 20px;
  }

  .contact-collection {
    max-width: none;
    grid-template-columns: 1fr 1fr;
    margin-left: 0;
    margin-right: 0;
    padding-bottom: 40px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .filterbuttonwrapper._50-margin {
    margin-left: 0;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .filterbuttonwrapper._40-margin {
    margin-left: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .filter-container {
    width: 100%;
    flex-flow: wrap;
    justify-content: flex-start;
  }

  .readmore-wrapper {
    padding-left: 20px;
    padding-right: 20px;
  }

  .readmore-heading2 {
    font-size: 50px;
  }

  .readmore-section {
    padding-left: 20px;
    padding-right: 20px;
  }

  .cta-logos {
    padding: 50px 20px;
  }

  .logosh2 {
    max-width: none;
    margin-bottom: 30px;
  }

  .logos-grid {
    max-height: none;
    max-width: none;
    min-height: auto;
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr 1fr;
    margin-bottom: 40px;
  }

  .logos-height.percent.higher {
    width: 90%;
  }

  .stats-sect._4-col {
    grid-template-columns: 1fr;
  }

  .stat-p {
    font-weight: 500;
  }

  .grid-logos {
    grid-column-gap: 0px;
    grid-row-gap: 60px;
    grid-template-columns: 1fr 1fr 1fr;
    padding-left: 10px;
    padding-right: 10px;
  }

  .res-image {
    padding-right: 0;
  }

  .size400, .blogcard.border {
    margin-bottom: 0;
  }

  .hero-paragraph.hero-p-larger {
    font-size: 15px;
  }

  .footer-header02 {
    margin-left: auto;
  }

  .hero-section-home.hero-section-home-smaller {
    height: auto;
  }

  .brand-logo {
    width: 100px;
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .hidden-title-mobile {
    display: flex;
  }

  .page-hero-flex.page-hero-flex2 {
    padding-top: 20px;
    padding-bottom: 30px;
    padding-left: 20px;
  }

  .marq-wrapper {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .marq-h2 {
    font-size: 10vw;
  }

  .small {
    font-size: 6vw;
  }

  .trust-logo {
    height: 8vw;
  }

  .hero-title {
    padding-left: 20px;
    padding-right: 20px;
  }

  .btn-light {
    width: 100%;
    height: 35px;
    padding: 20px 15px;
    font-size: 12px;
  }

  .btn-light.margin-left {
    margin-left: 10px;
  }

  .btn-light.m-bottom {
    margin-bottom: 20px;
  }

  .btn-light.hero-margins {
    margin-bottom: 10px;
    margin-right: 0;
  }

  .btn-dark {
    width: 100%;
    margin-left: 0;
  }

  .btn-dark.case-study {
    margin-top: 20px;
    margin-left: 0;
  }

  .btn-dark.hide-on-desktop, .btn-dark.mobile-light, .btn-dark.mobile-btn {
    margin-left: 0;
  }

  .btn-white-bg {
    width: 100%;
  }

  .hero-bg-img-mobile {
    object-fit: contain;
    padding-right: 0;
  }

  .cta-header {
    padding-left: 20px;
    padding-right: 20px;
  }

  .arrow-icon-left {
    width: 20px;
    left: 10%;
  }

  .arrow-icon-right {
    width: 20px;
    right: 10%;
  }

  .card-upper {
    height: 400px;
  }

  .caseheading {
    font-size: 50px;
  }

  .casesection, .casewrapper {
    padding-left: 20px;
    padding-right: 20px;
  }

  .caserow {
    grid-column-gap: 21px;
    grid-template-columns: 1fr;
    padding-left: 0;
    padding-right: 0;
  }

  .caseimagetitle {
    text-align: left;
    font-size: 20px;
  }

  .loadmore, .loadmore-press {
    width: 100%;
  }

  .nav-grid {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-rows: 100px;
    grid-template-columns: 1fr;
    grid-auto-flow: row;
  }

  .nav-logo-link {
    border-top: 1px solid #c4c4c4;
  }

  .html-embed-7 {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    display: block;
  }

  .column-image {
    max-width: 100%;
  }

  .sectioncolumnwrapper--reversed.border-top.simplify-foreign-transactions {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .button-container {
    margin-left: 0;
    margin-right: 0;
    display: block;
  }

  .button-wrapper.hide-on-desktop {
    padding-left: 20px;
    padding-right: 20px;
    display: block;
  }

  .button-wrapper.hide-on-desktop.no-padding {
    padding-left: 0;
    padding-right: 0;
  }

  .column-list {
    margin-left: 0;
  }

  .column-video {
    height: 400px;
    max-width: 100%;
  }

  .media-wrapper {
    height: 350px;
  }

  .passport-video {
    width: 350px;
    height: 300px;
  }

  .col-image.is-visible {
    margin-bottom: 25px;
  }

  .brands-mobile-section, .retail-mobile-section {
    padding-bottom: 50px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .form-banner {
    max-height: 450px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .paragraph-7 {
    padding-left: 20px;
  }

  .image-9 {
    max-width: 50%;
    margin-left: auto;
    margin-right: auto;
    padding-right: 10px;
  }

  .text-block-8 {
    margin-left: auto;
    margin-right: auto;
    padding-right: 0;
    font-size: 14px;
  }

  .logoh3-2 {
    font-size: 40px;
  }

  .grid-2.mobile-grid {
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr;
  }

  .arrow-icon-right-2 {
    width: 20px;
    right: 10%;
  }

  .btn-section.btn-section-large {
    width: 100%;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.2;
  }

  .home-image-joor-pay.home-image-joor {
    height: auto;
    padding-left: 0;
  }

  .joor-partner-h2 {
    font-size: 2.5rem;
    line-height: 1.2;
  }

  .grid-7 {
    text-align: center;
    grid-template: "Area-6 Area-3"
                   "Area-4 Area-2"
                   "Area-5 Area"
                   / 1fr 1fr;
    grid-auto-flow: row;
    align-items: center;
    justify-items: center;
    margin-left: 18px;
    margin-right: 18px;
  }

  .hide-on-mobile {
    display: none;
  }

  .image-29 {
    padding-right: 0;
  }

  .checkboxtext {
    margin-bottom: 10px;
  }

  .container-12 {
    max-width: none;
  }

  .joor-pay-logo-dark {
    height: 100%;
    max-height: 343px;
    max-width: 1315px;
  }

  .container {
    max-width: none;
  }

  .button-primary.footer-form-button {
    position: relative;
    right: 0;
  }

  .footer-form-two {
    padding: 20px;
  }

  .footer-form-block-two {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .footer-form-input {
    margin-bottom: 10px;
    padding-right: 20px;
  }

  .footer-wrapper-three {
    align-items: center;
  }

  .footer-bottom {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .clients-wrapper {
    justify-content: center;
  }

  .clients-image {
    align-self: center;
    margin-left: 10px;
    margin-right: 10px;
    padding-right: 0;
  }

  .footer-wrapper-two {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .footer-block-two {
    margin-top: 40px;
  }

  .footer-social-block-two {
    margin-top: 20px;
  }

  .image-31 {
    width: 28px;
    padding-right: 0;
  }

  .image-32, .image-33 {
    width: 30px;
    padding-right: 0;
  }

  .margin-bottom-2 {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .layout25_component, .layout25_item-list {
    grid-template-columns: 1fr;
  }

  .margin-top {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

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

  .padding-section-lmedium {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}

#w-node-eba2d93a-547f-4d8e-ba8c-c6418d69dec0-3c5e8870, #w-node-_70de283f-3413-fb29-e02e-51bbdc04c5d1-3c5e8870, #w-node-c1650970-2095-2ce7-c8dd-9a57bb1a1a52-3c5e8870, #w-node-bb7a35eb-335e-b406-91c5-12350c9587ee-3c5e8870, #w-node-da533d04-bfa8-c39b-d245-8acc59c1c70b-3c5e8870, #w-node-e68fbda7-3de6-cc3d-4b4a-ce945caf2125-a2ff29a7 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-ba60be27-841a-e221-ef22-a1e72ef3c89d-a2ff29a7 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-e07a73bc-07c0-a95d-eb2e-c1b3e7c94108-595e88bb, #w-node-e07a73bc-07c0-a95d-eb2e-c1b3e7c9410d-595e88bb, #w-node-e07a73bc-07c0-a95d-eb2e-c1b3e7c9410e-595e88bb, #w-node-e07a73bc-07c0-a95d-eb2e-c1b3e7c94112-595e88bb, #w-node-e07a73bc-07c0-a95d-eb2e-c1b3e7c94118-595e88bb {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-e07a73bc-07c0-a95d-eb2e-c1b3e7c9411b-595e88bb {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-e07a73bc-07c0-a95d-eb2e-c1b3e7c94130-595e88bb, #w-node-e07a73bc-07c0-a95d-eb2e-c1b3e7c94122-595e88bb, #w-node-e07a73bc-07c0-a95d-eb2e-c1b3e7c94123-595e88bb, #w-node-e07a73bc-07c0-a95d-eb2e-c1b3e7c94124-595e88bb, #w-node-e07a73bc-07c0-a95d-eb2e-c1b3e7c94125-595e88bb, #w-node-e07a73bc-07c0-a95d-eb2e-c1b3e7c94126-595e88bb {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-e07a73bc-07c0-a95d-eb2e-c1b3e7c94127-595e88bb {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-e07a73bc-07c0-a95d-eb2e-c1b3e7c94128-595e88bb, #w-node-e07a73bc-07c0-a95d-eb2e-c1b3e7c94129-595e88bb, #w-node-e07a73bc-07c0-a95d-eb2e-c1b3e7c9412a-595e88bb, #w-node-e07a73bc-07c0-a95d-eb2e-c1b3e7c9412c-595e88bb, #w-node-e07a73bc-07c0-a95d-eb2e-c1b3e7c9412d-595e88bb, #w-node-e07a73bc-07c0-a95d-eb2e-c1b3e7c9412e-595e88bb, #w-node-e07a73bc-07c0-a95d-eb2e-c1b3e7c94131-595e88bb {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-e07a73bc-07c0-a95d-eb2e-c1b3e7c9413c-595e88bb, #w-node-e07a73bc-07c0-a95d-eb2e-c1b3e7c9413e-595e88bb {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-e07a73bc-07c0-a95d-eb2e-c1b3e7c94141-595e88bb, #w-node-e07a73bc-07c0-a95d-eb2e-c1b3e7c94142-595e88bb, #w-node-e07a73bc-07c0-a95d-eb2e-c1b3e7c94149-595e88bb, #w-node-e07a73bc-07c0-a95d-eb2e-c1b3e7c9414a-595e88bb, #w-node-e07a73bc-07c0-a95d-eb2e-c1b3e7c9414b-595e88bb, #w-node-e07a73bc-07c0-a95d-eb2e-c1b3e7c9414c-595e88bb, #w-node-e07a73bc-07c0-a95d-eb2e-c1b3e7c9414d-595e88bb, #w-node-e07a73bc-07c0-a95d-eb2e-c1b3e7c9414e-595e88bb, #w-node-e07a73bc-07c0-a95d-eb2e-c1b3e7c9414f-595e88bb, #w-node-e07a73bc-07c0-a95d-eb2e-c1b3e7c94150-595e88bb, #w-node-e07a73bc-07c0-a95d-eb2e-c1b3e7c94151-595e88bb, #w-node-e07a73bc-07c0-a95d-eb2e-c1b3e7c94152-595e88bb, #w-node-e07a73bc-07c0-a95d-eb2e-c1b3e7c94153-595e88bb, #w-node-e07a73bc-07c0-a95d-eb2e-c1b3e7c94158-595e88bb {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-e07a73bc-07c0-a95d-eb2e-c1b3e7c9415d-595e88bb {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-e07a73bc-07c0-a95d-eb2e-c1b3e7c94162-595e88bb {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-e07a73bc-07c0-a95d-eb2e-c1b3e7c94169-595e88bb {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-c36c3db0-be9d-fc53-6a6a-dcb1b9d2edc9-595e88bb {
  align-self: center;
  justify-self: center;
}

#w-node-_8cb75290-770b-6de8-1221-ad950a645cd5-595e88bb {
  align-self: center;
}

#w-node-_37ec9492-743a-093c-4df7-4b6be793c225-595e88bb, #w-node-_0b6ce5f8-51f1-a24e-f635-1db9a76ce3e5-595e88bb, #w-node-c4dff825-1168-f989-4253-b5d0f4361e2b-595e88bb, #w-node-b32b8164-6a4e-4d9d-7781-2bf798d1885a-595e88bb, #w-node-_80a27bdf-c17e-32e2-c943-9e9618dedca8-595e88bb {
  align-self: center;
  justify-self: center;
}

#w-node-a4418bb1-444d-6b93-a8a5-b71fd8992a52-595e88bb, #w-node-_3c23869a-78f9-29a0-e170-840ca6778bf8-595e88bb, #w-node-_7f58e2f9-d0f9-3bfb-fb69-ed4e3a10416d-595e88bb {
  align-self: start;
}

#w-node-c6ec5361-83dc-b8f5-808b-30ad731c27dc-055e88bd, #w-node-c6ec5361-83dc-b8f5-808b-30ad731c27e1-055e88bd, #w-node-c6ec5361-83dc-b8f5-808b-30ad731c27e2-055e88bd, #w-node-c6ec5361-83dc-b8f5-808b-30ad731c27e5-055e88bd, #w-node-c6ec5361-83dc-b8f5-808b-30ad731c27e6-055e88bd, #w-node-c6ec5361-83dc-b8f5-808b-30ad731c27ec-055e88bd {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-c6ec5361-83dc-b8f5-808b-30ad731c27ef-055e88bd {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-c6ec5361-83dc-b8f5-808b-30ad731c27f5-055e88bd, #w-node-c6ec5361-83dc-b8f5-808b-30ad731c27f6-055e88bd, #w-node-c6ec5361-83dc-b8f5-808b-30ad731c27f7-055e88bd, #w-node-c6ec5361-83dc-b8f5-808b-30ad731c27f8-055e88bd, #w-node-c6ec5361-83dc-b8f5-808b-30ad731c27f9-055e88bd, #w-node-c6ec5361-83dc-b8f5-808b-30ad731c27fa-055e88bd {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-c6ec5361-83dc-b8f5-808b-30ad731c27fb-055e88bd {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-c6ec5361-83dc-b8f5-808b-30ad731c27fc-055e88bd, #w-node-c6ec5361-83dc-b8f5-808b-30ad731c27fd-055e88bd, #w-node-c6ec5361-83dc-b8f5-808b-30ad731c27fe-055e88bd, #w-node-c6ec5361-83dc-b8f5-808b-30ad731c2800-055e88bd, #w-node-c6ec5361-83dc-b8f5-808b-30ad731c2801-055e88bd, #w-node-c6ec5361-83dc-b8f5-808b-30ad731c2802-055e88bd, #w-node-c6ec5361-83dc-b8f5-808b-30ad731c2803-055e88bd, #w-node-c6ec5361-83dc-b8f5-808b-30ad731c2804-055e88bd, #w-node-c6ec5361-83dc-b8f5-808b-30ad731c2805-055e88bd {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-c6ec5361-83dc-b8f5-808b-30ad731c280d-055e88bd, #w-node-c6ec5361-83dc-b8f5-808b-30ad731c280e-055e88bd {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-c6ec5361-83dc-b8f5-808b-30ad731c280f-055e88bd, #w-node-c6ec5361-83dc-b8f5-808b-30ad731c2810-055e88bd, #w-node-c6ec5361-83dc-b8f5-808b-30ad731c2816-055e88bd, #w-node-c6ec5361-83dc-b8f5-808b-30ad731c2817-055e88bd, #w-node-c6ec5361-83dc-b8f5-808b-30ad731c2818-055e88bd, #w-node-c6ec5361-83dc-b8f5-808b-30ad731c2819-055e88bd, #w-node-c6ec5361-83dc-b8f5-808b-30ad731c281a-055e88bd, #w-node-c6ec5361-83dc-b8f5-808b-30ad731c281b-055e88bd, #w-node-c6ec5361-83dc-b8f5-808b-30ad731c281c-055e88bd, #w-node-c6ec5361-83dc-b8f5-808b-30ad731c281d-055e88bd, #w-node-c6ec5361-83dc-b8f5-808b-30ad731c281e-055e88bd, #w-node-c6ec5361-83dc-b8f5-808b-30ad731c281f-055e88bd, #w-node-c6ec5361-83dc-b8f5-808b-30ad731c2820-055e88bd, #w-node-c6ec5361-83dc-b8f5-808b-30ad731c2825-055e88bd {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-c6ec5361-83dc-b8f5-808b-30ad731c2829-055e88bd {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-c6ec5361-83dc-b8f5-808b-30ad731c282e-055e88bd {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-c6ec5361-83dc-b8f5-808b-30ad731c2837-055e88bd {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_15fc7165-9760-3d58-372b-ee4d62e3a0a9-055e88bd, #w-node-_15fc7165-9760-3d58-372b-ee4d62e3a0ae-055e88bd, #w-node-_15fc7165-9760-3d58-372b-ee4d62e3a0b3-055e88bd {
  align-self: start;
}

#w-node-_0a5f2484-a079-1cc9-c99f-8c3fb4b5c00d-885e88c3 {
  grid-area: 1 / 2 / 6 / 3;
}

#w-node-f68b1a34-2d5a-62bc-0ef0-5e3f91d6c658-885e88c3 {
  grid-area: 1 / 1 / 6 / 2;
}

#w-node-ba13eac6-7f75-0520-46cd-97ba23215cd1-505e891c, #w-node-ba13eac6-7f75-0520-46cd-97ba23215cd6-505e891c, #w-node-ba13eac6-7f75-0520-46cd-97ba23215cd7-505e891c, #w-node-ba13eac6-7f75-0520-46cd-97ba23215cda-505e891c, #w-node-ba13eac6-7f75-0520-46cd-97ba23215cdb-505e891c, #w-node-ba13eac6-7f75-0520-46cd-97ba23215ce1-505e891c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-ba13eac6-7f75-0520-46cd-97ba23215ce4-505e891c {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-ba13eac6-7f75-0520-46cd-97ba23215cea-505e891c, #w-node-ba13eac6-7f75-0520-46cd-97ba23215ceb-505e891c, #w-node-ba13eac6-7f75-0520-46cd-97ba23215cec-505e891c, #w-node-ba13eac6-7f75-0520-46cd-97ba23215ced-505e891c, #w-node-ba13eac6-7f75-0520-46cd-97ba23215cee-505e891c, #w-node-ba13eac6-7f75-0520-46cd-97ba23215cef-505e891c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-ba13eac6-7f75-0520-46cd-97ba23215cf0-505e891c {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-ba13eac6-7f75-0520-46cd-97ba23215cf1-505e891c, #w-node-ba13eac6-7f75-0520-46cd-97ba23215cf2-505e891c, #w-node-ba13eac6-7f75-0520-46cd-97ba23215cf3-505e891c, #w-node-ba13eac6-7f75-0520-46cd-97ba23215cf5-505e891c, #w-node-ba13eac6-7f75-0520-46cd-97ba23215cf6-505e891c, #w-node-ba13eac6-7f75-0520-46cd-97ba23215cf7-505e891c, #w-node-ba13eac6-7f75-0520-46cd-97ba23215cf8-505e891c, #w-node-ba13eac6-7f75-0520-46cd-97ba23215cf9-505e891c, #w-node-ba13eac6-7f75-0520-46cd-97ba23215cfa-505e891c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-ba13eac6-7f75-0520-46cd-97ba23215d02-505e891c, #w-node-ba13eac6-7f75-0520-46cd-97ba23215d03-505e891c {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-ba13eac6-7f75-0520-46cd-97ba23215d04-505e891c, #w-node-ba13eac6-7f75-0520-46cd-97ba23215d05-505e891c, #w-node-ba13eac6-7f75-0520-46cd-97ba23215d0b-505e891c, #w-node-ba13eac6-7f75-0520-46cd-97ba23215d0c-505e891c, #w-node-ba13eac6-7f75-0520-46cd-97ba23215d0d-505e891c, #w-node-ba13eac6-7f75-0520-46cd-97ba23215d0e-505e891c, #w-node-ba13eac6-7f75-0520-46cd-97ba23215d0f-505e891c, #w-node-ba13eac6-7f75-0520-46cd-97ba23215d10-505e891c, #w-node-ba13eac6-7f75-0520-46cd-97ba23215d11-505e891c, #w-node-ba13eac6-7f75-0520-46cd-97ba23215d12-505e891c, #w-node-ba13eac6-7f75-0520-46cd-97ba23215d13-505e891c, #w-node-ba13eac6-7f75-0520-46cd-97ba23215d14-505e891c, #w-node-ba13eac6-7f75-0520-46cd-97ba23215d15-505e891c, #w-node-ba13eac6-7f75-0520-46cd-97ba23215d1a-505e891c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-ba13eac6-7f75-0520-46cd-97ba23215d1e-505e891c {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-ba13eac6-7f75-0520-46cd-97ba23215d23-505e891c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-ba13eac6-7f75-0520-46cd-97ba23215d2c-505e891c {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_15fc7165-9760-3d58-372b-ee4d62e3a0a9-505e891c, #w-node-_15fc7165-9760-3d58-372b-ee4d62e3a0ae-505e891c, #w-node-_15fc7165-9760-3d58-372b-ee4d62e3a0b3-505e891c {
  align-self: start;
}

#w-node-e134890f-c924-dc91-ab1b-da4b90ed3b5f-e85e891e, #w-node-_18f22c0e-d2e0-f184-3742-3fc8babb9d02-915e8920, #w-node-_18f22c0e-d2e0-f184-3742-3fc8babb9d07-915e8920, #w-node-_18f22c0e-d2e0-f184-3742-3fc8babb9d08-915e8920, #w-node-_18f22c0e-d2e0-f184-3742-3fc8babb9d0b-915e8920, #w-node-_18f22c0e-d2e0-f184-3742-3fc8babb9d0c-915e8920, #w-node-_18f22c0e-d2e0-f184-3742-3fc8babb9d12-915e8920 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_18f22c0e-d2e0-f184-3742-3fc8babb9d15-915e8920 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_18f22c0e-d2e0-f184-3742-3fc8babb9d1b-915e8920, #w-node-_18f22c0e-d2e0-f184-3742-3fc8babb9d1c-915e8920, #w-node-_18f22c0e-d2e0-f184-3742-3fc8babb9d1d-915e8920, #w-node-_18f22c0e-d2e0-f184-3742-3fc8babb9d1e-915e8920, #w-node-_18f22c0e-d2e0-f184-3742-3fc8babb9d1f-915e8920, #w-node-_18f22c0e-d2e0-f184-3742-3fc8babb9d20-915e8920 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_18f22c0e-d2e0-f184-3742-3fc8babb9d21-915e8920 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_18f22c0e-d2e0-f184-3742-3fc8babb9d22-915e8920, #w-node-_18f22c0e-d2e0-f184-3742-3fc8babb9d23-915e8920, #w-node-_18f22c0e-d2e0-f184-3742-3fc8babb9d24-915e8920, #w-node-_18f22c0e-d2e0-f184-3742-3fc8babb9d25-915e8920, #w-node-_18f22c0e-d2e0-f184-3742-3fc8babb9d26-915e8920, #w-node-_18f22c0e-d2e0-f184-3742-3fc8babb9d27-915e8920, #w-node-_18f22c0e-d2e0-f184-3742-3fc8babb9d28-915e8920, #w-node-_18f22c0e-d2e0-f184-3742-3fc8babb9d29-915e8920, #w-node-_18f22c0e-d2e0-f184-3742-3fc8babb9d2a-915e8920, #w-node-_18f22c0e-d2e0-f184-3742-3fc8babb9d2b-915e8920, #w-node-_18f22c0e-d2e0-f184-3742-3fc8babb9d34-915e8920 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_18f22c0e-d2e0-f184-3742-3fc8babb9d35-915e8920, #w-node-_18f22c0e-d2e0-f184-3742-3fc8babb9d37-915e8920 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_18f22c0e-d2e0-f184-3742-3fc8babb9d39-915e8920, #w-node-_18f22c0e-d2e0-f184-3742-3fc8babb9d3a-915e8920, #w-node-_18f22c0e-d2e0-f184-3742-3fc8babb9d3b-915e8920, #w-node-_18f22c0e-d2e0-f184-3742-3fc8babb9d3d-915e8920, #w-node-_18f22c0e-d2e0-f184-3742-3fc8babb9d42-915e8920, #w-node-_18f22c0e-d2e0-f184-3742-3fc8babb9d43-915e8920, #w-node-_18f22c0e-d2e0-f184-3742-3fc8babb9d44-915e8920, #w-node-_18f22c0e-d2e0-f184-3742-3fc8babb9d45-915e8920, #w-node-_18f22c0e-d2e0-f184-3742-3fc8babb9d46-915e8920, #w-node-_18f22c0e-d2e0-f184-3742-3fc8babb9d47-915e8920, #w-node-_18f22c0e-d2e0-f184-3742-3fc8babb9d48-915e8920, #w-node-_18f22c0e-d2e0-f184-3742-3fc8babb9d49-915e8920, #w-node-_18f22c0e-d2e0-f184-3742-3fc8babb9d4a-915e8920, #w-node-_18f22c0e-d2e0-f184-3742-3fc8babb9d4b-915e8920, #w-node-_18f22c0e-d2e0-f184-3742-3fc8babb9d4c-915e8920, #w-node-_18f22c0e-d2e0-f184-3742-3fc8babb9d51-915e8920 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_18f22c0e-d2e0-f184-3742-3fc8babb9d56-915e8920 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_18f22c0e-d2e0-f184-3742-3fc8babb9d5b-915e8920 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_18f22c0e-d2e0-f184-3742-3fc8babb9d64-915e8920 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_15fc7165-9760-3d58-372b-ee4d62e3a0a9-915e8920, #w-node-_15fc7165-9760-3d58-372b-ee4d62e3a0ae-915e8920, #w-node-_15fc7165-9760-3d58-372b-ee4d62e3a0b3-915e8920 {
  align-self: start;
}

#w-node-_399897a6-0e6d-bc05-8722-20a83756c33b-565e8929 {
  justify-self: start;
}

#w-node-a0918a8f-20ec-d18b-0d8b-9f459617c357-105e8930, #w-node-a0918a8f-20ec-d18b-0d8b-9f459617c35e-105e8930, #w-node-a0918a8f-20ec-d18b-0d8b-9f459617c362-105e8930, #w-node-a0918a8f-20ec-d18b-0d8b-9f459617c36d-105e8930, #w-node-a0918a8f-20ec-d18b-0d8b-9f459617c374-105e8930 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-a0918a8f-20ec-d18b-0d8b-9f459617c37f-105e8930 {
  align-self: center;
  justify-self: auto;
}

#w-node-a0918a8f-20ec-d18b-0d8b-9f459617c380-105e8930, #w-node-_98a572a7-781c-ef91-8b3d-e2f14f4e84cd-105e8930 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_98a572a7-781c-ef91-8b3d-e2f14f4e84cc-105e8930 {
  align-self: center;
  justify-self: auto;
}

#w-node-f68b1a34-2d5a-62bc-0ef0-5e3f91d6c658-555e8934 {
  grid-area: 1 / 1 / 4 / 2;
}

#w-node-f4701033-7c89-9bb2-3db1-98fb12fac2d5-555e8934, #w-node-_49938f69-1d75-4720-9adb-526ad77186e6-555e8934 {
  justify-self: start;
}

#w-node-_0a5f2484-a079-1cc9-c99f-8c3fb4b5c00d-fc5e8936 {
  grid-area: 1 / 2 / 4 / 3;
}

#w-node-f68b1a34-2d5a-62bc-0ef0-5e3f91d6c658-fc5e8936 {
  grid-area: 1 / 1 / 4 / 2;
}

#w-node-_4c3ced05-8100-8213-9326-2f2991b6a547-c25e8938 {
  grid-area: 3 / 2 / 4 / 4;
}

#w-node-_15fc7165-9760-3d58-372b-ee4d62e3a0a9-c25e8938, #w-node-_15fc7165-9760-3d58-372b-ee4d62e3a0ae-c25e8938, #w-node-_15fc7165-9760-3d58-372b-ee4d62e3a0b3-c25e8938 {
  align-self: start;
}

#w-node-f68b1a34-2d5a-62bc-0ef0-5e3f91d6c658-375e8943, #w-node-f68b1a34-2d5a-62bc-0ef0-5e3f91d6c658-ee5e8944 {
  grid-area: 1 / 1 / 6 / 2;
}

#w-node-_7316c27c-021b-4e65-77f4-a7f229962896-b95e8945, #w-node-_7316c27c-021b-4e65-77f4-a7f22996289b-b95e8945, #w-node-_7316c27c-021b-4e65-77f4-a7f22996289c-b95e8945, #w-node-_7316c27c-021b-4e65-77f4-a7f22996289f-b95e8945, #w-node-_7316c27c-021b-4e65-77f4-a7f2299628a0-b95e8945, #w-node-_7316c27c-021b-4e65-77f4-a7f2299628a6-b95e8945 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_7316c27c-021b-4e65-77f4-a7f2299628a9-b95e8945 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_7316c27c-021b-4e65-77f4-a7f2299628af-b95e8945, #w-node-_7316c27c-021b-4e65-77f4-a7f2299628b0-b95e8945, #w-node-_7316c27c-021b-4e65-77f4-a7f2299628b1-b95e8945, #w-node-_7316c27c-021b-4e65-77f4-a7f2299628b2-b95e8945, #w-node-_7316c27c-021b-4e65-77f4-a7f2299628b3-b95e8945, #w-node-_7316c27c-021b-4e65-77f4-a7f2299628b4-b95e8945 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_7316c27c-021b-4e65-77f4-a7f2299628b5-b95e8945 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_7316c27c-021b-4e65-77f4-a7f2299628b6-b95e8945, #w-node-_7316c27c-021b-4e65-77f4-a7f2299628b7-b95e8945, #w-node-_7316c27c-021b-4e65-77f4-a7f2299628b8-b95e8945, #w-node-_7316c27c-021b-4e65-77f4-a7f2299628b9-b95e8945, #w-node-_7316c27c-021b-4e65-77f4-a7f2299628ba-b95e8945, #w-node-_7316c27c-021b-4e65-77f4-a7f2299628bb-b95e8945, #w-node-_7316c27c-021b-4e65-77f4-a7f2299628bc-b95e8945, #w-node-_7316c27c-021b-4e65-77f4-a7f2299628bd-b95e8945, #w-node-_7316c27c-021b-4e65-77f4-a7f2299628be-b95e8945, #w-node-_7316c27c-021b-4e65-77f4-a7f2299628bf-b95e8945, #w-node-_7316c27c-021b-4e65-77f4-a7f2299628c8-b95e8945 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_7316c27c-021b-4e65-77f4-a7f2299628c9-b95e8945, #w-node-_7316c27c-021b-4e65-77f4-a7f2299628cb-b95e8945 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_7316c27c-021b-4e65-77f4-a7f2299628cd-b95e8945, #w-node-_7316c27c-021b-4e65-77f4-a7f2299628ce-b95e8945, #w-node-_7316c27c-021b-4e65-77f4-a7f2299628cf-b95e8945, #w-node-_7316c27c-021b-4e65-77f4-a7f2299628d1-b95e8945, #w-node-_7316c27c-021b-4e65-77f4-a7f2299628d6-b95e8945, #w-node-_7316c27c-021b-4e65-77f4-a7f2299628d7-b95e8945, #w-node-_7316c27c-021b-4e65-77f4-a7f2299628d8-b95e8945, #w-node-_7316c27c-021b-4e65-77f4-a7f2299628d9-b95e8945, #w-node-_7316c27c-021b-4e65-77f4-a7f2299628da-b95e8945, #w-node-_7316c27c-021b-4e65-77f4-a7f2299628db-b95e8945, #w-node-_7316c27c-021b-4e65-77f4-a7f2299628dc-b95e8945, #w-node-_7316c27c-021b-4e65-77f4-a7f2299628dd-b95e8945, #w-node-_7316c27c-021b-4e65-77f4-a7f2299628de-b95e8945, #w-node-_7316c27c-021b-4e65-77f4-a7f2299628df-b95e8945, #w-node-_7316c27c-021b-4e65-77f4-a7f2299628e0-b95e8945, #w-node-_7316c27c-021b-4e65-77f4-a7f2299628e5-b95e8945 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_7316c27c-021b-4e65-77f4-a7f2299628ea-b95e8945 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_7316c27c-021b-4e65-77f4-a7f2299628ef-b95e8945 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_7316c27c-021b-4e65-77f4-a7f2299628f8-b95e8945 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_15fc7165-9760-3d58-372b-ee4d62e3a0a9-b95e8945, #w-node-_15fc7165-9760-3d58-372b-ee4d62e3a0ae-b95e8945, #w-node-_15fc7165-9760-3d58-372b-ee4d62e3a0b3-b95e8945 {
  align-self: start;
}

#w-node-_251cc76f-326e-71e2-39b4-169139e177fc-0721bb9f {
  grid-area: Area;
}

#w-node-_68867b4e-25b9-a164-048c-09e0d2f205ba-0721bb9f {
  grid-area: Area-2;
}

#w-node-_014fe864-8a14-9536-e069-50a15c25a243-0721bb9f {
  grid-area: Area-3;
}

#w-node-a109ef8d-7046-ac12-a12f-fb4d383edd6c-0721bb9f {
  grid-area: Area-4;
}

#w-node-b06759f0-a513-e028-0664-6909036df90d-8322153f, #w-node-b06759f0-a513-e028-0664-6909036df90e-8322153f, #w-node-b06759f0-a513-e028-0664-6909036df911-8322153f, #w-node-a37db0dc-882b-e89e-2421-9f36e1e4c2fe-8322153f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_68867b4e-25b9-a164-048c-09e0d2f205ba-8322153f {
  grid-area: Area-2;
}

#w-node-_014fe864-8a14-9536-e069-50a15c25a243-8322153f {
  grid-area: Area-3;
}

#w-node-a109ef8d-7046-ac12-a12f-fb4d383edd6c-8322153f {
  grid-area: Area-4;
}

#w-node-_251cc76f-326e-71e2-39b4-169139e177fc-8322153f {
  grid-area: Area;
  align-self: auto;
  justify-self: auto;
}

#w-node-_74b77a17-096b-fe10-2b14-4903262ba364-8322153f {
  grid-area: Area-5;
}

#w-node-e990badf-abdb-9d76-06c2-b55131e8c106-8322153f {
  grid-area: Area-6;
}

#w-node-f68b1a34-2d5a-62bc-0ef0-5e3f91d6c658-8c833aaa {
  grid-area: 1 / 1 / 6 / 2;
}

#w-node-_784cf569-5458-6afb-a2a2-78764123f2d1-9a3b9044, #w-node-f0acc3a4-bf87-d954-9c91-755fe7385357-9a3b9044, #w-node-_85835d66-75a5-ba10-2fc4-a382ea6d7f31-9a3b9044, #w-node-_0c2c16ce-6b8b-384f-3986-e627c195666c-9a3b9044, #w-node-d1a4cd1d-710e-3f64-7961-532ae9f8013d-9a3b9044 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_57a4de2c-ff16-31d4-89b1-05c894a22058-9a3b9044 {
  align-self: center;
  justify-self: auto;
}

#w-node-_57a4de2c-ff16-31d4-89b1-05c894a22059-9a3b9044 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_0a5f2484-a079-1cc9-c99f-8c3fb4b5c00d-0750d21d {
  grid-area: 1 / 2 / 6 / 3;
}

#w-node-f68b1a34-2d5a-62bc-0ef0-5e3f91d6c658-0750d21d {
  grid-area: 1 / 1 / 6 / 2;
}

#w-node-eba2d93a-547f-4d8e-ba8c-c6418d69dec0-e74e77d3, #w-node-_70de283f-3413-fb29-e02e-51bbdc04c5d1-e74e77d3, #w-node-c1650970-2095-2ce7-c8dd-9a57bb1a1a52-e74e77d3, #w-node-bb7a35eb-335e-b406-91c5-12350c9587ee-e74e77d3, #w-node-da533d04-bfa8-c39b-d245-8acc59c1c70b-e74e77d3, #w-node-eba2d93a-547f-4d8e-ba8c-c6418d69dec0-699f7aca, #w-node-_70de283f-3413-fb29-e02e-51bbdc04c5d1-699f7aca, #w-node-c1650970-2095-2ce7-c8dd-9a57bb1a1a52-699f7aca, #w-node-bb7a35eb-335e-b406-91c5-12350c9587ee-699f7aca, #w-node-da533d04-bfa8-c39b-d245-8acc59c1c70b-699f7aca {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

@media screen and (max-width: 991px) {
  #w-node-e07a73bc-07c0-a95d-eb2e-c1b3e7c94130-595e88bb, #w-node-e07a73bc-07c0-a95d-eb2e-c1b3e7c9412c-595e88bb, #w-node-e07a73bc-07c0-a95d-eb2e-c1b3e7c9412d-595e88bb, #w-node-e07a73bc-07c0-a95d-eb2e-c1b3e7c9412e-595e88bb, #w-node-e07a73bc-07c0-a95d-eb2e-c1b3e7c94131-595e88bb, #w-node-c6ec5361-83dc-b8f5-808b-30ad731c2800-055e88bd, #w-node-c6ec5361-83dc-b8f5-808b-30ad731c2801-055e88bd, #w-node-c6ec5361-83dc-b8f5-808b-30ad731c2802-055e88bd, #w-node-c6ec5361-83dc-b8f5-808b-30ad731c2803-055e88bd, #w-node-c6ec5361-83dc-b8f5-808b-30ad731c2804-055e88bd, #w-node-c6ec5361-83dc-b8f5-808b-30ad731c2805-055e88bd {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-f825495b-4861-d4e1-5b68-0d16eb88746f-885e88c3 {
    grid-area: 1 / 1 / 2 / 3;
  }

  #w-node-_0a5f2484-a079-1cc9-c99f-8c3fb4b5c00d-885e88c3 {
    grid-area: 4 / 1 / 5 / 3;
  }

  #w-node-f68b1a34-2d5a-62bc-0ef0-5e3f91d6c658-885e88c3 {
    grid-area: 2 / 1 / 4 / 3;
  }

  #w-node-ba13eac6-7f75-0520-46cd-97ba23215cf5-505e891c, #w-node-ba13eac6-7f75-0520-46cd-97ba23215cf6-505e891c, #w-node-ba13eac6-7f75-0520-46cd-97ba23215cf7-505e891c, #w-node-ba13eac6-7f75-0520-46cd-97ba23215cf8-505e891c, #w-node-ba13eac6-7f75-0520-46cd-97ba23215cf9-505e891c, #w-node-ba13eac6-7f75-0520-46cd-97ba23215cfa-505e891c {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_8daa5e98-7c91-1b4c-03b3-3d3196ab819e-e85e891e {
    grid-area: 6 / 2 / 7 / 3;
  }

  #w-node-_64c80afb-b154-8c7c-03a9-9afd4b8b20d2-e85e891e, #w-node-_66366cf0-7acc-13c5-7c07-bcd3d929fed9-e85e891e, #w-node-f1f165c7-03ae-0028-4e5a-8720a34fe35b-e85e891e, #w-node-_06957fc5-0674-2bf8-ca09-962e75dbbaf6-e85e891e {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_18f22c0e-d2e0-f184-3742-3fc8babb9d26-915e8920, #w-node-_18f22c0e-d2e0-f184-3742-3fc8babb9d27-915e8920, #w-node-_18f22c0e-d2e0-f184-3742-3fc8babb9d28-915e8920, #w-node-_18f22c0e-d2e0-f184-3742-3fc8babb9d29-915e8920, #w-node-_18f22c0e-d2e0-f184-3742-3fc8babb9d2a-915e8920, #w-node-_18f22c0e-d2e0-f184-3742-3fc8babb9d2b-915e8920, #w-node-a0918a8f-20ec-d18b-0d8b-9f459617c37c-105e8930, #w-node-a0918a8f-20ec-d18b-0d8b-9f459617c37d-105e8930, #w-node-a0918a8f-20ec-d18b-0d8b-9f459617c37e-105e8930, #w-node-a0918a8f-20ec-d18b-0d8b-9f459617c37f-105e8930, #w-node-_98a572a7-781c-ef91-8b3d-e2f14f4e84c9-105e8930, #w-node-_98a572a7-781c-ef91-8b3d-e2f14f4e84ca-105e8930, #w-node-_98a572a7-781c-ef91-8b3d-e2f14f4e84cc-105e8930, #w-node-_98a572a7-781c-ef91-8b3d-e2f14f4e84cb-105e8930 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_725ab715-38ae-2c58-f70d-4f5476494274-105e8930 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-f825495b-4861-d4e1-5b68-0d16eb88746f-555e8934 {
    grid-area: 1 / 1 / 2 / 3;
  }

  #w-node-f68b1a34-2d5a-62bc-0ef0-5e3f91d6c658-555e8934 {
    grid-area: 3 / 1 / 5 / 3;
  }

  #w-node-f825495b-4861-d4e1-5b68-0d16eb88746f-fc5e8936 {
    grid-area: 1 / 1 / 2 / 3;
  }

  #w-node-_0a5f2484-a079-1cc9-c99f-8c3fb4b5c00d-fc5e8936 {
    grid-area: 2 / 1 / 3 / 3;
  }

  #w-node-f68b1a34-2d5a-62bc-0ef0-5e3f91d6c658-fc5e8936 {
    grid-area: 3 / 1 / 5 / 3;
  }

  #w-node-f825495b-4861-d4e1-5b68-0d16eb88746f-375e8943 {
    grid-area: 1 / 1 / 2 / 3;
  }

  #w-node-f68b1a34-2d5a-62bc-0ef0-5e3f91d6c658-375e8943 {
    grid-area: 3 / 1 / 5 / 3;
  }

  #w-node-f825495b-4861-d4e1-5b68-0d16eb88746f-ee5e8944 {
    grid-area: 1 / 1 / 2 / 3;
  }

  #w-node-f68b1a34-2d5a-62bc-0ef0-5e3f91d6c658-ee5e8944 {
    grid-area: 3 / 1 / 5 / 3;
  }

  #w-node-_7316c27c-021b-4e65-77f4-a7f2299628ba-b95e8945, #w-node-_7316c27c-021b-4e65-77f4-a7f2299628bb-b95e8945, #w-node-_7316c27c-021b-4e65-77f4-a7f2299628bc-b95e8945, #w-node-_7316c27c-021b-4e65-77f4-a7f2299628bd-b95e8945, #w-node-_7316c27c-021b-4e65-77f4-a7f2299628be-b95e8945, #w-node-_7316c27c-021b-4e65-77f4-a7f2299628bf-b95e8945 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-f825495b-4861-d4e1-5b68-0d16eb88746f-8c833aaa {
    grid-area: 1 / 1 / 2 / 3;
  }

  #w-node-f68b1a34-2d5a-62bc-0ef0-5e3f91d6c658-8c833aaa {
    grid-area: 3 / 1 / 5 / 3;
  }

  #w-node-_57a4de2c-ff16-31d4-89b1-05c894a22055-9a3b9044, #w-node-_57a4de2c-ff16-31d4-89b1-05c894a22056-9a3b9044, #w-node-_57a4de2c-ff16-31d4-89b1-05c894a22057-9a3b9044, #w-node-_57a4de2c-ff16-31d4-89b1-05c894a22058-9a3b9044 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_725ab715-38ae-2c58-f70d-4f5476494274-9a3b9044 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-f825495b-4861-d4e1-5b68-0d16eb88746f-0750d21d {
    grid-area: 1 / 1 / 2 / 3;
  }

  #w-node-_0a5f2484-a079-1cc9-c99f-8c3fb4b5c00d-0750d21d {
    grid-area: 4 / 1 / 5 / 3;
  }

  #w-node-f68b1a34-2d5a-62bc-0ef0-5e3f91d6c658-0750d21d {
    grid-area: 2 / 1 / 4 / 3;
  }
}

@media screen and (max-width: 767px) {
  #w-node-_80a27bdf-c17e-32e2-c943-9e9618dedca8-595e88bb {
    grid-area: 3 / 1 / 4 / 4;
    align-self: center;
    justify-self: center;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_80a27bdf-c17e-32e2-c943-9e9618dedca8-595e88bb {
    grid-area: 4 / 1 / 5 / 3;
    align-self: center;
    justify-self: center;
  }

  #w-node-_399897a6-0e6d-bc05-8722-20a83756c33b-565e8929 {
    justify-self: center;
  }

  #w-node-_98a572a7-781c-ef91-8b3d-e2f14f4e84cd-105e8930 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    align-self: center;
    justify-self: center;
  }

  #w-node-_98a572a7-781c-ef91-8b3d-e2f14f4e84c9-105e8930 {
    grid-area: Area-2;
  }

  #w-node-_98a572a7-781c-ef91-8b3d-e2f14f4e84ca-105e8930 {
    grid-area: Area;
  }

  #w-node-_98a572a7-781c-ef91-8b3d-e2f14f4e84cc-105e8930 {
    grid-area: Area-4;
  }

  #w-node-_98a572a7-781c-ef91-8b3d-e2f14f4e84cb-105e8930 {
    grid-area: Area-3;
  }

  #w-node-_69aa7b38-d894-b929-8e1f-d7beadd714c0-105e8930 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_4c3ced05-8100-8213-9326-2f2991b6a547-c25e8938 {
    grid-area: 3 / 2 / 4 / 3;
  }

  #w-node-_69aa7b38-d894-b929-8e1f-d7beadd714c0-9a3b9044 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }
}

@font-face {
  font-family: 'Canela web';
  src: url('https://assets.website-files.com/60f1b7c4b0443a312b4a7c34/611407a36cb82218b885214c_Canela-Light-Web.woff2') format('woff2');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Canela web';
  src: url('https://assets.website-files.com/60f1b7c4b0443a312b4a7c34/611407a36cb82218b885214c_Canela-Light-Web.woff2') format('woff2');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Canela';
  src: url('https://assets.website-files.com/60f1b7c4b0443a312b4a7c34/60f6d63b130cd18ab2af1fbf_Canela-Thin.ttf') format('truetype'), url('https://assets.website-files.com/60f1b7c4b0443a312b4a7c34/60f6d63b0fb188ca79dad4e0_Canela-Thin.otf') format('opentype');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Canela web';
  src: url('https://assets.website-files.com/60f1b7c4b0443a312b4a7c34/60f6d63b1ca1db1a146b0c7a_Canela-Light-Web.ttf') format('truetype'), url('https://assets.website-files.com/60f1b7c4b0443a312b4a7c34/60f6d63b2c14fd761ba2868b_Canela-Light-Web.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Canela';
  src: url('https://assets.website-files.com/60f1b7c4b0443a312b4a7c34/60f6d63b2c14fd6704a2868c_Canela-ThinItalic.otf') format('opentype');
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Canela';
  src: url('https://assets.website-files.com/60f1b7c4b0443a312b4a7c34/60f6d63b378bae078c34d2df_Canela-RegularItalic.otf') format('opentype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Canela';
  src: url('https://assets.website-files.com/60f1b7c4b0443a312b4a7c34/60f6d63b28a9914c44860954_Canela-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Canela';
  src: url('https://assets.website-files.com/60f1b7c4b0443a312b4a7c34/60f6d63bb4e345ad2fe1f4a5_Canela-Light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Canela';
  src: url('https://assets.website-files.com/60f1b7c4b0443a312b4a7c34/60f6d63ba33119b8e4d241e3_Canela-MediumItalic.otf') format('opentype');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Canela';
  src: url('https://assets.website-files.com/60f1b7c4b0443a312b4a7c34/60f6d63bb9b53052d800f558_Canela-Medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Canela';
  src: url('https://assets.website-files.com/60f1b7c4b0443a312b4a7c34/60f6d63bb9b5305d8200f557_Canela-LightItalic.otf') format('opentype');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Canela';
  src: url('https://assets.website-files.com/60f1b7c4b0443a312b4a7c34/60f6d63be3df2d432280e882_Canela-BoldItalic.otf') format('opentype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Canela';
  src: url('https://assets.website-files.com/60f1b7c4b0443a312b4a7c34/60f6d63b98697820c5614581_Canela-BlackItalic.otf') format('opentype');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Canela';
  src: url('https://assets.website-files.com/60f1b7c4b0443a312b4a7c34/60f6d63b70e6836ea9fdb663_Canela-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Canela';
  src: url('https://assets.website-files.com/60f1b7c4b0443a312b4a7c34/60f6d63b282efc72814c2192_Canela-Black.otf') format('opentype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}