html {
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
font-family: sans-serif;
}
body {
margin: 0;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
display: block;
}
audio, canvas, progress, video {
vertical-align: baseline;
display: inline-block;
}
audio:not([controls]) {
height: 0;
display: none;
}
[hidden], template {
display: none;
}
a {
background-color: #0000;
}
a:active, a:hover {
outline: 0;
}
abbr[title] {
border-bottom: 1px dotted;
}
b, strong {
font-weight: bold;
}
dfn {
font-style: italic;
}
h1 {
margin: .67em 0;
font-size: 2em;
}
mark {
color: #000;
background: #ff0;
}
small {
font-size: 80%;
}
sub, sup {
vertical-align: baseline;
font-size: 75%;
line-height: 0;
position: relative;
}
sup {
top: -.5em;
}
sub {
bottom: -.25em;
}
img {
border: 0;
}
svg:not(:root) {
overflow: hidden;
}
hr {
box-sizing: content-box;
height: 0;
}
pre {
overflow: auto;
}
code, kbd, pre, samp {
font-family: monospace;
font-size: 1em;
}
button, input, optgroup, select, textarea {
color: inherit;
font: inherit;
margin: 0;
}
button {
overflow: visible;
}
button, select {
text-transform: none;
}
button, html input[type="button"], input[type="reset"] {
-webkit-appearance: button;
cursor: pointer;
}
button[disabled], html input[disabled] {
cursor: default;
}
button::-moz-focus-inner, input::-moz-focus-inner {
border: 0;
padding: 0;
}
input {
line-height: normal;
}
input[type="checkbox"], input[type="radio"] {
box-sizing: border-box;
padding: 0;
}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
input[type="search"] {
-webkit-appearance: none;
}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
legend {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
}
optgroup {
font-weight: bold;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
td, th {
padding: 0;
}
@font-face {
font-family: webflow-icons;
src: url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBiUAAAC8AAAAYGNtYXDpP+a4AAABHAAAAFxnYXNwAAAAEAAAAXgAAAAIZ2x5ZmhS2XEAAAGAAAADHGhlYWQTFw3HAAAEnAAAADZoaGVhCXYFgQAABNQAAAAkaG10eCe4A1oAAAT4AAAAMGxvY2EDtALGAAAFKAAAABptYXhwABAAPgAABUQAAAAgbmFtZSoCsMsAAAVkAAABznBvc3QAAwAAAAAHNAAAACAAAwP4AZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpAwPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAQAAAAAwACAACAAQAAQAg5gPpA//9//8AAAAAACDmAOkA//3//wAB/+MaBBcIAAMAAQAAAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEBIAAAAyADgAAFAAAJAQcJARcDIP5AQAGA/oBAAcABwED+gP6AQAABAOAAAALgA4AABQAAEwEXCQEH4AHAQP6AAYBAAcABwED+gP6AQAAAAwDAAOADQALAAA8AHwAvAAABISIGHQEUFjMhMjY9ATQmByEiBh0BFBYzITI2PQE0JgchIgYdARQWMyEyNj0BNCYDIP3ADRMTDQJADRMTDf3ADRMTDQJADRMTDf3ADRMTDQJADRMTAsATDSANExMNIA0TwBMNIA0TEw0gDRPAEw0gDRMTDSANEwAAAAABAJ0AtAOBApUABQAACQIHCQEDJP7r/upcAXEBcgKU/usBFVz+fAGEAAAAAAL//f+9BAMDwwAEAAkAABcBJwEXAwE3AQdpA5ps/GZsbAOabPxmbEMDmmz8ZmwDmvxmbAOabAAAAgAA/8AEAAPAAB0AOwAABSInLgEnJjU0Nz4BNzYzMTIXHgEXFhUUBw4BBwYjNTI3PgE3NjU0Jy4BJyYjMSIHDgEHBhUUFx4BFxYzAgBqXV6LKCgoKIteXWpqXV6LKCgoKIteXWpVSktvICEhIG9LSlVVSktvICEhIG9LSlVAKCiLXl1qal1eiygoKCiLXl1qal1eiygoZiEgb0tKVVVKS28gISEgb0tKVVVKS28gIQABAAABwAIAA8AAEgAAEzQ3PgE3NjMxFSIHDgEHBhUxIwAoKIteXWpVSktvICFmAcBqXV6LKChmISBvS0pVAAAAAgAA/8AFtgPAADIAOgAAARYXHgEXFhUUBw4BBwYHIxUhIicuAScmNTQ3PgE3NjMxOAExNDc+ATc2MzIXHgEXFhcVATMJATMVMzUEjD83NlAXFxYXTjU1PQL8kz01Nk8XFxcXTzY1PSIjd1BQWlJJSXInJw3+mdv+2/7c25MCUQYcHFg5OUA/ODlXHBwIAhcXTzY1PTw1Nk8XF1tQUHcjIhwcYUNDTgL+3QFt/pOTkwABAAAAAQAAmM7nP18PPPUACwQAAAAAANciZKUAAAAA1yJkpf/9/70FtgPDAAAACAACAAAAAAAAAAEAAAPA/8AAAAW3//3//QW2AAEAAAAAAAAAAAAAAAAAAAAMBAAAAAAAAAAAAAAAAgAAAAQAASAEAADgBAAAwAQAAJ0EAP/9BAAAAAQAAAAFtwAAAAAAAAAKABQAHgAyAEYAjACiAL4BFgE2AY4AAAABAAAADAA8AAMAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADQAAAAEAAAAAAAIABwCWAAEAAAAAAAMADQBIAAEAAAAAAAQADQCrAAEAAAAAAAUACwAnAAEAAAAAAAYADQBvAAEAAAAAAAoAGgDSAAMAAQQJAAEAGgANAAMAAQQJAAIADgCdAAMAAQQJAAMAGgBVAAMAAQQJAAQAGgC4AAMAAQQJAAUAFgAyAAMAAQQJAAYAGgB8AAMAAQQJAAoANADsd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzUmVndWxhcgBSAGUAZwB1AGwAYQByd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==") format("truetype");
font-weight: normal;
font-style: normal;
}
[class^="w-icon-"], [class*=" w-icon-"] {
speak: none;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-weight: normal;
line-height: 1;
font-family: webflow-icons !important;
}
.w-icon-slider-right:before {
content: "";
}
.w-icon-slider-left:before {
content: "";
}
.w-icon-nav-menu:before {
content: "";
}
.w-icon-arrow-down:before, .w-icon-dropdown-toggle:before {
content: "";
}
.w-icon-file-upload-remove:before {
content: "";
}
.w-icon-file-upload-icon:before {
content: "";
}
* {
box-sizing: border-box;
}
html {
height: 100%;
}
body {
color: #333;
background-color: #fff;
min-height: 100%;
margin: 0;
font-family: Arial, sans-serif;
font-size: 14px;
line-height: 20px;
}
img {
vertical-align: middle;
max-width: 100%;
display: inline-block;
}
html.w-mod-touch * {
background-attachment: scroll !important;
}
.w-block {
display: block;
}
.w-inline-block {
max-width: 100%;
display: inline-block;
}
.w-clearfix:before, .w-clearfix:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-clearfix:after {
clear: both;
}
.w-hidden {
display: none;
}
.w-button {
color: #fff;
line-height: inherit;
cursor: pointer;
background-color: #3898ec;
border: 0;
border-radius: 0;
padding: 9px 15px;
text-decoration: none;
display: inline-block;
}
input.w-button {
-webkit-appearance: button;
}
html[data-w-dynpage] [data-w-cloak] {
color: #0000 !important;
}
.w-code-block {
margin: unset;
}
pre.w-code-block code {
all: inherit;
}
.w-optimization {
display: contents;
}
.w-webflow-badge, .w-webflow-badge > img {
box-sizing: unset;
width: unset;
height: unset;
max-height: unset;
max-width: unset;
min-height: unset;
min-width: unset;
margin: unset;
padding: unset;
float: unset;
clear: unset;
border: unset;
border-radius: unset;
background: unset;
background-image: unset;
background-position: unset;
background-size: unset;
background-repeat: unset;
background-origin: unset;
background-clip: unset;
background-attachment: unset;
background-color: unset;
box-shadow: unset;
transform: unset;
direction: unset;
font-family: unset;
font-weight: unset;
color: unset;
font-size: unset;
line-height: unset;
font-style: unset;
font-variant: unset;
text-align: unset;
letter-spacing: unset;
-webkit-text-decoration: unset;
text-decoration: unset;
text-indent: unset;
text-transform: unset;
list-style-type: unset;
text-shadow: unset;
vertical-align: unset;
cursor: unset;
white-space: unset;
word-break: unset;
word-spacing: unset;
word-wrap: unset;
transition: unset;
}
.w-webflow-badge {
white-space: nowrap;
cursor: pointer;
box-shadow: 0 0 0 1px #0000001a, 0 1px 3px #0000001a;
visibility: visible !important;
opacity: 1 !important;
z-index: 2147483647 !important;
color: #aaadb0 !important;
overflow: unset !important;
background-color: #fff !important;
border-radius: 3px !important;
width: auto !important;
height: auto !important;
margin: 0 !important;
padding: 6px !important;
font-size: 12px !important;
line-height: 14px !important;
text-decoration: none !important;
display: inline-block !important;
position: fixed !important;
inset: auto 12px 12px auto !important;
transform: none !important;
}
.w-webflow-badge > img {
position: unset;
visibility: unset !important;
opacity: 1 !important;
vertical-align: middle !important;
display: inline-block !important;
}
h1, h2, h3, h4, h5, h6 {
margin-bottom: 10px;
font-weight: bold;
}
h1 {
margin-top: 20px;
font-size: 38px;
line-height: 44px;
}
h2 {
margin-top: 20px;
font-size: 32px;
line-height: 36px;
}
h3 {
margin-top: 20px;
font-size: 24px;
line-height: 30px;
}
h4 {
margin-top: 10px;
font-size: 18px;
line-height: 24px;
}
h5 {
margin-top: 10px;
font-size: 14px;
line-height: 20px;
}
h6 {
margin-top: 10px;
font-size: 12px;
line-height: 18px;
}
p {
margin-top: 0;
margin-bottom: 10px;
}
blockquote {
border-left: 5px solid #e2e2e2;
margin: 0 0 10px;
padding: 10px 20px;
font-size: 18px;
line-height: 22px;
}
figure {
margin: 0 0 10px;
}
figcaption {
text-align: center;
margin-top: 5px;
}
ul, ol {
margin-top: 0;
margin-bottom: 10px;
padding-left: 40px;
}
.w-list-unstyled {
padding-left: 0;
list-style: none;
}
.w-embed:before, .w-embed:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-embed:after {
clear: both;
}
.w-video {
width: 100%;
padding: 0;
position: relative;
}
.w-video iframe, .w-video object, .w-video embed {
border: none;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
fieldset {
border: 0;
margin: 0;
padding: 0;
}
button, [type="button"], [type="reset"] {
cursor: pointer;
-webkit-appearance: button;
border: 0;
}
.w-form {
margin: 0 0 15px;
}
.w-form-done {
text-align: center;
background-color: #ddd;
padding: 20px;
display: none;
}
.w-form-fail {
background-color: #ffdede;
margin-top: 10px;
padding: 10px;
display: none;
}
label {
margin-bottom: 5px;
font-weight: bold;
display: block;
}
.w-input, .w-select {
color: #333;
vertical-align: middle;
background-color: #fff;
border: 1px solid #ccc;
width: 100%;
height: 38px;
margin-bottom: 10px;
padding: 8px 12px;
font-size: 14px;
line-height: 1.42857;
display: block;
}
.w-input::placeholder, .w-select::placeholder {
color: #999;
}
.w-input:focus, .w-select:focus {
border-color: #3898ec;
outline: 0;
}
.w-input[disabled], .w-select[disabled], .w-input[readonly], .w-select[readonly], fieldset[disabled] .w-input, fieldset[disabled] .w-select {
cursor: not-allowed;
}
.w-input[disabled]:not(.w-input-disabled), .w-select[disabled]:not(.w-input-disabled), .w-input[readonly], .w-select[readonly], fieldset[disabled]:not(.w-input-disabled) .w-input, fieldset[disabled]:not(.w-input-disabled) .w-select {
background-color: #eee;
}
textarea.w-input, textarea.w-select {
height: auto;
}
.w-select {
background-color: #f3f3f3;
}
.w-select[multiple] {
height: auto;
}
.w-form-label {
cursor: pointer;
margin-bottom: 0;
font-weight: normal;
display: inline-block;
}
.w-radio {
margin-bottom: 5px;
padding-left: 20px;
display: block;
}
.w-radio:before, .w-radio:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-radio:after {
clear: both;
}
.w-radio-input {
float: left;
margin: 3px 0 0 -20px;
line-height: normal;
}
.w-file-upload {
margin-bottom: 10px;
display: block;
}
.w-file-upload-input {
opacity: 0;
z-index: -100;
width: .1px;
height: .1px;
position: absolute;
overflow: hidden;
}
.w-file-upload-default, .w-file-upload-uploading, .w-file-upload-success {
color: #333;
display: inline-block;
}
.w-file-upload-error {
margin-top: 10px;
display: block;
}
.w-file-upload-default.w-hidden, .w-file-upload-uploading.w-hidden, .w-file-upload-error.w-hidden, .w-file-upload-success.w-hidden {
display: none;
}
.w-file-upload-uploading-btn {
cursor: pointer;
background-color: #fafafa;
border: 1px solid #ccc;
margin: 0;
padding: 8px 12px;
font-size: 14px;
font-weight: normal;
display: flex;
}
.w-file-upload-file {
background-color: #fafafa;
border: 1px solid #ccc;
flex-grow: 1;
justify-content: space-between;
margin: 0;
padding: 8px 9px 8px 11px;
display: flex;
}
.w-file-upload-file-name {
font-size: 14px;
font-weight: normal;
display: block;
}
.w-file-remove-link {
cursor: pointer;
width: auto;
height: auto;
margin-top: 3px;
margin-left: 10px;
padding: 3px;
display: block;
}
.w-icon-file-upload-remove {
margin: auto;
font-size: 10px;
}
.w-file-upload-error-msg {
color: #ea384c;
padding: 2px 0;
display: inline-block;
}
.w-file-upload-info {
padding: 0 12px;
line-height: 38px;
display: inline-block;
}
.w-file-upload-label {
cursor: pointer;
background-color: #fafafa;
border: 1px solid #ccc;
margin: 0;
padding: 8px 12px;
font-size: 14px;
font-weight: normal;
display: inline-block;
}
.w-icon-file-upload-icon, .w-icon-file-upload-uploading {
width: 20px;
margin-right: 8px;
display: inline-block;
}
.w-icon-file-upload-uploading {
height: 20px;
}
.w-container {
max-width: 940px;
margin-left: auto;
margin-right: auto;
}
.w-container:before, .w-container:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-container:after {
clear: both;
}
.w-container .w-row {
margin-left: -10px;
margin-right: -10px;
}
.w-row:before, .w-row:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-row:after {
clear: both;
}
.w-row .w-row {
margin-left: 0;
margin-right: 0;
}
.w-col {
float: left;
width: 100%;
min-height: 1px;
padding-left: 10px;
padding-right: 10px;
position: relative;
}
.w-col .w-col {
padding-left: 0;
padding-right: 0;
}
.w-col-1 {
width: 8.33333%;
}
.w-col-2 {
width: 16.6667%;
}
.w-col-3 {
width: 25%;
}
.w-col-4 {
width: 33.3333%;
}
.w-col-5 {
width: 41.6667%;
}
.w-col-6 {
width: 50%;
}
.w-col-7 {
width: 58.3333%;
}
.w-col-8 {
width: 66.6667%;
}
.w-col-9 {
width: 75%;
}
.w-col-10 {
width: 83.3333%;
}
.w-col-11 {
width: 91.6667%;
}
.w-col-12 {
width: 100%;
}
.w-hidden-main {
display: none !important;
}
@media screen and (max-width: 991px) {
.w-container {
max-width: 728px;
}
.w-hidden-main {
display: inherit !important;
}
.w-hidden-medium {
display: none !important;
}
.w-col-medium-1 {
width: 8.33333%;
}
.w-col-medium-2 {
width: 16.6667%;
}
.w-col-medium-3 {
width: 25%;
}
.w-col-medium-4 {
width: 33.3333%;
}
.w-col-medium-5 {
width: 41.6667%;
}
.w-col-medium-6 {
width: 50%;
}
.w-col-medium-7 {
width: 58.3333%;
}
.w-col-medium-8 {
width: 66.6667%;
}
.w-col-medium-9 {
width: 75%;
}
.w-col-medium-10 {
width: 83.3333%;
}
.w-col-medium-11 {
width: 91.6667%;
}
.w-col-medium-12 {
width: 100%;
}
.w-col-stack {
width: 100%;
left: auto;
right: auto;
}
}
@media screen and (max-width: 767px) {
.w-hidden-main, .w-hidden-medium {
display: inherit !important;
}
.w-hidden-small {
display: none !important;
}
.w-row, .w-container .w-row {
margin-left: 0;
margin-right: 0;
}
.w-col {
width: 100%;
left: auto;
right: auto;
}
.w-col-small-1 {
width: 8.33333%;
}
.w-col-small-2 {
width: 16.6667%;
}
.w-col-small-3 {
width: 25%;
}
.w-col-small-4 {
width: 33.3333%;
}
.w-col-small-5 {
width: 41.6667%;
}
.w-col-small-6 {
width: 50%;
}
.w-col-small-7 {
width: 58.3333%;
}
.w-col-small-8 {
width: 66.6667%;
}
.w-col-small-9 {
width: 75%;
}
.w-col-small-10 {
width: 83.3333%;
}
.w-col-small-11 {
width: 91.6667%;
}
.w-col-small-12 {
width: 100%;
}
}
@media screen and (max-width: 479px) {
.w-container {
max-width: none;
}
.w-hidden-main, .w-hidden-medium, .w-hidden-small {
display: inherit !important;
}
.w-hidden-tiny {
display: none !important;
}
.w-col {
width: 100%;
}
.w-col-tiny-1 {
width: 8.33333%;
}
.w-col-tiny-2 {
width: 16.6667%;
}
.w-col-tiny-3 {
width: 25%;
}
.w-col-tiny-4 {
width: 33.3333%;
}
.w-col-tiny-5 {
width: 41.6667%;
}
.w-col-tiny-6 {
width: 50%;
}
.w-col-tiny-7 {
width: 58.3333%;
}
.w-col-tiny-8 {
width: 66.6667%;
}
.w-col-tiny-9 {
width: 75%;
}
.w-col-tiny-10 {
width: 83.3333%;
}
.w-col-tiny-11 {
width: 91.6667%;
}
.w-col-tiny-12 {
width: 100%;
}
}
.w-widget {
position: relative;
}
.w-widget-map {
width: 100%;
height: 400px;
}
.w-widget-map label {
width: auto;
display: inline;
}
.w-widget-map img {
max-width: inherit;
}
.w-widget-map .gm-style-iw {
text-align: center;
}
.w-widget-map .gm-style-iw > button {
display: none !important;
}
.w-widget-twitter {
overflow: hidden;
}
.w-widget-twitter-count-shim {
vertical-align: top;
text-align: center;
background: #fff;
border: 1px solid #758696;
border-radius: 3px;
width: 28px;
height: 20px;
display: inline-block;
position: relative;
}
.w-widget-twitter-count-shim * {
pointer-events: none;
-webkit-user-select: none;
user-select: none;
}
.w-widget-twitter-count-shim .w-widget-twitter-count-inner {
text-align: center;
color: #999;
font-family: serif;
font-size: 15px;
line-height: 12px;
position: relative;
}
.w-widget-twitter-count-shim .w-widget-twitter-count-clear {
display: block;
position: relative;
}
.w-widget-twitter-count-shim.w--large {
width: 36px;
height: 28px;
}
.w-widget-twitter-count-shim.w--large .w-widget-twitter-count-inner {
font-size: 18px;
line-height: 18px;
}
.w-widget-twitter-count-shim:not(.w--vertical) {
margin-left: 5px;
margin-right: 8px;
}
.w-widget-twitter-count-shim:not(.w--vertical).w--large {
margin-left: 6px;
}
.w-widget-twitter-count-shim:not(.w--vertical):before, .w-widget-twitter-count-shim:not(.w--vertical):after {
content: " ";
pointer-events: none;
border: solid #0000;
width: 0;
height: 0;
position: absolute;
top: 50%;
left: 0;
}
.w-widget-twitter-count-shim:not(.w--vertical):before {
border-width: 4px;
border-color: #75869600 #5d6c7b #75869600 #75869600;
margin-top: -4px;
margin-left: -9px;
}
.w-widget-twitter-count-shim:not(.w--vertical).w--large:before {
border-width: 5px;
margin-top: -5px;
margin-left: -10px;
}
.w-widget-twitter-count-shim:not(.w--vertical):after {
border-width: 4px;
border-color: #fff0 #fff #fff0 #fff0;
margin-top: -4px;
margin-left: -8px;
}
.w-widget-twitter-count-shim:not(.w--vertical).w--large:after {
border-width: 5px;
margin-top: -5px;
margin-left: -9px;
}
.w-widget-twitter-count-shim.w--vertical {
width: 61px;
height: 33px;
margin-bottom: 8px;
}
.w-widget-twitter-count-shim.w--vertical:before, .w-widget-twitter-count-shim.w--vertical:after {
content: " ";
pointer-events: none;
border: solid #0000;
width: 0;
height: 0;
position: absolute;
top: 100%;
left: 50%;
}
.w-widget-twitter-count-shim.w--vertical:before {
border-width: 5px;
border-color: #5d6c7b #75869600 #75869600;
margin-left: -5px;
}
.w-widget-twitter-count-shim.w--vertical:after {
border-width: 4px;
border-color: #fff #fff0 #fff0;
margin-left: -4px;
}
.w-widget-twitter-count-shim.w--vertical .w-widget-twitter-count-inner {
font-size: 18px;
line-height: 22px;
}
.w-widget-twitter-count-shim.w--vertical.w--large {
width: 76px;
}
.w-background-video {
color: #fff;
height: 500px;
position: relative;
overflow: hidden;
}
.w-background-video > video {
object-fit: cover;
z-index: -100;
background-position: 50%;
background-size: cover;
width: 100%;
height: 100%;
margin: auto;
position: absolute;
inset: -100%;
}
.w-background-video > video::-webkit-media-controls-start-playback-button {
-webkit-appearance: none;
display: none !important;
}
.w-background-video--control {
background-color: #0000;
padding: 0;
position: absolute;
bottom: 1em;
right: 1em;
}
.w-background-video--control > [hidden] {
display: none !important;
}
.w-slider {
text-align: center;
clear: both;
-webkit-tap-highlight-color: #0000;
tap-highlight-color: #0000;
background: #ddd;
height: 300px;
position: relative;
}
.w-slider-mask {
z-index: 1;
white-space: nowrap;
height: 100%;
display: block;
position: relative;
left: 0;
right: 0;
overflow: hidden;
}
.w-slide {
vertical-align: top;
white-space: normal;
text-align: left;
width: 100%;
height: 100%;
display: inline-block;
position: relative;
}
.w-slider-nav {
z-index: 2;
text-align: center;
-webkit-tap-highlight-color: #0000;
tap-highlight-color: #0000;
height: 40px;
margin: auto;
padding-top: 10px;
position: absolute;
inset: auto 0 0;
}
.w-slider-nav.w-round > div {
border-radius: 100%;
}
.w-slider-nav.w-num > div {
font-size: inherit;
line-height: inherit;
width: auto;
height: auto;
padding: .2em .5em;
}
.w-slider-nav.w-shadow > div {
box-shadow: 0 0 3px #3336;
}
.w-slider-nav-invert {
color: #fff;
}
.w-slider-nav-invert > div {
background-color: #2226;
}
.w-slider-nav-invert > div.w-active {
background-color: #222;
}
.w-slider-dot {
cursor: pointer;
background-color: #fff6;
width: 1em;
height: 1em;
margin: 0 3px .5em;
transition: background-color .1s, color .1s;
display: inline-block;
position: relative;
}
.w-slider-dot.w-active {
background-color: #fff;
}
.w-slider-dot:focus {
outline: none;
box-shadow: 0 0 0 2px #fff;
}
.w-slider-dot:focus.w-active {
box-shadow: none;
}
.w-slider-arrow-left, .w-slider-arrow-right {
cursor: pointer;
color: #fff;
-webkit-tap-highlight-color: #0000;
tap-highlight-color: #0000;
-webkit-user-select: none;
user-select: none;
width: 80px;
margin: auto;
font-size: 40px;
position: absolute;
inset: 0;
overflow: hidden;
}
.w-slider-arrow-left [class^="w-icon-"], .w-slider-arrow-right [class^="w-icon-"], .w-slider-arrow-left [class*=" w-icon-"], .w-slider-arrow-right [class*=" w-icon-"] {
position: absolute;
}
.w-slider-arrow-left:focus, .w-slider-arrow-right:focus {
outline: 0;
}
.w-slider-arrow-left {
z-index: 3;
right: auto;
}
.w-slider-arrow-right {
z-index: 4;
left: auto;
}
.w-icon-slider-left, .w-icon-slider-right {
width: 1em;
height: 1em;
margin: auto;
inset: 0;
}
.w-slider-aria-label {
clip: rect(0 0 0 0);
border: 0;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
position: absolute;
overflow: hidden;
}
.w-slider-force-show {
display: block !important;
}
.w-dropdown {
text-align: left;
z-index: 900;
margin-left: auto;
margin-right: auto;
display: inline-block;
position: relative;
}
.w-dropdown-btn, .w-dropdown-toggle, .w-dropdown-link {
vertical-align: top;
color: #222;
text-align: left;
white-space: nowrap;
margin-left: auto;
margin-right: auto;
padding: 20px;
text-decoration: none;
position: relative;
}
.w-dropdown-toggle {
-webkit-user-select: none;
user-select: none;
cursor: pointer;
padding-right: 40px;
display: inline-block;
}
.w-dropdown-toggle:focus {
outline: 0;
}
.w-icon-dropdown-toggle {
width: 1em;
height: 1em;
margin: auto 20px auto auto;
position: absolute;
top: 0;
bottom: 0;
right: 0;
}
.w-dropdown-list {
background: #ddd;
min-width: 100%;
display: none;
position: absolute;
}
.w-dropdown-list.w--open {
display: block;
}
.w-dropdown-link {
color: #222;
padding: 10px 20px;
display: block;
}
.w-dropdown-link.w--current {
color: #0082f3;
}
.w-dropdown-link:focus {
outline: 0;
}
@media screen and (max-width: 767px) {
.w-nav-brand {
padding-left: 10px;
}
}
.w-lightbox-backdrop {
cursor: auto;
letter-spacing: normal;
text-indent: 0;
text-shadow: none;
text-transform: none;
visibility: visible;
white-space: normal;
word-break: normal;
word-spacing: normal;
word-wrap: normal;
color: #fff;
text-align: center;
z-index: 2000;
opacity: 0;
-webkit-user-select: none;
-moz-user-select: none;
-webkit-tap-highlight-color: transparent;
background: #000000e6;
outline: 0;
font-family: Helvetica Neue, Helvetica, Ubuntu, Segoe UI, Verdana, sans-serif;
font-size: 17px;
font-style: normal;
font-weight: 300;
line-height: 1.2;
list-style: disc;
position: fixed;
inset: 0;
-webkit-transform: translate(0);
}
.w-lightbox-backdrop, .w-lightbox-container {
-webkit-overflow-scrolling: touch;
height: 100%;
overflow: auto;
}
.w-lightbox-content {
height: 100vh;
position: relative;
overflow: hidden;
}
.w-lightbox-view {
opacity: 0;
width: 100vw;
height: 100vh;
position: absolute;
}
.w-lightbox-view:before {
content: "";
height: 100vh;
}
.w-lightbox-group, .w-lightbox-group .w-lightbox-view, .w-lightbox-group .w-lightbox-view:before {
height: 86vh;
}
.w-lightbox-frame, .w-lightbox-view:before {
vertical-align: middle;
display: inline-block;
}
.w-lightbox-figure {
margin: 0;
position: relative;
}
.w-lightbox-group .w-lightbox-figure {
cursor: pointer;
}
.w-lightbox-img {
width: auto;
max-width: none;
height: auto;
}
.w-lightbox-image {
float: none;
max-width: 100vw;
max-height: 100vh;
display: block;
}
.w-lightbox-group .w-lightbox-image {
max-height: 86vh;
}
.w-lightbox-caption {
text-align: left;
text-overflow: ellipsis;
white-space: nowrap;
background: #0006;
padding: .5em 1em;
position: absolute;
bottom: 0;
left: 0;
right: 0;
overflow: hidden;
}
.w-lightbox-embed {
width: 100%;
height: 100%;
position: absolute;
inset: 0;
}
.w-lightbox-control {
cursor: pointer;
background-position: center;
background-repeat: no-repeat;
background-size: 24px;
width: 4em;
transition: all .3s;
position: absolute;
top: 0;
}
.w-lightbox-left {
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0yMCAwIDI0IDQwIiB3aWR0aD0iMjQiIGhlaWdodD0iNDAiPjxnIHRyYW5zZm9ybT0icm90YXRlKDQ1KSI+PHBhdGggZD0ibTAgMGg1djIzaDIzdjVoLTI4eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDN2MjNoMjN2M2gtMjZ6IiBmaWxsPSIjZmZmIi8+PC9nPjwvc3ZnPg==");
display: none;
bottom: 0;
left: 0;
}
.w-lightbox-right {
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMjQgNDAiIHdpZHRoPSIyNCIgaGVpZ2h0PSI0MCI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMC0waDI4djI4aC01di0yM2gtMjN6IiBvcGFjaXR5PSIuNCIvPjxwYXRoIGQ9Im0xIDFoMjZ2MjZoLTN2LTIzaC0yM3oiIGZpbGw9IiNmZmYiLz48L2c+PC9zdmc+");
display: none;
bottom: 0;
right: 0;
}
.w-lightbox-close {
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMTggMTciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxNyI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMCAwaDd2LTdoNXY3aDd2NWgtN3Y3aC01di03aC03eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDd2LTdoM3Y3aDd2M2gtN3Y3aC0zdi03aC03eiIgZmlsbD0iI2ZmZiIvPjwvZz48L3N2Zz4=");
background-size: 18px;
height: 2.6em;
right: 0;
}
.w-lightbox-strip {
white-space: nowrap;
padding: 0 1vh;
line-height: 0;
position: absolute;
bottom: 0;
left: 0;
right: 0;
overflow: auto hidden;
}
.w-lightbox-item {
box-sizing: content-box;
cursor: pointer;
width: 10vh;
padding: 2vh 1vh;
display: inline-block;
-webkit-transform: translate3d(0, 0, 0);
}
.w-lightbox-active {
opacity: .3;
}
.w-lightbox-thumbnail {
background: #222;
height: 10vh;
position: relative;
overflow: hidden;
}
.w-lightbox-thumbnail-image {
position: absolute;
top: 0;
left: 0;
}
.w-lightbox-thumbnail .w-lightbox-tall {
width: 100%;
top: 50%;
transform: translate(0, -50%);
}
.w-lightbox-thumbnail .w-lightbox-wide {
height: 100%;
left: 50%;
transform: translate(-50%);
}
.w-lightbox-spinner {
box-sizing: border-box;
border: 5px solid #0006;
border-radius: 50%;
width: 40px;
height: 40px;
margin-top: -20px;
margin-left: -20px;
animation: .8s linear infinite spin;
position: absolute;
top: 50%;
left: 50%;
}
.w-lightbox-spinner:after {
content: "";
border: 3px solid #0000;
border-bottom-color: #fff;
border-radius: 50%;
position: absolute;
inset: -4px;
}
.w-lightbox-hide {
display: none;
}
.w-lightbox-noscroll {
overflow: hidden;
}
@media (min-width: 768px) {
.w-lightbox-content {
height: 96vh;
margin-top: 2vh;
}
.w-lightbox-view, .w-lightbox-view:before {
height: 96vh;
}
.w-lightbox-group, .w-lightbox-group .w-lightbox-view, .w-lightbox-group .w-lightbox-view:before {
height: 84vh;
}
.w-lightbox-image {
max-width: 96vw;
max-height: 96vh;
}
.w-lightbox-group .w-lightbox-image {
max-width: 82.3vw;
max-height: 84vh;
}
.w-lightbox-left, .w-lightbox-right {
opacity: .5;
display: block;
}
.w-lightbox-close {
opacity: .8;
}
.w-lightbox-control:hover {
opacity: 1;
}
}
.w-lightbox-inactive, .w-lightbox-inactive:hover {
opacity: 0;
}
.w-richtext:before, .w-richtext:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-richtext:after {
clear: both;
}
.w-richtext[contenteditable="true"]:before, .w-richtext[contenteditable="true"]:after {
white-space: initial;
}
.w-richtext ol, .w-richtext ul {
overflow: hidden;
}
.w-richtext .w-richtext-figure-selected.w-richtext-figure-type-video div:after, .w-richtext .w-richtext-figure-selected[data-rt-type="video"] div:after, .w-richtext .w-richtext-figure-selected.w-richtext-figure-type-image div, .w-richtext .w-richtext-figure-selected[data-rt-type="image"] div {
outline: 2px solid #2895f7;
}
.w-richtext figure.w-richtext-figure-type-video > div:after, .w-richtext figure[data-rt-type="video"] > div:after {
content: "";
display: none;
position: absolute;
inset: 0;
}
.w-richtext figure {
max-width: 60%;
position: relative;
}
.w-richtext figure > div:before {
cursor: default !important;
}
.w-richtext figure img {
width: 100%;
}
.w-richtext figure figcaption.w-richtext-figcaption-placeholder {
opacity: .6;
}
.w-richtext figure div {
color: #0000;
font-size: 0;
}
.w-richtext figure.w-richtext-figure-type-image, .w-richtext figure[data-rt-type="image"] {
display: table;
}
.w-richtext figure.w-richtext-figure-type-image > div, .w-richtext figure[data-rt-type="image"] > div {
display: inline-block;
}
.w-richtext figure.w-richtext-figure-type-image > figcaption, .w-richtext figure[data-rt-type="image"] > figcaption {
caption-side: bottom;
display: table-caption;
}
.w-richtext figure.w-richtext-figure-type-video, .w-richtext figure[data-rt-type="video"] {
width: 60%;
height: 0;
}
.w-richtext figure.w-richtext-figure-type-video iframe, .w-richtext figure[data-rt-type="video"] iframe {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.w-richtext figure.w-richtext-figure-type-video > div, .w-richtext figure[data-rt-type="video"] > div {
width: 100%;
}
.w-richtext figure.w-richtext-align-center {
clear: both;
margin-left: auto;
margin-right: auto;
}
.w-richtext figure.w-richtext-align-center.w-richtext-figure-type-image > div, .w-richtext figure.w-richtext-align-center[data-rt-type="image"] > div {
max-width: 100%;
}
.w-richtext figure.w-richtext-align-normal {
clear: both;
}
.w-richtext figure.w-richtext-align-fullwidth {
text-align: center;
clear: both;
width: 100%;
max-width: 100%;
margin-left: auto;
margin-right: auto;
display: block;
}
.w-richtext figure.w-richtext-align-fullwidth > div {
padding-bottom: inherit;
display: inline-block;
}
.w-richtext figure.w-richtext-align-fullwidth > figcaption {
display: block;
}
.w-richtext figure.w-richtext-align-floatleft {
float: left;
clear: none;
margin-right: 15px;
}
.w-richtext figure.w-richtext-align-floatright {
float: right;
clear: none;
margin-left: 15px;
}
.w-nav {
z-index: 1000;
background: #ddd;
position: relative;
}
.w-nav:before, .w-nav:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-nav:after {
clear: both;
}
.w-nav-brand {
float: left;
color: #333;
text-decoration: none;
position: relative;
}
.w-nav-link {
vertical-align: top;
color: #222;
text-align: left;
margin-left: auto;
margin-right: auto;
padding: 20px;
text-decoration: none;
display: inline-block;
position: relative;
}
.w-nav-link.w--current {
color: #0082f3;
}
.w-nav-menu {
float: right;
position: relative;
}
[data-nav-menu-open] {
text-align: center;
background: #c8c8c8;
min-width: 200px;
position: absolute;
top: 100%;
left: 0;
right: 0;
overflow: visible;
display: block !important;
}
.w--nav-link-open {
display: block;
position: relative;
}
.w-nav-overlay {
width: 100%;
display: none;
position: absolute;
top: 100%;
left: 0;
right: 0;
overflow: hidden;
}
.w-nav-overlay [data-nav-menu-open] {
top: 0;
}
.w-nav[data-animation="over-left"] .w-nav-overlay {
width: auto;
}
.w-nav[data-animation="over-left"] .w-nav-overlay, .w-nav[data-animation="over-left"] [data-nav-menu-open] {
z-index: 1;
top: 0;
right: auto;
}
.w-nav[data-animation="over-right"] .w-nav-overlay {
width: auto;
}
.w-nav[data-animation="over-right"] .w-nav-overlay, .w-nav[data-animation="over-right"] [data-nav-menu-open] {
z-index: 1;
top: 0;
left: auto;
}
.w-nav-button {
float: right;
cursor: pointer;
-webkit-tap-highlight-color: #0000;
tap-highlight-color: #0000;
-webkit-user-select: none;
user-select: none;
padding: 18px;
font-size: 24px;
display: none;
position: relative;
}
.w-nav-button:focus {
outline: 0;
}
.w-nav-button.w--open {
color: #fff;
background-color: #c8c8c8;
}
.w-nav[data-collapse="all"] .w-nav-menu {
display: none;
}
.w-nav[data-collapse="all"] .w-nav-button, .w--nav-dropdown-open, .w--nav-dropdown-toggle-open {
display: block;
}
.w--nav-dropdown-list-open {
position: static;
}
@media screen and (max-width: 991px) {
.w-nav[data-collapse="medium"] .w-nav-menu {
display: none;
}
.w-nav[data-collapse="medium"] .w-nav-button {
display: block;
}
}
@media screen and (max-width: 767px) {
.w-nav[data-collapse="small"] .w-nav-menu {
display: none;
}
.w-nav[data-collapse="small"] .w-nav-button {
display: block;
}
.w-nav-brand {
padding-left: 10px;
}
}
@media screen and (max-width: 479px) {
.w-nav[data-collapse="tiny"] .w-nav-menu {
display: none;
}
.w-nav[data-collapse="tiny"] .w-nav-button {
display: block;
}
}
.w-tabs {
position: relative;
}
.w-tabs:before, .w-tabs:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-tabs:after {
clear: both;
}
.w-tab-menu {
position: relative;
}
.w-tab-link {
vertical-align: top;
text-align: left;
cursor: pointer;
color: #222;
background-color: #ddd;
padding: 9px 30px;
text-decoration: none;
display: inline-block;
position: relative;
}
.w-tab-link.w--current {
background-color: #c8c8c8;
}
.w-tab-link:focus {
outline: 0;
}
.w-tab-content {
display: block;
position: relative;
overflow: hidden;
}
.w-tab-pane {
display: none;
position: relative;
}
.w--tab-active {
display: block;
}
@media screen and (max-width: 479px) {
.w-tab-link {
display: block;
}
}
.w-ix-emptyfix:after {
content: "";
}
@keyframes spin {
0% {
transform: rotate(0);
}
100% {
transform: rotate(360deg);
}
}
.w-dyn-empty {
background-color: #ddd;
padding: 10px;
}
.w-dyn-hide, .w-dyn-bind-empty, .w-condition-invisible {
display: none !important;
}
.wf-layout-layout {
display: grid;
}
:root {
--background: #283044;
--white: white;
--secondary: #05b396;
--primary: #2ec4a7;
--grey: #676e73;
--dark-grey: #252525;
--light-grey: #8a8f98;
--yellow: #eeb524;
--alternate-bg: #414656;
--light: #f6f6f6;
--primary-dark: #007d55;
--divider-color: #0000;
--white-smoke: #f7f4f3;
--label-bg: #6e6383e0;
--baby-powder: #fffcf9;
--ddd6d6: var(--light);
--white-bg-button: #00c6be;
}
.w-embed-youtubevideo {
background-image: url("https://d3e54v103j8qbb.cloudfront.net/static/youtube-placeholder.2b05e7d68d.svg");
background-position: 50%;
background-size: cover;
width: 100%;
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
position: relative;
}
.w-embed-youtubevideo:empty {
min-height: 75px;
padding-bottom: 56.25%;
}
.w-layout-blockcontainer {
max-width: 940px;
margin-left: auto;
margin-right: auto;
display: block;
}
.w-layout-grid {
grid-row-gap: 16px;
grid-column-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.w-checkbox {
margin-bottom: 5px;
padding-left: 20px;
display: block;
}
.w-checkbox:before {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-checkbox:after {
content: " ";
clear: both;
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-checkbox-input {
float: left;
margin: 4px 0 0 -20px;
line-height: normal;
}
.w-checkbox-input--inputType-custom {
border: 1px solid #ccc;
border-radius: 2px;
width: 12px;
height: 12px;
}
.w-checkbox-input--inputType-custom.w--redirected-checked {
background-color: #3898ec;
background-image: url("https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
border-color: #3898ec;
}
.w-checkbox-input--inputType-custom.w--redirected-focus {
box-shadow: 0 0 3px 1px #3898ec;
}
.w-form-formrecaptcha {
margin-bottom: 8px;
}
@media screen and (max-width: 991px) {
.w-layout-blockcontainer {
max-width: 728px;
}
}
@media screen and (max-width: 767px) {
.w-layout-blockcontainer {
max-width: none;
}
}
body {
background-color: var(--background);
color: var(--white);
letter-spacing: .4px;
padding-top: 62px;
font-family: Red Hat Display, sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 1.6;
}
h1 {
margin-top: 0;
margin-bottom: 20px;
font-size: 60px;
font-weight: 700;
line-height: 1.1;
}
h2 {
margin-top: 0;
margin-bottom: 20px;
font-size: 52px;
font-weight: 700;
line-height: 1.1;
}
h3 {
margin-top: 0;
margin-bottom: 20px;
font-size: 46px;
font-weight: 700;
line-height: 1.1;
}
h4 {
margin-top: 0;
margin-bottom: 10px;
font-size: 36px;
font-weight: 500;
line-height: 1.3;
}
h5 {
margin-top: 0;
margin-bottom: 10px;
font-size: 28px;
font-weight: 500;
line-height: 1.3;
}
h6 {
margin-top: 0;
margin-bottom: 10px;
font-size: 20px;
font-weight: 500;
line-height: 1.4;
}
p {
margin-bottom: 20px;
}
a {
color: var(--secondary);
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
img {
max-width: 100%;
display: inline-block;
}
blockquote {
border-style: solid;
border-width: 1px 1px 1px 8px;
border-color: var(--primary);
color: var(--white);
background-color: #53fdca1a;
margin-top: 20px;
margin-bottom: 20px;
padding: 20px;
font-size: 18px;
line-height: 22px;
}
figure {
margin-top: 20px;
margin-bottom: 20px;
}
figcaption {
color: var(--grey);
text-align: center;
margin-top: 10px;
font-size: 14px;
}
.wrap {
margin-top: 0;
}
.container {
grid-column-gap: 16px;
grid-row-gap: 16px;
color: var(--white);
-webkit-text-stroke-color: var(--dark-grey);
-webkit-text-fill-color: inherit;
background-clip: border-box;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: row;
max-width: 1280px;
margin: 20px auto;
padding: 0 40px;
font-size: 15px;
display: grid;
position: static;
}
.container.nav {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-auto-flow: row;
place-content: start stretch;
align-items: stretch;
width: 100%;
height: auto;
margin-top: 0;
margin-bottom: 0;
padding-top: 40px;
padding-bottom: 40px;
}
.container.dropdown-inner {
width: 1129px;
margin-top: 0;
margin-bottom: 0;
padding-top: 20px;
padding-left: 0;
position: relative;
left: -35px;
}
.container.solutionshome {
color: var(--light-grey);
max-height: 1000px;
}
.container.pdct-header {
justify-content: center;
align-items: stretch;
display: flex;
}
.container._1 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
margin-bottom: 20px;
padding-bottom: 20px;
}
.container.x {
margin-top: 40px;
margin-bottom: 40px;
padding-top: 0;
padding-bottom: 0;
}
.container.p-change {
padding-left: 20px;
padding-right: 20px;
}
.section {
margin-top: 0;
padding-top: 0;
padding-bottom: 0;
overflow: hidden;
}
.section.dark {
background-color: var(--white);
color: var(--background);
-webkit-text-stroke-color: var(--yellow);
}
.section.pt-0 {
border: 1px none var(--alternate-bg);
opacity: 1;
outline-offset: 0px;
background-color: #0000;
outline: 3px #fff;
margin-top: 10px;
margin-bottom: 10px;
}
.section.pt-0.alternatebg {
background-color: var(--light);
}
.section.light {
background-color: var(--white);
margin-top: 10px;
margin-bottom: 0;
padding-top: 0;
padding-bottom: 0;
}
.section.light.pb-0 {
margin-bottom: 0;
padding-bottom: 40px;
}
.section.light.pt-0 {
margin-top: 0;
margin-bottom: 0;
padding-top: 0;
padding-bottom: 10px;
}
.section.white {
background-color: var(--white);
margin-bottom: 0;
padding-top: 20px;
padding-bottom: 0;
}
.section.white.relative {
padding-top: 20px;
}
.section.white.hero {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: column;
grid-template-rows: auto 243px;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: center;
height: auto;
min-height: 65vh;
margin-bottom: 10px;
display: flex;
}
.section.pricing {
background-color: var(--alternate-bg);
padding-bottom: 300px;
}
.section.dark-grey {
background-color: var(--dark-grey);
}
.section.relative {
position: relative;
}
.section.overflow-visible {
margin-top: 10px;
margin-bottom: 0;
padding-top: 10px;
padding-bottom: 0;
}
.section.prod-feature-works {
background-image: linear-gradient(180deg, var(--light) 50%, var(--white) 66%);
padding-top: 10px;
padding-bottom: 0;
}
.section.use-cases-feedback {
background-image: linear-gradient(to bottom, var(--light) 50%, var(--white) 50%);
}
.section.custom-pricing-header {
background-image: linear-gradient(to bottom, var(--background) 62%, var(--white) 62%);
}
.section.license-purchase {
background-image: linear-gradient(to bottom, var(--light) 65%, var(--white) 65%);
}
.section.pb-0.dark {
padding-top: 10px;
}
.section.alternatecolor {
background-color: var(--light);
margin-top: 0;
padding-top: 40px;
padding-bottom: 40px;
}
.section.alternatebg {
background-color: var(--light);
}
.section.clientlogoslight {
border-top: 1px solid var(--background);
border-bottom: 1px solid var(--background);
background-color: var(--light);
margin-top: 0;
padding-top: 0;
padding-bottom: 0;
}
.navbar {
z-index: 1000;
border-bottom: 1px solid var(--dark-grey);
background-color: var(--background);
color: var(--alternate-bg);
flex-direction: row;
justify-content: flex-start;
align-items: center;
height: 70px;
display: flex;
position: fixed;
inset: 0% 0% auto;
}
.navbar-container {
align-items: center;
padding-top: 0;
padding-bottom: 0;
display: flex;
}
.nav-menu {
flex-flow: row;
flex: 1;
justify-content: flex-start;
align-items: flex-end;
margin-top: 10px;
margin-bottom: 0;
padding-top: 10px;
display: flex;
}
.nav-link {
color: var(--white);
vertical-align: middle;
object-fit: fill;
border-bottom: 2px solid #0000;
height: 61px;
margin-bottom: 7px;
padding: 20px 12px;
font-family: Red Hat Display, sans-serif;
font-size: 14px;
font-weight: 500;
display: inline-block;
}
.nav-link:hover {
border-bottom-color: var(--secondary);
color: var(--primary);
text-decoration: none;
}
.nav-link.w--current {
color: var(--primary);
}
.nav-link.dropdown {
vertical-align: bottom;
cursor: auto;
margin-bottom: 0;
padding-top: 10px;
padding-bottom: 10px;
padding-right: 28px;
transition: border-color .2s;
display: inline-block;
box-shadow: 0 2px 5px #0003;
}
.nav-link.dropdown.w--open {
border-bottom-color: var(--secondary);
color: var(--primary);
transition-property: none;
}
.nav-link.dropdown.new {
box-shadow: none;
}
.brand {
margin-right: 38px;
}
.brand.w--current {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: row;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-self: auto;
margin-top: 0;
margin-bottom: 0;
display: block;
}
.brand.short {
display: none;
}
.nav-menu-right {
align-items: center;
margin: 10px 0 7px;
padding-top: 40px;
padding-bottom: 20px;
display: flex;
}
.nav-menu-action {
margin-left: 10px;
}
.nav-menu-action.button.primary.small {
background-color: var(--primary);
align-self: center;
height: 40px;
margin-bottom: 0;
padding-top: 8px;
padding-bottom: 8px;
transition: color .2s, background-color .2s;
}
.nav-menu-action.button.primary.small:hover {
background-color: var(--light);
}
.fw-500 {
font-weight: 500;
}
.fw-700 {
font-weight: 700;
}
.fw-900 {
font-weight: 900;
}
.ff-space {
font-family: Space Mono, sans-serif;
}
.text-primary {
color: var(--primary);
}
.text-primary.subtitle.text-small.mb-20 {
height: auto;
margin-left: 0;
padding-left: 0;
font-size: 18px;
}
.text-primary.case {
text-align: left;
}
.style-guide-inner {
background-color: var(--alternate-bg);
padding: 40px;
}
.style-guide-inner.white {
background-color: var(--white);
}
.text-large {
font-size: 22px;
}
.mb-0 {
margin-bottom: 0;
}
.mb-20 {
color: var(--white);
text-align: left;
width: auto;
max-width: none;
height: auto;
margin-top: 0;
margin-bottom: 10px;
margin-left: 0;
padding-top: 0;
padding-bottom: 0;
padding-left: 0;
font-size: 25px;
font-weight: 500;
display: block;
}
.mb-20.text-grey {
color: var(--white);
text-align: left;
margin-top: -35px;
margin-bottom: 10px;
padding-top: 0;
font-weight: 400;
}
.mb-20.text-grey.text-medium {
color: var(--light);
}
.mb-20.text-grey.center {
text-align: center;
margin-top: -40px;
margin-bottom: 10px;
font-size: 15px;
}
.mb-20.lightbg {
color: var(--background);
text-align: center;
max-width: 100%;
font-size: 30px;
font-weight: 700;
line-height: 1.1;
}
.mb-20.lightbg-copy {
color: var(--background);
}
.mb-20.text-white-copy {
text-align: center;
width: auto;
height: auto;
}
.mb-20.features {
width: auto;
height: 200px;
}
.mb-20.discover {
height: 31.9922px;
}
.mb-20.pim {
width: auto;
height: 200px;
}
.text-small {
font-size: 14px;
}
.text-small.text-light-grey {
color: var(--background);
text-align: left;
font-size: 15px;
font-weight: 400;
transition: opacity .2s;
}
.text-small.text-light-grey:hover {
color: var(--primary-dark);
}
.text-small.mb-0.text-grey {
text-align: justify;
margin-bottom: 20px;
padding-top: 0;
padding-bottom: 20px;
font-size: 18px;
}
.text-small.text-semi {
color: var(--background);
text-align: left;
-webkit-text-stroke-color: var(--primary-dark);
padding-top: 10px;
}
.text-small.text-semi:hover {
color: var(--primary-dark);
}
.text-small.text-grey.flex-grow {
text-align: center;
padding-top: 10px;
}
.text-small.text-grey.flex-grow.mb-20 {
color: var(--grey);
text-align: center;
margin-top: 10px;
}
.text-small.text-grey.flex-grow.mb-20-copy {
text-align: center;
}
.text-extra-small {
font-size: 12px;
}
.text-extra-small.text-light-grey {
color: var(--background);
text-align: left;
flex-wrap: wrap;
align-content: flex-start;
font-size: 15px;
}
.text-extra-small.mb-20 {
background-color: var(--white);
opacity: 1;
outline-offset: 0px;
color: var(--grey);
text-align: left;
-webkit-text-stroke-color: var(--dark-grey);
mix-blend-mode: darken;
outline: 3px #10111336;
font-size: 15px;
font-weight: 700;
}
.subtitle {
color: var(--secondary);
text-align: center;
letter-spacing: 1px;
font-family: Space Mono, sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 1;
}
.subtitle.text-primary {
text-align: left;
font-size: 18px;
}
.subtitle.text-primary.mb-10 {
color: var(--primary);
text-align: center;
margin-bottom: 10px;
font-size: 18px;
line-height: 1;
}
.subtitle.text-primary.mb-10.text-medium {
color: var(--primary);
font-family: Space Mono, sans-serif;
font-weight: 700;
}
.subtitle.text-primary.mb-10.text-medium.lightbg {
color: var(--primary);
font-family: Space Mono, sans-serif;
font-size: 15px;
}
.subtitle.text-secondary {
font-size: 20px;
}
.subtitle.text-secondary.mb-10 {
color: var(--primary);
text-align: left;
font-family: Space Mono, sans-serif;
font-size: 15px;
font-weight: 700;
}
.subtitle.text-small {
font-family: Red Hat Display, sans-serif;
}
.subtitle.text-small.align-left {
font-size: 15px;
}
.subtitle.text-primary-dark {
color: var(--secondary);
text-align: center;
font-size: 18px;
line-height: 1;
}
.subtitle.text-primary-dark.text-medium, .subtitle.text-primary-dark.text-small {
text-align: left;
}
.subtitle.text-primary-dark.text-small.mb-10 {
color: var(--primary);
text-align: left;
margin-bottom: 10px;
font-family: Space Mono, sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 1;
}
.subtitle.text-primary-dark.center {
text-align: left;
}
.subtitle.mb-10.text-secondary {
color: var(--secondary);
text-align: center;
font-size: 18px;
font-weight: 400;
line-height: 1;
}
.subtitle.text-uppercase.text-medium.text-primary.mb-10 {
text-align: left;
font-weight: 400;
}
.subtitle.text-uppercase.text-medium.text-primary-dark.mb-10 {
text-align: center;
}
.subtitle.text-uppercase.text-primary-dark.text-extra-small.mb-5 {
color: var(--grey);
text-align: left;
font-family: Red Hat Display, sans-serif;
font-size: 10px;
font-weight: 400;
}
.subtitle.text-extra-small.text-grey.mb-10 {
color: var(--alternate-bg);
}
.subtitle.articles {
justify-content: flex-start;
display: block;
}
.subtitle.space, .subtitle.center {
text-align: center;
}
.subtitle.subtitle-center {
display: flex;
}
.text-grey {
color: var(--background);
text-align: left;
margin-bottom: 20px;
font-size: 18px;
}
.text-grey.text-extra-small {
color: var(--white);
}
.text-grey.text-extra-small.mb-20.singup {
margin-top: 10px;
}
.text-grey.text-extra-small.align-center.mb-10.text-semi.about {
color: var(--white);
text-align: center;
}
.text-grey.text-extra-small.align-center.mb-10.text-semi.case {
text-align: center;
}
.text-grey.text-extra-small.text-uppercase.mb-20 {
margin-top: 0;
}
.text-grey.text-extra-small.text-uppercase.mb-20.mobile-hidden {
text-align: left;
}
.text-grey.text-extra-small.text-uppercase.mb-20.mobile-hidden.color {
color: var(--background);
}
.text-grey.text-extra-small.mb-20-copy {
color: var(--dark-grey);
}
.text-grey.mb-40 {
color: var(--background);
text-align: justify;
align-items: flex-start;
margin-top: 10px;
margin-bottom: 40px;
padding-top: 0;
font-family: Red Hat Display, sans-serif;
font-size: 18px;
}
.text-grey.mb-40.text-medium {
color: var(--grey);
text-align: left;
font-family: Droid Sans, sans-serif;
font-weight: 400;
position: static;
}
.text-grey.mb-40.about {
text-align: justify;
}
.text-grey.mb-40.space {
text-align: left;
}
.text-grey.text-small {
text-align: left;
margin-top: 20px;
margin-bottom: 20px;
padding-bottom: 0;
font-size: 16px;
}
.text-grey.text-small.mb-0 {
text-align: justify;
margin-bottom: 10px;
font-size: 15px;
}
.text-grey.text-small.mb-10 {
margin-bottom: 20px;
}
.text-grey.text-small.center {
text-align: left;
letter-spacing: 0;
}
.text-grey.mb-60 {
text-align: justify;
margin-bottom: 60px;
font-size: 18px;
font-weight: 500;
}
.text-grey.mb-60.about {
color: var(--white);
text-align: center;
max-width: none;
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
}
.text-grey.mb-60.space {
text-align: center;
margin-bottom: 10px;
}
.text-grey.text-medium {
text-align: left;
justify-content: flex-start;
align-items: center;
margin-bottom: 10px;
font-family: Red Hat Display, sans-serif;
display: flex;
}
.text-grey.text-medium.mb-30 {
text-align: justify;
justify-content: flex-start;
align-items: center;
padding-top: 20px;
font-size: 18px;
line-height: 1.6;
}
.text-grey.text-medium.mb-30.space {
padding-top: 0;
}
.text-grey.text-medium.mb-40 {
color: var(--background);
text-align: center;
}
.text-grey.text-medium.mb-0 {
text-align: left;
justify-content: flex-start;
align-items: flex-start;
margin-bottom: 0;
}
.text-grey.text-medium.max-700 {
text-align: justify;
max-width: none;
}
.text-grey.text-medium.mb-10 {
justify-content: flex-start;
}
.text-grey.text-medium.works {
margin-top: 20px;
margin-bottom: 20px;
}
.text-grey.text-medium.cases {
color: var(--white);
}
.text-grey.text-medium.space {
text-align: left;
justify-content: flex-start;
align-items: center;
}
.text-grey.mb-0.text-default {
text-align: justify;
}
.text-grey.mb-30 {
text-align: center;
}
.text-grey.mb-20.text-medium {
color: var(--background);
font-size: 15px;
}
.text-grey.mb-20.text-medium-copy {
color: var(--background);
margin-top: 10px;
font-size: 15px;
}
.text-grey.center {
text-align: left;
}
.text-grey.center.color-3.color-wh {
color: var(--white);
}
.text-black {
color: var(--background);
text-align: left;
margin-top: 0;
margin-bottom: 10px;
margin-right: 0;
padding-top: 10px;
padding-bottom: 0;
padding-right: 0;
font-family: Red Hat Display, sans-serif;
font-size: 25px;
font-weight: 500;
line-height: 1.1;
}
.text-black.mb-0 {
font-size: 25px;
font-weight: 500;
}
.text-black.mb-0.text-secondary {
font-size: 25px;
}
.text-black.mb-20.green, .text-black.text-medium.text-semi.mb-5 {
color: var(--primary);
}
.text-black.subtitle.mb-10 {
font-size: 25px;
font-weight: 500;
}
.text-black.subtitle.mb-10.space {
text-align: left;
}
.text-black.mb-40 {
color: var(--background);
text-align: left;
align-items: flex-start;
margin-bottom: 40px;
padding-top: 10px;
font-size: 30px;
line-height: 1.1;
}
.text-black.mb-30 {
text-align: center;
font-size: 25px;
}
.text-black.mb-30.case {
text-align: left;
}
.text-black.text-semi.mb-10.text-large {
font-size: 25px;
}
.text-black.text-uppercase.text-semi {
order: 1;
align-self: auto;
font-size: 20px;
font-weight: 700;
}
.text-black.text-uppercase.text-semi.case {
font-size: 15px;
}
.text-black.mb-5 {
text-align: left;
padding-top: 0;
}
.text-black.mb-20-copy.pim1 {
text-align: center;
display: inline;
}
.text-black.mb-20-copy.pim-1 {
color: var(--primary);
}
.text-black.mb-20-copy {
color: var(--background);
text-align: center;
text-align: center;
text-align: center;
text-align: left;
margin-top: 10px;
margin-bottom: 20px;
margin-left: 0;
padding-top: 0;
padding-left: 0;
font-size: 18px;
font-weight: 500;
}
.text-black.mb-20 {
color: var(--background);
text-align: left;
margin-top: 10px;
margin-bottom: 20px;
margin-left: 0;
padding-top: 0;
padding-left: 0;
font-size: 18px;
font-weight: 500;
}
.text-black.about {
text-align: center;
flex-flow: column;
margin-bottom: 78px;
font-size: 35px;
line-height: 1.6;
display: block;
}
.text-black.features {
height: 60px;
}
.text-black.features.center {
clear: none;
justify-content: flex-start;
align-items: center;
font-size: 25px;
display: flex;
}
.text-black.features.space {
font-size: 25px;
}
.text-black.pim {
text-align: center;
font-weight: 700;
}
.text-black.about-copy {
text-align: center;
flex-flow: column;
margin-bottom: 10px;
font-size: 35px;
line-height: 1.6;
display: block;
}
.text-black.bloglist {
padding-bottom: 0;
font-size: 20px;
}
.text-black.center {
text-align: left;
font-size: 25px;
}
.text-black.space {
font-size: 20px;
}
.style-guide-color {
flex-direction: column;
justify-content: flex-end;
align-items: flex-start;
width: 140px;
height: 140px;
margin-bottom: 20px;
margin-right: 20px;
padding: 20px;
display: flex;
}
.style-guide-color.primary {
background-color: var(--primary);
}
.style-guide-color.white {
background-color: var(--white);
}
.style-guide-color.light {
background-color: var(--light);
}
.style-guide-color.grey {
background-color: var(--grey);
}
.style-guide-color.black {
background-color: var(--background);
}
.style-guide-color.dark {
border: 1px solid var(--grey);
background-color: var(--alternate-bg);
}
.style-guide-color.secondary {
background-color: var(--secondary);
}
.style-guide-color.primary-dark {
background-color: var(--primary-dark);
}
.style-guide-color.light-grey {
background-color: var(--light-grey);
}
.style-guide-color.dark-grey {
background-color: var(--dark-grey);
}
.style-guide-color.grey-helper {
color: var(--background);
background-color: #e7e7e7;
}
.style-guide-color.yellow {
background-color: var(--yellow);
}
.style-guide-colors {
flex-wrap: wrap;
display: flex;
}
.mb-10 {
color: var(--primary);
text-align: left;
margin-top: 10px;
margin-bottom: 0;
}
.button {
letter-spacing: 1px;
border: 1px solid #0000;
height: 58px;
margin-top: 0;
padding: 14px 28px;
font-size: 18px;
font-weight: 500;
text-decoration: none;
transition: color .2s, background-color .2s;
}
.button:hover {
text-decoration: none;
}
.button.primary {
background-color: var(--background);
color: var(--white);
height: 53px;
padding-top: 13px;
padding-bottom: 13px;
}
.button.primary:hover {
background-color: var(--primary);
color: var(--background);
}
.button.primary.button-row-item {
background-color: var(--primary);
}
.button.primary.medium {
margin-bottom: 20px;
}
.button.primary.medium.mb-40 {
text-align: center;
align-items: center;
width: auto;
font-size: 20px;
}
.button.primary.small-copy {
background-color: var(--primary);
color: var(--white);
align-self: center;
height: 43px;
margin-top: 0;
padding: 8px 16px;
transition: color .2s, background-color .2s;
}
.button.primary.small-copy:hover {
background-color: var(--secondary);
color: var(--background);
}
.button.primary.small-copy.case {
margin-top: 0;
}
.button.white {
background-color: var(--white);
color: var(--background);
}
.button.white:hover {
background-color: var(--primary);
}
.button.white.small {
background-color: var(--background);
color: var(--white);
justify-content: center;
align-items: center;
height: 52px;
display: flex;
}
.button.white.small:hover {
background-color: var(--primary);
color: var(--background);
}
.button.primary-light {
color: var(--primary);
background-color: #53fdca1a;
}
.button.primary-light:hover {
background-color: var(--primary);
color: var(--background);
}
.button.primary-light.small {
background-color: var(--background);
color: var(--white);
flex-flow: column;
justify-content: center;
align-items: center;
height: 52px;
display: flex;
}
.button.primary-light.small:hover, .button.primary-light.small-copy {
background-color: var(--primary);
color: var(--background);
}
.button.primary-light.small-copy {
background-color: var(--background);
color: var(--white);
display: inline-flex;
}
.button.primary-light.small-copy {
background-color: var(--background);
color: var(--white);
padding: 8px 16px;
}
.button.primary-light.small-copy:hover {
background-color: var(--primary);
color: var(--background);
}
.button.white-light {
background-color: #ffffff0d;
}
.button.white-light:hover {
background-color: var(--white);
color: var(--background);
}
.button.outline-primary {
border-color: var(--primary);
color: var(--primary);
background-color: #0000;
}
.button.outline-primary:hover {
background-color: var(--primary);
color: var(--background);
}
.button.outline-primary.medium.mb-30, .button.outline-primary.medium.mb-30:hover {
color: var(--background);
}
.button.outline-white {
border-color: var(--white);
color: var(--white);
background-color: #0000;
}
.button.outline-white:hover {
background-color: var(--white);
color: var(--background);
}
.button.outline-white.button-row-item {
background-color: var(--alternate-bg);
}
.button.outline-white.button-row-item:hover {
color: var(--light);
}
.button.small {
height: 43px;
padding: 8px 16px;
font-size: 16px;
}
.button.small.primary-light.darkbg {
background-color: var(--background);
color: var(--white);
flex-flow: column;
justify-content: center;
align-items: center;
height: 52px;
font-size: 15px;
display: flex;
}
.button.small.primary-light.darkbg:hover {
background-color: var(--primary);
color: var(--background);
}
.button.small.text-small {
background-color: var(--primary);
height: auto;
padding-top: 10px;
padding-bottom: 10px;
font-size: 14px;
}
.button.small.text-small.white-light.mb-5 {
background-color: var(--primary);
color: var(--white);
}
.button.black {
background-color: var(--background);
color: var(--white);
}
.button.black:hover {
background-color: var(--primary);
color: var(--background);
}
.button.black.small {
margin-left: 0;
}
.button.black.small.long {
height: 69.6484px;
}
.button.black.small.space {
margin-left: 40px;
}
.button.primary-invert {
background-color: var(--primary);
color: var(--background);
}
.button.primary-invert:hover {
background-color: var(--background);
color: var(--white);
}
.button.primary-invert.button-row-item {
background-color: var(--primary);
border-radius: 0;
font-weight: 700;
}
.button.primary-invert.button-row-item:hover {
background-color: var(--dark-grey);
color: var(--light);
}
.button.primary-invert.medium {
flex-flow: column;
justify-content: center;
align-items: center;
margin-top: 0;
display: flex;
position: static;
}
.button.primary-invert.medium:hover {
background-color: var(--background);
}
.button.light {
background-color: var(--light);
color: var(--background);
}
.button.light:hover {
background-color: var(--primary);
}
.button.light.small {
flex-flow: column;
justify-content: center;
align-items: center;
height: 52px;
display: flex;
}
.button.medium {
height: 53px;
padding-top: 13px;
padding-bottom: 13px;
font-size: 16px;
}
.button.medium.black.news-letter {
padding-left: 16px;
padding-right: 16px;
font-size: 14px;
}
.button.block {
text-align: center;
width: 100%;
display: block;
}
.button.button-row-item.black {
background-color: var(--background);
}
.button.outline-black {
border-color: var(--background);
color: var(--background);
background-color: #0000;
}
.button.outline-black:hover {
background-color: var(--background);
color: var(--white);
}
.button.outline-black.medium.mb-20 {
transition: opacity .2s, color .2s, background-color .2s;
}
.button.outline-black.button-row-item {
border-radius: 25px;
}
.button.outline-black.left-align {
margin-right: 40px;
}
.button.black-to-white {
background-color: var(--background);
color: var(--white);
}
.button.black-to-white:hover {
background-color: var(--white);
color: var(--background);
}
.link {
color: var(--primary);
background-image: url("https://cdn.prod.website-files.com/64abeb15d57b0003e4e87008/64abeb15d57b0003e4e870ac_right-small.svg");
background-position: 100%;
background-repeat: no-repeat;
background-size: 26px;
padding-right: 26px;
font-size: 18px;
font-weight: 500;
transition: padding .2s;
display: inline-block;
}
.link:hover {
color: var(--white);
padding-right: 32px;
}
.link.text-medium {
direction: ltr;
color: var(--background);
white-space: normal;
background-image: url("https://cdn.prod.website-files.com/64abeb15d57b0003e4e87008/64abeb15d57b0003e4e870ac_right-small.svg");
background-repeat: no-repeat;
background-size: 26px;
order: 1;
}
.link.text-medium:hover {
color: var(--primary-dark);
}
.link.link-primary-dark {
color: var(--primary);
text-align: left;
vertical-align: baseline;
background-image: url("https://cdn.prod.website-files.com/64abeb15d57b0003e4e87008/64abeb15d57b0003e4e87262_right-small%20(3).svg");
flex: 0 auto;
margin-bottom: 10px;
padding-bottom: 10px;
font-size: 20px;
font-weight: 500;
}
.link.link-primary-dark:hover {
color: var(--background);
}
.footer {
border-top: 1px solid var(--dark-grey);
background-color: var(--background);
padding-top: 60px;
}
.footer-link {
color: var(--white);
margin-bottom: 10px;
transition: color .2s;
display: block;
}
.footer-link:hover {
color: var(--primary);
text-decoration: none;
}
.footer-link.text-small {
color: var(--white);
}
.footer-social {
text-align: left;
justify-content: center;
align-items: center;
margin-top: 20px;
display: flex;
}
.footer-social-link {
opacity: .6;
margin-right: 20px;
font-size: 0;
transition: opacity .2s;
display: inline-block;
}
.footer-social-link:hover, .footer-social-link.black, .footer-social-link.black:hover {
opacity: 1;
}
.footer-legal {
border-top: 1px solid var(--alternate-bg);
margin-top: 20px;
padding-top: 40px;
padding-bottom: 40px;
}
.footer-link-legal {
color: var(--grey);
margin-left: 10px;
margin-right: 10px;
transition: color .2s;
display: inline-block;
}
.footer-link-legal:hover {
color: var(--white);
text-decoration: none;
}
.align-right {
text-align: right;
display: block;
}
.row {
outline-offset: 0px;
outline: 3px #fff;
flex-flow: row;
height: 80.7535%;
margin: 0 -10px 0 40px;
padding-top: 0;
padding-bottom: 0;
display: flex;
}
.row.flex-center {
border: 1px solid #0000;
outline-color: #00000005;
justify-content: flex-start;
align-items: center;
height: 100%;
margin-top: 0;
margin-bottom: 0;
padding-top: 40px;
padding-bottom: 40px;
display: flex;
}
.row.flex-center.mb-60 {
align-items: flex-start;
height: 100%;
margin-bottom: 0;
padding-bottom: 0;
display: block;
}
.row.flex-bottom {
align-items: flex-end;
display: flex;
}
.row.flex-bottom.mb-40 {
justify-content: center;
align-items: center;
}
.row.flex {
margin-bottom: 20px;
display: block;
}
.row.mb-60 {
margin-bottom: 0;
}
.row.table-row {
height: 100%;
margin-left: 0;
margin-right: 0;
display: flex;
}
.row.table-row.outer {
background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
background-position: 0 0;
background-repeat: no-repeat;
background-size: auto;
background-attachment: fixed;
justify-content: center;
align-items: center;
margin-top: 10px;
margin-bottom: 10px;
}
.row.nav-dropdown-main, .row.nav-dropdown-inner, .row.flex-copy, .row.flex-copy {
display: flex;
}
.row._1 {
height: 100%;
margin-top: 0;
margin-bottom: 40px;
}
.row.x {
height: 100%;
margin-left: 20px;
}
.row.align-left {
justify-content: flex-start;
align-items: stretch;
height: 100%;
margin-left: auto;
margin-right: auto;
}
.center-block {
z-index: 1;
text-align: center;
max-width: 760px;
margin-top: 20px;
margin-left: auto;
margin-right: auto;
padding-top: 10px;
position: relative;
}
.center-block.mb-60 {
margin-top: 0;
margin-bottom: 0;
padding-top: 0;
}
.center-block.mb-40 {
align-items: center;
}
.button-row {
margin-left: -10px;
margin-right: -10px;
}
.button-row-item {
margin: 5px 10px;
}
.max-900 {
color: var(--white);
max-width: 100%;
height: 100%;
max-height: none;
margin-top: 20px;
margin-left: auto;
margin-right: auto;
}
.mb-40 {
text-align: left;
flex-flow: column;
justify-content: center;
align-self: center;
align-items: center;
margin-bottom: 10px;
padding-right: 0;
font-size: 35px;
display: flex;
}
.mb-40.align-center {
color: var(--dark-grey);
}
.mb-40.color-2 {
color: var(--alternate-bg);
text-align: center;
justify-content: center;
align-items: center;
}
.pt-0 {
padding-top: 0;
}
.software-header {
background-color: var(--white);
padding-top: 80px;
overflow: hidden;
}
.software-header.pim {
padding-top: 20px;
}
.software-header-image {
width: 100%;
min-width: auto;
max-width: none;
height: auto;
margin-top: 10px;
margin-bottom: 0%;
padding-bottom: 20px;
position: static;
}
.text-secondary {
color: var(--primary);
}
.company-link {
text-align: center;
transition: opacity .2s;
display: block;
}
.company-link:hover {
opacity: .6;
}
.company-link.opacity-20 {
opacity: .8;
flex-flow: row;
justify-content: center;
align-items: center;
display: flex;
}
.image-container {
margin-right: 40px;
padding-top: 20px;
padding-bottom: 20px;
padding-left: 40px;
position: relative;
}
.image-container.center {
margin-right: 0;
padding-top: 0;
padding-bottom: 0;
padding-right: 40px;
}
.image-container.center.solutionshome {
text-align: center;
object-fit: fill;
flex-flow: row;
justify-content: center;
align-items: center;
max-height: 600px;
padding-left: 100px;
padding-right: 100px;
display: block;
}
.image-container.right {
flex-flow: column;
justify-content: center;
align-items: center;
margin-left: 0;
margin-right: 0;
padding-left: 10px;
padding-right: 10px;
display: flex;
}
.image-container.full {
margin-right: 0;
padding-left: 20px;
padding-right: 20px;
}
.image-container.about {
align-items: center;
height: 100%;
padding-top: 80px;
padding-bottom: 80px;
padding-left: 60px;
display: flex;
}
.image-container.case {
padding-top: 40px;
padding-bottom: 40px;
}
.image-container.case.studies {
height: auto;
margin-right: 0;
padding: 20px 10px;
}
.product-screen {
z-index: 1;
text-align: left;
position: relative;
top: 80px;
left: auto;
}
.product-screen.left {
top: -330px;
left: 10px;
}
.product-screen.right {
left: 350px;
}
.product-screen.featureshome {
margin-bottom: 10px;
padding-left: 0;
padding-right: 0;
display: block;
top: 10px;
left: 10px;
}
.image-container-bg {
box-shadow: 0 2px 5px 0 var(--grey);
backface-visibility: visible;
perspective: none;
transform-origin: 50%;
-webkit-text-fill-color: inherit;
object-fit: fill;
background-color: #2ec4a724;
background-clip: border-box;
width: 102%;
margin-left: 0;
margin-right: 0;
padding-right: 0;
position: absolute;
inset: 0% 14% 0% 0%;
overflow: visible;
transform: none;
}
.image-container-bg.center {
background-color: var(--primary);
top: 20%;
bottom: 0%;
right: 0%;
}
.image-container-bg.center.homeblock {
background-color: var(--divider-color);
box-shadow: 0 2px 5px 0 var(--grey);
width: 850px;
height: 700px;
max-height: 480px;
top: 15%;
}
.image-container-bg.right {
background-color: var(--alternate-bg);
width: auto;
margin-left: 0;
position: relative;
left: 0;
right: 0%;
}
.image-container-bg.right.white {
left: 40%;
right: 0%;
}
.image-container-bg.full {
right: 0%;
}
.image-container-bg.about {
background-color: var(--light);
right: 40%;
}
.image-container-bg.white {
background-color: var(--white);
right: 40%;
}
.image-container-bg.white.case {
width: 100%;
}
.image-container-bg.dark {
background-color: var(--alternate-bg);
}
.mb-60 {
margin-bottom: 60px;
}
.button-icon-group {
justify-content: flex-start;
align-items: stretch;
display: flex;
}
.button-icon-group.center {
justify-content: center;
}
.button-icon-group.right {
justify-content: flex-start;
}
.button-icon-group.mt-a {
margin-top: auto;
}
.button-icon-group.mb-10 {
justify-content: flex-start;
align-items: stretch;
}
.button-icon-group.mb-20 {
justify-content: flex-start;
align-items: stretch;
margin-top: 20px;
margin-left: 0;
padding-left: 0;
}
.button-icon-group.mb-20.centre {
justify-content: center;
}
.button-icon-group.right {
text-align: center;
justify-content: flex-end;
}
.button-icon-group.mb-20-copy {
justify-content: center;
align-items: stretch;
margin-top: 20px;
margin-left: 0;
padding-left: 0;
}
.button-icon-group.pim {
justify-content: center;
}
.button-icon-group.margin1 {
justify-content: flex-start;
align-items: stretch;
}
.button-icon-group.align-right {
justify-content: center;
align-items: stretch;
}
.button-icon {
background-color: var(--primary);
width: 43px;
height: 43px;
margin-right: 2px;
}
.button-icon.link-arrow {
background-color: var(--background);
background-image: url("https://cdn.prod.website-files.com/64abeb15d57b0003e4e87008/64abeb15d57b0003e4e870e5_right-small%20(2).svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: 32px;
width: 43px;
height: 52px;
display: block;
}
.button-icon.link-arrow.black {
background-image: url("https://cdn.prod.website-files.com/64abeb15d57b0003e4e87008/64abeb15d57b0003e4e870e5_right-small%20(2).svg");
}
.button-icon.large {
width: 58px;
height: 58px;
}
.button-icon.white {
background-color: var(--white);
}
.button-icon.video {
background-image: url("https://cdn.prod.website-files.com/64abeb15d57b0003e4e87008/64abeb15d57b0003e4e870e0_right-small%20(1).svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: 40px;
}
.button-icon.white-light {
background-color: #ffffff0d;
}
.button-icon.link-arrow-white {
background-image: url("https://cdn.prod.website-files.com/64abeb15d57b0003e4e87008/64abeb15d57b0003e4e870e5_right-small%20(2).svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: 32px;
}
.button-icon.get-started {
background-color: var(--light);
background-image: url("https://cdn.prod.website-files.com/64abeb15d57b0003e4e87008/64abeb15d57b0003e4e8721a_terminal%20(1).svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: 20px;
}
.button-icon.documentation {
background-color: var(--light);
background-image: url("https://cdn.prod.website-files.com/64abeb15d57b0003e4e87008/64abeb15d57b0003e4e87219_text-document%20(1).svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: 20px;
}
.button-icon.try-free {
background-color: var(--dark-grey);
background-image: url("https://cdn.prod.website-files.com/64abeb15d57b0003e4e87008/64abeb15d57b0003e4e870e5_right-small%20(2).svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: 25px;
}
.button-icon.try-free.medium, .button-icon.try-free.small, .button-icon.try-free.small:hover {
background-color: var(--background);
}
.button-icon.try-free.small.long {
height: auto;
}
.button-icon.medium {
width: 53px;
height: 53px;
}
.button-icon.black {
background-color: var(--background);
}
.button-icon.link-arrow-copy {
background-color: var(--background);
background-image: url("https://cdn.prod.website-files.com/64abeb15d57b0003e4e87008/64abeb15d57b0003e4e870bb_right-black.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: 32px;
}
.button-icon.link-arrow-copy.black {
background-image: url("https://cdn.prod.website-files.com/64abeb15d57b0003e4e87008/64abeb15d57b0003e4e870e5_right-small%20(2).svg");
}
.button-icon.link-arrow-copy-copy {
background-color: var(--primary);
background-image: url("https://cdn.prod.website-files.com/64abeb15d57b0003e4e87008/64abeb15d57b0003e4e870e5_right-small%20(2).svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: 32px;
}
.button-icon.link-arrow-copy-copy.black {
background-image: url("https://cdn.prod.website-files.com/64abeb15d57b0003e4e87008/64abeb15d57b0003e4e870e5_right-small%20(2).svg");
}
.text-light-grey {
color: var(--background);
text-align: center;
justify-content: flex-start;
align-self: auto;
align-items: flex-start;
font-size: 15px;
font-weight: 400;
display: flex;
}
.text-light-grey.mb-40 {
aspect-ratio: auto;
color: var(--light);
text-align: justify;
word-break: normal;
flex-flow: row;
justify-content: center;
align-items: center;
margin-top: 10px;
margin-bottom: 10px;
font-size: 15px;
text-decoration: none;
position: static;
}
.text-light-grey.mb-40.lightbg {
color: var(--alternate-bg);
}
.text-light-grey.mb-40.lightbg.space {
text-align: left;
font-size: 18px;
}
.text-light-grey.mb-40.whitebg {
color: var(--dark-grey);
text-align: justify;
}
.text-light-grey.mb-40.height-width.center {
text-align: justify;
font-size: 18px;
}
.text-light-grey.mb-40.height-width.space {
text-align: justify;
letter-spacing: 0;
margin-top: 0;
text-decoration: none;
}
.text-light-grey.text-small.mb-30 {
text-align: left;
padding-left: 0;
}
.text-light-grey.text-small.mb-20 {
color: var(--grey);
}
.text-light-grey.text-small.mb-10 {
color: var(--background);
}
.text-light-grey.text-small.mb-10:hover {
color: var(--primary);
}
.text-light-grey.text-medium {
color: var(--background);
text-align: justify;
}
.text-light-grey.text-medium.mb-60 {
text-align: left;
}
.text-light-grey.text-medium.lightbg {
color: var(--background);
text-align: justify;
font-size: 16px;
}
.text-light-grey.text-medium.lightbg.space {
letter-spacing: 0;
flex-flow: row;
}
.text-light-grey.text-medium.space {
justify-content: center;
align-items: flex-start;
}
.text-light-grey.mb-60 {
color: var(--background);
}
.text-light-grey.mb-60.lightbg {
color: var(--grey);
text-align: center;
font-size: 18px;
font-weight: 400;
}
.text-light-grey.mb-30 {
color: var(--background);
text-align: justify;
margin-bottom: 10px;
padding-left: 20px;
font-size: 18px;
}
.text-light-grey.text-large {
color: var(--light);
text-align: justify;
margin-bottom: 20px;
font-size: 20px;
}
.text-light-grey.text-large.space {
text-align: justify;
letter-spacing: -1px;
text-indent: 0;
flex-flow: row;
justify-content: flex-start;
align-items: flex-start;
}
.text-light-grey.mb-20.text-small {
color: var(--white);
}
.text-light-grey.extrasmall {
font-size: 15px;
line-height: 1.1;
}
.text-light-grey.center {
text-align: justify;
font-size: 18px;
}
.inner-section {
background-color: var(--light);
margin-top: 20px;
margin-bottom: 20px;
padding: 0 20px;
overflow: hidden;
}
.inner-section.black {
background-color: var(--background);
}
.inner-section.black.about {
padding-top: 10px;
padding-bottom: 40px;
}
.inner-section.white {
background-color: var(--white);
margin-top: 0;
margin-bottom: 0;
padding: 10px 0 40px 20px;
font-size: 15px;
box-shadow: 0 0 50px #1212120d;
}
.inner-section.small {
padding: 40px;
}
.inner-section.no-padding {
padding: 0;
}
.inner-section.dark-grey {
background-color: var(--background);
}
.inner-section.desktop {
background-color: var(--light);
margin-bottom: 20px;
}
.inner-section.app-info {
background-color: var(--light);
margin-bottom: 10px;
padding-top: 50px;
padding-bottom: 50px;
}
.inner-section.light {
background-color: var(--light);
margin-top: 20px;
margin-bottom: 0;
padding-top: 40px;
padding-bottom: 40px;
}
.inner-section.light.height-full {
border: 2px none var(--secondary);
background-color: var(--divider-color);
min-height: 100px;
margin-top: 20px;
margin-bottom: 20px;
padding-top: 20px;
padding-bottom: 20px;
display: block;
}
.inner-section.light.height-full:hover {
outline-offset: 0px;
outline: 3px #05b396;
font-style: normal;
text-decoration: none;
transform: scale(1.01);
box-shadow: 0 2px 5px #2ec4a763;
}
.inner-section.transparent {
background-color: #0000;
}
.inner-section.transparent.pt-0 {
padding-top: 0;
}
.inner-section.use-cases-header {
background-color: var(--background);
padding-top: 140px;
padding-bottom: 140px;
position: relative;
}
.inner-section.custom-pricing {
background-color: var(--white);
position: relative;
box-shadow: 0 5px 30px #12121226;
}
.inner-section.more {
position: relative;
}
.inner-section.blog-post-link {
padding-bottom: 20px;
}
.inner-section.blog-post-link.flex {
flex-flow: column;
justify-content: center;
align-items: center;
}
.get-started-image {
margin-top: 0;
margin-bottom: -13%;
padding-left: 0;
}
.align-center {
text-align: left;
flex-flow: column;
justify-content: center;
align-items: center;
padding-left: 0;
transition: transform .2s, border-color .2s;
display: flex;
}
.align-center.m-height {
flex-flow: column;
padding-right: 10px;
}
.integration-item {
background-color: var(--light);
text-align: center;
justify-content: center;
align-items: center;
min-height: 100%;
margin: 10px;
padding: 20px;
display: flex;
}
.intergrations-container {
background-color: var(--white);
margin-left: 60px;
padding: 10px;
}
.blog-post-link {
border: 1px solid var(--alternate-bg);
background-color: var(--light);
transition: transform .2s, box-shadow .2s;
display: block;
position: relative;
}
.blog-post-link:hover {
box-shadow: none;
text-decoration: none;
transform: translate(-5px, -5px);
}
.blog-post-link.white {
background-color: var(--white);
color: var(--background);
height: 100%;
margin-top: 20px;
}
.blog-post-link.white:hover {
color: var(--primary-dark);
}
.blog-post-link.white.pim.w--current {
text-align: center;
height: auto;
}
.blog-post-link.white.shadow {
border-style: none;
}
.blog-post-link.dark-grey {
background-color: var(--dark-grey);
border-style: none;
}
.blog-post-link.pim {
margin: 10px;
}
.blog-post-link.height {
height: 366.055px;
}
.blog-post-link-content {
padding: 10px 10px 0;
}
.blog-post-link-content.white {
flex-direction: column;
height: 100%;
padding-top: 16px;
display: flex;
}
.blog-post-link-content.white.center {
text-align: center;
align-items: center;
padding-top: 32px;
padding-bottom: 32px;
}
.blog-post-link-content.white.center.discov {
height: 290px;
}
.blog-post-link-content.dark-grey {
background-color: var(--alternate-bg);
color: var(--white);
text-align: center;
padding-top: 32px;
padding-bottom: 32px;
}
.blog-post-link-content.dark-grey:hover {
color: var(--primary);
}
.blog-post-link-content.resources {
padding: 30px;
}
.blog-category {
color: var(--primary-dark);
text-transform: uppercase;
margin-bottom: 5px;
font-family: Space Mono, sans-serif;
font-size: 12px;
font-weight: 400;
display: inline-block;
}
.text-bold {
font-weight: 700;
}
.text-bold.text-black {
text-align: left;
margin-bottom: 10px;
padding-top: 10px;
padding-bottom: 0;
}
.text-bold.text-black.center, .text-bold.text-black.space {
font-size: 20px;
}
.blog-post-link-title {
text-align: left;
height: 56px;
margin-bottom: 0;
padding-bottom: 10px;
overflow: hidden;
}
.post-short-description {
height: 100px;
margin-bottom: 10px;
padding-top: 0;
overflow: hidden;
}
.post-date {
color: var(--light-grey);
letter-spacing: -.4px;
font-family: Space Mono, sans-serif;
font-size: 12px;
display: inline;
}
.plus-icon {
background-color: var(--label-bg);
margin-right: 10px;
}
.plus-icon.primary {
background-color: var(--primary);
}
.plus-icon.price-plans {
flex: none;
margin-right: 15px;
}
.plus-icon.price-plans.active, .plus-icon.active {
background-color: var(--primary);
}
.subscribe-bullets {
color: var(--background);
align-items: center;
margin-bottom: 10px;
display: flex;
}
.subscribe-bullets.price-plans {
align-items: flex-start;
margin-bottom: 15px;
}
.subscribe-bullets.price-plans.last {
margin-bottom: 40px;
}
.subscribe-bullets.center {
text-align: left;
margin-left: 20px;
margin-right: 20px;
}
.input {
background-color: var(--dark-grey);
color: var(--white);
border: 1px solid #ffffff1a;
min-height: 53px;
padding-left: 16px;
padding-right: 16px;
font-size: 16px;
}
.input:focus {
border-color: #fff3;
}
.input::placeholder {
color: var(--grey);
}
.input.fixed-button {
background-color: var(--white);
color: var(--background);
padding-right: 140px;
}
.input.fixed-button:focus-visible, .input.fixed-button[data-wf-focus-visible] {
color: var(--background);
}
.input.black {
background-color: var(--background);
}
.input.black:focus {
background-color: var(--alternate-bg);
}
.input.white {
background-color: var(--white);
color: var(--background);
}
.input.white:active, .input.white:focus {
border-color: var(--dark-grey);
}
.input.white::placeholder {
color: var(--light-grey);
}
.input.light {
color: var(--background);
background-color: #0000;
}
.input.light:active, .input.light:focus {
border-color: var(--dark-grey);
}
.input.search {
padding-right: 60px;
}
.input.light {
background-color: var(--light);
color: var(--background);
}
.input.light:active, .input.light:focus {
border-color: var(--dark-grey);
background-color: var(--white);
}
.input.light::placeholder {
color: var(--light-grey);
}
.input.inner-label {
min-height: 80px;
padding-top: 24px;
}
.input.inner-label.light {
background-color: var(--light);
border-radius: 30px;
min-height: 70px;
margin-bottom: 0;
margin-left: auto;
margin-right: auto;
padding-top: 10px;
padding-bottom: 10px;
}
.input.bordered {
background-color: var(--white);
border-color: #e7e7e7;
}
.input-group {
position: relative;
}
.fixed-submit {
position: absolute;
inset: 5px 5px auto auto;
}
.fixed-submit.button.small {
background-color: var(--primary);
}
.fixed-submit.button.small.primary-light {
font-weight: 700;
}
.checkbox {
border-style: solid;
border-color: var(--primary);
background-color: var(--white);
border-radius: 0;
width: 16px;
height: 16px;
margin-top: 1px;
margin-left: -26px;
}
.checkbox.w--redirected-checked {
border-color: var(--primary);
background-color: var(--primary);
background-image: url("https://cdn.prod.website-files.com/64abeb15d57b0003e4e87008/64abeb15d57b0003e4e870de_tick-small%20(1).svg");
background-size: 20px;
}
.checkbox.w--redirected-focus {
box-shadow: none;
}
.checkbox-field {
padding-left: 26px;
font-size: 0;
}
.form-success {
color: var(--primary);
text-align: center;
background-color: #53fdca1a;
font-size: 14px;
}
.form-success.light {
color: var(--primary-dark);
background-color: #31bd9326;
}
.error-message {
color: var(--yellow);
text-align: center;
background-color: #eeb5241a;
padding: 20px;
font-size: 14px;
}
.subscribe-image {
margin-left: 40px;
}
.flex-bottom {
align-self: flex-end;
}
.mb-30 {
margin-bottom: 30px;
}
.mb-30.align-left.font {
color: var(--background);
}
.text-medium {
font-size: 16px;
}
.text-medium.text-light-grey {
text-align: left;
}
.text-medium.text-semi {
color: var(--background);
}
.text-medium.text-semi:hover {
color: var(--primary);
}
.text-medium.text-semi.text-bullet {
color: var(--baby-powder);
}
.text-medium.text-semi.text-menu:hover {
color: var(--primary);
}
.text-medium.mr-10 {
color: var(--primary-dark);
}
.col-flex-mob-first {
margin-top: 0;
padding-top: 14px;
font-size: 18px;
}
.col-flex-mob-first.up-space {
margin-top: 60px;
}
.saas-header {
background-image: url("https://cdn.prod.website-files.com/64abeb15d57b0003e4e87008/64abeb15d57b0003e4e870e3_saas-bg-right.svg"), url("https://cdn.prod.website-files.com/64abeb15d57b0003e4e87008/64abeb15d57b0003e4e870e4_saas-bg-left.svg");
background-position: 100%, 0 0;
background-repeat: no-repeat, no-repeat;
background-size: 25%, 25%;
padding-top: 60px;
padding-bottom: 40px;
overflow: hidden;
}
.how-it-works-links {
background-color: var(--alternate-bg);
color: var(--white);
flex-direction: column;
min-height: 100%;
padding: 20px;
text-decoration: none;
display: flex;
}
.how-it-works-links:hover, .lightbox-link, .lightbox-link:hover {
text-decoration: none;
}
.connect-image {
max-width: 110%;
margin-top: -40px;
margin-bottom: -200px;
margin-left: 40px;
}
.analyze-image {
margin-bottom: -25%;
}
.height-full {
height: 100%;
}
.saas-company-icons {
margin-top: -60px;
margin-left: -80px;
margin-right: -80px;
}
.screens-tabs-menu {
flex-flow: row;
justify-content: center;
align-items: center;
margin: 10px 0 0;
padding-left: 0;
display: flex;
}
.screens-tab-link {
background-color: #0000;
width: 33.33%;
margin-left: 100px;
margin-right: 5px;
padding: 10px 20px 20px;
}
.screens-tab-link:hover {
text-decoration: none;
}
.screens-tab-link.w--current {
background-color: var(--light);
}
.icon-heading {
align-items: flex-start;
display: flex;
}
.icon-heading.mb-10 {
align-items: flex-start;
margin-bottom: 10px;
}
.icon-heading-image {
flex: none;
margin-top: 2px;
margin-right: 10px;
}
.screens-tabs-content {
margin-bottom: -15%;
}
.pb-0 {
padding-bottom: 0;
}
.features-items {
background-color: var(--alternate-bg);
color: var(--white);
margin-bottom: 20px;
padding: 20px;
text-decoration: none;
display: block;
}
.features-items:hover {
text-decoration: none;
}
.features-items.light {
background-color: var(--light);
text-align: center;
flex-direction: column;
justify-content: space-between;
padding-top: 10px;
padding-bottom: 20px;
padding-right: 145px;
display: flex;
position: relative;
overflow: hidden;
}
.features-items.light.std {
height: 250px;
}
.features-items.dark-grey {
background-color: var(--dark-grey);
text-align: center;
padding: 30px 40px;
}
.features-items.mb-0 {
margin-bottom: 0;
}
.features-items.pb-0 {
padding-bottom: 0;
}
.features-items.bordered {
color: var(--primary-dark);
border: 1px solid #ffffff1a;
transition: background-color .2s;
}
.features-items.bordered:hover {
background-color: var(--dark-grey);
color: var(--primary);
}
.weight-500, .weight-500.text-black.text-medium.mb-10 {
font-weight: 500;
}
.text-semi {
opacity: 1;
outline-offset: 0px;
color: var(--grey);
border: 1px #00000014;
outline: 3px #676e73;
font-weight: 500;
}
.text-semi.text-small.mb-0 {
padding-top: 0;
}
.text-semi.text-small.mb-0-copy {
color: var(--light);
}
.text-semi.text-small.mb-0-copy.about, .text-semi.text-medium {
color: var(--background);
}
.text-semi.mb-10.text-white {
color: var(--primary-dark);
}
.slider {
background-color: #0000;
height: auto;
padding-bottom: 80px;
}
.slider.white {
padding-bottom: 0;
}
.slider.mobile-slider {
margin-top: -130px;
margin-bottom: -130px;
padding-bottom: 0;
}
.slider.solutions {
padding-bottom: 5px;
}
.slider.team {
max-width: 440px;
margin-top: 100px;
margin-left: auto;
margin-right: auto;
}
.slider.career {
max-width: 720px;
margin-left: auto;
margin-right: auto;
padding-bottom: 80px;
}
.feedback-item {
background-color: var(--alternate-bg);
color: var(--white);
flex-direction: column;
min-height: 100%;
margin: 25px 10px 20px;
padding: 20px 40px;
text-decoration: none;
display: flex;
}
.feedback-item:hover {
text-decoration: none;
}
.feedback-item.white {
background-color: var(--white);
color: var(--background);
min-height: 0%;
margin-top: 40px;
margin-bottom: 0;
}
.feedback-item.light {
background-color: var(--light);
text-align: center;
margin-top: 50px;
padding: 40px 80px;
}
.feedback-item.light-copy {
background-color: var(--divider-color);
color: var(--divider-color);
text-align: center;
background-image: linear-gradient(#07070787, #07070787), url("https://cdn.prod.website-files.com/64abeb15d57b0003e4e87008/66f3f39011c2368ced19be5d_manufacture.jpg");
background-position: 0 0, 50%;
background-size: auto, cover;
margin-top: 20px;
padding: 20px 10px;
}
.feedback-item.light-copy-copy {
background-color: var(--divider-color);
text-align: center;
background-image: linear-gradient(#07070787, #07070787), url("https://cdn.prod.website-files.com/64abeb15d57b0003e4e87008/66f3f38d2444e29eafd4ce09_distributer.jpg");
background-position: 0 0, 50%;
background-size: auto, cover;
margin-top: 50px;
padding: 40px 10px;
}
.feedback-item.light-copy-copy-copy {
background-color: var(--light);
text-align: center;
background-image: linear-gradient(#07070787, #07070787), url("https://cdn.prod.website-files.com/64abeb15d57b0003e4e87008/66f3f395a1df0cccfa3e1df1_retailer.jpg");
background-position: 0 0, 50%;
background-size: auto, cover;
margin-top: 50px;
padding: 40px 80px;
}
.hidden {
display: none;
}
.slide {
margin-left: -10px;
margin-right: -10px;
}
.avatar {
margin-top: -55px;
}
.avatar.light {
margin-top: -100px;
}
.text-white {
color: var(--white);
}
.text-white.mb-20 {
text-align: center;
}
.feedback-item-footer {
margin-top: auto;
margin-bottom: 30px;
}
.feedback-item-footer.mb-0 {
margin-bottom: 0;
}
.arrow-left {
background-color: var(--alternate-bg);
background-image: url("https://cdn.prod.website-files.com/64abeb15d57b0003e4e87008/64abeb15d57b0003e4e8711e_left-small.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: 30px;
width: 40px;
height: 40px;
margin-bottom: 0;
margin-left: -50px;
transition: background-color .2s;
inset: auto auto 0% 50%;
}
.arrow-left:hover {
background-color: var(--dark-grey);
}
.arrow-left.white {
background-color: var(--white);
background-image: url("https://cdn.prod.website-files.com/64abeb15d57b0003e4e87008/64abeb15d57b0003e4e871b1_left-black.svg");
background-size: 20px;
border: 1px solid #0000;
margin-top: -20px;
margin-left: 0;
margin-right: 70px;
transition: border-color .2s, background-color .2s;
inset: 0% 0% auto auto;
}
.arrow-left.white:hover {
border-color: var(--light-grey);
}
.arrow-left.light {
background-color: var(--light);
background-image: url("https://cdn.prod.website-files.com/64abeb15d57b0003e4e87008/64abeb15d57b0003e4e871b1_left-black.svg");
background-size: 20px;
border: 1px solid #0000;
margin-bottom: 30px;
}
.arrow-left.light:hover {
border-color: var(--light-grey);
}
.arrow-left.light.career {
margin-bottom: 0;
}
.arrow-left.solutions {
background-color: var(--dark-grey);
border: 1px solid #0000;
margin-left: 0;
inset: auto auto 0% 0%;
}
.arrow-left.solutions:hover {
border-color: var(--grey);
}
.arrow-left.about {
background-color: var(--white);
background-image: url("https://cdn.prod.website-files.com/64abeb15d57b0003e4e87008/64abeb15d57b0003e4e871b1_left-black.svg");
background-size: 20px;
transition: border-color .2s, background-color .2s;
top: -70px;
bottom: auto;
}
.arrow-left.about:hover {
border: 1px solid var(--light-grey);
}
.arrow-left.with-pagination {
background-size: 24px;
margin-left: -100px;
}
.arrow-right {
background-color: var(--alternate-bg);
background-image: url("https://cdn.prod.website-files.com/64abeb15d57b0003e4e87008/64abeb15d57b0003e4e870e5_right-small%20(2).svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: 30px;
width: 40px;
height: 40px;
margin-bottom: 0;
margin-left: 10px;
transition: background-color .2s;
inset: auto auto 0% 50%;
}
.arrow-right:hover {
background-color: var(--dark-grey);
}
.arrow-right.white {
background-color: var(--white);
background-image: url("https://cdn.prod.website-files.com/64abeb15d57b0003e4e87008/64abeb15d57b0003e4e870bb_right-black.svg");
background-size: 20px;
border: 1px solid #0000;
margin-top: -20px;
margin-right: 20px;
transition: border-color .2s, background-color .2s;
inset: 0% 0% auto auto;
}
.arrow-right.white:hover {
border-color: var(--light-grey);
}
.arrow-right.light {
background-color: var(--light);
background-image: url("https://cdn.prod.website-files.com/64abeb15d57b0003e4e87008/64abeb15d57b0003e4e870bb_right-black.svg");
background-size: 20px;
border: 1px solid #0000;
margin-bottom: 30px;
}
.arrow-right.light:hover {
border-color: var(--light-grey);
}
.arrow-right.light.career {
margin-bottom: 0;
}
.arrow-right.solutions {
background-color: var(--dark-grey);
border: 1px solid #0000;
margin-left: 44px;
inset: auto auto 0% 0%;
}
.arrow-right.solutions:hover {
border-color: var(--grey);
}
.arrow-right.about {
background-color: var(--white);
background-image: url("https://cdn.prod.website-files.com/64abeb15d57b0003e4e87008/64abeb15d57b0003e4e870bb_right-black.svg");
background-size: 20px;
transition: border-color .2s, background-color .2s;
top: -70px;
bottom: auto;
}
.arrow-right.about:hover {
border: 1px solid var(--light-grey);
}
.arrow-right.with-pagination {
background-size: 24px;
margin-left: 60px;
}
.flex {
display: flex;
}
.flex.center {
align-items: center;
}
.mr-14 {
margin-right: 14px;
}
.startup-header {
background-image: linear-gradient(#1212121a, #1212121a);
align-items: center;
min-height: 100vh;
padding-top: 60px;
padding-bottom: 60px;
display: flex;
}
.max-500 {
max-width: 500px;
margin-left: auto;
margin-right: auto;
}
.max-500.left {
margin-left: 0;
}
.blog-post-link-hover {
z-index: 1;
border: 1px solid var(--background);
position: absolute;
inset: 0%;
}
.blog-post-link-hover:hover {
transform: translate(5px, 5px);
}
.blog-post-link-hover.white {
border-color: var(--white);
}
.blog-post-link-hover.dark-grey, .blog-post-link-hover.dark-grey:hover {
border-color: var(--dark-grey);
}
.blog-post-link-hover.dark {
border-color: #414141;
}
.blog-post-link-content-wrap {
z-index: 2;
background-color: var(--light);
mix-blend-mode: normal;
height: 450px;
position: relative;
inset: 0%;
box-shadow: 0 2px 5px #0003;
}
.blog-post-link-content-wrap.white {
background-color: var(--white);
height: 100%;
}
.blog-post-link-content-wrap.dark-grey {
background-color: var(--dark-grey);
}
.blog-post-link-content-wrap.dark {
background-color: var(--alternate-bg);
padding: 40px;
}
.why-link-block {
background-color: var(--alternate-bg);
color: var(--white);
text-align: center;
border: 1px solid #ffffff1a;
margin-bottom: 20px;
padding: 20px 10px;
text-decoration: none;
transition: color .2s, border-color .2s;
display: block;
}
.why-link-block:hover {
border-color: var(--primary);
color: var(--primary);
text-decoration: none;
}
.text-uppercase {
text-transform: uppercase;
}
.text-uppercase.text-small.text-semi.text-primary {
color: var(--white);
-webkit-text-stroke-color: var(--primary-dark);
}
.step-tabs {
align-items: center;
display: flex;
}
.step-tabs-menu {
-webkit-text-stroke-color: var(--white);
width: 40%;
}
.step-tabs-content {
width: 60%;
}
.step-tabs-menu-link {
background-color: var(--alternate-bg);
color: var(--white);
-webkit-text-stroke-color: var(--white);
border: 1px solid #fff3;
max-height: 94px;
margin-bottom: 10px;
padding: 20px;
text-decoration: none;
transition: border-color .2s;
display: block;
overflow: hidden;
}
.step-tabs-menu-link:hover {
border-color: var(--white);
text-decoration: none;
}
.step-tabs-menu-link.w--current {
border-color: var(--primary);
-webkit-text-stroke-color: var(--white);
background-color: #0000;
max-height: 500px;
}
.step-tabs-menu-link-header {
align-items: flex-start;
min-height: 60px;
margin-bottom: 20px;
display: flex;
}
.step-tabs-menu-link-icon {
margin-right: 20px;
}
.pricing-tabs {
margin-top: -310px;
}
.pricing-tabs-menu {
background-color: var(--background);
align-items: stretch;
max-width: 340px;
margin-bottom: 40px;
margin-left: auto;
margin-right: auto;
padding: 8px;
display: flex;
}
.pricing-tabs-menu-link {
color: var(--light-grey);
text-align: center;
background-color: #0000;
flex-direction: column;
justify-content: center;
align-items: center;
width: 50%;
padding: 10px;
transition: color .2s;
display: flex;
}
.pricing-tabs-menu-link:hover {
color: var(--white);
text-decoration: none;
}
.pricing-tabs-menu-link.w--current {
background-color: var(--dark-grey);
color: var(--primary);
}
.opacity-60 {
opacity: .6;
}
.pricing-card {
background-color: var(--background);
padding: 20px;
}
.pricing-card.light {
background-color: var(--alternate-bg);
height: 100%;
}
.pricing-card.dark-grey {
background-color: var(--dark-grey);
border: 1px #ffffff1a;
flex-direction: column;
flex: 1;
justify-content: space-between;
padding: 40px;
display: flex;
}
.pricing-card.dark-grey.header {
flex: 0 auto;
margin-bottom: 2px;
}
.plan-header {
border-bottom: 1px solid var(--dark-grey);
align-items: center;
margin-bottom: 20px;
padding-bottom: 20px;
display: flex;
}
.plan-icon {
background-color: var(--alternate-bg);
margin-right: 14px;
padding: 10px;
}
.startup-price {
text-align: right;
flex: 1;
order: 1;
padding-left: 10px;
}
.flex-grow {
flex: 1;
}
.inner-section-content {
padding: 40px 60px;
}
.inner-section-content.flex {
height: 100%;
}
.case-studies-photo {
object-fit: cover;
display: flex;
}
.cases-tabs-menu {
background-color: var(--alternate-bg);
border-top: 1px #fff3;
justify-content: center;
align-items: stretch;
width: 100%;
padding-left: 0;
display: flex;
position: absolute;
}
.cases-tabs-menu-link {
background-color: var(--alternate-bg);
border-bottom: 2px solid #0000;
align-items: center;
padding: 20px;
display: flex;
}
.cases-tabs-menu-link:hover {
text-decoration: none;
}
.cases-tabs-menu-link.w--current {
border-bottom-color: var(--primary);
background-color: var(--alternate-bg);
}
.overflow-visible {
overflow: visible;
}
.case-studies {
border-bottom: 1px solid #ffffff1a;
margin-bottom: 80px;
}
.case-studies-content {
flex-direction: column;
align-self: center;
align-items: flex-start;
}
.case-studies-text {
flex: 1;
margin-bottom: 60px;
}
.resources-item-link {
color: var(--white);
border: 1px solid #414141;
margin-left: 10px;
margin-right: 10px;
transition: transform .2s;
display: block;
position: relative;
}
.resources-item-link:hover {
text-decoration: none;
transform: translate(-5px, -5px);
}
.resources-row {
margin-bottom: 100px;
margin-left: -20px;
margin-right: -20px;
}
.label {
color: var(--background);
background-color: #53fdca1a;
padding: 2px 7px;
font-family: Space Mono, sans-serif;
font-size: 12px;
font-weight: 400;
display: inline-block;
}
.label.mb-10 {
text-align: left;
margin-bottom: 20px;
margin-left: 0;
padding-top: 0;
padding-bottom: 0;
padding-left: 0;
font-size: 18px;
}
.label.green {
color: var(--primary-dark);
background-color: #44dbae26;
}
.label.green.mb-10 {
line-height: 1.1;
}
.label.green.mb-20 {
margin-top: 0;
padding-top: 10px;
font-size: 18px;
line-height: 1.1;
}
.label.green.text-uppercase.subtitle.large.mb-20 {
order: 0;
justify-content: center;
align-self: auto;
align-items: center;
max-width: none;
display: block;
}
.label.primary {
background-color: var(--primary);
color: var(--background);
}
.label.light {
background-color: var(--light);
color: var(--grey);
}
.label.light-opacity {
color: var(--light);
background-color: #ffffff0d;
}
.label.large {
font-size: 16px;
}
.label.black {
background-color: var(--background);
color: var(--white);
}
.label.black.mr-10.banner-label {
margin-top: 1px;
}
.label.small {
color: var(--primary-dark);
-webkit-text-stroke-color: var(--background);
background-color: #2ec4a757;
font-size: 10px;
}
.desktop-header {
background-color: var(--light);
padding-top: 140px;
padding-bottom: 100px;
overflow: hidden;
}
.desktop-header.pim {
padding-top: 60px;
padding-bottom: 10px;
}
.desktop-header-right {
width: 135%;
margin-top: -60px;
position: relative;
bottom: -60px;
}
.desktop-header-right-video {
z-index: 1;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
width: 80%;
height: 89%;
position: absolute;
top: 1.7%;
left: 10%;
}
.text-primary-dark {
color: var(--primary);
text-align: justify;
}
.img {
border: 1px #000;
width: 100%;
max-width: 100%;
margin-bottom: 0;
margin-left: 0;
padding-left: 10px;
display: inline-block;
}
.img.pim {
width: 380px;
}
.video-link {
z-index: 2;
background-color: #ffffff1a;
transition: all .2s;
position: absolute;
inset: 0%;
}
.video-link:hover {
background-color: #ffffff26;
}
.video-link-play-button {
background-color: var(--white);
background-image: url("https://cdn.prod.website-files.com/64abeb15d57b0003e4e87008/64abeb15d57b0003e4e870e0_right-small%20(1).svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: 50px;
align-items: center;
width: 60px;
height: 60px;
padding: 10px;
transition: background-color .2s;
display: flex;
position: absolute;
inset: 50% auto auto 50%;
transform: translate(-50%, -50%);
box-shadow: 0 0 10px #0000004d;
}
.video-link-play-button:hover {
background-color: var(--primary);
}
.top-features-row {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: column;
grid-template-rows: auto auto auto auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
align-items: center;
margin-left: 0;
margin-right: 0;
padding-left: 0;
display: block;
}
.top-features-item {
flex-flow: column;
justify-content: center;
align-items: flex-start;
margin-right: 20px;
padding-left: 0;
padding-right: 0;
display: block;
}
.top-features-item.m1-20 {
justify-content: center;
align-items: center;
display: flex;
}
.top-features-item.h1 {
flex-flow: column;
}
.top-features-item.bold-text-10, .top-features-item.bold-text-11, .top-features-item._1 {
display: flex;
}
.numbers-item {
border-right: 2px solid var(--dark-grey);
height: 100%;
margin-left: -10px;
margin-right: -10px;
padding: 20px 30px 0;
}
.numbers-item.last {
border-right-style: none;
}
.numbers-item.white {
border-top: 1px solid #1212121a;
border-right: 1px #1212121a;
margin-left: 0;
margin-right: 0;
padding-top: 20px;
padding-left: 0;
padding-right: 20px;
}
.numbers-item.white.story {
border-top-style: none;
}
.desktop-trust-numbers-row {
margin-left: -20px;
margin-right: -20px;
}
.desktop-trust-numbers-row.white {
margin-left: 0;
margin-right: 0;
}
.section-numbers {
background-image: linear-gradient(to bottom, var(--alternate-bg), var(--alternate-bg) 50%, var(--white) 50%, var(--white));
padding-top: 40px;
padding-bottom: 40px;
}
.center-tabs-link {
background-color: #0000;
border-bottom: 1px solid #1212121a;
padding: 12px 25px;
}
.center-tabs-link:hover {
text-decoration: none;
}
.center-tabs-link.w--current {
border-bottom-color: var(--primary-dark);
color: var(--primary-dark);
background-color: #0000;
}
.center-tabs-link.dev {
opacity: .4;
color: var(--white);
border-bottom-style: none;
margin-left: 10px;
margin-right: 10px;
padding-left: 20px;
transition: opacity .2s, background-color .2s, color .2s;
}
.center-tabs-link.dev:hover {
opacity: 1;
}
.center-tabs-link.dev.w--current {
background-color: var(--primary-dark);
opacity: 1;
color: #fff;
border-bottom-style: none;
}
.center-tabs-link.code {
color: var(--grey);
border-bottom-color: #ffffff1a;
flex: none;
padding-left: 20px;
padding-right: 20px;
}
.center-tabs-link.code:hover {
color: var(--light-grey);
}
.center-tabs-link.code.w--current {
border-bottom-color: var(--white);
color: var(--white);
}
.center-tabs-link.price-plans {
color: var(--grey);
border-bottom-color: #ffffff1a;
flex: none;
padding-left: 20px;
padding-right: 20px;
}
.center-tabs-link.price-plans:hover {
color: var(--light-grey);
}
.center-tabs-link.price-plans.w--current {
border-bottom-color: var(--white);
color: var(--white);
}
.center-tabs-link.jobs {
padding-left: 20px;
padding-right: 20px;
}
.center-tabs-menu {
justify-content: center;
margin-bottom: 30px;
margin-left: -5px;
margin-right: -5px;
display: flex;
}
.center-tabs-menu.dev {
background-color: var(--dark-grey);
border: 1px solid #ffffff1a;
margin-bottom: 40px;
margin-left: auto;
margin-right: auto;
padding: 10px 0;
display: inline-block;
}
.center-tabs-menu.right {
justify-content: center;
margin: 20px 0 0 50px;
}
.center-tabs-menu.price-plans {
margin-bottom: 20px;
}
.center-tabs-menu.jobs {
margin-bottom: 60px;
}
.center-tabs {
margin-bottom: 80px;
}
.center-tabs.dev {
text-align: center;
margin-bottom: 0;
}
.center-tabs.code, .center-tabs.career {
margin-bottom: 0;
}
.features-list-item {
cursor: auto;
margin-bottom: 40px;
padding-left: 10px;
padding-right: 10px;
display: flex;
}
.features-list-item-img {
flex: none;
margin-right: 20px;
}
.feature-section-bg {
z-index: 0;
background-color: var(--light);
width: auto;
height: 80%;
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
}
.feature-section-bg.right {
left: auto;
right: 0;
}
.feature-section {
z-index: 1;
margin-bottom: 0;
position: relative;
}
.inline-feature {
align-items: center;
margin-bottom: 20px;
line-height: 1.1;
display: flex;
}
.inline-feature.text-semi {
line-height: 1.1;
}
.inline-feature.text-semi.text-medium {
align-items: flex-start;
margin-bottom: 10px;
line-height: 1.1;
}
.inline-feature-icon {
width: 24px;
margin-top: 2px;
margin-right: 14px;
}
.img-right {
width: 662.188px;
max-width: 110%;
height: auto;
}
.img-right.left {
margin-left: -15%;
}
.mr-5 {
margin-right: 5px;
}
.review-points-item {
text-align: left;
flex-direction: row;
justify-content: flex-start;
align-items: flex-start;
margin-left: 10px;
margin-right: 10px;
padding: 0;
display: flex;
}
.review-points {
flex-direction: row;
justify-content: flex-start;
align-items: stretch;
margin-left: -10px;
margin-right: -10px;
display: flex;
}
.languages {
flex-wrap: wrap;
margin-bottom: 80px;
display: flex;
}
.language-item {
text-align: center;
width: 20%;
margin-bottom: 40px;
}
.action-img {
max-width: 110%;
}
.label-icon-block {
align-items: center;
display: flex;
}
.label-icon-block.mb-20 {
font-size: 18px;
line-height: 1.1;
}
.label-icon {
background-color: var(--primary-dark);
margin-right: 2px;
}
.app-info {
text-align: center;
}
.review-points-icon {
margin-top: 1px;
margin-bottom: 5px;
margin-right: 8px;
}
.app-header {
background-color: var(--light);
padding-top: 40px;
padding-bottom: 100px;
position: relative;
overflow: hidden;
}
.mobile-header-img {
max-width: 100%;
margin-left: -40px;
}
.app-store {
background-color: var(--background);
flex-direction: row;
justify-content: center;
align-items: center;
width: 166px;
height: 53px;
margin: 5px 2.5px;
transition: background-color .2s;
display: flex;
}
.app-store:hover {
background-color: var(--dark-grey);
}
.app-store.center {
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
width: 180px;
margin: 0 auto;
}
.google-play {
background-color: var(--background);
flex-direction: row;
justify-content: center;
align-items: center;
width: 172px;
height: 53px;
margin-left: 2.5px;
margin-right: 2.5px;
transition: background-color .2s;
display: flex;
}
.google-play:hover {
background-color: var(--dark-grey);
}
.google-play.center {
width: 180px;
margin-left: auto;
margin-right: auto;
}
.mobile-download-button {
align-items: center;
margin-left: -2.5px;
margin-right: -2.5px;
display: flex;
}
.qr-code {
background-color: var(--background);
flex-direction: row;
justify-content: center;
align-items: center;
width: 54px;
height: 53px;
margin-left: 2.5px;
margin-right: 2.5px;
transition: background-color .2s;
display: flex;
}
.qr-code:hover {
background-color: var(--dark-grey);
}
.mobile-header-left-bg {
background-color: var(--white);
width: 30%;
position: absolute;
inset: 0%;
}
.mobile-features-icon {
color: var(--dark-grey);
height: 150px;
margin-bottom: -11px;
margin-right: -8px;
display: block;
position: absolute;
inset: auto 0% 0% auto;
}
.mobile-steps-img {
padding-left: 30px;
padding-right: 30px;
}
.mobile-steps-content {
border-top: 1px solid var(--alternate-bg);
background-color: var(--background);
text-align: center;
margin-bottom: -1px;
margin-left: -10px;
margin-right: -10px;
padding: 40px 50px 60px;
}
.mobile-steps-content.first {
margin-left: -2000px;
padding-left: 2040px;
}
.mobile-steps-content.last {
margin-right: -2000px;
padding-right: 2040px;
}
.mobile-slider-subtitle {
align-items: flex-start;
display: flex;
}
.mobile-slider-subtitle-icon {
margin-top: 2px;
margin-right: 14px;
}
.mobile-slider-right {
padding-top: 140px;
padding-bottom: 140px;
padding-right: 60px;
}
.mobile-slider-screen {
margin-left: -30px;
}
.mobile-slider-screen.right {
margin-left: 0;
}
.mobile-slider-nav {
opacity: .3;
margin-bottom: 130px;
margin-left: 37px;
inset: auto auto 0% 50%;
transform: scale(.7)translate(-70%);
}
.mt-20 {
margin-top: 20px;
}
.mobile-platforms {
align-items: center;
margin-bottom: 140px;
display: flex;
}
.mobile-platforms-menu {
width: 30%;
}
.mobile-platforms-content {
width: 70%;
overflow: visible;
}
.mobile-platforms-menu-item {
background-color: #0000;
border-bottom: 1px solid #8a8f9833;
margin-left: 0;
padding: 30px 0;
display: block;
position: relative;
overflow: hidden;
}
.mobile-platforms-menu-item:hover {
color: var(--secondary);
text-decoration: none;
}
.mobile-platforms-menu-item.w--current {
color: var(--primary-dark);
background-color: #0000;
overflow: visible;
}
.mobile-platforms-menu-item.last {
border-bottom-style: none;
}
.mobile-platforms-menu-item-icon {
margin-left: -38px;
position: absolute;
inset: 32px auto auto 0%;
}
.mob-devices-img {
max-width: 105%;
margin-top: -15%;
margin-bottom: -5%;
margin-left: 10%;
}
.mobile-slider-first {
margin-left: -100%;
}
.mobile-slider-last {
width: 200%;
display: flex;
}
.padding-0 {
padding-left: 0;
padding-right: 0;
}
.mobile-feedback-text {
height: 118px;
overflow: hidden;
}
.mobile-feedback-text.mb-40 {
text-align: justify;
overflow: auto;
}
.slider-hider {
position: absolute;
inset: 0%;
}
.slider-hider.left {
z-index: 3;
background-image: linear-gradient(to right, var(--white) 60%, #fff0);
transform: translate(-100%);
}
.slider-hider.right {
z-index: 3;
background-image: linear-gradient(to right, #fff0, var(--white) 40%);
transform: translate(100%);
}
.mobile-slider-left {
padding: 80px 10px 80px 20px;
}
.dev-header {
background-color: var(--alternate-bg);
padding-top: 20px;
padding-bottom: 60px;
position: relative;
overflow: hidden;
}
.dev-home-img {
width: 110%;
max-width: 110%;
margin-left: -10%;
}
.header-notification {
background-color: var(--dark-grey);
color: var(--white);
text-align: left;
border: 1px solid #8a8f984d;
align-items: flex-start;
margin-bottom: 40px;
padding: 14px 60px 14px 16px;
display: flex;
position: relative;
}
.info-link {
color: var(--white);
}
.info-link:hover {
color: var(--primary);
text-decoration: none;
}
.header-notification-close {
cursor: pointer;
background-image: url("https://cdn.prod.website-files.com/64abeb15d57b0003e4e87008/64abeb15d57b0003e4e871f7_x-small.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: 18px;
width: 26px;
height: 26px;
margin-top: 14px;
margin-right: 16px;
transition: background-color .2s;
position: absolute;
inset: 0% 0% auto auto;
}
.header-notification-close:hover {
background-color: var(--alternate-bg);
}
.tech-buttons {
display: flex;
}
.opacity-40 {
opacity: .4;
}
.feature-header {
margin-bottom: 10px;
display: flex;
}
.feature-header.dev {
align-items: flex-start;
}
.dev-usage {
justify-content: center;
align-items: flex-start;
margin-top: -30px;
margin-bottom: 20px;
padding-left: 100px;
padding-right: 100px;
display: flex;
}
.dev-usage-item {
background-color: var(--light);
color: var(--grey);
flex: none;
width: 25%;
margin-left: -2.5%;
margin-right: -2.5%;
padding: 5px 5px 0;
transition: transform .2s, color .2s;
display: block;
position: relative;
overflow: hidden;
box-shadow: 1px 1px 10px #1212124d;
}
.dev-usage-item:hover {
color: var(--background);
text-decoration: none;
transform: scale(1.05);
}
.dev-usage-item._3 {
z-index: 3;
margin-top: 7%;
}
.dev-usage-item._2, .dev-usage-item._4 {
z-index: 2;
margin-top: 3.5%;
}
.dev-usage-item-img {
margin-bottom: 0;
}
.dev-usage-item-text {
text-align: center;
padding-top: 10px;
padding-bottom: 10px;
}
.dev-usage-item-text.text-small {
padding-top: 14px;
padding-bottom: 14px;
font-weight: 700;
}
.align-left {
text-align: left;
}
.align-left.works {
margin-top: 40px;
padding-top: 20px;
}
.dev-features-img {
padding-right: 20px;
}
.code-block {
outline-color: var(--alternate-bg);
outline-offset: 0px;
border: 1px solid #ffffff1a;
outline-width: 10px;
outline-style: solid;
margin: 10px;
font-family: Inconsolata, monospace;
font-size: 14px;
display: flex;
}
.code-block.right {
margin-left: 60px;
}
.code-block.left {
flex-direction: column;
margin-left: 10px;
margin-right: 60px;
}
.code-lines {
background-color: var(--dark-grey);
color: var(--light-grey);
text-align: right;
border-right: 1px solid #ffffff1a;
width: 52px;
padding: 14px 12px 20px 8px;
}
.code-content {
background-color: var(--alternate-bg);
color: var(--light);
white-space: nowrap;
flex: 1;
padding: 8px 12px 4px;
overflow: hidden;
}
.code-content-text {
white-space: nowrap;
height: 100%;
padding-top: 6px;
padding-bottom: 16px;
overflow: auto;
}
.code-comment {
color: var(--grey);
}
.code-keyword {
color: #569cd6;
font-weight: 700;
}
.code-string {
color: #3ecf8e;
}
.code-number {
color: #fc5d8f;
}
.code-function {
color: var(--yellow);
}
.code-block-content {
display: flex;
}
.code-block-nav {
background-color: var(--dark-grey);
border-bottom: 1px solid #ffffff1a;
display: flex;
overflow: auto;
}
.code-block-nav-item {
background-color: var(--dark-grey);
color: var(--grey);
border-right: 1px solid #ffffff1a;
flex: none;
align-items: center;
padding: 10px 14px;
font-size: 12px;
display: flex;
}
.code-block-nav-item:hover {
color: var(--light-grey);
text-decoration: none;
}
.code-block-nav-item.w--current {
background-color: var(--alternate-bg);
box-shadow: inset 0 -2px 0 0 var(--yellow);
color: var(--light-grey);
}
.dev-icons {
margin-left: -20px;
margin-right: -20px;
}
.dev-icons-link {
opacity: .25;
margin: 5px;
padding: 15px;
font-size: 0;
transition: opacity .2s;
display: inline-block;
}
.dev-icons-link:hover {
opacity: 1;
}
.subscribe-bullets-row {
display: flex;
}
.subscribe-bullets-row.center {
justify-content: center;
margin-left: -20px;
margin-right: -20px;
}
.features-items-icon {
margin-top: 4px;
margin-right: 10px;
}
.product-feature-header {
background-color: var(--white);
margin-bottom: 5px;
padding-top: 100px;
padding-bottom: 0;
display: block;
overflow: hidden;
}
.invert {
filter: none;
}
.opacity-20 {
opacity: .2;
}
.product-feature-header-right {
width: 100%;
max-width: none;
height: 450px;
margin-top: -30px;
margin-left: 10%;
padding-top: 0;
padding-left: 0;
display: block;
}
.product-feature-header-right.works {
width: auto;
height: 400px;
}
.product-feature-header-right.auto {
width: auto;
height: 300px;
margin-top: -30px;
padding-left: 0;
}
.product-feature-header-right.auto-copy {
width: auto;
max-width: none;
height: auto;
position: static;
}
.mb-20-fixed {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: 107%;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
height: auto;
margin-bottom: 10px;
display: grid;
}
.product-feature-video-link {
z-index: 2;
filter: none;
-webkit-text-fill-color: inherit;
object-fit: fill;
background-image: url("https://cdn.prod.website-files.com/64abeb15d57b0003e4e87008/65097cc650f8d64d1cf8b5ee_pim-thumbnail.jpg");
background-position: 0 0;
background-repeat: no-repeat;
background-size: 100%;
background-attachment: scroll;
background-clip: padding-box;
width: 100%;
height: auto;
max-height: 400px;
margin-top: 0;
padding-top: 52%;
transition: all .2s;
position: relative;
box-shadow: 0 0 40px #1212121a;
}
.product-feature-video-link:hover {
background-color: #ffffff26;
}
.product-feature-video-link.b2b-ecommerce {
background-image: url("https://cdn.prod.website-files.com/64abeb15d57b0003e4e87008/656703f35a349460cca8d524_B2B%20Ecommerce.png");
background-position: 50%;
background-repeat: repeat;
padding-top: 55%;
}
.product-feature-video-link.catalog-automation {
background-image: url("https://cdn.prod.website-files.com/64abeb15d57b0003e4e87008/6509826a0049cf88320eb3db_catalog-video-thumbnail.jpg");
}
.product-feature-video-link.mobile-apps {
background-image: url("https://cdn.prod.website-files.com/64abeb15d57b0003e4e87008/65670138fed7aaaed51293bb_Mobile%20App%20for%20P21.png");
background-position: 0 0;
background-size: cover;
display: inline-block;
}
.product-feature-video-link.mobile-apps._1 {
background-image: url("https://cdn.prod.website-files.com/64abeb15d57b0003e4e87008/6566f65da3935b8480f53b07_Mobile%20App%20.png");
background-position: 0 0;
background-size: 100%;
}
.product-feature-video-link.dropship {
background-image: url("https://cdn.prod.website-files.com/64abeb15d57b0003e4e87008/677d3c3434e95a9a7c614018_Frame%207%20(1).png");
margin-top: -40px;
padding-top: 100%;
}
.product-feature-video-link.p21-solutions {
background-image: url("https://cdn.prod.website-files.com/64abeb15d57b0003e4e87008/6509ac3b91bbcb2b95e033e3_p21-thumbnail.jpg");
max-height: none;
}
.product-feature-video-link.api {
background-image: url("https://cdn.prod.website-files.com/64abeb15d57b0003e4e87008/65670222784dbefef341fb6d_Web%20API%20for%20P21.png");
width: 100%;
height: auto;
}
.product-feature-video-link.dealer {
background-image: url("https://cdn.prod.website-files.com/64abeb15d57b0003e4e87008/67068c7a041698872fede3d8_Dropshipping.jpeg");
}
.product-feature-video-link.magento {
background-image: url("https://cdn.prod.website-files.com/64abeb15d57b0003e4e87008/657ab2296fd1903c92600c91_Magento%20Integration.png");
}
.faq-item {
border: 1px solid #e7e7e7;
margin-top: 0;
margin-left: 57px;
display: block;
}
.faq-item:hover {
background-color: var(--light);
}
.faq-item.dark {
border-color: #424242;
}
.faq-item.dark:hover {
background-color: var(--dark-grey);
}
.faq-item-title {
white-space: normal;
background-color: #0000;
background-image: url("https://cdn.prod.website-files.com/64abeb15d57b0003e4e87008/64abeb15d57b0003e4e87243_add-small%20(1).svg");
background-position: 16px;
background-repeat: no-repeat;
background-size: 24px;
border: 1px #1212121a;
align-items: center;
min-height: 54px;
margin-left: -56px;
padding: 12px 20px 12px 76px;
display: flex;
}
.faq-item-title.w--open {
color: var(--primary-dark);
background-image: url("https://cdn.prod.website-files.com/64abeb15d57b0003e4e87008/64abeb15d57b0003e4e87244_x-small%20(1).svg");
}
.faq-item-title.dark {
color: var(--white);
background-image: url("https://cdn.prod.website-files.com/64abeb15d57b0003e4e87008/64abeb15d57b0003e4e87248_add-small%20(2).svg");
}
.faq-item-title.dark.w--open {
color: var(--primary);
background-image: url("https://cdn.prod.website-files.com/64abeb15d57b0003e4e87008/64abeb15d57b0003e4e871f7_x-small.svg");
}
.faq-item-content {
background-color: var(--white);
border-top: 1px solid #e7e7e7;
padding: 30px 20px;
position: static;
}
.faq-item-content.w--open {
padding-top: 20px;
padding-bottom: 20px;
}
.faq-item-content.dark {
background-color: var(--alternate-bg);
border-top-color: #424242;
}
.faq-icon {
z-index: -1;
background-color: var(--white);
outline-offset: 0px;
outline: 1px solid #e7e7e7;
width: 56px;
height: 100%;
margin-left: -1px;
margin-right: 20px;
position: absolute;
inset: 0% auto auto 0%;
}
.faq-icon.dark {
background-color: var(--alternate-bg);
outline-color: #424242;
}
.solutions-header {
background-color: var(--background);
min-height: 100vh;
padding-top: 100px;
padding-bottom: 100px;
position: relative;
overflow: visible;
}
.use-cases-header {
background-color: var(--alternate-bg);
padding-top: 80px;
padding-bottom: 80px;
overflow: hidden;
}
.width-50 {
width: 50%;
}
.width-50.left {
margin-left: 50%;
}
.solutions-header-right {
z-index: 2;
width: 40%;
height: 100%;
position: absolute;
inset: 0% auto 0% 0;
}
.header-feedback {
background-color: var(--alternate-bg);
align-items: flex-start;
max-width: 400px;
padding: 20px;
display: flex;
}
.header-feedback.transparent {
background-color: #0000;
align-items: center;
margin-bottom: 60px;
padding: 0;
}
.header-feedback.vertical {
flex-direction: column;
}
.header-feedback-avatar {
flex: none;
margin-right: 20px;
}
.solution-features {
background-color: var(--alternate-bg);
margin-bottom: 20px;
padding: 20px;
}
.solution-features.left {
align-items: center;
height: 100%;
display: flex;
}
.solution-features.last {
margin-bottom: 0;
}
.solution-features-img {
width: 100%;
padding: 10px 30px 10px 10px;
}
.solution-features-img.left {
padding-left: 20px;
}
.solution-sticky-left {
padding-bottom: 20px;
padding-right: 50px;
position: sticky;
top: 100px;
}
.solution-sticky-item {
grid-column-gap: 0px;
grid-row-gap: 0px;
border: 1px solid #ffffff1a;
justify-content: flex-start;
align-items: center;
margin-bottom: 0;
padding: 10px 40px;
display: flex;
}
.solution-sticky-item-icon {
color: var(--secondary);
-webkit-text-stroke-color: var(--light-grey);
flex: none;
margin-top: 0;
margin-right: 40px;
}
.solutions-slide-img {
z-index: 3;
border: 1px solid var(--grey);
background-image: linear-gradient(315deg, var(--background), var(--dark-grey));
text-align: center;
padding: 30px 120px;
position: relative;
}
.solutions-slide-img.shadow-first {
z-index: 2;
margin: 25px 15px 15px;
position: absolute;
inset: 0%;
}
.solutions-slide-img.shadow-second {
z-index: 1;
margin: 10px 30px 30px;
position: absolute;
inset: 0%;
}
.solutions-slide-container {
padding-top: 40px;
position: relative;
}
.solutions-slide-content {
margin-left: 100px;
}
.icon-tabs {
height: 100%;
}
.icon-tabs-content {
padding-bottom: 60px;
}
.icon-tabs-menu {
width: 100%;
margin-left: -100%;
position: absolute;
inset: auto auto 0% -25px;
}
.icon-tabs-menu-item {
background-color: var(--alternate-bg);
filter: grayscale();
border: 1px solid #0000;
margin-left: 5px;
margin-right: 5px;
padding: 12px;
font-size: 0;
}
.icon-tabs-menu-item:hover {
background-color: var(--dark-grey);
}
.icon-tabs-menu-item.w--current {
filter: none;
background-color: #53fdca1a;
}
.use-cases-header-img {
background-image: url("https://cdn.prod.website-files.com/64abeb15d57b0003e4e87008/64abeb15d57b0003e4e8713b_case-1.jpg");
background-position: 50% 0;
background-size: cover;
width: 40%;
height: 100%;
position: absolute;
inset: 0% 0% 0% auto;
}
.tick-icon {
background-color: #53fdca1a;
margin-top: 1.5px;
margin-right: 14px;
}
.tick-icon.transparent {
background-color: #0000;
margin-right: 5px;
}
.use-cases-bullet {
align-items: flex-start;
margin-bottom: 20px;
display: flex;
}
.use-cases-tabs-menu {
text-align: center;
margin-bottom: 20px;
}
.use-cases-tabs-menu-link {
color: var(--light-grey);
background-color: #0000;
margin-right: 10px;
padding: 10px 20px;
font-weight: 500;
transition: color .2s, background-color .2s;
}
.use-cases-tabs-menu-link:hover {
color: var(--background);
text-decoration: none;
}
.use-cases-tabs-menu-link.w--current {
background-color: var(--secondary);
color: var(--primary);
text-align: center;
}
.row.flex-center {
justify-content: flex-start;
align-items: center;
margin-top: 10px;
display: flex;
}
.use-cases-menu-left {
background-color: var(--white);
border: 1px #1212121a;
flex: none;
padding: 10px;
position: sticky;
top: 100px;
}
.use-cases-tabs {
align-items: flex-start;
display: flex;
}
.use-cases-content-right {
background-color: var(--white);
border: 1px #1212121a;
flex: 1;
margin-left: 20px;
padding: 0;
}
.use-cases-menu-left-item {
color: var(--grey);
background-color: #0000;
align-items: center;
padding: 20px 25px 20px 20px;
transition: background-color .2s, border-color .2s;
display: flex;
}
.use-cases-menu-left-item:hover {
border-color: var(--background);
color: var(--background);
text-decoration: none;
}
.use-cases-menu-left-item.w--current {
background-color: var(--light);
color: var(--background);
}
.use-cases-menu-left-icon {
margin-right: 16px;
}
.use-cases-content-row {
border-bottom: 1px solid #1212121a;
padding: 40px 20px;
}
.use-cases-content-row.last {
border-bottom-style: none;
}
.range-slider-item {
color: var(--light-grey);
text-align: center;
background-color: #0000;
width: 20%;
padding: 90px 10px 0;
font-size: 14px;
overflow: hidden;
}
.range-slider-item:hover {
color: var(--primary-dark);
}
.range-slider-item.w--current {
background-color: #0000;
overflow: visible;
}
.range-slider {
margin-bottom: 60px;
display: flex;
overflow: hidden;
}
.range-slider-track {
z-index: 0;
background-color: #e7e7e7;
height: 4px;
margin-left: auto;
margin-right: auto;
position: absolute;
inset: 50px 0% auto;
}
.range-slider-track.active {
z-index: 1;
background-color: var(--secondary);
width: 0;
left: auto;
right: 50%;
}
.range-slider-track.active.first {
width: 9999px;
right: 50%;
}
.range-slider-circle {
z-index: 2;
border: 2px solid var(--secondary);
background-color: var(--white);
border-radius: 50%;
width: 18px;
height: 18px;
margin-top: 2px;
display: none;
position: absolute;
left: auto;
right: 0%;
transform: translate(50%, -50%);
}
.range-slider-circle.first {
display: block;
}
.range-slider-item-lable {
z-index: 4;
justify-content: center;
align-items: flex-end;
margin-top: 30px;
display: flex;
position: absolute;
inset: 0%;
}
.range-slider-mark-inner {
background-color: #e7e7e7;
width: 2px;
height: 11px;
margin-left: -1px;
position: absolute;
inset: 0% auto auto 50%;
}
.range-slider-tooltip {
z-index: 100;
background-color: var(--primary-dark);
color: var(--white);
white-space: nowrap;
border-radius: 4px;
min-width: 50px;
margin-top: -42px;
padding: 4px 10px;
font-size: 12px;
font-weight: 500;
display: block;
position: absolute;
inset: 0% auto auto 50%;
transform: translate(-50%);
}
.range-slider-tooltip-corner {
z-index: -1;
background-color: var(--primary-dark);
border-radius: 1px;
width: 10px;
height: 10px;
position: absolute;
inset: auto auto -3px 50%;
transform: translate(-50%)rotate(45deg);
}
.link-primary-dark {
color: var(--primary-dark);
}
.link-primary-dark.contact {
margin-left: 10px;
}
.detailed-pricing {
color: var(--grey);
border: 1px solid #1212121a;
border-bottom-color: #e7e7e7;
margin-top: -180px;
margin-bottom: 10px;
margin-left: 40px;
padding: 10px 20px 20px;
font-size: 14px;
}
.detailed-pricing-header {
background-color: var(--light);
border-top: 1px solid #e7e7e7;
border-bottom: 1px solid #e7e7e7;
margin-bottom: 10px;
margin-left: -20px;
margin-right: -20px;
padding: 15px 20px;
}
.link-grey {
color: var(--light-grey);
text-decoration: underline;
}
.billing-period-radio {
border-width: 2px;
border-color: #e7e7e7;
border-radius: 0%;
width: auto;
height: auto;
margin-top: 0;
margin-left: 0;
position: absolute;
inset: 0%;
}
.billing-period-radio.w--redirected-checked {
border-width: 2px;
border-color: var(--secondary);
outline-color: var(--secondary);
outline-offset: -3px;
border-radius: 0%;
outline-width: 3px;
outline-style: solid;
}
.billing-period-radio.w--redirected-focus {
box-shadow: none;
}
.billing-period-card {
z-index: 2;
cursor: pointer;
height: 100%;
padding: 30px;
font-weight: 400;
position: relative;
}
.billing-period-radio-field {
width: 50%;
margin-left: 10px;
margin-right: 10px;
padding-left: 0;
position: relative;
}
.billing-period-radio-label {
display: none;
}
.divider {
background-color: #1212121a;
height: 1px;
margin-top: 20px;
margin-bottom: 20px;
}
.divider.large {
margin-top: 20px;
margin-bottom: 20px;
}
.divider.grey {
background-color: var(--dark-grey);
}
.billing-period-card-details {
border-top: 1px solid #e7e7e7;
border-bottom: 1px solid #e7e7e7;
margin-top: 20px;
margin-bottom: 20px;
padding-top: 20px;
padding-bottom: 20px;
}
.billing-period-selector {
margin-bottom: 40px;
margin-left: -10px;
margin-right: -10px;
display: flex;
}
.billing-period-footer {
justify-content: space-between;
align-items: center;
display: flex;
}
.billing-period-submit {
margin-left: 20px;
}
.resources-header {
align-items: center;
margin-bottom: 20px;
display: flex;
}
.plans-bullet {
color: var(--grey);
align-items: flex-start;
margin-bottom: 5px;
margin-left: -5px;
display: flex;
}
.plans-bullet.mb-20 {
margin-bottom: 20px;
}
.inner-section-right-bg {
background-color: var(--light);
width: 50%;
position: absolute;
inset: 0% 0% 0% 50%;
}
.custom-pricing-header {
z-index: 1;
position: relative;
}
.custom-pricing-header-right {
justify-content: center;
padding-right: 60px;
}
.custom-pricing-header-left {
justify-content: center;
padding-left: 80px;
}
.custom-plan-step-text {
width: 58%;
}
.price-plans-tabs {
padding-bottom: 2px;
}
.mb-5 {
color: var(--grey);
margin-bottom: 5px;
}
.pricing-card-container {
flex-direction: column;
height: 100%;
display: flex;
}
.pricing-table {
opacity: 1;
outline-offset: 0px;
color: var(--grey);
-webkit-text-fill-color: inherit;
background-color: #eee7e700;
background-clip: border-box;
border: 1px #000;
border-radius: 0;
outline: .5px #236390;
font-size: 14px;
}
.pricing-table-header {
z-index: 100;
background-color: var(--white);
color: var(--background);
-webkit-text-stroke-color: var(--grey);
margin-top: 0;
padding-top: 0;
font-size: 18px;
font-weight: 700;
position: sticky;
top: 63px;
}
.table-col {
border: 1px #000;
padding: 0;
}
.table-col-content {
outline-offset: 0px;
text-align: left;
border-top: 1px #0000;
border-bottom: 1px solid #ffffff1a;
border-left: 1px solid #ffffff1a;
border-right: 1px #0000;
outline: 1px #676e73;
height: 100%;
padding: 10px 24px;
}
.table-col-content.title {
color: var(--grey);
border-left-style: none;
border-left-color: #0000;
display: flex;
}
.table-col-content.title.header {
color: var(--white);
text-align: center;
justify-content: flex-start;
align-items: center;
padding-top: 10px;
padding-bottom: 10px;
text-decoration: none;
}
.table-col-content.header {
border-bottom-style: solid;
border-bottom-color: #0000;
border-left-color: #0000;
padding-top: 10px;
padding-bottom: 10px;
}
.table-col-content.first {
opacity: .45;
color: var(--grey);
border: .5px #000;
}
.table-col-content.subheader {
background-color: var(--dark-grey);
border-left-style: none;
border-left-color: #0000;
padding-top: 24px;
padding-bottom: 24px;
}
.pricing-table-subheader {
background-color: var(--dark-grey);
margin-top: -1px;
position: relative;
}
.text-default {
font-size: 18px;
}
.mobile-visible {
display: none;
}
.info-tooltip {
z-index: 10;
flex: none;
margin-left: 0;
}
.info-tooltip-toggle {
opacity: .6;
padding: 0;
display: flex;
}
.info-tooltip-toggle:hover {
opacity: 1;
}
.info-tooltip-content.w--open {
background-color: var(--background);
text-align: center;
border: 1px solid #ffffff1a;
border-radius: 5px;
min-width: 160px;
margin-top: -10px;
padding: 8px 14px;
inset: 0% auto auto 50%;
transform: translate(-50%, -100%);
}
.text-with-info {
align-items: center;
display: flex;
}
.mr-10 {
margin-right: 10px;
}
.license-purchase-radio {
box-shadow: 0 0 0 2px var(--light);
cursor: pointer;
background-color: #0000;
border-style: solid;
border-color: #e7e7e7;
border-radius: 6px;
width: auto;
height: auto;
margin-top: 0;
margin-left: 0;
transition: box-shadow .2s, border-color .2s;
position: absolute;
inset: 0%;
}
.license-purchase-radio.w--redirected-checked {
border: 1px solid var(--primary-dark);
box-shadow: 0 0 0 3px #31bd9333;
}
.license-purchase-radio-field {
text-align: center;
width: 33.33%;
margin: 40px 10px 0;
padding: 20px 20px 25px;
position: relative;
}
.license-purchase-select {
margin-bottom: 20px;
margin-left: -10px;
margin-right: -10px;
display: flex;
}
.fw-400 {
font-weight: 400;
}
.license-product {
background-color: var(--background);
border-radius: 50%;
justify-content: center;
align-items: center;
width: 70px;
height: 70px;
margin: -55px auto 15px;
display: flex;
position: relative;
}
.license-product-quantity {
border: 2px solid var(--white);
background-color: var(--primary-dark);
color: var(--white);
border-radius: 50%;
justify-content: center;
align-items: center;
width: 30px;
height: 30px;
margin-bottom: -2px;
margin-right: -10px;
font-size: 14px;
font-weight: 700;
display: flex;
position: absolute;
inset: auto 0% 0% auto;
}
.license-purchase-radio-content {
cursor: pointer;
position: relative;
}
.license-purchase-tabs-content {
overflow: visible;
}
.license-purchase-tabs-link {
background-color: var(--light);
color: var(--light-grey);
border: 1px solid #e7e7e7;
border-bottom-style: none;
margin-left: -1px;
padding: 16px 30px 15px;
font-size: 16px;
font-weight: 500;
transition: color .2s, background-color .2s;
}
.license-purchase-tabs-link:hover {
color: var(--background);
text-decoration: none;
}
.license-purchase-tabs-link.w--current {
background-color: var(--white);
color: var(--primary-dark);
}
.license-purchase-tabs-menu {
z-index: 2;
text-align: center;
}
.special-offer {
background-color: var(--light);
flex-direction: row;
justify-content: space-between;
align-items: center;
margin-bottom: 40px;
padding: 20px 60px;
display: flex;
}
.special-offer-right {
flex: none;
}
.special-offer-left {
align-items: center;
max-width: 640px;
margin-right: 40px;
display: flex;
}
.special-offer-icon {
flex: none;
margin-top: -5px;
margin-bottom: -5px;
margin-right: 30px;
}
.company-header-bg {
z-index: 1;
border: 3px solid var(--white);
width: 100%;
height: 0;
padding-top: 170%;
box-shadow: 0 0 30px #1212121a;
}
.company-header-bg.right {
margin-top: 40px;
}
.company-header-bg-container {
margin-left: 15px;
margin-right: 15px;
}
.company-header-right {
margin-right: -15px;
}
.story-right {
flex-direction: column;
justify-content: center;
padding-left: 30px;
display: flex;
}
.timeline {
color: var(--background);
}
.timeline-row {
display: flex;
position: relative;
}
.timeline-col {
width: 50%;
padding-bottom: 120px;
padding-left: 60px;
padding-right: 60px;
}
.timeline-col.left {
text-align: right;
}
.timeline-col.full {
width: 100%;
padding-bottom: 80px;
padding-left: 80px;
}
.timeline-point {
margin-top: 12px;
position: absolute;
inset: 0% auto 0% 50%;
transform: translate(-50%);
}
.timeline-point.left {
margin-top: 2px;
left: 30px;
}
.timeline-point-circle {
z-index: 1;
border: 2px solid var(--white);
background-color: var(--secondary);
box-shadow: 0 0 0 8px #44dbae33, 0 0 0 18px var(--white);
border-radius: 50%;
width: 14px;
height: 14px;
margin-top: 12px;
position: relative;
}
.timeline-point-circle.dark {
border-width: 2px;
border-color: var(--background);
background-color: var(--primary);
box-shadow: 0 0 0 10px #53fdca1a, 0 0 0 18px var(--background);
}
.timeline-point-line {
border-left: 1px dashed #e7e7e7;
border-right: 1px dashed #e7e7e7;
width: 0;
height: 100%;
margin-left: -1px;
position: absolute;
inset: 0% auto 0% 50%;
}
.timeline-point-line.dark {
border-right-color: var(--dark-grey);
border-left-color: var(--dark-grey);
}
.mt-10 {
margin-top: 10px;
}
.about-video {
z-index: 1;
width: 100%;
height: 0;
padding-top: 45%;
position: relative;
}
.about-video-container {
margin-bottom: 0;
position: relative;
}
.about-video-action {
z-index: 2;
justify-content: center;
align-items: center;
display: flex;
position: absolute;
inset: 0%;
}
.about-video-action:hover {
text-decoration: none;
}
.company-values {
background-color: var(--white);
border: 1px solid #e7e7e7;
padding: 30px;
}
.team-description {
background-color: var(--white);
text-align: left;
border: 1px #e7e7e7;
justify-content: space-between;
align-items: flex-start;
max-width: 420px;
margin-top: 0;
margin-left: auto;
margin-right: auto;
padding: 30px;
display: flex;
}
.team-description-link {
opacity: .85;
transition: opacity .2s;
}
.team-description-link:hover {
opacity: 1;
}
.about-career-img {
margin-bottom: -80px;
margin-left: 30px;
margin-right: -100px;
}
.globe-container {
justify-content: center;
align-items: center;
padding-top: 6%;
position: relative;
}
.globe {
z-index: 1;
position: relative;
left: 12%;
transform: scale(2.3);
}
.career-header-left {
z-index: 2;
}
.career-header {
background-color: var(--white);
padding-top: 80px;
padding-bottom: 120px;
overflow: hidden;
}
.career-benefits-img {
width: 120%;
max-width: 120%;
margin-left: 40px;
}
.benefit {
margin-bottom: 30px;
padding-left: 15px;
padding-right: 15px;
}
.benefit-container {
margin-left: -15px;
margin-right: -15px;
}
.benefit-heading {
align-items: flex-start;
margin-bottom: 10px;
display: flex;
}
.benefit-icon {
flex: none;
margin-top: 2px;
margin-right: 10px;
}
.career-slide-img {
padding-left: 10px;
padding-right: 10px;
}
.dropdown {
display: block;
}
.jobs-item {
background-color: var(--white);
border: 1px solid #e7e7e7;
margin-bottom: 20px;
padding: 30px;
transition: background-color .2s;
display: block;
}
.jobs-item:hover {
background-color: var(--light);
text-decoration: none;
}
.job-location {
background-image: url("https://cdn.prod.website-files.com/64abeb15d57b0003e4e87008/64abeb15d57b0003e4e87286_pin%20(1).svg");
background-position: 0%;
background-repeat: no-repeat;
background-size: 16px;
padding-left: 22px;
display: block;
}
.jobs-item-right {
flex-direction: column;
justify-content: space-between;
align-items: flex-end;
display: flex;
}
.jobs-item-short {
max-height: 52px;
overflow: hidden;
}
.jobs-item-arrow {
background-color: var(--white);
background-image: url("https://cdn.prod.website-files.com/64abeb15d57b0003e4e87008/64abeb15d57b0003e4e870bb_right-black.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: 30px;
border: 1px solid #e7e7e7;
width: 50px;
height: 50px;
transition: border-color .2s, background-color .2s;
}
.jobs-item-arrow:hover {
border-color: var(--background);
background-color: var(--background);
background-image: url("https://cdn.prod.website-files.com/64abeb15d57b0003e4e87008/64abeb15d57b0003e4e870e5_right-small%20(2).svg");
}
.jobs-category {
border-bottom: 1px solid var(--background);
color: var(--background);
text-transform: uppercase;
margin-top: 80px;
margin-bottom: 40px;
padding-top: 15px;
padding-bottom: 15px;
padding-left: 0;
}
.jobs-category.first {
margin-top: 0;
}
.integration-header {
background-color: var(--white);
padding-top: 80px;
padding-bottom: 20px;
overflow: hidden;
}
.integration-row {
display: flex;
}
.integration-col-left {
min-width: 320px;
padding-right: 60px;
}
.integration-col-right {
flex: 0 auto;
}
.integration-category-link {
border-left: 1.5px solid var(--light);
color: var(--secondary);
text-transform: uppercase;
padding-top: 8px;
padding-bottom: 8px;
padding-left: 20px;
font-size: 16px;
font-weight: 500;
transition: color .2s, border-color .2s;
display: block;
}
.integration-category-link:hover {
text-decoration: none;
}
.integration-category-link.w--current {
border-left-color: var(--primary-dark);
color: var(--primary-dark);
}
.integration-row-item-link {
border: 1px solid #e7e7e7;
margin-bottom: 30px;
margin-left: 15px;
margin-right: 15px;
transition: transform .2s, border-color .2s;
display: block;
position: relative;
}
.integration-row-item-link:hover {
border-color: var(--background);
text-decoration: none;
transform: translate(-5px, -5px);
}
.integration-row-item-link.small {
margin-bottom: 20px;
margin-left: 10px;
margin-right: 10px;
}
.integration-row-item {
width: 50%;
}
.integration-row-item.small {
width: 33.33%;
}
.integration-row-collection {
flex-wrap: wrap;
margin-left: -15px;
margin-right: -15px;
display: flex;
}
.integration-row-collection.small {
margin-left: -10px;
margin-right: -10px;
}
.integration-item-logo {
background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
background-position: 0%;
background-repeat: no-repeat;
background-size: contain;
width: 130px;
height: 36px;
margin-top: 0;
margin-bottom: 25px;
}
.integration-item-category {
margin-top: 10px;
margin-right: 10px;
font-size: 0;
position: absolute;
inset: 0% 0% auto auto;
}
.integration-item-short {
height: 78px;
overflow: hidden;
}
.integration-row-item-content {
z-index: 2;
background-color: var(--white);
padding: 30px;
position: relative;
}
.max-700 {
max-width: 700px;
}
.integration-row-header {
margin-bottom: 40px;
font-size: 0;
}
.integration-row-section {
padding-bottom: 40px;
}
.integration-row-section.last {
margin-bottom: 0;
}
.integration-row-nav {
padding-bottom: 90px;
position: sticky;
top: 100px;
}
.integration-row-action {
border: 1px solid var(--light);
background-color: var(--light);
color: var(--dark-grey);
padding: 20px;
transition: color .2s, border-color .2s, background-color .2s;
display: block;
}
.integration-row-action:hover {
border-color: var(--background);
background-color: var(--white);
color: var(--primary-dark);
text-decoration: none;
}
.integration-header-img {
display: inline-block;
}
.integration-cms-header {
background-color: var(--white);
padding-top: 80px;
padding-bottom: 40px;
}
.integration-item-info {
min-width: 360px;
margin-left: 40px;
}
.integration-item-details {
border-bottom: 1px solid #e7e7e7;
justify-content: space-between;
align-items: baseline;
padding-top: 8px;
padding-bottom: 8px;
font-size: 16px;
display: flex;
}
.integration-item-details.last {
border-bottom-style: none;
padding-bottom: 0;
}
.integration-cms-row {
justify-content: space-between;
padding-bottom: 40px;
display: flex;
}
.integration-item-main {
max-width: 60%;
}
.integration-item-title {
flex-wrap: wrap;
margin-bottom: 30px;
font-size: 15px;
font-weight: 500;
line-height: 1.1;
display: flex;
}
.integration-item-nav {
text-transform: uppercase;
justify-content: flex-start;
align-items: baseline;
margin-bottom: 40px;
font-family: Space Mono, sans-serif;
font-size: 18px;
line-height: 1;
display: flex;
}
.text-link-black {
color: var(--background);
transition: color .2s;
}
.text-link-black:hover {
color: var(--primary-dark);
text-decoration: none;
}
.integration-item-info-sticky {
background-color: var(--light);
padding: 30px;
position: sticky;
top: 0;
}
.integration-item-overview {
margin-top: 100px;
}
.rich-black {
color: var(--background);
text-align: left;
margin-top: 0;
font-family: Red Hat Display, sans-serif;
font-size: 18px;
font-weight: 400;
}
.rich-black blockquote {
border-color: var(--primary-dark) var(--secondary) var(--primary-dark) var(--primary-dark);
color: var(--background);
background-color: #31bd931a;
}
.integration-item-info-icon {
background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
width: 240px;
height: 70px;
margin-bottom: 30px;
margin-left: auto;
margin-right: auto;
}
.integration-item-info-icon.case {
height: 240px;
}
.text-link-primary-dark {
color: var(--primary-dark);
transition: color .2s;
}
.text-link-primary-dark:hover {
color: var(--background);
text-decoration: none;
}
.text-link-primary-dark.text-semi {
color: var(--primary);
}
.resources-post-link-title {
height: 56px;
margin-bottom: 10px;
overflow: hidden;
}
.resources-item-content {
border-top: 1px solid #414141;
margin-top: 0;
padding: 20px;
}
.resources-item-wrap {
z-index: 3;
background-color: var(--dark-grey);
position: relative;
}
.jobs-row {
justify-content: space-between;
display: flex;
}
.jobs-row-left {
width: 60%;
}
.jobs-row-right {
width: 100%;
max-width: 320px;
margin-left: 40px;
}
.jobs-item-overview {
margin-top: 100px;
padding-top: 10px;
}
.jobs-right-sticky {
background-color: var(--light);
text-align: center;
padding: 30px;
position: sticky;
top: 120px;
}
.company-logo {
background-color: var(--background);
border-radius: 100px;
width: 80px;
height: 80px;
margin: -70px auto 15px;
padding: 15px;
display: block;
}
.jobs-shorts {
justify-content: center;
margin-bottom: 20px;
display: flex;
}
.jobs-share {
justify-content: space-between;
align-items: center;
margin-top: 25px;
display: flex;
}
.share-social {
opacity: .4;
margin-left: 15px;
font-size: 0;
transition: opacity .2s;
display: inline-block;
}
.share-social:hover {
opacity: 1;
}
.share-social-row {
align-items: center;
display: flex;
}
.form-label {
color: var(--dark-grey);
text-transform: uppercase;
font-family: Space Mono, sans-serif;
font-size: 10px;
font-weight: 400;
}
.form-label.inner-label {
z-index: 1;
justify-content: center;
align-items: flex-end;
margin-top: 10px;
margin-left: 16px;
font-family: Red Hat Display, sans-serif;
display: flex;
position: absolute;
inset: 0% auto auto 0%;
}
.form-label.grey {
color: var(--light-grey);
}
.form-input-group {
margin-bottom: 20px;
}
.form-input-group.inner-label {
position: relative;
}
.text-area {
border: 1px solid var(--white);
color: var(--background);
min-width: 100%;
max-width: 100%;
min-height: 106px;
max-height: 159px;
padding: 12px 16px;
font-size: 16px;
}
.text-area:focus {
border-color: var(--dark-grey);
}
.text-area::placeholder {
color: var(--light-grey);
}
.text-area.light {
background-color: var(--light);
min-height: 159px;
}
.text-area.light:active, .text-area.light:focus {
border-color: var(--background);
background-color: var(--white);
}
.text-area.inner-label {
min-height: 159px;
padding-top: 34px;
}
.text-area.inner-label.light {
border-radius: 30px;
min-height: 120px;
max-height: 120px;
}
.utility-page-wrap {
justify-content: center;
align-items: center;
width: 100vw;
max-width: 100%;
height: auto;
max-height: 100%;
padding: 40px 20px 100px;
display: flex;
}
.utility-page-wrap.password {
min-height: 100vh;
padding-top: 60px;
padding-bottom: 60px;
}
.utility-page-content {
text-align: center;
flex-direction: column;
align-items: center;
width: 500px;
display: flex;
}
.utility-page-form {
background-color: var(--alternate-bg);
text-align: left;
flex-direction: column;
align-items: stretch;
width: 100%;
margin-bottom: 40px;
padding: 40px;
display: flex;
}
.search-submit {
background-color: #0000;
background-image: url("https://cdn.prod.website-files.com/64abeb15d57b0003e4e87008/64abeb15d57b0003e4e8728b_search-small.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: 30px;
width: 43px;
height: 43px;
transition: background-color .2s;
position: absolute;
inset: 5px 5px auto auto;
}
.search-submit:hover {
background-color: var(--white);
}
.case-header-img {
margin-top: -25%;
margin-bottom: 0;
margin-left: 60px;
}
.case-studies-header {
padding-top: 140px;
padding-bottom: 0;
position: relative;
overflow: hidden;
}
.case-studies-header-content {
z-index: 1;
position: relative;
}
.case-studies-header-bg {
background-color: #ffffff08;
margin-left: 260px;
position: absolute;
inset: 0% 0% 0% 50%;
}
.case-logo {
background-color: var(--background);
margin-bottom: 15px;
}
.relative {
z-index: 1;
position: relative;
}
.relative.case {
width: 450px;
height: 350px;
}
.case-item-logo {
background-color: var(--white);
border: 1px solid #e7e7e7;
margin-bottom: 20px;
padding: 15px;
}
.case-data {
color: var(--dark-grey);
background-image: url("https://cdn.prod.website-files.com/64abeb15d57b0003e4e87008/64abeb15d57b0003e4e87262_right-small%20(3).svg");
background-position: -2% 0;
background-repeat: no-repeat;
background-size: 29px;
margin-bottom: 10px;
padding-left: 24px;
}
.case-data.last {
margin-bottom: 10px;
}
.customer-story-item {
background-color: var(--white);
color: var(--light);
border: 1px solid #e7e7e7;
margin-bottom: 20px;
padding: 10px;
transition: border-color .2s;
display: block;
position: relative;
}
.customer-story-item:hover {
border-color: var(--background);
}
.customer-story-item-content-wrap {
background-image: linear-gradient(#12121233, #121212b3);
flex-direction: row;
align-items: flex-end;
margin: 10px;
padding: 30px;
display: flex;
position: absolute;
inset: 0%;
overflow: hidden;
}
.customer-story-item-logo {
margin-bottom: 30px;
}
.customer-story-item-text {
height: 51px;
overflow: hidden;
}
.contact-tabs-menu {
margin-bottom: 20px;
margin-left: 220px;
margin-right: -10px;
padding-left: 220px;
}
.contact-tabs-menu.contact {
margin-left: 0;
margin-right: 0;
padding-left: 0;
display: flex;
}
.contact-tabs-menu.contact.ml-00 {
flex-flow: column;
justify-content: center;
align-items: center;
margin-left: 0;
padding-left: 0;
display: block;
}
.contact-tabs-link {
background-color: var(--white);
color: var(--light-grey);
text-align: center;
text-transform: uppercase;
flex-flow: column;
flex: 1;
justify-content: center;
align-items: center;
min-width: 140px;
margin-left: 10px;
margin-right: 10px;
padding: 20px 30px;
font-size: 14px;
font-weight: 500;
transition: color .2s, background-color .2s;
display: flex;
}
.contact-tabs-link:hover {
color: var(--background);
text-decoration: none;
}
.contact-tabs-link.w--current {
background-color: var(--primary);
color: var(--white);
flex-flow: column;
min-width: auto;
margin-left: 0;
margin-right: 0;
display: flex;
}
.contact-right-inner {
background-color: var(--white);
margin-bottom: 20px;
padding: 10px 30px 0;
overflow: hidden;
}
.map-link {
color: var(--primary-dark);
background-image: url("https://cdn.prod.website-files.com/64abeb15d57b0003e4e87008/64abeb15d57b0003e4e872a2_pin-alt.svg");
background-position: 0%;
background-repeat: no-repeat;
background-size: 16px;
padding-left: 20px;
font-size: 14px;
font-weight: 500;
transition: color .2s;
}
.map-link:hover {
color: var(--background);
text-decoration: none;
}
.office-img {
max-width: 150%;
margin-top: -20px;
margin-bottom: -30px;
margin-left: 5px;
}
.contact-right {
padding-top: 0;
padding-bottom: 20px;
padding-left: 60px;
}
.checkbox-light {
border-style: solid;
border-color: var(--background);
background-color: var(--white);
border-radius: 0;
width: 16px;
height: 16px;
margin-top: 1px;
margin-left: -26px;
}
.checkbox-light.w--redirected-checked {
border-color: var(--background);
background-color: var(--background);
background-image: url("https://cdn.prod.website-files.com/64abeb15d57b0003e4e87008/64abeb15d57b0003e4e871bf_tick-small-white.svg");
background-size: 20px;
}
.checkbox-light.w--redirected-focus {
box-shadow: none;
}
.checkbox-light.medium {
margin-top: 3px;
}
.download-logo {
background-color: var(--background);
border-radius: 50%;
justify-content: center;
align-items: center;
width: 100px;
height: 100px;
margin-bottom: 40px;
margin-left: auto;
margin-right: auto;
display: flex;
position: relative;
}
.download-platform {
border: 2px solid var(--light);
background-color: var(--dark-grey);
color: var(--white);
border-radius: 50%;
justify-content: center;
align-items: center;
width: 36px;
height: 36px;
margin-bottom: -2px;
margin-right: -6px;
font-size: 14px;
font-weight: 700;
display: flex;
position: absolute;
inset: auto 0% 0% auto;
}
.download-apple-icon {
margin-top: -2px;
}
.download-tabs-menu {
background-color: #0000;
margin-top: 5px;
padding: 10px;
display: inline-block;
}
.download-tabs-menu-link {
color: var(--light-grey);
text-align: center;
background-color: #0000;
padding-left: 20px;
padding-right: 20px;
font-size: 12px;
font-weight: 500;
}
.download-tabs-menu-link:hover {
color: var(--background);
text-decoration: none;
}
.download-tabs-menu-link.w--current {
background-color: var(--white);
color: var(--background);
}
.download-mobile-btn-container {
padding-top: 5px;
padding-bottom: 5px;
}
.blog-featured {
width: 800px;
height: 500px;
position: relative;
}
.blog-featured-image-container {
z-index: 2;
width: 65%;
height: 100%;
display: none;
position: absolute;
inset: 0% auto auto 0%;
overflow: hidden;
}
.blog-featured-image-container.first-active {
width: auto;
max-width: 750px;
height: auto;
max-height: 450px;
margin-bottom: 80px;
display: block;
}
.blog-featured-content {
opacity: .5;
width: 30%;
margin-left: 70%;
padding-top: 20px;
text-decoration: none;
}
.blog-featured-content:hover {
text-decoration: none;
}
.blog-featured-content.first-active {
opacity: 1;
vertical-align: middle;
cursor: pointer;
width: auto;
height: 222.754px;
margin-top: 75px;
}
.blog-featured-image {
object-fit: fill;
width: auto;
max-width: 100%;
height: auto;
max-height: 90%;
transition: transform .2s;
display: inline-block;
}
.blog-featured-image:hover {
transform: scale(1.05);
}
.blog-featured-image.forced {
height: 500px;
}
.blog-post-info {
letter-spacing: 0;
margin-top: 5px;
margin-bottom: 5px;
font-family: Space Mono, sans-serif;
font-size: 12px;
display: flex;
}
.blog-featured-info-text {
height: 54px;
margin-bottom: 10px;
overflow: hidden;
}
.blog-featured-content-divider {
background-color: #e7e7e7;
width: 100%;
height: 1px;
margin-top: 20px;
}
.blog-featured-content-divider.first-active {
background-color: var(--background);
margin-bottom: 10px;
padding-bottom: 0;
}
.blog-main {
margin-bottom: 40px;
}
.blog-nav-link {
color: var(--grey);
background-color: #0000;
border-top: 1px solid #0000;
border-bottom: 1.5px solid #0000;
justify-content: center;
align-items: center;
min-height: 53px;
margin-bottom: -1.5px;
padding: 0 20px;
font-size: 16px;
display: flex;
}
.blog-nav-link:hover {
color: var(--background);
text-decoration: none;
}
.blog-nav-link.w--current {
border-bottom-color: var(--primary-dark);
color: var(--primary-dark);
background-color: #0000;
}
.blog-nav {
border-bottom: 1.5px solid #e7e7e7;
align-items: center;
margin-bottom: 40px;
display: flex;
}
.blog-post {
width: auto;
height: 396.758px;
margin-bottom: 40px;
margin-left: 10px;
margin-right: 10px;
display: block;
}
.blog-post:hover {
text-decoration: none;
}
.blog-post.list {
margin-bottom: 20px;
}
.blog-post.short {
height: 379px;
}
.blog-post.short.thin {
width: 214.349px;
}
.blog-post-image-container {
margin-bottom: 15px;
overflow: hidden;
}
.blog-posts-wrapper {
flex-flow: wrap;
justify-content: flex-start;
align-items: center;
margin-left: -10px;
margin-right: -10px;
display: flex;
}
.blog-posts-list {
flex-wrap: wrap;
display: flex;
}
.blog-posts-list.thin {
width: 703.125px;
}
.blog-post-item {
grid-column-gap: 16px;
grid-row-gap: 16px;
aspect-ratio: auto;
border: .5px none var(--grey);
outline-offset: 0px;
object-fit: fill;
border-radius: 0;
outline: 3px #fff;
flex: 0 auto;
order: 1;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-self: stretch;
width: 33.33%;
height: 397px;
margin: 10px;
padding-left: 0;
padding-right: 0;
display: block;
overflow: visible;
box-shadow: 0 4px 5px -11px #0003;
}
.blog-post-item.list {
padding-right: 10px;
}
.blog-post-item.short {
height: 360px;
}
.blog-post-item.short.blog-post-link.thin {
width: 30%;
}
.blog-post-item.short.blog-post-link.thin.height-change {
background-color: var(--white-smoke);
width: 38%;
height: 380px;
}
.blog-post-image {
border: 2px solid var(--grey);
margin-top: 10px;
}
.blog-main-left {
padding-right: 30px;
}
.blog-nav-search {
margin-bottom: 39px;
}
.blog-nav-search.primary {
display: none;
}
.blog-action {
border: 1px solid var(--background);
background-color: var(--white);
color: var(--dark-grey);
margin-bottom: 20px;
padding: 20px;
transition: color .2s, border-color .2s, background-color .2s;
display: block;
}
.blog-action:hover {
border-color: var(--background);
background-color: var(--white);
color: var(--primary-dark);
text-decoration: none;
}
.blog-action-content {
background-color: var(--light);
border-top: 1px solid #000;
margin-bottom: -20px;
margin-left: -20px;
margin-right: -20px;
padding: 20px;
}
.blog-post-main-img {
background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
height: 0;
margin-bottom: 60px;
padding-top: 27%;
padding-left: 0;
}
.blog-post-author {
align-items: center;
display: flex;
}
.blog-post-author-photo {
margin-right: 20px;
}
.blog-post-date {
border-top: 1px #e7e7e7;
border-bottom: 1px solid #e7e7e7;
justify-content: space-between;
align-items: center;
margin-top: 10px;
margin-bottom: 10px;
padding-bottom: 0;
display: flex;
}
.blog-social {
background-color: var(--divider-color);
border-radius: 50%;
margin-left: 10px;
margin-right: 10px;
padding: 10px;
font-size: 0;
transition: background-color .2s;
}
.blog-social:hover {
background-color: var(--primary-dark);
}
.blog-socials {
align-items: center;
margin-left: -10px;
margin-right: -10px;
display: flex;
}
.blog-socials-text {
margin-left: 10px;
margin-right: 10px;
}
.blog-post-share {
justify-content: space-between;
align-items: center;
margin-top: 40px;
display: flex;
}
.blog-post-body {
margin-top: 100px;
margin-bottom: 100px;
}
.blog-post-body.rich-black {
text-align: justify;
letter-spacing: .2px;
margin-top: 40px;
margin-bottom: 10px;
font-weight: 400;
}
.help-center-item {
text-align: center;
padding: 30px;
}
.help-center-item-link {
border: 1px solid var(--alternate-bg);
background-color: var(--light);
height: 100%;
transition: transform .2s, box-shadow .2s;
display: block;
position: relative;
}
.help-center-item-link:hover {
box-shadow: none;
text-decoration: none;
transform: translate(-5px, -5px);
}
.help-center-item-link.works {
height: 290px;
}
.help-center-category-header {
text-align: left;
align-items: center;
margin-bottom: 60px;
display: flex;
}
.help-center-category-header-icon {
flex: none;
margin-right: 40px;
}
.help-center-article {
background-color: var(--white);
color: var(--background);
border: 1px solid #e7e7e7;
margin-top: -1px;
padding: 30px;
transition: background-color .2s, color .2s;
display: block;
}
.help-center-article:hover {
color: var(--primary-dark);
background-color: #fcfcfc;
text-decoration: none;
}
.help-center-article-author {
align-items: center;
margin-top: 20px;
display: flex;
}
.rate-article {
background-color: var(--white);
text-align: center;
padding: 30px;
}
.rate-article-face {
border: 2px solid var(--white);
background-color: var(--white);
border-radius: 50%;
margin: 10px;
font-size: 0;
transition: transform .2s;
box-shadow: 0 3px 10px #d6d6d6;
}
.rate-article-face:hover {
transform: scale(1.1);
}
.article-nav {
padding-right: 40px;
position: sticky;
top: 100px;
}
.article-nav-link {
color: var(--dark-grey);
letter-spacing: 0;
margin-bottom: 5px;
font-size: 14px;
transition: font-size .2s;
display: inline-block;
}
.article-nav-link:hover {
color: var(--primary-dark);
text-decoration: none;
}
.article-nav-link.w--current {
color: var(--primary-dark);
}
.policy-section {
margin-bottom: 140px;
}
.policy-nav-link {
color: var(--background);
border-left: 1.5px solid #e7e7e7;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 30px;
font-size: 16px;
font-weight: 500;
display: block;
}
.policy-nav-link:hover {
text-decoration: none;
}
.policy-nav-link.w--current {
border-left-color: var(--primary-dark);
color: var(--primary-dark);
}
.policy-nav {
margin-right: 40px;
position: sticky;
top: 100px;
}
.signup-section {
min-height: 100vh;
}
.signup-row {
min-height: 100vh;
display: flex;
}
.signup-col-promo {
background-color: var(--alternate-bg);
justify-content: center;
align-items: center;
width: 60%;
height: 100%;
padding: 40px;
display: flex;
position: fixed;
inset: 0% 0% auto auto;
overflow: auto;
}
.signup-col-form {
background-color: var(--light);
color: var(--light);
justify-content: center;
align-items: stretch;
width: 40%;
padding: 40px;
display: flex;
}
.signup-col-form-container {
flex-direction: column;
width: 100%;
max-width: 360px;
margin-left: auto;
margin-right: auto;
padding-bottom: 60px;
display: flex;
}
.form-logo {
margin-bottom: 20px;
}
.google-signup {
background-color: var(--white);
color: var(--grey);
border: 1px solid #e7e7e7;
justify-content: center;
align-items: center;
height: 53px;
padding-left: 20px;
padding-right: 20px;
font-size: 16px;
transition: color .2s, border-color .2s;
display: flex;
}
.google-signup:hover {
border-color: var(--background);
color: var(--background);
text-decoration: none;
}
.google-signuo-logo {
margin-right: 14px;
}
.signup-col-promo-container {
text-align: center;
width: 100%;
max-width: 700px;
margin: auto;
}
.slide-nav {
transform: scale(.6);
}
.login-remember {
justify-content: space-between;
display: flex;
}
.signup-form {
margin-top: auto;
margin-bottom: auto;
}
.nav-link-icon {
margin-right: 12px;
padding-top: 2px;
font-size: 12px;
}
.nav-dropdown {
border-bottom: 1px solid var(--dark-grey);
background-color: var(--background);
margin-top: 0;
position: fixed;
top: 70px;
bottom: auto;
right: 0%;
overflow: hidden;
}
.nav-dropdown.w--open {
z-index: -2;
border-left: 1px solid var(--dark-grey);
background-color: var(--white);
width: auto;
margin-top: 1px;
position: fixed;
}
.nav-dropdown-link-icon {
flex: none;
margin-top: 5px;
margin-right: 14px;
}
.nav-link-block {
color: var(--white);
background-color: #0000;
border: 1px #000;
align-items: flex-start;
width: auto;
min-width: 270px;
height: auto;
min-height: 124px;
margin-left: -14px;
padding: 14px;
transition: border-color .2s, background-color .2s;
display: flex;
}
.nav-link-block:hover {
background-color: var(--light);
text-decoration: none;
}
.nav-link-block.w--current {
width: auto;
}
.nav-link-block.blog {
align-items: center;
}
.nav-link-block.light-block {
border: 1px solid var(--divider-color);
color: var(--primary);
background-color: #ffffff08;
align-items: flex-start;
margin-bottom: 0;
margin-left: 0;
margin-right: 20px;
padding: 20px;
transition: border-color .2s, background-color .2s;
}
.nav-link-block.light-block:hover {
border-color: var(--grey);
background-color: var(--light);
text-decoration: none;
}
.nav-link-block.simple {
margin-left: 0;
padding: 7px 0;
}
.nav-link-block.simple:hover {
color: var(--secondary);
background-color: #0000;
}
.nav-dropdown-right {
padding-top: 60px;
padding-bottom: 60px;
padding-left: 40px;
}
.nav-dropdown-right-bg {
border-left: 1px solid var(--dark-grey);
text-align: justify;
background-color: #ffffff08;
align-items: flex-start;
width: 2000px;
display: flex;
position: absolute;
inset: 0% auto 0% 0%;
}
.nav-dropdown-right-content {
min-width: auto;
margin-right: -14px;
position: relative;
}
.nav-dropdown-left {
padding-top: 60px;
padding-bottom: 30px;
padding-right: 10px;
}
.nav-dropdown-section-divider {
border-right: 1px none var(--dark-grey);
width: auto;
min-width: 610px;
height: auto;
margin-right: 40px;
padding-right: 20px;
}
.nav-dropdown-link {
vertical-align: baseline;
flex-flow: row;
align-items: stretch;
height: 60px;
display: inline-flex;
}
.nav-blog-title {
max-height: 26px;
overflow: hidden;
}
.nav-blog-content {
max-height: 48px;
overflow: hidden;
}
.nav-blog-img {
margin-right: 14px;
}
.nav-item-flex-title {
align-items: center;
margin-bottom: 5px;
display: flex;
}
.nav-link-block-icon {
margin-right: 14px;
}
.mob-menu-button {
margin-top: 10px;
padding-top: 10px;
padding-bottom: 40px;
padding-left: 40px;
}
.nav-actions-container {
justify-content: flex-end;
align-items: center;
margin-top: 20px;
padding-top: 20px;
display: flex;
}
.nav-actions-container.nav {
flex-flow: wrap;
justify-content: flex-end;
align-items: center;
margin-top: 0;
margin-bottom: 0;
padding-top: 0;
}
.footer-col-left {
flex-flow: column;
justify-content: center;
align-items: center;
display: block;
position: relative;
left: auto;
right: auto;
}
.footer-col-left.p-align {
flex-flow: column;
flex: 0 auto;
order: 0;
justify-content: center;
align-self: flex-start;
align-items: center;
padding-right: 10px;
display: flex;
position: relative;
left: -30px;
right: auto;
}
.footer-bottom-right {
text-align: right;
font-size: 0;
}
.footer-bottom-right-container {
margin-left: -10px;
margin-right: -10px;
}
.body-full-height {
padding-top: 0;
}
.license-video {
z-index: 2;
width: 100%;
height: 0;
padding-top: 50%;
}
.home-header {
background-color: var(--background);
background-image: url("https://cdn.prod.website-files.com/64abeb15d57b0003e4e87008/64abeb15d57b0003e4e870e4_saas-bg-left.svg");
background-repeat: no-repeat;
background-size: 25%;
align-items: center;
min-height: 100vh;
padding-top: 100px;
padding-bottom: 100px;
display: flex;
position: relative;
}
.home-right {
z-index: 2;
background-color: var(--dark-grey);
background-image: linear-gradient(#ffffff03, #ffffff03), url("https://cdn.prod.website-files.com/64abeb15d57b0003e4e87008/64abeb15d57b0003e4e872bf_home-right.jpeg");
background-position: 0 0, 50%;
background-size: auto, cover;
width: 50%;
height: 100%;
position: absolute;
inset: 0% 0 0% auto;
}
.home-left {
width: 50%;
padding-right: 60px;
}
.more-templates {
background-color: var(--alternate-bg);
object-fit: cover;
width: 53%;
height: 100%;
margin-left: 50%;
position: absolute;
inset: 0% auto auto 0%;
}
.ex-img {
outline-color: var(--dark-grey);
outline-offset: -1px;
outline-width: 1px;
outline-style: solid;
width: 100%;
margin-bottom: 20px;
}
.ex-section {
margin-bottom: 140px;
}
.ex-section.last {
margin-bottom: 60px;
}
.cookie-banner {
z-index: 1000;
border: 1px solid var(--grey);
background-color: var(--background);
max-width: 320px;
padding: 20px;
position: fixed;
bottom: 20px;
left: 20px;
}
.cookie-banner.banner {
z-index: 100;
}
.cookie-banner-header {
padding-right: 20px;
}
.cookie-banner-close {
border-bottom: 1px solid var(--grey);
border-left: 1px solid var(--grey);
cursor: pointer;
background-image: url("https://cdn.prod.website-files.com/64abeb15d57b0003e4e87008/64abeb15d57b0003e4e871f7_x-small.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: 20px;
width: 30px;
height: 30px;
transition: background-color .2s;
position: absolute;
inset: 0% 0% auto auto;
}
.cookie-banner-close:hover {
background-color: var(--alternate-bg);
}
.announcement-banner {
background-color: var(--primary);
padding-top: 12px;
padding-bottom: 12px;
}
.announcement-banner.banner {
padding-top: 8px;
padding-bottom: 10px;
}
.announcement-content {
justify-content: space-between;
display: flex;
}
.announcement-content-left {
align-items: flex-start;
display: flex;
}
.announcement-content-close {
cursor: pointer;
background-image: url("https://cdn.prod.website-files.com/64abeb15d57b0003e4e87008/64abeb15d57b0003e4e87244_x-small%20(1).svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: 30px;
width: 30px;
height: 30px;
transition: background-color .2s;
}
.announcement-content-close:hover {
background-color: var(--white);
}
.announcement-content-close.banner-close {
background-size: 26px;
flex: none;
width: 24px;
height: 24px;
margin-left: 10px;
}
.announcement-content-close.banner-close:hover {
background-color: var(--secondary);
}
.image {
color: var(--secondary);
cursor: pointer;
padding-top: 0;
display: block;
}
.body {
background-color: var(--background);
}
.text-block {
color: var(--background);
text-align: left;
font-size: 15px;
}
.text-block.center {
font-size: 20px;
}
.heading {
color: var(--background);
font-size: 40px;
}
.heading-2 {
color: var(--background);
font-size: 35px;
font-weight: 700;
}
.lightbg {
pointer-events: auto;
color: var(--background);
text-align: left;
cursor: pointer;
padding-top: 0;
font-size: 25px;
font-weight: 500;
}
.lightbg.bold-text-53 {
text-align: center;
font-weight: 500;
}
.lightbg.bold-text-53.left-align.center {
text-align: left;
}
.lightbg.center {
text-align: left;
flex-flow: column;
flex: 0 auto;
justify-content: space-between;
align-items: center;
font-size: 25px;
display: block;
}
.lightbg.center.c1 {
text-align: center;
}
.lightbg.center.text-small {
font-size: 20px;
}
.h3whitebg {
color: var(--background);
font-size: 45px;
}
.image-2 {
margin-top: 0;
padding-top: 0;
display: block;
}
.image-3, .image-4, .image-5, .image-6 {
margin-top: 15px;
}
.image-7, .image-8, .image-9, .image-10 {
max-width: 55%;
}
.image-11 {
filter: brightness(200%);
transition: opacity .2s;
}
.image-12, .image-13 {
filter: contrast(200%);
transition: opacity .2s;
}
.image-14, .image-15, .image-16 {
transition: opacity .2s;
}
.heading-3 {
text-align: left;
padding-top: 10px;
font-size: 35px;
}
.heading-4 {
font-size: 35px;
}
.heading-5 {
color: var(--background);
text-align: center;
margin-bottom: 0;
padding-top: 0;
padding-bottom: 0;
font-size: 30px;
font-weight: 700;
position: relative;
bottom: 160px;
left: 60px;
}
.link-block {
border: 1px none var(--secondary);
background-color: var(--divider-color);
border-radius: 12px;
margin-bottom: 0;
padding-bottom: 10px;
text-decoration: none;
}
.link-block:hover {
text-decoration: none;
}
.text-block-4 {
color: var(--primary);
font-weight: 500;
}
.bold-text, .bold-text-2, .bold-text-3, .bold-text-4 {
color: var(--dark-grey);
}
.text-block-5 {
color: var(--dark-grey);
font-weight: 700;
}
.text-block-6 {
color: var(--dark-grey);
}
.bold-text-5 {
color: var(--primary);
font-family: Open Sans, sans-serif;
font-size: 20px;
font-weight: 800;
line-height: 1.6px;
}
.youtube {
width: auto;
margin-left: -20px;
}
.image-17, .image-18 {
margin-bottom: 20px;
padding-bottom: 0;
}
.bold-text-6, .bold-text-7 {
text-align: center;
}
.text-block-7 {
color: var(--background);
font-size: 35px;
font-weight: 500;
}
.text-block-8 {
color: var(--background);
padding-top: 20px;
font-size: 35px;
font-weight: 500;
}
.text-block-8.text-primary-dark-copy {
color: var(--background);
}
.text-block-8.text-secondary {
padding-top: 10px;
font-size: 30px;
font-weight: 700;
line-height: 1.1;
}
.text-block-9 {
color: var(--background);
text-align: center;
font-size: 40px;
font-weight: 500;
line-height: 1.2;
}
.text-block-9.text-secondary {
color: var(--primary);
}
.image-19 {
text-align: center;
margin-bottom: -60px;
margin-left: 0;
padding-left: 0;
}
.bold-text-8 {
text-align: left;
}
.text-block-10 {
color: var(--background);
text-align: left;
font-size: 35px;
font-weight: 700;
}
.bold-text-9 {
text-align: left;
}
.text-block-11 {
color: var(--background);
text-align: left;
letter-spacing: .2px;
margin-bottom: 10px;
font-size: 45px;
font-weight: 700;
line-height: 1.2;
}
.text-block-11.center {
text-align: center;
}
.text-block-12 {
color: var(--background);
text-align: center;
margin-bottom: 10px;
font-size: 30px;
font-weight: 700;
line-height: 1.1;
}
.text-block-12.pim {
text-align: center;
margin-bottom: 20px;
font-size: 35px;
font-weight: 500;
}
.video-2 {
aspect-ratio: auto;
align-items: center;
width: 100%;
max-width: none;
height: 7%;
max-height: 400px;
line-height: 1.2px;
display: flex;
}
.text-block-13 {
color: var(--background);
font-size: 40px;
font-weight: 700;
}
.column {
text-align: justify;
}
.heading-6 {
color: var(--background);
}
.heading-7 {
font-size: 42px;
}
.heading-8 {
color: var(--background);
font-size: 45px;
}
.heading-9, .heading-10 {
color: var(--background);
font-size: 35px;
}
.text-block-14, .text-block-15, .text-block-16 {
color: var(--background);
}
.heading-11 {
color: var(--background);
text-align: center;
font-size: 30px;
font-weight: 500;
}
.heading-11.center {
text-align: center;
}
.heading-12 {
color: var(--background);
}
.heading-13 {
color: var(--background);
font-size: 45px;
font-weight: 500;
}
.text-block-17 {
text-align: center;
font-size: 30px;
font-weight: 700;
}
.list-item, .list-item-2 {
color: var(--background);
text-align: justify;
font-size: 18px;
list-style-type: disc;
}
.list-item-3, .list-item-4, .list-item-5 {
color: var(--background);
}
.heading-14 {
color: var(--background);
font-size: 35px;
}
.bold-text-10 {
font-size: 15px;
}
.text-block-18, .heading-15, .heading-16, .heading-17 {
color: var(--background);
}
.bold-text-11 {
text-align: left;
font-size: 20px;
font-weight: 500;
}
.bold-text-12, .bold-text-13 {
font-size: 20px;
font-weight: 500;
}
.bold-text-14, .bold-text-15 {
font-size: 25px;
}
.heading-18 {
color: var(--background);
border: 1px #000;
padding-top: 10px;
font-size: 35px;
font-weight: 700;
}
.heading-18:hover {
border: 0px none var(--divider-color);
}
.list {
list-style-type: disc;
}
.heading-19 {
color: var(--background);
text-align: center;
font-size: 30px;
}
.tabs {
padding-left: 0;
}
.bold-text-16 {
text-align: left;
}
.text-block-19 {
text-align: justify;
}
.bold-text-17 {
text-align: left;
}
.bold-text-18 {
font-size: 20px;
font-weight: 400;
}
.heading-20 {
color: var(--background);
font-size: 35px;
}
.heading-21, .heading-22 {
color: var(--background);
font-size: 40px;
}
.bold-text-19 {
font-size: 25px;
font-weight: 500;
}
.bold-text-20 {
text-align: left;
font-size: 25px;
font-weight: 500;
display: block;
}
.bold-text-21 {
font-weight: 500;
}
.bold-text-22 {
font-size: 25px;
font-weight: 500;
}
.bold-text-23 {
font-weight: 500;
}
.heading-23 {
color: var(--background);
font-size: 40px;
}
.text-block-20, .text-block-21, .text-block-22, .text-block-23 {
color: var(--background);
}
.heading-24 {
color: var(--background);
overflow-wrap: normal;
font-size: 45px;
text-decoration: none;
}
.heading-24.pim {
color: var(--primary);
align-self: center;
font-size: 40px;
font-weight: 700;
}
.heading-24.pim1 {
font-size: 20px;
}
.heading-25 {
color: var(--background);
font-size: 35px;
font-weight: 700;
}
.heading-26 {
color: var(--background);
text-align: left;
margin-bottom: 0;
padding-top: 10px;
padding-bottom: 10px;
font-size: 35px;
font-weight: 700;
line-height: 1.1;
}
.heading-26.pim {
text-align: center;
}
.heading-26.center, .heading-26.left-align {
text-align: left;
}
.heading-27 {
color: var(--background);
font-size: 40px;
}
.heading-28 {
color: var(--background);
font-size: 45px;
}
.bold-text-24 {
text-align: left;
}
.bold-text-25 {
text-align: justify;
}
.heading-29, .heading-30 {
color: var(--background);
font-size: 40px;
}
.heading-31 {
color: var(--background);
font-size: 35px;
font-weight: 500;
}
.heading-32 {
color: var(--background);
font-size: 45px;
font-weight: 700;
}
.heading-33 {
color: var(--background);
font-size: 40px;
}
.heading-34 {
color: var(--background);
}
.heading-35 {
color: var(--background);
font-size: 40px;
}
.heading-36 {
color: var(--background);
font-size: 45px;
}
.heading-37 {
color: var(--background);
font-size: 40px;
}
.heading-38 {
color: var(--background);
font-weight: 700;
}
.heading-39, .heading-40 {
color: var(--background);
}
.heading-41, .heading-42 {
color: var(--background);
font-size: 45px;
}
.heading-43 {
color: var(--background);
padding-top: 20px;
font-size: 35px;
font-weight: 700;
}
.bold-text-26 {
text-align: left;
font-size: 15px;
}
.text-block-24 {
color: var(--primary);
font-size: 18px;
font-weight: 500;
}
.bold-text-27 {
font-size: 25px;
font-weight: 500;
}
.bold-text-28, .bold-text-29, .bold-text-30, .bold-text-31, .bold-text-32 {
font-weight: 500;
}
.bold-text-33 {
text-align: center;
}
.bold-text-34, .bold-text-35, .bold-text-36, .bold-text-37, .bold-text-38, .bold-text-39, .bold-text-40, .bold-text-41, .bold-text-42 {
font-weight: 500;
}
.heading-44 {
color: var(--background);
text-align: left;
font-size: 35px;
line-height: 1.1;
}
.bold-text-43 {
font-size: 25px;
font-weight: 500;
line-height: 1.1;
}
.heading-45 {
color: var(--background);
text-align: left;
font-size: 25px;
}
.bold-text-44 {
font-size: 25px;
font-weight: 500;
}
.bold-text-45 {
font-size: 30px;
font-weight: 500;
}
.bold-text-46, .bold-text-47 {
font-size: 25px;
font-weight: 500;
}
.bold-text-48, .bold-text-49, .bold-text-50 {
font-size: 30px;
font-weight: 500;
}
.heading-46 {
color: var(--background);
}
.heading-47 {
color: var(--background);
text-align: left;
font-size: 25px;
font-weight: 500;
}
.column-2 {
margin-top: 10px;
padding-left: 30px;
}
.column-3 {
margin-top: 20px;
padding-left: 30px;
}
.column-4, .column-5 {
margin-top: 30px;
padding-left: 20px;
}
.column-5.shopify {
margin-top: 60px;
}
.column-6 {
margin-top: 0;
padding-left: 100px;
}
.heading-48 {
color: var(--background);
font-size: 25px;
}
.heading-49 {
color: var(--background);
}
.heading-50 {
color: var(--white);
font-size: 25px;
font-weight: 500;
}
.div-block {
color: var(--background);
}
.heading-51 {
color: var(--background);
font-size: 40px;
}
.heading-52 {
font-size: 25px;
}
.heading-53 {
color: var(--background);
font-size: 25px;
}
.image-20, .image-21, .image-22 {
display: block;
}
.mb-40-copy {
text-align: left;
margin-bottom: 20px;
padding-right: 0;
font-size: 30px;
display: inline-block;
}
.image-23, .image-24 {
display: block;
}
.heading-54, .heading-55, .heading-56, .heading-57 {
color: var(--background);
}
.heading-58 {
color: var(--secondary);
font-weight: 700;
}
.text-block-25 {
color: var(--secondary);
font-family: Space Mono, sans-serif;
font-size: 18px;
}
.text-block-26 {
color: var(--background);
font-size: 25px;
font-weight: 700;
}
.heading-59 {
color: var(--background);
font-size: 25px;
font-weight: 500;
}
.heading-59.works {
font-size: 40px;
font-weight: 700;
line-height: 1.5;
}
.heading-60 {
color: var(--background);
font-size: 30px;
}
.heading-61 {
color: var(--background);
font-size: 35px;
}
.paragraph {
color: var(--background);
text-align: left;
font-size: 18px;
}
.heading-62, .heading-63, .heading-64, .heading-65 {
font-size: 25px;
}
.heading-66, .heading-67 {
color: var(--background);
font-size: 25px;
}
.text-block-27 {
color: var(--background);
font-size: 35px;
font-weight: 500;
}
.heading-68 {
color: var(--background);
font-size: 35px;
}
.text-block-28 {
color: var(--background);
font-size: 25px;
font-weight: 500;
line-height: 1.1;
}
.heading-69 {
color: var(--background);
font-size: 35px;
}
.bold-text-51 {
text-align: center;
}
.text-block-29, .heading-70 {
color: var(--background);
font-size: 35px;
}
.text-block-30 {
color: var(--secondary);
font-family: Space Mono, sans-serif;
font-size: 18px;
line-height: 1;
}
.text-block-31, .heading-71 {
color: var(--background);
font-size: 35px;
}
.heading-72, .heading-73 {
color: var(--background);
}
.heading-74 {
color: var(--background);
text-align: left;
font-size: 25px;
}
.text-block-32, .heading-75 {
color: var(--background);
font-size: 35px;
}
.list-item-6, .list-item-7 {
color: var(--background);
text-align: justify;
font-size: 18px;
}
.text-block-33, .heading-76 {
color: var(--background);
font-size: 35px;
}
.heading-77 {
color: var(--background);
text-align: center;
font-size: 30px;
}
.bold-text-52 {
font-size: 30px;
font-weight: 700;
}
.bold-text-53 {
font-size: 25px;
font-weight: 500;
line-height: 1.1;
}
.bold-text-54, .bold-text-55, .bold-text-56, .bold-text-57, .bold-text-58, .bold-text-59 {
font-weight: 500;
}
.text-block-34, .heading-78 {
color: var(--background);
font-size: 35px;
}
.list-item-8 {
color: var(--background);
font-size: 18px;
}
.list-item-9, .list-item-10, .list-item-11, .list-item-12 {
color: var(--background);
}
.heading-79 {
color: var(--background);
font-size: 25px;
}
.text-block-35, .heading-80 {
color: var(--background);
font-size: 35px;
}
.list-item-13, .list-item-14, .list-item-15 {
color: var(--background);
text-align: justify;
}
.text-block-36, .heading-81 {
color: var(--background);
font-size: 35px;
}
.list-item-16 {
color: var(--background);
text-align: justify;
list-style-type: disc;
}
.bold-text-60 {
color: var(--white);
text-align: left;
}
.bold-text-61 {
color: var(--white);
text-align: left;
line-height: 1.1;
}
.heading-82 {
color: var(--background);
font-size: 25px;
}
.text-block-37, .heading-83 {
color: var(--background);
font-size: 35px;
}
.heading-84 {
color: var(--background);
font-size: 25px;
}
.heading-85, .heading-86 {
color: var(--background);
font-size: 35px;
}
.heading-87 {
color: var(--background);
font-size: 25px;
}
.heading-88 {
color: var(--background);
font-size: 35px;
}
.heading-89, .heading-90 {
color: var(--background);
font-size: 25px;
}
.heading-91 {
color: var(--background);
font-size: 35px;
}
.div-block-2 {
color: var(--background);
text-align: right;
margin-top: 0;
padding-top: 10px;
font-size: 40px;
font-weight: 700;
}
.heading-92 {
text-align: center;
font-size: 34.8px;
font-weight: 500;
}
.heading-93 {
color: var(--background);
margin-bottom: 0;
font-size: 25px;
}
.heading-94 {
color: var(--background);
font-size: 35px;
}
.heading-95 {
color: var(--background);
}
.heading-96 {
color: var(--background);
font-size: 40px;
}
.heading-97 {
color: var(--background);
font-size: 35px;
}
.heading-98 {
font-size: 25px;
font-weight: 500;
}
.heading-99, .heading-100, .heading-101 {
font-size: 25px;
}
.heading-102 {
color: var(--background);
font-size: 35px;
}
.list-item-17, .list-item-18, .list-item-19 {
color: var(--background);
text-align: justify;
}
.bold-text-62, .bold-text-63 {
color: var(--white);
}
.heading-103 {
color: var(--background);
font-size: 35px;
}
.bold-text-64 {
color: var(--white);
}
.heading-104 {
color: var(--background);
font-size: 35px;
}
.heading-105 {
color: var(--background);
font-size: 25px;
}
.list-item-20, .list-item-21, .list-item-22 {
color: var(--background);
text-align: justify;
}
.heading-106 {
color: var(--background);
font-size: 25px;
}
.heading-107 {
color: var(--background);
font-size: 35px;
}
.heading-108 {
color: var(--background);
font-size: 25px;
}
.heading-109 {
color: var(--background);
font-size: 35px;
}
.list-item-23, .list-item-24 {
color: var(--background);
text-align: left;
}
.heading-110 {
color: var(--background);
font-size: 35px;
}
.list-item-25, .list-item-26, .list-item-27 {
color: var(--background);
text-align: left;
}
.list-2 {
list-style-type: decimal;
}
.heading-111 {
color: var(--background);
font-size: 25px;
}
.heading-112 {
color: var(--background);
font-size: 35px;
}
.list-item-28, .list-item-29, .list-item-30 {
color: var(--background);
text-align: justify;
}
.heading-113 {
color: var(--background);
font-size: 35px;
}
.list-item-31, .list-item-32, .list-item-33 {
color: var(--background);
}
.heading-114 {
color: var(--background);
font-size: 25px;
}
.heading-115 {
color: var(--background);
font-size: 35px;
}
.heading-116 {
color: var(--background);
font-size: 25px;
}
.heading-117, .heading-118 {
color: var(--background);
font-size: 35px;
}
.heading-119 {
color: var(--background);
font-size: 30px;
font-weight: 500;
}
.heading-120 {
color: var(--background);
font-size: 25px;
}
.heading-121 {
color: var(--background);
font-size: 35px;
}
.list-item-34, .list-item-35, .list-item-36 {
color: var(--background);
}
.heading-122 {
color: var(--background);
font-size: 25px;
}
.heading-123 {
color: var(--background);
font-size: 35px;
}
.heading-124 {
color: var(--background);
}
.heading-125, .heading-126 {
color: var(--background);
font-size: 25px;
}
.heading-127 {
color: var(--background);
font-size: 35px;
}
.heading-128 {
color: var(--background);
}
.list-item-37, .list-item-38, .list-item-39 {
color: var(--background);
font-size: 18px;
}
.heading-129 {
color: var(--background);
font-size: 25px;
}
.heading-130 {
color: var(--background);
font-size: 35px;
}
.heading-131 {
color: var(--background);
font-size: 40px;
}
.heading-132 {
color: var(--background);
font-size: 25px;
}
.text-black-copy.mb-40 {
text-align: left;
}
.heading-133 {
color: var(--background);
font-size: 35px;
}
.heading-134 {
color: var(--background);
}
.heading-135 {
color: var(--background);
font-size: 40px;
}
.heading-136 {
color: var(--background);
font-size: 25px;
text-decoration: none;
}
.heading-137 {
color: var(--background);
font-size: 35px;
}
.heading-138 {
color: var(--background);
}
.heading-139 {
color: var(--background);
font-size: 40px;
}
.heading-140 {
color: var(--background);
font-size: 35px;
}
.heading-141 {
color: var(--background);
}
.heading-142 {
color: var(--background);
font-size: 40px;
}
.heading-143 {
color: var(--background);
font-size: 35px;
}
.heading-144 {
color: var(--background);
font-size: 40px;
}
.heading-145 {
color: var(--background);
font-size: 25px;
}
.heading-146 {
color: var(--background);
font-size: 35px;
}
.heading-147 {
color: var(--background);
font-size: 40px;
}
.heading-148 {
color: var(--background);
font-size: 25px;
}
.text-black-copy {
color: var(--background);
text-align: left;
padding-top: 10px;
padding-bottom: 20px;
font-family: Red Hat Display, sans-serif;
font-size: 25px;
font-weight: 500;
}
.text-black-copy.mb-20 {
color: var(--background);
text-align: justify;
margin-top: 10px;
margin-bottom: 10px;
margin-left: 0;
padding-left: 0;
font-size: 25px;
font-weight: 500;
}
.text-black-copy.mb-40 {
color: var(--background);
text-align: left;
}
.text-black-copy.mb-30 {
text-align: center;
}
.text-black-copy.mb-5 {
text-align: left;
}
.heading-149 {
color: var(--background);
font-size: 35px;
}
.heading-150 {
color: var(--background);
font-size: 40px;
}
.heading-151 {
color: var(--background);
font-size: 25px;
}
.heading-152 {
color: var(--background);
font-size: 35px;
}
.heading-153 {
color: var(--background);
font-size: 40px;
}
.heading-154 {
color: var(--background);
font-size: 25px;
}
.heading-155 {
color: var(--background);
font-size: 35px;
}
.heading-156 {
color: var(--background);
font-size: 40px;
}
.heading-157 {
color: var(--background);
font-size: 25px;
}
.heading-158 {
color: var(--background);
font-size: 35px;
}
.heading-159 {
color: var(--background);
font-size: 40px;
}
.heading-160 {
color: var(--background);
font-size: 25px;
}
.heading-161 {
color: var(--background);
font-size: 35px;
}
.heading-162 {
color: var(--background);
font-size: 40px;
}
.heading-163 {
color: var(--background);
font-size: 25px;
}
.heading-164 {
color: var(--background);
font-size: 35px;
}
.heading-165 {
color: var(--background);
font-size: 40px;
}
.heading-166 {
color: var(--background);
font-size: 25px;
}
.heading-167 {
color: var(--background);
font-size: 35px;
}
.heading-168 {
color: var(--background);
font-size: 40px;
}
.heading-169 {
color: var(--background);
font-size: 35px;
}
.heading-170 {
color: var(--background);
font-size: 40px;
}
.heading-171 {
color: var(--background);
font-size: 25px;
}
.heading-172 {
color: var(--background);
font-size: 35px;
}
.heading-173 {
color: var(--background);
font-size: 40px;
}
.heading-174 {
color: var(--background);
font-size: 35px;
}
.heading-175 {
color: var(--background);
font-size: 25px;
}
.heading-176 {
color: var(--background);
font-size: 40px;
}
.heading-177 {
color: var(--background);
font-size: 25px;
}
.heading-178 {
color: var(--background);
font-size: 35px;
}
.heading-179 {
color: var(--background);
font-size: 25px;
}
.heading-180 {
color: var(--background);
font-size: 35px;
}
.heading-181 {
color: var(--background);
font-size: 25px;
}
.heading-182 {
color: var(--background);
font-size: 35px;
}
.heading-183 {
color: var(--background);
font-size: 25px;
}
.heading-184 {
color: var(--background);
font-size: 35px;
}
.heading-185 {
color: var(--background);
padding-top: 20px;
font-size: 40px;
}
.heading-186 {
color: var(--background);
font-weight: 700;
}
.heading-187 {
color: var(--background);
font-size: 45px;
}
.heading-188 {
font-size: 25px;
}
.bold-text-65, .bold-text-66, .bold-text-67, .bold-text-68 {
color: var(--white);
}
.heading-189 {
color: var(--background);
font-size: 45px;
}
.link-block-2 {
background-color: #109210;
}
.heading-190 {
color: var(--grey);
}
.div-block-3 {
color: var(--background);
}
.bold-text-69 {
color: var(--primary);
font-weight: 500;
}
.heading-191, .heading-192, .heading-193 {
color: var(--background);
font-size: 30px;
}
.list-3 {
font-size: 18px;
}
.column-7 {
margin-bottom: 10px;
padding-bottom: 20px;
padding-right: 40px;
}
.column-7._1 {
justify-content: center;
align-items: center;
margin-top: 0;
padding-right: 0;
}
.bold-text-70 {
text-align: left;
}
.bold-text-71 {
font-size: 25px;
}
.image-25 {
text-align: left;
margin-bottom: 0;
margin-left: 0;
padding-top: 0;
padding-left: 0;
display: block;
}
.text-block-38 {
color: var(--primary);
font-size: 18px;
font-weight: 500;
}
.text-block-39 {
color: var(--primary);
}
.text-block-40 {
color: var(--primary);
font-size: 18px;
}
.text-block-41 {
color: var(--background);
text-align: justify;
}
.text-block-42 {
color: var(--background);
font-weight: 700;
}
.text-block-43 {
color: var(--primary);
font-weight: 700;
}
.heading-194 {
color: var(--background);
font-weight: 700;
line-height: 1.4;
}
.heading-194.small {
text-align: justify;
font-size: 18px;
font-weight: 500;
line-height: 1.1;
}
.image-26, .image-27 {
width: auto;
height: 500px;
}
.image-28, .image-29, .image-30, .image-31 {
height: 500px;
}
.image-32 {
cursor: pointer;
height: 500px;
}
.image-33, .image-34, .image-35, .image-36, .image-37, .image-38, .image-39, .image-40, .image-41 {
height: 500px;
}
.heading-195 {
font-size: 45px;
font-weight: 500;
}
.heading-196 {
color: var(--background);
font-size: 30px;
line-height: 1.1;
}
.heading-197 {
color: var(--background);
font-size: 30px;
}
.heading-198 {
color: var(--background);
}
.heading-199 {
color: var(--background);
text-align: left;
font-size: 35px;
}
.paragraph-2 {
color: var(--background);
font-size: 18px;
}
.heading-200 {
color: var(--background);
font-size: 28px;
}
.paragraph-3 {
color: var(--background);
font-size: 18px;
}
.image-42 {
text-align: left;
}
.div-block-4 {
background-color: var(--divider-color);
height: 5px;
}
.div-block-5 {
background-color: var(--label-bg);
height: .5px;
margin-top: 0;
margin-bottom: 0;
}
.div-block-6 {
background-color: var(--primary);
width: 0;
height: 1px;
}
.div-block-7 {
background-color: var(--ddd6d6);
height: 5px;
}
.div-block-8 {
-webkit-text-fill-color: inherit;
background-color: #dfd8d8;
background-clip: padding-box;
height: 1px;
margin-top: 20px;
margin-bottom: 0;
padding-top: 0;
}
.heading-201 {
color: var(--background);
font-size: 25px;
}
.heading-202, .heading-203 {
color: var(--background);
}
.paragraph-4 {
color: var(--background);
font-size: 18px;
}
.heading-204, .heading-205, .heading-206, .heading-207, .heading-208, .heading-209, .heading-210, .heading-211 {
color: var(--background);
font-size: 28px;
}
.heading-212, .heading-213 {
color: var(--background);
font-size: 45px;
}
.heading-214 {
color: var(--background);
font-size: 35px;
font-weight: 500;
}
.heading-215 {
color: var(--grey);
font-size: 18px;
}
.heading-216 {
color: var(--background);
font-size: 25px;
}
.heading-217 {
color: var(--grey);
font-size: 18px;
}
.heading-218 {
color: var(--background);
font-size: 25px;
}
.heading-219 {
color: var(--grey);
font-size: 18px;
}
.heading-220, .heading-221 {
color: var(--background);
font-size: 25px;
}
.heading-222 {
color: var(--grey);
font-size: 18px;
}
.div-block-9, .div-block-10 {
margin-top: 0;
padding-top: 0;
}
.div-block-11 {
background-color: var(--grey);
}
.heading-223 {
color: var(--background);
font-size: 25px;
}
.heading-224 {
color: var(--background);
font-size: 18px;
font-weight: 400;
}
.heading-225 {
color: var(--background);
font-size: 18px;
}
.pagination {
margin-top: 40px;
}
.paragraph-5, .paragraph-6, .paragraph-7, .paragraph-8 {
color: var(--background);
}
.heading-226 {
color: var(--background);
font-size: 25px;
}
.text-block-44 {
color: var(--primary);
font-size: 18px;
line-height: 1;
}
.paragraph-9, .paragraph-10, .paragraph-11, .paragraph-12, .paragraph-13, .paragraph-14 {
color: var(--grey);
text-align: center;
}
.heading-227 {
color: var(--background);
font-size: 25px;
}
.div-block-12 {
flex-flow: column;
align-items: center;
padding-bottom: 20px;
display: flex;
}
.heading-228, .paragraph-15 {
color: var(--dark-grey);
}
.div-block-13 {
text-align: center;
justify-content: center;
margin-bottom: 40px;
display: flex;
}
.div-block-14 {
text-align: center;
flex-flow: column;
justify-content: center;
align-items: center;
margin-bottom: 20px;
display: flex;
}
.wrap-copy {
margin-top: 0;
}
.slide-3 {
background-image: url("https://cdn.prod.website-files.com/64abeb15d57b0003e4e87008/65b736ea7d575c31ab922d23_Marketplace%20Integration%20-%20Banner%20image.png");
background-position: 50%;
background-repeat: repeat-x;
background-size: auto;
}
.heading-229, .paragraph-16 {
text-align: center;
}
.button-2 {
text-align: center;
justify-content: center;
align-items: center;
display: inline-block;
}
.div-block-15 {
background-color: #0000;
flex-flow: column;
justify-content: center;
align-items: center;
margin: 51px 39px 40px 40px;
display: flex;
}
.heading-228-slide-copy {
color: var(--alternate-bg);
text-align: center;
padding-bottom: 20px;
font-weight: 900;
}
.button-copy {
letter-spacing: 1px;
border: 1px solid #0000;
align-self: flex-end;
height: 58px;
padding: 14px 28px;
font-size: 18px;
font-weight: 500;
text-decoration: none;
transition: color .2s, background-color .2s;
}
.button-copy:hover {
text-decoration: none;
}
.button-copy.primary {
background-color: var(--primary);
color: var(--background);
}
.button-copy.primary:hover {
background-color: var(--white);
}
.button-copy.primary.button-row-item {
background-color: var(--primary);
}
.button-copy.primary.medium.mb-40 {
text-align: center;
font-size: 20px;
}
.button-copy.white {
background-color: var(--white);
color: var(--background);
}
.button-copy.white:hover, .button-copy.white.small {
background-color: var(--primary);
}
.button-copy.white.small:hover {
background-color: var(--light);
}
.button-copy.primary-light {
color: var(--primary);
background-color: #53fdca1a;
}
.button-copy.primary-light:hover, .button-copy.primary-light.small {
background-color: var(--primary);
color: var(--background);
}
.button-copy.primary-light.small:hover {
background-color: var(--primary);
color: var(--dark-grey);
}
.button-copy.white-light {
background-color: #ffffff0d;
}
.button-copy.white-light:hover {
background-color: var(--white);
color: var(--background);
}
.button-copy.outline-primary {
border-color: var(--primary);
color: var(--primary);
background-color: #0000;
}
.button-copy.outline-primary:hover {
background-color: var(--primary);
color: var(--background);
}
.button-copy.outline-primary.medium.mb-30, .button-copy.outline-primary.medium.mb-30:hover {
color: var(--background);
}
.button-copy.outline-white {
border-color: var(--white);
color: var(--white);
background-color: #0000;
}
.button-copy.outline-white:hover {
background-color: var(--white);
color: var(--background);
}
.button-copy.outline-white.button-row-item {
background-color: var(--alternate-bg);
}
.button-copy.outline-white.button-row-item:hover {
color: var(--light);
}
.button-copy.small {
height: 43px;
padding: 8px 16px;
font-size: 16px;
}
.button-copy.small.primary-light.darkbg {
background-color: var(--primary);
color: var(--background);
}
.button-copy.small.primary-light.darkbg:hover {
color: var(--background);
}
.button-copy.small.text-small {
background-color: var(--primary);
height: auto;
padding-top: 10px;
padding-bottom: 10px;
font-size: 14px;
}
.button-copy.small.text-small.white-light.mb-5 {
background-color: var(--primary);
color: var(--white);
}
.button-copy.black {
background-color: var(--background);
color: var(--white);
}
.button-copy.black:hover, .button-copy.primary-invert {
background-color: var(--primary);
color: var(--background);
}
.button-copy.primary-invert:hover {
background-color: var(--background);
color: var(--white);
}
.button-copy.primary-invert.button-row-item {
background-color: var(--primary);
border-radius: 25px;
font-weight: 700;
}
.button-copy.primary-invert.button-row-item:hover {
background-color: var(--dark-grey);
color: var(--light);
}
.button-copy.primary-invert.medium {
margin-top: 0;
}
.button-copy.primary-invert.medium:hover {
background-color: var(--background);
}
.button-copy.light {
background-color: var(--light);
color: var(--background);
}
.button-copy.light:hover {
background-color: var(--primary);
}
.button-copy.medium {
height: 53px;
padding-top: 13px;
padding-bottom: 13px;
font-size: 16px;
}
.button-copy.medium.black.news-letter {
padding-left: 16px;
padding-right: 16px;
font-size: 14px;
}
.button-copy.block {
text-align: center;
width: 100%;
display: block;
}
.button-copy.button-row-item.black {
background-color: var(--background);
}
.button-copy.outline-black {
border-color: var(--background);
color: var(--background);
background-color: #0000;
}
.button-copy.outline-black:hover {
background-color: var(--background);
color: var(--white);
}
.button-copy.outline-black.medium.mb-20 {
transition: opacity .2s, color .2s, background-color .2s;
}
.button-copy.outline-black.button-row-item {
border-radius: 25px;
}
.button-copy.black-to-white {
background-color: var(--background);
color: var(--white);
}
.button-copy.black-to-white:hover {
background-color: var(--white);
color: var(--background);
}
.paragraph-15-slide-2-copy {
color: var(--dark-grey);
text-align: center;
font-size: 20px;
font-weight: 500;
line-height: 2;
}
.slide-2 {
background-image: url("https://cdn.prod.website-files.com/64abeb15d57b0003e4e87008/65b736ea7d575c31ab922d23_Marketplace%20Integration%20-%20Banner%20image.png");
background-position: 50%;
background-repeat: repeat-x;
background-size: auto;
}
.slide-2copy {
opacity: 1;
-webkit-backdrop-filter: blur(5px);
backdrop-filter: blur(5px);
-webkit-text-fill-color: inherit;
mix-blend-mode: normal;
background-image: linear-gradient(#000000ab, #000000ab), url("https://cdn.prod.website-files.com/64abeb15d57b0003e4e87008/66ded68e6b015e3d757b4c31_B2Sell%20Distributor.jpg");
background-position: 0 0, 0 0;
background-size: auto, cover;
background-clip: border-box;
}
.slide-2copy._3 {
background-image: linear-gradient(#00000080, #00000080), url("https://cdn.prod.website-files.com/64abeb15d57b0003e4e87008/66def9eb745b3595966456f3_retail.jpg");
background-position: 0 0, 0%;
background-size: auto, cover;
}
.heading-slide-2copy {
color: var(--light);
text-align: right;
align-self: flex-end;
margin-bottom: 0;
padding-bottom: 0;
font-weight: 900;
}
.paragraph-slide-2copy {
color: var(--white);
text-align: right;
-webkit-text-stroke-width: 0px;
-webkit-text-stroke-color: var(--secondary);
overflow-wrap: normal;
align-self: flex-end;
margin-bottom: 0;
font-size: 17px;
font-weight: 500;
line-height: 1.6;
}
.heading-228-slide-3-copy {
color: var(--alternate-bg);
text-align: center;
padding-bottom: 20px;
font-weight: 900;
}
.paragraph-15-slide-3-copy {
color: var(--dark-grey);
text-align: center;
font-size: 20px;
font-weight: 500;
line-height: 2;
}
.div-block-12-copy {
background-color: var(--white);
text-align: center;
flex-flow: column;
align-items: center;
margin-top: 40px;
padding-bottom: 20px;
display: flex;
}
.section-2 {
color: var(--white);
text-align: center;
background-image: linear-gradient(#0000, #0000);
flex-flow: column;
justify-content: center;
align-items: stretch;
display: flex;
}
.container-2 {
flex-flow: column;
justify-content: center;
padding-bottom: 40px;
display: block;
}
.section-2-copy {
color: var(--white-smoke);
text-align: center;
background-color: #fff;
flex-flow: column;
justify-content: center;
align-items: stretch;
display: flex;
}
.div-block-15-copy {
text-align: right;
background-color: #0000;
flex-flow: column;
justify-content: center;
align-items: center;
margin: 51px 39px 40px 40px;
display: flex;
}
.quick-stack {
flex: 1;
align-self: stretch;
}
.cell {
justify-content: flex-start;
align-items: stretch;
padding-bottom: 0;
font-size: 12px;
line-height: 1;
}
.left-arrow {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: block;
}
.image-43 {
overflow: scroll;
}
.slide-2copy-copy {
opacity: 1;
-webkit-backdrop-filter: blur(5px);
backdrop-filter: blur(5px);
-webkit-text-fill-color: inherit;
mix-blend-mode: normal;
background-image: linear-gradient(#000000a6, #000000a6), url("https://cdn.prod.website-files.com/64abeb15d57b0003e4e87008/66ded69482427bbd4ba0f30d_B2Sell%20Manufacturers.jpg");
background-position: 0 0, 0 0;
background-size: auto, cover;
background-clip: border-box;
}
.paragraph-slide-2copy-copy {
color: var(--white);
text-align: right;
align-self: flex-end;
max-width: 105%;
margin-bottom: 0;
font-size: 14px;
font-weight: 500;
line-height: 1.3;
display: block;
}
.heading-slide-2copy-copy {
color: var(--white-bg-button);
text-align: right;
align-self: flex-end;
margin-bottom: 0;
padding-bottom: 0;
font-weight: 900;
}
.paragraph-slide-2copy-copy {
color: var(--white-bg-button);
text-align: right;
-webkit-text-stroke-width: 0px;
-webkit-text-stroke-color: var(--secondary);
overflow-wrap: normal;
align-self: flex-end;
margin-bottom: 0;
font-size: 17px;
font-weight: 500;
line-height: 1.6;
}
.button-copy-copy {
text-align: right;
letter-spacing: 1px;
border: 1px solid #0000;
align-self: flex-end;
height: auto;
margin-bottom: 0;
padding: 10px;
font-size: 18px;
font-weight: 500;
text-decoration: none;
transition: color .2s, background-color .2s;
}
.button-copy-copy:hover {
text-decoration: none;
}
.button-copy-copy.primary {
background-color: var(--primary);
color: var(--background);
}
.button-copy-copy.primary:hover {
background-color: var(--white);
}
.button-copy-copy.primary.button-row-item {
background-color: var(--primary);
}
.button-copy-copy.primary.medium.mb-40 {
text-align: center;
font-size: 20px;
}
.button-copy-copy.white {
background-color: var(--white);
color: var(--background);
}
.button-copy-copy.white:hover, .button-copy-copy.white.small {
background-color: var(--primary);
}
.button-copy-copy.white.small:hover {
background-color: var(--light);
}
.button-copy-copy.primary-light {
color: var(--primary);
background-color: #53fdca1a;
}
.button-copy-copy.primary-light:hover, .button-copy-copy.primary-light.small {
background-color: var(--primary);
color: var(--background);
}
.button-copy-copy.primary-light.small:hover {
background-color: var(--primary);
color: var(--dark-grey);
}
.button-copy-copy.white-light {
background-color: #ffffff0d;
}
.button-copy-copy.white-light:hover {
background-color: var(--white);
color: var(--background);
}
.button-copy-copy.outline-primary {
border-color: var(--primary);
color: var(--primary);
background-color: #0000;
}
.button-copy-copy.outline-primary:hover {
background-color: var(--primary);
color: var(--background);
}
.button-copy-copy.outline-primary.medium.mb-30, .button-copy-copy.outline-primary.medium.mb-30:hover {
color: var(--background);
}
.button-copy-copy.outline-white {
border-color: var(--white);
color: var(--white);
background-color: #0000;
}
.button-copy-copy.outline-white:hover {
background-color: var(--white);
color: var(--background);
}
.button-copy-copy.outline-white.button-row-item {
background-color: var(--alternate-bg);
}
.button-copy-copy.outline-white.button-row-item:hover {
color: var(--light);
}
.button-copy-copy.small {
height: 43px;
padding: 8px 16px;
font-size: 16px;
}
.button-copy-copy.small.primary-light.darkbg {
background-color: var(--primary);
color: var(--background);
}
.button-copy-copy.small.primary-light.darkbg:hover {
color: var(--background);
}
.button-copy-copy.small.text-small {
background-color: var(--primary);
height: auto;
padding-top: 10px;
padding-bottom: 10px;
font-size: 14px;
}
.button-copy-copy.small.text-small.white-light.mb-5 {
background-color: var(--primary);
color: var(--white);
}
.button-copy-copy.black {
background-color: var(--background);
color: var(--white);
}
.button-copy-copy.black:hover, .button-copy-copy.primary-invert {
background-color: var(--primary);
color: var(--background);
}
.button-copy-copy.primary-invert:hover {
background-color: var(--background);
color: var(--white);
}
.button-copy-copy.primary-invert.button-row-item {
background-color: var(--primary);
border-radius: 25px;
font-weight: 700;
}
.button-copy-copy.primary-invert.button-row-item:hover {
background-color: var(--dark-grey);
color: var(--light);
}
.button-copy-copy.primary-invert.medium {
margin-top: 0;
}
.button-copy-copy.primary-invert.medium:hover {
background-color: var(--background);
}
.button-copy-copy.light {
background-color: var(--light);
color: var(--background);
}
.button-copy-copy.light:hover {
background-color: var(--primary);
}
.button-copy-copy.medium {
height: 53px;
padding-top: 13px;
padding-bottom: 13px;
font-size: 16px;
}
.button-copy-copy.medium.black.news-letter {
padding-left: 16px;
padding-right: 16px;
font-size: 14px;
}
.button-copy-copy.block {
text-align: center;
width: 100%;
display: block;
}
.button-copy-copy.button-row-item.black {
background-color: var(--background);
}
.button-copy-copy.outline-black {
border-color: var(--background);
color: var(--background);
background-color: #0000;
}
.button-copy-copy.outline-black:hover {
background-color: var(--background);
color: var(--white);
}
.button-copy-copy.outline-black.medium.mb-20 {
transition: opacity .2s, color .2s, background-color .2s;
}
.button-copy-copy.outline-black.button-row-item {
border-radius: 25px;
}
.button-copy-copy.black-to-white {
background-color: var(--background);
color: var(--white);
}
.button-copy-copy.black-to-white:hover {
background-color: var(--white);
color: var(--background);
}
.tab-link-tab-1 {
background-color: #bde2e7;
}
.tab-link-tab-1:hover {
background-color: #91ee97;
}
.tab-link-tab-1:active {
background-color: #f2f8f2;
}
.tab-link-tab-1.w--current {
background-color: #f7fafa;
}
.tab-link-tab-2 {
background-color: #bde2e7;
}
.tab-link-tab-2:hover {
background-color: #adeea3;
}
.tab-link-tab-2:active {
background-color: #f7fafa;
}
.tab-link-tab-2.w--current {
background-color: #bde2e7;
}
.tab-link-tab-2.w--current:hover {
background-color: #91ee97;
}
.tab-link-tab-2.w--current:active {
background-color: #f2f8f2;
}
.tab-link-tab-3 {
background-color: #bde2e7;
}
.tab-link-tab-3:hover {
background-color: #adeea3;
}
.tab-link-tab-3:active {
background-color: #f7fafa;
}
.tab-link-tab-4 {
background-color: #bde2e7;
}
.tab-link-tab-4:hover {
background-color: #adeea3;
}
.tab-link-tab-4:active {
background-color: #f7fafa;
}
.tabs-content {
grid-column-gap: 45px;
grid-row-gap: 45px;
justify-content: center;
padding-left: 60px;
padding-right: 60px;
display: block;
}
.tab-pane-tab-3 {
padding-left: 60px;
padding-right: 60px;
}
.column-8 {
text-align: justify;
}
.image-44 {
max-width: 70%;
max-height: 60%;
overflow: clip;
}
.column-9 {
text-align: justify;
}
.image-45 {
max-width: 70%;
max-height: 60%;
}
.feedback-item-footer-copy {
align-self: center;
margin-top: auto;
margin-bottom: 30px;
}
.feedback-item-footer-copy {
margin-top: auto;
margin-bottom: 30px;
}
.feedback-item-footer-copy.mb-0 {
margin-bottom: 0;
}
.text-black-copy {
color: var(--light);
text-align: left;
margin-top: 0;
margin-bottom: 10px;
margin-right: 0;
padding-top: 10px;
padding-bottom: 0;
padding-right: 0;
font-family: Red Hat Display, sans-serif;
font-size: 25px;
font-weight: 500;
}
.h3whitebg-copy {
color: var(--primary);
font-size: 30px;
}
.max-900-copy {
color: var(--white);
background-image: none;
max-width: 900px;
height: auto;
max-height: none;
margin-left: auto;
margin-right: auto;
}
.center-tabs-copy {
margin-bottom: 80px;
}
.center-tabs-copy.dev {
text-align: center;
margin-bottom: 0;
}
.center-tabs-copy.code, .center-tabs-copy.career {
margin-bottom: 0;
}
.center-tabs-menu-copy {
justify-content: center;
margin-bottom: 10px;
margin-left: -5px;
margin-right: -5px;
display: flex;
}
.center-tabs-menu-copy.dev {
background-color: var(--dark-grey);
border: 1px solid #ffffff1a;
margin-bottom: 40px;
margin-left: auto;
margin-right: auto;
padding: 10px 0;
display: inline-block;
}
.center-tabs-menu-copy.right {
justify-content: center;
margin: 20px 0 0 50px;
}
.center-tabs-menu-copy.price-plans {
margin-bottom: 20px;
}
.center-tabs-menu-copy.jobs {
margin-bottom: 60px;
}
.center-tabs-menu-copy.about {
color: var(--background);
}
.center-tabs-link-copy {
background-color: #0000;
border-bottom: 1px solid #1212121a;
padding: 12px 25px;
}
.center-tabs-link-copy:hover {
text-decoration: none;
}
.center-tabs-link-copy.w--current {
border-bottom-color: var(--primary-dark);
color: var(--light);
background-color: #0000;
font-weight: 400;
}
.center-tabs-link-copy.dev {
opacity: .4;
color: var(--white);
border-bottom-style: none;
margin-left: 10px;
margin-right: 10px;
padding-left: 20px;
transition: opacity .2s, background-color .2s, color .2s;
}
.center-tabs-link-copy.dev:hover {
opacity: 1;
}
.center-tabs-link-copy.dev.w--current {
background-color: var(--primary-dark);
opacity: 1;
color: #fff;
border-bottom-style: none;
}
.center-tabs-link-copy.code {
color: var(--grey);
border-bottom-color: #ffffff1a;
flex: none;
padding-left: 20px;
padding-right: 20px;
}
.center-tabs-link-copy.code:hover {
color: var(--light-grey);
}
.center-tabs-link-copy.code.w--current {
border-bottom-color: var(--white);
color: var(--white);
}
.center-tabs-link-copy.price-plans {
color: var(--grey);
border-bottom-color: #ffffff1a;
flex: none;
padding-left: 20px;
padding-right: 20px;
}
.center-tabs-link-copy.price-plans:hover {
color: var(--light-grey);
}
.center-tabs-link-copy.price-plans.w--current {
border-bottom-color: var(--white);
color: var(--white);
}
.center-tabs-link-copy.jobs {
padding-left: 20px;
padding-right: 20px;
}
.text-grey-2 {
color: #676e73;
text-align: left;
margin-bottom: 20px;
font-size: 15px;
}
.text-grey-2.mb-40 {
color: var(--white);
text-align: justify;
margin-top: 10px;
margin-bottom: 10px;
padding-top: 0;
font-family: Red Hat Display, sans-serif;
font-size: 16px;
}
.text-grey-2.mb-40.about {
color: var(--background);
text-align: justify;
}
.text-black-2 {
color: #283044;
text-align: left;
margin-top: 0;
margin-bottom: 10px;
margin-right: 0;
padding-top: 10px;
padding-bottom: 0;
padding-right: 0;
font-family: Red Hat Display, sans-serif;
font-size: 25px;
font-weight: 500;
}
.text-black-2.mb-20 {
color: var(--white);
text-align: justify;
margin-top: 10px;
margin-bottom: 20px;
margin-left: 0;
padding-top: 0;
padding-left: 0;
font-size: 18px;
font-weight: 500;
}
.text-black-2.mb-20.about {
color: var(--background);
text-align: left;
max-width: none;
font-size: 25px;
font-weight: 500;
}
.text-black-2.mb-20-copy {
color: var(--white);
text-align: justify;
margin-top: 10px;
margin-bottom: 20px;
margin-left: 0;
padding-top: 0;
padding-left: 0;
font-size: 18px;
font-weight: 500;
}
.text-black-2.mb-20-copy.about {
color: var(--background);
font-weight: 700;
}
.button-3 {
letter-spacing: 1px;
border: 1px solid #0000;
height: 58px;
margin-top: 0;
padding: 14px 28px;
font-size: 18px;
font-weight: 500;
text-decoration: none;
transition: color .2s, background-color .2s;
}
.button-3:hover {
text-decoration: none;
}
.button-3.outline-black {
color: #283044;
background-color: #0000;
border-color: #283044;
}
.button-3.outline-black:hover {
color: #fff;
background-color: #283044;
}
.button-3.outline-black.medium.mb-20 {
background-color: var(--background);
color: var(--white);
transition: opacity .2s, color .2s, background-color .2s;
display: inline-block;
}
.button-3.outline-black.medium.mb-20:hover {
background-color: var(--primary);
color: var(--background);
}
.button-3.outline-black.medium.mb-20-copy {
background-color: var(--background);
color: var(--white);
transition: opacity .2s, color .2s, background-color .2s;
}
.button-3.outline-black.medium.mb-20-copy:hover {
background-color: var(--primary);
color: var(--background);
}
.text-grey-3 {
color: #676e73;
text-align: left;
margin-bottom: 20px;
font-size: 15px;
}
.text-grey-3.mb-40 {
color: var(--white);
text-align: justify;
margin-top: 10px;
margin-bottom: 10px;
padding-top: 0;
font-family: Red Hat Display, sans-serif;
font-size: 16px;
}
.text-grey-3.mb-40.about {
color: var(--background);
text-align: justify;
}
.text-black-3 {
color: #283044;
text-align: left;
margin-top: 0;
margin-bottom: 10px;
margin-right: 0;
padding-top: 10px;
padding-bottom: 0;
padding-right: 0;
font-family: Red Hat Display, sans-serif;
font-size: 25px;
font-weight: 500;
}
.text-black-3.mb-20 {
color: var(--white);
text-align: justify;
margin-top: 10px;
margin-bottom: 20px;
margin-left: 0;
padding-top: 0;
padding-left: 0;
font-size: 18px;
font-weight: 500;
}
.text-black-3.mb-20.about {
color: var(--background);
text-align: left;
max-width: none;
font-size: 25px;
font-weight: 500;
}
.text-black-3.mb-20-copy {
color: var(--white);
text-align: justify;
margin-top: 10px;
margin-bottom: 20px;
margin-left: 0;
padding-top: 0;
padding-left: 0;
font-size: 18px;
font-weight: 500;
}
.text-black-3.mb-20-copy.about {
color: var(--background);
font-weight: 700;
}
.text-grey-4 {
color: #676e73;
text-align: left;
margin-bottom: 20px;
font-size: 15px;
}
.text-grey-4.mb-40 {
color: var(--white);
text-align: justify;
margin-top: 10px;
margin-bottom: 10px;
padding-top: 0;
font-family: Red Hat Display, sans-serif;
font-size: 16px;
}
.text-grey-4.mb-40.about {
color: var(--background);
}
.text-black-4 {
color: #283044;
text-align: left;
margin-top: 0;
margin-bottom: 10px;
margin-right: 0;
padding-top: 10px;
padding-bottom: 0;
padding-right: 0;
font-family: Red Hat Display, sans-serif;
font-size: 25px;
font-weight: 500;
}
.text-black-4.mb-20 {
color: var(--white);
text-align: justify;
margin-top: 10px;
margin-bottom: 20px;
margin-left: 0;
padding-top: 0;
padding-left: 0;
font-size: 18px;
font-weight: 500;
}
.text-black-4.mb-20.about {
color: var(--background);
text-align: left;
max-width: none;
font-size: 25px;
font-weight: 500;
}
.text-black-4.mb-20-copy {
color: var(--white);
text-align: justify;
margin-top: 10px;
margin-bottom: 20px;
margin-left: 0;
padding-top: 0;
padding-left: 0;
font-size: 18px;
font-weight: 500;
}
.text-black-4.mb-20-copy.about {
color: var(--background);
font-weight: 700;
}
.text-grey-5 {
color: #676e73;
text-align: left;
margin-bottom: 20px;
font-size: 15px;
}
.text-grey-5.mb-40 {
color: var(--white);
text-align: justify;
margin-top: 10px;
margin-bottom: 10px;
padding-top: 0;
font-family: Red Hat Display, sans-serif;
font-size: 16px;
}
.text-grey-5.mb-40.about {
color: var(--background);
}
.div-block-16 {
padding-top: 40px;
}
.bold-text-72 {
text-align: left;
font-weight: 500;
}
.button-icon-group-copy {
align-items: stretch;
display: flex;
}
.button-icon-group-copy.center {
justify-content: center;
}
.button-icon-group-copy.right {
justify-content: flex-end;
}
.button-icon-group-copy.mt-a {
margin-top: auto;
}
.button-icon-group-copy.mb-20 {
margin-top: 20px;
margin-left: 0;
padding-left: 0;
}
.bold-text-73, .bold-text-74, .bold-text-75, .bold-text-76, .bold-text-77, .bold-text-78 {
font-weight: 500;
}
.container-copy {
grid-column-gap: 16px;
grid-row-gap: 16px;
color: var(--white);
-webkit-text-stroke-color: var(--dark-grey);
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
max-width: 1280px;
margin: 20px auto;
padding: 20px 40px 0;
font-size: 15px;
display: block;
position: static;
}
.container-copy.nav {
width: 100%;
margin-bottom: 15px;
}
.container-copy.dropdown-inner {
width: 1129px;
padding-left: 0;
position: relative;
left: -35px;
}
.container-copy.solutionshome {
color: var(--light-grey);
max-height: 1000px;
}
.mb-20-fixed-copy {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: repeat(auto-fit, 100%);
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
align-items: stretch;
height: 100%;
margin-bottom: 20px;
display: block;
}
.grid, .grid-2, .grid-3 {
grid-template-rows: auto auto auto;
}
.grid-4 {
grid-template-rows: auto auto;
}
.grid-5, .grid-6, .grid-7, .grid-8, .grid-9, .grid-10, .grid-11, .grid-12, .grid-13 {
grid-template-rows: auto auto auto;
}
.text-black-copy {
color: var(--background);
text-align: left;
margin-top: 0;
margin-bottom: 10px;
margin-right: 0;
padding-top: 10px;
padding-bottom: 0;
padding-right: 0;
font-family: Red Hat Display, sans-serif;
font-size: 15px;
font-weight: 500;
line-height: 1.2;
}
.text-black-copy.mb-0 {
font-size: 25px;
font-weight: 500;
}
.text-black-copy.mb-0.text-secondary {
font-size: 25px;
}
.text-black-copy.mb-20 {
color: var(--background);
text-align: justify;
margin-top: 10px;
margin-bottom: 20px;
margin-left: 0;
padding-top: 0;
padding-left: 0;
font-size: 18px;
font-weight: 500;
}
.text-black-copy.text-medium.text-semi.mb-5 {
color: var(--primary);
}
.text-black-copy.subtitle.mb-10 {
font-size: 25px;
font-weight: 500;
}
.text-black-copy.mb-40 {
color: var(--background);
text-align: left;
margin-bottom: 40px;
padding-top: 10px;
}
.text-black-copy.mb-30 {
text-align: center;
font-size: 25px;
}
.text-black-copy.text-semi.mb-10.text-large {
font-size: 25px;
}
.text-black-copy.text-uppercase.text-semi {
order: 1;
align-self: auto;
font-size: 20px;
font-weight: 700;
}
.text-black-copy.mb-5 {
text-align: left;
padding-top: 0;
}
.align-center-copy {
outline-color: var(--primary);
outline-offset: 0px;
text-align: left;
outline-width: 3px;
outline-style: solid;
padding-left: 0;
display: inline-block;
}
.grid-14 {
grid-template-columns: 1fr 1fr 1fr;
}
.top-features-item-copy {
background-color: var(--light);
padding-left: 0;
padding-right: 0;
display: inline-block;
}
.text-block-45 {
color: var(--background);
text-align: center;
font-size: 18px;
}
.grid-15 {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
}
.heading-230 {
color: var(--background);
}
.grid-16 {
grid-template-columns: 1fr 1fr 1fr;
}
.grid-17 {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
}
.grid-18 {
grid-template-columns: 1fr 1fr 1fr;
}
.top-features-item-copy {
padding-left: 0;
padding-right: 0;
display: inline-block;
}
.text-block-46 {
color: var(--background);
font-size: 23px;
}
.grid-19 {
text-align: center;
grid-template-columns: 1fr 1fr 1fr;
}
.image-container-copy {
text-align: left;
margin-right: 40px;
padding-top: 20px;
padding-bottom: 20px;
padding-left: 40px;
position: relative;
}
.image-container-copy {
text-align: center;
margin-right: 40px;
padding-top: 20px;
padding-bottom: 20px;
padding-left: 40px;
display: flex;
position: relative;
}
.image-container-copy.center {
margin-right: 0;
padding-top: 0;
padding-bottom: 0;
padding-right: 40px;
}
.image-container-copy.center.solutionshome {
object-fit: fill;
max-height: 600px;
padding-left: 100px;
padding-right: 100px;
}
.image-container-copy.right {
margin-left: 40px;
margin-right: 0;
padding-left: 0;
padding-right: 40px;
}
.image-container-copy.full {
margin-right: 0;
padding-left: 20px;
padding-right: 20px;
}
.image-container-copy.about {
align-items: center;
height: 100%;
padding-top: 80px;
padding-bottom: 80px;
padding-left: 60px;
display: flex;
}
.image-container-copy.case {
padding-top: 40px;
padding-bottom: 40px;
}
.image-container-bg-copy {
box-shadow: 0 2px 5px 0 var(--grey);
backface-visibility: visible;
perspective: none;
transform-origin: 50%;
-webkit-text-fill-color: inherit;
object-fit: fill;
background-color: #2ec4a724;
background-clip: border-box;
width: auto;
margin-left: 0;
margin-right: 0;
padding-right: 0;
position: absolute;
inset: 0% 14% 0% 0%;
overflow: visible;
transform: none;
}
.image-container-bg-copy.center {
background-color: var(--primary);
top: 20%;
bottom: 0%;
right: 0%;
}
.image-container-bg-copy.center.homeblock {
background-color: var(--primary);
box-shadow: 0 2px 5px 0 var(--grey);
width: 850px;
height: 700px;
max-height: 480px;
top: 15%;
}
.image-container-bg-copy.right {
background-color: var(--alternate-bg);
width: 480px;
margin-left: 8px;
left: 0;
right: 0%;
}
.image-container-bg-copy.right.white {
left: 40%;
right: 0%;
}
.image-container-bg-copy.full {
right: 0%;
}
.image-container-bg-copy.about {
background-color: var(--light);
right: 40%;
}
.image-container-bg-copy.white {
background-color: var(--white);
right: 40%;
}
.image-container-bg-copy.dark {
background-color: var(--alternate-bg);
}
.youtube-copy {
width: 85%;
margin-left: -20px;
}
.text-block-47 {
color: var(--white);
text-align: justify;
font-size: 17px;
overflow: auto;
}
.text-block-47.space {
text-align: center;
}
.grid-20 {
grid-template-rows: auto;
grid-template-columns: .75fr 1fr;
margin-bottom: 20px;
}
.grid-21 {
grid-template-rows: auto;
grid-template-columns: 1fr .75fr;
margin-bottom: 20px;
}
.img-copy {
border: 1px #000;
width: 90%;
max-width: 100%;
height: auto;
margin-bottom: 0;
margin-left: 0;
padding-left: 10px;
display: inline-block;
}
.desktop-header-right-copy {
width: 135%;
margin-top: -60px;
position: relative;
bottom: -60px;
}
.row-copy {
outline-offset: 0px;
outline: 3px #fff;
height: 80.7535%;
margin: 0 0 0 40px;
padding-top: 0;
padding-bottom: 0;
padding-left: 0;
}
.row-copy.nav-dropdown-main, .row-copy.nav-dropdown-inner, .row-copy.flex-copy, .row-copy.flex-copy {
display: flex;
}
.row-copy {
outline-offset: 0px;
outline: 3px #fff;
height: 80.7535%;
margin: 0 -10px 0 40px;
padding-top: 0;
padding-bottom: 0;
}
.row-copy.flex-center {
border: 1px solid #0000;
outline-color: #00000005;
align-items: center;
margin-top: 10px;
margin-bottom: 0;
padding-bottom: 20px;
display: flex;
}
.row-copy.flex-center.mb-60 {
align-items: flex-start;
margin-bottom: 0;
padding-bottom: 60px;
display: block;
}
.row-copy.flex-bottom {
align-items: flex-end;
display: flex;
}
.row-copy.flex {
margin-bottom: 20px;
display: block;
}
.row-copy.mb-60 {
margin-bottom: 0;
}
.row-copy.table-row {
height: 100%;
margin-left: 0;
margin-right: 0;
display: flex;
}
.row-copy.table-row.outer {
background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
background-position: 0 0;
background-repeat: no-repeat;
background-size: auto;
background-attachment: fixed;
justify-content: center;
align-items: center;
margin-top: 10px;
margin-bottom: 10px;
}
.row-copy.nav-dropdown-main, .row-copy.nav-dropdown-inner, .row-copy.flex-copy, .row-copy.flex-copy {
display: flex;
}
.columns {
flex-flow: column;
justify-content: center;
align-items: center;
display: flex;
}
.column-10 {
text-align: left;
}
.tab-pane-tab-1, .tab-pane-tab-3-2, .tab-pane-tab-4, .tab-pane-tab-2 {
text-align: center;
}
.grid-22 {
grid-template-rows: auto;
}
.div-block-17 {
margin-top: 40px;
}
.image-46 {
text-align: right;
}
.heading-231, .text-block-48 {
color: var(--background);
}
.bold-text-79 {
margin-top: 10px;
font-weight: 500;
}
.bold-text-80 {
font-size: 40px;
}
.row-2 {
margin-left: -10px;
margin-right: -10px;
}
.row-2.flex-bottom {
align-items: flex-end;
margin-left: 0;
margin-right: 0;
display: flex;
}
.align-right-2 {
text-align: right;
order: 0;
}
.subtitle-2 {
letter-spacing: 1px;
font-family: Space Mono, sans-serif;
}
.text-black-5 {
color: #121212;
text-align: left;
flex-flow: column;
justify-content: center;
align-items: center;
font-size: 30px;
font-weight: 500;
display: block;
}
.text-black-5.mb-0 {
color: var(--background);
font-size: 30px;
}
.button-icon-2 {
background-color: #53fdca;
width: 43px;
height: 43px;
margin-right: 2px;
}
.button-icon-2.link-arrow {
background-image: url("https://cdn.prod.website-files.com/64abeb15d57b0003e4e87008/64abeb15d57b0003e4e870bb_right-black.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: 32px;
}
.button-4 {
letter-spacing: 1px;
border: 1px solid #0000;
height: 58px;
padding: 14px 28px;
font-size: 18px;
font-weight: 500;
text-decoration: none;
transition: color .2s, background-color .2s;
}
.button-4:hover {
text-decoration: none;
}
.button-4.light {
color: #121212;
background-color: #f6f6f6;
}
.button-4.light:hover {
background-color: #53fdca;
}
.button-4.light.small {
text-align: center;
flex: 0 auto;
order: 0;
align-self: center;
height: 43px;
padding-top: 10px;
font-weight: 500;
transition: color .2s, background-color .2s;
}
.grid-23 {
grid-template-rows: auto;
}
.cases-list {
text-align: justify;
height: 130px;
}
.cases-list-heading {
color: var(--background);
font-size: 15px;
font-weight: 700;
}
.text-block-49 {
color: var(--primary);
font-weight: 400;
}
.text-block-50 {
color: var(--background);
}
.collection-list-wrapper {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: block;
}
.collection-item {
border: 1px solid #000;
margin: 20px 10px;
padding-left: 10px;
padding-right: 10px;
}
.collection-list-wrapper-2 {
border: 1px #000;
}
.div-block-18 {
border: 1px #000;
height: 298.438px;
margin: 10px;
}
.text-block-51 {
color: var(--background);
padding-left: 10px;
}
.grid-24 {
grid-template-rows: auto;
}
.image-47 {
text-align: justify;
width: 200px;
height: 200px;
margin-left: 10px;
}
.heading-232 {
color: var(--background);
font-size: 20px;
font-weight: 700;
}
.div-block-19 {
flex-flow: column;
justify-content: flex-end;
display: flex;
}
.text-block-52 {
color: var(--primary);
font-size: 14px;
}
.rich-text-block {
color: var(--background);
}
.div-block-20 {
grid-column-gap: 8px;
grid-row-gap: 8px;
display: flex;
}
.div-block-21 {
margin-top: 60px;
}
.pim-text {
color: var(--background);
text-align: left;
margin-top: 20px;
margin-bottom: 20px;
font-size: 18px;
}
.pim-text.bold {
padding-left: 10px;
padding-right: 10px;
font-weight: 700;
}
.pim-text.bold.primary {
color: var(--primary);
}
.pim-text.bold.center {
text-align: center;
}
.div-block-22 {
background-color: var(--white);
flex-flow: column;
justify-content: center;
align-items: center;
display: flex;
}
.grid-25 {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
}
.pim-image {
mix-blend-mode: normal;
max-width: 100%;
height: 200px;
display: inline-block;
}
.link-block-3 {
background-color: var(--divider-color);
text-align: center;
margin: 10px;
padding: 0;
}
.image-48 {
height: 146.701px;
}
.text-block-53 {
text-align: center;
height: 47.9861px;
}
.collection-list-wrapper-3 {
margin-top: 20px;
}
.text-block-54 {
color: var(--primary);
font-size: 16px;
font-weight: 700;
}
.div-block-23 {
width: 40px;
height: 40px;
}
.heading-233 {
text-align: center;
}
.grid-26 {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
}
.text-block-55 {
text-align: center;
margin: 10px;
font-weight: 700;
}
.image-49 {
text-align: center;
}
.container-3 {
background-color: var(--light);
flex-flow: column;
justify-content: center;
display: flex;
}
.image-50 {
margin: 10px;
}
.image-50.pim-image {
align-self: center;
padding-left: 0;
}
.column-11 {
margin-bottom: 20px;
}
.column-12 {
height: auto;
min-height: auto;
}
.heading-234 {
text-align: center;
margin-bottom: 10px;
}
.heading-235 {
text-align: center;
font-size: 30px;
line-height: 1.1;
}
.heading-236 {
text-align: center;
height: 55.9766px;
margin-top: 10px;
font-size: 18px;
}
.grid-27 {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
margin-top: 20px;
margin-bottom: 20px;
}
.text-span, .bold-text-81 {
text-align: justify;
}
.image-51 {
text-align: left;
max-width: 100%;
}
.column-13 {
padding-top: 20px;
}
.paragraph-17, .paragraph-18 {
text-align: justify;
}
.text-span-2 {
text-align: center;
}
.bold-text-82 {
text-align: justify;
}
.heading-237 {
color: var(--dark-grey);
font-size: 25px;
}
.heading-238 {
color: var(--dark-grey);
font-size: 25px;
font-weight: 700;
}
.column-14, .column-15, .column-16 {
font-size: 25px;
font-weight: 700;
}
.heading-239, .heading-240, .heading-241, .heading-242, .heading-243, .heading-244, .heading-245, .heading-246, .heading-247, .heading-248, .heading-249, .heading-250, .heading-251, .heading-252, .heading-253, .heading-254, .heading-255, .heading-256, .heading-257, .heading-258, .heading-259, .heading-260, .heading-261 {
color: var(--dark-grey);
font-size: 25px;
font-weight: 700;
}
.text-block-56 {
color: var(--grey);
}
.text-block-57 {
color: var(--grey);
text-align: center;
}
.grid-28 {
grid-template-rows: auto;
grid-template-columns: auto auto;
}
.div-block-24, .div-block-25 {
align-items: center;
display: flex;
}
.collection-item-2 {
width: 229px;
height: 450px;
margin-left: 10px;
margin-right: 10px;
padding-left: 0;
padding-right: 0;
}
.collection-item-2.blog-post-link {
width: 250px;
height: 450px;
}
.div-block-26 {
text-align: center;
order: 0;
align-self: center;
text-decoration: none;
}
.div-block-27 {
align-self: center;
}
.bold-text-83 {
flex: 0 auto;
align-self: center;
}
.heading-262 {
color: var(--dark-grey);
font-size: 25px;
}
.heading-263, .heading-264, .heading-265, .heading-266, .heading-267, .heading-268, .heading-269, .heading-270, .heading-271, .heading-272 {
color: var(--background);
font-size: 25px;
font-weight: 700;
}
.div-block-28 {
padding-top: 10px;
}
.column-17 {
margin-top: -100px;
}
.column-18 {
margin-top: -50px;
}
.column-19, .column-20, .column-21 {
margin-top: -25px;
}
.bold-text-84 {
line-height: 1.1;
}
.heading-273 {
margin-bottom: 10px;
font-size: 30px;
line-height: 1.1;
}
.heading-274 {
margin-top: 10px;
margin-bottom: 20px;
font-size: 25px;
font-weight: 700;
line-height: 1.1;
}
.bold-text-85 {
line-height: 1.1;
}
.image-52 {
max-width: 99.9998%;
height: auto;
margin-bottom: 160px;
overflow: clip;
}
.text-block-x {
color: var(--background);
font-size: 25px;
}
.image-53 {
height: 55px;
}
.column-22, .column-23, .column-24, .column-25, .column-26, .column-27, .column-28, .column-29, .column-30, .column-31, .column-32, .column-33, .column-34, .column-35 {
margin-top: -25px;
}
.column-36 {
align-self: auto;
}
.header-pim {
font-size: 45px;
line-height: 1.2;
}
.column-37 {
margin-top: -25px;
}
.column-38 {
margin-top: 20px;
padding-left: 30px;
}
.column-39 {
margin-top: 20px;
padding-left: 20px;
}
.column-40 {
padding-left: 0;
}
.image-54 {
object-fit: contain;
width: 60%;
max-width: 100%;
height: 100%;
margin-bottom: 20px;
position: static;
}
.div-block-29 {
background-color: var(--white);
flex-flow: column;
justify-content: center;
align-items: center;
padding-top: 10px;
padding-left: 10px;
display: flex;
}
.heading-275 {
color: var(--background);
text-align: center;
font-size: 45px;
font-weight: 500;
}
.text-block-58 {
color: var(--background);
text-align: center;
font-size: 18px;
}
.collection-item-3 {
width: 300px;
margin-left: 20px;
margin-right: 20px;
padding-top: 10px;
padding-bottom: 10px;
}
.collection-item-3.blog-post-link {
height: 370px;
}
.collection-list {
justify-content: center;
display: flex;
}
.collection-list-wrapper-4 {
margin-left: 10px;
padding-left: 10px;
}
.image-55 {
width: auto;
}
.image-55.product-screen {
top: 0;
}
.image-55.product-screen.left {
aspect-ratio: auto;
position: static;
overflow: clip;
}
.heading-277 {
color: var(--background);
text-align: center;
}
.link-block-4 {
border: 1px none var(--alternate-bg);
height: 450px;
}
.image-56, .image-57, .image-58, .image-59 {
padding-left: 60px;
}
.text-block-60 {
color: var(--background);
text-align: center;
font-size: 30px;
font-weight: 700;
}
.text-block-61, .text-block-62 {
color: var(--primary);
}
.footer-link-text {
color: var(--white);
font-weight: 700;
}
.text-block-64 {
color: var(--secondary);
font-size: 18px;
line-height: 1.2;
}
.icon {
color: var(--white);
}
.dropdown-list {
background-color: var(--divider-color);
text-align: center;
position: static;
inset: 0%;
overflow: hidden;
}
.dropdown-2 {
position: relative;
}
.dropdown-3 {
position: static;
}
.dropdown-3.hid {
max-width: 0;
max-height: 0;
font-size: 0;
line-height: 0;
}
.div-block-31, .dropdown-wrapper {
position: relative;
}
.dropdown-trigger {
text-align: center;
padding-top: 20px;
padding-bottom: 20px;
position: relative;
}
.dropdown-content {
text-align: left;
width: 100%;
position: static;
overflow: hidden;
}
.heading-279 {
color: var(--background);
}
.columns-3 {
flex-flow: row;
justify-content: center;
align-items: center;
display: flex;
}
.grid-29 {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
}
.collection-item-4 {
margin-left: 10px;
margin-right: 10px;
}
.heading-280.space {
color: var(--alternate-bg);
font-size: 30px;
}
.mb-40-copy {
text-align: left;
flex-flow: column;
justify-content: center;
align-self: center;
align-items: flex-start;
margin-bottom: 10px;
padding-right: 0;
font-size: 35px;
display: flex;
}
.mb-40-copy.align-center {
color: var(--dark-grey);
}
.heading-281 {
font-size: 25px;
}
.container-4, .container-6 {
margin-bottom: 20px;
}
.link-block-7 {
justify-content: center;
align-items: center;
display: inline-block;
}
.bold-text-91 {
font-size: 15px;
}
.column-74 {
position: static;
}
.container-8 {
grid-column-gap: 16px;
grid-row-gap: 16px;
color: #fff;
-webkit-text-stroke-color: #252525;
-webkit-text-fill-color: inherit;
background-clip: border-box;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
max-width: 1280px;
margin: 20px auto;
padding: 0 40px;
font-size: 15px;
display: grid;
position: static;
}
.center-block-2 {
z-index: 1;
text-align: center;
max-width: 760px;
margin: 20px auto;
padding-top: 10px;
position: relative;
}
.center-block-2.mb-60 {
margin-top: 0;
margin-bottom: 0;
padding-top: 0;
}
.heading-284 {
color: #283044;
text-align: center;
flex-flow: row;
justify-content: space-between;
align-items: center;
margin-top: 10px;
font-size: 30px;
font-weight: 500;
display: block;
}
.div-block-38 {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: center;
max-width: 100%;
height: auto;
max-height: 100%;
display: grid;
}
.image-142 {
display: inline-block;
}
.column-75 {
justify-content: center;
padding-left: 0;
display: flex;
}
.column-76 {
justify-content: center;
display: flex;
}
.column-77 {
flex: 0 auto;
justify-content: center;
align-self: auto;
display: flex;
}
.column-78 {
flex-flow: row;
justify-content: center;
display: flex;
}
.div-block-39 {
margin-bottom: 10px;
}
.text-block-66 {
font-size: 18px;
}
.bold-text-93 {
color: var(--background);
margin-right: 10px;
}
.columns-26 {
display: block;
}
.div-block-40 {
flex-flow: column;
justify-content: center;
align-items: center;
display: flex;
}
.recaptcha {
margin-bottom: 10px;
}
.heading-285 {
color: var(--background);
font-size: 35px;
}
.heading-285.center {
font-weight: 700;
}
.heading-285.center.medium {
font-weight: 500;
}
.form-4 {
display: none;
}
.list-item-40, .list-item-41, .list-item-42, .list-item-43, .list-item-44, .list-item-45 {
color: var(--background);
}
.container-9 {
max-width: 1200px;
padding-top: 20px;
padding-bottom: 20px;
display: flex;
}
.footer1 {
flex-flow: column;
justify-content: flex-start;
align-items: center;
max-width: 25%;
padding-right: 40px;
display: flex;
}
.dropdown-content-2 {
text-align: left;
width: 100%;
position: static;
overflow: hidden;
}
.footer-link-2 {
color: #fff;
-webkit-text-stroke-color: #252525;
margin-bottom: 10px;
font-size: 14px;
-webkit-text-decoration: none;
text-decoration: none;
display: block;
}
.footer-link-2:hover {
color: #2ec4a7;
text-decoration: none;
}
.footer-link-2.text-small {
color: #fff;
}
.text-block-71 {
text-align: center;
align-self: center;
max-width: 100%;
margin-top: 20px;
font-size: 15px;
}
.dropdown-6 {
position: static;
}
.dropdown-6.hid {
max-width: 0;
max-height: 0;
font-size: 0;
line-height: 0;
}
.dropdown-list-2 {
text-align: center;
background-color: #0000;
position: static;
inset: 0%;
overflow: hidden;
}
.footer-legal-2 {
border-top: 1px solid #414656;
margin-top: 20px;
padding-top: 40px;
padding-bottom: 40px;
}
.footer-link-legal-2 {
color: #676e73;
margin-left: 10px;
margin-right: 10px;
transition: color .2s;
display: inline-block;
}
.footer-link-legal-2:hover {
color: #fff;
text-decoration: none;
}
.dropdown-toggle-3 {
overflow: visible;
}
.image-162 {
color: #6e6383e0;
align-self: center;
display: block;
}
.text-primary-2 {
color: #2ec4a7;
}
.text-primary-2.subtitle.text-small.mb-20 {
text-align: left;
height: auto;
margin-left: 0;
padding-left: 0;
font-size: 18px;
}
.text-primary-2.subtitle.text-small.mb-20.mobile {
text-align: left;
}
.div-block-67 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template: ". Area"
/ 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
padding-left: 20px;
display: grid;
}
.row-3 {
box-sizing: content-box;
outline-offset: 0px;
outline: 3px #fff;
height: auto;
margin: 0 -10px 0 40px;
padding-top: 0;
padding-bottom: 0;
}
.text-grey-6 {
color: #283044;
text-align: left;
margin-bottom: 20px;
font-size: 18px;
}
.text-grey-6.text-extra-small {
color: #fff;
font-size: 16px;
}
.text-block-72 {
color: #fff;
}
.button-5 {
background-color: var(--primary);
text-align: center;
mix-blend-mode: normal;
border: 1px #000;
border-radius: 10px;
flex-flow: column;
justify-content: center;
align-items: center;
max-width: 100%;
height: 50px;
font-size: 16px;
display: flex;
}
.bold-text-95 {
font-size: 15px;
}
.bold-text-96 {
color: var(--background);
}
.list-item-46, .list-item-47 {
color: var(--background);
font-size: 17px;
}
.list-item-48 {
color: var(--background);
}
.list-16 {
font-size: 17px;
}
.heading-286 {
color: var(--primary);
font-size: 25px;
font-weight: 500;
}
.image-container-2 {
object-fit: cover;
flex-flow: column;
justify-content: flex-start;
align-items: stretch;
max-width: 100%;
height: 70%;
margin-right: 20px;
padding: 20px;
display: flex;
position: relative;
}
.image-167 {
max-width: 60%;
padding-left: 0;
padding-right: 140px;
position: static;
inset: 0% auto auto 0%;
}
.image-167.border-clr {
border: 1px solid #000;
}
.image-168 {
object-fit: cover;
max-width: 60%;
margin-top: 20px;
padding-left: 140px;
position: absolute;
inset: 0% 0% auto auto;
overflow: clip;
}
.image-168.border-clr {
border: 1px solid #000;
}
.image-169 {
vertical-align: baseline;
object-fit: cover;
max-width: 60%;
position: relative;
inset: -50% 0% 0 220px;
}
._1 {
justify-content: center;
align-items: center;
display: flex;
}
@media screen and (max-width: 991px) {
body {
font-size: 16px;
}
h1 {
font-size: 52px;
}
h2 {
font-size: 46px;
}
h3 {
margin-bottom: 10px;
font-size: 36px;
}
h4 {
font-size: 28px;
}
h5 {
font-size: 22px;
}
h6 {
font-size: 18px;
}
p {
margin-bottom: 10px;
}
.container {
grid-template-rows: auto;
grid-template-columns: 1fr;
margin-bottom: 20px;
padding: 10px 20px 0;
}
.container.dropdown-inner {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: column;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: row;
justify-content: space-between;
place-items: flex-start center;
width: auto;
max-width: 50%;
margin-left: 10px;
padding-top: 0;
padding-left: 0;
padding-right: 0;
display: flex;
left: 0;
}
.section {
padding-top: 0;
padding-bottom: 0;
}
.section.pt-0 {
padding-top: 0;
}
.section.white.pb-0 {
margin-bottom: 0;
padding-bottom: 20px;
}
.section.pb-0 {
padding-bottom: 0;
}
.navbar-container {
justify-content: space-between;
}
.nav-menu {
background-color: var(--light);
text-align: center;
-webkit-text-stroke-color: var(--light);
justify-content: center;
align-self: auto;
align-items: center;
min-width: 105%;
max-width: none;
max-height: 400px;
margin-top: 63px;
padding: 40px 20px;
position: fixed;
inset: 0%;
overflow: auto;
}
.nav-link {
border-bottom-width: 1px;
border-bottom-color: var(--dark-grey);
color: var(--background);
flex: 1;
height: auto;
margin-bottom: 0;
padding: 16px 0;
display: block;
}
.nav-link:hover {
border-bottom-color: var(--dark-grey);
}
.nav-link.dropdown {
border-bottom-width: 1px;
}
.nav-link.dropdown:hover {
border-bottom-color: var(--dark-grey);
}
.nav-link.dropdown.w--open {
border-bottom-color: var(--grey);
}
.nav-menu-action.button.primary.small {
padding-top: 9px;
}
.text-primary.subtitle.text-small.mb-20.mobile {
text-align: center;
}
.mb-20 {
margin-bottom: 10px;
}
.mb-20.text-grey {
text-decoration: none;
}
.mb-20.text-grey.center {
text-align: center;
}
.mb-20.heading-274.center {
margin-bottom: 20px;
padding-bottom: 10px;
font-size: 20px;
}
.text-small.text-light-grey {
display: none;
}
.text-small.text-light-grey.mobile-hidden {
flex-flow: column;
display: none;
}
.text-small.text-light-grey.see {
display: block;
}
.text-small.mb-0.text-grey.center {
text-align: center;
}
.text-small.text-grey.flex-grow {
max-width: 120px;
padding-top: 0;
}
.text-small.mobile-hidden {
display: none;
}
.subtitle.text-primary {
text-align: left;
}
.subtitle.text-primary.center {
text-align: center;
}
.subtitle.text-primary-dark.text-small.mb-10.center {
font-size: 15px;
}
.subtitle.text-primary-dark.text-small.center {
justify-content: center;
align-items: center;
}
.subtitle.text-extra-small.text-grey.mb-20 {
margin-left: 40px;
}
.subtitle.text-extra-small.text-grey.mb-10 {
padding-left: 60px;
}
.subtitle.text-extra-small.text-grey.mb-10.ml-00.text-primary-dark {
justify-content: flex-start;
align-items: center;
padding-left: 30px;
display: flex;
}
.subtitle.text-extra-small.text-grey.mb-10.ml-00.text-primary-dark.left-00 {
padding-left: 30px;
}
.subtitle.text-extra-small.text-grey.mb-10.mobile-hidden {
flex-flow: column;
justify-content: center;
align-items: flex-start;
padding-left: 0;
display: flex;
}
.text-grey {
font-size: 15px;
}
.text-grey.text-extra-small {
color: var(--white);
text-align: center;
}
.text-grey.mb-40 {
width: auto;
max-width: none;
height: 220px;
margin-bottom: 0;
padding-top: 10px;
}
.text-grey.mb-40.about.space {
text-align: center;
}
.text-grey.mb-40.center {
justify-content: center;
align-items: center;
max-width: 400px;
margin-left: 0;
padding-left: 0;
}
.text-grey.mb-40.space {
text-align: left;
}
.text-grey.mb-40.height2 {
width: 320px;
max-width: none;
height: 500px;
}
.text-grey.mb-40.height-small.space {
text-align: left;
}
.text-grey.mb-40.height-1.center {
max-width: none;
height: 220px;
}
.text-grey.text-small.mb-0 {
text-align: center;
}
.text-grey.text-small.mb-0.space {
text-align: left;
}
.text-grey.text-small.center {
text-align: center;
}
.text-grey.text-medium {
text-align: center;
flex-flow: wrap;
justify-content: flex-start;
align-items: center;
margin-left: 0;
display: block;
}
.text-grey.text-medium.mb-40 {
font-family: Red Hat Display, sans-serif;
}
.text-grey.text-medium.mb-0.space {
text-align: left;
margin-left: 0;
}
.text-grey.text-medium.mb-10 {
text-align: center;
}
.text-grey.text-medium.mb-10.center {
text-align: right;
}
.text-grey.text-medium.works.space, .text-grey.text-medium.cases.space, .text-grey.text-medium.center {
margin-left: 0;
}
.text-grey.text-medium.space {
text-align: left;
margin-left: 0;
}
.text-grey.center {
text-align: left;
}
.text-grey.space {
text-align: left;
flex-flow: row;
justify-content: center;
align-items: center;
display: block;
}
.text-black {
font-size: 20px;
}
.text-black.mb-20.green.space, .text-black.text-medium.text-semi.mb-5.center {
text-align: center;
}
.text-black.subtitle.mb-10.center {
text-align: left;
}
.text-black.mb-20-copy {
font-size: 18px;
}
.text-black.mb-20-copy.space {
font-size: 15px;
}
.text-black.features.center, .text-black.center {
text-align: left;
}
.text-black.space {
text-align: left;
padding-top: 0;
font-size: 20px;
}
.button {
font-size: 16px;
}
.button.primary.medium {
flex-flow: column;
justify-content: center;
align-items: center;
display: flex;
}
.button.small {
font-size: 14px;
}
.button.primary-invert.medium {
text-align: center;
flex-flow: column;
justify-content: center;
align-items: center;
margin-left: 0;
margin-right: auto;
padding-top: 8px;
padding-bottom: 8px;
font-size: 14px;
}
.button.primary-invert.block {
margin-bottom: 20px;
}
.button.medium {
padding-top: 12px;
padding-bottom: 12px;
}
.link.text-medium {
margin-left: 30px;
padding-right: 20px;
}
.footer-link.text-small {
justify-content: flex-start;
align-items: center;
display: flex;
}
.footer-link.text-small.mob {
justify-content: center;
align-items: center;
}
.footer-social {
text-align: center;
}
.footer-social.x, .footer-social.left-align {
text-align: left;
}
.footer-legal {
margin-top: 0;
}
.align-right {
flex-flow: row;
flex: 0 auto;
justify-content: center;
align-items: center;
padding-left: 0;
display: block;
position: relative;
left: 0;
}
.align-right.mr-00 {
display: flex;
}
.row {
grid-column-gap: 16px;
grid-row-gap: 16px;
text-align: left;
flex-flow: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: row;
justify-content: center;
align-self: auto;
place-items: flex-start stretch;
width: auto;
max-width: 100%;
height: auto;
margin-top: 0;
margin-left: 0;
margin-right: 0;
display: flex;
}
.row.flex-center {
flex-flow: row;
justify-content: space-between;
align-items: center;
width: 100%;
height: 100%;
margin-left: 0;
margin-right: 0;
padding-bottom: 0;
display: flex;
}
.row.flex-center.height-width {
margin-top: 40px;
padding-bottom: 0;
}
.row.flex-center._1 {
flex-flow: row;
margin-bottom: 20px;
}
.row.custom-pricing {
flex-direction: column;
display: flex;
}
.row.nav-dropdown-main {
flex-flow: column;
justify-content: center;
align-items: flex-start;
max-width: 50%;
display: flex;
}
.row.nav-link-block-row {
justify-content: space-between;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
}
.row.dropship.bold-text-11 {
flex-flow: row;
}
.row._1 {
flex-flow: row;
justify-content: space-between;
align-items: center;
height: 100%;
margin-top: 0;
margin-bottom: 0;
display: flex;
}
.row._1.left-align {
text-align: left;
}
.row.x {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: row;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
place-items: start stretch;
width: 100%;
margin-left: 0;
margin-right: 0;
padding-left: 0;
display: grid;
}
.row.cilent-slogo {
flex-flow: row;
display: flex;
}
.row._3 {
flex-flow: column;
justify-content: space-between;
align-items: center;
display: flex;
}
.center-block {
flex-flow: column;
justify-content: center;
align-items: center;
margin-top: 0;
display: flex;
}
.center-block.mb-60 {
flex-flow: column;
justify-content: center;
align-items: center;
display: flex;
}
.center-block.mb-60.text-secondary {
flex-flow: column;
}
.mb-40 {
color: var(--background);
text-align: center;
flex-flow: row;
max-width: 50%;
height: 120px;
margin-bottom: 20px;
font-size: 30px;
display: block;
overflow: clip;
}
.mb-40.ml-00 {
justify-content: center;
align-items: center;
height: 100px;
display: block;
}
.mb-40.color-1 {
color: var(--white);
}
.mb-40.mr-00 {
text-align: left;
max-width: 50%;
}
.mb-40.color-1-copy {
color: var(--white);
}
.software-header.pim {
padding-top: 0;
}
.company-link.opacity-20 {
opacity: .8;
}
.image-container.about {
margin-right: 20px;
padding-top: 40px;
padding-bottom: 40px;
padding-left: 30px;
}
.image-container.case.right.ml-00 {
flex-flow: column;
justify-content: center;
align-items: center;
margin-left: 0;
margin-right: 10px;
padding-right: 0;
display: flex;
}
.image-container.case.studies {
margin-right: 10px;
padding-left: 20px;
display: flex;
}
.image-container.margin {
margin-left: 10px;
margin-right: 40px;
padding-left: 0;
}
.product-screen.featureshome {
max-width: 90%;
}
.image-container-bg {
flex-flow: column;
justify-content: center;
align-items: center;
width: 100%;
display: block;
}
.image-container-bg.white.case._2 {
position: absolute;
inset: 0%;
}
.mb-60 {
margin-bottom: 30px;
}
.mb-60.text-grey.space {
font-size: 16px;
}
.button-icon-group {
flex-flow: row;
justify-content: flex-start;
align-items: stretch;
}
.button-icon-group.mt-a {
margin-top: auto;
}
.button-icon-group.button-row-item {
flex: none;
}
.button-icon-group.mb-10 {
flex-flow: row;
justify-content: center;
align-items: stretch;
}
.button-icon-group.mb-20.centre {
margin-top: 0;
}
.button-icon-group.right {
justify-content: center;
align-items: stretch;
}
.button-icon-group.margin1 {
margin-top: 20px;
}
.text-light-grey.mb-40 {
text-align: justify;
max-width: 100%;
}
.text-light-grey.mb-40.lightbg.center {
max-width: 100%;
height: 150px;
font-size: 15px;
}
.text-light-grey.mb-40.lightbg.space {
font-size: 15px;
}
.text-light-grey.mb-40.whitebg.height-width.center {
justify-content: center;
align-items: center;
width: auto;
min-height: auto;
max-height: 200px;
}
.text-light-grey.mb-40.height-change {
margin-top: 0;
}
.text-light-grey.mb-40.width-00 {
max-width: 100%;
}
.text-light-grey.mb-40.height-width {
max-width: 100%;
height: 220px;
}
.text-light-grey.mb-40.height-width.center {
flex-flow: column;
justify-content: center;
align-items: center;
height: 200px;
margin-top: 10px;
margin-bottom: 10px;
font-size: 15px;
display: flex;
}
.text-light-grey.mb-40.height-width.space.h1 {
height: 250px;
}
.text-light-grey.mb-40.space {
max-width: 100%;
height: 150px;
}
.text-light-grey.mb-40.height1 {
height: 50px;
display: flex;
}
.text-light-grey.text-small.mb-30.space {
margin-bottom: 20px;
font-size: 15px;
}
.text-light-grey.text-large.space {
flex-flow: column;
justify-content: center;
align-items: center;
}
.text-light-grey.center {
font-size: 15px;
}
.inner-section {
margin-right: 0;
padding: 40px 20px;
}
.inner-section.light {
margin-bottom: 0;
padding-top: 20px;
padding-bottom: 20px;
}
.inner-section.light.height-full {
min-height: auto;
margin-bottom: 20px;
display: block;
}
.inner-section.light.height-full.h1 {
min-height: 600px;
}
.inner-section.use-cases-header {
padding-top: 100px;
padding-bottom: 100px;
}
.inner-section.blog-post-link.flex.height-change {
display: flex;
}
.align-center.erp-height1 {
height: 700px;
}
.align-center.c-height1 {
justify-content: center;
}
.integration-item {
min-height: auto;
}
.intergrations-container {
margin-left: 0;
}
.blog-post-link {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: row;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: center;
width: 300px;
max-width: 100%;
margin-right: 0;
display: block;
left: 0;
right: 0;
}
.blog-post-link.white {
border: .5px solid var(--background);
}
.blog-post-links {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: row;
margin-left: auto;
margin-right: auto;
display: flex;
}
.blog-post-link-content {
flex-flow: column;
justify-content: center;
align-items: center;
display: flex;
}
.blog-post-link-content.white.center {
-webkit-text-stroke-color: var(--alternate-bg);
width: 100%;
height: 100%;
}
.blog-post-link-content.resources {
padding: 20px;
}
.text-bold.text-black {
font-size: 20px;
}
.text-bold.text-black.center, .text-bold.text-black.space {
text-align: center;
}
.plus-icon {
flex: none;
}
.subscribe-bullets {
align-items: flex-start;
}
.subscribe-bullets.center {
text-align: left;
margin-left: 10px;
margin-right: 10px;
}
.input {
min-height: 53px;
}
.input.fixed-button {
background-color: var(--white-smoke);
width: 100%;
padding-left: 10px;
padding-right: 0;
}
.input-group.mb-20-copy.subscribe-block {
flex-flow: column;
justify-content: center;
align-items: center;
display: flex;
}
.fixed-submit.button.small {
background-color: var(--primary);
}
.subscribe-image {
width: auto;
max-width: 100%;
margin-left: 40px;
padding-left: 0;
display: inline-block;
}
.subscribe-image.ml-00 {
width: auto;
max-width: 100%;
margin-left: 100px;
margin-right: auto;
padding-left: 0;
padding-right: 100px;
}
.mb-30 {
margin-bottom: 15px;
}
.col-flex-mob-first {
flex-flow: column;
justify-content: center;
align-items: flex-start;
margin-top: 40px;
display: flex;
}
.how-it-works-links {
flex-direction: column;
min-height: 100%;
display: flex;
}
.saas-company-icons {
margin-top: -40px;
margin-left: -40px;
margin-right: -40px;
}
.screens-tabs-menu {
flex-direction: column;
margin-left: 0;
margin-right: 0;
}
.screens-tabs-menu._1 {
flex-flow: row;
}
.screens-tab-link {
flex-flow: column;
justify-content: center;
align-items: center;
width: 100%;
margin-bottom: 10px;
margin-left: 0;
margin-right: 0;
display: flex;
}
.icon-heading.mb-10 {
text-align: left;
}
.icon-heading.mb-10.center {
text-align: center;
}
.features-items.light {
padding-bottom: 100px;
padding-right: 20px;
}
.features-items.light.std {
justify-content: center;
align-items: center;
padding-bottom: 10px;
}
.features-items.dark-grey {
padding-left: 20px;
padding-right: 20px;
}
.features-items.bordered {
flex-direction: column;
}
.weight-500.text-black.text-medium.mb-10 {
text-align: center;
margin-top: 10px;
padding-top: 0;
font-size: 14px;
}
.slider.mobile-slider {
margin-top: -100px;
margin-bottom: -100px;
}
.slider.mobile-slider-feedback {
width: 80%;
margin-left: auto;
margin-right: auto;
}
.slider.career {
max-width: 540px;
}
.slider.mobile-slider-feedback-copy {
width: 80%;
margin-left: auto;
margin-right: auto;
}
.feedback-item {
margin-left: 0;
margin-right: 0;
padding-left: 20px;
padding-right: 20px;
}
.feedback-item.light, .feedback-item.light-copy, .feedback-item.light-copy-copy, .feedback-item.light-copy-copy-copy {
margin-left: 10px;
margin-right: 10px;
}
.slide {
margin-left: 0;
margin-right: 0;
}
.arrow-left.white {
margin-right: 50px;
}
.arrow-right.white {
margin-right: 0;
}
.mr-14.mobile-hidden {
display: none;
}
.startup-header {
min-height: 600px;
}
.max-500.left {
width: 350px;
max-width: 400px;
}
.blog-post-link-content-wrap {
grid-column-gap: 16px;
grid-row-gap: 16px;
outline-color: var(--background);
outline-offset: 0px;
outline-width: 1px;
outline-style: solid;
flex-flow: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: center;
width: 300px;
max-width: 100%;
height: 400px;
margin-right: 20px;
display: flex;
}
.blog-post-link-content-wrap.white {
width: 100%;
max-width: 300px;
}
.step-tabs-menu, .step-tabs-content {
width: 50%;
}
.pricing-tabs.max-900 {
margin-top: -305px;
}
.pricing-card.dark-grey {
padding: 20px;
}
.resources-item-link {
margin-left: 0;
margin-right: 0;
}
.resources-row {
margin-bottom: 60px;
margin-left: -10px;
margin-right: -10px;
}
.label.small.mobile-hidden {
display: none;
}
.image-cover {
object-fit: cover;
}
.desktop-header {
padding-top: 80px;
}
.desktop-header-right {
width: 100%;
margin-top: 0;
}
.top-features-row {
flex-flow: row;
justify-content: center;
align-items: center;
margin-left: 10px;
margin-right: 0;
display: block;
}
.top-features-item {
flex-flow: column;
justify-content: center;
align-items: center;
height: auto;
display: block;
}
.top-features-item.h1 {
height: 700px;
}
.center-tabs-link {
width: 100%;
margin-bottom: 10px;
margin-left: 0;
margin-right: 0;
padding-left: 0;
}
.center-tabs-link.dev {
margin-left: 0;
margin-right: 0;
}
.center-tabs-link.price-plans {
width: auto;
}
.center-tabs-link.jobs {
text-align: center;
width: auto;
}
.center-tabs-menu {
flex-direction: column;
margin-left: 0;
margin-right: 0;
}
.center-tabs-menu.dev {
padding-left: 10px;
padding-right: 10px;
display: flex;
}
.center-tabs-menu.right {
margin-left: 20px;
}
.center-tabs-menu.price-plans, .center-tabs-menu.jobs {
flex-direction: row;
}
.center-tabs {
margin-bottom: 40px;
}
.features-list-item {
flex-flow: column;
}
.languages {
margin-bottom: 40px;
}
.app-header {
padding-bottom: 60px;
}
.mobile-header-img {
max-width: 110%;
margin-left: -10%;
}
.mobile-features-icon {
max-width: 100px;
height: 100px;
margin-bottom: -5px;
margin-right: -5px;
}
.mobile-steps-img, .mobile-steps-content {
padding-left: 20px;
padding-right: 20px;
}
.mobile-steps-content.first {
padding-left: 2010px;
}
.mobile-steps-content.last {
padding-right: 2010px;
}
.mobile-slider-right {
padding-right: 10px;
}
.mobile-slider-screen {
margin-left: 0;
padding-right: 20px;
}
.mobile-slider-screen.right {
max-width: 120%;
margin-top: -40px;
margin-bottom: -40px;
margin-left: 20px;
}
.mobile-platforms-menu-item {
margin-left: 40px;
padding-top: 20px;
padding-bottom: 20px;
}
.mobile-platforms-menu-item-icon {
margin-top: -1px;
top: 22px;
}
.mobile-feedback-text {
height: auto;
}
.mobile-feedback-text.mb-40 {
justify-content: center;
align-items: flex-start;
max-width: 100%;
margin-bottom: 0;
}
.mobile-slider-left {
padding-top: 0;
padding-bottom: 0;
padding-left: 10px;
}
.dev-header {
padding-bottom: 60px;
}
.align-left {
flex-flow: row;
justify-content: center;
align-items: center;
display: block;
}
.code-block.right {
margin-left: 20px;
}
.code-block.left {
margin-right: 20px;
}
.code-content-text {
height: 100%;
}
.dev-icons {
display: flex;
}
.subscribe-bullets-row.center {
margin-left: -10px;
margin-right: -10px;
}
.product-feature-header {
padding-top: 60px;
}
.product-feature-header-right {
width: 350px;
max-width: 400px;
height: 300px;
margin-top: 40px;
margin-left: 5%;
margin-right: 0;
padding-right: 20px;
}
.product-feature-header-right.works.b-image {
width: auto;
max-width: 250px;
height: 300px;
margin-top: 40px;
}
.product-feature-header-right.auto {
max-width: 350px;
}
.product-feature-header-right.auto-copy {
max-width: 300px;
margin-left: auto;
padding-top: 60px;
}
.product-feature-video-link.p21-solutions {
flex-flow: column;
justify-content: center;
align-items: center;
max-height: 300px;
display: inline-block;
}
.solutions-header, .use-cases-header {
padding-top: 60px;
}
.solutions-header-right {
width: 45%;
}
.solution-features-img, .solution-features-img.left {
padding-left: 0;
padding-right: 20px;
}
.solution-sticky-left {
flex-flow: column;
justify-content: flex-start;
align-items: center;
padding-right: 10px;
display: flex;
top: 60px;
}
.solution-sticky-item {
flex-flow: column;
justify-content: center;
align-items: center;
}
.solution-sticky-item.height-1 {
flex-flow: column;
justify-content: center;
align-items: center;
height: 380px;
padding: 0 20px;
}
.solution-sticky-item.height2 {
height: 140px;
}
.solution-sticky-item-icon {
margin-bottom: 10px;
}
.solutions-slide-img {
padding-left: 80px;
padding-right: 80px;
}
.solutions-slide-content {
margin-left: 20px;
}
.tick-icon {
flex: none;
}
.use-cases-bullet {
align-items: flex-start;
}
.use-cases-menu-left {
margin-right: auto;
}
.use-cases-menu-left-item {
padding: 14px 19px 14px 14px;
}
.detailed-pricing {
margin-top: 10px;
margin-left: 0;
}
.plans-bullet {
align-items: flex-start;
}
.custom-pricing-header-right {
padding-right: 40px;
}
.custom-pricing-header-left {
padding-left: 40px;
}
.custom-plan-step-text {
width: 100%;
}
.custom-pricing-right {
order: -1;
}
.table-col-content {
padding-left: 18px;
padding-right: 18px;
}
.special-offer.max-900 {
padding-left: 40px;
padding-right: 40px;
}
.special-offer-left {
margin-right: 20px;
}
.special-offer-icon {
margin-top: 0;
margin-bottom: 0;
margin-right: 20px;
}
.timeline-col {
padding-right: 20px;
}
.timeline-col.left {
padding-left: 20px;
padding-right: 60px;
}
.timeline-point {
margin-top: 8px;
}
.company-values {
height: 100%;
margin-bottom: 0;
}
.globe {
left: 5%;
transform: scale(3);
}
.career-benefits-img {
margin-left: 20px;
}
.benefit-icon {
width: 20px;
}
.jobs-item-short {
max-height: 78px;
}
.integration-header {
padding-top: 60px;
}
.integration-col-left {
padding-right: 30px;
}
.integration-row-item {
width: 100%;
}
.integration-row-item.small {
width: auto;
}
.integration-row-collection.small {
flex-direction: column;
}
.integration-header-img {
margin-top: 20px;
margin-left: -40px;
margin-right: -40px;
}
.integration-item-info {
width: 500px;
min-width: auto;
max-width: 200px;
height: 500px;
margin-left: -200px;
}
.integration-item-main {
max-width: 60%;
}
.integration-item-nav {
flex-wrap: wrap;
}
.integration-item-info-sticky {
margin-left: -70px;
top: 0;
}
.integration-item-overview {
width: 720px;
max-width: 850px;
margin-left: 10px;
margin-right: 0;
}
.rich-black {
text-align: justify;
padding-left: 10px;
padding-right: 20px;
}
.integration-item-info-icon {
width: 200px;
height: 60px;
}
.integration-item-info-icon.case {
margin-bottom: 0;
}
.jobs-row {
flex-direction: column;
}
.jobs-row-left {
width: 100%;
}
.jobs-row-right {
order: -1;
max-width: none;
margin-bottom: 40px;
margin-left: 0;
}
.jobs-right-sticky {
margin-top: 40px;
position: static;
}
.case-header-img {
width: 400px;
max-width: 150%;
margin-left: -35px;
margin-right: 0;
padding-right: 40px;
}
.case-studies-header-bg {
display: none;
}
.relative.case {
width: 100%;
max-width: none;
display: block;
left: -10px;
}
.customer-story-item-content-wrap {
padding: 20px;
}
.customer-story-item-logo {
margin-bottom: 10px;
}
.contact-tabs-menu.contact.ml-00 {
margin-left: 0;
}
.office-img {
max-width: 100%;
margin-top: 0;
margin-bottom: 0;
margin-left: 0;
display: block;
}
.contact-right {
padding-top: 20px;
padding-left: 10px;
}
.blog-featured {
margin-left: 0;
margin-right: -164px;
}
.blog-featured-image {
display: block;
}
.blog-featured-image.forced {
width: auto;
height: 450px;
}
.blog-post-info {
flex-flow: column;
justify-content: center;
align-items: center;
display: flex;
}
.blog-post-info.center, .blog-post-info.space {
text-align: center;
}
.blog-post-image-container {
justify-content: center;
align-items: center;
display: flex;
}
.blog-main-left {
padding-right: 10px;
}
.blog-nav-search.secondary {
display: none;
}
.blog-nav-search.primary {
margin-top: 20px;
margin-bottom: 10px;
display: block;
}
.blog-post-main-img {
margin-bottom: 60px;
padding-top: 40%;
}
.blog-post-date {
padding-bottom: 30px;
}
.blog-post-body.rich-black {
text-align: left;
}
.help-center-item {
width: 200px;
height: auto;
}
.help-center-item-link.works {
height: 250px;
}
.article-nav {
padding-right: 10px;
}
.policy-nav {
margin-right: 20px;
}
.signup-col-promo {
width: 60%;
padding-left: 20px;
padding-right: 20px;
}
.signup-col-form {
width: 40%;
padding-left: 20px;
padding-right: 20px;
}
.nav-dropdown {
overflow: auto;
}
.nav-dropdown.w--open {
background-color: #0000;
flex-flow: column;
justify-content: space-between;
align-items: center;
max-width: 50%;
margin-top: 0;
display: block;
position: static;
overflow: hidden;
}
.nav-dropdown-link-icon {
display: none;
}
.nav-link-block {
justify-content: space-between;
align-items: center;
height: 40px;
min-height: auto;
margin-left: auto;
padding-left: 30px;
transition: color .2s, background-color .2s;
}
.nav-link-block:hover {
color: var(--secondary);
background-color: #0000;
}
.nav-link-block.light-block {
text-align: left;
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
min-width: 400px;
max-width: none;
height: 40px;
min-height: auto;
margin-left: 10px;
margin-right: 10px;
padding-top: 10px;
padding-bottom: 10px;
display: flex;
}
.nav-dropdown-right {
padding: 20px 0;
}
.nav-dropdown-right-bg {
border-top: 1px solid var(--dark-grey);
background-color: #0000;
border-left-style: none;
width: 100vw;
margin-left: 0;
left: 0;
right: 0;
}
.nav-dropdown-right-content {
margin-right: 0;
}
.nav-dropdown-left {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: row;
justify-content: flex-start;
align-items: flex-start;
padding: 10px 0;
display: grid;
}
.nav-dropdown-section-divider.mobile-hidden {
padding-right: 0;
}
.nav-dropdown-link {
display: block;
}
.nav-link-block-icon.mobile-hidden {
display: none;
}
.mob-menu-button {
background-image: url("https://cdn.prod.website-files.com/64abeb15d57b0003e4e87008/676d82e3848816903d4d42af_icons8-menu.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: 20px;
flex: none;
justify-content: center;
align-items: center;
width: 43px;
height: 43px;
margin-left: 10px;
padding: 0;
transition: background-color .2s;
}
.mob-menu-button:hover {
background-color: #ffffff08;
}
.mob-menu-button.w--open {
background-color: #ffffff08;
background-image: url("https://cdn.prod.website-files.com/64abeb15d57b0003e4e87008/64abeb15d57b0003e4e872b8_mob-menu-close.svg");
}
.footer-col-left {
text-align: center;
flex-flow: column;
justify-content: center;
align-items: center;
margin-bottom: 10px;
display: block;
}
.footer-bottom-right {
text-align: left;
margin-top: 10px;
}
.footer-bottom-right-container {
text-align: center;
}
.home-right {
width: 45%;
}
.more-templates {
background-color: var(--dark-grey);
}
.lightbg {
font-size: 20px;
}
.lightbg.bold-text-53 {
text-align: left;
}
.lightbg.bold-text-53.center {
text-align: center;
}
.lightbg.bold-text-53.left-align {
text-align: left;
}
.lightbg.bold-text-53.width {
font-size: 20px;
}
.lightbg.bold-text-53._1 {
font-size: 18px;
}
.lightbg.center {
font-size: 20px;
}
.lightbg.space {
text-align: left;
font-size: 25px;
}
.h3whitebg.mt-20.headline-center {
font-size: 30px;
}
.heading-5.mt-00 {
width: 300px;
margin-top: -140px;
margin-left: -30px;
top: -200px;
}
.text-block-2, .text-block-3 {
color: var(--background);
}
.link-block {
max-width: 350px;
height: 500px;
padding-bottom: 20px;
}
.link-block.height-1 {
height: 500px;
}
.link-block.height-1.h1 {
height: 650px;
}
.youtube {
flex-flow: column;
justify-content: center;
align-items: center;
margin-left: 0;
display: flex;
}
.image-17 {
margin-left: 0;
}
.image-17.image-1 {
width: 200px;
height: 150px;
}
.image-18 {
margin-left: 0;
}
.image-18.image-1 {
width: 200px;
height: 150px;
}
.text-block-8.text-secondary.center {
text-align: center;
}
.text-block-10 {
font-size: 25px;
}
.text-block-11.center {
font-size: 35px;
}
.text-block-11.space {
font-size: 45px;
}
.text-block-12 {
font-size: 25px;
}
.text-block-12.space, .heading-11 {
text-align: center;
font-size: 25px;
}
.heading-26 {
text-align: center;
font-size: 35px;
font-weight: 700;
}
.heading-26.headline-center {
text-align: center;
margin-bottom: 0;
padding-top: 0;
font-size: 20px;
}
.heading-26.center {
text-align: left;
}
.heading-26.center._1 {
text-align: center;
}
.column-5.shopify {
padding-left: 0;
}
.mb-40-copy {
margin-bottom: 20px;
}
.text-block-26.space {
text-align: left;
font-size: 25px;
}
.heading-59.center {
font-size: 20px;
}
.heading-61 {
font-weight: 500;
}
.text-block-28.space {
font-size: 25px;
}
.bold-text-53 {
font-size: 20px;
}
.image-25 {
width: 400px;
height: 300px;
}
.image-25.image-fix {
margin-left: -89px;
padding-left: 100px;
}
.text-block-42.space {
text-align: center;
}
.text-block-43.space {
text-align: center;
font-size: 18px;
}
.heading-194.small {
font-size: 20px;
}
.heading-194.small.center {
text-align: center;
}
.image-26, .image-27, .image-28, .image-29, .image-30, .image-31, .image-32, .image-33, .image-34, .image-35, .image-36, .image-37, .image-38, .image-39, .image-40, .image-41 {
height: 350px;
}
.heading-195 {
font-size: 35px;
}
.div-block-9 {
flex-flow: column;
align-self: auto;
display: block;
}
.heading-225 {
text-align: center;
flex-flow: column;
justify-content: center;
align-items: center;
display: flex;
}
.paragraph-12 {
flex-flow: column;
justify-content: center;
align-items: center;
margin-bottom: 0;
padding-top: 10px;
display: block;
}
.button-copy {
font-size: 16px;
}
.button-copy.small {
font-size: 14px;
}
.button-copy.medium {
padding-top: 12px;
padding-bottom: 12px;
}
.button-copy-copy {
font-size: 16px;
}
.button-copy-copy.small {
font-size: 14px;
}
.button-copy-copy.medium {
padding-top: 12px;
padding-bottom: 12px;
}
.h3whitebg-copy {
font-size: 25px;
}
.center-tabs-copy {
margin-bottom: 40px;
}
.center-tabs-menu-copy {
flex-direction: column;
margin-left: 0;
margin-right: 0;
}
.center-tabs-menu-copy.dev {
padding-left: 10px;
padding-right: 10px;
display: flex;
}
.center-tabs-menu-copy.right {
margin-left: 20px;
}
.center-tabs-menu-copy.price-plans, .center-tabs-menu-copy.jobs {
flex-direction: row;
}
.center-tabs-link-copy {
width: 100%;
margin-bottom: 10px;
margin-left: 0;
margin-right: 0;
padding-left: 0;
}
.center-tabs-link-copy.dev {
margin-left: 0;
margin-right: 0;
}
.center-tabs-link-copy.price-plans {
width: auto;
}
.center-tabs-link-copy.jobs {
text-align: center;
width: auto;
}
.text-grey-2.mb-40 {
max-width: 80%;
height: 200px;
}
.text-grey-2.mb-40.space {
text-align: justify;
font-size: 15px;
}
.text-grey-2.space {
text-align: left;
}
.button-3 {
font-size: 16px;
}
.text-grey-3.mb-40 {
max-width: 80%;
height: 200px;
}
.text-grey-3.mb-40.space {
height: 170px;
}
.text-grey-3.space {
text-align: left;
}
.text-grey-4.mb-40 {
max-width: 80%;
height: 200px;
}
.text-grey-4.mb-40.space {
height: 170px;
}
.text-grey-4.space {
text-align: left;
}
.text-grey-5.mb-40.about.space {
flex-flow: column;
justify-content: space-between;
align-items: center;
max-width: 100%;
}
.text-grey-5.mb-40.center {
justify-content: center;
align-items: center;
max-width: 80%;
height: 170px;
}
.text-grey-5.space {
text-align: left;
}
.div-block-16 {
margin-left: 20px;
margin-right: 20px;
}
.button-icon-group-copy.mt-a {
margin-top: auto;
}
.button-icon-group-copy.button-row-item {
flex: none;
}
.container-copy {
padding-left: 20px;
padding-right: 20px;
}
.container-copy.dropdown-inner {
padding-left: 10px;
padding-right: 0;
}
.container-copy._1 {
flex-flow: column;
justify-content: center;
align-items: center;
width: 100%;
max-width: 500px;
display: flex;
position: static;
}
.top-features-item-copy {
flex-flow: column;
justify-content: center;
align-items: center;
display: flex;
}
.image-container-copy.about {
margin-right: 20px;
padding-top: 40px;
padding-bottom: 40px;
padding-left: 30px;
}
.text-block-47 {
font-size: 13px;
line-height: .9;
overflow: visible;
}
.grid-20 {
flex-flow: row;
justify-content: center;
place-items: center;
margin-bottom: 20px;
display: flex;
}
.grid-21 {
justify-content: center;
place-items: center;
margin-bottom: 40px;
display: flex;
}
.desktop-header-right-copy {
width: 100%;
margin-top: 0;
}
.row-copy {
margin-left: 20px;
padding-left: 0;
}
.row-copy.custom-pricing {
flex-direction: column;
display: flex;
}
.row-copy.nav-dropdown-main {
flex-direction: column;
}
.row-copy.nav-link-block-row {
margin-left: -10px;
margin-right: -10px;
}
.row-2.flex-bottom {
flex-flow: column;
justify-content: center;
align-items: center;
margin-bottom: 20px;
margin-left: 0;
margin-right: 0;
}
.text-black-5.mb-0 {
text-align: center;
margin-bottom: 20px;
}
.text-black-5.mb-0.space {
text-align: center;
}
.button-4 {
font-size: 16px;
}
.div-block-18 {
height: 380px;
}
.text-block-51 {
margin-top: 20px;
}
.image-47 {
height: 150px;
}
.pim-text {
font-size: 15px;
}
.pim-text.bold.space {
text-align: center;
}
.pim-text.center {
margin-left: 0;
margin-right: 0;
}
.pim-text.space {
text-align: left;
}
.div-block-22.blog-post-link {
flex-flow: column;
display: flex;
}
.grid-25 {
flex-flow: column;
justify-content: center;
align-items: center;
display: flex;
}
.pim-image {
max-width: 150px;
height: 150px;
margin-top: 10px;
padding-right: 0;
display: block;
}
.grid-26 {
grid-column-gap: 16px;
grid-row-gap: 16px;
text-align: left;
flex-flow: column;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
align-items: center;
display: flex;
}
.grid-26._1 {
max-width: 500px;
}
.heading-236 {
font-size: 15px;
}
.grid-27, .grid-27.ml-00 {
display: flex;
}
.image-51 {
text-align: center;
margin-left: 0;
display: block;
}
.column-13 {
flex-flow: column;
justify-content: center;
align-items: center;
padding-top: 0;
display: block;
}
.grid-28 {
grid-template-rows: auto;
grid-template-columns: auto;
}
.div-block-24 {
margin-left: 0;
}
.collection-item-2.blog-post-link {
width: 300px;
max-width: 100%;
height: 400px;
}
.div-block-28 {
text-align: center;
}
.heading-273 {
font-size: 25px;
}
.heading-273.center {
text-align: center;
}
.heading-274 {
text-align: center;
max-width: none;
margin-bottom: 40px;
font-size: 20px;
font-weight: 500;
}
.heading-274.center {
text-align: center;
max-width: 100%;
margin-bottom: 40px;
font-size: 20px;
font-weight: 500;
}
.heading-274.space, .heading-274.space-copy {
text-align: center;
max-width: none;
}
.image-54 {
width: 80%;
}
.div-block-29 {
margin-top: 40px;
}
.collection-list {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
place-items: center;
display: grid;
}
.column-41 {
flex-flow: column;
flex: 0 auto;
align-self: auto;
display: flex;
}
.link-block-4 {
width: 300px;
height: 400px;
}
.form {
flex-flow: column;
justify-content: center;
align-items: center;
display: block;
}
.collection-list-wrapper-5 {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: column;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: block;
}
.space {
text-align: left;
font-size: 15px;
}
.dropdown-content {
text-align: left;
flex-flow: column;
justify-content: center;
align-items: center;
margin-bottom: 20px;
display: flex;
overflow: hidden;
}
.columns-3 {
flex-flow: row;
display: flex;
}
.image-69 {
height: 200px;
}
.column-56 {
text-align: center;
flex-flow: column;
justify-content: center;
align-items: center;
display: flex;
}
.column-57 {
flex-flow: column;
justify-content: center;
align-items: center;
display: flex;
}
.column-59 {
flex-flow: column;
display: flex;
}
.column-61 {
flex-flow: column;
display: block;
}
.dropdown-4 {
vertical-align: baseline;
display: block;
}
.column-62 {
margin-top: -38px;
}
.column-63 {
padding-right: 20px;
}
.column-64 {
padding-left: 20px;
}
.column-65 {
padding-right: 40px;
}
.columns-7, .columns-8, .columns-9, .columns-10, .columns-11 {
margin-left: 10px;
margin-right: 10px;
}
.list-5 {
width: 300px;
max-width: 500px;
}
.bold-text-87, .bold-text-88, .bold-text-89, .bold-text-90 {
font-size: 20px;
}
.image-99 {
margin-left: 20px;
}
.image-100, .image-101 {
margin-left: 20px;
padding-left: 100px;
}
.image-102 {
height: 200px;
}
.image-103 {
margin-left: 40px;
}
.image-104, .image-105, .image-106, .image-108 {
margin-left: 20px;
padding-left: 100px;
}
.image-109 {
margin-left: 20px;
}
.image-110, .image-111 {
margin-left: 20px;
padding-left: 100px;
}
.image-112 {
margin-left: 20px;
}
.image-113, .image-114, .image-115, .image-116, .image-117, .image-118, .image-119, .image-120 {
margin-left: 20px;
padding-left: 100px;
}
.image-121, .image-122, .image-123, .image-124, .image-125, .image-126, .image-127 {
margin-left: 20px;
}
.link-block-6 {
max-width: 300px;
}
.collection-item-4 {
flex-flow: column;
justify-content: center;
align-items: center;
width: 300px;
max-width: 100%;
height: 400px;
margin-bottom: 20px;
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 10px;
display: block;
}
.mb-40-copy {
color: var(--background);
text-align: center;
max-width: 60%;
height: 100px;
margin-bottom: 20px;
font-size: 30px;
}
.mb-40-copy.ml-00 {
height: 100px;
}
.mb-40-copy.color-1 {
color: var(--white);
}
.mb-40-copy.mr-00 {
max-width: 70%;
}
.dropdown-5 {
display: block;
}
.container-8 {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
margin-bottom: 10px;
padding-left: 20px;
padding-right: 20px;
}
.image-142 {
margin-bottom: 10px;
margin-right: 0;
}
.collection-list-wrapper-8 {
flex-flow: column;
justify-content: center;
align-items: flex-start;
display: block;
}
.column-80, .column-82 {
flex-flow: column;
justify-content: center;
align-items: center;
display: flex;
}
.column-83 {
flex-flow: column;
justify-content: center;
align-items: flex-start;
display: flex;
}
.column-85 {
flex-flow: column;
justify-content: center;
align-items: flex-start;
display: block;
}
.column-86 {
margin-top: 60px;
}
.column-87 {
margin-top: 40px;
}
.paragraph-20 {
text-align: left;
}
.column-89 {
position: sticky;
}
.column-94 {
justify-content: center;
align-items: center;
margin-top: 60px;
display: flex;
}
.column-105, .column-109 {
position: sticky;
}
.column-119 {
margin-top: 60px;
}
.color-2 {
color: var(--alternate-bg);
}
.div-block-41, .column-131 {
flex-flow: column;
justify-content: center;
align-items: center;
display: flex;
}
.column-135 {
flex-flow: row;
justify-content: center;
align-items: center;
display: block;
}
.div-block-66 {
display: block;
}
.column-308 {
text-align: left;
display: block;
}
.link-2 {
overflow-wrap: normal;
}
.container-9 {
flex-flow: column;
justify-content: center;
align-items: center;
width: auto;
max-width: 1280px;
}
.footer1 {
flex-flow: column;
justify-content: center;
align-self: auto;
align-items: center;
width: 100%;
max-width: 100%;
}
.dropdown-content-2 {
text-align: left;
margin-left: auto;
margin-right: auto;
padding-left: 40px;
}
.text-primary-2.subtitle.text-small.mb-20.mobile {
text-align: left;
justify-content: flex-start;
align-items: center;
}
.div-block-67 {
grid-column-gap: 16px;
grid-row-gap: 16px;
text-align: center;
flex-flow: column;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: row;
justify-content: center;
align-self: auto;
align-items: center;
display: flex;
}
.row-3 {
flex-flow: row;
justify-content: space-between;
align-items: flex-start;
margin: 0;
display: block;
}
.text-grey-6 {
font-size: 15px;
}
.text-grey-6.text-extra-small {
color: #fff;
text-align: center;
}
.section-9 {
align-self: center;
}
.image-167 {
padding-right: 60px;
}
.image-168 {
margin-top: 20px;
padding-left: 100px;
}
.image-169 {
top: -25%;
left: 140px;
}
}
@media screen and (max-width: 767px) {
.container {
padding-left: 20px;
padding-right: 20px;
}
.section {
padding-top: 40px;
padding-bottom: 40px;
}
.section.pricing {
padding-bottom: 100px;
}
.nav-menu {
padding-top: 20px;
padding-bottom: 20px;
}
.brand {
padding-left: 0;
}
.style-guide-inner, .style-guide-inner.mb-20 {
padding-left: 20px;
padding-right: 20px;
}
.text-large.case-studies-text {
font-size: 18px;
}
.button.white.small {
flex-flow: row;
justify-content: center;
align-items: center;
display: flex;
}
.button.medium {
padding-top: 12px;
padding-bottom: 12px;
}
.footer-link-legal {
margin-bottom: 5px;
display: block;
}
.align-right {
text-align: left;
}
.row {
flex-flow: row;
}
.row.flex-center {
flex-direction: column;
}
.row.flex-bottom {
flex-direction: column;
align-items: flex-start;
}
.row.flex, .row.table-row.outer, .row.nav-dropdown-inner, .row.flex-copy, .row.flex-copy {
flex-direction: column;
}
.row._1 {
flex-flow: column;
}
.row.x {
grid-template-columns: 1fr;
}
.center-block {
text-align: left;
}
.center-block.mobile-center {
text-align: center;
}
.image-container {
margin-right: 0;
}
.image-container.right {
margin-left: 0;
}
.image-container.about {
margin-bottom: 40px;
margin-right: 0;
padding-top: 20px;
padding-bottom: 20px;
padding-left: 20px;
}
.image-container.case {
margin-bottom: 30px;
}
.image-container.case.right {
text-align: right;
}
.image-container-bg.center.homeblock {
background-color: var(--white-smoke);
}
.button-icon-group {
justify-content: center;
align-items: stretch;
}
.button-icon-group.center {
justify-content: flex-start;
}
.button-icon-group.right {
justify-content: flex-start;
margin-top: 10px;
}
.inner-section, .inner-section.small {
padding: 20px;
}
.inner-section.app-info {
padding-bottom: 30px;
}
.inner-section.use-cases-header {
flex-direction: column;
padding-top: 20px;
padding-bottom: 20px;
display: flex;
}
.get-started-image {
margin-bottom: 0%;
}
.align-center {
text-align: left;
}
.intergrations-container {
max-width: 100%;
margin-left: 0;
}
.blog-post-link {
margin-bottom: 20px;
}
.blog-post-link.white {
margin-top: 0;
}
.subscribe-image {
padding-left: 0;
}
.flex-bottom.align-center {
text-align: center;
}
.col-flex-mob-first {
order: -1;
justify-content: center;
align-items: flex-start;
margin-bottom: 20px;
}
.how-it-works-links {
margin-bottom: 20px;
}
.connect-image {
margin-top: 0;
margin-bottom: -100px;
margin-left: 0;
}
.analyze-image {
margin-bottom: -10%;
}
.saas-company-icons {
margin-top: -20px;
margin-left: -20px;
margin-right: -20px;
}
.features-items.dark-grey {
padding-left: 20px;
padding-right: 20px;
}
.features-items.pb-0.mb-0.align-center {
text-align: center;
}
.slider.mobile-slider {
margin: -100px -20px 20px;
}
.slider.mobile-slider-feedback {
width: 50%;
margin-bottom: -20px;
}
.slider.solutions {
padding-bottom: 70px;
}
.slider.team, .slider.career {
max-width: 400px;
}
.slider.mobile-slider-feedback-copy {
width: 50%;
margin-bottom: -20px;
left: -351px;
}
.feedback-item.light, .feedback-item.light-copy, .feedback-item.light-copy-copy, .feedback-item.light-copy-copy-copy {
margin-left: 5px;
margin-right: 5px;
padding-left: 20px;
padding-right: 20px;
}
.feedback-item-footer {
margin-bottom: 0;
}
.startup-header {
min-height: 700px;
}
.max-500 {
max-width: none;
}
.step-tabs {
flex-direction: column;
}
.step-tabs-menu, .step-tabs-content {
width: 100%;
}
.step-tabs-menu-link-icon {
width: 34px;
}
.pricing-tabs.max-900 {
margin-top: -100px;
}
.pricing-card {
background-color: var(--alternate-bg);
}
.pricing-card.light {
background-color: var(--dark-grey);
margin-bottom: 20px;
}
.pricing-card.dark-grey {
padding: 40px;
}
.plan-icon {
background-color: var(--background);
}
.inner-section-content.flex {
padding-left: 20px;
padding-right: 20px;
}
.case-studies-photo {
display: none;
}
.cases-tabs-menu {
flex-direction: column;
position: static;
}
.cases-tabs-menu-link {
border-top: 1px solid #ffffff1a;
}
.case-studies {
margin-bottom: 120px;
}
.resources-item-link {
margin-bottom: 40px;
}
.desktop-header {
padding-top: 60px;
}
.desktop-header-right-video {
border-top-left-radius: 7px;
border-top-right-radius: 7px;
}
.video-link-play-button {
background-size: 40px;
width: 50px;
height: 50px;
}
.top-features-item {
margin-bottom: 40px;
}
.numbers-item {
border-bottom: 2px solid var(--dark-grey);
border-right-style: none;
margin-left: 20px;
margin-right: 20px;
padding-left: 0;
padding-right: 0;
}
.numbers-item.last {
border-bottom-style: none;
}
.numbers-item.white {
border-bottom-style: none;
border-bottom-width: 1px;
}
.section-numbers {
padding-top: 0;
}
.center-tabs-link.jobs {
justify-content: center;
width: 33%;
display: flex;
}
.center-tabs-menu.right {
margin-left: 0;
}
.center-tabs-menu.price-plans {
justify-content: flex-start;
margin-bottom: 10px;
}
.center-tabs-menu.jobs {
flex-flow: wrap;
}
.center-tabs.code {
margin-top: 20px;
}
.features-list-item {
margin-bottom: 30px;
padding-left: 0;
padding-right: 0;
}
.feature-section-bg {
display: none;
}
.img-right {
max-width: 100%;
}
.img-right.left {
margin-left: 0%;
}
.review-points {
margin-bottom: 40px;
}
.languages {
margin-bottom: 20px;
}
.action-img {
max-width: 100%;
margin-top: 20px;
margin-bottom: -20px;
}
.app-info {
margin-bottom: 20px;
}
.mobile-hidden {
display: none;
}
.app-header {
padding-top: 60px;
}
.mobile-header-img {
max-width: 100%;
margin-left: 0;
margin-right: auto;
display: block;
}
.app-store.center, .google-play.center {
margin-left: 0;
}
.mobile-header-left-bg {
display: none;
}
.mobile-steps-img {
max-width: 320px;
margin-top: 60px;
margin-left: auto;
margin-right: auto;
display: block;
}
.mobile-steps-img.first {
margin-top: 20px;
}
.mobile-steps-content {
margin-left: -20px;
margin-right: -20px;
padding-top: 30px;
padding-bottom: 30px;
}
.mobile-steps-content.first {
margin-left: -20px;
padding-left: 20px;
}
.mobile-steps-content.last {
margin-right: -20px;
padding-bottom: 40px;
padding-right: 20px;
}
.mobile-slider-right {
padding-top: 20px;
padding-bottom: 60px;
}
.mobile-slider-screen {
max-width: 200px;
}
.mobile-slider-screen.right {
max-width: 60%;
margin-top: 0;
margin-bottom: 0;
margin-left: 0;
}
.mobile-slider-nav {
margin-bottom: 0;
margin-left: 28px;
inset: auto auto 0% 0%;
}
.mobile-platforms {
flex-direction: column;
}
.mobile-platforms-menu, .mobile-platforms-content {
width: 100%;
}
.mobile-platforms-menu-item-icon {
margin-top: -2px;
}
.mob-devices-img {
max-width: 100%;
margin-top: 0%;
margin-bottom: 0%;
margin-left: 0%;
}
.mobile-feedback-text {
height: 104px;
}
.mobile-awards {
text-align: center;
margin-top: 20px;
margin-bottom: 20px;
display: block;
}
.footer-mobile-action {
margin-left: -20px;
margin-right: -20px;
}
.dev-header {
padding-top: 20px;
}
.dev-home-img {
width: 100%;
margin-top: 20px;
margin-left: 0%;
}
.header-notification {
flex-direction: column;
}
.dev-usage {
flex-direction: column;
margin-top: 20px;
padding-left: 20px;
padding-right: 20px;
}
.dev-usage-item {
width: 100%;
margin-bottom: 20px;
margin-left: 0%;
margin-right: 0%;
}
.dev-usage-item._3, .dev-usage-item._2, .dev-usage-item._4 {
margin-top: 0%;
}
.dev-features-img {
margin-bottom: 20px;
padding-right: 0;
}
.code-block.right {
margin-left: 10px;
}
.code-block.left {
margin-right: 10px;
}
.subscribe-bullets-row.center {
flex-direction: column;
}
.mb-10-mobile {
margin-bottom: 10px;
}
.product-feature-header {
padding-top: 60px;
}
.product-feature-header-right {
max-width: 100%;
margin-left: 0%;
}
.solutions-header, .use-cases-header {
padding-top: 60px;
}
.width-50 {
width: 100%;
}
.width-50.left {
margin-left: 0%;
}
.solutions-header-right {
width: auto;
height: 0;
margin-top: 30px;
margin-left: 20px;
margin-right: 20px;
padding-top: 50%;
position: relative;
}
.header-feedback.transparent {
margin-bottom: 20px;
}
.solution-features-img {
width: 120px;
margin-bottom: 10px;
}
.solution-sticky-left {
position: static;
}
.solution-sticky-item {
flex-direction: column;
padding: 20px;
}
.solution-sticky-item-icon {
max-width: 50px;
margin-bottom: 10px;
}
.solutions-slide-img {
padding: 20px 140px;
}
.solutions-slide-container {
margin-bottom: 20px;
}
.solutions-slide-content {
margin-left: 0;
}
.icon-tabs {
flex-direction: column;
display: flex;
}
.icon-tabs-content {
padding-bottom: 20px;
}
.icon-tabs-menu {
order: -1;
margin-bottom: 40px;
margin-left: -5px;
position: static;
}
.use-cases-header-img {
order: -1;
width: auto;
height: 0%;
margin: -20px -20px 20px;
padding-top: 100%;
position: static;
}
.use-cases-tabs-menu {
display: flex;
}
.use-cases-tabs-menu-link {
margin-bottom: 10px;
margin-right: 0;
display: block;
}
.row.flex-center {
flex-flow: column;
}
.use-cases-menu-left {
width: 100%;
margin-bottom: 20px;
position: static;
}
.use-cases-tabs {
flex-direction: column;
}
.use-cases-content-right {
margin-left: 0;
}
.use-cases-content-row, .billing-period-card {
padding: 20px;
}
.billing-period-radio-field {
width: 100%;
margin-bottom: 20px;
margin-left: 0;
margin-right: 0;
}
.billing-period-selector {
flex-direction: column;
margin-left: 0;
margin-right: 0;
}
.billing-period-footer {
flex-direction: column;
align-items: flex-start;
}
.billing-period-submit {
margin-left: 0;
}
.inner-section-right-bg {
width: 100%;
display: none;
left: 0%;
}
.custom-pricing-header-right {
margin-bottom: 20px;
padding-right: 10px;
}
.custom-pricing-header-left {
padding-left: 10px;
}
.pricing-card-container {
margin-bottom: 20px;
}
.table-col-content {
text-align: center;
padding: 14px 8px;
}
.table-col-content.title {
justify-content: center;
}
.table-col-content.title.header {
display: none;
}
.table-col-content.first {
border-left-style: none;
}
.table-col-content.subheader {
padding-top: 18px;
padding-bottom: 18px;
}
.pricing-table-subheader {
display: none;
}
.mobile-visible {
display: block;
}
.license-purchase-radio-field {
width: auto;
margin-bottom: 20px;
padding-bottom: 20px;
}
.license-purchase-select {
flex-direction: column;
}
.license-purchase-tabs-link {
text-align: center;
border-style: solid;
margin-top: -1px;
margin-left: 0;
display: block;
}
.license-purchase-tabs-menu {
margin-bottom: 20px;
}
.special-offer {
flex-direction: column;
}
.special-offer.max-900 {
margin-bottom: 20px;
padding-left: 20px;
padding-right: 20px;
}
.special-offer-right {
align-self: flex-start;
margin-top: 20px;
}
.special-offer-left {
flex-direction: column;
align-items: flex-start;
}
.company-header-right {
margin-top: 40px;
margin-left: -15px;
margin-right: -15px;
}
.story-right {
padding-left: 10px;
}
.timeline-row {
flex-direction: column;
padding-bottom: 60px;
}
.timeline-col {
width: 100%;
padding-bottom: 0;
padding-left: 60px;
padding-right: 0;
}
.timeline-col.left {
text-align: left;
padding-left: 60px;
padding-right: 0;
}
.timeline-col.year {
order: -1;
}
.timeline-point {
margin-top: 8px;
left: 10px;
}
.about-video {
padding-top: 60%;
}
.about-video-container {
margin-bottom: -1px;
}
.company-values {
padding: 20px;
}
.about-career-img {
margin: 20px 0 -50px;
}
.company-slide {
padding-left: 10px;
padding-right: 10px;
}
.globe-container {
padding-top: 0%;
display: none;
}
.globe {
margin-top: 10%;
left: 0%;
transform: scale(2);
}
.career-header {
padding-bottom: 80px;
}
.career-benefits-img {
width: 100%;
max-width: 100%;
margin-left: 0;
}
.jobs-item {
padding: 20px;
}
.job-location {
margin-bottom: 20px;
}
.jobs-item-right {
align-items: flex-start;
margin-top: 10px;
}
.integration-row {
flex-direction: column;
}
.integration-col-left {
min-width: auto;
margin-bottom: 20px;
padding-right: 0;
}
.integration-category-link {
border-bottom: 1px solid #e7e7e7;
border-left-style: none;
padding-left: 0;
}
.integration-row-item-link {
margin-bottom: 20px;
}
.integration-row-item-content {
padding: 20px;
}
.integration-row-nav {
padding-bottom: 0;
position: static;
}
.integration-header-img {
margin-top: 40px;
}
.integration-item-info {
order: -1;
min-width: auto;
margin-bottom: 40px;
margin-left: 0;
}
.integration-cms-row {
flex-direction: column;
}
.integration-item-main {
max-width: 100%;
}
.integration-item-info-sticky {
padding: 20px;
}
.jobs-right-sticky {
padding-bottom: 20px;
padding-left: 20px;
padding-right: 20px;
}
.utility-page-form {
padding-left: 20px;
padding-right: 20px;
}
.case-header-img {
max-width: 100%;
margin-top: -10%;
}
.contact-tabs-menu {
margin-bottom: 20px;
margin-left: 0;
margin-right: 0;
}
.contact-tabs-link {
text-align: center;
margin-bottom: 5px;
margin-left: 0;
margin-right: 0;
padding-top: 12px;
padding-bottom: 12px;
display: block;
}
.contact-right-inner {
padding: 20px;
}
.office-img {
max-width: 100%;
}
.download-logo {
margin-left: 0;
}
.download-tabs-menu {
padding-left: 0;
padding-right: 0;
}
.blog-featured {
padding-top: 340px;
}
.blog-featured-image-container {
width: 100%;
height: 340px;
position: absolute;
}
.blog-featured-content {
width: 100%;
margin-left: 0%;
}
.blog-nav-link {
border-bottom-color: #e7e7e7;
}
.blog-nav {
border-bottom-style: none;
flex-direction: column;
align-items: stretch;
}
.blog-post-item {
width: 100%;
}
.blog-post-main-img {
margin-bottom: 40px;
}
.blog-post-date {
padding-bottom: 30px;
}
.blog-socials {
flex-direction: column;
align-items: flex-end;
}
.blog-socials-text {
margin-bottom: 10px;
}
.help-center-category-header {
flex-direction: column;
align-items: flex-start;
margin-bottom: 40px;
}
.help-center-category-header-icon {
height: 60px;
margin-bottom: 20px;
}
.help-center-article {
padding: 20px;
}
.article-nav {
margin-top: 40px;
}
.policy-nav {
margin-bottom: 40px;
}
.signup-col-promo {
display: none;
}
.signup-col-form {
width: 100%;
padding-top: 20px;
padding-bottom: 20px;
}
.nav-link-block {
padding-top: 7px;
padding-bottom: 7px;
padding-right: 0;
}
.nav-dropdown-section-divider {
border-right-style: none;
margin-right: 0;
padding-right: 0;
}
.home-header {
flex-direction: column;
min-height: auto;
padding-top: 100px;
padding-bottom: 100px;
}
.home-right {
width: auto;
height: 0;
margin-top: 30px;
margin-left: 20px;
margin-right: 20px;
padding-top: 50%;
display: none;
position: relative;
}
.home-left {
width: 100%;
padding-right: 0;
}
.more-templates {
display: none;
}
.image-2 {
overflow: clip;
}
.button-copy.medium {
padding-top: 12px;
padding-bottom: 12px;
}
.heading-slide-2copy {
font-size: 20px;
}
.paragraph-slide-2copy {
font-size: 13px;
line-height: 1.2;
}
.div-block-12-copy {
max-width: 100%;
}
.heading-slide-2copy-copy {
font-size: 20px;
line-height: 1.3;
}
.paragraph-slide-2copy-copy {
flex: 1;
font-size: 13px;
line-height: 1.2;
}
.button-copy-copy.medium {
padding-top: 12px;
padding-bottom: 12px;
}
.slider-2 {
max-width: 51%;
}
.feedback-item-footer-copy {
margin-bottom: 0;
}
.slide-4 {
width: auto;
}
.center-tabs-copy.code {
margin-top: 20px;
}
.center-tabs-menu-copy.right {
margin-left: 0;
}
.center-tabs-menu-copy.price-plans {
justify-content: flex-start;
margin-bottom: 10px;
}
.center-tabs-menu-copy.jobs {
flex-flow: wrap;
}
.center-tabs-link-copy.jobs {
justify-content: center;
width: 33%;
display: flex;
}
.button-icon-group-copy.center {
justify-content: flex-start;
}
.button-icon-group-copy.right {
justify-content: flex-start;
margin-top: 10px;
}
.container-copy {
padding-left: 20px;
padding-right: 20px;
}
.align-center-copy {
text-align: left;
}
.top-features-item-copy {
margin-bottom: 40px;
}
.image-container-copy {
margin-right: 0;
}
.image-container-copy.right {
margin-left: 0;
}
.image-container-copy.about {
margin-bottom: 40px;
margin-right: 0;
padding-top: 20px;
padding-bottom: 20px;
padding-left: 20px;
}
.image-container-copy.case {
margin-bottom: 30px;
}
.image-container-copy.case.right {
text-align: right;
}
.row-copy.flex-center {
flex-direction: column;
}
.row-copy.flex, .row-copy.table-row.outer, .row-copy.nav-dropdown-inner, .row-copy.flex-copy, .row-copy.flex-copy, .row-copy.flex-center {
flex-direction: column;
}
.row-copy.flex-bottom {
flex-direction: column;
align-items: flex-start;
}
.row-copy.flex, .row-copy.table-row.outer, .row-copy.nav-dropdown-inner, .row-copy.flex-copy, .row-copy.flex-copy {
flex-direction: column;
}
.row-2.flex-bottom {
flex-direction: column;
align-items: flex-start;
}
.align-right-2 {
text-align: left;
}
.grid-29 {
grid-template-columns: 1fr;
}
.link-block-6 {
max-width: 400px;
}
.column-74 {
flex-flow: row;
justify-content: center;
align-items: center;
display: block;
}
.container-8 {
padding-left: 20px;
padding-right: 20px;
}
.center-block-2 {
text-align: left;
}
.footer-link-legal-2 {
margin-bottom: 5px;
display: block;
}
.image-container-2 {
margin-right: 0;
}
.image-168 {
margin-top: 20px;
padding-left: 60px;
}
.image-169 {
top: -25%;
bottom: 100px;
left: 100px;
}
}
@media screen and (max-width: 479px) {
h1 {
font-size: 46px;
}
img {
margin-top: 20px;
}
.container {
grid-column-gap: 10px;
grid-row-gap: 10px;
text-align: center;
grid-template-rows: auto;
grid-auto-flow: row;
justify-content: stretch;
place-items: center;
width: auto;
margin-top: 10px;
margin-bottom: 20px;
padding-top: 0;
padding-left: 10px;
padding-right: 10px;
}
.container.nav {
place-items: stretch center;
width: auto;
max-width: none;
height: auto;
margin-left: 0;
margin-right: 0;
}
.container.dropdown-inner {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-auto-flow: column;
justify-content: start;
place-items: start stretch;
width: auto;
max-width: none;
height: 100%;
min-height: auto;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
padding-top: 0;
padding-left: 0;
left: 0;
}
.container.solutionshome {
margin-left: 20px;
margin-right: 20px;
}
.container.about {
margin-right: 0;
}
.container._1 {
justify-content: center;
align-items: center;
height: 700px;
margin: 0 10px 60px 0;
padding-top: 0;
padding-left: 0;
padding-right: 0;
}
.container.x {
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
}
.container.b-flex {
flex-flow: column;
max-width: 100%;
display: flex;
}
.section {
margin: 40px 10px 20px;
padding-top: 0;
padding-bottom: 0;
}
.section.pt-0 {
text-align: left;
}
.section.light.pt-0 {
padding-bottom: 0;
}
.section.white {
box-sizing: border-box;
aspect-ratio: auto;
margin-bottom: 0;
}
.section.white.tablet-hidden {
overflow: hidden;
}
.section.white.hero {
grid-template-rows: auto 245px;
grid-template-columns: 1fr 1fr;
grid-auto-flow: row;
margin-bottom: 20px;
}
.section.prod-feature-works {
background-image: linear-gradient(to bottom, var(--white) 70%, var(--light) 70%);
}
.section.alternatecolor {
margin-bottom: 0;
padding-bottom: 80px;
}
.navbar {
z-index: 100;
height: 70px;
position: fixed;
}
.navbar-container {
flex-flow: row;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: none;
height: auto;
}
.nav-menu {
z-index: auto;
flex-flow: column;
min-width: 100%;
max-width: 100%;
height: 50%;
max-height: none;
margin-top: 60px;
padding: 0;
display: flex;
position: fixed;
left: auto;
right: auto;
overflow: auto;
}
.nav-link {
flex-flow: column;
display: flex;
top: 0;
left: 0;
right: 0;
}
.brand {
margin-right: 40px;
padding-left: 0;
display: block;
}
.brand.short {
display: block;
}
.nav-menu-action.button.primary.small {
text-align: center;
justify-content: center;
align-items: center;
max-width: 100%;
height: 40px;
margin-top: 0;
margin-left: 0;
padding-top: 14px;
padding-bottom: 12px;
font-size: 13px;
line-height: 1.1;
display: flex;
overflow: visible;
}
.text-primary.subtitle.text-small.mb-20.mobile {
flex-flow: column;
justify-content: center;
align-items: flex-start;
max-width: 0;
margin-top: 0;
margin-bottom: 0;
padding-top: 0;
font-size: 0;
line-height: 0;
display: flex;
}
.style-guide-inner {
padding-left: 20px;
padding-right: 20px;
}
.mb-20 {
flex: 0 auto;
align-self: auto;
max-width: 100%;
height: auto;
margin-bottom: 0;
margin-left: 0;
padding-left: 0;
display: block;
overflow: visible;
}
.mb-20.text-grey {
text-align: center;
margin-left: 20px;
text-decoration: none;
}
.mb-20.text-grey.center {
max-width: none;
height: auto;
}
.mb-20.lightbg {
max-width: none;
margin-left: 20px;
font-size: 25px;
}
.mb-20.features {
width: 100%;
max-width: none;
height: 250px;
margin-left: 0;
margin-right: 0;
padding-left: 10px;
padding-right: 10px;
}
.mb-20.features.mr-00 {
margin-left: 0;
margin-right: 0;
padding-left: 60px;
padding-right: 60px;
}
.mb-20.heading-274 {
justify-content: center;
align-items: center;
margin-top: 20px;
margin-left: 0;
font-size: 20px;
display: flex;
}
.mb-20.heading-274.space {
justify-content: center;
align-items: flex-start;
height: 100px;
}
.mb-20.heading-274.center {
justify-content: center;
align-items: center;
height: 100px;
margin-top: 20px;
}
.mb-20.heading-274.mt-00 {
margin-top: -30px;
margin-bottom: 10px;
}
.mb-20.heading-235 {
max-width: none;
height: auto;
margin-left: 0;
padding-left: 0;
font-size: 20px;
}
.mb-20.mr-00 {
margin-left: 60px;
}
.mb-20.heading-274 {
justify-content: flex-start;
align-items: center;
margin-bottom: 20px;
padding-bottom: 10px;
}
.text-small.text-light-grey {
text-align: left;
flex-flow: row;
justify-content: flex-start;
align-items: center;
margin-left: -18px;
font-size: 15px;
display: flex;
}
.text-small.mb-0.text-grey {
height: auto;
margin-top: 0;
}
.text-small.mb-0.text-grey.mb-00, .text-small.mb-0.text-grey.space {
height: 350px;
}
.text-small.text-semi {
color: var(--primary);
font-weight: 700;
}
.text-small.text-grey.flex-grow {
max-width: 200px;
}
.text-small.text-grey.flex-grow.mb-20 {
margin-left: 10px;
margin-right: 10px;
}
.text-extra-small.text-light-grey {
flex-flow: wrap;
justify-content: flex-start;
align-items: flex-end;
margin-top: 0;
}
.text-extra-small.text-light-grey.align-left {
justify-content: space-between;
align-items: flex-end;
width: auto;
margin-top: 0;
margin-left: 20px;
font-size: 13px;
}
.text-extra-small.text-light-grey.align-left.ml-00 {
margin-left: 20px;
}
.subtitle, .subtitle.text-primary {
text-align: center;
font-size: 13px;
}
.subtitle.text-small {
text-align: left;
flex-flow: row;
justify-content: flex-start;
align-self: center;
align-items: center;
width: 200px;
max-width: 200px;
margin-top: 10px;
padding-top: 10px;
display: flex;
}
.subtitle.text-small.align-left {
text-align: left;
}
.subtitle.text-primary-dark.text-medium.center, .subtitle.text-primary-dark.text-medium.space {
text-align: center;
}
.subtitle.text-primary-dark.text-small.mb-10.center {
margin-left: 20px;
}
.subtitle.text-primary-dark.text-small.center {
text-align: center;
width: auto;
max-width: none;
}
.subtitle.text-primary-dark.center {
flex-flow: column;
justify-content: center;
align-items: center;
display: flex;
}
.subtitle.mb-10.text-secondary {
flex-flow: column;
justify-content: center;
align-items: center;
font-size: 13px;
display: block;
}
.subtitle.text-uppercase.text-medium.text-primary.mb-10 {
font-size: 13px;
}
.subtitle.text-uppercase.text-medium.text-primary.mb-10.center {
text-align: center;
}
.subtitle.text-uppercase.text-medium.text-primary-dark.mb-10 {
font-size: 13px;
}
.subtitle.text-uppercase.text-primary-dark.text-extra-small.mb-5.center {
text-align: center;
}
.subtitle.text-extra-small.text-grey.mb-20 {
text-align: left;
}
.subtitle.text-extra-small.text-grey.mb-10 {
text-align: left;
margin-left: 0;
padding-left: 0;
}
.subtitle.text-extra-small.text-grey.mb-10.ml-00 {
margin-left: 20px;
padding-left: 0;
}
.subtitle.text-extra-small.text-grey.mb-10.ml-00.text-primary-dark {
color: var(--primary);
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
margin-bottom: 10px;
margin-left: 0;
font-family: Space Mono, sans-serif;
font-size: 15px;
text-decoration: none;
display: flex;
}
.subtitle.text-extra-small.text-grey.mb-10.ml-00.text-primary-dark.left-00 {
margin-left: -17px;
}
.subtitle.text-extra-small.mb-10.mobile-hidden {
display: inline-block;
}
.subtitle.text-extra-small.mb-10._28 {
margin-left: -18px;
}
.subtitle.space {
text-align: center;
font-size: 16px;
}
.subtitle.center {
margin-bottom: 20px;
font-size: 15px;
}
.subtitle.subtitle-center {
text-align: center;
}
.text-grey {
color: var(--background);
margin-top: 10px;
padding-left: 10px;
padding-right: 10px;
font-size: 15px;
}
.text-grey.text-extra-small {
color: var(--white);
text-align: center;
margin-left: 10px;
margin-right: 0;
padding-left: 20px;
}
.text-grey.text-extra-small.text-uppercase {
color: var(--background);
}
.text-grey.text-extra-small.text-uppercase.mb-20 {
color: var(--background);
max-width: none;
}
.text-grey.mb-40 {
justify-content: center;
align-items: center;
max-width: 100%;
height: 240px;
margin-top: 10px;
margin-bottom: 20px;
margin-left: 0;
padding-top: 0;
font-size: 15px;
}
.text-grey.mb-40.about.space {
grid-column-gap: 0px;
grid-row-gap: 0px;
justify-content: center;
align-items: center;
margin-top: 10px;
}
.text-grey.mb-40.mt-00 {
clear: none;
justify-content: center;
align-items: flex-start;
max-width: 40%;
margin-top: 0;
margin-left: 0;
}
.text-grey.mb-40.center {
justify-content: center;
align-items: flex-start;
height: 200px;
margin-top: 10px;
margin-bottom: 20px;
margin-left: 0;
}
.text-grey.mb-40.center.height-change {
height: 150px;
}
.text-grey.mb-40.center.height-1 {
height: 250px;
}
.text-grey.mb-40.space {
text-align: center;
flex-flow: column;
justify-content: flex-start;
align-items: center;
height: 200px;
margin-top: 20px;
display: flex;
}
.text-grey.mb-40.space.height-small {
margin-top: 10px;
}
.text-grey.mb-40.space.height-full {
text-align: center;
height: 300px;
}
.text-grey.mb-40.height2 {
width: auto;
height: 500px;
margin-bottom: 20px;
}
.text-grey.mb-40.height-small {
justify-content: center;
align-items: center;
height: 150px;
}
.text-grey.mb-40.height-small.space {
flex-flow: column;
margin-bottom: 0;
}
.text-grey.mb-40.space1 {
text-align: center;
}
.text-grey.mb-40.height-1 {
height: 270px;
}
.text-grey.text-small {
margin-bottom: 20px;
}
.text-grey.text-small.mb-0 {
color: var(--background);
text-align: justify;
height: 300px;
margin-top: 10px;
margin-right: 0;
}
.text-grey.text-small.mb-0.space {
text-align: center;
display: block;
}
.text-grey.text-small.center {
margin-top: 10px;
margin-bottom: 0;
}
.text-grey.text-small.space {
text-align: center;
font-size: 15px;
}
.text-grey.text-small.space.space-remove {
text-align: left;
}
.text-grey.mb-60 {
margin-bottom: 20px;
font-size: 16px;
}
.text-grey.mb-60.about {
margin-bottom: 40px;
}
.text-grey.text-medium {
text-align: left;
justify-content: center;
align-items: center;
margin-left: 0;
}
.text-grey.text-medium.mb-30.center {
text-align: center;
}
.text-grey.text-medium.mb-30.space {
justify-content: flex-start;
align-items: center;
margin-bottom: 20px;
margin-left: 0;
padding-top: 10px;
}
.text-grey.text-medium.mb-40 {
justify-content: flex-start;
align-items: center;
height: 200px;
margin-top: 20px;
margin-left: 0;
padding-left: 0;
font-family: Red Hat Display, sans-serif;
}
.text-grey.text-medium.mb-40.height-change {
height: 250px;
}
.text-grey.text-medium.mb-0 {
color: var(--background);
}
.text-grey.text-medium.mb-0.center {
text-align: center;
}
.text-grey.text-medium.mb-0.space {
text-align: center;
margin-bottom: 0;
}
.text-grey.text-medium.max-700 {
height: auto;
min-height: auto;
}
.text-grey.text-medium.mb-10 {
justify-content: center;
align-items: center;
}
.text-grey.text-medium.cases.space {
margin-bottom: 10px;
}
.text-grey.text-medium.mb-20-copy.center {
margin-top: 20px;
}
.text-grey.text-medium.center {
justify-content: center;
align-items: flex-start;
width: auto;
max-width: none;
margin-top: 20px;
padding-top: 10px;
}
.text-grey.text-medium.space {
text-align: center;
margin-bottom: 20px;
}
.text-grey.mb-0.text-default.space {
text-align: center;
}
.text-grey.mb-20.text-medium-copy {
margin-left: 0;
}
.text-grey.center {
text-align: center;
}
.text-grey.center.color-3 {
color: var(--white);
}
.text-grey.space {
text-align: center;
}
.text-black {
text-align: left;
flex: 0 auto;
padding-top: 0;
padding-right: 0;
font-size: 18px;
}
.text-black.mb-0 {
flex: 0 auto;
font-size: 18px;
}
.text-black.mb-0.text-secondary {
font-size: 18px;
}
.text-black.mb-20 {
font-size: 15px;
}
.text-black.mb-20.centre {
text-align: center;
margin-left: 0;
}
.text-black.mb-20.space {
margin-bottom: 20px;
}
.text-black.mb-20.space.font-size {
font-size: 17px;
}
.text-black.text-medium.text-semi.mb-5.center {
color: var(--background);
text-align: center;
font-size: 20px;
}
.text-black.subtitle.mb-10 {
justify-content: center;
align-items: center;
margin-top: 10px;
font-size: 20px;
display: block;
}
.text-black.subtitle.mb-10.space, .text-black.subtitle.mb-10.center {
text-align: center;
}
.text-black.mb-40 {
height: 200px;
font-size: 25px;
}
.text-black.mb-40.space {
justify-content: center;
align-items: center;
height: 100px;
margin-left: 0;
}
.text-black.mb-40.space.height-change {
height: 100px;
margin-bottom: 20px;
padding-top: 0;
}
.text-black.mb-30 {
max-width: 200px;
}
.text-black.text-semi.mb-10.text-large {
text-align: center;
}
.text-black.mb-20-copy.pim1 {
flex-flow: column;
justify-content: space-between;
align-items: center;
font-size: 15px;
display: flex;
}
.text-black.features {
text-align: center;
justify-content: center;
align-items: center;
margin-bottom: 0;
margin-right: 0;
font-size: 18px;
display: flex;
}
.text-black.features.center {
text-align: center;
height: 40px;
margin-right: 0;
font-size: 18px;
}
.text-black.features.space {
margin-bottom: 0;
font-size: 18px;
}
.text-black.bloglist {
font-size: 16px;
}
.text-black.bloglist.center {
margin-top: 20px;
margin-bottom: 20px;
}
.text-black.center {
text-align: center;
}
.text-black.space {
text-align: center;
margin-top: 20px;
margin-bottom: 20px;
font-size: 20px;
}
.text-black.ml-00 {
margin-left: 0;
}
.mb-10 {
text-align: left;
vertical-align: baseline;
display: inline-block;
}
.button {
text-align: center;
flex: 1;
display: block;
}
.button.primary.medium {
font-size: 13px;
}
.button.primary.medium.mb-40 {
margin-top: 10px;
margin-bottom: 20px;
margin-left: 0;
padding-top: 14px;
padding-right: 28px;
font-size: 14px;
}
.button.primary.small-copy {
justify-content: center;
align-items: center;
width: 95%;
max-width: none;
height: 53px;
margin-top: 0;
margin-left: 0;
padding: 13px 28px;
font-size: 14px;
line-height: 1.1;
display: flex;
}
.button.primary.small-copy.case {
flex: 1;
padding-top: 12px;
padding-bottom: 12px;
}
.button.white.small {
justify-content: center;
align-self: center;
align-items: center;
height: 43px;
margin-top: 0;
margin-bottom: 0;
padding: 12px 10px;
display: flex;
}
.button.primary-light.small {
flex-flow: column;
flex: 0 auto;
justify-content: center;
align-items: center;
padding-top: 8px;
font-size: 13px;
line-height: 1.2;
display: flex;
}
.button.outline-primary.medium.mb-30 {
flex-flow: row;
justify-content: center;
align-items: center;
font-size: 14px;
line-height: 1.2;
display: flex;
}
.button.small.primary-light.darkbg {
justify-content: center;
align-items: center;
display: flex;
}
.button.black.small {
flex: 0 auto;
justify-content: center;
align-items: center;
display: flex;
}
.button.primary-invert {
width: 100%;
margin-top: 10px;
}
.button.primary-invert.button-row-item {
flex-flow: column;
justify-content: center;
align-items: center;
width: 100%;
height: 53px;
margin-right: 0;
font-size: 14px;
display: flex;
}
.button.primary-invert.medium {
flex-flow: column;
justify-content: center;
align-self: center;
align-items: center;
max-width: none;
height: 53px;
margin-left: auto;
padding-top: 12px;
padding-bottom: 12px;
font-size: 14px;
line-height: 1.3;
display: flex;
}
.button.primary-invert.block {
margin-bottom: 20px;
}
.button.outline-black {
max-width: 300px;
}
.button.outline-black.medium {
max-width: none;
}
.button.outline-black.medium.mb-20 {
width: 200px;
max-width: 300px;
margin-left: auto;
margin-right: auto;
padding-left: 28px;
font-size: 13px;
}
.button.outline-black.button-row-item {
flex-flow: row;
justify-content: center;
align-items: center;
width: 100%;
max-width: none;
font-size: 14px;
display: flex;
}
.link.text-medium {
text-align: left;
background-image: none;
background-position: 0 0;
background-repeat: repeat;
background-size: auto;
margin-left: -15px;
padding-right: 0;
display: block;
}
.link.link-primary-dark {
background-image: none;
background-position: 0 0;
background-repeat: repeat;
background-size: auto;
font-size: 18px;
}
.link.link-primary-dark.center {
text-align: center;
}
.footer {
margin-top: 0;
padding-top: 10px;
}
.footer-link.text-small {
justify-content: flex-start;
align-items: center;
margin-top: 0;
margin-bottom: 0;
padding-top: 10px;
padding-bottom: 10px;
}
.footer-link.text-small.mob {
width: 0;
max-width: 0;
height: 0;
font-size: 0;
}
.footer-link.text-small.left {
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
}
.footer-social {
margin-top: 0;
}
.footer-social.left-align {
text-align: center;
}
.footer-legal {
margin-top: 0;
padding-top: 20px;
}
.footer-link-legal.text-extra-small {
color: var(--white);
text-align: center;
padding-left: 0;
display: block;
}
.align-right {
flex-flow: column;
justify-content: space-between;
align-items: center;
margin-top: 0;
padding-left: 0;
padding-right: 0;
display: block;
}
.align-right.col-flex-mob-first {
flex-flow: column;
display: flex;
}
.align-right.mr-00 {
padding-left: 0;
}
.row {
grid-column-gap: 0px;
grid-row-gap: 0px;
object-fit: contain;
flex-flow: column;
justify-content: center;
align-items: center;
width: 100%;
max-width: 100%;
height: auto;
margin-top: 0;
margin-left: 0;
margin-right: 0;
padding-top: 0;
padding-left: 0;
padding-right: 0;
display: flex;
position: static;
left: 0;
}
.row.flex-center {
flex-flow: column;
justify-content: center;
align-items: center;
max-width: none;
margin: 10px auto 0;
padding: 0;
display: flex;
}
.row.flex-center.mb-60 {
padding-bottom: 20px;
padding-left: 0;
}
.row.flex-center.ml-00 {
margin-left: 0;
}
.row.flex-center._1 {
flex-flow: column;
}
.row.flex {
margin-bottom: 10px;
margin-left: 0;
padding-top: 10px;
display: flex;
}
.row.flex.case {
margin-left: 0;
margin-right: 40px;
}
.row.nav-dropdown-main {
border: 0px none var(--white);
mix-blend-mode: normal;
outline-width: 0;
justify-content: space-between;
align-items: center;
width: 100%;
max-width: none;
height: auto;
margin-top: 0;
margin-right: 0;
padding-left: 20px;
padding-right: 0;
}
.row.mb-30 {
width: auto;
max-width: 250px;
margin-left: 10px;
}
.row.nav-link-block-row {
margin-left: 0;
margin-right: 0;
}
.row._1 {
flex-flow: column;
margin-top: 0;
margin-left: 0;
margin-right: 0;
display: flex;
}
.row._1._2 {
flex-flow: column;
}
.row.x {
grid-template-columns: 1fr;
width: auto;
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
}
.row.contact {
width: 300px;
margin-left: 0;
}
.row.mr-10 {
margin-left: 0;
}
.row.center {
margin-left: 0;
padding-left: 0;
}
.row.cilent-slogo {
display: block;
}
.row.align-left.align-up {
justify-content: flex-start;
align-items: center;
}
.center-block {
flex-flow: column;
justify-content: center;
align-items: center;
width: auto;
min-width: auto;
max-width: none;
margin: 10px 0 20px;
padding-left: 0;
display: flex;
left: 0;
}
.center-block.mb-60 {
width: auto;
max-width: none;
margin-top: 20px;
margin-left: 0;
margin-right: 0;
padding-right: 0;
}
.center-block.mb-60.text-secondary.space {
text-align: center;
}
.center-block.mb-40 {
width: auto;
margin-left: 20px;
}
.center-block.ml-00 {
width: 250px;
margin-left: 0;
}
.center-block.mr-00 {
flex-flow: column;
justify-content: space-between;
align-items: center;
margin-left: 0;
margin-right: 0;
padding-left: 0;
display: flex;
}
.button-row {
flex: 0 auto;
margin-left: 0;
margin-right: 0;
}
.button-row.mb-20 {
flex-flow: column;
justify-content: center;
align-items: center;
height: 100%;
display: flex;
}
.button-row-item {
margin-bottom: 10px;
margin-left: 0;
margin-right: 0;
}
.max-900 {
grid-column-gap: 16px;
grid-row-gap: 16px;
text-align: left;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: row;
place-items: center;
max-width: 100%;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
padding-right: 0;
display: grid;
}
.max-900.ml-00 {
margin-left: 0;
}
.mb-40 {
grid-column-gap: 10px;
grid-row-gap: 10px;
color: var(--background);
text-align: center;
flex-flow: row;
justify-content: center;
align-items: center;
width: auto;
max-width: 100%;
height: 100px;
margin-bottom: 20px;
margin-left: 0;
padding-left: 0;
font-size: 25px;
}
.mb-40.heading-273 {
color: var(--white);
height: 120px;
}
.mb-40.heading-273.height-change {
height: 150px;
}
.mb-40.align-left {
text-align: center;
width: 100px;
max-width: 60%;
height: 150px;
margin-bottom: 20px;
margin-left: 0;
padding-left: 100px;
}
.mb-40.ml-00 {
margin-left: 0;
}
.mb-40.color-1 {
justify-content: center;
align-items: center;
}
.mb-40.mr-00 {
margin-left: 60px;
}
.mb-40.color-1-copy {
justify-content: center;
align-items: center;
}
.software-header.pim {
margin-left: 10px;
margin-right: 10px;
padding-top: 36px;
}
.software-header-image {
width: 280px;
max-width: none;
margin-left: 0;
}
.company-link {
justify-content: center;
align-items: center;
display: flex;
}
.company-link.opacity-20 {
opacity: .8;
max-width: none;
display: flex;
}
.image-container {
padding-left: 20px;
}
.image-container.center.solutionshome {
max-width: 200px;
margin-bottom: 10px;
margin-left: -98px;
padding-bottom: 0;
padding-left: 0;
padding-right: 100px;
}
.image-container.right {
max-width: none;
height: auto;
margin-top: 0;
margin-bottom: 0;
margin-left: 0;
padding-left: 0;
padding-right: 0;
}
.image-container.case {
padding-top: 20px;
padding-bottom: 20px;
padding-left: 20px;
}
.image-container.case.right {
margin-bottom: 60px;
padding-left: 0;
padding-right: 20px;
}
.image-container.case.right.ml-00 {
margin-bottom: 0;
margin-left: 0;
padding-right: 0;
}
.image-container.case.studies {
width: auto;
margin-bottom: 0;
margin-right: 0;
padding-left: 0;
}
.image-container.margin {
margin-top: 10px;
margin-left: 0;
margin-right: 0;
}
.product-screen.left {
opacity: 0;
text-align: left;
}
.product-screen.right {
width: 300px;
margin-left: -200px;
}
.product-screen.featureshome {
z-index: 1;
max-width: 75%;
margin-top: 0;
padding-left: 0;
left: 0;
}
.image-container-bg.center.homeblock {
width: 300px;
height: 180px;
margin-bottom: 0;
padding-bottom: 20px;
}
.image-container-bg.right {
width: auto;
margin-top: 0;
margin-bottom: 0;
margin-left: 0;
padding-left: 0;
}
.image-container-bg.white.case {
width: 260px;
margin-bottom: 0;
}
.image-container-bg.white.case._2 {
margin-left: 10px;
margin-right: 10px;
}
.button-icon-group {
flex-flow: row;
flex: 0 auto;
justify-content: center;
align-items: center;
height: auto;
}
.button-icon-group.center {
justify-content: center;
align-items: center;
}
.button-icon-group.mb-10 {
flex-flow: row;
display: flex;
}
.button-icon-group.mb-20 {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: row;
justify-content: center;
display: flex;
}
.button-icon-group.mb-20.centre {
text-align: center;
align-items: center;
margin-top: -20px;
margin-left: 0;
}
.button-icon-group.mb-20.mb-200 {
margin-top: 0;
padding-top: 60px;
}
.button-icon-group.right {
justify-content: center;
align-items: stretch;
margin-top: 10px;
}
.button-icon-group.pim {
box-sizing: border-box;
flex-flow: row;
}
.button-icon-group.margin1 {
justify-content: center;
align-items: stretch;
height: auto;
margin-bottom: 0;
}
.button-icon.link-arrow {
flex-flow: column;
flex: 0 auto;
justify-content: center;
align-items: center;
margin-top: 0;
display: flex;
}
.button-icon.try-free.small {
display: block;
}
.button-icon.link-arrow-copy-copy {
height: 53px;
}
.text-light-grey {
color: var(--background);
justify-content: flex-start;
align-items: center;
font-size: 14px;
}
.text-light-grey.mb-40 {
flex-flow: column;
justify-content: center;
align-items: center;
margin-top: 30px;
margin-left: 0;
}
.text-light-grey.mb-40.lightbg {
max-width: 100%;
height: 120px;
margin-bottom: 20px;
}
.text-light-grey.mb-40.lightbg.center {
width: auto;
max-width: 100%;
height: 200px;
font-size: 16px;
}
.text-light-grey.mb-40.lightbg.center.max-width-100 {
max-width: 100%;
}
.text-light-grey.mb-40.lightbg.space {
text-align: center;
height: 170px;
margin-top: 0;
padding-top: 0;
}
.text-light-grey.mb-40.whitebg {
height: 120px;
}
.text-light-grey.mb-40.whitebg.height-width.center {
height: 250px;
}
.text-light-grey.mb-40.height-change {
text-align: center;
justify-content: flex-start;
align-items: center;
height: 150px;
margin-top: 20px;
}
.text-light-grey.mb-40.width-00 {
text-align: center;
width: 250px;
max-width: 250px;
}
.text-light-grey.mb-40.height-width {
grid-column-gap: 0px;
grid-row-gap: 0px;
justify-content: flex-start;
align-items: center;
width: auto;
max-width: 100%;
height: 270px;
margin-top: 20px;
padding-left: 10px;
}
.text-light-grey.mb-40.height-width.center {
text-align: center;
justify-content: center;
align-items: center;
width: auto;
height: 200px;
min-height: auto;
margin-top: 10px;
}
.text-light-grey.mb-40.height-width.space {
text-align: center;
justify-content: flex-start;
align-items: center;
height: 250px;
margin-top: 0;
padding-top: 10px;
}
.text-light-grey.mb-40.space {
text-align: center;
padding-top: 20px;
}
.text-light-grey.mb-40.height1 {
height: 70%;
}
.text-light-grey.text-small {
text-align: center;
width: 230px;
}
.text-light-grey.text-small.mb-30 {
flex-flow: row;
justify-content: flex-start;
align-items: stretch;
margin-bottom: 20px;
}
.text-light-grey.text-small.mb-30.space {
text-align: center;
}
.text-light-grey.text-small.space {
flex-flow: column;
justify-content: center;
align-items: center;
width: auto;
margin-left: 0;
display: flex;
}
.text-light-grey.text-medium {
flex-flow: row;
justify-content: flex-start;
align-items: center;
max-width: none;
margin-bottom: 20px;
font-size: 14px;
}
.text-light-grey.text-medium.space {
text-align: center;
flex-flow: column;
justify-content: space-between;
align-items: center;
max-width: 100%;
font-size: 15px;
display: block;
}
.text-light-grey.text-medium.space._1 {
margin-left: 30px;
}
.text-light-grey.text-medium.height-width {
height: 220px;
}
.text-light-grey.mb-60 {
margin-top: 20px;
font-size: 16px;
}
.text-light-grey.mb-60.lightbg {
margin-top: 10px;
margin-bottom: 20px;
font-size: 15px;
}
.text-light-grey.mb-30 {
justify-content: space-between;
align-items: center;
padding-left: 0;
font-size: 15px;
}
.text-light-grey.mb-30.space {
text-align: center;
justify-content: center;
align-items: center;
}
.text-light-grey.text-large {
margin-top: 0;
font-size: 16px;
}
.text-light-grey.text-large.space {
text-align: center;
justify-content: center;
align-items: flex-start;
margin-bottom: 10px;
}
.text-light-grey.center {
text-align: center;
justify-content: center;
align-items: center;
}
.inner-section {
flex-flow: column;
justify-content: center;
align-items: center;
width: 300px;
max-width: none;
margin: 10px 0;
padding-top: 20px;
padding-bottom: 20px;
display: flex;
}
.inner-section.black.about {
flex-flow: column;
}
.inner-section.white {
margin-bottom: 0;
padding-bottom: 10px;
padding-left: 0;
}
.inner-section.desktop {
flex-flow: column;
}
.inner-section.light {
flex-flow: column;
align-items: center;
width: auto;
max-width: 100%;
height: 230px;
margin-bottom: 20px;
margin-left: 10px;
margin-right: 10px;
padding: 20px 0 0;
}
.inner-section.light.height-full {
box-sizing: border-box;
object-fit: fill;
flex-flow: column;
width: 300px;
min-width: auto;
max-width: 100%;
height: auto;
min-height: auto;
margin: 10px 0;
padding-top: 10px;
padding-bottom: 0;
display: flex;
position: relative;
overflow: visible;
}
.inner-section.light.height-full.h1 {
height: 700px;
min-height: auto;
}
.inner-section.light.mr-00 {
margin-left: 0;
margin-right: 0;
padding-right: 0;
}
.inner-section.blog-post-link.flex {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
margin-left: 0;
padding-left: 0;
padding-right: 0;
display: grid;
}
.inner-section.blog-post-link.flex.height-change {
width: auto;
max-width: 300px;
height: 400px;
}
.inner-section.width-modify {
flex-flow: column;
width: 300px;
max-width: none;
margin-left: 10px;
margin-right: 10px;
padding-left: 0;
padding-right: 0;
}
.get-started-image {
height: 200px;
margin-top: 20px;
margin-bottom: 0;
}
.align-center {
justify-content: center;
align-items: center;
height: auto;
margin-bottom: 20px;
padding-left: 0;
display: flex;
}
.align-center.erp-height1 {
height: 700px;
}
.align-center.b-height {
height: 350px;
}
.align-center.i-height {
height: 500px;
}
.align-center.c-height {
height: 300px;
padding-left: 20px;
}
.align-center.c-height1 {
flex-flow: column;
height: 450px;
padding-left: 10px;
}
.align-center.m-height {
height: 250px;
}
.integration-item {
min-height: 100px;
margin-left: 20px;
margin-right: 20px;
}
.intergrations-container {
flex-flow: column;
justify-content: center;
align-items: center;
padding-left: 0;
display: flex;
}
.blog-post-link {
width: 260px;
max-width: 100%;
height: 100%;
margin-top: 10px;
margin-bottom: 10px;
}
.blog-post-link.white {
width: 100%;
max-width: none;
height: auto;
}
.blog-post-link.pim {
width: auto;
max-width: none;
padding-left: 0;
}
.blog-post-links {
flex-flow: column;
justify-content: center;
align-items: center;
width: 100%;
margin-left: 20px;
margin-right: 20px;
display: flex;
}
.blog-post-link-content {
width: auto;
}
.blog-post-link-content.white.center {
justify-content: center;
align-items: center;
height: auto;
display: flex;
}
.text-bold.text-black {
font-size: 20px;
}
.text-bold.text-black.center {
text-align: center;
margin-bottom: 0;
padding-top: 0;
font-size: 16px;
}
.text-bold.text-black.space {
margin-top: 0;
font-size: 18px;
}
.blog-post-link-title {
height: 100px;
margin-bottom: 10px;
padding-bottom: 10px;
font-size: 13px;
line-height: 1.1;
}
.post-short-description {
height: 100%;
min-height: auto;
margin-top: 20px;
margin-bottom: 0;
font-size: 15px;
}
.subscribe-bullets {
text-align: left;
flex-flow: row;
flex: 0 auto;
order: 0;
justify-content: flex-start;
align-items: center;
display: flex;
}
.input.fixed-button {
box-sizing: border-box;
aspect-ratio: 40 / 2;
background-color: var(--white);
color: var(--background);
object-fit: contain;
width: 100%;
margin-top: 20px;
margin-bottom: 20px;
margin-left: 0;
padding-left: 10px;
padding-right: 10px;
position: relative;
top: 0;
}
.input.fixed-button.light {
aspect-ratio: 50 / 2;
flex: 1;
width: auto;
max-width: 250px;
margin-left: 0;
margin-right: 0;
}
.input.mb-10.light {
margin-bottom: 10px;
}
.input.white.mb-10.mr-5, .input.light.mb-10.mr-5 {
margin-right: 0;
}
.input.inner-label.light {
width: 365px;
}
.input-group {
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
margin-top: 10px;
display: flex;
}
.input-group.mb-20 {
justify-content: space-between;
align-items: center;
margin-top: 10px;
margin-left: 0;
}
.input-group.flex.center {
flex-direction: column;
align-items: stretch;
}
.input-group.mb-20-copy {
aspect-ratio: 25 / 15;
left: 0;
}
.input-group.mb-20-copy.subscribe-block {
box-sizing: content-box;
grid-column-gap: 0px;
grid-row-gap: 0px;
aspect-ratio: 35 / 15;
background-color: var(--divider-color);
object-fit: cover;
flex-flow: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: row;
place-content: start center;
place-items: center start;
width: 100%;
display: flex;
position: relative;
top: 0;
}
.fixed-submit.button.small {
background-color: var(--secondary);
flex: 0 auto;
align-self: center;
margin-top: 0;
position: relative;
}
.fixed-submit.button.small.primary-light {
text-align: center;
flex: 0 auto;
order: 0;
align-self: auto;
margin-left: 0;
inset: 40px auto 0% 0%;
}
.fixed-submit.button.small.black {
margin-top: 0;
margin-bottom: 0;
margin-right: -20px;
padding-left: 16px;
top: -17px;
bottom: 0;
}
.checkbox-field {
margin-top: 20px;
padding-top: 0;
padding-left: 20px;
}
.subscribe-image {
max-width: 100%;
margin-top: 0;
margin-left: 0;
padding-left: 0;
}
.text-medium.text-light-grey.subtitle.mb-20 {
justify-content: flex-start;
align-items: center;
margin-top: 10px;
margin-left: 0;
}
.text-medium.text-semi {
text-align: left;
font-size: 13px;
}
.text-medium.text-semi.wrap {
clear: none;
overflow-wrap: normal;
position: static;
}
.text-medium.space {
flex-flow: row;
justify-content: center;
align-items: center;
margin-bottom: 0;
display: block;
}
.col-flex-mob-first {
text-align: left;
justify-content: center;
align-items: center;
margin-top: 0;
padding-left: 0;
padding-right: 0;
}
.lightbox-link {
display: block;
}
.connect-image {
margin-bottom: -40px;
}
.screens-tabs-menu {
margin-bottom: 60px;
margin-left: 0;
margin-right: 0;
padding-bottom: 0;
padding-left: 0;
}
.screens-tabs-menu._1 {
flex-flow: column;
}
.screens-tab-link {
flex-flow: column;
justify-content: center;
align-items: center;
max-width: 250px;
height: 550px;
margin-top: 10px;
margin-bottom: 10px;
padding-bottom: 10px;
display: flex;
}
.screens-tab-link.w--current {
max-width: 250px;
height: 550px;
margin-bottom: 0;
}
.screens-tab-link.height1 {
height: 350px;
margin-bottom: 0;
}
.icon-heading.price-plans {
justify-content: center;
}
.screens-tabs {
margin-right: 0;
padding-right: 0;
}
.screens-tabs-content {
height: 500px;
}
.features-items.light {
justify-content: center;
align-items: center;
}
.features-items.light.std {
flex-flow: column;
justify-content: center;
align-items: center;
height: 250px;
padding-bottom: 10px;
}
.features-items.light.std.height-change {
justify-content: center;
align-items: center;
max-width: 400px;
height: 250px;
padding-top: 20px;
overflow: hidden;
}
.features-items.light.height-change {
padding-bottom: 0;
}
.weight-500.text-black.text-medium.mb-10 {
text-align: center;
}
.text-semi.text-small.mb-0-copy {
padding-top: 0;
}
.slider.mobile-slider-feedback {
width: 96%;
}
.slider.team {
margin-bottom: 100px;
}
.slider.career {
max-width: 260px;
}
.slider.mobile-slider-feedback-copy {
width: 25%;
margin-left: auto;
padding-left: 30px;
left: -503px;
}
.feedback-item.light-copy {
flex-flow: column;
justify-content: center;
align-items: center;
width: 100%;
min-height: auto;
margin: 0 0 40px;
padding: 0;
}
.hidden {
display: none;
}
.arrow-left.light {
inset: auto 0% 0% auto;
}
.arrow-right.light {
z-index: 0;
margin-right: 140px;
left: 100%;
right: 0;
}
.max-500.left {
width: auto;
max-width: 400px;
}
.max-500.left.mr-14 {
flex-flow: column;
justify-content: center;
align-items: center;
max-width: 100%;
margin-left: 0;
margin-right: 0;
display: flex;
}
.blog-post-link-hover {
height: auto;
}
.blog-post-link-content-wrap {
outline-color: var(--alternate-bg);
outline-offset: 0px;
outline-width: 2px;
outline-style: solid;
width: 258.222px;
max-width: none;
height: 550px;
margin-bottom: 0;
margin-left: 0;
left: 0%;
}
.blog-post-link-content-wrap.white {
width: auto;
max-width: none;
height: auto;
margin-right: 0;
}
.blog-post-link-content-wrap.white.width-00 {
width: auto;
max-width: none;
height: auto;
}
.step-tabs-menu-link {
padding-left: 14px;
padding-right: 14px;
}
.step-tabs-menu-link-icon {
margin-right: 14px;
}
.pricing-card.dark-grey {
padding: 20px;
}
.overflow-visible {
overflow: visible;
}
.label.mb-10.center, .label.green.mb-10.center {
text-align: center;
}
.label.green.mb-20 {
flex-flow: column;
justify-content: center;
align-items: center;
max-width: none;
height: auto;
margin-left: 0;
padding-left: 0;
font-size: 13px;
display: flex;
}
.label.black.mb-20 {
margin-top: 0;
display: none;
}
.desktop-header {
padding-top: 60px;
}
.desktop-header.pim {
margin-left: 10px;
margin-right: 10px;
}
.desktop-header-right-video {
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
.text-primary-dark.space {
font-size: 20px;
}
.img.pim {
width: auto;
padding-left: 0;
}
.top-features-row {
flex-flow: column;
margin-bottom: 40px;
margin-left: 0;
margin-right: 0;
display: flex;
}
.top-features-item {
flex-flow: column;
justify-content: center;
align-items: center;
margin-top: 0;
margin-bottom: 20px;
display: flex;
}
.numbers-item.white.story {
padding-right: 0;
}
.section-numbers {
padding-bottom: 20px;
}
.center-tabs-link.price-plans {
width: 50%;
}
.features-list-item {
flex-flow: column;
justify-content: center;
align-items: center;
margin-bottom: 20px;
}
.inline-feature.text-semi.text-medium {
justify-content: flex-start;
align-items: flex-start;
}
.language-item {
width: 50%;
}
.label-icon-block {
justify-content: center;
align-items: center;
}
.label-icon-block.mb-20 {
flex-flow: row;
display: flex;
}
.label-icon-block.space {
justify-content: center;
align-items: center;
}
.label-icon {
margin-top: 10px;
}
.app-header {
padding-top: 60px;
}
.app-store, .google-play {
width: 100%;
margin-bottom: 10px;
margin-left: 0;
margin-right: 0;
}
.mobile-download-button {
flex-direction: column;
align-items: stretch;
margin-left: 0;
margin-right: 0;
}
.qr-code {
width: 100%;
margin-left: 0;
margin-right: 0;
}
.mobile-steps-img {
max-width: 280px;
margin-left: auto;
}
.mobile-steps-img.first {
margin-left: auto;
}
.mobile-slider-right {
padding-bottom: 40px;
padding-right: 0;
}
.mobile-slider-screen.right {
max-width: 100%;
}
.mt-20 {
margin-top: 0;
}
.mobile-feedback-text {
flex-flow: column;
justify-content: center;
align-items: center;
max-width: 100%;
height: 100px;
display: flex;
}
.mobile-feedback-text.mb-40 {
height: 80px;
margin-bottom: 0;
margin-left: 0;
}
.dev-header {
padding-top: 20px;
}
.header-notification {
flex-direction: column;
padding-right: 50px;
}
.tech-buttons.button-row {
flex-direction: column;
}
.align-left {
padding-left: 0;
padding-right: 0;
}
.subscribe-bullets-row {
flex-direction: column;
}
.subscribe-bullets-row.center {
text-align: center;
margin-top: 10px;
margin-left: 0;
margin-right: 0;
}
.mb-10-mobile {
margin-bottom: 10px;
}
.product-feature-header {
padding-top: 60px;
}
.product-feature-header-right {
width: 350px;
height: 300px;
margin-top: 0;
margin-left: 0%;
padding-top: 0;
padding-right: 0;
}
.product-feature-header-right.works {
height: 300px;
}
.product-feature-header-right.works.b-image {
max-width: 100%;
height: auto;
}
.product-feature-header-right.auto {
max-width: 300px;
height: 250px;
margin-left: 0%;
padding-right: 40px;
}
.product-feature-header-right.auto-copy {
width: 350px;
max-width: 100%;
height: 300px;
padding-top: 20px;
}
.mb-20-fixed {
margin-bottom: 20px;
}
.product-feature-video-link.dropship {
background-image: url("https://cdn.prod.website-files.com/64abeb15d57b0003e4e87008/677d3c3434e95a9a7c614018_Frame%207%20(1).png");
margin-top: 0;
}
.faq-item-title {
padding-left: 60px;
}
.faq-icon {
margin-left: 0;
margin-right: 20px;
}
.solutions-header, .use-cases-header {
padding-top: 60px;
}
.solution-sticky-left.height-change {
height: 100px;
}
.solution-sticky-item {
text-align: center;
}
.solution-sticky-item.height-change {
justify-content: center;
align-items: center;
height: 150px;
}
.solution-sticky-item.height-1 {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
justify-content: center;
place-items: start center;
height: 440px;
display: grid;
}
.solution-sticky-item.height-1.height-modify {
height: 400px;
}
.solution-sticky-item.height2 {
height: 200px;
}
.solution-sticky-item-icon {
margin: 20px 20px 0;
}
.solutions-slide-img {
padding-left: 80px;
padding-right: 80px;
}
.icon-tabs-menu {
width: auto;
margin-right: -5px;
display: flex;
}
.icon-tabs-menu-item {
padding: 10px;
}
.use-cases-tabs-menu {
grid-column-gap: 10px;
grid-row-gap: 10px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
align-content: stretch;
place-items: center;
max-width: none;
max-height: 100%;
margin-bottom: 0;
margin-left: 0;
padding-left: 0;
display: grid;
}
.use-cases-tabs-menu-link {
text-align: center;
}
.row.flex-center {
max-width: none;
margin-left: 0;
margin-right: 0;
padding-left: 0;
}
.range-slider-item-lable {
font-size: 10px;
}
.range-slider-tooltip {
white-space: normal;
padding-left: 5px;
padding-right: 5px;
font-size: 8px;
}
.link-primary-dark {
margin-top: 0;
margin-left: 0;
margin-right: 0;
padding-top: 0;
padding-left: 0;
padding-right: 0;
}
.billing-period-submit {
width: 100%;
}
.pricing-table {
font-size: 12px;
}
.company-header-bg.right {
margin-top: 30px;
}
.company-header-bg-container {
margin-left: 10px;
margin-right: 10px;
}
.company-header-right {
margin-top: 20px;
margin-left: -10px;
margin-right: -10px;
}
.timeline-col.full {
padding-left: 60px;
}
.timeline-point.left {
left: 20px;
}
.about-video {
padding-top: 80%;
}
.team-description {
flex-direction: column;
align-items: stretch;
padding: 20px;
}
.team-description-link {
flex: none;
margin-top: 10px;
margin-left: 0;
}
.career-header {
padding-top: 40px;
}
.integration-category-link {
margin-bottom: 0;
display: block;
}
.integration-item-category {
margin-top: 20px;
margin-bottom: 0;
margin-right: 0;
position: static;
}
.integration-cms-header {
padding-top: 40px;
}
.integration-item-info {
width: auto;
max-width: 100%;
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
}
.integration-item-main {
flex: 0 auto;
width: 300px;
max-width: none;
}
.integration-item-title {
text-align: center;
justify-content: center;
align-items: center;
max-width: 300px;
margin-bottom: 20px;
}
.integration-item-nav {
text-align: left;
flex-flow: wrap;
justify-content: center;
align-items: center;
max-width: 300px;
margin-left: 0;
}
.integration-item-info-sticky {
width: auto;
max-width: none;
margin-left: 0;
}
.integration-item-overview {
width: auto;
max-width: none;
margin-top: 60px;
margin-left: 0;
}
.rich-black {
text-align: center;
width: 300px;
max-width: none;
margin-left: 10px;
margin-right: 10px;
padding-left: 10px;
padding-right: 10px;
}
.form-label.inner-label {
flex-flow: column;
justify-content: flex-end;
align-items: center;
margin-top: 10px;
margin-bottom: 10px;
margin-left: 10px;
padding-left: 10px;
display: flex;
}
.text-area.inner-label.light {
width: 365px;
min-width: auto;
max-width: none;
margin-left: auto;
margin-right: auto;
overflow: clip;
}
.case-header-img {
width: auto;
margin-top: 10%;
margin-left: 0;
padding-left: 0;
padding-right: 0;
}
.relative.case {
width: 260px;
height: 200px;
margin-top: 0;
margin-left: 0;
margin-right: 0;
padding-right: 0;
position: relative;
left: 0;
right: 0;
}
.case-item-logo {
margin-bottom: 0;
}
.case-data {
text-align: left;
}
.customer-story-item {
flex-flow: column;
justify-content: center;
align-items: center;
width: 100%;
max-width: 100%;
height: 100%;
display: flex;
}
.customer-story-item-logo {
max-width: 120px;
}
.contact-tabs-menu.contact {
padding-left: 0;
}
.contact-right-inner {
background-color: var(--white-smoke);
}
.office-img {
margin-top: 0;
margin-bottom: 0;
margin-left: 0;
display: inline-block;
}
.contact-right {
padding-top: 0;
}
.checkbox-light {
margin-left: -10px;
}
.download-tabs-menu {
display: block;
}
.download-tabs-menu-link {
text-align: left;
width: 100%;
display: block;
}
.blog-featured {
text-align: left;
width: 260px;
height: auto;
margin-left: 0;
margin-right: 0;
padding-top: 0;
}
.blog-featured-image-container {
height: 200px;
}
.blog-featured-image {
margin-left: 0;
}
.blog-featured-image.forced {
height: auto;
}
.blog-post-info {
justify-content: center;
margin-bottom: 0;
}
.blog-post-info.space {
font-size: 10px;
}
.blog-featured-info-text {
margin-bottom: 0;
}
.blog-featured-content-divider.first-active {
width: auto;
height: auto;
}
.blog-post {
height: 300px;
}
.blog-post.short {
height: 300px;
margin-bottom: 0;
}
.blog-post-image-container {
flex-flow: column;
justify-content: center;
align-items: center;
margin-bottom: 10px;
display: flex;
}
.blog-posts-wrapper {
margin-left: 0;
margin-right: 0;
}
.blog-posts-list {
flex-flow: wrap;
justify-content: center;
align-items: center;
}
.blog-posts-list.thin {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: row;
width: auto;
display: grid;
}
.blog-post-item.blog-post-link {
height: 300px;
margin-left: 10px;
}
.blog-post-item.short.blog-post-link.thin {
flex: 0 auto;
margin-left: 40px;
}
.blog-post-item.short.blog-post-link.thin.height-change {
width: 100%;
height: 300px;
margin-bottom: 0;
margin-left: 0;
}
.blog-post-image {
max-width: 70%;
height: 100px;
}
.blog-post-image.pim-image {
width: 200px;
max-width: 70%;
height: 100px;
padding-left: 0;
}
.blog-post-author {
text-align: center;
flex-direction: column;
justify-content: center;
align-self: stretch;
align-items: center;
margin-bottom: 20px;
}
.blog-post-author-photo {
margin-bottom: 5px;
margin-right: 0;
}
.blog-post-date {
flex-direction: column;
justify-content: center;
align-items: flex-start;
margin-top: 0;
margin-bottom: 20px;
padding-bottom: 0;
display: block;
}
.blog-socials {
justify-content: center;
align-items: center;
}
.blog-post-share {
flex-direction: column;
justify-content: center;
align-items: center;
margin-top: 10px;
}
.blog-post-body.rich-black {
text-align: left;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
width: auto;
max-width: 100%;
margin-top: 10px;
margin-bottom: 10px;
font-size: 18px;
line-height: 1.6;
display: flex;
}
.help-center-item {
width: auto;
margin-bottom: 0;
}
.help-center-item-link {
margin-bottom: auto;
}
.help-center-item-link.works {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
width: auto;
height: auto;
display: block;
}
.policy-section {
flex-flow: column;
justify-content: center;
align-items: center;
margin-bottom: 40px;
display: block;
}
.nav-link-icon {
border: 1em none var(--grey);
}
.nav-dropdown {
margin-top: -999px;
padding-top: 20px;
display: none;
position: relative;
top: auto;
left: 0;
overflow: scroll;
}
.nav-dropdown.w--open {
opacity: 1;
outline-offset: 0px;
border: 1px solid #000;
outline: 1px #fff;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
width: 50%;
max-width: none;
height: 64%;
margin-left: 0;
margin-right: -50px;
padding-top: 0;
display: flex;
overflow: hidden;
}
.nav-dropdown-link-icon {
width: 0;
}
.nav-link-block {
width: 100%;
min-width: auto;
min-height: 18px;
margin-left: 0;
padding-left: 0;
}
.nav-link-block.light-block {
text-align: left;
border-style: none;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
min-width: 270px;
height: 20%;
min-height: auto;
margin-bottom: 10px;
margin-left: 0;
margin-right: 0;
padding-top: 0;
padding-bottom: 0;
padding-left: 0;
}
.nav-dropdown-right {
text-align: left;
flex-flow: column;
justify-content: center;
align-items: flex-start;
margin-top: 0;
padding: 10px 10px 10px 20px;
display: flex;
}
.nav-dropdown-right-bg {
width: 60vw;
}
.nav-dropdown-right-content {
margin-left: 10px;
margin-right: 10px;
}
.nav-dropdown-left {
flex-flow: column;
flex: 1;
justify-content: center;
align-items: center;
margin-bottom: 0;
padding-top: 10px;
padding-bottom: 0;
padding-left: 10px;
display: flex;
}
.nav-dropdown-section-divider.mobile-hidden {
margin-top: 10px;
}
.nav-blog-img {
object-fit: cover;
max-width: 60px;
height: 60px;
}
.nav-link-block-icon {
margin-bottom: 14px;
}
.mob-menu-button {
background-image: url("https://cdn.prod.website-files.com/64abeb15d57b0003e4e87008/676d82e3848816903d4d42af_icons8-menu.svg");
margin-top: 0;
}
.nav-actions-container.nav {
flex-flow: wrap;
justify-content: flex-end;
align-items: center;
width: 80%;
max-width: none;
height: auto;
margin-top: 25px;
margin-left: 0;
padding-left: 0;
}
.footer-bottom-right {
padding-left: 0;
}
.home-header {
flex-direction: column;
}
.cookie-banner {
max-width: none;
inset: auto 20px 20px;
}
.image {
margin-top: 0;
overflow: visible;
}
.heading-2 {
flex-flow: column;
justify-content: center;
align-items: center;
width: auto;
font-size: 20px;
display: flex;
}
.lightbg {
text-align: center;
flex-flow: column;
justify-content: center;
align-items: center;
margin-bottom: 40px;
font-size: 20px;
display: flex;
}
.lightbg.bold-text-53 {
margin-bottom: 20px;
padding-bottom: 10px;
font-size: 20px;
font-weight: 500;
}
.lightbg.bold-text-53.space, .lightbg.bold-text-53.left-align.center, .lightbg.bold-text-53.left-align.space {
text-align: center;
}
.lightbg.center {
text-align: center;
flex-flow: column;
justify-content: center;
align-items: center;
margin-bottom: 10px;
font-size: 20px;
display: flex;
}
.lightbg.space {
text-align: center;
margin-bottom: 20px;
font-size: 20px;
}
.lightbg.left {
text-align: left;
justify-content: center;
align-items: flex-start;
}
.lightbg.left.center {
text-align: left;
justify-content: center;
align-items: center;
}
.h3whitebg {
text-align: center;
font-size: 25px;
}
.image-2, .image-3, .image-4, .image-5, .image-6, .image-7, .image-8, .image-9, .image-10 {
max-width: 70%;
margin-top: 0;
}
.image-11 {
max-width: 50%;
}
.image-12, .image-13, .image-14, .image-15 {
max-width: 50%;
margin-top: 10px;
margin-bottom: 10px;
}
.image-16 {
max-width: 50%;
}
.heading-3 {
padding-left: 0;
padding-right: 0;
}
.heading-5 {
margin-top: -80px;
margin-bottom: 0;
margin-left: -80px;
padding-bottom: 0;
font-size: 25px;
}
.heading-5._1 {
text-align: left;
margin-top: -30px;
}
.heading-5.mt-00 {
justify-content: center;
align-items: center;
width: auto;
margin-top: 0;
margin-left: -30px;
display: flex;
top: 0;
bottom: 0;
left: 0;
}
.heading-5.mt-00.mt-11 {
width: 200px;
max-width: 300px;
margin-top: -20px;
margin-left: -70px;
}
.link-block {
flex-flow: column;
justify-content: center;
align-items: center;
width: 300px;
max-width: none;
height: auto;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
padding-bottom: 0;
display: flex;
overflow: visible;
}
.link-block.height-1 {
height: 600px;
margin-bottom: 0;
margin-right: 10px;
}
.link-block.height-1.h1 {
height: 700px;
}
.text-block-4 {
font-size: 15px;
}
.text-block-4.mb-10.text-medium.text-black.weight-500 {
font-size: 20px;
}
.image-17 {
margin-left: 0;
}
.image-17.image-1 {
width: 200px;
max-width: 100%;
height: 100%;
margin-left: 0;
}
.image-17.ml-00 {
margin-left: 20px;
}
.image-18 {
margin-left: 0;
display: inline-block;
}
.image-18.image-1 {
max-width: 100%;
height: 100px;
margin-left: 0;
}
.image-18.ml-00 {
margin-left: 20px;
}
.text-block-10, .bold-text-9 {
text-align: center;
font-size: 25px;
line-height: 1.1;
}
.text-block-11 {
font-size: 30px;
}
.text-block-11.center {
font-size: 30px;
display: block;
}
.text-block-11.headline-center {
text-align: center;
}
.text-block-11.space {
font-size: 30px;
}
.text-block-12 {
margin-top: 10px;
margin-left: 0;
font-size: 20px;
}
.heading-8 {
font-size: 30px;
}
.heading-8.headline-center {
text-align: center;
}
.heading-11 {
text-align: center;
flex: 0 auto;
max-width: none;
margin-top: 10px;
margin-bottom: 0;
font-size: 20px;
font-weight: 700;
}
.heading-11.center {
margin-bottom: 20px;
font-size: 25px;
}
.list-item {
margin-bottom: 10px;
font-size: 15px;
}
.list-item-2 {
text-align: left;
margin-bottom: 10px;
font-size: 15px;
}
.list {
margin-top: 10px;
padding-left: 20px;
}
.text-block-19 {
text-align: center;
}
.heading-24.pim {
text-align: center;
font-size: 30px;
}
.heading-26 {
text-align: center;
overflow-wrap: normal;
width: auto;
max-width: none;
margin-top: 10px;
margin-bottom: 20px;
padding-top: 0;
font-size: 25px;
}
.heading-26.headline-center {
text-align: center;
max-width: 280px;
margin-top: 20px;
margin-right: 0;
padding-top: 0;
}
.heading-26.center, .bold-text-25 {
text-align: center;
}
.heading-35 {
font-size: 30px;
}
.heading-35.healine-center {
text-align: center;
}
.heading-44.center {
font-size: 25px;
}
.column-2 {
margin-top: 20px;
padding-left: 10px;
}
.column-3 {
padding-left: 10px;
padding-right: 10px;
}
.column-4, .column-6 {
margin-top: 20px;
padding-left: 0;
}
.text-block-26 {
text-align: center;
margin-bottom: 0;
padding-left: 0;
padding-right: 10px;
font-size: 20px;
}
.text-block-26.space {
text-align: center;
}
.heading-59, .heading-59.center {
font-size: 20px;
}
.heading-60, .heading-61, .heading-68 {
text-align: center;
font-size: 25px;
}
.text-block-28 {
margin-bottom: 0;
font-size: 20px;
}
.text-block-28.space {
margin-bottom: 20px;
}
.text-block-28.center {
margin-top: 10px;
margin-bottom: 20px;
}
.text-block-28.headline-center {
text-align: center;
}
.heading-69, .heading-70, .heading-71, .heading-75, .heading-76 {
text-align: center;
font-size: 25px;
}
.bold-text-52 {
font-size: 25px;
}
.bold-text-53 {
font-size: 20px;
}
.heading-78, .heading-80, .heading-81 {
text-align: center;
font-size: 25px;
}
.bold-text-61 {
text-align: center;
font-size: 20px;
}
.heading-83 {
text-align: center;
font-size: 25px;
}
.heading-85 {
text-align: center;
font-size: 20px;
}
.heading-86, .heading-88 {
font-size: 25px;
}
.heading-91 {
text-align: center;
font-size: 25px;
}
.heading-94 {
font-size: 25px;
}
.heading-97 {
text-align: center;
font-size: 25px;
}
.heading-103 {
font-size: 25px;
}
.heading-104, .heading-107, .heading-109, .heading-110, .heading-112 {
text-align: center;
font-size: 25px;
}
.list-item-28, .list-item-29, .list-item-30 {
font-size: 16px;
}
.heading-113 {
text-align: center;
font-size: 25px;
}
.heading-115 {
font-size: 25px;
}
.heading-117, .heading-118, .heading-119, .heading-121, .heading-123, .heading-127, .heading-130, .heading-133, .heading-137, .heading-140, .heading-143, .heading-146, .heading-149, .heading-152, .heading-155, .heading-158, .heading-161, .heading-164, .heading-167, .heading-169, .heading-172, .heading-174, .heading-178, .heading-180, .heading-182, .heading-184 {
text-align: center;
font-size: 25px;
}
.list-3 {
margin-bottom: 0;
padding-left: 20px;
}
.column-7 {
justify-content: center;
align-items: center;
padding-right: 0;
display: flex;
}
.image-25, .image-25.image-fix {
width: auto;
margin-left: 0;
padding-left: 0;
}
.heading-194.small {
width: auto;
margin-bottom: 0;
font-size: 18px;
}
.heading-194.small.center {
font-size: 16px;
}
.image-26 {
max-width: 100%;
height: 250px;
}
.image-27, .image-28, .image-29, .image-30 {
height: 250px;
}
.image-31 {
height: 250px;
margin-top: 10px;
margin-bottom: 10px;
}
.image-32, .image-33, .image-34, .image-35, .image-36, .image-37 {
height: 250px;
}
.image-38 {
max-width: 100%;
height: 250px;
}
.image-39, .image-40, .image-41 {
height: 250px;
}
.heading-195 {
text-align: center;
font-size: 35px;
}
.paragraph-2.space, .paragraph-3.space {
font-size: 16px;
}
.div-block-8 {
height: 3px;
margin-top: 0;
}
.heading-201 {
text-align: center;
}
.heading-215, .heading-217, .heading-219, .heading-222 {
font-size: 15px;
}
.div-block-9 {
outline-offset: 0px;
outline: 3px #fff;
justify-content: center;
width: 95%;
min-width: auto;
max-width: none;
max-height: none;
margin-top: 0;
margin-right: 0;
padding-top: 0;
padding-left: 20px;
padding-right: 20px;
display: block;
position: relative;
overflow: auto;
}
.div-block-10 {
justify-content: center;
align-items: center;
margin-left: 0;
display: flex;
}
.heading-224 {
font-size: 15px;
}
.heading-225 {
margin-top: 20px;
margin-bottom: 20px;
font-size: 16px;
}
.paragraph-9, .paragraph-10, .paragraph-11 {
margin-bottom: 0;
padding-top: 10px;
}
.paragraph-12 {
justify-content: center;
align-items: center;
display: flex;
}
.paragraph-13, .paragraph-14 {
margin-bottom: 0;
padding-top: 10px;
}
.paragraph-15 {
width: auto;
max-width: 86%;
margin-right: 30px;
font-size: 15px;
}
.paragraph-15.space {
margin-right: 0;
}
.button-copy {
text-align: center;
flex: 1;
padding: 10px;
font-size: 13px;
display: block;
}
.button-copy.primary-invert {
width: 100%;
}
.paragraph-slide-2copy {
font-size: 10px;
}
.div-block-12-copy {
justify-content: center;
align-items: center;
max-width: 100%;
margin-left: 0;
margin-right: 0;
padding-left: 0;
display: flex;
overflow: visible;
}
.container-2 {
width: 320px;
margin-bottom: 20px;
padding-bottom: 0;
}
.section-2-copy {
justify-content: space-between;
align-items: center;
margin-left: 10px;
margin-right: 10px;
}
.paragraph-slide-2copy-copy {
flex: 0 auto;
font-size: 13px;
}
.button-copy-copy {
text-align: center;
flex: 1;
padding: 10px;
display: block;
}
.button-copy-copy.primary-invert {
width: 100%;
}
.tabs-content {
flex-flow: column;
padding-left: 0;
padding-right: 0;
display: block;
}
.slider-2 {
max-width: 28%;
max-height: 40%;
}
.feedback-item-footer-copy {
margin-top: 0;
margin-bottom: 10px;
}
.h3whitebg-copy {
margin-top: 10px;
margin-bottom: 0;
margin-left: 20px;
font-size: 25px;
font-weight: 500;
}
.center-tabs-menu-copy {
margin-bottom: 10px;
}
.center-tabs-link-copy.price-plans {
width: 50%;
}
.text-grey-2.mb-40 {
max-width: 100%;
height: 220px;
margin-left: 20px;
}
.text-grey-2.mb-40.about, .text-grey-2.mb-40.about.ml-00 {
margin-left: 0;
}
.text-grey-2.mb-40.about.ml-00.center {
text-align: center;
}
.text-grey-2.mb-40.about.height-1 {
justify-content: flex-start;
align-items: center;
}
.text-grey-2.mb-40.about.space {
text-align: center;
justify-content: flex-start;
align-items: center;
}
.text-grey-2.mb-40.space {
text-align: center;
height: 46%;
margin-left: 0;
}
.text-grey-2.space, .text-black-2.mb-20-copy {
text-align: center;
}
.button-3 {
text-align: center;
flex: 1;
display: block;
}
.text-grey-3.mb-40 {
max-width: 100%;
height: 220px;
margin-left: 20px;
}
.text-grey-3.mb-40.about {
flex-flow: row;
justify-content: flex-start;
align-items: center;
margin-left: auto;
margin-right: auto;
}
.text-grey-3.mb-40.about.ml-00 {
margin-left: 0;
}
.text-grey-3.mb-40.about.ml-00.center {
text-align: center;
}
.text-grey-3.mb-40.about.space {
text-align: center;
margin-left: 0;
}
.text-grey-3.mb-40.space {
text-align: center;
height: 46%;
margin-left: 0;
}
.text-grey-3.space, .text-black-3.mb-20-copy {
text-align: center;
}
.text-grey-4.mb-40 {
max-width: 100%;
height: 220px;
margin-left: 10px;
}
.text-grey-4.mb-40.about.space {
text-align: center;
justify-content: flex-start;
align-items: center;
margin-left: 0;
}
.text-grey-4.mb-40.about.space.ml-00 {
text-align: center;
margin-left: 0;
}
.text-grey-4.mb-40.space {
text-align: center;
height: 100%;
margin-left: 0;
}
.text-grey-4.space, .text-black-4.mb-20-copy {
text-align: center;
}
.text-grey-5.mb-40 {
max-width: 100%;
height: 220px;
margin-left: 20px;
font-size: 15px;
}
.text-grey-5.mb-40.about.space {
text-align: center;
justify-content: flex-start;
align-items: center;
margin-left: 0;
}
.text-grey-5.mb-40.about.space.height-modify {
width: 200px;
height: 300px;
margin-left: 0;
}
.text-grey-5.mb-40.about.ml-00 {
margin-left: 0;
}
.text-grey-5.mb-40.center {
text-align: center;
flex-flow: column;
justify-content: center;
align-items: center;
max-width: 100%;
height: 46%;
margin-left: 0;
}
.text-grey-5.space {
text-align: center;
}
.div-block-16 {
margin-left: 10px;
margin-right: 10px;
padding-top: 20px;
padding-left: 10px;
padding-right: 10px;
}
.button-icon-group-copy {
max-width: none;
margin-top: 10px;
font-size: 14px;
}
.bold-text-75 {
line-height: 1.1;
display: flex;
}
.bold-text-76 {
font-size: 13px;
display: flex;
}
.bold-text-78 {
justify-content: center;
align-items: center;
font-size: 13px;
line-height: 1.1;
display: flex;
}
.grid-14 {
grid-template-columns: 1fr;
}
.grid-15 {
grid-template-columns: 1fr;
margin-left: 0;
margin-right: 0;
}
.grid-16, .grid-17, .grid-18 {
grid-template-columns: 1fr;
}
.top-features-item-copy {
margin-bottom: 10px;
}
.grid-19 {
grid-template-columns: 1fr;
}
.image-container-copy {
padding-left: 20px;
}
.image-container-copy.right {
padding-right: 20px;
}
.image-container-copy.case {
padding-top: 20px;
padding-bottom: 20px;
padding-left: 20px;
}
.image-container-copy.case.right {
padding-left: 0;
padding-right: 20px;
}
.text-block-47 {
margin-left: 10px;
margin-right: 10px;
font-size: 13px;
}
.grid-20 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: .75fr;
grid-auto-columns: 1fr;
grid-auto-flow: row;
justify-content: center;
place-items: center;
margin-left: 0;
margin-right: 0;
padding-left: 0;
display: grid;
}
.grid-21 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
justify-content: stretch;
place-items: center;
margin-left: 0;
margin-right: 0;
display: grid;
}
.row-copy {
margin-left: 20px;
margin-right: 20px;
padding-left: 0;
}
.row-copy.nav-link-block-row {
margin-left: 0;
margin-right: 0;
}
.grid-22 {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
}
.div-block-17 {
margin-top: 20px;
margin-left: 10px;
margin-right: 10px;
}
.row-2.flex-bottom {
justify-content: space-between;
align-items: center;
margin-left: 0;
margin-right: 0;
}
.align-right-2 {
margin-bottom: 10px;
}
.text-black-5.mb-0 {
margin-bottom: 20px;
font-size: 20px;
}
.button-4 {
text-align: center;
flex: 1;
display: block;
}
.button-4.light.small {
font-size: 12px;
}
.div-block-18 {
height: 310px;
overflow: clip;
}
.text-block-51 {
margin-bottom: 0;
overflow: visible;
}
.grid-24 {
grid-template-columns: 1fr;
}
.image-47 {
width: 120px;
max-width: 200%;
height: 100px;
}
.heading-232 {
font-size: 17px;
}
.pim-text.bold {
font-size: 15px;
}
.pim-text.center, .pim-text.space {
text-align: center;
}
.div-block-22.blog-post-link {
flex-flow: column;
max-width: none;
display: flex;
}
.grid-25 {
grid-template-columns: 1fr;
}
.pim-image {
width: 250px;
max-width: 150%;
height: 200px;
margin-top: 20px;
margin-left: 0;
padding-left: 0;
}
.grid-26 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
margin-bottom: 20px;
margin-left: 0;
display: grid;
}
.image-50.pim-image {
margin-right: 0;
}
.image-50.pim-image.h1 {
width: 200px;
height: 200px;
}
.column-11 {
flex-flow: column;
justify-content: center;
align-items: center;
display: flex;
}
.heading-235 {
font-size: 25px;
}
.grid-27, .grid-27.ml-00 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
margin-left: 10px;
margin-right: 10px;
display: grid;
}
.image-51 {
vertical-align: baseline;
max-width: none;
margin-left: 0;
padding-left: 0;
display: inline-block;
}
.bold-text-82 {
text-align: center;
font-size: 20px;
}
.text-block-57 {
width: 260px;
}
.grid-28 {
grid-template-rows: auto auto;
grid-template-columns: auto;
width: 260px;
}
.div-block-24 {
width: auto;
}
.collection-item-2.blog-post-link {
aspect-ratio: auto;
background-color: var(--divider-color);
border-style: none;
width: 100%;
max-width: none;
height: auto;
margin-bottom: 20px;
margin-left: 0;
margin-right: 0;
}
.div-block-28 {
padding-top: 0;
}
.column-17, .column-18, .column-19, .column-20, .column-21 {
margin-top: 20px;
}
.heading-273 {
text-align: center;
margin: 10px auto 20px;
padding-top: 10px;
font-size: 20px;
}
.heading-274 {
text-align: center;
flex-flow: column;
justify-content: center;
align-items: center;
min-width: auto;
max-width: 100%;
margin-top: 0;
margin-bottom: 20px;
padding-top: 0;
font-size: 20px;
display: flex;
}
.heading-274.center {
margin-top: 20px;
margin-bottom: 40px;
}
.heading-274.space, .heading-274.space-copy {
text-align: center;
}
.column-22, .column-23, .column-24, .column-25, .column-26, .column-27, .column-28, .column-29, .column-30, .column-31, .column-32, .column-33, .column-34, .column-35 {
margin-top: 20px;
}
.header-pim {
text-align: center;
font-size: 30px;
}
.column-37 {
margin-top: 20px;
}
.column-38 {
padding-left: 10px;
}
.column-40 {
flex-flow: column;
justify-content: center;
align-items: center;
margin-top: 20px;
display: flex;
}
.image-54 {
width: 100%;
margin-bottom: 40px;
}
.div-block-29 {
background-color: var(--ddd6d6);
flex-flow: column;
justify-content: center;
align-items: center;
margin-top: 100px;
margin-bottom: 0;
padding-top: 10px;
padding-bottom: 0;
display: flex;
}
.heading-275 {
font-size: 25px;
}
.text-block-58 {
font-size: 15px;
}
.collection-item-3.blog-post-link {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
height: 300px;
display: block;
}
.collection-list {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
place-content: stretch center;
max-width: 250px;
margin-left: 20px;
margin-right: 20px;
padding-left: 10px;
padding-right: 10px;
display: grid;
}
.heading-276 {
font-size: 25px;
}
.text-block-59 {
font-size: 15px;
}
.section-3 {
margin-left: 10px;
margin-right: 10px;
padding-left: 0;
}
.image-55 {
margin-top: 0;
margin-bottom: -57px;
padding-bottom: 20px;
}
.column-41 {
justify-content: center;
align-self: auto;
align-items: center;
margin-top: 20px;
}
.link-block-4 {
width: 260px;
max-width: 300px;
height: 550px;
margin-bottom: 40px;
margin-left: 0;
}
.image-56 {
margin-top: 10px;
padding-left: 20px;
}
.image-57 {
margin-top: 10px;
}
.image-58 {
margin-top: 20px;
}
.image-59 {
margin-top: 0;
}
.form {
text-align: left;
}
.text-block-60 {
color: var(--background);
font-size: 25px;
font-weight: 700;
}
.column-42 {
margin-top: 10px;
margin-bottom: 10px;
}
.column-43 {
margin-top: 10px;
margin-bottom: 10px;
padding-top: 0;
}
.text-block-62 {
text-align: center;
}
.column-44 {
align-self: auto;
padding-right: 10px;
position: relative;
left: -41px;
right: 25px;
}
.form-2 {
overflow-wrap: normal;
}
.image-60 {
vertical-align: bottom;
margin-top: 60px;
margin-bottom: 0;
}
.text-span-3 {
font-size: 15px;
}
.heading-278 {
font-size: 30px;
}
.image-61 {
margin-top: 0;
}
.image-61.space {
width: 0;
margin-top: 0;
overflow: clip;
}
.center {
text-align: center;
}
.image-62 {
margin-top: 0;
margin-left: 0;
margin-right: 0;
padding-left: 10px;
padding-right: 10px;
}
.image-63 {
padding-top: 20px;
}
.column-45 {
margin-top: 20px;
}
.column-46, .image-64, .column-47, .column-48 {
margin-top: 60px;
}
.collection-list-wrapper-5 {
width: auto;
margin-left: 0;
}
.text-block-63 {
color: var(--secondary);
font-size: 25px;
font-weight: 400;
}
.footer-link-text {
color: var(--secondary);
text-align: left;
width: 0;
margin-left: 8px;
padding-right: 40px;
font-size: 18px;
font-weight: 400;
}
.icon {
color: var(--secondary);
margin-right: -85px;
}
.dropdown-list.w--open {
text-align: left;
flex-flow: column;
justify-content: space-between;
align-items: flex-end;
margin-left: 40px;
display: block;
}
.link-block-5 {
text-align: left;
width: 800px;
}
.tabs-2 {
width: auto;
}
.tab-pane-tab-1-2 {
width: 260px;
}
.div-block-30 {
width: auto;
}
.column-49 {
padding-right: 10px;
}
.columns-2 {
margin-left: 20px;
margin-right: 20px;
}
.space {
text-align: center;
}
.dropdown-3.hid {
max-width: none;
max-height: none;
font-size: 15px;
line-height: 1.4;
display: block;
}
.dropdown-wrapper {
width: 0;
}
.dropdown-trigger {
width: 0;
display: inline-block;
}
.dropdown-content {
width: 0;
max-height: 0;
font-size: 0;
line-height: 0;
position: static;
}
.image-65 {
margin-top: 10px;
}
.column-50 {
padding-left: 10px;
position: sticky;
}
.heading-279 {
color: var(--background);
}
.column-51 {
flex: none;
}
.image-66 {
margin-top: 20px;
}
.columns-3 {
flex-flow: column;
margin-right: 0;
}
.list-4 {
margin-top: 0;
}
.bold-text-86, .div-block-32 {
text-align: center;
}
.column-52 {
margin-bottom: 10px;
}
.image-67 {
height: 300px;
}
.image-68 {
margin-top: 0;
}
.image-69, .image-70, .image-71 {
height: 200px;
}
.column-53 {
margin-top: 0;
position: sticky;
}
.columns-4 {
margin-top: -30px;
}
.column-54, .column-55 {
margin-top: 0;
position: sticky;
}
.columns-5, .columns-6 {
margin-top: 80px;
}
.image-72, .image-73 {
height: 200px;
}
.dropdown-toggle {
padding-left: 0;
padding-right: 40px;
display: inline-block;
}
.image-74, .image-75, .image-76, .image-77, .image-78, .image-79, .image-80, .image-81, .image-82, .image-83, .image-84, .image-85 {
margin-top: 0;
}
.column-56 {
text-align: left;
padding-left: 40px;
display: block;
}
.column-57 {
text-align: left;
flex-flow: row;
justify-content: flex-start;
align-items: center;
padding-left: 20px;
display: block;
}
.column-58 {
text-align: left;
padding-left: 20px;
}
.column-59 {
text-align: left;
padding-left: 20px;
display: block;
}
.column-60 {
text-align: left;
}
.image-86, .image-87, .image-88, .image-89, .image-90, .image-91, .image-92, .image-93, .image-94, .image-95, .image-96, .image-97 {
margin-top: 0;
}
.column-61 {
text-align: left;
flex-flow: column;
justify-content: center;
align-items: flex-start;
padding-left: 0;
display: flex;
overflow: auto;
}
.dropdown-4 {
vertical-align: middle;
padding-top: 0;
display: block;
overflow: auto;
}
.div-block-33 {
margin-left: 20px;
}
.column-62 {
flex-flow: column;
justify-content: center;
align-items: center;
display: flex;
}
.column-65 {
padding-right: 10px;
}
.list-5 {
margin-right: 0;
padding-left: 20px;
padding-right: 20px;
}
.list-6 {
padding-left: 20px;
}
.column-66 {
padding-left: 10px;
}
.image-98 {
height: 200px;
}
.image-100, .image-101 {
margin-left: 0;
padding-left: 0;
}
.image-103 {
margin-left: 20px;
}
.image-104, .image-105, .image-106 {
margin-left: 0;
padding-left: 0;
}
.image-107 {
height: 200px;
}
.image-108 {
margin-left: 0;
padding-left: 0;
}
.image-109 {
height: 200px;
}
.image-110, .image-111, .image-113, .image-114, .image-115 {
margin-left: 0;
padding-left: 0;
}
.columns-12 {
margin-left: 0;
margin-right: 0;
}
.image-116, .image-117, .image-118, .image-119, .image-120 {
margin-left: 0;
padding-left: 0;
}
.columns-13 {
margin-left: 40px;
margin-right: 20px;
}
.image-121, .image-122, .image-123, .image-124, .image-125, .image-126 {
margin-left: 0;
}
.grid-29 {
grid-column-gap: 10px;
grid-row-gap: 10px;
grid-template-rows: auto auto auto;
grid-template-columns: 1fr;
max-width: none;
}
.column-67 {
margin-top: 0;
margin-bottom: 0;
}
.collection-item-4 {
outline-offset: 0px;
outline: 3px solid #fff;
width: auto;
max-width: 100%;
height: auto;
margin-bottom: 0;
margin-left: 0;
padding-left: 0;
padding-right: 0;
}
.collection-list-wrapper-6 {
margin-left: 0;
padding-left: 0;
}
.image-128 {
margin-top: 0;
}
.heading-280 {
color: var(--background);
font-size: 25px;
}
.heading-280.space {
font-weight: 500;
}
.div-block-34 {
margin-bottom: 0;
}
.mb-40-copy {
grid-column-gap: 10px;
grid-row-gap: 10px;
color: var(--background);
text-align: center;
flex-flow: row;
justify-content: flex-start;
align-items: flex-start;
width: auto;
max-width: 100%;
height: 100px;
margin-bottom: 20px;
margin-left: 70px;
padding-left: 10px;
font-size: 25px;
}
.mb-40-copy.heading-273 {
color: var(--white);
height: 120px;
}
.mb-40-copy.heading-273.height-change {
height: 150px;
}
.mb-40-copy.align-left {
text-align: center;
width: 100px;
max-width: 60%;
height: 150px;
margin-bottom: 20px;
margin-left: 0;
padding-left: 100px;
}
.mb-40-copy.ml-00, .mb-40-copy.mr-00 {
margin-left: 60px;
}
.heading-281 {
margin-bottom: 20px;
}
.heading-282, .heading-283 {
font-size: 20px;
}
.image-129, .image-130 {
margin-top: 0;
}
.columns-14, .columns-15, .columns-16, .columns-17, .columns-18, .columns-19, .columns-20 {
margin-left: 0;
}
.columns-21, .columns-22 {
flex-flow: column;
justify-content: center;
align-items: center;
margin-left: 0;
display: flex;
}
.columns-23 {
margin-left: 40px;
margin-right: 20px;
}
.image-131 {
height: 200px;
}
.collection-item-5 {
float: none;
margin-left: 0;
}
.column-68 {
align-self: auto;
}
.columns-24 {
flex-flow: column;
justify-content: center;
align-items: center;
display: flex;
}
.text-block-65 {
color: var(--background);
font-size: 25px;
font-weight: 700;
}
.columns-25, .column-69 {
flex-flow: column;
justify-content: center;
align-items: center;
display: flex;
}
.collection-list-2 {
flex-flow: column;
align-items: center;
display: flex;
}
.container-4 {
justify-content: center;
align-items: center;
display: flex;
}
.container-5, .container-6, .container-7, .column-70, .column-71, .column-72, .column-73 {
flex-flow: column;
justify-content: center;
align-items: center;
display: flex;
}
.form-3 {
flex-flow: column;
justify-content: center;
align-items: center;
display: block;
}
.dropdown-5 {
display: block;
overflow: auto;
}
.collection-list-wrapper-7 {
flex-flow: column;
justify-content: center;
align-items: flex-start;
margin-left: -15px;
display: flex;
}
.bold-text-91, .bold-text-92 {
justify-content: center;
align-items: center;
display: flex;
}
.column-74 {
flex-flow: column;
justify-content: center;
align-items: center;
display: flex;
}
.container-8 {
grid-column-gap: 10px;
grid-row-gap: 10px;
text-align: center;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-flow: row;
place-items: center;
width: auto;
margin-top: 10px;
margin-bottom: 40px;
padding-top: 0;
padding-bottom: 0;
}
.center-block-2 {
flex-flow: column;
justify-content: center;
align-items: center;
width: auto;
min-width: auto;
max-width: none;
margin: 10px 0 20px;
padding-left: 0;
display: block;
left: 0;
}
.center-block-2.mb-60 {
width: auto;
max-width: none;
margin-top: 20px;
margin-left: 0;
margin-right: 0;
padding-right: 0;
}
.heading-284 {
text-align: center;
flex: 0 auto;
max-width: none;
margin-top: 10px;
margin-bottom: 0;
font-size: 20px;
font-weight: 700;
}
.div-block-38 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto auto auto auto auto auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
max-width: none;
max-height: none;
display: grid;
}
.image-142 {
max-width: 100%;
margin-bottom: 20px;
}
.collection-list-wrapper-8 {
flex-flow: column;
justify-content: center;
align-items: center;
width: 100%;
display: flex;
}
.column-75, .column-76, .column-77, .column-78 {
margin-top: 20px;
}
.column-79 {
flex-flow: column;
display: flex;
}
.column-81 {
flex-flow: row;
justify-content: center;
align-items: center;
display: block;
}
.column-83 {
justify-content: center;
align-items: center;
}
.column-84 {
position: sticky;
}
.text-block-66 {
color: #2ec4a7;
font-size: 20px;
}
.paragraph-19 {
font-size: 15px;
}
.list-7, .list-8, .list-9 {
text-align: left;
}
.tabs-content-2 {
flex-flow: column;
justify-content: center;
align-items: center;
display: flex;
}
.column-88, .column-89, .column-90, .column-91, .column-92, .column-93 {
position: sticky;
}
.column-94 {
margin-top: 20px;
}
.column-95, .column-96, .column-97, .column-98, .column-99, .column-100, .column-101 {
position: sticky;
}
.column-102 {
flex-flow: column;
justify-content: center;
align-items: center;
display: block;
}
.column-103, .column-104, .column-106, .column-107, .column-108, .column-110, .column-111, .column-112 {
position: sticky;
}
.list-10 {
padding-left: 20px;
padding-right: 20px;
}
.list-11 {
padding-left: 20px;
padding-right: 10px;
}
.column-113 {
position: sticky;
}
.list-12 {
padding-left: 20px;
padding-right: 10px;
}
.column-114 {
position: sticky;
}
.column-115 {
margin-top: 20px;
}
.bold-text-94 {
font-size: 20px;
}
.column-116, .column-117, .column-118 {
flex-flow: column;
justify-content: center;
align-items: center;
display: flex;
}
.column-120, .column-121, .column-122 {
position: sticky;
}
.color-2 {
color: var(--background);
text-align: center;
font-weight: 500;
}
.column-123, .column-124, .column-125, .column-126, .column-127, .column-128, .column-129, .column-130 {
position: sticky;
}
.image-143 {
margin-top: 10px;
display: block;
}
.column-131 {
flex-flow: column;
justify-content: space-between;
align-items: center;
display: flex;
}
.column-132 {
flex-flow: column;
justify-content: center;
align-items: center;
display: flex;
}
.column-133 {
flex-flow: column;
justify-content: space-between;
align-items: center;
display: flex;
}
.column-134 {
position: sticky;
}
.column-135 {
flex-flow: column;
display: flex;
}
.column-136 {
position: sticky;
}
.column-137 {
flex-flow: column;
justify-content: space-between;
align-items: center;
display: flex;
}
.column-138, .column-139 {
position: sticky;
}
.column-140 {
flex-flow: column;
justify-content: center;
align-items: center;
display: flex;
}
.column-141 {
flex-flow: column;
justify-content: space-between;
align-items: center;
display: flex;
}
.column-142 {
position: sticky;
}
.column-143, .column-144 {
justify-content: center;
align-items: center;
display: flex;
}
.column-145, .column-146, .column-147, .column-148, .column-149, .column-150, .column-151 {
flex-flow: column;
justify-content: center;
align-items: center;
display: flex;
}
.column-152 {
flex-flow: column;
justify-content: space-between;
align-items: center;
display: flex;
}
.column-153, .column-154, .column-155, .column-156, .column-157 {
flex-flow: column;
justify-content: center;
align-items: center;
display: flex;
}
.column-158 {
flex-flow: column;
justify-content: space-between;
align-items: center;
display: flex;
}
.column-159, .column-160, .column-161 {
margin-top: 20px;
}
.column-162, .column-163, .column-164 {
flex-flow: column;
justify-content: center;
align-items: center;
display: flex;
}
.column-165 {
margin-top: 20px;
}
.column-166, .column-167 {
flex-flow: column;
justify-content: center;
align-items: center;
display: flex;
}
.column-168 {
margin-top: 20px;
}
.column-169, .column-170, .column-171, .div-block-42, .div-block-43 {
flex-flow: column;
justify-content: center;
align-items: center;
display: flex;
}
.div-block-44 {
flex-flow: column;
justify-content: space-between;
align-items: center;
display: flex;
}
.div-block-45 {
flex-flow: column;
justify-content: center;
align-items: center;
display: flex;
}
.div-block-46 {
flex-flow: column;
justify-content: space-between;
align-items: center;
display: flex;
}
.div-block-47, .div-block-48 {
flex-flow: column;
justify-content: center;
align-items: center;
display: flex;
}
.div-block-49 {
flex-flow: column;
justify-content: space-between;
align-items: center;
display: flex;
}
.div-block-50, .div-block-51, .div-block-52, .div-block-53, .column-172, .div-block-54, .div-block-55, .div-block-56, .div-block-57, .div-block-58, .div-block-59, .div-block-60, .div-block-61, .div-block-62, .div-block-63, .div-block-64 {
flex-flow: column;
justify-content: center;
align-items: center;
display: flex;
}
.div-block-65 {
flex-flow: column;
justify-content: space-between;
align-items: center;
display: flex;
}
.column-173, .column-174, .column-175, .column-176 {
flex-flow: column;
justify-content: center;
align-items: center;
display: flex;
}
.column-177 {
flex-flow: column;
justify-content: center;
align-items: center;
display: block;
}
.column-178, .column-179, .column-180 {
flex-flow: column;
justify-content: center;
align-items: center;
display: flex;
}
.column-181 {
position: sticky;
}
.column-182 {
margin-top: 20px;
}
.column-183 {
flex-flow: column;
justify-content: center;
align-items: center;
display: flex;
}
.column-184 {
position: sticky;
}
.column-185 {
flex-flow: column;
justify-content: center;
align-items: center;
display: flex;
}
.column-186 {
position: sticky;
}
.column-187 {
flex-flow: column;
justify-content: center;
align-items: center;
display: flex;
}
.column-188 {
position: sticky;
}
.column-189 {
flex-flow: column;
justify-content: center;
align-items: center;
display: flex;
}
.column-190 {
position: sticky;
}
.column-191 {
flex-flow: column;
justify-content: center;
align-items: center;
display: flex;
}
.column-192 {
position: sticky;
}
.column-193 {
flex-flow: column;
justify-content: center;
align-items: center;
display: flex;
}
.column-194 {
position: sticky;
}
.column-195 {
flex-flow: column;
justify-content: space-between;
align-items: center;
display: flex;
}
.column-196 {
position: sticky;
}
.column-197 {
flex-flow: column;
justify-content: center;
align-items: center;
display: flex;
}
.column-198 {
position: sticky;
}
.column-199 {
flex-flow: column;
justify-content: center;
align-items: center;
display: flex;
}
.column-200 {
position: sticky;
}
.column-201 {
margin-top: 20px;
}
.column-202, .column-203 {
flex-flow: column;
justify-content: center;
align-items: center;
display: flex;
}
.column-204 {
position: sticky;
}
.column-205 {
flex-flow: column;
justify-content: center;
align-items: center;
display: flex;
}
.column-206 {
margin-top: 20px;
}
.list-13 {
padding-left: 40px;
padding-right: 10px;
}
.column-207 {
flex-flow: column;
justify-content: center;
align-items: center;
display: flex;
}
.column-208 {
position: sticky;
}
.column-209 {
margin-top: 20px;
}
.list-14 {
padding-right: 10px;
}
.column-210, .column-211 {
margin-top: 20px;
}
.column-212, .column-213, .column-214, .column-215, .column-216, .column-217 {
flex-flow: column;
justify-content: center;
align-items: center;
display: flex;
}
.column-218 {
margin-top: 20px;
}
.column-219, .column-220, .column-221, .column-222, .column-223, .column-224, .column-225, .column-226, .column-227, .column-228, .column-229, .column-230, .column-231 {
flex-flow: column;
justify-content: center;
align-items: center;
display: flex;
}
.column-232 {
justify-content: center;
align-items: center;
display: flex;
}
.column-233, .column-234, .column-235, .column-236, .column-237 {
flex-flow: column;
justify-content: center;
align-items: center;
display: flex;
}
.column-238 {
margin-top: 20px;
}
.column-239, .column-240 {
flex-flow: column;
justify-content: center;
align-items: center;
display: flex;
}
.column-241 {
margin-top: 20px;
}
.column-242, .column-243, .column-244, .column-245, .column-246, .column-247 {
flex-flow: column;
justify-content: center;
align-items: center;
display: flex;
}
.column-248, .column-249 {
margin-top: 20px;
}
.column-250 {
flex-flow: column;
justify-content: center;
align-items: center;
display: flex;
}
.column-251 {
margin-top: 20px;
}
.column-252 {
flex-flow: column;
justify-content: center;
align-items: center;
display: flex;
}
.column-253 {
margin-top: 20px;
}
.column-254, .column-255 {
flex-flow: column;
justify-content: center;
align-items: center;
display: flex;
}
.column-256 {
margin-top: 20px;
}
.column-257 {
flex-flow: column;
justify-content: center;
align-items: center;
display: flex;
}
.column-258 {
margin-top: 20px;
}
.list-15 {
padding-left: 20px;
}
.column-259, .column-260, .column-261 {
flex-flow: column;
justify-content: center;
align-items: center;
display: flex;
}
.column-262 {
margin-top: 20px;
}
.column-263 {
flex-flow: column;
justify-content: center;
align-items: center;
display: flex;
}
.column-264 {
margin-top: 20px;
}
.column-265, .column-266 {
flex-flow: column;
justify-content: center;
align-items: center;
display: flex;
}
.form-4 {
display: none;
}
.column-267, .column-268, .column-269, .column-270, .column-271 {
flex-flow: column;
justify-content: center;
align-items: center;
display: flex;
}
.column-272 {
margin-top: 20px;
}
.column-273, .column-274 {
flex-flow: column;
justify-content: center;
align-items: center;
display: flex;
}
.column-275 {
margin-top: 20px;
}
.column-276, .column-277, .column-278, .column-279 {
flex-flow: column;
justify-content: center;
align-items: center;
display: flex;
}
.column-280 {
margin-top: 20px;
}
.column-281, .column-282 {
flex-flow: column;
justify-content: center;
align-items: center;
display: flex;
}
.column-283 {
margin-top: 20px;
}
.column-284 {
flex-flow: column;
justify-content: center;
align-items: center;
display: flex;
}
.column-285 {
margin-top: 20px;
}
.column-286, .column-287, .column-288, .column-289, .column-290, .column-291 {
flex-flow: column;
justify-content: center;
align-items: center;
display: flex;
}
.column-292 {
margin-top: 20px;
}
.column-293, .column-294, .column-295, .column-296, .column-297, .column-298, .column-299, .column-300, .column-301, .column-302, .column-303, .column-304, .column-305, .column-306, .column-307 {
flex-flow: column;
justify-content: center;
align-items: center;
display: flex;
}
.column-309 {
text-align: left;
}
.container-9 {
margin-bottom: 20px;
}
.footer1 {
padding-right: 0;
}
.dropdown-content-2 {
width: 0;
max-height: 0;
font-size: 0;
line-height: 0;
position: static;
}
.footer-block {
margin-bottom: -25px;
}
.dropdown-6.hid {
flex-flow: column;
justify-content: center;
align-items: flex-start;
max-width: none;
max-height: none;
font-size: 15px;
line-height: 1.4;
display: block;
}
.dropdown-list-2.w--open {
text-align: left;
padding-left: 40px;
}
.dropdown-link-2 {
color: #fff;
background-color: #283044;
}
.icon-2 {
color: #2ec4a7;
}
.footer-legal-2 {
margin-top: 0;
padding-top: 20px;
}
.footer-link-legal-2.text-extra-small {
color: #fff;
text-align: center;
padding-left: 0;
display: block;
}
.image-162 {
margin-top: 0;
}
.text-primary-2.subtitle.text-small.mb-20 {
color: #2ec4a7;
}
.text-primary-2.subtitle.text-small.mb-20.mobile {
max-width: 0;
margin-top: 0;
margin-bottom: 0;
padding-top: 0;
font-size: 0;
line-height: 0;
}
.div-block-67 {
text-align: center;
flex-flow: column;
flex: 0 auto;
grid-auto-flow: row;
place-items: stretch stretch;
padding-left: 0;
display: flex;
}
.row-3 {
box-sizing: border-box;
object-fit: none;
flex-flow: column;
justify-content: center;
align-items: center;
width: 100%;
max-width: none;
height: auto;
margin-top: 0;
margin-left: 0;
margin-right: 0;
padding-top: 0;
padding-left: 0;
padding-right: 0;
display: flex;
overflow: visible;
}
.text-grey-6 {
color: #283044;
margin-top: 10px;
padding-left: 10px;
padding-right: 10px;
font-size: 15px;
}
.text-grey-6.text-extra-small {
color: #fff;
text-align: center;
margin-left: 10px;
margin-right: 0;
padding-left: 20px;
}
.text-block-72 {
color: #2ec4a7;
border: 1px solid #283044;
font-size: 18px;
font-weight: 500;
}
.dropdown-link {
color: #fff;
background-color: #283044;
font-style: normal;
}
.image-container-2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
padding-left: 20px;
display: flex;
}
.image-167 {
margin-top: 0;
padding-right: 0;
display: block;
}
.image-168 {
margin-top: 40px;
padding-left: 0;
}
.image-169 {
margin-top: -100px;
margin-left: 60px;
padding-left: 0;
position: relative;
inset: 0% 0% auto auto;
}
}
#w-node-c8439922-c8a5-09eb-ef5d-b73d1c2ef0fa-6aea5cc9 {
grid-area: span 1 / span 1 / span 1 / span 1;
place-self: center;
}
#w-node-_8a4e08bc-31b0-f354-bb09-d22354ca24e9-6aea5cc9 {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: auto;
}
#w-node-_48c575e6-c32f-c95d-44e2-811b1618367d-6aea5cc9, #w-node-b265ffac-a9c6-4d77-a116-6cce3541d013-6aea5cc9 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_910441b6-45ba-5c42-37c4-dd8af454cc03-f454cc01 {
grid-area: span 1 / span 1 / span 1 / span 1;
place-self: auto;
}
#w-node-b63e1a0f-0fb4-6b34-1f2b-268197abcd2d-97abcd2b, #w-node-_8fc0464c-a5a8-2d67-af34-0002197b18ea-6aea5d49, #w-node-_538b7943-0ffb-b48c-e3d2-0a6fa80aeab9-6aea5d49 {
place-self: auto;
}
#w-node-_39c8aa14-abad-5d0c-e711-c174b68a5b1c-6aea5d4f {
justify-self: auto;
}
#w-node-a1dedc52-85ad-6db1-6d51-b87993dc7a1b-6aea5d52 {
place-self: auto;
}
#w-node-_10a2d14c-ad63-ed66-572e-d24f8c15607b-6aea5d81 {
justify-self: auto;
}
#w-node-_8a004478-9e7f-c634-32f6-0fc257188040-6aea5dd6 {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: center;
}
#w-node-_082de28b-cbbb-8a1f-6b75-ebae5ba026b6-6aea5deb {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_00560e32-c640-1c2f-5527-38f6713f6d78-6aea5ded {
align-self: auto;
}
#w-node-e85c4cf8-151c-2d7c-a2c0-e6cffd0ece6b-6aea5df1, #w-node-e85c4cf8-151c-2d7c-a2c0-e6cffd0ece6c-6aea5df1, #w-node-e85c4cf8-151c-2d7c-a2c0-e6cffd0ece6d-6aea5df1, #w-node-e85c4cf8-151c-2d7c-a2c0-e6cffd0ece6e-6aea5df1, #w-node-e85c4cf8-151c-2d7c-a2c0-e6cffd0ece6f-6aea5df1, #w-node-e85c4cf8-151c-2d7c-a2c0-e6cffd0ece70-6aea5df1, #w-node-e85c4cf8-151c-2d7c-a2c0-e6cffd0ece71-6aea5df1, #w-node-e85c4cf8-151c-2d7c-a2c0-e6cffd0ece72-6aea5df1 {
justify-self: center;
}
#w-node-_4b927457-6842-3e0a-4d8f-e8613872e403-6aea5dfc {
justify-self: auto;
}
#w-node-_7c8a9fe2-f5ed-53d7-c03a-ce429bafb4df-3d612b88 {
justify-self: center;
}
@media screen and (max-width: 991px) {
#w-node-_3332fff6-c556-f1cd-d7df-85db136d8aa9-6aea5cc9 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_910441b6-45ba-5c42-37c4-dd8af454cc03-f454cc01 {
justify-self: center;
}
#w-node-_15c10e9e-f462-5936-32ed-5b3b49508ff8-97abcd2b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-da5eb7fb-697f-7eec-e9ff-599dee1a175b-6aea5d4f {
justify-self: center;
}
#w-node-_39c8aa14-abad-5d0c-e711-c174b68a5b03-6aea5d4f {
place-self: center;
}
#w-node-_464f36cd-7c74-8b95-71ab-c99afadcfe5c-6aea5d52, #w-node-_3d7ff568-656e-f883-6ca7-b599131a7508-6aea5d82 {
justify-self: center;
}
#w-node-_8495e15f-6a40-023a-a444-288356270c1a-6aea5deb {
grid-area: span 3 / span 1 / span 3 / span 1;
justify-self: center;
}
#w-node-_4aef35fd-bdea-ba1d-733f-cdb59ec156b4-6aea5ded {
justify-self: center;
}
#w-node-_32c95a75-8cd5-5fb6-46ba-4d872599d3ea-6aea5df1 {
place-self: center;
}
#w-node-d8c78203-b834-9859-53b8-872e6a87e7fc-6aea5df1 {
justify-self: auto;
}
#w-node-_2826fa5a-f667-b653-3ca9-2e195d736d02-6aea5df1 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_2826fa5a-f667-b653-3ca9-2e195d736d03-6aea5df1 {
justify-self: center;
}
#w-node-_7e30ac77-44e6-c4aa-ae80-c5881d538361-6aea5df4 {
place-self: auto center;
}
#w-node-_7c8a9fe2-f5ed-53d7-c03a-ce429bafb4df-3d612b88, #w-node-c24ef491-2231-9697-98ee-6884fcff2b2f-eede12f4, #w-node-c24ef491-2231-9697-98ee-6884fcff2b33-eede12f4 {
justify-self: center;
}
}
@media screen and (max-width: 479px) {
#w-node-_31362ea6-fed4-6801-15b0-2287b465e862-6aea5cc9, #w-node-d17fb0b9-d662-c253-3179-2fe895dd8f4c-6aea5cc9, #w-node-_744d3fff-1604-5902-8d50-58ae0f4c629d-6aea5cc9, #w-node-_07f30a25-b9d9-ed74-4601-41a2ed52a685-6aea5cc9 {
justify-self: center;
}
#w-node-_06c9ee54-0165-4b94-b56a-7ac8e85d0105-6aea5cc9 {
place-self: auto center;
}
#w-node-_98ea74c5-c154-b13e-beab-de163d2e8707-6aea5cc9, #w-node-_3330e49c-0b04-746b-500a-fe42dcb02e1d-6aea5cc9, #w-node-f2069677-f1fe-efe0-bf1a-cd40c0922dfe-6aea5cc9, #w-node-b642e996-86ee-db2d-81aa-e3e1aa1ac5d9-6aea5cc9, #w-node-_95af7079-1ad2-5db7-1c53-3432fc0ae9b8-6aea5cc9, #w-node-c75a7bb8-6ad8-ee0f-0254-12fe048aa41f-6aea5cc9, #w-node-_48c575e6-c32f-c95d-44e2-811b1618367d-6aea5cc9, #w-node-_2ad74621-9575-adc8-91e8-99cd0bde5a7b-6aea5cc9, #w-node-b265ffac-a9c6-4d77-a116-6cce3541d013-6aea5cc9, #w-node-b4c56f33-a2a5-75cb-4ef2-3b30514af4ec-6aea5cc9, #w-node-_910441b6-45ba-5c42-37c4-dd8af454cc03-f454cc01 {
justify-self: center;
}
#w-node-b63e1a0f-0fb4-6b34-1f2b-268197abcd2d-97abcd2b {
justify-self: auto;
}
#w-node-_15c10e9e-f462-5936-32ed-5b3b49508ff1-97abcd2b {
place-self: auto;
}
#w-node-a681c88b-bdde-9326-25c6-9066a8f649da-97abcd2b {
justify-self: start;
}
#w-node-_8363553b-8613-c2c8-a9ab-f39e71b90306-6aea5d29, #w-node-c4a5f498-45e5-e0d2-da19-d52361f29bc7-6aea5d2a, #w-node-_583b2891-87e9-ae5b-b8e7-6bb6bc0123f7-6aea5d2a, #w-node-e913e0c2-79a1-9470-a50c-c25bca6b243d-6aea5d2a, #w-node-e913e0c2-79a1-9470-a50c-c25bca6b2446-6aea5d2a {
justify-self: center;
}
#w-node-e913e0c2-79a1-9470-a50c-c25bca6b2447-6aea5d2a {
place-self: start center;
}
#w-node-_87895dba-70cc-f75d-be59-b9538a26c8ce-6aea5d2a, #w-node-c4a5f498-45e5-e0d2-da19-d52361f29bc7-6aea5d2b, #w-node-_8363553b-8613-c2c8-a9ab-f39e71b90306-6aea5d2b, #w-node-c4a5f498-45e5-e0d2-da19-d52361f29bc7-6aea5d2c, #w-node-c4a5f498-45e5-e0d2-da19-d52361f29bc7-6aea5d2d, #w-node-c4a5f498-45e5-e0d2-da19-d52361f29bc7-6aea5d2e, #w-node-c4a5f498-45e5-e0d2-da19-d52361f29bc7-6aea5d31, #w-node-c4a5f498-45e5-e0d2-da19-d52361f29bc7-6aea5d32 {
justify-self: center;
}
#w-node-_4a18faaf-19a2-0881-ea7f-8be9654e09fe-6aea5d33 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-c4a5f498-45e5-e0d2-da19-d52361f29bc7-6aea5d34, #w-node-_437eecd5-5640-c227-ec7a-23cec3b7e2de-6aea5d34, #w-node-c4a5f498-45e5-e0d2-da19-d52361f29bc7-6aea5d48, #w-node-da5eb7fb-697f-7eec-e9ff-599dee1a175b-6aea5d48, #w-node-caaf49ab-be7d-b4c1-61af-590185e803f7-6aea5d48, #w-node-_71b7412a-0b9b-776f-3c1d-8c14596c98b7-6aea5d48, #w-node-c4a5f498-45e5-e0d2-da19-d52361f29bc7-6aea5d49, #w-node-f13ea379-7547-8c4c-dfde-eb968ebfaf72-6aea5d49, #w-node-_8fc0464c-a5a8-2d67-af34-0002197b18ea-6aea5d49, #w-node-_538b7943-0ffb-b48c-e3d2-0a6fa80aea97-6aea5d49, #w-node-c3ba170f-8c47-8140-25d3-f9b356b8571a-6aea5d49, #w-node-_87895dba-70cc-f75d-be59-b9538a26c8ce-6aea5d49, #w-node-c4a5f498-45e5-e0d2-da19-d52361f29bc7-6aea5d4a, #w-node-_1a70e9c2-11d4-0642-730b-38a13339b5c2-6aea5d4a, #w-node-_87895dba-70cc-f75d-be59-b9538a26c8ce-6aea5d4a, #w-node-c4a5f498-45e5-e0d2-da19-d52361f29bc7-6aea5d4b, #w-node-_1a70e9c2-11d4-0642-730b-38a13339b5c2-6aea5d4b {
justify-self: center;
}
#w-node-_344e22fe-cd6b-0257-90eb-99d345fcf52e-6aea5d4b {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: auto;
}
#w-node-c4a5f498-45e5-e0d2-da19-d52361f29bc7-6aea5d4c, #w-node-da5eb7fb-697f-7eec-e9ff-599dee1a175b-6aea5d4c, #w-node-_0ce0d97b-a457-d86e-a3e5-6d1de68316c9-6aea5d4c, #w-node-c4a5f498-45e5-e0d2-da19-d52361f29bc7-6aea5d4d, #w-node-da5eb7fb-697f-7eec-e9ff-599dee1a175b-6aea5d4d, #w-node-_68053044-9ea7-bc6d-c764-c50447b1cc91-6aea5d4d, #w-node-c4a5f498-45e5-e0d2-da19-d52361f29bc7-6aea5d4e, #w-node-da5eb7fb-697f-7eec-e9ff-599dee1a175b-6aea5d4e, #w-node-_0107cfd5-ee1c-ea5d-d956-3b0f836fc419-6aea5d4e, #w-node-c4a5f498-45e5-e0d2-da19-d52361f29bc7-6aea5d4f, #w-node-da5eb7fb-697f-7eec-e9ff-599dee1a175b-6aea5d4f, #w-node-_1a70e9c2-11d4-0642-730b-38a13339b5c2-6aea5d4f, #w-node-_30e1db8d-b61c-bb07-6f51-06481496df42-6aea5d4f, #w-node-_7dc43f14-7b46-c149-35ca-90d6d4e91d58-6aea5d4f, #w-node-_39c8aa14-abad-5d0c-e711-c174b68a5b1c-6aea5d4f, #w-node-_87895dba-70cc-f75d-be59-b9538a26c8ce-6aea5d4f, #w-node-c4a5f498-45e5-e0d2-da19-d52361f29bc7-6aea5d50, #w-node-_464f36cd-7c74-8b95-71ab-c99afadcfe5c-6aea5d50, #w-node-a5b95029-02f9-e8b6-a089-282cbf1b3c36-6aea5d50, #w-node-a1dedc52-85ad-6db1-6d51-b87993dc7a1b-6aea5d50, #w-node-_538b7943-0ffb-b48c-e3d2-0a6fa80aea95-6aea5d50, #w-node-c3ba170f-8c47-8140-25d3-f9b356b8571a-6aea5d50, #w-node-_87895dba-70cc-f75d-be59-b9538a26c8ce-6aea5d50, #w-node-_437eecd5-5640-c227-ec7a-23cec3b7e2de-6aea5d50, #w-node-c4a5f498-45e5-e0d2-da19-d52361f29bc7-6aea5d51, #w-node-a5b95029-02f9-e8b6-a089-282cbf1b3c36-6aea5d51, #w-node-_52c90f1b-52dd-544c-7ab5-a314044af2a9-6aea5d51, #w-node-_383c87a7-01da-a8f5-5b73-fe784bf7e41e-6aea5d51, #w-node-_87895dba-70cc-f75d-be59-b9538a26c8ce-6aea5d51, #w-node-c4a5f498-45e5-e0d2-da19-d52361f29bc7-6aea5d52, #w-node-a1dedc52-85ad-6db1-6d51-b87993dc7a1b-6aea5d52, #w-node-_52c90f1b-52dd-544c-7ab5-a314044af2a9-6aea5d52, #w-node-cb766579-5488-3c43-5a89-d617a2963f9d-6aea5d52, #w-node-a962b414-a3d9-82aa-7115-b474c9450157-6aea5d52, #w-node-_87895dba-70cc-f75d-be59-b9538a26c8ce-6aea5d52, #w-node-cc9dace1-98fd-9787-1503-079a0c2eab38-6aea5d52, #w-node-c4a5f498-45e5-e0d2-da19-d52361f29bc7-6aea5d67, #w-node-_87895dba-70cc-f75d-be59-b9538a26c8ce-6aea5d67, #w-node-c4a5f498-45e5-e0d2-da19-d52361f29bc7-6aea5d68, #w-node-c4a5f498-45e5-e0d2-da19-d52361f29bc7-6aea5d69, #w-node-c4a5f498-45e5-e0d2-da19-d52361f29bc7-6aea5d6a, #w-node-e913e0c2-79a1-9470-a50c-c25bca6b243d-6aea5d6a, #w-node-c4a5f498-45e5-e0d2-da19-d52361f29bc7-6aea5d6b, #w-node-c4a5f498-45e5-e0d2-da19-d52361f29bc7-6aea5d6c, #w-node-e913e0c2-79a1-9470-a50c-c25bca6b243d-6aea5d6c, #w-node-c4a5f498-45e5-e0d2-da19-d52361f29bc7-6aea5d6d, #w-node-c4a5f498-45e5-e0d2-da19-d52361f29bc7-6aea5d70, #w-node-c4a5f498-45e5-e0d2-da19-d52361f29bc7-6aea5d71, #w-node-e913e0c2-79a1-9470-a50c-c25bca6b243d-6aea5d7f, #w-node-c4a5f498-45e5-e0d2-da19-d52361f29bc7-6aea5d80, #w-node-c4a5f498-45e5-e0d2-da19-d52361f29bc7-6aea5d81, #w-node-be36af73-879b-1c11-52b0-ef9474591dfe-6aea5d81, #w-node-_10a2d14c-ad63-ed66-572e-d24f8c15607b-6aea5d81, #w-node-_0107cfd5-ee1c-ea5d-d956-3b0f836fc419-6aea5d81, #w-node-c4a5f498-45e5-e0d2-da19-d52361f29bc7-6aea5d82, #w-node-_3d7ff568-656e-f883-6ca7-b599131a7508-6aea5d82, #w-node-_649e1651-1f25-b8d3-ae38-8d18ad5d197a-6aea5d82, #w-node-_4416f454-4933-076d-d6d2-42d1e1094317-6aea5d82, #w-node-c4a5f498-45e5-e0d2-da19-d52361f29bc7-6aea5d83, #w-node-_4416f454-4933-076d-d6d2-42d1e1094317-6aea5d83, #w-node-fa7df614-c37b-06a5-e417-5109cd7238c1-6aea5d83, #w-node-_437eecd5-5640-c227-ec7a-23cec3b7e2de-6aea5d83, #w-node-c4a5f498-45e5-e0d2-da19-d52361f29bc7-6aea5d84, #w-node-be36af73-879b-1c11-52b0-ef9474591dfe-6aea5d84, #w-node-be36af73-879b-1c11-52b0-ef9474591e01-6aea5d84, #w-node-be36af73-879b-1c11-52b0-ef9474591e0a-6aea5d84, #w-node-_1a70e9c2-11d4-0642-730b-38a13339b5c2-6aea5d84, #w-node-_4416f454-4933-076d-d6d2-42d1e1094317-6aea5d84, #w-node-_0107cfd5-ee1c-ea5d-d956-3b0f836fc419-6aea5d84, #w-node-c4a5f498-45e5-e0d2-da19-d52361f29bc7-6aea5d85, #w-node-_4416f454-4933-076d-d6d2-42d1e1094317-6aea5d85, #w-node-c4a5f498-45e5-e0d2-da19-d52361f29bc7-6aea5d8b, #w-node-_4dfa2d16-5b08-b907-110a-0a6d5ec8351a-6aea5d8b, #w-node-e913e0c2-79a1-9470-a50c-c25bca6b243d-6aea5d8b, #w-node-d7df9ebe-bfe8-8314-e81e-fb26f991f2a7-6aea5d8b, #w-node-_87895dba-70cc-f75d-be59-b9538a26c8ce-6aea5d8b, #w-node-c4a5f498-45e5-e0d2-da19-d52361f29bc7-6aea5d8c, #w-node-eb216b1a-2a89-2463-ee04-ba0112d05432-6aea5d8c, #w-node-a5b95029-02f9-e8b6-a089-282cbf1b3c36-6aea5d8c, #w-node-a1dedc52-85ad-6db1-6d51-b87993dc7a1b-6aea5d8c, #w-node-_52c90f1b-52dd-544c-7ab5-a314044af2a9-6aea5d8c, #w-node-c3ba170f-8c47-8140-25d3-f9b356b8571a-6aea5d8c, #w-node-_87895dba-70cc-f75d-be59-b9538a26c8ce-6aea5d8c, #w-node-fa7df614-c37b-06a5-e417-5109cd7238c1-6aea5d8c, #w-node-c4a5f498-45e5-e0d2-da19-d52361f29bc7-6aea5d8d, #w-node-_52c90f1b-52dd-544c-7ab5-a314044af2a9-6aea5d8d, #w-node-fa7df614-c37b-06a5-e417-5109cd7238c1-6aea5d8d, #w-node-_437eecd5-5640-c227-ec7a-23cec3b7e2de-6aea5d8d, #w-node-c4a5f498-45e5-e0d2-da19-d52361f29bc7-6aea5d8e, #w-node-a5b95029-02f9-e8b6-a089-282cbf1b3c36-6aea5d8e, #w-node-_464f36cd-7c74-8b95-71ab-c99afadcfe5c-6aea5d8e, #w-node-_52c90f1b-52dd-544c-7ab5-a314044af2a9-6aea5d8e, #w-node-c3ba170f-8c47-8140-25d3-f9b356b8571a-6aea5d8e, #w-node-_87895dba-70cc-f75d-be59-b9538a26c8ce-6aea5d8e, #w-node-fa7df614-c37b-06a5-e417-5109cd7238c1-6aea5d8e, #w-node-_437eecd5-5640-c227-ec7a-23cec3b7e2de-6aea5d8e {
justify-self: center;
}
#w-node-_4a18faaf-19a2-0881-ea7f-8be9654e09fe-6aea5d8e {
justify-self: auto;
}
#w-node-c4a5f498-45e5-e0d2-da19-d52361f29bc7-6aea5d8f, #w-node-_52c90f1b-52dd-544c-7ab5-a314044af2a9-6aea5d8f, #w-node-c4a5f498-45e5-e0d2-da19-d52361f29bc7-6aea5d97, #w-node-a5b95029-02f9-e8b6-a089-282cbf1b3c36-6aea5d97, #w-node-_52c90f1b-52dd-544c-7ab5-a314044af2a9-6aea5d97, #w-node-ece14cbd-01dd-0492-9a8d-5c2f1c070cf2-6aea5d97, #w-node-fa7df614-c37b-06a5-e417-5109cd7238c1-6aea5d97, #w-node-c4a5f498-45e5-e0d2-da19-d52361f29bc7-6aea5da9, #w-node-e913e0c2-79a1-9470-a50c-c25bca6b243d-6aea5da9, #w-node-_8e1caa0b-b4b6-99a3-d38f-3943b4b0496a-6aea5da9, #w-node-_5f4b3ba8-b497-dbfc-b042-1fc977be19e5-6aea5da9, #w-node-_71b7412a-0b9b-776f-3c1d-8c14596c98b7-6aea5da9, #w-node-_87895dba-70cc-f75d-be59-b9538a26c8ce-6aea5da9, #w-node-c4a5f498-45e5-e0d2-da19-d52361f29bc7-6aea5dbd, #w-node-da5eb7fb-697f-7eec-e9ff-599dee1a175b-6aea5dbd, #w-node-e913e0c2-79a1-9470-a50c-c25bca6b243d-6aea5dbd, #w-node-d7df9ebe-bfe8-8314-e81e-fb26f991f2a7-6aea5dbd, #w-node-_87895dba-70cc-f75d-be59-b9538a26c8ce-6aea5dbd, #w-node-c4a5f498-45e5-e0d2-da19-d52361f29bc7-6aea5dbf, #w-node-e913e0c2-79a1-9470-a50c-c25bca6b243d-6aea5dbf, #w-node-_8e1caa0b-b4b6-99a3-d38f-3943b4b0498d-6aea5dbf, #w-node-_8e1caa0b-b4b6-99a3-d38f-3943b4b04995-6aea5dbf, #w-node-_8e1caa0b-b4b6-99a3-d38f-3943b4b04974-6aea5dbf, #w-node-_8e1caa0b-b4b6-99a3-d38f-3943b4b04984-6aea5dbf, #w-node-_8e1caa0b-b4b6-99a3-d38f-3943b4b0499d-6aea5dbf, #w-node-_8e1caa0b-b4b6-99a3-d38f-3943b4b0497c-6aea5dbf, #w-node-_87895dba-70cc-f75d-be59-b9538a26c8ce-6aea5dbf, #w-node-c4a5f498-45e5-e0d2-da19-d52361f29bc7-6aea5dc0, #w-node-eb216b1a-2a89-2463-ee04-ba0112d05432-6aea5dc0, #w-node-_464f36cd-7c74-8b95-71ab-c99afadcfe5c-6aea5dc0, #w-node-_52c90f1b-52dd-544c-7ab5-a314044af2a9-6aea5dc0, #w-node-c3ba170f-8c47-8140-25d3-f9b356b8571a-6aea5dc0, #w-node-c4a5f498-45e5-e0d2-da19-d52361f29bc7-6aea5dd4, #w-node-c3ba170f-8c47-8140-25d3-f9b356b8571a-6aea5dd4, #w-node-_87895dba-70cc-f75d-be59-b9538a26c8ce-6aea5dd4, #w-node-fa7df614-c37b-06a5-e417-5109cd7238c1-6aea5dd4, #w-node-c4a5f498-45e5-e0d2-da19-d52361f29bc7-6aea5dd5, #w-node-_52c90f1b-52dd-544c-7ab5-a314044af2a9-6aea5dd5, #w-node-c3ba170f-8c47-8140-25d3-f9b356b8571a-6aea5dd5, #w-node-_71a9fe40-ba56-c40f-67bc-28bd4491f636-6aea5dd5, #w-node-dfac585c-f820-c3d4-97a9-209b2c077874-6aea5dd5, #w-node-aa1db4a7-b82e-03e1-25c6-a59253dcf1e1-6aea5dd5, #w-node-_9dca2831-cc6c-501f-9101-30054b1b4e9c-6aea5dd5, #w-node-_87895dba-70cc-f75d-be59-b9538a26c8ce-6aea5dd5, #w-node-_916ba4f8-cb5e-89a6-c594-ddd7a57c128d-6aea5dd5, #w-node-e859d3c5-781b-c636-a301-30db478abbdb-6aea5dd6, #w-node-c4a5f498-45e5-e0d2-da19-d52361f29bc7-6aea5dd7, #w-node-eb216b1a-2a89-2463-ee04-ba0112d05432-6aea5dd7, #w-node-_7907ce68-7177-39f6-d41b-01e14dffc141-6aea5dd7, #w-node-_87895dba-70cc-f75d-be59-b9538a26c8ce-6aea5dd7, #w-node-_437eecd5-5640-c227-ec7a-23cec3b7e2de-6aea5dd7, #w-node-_8ee9f3bf-ae78-9803-1b74-29bcfb54bbc1-6aea5deb {
justify-self: center;
}
#w-node-_082de28b-cbbb-8a1f-6b75-ebae5ba026b6-6aea5deb {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-aa9761b0-65f5-d5c8-cde7-3db68149e6c5-6aea5ded {
justify-self: center;
}
#w-node-_5302e1b1-7929-6649-4d41-952266314366-6aea5ded {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: center;
}
#w-node-_6d78022a-4fb6-1674-ecc1-baa68aab39f9-6aea5ded, #w-node-_4c1f7f32-4b31-e0b1-708c-2a0465067b9d-6aea5ded, #w-node-_4cbd03d6-8578-833d-ff8f-e95ac2d64852-6aea5ded, #w-node-_6ed476b9-9e19-8406-79de-4aa2f0cfd029-6aea5ded, #w-node-_4aef35fd-bdea-ba1d-733f-cdb59ec156af-6aea5ded {
justify-self: center;
}
#w-node-_4aef35fd-bdea-ba1d-733f-cdb59ec156b4-6aea5ded {
place-self: auto center;
}
#w-node-_4aef35fd-bdea-ba1d-733f-cdb59ec156b6-6aea5ded, #w-node-f6429cdd-5dd9-3a5b-fb80-7eb3ae1202e4-6aea5ded, #w-node-_1e4229ae-0e9d-2863-d6d5-5ccf49226556-6aea5ded {
justify-self: center;
}
#w-node-_2e5d647c-2b2a-95ae-e16e-ee765d951541-6aea5df1 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_0b0f014b-f06f-fdd1-be05-5beb8793936b-6aea5df1, #w-node-_6ce828a5-aad7-9e01-a0a7-7ecb7556ff31-6aea5df1, #w-node-_2826fa5a-f667-b653-3ca9-2e195d736d02-6aea5df1, #w-node-_51508d80-f2c6-04b4-7b84-4f4b25b50ff1-6aea5df1, #w-node-_8c5ee7b5-36dc-427f-c0c4-bd912d580a09-6aea5df4, #w-node-_308831fb-1a81-78ae-3f91-3f20902d6d75-6aea5df4, #w-node-_65e6fe07-8af6-1e11-b1d9-6038ec93289f-6aea5df4 {
justify-self: center;
}
#w-node-_4b3275bf-1551-ca78-4bee-3b7a4792c786-6aea5df9 {
justify-self: auto;
}
#w-node-_4b3275bf-1551-ca78-4bee-3b7a4792c79e-6aea5df9, #w-node-_4b3275bf-1551-ca78-4bee-3b7a4792c7a0-6aea5df9, #w-node-_4b3275bf-1551-ca78-4bee-3b7a4792c7a2-6aea5df9, #w-node-c4a5f498-45e5-e0d2-da19-d52361f29bc7-6aea5e12, #w-node-_94c98a8b-b4ac-4c1f-29f4-11f43a4f6d7c-6aea5e12 {
justify-self: center;
}
#w-node-_55233089-5395-c43a-c45a-9b5d6d274e9a-6aea5e12 {
justify-self: auto;
}
#w-node-_87895dba-70cc-f75d-be59-b9538a26c8ce-6aea5e12, #w-node-_916ba4f8-cb5e-89a6-c594-ddd7a57c128d-6aea5e12, #w-node-fa7df614-c37b-06a5-e417-5109cd7238c1-6aea5e12, #w-node-_437eecd5-5640-c227-ec7a-23cec3b7e2de-6aea5e12, #w-node-c4a5f498-45e5-e0d2-da19-d52361f29bc7-6aea5e13 {
justify-self: center;
}
#w-node-_0393cc6e-b4cc-e8bb-f2ee-1f6e87592c77-6aea5e13 {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: center;
}
#w-node-_4d1b2845-27c9-cec9-0058-775c5896b3b9-6aea5e13 {
justify-self: center;
}
#w-node-b1af2074-235b-7587-8cbc-beeaa10e254f-6aea5e13 {
justify-self: auto;
}
#w-node-_52c90f1b-52dd-544c-7ab5-a314044af2a9-6aea5e13 {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: center;
}
#w-node-c3ba170f-8c47-8140-25d3-f9b356b8571a-6aea5e13, #w-node-_71a9fe40-ba56-c40f-67bc-28bd4491f636-6aea5e13, #w-node-_51cadb7d-e5e1-2ffb-afa5-32a091320237-6aea5e13, #w-node-f8ec2e48-c9bb-d640-ce1b-2e97cdcda49b-6aea5e13, #w-node-dfac585c-f820-c3d4-97a9-209b2c077874-6aea5e13, #w-node-_3b2bc3b2-58ac-6c0c-44f6-527198e76b37-6aea5e13, #w-node-_6055d2bd-2f45-13f3-99e1-7a09ce9a46d6-6aea5e13, #w-node-_87895dba-70cc-f75d-be59-b9538a26c8ce-6aea5e13, #w-node-_437eecd5-5640-c227-ec7a-23cec3b7e2d7-6aea5e13, #w-node-_64bc8da5-32b6-1a24-f179-6602ba7a61c0-6aea5e2e, #w-node-_84885cf2-1347-37e7-e2f1-224371bf3ce3-6aea5e2e, #w-node-_84885cf2-1347-37e7-e2f1-224371bf3ce4-6aea5e2e, #w-node-bd3b3ef1-49e1-a453-c6e0-ad8e50a8496f-6aea5e2e, #w-node-_9056e0a6-148a-43fc-38ab-92a4f8517296-6aea5e53, #w-node-_148c9ba8-1b8f-ed9a-29a9-efbdc4f1b9f7-6aea5e56, #w-node-_148c9ba8-1b8f-ed9a-29a9-efbdc4f1b9fa-6aea5e56, #w-node-_519745de-e565-5d0e-e0c5-0359d1d61fb1-6aea5e56, #w-node-_28cbf602-045f-f392-86de-743d6e44f172-6aea5e56, #w-node-c4a5f498-45e5-e0d2-da19-d52361f29bc7-6aea5e76, #w-node-a5b95029-02f9-e8b6-a089-282cbf1b3c36-6aea5e76, #w-node-_464f36cd-7c74-8b95-71ab-c99afadcfe5c-6aea5e76, #w-node-_52c90f1b-52dd-544c-7ab5-a314044af2a9-6aea5e76, #w-node-_14584662-140e-49a2-e4f6-46a18364323b-6aea5e76, #w-node-_87895dba-70cc-f75d-be59-b9538a26c8ce-6aea5e76, #w-node-c4a5f498-45e5-e0d2-da19-d52361f29bc7-6aea5e77, #w-node-eb216b1a-2a89-2463-ee04-ba0112d05432-6aea5e77, #w-node-_52c90f1b-52dd-544c-7ab5-a314044af2a9-6aea5e77, #w-node-c3ba170f-8c47-8140-25d3-f9b356b8571a-6aea5e77, #w-node-_87895dba-70cc-f75d-be59-b9538a26c8ce-6aea5e77, #w-node-_308831fb-1a81-78ae-3f91-3f20902d6d75-0e15dd48 {
justify-self: center;
}
#w-node-_65e6fe07-8af6-1e11-b1d9-6038ec93289f-0e15dd48 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_7e30ac77-44e6-c4aa-ae80-c5881d538361-0e15dd48, #w-node-_2136d265-bdfe-6533-9eb2-c6aef27767a8-3d612b88, #w-node-f6429cdd-5dd9-3a5b-fb80-7eb3ae1202e4-3d612b88, #w-node-b756e348-adb0-12b8-40be-72e66f4d88b0-d619f5a6, #w-node-c8446b3c-d9c4-82b3-5d27-8fe3fd0031cf-d619f5a6, #w-node-c8446b3c-d9c4-82b3-5d27-8fe3fd003207-d619f5a6, #w-node-c8446b3c-d9c4-82b3-5d27-8fe3fd003226-d619f5a6, #w-node-c8446b3c-d9c4-82b3-5d27-8fe3fd003228-d619f5a6, #w-node-c8446b3c-d9c4-82b3-5d27-8fe3fd00332b-d619f5a6, #w-node-_6f5258e7-4d8f-8b85-bf7f-4c4c97df1285-eede12f4, #w-node-_6f5258e7-4d8f-8b85-bf7f-4c4c97df135e-eede12f4, #w-node-_844ef9c1-d0be-b2e5-4b18-fb74e8148f6d-59dddcae, #w-node-cc8e0a50-9058-ae8e-7459-8a96606fd48f-4f649519, #w-node-_666dd583-29b3-c368-2073-2075a408e039-4f649519, #w-node-e9b74732-925b-057a-d710-cce1de5afdf8-88208918, #w-node-e9b74732-925b-057a-d710-cce1de5afe2e-88208918, #w-node-e9b74732-925b-057a-d710-cce1de5afe65-88208918, #w-node-e9b74732-925b-057a-d710-cce1de5afe9b-88208918, #w-node-e9b74732-925b-057a-d710-cce1de5aff60-88208918, #w-node-e9b74732-925b-057a-d710-cce1de5aff64-88208918, #w-node-e9b74732-925b-057a-d710-cce1de5aff68-88208918, #w-node-_246480b8-9130-f7c5-fcf7-d143ebc5bde5-88208918 {
justify-self: center;
}
#w-node-_246480b8-9130-f7c5-fcf7-d143ebc5bde6-88208918 {
justify-self: auto;
}
#w-node-_246480b8-9130-f7c5-fcf7-d143ebc5bdeb-88208918 {
justify-self: center;
}
#w-node-_246480b8-9130-f7c5-fcf7-d143ebc5bdf0-88208918 {
justify-self: auto;
}
#w-node-d1d8135c-ca49-b923-134f-e379750cccac-88208918, #w-node-f889ab59-fd14-3da4-c7d9-5a4440c99957-fb5c2e58, #w-node-f889ab59-fd14-3da4-c7d9-5a4440c9998d-fb5c2e58, #w-node-f889ab59-fd14-3da4-c7d9-5a4440c999c4-fb5c2e58, #w-node-f889ab59-fd14-3da4-c7d9-5a4440c999fa-fb5c2e58, #w-node-f889ab59-fd14-3da4-c7d9-5a4440c99abf-fb5c2e58, #w-node-f889ab59-fd14-3da4-c7d9-5a4440c99ac3-fb5c2e58, #w-node-f889ab59-fd14-3da4-c7d9-5a4440c99ac7-fb5c2e58, #w-node-_28e0827a-a07b-f135-bdeb-0b0546ec9b14-fb5c2e58 {
justify-self: center;
}
#w-node-_28e0827a-a07b-f135-bdeb-0b0546ec9b15-fb5c2e58 {
justify-self: auto;
}
#w-node-_3c5200c5-24b4-0cac-2f1b-dde234125a0f-fb5c2e58, #w-node-a45ebb25-3a72-a7cb-b707-692a6a04e197-36717012, #w-node-a45ebb25-3a72-a7cb-b707-692a6a04e19b-36717012, #w-node-a45ebb25-3a72-a7cb-b707-692a6a04e19f-36717012, #w-node-_8bd08eb6-e70c-526d-4d23-a3615f29c8de-c248295a, #w-node-_8bd08eb6-e70c-526d-4d23-a3615f29c8e2-c248295a, #w-node-_8bd08eb6-e70c-526d-4d23-a3615f29c8e6-c248295a, #w-node-_69db36bf-5fad-45f2-7d10-6fa0cb08efbd-d8032de6, #w-node-_69db36bf-5fad-45f2-7d10-6fa0cb08efc1-d8032de6, #w-node-_69db36bf-5fad-45f2-7d10-6fa0cb08efc5-d8032de6, #w-node-_7a5b27b8-0771-9f51-a377-a728c331c486-144f422b, #w-node-_7a5b27b8-0771-9f51-a377-a728c331c48a-144f422b, #w-node-_7a5b27b8-0771-9f51-a377-a728c331c48e-144f422b, #w-node-_11683dd0-3000-9f63-9ba5-9f5a10855788-2cf82622, #w-node-_11683dd0-3000-9f63-9ba5-9f5a1085578c-2cf82622, #w-node-_11683dd0-3000-9f63-9ba5-9f5a10855790-2cf82622, #w-node-_715b2399-fad6-3517-eb87-4c049afd6b89-bb31d628, #w-node-_715b2399-fad6-3517-eb87-4c049afd6cf1-bb31d628, #w-node-_715b2399-fad6-3517-eb87-4c049afd6cf5-bb31d628, #w-node-_715b2399-fad6-3517-eb87-4c049afd6cf9-bb31d628, #w-node-_11cb928f-349d-e851-11a3-8c8c9e2cc87d-207dbe36, #w-node-_55146a2c-cb46-7cb5-9660-2e9dcc2e4f90-207dbe36 {
justify-self: center;
}
#w-node-c86f229f-c5b4-f798-dc99-3b591695333b-207dbe36 {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: center;
}
#w-node-c86f229f-c5b4-f798-dc99-3b591695334b-207dbe36, #w-node-c86f229f-c5b4-f798-dc99-3b5916953352-207dbe36, #w-node-c86f229f-c5b4-f798-dc99-3b591695335b-207dbe36 {
justify-self: center;
}
#w-node-_25d11bac-4dae-1b6a-fc6a-591a2c861992-207dbe36 {
place-self: auto center;
}
#w-node-_480e2bfb-85dc-78f2-73dd-1b4618765824-207dbe36, #w-node-_480e2bfb-85dc-78f2-73dd-1b461876584c-207dbe36, #w-node-aaac53a6-5787-af71-6dfd-e2836479e83d-381117d1, #w-node-aaac53a6-5787-af71-6dfd-e2836479e895-381117d1, #w-node-_82241130-87d9-84e0-cf5c-d763e31dab76-381117d1, #w-node-_541c556f-cb20-ad6f-c14f-8c0c8737ccfa-381117d1, #w-node-aaac53a6-5787-af71-6dfd-e2836479e8e3-381117d1, #w-node-_90178fa9-e51a-a736-3eae-b531f4b9297f-6f0f5589, #w-node-_90178fa9-e51a-a736-3eae-b531f4b92980-6f0f5589, #w-node-_90178fa9-e51a-a736-3eae-b531f4b9298b-6f0f5589, #w-node-_90178fa9-e51a-a736-3eae-b531f4b9298c-6f0f5589, #w-node-_90178fa9-e51a-a736-3eae-b531f4b92997-6f0f5589, #w-node-_90178fa9-e51a-a736-3eae-b531f4b92998-6f0f5589, #w-node-c123c60d-8f26-cb1f-b02a-6aa8ca5ce691-6f0f5589, #w-node-c123c60d-8f26-cb1f-b02a-6aa8ca5ce69d-6f0f5589 {
justify-self: center;
}
#w-node-c123c60d-8f26-cb1f-b02a-6aa8ca5ce6a9-6f0f5589 {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: center;
}
#w-node-_90178fa9-e51a-a736-3eae-b531f4b929bf-6f0f5589, #w-node-_90178fa9-e51a-a736-3eae-b531f4b929c0-6f0f5589, #w-node-f38f72cd-f5ae-12b5-a55b-ccc36b2807dc-3035136b, #w-node-_91f98ec3-ef16-fd2c-953f-78d25f9d4ff4-3035136b, #w-node-a65e62af-662c-9c28-65f3-999f08dd83d9-3035136b, #w-node-a65e62af-662c-9c28-65f3-999f08dd83e1-3035136b, #w-node-_292595fa-05b6-22a8-b7aa-0fcaa68bdc2c-3035136b, #w-node-_292595fa-05b6-22a8-b7aa-0fcaa68bdc34-3035136b, #w-node-_95b572da-6ccb-6e29-1807-a20d9e0183ff-3035136b, #w-node-a6cd347e-b7ce-88de-9491-0204c1152e07-3035136b, #w-node-c8653863-0405-c5d6-4ca8-a9dba3d67b1d-3035136b {
justify-self: center;
}
}