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: 700
}
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: 700
}
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: 400;
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: 400;
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
}
pre.w-code-block code>span {
display: block !important
}
.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;
width: auto !important;
height: auto !important;
overflow: unset !important;
background-color: #fff !important;
border-radius: 3px !important;
margin: 0 !important;
padding: 6px !important;
font-size: 12px !important;
line-height: 14px !important;
text-decoration: none !important;
display: inline-block !important;
position: fixed !important;
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: 700
}
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: 700;
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: 400;
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: 400;
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: 400;
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: 400;
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 {
width: auto;
height: auto;
font-size: inherit;
line-height: inherit;
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
}
.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: 50%;
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: translate(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: translateY(-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)
}
to {
transform: rotate(360deg)
}
}
.w-dyn-empty {
background-color: #ddd;
padding: 10px
}
.w-dyn-hide,
.w-dyn-bind-empty,
.w-condition-invisible {
display: none !important
}
.wf-layout-layout {
display: grid
}
.w-layout-grid {
grid-row-gap: 16px;
grid-column-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid
}
@font-face {
font-family: Archivo;
src: url(https://cdn.prod.website-files.com/692db0eaf3c473ac91a06392/697c827386b2e8debee888ac_Archivo-Medium.woff2)format("woff2");
font-weight: 500;
font-style: normal;
font-display: swap
}
@font-face {
font-family: Archivo;
src: url(https://cdn.prod.website-files.com/692db0eaf3c473ac91a06392/697c82732f64b42254faa88a_Archivo-Regular.woff2)format("woff2");
font-weight: 400;
font-style: normal;
font-display: swap
}
@font-face {
font-family: Archivo;
src: url(https://cdn.prod.website-files.com/692db0eaf3c473ac91a06392/697c8273e93f8e363fbcebda_Archivo-Bold.woff2)format("woff2");
font-weight: 700;
font-style: normal;
font-display: swap
}
@font-face {
font-family: Azeret mono;
src: url(https://cdn.prod.website-files.com/692db0eaf3c473ac91a06392/6a2adcdea38401028dceb16f_AzeretMono-Regular.woff2)format("woff2");
font-weight: 400;
font-style: normal;
font-display: swap
}
@font-face {
font-family: Switzer;
src: url(https://cdn.prod.website-files.com/692db0eaf3c473ac91a06392/6a342ced4a3500aa73e93459_Switzer-Bold.woff2)format("woff2");
font-weight: 700;
font-style: normal;
font-display: swap
}
@font-face {
font-family: Switzer;
src: url(https://cdn.prod.website-files.com/692db0eaf3c473ac91a06392/6a342f9e24086f0134a65636_Switzer-Medium.woff2)format("woff2");
font-weight: 500;
font-style: normal;
font-display: swap
}
@font-face {
font-family: Afacad;
src: url(https://cdn.prod.website-files.com/692db0eaf3c473ac91a06392/692db117b16625772c127674_Afacad-SemiBold.ttf)format("truetype");
font-weight: 600;
font-style: normal;
font-display: swap
}
@font-face {
font-family: Afacad;
src: url(https://cdn.prod.website-files.com/692db0eaf3c473ac91a06392/692db1170ce8f6bbfd3e3e65_Afacad-Regular.ttf)format("truetype");
font-weight: 400;
font-style: normal;
font-display: swap
}
@font-face {
font-family: Afacad;
src: url(https://cdn.prod.website-files.com/692db0eaf3c473ac91a06392/692db1175ea75a283ec92160_Afacad-Medium.ttf)format("truetype");
font-weight: 500;
font-style: normal;
font-display: swap
}
@font-face {
font-family: Afacad;
src: url(https://cdn.prod.website-files.com/692db0eaf3c473ac91a06392/692db12216b66e7e61fa387d_Afacad-Bold.ttf)format("truetype");
font-weight: 700;
font-style: normal;
font-display: swap
}
:root {
--_zolution---colors--gray-50: #f2f6f5;
--_zolution---font-family: Archivo, Arial, sans-serif;
--_zolution---colors--black: #15171a;
--_zolution---font-size--text-m: 1rem;
--_zolution---line-height--120: 120%;
--_zolution---font-weight--regular: 400;
--_zolution---letter-space--3: -.03em;
--base-size--20\: 1.25rem;
--_zolution---base-size--24: 1.5rem;
--_zolution---base-size--44: 2.75rem;
--_zolution---colors--white: #fff;
--base-size--10\: .625rem;
--_zolution---base-size--80: 5rem;
--base-size--16\: 1rem;
--_zolution---font-size--text-l: 1.125rem;
--_zolution---line-height--140: 140%;
--_zolution---base-size--8: .5rem;
--_zolution---base-size--40: 2.5rem;
--_zolution---base-size--20: 1.25rem;
--_zolution---font-size--title-m: 2.25rem;
--_zolution---font-weight--medium: 500;
--_zolution---line-height--130: 130%;
--_zolution---font-size--title-xl: 4.5rem;
--_zolution---font-size--title-l: 3.625rem;
--_zolution---line-height--110: 110%;
--_zolution---letter-space--2: -.02em;
--_zolution---font-size--title-s: 1.75rem;
--_zolution---font-size--title-xs: 1.375rem;
--_zolution---base-size--18: 1.125rem;
--_zolution---font-size--text-xl: 1.25rem;
--_zolution---letter-space--1: -.01em;
--_zolution---colors--gray-500: #73817e;
--_zolution---base-size--32: 2rem;
--_zolution---base-size--16: 1rem;
--_zolution---base-size--button-radius: 1rem;
--_zolution---color--azul-500: #229bcf;
--_zolution---font-size--text-btn-l: 1rem;
--_zolution---base-size--12: .75rem;
--_zolution---font-size--text-btn-m: .875rem;
--_zolution---base-size--10: .625rem;
--_zolution---color--azul-50: #fbeeec;
--_zolution---color--azul-200: #ebb5ab;
--_zolution---base-size--140: 8.75rem;
--_zolution---base-size--120: 7.5rem;
--_zolution---base-size--90: 5.625rem;
--_zolution---base-size--105: 6.625rem;
--_zolution---base-size--60: 3.75rem;
--_zolution---base-size--100: 6.25rem;
--36: 2.25rem;
--_zolution---base-size--48: 3rem;
--_zolution---colors--blue-700: #223a4b;
--_zolution---base-size--container: 85rem;
--_zolution---font-size--nav-link: .875rem;
--_zolution---colors--gray-400: #8b9a96;
--_zolution---base-size--50: 3.125rem;
--_zolution---base-size--38: 2.375rem;
--_zolution---base-size--64: 4rem;
--_zolution---base-size--6: .375rem;
--_zolution---colors--green-500: #0179b0;
--_zolution---base-size--42: 2.625rem;
--_zolution---colors--green-100: #c4ece1;
--_zolution---line-height--100: 100%;
--_zolution---base-size--52: 3.25rem;
--_zolution---colors--blue-200: #b0d4e8;
--_zolution---font-size--text-s: .875rem;
--_zolution---letter-space--0: 0em;
--_zolution---base-size--14: .875rem;
--_zolution---colors--green-200: #ffffff;
--_zolution---colors--blue-100: #d8ebf4;
--_zolution---base-size--4: .25rem;
--base-colors--green\: #0179b0;
--_zolution---colors--gray-100: #d9dfde;
--_zolution---font-weight--bold: 700;
--_zolution---color--azul-100: #f6dad5;
--_zolution---colors--gray-200: #bec9c6;
--_zolution---colors--green-400: #37a88a;
--_zolution---font-size--text-chips: 1.125rem;
--_zolution---colors--blue-500: #478fb8;
--_zolution---colors--gray-600: #5c6764;
--_zolution---colors--gray-800: #2e3332;
--_zolution---colors--green-300: #60c7ac;
--_zolution---font-mono: "Azeret mono", Arial, sans-serif;
--_zolution---colors--blue-300: #87bbd9;
--_zolution---font-size--text-link: 1rem;
--_zolution---colors--gray-700: #454e4c;
--_zolution---colors--gray-300: #a5b2af;
--_zolution---colors--green-50: #c4ece1;
--_zolution---colors--blue-400: #66a7cc;
--_zolution---colors--blue-50: #ebf5f9;
--_zolution---color--azul-400: #e06f68;
--_zolution---color--azul-300: #e69786;
--_zolution---color--azul-10: #fdfafa;
--_zolution---colors--purple-500: #ac49d8;
--_zolution---colors--purple-400: #bc71e3;
--_zolution---colors--purple-300: #cb97eb;
--_zolution---colors--purple-200: #dbbaf1;
--_zolution---colors--purple-100: #edddf8;
--_zolution---colors--purple-50: #f6eefb;
--_zolution---colors--error-red: #f44336
}
.w-layout-vflex {
flex-direction: column;
align-items: flex-start;
display: flex
}
.w-form-formradioinput--inputType-custom {
border: 1px solid #ccc;
border-radius: 50%;
width: 12px;
height: 12px
}
.w-form-formradioinput--inputType-custom.w--redirected-focus {
box-shadow: 0 0 3px 1px #3898ec
}
.w-form-formradioinput--inputType-custom.w--redirected-checked {
border-width: 4px;
border-color: #3898ec
}
.w-pagination-wrapper {
flex-wrap: wrap;
justify-content: center;
display: flex
}
.w-pagination-previous,
.w-pagination-next {
color: #333;
background-color: #fafafa;
border: 1px solid #ccc;
border-radius: 2px;
margin-left: 10px;
margin-right: 10px;
padding: 9px 20px;
font-size: 14px;
display: block
}
.w-page-count {
text-align: center;
width: 100%;
margin-top: 20px
}
body {
background-color: var(--_zolution---colors--gray-50);
font-family: var(--_zolution---font-family);
color: var(--_zolution---colors--black);
font-size: var(--_zolution---font-size--text-m);
line-height: var(--_zolution---line-height--120);
font-weight: var(--_zolution---font-weight--regular);
letter-spacing: var(--_zolution---letter-space--3);
--_zolution---colors--gray-50: #f2f6f5;
--_zolution---font-family: Archivo, Arial, sans-serif;
--_zolution---colors--black: #15171a;
--_zolution---font-size--text-m: .875rem;
--_zolution---line-height--120: 120%;
--_zolution---font-weight--regular: 400;
--_zolution---letter-space--3: -.03em;
--_zolution---base-size--24: 1.5rem;
--_zolution---base-size--44: 2.75rem;
--_zolution---colors--white: #fff;
--_zolution---base-size--80: 5rem;
--_zolution---font-size--text-l: 1rem;
--_zolution---line-height--140: 140%;
--_zolution---base-size--8: .5rem;
--_zolution---base-size--40: 2.5rem;
--_zolution---base-size--20: 1.25rem;
--_zolution---font-size--title-m: 1.75rem;
--_zolution---font-weight--medium: 500;
--_zolution---line-height--130: 130%;
--_zolution---font-size--title-xl: 2.875rem;
--_zolution---font-size--title-l: 2.5rem;
--_zolution---line-height--110: 110%;
--_zolution---letter-space--2: -.02em;
--_zolution---font-size--title-s: 1.375rem;
--_zolution---font-size--title-xs: 1.25rem;
--_zolution---base-size--18: 1.125rem;
--_zolution---font-size--text-xl: 1.125rem;
--_zolution---letter-space--1: -.01em;
--_zolution---colors--gray-500: #73817e;
--_zolution---base-size--32: 2rem;
--_zolution---base-size--16: 1rem;
--_zolution---base-size--button-radius: 1rem;
--_zolution---color--azul-500: #097aaa;
--_zolution---font-size--text-btn-l: 1rem;
--_zolution---base-size--12: .75rem;
--_zolution---font-size--text-btn-m: .875rem;
--_zolution---base-size--10: .625rem;
--_zolution---color--azul-50: #fbeeec;
--_zolution---color--azul-200: #ebb5ab;
--_zolution---base-size--140: 8.75rem;
--_zolution---base-size--120: 7.5rem;
--_zolution---base-size--90: 5.625rem;
--_zolution---base-size--105: 6.625rem;
--_zolution---base-size--60: 3.75rem;
--_zolution---base-size--100: 6.25rem;
--_zolution---base-size--48: 3rem;
--_zolution---colors--blue-700: #223a4b;
--_zolution---base-size--container: 85rem;
--_zolution---font-size--nav-link: .875rem;
--_zolution---colors--gray-400: #8b9a96;
--_zolution---base-size--50: 3.125rem;
--_zolution---base-size--38: 2.375rem;
--_zolution---base-size--64: 4rem;
--_zolution---base-size--6: .375rem;
--_zolution---colors--green-500: #0179b0;
--_zolution---base-size--42: 2.625rem;
--_zolution---colors--green-100: #c4ece1;
--_zolution---line-height--100: 100%;
--_zolution---base-size--52: 3.25rem;
--_zolution---colors--blue-200: #b0d4e8;
--_zolution---font-size--text-s: .75rem;
--_zolution---letter-space--0: 0em;
--_zolution---base-size--14: .875rem;
--_zolution---colors--green-200: #93dcc8;
--_zolution---colors--blue-100: #d8ebf4;
--_zolution---base-size--4: .25rem;
--_zolution---colors--gray-100: #d9dfde;
--_zolution---font-weight--bold: 700;
--_zolution---color--azul-100: #f6dad5;
--_zolution---colors--gray-200: #bec9c6;
--_zolution---colors--green-400: #37a88a;
--_zolution---font-size--text-chips: 1.125rem;
--_zolution---colors--blue-500: #478fb8;
--_zolution---colors--gray-600: #5c6764;
--_zolution---colors--gray-800: #2e3332;
--_zolution---colors--green-300: #60c7ac;
--_zolution---font-mono: "Azeret mono", Arial, sans-serif;
--_zolution---colors--blue-300: #87bbd9;
--_zolution---font-size--text-link: 1rem;
--_zolution---colors--gray-700: #454e4c;
--_zolution---colors--gray-300: #a5b2af;
--_zolution---colors--green-50: #c4ece1;
--_zolution---colors--blue-400: #66a7cc;
--_zolution---colors--blue-50: #ebf5f9;
--_zolution---color--azul-400: #e06f68;
--_zolution---color--azul-300: #e69786;
--_zolution---color--azul-10: #fdfafa;
--_zolution---colors--purple-500: #ac49d8;
--_zolution---colors--purple-400: #bc71e3;
--_zolution---colors--purple-300: #cb97eb;
--_zolution---colors--purple-200: #dbbaf1;
--_zolution---colors--purple-100: #edddf8;
--_zolution---colors--purple-50: #f6eefb;
--_zolution---colors--error-red: #f44336
}
h1 {
margin-top: 0;
margin-bottom: 0;
font-size: 38px;
font-weight: 700;
line-height: 44px
}
h2 {
margin-top: 0;
margin-bottom: 0;
font-size: 32px;
font-weight: 700;
line-height: 36px
}
h3 {
margin-top: 20px;
margin-bottom: 10px;
font-size: 24px;
font-weight: 700;
line-height: 30px
}
h4 {
margin-top: 10px;
margin-bottom: 10px;
font-size: 18px;
font-weight: 700;
line-height: 24px
}
h5 {
margin-top: 10px;
margin-bottom: 10px;
font-size: 14px;
font-weight: 700;
line-height: 20px
}
p {
margin-bottom: 0
}
a {
text-decoration: underline
}
ul,
ol {
margin-top: 0;
margin-bottom: 10px;
padding-left: 40px
}
img {
max-width: 100%;
display: inline-block
}
blockquote {
border-left: 5px solid #e2e2e2;
margin-bottom: 10px;
padding: 10px 20px;
font-size: 18px;
line-height: 22px
}
figure {
margin-bottom: 10px
}
.modal-component {
z-index: 999;
opacity: 0;
flex-flow: column;
justify-content: center;
align-items: center;
width: 100%;
height: 100dvh;
transition: opacity .3s;
display: none;
position: fixed;
inset: 0%
}
.form-modal__bg {
z-index: 0;
cursor: pointer;
background-color: #15171acc;
position: absolute;
inset: 0%
}
.modal__close {
left: auto;
top: var(--base-size--20\);
right: var(--base-size--20\);
width: var(--_zolution---base-size--24);
height: var(--_zolution---base-size--24);
border-radius: var(--_zolution---base-size--44);
background-color: var(--_zolution---colors--white);
cursor: pointer;
justify-content: center;
align-items: center;
padding: .35rem;
display: flex;
position: absolute;
bottom: auto
}
.close--icon {
width: 100%;
height: auto;
display: block
}
.legal__container {
z-index: 1;
width: 100%;
max-width: 56.25rem;
padding-top: var(--_zolution---base-size--80);
text-align: left;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
margin-left: auto;
margin-right: auto;
display: flex;
position: relative
}
.legal__rich-text {
font-size: var(--_zolution---font-size--text-l);
line-height: var(--_zolution---line-height--140);
font-weight: var(--_zolution---font-weight--regular);
flex-flow: column;
display: block
}
.legal__rich-text ol {
grid-column-gap: var(--_zolution---base-size--8);
grid-row-gap: var(--_zolution---base-size--8);
flex-flow: column;
margin-top: .25rem;
margin-bottom: 0;
padding-left: 2rem;
list-style-type: disc;
display: flex
}
.legal__rich-text a {
color: var(--_zolution---colors--black)
}
.legal__rich-text h2 {
margin-top: var(--_zolution---base-size--40);
margin-bottom: var(--_zolution---base-size--20);
font-size: var(--_zolution---font-size--title-m);
font-weight: var(--_zolution---font-weight--medium)
}
.legal__rich-text p {
margin-bottom: var(--_zolution---base-size--8)
}
.body {
background-color: var(--_zolution---colors--gray-50);
font-family: var(--_zolution---font-family);
color: var(--_zolution---colors--black);
font-size: var(--_zolution---font-size--text-m);
line-height: var(--_zolution---line-height--130);
font-weight: var(--_zolution---font-weight--regular);
letter-spacing: var(--_zolution---letter-space--3)
}
.main_wrapp {
width: 100%
}
.main_wrapp.overflow {
overflow: hidden
}
.title--xl {
font-size: var(--_zolution---font-size--title-xl);
line-height: var(--_zolution---line-height--120);
font-weight: var(--_zolution---font-weight--medium);
letter-spacing: var(--_zolution---letter-space--3)
}
.title--l {
font-size: var(--_zolution---font-size--title-l);
line-height: var(--_zolution---line-height--110);
font-weight: var(--_zolution---font-weight--medium);
letter-spacing: -.04em
}
.title--m {
font-size: var(--_zolution---font-size--title-m);
line-height: var(--_zolution---line-height--120);
font-weight: var(--_zolution---font-weight--medium);
letter-spacing: var(--_zolution---letter-space--3)
}
.title--s {
z-index: 1;
font-size: var(--_zolution---font-size--title-s);
line-height: var(--_zolution---line-height--110);
font-weight: var(--_zolution---font-weight--medium);
letter-spacing: -.04em;
--_zolution---colors--gray-50: #f2f6f5;
--_zolution---font-family: Archivo, Arial, sans-serif;
--_zolution---colors--black: #15171a;
--_zolution---font-size--text-m: .875rem;
--_zolution---line-height--120: 120%;
--_zolution---font-weight--regular: 400;
--_zolution---letter-space--3: -.03em;
--_zolution---base-size--24: 1.5rem;
--_zolution---base-size--44: 2.75rem;
--_zolution---colors--white: #fff;
--_zolution---base-size--80: 5rem;
--_zolution---font-size--text-l: 1rem;
--_zolution---line-height--140: 140%;
--_zolution---base-size--8: .5rem;
--_zolution---base-size--40: 2.5rem;
--_zolution---base-size--20: 1.25rem;
--_zolution---font-size--title-m: 1.75rem;
--_zolution---font-weight--medium: 500;
--_zolution---line-height--130: 130%;
--_zolution---font-size--title-xl: 2.875rem;
--_zolution---font-size--title-l: 2.5rem;
--_zolution---line-height--110: 110%;
--_zolution---letter-space--2: -.02em;
--_zolution---font-size--title-s: 1.375rem;
--_zolution---font-size--title-xs: 1.25rem;
--_zolution---base-size--18: 1.125rem;
--_zolution---font-size--text-xl: 1.125rem;
--_zolution---letter-space--1: -.01em;
--_zolution---colors--gray-500: #73817e;
--_zolution---base-size--32: 2rem;
--_zolution---base-size--16: 1rem;
--_zolution---base-size--button-radius: 1rem;
--_zolution---color--azul-500: #097aaa;
--_zolution---font-size--text-btn-l: 1rem;
--_zolution---base-size--12: .75rem;
--_zolution---font-size--text-btn-m: .875rem;
--_zolution---base-size--10: .625rem;
--_zolution---color--azul-50: #fbeeec;
--_zolution---color--azul-200: #ebb5ab;
--_zolution---base-size--140: 8.75rem;
--_zolution---base-size--120: 7.5rem;
--_zolution---base-size--90: 5.625rem;
--_zolution---base-size--105: 6.625rem;
--_zolution---base-size--60: 3.75rem;
--_zolution---base-size--100: 6.25rem;
--_zolution---base-size--48: 3rem;
--_zolution---colors--blue-700: #223a4b;
--_zolution---base-size--container: 85rem;
--_zolution---font-size--nav-link: .875rem;
--_zolution---colors--gray-400: #8b9a96;
--_zolution---base-size--50: 3.125rem;
--_zolution---base-size--38: 2.375rem;
--_zolution---base-size--64: 4rem;
--_zolution---base-size--6: .375rem;
--_zolution---colors--green-500: #0179b0;
--_zolution---base-size--42: 2.625rem;
--_zolution---colors--green-100: #c4ece1;
--_zolution---line-height--100: 100%;
--_zolution---base-size--52: 3.25rem;
--_zolution---colors--blue-200: #b0d4e8;
--_zolution---font-size--text-s: .75rem;
--_zolution---letter-space--0: 0em;
--_zolution---base-size--14: .875rem;
--_zolution---colors--green-200: #93dcc8;
--_zolution---colors--blue-100: #d8ebf4;
--_zolution---base-size--4: .25rem;
--_zolution---colors--gray-100: #d9dfde;
--_zolution---font-weight--bold: 700;
--_zolution---color--azul-100: #f6dad5;
--_zolution---colors--gray-200: #bec9c6;
--_zolution---colors--green-400: #37a88a;
--_zolution---font-size--text-chips: 1.125rem;
--_zolution---colors--blue-500: #478fb8;
--_zolution---colors--gray-600: #5c6764;
--_zolution---colors--gray-800: #2e3332;
--_zolution---colors--green-300: #60c7ac;
--_zolution---font-mono: "Azeret mono", Arial, sans-serif;
--_zolution---colors--blue-300: #87bbd9;
--_zolution---font-size--text-link: 1rem;
--_zolution---colors--gray-700: #454e4c;
--_zolution---colors--gray-300: #a5b2af;
--_zolution---colors--green-50: #c4ece1;
--_zolution---colors--blue-400: #66a7cc;
--_zolution---colors--blue-50: #ebf5f9;
--_zolution---color--azul-400: #e06f68;
--_zolution---color--azul-300: #e69786;
--_zolution---color--azul-10: #fdfafa;
--_zolution---colors--purple-500: #ac49d8;
--_zolution---colors--purple-400: #bc71e3;
--_zolution---colors--purple-300: #cb97eb;
--_zolution---colors--purple-200: #dbbaf1;
--_zolution---colors--purple-100: #edddf8;
--_zolution---colors--purple-50: #f6eefb;
--_zolution---colors--error-red: #f44336;
position: relative
}
.title--xs {
z-index: 1;
font-size: var(--_zolution---font-size--title-xs);
line-height: var(--_zolution---line-height--120);
font-weight: var(--_zolution---font-weight--medium);
position: relative
}
.title--xs.is--sales {
flex: none
}
.title--xs.is--sales-bottom {
min-width: 18rem
}
.title--xs.is--sales-top {
min-width: 16rem
}
.text--xl {
font-size: var(--_zolution---font-size--text-xl);
line-height: var(--_zolution---line-height--140);
letter-spacing: var(--_zolution---letter-space--1)
}
.text--xl.is--grey {
color: var(--_zolution---colors--gray-500)
}
.text--l {
font-size: var(--_zolution---font-size--text-l);
line-height: var(--_zolution---line-height--130);
font-weight: var(--_zolution---font-weight--regular);
letter-spacing: var(--_zolution---letter-space--3)
}
.is--medium {
font-weight: var(--_zolution---font-weight--medium)
}
.button {
padding: var(--_zolution---base-size--16)var(--_zolution---base-size--40);
border-radius: var(--_zolution---base-size--button-radius);
background-color: var(--_zolution---color--azul-500);
color: var(--_zolution---colors--white);
font-size: var(--_zolution---font-size--text-btn-l);
line-height: var(--_zolution---line-height--130);
font-weight: var(--_zolution---font-weight--medium);
text-align: center;
letter-spacing: var(--_zolution---letter-space--3);
white-space: nowrap;
justify-content: center;
align-items: center;
text-decoration: none;
transition: background-color .3s, color .3s;
display: flex
}
.button:where(.w-variant-8ab93cf4-d629-81e6-e7fb-0245c8a1d5ff) {
border: 1px solid var(--_zolution---color--azul-500);
background-color: var(--_zolution---colors--gray-50);
color: var(--_zolution---color--azul-500)
}
.button:where(.w-variant-987f400b-b846-238a-7f65-5fa18cfecfa3) {
height: var(--_zolution---base-size--40);
padding: var(--_zolution---base-size--12)var(--_zolution---base-size--24);
font-size: var(--_zolution---font-size--text-btn-m);
flex: none
}
.button:where(.w-variant-17570fe8-0d3c-c67e-aa42-fc366c87bbfe) {
padding: var(--_zolution---base-size--8)var(--_zolution---base-size--16);
background-color: var(--_zolution---colors--white);
color: var(--_zolution---colors--black);
border-radius: 0
}
.button:where(.w-variant-05364811-9faf-2d5c-060a-a42f79515f00) {
height: var(--_zolution---base-size--40);
padding: var(--_zolution---base-size--10)var(--_zolution---base-size--24);
background-color: var(--_zolution---colors--white);
color: var(--_zolution---colors--black);
font-size: var(--_zolution---font-size--text-btn-m)
}
.button:where(.w-variant-59d4b56d-e7b9-e401-4ad8-cb2acd544c34) {
border: 1px solid var(--_zolution---color--azul-500);
color: var(--_zolution---color--azul-500);
background-color: #0000
}
.button:where(.w-variant-59d4b56d-e7b9-e401-4ad8-cb2acd544c36) {
padding: var(--_zolution---base-size--12)var(--_zolution---base-size--32);
font-size: var(--_zolution---font-size--text-btn-m)
}
.button:where(.w-variant-59d4b56d-e7b9-e401-4ad8-cb2acd544c35) {
background-color: var(--_zolution---color--azul-50);
color: var(--_zolution---color--azul-500)
}
.button:where(.w-variant-59d4b56d-e7b9-e401-4ad8-cb2acd544c38) {
padding: var(--_zolution---base-size--8)var(--_zolution---base-size--16);
background-color: var(--_zolution---colors--white);
color: var(--_zolution---colors--black)
}
.button:where(.w-variant-59d4b56d-e7b9-e401-4ad8-cb2acd544c37) {
padding: var(--_zolution---base-size--12)var(--_zolution---base-size--32);
border: 1px solid var(--_zolution---color--azul-500);
color: var(--_zolution---color--azul-500);
font-size: var(--_zolution---font-size--text-btn-m);
background-color: #0000
}
.button:where(.w-variant-227915dc-edad-ebcd-b8c7-8e9b117a4751) {
border: 1px solid var(--_zolution---color--azul-500);
color: var(--_zolution---color--azul-500);
background-color: #0000
}
.button:where(.w-variant-227915dc-edad-ebcd-b8c7-8e9b117a4753) {
padding: var(--_zolution---base-size--12)var(--_zolution---base-size--32);
font-size: var(--_zolution---font-size--text-btn-m)
}
.button:where(.w-variant-227915dc-edad-ebcd-b8c7-8e9b117a4752) {
background-color: var(--_zolution---color--azul-50);
color: var(--_zolution---color--azul-500)
}
.button:where(.w-variant-227915dc-edad-ebcd-b8c7-8e9b117a4755) {
padding: var(--_zolution---base-size--8)var(--_zolution---base-size--16);
background-color: var(--_zolution---colors--white);
color: var(--_zolution---colors--black)
}
.button:where(.w-variant-227915dc-edad-ebcd-b8c7-8e9b117a4754) {
padding: var(--_zolution---base-size--12)var(--_zolution---base-size--32);
border: 1px solid var(--_zolution---color--azul-500);
color: var(--_zolution---color--azul-500);
font-size: var(--_zolution---font-size--text-btn-m);
background-color: #0000
}
.button:where(.w-variant-81780053-53ab-86ef-2544-04e67f3b68aa) {
border: 1px solid var(--_zolution---colors--white);
background-color: var(--_zolution---colors--white);
color: var(--_zolution---color--azul-500)
}
.button:where(.w-variant-6101740f-88aa-0a0a-23a7-024ce8ee2b35) {
border: 1px solid var(--_zolution---colors--white);
color: var(--_zolution---colors--white);
background-color: #0000
}
.button:where(.w-variant-530d75aa-05e6-2b9a-2896-5f6eb1acdaf6) {
border: 1px solid var(--_zolution---colors--black);
color: var(--_zolution---colors--black);
background-color: #0000
}
.button:where(.w-variant-069eda21-72c1-d9fc-63ae-ff327d98e2a0) {
height: var(--_zolution---base-size--40);
padding: var(--_zolution---base-size--12)var(--_zolution---base-size--24);
border: 1px solid var(--_zolution---color--azul-500);
background-color: var(--_zolution---colors--gray-50);
color: var(--_zolution---color--azul-500);
font-size: var(--_zolution---font-size--text-btn-m);
flex: none
}
.button:where(.w-variant-c9f016bb-df69-f30e-5e7e-1c925550f329) {
height: var(--_zolution---base-size--40);
padding: var(--_zolution---base-size--12)var(--_zolution---base-size--24);
border: 1px solid var(--_zolution---colors--white);
color: var(--_zolution---colors--white);
font-size: var(--_zolution---font-size--text-btn-m);
background-color: #0000;
flex: none
}
.button:where(.w-variant-ebe9884d-7c30-fd42-1b88-9f92f3ba6886) {
height: var(--_zolution---base-size--40);
padding: var(--_zolution---base-size--12)var(--_zolution---base-size--24);
border: 1px solid var(--_zolution---colors--black);
color: var(--_zolution---colors--black);
font-size: var(--_zolution---font-size--text-btn-m);
background-color: #0000;
flex: none
}
.button:hover {
background-color: var(--_zolution---colors--white);
color: var(--_zolution---color--azul-500)
}
.button:hover:where(.w-variant-8ab93cf4-d629-81e6-e7fb-0245c8a1d5ff) {
border-color: var(--_zolution---colors--white);
background-color: var(--_zolution---colors--white)
}
.button:hover:where(.w-variant-17570fe8-0d3c-c67e-aa42-fc366c87bbfe) {
background-color: var(--_zolution---colors--white);
color: #223a4b
}
.button:hover:where(.w-variant-59d4b56d-e7b9-e401-4ad8-cb2acd544c34) {
border-color: var(--_zolution---color--azul-50)
}
.button:hover:where(.w-variant-59d4b56d-e7b9-e401-4ad8-cb2acd544c35) {
background-color: var(--_zolution---color--azul-200)
}
.button:hover:where(.w-variant-59d4b56d-e7b9-e401-4ad8-cb2acd544c38) {
background-color: var(--_zolution---colors--white);
color: #223a4b
}
.button:hover:where(.w-variant-227915dc-edad-ebcd-b8c7-8e9b117a4751) {
border-color: var(--_zolution---color--azul-50)
}
.button:hover:where(.w-variant-227915dc-edad-ebcd-b8c7-8e9b117a4752) {
background-color: var(--_zolution---color--azul-200)
}
.button:hover:where(.w-variant-227915dc-edad-ebcd-b8c7-8e9b117a4755) {
background-color: var(--_zolution---colors--white);
color: #223a4b
}
.button:hover:where(.w-variant-81780053-53ab-86ef-2544-04e67f3b68aa) {
color: var(--_zolution---colors--white);
background-color: #0000
}
.button:hover:where(.w-variant-05364811-9faf-2d5c-060a-a42f79515f00) {
background-color: var(--_zolution---color--azul-500);
color: var(--_zolution---colors--white)
}
.button:hover:where(.w-variant-6101740f-88aa-0a0a-23a7-024ce8ee2b35) {
border-color: var(--_zolution---colors--white);
background-color: var(--_zolution---colors--white);
color: var(--_zolution---color--azul-500)
}
.button:hover:where(.w-variant-530d75aa-05e6-2b9a-2896-5f6eb1acdaf6) {
border-color: var(--_zolution---color--azul-500);
background-color: var(--_zolution---color--azul-500);
color: var(--_zolution---colors--white)
}
.button:hover:where(.w-variant-069eda21-72c1-d9fc-63ae-ff327d98e2a0) {
border-color: var(--_zolution---colors--white);
background-color: var(--_zolution---colors--white);
color: var(--_zolution---color--azul-500)
}
.button:hover:where(.w-variant-c9f016bb-df69-f30e-5e7e-1c925550f329),
.button:hover:where(.w-variant-ebe9884d-7c30-fd42-1b88-9f92f3ba6886) {
border-color: var(--_zolution---color--azul-500);
background-color: var(--_zolution---color--azul-500);
color: var(--_zolution---colors--white)
}
.button.additional-l {
background-color: var(--_zolution---color--azul-50);
color: var(--_zolution---color--azul-500)
}
.button.additional-l:hover {
background-color: var(--_zolution---color--azul-200)
}
.button.primary-outline {
padding: var(--_zolution---base-size--8)var(--_zolution---base-size--16);
background-color: var(--_zolution---colors--white);
color: var(--_zolution---colors--black)
}
.button.primary-outline:hover {
background-color: var(--_zolution---colors--white);
color: #223a4b
}
.main-css {
display: none
}
.section.hero {
padding-top: var(--_zolution---base-size--140);
padding-bottom: 1.875rem
}
.section.main {
width: 100%;
padding-top: var(--_zolution---base-size--90);
padding-bottom: var(--_zolution---base-size--90)
}
.section.main.is--bg-white {
background-color: var(--_zolution---colors--white)
}
.section.article {
padding-top: 6.5625rem;
padding-bottom: 6.5625rem
}
.section.platform-hero {
min-height: 33.75rem;
padding-top: var(--_zolution---base-size--80);
padding-bottom: var(--_zolution---base-size--120);
justify-content: center;
align-items: center;
display: flex;
position: relative
}
.section.about-hero {
padding-top: var(--_zolution---base-size--100);
padding-bottom: var(--_zolution---base-size--120);
justify-content: center;
align-items: center;
display: flex;
position: relative
}
.section.pricing_hero {
padding-top: var(--_zolution---base-size--100);
padding-bottom: var(--_zolution---base-size--100)
}
.section.calc_section,
.section.pricing_table,
.section.platform-demo {
padding-top: var(--_zolution---base-size--60);
padding-bottom: var(--_zolution---base-size--60)
}
.section.hero_section {
position: relative;
overflow: hidden
}
.section.main-large {
width: 100%;
padding-top: var(--_zolution---base-size--100);
padding-bottom: var(--_zolution---base-size--100)
}
.section.main-large.is--bg-white {
background-color: var(--_zolution---colors--white)
}
.section.impact-section {
flex-flow: row;
justify-content: space-between;
align-items: center;
height: 100vh;
display: flex;
position: sticky;
top: 0;
overflow: hidden
}
.section.wins-section {
width: 100%;
height: 100vh;
padding-top: var(--_zolution---base-size--120);
padding-bottom: var(--_zolution---base-size--120);
justify-content: space-between;
align-items: center;
display: flex;
position: sticky;
top: 0;
overflow: hidden
}
.section.steps-section {
height: auto;
min-height: 100vh;
padding-top: var(--_zolution---base-size--120);
padding-bottom: var(--_zolution---base-size--120);
grid-column-gap: var(--_zolution---base-size--80);
grid-row-gap: var(--_zolution---base-size--80);
flex-flow: column;
justify-content: space-around;
align-items: center;
transition: background-color .4s;
display: flex;
position: sticky;
top: 0;
overflow: hidden
}
.section.sales-section {
height: 100vh;
padding-top: var(--_zolution---base-size--100);
grid-column-gap: var(--_zolution---base-size--48);
grid-row-gap: var(--_zolution---base-size--48);
flex-flow: column;
justify-content: space-around;
align-items: flex-start;
padding-bottom: 8.5rem;
display: flex;
position: sticky;
top: 0;
overflow: hidden
}
.section.testimonials {
padding-top: var(--_zolution---base-size--80);
background-color: var(--_zolution---colors--blue-700);
color: var(--_zolution---colors--white);
padding-bottom: 10rem;
position: relative;
overflow: clip
}
.section.is--pricing {
width: 100%;
padding-bottom: var(--_zolution---base-size--120)
}
.section.features-scroll {
flex-flow: column;
justify-content: space-between;
align-items: stretch;
display: flex
}
.section.guide-section {
width: 100%;
height: 200vh;
padding-top: var(--_zolution---base-size--120);
grid-column-gap: var(--_zolution---base-size--60);
grid-row-gap: var(--_zolution---base-size--60);
flex-flow: column;
justify-content: flex-start;
align-items: stretch;
display: flex
}
.section.hiw-integration {
width: 100%;
min-height: 62.5rem;
padding-top: var(--_zolution---base-size--100);
padding-bottom: var(--_zolution---base-size--100);
overflow: hidden
}
.padding_global {
z-index: 2;
width: 100%;
padding-right: var(--_zolution---base-size--40);
padding-left: var(--_zolution---base-size--40);
position: relative
}
.padding_global.is--static {
position: static
}
.container {
z-index: 1;
width: 100%;
height: 100%;
max-width: var(--_zolution---base-size--container);
margin-left: auto;
margin-right: auto;
display: block
}
.container.is--relative {
position: relative
}
.navbar {
z-index: 99;
width: 100%;
padding-right: var(--_zolution---base-size--40);
padding-left: var(--_zolution---base-size--40);
background-color: #0000;
position: fixed;
inset: 0% 0% auto
}
.navbar:where(.w-variant-a2893fc3-c947-6fa8-c1ca-b87392e61305) {
background-color: #f2f6f500
}
.nav_container {
z-index: 1;
width: 100%;
max-width: var(--_zolution---base-size--container);
padding-top: var(--_zolution---base-size--12);
padding-bottom: var(--_zolution---base-size--12);
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: row;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
place-items: center stretch;
margin-left: auto;
margin-right: auto;
display: grid;
position: relative
}
.navlink {
font-size: var(--_zolution---font-size--nav-link);
line-height: var(--_zolution---line-height--130);
font-weight: var(--_zolution---font-weight--medium);
letter-spacing: var(--_zolution---letter-space--3);
white-space: nowrap;
padding: 0;
transition: color .3s
}
.navlink:hover {
color: var(--_zolution---colors--gray-400)
}
.navlink.w--current {
color: var(--_zolution---colors--black)
}
.nav_links-content {
height: var(--_zolution---base-size--40);
padding-right: var(--_zolution---base-size--32);
padding-left: var(--_zolution---base-size--32);
grid-column-gap: var(--_zolution---base-size--38);
grid-row-gap: var(--_zolution---base-size--38);
border-radius: var(--_zolution---base-size--button-radius);
background-color: var(--_zolution---colors--white);
flex-flow: row;
justify-content: center;
align-items: center
}
.nav_logo {
flex: none;
justify-content: flex-start;
align-items: center;
width: 12rem;
display: flex
}
.nav_logo.w--current {
z-index: 999;
position: relative
}
.logo_img {
width: 100%;
display: block
}
.logo_img.is--desk {
width: auto;
height: 1.875rem;
display: block
}
.hero_container {
grid-column-gap: var(--_zolution---base-size--20);
grid-row-gap: var(--_zolution---base-size--20);
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
display: grid
}
.bullet {
width: var(--_zolution---base-size--6);
height: var(--_zolution---base-size--6);
border-radius: var(--_zolution---base-size--20);
background-color: var(--_zolution---colors--blue-700);
flex: none
}
.bullet.is--green {
background-color: var(--_zolution---colors--green-500)
}
.hero_content {
grid-column-gap: var(--_zolution---base-size--24);
grid-row-gap: var(--_zolution---base-size--24);
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex
}
.text--grad {
padding-right: .05ch
}
.hero__description {
width: 100%;
max-width: 26rem
}
.hero_buttons {
grid-column-gap: var(--_zolution---base-size--12);
grid-row-gap: var(--_zolution---base-size--12);
flex-flow: row;
justify-content: flex-start;
align-items: center
}
.hero_component {
grid-column-gap: var(--_zolution---base-size--42);
grid-row-gap: var(--_zolution---base-size--42);
flex-flow: column;
max-width: 46.5rem
}
.hero_img-wrapp {
aspect-ratio: 4/5;
border-radius: var(--_zolution---base-size--24);
background-color: var(--_zolution---colors--green-100);
justify-content: flex-start;
align-items: center;
width: 19.5rem;
display: flex;
position: relative;
overflow: hidden
}
.hero_img-container {
color: var(--_zolution---colors--blue-700);
justify-content: center;
align-items: center;
display: flex
}
.hero_img-card {
z-index: 1;
grid-column-gap: 1.125rem;
grid-row-gap: 1.125rem;
border-radius: var(--_zolution---base-size--16);
background-color: var(--_zolution---colors--white);
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
width: 12.625rem;
padding: 1.125rem;
display: flex;
position: absolute
}
.hero_img-card.is--first {
z-index: 3;
top: 3.125rem;
left: -2.625rem
}
.hero_img-card.is--second {
z-index: 2;
bottom: 6.25rem;
right: -4.375rem
}
.hero_img-card.is--third {
bottom: 1rem;
left: 1.375rem
}
.hero_icon {
width: 2.875rem;
display: block
}
.hero_img-card-text {
grid-column-gap: .3125rem;
grid-row-gap: .3125rem;
--_zolution---colors--gray-50: #f2f6f5;
--_zolution---font-family: Archivo, Arial, sans-serif;
--_zolution---colors--black: #15171a;
--_zolution---font-size--text-m: .875rem;
--_zolution---line-height--120: 120%;
--_zolution---font-weight--regular: 400;
--_zolution---letter-space--3: -.03em;
--_zolution---base-size--24: 1.5rem;
--_zolution---base-size--44: 2.75rem;
--_zolution---colors--white: #fff;
--_zolution---base-size--80: 5rem;
--_zolution---font-size--text-l: 1rem;
--_zolution---line-height--140: 140%;
--_zolution---base-size--8: .5rem;
--_zolution---base-size--40: 2.5rem;
--_zolution---base-size--20: 1.25rem;
--_zolution---font-size--title-m: 1.75rem;
--_zolution---font-weight--medium: 500;
--_zolution---line-height--130: 130%;
--_zolution---font-size--title-xl: 2.875rem;
--_zolution---font-size--title-l: 2.5rem;
--_zolution---line-height--110: 110%;
--_zolution---letter-space--2: -.02em;
--_zolution---font-size--title-s: 1.375rem;
--_zolution---font-size--title-xs: 1.25rem;
--_zolution---base-size--18: 1.125rem;
--_zolution---font-size--text-xl: 1.125rem;
--_zolution---letter-space--1: -.01em;
--_zolution---colors--gray-500: #73817e;
--_zolution---base-size--32: 2rem;
--_zolution---base-size--16: 1rem;
--_zolution---base-size--button-radius: 1rem;
--_zolution---color--azul-500: #097aaa;
--_zolution---font-size--text-btn-l: 1rem;
--_zolution---base-size--12: .75rem;
--_zolution---font-size--text-btn-m: .875rem;
--_zolution---base-size--10: .625rem;
--_zolution---color--azul-50: #fbeeec;
--_zolution---color--azul-200: #ebb5ab;
--_zolution---base-size--140: 8.75rem;
--_zolution---base-size--120: 7.5rem;
--_zolution---base-size--90: 5.625rem;
--_zolution---base-size--105: 6.625rem;
--_zolution---base-size--60: 3.75rem;
--_zolution---base-size--100: 6.25rem;
--_zolution---base-size--48: 3rem;
--_zolution---colors--blue-700: #223a4b;
--_zolution---base-size--container: 85rem;
--_zolution---font-size--nav-link: .875rem;
--_zolution---colors--gray-400: #8b9a96;
--_zolution---base-size--50: 3.125rem;
--_zolution---base-size--38: 2.375rem;
--_zolution---base-size--64: 4rem;
--_zolution---base-size--6: .375rem;
--_zolution---colors--green-500: #0179b0;
--_zolution---base-size--42: 2.625rem;
--_zolution---colors--green-100: #c4ece1;
--_zolution---line-height--100: 100%;
--_zolution---base-size--52: 3.25rem;
--_zolution---colors--blue-200: #b0d4e8;
--_zolution---font-size--text-s: .75rem;
--_zolution---letter-space--0: 0em;
--_zolution---base-size--14: .875rem;
--_zolution---colors--green-200: #93dcc8;
--_zolution---colors--blue-100: #d8ebf4;
--_zolution---base-size--4: .25rem;
--_zolution---colors--gray-100: #d9dfde;
--_zolution---font-weight--bold: 700;
--_zolution---color--azul-100: #f6dad5;
--_zolution---colors--gray-200: #bec9c6;
--_zolution---colors--green-400: #37a88a;
--_zolution---font-size--text-chips: 1.125rem;
--_zolution---colors--blue-500: #478fb8;
--_zolution---colors--gray-600: #5c6764;
--_zolution---colors--gray-800: #2e3332;
--_zolution---colors--green-300: #60c7ac;
--_zolution---font-mono: "Azeret mono", Arial, sans-serif;
--_zolution---colors--blue-300: #87bbd9;
--_zolution---font-size--text-link: 1rem;
--_zolution---colors--gray-700: #454e4c;
--_zolution---colors--gray-300: #a5b2af;
--_zolution---colors--green-50: #c4ece1;
--_zolution---colors--blue-400: #66a7cc;
--_zolution---colors--blue-50: #ebf5f9;
--_zolution---color--azul-400: #e06f68;
--_zolution---color--azul-300: #e69786;
--_zolution---color--azul-10: #fdfafa;
--_zolution---colors--purple-500: #ac49d8;
--_zolution---colors--purple-400: #bc71e3;
--_zolution---colors--purple-300: #cb97eb;
--_zolution---colors--purple-200: #dbbaf1;
--_zolution---colors--purple-100: #edddf8;
--_zolution---colors--purple-50: #f6eefb;
--_zolution---colors--error-red: #f44336;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start
}
.text--10px {
font-size: .625rem;
line-height: var(--_zolution---line-height--130);
font-weight: var(--_zolution---font-weight--medium);
letter-spacing: var(--_zolution---letter-space--2)
}
.hero_img-inner {
margin-left: .75rem;
position: relative
}
.hero_img-tag {
z-index: 4;
border-radius: var(--_zolution---base-size--button-radius);
background-color: var(--_zolution---colors--white);
height: 3.5rem;
font-size: 1.25rem;
line-height: var(--_zolution---line-height--100);
font-weight: var(--_zolution---font-weight--medium);
letter-spacing: var(--_zolution---letter-space--3);
justify-content: center;
align-items: center;
padding-left: 1.5rem;
padding-right: 1.5rem;
display: flex;
position: absolute;
top: 1rem;
right: 1rem
}
.hero_card-title {
font-size: var(--_zolution---base-size--16);
font-weight: var(--_zolution---font-weight--medium)
}
.hero_logo-marquee {
width: 100%;
margin-top: 5.625rem;
display: flex;
position: relative;
overflow: hidden
}
.partner_logo {
flex: none;
width: auto;
height: 3.125rem;
display: block
}
.logo_marquee-container {
padding-right: var(--_zolution---base-size--52);
grid-column-gap: var(--_zolution---base-size--52);
grid-row-gap: var(--_zolution---base-size--52);
flex: none;
justify-content: flex-start;
align-items: center;
display: flex
}
.logo_marquee-fade {
background-image: linear-gradient(90deg, var(--_zolution---colors--gray-50), #f2f6f500);
width: 12.5rem;
height: 100%;
position: absolute;
inset: 0% auto 0% 0%
}
.logo_marquee-fade.is--left {
z-index: 1
}
.logo_marquee-fade.is--right {
z-index: 1;
background-image: linear-gradient(-90deg, var(--_zolution---colors--gray-50), #f2f6f500);
inset: 0% 0% 0% auto
}
.main_grid {
grid-column-gap: var(--_zolution---base-size--20);
grid-row-gap: var(--_zolution---base-size--20);
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
place-items: start;
width: 100%;
display: grid
}
.section_sub {
padding: var(--_zolution---base-size--12)var(--_zolution---base-size--24);
grid-column-gap: var(--_zolution---base-size--6);
grid-row-gap: var(--_zolution---base-size--6);
border-radius: var(--_zolution---base-size--button-radius);
background-color: var(--_zolution---colors--white);
color: var(--_zolution---colors--blue-700);
justify-content: center;
align-items: center;
display: flex
}
.section_sub.is--short {
max-width: 15rem
}
.benefits_header {
margin-bottom: var(--_zolution---base-size--80);
grid-column-gap: var(--_zolution---base-size--24);
grid-row-gap: var(--_zolution---base-size--24);
flex-flow: column
}
.benefits_description {
width: 100%;
max-width: 30.9375rem
}
.benefits_wrapp {
grid-column-gap: var(--_zolution---base-size--20);
grid-row-gap: var(--_zolution---base-size--20);
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid
}
.benefits_column {
padding-top: var(--_zolution---base-size--6);
grid-column-gap: var(--_zolution---base-size--24);
grid-row-gap: var(--_zolution---base-size--24);
border-top: 1px solid var(--_zolution---colors--black)
}
.benefits_column.is--accent {
border-top-color: var(--_zolution---colors--green-500);
color: var(--_zolution---colors--green-500)
}
.benefits_list {
grid-column-gap: var(--_zolution---base-size--16);
grid-row-gap: var(--_zolution---base-size--16);
flex-flow: column;
width: 100%;
display: flex
}
.benefits_sub {
grid-column-gap: var(--_zolution---base-size--6);
grid-row-gap: var(--_zolution---base-size--6);
flex-flow: row;
justify-content: flex-start;
align-items: center
}
.benefits_container {
width: 100%
}
.section_heading {
grid-column-gap: var(--_zolution---base-size--24);
grid-row-gap: var(--_zolution---base-size--24)
}
.section_heading.is--services {
width: 100%;
max-width: 20rem;
margin-bottom: var(--_zolution---base-size--60)
}
.section_heading.animate-block_appear {
z-index: 2;
position: relative
}
.support_container {
grid-column-gap: var(--_zolution---base-size--20);
grid-row-gap: var(--_zolution---base-size--20);
flex-flow: column;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid
}
.support-card {
width: 100%;
height: 100%;
padding: var(--_zolution---base-size--24);
grid-column-gap: var(--_zolution---base-size--60);
grid-row-gap: var(--_zolution---base-size--60);
border-radius: var(--_zolution---base-size--24);
background-color: var(--_zolution---colors--white);
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
display: flex
}
.support_icon {
width: auto;
height: var(--_zolution---base-size--80)
}
.support-card_content {
grid-column-gap: var(--_zolution---base-size--16);
grid-row-gap: var(--_zolution---base-size--16);
flex-flow: column;
width: 100%;
max-width: 18rem
}
.support-card_content.is--long {
max-width: none
}
.features_container {
margin-top: var(--_zolution---base-size--80);
grid-column-gap: var(--_zolution---base-size--80);
grid-row-gap: var(--_zolution---base-size--80);
align-items: stretch;
display: flex
}
.feature_section-heading {
grid-column-gap: var(--_zolution---base-size--24);
grid-row-gap: var(--_zolution---base-size--24);
align-items: stretch;
width: 100%;
max-width: 32rem
}
.feature_heading {
grid-column-gap: var(--_zolution---base-size--24);
grid-row-gap: var(--_zolution---base-size--24);
width: 100%;
max-width: 28rem
}
.feature_canvas {
aspect-ratio: 9/5.27;
border-radius: var(--_zolution---base-size--24);
background-color: var(--_zolution---colors--white);
object-fit: cover;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
position: relative;
overflow: hidden
}
.feature_component {
grid-column-gap: var(--_zolution---base-size--20);
grid-row-gap: var(--_zolution---base-size--20);
flex-flow: row;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: flex-start;
place-items: center stretch;
display: grid;
position: relative
}
.cta_container {
padding: var(--_zolution---base-size--80)var(--_zolution---base-size--60);
grid-column-gap: var(--_zolution---base-size--38);
grid-row-gap: var(--_zolution---base-size--38);
border-radius: var(--_zolution---base-size--24);
background-color: var(--_zolution---colors--white);
text-align: center;
flex-flow: column;
justify-content: flex-start;
align-items: center;
display: flex
}
.cta_logo {
width: 12.375rem;
height: auto;
display: block;
overflow: visible
}
.onpage_css {
display: none
}
.cta_buttons {
grid-column-gap: var(--_zolution---base-size--12);
grid-row-gap: var(--_zolution---base-size--12);
flex-flow: row;
justify-content: flex-start;
align-items: center
}
.cta_title {
grid-column-gap: var(--_zolution---base-size--24);
grid-row-gap: var(--_zolution---base-size--24);
flex-flow: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 52.5rem
}
.sales_header {
grid-column-gap: var(--_zolution---base-size--24);
grid-row-gap: var(--_zolution---base-size--24);
flex-flow: column;
width: 100%;
max-width: 50rem
}
.sales_description {
width: 100%;
max-width: 21rem
}
.sales_animation {
margin-top: var(--_zolution---base-size--80);
justify-content: space-between;
align-items: center;
display: flex
}
.sales_circle {
background-color: var(--_zolution---colors--green-500);
width: 25rem;
height: 25rem;
color: var(--_zolution---colors--white);
text-align: center;
border-radius: 50%;
flex: none;
justify-content: center;
align-items: center;
display: flex
}
.sales_circle.is--leaders {
transform-origin: 100%;
margin-bottom: -6.375rem;
position: relative;
right: 0
}
.sales_circle.is--reps {
background-color: var(--_zolution---colors--blue-700);
transform-origin: 0%;
margin-bottom: -6.375rem
}
.sales_tag-list {
z-index: 1;
grid-column-gap: var(--_zolution---base-size--12);
grid-row-gap: var(--_zolution---base-size--12);
flex-flow: column;
width: 100%;
display: flex;
position: relative
}
.sales_tag-list.is--sales {
grid-column-gap: var(--_zolution---base-size--12);
grid-row-gap: var(--_zolution---base-size--12);
justify-content: center;
align-items: stretch;
width: auto;
position: static;
inset: auto 18rem auto auto
}
.sales_tag-list.is--reps {
grid-column-gap: var(--_zolution---base-size--12);
grid-row-gap: var(--_zolution---base-size--12);
justify-content: center;
align-items: stretch;
width: auto;
position: static;
top: auto;
bottom: auto;
left: 18rem
}
.sales_component {
width: 100%;
position: relative
}
.sales_component.is--sales {
z-index: 2;
flex-flow: column;
flex: 0 auto;
justify-content: flex-start;
align-items: stretch;
width: 25rem;
margin-right: -5rem;
display: flex
}
.sales_component.is--reps {
flex-flow: column;
flex: 0 auto;
justify-content: flex-start;
align-items: stretch;
width: 25rem;
display: flex;
left: 0
}
.sales_tag {
z-index: 1;
padding: var(--_zolution---base-size--8)var(--_zolution---base-size--32)var(--_zolution---base-size--8)var(--_zolution---base-size--8);
grid-column-gap: var(--_zolution---base-size--20);
grid-row-gap: var(--_zolution---base-size--20);
border-radius: var(--_zolution---base-size--button-radius);
background-color: var(--_zolution---colors--white);
justify-content: flex-start;
align-items: center;
display: flex;
position: relative;
overflow: hidden
}
.sales_tag.is--sales {
height: 5rem;
padding-right: var(--_zolution---base-size--32);
padding-left: var(--_zolution---base-size--8);
transform-origin: 100%;
flex-flow: row;
justify-content: flex-start;
align-items: center
}
.sales_tag.is--sales.is--middle {
position: relative;
right: 0
}
.sales_tag.is--sales.is--top {
max-width: 23.75rem
}
.sales_tag.is--sales.is--bottom {
max-width: 26.25rem
}
.sales_tag.is--reps {
transform-origin: 0%;
height: 5rem
}
.sales_tag.is--reps.is--middle {
position: relative;
left: 0
}
.sales_icon {
width: var(--_zolution---base-size--64);
height: var(--_zolution---base-size--64);
flex: none
}
.infra_heading {
grid-column-gap: var(--_zolution---base-size--24);
grid-row-gap: var(--_zolution---base-size--24);
flex-flow: column;
width: 100%;
max-width: 53.75rem
}
.infra_description {
width: 100%;
max-width: 38.75rem
}
.infra_list {
margin-top: var(--_zolution---base-size--60);
grid-column-gap: var(--_zolution---base-size--80);
grid-row-gap: var(--_zolution---base-size--80);
flex-flow: column;
display: flex
}
.infra_list-item {
padding-top: var(--_zolution---base-size--40);
grid-column-gap: var(--_zolution---base-size--20);
grid-row-gap: var(--_zolution---base-size--20);
border-top: 1px solid var(--_zolution---colors--black);
grid-template-rows: auto;
grid-template-columns: 1fr 2fr;
grid-auto-columns: 1fr;
place-items: start;
display: grid
}
.infra_conent {
grid-column-gap: var(--_zolution---base-size--24);
grid-row-gap: var(--_zolution---base-size--24);
flex-flow: column;
width: 100%;
max-width: 37.5rem
}
.infra_conent.is--platform-cta {
max-width: 47.8125rem
}
.is--green {
color: var(--_zolution---colors--green-500)
}
.testim_slider {
margin-top: var(--_zolution---base-size--80);
grid-column-gap: var(--_zolution---base-size--80);
grid-row-gap: var(--_zolution---base-size--80);
color: var(--_zolution---colors--white);
flex-flow: column;
justify-content: flex-start;
align-items: flex-end;
display: flex;
position: relative
}
.testim_slider.splide {
width: 100%
}
.slider_arrows {
grid-column-gap: var(--_zolution---base-size--12);
grid-row-gap: var(--_zolution---base-size--12);
justify-content: flex-end;
align-items: flex-end;
display: flex
}
.slider_arrow {
width: var(--_zolution---base-size--44);
height: var(--_zolution---base-size--44);
border: 1px solid var(--_zolution---colors--white);
cursor: pointer;
border-radius: 50%;
justify-content: center;
align-items: center;
transition: color .3s, border-color .3s;
display: flex
}
.slider_arrow:hover {
border-color: var(--_zolution---colors--blue-200);
color: var(--_zolution---colors--blue-200)
}
.arrow_icon {
width: var(--_zolution---base-size--20);
height: var(--_zolution---base-size--20);
display: block
}
.slider_arrows-wrapp {
grid-column-gap: var(--_zolution---base-size--12);
grid-row-gap: var(--_zolution---base-size--12);
display: flex
}
.slider_track {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 2fr;
grid-auto-columns: 1fr;
width: 100%;
display: grid;
position: relative;
right: 0;
overflow: hidden
}
.slider_track.splide__track {
display: block
}
.slider_list {
width: 100%;
display: flex
}
.slider_slide {
grid-column-gap: var(--_zolution---base-size--32);
grid-row-gap: var(--_zolution---base-size--32);
flex-flow: column;
flex: none;
width: 100%;
display: flex
}
.slide_avatar {
border-radius: 50%;
flex: none;
width: 4.125rem;
height: 4.125rem;
display: block;
box-shadow: 0 9px 9px #00000017
}
.slider_person {
grid-column-gap: var(--_zolution---base-size--24);
grid-row-gap: var(--_zolution---base-size--24);
justify-content: flex-start;
align-items: center;
width: 100%;
display: flex
}
.slider_person-name {
grid-column-gap: var(--_zolution---base-size--6);
grid-row-gap: var(--_zolution---base-size--6);
flex-flow: column;
justify-content: center;
align-items: flex-start;
display: flex
}
.text--s {
font-size: var(--_zolution---font-size--text-s);
letter-spacing: var(--_zolution---letter-space--0);
line-height: 150%
}
.text--s.is--medium {
letter-spacing: var(--_zolution---letter-space--1)
}
.text--s.is--gray-500 {
color: var(--_zolution---colors--gray-500)
}
.opacity-60 {
opacity: .6
}
.slider_container {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 2fr;
grid-auto-columns: 1fr
}
.custom_js {
display: none
}
.features_additional-grid {
margin-top: var(--_zolution---base-size--80);
grid-column-gap: var(--_zolution---base-size--20);
grid-row-gap: var(--_zolution---base-size--20);
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
place-items: stretch stretch;
display: grid
}
.features_additional-card {
width: 100%;
height: auto;
padding: var(--_zolution---base-size--24);
grid-column-gap: var(--_zolution---base-size--60);
grid-row-gap: var(--_zolution---base-size--60);
border-radius: var(--_zolution---base-size--24);
background-color: var(--_zolution---colors--white);
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex
}
.features_additional-icon {
width: auto;
height: 6rem
}
.features_additional-heading {
grid-column-gap: var(--_zolution---base-size--24);
grid-row-gap: var(--_zolution---base-size--24);
width: 100%;
max-width: 32rem
}
.cta_container-additional {
padding: var(--_zolution---base-size--100)var(--_zolution---base-size--60);
grid-column-gap: var(--_zolution---base-size--38);
grid-row-gap: var(--_zolution---base-size--38);
border-radius: var(--_zolution---base-size--24);
background-color: var(--_zolution---colors--green-500);
color: var(--_zolution---colors--white);
text-align: center;
background-image: url(https://cdn.prod.website-files.com/692db0eaf3c473ac91a06392/697de801cf1ddb096d328b4e_Container-footer-cta.avif);
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
flex-flow: column;
justify-content: flex-start;
align-items: center;
display: flex
}
.footer {
padding-top: var(--_zolution---base-size--64);
padding-bottom: var(--_zolution---base-size--64)
}
.footer_container {
grid-column-gap: var(--_zolution---base-size--20);
grid-row-gap: var(--_zolution---base-size--20);
grid-template-rows: auto;
grid-template-columns: 5fr 4fr 3fr;
grid-auto-columns: 1fr;
display: grid
}
.footer_logo {
width: 8rem;
height: auto
}
.opacity-40 {
opacity: .4
}
.footer_column-logo {
grid-column-gap: var(--_zolution---base-size--20);
grid-row-gap: var(--_zolution---base-size--20);
flex-flow: column
}
.text--link {
color: var(--_zolution---colors--black);
font-size: var(--_zolution---base-size--14);
line-height: var(--_zolution---line-height--130);
font-weight: var(--_zolution---font-weight--medium);
text-decoration: none;
transition: color .3s
}
.text--link:hover {
color: var(--_zolution---colors--blue-700)
}
.text--link.is--white {
color: var(--_zolution---colors--white)
}
.text--link.is--white:hover {
color: var(--_zolution---colors--green-200)
}
.footer_column-links {
grid-column-gap: var(--_zolution---base-size--20);
grid-row-gap: var(--_zolution---base-size--20);
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid
}
.footer_links-list {
grid-column-gap: var(--_zolution---base-size--16);
grid-row-gap: var(--_zolution---base-size--16);
flex-flow: column
}
.footer_links-wrapp {
grid-column-gap: 1.75rem;
grid-row-gap: 1.75rem;
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
height: 100%
}
.footer_sn-link {
width: var(--_zolution---base-size--38);
height: var(--_zolution---base-size--38);
display: block
}
.footer_sn-icon {
transition: color .3s;
display: block
}
.footer_sn-list {
grid-column-gap: var(--_zolution---base-size--8);
grid-row-gap: var(--_zolution---base-size--8);
justify-content: flex-start;
align-items: center;
display: flex
}
.footer_column {
justify-content: flex-start;
align-items: flex-end
}
.footer_column.is--last {
grid-column-gap: .25rem;
grid-row-gap: .25rem
}
.footer_link-additional {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
width: 8rem;
color: var(--_zolution---colors--black);
text-align: right;
flex-flow: column;
justify-content: flex-start;
align-items: flex-end;
text-decoration: none;
transition: color .3s;
display: flex
}
.footer_link-additional:hover {
color: #454e4c
}
.peppermint_logo {
width: 7.875rem;
display: block
}
.features_additional-content {
grid-column-gap: var(--_zolution---base-size--16);
grid-row-gap: var(--_zolution---base-size--16);
flex-flow: column;
width: 100%;
max-width: 18rem
}
.button_navbar {
grid-column-gap: var(--_zolution---base-size--48);
grid-row-gap: var(--_zolution---base-size--48);
justify-content: flex-end;
align-items: center;
display: flex
}
.button_navbar.btn-bar {
grid-column-gap: var(--_zolution---base-size--12);
grid-row-gap: var(--_zolution---base-size--12)
}
.canvas_01_js {
z-index: 1;
aspect-ratio: 1;
flex: none;
width: 100%;
margin-top: 10px;
position: relative
}
.hubspot_form {
border-radius: var(--_zolution---base-size--24);
margin-bottom: 0;
display: block;
overflow: hidden
}
.modal_wrapp {
z-index: 5;
width: 100%;
max-width: 50rem;
display: block;
position: relative
}
.animated-text_js {
display: none
}
.cta_title-additional {
grid-column-gap: var(--_zolution---base-size--24);
grid-row-gap: var(--_zolution---base-size--24);
flex-flow: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 27rem
}
.hero_canvas_wrapp {
width: 100%;
height: 100%;
position: absolute;
inset: 0%
}
.feature_lottie {
z-index: 3;
pointer-events: none;
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
inset: 0%
}
.legal__title {
grid-column-gap: var(--_zolution---base-size--24);
grid-row-gap: var(--_zolution---base-size--24)
}
.container_blog {
padding-top: var(--_zolution---base-size--80);
grid-column-gap: var(--_zolution---base-size--48);
grid-row-gap: var(--_zolution---base-size--48);
flex-flow: column;
display: flex
}
.blog-filters {
width: 100%;
margin-bottom: 0;
overflow: hidden
}
.flex-block-3 {
grid-column-gap: var(--_zolution---base-size--32);
grid-row-gap: var(--_zolution---base-size--32);
flex-flow: column
}
.blog-coll {
grid-column-gap: var(--_zolution---base-size--32);
grid-row-gap: var(--_zolution---base-size--32);
flex-flow: column;
display: flex
}
.blog-list {
grid-column-gap: var(--_zolution---base-size--20);
grid-row-gap: var(--_zolution---base-size--20);
grid-template-rows: auto;
grid-template-columns: repeat(1, minmax(0, 1fr));
grid-auto-columns: 1fr;
display: grid
}
.blog-card {
padding: var(--_zolution---base-size--24);
grid-column-gap: var(--_zolution---base-size--32);
grid-row-gap: var(--_zolution---base-size--32);
border-radius: var(--_zolution---base-size--32);
background-color: var(--_zolution---colors--white);
color: var(--_zolution---colors--black);
flex-flow: column;
text-decoration: none;
transition: box-shadow .2s;
display: flex
}
.blog-card:hover {
color: var(--_zolution---colors--blue-700);
box-shadow: 0 0 10px #2e33320d
}
.blog-card.is--first {
flex-flow: row
}
.blog-card.is--second {
grid-column-gap: var(--_zolution---base-size--24);
grid-row-gap: var(--_zolution---base-size--24);
justify-content: space-between;
height: 100%
}
.blog-card.is--related {
height: 100%
}
.blog-card_cover {
aspect-ratio: 5/3;
border-radius: var(--_zolution---base-size--16);
flex: none;
width: 100%;
position: relative;
overflow: hidden
}
.blog-card_cover.is--first {
flex: 1;
max-width: 40.5rem
}
.tag {
padding: var(--_zolution---base-size--6)var(--_zolution---base-size--16);
border-radius: var(--_zolution---base-size--button-radius);
font-size: var(--_zolution---base-size--18);
line-height: var(--_zolution---line-height--130);
font-weight: var(--_zolution---font-weight--medium);
letter-spacing: var(--_zolution---letter-space--3);
background-color: #0000;
transition: background-color .3s;
position: relative
}
.tag.tag_l {
padding: var(--_zolution---base-size--6)var(--_zolution---base-size--16);
font-size: var(--_zolution---base-size--16);
background-color: #0000;
margin-bottom: 0;
overflow: hidden
}
.tag.tag_m {
padding: .25rem var(--_zolution---base-size--12);
color: var(--_zolution---colors--black);
font-size: var(--_zolution---base-size--16);
overflow: hidden
}
.tag.tag_filter {
background-color: #0000;
margin-bottom: 0;
overflow: hidden
}
.blog-card_content {
grid-column-gap: var(--_zolution---base-size--24);
grid-row-gap: var(--_zolution---base-size--24);
flex-flow: column;
flex: 1;
justify-content: space-around;
align-items: stretch;
display: flex
}
.tag_radio-button {
z-index: 2;
border-radius: var(--_zolution---base-size--button-radius);
border: 1px #000;
width: 100%;
height: 100%;
margin-top: 0;
margin-left: 0;
position: absolute;
inset: 0%
}
.radio-button-label {
z-index: 5;
display: block;
position: relative
}
.blog-card_date-wrapp {
color: var(--_zolution---colors--black);
flex-flow: row;
flex: none;
justify-content: space-between;
align-items: center
}
.is--uppercase {
text-transform: uppercase
}
.blog-card_title {
grid-column-gap: var(--_zolution---base-size--12);
grid-row-gap: var(--_zolution---base-size--12);
flex-flow: column;
flex: 1;
display: flex
}
.author-avatar {
border-radius: var(--_zolution---base-size--button-radius);
object-fit: cover;
border: 1px solid #00aff5;
flex: none;
width: 1.75rem;
height: 1.75rem;
display: block
}
.author-avatar.is--large {
width: var(--_zolution---base-size--48);
height: var(--_zolution---base-size--48);
object-fit: cover
}
.blog-card_author {
grid-column-gap: var(--_zolution---base-size--8);
grid-row-gap: var(--_zolution---base-size--8);
color: var(--_zolution---colors--black);
flex: none;
justify-content: flex-start;
align-items: center;
display: flex
}
.text--m {
font-size: var(--_zolution---font-size--text-m);
line-height: 150%;
font-weight: var(--_zolution---font-weight--regular);
letter-spacing: var(--_zolution---letter-space--0)
}
.text--m.is--medium {
font-weight: var(--_zolution---font-weight--medium)
}
.text--m.is--dark {
color: var(--_zolution---colors--black)
}
.text--m.is--muted {
color: #73817e
}
.text--m.is--recommended {
color: var(--_zolution---colors--green-500);
font-style: italic;
font-weight: var(--_zolution---font-weight--medium);
display: none
}
.blog-card_img {
z-index: 1;
object-fit: cover;
width: 100%;
height: 100%;
display: block;
position: relative
}
.blog-card_chips {
left: var(--_zolution---base-size--12);
top: var(--_zolution---base-size--12);
z-index: 3;
height: 2.0625rem;
padding-right: var(--_zolution---base-size--14);
padding-left: var(--_zolution---base-size--14);
grid-column-gap: var(--_zolution---base-size--6);
grid-row-gap: var(--_zolution---base-size--6);
border-radius: var(--_zolution---base-size--button-radius);
background-color: var(--_zolution---colors--blue-100);
color: var(--_zolution---colors--blue-700);
font-size: var(--_zolution---base-size--16);
line-height: var(--_zolution---line-height--130);
font-weight: var(--_zolution---font-weight--medium);
justify-content: center;
align-items: center;
display: flex;
position: absolute;
bottom: auto;
right: auto
}
.blog-item {
flex: none
}
.filters-list,
.filter-tag_list {
grid-column-gap: var(--_zolution---base-size--16);
grid-row-gap: var(--_zolution---base-size--16);
display: flex
}
.tag-bg {
opacity: .15;
position: absolute;
inset: 0%
}
.tag-bg.is-all {
opacity: .15
}
.tag-bg.is--custom {
background-color: var(--base-colors--green\)
}
.blog-card_content-inner {
grid-column-gap: var(--_zolution---base-size--24);
grid-row-gap: var(--_zolution---base-size--24);
align-items: stretch
}
.article-container {
grid-column-gap: var(--_zolution---base-size--20);
grid-row-gap: var(--_zolution---base-size--20);
grid-template-rows: auto;
grid-template-columns: 1fr 3fr;
grid-auto-columns: 1fr;
align-content: start;
padding-top: 3.25rem;
display: grid;
position: relative
}
.article-title {
grid-column-gap: var(--_zolution---base-size--24);
grid-row-gap: var(--_zolution---base-size--24);
flex-flow: column
}
.article-nav {
grid-column-gap: var(--_zolution---base-size--24);
grid-row-gap: var(--_zolution---base-size--24);
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: block
}
.article-body {
grid-column-gap: var(--_zolution---base-size--32);
grid-row-gap: var(--_zolution---base-size--32);
flex-flow: column;
display: flex
}
.blog-list_related {
width: 100%;
padding-right: var(--_zolution---base-size--40);
padding-left: var(--_zolution---base-size--40);
grid-column-gap: var(--_zolution---base-size--20);
grid-row-gap: var(--_zolution---base-size--20);
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: flex;
overflow: auto
}
.related-container {
grid-column-gap: var(--_zolution---base-size--60);
grid-row-gap: var(--_zolution---base-size--60);
flex-flow: column
}
.article-data_wrapp {
width: 100%;
padding-top: var(--_zolution---base-size--20);
border-top: 1px solid var(--_zolution---colors--gray-100);
flex-flow: row;
justify-content: space-between;
align-items: center
}
.article-data {
grid-column-gap: var(--_zolution---base-size--16);
grid-row-gap: var(--_zolution---base-size--16);
flex-flow: row;
justify-content: flex-start;
align-items: center
}
.share-icon {
color: #8b9a96;
width: 100%;
height: 100%;
transition: color .2s;
display: block
}
.share-icon:hover {
color: #5c6764
}
.share-button {
width: var(--_zolution---base-size--38);
height: var(--_zolution---base-size--38);
color: #5c6764;
cursor: pointer;
display: block
}
.share-list {
grid-column-gap: .125rem;
grid-row-gap: .125rem;
display: flex
}
.article-wrapp {
grid-row-gap: var(--_zolution---base-size--48);
flex-flow: column;
width: 100%;
max-width: 37.5rem;
margin-right: auto
}
.link-button {
grid-column-gap: var(--_zolution---base-size--4);
grid-row-gap: var(--_zolution---base-size--4);
color: var(--_zolution---colors--gray-500);
justify-content: flex-start;
align-items: center;
text-decoration: none;
transition: color .2s;
display: flex
}
.link-button:hover {
color: #454e4c
}
.icon-16px {
width: var(--_zolution---base-size--16);
height: var(--_zolution---base-size--16)
}
.article-toc_table {
grid-column-gap: var(--_zolution---base-size--12);
grid-row-gap: var(--_zolution---base-size--12);
flex-flow: column
}
.article-toc_link {
color: var(--_zolution---colors--gray-500);
font-size: var(--_zolution---base-size--16);
line-height: var(--_zolution---line-height--140);
letter-spacing: -.03em;
text-decoration: none;
transition: color .2s
}
.article-toc_link:hover,
.article-toc_link.w--current {
color: var(--_zolution---colors--blue-700)
}
.article-toc {
width: 100%;
max-width: 17.3125rem;
padding-right: var(--_zolution---base-size--24);
grid-column-gap: var(--_zolution---base-size--12);
grid-row-gap: var(--_zolution---base-size--12);
flex-flow: column;
padding-bottom: 1.625rem;
display: flex
}
.article-rich {
font-size: var(--_zolution---base-size--16);
line-height: 150%;
font-weight: var(--_zolution---font-weight--regular);
letter-spacing: var(--_zolution---letter-space--0)
}
.article-rich h2 {
margin-top: var(--_zolution---base-size--48);
margin-bottom: var(--_zolution---base-size--16);
font-size: var(--_zolution---font-size--title-m);
font-weight: var(--_zolution---font-weight--medium)
}
.article-rich h3 {
margin-top: var(--_zolution---base-size--48);
margin-bottom: var(--_zolution---base-size--16);
font-size: var(--_zolution---font-size--title-s);
font-weight: var(--_zolution---font-weight--medium)
}
.article-rich p {
margin-top: var(--_zolution---base-size--12);
margin-bottom: var(--_zolution---base-size--12)
}
.article-rich ul {
margin-top: var(--_zolution---base-size--24);
margin-bottom: var(--_zolution---base-size--24);
padding-left: var(--_zolution---base-size--24);
grid-column-gap: var(--_zolution---base-size--8);
grid-row-gap: var(--_zolution---base-size--8);
flex-flow: column;
display: flex
}
.article-rich ol {
margin-bottom: var(--_zolution---base-size--24);
padding-left: var(--_zolution---base-size--24);
grid-column-gap: var(--_zolution---base-size--12);
grid-row-gap: var(--_zolution---base-size--12);
flex-flow: column;
display: flex
}
.article-rich a {
color: var(--_zolution---colors--green-500);
text-underline-offset: 3px
}
.article-rich figure {
width: 100%;
max-width: 100%;
margin: var(--_zolution---base-size--48)0px;
display: block
}
.article-rich img {
border-radius: var(--_zolution---base-size--32);
display: block
}
.article-rich h4 {
margin-top: var(--_zolution---base-size--32);
margin-bottom: var(--_zolution---base-size--16);
font-size: var(--_zolution---font-size--title-xs);
font-weight: var(--_zolution---font-weight--medium)
}
.article-rich h5 {
margin-top: var(--_zolution---base-size--24);
margin-bottom: var(--_zolution---base-size--16);
font-size: var(--_zolution---font-size--text-m);
font-weight: var(--_zolution---font-weight--medium)
}
.article-rich blockquote {
margin-top: var(--_zolution---base-size--18);
margin-bottom: var(--_zolution---base-size--18);
padding: var(--_zolution---base-size--8)var(--_zolution---base-size--24);
border-left-width: 3px;
border-left-color: var(--_zolution---colors--gray-100);
font-size: var(--_zolution---font-size--text-m);
font-style: italic;
line-height: 150%;
font-weight: var(--_zolution---font-weight--regular)
}
.article-author {
grid-column-gap: var(--_zolution---base-size--8);
grid-row-gap: var(--_zolution---base-size--8);
justify-content: flex-start;
align-items: center;
display: flex
}
.article-data_bottom {
width: 100%;
padding-top: var(--_zolution---base-size--16);
border-top: 1px solid var(--_zolution---colors--gray-100);
flex-flow: row;
justify-content: space-between;
align-items: center
}
.blog-coll_related {
width: 100vw;
position: relative;
left: -2.5rem;
overflow: hidden
}
.blog-item--related {
flex: none;
width: 27.5rem
}
.blog_page-count {
display: none
}
.pagination_prev {
border-radius: var(--_zolution---base-size--button-radius);
background-color: var(--_zolution---colors--white);
border-style: none;
flex: none;
order: -9999;
justify-content: center;
align-items: center;
width: 2.125rem;
height: 2.125rem;
margin-left: 0;
margin-right: 0;
padding: 0;
transition: background-color .3s;
display: flex
}
.pagination_prev:hover {
background-color: var(--_zolution---colors--green-100)
}
.pagination_next {
border-radius: var(--_zolution---base-size--button-radius);
background-color: var(--_zolution---colors--white);
border-style: none;
order: 9999;
justify-content: center;
align-items: center;
width: 2.125rem;
height: 2.125rem;
margin-left: 0;
margin-right: 0;
padding: 0;
transition: background-color .3s;
display: flex
}
.pagination_next:hover {
background-color: var(--_zolution---colors--green-100)
}
.page_button {
border-radius: var(--_zolution---base-size--button-radius);
background-color: var(--_zolution---colors--white);
width: 2.125rem;
height: 2.125rem;
font-family: var(--_zolution---font-family);
color: var(--_zolution---colors--blue-700);
font-size: var(--_zolution---base-size--14);
line-height: var(--_zolution---line-height--100);
font-weight: var(--_zolution---font-weight--bold);
cursor: pointer;
flex: none;
justify-content: center;
align-items: center;
text-decoration: none;
transition: background-color .3s;
display: flex
}
.page_button:hover,
.page_button.w--current {
background-color: var(--_zolution---colors--green-100)
}
.blog_pagination {
grid-column-gap: var(--_zolution---base-size--4);
grid-row-gap: var(--_zolution---base-size--4);
flex-flow: row;
justify-content: center;
align-items: center;
display: none
}
.pagination_icon {
width: 1rem;
display: block
}
.article-bottom {
grid-column-gap: var(--_zolution---base-size--32);
grid-row-gap: var(--_zolution---base-size--32);
width: 100%
}
.author-summary {
flex: 1
}
.article-author-bottom {
grid-column-gap: var(--_zolution---base-size--32);
grid-row-gap: var(--_zolution---base-size--32);
flex-flow: row;
justify-content: flex-start;
align-items: center
}
.article-nas_sticky {
grid-column-gap: 3.75rem;
grid-row-gap: 3.75rem;
position: sticky;
top: 6rem
}
.grid-spacer-custom {
height: 0;
display: block
}
.nav_links-button {
display: none
}
.platform_hero-content {
grid-column-gap: var(--_zolution---base-size--24);
grid-row-gap: var(--_zolution---base-size--24);
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 24rem;
display: flex
}
.platform_hero-img-wrapp {
pointer-events: none;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
position: absolute;
inset: 0%
}
.platform_hero-container {
grid-column-gap: var(--_zolution---base-size--20);
grid-row-gap: var(--_zolution---base-size--20);
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
align-items: center;
display: flex;
position: static
}
.spacer.spacer-100 {
height: var(--_zolution---base-size--100)
}
.spacer.spacer-60 {
height: var(--_zolution---base-size--60)
}
.spacer.spacer-40 {
height: var(--_zolution---base-size--40)
}
.icon_24px {
width: var(--_zolution---base-size--24);
height: var(--_zolution---base-size--24);
flex: none;
display: block
}
.compound_container {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
display: grid
}
.ui-wrapp {
grid-column-gap: var(--_zolution---base-size--24);
grid-row-gap: var(--_zolution---base-size--24);
flex-flow: column;
padding: 65px;
display: flex
}
.flex-block-4 {
grid-column-gap: var(--_zolution---base-size--24);
grid-row-gap: var(--_zolution---base-size--24);
flex-flow: row;
justify-content: flex-start;
align-items: center
}
.cta-component-card {
height: 20.3125rem;
padding: var(--_zolution---base-size--24)var(--_zolution---base-size--24)var(--_zolution---base-size--24)var(--_zolution---base-size--100);
grid-column-gap: 4.375rem;
grid-row-gap: 4.375rem;
border-radius: var(--_zolution---base-size--24);
background-color: var(--_zolution---colors--white);
flex-flow: row;
justify-content: flex-start;
align-items: center;
display: flex;
position: relative;
overflow: hidden
}
.cta-component-icon {
aspect-ratio: 1;
object-fit: contain;
flex: none;
width: 9.375rem;
height: auto;
display: block
}
.cta-component-title {
grid-column-gap: var(--_zolution---base-size--40);
grid-row-gap: var(--_zolution---base-size--40);
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 34rem;
display: flex
}
.compound_card-btn {
grid-column-gap: var(--_zolution---base-size--12);
grid-row-gap: var(--_zolution---base-size--12);
flex-flow: row;
justify-content: flex-start;
align-items: center
}
.actions_descr {
grid-column-gap: var(--_zolution---base-size--24);
grid-row-gap: var(--_zolution---base-size--24);
width: 100%;
max-width: 42rem
}
.actions_container {
margin-top: var(--_zolution---base-size--100);
grid-column-gap: 8.75rem;
grid-row-gap: 8.75rem;
flex-flow: column;
display: flex
}
.actions-item {
grid-column-gap: var(--_zolution---base-size--20);
grid-row-gap: var(--_zolution---base-size--60);
flex-flow: column;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid
}
.actions-item.is--large {
margin-top: var(--_zolution---base-size--80);
grid-column-gap: var(--_zolution---base-size--40);
grid-row-gap: var(--_zolution---base-size--40);
display: flex
}
.actions-item.is--additional {
margin-top: var(--_zolution---base-size--80);
grid-column-gap: var(--_zolution---base-size--40);
grid-row-gap: var(--_zolution---base-size--40);
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
place-items: center start;
display: grid
}
.actions_chips {
grid-column-gap: var(--_zolution---base-size--12);
grid-row-gap: var(--_zolution---base-size--12);
font-size: var(--_zolution---font-size--text-m);
text-transform: uppercase;
justify-content: flex-start;
align-items: center;
display: flex
}
.actions_chips.chips--green {
color: var(--_zolution---colors--green-500);
line-height: var(--_zolution---line-height--100)
}
.actions_chips.chips--coral {
color: var(--_zolution---color--azul-500);
line-height: var(--_zolution---line-height--100)
}
.actions-title {
grid-column-gap: var(--_zolution---base-size--24);
grid-row-gap: var(--_zolution---base-size--24);
flex-flow: column;
justify-content: center;
align-items: flex-start;
width: 100%;
max-width: 20rem
}
.actions_canvas {
aspect-ratio: 6.5/3.9;
border-radius: var(--_zolution---base-size--24);
object-fit: cover;
background-color: #b0d4e8;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
position: relative;
overflow: hidden
}
.actions_canvas.is--coral {
background-color: var(--_zolution---color--azul-100)
}
.actions_feature-item {
padding-top: var(--_zolution---base-size--40);
grid-column-gap: var(--_zolution---base-size--24);
grid-row-gap: var(--_zolution---base-size--24);
border-top: 1px solid var(--_zolution---colors--black);
flex-flow: column;
display: flex
}
.actions_feature-title {
grid-column-gap: var(--_zolution---base-size--16);
grid-row-gap: var(--_zolution---base-size--16);
flex-flow: column;
display: flex
}
.actions_feature-title.is--centered {
width: 100%;
max-width: 32.5rem
}
.icon_32px {
width: var(--_zolution---base-size--32);
height: var(--_zolution---base-size--32);
flex: none
}
.actions_grid-bottom {
margin-top: var(--_zolution---base-size--40);
grid-column-gap: var(--_zolution---base-size--20);
grid-row-gap: var(--_zolution---base-size--20);
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid
}
.actions_bottom-card {
grid-column-gap: var(--_zolution---base-size--32);
grid-row-gap: var(--_zolution---base-size--32);
flex-flow: column;
display: flex
}
.actions_bottom-img-wrapp {
aspect-ratio: 3.1/2.5;
border-radius: var(--_zolution---base-size--20);
width: 100%;
height: auto;
position: relative;
overflow: hidden
}
.actions_bottom-content {
grid-column-gap: var(--_zolution---base-size--16);
grid-row-gap: var(--_zolution---base-size--16);
text-wrap: stable;
flex-flow: column;
display: flex
}
.actions_bottom-img {
object-fit: cover;
width: 100%;
height: 100%;
display: block;
position: absolute;
inset: 0%
}
.flex-block-6 {
width: 100%;
max-width: 24.375rem
}
.platform_stack-content {
grid-column-gap: var(--_zolution---base-size--32);
grid-row-gap: var(--_zolution---base-size--32);
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: flex-start;
display: flex
}
.icon_28px {
flex: none;
width: 1.75rem;
height: 1.75rem
}
.div-block {
grid-column-gap: var(--_zolution---base-size--8);
grid-row-gap: var(--_zolution---base-size--8);
justify-content: flex-start;
align-items: center;
display: flex
}
.actions_feature-list {
grid-column-gap: var(--_zolution---base-size--12);
grid-row-gap: var(--_zolution---base-size--12);
flex-flow: column;
display: flex
}
.platform_section-heading {
grid-column-gap: var(--_zolution---base-size--24);
grid-row-gap: var(--_zolution---base-size--24);
width: 100%;
max-width: 50rem
}
.platform_section-descr {
max-width: 38rem
}
.compound_wrapp {
grid-column-gap: var(--_zolution---base-size--40);
grid-row-gap: var(--_zolution---base-size--40);
flex-flow: column
}
.faq_section-title {
grid-column-gap: var(--_zolution---base-size--12);
grid-row-gap: var(--_zolution---base-size--12);
flex-flow: column;
width: 100%;
max-width: 22rem
}
.faq_accordion-list {
width: 100%
}
.accordion {
border-bottom: 1px solid var(--_zolution---colors--gray-200)
}
.accordion-control {
padding-top: var(--_zolution---base-size--40);
padding-bottom: var(--_zolution---base-size--40);
grid-column-gap: var(--_zolution---base-size--32);
grid-row-gap: var(--_zolution---base-size--32);
cursor: pointer;
justify-content: space-between;
align-items: center;
transition: color .3s;
display: flex
}
.accordion-control:hover {
color: #223a4b
}
.accordion-icon {
width: var(--_zolution---base-size--24);
height: var(--_zolution---base-size--24);
flex: none;
position: relative
}
.accordion-content-text {
color: #2e3332;
width: 100%;
max-width: 48.125rem
}
.accordion-icon_plus {
width: 100%;
height: 100%;
display: block;
position: absolute;
inset: 0%
}
.accordion-icon_minus {
display: none
}
.nav_spacer {
height: 4.25rem
}
.platform_hero-patterm {
z-index: -3;
pointer-events: none;
width: 43.75rem;
max-width: none;
position: absolute
}
.platform_hero-img {
z-index: 1;
object-fit: contain;
width: 100%;
max-height: 100%;
display: block;
position: absolute
}
.platform_hero-img.layer_01 {
z-index: 0
}
.platform_hero-img.layer_02 {
z-index: -1
}
.platform_hero-img.layer_03 {
z-index: 0
}
.platform_hero-img.tablet {
z-index: 0;
display: none
}
.is--bold {
font-weight: var(--_zolution---font-weight--bold)
}
.platform_support-title {
margin-bottom: var(--_zolution---base-size--20)
}
.canvas_02_js,
.canvas_03_js {
z-index: 1;
aspect-ratio: 1;
flex: none;
width: 100%;
margin-top: 10px;
position: relative
}
.canvas_container {
z-index: 1;
flex: none;
width: 100%;
height: 100%;
margin-top: 0;
position: relative
}
.canvas_04_js,
.canvas_05_js {
z-index: 1;
aspect-ratio: 1;
flex: none;
width: 100%;
margin-top: 10px;
position: relative
}
.about_hero-container {
grid-column-gap: var(--_zolution---base-size--20);
grid-row-gap: var(--_zolution---base-size--20);
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
display: grid
}
.about_hero-content {
grid-column-gap: var(--_zolution---base-size--24);
grid-row-gap: var(--_zolution---base-size--24);
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex
}
.about_hero-image-wrap {
flex-flow: column;
justify-content: center;
align-items: center;
display: flex;
position: relative
}
.about_hero-title {
grid-column-gap: var(--_zolution---base-size--16);
grid-row-gap: var(--_zolution---base-size--16);
flex-flow: column;
width: 100%;
max-width: 41.25rem
}
.about_hero-img {
width: 100%;
height: auto;
margin-bottom: var(--_zolution---base-size--40);
display: block;
position: absolute;
inset: auto 0%
}
.about_hero-img.layer_01 {
z-index: 1
}
.about_hero-img.layer_02 {
z-index: 2
}
.about_section-heading {
grid-column-gap: var(--_zolution---base-size--24);
grid-row-gap: var(--_zolution---base-size--24);
width: 100%
}
.about_section-heading.is--vision {
max-width: 32rem
}
.about_vision-container {
margin-top: var(--_zolution---base-size--60);
grid-column-gap: var(--_zolution---base-size--20);
grid-row-gap: var(--_zolution---base-size--60);
flex-flow: column;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid
}
.about_vision-title {
grid-column-gap: var(--_zolution---base-size--16);
grid-row-gap: var(--_zolution---base-size--16);
flex-flow: column;
justify-content: center;
align-items: flex-start;
width: 100%;
max-width: 17.8125rem
}
.about_vision-img-wrapp {
aspect-ratio: 6.5/3.9;
border-radius: var(--_zolution---base-size--24);
background-color: var(--_zolution---colors--blue-200);
object-fit: cover;
border: 1px solid #d9dfde;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
position: relative;
overflow: hidden
}
.about_vision-img {
object-fit: cover;
width: 100%;
height: 100%;
position: absolute
}
.about_single-heading {
grid-column-gap: var(--_zolution---base-size--20);
grid-row-gap: var(--_zolution---base-size--20);
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
place-items: start;
width: 100%;
margin-left: auto;
margin-right: auto;
display: grid
}
.about_section-descr-wide {
width: 100%;
max-width: 27.5rem
}
.about_section-descr {
grid-column-gap: var(--_zolution---base-size--20);
grid-row-gap: var(--_zolution---base-size--20);
width: 100%
}
.about_story-container {
margin-top: var(--_zolution---base-size--40);
margin-bottom: var(--_zolution---base-size--40);
grid-column-gap: var(--_zolution---base-size--20);
grid-row-gap: var(--_zolution---base-size--60);
flex-flow: column;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid
}
.about_story-img-wrap {
aspect-ratio: 6.2/4.8;
border-radius: var(--_zolution---base-size--24);
object-fit: cover;
background-color: #b0d4e8;
border: 1px solid #d9dfde;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
position: relative;
overflow: hidden
}
.about_story-img {
object-fit: cover;
width: 100%;
height: 100%;
display: block;
position: absolute
}
.about_story-img.is--mob {
display: none
}
.about_story-descr {
grid-column-gap: var(--_zolution---base-size--20);
grid-row-gap: var(--_zolution---base-size--20);
width: 100%;
max-width: 41.875rem
}
.about_img-full {
width: 100%;
height: 100%;
margin-top: var(--_zolution---base-size--60);
aspect-ratio: 9.4/4.8;
border-radius: var(--_zolution---base-size--24);
object-fit: cover;
background-color: #b0d4e8;
border: 1px solid #d9dfde;
justify-content: center;
align-items: center;
display: flex;
position: relative;
overflow: hidden
}
.about_team-heading {
grid-column-gap: var(--_zolution---base-size--20);
grid-row-gap: var(--_zolution---base-size--20);
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid
}
.about_team-coll {
width: 100%;
margin-top: var(--_zolution---base-size--60);
margin-left: auto;
margin-right: auto
}
.about_team-list {
grid-column-gap: var(--_zolution---base-size--20);
grid-row-gap: var(--_zolution---base-size--40);
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid
}
.about_team-item {
grid-column-gap: var(--_zolution---base-size--24);
grid-row-gap: var(--_zolution---base-size--24);
text-align: center;
flex-flow: column;
align-items: stretch;
display: flex
}
.about_team-section-heading {
grid-column-gap: var(--_zolution---base-size--24);
grid-row-gap: var(--_zolution---base-size--24);
text-align: center;
justify-content: center;
align-items: center;
width: 100%;
max-width: 27.5rem;
margin-left: auto;
margin-right: auto
}
.about_team-img {
aspect-ratio: 1;
border-radius: var(--_zolution---base-size--16);
width: 100%;
height: auto;
display: block
}
.about_team-content {
grid-column-gap: var(--_zolution---base-size--8);
grid-row-gap: var(--_zolution---base-size--8);
justify-content: flex-start;
align-items: center;
display: flex
}
.is--light-green {
color: var(--_zolution---colors--green-400)
}
.grid-spacer-about {
height: 0;
display: block
}
.pricing_hero-container {
grid-column-gap: var(--_zolution---base-size--20);
grid-row-gap: var(--_zolution---base-size--20);
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
place-items: center stretch;
width: 100%;
display: grid
}
.pricing_hero-img-wrapp {
position: relative
}
.pricing_hero-content {
grid-column-gap: var(--_zolution---base-size--24);
grid-row-gap: var(--_zolution---base-size--24);
flex-flow: column;
display: flex
}
.pricing_hero-descr {
width: 100%;
max-width: 36.25rem
}
.pricing_hero-img {
object-fit: cover;
width: 100%;
height: auto;
display: block
}
.pricing_hero-stars {
object-fit: cover;
width: 100%;
height: 100%;
display: block;
position: absolute;
inset: 0%
}
.calc_container {
grid-column-gap: var(--_zolution---base-size--20);
grid-row-gap: var(--_zolution---base-size--20);
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid
}
.calc_column {
grid-column-gap: var(--_zolution---base-size--32);
grid-row-gap: var(--_zolution---base-size--32);
flex-flow: column;
align-items: stretch;
display: flex
}
.calc_column-result {
padding: var(--_zolution---base-size--32);
border: 1px solid var(--_zolution---colors--gray-100);
border-radius: var(--_zolution---base-size--24);
background-image: linear-gradient(180deg, var(--_zolution---colors--gray-50), var(--_zolution---colors--gray-100));
flex-flow: column;
justify-content: center;
display: flex;
position: relative;
overflow: hidden
}
.calc_result-container {
z-index: 3;
padding: var(--_zolution---base-size--32);
grid-column-gap: var(--_zolution---base-size--40);
grid-row-gap: var(--_zolution---base-size--40);
border-radius: var(--_zolution---base-size--16);
background-color: var(--_zolution---colors--white);
flex-flow: column;
display: none;
position: relative;
box-shadow: 0 10px 24px #0000000f
}
.calc_result-container.is--result_pay,
.calc_result-container.is--result_growth,
.calc_result-container.is--result_enterprise {
display: none
}
.calc_result-content {
grid-column-gap: var(--_zolution---base-size--12);
grid-row-gap: var(--_zolution---base-size--12);
flex-flow: column;
display: flex
}
.calc_result-price-inner {
grid-column-gap: .5ch;
grid-row-gap: .5ch;
flex-flow: row;
margin-bottom: .125rem
}
.calc_result-price-wrapp {
grid-column-gap: var(--_zolution---base-size--8);
grid-row-gap: var(--_zolution---base-size--8);
flex-flow: column;
display: flex
}
.calc_title {
grid-column-gap: var(--_zolution---base-size--16);
grid-row-gap: var(--_zolution---base-size--16);
flex-flow: column;
display: flex;
position: relative
}
.calc_slider-wrap {
grid-column-gap: var(--_zolution---base-size--20);
grid-row-gap: var(--_zolution---base-size--20);
flex-flow: column;
display: flex;
position: relative
}
.calc_input {
width: 6rem;
height: var(--_zolution---base-size--44);
padding-right: var(--_zolution---base-size--16);
padding-left: var(--_zolution---base-size--16);
border-radius: var(--_zolution---base-size--12);
color: var(--_zolution---colors--black);
font-size: var(--_zolution---font-size--text-m);
font-weight: var(--_zolution---font-weight--regular);
border: 1px solid #bec9c6;
justify-content: flex-start;
align-items: center;
display: flex
}
.calc_range-wrapp {
grid-column-gap: var(--_zolution---base-size--16);
grid-row-gap: var(--_zolution---base-size--16);
justify-content: space-between;
align-items: center;
display: flex
}
.range_input {
cursor: pointer;
flex: 1;
width: 100%;
display: block;
overflow: hidden
}
.flex-block-8 {
grid-column-gap: var(--_zolution---base-size--12);
grid-row-gap: var(--_zolution---base-size--12);
flex-flow: row;
flex: 1;
justify-content: space-between;
align-items: center
}
.calc_selectors {
z-index: 2;
grid-column-gap: var(--_zolution---base-size--16);
grid-row-gap: var(--_zolution---base-size--16);
flex-flow: column;
display: flex;
position: relative
}
.selectors_list {
grid-column-gap: var(--_zolution---base-size--16);
grid-row-gap: var(--_zolution---base-size--16);
flex-flow: column;
display: flex
}
.calc_select {
z-index: 3;
height: var(--_zolution---base-size--44);
padding-right: var(--_zolution---base-size--16);
padding-left: var(--_zolution---base-size--16);
border-radius: var(--_zolution---base-size--12);
color: var(--_zolution---colors--black);
letter-spacing: var(--_zolution---letter-space--1);
border: 1px solid #bec9c6;
justify-content: flex-start;
align-items: center;
display: flex;
position: relative
}
.table_row {
border-bottom: 1px solid #d9dfde;
grid-template-rows: auto;
grid-template-columns: .68fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid
}
.table_row.is--heading {
z-index: 3;
background-color: var(--_zolution---colors--gray-50);
margin-bottom: 5.75rem;
position: sticky;
top: 0
}
.table_cell {
min-height: 5.375rem
}
.table_cell.is--spacer {
opacity: 0
}
.table_cell.is--top {
padding: var(--_zolution---base-size--24);
grid-column-gap: var(--_zolution---base-size--24);
grid-row-gap: var(--_zolution---base-size--24);
text-align: center;
flex-flow: column;
justify-content: flex-end;
align-items: center;
display: flex
}
.table_cell.is--heading {
padding-right: var(--_zolution---base-size--16);
padding-left: var(--_zolution---base-size--16);
justify-content: flex-start;
align-items: center;
display: flex
}
.table_cell.is--content {
padding: var(--_zolution---base-size--20)var(--_zolution---base-size--16);
text-align: center;
flex-flow: column;
justify-content: center;
align-items: center;
display: flex
}
.range {
width: 100%;
display: block;
position: relative;
overflow: hidden
}
.track {
background-color: var(--_zolution---colors--gray-200);
border-radius: 12px;
height: 100%
}
.progress {
background-color: var(--_zolution---colors--green-500);
border-radius: 12px;
height: 100%
}
.calc_default-state {
z-index: 2;
width: 100%;
height: 100%;
padding-top: var(--_zolution---base-size--60);
padding-bottom: var(--_zolution---base-size--60);
border-radius: var(--_zolution---base-size--16);
flex-flow: column;
justify-content: space-between;
align-items: stretch;
display: flex;
position: absolute;
inset: 0%
}
.calc_btn-wrapp {
grid-column-gap: var(--_zolution---base-size--12);
grid-row-gap: var(--_zolution---base-size--12);
flex-flow: row;
position: relative
}
.calc_default-content {
grid-column-gap: var(--_zolution---base-size--20);
grid-row-gap: var(--_zolution---base-size--20);
text-align: center;
flex-flow: column;
justify-content: center;
align-items: center;
width: 100%;
max-width: 21rem;
margin-left: auto;
margin-right: auto;
display: flex
}
.image-3 {
aspect-ratio: 1;
width: 9.5625rem;
height: auto;
display: block
}
.calc_icons-wrap {
justify-content: center;
align-items: center;
width: 100%;
display: flex;
overflow: hidden
}
.calc_icon-item {
width: var(--_zolution---base-size--48);
aspect-ratio: 1;
border-radius: var(--_zolution---base-size--100);
background-color: var(--_zolution---colors--white);
flex: none;
justify-content: center;
align-items: center;
display: flex;
box-shadow: 0 10px 24px #0000000f
}
.calc_icon-item.is--90 {
opacity: .9
}
.calc_icon-item.is--80 {
opacity: .8
}
.calc_icon-item.is--70 {
opacity: .7
}
.calc_icon-item.is--60 {
opacity: .6
}
.calc_icon-item.is--large {
width: 3.875rem
}
.calc_icons-row {
width: 100%;
padding-top: var(--_zolution---base-size--24);
padding-bottom: var(--_zolution---base-size--24);
grid-column-gap: var(--_zolution---base-size--12);
grid-row-gap: var(--_zolution---base-size--12);
flex-flow: row;
flex: none;
justify-content: center;
align-items: center
}
.icon_pricing-bottom {
width: var(--_zolution---base-size--24);
height: var(--_zolution---base-size--24)
}
.icon_pricing-top {
width: 1.75rem;
height: 1.75rem
}
.icon_pricing-top.is--large {
width: 2.25rem;
height: 2.25rem
}
.table_tabs {
border-radius: var(--_zolution---base-size--10);
background-color: #d9dfde;
justify-content: space-between;
align-items: center;
padding: .125rem;
display: none
}
.table_trigger {
height: 2.0625rem;
padding-right: var(--_zolution---base-size--12);
padding-left: var(--_zolution---base-size--12);
cursor: pointer;
flex: 1;
justify-content: center;
align-items: center;
display: flex
}
.table_cell--title {
grid-column-gap: var(--_zolution---base-size--12);
grid-row-gap: var(--_zolution---base-size--12);
justify-content: flex-start;
align-items: center
}
.text--chips {
font-size: var(--_zolution---font-size--text-chips);
line-height: var(--_zolution---line-height--130);
font-weight: var(--_zolution---font-weight--medium)
}
.text--chips.is--green-italic {
color: var(--_zolution---colors--green-500);
font-style: italic
}
.calc_result-price {
display: block
}
.result-price-wrapp {
grid-column-gap: var(--_zolution---base-size--24);
grid-row-gap: var(--_zolution---base-size--24)
}
.calc_result-price-title {
grid-column-gap: .5rem;
grid-row-gap: 0rem;
flex-flow: wrap;
justify-content: flex-start;
align-items: flex-end
}
.container_404 {
height: 85dvh;
min-height: 34rem;
padding-top: var(--_zolution---base-size--20);
padding-bottom: var(--_zolution---base-size--32);
grid-column-gap: var(--_zolution---base-size--48);
grid-row-gap: var(--_zolution---base-size--48);
text-align: center;
flex-flow: column;
justify-content: flex-end;
align-items: center;
display: flex
}
._404_img {
object-fit: contain;
width: 100%;
height: 100%;
display: block
}
._404_img-wrapp {
pointer-events: none;
justify-content: center;
align-items: center;
width: 100%;
max-width: 100%;
height: 100%;
margin-left: auto;
margin-right: auto;
position: absolute;
inset: 0%
}
._404_title {
grid-column-gap: var(--_zolution---base-size--48);
grid-row-gap: var(--_zolution---base-size--48);
justify-content: center;
align-items: center;
position: relative
}
.team_link {
position: relative
}
.team_link-sn {
width: var(--_zolution---base-size--48);
height: var(--_zolution---base-size--48);
flex: none;
justify-content: center;
align-items: center;
display: flex;
position: absolute;
inset: auto 0% 0% auto
}
.team_link-icon {
width: var(--_zolution---base-size--24);
height: var(--_zolution---base-size--24);
flex: none;
display: block
}
.success_img {
z-index: 2;
aspect-ratio: 1;
width: 7.5rem;
display: block;
position: relative
}
.container_success {
height: 90dvh;
min-height: 34rem;
padding-bottom: var(--_zolution---base-size--60);
grid-column-gap: var(--_zolution---base-size--48);
grid-row-gap: var(--_zolution---base-size--48);
text-align: center;
flex-flow: column;
justify-content: center;
align-items: center;
display: flex
}
.success_img-wrapp {
z-index: 0;
flex-flow: column;
justify-content: center;
align-items: center;
position: relative
}
.success_title {
z-index: 2;
grid-column-gap: var(--_zolution---base-size--48);
grid-row-gap: var(--_zolution---base-size--48);
justify-content: center;
align-items: center;
position: relative
}
.success_bg {
z-index: 0;
pointer-events: none;
width: 43.75rem;
max-width: none;
display: block;
position: absolute
}
.platform_demo-title {
width: 100%;
max-width: 37rem;
margin-right: auto;
margin-bottom: var(--_zolution---base-size--32);
text-align: center;
justify-content: center;
align-items: center;
margin-left: auto
}
.demo_embed {
width: 100%;
height: 100%;
margin-bottom: 0;
position: absolute;
inset: 0%
}
.demo_container {
border-radius: var(--_zolution---base-size--24);
width: 100%;
height: auto;
display: block;
position: relative;
overflow: hidden
}
.icon_20px {
width: var(--_zolution---base-size--20);
height: var(--_zolution---base-size--20);
flex: none;
display: block
}
.benefits_list-item {
grid-column-gap: var(--_zolution---base-size--10);
grid-row-gap: var(--_zolution---base-size--10);
flex-flow: row;
justify-content: flex-start;
align-items: center
}
.step_chips {
left: var(--_zolution---base-size--10);
top: var(--_zolution---base-size--10);
z-index: 5;
height: var(--_zolution---base-size--40);
padding-right: var(--_zolution---base-size--16);
padding-left: var(--_zolution---base-size--16);
grid-column-gap: var(--_zolution---base-size--6);
grid-row-gap: var(--_zolution---base-size--6);
border-radius: var(--_zolution---base-size--button-radius);
background-color: var(--_zolution---colors--white);
color: var(--_zolution---colors--blue-700);
font-size: var(--_zolution---font-size--title-xs);
font-weight: var(--_zolution---font-weight--medium);
justify-content: center;
align-items: center;
display: flex;
position: absolute;
bottom: auto;
right: auto
}
.step_chips.is--green {
color: var(--_zolution---colors--green-500)
}
.step_chips.is--blue {
color: var(--_zolution---colors--blue-500)
}
.step_chips.is--red {
color: var(--_zolution---color--azul-500)
}
.hiw_section-heading {
grid-column-gap: var(--_zolution---base-size--24);
grid-row-gap: var(--_zolution---base-size--24);
width: 100%;
max-width: 34rem
}
.native_calls-img-wrapp {
aspect-ratio: 1;
border-radius: var(--_zolution---base-size--20);
width: 100%;
height: auto;
position: relative;
overflow: hidden
}
.article-cover-img {
border-radius: var(--_zolution---base-size--20);
width: 100%;
height: auto;
display: block
}
.article-toc-adaptive {
display: none
}
.text--16px {
font-size: var(--_zolution---base-size--16);
line-height: 150%
}
.max-800 {
max-width: 900px
}
.m-auto {
margin-left: auto;
margin-right: auto
}
.mb-3 {
margin-bottom: 3.75rem
}
.mb-1-5 {
margin-bottom: 1.5rem
}
.form-block {
margin-bottom: 0
}
.range-input__css,
.choises-js__css {
display: none
}
.section_chips {
grid-column-gap: var(--_zolution---base-size--8);
grid-row-gap: var(--_zolution---base-size--8);
color: var(--_zolution---colors--gray-600);
font-family: Switzer, Arial, sans-serif;
font-size: var(--_zolution---base-size--16);
line-height: var(--_zolution---line-height--130);
font-weight: var(--_zolution---font-weight--medium);
letter-spacing: 0;
justify-content: center;
align-items: center;
display: flex
}
.section_chips:where(.w-variant-28ba76d0-08d9-d4d7-40be-ef11d536cd9f) {
color: var(--_zolution---colors--gray-200)
}
.section_chips:where(.w-variant-f8d39699-44e3-ff8a-4bbe-457969ecd496) {
color: var(--_zolution---colors--green-200)
}
.hero_container-new {
grid-column-gap: var(--_zolution---base-size--20);
grid-row-gap: var(--_zolution---base-size--20);
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
height: 100vh;
min-height: 54.375rem;
max-height: 56.25rem;
display: grid
}
.hero__description-new {
width: 100%;
max-width: 33.75rem;
display: block
}
.benefits_header-new {
grid-column-gap: var(--_zolution---base-size--24);
grid-row-gap: var(--_zolution---base-size--24);
flex-flow: column;
width: 100%;
max-width: 25rem
}
.benefits_chips {
height: var(--_zolution---base-size--48);
grid-column-gap: var(--_zolution---base-size--10);
grid-row-gap: var(--_zolution---base-size--10);
border-radius: var(--_zolution---base-size--button-radius);
background-color: var(--_zolution---colors--gray-800);
color: var(--_zolution---colors--white);
flex-flow: row;
justify-content: flex-start;
align-items: center;
padding-left: 1rem;
padding-right: 1rem
}
.benefits_chips.is--green {
background-color: var(--_zolution---colors--green-500)
}
.image-5 {
width: 4.625rem;
height: auto;
display: block
}
.benefit_marker {
width: var(--_zolution---base-size--32);
height: var(--_zolution---base-size--32);
border: 1px solid var(--_zolution---colors--gray-800);
border-radius: var(--_zolution---base-size--button-radius);
flex: none;
justify-content: center;
align-items: center;
display: flex
}
.benefit_marker.is--green {
border-color: var(--_zolution---colors--green-500)
}
.benefit_marker.is--light-green {
border-color: var(--_zolution---colors--green-300);
color: var(--_zolution---colors--green-300)
}
.icon_14px {
width: var(--_zolution---base-size--14);
height: var(--_zolution---base-size--14);
flex: none;
display: block
}
.benefits {
grid-row-gap: var(--_zolution---base-size--40)
}
.hiw-benefits_list {
z-index: 10;
grid-column-gap: var(--_zolution---base-size--24);
grid-row-gap: var(--_zolution---base-size--24);
flex-flow: column;
width: 100%;
max-width: 26rem;
display: flex;
position: relative
}
.benefits_item {
padding-bottom: var(--_zolution---base-size--20);
grid-column-gap: var(--_zolution---base-size--16);
grid-row-gap: var(--_zolution---base-size--16);
border-bottom: 1px solid var(--_zolution---colors--gray-200);
flex-flow: row;
justify-content: flex-start;
align-items: center
}
.benefits_item.is--last {
border-bottom-style: none;
padding-bottom: 0
}
.animated_title {
text-align: center;
justify-content: center;
align-items: center
}
.benefit_text {
max-width: 20rem
}
.benefits_grid {
grid-column-gap: 3.5rem;
grid-row-gap: 3.5rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
place-items: start;
width: 100%;
display: grid
}
.hero_component-new {
z-index: 2;
grid-column-gap: var(--_zolution---base-size--42);
grid-row-gap: var(--_zolution---base-size--42);
flex-flow: column;
width: 100%;
max-width: 46.5rem;
position: relative
}
.hero_content-new {
grid-column-gap: var(--_zolution---base-size--24);
grid-row-gap: var(--_zolution---base-size--24);
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex
}
.hero_buttons-wrapp {
grid-column-gap: var(--_zolution---base-size--12);
grid-row-gap: var(--_zolution---base-size--12);
flex-flow: row;
justify-content: flex-start;
align-items: center
}
.built_title {
width: 100%;
max-width: 28.75rem
}
.built-container {
grid-column-gap: var(--_zolution---base-size--20);
grid-row-gap: var(--_zolution---base-size--20);
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid
}
.built-card {
height: 31.25rem;
padding: var(--_zolution---base-size--32);
border-radius: var(--_zolution---base-size--24);
background-color: var(--_zolution---colors--white);
transform-origin: 50% 100%;
flex-flow: column;
align-items: center;
display: flex;
position: relative;
overflow: hidden
}
.built-card.is--wide {
justify-content: flex-start;
align-items: center;
height: 27.5rem;
display: flex
}
.built-card.is--accent-red {
color: var(--_zolution---colors--white);
background-color: #a5b525
}
.built-card.is--accent-green {
background-color: var(--_zolution---colors--green-500);
color: var(--_zolution---colors--white);
display: flex
}
.built-card.is--wide-accent {
background-color: var(--_zolution---colors--blue-700);
height: 27.5rem;
color: var(--_zolution---colors--white);
display: block
}
.text--mono {
font-family: var(--_zolution---font-mono);
font-size: var(--_zolution---base-size--16);
line-height: var(--_zolution---line-height--130);
font-weight: var(--_zolution---font-weight--regular)
}
.text--mono.is--grey {
color: var(--_zolution---colors--gray-400)
}
.built-card-content {
z-index: 2;
grid-column-gap: var(--_zolution---base-size--16);
grid-row-gap: var(--_zolution---base-size--16);
flex-flow: column;
width: 100%;
max-width: 30rem;
margin-right: auto;
display: flex;
position: relative
}
.built-img-01 {
z-index: 0;
width: 31.25rem;
max-width: none;
display: block;
position: absolute;
inset: auto 3.5rem 3.5rem auto
}
.built-img-02 {
z-index: 0;
width: 36.875rem;
max-width: none;
display: block;
position: absolute;
inset: 5.375rem auto auto
}
.built-img-03 {
z-index: 0;
width: 19.625rem;
max-width: none;
display: block;
position: absolute;
inset: auto auto -1.5rem
}
.built-img-04 {
z-index: 0;
width: 25.5625rem;
max-width: none;
display: block;
position: absolute;
inset: auto auto 1rem
}
.built-img-05 {
z-index: 0;
width: 11.875rem;
max-width: none;
display: block;
position: absolute;
inset: auto auto -4.875rem
}
.built-img-06 {
z-index: 0;
width: 31.25rem;
max-width: none;
display: block;
position: absolute;
inset: auto 4.375rem 3.375rem auto
}
.built-img-06--mob {
z-index: 0;
width: 31.25rem;
max-width: none;
display: none;
position: absolute;
inset: auto 4.375rem 3.375rem auto
}
.impact_title {
width: 100%;
max-width: 36rem;
display: block
}
.impact-animation-track {
height: 250vh;
display: block
}
.impact-list {
flex-flow: wrap;
justify-content: center;
align-items: center;
width: 100%;
max-width: 43.75rem;
max-height: 43.75rem;
margin-left: auto;
margin-right: auto;
display: flex;
position: sticky;
top: 0
}
.impact-item {
aspect-ratio: 1;
border: 1px solid var(--_zolution---colors--gray-200);
border-radius: 50%;
justify-content: center;
align-items: center;
width: 50%;
height: auto;
display: flex;
position: relative;
overflow: hidden
}
.text--number {
font-size: 4.375rem;
line-height: var(--_zolution---line-height--100);
letter-spacing: var(--_zolution---letter-space--3)
}
.impact-content {
z-index: 2;
grid-column-gap: var(--_zolution---base-size--12);
grid-row-gap: var(--_zolution---base-size--12);
text-align: center;
flex-flow: column;
justify-content: center;
align-items: center;
width: 12rem;
transition: color .3s cubic-bezier(.215, .61, .355, 1);
display: flex;
position: relative
}
.impact-bg {
z-index: 0;
background-color: var(--_zolution---colors--green-500);
border-radius: 50%;
width: 100%;
height: 100%;
transition: transform .5s cubic-bezier(.215, .61, .355, 1);
position: absolute;
inset: 0%;
transform: scale(0)
}
.wins-animation-track {
width: 100%;
height: 250vh;
display: block
}
.win-circles-wrapp {
flex-flow: row;
justify-content: center;
align-items: center;
width: 22.5rem;
max-width: 40rem;
height: 22.5rem;
margin-left: auto;
margin-right: auto;
display: flex;
position: relative
}
.win-circle {
aspect-ratio: 1;
border: 1px solid var(--_zolution---colors--green-500);
width: 22.5rem;
height: 22.5rem;
color: var(--_zolution---colors--white);
border-radius: 50%;
flex: none;
justify-content: center;
align-items: center;
display: flex;
position: absolute
}
.win-circle.is--left {
z-index: 3;
padding-right: 2rem;
left: 0
}
.win-circle.is--right {
z-index: 2;
border-color: var(--_zolution---colors--blue-300);
padding-left: 2rem;
right: 0
}
.win-circle.illustration {
z-index: 1;
border-style: none;
border-radius: 0%;
justify-content: center;
align-items: center;
width: 60%;
height: 60%;
display: flex;
inset: auto
}
.win-circle-img {
object-fit: cover;
width: auto;
height: 100%
}
.container-impact {
z-index: 1;
width: 100%;
height: 100%;
max-width: var(--_zolution---base-size--container);
grid-column-gap: var(--_zolution---base-size--48);
grid-row-gap: var(--_zolution---base-size--48);
flex-flow: row;
justify-content: space-between;
align-items: center;
min-height: 43.75rem;
margin-left: auto;
margin-right: auto;
display: flex
}
.impact-item-accent {
z-index: 5;
background-color: var(--_zolution---colors--green-500);
width: 28.125rem;
height: 28.125rem;
color: var(--_zolution---colors--white);
text-align: center;
border-radius: 50%;
flex: none;
justify-content: center;
align-items: center;
padding-left: 4rem;
padding-right: 4rem;
display: flex;
position: absolute;
inset: auto;
transform: scale(0)
}
.win-circle-content {
text-align: center;
justify-content: center;
align-items: center;
width: 12rem;
display: block
}
.win-tooltips {
opacity: 0;
width: auto;
color: var(--_zolution---colors--green-300);
flex-flow: column;
justify-content: space-between;
align-items: flex-end;
display: flex;
position: absolute;
inset: 0% 100% 0% 0%
}
.win-tooltips.is--left {
text-align: right;
transform: translate(-2rem)
}
.win-tooltips.is--right {
color: var(--_zolution---colors--blue-300);
text-align: left;
justify-content: space-between;
align-items: flex-start;
left: 100%;
right: 0%;
transform: translate(2rem)
}
.win-tooltip {
width: 9rem;
padding-bottom: var(--_zolution---base-size--10);
justify-content: center;
align-items: flex-end;
transform: translateY(-50%)
}
.win-tooltip.is--01 {
margin-right: -4rem
}
.win-tooltip.is--01-right {
margin-left: -4rem
}
.steps-animation-track {
z-index: 10;
height: 250vh;
color: var(--_zolution---colors--white);
display: block;
position: relative
}
.steps_title {
grid-column-gap: var(--_zolution---base-size--24);
grid-row-gap: var(--_zolution---base-size--24);
width: 100%;
max-width: 32rem
}
.sales-section_heading {
z-index: 5;
grid-column-gap: var(--36);
grid-row-gap: var(--36);
flex-flow: column;
height: 100%;
position: relative
}
.impact-item-accent-text {
transition: opacity .3s
}
.win_sub {
max-width: 20rem
}
.win_title {
grid-column-gap: var(--_zolution---base-size--24);
grid-row-gap: var(--_zolution---base-size--24);
width: 30rem
}
.steps-wrapp {
flex: 1;
justify-content: center;
align-items: center;
width: 100%;
display: flex;
position: relative
}
.step_icon {
background-color: var(--_zolution---colors--white);
border-radius: 50%;
justify-content: center;
align-items: center;
width: 3.5rem;
height: 3.5rem;
padding: .7rem;
display: flex;
box-shadow: 0 22px 22px #223a4b17, 0 5px 12px #223a4b1a
}
.step_logo {
flex: none;
width: 2rem;
height: 2rem;
display: block
}
.step_content {
grid-column-gap: var(--_zolution---base-size--16);
grid-row-gap: var(--_zolution---base-size--16)
}
.step_item {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
flex-flow: column;
flex: none;
display: flex;
transform: translate(100%)
}
.steps-track {
z-index: 3;
grid-column-gap: 17.5rem;
grid-row-gap: 17.5rem;
flex-flow: row;
justify-content: flex-start;
align-items: stretch;
width: auto;
display: flex;
position: relative
}
.text--70 {
font-size: var(--_zolution---base-size--50);
line-height: var(--_zolution---line-height--100);
letter-spacing: var(--_zolution---letter-space--3)
}
.step_sub {
width: 13.125rem
}
.step-line {
z-index: 0;
border-top: 1px solid var(--_zolution---colors--green-300);
width: 100vw;
height: 1px;
position: absolute;
inset: 2.25rem auto auto;
transform: translateY(-50%)
}
.step-container {
width: 100%;
position: relative
}
.steps-animation-wrapp {
height: auto;
color: var(--_zolution---colors--white);
display: block
}
.sales-animation-track {
z-index: 0;
height: 200vh;
color: var(--_zolution---colors--black);
display: block;
position: sticky;
bottom: 0
}
.sales-section_title {
grid-column-gap: var(--_zolution---base-size--24);
grid-row-gap: var(--_zolution---base-size--24);
width: 100%;
max-width: 33.75rem
}
.sales-section_sub {
width: 100%
}
.sales-figure-wheel {
z-index: 0;
justify-content: center;
align-items: center;
width: 287.5rem;
height: 287.5rem;
display: flex;
position: absolute;
transform: translate(10%, -20%)
}
.sales-figure-line {
border-top: 1px solid var(--_zolution---colors--gray-200);
width: 100%;
height: 0;
position: absolute
}
.sales-figure-line.is--2 {
transform: rotate(30deg)translateY(50%)
}
.sales-figure-line.is--3 {
transform: rotate(60deg)translateY(50%)
}
.sales-figure-line.is--4 {
transform: rotate(90deg)translateY(50%)
}
.sales-figure-line.is--5 {
transform: rotate(120deg)translateY(50%)
}
.sales-figure-line.is--6 {
transform: rotate(150deg)translateY(50%)
}
.sales-figure-wrapp {
width: 100%;
max-width: var(--_zolution---base-size--container);
justify-content: center;
align-items: center;
margin-left: auto;
margin-right: auto;
display: flex;
position: absolute;
inset: 0%
}
.sales-cards {
width: 100%
}
.sales-cards_track {
grid-column-gap: var(--_zolution---base-size--20);
grid-row-gap: var(--_zolution---base-size--20);
display: flex
}
.sales-card {
width: 24.375rem;
height: 15rem;
padding: var(--_zolution---base-size--40);
border-radius: var(--_zolution---base-size--24);
background-color: var(--_zolution---colors--white);
flex-flow: column;
flex: none;
justify-content: space-between;
align-items: stretch;
display: flex
}
.sales-card.is--cta {
background-color: var(--_zolution---color--azul-500);
width: 38.75rem;
color: var(--_zolution---colors--white)
}
.sales-card_btns {
grid-column-gap: var(--_zolution---base-size--12);
grid-row-gap: var(--_zolution---base-size--12);
flex-flow: row;
justify-content: flex-start;
align-items: center
}
.testim-section_bg {
z-index: 0;
pointer-events: none;
width: 54.375rem;
display: block;
position: absolute;
inset: auto auto 0% 0%;
transform: translate(-50%, 50%)
}
.steps-section_heading {
z-index: 5;
grid-column-gap: var(--36);
grid-row-gap: var(--36);
flex-flow: column;
height: 100%;
position: relative
}
.steps-section-title {
grid-column-gap: var(--_zolution---base-size--42);
grid-row-gap: var(--_zolution---base-size--42);
flex-flow: column;
max-width: 46.5rem
}
.steps-btns {
grid-column-gap: var(--_zolution---base-size--12);
grid-row-gap: var(--_zolution---base-size--12);
flex-flow: row;
justify-content: flex-start;
align-items: center
}
.footer-section {
color: var(--_zolution---colors--white);
background-color: #1c1c1b;
background-image: url(../images/fondo-footer.svg);
background-position: 50%;
background-size: 3000px
}
.footer-bottom {
padding-top: var(--_zolution---base-size--64);
padding-bottom: var(--_zolution---base-size--40)
}
.footer-top {
padding-top: 11.25rem;
padding-bottom: 11.25rem
}
.flex-block-24 {
grid-column-gap: var(--_zolution---base-size--40);
grid-row-gap: var(--_zolution---base-size--40);
text-align: center;
justify-content: center;
align-items: center;
width: auto
}
.flex-block-25 {
grid-column-gap: var(--_zolution---base-size--24);
grid-row-gap: var(--_zolution---base-size--24);
justify-content: center;
align-items: center;
width: 100%;
max-width: 31rem
}
.is--green--200 {
color: var(--_zolution---colors--green-200)
}
.footer-logo_wrapp {
grid-column-gap: var(--_zolution---base-size--20);
grid-row-gap: var(--_zolution---base-size--20);
flex-flow: column;
justify-content: space-between;
align-items: flex-start
}
.footer_sn-wrapp {
justify-content: space-between;
align-items: flex-end
}
.footer_link-agency {
grid-column-gap: var(--_zolution---base-size--12);
grid-row-gap: var(--_zolution---base-size--12);
color: var(--_zolution---colors--green-200);
text-align: right;
white-space: nowrap;
flex-flow: row;
justify-content: center;
align-items: center;
text-decoration: none;
transition: color .3s;
display: flex
}
.footer_link-agency:hover {
color: var(--_zolution---colors--white)
}
.impact-section_heading {
grid-column-gap: var(--_zolution---base-size--24);
grid-row-gap: var(--_zolution---base-size--24);
max-width: 16rem;
margin-bottom: auto;
position: relative;
transform: translateY(3rem)
}
.hero-animation_wrapp {
z-index: 0;
justify-content: center;
align-items: center;
width: auto;
height: 100%;
display: flex;
position: absolute;
inset: 0%;
overflow: hidden
}
.footer_container-grid {
grid-column-gap: var(--_zolution---base-size--20);
grid-row-gap: var(--_zolution---base-size--20);
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid
}
.icon_chips {
width: var(--_zolution---base-size--24);
height: var(--_zolution---base-size--24);
flex: none;
display: block
}
.hero_lottie {
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex
}
.hero_lottie._1280 {
display: none
}
.hero_lottie.desktop {
aspect-ratio: 6.4/4.5;
width: auto
}
.hero_lottie.tablet,
.hero_lottie.mobile {
display: none
}
.sound-control {
z-index: 99;
border-radius: var(--_zolution---base-size--button-radius);
background-color: var(--_zolution---colors--white);
cursor: pointer;
justify-content: center;
align-items: center;
width: 3.5rem;
height: 3.5rem;
display: flex;
position: absolute;
inset: auto 3.75rem 2.5rem auto;
box-shadow: 0 16px 33px #7513131f
}
.sound-icon {
display: block;
position: absolute
}
.sound-icon.is--mute {
display: none
}
.steps_sub {
width: 100%
}
.nav_bg {
z-index: 0;
background-color: var(--_zolution---colors--gray-50);
width: 100%;
height: 100%;
position: absolute;
inset: 0%
}
.hero-animation_grad {
background-image: linear-gradient(90deg, var(--_zolution---colors--gray-50), #f2f6f500);
width: 20vw;
display: none;
position: absolute;
inset: 0% auto 0% 0%
}
.hero-animation_grad.is--right {
background-image: linear-gradient(-90deg, var(--_zolution---colors--gray-50), #f2f6f500);
width: 20vw;
inset: 0% 0% 0% auto
}
.pricing_hero {
grid-column-gap: var(--_zolution---base-size--24);
grid-row-gap: var(--_zolution---base-size--24);
text-align: center;
flex-flow: column;
justify-content: center;
align-items: center;
width: 100%;
max-width: 37.5rem;
margin-left: auto;
margin-right: auto;
display: flex
}
.pricinng-table_wrapp {
padding-top: var(--_zolution---base-size--18);
padding-right: var(--_zolution---base-size--40);
padding-bottom: var(--_zolution---base-size--8);
grid-column-gap: var(--_zolution---base-size--8);
grid-row-gap: var(--_zolution---base-size--8);
width: calc(100% + var(--_zolution---base-size--40));
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: flex;
overflow: auto
}
.pricinng-table_header {
z-index: 3;
width: 100%;
height: 23.625rem;
padding-top: var(--_zolution---base-size--40);
padding-bottom: var(--_zolution---base-size--40);
grid-column-gap: var(--36);
grid-row-gap: var(--36);
text-align: center;
flex-flow: column;
justify-content: flex-start;
align-items: center;
display: flex;
position: relative;
top: 0
}
.pricinng-table_col {
border-radius: var(--_zolution---base-size--12);
flex: none;
width: 14.875rem;
position: relative
}
.pricinng-table_col.is--growth,
.pricinng-table_col.is--enterprise {
color: var(--_zolution---colors--white)
}
.pricinng-table_title {
z-index: 1;
grid-column-gap: var(--_zolution---base-size--8);
grid-row-gap: var(--_zolution---base-size--8);
text-align: center;
justify-content: center;
align-items: center;
width: 100%;
max-width: 10rem;
margin-left: auto;
margin-right: auto;
position: relative
}
.is--gray-600 {
color: var(--_zolution---colors--gray-600)
}
.is--black {
color: var(--_zolution---colors--black)
}
.pricinng-table_cells {
z-index: 0;
padding-bottom: var(--_zolution---base-size--40);
border-bottom-left-radius: var(--_zolution---base-size--12);
border-bottom-right-radius: var(--_zolution---base-size--12);
background-color: var(--_zolution---colors--white);
position: relative
}
.pricinng-table_cell {
z-index: 1;
height: 3.25rem;
padding-right: var(--_zolution---base-size--16);
padding-left: var(--_zolution---base-size--16);
font-size: var(--_zolution---base-size--16);
text-align: center;
justify-content: center;
align-items: center;
line-height: 150%;
display: flex;
position: relative
}
.pricinng-table_cell.is--sub {
height: 2.8125rem
}
.cell_divider {
border-bottom: 1px solid #15171a1a;
width: 100%;
height: 0
}
.cell_divider.is--light {
border-bottom-color: var(--_zolution---colors--gray-100)
}
.cell_divider.is--dark {
border-bottom-color: #ffffff1a
}
.checkmark {
width: var(--_zolution---base-size--24);
height: var(--_zolution---base-size--24);
flex: none;
display: block
}
.pricinng-table_header-bg {
z-index: 3;
border-top-left-radius: var(--_zolution---base-size--12);
border-top-right-radius: var(--_zolution---base-size--12);
width: 100%;
height: 100%;
position: absolute;
inset: 0%
}
.pricinng-table_nav {
z-index: 1;
border-radius: var(--_zolution---base-size--12);
width: auto;
min-width: 13.375rem;
position: relative
}
.pricinng-nav_cell {
width: 100%;
height: 3.25rem;
padding-right: var(--_zolution---base-size--16);
padding-left: var(--_zolution---base-size--16);
font-size: var(--_zolution---base-size--16);
line-height: 150%;
font-weight: var(--_zolution---font-weight--medium);
text-align: left;
justify-content: flex-start;
align-items: center;
display: flex;
position: relative
}
.pricinng-nav_cell.is--sub {
height: 2.8125rem;
color: var(--_zolution---colors--gray-500);
font-size: var(--_zolution---font-size--text-s)
}
.pricinng-nav_cells {
padding-bottom: var(--_zolution---base-size--40);
border-bottom-left-radius: var(--_zolution---base-size--12);
border-bottom-right-radius: var(--_zolution---base-size--12)
}
.is--green--100 {
color: var(--_zolution---colors--green-100)
}
.is--white {
color: var(--_zolution---colors--white)
}
.cell_bg {
z-index: -1;
opacity: 0;
pointer-events: none;
background-color: #0179b04f;
transition: opacity .3s ease-in-out;
position: absolute;
inset: 0%
}
.pricinng-table_content {
z-index: 4;
width: 100%;
padding-right: var(--_zolution---base-size--24);
padding-left: var(--_zolution---base-size--24);
justify-content: flex-start;
align-items: stretch;
display: block;
position: relative
}
.pricinng-table_content.is--invisible {
opacity: 0;
pointer-events: none
}
.text-span {
white-space: nowrap
}
.pricinng-card_wrapp {
grid-column-gap: var(--_zolution---base-size--32);
grid-row-gap: var(--_zolution---base-size--32);
flex-flow: column;
width: 100%
}
.pricinng-cards {
grid-column-gap: var(--_zolution---base-size--8);
grid-row-gap: var(--_zolution---base-size--8);
flex-flow: column;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
display: flex
}
.pricinng-card {
z-index: 2;
padding: var(--_zolution---base-size--40);
grid-column-gap: var(--36);
grid-row-gap: var(--36);
border-radius: var(--_zolution---base-size--12);
background-color: var(--_zolution---colors--white);
flex-flow: row;
justify-content: space-between;
align-items: stretch;
display: flex
}
.text-block-2 {
height: 2.1875rem;
padding-right: var(--_zolution---base-size--16);
padding-left: var(--_zolution---base-size--16);
border-radius: var(--_zolution---base-size--button-radius);
background-color: var(--_zolution---colors--green-400);
color: var(--_zolution---colors--white);
font-size: var(--_zolution---base-size--16);
font-weight: var(--_zolution---font-weight--medium);
justify-content: center;
align-items: center;
display: flex
}
.pricinng-card-bottom {
grid-column-gap: var(--_zolution---base-size--8);
grid-row-gap: var(--_zolution---base-size--8);
justify-content: flex-end;
align-items: flex-end
}
.pricinng-card-title {
z-index: 1;
grid-column-gap: var(--_zolution---base-size--8);
grid-row-gap: var(--_zolution---base-size--8);
justify-content: center;
align-items: flex-start;
width: 100%;
margin-left: auto;
margin-right: auto;
position: relative
}
.pricinng-card-top {
grid-column-gap: var(--_zolution---base-size--8);
grid-row-gap: var(--_zolution---base-size--8);
flex-flow: column;
justify-content: flex-start;
align-items: flex-start
}
.pricinng-card_sub {
z-index: 2;
padding-right: var(--_zolution---base-size--40);
padding-left: var(--_zolution---base-size--40);
grid-column-gap: var(--36);
grid-row-gap: var(--36);
flex-flow: row;
justify-content: space-between;
align-items: stretch;
display: flex
}
.pricinng-table_badge {
z-index: 5;
height: 1.875rem;
padding-right: var(--_zolution---base-size--12);
padding-left: var(--_zolution---base-size--12);
border-radius: var(--_zolution---base-size--button-radius);
background-color: var(--_zolution---color--azul-500);
font-size: var(--_zolution---base-size--16);
font-weight: var(--_zolution---font-weight--medium);
justify-content: center;
align-items: center;
margin-left: auto;
margin-right: auto;
display: flex;
position: absolute;
inset: 0% auto auto;
transform: translateY(-50%)
}
.pricinng-card_heading {
grid-column-gap: var(--_zolution---base-size--16);
grid-row-gap: var(--_zolution---base-size--16);
flex-flow: column
}
.is--gray-200 {
color: var(--_zolution---colors--gray-200)
}
.pricing-sub_mob {
display: none
}
.pricing-animation_track {
background-color: var(--_zolution---colors--black);
width: 100%;
color: var(--_zolution---colors--white);
overflow: hidden
}
.pricing-section_title {
grid-column-gap: var(--_zolution---base-size--24);
grid-row-gap: var(--_zolution---base-size--24);
width: 30rem
}
.pricing_animation {
width: 100%;
padding-top: var(--_zolution---base-size--120);
padding-bottom: var(--_zolution---base-size--120);
flex-flow: column;
justify-content: center;
align-items: center;
display: flex;
position: relative
}
.pricing-anim_circle {
z-index: 5;
aspect-ratio: auto;
border: 1px solid var(--_zolution---colors--gray-800);
text-align: center;
background-color: #15171acc;
border-radius: 50%;
flex-flow: column;
flex: none;
justify-content: center;
align-items: center;
width: 19.875rem;
height: 19.875rem;
padding-bottom: 1.5rem;
display: flex;
position: absolute
}
.pricing-anim_circle-icon {
width: var(--36);
height: var(--36)
}
.pricing-anim_circle-bg {
z-index: 1;
width: 100%;
height: 100%;
position: absolute;
inset: 0%
}
.pricing-anim_circle-content {
z-index: 10;
grid-column-gap: var(--_zolution---base-size--10);
grid-row-gap: var(--_zolution---base-size--10);
flex-flow: column;
justify-content: center;
align-items: center;
width: 100%;
max-width: 12rem;
position: relative
}
.pricing-anim_bg {
z-index: 0;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
position: absolute;
inset: 0%
}
.pricing-line_1 {
border-right: 1px solid var(--_zolution---colors--gray-800);
width: 0;
height: 400vh;
position: absolute
}
.pricing-line_2 {
border-bottom: 1px solid var(--_zolution---colors--gray-800);
width: 400vh;
height: 0;
position: absolute;
transform: rotate(30deg)
}
.pricing-line_3 {
border-bottom: 1px solid var(--_zolution---colors--gray-800);
width: 400vh;
height: 0;
position: absolute;
transform: rotate(-30deg)
}
.pricing-anim_text-wrap {
z-index: 10;
grid-column-gap: 10.625rem;
grid-row-gap: 10.625rem;
flex-flow: row;
justify-content: space-between;
align-items: center;
width: 60rem;
display: flex;
position: relative
}
.pricing-anim_text-wrap.is--short {
width: 40rem
}
.is--gray-400 {
color: var(--_zolution---colors--gray-400)
}
.pricing-anim_content {
z-index: 10;
grid-column-gap: 9.375rem;
grid-row-gap: 9.375rem;
flex-flow: column;
justify-content: center;
align-items: center;
position: relative
}
.pricing-anim_sub {
z-index: 10;
grid-column-gap: var(--_zolution---base-size--14);
grid-row-gap: var(--_zolution---base-size--14);
text-align: center;
flex-flow: column;
justify-content: center;
align-items: center;
width: 25rem;
position: absolute;
top: auto;
bottom: -3.75rem;
transform: translateY(100%)
}
.pricing-anim_text {
grid-column-gap: var(--_zolution---base-size--14);
grid-row-gap: var(--_zolution---base-size--14);
flex-flow: column;
justify-content: center;
align-items: flex-start;
width: 15rem;
display: flex;
position: relative
}
.is--gray-500 {
color: var(--_zolution---colors--gray-500)
}
.pricing_hide-on-scroll {
height: auto;
margin-bottom: var(--36);
transition: height .3s ease-in-out;
display: block;
overflow: hidden
}
.pricing-header_price {
margin-top: var(--36);
margin-bottom: var(--36);
display: block
}
.pricinng-table {
grid-column-gap: var(--_zolution---base-size--8);
grid-row-gap: var(--_zolution---base-size--8);
grid-template-rows: auto;
grid-template-columns: 1fr 4fr;
grid-auto-columns: 1fr;
display: grid
}
.pricinng-table-nav_wrapp {
padding-top: var(--_zolution---base-size--18);
padding-bottom: var(--_zolution---base-size--8);
grid-column-gap: var(--_zolution---base-size--8);
grid-row-gap: var(--_zolution---base-size--8);
background-color: var(--_zolution---colors--gray-50);
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid
}
.pricinng-table_spacer {
z-index: 2;
width: 100%;
height: 23.625rem;
padding-top: var(--_zolution---base-size--40);
padding-bottom: var(--_zolution---base-size--40);
grid-column-gap: var(--36);
grid-row-gap: var(--36);
background-color: var(--_zolution---colors--gray-50);
text-align: center;
flex-flow: column;
justify-content: flex-start;
align-items: center;
display: flex;
position: relative;
top: 0
}
.pricing-cell_overlay {
z-index: 2;
background-color: var(--_zolution---colors--gray-50);
height: 8rem;
display: none;
position: absolute;
inset: 0% 0% auto;
transform: translateY(-6rem)
}
.pricinng-card_btn {
justify-content: center;
align-items: center;
width: 100%;
display: flex
}
.features-scroll_wrapp {
background-color: var(--_zolution---colors--green-500);
width: 100%;
color: var(--_zolution---colors--white);
display: block
}
.flex-block-30 {
width: 100%
}
.container_features {
z-index: 1;
width: 100%;
max-width: var(--_zolution---base-size--container);
grid-column-gap: 4.5rem;
grid-row-gap: 4.5rem;
flex-flow: row;
justify-content: flex-start;
align-items: flex-start;
margin-left: auto;
margin-right: auto;
display: flex
}
.hiw-card_right {
justify-content: flex-start;
align-items: center;
width: 100%;
height: 100vh;
display: flex
}
.hiw-card_left {
opacity: 0;
justify-content: flex-start;
align-items: flex-start;
height: 100%;
transition: opacity .3s ease-in-out;
display: none;
position: absolute
}
.hiw-card_inner {
grid-column-gap: var(--_zolution---base-size--44);
grid-row-gap: var(--_zolution---base-size--44);
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
display: flex;
position: relative;
top: 32%
}
.hiw-card_cover {
aspect-ratio: 1.77;
border-radius: var(--_zolution---base-size--16);
background-color: var(--_zolution---colors--gray-50);
width: 100%;
height: auto;
position: relative;
overflow: clip
}
.hiw-card_content {
grid-column-gap: var(--_zolution---base-size--44);
grid-row-gap: var(--_zolution---base-size--44);
flex-flow: column;
width: 100%;
display: flex;
position: relative
}
.hiw-card_sub {
width: 100%;
max-width: 35rem
}
.hiw-card_top,
.hiw-card_list-content {
grid-column-gap: var(--_zolution---base-size--16);
grid-row-gap: var(--_zolution---base-size--16)
}
.hiw-card_list-item {
grid-column-gap: var(--_zolution---base-size--16);
grid-row-gap: var(--_zolution---base-size--16);
align-items: flex-start;
display: flex
}
.hiw-card_list {
grid-column-gap: var(--_zolution---base-size--32);
grid-row-gap: var(--_zolution---base-size--32);
flex-flow: column;
display: flex
}
.hiw-card_marker {
width: var(--_zolution---base-size--48);
height: var(--_zolution---base-size--48);
border: 1px solid var(--_zolution---colors--green-300);
background-color: var(--_zolution---colors--green-500);
transform-origin: 100%;
text-align: center;
border-radius: 50%;
justify-content: center;
align-items: center;
display: flex;
position: absolute;
inset: 0% -4.5rem auto auto;
transform: translate(50%)
}
.hiw-left_panel {
z-index: 2;
justify-content: center;
align-items: flex-start;
width: 24.375rem;
height: 100vh;
display: flex;
position: sticky;
top: 0
}
.hiw-right_panel {
z-index: 1;
border-left: 1px solid var(--_zolution---colors--green-300);
flex: 1;
padding-left: 4.375rem;
position: relative
}
.hiw-card_img {
object-fit: cover;
width: 100%;
height: 100%;
position: absolute
}
.hiw-section_link {
grid-column-gap: var(--_zolution---base-size--18);
grid-row-gap: var(--_zolution---base-size--18);
color: var(--_zolution---colors--green-200);
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
position: absolute;
top: auto;
bottom: 2.5rem;
right: -4.5rem;
transform: translate(100%)
}
.hiw-section_link.is--top {
top: 5rem;
bottom: auto
}
.hiw-section_marker {
width: var(--_zolution---base-size--12);
height: var(--_zolution---base-size--12);
border: 1px solid var(--_zolution---colors--green-300);
background-color: var(--_zolution---colors--green-500);
border-radius: 50%;
transform: translate(-45%)
}
.guide-circle-wrapp {
flex-flow: row;
justify-content: flex-end;
align-items: center;
display: flex
}
.guide-circle {
grid-column-gap: var(--_zolution---base-size--24);
grid-row-gap: var(--_zolution---base-size--24);
border: 1px solid var(--_zolution---colors--gray-200);
text-align: center;
border-radius: 50%;
flex-flow: column;
flex: none;
justify-content: center;
align-items: center;
width: 32rem;
height: 32rem;
display: flex
}
.guide-circle.is--accent {
border-color: var(--_zolution---color--azul-500);
background-color: var(--_zolution---color--azul-500);
color: var(--_zolution---colors--white)
}
.guide-circle_text {
grid-column-gap: var(--_zolution---base-size--12);
grid-row-gap: var(--_zolution---base-size--12);
flex-flow: column;
justify-content: flex-start;
align-items: center;
width: 13.25rem
}
.guide-container {
z-index: 1;
width: 100%;
max-width: var(--_zolution---base-size--container);
justify-content: center;
align-items: flex-start;
margin-left: auto;
margin-right: auto;
display: flex
}
.stack-bg {
z-index: 0;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
position: absolute;
transform: rotate(22.5deg)
}
.stack-bg_line {
border-right: 1px solid var(--_zolution---colors--gray-800);
width: 0;
height: 400vh;
position: absolute
}
.stack-bg_line.is--01 {
transform: rotate(45deg)
}
.stack-bg_line.is--02 {
transform: rotate(90deg)
}
.stack-bg_line.is--03 {
transform: rotate(135deg)
}
.stack-bg_line.is--04 {
transform: rotate(180deg)
}
.hiw-stack {
z-index: 0;
grid-column-gap: var(--_zolution---base-size--60);
grid-row-gap: var(--_zolution---base-size--60);
flex-flow: column;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
place-content: center space-between;
align-items: flex-start;
display: flex;
position: relative
}
.hiw-stack-benefit {
grid-column-gap: var(--_zolution---base-size--12);
grid-row-gap: var(--_zolution---base-size--12);
flex-flow: row;
justify-content: flex-start;
align-items: center
}
.hiw-stack-animation {
z-index: 1;
flex: none;
justify-content: flex-start;
align-items: center;
width: 100%;
display: flex;
position: relative
}
.hiw-stack-lottie {
object-fit: cover;
width: 100%;
height: 100%;
position: absolute
}
.hiw-card_marker--mob {
width: var(--_zolution---base-size--32);
height: var(--_zolution---base-size--32);
border: 1px solid var(--_zolution---colors--green-300);
background-color: var(--_zolution---colors--green-500);
text-align: center;
border-radius: 50%;
justify-content: center;
align-items: center;
display: none;
position: absolute;
inset: 0% auto auto 0%
}
.hiw-card_inner--mob {
grid-column-gap: var(--_zolution---base-size--44);
grid-row-gap: var(--_zolution---base-size--44);
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
display: none;
position: relative;
top: 32%
}
.hiw_hero {
grid-column-gap: var(--_zolution---base-size--24);
grid-row-gap: var(--_zolution---base-size--24);
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 30rem;
display: flex
}
.guide-container_sticky {
justify-content: center;
align-items: flex-start;
width: 100%;
position: sticky;
top: 25vh;
overflow: hidden
}
.hiw-section-title {
grid-column-gap: var(--_zolution---base-size--24);
grid-row-gap: var(--_zolution---base-size--24);
width: 30rem
}
.hiw-section-title-top {
width: 24rem
}
.hiw-hero_lottie {
width: 100%;
height: 100%;
position: absolute;
inset: 0%
}
.hiw-hero_animation {
aspect-ratio: 1/1.46;
width: 80%;
height: auto;
position: absolute;
transform: translateY(5rem)
}
.hiw-hero_bg {
z-index: 0;
justify-content: center;
align-items: center;
width: 100%;
height: 76%;
display: flex;
position: absolute
}
.hiw-hero_line {
border-right: 1px solid var(--_zolution---colors--gray-100);
width: 0;
height: 400vh;
position: absolute
}
.hiw-hero_line.is--02 {
transform: rotate(72deg)
}
.hiw-hero_line.is--03 {
transform: rotate(144deg)
}
.hiw-hero_line.is--04 {
transform: rotate(216deg)
}
.hiw-hero_line.is--05 {
transform: rotate(288deg)
}
.hiw-hero_circle {
aspect-ratio: 1;
border: 1px solid var(--_zolution---colors--gray-100);
border-radius: 50%;
width: 30rem;
position: absolute
}
.hiw-hero_circle.is--02 {
width: 80rem
}
.hiw-hero_container {
height: 100vh;
padding-top: var(--_zolution---base-size--120);
padding-bottom: var(--_zolution---base-size--120);
grid-column-gap: var(--_zolution---base-size--20);
grid-row-gap: var(--_zolution---base-size--20);
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
place-items: center stretch;
display: grid;
position: relative
}
.hiw-hero_wrapp {
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
position: relative
}
.flex-block-31 {
max-width: 37.5rem;
margin-left: auto;
margin-right: auto;
display: block
}
.hiw-stack-animation_inner {
aspect-ratio: 46/47;
justify-content: center;
align-items: center;
width: 37.5rem;
position: relative;
right: auto
}
@media screen and (min-width:1280px) {
body {
--_zolution---colors--gray-50: #f2f6f5;
--_zolution---font-family: Archivo, Arial, sans-serif;
--_zolution---colors--black: #15171a;
--_zolution---font-size--text-m: 1rem;
--_zolution---line-height--120: 120%;
--_zolution---font-weight--regular: 400;
--_zolution---letter-space--3: -.03em;
--_zolution---base-size--24: 1.5rem;
--_zolution---base-size--44: 2.75rem;
--_zolution---colors--white: #fff;
--_zolution---base-size--80: 5rem;
--_zolution---font-size--text-l: 1.125rem;
--_zolution---line-height--140: 140%;
--_zolution---base-size--8: .5rem;
--_zolution---base-size--40: 2.5rem;
--_zolution---base-size--20: 1.25rem;
--_zolution---font-size--title-m: 2.25rem;
--_zolution---font-weight--medium: 500;
--_zolution---line-height--130: 130%;
--_zolution---font-size--title-xl: 4.5rem;
--_zolution---font-size--title-l: 3.625rem;
--_zolution---line-height--110: 110%;
--_zolution---letter-space--2: -.02em;
--_zolution---font-size--title-s: 1.75rem;
--_zolution---font-size--title-xs: 1.375rem;
--_zolution---base-size--18: 1.125rem;
--_zolution---font-size--text-xl: 1.25rem;
--_zolution---letter-space--1: -.01em;
--_zolution---colors--gray-500: #73817e;
--_zolution---base-size--32: 2rem;
--_zolution---base-size--16: 1rem;
--_zolution---base-size--button-radius: 1rem;
--_zolution---color--azul-500: #097aaa;
--_zolution---font-size--text-btn-l: 1rem;
--_zolution---base-size--12: .75rem;
--_zolution---font-size--text-btn-m: .875rem;
--_zolution---base-size--10: .625rem;
--_zolution---color--azul-50: #fbeeec;
--_zolution---color--azul-200: #ebb5ab;
--_zolution---base-size--140: 8.75rem;
--_zolution---base-size--120: 7.5rem;
--_zolution---base-size--90: 5.625rem;
--_zolution---base-size--105: 6.625rem;
--_zolution---base-size--60: 3.75rem;
--_zolution---base-size--100: 6.25rem;
--_zolution---base-size--48: 3rem;
--_zolution---colors--blue-700: #223a4b;
--_zolution---base-size--container: 85rem;
--_zolution---font-size--nav-link: .875rem;
--_zolution---colors--gray-400: #8b9a96;
--_zolution---base-size--50: 3.125rem;
--_zolution---base-size--38: 2.375rem;
--_zolution---base-size--64: 4rem;
--_zolution---base-size--6: .375rem;
--_zolution---colors--green-500: #0179b0;
--_zolution---base-size--42: 2.625rem;
--_zolution---colors--green-100: #c4ece1;
--_zolution---line-height--100: 100%;
--_zolution---base-size--52: 3.25rem;
--_zolution---colors--blue-200: #b0d4e8;
--_zolution---font-size--text-s: .875rem;
--_zolution---letter-space--0: 0em;
--_zolution---base-size--14: .875rem;
--_zolution---colors--green-200: #93dcc8;
--_zolution---colors--blue-100: #d8ebf4;
--_zolution---base-size--4: .25rem;
--_zolution---colors--gray-100: #d9dfde;
--_zolution---font-weight--bold: 700;
--_zolution---color--azul-100: #f6dad5;
--_zolution---colors--gray-200: #bec9c6;
--_zolution---colors--green-400: #37a88a;
--_zolution---font-size--text-chips: 1.125rem;
--_zolution---colors--blue-500: #478fb8;
--_zolution---colors--gray-600: #5c6764;
--_zolution---colors--gray-800: #2e3332;
--_zolution---colors--green-300: #60c7ac;
--_zolution---font-mono: "Azeret mono", Arial, sans-serif;
--_zolution---colors--blue-300: #87bbd9;
--_zolution---font-size--text-link: 1rem;
--_zolution---colors--gray-700: #454e4c;
--_zolution---colors--gray-300: #a5b2af;
--_zolution---colors--green-50: #c4ece1;
--_zolution---colors--blue-400: #66a7cc;
--_zolution---colors--blue-50: #ebf5f9;
--_zolution---color--azul-400: #e06f68;
--_zolution---color--azul-300: #e69786;
--_zolution---color--azul-10: #fdfafa;
--_zolution---colors--purple-500: #ac49d8;
--_zolution---colors--purple-400: #bc71e3;
--_zolution---colors--purple-300: #cb97eb;
--_zolution---colors--purple-200: #dbbaf1;
--_zolution---colors--purple-100: #edddf8;
--_zolution---colors--purple-50: #f6eefb;
--_zolution---colors--error-red: #f44336
}
.legal__rich-text ol {
margin-bottom: var(--_zolution---base-size--24)
}
.title--xl,
.title--s {
--_zolution---colors--gray-50: #f2f6f5;
--_zolution---font-family: Archivo, Arial, sans-serif;
--_zolution---colors--black: #15171a;
--_zolution---font-size--text-m: 1rem;
--_zolution---line-height--120: 120%;
--_zolution---font-weight--regular: 400;
--_zolution---letter-space--3: -.03em;
--_zolution---base-size--24: 1.5rem;
--_zolution---base-size--44: 2.75rem;
--_zolution---colors--white: #fff;
--_zolution---base-size--80: 5rem;
--_zolution---font-size--text-l: 1.125rem;
--_zolution---line-height--140: 140%;
--_zolution---base-size--8: .5rem;
--_zolution---base-size--40: 2.5rem;
--_zolution---base-size--20: 1.25rem;
--_zolution---font-size--title-m: 2.25rem;
--_zolution---font-weight--medium: 500;
--_zolution---line-height--130: 130%;
--_zolution---font-size--title-xl: 3.8rem;
--_zolution---font-size--title-l: 3.625rem;
--_zolution---line-height--110: 110%;
--_zolution---letter-space--2: -.02em;
--_zolution---font-size--title-s: 1.75rem;
--_zolution---font-size--title-xs: 1.375rem;
--_zolution---base-size--18: 1.125rem;
--_zolution---font-size--text-xl: 1.25rem;
--_zolution---letter-space--1: -.01em;
--_zolution---colors--gray-500: #73817e;
--_zolution---base-size--32: 2rem;
--_zolution---base-size--16: 1rem;
--_zolution---base-size--button-radius: 1rem;
--_zolution---color--azul-500: #097aaa;
--_zolution---font-size--text-btn-l: 1rem;
--_zolution---base-size--12: .75rem;
--_zolution---font-size--text-btn-m: .875rem;
--_zolution---base-size--10: .625rem;
--_zolution---color--azul-50: #fbeeec;
--_zolution---color--azul-200: #ebb5ab;
--_zolution---base-size--140: 8.75rem;
--_zolution---base-size--120: 7.5rem;
--_zolution---base-size--90: 5.625rem;
--_zolution---base-size--105: 6.625rem;
--_zolution---base-size--60: 3.75rem;
--_zolution---base-size--100: 6.25rem;
--_zolution---base-size--48: 3rem;
--_zolution---colors--blue-700: #223a4b;
--_zolution---base-size--container: 85rem;
--_zolution---font-size--nav-link: .875rem;
--_zolution---colors--gray-400: #8b9a96;
--_zolution---base-size--50: 3.125rem;
--_zolution---base-size--38: 2.375rem;
--_zolution---base-size--64: 4rem;
--_zolution---base-size--6: .375rem;
--_zolution---colors--green-500: #0179b0;
--_zolution---base-size--42: 2.625rem;
--_zolution---colors--green-100: #c4ece1;
--_zolution---line-height--100: 100%;
--_zolution---base-size--52: 3.25rem;
--_zolution---colors--blue-200: #b0d4e8;
--_zolution---font-size--text-s: .875rem;
--_zolution---letter-space--0: 0em;
--_zolution---base-size--14: .875rem;
--_zolution---colors--green-200: #93dcc8;
--_zolution---colors--blue-100: #d8ebf4;
--_zolution---base-size--4: .25rem;
--_zolution---colors--gray-100: #d9dfde;
--_zolution---font-weight--bold: 700;
--_zolution---color--azul-100: #f6dad5;
--_zolution---colors--gray-200: #bec9c6;
--_zolution---colors--green-400: #37a88a;
--_zolution---font-size--text-chips: 1.125rem;
--_zolution---colors--blue-500: #478fb8;
--_zolution---colors--gray-600: #5c6764;
--_zolution---colors--gray-800: #2e3332;
--_zolution---colors--green-300: #60c7ac;
--_zolution---font-mono: "Azeret mono", Arial, sans-serif;
--_zolution---colors--blue-300: #87bbd9;
--_zolution---font-size--text-link: 1rem;
--_zolution---colors--gray-700: #454e4c;
--_zolution---colors--gray-300: #a5b2af;
--_zolution---colors--green-50: #c4ece1;
--_zolution---colors--blue-400: #66a7cc;
--_zolution---colors--blue-50: #ebf5f9;
--_zolution---color--azul-400: #e06f68;
--_zolution---color--azul-300: #e69786;
--_zolution---color--azul-10: #fdfafa;
--_zolution---colors--purple-500: #ac49d8;
--_zolution---colors--purple-400: #bc71e3;
--_zolution---colors--purple-300: #cb97eb;
--_zolution---colors--purple-200: #dbbaf1;
--_zolution---colors--purple-100: #edddf8;
--_zolution---colors--purple-50: #f6eefb;
--_zolution---colors--error-red: #f44336
}
.title--xs {
font-weight: var(--_zolution---font-weight--medium)
}
.text--l.is--quote {
font-size: var(--_zolution---base-size--32)
}
.section.hero {
padding-top: var(--_zolution---base-size--120)
}
.section.main,
.section.article {
padding-top: var(--_zolution---base-size--105);
padding-bottom: var(--_zolution---base-size--105)
}
.section.platform-hero,
.section.about-hero {
min-height: 45rem
}
.section.platform-demo {
padding-top: var(--_zolution---base-size--80);
padding-bottom: var(--_zolution---base-size--80)
}
.section.main-large {
padding-top: var(--_zolution---base-size--120);
padding-bottom: var(--_zolution---base-size--120)
}
.section.impact-section {
height: 100vh;
overflow: visible
}
.section.wins-section,
.section.steps-section {
padding-top: var(--_zolution---base-size--105);
padding-bottom: var(--_zolution---base-size--105)
}
.section.sales-section {
padding-top: var(--_zolution---base-size--105);
padding-bottom: var(--_zolution---base-size--105);
grid-column-gap: var(--_zolution---base-size--100);
grid-row-gap: var(--_zolution---base-size--100)
}
.section.guide-section {
padding-top: var(--_zolution---base-size--120)
}
.section.hiw-integration {
height: 100vh;
padding-top: var(--_zolution---base-size--120);
padding-bottom: var(--_zolution---base-size--120)
}
.hero_container {
grid-template-columns: 1.2fr 1fr
}
.bullet {
width: var(--_zolution---base-size--10);
height: var(--_zolution---base-size--10)
}
.hero_img-wrapp {
width: 26.9375rem
}
.hero_img-card {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
width: 17.5rem;
padding: 1.5rem
}
.hero_img-card.is--first {
top: 4.375rem;
left: -3.75rem
}
.hero_img-card.is--second {
bottom: 8.5625rem;
right: -6rem
}
.hero_img-card.is--third {
bottom: 1.375rem;
left: 1.875rem
}
.hero_icon {
width: 4rem
}
.text--10px {
font-size: .875rem
}
.hero_img-tag {
height: 4.75rem;
padding-left: 2rem;
padding-right: 2rem;
font-size: 1.75rem;
top: 1.375rem;
right: 1.25rem
}
.hero_card-title {
font-size: var(--_zolution---font-size--title-s)
}
.benefits_list {
width: 100%
}
.section_heading.is--services {
max-width: 22rem;
margin-bottom: 0
}
.support_container {
grid-template-columns: 1fr 1fr 1fr;
place-items: center stretch
}
.support-card {
padding: var(--_zolution---base-size--32)
}
.support_icon {
height: 6.5rem
}
.support-card_content {
max-width: 24rem
}
.features_container {
grid-column-gap: var(--_zolution---base-size--20);
grid-row-gap: var(--_zolution---base-size--20)
}
.feature_section-heading {
max-width: 37rem
}
.feature_heading {
grid-column-gap: var(--_zolution---base-size--16);
grid-row-gap: var(--_zolution---base-size--16);
max-width: 27.5rem
}
.feature_component {
grid-column-gap: var(--_zolution---base-size--20);
grid-row-gap: var(--_zolution---base-size--20);
grid-template-rows: auto;
grid-template-columns: 1fr 2fr;
grid-auto-columns: 1fr;
align-items: center;
display: grid
}
.cta_title {
max-width: 64.25rem
}
.sales_animation {
padding-top: var(--_zolution---base-size--64);
padding-bottom: var(--_zolution---base-size--64)
}
.sales_circle {
flex: none;
position: relative
}
.sales_circle.is--leaders,
.sales_circle.is--reps {
margin-bottom: 0
}
.sales_tag-list {
position: absolute
}
.sales_tag-list.is--sales {
grid-column-gap: var(--_zolution---base-size--44);
grid-row-gap: var(--_zolution---base-size--44);
justify-content: center;
align-items: flex-end;
position: absolute
}
.sales_tag-list.is--reps {
grid-column-gap: var(--_zolution---base-size--44);
grid-row-gap: var(--_zolution---base-size--44);
position: absolute
}
.sales_component {
justify-content: flex-end;
align-items: center;
width: 100%;
display: flex
}
.sales_component.is--sales {
flex-flow: row;
flex: 1;
justify-content: flex-end;
align-items: center
}
.sales_component.is--reps {
flex-flow: row;
flex: 1;
justify-content: flex-start;
align-items: center
}
.sales_tag {
position: relative
}
.sales_tag.is--sales {
padding-right: var(--_zolution---base-size--8);
padding-left: var(--_zolution---base-size--32);
flex-flow: row-reverse
}
.sales_tag.is--sales.is--middle {
right: 3.5rem
}
.sales_tag.is--reps.is--middle {
left: 3.5rem
}
.testim_slider.splide {
max-width: 56.25rem
}
.features_additional-card {
padding: var(--_zolution---base-size--32)
}
.features_additional-heading {
max-width: 40rem
}
.cta_container-additional {
padding-top: var(--_zolution---base-size--120);
padding-bottom: var(--_zolution---base-size--120)
}
.footer_container {
grid-template-columns: 5fr 3fr 5fr
}
.features_additional-content {
max-width: none
}
.cta_title-additional {
max-width: 38rem
}
.legal__title {
width: 100%;
max-width: 36rem
}
.blog-coll {
width: 100%
}
.blog-card.is--first {
padding-right: var(--_zolution---base-size--32);
--_zolution---colors--gray-50: #f2f6f5;
--_zolution---font-family: Archivo, Arial, sans-serif;
--_zolution---colors--black: #15171a;
--_zolution---font-size--text-m: 1rem;
--_zolution---line-height--120: 120%;
--_zolution---font-weight--regular: 400;
--_zolution---letter-space--3: -.03em;
--_zolution---base-size--24: 1.5rem;
--_zolution---base-size--44: 2.75rem;
--_zolution---colors--white: #fff;
--_zolution---base-size--80: 5rem;
--_zolution---font-size--text-l: 1.125rem;
--_zolution---line-height--140: 140%;
--_zolution---base-size--8: .5rem;
--_zolution---base-size--40: 2.5rem;
--_zolution---base-size--20: 1.25rem;
--_zolution---font-size--title-m: 2.25rem;
--_zolution---font-weight--medium: 500;
--_zolution---line-height--130: 130%;
--_zolution---font-size--title-xl: 4.5rem;
--_zolution---font-size--title-l: 3.625rem;
--_zolution---line-height--110: 110%;
--_zolution---letter-space--2: -.02em;
--_zolution---font-size--title-s: 1.75rem;
--_zolution---font-size--title-xs: 1.375rem;
--_zolution---base-size--18: 1.125rem;
--_zolution---font-size--text-xl: 1.25rem;
--_zolution---letter-space--1: -.01em;
--_zolution---colors--gray-500: #73817e;
--_zolution---base-size--32: 2rem;
--_zolution---base-size--16: 1rem;
--_zolution---base-size--button-radius: 1rem;
--_zolution---color--azul-500: #097aaa;
--_zolution---font-size--text-btn-l: 1rem;
--_zolution---base-size--12: .75rem;
--_zolution---font-size--text-btn-m: .875rem;
--_zolution---base-size--10: .625rem;
--_zolution---color--azul-50: #fbeeec;
--_zolution---color--azul-200: #ebb5ab;
--_zolution---base-size--140: 8.75rem;
--_zolution---base-size--120: 7.5rem;
--_zolution---base-size--90: 5.625rem;
--_zolution---base-size--105: 6.625rem;
--_zolution---base-size--60: 3.75rem;
--_zolution---base-size--100: 6.25rem;
--_zolution---base-size--48: 3rem;
--_zolution---colors--blue-700: #223a4b;
--_zolution---base-size--container: 85rem;
--_zolution---font-size--nav-link: .875rem;
--_zolution---colors--gray-400: #8b9a96;
--_zolution---base-size--50: 3.125rem;
--_zolution---base-size--38: 2.375rem;
--_zolution---base-size--64: 4rem;
--_zolution---base-size--6: .375rem;
--_zolution---colors--green-500: #0179b0;
--_zolution---base-size--42: 2.625rem;
--_zolution---colors--green-100: #c4ece1;
--_zolution---line-height--100: 100%;
--_zolution---base-size--52: 3.25rem;
--_zolution---colors--blue-200: #b0d4e8;
--_zolution---font-size--text-s: .875rem;
--_zolution---letter-space--0: 0em;
--_zolution---base-size--14: .875rem;
--_zolution---colors--green-200: #93dcc8;
--_zolution---colors--blue-100: #d8ebf4;
--_zolution---base-size--4: .25rem;
--_zolution---colors--gray-100: #d9dfde;
--_zolution---font-weight--bold: 700;
--_zolution---color--azul-100: #f6dad5;
--_zolution---colors--gray-200: #bec9c6;
--_zolution---colors--green-400: #37a88a;
--_zolution---font-size--text-chips: 1.125rem;
--_zolution---colors--blue-500: #478fb8;
--_zolution---colors--gray-600: #5c6764;
--_zolution---colors--gray-800: #2e3332;
--_zolution---colors--green-300: #60c7ac;
--_zolution---font-mono: "Azeret mono", Arial, sans-serif;
--_zolution---colors--blue-300: #87bbd9;
--_zolution---font-size--text-link: 1rem;
--_zolution---colors--gray-700: #454e4c;
--_zolution---colors--gray-300: #a5b2af;
--_zolution---colors--green-50: #c4ece1;
--_zolution---colors--blue-400: #66a7cc;
--_zolution---colors--blue-50: #ebf5f9;
--_zolution---color--azul-400: #e06f68;
--_zolution---color--azul-300: #e69786;
--_zolution---color--azul-10: #fdfafa;
--_zolution---colors--purple-500: #ac49d8;
--_zolution---colors--purple-400: #bc71e3;
--_zolution---colors--purple-300: #cb97eb;
--_zolution---colors--purple-200: #dbbaf1;
--_zolution---colors--purple-100: #edddf8;
--_zolution---colors--purple-50: #f6eefb;
--_zolution---colors--error-red: #f44336
}
.tag.tag_l {
font-size: var(--_zolution---base-size--18)
}
.blog-card_chips {
height: 2.75rem;
padding: var(--_zolution---base-size--12)var(--_zolution---base-size--20);
font-size: var(--_zolution---base-size--20)
}
.blog-item {
width: auto
}
.article-container {
grid-template-columns: 1fr minmax(41.875rem, 2.06fr) 1fr
}
.blog-list_related {
grid-column-gap: var(--_zolution---base-size--20);
grid-row-gap: var(--_zolution---base-size--20);
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
align-items: stretch;
padding-left: 0;
padding-right: 0;
display: grid
}
.article-wrapp {
max-width: 41.875rem
}
.article-toc {
padding-right: var(--_zolution---base-size--48)
}
.blog-coll_related {
width: 100%;
padding-left: 0;
padding-right: 0;
left: 0
}
.blog-item--related {
width: auto
}
.author-summary {
letter-spacing: var(--_zolution---letter-space--0)
}
.article-nas_sticky {
grid-column-gap: 4.375rem;
grid-row-gap: 4.375rem
}
.platform_hero-content {
max-width: 35rem
}
.spacer.spacer-100 {
height: var(--_zolution---base-size--120)
}
.cta-component-card {
height: 23.75rem
}
.cta-component-icon {
width: 12.5rem
}
.cta-component-title {
max-width: 48rem
}
.actions_descr {
max-width: none
}
.actions_container {
margin-top: var(--_zolution---base-size--120);
grid-column-gap: 10rem;
grid-row-gap: 10rem
}
.actions-item.is--large,
.actions-item.is--additional {
margin-top: var(--_zolution---base-size--60);
grid-column-gap: var(--_zolution---base-size--20);
grid-row-gap: var(--_zolution---base-size--20);
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid
}
.actions-title {
max-width: 24rem
}
.actions_feature-title.is--centered {
justify-content: center;
align-items: flex-start
}
.actions_feature-title.is--centered.is--last-order {
max-width: 22rem
}
.actions_grid-bottom {
margin-top: var(--_zolution---base-size--60)
}
.actions_bottom-content {
padding-right: var(--_zolution---base-size--24);
padding-left: var(--_zolution---base-size--24)
}
.compound_wrapp {
grid-column-gap: var(--_zolution---base-size--60);
grid-row-gap: var(--_zolution---base-size--60)
}
.about_section-heading {
max-width: none
}
.about_vision-title {
max-width: 26.25rem
}
.about_single-heading {
grid-column-gap: var(--_zolution---base-size--20);
grid-row-gap: var(--_zolution---base-size--20);
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
place-items: start;
max-width: none;
display: grid
}
.about_team-coll {
max-width: 56.25rem
}
.about_team-section-heading {
max-width: none
}
.calc_result-container {
padding: var(--_zolution---base-size--40)
}
.calc_default-state {
padding-top: var(--_zolution---base-size--80);
padding-bottom: var(--_zolution---base-size--80)
}
.calc_icon-item {
width: 4.25rem
}
.calc_icon-item.is--large {
width: 5.625rem
}
.icon_pricing-bottom {
width: var(--_zolution---base-size--32);
height: var(--_zolution---base-size--32)
}
.icon_pricing-top {
flex: none;
width: 2.375rem;
height: 2.375rem
}
.icon_pricing-top.is--large {
width: 3.125rem;
height: 3.125rem
}
.success_img {
width: 9.25rem
}
.platform_demo-title {
max-width: 55rem
}
.step_chips {
left: var(--_zolution---base-size--20);
top: var(--_zolution---base-size--20);
height: var(--_zolution---base-size--50);
padding-right: var(--_zolution---base-size--24);
padding-left: var(--_zolution---base-size--24)
}
.hiw_section-heading {
max-width: 50rem
}
.hero_container-new {
grid-template-columns: 1.2fr 1fr
}
.benefits_header-new {
max-width: 36rem
}
.hiw-benefits_list {
width: 100%;
max-width: 29rem
}
.benefits_grid {
grid-template-columns: 1fr 1fr 1fr
}
.built_title {
max-width: 42rem
}
.built-card.is--wide,
.built-card.is--wide-accent {
height: 31.25rem
}
.built-img-01 {
bottom: 2.5rem;
right: auto
}
.impact_title {
max-width: 25rem
}
.impact-list {
flex: 1
}
.text--number {
font-size: 4.375rem
}
.win-circles-wrapp {
width: 31.25rem;
max-width: none;
height: 31.25rem
}
.win-circle {
width: 31.25rem;
height: 31.25rem
}
.container-impact {
grid-column-gap: var(--_zolution---base-size--20);
grid-row-gap: var(--_zolution---base-size--20);
flex-flow: row;
display: flex
}
.impact-item-accent {
width: 35rem;
height: 35rem
}
.win-circle-content {
width: 14rem
}
.win-tooltip {
width: 11rem;
padding-bottom: var(--_zolution---base-size--20)
}
.steps_title {
max-width: 48rem
}
.win_title {
width: 42rem
}
.sales-section_title {
max-width: 51.25rem
}
.sales-section_sub {
width: 37.5rem
}
.flex-block-25 {
max-width: 35rem
}
.impact-section_heading {
max-width: 24rem
}
.footer_container-grid {
grid-template-columns: 5fr 3fr 5fr
}
.hero_lottie._1280 {
aspect-ratio: 25/8.7;
width: auto;
height: 100%;
display: block;
position: relative
}
.hero_lottie.desktop {
display: none
}
.steps_sub {
max-width: 30rem
}
.hero-animation_grad {
display: none
}
.pricing_hero {
max-width: 48rem
}
.pricinng-table_wrapp {
width: 100%;
margin-left: 0;
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
overflow: visible
}
.pricinng-table_header {
height: auto;
margin-bottom: 32rem;
position: sticky;
top: 4rem;
transform: translateY(2px)
}
.pricinng-table_title {
max-width: 12rem
}
.pricinng-table_cells {
margin-top: -32rem
}
.pricinng-table_cell,
.pricinng-nav_cell {
height: 4.125rem;
font-size: var(--_zolution---base-size--18)
}
.pricinng-nav_cells {
margin-top: -32rem
}
.pricinng-cards {
grid-column-gap: var(--_zolution---base-size--8);
grid-row-gap: var(--_zolution---base-size--8);
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid
}
.pricinng-card {
padding-right: var(--_zolution---base-size--8);
padding-left: var(--_zolution---base-size--8);
text-align: center;
flex-flow: column
}
.text-block-2 {
font-size: var(--_zolution---base-size--16)
}
.pricinng-card-bottom {
grid-column-gap: var(--36);
grid-row-gap: var(--36);
justify-content: center;
align-items: stretch
}
.pricinng-card-title {
justify-content: center;
align-items: center;
max-width: none
}
.pricinng-card-title.is--small {
justify-content: center;
align-items: center;
max-width: 13rem
}
.pricinng-card-top {
grid-column-gap: var(--36);
grid-row-gap: var(--36);
justify-content: center;
align-items: center
}
.pricinng-card_sub {
padding-left: var(--_zolution---base-size--16);
justify-content: center;
align-items: center
}
.pricinng-card_heading {
text-align: center;
justify-content: center;
align-items: center;
width: 100%
}
.pricing-section_title {
width: 42rem
}
.pricing-anim_sub {
width: 28rem
}
.pricing-anim_text {
width: 16.25rem
}
.pricinng-table-nav_wrapp {
width: 100%;
margin-left: 0;
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
overflow: visible
}
.pricinng-table_spacer {
height: auto;
margin-bottom: 32rem;
position: sticky;
top: 4rem;
transform: translateY(2px)
}
.pricing-cell_overlay {
display: block
}
.pricinng-card_btn {
justify-content: center;
align-items: center;
width: 100%;
display: flex
}
.container_features {
grid-column-gap: var(--_zolution---base-size--80);
grid-row-gap: var(--_zolution---base-size--80)
}
.hiw-card_content {
grid-column-gap: var(--_zolution---base-size--64);
grid-row-gap: var(--_zolution---base-size--64)
}
.hiw-card_list-item {
grid-column-gap: var(--_zolution---base-size--20);
grid-row-gap: var(--_zolution---base-size--20);
flex-flow: column
}
.hiw-card_list {
grid-column-gap: var(--_zolution---base-size--40);
grid-row-gap: var(--_zolution---base-size--40);
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid
}
.hiw-card_marker {
right: -5rem
}
.hiw-right_panel {
padding-left: var(--_zolution---base-size--80)
}
.hiw-section_link {
right: -5rem
}
.guide-circle_text {
width: 15rem
}
.hiw-stack {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
flex-flow: row;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
align-items: center;
height: 28.75rem;
display: grid
}
.hiw-stack-animation {
aspect-ratio: 1;
justify-content: center;
align-items: center
}
.hiw_hero {
max-width: 35rem
}
.hiw-section-title {
width: 42rem
}
.hiw-section-title-top {
width: 34rem
}
.hiw-hero_container {
grid-template-columns: 1.2fr 1fr
}
.flex-block-31 {
max-width: 48rem
}
.hiw-stack-animation_inner {
position: absolute;
right: 10rem
}
}
@media screen and (min-width:1440px) {
.section_sub.is--short {
max-width: none
}
.benefits_list {
width: 100%
}
.section_heading.is--services {
width: 100%;
max-width: 22rem
}
.feature_canvas {
width: auto;
height: 32.9375rem
}
.cta_title {
max-width: 58rem
}
.sales_tag-list.is--reps {
left: 20rem
}
.animated-text_js {
display: none
}
.grid-spacer-custom {
display: block
}
.actions_descr {
flex-flow: column
}
.actions_canvas {
width: auto;
height: 33.75rem
}
.platform_section-descr {
max-width: 42rem
}
.about_vision-img-wrapp {
width: auto;
height: 33.75rem
}
.grid-spacer-about {
display: block
}
.flex-block-12 {
text-align: center;
display: block
}
.hiw-benefits_list {
width: 100%
}
.animated_title {
text-align: center;
display: block
}
.win-tooltip {
width: 16rem
}
.gsap,
.text-animation-js,
.lenis-scroll-js {
display: none
}
.hero-animation_grad {
background-image: linear-gradient(90deg, var(--_zolution---colors--gray-50)38%, #f2f6f500);
width: 30vw;
display: none
}
.hero-animation_grad.is--right {
width: 10vw;
display: none
}
.pricinng-cards {
grid-column-gap: var(--_zolution---base-size--8);
grid-row-gap: var(--_zolution---base-size--8);
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid
}
.pricinng-card {
padding-right: var(--_zolution---base-size--16);
padding-left: var(--_zolution---base-size--16);
text-align: center
}
.text-block-2 {
font-size: var(--_zolution---base-size--18)
}
.pricinng-card-title {
justify-content: center;
align-items: center;
max-width: 14rem
}
.hiw-cards-js,
.guide-circles-js,
.hero-lottie-js {
display: none
}
}
@media screen and (min-width:1920px) {
.impact-list {
max-width: 56.25rem;
max-height: 56.25rem
}
.container-impact {
min-height: 56.25rem
}
.win-tooltip {
width: 16rem
}
.hero-animation_grad,
.hero-animation_grad.is--right {
display: block
}
.hiw-hero_animation {
width: 90%
}
}
@media screen and (max-width:991px) {
body {
--_zolution---colors--gray-50: #f2f6f5;
--_zolution---font-family: Archivo, Arial, sans-serif;
--_zolution---colors--black: #15171a;
--_zolution---font-size--text-m: .875rem;
--_zolution---line-height--120: 120%;
--_zolution---font-weight--regular: 400;
--_zolution---letter-space--3: -.03em;
--_zolution---base-size--24: 1.5rem;
--_zolution---base-size--44: 2.75rem;
--_zolution---colors--white: #fff;
--_zolution---base-size--80: 5rem;
--_zolution---font-size--text-l: 1rem;
--_zolution---line-height--140: 140%;
--_zolution---base-size--8: .5rem;
--_zolution---base-size--40: 2.5rem;
--_zolution---base-size--20: 1.25rem;
--_zolution---font-size--title-m: 1.75rem;
--_zolution---font-weight--medium: 500;
--_zolution---line-height--130: 130%;
--_zolution---font-size--title-xl: 2.875rem;
--_zolution---font-size--title-l: 2.5rem;
--_zolution---line-height--110: 110%;
--_zolution---letter-space--2: -.02em;
--_zolution---font-size--title-s: 1.375rem;
--_zolution---font-size--title-xs: 1.25rem;
--_zolution---base-size--18: 1.125rem;
--_zolution---font-size--text-xl: 1.125rem;
--_zolution---letter-space--1: -.01em;
--_zolution---colors--gray-500: #73817e;
--_zolution---base-size--32: 2rem;
--_zolution---base-size--16: 1rem;
--_zolution---base-size--button-radius: 1rem;
--_zolution---color--azul-500: #097aaa;
--_zolution---font-size--text-btn-l: 1rem;
--_zolution---base-size--12: .75rem;
--_zolution---font-size--text-btn-m: .875rem;
--_zolution---base-size--10: .625rem;
--_zolution---color--azul-50: #fbeeec;
--_zolution---color--azul-200: #ebb5ab;
--_zolution---base-size--140: 8.75rem;
--_zolution---base-size--120: 7.5rem;
--_zolution---base-size--90: 5.625rem;
--_zolution---base-size--105: 6.625rem;
--_zolution---base-size--60: 3.75rem;
--_zolution---base-size--100: 6.25rem;
--_zolution---base-size--48: 3rem;
--_zolution---colors--blue-700: #223a4b;
--_zolution---base-size--container: 85rem;
--_zolution---font-size--nav-link: .875rem;
--_zolution---colors--gray-400: #8b9a96;
--_zolution---base-size--50: 3.125rem;
--_zolution---base-size--38: 2.375rem;
--_zolution---base-size--64: 4rem;
--_zolution---base-size--6: .375rem;
--_zolution---colors--green-500: #0179b0;
--_zolution---base-size--42: 2.625rem;
--_zolution---colors--green-100: #c4ece1;
--_zolution---line-height--100: 100%;
--_zolution---base-size--52: 3.25rem;
--_zolution---colors--blue-200: #b0d4e8;
--_zolution---font-size--text-s: .75rem;
--_zolution---letter-space--0: 0em;
--_zolution---base-size--14: .875rem;
--_zolution---colors--green-200: #93dcc8;
--_zolution---colors--blue-100: #d8ebf4;
--_zolution---base-size--4: .25rem;
--_zolution---colors--gray-100: #d9dfde;
--_zolution---font-weight--bold: 700;
--_zolution---color--azul-100: #f6dad5;
--_zolution---colors--gray-200: #bec9c6;
--_zolution---colors--green-400: #37a88a;
--_zolution---font-size--text-chips: 1.125rem;
--_zolution---colors--blue-500: #478fb8;
--_zolution---colors--gray-600: #5c6764;
--_zolution---colors--gray-800: #2e3332;
--_zolution---colors--green-300: #60c7ac;
--_zolution---font-mono: "Azeret mono", Arial, sans-serif;
--_zolution---colors--blue-300: #87bbd9;
--_zolution---font-size--text-link: 1rem;
--_zolution---colors--gray-700: #454e4c;
--_zolution---colors--gray-300: #a5b2af;
--_zolution---colors--green-50: #c4ece1;
--_zolution---colors--blue-400: #66a7cc;
--_zolution---colors--blue-50: #ebf5f9;
--_zolution---color--azul-400: #e06f68;
--_zolution---color--azul-300: #e69786;
--_zolution---color--azul-10: #fdfafa;
--_zolution---colors--purple-500: #ac49d8;
--_zolution---colors--purple-400: #bc71e3;
--_zolution---colors--purple-300: #cb97eb;
--_zolution---colors--purple-200: #dbbaf1;
--_zolution---colors--purple-100: #edddf8;
--_zolution---colors--purple-50: #f6eefb;
--_zolution---colors--error-red: #f44336
}
.title--xs.is--sales-bottom,
.title--xs.is--sales-top {
min-width: auto
}
.section.main {
padding-top: var(--_zolution---base-size--80);
padding-bottom: var(--_zolution---base-size--80)
}
.section.article {
padding-top: var(--_zolution---base-size--80);
padding-bottom: var(--_zolution---base-size--80);
overflow: hidden
}
.section.platform-hero {
min-height: auto;
padding-top: var(--_zolution---base-size--40);
padding-bottom: var(--_zolution---base-size--100)
}
.section.about-hero {
min-height: auto;
padding-top: var(--_zolution---base-size--80);
padding-bottom: var(--_zolution---base-size--100)
}
.section.platform-demo {
display: none
}
.section.impact-section {
padding-top: var(--_zolution---base-size--48);
padding-bottom: var(--_zolution---base-size--48);
flex-flow: column;
justify-content: space-around;
align-items: center
}
.section.wins-section,
.section.steps-section {
padding-top: var(--_zolution---base-size--80);
padding-bottom: var(--_zolution---base-size--80)
}
.section.sales-section {
padding-top: var(--_zolution---base-size--100);
padding-bottom: var(--_zolution---base-size--100)
}
.section.testimonials {
padding-top: var(--_zolution---base-size--80);
padding-bottom: var(--_zolution---base-size--80)
}
.section.guide-section {
height: auto
}
.section.hiw-integration {
height: auto;
min-height: auto
}
.padding_global,
.navbar {
padding-right: var(--_zolution---base-size--20);
padding-left: var(--_zolution---base-size--20)
}
.nav_container {
z-index: 99;
display: flex
}
.navlink {
width: 100%;
height: var(--_zolution---base-size--50);
border-radius: var(--_zolution---base-size--button-radius);
background-color: var(--_zolution---colors--white);
max-width: 21rem;
font-size: var(--_zolution---base-size--20);
justify-content: center;
align-items: center;
margin-left: 0;
margin-right: 0;
display: flex
}
.nav_links-content {
grid-column-gap: var(--_zolution---base-size--10);
grid-row-gap: var(--_zolution---base-size--10);
background-color: #0000;
flex-flow: column;
justify-content: flex-start;
align-items: center;
width: 100%;
height: 100dvh;
max-height: 100dvh;
padding-top: 8.125rem;
position: relative
}
.nav_logo {
z-index: 9999;
width: var(--_zolution---base-size--100);
position: relative
}
.nav_links {
z-index: 0;
background-color: var(--_zolution---colors--gray-50);
width: 100%;
height: 100dvh;
position: fixed;
inset: 0%
}
.hero_container {
grid-column-gap: var(--_zolution---base-size--64);
grid-row-gap: var(--_zolution---base-size--64);
flex-flow: column;
justify-content: flex-start;
align-items: center;
padding-bottom: 8.125rem;
display: flex;
position: relative
}
.bullet {
width: var(--_zolution---base-size--6);
height: var(--_zolution---base-size--6)
}
.hero_content {
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 30rem
}
.hero_buttons {
z-index: 10;
flex-flow: row;
justify-content: center;
align-items: center;
width: 100%;
max-width: 14.6875rem;
margin-left: auto;
margin-right: auto;
position: absolute;
inset: auto 0% 0%
}
.hero_component {
text-align: center;
justify-content: flex-start;
align-items: center;
width: 100%
}
.hero_img-inner {
margin-left: 0
}
.main_grid {
flex-flow: column;
display: flex
}
.main_grid.is--about-story {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid
}
.section_sub.is--short {
max-width: none
}
.feature_component {
grid-column-gap: var(--_zolution---base-size--48);
grid-row-gap: var(--_zolution---base-size--48);
flex-flow: column;
display: flex
}
.sales_animation {
grid-column-gap: var(--_zolution---base-size--60);
grid-row-gap: var(--_zolution---base-size--60);
flex-flow: column
}
.sales_circle.is--leaders {
transform-origin: 50%;
margin-bottom: -6rem;
right: auto
}
.sales_circle.is--reps {
transform-origin: 50%
}
.sales_tag-list.is--sales {
z-index: 2;
grid-column-gap: var(--_zolution---base-size--12);
grid-row-gap: var(--_zolution---base-size--12);
justify-content: flex-start;
align-items: stretch;
width: 100%;
position: relative;
right: auto
}
.sales_tag-list.is--reps {
grid-column-gap: var(--_zolution---base-size--12);
grid-row-gap: var(--_zolution---base-size--12);
justify-content: center;
align-items: stretch;
width: 100%;
position: relative;
left: auto
}
.sales_component.is--sales {
flex-flow: column;
justify-content: flex-start;
align-items: center;
width: 25rem;
margin-right: 0
}
.sales_component.is--reps {
flex-flow: column;
justify-content: flex-start;
align-items: center;
width: 25rem;
left: auto
}
.sales_tag.is--sales {
padding-right: var(--_zolution---base-size--32);
padding-left: var(--_zolution---base-size--8);
flex-flow: row
}
.sales_tag.is--sales.is--middle {
right: auto
}
.sales_tag.is--sales.is--top {
max-width: none
}
.sales_tag.is--sales.is--bottom {
max-width: none;
padding-right: var(--_zolution---base-size--12)
}
.sales_tag.is--reps.is--middle {
left: auto
}
.infra_list.is--platform {
grid-column-gap: var(--_zolution---base-size--60);
grid-row-gap: var(--_zolution---base-size--60)
}
.infra_list-item.is--platform {
grid-column-gap: var(--_zolution---base-size--60);
grid-row-gap: var(--_zolution---base-size--60);
display: flex
}
.testim_slider.splide {
max-width: 100%
}
.features_additional-grid {
grid-column-gap: var(--_zolution---base-size--16);
grid-row-gap: var(--_zolution---base-size--16);
display: flex
}
.features_additional-card {
grid-column-gap: var(--_zolution---base-size--32);
grid-row-gap: var(--_zolution---base-size--32);
flex-flow: row
}
.cta_container-additional {
padding-top: var(--_zolution---base-size--100);
padding-bottom: var(--_zolution---base-size--100)
}
.footer_container {
grid-row-gap: var(--_zolution---base-size--64);
grid-template-columns: 1fr 1fr
}
.footer_column {
justify-content: flex-start;
align-items: flex-start
}
.features_additional-content {
max-width: 26rem
}
.button_navbar {
grid-column-gap: var(--_zolution---base-size--32);
grid-row-gap: var(--_zolution---base-size--32)
}
.button_navbar.btn-bar {
margin-left: auto
}
.menu-button {
z-index: 999;
flex: none;
justify-content: center;
align-items: center;
width: 2.25rem;
height: 2.25rem;
padding: 0;
display: flex;
position: relative
}
.menu-button.w--open {
z-index: 999;
color: var(--_zolution---colors--black);
background-color: #0000
}
.blog-card {
grid-column-gap: var(--_zolution---base-size--24);
grid-row-gap: var(--_zolution---base-size--24)
}
.blog-card.is--first {
padding: var(--_zolution---base-size--16);
grid-column-gap: var(--_zolution---base-size--24);
grid-row-gap: var(--_zolution---base-size--24);
justify-content: flex-start;
align-items: stretch
}
.blog-card.is--second {
padding: var(--_zolution---base-size--16);
grid-column-gap: var(--_zolution---base-size--24);
grid-row-gap: var(--_zolution---base-size--24)
}
.blog-card.is--related {
padding: var(--_zolution---base-size--16)
}
.blog-card_cover.is--first {
flex: 1
}
.tag.tag_l {
padding: .1875rem var(--base-size--10\);
font-size: var(--_zolution---base-size--14)
}
.tag.tag_m {
padding: .1875rem var(--base-size--10\).1875rem var(--_zolution---base-size--10);
font-size: var(--_zolution---base-size--14)
}
.blog-card_content {
grid-column-gap: var(--_zolution---base-size--20);
grid-row-gap: var(--_zolution---base-size--20)
}
.blog-card_chips {
left: var(--_zolution---base-size--12);
top: var(--_zolution---base-size--12);
height: 1.625rem;
padding-top: 0;
padding-right: var(--_zolution---base-size--14);
padding-left: var(--_zolution---base-size--14);
font-size: var(--_zolution---base-size--14);
line-height: var(--_zolution---line-height--100)
}
.filter-tag_list {
overflow: auto
}
.filter-tags {
width: 100%;
overflow: hidden
}
.filter-tag_item {
flex: none
}
.article-container {
grid-column-gap: var(--_zolution---base-size--48);
grid-row-gap: var(--_zolution---base-size--48);
flex-flow: column;
grid-template-columns: 1fr;
width: 100%;
max-width: 37.5rem;
margin-left: auto;
margin-right: auto;
display: flex
}
.article-nav {
padding-top: 0
}
.blog-list_related {
padding-right: var(--_zolution---base-size--20);
padding-left: var(--_zolution---base-size--20)
}
.article-wrapp {
max-width: 100%
}
.article-toc {
max-width: none
}
.blog-coll_related {
left: -1.25rem
}
.blog-item--related {
width: 19.125rem
}
.article-nas_sticky {
position: static
}
.grid-spacer-custom {
display: none
}
.nav_links-button {
top: auto;
left: auto;
right: auto;
bottom: var(--_zolution---base-size--80);
z-index: 10;
grid-column-gap: var(--_zolution---font-size--nav-link);
grid-row-gap: var(--_zolution---font-size--nav-link);
flex-flow: column;
width: 100%;
max-width: 21rem;
display: flex;
position: absolute
}
.platform_hero-content {
text-align: center;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 30rem
}
.platform_hero-img-wrapp {
flex: none;
position: relative
}
.platform_hero-container {
grid-column-gap: var(--_zolution---base-size--64);
grid-row-gap: var(--_zolution---base-size--64);
flex-flow: column;
justify-content: flex-start;
align-items: center;
display: flex;
position: relative
}
.compound_container {
flex-flow: column;
display: flex
}
.cta-component-card {
height: auto;
padding: var(--_zolution---base-size--40);
grid-column-gap: var(--_zolution---base-size--40);
grid-row-gap: var(--_zolution---base-size--40);
flex-flow: column;
justify-content: center;
align-items: center
}
.cta-component-icon {
width: 5.25rem
}
.cta-component-title {
grid-column-gap: var(--_zolution---base-size--32);
grid-row-gap: var(--_zolution---base-size--32);
text-align: center;
justify-content: center;
align-items: center
}
.actions_container {
grid-column-gap: 7.5rem;
grid-row-gap: 7.5rem
}
.actions-item {
grid-column-gap: var(--_zolution---base-size--40);
grid-row-gap: var(--_zolution---base-size--40);
display: flex
}
.actions-item.is--additional {
grid-column-gap: var(--_zolution---base-size--20);
grid-row-gap: var(--_zolution---base-size--20);
flex-flow: row;
justify-content: flex-start;
align-items: center
}
.actions-title {
max-width: none
}
.actions_feature-item {
grid-column-gap: var(--_zolution---base-size--60);
grid-row-gap: var(--_zolution---base-size--60);
flex-flow: row
}
.actions_feature-title.is--centered {
max-width: 20rem
}
.actions_grid-bottom {
flex-flow: column;
display: flex
}
.actions_bottom-card {
grid-column-gap: var(--_zolution---base-size--20);
grid-row-gap: var(--_zolution---base-size--20);
flex-flow: row
}
.actions_bottom-img-wrapp {
max-width: 16.25rem
}
.actions_bottom-content {
padding-right: var(--_zolution---base-size--16);
padding-left: var(--_zolution---base-size--16);
justify-content: center;
align-items: stretch
}
.platform_stack-content {
grid-column-gap: var(--_zolution---base-size--20);
grid-row-gap: var(--_zolution---base-size--20);
flex-flow: row;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid
}
.compound_wrapp {
align-items: stretch
}
.faq_section-title {
max-width: 25rem
}
.platform_hero-img.layer_01,
.platform_hero-img.layer_02,
.platform_hero-img.layer_03 {
display: none
}
.platform_hero-img.tablet {
width: 80%;
display: block;
position: static
}
.burger_icon {
width: 100%;
height: 100%;
display: block;
position: absolute;
inset: 0%
}
.burger_icon.is--close {
display: none
}
.about_hero-container {
flex-flow: column;
max-width: 33.875rem;
margin-left: auto;
margin-right: auto;
display: flex
}
.about_hero-content {
text-align: center;
justify-content: space-between;
align-items: center
}
.about_hero-img {
margin-bottom: 0
}
.about_hero-img.layer_01 {
position: relative
}
.about_section-heading.is--vision {
max-width: 22rem
}
.about_vision-container {
grid-column-gap: var(--_zolution---base-size--32);
grid-row-gap: var(--_zolution---base-size--32);
display: flex
}
.about_vision-title {
max-width: none
}
.about_single-heading {
grid-column-gap: var(--_zolution---base-size--24);
grid-row-gap: var(--_zolution---base-size--24);
flex-flow: column;
display: flex
}
.about_story-container {
grid-row-gap: var(--_zolution---base-size--20)
}
.about_team-heading {
flex-flow: column;
justify-content: flex-start;
align-items: center;
display: flex
}
.about_team-coll {
margin-top: var(--_zolution---base-size--40)
}
.about_team-section-heading {
grid-column-gap: var(--_zolution---base-size--16);
grid-row-gap: var(--_zolution---base-size--16);
max-width: 30rem
}
.pricing_hero-container {
flex-flow: column;
margin-left: auto;
margin-right: auto
}
.calc_container {
flex-flow: column;
display: flex
}
.calc_column-result {
padding: 0;
display: block
}
.table_row.is--content {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: column;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid
}
.table_row.is--heading {
grid-template-columns: 1fr 1fr 1fr
}
.table_cell.is--spacer {
display: none
}
.table_cell.is--heading {
min-height: auto;
padding: var(--_zolution---base-size--24)0rem var(--_zolution---base-size--12);
justify-content: center;
align-items: center
}
.table_cell.is--content {
justify-content: flex-start;
align-items: center
}
.calc_default-state {
max-height: 31.25rem;
padding: 0rem var(--_zolution---base-size--60);
flex-flow: row;
justify-content: space-between;
align-items: center;
position: static
}
.calc_default-content {
max-width: 16.25rem
}
.calc_icons-wrap {
width: auto;
height: 100%
}
.calc_icons-row {
flex-flow: column;
width: auto
}
.container_404 {
padding-bottom: var(--_zolution---base-size--64)
}
.native_calls-img-wrapp {
max-width: 16.25rem
}
.article-toc-adaptive {
display: block
}
.hero_container-new {
flex-flow: column;
min-height: 75rem;
padding-top: 8.625rem;
display: flex
}
.benefits_grid {
grid-template-columns: 1fr 1fr
}
.hero_component-new {
text-align: center;
justify-content: flex-start;
align-items: center
}
.hero_content-new {
justify-content: flex-start;
align-items: center
}
.hero_buttons-wrapp {
z-index: 10
}
.built-container {
flex-flow: column;
display: flex
}
.built-card {
height: 27.5rem
}
.built-card.is--wide,
.built-card.is--accent-red,
.built-card.is--accent-green {
height: 25rem
}
.built-card.is--wide-accent {
height: 27.5rem
}
.built-card-content {
max-width: 21.25rem
}
.built-img-01 {
width: 27.5rem;
bottom: 2rem;
right: 2rem
}
.built-img-02 {
width: 32.1875rem;
top: -4rem;
left: auto;
right: -5rem
}
.built-img-03 {
right: var(--_zolution---base-size--32);
width: 21.375rem;
max-width: 50%;
bottom: auto
}
.built-img-04 {
max-width: 50%;
inset: auto 2rem 2rem auto
}
.built-img-05 {
width: 15.25rem;
inset: 4.375rem 4.75rem auto auto
}
.built-img-06 {
inset: auto 2.625rem 4.75rem auto
}
.impact-animation-track {
height: 150vh
}
.impact-list {
max-width: 38rem;
max-height: 38rem
}
.text--number {
font-size: 3.5rem
}
.wins-animation-track {
background-color: var(--_zolution---colors--black);
color: var(--_zolution---colors--white)
}
.win-circles-wrapp {
flex-flow: column;
justify-content: center;
align-items: center;
width: auto;
max-width: none;
height: 22.5rem;
margin-left: 0
}
.win-circle {
width: 100%;
height: auto
}
.win-circle.is--left {
grid-column-gap: var(--_zolution---base-size--40);
grid-row-gap: var(--_zolution---base-size--40);
aspect-ratio: auto;
border-style: none;
border-radius: 0%;
justify-content: flex-start;
align-items: center;
padding-right: 0;
top: 0;
left: auto
}
.win-circle.is--right {
grid-column-gap: var(--_zolution---base-size--40);
grid-row-gap: var(--_zolution---base-size--40);
aspect-ratio: auto;
border-style: none;
border-radius: 0%;
justify-content: flex-start;
align-items: center;
padding-left: 0;
bottom: 0;
right: auto
}
.win-circle.illustration {
aspect-ratio: auto;
width: 22.5rem;
height: 22.5rem;
left: 0
}
.win-circle-img {
width: 60%;
height: auto
}
.container-impact {
flex-flow: column;
justify-content: flex-start;
align-items: flex-start
}
.win-circle-content {
aspect-ratio: 1;
border-radius: 50%;
justify-content: center;
align-items: center;
width: 100%;
max-width: 22.5rem;
height: auto;
display: flex
}
.win-circle-content.is--left {
border: 1px solid var(--_zolution---colors--green-500);
flex: none;
padding: 2rem 4rem 4rem
}
.win-circle-content.is--right {
border: 1px solid var(--_zolution---colors--blue-300);
flex: none;
padding: 4rem 4rem 2rem
}
.win-tooltips {
grid-column-gap: var(--_zolution---base-size--24);
grid-row-gap: var(--_zolution---base-size--24);
opacity: 1;
text-align: left;
justify-content: center;
align-items: flex-start;
position: static
}
.win-tooltips.is--left {
opacity: 0;
text-align: left;
transform: none
}
.win-tooltips.is--right {
opacity: 0;
transform: none
}
.win-tooltip {
justify-content: center;
align-items: flex-start;
width: auto;
max-width: none;
padding-bottom: 0;
transform: none
}
.win-tooltip.is--01 {
margin-right: 0
}
.win-tooltip.is--01-right {
margin-left: 0
}
.steps-animation-track {
background-color: var(--_zolution---colors--green-500)
}
.sales-card_btns {
z-index: 10
}
.testim-section_bg {
width: 31rem
}
.steps-btns {
z-index: 10
}
.footer_link-agency {
flex-flow: column
}
.impact-section_heading {
max-width: none;
transform: translate(0)
}
.hero-animation_wrapp {
justify-content: center;
align-items: flex-end
}
.footer_container-grid {
grid-row-gap: var(--_zolution---base-size--64);
grid-template-columns: 1fr 1fr 1fr
}
.win-circle-text {
opacity: 0
}
.hero_lottie.desktop {
display: none
}
.hero_lottie.tablet {
aspect-ratio: 820/1200;
height: auto;
display: block;
position: relative;
bottom: -.5rem
}
.sound-control {
bottom: 1.875rem;
right: 1.875rem
}
.hero-animation_grad {
z-index: 1;
background-image: linear-gradient(180deg, var(--_zolution---colors--gray-50)62%, #f2f6f500);
width: 100%;
height: 50%;
display: block;
inset: 0% 0% auto
}
.pricinng-table_wrapp {
padding-right: var(--_zolution---base-size--20);
padding-left: var(--_zolution---base-size--20);
width: calc(100% + var(--_zolution---base-size--40));
margin-left: -1.25rem
}
.pricinng-table_header {
height: 22rem;
padding-top: var(--_zolution---base-size--24);
padding-bottom: var(--_zolution---base-size--24);
position: relative;
top: 0
}
.pricinng-table_col {
min-width: 12.5rem
}
.pricinng-table_cells {
margin-top: 0
}
.pricinng-table_cell {
flex-flow: column;
height: 4.125rem
}
.pricinng-table_cell.is--sub {
height: var(--_zolution---base-size--24)
}
.pricinng-table_nav {
width: auto;
min-width: 12rem
}
.pricinng-nav_cell {
height: 4.125rem
}
.pricinng-nav_cell.is--sub {
height: var(--_zolution---base-size--24)
}
.pricinng-table_content {
padding-right: var(--_zolution---base-size--14);
padding-left: var(--_zolution---base-size--14);
grid-column-gap: var(--_zolution---base-size--24);
grid-row-gap: var(--_zolution---base-size--24)
}
.pricinng-card_wrapp {
padding-top: var(--_zolution---base-size--20)
}
.pricinng-table_badge {
font-size: var(--_zolution---base-size--14)
}
.pricing-sub_mob {
color: var(--_zolution---colors--gray-500)
}
.pricing_animation {
position: sticky
}
.pricing-anim_circle {
width: 14.625rem;
height: 14.625rem
}
.pricing-anim_text-wrap.is--centered {
width: 100%
}
.pricing-anim_text-wrap.is--short {
width: 70%
}
.pricing-anim_content {
grid-column-gap: 7rem;
grid-row-gap: 7rem;
width: 100%
}
.pricing-anim_text {
width: 13rem
}
.pricinng-table-nav_wrapp {
padding-right: var(--_zolution---base-size--20);
padding-left: var(--_zolution---base-size--20);
width: calc(100% + var(--_zolution---base-size--40));
margin-left: -1.25rem
}
.pricinng-table_spacer {
height: 22rem;
padding-top: var(--_zolution---base-size--24);
padding-bottom: var(--_zolution---base-size--24);
position: relative;
top: 0
}
.hiw-left_panel {
width: 18.125rem
}
.guide-circle-wrapp {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
display: grid
}
.guide-circle {
aspect-ratio: 1;
width: 100%;
height: 100%
}
.hiw-stack {
grid-column-gap: var(--_zolution---base-size--80);
grid-row-gap: var(--_zolution---base-size--80);
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
height: auto;
display: flex
}
.hiw-stack-animation {
width: 70%;
height: auto;
margin-left: auto;
margin-right: auto
}
.hiw_hero {
justify-content: flex-start;
align-items: center;
max-width: 31rem
}
.guide-container_sticky {
height: auto;
min-height: auto;
padding-top: var(--_zolution---base-size--60);
padding-bottom: 0;
position: static
}
.hiw-hero_animation {
width: 60%;
position: static
}
.hiw-hero_circle.is--01 {
width: 32rem
}
.hiw-hero_circle.is--02 {
display: none
}
.hiw-hero_container {
flex-flow: column;
height: auto;
max-height: none;
padding-top: 8.625rem;
display: flex
}
.hiw-hero_wrapp {
justify-content: flex-start;
align-items: center;
height: 36rem
}
.hiw-stack-animation_inner {
left: auto;
right: auto
}
.code-embed {
display: none
}
}
@media screen and (max-width:767px) {
body {
--_zolution---colors--gray-50: #f2f6f5;
--_zolution---font-family: Archivo, Arial, sans-serif;
--_zolution---colors--black: #15171a;
--_zolution---font-size--text-m: .75rem;
--_zolution---line-height--120: 120%;
--_zolution---font-weight--regular: 400;
--_zolution---letter-space--3: -.03em;
--_zolution---base-size--24: 1.5rem;
--_zolution---base-size--44: 2.75rem;
--_zolution---colors--white: #fff;
--_zolution---base-size--80: 5rem;
--_zolution---font-size--text-l: .875rem;
--_zolution---line-height--140: 140%;
--_zolution---base-size--8: .5rem;
--_zolution---base-size--40: 2.5rem;
--_zolution---base-size--20: 1.25rem;
--_zolution---font-size--title-m: 1.375rem;
--_zolution---font-weight--medium: 500;
--_zolution---line-height--130: 130%;
--_zolution---font-size--title-xl: 2rem;
--_zolution---font-size--title-l: 1.75rem;
--_zolution---line-height--110: 110%;
--_zolution---letter-space--2: -.02em;
--_zolution---font-size--title-s: 1.25rem;
--_zolution---font-size--title-xs: 1.125rem;
--_zolution---base-size--18: 1.125rem;
--_zolution---font-size--text-xl: 1rem;
--_zolution---letter-space--1: -.01em;
--_zolution---colors--gray-500: #73817e;
--_zolution---base-size--32: 2rem;
--_zolution---base-size--16: 1rem;
--_zolution---base-size--button-radius: 1rem;
--_zolution---color--azul-500: #097aaa;
--_zolution---font-size--text-btn-l: 1rem;
--_zolution---base-size--12: .75rem;
--_zolution---font-size--text-btn-m: .875rem;
--_zolution---base-size--10: .625rem;
--_zolution---color--azul-50: #fbeeec;
--_zolution---color--azul-200: #ebb5ab;
--_zolution---base-size--140: 8.75rem;
--_zolution---base-size--120: 7.5rem;
--_zolution---base-size--90: 5.625rem;
--_zolution---base-size--105: 6.625rem;
--_zolution---base-size--60: 3.75rem;
--_zolution---base-size--100: 6.25rem;
--_zolution---base-size--48: 3rem;
--_zolution---colors--blue-700: #223a4b;
--_zolution---base-size--container: 85rem;
--_zolution---font-size--nav-link: .875rem;
--_zolution---colors--gray-400: #8b9a96;
--_zolution---base-size--50: 3.125rem;
--_zolution---base-size--38: 2.375rem;
--_zolution---base-size--64: 4rem;
--_zolution---base-size--6: .375rem;
--_zolution---colors--green-500: #0179b0;
--_zolution---base-size--42: 2.625rem;
--_zolution---colors--green-100: #c4ece1;
--_zolution---line-height--100: 100%;
--_zolution---base-size--52: 3.25rem;
--_zolution---colors--blue-200: #b0d4e8;
--_zolution---font-size--text-s: .75rem;
--_zolution---letter-space--0: 0em;
--_zolution---base-size--14: .875rem;
--_zolution---colors--green-200: #93dcc8;
--_zolution---colors--blue-100: #d8ebf4;
--_zolution---base-size--4: .25rem;
--_zolution---colors--gray-100: #d9dfde;
--_zolution---font-weight--bold: 700;
--_zolution---color--azul-100: #f6dad5;
--_zolution---colors--gray-200: #bec9c6;
--_zolution---colors--green-400: #37a88a;
--_zolution---font-size--text-chips: 1rem;
--_zolution---colors--blue-500: #478fb8;
--_zolution---colors--gray-600: #5c6764;
--_zolution---colors--gray-800: #2e3332;
--_zolution---colors--green-300: #60c7ac;
--_zolution---font-mono: "Azeret mono", Arial, sans-serif;
--_zolution---colors--blue-300: #87bbd9;
--_zolution---font-size--text-link: 1rem;
--_zolution---colors--gray-700: #454e4c;
--_zolution---colors--gray-300: #a5b2af;
--_zolution---colors--green-50: #c4ece1;
--_zolution---colors--blue-400: #66a7cc;
--_zolution---colors--blue-50: #ebf5f9;
--_zolution---color--azul-400: #e06f68;
--_zolution---color--azul-300: #e69786;
--_zolution---color--azul-10: #fdfafa;
--_zolution---colors--purple-500: #ac49d8;
--_zolution---colors--purple-400: #bc71e3;
--_zolution---colors--purple-300: #cb97eb;
--_zolution---colors--purple-200: #dbbaf1;
--_zolution---colors--purple-100: #edddf8;
--_zolution---colors--purple-50: #f6eefb;
--_zolution---colors--error-red: #f44336
}
.modal-component {
justify-content: center;
align-items: center
}
.legal__container {
grid-column-gap: var(--base-size--16\);
grid-row-gap: var(--base-size--16\)
}
.section.article {
padding-top: 5.125rem
}
.section.pricing_hero {
max-width: 28rem;
padding-top: var(--_zolution---base-size--60);
padding-bottom: var(--_zolution---base-size--60)
}
.section.hiw-integration {
background-color: var(--_zolution---colors--black);
color: var(--_zolution---colors--white)
}
.padding_global,
.navbar {
padding-right: var(--_zolution---base-size--20);
padding-left: var(--_zolution---base-size--20)
}
.nav_links-content {
padding-right: var(--_zolution---base-size--20);
padding-left: var(--_zolution---base-size--20);
justify-content: flex-start;
align-items: center
}
.hero_container {
grid-column-gap: var(--_zolution---base-size--60);
grid-row-gap: var(--_zolution---base-size--60);
padding-bottom: 6.875rem
}
.hero_content {
max-width: 24rem
}
.main_grid.is--about-story {
display: flex
}
.cta_buttons {
width: 100%
}
.footer_container {
flex-flow: column;
display: flex
}
.button_navbar {
display: none
}
.hubspot_form {
border-radius: 0;
height: 100%
}
.modal_wrapp {
height: 100vh;
overflow: auto
}
.cta_title-additional {
max-width: 19rem
}
.container_blog {
padding-top: var(--_zolution---base-size--64);
grid-column-gap: var(--_zolution---base-size--32);
grid-row-gap: var(--_zolution---base-size--32)
}
.blog-filters {
width: calc(100% + var(--base-size--20\))
}
.flex-block-3 {
grid-column-gap: var(--_zolution---base-size--20);
grid-row-gap: var(--_zolution---base-size--20)
}
.blog-list {
flex-flow: column;
display: flex
}
.blog-card.is--first {
padding-right: var(--_zolution---base-size--16);
flex-flow: column
}
.blog-card_cover {
flex: none;
width: 100%;
height: auto
}
.blog-card_cover.is--first {
flex: none;
max-width: none
}
.tag.tag_m {
padding: .1875rem var(--_zolution---base-size--10);
font-size: var(--_zolution---base-size--14)
}
.article-container {
max-width: 100%
}
.related-container {
grid-column-gap: var(--_zolution---base-size--32);
grid-row-gap: var(--_zolution---base-size--32)
}
.article-rich figure {
margin-top: var(--_zolution---base-size--24);
margin-bottom: var(--_zolution---base-size--24)
}
.blog-item--related {
width: 19.125rem
}
.article-author-bottom {
grid-column-gap: var(--_zolution---base-size--12);
grid-row-gap: var(--_zolution---base-size--12);
flex-flow: column
}
.platform_hero-content {
max-width: 24rem
}
.platform_hero-patterm {
inset: auto auto -9rem -19rem
}
.about_section-descr {
grid-column-gap: var(--_zolution---base-size--12);
grid-row-gap: var(--_zolution---base-size--12)
}
.about_story-container {
margin-top: var(--_zolution---base-size--32);
margin-bottom: var(--_zolution---base-size--32);
grid-column-gap: var(--_zolution---base-size--20);
grid-row-gap: var(--_zolution---base-size--20);
display: flex
}
.about_story-img-wrap {
order: -9999
}
.about_img-full {
margin-top: var(--_zolution---base-size--20)
}
.about_team-list {
grid-template-columns: 1fr 1fr 1fr
}
.grid-spacer-about {
display: none
}
.pricing_hero-container {
grid-column-gap: var(--_zolution---base-size--32);
grid-row-gap: var(--_zolution---base-size--32);
display: flex
}
.pricing_hero-content {
text-align: center;
justify-content: flex-start;
align-items: center
}
.calc_result-container {
padding: var(--_zolution---base-size--24)
}
.table_row.is--content {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: column;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: flex
}
.table_row.is--heading {
flex-flow: column;
display: flex
}
.calc_default-state {
padding-right: var(--_zolution---base-size--40);
padding-left: var(--_zolution---base-size--40)
}
.table_tabs {
display: flex
}
.table_trigger {
white-space: nowrap
}
._404_img {
width: 140%;
max-width: none
}
.hiw_section-heading {
max-width: 26rem
}
.hero_container-new {
grid-column-gap: var(--_zolution---base-size--60);
grid-row-gap: var(--_zolution---base-size--60);
padding-bottom: 6.875rem
}
.hero_content-new {
max-width: 24rem
}
.built-card-content {
max-width: 14rem
}
.built-img-06 {
width: 27rem
}
.win-circle.is--left {
justify-content: flex-start;
align-items: center
}
.testim-section_bg {
width: 24rem
}
.footer_container-grid {
flex-flow: column;
display: flex
}
.sound-control {
right: var(--_zolution---base-size--12);
bottom: var(--_zolution---base-size--12);
width: 3rem;
height: 3rem
}
.pricinng-table_title {
max-width: 9rem
}
.pricing-sub_mob {
display: none
}
.pricing-section_title {
width: 100%
}
.pricing-anim_text-wrap {
grid-column-gap: 7rem;
grid-row-gap: 7rem
}
.pricing-anim_text-wrap.is--centered {
width: 100%
}
.pricing-anim_text {
width: 10rem
}
.hiw-left_panel {
width: 15rem
}
.hiw-right_panel {
padding-left: 2rem
}
.hiw_hero {
max-width: 24rem
}
.hiw-section-title {
width: 100%;
max-width: 28rem
}
.hiw-section-title-top {
width: 18rem
}
.hiw-hero_container {
grid-column-gap: var(--_zolution---base-size--60);
grid-row-gap: var(--_zolution---base-size--60);
padding-bottom: 5rem
}
.hiw-hero_wrapp {
justify-content: center;
align-items: center;
height: 32rem
}
.flex-block-31 {
max-width: 29rem
}
}
@media screen and (max-width:479px) {
.modal__close {
top: var(--base-size--10\);
right: var(--base-size--10\)
}
.title--m,
.title--s {
letter-spacing: var(--_zolution---letter-space--2)
}
.title--xs.is--sales {
font-size: var(--_zolution---base-size--18);
flex: 0 auto
}
.title--xs.is--sales-bottom,
.title--xs.is--sales-top {
font-size: var(--_zolution---base-size--18)
}
.section.hero {
padding-top: 6.875rem
}
.section.main {
padding-top: var(--_zolution---base-size--60);
padding-bottom: var(--_zolution---base-size--60)
}
.section.article {
padding-bottom: var(--_zolution---base-size--60)
}
.section.pricing_hero {
padding-top: var(--36);
padding-bottom: var(--36)
}
.section.platform-demo,
.section.main-large {
padding-top: var(--_zolution---base-size--60);
padding-bottom: var(--_zolution---base-size--60)
}
.section.main-large.is--bg-white {
overflow: hidden
}
.section.impact-section,
.section.wins-section {
height: auto;
padding-top: var(--_zolution---base-size--60);
padding-bottom: var(--_zolution---base-size--60)
}
.section.steps-section {
padding-top: var(--_zolution---base-size--60);
padding-bottom: var(--_zolution---base-size--60)
}
.section.sales-section {
height: auto;
padding-bottom: var(--_zolution---base-size--60)
}
.section.testimonials {
padding-top: var(--_zolution---base-size--60);
padding-bottom: var(--_zolution---base-size--60)
}
.section.guide-section,
.section.hiw-integration {
height: auto;
padding-top: var(--_zolution---base-size--60);
padding-bottom: var(--_zolution---base-size--60)
}
.nav_container {
grid-column-gap: var(--_zolution---base-size--24);
grid-row-gap: var(--_zolution---base-size--24)
}
.navlink {
max-width: none
}
.nav_logo {
height: 1.75rem
}
.logo_img.is--desk {
height: 100%
}
.hero_container {
justify-content: space-between;
align-items: flex-start;
padding-bottom: 10rem
}
.hero_content {
text-align: left;
justify-content: flex-start;
align-items: flex-start
}
.hero_buttons {
flex-flow: column;
align-items: stretch;
max-width: none
}
.hero_img-wrapp {
aspect-ratio: 2.45/3;
width: 15.375rem
}
.hero_img-container {
justify-content: center;
align-items: center;
width: 100%
}
.hero_img-card {
grid-column-gap: .875rem;
grid-row-gap: .875rem;
width: 10rem;
padding: .875rem
}
.hero_img-card.is--first {
top: 2.5rem;
left: -1.875rem
}
.hero_img-card.is--second {
bottom: 5rem;
right: -3.4375rem
}
.hero_img-card.is--third {
bottom: .75rem;
left: 1.125rem
}
.hero_icon {
width: 2.25rem
}
.hero_img-card-text {
grid-column-gap: .25rem;
grid-row-gap: .25rem
}
.text--10px {
font-size: .5rem
}
.hero_img-tag {
height: 2.625rem;
padding-left: 1.125rem;
padding-right: 1.125rem;
font-size: 1rem;
top: .75rem;
right: .75rem
}
.hero_card-title {
font-size: .875rem;
line-height: var(--_zolution---line-height--120)
}
.section_sub {
height: 2.375rem;
padding-right: var(--_zolution---base-size--16);
padding-left: var(--_zolution---base-size--16);
white-space: nowrap
}
.section_sub.is--hero {
white-space: normal;
height: auto
}
.benefits_header {
margin-bottom: var(--_zolution---base-size--60)
}
.benefits_wrapp {
grid-column-gap: var(--_zolution---base-size--32);
grid-row-gap: var(--_zolution---base-size--32);
flex-flow: column;
display: flex
}
.benefits_column,
.benefits_column.is--accent {
grid-column-gap: var(--_zolution---base-size--24);
grid-row-gap: var(--_zolution---base-size--24)
}
.section_heading.is--services {
margin-bottom: var(--_zolution---base-size--40)
}
.support_container {
display: flex
}
.support-card {
grid-column-gap: var(--_zolution---base-size--32);
grid-row-gap: var(--_zolution---base-size--32)
}
.features_container {
margin-top: var(--_zolution---base-size--60);
grid-column-gap: var(--_zolution---base-size--60);
grid-row-gap: var(--_zolution---base-size--60)
}
.feature_heading {
grid-column-gap: var(--_zolution---base-size--16);
grid-row-gap: var(--_zolution---base-size--16)
}
.feature_canvas {
aspect-ratio: 3.35/2.43;
object-fit: cover
}
.feature_component {
grid-column-gap: var(--_zolution---base-size--24);
grid-row-gap: var(--_zolution---base-size--24)
}
.cta_container {
padding: var(--_zolution---base-size--40)var(--_zolution---base-size--20);
grid-column-gap: var(--_zolution---base-size--40);
grid-row-gap: var(--_zolution---base-size--40)
}
.cta_logo {
width: 7.8125rem;
margin-bottom: var(--_zolution---base-size--20)
}
.cta_buttons {
flex-flow: column;
align-items: stretch
}
.sales_circle.is--leaders,
.sales_circle.is--reps {
width: 15.625rem;
height: 15.625rem;
margin-bottom: -4.5rem;
margin-left: auto;
margin-right: auto
}
.sales_component.is--sales,
.sales_component.is--reps {
width: 100%
}
.sales_tag.is--sales {
padding-right: var(--_zolution---base-size--20)
}
.infra_list {
grid-column-gap: var(--_zolution---base-size--60);
grid-row-gap: var(--_zolution---base-size--60)
}
.infra_list-item {
padding-top: var(--_zolution---base-size--32);
grid-template-columns: 1fr 3fr
}
.infra_list-item.is--platform {
padding-top: var(--_zolution---base-size--20);
grid-column-gap: var(--_zolution---base-size--24);
grid-row-gap: var(--_zolution---base-size--24);
flex-flow: column
}
.infra_conent.is--platform {
grid-column-gap: var(--_zolution---base-size--12);
grid-row-gap: var(--_zolution---base-size--12)
}
.infra_conent.is--platform-cta {
grid-column-gap: var(--_zolution---base-size--32);
grid-row-gap: var(--_zolution---base-size--32);
align-items: stretch
}
.testim_slider {
grid-column-gap: var(--_zolution---base-size--32);
grid-row-gap: var(--_zolution---base-size--32);
justify-content: flex-start;
align-items: flex-start
}
.testim_slider.splide {
justify-content: flex-start;
align-items: flex-start;
max-width: 100%;
position: relative
}
.slider_arrows.splide__arrows.splide__arrows--ltr {
margin-left: auto;
position: static
}
.slider_arrows-wrapp {
left: var(--_zolution---base-size--24);
top: auto;
right: var(--_zolution---base-size--24);
bottom: var(--_zolution---base-size--40);
position: absolute
}
.slider_track {
margin-bottom: var(--_zolution---base-size--32)
}
.slider_container {
display: block
}
.features_additional-grid {
margin-top: var(--_zolution---base-size--60)
}
.features_additional-card {
flex-flow: column
}
.cta_container-additional {
padding: var(--_zolution---base-size--80)var(--_zolution---base-size--20);
background-image: url(https://cdn.prod.website-files.com/692db0eaf3c473ac91a06392/697df7110ef14c6d8158b3b8_Group%201948760265.avif);
background-position: 50%;
background-size: cover
}
.footer {
padding-top: var(--_zolution---base-size--60);
padding-bottom: var(--_zolution---base-size--60)
}
.footer_container {
grid-row-gap: var(--_zolution---base-size--60)
}
.footer_links-wrapp,
.button_navbar {
grid-column-gap: var(--_zolution---base-size--24);
grid-row-gap: var(--_zolution---base-size--24)
}
.cta_text-additional {
width: 100%;
max-width: 10rem
}
.feature_lottie {
width: auto
}
.legal__title {
max-width: 18rem
}
.blog-card.is--related {
padding: var(--_zolution---base-size--16)
}
.author-avatar {
width: 1.75rem;
height: 1.75rem
}
.author-avatar.is--large {
width: var(--_zolution---base-size--32);
height: var(--_zolution---base-size--32)
}
.text--m {
--_zolution---colors--gray-50: #f2f6f5;
--_zolution---font-family: Archivo, Arial, sans-serif;
--_zolution---colors--black: #15171a;
--_zolution---font-size--text-m: .75rem;
--_zolution---line-height--120: 120%;
--_zolution---font-weight--regular: 400;
--_zolution---letter-space--3: -.03em;
--_zolution---base-size--24: 1.5rem;
--_zolution---base-size--44: 2.75rem;
--_zolution---colors--white: #fff;
--_zolution---base-size--80: 5rem;
--_zolution---font-size--text-l: .875rem;
--_zolution---line-height--140: 140%;
--_zolution---base-size--8: .5rem;
--_zolution---base-size--40: 2.5rem;
--_zolution---base-size--20: 1.25rem;
--_zolution---font-size--title-m: 1.375rem;
--_zolution---font-weight--medium: 500;
--_zolution---line-height--130: 130%;
--_zolution---font-size--title-xl: 2rem;
--_zolution---font-size--title-l: 1.75rem;
--_zolution---line-height--110: 110%;
--_zolution---letter-space--2: -.02em;
--_zolution---font-size--title-s: 1.25rem;
--_zolution---font-size--title-xs: 1.125rem;
--_zolution---base-size--18: 1.125rem;
--_zolution---font-size--text-xl: 1rem;
--_zolution---letter-space--1: -.01em;
--_zolution---colors--gray-500: #73817e;
--_zolution---base-size--32: 2rem;
--_zolution---base-size--16: 1rem;
--_zolution---base-size--button-radius: 1rem;
--_zolution---color--azul-500: #097aaa;
--_zolution---font-size--text-btn-l: 1rem;
--_zolution---base-size--12: .75rem;
--_zolution---font-size--text-btn-m: .875rem;
--_zolution---base-size--10: .625rem;
--_zolution---color--azul-50: #fbeeec;
--_zolution---color--azul-200: #ebb5ab;
--_zolution---base-size--140: 8.75rem;
--_zolution---base-size--120: 7.5rem;
--_zolution---base-size--90: 5.625rem;
--_zolution---base-size--105: 6.625rem;
--_zolution---base-size--60: 3.75rem;
--_zolution---base-size--100: 6.25rem;
--_zolution---base-size--48: 3rem;
--_zolution---colors--blue-700: #223a4b;
--_zolution---base-size--container: 85rem;
--_zolution---font-size--nav-link: .875rem;
--_zolution---colors--gray-400: #8b9a96;
--_zolution---base-size--50: 3.125rem;
--_zolution---base-size--38: 2.375rem;
--_zolution---base-size--64: 4rem;
--_zolution---base-size--6: .375rem;
--_zolution---colors--green-500: #0179b0;
--_zolution---base-size--42: 2.625rem;
--_zolution---colors--green-100: #c4ece1;
--_zolution---line-height--100: 100%;
--_zolution---base-size--52: 3.25rem;
--_zolution---colors--blue-200: #b0d4e8;
--_zolution---font-size--text-s: .75rem;
--_zolution---letter-space--0: 0em;
--_zolution---base-size--14: .875rem;
--_zolution---colors--green-200: #93dcc8;
--_zolution---colors--blue-100: #d8ebf4;
--_zolution---base-size--4: .25rem;
--_zolution---colors--gray-100: #d9dfde;
--_zolution---font-weight--bold: 700;
--_zolution---color--azul-100: #f6dad5;
--_zolution---colors--gray-200: #bec9c6;
--_zolution---colors--green-400: #37a88a;
--_zolution---font-size--text-chips: 1rem;
--_zolution---colors--blue-500: #478fb8;
--_zolution---colors--gray-600: #5c6764;
--_zolution---colors--gray-800: #2e3332;
--_zolution---colors--green-300: #60c7ac;
--_zolution---font-mono: "Azeret mono", Arial, sans-serif;
--_zolution---colors--blue-300: #87bbd9;
--_zolution---font-size--text-link: 1rem;
--_zolution---colors--gray-700: #454e4c;
--_zolution---colors--gray-300: #a5b2af;
--_zolution---colors--green-50: #c4ece1;
--_zolution---colors--blue-400: #66a7cc;
--_zolution---colors--blue-50: #ebf5f9;
--_zolution---color--azul-400: #e06f68;
--_zolution---color--azul-300: #e69786;
--_zolution---color--azul-10: #fdfafa;
--_zolution---colors--purple-500: #ac49d8;
--_zolution---colors--purple-400: #bc71e3;
--_zolution---colors--purple-300: #cb97eb;
--_zolution---colors--purple-200: #dbbaf1;
--_zolution---colors--purple-100: #edddf8;
--_zolution---colors--purple-50: #f6eefb;
--_zolution---colors--error-red: #f44336
}
.blog-card_chips {
left: var(--_zolution---base-size--6);
top: var(--_zolution---base-size--6);
padding: var(--_zolution---base-size--4)var(--_zolution---base-size--12)
}
.article-container {
grid-column-gap: var(--_zolution---base-size--24);
grid-row-gap: var(--_zolution---base-size--24)
}
.article-data_wrapp {
grid-row-gap: var(--_zolution---base-size--24);
flex-flow: column;
justify-content: space-between;
align-items: flex-start
}
.article-data {
width: 100%
}
.article-wrapp {
grid-column-gap: var(--_zolution---base-size--32);
grid-row-gap: var(--_zolution---base-size--32)
}
.article-rich img {
border-radius: var(--_zolution---base-size--16)
}
.article-data_bottom {
margin-top: 0
}
.nav_links-button {
max-width: none;
padding-right: var(--_zolution---base-size--20);
padding-left: var(--_zolution---base-size--20)
}
.platform_hero-content {
justify-content: flex-start;
align-items: flex-start
}
.platform_hero-container {
grid-column-gap: var(--_zolution---base-size--40);
grid-row-gap: var(--_zolution---base-size--40);
justify-content: space-between;
align-items: flex-start
}
.icon_24px {
width: var(--_zolution---base-size--20);
height: var(--_zolution---base-size--20)
}
.cta-component-card {
padding-right: var(--_zolution---base-size--20);
padding-left: var(--_zolution---base-size--20)
}
.cta-component-title {
align-items: stretch
}
.compound_card-btn {
flex-flow: column;
align-items: stretch
}
.actions_container {
margin-top: var(--_zolution---base-size--80);
grid-column-gap: 6.25rem;
grid-row-gap: 6.25rem
}
.actions-item {
grid-column-gap: var(--_zolution---base-size--32);
grid-row-gap: var(--_zolution---base-size--32)
}
.actions-item.is--large {
margin-top: var(--_zolution---base-size--40);
grid-column-gap: var(--_zolution---base-size--20);
grid-row-gap: var(--_zolution---base-size--20)
}
.actions-item.is--additional {
margin-top: var(--_zolution---base-size--40);
flex-flow: column;
align-items: stretch;
display: flex
}
.actions_canvas {
aspect-ratio: 3.35/2;
border-radius: var(--_zolution---base-size--10);
object-fit: cover
}
.actions_feature-item {
padding-top: var(--_zolution---base-size--20);
grid-column-gap: var(--_zolution---base-size--24);
grid-row-gap: var(--_zolution---base-size--24);
flex-flow: column
}
.actions_feature-title {
grid-column-gap: var(--_zolution---base-size--12);
grid-row-gap: var(--_zolution---base-size--12)
}
.actions_feature-title.is--centered {
max-width: none
}
.actions_feature-title.is--centered.is--last-order {
order: 9999
}
.actions_grid-bottom {
grid-column-gap: var(--_zolution---base-size--40);
grid-row-gap: var(--_zolution---base-size--40)
}
.actions_bottom-card {
flex-flow: column
}
.actions_bottom-img-wrapp {
aspect-ratio: 3.35/2.68;
max-width: none
}
.actions_bottom-content {
grid-column-gap: var(--_zolution---base-size--12);
grid-row-gap: var(--_zolution---base-size--12);
padding-left: 0;
padding-right: 0
}
.platform_stack-content {
flex-flow: column;
display: flex
}
.accordion-control {
padding-top: var(--_zolution---base-size--32);
padding-bottom: var(--_zolution---base-size--32)
}
.platform_hero-patterm {
width: 40rem;
bottom: -12rem
}
.about_vision-container {
grid-column-gap: var(--_zolution---base-size--32);
grid-row-gap: var(--_zolution---base-size--32)
}
.about_vision-img-wrapp {
aspect-ratio: 3.35/2;
border-radius: var(--_zolution---base-size--10);
object-fit: cover
}
.about_story-container {
grid-column-gap: var(--_zolution---base-size--32);
grid-row-gap: var(--_zolution---base-size--32)
}
.about_story-img-wrap {
border-radius: var(--_zolution---base-size--20)
}
.about_story-img.is--desk {
display: none
}
.about_story-img.is--mob {
display: block
}
.about_img-full {
border-radius: var(--_zolution---base-size--20)
}
.about_team-heading {
flex-flow: column;
display: flex
}
.about_team-list {
grid-template-columns: 1fr 1fr
}
.about_team-content {
padding-left: 0;
padding-right: 0
}
.calc_slider-wrap {
grid-column-gap: var(--_zolution---base-size--12);
grid-row-gap: var(--_zolution---base-size--12)
}
.calc_range-wrapp {
flex-flow: column;
justify-content: space-between;
align-items: stretch
}
.selectors_list {
grid-column-gap: var(--_zolution---base-size--12);
grid-row-gap: var(--_zolution---base-size--12)
}
.calc_default-state {
flex-flow: column
}
.calc_btn-wrapp {
align-items: stretch;
margin-top: -1rem
}
.calc_icons-row {
grid-column-gap: var(--_zolution---base-size--8);
grid-row-gap: var(--_zolution---base-size--8);
flex-flow: row
}
.team_link-icon {
right: var(--_zolution---base-size--10);
bottom: var(--_zolution---base-size--10);
width: var(--_zolution---base-size--20);
height: var(--_zolution---base-size--20)
}
.success_img {
width: 6.25rem
}
.success_bg {
width: 37.5rem
}
.demo_container {
border-radius: var(--_zolution---base-size--12)
}
.step_chips {
left: var(--_zolution---base-size--8);
top: var(--_zolution---base-size--8);
height: 2.375rem;
padding-right: var(--_zolution---base-size--16);
padding-left: var(--_zolution---base-size--16);
white-space: nowrap
}
.native_calls-img-wrapp {
aspect-ratio: 3.35/2.68;
max-width: none
}
.section_chips {
font-size: var(--_zolution---base-size--14);
white-space: nowrap
}
.hero_container-new {
grid-row-gap: 0rem;
justify-content: flex-start;
align-items: center;
padding-top: 9.75rem;
padding-bottom: 0;
display: block
}
.benefits {
grid-column-gap: var(--_zolution---base-size--24);
grid-row-gap: var(--_zolution---base-size--24)
}
.animated_title {
width: 100%;
max-width: 21rem;
margin-left: auto;
margin-right: auto
}
.benefits_grid {
flex-flow: column;
display: flex
}
.hero_buttons-wrapp {
flex-flow: column;
align-items: stretch;
width: 100%;
max-width: none
}
.built-card {
height: 26.25rem;
padding: var(--_zolution---base-size--24)
}
.built-card.is--wide {
height: 21.25rem
}
.built-card.is--accent-red,
.built-card.is--accent-green {
height: 26.25rem
}
.text--mono {
--_zolution---colors--gray-50: #f2f6f5;
--_zolution---font-family: Archivo, Arial, sans-serif;
--_zolution---colors--black: #15171a;
--_zolution---font-size--text-m: .75rem;
--_zolution---line-height--120: 120%;
--_zolution---font-weight--regular: 400;
--_zolution---letter-space--3: -.03em;
--_zolution---base-size--24: 1.5rem;
--_zolution---base-size--44: 2.75rem;
--_zolution---colors--white: #fff;
--_zolution---base-size--80: 5rem;
--_zolution---font-size--text-l: .875rem;
--_zolution---line-height--140: 140%;
--_zolution---base-size--8: .5rem;
--_zolution---base-size--40: 2.5rem;
--_zolution---base-size--20: 1.25rem;
--_zolution---font-size--title-m: 1.375rem;
--_zolution---font-weight--medium: 500;
--_zolution---line-height--130: 130%;
--_zolution---font-size--title-xl: 2rem;
--_zolution---font-size--title-l: 1.75rem;
--_zolution---line-height--110: 110%;
--_zolution---letter-space--2: -.02em;
--_zolution---font-size--title-s: 1.25rem;
--_zolution---font-size--title-xs: 1.125rem;
--_zolution---base-size--18: 1.125rem;
--_zolution---font-size--text-xl: 1rem;
--_zolution---letter-space--1: -.01em;
--_zolution---colors--gray-500: #73817e;
--_zolution---base-size--32: 2rem;
--_zolution---base-size--16: 1rem;
--_zolution---base-size--button-radius: 1rem;
--_zolution---color--azul-500: #097aaa;
--_zolution---font-size--text-btn-l: 1rem;
--_zolution---base-size--12: .75rem;
--_zolution---font-size--text-btn-m: .875rem;
--_zolution---base-size--10: .625rem;
--_zolution---color--azul-50: #fbeeec;
--_zolution---color--azul-200: #ebb5ab;
--_zolution---base-size--140: 8.75rem;
--_zolution---base-size--120: 7.5rem;
--_zolution---base-size--90: 5.625rem;
--_zolution---base-size--105: 6.625rem;
--_zolution---base-size--60: 3.75rem;
--_zolution---base-size--100: 6.25rem;
--_zolution---base-size--48: 3rem;
--_zolution---colors--blue-700: #223a4b;
--_zolution---base-size--container: 85rem;
--_zolution---font-size--nav-link: .875rem;
--_zolution---colors--gray-400: #8b9a96;
--_zolution---base-size--50: 3.125rem;
--_zolution---base-size--38: 2.375rem;
--_zolution---base-size--64: 4rem;
--_zolution---base-size--6: .375rem;
--_zolution---colors--green-500: #0179b0;
--_zolution---base-size--42: 2.625rem;
--_zolution---colors--green-100: #c4ece1;
--_zolution---line-height--100: 100%;
--_zolution---base-size--52: 3.25rem;
--_zolution---colors--blue-200: #b0d4e8;
--_zolution---font-size--text-s: .75rem;
--_zolution---letter-space--0: 0em;
--_zolution---base-size--14: .875rem;
--_zolution---colors--green-200: #93dcc8;
--_zolution---colors--blue-100: #d8ebf4;
--_zolution---base-size--4: .25rem;
--_zolution---colors--gray-100: #d9dfde;
--_zolution---font-weight--bold: 700;
--_zolution---color--azul-100: #f6dad5;
--_zolution---colors--gray-200: #bec9c6;
--_zolution---colors--green-400: #37a88a;
--_zolution---font-size--text-chips: 1rem;
--_zolution---colors--blue-500: #478fb8;
--_zolution---colors--gray-600: #5c6764;
--_zolution---colors--gray-800: #2e3332;
--_zolution---colors--green-300: #60c7ac;
--_zolution---font-mono: "Azeret mono", Arial, sans-serif;
--_zolution---colors--blue-300: #87bbd9;
--_zolution---font-size--text-link: 1rem;
--_zolution---colors--gray-700: #454e4c;
--_zolution---colors--gray-300: #a5b2af;
--_zolution---colors--green-50: #c4ece1;
--_zolution---colors--blue-400: #66a7cc;
--_zolution---colors--blue-50: #ebf5f9;
--_zolution---color--azul-400: #e06f68;
--_zolution---color--azul-300: #e69786;
--_zolution---color--azul-10: #fdfafa;
--_zolution---colors--purple-500: #ac49d8;
--_zolution---colors--purple-400: #bc71e3;
--_zolution---colors--purple-300: #cb97eb;
--_zolution---colors--purple-200: #dbbaf1;
--_zolution---colors--purple-100: #edddf8;
--_zolution---colors--purple-50: #f6eefb;
--_zolution---colors--error-red: #f44336
}
.built-card-content {
max-width: 100%
}
.built-img-01 {
width: 100%;
padding-bottom: 1rem;
padding-left: 1rem;
padding-right: 1rem;
inset: auto 0% 0%
}
.built-img-02 {
width: 100%;
inset: auto 0% -21%
}
.built-img-03 {
width: 14.1875rem;
max-width: 100%;
inset: auto auto 0%
}
.built-img-04 {
width: 100%;
max-width: 100%;
padding-bottom: 1rem;
padding-left: 1rem;
padding-right: 1rem;
inset: auto 0% 0%
}
.built-img-05 {
width: 8.3125rem;
inset: 50% auto auto
}
.built-img-06 {
display: none
}
.built-img-06--mob {
width: 100%;
padding-bottom: .5rem;
padding-left: 0;
padding-right: 0;
display: block;
inset: auto 0% 0
}
.impact-animation-track {
height: auto
}
.impact-list {
flex-flow: column;
max-height: none;
margin-top: 0
}
.impact-item {
width: 100%
}
.wins-animation-track {
height: auto;
overflow: hidden
}
.win-circles-wrapp {
grid-column-gap: var(--_zolution---base-size--60);
grid-row-gap: var(--_zolution---base-size--60);
width: 100%;
height: auto
}
.win-circle.is--left,
.win-circle.is--right {
flex-flow: column;
position: static
}
.win-circle.illustration {
display: none
}
.container-impact {
height: auto;
min-height: auto;
padding-top: 0
}
.impact-item-accent {
aspect-ratio: 1;
width: 100%;
height: auto;
padding-left: 2rem;
padding-right: 2rem;
position: static;
transform: none
}
.win-circle-content.is--left {
padding-top: 4rem
}
.win-circle-content.is--right {
padding-bottom: 4rem
}
.win-tooltips {
text-align: center;
justify-content: center;
align-items: center;
width: 100%;
max-width: 15.625rem
}
.win-tooltips.is--left,
.win-tooltips.is--right {
opacity: 1;
text-align: center
}
.impact-item-accent-text {
opacity: 1
}
.step-line {
top: 1.75rem
}
.sales-animation-track {
height: auto;
position: static
}
.sales-figure-wrapp {
display: none
}
.sales-cards {
margin-top: var(--_zolution---base-size--60)
}
.sales-cards_track {
flex-flow: column
}
.sales-card {
width: 100%;
height: 11.875rem;
padding: 1.875rem var(--_zolution---base-size--24)
}
.sales-card.is--cta {
grid-column-gap: var(--_zolution---base-size--32);
grid-row-gap: var(--_zolution---base-size--32);
width: 100%;
height: auto
}
.sales-card_btns {
flex-flow: column;
align-items: stretch;
max-width: none
}
.testim-section_bg {
left: auto;
right: 0;
transform: translate(45%, 40%)
}
.steps-section_heading.animate-block_appear,
.steps-section-title {
align-items: stretch
}
.steps-btns {
flex-flow: column;
align-items: stretch;
max-width: none
}
.footer-bottom {
padding-top: var(--_zolution---base-size--60);
padding-bottom: var(--_zolution---base-size--60)
}
.footer-top {
padding-top: 6.875rem;
padding-bottom: 6.875rem
}
.flex-block-25 {
max-width: 18rem
}
.footer_sn-wrapp {
flex-flow: row
}
.footer_link-agency {
grid-column-gap: var(--_zolution---base-size--4);
grid-row-gap: var(--_zolution---base-size--4);
justify-content: center;
align-items: flex-start
}
.impact-section_heading.animate-block_appear {
position: static
}
.hero-animation_wrapp {
justify-content: center;
align-items: flex-end
}
.footer_container-grid {
grid-row-gap: var(--_zolution---base-size--60)
}
.win-circle-text {
opacity: 1
}
.hero_lottie.tablet {
display: none
}
.hero_lottie.mobile {
aspect-ratio: 7/20;
justify-content: space-between;
align-items: flex-end;
width: 100%;
height: auto;
display: flex;
position: absolute;
inset: auto 0% 0%
}
.hero-animation_grad {
height: 55%
}
.pricinng-table_header {
height: auto
}
.pricinng-table_cell.is--sub {
padding-right: var(--_zolution---base-size--24);
padding-left: var(--_zolution---base-size--24)
}
.pricinng-card {
padding-right: var(--_zolution---base-size--24);
padding-left: var(--_zolution---base-size--24);
flex-flow: column
}
.pricinng-card-bottom {
grid-column-gap: var(--_zolution---base-size--24);
grid-row-gap: var(--_zolution---base-size--24);
flex-flow: column;
justify-content: center;
align-items: center
}
.pricinng-card-title {
text-align: center;
align-items: center
}
.pricinng-card-top {
grid-column-gap: var(--_zolution---base-size--24);
grid-row-gap: var(--_zolution---base-size--24);
align-items: center
}
.pricinng-card_sub {
justify-content: center;
align-items: center
}
.pricing-sub_mob {
display: block
}
.pricing_animation {
padding-top: var(--_zolution---base-size--80);
padding-bottom: var(--_zolution---base-size--20)
}
.pricing-anim_circle {
order: -9999;
width: 15rem;
height: 15rem;
position: relative
}
.pricing-anim_bg {
display: none
}
.pricing-anim_text-wrap {
grid-column-gap: var(--_zolution---base-size--32);
grid-row-gap: var(--_zolution---base-size--32)
}
.pricing-anim_text-wrap.is--centered {
flex-flow: column;
position: static
}
.pricing-anim_text-wrap.is--short {
flex-flow: column;
width: 100%
}
.pricing-anim_content {
grid-column-gap: var(--_zolution---base-size--32);
grid-row-gap: var(--_zolution---base-size--32);
flex-flow: column
}
.pricing-anim_sub {
width: 100%;
margin-top: var(--_zolution---base-size--12);
text-align: left;
position: static;
transform: none
}
.pricing-anim_text {
width: 100%;
padding-bottom: var(--_zolution---base-size--32);
grid-column-gap: var(--_zolution---base-size--12);
grid-row-gap: var(--_zolution---base-size--12);
border-bottom: 1px solid #ffffff1a
}
.pricinng-table {
display: block
}
.pricinng-table-nav_wrapp {
display: none
}
.pricinng-table_spacer {
height: auto
}
.pricinng-card_btn {
width: 100%;
display: block
}
.container_features {
flex-flow: column
}
.hiw-card_right {
height: auto
}
.hiw-card_inner {
grid-column-gap: var(--_zolution---base-size--24);
grid-row-gap: var(--_zolution---base-size--24)
}
.hiw-card_cover {
aspect-ratio: 1.77;
height: auto
}
.hiw-card_list-content {
grid-column-gap: var(--_zolution---base-size--8);
grid-row-gap: var(--_zolution---base-size--8)
}
.hiw-card_list {
grid-column-gap: var(--_zolution---base-size--24);
grid-row-gap: var(--_zolution---base-size--24)
}
.hiw-left_panel {
width: 100%;
height: auto;
display: none
}
.hiw-right_panel {
padding-top: var(--_zolution---base-size--80);
padding-bottom: var(--_zolution---base-size--120);
grid-column-gap: var(--_zolution---base-size--80);
grid-row-gap: var(--_zolution---base-size--80);
margin-left: 1rem;
padding-left: 2.25rem
}
.guide-circle-wrapp {
flex-flow: column;
width: 100%;
display: flex
}
.guide-circle {
aspect-ratio: 1;
width: 100%;
height: auto;
margin-top: -2rem
}
.hiw-stack {
height: auto;
margin-top: var(--_zolution---base-size--60);
flex-flow: column
}
.hiw-stack-animation {
width: 100%
}
.hiw-card_marker--mob {
width: var(--_zolution---base-size--32);
height: var(--_zolution---base-size--32);
display: flex;
inset: 0% auto auto -2.25rem;
transform: translate(-50%)
}
.hiw-card_inner--mob {
grid-column-gap: var(--_zolution---base-size--24);
grid-row-gap: var(--_zolution---base-size--24);
display: flex
}
.guide-container_sticky {
height: auto;
min-height: auto
}
.hiw-section-title-top {
display: block
}
.hiw-hero_animation {
width: 100%
}
.hiw-hero_circle.is--01 {
width: 22rem
}
.hiw-hero_container {
grid-row-gap: 0rem;
justify-content: flex-start;
align-items: center;
padding-top: 9.75rem;
padding-bottom: 0;
display: block
}
.hiw-hero_wrapp {
height: 37rem
}
.flex-block-31 {
width: 100%;
max-width: none
}
.hiw-stack-animation_inner {
width: 100%
}
}
#w-node-dfeb8a6f-3d27-8a65-53e0-41b223156495-23156472 {
grid-area: 1/2/2/2
}
#w-node-a7bc8a10-fdd2-7358-97a0-ee55c54de034-c54de030 {
justify-self: center
}
#w-node-e22a8e64-76c5-ec90-dab3-4caedf46f8a2-62a4fde0,
#w-node-e22a8e64-76c5-ec90-dab3-4caedf46f8c1-62a4fde0 {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-e22a8e64-76c5-ec90-dab3-4caedf46f8e1-62a4fde0 {
grid-area: span 1/span 2/span 1/span 2
}
#w-node-e22a8e64-76c5-ec90-dab3-4caedf46f8e2-62a4fde0 {
grid-area: 1/3/2/11
}
#w-node-e22a8e64-76c5-ec90-dab3-4caedf46f8f6-62a4fde0,
#w-node-e22a8e64-76c5-ec90-dab3-4caedf46f928-62a4fde0 {
grid-area: span 1/span 2/span 1/span 2
}
#w-node-e22a8e64-76c5-ec90-dab3-4caedf46fa2d-62a4fde0 {
grid-area: 1/2/2/4
}
#w-node-e22a8e64-76c5-ec90-dab3-4caedf46fa43-62a4fde0 {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-e22a8e64-76c5-ec90-dab3-4caedf46fa48-62a4fde0 {
grid-area: span 1/span 2/span 1/span 2
}
#w-node-_143488ea-7d5b-e4ea-9aec-bd829d9402b3-74fc8841,
#w-node-_2097556a-5c22-4c2e-0653-64e8921c1fee-cef43743 {
grid-column: span 1/span 1
}
#w-node-d47c823e-1bc4-9c5c-d5c3-40611cbb8430-f8101c7b {
grid-area: span 1/span 2/span 1/span 2
}
#w-node-d47c823e-1bc4-9c5c-d5c3-40611cbb8436-f8101c7b {
grid-area: 1/3/2/11
}
#w-node-_5ba52d05-8810-90b2-f688-01f4307520ed-f8101c7b,
#w-node-_5ba52d05-8810-90b2-f688-01f4307520ef-f8101c7b,
#w-node-e225a68d-8112-a425-e3b3-2f2eba802186-f8101c7b {
grid-area: span 1/span 2/span 1/span 2
}
#w-node-_94919a9b-fe40-e40d-f125-1b8b56b0494d-f8101c7b {
grid-area: 2/2/3/4
}
#w-node-_94919a9b-fe40-e40d-f125-1b8b56b04959-f8101c7b,
#w-node-_94919a9b-fe40-e40d-f125-1b8b56b0495d-f8101c7b,
#w-node-_3283b2cd-07c9-be95-e0e6-5e74f071c54e-f8101c7b,
#w-node-de41797f-f94d-c317-b063-87eacbd8cdba-f8101c7b {
grid-area: span 1/span 2/span 1/span 2
}
#w-node-a5359d29-ad5b-74a9-c09e-8642ada1f609-f8101c7b {
grid-area: 1/2/2/4
}
#w-node-_26970757-ee5b-3483-f3bf-fb8ec33037a2-f8101c7b {
grid-area: span 1/span 4/span 1/span 4
}
#w-node-_2a7ab7b0-0f7a-729b-a79b-ce38cc14268a-c7d42edc {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-_2a7ab7b0-0f7a-729b-a79b-ce38cc14268f-c7d42edc,
#w-node-_69cacecf-948e-f8b4-2da4-ac17c445c742-bcc53708 {
grid-area: span 1/span 2/span 1/span 2
}
#w-node-_69cacecf-948e-f8b4-2da4-ac17c445c759-bcc53708 {
grid-area: 1/2/2/4
}
#w-node-_69cacecf-948e-f8b4-2da4-ac17c445c8b9-bcc53708 {
grid-area: span 1/span 2/span 1/span 2
}
#w-node-_69cacecf-948e-f8b4-2da4-ac17c445c8bb-bcc53708 {
grid-area: 1/3/2/11
}
#w-node-_69cacecf-948e-f8b4-2da4-ac17c445c8ed-bcc53708 {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-_69cacecf-948e-f8b4-2da4-ac17c445c8f2-bcc53708 {
grid-area: span 1/span 2/span 1/span 2
}
@media screen and (min-width:1440px) {
#w-node-e22a8e64-76c5-ec90-dab3-4caedf46fa43-62a4fde0 {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-e22a8e64-76c5-ec90-dab3-4caedf46fa48-62a4fde0 {
grid-area: span 1/span 2/span 1/span 2
}
#w-node-_2a7ab7b0-0f7a-729b-a79b-ce38cc142682-c7d42edc {
grid-area: 2/5/3/6
}
#w-node-_2a7ab7b0-0f7a-729b-a79b-ce38cc14268a-c7d42edc {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-_2a7ab7b0-0f7a-729b-a79b-ce38cc14268f-c7d42edc {
grid-area: span 1/span 2/span 1/span 2
}
#w-node-_69cacecf-948e-f8b4-2da4-ac17c445c8ed-bcc53708 {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-_69cacecf-948e-f8b4-2da4-ac17c445c8f2-bcc53708 {
grid-area: span 1/span 2/span 1/span 2
}
}
@media screen and (min-width:1280px) {
#w-node-e22a8e64-76c5-ec90-dab3-4caedf46f8a2-62a4fde0 {
grid-area: 1/2/2/3
}
#w-node-e22a8e64-76c5-ec90-dab3-4caedf46f8c1-62a4fde0 {
grid-area: 1/3/2/4
}
#w-node-e22a8e64-76c5-ec90-dab3-4caedf46f8e1-62a4fde0 {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-e22a8e64-76c5-ec90-dab3-4caedf46f8e2-62a4fde0 {
grid-column: 2/4;
grid-row-start: 1
}
#w-node-e22a8e64-76c5-ec90-dab3-4caedf46f8f6-62a4fde0,
#w-node-e22a8e64-76c5-ec90-dab3-4caedf46f928-62a4fde0,
#w-node-d47c823e-1bc4-9c5c-d5c3-40611cbb8430-f8101c7b {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-d47c823e-1bc4-9c5c-d5c3-40611cbb8436-f8101c7b {
grid-column: 2/4;
grid-row-start: 1
}
#w-node-_5ba52d05-8810-90b2-f688-01f4307520ed-f8101c7b {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-_94919a9b-fe40-e40d-f125-1b8b56b0494d-f8101c7b,
#w-node-_94919a9b-fe40-e40d-f125-1b8b56b0495d-f8101c7b {
grid-column: 2/4;
grid-row-end: 3
}
#w-node-_2a7ab7b0-0f7a-729b-a79b-ce38cc142682-c7d42edc {
grid-area: 2/5/3/6
}
#w-node-_69cacecf-948e-f8b4-2da4-ac17c445c759-bcc53708 {
grid-column: 2/4;
grid-row-end: 3
}
#w-node-_69cacecf-948e-f8b4-2da4-ac17c445c8b9-bcc53708 {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-_69cacecf-948e-f8b4-2da4-ac17c445c8bb-bcc53708 {
grid-column: 2/4;
grid-row-start: 1
}
}
@media screen and (max-width:991px) {
#w-node-dfeb8a6f-3d27-8a65-53e0-41b223156495-23156472,
#w-node-e22a8e64-76c5-ec90-dab3-4caedf46f8a2-62a4fde0,
#w-node-e22a8e64-76c5-ec90-dab3-4caedf46f8c1-62a4fde0 {
grid-area: span 1/span 1/span 1/span 1
}
}
@media screen and (max-width:767px) {
#w-node-dfeb8a6f-3d27-8a65-53e0-41b223156485-23156472 {
grid-area: span 1/span 2/span 1/span 2
}
#w-node-dfeb8a6f-3d27-8a65-53e0-41b22315649d-23156472 {
grid-area: span 1/span 1/span 1/span 1
}
}