body {
    color:#000000;
    font-family: "Nunito", "sans-serif";
}
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;
}



abbr[title] {
    border-bottom: 1px dotted;
}

b, strong {
    font-weight: bold;
}

dfn {
    font-style: italic;
}

mark {
    color: #000;
    background: #ff0;
}

small {
    font-size: 80%;
}

sub, sup {
    vertical-align: baseline;
    font-size: 75%;
    line-height: 0;
    position: relative;
}

sup {
    top: -.5em;
}

sub {
    bottom: -.25em;
}

img {
    border: 0;
}

svg:not(:root) {
    overflow: hidden;
}

figure {
    margin: 1em 40px;
}

hr {
    box-sizing: content-box;
    height: 0;
}

pre {
    overflow: auto;
}

code, kbd, pre, samp {
    font-family: monospace;
    font-size: 1em;
}

button, input, optgroup, select, textarea {
    color: inherit;
    font: inherit;
    margin: 0;
}

button {
    overflow: visible;
}

button, select {
    text-transform: none;
}

button, html input[type="button"], input[type="reset"] {
    -webkit-appearance: button;
    cursor: pointer;
}

    button[disabled], html input[disabled] {
        cursor: default;
    }

    button::-moz-focus-inner, input::-moz-focus-inner {
        border: 0;
        padding: 0;
    }

input {
    line-height: normal;
}

    input[type="checkbox"], input[type="radio"] {
        box-sizing: border-box;
        padding: 0;
    }

    input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
        height: auto;
    }

    input[type="search"] {
        -webkit-appearance: none;
    }

        input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
            -webkit-appearance: none;
        }

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

legend {
    border: 0;
    padding: 0;
}

textarea {
    overflow: auto;
}

optgroup {
    font-weight: bold;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

td, th {
    padding: 0;
}

@font-face {
    font-family: webflow-icons;
    src: url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBiUAAAC8AAAAYGNtYXDpP+a4AAABHAAAAFxnYXNwAAAAEAAAAXgAAAAIZ2x5ZmhS2XEAAAGAAAADHGhlYWQTFw3HAAAEnAAAADZoaGVhCXYFgQAABNQAAAAkaG10eCe4A1oAAAT4AAAAMGxvY2EDtALGAAAFKAAAABptYXhwABAAPgAABUQAAAAgbmFtZSoCsMsAAAVkAAABznBvc3QAAwAAAAAHNAAAACAAAwP4AZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpAwPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAQAAAAAwACAACAAQAAQAg5gPpA//9//8AAAAAACDmAOkA//3//wAB/+MaBBcIAAMAAQAAAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEBIAAAAyADgAAFAAAJAQcJARcDIP5AQAGA/oBAAcABwED+gP6AQAABAOAAAALgA4AABQAAEwEXCQEH4AHAQP6AAYBAAcABwED+gP6AQAAAAwDAAOADQALAAA8AHwAvAAABISIGHQEUFjMhMjY9ATQmByEiBh0BFBYzITI2PQE0JgchIgYdARQWMyEyNj0BNCYDIP3ADRMTDQJADRMTDf3ADRMTDQJADRMTDf3ADRMTDQJADRMTAsATDSANExMNIA0TwBMNIA0TEw0gDRPAEw0gDRMTDSANEwAAAAABAJ0AtAOBApUABQAACQIHCQEDJP7r/upcAXEBcgKU/usBFVz+fAGEAAAAAAL//f+9BAMDwwAEAAkAABcBJwEXAwE3AQdpA5ps/GZsbAOabPxmbEMDmmz8ZmwDmvxmbAOabAAAAgAA/8AEAAPAAB0AOwAABSInLgEnJjU0Nz4BNzYzMTIXHgEXFhUUBw4BBwYjNTI3PgE3NjU0Jy4BJyYjMSIHDgEHBhUUFx4BFxYzAgBqXV6LKCgoKIteXWpqXV6LKCgoKIteXWpVSktvICEhIG9LSlVVSktvICEhIG9LSlVAKCiLXl1qal1eiygoKCiLXl1qal1eiygoZiEgb0tKVVVKS28gISEgb0tKVVVKS28gIQABAAABwAIAA8AAEgAAEzQ3PgE3NjMxFSIHDgEHBhUxIwAoKIteXWpVSktvICFmAcBqXV6LKChmISBvS0pVAAAAAgAA/8AFtgPAADIAOgAAARYXHgEXFhUUBw4BBwYHIxUhIicuAScmNTQ3PgE3NjMxOAExNDc+ATc2MzIXHgEXFhcVATMJATMVMzUEjD83NlAXFxYXTjU1PQL8kz01Nk8XFxcXTzY1PSIjd1BQWlJJSXInJw3+mdv+2/7c25MCUQYcHFg5OUA/ODlXHBwIAhcXTzY1PTw1Nk8XF1tQUHcjIhwcYUNDTgL+3QFt/pOTkwABAAAAAQAAmM7nP18PPPUACwQAAAAAANciZKUAAAAA1yJkpf/9/70FtgPDAAAACAACAAAAAAAAAAEAAAPA/8AAAAW3//3//QW2AAEAAAAAAAAAAAAAAAAAAAAMBAAAAAAAAAAAAAAAAgAAAAQAASAEAADgBAAAwAQAAJ0EAP/9BAAAAAQAAAAFtwAAAAAAAAAKABQAHgAyAEYAjACiAL4BFgE2AY4AAAABAAAADAA8AAMAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADQAAAAEAAAAAAAIABwCWAAEAAAAAAAMADQBIAAEAAAAAAAQADQCrAAEAAAAAAAUACwAnAAEAAAAAAAYADQBvAAEAAAAAAAoAGgDSAAMAAQQJAAEAGgANAAMAAQQJAAIADgCdAAMAAQQJAAMAGgBVAAMAAQQJAAQAGgC4AAMAAQQJAAUAFgAyAAMAAQQJAAYAGgB8AAMAAQQJAAoANADsd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzUmVndWxhcgBSAGUAZwB1AGwAYQByd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==") format("truetype");
    font-weight: normal;
    font-style: normal;
}

[class^="w-icon-"], [class*=" w-icon-"] {
    speak: none;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    font-family: webflow-icons !important;
}

.w-icon-slider-right:before {
    content: "";
}

.w-icon-slider-left:before {
    content: "";
}

.w-icon-nav-menu:before {
    content: "";
}

.w-icon-arrow-down:before, .w-icon-dropdown-toggle:before {
    content: "";
}

.w-icon-file-upload-remove:before {
    content: "";
}

.w-icon-file-upload-icon:before {
    content: "";
}

* {
    box-sizing: border-box;
}


html.w-mod-touch * {
    background-attachment: scroll !important;
}

.w-block {
    display: block;
}

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

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

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

.w-hidden {
    display: none;
}

.w-button {
    color: #fff;
    line-height: inherit;
    cursor: pointer;
    background-color: #3898ec;
    border: 0;
    border-radius: 0;
    padding: 9px 15px;
    text-decoration: none;
    display: inline-block;
}

input.w-button {
    -webkit-appearance: button;
}

html[data-w-dynpage] [data-w-cloak] {
    color: rgba(0, 0, 0, 0) !important;
}

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

.w-webflow-badge {
    white-space: nowrap;
    cursor: pointer;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .1), 0 1px 3px rgba(0, 0, 0, .1);
    visibility: visible !important;
    z-index: 2147483647 !important;
    color: #aaadb0 !important;
    opacity: 1 !important;
    width: auto !important;
    height: auto !important;
    background-color: #fff !important;
    border-radius: 3px !important;
    margin: 0 !important;
    padding: 6px 8px 6px 6px !important;
    font-size: 12px !important;
    line-height: 14px !important;
    text-decoration: none !important;
    display: inline-block !important;
    position: fixed !important;
    top: auto !important;
    bottom: 12px !important;
    left: auto !important;
    right: 12px !important;
    overflow: visible !important;
    transform: none !important;
}

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

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

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

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

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

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

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

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

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

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

figure {
    margin: 0 0 10px;
}

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

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

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

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

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

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

    .w-video iframe, .w-video object, .w-video embed {
        width: 100%;
        height: 100%;
        border: none;
        position: absolute;
        top: 0;
        left: 0;
    }

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

button, [type="button"], [type="reset"] {
    cursor: pointer;
    -webkit-appearance: button;
    border: 0;
}

.w-form {
    margin: 0 0 15px;
}

.w-form-done {
    text-align: center;
    background-color: #ddd;
    padding: 20px;
    display: none;
}

.w-form-fail {
    background-color: #ffdede;
    margin-top: 10px;
    padding: 10px;
    display: none;
}

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

.w-input, .w-select {
    width: 100%;
    height: 38px;
    color: #333;
    vertical-align: middle;
    background-color: #fff;
    border: 1px solid #ccc;
    margin-bottom: 10px;
    padding: 8px 12px;
    font-size: 14px;
    line-height: 1.42857;
    display: block;
}

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

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

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

    .w-input:focus, .w-select:focus {
        border-color: #3898ec;
        outline: 0;
    }

    .w-input[disabled], .w-select[disabled], .w-input[readonly], .w-select[readonly], fieldset[disabled] .w-input, fieldset[disabled] .w-select {
        cursor: not-allowed;
    }

        .w-input[disabled]:not(.w-input-disabled), .w-select[disabled]:not(.w-input-disabled), .w-input[readonly], .w-select[readonly], fieldset[disabled]:not(.w-input-disabled) .w-input, fieldset[disabled]:not(.w-input-disabled) .w-select {
            background-color: #eee;
        }

textarea.w-input, textarea.w-select {
    height: auto;
}

.w-select {
    background-color: #f3f3f3;
}

    .w-select[multiple] {
        height: auto;
    }

.w-form-label {
    cursor: pointer;
    margin-bottom: 0;
    font-weight: normal;
    display: inline-block;
}

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

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

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

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

.w-file-upload {
    margin-bottom: 10px;
    display: block;
}

.w-file-upload-input {
    width: .1px;
    height: .1px;
    opacity: 0;
    z-index: -100;
    position: absolute;
    overflow: hidden;
}

.w-file-upload-default, .w-file-upload-uploading, .w-file-upload-success {
    color: #333;
    display: inline-block;
}

.w-file-upload-error {
    margin-top: 10px;
    display: block;
}

    .w-file-upload-default.w-hidden, .w-file-upload-uploading.w-hidden, .w-file-upload-error.w-hidden, .w-file-upload-success.w-hidden {
        display: none;
    }

.w-file-upload-uploading-btn {
    cursor: pointer;
    background-color: #fafafa;
    border: 1px solid #ccc;
    margin: 0;
    padding: 8px 12px;
    font-size: 14px;
    font-weight: normal;
    display: flex;
}

.w-file-upload-file {
    background-color: #fafafa;
    border: 1px solid #ccc;
    flex-grow: 1;
    justify-content: space-between;
    margin: 0;
    padding: 8px 9px 8px 11px;
    display: flex;
}

.w-file-upload-file-name {
    font-size: 14px;
    font-weight: normal;
    display: block;
}

.w-file-remove-link {
    width: auto;
    height: auto;
    cursor: pointer;
    margin-top: 3px;
    margin-left: 10px;
    padding: 3px;
    display: block;
}

.w-icon-file-upload-remove {
    margin: auto;
    font-size: 10px;
}

.w-file-upload-error-msg {
    color: #ea384c;
    padding: 2px 0;
    display: inline-block;
}

.w-file-upload-info {
    padding: 0 12px;
    line-height: 38px;
    display: inline-block;
}

.w-file-upload-label {
    cursor: pointer;
    background-color: #fafafa;
    border: 1px solid #ccc;
    margin: 0;
    padding: 8px 12px;
    font-size: 14px;
    font-weight: normal;
    display: inline-block;
}

.w-icon-file-upload-icon, .w-icon-file-upload-uploading {
    width: 20px;
    margin-right: 8px;
    display: inline-block;
}

.w-icon-file-upload-uploading {
    height: 20px;
}

.w-container {
    max-width: 940px;
    margin-left: auto;
    margin-right: auto;
}

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

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

    .w-container .w-row {
        margin-left: -10px;
        margin-right: -10px;
    }

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

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

.w-row .w-row {
    margin-left: 0;
    margin-right: 0;
}

.w-col {
    float: left;
    width: 100%;
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
    position: relative;
}

    .w-col .w-col {
        padding-left: 0;
        padding-right: 0;
    }

.w-col-1 {
    width: 8.33333%;
}

.w-col-2 {
    width: 16.6667%;
}

.w-col-3 {
    width: 25%;
}

.w-col-4 {
    width: 33.3333%;
}

.w-col-5 {
    width: 41.6667%;
}

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

.w-col-7 {
    width: 58.3333%;
}

.w-col-8 {
    width: 66.6667%;
}

.w-col-9 {
    width: 75%;
}

.w-col-10 {
    width: 83.3333%;
}

.w-col-11 {
    width: 91.6667%;
}

.w-col-12 {
    width: 100%;
}

.w-hidden-main {
    display: none !important;
}

@media screen and (max-width: 991px) {
    .w-container {
        max-width: 728px;
    }

    .w-hidden-main {
        display: inherit !important;
    }

    .w-hidden-medium {
        display: none !important;
    }

    .w-col-medium-1 {
        width: 8.33333%;
    }

    .w-col-medium-2 {
        width: 16.6667%;
    }

    .w-col-medium-3 {
        width: 25%;
    }

    .w-col-medium-4 {
        width: 33.3333%;
    }

    .w-col-medium-5 {
        width: 41.6667%;
    }

    .w-col-medium-6 {
        width: 50%;
    }

    .w-col-medium-7 {
        width: 58.3333%;
    }

    .w-col-medium-8 {
        width: 66.6667%;
    }

    .w-col-medium-9 {
        width: 75%;
    }

    .w-col-medium-10 {
        width: 83.3333%;
    }

    .w-col-medium-11 {
        width: 91.6667%;
    }

    .w-col-medium-12 {
        width: 100%;
    }

    .w-col-stack {
        width: 100%;
        left: auto;
        right: auto;
    }
}

@media screen and (max-width: 767px) {
    .w-hidden-main, .w-hidden-medium {
        display: inherit !important;
    }

    .w-hidden-small {
        display: none !important;
    }

    .w-row, .w-container .w-row {
        margin-left: 0;
        margin-right: 0;
    }

    .w-col {
        width: 100%;
        left: auto;
        right: auto;
    }

    .w-col-small-1 {
        width: 8.33333%;
    }

    .w-col-small-2 {
        width: 16.6667%;
    }

    .w-col-small-3 {
        width: 25%;
    }

    .w-col-small-4 {
        width: 33.3333%;
    }

    .w-col-small-5 {
        width: 41.6667%;
    }

    .w-col-small-6 {
        width: 50%;
    }

    .w-col-small-7 {
        width: 58.3333%;
    }

    .w-col-small-8 {
        width: 66.6667%;
    }

    .w-col-small-9 {
        width: 75%;
    }

    .w-col-small-10 {
        width: 83.3333%;
    }

    .w-col-small-11 {
        width: 91.6667%;
    }

    .w-col-small-12 {
        width: 100%;
    }
}

@media screen and (max-width: 479px) {
    .w-container {
        max-width: none;
    }

    .w-hidden-main, .w-hidden-medium, .w-hidden-small {
        display: inherit !important;
    }

    .w-hidden-tiny {
        display: none !important;
    }

    .w-col {
        width: 100%;
    }

    .w-col-tiny-1 {
        width: 8.33333%;
    }

    .w-col-tiny-2 {
        width: 16.6667%;
    }

    .w-col-tiny-3 {
        width: 25%;
    }

    .w-col-tiny-4 {
        width: 33.3333%;
    }

    .w-col-tiny-5 {
        width: 41.6667%;
    }

    .w-col-tiny-6 {
        width: 50%;
    }

    .w-col-tiny-7 {
        width: 58.3333%;
    }

    .w-col-tiny-8 {
        width: 66.6667%;
    }

    .w-col-tiny-9 {
        width: 75%;
    }

    .w-col-tiny-10 {
        width: 83.3333%;
    }

    .w-col-tiny-11 {
        width: 91.6667%;
    }

    .w-col-tiny-12 {
        width: 100%;
    }
}

.w-widget {
    position: relative;
}

.w-widget-map {
    width: 100%;
    height: 400px;
}

    .w-widget-map label {
        width: auto;
        display: inline;
    }

    .w-widget-map img {
        max-width: inherit;
    }

    .w-widget-map .gm-style-iw {
        text-align: center;
    }

        .w-widget-map .gm-style-iw > button {
            display: none !important;
        }

.w-widget-twitter {
    overflow: hidden;
}

.w-widget-twitter-count-shim {
    vertical-align: top;
    width: 28px;
    height: 20px;
    text-align: center;
    background: #fff;
    border: 1px solid #758696;
    border-radius: 3px;
    display: inline-block;
    position: relative;
}

    .w-widget-twitter-count-shim * {
        pointer-events: none;
        -webkit-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

    .w-widget-twitter-count-shim .w-widget-twitter-count-inner {
        text-align: center;
        color: #999;
        font-family: serif;
        font-size: 15px;
        line-height: 12px;
        position: relative;
    }

    .w-widget-twitter-count-shim .w-widget-twitter-count-clear {
        display: block;
        position: relative;
    }

    .w-widget-twitter-count-shim.w--large {
        width: 36px;
        height: 28px;
    }

        .w-widget-twitter-count-shim.w--large .w-widget-twitter-count-inner {
            font-size: 18px;
            line-height: 18px;
        }

    .w-widget-twitter-count-shim:not(.w--vertical) {
        margin-left: 5px;
        margin-right: 8px;
    }

        .w-widget-twitter-count-shim:not(.w--vertical).w--large {
            margin-left: 6px;
        }

        .w-widget-twitter-count-shim:not(.w--vertical):before, .w-widget-twitter-count-shim:not(.w--vertical):after {
            content: " ";
            height: 0;
            width: 0;
            pointer-events: none;
            border: solid rgba(0, 0, 0, 0);
            position: absolute;
            top: 50%;
            left: 0;
        }

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

        .w-widget-twitter-count-shim:not(.w--vertical).w--large:before {
            border-width: 5px;
            margin-top: -5px;
            margin-left: -10px;
        }

        .w-widget-twitter-count-shim:not(.w--vertical):after {
            border-width: 4px;
            border-color: rgba(255, 255, 255, 0) #fff rgba(255, 255, 255, 0) rgba(255, 255, 255, 0);
            margin-top: -4px;
            margin-left: -8px;
        }

        .w-widget-twitter-count-shim:not(.w--vertical).w--large:after {
            border-width: 5px;
            margin-top: -5px;
            margin-left: -9px;
        }

    .w-widget-twitter-count-shim.w--vertical {
        width: 61px;
        height: 33px;
        margin-bottom: 8px;
    }

        .w-widget-twitter-count-shim.w--vertical:before, .w-widget-twitter-count-shim.w--vertical:after {
            content: " ";
            height: 0;
            width: 0;
            pointer-events: none;
            border: solid rgba(0, 0, 0, 0);
            position: absolute;
            top: 100%;
            left: 50%;
        }

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

        .w-widget-twitter-count-shim.w--vertical:after {
            border-width: 4px;
            border-color: #fff rgba(255, 255, 255, 0) rgba(255, 255, 255, 0);
            margin-left: -4px;
        }

        .w-widget-twitter-count-shim.w--vertical .w-widget-twitter-count-inner {
            font-size: 18px;
            line-height: 22px;
        }

        .w-widget-twitter-count-shim.w--vertical.w--large {
            width: 76px;
        }

.w-background-video {
    height: 500px;
    color: #fff;
    position: relative;
    overflow: hidden;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.w-slider-dot {
    width: 1em;
    height: 1em;
    cursor: pointer;
    background-color: rgba(255, 255, 255, .4);
    margin: 0 3px .5em;
    transition: background-color .1s, color .1s;
    display: inline-block;
    position: relative;
}

    .w-slider-dot.w-active {
        background-color: #fff;
    }

    .w-slider-dot:focus {
        outline: none;
        box-shadow: 0 0 0 2px #fff;
    }

        .w-slider-dot:focus.w-active {
            box-shadow: none;
        }

.w-slider-arrow-left, .w-slider-arrow-right {
    width: 80px;
    cursor: pointer;
    color: #fff;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin: auto;
    font-size: 40px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: hidden;
}

    .w-slider-arrow-left [class^="w-icon-"], .w-slider-arrow-right [class^="w-icon-"], .w-slider-arrow-left [class*=" w-icon-"], .w-slider-arrow-right [class*=" w-icon-"] {
        position: absolute;
    }

    .w-slider-arrow-left:focus, .w-slider-arrow-right:focus {
        outline: 0;
    }

.w-slider-arrow-left {
    z-index: 3;
    right: auto;
}

.w-slider-arrow-right {
    z-index: 4;
    left: auto;
}

.w-icon-slider-left, .w-icon-slider-right {
    width: 1em;
    height: 1em;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.w-slider-aria-label {
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    border: 0;
    margin: -1px;
    padding: 0;
    position: absolute;
    overflow: hidden;
}

.w-slider-force-show {
    display: block !important;
}

.w-dropdown {
    text-align: left;
    z-index: 900;
    margin-left: auto;
    margin-right: auto;
    display: inline-block;
    position: relative;
}

.w-dropdown-btn, .w-dropdown-toggle, .w-dropdown-link {
    vertical-align: top;
    color: #222;
    text-align: left;
    white-space: nowrap;
    margin-left: auto;
    margin-right: auto;
    padding: 20px;
    text-decoration: none;
    position: relative;
}

.w-dropdown-toggle {
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    padding-right: 40px;
    display: inline-block;
}

    .w-dropdown-toggle:focus {
        outline: 0;
    }

.w-icon-dropdown-toggle {
    width: 1em;
    height: 1em;
    margin: auto 20px auto auto;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
}

.w-dropdown-list {
    min-width: 100%;
    background: #ddd;
    display: none;
    position: absolute;
}

    .w-dropdown-list.w--open {
        display: block;
    }

.w-dropdown-link {
    color: #222;
    padding: 10px 20px;
    display: block;
}

    .w-dropdown-link.w--current {
        color: #0082f3;
    }

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

@media screen and (max-width: 767px) {
    .w-nav-brand {
        padding-left: 10px;
    }
}

.w-lightbox-backdrop {
    cursor: auto;
    letter-spacing: normal;
    text-indent: 0;
    text-shadow: none;
    text-transform: none;
    visibility: visible;
    white-space: normal;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    color: #fff;
    text-align: center;
    z-index: 2000;
    opacity: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -webkit-tap-highlight-color: transparent;
    background: rgba(0, 0, 0, .9);
    outline: 0;
    font-family: Helvetica Neue, Helvetica, Ubuntu, Segoe UI, Verdana, sans-serif;
    font-size: 17px;
    font-style: normal;
    font-weight: 300;
    line-height: 1.2;
    list-style: disc;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    -webkit-transform: translate(0);
}

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

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

.w-lightbox-view {
    width: 100vw;
    height: 100vh;
    opacity: 0;
    position: absolute;
}

    .w-lightbox-view:before {
        content: "";
        height: 100vh;
    }

.w-lightbox-group, .w-lightbox-group .w-lightbox-view, .w-lightbox-group .w-lightbox-view:before {
    height: 86vh;
}

.w-lightbox-frame, .w-lightbox-view:before {
    vertical-align: middle;
    display: inline-block;
}

.w-lightbox-figure {
    margin: 0;
    position: relative;
}

.w-lightbox-group .w-lightbox-figure {
    cursor: pointer;
}

.w-lightbox-img {
    width: auto;
    height: auto;
    max-width: none;
}

.w-lightbox-image {
    float: none;
    max-width: 100vw;
    max-height: 100vh;
    display: block;
}

.w-lightbox-group .w-lightbox-image {
    max-height: 86vh;
}

.w-lightbox-caption {
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    background: rgba(0, 0, 0, .4);
    padding: .5em 1em;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: hidden;
}

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

.w-lightbox-control {
    width: 4em;
    cursor: pointer;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 24px;
    transition: all .3s;
    position: absolute;
    top: 0;
}

.w-lightbox-left {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0yMCAwIDI0IDQwIiB3aWR0aD0iMjQiIGhlaWdodD0iNDAiPjxnIHRyYW5zZm9ybT0icm90YXRlKDQ1KSI+PHBhdGggZD0ibTAgMGg1djIzaDIzdjVoLTI4eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDN2MjNoMjN2M2gtMjZ6IiBmaWxsPSIjZmZmIi8+PC9nPjwvc3ZnPg==");
    display: none;
    bottom: 0;
    left: 0;
}

.w-lightbox-right {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMjQgNDAiIHdpZHRoPSIyNCIgaGVpZ2h0PSI0MCI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMC0waDI4djI4aC01di0yM2gtMjN6IiBvcGFjaXR5PSIuNCIvPjxwYXRoIGQ9Im0xIDFoMjZ2MjZoLTN2LTIzaC0yM3oiIGZpbGw9IiNmZmYiLz48L2c+PC9zdmc+");
    display: none;
    bottom: 0;
    right: 0;
}

.w-lightbox-close {
    height: 2.6em;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMTggMTciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxNyI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMCAwaDd2LTdoNXY3aDd2NWgtN3Y3aC01di03aC03eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDd2LTdoM3Y3aDd2M2gtN3Y3aC0zdi03aC03eiIgZmlsbD0iI2ZmZiIvPjwvZz48L3N2Zz4=");
    background-size: 18px;
    right: 0;
}

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

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

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

.w-lightbox-thumbnail {
    height: 10vh;
    background: #222;
    position: relative;
    overflow: hidden;
}

.w-lightbox-thumbnail-image {
    position: absolute;
    top: 0;
    left: 0;
}

.w-lightbox-thumbnail .w-lightbox-tall {
    width: 100%;
    top: 50%;
    transform: translate(0, -50%);
}

.w-lightbox-thumbnail .w-lightbox-wide {
    height: 100%;
    left: 50%;
    transform: translate(-50%);
}

.w-lightbox-spinner {
    box-sizing: border-box;
    width: 40px;
    height: 40px;
    border: 5px solid rgba(0, 0, 0, .4);
    border-radius: 50%;
    margin-top: -20px;
    margin-left: -20px;
    animation: .8s linear infinite spin;
    position: absolute;
    top: 50%;
    left: 50%;
}

    .w-lightbox-spinner:after {
        content: "";
        border: 3px solid rgba(0, 0, 0, 0);
        border-bottom-color: #fff;
        border-radius: 50%;
        position: absolute;
        top: -4px;
        bottom: -4px;
        left: -4px;
        right: -4px;
    }

.w-lightbox-hide {
    display: none;
}

.w-lightbox-noscroll {
    overflow: hidden;
}

@media (min-width: 768px) {
    .w-lightbox-content {
        height: 96vh;
        margin-top: 2vh;
    }

    .w-lightbox-view, .w-lightbox-view:before {
        height: 96vh;
    }

    .w-lightbox-group, .w-lightbox-group .w-lightbox-view, .w-lightbox-group .w-lightbox-view:before {
        height: 84vh;
    }

    .w-lightbox-image {
        max-width: 96vw;
        max-height: 96vh;
    }

    .w-lightbox-group .w-lightbox-image {
        max-width: 82.3vw;
        max-height: 84vh;
    }

    .w-lightbox-left, .w-lightbox-right {
        opacity: .5;
        display: block;
    }

    .w-lightbox-close {
        opacity: .8;
    }

    .w-lightbox-control:hover {
        opacity: 1;
    }
}

.w-lightbox-inactive, .w-lightbox-inactive:hover {
    opacity: 0;
}

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

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

.w-richtext[contenteditable="true"]:before, .w-richtext[contenteditable="true"]:after {
    white-space: initial;
}

.w-richtext ol, .w-richtext ul {
    overflow: hidden;
}

.w-richtext .w-richtext-figure-selected.w-richtext-figure-type-video div:after, .w-richtext .w-richtext-figure-selected[data-rt-type="video"] div:after, .w-richtext .w-richtext-figure-selected.w-richtext-figure-type-image div, .w-richtext .w-richtext-figure-selected[data-rt-type="image"] div {
    outline: 2px solid #2895f7;
}

.w-richtext figure.w-richtext-figure-type-video > div:after, .w-richtext figure[data-rt-type="video"] > div:after {
    content: "";
    display: none;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.w-richtext figure {
    max-width: 60%;
    position: relative;
}

    .w-richtext figure > div:before {
        cursor: default !important;
    }

    .w-richtext figure img {
        width: 100%;
    }

    .w-richtext figure figcaption.w-richtext-figcaption-placeholder {
        opacity: .6;
    }

    .w-richtext figure div {
        color: rgba(0, 0, 0, 0);
        font-size: 0;
    }

    .w-richtext figure.w-richtext-figure-type-image, .w-richtext figure[data-rt-type="image"] {
        display: table;
    }

        .w-richtext figure.w-richtext-figure-type-image > div, .w-richtext figure[data-rt-type="image"] > div {
            display: inline-block;
        }

        .w-richtext figure.w-richtext-figure-type-image > figcaption, .w-richtext figure[data-rt-type="image"] > figcaption {
            caption-side: bottom;
            display: table-caption;
        }

    .w-richtext figure.w-richtext-figure-type-video, .w-richtext figure[data-rt-type="video"] {
        width: 60%;
        height: 0;
    }

        .w-richtext figure.w-richtext-figure-type-video iframe, .w-richtext figure[data-rt-type="video"] iframe {
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
        }

        .w-richtext figure.w-richtext-figure-type-video > div, .w-richtext figure[data-rt-type="video"] > div {
            width: 100%;
        }

    .w-richtext figure.w-richtext-align-center {
        clear: both;
        margin-left: auto;
        margin-right: auto;
    }

        .w-richtext figure.w-richtext-align-center.w-richtext-figure-type-image > div, .w-richtext figure.w-richtext-align-center[data-rt-type="image"] > div {
            max-width: 100%;
        }

    .w-richtext figure.w-richtext-align-normal {
        clear: both;
    }

    .w-richtext figure.w-richtext-align-fullwidth {
        width: 100%;
        max-width: 100%;
        text-align: center;
        clear: both;
        margin-left: auto;
        margin-right: auto;
        display: block;
    }

        .w-richtext figure.w-richtext-align-fullwidth > div {
            padding-bottom: inherit;
            display: inline-block;
        }

        .w-richtext figure.w-richtext-align-fullwidth > figcaption {
            display: block;
        }

    .w-richtext figure.w-richtext-align-floatleft {
        float: left;
        clear: none;
        margin-right: 15px;
    }

    .w-richtext figure.w-richtext-align-floatright {
        float: right;
        clear: none;
        margin-left: 15px;
    }

.w-nav {
    z-index: 1000;
    background: #ddd;
    position: relative;
}

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

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

.w-nav-brand {
    float: left;
    color: #333;
    text-decoration: none;
    position: relative;
}

.w-nav-link {
    vertical-align: top;
    color: #222;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    padding: 20px;
    text-decoration: none;
    display: inline-block;
    position: relative;
}

    .w-nav-link.w--current {
        color: #0082f3;
    }

.w-nav-menu {
    float: right;
    position: relative;
}

[data-nav-menu-open] {
    text-align: center;
    min-width: 200px;
    background: #c8c8c8;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    overflow: visible;
    display: block !important;
}

.w--nav-link-open {
    display: block;
    position: relative;
}

.w-nav-overlay {
    width: 100%;
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    overflow: hidden;
}

    .w-nav-overlay [data-nav-menu-open] {
        top: 0;
    }

.w-nav[data-animation="over-left"] .w-nav-overlay {
    width: auto;
}

.w-nav[data-animation="over-left"] .w-nav-overlay, .w-nav[data-animation="over-left"] [data-nav-menu-open] {
    z-index: 1;
    top: 0;
    right: auto;
}

.w-nav[data-animation="over-right"] .w-nav-overlay {
    width: auto;
}

.w-nav[data-animation="over-right"] .w-nav-overlay, .w-nav[data-animation="over-right"] [data-nav-menu-open] {
    z-index: 1;
    top: 0;
    left: auto;
}

.w-nav-button {
    float: right;
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: 18px;
    font-size: 24px;
    display: none;
    position: relative;
}

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

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

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

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

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

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

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

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

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

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

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

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

.w-tabs {
    position: relative;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.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 {
    width: 100%;
    text-align: center;
    margin-top: 20px;
}

.w-pagination-previous-icon {
    margin-right: 4px;
}

.w-pagination-next-icon {
    margin-left: 4px;
}

.w-commerce-commercecheckoutformcontainer {
    width: 100%;
    min-height: 100vh;
    background-color: #f5f5f5;
    padding: 20px;
}

.w-commerce-commercelayoutmain {
    flex: 0 800px;
    margin-right: 20px;
}

.w-commerce-commercecartapplepaybutton {
    color: #fff;
    cursor: pointer;
    -webkit-appearance: none;
    -ms-appearance: none;
    appearance: none;
    height: 38px;
    min-height: 30px;
    background-color: #000;
    border-width: 0;
    border-radius: 2px;
    align-items: center;
    margin-bottom: 8px;
    padding: 0;
    text-decoration: none;
    display: flex;
}

.w-commerce-commercecartapplepayicon {
    width: 100%;
    height: 50%;
    min-height: 20px;
}

.w-commerce-commercecartquickcheckoutbutton {
    color: #fff;
    cursor: pointer;
    -webkit-appearance: none;
    -ms-appearance: none;
    appearance: none;
    height: 38px;
    background-color: #000;
    border-width: 0;
    border-radius: 2px;
    justify-content: center;
    align-items: center;
    margin-bottom: 8px;
    padding: 0 15px;
    text-decoration: none;
    display: flex;
}

.w-commerce-commercequickcheckoutgoogleicon, .w-commerce-commercequickcheckoutmicrosofticon {
    margin-right: 8px;
    display: block;
}

.w-commerce-commercecheckoutcustomerinfowrapper {
    margin-bottom: 20px;
}

.w-commerce-commercecheckoutblockheader {
    background-color: #fff;
    border: 1px solid #e6e6e6;
    justify-content: space-between;
    align-items: baseline;
    padding: 4px 20px;
    display: flex;
}

.w-commerce-commercecheckoutblockcontent {
    background-color: #fff;
    border-bottom: 1px solid #e6e6e6;
    border-left: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
    padding: 20px;
}

.w-commerce-commercecheckoutlabel {
    margin-bottom: 8px;
}

.w-commerce-commercecheckoutemailinput {
    height: 38px;
    width: 100%;
    -webkit-appearance: none;
    -ms-appearance: none;
    appearance: none;
    background-color: #fafafa;
    border: 1px solid #ddd;
    border-radius: 3px;
    margin-bottom: 0;
    padding: 8px 12px;
    line-height: 20px;
    display: block;
}

    .w-commerce-commercecheckoutemailinput::-ms-input-placeholder {
        color: #999;
    }

    .w-commerce-commercecheckoutemailinput::placeholder {
        color: #999;
    }

    .w-commerce-commercecheckoutemailinput:focus {
        border-color: #3898ec;
        outline-style: none;
    }

.w-commerce-commercecheckoutshippingaddresswrapper {
    margin-bottom: 20px;
}

.w-commerce-commercecheckoutshippingfullname {
    height: 38px;
    width: 100%;
    -webkit-appearance: none;
    -ms-appearance: none;
    appearance: none;
    background-color: #fafafa;
    border: 1px solid #ddd;
    border-radius: 3px;
    margin-bottom: 16px;
    padding: 8px 12px;
    line-height: 20px;
    display: block;
}

    .w-commerce-commercecheckoutshippingfullname::-ms-input-placeholder {
        color: #999;
    }

    .w-commerce-commercecheckoutshippingfullname::placeholder {
        color: #999;
    }

    .w-commerce-commercecheckoutshippingfullname:focus {
        border-color: #3898ec;
        outline-style: none;
    }

.w-commerce-commercecheckoutshippingstreetaddress {
    height: 38px;
    width: 100%;
    -webkit-appearance: none;
    -ms-appearance: none;
    appearance: none;
    background-color: #fafafa;
    border: 1px solid #ddd;
    border-radius: 3px;
    margin-bottom: 16px;
    padding: 8px 12px;
    line-height: 20px;
    display: block;
}

    .w-commerce-commercecheckoutshippingstreetaddress::-ms-input-placeholder {
        color: #999;
    }

    .w-commerce-commercecheckoutshippingstreetaddress::placeholder {
        color: #999;
    }

    .w-commerce-commercecheckoutshippingstreetaddress:focus {
        border-color: #3898ec;
        outline-style: none;
    }

.w-commerce-commercecheckoutshippingstreetaddressoptional {
    height: 38px;
    width: 100%;
    -webkit-appearance: none;
    -ms-appearance: none;
    appearance: none;
    background-color: #fafafa;
    border: 1px solid #ddd;
    border-radius: 3px;
    margin-bottom: 16px;
    padding: 8px 12px;
    line-height: 20px;
    display: block;
}

    .w-commerce-commercecheckoutshippingstreetaddressoptional::-ms-input-placeholder {
        color: #999;
    }

    .w-commerce-commercecheckoutshippingstreetaddressoptional::placeholder {
        color: #999;
    }

    .w-commerce-commercecheckoutshippingstreetaddressoptional:focus {
        border-color: #3898ec;
        outline-style: none;
    }

.w-commerce-commercecheckoutrow {
    margin-left: -8px;
    margin-right: -8px;
    display: flex;
}

.w-commerce-commercecheckoutcolumn {
    flex: 1;
    padding-left: 8px;
    padding-right: 8px;
}

.w-commerce-commercecheckoutshippingcity {
    height: 38px;
    width: 100%;
    -webkit-appearance: none;
    -ms-appearance: none;
    appearance: none;
    background-color: #fafafa;
    border: 1px solid #ddd;
    border-radius: 3px;
    margin-bottom: 16px;
    padding: 8px 12px;
    line-height: 20px;
    display: block;
}

    .w-commerce-commercecheckoutshippingcity::-ms-input-placeholder {
        color: #999;
    }

    .w-commerce-commercecheckoutshippingcity::placeholder {
        color: #999;
    }

    .w-commerce-commercecheckoutshippingcity:focus {
        border-color: #3898ec;
        outline-style: none;
    }

.w-commerce-commercecheckoutshippingstateprovince {
    height: 38px;
    width: 100%;
    -webkit-appearance: none;
    -ms-appearance: none;
    appearance: none;
    background-color: #fafafa;
    border: 1px solid #ddd;
    border-radius: 3px;
    margin-bottom: 16px;
    padding: 8px 12px;
    line-height: 20px;
    display: block;
}

    .w-commerce-commercecheckoutshippingstateprovince::-ms-input-placeholder {
        color: #999;
    }

    .w-commerce-commercecheckoutshippingstateprovince::placeholder {
        color: #999;
    }

    .w-commerce-commercecheckoutshippingstateprovince:focus {
        border-color: #3898ec;
        outline-style: none;
    }

.w-commerce-commercecheckoutshippingzippostalcode {
    height: 38px;
    width: 100%;
    -webkit-appearance: none;
    -ms-appearance: none;
    appearance: none;
    background-color: #fafafa;
    border: 1px solid #ddd;
    border-radius: 3px;
    margin-bottom: 16px;
    padding: 8px 12px;
    line-height: 20px;
    display: block;
}

    .w-commerce-commercecheckoutshippingzippostalcode::-ms-input-placeholder {
        color: #999;
    }

    .w-commerce-commercecheckoutshippingzippostalcode::placeholder {
        color: #999;
    }

    .w-commerce-commercecheckoutshippingzippostalcode:focus {
        border-color: #3898ec;
        outline-style: none;
    }

.w-commerce-commercecheckoutshippingcountryselector {
    height: 38px;
    width: 100%;
    -webkit-appearance: none;
    -ms-appearance: none;
    appearance: none;
    background-color: #fafafa;
    border: 1px solid #ddd;
    border-radius: 3px;
    margin-bottom: 0;
    padding: 8px 12px;
    line-height: 20px;
    display: block;
}

    .w-commerce-commercecheckoutshippingcountryselector::-ms-input-placeholder {
        color: #999;
    }

    .w-commerce-commercecheckoutshippingcountryselector::placeholder {
        color: #999;
    }

    .w-commerce-commercecheckoutshippingcountryselector:focus {
        border-color: #3898ec;
        outline-style: none;
    }

.w-commerce-commercecheckoutshippingmethodswrapper {
    margin-bottom: 20px;
}

.w-commerce-commercecheckoutshippingmethodslist {
    border-left: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
}

.w-commerce-commercecheckoutshippingmethoditem {
    background-color: #fff;
    border-bottom: 1px solid #e6e6e6;
    flex-direction: row;
    align-items: baseline;
    margin-bottom: 0;
    padding: 16px;
    font-weight: 400;
    display: flex;
}

.w-commerce-commercecheckoutshippingmethoddescriptionblock {
    flex-direction: column;
    flex-grow: 1;
    margin-left: 12px;
    margin-right: 12px;
    display: flex;
}

.w-commerce-commerceboldtextblock {
    font-weight: 700;
}

.w-commerce-commercecheckoutshippingmethodsemptystate {
    text-align: center;
    background-color: #fff;
    border-bottom: 1px solid #e6e6e6;
    border-left: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
    padding: 64px 16px;
}

.w-commerce-commercecheckoutpaymentinfowrapper {
    margin-bottom: 20px;
}

.w-commerce-commercecheckoutcardnumber {
    height: 38px;
    width: 100%;
    -webkit-appearance: none;
    -ms-appearance: none;
    appearance: none;
    cursor: text;
    background-color: #fafafa;
    border: 1px solid #ddd;
    border-radius: 3px;
    margin-bottom: 16px;
    padding: 8px 12px;
    line-height: 20px;
    display: block;
}

    .w-commerce-commercecheckoutcardnumber::-ms-input-placeholder {
        color: #999;
    }

    .w-commerce-commercecheckoutcardnumber::placeholder {
        color: #999;
    }

    .w-commerce-commercecheckoutcardnumber:focus, .w-commerce-commercecheckoutcardnumber.-wfp-focus {
        border-color: #3898ec;
        outline-style: none;
    }

.w-commerce-commercecheckoutcardexpirationdate {
    height: 38px;
    width: 100%;
    -webkit-appearance: none;
    -ms-appearance: none;
    appearance: none;
    cursor: text;
    background-color: #fafafa;
    border: 1px solid #ddd;
    border-radius: 3px;
    margin-bottom: 16px;
    padding: 8px 12px;
    line-height: 20px;
    display: block;
}

    .w-commerce-commercecheckoutcardexpirationdate::-ms-input-placeholder {
        color: #999;
    }

    .w-commerce-commercecheckoutcardexpirationdate::placeholder {
        color: #999;
    }

    .w-commerce-commercecheckoutcardexpirationdate:focus, .w-commerce-commercecheckoutcardexpirationdate.-wfp-focus {
        border-color: #3898ec;
        outline-style: none;
    }

.w-commerce-commercecheckoutcardsecuritycode {
    height: 38px;
    width: 100%;
    -webkit-appearance: none;
    -ms-appearance: none;
    appearance: none;
    cursor: text;
    background-color: #fafafa;
    border: 1px solid #ddd;
    border-radius: 3px;
    margin-bottom: 16px;
    padding: 8px 12px;
    line-height: 20px;
    display: block;
}

    .w-commerce-commercecheckoutcardsecuritycode::-ms-input-placeholder {
        color: #999;
    }

    .w-commerce-commercecheckoutcardsecuritycode::placeholder {
        color: #999;
    }

    .w-commerce-commercecheckoutcardsecuritycode:focus, .w-commerce-commercecheckoutcardsecuritycode.-wfp-focus {
        border-color: #3898ec;
        outline-style: none;
    }

.w-commerce-commercecheckoutbillingaddresstogglewrapper {
    flex-direction: row;
    display: flex;
}

.w-commerce-commercecheckoutbillingaddresstogglecheckbox {
    margin-top: 4px;
}

.w-commerce-commercecheckoutbillingaddresstogglelabel {
    margin-left: 8px;
    font-weight: 400;
}

.w-commerce-commercecheckoutbillingaddresswrapper {
    margin-top: 16px;
    margin-bottom: 20px;
}

.w-commerce-commercecheckoutbillingfullname {
    height: 38px;
    width: 100%;
    -webkit-appearance: none;
    -ms-appearance: none;
    appearance: none;
    background-color: #fafafa;
    border: 1px solid #ddd;
    border-radius: 3px;
    margin-bottom: 16px;
    padding: 8px 12px;
    line-height: 20px;
    display: block;
}

    .w-commerce-commercecheckoutbillingfullname::-ms-input-placeholder {
        color: #999;
    }

    .w-commerce-commercecheckoutbillingfullname::placeholder {
        color: #999;
    }

    .w-commerce-commercecheckoutbillingfullname:focus {
        border-color: #3898ec;
        outline-style: none;
    }

.w-commerce-commercecheckoutbillingstreetaddress {
    height: 38px;
    width: 100%;
    -webkit-appearance: none;
    -ms-appearance: none;
    appearance: none;
    background-color: #fafafa;
    border: 1px solid #ddd;
    border-radius: 3px;
    margin-bottom: 16px;
    padding: 8px 12px;
    line-height: 20px;
    display: block;
}

    .w-commerce-commercecheckoutbillingstreetaddress::-ms-input-placeholder {
        color: #999;
    }

    .w-commerce-commercecheckoutbillingstreetaddress::placeholder {
        color: #999;
    }

    .w-commerce-commercecheckoutbillingstreetaddress:focus {
        border-color: #3898ec;
        outline-style: none;
    }

.w-commerce-commercecheckoutbillingstreetaddressoptional {
    height: 38px;
    width: 100%;
    -webkit-appearance: none;
    -ms-appearance: none;
    appearance: none;
    background-color: #fafafa;
    border: 1px solid #ddd;
    border-radius: 3px;
    margin-bottom: 16px;
    padding: 8px 12px;
    line-height: 20px;
    display: block;
}

    .w-commerce-commercecheckoutbillingstreetaddressoptional::-ms-input-placeholder {
        color: #999;
    }

    .w-commerce-commercecheckoutbillingstreetaddressoptional::placeholder {
        color: #999;
    }

    .w-commerce-commercecheckoutbillingstreetaddressoptional:focus {
        border-color: #3898ec;
        outline-style: none;
    }

.w-commerce-commercecheckoutbillingcity {
    height: 38px;
    width: 100%;
    -webkit-appearance: none;
    -ms-appearance: none;
    appearance: none;
    background-color: #fafafa;
    border: 1px solid #ddd;
    border-radius: 3px;
    margin-bottom: 16px;
    padding: 8px 12px;
    line-height: 20px;
    display: block;
}

    .w-commerce-commercecheckoutbillingcity::-ms-input-placeholder {
        color: #999;
    }

    .w-commerce-commercecheckoutbillingcity::placeholder {
        color: #999;
    }

    .w-commerce-commercecheckoutbillingcity:focus {
        border-color: #3898ec;
        outline-style: none;
    }

.w-commerce-commercecheckoutbillingstateprovince {
    height: 38px;
    width: 100%;
    -webkit-appearance: none;
    -ms-appearance: none;
    appearance: none;
    background-color: #fafafa;
    border: 1px solid #ddd;
    border-radius: 3px;
    margin-bottom: 16px;
    padding: 8px 12px;
    line-height: 20px;
    display: block;
}

    .w-commerce-commercecheckoutbillingstateprovince::-ms-input-placeholder {
        color: #999;
    }

    .w-commerce-commercecheckoutbillingstateprovince::placeholder {
        color: #999;
    }

    .w-commerce-commercecheckoutbillingstateprovince:focus {
        border-color: #3898ec;
        outline-style: none;
    }

.w-commerce-commercecheckoutbillingzippostalcode {
    height: 38px;
    width: 100%;
    -webkit-appearance: none;
    -ms-appearance: none;
    appearance: none;
    background-color: #fafafa;
    border: 1px solid #ddd;
    border-radius: 3px;
    margin-bottom: 16px;
    padding: 8px 12px;
    line-height: 20px;
    display: block;
}

    .w-commerce-commercecheckoutbillingzippostalcode::-ms-input-placeholder {
        color: #999;
    }

    .w-commerce-commercecheckoutbillingzippostalcode::placeholder {
        color: #999;
    }

    .w-commerce-commercecheckoutbillingzippostalcode:focus {
        border-color: #3898ec;
        outline-style: none;
    }

.w-commerce-commercecheckoutbillingcountryselector {
    height: 38px;
    width: 100%;
    -webkit-appearance: none;
    -ms-appearance: none;
    appearance: none;
    background-color: #fafafa;
    border: 1px solid #ddd;
    border-radius: 3px;
    margin-bottom: 0;
    padding: 8px 12px;
    line-height: 20px;
    display: block;
}

    .w-commerce-commercecheckoutbillingcountryselector::-ms-input-placeholder {
        color: #999;
    }

    .w-commerce-commercecheckoutbillingcountryselector::placeholder {
        color: #999;
    }

    .w-commerce-commercecheckoutbillingcountryselector:focus {
        border-color: #3898ec;
        outline-style: none;
    }

.w-commerce-commercecheckoutorderitemswrapper {
    margin-bottom: 20px;
}

.w-commerce-commercecheckoutsummaryblockheader {
    background-color: #fff;
    border: 1px solid #e6e6e6;
    justify-content: space-between;
    align-items: baseline;
    padding: 4px 20px;
    display: flex;
}

.w-commerce-commercecheckoutorderitemslist {
    margin-bottom: -20px;
}

.w-commerce-commercecheckoutorderitem {
    margin-bottom: 20px;
    display: flex;
}

.w-commerce-commercecartitemimage {
    width: 60px;
    height: 0%;
}

.w-commerce-commercecheckoutorderitemdescriptionwrapper {
    flex-grow: 1;
    margin-left: 16px;
    margin-right: 16px;
}

.w-commerce-commercecheckoutorderitemquantitywrapper {
    white-space: pre-wrap;
    display: flex;
}

.w-commerce-commercecheckoutorderitemoptionlist {
    margin-bottom: 0;
    padding-left: 0;
    text-decoration: none;
    list-style-type: none;
}

.w-commerce-commercelayoutsidebar {
    flex: 0 0 320px;
    position: -webkit-sticky;
    position: sticky;
    top: 20px;
}

.w-commerce-commercecheckoutordersummarywrapper {
    margin-bottom: 20px;
}

.w-commerce-commercecheckoutsummarylineitem, .w-commerce-commercecheckoutordersummaryextraitemslistitem {
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 8px;
    display: flex;
}

.w-commerce-commercecheckoutsummarytotal {
    font-weight: 700;
}

.w-commerce-commercecheckoutplaceorderbutton {
    color: #fff;
    cursor: pointer;
    -webkit-appearance: none;
    -ms-appearance: none;
    appearance: none;
    text-align: center;
    background-color: #3898ec;
    border-width: 0;
    border-radius: 3px;
    align-items: center;
    margin-bottom: 20px;
    padding: 9px 15px;
    text-decoration: none;
    display: block;
}

.w-commerce-commercecheckouterrorstate {
    background-color: #ffdede;
    margin-top: 16px;
    margin-bottom: 16px;
    padding: 10px 16px;
}

.w-commerce-commerceaddtocartform {
    margin: 0 0 15px;
}

.w-commerce-commerceaddtocartoptionpillgroup {
    margin-bottom: 10px;
    display: flex;
}

.w-commerce-commerceaddtocartoptionpill {
    color: #000;
    cursor: pointer;
    background-color: #fff;
    border: 1px solid #000;
    margin-right: 10px;
    padding: 8px 15px;
}

    .w-commerce-commerceaddtocartoptionpill.w--ecommerce-pill-selected {
        color: #fff;
        background-color: #000;
    }

    .w-commerce-commerceaddtocartoptionpill.w--ecommerce-pill-disabled {
        color: #666;
        cursor: not-allowed;
        background-color: #e6e6e6;
        border-color: #e6e6e6;
        outline-style: none;
    }

.w-commerce-commerceaddtocartquantityinput {
    height: 38px;
    width: 60px;
    -webkit-appearance: none;
    -ms-appearance: none;
    appearance: none;
    background-color: #fafafa;
    border: 1px solid #ddd;
    border-radius: 3px;
    margin-bottom: 10px;
    padding: 8px 6px 8px 12px;
    line-height: 20px;
    display: block;
}

    .w-commerce-commerceaddtocartquantityinput::-ms-input-placeholder {
        color: #999;
    }

    .w-commerce-commerceaddtocartquantityinput::placeholder {
        color: #999;
    }

    .w-commerce-commerceaddtocartquantityinput:focus {
        border-color: #3898ec;
        outline-style: none;
    }

.w-commerce-commerceaddtocartbutton {
    color: #fff;
    cursor: pointer;
    -webkit-appearance: none;
    -ms-appearance: none;
    appearance: none;
    background-color: #3898ec;
    border-width: 0;
    border-radius: 0;
    align-items: center;
    padding: 9px 15px;
    text-decoration: none;
    display: flex;
}

    .w-commerce-commerceaddtocartbutton.w--ecommerce-add-to-cart-disabled {
        color: #666;
        cursor: not-allowed;
        background-color: #e6e6e6;
        border-color: #e6e6e6;
        outline-style: none;
    }

.w-commerce-commercebuynowbutton {
    color: #fff;
    cursor: pointer;
    -webkit-appearance: none;
    -ms-appearance: none;
    appearance: none;
    background-color: #3898ec;
    border-width: 0;
    border-radius: 0;
    align-items: center;
    margin-top: 10px;
    padding: 9px 15px;
    text-decoration: none;
    display: inline-block;
}

    .w-commerce-commercebuynowbutton.w--ecommerce-buy-now-disabled {
        color: #666;
        cursor: not-allowed;
        background-color: #e6e6e6;
        border-color: #e6e6e6;
        outline-style: none;
    }

.w-commerce-commerceaddtocartoutofstock {
    background-color: #ddd;
    margin-top: 10px;
    padding: 10px;
}

.w-commerce-commerceaddtocarterror {
    background-color: #ffdede;
    margin-top: 10px;
    padding: 10px;
}

.w-layout-blockcontainer {
    max-width: 940px;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

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

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

.w-commerce-commerceorderconfirmationcontainer {
    width: 100%;
    min-height: 100vh;
    background-color: #f5f5f5;
    padding: 20px;
}

.w-commerce-commercecheckoutcustomerinfosummarywrapper {
    margin-bottom: 20px;
}

.w-commerce-commercecheckoutsummaryitem, .w-commerce-commercecheckoutsummarylabel {
    margin-bottom: 8px;
}

.w-commerce-commercecheckoutsummaryflexboxdiv {
    flex-direction: row;
    justify-content: flex-start;
    display: flex;
}

.w-commerce-commercecheckoutsummarytextspacingondiv {
    margin-right: .33em;
}

.w-commerce-commercecheckoutshippingsummarywrapper, .w-commerce-commercecheckoutpaymentsummarywrapper {
    margin-bottom: 20px;
}

.w-commerce-commercepaypalcheckoutformcontainer {
    width: 100%;
    min-height: 100vh;
    background-color: #f5f5f5;
    padding: 20px;
}

.w-commerce-commercepaypalcheckouterrorstate {
    background-color: #ffdede;
    margin-top: 16px;
    margin-bottom: 16px;
    padding: 10px 16px;
}

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

@media screen and (max-width: 991px) {
    .w-layout-blockcontainer {
        max-width: 728px;
    }
}

@media screen and (max-width: 767px) {
    .w-commerce-commercelayoutmain {
        flex-basis: auto;
        margin-right: 0;
    }

    .w-commerce-commercelayoutsidebar {
        flex-basis: auto;
    }

    .w-layout-blockcontainer {
        max-width: none;
    }
}

@media screen and (max-width: 479px) {
    .w-commerce-commercecheckoutemailinput, .w-commerce-commercecheckoutshippingfullname, .w-commerce-commercecheckoutshippingstreetaddress, .w-commerce-commercecheckoutshippingstreetaddressoptional {
        font-size: 16px;
    }

    .w-commerce-commercecheckoutrow {
        flex-direction: column;
    }

    .w-commerce-commercecheckoutshippingcity, .w-commerce-commercecheckoutshippingstateprovince, .w-commerce-commercecheckoutshippingzippostalcode, .w-commerce-commercecheckoutshippingcountryselector, .w-commerce-commercecheckoutcardnumber, .w-commerce-commercecheckoutcardexpirationdate, .w-commerce-commercecheckoutcardsecuritycode, .w-commerce-commercecheckoutbillingfullname, .w-commerce-commercecheckoutbillingstreetaddress, .w-commerce-commercecheckoutbillingstreetaddressoptional, .w-commerce-commercecheckoutbillingcity, .w-commerce-commercecheckoutbillingstateprovince, .w-commerce-commercecheckoutbillingzippostalcode, .w-commerce-commercecheckoutbillingcountryselector, .w-commerce-commerceaddtocartquantityinput {
        font-size: 16px;
    }
}



blockquote {
    color: #145aff;
    border-left: 5px solid #145aff;
    margin-top: 40px;
    margin-bottom: 40px;
    padding: 10px 20px;
    font-size: 24px;
    font-weight: 500;
    line-height: 150%;
}

figure {
    margin-top: 20px;
    margin-bottom: 40px;
}

figcaption {
    text-align: center;
    margin-top: 5px;
    font-size: 16px;
    font-style: italic;
}

.display-heading {
    letter-spacing: -1.6px;
    font-size: 72px;
    line-height: 105%;
}

    .display-heading.home-hero-heading {
        color: #fdfdfd;
        justify-content: flex-end;
        align-items: center;
        margin-bottom: 16px;
        font-family: Montserrat, sans-serif;
        font-size: 35px;
        font-weight: 500;
        line-height: 125%;
        display: flex;
        position: absolute;
        top: 0%;
        bottom: 0%;
        left: auto;
        right: 4%;
    }

        .display-heading.home-hero-heading.white-center {
            width: 950px;
            max-width: 2000px;
            color: #fff;
            text-align: center;
            padding-top: 20px;
            font-family: Montserrat, sans-serif;
            font-size: 56px;
            font-weight: 600;
        }

    .display-heading.overview {
        opacity: 1;
        color: #2b2b2b;
        text-align: center;
        mix-blend-mode: normal;
        margin-bottom: 16px;
        font-family: Montserrat, sans-serif;
    }

        .display-heading.overview:hover {
            color: #3898ec;
        }

.home-hero-section {
    background-image: url("https://uploads-ssl.webflow.com/64351eef0f8f43aa55f4d9f3/6437a80e36329b14acaa69c2_backdrop%20green.svg");
    background-position: 100% 0;
    background-repeat: repeat-x;
    background-size: cover;
}

.wrapper {
    width: 100%;
    max-width: 1280px;
    flex-direction: row;
    justify-content: space-around;
    align-items: stretch;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    padding-top: 80px;
    padding-bottom: 80px;
    display: block;
    position: relative;
}

    .wrapper.home-stats-wrapper {
        text-align: center;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .wrapper.home-feature-1-wrapper {
        padding-bottom: 145px;
    }

        .wrapper.home-feature-1-wrapper.homepage-3 {
            padding-top: 145px;
        }

        .wrapper.home-feature-1-wrapper.home-2 {
            width: 100%;
        }

    .wrapper.features-2-wrapper {
        width: 100%;
        max-width: none;
        min-width: 100%;
        flex-flow: column;
        justify-content: flex-end;
        align-items: center;
        margin-left: auto;
        margin-right: auto;
        padding: 145px 0%;
        display: flex;
    }

        .wrapper.features-2-wrapper.homepage-2 {
            padding-bottom: 0;
            padding-left: 0;
        }

    .wrapper.home-integrations-wrapper {
        flex-direction: column;
        align-items: stretch;
        padding-top: 145px;
        padding-bottom: 0;
    }

    .wrapper._1920px {
        width: 100%;
        max-width: 1440px;
        flex-direction: column;
        justify-content: center;
        align-items: stretch;
        padding-top: 60px;
        padding-bottom: 140px;
        overflow: visible;
    }

        .wrapper._1920px.background-image {
            max-width: none;
            background-image: url("https://uploads-ssl.webflow.com/64351eef0f8f43aa55f4d9f3/64351eef0f8f43eb03f4db1e_Shapes-min-min.png");
            background-position: 50%;
            background-size: cover;
            padding-top: 100px;
            padding-bottom: 100px;
        }

            .wrapper._1920px.background-image.pricing-page-3 {
                padding-top: 140px;
                padding-bottom: 140px;
            }

        .wrapper._1920px.features-2-vertical {
            max-width: none;
            max-width: none;
            background-image: url("https://uploads-ssl.webflow.com/64351eef0f8f43aa55f4d9f3/64351eef0f8f432f04f4dbbb_Group%202687.png");
            background-position: 50%;
            background-size: cover;
            align-items: center;
            padding-top: 144px;
            padding-bottom: 144px;
        }

    .wrapper.home-feature-3-wrapper {
        flex-direction: row-reverse;
        padding-top: 40px;
        padding-bottom: 145px;
    }

        .wrapper.home-feature-3-wrapper.home-2 {
            width: 100%;
            padding-top: 80px;
        }

    .wrapper.feature-4-wrapper {
        align-items: center;
        padding-top: 0;
        padding-bottom: 0;
    }

        .wrapper.feature-4-wrapper.features {
            flex-direction: row-reverse;
        }

        .wrapper.feature-4-wrapper.vertical {
            flex-direction: column;
        }

    .wrapper.cta-wrapper {
        background-image: url("https://uploads-ssl.webflow.com/64351eef0f8f43aa55f4d9f3/643674f16fd1bace4f4050f8_BG3.svg");
        background-position: 50%;
        background-size: cover;
        border-radius: 12px;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        margin-bottom: 67px;
        overflow: hidden;
    }

    .wrapper.about-hero-up {
        max-width: 900px;
        text-align: center;
        flex-direction: column;
        justify-content: center;
        padding-top: 96px;
        padding-bottom: 240px;
    }

    .wrapper.about-images-wrapper {
        grid-column-gap: 16px;
        grid-row-gap: 16px;
        grid-template-rows: auto;
        grid-template-columns: 1fr 1.75fr 1fr;
        grid-auto-columns: 1fr;
        padding-top: 0;
        display: grid;
    }

    .wrapper.about-story-up-wrapper {
        align-items: flex-start;
        padding-left: 0%;
    }

        .wrapper.about-story-up-wrapper.navigating {
            width: 90%;
            max-width: none;
        }

        .wrapper.about-story-up-wrapper.about {
            padding-left: 10%;
            padding-right: 10%;
        }

    .wrapper.about-grid {
        text-align: center;
        padding-top: 0;
        padding-bottom: 60px;
        overflow: visible;
    }

    .wrapper.about-values-wrapper {
        padding-top: 100px;
        padding-bottom: 100px;
    }

    .wrapper.home-hero-wrapper {
        align-items: flex-start;
    }

        .wrapper.home-hero-wrapper.homepage-3 {
            flex-direction: row-reverse;
        }

        .wrapper.home-hero-wrapper.homepage-2 {
            flex-direction: column;
        }

    .wrapper.home-blog-wrapper {
        flex-direction: column;
        justify-content: center;
        align-items: stretch;
        padding-top: 40px;
        padding-bottom: 145px;
    }

        .wrapper.home-blog-wrapper.vertical-blog {
            align-items: center;
            padding-top: 145px;
            padding-bottom: 45px;
        }

    .wrapper.features-hero-wrapper {
        max-width: 840px;
        text-align: center;
        flex-direction: column;
        justify-content: center;
        padding-top: 100px;
        padding-bottom: 240px;
    }

    .wrapper.features-loop-wrapper {
        width: 300%;
        max-width: none;
        text-align: center;
        justify-content: flex-start;
        align-items: stretch;
        padding-top: 0;
    }

    .wrapper.visual-features-wrapper {
        flex-direction: column;
        align-items: stretch;
        padding-top: 145px;
        padding-bottom: 145px;
    }

    .wrapper.features-5-wrapper {
        text-align: center;
        flex-direction: column;
        justify-content: center;
        padding-top: 0;
        padding-bottom: 0;
    }

    .wrapper.team-wrapper {
        flex-direction: column;
        justify-content: center;
        padding-top: 70px;
        padding-bottom: 130px;
    }

    .wrapper.pricing-hero-wrapper {
        max-width: 840px;
        text-align: center;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding-top: 100px;
        padding-bottom: 240px;
    }

        .wrapper.pricing-hero-wrapper.pricing-page-2 {
            max-width: 1280px;
            grid-column-gap: 40px;
            flex-direction: row;
            justify-content: space-between;
            align-items: center;
            padding-bottom: 74px;
        }

    .wrapper.pricing-table-wrapper {
        flex-direction: column;
        justify-content: center;
        padding-top: 0;
        padding-bottom: 0;
    }

    .wrapper.faq-wrapper {
        flex-direction: column;
        align-items: flex-end;
    }

    .wrapper.blog-hero-wrapper {
        max-width: 840px;
        text-align: center;
        flex-direction: column;
        justify-content: center;
        padding-top: 100px;
        padding-bottom: 240px;
    }

    .wrapper.blog-featured-wrapper {
        flex-direction: column;
        align-items: stretch;
        padding-top: 0;
    }

    .wrapper.all-blogs-wrapper {
        text-align: center;
        flex-direction: column;
        justify-content: center;
        padding-bottom: 140px;
    }

        .wrapper.all-blogs-wrapper.blog-page-2 {
            align-items: flex-start;
        }

    .wrapper.blog-subscribe-wrapper {
        background-image: url("https://uploads-ssl.webflow.com/64351eef0f8f43aa55f4d9f3/64351eef0f8f43ed66f4dac3_Shapes-min.png");
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: cover;
        border-radius: 12px;
        padding-left: 96px;
        padding-right: 96px;
        overflow: hidden;
    }

    .wrapper.blog-post-hero-wrapper {
        max-width: 1280px;
        flex-direction: column;
        align-items: flex-start;
        padding-top: 100px;
        padding-bottom: 275px;
    }

    .wrapper.blog-post-image-wrapper {
        height: 560px;
        border-radius: 12px;
        margin-top: -180px;
        margin-bottom: 64px;
        padding-top: 0;
        padding-bottom: 0;
        overflow: hidden;
    }

    .wrapper.blog-post-rich-text-wrapper {
        max-width: 840px;
        flex-direction: column;
        justify-content: center;
        align-items: stretch;
        padding-top: 0;
    }

    .wrapper.blog-similar-post-wrapper {
        text-align: center;
        flex-direction: column;
        justify-content: center;
    }

    .wrapper.career-hero-wrapper {
        max-width: 620px;
        text-align: center;
        flex-direction: column;
        justify-content: center;
        padding-top: 100px;
        padding-bottom: 240px;
    }

    .wrapper.career-images-wrapper {
        margin-top: -145px;
        padding-top: 0;
    }

    .wrapper.jobs-wrapper {
        align-items: flex-start;
        padding-top: 0;
        padding-bottom: 120px;
        position: relative;
    }

    .wrapper.perks-wrapper {
        flex-direction: column;
        justify-content: center;
        padding-top: 0;
        padding-bottom: 100px;
    }

    .wrapper.contact-hero-wrapper {
        max-width: 840px;
        text-align: center;
        flex-direction: column;
        justify-content: center;
        padding-top: 100px;
        padding-bottom: 240px;
    }

    .wrapper.contact-form-wrapper {
        max-width: 920px;
        background-color: #fff;
        border-radius: 12px;
        flex-direction: column;
        align-items: stretch;
        margin-top: 0;
        padding-top: 0;
        padding-bottom: 0;
        overflow: visible;
    }

    .wrapper.location-wrapper {
        padding-top: 145px;
    }

    .wrapper.sign-up-wrapper {
        width: 100%;
        height: 100vh;
        max-width: 1920px;
        align-items: flex-start;
        padding-top: 0;
        padding-bottom: 0;
    }

    .wrapper.pricing-comparison-wrapper {
        flex-direction: column;
        justify-content: center;
        align-items: stretch;
        padding-top: 0;
    }

    .wrapper.integrations-hero-wrapper {
        max-width: 840px;
        text-align: center;
        flex-direction: column;
        justify-content: center;
        padding-top: 100px;
        padding-bottom: 240px;
    }

    .wrapper.integrations-features-wrapper {
        flex-direction: column;
        justify-content: center;
        padding-top: 0;
    }

    .wrapper.most-popular-integrations-wrapper {
        flex-direction: column;
        justify-content: center;
        align-items: stretch;
    }

    .wrapper.all-integrations-wrapper {
        flex-direction: column;
        justify-content: center;
        padding-top: 64px;
        padding-bottom: 145px;
    }

    .wrapper._404-wrapper {
        height: 100vh;
        max-width: 620px;
        text-align: center;
        flex-direction: column;
        justify-content: flex-start;
    }

    .wrapper.vacancy-hero-wrapper {
        flex-direction: row;
        align-items: flex-end;
        padding-top: 100px;
        padding-bottom: 100px;
    }

    .wrapper.vacancy-rich-text-wrapper {
        align-items: flex-start;
        padding-top: 145px;
    }

    .wrapper.style-guide-hero-wrapper {
        max-width: 620px;
        text-align: center;
        flex-direction: column;
        justify-content: center;
        padding-top: 100px;
        padding-bottom: 100px;
    }

    .wrapper.style-guide-wrapper {
        align-items: flex-start;
        padding-top: 100px;
    }

    .wrapper.licensing-hero-wrapper {
        max-width: 620px;
        text-align: center;
        flex-direction: column;
        justify-content: center;
        padding-top: 100px;
        padding-bottom: 100px;
    }

    .wrapper.licensing-wrapper {
        align-items: flex-start;
    }

    .wrapper.changelog-hero-wrapper {
        max-width: 620px;
        text-align: center;
        flex-direction: column;
        justify-content: center;
        padding-top: 100px;
    }

    .wrapper.changelog-wrapper {
        flex-direction: column;
        justify-content: center;
        padding-top: 130px;
        padding-bottom: 130px;
    }

    .wrapper.instructions-hero-wrapper {
        max-width: 620px;
        text-align: center;
        flex-direction: column;
        justify-content: center;
        padding-top: 100px;
    }

    .wrapper.instructions-wrapper {
        max-width: 980px;
        text-align: center;
        flex-direction: column;
        justify-content: center;
    }

    .wrapper.testimonial-wrapper {
        max-width: 620px;
        text-align: center;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding-top: 145px;
    }

    .wrapper.footer-wrapper {
        border-bottom: 1px solid #40454f;
        flex-direction: column;
        align-items: stretch;
        padding-top: 320px;
        padding-bottom: 0;
    }

        .wrapper.footer-wrapper._80-top-padding {
            width: 80%;
            padding-top: 80px;
            font-family: "Nunito", "sans-serif";
        }

    .wrapper.search-result {
        padding-top: 0;
    }

    .wrapper.download-cards-wrapper {
        grid-column-gap: 40px;
        grid-row-gap: 0px;
        grid-template-rows: auto;
        grid-template-columns: 1fr 1fr 1fr 1fr;
        grid-auto-columns: 1fr;
        align-items: start;
        padding-top: 0;
        display: grid;
    }

    .wrapper.reviews-page {
        align-items: flex-start;
        padding-top: 60px;
        padding-left: 0;
        padding-right: 0;
    }

    .wrapper.reviews {
        z-index: 5;
        flex-direction: column;
        position: relative;
    }

    .wrapper.two-cards {
        padding-bottom: 0;
    }

    .wrapper.features-vertical-tabs {
        width: 100dvw;
        max-width: none;
        min-width: 0;
        clear: none;
        background-color: rgba(0, 0, 0, 0);
        flex-wrap: nowrap;
        justify-content: space-between;
        margin-left: 0;
        margin-right: 0;
        padding-bottom: 145px;
        padding-left: 0;
        padding-right: 167px;
        display: flex;
        position: relative;
        overflow: hidden;
    }

    .wrapper.integrations-icons-wrapper {
        flex-direction: column;
        justify-content: center;
        padding-top: 144px;
        padding-bottom: 0;
    }

    .wrapper.plans-grid {
        align-items: flex-start;
        padding-top: 0;
        padding-bottom: 0;
    }

    .wrapper.integrations-details-wrapper {
        max-width: 1280px;
        text-align: center;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        padding-top: 100px;
        padding-bottom: 100px;
    }

    .wrapper.support {
        flex-direction: column;
        align-items: flex-end;
        padding-top: 144px;
        padding-bottom: 144px;
    }

    .wrapper.support-hero-wrapper {
        flex-direction: column;
        padding-top: 96px;
        padding-bottom: 144px;
    }

    .wrapper.case-study-page {
        align-items: center;
        margin-top: 51px;
        padding-top: 0;
        padding-bottom: 80px;
        display: block;
    }

        .wrapper.case-study-page.template, .wrapper.case-study-page.main {
            padding-top: 0;
            padding-bottom: 0;
        }

    .wrapper.cs-bottom {
        z-index: 1;
        flex-direction: column;
        padding-top: 0;
        position: relative;
    }

    .wrapper.cs {
        z-index: 1;
        flex-direction: column;
        margin-top: 0;
        margin-bottom: -75px;
        padding-top: 0;
        padding-bottom: 83px;
        position: relative;
    }

    .wrapper.cs-template {
        padding-top: 0;
        padding-bottom: 0;
    }

    .wrapper.overview-section {
        flex-direction: column;
        padding-top: 128px;
        padding-bottom: 128px;
    }

        .wrapper.overview-section.no-top-padding {
            padding-top: 0;
        }

    .wrapper.checkout {
        width: 85%;
        align-items: flex-start;
    }

    .wrapper.navigation-wrapper {
        align-self: stretch;
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .wrapper.overview-page {
        flex-direction: column;
        align-items: center;
    }

    .wrapper.plans {
        align-items: flex-start;
    }

    .wrapper.features-vertical-tabs {
        width: 100%;
        justify-content: space-between;
        margin-left: 0;
        margin-right: 0;
        padding-bottom: 145px;
        display: flex;
    }

    .wrapper.scm {
        width: 100%;
        margin-bottom: 0;
        padding-top: 0;
        padding-bottom: 0;
    }

        .wrapper.scm.fbs {
            padding-top: 0;
        }

    .wrapper.client-page {
        max-width: none;
        background-color: #f1f1f1;
        padding-left: 5%;
        padding-right: 5%;
        display: flex;
    }

        .wrapper.client-page.partner {
            background-color: #1b1b1b;
        }

.home-hero-left {
    width: 53%;
    max-width: 620px;
}

    .home-hero-left.homepage-3 {
        width: 50%;
        color: #6e7687;
        margin-left: 5%;
    }

    .home-hero-left.homepage-2 {
        width: 100%;
        max-width: 840px;
        flex-direction: column;
        align-items: center;
        margin-bottom: 80px;
        margin-left: auto;
        margin-right: auto;
        display: flex;
    }

.para-large {
    font-size: 22px;
}

    .para-large.home-hero-para {
        max-width: 550px;
        margin-bottom: 32px;
        line-height: 140%;
    }

        .para-large.home-hero-para.homepage-3 {
            color: #40454f;
        }

        .para-large.home-hero-para.white-center {
            width: 1000px;
            max-width: 2500px;
            color: #c4c4c4;
            text-align: center;
            object-fit: fill;
            margin-top: 26px;
            font-family: Montserrat, sans-serif;
        }

    .para-large.overview {
        width: 90%;
        max-width: 1060px;
        color: #202020;
        text-align: center;
        margin-bottom: 32px;
        line-height: 140%;
    }

.button {
    color: #fff;
    background-color: #3898ec;
    border-radius: 12px;
    padding: 20px 25px;
    font-weight: 700;
    line-height: 120%;
    transition: background-color .2s;
}

    .button:hover {
        background-color: #0d0e10;
    }

    .button.pagination-button {
        border-style: none;
        padding: 16px 40px;
    }

    .button.dark-blue {
        width: 378px;
        height: 67.1875px;
        text-transform: uppercase;
        -webkit-text-fill-color: inherit;
        background-color: #fff;
        background-clip: border-box;
        border-radius: 12px;
        align-self: center;
        padding-top: 0;
        padding-left: 64px;
        padding-right: 64px;
        font-family: Montserrat, sans-serif;
        font-weight: 600;
        transition: all .2s cubic-bezier(.55, .085, .68, .53);
    }

        .button.dark-blue:hover {
            background-color: #3898ec;
        }

        .button.dark-blue.submit {
            background-color: #3a3a3a;
            margin-left: auto;
            margin-right: auto;
            padding-bottom: 0;
        }

    .button.header-form-button {
        color: #fff;
        background-color: #3898ec;
        font-family: Montserrat, sans-serif;
        font-weight: 600;
    }

        .button.header-form-button:hover {
            color: #3898ec;
            background-color: #f1f3f6;
        }

    .button.navigation-button {
        background-color: #0d0e10;
        flex: none;
        font-family: Montserrat, sans-serif;
        font-weight: 600;
    }

        .button.navigation-button:hover {
            background-color: #1ebd53;
        }

        .button.navigation-button.white {
            background-color: rgba(255, 255, 255, .2);
            transition-property: all;
        }

            .button.navigation-button.white:hover {
                color: #0f1f3d;
                background-color: rgba(255, 255, 255, .98);
            }

        .button.navigation-button.mobile {
            display: none;
        }

    .button.search {
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .button.trial {
        height: 60px;
        background-color: #145aff;
        padding-left: 28px;
        padding-right: 28px;
    }

        .button.trial:hover {
            background-color: #1ebd53;
        }

        .button.trial.white {
            color: #3898ec;
            background-color: #fff;
            margin-top: 26px;
            font-family: Montserrat, sans-serif;
            transition: color .2s, background-color .2s;
        }

            .button.trial.white:hover {
                color: #fff;
                background-color: #3898ec;
            }

    .button.integrations-center {
        margin-top: 80px;
        margin-left: auto;
        margin-right: auto;
    }

    .button.top-marin-80px {
        margin-top: 80px;
    }

.home-hero-pointers {
    z-index: 20;
    max-width: 400px;
    grid-column-gap: 40px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    margin-top: 110px;
    display: grid;
    position: relative;
}

.hero-pointer-item {
    flex-direction: column;
    align-items: flex-start;
    display: flex;
}

.hero-pointer-icon {
    margin-bottom: 14px;
}

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

    .image.contain {
        opacity: 1;
        text-align: left;
        white-space: normal;
        -webkit-text-fill-color: inherit;
        mix-blend-mode: normal;
        object-fit: contain;
        background-clip: border-box;
        border-radius: 0;
        margin-top: 0;
        padding-right: 40px;
        font-size: 50px;
        display: inline-block;
        position: static;
        overflow: auto;
    }

        .image.contain.signup {
            display: inline-block;
        }

        .image.contain.hidden {
            margin-top: 3px;
            padding-bottom: 80px;
        }

    .image.about-team {
        filter: grayscale();
    }

    .image.contain {
        object-fit: contain;
    }

.home-hero-images-container {
    z-index: 1;
    width: 45%;
    max-width: 490px;
    margin-top: -50px;
    position: relative;
}

    .home-hero-images-container.homepage-2 {
        width: 100%;
        max-width: none;
        justify-content: center;
        margin-top: 0;
        display: flex;
    }

.home-hero-main-image {
    z-index: 2;
    width: auto;
    height: 506px;
    max-width: 490px;
    border-radius: 10px;
    position: relative;
    overflow: hidden;
}

    .home-hero-main-image.homepage-2 {
        width: 100%;
        height: 100%;
        max-width: none;
        border-radius: 60px;
        box-shadow: 0 28px 120px rgba(6, 27, 51, .06);
    }

.hero-floating-image-1 {
    z-index: 3;
    width: 180px;
    height: 180px;
    border-radius: 8px;
    position: absolute;
    top: 20%;
    bottom: auto;
    left: auto;
    right: -11%;
    overflow: hidden;
    box-shadow: 0 9px 42px rgba(64, 69, 79, .1);
}

    .hero-floating-image-1.homepage-3 {
        width: 250px;
        height: 72px;
        border-radius: 100px;
        top: 10%;
    }

    .hero-floating-image-1.homepage-2 {
        width: 280px;
        height: 72px;
        border-radius: 100px;
        top: auto;
        bottom: 25%;
        left: auto;
        right: -5%;
    }

.home-hero-image-circle {
    z-index: 1;
    width: 64px;
    height: 64px;
    background-color: #145aff;
    border-radius: 50%;
    position: absolute;
    top: 17%;
    bottom: auto;
    left: -4%;
    right: auto;
}

.hero-floating-image-2 {
    z-index: 3;
    width: 260px;
    height: 156px;
    position: absolute;
    top: auto;
    bottom: -15%;
    left: -20%;
    right: auto;
    box-shadow: 0 16px 71px rgba(64, 69, 79, .1);
}

    .hero-floating-image-2.homepage-2 {
        width: 330px;
        height: 198px;
        border-radius: 10px;
        bottom: 15%;
        left: -5%;
    }

.hero-floating-image-3 {
    z-index: 1;
    width: 80px;
    height: 80px;
    border-radius: 7px;
    position: absolute;
    top: auto;
    bottom: -9%;
    left: auto;
    right: -11%;
    overflow: hidden;
}

    .hero-floating-image-3.homepage-3 {
        top: -5%;
        bottom: auto;
        left: -15%;
        right: auto;
    }

    .hero-floating-image-3.homepage-2 {
        top: 25%;
        bottom: auto;
        left: -5%;
        right: auto;
    }

.home-hero-circle-decoration-1 {
    width: 16px;
    height: 16px;
    background-color: #ffcb3d;
    border-radius: 50%;
    position: absolute;
    top: 5%;
    bottom: auto;
    left: -8%;
    right: auto;
}

    .home-hero-circle-decoration-1.homepage-3 {
        top: 7%;
        bottom: auto;
        left: auto;
        right: 5%;
    }

.home-hero-circle-decoration-2 {
    width: 20px;
    height: 20px;
    background-color: #c7cad1;
    border-radius: 50%;
    position: absolute;
    top: auto;
    bottom: -1%;
    left: auto;
    right: 10%;
}

    .home-hero-circle-decoration-2.homepage-2 {
        top: auto;
        bottom: 27%;
        left: -6%;
        right: auto;
    }

.subheading {
    width: 390px;
    color: #3898ec;
    text-align: left;
    letter-spacing: 0;
    align-self: flex-start;
    margin-bottom: 0;
    margin-left: 0;
    padding-left: 0;
    font-family: Montserrat, sans-serif;
    font-size: 18px;
    font-weight: 700;
}

    .subheading.light-blue {
        color: #0d0e10;
        text-align: left;
    }

.home-stats-heading {
    margin-bottom: 16px;
}

    .home-stats-heading.white {
        font-family: Montserrat, sans-serif;
        font-size: 40px;
        font-weight: 600;
    }

.home-stats-up {
    max-width: 620px;
    margin-bottom: 48px;
}

    .home-stats-up.overview {
        max-width: 660px;
    }

.home-stats-grid {
    width: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 16px;
    border-top: 1px solid #e1e4eb;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
}

    .home-stats-grid.review-page {
        width: 85%;
        max-width: 1280px;
        border-top-style: none;
        margin-left: auto;
        margin-right: auto;
    }

.home-stats-grid-item {
    background-color: rgba(236, 236, 236, 0);
    padding-top: 30px;
}

    .home-stats-grid-item.middle {
        background-color: rgba(245, 245, 245, 0);
        border-left: 1px solid #e1e4eb;
        border-right: 1px solid #e1e4eb;
        padding-top: 30px;
    }

    .home-stats-grid-item.review {
        flex-direction: column;
        align-items: center;
        padding-bottom: 48px;
        display: flex;
    }

.stats-number-text {
    color: #0d0e10;
    letter-spacing: -1.2px;
    margin-bottom: 16px;
    font-size: 60px;
    font-weight: 700;
    line-height: 106%;
}

.home-features-images-container {
    width: 50%;
    max-width: 620px;
    justify-content: space-between;
    align-items: center;
    display: flex;
    position: relative;
}

    .home-features-images-container.feature-3 {
        width: 45%;
        width: 45%;
        width: 45%;
        flex-direction: row-reverse;
        justify-content: flex-end;
        position: relative;
    }

.home-features-1-main-image {
    z-index: 1;
    width: 100%;
    max-width: 480px;
    position: relative;
}

.home-feature-1-floating-image {
    z-index: 2;
    width: 45%;
    border-radius: 11px;
    margin-right: -50%;
    position: absolute;
    top: auto;
    bottom: 20%;
    left: -15%;
    right: auto;
    box-shadow: 12px 20px 100px rgba(64, 69, 79, .1);
}

    .home-feature-1-floating-image.feature-3 {
        width: 44%;
        margin-left: -50%;
        margin-right: 0%;
        top: auto;
        bottom: 11%;
        left: auto;
        right: -15%;
        overflow: hidden;
    }

.home-feature-1-image-background {
    width: 480px;
    height: 656px;
    background-image: linear-gradient(135deg, #f1f3f6, #fff 65%);
    position: absolute;
    top: auto;
    bottom: 0%;
    left: -11%;
    right: auto;
}

.home-feature-1-content {
    width: 45%;
    max-width: 500px;
    flex-direction: column;
    align-items: flex-start;
    display: flex;
}

    .home-feature-1-content.white {
        width: 473px;
        max-width: 50%;
        order: -1;
        justify-content: flex-start;
        align-self: flex-start;
        align-items: flex-start;
        padding-left: 0;
        display: block;
    }

.home-features-subheading {
    color: #3898ec;
    margin-bottom: 16px;
    font-family: Montserrat, sans-serif;
    font-weight: 600;
}

    .home-features-subheading.yellow {
        color: #ffcb3d;
    }

.home-features-heading {
    color: #fff;
    margin-bottom: 16px;
    font-weight: 600;
}

    .home-features-heading.white {
        color: #fff;
    }

.home-features-pointers-wrapper {
    margin-top: 20px;
    margin-bottom: 24px;
}

.home-features-pointer-item {
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 16px;
    display: flex;
}

    .home-features-pointer-item.white {
        margin-bottom: 0;
    }

        .home-features-pointer-item.white.margin-left-24px {
            margin-left: 24px;
        }

.home-features-pointer-icon {
    width: 18px;
    height: 18px;
    flex-direction: column;
    flex: none;
    justify-content: center;
    align-items: center;
    margin-top: 4px;
    margin-right: 15px;
    display: flex;
}

.bold-text-span {
    font-weight: 700;
}

    .bold-text-span.black {
        color: #0d0e10;
    }

.features-learn-more-link {
    color: #0d0e10;
    justify-content: flex-start;
    align-items: center;
    padding-bottom: 10px;
    font-weight: 700;
    text-decoration: none;
    display: flex;
    position: relative;
    overflow: hidden;
}

    .features-learn-more-link.white.right-side {
        margin-left: auto;
    }

    .features-learn-more-link.white.testimonial {
        margin-top: 80px;
        margin-left: auto;
        margin-right: auto;
    }

.featured-learn-more-arrow {
    margin-left: 16px;
}

.features-learn-more-link-line {
    height: 1px;
    background-color: #e1e4eb;
    position: absolute;
    top: auto;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

.home-features-1-circle {
    width: 40px;
    height: 40px;
    background-color: #ffcb3d;
    border-radius: 50%;
    position: absolute;
    top: auto;
    bottom: 0%;
    left: 20%;
    right: auto;
    overflow: hidden;
}

.features-2-section {
    z-index: 1;
    width: 1236px;
    text-transform: none;
    background-color: #f1f1f1;
    margin-top: 0;
    display: block;
    position: static;
    overflow: hidden;
}

.home-features-2-up {
    max-width: 620px;
    color: #fff;
    text-align: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
}

.white {
    color: rgba(255, 255, 255, .83);
    font-family: Poppins, sans-serif;
    font-size: 15px;
    font-weight: 600;
}

    .white.home-features-heading {
        color: #fff;
        font-family: Montserrat, sans-serif;
        font-weight: 500;
    }

    .white.features-4-text {
        margin-top: 16px;
        margin-bottom: 24px;
    }

    .white.cta-heading {
        color: #fff;
        -webkit-text-stroke-color: #fff;
        margin-bottom: 12px;
        font-family: Montserrat, sans-serif;
        font-size: 35px;
        font-weight: 600;
    }

    .white.about-values-text {
        margin-top: 16px;
        margin-bottom: 24px;
    }

    .white.heading {
        margin-bottom: 4px;
    }

    .white._16px {
        font-size: 16px;
        line-height: 150%;
    }

.home-features-tab {
    width: 100%;
    justify-content: space-between;
    align-items: center;
    margin-top: 80px;
    display: flex;
}

.home-features-tab-menu {
    width: 38%;
    max-width: 400px;
    flex-direction: column;
    margin-right: auto;
    display: flex;
}

.home-feature-tab-link {
    background-color: rgba(0, 0, 0, 0);
    border-radius: 12px;
    padding: 32px 28px;
    overflow: hidden;
}

    .home-feature-tab-link.w--current {
        background-color: rgba(255, 255, 255, .2);
    }

    .home-feature-tab-link.middle {
        margin-top: 28px;
        margin-bottom: 28px;
    }

.home-tabs-content {
    width: 60%;
    max-width: 730px;
    overflow: visible;
}

.feature-tab-icon-and-heading {
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 16px;
    display: flex;
}

.feature-tab-icon {
    flex: none;
    margin-top: -7px;
    margin-right: 16px;
}

._16-px {
    flex: none;
    font-size: 16px;
}

    ._16-px.color-code {
        margin-top: 4px;
    }

.home-features-tab-image {
    z-index: 1;
    width: 100%;
    position: relative;
}

.featrues-tab-pane-circle {
    width: 80px;
    height: 80px;
    background-color: #ff7847;
    border-radius: 50%;
    position: absolute;
    top: auto;
    bottom: -3%;
    left: auto;
    right: -3%;
}

.featrues-tab-pane-circle-2 {
    width: 40px;
    height: 40px;
    background-color: #145aff;
    border-radius: 50%;
    position: absolute;
    top: -2%;
    bottom: auto;
    left: 16%;
    right: auto;
}

.features-tab-circle-1 {
    width: 16px;
    height: 16px;
    background-color: #47c1fe;
    border-radius: 50%;
    position: absolute;
    top: 22%;
    bottom: auto;
    left: 5%;
    right: auto;
}

.features-tab-circle-2 {
    width: 20px;
    height: 20px;
    background-color: #47c1fe;
    border-radius: 50%;
    position: absolute;
    top: auto;
    bottom: 5%;
    left: 32%;
    right: auto;
}

.home-integrations-section {
    overflow: hidden;
}

.integration-up {
    width: 100%;
    justify-content: space-between;
    align-items: flex-end;
    display: flex;
    position: relative;
}

.integration-heading-and-subheading {
    max-width: 620px;
    flex-direction: column;
    align-items: flex-start;
    display: flex;
}

.h2-60-px {
    letter-spacing: 0;
    font-family: Montserrat, sans-serif;
    font-size: 60px;
}

    .h2-60-px.white.center {
        text-align: center;
    }

.home-integration-circle-1 {
    width: 16px;
    height: 16px;
    background-color: #ffcb3d;
    border-radius: 50%;
    position: absolute;
    top: 0%;
    bottom: auto;
    left: auto;
    right: 32%;
}

.integration-card {
    max-width: 400px;
    color: #40454f;
    background-color: #fff;
    border-radius: 12px;
    flex: none;
    margin-left: 20px;
    margin-right: 20px;
    padding: 32px 28px;
    position: relative;
    overflow: hidden;
    box-shadow: 17px 17px 200px rgba(64, 69, 79, .06);
}

    .integration-card.most-popular {
        width: 100%;
        cursor: pointer;
        margin-bottom: 48px;
        margin-left: 0;
        margin-right: 0;
    }

.integration-icon {
    width: 56px;
    height: 56px;
    border-radius: 8px;
    justify-content: center;
    align-items: center;
    margin-bottom: 26px;
    display: flex;
}

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

    .integration-icon._40px {
        width: 40px;
        height: 40px;
        margin-bottom: 0;
    }

.integration-item-heading {
    margin-bottom: 8px;
}

.integration-cards-container-1 {
    width: 1000%;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 48px;
    display: flex;
}

    .integration-cards-container-1.integrations-page {
        z-index: 1;
        margin-top: -145px;
        margin-bottom: 0;
        padding-bottom: 140px;
        position: relative;
        overflow: hidden;
    }

.integrations-inside-container-1 {
    align-items: flex-start;
    display: flex;
}

.integrations-inside-container-2 {
    flex: none;
    align-items: flex-start;
    display: flex;
}

.integration-cards-container-2 {
    width: 1000%;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.home-integration-circle-2 {
    width: 20px;
    height: 20px;
    background-color: #1ebd53;
    border-radius: 50%;
    position: absolute;
    top: auto;
    bottom: 6%;
    left: 27%;
    right: auto;
}

.feature-3-floating-image-2 {
    width: 14%;
    height: 14%;
    border-radius: 7px;
    position: absolute;
    top: 16%;
    bottom: auto;
    right: -10%;
    overflow: hidden;
}

.feature-3-circle {
    width: 40px;
    height: 40px;
    background-color: #1e8365;
    border-radius: 50%;
    position: absolute;
    top: auto;
    bottom: 10%;
    left: 14%;
    right: auto;
    overflow: hidden;
}

.feature-4-section.features {
    margin-bottom: 140px;
}

.feature-4-section.download-feature-section {
    margin-top: 140px;
    margin-bottom: 140px;
    position: relative;
    overflow: visible;
}

.feature-4-section.homepage-3 {
    background-color: #f5f5f5;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 70px;
    padding-bottom: 70px;
}

.feature-4-left {
    width: 40%;
    height: 62.3832%;
    max-width: 510px;
    flex-direction: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: space-between;
    align-items: flex-start;
    display: flex;
}

    .feature-4-left.feature-2-vertical {
        width: 100%;
        max-width: 720px;
        align-items: center;
    }

.pointer-grid {
    width: 100%;
    max-width: 620px;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-rows: auto auto auto auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    margin-bottom: 20px;
    padding-top: 15px;
    font-size: 15px;
    display: grid;
}

    .pointer-grid._2-rows {
        width: 100%;
        max-width: 1280px;
        grid-column-gap: 40px;
        grid-row-gap: 64px;
        grid-template-rows: auto auto;
        grid-template-columns: 1fr 1fr 1fr 1fr;
        margin-top: 80px;
        margin-bottom: 80px;
    }

.pointer-grid-item {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-direction: row;
    align-items: flex-start;
    display: flex;
}

.pointer-icon {
    margin-bottom: 12px;
    filter: hue-rotate(356deg);
}

.cta-section {
    z-index: 1;
    margin-bottom: auto;
    position: relative;
}

    .cta-section.flex-horizontal {
        margin-bottom: 0;
    }

        .cta-section.flex-horizontal.blue-shapes {
            width: 100%;
            background-image: url("https://uploads-ssl.webflow.com/64351eef0f8f43aa55f4d9f3/6435305254422e20f8430551_backgroung.png");
            background-position: 50%;
            background-repeat: no-repeat;
            background-size: cover;
        }

.cta-text {
    color: rgba(255, 255, 255, .85);
    font-size: 22px;
}

.cta-form-block {
    margin-top: 40px;
}

.cta-form {
    justify-content: space-between;
    align-items: flex-end;
    display: flex;
}

.cta-form-field {
    width: 400px;
    max-width: 400px;
    color: #fff;
    background-color: #4981ff;
    border: 1px #000;
    border-radius: 12px;
    margin-bottom: 0;
    margin-right: 24px;
    padding: 28px 0 28px 28px;
}

    .cta-form-field::-ms-input-placeholder {
        color: #fff;
        font-size: 18px;
    }

    .cta-form-field::placeholder {
        color: #fff;
        font-size: 18px;
    }

    .cta-form-field.blog-subscribe {
        background-color: #4e5a71;
        padding-right: 20px;
    }

.cta-button {
    color: #145aff;
    background-color: #fff;
    border-radius: 12px;
    padding: 15px 28px;
    font-weight: 700;
    transition: all .2s;
}

    .cta-button:hover {
        color: #fff;
        background-color: #1ebd53;
    }

.cta-pointers-container {
    justify-content: space-between;
    align-items: center;
    margin-top: 40px;
    display: flex;
}

    .cta-pointers-container.left-align {
        color: rgba(255, 255, 255, .63);
        justify-content: flex-start;
        margin-top: 24px;
        font-family: Montserrat, sans-serif;
        font-size: 15px;
    }

.cta-pointer-item {
    justify-content: space-between;
    align-items: center;
    display: flex;
}

    .cta-pointer-item.first {
        margin-right: 24px;
    }

.cta-pointer-checkmark {
    margin-right: 15px;
}

.about-hero-section {
    background-color: #f1f3f6;
}

.about-hero-text {
    margin-top: 16px;
    font-size: 22px;
}

.about-images-section {
    margin-top: -140px;
}

.about-image {
    height: 460px;
    border-radius: 12px;
    overflow: hidden;
}

.about-story-left {
    width: 40%;
    max-width: 500px;
    flex-direction: column;
    align-items: flex-start;
    display: flex;
}

.about-story-right {
    width: 100%;
    max-width: none;
}

.about-story-text {
    padding-top: 48px;
    font-size: 22px;
    line-height: 140%;
}

.stats-number-text-2 {
    color: #3898ec;
    letter-spacing: -1.2px;
    margin-bottom: 0;
    font-size: 60px;
    font-weight: 700;
    line-height: 106%;
}

.about-lightbox {
    height: 640px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative;
}

.play-button {
    width: 100px;
    height: 100px;
    margin-top: 280px;
    margin-left: -40px;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 50%;
    right: 0%;
}

.about-values-section {
    background-image: url("https://uploads-ssl.webflow.com/64351eef0f8f43aa55f4d9f3/64351eef0f8f43c97df4db05_Shapes-1-min.png");
    background-position: 50%;
    background-size: cover;
    margin-bottom: 100px;
}

.about-values-left {
    width: 40%;
    max-width: 500px;
    flex-direction: column;
    align-items: flex-start;
    display: flex;
}

.overflow-hidden {
    overflow: hidden;
}

.home-blog-heading-and-button {
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: 80px;
    display: flex;
}

.blog-heading-and-subheading {
    max-width: 620px;
}

    .blog-heading-and-subheading.vertical {
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        display: flex;
    }

.blog-subheading {
    color: #1ebd53;
    margin-bottom: 16px;
    font-family: Montserrat, sans-serif;
    font-size: 30px;
    font-weight: 600;
}

.home-blogs-container {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    grid-template-rows: auto;
    grid-template-columns: 1.5fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
}

.featured-main-collection-wrapper {
    border-radius: 12px;
    overflow: hidden;
}

.featured-main-item {
    width: 100%;
    height: 640px;
    color: #40454f;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    padding: 27px;
    text-decoration: none;
    display: flex;
    position: relative;
    overflow: hidden;
}

.featured-main-image {
    height: 640px;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

.featured-author {
    justify-content: space-between;
    align-items: center;
    display: flex;
    position: relative;
}

.featured-author-image {
    width: 48px;
    height: 48px;
    border: 1px solid #fff;
    border-radius: 50%;
    flex: none;
    margin-right: 16px;
    overflow: hidden;
}

.featured-content {
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 8px;
    display: flex;
}

.featured-category {
    color: #fff;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 8px;
    font-size: 16px;
    font-weight: 700;
}

.overlay {
    background-image: linear-gradient(114deg, rgba(0, 0, 0, .5) 35%, rgba(13, 14, 16, .4));
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

    .overlay.r {
        background-image: radial-gradient(circle closest-corner, rgba(64, 69, 79, 0) 40%, rgba(13, 14, 16, .6));
    }

.feature-collection-list {
    height: 100%;
    grid-column-gap: 16px;
    grid-row-gap: 40px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: grid;
}

.feature-collection-item {
    height: 100%;
}

.feature-item {
    width: 100%;
    height: 100%;
    border-radius: 12px;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    padding: 27px;
    text-decoration: none;
    display: flex;
    position: relative;
    overflow: hidden;
}

.feature-image {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

.featured-collection-wrapper {
    overflow: hidden;
}

.features-hero-section {
    background-color: #f1f3f6;
}

.features-hero-heading {
    margin-top: 16px;
    margin-bottom: 16px;
}

.features-hero-text {
    max-width: 620px;
    font-size: 22px;
}

.features-loop-section {
    margin-top: -145px;
}

.features-cards {
    height: 100%;
    max-width: 400px;
    background-color: #fff;
    border-radius: 12px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-right: 40px;
    padding: 30px;
    display: flex;
    overflow: hidden;
    box-shadow: 17px 17px 200px rgba(64, 69, 79, .06);
}

.features-card-icon {
    margin-bottom: 26px;
}

.featues-card-heading {
    margin-bottom: 8px;
}

.features-loop-inside-wrapper {
    display: flex;
}

    .features-loop-inside-wrapper._1 {
        height: auto;
    }

.features-learn-more-link-2 {
    color: #0d0e10;
    justify-content: flex-start;
    align-items: center;
    padding-bottom: 10px;
    font-weight: 700;
    text-decoration: none;
    display: flex;
    position: relative;
    overflow: hidden;
}

    .features-learn-more-link-2.blue {
        color: #145aff;
        text-align: left;
        text-decoration: none;
    }

    .features-learn-more-link-2.white {
        padding-top: 16px;
    }

    .features-learn-more-link-2.blue {
        color: #145aff;
        color: #145aff;
        text-decoration: none;
    }

.features-learn-more-link-line-2 {
    height: 1px;
    background-color: #e1e4eb;
    position: absolute;
    top: auto;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

.features-1-floating {
    z-index: 1;
    width: 60%;
    border-radius: 10px;
    position: absolute;
    overflow: hidden;
    box-shadow: 7px 19px 165px rgba(64, 69, 79, .06);
}

    .features-1-floating._1 {
        top: 20%;
        bottom: auto;
        left: auto;
        right: 0%;
    }

    .features-1-floating._2 {
        top: 45%;
        bottom: auto;
        left: auto;
        right: 12%;
    }

    .features-1-floating._3 {
        top: 70%;
        bottom: auto;
        left: auto;
        right: 0%;
    }

.visual-features-section {
    background-color: #f1f3f6;
}

.visual-features-up {
    justify-content: space-between;
    align-items: center;
    margin-bottom: 80px;
    display: flex;
}

.visual-features-heading-and-subheading {
    max-width: 500px;
}

.visual-features-subheading {
    margin-bottom: 16px;
}

.visual-features-text {
    max-width: 500px;
}

.visual-features-items-container {
    grid-column-gap: 40px;
    grid-row-gap: 0px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
}

    .visual-features-items-container.nav {
        grid-column-gap: 0px;
    }

        .visual-features-items-container.nav.pages {
            width: 80%;
            grid-column-gap: 0px;
            grid-row-gap: 0px;
            border-right: 2px solid #f1f3f6;
            grid-template-rows: auto auto auto;
            grid-template-columns: 1fr 1fr;
            margin-top: 40px;
            margin-bottom: 40px;
            margin-right: 40px;
            padding: 0 20px;
        }

        .visual-features-items-container.nav.blogs {
            grid-template-columns: 1fr 1fr 1fr 1fr;
            padding-left: 0;
            padding-right: 0;
        }

        .visual-features-items-container.nav.pages {
            width: 80%;
            grid-column-gap: 0px;
            grid-row-gap: 0px;
            border-right: 2px solid #f1f3f6;
            grid-template-rows: auto auto auto;
            grid-template-columns: 1fr 1fr;
            margin-top: 40px;
            margin-bottom: 40px;
            margin-right: 40px;
            padding: 0 20px;
        }

.visual-features-item {
    flex-direction: column;
    align-items: flex-start;
    display: flex;
}

    .visual-features-item.navbar {
        color: #0d0e10;
        background-color: #fff;
        border-radius: 0;
        padding: 40px;
    }

        .visual-features-item.navbar:hover {
            background-color: #fafafa;
        }

        .visual-features-item.navbar.horizontal {
            border-radius: 12px;
            flex-direction: row;
            justify-content: center;
            align-items: flex-start;
            padding: 20px;
        }

        .visual-features-item.navbar.right-link {
            border-radius: 12px;
            flex-direction: row;
            justify-content: flex-start;
            align-items: flex-start;
            padding: 0 0 16px;
        }

            .visual-features-item.navbar.right-link:hover {
                color: #145aff;
                background-color: rgba(0, 0, 0, 0);
            }

        .visual-features-item.navbar.blog {
            padding-left: 20px;
            padding-right: 20px;
        }

    .visual-features-item.navbar {
        color: #0d0e10;
        background-color: #fff;
        border-radius: 0;
        padding: 40px;
    }

        .visual-features-item.navbar:hover {
            background-color: #fafafa;
        }

        .visual-features-item.navbar.horizontal {
            border-radius: 12px;
            flex-direction: row;
            justify-content: center;
            align-items: flex-start;
            padding: 20px;
        }

        .visual-features-item.navbar.blog {
            padding-left: 20px;
            padding-right: 20px;
        }

        .visual-features-item.navbar.right-link {
            border-radius: 12px;
            flex-direction: row;
            justify-content: flex-start;
            align-items: flex-start;
            padding: 0 0 16px;
        }

            .visual-features-item.navbar.right-link:hover {
                color: #145aff;
                background-color: rgba(0, 0, 0, 0);
            }

.visual-features-item-image {
    margin-bottom: 28px;
}

    .visual-features-item-image.pages {
        margin-bottom: 0;
    }

.visual-features-item-heading {
    margin-bottom: 8px;
}

.featrues-tab-pane-circle-3 {
    width: 40px;
    height: 40px;
    background-color: #145aff;
    border-radius: 50%;
    position: absolute;
    top: -2%;
    bottom: auto;
    left: 16%;
    right: auto;
}

    .featrues-tab-pane-circle-3.features {
        background-color: #1ebd53;
    }

.features-tab-circle-3 {
    width: 20px;
    height: 20px;
    background-color: #47c1fe;
    border-radius: 50%;
    position: absolute;
    top: auto;
    bottom: 5%;
    left: 32%;
    right: auto;
}

    .features-tab-circle-3.features {
        background-color: #ffcb3d;
    }

.features-tab-circle-4 {
    width: 16px;
    height: 16px;
    background-color: #47c1fe;
    border-radius: 50%;
    position: absolute;
    top: 22%;
    bottom: auto;
    left: 5%;
    right: auto;
}

.white-2 {
    color: #fff;
}

    .white-2.home-features-heading {
        color: #383838;
        text-align: center;
        font-family: Montserrat, sans-serif;
    }

        .white-2.home-features-heading.homepage-3 {
            margin-bottom: 0;
        }

    .white-2._500w {
        max-width: 500px;
        margin-bottom: 10px;
    }

    .white-2.features-4-text {
        margin-top: 16px;
        margin-bottom: 24px;
    }

    .white-2._16px {
        font-size: 16px;
        line-height: 150%;
    }

    .white-2.heading {
        margin-bottom: 4px;
    }

    .white-2.cta-heading {
        margin-bottom: 12px;
    }

.featrues-tab-pane-circle-4 {
    width: 80px;
    height: 80px;
    background-color: #ff7847;
    border-radius: 50%;
    position: absolute;
    top: auto;
    bottom: -3%;
    left: auto;
    right: -3%;
}

.features-tab-section {
    z-index: 1;
    background-color: #3898ec;
    margin-top: -20px;
    margin-bottom: 100px;
    position: relative;
}

.features-subheading {
    color: #fff;
    margin-bottom: 16px;
}

    .features-subheading.yellow {
        color: #ffcb3d;
    }

.features-floating {
    z-index: 1;
    width: 50%;
    max-width: 280px;
    border-radius: 12px;
    position: absolute;
    top: 35%;
    bottom: auto;
    left: 0%;
    right: auto;
    overflow: hidden;
    box-shadow: 17px 17px 100px rgba(64, 69, 79, .1);
}

.home-features-image {
    z-index: 1;
    padding-right: 0;
    position: relative;
    left: auto;
}

.features-5 {
    margin-bottom: 140px;
}

.features-heading-and-subheading {
    max-width: 620px;
    margin-bottom: 80px;
}

.features-5-heading {
    margin-bottom: 16px;
}

.features-5-items-container {
    width: 100%;
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
}

.features-5-item {
    text-align: left;
}

.features-5-icon {
    width: 56px;
    height: 56px;
    border-radius: 8px;
    margin-bottom: 20px;
    overflow: hidden;
}

.features-4-text {
    margin-top: 16px;
    margin-bottom: 24px;
    font-family: Avenirltstd Book, sans-serif;
}

.team-members-section {
    display: none;
}

.team-members-up {
    max-width: 620px;
    text-align: center;
    margin-bottom: 80px;
}

.members-container {
    width: 100%;
    grid-column-gap: 40px;
    grid-row-gap: 48px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
}

.team-collection-list {
    grid-column-gap: 40px;
    grid-row-gap: 48px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
}

.team-member-item {
    flex-direction: column;
    align-items: center;
    display: flex;
}

.team-member-image {
    height: 330px;
    border-radius: 12px;
    margin-bottom: 24px;
    position: relative;
    overflow: hidden;
}

.team-member-name {
    margin-bottom: 8px;
}

.team-member-linkedin-link {
    z-index: 10;
    width: 48px;
    height: 48px;
    background-image: url("https://uploads-ssl.webflow.com/64351eef0f8f43aa55f4d9f3/64351eef0f8f4387baf4dac5_Button.png");
    background-position: 50%;
    background-size: cover;
    transition: filter .2s;
    position: absolute;
    top: auto;
    bottom: 7%;
    left: auto;
    right: 7%;
}

.pricing-hero-section {
    background-color: #f1f3f6;
}

.pricing-hero-heading {
    margin-bottom: 16px;
}

    .pricing-hero-heading.pricing-page-2 {
        max-width: 620px;
        text-align: left;
        flex: none;
        margin-bottom: 0;
        font-family: Montserrat, sans-serif;
        font-size: 50px;
        font-weight: 400;
    }

.pricing-hero-text {
    max-width: 620px;
    font-size: 22px;
}

    .pricing-hero-text.pricing-page-2 {
        width: 40%;
        max-width: 480px;
        text-align: left;
        margin-bottom: 10px;
        font-family: Montserrat, sans-serif;
        font-size: 15px;
    }

.pricing-tables-section {
    margin-top: -180px;
}

.pricing-switch-and-text {
    justify-content: space-between;
    align-items: center;
    margin-bottom: 28px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
}

.pricing-switch {
    width: 48px;
    height: 28px;
    background-color: #145aff;
    border-radius: 28px;
    flex-direction: column;
    flex: none;
    justify-content: center;
    align-items: flex-start;
    margin-left: 20px;
    margin-right: 20px;
    padding: 4px;
    display: flex;
    position: relative;
    overflow: hidden;
}

.pricing-switch-ball {
    width: 20px;
    height: 20px;
    background-color: #fff;
    border-radius: 50%;
}

.pricing-switch-left {
    width: 50%;
    height: 100%;
    cursor: pointer;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: auto;
}

.pricing-switch-right {
    width: 50%;
    height: 100%;
    cursor: pointer;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: auto;
    right: 0%;
}

.save-30-image {
    margin-left: 12px;
}

.pricing-tables-container {
    width: 100%;
    grid-column-gap: 40px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
}

    .pricing-tables-container.monthly {
        grid-column-gap: 30px;
    }

    .pricing-tables-container.yearly {
        grid-template-rows: auto;
        grid-template-columns: 1fr 1fr 1fr 1fr;
        grid-auto-columns: 1fr;
        display: none;
    }

    .pricing-tables-container.pricing-page-3 {
        grid-column-gap: 40px;
        grid-row-gap: 0px;
        grid-template-columns: 1fr 1fr 1fr;
    }

    .pricing-tables-container.pricing-page-2 {
        grid-column-gap: 0px;
        grid-row-gap: 48px;
        grid-template-columns: 1fr;
    }

.pricing-table-item {
    background-color: #fff;
    border-radius: 12px;
    flex-direction: column;
    align-items: flex-start;
    padding: 32px 26px;
    display: flex;
    overflow: hidden;
    box-shadow: 17px 17px 200px rgba(64, 69, 79, .06);
}

    .pricing-table-item.bg {
        background-image: url("https://uploads-ssl.webflow.com/64351eef0f8f43aa55f4d9f3/64351eef0f8f433233f4daeb_Shapes.png");
        background-position: 50%;
        background-size: auto;
    }

        .pricing-table-item.bg.white {
            background-repeat: no-repeat;
            background-size: cover;
        }

    .pricing-table-item.pricing-page-2-item {
        max-width: 840px;
        padding: 40px;
    }

        .pricing-table-item.pricing-page-2-item.business {
            background-image: url("https://uploads-ssl.webflow.com/64351eef0f8f43aa55f4d9f3/64351eef0f8f4303b1f4db60_Group%202686%20(1).png");
            background-position: 50%;
            background-repeat: no-repeat;
            background-size: cover;
        }

    .pricing-table-item.plans-ecommerce-ecommerce {
        background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: cover;
    }

.pricing-table-plan-text {
    margin-bottom: 8px;
}

.pricing-table-item-text {
    margin-bottom: 28px;
    font-size: 16px;
    line-height: 150%;
}

    .pricing-table-item-text.pricing-page-3 {
        margin-bottom: 52px;
    }

    .pricing-table-item-text.pricing-page-2 {
        margin-bottom: 0;
    }

    .pricing-table-item-text.ecommerce {
        margin-bottom: 20px;
    }

.pricing-cost {
    margin-bottom: 40px;
}

    .pricing-cost.pricing-page-2 {
        margin-bottom: 28px;
    }

.pricing-cost-text-span {
    color: #0d0e10;
    letter-spacing: -1px;
    margin-right: 4px;
    font-size: 36px;
    font-weight: 700;
    line-height: 112%;
}

    .pricing-cost-text-span.white {
        color: #fff;
    }

    .pricing-cost-text-span.pricing-page-3 {
        margin-right: 0;
        font-size: 48px;
    }

    .pricing-cost-text-span.white-pricing-page-3 {
        color: #fff;
        margin-right: 0;
        font-size: 48px;
    }

    .pricing-cost-text-span.ecommerce {
        margin-top: 6px;
        margin-right: 0;
        font-size: 18px;
        font-weight: 600;
    }

    .pricing-cost-text-span.ecommerce-price {
        margin-right: 0;
        font-size: 48px;
    }

.pricing-table-button {
    width: 100%;
    color: #145aff;
    background-color: rgba(20, 90, 255, .2);
    border-radius: 12px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 40px;
    padding-top: 17px;
    padding-bottom: 18px;
    font-style: normal;
    font-weight: 700;
    transition: all .2s;
    display: flex;
    overflow: hidden;
}

    .pricing-table-button:hover {
        color: #fff;
        background-color: #1ebd53;
    }

    .pricing-table-button.white {
        background-color: #fff;
    }

        .pricing-table-button.white:hover {
            background-color: #1ebd53;
        }

    .pricing-table-button.pricing-page-3 {
        text-align: center;
        flex: none;
        margin-bottom: 0;
    }

    .pricing-table-button.pricing-page-2 {
        width: auto;
        margin-bottom: 0;
        padding-left: 28px;
        padding-right: 28px;
    }

    .pricing-table-button.ecom {
        text-align: center;
        flex: none;
        margin-bottom: 0;
    }

        .pricing-table-button.ecom:hover {
            color: #0f1f3d;
            background-color: rgba(30, 189, 83, .3);
        }

.pricing-table-line {
    width: 100%;
    height: 1px;
    background-color: #e1e4eb;
}

.pricing-table-item-pointers {
    width: 100%;
    flex-direction: column;
    margin-top: 35px;
    display: flex;
}

.pricing-table-pointer-item {
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 16px;
    display: flex;
}

.pricing-table-checkmark {
    flex: none;
    margin-top: 4px;
    margin-right: 15px;
}

.faq-right {
    width: 70%;
    max-width: 840px;
    margin-left: auto;
}

.faq-heading-and-subheading {
    width: 70%;
    max-width: 840px;
    margin-bottom: 40px;
}

.faq-part.margin-top {
    margin-top: 64px;
}

.faq-part-heading {
    padding-top: 40px;
}

.faq-item {
    border-bottom: 1px solid #e1e4eb;
    margin-top: 32px;
    padding-bottom: 32px;
}

.faq-question {
    cursor: pointer;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 12px;
    padding-right: 0;
    display: flex;
}

.faq-question-text {
    max-width: 90%;
    font-size: 22px;
    font-weight: 500;
}

.faq-plus-icon {
    width: 16px;
    height: 16px;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-top: 3px;
    display: flex;
}

.faq-icon-line-1 {
    width: 1px;
    height: 16px;
    background-color: #0d0e10;
}

.faq-icon-line-2 {
    width: 1px;
    height: 16px;
    background-color: #0d0e10;
    position: absolute;
    transform: rotate(90deg);
}

.faq-answer {
    max-width: 95%;
    overflow: hidden;
}

.blog-hero-section {
    background-color: #f1f3f6;
}

.blog-hero-heading {
    align-self: center;
    margin-bottom: 16px;
    font-family: Poppins, sans-serif;
    font-size: 45px;
    font-weight: 600;
}

.blog-hero-text {
    max-width: 620px;
    align-self: center;
    font-family: Poppins, sans-serif;
    font-size: 22px;
}

.blog-featured-section {
    margin-top: -150px;
    font-family: Poppins, sans-serif;
}

.featrued-date-and-time {
    z-index: 190;
    align-items: center;
    display: flex;
}

.feature-down {
    position: relative;
}

.feature-dot {
    width: 5px;
    height: 5px;
    background-color: #fff;
    border-radius: 60%;
    flex: none;
    margin-left: 10px;
    margin-right: 10px;
    overflow: hidden;
}

.blogs-heading-and-text {
    margin-bottom: 50px;
}

    .blogs-heading-and-text.authors, .blogs-heading-and-text.center {
        margin-bottom: 0;
    }

.all-blogs-heading {
    color: #1e8365;
    text-transform: uppercase;
    margin-top: auto;
    margin-bottom: auto;
    font-family: Montserrat, sans-serif;
    font-size: 35px;
}

    .all-blogs-heading.by {
        margin-right: 10px;
    }

    .all-blogs-heading.left {
        text-align: left;
    }

.all-blogs-container {
    width: 100%;
    grid-column-gap: 40px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
}

.blog-item {
    width: 100%;
    color: #40454f;
    text-align: left;
    cursor: pointer;
    flex-direction: column;
    align-items: stretch;
    text-decoration: none;
    display: flex;
    position: relative;
}

    .blog-item.horizontal {
        flex-direction: row;
        margin-bottom: 40px;
    }

.blogs-collection-list-wrapper {
    margin-top: 100px;
}

.blogs-collection-list {
    grid-column-gap: 40px;
    grid-row-gap: 48px;
    grid-template: ". . ." ". . ." ". Area-2 Area" / 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
}

.blog-image {
    height: 300px;
    border-radius: 12px;
    margin-bottom: 24px;
    position: relative;
    overflow: hidden;
}

    .blog-image.blog-page-2 {
        height: 440px;
    }

    .blog-image.blog-page-2-down {
        width: 360px;
        height: 240px;
        margin-bottom: 0;
    }

    .blog-image.blog-page-3 {
        height: 440px;
    }

.blog-category {
    color: #3898ec;
    letter-spacing: 0;
    margin-bottom: 8px;
    font-family: Montserrat, sans-serif;
    font-weight: 600;
}

.blog-date-and-time {
    z-index: 190;
    flex: none;
    align-items: center;
    margin-top: 8px;
    display: flex;
}

.blog-dot {
    width: 5px;
    height: 5px;
    background-color: #40454f;
    border-radius: 60%;
    flex: none;
    margin-left: 10px;
    margin-right: 10px;
    overflow: hidden;
}

.blog-author {
    z-index: 1;
    justify-content: space-between;
    align-items: center;
    display: flex;
    position: absolute;
    top: 28px;
    bottom: auto;
    left: 28px;
    right: auto;
}

    .blog-author.static {
        justify-content: flex-start;
        margin-top: 20px;
        position: static;
    }

.pagination {
    margin-top: 64px;
}

.blog-subscribe-section {
    margin-bottom: 145px;
}

    .blog-subscribe-section.blog-3 {
        margin-top: -140px;
        margin-bottom: 0;
    }

.blog-subscribe-left {
    width: 47%;
    max-width: 480px;
}

.blog-subscribe-heading {
    color: #fff;
    margin-bottom: 12px;
}

._22-px {
    text-align: left;
    padding-top: 48px;
    font-family: Poppins, sans-serif;
    font-size: 22px;
    line-height: 150%;
}

    ._22-px.medium {
        font-weight: 500;
    }

.blog-subscribe-form-container {
    width: 47%;
}

.blog-form-button {
    color: #fff;
    background-color: #145aff;
    border-radius: 12px;
    margin-top: 51px;
    padding: 15px 28px;
    font-family: Montserrat, sans-serif;
    font-weight: 500;
    transition: background-color .2s;
}

    .blog-form-button:hover {
        background-color: #1ebd53;
    }

    .blog-form-button.center {
        margin-top: 32px;
        margin-left: auto;
        margin-right: auto;
        display: block;
    }

.blog-post-hero-section {
    background-color: #f1f3f6;
}

.blog-post-hero-inside-wrapper {
    width: 100%;
    max-width: 840px;
}

.blog-post-heading {
    margin-bottom: 16px;
}

.rich-text {
    border-bottom: 1px solid #e1e4eb;
    padding-bottom: 40px;
}

    .rich-text h2 {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .rich-text h6, .rich-text h5, .rich-text h4, .rich-text h3 {
        margin-top: 40px;
        margin-bottom: 20px;
    }

    .rich-text p {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .rich-text.vacancy-rich-text {
        border-bottom-style: none;
        padding-bottom: 0;
    }

.blog-post-author-and-social {
    justify-content: space-between;
    align-items: center;
    margin-top: 40px;
    display: flex;
}

.blog-post-author {
    justify-content: space-between;
    align-items: center;
    display: flex;
}

.blog-post-author-image {
    width: 96px;
    height: 96px;
    border-radius: 50%;
    flex: none;
    margin-right: 28px;
    overflow: hidden;
}

.blog-author-written-by {
    color: #6e7687;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 12px;
    font-size: 16px;
    font-weight: 500;
    line-height: 150%;
}

.blog-share-on {
    color: #6e7687;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 15px;
    font-size: 16px;
    font-weight: 500;
    line-height: 150%;
}

.blog-social-icons-container {
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.blog-social-item {
    cursor: pointer;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-right: 28px;
    transition: transform .2s;
    display: flex;
}

    .blog-social-item:hover {
        transform: translate(0, -3px);
    }

.similar-blog-post-heading {
    margin-bottom: 16px;
}

.similar-blogs-container {
    width: 100%;
    grid-column-gap: 40px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    margin-top: 0;
}

.career-hero-section {
    background-color: #f1f3f6;
}

.career-hero-heading {
    text-align: left;
    margin-bottom: 16px;
    font-family: Poppins, sans-serif;
    font-weight: 600;
}

.career-image-item {
    width: 49%;
    height: 450px;
    max-width: 620px;
    border-radius: 12px;
    overflow: hidden;
}

.jobs-section {
    margin-top: 88px;
}

.jobs-left {
    width: 40%;
    max-width: 510px;
    position: static;
}

.jobs-heading {
    margin-bottom: 16px;
}

.jobs-right {
    width: 55%;
    padding-top: 20px;
}

.job-tabs {
    position: static;
}

.job-tabs-menu {
    max-width: 510px;
    display: none;
    position: absolute;
    top: 350px;
    bottom: auto;
    left: 0%;
    right: auto;
}

.job-tabs-content {
    overflow: visible;
}

.job-tab-link {
    color: #0d0e10;
    background-color: #f1f3f6;
    border-radius: 12px;
    margin-bottom: 12px;
    margin-right: 12px;
    padding-top: 12px;
    padding-bottom: 12px;
    font-size: 16px;
    font-weight: 500;
    overflow: hidden;
}

    .job-tab-link.w--current {
        color: #fff;
        background-color: #0d0e10;
    }

.job-tab-pane {
    padding: 20px 14px;
}

.job-item {
    width: 100%;
    background-color: #fff;
    border-radius: 12px;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 28px;
    padding: 32px 40px;
    text-decoration: none;
    display: flex;
    overflow: visible;
    box-shadow: 17px 17px 200px rgba(64, 69, 79, .06);
}

    .job-item:hover {
        box-shadow: 17px 17px 200px rgba(64, 69, 79, .06);
    }

.job-item-heading {
    margin-bottom: 8px;
}

.job-dot-details {
    color: #0d0e10;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

    .job-dot-details.job-post {
        margin-top: 40px;
        font-size: 22px;
    }

.job-dot {
    width: 5px;
    height: 5px;
    background-color: #40454f;
    border-radius: 50%;
    flex: none;
    margin-left: 8px;
    margin-right: 8px;
    overflow: hidden;
}

.job-salary-range {
    color: #0d0e10;
    margin-top: 4px;
}

.perks-section {
    text-align: center;
}

.perks-heading {
    margin-bottom: 16px;
}

.perks-inside-wrapper {
    width: 100%;
    max-width: 620px;
    margin-bottom: 80px;
    margin-left: auto;
    margin-right: auto;
}

.perks-items-container {
    width: 100%;
    grid-column-gap: 40px;
    grid-row-gap: 60px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    align-items: start;
    display: grid;
}

.perk-item {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
}

.perk-icon {
    margin-bottom: 20px;
}

.contact-hero-section {
    background-color: #f1f3f6;
}

.contact-hero-heading {
    margin-bottom: 16px;
}

.contact-hero-text {
    max-width: 620px;
    font-size: 22px;
}

.contact-form-block {
    width: 100%;
    margin-top: 47px;
    margin-bottom: 48px;
    padding: 64px;
    overflow: hidden;
    box-shadow: 17px 17px 200px rgba(64, 69, 79, .06);
}

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

.contact-form-item {
    width: 48%;
}

.contact-form-row {
    width: 100%;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 16px;
    display: flex;
}

.contact-form-field-label {
    color: #40454f;
    margin-bottom: 16px;
    font-weight: 500;
}

    .contact-form-field-label.contact-page {
        color: #0d0e10;
    }

.contact-form-text-field {
    background-color: #f1f3f6;
    border: 1px #000;
    border-radius: 12px;
    margin-bottom: 24px;
    padding: 30px 28px;
    font-size: 18px;
}

.contact-form-text-area {
    background-color: #f1f3f6;
    border: 1px #000;
    border-radius: 12px;
    margin-bottom: 48px;
    padding: 20px 28px 100px;
    font-size: 18px;
}

.contact-cards-container {
    justify-content: space-between;
    align-items: center;
    display: flex;
}

.contact-card-item {
    width: 48%;
    background-color: #fff;
    border-radius: 12px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px;
    display: flex;
    overflow: hidden;
    box-shadow: 17px 17px 200px rgba(64, 69, 79, .06);
}

.contact-card-icon {
    margin-bottom: 28px;
}

.contact-card-heading {
    margin-bottom: 8px;
}

.contact-card-link {
    color: #40454f;
    text-decoration: none;
}

.location-left {
    max-width: 400px;
}

.location-heading {
    margin-bottom: 16px;
}

.location-item {
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: 20px;
    margin-bottom: 16px;
    display: flex;
}

.location-icon {
    flex: none;
    margin-right: 16px;
}

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

.location-image {
    height: 560px;
}

.sign-up-section {
    margin-left: auto;
    margin-right: auto;
}

.sign-up-image {
    height: 100%;
    max-width: 40%;
    position: relative;
}

.sign-up-logo {
    z-index: 60;
    background-image: none;
    background-repeat: repeat;
    background-size: auto;
    position: absolute;
    top: 50px;
    bottom: auto;
    left: 80px;
    right: auto;
}

.sign-up-right {
    height: 100%;
    flex-direction: column;
    flex: 1;
    justify-content: center;
    align-items: center;
    padding-top: 54px;
    padding-bottom: 54px;
    display: flex;
}

.sign-up-heading {
    margin-bottom: 16px;
}

.sign-up-link {
    color: #145aff;
    font-weight: 500;
    text-decoration: none;
}

.sign-up-with-google {
    color: #0d0e10;
    border: 1.5px solid #000;
    border-radius: 12px;
    justify-content: center;
    align-items: center;
    margin-top: 40px;
    padding: 15px 90px;
    font-weight: 700;
    text-decoration: none;
    display: flex;
    overflow: hidden;
}

    .sign-up-with-google:hover {
        border-color: #145aff;
    }

.sign-up-with-google-icon {
    flex: none;
    margin-right: 20px;
}

.or-continue-with {
    align-items: center;
    margin-top: 28px;
    display: flex;
}

.or-continue-with-line {
    width: 120px;
    height: 1px;
    background-color: #e1e4eb;
}

.sign-in-form-block {
    width: 100%;
    max-width: 400px;
    margin-top: 24px;
}

.sign-in-form {
    flex-direction: column;
    display: flex;
}

.faq-down {
    width: 100%;
    justify-content: space-between;
    align-items: flex-start;
    display: flex;
    position: relative;
}



.pricing-comparison-section.pricing-page-3 {
    margin-bottom: 60px;
}

.comparison-up {
    justify-content: space-between;
    align-items: center;
    display: flex;
}

.comparison-heading-and-subheading {
    max-width: 510px;
}

.blue {
    color: #145aff;
    text-decoration: underline;
}

.comparison-table-item {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    border-bottom: 1px solid #e1e4eb;
    grid-template-rows: auto;
    grid-template-columns: 2fr 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    padding-top: 30px;
    padding-bottom: 30px;
    display: grid;
}

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

    .comparison-plan.pricing-page-3 {
        align-items: center;
    }

.comparison-plan-price {
    font-size: 16px;
}

.comparison-table {
    margin-top: 80px;
}

.success-message {
    color: #1ebd53;
    background-color: #fff;
    border-radius: 4px;
    font-weight: 500;
    overflow: hidden;
}

.error-message {
    color: #ff7847;
    background-color: #fffcfc;
    border-radius: 4px;
    padding: 17px;
    font-weight: 500;
    overflow: hidden;
}

.integrations-hero-section {
    background-color: #f1f3f6;
    overflow: hidden;
}

.integrations-hero-heading {
    margin-bottom: 16px;
    font-family: Montserrat, sans-serif;
}

.hero-integrations-text {
    width: 100%;
    max-width: none;
    text-align: left;
    font-family: Avenirltstd Book, sans-serif;
    font-size: 20px;
}

.integrations-features-section.homepage-2 {
    flex-direction: column;
    align-items: center;
    display: flex;
}

.integrations-features-up {
    width: 100%;
    max-width: 600px;
    text-align: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 80px;
    display: flex;
}

.integrations-features-heading {
    margin-bottom: 16px;
}

.integrations-features-items {
    width: 100%;
    grid-column-gap: 40px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
}

.integrations-features-icon {
    margin-bottom: 28px;
}

.integrations-featrues-heading {
    margin-bottom: 8px;
}

.most-popular-integration-section.homepage-3 {
    padding-top: 0;
    padding-bottom: 0;
}

.most-popular-integrations-up {
    grid-column-gap: 30px;
    grid-row-gap: 50px;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 40px;
    margin-left: 5%;
    margin-right: 5%;
    display: flex;
}

.most-popular-integrations-headings {
    width: 49.0001%;
    max-width: 49%;
}

.most-popular-integrations-text {
    width: 55%;
    max-width: 60%;
}

.all-integrations-heading {
    margin-bottom: 16px;
}

._404-heading {
    margin-bottom: 0;
}

._404-robot {
    width: 400px;
    margin-top: 64px;
}

._404-section, .vacancy-post-hero-section {
    background-color: #f1f3f6;
}

.vacancy-post-heading {
    margin-bottom: 16px;
}

.vacancy-post-hero-left {
    max-width: 620px;
}

.rich-text-wrapper {
    width: 70%;
    max-width: 840px;
}

.utility-page-wrap {
    width: 100vw;
    height: 100vh;
    max-height: 100%;
    max-width: 100%;
    background-color: #f1f3f6;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: block;
}

.utility-page-content {
    height: 80vh;
    text-align: center;
    flex-direction: column;
    margin-bottom: 0;
    display: flex;
}

.utility-page-form {
    max-width: 400px;
    flex-direction: column;
    align-items: stretch;
    margin: auto;
    display: flex;
}

.password-heading {
    margin-bottom: 40px;
}

    .password-heading.reset-page {
        margin-bottom: 16px;
    }

.password-field-label {
    text-align: left;
    margin-bottom: 16px;
    font-size: 16px;
    font-weight: 500;
}

    .password-field-label.reset {
        color: #0d0e10;
    }

.password-text-field {
    background-color: #fff;
    border: 1px #000;
    border-radius: 12px;
    margin-bottom: 28px;
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 28px;
    font-size: 18px;
    overflow: hidden;
}

    .password-text-field::-ms-input-placeholder {
        color: #0d0e10;
    }

    .password-text-field::placeholder {
        color: #0d0e10;
    }

    .password-text-field.reset {
        color: #0d0e10;
    }

.style-guide-hero-section {
    background-color: #f1f3f6;
}

.style-guide-heading {
    margin-bottom: 16px;
}

.style-guide-main-content {
    width: 70%;
    max-width: 840px;
}

.style-guide-item-heading {
    margin-bottom: 16px;
}

.colors-grid {
    grid-column-gap: 25px;
    grid-row-gap: 40px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    margin-top: 40px;
    margin-bottom: 64px;
    display: grid;
}

.color-box {
    height: 96px;
    background-color: #145aff;
    border-radius: 8px;
    margin-bottom: 16px;
}

    .color-box._2 {
        background-color: #1ebd53;
    }

    .color-box._3 {
        background-color: #ffcb3d;
    }

    .color-box._4 {
        background-color: #ff7847;
    }

    .color-box._5 {
        background-color: #47c1fe;
    }

    .color-box._6 {
        background-color: #0d0e10;
    }

    .color-box._7 {
        background-color: #0f1f3d;
    }

    .color-box._8 {
        background-color: #40454f;
    }

    .color-box._9 {
        background-color: #c7cad1;
    }

    .color-box._10 {
        background-color: #e1e4eb;
    }

    .color-box._11 {
        background-color: #f1f3f6;
    }

    .color-box._12 {
        background-color: #fff;
    }

.typography-heading {
    margin-bottom: 16px;
}

.typography-main {
    grid-column-gap: 16px;
    grid-row-gap: 40px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    margin-top: 40px;
    margin-bottom: 64px;
    display: grid;
}

.typography-item-description {
    margin-top: 16px;
}

.italic {
    font-style: italic;
}

.bold {
    font-weight: 700;
}

.buttons {
    margin-bottom: 64px;
}

.buttons-heading {
    margin-bottom: 16px;
}

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

.licensing-hero-section {
    background-color: #f1f3f6;
}

.licensing-hero-heading {
    margin-bottom: 16px;
}

.licensing-main {
    width: 70%;
    max-width: 840px;
}

.licensing-item {
    margin-bottom: 100px;
}

.licensing-item-heading-and-source {
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
    display: flex;
}

.source-link {
    justify-content: space-between;
    align-items: center;
    padding-bottom: 10px;
    font-weight: 700;
    display: flex;
    position: relative;
}

.image-2 {
    flex: none;
    margin-left: 12px;
}

.source-line {
    position: absolute;
    top: auto;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

.licensing-images-grid {
    grid-column-gap: 28px;
    grid-row-gap: 28px;
    grid-template-rows: auto auto;
    grid-template-columns: 1.5fr 1fr;
    grid-auto-columns: 1fr;
    margin-top: 40px;
    display: grid;
}

.licensing-large-image {
    height: 510px;
    border-radius: 8px;
    overflow: hidden;
}

.licensing-small-image {
    height: 240px;
    border-radius: 8px;
    overflow: hidden;
}

.licensing-icons-grid {
    grid-column-gap: 16px;
    grid-row-gap: 30px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    margin-top: 40px;
    display: grid;
}

.font-text {
    color: #145aff;
    text-align: center;
    background-color: #d0deff;
    border-radius: 8px;
    margin-top: 40px;
    padding-top: 50px;
    padding-bottom: 50px;
    font-size: 80px;
}

.licensing-illustration-image {
    margin-top: 40px;
}

.changelog-hero-section {
    background-color: #f1f3f6;
}

.changelog-hero-heading, .changelog-date {
    margin-bottom: 16px;
}

.instructions-hero-section {
    background-color: #f1f3f6;
}

.instructions-hero-heading, .conditional-visibility-heading {
    margin-bottom: 16px;
}

.youtube {
    margin-top: 40px;
}

.testimonial-section {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 100px;
    overflow: hidden;
}

.testimonial-heading {
    text-align: center;
    margin-bottom: 16px;
}

    .testimonial-heading.dark {
        max-width: 700px;
        color: #fff;
        text-align: center;
    }

    .testimonial-heading.overview {
        width: 80%;
        max-width: 800px;
        font-size: 35px;
        font-weight: 500;
    }

        .testimonial-heading.overview._60 {
            width: 60%;
        }

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

.testimonial-up {
    width: 4000%;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 48px;
    padding-bottom: 0;
    display: flex;
}

.testimonial-item {
    max-width: 600px;
    border-radius: 12px;
    margin-right: 40px;
    padding: 32px 28px 50px;
    overflow: hidden;
    box-shadow: 17px 17px 200px rgba(64, 69, 79, .06);
}

    .testimonial-item.sign-up-page {
        z-index: 20;
        background-color: #fff;
        position: absolute;
        top: auto;
        bottom: 4%;
        left: 6%;
        right: auto;
    }

    .testimonial-item.review-hero {
        max-width: 520px;
        background-color: #fff;
        margin-bottom: 40px;
        margin-right: 0;
        padding-top: 28px;
        padding-bottom: 28px;
    }

    .testimonial-item.review-hero-middle {
        max-width: 520px;
        background-color: #fff;
        margin-bottom: 40px;
        margin-right: 0;
        padding-top: 28px;
        padding-bottom: 28px;
        position: relative;
        right: -80px;
    }

    .testimonial-item.reviews-main {
        background-color: #fff;
        margin-right: 0;
        padding-bottom: 32px;
    }

.testimonial-image-and-name {
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 22px;
    display: flex;
}

    .testimonial-image-and-name.review-hero {
        margin-bottom: 20px;
    }

    .testimonial-image-and-name.review-twitter {
        justify-content: flex-start;
        margin-bottom: 20px;
    }

.testimonial-image {
    width: 56px;
    height: 56px;
    border-radius: 100%;
    flex: none;
    margin-right: 20px;
    overflow: hidden;
}

.testimonial-move-1 {
    display: flex;
}

.home-hero-bg-circle {
    width: 920px;
    height: 920px;
    background-image: linear-gradient(#f1f3f6, rgba(241, 243, 246, .2));
    border-radius: 100%;
    position: absolute;
    top: 15%;
    bottom: 0%;
    left: auto;
    right: -50%;
}

    .home-hero-bg-circle.homepage-3 {
        background-image: radial-gradient(circle closest-side at 100% 0, #f1f3f6, rgba(241, 243, 246, .2));
        top: 25%;
        bottom: 0%;
        left: -50%;
        right: auto;
    }

.home-blog-heading.h2-60-px.center {
    text-align: center;
    font-family: Montserrat, sans-serif;
    font-weight: 600;
}

.testimonial-move-2 {
    display: flex;
}

.testimonial-down {
    width: 4000%;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 48px;
    padding-bottom: 0;
    display: flex;
}

.testimonial-move-3, .testimonial-move-4 {
    display: flex;
}

.integrations-inside-container-3 {
    align-items: flex-start;
    display: flex;
}

.integrations-inside-container-4 {
    flex: none;
    align-items: flex-start;
    display: flex;
}

.footer {
    background-color: #000f09;
    margin-top: 0;
    padding-top: 0;
    padding-left: 0%;
}

.footer-up {
    grid-column-gap: 120px;
    grid-row-gap: 16px;
    border-bottom: 1px solid #40454f;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    padding-top: 0;
    padding-bottom: 45px;
    display: grid;
}

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

.main-form-field-label {
    color: rgba(255, 255, 255, .84);
    margin-bottom: 20px;
    font-weight: 500;
}

.footer-field-and-button {
    justify-content: space-between;
    margin-top: 0;
    display: flex;
    position: relative;
}

.footer-text-field {
    color: #fff;
    background-color: rgba(255, 255, 255, .2);
    border: 1px #000;
    border-radius: 12px;
    margin-bottom: 0;
    margin-right: 20px;
    padding: 30px 0 30px 24px;
    font-family: Montserrat, sans-serif;
    font-size: 16px;
    overflow: hidden;
}

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

    .footer-text-field::placeholder {
        color: #fff;
    }

.footer-links-row {
    flex-direction: column;
    align-items: flex-start;
    margin-left: 0;
    padding-top: 0;
    display: flex;
}

.footer-link {
    min-width: 54px;
    color: #ffffff;
    margin-bottom: 5px;
    padding-top: 0;
    padding-bottom: 0;
    font-size: 13px;
    /* transition: opacity .2s; */
    display: block;
}

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

    .footer-link.w--current {
        margin-bottom: 0;
        padding-top: 0;
        font-size: 10px;
    }

    .footer-link.down {
        display: inline-block;
    }

    .footer-link.cf {
        color: #47c1fe;
        display: inline-block;
    }

.footer-down {
    color: rgba(255, 255, 255, .8);
    justify-content: space-between;
    align-items: flex-start;
    padding-top: 40px;
    padding-bottom: 20px;
    font-size: 16px;
    display: flex;
}

.footer-social-icons-container {
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

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

.team-heading {
    margin-bottom: 16px;
}

.job-item-2 {
    width: 100%;
    background-color: #fff;
    border-radius: 12px;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 28px;
    padding: 32px 40px;
    text-decoration: none;
    display: flex;
    overflow: visible;
    box-shadow: 17px 17px 200px rgba(64, 69, 79, .06);
}

.job-dot-2 {
    width: 5px;
    height: 5px;
    background-color: #40454f;
    border-radius: 50%;
    flex: none;
    margin-left: 8px;
    margin-right: 8px;
    overflow: hidden;
}

.blog-item-2 {
    width: 100%;
    color: #40454f;
    text-align: left;
    flex-direction: column;
    align-items: stretch;
    text-decoration: none;
    display: flex;
    position: relative;
}

.featured-author-image-2 {
    width: 48px;
    height: 48px;
    border: 1px solid #fff;
    border-radius: 50%;
    flex: none;
    margin-right: 16px;
    overflow: hidden;
}

.blog-dot-2 {
    width: 5px;
    height: 5px;
    background-color: #40454f;
    border-radius: 60%;
    flex: none;
    margin-left: 10px;
    margin-right: 10px;
    overflow: hidden;
}

.navigation-drop-container {
    width: 100%;
    background-color: #fff;
    border-radius: 10px;
    display: flex;
    overflow: hidden;
}

    .navigation-drop-container.features {
        border-radius: 10px;
        justify-content: flex-start;
        padding: 0;
        overflow: hidden;
    }

        .navigation-drop-container.features.pages {
            padding-right: 40px;
        }

.dropdown-toggle {
    color: #04121f;
    padding-left: 12px;
    padding-right: 24px;
    transition: color .2s;
}

    .dropdown-toggle:hover {
        color: #145aff;
        font-weight: 500;
    }

    .dropdown-toggle.white {
        color: #fff;
    }

.navbar-brand {
    width: 150px;
    height: 40px;
    margin-right: 0;
}

.navigation-left {
    width: auto;
    justify-content: space-between;
    align-items: center;
    display: flex;
}

.dropdown-list {
    background-color: rgba(0, 0, 0, 0);
    border-radius: 8px;
    top: 80px;
    left: 0;
    right: 0;
    overflow: hidden;
    box-shadow: 0 30px 50px rgba(0, 0, 0, .08);
}

    .dropdown-list.w--open {
        width: 80%;
        box-shadow: none;
        padding-top: 25px;
        overflow: visible;
    }

    .dropdown-list.blog.w--open {
        width: 80%;
    }

.navigation-right {
    width: auto;
    justify-content: flex-end;
    align-items: center;
    display: flex;
}

.navigation-menu {
    align-items: center;
    font-size: 16px;
    display: flex;
    position: static;
}

.dropdown-arrow {
    margin-right: 5px;
    font-size: 14px;
}


.dropdown {
    margin-left: 5px;
    margin-right: 5px;
    position: static;
}

.dropdown-list-full-wrapper {
    width: 100%;
    max-width: 1160px;
    background-color: #fff;
    border-radius: 12px;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    box-shadow: 0 30px 100px rgba(64, 69, 79, .1);
}

    .dropdown-list-full-wrapper.blog {
        max-width: 1160px;
    }

.navigation {
    z-index: 100;
    background-color: rgba(0, 0, 0, 0);
    background-image: url("https://uploads-ssl.webflow.com/64351eef0f8f43aa55f4d9f3/6437a69bac291d2a9ad7a367_border%20design.svg");
    background-position: 0 0;
    background-size: auto;
    flex-direction: column;
    align-items: center;
    font-family: Montserrat, sans-serif;
    display: flex;
}

.main-navigations-container {
    position: relative;
}

.menu-button-mob {
    display: none;
}

.homepage-secondary-nav {
    color: #fff;
    text-align: center;
    background-color: #3898ec;
    justify-content: center;
    align-items: center;
    padding-top: 10px;
    padding-bottom: 28px;
    font-size: 14px;
    display: flex;
}

    .homepage-secondary-nav.homepage-3 {
        font-weight: 500;
    }

    .homepage-secondary-nav.black {
        background-color: #0d0e10;
        font-weight: 400;
    }

.secondary-nav-power-icon {
    margin-right: 12px;
}

.secondary-nav-link {
    color: #fff;
    justify-content: flex-start;
    margin-left: 10px;
    font-weight: 500;
    display: flex;
}

.user-action-link-arrow {
    margin-left: 6px;
}

.about-team-blue-div {
    opacity: 0;
    background-color: rgba(20, 90, 255, .5);
    display: block;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

.about-colour-icon {
    opacity: 0;
    display: block;
}

._18px.pricing-sub-paragraph {
    max-width: 500px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    font-weight: 500;
}

.search-results {
    max-width: 100%;
    flex-direction: column;
    margin-top: 140px;
}

.flex-seacrh {
    align-items: stretch;
    margin-top: 10px;
    margin-bottom: 42px;
    display: flex;
}

    .flex-seacrh.blog-page {
        max-width: 700px;
        justify-content: center;
        margin-left: auto;
        margin-right: auto;
    }

.search-input {
    height: auto;
    max-width: 400px;
    border-radius: 10px;
    margin-bottom: 0;
    margin-right: 20px;
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 18px;
}

    .search-input:focus {
        border: 1px solid #83e0a2;
    }

    .search-input::-ms-input-placeholder {
        font-size: 18px;
    }

    .search-input::placeholder {
        font-size: 18px;
    }

.search-result-item {
    margin-bottom: 30px;
}

.integration-card-link {
    width: 90px;
    color: #0d0e10;
    background-color: #f1f3f6;
    border: 1px solid #f1f3f6;
    border-radius: 8px;
    justify-content: center;
    margin-top: 40px;
    margin-right: 28px;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 16px;
    font-weight: 500;
    display: flex;
    position: absolute;
    top: 0%;
    bottom: auto;
    left: auto;
    right: 0%;
}

    .integration-card-link:hover {
        border: 1px solid #000;
    }

.integration-card-link-icon {
    margin-right: 8px;
}

    .integration-card-link-icon.details-page {
        margin-right: 16px;
    }

.team-member-hero-image {
    max-height: 500px;
    border-radius: 8px;
    align-items: center;
    display: flex;
    overflow: hidden;
}

.team-member-hero-name {
    text-align: center;
    margin: 40px auto 20px;
    font-size: 40px;
}

.team-member-position {
    margin-left: auto;
    margin-right: auto;
}

.author-flex {
    justify-content: center;
    display: flex;
}

.navigation-center {
    width: auto;
    display: flex;
}

.empty-state {
    background-color: rgba(0, 0, 0, 0);
    padding-top: 20px;
    padding-bottom: 20px;
}

.downloads-hero-section {
    background-color: #f1f3f6;
}

.download-cards-section {
    margin-top: -140px;
}

.download-card-wrapper {
    flex-direction: column;
    align-items: flex-start;
    display: flex;
}

.download-image {
    opacity: 1;
    mix-blend-mode: overlay;
    object-fit: contain;
    align-self: flex-start;
    padding-bottom: 0;
}

.download-card-heading {
    margin-top: 28px;
    margin-bottom: 8px;
    font-weight: 500;
}

.download-card-links {
    color: #0d0e10;
    justify-content: flex-start;
    align-items: center;
    margin-top: 20px;
    padding-bottom: 10px;
    font-weight: 700;
    text-decoration: none;
    display: flex;
    position: relative;
    overflow: hidden;
}

.feature-text-download {
    color: #0d0e10;
}

.pricing-h4 {
    text-align: center;
    margin-top: 80px;
    margin-bottom: 8px;
}

.blue-link {
    cursor: pointer;
    text-decoration: underline;
    transition: color .2s;
}

    .blue-link:hover {
        color: #1ebd53;
    }

.faq-question-wrapper {
    justify-content: space-between;
    align-items: center;
    display: flex;
}

.faq-questions {
    width: 90%;
    color: #0d0e10;
    font-family: Montserrat, sans-serif;
    font-size: 22px;
    font-weight: 500;
    line-height: 34px;
}

.faqs-text-wrap {
    width: 35%;
}

.h2-heading {
    font-family: Montserrat, sans-serif;
    font-weight: 600;
}

.faq-answer-wrap {
    padding-bottom: 0;
    padding-right: 10%;
}

.bottom-line {
    width: 500px;
    height: 1px;
    background-color: #dfd8d1;
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 0;
}

    .bottom-line.box {
        width: 100%;
    }

.faq-content {
    color: #40454f;
    padding-bottom: 24px;
    font-family: Montserrat, sans-serif;
    font-size: 18px;
    font-weight: 400;
}

.wrapper-1200px {
    width: 85%;
    max-width: 1200px;
    justify-content: space-between;
    align-items: stretch;
    margin-left: auto;
    margin-right: auto;
    padding-top: 100px;
    padding-bottom: 100px;
    display: flex;
}

    .wrapper-1200px.faqs {
        max-width: 1280px;
        padding-bottom: 144px;
    }

.faq-card {
    width: 100%;
    max-width: 730px;
    color: #181818;
    padding-top: 0;
    padding-bottom: 0;
    font-size: 24px;
    font-weight: 700;
    text-decoration: none;
}

.faq-question-container {
    cursor: pointer;
    padding-top: 20px;
    padding-bottom: 20px;
}

.faqs-wrapper {
    width: 60%;
    padding-top: 40px;
}

.faq-paragraph {
    max-width: 640px;
    margin-top: 16px;
    margin-bottom: 0;
}

.review-text-container {
    width: 45%;
    max-width: 520px;
    margin-top: 80px;
}

.review-hero-heading {
    max-width: 90%;
    color: #fff;
    text-transform: none;
    border-radius: 0;
    align-self: flex-start;
    margin-bottom: 9px;
    padding-top: 20px;
    font-family: Montserrat, sans-serif;
    font-size: 35px;
    font-weight: 500;
}

    .review-hero-heading.ciient {
        color: #303030;
        font-weight: 300;
    }

.review-hero-paragraph {
    width: 90%;
    color: #161616;
    text-align: left;
    -webkit-text-stroke-color: #fff;
    margin-bottom: 0;
    padding-top: 14px;
    font-family: Avenirltstd Book, sans-serif;
    font-size: 15px;
    font-weight: 300;
}

    .review-hero-paragraph.clients {
        color: #000;
        line-height: 160%;
    }

        .review-hero-paragraph.clients.partner {
            color: #fff;
        }

.review-tweet-container {
    width: 50%;
    max-width: 520px;
}

.review-paragraph {
    color: #0d0e10;
}

    .review-paragraph.center {
        max-width: 620px;
        color: #40454f;
        text-align: center;
        margin-top: 16px;
        padding-right: 0;
    }

.stats-wrapper {
    border-top: 1px solid #e1e4eb;
    border-bottom: 1px solid #e1e4eb;
}

.review-hero-section {
    background-color: #f1f3f6;
}

.testimonial-main-wrapper {
    z-index: auto;
    flex-direction: column;
    align-items: center;
    padding-top: 0;
    padding-bottom: 60px;
    display: flex;
    position: relative;
}

.reviews-container {
    z-index: 5;
    margin-top: 80px;
    display: flex;
    position: static;
}

.reviews-grid {
    max-width: 552px;
    grid-column-gap: 0px;
    grid-row-gap: 48px;
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr;
}

    .reviews-grid.left {
        margin-right: 48px;
    }

    .reviews-grid.right {
        z-index: 5;
        margin-bottom: 44px;
        position: static;
    }

.twitter-link {
    margin-left: auto;
}

.hero-bg-circle-reviews {
    z-index: -1;
    width: 920px;
    height: 920px;
    background-image: radial-gradient(circle closest-corner at 0 0, #f1f3f6, rgba(241, 243, 246, .2));
    border-radius: 100%;
    position: absolute;
    top: auto;
    bottom: -224%;
    left: auto;
    right: -27%;
}

    .hero-bg-circle-reviews.overview {
        background-image: radial-gradient(circle closest-corner at 100% 100%, #f1f3f6, rgba(241, 243, 246, .2));
        top: 34%;
        bottom: auto;
        left: auto;
        right: -34%;
    }

        .hero-bg-circle-reviews.overview._2 {
            top: 60%;
        }

        .hero-bg-circle-reviews.overview._3 {
            width: 480px;
            height: 480px;
            top: 19%;
            bottom: auto;
            left: -18%;
            right: auto;
        }

    .hero-bg-circle-reviews.reviews {
        z-index: 1;
        background-image: radial-gradient(circle closest-corner at 0 0, #f1f3f6, rgba(241, 243, 246, .2));
        top: 40%;
        bottom: auto;
        right: -30%;
    }

.email-field {
    width: 400px;
    height: 60px;
    max-width: 370px;
    color: #6e7687;
    background-color: #f1f3f6;
    border: 1px #000;
    border-radius: 12px;
    margin-bottom: 0;
    margin-right: 20px;
    padding-left: 28px;
    font-size: 18px;
}

    .email-field.white {
        width: 400px;
        max-width: 400px;
        -webkit-backdrop-filter: blur(100px);
        backdrop-filter: blur(100px);
        color: #fff;
        background-color: rgba(255, 255, 255, .2);
        margin-bottom: 0;
    }

        .email-field.white::-ms-input-placeholder {
            color: #fff;
        }

        .email-field.white::placeholder {
            color: #fff;
        }

.trial-form {
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    display: flex;
}

.home-hero-circle-decoration-homepage-3 {
    width: 63px;
    height: 64px;
    background-color: #47c1fe;
    border-radius: 50%;
    position: absolute;
    top: auto;
    bottom: -5%;
    left: auto;
    right: -5%;
}

    .home-hero-circle-decoration-homepage-3.homepage-2 {
        width: 96px;
        height: 96px;
        background-color: #3898ec;
        bottom: 10%;
        right: 5%;
    }

.logos-contain {
    width: 100%;
    opacity: 1;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    margin-top: 48px;
    display: flex;
}

.logos-image {
    background-color: rgba(0, 0, 0, 0);
    margin-bottom: 0;
    margin-left: 1%;
    margin-right: 1%;
}

.logos-wrapper {
    width: 85%;
    max-width: 1280px;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    padding-top: 110px;
    padding-bottom: 150px;
    display: flex;
    position: relative;
}

.bold-black-span {
    color: #0d0e10;
    font-weight: 600;
}

.feature-4-floating-2 {
    z-index: 2;
    max-width: 280px;
    position: absolute;
    top: 8%;
    bottom: auto;
    left: auto;
    right: 4%;
}

.features-slider-section {
    background-color: #145aff;
}

.features-slider-wrapper {
    width: 85%;
    max-width: 1280px;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    padding-top: 144px;
    padding-bottom: 144px;
    display: flex;
    position: relative;
}

.features-top-wrapper {
    width: 100%;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: 80px;
    display: flex;
}

.features-left-contain {
    max-width: 500px;
}

.features-slider {
    width: 100%;
    height: 362px;
    background-color: rgba(0, 0, 0, 0);
    margin-bottom: 80px;
}

.slide-nav {
    display: none;
}

.features-slide {
    max-width: 400px;
    margin-right: 40px;
}

.slider-mask {
    max-width: 400px;
    overflow: visible;
}

.feature-slide-wrap {
    max-width: 400px;
}

.feature-slide-heading {
    color: #fff;
    margin-top: 28px;
    margin-bottom: 8px;
}

.slider-left {
    width: 48px;
    height: 48px;
    filter: brightness(250%);
    border-radius: 12px;
    justify-content: center;
    align-items: center;
    transition: all .2s;
    display: flex;
    top: auto;
    bottom: -120px;
    left: 0%;
    right: auto;
}

    .slider-left:hover {
        filter: brightness();
        background-color: #fff;
        transform: translate(-5px);
    }

.slider-right {
    width: 48px;
    height: 48px;
    filter: brightness(250%);
    background-color: rgba(0, 0, 0, 0);
    border-radius: 12px;
    justify-content: center;
    align-items: center;
    transition: all .2s;
    display: flex;
    top: auto;
    bottom: -120px;
    left: 76px;
    right: auto;
}

    .slider-right:hover {
        filter: brightness();
        background-color: #fff;
        transform: translate(5px);
    }

.testimonial-slider {
    width: 100%;
    height: 372px;
    max-width: 560px;
    background-color: rgba(0, 0, 0, 0);
    margin-top: 80px;
    display: none;
}

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

.testimonial-slide {
    max-width: 560px;
    margin-right: 208px;
}

.mask {
    max-width: 560px;
    overflow: visible;
}

.testimonial-slide-contain {
    width: 1244.4px;
    background-color: #fff;
    border-radius: 12px;
    padding: 40px;
}

.testimonial-title {
    margin-top: 32px;
    margin-bottom: 12px;
}

.contain {
    object-fit: contain;
}

    .contain.saas-logo {
        width: 100%;
        max-width: 44px;
    }

.testimonial-text {
    color: #0d0e10;
    margin-bottom: 32px;
    font-family: Avenirltstd Book, sans-serif;
    font-size: 16px;
}

.testimonial-info-contain {
    align-items: center;
    display: flex;
}

.testimonial-about {
    margin-left: 16px;
}

.testimonial-name {
    margin-bottom: 4px;
}

.testimonial-position {
    color: #6e7687;
    font-size: 16px;
    line-height: 150%;
}

.testimonial-left {
    z-index: 3;
    width: 48px;
    height: 48px;
    background-color: #ddd;
    background-image: url("https://uploads-ssl.webflow.com/64351eef0f8f43aa55f4d9f3/64351eef0f8f431c52f4db2c_caret-left%201.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: auto;
    border-radius: 12px;
    transition: all .2s;
    left: -120px;
}

    .testimonial-left:hover {
        background-color: #3898ec;
        transform: translate(-5px);
    }

.testimonial-right {
    z-index: 3;
    width: 48px;
    height: 48px;
    background-color: #d4d4d4;
    background-image: url("https://uploads-ssl.webflow.com/64351eef0f8f43aa55f4d9f3/64351eef0f8f4329d9f4db2e_caret-left%201%20(2).svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: auto;
    border-radius: 12px;
    transition: all .2s;
    right: -120px;
}

    .testimonial-right:hover {
        background-color: #3898ec;
        transform: translate(5px);
    }

.two-cards-cta-section {
    z-index: 1;
    margin-bottom: -140px;
    position: relative;
}

.two-cards-grid {
    width: 100%;
    grid-column-gap: 40px;
    grid-row-gap: 0px;
    grid-template-rows: auto;
}

.talk-cta-card-wrapper {
    background-color: #145aff;
    border-radius: 12px;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    padding: 40px;
    display: flex;
}

.contact-cta-heading {
    color: #fff;
}

.cta-text-block {
    color: #fff;
    margin-top: 8px;
    margin-bottom: 32px;
}

.cta-top-wrapper {
    width: 100%;
    justify-content: space-between;
    align-items: flex-start;
    display: flex;
}

.contact-button {
    color: #145aff;
    background-color: #fff;
    border-radius: 12px;
    padding: 20px 28px;
    font-weight: 700;
    transition: all .2s;
}

    .contact-button:hover {
        color: #fff;
        background-color: #1ebd53;
    }

.background-image-container {
    background-image: url("https://uploads-ssl.webflow.com/64351eef0f8f43aa55f4d9f3/64351eef0f8f438b80f4db57_BG.png");
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: contain;
}

.hero-points-contain {
    display: flex;
}

.hero-image-floating-4 {
    z-index: 4;
    width: 50%;
    max-width: 200px;
    border-radius: 12px;
    position: absolute;
    top: 15%;
    bottom: auto;
    left: auto;
    right: 0%;
    overflow: hidden;
    box-shadow: 17px 17px 100px rgba(64, 69, 79, .1);
}

.statistics-homepage-2 {
    padding-top: 0px;
}

.statistics-left-container {
    width: 70%;
    max-width: 700px;
    flex-direction: column;
    align-items: flex-start;
    display: flex;
}

.statistics-right-text {
    color: #40454f;
    border-radius: 0;
    padding-top: 0;
    font-family: Montserrat, sans-serif;
    font-size: 22px;
    font-weight: 400;
    line-height: 140%;
}

.feature-tabs-section {
    z-index: 1;
    background-color: #3898ec;
    margin-top: 0;
    position: relative;
}

.home-feature-vertical-tabs {
    width: 100%;
    margin-top: 12px;
}

.feature-tab-link {
    color: #fff;
    background-color: rgba(255, 255, 255, .2);
    border-radius: 12px;
    margin-right: 20px;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 16px;
    font-weight: 500;
}

    .feature-tab-link.w--current {
        color: #0f1f3d;
        background-color: #fff;
    }

    .feature-tab-link.last {
        margin-right: 0;
    }

.features-tabs-menu {
    grid-column-gap: 20px;
    justify-content: center;
    margin-bottom: 20px;
    margin-left: 5%;
    margin-right: 5%;
    display: flex;
}

.features-tabs-content {
    overflow: visible;
}

.integration-icon-rows-contain {
    width: 100%;
}

.integration-icon-top-row {
    display: flex;
    position: relative;
}

.integration-icon-wrap {
    width: 128px;
    height: 128px;
    flex: none;
    margin-right: 16px;
}

.integration-icon-bottom-row {
    margin-left: -7%;
    display: flex;
}

.case-studies-section {
    margin-top: 100px;
    margin-bottom: 100px;
}

    .case-studies-section.cs-page {
        margin-top: 180px;
    }

.cta-wrapper-left {
    width: 60%;
}

    .cta-wrapper-left.trial {
        width: auto;
    }

.white-button {
    color: #fff;
    background-color: #1e8365;
    border-radius: 12px;
    align-self: center;
    padding: 24px 28px;
    font-family: Montserrat, sans-serif;
    font-weight: 700;
    transition: color .2s, background-color .2s;
}

    .white-button:hover {
        color: #3898ec;
        background-color: #fff;
    }

.pricing-top-left {
    width: 70%;
    max-width: 620px;
    flex-direction: column;
    align-items: flex-start;
    display: flex;
}

.pricing-page-2-blog---grid {
    justify-content: space-between;
    margin-top: -100px;
    margin-bottom: 144px;
    display: flex;
}

.blog-container---pricing-page-2 {
    margin-top: 160px;
    margin-right: 5%;
    position: -webkit-sticky;
    position: sticky;
    top: 40px;
}

.pricing-grid-contain {
    width: 75%;
}

.pricing-page-plan-type {
    margin-bottom: 8px;
}

.pricing-top-flex {
    width: 100%;
    border-bottom: 2px solid #e1e4eb;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0;
    padding-bottom: 24px;
    display: flex;
}

    .pricing-top-flex.business {
        border-bottom-color: rgba(255, 255, 255, .2);
    }

.pricing-cost-page-2 {
    margin-bottom: 0;
}

.pricing-points-grid-contain {
    width: 100%;
    border-bottom: 2px solid #e1e4eb;
    padding-top: 32px;
    padding-bottom: 32px;
    display: flex;
}

    .pricing-points-grid-contain.business {
        border-bottom-color: rgba(255, 255, 255, .2);
    }

.pricing-points-grid {
    width: 100%;
    grid-column-gap: 48px;
    grid-row-gap: 12px;
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr;
}

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

    .pricing-point-wrapper.inactive {
        opacity: .5;
    }

.checkmark {
    object-fit: contain;
}

.price-point {
    color: #40454f;
    margin-left: 16px;
    font-size: 18px;
    font-weight: 400;
}

    .price-point.white {
        color: #fff;
    }

.pricing-bottom-flex {
    width: 100%;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin-top: 32px;
    display: flex;
}

.demo-section {
    margin-bottom: 145px;
}

.demo-flex-wrapper {
    max-width: 600px;
}

.demo-heading {
    color: #fff;
    margin-bottom: 0;
}

.blue-demo-button {
    color: #fff;
    background-color: #145aff;
    border-radius: 12px;
    flex: none;
    padding: 15px 28px;
    font-weight: 700;
    transition: background-color .2s;
}

    .blue-demo-button:hover {
        background-color: #1ebd53;
    }

.demo-left-text-contain {
    width: 100%;
    max-width: 100%;
    order: 1;
    align-self: auto;
    margin-top: 0;
}

    .demo-left-text-contain.partner {
        width: 50%;
    }

.demo-form-contain {
    width: 50%;
    max-width: 520px;
    position: absolute;
    top: 2%;
    bottom: auto;
    left: auto;
    right: 0%;
}

.demo-form-block {
    background-color: #fff;
    border-radius: 12px;
    margin-bottom: 0;
    padding: 40px 48px;
    box-shadow: 0 24px 200px rgba(64, 69, 79, .06);
}

.demo-form-field {
    color: #0d0e10;
    margin-bottom: 16px;
    font-size: 16px;
    font-weight: 500;
}

.demo-text-field {
    height: 60px;
    color: #6e7687;
    background-color: #f1f3f6;
    border: 1px #000;
    border-radius: 12px;
    margin-bottom: 24px;
    padding-left: 28px;
    font-size: 18px;
}

    .demo-text-field::-ms-input-placeholder {
        color: #6e7687;
    }

    .demo-text-field::placeholder {
        color: #6e7687;
    }

.select-demo-field {
    width: 97%;
    color: #6e7687;
    background-color: rgba(0, 0, 0, 0);
    border: 1px #000;
    margin-bottom: 0;
    padding-left: 28px;
    font-size: 18px;
}

.select-demo-contain {
    height: 60px;
    background-color: #f1f3f6;
    border-radius: 12px;
    align-items: center;
    margin-bottom: 24px;
    display: flex;
}

.demo-hero-section {
    background-color: #f1f3f6;
}

.integration-name-wrapper, .integration-heading-wrapper {
    display: flex;
}

.integration-detail-about {
    max-width: 620px;
    text-align: left;
    font-size: 22px;
}

.integration-details-bottom {
    width: 100%;
    align-items: center;
    margin-top: 48px;
    display: flex;
}

.integration-logo {
    width: 96px;
    height: 96px;
    background-color: #fff;
    border: 4px solid #fff;
    border-radius: 100px;
    justify-content: center;
    align-items: center;
    display: flex;
}

    .integration-logo.top {
        background-image: url("https://uploads-ssl.webflow.com/64351eef0f8f43aa55f4d9f3/64351eef0f8f4382ebf4db6b_background.svg");
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: auto;
        border: 4px #f1f3f6;
        justify-content: center;
        align-items: center;
        margin-left: -20px;
        display: flex;
    }

.integration-image {
    width: 100%;
    max-width: 56px;
}

.integartions-detail-wrapper {
    width: 85%;
    max-width: 1280px;
    margin: 144px auto;
}

.sticky-detail-section {
    width: 100%;
    justify-content: space-between;
    align-items: flex-start;
    display: flex;
    position: relative;
}

.detail-rich-text {
    width: 70%;
    max-width: 840px;
    flex-direction: column;
    align-items: flex-start;
    margin-left: auto;
    display: flex;
}

.integration-content {
    margin-bottom: 16px;
    font-style: normal;
    font-weight: 400;
}

    .integration-content h2 {
        margin-bottom: 16px;
    }

    .integration-content p {
        margin-bottom: 32px;
    }

    .integration-content h4, .integration-content h1, .integration-content h3, .integration-content h5, .integration-content h6 {
        margin-bottom: 16px;
    }

    .integration-content a {
        text-decoration: underline;
    }

    .integration-content ul {
        margin-top: 0;
        margin-bottom: 32px;
    }

    .integration-content li {
        margin-top: 16px;
    }

.integration-button {
    height: 60px;
    color: #fff;
    background-color: #1ebd53;
    border: 1px #f1f3f6;
    border-radius: 8px;
    justify-content: center;
    align-items: center;
    padding: 5px 28px;
    font-size: 16px;
    font-weight: 700;
    transition: background-color .2s;
    display: flex;
    position: static;
    top: 0%;
    bottom: auto;
    left: auto;
    right: 0%;
}

    .integration-button:hover {
        background-color: #145aff;
        border: 1px #000;
    }

    .integration-button.top {
        margin-left: auto;
    }

.page-wrapper {
    margin-left: auto;
    margin-right: auto;
}

.integration-collection {
    align-items: center;
    margin-top: 80px;
    display: flex;
}

.integration-logo-small {
    max-width: 40px;
}

.collection-list {
    display: flex;
}

.integration-top-row {
    flex: none;
}

.support-pointers-list {
    width: 100%;
    color: #40454f;
    margin-top: 0;
    margin-bottom: 0;
    padding-right: 20px;
}

.support-list {
    margin-top: 12px;
}

.pointer-dropdown {
    display: flex;
}

.arrow-icon {
    margin-right: 12px;
}

.support-text {
    width: 70%;
    max-width: 840px;
    margin-left: auto;
}

.support-rich-text h2 {
    margin-bottom: 16px;
}

.support-rich-text p {
    margin-bottom: 32px;
}

.support-rich-text h4, .support-rich-text h1, .support-rich-text h3, .support-rich-text h5 {
    margin-bottom: 16px;
}

.support-rich-text a {
    text-decoration: underline;
}

    .support-rich-text a:hover {
        color: #0f1f3d;
    }

.support-rich-text ul {
    margin-top: 0;
    margin-bottom: 32px;
}

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

.support-hero-text {
    max-width: 620px;
    text-align: center;
    margin-bottom: 48px;
    padding-left: 0;
    padding-right: 0;
    font-size: 22px;
}

.support-search {
    align-items: center;
    margin-bottom: 0;
    display: flex;
}

.search-field {
    height: 60px;
    color: #40454f;
    background-image: url("https://uploads-ssl.webflow.com/64351eef0f8f43aa55f4d9f3/64351eef0f8f43aeecf4db82_search%20icon.svg");
    background-position: 28px;
    background-repeat: no-repeat;
    background-size: auto;
    border: 1px #000;
    border-radius: 12px;
    margin-bottom: 0;
    padding-left: 72px;
    font-size: 18px;
}

    .search-field:focus {
        border-style: none;
    }

    .search-field::-ms-input-placeholder {
        color: #40454f;
    }

    .search-field::placeholder {
        color: #40454f;
    }

    .search-field.grey {
        background-color: #f1f3f6;
    }

.hero-form-block {
    justify-content: space-between;
    align-items: center;
    display: flex;
}

.email-form-field {
    color: #40454f;
    background-color: #fff;
    border: 1px #000;
    border-radius: 12px;
    margin-bottom: 0;
    margin-right: 24px;
    padding: 28px 155px 28px 28px;
    font-size: 18px;
}

    .email-form-field::-ms-input-placeholder {
        color: #40454f;
    }

    .email-form-field::placeholder {
        color: #40454f;
    }

.all-blogs-top-flex {
    width: 100%;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 80px;
    display: flex;
}

.blog-tabs {
    justify-content: space-between;
    display: flex;
    position: relative;
}

.tabs-blog-menu {
    flex-direction: column;
    margin-right: 60px;
    display: flex;
    position: static;
    top: 40px;
}

.blog-right {
    flex-direction: column;
    justify-content: center;
    padding-left: 40px;
    display: flex;
}

.blog-tab {
    color: #40454f;
    background-color: rgba(0, 0, 0, 0);
    border-right: 2px solid #fff;
    padding-left: 0;
    padding-right: 40px;
    font-weight: 500;
}

    .blog-tab.w--current {
        color: #0d0e10;
        background-color: rgba(0, 0, 0, 0);
        border-right-color: #145aff;
        font-weight: 500;
    }

.next-button {
    width: 48px;
    height: 48px;
    background-color: #f1f3f6;
    background-image: url("https://uploads-ssl.webflow.com/64351eef0f8f43aa55f4d9f3/64351eef0f8f4376bbf4db6a_caret-left%201.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: auto;
    border-style: none;
    border-radius: 12px;
    transition: background-color .2s;
}

    .next-button:hover {
        background-color: #e1e4eb;
    }

.previous-button {
    width: 48px;
    height: 48px;
    background-color: #f1f3f6;
    background-image: url("https://uploads-ssl.webflow.com/64351eef0f8f43aa55f4d9f3/64351eef0f8f4369f6f4db6d_caret-left%201%20(1).svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: auto;
    border-style: none;
    border-radius: 12px;
    transition: background-color .2s;
}

    .previous-button:hover {
        background-color: #e1e4eb;
    }

.empty-text {
    color: #145aff;
}

.date-text, .time-text {
    flex: none;
}

.tabs-content {
    overflow: visible;
}

.collection-item {
    width: 100%;
    align-items: center;
    display: flex;
}

.collection-list-2, .collection-list-wrapper {
    width: 100%;
}

.left-text-contain {
    width: 55%;
    max-width: 600px;
    flex-direction: column;
    align-items: flex-start;
    margin-top: 0;
    padding-bottom: 0;
    display: flex;
}

    .left-text-contain.blog-page-3 {
        width: 50%;
    }

    .left-text-contain._50-width {
        width: 50%;
        object-fit: none;
        flex-wrap: nowrap;
    }

.image-case-study {
    width: 45%;
    max-width: 560px;
    position: relative;
    top: 5%;
    bottom: auto;
    left: auto;
    right: 0%;
}

    .image-case-study.static {
        position: static;
    }

.case-study-hero-heading {
    margin-bottom: 16px;
}

.company-logo {
    max-width: 200px;
    margin-bottom: 28px;
}

.cs-hero-paragraph {
    margin-bottom: 20px;
    font-family: Montserrat, sans-serif;
    font-size: 22px;
}

.author-info {
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 40px;
    display: flex;
}

.medium-text-span {
    font-weight: 500;
}

    .medium-text-span.black {
        color: #0d0e10;
    }

    .medium-text-span.grey {
        color: #6e7687;
    }

.author-name {
    color: #0d0e10;
    font-weight: 500;
}

.read-more-link {
    color: #0d0e10;
    justify-content: flex-start;
    align-items: center;
    padding-bottom: 10px;
    font-weight: 700;
    text-decoration: none;
    display: flex;
    position: relative;
    overflow: hidden;
}

    .read-more-link.all {
        margin-left: 48px;
    }

.case-study-wrapper {
    width: 100%;
    color: #40454f;
    justify-content: space-between;
    align-items: flex-start;
    padding-top: 60px;
    padding-bottom: 60px;
    display: flex;
}

    .case-study-wrapper.template {
        align-items: center;
        padding-top: 0;
    }

    .case-study-wrapper.reverse {
        flex-direction: row-reverse;
        align-items: center;
    }

.case-study-image {
    border-radius: 12px;
}

    .case-study-image.cs-main, .case-study-image.template {
        width: 560px;
        height: 640px;
        object-fit: cover;
    }

.case-study-heading {
    padding-top: 59px;
    font-family: Montserrat, sans-serif;
    font-weight: 600;
}

.case-studies-collection {
    width: 100%;
    margin-top: 80px;
}

.case-study-item {
    width: 100%;
    max-width: 360px;
    color: #40454f;
    text-align: left;
    cursor: pointer;
    flex-direction: column;
    align-items: stretch;
    margin-bottom: 48px;
    text-decoration: none;
    transition: opacity .2s;
    display: flex;
    position: relative;
}

    .case-study-item:hover {
        opacity: .8;
    }

    .case-study-item.pricing-page-2 {
        cursor: pointer;
    }

.cs-image {
    height: 280px;
    max-width: 400px;
    border-radius: 12px;
    margin-bottom: 24px;
    position: relative;
    overflow: hidden;
}

    .cs-image.pricing-page-2 {
        height: 240px;
        max-width: 360px;
    }

.company-name {
    color: #1ebd53;
    letter-spacing: 0;
    margin-bottom: 8px;
    font-family: Montserrat, sans-serif;
}

.cs-image-rounded {
    width: 100%;
    height: 100%;
    float: none;
    clear: none;
    object-fit: cover;
    border-radius: 12px;
    display: inline-block;
    position: static;
}

.cs-hero-section {
    background-color: rgba(0, 0, 0, 0);
    position: relative;
}

.cs-content {
    max-width: 840px;
    flex-direction: column;
    align-items: flex-start;
    margin-left: auto;
    margin-right: auto;
    padding-top: 145px;
    padding-bottom: 145px;
    display: flex;
}

.cs-rich-text {
    max-width: 840px;
    margin-bottom: 16px;
    margin-left: auto;
    margin-right: auto;
}

    .cs-rich-text h2, .cs-rich-text h4 {
        margin-bottom: 16px;
    }

    .cs-rich-text p {
        margin-bottom: 32px;
    }

    .cs-rich-text h1, .cs-rich-text h3, .cs-rich-text h5, .cs-rich-text h6 {
        margin-bottom: 16px;
    }

    .cs-rich-text blockquote {
        color: #0d0e10;
        border-left-width: 2px;
        margin-left: 28px;
        margin-right: 28px;
        padding-left: 28px;
        padding-right: 0;
        font-size: 22px;
        font-weight: 400;
    }

    .cs-rich-text a {
        text-decoration: underline;
        transition: color .2s;
    }

        .cs-rich-text a:hover {
            color: #0f1f3d;
        }

.collection-list-wrapper-2 {
    width: 100%;
}

.blog-tag {
    margin-bottom: 8px;
}

.blog-image-contain {
    width: 45%;
    max-width: 560px;
    position: static;
    bottom: -40px;
}

.blog-wrapper {
    width: 100%;
    color: #40454f;
    justify-content: space-between;
    align-items: center;
    display: flex;
}

    .blog-wrapper.reverse {
        flex-direction: row-reverse;
    }

.blog-date {
    color: #40454f;
    font-weight: 500;
}

.blog-image-page-3 {
    width: 620px;
    height: 440px;
    object-fit: cover;
    border-radius: 12px;
}

.blog-3-tabs {
    width: 100%;
    flex-direction: column;
    align-items: center;
    margin-top: 48px;
    display: flex;
}

.blog-tab-page-3 {
    color: #0d0e10;
    background-color: #f1f3f6;
    border-radius: 12px;
    margin-right: 20px;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 16px;
    font-weight: 500;
    line-height: 48px;
}

    .blog-tab-page-3.w--current {
        color: #fff;
        background-color: #0d0e10;
    }

    .blog-tab-page-3.last {
        margin-right: 0;
    }

.blog-content-page-3 {
    padding-top: 80px;
}

.blog-item-page-3 {
    margin-bottom: 48px;
}

.pagination-blog-page-3 {
    margin-top: 32px;
}

.blog-hero-section-page-3 {
    background-color: #f1f3f6;
    padding-bottom: 140px;
}

.case-study-headings {
    max-width: 720px;
    color: #424242;
    text-align: center;
    letter-spacing: 0;
    margin-bottom: 21px;
    margin-left: auto;
    margin-right: auto;
    font-family: Montserrat, sans-serif;
    font-weight: 400;
}

.button-container {
    display: flex;
}

.heading-and-text-contain {
    margin-left: 20px;
}

.right-side-links {
    width: 20%;
    flex-direction: column;
    justify-content: space-between;
    margin-top: 40px;
    margin-bottom: 40px;
    display: flex;
}

.navigation-heading {
    margin-bottom: 20px;
}

    .navigation-heading.more {
        color: #145aff;
        margin-bottom: 0;
    }

        .navigation-heading.more:hover {
            color: #1ebd53;
        }

    .navigation-heading.more {
        color: #145aff;
        margin-bottom: 0;
    }

        .navigation-heading.more:hover {
            color: #1ebd53;
        }

    .navigation-heading.more {
        color: #145aff;
        margin-bottom: 0;
    }

        .navigation-heading.more:hover {
            color: #1ebd53;
        }

.divider-nav {
    width: 100%;
    height: 2px;
    background-color: #f1f3f6;
    margin-top: 38px;
    margin-bottom: 28px;
}

.link-div {
    color: #0d0e10;
    justify-content: flex-start;
    align-items: center;
    padding-bottom: 10px;
    font-weight: 700;
    text-decoration: none;
    display: flex;
    position: relative;
    overflow: hidden;
}

    .link-div.all {
        margin-left: 48px;
    }

.footer-text {
    max-width: 300px;
    color: rgba(255, 255, 255, .8);
    margin-top: 12px;
    font-size: 13px;
    line-height: 1.8;
}

.grey-section {
    height: 100vh;
    background-color: #f1f3f6;
}

.password-wrapper {
    max-width: 680px;
    flex-direction: column;
    align-items: center;
    margin: 60px auto 0;
    padding-bottom: 0;
    display: flex;
}

.password-text {
    max-width: 480px;
    text-align: center;
    margin-bottom: 40px;
}

.password-form {
    width: 400px;
    max-width: 400px;
    flex-direction: column;
    display: flex;
}

.forgot-password {
    color: #40454f;
    flex: none;
    margin-top: 16px;
    margin-left: auto;
    margin-right: auto;
    font-size: 16px;
    text-decoration: underline;
    transition: color .2s;
}

    .forgot-password:hover {
        color: #145aff;
    }

.collection-list-wrapper-integrations {
    flex-direction: row;
    display: flex;
}

.collection-list-integrations {
    display: flex;
}

.overview-stats-section {
    background-color: #40454f;
    background-image: url("https://uploads-ssl.webflow.com/64351eef0f8f43aa55f4d9f3/6435305254422e20f8430551_backgroung.png");
    background-position: 0 0;
    background-size: auto;
    margin-top: -100px;
    padding-top: 48px;
    padding-bottom: 48px;
    position: relative;
}

.overview-grid {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    justify-content: space-between;
    align-items: center;
    margin-top: 64px;
    display: flex;
}

    .overview-grid.bottom {
        grid-template-columns: 1fr 1fr 1fr;
        margin-top: 48px;
    }

    .overview-grid.bottom-2-grid {
        max-width: 840px;
        grid-template-columns: 1fr 1fr;
        margin-top: 48px;
    }

.overview-wrapper {
    max-width: 400px;
    flex-direction: column;
    align-items: center;
    display: flex;
}

    .overview-wrapper.middle {
        margin-left: 40px;
        margin-right: 40px;
    }

    .overview-wrapper.right {
        margin-left: 40px;
    }

    .overview-wrapper.small {
        max-width: none;
    }

.overview-image-wrapper {
    height: 400px;
    max-width: 400px;
    background-color: #e1e4eb;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    margin-bottom: 24px;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
    overflow: hidden;
}

    .overview-image-wrapper.small {
        height: auto;
    }

.overview-sections {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
}

.search-button {
    color: #fff;
    background-color: #1f1f1f;
    border-radius: 12px;
    margin-left: 20px;
    padding: 20px 25px;
    font-weight: 700;
    line-height: 120%;
    transition: background-color .2s;
}

    .search-button:hover {
        background-color: #3898ec;
    }

.overview-image-contain {
    width: 100%;
    justify-content: center;
    display: flex;
}

.overview-dark-section {
    background-color: #3898ec;
    flex-direction: column;
    align-items: center;
    padding-top: 128px;
    padding-bottom: 128px;
    display: flex;
    position: relative;
}

.overview-blocks-container {
    margin-top: 64px;
}

.blocks-images {
    grid-column-gap: 40px;
    grid-row-gap: 0px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    margin-bottom: 40px;
}

    .blocks-images.middle {
        z-index: 2;
        position: relative;
        left: -60px;
    }

    .blocks-images.last {
        z-index: 2;
        margin-bottom: 0;
        position: relative;
        right: -60px;
    }

.overview-images {
    width: 400px;
    max-width: 400px;
}

.overview-decor {
    width: 16px;
    height: 16px;
    background-color: #ffcb3d;
    border-radius: 50%;
    position: absolute;
    top: 5%;
    bottom: auto;
    left: -8%;
    right: auto;
}

    .overview-decor._1 {
        z-index: auto;
        width: 20px;
        height: 20px;
        background-color: #3898ec;
        position: absolute;
        top: 5%;
        bottom: auto;
        left: auto;
        right: 15%;
    }

    .overview-decor._2 {
        z-index: auto;
        width: 50px;
        height: 50px;
        background-color: #1e8365;
        position: absolute;
        top: 20%;
        bottom: auto;
        left: -1%;
        right: auto;
    }

    .overview-decor._3 {
        z-index: 1;
        width: 40px;
        height: 40px;
        background-color: #145aff;
        position: absolute;
        top: auto;
        bottom: 47%;
        left: 50%;
        right: auto;
    }

    .overview-decor._4 {
        z-index: 1;
        width: 16px;
        height: 16px;
        background-color: #1e8365;
        position: absolute;
        top: auto;
        bottom: 29%;
        left: 10%;
        right: auto;
    }

    .overview-decor._5 {
        z-index: 1;
        width: 20px;
        height: 20px;
        background-color: #1e8365;
        position: absolute;
        top: auto;
        bottom: 4%;
        left: 30%;
        right: auto;
    }

    .overview-decor._6 {
        z-index: 1;
        width: 60px;
        height: 60px;
        background-color: #1e8365;
        position: absolute;
        top: auto;
        bottom: 7%;
        left: 89%;
        right: auto;
    }

.headings {
    width: 40%;
}

.pricing-row-contain {
    border-bottom: 1px solid #e1e4eb;
    align-items: center;
    padding-top: 30px;
    padding-bottom: 30px;
    display: flex;
}

    .pricing-row-contain.sticky {
        align-items: flex-start;
    }

.price-grid-contain {
    width: 60%;
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
}

.most-popular-integrations-contain {
    margin-top: 80px;
}

.integrations-logos {
    max-width: 40px;
}

.background-colour-div {
    z-index: -1;
    width: 100%;
    height: 680px;
    background-color: #f1f3f6;
    position: absolute;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: 0%;
}

.testimonial-images {
    max-width: 60px;
    object-fit: contain;
}

.stars-image {
    width: 100%;
    max-width: 136px;
    object-fit: contain;
}

.overview-image {
    position: relative;
}

.image-scroll {
    width: 400px;
    border-radius: 10px;
    position: relative;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: auto;
}

.cart-button {
    color: #0f1f3d;
    background-color: rgba(0, 0, 0, 0);
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 16px;
    font-weight: 500;
}

    .cart-button.white {
        color: #fff;
    }

.cart-quantity {
    height: auto;
    color: #145aff;
    background-color: rgba(20, 90, 255, .1);
    align-items: center;
    padding-top: 6px;
    padding-bottom: 6px;
    font-size: 16px;
    display: flex;
}

    .cart-quantity.white {
        color: #fff;
        background-color: rgba(255, 255, 255, .1);
    }

.product-details-2 {
    margin-top: 20px;
    font-size: 18px;
}

.plan-detail-title {
    color: #0d0e10;
    margin-bottom: 10px;
    font-size: 32px;
    font-weight: 700;
    line-height: 48px;
}

.product-box-wrap {
    width: 100%;
    height: auto;
    background-color: #fff;
    border-radius: 12px;
    padding: 40px;
    box-shadow: 0 10px 30px rgba(15, 31, 61, .08);
}

.about-product-text {
    margin-top: 10px;
    margin-bottom: 0;
    font-size: 18px;
    line-height: 150%;
}

.product-name-wrapper {
    width: 100%;
    flex-wrap: wrap;
    display: flex;
}

.buynow-button {
    width: 150px;
    text-align: center;
    background-color: #145aff;
    border-radius: 100px;
    justify-content: center;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 20px;
    padding: 16px 40px;
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    transition: background-color .3s;
    display: flex;
}

    .buynow-button:hover {
        color: #fff;
        background-color: #1ebd53;
    }

.image-container {
    width: 48%;
    max-width: 550px;
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative;
}

    .image-container.product-hero {
        width: 50%;
        max-width: 600px;
        flex-direction: column;
        align-items: stretch;
    }

.products-name {
    color: #0f1f3d;
    margin-bottom: 8px;
    margin-right: 10px;
}

.text-container {
    width: 48%;
    max-width: 550px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    display: flex;
    position: relative;
}

    .text-container.product-hero {
        width: 45%;
        max-width: 500px;
        margin-top: 100px;
    }

.add-to-cart-buttons {
    width: 150px;
    text-align: center;
    background-color: #1ebd53;
    border-radius: 100px;
    justify-content: center;
    margin-top: 0;
    padding: 16px 20px;
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    transition: background-color .2s;
}

    .add-to-cart-buttons:hover {
        color: #fff;
        background-color: #0f1f3d;
    }

.plan-price {
    color: #0d0e10;
    margin-bottom: 20px;
    font-size: 38px;
    font-weight: 700;
    line-height: 54px;
}

.plans-hero-section {
    background-color: rgba(0, 0, 0, 0);
}

.checkout-form {
    background-color: rgba(0, 0, 0, 0);
    padding: 0;
}

.apple-pay {
    height: 60px;
    border-radius: 12px;
}

.text-field {
    height: 60px;
    color: #6e7687;
    background-color: #f1f3f6;
    border: 1px #000;
    border-radius: 12px;
    margin-bottom: 24px;
    padding-left: 28px;
    font-size: 18px;
}

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

    .text-field::placeholder {
        color: #6e7687;
    }

.block-header {
    color: #0f1f3d;
    border-color: #e1e4eb;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    padding-top: 20px;
    padding-bottom: 20px;
}

.block-content {
    color: #0f1f3d;
    border-bottom-color: #e1e4eb;
    border-left-color: #e1e4eb;
    border-right-color: #e1e4eb;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}

.select-field-checkout {
    height: 55px;
    background-color: #f6f6fa;
    border: 1px #836ae4;
    border-radius: 12px;
    padding: 10px 10px 10px 16px;
}

.checkbox-label {
    margin-bottom: 0;
}

.billing-address-toggle {
    align-items: center;
}

.checkbox {
    margin-top: 0;
}

.order-confirmation {
    background-color: rgba(0, 0, 0, 0);
}

.overview-hero-image {
    width: 23%;
    margin-right: 2%;
    transform: rotate(-15deg);
    box-shadow: 0 48px 128px rgba(13, 14, 16, .12);
}

    .overview-hero-image._2 {
        text-transform: none;
    }

.blog-main-wrapper {
    z-index: auto;
    flex-direction: column;
    align-items: center;
    padding-top: 0;
    padding-bottom: 60px;
    display: flex;
    position: relative;
}

.quantity {
    display: none;
}

.option-list {
    margin-top: 40px;
}

.duration-buttons {
    background-color: rgba(20, 90, 255, .1);
    border-style: none;
    border-radius: 10px;
}

    .duration-buttons.w--ecommerce-pill-selected {
        background-color: #0f1f3d;
        font-weight: 500;
    }

.button-group {
    margin-bottom: 20px;
}

.buttons-contain-div {
    justify-content: flex-start;
    display: flex;
}

.option-list-nav {
    margin-top: 0;
}

.cart-quantity-2 {
    color: #0d0e10;
    background-color: rgba(30, 189, 83, .1);
    border-color: #1ebd53;
}

.plan-name-cart {
    color: #0d0e10;
}

.option {
    margin-top: 0;
}

.text-block {
    color: #145aff;
    margin-top: 10px;
}

.checkout-button {
    height: 60px;
    background-color: #1ebd53;
    border-radius: 12px;
    justify-content: center;
    font-weight: 600;
    display: flex;
}

    .checkout-button:hover {
        background-color: #145aff;
    }

.pricing-block {
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 20px;
    display: flex;
}

.collection-list-wrapper-ecom-plans {
    width: 100%;
}

.job-type {
    display: flex;
}

.cart-list {
    padding-left: 10px;
}

.sticky-nav-div {
    z-index: 999999999;
    background-color: #fff;
    margin-top: -120px;
    position: fixed;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: 0%;
    box-shadow: 0 10px 50px rgba(15, 31, 61, .06);
}

.text-block-2, .text-block-3, .text-block-4, .text-block-5 {
    color: #fff;
    text-transform: uppercase;
    font-family: Montserrat, sans-serif;
    font-size: 13px;
    font-weight: 400;
}

.frame-48 {
    grid-column-gap: 121px;
    grid-row-gap: 121px;
    background-color: #000;
    background-image: url("https://uploads-ssl.webflow.com/64351eef0f8f43aa55f4d9f3/643674f16fd1bace4f4050f8_BG3.svg");
    background-position: 50%;
    background-size: auto;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.vectors-wrapper {
    height: 88px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    display: flex;
}

.vectors-wrapper-2 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    display: flex;
}

.text-span {
    width: 378px;
    height: 67.1875px;
    color: #3898ec;
    text-align: center;
    white-space: normal;
    object-fit: fill;
    margin-bottom: -10px;
    margin-left: -65px;
    padding-top: 0;
    padding-bottom: 8px;
    transition: all .2s cubic-bezier(.55, .085, .68, .53);
    display: inline-block;
    overflow: auto;
}

    .text-span:hover {
        color: #fff;
    }

.text-span-2 {
    font-weight: 600;
}

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

.heading-3 {
    color: #000;
    font-family: Montserrat, sans-serif;
    font-weight: 600;
}

.text-span-5 {
    font-weight: 600;
}

.text-span-6 {
    font-weight: 500;
}

.text-span-7 {
    color: #000;
    font-weight: 500;
}

.text-span-8 {
    font-weight: 500;
}

.text-block-9 {
    margin-top: 20px;
    margin-bottom: 28px;
}

.text-span-9 {
    letter-spacing: 2px;
    font-weight: 600;
}

.text-block-10 {
    color: #fff;
    font-family: Montserrat, sans-serif;
}

.text-block-11 {
    color: #fff;
    font-family: Montserrat, sans-serif;
    font-weight: 500;
}

.text-block-12 {
    color: #000;
    text-align: center;
}

.text-block-13 {
    color: #000;
    margin-top: -7px;
    padding-top: 0;
}

.text-block-14 {
    color: #000;
    margin-bottom: 26px;
}

.text-span-10 {
    font-weight: 700;
}

.text-block-15 {
    font-family: Montserrat, sans-serif;
    font-size: 25px;
    font-weight: 600;
}

.text-span-11 {
    text-align: center;
    border-radius: 0;
    font-family: Montserrat, sans-serif;
}

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

.review-paragraph-copy {
    color: #0d0e10;
    text-align: left;
    object-fit: contain;
    align-self: flex-start;
    margin-top: 14px;
    margin-bottom: -127px;
    margin-left: -24px;
    padding-top: 0;
    padding-bottom: 102px;
    font-family: Montserrat, sans-serif;
}

    .review-paragraph-copy.center {
        max-width: 620px;
        color: #40454f;
        text-align: center;
        margin-top: 16px;
        padding-right: 0;
    }

.text-span-12 {
    color: #3898ec;
    font-family: Montserrat, sans-serif;
    font-weight: 700;
}

.heading-4 {
    font-family: Montserrat, sans-serif;
    font-weight: 500;
}

.text-span-13 {
    color: #000;
    font-family: Avenirltstd Book, sans-serif;
}

.text-span-14 {
    color: #3898ec;
    font-weight: 700;
}

.blog-subheading-2 {
    margin-bottom: 16px;
}

.button-2 {
    color: #fff;
    background-color: #1ebd53;
    border-radius: 12px;
    padding: 20px 25px;
    font-weight: 700;
    line-height: 120%;
    transition: background-color .2s;
}

    .button-2:hover {
        background-color: #0d0e10;
    }

    .button-2.top-marin-80px {
        margin-top: 80px;
    }

.home-features-subheading-2 {
    color: #47c1fe;
    margin-bottom: 16px;
}

    .home-features-subheading-2.yellow {
        color: #ffcb3d;
    }

.home-features-subheading-3 {
    color: #47c1fe;
    margin-bottom: 16px;
}

    .home-features-subheading-3.yellow {
        color: #ffcb3d;
    }

.text-block-17 {
    color: #fff;
}

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

    .image-4.contain {
        object-fit: contain;
        margin-top: 0;
    }

.cart-quantity-3 {
    height: auto;
    color: #145aff;
    background-color: rgba(20, 90, 255, .1);
    align-items: center;
    padding-top: 6px;
    padding-bottom: 6px;
    font-size: 16px;
    display: flex;
}

    .cart-quantity-3.white {
        color: #fff;
        background-color: rgba(255, 255, 255, .1);
    }

.nav-link-2 {
    color: #04121f;
    margin-left: 0;
    margin-right: 0;
    font-size: 16px;
    transition: all .2s;
}

    .nav-link-2:hover {
        color: #145aff;
        font-weight: 500;
    }

    .nav-link-2.w--current {
        color: #2cae76;
        font-weight: 500;
    }

    .nav-link-2.login {
        flex: none;
        font-weight: 500;
    }

        .nav-link-2.login.desktop {
            padding-left: 15px;
            padding-right: 15px;
        }

    .nav-link-2.login-mob {
        display: none;
    }

    .nav-link-2.white {
        color: #fff;
    }

.button-3 {
    color: #fff;
    background-color: #1ebd53;
    border-radius: 12px;
    padding: 20px 25px;
    font-weight: 700;
    line-height: 120%;
    transition: background-color .2s;
}

    .button-3:hover {
        background-color: #0d0e10;
    }

    .button-3.navigation-button {
        background-color: #0d0e10;
        flex: none;
    }

        .button-3.navigation-button:hover {
            background-color: #1ebd53;
        }

        .button-3.navigation-button.white {
            background-color: rgba(255, 255, 255, .2);
            transition-property: all;
        }

            .button-3.navigation-button.white:hover {
                color: #0f1f3d;
                background-color: rgba(255, 255, 255, .98);
            }

        .button-3.navigation-button.mobile {
            display: none;
        }

.divider-nav-2 {
    width: 100%;
    height: 2px;
    background-color: #f1f3f6;
    margin-top: 38px;
    margin-bottom: 28px;
}

.navigation-menu-2 {
    align-items: center;
    font-size: 16px;
    display: flex;
    position: static;
}

.navigation-2 {
    z-index: 100;
    background-color: rgba(0, 0, 0, 0);
    flex-direction: column;
    align-items: center;
    display: flex;
}

.cart-button-2 {
    color: #0f1f3d;
    background-color: rgba(0, 0, 0, 0);
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 16px;
    font-weight: 500;
}

    .cart-button-2.white {
        color: #fff;
    }

.dropdown-toggle-2 {
    color: #04121f;
    padding-left: 12px;
    padding-right: 24px;
    transition: color .2s;
}

    .dropdown-toggle-2:hover {
        color: #145aff;
        font-weight: 500;
    }

    .dropdown-toggle-2.white {
        color: #fff;
    }

.button-4 {
    color: #fff;
    background-color: #1ebd53;
    border-radius: 12px;
    padding: 20px 25px;
    font-weight: 700;
    line-height: 120%;
    transition: background-color .2s;
}

    .button-4:hover {
        background-color: #0d0e10;
    }

    .button-4.navigation-button {
        width: auto;
        height: 30px;
        background-color: #0d0e10;
        flex: none;
        margin-top: 25px;
        padding-top: 25px;
        padding-bottom: 38px;
        line-height: 100%;
    }

        .button-4.navigation-button:hover {
            background-color: #1ebd53;
        }

        .button-4.navigation-button.white {
            background-color: rgba(255, 255, 255, .2);
            transition-property: all;
        }

            .button-4.navigation-button.white:hover {
                color: #0f1f3d;
                background-color: rgba(255, 255, 255, .98);
            }

    .button-4.navigation-button {
        width: 100px;
        height: 5px;
        background-color: #0d0e10;
        flex: none;
        margin-top: 11px;
        margin-left: 65px;
        line-height: 70%;
    }

        .button-4.navigation-button:hover {
            background-color: #3898ec;
        }

    .button-4.navigation-button {
        background-color: #0d0e10;
        flex: none;
    }

        .button-4.navigation-button:hover {
            background-color: #1ebd53;
        }

        .button-4.navigation-button.mobile {
            display: none;
        }

.link {
    color: #3898ec;
    margin-bottom: -10px;
    font-family: Montserrat, sans-serif;
    font-size: 15px;
    font-weight: 600;
}

.link-2 {
    color: #3898ec;
    margin-bottom: 0;
    font-size: 15px;
    font-weight: 600;
}

.link-3 {
    color: #3898ec;
    margin-bottom: 0;
    padding-bottom: 0;
    font-family: Montserrat, sans-serif;
    font-size: 15px;
    font-weight: 600;
}

.link-4 {
    margin-bottom: 23px;
}

    .link-4.w--current {
        margin-bottom: 21px;
        padding-top: 36px;
        padding-bottom: 0;
    }

.link-5 {
    padding-top: 0;
    padding-bottom: 0;
    font-size: 10px;
}

    .link-5.w--current {
        padding-top: 25px;
        padding-bottom: 21px;
    }

.image-5 {
    background-color: #613939;
    background-image: url("https://uploads-ssl.webflow.com/64351eef0f8f43aa55f4d9f3/64425c1f16e1450b8b2fd526_Frame%201.png");
    background-position: 0 0;
    background-size: auto;
}

.grid {
    grid-template-rows: 6fr auto auto;
    grid-template-columns: 3fr 3fr 3fr;
    grid-auto-flow: row;
}

.text-span-15 {
    font-weight: 500;
}

.text-span-16 {
    text-align: left;
    margin-left: -569px;
    padding-left: 0;
    font-weight: 500;
}

.text-span-17 {
    font-weight: 500;
}

.text-span-18 {
    letter-spacing: 0;
    font-weight: 400;
}

.text-span-19 {
    color: #4b4b4b;
    font-size: 34px;
    font-weight: 600;
}

.image-6 {
    align-self: flex-start;
}

.team-rectangles {
    width: 100%;
    grid-column-gap: 64px;
    grid-row-gap: 64px;
    background-color: #fff;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    padding: 64px 24px;
    display: flex;
}


.columns {
    width: 100%;
    grid-column-gap: 48px;
    grid-row-gap: 48px;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}







.name {
    color: #000;
    text-align: center;
    font-family: Montserrat, sans-serif;
    font-size: 24px;
    font-weight: 600;
    line-height: 150%;
}

.description {
    color: #000;
    font-family: Montserrat, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
}

.columns-2 {
    width: 100%;
    max-width: 960px;
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    justify-content: center;
    align-items: flex-start;
    display: flex;
}

.phone-only-column {
    width: 90%;
    max-width: 100%;
    min-width: 24%;
    grid-column-gap: 10px;
    grid-row-gap: 20px;
    object-fit: scale-down;
    background-color: #fff;
    justify-content: center;
    align-self: center;
    align-items: center;
    margin: 0 auto;
    padding-top: 0;
    padding-bottom: 0;
}

    .phone-only-column.last {
        flex-wrap: wrap;
        justify-content: center;
        margin-top: 0;
    }

    .phone-only-column.phone {
        display: none;
    }

.column-scm {
    width: 100%;
    grid-column-gap: 10px;
    grid-row-gap: 11px;
    flex-direction: column;
    justify-content: center;
    align-self: center;
    align-items: center;
    display: flex;
}

    .column-scm.last {
        flex-direction: row;
        justify-content: center;
        margin-top: 0;
    }


.quote {
    width: 100%;
    grid-column-gap: 40px;
    grid-row-gap: 30px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

    .quote.scm1 {
        grid-row-gap: 20px;
    }

    .quote.scm2 {
        grid-row-gap: 30px;
    }

    .quote.scm4, .quote.scm-3 {
        grid-row-gap: 10px;
    }

.author {
    width: 100%;
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    background-color: rgba(216, 216, 216, .16);
    border-radius: 20px;
    justify-content: flex-start;
    align-items: center;
    padding: 24px 16px;
    display: flex;
}

.image-wrapper-2 {
    width: 60px;
    height: 60px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: center;
    align-items: center;
    display: flex;
}

.image-8 {
    width: 40px;
    height: 40px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    mix-blend-mode: multiply;
    object-fit: cover;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
}

.info-2 {
    width: 100%;
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.text {
    color: #505050;
    font-family: Montserrat, sans-serif;
    font-size: 17px;
    font-weight: 600;
    line-height: 150%;
}

.text-2 {
    color: #383838;
    -webkit-text-stroke-color: #2b2b2b;
    font-family: Avenirltstd Book, sans-serif;
    font-size: 13px;
    font-weight: 400;
    line-height: 150%;
}

.image-9 {
    width: 40px;
    height: 40px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
}

.info-3 {
    width: 100%;
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.text-3 {
    color: #000;
    font-family: Montserrat, sans-serif;
    font-size: 20px;
    font-weight: 600;
    line-height: 150%;
}

.text-4 {
    color: #000;
    font-family: Montserrat, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
}

.testimonial-column-light-2 {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
    background-color: #fff;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    padding: 43px 64px;
    display: flex;
}

.author-2 {
    width: 100%;
    max-width: 250.667px;
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    background-color: #e2fff6;
    border-radius: 13px;
    justify-content: center;
    align-items: center;
    padding: 24px 16px;
    display: flex;
}

.info-4 {
    width: 177px;
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.text-5 {
    color: #4ab08f;
    text-align: center;
    font-family: Montserrat, sans-serif;
    font-size: 12px;
    font-weight: 700;
    line-height: 150%;
}

.testimonial-column-light-3 {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
    background-color: #fff;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    margin: auto auto -27px;
    padding: 7px 64px 0;
    display: flex;
}

.author-3 {
    width: 100%;
    max-width: 250.667px;
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    background-color: #e2fff6;
    border-radius: 13px;
    justify-content: center;
    align-items: center;
    padding: 24px 16px;
    display: flex;
}

.info-5 {
    width: 177px;
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
}

.text-6 {
    color: #4ab08f;
    text-align: left;
    align-self: center;
    margin-left: -38px;
    margin-right: -38px;
    font-family: Montserrat, sans-serif;
    font-size: 12px;
    font-weight: 600;
    line-height: 150%;
}

.heading-5 {
    color: #585858;
    text-align: center;
    margin-top: 91px;
    margin-bottom: 14px;
    padding-top: 10px;
    padding-bottom: 0;
    font-family: Montserrat, sans-serif;
    font-size: 40px;
    font-weight: 400;
}

.form {
    margin-top: -87px;
    padding-top: 0;
    padding-bottom: 0;
}

    .form.home {
        margin-top: 0;
        padding-top: 0;
    }

    .form.footer {
        margin-top: 0;
    }

        .form.footer._1 {
            width: auto;
        }

.image-10 {
    width: 40px;
    height: 40px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
}

.info-6 {
    width: 100%;
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.text-7 {
    color: #000;
    font-family: Montserrat, sans-serif;
    font-size: 20px;
    font-weight: 600;
    line-height: 150%;
}

.text-8 {
    color: #000;
    font-family: Montserrat, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
}

.testimonial-column-light-4 {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
    background-color: #fff;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    margin-bottom: -45px;
    padding: 22px 64px 43px;
    display: flex;
}

.author-4 {
    width: 100%;
    max-width: 250.667px;
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    background-color: #e2fff6;
    border-radius: 13px;
    justify-content: center;
    align-items: center;
    padding: 24px 16px;
    display: flex;
}

.info-7 {
    width: 177px;
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
}

.text-9 {
    color: #4ab08f;
    text-align: center;
    font-family: Montserrat, sans-serif;
    font-size: 12px;
    font-weight: 700;
    line-height: 150%;
}

.testimonial-column-light-5 {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
    background-color: #fff;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    margin-top: -27px;
    padding: 10px 64px;
    display: flex;
}

.author-5 {
    width: 100%;
    max-width: 250.667px;
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    background-color: #e2fff6;
    border-radius: 13px;
    justify-content: center;
    align-items: center;
    padding: 24px 16px;
    display: flex;
}

.info-8 {
    width: 177px;
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
}

.text-10 {
    color: #4ab08f;
    text-align: center;
    font-family: Montserrat, sans-serif;
    font-size: 12px;
    font-weight: 700;
    line-height: 150%;
}

.paragraph {
    min-width: 520px;
    text-align: justify;
    order: 1;
    margin-top: -100px;
    margin-left: 1px;
    margin-right: 641px;
    padding-top: 48px;
    padding-left: 69px;
}

.hero-heading-left {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    background-color: #fff;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding-left: 46px;
    display: flex;
}

.frame-18 {
    width: auto;
    height: 11%;
    max-height: 11%;
    max-width: none;
    min-height: 11%;
    min-width: auto;
    grid-column-gap: 83px;
    grid-row-gap: 83px;
    object-fit: fill;
    background-color: #161616;
    background-image: url("https://uploads-ssl.webflow.com/64351eef0f8f43aa55f4d9f3/6437a80e36329b14acaa69c2_backdrop%20green.svg");
    background-size: cover;
    flex-wrap: nowrap;
    flex: 0 auto;
    justify-content: center;
    align-self: flex-end;
    align-items: center;
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    padding: 140px 0;
    font-family: Montserrat, sans-serif;
    display: flex;
    position: static;
    overflow: visible;
}

.frame-16 {
    grid-column-gap: 72px;
    grid-row-gap: 72px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: center;
    padding-top: 21px;
    padding-bottom: 21px;
    display: flex;
}

.content-2 {
    width: 45%;
    max-width: none;
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: 0;
    margin-left: -20px;
    padding-top: 0;
    display: flex;
}

.title-copy-goes-here-be-awesome {
    padding-left: 18px;
}

.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tristique-duis-cursus-mi-quis-viverra-ornare-eros-dolor-interdum-nulla-ut-commodo-diam-libero-vitae-erat {
    width: 100%;
    max-width: none;
    color: #fff;
    text-align: justify;
    margin-top: 14px;
    margin-bottom: 0;
    margin-left: 0;
    padding: 35px 0;
    font-family: Avenirltstd Book, sans-serif;
    font-size: 15px;
    font-weight: 300;
    line-height: 150%;
}

    .lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tristique-duis-cursus-mi-quis-viverra-ornare-eros-dolor-interdum-nulla-ut-commodo-diam-libero-vitae-erat.home-stats-grid-item {
        margin-bottom: -85px;
    }

.image-135 {
    max-width: none;
    object-fit: contain;
    margin-left: -129px;
    margin-right: 0;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    overflow: hidden;
}

    .image-135.home-stats-grid-item.axa {
        width: 30%;
        height: 50%;
        object-fit: contain;
        margin-left: 0;
    }

.title-copy-goes-here-be-awesome-0 {
    color: #fff;
    font-size: 56px;
    font-weight: 400;
    line-height: 120%;
}

.title-copy-goes-here-be-awesome-1 {
    color: #40a87b;
    font-size: 56px;
    font-weight: 700;
    line-height: 120%;
}

.left-text-contain-copy {
    width: 55%;
    max-width: 600px;
    flex-direction: column;
    align-items: flex-start;
    margin-top: 0;
    padding-bottom: 0;
    display: flex;
}

    .left-text-contain-copy.blog-page-3 {
        width: 50%;
    }

    .left-text-contain-copy._50-width {
        width: 50%;
        object-fit: none;
        flex-wrap: nowrap;
    }

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

.text-span-20 {
    font-family: Montserrat, sans-serif;
    font-size: 50px;
    line-height: 1.5;
}

.text-span-21 {
    color: #3898ec;
    font-family: Montserrat, sans-serif;
    font-size: 50px;
    font-weight: 600;
}

.text-span-22 {
    color: #929292;
    padding-left: 0;
}

.text-block-22 {
    color: #fff;
    padding-top: 9px;
}

.text-block-23 {
    color: #fff;
}

.heading-6 {
    font-family: Montserrat, sans-serif;
    font-weight: 600;
}

.text-block-24, .text-block-25 {
    color: #fff;
}

.text-span-23 {
    font-weight: 600;
}

.team-rectangles-2 {
    width: 50%;
    max-width: 1280px;
    min-width: 1280px;
    grid-column-gap: 64px;
    grid-row-gap: 64px;
    background-color: #f5f7fa;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    margin-left: 0;
    padding: 25px 63px 4px 82px;
    display: flex;
}

.container-2 {
    width: 100%;
    max-width: 1200px;
    grid-column-gap: 64px;
    grid-row-gap: 64px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.columns-3 {
    width: 100%;
    grid-column-gap: 48px;
    grid-row-gap: 48px;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.card-2 {
    width: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.info-9 {
    width: 100%;
    height: 100px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    background-color: #fff;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 24px;
    display: flex;
}

.name-2 {
    color: #000;
    font-size: 24px;
    font-weight: 600;
    line-height: 150%;
}

.team-rectangles-3 {
    width: 100%;
    grid-column-gap: 64px;
    grid-row-gap: 64px;
    background-color: #141414;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    margin-top: -85px;
    padding: 64px 24px;
    display: flex;
}

.container-3 {
    width: 100%;
    max-width: 1200px;
    grid-column-gap: 64px;
    grid-row-gap: 64px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.columns-4 {
    width: 100%;
    grid-column-gap: 48px;
    grid-row-gap: 48px;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.card-3 {
    width: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.info-10 {
    width: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    background-color: #fff;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 24px;
    display: flex;
}

.name-3 {
    color: #000;
    font-size: 24px;
    font-weight: 600;
    line-height: 150%;
}

.image-136 {
    margin-left: -33px;
    padding-left: 120px;
    padding-right: 0;
}

.text-span-24 {
    color: #3898ec;
    font-weight: 600;
}

.link-6 {
    transition: opacity .2s;
}

.nav-link-3 {
    color: #666;
    -webkit-text-stroke-color: #8492ad;
    margin-left: 19px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
    font-family: Montserrat, sans-serif;
    font-size: 15px;
}

    .nav-link-3:hover {
        color: #fff;
    }

    .nav-link-3.w--current {
        color: #3898ec;
        -webkit-text-stroke-color: #3898ec;
    }

.navbar-2 {
    height: 40%;
    max-height: 7%;
    min-height: 7px;
    background-color: #fff;
    line-height: 400%;
    box-shadow: 0 9px 20px rgba(0, 0, 0, .2);
}

.image-138 {
    margin-top: 0;
    padding-top: 10px;
}

.container-4, .nav-menu {
    padding-left: 0;
}

.subheading-2 {
    margin-bottom: 16px;
}

    .subheading-2.light-blue {
        color: #47c1fe;
    }

.home-features-heading-2 {
    margin-bottom: 16px;
}

.feature-tab-link-3 {
    width: 274px;
    height: 210px;
    opacity: 1;
    color: #fff;
    -webkit-text-fill-color: inherit;
    background-color: #414141;
    background-clip: border-box;
    border-radius: 40px;
    flex-direction: column;
    justify-content: center;
    align-self: auto;
    align-items: center;
    margin-right: 0;
    padding-top: 1px;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 16px;
    font-weight: 500;
    transition: all .125s;
    display: flex;
}

    .feature-tab-link-3:hover {
        opacity: 1;
        color: #fff;
        background-color: #8f8f8f;
    }

    .feature-tab-link-3.w--current {
        width: 274px;
        height: 210px;
        opacity: 1;
        color: #fff;
        background-color: #3898ec;
        border: 2px #3898ec;
        border-radius: 30px;
        margin-left: 0;
        margin-right: 0;
        padding: 20px;
        transition: all .425s;
        box-shadow: 0 8px 20px -2px rgba(33, 171, 130, .49);
    }

    .feature-tab-link-3.last {
        margin-right: 0;
    }

    .feature-tab-link-3.last1 {
        background-color: rgba(124, 124, 124, .2);
    }

.feature-3-circle-2 {
    width: 40px;
    height: 40px;
    background-color: #ff7847;
    border-radius: 50%;
    position: absolute;
    top: auto;
    bottom: 10%;
    left: 14%;
    right: auto;
    overflow: hidden;
}

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

    .image-139.contain {
        object-fit: contain;
        margin-top: 0;
    }

.feature-tabs-section-2 {
    z-index: 1;
    background-color: #0f1f3d;
    margin-top: 0;
    position: relative;
}

.home-features-subheading-4 {
    color: #47c1fe;
    margin-bottom: 16px;
}

.home-features-2-up-2 {
    max-width: 620px;
    text-align: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
}

.subheading-3 {
    margin-bottom: 16px;
}

    .subheading-3.light-blue {
        color: #47c1fe;
    }

.home-features-heading-3 {
    margin-bottom: 16px;
}

    .home-features-heading-3.white {
        color: #fff;
        letter-spacing: 0;
        font-family: Montserrat, sans-serif;
        font-weight: 600;
    }

.wrapper-2 {
    width: 100%;
    max-width: 1280px;
    justify-content: space-between;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    padding: 80px 15%;
    display: flex;
    position: relative;
}

    .wrapper-2.home-feature-3-wrapper {
        flex-direction: row-reverse;
        padding-top: 40px;
        padding-bottom: 145px;
    }

        .wrapper-2.home-feature-3-wrapper.home-2 {
            width: 100%;
            padding-top: 80px;
        }

    .wrapper-2.features-2-wrapper {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding-top: 145px;
        padding-bottom: 145px;
    }

        .wrapper-2.features-2-wrapper.homepage-2 {
            margin-bottom: 0;
            padding-top: 72px;
            padding-bottom: 0;
        }

            .wrapper-2.features-2-wrapper.homepage-2.product-page {
                background-color: #f1f1f1;
                padding-left: 0%;
                padding-right: 0%;
            }

                .wrapper-2.features-2-wrapper.homepage-2.product-page.fbs {
                    background-color: rgba(241, 241, 241, 0);
                }

    .wrapper-2.features-vertical-tabs {
        width: 100%;
        max-width: 100%;
        justify-content: space-around;
        align-items: center;
        margin-left: 0;
        margin-right: 0;
        padding-top: 40px;
        padding-bottom: 40px;
        padding-left: 0;
        display: flex;
    }

    .wrapper-2.home-feature-1-wrapper {
        width: 100%;
        max-width: 104%;
        flex-direction: row-reverse;
        justify-content: center;
        align-items: center;
        padding-bottom: 0;
        padding-right: 0;
        display: flex;
    }

        .wrapper-2.home-feature-1-wrapper.home-2 {
            width: 100%;
            max-width: 100%;
            grid-column-gap: 0px;
            grid-row-gap: 0px;
            flex-direction: row;
            grid-template-rows: auto auto;
            grid-template-columns: 1fr 1fr;
            grid-auto-columns: 1fr;
            justify-content: space-between;
            align-items: center;
            margin-left: 27px;
            margin-right: 0;
            padding-top: 40px;
            padding-bottom: 40px;
            padding-right: 0;
            display: flex;
        }

    .wrapper-2.navigation-wrapper {
        padding: 20px 0%;
    }

    .wrapper-2.most-popular-integrations-wrapper {
        width: 100%;
        max-width: none;
        grid-column-gap: 40px;
        grid-row-gap: 40px;
        flex-direction: column;
        justify-content: center;
        align-items: stretch;
        padding-left: 0%;
        padding-right: 0%;
        overflow: hidden;
    }

    .wrapper-2.feature-4-wrapper {
        width: 90%;
        justify-content: flex-start;
        align-items: center;
        margin-bottom: auto;
        padding: 0 0%;
    }

        .wrapper-2.feature-4-wrapper.features {
            flex-direction: row-reverse;
        }

    .wrapper-2.integrations-hero-wrapper {
        max-width: none;
        text-align: center;
        flex-direction: column;
        justify-content: center;
        align-self: center;
        padding: 55px 0% 75px;
    }

.image-140 {
    width: 100%;
    height: 100%;
    object-fit: cover;
    padding-left: 0;
}

    .image-140.contain {
        width: 100%;
        height: auto;
        max-height: none;
        max-width: 100%;
        object-fit: fill;
        margin-top: auto;
        display: block;
        overflow: visible;
    }

.feature-tabs-section-3 {
    z-index: 1;
    background-color: #292929;
    margin-top: 0;
    position: relative;
}

.home-features-subheading-5 {
    color: #47c1fe;
    margin-bottom: 16px;
}

.text-block-29 {
    color: #fff;
    order: -1;
    align-self: auto;
    font-family: Montserrat, sans-serif;
    font-weight: 400;
    display: flex;
}

.text-block-30 {
    color: #fff;
}

    .text-block-30:hover {
        color: #001b13;
    }

.text-block-31 {
    color: #fff;
}

    .text-block-31:hover {
        color: #0d0e10;
    }

.text-block-32, .text-block-33 {
    color: #fff;
    font-family: Montserrat, sans-serif;
    font-weight: 400;
}

.text-block-34 {
    color: #fff;
}

    .text-block-34:hover {
        color: #0d0e10;
    }

.home-features-1-circle-2 {
    width: 40px;
    height: 40px;
    background-color: #ffcb3d;
    border-radius: 50%;
    position: absolute;
    top: auto;
    bottom: 0%;
    left: 20%;
    right: auto;
    overflow: hidden;
}

.subheading-4 {
    margin-bottom: 16px;
}

.home-features-heading-4 {
    margin-bottom: 16px;
    margin-left: auto;
}

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

    .image-141.contain {
        width: 50%;
        object-fit: contain;
        flex: 0 auto;
        align-self: flex-start;
        margin-top: 0;
        margin-left: 0;
    }

.home-features-images-container-2 {
    width: 75%;
    max-width: 75%;
    justify-content: space-between;
    align-items: center;
    display: flex;
    position: relative;
}

.text-block-35 {
    width: 100%;
    max-width: 500px;
    margin-left: auto;
    padding-left: 0;
    padding-right: 0;
    display: block;
}

.body-3 {
    overflow: auto;
}

.frame-2725 {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.frame-2723 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    background-color: #1d1d1d;
    border-radius: 29px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 34px 40px;
    display: flex;
}

.frame-2722 {
    grid-column-gap: 44px;
    grid-row-gap: 44px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.vectors-wrapper-3 {
    width: 64px;
    height: 64px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.text-11 {
    color: #fff;
    font-size: 24px;
    font-weight: 500;
    line-height: 140%;
}

.frame-2724 {
    width: 100%;
    height: 275px;
    max-width: 564px;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    background-color: #1d1d1d;
    border-radius: 29px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 34px 40px;
    display: flex;
}

.frame-2726 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    background-color: #1d1d1d;
    border-radius: 29px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 34px 40px;
    display: flex;
}

.frame-2727 {
    grid-column-gap: 44px;
    grid-row-gap: 44px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding-top: 0;
    padding-bottom: 33px;
    display: flex;
}

.vectors-wrapper-4 {
    width: 13%;
    height: 43%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.text-12 {
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    line-height: 140%;
}

.frame-2728 {
    width: 100%;
    height: 275px;
    max-height: 70%;
    max-width: 564px;
    grid-column-gap: 0px;
    grid-row-gap: 10px;
    background-color: #1d1d1d;
    border-radius: 29px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 34px 40px;
    display: flex;
    overflow: scroll;
}

.body-4 {
    background-color: #181818;
}

.frame-2730 {
    grid-column-gap: 21px;
    grid-row-gap: 21px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.frame-2731 {
    width: 100%;
    height: 275px;
    max-width: 1158px;
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    justify-content: center;
    align-items: flex-start;
    display: flex;
    position: relative;
}

.frame-2732 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    background-color: #1d1d1d;
    border-radius: 29px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 34px 40px 66px;
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
}

.frame-2733 {
    grid-column-gap: 44px;
    grid-row-gap: 44px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.vectors-wrapper-5 {
    width: 64px;
    height: 64px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.text-13 {
    color: #fff;
    font-size: 24px;
    font-weight: 500;
    line-height: 140%;
}

.frame-2734 {
    width: 100%;
    height: 275px;
    max-width: 564px;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    background-color: #1d1d1d;
    border-radius: 29px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 34px 40px;
    display: flex;
    position: absolute;
    top: 0;
    left: 594px;
}

.frame-2735 {
    width: 100%;
    height: 275px;
    max-width: 1158px;
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    justify-content: center;
    align-items: flex-start;
    display: flex;
    position: relative;
}

.frame-2736 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    background-color: #1d1d1d;
    border-radius: 29px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 34px 40px 66px;
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
}

.frame-2737 {
    grid-column-gap: 44px;
    grid-row-gap: 44px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.vectors-wrapper-6 {
    width: 64px;
    height: 64px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.text-14 {
    color: #fff;
    font-size: 24px;
    font-weight: 500;
    line-height: 140%;
}

.frame-2738 {
    width: 100%;
    height: 275px;
    max-width: 564px;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    background-color: #1d1d1d;
    border-radius: 29px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 34px 40px;
    display: flex;
    position: absolute;
    top: 0;
    left: 594px;
}

.frame-2739 {
    height: 319px;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 139px;
    display: flex;
}

.frame-2740 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    background-color: #1d1d1d;
    border-radius: 29px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin-right: -16px;
    padding: 34px 40px 66px;
    display: flex;
}

.frame-2741 {
    grid-column-gap: 44px;
    grid-row-gap: 44px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.vectors-wrapper-7 {
    width: 64px;
    height: 64px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.text-15 {
    color: #fff;
    font-family: Montserrat, sans-serif;
    font-size: 15px;
    font-weight: 300;
    line-height: 140%;
}

.frame-2742 {
    width: 100%;
    height: 275px;
    max-width: 564px;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    background-color: #1d1d1d;
    border-radius: 29px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 34px 40px;
    display: flex;
}

.frame-2743 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.frame-2744 {
    width: 100%;
    height: 250px;
    max-width: 1145px;
    grid-column-gap: 17px;
    grid-row-gap: 17px;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.frame-2745 {
    height: 250px;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    background-color: #1d1d1d;
    border-radius: 29px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 34px 40px;
    display: flex;
}

.frame-2746 {
    grid-column-gap: 44px;
    grid-row-gap: 44px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.vectors-wrapper-8 {
    width: 64px;
    height: 64px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.text-16 {
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    line-height: 140%;
}

.frame-2747 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 10px;
    display: flex;
}

.frame-2748 {
    width: 100%;
    height: 250px;
    max-width: 1145px;
    grid-column-gap: 17px;
    grid-row-gap: 17px;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.frame-2749 {
    height: 250px;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    background-color: #1d1d1d;
    border-radius: 29px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 34px 40px;
    display: flex;
}

.frame-2750 {
    grid-column-gap: 44px;
    grid-row-gap: 44px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.vectors-wrapper-9 {
    width: 64px;
    height: 64px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.text-17 {
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    line-height: 140%;
}

.frame-2751 {
    width: 100%;
    height: 250px;
    max-width: 1145px;
    grid-column-gap: 17px;
    grid-row-gap: 17px;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.frame-2752 {
    width: 550px;
    height: 85px;
    /* grid-column-gap: 10px; */
    grid-row-gap: 10px;
    background-color: #1d1d1d;
    border-radius: 29px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 20px 40px 0;
    display: flex;
}

.frame-2753 {
    grid-column-gap: 44px;
    grid-row-gap: 44px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.vectors-wrapper-10 {
    width: auto;
    height: auto;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: none;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    display: flex;
}

.text-18 {
    color: #fff;
    font-family: Montserrat, sans-serif;
    font-size: 15px;
    font-weight: 500;
    line-height: 140%;
}

.frame-2754 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    background-color: #0d0e10;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: -21px;
    padding: 33px 147px 0;
    display: flex;
}

.frame-2755 {
    width: 100%;
    height: 250px;
    max-width: 1145px;
    grid-column-gap: 17px;
    grid-row-gap: 17px;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.frame-2756 {
    grid-column-gap: 44px;
    grid-row-gap: 44px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.frame-2757 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 33px 147px;
    display: flex;
}

.frame-2758 {
    width: 100%;
    height: 250px;
    max-width: 1145px;
    grid-column-gap: 17px;
    grid-row-gap: 17px;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.frame-2759 {
    grid-column-gap: 44px;
    grid-row-gap: 44px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.frame-2760 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 33px 147px;
    display: flex;
}

.frame-2761 {
    width: 100%;
    height: 250px;
    max-width: 1145px;
    grid-column-gap: 17px;
    grid-row-gap: 17px;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.frame-2762 {
    grid-column-gap: 44px;
    grid-row-gap: 44px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.vectors-wrapper-11 {
    width: 64px;
    height: 64px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.frame-2763 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 33px 147px;
    display: flex;
}

.frame-2764 {
    width: 100%;
    height: 250px;
    max-width: 1145px;
    grid-column-gap: 17px;
    grid-row-gap: 17px;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.frame-2765 {
    grid-column-gap: 44px;
    grid-row-gap: 44px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.infinity-2 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.frame {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 11px;
    display: flex;
}

.vectors-wrapper-12 {
    width: 41px;
    height: 41px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.support-1 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 11px;
    display: flex;
    box-shadow: 0 0 15px #14996e;
}

.vectors-wrapper-13 {
    width: 40.857px;
    height: 41px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.frame-2766 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    background-color: #181818;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 0px;
    padding: 0;
    display: flex;
}

.frame-2767 {
    width: 100%;
    height: 90px;
    max-width: 1145px;
    grid-column-gap: 17px;
    grid-row-gap: 17px;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.frame-2768 {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.vectors-wrapper-14 {
    width: 55px;
    height: 40px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.frame-2769 {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.infinity-3 {
    width: 55px;
    height: 55px;
    grid-column-gap: .952149px;
    grid-row-gap: .952149px;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.support-2 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.frame-2770 {
    grid-column-gap: -39.6px;
    grid-row-gap: -39.6px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.frame-2771 {
    grid-column-gap: 11.55px;
    grid-row-gap: 11.55px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.vectors-wrapper-15 {
    width: 6.10581px;
    height: 6.09803px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.vectors-wrapper-16 {
    width: 2.16369px;
    height: 6.98887px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.vectors-wrapper-17 {
    width: 6.1028px;
    height: 6.09799px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.frame-2772 {
    grid-column-gap: 5.5px;
    grid-row-gap: 5.5px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 5.5px;
    display: flex;
}

.vectors-wrapper-18 {
    width: 54.8079px;
    height: 40px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: contain;
    justify-content: center;
    align-items: center;
    display: flex;
}

.frame-2773 {
    grid-column-gap: 26.95px;
    grid-row-gap: 26.95px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.vectors-wrapper-19 {
    width: 2.16444px;
    height: 2.16592px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.vectors-wrapper-20 {
    width: 2.1677px;
    height: 2.16446px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.frame-2774 {
    grid-column-gap: 44px;
    grid-row-gap: 44px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.heading-8 {
    color: #fff;
    text-align: center;
    align-self: center;
    margin-top: 43px;
    margin-bottom: 33px;
    font-family: Montserrat, sans-serif;
    font-size: 45px;
    font-weight: 500;
}

.text-span-28 {
    text-align: center;
}

.button-6 {
    color: #3898ec;
    text-transform: uppercase;
    background-color: #1d1d1d;
    border: 1px solid #474747;
    border-radius: 17px;
    margin-top: 25px;
    padding: 20px 60px;
    font-family: Montserrat, sans-serif;
    font-size: 14px;
    font-weight: 700;
    transition: all .2s;
}

    .button-6:hover {
        background-color: #3898ec;
    }

.text-span-30 {
    color: #0e7254;
    letter-spacing: normal;
    font-weight: 600;
}

.text-span-32 {
    color: #3898ec;
}

.image-142 {
    width: 100%;
    height: auto;
    max-width: 520px;
    object-fit: contain;
    border-radius: 0;
    align-self: center;
    padding-right: 0;
}

.frame-19 {
    grid-column-gap: 114px;
    grid-row-gap: 114px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.frame-2775 {
    grid-column-gap: 167px;
    grid-row-gap: 167px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.image-143 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.image-144 {
    object-fit: cover;
}

.frame-17 {
    grid-column-gap: 189px;
    grid-row-gap: 189px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.component-5 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding-left: 4px;
    padding-right: 4px;
    display: flex;
}

.frame-2776 {
    grid-column-gap: 142px;
    grid-row-gap: 142px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.component-9 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 23px 13px;
    display: flex;
}

.component-10 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 13px 46px;
    display: flex;
}

.text-span-33 {
    color: #3898ec;
    font-size: 55px;
    font-weight: 600;
}

.desktop---1 {
    height: 524px;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    background-color: #fff;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0 0 53px;
    display: flex;
}

.frame-2777 {
    grid-column-gap: 80.0036px;
    grid-row-gap: 80.0036px;
    mix-blend-mode: normal;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    transition: opacity .2s;
    display: flex;
}

.frame-2778 {
    grid-column-gap: 117.198px;
    grid-row-gap: 117.198px;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    display: flex;
}

.image-145 {
    grid-column-gap: 7.01786px;
    grid-row-gap: 7.01786px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.image-146 {
    opacity: 1;
    mix-blend-mode: luminosity;
    object-fit: contain;
    transition: all .5s;
}

    .image-146:hover {
        mix-blend-mode: normal;
    }

.frame-2779 {
    grid-column-gap: 132.638px;
    grid-row-gap: 132.638px;
    text-align: center;
    flex: 0 auto;
    justify-content: center;
    align-self: center;
    align-items: center;
    display: flex;
}

.component-11 {
    grid-column-gap: 7.01786px;
    grid-row-gap: 7.01786px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding-left: 2.80714px;
    padding-right: 2.80714px;
    display: flex;
}

.image-20 {
    grid-column-gap: 7.01786px;
    grid-row-gap: 7.01786px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
}

.frame-2780 {
    grid-column-gap: 99.6536px;
    grid-row-gap: 99.6536px;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    display: flex;
}

.component-12 {
    grid-column-gap: 7.01786px;
    grid-row-gap: 7.01786px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 16.1411px 9.12321px;
    display: flex;
}

.component-13 {
    grid-column-gap: 7.01786px;
    grid-row-gap: 7.01786px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 9.12321px 32.2821px;
    display: flex;
}

.frame-2781 {
    width: 65%;
    height: 100%;
    max-width: 79.9998%;
    grid-column-gap: 50px;
    grid-row-gap: 20px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 25px;
    display: flex;
}

.frame-2782 {
    grid-column-gap: 117.198px;
    grid-row-gap: 117.198px;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    display: flex;
}

.image-147 {
    grid-column-gap: 7.01786px;
    grid-row-gap: 7.01786px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.image-148 {
    opacity: .73;
    mix-blend-mode: luminosity;
    object-fit: scale-down;
    transition: opacity .375s;
}

    .image-148:hover {
        opacity: 1;
        mix-blend-mode: normal;
    }

.frame-2783 {
    grid-column-gap: 132.638px;
    grid-row-gap: 132.638px;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    display: flex;
}

.component-14 {
    grid-column-gap: 7.01786px;
    grid-row-gap: 7.01786px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding-left: 2.80714px;
    padding-right: 2.80714px;
    display: flex;
}

.frame-2784 {
    grid-column-gap: 99.6536px;
    grid-row-gap: 99.6536px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.component-15 {
    grid-column-gap: 7.01786px;
    grid-row-gap: 7.01786px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 16.1411px 9.12321px;
    display: flex;
}

.component-16 {
    grid-column-gap: 7.01786px;
    grid-row-gap: 7.01786px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 9.12321px 32.2821px;
    display: flex;
}

.body-5 {
    background-color: #131313;
    margin-bottom: auto;
}

.hero-heading-right {
    background-color: #f5f7fa;
    border-bottom: 1px solid #e4ebf3;
    padding: 80px 30px;
    position: relative;
}

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

.hero-wrapper {
    justify-content: space-between;
    align-items: center;
    display: flex;
}

.hero-split {
    max-width: 46%;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.shadow-two {
    box-shadow: 0 4px 24px rgba(150, 163, 181, .08);
}

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

.button-primary {
    color: #fff;
    letter-spacing: 2px;
    text-transform: uppercase;
    background-color: #1a1b1f;
    padding: 12px 25px;
    font-size: 12px;
    line-height: 20px;
    transition: all .2s;
}

    .button-primary:hover {
        color: #fff;
        background-color: #32343a;
    }

    .button-primary:active {
        background-color: #43464d;
    }

.text-span-34 {
    color: #3898ec;
}

.features-list {
    width: 100%;
    height: 1527px;
    grid-column-gap: 17px;
    grid-row-gap: 17px;
    background-color: #fff;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 64px 79px;
    display: flex;
}

.vectors-wrapper-21 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    display: flex;
}

.frame-2785 {
    grid-column-gap: 85px;
    grid-row-gap: 85px;
    flex: 0 auto;
    justify-content: center;
    align-items: flex-start;
    display: flex;
}

.frame-2786 {
    grid-column-gap: 73px;
    grid-row-gap: 73px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.frame-2787 {
    grid-column-gap: 55px;
    grid-row-gap: 55px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.vectors-wrapper-22 {
    width: 60px;
    height: 65px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.text-19 {
    color: #000;
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
}

.vectors-wrapper-23 {
    width: 62px;
    height: 62.0046px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.frame-2788 {
    grid-column-gap: 51px;
    grid-row-gap: 51px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.vectors-wrapper-24 {
    width: 64px;
    height: 65.4338px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.vectors-wrapper-25 {
    width: 62px;
    height: 54px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.frame-2789 {
    grid-column-gap: 67px;
    grid-row-gap: 67px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.vectors-wrapper-26 {
    width: 63px;
    height: 87px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.frame-2790 {
    grid-column-gap: 77px;
    grid-row-gap: 77px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-end;
    display: flex;
}

.vectors-wrapper-27 {
    width: 62px;
    height: 63px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.vectors-wrapper-28 {
    width: 63px;
    height: 64px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.frame-2791 {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.vectors-wrapper-29 {
    width: 63px;
    height: 46px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.vectors-wrapper-30 {
    width: 64px;
    height: 64px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.hero-stack {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding-left: 212px;
    padding-right: 212px;
    display: flex;
}

.frame-22 {
    grid-column-gap: -173.584px;
    grid-row-gap: -173.584px;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    padding-right: 35px;
    display: flex;
}

.image-24 {
    object-fit: cover;
}

.frame-21 {
    width: 100%;
    max-width: 667.713px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-end;
    display: flex;
}

.frame-20 {
    grid-column-gap: -29.8181px;
    grid-row-gap: -29.8181px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    display: flex;
}

.text-20 {
    color: #000;
    font-size: 23px;
    font-weight: 400;
}

.vectors-wrapper-31 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    display: flex;
}

.why-seek-individual-when-we-offer-end-to-end-integrated-solutions-0 {
    color: #000;
    font-family: Montserrat, sans-serif;
    font-size: 23px;
    font-weight: 400;
}

.why-seek-individual-when-we-offer-end-to-end-integrated-solutions-1 {
    color: #000;
    font-family: Montserrat, sans-serif;
    font-size: 23px;
    font-weight: 500;
}

.r-shanmuga-sundaram-managing-director-jeevan-infotech-india-pvt-ltd-0 {
    color: #000;
    font-family: Montserrat, sans-serif;
    font-size: 17px;
    font-weight: 500;
    line-height: 154.4%;
}

.r-shanmuga-sundaram-managing-director-jeevan-infotech-india-pvt-ltd-1 {
    color: rgba(0, 0, 0, .51);
    font-family: Montserrat, sans-serif;
    font-size: 9px;
    font-weight: 500;
    line-height: 154.4%;
}

.image-149 {
    max-width: 80%;
    margin: 60px auto;
    display: block;
    overflow: hidden;
}

.image-150 {
    display: none;
}

.image-151 {
    max-width: 0%;
    overflow: hidden;
}

.frame-35 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.vectors-wrapper-32 {
    width: 50%;
    height: auto;
    max-height: none;
    max-width: none;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    display: flex;
}

.frame-36 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.vectors-wrapper-33 {
    width: 248px;
    height: auto;
    max-height: none;
    max-width: none;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    display: flex;
}

.text-span-35 {
    color: rgba(255, 255, 255, .77);
}

.text-span-36 {
    color: rgba(255, 255, 255, .79);
    text-align: left;
}

.text-span-37 {
    margin-left: -47px;
}

.image-152 {
    max-width: 25%;
}

.image-153 {
    max-width: 25%;
    margin-left: 17px;
}

.gallery-slider {
    background-color: #fff;
    border-bottom: 1px solid #e4ebf3;
    padding: 80px 30px;
    position: relative;
}

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

.gallery-wrapper {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    align-items: start;
    display: grid;
}

.gallery-block {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.gallery-slide {
    height: auto;
    background-color: rgba(0, 0, 0, 0);
}

.gallery-slide-wrapper {
    max-width: 47%;
    margin-right: 6%;
}

.gallery-slide-image {
    position: relative;
}

.gallery-image {
    width: 100%;
    border-radius: 30px;
    transition: all .3s;
}

    .gallery-image:hover {
        border-radius: 30px;
        box-shadow: 0 2px 20px rgba(0, 0, 0, .2);
    }

.gallery-slide-text {
    color: #f5f7fa;
    margin-bottom: 0;
    line-height: 32px;
    position: absolute;
    bottom: 24px;
    left: 24px;
    right: 24px;
}

.gallery-slider-left {
    width: 40px;
    justify-content: center;
    align-items: center;
    display: flex;
    left: -50px;
}

    .gallery-slider-left:focus-visible {
        outline-offset: 0px;
        border-radius: 5px;
        outline: 2px solid #0050bd;
    }

    .gallery-slider-left[data-wf-focus-visible] {
        outline-offset: 0px;
        border-radius: 5px;
        outline: 2px solid #0050bd;
    }

.slider-arrow-embed {
    color: #1a1b1f;
}

.gallery-slider-right {
    width: 40px;
    justify-content: center;
    align-items: center;
    display: flex;
    right: -50px;
}

    .gallery-slider-right:focus-visible {
        outline-offset: 0px;
        border-radius: 5px;
        outline: 2px solid #0050bd;
    }

    .gallery-slider-right[data-wf-focus-visible] {
        outline-offset: 0px;
        border-radius: 5px;
        outline: 2px solid #0050bd;
    }

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

.heading-11 {
    font-family: Montserrat, sans-serif;
    font-size: 32px;
    font-weight: 600;
}

.paragraph-3 {
    padding-top: 23px;
    font-family: Poppins, sans-serif;
    font-size: 13px;
}

.frame-2800 {
    grid-column-gap: 57px;
    grid-row-gap: 57px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.frame-2801 {
    width: 100%;
    max-width: 332px;
    grid-column-gap: 33px;
    grid-row-gap: 33px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.frame-2802 {
    grid-column-gap: 17px;
    grid-row-gap: 17px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.vectors-wrapper-34 {
    width: 58px;
    height: 58px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.description-2 {
    color: #fff;
    font-family: Poppins, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
}

.vectors-wrapper-35 {
    width: 59px;
    height: 57px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.frame-2803 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.vectors-wrapper-36 {
    width: 59px;
    height: 48px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.vectors-wrapper-37 {
    width: 59px;
    height: 58px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.vectors-wrapper-38 {
    width: 59px;
    height: 59px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.frame-2804 {
    grid-column-gap: 23px;
    grid-row-gap: 23px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.vectors-wrapper-39 {
    width: 62px;
    height: 66px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.description-3 {
    color: #000;
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
}

.frame-2792 {
    width: 100%;
    max-width: 350px;
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.frame-2805 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.vectors-wrapper-40 {
    width: 62px;
    height: 62px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.frame-2806 {
    grid-column-gap: 21px;
    grid-row-gap: 21px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.vectors-wrapper-41 {
    width: 60px;
    height: 65px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.vectors-wrapper-42 {
    width: 62px;
    height: 63px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.vectors-wrapper-43 {
    width: 64px;
    height: 66px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.frame-2799 {
    width: 100%;
    max-width: 352px;
    grid-column-gap: 31px;
    grid-row-gap: 31px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.frame-2793 {
    grid-column-gap: 28px;
    grid-row-gap: 28px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.vectors-wrapper-44 {
    width: 62px;
    height: 53px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.vectors-wrapper-45 {
    width: 63px;
    height: 63px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.vectors-wrapper-46 {
    width: 63px;
    height: 45px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.frame-2797 {
    grid-column-gap: 22px;
    grid-row-gap: 22px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.vectors-wrapper-47 {
    width: 64px;
    height: 64px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.vectors-wrapper-48 {
    width: 63px;
    height: 86px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.newsletter-form {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    background-color: #f5f7fa;
    flex-direction: column-reverse;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 55px 146px;
    display: flex;
}

.frame-2807 {
    width: auto;
    grid-column-gap: 57px;
    grid-row-gap: 57px;
    flex-direction: row-reverse;
    flex: 0 auto;
    justify-content: center;
    align-self: auto;
    align-items: center;
    margin-bottom: 44px;
    margin-left: auto;
    display: flex;
}

.frame-2808 {
    width: 100%;
    max-width: 332px;
    grid-column-gap: 33px;
    grid-row-gap: 33px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.frame-2809 {
    grid-column-gap: 17px;
    grid-row-gap: 17px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.vectors-wrapper-49 {
    width: 58px;
    height: 58px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.vectors-wrapper-50 {
    width: 59px;
    height: 57px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: contain;
    justify-content: center;
    align-items: center;
    display: flex;
}

.frame-2810 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.vectors-wrapper-51 {
    width: 59px;
    height: 48px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: contain;
    justify-content: center;
    align-items: center;
    display: flex;
}

.vectors-wrapper-52 {
    width: 59px;
    height: 58px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.vectors-wrapper-53 {
    width: 59px;
    height: 59px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: contain;
    justify-content: center;
    align-items: center;
    display: flex;
}

.frame-2811 {
    grid-column-gap: 23px;
    grid-row-gap: 23px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.vectors-wrapper-54 {
    width: 62px;
    height: 66px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: contain;
    justify-content: center;
    align-items: center;
    display: flex;
}

.description-4 {
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
}

.frame-2812 {
    width: 100%;
    max-width: 350px;
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.frame-2813 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.vectors-wrapper-55 {
    width: 62px;
    height: 62px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.frame-2814 {
    grid-column-gap: 21px;
    grid-row-gap: 21px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.vectors-wrapper-56 {
    width: 60px;
    height: 65px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.vectors-wrapper-57 {
    width: 62px;
    height: 63px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.vectors-wrapper-58 {
    width: 64px;
    height: 66px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.frame-2815 {
    width: 100%;
    max-width: 352px;
    grid-column-gap: 31px;
    grid-row-gap: 31px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.frame-2816 {
    grid-column-gap: 28px;
    grid-row-gap: 28px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.vectors-wrapper-59 {
    width: 62px;
    height: 53px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: contain;
    justify-content: center;
    align-items: center;
    display: flex;
}

.vectors-wrapper-60 {
    width: 63px;
    height: 63px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.vectors-wrapper-61 {
    width: 63px;
    height: 45px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: contain;
    justify-content: center;
    align-items: center;
    display: flex;
}

.frame-2817 {
    grid-column-gap: 22px;
    grid-row-gap: 22px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.vectors-wrapper-62 {
    width: 64px;
    height: 64px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: contain;
    justify-content: center;
    align-items: center;
    display: flex;
}

.vectors-wrapper-63 {
    width: 63px;
    height: 86px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: contain;
    justify-content: center;
    align-items: center;
    display: flex;
}

.heading-12 {
    color: #fff;
    margin-left: 23px;
    padding-left: 0;
    padding-right: 0;
    font-family: Poppins, sans-serif;
    font-size: 45px;
}

.text-span-38 {
    color: #696969;
}

.list {
    color: #4b4e53;
    -webkit-text-stroke-color: #fff;
}

.list-item, .list-item-2, .list-item-3, .list-item-4 {
    font-family: Poppins, sans-serif;
}

.text-span-39, .text-span-40, .text-span-41 {
    font-weight: 600;
}

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

.paragraph-4 {
    text-align: left;
    font-family: Montserrat, sans-serif;
    font-weight: 400;
}

.text-span-43 {
    font-weight: 500;
    line-height: 100%;
}

.text-span-44 {
    justify-content: flex-start;
    margin-left: auto;
    padding-left: 0;
    display: flex;
}

.heading-14 {
    text-transform: uppercase;
    font-family: Montserrat, sans-serif;
    font-size: 45px;
}

.text-span-45 {
    font-weight: 500;
}

.image-154 {
    max-width: 50%;
}

.newsletter-form-2 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    background-color: #fff;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: center;
    padding: 25px 350px;
    display: flex;
}

.frame-2820 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 10px;
    display: flex;
}

.image-155 {
    object-fit: cover;
}

.frame-2821 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 10px;
    display: flex;
}

.newsletter-form-3 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    background-color: #f5f7fa;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    display: flex;
}

.image-156 {
    width: 45%;
    height: 80%;
    max-width: 70%;
    object-fit: cover;
}

.frame-2822 {
    width: 100%;
    height: 100%;
    max-height: 97%;
    max-width: 100%;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding-top: 10px;
    padding-bottom: 10px;
    display: flex;
}

.newsletter-form-4 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    background-color: #f5f7fa;
    flex-direction: column;
    flex: 0 auto;
    justify-content: center;
    align-self: center;
    align-items: center;
    padding: 25px 0;
    display: flex;
}

.image-157 {
    width: 65%;
    height: 65%;
    max-height: 100%;
    text-align: left;
    object-fit: contain;
    flex: 0 auto;
    order: 0;
    align-self: center;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.desktop---2 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    background-color: #fff;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 50px 94px 0;
    display: flex;
}

.frame-59 {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.frame-43 {
    grid-column-gap: 74px;
    grid-row-gap: 74px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.frame-39 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 33px 12px;
    display: flex;
}

.image-27 {
    grid-column-gap: 7.01786px;
    grid-row-gap: 7.01786px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.image-158 {
    object-fit: cover;
}

.frame-40 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 10px 32px;
    display: flex;
}

.frame-41 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 17px 51px;
    display: flex;
}

.frame-42 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 12px 18px;
    display: flex;
}

.frame-2823 {
    grid-column-gap: 76px;
    grid-row-gap: 76px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.frame-44 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 27px 35px;
    display: flex;
}

.component-17 {
    grid-column-gap: 7.01786px;
    grid-row-gap: 7.01786px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding-left: 2.80714px;
    padding-right: 2.80714px;
    display: flex;
}

.frame-45 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 16px 60px;
    display: flex;
}

.image-159 {
    grid-column-gap: 7.01786px;
    grid-row-gap: 7.01786px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
}

.frame-46 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 16px 29px;
    display: flex;
}

.frame-47 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 19px 31px;
    display: flex;
}

.vectors-wrapper-64 {
    width: 193.693px;
    height: 75.0846px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.frame-49 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 18px;
    display: flex;
}

.component-18 {
    grid-column-gap: 7.01786px;
    grid-row-gap: 7.01786px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 16.1411px 9.12321px;
    display: flex;
}

.frame-50 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 21px 55px;
    display: flex;
}

.frame-51 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 29px 34px;
    display: flex;
}

.component-19 {
    grid-column-gap: 4.97354px;
    grid-row-gap: 4.97354px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.frame-52 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 6px 30px;
    display: flex;
}

.component-20 {
    grid-column-gap: 7.01786px;
    grid-row-gap: 7.01786px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 9.12321px 32.2821px;
    display: flex;
}

.frame-54 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 25px 35px;
    display: flex;
}

.frame-55 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 24px 23px;
    display: flex;
}

.frame-56 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 23px 15px;
    display: flex;
}

.frame-57 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 23px 37px;
    display: flex;
}

.frame-2824 {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.frame-2825 {
    grid-column-gap: 74px;
    grid-row-gap: 74px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.frame-2826 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 33px 12px;
    display: flex;
}

.image-160 {
    grid-column-gap: 7.01786px;
    grid-row-gap: 7.01786px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.image-161 {
    opacity: .55;
    mix-blend-mode: luminosity;
    object-fit: contain;
    transition: opacity .2s;
}

    .image-161:hover {
        opacity: 1;
        mix-blend-mode: normal;
    }

.frame-2827 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 10px 32px;
    display: flex;
}

.frame-2828 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 17px 51px;
    display: flex;
}

.frame-2829 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 12px 18px;
    display: flex;
}

.frame-2830 {
    grid-column-gap: 76px;
    grid-row-gap: 76px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.frame-2831 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 27px 35px;
    display: flex;
}

.component-21 {
    grid-column-gap: 7.01786px;
    grid-row-gap: 7.01786px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding-left: 2.80714px;
    padding-right: 2.80714px;
    display: flex;
}

.frame-2832 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 16px 60px;
    display: flex;
}

.frame-2833 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 16px 29px;
    display: flex;
}

.frame-2834 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 19px 31px;
    display: flex;
}

.vectors-wrapper-65 {
    width: 193.693px;
    height: 75.0846px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    opacity: .57;
    mix-blend-mode: luminosity;
    object-fit: contain;
    justify-content: center;
    align-items: center;
    transition: opacity .2s;
    display: flex;
}

    .vectors-wrapper-65:hover {
        opacity: 1;
        mix-blend-mode: normal;
    }

.frame-2835 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 18px;
    display: flex;
}

.component-22 {
    grid-column-gap: 7.01786px;
    grid-row-gap: 7.01786px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 16.1411px 9.12321px;
    display: flex;
}

.frame-2836 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 21px 55px;
    display: flex;
}

.frame-2837 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 29px 34px;
    display: flex;
}

.component-23 {
    grid-column-gap: 4.97354px;
    grid-row-gap: 4.97354px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.frame-2838 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 6px 30px;
    display: flex;
}

.component-24 {
    grid-column-gap: 7.01786px;
    grid-row-gap: 7.01786px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 9.12321px 32.2821px;
    display: flex;
}

.frame-2839 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 25px 35px;
    display: flex;
}

.frame-2840 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 24px 23px;
    display: flex;
}

.frame-2841 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 23px 15px;
    display: flex;
}

.frame-2842 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 23px 37px;
    display: flex;
}

.heading-16 {
    color: #3898ec;
    -webkit-text-stroke-color: #3898ec;
    font-family: Montserrat, sans-serif;
    font-size: 30px;
}

.desktop---3 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    background-color: #f1f3f6;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 10px;
    padding: 0;
    display: flex;
}

.image-28 {
    object-fit: contain;
    align-self: center;
}

.frame-2843 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    background-color: #f1f3f6;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 10px;
    padding: 0;
    display: flex;
}

.image-162 {
    width: 65%;
    height: 65%;
    max-height: 100%;
    object-fit: contain;
}

.heading-17 {
    width: 80%;
    max-width: 100%;
    color: #3898ec;
    letter-spacing: 1px;
    -webkit-text-stroke-color: transparent;
    text-transform: uppercase;
    order: -1;
    align-self: center;
    font-family: Montserrat, sans-serif;
    font-size: 20px;
}

.container-7 {
    display: block;
    position: static;
}

.text-block-46 {
    font-size: 50px;
}

.frame-83 {
    width: 100%;
    height: 336px;
    max-width: 740px;
    grid-column-gap: 46px;
    grid-row-gap: 46px;
    background-color: #303030;
    border-radius: 50px;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.frame-80 {
    width: 100%;
    height: 336px;
    max-width: 332px;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    background-image: linear-gradient(#3898ec 0%, #1a8065 100%);
    border-top-left-radius: 50px;
    border-top-right-radius: 125px;
    border-bottom-left-radius: 50px;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 58px 46px 37px;
    display: flex;
    box-shadow: 12px 4px 25px rgba(0, 0, 0, .25);
}

.vectors-wrapper-66 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    mix-blend-mode: overlay;
    object-fit: cover;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    display: flex;
}

.frame-82 {
    grid-column-gap: 33px;
    grid-row-gap: 33px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.frame-81 {
    grid-column-gap: -16px;
    grid-row-gap: -16px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.text-21 {
    color: #fff;
    font-family: Montserrat, sans-serif;
    font-size: 66px;
    font-weight: 600;
    line-height: 150%;
}

.text-22 {
    opacity: .76;
    color: #fff;
    font-size: 21px;
    font-weight: 600;
    line-height: 150%;
}

.text-23 {
    color: #fff;
    font-size: 15px;
    font-weight: 400;
    line-height: 150%;
}

.team-rectangles-4 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    background-color: #f5f7fa;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: flex-start;
    margin-left: 148px;
    margin-right: 148px;
    padding: 157px 0;
    display: flex;
}

.frame-2844 {
    width: 100%;
    height: 30%;
    max-width: 79%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    background-color: #303030;
    border-radius: 50px;
    justify-content: center;
    align-items: center;
    padding-top: 0;
    padding-bottom: 0;
    display: flex;
}

.frame-2845 {
    width: 100%;
    height: 336px;
    max-width: 332px;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    background-image: linear-gradient(#3898ec 0%, #1a8065 100%);
    border-top-left-radius: 50px;
    border-top-right-radius: 125px;
    border-bottom-left-radius: 50px;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 58px 46px 37px;
    display: flex;
    box-shadow: 12px 4px 25px rgba(0, 0, 0, .25);
}

.vectors-wrapper-67 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: contain;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    display: flex;
}

.frame-2846 {
    grid-column-gap: 33px;
    grid-row-gap: 33px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin-left: 29px;
    display: flex;
}

.frame-2847 {
    grid-column-gap: -16px;
    grid-row-gap: -16px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.text-24 {
    color: #fff;
    font-family: Montserrat, sans-serif;
    font-size: 40px;
    font-weight: 600;
    line-height: 150%;
}

.text-25 {
    opacity: .76;
    color: #fff;
    font-size: 21px;
    font-weight: 600;
    line-height: 150%;
}

.text-26 {
    color: #fff;
    font-size: 12px;
    font-weight: 400;
    line-height: 150%;
}

.frame-2848 {
    width: 100%;
    height: 336px;
    max-width: 740px;
    grid-column-gap: 46px;
    grid-row-gap: 46px;
    background-color: #303030;
    border-radius: 50px;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.frame-2849 {
    width: 100%;
    height: 336px;
    max-width: 332px;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    background-image: linear-gradient(#3898ec 0%, #1a8065 100%);
    border-top-left-radius: 50px;
    border-top-right-radius: 125px;
    border-bottom-left-radius: 50px;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 58px 46px 37px;
    display: flex;
    box-shadow: 12px 4px 25px rgba(0, 0, 0, .25);
}

.vectors-wrapper-68 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    display: flex;
}

.frame-2850 {
    grid-column-gap: 33px;
    grid-row-gap: 33px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.frame-2851 {
    grid-column-gap: -16px;
    grid-row-gap: -16px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.text-27 {
    color: #fff;
    font-family: Montserrat, sans-serif;
    font-size: 66px;
    font-weight: 600;
    line-height: 150%;
}

.text-28 {
    opacity: .76;
    color: #fff;
    font-size: 21px;
    font-weight: 600;
    line-height: 150%;
}

.text-29 {
    color: #fff;
    font-size: 15px;
    font-weight: 400;
    line-height: 150%;
}

.team-rectangles-5 {
    grid-column-gap: 98px;
    grid-row-gap: 98px;
    background-color: #f5f7fa;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 157px 0;
    display: flex;
}

.frame-2852 {
    width: 200%;
    height: 195.894px;
    max-width: 500px;
    grid-column-gap: 26.8188px;
    grid-row-gap: 26.8188px;
    background-color: #303030;
    border-radius: 29.1508px;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.frame-2853 {
    width: 193.561px;
    height: 195.894px;
    grid-column-gap: 5.83016px;
    grid-row-gap: 5.83016px;
    background-image: linear-gradient(#3898ec 0%, #1a8065 100%);
    border-top-left-radius: 29.1508px;
    border-top-right-radius: 72.8771px;
    border-bottom-left-radius: 29.1508px;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 33.815px 26.8188px 21.5716px;
    display: flex;
    box-shadow: 6.9962px 2.33207px 14.5754px rgba(0, 0, 0, .25);
}

.vectors-wrapper-69 {
    width: 139.924px;
    height: 139.924px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: contain;
    justify-content: center;
    align-items: center;
    display: flex;
}

.frame-2854 {
    grid-column-gap: 19.2395px;
    grid-row-gap: 19.2395px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.frame-2855 {
    grid-column-gap: -9.32826px;
    grid-row-gap: -9.32826px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.text-30 {
    color: #fff;
    font-family: Montserrat, sans-serif;
    font-size: 39px;
    font-weight: 600;
    line-height: 150%;
}

.text-31 {
    opacity: .76;
    color: #fff;
    font-family: Montserrat, sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 150%;
}

.text-32 {
    color: #fff;
    padding-right: 16px;
    font-family: Montserrat, sans-serif;
    font-size: 9px;
    font-weight: 400;
    line-height: 150%;
}

.team-rectangles-6 {
    grid-column-gap: 98px;
    grid-row-gap: 98px;
    background-color: #f5f7fa;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 10px 125px 9px;
    display: flex;
}

.frame-2856 {
    width: 100%;
    height: 195.894px;
    max-width: 431.432px;
    grid-column-gap: 26.8188px;
    grid-row-gap: 26.8188px;
    background-color: #303030;
    border-radius: 29.1508px;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.frame-2857 {
    width: 193.561px;
    height: 195.894px;
    grid-column-gap: 5.83016px;
    grid-row-gap: 5.83016px;
    background-image: linear-gradient(#3898ec 0%, #1a8065 100%);
    border-top-left-radius: 29.1508px;
    border-top-right-radius: 72.8771px;
    border-bottom-left-radius: 29.1508px;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 33.815px 26.8188px 21.5716px;
    display: flex;
    box-shadow: 6.9962px 2.33207px 14.5754px rgba(0, 0, 0, .25);
}

.vectors-wrapper-70 {
    width: 139.924px;
    height: 139.924px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: contain;
    justify-content: center;
    align-items: center;
    display: flex;
}

.frame-2858 {
    grid-column-gap: 19.2395px;
    grid-row-gap: 19.2395px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.frame-2859 {
    grid-column-gap: -9.32826px;
    grid-row-gap: -9.32826px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.text-33 {
    color: #fff;
    font-family: Montserrat, sans-serif;
    font-size: 39px;
    font-weight: 600;
    line-height: 150%;
}

.text-34 {
    opacity: .76;
    color: #fff;
    font-family: Montserrat, sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 150%;
}

.text-35 {
    color: #fff;
    padding-right: 25px;
    font-family: Montserrat, sans-serif;
    font-size: 9px;
    font-weight: 400;
    line-height: 150%;
}

.vectors-wrapper-71 {
    width: 122px;
    height: 122px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: contain;
    justify-content: center;
    align-items: center;
    display: flex;
}

.frame-2860 {
    width: 100%;
    height: 195.894px;
    max-width: 431.432px;
    grid-column-gap: 26.8188px;
    grid-row-gap: 26.8188px;
    background-color: #303030;
    border-radius: 29.1508px;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.frame-2861 {
    width: 193.561px;
    height: 195.894px;
    grid-column-gap: 5.83016px;
    grid-row-gap: 5.83016px;
    background-image: linear-gradient(#3898ec 0%, #1a8065 100%);
    border-top-left-radius: 29.1508px;
    border-top-right-radius: 72.8771px;
    border-bottom-left-radius: 29.1508px;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 33.815px 26.8188px 21.5716px;
    display: flex;
    box-shadow: 6.9962px 2.33207px 14.5754px rgba(0, 0, 0, .25);
}

.vectors-wrapper-72 {
    width: 137.181px;
    height: 137.181px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: contain;
    justify-content: center;
    align-items: center;
    display: flex;
}

.frame-2862 {
    grid-column-gap: 19.2395px;
    grid-row-gap: 19.2395px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.frame-2863 {
    grid-column-gap: -9.32826px;
    grid-row-gap: -9.32826px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.text-36 {
    color: #fff;
    font-family: Montserrat, sans-serif;
    font-size: 39px;
    font-weight: 600;
    line-height: 150%;
}

.text-37 {
    opacity: .76;
    color: #fff;
    font-family: Montserrat, sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 150%;
}

.text-38 {
    color: #fff;
    padding-right: 25px;
    font-family: Montserrat, sans-serif;
    font-size: 9px;
    font-weight: 400;
    line-height: 150%;
}

.clothing-1 {
    grid-column-gap: 9.61567px;
    grid-row-gap: 9.61567px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 0;
    display: flex;
}

.vectors-wrapper-73 {
    width: 115.034px;
    height: 115.031px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: contain;
    justify-content: center;
    align-items: center;
    display: flex;
}

.team-rectangles-7 {
    grid-column-gap: 98px;
    grid-row-gap: 98px;
    /* background-color: #fff; */
    flex: 0 auto;
    justify-content: center;
    align-items: flex-start;
    padding: 10px 125px 30px;
    display: flex;
}

    .team-rectangles-7.home-stats-grid-item {
        grid-column-gap: 80px;
        grid-row-gap: 120px;
        flex-direction: row-reverse;
        margin-bottom: 4px;
        padding-bottom: 10px;
        padding-left: 0%;
        padding-right: 0%;
    }

.button-7 {
    width: 455px;
    height: 195.894px;
    max-width: none;
    grid-column-gap: 20px;
    grid-row-gap: 26.8188px;
    background-color: #303030;
    border-radius: 29.1508px;
    justify-content: flex-start;
    align-items: center;
    margin-right: 0;
    text-decoration: none;
    transition: all .625s;
    display: flex;
}

    .button-7:hover {
        width: 500px;
        height: 54%;
        max-width: 750px;
        min-width: auto;
        opacity: 1;
        padding-left: 0;
        padding-right: 0;
        box-shadow: 6px 10px 12px 1px rgba(33, 171, 130, .33);
    }

.frame-2864 {
    width: 190px;
    height: 195.894px;
    grid-column-gap: 5.83016px;
    grid-row-gap: 5.83016px;
    background-image: linear-gradient(#3898ec, #1a8065);
    border-top-left-radius: 29.1508px;
    border-top-right-radius: 72.8771px;
    border-bottom-left-radius: 29.1508px;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 33.815px 26.8188px 21.5716px;
    display: flex;
    box-shadow: 7px 2px 14.5754px rgba(0, 0, 0, .25);
}

.vectors-wrapper-74 {
    width: 139.924px;
    height: 139.924px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    mix-blend-mode: overlay;
    object-fit: contain;
    justify-content: center;
    align-items: center;
    display: flex;
}

.frame-2865 {
    grid-column-gap: 19.2395px;
    grid-row-gap: 19.2395px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.frame-2866 {
    grid-column-gap: -9.32826px;
    grid-row-gap: -9.32826px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.text-39 {
    color: #fff;
    font-family: Montserrat, sans-serif;
    font-size: 39px;
    font-weight: 600;
    line-height: 150%;
}

.text-40 {
    /* opacity: .76; */
    color: #fff;
    font-family: Montserrat, sans-serif;
    font-size: 16px;
    font-weight: bold;
    line-height: 150%;
}

.text-41 {
    color: #fff;
    padding-right: 0;
    font-family: Montserrat, sans-serif;
    font-size: 10px;
    font-weight: 300;
    line-height: 150%;
}

    .text-41.scm {
        padding-right: 0;
        font-size: 10px;
    }

.vectors-wrapper-75 {
    width: 122px;
    height: 122px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    mix-blend-mode: overlay;
    object-fit: contain;
    justify-content: center;
    align-items: center;
    display: flex;
}

.frame-2867 {
    width: 150px;
    height: 195.894px;
    grid-column-gap: 5.83016px;
    grid-row-gap: 5.83016px;
    background-image: linear-gradient(#3898ec, #1a8065);
    border-top-left-radius: 29.1508px;
    border-top-right-radius: 72.8771px;
    border-bottom-left-radius: 29.1508px;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 33.815px 26.8188px 21.5716px;
    display: flex;
    box-shadow: 7px 2px 14.5754px rgba(0, 0, 0, .25);
}

.vectors-wrapper-76 {
    width: 137.181px;
    height: 137.181px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    mix-blend-mode: overlay;
    object-fit: contain;
    justify-content: center;
    align-items: center;
    display: flex;
}

.frame-2868 {
    grid-column-gap: 19.2395px;
    grid-row-gap: 19.2395px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.frame-2869 {
    grid-column-gap: -9.32826px;
    grid-row-gap: -9.32826px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.text-42 {
    color: #fff;
    font-family: Montserrat, sans-serif;
    font-size: 39px;
    font-weight: 600;
    line-height: 150%;
}

.text-43 {
    opacity: .76;
    color: #fff;
    font-family: Montserrat, sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 150%;
}

.text-44 {
    color: #fff;
    padding-right: 52px;
    font-family: Montserrat, sans-serif;
    font-size: 9px;
    font-weight: 300;
    line-height: 150%;
}

    .text-44.crm {
        padding-right: 60px;
    }

.clothing-2 {
    grid-column-gap: 9.61567px;
    grid-row-gap: 9.61567px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: 14px;
    padding: 0;
    display: flex;
}

.vectors-wrapper-77 {
    width: 115.034px;
    height: 115.031px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    mix-blend-mode: overlay;
    object-fit: contain;
    justify-content: center;
    align-items: center;
    display: flex;
}

.hero-stack-2 {
    width: 100%;
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    background-color: #fff;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    margin-top: 0;
    padding: 50px 24px 30px;
    display: flex;
}

.small-container {
    width: 100%;
    max-width: 960px;
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.title-section {
    width: 100%;
    grid-column-gap: 20px;
    grid-row-gap: 15px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.text-45 {
    color: #000;
    text-align: center;
    font-family: Montserrat, sans-serif;
    font-size: 56px;
    font-weight: 500;
    line-height: 120%;
}

    .text-45.home-stats-grid-item {
        padding-top: 0;
        font-size: 35px;
    }

.text-46 {
    color: #212121;
    text-align: center;
    font-family: Montserrat, sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 150%;
}

    .text-46.home-stats-grid-item {
        padding-top: 0;
    }

.slide-nav-3 {
    width: 100%;
    height: 13%;
    border-radius: 0;
    padding-bottom: 0;
}

.slide {
    height: 150px;
    max-height: 150px;
}

.slider {
    height: 500px;
    margin-top: 19px;
}

.slider-2 {
    width: 1236px;
    height: 600px;
    border-radius: 40px;
    margin-left: 0;
    margin-right: 0;
    top: 22px;
    bottom: 0;
    box-shadow: 0 9px 14px rgba(0, 0, 0, .32);
}

.slide-2 {
    border-radius: 30px;
}

.image-163 {
    border-radius: 0;
}

.icon-2 {
    height: 40px;
    opacity: .39;
    mix-blend-mode: overlay;
    margin-right: 9px;
    top: 0%;
    bottom: 0%;
    left: auto;
    right: 0%;
    overflow: visible;
}

.icon-3 {
    width: 40px;
    max-width: 40px;
    opacity: .17;
    outline-offset: 0px;
    outline: 3px #fff;
    margin-left: 10px;
    padding-top: 0;
    padding-left: 0;
}

.image-164, .image-165, .slide-3, .slide-4 {
    border-radius: 30px;
}

.mask-2 {
    border-radius: 0;
}

.image-166 {
    opacity: .35;
    mix-blend-mode: overlay;
    margin-top: 190px;
}

.image-167 {
    opacity: .35;
    margin-top: 190px;
}

.navbar-logo-left-container {
    z-index: 5;
    width: 1030px;
    max-width: 100%;
    background-color: rgba(0, 0, 0, 0);
    margin-left: auto;
    margin-right: auto;
    padding: 15px 20px;
}

    .navbar-logo-left-container.shadow-three {
        width: 100%;
        max-width: 1140px;
        margin-bottom: 0;
        padding-top: 20px;
        padding-bottom: 20px;
    }

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

.navbar-wrapper {
    justify-content: space-between;
    align-items: center;
    display: flex;
}

.nav-menu-two {
    justify-content: center;
    align-items: baseline;
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0;
    display: flex;
}

.nav-link-4 {
    color: #1a1b1f;
    letter-spacing: .25px;
    margin-left: 5px;
    margin-right: 5px;
    padding: 5px 10px;
    font-size: 14px;
    line-height: 20px;
    text-decoration: none;
}

    .nav-link-4:hover {
        color: rgba(26, 27, 31, .75);
    }

    .nav-link-4:focus-visible {
        outline-offset: 0px;
        color: #0050bd;
        border-radius: 4px;
        outline: 2px solid #0050bd;
    }

    .nav-link-4[data-wf-focus-visible] {
        outline-offset: 0px;
        color: #0050bd;
        border-radius: 4px;
        outline: 2px solid #0050bd;
    }

.nav-dropdown {
    margin-left: 5px;
    margin-right: 5px;
}

.nav-dropdown-toggle {
    letter-spacing: .25px;
    padding: 5px 30px 5px 10px;
    font-size: 14px;
    line-height: 20px;
}

    .nav-dropdown-toggle:hover {
        color: rgba(26, 27, 31, .75);
    }

    .nav-dropdown-toggle:focus-visible {
        outline-offset: 0px;
        color: #0050bd;
        border-radius: 5px;
        outline: 2px solid #0050bd;
    }

    .nav-dropdown-toggle[data-wf-focus-visible] {
        outline-offset: 0px;
        color: #0050bd;
        border-radius: 5px;
        outline: 2px solid #0050bd;
    }

.nav-dropdown-icon {
    margin-right: 10px;
}

.nav-dropdown-list {
    background-color: #fff;
    border-radius: 12px;
}

    .nav-dropdown-list.w--open {
        padding-top: 10px;
        padding-bottom: 10px;
    }

.nav-dropdown-link {
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 14px;
}

    .nav-dropdown-link:focus-visible {
        outline-offset: 0px;
        color: #0050bd;
        border-radius: 5px;
        outline: 2px solid #0050bd;
    }

    .nav-dropdown-link[data-wf-focus-visible] {
        outline-offset: 0px;
        color: #0050bd;
        border-radius: 5px;
        outline: 2px solid #0050bd;
    }

.nav-divider {
    width: 1px;
    height: 22px;
    background-color: #e4ebf3;
    margin-left: 15px;
    margin-right: 15px;
}

.nav-link-accent {
    color: #1a1b1f;
    letter-spacing: .25px;
    margin-left: 5px;
    margin-right: 20px;
    padding: 5px 10px;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    text-decoration: none;
}

    .nav-link-accent:hover {
        color: rgba(26, 27, 31, .75);
    }

.button-primary-2 {
    color: #fff;
    letter-spacing: 2px;
    text-transform: uppercase;
    background-color: #1a1b1f;
    padding: 12px 25px;
    font-size: 12px;
    line-height: 20px;
    transition: all .2s;
}

    .button-primary-2:hover {
        color: #fff;
        background-color: #32343a;
    }

    .button-primary-2:active {
        background-color: #43464d;
    }

.navbar-logo-left-2 {
    width: 100%;
    max-width: 1440px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    background-color: #fff;
    justify-content: center;
    align-items: flex-start;
    padding-left: 24px;
    padding-right: 24px;
    display: flex;
}

.navbarcontainer {
    width: 100%;
    max-width: 1200px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: center;
    align-items: center;
    display: flex;
}

.navbar-content {
    width: 100%;
    max-width: 1200px;
    justify-content: space-between;
    align-items: center;
    display: flex;
}

.navbar-brand-3 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.logo {
    width: 141px;
    height: 36px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.navbar-menu {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.navbar-link {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 24px 12px;
    display: flex;
}

.text-47 {
    color: #000;
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
}

.navbar-button {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    background-color: #000;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    padding: 8px 20px;
    display: flex;
}

.text-48 {
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    line-height: 140%;
}

.navbar-no-shadow-container {
    z-index: 5;
    width: 100%;
    max-width: 1140px;
    background-color: rgba(0, 0, 0, 0);
    margin-left: auto;
    margin-right: auto;
    padding: 20px;
}

.container-regular {
    width: 100%;
    max-width: 1260px;
    min-height: 30px;
    margin-left: auto;
    margin-right: auto;
}

.nav-menu-2 {
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0;
    padding-bottom: 0;
    padding-left: 0;
    display: flex;
}

.nav-button-wrapper {
    margin-left: 120px;
}

.text-block-47 {
    color: #145aff;
    margin-top: 10px;
}

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

    .image-168.contain {
        object-fit: contain;
        margin-top: 0;
    }

.navbar-brand-4 {
    width: 150px;
    height: 40px;
    margin-right: 0;
}

.nav-link-5 {
    color: #04121f;
    margin-left: 0;
    margin-right: 0;
    padding: 0 30px;
    font-family: Avenirltstd Book, sans-serif;
    font-size: 16px;
    font-weight: 400;
    transition: all .2s;
}

    .nav-link-5:hover {
        color: #1e8365;
        -webkit-text-stroke-color: #3898ec;
        font-weight: 500;
    }

    .nav-link-5.w--current {
        color: #2cae76;
        font-weight: 500;
    }

    .nav-link-5.login {
        flex: none;
        font-weight: 500;
    }

        .nav-link-5.login.desktop {
            padding-left: 15px;
            padding-right: 15px;
        }

    .nav-link-5.login-mob {
        display: none;
    }

.button-8 {
    color: #fff;
    background-color: #1ebd53;
    border-radius: 12px;
    padding: 20px 25px;
    font-weight: 700;
    line-height: 120%;
    transition: background-color .2s;
}

    .button-8:hover {
        background-color: #0d0e10;
    }

    .button-8.navigation-button {
        background-color: #0d0e10;
        flex: none;
    }

        .button-8.navigation-button:hover {
            background-color: #1ebd53;
        }

        .button-8.navigation-button.mobile {
            display: none;
        }

.cart-quantity-4 {
    color: #0d0e10;
    background-color: rgba(30, 189, 83, .1);
    border-color: #1ebd53;
}

.checkout-button-2 {
    height: 60px;
    background-color: #1ebd53;
    border-radius: 12px;
    justify-content: center;
    font-weight: 600;
    display: flex;
}

    .checkout-button-2:hover {
        background-color: #145aff;
    }

.navigation-menu-3 {
    align-items: center;
    font-size: 16px;
    display: flex;
    position: static;
}

.navigation-3 {
    z-index: 100;
    background-color: rgba(0, 0, 0, 0);
    flex-direction: column;
    align-items: center;
    display: flex;
}

.cart-button-3 {
    color: #0f1f3d;
    background-color: rgba(0, 0, 0, 0);
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 16px;
    font-weight: 500;
}

.plan-name-cart-2 {
    color: #0d0e10;
}

.dropdown-toggle-3 {
    color: #04121f;
    padding-left: 12px;
    padding-right: 24px;
    transition: color .2s;
}

    .dropdown-toggle-3:hover {
        color: #145aff;
        font-weight: 500;
    }

.text-block-48 {
    color: #145aff;
    margin-top: 10px;
}

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

    .image-169.contain {
        width: 150px;
        object-fit: contain;
        margin-top: 0;
    }

.navbar-brand-5 {
    width: 150px;
    height: 40px;
    margin-right: 0;
}

.cart-quantity-5 {
    height: auto;
    color: #145aff;
    background-color: rgba(20, 90, 255, .1);
    align-items: center;
    padding-top: 6px;
    padding-bottom: 6px;
    font-size: 16px;
    display: flex;
}

.button-9 {
    color: #fff;
    background-color: #1ebd53;
    border-radius: 12px;
    padding: 20px 25px;
    font-weight: 700;
    line-height: 120%;
    transition: background-color .2s;
}

    .button-9:hover {
        background-color: #0d0e10;
    }

    .button-9.navigation-button {
        background-color: #0d0e10;
        flex: none;
    }

        .button-9.navigation-button:hover {
            background-color: #1ebd53;
        }

        .button-9.navigation-button.mobile {
            display: none;
        }

.cart-quantity-6 {
    color: #0d0e10;
    background-color: rgba(30, 189, 83, .1);
    border-color: #1ebd53;
}

.checkout-button-3 {
    height: 60px;
    background-color: #1ebd53;
    border-radius: 12px;
    justify-content: center;
    font-weight: 600;
    display: flex;
}

    .checkout-button-3:hover {
        background-color: #145aff;
    }

.navigation-4 {
    z-index: 100;
    background-color: rgba(0, 0, 0, 0);
    flex-direction: column;
    align-items: center;
    display: flex;
}

.cart-button-4 {
    color: #0f1f3d;
    background-color: rgba(0, 0, 0, 0);
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 16px;
    font-weight: 500;
}

.plan-name-cart-3 {
    color: #0d0e10;
}

.dropdown-toggle-4 {
    color: #04121f;
    padding-left: 12px;
    padding-right: 24px;
    transition: color .2s;
}

    .dropdown-toggle-4:hover {
        color: #145aff;
        font-weight: 500;
    }

.button-10 {
    color: #fff;
    background-color: #1ebd53;
    border-radius: 12px;
    padding: 20px 25px;
    font-weight: 700;
    line-height: 120%;
    transition: background-color .2s;
}

    .button-10:hover {
        background-color: #0d0e10;
    }

    .button-10.navigation-button {
        background-color: #0d0e10;
        flex: none;
    }

        .button-10.navigation-button:hover {
            background-color: #1ebd53;
        }

        .button-10.navigation-button.mobile {
            display: none;
        }

.cart-quantity-7 {
    color: #0d0e10;
    background-color: rgba(30, 189, 83, .1);
    border-color: #1ebd53;
}

.checkout-button-4 {
    height: 60px;
    background-color: #1ebd53;
    border-radius: 12px;
    justify-content: center;
    font-weight: 600;
    display: flex;
}

    .checkout-button-4:hover {
        background-color: #145aff;
    }

.navigation-5 {
    z-index: 100;
    background-color: rgba(0, 0, 0, 0);
    flex-direction: column;
    align-items: center;
    display: flex;
}

.cart-button-5 {
    color: #0f1f3d;
    background-color: rgba(0, 0, 0, 0);
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 16px;
    font-weight: 500;
}

.plan-name-cart-4 {
    color: #0d0e10;
}

.dropdown-toggle-5 {
    color: #04121f;
    padding-left: 12px;
    padding-right: 24px;
    transition: color .2s;
}

    .dropdown-toggle-5:hover {
        color: #145aff;
        font-weight: 500;
    }

.button-11 {
    color: #fff;
    background-color: #1ebd53;
    border-radius: 12px;
    padding: 20px 25px;
    font-weight: 700;
    line-height: 120%;
    transition: background-color .2s;
}

    .button-11:hover {
        background-color: #0d0e10;
    }

    .button-11.navigation-button {
        background-color: #0d0e10;
        flex: none;
    }

        .button-11.navigation-button:hover {
            background-color: #1ebd53;
        }

        .button-11.navigation-button.mobile {
            display: none;
        }

.cart-quantity-8 {
    color: #0d0e10;
    background-color: rgba(30, 189, 83, .1);
    border-color: #1ebd53;
}

.checkout-button-5 {
    height: 60px;
    background-color: #1ebd53;
    border-radius: 12px;
    justify-content: center;
    font-weight: 600;
    display: flex;
}

    .checkout-button-5:hover {
        background-color: #145aff;
    }

.navigation-6 {
    z-index: 100;
    background-color: rgba(0, 0, 0, 0);
    flex-direction: column;
    align-items: center;
    display: flex;
}

.cart-button-6 {
    color: #0f1f3d;
    background-color: rgba(0, 0, 0, 0);
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 16px;
    font-weight: 500;
}

.dropdown-toggle-6 {
    color: #04121f;
    padding-left: 12px;
    padding-right: 24px;
    transition: color .2s;
}

    .dropdown-toggle-6:hover {
        color: #145aff;
        font-weight: 500;
    }

.button-12 {
    color: #fff;
    background-color: #1ebd53;
    border-radius: 12px;
    padding: 20px 25px;
    font-weight: 700;
    line-height: 120%;
    transition: background-color .2s;
}

    .button-12:hover {
        background-color: #0d0e10;
    }

    .button-12.navigation-button {
        background-color: #0d0e10;
        flex: none;
    }

        .button-12.navigation-button:hover {
            background-color: #1ebd53;
        }

        .button-12.navigation-button.mobile {
            display: none;
        }

.cart-quantity-9 {
    color: #0d0e10;
    background-color: rgba(30, 189, 83, .1);
    border-color: #1ebd53;
}

.checkout-button-6 {
    height: 60px;
    background-color: #1ebd53;
    border-radius: 12px;
    justify-content: center;
    font-weight: 600;
    display: flex;
}

    .checkout-button-6:hover {
        background-color: #145aff;
    }

.navigation-7 {
    z-index: 9990;
    background-color: #fff;
    flex-direction: column;
    align-items: center;
    padding-top: 0;
    padding-bottom: 0;
    display: flex;
    position: -webkit-sticky;
    position: sticky;
    box-shadow: 0 2px 20px rgba(0, 0, 0, .2);
}

.cart-button-7 {
    color: #0f1f3d;
    background-color: rgba(0, 0, 0, 0);
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 16px;
    font-weight: 500;
}

.dropdown-toggle-7 {
    color: #04121f;
    padding-left: 12px;
    padding-right: 24px;
    transition: color .2s;
}

    .dropdown-toggle-7:hover {
        color: #145aff;
        font-weight: 500;
    }

.navbar-button-2 {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    background-color: #3c3c3d;
    border-radius: 50px;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    margin-left: 98px;
    padding: 10px;
    font-size: 12px;
    transition: all .25s;
    display: flex;
}

    .navbar-button-2:hover {
        background-color: #1e8365;
    }

.vectors-wrapper-78 {
    width: 20px;
    height: 20px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.image-170 {
    border-radius: 0;
}

.subheading-5 {
    margin-bottom: 16px;
}

.gallery-overview {
    width: 100%;
    grid-column-gap: 80px;
    grid-row-gap: 80px;
    background-color: #fcfcfc;
    justify-content: center;
    align-items: flex-start;
    padding: 64px 24px;
    display: flex;
}

.frame-91 {
    width: 100%;
    height: 279px;
    max-width: 294px;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    background-color: #fff;
    border-radius: 22px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 25px 22px;
    display: flex;
    box-shadow: 0 4px 26px rgba(0, 0, 0, .12);
}

.frame-89 {
    grid-column-gap: 29px;
    grid-row-gap: 29px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.vectors-wrapper-79 {
    width: 71px;
    height: 71px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.frame-88 {
    grid-column-gap: 3px;
    grid-row-gap: 3px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.text-49 {
    color: #000;
    font-size: 19px;
    font-weight: 500;
    line-height: 150%;
}

.text-50 {
    color: #0f0f0f;
    font-family: Avenirltstd Book, sans-serif;
    font-size: 12px;
    font-weight: 500;
    line-height: 150%;
}

.frame-2870 {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.multi-lingual-multi-currency {
    color: #000;
    font-family: Montserrat, sans-serif;
    font-size: 19px;
    font-weight: 500;
    line-height: 138.5%;
}

.user-editable-lingual-dictionary-that-can-be-applied-for-data-lable-redefinion-base-currency-shall-be-configured-for-each-company-and-transaction-currency-shall-be-applied-for-each-type-of-purchase {
    color: #0f0f0f;
    font-size: 9px;
    font-weight: 500;
    line-height: 150%;
}

    .user-editable-lingual-dictionary-that-can-be-applied-for-data-lable-redefinion-base-currency-shall-be-configured-for-each-company-and-transaction-currency-shall-be-applied-for-each-type-of-purchase.error-0fdc951c-9ff0-f6d2-5e06-9cd337b75353 {
        font-family: Avenirltstd Book, sans-serif;
    }

.gallery-overview-0 {
    width: 100%;
    grid-column-gap: 40px;
    grid-row-gap: 80px;
    background-color: #fcfcfc;
    justify-content: center;
    align-items: flex-start;
    margin-left: auto;
    margin-right: auto;
    padding: 60px 5% 20px;
    display: flex;
}

.frame-2871 {
    width: 100%;
    height: 300px;
    max-width: 350px;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    background-color: #fff;
    border-radius: 22px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: 20px;
    margin-bottom: 24px;
    padding: 25px 22px;
    display: flex;
    box-shadow: 0 4px 26px rgba(0, 0, 0, .12);
}

    .frame-2871.home-stats-grid-item {
        width: 350px;
        height: 300px;
        max-width: none;
    }

.frame-2872 {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.vectors-wrapper-80 {
    width: 71px;
    height: 71px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.frame-2873 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.text-51 {
    color: #000;
    font-family: Montserrat, sans-serif;
    font-size: 19px;
    font-weight: 500;
    line-height: 150%;
}

.text-52 {
    color: #0f0f0f;
    padding-top: 0;
    font-family: Avenirltstd Book, sans-serif;
    font-size: 15px;
    font-weight: 500;
    line-height: 150%;
}

.text-53 {
    color: #000;
    font-family: Montserrat, sans-serif;
    font-size: 19px;
    font-weight: 500;
    line-height: 150%;
}

.frame-2874 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.sliders {
    width: 100%;
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    background-color: #f1f3f6;
    flex-direction: row-reverse;
    justify-content: center;
    align-items: flex-start;
    margin-left: auto;
    padding: 0 5% 64px;
    display: flex;
}

.frame-2000 {
    width: 100%;
    height: 279px;
    max-width: 294px;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    background-color: #fff;
    border-radius: 22px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 25px 22px;
    display: flex;
    box-shadow: 0 4px 26px rgba(0, 0, 0, .12);
}

    .frame-2000.home-stats-grid-item {
        width: 294px;
        height: 220px;
    }

.frame-2876 {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.vectors-wrapper-81 {
    width: 71px;
    height: 71px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.frame-2877 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.text-54 {
    color: #000;
    font-family: Space Grotesk, sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 120%;
}

.text-55 {
    color: #0f0f0f;
    font-family: Avenirltstd Book, sans-serif;
    font-size: 13px;
    font-weight: 500;
    line-height: 150%;
}

.text-56 {
    color: #000;
    font-size: 18px;
    font-weight: 500;
    line-height: 138.5%;
}

.text-span-46 {
    color: #3898ec;
    font-family: Mokoto, sans-serif;
}

.subheading-6 {
    color: #3898ec;
    margin-bottom: 16px;
}

.feature-text-download-2 {
    color: #0d0e10;
    font-family: Space Grotesk, sans-serif;
    font-size: 19px;
}

.text-block-49 {
    color: #3898ec;
    font-family: Montserrat, sans-serif;
}

.section {
    height: 500px;
}

.container-9 {
    height: 3px;
    background-color: #3898ec;
    margin-top: 158px;
}

.grid-2 {
    grid-row-gap: 16px;
    grid-template-areas: "Area-2 Area" "Area-3 Area-4";
}

.section-2 {
    height: auto;
    perspective-origin: 0%;
    transform-origin: 0%;
    margin-top: 32px;
    position: relative;
}

.container-11 {
    height: 10px;
    perspective-origin: 0%;
    transform-origin: 0%;
    background-color: #e2e2e2;
    border-radius: 20px;
    margin-top: 0;
    position: relative;
    top: 157px;
    transform: none;
}

.container-12 {
    border: 1px solid #525252;
}

.container-13 {
    height: 10px;
    opacity: 1;
    perspective-origin: 0 0;
    transform-origin: 0 0;
    background-color: #3898ec;
    border-radius: 20px;
    justify-content: flex-start;
    display: block;
    position: relative;
    top: 146px;
    transform: translate(0);
}

.div-block1 {
    width: 200px;
    height: 10px;
    perspective-origin: 0%;
    transform-origin: 0%;
    background-color: #3898ec;
    border-radius: 20px;
    position: relative;
    top: -9px;
}

    .div-block1.risk {
        background-color: #ff4747;
    }

    .div-block1.effeciency {
        background-color: #145aff;
    }

    .div-block1.time {
        background-color: #ffcb3d;
        border-radius: 20px;
        top: -10px;
    }

.div-block-2 {
    width: 200px;
    height: 10px;
    perspective-origin: 0%;
    transform-origin: 0%;
    background-color: #e0e0e0;
    border-radius: 20px;
    margin-top: 0;
    position: relative;
}

.column-2 {
    align-items: center;
    padding-top: 0;
    display: flex;
}

.subheading-7 {
    margin-bottom: 16px;
}

.pointer-grid-2 {
    width: 55%;
    max-width: 620px;
    grid-column-gap: 60px;
    grid-row-gap: 40px;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
}

.frame-96 {
    width: 50px;
    height: 50px;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    opacity: 1;
    outline-offset: 0px;
    border-top: 3px solid #000;
    border-radius: 50px;
    outline: 3px #40454f;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 10px;
    display: flex;
}

.subheading-8 {
    color: #3898ec;
    margin-bottom: 16px;
}

.text-block-50 {
    margin-top: 15px;
    font-size: 65px;
}

.section-3 {
    background-color: #f1f3f6;
    flex-direction: column;
    align-items: center;
    display: block;
}

.gallery-overview-2 {
    width: 100%;
    grid-column-gap: 40px;
    grid-row-gap: 80px;
    background-color: #fcfcfc;
    justify-content: center;
    align-items: flex-start;
    padding: 20px 5% 60px;
    display: flex;
}

.frame-2878 {
    width: 100%;
    height: 300px;
    max-width: 350px;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    background-color: #fff;
    border-radius: 22px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: 20px;
    padding: 25px 22px;
    display: flex;
    box-shadow: 0 4px 26px rgba(0, 0, 0, .12);
}

    .frame-2878.home-stats-grid-item {
        width: 350px;
        height: 300px;
        max-width: none;
    }

        .frame-2878.home-stats-grid-item.frame-2871 {
            width: 350px;
        }

    .frame-2878.frame-2871 {
        max-width: 350px;
    }

.frame-2879 {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.vectors-wrapper-82 {
    width: 71px;
    height: 71px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.frame-2880 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.text-57 {
    color: #000;
    font-family: Montserrat, sans-serif;
    font-size: 19px;
    font-weight: 500;
    line-height: 150%;
}

.text-58 {
    color: #0f0f0f;
    font-family: Avenirltstd Book, sans-serif;
    font-size: 15px;
    font-weight: 500;
    line-height: 150%;
}

.text-59 {
    color: #000;
    font-family: Montserrat, sans-serif;
    font-size: 19px;
    font-weight: 500;
    line-height: 138.5%;
}

.bold-text-3, .bold-text-4, .bold-text-5 {
    font-weight: 500;
}

.div-block-3 {
    position: relative;
}

.heading-18 {
    color: #fff;
    align-items: center;
    margin-right: 0;
    font-family: Montserrat, sans-serif;
    font-size: 32px;
    font-weight: 400;
    display: flex;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: auto;
    right: 5%;
}

.paragraph-5 {
    color: #fff;
    justify-content: flex-end;
    align-items: center;
    font-family: Avenirltstd Book, sans-serif;
    font-size: 13px;
    display: flex;
    position: absolute;
    top: 64%;
    bottom: auto;
    left: auto;
    right: 16%;
}

.div-block-4 {
    width: 50%;
    padding-top: 10%;
    padding-left: 1%;
    padding-right: 5%;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: auto;
    right: 0%;
}

.paragraph-6 {
    width: 75%;
    color: rgba(255, 255, 255, .9);
    padding-top: 9px;
    font-family: Avenirltstd Book, sans-serif;
    font-size: 15px;
    line-height: 120%;
}

.heading-19 {
    width: 100%;
    height: auto;
    color: #fff;
    text-transform: none;
    align-items: center;
    padding-left: 22px;
    padding-right: 37px;
    font-family: Montserrat, sans-serif;
    font-size: 35px;
    font-weight: 600;
    line-height: 125%;
    display: block;
    overflow: visible;
}

    .heading-19.home-stats-grid-item {
        padding-top: 24px;
        padding-bottom: 10px;
        padding-left: 0;
    }

.text-span-47 {
    font-family: Montserrat, sans-serif;
    font-weight: 400;
}

.paragraph-7 {
    color: #88fcdd;
    margin-top: 8px;
    padding-top: 0;
    padding-left: 0;
    padding-right: 37px;
    font-family: Avenirltstd Book, sans-serif;
    font-size: 20px;
    line-height: 120%;
}

.image-171, .image-172 {
    display: none;
}

.text-block-51 {
    font-family: Poppins, sans-serif;
}

.text-block-52 {
    color: #fff;
    font-family: Poppins, sans-serif;
}

.text-block-53, .text-block-54 {
    font-family: Poppins, sans-serif;
}

.frame-2881 {
    grid-column-gap: 133.477px;
    grid-row-gap: 133.477px;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    padding-right: 60.884px;
    display: flex;
}

.frame-2882 {
    width: 100%;
    max-width: 777.442px;
    grid-column-gap: 77.2759px;
    grid-row-gap: 77.2759px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.frame-2883 {
    grid-column-gap: 39.8088px;
    grid-row-gap: 39.8088px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.vectors-wrapper-83 {
    width: 135.818px;
    height: 135.818px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.description-5 {
    color: #000;
    font-family: Poppins, sans-serif;
    font-size: 33px;
    font-weight: 400;
    line-height: 150%;
}

.vectors-wrapper-84 {
    width: 138.16px;
    height: 133.476px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.frame-2884 {
    grid-column-gap: 37.4671px;
    grid-row-gap: 37.4671px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.vectors-wrapper-85 {
    width: 138.16px;
    height: 112.401px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.vectors-wrapper-86 {
    width: 138.16px;
    height: 135.818px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.vectors-wrapper-87 {
    width: 138.16px;
    height: 138.16px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.frame-2885 {
    grid-column-gap: 53.8589px;
    grid-row-gap: 53.8589px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.vectors-wrapper-88 {
    width: 145.185px;
    height: 154.552px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.description-6 {
    color: #000;
    font-family: Inter, sans-serif;
    font-size: 33px;
    font-weight: 400;
    line-height: 150%;
}

.frame-2886 {
    width: 100%;
    max-width: 819.592px;
    grid-column-gap: 70.2508px;
    grid-row-gap: 70.2508px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.frame-2887 {
    grid-column-gap: 46.8339px;
    grid-row-gap: 46.8339px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.vectors-wrapper-89 {
    width: 145.185px;
    height: 145.185px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.frame-2888 {
    grid-column-gap: 49.1756px;
    grid-row-gap: 49.1756px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.vectors-wrapper-90 {
    width: 140.502px;
    height: 152.21px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.vectors-wrapper-91 {
    width: 145.185px;
    height: 147.527px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.vectors-wrapper-92 {
    width: 149.868px;
    height: 154.552px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.frame-2889 {
    width: 100%;
    max-width: 824.276px;
    grid-column-gap: 72.5925px;
    grid-row-gap: 72.5925px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.frame-2890 {
    grid-column-gap: 65.5674px;
    grid-row-gap: 65.5674px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.vectors-wrapper-93 {
    width: 145.185px;
    height: 124.11px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.vectors-wrapper-94 {
    width: 147.527px;
    height: 147.527px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.vectors-wrapper-95 {
    width: 147.527px;
    height: 105.376px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.frame-2891 {
    grid-column-gap: 51.5172px;
    grid-row-gap: 51.5172px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.vectors-wrapper-96 {
    width: 149.868px;
    height: 149.868px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.vectors-wrapper-97 {
    width: 147.527px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.frame-2892 {
    width: 1057px;
    grid-column-gap: 133.477px;
    grid-row-gap: 133.477px;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    padding-right: 60.884px;
    display: flex;
}

.frame-2893 {
    width: 100%;
    max-width: 777.442px;
    grid-column-gap: 77.2759px;
    grid-row-gap: 77.2759px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.frame-2894 {
    grid-column-gap: 39.8088px;
    grid-row-gap: 39.8088px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.vectors-wrapper-98 {
    width: 135.818px;
    height: 135.818px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.vectors-wrapper-99 {
    width: 138.16px;
    height: 133.476px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.frame-2895 {
    grid-column-gap: 37.4671px;
    grid-row-gap: 37.4671px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.vectors-wrapper-100 {
    width: 138.16px;
    height: 112.401px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.vectors-wrapper-101 {
    width: 138.16px;
    height: 135.818px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.vectors-wrapper-102 {
    width: 138.16px;
    height: 138.16px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.frame-2896 {
    grid-column-gap: 53.8589px;
    grid-row-gap: 53.8589px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.vectors-wrapper-103 {
    width: 145.185px;
    height: 154.552px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.description-7 {
    color: #000;
    font-family: Inter, sans-serif;
    font-size: 33px;
    font-weight: 400;
    line-height: 150%;
}

.frame-2897 {
    width: 100%;
    max-width: 819.592px;
    grid-column-gap: 70.2508px;
    grid-row-gap: 70.2508px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.frame-2898 {
    grid-column-gap: 46.8339px;
    grid-row-gap: 46.8339px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.vectors-wrapper-104 {
    width: 145.185px;
    height: 145.185px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.frame-2899 {
    grid-column-gap: 49.1756px;
    grid-row-gap: 49.1756px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.vectors-wrapper-105 {
    width: 140.502px;
    height: 152.21px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.vectors-wrapper-106 {
    width: 145.185px;
    height: 147.527px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.vectors-wrapper-107 {
    width: 149.868px;
    height: 154.552px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.frame-2900 {
    width: 100%;
    max-width: 824.276px;
    grid-column-gap: 72.5925px;
    grid-row-gap: 72.5925px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.frame-2901 {
    grid-column-gap: 65.5674px;
    grid-row-gap: 65.5674px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.vectors-wrapper-108 {
    width: 145.185px;
    height: 124.11px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.vectors-wrapper-109 {
    width: 147.527px;
    height: 147.527px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.vectors-wrapper-110 {
    width: 147.527px;
    height: 105.376px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.frame-2902 {
    grid-column-gap: 51.5172px;
    grid-row-gap: 51.5172px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.vectors-wrapper-111 {
    width: 149.868px;
    height: 149.868px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.vectors-wrapper-112 {
    width: 147.527px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.frame-2903 {
    grid-column-gap: 133.477px;
    grid-row-gap: 133.477px;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    padding-right: 0;
    display: flex;
}

.frame-2904 {
    width: 100%;
    max-width: 777.442px;
    grid-column-gap: 77.2759px;
    grid-row-gap: 77.2759px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.frame-2905 {
    grid-column-gap: 39.8088px;
    grid-row-gap: 39.8088px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.vectors-wrapper-113 {
    width: 50px;
    height: 50px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.description-8 {
    color: #000;
    font-family: Poppins, sans-serif;
    font-size: 20px;
    font-weight: 400;
    line-height: 150%;
}

.vectors-wrapper-114 {
    width: 50px;
    height: 50px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.frame-2906 {
    grid-column-gap: 37.4671px;
    grid-row-gap: 37.4671px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.vectors-wrapper-115 {
    width: 138.16px;
    height: 112.401px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.vectors-wrapper-116 {
    width: 138.16px;
    height: 135.818px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.vectors-wrapper-117 {
    width: 138.16px;
    height: 138.16px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.frame-2907 {
    grid-column-gap: 53.8589px;
    grid-row-gap: 53.8589px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.vectors-wrapper-118 {
    width: 145.185px;
    height: 154.552px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.description-9 {
    color: #000;
    font-family: Inter, sans-serif;
    font-size: 20px;
    font-weight: 400;
    line-height: 150%;
}

.frame-2908 {
    width: 100%;
    max-width: 819.592px;
    grid-column-gap: 70.2508px;
    grid-row-gap: 70.2508px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.frame-2909 {
    grid-column-gap: 46.8339px;
    grid-row-gap: 46.8339px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.vectors-wrapper-119 {
    width: 145.185px;
    height: 145.185px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.frame-2910 {
    grid-column-gap: 49.1756px;
    grid-row-gap: 49.1756px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.vectors-wrapper-120 {
    width: 140.502px;
    height: 152.21px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.vectors-wrapper-121 {
    width: 145.185px;
    height: 147.527px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.vectors-wrapper-122 {
    width: 149.868px;
    height: 154.552px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.frame-2911 {
    width: 100%;
    max-width: 824.276px;
    grid-column-gap: 72.5925px;
    grid-row-gap: 72.5925px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.frame-2912 {
    grid-column-gap: 65.5674px;
    grid-row-gap: 65.5674px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.vectors-wrapper-123 {
    width: 145.185px;
    height: 124.11px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.vectors-wrapper-124 {
    width: 147.527px;
    height: 147.527px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.vectors-wrapper-125 {
    width: 147.527px;
    height: 105.376px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.frame-2913 {
    grid-column-gap: 51.5172px;
    grid-row-gap: 51.5172px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.vectors-wrapper-126 {
    width: 149.868px;
    height: 149.868px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.vectors-wrapper-127 {
    width: 147.527px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.frame-2914 {
    grid-column-gap: 133.477px;
    grid-row-gap: 133.477px;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    padding-right: 60.884px;
    display: flex;
}

.frame-2915 {
    width: 100%;
    max-width: 777.442px;
    grid-column-gap: 77.2759px;
    grid-row-gap: 77.2759px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.frame-2916 {
    grid-column-gap: 39.8088px;
    grid-row-gap: 39.8088px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.vectors-wrapper-128 {
    width: 50px;
    height: 50px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.description-10 {
    color: #000;
    font-family: Poppins, sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 150%;
}

.vectors-wrapper-129 {
    width: 50px;
    height: 50px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.frame-2917 {
    grid-column-gap: 37.4671px;
    grid-row-gap: 37.4671px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.vectors-wrapper-130 {
    width: 138.16px;
    height: 112.401px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.vectors-wrapper-131 {
    width: 138.16px;
    height: 135.818px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.vectors-wrapper-132 {
    width: 50px;
    height: 50px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.frame-2918 {
    grid-column-gap: 53.8589px;
    grid-row-gap: 53.8589px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.vectors-wrapper-133 {
    width: 50px;
    height: 154.552px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.description-11 {
    color: #000;
    font-family: Inter, sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 150%;
}

.frame-2919 {
    width: 100%;
    max-width: 819.592px;
    grid-column-gap: 70.2508px;
    grid-row-gap: 70.2508px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.frame-2920 {
    grid-column-gap: 46.8339px;
    grid-row-gap: 46.8339px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.vectors-wrapper-134 {
    width: 50px;
    height: 50px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.frame-2921 {
    grid-column-gap: 49.1756px;
    grid-row-gap: 49.1756px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.vectors-wrapper-135 {
    width: 140.502px;
    height: 152.21px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.vectors-wrapper-136 {
    width: 145.185px;
    height: 147.527px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.vectors-wrapper-137 {
    width: 50px;
    height: 50px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.frame-2922 {
    width: 100%;
    max-width: 824.276px;
    grid-column-gap: 72.5925px;
    grid-row-gap: 72.5925px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.frame-2923 {
    grid-column-gap: 65.5674px;
    grid-row-gap: 65.5674px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.vectors-wrapper-138 {
    width: 50px;
    height: 50px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.vectors-wrapper-139 {
    width: 147.527px;
    height: 147.527px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.vectors-wrapper-140 {
    width: 147.527px;
    height: 105.376px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.frame-2924 {
    grid-column-gap: 51.5172px;
    grid-row-gap: 51.5172px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.vectors-wrapper-141 {
    width: 149.868px;
    height: 149.868px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.vectors-wrapper-142 {
    width: 50px;
    height: 50px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.container-14 {
    padding-right: 0;
    font-size: 12px;
}

.newsletter-form-5 {
    grid-column-gap: 11.1912px;
    grid-row-gap: 11.1912px;
    background-color: #f5f7fa;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 61.5517px 163.392px;
    display: flex;
}

.frame-2925 {
    width: 100%;
    grid-column-gap: 45px;
    grid-row-gap: 45px;
    background-color: rgba(33, 171, 130, .8);
    background-image: linear-gradient(#3898ec, rgba(30, 131, 101, .39));
    border-radius: 20px;
    flex-direction: row-reverse;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    margin-top: 40px;
    margin-bottom: -16px;
    padding: 40px;
    display: flex;
    box-shadow: 0 2px 20px -19px rgba(0, 0, 0, .12);
}

    .frame-2925.features {
        background-color: rgba(202, 202, 202, .59);
        background-image: linear-gradient(59deg, rgba(19, 175, 129, .62) 40%, rgba(8, 175, 125, .54) 85%);
        margin-top: 40px;
        margin-bottom: 40px;
        box-shadow: 0 5px 20px 4px rgba(0, 0, 0, .12);
    }

.frame-2926 {
    width: 100%;
    max-width: 371.549px;
    grid-column-gap: 36.931px;
    grid-row-gap: 36.931px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.frame-2927 {
    grid-column-gap: 19.0251px;
    grid-row-gap: 19.0251px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.vectors-wrapper-143 {
    width: 64.9091px;
    height: 64.9091px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.description-12 {
    color: #fff;
    font-family: Poppins, sans-serif;
    font-size: 13px;
    font-weight: 400;
    line-height: 150%;
}

.vectors-wrapper-144 {
    width: 66.0282px;
    height: 63.79px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.frame-2928 {
    grid-column-gap: 17.906px;
    grid-row-gap: 17.906px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.vectors-wrapper-145 {
    width: 66.0282px;
    height: 53.7179px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: scale-down;
    justify-content: center;
    align-items: center;
    display: flex;
}

.vectors-wrapper-146 {
    width: 66.0282px;
    height: 64.9091px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.vectors-wrapper-147 {
    width: 66.0282px;
    height: 66.0282px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.frame-2929 {
    grid-column-gap: 25.7398px;
    grid-row-gap: 25.7398px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.vectors-wrapper-148 {
    width: 69.3856px;
    height: 73.8621px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: scale-down;
    justify-content: center;
    align-items: center;
    display: flex;
}

.description-13 {
    color: #fff;
    font-family: Inter, sans-serif;
    font-size: 13px;
    font-weight: 400;
    line-height: 150%;
}

.frame-2930 {
    width: 100%;
    max-width: 391.693px;
    grid-column-gap: 33.5737px;
    grid-row-gap: 33.5737px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.frame-2931 {
    grid-column-gap: 22.3824px;
    grid-row-gap: 22.3824px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.vectors-wrapper-149 {
    width: 69.3856px;
    height: 69.3856px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.frame-2932 {
    grid-column-gap: 23.5016px;
    grid-row-gap: 23.5016px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.vectors-wrapper-150 {
    width: 67.1473px;
    height: 72.743px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.vectors-wrapper-151 {
    width: 69.3856px;
    height: 70.5047px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.vectors-wrapper-152 {
    width: 71.6238px;
    height: 73.8621px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.frame-2933 {
    width: 100%;
    max-width: 393.931px;
    grid-column-gap: 34.6928px;
    grid-row-gap: 34.6928px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.frame-2934 {
    grid-column-gap: 31.3354px;
    grid-row-gap: 31.3354px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.vectors-wrapper-153 {
    width: 69.3856px;
    height: 59.3135px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.vectors-wrapper-154 {
    width: 70.5047px;
    height: 70.5047px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.vectors-wrapper-155 {
    width: 70.5047px;
    height: 50.3605px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.frame-2935 {
    grid-column-gap: 24.6207px;
    grid-row-gap: 24.6207px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.vectors-wrapper-156 {
    width: 71.6238px;
    height: 71.6238px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.vectors-wrapper-157 {
    width: 70.5047px;
    height: 96.2445px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: scale-down;
    justify-content: center;
    align-items: center;
    display: flex;
}

.heading-20 {
    text-align: center;
}

.heading-21 {
    color: #fff;
    font-family: Montserrat, sans-serif;
    font-size: 30px;
    font-weight: 600;
}

.container-15 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-direction: row;
    align-items: center;
    margin-bottom: 0;
    display: flex;
}

    .container-15.fbs {
        max-width: 50%;
        flex-direction: column;
    }

    .container-15.scm, .container-15.mms {
        max-width: 56%;
        flex-direction: column;
    }

    .container-15.crm {
        max-width: 90%;
        flex-direction: row-reverse;
    }

.grid-3 {
    grid-template-areas: "Area Area-2";
}

.tab-pane-tab-1 {
    margin-bottom: 59px;
}

.container-16 {
    padding-top: 0;
}

.text-span-48 {
    color: #424242;
}

.white-button-2 {
    width: auto;
    color: #3898ec;
    text-align: center;
    -webkit-text-stroke-color: #1f4033;
    background-color: #fff;
    border-radius: 12px;
    padding: 15px 20px;
    font-family: Montserrat, sans-serif;
    font-weight: 600;
    transition: color .2s, background-color .2s;
}

    .white-button-2:hover {
        color: #fff;
        background-color: #1d3d30;
    }

.cta-section-2 {
    z-index: 1;
    margin-bottom: -205px;
    position: relative;
}

    .cta-section-2.flex-horizontal {
        margin-bottom: 0;
    }

        .cta-section-2.flex-horizontal.blue-shapes {
            width: 100%;
            background-image: url("https://uploads-ssl.webflow.com/64351eef0f8f43aa55f4d9f3/643674f16fd1bace4f4050f8_BG3.svg");
            background-position: 0 0;
            background-repeat: no-repeat;
            background-size: cover;
        }

.solution {
    margin-bottom: 0px;
}

.image-173 {
    width: 100%;
}

.slider-3 {
    width: 865.203px;
    height: 350px;
    background-color: rgba(221, 221, 221, 0);
    border-radius: 30px;
}

.slide-5, .mask-3 {
    border-radius: 30px;
}

.image-174 {
    margin-top: 130px;
    padding-top: 0;
}

.image-175 {
    margin-top: 130px;
}

.heading-22 {
    color: #5c5c5c;
    text-align: left;
    letter-spacing: 10px;
    -webkit-text-stroke-color: #000;
    text-transform: uppercase;
    margin-top: 40px;
    margin-bottom: 40px;
    font-family: Montserrat, sans-serif;
    font-size: 20px;
    font-weight: 600;
}

.image-176 {
    margin-left: 215px;
}

.section-5 {
    margin-top: 0;
    margin-bottom: 50px;
}

.div-block-5 {
    height: 1px;
    background-color: #c4c4c4;
    margin-top: 60px;
    margin-bottom: 60px;
}

.image-177 {
    text-align: left;
    margin-left: 270px;
}

.bold-text-6 {
    font-family: Avenirltstd Book, sans-serif;
}

.heading-23 {
    float: none;
    justify-content: space-around;
    margin-left: 51px;
    display: flex;
}

.container-fbs {
    max-width: none;
    order: 1;
    margin-top: 0px;
    margin-bottom: 20px;
}

.heading-24 {
    color: #40454f;
    text-align: center;
    letter-spacing: 5px;
    text-transform: uppercase;
    font-size: 18px;
}

    .heading-24.subheading {
        text-align: left;
    }

.logo-title {
    width: 100%;
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    background-color: #fff;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 64px 24px;
    display: flex;
}

.content-3 {
    width: 100%;
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
}

.logos {
    width: 100%;
    grid-column-gap: 48px;
    grid-row-gap: 48px;
    justify-content: center;
    align-items: center;
    display: flex;
}

.logo-wrapper {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
}

.frame-2936 {
    grid-column-gap: 7.58365px;
    grid-row-gap: 7.58365px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.vector {
    object-fit: cover;
}

.vectors-wrapper-158 {
    width: 66.3426px;
    height: 43.6324px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.logo-2 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    display: flex;
}

.hero-heading-left-2 {
    width: 100%;
    grid-column-gap: 80px;
    grid-row-gap: 80px;
    background-color: #fff;
    justify-content: center;
    align-items: flex-start;
    padding: 64px 24px;
    display: flex;
}

.container-18 {
    width: 80%;
    max-width: none;
    grid-column-gap: 80px;
    grid-row-gap: 80px;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.column-3 {
    width: 100%;
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.text-60 {
    color: #000;
    font-family: Inter, sans-serif;
    font-size: 56px;
    font-weight: 700;
    line-height: 120%;
}

.text-61 {
    color: #212121;
    font-family: Inter, sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 150%;
}

.actions {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: flex-start;
    padding-top: 16px;
    display: flex;
}

.column-4 {
    width: 100%;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.image-wrapper-3 {
    width: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
}

.image-178 {
    width: 100%;
    max-width: none;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    border-radius: 29px;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    display: flex;
}

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

.heading-25 {
    color: #252525;
    text-align: center;
    text-transform: uppercase;
    font-size: 35px;
    font-weight: 300;
}

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

.section-6 {
    width: 100%;
    height: 10px;
    background-color: #000;
}

.section-8 {
    grid-column-gap: 10px;
    background-color: #fafafa;
    margin-left: 0;
    margin-right: 0;
    padding-top: 40px;
    padding-left: 40px;
    padding-right: 40px;
    display: flex;
}

    .section-8._2nd {
        background-color: #fff;
        flex-wrap: nowrap;
        justify-content: space-around;
        align-items: flex-end;
    }

        .section-8._2nd._1 {
            background-color: #f5f5f5;
            margin-top: 0;
            padding-top: 20px;
        }

    .section-8.fbs {
        flex-direction: row;
    }

.text-block-56, .text-block-57 {
    font-size: 15px;
}

.container-20 {
    background-color: rgba(33, 171, 130, 0);
}

.section-9 {
    background-color: rgba(33, 171, 130, .12);
}

.image-179 {
    margin-bottom: 40px;
}

.slider-4 {
    width: 100%;
    height: 50%;
    background-color: #fff;
    margin-top: 60px;
    margin-bottom: 60px;
}

.image-180, .image-181 {
    padding-top: 141px;
}

.paragraph-8 {
    padding-top: 40px;
    font-family: Avenirltstd Book, sans-serif;
    font-size: 15px;
}

.container-21 {
    width: 50%;
    align-self: flex-start;
    padding-top: 0;
}

.heading-26 {
    color: #0e7959;
    margin-top: 5px;
    font-family: Montserrat, sans-serif;
    font-size: 40px;
    font-weight: 600;
    position: static;
}

    .heading-26._2nd-heading {
        color: #0e6d51;
        letter-spacing: 0;
        padding-top: 22px;
        font-size: 20px;
        line-height: 150%;
    }

.image-182 {
    text-align: left;
    align-self: center;
    margin-top: 40px;
    display: block;
}

.div-block-6 {
    width: 50%;
    justify-content: center;
    align-items: center;
    display: flex;
}

.section-10 {
    height: 1px;
    background-color: #d8d8d8;
}

.section-11 {
    height: 1px;
    background-color: rgba(90, 90, 90, .31);
}

.section-12 {
    width: 80%;
    height: 1px;
    background-color: #d3d3d3;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    margin-left: 10%;
    display: flex;
}

.heading-27 {
    width: 50%;
    color: #fff;
    text-align: left;
    font-family: Montserrat, sans-serif;
    font-size: 25px;
    font-weight: 500;
    display: flex;
}

.image-183 {
    padding-top: 20px;
}

.paragraph-9 {
    width: 100%;
    color: #fff;
    text-align: left;
    margin-left: 30px;
    font-family: Montserrat, sans-serif;
    font-size: 12px;
    font-weight: 400;
}

.div-block-9 {
    width: auto;
    flex-direction: row;
    display: flex;
}

.div-block-10 {
    width: 99.5482%;
    text-align: center;
    display: flex;
}

.heading-28 {
    width: 60%;
    color: #3898ec;
    text-align: left;
    letter-spacing: -.8px;
    text-transform: none;
    margin-right: 18px;
    padding-top: 0;
    padding-right: 0;
    font-family: Montserrat, sans-serif;
    font-size: 22px;
    font-weight: 600;
}

    .heading-28.non-active {
        color: #fff;
    }

.image-184 {
    mix-blend-mode: normal;
}

.paragraph-10 {
    color: #3d3d3d;
    mix-blend-mode: normal;
    padding-top: 10px;
    font-family: Avenirltstd Book, sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 160%;
}

.container-22 {
    width: 100%;
    max-width: none;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: flex-start;
    margin-left: 0;
    margin-right: 0;
    display: flex;
}

.wrapper-3 {
    width: 85%;
    max-width: 1280px;
    justify-content: space-between;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    padding-top: 80px;
    padding-bottom: 80px;
    display: flex;
    position: relative;
}

    .wrapper-3.download-cards-wrapper {
        grid-column-gap: 40px;
        grid-row-gap: 0px;
        grid-template-rows: auto;
        grid-template-columns: 1fr 1fr 1fr 1fr;
        grid-auto-columns: 1fr;
        align-items: start;
        padding-top: 0;
        display: grid;
    }

.section-16 {
    grid-column-gap: 20px;
    margin-top: 40px;
    padding-left: 5%;
    padding-right: 5%;
    display: flex;
}

.text-block-59 {
    text-transform: none;
    align-self: center;
    padding-top: 0;
    font-family: Montserrat, sans-serif;
    font-size: 20px;
    line-height: 130%;
    display: flex;
}

.text-block-60 {
    height: 55.7969px;
    mix-blend-mode: overlay;
    margin-top: 10px;
    padding-top: 10px;
    font-family: Avenirltstd Book, sans-serif;
    font-size: 13px;
    line-height: 120%;
}

.section-17 {
    width: 100%;
    margin-top: 60px;
    padding-bottom: 40px;
}

.div-block-12 {
    display: block;
}

.div-block-13, .div-block-14 {
    display: flex;
}

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

.div-block-16 {
    display: inline-block;
}

.div-block-17 {
    display: block;
}

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

.text-block-61, .text-block-62, .text-block-63, .text-block-64, .text-block-65, .text-block-66 {
    font-size: 17px;
}

.text-block-67, .text-block-68, .text-block-69 {
    font-size: 16px;
}

.text-block-70, .text-block-71 {
    font-size: 17px;
}

.heading-30 {
    width: 100%;
}

.text-block-72 {
    font-family: Avenirltstd Book, sans-serif;
}

.div-block-19 {
    justify-content: center;
    margin-bottom: 10px;
    display: flex;
}

.section-18 {
    width: 100%;
    height: .5px;
    opacity: .67;
    mix-blend-mode: overlay;
    background-color: #fff;
    margin-top: 0;
}

    .section-18.crm {
        margin-top: 20px;
    }

.div-block-20 {
    justify-content: center;
    align-items: stretch;
    padding-bottom: 10px;
    display: flex;
}

.div-block-21 {
    align-items: center;
    display: flex;
}

.div-block-22 {
    flex-direction: row-reverse;
    justify-content: center;
    align-self: center;
    display: flex;
}

.text-span-50 {
    color: #1e8365;
    font-family: Mokoto, sans-serif;
}

.text-block-73, .text-block-74, .text-block-75, .text-block-76, .text-block-77, .text-block-78, .text-block-79, .text-block-80, .text-block-81, .text-block-82, .text-block-83, .text-block-84, .text-block-85, .text-block-86, .text-block-87, .text-block-88, .text-block-89, .text-block-90, .features-text {
    font-size: 15px;
}

.testimonial-image-and-name-2 {
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 22px;
    display: flex;
}

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

.horizontal-marquee {
    width: 384vw;
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    opacity: 1;
    align-items: center;
    margin-bottom: 50px;
    display: flex;
    overflow: visible;
}

    .horizontal-marquee.mobile-view {
        display: none;
    }

.inner-marquee {
    width: 100%;
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    justify-content: space-around;
    display: flex;
    overflow: auto;
}

.grid-4 {
    margin-top: 55px;
}

.bold-text-9 {
    font-size: 18px;
}

.text-span-51 {
    font-family: Mokoto, sans-serif;
}

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

.testimonial-move-5 {
    width: 1236svh;
    display: flex;
}

.image-188, .image-189 {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.div-block-23 {
    width: 200vw;
    justify-content: space-around;
    display: flex;
}

.testimonial-marquee {
    width: 485vw;
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    align-items: center;
    margin-top: 50px;
    display: flex;
}

    .testimonial-marquee.view {
        display: none;
    }

.inner-testimonial-marquee {
    width: 190vw;
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    justify-content: space-around;
    display: flex;
}

.features-metrics {
    width: 100%;
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    background-color: #f5fafa;
    justify-content: center;
    align-items: flex-start;
    padding: 64px 24px;
    display: none;
}

.frame-2818 {
    width: 100%;
    height: 475.579px;
    max-width: 345px;
    grid-column-gap: 29.686px;
    grid-row-gap: 29.686px;
    background-color: #fff;
    border: 1px solid #d4d4d4;
    border-radius: 70px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
    box-shadow: 0 8px 20px -8px rgba(0, 0, 0, .2);
}

.image-190 {
    object-fit: cover;
    border-radius: 0;
}

.frame-2937 {
    height: 158.058px;
    grid-column-gap: 13.2384px;
    grid-row-gap: 13.2384px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding-bottom: 40px;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
}

.enquiry-and-quotation-management {
    color: #208f6e;
    -webkit-text-stroke-color: #14af6c;
    font-family: Montserrat, sans-serif;
    font-size: 22px;
    font-weight: 600;
}

.vectors-wrapper-159 {
    height: 0;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    display: flex;
}

.text-62 {
    color: #000;
    font-family: Avenirltstd Book, sans-serif;
    font-size: 13px;
    font-weight: 500;
    line-height: 130%;
}

.features-metrics-2 {
    width: 100%;
    grid-column-gap: 6.41861px;
    grid-row-gap: 6.41861px;
    background-color: #f5f7fa;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    padding: 12.8372px 4.81395px;
    display: flex;
}

.small-container-2 {
    width: 192.558px;
    grid-column-gap: 4.81395px;
    grid-row-gap: 4.81395px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
}

.columns-6 {
    width: 100%;
    justify-content: space-between;
    align-items: center;
    display: flex;
}

.metric {
    grid-column-gap: .802326px;
    grid-row-gap: .802326px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.metric-value {
    color: #212121;
    text-align: center;
    font-family: Inter, sans-serif;
    font-size: 8px;
    font-weight: 700;
    line-height: 150%;
}

.text-63 {
    color: #212121;
    text-align: center;
    font-family: Inter, sans-serif;
    font-size: 3px;
    font-weight: 400;
    line-height: 150%;
}

.columns-7, .columns-8, .columns-9, .columns-10, .columns-11 {
    width: 100%;
    justify-content: space-between;
    align-items: center;
    display: flex;
}

.frame-2938 {
    width: 25%;
    height: 425px;
    grid-column-gap: 18px;
    grid-row-gap: 18px;
    background-color: #fff;
    border-radius: 65px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.frame-2939 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
    position: relative;
}

.vectors-wrapper-160 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    display: flex;
}

.vectors-wrapper-161 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    mix-blend-mode: hard-light;
    object-fit: cover;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
    top: 0;
    left: 3.5px;
}

.frame-2940 {
    height: 158.058px;
    grid-column-gap: 13.2384px;
    grid-row-gap: 13.2384px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.enquiry-and-quotation-management-2 {
    color: #40a87b;
    font-family: Inter, sans-serif;
    font-size: 22px;
    font-weight: 600;
}

.vectors-wrapper-162 {
    height: 0;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    display: flex;
}

.text-64 {
    color: #000;
    font-size: 13px;
    font-weight: 500;
}

.frame-2941 {
    width: 340px;
    height: 500px;
    max-width: none;
    grid-column-gap: 29.686px;
    grid-row-gap: 29.686px;
    background-color: #fff;
    border: 1px solid #e9e9e9;
    border-radius: 60.1744px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
    box-shadow: 0 3px 18px -6px rgba(0, 0, 0, .2);
}

.image-191 {
    object-fit: cover;
    border-radius: 60px;
    box-shadow: 0 9px 10px -1px rgba(0, 0, 0, .2);
}

.frame-2942 {
    height: auto;
    grid-column-gap: 13.2384px;
    grid-row-gap: 13.2384px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
}

.enquiry-and-quotation-management-3 {
    color: #209774;
    font-family: Montserrat, sans-serif;
    font-size: 22px;
    font-weight: 600;
}

.vectors-wrapper-163 {
    height: 0;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    display: flex;
}

.text-65 {
    color: #000;
    font-family: Avenirltstd Book, sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 130%;
}

.features-metrics-3 {
    width: 100%;
    grid-column-gap: 6.41861px;
    grid-row-gap: 6.41861px;
    background-color: #f5f7fa;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    padding: 12.8372px 4.81395px;
    display: flex;
}

.small-container-3 {
    width: 192.558px;
    grid-column-gap: 4.81395px;
    grid-row-gap: 4.81395px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
}

.columns-12 {
    width: 100%;
    justify-content: space-between;
    align-items: center;
    display: flex;
}

.text-66 {
    color: #212121;
    text-align: center;
    font-family: Inter, sans-serif;
    font-size: 3px;
    font-weight: 400;
    line-height: 150%;
}

.columns-13, .columns-14, .columns-15, .columns-16, .columns-17 {
    width: 100%;
    justify-content: space-between;
    align-items: center;
    display: flex;
}

.frame-2943 {
    width: 340px;
    height: 500px;
    max-width: none;
    grid-column-gap: 29.686px;
    grid-row-gap: 29.686px;
    background-color: #fff;
    border: 1px solid #e9e9e9;
    border-radius: 60.1744px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
    box-shadow: 0 3px 18px -6px rgba(0, 0, 0, .2);
}

.image-192 {
    object-fit: cover;
    border-radius: 60px;
    box-shadow: 0 9px 10px -1px rgba(0, 0, 0, .2);
}

.frame-2944 {
    height: auto;
    grid-column-gap: 13.2384px;
    grid-row-gap: 13.2384px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
}

.enquiry-and-quotation-management-4 {
    color: #209774;
    font-family: Montserrat, sans-serif;
    font-size: 22px;
    font-weight: 600;
}

.text-67 {
    color: #000;
    font-family: Avenirltstd Book, sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 130%;
}

.features-metrics-marquee {
    width: 100%;
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    align-items: center;
    display: flex;
}

    .features-metrics-marquee.scm-marquee {
        width: auto;
        grid-column-gap: 40px;
        grid-row-gap: 40px;
    }

.features-inner-marquee {
    width: auto;
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-direction: row;
    justify-content: space-around;
    display: flex;
}

    .features-inner-marquee.scm-inner-marquee {
        width: auto;
        grid-column-gap: 40px;
        grid-row-gap: 40px;
    }

.scm-marquee {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    align-items: center;
    display: flex;
}

.scm-inner-marquee {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    justify-content: space-around;
    display: flex;
}

.crm-marquee {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    align-items: center;
    display: flex;
}

.crm-inner-marquee {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    justify-content: space-around;
    display: flex;
}

.frame-2945 {
    width: 100%;
    max-width: 893px;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    background-color: #fff;
    border-radius: 70px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.frame-2946 {
    grid-column-gap: 56px;
    grid-row-gap: 56px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.frame-2947 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
    position: relative;
}

.vectors-wrapper-164 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    display: flex;
}

.vectors-wrapper-165 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
    top: 119.901px;
    left: 70.992px;
}

.frame-2948 {
    height: 250px;
    grid-column-gap: 20.9391px;
    grid-row-gap: 20.9391px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.enquiry-and-quotation-management-5 {
    color: #40a87b;
    font-family: Inter, sans-serif;
    font-size: 35px;
    font-weight: 600;
}

.vectors-wrapper-166 {
    height: 0;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    display: flex;
}

.text-68 {
    color: #000;
    font-size: 20px;
    font-weight: 500;
}

.features-metrics-4 {
    width: auto;
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    color: #363636;
    background-color: #f5f7fa;
    justify-content: center;
    align-items: flex-start;
    padding: 64px 0;
    display: flex;
}

.frame-2949 {
    width: 100%;
    max-width: 499.5px;
    grid-column-gap: 5.59351px;
    grid-row-gap: 5.59351px;
    background-color: #fff;
    border-radius: 39.1545px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    margin-top: 40px;
    margin-bottom: 40px;
    display: flex;
}

.frame-2950 {
    width: 499.5px;
    height: 262.82px;
    grid-column-gap: 31.3236px;
    grid-row-gap: 31.3236px;
    border-radius: 40px;
    flex: 0 auto;
    justify-content: flex-start;
    align-self: center;
    align-items: center;
    padding: 5px 10px;
    display: flex;
    box-shadow: 0 2px 20px rgba(0, 0, 0, .2);
}

.frame-2951 {
    grid-column-gap: 5.59351px;
    grid-row-gap: 5.59351px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
    position: relative;
}

.vectors-wrapper-167 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: scale-down;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: center;
    padding-left: 0;
    display: flex;
}

.vectors-wrapper-168 {
    width: 130px;
    height: 110.137px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    mix-blend-mode: hard-light;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
    top: 62.6472px;
    left: 39.7148px;
}

.frame-2952 {
    width: 800px;
    height: auto;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.enquiry-and-quotation-management-6 {
    color: #40a87b;
    -webkit-text-stroke-color: #007e47;
    font-family: Montserrat, sans-serif;
    font-size: 18px;
    font-weight: 600;
}

.vectors-wrapper-169 {
    height: 0;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    display: flex;
}

.text-69 {
    color: #000;
    font-family: Avenirltstd Book, sans-serif;
    font-size: 13px;
    font-weight: 400;
    line-height: 130%;
}

.div-block-24 {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    background-color: #fff;
    justify-content: center;
    align-items: center;
    margin-top: 0;
    margin-bottom: 0;
    display: flex;
}

.div-block-25 {
    width: 100%;
    height: 1px;
    background-color: rgba(0, 0, 0, .14);
}

.slider-5 {
    width: 100%;
    height: 50%;
}

@media screen and (min-width: 1280px) {
    .display-heading.overview {
        text-transform: uppercase;
        font-family: Montserrat, sans-serif;
    }

    .wrapper {
        max-width: 100%;
        padding-left: 0;
    }

        .wrapper.features-vertical-tabs {
            width: 100dvw;
            padding-left: 100px;
            padding-right: 100px;
            overflow: hidden;
        }

        .wrapper.client-page {
            padding-top: 80px;
            padding-bottom: 80px;
            display: flex;
        }

    .para-large.overview {
        width: 100%;
        font-family: Montserrat, sans-serif;
    }

    .button.navigation-button {
        font-family: Montserrat, sans-serif;
    }

    .subheading {
        letter-spacing: 0;
    }

    .features-2-section {
        width: 100%;
    }

    .h2-60-px {
        font-size: 64px;
    }

    .pointer-grid {
        width: 100%;
        max-width: none;
        font-size: 17px;
    }

    .pointer-grid-item {
        grid-column-gap: 20px;
        grid-row-gap: 10px;
    }

    .features-4-text {
        font-size: 18px;
    }

    .job-tabs-menu {
        top: 275px;
    }

    .sign-up-section {
        max-width: none;
    }

    .integrations-hero-heading {
        font-family: Montserrat, sans-serif;
    }

    .hero-integrations-text {
        text-align: left;
        font-family: Avenirltstd Book, sans-serif;
        font-size: 18px;
        font-weight: 300;
    }

    .most-popular-integration-section.homepage-3 {
        width: 100%;
    }

    .most-popular-integrations-up {
        width: 100%;
        justify-content: flex-start;
        align-self: stretch;
        align-items: flex-start;
        margin-left: 0%;
        margin-right: 0%;
        padding-left: 5%;
        padding-right: 5%;
    }

    .most-popular-integrations-headings {
        max-width: none;
    }

    .testimonial-heading.dark {
        font-family: Montserrat, sans-serif;
        font-weight: 500;
    }

    .testimonial-heading.overview {
        border-radius: 0;
        font-family: Montserrat, sans-serif;
        font-size: 0;
        font-weight: 600;
        line-height: 108%;
        display: block;
    }

    .faq-content {
        font-family: Avenirltstd Book, sans-serif;
    }

    .review-hero-heading {
        padding-top: 0;
    }

    .review-hero-paragraph {
        width: 80%;
        max-width: 100%;
        font-size: 18px;
    }

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

    .demo-left-text-contain {
        width: 100%;
        max-width: none;
    }

        .demo-left-text-contain.partner {
            width: 50%;
        }

    .overview-stats-section {
        background-color: #3898ec;
        background-image: url("https://uploads-ssl.webflow.com/64351eef0f8f43aa55f4d9f3/6435305254422e20f8430551_backgroung.png");
        background-position: 0%;
    }

    .overview-dark-section {
        background-color: #001b13;
    }

    .overview-decor._1, .overview-decor._2, .overview-decor._3, .overview-decor._4, .overview-decor._5, .overview-decor._6 {
        background-color: #3898ec;
    }

    .image-scroll, .text-block-2, .text-block-3, .text-block-4, .text-block-5 {
        font-family: Montserrat, sans-serif;
    }

    .heading-2 {
        text-align: center;
    }

    .phone-only-column {
        width: 100%;
        max-width: 104%;
        min-width: 100%;
        margin-top: 40px;
        margin-bottom: 40px;
        padding-top: 0;
    }

        .phone-only-column.last {
            justify-content: center;
        }

    .column-scm {
        width: 350px;
        align-items: center;
    }

        .column-scm.last {
            width: 100%;
        }

    .frame-18 {
        width: auto;
        max-width: none;
        background-image: url("https://uploads-ssl.webflow.com/64351eef0f8f43aa55f4d9f3/6437a80e36329b14acaa69c2_backdrop%20green.svg");
        background-size: cover;
        overflow: visible;
    }

    .lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tristique-duis-cursus-mi-quis-viverra-ornare-eros-dolor-interdum-nulla-ut-commodo-diam-libero-vitae-erat {
        padding-left: 0;
        padding-right: 0;
        font-size: 18px;
    }

        .lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tristique-duis-cursus-mi-quis-viverra-ornare-eros-dolor-interdum-nulla-ut-commodo-diam-libero-vitae-erat.home-stats-grid-item.asa {
            padding-right: 0;
        }

    .image-135.home-stats-grid-item.axa {
        height: 61%;
    }

    .text-span-20, .text-span-21 {
        font-size: 54px;
    }

    .text-span-22.home-stats-grid-item {
        font-size: 19px;
    }

    .feature-tab-link-3 {
        height: 220px;
        color: #fff;
        background-color: #414141;
        border: .5px solid #4d4d4d;
    }

        .feature-tab-link-3:hover {
            background-color: #8f8f8f;
        }

        .feature-tab-link-3.w--current {
            height: 220px;
        }

            .feature-tab-link-3.w--current:hover {
                background-color: #3898ec;
            }

    .home-features-heading-3.white {
        color: #fff;
    }

    .wrapper-2.features-2-wrapper.homepage-2.product-page.fbs {
        max-width: none;
        margin-left: 0;
        margin-right: 0;
    }

    .wrapper-2.most-popular-integrations-wrapper {
        width: 100%;
        max-width: none;
        justify-content: flex-start;
        align-items: flex-start;
        padding-left: 0%;
        padding-right: 0%;
    }

    .wrapper-2.feature-4-wrapper {
        width: 90%;
        max-width: none;
        padding-left: 0%;
        padding-right: 0%;
    }

    .wrapper-2.integrations-hero-wrapper {
        flex-direction: column;
        display: flex;
    }

    .image-140.contain {
        overflow: visible;
    }

    .feature-tabs-section-3 {
        background-color: #3898ec;
    }

    .text-block-29 {
        color: #fff;
        order: -1;
    }

    .text-block-30 {
        color: #fff;
    }

        .text-block-30:hover {
            color: #0d0e10;
        }

    .text-block-31 {
        color: #fff;
    }

        .text-block-31:hover {
            color: #001b13;
        }

    .text-block-32, .text-block-33, .text-block-34 {
        color: #fff;
    }

        .text-block-34:hover {
            color: #001b13;
        }

    .image-142 {
        width: 90%;
        max-width: none;
        object-fit: scale-down;
        align-self: flex-start;
        padding-right: 0;
    }

        .image-142.crm {
            width: 50%;
        }

    .body-5 {
        background-color: #fff;
    }

    .image-149 {
        max-width: 80%;
        object-fit: contain;
        margin: 60px auto;
        display: block;
        overflow: hidden;
    }

    .image-150, .image-151 {
        display: none;
    }

    .text-span-36 {
        display: block;
    }

    .newsletter-form-4 {
        flex-direction: column;
    }

    .team-rectangles-4 {
        object-fit: fill;
    }

    .team-rectangles-7 {
        justify-content: center;
    }

        .team-rectangles-7.home-stats-grid-item {
            grid-column-gap: 50px;
            flex-direction: row-reverse;
            padding-top: 20px;
            width: 100%;
        }

    .button-7 {
        width: 565px;
        font-family: Avenirltstd, sans-serif;
    }

        .button-7:hover {
            width: 550px;
            max-width: none;
        }

    .frame-2865 {
        margin-right: 0;
    }

    .text-41 {
        padding-right: 0;
        font-size: 13px;
    }

        .text-41.scm {
            margin-right: 0;
            padding-right: 0;
            font-size: 13px;
        }

    .vectors-wrapper-75 {
        width: 139px;
        height: 139px;
    }

    .frame-2872 {
        grid-row-gap: 20px;
    }

    .frame-2000.home-stats-grid-item {
        width: 274px;
        justify-content: flex-start;
        align-items: flex-start;
    }

    .subheading-6 {
        width: 50%;
        justify-content: flex-end;
        align-items: center;
        display: flex;
    }

    .feature-text-download-2 {
        font-family: Avenirltstd Book, sans-serif;
    }

    .text-block-49 {
        font-size: 20px;
    }

    .div-block1, .div-block1.time {
        top: -9px;
    }

    .section-3 {
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        padding: 40px;
        display: flex;
    }

    .paragraph-7 {
        font-size: 18px;
        line-height: 140%;
    }

    .container-15 {
        max-width: 50%;
        flex-direction: column;
        align-items: flex-start;
    }

        .container-15.mms {
            max-width: 50%;
        }

        .container-15.crm {
            max-width: 100%;
            flex-flow: row-reverse;
        }

    .container-16 {
        padding-left: 0;
    }

    .white-button-2:hover {
        background-color: #3898ec;
    }

    .white-button-2:active {
        -webkit-text-stroke-color: #3898ec;
        background-color: #3898ec;
    }

    .columns-5 {
        background-color: #000;
    }

    .container-fbs {
        justify-content: center;
        align-items: flex-start;
        display: block;
    }

        .container-fbs.fbs {
            margin-top: 40px;
            margin-bottom: 40px;
            display: flex;
        }

    .heading-24.subheading {
        text-align: center;
        align-self: center;
    }

    .section-7 {
        margin-top: 40px;
        margin-bottom: 40px;
    }

    .section-8 {
        grid-column-gap: 0px;
        align-items: flex-start;
        margin-left: 0;
        margin-right: 0;
        padding-top: 20px;
        padding-left: 5%;
        padding-right: 0;
        display: flex;
    }

        .section-8._2nd._1 {
            background-color: #f5f5f5;
        }

        .section-8.fbs {
            padding-top: 20px;
            padding-left: 5%;
            padding-right: 5%;
        }

    .container-22 {
        max-width: none;
        flex-direction: row-reverse;
        justify-content: space-between;
        align-self: center;
        align-items: center;
        display: flex;
    }

    .section-17 {
        padding-left: 5%;
        padding-right: 55px;
    }

    .heading-30 {
        font-family: Montserrat, sans-serif;
    }

    .section-18 {
        margin-top: 3px;
    }

        .section-18.crm {
            margin-top: 0;
        }

            .section-18.crm._1 {
                margin-top: 5px;
            }

    .bold-text-8 {
        font-size: 19px;
    }

    .horizontal-marquee {
        margin-bottom: 50px;
    }

    .frame-200.home-stats-grid-item {
        width: 250px;
        height: 200px;
        background-color: #fff;
        border-radius: 20px;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        padding-top: 0;
        padding-left: 20px;
        padding-right: 20px;
        display: flex;
        box-shadow: 0 3px 14px -1px rgba(0, 0, 0, .2);
    }

    .cell, .cell-2 {
        grid-column-gap: 20px;
        grid-row-gap: 20px;
    }

    .bold-text-10 {
        font-size: 18px;
    }

    .bold-text-11 {
        font-family: Avenirltstd Book, sans-serif;
        font-weight: 900;
    }

    .bold-text-12, .bold-text-13, .bold-text-14, .bold-text-15, .bold-text-16, .bold-text-17, .bold-text-18 {
        font-family: Space Grotesk, sans-serif;
    }

    .features-metrics-marquee.scm-marquee, .features-inner-marquee.scm-inner-marquee {
        width: auto;
        grid-column-gap: 40px;
        grid-row-gap: 40px;
    }

    .scm-marquee {
        width: auto;
        grid-column-gap: 40px;
        grid-row-gap: 40px;
        align-items: center;
        display: flex;
    }

    .scm-inner-marquee {
        width: auto;
        grid-column-gap: 40px;
        grid-row-gap: 40px;
        justify-content: space-around;
        display: flex;
    }
}

@media screen and (min-width: 1440px) {
    .display-heading.overview {
        color: #3a3a3a;
    }

    .wrapper {
        margin-bottom: 0;
    }

        .wrapper.features-2-wrapper {
            align-items: center;
            padding-left: 0%;
        }

        .wrapper._1920px.background-image.pricing-page-3 {
            font-family: Montserrat, sans-serif;
        }

        .wrapper.about-story-up-wrapper.navigating {
            display: flex;
        }

        .wrapper.pricing-hero-wrapper.pricing-page-2 {
            overflow: hidden;
        }

        .wrapper.features-vertical-tabs {
            width: 100dvw;
            padding-left: 100px;
            padding-right: 100px;
        }

        .wrapper.overview-page {
            color: #ffcb3d;
        }

        .wrapper.scm.crm {
            position: static;
        }

    .para-large.overview {
        color: #3a3a3a;
    }

    .button.dark-blue {
        -webkit-text-fill-color: inherit;
        background-color: #3898ec;
        background-clip: border-box;
    }

        .button.dark-blue.submit:hover {
            -webkit-text-fill-color: inherit;
            mix-blend-mode: normal;
            background-clip: border-box;
            position: static;
        }

    .button.navigation-button {
        background-color: #3898ec;
    }

    .image.contain.hidden {
        display: block;
    }

    .home-stats-heading.white {
        font-family: Montserrat, sans-serif;
        font-size: 40px;
        font-weight: 600;
        position: static;
    }

    .home-stats-text.white, .stats-number-text.white {
        font-family: Montserrat, sans-serif;
    }

    .home-features-images-container.feature-3 {
        width: 50%;
        justify-content: flex-end;
        margin-left: 0;
        padding-left: 0;
    }

    .home-features-1-main-image {
        padding-left: 0;
    }

    .features-2-section {
        width: 100%;
    }

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

    .pointer-grid {
        grid-column-gap: 23px;
        align-content: center;
        justify-content: space-between;
    }

    .cta-section.flex-horizontal.blue-shapes {
        background-image: url("https://uploads-ssl.webflow.com/64351eef0f8f43aa55f4d9f3/6435305254422e20f8430551_backgroung.png");
        background-position: 50%;
    }

    .about-hero-text, .about-story-text, .stats-number-text-2, .home-blog-section, .featured-category {
        font-family: Montserrat, sans-serif;
    }

    .features-learn-more-link-2.white {
        color: #fff;
    }

        .features-learn-more-link-2.white:hover {
            color: #0d0e10;
        }

    .white-2.home-features-heading {
        font-family: Montserrat, sans-serif;
    }

    .team-members-section {
        display: none;
    }

    .pricing-hero-heading {
        font-family: Montserrat, sans-serif;
    }

        .pricing-hero-heading.pricing-page-2 {
            font-weight: 600;
        }

    .pricing-hero-text, .pricing-table-item.plans-ecommerce-ecommerce, .pricing-table-button.ecom, .blog-hero-heading, .blog-hero-text, .all-blogs-container {
        font-family: Montserrat, sans-serif;
    }

    .blogs-collection-list {
        grid-template-areas: ". . ." ". . ." ". Area-2 Area";
    }

    ._22-px, .jobs-section, .contact-form-block, .contact-card-item {
        font-family: Montserrat, sans-serif;
    }

    .sign-up-section {
        max-width: none;
    }

    .pricing-comparison-section.pricing-page-3 {
        font-family: Montserrat, sans-serif;
    }

    .hero-integrations-text {
        width: 100%;
        max-width: none;
    }

    .most-popular-integrations-up {
        width: 100%;
        grid-column-gap: 10px;
    }

    .testimonial-heading, .testimonial-image-and-name {
        font-family: Montserrat, sans-serif;
    }

    .footer {
        color: #034418;
        background-color: #001b13;
    }

    .footer-link {
        font-size: 14px;
    }

    .download-card-wrapper {
        width: 334px;
        align-items: flex-start;
    }

    .faq-paragraph {
        font-family: Montserrat, sans-serif;
    }

    .review-hero-heading {
        width: 100%;
        font-size: 47px;
        line-height: 35px;
    }

    .review-hero-paragraph {
        width: 100%;
        max-width: none;
        font-family: Avenirltstd Book, sans-serif;
        font-size: 18px;
        font-weight: 400;
    }

   

    .features-tabs-menu {
        width: 100%;
        grid-column-gap: 10px;
        grid-row-gap: 10px;
        justify-content: center;
        margin-left: 0%;
        margin-right: 0%;
        padding-left: 0%;
        padding-right: 0%;
    }

        .features-tabs-menu:hover {
            color: #0d0e10;
        }

    .demo-left-text-contain {
        width: 100%;
    }

        .demo-left-text-contain.partner {
            width: 50%;
        }

    .footer-text {
        font-size: 13px;
    }

    .overview-stats-section {
        background-image: url("https://uploads-ssl.webflow.com/64351eef0f8f43aa55f4d9f3/6435305254422e20f8430551_backgroung.png");
    }

    .search-button {
        font-family: Montserrat, sans-serif;
    }

    .overview-dark-section {
        background-color: #3898ec;
    }

    .overview-decor._2, .overview-decor._4, .overview-decor._5, .overview-decor._6 {
        background-color: #1ebd53;
    }

    .text-block-6, .text-block-7, .text-block-8 {
        font-family: Montserrat, sans-serif;
    }

    .image-3 {
        font-size: 0;
        font-weight: 400;
    }

    .phone-only-column {
        grid-column-gap: 25px;
        grid-row-gap: 25px;
        margin-top: 40px;
        margin-bottom: 0;
        padding-top: 0;
    }

    .content {
        width: 360px;
        height: 300px;
    }

    .info-2 {
        font-size: 19px;
    }

    .text-2 {
        font-size: 14px;
    }

    .frame-18 {
        width: auto;
        height: auto;
        max-width: none;
        background-image: url("https://uploads-ssl.webflow.com/64351eef0f8f43aa55f4d9f3/6437a80e36329b14acaa69c2_backdrop%20green.svg");
        background-size: cover;
        margin-right: 0;
        overflow: visible;
    }

    .content-2 {
        max-width: 864px;
        margin-left: -117px;
    }

    .lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tristique-duis-cursus-mi-quis-viverra-ornare-eros-dolor-interdum-nulla-ut-commodo-diam-libero-vitae-erat {
        max-width: none;
        margin-left: 0;
        padding-left: 0;
        padding-right: 0;
    }

    .image-135 {
        padding-left: 0;
    }

        .image-135.home-stats-grid-item.axa {
            height: 73%;
            margin-left: -100px;
            padding-left: 0;
        }

    .text-span-21 {
        font-size: 50px;
    }

    .text-span-22 {
        padding-left: 0;
    }

    .team-rectangles-3 {
        overflow: hidden;
    }

    .feature-tab-link-3 {
        width: 334px;
        height: 210px;
        opacity: 1;
        color: #fff;
        background-color: #414141;
        border: .5px solid #4d4d4d;
        border-radius: 35px;
        margin-right: 0;
        padding: 20px 25px 20px 20px;
    }

        .feature-tab-link-3:hover {
            background-color: #8f8f8f;
        }

        .feature-tab-link-3.w--current {
            width: 334px;
            height: 210px;
            color: #fff;
            background-color: #3898ec;
            border-radius: 35px;
            margin-left: 0;
            padding: 20px 25px 10px 20px;
        }

    .home-features-heading-3.white {
        color: #fff;
        letter-spacing: 2px;
    }

    .wrapper-2.features-2-wrapper.homepage-2.product-page.fbs {
        max-width: none;
        margin-left: 0;
        margin-right: 0;
    }

        .wrapper-2.features-2-wrapper.homepage-2.product-page.fbs.crm {
            justify-content: flex-start;
        }

    .wrapper-2.features-vertical-tabs {
        object-fit: fill;
        align-items: flex-start;
    }

    .wrapper-2.most-popular-integrations-wrapper {
        width: 100%;
        display: block;
    }

    .wrapper-2.feature-4-wrapper {
        width: 90%;
        padding-left: 0%;
    }

    .wrapper-2.integrations-hero-wrapper {
        align-self: center;
        align-items: center;
        padding-bottom: 0;
        padding-left: 0%;
        padding-right: 0%;
    }

    .image-140.contain {
        width: 480px;
        overflow: visible;
    }

    .feature-tabs-section-3 {
        background-color: #f1f1f1;
    }

    .text-block-29 {
        color: #fff;
        text-align: left;
        flex: 0 auto;
        order: -1;
        padding-left: 0;
        font-weight: 400;
    }

    .text-block-30 {
        color: #fff;
    }

        .text-block-30:hover {
            color: #0d0e10;
        }

    .text-block-31 {
        color: #fff;
    }

        .text-block-31:hover {
            color: #0d0e10;
        }

    .text-block-32 {
        color: #fff;
        -webkit-text-stroke-color: #001b13;
    }

    .text-block-33, .text-block-34 {
        color: #fff;
    }

        .text-block-34:hover {
            color: #001b13;
        }

    .body-4 {
        background-color: #181818;
        background-image: none;
    }

    .frame-2766 {
        margin-bottom: 26px;
        padding-top: 0;
        padding-bottom: 0;
    }

    .heading-8 {
        color: #f1f3f6;
        -webkit-text-stroke-color: #3898ec;
        font-family: Montserrat, sans-serif;
        font-size: 45px;
        font-weight: 500;
    }

    .text-span-30 {
        width: 100%;
        height: 5%;
        font-size: 30px;
        line-height: 5px;
    }

    .text-span-31 {
        -webkit-text-stroke-color: #3898ec;
    }

    .text-span-32 {
        color: #3898ec;
    }

    .image-142 {
        width: auto;
        max-width: 520px;
        align-self: center;
        margin-left: 0;
        padding-right: 0;
    }

    .desktop---1 {
        margin-bottom: auto;
    }

    .body-5 {
        background-color: #1a1a1a;
    }

    .image-149 {
        margin: 60px auto 0;
        padding-bottom: 60px;
        display: block;
    }

    .image-150, .image-151 {
        display: none;
    }

    .paragraph-3, .description-4, .heading-12 {
        font-family: Montserrat, sans-serif;
    }

    .text-span-38 {
        font-size: 30px;
    }

    .text-span-44 {
        text-align: left;
    }

    .newsletter-form-4 {
        flex-direction: column;
    }

    .bold-text, .heading-15, .text-block-36, .text-block-37, .text-block-38, .bold-text-2, .text-block-39, .text-block-40, .text-block-41, .text-block-42, .text-block-43, .text-block-44, .text-block-45 {
        font-family: Montserrat, sans-serif;
    }

    .team-rectangles-4 {
        object-fit: fill;
        font-family: Space Grotesk, sans-serif;
        position: static;
    }

    .team-rectangles-7 {
        justify-content: center;
    }

        .team-rectangles-7.home-stats-grid-item {
            padding-top: 10px;
        }

    .button-7 {
        height: 200px;
    }

        .button-7:hover {
            width: 550px;
            max-width: none;
        }

    .frame-2864 {
        height: 200px;
    }

    .vectors-wrapper-74 {
        mix-blend-mode: overlay;
        align-self: center;
    }

        .vectors-wrapper-74:hover {
            mix-blend-mode: overlay;
        }

    .vectors-wrapper-75 {
        mix-blend-mode: overlay;
        align-self: center;
    }

    .slider-2 {
        margin-left: 232px;
        margin-right: 0;
    }

    .gallery-overview-0 {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        padding-left: 5%;
        padding-right: 5%;
    }

    .frame-2871.home-stats-grid-item {
        width: 415px;
        height: 300px;
    }

    .sliders {
        grid-column-gap: 70px;
        grid-row-gap: 0px;
        flex-direction: row-reverse;
        padding-left: 5%;
        padding-right: 5%;
    }

    .frame-2000.home-stats-grid-item {
        width: 310px;
        max-width: none;
    }

    .feature-text-download-2 {
        font-family: Space Grotesk, sans-serif;
    }

    .frame-2878.home-stats-grid-item {
        width: 415px;
        height: 300px;
    }

        .frame-2878.home-stats-grid-item.frame-2871 {
            width: 415px;
        }

    .frame-2925 {
        margin-left: auto;
        margin-right: auto;
    }

    .container-15.crm {
        max-width: none;
        flex-direction: row-reverse;
        align-items: center;
    }

    .body-7 {
        background-color: #fff;
    }

    .container-fbs {
        margin-top: 0;
        padding-left: 0;
    }

    .section-8 {
        margin-left: 0;
        margin-right: 0;
        padding-top: 0;
        padding-left: 5%;
        padding-right: 5%;
    }

        .section-8._2nd._1 {
            background-color: #f5f5f5;
            margin-top: 40px;
        }

    .paragraph-10, .paragraph-10:active {
        color: #fff;
    }

    .container-22 {
        width: 90%;
        max-width: none;
        grid-column-gap: 0px;
        grid-row-gap: 0px;
        flex-direction: row-reverse;
        justify-content: space-between;
        align-items: center;
        margin-left: 0;
        margin-right: 0;
        display: flex;
    }

    .section-13 {
        width: auto;
    }

    .section-14 {
        width: 100%;
    }

    .section-15 {
        width: 100%;
        display: flex;
    }

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

    .heading-29 {
        font-size: 25px;
    }

    .section-16 {
        width: 96%;
        margin-left: 20px;
        display: flex;
    }

    .text-block-58 {
        width: 100%;
    }

    .text-block-59 {
        justify-content: center;
    }

    .text-block-60 {
        mix-blend-mode: normal;
    }

    .section-17 {
        margin-top: 0;
        padding-bottom: 0;
        padding-left: 5%;
        padding-right: 5%;
    }

    .div-block-19 {
        width: 100%;
        justify-content: space-between;
        align-self: flex-start;
    }

    .div-block-20 {
        width: 100%;
        grid-column-gap: 20px;
        justify-content: space-between;
        align-self: flex-start;
        align-items: center;
        padding-bottom: 5px;
    }

    .div-block-21, .div-block-22 {
        align-self: flex-start;
    }

    .image-185 {
        max-width: none;
        object-fit: contain;
    }

    .horizontal-marquee {
        width: 300vw;
        height: auto;
        grid-column-gap: 40px;
        grid-row-gap: 40px;
        align-items: center;
        margin-bottom: 50px;
        display: flex;
    }

    .inner-marquee {
        width: 150vw;
        grid-column-gap: 40px;
        grid-row-gap: 40px;
        justify-content: space-around;
        display: flex;
    }

    .grid-4 {
        grid-template-areas: "Area Area-2" "Area-3 Area-4";
        margin-top: 55px;
    }

    .bold-text-12 {
        font-family: Space Grotesk, sans-serif;
    }

    .features-metrics-marquee.scm-marquee, .features-inner-marquee.scm-inner-marquee {
        width: auto;
        grid-column-gap: 40px;
        grid-row-gap: 40px;
    }

    .scm-marquee {
        grid-column-gap: 40px;
        grid-row-gap: 40px;
        align-items: center;
        display: flex;
    }

    .scm-inner-marquee {
        grid-column-gap: 40px;
        grid-row-gap: 40px;
        justify-content: space-around;
        display: flex;
    }

    .div-block-24 {
        grid-column-gap: 50px;
        justify-content: center;
    }
}

@media screen and (min-width: 1920px) {
    .home-hero-section {
        background-image: url("https://uploads-ssl.webflow.com/64351eef0f8f43aa55f4d9f3/6437a80e36329b14acaa69c2_backdrop%20green.svg");
    }

    .wrapper {
        height: auto;
        max-width: 1920px;
    }

        .wrapper.features-2-wrapper {
            width: 100%;
            max-width: none;
            min-width: auto;
            align-items: center;
            padding-top: 40px;
            padding-left: 0%;
            padding-right: 0%;
        }

        .wrapper._1920px {
            max-width: none;
        }

        .wrapper.pricing-hero-wrapper.pricing-page-2 {
            justify-content: space-between;
            padding-right: 0;
            overflow: hidden;
        }

        .wrapper.contact-form-wrapper {
            margin-top: 29px;
            overflow: hidden;
        }

        .wrapper.features-vertical-tabs {
            width: auto;
            max-width: none;
            min-width: auto;
            grid-column-gap: 0px;
            grid-row-gap: 0px;
            flex-wrap: nowrap;
            padding: 0;
        }

        .wrapper.scm {
            width: auto;
            max-width: none;
            padding-top: 50px;
        }

            .wrapper.scm.crm {
                margin-left: 0;
                margin-right: 0;
            }

        .wrapper.client-page {
            max-width: none;
            padding-left: 10%;
        }

    .button.header-form-button {
        color: #fff;
    }

    .image.contain {
        object-fit: scale-down;
    }

    .subheading {
        justify-content: center;
    }

    .home-stats-grid-item {
        background-color: rgba(236, 236, 236, 0);
    }

        .home-stats-grid-item.middle {
            background-color: rgba(245, 245, 245, 0);
        }

    .home-featured-1-section {
        object-fit: none;
    }

    .home-features-images-container {
        width: 100%;
    }

        .home-features-images-container.feature-3 {
            max-width: 700px;
            object-fit: scale-down;
            max-width: 620px;
            background-color: #3898ec;
            order: 1;
            justify-content: space-between;
            margin-left: 0;
            padding-left: 0;
            position: relative;
            overflow: visible;
        }

    .home-feature-1-content.white {
        -webkit-text-stroke-color: transparent;
        background-color: #3898ec;
        padding-left: 27px;
        padding-right: 7px;
    }

    .features-2-section {
        width: 100%;
    }

    .white {
        color: #fff;
    }

        .white.cta-heading {
            width: 80%;
            max-width: none;
            min-width: 0;
        }

    .feature-4-section.homepage-3 {
        width: 100%;
        max-width: none;
        justify-content: space-around;
        padding-left: 5%;
        padding-right: 0%;
        display: flex;
    }

    .pointer-grid {
        width: auto;
        height: auto;
        min-height: 0;
        justify-content: space-around;
    }

    .cta-section.flex-horizontal.blue-shapes {
        background-position: 100%;
        background-size: cover;
        margin-bottom: 0;
    }

    .featured-content {
        color: #0d0e10;
    }

    .features-learn-more-link-2.white {
        margin-top: 28px;
    }

    .white-2.home-features-heading {
        text-align: center;
        align-self: center;
    }

    .features-4-text {
        font-family: Avenirltstd Book, sans-serif;
        font-size: 21px;
    }

    .team-member-item {
        align-items: center;
    }

    .pricing-hero-heading.pricing-page-2 {
        -webkit-text-stroke-color: #47c1fe;
        font-family: Montserrat, sans-serif;
        font-size: 50px;
        overflow: hidden;
    }

    .pricing-hero-text.pricing-page-2 {
        font-family: Montserrat, sans-serif;
    }

    .blog-hero-text {
        align-self: center;
    }

    .feature-down {
        color: #f1f1f1;
    }

    .blogs-collection-list {
        grid-template-areas: ". . ." ". . ." ". Area-2 Area";
    }

    ._22-px {
        padding-top: 0;
        padding-bottom: 23px;
    }

    .blog-form-button.center {
        color: #1ebd53;
        background-color: #fff;
        font-family: Montserrat, sans-serif;
        font-weight: 600;
    }

    .career-hero-heading {
        font-weight: 500;
    }

    .job-tabs-menu {
        top: 266px;
    }

    .sign-up-section {
        max-width: 1800px;
    }

    .most-popular-integrations-up {
        grid-column-gap: 15px;
        align-items: flex-start;
    }

    .most-popular-integrations-headings {
        width: 50%;
    }

    .testimonial-move-2 {
        width: 1920svw;
    }

    .footer {
        color: #092713;
        background-color: #001b13;
        margin-top: 0;
    }

    .footer-link {
        letter-spacing: 0;
        font-size: 15px;
    }

        .footer-link.w--current {
            font-size: 15px;
        }

    .download-card-wrapper {
        width: 25%;
        border: 1px solid #dadada;
        border-radius: 20px;
        margin-left: 20px;
        margin-right: 20px;
        padding-top: 20px;
        padding-bottom: 20px;
        box-shadow: 0 2px 20px -8px rgba(0, 0, 0, .16);
    }

    .download-image {
        max-width: none;
        align-self: center;
    }

    .download-card-heading {
        width: 284.953px;
        align-self: center;
    }

    .faqs-section {
        overflow: hidden;
    }

    .faq-questions {
        font-size: 24px;
    }

    .faq-content {
        font-size: 21px;
    }

    .wrapper-1200px.faqs {
        width: 90%;
        max-width: none;
    }

    .faq-paragraph {
        font-size: 21px;
    }

    .review-hero-heading {
        height: auto;
        color: #fff;
        margin-top: 0;
        margin-bottom: 0;
        font-family: Montserrat, sans-serif;
        font-size: 80px;
        font-weight: 600;
        line-height: 30px;
    }

    .review-hero-paragraph {
        color: #000;
        margin-top: 20px;
        padding-top: 0;
        font-size: 20px;
        line-height: 200%;
    }

    .bold-black-span {
        font-size: 24px;
    }

    .contain {
        width: 100%;
    }

    .testimonial-left {
        -webkit-text-fill-color: inherit;
        background-color: rgba(0, 0, 0, 0);
        background-clip: border-box;
    }

    .background-image-container {
        background-size: contain;
    }

    .statistics-right-text {
        width: 100%;
        padding-top: 27px;
    }

    .home-feature-vertical-tabs {
        margin-top: 0;
    }

    .features-tabs-menu {
        width: 100%;
        justify-content: center;
        margin-top: 20px;
        margin-left: 0%;
        margin-right: 5%;
        padding-left: 5%;
        padding-right: 5%;
    }

    .integration-icon-bottom-row {
        margin-left: -4%;
    }

    .white-button {
        width: auto;
        max-width: none;
        min-width: 0;
        align-self: center;
        padding-top: 24px;
        padding-bottom: 24px;
        display: block;
    }

    .demo-left-text-contain {
        width: 100%;
        align-self: flex-start;
    }

        .demo-left-text-contain.partner {
            width: 50%;
        }

    .demo-hero-section {
        background-color: #030303;
    }

    .company-logo {
        align-self: auto;
    }

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

    .overview-stats-section {
        background-repeat: no-repeat;
        background-size: cover;
    }

    .overview-image-contain {
        justify-content: space-between;
    }

    .text-block-3, .review-paragraph-copy {
        font-size: 13px;
    }

    .button-4.navigation-button {
        margin-left: 36px;
        margin-right: -107px;
        padding-right: 25px;
    }

    .link-2 {
        font-size: 18px;
    }

    .testimonial-column-light {
        height: 4%;
        max-height: 100%;
        max-width: 100%;
        padding-top: 0;
        padding-bottom: 0;
    }

    .phone-only-column {
        width: 100%;
        max-width: none;
        min-width: 700px;
        grid-column-gap: 5%;
        grid-row-gap: 0px;
    }

    .content {
        width: 370px;
        height: 300px;
        grid-column-gap: 10%;
        grid-row-gap: 0%;
    }

    .text {
        font-size: 19px;
    }

    .text-2 {
        font-size: 15px;
    }

    .testimonial-column-light-3 {
        max-width: 1280px;
        min-width: 1200px;
        margin-bottom: 5px;
        padding-top: 5px;
        padding-left: 0;
        padding-right: 0;
    }

    .author-3 {
        width: 125%;
        max-width: none;
        min-width: 125px;
        padding-left: 0;
        padding-right: 0;
    }

    .text-6 {
        font-size: 20px;
    }

    .text-block-18, .text-block-19, .text-block-20 {
        color: #aaa;
    }

    .frame-18 {
        width: 100%;
        height: auto;
        max-height: none;
        max-width: none;
        min-height: auto;
        min-width: 0;
        grid-column-gap: 0px;
        grid-row-gap: 0px;
        text-align: left;
        object-fit: fill;
        flex-wrap: nowrap;
        flex: 0 auto;
        order: -1;
        justify-content: center;
        align-self: auto;
        margin-top: 78px;
        margin-left: 0;
        margin-right: 0;
        padding: 149px 0 150px;
        overflow: visible;
    }

    .frame-16 {
        margin-left: 430px;
    }

    .content-2 {
        width: 70%;
        max-height: none;
        max-width: none;
        grid-row-gap: 50px;
        object-fit: fill;
        background-color: rgba(0, 0, 0, 0);
        flex-wrap: nowrap;
        margin-top: 0;
        margin-left: 0;
        padding-right: 0;
    }

    .title-copy-goes-here-be-awesome {
        flex: 0 auto;
        order: 0;
        align-self: auto;
        padding-left: 0;
        display: block;
        position: static;
    }

    .lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tristique-duis-cursus-mi-quis-viverra-ornare-eros-dolor-interdum-nulla-ut-commodo-diam-libero-vitae-erat {
        max-width: none;
        color: #fff;
        margin-bottom: -2px;
        margin-left: 0;
        padding-top: 0;
        padding-right: 0;
        font-size: 21px;
        line-height: 200%;
    }

        .lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tristique-duis-cursus-mi-quis-viverra-ornare-eros-dolor-interdum-nulla-ut-commodo-diam-libero-vitae-erat.home-stats-grid-item.asa {
            background-color: rgba(236, 236, 236, 0);
        }

    .image-135 {
        width: auto;
        height: auto;
        max-width: none;
        min-height: auto;
        min-width: auto;
        object-fit: cover;
        margin-left: 320px;
        margin-right: 0;
        padding-left: 0;
        padding-right: 0;
        overflow: hidden;
    }

        .image-135.home-stats-grid-item.axa {
            width: 39%;
            height: 549.602px;
            background-color: rgba(236, 236, 236, 0);
            margin-left: 0;
        }

    .text-span-22 {
        padding-left: 0;
    }

    .text-block-22 {
        overflow: visible;
    }

    .team-rectangles-2 {
        object-fit: scale-down;
        justify-content: center;
        align-items: stretch;
        padding-left: 0;
        padding-right: 0;
    }

    .f2wf-columns-3 {
        margin-left: 622px;
    }

    .team-rectangles-3 {
        padding-left: 0;
        padding-right: 0;
    }

    .nav-link-3 {
        margin-left: 0;
        padding-left: 45px;
        overflow: hidden;
    }

        .nav-link-3.w--current {
            color: #3898ec;
            -webkit-text-stroke-color: #3898ec;
        }

    .image-137 {
        padding-top: 15px;
    }

        .image-137.nav-link {
            padding-top: 0;
        }

    .container-4 {
        float: none;
        clear: none;
        grid-column-gap: 16px;
        grid-row-gap: 16px;
        text-align: left;
        object-fit: fill;
        grid-template-rows: auto auto;
        grid-template-columns: 1fr 1fr;
        grid-auto-columns: 1fr;
        padding-left: 0;
        padding-right: 0;
        display: block;
        position: static;
        overflow: visible;
    }

    .nav-menu {
        padding-left: 0;
        top: -3px;
        left: -129px;
    }

    .feature-tab-link-3 {
        width: 430px;
        height: 250px;
        border-radius: 30px;
        padding-top: 20px;
        padding-bottom: 20px;
    }

        .feature-tab-link-3:hover {
            background-color: #6c6d6f;
        }

        .feature-tab-link-3.w--current {
            width: 432px;
            height: 250px;
            color: #fff;
            border-radius: 30px;
            padding-top: 20px;
            padding-bottom: 20px;
            padding-left: 20px;
        }

    .home-features-2-up-2 {
        max-width: none;
        align-items: stretch;
    }

    .home-features-heading-3.white {
        overflow: hidden;
    }

    .wrapper-2 {
        padding-left: 0%;
        padding-right: 0%;
    }

        .wrapper-2.features-2-wrapper.homepage-2.product-page.fbs {
            max-width: none;
            margin-left: 0;
            margin-right: 0;
            padding-left: 0%;
            padding-right: 0%;
            display: block;
        }

        .wrapper-2.features-vertical-tabs {
            object-fit: fill;
        }

        .wrapper-2.home-feature-1-wrapper {
            justify-content: flex-start;
            padding-top: 100px;
            padding-bottom: 100px;
            padding-left: 0;
            display: flex;
        }

            .wrapper-2.home-feature-1-wrapper.home-2 {
                overflow: hidden;
            }

        .wrapper-2.most-popular-integrations-wrapper {
            width: 100%;
        }

        .wrapper-2.feature-4-wrapper {
            width: 100%;
            max-width: none;
            grid-column-gap: 10px;
            justify-content: flex-start;
            align-items: center;
            margin-bottom: auto;
            margin-left: 0;
            margin-right: 0;
            padding-left: 0%;
            padding-right: 0%;
        }

    .image-140.contain {
        overflow: visible;
    }

    .feature-tabs-section-3 {
        background-color: #f1f1f1;
    }

    .brand {
        flex-direction: row;
        justify-content: flex-start;
        margin-right: 0;
        padding-right: 0;
        display: flex;
    }

    .heading-7 {
        max-width: 100%;
        align-self: flex-start;
    }

    .home-features-heading-4 {
        margin-left: 0;
        padding-left: 0;
        font-size: 70px;
    }

    .image-141.contain {
        width: 65%;
        height: 65%;
        order: 1;
        align-self: center;
        margin-left: 0;
    }

    .text-block-35 {
        width: 500px;
        max-width: 600px;
        min-width: 100px;
        margin-left: 0;
        padding-left: 0;
    }

    .text-span-27 {
        color: #3898ec;
    }

    .vectors-wrapper-4 {
        box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
    }

    .body-4 {
        background-color: #141414;
        background-image: none;
    }

    .frame-2731 {
        display: flex;
    }

    .frame-2735 {
        width: auto;
        height: auto;
        max-width: none;
    }

    .frame-2739 {
        margin-top: -94px;
        padding-left: 282px;
        padding-right: 317px;
    }

    .vectors-wrapper-7 {
        opacity: 1;
        flex-wrap: nowrap;
    }

    .text-15 {
        font-size: 15px;
    }

    .frame-2742 {
        padding-bottom: 0;
    }

    .frame-2743, .frame-2745 {
        font-family: Montserrat, sans-serif;
    }

    .frame-2752 {
        max-width: 559px;
        min-width: 559px;
    }

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

    .frame-2754 {
        background-color: #161616;
        align-items: center;
    }

    .frame-2766 {
        background-color: #141414;
        align-items: center;
        margin-top: 0;
        margin-bottom: 26px;
        padding-top: 0;
        padding-bottom: 0;
    }

    .heading-8 {
        color: #fff;
        text-align: center;
        margin-top: 0;
        margin-bottom: 0;
        padding-top: 80px;
        padding-bottom: 80px;
        font-family: Montserrat, sans-serif;
        font-size: 55px;
        font-weight: 300;
    }

    .text-span-28 {
        color: #3898ec;
        font-weight: 500;
    }

    .text-span-29 {
        color: #3898ec;
    }

    .button-5 {
        width: auto;
        text-align: right;
        text-transform: uppercase;
        background-color: #3898ec;
        border-radius: 15px;
        font-family: Montserrat, sans-serif;
        font-size: 20px;
        font-weight: 600;
        line-height: 60px;
    }

    .button-6 {
        color: #3898ec;
        text-transform: uppercase;
        background-color: #1d1d1d;
        border-radius: 17px;
        padding: 25px 60px;
        font-family: Montserrat, sans-serif;
        font-size: 16px;
        font-weight: 600;
        transition: all .2s;
    }

        .button-6:hover {
            background-color: #1e8365;
        }

    .text-span-30 {
        height: 502%;
        color: #0b7556;
        line-height: 10px;
    }

    .text-span-32 {
        font-weight: 600;
    }

    .image-142 {
        width: auto;
        max-width: 100%;
        align-self: center;
        margin-top: 40px;
        margin-bottom: 40px;
        margin-left: 0;
        display: block;
    }

        .image-142.crm {
            width: 50%;
        }

    .text-span-33 {
        color: #3898ec;
    }

    .desktop---1 {
        height: 26%;
        background-color: #fff;
    }

    .frame-2777 {
        opacity: .58;
    }

    .image-146 {
        opacity: 1;
        -webkit-backdrop-filter: blur(13px);
        backdrop-filter: blur(13px);
        mix-blend-mode: luminosity;
    }

        .image-146:hover {
            opacity: 1;
            -webkit-backdrop-filter: blur();
            backdrop-filter: blur();
        }

    .frame-2781 {
        height: 120%;
        max-width: 100%;
        grid-column-gap: 30px;
        grid-row-gap: 80px;
        -webkit-text-fill-color: inherit;
        object-fit: contain;
        background-clip: border-box;
        justify-content: space-between;
        align-self: center;
        align-items: flex-start;
        margin-bottom: 0;
    }

    .frame-2782 {
        width: 100%;
        grid-column-gap: 100px;
        grid-row-gap: 100px;
        flex: none;
        align-self: center;
    }

    .image-148 {
        max-width: 100%;
        opacity: .39;
        -webkit-text-fill-color: inherit;
        mix-blend-mode: luminosity;
        object-fit: contain;
        background-clip: border-box;
        align-self: flex-start;
        margin-left: 35px;
        transition: opacity .375s;
    }

        .image-148:hover {
            opacity: 1;
            mix-blend-mode: normal;
        }

    .frame-2783 {
        width: 100%;
        grid-column-gap: 100px;
        grid-row-gap: 100px;
    }

    .frame-2784 {
        width: 100%;
        grid-column-gap: 90px;
        grid-row-gap: 90px;
        justify-content: center;
        padding-left: 0;
    }

    .component-16 {
        grid-column-gap: 0px;
    }

    .heading-9 {
        color: #3898ec;
        -webkit-text-stroke-color: #3898ec;
        padding-left: 0;
        font-family: Montserrat, sans-serif;
        display: flex;
    }

    .body-5 {
        background-color: #131313;
    }

    .paragraph-2 {
        text-align: justify;
    }

    .margin-bottom-24px {
        padding-left: 73px;
    }

    .heading-10 {
        font-family: Montserrat, sans-serif;
    }

    .vectors-wrapper-21 {
        flex-wrap: nowrap;
        justify-content: center;
        align-self: center;
    }

    .image-149 {
        margin: 60px auto auto;
        padding-bottom: 60px;
        display: block;
    }

    .image-151, .slider-arrow-embed, .gallery-slider-right {
        display: none;
    }

    .frame-2807 {
        align-self: center;
    }

    .heading-12 {
        color: #0f523e;
        margin-right: 48px;
    }

    .heading-13 {
        font-family: Montserrat, sans-serif;
    }

    .newsletter-form-4 {
        flex-direction: column;
        align-self: center;
        padding-top: 25px;
        padding-right: 0;
        overflow: hidden;
    }

    .image-157 {
        max-width: 80%;
        align-self: center;
        margin-left: 350px;
        margin-right: 350px;
        display: block;
    }

    .desktop---3 {
        width: 100%;
        height: 99%;
        max-height: 100%;
        max-width: 100%;
        padding-top: 0;
        padding-bottom: 0;
    }

    .image-28 {
        width: 65%;
        height: 65%;
        max-height: 100%;
        align-self: center;
    }

    .heading-17 {
        order: -1;
        align-self: center;
        margin-bottom: 20px;
        display: flex;
    }

    .team-rectangles-7 {
        justify-content: center;
        padding-top: 10px;
        padding-bottom: 10px;
    }

        .team-rectangles-7.home-stats-grid-item {
            width: 100%;
            grid-column-gap: 110px;
            grid-row-gap: 150px;
            flex-direction: row-reverse;
            padding: 40px 0% 14px;
        }

    .button-7 {
        width: 691px;
        height: 300px;
        border-radius: 50px;
        font-size: 89px;
    }

        .button-7:hover {
            width: 730px;
            height: 300px;
        }

    .frame-2864 {
        width: auto;
        height: 300px;
        align-self: center;
    }

    .vectors-wrapper-74 {
        align-self: center;
    }

    .text-39 {
        font-size: 60px;
    }

    .text-40 {
        font-size: 25px;
    }

    .text-41 {
        width: 99.9999%;
        font-size: 18px;
    }

        .text-41.scm {
            font-size: 18px;
        }

    .vectors-wrapper-75 {
        align-self: center;
    }

    .hero-stack-2 {
        margin-top: 67px;
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .text-45.home-stats-grid-item {
        font-size: 40px;
    }

    .text-46.home-stats-grid-item {
        font-size: 25px;
    }

    .slider-2 {
        margin-left: 0;
        margin-right: 0;
        position: relative;
        left: 446px;
    }

    .image-170 {
        max-width: 100%;
        display: inline-block;
        overflow: visible;
    }

    .multi-lingual-multi-currency {
        font-size: 25px;
    }

    .gallery-overview-0 {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        padding-left: 2%;
        padding-right: 2%;
    }

    .frame-2871 {
        height: 350px;
        max-width: 430px;
    }

        .frame-2871.home-stats-grid-item {
            width: 450px;
            height: 310px;
        }

    .text-51 {
        font-size: 25px;
    }

    .text-52 {
        font-size: 20px;
    }

    .text-53 {
        font-size: 25px;
    }

    .frame-2874 {
        flex-direction: column-reverse;
    }

    .sliders {
        padding-left: 5%;
        padding-right: 5%;
    }

    .frame-2000.home-stats-grid-item {
        width: 100%;
        max-width: none;
    }

    .feature-text-download-2 {
        font-size: 21px;
    }

    .gallery-overview-2 {
        width: 100%;
        padding-left: 2%;
        padding-right: 2%;
    }

    .frame-2878 {
        height: 350px;
        max-width: 430px;
    }

        .frame-2878.home-stats-grid-item {
            width: 450px;
            height: 310px;
        }

            .frame-2878.home-stats-grid-item.frame-2871 {
                width: 450px;
            }

        .frame-2878.frame-2871 {
            width: 100%;
            max-width: 430px;
        }

    .text-57 {
        font-size: 25px;
    }

    .text-58 {
        font-size: 20px;
    }

    .text-59 {
        font-size: 25px;
    }

    .div-block-4 {
        padding-top: 18%;
    }

    .heading-19.home-stats-grid-item {
        font-size: 40px;
    }

    .paragraph-7 {
        font-size: 25px;
    }

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

        .frame-2925.features {
            margin-top: 20px;
        }

    .container-15.fbs {
        grid-column-gap: 0px;
        grid-row-gap: 0px;
    }

    .container-15.crm {
        max-width: 100%;
        flex-direction: row-reverse;
        justify-content: center;
        align-self: flex-start;
        display: flex;
    }

    .cta-section-2.flex-horizontal.blue-shapes {
        background-position: 100%;
        background-size: cover;
    }

    .body-7 {
        background-color: #fff;
    }

    .container-fbs {
        text-align: left;
        flex-direction: column;
        order: 1;
        justify-content: flex-end;
        align-self: flex-start;
        align-items: flex-end;
        padding-left: 176px;
        padding-right: 0;
        display: flex;
    }

    .section-8 {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        padding-bottom: 40px;
    }

        .section-8._2nd._1 {
            background-color: #f5f5f5;
        }

    .text-span-49 {
        line-height: 40px;
    }

    .left-arrow {
        margin-left: 140px;
    }

    .container-22 {
        width: 100%;
        max-width: none;
        grid-column-gap: 80px;
        grid-row-gap: 90px;
        flex-direction: row-reverse;
        justify-content: space-between;
        align-items: center;
        margin-left: 0;
        margin-right: 0;
        display: flex;
    }

    .section-16 {
        width: 100%;
        justify-content: center;
        margin-top: 40px;
        margin-left: 0;
        padding-left: 5%;
        padding-right: 5%;
    }

    .text-block-58 {
        width: 284.953px;
        align-self: center;
    }

    .text-block-59 {
        font-size: 30px;
    }

    .text-block-60 {
        font-size: 20px;
    }

    .section-17 {
        width: 100%;
        text-align: left;
        justify-content: center;
        align-items: flex-start;
        padding-left: 5%;
        display: flex;
    }

    .text-block-72 {
        font-size: 21px;
    }

    .div-block-19 {
        justify-content: space-between;
    }

    .section-18.crm {
        margin-top: 5px;
    }

    .div-block-22 {
        justify-content: space-between;
    }

    .text-block-73, .text-block-74, .text-block-75, .text-block-76, .text-block-77, .text-block-78, .text-block-79, .text-block-80, .text-block-81, .text-block-82, .text-block-83, .text-block-84, .text-block-85, .text-block-86, .text-block-87, .text-block-88, .text-block-89, .text-block-90, .features-text {
        font-size: 20px;
    }

    .horizontal-marquee {
        width: 260vw;
        margin-bottom: 50px;
    }

    .inner-marquee {
        width: 150vw;
    }

    .bold-text-9, .bold-text-10 {
        font-size: 21px;
    }

    .testimonial-marquee {
        width: 220vw;
        max-height: 350px;
        grid-column-gap: 50px;
        grid-row-gap: 50px;
    }

        .testimonial-marquee.view {
            display: none;
        }

    .inner-testimonial-marquee {
        width: 140vw;
    }

    .bold-text-12, .bold-text-13, .bold-text-14, .bold-text-15, .bold-text-16, .bold-text-17 {
        font-family: Space Grotesk, sans-serif;
        font-size: 21px;
    }

    .bold-text-18, .bold-text-19, .bold-text-20 {
        font-family: Space Grotesk, sans-serif;
    }

    .bold-text-21 {
        font-family: Space Grotesk, sans-serif;
        font-weight: 700;
    }

    .features-metrics {
        grid-row-gap: 32%;
    }

    .features-metrics-marquee.scm-marquee, .features-inner-marquee.scm-inner-marquee {
        width: auto;
        grid-column-gap: 40px;
        grid-row-gap: 40px;
    }

    .scm-marquee {
        grid-column-gap: 40px;
        grid-row-gap: 40px;
        align-items: center;
        display: flex;
    }

    .scm-inner-marquee {
        width: auto;
        grid-column-gap: 40px;
        grid-row-gap: 40px;
        justify-content: space-around;
        display: flex;
    }

    .div-block-24 {
        grid-column-gap: 40px;
        justify-content: center;
    }
}

@media screen and (max-width: 991px) {
    h1 {
        font-size: 57px;
    }

    h2 {
        font-size: 45px;
    }

    h3 {
        font-size: 34px;
    }

    .display-heading {
        font-size: 65px;
    }

        .display-heading.home-hero-heading.white-center {
            width: 768px;
            max-width: 768px;
        }

    .wrapper {
        flex-direction: column;
    }

        .wrapper.features-2-wrapper {
            width: 80%;
            max-width: none;
            min-width: 80%;
            padding-left: 0%;
        }

        .wrapper.home-feature-3-wrapper, .wrapper.feature-4-wrapper.features {
            flex-direction: column;
        }

        .wrapper.cta-wrapper {
            width: 100%;
            text-align: center;
            border-radius: 0;
        }

        .wrapper.about-values-wrapper {
            align-items: flex-start;
        }

        .wrapper.home-hero-wrapper {
            padding-bottom: 160px;
        }

            .wrapper.home-hero-wrapper.homepage-3 {
                flex-direction: column;
            }

            .wrapper.home-hero-wrapper.homepage-2 {
                padding-bottom: 0;
            }

        .wrapper.features-loop-wrapper {
            flex-direction: row;
            align-items: flex-start;
        }

        .wrapper.pricing-hero-wrapper.pricing-page-2 {
            flex-direction: column;
            align-items: flex-start;
            padding-bottom: 100px;
        }

        .wrapper.faq-wrapper {
            align-items: flex-start;
        }

        .wrapper.blog-subscribe-wrapper {
            padding-left: 60px;
            padding-right: 60px;
        }

        .wrapper.contact-form-wrapper {
            padding-top: 58px;
            overflow: visible;
        }

        .wrapper.location-wrapper {
            align-items: flex-start;
        }

        .wrapper.sign-up-wrapper {
            height: auto;
            align-items: center;
        }

        .wrapper.vacancy-hero-wrapper {
            flex-direction: column;
            align-items: flex-start;
        }

        .wrapper.footer-wrapper {
            padding-top: 100px;
        }

            .wrapper.footer-wrapper._80-top-padding {
                object-fit: fill;
                flex-wrap: wrap;
                overflow: visible;
            }

        .wrapper.search-result {
            width: 90%;
        }

        .wrapper.download-cards-wrapper {
            grid-row-gap: 40px;
            grid-template-columns: 1fr 1fr;
            align-items: start;
        }

        .wrapper.features-vertical-tabs {
            padding-bottom: 80px;
        }

        .wrapper.plans-grid {
            flex-direction: column-reverse;
        }

        .wrapper.support {
            align-items: flex-start;
        }

        .wrapper.cs {
            padding-top: 80px;
        }

        .wrapper.overview-section.no-top-padding {
            padding-bottom: 124px;
        }

        .wrapper.checkout {
            width: 85%;
        }

        .wrapper.navigation-wrapper {
            flex-direction: row;
        }

        .wrapper.features-vertical-tabs {
            padding-bottom: 80px;
        }

    .home-hero-left {
        width: 100%;
        margin-bottom: 80px;
    }

        .home-hero-left.homepage-3 {
            width: 100%;
            margin-left: 0%;
        }

    .para-large.home-hero-para {
        font-size: 20px;
    }

        .para-large.home-hero-para.white-center {
            width: 768px;
            max-width: 768px;
        }

    .para-large.overview {
        width: 95%;
        font-size: 20px;
    }

    .button.header-form-button {
        width: 100%;
        margin-top: 8px;
        margin-right: 20px;
        font-size: 14px;
    }

    .button.navigation-button {
        margin-top: 0;
        margin-left: 0;
        padding-top: 15px;
        padding-bottom: 15px;
        font-size: 16px;
        display: none;
    }

        .button.navigation-button.mobile {
            max-width: 110px;
            flex-direction: row;
            justify-content: center;
            align-items: flex-start;
            margin-left: 5%;
            display: flex;
        }

    .button.top-marin-80px {
        margin-top: 0;
    }

    .home-hero-pointers {
        margin-top: 60px;
    }

    .image.contain.signup {
        display: none;
    }

    .image.nav-icons {
        width: 27px;
        object-fit: fill;
    }

    .home-hero-images-container {
        width: 100%;
        margin-top: 0;
        margin-left: auto;
        margin-right: auto;
    }

        .home-hero-images-container.homepage-2 {
            order: 1;
        }

    .home-hero-main-image.homepage-2 {
        border-radius: 30px;
    }

    .hero-floating-image-1.homepage-2 {
        width: 200px;
        height: 55px;
        bottom: 11%;
    }

    .hero-floating-image-2.homepage-2 {
        width: 260px;
        height: auto;
    }

    .hero-floating-image-3.homepage-2 {
        width: 60px;
        height: 60px;
        top: 0%;
        left: 0%;
    }

    .home-stats-grid-item.middle.review, .home-stats-grid-item.review {
        text-align: center;
    }

    .stats-number-text {
        font-size: 52px;
    }

    .home-features-images-container {
        width: 100%;
        order: 1;
        margin-bottom: 60px;
    }

        .home-features-images-container.feature-3 {
            width: 100%;
            width: 100%;
            width: 100%;
        }

    .home-features-1-main-image {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }

    .home-feature-1-floating-image.feature-3 {
        bottom: 2%;
        right: -2%;
    }

    .home-feature-1-image-background {
        height: 600px;
        top: 10%;
        bottom: auto;
        left: 0%;
        right: auto;
    }

    .home-feature-1-content {
        z-index: 1;
        width: 100%;
        position: relative;
    }

        .home-feature-1-content.white {
            width: 100%;
            max-width: 100%;
            margin-bottom: 60px;
        }

    .features-2-section {
        width: 100%;
    }

    .home-features-tab {
        flex-direction: column;
        justify-content: center;
    }

    .home-features-tab-menu {
        width: 100%;
        max-width: 550px;
        flex-flow: column wrap;
        justify-content: center;
        margin-bottom: 40px;
        margin-right: 0;
    }

    .home-feature-tab-link.middle {
        padding-left: 20px;
        padding-right: 20px;
    }

    .home-tabs-content {
        width: 90%;
        margin-top: 40px;
    }

    .integration-up {
        flex-direction: column;
        align-items: flex-start;
    }

    .integration-heading-and-subheading {
        margin-bottom: 40px;
    }

    .h2-60-px {
        font-size: 57px;
    }

    .home-integration-circle-2 {
        bottom: -9%;
    }

    .feature-3-floating-image-2 {
        right: 1%;
    }

    .feature-3-circle {
        left: 10%;
    }

    .feature-4-left {
        width: 100%;
        max-width: 620px;
    }

    .pointer-grid {
        width: 100%;
        margin-top: 35px;
        padding-top: 0;
    }

        .pointer-grid._2-rows {
            grid-template-rows: auto auto auto auto;
            grid-template-columns: 1fr 1fr;
        }

    .cta-section {
        margin-bottom: 0;
    }

    .about-hero-text {
        font-size: 20px;
    }

    .about-image {
        height: 400px;
    }

    .about-story-left, .about-story-right {
        width: 100%;
    }

    .about-story-text {
        font-size: 20px;
    }

    .about-lightbox {
        height: 500px;
    }

    .about-values-left {
        width: 100%;
    }

    .home-blog-heading-and-button {
        flex-direction: column;
        align-items: flex-start;
    }

    .home-blogs-container {
        grid-column-gap: 20px;
        grid-row-gap: 20px;
        grid-template-rows: auto auto;
        grid-template-columns: 1.5fr;
    }

    .featured-main-item {
        overflow: hidden;
    }

        .featured-main-item.round-edges {
            border-radius: 12px;
        }

    .feature-collection-list._2 {
        height: auto;
        grid-row-gap: 0px;
        grid-template-rows: auto;
        grid-template-columns: 1fr 1fr;
    }

    .feature-collection-item, .feature-image {
        height: auto;
    }

    .features-hero-text {
        font-size: 20px;
    }

    .features-cards {
        width: 400px;
        max-width: none;
    }

    .visual-features-up {
        flex-direction: column;
        align-items: flex-start;
    }

    .visual-features-text {
        margin-top: 30px;
    }

    .visual-features-items-container {
        max-width: 500px;
        grid-row-gap: 40px;
        grid-template-columns: 1fr;
        margin-left: auto;
        margin-right: auto;
    }

        .visual-features-items-container.nav {
            max-width: 310px;
            display: block;
        }

            .visual-features-items-container.nav.pages {
                width: 100%;
                max-width: none;
                width: 100%;
                max-width: none;
                border-right-style: none;
                margin: 0;
                padding-left: 0;
            }

    .visual-features-item.navbar.horizontal {
        justify-content: flex-start;
    }

    .white-2._500w {
        margin-top: 20px;
        margin-bottom: 0;
    }

    .home-features-image {
        width: 80%;
        margin-left: auto;
        margin-right: auto;
        left: 4%;
    }

    .features-5-items-container {
        grid-template-columns: 1fr 1fr;
    }

    .team-collection-list {
        grid-row-gap: 60px;
        grid-template-columns: 1fr 1fr;
    }

    .team-member-image {
        width: 100%;
    }

    .pricing-hero-heading.pricing-page-2 {
        margin-bottom: 39px;
        font-size: 50px;
        overflow: hidden;
    }

    .pricing-hero-text {
        font-size: 20px;
    }

        .pricing-hero-text.pricing-page-2 {
            width: 100%;
            margin-top: 40px;
            margin-bottom: 0;
        }

    .pricing-tables-container.monthly, .pricing-tables-container.yearly {
        grid-row-gap: 40px;
        grid-template-columns: 1fr 1fr;
    }

    .pricing-tables-container.pricing-page-3 {
        flex-flow: wrap;
        grid-template-columns: 1fr 1fr;
        justify-content: space-between;
        margin-bottom: 40px;
        display: flex;
    }

    .pricing-table-item {
        width: 100%;
    }

        .pricing-table-item.pricing-page-3 {
            width: 60%;
            width: 80%;
            margin-top: 50px;
            margin-left: auto;
            margin-right: auto;
        }

    .pricing-table-button.ecom:hover {
        color: #0f1f3d;
        background-color: rgba(30, 189, 83, .3);
    }

    .faq-right, .faq-heading-and-subheading {
        width: 100%;
    }

    .blog-item.horizontal {
        flex-direction: column;
        margin-bottom: 60px;
    }

    .blogs-collection-list {
        grid-row-gap: 60px;
        grid-template-columns: 1fr 1fr;
    }

    .blog-image.blog-page-2-down {
        width: 100%;
    }

    .blog-subscribe-left {
        width: 100%;
        max-width: none;
    }

    ._22-px {
        font-size: 20px;
    }

    .blog-subscribe-form-container {
        width: 100%;
    }

    .career-image-item {
        width: 100%;
        margin-bottom: 30px;
    }

    .jobs-left {
        width: 100%;
    }

    .jobs-right {
        width: 100%;
        padding-top: 0;
    }

    .job-tabs {
        margin-top: 20px;
    }

    .job-tabs-menu {
        margin-bottom: 20px;
        position: static;
    }

    .job-tab-pane {
        padding-left: 0;
        padding-right: 0;
    }

    .job-dot-details.job-post {
        font-size: 20px;
    }

    .perks-items-container {
        grid-template-columns: 1fr 1fr;
    }

    .contact-hero-text {
        font-size: 20px;
    }

    .contact-form-block {
        padding: 40px;
    }

    .location-left {
        margin-bottom: 40px;
    }

    .location-images-container {
        width: 100%;
    }

    .location-image {
        height: auto;
    }

    .sign-up-image {
        display: none;
    }

    .sign-up-logo {
        width: 158px;
        height: 28px;
        background-image: url("https://uploads-ssl.webflow.com/64351eef0f8f43aa55f4d9f3/64351eef0f8f43ed0af4db04_Group%2088.svg");
        background-repeat: no-repeat;
        background-size: contain;
        top: 30px;
        left: 40px;
    }

    .sign-up-right {
        padding-top: 157px;
        padding-bottom: 138px;
    }

    

    .comparison-up {
        flex-direction: column;
        align-items: flex-start;
    }

    .comparison-table-item {
        grid-row-gap: 19px;
        grid-template-columns: 1fr 1fr 1fr;
    }

        .comparison-table-item.sticky {
            background-color: #fff;
            position: -webkit-sticky;
            position: sticky;
            top: 0;
        }

    .comparison-table {
        position: relative;
    }

    .hero-integrations-text {
        max-width: 500px;
        font-size: 20px;
    }

    .integrations-features-items {
        max-width: 500px;
        grid-row-gap: 40px;
        grid-template-columns: 1fr;
    }

    .most-popular-integrations-up {
        flex-flow: column wrap;
        align-items: flex-start;
    }

    .most-popular-integrations-headings {
        max-width: none;
    }

    .most-popular-integrations-text {
        width: 76%;
        max-width: none;
        margin-top: 20px;
    }

    .vacancy-post-hero-left {
        margin-bottom: 60px;
    }

    .rich-text-wrapper, .style-guide-main-content, .licensing-main {
        width: 100%;
    }

    .testimonial-item {
        max-width: 500px;
    }

        .testimonial-item.review-hero-middle {
            margin-left: auto;
            left: 0;
            right: 0;
        }

    .home-hero-bg-circle {
        display: none;
    }

    .home-blog-heading {
        margin-bottom: 30px;
    }

    .footer {
        margin-top: 0;
        overflow: hidden;
    }

    .footer-up {
        object-fit: cover;
        grid-template-columns: 1fr 1fr 1fr;
        overflow: hidden;
    }

    .footer-logo-and-subscribe {
        margin-bottom: 40px;
    }

    .footer-form-block {
        max-width: 620px;
        margin-top: 0;
    }

    .main-form-field-label {
        margin-top: -17px;
        margin-bottom: -4px;
        padding-top: 62px;
        padding-bottom: 0;
    }

    .footer-field-and-button {
        flex-wrap: wrap;
        align-content: flex-end;
        margin-top: 14px;
    }

    .footer-text-field {
        width: 100%;
        text-align: center;
        flex: 0 auto;
        align-self: auto;
        padding-left: 0;
        padding-right: 0;
        font-size: 14px;
        display: block;
    }

    .footer-down {
        flex-direction: column;
    }

    .footer-social-icons-container {
        padding-top: 8px;
        overflow: hidden;
    }

    .blog-featured-main-collection-list {
        margin-bottom: 20px;
    }

    .footer-logo {
        margin-bottom: 10px;
    }

    .navigation-drop-container {
        flex-direction: column;
    }

        .navigation-drop-container.features.pages {
            align-items: flex-start;
        }

    .dropdown-toggle {
        justify-content: flex-start;
        margin-left: 5%;
        margin-right: 5%;
        padding-left: 0;
        display: flex;
    }

        .dropdown-toggle.white {
            color: #0d0e10;
        }

    .navbar-brand {
        width: auto;
        margin-right: auto;
        padding-left: 0;
    }

    .navigation-left {
        width: 15%;
    }

    .dropdown-list.w--open {
        width: 90%;
        min-width: auto;
        margin-left: 5%;
        margin-right: 5%;
        padding-top: 0;
        position: relative;
        top: 0;
    }

    .dropdown-list.blog.w--open {
        width: 90%;
    }

    .navigation-right {
        width: 50%;
        margin-right: 0;
    }

    .navigation-menu {
        width: 100%;
        background-color: #fff;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        padding-bottom: 30px;
        display: flex;
        position: absolute;
        box-shadow: 0 50px 30px rgba(0, 0, 0, .06);
    }

    .dropdown-arrow {
        margin-left: 7px;
        margin-right: 0;
        position: relative;
    }

    .nav-link {
        margin-left: 5%;
        margin-right: 5%;
        padding-left: 0;
        display: block;
    }

        .nav-link.login {
            padding: 15px 10px;
        }

            .nav-link.login.desktop {
                display: none;
            }

        .nav-link.white {
            color: #0d0e10;
        }

        .nav-link.login-mob {
            display: block;
        }

    .dropdown {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }

    .dropdown-list-full-wrapper {
        box-shadow: none;
        padding: 0;
    }

    .navigation {
        display: block;
    }

    .menu-button-mob {
        width: 50px;
        color: #6b6768;
        flex: none;
        justify-content: center;
        align-items: center;
        margin-top: 0;
        margin-bottom: 0;
        margin-left: 0;
        padding: 11px;
        display: flex;
        position: relative;
        top: 0%;
        bottom: 0%;
        left: auto;
        right: 0%;
    }

        .menu-button-mob.w--open {
            color: #6b6768;
            background-color: rgba(0, 0, 0, 0);
        }

    .navigation-center {
        display: block;
    }

    .download-image {
        width: 100%;
        padding-top: 10px;
    }

    .faqs-text-wrap {
        width: 100%;
        margin-bottom: 40px;
    }

    .h2-heading {
        font-size: 50px;
        line-height: 100%;
    }

    .faq-answer-wrap {
        padding-bottom: 0;
    }

    .faq-content {
        padding-bottom: 24px;
    }

    .wrapper-1200px.faqs {
        flex-direction: column;
    }

    .faqs-wrapper {
        width: 100%;
        padding-top: 0;
    }

    .review-text-container {
        width: 100%;
        max-width: 100%;
        margin-top: 60px;
    }

    .review-hero-paragraph {
        font-size: 16px;
    }

    .review-tweet-container {
        width: 100%;
        max-width: none;
        margin-top: 100px;
        margin-left: auto;
        margin-right: auto;
    }

    .reviews-grid.left {
        margin-right: 24px;
    }

    .hero-bg-circle-reviews {
        display: none;
    }

    .logos-contain {
        flex-wrap: wrap;
        align-content: stretch;
    }

    .logos-image {
        margin-bottom: 20px;
        margin-left: 2%;
        margin-right: 2%;
    }

    .logos-wrapper, .features-slider-wrapper {
        flex-direction: column;
        padding-top: 100px;
        padding-bottom: 100px;
    }

    .features-top-wrapper {
        flex-direction: column;
        align-items: flex-start;
    }

    .testimonial-slider {
        display: none;
    }

    .testimonial-left {
        left: -80px;
    }

    .testimonial-right {
        right: -80px;
    }

    .two-cards-cta-section {
        margin-bottom: 100px;
    }

    .two-cards-grid {
        grid-row-gap: 40px;
        grid-template-columns: 1fr;
    }

    .background-image-container {
        background-size: auto;
    }

    .hero-image-floating-4 {
        width: 20%;
    }

    .statistics-left-container {
        width: 100%;
    }

    .home-feature-vertical-tabs {
        order: 0;
    }

    .features-tabs-menu {
        grid-column-gap: 20px;
        grid-row-gap: 30px;
        flex-flow: wrap;
    }

    .integration-icon-wrap {
        width: 100px;
        height: 100px;
    }

    .case-studies-section.cs-page {
        margin-top: 60px;
    }

    .cta-wrapper-left {
        width: 100%;
        flex-direction: column;
        align-items: flex-start;
        display: flex;
    }

        .cta-wrapper-left.trial {
            align-items: center;
        }

    .white-button {
        margin-top: 40px;
    }

    .pricing-top-left {
        width: 100%;
    }

    .pricing-page-2-blog---grid {
        margin-top: 0;
        margin-bottom: 100px;
    }

    .blog-container---pricing-page-2 {
        width: 100%;
        margin-top: 100px;
        margin-right: 0%;
        position: static;
    }

    .pricing-grid-contain {
        width: 100%;
        margin-top: 60px;
    }

    .pricing-points-grid-contain {
        flex-direction: column;
    }

    .pricing-points-grid {
        margin-bottom: 12px;
    }

    .price-point {
        padding-bottom: 0;
    }

        .price-point.bottom {
            margin-left: 0;
        }

    .pricing-bottom-flex {
        flex-wrap: wrap;
    }

    .demo-section {
        margin-bottom: 100px;
    }

    .demo-flex-wrapper {
        width: 100%;
    }

    .demo-heading {
        text-align: center;
        margin-bottom: 40px;
    }

    .demo-left-text-contain {
        width: 100%;
        max-width: 100%;
        margin-top: 0;
        padding-left: 0%;
    }

        .demo-left-text-contain.partner {
            width: 100%;
            align-self: stretch;
            padding-left: 5%;
            padding-right: 5%;
        }

    .demo-form-contain {
        width: 100%;
        max-width: none;
        margin-top: 100px;
        margin-left: auto;
        margin-right: auto;
        position: relative;
        top: 0%;
    }

    .detail-rich-text {
        width: 100%;
    }

    .page-wrapper {
        overflow: hidden;
    }

    .integration-collection {
        flex-wrap: wrap;
    }

    .integration-item {
        width: 50%;
    }

    .support-text {
        width: 100%;
    }

    .blog-tabs {
        flex-direction: column;
    }

    .tabs-blog-menu {
        flex-direction: row;
        justify-content: space-between;
        margin-bottom: 40px;
        margin-right: 0;
        position: static;
    }

    .blog-right {
        margin-top: 20px;
        padding-left: 0;
    }

    .blog-tab {
        padding-left: 20px;
        padding-right: 20px;
    }

        .blog-tab.w--current {
            border-bottom: 2px solid #145aff;
            border-right-style: none;
        }

    .left-text-contain {
        width: 100%;
        max-width: 100%;
        margin-top: 0;
    }

        .left-text-contain.blog-page-3 {
            width: 100%;
        }

        .left-text-contain._50-width {
            width: 85%;
            margin-top: 60px;
        }

    .image-case-study {
        width: 100%;
        max-width: none;
        margin-top: 60px;
        margin-left: auto;
        margin-right: auto;
        display: flex;
        position: relative;
    }

        .image-case-study.static {
            justify-content: center;
            margin-top: 0;
            display: flex;
        }

    .cs-hero-paragraph {
        font-size: 20px;
    }

    .case-study-wrapper {
        flex-direction: column;
    }

        .case-study-wrapper.template {
            padding-top: 60px;
        }

        .case-study-wrapper.reverse {
            flex-direction: column-reverse;
        }

    .case-study-image {
        margin-left: auto;
        margin-right: auto;
    }

        .case-study-image.cs-main {
            height: auto;
            max-width: 80%;
        }

    .case-studies-collection {
        flex-wrap: wrap;
        display: flex;
    }

    .case-study-item {
        max-width: 400px;
        flex-wrap: nowrap;
    }

        .case-study-item.pricing-page-2 {
            max-width: none;
        }

    .cs-image.pricing-page-2 {
        height: 300px;
        max-width: none;
    }

    .cs-content {
        padding-top: 100px;
        padding-bottom: 140px;
    }

    .cs-rich-text blockquote {
        margin-left: 0;
        margin-right: 0;
        font-size: 20px;
    }

    .blog-image-contain {
        width: 100%;
        max-width: none;
        margin-top: 60px;
        margin-left: auto;
        margin-right: auto;
    }

        .blog-image-contain.homepage-3 {
            margin-top: 0;
            margin-bottom: 60px;
        }

    .blog-wrapper {
        flex-direction: column;
    }

        .blog-wrapper.reverse {
            flex-direction: column-reverse;
        }

    .blog-image-page-3, .blog-item-page-3 {
        width: 100%;
    }

    .case-study-headings.demo-page {
        margin-bottom: 40px;
    }

    .collection-item-case-study {
        width: 50%;
        flex-wrap: nowrap;
        display: flex;
    }

    .collection-list-case-study, .collection-list-blog-2, .collection-list-wrapper-blog {
        flex-wrap: wrap;
        display: flex;
    }

    .collection-item-blog-2, .collection-item-2 {
        width: 100%;
        margin-bottom: 60px;
    }

    .right-side-links {
        width: 100%;
    }

    .divider-nav {
        margin-top: 18px;
    }

    .password-wrapper {
        margin-top: 100px;
    }

    .overview-stats-section {
        margin-top: -60px;
    }

    .overview-grid {
        flex-direction: column;
    }

    .overview-wrapper {
        margin-bottom: 20px;
    }

        .overview-wrapper.middle {
            margin-left: 0;
            margin-right: 0;
        }

        .overview-wrapper.right {
            margin-left: 0;
        }

    .headings {
        width: 100%;
        justify-content: center;
        margin-bottom: 20px;
        display: flex;
    }

    .pricing-row-contain {
        flex-direction: column;
    }

        .pricing-row-contain.sticky {
            z-index: 10;
            background-color: #fff;
            flex-direction: column;
            position: -webkit-sticky;
            position: sticky;
            top: 0;
        }

    .price-grid-contain {
        width: 100%;
        grid-template-columns: 1fr 1fr 1fr;
        grid-auto-columns: .25fr;
        grid-auto-flow: row;
    }

    .collection-item-3 {
        width: 50%;
    }

    .image-container {
        width: 100%;
    }

        .image-container.product-hero {
            width: 100%;
            margin-top: 50px;
        }

    .text-container {
        width: 100%;
    }

        .text-container.product-hero {
            width: 100%;
            margin-top: 0;
        }

    .checkout-form {
        padding: 0;
    }

    .order-summary-contain {
        width: 100%;
        position: static;
    }

    .left-information-checkout {
        width: 100%;
        margin-bottom: 20px;
        margin-right: 0;
    }

    .collection-list-wrapper-ecom-plans {
        width: 80%;
    }

    .collection-item-4 {
        width: 100%;
        justify-content: center;
        margin-bottom: 40px;
        display: flex;
    }

    .cart-list {
        padding-left: 10px;
    }

    .collection-item-cs-temp {
        width: 100%;
        justify-content: center;
        display: flex;
    }

    .button-2.top-marin-80px {
        margin-top: 0;
    }

    .image-4.nav-icons {
        width: 27px;
        object-fit: fill;
    }

    .nav-link-2 {
        margin-left: 5%;
        margin-right: 5%;
        padding-left: 0;
        display: block;
    }

        .nav-link-2.login {
            padding: 15px 10px;
        }

            .nav-link-2.login.desktop {
                display: none;
            }

        .nav-link-2.login-mob {
            display: block;
        }

        .nav-link-2.white {
            color: #0d0e10;
        }

    .button-3.navigation-button {
        margin-top: 0;
        margin-left: 0;
        padding-top: 15px;
        padding-bottom: 15px;
        font-size: 16px;
        display: none;
    }

        .button-3.navigation-button.mobile {
            max-width: 110px;
            flex-direction: row;
            justify-content: center;
            align-items: flex-start;
            margin-left: 5%;
            display: flex;
        }

    .divider-nav-2 {
        margin-top: 18px;
    }

    .navigation-menu-2 {
        width: 100%;
        background-color: #fff;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        padding-bottom: 30px;
        display: flex;
        position: absolute;
        box-shadow: 0 50px 30px rgba(0, 0, 0, .06);
    }

    .navigation-2 {
        display: block;
    }

    .dropdown-toggle-2 {
        justify-content: flex-start;
        margin-left: 5%;
        margin-right: 5%;
        padding-left: 0;
        display: flex;
    }

        .dropdown-toggle-2.white {
            color: #0d0e10;
        }

    .button-4.navigation-button {
        margin-top: 0;
        margin-left: 0;
        padding-top: 15px;
        padding-bottom: 15px;
        font-size: 16px;
        display: none;
    }

        .button-4.navigation-button.mobile {
            max-width: 110px;
            flex-direction: row;
            justify-content: center;
            align-items: flex-start;
            margin-left: 5%;
            display: flex;
        }

    .f2wf-columns {
        flex-direction: column;
        align-items: center;
    }

    .phone-only-column {
        width: 75%;
        flex-flow: column;
        align-items: center;
        margin-top: 10px;
        margin-bottom: 0;
    }

        .phone-only-column.last {
            margin-top: 10px;
            margin-bottom: 0;
        }

        .phone-only-column.phone {
            display: flex;
        }

    .column-scm {
        width: 75%;
        flex-wrap: wrap;
        align-content: center;
        align-items: center;
    }

    .content {
        /* flex-direction: row; */
    }

    .testimonial-column-light-3 {
        align-self: center;
        margin-left: -33px;
        margin-right: -33px;
    }

    .form {
        margin-top: -36px;
    }

    .frame-18 {
        width: auto;
        max-width: none;
        min-width: 768px;
        flex-wrap: wrap;
        margin-left: 0;
        margin-right: 0;
        padding: 40px 0 140px;
        overflow: visible;
    }

    .content-2 {
        width: 760px;
        max-width: 760px;
        margin-top: 0;
        margin-left: 0;
    }

    .lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tristique-duis-cursus-mi-quis-viverra-ornare-eros-dolor-interdum-nulla-ut-commodo-diam-libero-vitae-erat {
        width: 600px;
        max-width: 600px;
        order: 1;
        align-self: center;
        margin-left: 0;
        padding-bottom: 18px;
        padding-right: 0;
        overflow: hidden;
    }

    .image-135 {
        width: 500px;
        max-width: 500px;
        flex: 0 auto;
        order: 0;
        align-self: auto;
        margin-left: 0;
        padding-left: 0;
        padding-right: 0;
        display: block;
        position: static;
        left: 0;
    }

        .image-135.home-stats-grid-item.axa {
            width: 350px;
            max-width: none;
            align-self: center;
            margin-top: 40px;
        }

    .title-copy-goes-here-be-awesome-0 {
        overflow: visible;
    }

    .left-text-contain-copy {
        width: 100%;
        max-width: 100%;
        margin-top: 0;
    }

        .left-text-contain-copy.blog-page-3 {
            width: 100%;
        }

        .left-text-contain-copy._50-width {
            width: 85%;
            margin-top: 60px;
        }

    .f2wf-columns-3, .f2wf-columns-4 {
        flex-direction: column;
        align-items: center;
    }

    .image-138 {
        margin-top: 0;
    }

    .nav-menu {
        background-color: rgba(0, 0, 0, .95);
    }

    .feature-tab-link-3 {
        width: 100%;
        border-radius: 30px;
    }

        .feature-tab-link-3.w--current {
            width: 100%;
            height: 210px;
            padding-top: 0;
            padding-bottom: 0;
        }

    .feature-3-circle-2 {
        left: 10%;
    }

    .home-features-heading-3.white {
        letter-spacing: 1px;
        order: -1;
    }

    .wrapper-2, .wrapper-2.home-feature-3-wrapper {
        flex-direction: column;
    }

        .wrapper-2.features-vertical-tabs {
            padding-bottom: 80px;
        }

        .wrapper-2.home-feature-1-wrapper.home-2 {
            flex-direction: column;
        }

        .wrapper-2.navigation-wrapper {
            flex-direction: row;
            justify-content: flex-start;
        }

        .wrapper-2.feature-4-wrapper.features {
            flex-direction: column;
        }

    .image-140.contain {
        overflow: visible;
    }

    .home-features-images-container-2 {
        width: 100%;
        margin-bottom: 60px;
    }

    .frame-2752 {
        width: 50%;
    }

    .frame-2767 {
        width: 100%;
        max-width: 100%;
        object-fit: fill;
        font-family: Montserrat, sans-serif;
        font-weight: 400;
    }

    .image-142 {
        width: 100%;
        max-width: 80%;
        box-shadow: none;
        border-radius: 0;
        align-self: center;
        margin-bottom: 55px;
        overflow: hidden;
    }

    .desktop---1 {
        height: auto;
        margin-top: auto;
        padding: 40px;
        overflow: hidden;
    }

    .frame-2777 {
        overflow: hidden;
    }

    .frame-2781 {
        grid-column-gap: 30px;
        grid-row-gap: 30px;
        overflow: hidden;
    }

    .frame-2782 {
        grid-column-gap: 50px;
        grid-row-gap: 0px;
    }

    .image-148 {
        opacity: 1;
        mix-blend-mode: normal;
    }

    .frame-2783, .frame-2784 {
        grid-column-gap: 50px;
        grid-row-gap: 0px;
    }

    .container-5 {
        max-width: 728px;
    }

    .hero-wrapper {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        margin-bottom: -40px;
    }

    .hero-split {
        max-width: 100%;
        margin-bottom: 40px;
    }

    .image-151 {
        max-width: 0%;
        overflow: hidden;
    }

    .container-6 {
        max-width: 728px;
    }

    .gallery-wrapper {
        grid-template-columns: 1fr 1fr;
    }

    .gallery-slider-left {
        left: -20px;
    }

    .gallery-slider-right {
        right: -20px;
    }

    .newsletter-form {
        width: 100%;
        overflow: hidden;
    }

    .frame-2807 {
        width: 100%;
        height: 100%;
        max-height: none;
        max-width: none;
        grid-row-gap: 35px;
        object-fit: fill;
        flex-flow: column-reverse wrap;
        align-self: center;
        overflow: auto;
    }

    .description-4 {
        font-size: 12px;
    }

    .frame-2815 {
        grid-row-gap: 35px;
    }

    .menu-button {
        background-color: rgba(59, 50, 50, 0);
    }

        .menu-button.w--open {
            background-color: #1a1a1a;
        }

    .desktop---2 {
        padding-top: 0;
        padding-left: 0;
        padding-right: 0;
    }

    .frame-2824 {
        width: auto;
        height: auto;
        max-height: none;
        max-width: none;
    }

    .frame-2825, .frame-2830 {
        grid-column-gap: 0px;
        grid-row-gap: 0px;
    }

    .heading-17 {
        align-self: center;
    }

    .team-rectangles-7.home-stats-grid-item {
        width: 100%;
        grid-column-gap: 40px;
        grid-row-gap: 40px;
        flex-wrap: wrap;
    }

    .button-7 {
        /* width: auto; */
        padding-left: 0;
    }

    .slider-2 {
        width: 750px;
        max-width: 996px;
        margin-left: auto;
        margin-right: auto;
    }

    .container-8 {
        max-width: 728px;
    }

    .nav-menu-wrapper {
        background-color: rgba(0, 0, 0, 0);
    }

    .nav-menu-two {
        background-color: #fff;
        border-radius: 50px;
        flex-wrap: wrap;
        justify-content: space-around;
        align-items: center;
        margin-top: 10px;
        padding: 20px;
        display: flex;
        box-shadow: 0 8px 50px rgba(0, 0, 0, .05);
    }

    .nav-link-4 {
        padding-left: 5px;
        padding-right: 5px;
    }

    .nav-dropdown-list.shadow-three.w--open {
        position: absolute;
    }

    .menu-button-2 {
        padding: 12px;
    }

        .menu-button-2.w--open {
            color: #fff;
            background-color: #a6b1bf;
        }

    .navbar-logo-left-2 {
        padding-right: 0;
    }

    .navbar-menu {
        max-width: unset;
    }

    .navbar-link, .navbar-button {
        justify-content: center;
    }

    .nav-menu-2 {
        background-color: #fff;
        flex-wrap: wrap;
        justify-content: space-around;
        align-items: center;
        padding-left: 0;
        display: flex;
    }

    .nav-button-wrapper {
        width: 100%;
        margin-left: 0;
    }

    .image-168.nav-icons {
        width: 27px;
        object-fit: fill;
    }

    .navbar-brand-4 {
        width: auto;
        margin-right: auto;
        padding-left: 0;
    }

    .nav-link-5 {
        margin-left: 5%;
        margin-right: 5%;
        padding-left: 0;
        display: block;
    }

        .nav-link-5.login {
            padding: 15px 10px;
        }

            .nav-link-5.login.desktop {
                display: none;
            }

        .nav-link-5.login-mob {
            display: block;
        }

    .button-8.navigation-button {
        margin-top: 0;
        margin-left: 0;
        padding-top: 15px;
        padding-bottom: 15px;
        font-size: 16px;
        display: none;
    }

        .button-8.navigation-button.mobile {
            max-width: 110px;
            flex-direction: row;
            justify-content: center;
            align-items: flex-start;
            margin-left: 5%;
            display: flex;
        }

    .navigation-menu-3 {
        width: 100%;
        background-color: #fff;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        padding-bottom: 30px;
        display: flex;
        position: absolute;
        box-shadow: 0 50px 30px rgba(0, 0, 0, .06);
    }

    .navigation-3 {
        display: block;
    }

    .dropdown-toggle-3 {
        justify-content: flex-start;
        margin-left: 5%;
        margin-right: 5%;
        padding-left: 0;
        display: flex;
    }

    .image-169.nav-icons {
        width: 27px;
        mix-blend-mode: luminosity;
        object-fit: fill;
    }

    .navbar-brand-5 {
        width: auto;
        margin-right: auto;
        padding-left: 0;
    }

    .button-9.navigation-button {
        margin-top: 0;
        margin-left: 0;
        padding-top: 15px;
        padding-bottom: 15px;
        font-size: 16px;
        display: none;
    }

        .button-9.navigation-button.mobile {
            max-width: 110px;
            flex-direction: row;
            justify-content: center;
            align-items: flex-start;
            margin-left: 5%;
            display: flex;
        }

    .navigation-4 {
        display: block;
    }

    .dropdown-toggle-4 {
        justify-content: flex-start;
        margin-left: 5%;
        margin-right: 5%;
        padding-left: 0;
        display: flex;
    }

    .button-10.navigation-button {
        margin-top: 0;
        margin-left: 0;
        padding-top: 15px;
        padding-bottom: 15px;
        font-size: 16px;
        display: none;
    }

        .button-10.navigation-button.mobile {
            max-width: 110px;
            flex-direction: row;
            justify-content: center;
            align-items: flex-start;
            margin-left: 5%;
            display: flex;
        }

    .navigation-5 {
        display: block;
    }

    .dropdown-toggle-5 {
        justify-content: flex-start;
        margin-left: 5%;
        margin-right: 5%;
        padding-left: 0;
        display: flex;
    }

    .button-11.navigation-button {
        margin-top: 0;
        margin-left: 0;
        padding-top: 15px;
        padding-bottom: 15px;
        font-size: 16px;
        display: none;
    }

        .button-11.navigation-button.mobile {
            max-width: 110px;
            flex-direction: row;
            justify-content: center;
            align-items: flex-start;
            margin-left: 5%;
            display: flex;
        }

    .navigation-6 {
        display: block;
    }

    .dropdown-toggle-6 {
        justify-content: flex-start;
        margin-left: 5%;
        margin-right: 5%;
        padding-left: 0;
        display: flex;
    }

    .button-12.navigation-button {
        margin-top: 0;
        margin-left: 0;
        padding-top: 15px;
        padding-bottom: 15px;
        font-size: 16px;
        display: none;
    }

        .button-12.navigation-button.mobile {
            max-width: 110px;
            flex-direction: row;
            justify-content: center;
            align-items: flex-start;
            margin-left: 5%;
            display: flex;
        }

    .navigation-7 {
        display: block;
    }

    .dropdown-toggle-7 {
        justify-content: flex-start;
        margin-left: 5%;
        margin-right: 5%;
        padding-left: 0;
        display: flex;
    }

    .navbar-button-2 {
        justify-content: center;
    }

    .collection-item-5 {
        width: 50%;
    }

    .gallery-overview-0 {
        grid-column-gap: 30px;
        grid-row-gap: 30px;
    }

    .frame-2871.home-stats-grid-item {
        width: 40%;
        height: 280px;
        max-height: 500px;
        grid-column-gap: 13px;
        grid-row-gap: 13px;
    }

    .text-52 {
        font-size: 13px;
    }

    .sliders {
        grid-column-gap: 30px;
        grid-row-gap: 30px;
        flex-wrap: wrap;
    }

    .frame-2000.home-stats-grid-item {
        height: 350px;
        flex-wrap: nowrap;
    }

    .pointer-grid-2 {
        width: 100%;
        margin-top: 60px;
    }

    .gallery-overview-2 {
        grid-column-gap: 30px;
        grid-row-gap: 30px;
    }

    .frame-2878.home-stats-grid-item {
        width: 40%;
        height: 280px;
    }

        .frame-2878.home-stats-grid-item.frame-2871 {
            width: 40%;
        }

    .text-58 {
        font-size: 13px;
    }

    .div-block-4 {
        padding-top: 0%;
        padding-right: 0%;
    }

    .heading-19.home-stats-grid-item {
        padding-top: 29px;
        font-size: 28px;
    }

    .paragraph-7 {
        font-size: 12px;
    }

    .frame-2925 {
        flex-wrap: wrap;
    }

    .description-12, .description-13 {
        font-size: 12px;
    }

    .frame-2933 {
        flex-wrap: nowrap;
        align-content: flex-start;
    }

    .vectors-wrapper-153 {
        width: 43.1154%;
    }

    .container-15 {
        flex-wrap: wrap;
        justify-content: center;
    }

    .white-button-2 {
        margin-top: 40px;
    }

    .cta-section-2 {
        margin-bottom: 0;
    }

    .container-fbs {
        padding-top: 35px;
    }

    .heading-24.subheading {
        margin-top: 49px;
    }

    .logo-title {
        grid-row-gap: 0px;
    }

    .logos {
        grid-row-gap: 64px;
        flex-direction: column;
        align-items: center;
        margin-top: 20px;
    }

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

    .container-19 {
        margin-bottom: 44px;
    }

    .section-8, .section-8._2nd {
        flex-wrap: wrap;
    }

    .slider-4 {
        display: none;
    }

    .container-21 {
        width: 100%;
    }

    .div-block-7, .div-block-8 {
        justify-content: center;
        display: flex;
    }

    .container-22 {
        flex-direction: column-reverse;
    }

    .wrapper-3 {
        flex-direction: column;
    }

        .wrapper-3.download-cards-wrapper {
            grid-row-gap: 40px;
            grid-template-columns: 1fr 1fr;
            align-items: start;
        }

    .text-block-59 {
        font-size: 15px;
    }

    .text-block-60 {
        font-size: 10px;
        display: none;
    }

    .div-block-19 {
        flex-direction: column;
    }

    .section-18 {
        display: none;
    }

    .div-block-20, .div-block-21 {
        flex-direction: column;
    }

    .div-block-22 {
        flex-direction: column-reverse;
    }

    .horizontal-marquee {
        width: 490vw;
        flex-wrap: nowrap;
        display: none;
    }

        .horizontal-marquee.mobile-view {
            width: 100%;
            flex-wrap: wrap;
            justify-content: center;
            display: flex;
        }

    .inner-marquee {
        width: 50%;
        grid-column-gap: 40px;
        grid-row-gap: 40px;
        flex-wrap: wrap;
        justify-content: center;
    }

    .testimonial-marquee {
        display: none;
    }

        .testimonial-marquee.view {
            width: 100%;
            flex-wrap: wrap;
            justify-content: center;
            display: flex;
        }

    .inner-testimonial-marquee {
        width: 70%;
        flex-wrap: wrap;
    }

    .features-metrics {
        flex-wrap: wrap;
        display: flex;
    }

        .features-metrics.mobile-view {
            display: flex;
        }

    .frame-2818 {
        align-self: flex-start;
    }

    .image-190 {
        object-fit: scale-down;
        align-self: center;
    }

    .vectors-wrapper-161 {
        object-fit: scale-down;
    }

    .section-19, .section-20 {
        display: none;
    }

    .div-block-24 {
        flex-wrap: wrap;
    }
}

@media screen and (max-width: 767px) {
    h1 {
        font-size: 52px;
    }

    h2 {
        font-size: 40px;
    }

    h3 {
        font-size: 30px;
    }

    h4 {
        font-size: 23px;
    }

    .display-heading {
        font-size: 55px;
    }

        .display-heading.home-hero-heading.white-center {
            width: 568px;
            max-width: 568px;
            overflow: visible;
        }

    .home-hero-section {
        margin-bottom: -1px;
    }

    .wrapper {
        width: 90%;
    }

        .wrapper.features-2-wrapper {
            padding-top: 100px;
            padding-bottom: 100px;
        }

        .wrapper.cta-wrapper {
            text-align: center;
            padding-left: 15px;
            padding-right: 15px;
        }

        .wrapper.about-images-wrapper {
            grid-template-columns: 1fr;
        }

        .wrapper.blog-subscribe-wrapper {
            width: 100%;
            border-radius: 0;
            margin-left: 0;
            margin-right: 0;
            padding-left: 30px;
            padding-right: 30px;
        }

        .wrapper.changelog-wrapper {
            text-align: center;
        }

        .wrapper.download-cards-wrapper {
            grid-template-columns: 1fr;
            justify-items: center;
        }

        .wrapper.support {
            padding-top: 100px;
            padding-bottom: 100px;
        }

        .wrapper.cs {
            padding-bottom: 0;
        }

        .wrapper.checkout {
            width: 90%;
        }

        .wrapper.client-page {
            width: 100%;
        }

    .para-large.home-hero-para.homepage-3 {
        font-size: 20px;
    }

    .para-large.home-hero-para.white-center {
        width: 568px;
        max-width: 568px;
        font-size: 20px;
    }

    .para-large.overview {
        font-size: 20px;
    }

    .button.navigation-button {
        margin-left: 0%;
    }

        .button.navigation-button.mobile {
            justify-content: center;
        }

    .home-hero-main-image {
        width: auto;
        height: 460px;
    }

    .hero-floating-image-1 {
        width: 160px;
        height: 160px;
        right: -8%;
    }

    .hero-floating-image-2 {
        width: 240px;
        height: 145px;
        left: -6%;
    }

        .hero-floating-image-2.homepage-2 {
            width: 200px;
        }

    .hero-floating-image-3 {
        right: -5%;
    }

        .hero-floating-image-3.homepage-3 {
            left: -5%;
        }

    .home-stats-grid {
        border-top-style: none;
        grid-template-columns: 1fr;
    }

    .home-stats-grid-item.middle {
        border-left-style: none;
        border-right-style: none;
    }

    .home-stats-grid-item.review {
        align-items: center;
        padding-bottom: 0;
    }

    .home-feature-1-image-background {
        height: 500px;
    }

    .home-feature-1-content.white {
        width: 100%;
        max-width: 100%;
        overflow: hidden;
    }

    .home-features-heading {
        color: #fff;
    }

    .features-learn-more-link.white.testimonial {
        margin-top: 140px;
    }

    .features-2-section {
        background-size: cover;
    }

    .white.features-4-text {
        text-align: left;
    }

    .h2-60-px {
        font-size: 52px;
    }

    .integrations-inside-container-1 {
        flex: none;
    }

    .feature-3-floating-image-2 {
        right: -2%;
    }

    .feature-3-circle {
        left: 3%;
    }

    .cta-text {
        font-size: 21px;
    }

    .cta-form {
        flex-flow: column wrap;
        align-items: center;
    }

        .cta-form.stretch {
            align-items: stretch;
        }

    .cta-form-field {
        margin-bottom: 20px;
        margin-right: 0;
    }

    .cta-pointers-container.left-align {
        flex-wrap: wrap;
    }

    .cta-pointer-item {
        margin-top: 10px;
    }

    .about-hero-text {
        max-width: 400px;
        font-size: 20px;
    }

    .about-lightbox {
        height: 550px;
    }

    .play-button {
        margin-top: 225px;
    }

    .home-blogs-container {
        grid-row-gap: 40px;
        grid-template-rows: 300px auto;
        grid-template-columns: 1fr;
    }

    .featured-main-item {
        height: 100%;
    }

    .featured-main-image {
        height: auto;
    }

    .feature-collection-list {
        grid-template-rows: 300px 300px;
    }

        .feature-collection-list._2 {
            grid-row-gap: 40px;
            grid-template-rows: 300px 300px;
            grid-template-columns: 1fr;
        }

    .features-cards {
        width: 400px;
    }

    .visual-features-items-container {
        width: 100%;
        grid-row-gap: 70px;
        grid-template-columns: 1fr;
    }

    .white-2.features-4-text {
        text-align: left;
    }

    .features-5-items-container {
        grid-column-gap: 20px;
    }

    .team-member-image {
        height: 280px;
    }

    .pricing-hero-heading.pricing-page-2 {
        letter-spacing: 1px;
        font-size: 45px;
    }

    .pricing-hero-text.pricing-page-2 {
        font-size: 20px;
    }

    .pricing-tables-container.monthly {
        grid-template-columns: 1fr;
    }

    .pricing-tables-container.yearly {
        grid-template-rows: auto;
        grid-template-columns: 1fr;
        grid-auto-columns: 1fr;
        display: none;
    }

    .pricing-tables-container.pricing-page-3 {
        flex-direction: column;
        grid-template-columns: 1fr;
        margin-bottom: 40px;
    }

    .pricing-table-item {
        width: 100%;
        max-width: 500px;
        margin-left: auto;
        margin-right: auto;
    }

        .pricing-table-item.pricing-page-3, .pricing-table-item.plans-ecommerce-ecommerce {
            width: 100%;
        }

    .pricing-table-button.pricing-page-2 {
        margin-bottom: 20px;
    }

    .blog-hero-text {
        font-size: 20px;
    }

    .all-blogs-heading.left {
        text-align: center;
    }

    .blogs-collection-list {
        max-width: 420px;
        grid-template-columns: 1fr;
        margin-left: auto;
        margin-right: auto;
    }

    .blog-image.blog-page-2, .blog-image.blog-page-3 {
        height: 350px;
    }

    ._22-px {
        font-size: 20px;
    }

    .blog-form-button.subscribe {
        width: 400px;
        max-width: 400px;
    }

    .blog-post-author-and-social {
        flex-direction: column;
        align-items: flex-start;
    }

    .blog-post-author {
        margin-bottom: 20px;
    }

    .job-dot-details {
        flex-direction: column;
        align-items: flex-start;
    }

    .job-dot {
        display: none;
    }

    .perks-items-container {
        grid-template-columns: 1fr 1fr;
    }

    .contact-form-block {
        padding-left: 30px;
        padding-right: 30px;
    }

    .contact-form-item {
        width: 100%;
    }

        .contact-form-item.up {
            margin-bottom: 20px;
        }

    .contact-form-row {
        flex-direction: column;
        align-items: stretch;
        margin-bottom: 20px;
    }

    .contact-cards-container {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .contact-card-item {
        width: 70%;
    }

        .contact-card-item.up {
            margin-bottom: 30px;
        }

    .location-image {
        object-fit: cover;
    }

    .sign-up-logo {
        left: 40px;
    }

    .integrations-features-items {
        grid-row-gap: 40px;
        grid-template-columns: 1fr;
    }

    .most-popular-integration-section.homepage-3 {
        padding-top: 0;
    }

    .most-popular-integrations-text {
        width: 90%;
    }

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

    .licensing-images-grid {
        grid-template-columns: 1fr;
    }

    .font-text {
        font-size: 50px;
    }

    .testimonial-item {
        max-width: 460px;
    }

        .testimonial-item.review-hero-middle {
            margin-left: 0;
        }

    .featured-main-collection-item, .featured-main-collection-list {
        height: 100%;
    }

    .integrations-inside-container-3 {
        flex: none;
    }

    .footer {
        margin-top: 0;
    }

    .main-form-field-label {
        margin-top: 40px;
    }

    .footer-field-and-button {
        width: 100%;
        max-width: none;
        flex-wrap: wrap;
    }

    .footer-text-field {
        font-size: 12px;
    }

    .footer-link.down, .footer-link.cf {
        margin-bottom: 0;
    }

    .footer-social-icons-container {
        margin-top: 40px;
    }

    .blog-featured-main-collection-list, .blog-featured-main-collection-item {
        height: 100%;
    }

    .footer-links-container {
        grid-row-gap: 50px;
        grid-template-columns: 1fr;
    }

    .footer-logo {
        margin-bottom: 0;
    }

    .job-dot-2 {
        display: none;
    }

    .navbar-brand {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .navigation-left {
        width: 5%;
    }

    .dropdown-list.w--open {
        width: 90%;
    }

    .navigation-right {
        width: 60%;
    }

    .menu-button-mob {
        width: 40px;
        padding-right: 10px;
    }

    .team-member-hero-name {
        font-size: 30px;
    }

    .download-card-wrapper {
        max-width: 80%;
    }

    .download-image {
        width: 100%;
    }

    .h2-heading {
        font-size: 40px;
    }

    .review-hero-paragraph {
        font-size: 15px;
    }

    .stats-wrapper {
        padding-bottom: 40px;
    }

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

    .reviews-grid.left {
        margin-bottom: 48px;
        margin-right: 0;
    }

    .reviews-grid.right {
        margin-bottom: 0;
    }

    .email-field.white {
        width: 300px;
    }

    .logos-wrapper, .features-slider-wrapper {
        width: 90%;
    }

    .testimonial-title {
        font-size: 20px;
    }

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

    .testimonial-left {
        display: none;
        top: auto;
        bottom: -20%;
        left: 0%;
        right: auto;
    }

    .testimonial-right {
        top: auto;
        bottom: -20%;
        left: 45%;
        right: auto;
    }

    .background-image-container {
        background-position: 50% 0;
        background-size: auto;
    }

    .statistics-right-text {
        font-size: 20px;
    }

    .integration-icon-bottom-row {
        margin-left: -10%;
    }

    .case-studies-section {
        margin-top: 0;
        margin-bottom: 40px;
    }

        .case-studies-section.cs-page {
            margin-top: 40px;
        }

    .pricing-top-flex {
        flex-direction: column;
        align-items: flex-start;
    }

    .price-plan-left-text {
        margin-bottom: 20px;
    }

    .pricing-points-grid-contain {
        flex-direction: column;
    }

    .pricing-points-grid {
        margin-bottom: 12px;
    }

    .pricing-bottom-flex {
        flex-direction: column;
        align-items: flex-start;
    }

    .demo-section {
        margin-bottom: 60px;
    }

    .demo-left-text-contain {
        width: 90%;
    }

    .demo-form-contain {
        margin-top: 60px;
    }

    .demo-form-block {
        padding-left: 40px;
        padding-right: 40px;
    }

    .integration-detail-about {
        font-size: 20px;
    }

    .integration-collection {
        justify-content: center;
    }

    .integration-item {
        width: 100%;
    }

    .support-hero-text {
        font-size: 20px;
    }

    .support-search.blog-2 {
        margin-top: 40px;
    }

    .hero-form-block {
        flex-flow: column wrap;
        align-items: stretch;
    }

    .email-form-field {
        margin-bottom: 20px;
        margin-right: 0;
    }

    .all-blogs-top-flex {
        flex-direction: column;
        align-items: center;
    }

    .left-text-contain._50-width {
        width: 100%;
    }

    .company-logo {
        max-width: 180px;
    }

    .cs-hero-paragraph {
        font-size: 20px;
    }

    .case-study-image.cs-main {
        height: auto;
        max-width: 80%;
    }

    .case-study-image.template {
        height: auto;
    }

    .case-study-item {
        max-width: none;
    }

    .cs-image {
        width: 100%;
        max-width: none;
    }

    .cs-rich-text blockquote {
        padding-left: 20px;
        font-size: 18px;
    }

    .blog-image-page-3 {
        height: 350px;
    }

    .blog-tab-page-3 {
        margin-top: 0;
        margin-right: 10px;
    }

    .case-study-headings.demo-page {
        margin-bottom: 20px;
    }

    .collection-item-case-study {
        width: 100%;
    }

    .tabs-menu {
        text-align: center;
        flex-direction: row;
        align-items: stretch;
        display: flex;
    }

    .divider-nav {
        margin-top: 18px;
    }

    .overview-images {
        width: 300px;
    }

    .background-colour-div {
        height: 800px;
    }

    .collection-item-3 {
        width: 100%;
        justify-content: center;
        display: flex;
    }

    .collection-list-3 {
        flex-direction: column;
        align-items: center;
        display: flex;
    }

    .collection-list-4 {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        display: flex;
    }

    .product-box-wrap {
        padding: 30px;
    }

    .buynow-button, .add-to-cart-buttons {
        width: 50%;
    }

    .checkout-form {
        padding: 0;
    }

    .billing-address-toggle {
        align-items: center;
    }

    .order-summary-contain, .collection-list-wrapper-ecom-plans {
        width: 100%;
    }

    .cart-list {
        padding-left: 10px;
    }

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

    .button-3.navigation-button {
        margin-left: 0%;
    }

        .button-3.navigation-button.mobile {
            justify-content: center;
        }

    .divider-nav-2 {
        margin-top: 18px;
    }

    .button-4.navigation-button {
        margin-left: 0%;
    }

        .button-4.navigation-button.mobile {
            justify-content: center;
        }

    .phone-only-column {
        width: 560px;
        margin-bottom: 0;
    }

        .phone-only-column.last {
            flex-wrap: wrap;
            align-content: center;
            justify-content: center;
            align-items: center;
        }

    .column-scm {
        width: 560px;
        flex-wrap: wrap;
        align-items: center;
    }

        .column-scm.last {
            flex-wrap: wrap;
            align-content: center;
            align-items: flex-start;
        }

    .content {
        /* width: 50%; */
    }

    .testimonial-column-light-3 {
        max-width: 500px;
        object-fit: scale-down;
        flex-wrap: nowrap;
        overflow: hidden;
    }

    .author-3 {
        max-width: 150px;
    }

    .text-6 {
        font-size: 10px;
    }

    .form.home {
        display: block;
    }

    .testimonial-column-light-5 {
        width: 783px;
        object-fit: scale-down;
        flex-wrap: nowrap;
        overflow: hidden;
    }

    .frame-18 {
        min-width: auto;
        align-content: center;
        justify-content: center;
        align-items: center;
        margin-left: 0;
        margin-right: 0;
        padding: 140px 0;
        display: block;
        overflow: visible;
    }

    .content-2 {
        width: 568px;
        max-width: 568px;
        margin-top: 0;
        margin-left: 0;
    }

    .lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tristique-duis-cursus-mi-quis-viverra-ornare-eros-dolor-interdum-nulla-ut-commodo-diam-libero-vitae-erat {
        width: 500px;
        max-width: 568%;
        order: 0;
        align-self: center;
        margin-bottom: 35px;
        overflow: hidden;
    }

    .image-135 {
        width: 100%;
        object-fit: contain;
        margin-top: 0;
        padding-top: 0;
    }

        .image-135.home-stats-grid-item.axa {
            width: 50%;
            align-self: center;
        }

    .left-text-contain-copy._50-width {
        width: 100%;
    }

    .text-span-20, .text-span-22 {
        width: 568px;
        max-width: 568px;
    }

    .team-rectangles-3 {
        overflow: hidden;
    }

    .body-2 {
        overflow: auto;
    }

    .image-138 {
        margin-top: -6px;
        overflow: hidden;
    }

    .icon {
        margin-top: 6px;
        padding-top: 0;
        overflow: hidden;
    }

    .feature-tab-link-3 {
        background-color: #414141;
        border-radius: 20px;
        padding-left: 10px;
        padding-right: 10px;
    }

        .feature-tab-link-3.w--current {
            padding-bottom: 10px;
            padding-left: 10px;
            padding-right: 10px;
            font-size: 1px;
        }

    .feature-3-circle-2 {
        left: 3%;
    }

    .wrapper-2 {
        width: 90%;
    }

        .wrapper-2.features-2-wrapper {
            padding-top: 100px;
            padding-bottom: 100px;
        }

            .wrapper-2.features-2-wrapper.homepage-2.product-page.fbs {
                width: 100%;
            }

        .wrapper-2.home-feature-1-wrapper.home-2 {
            flex-direction: column;
        }

        .wrapper-2.navigation-wrapper {
            justify-content: flex-start;
            align-items: center;
            padding-left: 0%;
        }

    .image-140.contain, .feature-tabs-section-3 {
        overflow: visible;
    }

    .body-3 {
        overflow: auto;
    }

    .text-18 {
        font-family: Montserrat, sans-serif;
        font-size: 13px;
        font-weight: 400;
        overflow: hidden;
    }

    .heading-8 {
        font-size: 35px;
        overflow: hidden;
    }

    .image-142 {
        width: 100%;
        max-width: 100%;
        margin-bottom: 44px;
    }

    .desktop---1 {
        width: 100%;
        height: 100%;
        max-height: 23.3134%;
        max-width: 100%;
        object-fit: fill;
        flex-wrap: wrap;
        margin-left: 0;
        padding: 0 40px;
        overflow: hidden;
    }

    .frame-2781 {
        grid-column-gap: 0px;
        grid-row-gap: 0px;
    }

    .frame-2782 {
        grid-column-gap: 50px;
        grid-row-gap: 0px;
        padding-left: 0;
    }

    .image-147 {
        grid-column-gap: 10px;
        grid-row-gap: 10px;
    }

    .image-148 {
        opacity: 1;
        mix-blend-mode: normal;
    }

    .frame-2783, .frame-2784 {
        grid-column-gap: 50px;
        grid-row-gap: 0px;
    }

    .hero-heading-right {
        padding: 60px 15px;
    }

    .image-149 {
        margin-top: 60px;
    }

    .gallery-slider {
        padding: 60px 15px;
    }

    .gallery-slide {
        margin-left: 10px;
        margin-right: 10px;
    }

    .gallery-slide-text {
        line-height: 30px;
    }

    .gallery-slider-left {
        left: -20px;
    }

    .gallery-slider-right {
        right: -20px;
    }

    .menu-button {
        background-color: rgba(59, 50, 50, 0);
    }

    .desktop---2 {
        width: 100%;
        height: 100%;
        max-height: 100%;
        max-width: 100%;
        object-fit: fill;
        margin-top: 40px;
    }

    .frame-2824 {
        width: 100%;
        height: 71%;
        max-width: 100%;
        object-fit: fill;
    }

    .frame-2825 {
        width: auto;
        height: auto;
        max-height: none;
        max-width: none;
        grid-column-gap: 10px;
        grid-row-gap: 10px;
        object-fit: fill;
        flex-wrap: wrap;
        align-content: stretch;
        justify-content: center;
        align-items: center;
    }

    .image-161 {
        width: auto;
        max-width: none;
        opacity: 1;
        mix-blend-mode: normal;
    }

    .frame-2830 {
        max-width: 207.784%;
        grid-column-gap: 10px;
        grid-row-gap: 10px;
        object-fit: contain;
        flex-wrap: wrap;
        justify-content: center;
        align-self: center;
        align-items: center;
        margin-top: 0;
        margin-bottom: 0;
    }

    .team-rectangles-7.home-stats-grid-item {
        grid-column-gap: 20px;
        grid-row-gap: 20px;
        flex-wrap: wrap;
        padding-bottom: 10px;
    }

    .text-43 {
        padding-right: 10px;
    }

    .slider-2 {
        width: 550px;
        max-width: 550px;
    }

    .navbar-logo-left-container {
        max-width: 100%;
    }

    .navbar-brand-2 {
        padding-left: 0;
    }

    .nav-menu-two {
        border-radius: 20px;
        flex-direction: column;
        padding-bottom: 30px;
    }

    .nav-link-4 {
        padding-top: 10px;
        padding-bottom: 10px;
        display: inline-block;
    }

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

    .nav-dropdown-toggle {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .nav-dropdown-list.shadow-three {
        box-shadow: 0 8px 50px rgba(0, 0, 0, .05);
    }

        .nav-dropdown-list.shadow-three.w--open {
            position: relative;
        }

        .nav-dropdown-list.shadow-three.mobile-shadow-hide {
            box-shadow: none;
        }

    .nav-divider {
        width: 200px;
        height: 1px;
        max-width: 100%;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .nav-link-accent {
        margin-right: 5px;
        padding-top: 10px;
        padding-bottom: 10px;
        display: inline-block;
    }

    .mobile-margin-top-10 {
        margin-top: 10px;
    }

    .nav-menu-2 {
        flex-direction: column;
        padding-bottom: 30px;
        padding-left: 0;
    }

    .navbar-brand-4 {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .button-8.navigation-button {
        margin-left: 0%;
    }

        .button-8.navigation-button.mobile {
            justify-content: center;
        }

    .navbar-brand-5 {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .button-9.navigation-button {
        margin-left: 0%;
    }

        .button-9.navigation-button.mobile {
            justify-content: center;
        }

    .button-10.navigation-button {
        margin-left: 0%;
    }

        .button-10.navigation-button.mobile {
            justify-content: center;
        }

    .button-11.navigation-button {
        margin-left: 0%;
    }

        .button-11.navigation-button.mobile {
            justify-content: center;
        }

    .button-12.navigation-button {
        margin-left: 0%;
    }

        .button-12.navigation-button.mobile {
            justify-content: center;
        }

    .collection-item-5 {
        width: 100%;
        justify-content: center;
        display: flex;
    }

    .gallery-overview-0 {
        grid-column-gap: 20px;
        grid-row-gap: 20px;
        flex-wrap: wrap;
    }

    .frame-2871.home-stats-grid-item {
        height: auto;
    }

    .sliders {
        width: 568px;
        grid-column-gap: 20px;
        grid-row-gap: 20px;
        flex-wrap: wrap;
        padding-top: 20px;
        overflow: hidden;
    }

    .frame-2000.home-stats-grid-item {
        height: 250px;
    }

    .body-6 {
        overflow: hidden;
    }

    .gallery-overview-2 {
        flex-wrap: wrap;
    }

    .frame-2878.home-stats-grid-item {
        width: 4000px;
        height: auto;
    }

        .frame-2878.home-stats-grid-item.frame-2871 {
            width: 4000px;
        }

    .div-block-4 {
        padding-top: 4%;
    }

    .heading-19.home-stats-grid-item {
        padding-top: 0;
        font-size: 13px;
    }

    .paragraph-7 {
        margin-top: 0;
        font-size: 10px;
    }

    .image-172 {
        display: none;
    }

    .frame-2925 {
        flex-wrap: wrap;
    }

    .description-12, .description-13 {
        font-size: 10px;
    }

    .vectors-wrapper-157 {
        width: 70px;
    }

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

    .body-7 {
        background-color: #f1f1f1;
    }

    .heading-22 {
        text-align: center;
    }

    .section-8._2nd {
        flex-wrap: wrap;
    }

    .container-22 {
        width: 100%;
        max-width: none;
        flex-wrap: nowrap;
        justify-content: space-around;
        align-items: flex-start;
    }

    .wrapper-3 {
        width: 90%;
    }

        .wrapper-3.download-cards-wrapper {
            grid-template-columns: 1fr;
            justify-items: center;
        }

    .text-block-59 {
        padding-top: 10px;
        padding-bottom: 10px;
        font-size: 10px;
    }

    .text-block-60 {
        display: none;
    }

    .inner-marquee {
        width: 100%;
    }

    .inner-testimonial-marquee {
        width: 80%;
    }

    .columns-6, .columns-7, .columns-8, .columns-9, .columns-10, .columns-11, .columns-12, .columns-13, .columns-14, .columns-15, .columns-16, .columns-17 {
        flex-direction: column;
        align-items: center;
    }
}

@media screen and (max-width: 479px) {
    body {
        font-size: 16px;
    }

    h1 {
        font-size: 42px;
    }

    h2 {
        font-size: 32px;
    }

    h3 {
        font-size: 27px;
    }

    .display-heading {
        font-size: 50px;
    }

        .display-heading.home-hero-heading.white-center {
            width: 300px;
            height: 30%;
            max-height: 30%;
            max-width: 1500px;
            object-fit: scale-down;
            padding-top: 35px;
            font-size: 30px;
            font-weight: 600;
            line-height: 50px;
            overflow: hidden;
        }

    .wrapper {
        padding-top: 0;
        padding-bottom: 0;
    }

        .wrapper.home-feature-1-wrapper {
            padding-bottom: 100px;
        }

        .wrapper.features-2-wrapper {
            margin-bottom: 0;
            padding-top: 126px;
            padding-bottom: 160px;
        }

        .wrapper._1920px {
            padding-bottom: 100px;
        }

        .wrapper.cta-wrapper {
            margin-top: auto;
            margin-bottom: auto;
            padding-top: 49px;
            padding-left: 0;
            padding-right: 0;
        }

        .wrapper.about-grid {
            padding-bottom: 100px;
        }

        .wrapper.home-blog-wrapper.vertical-blog {
            padding-top: 100px;
        }

        .wrapper.visual-features-wrapper, .wrapper.team-wrapper {
            padding-top: 100px;
            padding-bottom: 100px;
        }

        .wrapper.blog-featured-wrapper {
            padding-bottom: 0;
        }

        .wrapper.blog-subscribe-wrapper {
            width: 100%;
            border-radius: 0;
            padding: 60px 15px;
        }

        .wrapper.blog-post-image-wrapper {
            height: 450px;
        }

        .wrapper.sign-up-wrapper {
            width: 90%;
        }

        .wrapper.download-cards-wrapper {
            padding-bottom: 0;
        }

        .wrapper.integrations-icons-wrapper {
            padding-top: 100px;
        }

        .wrapper.cs {
            padding-top: 40px;
        }

        .wrapper.scm {
            width: 100%;
            max-width: 100%;
            display: block;
        }

        .wrapper.client-page {
            width: 100%;
            padding-bottom: 25px;
        }

    .para-large.home-hero-para, .para-large.home-hero-para.homepage-3 {
        font-size: 18px;
    }

        .para-large.home-hero-para.white-center {
            width: 300px;
            object-fit: scale-down;
            font-size: 15px;
            overflow: hidden;
        }

    .para-large.overview {
        font-size: 18px;
    }

    .button.dark-blue.submit {
        width: 100%;
    }

    .button.header-form-button {
        align-self: center;
        margin-top: -13px;
        margin-right: 0;
    }

    .button.navigation-button {
        border-radius: 8px;
        padding: 12px;
        font-size: 14px;
    }

        .button.navigation-button.mobile {
            text-align: left;
            justify-content: center;
            font-size: 16px;
        }

    .button.trial, .button.trial.white {
        margin-top: 20px;
    }

    .home-hero-pointers {
        max-width: 300px;
        grid-template-columns: 1fr;
    }

    .image.contain {
        width: 8%;
        height: auto;
        max-width: none;
        min-height: 200px;
        min-width: 200px;
        margin-top: -102px;
        margin-left: -45px;
        padding-top: 0;
        padding-left: 0;
        line-height: 155;
        overflow: hidden;
    }

        .image.contain.hidden {
            min-width: auto;
        }

    .home-hero-images-container.homepage-2 {
        width: 0%;
        display: block;
        overflow: hidden;
    }

    .home-hero-main-image {
        width: auto;
        height: auto;
    }

        .home-hero-main-image.homepage-2 {
            width: 80%;
        }

    .hero-floating-image-1 {
        width: 140px;
        height: 140px;
    }

        .hero-floating-image-1.homepage-3 {
            width: 150px;
            height: auto;
        }

        .hero-floating-image-1.homepage-2 {
            width: 100px;
            height: 25px;
        }

    .home-hero-image-circle {
        width: 55px;
        height: 55px;
    }

    .hero-floating-image-2 {
        width: 150px;
        height: auto;
    }

        .hero-floating-image-2.homepage-2 {
            width: 100px;
        }

    .hero-floating-image-3 {
        width: 70px;
        height: 70px;
    }

        .hero-floating-image-3.homepage-3 {
            width: 50px;
            height: auto;
            top: -11%;
        }

        .hero-floating-image-3.homepage-2 {
            width: 40px;
            height: 40px;
        }

    .subheading {
        width: 280px;
        max-width: none;
        margin-top: 35px;
        margin-bottom: 0;
        overflow: hidden;
    }

    .home-stats-grid.review-page {
        padding-bottom: 48px;
    }

    .home-features-1-main-image {
        width: 100%;
    }

    .home-feature-1-floating-image, .home-feature-1-floating-image.feature-3 {
        width: 50%;
    }

    .home-feature-1-image-background {
        width: 280px;
        height: 300px;
    }

    .home-feature-1-content.white {
        width: 100%;
        max-width: 100%;
        justify-content: flex-start;
        padding-left: 0;
        display: flex;
        overflow: hidden;
    }

    .home-features-heading {
        margin-left: -83px;
        padding-left: 0;
        overflow: hidden;
    }

    .home-features-pointer-item.white.margin-left-24px {
        margin-top: 20px;
        margin-left: 0;
    }

    .features-learn-more-link.white.right-side {
        margin-right: auto;
    }

    .features-learn-more-link.white.testimonial {
        margin-top: 200px;
    }

    .features-2-section {
        margin-top: auto;
        margin-bottom: 0;
        padding-bottom: 0;
        top: 9007200000000000px;
    }

    .white.features-4-text {
        text-align: left;
    }

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

    .white.cta-heading {
        margin-top: 0;
        margin-bottom: 0;
        padding-top: 27px;
    }

    .home-feature-tab-link, .home-feature-tab-link.w--current {
        padding-left: 20px;
        padding-right: 20px;
    }

    .home-tabs-content {
        width: 100%;
        margin-top: 0;
    }

    .feature-tab-icon {
        margin-top: 0;
    }

    .h2-60-px {
        font-size: 48px;
    }

    .integration-card {
        max-width: 330px;
    }

    .feature-3-floating-image-2 {
        right: -8%;
    }

    .feature-3-circle {
        left: -3%;
    }

    .feature-4-section.features {
        margin-bottom: 100px;
    }

    .feature-4-section.download-feature-section {
        margin-top: 100px;
        margin-bottom: 100px;
    }

    .feature-4-section.homepage-3 {
        margin-bottom: 100px;
    }

    .pointer-grid {
        width: 100%;
        max-width: none;
        grid-template-columns: 1fr;
        justify-content: stretch;
        margin-right: 0;
        font-size: 12px;
    }

        .pointer-grid._2-rows {
            grid-row-gap: 40px;
            grid-template-columns: 1fr;
        }

    .pointer-icon {
        max-width: 288px;
    }

    .cta-section.flex-horizontal.blue-shapes {
        width: auto;
        height: auto;
    }

    .cta-text {
        padding-top: 50px;
        font-size: 20px;
    }

    .cta-form-block {
        width: 100%;
    }

    .cta-form {
        align-items: stretch;
    }

    .cta-form-field {
        width: auto;
        padding-left: 16px;
        padding-right: 10px;
    }

        .cta-form-field::-ms-input-placeholder {
            font-size: 16px;
        }

        .cta-form-field::placeholder {
            font-size: 16px;
        }

    .cta-pointers-container {
        flex-direction: column;
        align-items: flex-start;
    }

    .cta-pointer-item.first {
        margin-bottom: 8px;
    }

    .about-hero-text {
        font-size: 18px;
    }

    .about-image {
        height: 300px;
    }

    .about-story-text {
        font-size: 18px;
    }

    .about-lightbox {
        height: 500px;
    }

    .play-button {
        margin-top: 200px;
    }

    .featured-main-item {
        justify-content: flex-start;
        padding: 20px;
    }

    .featured-author {
        margin-bottom: 40px;
    }

    .feature-collection-list {
        grid-row-gap: 80px;
    }

        .feature-collection-list._2 {
            height: auto;
            grid-column-gap: 40px;
            grid-row-gap: 80px;
        }

    .feature-collection-item {
        height: auto;
    }

    .feature-item {
        height: auto;
        padding: 20px;
    }

    .featured-collection-wrapper {
        overflow: visible;
    }

    .features-hero-text {
        font-size: 18px;
    }

    .features-cards {
        width: 320px;
    }

    .visual-features-items-container.nav.pages {
        padding-right: 0;
    }

    .visual-features-item.navbar {
        padding: 20px;
    }

    .white-2.home-features-heading {
        margin-left: 0;
    }

    .white-2.features-4-text {
        text-align: left;
    }

        .white-2.features-4-text.center {
            text-align: center;
        }

    .features-floating {
        left: -2%;
    }

        .features-floating.homepage-3 {
            top: 50%;
        }

    .features-5-items-container, .team-collection-list {
        grid-template-columns: 1fr;
    }

    .pricing-hero-heading.pricing-page-2 {
        width: auto;
        max-width: none;
        text-align: left;
        font-size: 35px;
        font-style: normal;
        overflow: hidden;
    }

    .pricing-hero-heading.center {
        text-align: center;
    }

    .pricing-hero-text, .pricing-hero-text.pricing-page-2 {
        font-size: 18px;
    }

    .pricing-switch-and-text {
        margin-bottom: 80px;
        position: relative;
    }

    .pricing-switch-text {
        font-size: 15px;
    }

    .save-30-image {
        margin-left: 0;
        position: absolute;
        top: auto;
        bottom: -91%;
        left: auto;
        right: 3%;
    }

    .pricing-table-item {
        max-width: none;
    }

        .pricing-table-item.pricing-page-2-item {
            padding-left: 20px;
            padding-right: 20px;
        }

    .pricing-cost-text-span.ecommerce-price {
        font-size: 40px;
    }

    .pricing-table-button.pricing-page-2 {
        flex: none;
        padding-left: 10px;
        padding-right: 10px;
    }

    .faq-question-text {
        font-size: 20px;
    }

    .blog-hero-text {
        font-size: 18px;
    }

    .blog-image.blog-page-2, .blog-image.blog-page-3 {
        height: 250px;
    }

    ._22-px {
        font-size: 18px;
    }

    .blog-form-button {
        width: 200%;
        height: 10%;
        min-height: 10px;
        margin-left: -57px;
        padding-left: 0;
        padding-right: 0;
        overflow: hidden;
    }

        .blog-form-button.subscribe {
            width: auto;
        }

    .rich-text blockquote {
        font-size: 20px;
        line-height: 130%;
    }

    .career-image-item {
        height: 300px;
    }

    .job-tab-link, .job-tab-link.w--current {
        display: none;
    }

    .job-item {
        flex-direction: column;
        align-items: flex-start;
        padding-left: 10px;
    }

    .job-item-details {
        margin-bottom: 20px;
    }

    .job-dot-details {
        flex-direction: column;
        align-items: flex-start;
    }

        .job-dot-details.job-post {
            font-size: 18px;
        }

    .job-dot {
        display: none;
    }

    .contact-hero-text {
        font-size: 18px;
    }

    .contact-form-block {
        padding-left: 10px;
        padding-right: 10px;
    }

    .contact-form-field-label {
        margin-bottom: 10px;
        font-size: 16px;
    }

    .contact-form-text-field, .contact-form-text-area {
        padding-left: 16px;
    }

    .contact-card-item {
        width: 100%;
    }

    .location-images-container {
        grid-template-columns: 1fr;
        margin-left: auto;
        margin-right: auto;
    }

    .sign-up-logo {
        width: 130px;
        left: 0;
    }

    .sign-up-right {
        text-align: center;
    }

    .sign-up-with-google {
        padding-left: 31px;
        padding-right: 31px;
    }

    .sign-in-form-block {
        max-width: 300px;
    }

    .sign-in-form {
        text-align: left;
    }

    .comparison-table-item.sticky {
        justify-items: start;
    }

    .comparison-plan {
        max-width: 120px;
    }

    .comparison-plan-price {
        text-align: center;
    }

    .integrations-hero-heading.template {
        font-size: 36px;
    }

    .hero-integrations-text {
        font-size: 18px;
    }

    .most-popular-integration-section.homepage-3 {
        padding-bottom: 0;
    }

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

    .licensing-icons-grid {
        grid-template-columns: 1fr 1fr;
        align-items: center;
        justify-items: center;
    }

    .font-text {
        font-size: 30px;
    }

    .testimonial-heading {
        text-align: center;
    }

    .testimonial-item {
        max-width: 320px;
    }

    .footer {
        margin-top: 0;
        overflow: hidden;
    }

    .footer-up {
        grid-row-gap: 60px;
    }

    .footer-form-block {
        width: 100%;
        max-width: none;
        justify-content: center;
        align-self: center;
        display: flex;
    }

    .footer-field-and-button {
        width: 90%;
        max-width: none;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .footer-text-field {
        align-self: center;
        margin-bottom: 20px;
        margin-right: 0;
        padding-left: 0;
    }

    .job-item-2 {
        padding-left: 10px;
    }

    .job-dot-2 {
        display: none;
    }

    .navigation-drop-container.features {
        padding: 0;
    }

        .navigation-drop-container.features.pages {
            padding-right: 0;
        }

    .navbar-brand {
        width: 120px;
        height: 30px;
    }

    .navigation-left {
        width: 40%;
    }

    .navigation-right {
        width: 50%;
    }

    .nav-link.login {
        display: none;
    }

    .navigation {
        overflow: hidden;
    }

    .menu-button-mob {
        flex: none;
        margin-left: 0;
    }

    .homepage-secondary-nav {
        flex-direction: column;
        display: none;
    }

    ._18px {
        font-size: 16px;
        line-height: 150%;
    }

    .search-results {
        margin-top: 100px;
    }

    .flex-seacrh {
        flex-direction: column;
    }

    .search-input {
        margin-bottom: 10px;
        margin-right: 0;
    }

    .team-member-hero-name {
        margin-bottom: 10px;
        font-size: 26px;
    }

    .author-flex {
        display: inline;
    }

    .download-card-wrapper {
        max-width: 100%;
    }

    .download-image {
        width: 100px;
    }

    .faqs-section {
        margin-top: 0;
    }

    .faq-questions {
        font-size: 18px;
        line-height: 140%;
    }

    .h2-heading {
        font-size: 35px;
        line-height: 120%;
    }

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

    .faq-content {
        font-size: 16px;
    }

    .wrapper-1200px {
        width: 90%;
    }

        .wrapper-1200px.faqs {
            padding-top: 0;
            padding-bottom: 32px;
            overflow: hidden;
        }

    .review-hero-paragraph {
        font-size: 17px;
    }

    .reviews-heading {
        text-align: center;
    }

    .email-field {
        width: auto;
        margin-right: 0;
    }

        .email-field.white {
            width: 270px;
            margin-right: 0;
        }

    .trial-form {
        flex-direction: column;
        align-items: stretch;
    }

    .logos-image {
        width: 150px;
        margin-left: 0%;
        margin-right: 0%;
    }

    .logos-wrapper {
        text-align: center;
    }

    .feature-4-floating-2 {
        max-width: 200px;
        right: 3%;
    }

    .slider-left, .slider-right {
        bottom: -30px;
    }

    .testimonial-slider {
        height: auto;
    }

    .testimonial-slide, .mask {
        max-width: none;
    }

    .testimonial-slide-contain {
        padding-bottom: 0;
        padding-left: 20px;
        padding-right: 20px;
    }

    .contain.saas-logo {
        width: 100%;
        max-width: 35px;
    }

    .testimonial-name {
        font-size: 16px;
    }

    .testimonial-position {
        font-size: 14px;
    }

    .testimonial-left {
        bottom: -40%;
    }

    .testimonial-right {
        z-index: 5;
        justify-content: center;
        margin-bottom: 18px;
        display: none;
        top: auto;
        bottom: 0%;
        left: 0%;
        right: 0%;
        overflow: visible;
    }

    .talk-cta-card-wrapper {
        padding-left: 20px;
        padding-right: 20px;
    }

    .contact-cta-heading {
        margin-top: 16px;
    }

    .cta-top-wrapper {
        flex-direction: column-reverse;
    }

    .hero-points-contain {
        flex-direction: column;
        align-items: flex-start;
    }

    .hero-image-floating-4 {
        top: 0%;
        bottom: auto;
        left: auto;
        right: 0%;
    }

    .statistics-right-text {
        font-size: 18px;
    }

    .feature-tab-link {
        margin-top: 20px;
        margin-right: 0;
    }

    .features-tabs-menu {
        grid-column-gap: 10px;
        grid-row-gap: 10px;
        flex-flow: column wrap;
        align-items: center;
        width:100%;
    }

    .integration-icon-bottom-row {
        margin-left: -19%;
    }

    .case-studies-section {
        margin-bottom: 40px;
    }

    .cta-wrapper-left.trial {
        align-items: flex-start;
        padding-top: 10px;
    }

    .white-button {
        margin-top: 40px;
        margin-bottom: 20px;
    }

    .pricing-points-grid {
        grid-template-columns: 1fr;
    }

    .pricing-bottom-flex {
        flex: none;
    }

    .demo-left-text-contain {
        align-self: center;
        margin-top: 44px;
    }

        .demo-left-text-contain.partner {
            margin-top: 0;
        }

    .demo-form-block {
        padding-left: 20px;
        padding-right: 20px;
    }

    .demo-text-field, .select-demo-field {
        padding-left: 12px;
    }

    .integration-heading-wrapper {
        font-size: 40px;
    }

    .integration-detail-about {
        font-size: 18px;
    }

    .integration-logo {
        width: 64px;
        height: 64px;
    }

        .integration-logo.top {
            margin-left: -11px;
        }

    .integration-image {
        max-width: 40px;
        object-fit: contain;
    }

    .integration-item {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }

    .support-hero-text {
        font-size: 18px;
    }

    .support-search {
        flex-direction: column;
        align-items: stretch;
    }

    .email-form-field {
        padding-right: 10px;
    }

    .tabs-blog-menu {
        flex-direction: column;
    }

    .company-logo {
        max-width: 150px;
    }

    .cs-hero-paragraph {
        font-size: 18px;
    }

    .author-info {
        flex-wrap: wrap;
    }

    .medium-text-span.black {
        flex: none;
        font-size: 14px;
    }

    .medium-text-span.grey, .author-name {
        flex: none;
        font-size: 16px;
    }

    .read-more-link.all {
        margin-top: 20px;
        margin-left: 0;
    }

    .case-study-image.cs-main {
        max-width: 100%;
    }

    .case-study-image.template {
        height: auto;
    }

    .case-study-heading {
        text-align: center;
    }

    .blog-image-page-3 {
        height: 300px;
    }

    .blog-tab-page-3 {
        justify-content: center;
        margin-top: 10px;
        margin-right: 0;
        display: flex;
    }

    .tabs-menu {
        flex-flow: column wrap;
    }

    .button-container {
        flex-direction: column;
        align-items: flex-start;
    }

    .link-div.all {
        margin-top: 20px;
        margin-left: 0;
    }

    .footer-text {
        max-width: 300px;
    }

    .password-text {
        max-width: 310px;
    }

    .password-form {
        width: 270px;
    }

    .overview-stats-section {
        margin-top: 0;
    }

    .search-button {
        margin-top: 20px;
        margin-left: 0;
    }

    .integrations-logos {
        max-width: 40px;
    }

    .background-colour-div {
        height: 800px;
    }

    .collection-item-3 {
        width: 100%;
    }

    .cart-button {
        padding: 11px 10px;
        font-size: 14px;
    }

    .cart-quantity {
        font-size: 14px;
    }

    .plan-detail-title {
        font-size: 30px;
        line-height: 40px;
    }

    .product-box-wrap {
        padding-left: 20px;
        padding-right: 20px;
    }

    .buynow-button {
        width: 100%;
        margin-top: 20px;
        margin-left: 0;
    }

    .add-to-cart-buttons {
        width: 100%;
    }

    .plan-price {
        font-size: 30px;
    }

    .text-field {
        margin-bottom: 16px;
        padding-left: 12px;
    }

    .block-header, .block-content {
        padding-left: 16px;
        padding-right: 16px;
    }

    .billing-address-toggle {
        align-items: flex-start;
    }

    .checkbox {
        margin-top: 4px;
    }

    .order-item {
        flex-wrap: wrap;
        justify-content: flex-end;
    }

    .order-summary-contain {
        width: 100%;
        position: static;
    }

    .buttons-contain-div {
        flex-wrap: wrap;
    }

    .collection-list-wrapper-ecom-plans {
        width: 100%;
    }

    .cart-list {
        padding-left: 10px;
    }

    .required-text {
        flex: none;
    }

    .option-lists {
        margin-top: 0;
    }

    .options {
        margin-top: 0;
        margin-bottom: 10px;
    }

    .review-paragraph-copy {
        text-align: center;
        object-fit: scale-down;
        padding-left: 27px;
        overflow: hidden;
    }

    .cart-quantity-3 {
        font-size: 14px;
    }

    .nav-link-2.login {
        display: none;
    }

    .button-3.navigation-button {
        border-radius: 8px;
        padding: 12px;
        font-size: 14px;
    }

        .button-3.navigation-button.mobile {
            text-align: left;
            justify-content: center;
            font-size: 16px;
        }

    .cart-button-2 {
        padding: 11px 10px;
        font-size: 14px;
    }

    .button-4.navigation-button {
        border-radius: 8px;
        padding: 12px;
        font-size: 14px;
    }

        .button-4.navigation-button.mobile {
            text-align: left;
            justify-content: center;
            font-size: 16px;
        }

    .testimonial-column-light {
        height: 100%;
        max-height: 100%;
        max-width: 100%;
        grid-column-gap: 10px;
        grid-row-gap: 10px;
        margin-top: 0;
        padding-top: 0;
        padding-bottom: 0;
    }

    .phone-only-column {
        width: auto;
        max-width: none;
        min-width: 87%;
        grid-column-gap: 24px;
        grid-row-gap: 24px;
        flex-direction: column;
        justify-content: flex-end;
        align-self: center;
        align-items: stretch;
        margin-top: 0;
        margin-bottom: 16px;
        margin-right: auto;
        padding-top: 0;
        display: block;
    }

        .phone-only-column.phone {
            width: 80%;
            background-color: rgba(255, 255, 255, 0);
            margin-top: 40px;
        }

    .column-scm {
        width: 100%;
        justify-content: center;
        align-self: center;
        align-items: center;
        padding-bottom: 0;
        display: block;
    }

    .content {
        width: 50%;
        height: auto;
        min-width: 100%;
        object-fit: contain;
        align-self: auto;
        align-items: center;
        margin-bottom: 20px;
        margin-left: auto;
        margin-right: auto;
        display: block;
    }

    .author {
        background-color: rgba(243, 243, 243, .56);
    }

    .testimonial-column-light-3 {
        flex-wrap: wrap;
        align-self: center;
        margin-left: -36px;
        margin-right: -36px;
        overflow: hidden;
    }

    .heading-5 {
        margin-top: 39px;
        padding-top: 0;
        padding-bottom: 68px;
        overflow: hidden;
    }

    .form.home {
        width: 100%;
        justify-content: space-between;
        align-items: stretch;
        display: flex;
    }

    .testimonial-column-light-5 {
        width: 220px;
    }

    .frame-18 {
        height: auto;
        max-height: none;
        max-width: none;
        min-height: auto;
        min-width: auto;
        grid-column-gap: 20%;
        grid-row-gap: 20px;
        object-fit: contain;
        flex-wrap: wrap;
        order: -1;
        margin-top: 0;
        padding: 40px 0;
        display: flex;
        overflow: visible;
    }

    .content-2 {
        width: auto;
        max-width: none;
        grid-column-gap: 20%;
        object-fit: scale-down;
        flex-flow: column;
        margin-left: 0;
        margin-right: 0;
        padding-left: 15px;
        padding-right: 15px;
        overflow: hidden;
    }

    .lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tristique-duis-cursus-mi-quis-viverra-ornare-eros-dolor-interdum-nulla-ut-commodo-diam-libero-vitae-erat {
        width: auto;
        height: auto;
        max-width: none;
        object-fit: fill;
        margin-bottom: 0;
        margin-left: auto;
        margin-right: auto;
        font-size: 13px;
        overflow: hidden;
    }

    .image-135 {
        width: auto;
        height: auto;
        max-height: none;
        max-width: 100%;
        object-fit: scale-down;
        margin-top: 0;
        margin-right: 0;
        padding: 0 20px;
        font-size: 25px;
        line-height: 155;
        overflow: hidden;
    }

        .image-135.home-stats-grid-item {
            margin-top: 119px;
        }

            .image-135.home-stats-grid-item.axa {
                width: 90%;
                height: auto;
                align-self: center;
                margin-top: 40px;
            }

    .title-copy-goes-here-be-awesome-0, .title-copy-goes-here-be-awesome-1 {
        font-size: 30px;
    }

    .text-span-20 {
        object-fit: contain;
        font-size: 28px;
        line-height: 200%;
        overflow: hidden;
    }

    .text-span-21 {
        font-size: 32px;
        overflow: hidden;
    }

    .text-span-22 {
        width: auto;
        max-width: 100%;
        overflow: hidden;
    }

    .text-block-22 {
        max-width: 300px;
        min-width: 250px;
        margin-left: -113px;
        padding-left: 31px;
        font-size: 13px;
        overflow: hidden;
    }

    .text-span-25 {
        width: 100%;
        max-width: none;
        min-width: 200px;
        object-fit: none;
        margin-left: 20px;
        overflow: hidden;
    }

    .link-6.w--current {
        overflow: hidden;
    }

    .body-2 {
        overflow: auto;
    }

    .link-7, .text-block-26, .text-block-27, .text-block-28 {
        overflow: hidden;
    }

    .nav-link-3 {
        padding-top: 0;
        padding-bottom: 0;
        font-weight: 500;
    }

    .navbar-2 {
        z-index: 1;
    }

    .image-138 {
        margin-top: 0;
        overflow: hidden;
    }

    .nav-menu {
        height: 600%;
        opacity: .89;
        -webkit-backdrop-filter: blur(14px);
        backdrop-filter: blur(14px);
        background-color: rgba(255, 255, 255, .97);
    }

    .text-span-26 {
        color: #3898ec;
    }

    .feature-tab-link-3 {
        width: 100%;
        height: auto;
        margin-top: 20px;
        margin-right: 0;
    }

        .feature-tab-link-3.w--current {
            width: 100%;
        }

    .feature-3-circle-2 {
        left: -3%;
    }

    .wrapper-2.features-2-wrapper {
        padding-top: 120px;
    }

        .wrapper-2.features-2-wrapper.homepage-2 {
            padding-left: 0%;
            padding-right: 0%;
        }

            .wrapper-2.features-2-wrapper.homepage-2.product-page.fbs {
                width: 100%;
                margin-left: 0;
                margin-right: 0;
            }

    .wrapper-2.home-feature-1-wrapper {
        padding-bottom: 100px;
    }

        .wrapper-2.home-feature-1-wrapper.home-2 {
            flex-direction: column;
            justify-content: space-between;
            overflow: hidden;
        }

    .image-140.contain, .feature-tabs-section-3 {
        overflow: visible;
    }

    .text-block-29 {
        text-align: left;
    }

    .body-3 {
        overflow: auto;
    }

    .frame-2723 {
        flex-wrap: nowrap;
    }

    .frame-2752 {
        height: 100%;
        align-items: center;
    }

    .text-18 {
        width: 80px;
        font-size: 10px;
    }

    .vectors-wrapper-14 {
        width: auto;
    }

    .heading-8 {
        font-size: 30px;
    }

    .button-6 {
        justify-content: center;
        padding-left: 0;
        padding-right: 0;
        font-weight: 600;
        display: flex;
    }

    .image-142 {
        width: auto;
        margin-top: 20px;
        margin-bottom: 0;
        display: block;
    }

    .desktop---1 {
        height: 50%;
        max-height: 6%;
        grid-column-gap: 0px;
        grid-row-gap: 0px;
        opacity: 1;
        object-fit: scale-down;
        flex-wrap: nowrap;
        padding: 0;
        line-height: 100px;
    }

    .image-20 {
        grid-column-gap: 100px;
        grid-row-gap: 100px;
    }

    .frame-2781 {
        width: 80%;
        height: 20%;
        max-height: none;
        max-width: 50%;
        grid-column-gap: 100px;
        grid-row-gap: 50px;
        object-fit: fill;
        flex-direction: column;
        overflow: hidden;
    }

    .frame-2782 {
        grid-column-gap: 100px;
        grid-row-gap: 50px;
        flex-direction: column;
        overflow: hidden;
    }

    .image-148 {
        opacity: 1;
        mix-blend-mode: normal;
    }

    .frame-2783 {
        height: 20%;
        max-height: none;
        grid-column-gap: 0px;
        grid-row-gap: 50px;
        flex-direction: column;
        order: -1;
        padding-top: 50px;
        display: flex;
    }

    .component-14 {
        padding-left: 0;
        padding-right: 0;
    }

    .frame-2784 {
        width: 100%;
        max-width: 80%;
        grid-column-gap: 0px;
        grid-row-gap: 50px;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        margin-bottom: 0;
    }

    .component-15 {
        padding: 0;
    }

    .component-16 {
        grid-column-gap: 0px;
        grid-row-gap: 0px;
    }

    .container-5 {
        max-width: none;
    }

    .image-149 {
        display: none;
    }

    .image-151 {
        max-width: 90%;
        align-self: center;
        margin-top: 31px;
    }

    .container-6 {
        max-width: none;
    }

    .gallery-wrapper {
        grid-template-columns: 1fr;
    }

    .gallery-slide-wrapper {
        max-width: 100%;
        margin-right: 0%;
    }

    .gallery-slider-left {
        left: -20px;
    }

    .gallery-slider-right {
        right: -20px;
    }

    .description-2 {
        font-size: 12px;
    }

    .newsletter-form {
        padding: 50px 0;
    }

    .frame-2807 {
        width: 80%;
        max-width: 100%;
        grid-column-gap: 30px;
        grid-row-gap: 30px;
        object-fit: contain;
    }

    .frame-2808 {
        grid-column-gap: 31px;
        grid-row-gap: 30px;
    }

    .frame-2815 {
        width: 100%;
        grid-column-gap: 30px;
        grid-row-gap: 30px;
    }

    .text-span-44 {
        margin-left: 0;
        overflow: hidden;
    }

    .menu-button {
        background-color: rgba(59, 50, 50, 0);
    }

        .menu-button.w--open {
            background-color: #cecece;
        }

    .newsletter-form-4 {
        flex-direction: column;
        order: -1;
        align-self: flex-start;
        padding-top: 0;
        padding-right: 0;
    }

    .image-157 {
        width: 100%;
        height: 100%;
        order: 1;
        margin-bottom: 0;
        margin-left: auto;
        margin-right: auto;
        padding-top: 0;
        padding-left: 0;
        padding-right: 0;
        overflow: hidden;
    }

    .desktop---2 {
        justify-content: flex-end;
        align-self: center;
        align-items: flex-end;
        padding-left: 0;
        padding-right: 0;
    }

    .frame-2824 {
        width: 80%;
        grid-column-gap: 30%;
        grid-row-gap: 30%;
        object-fit: contain;
        flex-wrap: wrap;
        align-content: stretch;
        align-self: center;
        align-items: center;
        display: flex;
        overflow: hidden;
    }

    .frame-2825 {
        grid-column-gap: 10px;
        grid-row-gap: 10px;
        flex-direction: column;
        align-self: center;
        align-items: center;
        margin-top: 27px;
        margin-bottom: 27px;
        display: flex;
    }

    .frame-2826 {
        grid-column-gap: 50px;
        grid-row-gap: 50px;
    }

    .image-161 {
        width: auto;
        max-width: none;
        opacity: 1;
        mix-blend-mode: normal;
        object-fit: contain;
        align-self: center;
        transition-property: none;
    }

    .frame-2827 {
        align-self: center;
    }

    .frame-2830 {
        width: 100%;
        max-width: 100%;
        grid-column-gap: 10px;
        grid-row-gap: 10px;
        flex-wrap: wrap;
    }

    .frame-2831 {
        grid-column-gap: 30px;
        grid-row-gap: 30px;
        justify-content: center;
        align-self: center;
    }

    .frame-2832 {
        justify-content: center;
        align-items: flex-start;
    }

    .heading-16 {
        align-self: center;
    }

    .desktop---3 {
        padding-top: 0;
        padding-bottom: 0;
    }

    .image-28 {
        width: auto;
        height: auto;
        max-height: 100%;
        max-width: 100%;
    }

    .image-162 {
        width: 100%;
        height: 100%;
        overflow: hidden;
    }

    .heading-17 {
        order: -1;
        margin-bottom: 20px;
    }

    .team-rectangles-7.home-stats-grid-item {
        width: auto;
        grid-column-gap: 30px;
        grid-row-gap: 30px;
        margin-left: 10px;
        margin-right: 10px;
        padding-bottom: 25px;
        padding-left: 10px;
        padding-right: 10px;
    }

    .button-7 {
        height: 195.891px;
        max-width: none;
        grid-column-gap: 24px;
        grid-row-gap: 24px;
    }

        .button-7:hover {
            width: auto;
            height: auto;
            max-width: none;
            box-shadow: none;
        }

    .frame-2865 {
        padding-top: 0;
    }

    .text-41, .text-41.scm {
        display: none;
    }

    .hero-stack-2 {
        width: 100%;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        margin-top: auto;
        padding-top: 24px;
        padding-bottom: 22px;
        display: flex;
    }

    .slider-2 {
        width: 310%;
        max-width: 310px;
        margin-left: 0;
        margin-right: 0;
    }

    .slide-2 {
        margin-left: 5px;
    }

    .container-8 {
        max-width: none;
    }

    .nav-menu-two, .nav-menu-2 {
        flex-direction: column;
    }

    .nav-button-wrapper {
        width: auto;
    }

    .navbar-brand-4 {
        width: 120px;
        height: 30px;
    }

    .nav-link-5 {
        padding-top: 19px;
    }

        .nav-link-5.login {
            display: none;
        }

    .button-8.navigation-button {
        border-radius: 8px;
        padding: 12px;
        font-size: 14px;
    }

        .button-8.navigation-button.mobile {
            text-align: left;
            justify-content: center;
            font-size: 16px;
        }

    .cart-button-3 {
        padding: 11px 10px;
        font-size: 14px;
    }

    .navbar-brand-5 {
        width: 120px;
        height: 30px;
    }

    .cart-quantity-5 {
        font-size: 14px;
    }

    .button-9.navigation-button {
        border-radius: 8px;
        padding: 12px;
        font-size: 14px;
    }

        .button-9.navigation-button.mobile {
            text-align: left;
            justify-content: center;
            font-size: 16px;
        }

    .cart-button-4 {
        padding: 11px 10px;
        font-size: 14px;
    }

    .button-10.navigation-button {
        border-radius: 8px;
        padding: 12px;
        font-size: 14px;
    }

        .button-10.navigation-button.mobile {
            text-align: left;
            justify-content: center;
            font-size: 16px;
        }

    .cart-button-5 {
        padding: 11px 10px;
        font-size: 14px;
    }

    .button-11.navigation-button {
        border-radius: 8px;
        padding: 12px;
        font-size: 14px;
    }

        .button-11.navigation-button.mobile {
            text-align: left;
            justify-content: center;
            font-size: 16px;
        }

    .cart-button-6 {
        padding: 11px 10px;
        font-size: 14px;
    }

    .button-12.navigation-button {
        border-radius: 8px;
        padding: 12px;
        font-size: 14px;
    }

        .button-12.navigation-button.mobile {
            text-align: left;
            justify-content: center;
            font-size: 16px;
        }

    .navigation-7 {
        max-width: 100%;
    }

    .cart-button-7 {
        padding: 11px 10px;
        font-size: 14px;
    }

    .navbar-button-2 {
        width: 44px;
        justify-content: flex-start;
        margin-top: 22px;
        margin-left: 5%;
    }

    .vectors-wrapper-78 {
        width: 30px;
        max-width: 24px;
    }

    .image-170 {
        max-width: 100%;
        display: none;
        overflow: visible;
    }

    .collection-item-5 {
        width: 100%;
    }

    .gallery-overview-0 {
        width: 100%;
        flex-wrap: wrap;
        padding-bottom: 5px;
        overflow: visible;
    }

    .frame-2871.home-stats-grid-item {
        width: 4000px;
        height: 480px;
        max-height: none;
        max-width: 200px;
    }

    .sliders {
        width: 100%;
        flex-wrap: wrap;
        justify-content: flex-start;
        margin-left: 0;
        padding-top: 20px;
        padding-bottom: 42px;
        padding-left: 24px;
    }

    .frame-2000.home-stats-grid-item {
        height: 100%;
    }

    .feature-text-download-2 {
        font-size: 12px;
    }

    .body-6 {
        overflow: auto;
    }

    .pointer-grid-2 {
        grid-template-columns: 1fr;
    }

    .gallery-overview-2 {
        grid-column-gap: 20px;
        grid-row-gap: 20px;
        flex-wrap: wrap;
        padding-top: 13px;
    }

    .frame-2878.home-stats-grid-item {
        width: 4000px;
    }

    .div-block-3 {
        width: 100%;
        display: flex;
    }

    .div-block-4 {
        width: 100%;
        height: 50%;
        grid-column-gap: 0em;
        grid-row-gap: 0px;
        flex-direction: column;
        flex: 1;
        justify-content: center;
        align-self: center;
        align-items: center;
        margin-left: 0;
        padding-top: 15%;
        padding-left: 5%;
        padding-right: 0%;
        display: flex;
        top: auto;
        bottom: 5%;
        left: 0%;
        right: 0%;
    }

    .heading-19.home-stats-grid-item {
        padding-right: 0;
        font-size: 20px;
        position: relative;
    }

    .section-4 {
        width: 100%;
        height: auto;
        margin-bottom: 0;
        padding-bottom: 0;
        display: block;
    }

    .image-171 {
        display: none;
    }

    .image-172 {
        display: block;
    }

    .frame-2925 {
        flex-wrap: wrap;
        margin-bottom: auto;
        padding-left: 10px;
        padding-right: 10px;
    }

    .vectors-wrapper-149 {
        width: 40.3405%;
    }

    .tab-pane-tab-1 {
        max-width: 100%;
        margin-bottom: 0;
    }

    .heading-22 {
        width: 80%;
        text-align: left;
        justify-content: flex-start;
        margin-left: 48px;
        font-size: 15px;
        line-height: 125%;
        display: block;
    }

    .container-fbs, .heading-24.subheading.fbs {
        max-width: 100%;
    }

    .container-19 {
        margin-bottom: 44px;
    }

    .section-8 {
        margin-top: 40px;
    }

    .text-block-56, .text-block-57 {
        font-size: 12px;
    }

    .container-22 {
        width: 100%;
        flex-wrap: wrap;
        overflow: visible;
    }

    .wrapper-3.download-cards-wrapper {
        padding-bottom: 0;
    }

    .text-block-59 {
        text-align: center;
        align-self: center;
        padding-top: 20px;
    }

    .inner-marquee {
        width: 90%;
    }
}

#w-node-ba24982b-8ca2-2870-ea7f-e2597971cf9c-a41db6d1, #w-node-dfb8cd04-f644-4b00-3672-ecb8118783f9-dfd09c3b, #w-node-ea2c2024-fafa-9f90-0c86-0254ff9d6f0c-dfd09c41 {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-ea2c2024-fafa-9f90-0c86-0254ff9d6f11-dfd09c41 {
    grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-ea2c2024-fafa-9f90-0c86-0254ff9d6f15-dfd09c41, #w-node-ea2c2024-fafa-9f90-0c86-0254ff9d6f1f-dfd09c41 {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_5680660e-bdd9-09f7-0ad7-f4c878f2bbec-dfd09c7e {
    grid-area: span 2 / span 1 / span 2 / span 1;
}

@media screen and (min-width: 1440px) {
    #w-node-_4608fbc8-32ac-857c-ad87-7e6192a2e56e-dfd09ca1 {
        grid-area: Area;
    }

    #w-node-_4608fbc8-32ac-857c-ad87-7e6192a2e54d-dfd09ca1 {
        grid-area: Area-4;
    }
}

@media screen and (max-width: 991px) {
    #w-node-_1b7d8d23-1949-c90e-f04b-49fb739bf243-739bf240, #w-node-_1b7d8d23-1949-c90e-f04b-49fb739bf255-739bf240, #w-node-_132fb877-feaf-2ffa-1670-affea41db6d4-a41db6d1, #w-node-ba24982b-8ca2-2870-ea7f-e2597971cf9b-a41db6d1, #w-node-fb836dff-5d61-e13c-158a-541fc0d723fb-c0d723f8, #w-node-_5f3be92f-f616-ff4b-618c-116d98c32f76-c0d723f8 {
        grid-area: span 1 / span 3 / span 1 / span 3;
    }

    #w-node-ea2c2024-fafa-9f90-0c86-0254ff9d6f0c-dfd09c41 {
        grid-area: span 1 / span 2 / span 1 / span 2;
    }

    #w-node-_7ec96865-07bb-77fc-4fcd-af9229555584-dfd09c5c {
        grid-area: 1 / 1 / 2 / 2;
    }

    #w-node-_7ec96865-07bb-77fc-4fcd-af9229555589-dfd09c5c {
        grid-area: 1 / 2 / 2 / 3;
    }

    #w-node-_7ec96865-07bb-77fc-4fcd-af922955558e-dfd09c5c {
        grid-area: span 1 / span 1 / span 1 / span 1;
    }

    #w-node-_7ec96865-07bb-77fc-4fcd-af9229555598-dfd09c5c {
        grid-area: 1 / 1 / 2 / 2;
    }

    #w-node-_7ec96865-07bb-77fc-4fcd-af922955559b-dfd09c5c {
        grid-area: 1 / 2 / 2 / 3;
    }

    #w-node-_7ec96865-07bb-77fc-4fcd-af922955559e-dfd09c5c {
        grid-area: 1 / 3 / 2 / 4;
    }

    #w-node-_7ec96865-07bb-77fc-4fcd-af92295555a6-dfd09c5c {
        grid-area: 1 / 1 / 2 / 2;
    }

    #w-node-_7ec96865-07bb-77fc-4fcd-af92295555a9-dfd09c5c {
        grid-area: 1 / 3 / 2 / 4;
    }

    #w-node-_7ec96865-07bb-77fc-4fcd-af92295555ac-dfd09c5c {
        grid-area: 1 / 2 / 2 / 3;
    }

    #w-node-_7ec96865-07bb-77fc-4fcd-af92295555b4-dfd09c5c {
        grid-area: 1 / 1 / 2 / 2;
    }

    #w-node-_7ec96865-07bb-77fc-4fcd-af92295555b6-dfd09c5c {
        grid-area: 1 / 2 / 2 / 3;
    }

    #w-node-_7ec96865-07bb-77fc-4fcd-af92295555b8-dfd09c5c {
        grid-area: 1 / 3 / 2 / 4;
    }

    #w-node-_7ec96865-07bb-77fc-4fcd-af92295555bf-dfd09c5c {
        grid-area: 1 / 1 / 2 / 2;
    }

    #w-node-_7ec96865-07bb-77fc-4fcd-af92295555c1-dfd09c5c {
        grid-area: 1 / 2 / 2 / 3;
    }

    #w-node-_7ec96865-07bb-77fc-4fcd-af92295555c3-dfd09c5c {
        grid-area: 1 / 3 / 2 / 4;
    }

    #w-node-_7ec96865-07bb-77fc-4fcd-af92295555ca-dfd09c5c {
        grid-area: 1 / 1 / 2 / 2;
    }

    #w-node-_7ec96865-07bb-77fc-4fcd-af92295555cc-dfd09c5c {
        grid-area: 1 / 2 / 2 / 3;
    }

    #w-node-_7ec96865-07bb-77fc-4fcd-af92295555ce-dfd09c5c {
        grid-area: 1 / 3 / 2 / 4;
    }

    #w-node-_7ec96865-07bb-77fc-4fcd-af92295555d5-dfd09c5c {
        grid-area: 1 / 1 / 2 / 2;
    }

    #w-node-_7ec96865-07bb-77fc-4fcd-af92295555d7-dfd09c5c {
        grid-area: 1 / 2 / 2 / 3;
    }

    #w-node-_7ec96865-07bb-77fc-4fcd-af92295555d9-dfd09c5c {
        grid-area: 1 / 3 / 2 / 4;
    }

    #w-node-_7ec96865-07bb-77fc-4fcd-af92295555e0-dfd09c5c {
        grid-area: 1 / 1 / 2 / 2;
    }

    #w-node-_7ec96865-07bb-77fc-4fcd-af92295555e2-dfd09c5c {
        grid-area: 1 / 2 / 2 / 3;
    }

    #w-node-_7ec96865-07bb-77fc-4fcd-af92295555e4-dfd09c5c {
        grid-area: 1 / 3 / 2 / 4;
    }

    #w-node-_7ec96865-07bb-77fc-4fcd-af92295555eb-dfd09c5c {
        grid-area: 1 / 1 / 2 / 2;
    }

    #w-node-_7ec96865-07bb-77fc-4fcd-af92295555ed-dfd09c5c {
        grid-area: 1 / 2 / 2 / 3;
    }

    #w-node-_7ec96865-07bb-77fc-4fcd-af92295555ef-dfd09c5c {
        grid-area: 1 / 3 / 2 / 4;
    }

    #w-node-_7ec96865-07bb-77fc-4fcd-af92295555f6-dfd09c5c {
        grid-area: 1 / 1 / 2 / 2;
    }

    #w-node-_7ec96865-07bb-77fc-4fcd-af92295555f8-dfd09c5c {
        grid-area: 1 / 2 / 2 / 3;
    }

    #w-node-_7ec96865-07bb-77fc-4fcd-af92295555fa-dfd09c5c {
        grid-area: 1 / 3 / 2 / 4;
    }

    #w-node-_7ec96865-07bb-77fc-4fcd-af9229555601-dfd09c5c {
        grid-area: 1 / 1 / 2 / 2;
    }

    #w-node-_7ec96865-07bb-77fc-4fcd-af9229555603-dfd09c5c {
        grid-area: 1 / 2 / 2 / 3;
    }

    #w-node-_7ec96865-07bb-77fc-4fcd-af9229555605-dfd09c5c {
        grid-area: 1 / 3 / 2 / 4;
    }

    #w-node-_7ec96865-07bb-77fc-4fcd-af922955560c-dfd09c5c {
        grid-area: 1 / 1 / 2 / 2;
    }

    #w-node-_7ec96865-07bb-77fc-4fcd-af922955560e-dfd09c5c {
        grid-area: 1 / 2 / 2 / 3;
    }

    #w-node-_7ec96865-07bb-77fc-4fcd-af9229555610-dfd09c5c {
        grid-area: 1 / 3 / 2 / 4;
    }

    #w-node-_7ec96865-07bb-77fc-4fcd-af9229555617-dfd09c5c {
        grid-area: 1 / 1 / 2 / 2;
    }

    #w-node-_7ec96865-07bb-77fc-4fcd-af9229555619-dfd09c5c {
        grid-area: 1 / 2 / 2 / 3;
    }

    #w-node-_7ec96865-07bb-77fc-4fcd-af922955561b-dfd09c5c {
        grid-area: 1 / 3 / 2 / 4;
    }

    #w-node-_98ae8370-010a-0ec3-be57-17e3b251d88b-dfd09c9b {
        grid-area: 1 / 1 / 2 / 2;
    }

    #w-node-fc6dc0db-3447-a108-90aa-4442be79d547-dfd09c9b {
        grid-area: 1 / 2 / 2 / 3;
    }

    #w-node-_96875320-1285-7892-c6d3-b739a1bd9255-dfd09c9b {
        grid-area: span 1 / span 1 / span 1 / span 1;
    }

    #w-node-d7043fff-90e4-7e68-9886-77d1910cd7b7-dfd09c9b {
        grid-area: 1 / 1 / 2 / 2;
    }

    #w-node-_9b3b8260-1b95-6a5e-cb60-77837fd4c925-dfd09c9b {
        grid-area: 1 / 2 / 2 / 3;
    }

    #w-node-_47192a5c-a81f-61b1-e507-623bc18c5e2f-dfd09c9b {
        grid-area: 1 / 3 / 2 / 4;
    }

    #w-node-_074f2f00-1159-bbd0-530a-0cd710a2a2a0-dfd09c9b {
        grid-area: 1 / 1 / 2 / 2;
    }

    #w-node-_074f2f00-1159-bbd0-530a-0cd710a2a2a3-dfd09c9b {
        grid-area: 1 / 3 / 2 / 4;
    }

    #w-node-_074f2f00-1159-bbd0-530a-0cd710a2a2a6-dfd09c9b {
        grid-area: 1 / 2 / 2 / 3;
    }

    #w-node-b490ea90-7275-332d-2dff-2284f700e72e-dfd09c9b {
        grid-area: 1 / 1 / 2 / 2;
    }

    #w-node-b490ea90-7275-332d-2dff-2284f700e731-dfd09c9b {
        grid-area: 1 / 2 / 2 / 3;
    }

    #w-node-c1211154-3443-7ff4-0a2a-ece67d83407e-dfd09c9b {
        grid-area: 1 / 3 / 2 / 4;
    }

    #w-node-c41ff74a-4028-9708-8837-2aa635a9ad40-dfd09c9b {
        grid-area: 1 / 1 / 2 / 2;
    }

    #w-node-c41ff74a-4028-9708-8837-2aa635a9ad42-dfd09c9b {
        grid-area: 1 / 2 / 2 / 3;
    }

    #w-node-c41ff74a-4028-9708-8837-2aa635a9ad44-dfd09c9b {
        grid-area: 1 / 3 / 2 / 4;
    }

    #w-node-_1d89dd42-7a5f-c795-f1bf-6ced8e6cc3ac-dfd09c9b {
        grid-area: 1 / 1 / 2 / 2;
    }

    #w-node-_1d89dd42-7a5f-c795-f1bf-6ced8e6cc3ae-dfd09c9b {
        grid-area: 1 / 2 / 2 / 3;
    }

    #w-node-_1d89dd42-7a5f-c795-f1bf-6ced8e6cc3b0-dfd09c9b {
        grid-area: 1 / 3 / 2 / 4;
    }

    #w-node-_50a72116-255d-227d-5289-b03e75562bb7-dfd09c9b {
        grid-area: 1 / 1 / 2 / 2;
    }

    #w-node-_50a72116-255d-227d-5289-b03e75562bb9-dfd09c9b {
        grid-area: 1 / 2 / 2 / 3;
    }

    #w-node-_50a72116-255d-227d-5289-b03e75562bbb-dfd09c9b {
        grid-area: 1 / 3 / 2 / 4;
    }

    #w-node-_0e309604-7f79-8f20-3939-3e0cd7e8d846-dfd09c9b {
        grid-area: 1 / 1 / 2 / 2;
    }

    #w-node-_0e309604-7f79-8f20-3939-3e0cd7e8d848-dfd09c9b {
        grid-area: 1 / 2 / 2 / 3;
    }

    #w-node-_0e309604-7f79-8f20-3939-3e0cd7e8d84a-dfd09c9b {
        grid-area: 1 / 3 / 2 / 4;
    }

    #w-node-d2fc4b42-4e59-29d4-f539-3e2e0979264b-dfd09c9b {
        grid-area: 1 / 1 / 2 / 2;
    }

    #w-node-d2fc4b42-4e59-29d4-f539-3e2e0979264d-dfd09c9b {
        grid-area: 1 / 2 / 2 / 3;
    }

    #w-node-d2fc4b42-4e59-29d4-f539-3e2e0979264f-dfd09c9b {
        grid-area: 1 / 3 / 2 / 4;
    }

    #w-node-_1ac4a86d-5c92-cb8f-a3cf-465f6835759b-dfd09c9b {
        grid-area: 1 / 1 / 2 / 2;
    }

    #w-node-_1ac4a86d-5c92-cb8f-a3cf-465f6835759d-dfd09c9b {
        grid-area: 1 / 2 / 2 / 3;
    }

    #w-node-_1ac4a86d-5c92-cb8f-a3cf-465f6835759f-dfd09c9b {
        grid-area: 1 / 3 / 2 / 4;
    }

    #w-node-ee56854f-a9c2-e294-61e6-857d19b41ef7-dfd09c9b {
        grid-area: 1 / 1 / 2 / 2;
    }

    #w-node-ee56854f-a9c2-e294-61e6-857d19b41ef9-dfd09c9b {
        grid-area: 1 / 2 / 2 / 3;
    }

    #w-node-ee56854f-a9c2-e294-61e6-857d19b41efb-dfd09c9b {
        grid-area: 1 / 3 / 2 / 4;
    }

    #w-node-cb751bd5-c9de-b82b-1762-251aa3404724-dfd09c9b {
        grid-area: 1 / 1 / 2 / 2;
    }

    #w-node-cb751bd5-c9de-b82b-1762-251aa3404726-dfd09c9b {
        grid-area: 1 / 2 / 2 / 3;
    }

    #w-node-cb751bd5-c9de-b82b-1762-251aa3404728-dfd09c9b {
        grid-area: 1 / 3 / 2 / 4;
    }

    #w-node-c06ae1ed-a991-1dd8-6d56-2d7da15e1e1b-dfd09c9b {
        grid-area: 1 / 1 / 2 / 2;
    }

    #w-node-c06ae1ed-a991-1dd8-6d56-2d7da15e1e1d-dfd09c9b {
        grid-area: 1 / 2 / 2 / 3;
    }

    #w-node-c06ae1ed-a991-1dd8-6d56-2d7da15e1e1f-dfd09c9b {
        grid-area: 1 / 3 / 2 / 4;
    }

    #w-node-_98ae8370-010a-0ec3-be57-17e3b251d88b-dfd09c9c {
        grid-area: 1 / 1 / 2 / 2;
    }

    #w-node-fc6dc0db-3447-a108-90aa-4442be79d547-dfd09c9c {
        grid-area: 1 / 2 / 2 / 3;
    }

    #w-node-_96875320-1285-7892-c6d3-b739a1bd9255-dfd09c9c {
        grid-area: span 1 / span 1 / span 1 / span 1;
    }

    #w-node-d7043fff-90e4-7e68-9886-77d1910cd7b7-dfd09c9c {
        grid-area: 1 / 1 / 2 / 2;
    }

    #w-node-_9b3b8260-1b95-6a5e-cb60-77837fd4c925-dfd09c9c {
        grid-area: 1 / 2 / 2 / 3;
    }

    #w-node-_47192a5c-a81f-61b1-e507-623bc18c5e2f-dfd09c9c {
        grid-area: 1 / 3 / 2 / 4;
    }

    #w-node-_074f2f00-1159-bbd0-530a-0cd710a2a2a0-dfd09c9c {
        grid-area: 1 / 1 / 2 / 2;
    }

    #w-node-_074f2f00-1159-bbd0-530a-0cd710a2a2a3-dfd09c9c {
        grid-area: 1 / 3 / 2 / 4;
    }

    #w-node-_074f2f00-1159-bbd0-530a-0cd710a2a2a6-dfd09c9c {
        grid-area: 1 / 2 / 2 / 3;
    }

    #w-node-b490ea90-7275-332d-2dff-2284f700e72e-dfd09c9c {
        grid-area: 1 / 1 / 2 / 2;
    }

    #w-node-b490ea90-7275-332d-2dff-2284f700e731-dfd09c9c {
        grid-area: 1 / 2 / 2 / 3;
    }

    #w-node-c1211154-3443-7ff4-0a2a-ece67d83407e-dfd09c9c {
        grid-area: 1 / 3 / 2 / 4;
    }

    #w-node-c41ff74a-4028-9708-8837-2aa635a9ad40-dfd09c9c {
        grid-area: 1 / 1 / 2 / 2;
    }

    #w-node-c41ff74a-4028-9708-8837-2aa635a9ad42-dfd09c9c {
        grid-area: 1 / 2 / 2 / 3;
    }

    #w-node-c41ff74a-4028-9708-8837-2aa635a9ad44-dfd09c9c {
        grid-area: 1 / 3 / 2 / 4;
    }

    #w-node-_1d89dd42-7a5f-c795-f1bf-6ced8e6cc3ac-dfd09c9c {
        grid-area: 1 / 1 / 2 / 2;
    }

    #w-node-_1d89dd42-7a5f-c795-f1bf-6ced8e6cc3ae-dfd09c9c {
        grid-area: 1 / 2 / 2 / 3;
    }

    #w-node-_1d89dd42-7a5f-c795-f1bf-6ced8e6cc3b0-dfd09c9c {
        grid-area: 1 / 3 / 2 / 4;
    }

    #w-node-_50a72116-255d-227d-5289-b03e75562bb7-dfd09c9c {
        grid-area: 1 / 1 / 2 / 2;
    }

    #w-node-_50a72116-255d-227d-5289-b03e75562bb9-dfd09c9c {
        grid-area: 1 / 2 / 2 / 3;
    }

    #w-node-_50a72116-255d-227d-5289-b03e75562bbb-dfd09c9c {
        grid-area: 1 / 3 / 2 / 4;
    }

    #w-node-_0e309604-7f79-8f20-3939-3e0cd7e8d846-dfd09c9c {
        grid-area: 1 / 1 / 2 / 2;
    }

    #w-node-_0e309604-7f79-8f20-3939-3e0cd7e8d848-dfd09c9c {
        grid-area: 1 / 2 / 2 / 3;
    }

    #w-node-_0e309604-7f79-8f20-3939-3e0cd7e8d84a-dfd09c9c {
        grid-area: 1 / 3 / 2 / 4;
    }

    #w-node-d2fc4b42-4e59-29d4-f539-3e2e0979264b-dfd09c9c {
        grid-area: 1 / 1 / 2 / 2;
    }

    #w-node-d2fc4b42-4e59-29d4-f539-3e2e0979264d-dfd09c9c {
        grid-area: 1 / 2 / 2 / 3;
    }

    #w-node-d2fc4b42-4e59-29d4-f539-3e2e0979264f-dfd09c9c {
        grid-area: 1 / 3 / 2 / 4;
    }

    #w-node-_1ac4a86d-5c92-cb8f-a3cf-465f6835759b-dfd09c9c {
        grid-area: 1 / 1 / 2 / 2;
    }

    #w-node-_1ac4a86d-5c92-cb8f-a3cf-465f6835759d-dfd09c9c {
        grid-area: 1 / 2 / 2 / 3;
    }

    #w-node-_1ac4a86d-5c92-cb8f-a3cf-465f6835759f-dfd09c9c {
        grid-area: 1 / 3 / 2 / 4;
    }

    #w-node-ee56854f-a9c2-e294-61e6-857d19b41ef7-dfd09c9c {
        grid-area: 1 / 1 / 2 / 2;
    }

    #w-node-ee56854f-a9c2-e294-61e6-857d19b41ef9-dfd09c9c {
        grid-area: 1 / 2 / 2 / 3;
    }

    #w-node-ee56854f-a9c2-e294-61e6-857d19b41efb-dfd09c9c {
        grid-area: 1 / 3 / 2 / 4;
    }

    #w-node-cb751bd5-c9de-b82b-1762-251aa3404724-dfd09c9c {
        grid-area: 1 / 1 / 2 / 2;
    }

    #w-node-cb751bd5-c9de-b82b-1762-251aa3404726-dfd09c9c {
        grid-area: 1 / 2 / 2 / 3;
    }

    #w-node-cb751bd5-c9de-b82b-1762-251aa3404728-dfd09c9c {
        grid-area: 1 / 3 / 2 / 4;
    }

    #w-node-c06ae1ed-a991-1dd8-6d56-2d7da15e1e1b-dfd09c9c {
        grid-area: 1 / 1 / 2 / 2;
    }

    #w-node-c06ae1ed-a991-1dd8-6d56-2d7da15e1e1d-dfd09c9c {
        grid-area: 1 / 2 / 2 / 3;
    }

    #w-node-c06ae1ed-a991-1dd8-6d56-2d7da15e1e1f-dfd09c9c {
        grid-area: 1 / 3 / 2 / 4;
    }
}

@media screen and (max-width: 767px) {
    #w-node-_5680660e-bdd9-09f7-0ad7-f4c878f2bbec-dfd09c7e {
        grid-area: 1 / 1 / 2 / 2;
    }
}

@media screen and (max-width: 479px) {
    #w-node-fb836dff-5d61-e13c-158a-541fc0d72420-c0d723f8, #w-node-ea2c2024-fafa-9f90-0c86-0254ff9d6f0c-dfd09c41, #w-node-ea2c2024-fafa-9f90-0c86-0254ff9d6f11-dfd09c41 {
        grid-area: span 1 / span 1 / span 1 / span 1;
    }
}

@font-face {
    font-family: 'Mokoto';
    src: url('https://uploads-ssl.webflow.com/64351eef0f8f43aa55f4d9f3/649c61bb52b28087ae91e781_mokoto.regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Avenirltstd';
    src: url('https://uploads-ssl.webflow.com/64351eef0f8f43aa55f4d9f3/643520500ef584d0fc1621c9_AvenirLTStd-Black.otf') format('opentype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Avenirltstd Book';
    src: url('https://uploads-ssl.webflow.com/64351eef0f8f43aa55f4d9f3/64764ca2dcb8c2504837e57c_AvenirLTStd-Book.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}



#DvFITTEX a:hover {
    text-decoration: none !important;    
}

.progress-bar {
  width: 400px;
  height: 5px;
  background-color: #f0f0f0;
  border-radius: 10px;
  overflow: hidden;
  margin-bottom:20px;
}
.percentate {
    display: inline-block; padding: 0px; position: absolute; right: -100px;
}
.list-progress {
    list-style:none;
}
.shift-sm-top-1 {
    padding-top:50px;
}
.progress {
  height: 100%;
  
  border-radius: 10px;
  transition: width 0.3s ease;
}
#progress1 {
    background-color: #3898ec;
}
#progress2 {
    background-color: #ecd746;
}
#progress3 {
    background-color: #6f8fad;
}
#progress4 {
    background-color: #e76752;
}
.page-hero .hero-text-area .hero-title {
    font-size:35px;
}
.FITTEXRequestCallback {
    background-color:#ededed;
}
.AchRequestCallBack {
    font-size: 50px;
    background: #ededed;
    color: #3898ec;
}
.AchRequestCallBack:hover {
    background: #ededed !important;
    text-decoration: initial !important;
    color: #3898ec !important;
}
.FITTEXRequestCallback .main-form-wraper textarea {
    min-height: 5rem !important;
}
.ServiceKeyFeatures {
    text-align: left;
}

.FITTEXPrjBanner {
    height:400px !important;
    width:100% !important;
    object-fit:scale-down !important;
}
.LeftPanelInnerHeight {
    height:200px;
}
.RightPanelHeight .ma-btn-primary {
   padding: 5px 15px;
    font-size: 15px;
    border-radius: 10px !important;
    line-height:2 !important;
}
.RightPanelHeight .plan-cta {  
    text-align:center !important;
    padding-right:20px !important;
}
.fittexourlocations dl dt, .fittexourlocations dl dd {
    display: inline-block;
    margin-bottom:5px !important;
}
.fittexourlocations dl {    
    margin-bottom: 3px !important;
}
.fittexourlocations a {    
   color: #3898ec !important;
}
.fittexourlocations a:hover {   
    text-decoration: initial;
}
.fittexourlocations dl dt:after {
    content: ':';
    display: inline-block;
    text-align: center;
}

.fittexPartnerDetailScreen .text-area 
{
    margin: 0 2rem !important;
    padding: 1rem 0 !important;
}
.fittexPartnerDetailScreen ul
{
    list-style-type: square !important;
}
.fittexPartnerDetailScreen .info-item
{
    margin-bottom:10px !important;
}
#DvReseller .dvFITTEX .about-title {
    font-size: 25px !important;    
}
.fittexPartnerDetailScreen .info-text
{
    line-height:1.5 !important;
}



@media (max-width: 992px) {
    .specializationclass {
        text-align: -webkit-center;
    }

    #dvIndustrySpec .text-thin {
        text-align: center;
        float: initial !important;
    }
    .dvIndustrySpec {
        min-height: 210px !important;
    }
    .shift-sm-top-1 {
        padding-top: 0px;
    }
    .progress-bar {
        width: 300px;
    }
    .percentate {
        display: inline-block;
        padding: 0px;
        position: absolute;
        right: -60px;
    }
    .list-progress {
        padding-left:0px;
    }
}


/* Mobile Devices */
@media (max-width: 480px) {
    .RightPanelHeight .plan-cta {
        text-align: center !important;
        padding-right: initial !important;
    }
    .LeftPanelInnerHeight {
        height: auto;
    }
}
        
/* Low resolution Tablets and iPads */
@media (min-width: 481px) and (max-width: 767px) {
    .LeftPanelInnerHeight {
        height: auto;
    }

}
        
/* Tablets iPads (Portrait) */
@media (min-width: 768px) and (max-width: 1024px){
    .dvIndustrySpec {
        min-height: 120px !important;
    }
    .download-image {       
        height: 100px !important;
    }
}
    
/* Laptops and Desktops */
@media (min-width: 1025px) and (max-width: 1280px){
   
}
    
/* Big boi Monitors */
@media (min-width: 1281px) {
    .HomePagePageHero .container {
        max-width:95%;
    }
    .illustration-part.part-1 {
        height: 100% !important;
        width: 100% !important;
    }
    .page-hero .hero-text-area .hero-title {
        font-size: 40px !important;
    }
    .FITTEXBenefits {
        margin:0px !important;
    }
    .fittexNavigating {
        margin:0px 15px !important;
    }
    .list-progress {
        padding-left:20px  !important;
    }
    .ServiceKeyFeatures {
        text-align:left;       
    }
       .ServiceKeyFeatures .plan-feat {        
        font-size:18px !important;
    }
    
}

/* Big boi Monitors */
@media (min-width: 1500px) {
    .homeportfolioRight {
        width:43%;
    }
    .FITTEXBenefits {
        margin:0px !important;
    } 
    .fittexNavigating {
        margin:0px 15px !important;
    } 
     .list-progress {
        padding-left:20px  !important;
    } 
     .ServiceKeyFeatures {
        text-align:left;       
    }
       .ServiceKeyFeatures .plan-feat {        
        font-size:18px !important;
    }
}




/*Theme Color Start*/
.header-stand-out, .back-to-top, .testimonials .right-arrow .icon, .testimonials .left-arrow .icon {
    background-color: #000000;
}

body.overlay-is-linear-gradient .overlay-color {
    background: -webkit-linear-gradient(45deg, #000000, #000000);
}

.page-hero {  
    background: -webkit-linear-gradient(45deg, #000000, #000000);
}

 .take-action {
    background-color: #000000;
    color: white;
}


.about .about-stats .stat-num {
    color: white;
}

.page-header .header-cta {
    color: #000000;
}

.page-hero .cta-links-area .cta-link-primary {
    background: #000000;
    color: #fff;
    border-color: #ffffff;
}

    .page-hero .cta-links-area .cta-link-primary:hover {
        color: #000000;
    }

.page-hero .cta-links-area .cta-link:hover {
    color: #000000;
}

.our-clients {
    background: #ffffff;
    color: white;
}

.dvFITTEXHead.active {
    background-color: #000000;
    border-radius: 20px;
    color: white;
}

    .dvFITTEXHead.active.feature-box .feat-content .feat-title {
        color: white;
    }

#page-header {
    background-color: #08bce9;
    
}
.link-primary {
    color:#3898ec;
}
.footer-logo img {
    width:120px;
       object-fit: scale-down;
}

.back-to-top.show {
    bottom: 20px;
    right: 80px;
}
        .page-header .navbar-brand .brand-logo {
            max-height: 115px;
        }
.ma-tabs .switch .switch-btns-list .switch-btn.active {
    color: #fff;
    background-color: #000000;
    border-color: #000000;
}
.pricing-3 .plan-cost, .pricing-2 .plan-cost, .pricing-1 .plan-cost {
    background: #000000;
}
.ma-btn-primary {
    border-color: #000000;
    color: rgb(255, 255, 255);
    background: #000000;
}
.ma-btn-primary:hover {
    color: #000000;
    background: rgba(0, 0, 0, 0);
    border-color: #000000;
}

.section-heading .section-subtitle {
    text-transform: initial;
}
.homeportfolio .section-subtitle {
    width:100%;
}
.homeportfolio .container {
    max-width:95%;
}

.portfolio .portfolio-btn-list {
     justify-content: center;
}

    .portfolio .portfolio-btn-list .portfolio-btn {
        text-align: center;
        font-size: 15px;
    }

.HomeWhatWeOffer {
    background-color:#000000 !important;
    overflow:visible;
}
.HomeWhatWeOffer .section-title, .HomeWhatWeOffer .section-subtitle, .HomeWhatWeOffer .feat-title,
.HomeWhatWeOffer .feat-text {
    color:#ffffff !important;
}
.whyfittex.info-content {
    padding-right: 0rem !important;
}
.whyfittexright {
    padding-top: 25px !important;
}
    .whyfittexright.pointer-grid {
        grid-row-gap: 15px  !important;
    }
#take-action .about .about-stats .stat-box {
    text-align: center !important;
}
 
 #take-action  .about .about-stats .stat-num .sign {
    font-size: 2.5rem;    
    font-weight: 600;
    position: absolute;
    right: -5px;
    left :auto;
    top: 50%;
    transform: translate(100%, -50%);
}
 .homePagePricing img {
    /* width: 100px; */
    height: 90px;
    /* max-width: 100%; */
    /* object-fit: scale-down; */
    padding: 10px;
}
.homePagePricing  .plan-price {
    font-size:1.75rem;
}
.homePagePricing  .plane-name {
    font-size:1rem;
}
.testimonials .testimonial-content .testimonial-text {
    font-size: 14PX !important;   
}
.testimonials .testimonial-content .customer-info .customer-details .customer-name {
    font-size: 16PX;    
}
.testimonials.testimonials-3-col .testimonial-content {
    width: 100%;
    min-height: 532px;
}

.features-tabs-menu a:hover {
    text-decoration:initial;
}

.footer a:hover {
    text-decoration:initial;
}

.features-boxed .feature-box .feat-icon, .features .feature-box .feat-icon {
    display: block;   
}
.features-boxed .feature-box .feat-icon .img-icon, .features .feature-box .feat-icon .img-icon {
    
    width: 45px;
    height: 45px;
    font-size: 45px;
    line-height: 45px;      
}
.Fttexfeatures .img-icon {
     width: 60px !important;
    height: 60px !important;
}

.page-hero .cta-links-area {
    display: inherit;
    flex-direction: row;
    align-items: center;
    text-align: center;
}
.dvFITTEX .LeftPanel {
    margin: 1rem 1rem !important;
    padding: 20px !important;
    background:#ededed !important;
    line-height: 2.5;
}
.dvFITTEX .RightPanel {
    margin: 1rem 1rem !important;
    padding: 20px !important;
    background:#ededed !important;
    line-height: 2.5;
    width:100%;
}
.dvFITTEX .content-block {
    padding:0px 3%;
}
.dvFITTEX .RightPanel .section-heading {
    margin-bottom: 0rem;
}
.dvFITTEX .RightPanel.pricing-3 .icon img {
    width: 240px;
    height: 100px;
    max-width: 100%;
    object-fit:scale-down;
}
.dvFITTEX .RightPanel .ma-tabs .tabs .tab-content {   
    padding: 0 0;
}
.dvFITTEX .RightPanel.pricing-3 .plan-details .plan-list > .plan-feat{
  padding: 5px;
  font-weight:400;
}
 .dvFITTEX img {
    width: 100px;
    height: 100px;
    max-width: 100%;
    object-fit: scale-down;
    padding: 10px;
}
  .dvFITTEX img.img-fluid {
    width: auto !important;
    height: 100px !important;
    max-width: 100%;
    object-fit: scale-down;
    padding: 10px;
}
.dvFITTEX  .plan-price {
    font-size:1.75rem;
    color:#3898ec;
}
.dvFITTEX  .plane-name {
    font-size:23px;
}
.ProHead {
    margin-top:0px;
}
.ProFullHead {
    
    font-size: 28px;
    line-height:1;
}
.padding-top-20 {
    padding-top:3%;
}

.dvFITTEX .about-title {
    font-size: 19px  !important;
    font-weight: 900;
    text-transform:initial !important;
    margin: 5px 10px !important;
    color: #333;
}
.LeftPanel .txt {
display: inline-block;    
}
.LeftPanel .img {
display: inline;
    vertical-align: top;
    float:right;
}
    .LeftPanel .img img {
        width: 150px;
        height: 120px;
        object-fit: cover;
    }
    .illustration-part.part-1 {
   
    height: 450px;
}
.illustration-part.part-2, .illustration-part.part-3, .illustration-part.part-4, .illustration-part.part-5 {
    display:none;
}
.pricing-3 .plan-cost, .pricing-2 .plan-cost, .pricing-1 .plan-cost {
    position: relative;
    padding-top: 10px;
}
  .pricing-3 .plan-details .plan-list > .plan-feat,
  .about .info-items .menu-items .info-item .info-text {
    color:#000000;
    font-size: 16px;
    line-height: 1.5;
}

.dvFITTEX  .info-items {
    background: #ffffff;
    padding: 0px 20px;
}
.dvFITTEX .features-boxed .feature-box {
    margin-bottom: 1rem;
    padding: 2rem 2rem;
    border-radius: 0.5rem;
    box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 15%);
    
}

.mega-section {
    padding: 1rem 0;
}
.homePagePricing.section-bg-shade {
    background: #d9d9d9 !important;
}
#testimonials-3-col {
    border-top:1px solid #c3c1c1;
}
.testimonials .testimonial-content .testimonial-text {
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 1.5;
    font-style: initial;
    color: #000000;
    padding: 0;
    margin: 0;
    text-align:left;
}
.section-heading .section-subtitle {    
    color: #000000 !important;
}
.specializationclass {
        margin-top:5px;
        font-size: 28px;
        color: #000000;
    }
.testimonial-content .customer-info img {
    width: 70px;
    height: 70px;
    border: 3px solid #3898ec !important;
    border-radius: 50%;
    position: absolute;
    bottom: 50px;
    left: 10%;
    object-fit: scale-down;
    padding:5px;
}
.testimonials .testimonial-content .customer-info .customer-details {   
    bottom: 50px;
    position: absolute;
    left:30%;
    
}
.features-boxed .feature-box .feat-content .feat-text, .features .feature-box .feat-content .feat-text {
    color: #000000;
    font-weight:400;
}
.ImgModuleroverView {
    height:100% !important;
    width:100% !important;
}
.HomeWhatWeOffer .section-heading .section-subtitle {    
    color: #ffffff !important;
}
.fittexContactUs.inner-page-hero {
    height: 30vh !important;
    min-height: 30vh !important;
}

.Fttexfeatures .Rightside {
    padding:0px;
    
}
.Fttexfeatures .Rightside .feat-title {
    font-size:19px !important;
    margin-top:5px !important;
    text-align:left;
}
.FITTEXContatUs .main-form-wraper .input-wraper {
    position: relative;
    margin-bottom: 2rem;
}
#portfolio .section-heading .section-title.splitting .char:first-child {
    text-transform: initial;
}

.HomeWhatWeOffer .Rightside {
    padding:0px;
    
}
.HomeWhatWeOffer .Rightside .feat-title {
    font-size:19px !important;
    margin-top:5px !important;
}
.RightPanelHeight .container {
    padding:0px;
}
.map-box {
    padding: 15px;
    background: #ffffff;
    border: 1px solid #ededed;
}
.page-hero .hero-text-area .hero-subtitle, .page-hero .hero-text-area .slide-subtitle {
    font-size: 1.25rem;
}
.splFeatures .pointer-grid {
    grid-template-columns: 1fr 0fr;
}

.splFeatures .pointer-grid-item img {
    height: 25px;
    margin-bottom: 0px
}
.about .about-title {
    font-size: 2rem;
    font-weight: 900;
    text-transform: capitalize;
    margin-bottom: 1.25rem;
    color: #333;
}
.pricing-3 .plan-details .plan-list > .plan-feat, .pricing-2 .plan-details .plan-list > .plan-feat, .pricing-1 .plan-details .plan-list > .plan-feat {
     padding: 6px 0;
}
.testimonials .testimonial-content .content {
    padding: 25px 25px!important;
}


.testimonials .testimonial-content .icon {
    color: #3898ec;
}
.testimonials .testimonial-content .icon {
   font-size: 4rem;
}
.illustration-part {
    position: initial;
}
.contact-info .map-box .mapouter {
    position: relative;
    text-align: right;
    height: 420px;
    width: 100%;
}
.contact-info .map-box .mapouter .map-iframe {
    width: 100%;
    height: 420px;
    border: none;
}
.FITTEXContatUs .container {
    max-width: 90% !important;
}
.FITTEXContatUs .section-heading .section-title {    
    margin-bottom: 5px !important;
    font-size: 20px !important;
}
.our-clients .logo {
    height: 80px;
    width:160px;
    transition: all 0.5s ease-in-out 0s;
    object-fit: scale-down !important;

}
.client-logo {    
    border: 1px solid #ededed;
    padding: 10px;
}
.about .info-items .menu-items .info-item .info-text {
    font-weight: 300;
    line-height:2;
}
.homeportfolioRight.col-lg-6 {
    width:49%;
}


@media (max-width: 1199px) {
    .page-header .nav-link:hover {       
        background-color: #fff;
        color: #000000;
    }
    .page-header .navbar-nav {
        background-color: #000000;
    }
}

@media (max-width: 768px) {
    .portfolio .portfolio-btn-list .portfolio-btn {      
        min-width: 200px;
    }
    .whyfittexright {
        padding-top: 0px !important;
    }
    .illustration-part.part-1
    {
        height: 100% ;
        width: 100%  ;
    }
    .homePagePricing .container {
        padding:0px 15px !important;
    }
    .pointer-grid {       
        grid-row-gap: 10px;
    }
    .homeportfolioRight.col-lg-6 {
        width: 100%;
    }

}
@media screen and (max-width: 991px) {
    .ProFullHead {
        font-size: 20px;
    }
    .homeportfolioRight.col-lg-6 {
        width: 100%;
    }
}

@media (min-width: 1400px) {
    .about .info-items .menu-items .info-item .info-text {
        font-weight: 300;
        line-height: 2.5;
    }
    .whyfittexright.pointer-grid {
        grid-row-gap: 15px !important;
    }
    .homeportfolioRight.col-lg-6 {
        width: 45%;
    }
}

@media (min-width: 1600px) {
    .about .info-items .menu-items .info-item .info-text {
        font-weight: 300;
        line-height: 2.5;
    }
      .LeftPanel .info-text {
        font-weight: 300;
        line-height: 2.3 !important;
    }
    .whyfittexright.pointer-grid {
        grid-row-gap: 10px !important;
    }
    .homeportfolioRight.col-lg-6 {
        width: 43%;
    }
}


/*Theme Color End*/

/*Logo  Tick Color Start*/

.testimonials .testimonial-content {
    border-bottom: 3px solid #3898ec;
}
.line-solid-main-color {
    background: #3898ec;
}
.about .tag-line::before {
    background: #3898ec;
}

.about .tag-line {
    color: #3898ec;
}

.about .about-stats .stat-num .sign {
    color: #3898ec;
}

.testimonials .testimonial-content .customer-info .customer-details .customer-role {
    color: #3898ec;
}

.dark-color-footer .footer-col-title, .dark-color-footer .contact-info-card .icon, .dark-color-footer .sc-wraper .sc-list .sc-item:hover .sc-icon, .dark-color-footer .terms-links, .dark-color-footer .copyrights .creadits .link, .dark-color-footer .terms-links > a:hover {
    color: #3898ec;
}

.sc-flat .sc-list .sc-item, .dir-col .sc-list .sc-item, .dir-row .sc-list .sc-item {
    background: #3898ec;
}

.our-clients .pricing-1 .plan-price {
    color: #3898ec;
}
.testimonials .testimonial-content .icon {
    color: #3898ec;
}
.back-to-top:hover {
    background-color: #3898ec;
}
.loading-screen .spinner > div {
  background-color: #3898ec;
}

.ma-tabs .switch .switch-btns-list .switch-btn:hover {
    border-color: #3898ec;
    color: #000000;
}
.pricing-3 .plan-cost .ribbon, .pricing-2 .plan-cost .ribbon, .pricing-1 .plan-cost .ribbon {    
    color: #3898ec;
}
.testimonials .right-arrow .icon:hover, .testimonials .left-arrow .icon:hover {
    background-color: #3898ec;
}
.ma-tabs .switch .switch-btns-list .switch-btn:hover {
    border-color: #3898ec;
    color: #ffffff;
}

.footer a:hover {
    color: #3898ec;
}
.sc-item:hover .sc-icon {
    color: #3898ec !important;
}
.footer-link.cf {
    color: #3898ec !important;
    display: inline-block;
}
.page-hero .cta-links-area .cta-link {
    color: #3898ec;
    border-color: #3898ec !important;
    margin-left: -25px;
}
    .page-hero .cta-links-area .cta-link:hover {
        background: #3898ec;
        border-color: #3898ec !important;
        color:white !important;
    }
.ProFullHead {
    color: #3898ec;    
}
.main-form-wraper input[type=email], .main-form-wraper input[type=text], .main-form-wraper input[type=password], .main-form-wraper input[type=url], .main-form-wraper input[type=search], .main-form-wraper input[type=number], .main-form-wraper textarea {
    border-bottom: 1px solid #3898ec;
}
    .main-form-wraper .input-wraper.has-text label, .main-form-wraper input[type=email]:focus ~ label, .main-form-wraper input[type=text]:focus ~ label, .main-form-wraper input[type=password]:focus ~ label, .main-form-wraper input[type=url]:focus ~ label, .main-form-wraper input[type=search]:focus ~ label, .main-form-wraper input[type=number]:focus ~ label, .main-form-wraper textarea:focus ~ label {      
        color: #3898ec;
    }
.main-form-wraper .b-border {
     background: #3898ec;
}
.portfolio .portfolio-btn-list .portfolio-btn:hover, .portfolio .portfolio-btn-list .portfolio-btn.active {
    color: #000000;
    background: #3898ec;
    min-width:225PX;
    FONT-SIZE: 15PX;
    padding: 10PX 2rem;
    border-radius:10px;
}
.dvIndustrySpec  {
    background-color: #3898ec;
    color: white;
}
.features-boxed .feature-box .feat-icon .img-icon, .features .feature-box .feat-icon .img-icon {
     color: #3898ec;  
}
.take-action .section-title {
    color: #3898ec;
}
/*.features-boxed .feature-box .feat-icon .img-icon, .features .feature-box .feat-icon .img-icon {   
    filter: hue-rotate(126deg);
}*/
/*Logo  Tick Color End*/