html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    font-family: sans-serif;
}

body {
    margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block;
}

audio,
canvas,
progress,
video {
    vertical-align: baseline;
    display: inline-block;
}

audio:not([controls]) {
    height: 0;
    display: none;
}

[hidden],
template {
    display: none;
}

a {
    background-color: rgba(0, 0, 0, 0);
}

a:active,
a:hover {
    outline: 0;
}

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

b,
strong {
    font-weight: bold;
}

dfn {
    font-style: italic;
}

h1 {
    margin: 0.67em 0;
    font-size: 2em;
}

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

small {
    font-size: 80%;
}

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

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

img {
    border: 0;
}

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

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

pre {
    overflow: auto;
}

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

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

button {
    overflow: visible;
}

button,
select {
    text-transform: none;
}

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

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

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

input {
    line-height: normal;
}

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

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

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

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

legend {
    border: 0;
    padding: 0;
}

textarea {
    overflow: auto;
}

optgroup {
    font-weight: bold;
}

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

td,
th {
    padding: 0;
}

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

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

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

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

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

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

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

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

* {
    box-sizing: border-box;
}

html {
    height: 100%;
}

body {
    color: #333;
    background-color: #fff;
    min-height: 100%;
    margin: 0;
    font-family: Arial, sans-serif;
    font-size: 14px;
    line-height: 20px;
}

img {
    vertical-align: middle;
    max-width: 100%;
    display: inline-block;
}

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

.w-block {
    display: block;
}

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

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

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

.w-hidden {
    display: none;
}

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

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

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

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

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

.w-webflow-badge,
.w-webflow-badge * {
    z-index: auto;
    visibility: visible;
    box-sizing: border-box;
    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;
    width: auto;
    min-width: 0;
    max-width: none;
    height: auto;
    min-height: 0;
    max-height: none;
    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, 0.1), 0 1px 3px rgba(0, 0, 0, 0.1);
    visibility: visible !important;
    z-index: 2147483647 !important;
    color: #aaadb0 !important;
    opacity: 1 !important;
    background-color: #fff !important;
    border-radius: 3px !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 6px !important;
    font-size: 12px !important;
    line-height: 14px !important;
    text-decoration: none !important;
    display: inline-block !important;
    position: fixed !important;
    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 {
    border: none;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

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

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

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

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

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

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

.w-input,
.w-select {
    color: #333;
    vertical-align: middle;
    background-color: #fff;
    border: 1px solid #ccc;
    width: 100%;
    height: 38px;
    margin-bottom: 5px;
    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 {
    opacity: 0;
    z-index: -100;
    width: 0.1px;
    height: 0.1px;
    position: absolute;
    overflow: hidden;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .w-col {
        width: 100%;
    }

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

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

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

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

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

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

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

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

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

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

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

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

.w-widget {
    position: relative;
}

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

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

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

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

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

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

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

.w-widget-twitter-count-shim * {
    pointer-events: none;
    -webkit-user-select: none;
    -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: " ";
    pointer-events: none;
    border: solid rgba(0, 0, 0, 0);
    width: 0;
    height: 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: " ";
    pointer-events: none;
    border: solid rgba(0, 0, 0, 0);
    width: 0;
    height: 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 {
    color: #fff;
    height: 500px;
    position: relative;
    overflow: hidden;
}

.w-background-video > video {
    object-fit: cover;
    z-index: -100;
    background-position: 50%;
    background-size: cover;
    width: 100%;
    height: 100%;
    margin: auto;
    position: absolute;
    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 {
    text-align: center;
    clear: both;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    tap-highlight-color: rgba(0, 0, 0, 0);
    background: #ddd;
    height: 300px;
    position: relative;
}

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

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

.w-slider-nav {
    z-index: 2;
    text-align: center;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    tap-highlight-color: rgba(0, 0, 0, 0);
    height: 40px;
    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 {
    font-size: inherit;
    line-height: inherit;
    width: auto;
    height: auto;
    padding: 0.2em 0.5em;
}

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

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

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

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

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

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

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

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

.w-slider-arrow-left,
.w-slider-arrow-right {
    cursor: pointer;
    color: #fff;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 80px;
    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);
    border: 0;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    position: absolute;
    overflow: hidden;
}

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

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

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

.w-dropdown-toggle {
    -webkit-user-select: none;
    -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 {
    background: #ddd;
    min-width: 100%;
    display: none;
    position: absolute;
}

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

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

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

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

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

.w-lightbox-backdrop {
    cursor: auto;
    letter-spacing: normal;
    text-indent: 0;
    text-shadow: none;
    text-transform: none;
    visibility: visible;
    white-space: normal;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    color: #fff;
    text-align: center;
    z-index: 2000;
    opacity: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -webkit-tap-highlight-color: transparent;
    background: rgba(0, 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 {
    -webkit-overflow-scrolling: touch;
    height: 100%;
    overflow: auto;
}

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

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

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

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

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

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

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

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

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

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

.w-lightbox-caption {
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    background: rgba(0, 0, 0, 0.4);
    padding: 0.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 {
    cursor: pointer;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 24px;
    width: 4em;
    transition: all 0.3s;
    position: absolute;
    top: 0;
}

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

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

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

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

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

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

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

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

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

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

.w-lightbox-spinner {
    box-sizing: border-box;
    border: 5px solid rgba(0, 0, 0, 0.4);
    border-radius: 50%;
    width: 40px;
    height: 40px;
    margin-top: -20px;
    margin-left: -20px;
    animation: 0.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: 0.5;
        display: block;
    }

    .w-lightbox-close {
        opacity: 0.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: 0.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 {
    text-align: center;
    clear: both;
    width: 100%;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.w-nav-button {
    float: right;
    cursor: pointer;
    -webkit-tap-highlight-color: 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-code-component > * {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

:root {
    --primary-dark: #26333a;
    --pink: #59bd46;
    --dark-green: #26333a;
    --green-20: rgba(66, 94, 103, 0.2);
    --white-20: rgba(255, 255, 255, 0.2);
    --white: white;
    --primary: #59bd46;
    --soft-orange: #faf2ed;
    --primary-light-bg: #f4fbf3;
    --transparent: rgba(255, 255, 255, 0);
    --light-pink: #ffecde;
    --dark-yellow: #e99a00;
    --pink-50: rgba(255, 236, 222, 0.5);
    --dark-gray-50: rgba(175, 175, 175, 0.5);
    --light-green: #e0ecde;
    --soft-dark-green: #26333a;
    --white-50: rgba(255, 255, 255, 0.5);
    --soft-green: #51f6cf;
    --paragraph-gray: #535353;
    --compare-border: #e6edf3;
    --orange-70: rgba(255, 236, 222, 0.7);
    --5-green: rgba(66, 94, 103, 0.05);
    --compare-light-bg: #f6f7f8;
}

.w-pagination-wrapper {
    flex-wrap: wrap;
    justify-content: center;
    display: flex;
}

.w-pagination-previous {
    color: #333;
    background-color: #fafafa;
    border: 1px solid #ccc;
    border-radius: 2px;
    margin-left: 10px;
    margin-right: 10px;
    padding: 9px 20px;
    font-size: 14px;
    display: block;
}

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

.w-pagination-next {
    color: #333;
    background-color: #fafafa;
    border: 1px solid #ccc;
    border-radius: 2px;
    margin-left: 10px;
    margin-right: 10px;
    padding: 9px 20px;
    font-size: 14px;
    display: block;
}

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

.w-form-formradioinput--inputType-custom {
    border: 1px solid #ccc;
    border-radius: 50%;
    width: 12px;
    height: 12px;
}

.w-form-formradioinput--inputType-custom.w--redirected-focus {
    box-shadow: 0 0 3px 1px #3898ec;
}

.w-form-formradioinput--inputType-custom.w--redirected-checked {
    border-width: 4px;
    border-color: #3898ec;
}

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

body {
    color: var(--primary-dark);
    font-family: Inter, sans-serif;
    font-size: 16px;
    line-height: 1.2em;
}

h1 {
    color: var(--primary-dark);
    margin-top: 10px;
    margin-bottom: 10px;
    font-family: EB Garamond, sans-serif;
    font-size: 55px;
    font-weight: 500;
    line-height: 1.2em;
}

h2 {
    color: var(--primary-dark);
    margin-top: 10px;
    margin-bottom: 10px;
    font-family: EB Garamond, sans-serif;
    font-size: 46px;
    font-weight: 500;
    line-height: 1.2em;
}

h3 {
    color: var(--primary-dark);
    margin-top: 10px;
    margin-bottom: 10px;
    font-family: EB Garamond, sans-serif;
    font-size: 35px;
    font-weight: 500;
    line-height: 1.2em;
}

h4 {
    color: var(--primary-dark);
    margin-top: 10px;
    margin-bottom: 10px;
    font-family: EB Garamond, sans-serif;
    font-size: 24px;
    font-weight: 500;
    line-height: 1.2em;
}

h5 {
    color: var(--primary-dark);
    margin-top: 10px;
    margin-bottom: 10px;
    font-family: EB Garamond, sans-serif;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.2em;
}

h6 {
    color: var(--primary-dark);
    letter-spacing: 0.1em;
    text-transform: uppercase;
    margin-top: 10px;
    margin-bottom: 10px;
    font-family: EB Garamond, sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.4em;
}

p {
    color: var(--primary-dark);
    margin-top: 0;
    margin-bottom: 0;
    font-family: Inter, sans-serif;
    font-weight: 400;
    line-height: 1.5em;
}

a {
    color: var(--primary-dark);
    align-items: center;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.2em;
    text-decoration: none;
    transition: all 0.35s;
    display: inline-block;
}

a:hover {
    color: var(--pink);
}

ul {
    grid-row-gap: 15px;
    background-color: var(--primary-dark);
    color: var(--primary-dark);
    /* -webkit-text-fill-color: transparent; */
    -webkit-background-clip: text;
    background-clip: text;
    flex-direction: column;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-left: 20px;
    display: flex;
}

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

li {
    align-items: center;
    line-height: 1.4em;
}

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

label {
    margin-bottom: 10px;
    display: block;
}

blockquote {
    border-left: 3px solid var(--dark-green);
    color: var(--dark-green);
    text-align: left;
    margin-bottom: 0;
    padding: 20px 20px 20px 24px;
    font-size: 26px;
    font-weight: 500;
    line-height: 1.4;
}

figure {
    margin-bottom: 10px;
}

.section {
    padding-top: 80px;
    padding-bottom: 80px;
    position: relative;
    overflow: hidden;
}

.section.licensing-fonts {
    padding-top: 0;
    padding-bottom: 0;
}

.section.without-bottom-spacing {
    padding-bottom: 0;
}

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

.section.clip-content {
    overflow: hidden;
}

.section.without-top-spacing {
    padding-top: 0;
}

.section.clip-content-without-space {
    margin-bottom: 0.625rem;
    padding-top: 0;
    padding-bottom: 0;
    overflow: hidden;
}

.section.clip-reviews {
    padding-bottom: 0.625rem;
    overflow: hidden;
}

.base-container {
    z-index: 15;
    flex-direction: column;
    align-items: center;
    width: 100%;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
}

.base-container.align-left {
    align-items: flex-start;
}

.grid-system-wrapper {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    margin-top: 40px;
    display: flex;
}

.grid-system {
    border-top: 1px solid var(--green-20);
    justify-content: space-between;
    width: 80%;
    display: flex;
}

.grid-title {
    border-right: 1px solid var(--white-20);
    border-left: 1px none var(--white-20);
    background-color: var(--dark-green);
    color: var(--white);
    justify-content: center;
    width: 19%;
    margin-top: 0;
    margin-bottom: 0;
    padding: 20px 10px;
    display: flex;
}

.grid-title.first-grid {
    border-left-style: solid;
    border-left-color: #7c7c7c;
    width: 24%;
    height: 100%;
    margin-top: 0;
}

.grid-description {
    border-right: 1px solid var(--green-20);
    border-bottom: 1px solid var(--green-20);
    justify-content: center;
    align-items: center;
    width: 19%;
    margin-top: 0;
    margin-bottom: 0;
    padding: 20px 10px;
    display: flex;
}

.grid-description.first-description {
    border-right: 1px solid var(--green-20);
    border-bottom: 1px solid var(--green-20);
    border-left: 1px solid var(--green-20);
    width: 24%;
}

.grid-description.last-description {
    border-right-style: solid;
    border-right-width: 1px;
}

.spacing-system-column {
    padding-right: 20px;
}

.spacing-system-image {
    max-width: 80%;
}

.spacing-wrapper-mobile {
    width: 70%;
    margin-top: 30px;
    position: relative;
}

.typography-wrapper {
    margin-top: 30px;
}

.spacing-columns {
    margin-top: 40px;
}

.bottom-style-spacing-desktop {
    font-weight: 700;
    position: absolute;
    top: auto;
    bottom: 10%;
    left: auto;
    right: 0%;
}

.top-style-spacing-desktop {
    font-weight: 700;
    position: absolute;
    top: 8%;
    bottom: auto;
    right: 0;
}

.spacing-wrapper {
    width: 100%;
    margin-top: 30px;
    position: relative;
}

.middle-style-spacing-desktop {
    font-weight: 700;
    position: absolute;
    top: 33%;
    bottom: auto;
    left: auto;
    right: 0%;
}

.spasing-system-image-mobile {
    max-width: 70%;
}

.primary-style-guide {
    background-color: var(--primary);
    width: 75px;
    height: 75px;
}

.gray-style-guide {
    border: 1px solid var(--green-20);
    background-color: var(--soft-orange);
    width: 75px;
    height: 75px;
}

.color-wrapper {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: column;
    display: flex;
}

.primary-dark-style-guide {
    background-color: var(--primary-dark);
    width: 75px;
    height: 75px;
}

.black-style-guide {
    background-color: var(--dark-green);
    width: 75px;
    height: 75px;
}

.colors-container {
    grid-column-gap: 60px;
    justify-content: flex-start;
    margin-top: 40px;
    display: flex;
}

.color-container {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-top: 40px;
    display: flex;
}

.primary-light-style-guide {
    border: 1px solid var(--green-20);
    background-color: var(--primary-light-bg);
    width: 75px;
    height: 75px;
}

.white-style-guide {
    border: 1px solid var(--green-20);
    background-color: var(--white);
    width: 75px;
    height: 75px;
}

.headings-typography-wrapper {
    flex-flow: wrap;
    width: 47%;
    display: flex;
}

.headers-wrapper {
    width: 100%;
    margin-top: 10px;
}

.h1-tablet {
    font-size: 55px;
}

.h2-tablet {
    font-size: 46px;
}

.h1-mobile {
    font-size: 48px;
}

.h2-mobile {
    font-size: 38px;
}

.h3-mobile {
    font-size: 30px;
}

.h3-tablet {
    font-size: 35px;
}

.style-guide-body-wrapper {
    flex-direction: column;
    align-items: flex-start;
    width: 47%;
    display: flex;
}

.style-guide-body-wrapper.last-child {
    margin-right: 0;
}

.primary-button {
    border: 1px solid var(--primary-dark);
    background-color: var(--primary-dark);
    color: var(--white);
    text-align: center;
    letter-spacing: 0.6px;
    text-transform: capitalize;
    border-radius: 8px;
    justify-content: center;
    align-items: center;
    min-width: 120px;
    padding: 12px 18px;
    font-size: 16px;
    font-weight: 400;
    transition: all 0.35s;
    display: flex;
}

.primary-button:hover {
    background-color: var(--transparent);
    color: var(--primary-dark);
}

.primary-button.serch-button {
    margin-left: auto;
    margin-right: auto;
}

.primary-button.search-button {
    border-color: var(--primary);
    background-color: var(--primary);
    color: var(--primary-dark);
    font-weight: 600;
}

.primary-button.search-button:hover {
    background-color: var(--transparent);
    color: var(--white);
}

.primary-button.pagination {
    margin-top: 60px;
}

.style-guide-div {
    grid-row-gap: 60px;
    flex-direction: column;
    justify-content: space-between;
    align-items: stretch;
    width: 100%;
}

.top-style-spacing-mobile {
    font-weight: 700;
    position: absolute;
    top: 5%;
    right: 0;
}

.middlr-style-spacing-mobile {
    font-weight: 700;
    position: absolute;
    top: 29%;
    right: 0;
}

.bottom-style-spacing-mobile {
    font-weight: 700;
    position: absolute;
    bottom: 7%;
    right: 0;
}

.grid-header {
    width: 100%;
    margin-top: 50px;
}

.link-wrapper {
    width: 50%;
    margin-top: 10px;
}

.licensing-title-wrapper {
    border-bottom: 1px rgba(94, 94, 94, 0.5);
    justify-content: space-between;
    align-items: center;
    margin-bottom: 40px;
    display: flex;
}

.licensing-images-wrapper {
    width: 100%;
    padding-top: 40px;
    position: relative;
}

.licensing-images-wrapper.top-space {
    margin-top: 60px;
}

.licensing-grid {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    border-bottom: 1px rgba(94, 94, 94, 0.5);
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    width: 100%;
}

.licensing-title {
    width: 100%;
    padding-bottom: 30px;
}

.license-link {
    color: var(--primary-dark);
    letter-spacing: normal;
    font-weight: 700;
}

.licensing-heading {
    margin-bottom: 20px;
}

.licensing-icon-link-wrapper {
    margin-right: 25px;
    transition: none;
}

.icon-style-guide {
    color: var(--pink);
    font-family: "Fa Brands 400 (6.4.2)", sans-serif;
    font-size: 24px;
    line-height: 1.4em;
    transition: all 0.35s;
}

.icon-style-guide:hover {
    color: var(--primary-dark);
}

.icon-style-guide.dribble {
    font-family: "Fa solid 900", sans-serif;
}

.licensing-fonts-wrapper {
    align-items: center;
    width: 100%;
    margin-top: 20px;
    display: flex;
}

.licensing-icon-link {
    margin-bottom: 20px;
}

.licensing-paragraph {
    width: 50%;
    margin-right: 40px;
}

.licensing-paragraph.last-item {
    margin-right: 0;
}

.licensing-font-title {
    letter-spacing: 0.2px;
    text-transform: uppercase;
}

.licensing-icons-wrapper {
    margin-top: 30px;
    margin-bottom: 20px;
}

.utility-page-wrap {
    background-color: var(--white);
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: auto;
    height: 100vh;
    padding-left: 15px;
    padding-right: 15px;
    display: flex;
    position: relative;
    overflow: hidden;
}

.utility-page-content {
    z-index: 15;
    text-align: center;
    flex-direction: column;
    width: 280px;
    display: flex;
    position: relative;
}

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

.password-image {
    width: auto;
    height: 130px;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.password-title-wrapper {
    margin-bottom: 40px;
}

.style-guide-buttons-wrapper {
    grid-column-gap: 40px;
    grid-row-gap: 30px;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
    margin-top: 40px;
    display: flex;
}

.style-guide-button-wrapper {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 47%;
    display: flex;
}

.text-button-icon {
    background-color: var(--light-pink);
    border-radius: 100px;
    justify-content: center;
    align-items: center;
    width: 20px;
    height: 20px;
    font-family: "Fa solid 900", sans-serif;
    font-size: 10px;
    line-height: 1;
    display: flex;
}

.paragraph-large {
    font-size: 18px;
    line-height: 1.5em;
}

.text-white {
    color: var(--white);
}

.link-with-icon {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    display: flex;
}

.link-with-icon:hover {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
}

.job-position-sidebar-wrap {
    align-items: center;
    display: flex;
}

.contacts-location-slider {
    background-color: rgba(0, 0, 0, 0);
    height: auto;
    padding-right: 100px;
    position: relative;
}

.hidden {
    display: none;
}

.compare-features-text {
    color: var(--primary-dark);
}

.search-wrap-input {
    color: var(--primary-dark);
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid rgba(0, 0, 0, 0);
    height: 60px;
    margin-bottom: 0;
    padding: 0;
    font-size: 18px;
}

.search-wrap-input:focus {
    border-style: none;
}

.search-wrap-input::placeholder {
    color: rgba(22, 8, 40, 0.7);
}

.search-desktop {
    z-index: 1000;
    background-color: rgba(252, 255, 112, 0.1);
    background-image: linear-gradient(
        225deg,
        rgba(252, 255, 112, 0.29),
        var(--transparent) 50%,
        rgba(81, 246, 207, 0.26)
    );
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    padding-left: 20px;
    padding-right: 20px;
    display: none;
    position: fixed;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: auto;
}

.search-close-button {
    cursor: pointer;
    font-family: "Fa solid 900", sans-serif;
    font-size: 20px;
    font-weight: 900;
    position: absolute;
    top: 50px;
    bottom: auto;
    left: auto;
    right: 50px;
}

.search-bottom-line {
    background-color: var(--primary-dark);
    width: 100%;
    height: 3px;
    margin-bottom: 20px;
    display: flex;
}

.search-wrapper {
    flex-direction: column;
    width: 100%;
    max-width: 1140px;
    display: flex;
}

.search-result-item {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-flow: column;
    display: flex;
}

.search-link {
    color: var(--primary-dark);
    margin-bottom: 0;
    display: inline-block;
}

.search-link:hover {
    color: var(--pink);
}

.search-result-wrapper {
    width: 100%;
}

.search-section {
    grid-column-gap: 80px;
    grid-row-gap: 80px;
    flex-flow: column;
    padding-top: 80px;
    padding-bottom: 80px;
    display: flex;
}

.customers-grid {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    grid-template-columns: 1fr 1fr 1fr;
    width: 100%;
}

.customer-wrapper {
    border: 1px solid var(--green-20);
    opacity: 0.5;
    text-align: center;
    border-radius: 15px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 280px;
    transition: all 0.3s;
    display: flex;
}

.customer-wrapper:hover {
    opacity: 1;
}

.customer-title {
    letter-spacing: 0.1em;
    text-transform: uppercase;
    margin-top: 20px;
    font-size: 12px;
    font-weight: 500;
}

.headings-container {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    display: flex;
}

.service-list-item {
    position: relative;
}

.style-guide-content-wrapper {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-wrap: nowrap;
    margin-top: 20px;
    display: flex;
}

.slide-3 {
    max-height: 580px;
}

.about-3-tab-link {
    color: var(--white);
    background-color: rgba(0, 0, 0, 0);
    flex-direction: column;
    align-items: center;
    width: 33.33%;
    margin-bottom: -12px;
    padding-top: 20px;
    padding-bottom: 4px;
    font-size: 19px;
    line-height: 32px;
    transition: all 0.3s;
    display: flex;
    position: relative;
}

.about-3-tab-link.w--current {
    color: var(--white);
    background-color: rgba(0, 0, 0, 0);
    padding-top: 20px;
    padding-bottom: 4px;
    font-size: 24px;
}

.portfolio-grid-collection-item {
    width: 100%;
    position: relative;
    overflow: hidden;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.08);
}

.portfolio-masonry-image-wrapper {
    position: relative;
}

.landing-banner-image {
    z-index: 15;
    max-width: 85%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

.landing-performance-grid {
    grid-column-gap: 120px;
    grid-row-gap: 60px;
    width: 100%;
}

.landing-progress-bar-wrapper {
    margin-top: 15px;
}

.landing-progress-bar-gray-line {
    background-color: var(--light-pink);
    border-radius: 10px;
    width: 100%;
    height: 5px;
}

.landing-progress-bar-95 {
    background-image: linear-gradient(135deg, var(--dark-yellow), var(--pink));
    border-radius: 3px;
    width: 95%;
    height: 5px;
    margin-top: -5px;
    position: relative;
}

.landing-progress-bar-number {
    font-size: 16px;
    font-weight: 600;
    position: absolute;
    top: auto;
    bottom: 20px;
    left: auto;
    right: 0%;
}

.landing-progress-bar-92 {
    background-image: linear-gradient(135deg, var(--dark-yellow), var(--pink));
    border-radius: 10px;
    width: 92%;
    height: 5px;
    margin-top: -5px;
    position: relative;
}

.landing-progress-bar-100 {
    background-image: linear-gradient(135deg, var(--dark-yellow), var(--pink));
    border-radius: 10px;
    width: 100%;
    height: 5px;
    margin-top: -5px;
    position: relative;
}

.landing-progress-bar-88 {
    background-image: linear-gradient(135deg, var(--dark-yellow), var(--pink));
    border-radius: 10px;
    width: 88%;
    height: 5px;
    margin-top: -5px;
    position: relative;
}

.landing-features-grid {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    text-align: center;
    grid-template-columns: 1fr 1fr 1fr 1fr;
}

.landing-feature-icon {
    color: var(--primary);
    background-color: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 8px;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 50px;
    margin-bottom: 20px;
    font-family: "Fa solid 900", sans-serif;
    font-size: 20px;
    display: flex;
}

.landing-feature-item {
    flex-direction: column;
    align-items: center;
    display: flex;
}

.landing-inner-pages-wrapper {
    grid-column-gap: 20px;
    grid-row-gap: 40px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    max-width: 1480px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
    display: grid;
}

.landing-inner-page-item {
    background-color: var(--pink);
    text-align: center;
    border-radius: 8px;
    width: 100%;
    padding: 6px;
}

.landing-inner-page-item.home-screen {
    width: 31%;
}

.landing-inner-page-image {
    border: 1px solid var(--green-20);
    object-fit: cover;
    object-position: 50% 0%;
    border-radius: 8px;
}

.landing-inner-page-image-wrapper {
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
    display: flex;
    position: relative;
}

.landing-inner-page-icon {
    z-index: 10;
    background-color: var(--pink);
    color: var(--white);
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 50px;
    font-family: "Fa solid 900", sans-serif;
    font-size: 20px;
    display: flex;
    position: absolute;
}

.landing-inner-page-overlay {
    z-index: 1;
    background-color: rgba(255, 255, 255, 0.2);
    border-radius: 8px;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

.landing-performance-item-title {
    margin-top: 0;
    margin-bottom: 0;
}

.landing-home-pages-wrapper {
    grid-column-gap: 40px;
    grid-row-gap: 50px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    max-width: 1480px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
    display: flex;
}

.landing-download-block-wrapper {
    grid-column-gap: 80px;
    grid-row-gap: 80px;
    border: 1px solid var(--pink-50);
    background-color: var(--light-pink);
    background-image: url("https://cdn.prod.website-files.com/65e4701f92929f8f0c4b6ee9/661fc2bfeb62d1a1736e4eac_Mask%201.webp");
    background-position: 0%;
    background-repeat: no-repeat;
    background-size: contain;
    border-radius: 30px;
    justify-content: space-between;
    align-items: center;
    max-width: 1400px;
    margin-left: auto;
    margin-right: auto;
    padding: 75px 80px 75px 200px;
    display: flex;
}

.download-button-icon {
    margin-top: 4px;
    margin-right: 10px;
    font-family: "Fa solid 900", sans-serif;
}

.mb-20 {
    margin-bottom: 20px;
}

.landing-download-block-wrap {
    width: 60%;
}

.slide-nav {
    display: none;
}

.right-arrow {
    color: #222;
    justify-content: center;
    align-items: center;
    height: 68px;
    font-family: Poppins;
    font-size: 14px;
    font-weight: 600;
    display: flex;
    top: auto;
    bottom: 0%;
    left: auto;
    right: 0;
}

.testimonials {
    padding-top: 80px;
    padding-bottom: 80px;
}

.blog-section-title {
    text-align: center;
    margin-bottom: 60px;
    padding-left: 15px;
    padding-right: 15px;
}

.map-wrapper {
    position: relative;
}

.map-wrapper.home-page {
    width: 100%;
    margin-bottom: 60px;
}

.contacts-wrapper-grid {
    grid-column-gap: 30px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    padding-left: 30px;
    padding-right: 30px;
}

.section-title-center {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    max-width: 780px;
    margin-bottom: 60px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
}

.courses-collection {
    width: 100%;
}

.home-4-testimonials-wrapper,
.testimonials-wrapper-2 {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    align-items: stretch;
    width: 100%;
    margin-top: 10px;
    display: flex;
}

.top-banner-button-wrapper {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    margin-top: 38px;
    display: flex;
    position: relative;
}

.about-img {
    object-fit: cover;
    position: absolute;
}

.about-img._1 {
    z-index: 2;
    width: 350px;
    top: 0%;
    bottom: auto;
    left: 12%;
    right: 0%;
}

.about-img._5 {
    z-index: 4;
    width: 350px;
    top: 60%;
    bottom: auto;
    left: 24%;
    right: 0%;
}

.about-img._3 {
    z-index: 1;
    width: 300px;
    top: 19%;
    bottom: 0%;
    left: auto;
    right: 4%;
}

.about-img._4 {
    z-index: 5;
    width: 220px;
    top: 47%;
    bottom: 0%;
    left: 50%;
    right: 30%;
}

.about-img._2 {
    z-index: 3;
    width: 300px;
    top: 31%;
    bottom: 0%;
    left: 2%;
    right: auto;
}

.subtitle {
    border-bottom: 2px solid rgba(128, 128, 128, 0.15);
    margin-bottom: 30px;
    margin-right: 0;
    padding-bottom: 4px;
    display: inline-block;
}

.our-services-wrap {
    grid-row-gap: 20px;
    flex-direction: column;
    align-items: center;
    width: 33.33%;
    display: flex;
}

.central-alignment-heaading {
    text-align: center;
    margin-bottom: 75px;
}

.heading-wrapper {
    margin-top: 40px;
    margin-bottom: 30px;
}

.content-wrapper {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 190px;
    display: flex;
}

.content {
    border-radius: 5px;
    margin-bottom: 30px;
    margin-left: 15px;
    margin-right: 15px;
}

.industries-block-wrapper {
    background-color: rgba(0, 0, 0, 0);
    border-radius: 12px;
    flex-direction: column;
    justify-content: space-around;
    width: 100%;
    max-width: 35vw;
    padding-bottom: 30px;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
    position: relative;
}

.industries-block-wrapper:hover {
    box-shadow: 0 10px 20px rgba(20, 23, 51, 0.15);
}

.home-9-team-item {
    text-align: center;
    flex-direction: column;
    align-items: center;
    width: 31%;
    position: relative;
}

.about-4-team-slide {
    width: 23%;
    margin-right: 30px;
}

.quote-icon {
    color: var(--primary);
    width: auto;
    height: 80px;
    font-family: "Fa solid 900", sans-serif;
    font-size: 20px;
}

.about-6-projects-item {
    text-align: center;
    object-fit: cover;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 370px;
    display: flex;
    position: relative;
    overflow: hidden;
}

.section-with-blue-bg {
    background-color: var(--primary);
    justify-content: center;
    display: flex;
}

.search {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    width: 100%;
    margin: 10px auto 0;
    display: flex;
}

.subtitle-2 {
    color: #fc8e44;
    border-bottom: 2px solid rgba(128, 128, 128, 0.15);
    margin-bottom: 30px;
    margin-right: 0;
    padding-bottom: 4px;
    display: inline-block;
}

.dropdown-nav-link {
    color: #999;
    margin-left: -20px;
    padding: 5px 0;
    font-family: Poppins;
    transition: color 0.2s;
    display: flex;
}

.dropdown-nav-link:hover,
.dropdown-nav-link.w--current {
    color: #004ae2;
}

.gallery-image-link {
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative;
    overflow: hidden;
}

.home-19-gallery-img-link {
    justify-content: center;
    display: flex;
    position: relative;
    overflow: hidden;
}

.rich-text-style h2 {
    margin-top: 0;
    margin-bottom: 20px;
}

.rich-text-style h3,
.rich-text-style h4 {
    margin-top: 30px;
    margin-bottom: 20px;
}

.rich-text-style h5,
.rich-text-style h6 {
    margin-top: 20px;
}

.rich-text-style ul {
    margin-top: 20px;
    margin-bottom: 30px;
}

.rich-text-style img {
    margin-top: 0;
    margin-bottom: 0;
}

.rich-text-style figure {
    border-radius: 30px;
    margin-top: 40px;
    margin-bottom: 40px;
    overflow: hidden;
}

.home-banner-left-arrow {
    align-items: center;
    height: 40px;
    display: flex;
    top: 0%;
    bottom: 0%;
    left: 2%;
    right: auto;
}

.home-23-team-item {
    width: 33%;
}

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

.paragraph-gray-style-guide {
    background-color: var(--pink);
    width: 75px;
    height: 75px;
}

.style-guide-subtitle {
    margin-bottom: 20px;
}

.typography-hero-wrapper {
    grid-row-gap: 60px;
    flex-direction: column;
    justify-content: space-between;
    margin-top: 40px;
    display: flex;
}

.section-purchase {
    padding: 80px 15px;
    position: relative;
}

.button-wrapper-sg {
    justify-content: flex-start;
    align-items: center;
    margin-top: 20px;
    display: flex;
}

.secondary-product-button {
    border: 1px solid var(--primary-dark);
    background-color: var(--transparent);
    color: var(--primary-dark);
    text-align: center;
    letter-spacing: 0.6px;
    text-transform: capitalize;
    border-radius: 8px;
    justify-content: center;
    align-items: center;
    min-width: 120px;
    padding: 12px 18px;
    font-size: 16px;
    font-weight: 400;
    display: flex;
}

.secondary-product-button:hover {
    background-color: var(--primary-dark);
    color: var(--white);
}

.secondary-product-button.pagination {
    margin-top: 60px;
}

.line-white {
    color: #fff;
    background-color: #fff;
    width: 42px;
    height: 2px;
    margin-bottom: 3px;
}

.dropdown-menu-3 {
    z-index: 0;
    justify-content: space-between;
    align-items: center;
    display: flex;
}

.nav-dropdown-item {
    font-size: 14px;
    line-height: 1.2em;
}

.nav-dropdown-small-icon {
    margin: 4px 0 auto;
    font-size: 12px;
    font-weight: 600;
    position: relative;
}

.nav-dropdown-list-item {
    border: 1px solid var(--dark-gray-50);
    background-color: var(--light-green);
    border-radius: 8px;
    width: 200px;
    padding: 15px 20px;
}

.nav-dropdown-list-item.w--open {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background-color: rgba(224, 236, 222, 0.75);
    border-color: rgba(66, 94, 103, 0.5);
    margin-top: -1px;
}

.nav-dropdown-list-item.megamenu {
    width: 740px;
    left: -355px;
}

.nav-dropdown-list-item.megamenu.w--open {
    width: 650px;
    left: -327px;
}

.tablet-menu-4 {
    display: none;
}

.menu-item-wrapper {
    justify-content: space-between;
    align-items: center;
    width: 100%;
    display: flex;
}

.login-tablet-wrap-2 {
    grid-column-gap: 30px;
    justify-content: space-between;
    margin-left: 30px;
    display: none;
}

.header-collection-list {
    width: 100%;
}

.nav-dropdown-link-wrapper-2 {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    display: flex;
    position: relative;
    overflow: hidden;
}

.logo-project {
    width: auto;
}

.megamenu-dropdown-wrap {
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
}

.nav-hero-container {
    z-index: 100;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    max-width: 1200px;
    min-height: 80px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
    display: flex;
}

.nav-intro-item {
    color: var(--primary-dark);
    letter-spacing: 0.3px;
    text-transform: capitalize;
    padding-left: 18px;
    font-family: Inter, sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.2em;
}

.nav-menu-shadow-overlay-4 {
    align-items: center;
    display: flex;
}

.btn-banner-text:hover {
    color: #01444a;
}

.btn-banner-text.button-text-bottom {
    position: absolute;
    bottom: -100%;
}

.btn-banner-text.button-text-bottom-full-width {
    width: 100%;
    position: absolute;
    bottom: -100%;
}

.button-hero-wrapper {
    flex: none;
}

.button-hero-wrapper:hover {
    box-shadow: 0 0 10px rgba(255, 255, 255, 0.1);
}

.megamenu-dropdown-wrapper-2 {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: stretch;
    display: grid;
}

.nav-line-white {
    color: #fff;
    background-color: #fff;
    width: 42px;
    height: 2px;
    margin-bottom: 3px;
}

.nav-bg-cover {
    background-color: var(--white);
    opacity: 1;
    width: 100%;
    display: flex;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

.logo-link-mobile {
    padding-left: 0;
    display: none;
}

.clip {
    z-index: 10;
    flex-direction: column;
    display: flex;
    position: relative;
    overflow: hidden;
}

.dropdown-header-item {
    grid-column-gap: 3px;
    grid-row-gap: 3px;
    background-color: rgba(0, 0, 0, 0);
    align-items: stretch;
    padding: 22px 10px;
    transition: all 0.5s;
    display: flex;
}

.dropdown-header-item.w--open:hover {
    color: #a8a4a4;
    text-decoration: none;
}

.nav-text-wrap {
    justify-content: flex-start;
    align-items: center;
    display: flex;
    position: relative;
    overflow: hidden;
}

.nav-menu-wrap {
    text-align: right;
    justify-content: center;
    align-items: center;
    display: flex;
}

.header-list-wrap {
    width: 100%;
}

.brand-logo {
    padding-left: 0;
    position: relative;
}

.brand-logo:hover {
    opacity: 1;
}

.brand-logo.w--current {
    transition-property: opacity;
}

.brand-logo.w--current:hover {
    opacity: 1;
}

.primary-dark-button {
    z-index: 100;
    grid-column-gap: 5px;
    border: 1px solid #25b3e3;
    background-color: #25b3e3;
    text-align: center;
    letter-spacing: 0.6px;
    text-transform: capitalize;
    -webkit-text-fill-color: inherit;
    background-image: none;
    background-clip: border-box;
    border-radius: 8px;
    justify-content: center;
    align-items: center;
    height: auto;
    min-height: 45px;
    max-height: 45px;
    padding: 12px 18px;
    font-size: 12px;
    font-weight: 600;
    line-height: 1em;
    display: flex;
    position: relative;
}

.primary-dark-button:hover {
    border-color: var(--primary-dark);
    background-color: var(--transparent);
}

.primary-dark-button.secondary-btn-style {
    background-color: var(--transparent);
}

.primary-dark-button.secondary-btn-style:hover {
    background-color: var(--primary-dark);
}

.primary-dark-button.white-btn-style {
    border-color: #25b3e3;
    background-color: #25b3e3;
}

.primary-dark-button.white-btn-style:hover {
    background-color: var(--transparent);
}

.primary-dark-button.price-pink {
    border-color: var(--pink);
    background-color: var(--pink);
}

.primary-dark-button.price-pink:hover {
    background-color: var(--transparent);
}

.primary-dark-button.secondary-yellow-btn-style {
    border-color: var(--primary);
    background-color: var(--transparent);
}

.primary-dark-button.secondary-yellow-btn-style:hover {
    background-color: var(--primary);
}

.border-wrap-3 {
    display: flex;
}

.header-coll-item {
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    display: flex;
}

.full-width-link {
    justify-content: flex-start;
    width: 100%;
    display: flex;
}

.full-width-link:hover {
    color: #f06446;
}

.full-width-link.w--current {
    opacity: 0.7;
    color: #63ab45;
}

.full-width-link.w--current:hover {
    opacity: 1;
}

.header-link-item {
    background-color: rgba(0, 0, 0, 0);
    align-items: center;
    margin-top: 0;
    margin-bottom: 0;
    padding: 22px 10px;
    transition: all 0.5s;
    display: flex;
}

.header-link-item.w--open:hover {
    color: #a8a4a4;
    text-decoration: none;
}

.btn-title-text-white {
    color: #fff;
    width: 100%;
    height: 100%;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.2em;
}

.btn-title-text-white.dark {
    color: var(--primary-dark);
}

.nav-fixed-menu {
    z-index: 900;
    background-color: rgba(0, 0, 0, 0);
    position: fixed;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: 0%;
    overflow: visible;
}

.banner-1-section {
    flex-flow: wrap;
    justify-content: space-between;
    align-items: stretch;
    height: auto;
    min-height: 760px;
    padding-top: 80px;
    padding-bottom: 0.625rem;
    display: flex;
    position: relative;
    overflow: hidden;
}

.home-hero-content {
    background-color: var(--transparent);
    border-radius: 30px;
    justify-content: flex-start;
    align-items: flex-end;
    width: auto;
    height: auto;
    margin-left: 15px;
    margin-right: 15px;
    padding: 30px 30px 30px 15px;
    display: flex;
    position: relative;
    overflow: hidden;
}

.nav-numbers {
    color: rgba(22, 8, 40, 0.6);
    font-size: 12px;
    line-height: 1em;
    position: absolute;
    top: 0;
    bottom: auto;
    left: 0;
    right: auto;
}

.banner-white-title {
    color: var(--white);
    margin-top: 0;
    margin-bottom: 0;
}

.banner-white-description {
    color: var(--white);
    width: 100%;
}

.h1-text-span {
    color: #59bd46;
}

.banner-info-wrap {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    background-color: var(--soft-dark-green);
    border-radius: 30px;
    flex-flow: column;
    width: 77%;
    padding: 40px;
    display: flex;
}

.banner-info-wrap.why-we {
    width: 70%;
}

.photo-banner {
    z-index: 1;
    object-fit: cover;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

.banner-overlay {
    z-index: 5;
    background-color: rgba(22, 8, 40, 0.15);
    background-image: linear-gradient(
        315deg,
        rgba(81, 246, 207, 0.5),
        var(--transparent) 61%,
        rgba(252, 255, 112, 0.45)
    );
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

.full-width-nav-link {
    color: var(--primary-dark);
    justify-content: flex-start;
    width: 100%;
    margin-left: -14px;
    padding-top: 8px;
    padding-bottom: 8px;
    font-weight: 500;
    transition-duration: 0.45s;
    display: flex;
}

.full-width-nav-link:hover {
    color: var(--pink);
    margin-left: 0;
}

.full-width-nav-link.w--current {
    color: var(--pink);
}

.full-width-nav-link.w--current:hover {
    opacity: 1;
    color: var(--pink);
}

.nav-dropdown-link-span {
    background-color: var(--pink);
    border-radius: 100px;
    width: 6px;
    height: 6px;
    margin-right: 8px;
    display: inline-block;
}

.gap-title-wrap {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: column;
    display: flex;
}

.flex-circle.career-wrap {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
}

.hide {
    display: none;
}

.slide-6 {
    border-radius: 30px;
}

.hover-line {
    height: 1px;
    position: absolute;
    top: auto;
    bottom: -1px;
    left: 0%;
    right: 0%;
    overflow: hidden;
}

.hover-line.tablet-hidden {
    height: 2px;
}

.portfolio-3-image {
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 30px;
    justify-content: center;
    align-items: center;
    height: 400px;
    padding: 24px;
    display: flex;
    position: relative;
    overflow: hidden;
}

.portfolio-3-card {
    grid-column-gap: 25px;
    grid-row-gap: 25px;
    color: #000;
    border: 1px #eff3f6;
    grid-template-rows: auto 1fr;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    height: auto;
    margin-bottom: -1px;
    padding: 2px 2px 1px;
    text-decoration: none;
    display: grid;
    position: relative;
    overflow: hidden;
}

.underline-link-container {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    text-align: center;
    background-color: rgba(0, 0, 0, 0);
    border-style: none none solid;
    border-bottom-width: 1px;
    border-bottom-color: rgba(255, 255, 255, 0.25);
    border-radius: 0;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    margin-left: 0;
    margin-right: 0;
    padding: 0 0 6px;
    text-decoration: none;
    display: flex;
    position: relative;
}

.underline-link-container:hover {
    color: #fff;
}

.cursur-wrapper {
    z-index: 10;
    background-color: rgba(0, 0, 0, 0);
    justify-content: center;
    align-items: center;
    width: 100vw;
    height: 100vh;
    display: flex;
    position: absolute;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
}

.features {
    text-align: center;
    flex-direction: column;
    align-items: center;
    padding-left: 10px;
    padding-right: 10px;
    display: flex;
}

.icon-features {
    width: 48px;
    height: 48px;
}

.icon-features-wrapper {
    background-color: #fbf5fa;
    border-radius: 100%;
    margin-bottom: 15px;
    padding: 28px;
    position: relative;
}

.number {
    color: var(--white);
    font-size: 22px;
    font-weight: 600;
    line-height: 1em;
}

.scroll-color-bg-wrap {
    background-image: linear-gradient(rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.35)),
        linear-gradient(135deg, #fb0357, #f84cfd);
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
    transform: translate(-100%);
}

.social-networks {
    z-index: 10;
    grid-column-gap: 30px;
    justify-content: flex-start;
    align-items: center;
    display: flex;
    position: relative;
}

.white-socials {
    z-index: 90;
    color: #fff;
    letter-spacing: 0;
    text-transform: none;
    -webkit-text-fill-color: inherit;
    background-color: rgba(255, 255, 255, 0.05);
    background-image: none;
    background-clip: border-box;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 12px;
    justify-content: center;
    width: 40px;
    height: 40px;
    font-size: 18px;
    line-height: 1em;
    display: flex;
    position: relative;
}

.founder-name {
    margin-top: 0;
    margin-bottom: 0;
}

.founder-image {
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-end;
    height: 100%;
    min-height: 550px;
    padding-bottom: 60px;
    display: flex;
    position: relative;
    overflow: hidden;
}

.base-container-full {
    flex-direction: column;
    align-items: center;
    width: 100%;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: flex;
}

.h2-title-tag {
    margin-top: 0;
    margin-bottom: 0;
}

.h6-color {
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(135deg, #fb0357, #f84cfd);
    -webkit-background-clip: text;
    background-clip: text;
    width: auto;
    margin-top: 0;
    margin-bottom: 20px;
}

.story-text-row {
    grid-column-gap: 60px;
    justify-content: space-between;
    display: flex;
}

.services-grid {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    display: grid;
}

.button-text {
    text-transform: capitalize;
    background-color: rgba(0, 0, 0, 0);
    justify-content: center;
    align-items: center;
}

.button-text.bottom {
    position: absolute;
    top: auto;
    bottom: -100%;
    left: 0%;
    right: 0%;
}

.button-text.bottom.color {
    color: var(--white);
}

.button-text.bottom.color-orange {
    color: var(--pink);
}

.button-text-wrapper {
    z-index: 10;
    flex-direction: column;
    line-height: 1.5;
    display: flex;
    position: relative;
    overflow: hidden;
}

.collection-service-item:nth-child(odd) {
    margin-top: -60px;
    margin-bottom: 60px;
}

.button {
    z-index: 10;
    color: #000;
    text-align: center;
    background-color: #e2ebf0;
    border: 1px #d1dfe4;
    border-radius: 100px;
    justify-content: center;
    align-items: center;
    min-width: 8rem;
    padding: 0.875rem 1.875rem;
    font-size: 0.875rem;
    text-decoration: none;
    display: flex;
    position: relative;
    overflow: hidden;
}

.card-collection-list {
    grid-column-gap: 80px;
    grid-row-gap: 60px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
}

.service-link-card {
    z-index: 10;
    border-radius: 30px;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 32vw;
    max-height: 40rem;
    display: flex;
    position: relative;
    overflow: hidden;
}

.product-card {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-direction: column;
    width: 100%;
    display: flex;
}

.service-mouse-wrapper {
    z-index: 5;
    background-color: rgba(66, 94, 103, 0.35);
    background-image: linear-gradient(
        225deg,
        rgba(81, 246, 207, 0.45),
        var(--transparent) 56%,
        rgba(252, 255, 112, 0.45)
    );
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

.link-arrow-hover {
    z-index: 10;
    background-color: var(--pink);
    border-radius: 100%;
    justify-content: center;
    align-items: center;
    width: 60px;
    height: 60px;
    display: flex;
    position: relative;
    overflow: hidden;
}

.underline-link {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    color: var(--primary-dark);
    align-items: center;
    height: 1.85rem;
    text-decoration: none;
    display: flex;
    position: relative;
}

.link-arrow-icon {
    z-index: 10;
    width: auto;
    height: auto;
    position: relative;
    transform: rotate(-45deg);
}

.small-arrow-icon {
    width: 14px;
    height: 14px;
    position: relative;
}

.small-arrow-icon.left {
    position: absolute;
    left: -100%;
}

.services-image {
    z-index: 1;
    object-fit: cover;
    background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
    background-position: 50%;
    background-size: cover;
    width: 100%;
    height: 100%;
    max-height: 100%;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

.arrow-icon-wrapper {
    background-color: var(--light-pink);
    border-radius: 100px;
    justify-content: center;
    align-items: center;
    width: 20px;
    height: 20px;
    display: flex;
    overflow: hidden;
}

.top-title-wrap {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    text-align: center;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    width: 60%;
    margin-bottom: 60px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
}

.top-title-wrap.small-wdth-con {
    width: 65%;
}

.top-title-wrap.details-wdth {
    width: 75%;
}

.h2-text-span {
    color: #59bd46;
}

.top-h2-title {
    margin-top: 0;
    margin-bottom: 0;
}

.top-text-subtitle,
.top-text-subtitle.price-text {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.top-text-subtitle.price-text-width {
    color: var(--white);
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.top-text-subtitle.faq {
    width: 95%;
}

.top-text-subtitle.par-wdth-details {
    width: 90%;
}

.card-container {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: row;
    align-items: start;
    justify-items: stretch;
    width: 100%;
    display: grid;
}

.card-item {
    background-color: var(--light-pink);
    border-radius: 30px;
    justify-content: space-between;
    align-items: stretch;
    min-height: 500px;
    padding: 24px;
    display: flex;
    position: relative;
    overflow: hidden;
}

.card-info-container {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-flow: column;
    justify-content: space-between;
    align-items: stretch;
    width: 100%;
    height: auto;
    display: flex;
}

.customer-feedback {
    color: var(--white);
    width: 100%;
    font-size: 20px;
    font-weight: 600;
}

.customer-photo-wrap {
    border-radius: 15px;
    width: 100%;
    height: 100%;
    min-height: 200px;
    position: relative;
    overflow: hidden;
}

.customer-photo-item {
    background-image: url("https://cdn.prod.website-files.com/65e4701f92929f8f0c4b6ee9/66138956174763711b47315f_Blog%20Img%204.webp");
    background-position: 100% 100%;
    background-size: cover;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

.customer-feedback-wrap {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
    position: relative;
}

.arrow-clip-icon {
    justify-content: center;
    align-items: center;
    width: 14px;
    height: 14px;
    display: flex;
    position: relative;
    overflow: hidden;
}

.home-stages-item {
    z-index: 20;
    grid-column-gap: 2.5rem;
    grid-row-gap: 2.5rem;
    border-bottom: 1px solid var(--white-20);
    justify-content: space-between;
    padding: 2.5rem 1.5rem;
    display: flex;
    position: relative;
}

.home-service-content {
    width: 38.125rem;
}

.full-image {
    background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
    background-position: 50%;
    background-size: cover;
    border-radius: 15px;
    width: 100%;
    height: auto;
    min-height: 220px;
    overflow: hidden;
}

.home-stages-title {
    justify-content: flex-start;
    align-items: flex-start;
    width: 25rem;
    min-width: 25rem;
    display: block;
}

.home-service-image {
    z-index: 1;
    transform-origin: 0 100%;
    width: 29.25rem;
    position: absolute;
    top: -25%;
    right: 10%;
}

.home-service-image.pointer-events-off {
    z-index: -1;
    display: none;
}

.section-color-bg {
    background-color: var(--dark-green);
    border-radius: 30px;
    margin-left: 0.625rem;
    margin-right: 0.625rem;
    padding-top: 80px;
    padding-bottom: 80px;
    position: relative;
    overflow: hidden;
}

.section-color-bg.soft-green {
    background-color: var(--light-green);
    margin-top: 0.625rem;
}

.section-color-bg.soft-green-section {
    background-color: var(--light-green);
}

.section-color-bg.pricing-banner {
    background-color: var(--light-green);
    padding-top: 0;
}

.section-color-bg.landing-page {
    background-color: var(--light-green);
    flex-flow: column;
    padding-top: 0;
    padding-bottom: 0;
    display: flex;
}

.main-description {
    margin-top: 30px;
}

.price-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 30px;
}

.price-top {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    flex-direction: column;
    padding-bottom: 15px;
    display: flex;
}

.price-plan {
    color: var(--pink);
    margin-top: 0;
    margin-bottom: 0;
}

.toggle-price {
    grid-column-gap: 6px;
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid rgba(66, 94, 103, 0.2);
    border-radius: 8px;
    justify-content: space-between;
    align-items: center;
    padding: 6px;
    display: flex;
    position: relative;
}

.secondary-gradient-button {
    opacity: 1;
    color: #fff;
    text-align: center;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    background-color: rgba(0, 0, 0, 0);
    background-image: linear-gradient(
        rgba(255, 255, 255, 0.1),
        rgba(255, 255, 255, 0.1)
    );
    border-radius: 12px;
    justify-content: center;
    min-height: 47px;
    padding: 15px 20px;
    font-size: 12px;
    line-height: 1em;
    transition: all 0.35s;
    display: flex;
    box-shadow: 0 0 10px rgba(255, 255, 255, 0.1);
}

.secondary-gradient-button:hover {
    opacity: 0.7;
}

.toggle-bg {
    background-color: var(--primary-light-bg);
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

.toggle-bg.light-orange {
    background-color: var(--soft-orange);
}

.hero-price-item {
    border: 1px solid var(--green-20);
    background-color: var(--primary-light-bg);
    box-shadow: none;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    border-radius: 12px;
    margin-top: 40px;
    padding: 30px;
    transition: all 0.35s;
}

.hero-price-item:hover {
    box-shadow: 1px 0 20px rgba(255, 255, 255, 0.25);
}

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

.primary-gradient-button {
    color: #fff;
    text-align: center;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    background-color: rgba(0, 0, 0, 0);
    background-image: linear-gradient(315deg, #3f0efa, #90f);
    border-radius: 12px;
    justify-content: center;
    height: auto;
    min-height: 47px;
    padding: 15px 20px;
    font-size: 12px;
    line-height: 1em;
    transition: all 0.35s;
    display: flex;
    box-shadow: 0 -1px 10px rgba(153, 0, 255, 0.15);
}

.primary-gradient-button:hover {
    opacity: 0.7;
}

.our-price {
    grid-column-gap: 20px;
    grid-row-gap: 30px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    align-items: start;
    justify-items: stretch;
    width: 100%;
    display: grid;
}

.hero-price-item-pro {
    border: 1px solid var(--green-20);
    background-color: var(--primary-light-bg);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    border-radius: 12px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    padding: 70px 30px 30px;
    transition: all 0.35s;
    display: flex;
    position: relative;
    box-shadow: 0 0 20px rgba(245, 245, 245, 0.25);
}

.hero-price-item-pro:hover {
    box-shadow: 1px 0 20px rgba(255, 255, 255, 0);
}

.plan-type {
    z-index: 15;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 600;
    transition: all 0.35s;
    position: relative;
}

.plan-type:hover {
    color: var(--pink);
}

.companions-logo {
    opacity: 0.4;
    filter: invert();
    object-fit: cover;
    width: auto;
    max-width: none;
    height: 34px;
    transition: all 0.35s;
    display: inline;
}

.companions-logo:hover {
    opacity: 1;
}

.save-monay {
    color: var(--primary-light-bg);
    letter-spacing: 0;
    text-transform: capitalize;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 17px;
    font-weight: 500;
    line-height: 1em;
}

.toggle-round-yr {
    z-index: 1;
    grid-column-gap: 30px;
    cursor: pointer;
    border-radius: 8px;
    justify-content: space-between;
    padding: 6px 10px;
    position: relative;
    overflow: hidden;
}

.toggle-wrapper {
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-bottom: 70px;
    display: flex;
}

.toggle-wrapper.small-space {
    margin-bottom: 50px;
}

.about-our-package {
    margin-top: 0;
    margin-bottom: 40px;
}

.price-bottom {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    padding-top: 15px;
}

.companions-logo-loop {
    grid-column-gap: 35px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    display: grid;
    overflow: hidden;
}

.toggle-round-mo {
    z-index: 1;
    grid-column-gap: 30px;
    cursor: pointer;
    border-radius: 8px;
    justify-content: space-between;
    padding: 6px 10px;
    position: relative;
    overflow: hidden;
}

.toggle-bg-mo {
    background-color: var(--primary-light-bg);
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

.toggle-bg-mo.light-orange {
    background-color: var(--soft-orange);
}

.h2-title {
    margin-top: 0;
    margin-bottom: 0;
}

.button-pricing-wrap {
    grid-row-gap: 10px;
    border-top: 1px dashed var(--green-20);
    border-bottom: 1px dashed var(--green-20);
    text-align: center;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding-top: 15px;
    padding-bottom: 15px;
    display: flex;
}

.logo-space {
    border: 1px solid rgba(66, 94, 103, 0.2);
    border-radius: 12px;
    width: 100%;
    margin-top: 80px;
    padding: 12px;
}

.starter-package {
    justify-content: space-between;
    align-items: center;
    min-height: 30px;
    display: flex;
}

.price-description {
    letter-spacing: 0;
    text-transform: none;
    margin-top: 15px;
    margin-bottom: 0;
    font-size: 17px;
    font-weight: 400;
    line-height: 1.4em;
}

.price-fill-circle {
    background-image: linear-gradient(135deg, var(--pink), var(--dark-yellow));
    border-radius: 6px;
    justify-content: center;
    align-items: center;
    padding: 6px 12px;
    display: flex;
    position: relative;
}

.services-item-card {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.service-title-wrap {
    width: 100%;
    position: relative;
    overflow: hidden;
}

.service-title-wrap.center-align {
    align-self: center;
    width: auto;
}

.title-item-wrap {
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    font-family: EB Garamond, sans-serif;
    display: flex;
}

.title-item-wrap.bottom {
    position: absolute;
    top: auto;
    bottom: -100%;
    left: 0%;
    right: 0%;
}

.service-link {
    width: auto;
    font-size: 30px;
    font-weight: 500;
    line-height: 1.35em;
    display: block;
}

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

.service-link.white:hover,
.service-link.pink {
    color: var(--white);
}

.services-collection-list-wrapper {
    padding-top: 60px;
}

.section-services {
    padding-top: 80px;
    padding-bottom: 80px;
    position: relative;
    overflow: hidden;
}

.scroll-banner-text {
    grid-column-gap: 7vw;
    grid-row-gap: 7vw;
    flex: none;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: column;
    align-items: center;
    padding-right: 0;
    display: grid;
}

.product-overlay {
    z-index: 2;
    background-color: rgba(22, 8, 40, 0.5);
    background-image: linear-gradient(
        225deg,
        rgba(38, 226, 182, 0.4) 5%,
        rgba(22, 8, 40, 0.2) 50%,
        rgba(252, 255, 112, 0.35) 94%
    );
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

.banner-content {
    z-index: 30;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    padding-top: 9rem;
    padding-bottom: 9rem;
    display: flex;
    position: relative;
    overflow: hidden;
}

.cta-banner-strip {
    z-index: 40;
    color: #fff;
    white-space: nowrap;
    margin-top: 4rem;
    margin-bottom: 9rem;
    font-size: 6vw;
    line-height: 1;
    display: flex;
    position: relative;
}

.cta-banner-strip.margin-0 {
    margin-top: 0;
    margin-bottom: 0;
}

.banner-component {
    z-index: 10;
    border-radius: 30px;
    flex-direction: column;
    justify-content: center;
    min-height: 60vh;
    display: flex;
    position: relative;
    overflow: hidden;
}

.product-action-background {
    background-image: url("https://cdn.prod.website-files.com/65e4701f92929f8f0c4b6ee9/65fae5f9859c38fad75dc113_Blog%204.webp");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: scroll;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

.h2-white-title {
    color: var(--white);
    margin-top: 0;
    margin-bottom: 0;
}

.work-stages-list {
    border-top: 1px solid var(--white-20);
    width: 100%;
    margin-top: 80px;
}

.work-stages-list-wrapper {
    width: 100%;
}

.white-par {
    color: var(--white);
    font-size: 18px;
}

.stages-big-title {
    color: var(--white);
    margin-top: 0;
    margin-bottom: 0;
    font-size: 18px;
}

.product-work-stages {
    width: 100%;
}

.white-title-width {
    width: 65%;
}

.h2-text-span-yellow {
    color: var(--primary);
}

.primary-white-button {
    z-index: 100;
    grid-column-gap: 5px;
    border: 1px solid var(--white);
    background-color: var(--white);
    color: var(--primary-dark);
    text-align: center;
    letter-spacing: 0.6px;
    text-transform: capitalize;
    -webkit-text-fill-color: inherit;
    background-image: none;
    background-clip: border-box;
    border-radius: 8px;
    justify-content: center;
    align-items: center;
    min-width: 120px;
    height: auto;
    min-height: 45px;
    max-height: 45px;
    padding: 12px 18px;
    font-size: 12px;
    line-height: 1em;
    transition: all 0.35s;
    display: flex;
    position: relative;
}

.primary-white-button:hover {
    border-color: var(--white);
    background-color: var(--transparent);
    color: var(--white);
}

.primary-white-button.pagination {
    margin-top: 60px;
    font-size: 16px;
}

.icon-hidden {
    display: none;
}

.secondary-product-button-white {
    border: 1px solid var(--white);
    background-color: var(--transparent);
    color: var(--white);
    text-align: center;
    letter-spacing: 0.6px;
    text-transform: capitalize;
    border-radius: 8px;
    justify-content: center;
    align-items: center;
    min-width: 120px;
    padding: 12px 18px;
    font-size: 16px;
    font-weight: 600;
    transition: all 0.35s;
    display: flex;
}

.secondary-product-button-white:hover {
    background-color: var(--white);
    color: var(--primary-dark);
}

.secondary-product-button-white.pagination {
    margin-top: 60px;
}

.stage-circle {
    background-color: var(--primary);
    border-radius: 100px;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    display: flex;
}

.stage-title-wrap {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.clip-number {
    position: relative;
    overflow: hidden;
}

.stage-number {
    color: var(--dark-green);
    font-weight: 700;
    line-height: 1em;
}

.stage-number.bottom-number {
    position: absolute;
}

.card-lightbox {
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

.lightbox-image {
    z-index: 1;
    background-image: url("https://cdn.prod.website-files.com/65e4701f92929f8f0c4b6ee9/65f9c081faa2599063828024_Smal%20Img%202.webp");
    background-position: 50% 20%;
    background-size: cover;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

.play-image {
    z-index: 10;
    width: auto;
    height: auto;
    position: relative;
}

.lightbox-overlay {
    background-color: rgba(22, 8, 40, 0.35);
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

.color-section-wrapper {
    background-color: var(--light-green);
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
}

.color-section-wrapper.light-color {
    background-color: var(--light-pink);
}

.color-section-wrapper.white-con {
    background-color: var(--white);
    padding-top: 0;
}

.top-sticky-section {
    position: -webkit-sticky;
    position: sticky;
    top: -45%;
}

.no-shrink-btn {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: inline-flex;
}

.main-button-wrapper {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    justify-content: flex-start;
    align-items: center;
    margin-top: 20px;
    display: flex;
}

.hero-body {
    background-color: #fff;
}

.product-grid-item {
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    width: 90%;
    display: flex;
}

.subtitle-space {
    margin-top: 15px;
}

.features-grid-item {
    border: 1px solid var(--white-50);
    background-color: var(--white-20);
    text-align: left;
    border-radius: 15px;
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    padding: 30px;
    display: flex;
}

.feature-title {
    margin-top: 20px;
    margin-bottom: 15px;
}

.feature-icon {
    padding: 20px;
}

.small-feature-icon {
    object-fit: cover;
    width: auto;
    height: auto;
}

.bottom-light-section {
    background-color: var(--dark-green);
    border-radius: 30px;
    margin-top: 0.625rem;
    margin-left: 0.625rem;
    margin-right: 0.625rem;
    padding-top: 80px;
    padding-bottom: 80px;
    position: relative;
    overflow: hidden;
}

.bottom-light-section.slider-animation {
    padding-top: 0;
    padding-bottom: 0;
}

.statistics-grid-item {
    border: 1px solid var(--white-50);
    background-color: var(--white-20);
    text-align: left;
    border-radius: 60px;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    padding: 30px;
    display: flex;
}

.statistics-info-wrap {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    text-align: center;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.for-you {
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    letter-spacing: 0.2em;
    text-transform: uppercase;
    background-color: rgba(66, 94, 103, 0.15);
    border-radius: 100px;
    padding: 6px 10px;
    font-size: 12px;
    font-weight: 600;
    line-height: 1em;
}

.business-slide-icon {
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    background-color: rgba(66, 94, 103, 0.15);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 100%;
    justify-content: center;
    align-items: center;

    display: flex;
}

.button-group {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.slider-home-3-content-fill {
    justify-content: center;
    align-items: stretch;
    height: 100%;
    display: flex;
}

.image-layer-one {
    justify-content: flex-start;
    width: 50%;
    height: 100%;
    display: flex;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: auto;
    right: 0%;
}

.our-concept-list {
    width: 100%;
    height: 100%;
}

.business-slider {
    background-color: #26333a;
    height: auto;
}

.our-concept-item {
    width: 100%;
    height: 100%;
}

.image-intro-wrapper {
    z-index: 10;
    justify-content: center;
    align-items: center;
    width: 100%;
    display: flex;
    position: relative;
    overflow: hidden;
}

.business-slide-arrow {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
    color: #fff;
    white-space: nowrap;
    background-color: rgba(255, 255, 255, 0);
    border: 1px #e4eff3;
    justify-content: flex-end;
    align-items: center;
    width: 12rem;
    height: auto;
    padding-left: 1rem;
    padding-right: 1rem;
    font-size: 1rem;
    display: flex;
    top: auto;
    bottom: 2.25rem;
    left: 8rem;
    right: 0;
    overflow: visible;
}

.business-slide-arrow.left-slide-arrow {
    left: 0;
    right: 15rem;
}

.business-slide-arrow.right-slide-arrow {
    justify-content: flex-start;
    left: 15rem;
}

.grid-content-home-3 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-rows: auto;
    grid-template-columns: 1fr minmax(auto, 96rem) 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    display: grid;
}

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

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

.low-content {
    z-index: 20;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    width: 50%;
    padding: 80px 80px 80px 15px;
    display: flex;
    position: relative;
}

.low-content.right-content-item {
    padding-left: 80px;
    padding-right: 15px;
}

.saas-img {
    justify-content: flex-end;
    width: 50vw;
    min-width: 50vw;
    display: flex;
    position: relative;
}

.slide-arrow-icon {
    width: auto;
    height: auto;
}

.services-h-3 {
    color: var(--white);
    width: 100%;
    margin-top: 0;
    margin-bottom: 30px;
}

.no-shrink {
    flex: none;
}

.no-shrink.full-width {
    width: 100%;
}

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

.content-intro-wrap.busines-slide {
    width: 100%;
}

.slider-container-2 {
    justify-content: center;
    min-height: 89vh;
    display: flex;
}

.image-legal-work {
    width: 100vw;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: auto;
    right: 0%;
}

.family-services {
    color: var(--white);
    margin-top: 0;
    margin-bottom: 40px;
    font-size: 18px;
}

.image-layer-two {
    justify-content: flex-end;
    width: 100%;
    height: 100%;
    display: flex;
}

.slider-item-content-fill {
    justify-content: center;
    width: 100%;
    display: flex;
}

.business-image {
    background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
    background-position: 100%;
    background-size: cover;
    justify-content: center;
    align-items: center;
    width: 100%;
    min-width: 100vw;
    height: 100%;
    display: flex;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: auto;
    right: auto;
}

.slider-overlay {
    background-color: rgba(66, 94, 103, 0.3);
    background-image: linear-gradient(
        225deg,
        rgba(252, 255, 112, 0.45) 5%,
        var(--transparent) 49%,
        rgba(81, 246, 207, 0.3) 94%
    );
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

.price-btn-wrap {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
}

.pro-price-item {
    background-color: var(--light-green);
    border-radius: 100px;
    width: 90px;
    height: 90px;
    margin-top: -40px;
    margin-left: auto;
    margin-right: auto;
    padding: 6px;
    position: absolute;
    top: 0%;
    bottom: auto;
    left: auto;
    right: auto;
}

.price-icon {
    width: auto;
    height: auto;
}

.light-price-circle {
    border: 1px solid var(--green-20);
    background-color: var(--primary-light-bg);
    border-radius: 100px;
}

.photos-about-company {
    grid-column-gap: 0.625rem;
    grid-row-gap: 0.625rem;
    flex: 1;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    min-height: 30vw;
    padding-bottom: 0;
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    display: grid;
}

.photo-column {
    flex-direction: column;
    display: flex;
    position: relative;
    overflow: hidden;
}

.column-image-wrapper {
    z-index: 10;
    border-radius: 15px;
    flex: 1;
    margin-bottom: 0.625rem;
    position: relative;
    overflow: hidden;
}

.image-full {
    z-index: 1;
    object-fit: cover;
    object-position: 50% 50%;
    background-image: url("https://cdn.prod.website-files.com/65e4701f92929f8f0c4b6ee9/65fad175d601d15f0e877917_Small%20Photo%202.webp");
    background-position: 50%;
    background-size: cover;
    width: 100%;
    height: 100%;
    max-height: 100%;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

.image-full.img-4 {
    object-position: 50% 39%;
    background-image: url("https://cdn.prod.website-files.com/65e4701f92929f8f0c4b6ee9/65fad17fd134c5304b2a9f33_Small%20Photo%206.webp");
    background-position: 50% 40%;
}

.image-full.img-5 {
    object-position: 50% 100%;
    background-image: url("https://cdn.prod.website-files.com/65e4701f92929f8f0c4b6ee9/65fad17bcfea2eb7201965d9_Small%20Photo%203.webp");
    background-position: 50% 100%;
}

.image-full.img-3 {
    object-position: 50% 50%;
    background-image: url("https://cdn.prod.website-files.com/65e4701f92929f8f0c4b6ee9/65fad17f8f5fc2ddd6297be0_Small%20Photo%205.webp");
}

.image-full.img-2 {
    background-image: url("https://cdn.prod.website-files.com/65e4701f92929f8f0c4b6ee9/65fad17be845cdc83b57a83b_Small%20Photo%204.webp");
}

.image-full.img-6 {
    background-image: url("https://cdn.prod.website-files.com/65e4701f92929f8f0c4b6ee9/65fae08b8924bb74091e279b_Small%20Photo%207.webp");
}

.column-image-spacer {
    z-index: 10;
    border-radius: 15px;
    flex-direction: column;
    justify-content: center;
    height: 8vw;
    margin-bottom: 0.625rem;
    display: flex;
    position: relative;
    overflow: hidden;
}

.wrapper-testimonials-content {
    display: flex;
    overflow: visible;
}

.arrow-item-cover {
    z-index: 25;
    align-items: center;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

.testimonial {
    text-align: center;
    width: 100%;
    max-width: 600px;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
}

.slider-mask-testimonials {
    width: 60%;
    overflow: visible;
}

.stacked-review-content {
    z-index: 20;
    grid-column-gap: 16px;
    grid-row-gap: 48px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    align-content: space-between;
    display: grid;
    position: relative;
}

.stacked-review-content.small {
    grid-row-gap: 40px;
}

.testimonial-autor-job {
    color: var(--pink);
    text-align: center;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 20px;
}

.slider-white-arrow {
    width: auto;
    height: auto;
}

.testimonial-slider-nav {
    height: 12px;
    padding-top: 0;
    font-size: 10px;
    display: none;
    top: auto;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

.reviev-dark-text {
    color: var(--dark-green);
    text-align: center;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 30px;
    font-weight: 600;
    line-height: 1.5em;
}

.green-container {
    z-index: 30;
    border: 1px solid var(--light-green);
    background-color: var(--primary-light-bg);
    border-radius: 30px;
    justify-content: center;
    align-items: flex-start;
    margin-left: 0.625rem;
    margin-right: 0.625rem;
    padding-top: 80px;
    padding-bottom: 80px;
    display: flex;
    position: relative;
    overflow: visible;
}

.slider-info-testimonials {
    background-color: rgba(221, 221, 221, 0);
    justify-content: center;
    width: 100%;
    height: 100%;
    display: flex;
}

.grid-testimonials {
    z-index: 25;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-rows: auto;
    grid-template-columns: minmax(5vw, 1fr) minmax(auto, 1500px) minmax(
            5vw,
            1fr
        );
    grid-auto-columns: 1fr;
    width: 100%;
    display: grid;
    position: relative;
}

.grid-testimonials.reviews-clip-item {
    justify-content: center;
    justify-items: center;
    padding-top: 20px;
    overflow: hidden;
}

.grid-testimonials.reviews-clip {
    justify-content: center;
    justify-items: center;
    overflow: hidden;
}

.width-extra-large {
    max-width: 975px;
}

.testimonial-item-arrow {
    border: 1px #e4e9ec;
    justify-content: center;
    align-items: center;
    width: 20%;
    display: flex;
}

.testimonial-item-arrow.left-arrow-cover {
    height: auto;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: auto;
}

.testimonial-item-arrow.right-arrow {
    height: 100%;
    top: 0%;
    bottom: 0%;
    left: auto;
    right: 0%;
}

.footer-items-2 {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    flex-direction: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: flex;
}

.footer-arrow-link {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    color: rgba(201, 201, 201, 0.5);
    grid-template-rows: auto;
    grid-template-columns: auto auto;
    grid-auto-columns: 1fr;
    justify-content: start;
    align-items: center;
    display: flex;
}

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

.nav-footer-item-2 {
    text-align: left;
    width: auto;
    margin-top: 0;
    margin-bottom: 30px;
}

.button-transparent {
    z-index: 20;
    grid-column-gap: 5px;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    color: #fff;
    text-align: center;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    -webkit-text-fill-color: inherit;
    background-color: #fff;
    background-image: none;
    background-clip: border-box;
    border: 1px solid #fff;
    border-radius: 100px;
    justify-content: center;
    height: auto;
    min-height: 45px;
    max-height: 45px;
    padding: 15px 20px;
    font-size: 12px;
    line-height: 1em;
    transition: all 0.45s;
    display: flex;
    position: relative;
    overflow: hidden;
}

.button-transparent:hover {
    opacity: 1;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    background-color: rgba(255, 255, 255, 0.05);
    border-color: #fff;
    box-shadow: 0 0 20px rgba(255, 255, 255, 0.2);
}

.no-shrink-footer {
    flex: none;
}

.no-shrink-footer.full-mobile {
    position: relative;
}

.no-shrink-footer.full-width {
    width: 100%;
}

.hero-footer {
    background: url("../../img/home/Footer.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
    /* border-radius: 30px; */
    align-items: flex-start;
    /* margin-left: 0.625rem;
    margin-right: 0.625rem; */
    /* padding-top: 80px; */
    padding-bottom: 40px;
    overflow: hidden;
}

.left-color-wrap {
    z-index: 2;
    background-image: linear-gradient(135deg, #06bcc1, #21da76);
    display: none;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

.links-container {
    grid-column-gap: 60px;
    flex-direction: row;
    align-items: center;
    display: flex;
}

.footer-right-link {
    color: var(--white);
    letter-spacing: 0;
    text-transform: none;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5em;
    text-decoration: none;
    display: flex;
}

.footer-right-link:hover {
    color: var(--primary);
}

.links-socials {
    justify-content: space-between;
    display: flex;
}

.top-footer-line {
    background-color: var(--white-20);
    width: 100%;
    height: 1px;
    position: absolute;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: 0%;
}

.error-message-pink-text {
    color: var(--pink);
    text-align: center;
    background-color: rgba(0, 0, 0, 0);
    margin-top: 30px;
    padding: 10px 0;
}

.address-footer-text {
    color: var(--white-50);
    margin-top: 0;
    margin-bottom: 0;
    transition: all 0.35s;
}

.address-footer-text:hover {
    color: var(--primary);
}

.tab-radio-button-2 {
    z-index: 100;
    border: 1px solid rgba(240, 109, 10, 0.3);
    flex: none;
    width: 25px;
    height: 25px;
    margin-top: 0;
    margin-right: 10px;
    position: relative;
}

.tab-radio-button-2:focus {
    border-color: #ff2a0e;
}

.tab-radio-button-2.w--redirected-checked {
    border-width: 1px;
    border-color: var(--pink);
    background-color: var(--pink);
    background-image: url("https://cdn.prod.website-files.com/65e4701f92929f8f0c4b6ee9/65fa91faa4cdab74a9c40a97_V-1.webp");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: auto;
}

.tab-radio-button-2.w--redirected-focus {
    border-color: var(--pink);
    box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0);
}

.app-img {
    object-fit: cover;
    width: auto;
    height: auto;
    transition: all 0.5s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.footer-l-3 {
    background-color: var(--white-20);
    width: 100%;
    height: 1px;
    display: none;
    position: absolute;
    top: auto;
    bottom: 0%;
    left: auto;
    right: 0%;
}

.feedback-white-wrap {
    background-color: var(--light-pink);
    border-radius: 100%;
    width: 70px;
    height: 70px;
    margin-left: -20px;
    position: relative;
}

.footer-project-link {
    color: var(--white);
    font-size: 16px;
}

.footer-project-link:hover {
    color: var(--primary);
}

.footer-l-1 {
    background-color: rgba(255, 255, 255, 0.2);
    width: 100%;
    height: 1px;
    display: none;
    position: absolute;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: auto;
}

.address-footer {
    width: 90%;
    margin-top: 15px;
    margin-bottom: 30px;
}

.video-wrapper-con {
    object-fit: cover;
    background-image: url("../../img/contact/Were_just_a_cliick_away.jpg");
    background-position: 50%;
    background-size: cover;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 510px;
    display: flex;
    position: relative;
    overflow: hidden;
}

.video-wrapper-con.img-2 {
    background-image: url("https://cdn.prod.website-files.com/65e4701f92929f8f0c4b6ee9/660c27761f21ae140ba2e022_Team%207.webp");
}

.rights-wrapper {
    grid-column-gap: 5px;
    display: flex;
}

.app-btn {
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    -webkit-text-fill-color: inherit;
    background-color: rgba(255, 255, 255, 0.1);
    background-clip: border-box;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 12px;
    padding: 15px 25px;
    box-shadow: 0 0 5px rgba(233, 154, 0, 0);
}

.app-btn:hover {
    border-color: var(--white-50);
    box-shadow: 0 0 5px rgba(233, 154, 0, 0.35);
}

.inputs-container-2 {
    grid-column-gap: 15px;
    justify-content: space-between;
    display: flex;
}

.tab-radio-button-field-2 {
    justify-content: space-between;
    align-items: center;
    width: auto;
    margin-bottom: 0;
    padding-left: 20px;
    display: flex;
}

.tab-radio-button-field-2:focus {
    color: #010524;
}

.footer-info-2 {
    text-align: left;
    flex-direction: column;
    align-items: stretch;
    width: 100%;
    display: flex;
}

.price-ov {
    width: 110%;
    height: 110%;
    position: absolute;
}

.footer-grid {
    grid-column-gap: 20px;
    grid-row-gap: 0px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    align-items: stretch;
    display: grid;
}

.big-form-container {
    z-index: 100;
    width: 100%;
    margin-bottom: 0;
    position: relative;
}

.form-con-home-3 {
    grid-column-gap: 60px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: auto 1fr;
    grid-auto-columns: 1fr;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    display: flex;
    position: relative;
}

.footer-con {
    flex-direction: column;
    align-items: stretch;
    width: 100%;
    display: flex;
}

.bottom-line {
    background-color: var(--white-20);
    width: 100%;
    height: 1px;
    position: absolute;
    top: auto;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

.feedback-hero-wrap {
    display: flex;
}

.footer-l-4 {
    background-color: var(--white-20);
    width: 1px;
    height: 100%;
    position: absolute;
    top: auto;
    bottom: 0%;
    left: 0%;
    right: auto;
}

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

.footer-useful-link:hover {
    color: var(--primary);
}

.text-form {
    color: var(--primary-dark);
    margin-top: 30px;
    margin-bottom: 15px;
    font-family: Inter, sans-serif;
    font-size: 20 px;
    font-weight: 600;
    display: inline-block;
}

.text-form.top-text {
    margin-top: 0;
}

.footer-form {
    text-align: left;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    width: auto;
    display: flex;
}

.footer-form.borders {
    padding-left: 20px;
    padding-right: 20px;
    position: relative;
    gap: 50px;
}

.footer-par-copyright {
    color: white;
    margin-bottom: 0;
    line-height: 1.5em;
}

.footer-bottom {
    justify-content: center;
    width: 100%;
    display: flex;
}

.success-transparent-message {
    text-align: center;
    background-color: rgba(0, 0, 0, 0);
    width: 100%;
    padding: 20px;
}

.licensing-footer-link {
    color: #fff;
    letter-spacing: 0;
    text-transform: none;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5em;
}

.licensing-footer-link:hover {
    color: var(--primary);
}

.feedback-photo-2 {
    background-image: url("https://cdn.prod.website-files.com/65e4701f92929f8f0c4b6ee9/65fae08b8924bb74091e279b_Small%20Photo%207.webp");
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 100%;
    margin: 4px;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

.feedback-photo-2.photo-3 {
    background-image: url("https://cdn.prod.website-files.com/65e4701f92929f8f0c4b6ee9/65fa9f6783291c45c7cabe82_Team%203.webp");
    background-position: 50% 0;
}

.feedback-photo-2.photo-5 {
    background-image: url("https://cdn.prod.website-files.com/65e4701f92929f8f0c4b6ee9/65f9bed43560a1a6a49b6163_Smal%20Img%201.webp");
    background-position: 50% 0;
}

.feedback-photo-2.photo-2 {
    background-image: url("https://cdn.prod.website-files.com/65e4701f92929f8f0c4b6ee9/65fa9f675e7949c3cf79d646_Team%204.webp");
    background-position: 50% 0;
}

.radio-buttons-block-2 {
    z-index: 100;
    grid-column-gap: 10px;
    align-content: stretch;
    justify-content: space-between;
    align-items: center;
    margin-top: 30px;
    margin-bottom: 40px;
    display: flex;
    position: relative;
}

.footer-l-2 {
    background-color: var(--white-20);
    width: 1px;
    height: 100%;
    position: absolute;
    top: 0%;
    bottom: auto;
    left: auto;
    right: 0%;
}

.h6-color-2 {
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(135deg, #06bcc1, #21da76);
    -webkit-background-clip: text;
    background-clip: text;
    width: auto;
    margin-top: 0;
    margin-bottom: 20px;
}

.stay-connect {
    grid-row-gap: 10px;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    display: flex;
}

.photo-form {
    border-radius: 15px;
    justify-content: flex-end;
    width: 55%;
    height: auto;
    position: relative;
    overflow: hidden;
}

.footer-rights-text {
    grid-column-gap: 5px;
    color: var(--white-50);
    line-height: 1.5em;
    display: flex;
}

.footer-top-link-wrap {
    justify-content: space-between;
    align-items: flex-end;
    width: 100%;
    display: flex;
}

.app-wrap {
    grid-column-gap: 15px;
    justify-content: flex-start;
    align-items: flex-end;
    width: 100%;
    display: flex;
}

.hero-description {
    margin-top: 30px;
}

.footer-socials {
    z-index: 90;
    color: #fff;
    letter-spacing: 0;
    text-transform: none;
    background-color: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 12px;
    justify-content: center;
    width: 40px;
    height: 40px;
    font-family: "Fa Brands 400 (6.4.2)", sans-serif;
    font-size: 18px;
    line-height: 1em;
    transition-duration: 0.45s;
    display: flex;
    position: relative;
    box-shadow: 0 0 5px rgba(233, 154, 0, 0);
}

.footer-socials:hover {
    border-color: var(--pink);
    color: var(--pink);
    box-shadow: 0 0 5px rgba(233, 154, 0, 0.35);
}

.radio-button-label-2 {
    letter-spacing: 0.08em;
    text-transform: uppercase;
    margin-bottom: 0;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.2em;
}

.text-footer-white {
    color: var(--white);
    text-transform: capitalize;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 24px;
}

.home-4-video-wrapper {
    align-items: center;
    padding-left: 20px;
    display: flex;
}

.home-4-video-wrapper.contact-us-page {
    margin-bottom: 0;
}

.footer-center {
    width: 100%;
    margin-bottom: 50px;
    padding-bottom: 50px;
    position: relative;
    overflow: hidden;
}

.text-field {
    background-color: var(--transparent);
    color: var(--primary-dark);
    border: 1px solid rgba(240, 109, 10, 0.3);
    border-radius: 8px;
    min-height: 50px;
    margin-bottom: 0;
    padding-top: 16px;
    padding-bottom: 16px;
    padding-left: 18px;
    font-size: 16px;
    font-weight: 400;
    transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.text-field:focus {
    border-color: var(--pink);
    padding-left: 24px;
    box-shadow: 0 0 20px rgba(153, 0, 255, 0);
}

.text-field::placeholder {
    color: rgba(22, 8, 40, 0.6);
    font-size: 16px;
    font-weight: 400;
}

.text-field.message-field {
    min-width: 100%;
    max-width: 100%;
    min-height: 200px;
}

.text-field.bottom-space {
    margin-bottom: 15px;
}

.thx-title {
    margin-top: 0;
    margin-bottom: 20px;
}

.footer-white-paradraph {
    color: var(--white-50);
    width: 90%;
    margin-top: 15px;
    margin-bottom: 30px;
}

.footer-white-paradraph.par-1 {
    width: 100%;
}

.section-light-color {
    /* border: 1px solid var(--white-50); */
    /* background-color: rgba(244, 251, 243, 0.45); */
    border-radius: 30px;
    margin-bottom: 0.625rem;
    margin-left: 0.625rem;
    margin-right: 0.625rem;
    padding-top: 80px;
    padding-bottom: 80px;
    position: relative;
}

.section-light-color.top-relative-section {
    z-index: 10;
    /* background-color: var(--soft-orange); */
    overflow: hidden;
}

.testimonial-name-container {
    grid-column-gap: 20px;
    justify-content: center;
    align-items: center;
    margin-top: 40px;
    display: flex;
}

.review-autor-photo {
    border: 2px solid var(--dark-green);
    background-image: url("https://cdn.prod.website-files.com/65e4701f92929f8f0c4b6ee9/65fa9f6783291c45c7cabe82_Team%203.webp");
    background-position: 50%;
    background-size: cover;
    border-radius: 100%;
    width: 60px;
    height: 60px;
}

.review-autor-photo.autor-photo-2 {
    background-image: url("https://cdn.prod.website-files.com/65e4701f92929f8f0c4b6ee9/65fa9f675e7949c3cf79d646_Team%204.webp");
}

.review-autor-photo.autor-photo-3 {
    background-image: url("https://cdn.prod.website-files.com/65e4701f92929f8f0c4b6ee9/65fa9f69f31661d9d0d34812_Team%201.webp");
}

.review-autor-photo.autor-photo-4 {
    background-image: url("https://cdn.prod.website-files.com/65e4701f92929f8f0c4b6ee9/65fa9f6ccea1e89df371c871_Team%206.webp");
}

.review-autor-photo.autor-photo-5 {
    background-image: url("https://cdn.prod.website-files.com/65e4701f92929f8f0c4b6ee9/65fa9f690374196d4777bbed_Team%205.webp");
}

.autor-info-wrap {
    grid-row-gap: 8px;
    flex-direction: column;
    align-items: flex-start;
    display: flex;
}

.testimonial-autor-name {
    color: var(--dark-green);
    text-transform: capitalize;
    margin-top: 0;
    margin-bottom: 0;
    font-family: Inter, sans-serif;
}

.testimonial-autor-job-2 {
    color: var(--pink);
    margin-top: 0;
    margin-bottom: 0;
    font-size: 14px;
}

.quote-circle {
    border: 1px solid var(--white-50);
    background-color: var(--white-20);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    border-radius: 100px;
    justify-content: center;
    align-items: center;
    width: 100px;
    height: 100px;
    padding: 10px;
    display: flex;
    position: absolute;
    top: -50px;
    bottom: auto;
    left: auto;
    right: auto;
}

.half-blog-wrapper {
    grid-column-gap: 50px;
    grid-template-rows: auto;
    grid-template-columns: auto 1px 1fr;
    grid-auto-columns: 1fr;
    justify-content: space-between;
    width: 100%;
    display: flex;
}

.latest-events {
    grid-column-gap: 16px;
    grid-row-gap: 36px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
    display: grid;
}

.medium-stacked-intro-2 {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: flex;
}

.latest-event-title {
    color: #000;
    margin-top: 0;
    margin-bottom: 20px;
}

.button-holder {
    justify-content: space-between;
    align-items: center;
    display: flex;
}

.statistics-numbers {
    margin-top: 0;
    margin-bottom: 0;
}

.stacked-heading-3 {
    grid-row-gap: 40px;
    flex-direction: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: flex;
}

.buttons-wrapper {
    grid-column-gap: 20px;
    justify-content: center;
    margin-top: 40px;
    display: flex;
    position: relative;
}

.grid-wrapper {
    z-index: 10;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-rows: auto;
    grid-template-columns: 15px minmax(auto, 1200px) 15px;
    grid-auto-rows: 1fr;
    grid-auto-columns: 1fr;
    justify-content: space-around;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: grid;
    position: relative;
}

.list-content-wrapper {
    border-left: 1px solid var(--green-20);
    flex: 1;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    padding-left: 50px;
    display: flex;
}

.small-subtitle {
    z-index: 10;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 0;
    position: relative;
}

.cta-content {
    text-align: center;
    flex-direction: column;
    align-items: center;
    width: 450px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
}

.text-blog-content {
    flex-direction: column;
    display: flex;
}

.resources-list-grid {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    flex-direction: column;
    grid-template-rows: 1fr 1fr;
    grid-template-columns: 1fr;
    grid-auto-rows: 1fr;
    grid-auto-columns: 1fr;
    align-content: stretch;
    align-items: stretch;
    display: flex;
}

.portfolio-white-text {
    color: #fff;
    margin-top: 0;
    margin-bottom: 0;
}

.sticky-intro {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    width: 30%;
    display: flex;
    position: -webkit-sticky;
    position: sticky;
    top: 160px;
}

.latest-events-text {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 18px;
}

.news-description {
    color: var(--primary-dark);
    text-transform: none;
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.5em;
}

.blog-info-title-2 {
    z-index: 20;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    margin-top: 10px;
    margin-bottom: 20px;
    display: inline-block;
    position: relative;
}

.blog-image-container-2 {
    border-radius: 15px;
    flex: none;
    width: 100%;
    height: 300px;
    overflow: hidden;
}

.blog-name-2 {
    color: var(--primary-dark);
    margin-top: 0;
    margin-bottom: 0;
    font-size: 30px;
    display: inline-block;
    position: relative;
}

.hover-line-fill-white {
    border-bottom: 1px solid var(--dark-green);
    width: 100%;
    height: 100%;
}

.blog-container {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    letter-spacing: 0;
    text-transform: none;
    flex-flow: wrap;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    display: flex;
    overflow: hidden;
}

.blog-container:hover {
    opacity: 1;
}

.image-resources {
    object-fit: cover;
    background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
    background-position: 50%;
    background-size: cover;
    border-radius: 15px;
    width: 100%;
    height: 100%;
    position: relative;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
    overflow: hidden;
}

.blog-owerlay {
    z-index: 1;
    background-color: rgba(22, 8, 40, 0.05);
    background-image: linear-gradient(
        45deg,
        rgba(252, 255, 112, 0.4),
        rgba(22, 8, 40, 0.05) 50%,
        rgba(81, 246, 207, 0.4)
    );
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

.blog-content {
    z-index: 10;
    position: relative;
}

.list-blog-item {
    border-bottom: 1px solid var(--green-20);
    color: #000;
    flex-direction: row;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    align-content: center;
    height: 100%;
    min-height: 160px;
    padding-top: 60px;
    padding-bottom: 60px;
    text-decoration: none;
    display: flex;
    position: relative;
}

.resources-list-wrapper,
.resources-item {
    width: 100%;
}

.sticky-footer-wrap {
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
}

.need-help-form {
    flex-flow: wrap;
    justify-content: center;
    width: 100%;
    margin-bottom: 0;
    display: flex;
}

.subscribe-form-footer-dark {
    z-index: 10;
    grid-column-gap: 0px;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    justify-content: space-between;
    align-items: center;
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    display: flex;
    position: relative;
}

.address-link-text {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
}

.phone-container {
    grid-row-gap: 10px;
    flex-direction: column;
    display: flex;
}

.address-footer-top {
    color: #3f5372;
    -webkit-text-fill-color: inherit;
    background-image: none;
    background-clip: border-box;
}

.address-footer-top:hover {
    color: #06bcc1;
}

.short-info-wrap-2 {
    grid-row-gap: 40px;
    flex-direction: column;
    width: 100%;
    margin-top: 60px;
    display: flex;
}

.link-black {
    color: #3f5372;
    -webkit-text-fill-color: inherit;
    background-image: none;
    background-clip: border-box;
    font-size: 16px;
    display: flex;
}

.link-black:hover {
    color: #06bcc1;
}

.address-icon-text {
    color: var(--pink);
    margin-top: 0;
    margin-bottom: 0;
    font-family: "Fa solid 900", sans-serif;
    font-size: 22px;
    line-height: 1.2em;
}

.address-icon-text.green {
    color: var(--soft-green);
}

.contacts-item-wrap-home-1 {
    grid-column-gap: 20px;
    text-align: left;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    display: none;
}

.content-item-home-1 {
    flex-direction: column;
    justify-content: center;
    width: auto;
    display: flex;
}

.content-item-home-1.desktop-item {
    display: none;
}

.short-info-content-2 {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-rows: auto;
    grid-template-columns: auto auto 45%;
    grid-auto-columns: 1fr;
    grid-auto-flow: column;
    justify-content: stretch;
    align-items: start;
    justify-items: stretch;
    display: grid;
}

.features-list {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    flex-flow: column;
    margin-bottom: 15px;
    display: flex;
}

.features-text-item {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.features-text-item.no-active-option {
    opacity: 0.7;
    color: var(--dark-green);
}

.features-icon {
    color: var(--pink);
    font-family: "Fa solid 900", sans-serif;
}

.features-icon.no-active-icon {
    color: var(--dark-green);
}

.crossed-out-text-span {
    text-decoration: line-through;
}

.white-scroll-cover {
    z-index: 80;
    background-color: var(--white);
    position: absolute;
    top: 0;
    bottom: 0%;
    left: 0%;
    right: 0%;
    transform: translate(0, -100%);
}

.white-bottom-line {
    background-color: var(--white);
    width: 100%;
    height: 1px;
    position: absolute;
    top: auto;
    bottom: 0%;
    left: 0%;
    right: auto;
}

.bottom-line-wrapper {
    width: 100%;
    height: 2px;
    position: absolute;
    top: auto;
    bottom: -1px;
    left: 0%;
    right: auto;
    overflow: hidden;
}

.column-lightbox {
    z-index: 10;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
    overflow: hidden;
}

.lightbox-ov {
    z-index: 3;
    background-color: rgba(22, 8, 40, 0.05);
    background-image: linear-gradient(
        225deg,
        rgba(81, 246, 207, 0.4),
        rgba(22, 8, 40, 0.05) 50%,
        rgba(252, 255, 112, 0.4)
    );
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

.main-button-wrap {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.scroll-cta-text {
    background-image: linear-gradient(
        225deg,
        var(--soft-green),
        var(--primary)
    );
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
    font-weight: 500;
}

.hover-hero-arrow-2 {
    z-index: 5;
    background-color: var(--pink);
    border: 1px #e4e9ec;
    border-radius: 100%;
    justify-content: center;
    align-items: center;
    width: 48px;
    height: 48px;
    display: flex;
    position: fixed;
    top: -38px;
    left: -30px;
}

.dark-form-button {
    border: 1px solid var(--primary-dark);
    background-color: var(--primary-dark);
    color: var(--white);
    text-align: center;
    letter-spacing: 0.6px;
    text-transform: capitalize;
    border-radius: 100px;
    justify-content: center;
    align-items: center;
    min-width: 120px;
    padding: 12px 20px;
    font-size: 16px;
    font-weight: 400;
    transition: all 0.35s;
    display: flex;
}

.dark-form-button:hover {
    background-color: var(--transparent);
    color: var(--primary-dark);
}

.large-form-input {
    border: 1px solid var(--green-20);
    color: var(--primary-dark);
    letter-spacing: 0.5px;
    text-transform: none;
    background-color: rgba(22, 8, 40, 0.05);
    border-radius: 100px;
    height: 57px;
    margin-bottom: 0;
    padding: 6px 160px 6px 20px;
    font-size: 16px;
    transition: all 0.5s ease-in-out;
}

.large-form-input:focus {
    border-style: solid;
    border-color: var(--soft-green);
    padding-left: 30px;
    box-shadow: 0 0 20px rgba(153, 0, 255, 0);
}

.large-form-input::placeholder {
    color: rgba(66, 94, 103, 0.6);
    font-size: 16px;
}

.form-btn-wrap {
    flex: none;
    position: absolute;
    top: auto;
    bottom: auto;
    left: auto;
    right: 6px;
}

.categories-link {
    z-index: 10;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    -webkit-backdrop-filter: blur(1px);
    backdrop-filter: blur(1px);
    border-radius: 100vw;
    min-height: 57px;
    padding: 6px 20px 6px 6px;
    display: flex;
    position: relative;
    overflow: hidden;
}

.categories-link.blog-category {
    min-height: auto;
    position: absolute;
    top: 0;
    bottom: auto;
    left: 0%;
    right: auto;
}

.categories-link.blog-category-details,
.categories-link.blog-main-category {
    min-height: auto;
}

.button-hover-circle-white {
    z-index: 5;
    background-color: var(--pink);
    border-radius: 100%;
    width: 125%;
    height: 400%;
    position: absolute;
    top: auto;
    bottom: -400%;
    left: -16px;
    right: auto;
}

.button-hover-circle-white.green {
    background-color: var(--soft-green);
}

.categories-border {
    z-index: 1;
    background-color: #59bd46;
    opacity: 0.1;
    border-radius: 100px;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

.categories-border.green {
    background-color: rgba(81, 246, 207, 0.3);
    border-color: rgba(81, 246, 207, 0.5);
}

.par-link-text {
    z-index: 2;
    margin-top: 0;
    margin-bottom: 0;
    font-weight: 500;
    line-height: 1.2em;
    position: relative;
}

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

.par-hide {
    color: rgba(255, 255, 255, 0);
    margin-top: 0;
    margin-bottom: 0;
    display: none;
    position: absolute;
}

.link-icon-circle {
    z-index: 10;
    background-color: var(--white);
    border-radius: 100px;
    justify-content: center;
    align-items: center;
    width: 45px;
    height: 45px;
    display: flex;
    position: relative;
}

.primary-button-contact-form {
    border: 1px solid var(--primary-dark);
    background-color: var(--primary-dark);
    color: var(--white);
    text-align: center;
    letter-spacing: 0.6px;
    text-transform: capitalize;
    border-radius: 8px;
    justify-content: center;
    align-items: center;
    width: 100%;
    min-width: 120px;
    padding: 12px 18px;
    font-size: 16px;
    font-weight: 400;
    transition: all 0.35s;
    display: flex;
}

.primary-button-contact-form:hover {
    background-color: var(--transparent);
    color: var(--primary-dark);
}

.primary-button-contact-form.top-space {
    margin-top: 40px;
}

.blog-category {
    color: var(--primary-dark);
    margin-top: 0;
    margin-bottom: 0;
}

.news-circle {
    z-index: 10;
    background-color: var(--white);
    border-radius: 100px;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 30px;
    display: flex;
    position: relative;
}

.blog-icon {
    color: var(--pink);
    width: auto;
    margin-top: 0;
    margin-bottom: 0;
    font-family: "Fa solid 900", sans-serif;
    font-size: 16px;
    line-height: 1.2em;
    padding: 5px;
}

.blog-category-title {
    color: #59bd46;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 18px;
    font-weight: 700;
    line-height: 1em;
}

.blog-category-title.white {
    color: #26333a;
}

.success-message-dark {
    color: var(--primary-dark);
    text-align: center;
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid rgba(240, 109, 10, 0.2);
    border-radius: 100px;
    width: 100%;
    padding: 20px;
}

.tablet-header-wrap {
    display: none;
}

.photo-mobile-banner {
    z-index: 1;
    object-fit: cover;
    width: 100%;
    height: 100%;
    display: none;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

.section-resources {
    padding-top: 80px;
    /* padding-bottom: 80px; */
    position: relative;
}

.services-top {
    flex-direction: row;
    justify-content: space-between;
    display: flex;
}

.strip-wrapper {
    z-index: 5;
    flex-direction: column;
    align-items: stretch;
    display: flex;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: auto;
}

.strip-wrapper.right {
    z-index: 25;
    top: 0%;
    bottom: 0%;
    left: auto;
    right: 0%;
}

.steps-circle {
    border: 0 rgba(192, 192, 211, 0.2);
    border-radius: 100px;
    justify-content: center;
    align-items: center;
    width: 48px;
    height: 48px;
    display: flex;
    position: absolute;
    top: 36px;
    bottom: auto;
    left: -84.5px;
    right: auto;
}

.steps-circle.center {
    top: auto;
}

.steps-circle.end {
    top: auto;
    bottom: 36px;
}

.best-catering-photo {
    background-image: url("https://cdn.prod.website-files.com/65e4701f92929f8f0c4b6ee9/65fad17be845cdc83b57a83b_Small%20Photo%204.webp");
    background-position: 50% 0;
    background-size: cover;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

.best-catering-photo.best-catering-6 {
    background-image: url("https://cdn.prod.website-files.com/65e4701f92929f8f0c4b6ee9/65fa9f6ccea1e89df371c871_Team%206.webp");
}

.best-catering-photo.best-catering-2 {
    background-image: url("https://cdn.prod.website-files.com/65e4701f92929f8f0c4b6ee9/65f9bed43560a1a6a49b6163_Smal%20Img%201.webp");
}

.best-catering-photo.best-catering-3 {
    background-image: url("https://cdn.prod.website-files.com/65e4701f92929f8f0c4b6ee9/65fae08b8924bb74091e279b_Small%20Photo%207.webp");
}

.best-catering-photo.best-catering-5 {
    background-image: url("https://cdn.prod.website-files.com/65e4701f92929f8f0c4b6ee9/65fa9f6783291c45c7cabe82_Team%203.webp");
}

.best-catering-photo.best-catering-4 {
    background-image: url("https://cdn.prod.website-files.com/65e4701f92929f8f0c4b6ee9/65fa9f675e7949c3cf79d646_Team%204.webp");
}

.best-catering-photo.best-catering-8 {
    background-image: url("https://cdn.prod.website-files.com/65e4701f92929f8f0c4b6ee9/65fad175d601d15f0e877917_Small%20Photo%202.webp");
}

.best-catering-photo.best-catering-7 {
    background-image: url("https://cdn.prod.website-files.com/65e4701f92929f8f0c4b6ee9/65fa9f69f31661d9d0d34812_Team%201.webp");
}

.steps-tracker {
    background-color: rgba(255, 255, 255, 0.1);
    border-radius: 100px;
    flex-direction: column;
    width: 2px;
    margin-top: 80px;
    margin-bottom: 80px;
    display: flex;
}

.hero-wrapper {
    height: 300vh;
    position: relative;
}

.steps-circle-outline {
    background-color: #4d686f;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 100%;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

.banner-3-info-wrap {
    text-align: center;
    flex-direction: column;
    align-items: center;
    width: 100%;
    display: flex;
}

.steps-card-wrapper {
    grid-row-gap: 60px;
    flex-direction: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    min-height: 900px;
    display: flex;
}

.scroll-color-bg-wrap-2 {
    background-image: linear-gradient(135deg, #06bcc1, #21da76);
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
    transform: translate(-100%);
}

.methods-container {
    background-color: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 30px;
    padding: 30px 40px;
    position: relative;
    overflow: hidden;
}

.page-sections {
    z-index: 10;
    background-color: var(--white);
    position: relative;
}

.preview-hero {
    flex-direction: column;
    flex: 1;
    justify-content: flex-end;
}

.steps-cards {
    grid-column-gap: 60px;
    grid-row-gap: 24px;
    flex-direction: row;
    grid-template-rows: auto;
    grid-template-columns: auto 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    display: flex;
}

.h6-color-3 {
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(135deg, #06bcc1, #21da76);
    -webkit-background-clip: text;
    background-clip: text;
    width: auto;
    margin-top: 0;
    margin-bottom: 20px;
}

.hero-bottom {
    z-index: 15;
    text-align: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 90%;
    max-width: 1200px;
    height: 100%;
    padding-top: 60px;
    display: flex;
    position: static;
}

.description-hero-margin {
    margin-top: 30px;
}

.methods-text {
    color: var(--white);
    margin-top: 0;
    margin-bottom: 0;
    font-size: 18px;
}

.color-bg-wrap {
    background-color: var(--light-pink);
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
    transform: translate(-100%);
}

.section-our-services {
    background-color: var(--dark-green);
    /* border-radius: 30px; */
    /* margin-left: 0.625rem;
    margin-right: 0.625rem; */
    padding-top: 80px;
    padding-bottom: 80px;
    position: relative;
}

.metods-content-card {
    z-index: 10;
    position: relative;
}

.section-hero-home {
    flex-direction: column;
    justify-content: flex-end;
}

.hero-trigger {
    margin-top: 100vh;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

.steps-dot {
    z-index: 10;
    background-color: var(--primary);
    border-radius: 100px;
    width: 12px;
    height: 12px;
    position: relative;
}

.methods-title {
    margin-top: 0;
    margin-bottom: 20px;
}

.methods-title.home-3,
.methods-title.number {
    color: var(--primary);
    font-size: 14px;
}

.hero-banner-image {
    border-radius: 12px;
    width: 18vw;
    height: 18vw;
    min-height: 18vw;
    position: relative;
    left: 0%;
    overflow: hidden;
}

.hero-banner-image.two {
    margin-left: 20px;
}

.hero-banner-image.fourteen {
    left: 1vw;
}

.hero-banner-image.four {
    margin-right: 20px;
}

.hero-banner-image.thirteen {
    margin-top: -50vw;
}

.hero-home-info {
    z-index: 25;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    line-height: 1.35;
    display: flex;
    position: static;
}

.steps-content {
    grid-row-gap: 45px;
    flex-direction: column;
    grid-template-rows: auto 1fr;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
}

.hero-home-3-content {
    z-index: 15;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: row;
    flex: 1;
    grid-template-rows: 1fr 1fr;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-items: flex-start;
    height: 100%;
    margin-bottom: -100vh;
    padding-left: 5vw;
    padding-right: 5vw;
    display: flex;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    overflow: visible;
}

.hero-image-strip {
    z-index: 10;
    grid-column-gap: 26vw;
    grid-row-gap: 26vw;
    flex-direction: column;
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    justify-content: flex-start;
    align-items: flex-start;
    justify-items: center;
    width: 100%;
    padding-top: 15vh;
    display: grid;
}

.hero-image-strip.left {
    grid-column-gap: 3vw;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    position: relative;
}

.hero-image-strip.right-side {
    z-index: 25;
    grid-column-gap: 3vw;
    grid-template-columns: 1fr 1fr;
    align-items: flex-end;
    padding-top: 50vh;
    top: 0%;
    bottom: 0%;
    left: auto;
    right: 0%;
}

.banner-3-par-width {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-direction: column;
    align-items: center;
    width: 75%;
    display: flex;
}

.how-it-works-fill {
    background-color: #081c3a;
    border-radius: 100px;
    width: 100%;
    height: 0;
}

.next-video-level {
    z-index: 100;
    grid-row-gap: 50px;
    text-align: center;
    flex-direction: column;
    align-items: center;
    display: flex;
    position: relative;
}

.photo-light-ov {
    z-index: 5;
    background-color: var(--white);
    background-image: linear-gradient(
        225deg,
        var(--primary) 2%,
        var(--transparent) 55%,
        var(--soft-green) 98%
    );
    opacity: 0.3;
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

.steps-description {
    grid-row-gap: 20px;
    flex-direction: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    margin-top: 20px;
    display: flex;
}

.steps-card {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    align-content: stretch;
    align-items: center;
    min-height: 275px;
    display: flex;
    position: relative;
}

.steps-sticky-card {
    z-index: 30;
    grid-row-gap: 40px;
    box-shadow: none;
    background-image: url("../../img/services/innovation_for_a_connected_world.jpg");
    background-position: 0%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 30px;
    flex-direction: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-items: center;
    width: 100%;
    min-width: 300px;
    max-width: 500px;
    height: 670px;
    display: flex;
    position: -webkit-sticky;
    position: sticky;
    top: 100px;
    overflow: hidden;
}

.steps-sticky-card.photo-card {
    background-image: url("https://cdn.prod.website-files.com/65e4701f92929f8f0c4b6ee9/660c27761f21ae140ba2e022_Team%207.webp");
    background-position: 50%;
}

.home-hero {
    z-index: 25;
    flex-direction: column;
    height: 100vh;
    display: flex;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    overflow: hidden;
}

.steps-grid {
    grid-column-gap: 80px;
    grid-row-gap: 36px;
    grid-template-rows: auto;
    grid-template-columns: 0.8fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: space-between;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
}

.features-content {
    z-index: 10;
    flex-direction: column;
    justify-content: flex-start;
    max-width: 40rem;
    padding: 80px 4rem 100px;
    display: flex;
    position: relative;
}

.features-grid {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1.25fr;
    grid-auto-columns: 1fr;
    align-items: stretch;
    display: grid;
}

.features-cards-decor {
    align-items: center;
    display: flex;
    position: absolute;
    top: auto;
    bottom: -30%;
    left: 0%;
    right: 0%;
}

.features-component {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    background-color: #26333a;
    border-radius: 20px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    width: 100%;
    height: 80vh;
    max-height: 580px;
    overflow: hidden;
}

.features-items-wrapper {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    height: 80vh;
    padding-left: 3.125rem;
    display: flex;
    position: relative;
}

.card-2 {
    width: auto;
    height: 150px;
    position: absolute;
    top: auto;
    bottom: 0%;
    left: auto;
    right: 0%;
    transform: rotate(-45deg);
}

.hero-component {
    z-index: 15;
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr 0.8fr;
    grid-auto-columns: 1fr;
    display: grid;
    position: relative;
}

.features-items {
    /* background-color: rgba(81, 246, 207, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1); */
    border-radius: 30px;
    justify-content: flex-end;
    align-items: flex-end;
    width: 100%;
    min-height: 300px;
    padding-top: 40px;
    padding-left: 40px;
    display: flex;
    overflow: hidden;
    /* box-shadow: 0 0 20px rgba(81, 246, 207, 0.06); */
}

.features-items.second {
    padding-left: 0;
    padding-right: 40px;
}

.hero-content {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
    position: relative;
}

.hero-image-wrapper {
    justify-content: center;
    align-items: center;
    height: 100%;
    display: flex;
    position: relative;
}

.card-1 {
    width: auto;
    height: 180px;
    position: absolute;
    top: auto;
    bottom: 0%;
    left: auto;
    right: 14%;
    transform: rotate(-45deg);
}

.features-content-wrapper {
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    display: flex;
    position: relative;
}

.banner-hero-2 {
    border-radius: 30px;
    justify-content: center;
    align-items: center;
    min-height: 740px;
    padding-top: 180px;
    padding-bottom: 140px;
    display: flex;
    position: relative;
    overflow: hidden;
}

.mockup-1 {
    z-index: 2;
    width: auto;
    height: 500px;
    position: absolute;
    top: auto;
    bottom: 0%;
    left: 0;
    right: auto;
}

.mockup-2 {
    z-index: 10;
    width: auto;
    height: 550px;
    position: absolute;
    top: -7%;
    bottom: auto;
    left: auto;
    right: 0%;
}

.banner-title-2 {
    width: 90%;
    margin-top: 0;
    margin-bottom: 0;
}

.underline-span {
    /* background-image: url("https://cdn.prod.website-files.com/65e4701f92929f8f0c4b6ee9/66013e6f6f2b61540d090942_New_Underline.webp"); */
    background-position: 50% 100%;
    background-repeat: no-repeat;
    background-size: 90%;
    background-attachment: scroll;
    padding-bottom: 20px;
    display: inline-block;
}

.underline-span.our-app {
    display: inline-flex;
}

.features-items-dash {
    /* background-color: rgba(255, 255, 255, 0.03); */
    background-image: url("../../img/home/four/one.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: cover;

    width: 100%;
    height: 100%;
}

.features-items-dash.dash-2 {
    background-image: url("../../img/home/four/two.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 100%;

    border-top-right-radius: 30px;
}

.features-items-dash.dass-3 {
    background-image: url("../../img/home/four/three.png");
    background-size: 100%;
}

.white-h2-title {
    color: var(--white);
    margin-top: 0;
    margin-bottom: 0;
    font-size: 45px;
}

.white-dashboard-subtitle {
    color: var(--white);
}

.h2-title-wrap {
    margin-bottom: 20px;
}

.benefits-description {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 18px;
}

.card-circle {
    border: 1px solid var(--green-20);
    background-color: var(--primary-light-bg);
    border-radius: 100%;
    justify-content: center;
    align-items: center;
    width: 60px;
    height: 60px;
    padding: 10px;
    display: flex;
}

.about-image {
    border-radius: 30px;
    min-height: 500px;
    position: relative;
    overflow: hidden;
}

.background-wrapper-3 {
    z-index: 2;
    justify-content: center;
    display: flex;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
    overflow: hidden;
}

.about-description {
    z-index: 10;
    grid-column-gap: 16px;
    grid-row-gap: 12px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: grid;
    position: relative;
}

.sticky-video-lightbox {
    z-index: 10;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

.sticky-video-lightbox:hover {
    color: #fff;
}

.background-advantages {
    background-color: var(--dark-green);
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
    overflow: visible;
}

.home-3-card-grid {
    grid-column-gap: 20px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    display: grid;
}

.home-3-card-grid.bottom {
    align-items: start;
    margin-top: 80px;
}

.background-cover {
    z-index: 3;
    background-color: var(--light-green);
    width: 110%;
    height: 110%;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    top: auto;
    bottom: 0%;
    left: auto;
    right: auto;
}

.background-cover.white {
    background-color: var(--white);
}

.about-us-card {
    z-index: 10;
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    border: 1px solid var(--green-20);
    border-radius: 15px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    align-content: space-between;
    min-height: 300px;
    margin-top: 60px;
    padding: 36px 20px;
    display: grid;
    position: relative;
    overflow: hidden;
}

.about-us-card.top-card {
    margin-top: 0;
}

.about-us-card.white-hover {
    transition: all 0.4s;
}

.about-us-card.white-hover:hover {
    border-color: var(--white-50);
}

.about-us-card.top-card-hover {
    margin-top: 0;
    transition: all 0.4s;
}

.about-us-card.top-card-hover:hover {
    border-color: var(--white-50);
}

.about-card-top {
    z-index: 10;
    grid-column-gap: 0px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: auto 1fr;
    grid-auto-columns: auto;
    grid-auto-flow: column;
    justify-content: flex-end;
    align-items: center;
    margin-right: -36px;
    display: grid;
    position: relative;
}

.horizontal-line {
    background-color: var(--green-20);
    height: 1px;
}

.benefit-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 30px;
}

.full-stacked-intro {
    grid-column-gap: 16px;
    grid-row-gap: 36px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: grid;
    position: relative;
}

.services-photo-item {
    background-image: url("../../img/home/one/Elevating_user_centered.jpg");
    background-position: 50% 100%;
    background-size: cover;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

.photo-overlay {
    background-image: linear-gradient(
        225deg,
        rgba(81, 246, 207, 0.4),
        var(--transparent) 50%,
        rgba(252, 255, 112, 0.4)
    );
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

.product-1-item {
    cursor: pointer;
    flex-direction: column;
    display: flex;
    position: relative;
}

.product-1-item.right {
    z-index: 70;
    float: right;
    flex-direction: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: flex;
}

.class-category {
    z-index: 3;
    background-color: #fff;
    border-radius: 100px;
    justify-content: center;
    align-items: center;
    padding: 5px 10px;
    display: flex;
    position: absolute;
    top: 1.5rem;
    bottom: auto;
    left: 1.5rem;
    right: auto;
}

.product-item-003 {
    z-index: 70;
    cursor: pointer;
    flex-direction: column;
    display: flex;
    position: relative;
}

.product-item-4 {
    flex-direction: column;
    display: flex;
    position: relative;
}

.product-item-4.right {
    z-index: 70;
    float: right;
    flex-direction: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: flex;
}

.slider-preloader {
    z-index: 90;
    width: 110%;
    height: 110%;
    display: none;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

.bg-load-bottom {
    z-index: 25;
    background-color: #fff;
    height: 50%;
    display: none;
    position: absolute;
    top: auto;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

.bg-load-bottom.grey {
    background-color: #fff;
    background-color: var(--white);
}

.gallery-slider {
    background-color: rgba(0, 0, 0, 0);
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    display: flex;
}

.item-slide-nav {
    flex: 0 auto;
    justify-content: space-between;
    align-items: flex-end;
    width: 50%;
    max-width: 700px;
    height: 50px;
    padding-top: 0;
    display: none;
    top: auto;
    left: auto;
    right: auto;
}

.next-member {
    color: #fff;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 13px;
}

.gall-text {
    z-index: 10;
    color: #fff;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    font-family: Montserrat, sans-serif;
    font-size: 14px;
    font-weight: 500;
    position: relative;
}

.view-link {
    z-index: 20;
    background-color: var(--dark-green);
    border-radius: 100%;
    justify-content: center;
    align-items: center;
    padding: 10px 32px;
    display: none;
    position: fixed;
    top: -42px;
    bottom: auto;
    left: -55px;
    right: auto;
}

.gallery-arrow {
    z-index: 25;
    color: #0e0e0e;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-left: 12px;
    font-weight: 700;
    line-height: 1.2em;
    display: flex;
    top: 0%;
    bottom: 0%;
    left: -75%;
    right: auto;
}

.gallery-arrow.right {
    margin-right: 12px;
    top: 0%;
    bottom: 0%;
    left: auto;
    right: -75%;
}

.work-wrap-item {
    justify-content: center;
    align-items: center;
    height: 100%;
    display: flex;
}

.tablet-arrow {
    display: none;
}

.team-arrow-icon {
    width: auto;
    height: auto;
}

.bg-load-top {
    z-index: 25;
    background-color: #fff;
    height: 50%;
    display: none;
    position: absolute;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: 0%;
}

.bg-load-top.grey-top {
    background-color: #fff;
}

.bg-load-top.grey {
    background-color: var(--white);
}

.hero-work-wrap {
    height: 100%;
}

.team-grid-wrapper-2 {
    z-index: 100;
    grid-column-gap: 0px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: minmax(5vw, 1fr) minmax(auto, 1400px) minmax(
            5vw,
            1fr
        );
    grid-auto-columns: 1fr;
    width: 100%;
    margin-top: 80px;
    display: grid;
    position: relative;
}

.gallery-slide {
    height: 80vh;
    overflow: hidden;
}

.view-link-cover {
    z-index: 25;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

.gallery-mask {
    width: 50%;
    max-width: 700px;
    padding-left: 6px;
    padding-right: 6px;
    overflow: visible;
}

.four-column {
    z-index: 25;
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    display: grid;
    position: relative;
}

.stacked-grid-content {
    grid-column-gap: 16px;
    grid-row-gap: 60px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    display: grid;
}

.collection-work-wrapper {
    height: 100%;
}

.overlay-blog {
    background-color: rgba(255, 255, 255, 0.5);
    display: flex;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

.underline-link-container-2 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    color: #fff;
    text-align: center;
    background-color: rgba(0, 0, 0, 0);
    border-style: none none solid;
    border-bottom-width: 1px;
    border-bottom-color: rgba(255, 255, 255, 0.25);
    border-radius: 0;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    margin-left: 0;
    margin-right: 0;
    padding: 0;
    text-decoration: none;
    display: flex;
    position: relative;
}

.underline-link-container-2:hover {
    color: #fff;
}

.project-background-wrapper {
    z-index: 2;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
    overflow: hidden;
}

.project-card {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    color: #fff;
    background-color: #f7f6f1;
    border-radius: 30px;
    grid-template-rows: 1fr auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    height: 100%;
    padding: 15px;
    text-decoration: none;
    display: grid;
    position: relative;
    overflow: hidden;
}

.project-background {
    z-index: 2;
    background-image: none;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
    overflow: hidden;
}

.project-name {
    z-index: 15;
    grid-column-gap: 24px;
    grid-row-gap: 40px;
    background-color: var(--dark-green);
    border-radius: 30px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    padding: 20px;
    display: block;
    position: relative;
}

.star-rating {
    background-image: linear-gradient(
        45deg,
        var(--dark-yellow) 25%,
        var(--primary)
    );
    color: var(--primary);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
    margin-top: 0;
    margin-bottom: 0;
    font-family: "Fa solid 900", sans-serif;
    font-size: 14px;
}

.star-rating.large {
    font-size: 16px;
}

.current-blog-link {
    z-index: 10;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

.white-service-description {
    color: rgba(255, 255, 255, 0.8);
}

.number-large-circle {
    background-color: #d7ffc2;
    border: 1px solid rgba(175, 175, 175, 0.3);
    border-radius: 100%;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 50px;
    padding: 3px;
    display: flex;
    position: absolute;
    top: 0%;
    bottom: auto;
    left: auto;
    right: 6%;
}

.statistic-line {
    display: none;
}

.statistiv-text {
    margin-top: 0;
    margin-bottom: 0;
}

.intro-par-wrap {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    grid-template-rows: auto;
    grid-template-columns: 1fr auto;
    grid-auto-columns: 1fr;
    justify-content: space-between;
    align-items: flex-end;
    width: 100%;
    display: flex;
}

.light-green-circle {
    background-color: #d7ffc2;
    border-radius: 1000rem;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 0%;
    bottom: auto;
    left: auto;
    right: 0%;
}

.h2-hero-text {
    margin-top: 0;
    margin-bottom: 0;
}

.devider-line-bottom {
    z-index: 100;
    background-color: var(--green-20);
    width: 100%;
    height: 1px;
    position: absolute;
    top: auto;
    bottom: 0%;
    left: 0%;
    right: auto;
}

.left-intro-grid {
    justify-content: flex-start;
    padding-top: 3px;
}

.underline-link-con {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    color: #fff;
    text-align: center;
    background-color: rgba(0, 0, 0, 0);
    border-style: none none solid;
    border-bottom-width: 1px;
    border-bottom-color: rgba(255, 255, 255, 0.25);
    border-radius: 0;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    margin-left: 0;
    margin-right: 0;
    padding: 0 0 6px;
    text-decoration: none;
    display: flex;
    position: relative;
}

.underline-link-con:hover {
    color: #fff;
}

.service-overlay {
    background-image: linear-gradient(
        225deg,
        rgba(81, 246, 207, 0.45) 6%,
        var(--transparent) 50%,
        rgba(252, 255, 112, 0.45) 91%
    );
    display: flex;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

.top-banner-toggle {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
}

.banner-button-wrapper {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    justify-content: flex-start;
    align-items: center;
    width: 92%;
    margin-top: 20px;
    display: flex;
}

.hero-person-img {
    z-index: 0;
    object-fit: cover;
    min-width: 100%;
    height: 115%;
    display: block;
    position: relative;
}

.hero-text-wrapper {
    justify-content: space-between;
    align-items: flex-end;
    width: 100%;
    height: 100%;
    display: flex;
    position: relative;
}

.hero-person-text-less {
    opacity: 1;
    justify-content: flex-start;
    align-items: center;
    width: 120px;
    height: 58px;
    display: flex;
    position: absolute;
    top: auto;
    bottom: 80px;
    left: auto;
    right: -6px;
    transform: rotate(-90deg);
}

.hero-banner-col.col-2 {
    z-index: 0;
    flex: 1;
}

.hero-banner-col.col-1 {
    z-index: 100;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    display: flex;
    position: relative;
}

.hero-person-text-more {
    grid-column-gap: 40px;
    opacity: 0;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding-left: 40px;
    padding-right: 40px;
    display: flex;
    position: absolute;
    bottom: 80px;
}

.hero-person-text-more.mod-1 {
    z-index: 100;
}

.grad-line-wrapper {
    text-align: left;
    width: 100%;
    padding-left: 40px;
    display: flex;
    position: relative;
}

.hero-person-title {
    letter-spacing: 0;
    text-transform: capitalize;
    flex: none;
    font-size: 30px;
    font-weight: 400;
    line-height: 1.1em;
}

.hero-person-title.white-person-title {
    letter-spacing: 0;
    text-transform: capitalize;
    flex: 0 auto;
    font-size: 25px;
    line-height: 1.2em;
}

.feedback-photo {
    background-image: url("https://cdn.prod.website-files.com/65e4701f92929f8f0c4b6ee9/65fa9f690374196d4777bbed_Team%205.webp");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 100%;
    margin: 4px;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

.feedback-photo.photo-5 {
    background-image: url("https://cdn.prod.website-files.com/65e4701f92929f8f0c4b6ee9/65fa9f675e7949c3cf79d646_Team%204.webp");
}

.feedback-photo.photo-3 {
    background-image: url("https://cdn.prod.website-files.com/65e4701f92929f8f0c4b6ee9/65fa9f6ccea1e89df371c871_Team%206.webp");
}

.feedback-photo.photo-2 {
    background-image: url("https://cdn.prod.website-files.com/65e4701f92929f8f0c4b6ee9/65fa9f6783291c45c7cabe82_Team%203.webp");
}

.subtitle-banner {
    margin-bottom: 40px;
}

.hero-person-count-title {
    margin-bottom: -20px;
    line-height: 1em;
    display: inline-block;
}

.hero-person-count-title.stroke-white {
    font-size: 38px;
    font-weight: 500;
}

.swiper-person {
    border-radius: 12px;
    width: 100%;
    overflow: hidden;
}

.blue-gradient {
    filter: blur(150px);
    background-color: #3f0efa;
    border-radius: 100%;
    width: 200px;
    height: 200px;
    position: absolute;
    top: auto;
    bottom: 0%;
    left: auto;
    right: 0%;
}

.blue-gradient.g-27 {
    background-color: rgba(0, 0, 0, 0);
    background-image: linear-gradient(#3f0efa, #ff00c3 26%, #90f 65%, #3f0efa);
    top: auto;
    bottom: -11%;
    left: auto;
    right: 11%;
}

.blue-gradient.g-28 {
    background-color: rgba(0, 0, 0, 0);
    background-image: linear-gradient(#3f0efa, #ff00c3 26%, #90f 65%, #3f0efa);
    width: 500px;
    height: 800px;
    top: auto;
    bottom: 0%;
    left: auto;
    right: 26%;
}

.home-4-main-content {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.gradient-rotate {
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

.purple-gradient {
    filter: blur(180px);
    background-color: #90f;
    border-radius: 100%;
    width: 250px;
    height: 250px;
    position: absolute;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: auto;
}

.purple-gradient.grad-29 {
    background-color: rgba(0, 0, 0, 0);
    background-image: linear-gradient(#90f 40%, #086efc 75%, #3f0efa);
    width: 300px;
    height: 300px;
    top: 36%;
    bottom: auto;
    left: 1%;
    right: auto;
}

.gradient-con {
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

.rewiews-par {
    margin-top: 0;
    margin-bottom: 0;
}

.hero-tablet-banner-persons {
    z-index: 0;
    grid-column-gap: 30px;
    justify-content: flex-end;
    height: 590px;
    display: none;
    position: relative;
}

.banner-title-home-3 {
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
}

.banner-paragraph-home-2 {
    width: 90%;
    margin-top: 30px;
    margin-bottom: 40px;
}

.grad-line-home-4 {
    background-color: #ffd4b4;
    border-radius: 2px;
    width: 2px;
    height: 100%;
    position: absolute;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: auto;
}

.feedback-wrapper {
    background-color: #ffd4b4;
    border-radius: 100%;
    width: 55px;
    height: 55px;
    margin-left: -20px;
    position: relative;
}

.hero-person-square {
    z-index: -1;
    background-image: linear-gradient(180deg, var(--dark-yellow), var(--pink));
    border-radius: 100%;
    width: 58px;
    height: 58px;
    margin-left: -24px;
    display: block;
    position: absolute;
}

.feedback-main-wrapper {
    padding-left: 20px;
    display: flex;
}

.hero-person-count-span {
    letter-spacing: 0.2em;
    text-transform: uppercase;
    flex: none;
    width: 100%;
    font-size: 12px;
    font-weight: 500;
    display: inline-block;
}

.hero-person-gradient {
    z-index: 1;
    color: #fff;
    background-image: linear-gradient(
        rgba(0, 0, 0, 0) 35%,
        rgba(22, 8, 40, 0.55)
    );
    justify-content: space-between;
    align-items: flex-end;
    display: flex;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

.hero-person-container {
    z-index: 70;
    background-color: var(--primary-light-bg);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    border-radius: 12px;
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
}

.star-wrap {
    grid-column-gap: 5px;
    flex-direction: row;
    display: flex;
}

.based-on-banner-4 {
    grid-row-gap: 10px;
    flex-direction: column;
    display: flex;
}

.hero-columns {
    grid-column-gap: 60px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 0.8fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: space-between;
    align-items: stretch;
    width: 100%;
    display: grid;
}

.banner-4-reviews {
    grid-row-gap: 30px;
    flex-direction: column;
    justify-content: space-between;
    display: flex;
    position: relative;
}

.banner-form {
    flex-flow: wrap;
    justify-content: center;
    width: 450px;
    margin-bottom: 0;
    margin-right: -100px;
    display: flex;
}

.hero-banner-persons {
    z-index: 0;
    grid-column-gap: 30px;
    justify-content: flex-end;
    height: 590px;
    margin-left: -50px;
    display: flex;
    position: relative;
}

.hero-person-count {
    text-align: center;
    flex-direction: column;
    flex: none;
    justify-content: center;
    align-items: center;
    font-size: 52px;
    transition: all 0.6s;
    display: flex;
    overflow: hidden;
}

.hero-person {
    border: 1px solid rgba(240, 109, 10, 0.3);
    border-radius: 12px;
    width: 21%;
    transition: all 0.35s;
    position: relative;
    overflow: hidden;
    box-shadow: 0 0 20px rgba(240, 109, 10, 0);
}

.hero-person:hover {
    border-color: var(--pink);
    box-shadow: 0 0 10px rgba(240, 109, 10, 0.45);
}

.hero-person.mod-1 {
    width: 58%;
}

.white-color {
    color: var(--pink);
    font-weight: 500;
}

.section-scroll-features {
    padding-top: 0;
    padding-bottom: 0;
    position: relative;
    overflow: hidden;
}

.top-banner-subtitle {
    margin-top: 0;
    margin-bottom: 0;
    font-weight: 600;
}

.banner-par {
    width: 95%;
    font-size: 18px;
}

.top-h2-title-white {
    color: var(--white);
    margin-top: 0;
    margin-bottom: 0;
}

.services-small-title {
    color: var(--primary);
    margin-top: 0;
    margin-bottom: 0;
    font-size: 30px;
}

.scroll-color-wrap {
    background-color: var(--primary-light-bg);
    padding-bottom: 0.625rem;
}

.banner-circle {
    background-image: radial-gradient(
        circle farthest-corner at 50% 50%,
        var(--primary),
        rgba(233, 154, 0, 0.27)
    );
    opacity: 0.55;
    filter: blur(100px);
    border-radius: 100%;
    width: 300px;
    height: 300px;
    position: absolute;
}

.collection-blog-1-grid {
    grid-column-gap: 15px;
    grid-row-gap: 0px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    margin-bottom: -80px;
    display: grid;
}

.project-collection-item-2 {
    width: 100%;
}

.project-collection-item-2:nth-child(odd) {
    margin-top: 60px;
    margin-bottom: 80px;
}

.bg-pattern {
    opacity: 0.98;
    width: 50%;
    position: absolute;
    top: 0%;
    bottom: auto;
    left: auto;
    right: 0%;
}

.pattern-1 {
    height: 60px;
    position: absolute;
    top: 0%;
    bottom: auto;
    left: -6px;
    right: auto;
}

.pattern-2 {
    height: 60px;
    position: absolute;
    top: -62px;
    bottom: auto;
    left: auto;
    right: 197px;
}

.pattern-3 {
    height: 70px;
    position: absolute;
    top: auto;
    bottom: 0%;
    left: auto;
    right: 23px;
}

.pattern-5 {
    height: 15px;
    position: absolute;
    top: 31%;
    bottom: auto;
    left: 14px;
    right: auto;
}

.pattern-5.small-star-1 {
    display: none;
    top: -16%;
    bottom: auto;
    left: auto;
    right: 11%;
}

.pattern-5.small-star-2 {
    display: none;
    top: auto;
    bottom: -26%;
    left: auto;
    right: 2%;
}

.pattern-5.small-star-3 {
    display: none;
    top: auto;
    bottom: -15%;
    left: 8%;
    right: auto;
}

.pattern-5.small-star-4 {
    display: none;
}

.pattern-5.small-star-6 {
    height: 12px;
    top: 38%;
    bottom: auto;
    left: auto;
    right: 8%;
}

.pattern-5.small-star-7 {
    top: auto;
    bottom: 5%;
    left: auto;
    right: 34%;
}

.pattern-5.small-star-8 {
    height: 13px;
    top: 16%;
    bottom: auto;
    left: auto;
    right: 58%;
}

.pattern-5.small-star-11 {
    height: 12px;
    top: auto;
    bottom: 13%;
    left: 23%;
    right: auto;
}

.pattern-5.small-star-25 {
    height: 12px;
    top: auto;
    bottom: -13%;
    left: 19%;
    right: auto;
}

.pattern-5.small-star-27 {
    top: auto;
    bottom: -1%;
    left: auto;
    right: 19%;
}

.orange-form-button {
    border: 1px solid var(--pink);
    background-color: var(--pink);
    color: var(--white);
    text-align: center;
    letter-spacing: 0.6px;
    text-transform: capitalize;
    border-radius: 100px;
    justify-content: center;
    align-items: center;
    min-width: 120px;
    padding: 12px 20px;
    font-size: 16px;
    font-weight: 400;
    transition: all 0.35s;
    display: flex;
}

.orange-form-button:hover {
    background-color: var(--transparent);
    color: var(--primary-dark);
}

.large-color-form-input {
    background-color: var(--transparent);
    color: var(--primary-dark);
    letter-spacing: 0.5px;
    text-transform: none;
    border: 1px solid rgba(240, 109, 10, 0.3);
    border-radius: 100px;
    height: 57px;
    margin-bottom: 0;
    padding: 6px 160px 6px 20px;
    font-size: 16px;
    transition: all 0.5s ease-in-out;
}

.large-color-form-input:focus {
    border-style: solid;
    border-color: var(--pink);
    padding-left: 30px;
    box-shadow: 0 0 20px rgba(153, 0, 255, 0);
}

.large-color-form-input::placeholder {
    color: rgba(66, 94, 103, 0.6);
    font-size: 16px;
}

.mockup-1-wrapper {
    z-index: 2;
    width: 100%;
    height: 100%;
    position: absolute;
}

.mockup-2-wrapper {
    z-index: 10;
    width: 100%;
    height: 100%;
    position: absolute;
}

.pattern-wrap {
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

.collection-use-case-list {
    width: 100%;
}

.vacation-card-bottom {
    grid-row-gap: 30px;
    flex-direction: column;
    grid-template-rows: 1fr auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: flex;
}

.about-animal-description-2 {
    margin-top: 0;
    margin-bottom: 0;
}

.activity-verticle-card {
    grid-column-gap: 16px;
    grid-row-gap: 30px;
    border: 1px solid var(--green-20);
    border-radius: 15px;
    grid-template-rows: 1fr auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    min-height: 300px;
    margin-bottom: 1px;
    padding: 15px;
    transition: box-shadow 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    display: grid;
}

.review-rating {
    z-index: 55;
    grid-column-gap: 3px;
    grid-row-gap: 3px;
    border: 1px solid var(--white-20);
    background-color: var(--dark-green);
    border-radius: 6px;
    justify-content: center;
    align-items: center;
    height: 30px;
    padding: 2px 10px;
    display: flex;
    position: absolute;
    top: -15px;
    bottom: auto;
    left: auto;
    right: 40px;
}

.hero-link {
    color: #fff;
    letter-spacing: 3px;
    text-transform: uppercase;
    border-bottom: 1px solid rgba(255, 255, 255, 0.8);
    padding-bottom: 6px;
    padding-left: 0;
    font-size: 9px;
    text-decoration: none;
    position: relative;
}

.hero-link.dark-line {
    border-bottom-color: rgba(175, 175, 175, 0.3);
}

.vacation-card-info {
    grid-column-gap: 12px;
    grid-row-gap: 10px;
    grid-template-rows: auto 1fr;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    min-height: 60px;
    padding-left: 0;
    padding-right: 0;
    display: grid;
}

.skew-background-2 {
    background-image: none;
    background-position: 50%;
    background-size: cover;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

.vacation-details {
    grid-template-rows: auto;
    grid-template-columns: 1fr auto;
    grid-auto-columns: 1fr;
    justify-content: flex-start;
    display: flex;
}

.work-title-link {
    letter-spacing: 0;
    text-transform: none;
    transition: none;
    position: relative;
}

.overlay-activities {
    background-color: rgba(22, 8, 40, 0.05);
    background-image: linear-gradient(
        225deg,
        rgba(233, 154, 0, 0.45),
        var(--transparent) 50%,
        rgba(240, 109, 10, 0.35)
    );
    display: flex;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

.verticle-card-image-2 {
    border-radius: 12px;
    justify-content: flex-end;
    align-items: flex-start;
    height: 100%;
    min-height: 250px;
    padding: 10px;
    display: flex;
    position: relative;
    overflow: hidden;
}

.skew-background-wrapper {
    z-index: 1;
    display: none;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
    overflow: hidden;
}

.work-title-2 {
    letter-spacing: 0;
    margin-top: 0;
    margin-bottom: 0;
    font-family: EB Garamond, sans-serif;
    font-size: 24px;
    font-weight: 500;
    transition: all 0.35s;
}

.reviews-loop-container {
    z-index: 10;
    flex-direction: row;
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    display: flex;
    position: relative;
    overflow: hidden;
}

.image-avatar {
    border: 2px solid var(--primary);
    border-radius: 100%;
    width: 80px;
    height: 80px;
}

.number-item-wrapper {
    width: 100%;
}

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

.number-title {
    color: var(--primary);
    margin-bottom: 10px;
    font-size: 64px;
    font-weight: 600;
    line-height: 1.2em;
}

.profession-avatar {
    color: var(--primary);
    letter-spacing: 0.1em;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 14px;
}

.loop-review-wrap {
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    display: flex;
}

.loop-review-wrap.right {
    flex-flow: row;
    justify-content: flex-end;
    align-items: center;
    position: relative;
}

.numbers-wrapper-2 {
    grid-column-gap: 80px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: space-between;
    width: 100%;
    padding-top: 100px;
    padding-bottom: 100px;
    display: grid;
    position: relative;
}

.grid-blog {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-rows: auto;
    grid-template-columns: 0.75fr 1fr;
    display: flex;
}

.border-wrapper {
    border-right: 1px solid var(--white-20);
    margin-right: 20px;
    padding-right: 20px;
}

.name-avatar {
    color: var(--white);
    letter-spacing: 0.04em;
    margin-top: 0;
    font-size: 22px;
}

.reviews-loop-container-right {
    z-index: 10;
    flex-direction: row;
    justify-content: flex-end;
    width: 100%;
    margin-top: 30px;
    padding-left: 15px;
    padding-right: 15px;
    display: flex;
    position: relative;
    overflow: hidden;
}

.line-devider {
    background-color: var(--white-20);
    width: 100%;
    height: 1px;
    position: absolute;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: auto;
}

.loop-wrap {
    grid-column-gap: 30px;
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
    margin-right: 30px;
    padding-top: 16px;
    display: flex;
}

.review-white {
    color: rgba(255, 255, 255, 0.75);
    font-size: 18px;
}

.loop-review-item {
    grid-column-gap: 35px;
    grid-row-gap: 35px;
    border: 1px solid var(--white-20);
    background-color: var(--transparent);
    border-radius: 20px;
    flex-flow: wrap;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: row;
    align-content: start;
    justify-content: start;
    align-items: start;
    justify-items: stretch;
    width: 400px;
    padding: 35px 30px;
    display: grid;
    position: relative;
}

.loop-wrapper-right {
    grid-column-gap: 30px;
    flex-direction: row;
    flex: none;
    justify-content: flex-end;
    align-items: center;
    margin-right: 30px;
    padding-top: 15px;
    display: flex;
    overflow: hidden;
}

.number-description {
    color: var(--white);
    margin-top: 0;
    margin-bottom: 0;
    font-size: 18px;
}

.green-container-review {
    z-index: 30;
    border: 1px solid var(--light-green);
    background-color: var(--dark-green);
    border-radius: 30px;
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    margin-left: 0.625rem;
    margin-right: 0.625rem;
    padding-top: 80px;
    padding-bottom: 80px;
    display: flex;
    position: relative;
    overflow: hidden;
}

.home-1-services {
    grid-column-gap: 60px;
    width: 100%;
    display: flex;
    align-items: center;
}

.home-1-service-img {
    background-image: url("../../img/about/trans/transforming_interfaces.jpg");
    background-position: 50%;
    background-size: cover;
    border-radius: 30px;
    width: 55%;
    height: 400px;
    display: flex;
}

.home-1-services-text {
    grid-row-gap: 10px;
    flex-direction: column;
    justify-content: space-between;
    width: 45%;
    display: flex;
}

.home-1-service-title {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    align-items: center;
    display: flex;
}

.check-icon {
    background-color: #59bd46;
    color: #fff;
    border-radius: 100%;
    flex: none;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 30px;
    padding: 8px;
    font-family: "Fa solid 900", sans-serif;
    font-size: 12px;
    line-height: 1em;
    display: flex;
}

.h3-green-text {
    color: var(--dark-green);
    font-size: 30px;
}

.use-case-category {
    z-index: 10;
    background-image: linear-gradient(225deg, var(--dark-yellow), var(--pink));
    color: var(--white);
    letter-spacing: 0.03em;
    border-radius: 8px;
    padding: 6px 12px;
    font-weight: 500;
    position: absolute;
}

.use-case-category:hover {
    color: var(--primary-dark);
}

.slide-heading-3 {
    letter-spacing: 0.04em;
    text-transform: uppercase;
    font-size: 80px;
    font-weight: 600;
    line-height: 1.25em;
}

.slide-heading-3.xl {
    color: var(--primary);
    font-family: Inter, sans-serif;
    font-size: 120px;
    font-weight: 700;
    line-height: 1em;
}

.action-item {
    width: 100%;
    height: 100%;
}

.action-heading-wrapper-2 {
    color: #fff;
    white-space: nowrap;
    align-items: center;
    min-height: auto;
    padding-top: 40px;
    padding-bottom: 40px;
    display: flex;
    overflow: hidden;
}

.stacked-content-2 {
    z-index: 10;
    grid-column-gap: 16px;
    grid-row-gap: 48px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    align-content: space-between;
    display: grid;
    position: relative;
}

.large-photo-wrapper {
    z-index: 1;
    border-radius: 30px;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

.best-nevo-content {
    text-align: center;
    flex-direction: column;
    align-items: center;
    width: 450px;
    display: flex;
}

.photo-bg-wrapper {
    width: 100%;
    height: 100%;
}

.rotating-text-2 {
    align-items: center;
    display: flex;
}

.white-dot {
    border: 1px solid var(--primary);
    background-color: var(--primary);
    border-radius: 100%;
    width: 15px;
    height: 15px;
    margin-left: 60px;
    margin-right: 60px;
}

.bottom-action-part {
    flex-direction: column;
    align-items: center;
    width: 100%;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
    display: flex;
}

.action-section {
    border-radius: 30px;
    justify-content: center;
    align-items: stretch;
    min-height: 650px;
    margin-left: 0.625rem;
    margin-right: 0.625rem;
    padding-top: 200px;
    padding-bottom: 100px;
    position: relative;
    overflow: hidden;
}

.background-wrapper-4 {
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
    overflow: hidden;
}

.action-background {
    background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

.light-overlay {
    background-color: rgba(22, 8, 40, 0.25);
    background-image: linear-gradient(
        180deg,
        var(--transparent),
        var(--primary-dark)
    );
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

.button-group-3 {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.pricing-3 {
    grid-column-gap: 0px;
    grid-row-gap: 15px;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
    width: 100%;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}

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

.price-top-2 {
    z-index: 80;
    flex-direction: column;
    justify-content: space-between;
    width: auto;
    display: flex;
    position: relative;
}

.hero-price-item-2 {
    border: 1px solid var(--green-20);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    -webkit-text-fill-color: inherit;
    background-color: #fff;
    background-image: none;
    background-clip: border-box;
    border-radius: 15px;
    grid-template-rows: auto;
    grid-template-columns: 30% 30% 40%;
    grid-auto-columns: 1fr;
    justify-content: space-between;
    align-items: stretch;
    padding: 30px;
    transition: all 0.35s;
    display: grid;
    position: relative;
    overflow: hidden;
}

.price-bottom-2 {
    z-index: 80;
    width: auto;
    position: relative;
}

.price-plan-2 {
    color: var(--pink);
    margin-top: 0;
    margin-bottom: 0;
}

.scroll-color-bg-wrap-3 {
    background-image: linear-gradient(135deg, #06bcc1, #21da76);
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
    transform: translate(-100%);
}

.button-pricing-wrap-2 {
    z-index: 80;
    grid-row-gap: 10px;
    border-right: 1px dashed var(--green-20);
    border-left: 1px dashed var(--green-20);
    text-align: center;
    flex-direction: column;
    flex: 1;
    justify-content: flex-start;
    align-items: center;
    width: auto;
    margin-left: 40px;
    margin-right: 40px;
    padding-left: 40px;
    padding-right: 40px;
    display: flex;
    position: relative;
}

.starter-package-2 {
    justify-content: space-between;
    align-items: center;
    min-height: 25px;
    display: flex;
}

.top-text-subtitle-white {
    color: var(--white);
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.cta-text {
    width: 90%;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
}

.categories-link-2 {
    z-index: 10;
    -webkit-backdrop-filter: blur(1px);
    backdrop-filter: blur(1px);
    border-radius: 100vw;
    padding: 8px 15px;
    position: relative;
    overflow: hidden;
}

.event-verticle-card {
    grid-column-gap: 16px;
    grid-row-gap: 15px;
    border: 1px solid var(--green-20);
    border-radius: 15px;
    grid-template-rows: 1fr auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    min-height: 300px;
    margin-bottom: 1px;
    padding: 15px 15px 20px;
    transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    display: grid;
    overflow: hidden;
}

.bg-pattern-white {
    z-index: 1;
    opacity: 0.98;
    width: 50%;
    position: absolute;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: auto;
}

.bg-pattern-white.left {
    width: 90%;
    top: 0%;
    bottom: auto;
    left: auto;
    right: 0%;
}

.dark-ov {
    z-index: 3;
    /* background-image: linear-gradient(
            270deg,
            var(--dark-green),
            var(--transparent) 67%
        ),
        linear-gradient(180deg, var(--transparent) 44%, var(--dark-green)); */
    width: 60%;
    height: 35%;
    position: absolute;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: auto;
}

.dark-ov.left {
    width: 90%;
    height: 70%;
    top: 0%;
    bottom: auto;
    left: auto;
    right: 0%;
}

.banner-pattern-ov {
    z-index: 1;
    background-image: linear-gradient(
            180deg,
            var(--transparent) 71%,
            var(--primary-light-bg)
        ),
        linear-gradient(90deg, var(--primary-light-bg), var(--transparent) 37%);
    width: 55%;
    height: 95%;
    position: absolute;
    top: 0%;
    bottom: auto;
    left: auto;
    right: 0%;
}

.contacts-left-arrow-2 {
    max-width: 40px;
    padding: 10px 15px;
    position: absolute;
    top: 0%;
    bottom: auto;
    left: auto;
    right: 60px;
}

.contact-us-icon {
    color: var(--pink);
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 15px;
    padding-left: 2px;
    padding-right: 2px;
    font-family: "Fa solid 900", sans-serif;
}

.contacts-arrows-divider-3 {
    background-color: rgba(240, 109, 10, 0.3);
    width: 1px;
    height: 20px;
    position: absolute;
    top: 12px;
    bottom: auto;
    left: auto;
    right: 60px;
}

.contacts-right-arrow-2 {
    color: #06bcc1;
    max-width: 40px;
    padding: 10px 15px;
    top: 0%;
    bottom: auto;
    left: auto;
    right: 19px;
}

.contacts-detail-3 {
    align-items: center;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 4px;
    display: flex;
}

.form-info {
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin-top: 30px;
    display: flex;
    position: relative;
}

.form-info.mt-20 {
    margin-top: 20px;
}

.contact-us-form {
    grid-row-gap: 20px;
    flex-direction: column;
    justify-content: space-between;
    display: flex;
}

.contacts-title-3 {
    width: 100%;
    margin-top: 25px;
    margin-bottom: 30px;
}

.h6-color-4 {
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(135deg, #06bcc1, #21da76);
    -webkit-background-clip: text;
    background-clip: text;
    width: auto;
    margin-top: 0;
    margin-bottom: 20px;
}

.contacts-divider-2 {
    width: 100%;
    height: 2px;
    margin-top: 30px;
    margin-bottom: 20px;
    position: relative;
    overflow: hidden;
}

.benefits-line {
    background-color: rgba(13, 13, 13, 0.3);
    width: 100vw;
    height: 1px;
    position: absolute;
    top: auto;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

.benefits-line.support {
    background-color: rgba(240, 109, 10, 0.3);
}

.contacts-slider-arrow-icon-2 {
    color: var(--pink);
    font-family: "Fa solid 900", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}

.form-block-2 {
    margin-bottom: 0;
}

.contacts-wrap {
    grid-column-gap: 40px;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    display: flex;
}

.contacts-form-wrap {
    background-color: var(--dark-green);
    justify-content: center;
    align-items: flex-start;
    min-height: 640px;
    padding: 60px 30px;
    display: flex;
}

.support-text {
    width: 100%;
}

.support-link {
    color: var(--primary-dark);
    font-weight: 500;
}

.contacts-content-wrapper-3 {
    width: 50%;
    padding-right: 10px;
}

.h6-subtitle {
    margin-top: 0;
    margin-bottom: 0;
}

.price-2-description {
    letter-spacing: 0;
    text-transform: none;
    margin-top: 15px;
    margin-bottom: 40px;
    font-size: 17px;
    font-weight: 400;
    line-height: 1.4em;
}

.large-item {
    height: 100%;
}

.blogl-right-wrapper {
    flex-direction: column;
    grid-template-rows: auto 1fr;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    width: 40%;
    display: flex;
}

.our-blog-container {
    z-index: 10;
    grid-column-gap: 40px;
    grid-row-gap: 60px;
    box-shadow: none;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: space-between;
    width: 100%;
    min-height: 400px;
    padding-bottom: 60px;
    display: flex;
    position: relative;
}

.collection-list-wrapper-3 {
    border-radius: 20px;
    width: 60%;
}

.large-blog-item {
    height: 100%;
}

.recent-blog-list {
    grid-row-gap: 20px;
    flex-direction: column;
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: flex;
}

.blog-background-image {
    background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 20px;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

.blog-title {
    margin-top: 0;
    margin-bottom: 0;
    font-family: EB Garamond, sans-serif;
    font-size: 33px;
    font-weight: 500;
}

.blog-title:hover {
    color: var(--pink);
}

.blog-post-info {
    z-index: 10;
    grid-column-gap: 16px;
    grid-row-gap: 24px;
    background-color: #fff;
    border-radius: 30px;
    flex-direction: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    align-items: flex-start;
    min-height: 150px;
    margin-bottom: -60px;
    padding: 0 36px 36px;
    display: flex;
    position: relative;
    box-shadow: 0 12px 36px -8px rgba(107, 107, 109, 0.1);
}

.recent-blog-name {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 19px;
}

.blog-list-image {
    border-radius: 20px;
    height: 100%;
    min-height: 100px;
    position: relative;
    overflow: hidden;
}

.data-blog {
    color: var(--pink);
    letter-spacing: 0.1em;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 13px;
    font-weight: 500;
}

.journal-list-item-content {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    flex-direction: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    justify-content: space-between;
    padding-right: 18px;
    display: flex;
}

.blog-post-list-item {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    border: 1px solid var(--green-20);
    border-radius: 20px;
    grid-template-rows: auto;
    grid-template-columns: minmax(120px, 0.5fr) 1fr;
    grid-auto-columns: 1fr;
    height: auto;
    padding: 10px;
    text-decoration: none;
    transition: box-shadow 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    display: grid;
}

.blog-post-list-item:hover {
    box-shadow: 0 6px 24px -4px rgba(53, 64, 117, 0.12);
}

.underline-link-container-3 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    text-align: center;
    background-color: rgba(0, 0, 0, 0);
    border-style: none none solid;
    border-bottom-width: 1px;
    border-bottom-color: rgba(57, 65, 62, 0.5);
    border-radius: 0;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    margin-left: 0;
    margin-right: 0;
    padding: 0 0 6px;
    text-decoration: none;
    transition-duration: 0.45s;
    display: flex;
    position: relative;
}

.underline-link-container-3:hover {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    color: #39413e;
}

.category-tag {
    background-image: linear-gradient(225deg, var(--dark-yellow), var(--pink));
    color: var(--white);
    border-radius: 8px;
    justify-content: center;
    align-items: center;
    margin-top: -21px;
    padding: 12px 30px;
    line-height: 1em;
    display: flex;
}

.category-tag:hover {
    color: var(--primary-dark);
    background-color: #1f4638;
}

.large-blog-post {
    flex-direction: column;
    justify-content: flex-end;
    height: 100%;
    padding-left: 36px;
    padding-right: 36px;
    text-decoration: none;
    display: flex;
    position: relative;
}

.news-wrap {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-direction: column;
    align-items: stretch;
    display: flex;
}

.item-blog-category {
    color: var(--paragraph-gray);
    font-size: 14px;
}

.large-blog-image {
    border-radius: 20px;
    flex-direction: column;
    justify-content: flex-end;
    align-items: stretch;
    display: flex;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
    overflow: hidden;
}

.large-blog-content {
    grid-row-gap: 20px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    justify-items: start;
    display: grid;
}

.body-display {
    margin-top: 0;
    margin-bottom: 0;
}

.services-img {
    object-fit: cover;
    width: 100%;
    height: auto;
}

.home-2-service-item {
    grid-column-gap: 25px;
    grid-row-gap: 30px;
    border: 1px solid var(--green-20);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    background-color: rgba(255, 255, 255, 0.05);
    border-radius: 12px;
    flex-direction: row;
    align-items: center;
    padding: 20px;
    transition: all 0.35s;
    display: flex;
    overflow: hidden;
    box-shadow: 0 0 20px rgba(255, 255, 255, 0);
}

.home-2-service-item:hover {
    border-color: rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 20px rgba(255, 255, 255, 0.25);
}

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

.grid-items-services {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template:
        "."
        "."
        / 1fr 1fr 1fr;
    align-content: start;
    align-items: start;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

.h2-title-2 {
    margin-top: 0;
    margin-bottom: 0;
}

.banner-3 {
    flex-flow: wrap;
    justify-content: space-between;
    align-items: stretch;
    height: auto;
    display: flex;
    position: relative;
    overflow: hidden;
}

.video-banner {
    border-radius: 30px;
    justify-content: flex-end;
    align-items: center;
    width: 100%;
    height: 500px;
    margin-left: auto;
    margin-right: auto;
    padding: 20px;
    display: flex;
}

.video-overlay {
    z-index: 1;
    background-color: rgba(0, 0, 0, 0.15);
    background-image: linear-gradient(
            180deg,
            rgba(68, 33, 6, 0.5) 8%,
            var(--transparent) 30%
        ),
        linear-gradient(
            225deg,
            rgba(252, 255, 112, 0.45),
            var(--transparent) 50%,
            rgba(81, 246, 207, 0.35)
        );
    flex-flow: wrap;
    justify-content: space-around;
    align-items: stretch;
    padding: 30px;
    display: flex;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

.banner-3-content {
    flex-flow: wrap;
    justify-content: space-between;
    align-items: stretch;
    width: 100%;
    padding-top: 140px;
    display: flex;
    position: relative;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

.banner-right-content {
    z-index: 25;
    margin-bottom: 60px;
    position: relative;
}

.video-work-outline-2 {
    border: 1px solid #fff;
    border-radius: 100%;
    width: 100px;
    height: 100px;
    padding: 0;
    position: absolute;
}

.video-work-outline-2.bottom {
    top: auto;
    bottom: 0%;
    left: auto;
    right: 0%;
}

.video-button-fill-2 {
    background-color: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0);
    border-radius: 100px;
    justify-content: center;
    align-items: center;
    width: 70%;
    height: 70%;
    display: flex;
    position: relative;
}

.video-button-wrapper {
    padding: 60px;
}

.overlay-light-black {
    background-image: linear-gradient(
        225deg,
        rgba(252, 255, 112, 0.35),
        var(--transparent) 50%,
        rgba(81, 246, 207, 0.4)
    );
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

.video-icon {
    width: 16px;
    margin-left: 2px;
}

.overlay-banner-2 {
    background-color: rgba(22, 8, 40, 0.3);
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

.solid-video-work-button-outline {
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 100%;
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

.video-outline-wrap {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    height: 100%;
    display: flex;
    position: relative;
    overflow: hidden;
}

.video-outline-wrap.top {
    position: absolute;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: auto;
}

.video-outline-wrap.bottom {
    position: absolute;
    top: auto;
    bottom: 0%;
    left: auto;
    right: 0%;
}

.video-work-button-2 {
    z-index: 100;
    cursor: pointer;
    border: 1px rgba(255, 255, 255, 0.2);
    border-radius: 100%;
    justify-content: center;
    align-items: center;
    width: 100px;
    height: 100px;
    padding: 0;
    display: flex;
    position: relative;
}

.video-btn-outline-2 {
    grid-column-gap: 16px;
    grid-row-gap: 0px;
    border: 1px rgba(255, 255, 255, 0.2);
    border-radius: 100%;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    width: 100px;
    height: 100px;
    margin: 3px;
    padding: 0;
    display: grid;
    position: absolute;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
}

.video-wrapper {
    background-image: url("https://cdn.prod.website-files.com/65e4701f92929f8f0c4b6ee9/65fae5fb3af861240fc3e251_Features%201.webp");
    background-position: 50% 0;
    background-size: cover;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

.video-wrapper.image-2 {
    background-image: url("../../img/home/Unlocking_the_potential.jpg");
    background-position: center;
    background-size: contain;
}

.video-wrapper.image-3 {
    background-image: url("../../img/services/innovation_that_captivates.jpg");
    background-position: 55% 0;
}

.right-banner-content {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-flow: wrap;
    grid-template-rows: auto;
    grid-template-columns: 1.1fr 0.7fr;
    grid-auto-columns: 1fr;
    align-content: center;
    align-items: center;
    display: grid;
}

.cta-looping-text-wrap {
    grid-column-gap: 1.25rem;
    white-space: nowrap;
    align-items: center;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.4em;
    display: none;
    position: absolute;
}

.cta-looping-text {
    text-transform: capitalize;
}

.loop-contact-container {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.cta_large-button {
    background-color: var(--primary);
    border-radius: 13rem;
    align-items: center;
    padding: 0.25rem;
    transition: box-shadow 0.2s, background-color 0.2s, color 0.2s;
    display: flex;
    position: relative;
    overflow: hidden;
    box-shadow: inset 0 0 0 0.25rem #0e1517;
}

.cta_large-button:hover {
    box-shadow: inset 0 0 0 0.25rem #172527;
}

.cta-button-text {
    text-transform: capitalize;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.4em;
}

.cta-button-text.hide-mobile {
    color: var(--dark-green);
}

.cta-button-text.show-mobile {
    display: none;
}

.faq-question {
    grid-column-gap: 16px;
    justify-content: space-between;
    align-items: center;
    display: flex;
}

.faq-toggle {
    z-index: 2;
    width: 100%;
    padding: 18px;
    padding-bottom: 2px !important;
}

.par-answer-faq {
    color: rgba(255, 255, 255, 0.8);
}

.faq-answer {
    padding-top: 20px;
    padding-left: 24px;
    padding-right: 64px;
    position: relative;
    top: -20px;
}

.minus {
    z-index: 0;
    background-color: var(--white);
    border-radius: 10px;
    width: 100%;
    height: 2px;
    position: absolute;
}

.faq-coll-wrap {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-direction: column;
    display: flex;
}

.faq-dropdown {
    border: 1px solid var(--white-20);
    cursor: pointer;
    border-radius: 12px;
    width: 100%;
    overflow: hidden;
}

.faq-dropdown-list {
    background-color: rgba(0, 0, 0, 0);
    display: block;
    position: relative;
    height: 100px;
}

.faq-icon {
    flex: none;
    justify-content: center;
    align-items: center;
    width: 14px;
    height: 14px;
    display: flex;
    position: relative;
}

.faq-hero-title {
    color: var(--white);
    margin-bottom: 0;
    font-family: EB Garamond, sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.4em;
}

.plus {
    background-color: var(--white);
    color: var(--white);
    border-radius: 10px;
    width: 2px;
    height: 100%;
}

.cta-large-button {
    background-color: var(--primary-light-bg);
    box-shadow: inset 0 0 0 0.25rem var(--primary-light-bg);
    border-radius: 13rem;
    align-items: center;
    padding: 2px;
    transition: box-shadow 0.2s, background-color 0.2s, color 0.2s;
    display: flex;
    position: relative;
    overflow: hidden;
}

.cta-large-button:hover {
    box-shadow: inset 0 0 0 0.25rem var(--light-green);
}

.cta-button-content {
    z-index: 1;
    background-color: var(--primary-light-bg);
    color: var(--dark-green);
    text-align: center;
    border-radius: 12.5rem;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 14px;
    display: flex;
    position: relative;
    overflow: hidden;
}

.preference {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    background-image: linear-gradient(
        0deg,
        var(--white-20),
        var(--transparent)
    );
    color: var(--dark-green);
    border: 1px solid rgba(66, 94, 103, 0.1);
    border-radius: 50px;
    justify-content: flex-start;
    align-items: center;
    padding: 4px 10px 4px 4px;
    line-height: 1.7;
    display: flex;
}

.integration-circle-inner {
    z-index: 2;
    border: 1px solid var(--white-20);
    background-color: var(--primary-light-bg);
    -webkit-backdrop-filter: blur(48px);
    backdrop-filter: blur(48px);
    text-align: center;
    border-radius: 100%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 262px;
    height: 262px;
    display: flex;
    position: relative;
    box-shadow: 0 0 1px 32px rgba(255, 255, 255, 0.04),
        0 12px 40px rgba(66, 94, 103, 0.3);
}

.paragraph-steps {
    margin-bottom: 0;
    line-height: 1.7;
}

.integration-circle {
    border-radius: 100%;
    justify-content: center;
    align-items: center;
    padding: 32px;
    display: flex;
    position: relative;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
}

.carousel-item {
    grid-column-gap: 13px;
    grid-row-gap: 13px;
    border: 1px solid var(--green-20);
    background-color: var(--transparent);
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    background-image: linear-gradient(
        rgba(255, 255, 255, 0.02),
        rgba(255, 255, 255, 0)
    );
    border-radius: 15px;
    flex-direction: column;
    flex: none;
    justify-content: center;
    align-items: center;
    min-width: 175px;
    padding: 20px;
    font-size: 12px;
    line-height: 1.7;
    transition: all 0.25s;
    display: flex;
    box-shadow: 0 0 10px rgba(66, 94, 103, 0);
}

.carousel-item:hover {
    border-color: rgba(66, 94, 103, 0.4);
    box-shadow: 0 0 10px rgba(66, 94, 103, 0.2);
}

.headline-small {
    color: var(--pink);
    letter-spacing: 0.1em;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 500;
}

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

.circle-dash-border {
    z-index: 0;
    border: 1px dashed var(--dark-green);
    border-radius: 100%;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

.carousel-group {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.h3-heading {
    background-image: linear-gradient(
        225deg,
        var(--dark-yellow) 8%,
        var(--pink)
    );
    letter-spacing: -0.17px;
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
    font-size: 40px;
    font-weight: 800;
    line-height: 1.2;
}

.logo-large {
    opacity: 0.5;
    justify-content: center;
    align-items: center;
    width: auto;
    height: 32px;
    transition: all 0.35s;
    display: flex;
}

.span-h1 {
    background-image: linear-gradient(225deg, var(--dark-yellow), var(--pink));
    color: var(--pink);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
}

.banner-3-title {
    margin-top: 0;
    margin-bottom: 0;
}

.banner-3-desctiption {
    text-align: right;
    width: 100%;
    margin-left: auto;
}

.feature-card {
    border: 1px solid var(--green-20);
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
    background-color: rgba(244, 251, 243, 0.18);
    background-image: linear-gradient(
        rgba(255, 255, 255, 0.02),
        rgba(255, 255, 255, 0)
    );
    border-radius: 24px;
    flex-flow: row;
    justify-content: space-between;
    padding: 4px;
    position: relative;
    overflow: hidden;
}

.feature-line {
    background-image: linear-gradient(
        90deg,
        var(--dark-yellow) 13%,
        var(--pink)
    );
    width: 48px;
    height: 2px;
    position: absolute;
    top: 1px;
    bottom: auto;
    left: 28px;
    right: auto;
    box-shadow: 0 33px 80px rgba(252, 228, 143, 0.6),
        0 16px 40px rgba(240, 109, 10, 0.64),
        0 10px 24px rgba(252, 228, 143, 0.48),
        0 12px 24px rgba(240, 109, 10, 0.56),
        0 4.2px 10.5px rgba(252, 228, 143, 0.3),
        0 2.5px 6.25px rgba(240, 109, 10, 0.25),
        0 1.5px 3.6px rgba(252, 228, 143, 0.2),
        0 0.66px 1.6px rgba(240, 109, 10, 0.14);
}

.wrap-small-items {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-direction: column;
    display: flex;
}

.feature-badge {
    grid-column-gap: 3px;
    grid-row-gap: 3px;
    background-color: rgba(255, 255, 255, 0.1);
    border: 0.8px solid rgba(66, 94, 103, 0.1);
    border-radius: 40px;
    align-items: center;
    padding: 2px 8px 2px 6px;
    font-size: 12px;
    line-height: 1.7;
    display: flex;
}

.icon-wrap {
    border: 1px solid var(--green-20);
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    background-color: rgba(255, 255, 255, 0.01);
    border-radius: 8px;
    justify-content: center;
    align-items: center;
    padding: 8px;
    display: flex;
    position: relative;
    box-shadow: inset 0 -4px 8px rgba(255, 255, 255, 0.06);
}

.feature-inner {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    border: 1px solid var(--green-20);
    background-color: var(--white-20);
    border-radius: 12px 12px 20px 20px;
    flex-direction: column;
    align-items: stretch;
    padding: 28px 24px;
    display: flex;
}

.wrap-items-small {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-flow: wrap;
    display: flex;
}

.wrap-items-small.wrap-child {
    flex-wrap: wrap;
}

.icon-emoji-small {
    flex: none;
    justify-content: center;
    align-items: center;
    width: 16px;
    height: 16px;
    display: flex;
}

.feature-top {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-direction: column;
    align-items: flex-start;
    padding: 36px 24px 24px;
    display: flex;
}

.feature-card-icon {
    z-index: 2;
    flex: none;
    width: 30px;
    height: 30px;
    position: relative;
}

.wrap-photo-large {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    background-color: var(--dark-green);
    background-image: url("https://cdn.prod.website-files.com/65e4701f92929f8f0c4b6ee9/65fc6c7e54266e93ee172008_chart%201.webp");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100%;
    border-radius: 12px;
    flex-direction: column;
    width: 100%;
    height: 200px;
    display: flex;
    position: relative;
    overflow: hidden;
}

.wrap-photo-large.photo-1 {
    background-image: url("https://cdn.prod.website-files.com/65e4701f92929f8f0c4b6ee9/65f9ccd5da58aeaf445006da_Photo%205.webp");
    background-position: 50% 0;
    background-size: cover;
}

.wrap-photo-large.photo-2 {
    background-image: url("https://cdn.prod.website-files.com/65e4701f92929f8f0c4b6ee9/65f9ccd4e6e6f437ed3c62b8_Photo%203.webp");
    background-position: 50%;
    background-size: cover;
}

.wrap-photo-large.photo-3 {
    background-image: url("https://cdn.prod.website-files.com/65e4701f92929f8f0c4b6ee9/65fc6c7cc7ca74f32cb5f9ae_chart%202.webp");
    background-position: 50%;
    background-size: 100%;
}

.feature-caption {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    justify-content: space-between;
    align-items: center;
    margin-top: 20px;
    padding-top: 20px;
    display: flex;
    position: relative;
}

.carousel-wrapper {
    border: 1px solid var(--green-20);
    border-radius: 15px;
    align-items: center;
    width: auto;
    margin-top: 60px;
    padding-top: 24px;
    padding-bottom: 24px;
    display: flex;
    position: relative;
    overflow: hidden;
}

.carousel-item-large {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    align-items: center;
    margin-left: 20px;
    margin-right: 20px;
    display: flex;
}

.carousel-overlay {
    background-image: linear-gradient(
        90deg,
        var(--light-green),
        rgba(7, 7, 7, 0) 15%,
        rgba(7, 7, 7, 0) 85%,
        var(--light-green)
    );
    pointer-events: none;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

.our-work-step-title {
    font-size: 24px;
    font-weight: 500;
    line-height: 1.4em;
}

.card-line {
    background-color: var(--green-20);
    width: 100%;
    height: 1px;
    position: absolute;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: auto;
}

.card-ov {
    background-color: rgba(66, 94, 103, 0.1);
    background-image: linear-gradient(
        225deg,
        rgba(252, 255, 112, 0.4),
        var(--transparent) 54%,
        rgba(81, 246, 207, 0.34)
    );
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

.preference-icon {
    background-color: var(--primary-light-bg);
    color: var(--dark-green);
    border-radius: 100px;
    justify-content: center;
    align-items: center;
    width: 25px;
    height: 25px;
    padding-top: 2px;
    font-family: "Fa solid 900", sans-serif;
    font-size: 12px;
    line-height: 1;
    display: flex;
}

.logo-name {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    background-image: linear-gradient(
        0deg,
        var(--white-20),
        var(--transparent)
    );
    color: var(--pink);
    letter-spacing: 0.1em;
    text-transform: uppercase;
    border: 1px solid rgba(66, 94, 103, 0.1);
    border-radius: 50px;
    justify-content: flex-start;
    align-items: center;
    padding: 4px 10px;
    font-weight: 500;
    line-height: 1.5;
    display: flex;
}

.partner-title-wrapper {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.small-news-icon {
    background-color: var(--light-pink);
    color: var(--pink);
    border-radius: 100px;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 30px;
    padding: 2px 0 0 2px;
    font-family: "Fa solid 900", sans-serif;
    font-size: 14px;
    display: flex;
}

.autor-news {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.news-overlay {
    background-image: linear-gradient(
        45deg,
        rgba(22, 8, 40, 0.35),
        var(--transparent) 61%,
        rgba(240, 109, 10, 0.25) 96%
    );
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

.carousel-group-logo {
    flex-direction: row;
    flex: none;
    align-items: center;
    display: flex;
}

.services-mask {
    width: 50%;
    max-width: 800px;
    overflow: visible;
}

.hero-card-slider {
    background-color: rgba(0, 0, 0, 0);
    justify-content: center;
    align-items: center;
    height: 100%;
    display: flex;
}

.slider-arrow-3 {
    position: relative;
}

.serv-slide {
    margin-right: 5px;
}

.h6-color-5 {
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(135deg, #06bcc1, #21da76);
    -webkit-background-clip: text;
    background-clip: text;
    width: auto;
    margin-top: 0;
    margin-bottom: 20px;
}

.slider-serv-wrap {
    flex-direction: row;
    justify-content: center;
    width: 100%;
    margin-top: 60px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 40px;
    overflow: hidden;
}

.slider-services-arrow {
    border: 1px solid var(--green-20);
    background-color: var(--light-green);
    border-radius: 100px;
    justify-content: center;
    align-items: center;
    width: 60px;
    height: 60px;
    margin-left: -72px;
    display: flex;
    top: auto;
    bottom: -30px;
    left: auto;
    right: auto;
}

.slider-services-arrow.right {
    margin-left: 0;
    margin-right: -72px;
}

.offer-image-wrapper {
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

.paragraph-services {
    z-index: 20;
    color: var(--white);
    margin-top: 20px;
    margin-bottom: 0;
    position: relative;
}

.services-card-content {
    z-index: 10;
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    color: #fff;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    align-content: end;
    width: 100%;
    height: 100%;
    padding-bottom: 40px;
    padding-left: 20px;
    padding-right: 20px;
    text-decoration: none;
    display: grid;
    position: relative;
}

.gradient-overlay {
    background-image: linear-gradient(
        135deg,
        var(--soft-green),
        var(--primary)
    );
    opacity: 0;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

.offer-card-wrapper {
    color: #fff;
    border-radius: 30px;
    flex-direction: column;
    grid-template-rows: 1fr auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    justify-content: flex-end;
    align-items: center;
    width: 100%;
    height: 28vw;
    min-height: 450px;
    max-height: 550px;
    padding: 0;
    text-decoration: none;
    display: flex;
    position: relative;
    overflow: hidden;
}

.service-bg-ov {
    z-index: 1;
    background-image: linear-gradient(
        135deg,
        rgba(81, 246, 207, 0.7) 17%,
        var(--transparent) 64%,
        rgba(252, 255, 112, 0.5) 90%
    );
    width: 100%;
    height: 200%;
    position: absolute;
    top: auto;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

.services-content-card {
    z-index: 20;
    position: relative;
    overflow: hidden;
}

.offer-image {
    background-image: none;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    width: 110%;
    height: 110%;
    position: absolute;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
}

.services-items-home-2 {
    z-index: 80;
    background-color: var(--dark-green);
    background-image: linear-gradient(
        135deg,
        rgba(81, 246, 207, 0.27),
        var(--transparent) 33%,
        var(--transparent) 70%,
        var(--transparent) 79%,
        rgba(81, 246, 207, 0.1)
    );
    text-align: center;
    border-radius: 30px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    padding: 30px;
    display: flex;
    position: relative;
}

.our-cases-link,
.news-current-link {
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

.small-color-ov {
    background-image: linear-gradient(
        225deg,
        rgba(233, 154, 0, 0.6) 3%,
        rgba(252, 255, 112, 0.1) 50%,
        rgba(240, 109, 10, 0.65) 99%
    );
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

.more-services-link {
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

.hover-link-wrapper {
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
    position: relative;
}

.hover-arrow {
    width: auto;
    height: 35px;
    position: absolute;
    top: -25px;
    bottom: auto;
    left: -25px;
    right: auto;
}

.more-services-wrap {
    border: 1.3px solid var(--pink);
    background-color: var(--light-pink);
    border-radius: 6px;
    padding: 6px 12px;
    box-shadow: 0 1px 10px rgba(240, 109, 10, 0.5);
}

.paragraph {
    font-weight: 500;
    line-height: 1em;
}

.hero-gradient {
    background-color: var(--dark-yellow);
    filter: blur(100px);
    border-radius: 100%;
    width: 150px;
    height: 150px;
    position: absolute;
    top: 0%;
    bottom: auto;
    left: auto;
    right: 0%;
}

.hero-gradient.grad-1 {
    top: -80px;
    right: -80px;
}

.hero-gradient.grad-2 {
    background-color: var(--primary);
    opacity: 0.39;
    width: 200px;
    height: 200px;
    top: auto;
    bottom: -100px;
    right: 180px;
}

.hero-gradient.grad-3 {
    opacity: 0.6;
    top: auto;
    bottom: -80px;
    left: -80px;
    right: auto;
}

.hero-gradient.grad-4 {
    background-color: var(--dark-yellow);
    opacity: 0.55;
    width: 200px;
    height: 200px;
    top: -80px;
    right: -80px;
}

.hero-gradient.grad-5 {
    background-color: var(--dark-yellow);
    opacity: 0.2;
    width: 250px;
    height: 250px;
    top: auto;
    bottom: 340px;
    right: 0;
}

.hero-gradient.grad-6 {
    background-color: var(--primary);
    opacity: 0.4;
    width: 250px;
    height: 250px;
    top: 180px;
    bottom: auto;
    left: -100px;
    right: auto;
}

.statistics-bottom-wrap {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    justify-content: flex-end;
    align-items: flex-end;
    margin-top: auto;
    margin-left: auto;
    display: flex;
}

.statistics-white-card {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    border: 1px solid var(--white-50);
    background-color: rgba(0, 0, 0, 0.05);
    background-image: linear-gradient(
        225deg,
        var(--transparent),
        rgba(0, 0, 0, 0.05)
    );
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border-radius: 15px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 15px 30px;
    display: flex;
}

.statistics-text {
    color: var(--white);
}

.statistics-title {
    color: var(--white);
    letter-spacing: 0.01em;
    margin-top: 0;
    margin-bottom: 0;
    font-family: Inter, sans-serif;
    font-size: 40px;
    font-weight: 600;
}

.link-items-grid {
    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;
}

.top-banner-link {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    color: #fff;
    text-align: right;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    border-top: 1px solid rgba(255, 255, 255, 0.25);
    flex-direction: row;
    align-items: flex-start;
    padding-top: 12px;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    display: flex;
    position: relative;
}

.top-banner-link:hover {
    color: #fff;
}

.hover-line-fill {
    background-color: #fff;
    width: 100%;
    height: 100%;
}

.white-subtitle:hover {
    color: #fff;
}

.link-text-wrapper {
    justify-content: space-between;
    width: 100%;
    display: flex;
}

.hover-line-container {
    height: 1px;
    position: absolute;
    top: -1px;
    bottom: auto;
    left: 0%;
    right: 0%;
    overflow: hidden;
}

.banner-link-animation {
    width: 100%;
    margin-bottom: auto;
}

.banner-print {
    z-index: 45;
    width: auto;
    height: 100px;
    position: absolute;
    top: 56%;
    bottom: auto;
    left: 0%;
    right: auto;
}

.banner-print.print-2 {
    z-index: 1;
    opacity: 0.55;
    height: 180px;
    top: 32%;
    bottom: auto;
    left: auto;
    right: -3%;
}

.banner-print.print-3 {
    z-index: 1;
    opacity: 0.65;
    width: 70%;
    height: auto;
    margin-top: 20px;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: auto;
}

.banner-print.print-4 {
    z-index: 1;
    height: 120px;
    top: 12%;
    bottom: auto;
    left: 41%;
    right: auto;
}

.banner-print.print-5 {
    z-index: 1;
    height: 160px;
    top: 33%;
    bottom: auto;
    left: 0%;
    right: auto;
}

.banner-4-section {
    flex-flow: column;
    justify-content: flex-end;
    align-items: center;
    height: auto;
    min-height: 760px;
    display: flex;
    position: relative;
    overflow: hidden;
}

.banner-photo-cover,
.banner-cover {
    width: 100%;
    height: 100%;
    position: absolute;
}

.hero-cover-wrap {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

.image-banner-4 {
    object-fit: cover;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

.banner-4-overlay {
    z-index: 5;
    background-color: rgba(0, 0, 0, 0.1);
    background-image: linear-gradient(
            45deg,
            rgba(81, 246, 207, 0.29),
            var(--green-20) 50%,
            rgba(252, 255, 112, 0.25)
        ),
        linear-gradient(
            315deg,
            rgba(81, 246, 207, 0.45),
            var(--transparent) 35%,
            rgba(12, 81, 90, 0.7)
        );
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

.stacked-info {
    grid-row-gap: 40px;
    flex-direction: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    justify-content: space-between;
    align-items: flex-start;
    display: flex;
}

.sticky-image-wrapper {
    background-image: none;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

.sticky-image-wrapper.image-three {
    background-image: url("https://cdn.prod.website-files.com/65e4701f92929f8f0c4b6ee9/65fad175d601d15f0e877917_Small%20Photo%202.webp");
    background-position: 50% 0;
}

.sticky-image-wrapper.image-one {
    background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
    background-position: 50% 0;
}

.sticky-image-bar {
    grid-row-gap: 100px;
    flex-direction: column;
    grid-template-rows: 1fr auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    align-content: stretch;
    justify-content: flex-start;
    align-items: stretch;
    width: 100%;
    height: 90vh;
    display: flex;
    position: -webkit-sticky;
    position: sticky;
    top: 80px;
}

.sticky-box-list {
    grid-row-gap: 200px;
    flex-direction: column;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-items: center;
    display: flex;
}

.services-container-home-4 {
    grid-column-gap: 60px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1.1fr 1fr;
    grid-auto-columns: 1fr;
    align-content: space-between;
    justify-content: space-between;
    align-items: stretch;
    width: 100%;
    display: grid;
    position: relative;
}

.sticky-image-box {
    width: 100%;
}

.mobile-intro-box-image {
    display: none;
    position: relative;
}

.subtitle-section-home-4 {
    text-align: left;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    margin-bottom: 20px;
    font-family: EB Garamond, sans-serif;
    font-weight: 500;
}

.stacked-info-wrap {
    flex-direction: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: flex;
}

.sticky-image {
    border-radius: 30px;
    width: 100%;
    height: 90vh;
    position: -webkit-sticky;
    position: sticky;
    top: 80px;
    overflow: hidden;
}

.stacked-title {
    flex-direction: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: flex;
}

.intro-box {
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    min-height: 50vh;
    display: flex;
}

.services--4-wrapper {
    z-index: 20;
    grid-template-rows: 1fr;
    grid-template-columns: minmax(5vw, 1fr) minmax(auto, 1500px) minmax(
            5vw,
            1fr
        );
    grid-auto-rows: auto;
    grid-auto-columns: 1fr;
    justify-content: space-between;
    width: 100%;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
    display: flex;
    position: relative;
}

.benefits-bar-85-white {
    background-image: linear-gradient(
        135deg,
        var(--dark-yellow),
        var(--primary)
    );
    width: 0%;
    height: 3px;
    margin-top: -3px;
    position: relative;
}

.benefits-wrap {
    grid-column-gap: 40px;
    grid-row-gap: 30px;
    flex-direction: column;
    width: 100%;
    display: flex;
    overflow: hidden;
}

.full-width-panel {
    background-color: var(--dark-green);
    align-items: center;
    width: 100%;
    height: 100%;
    padding-left: 15px;
    padding-right: 140px;
    display: flex;
    position: relative;
}

.benefits-bar-90-white {
    background-image: linear-gradient(
        225deg,
        var(--primary),
        var(--dark-yellow)
    );
    border-radius: 3px;
    width: 0%;
    height: 3px;
    margin-top: -3px;
    position: relative;
}

.overlay-dark {
    background-color: rgba(0, 0, 0, 0.05);
    background-image: linear-gradient(
        225deg,
        rgba(66, 94, 103, 0.3),
        var(--transparent) 55%,
        rgba(81, 246, 207, 0.36)
    );
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

.history-intro {
    grid-column-gap: 16px;
    grid-row-gap: 36px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    padding: 80px 0;
    display: flex;
}

.lightbox-link {
    z-index: 30;
    background-color: var(--dark-green);
    -webkit-text-fill-color: inherit;
    background-image: none;
    background-clip: border-box;
    border-radius: 100%;
    justify-content: center;
    align-items: center;
    width: 140px;
    height: 140px;
    margin-left: -70px;
    text-decoration: none;
    display: flex;
    position: absolute;
    top: auto;
    bottom: auto;
    left: 0%;
    right: auto;
}

.lightbox-link:hover {
    opacity: 1;
}

.benefits-number {
    color: var(--primary);
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 500;
    position: absolute;
    top: auto;
    bottom: 13px;
    left: auto;
    right: 0%;
}

.benefit {
    color: var(--primary);
    margin-top: 0;
    margin-bottom: 0;
    font-family: Inter, sans-serif;
    font-size: 18px;
}

.tab-content-home-4 {
    flex-direction: column;
    justify-content: center;
    width: 100%;
    max-width: 720px;
    height: 100%;
    display: flex;
}

.content-grid {
    grid-column-gap: 0px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    display: grid;
    position: relative;
}

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

.space-text {
    color: var(--white);
    margin-top: 20px;
    margin-bottom: 40px;
}

.outline {
    border: 1px solid var(--pink-50);
    border-radius: 100%;
    margin: 9px;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

.video-cover {
    align-items: center;
    width: 50vw;
    display: flex;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: auto;
    overflow: visible;
}

.benefits-progress-50-opasity {
    background-color: var(--white-20);
    border-radius: 3px;
    width: 100%;
    height: 3px;
}

.video-grid-wrapper {
    z-index: 20;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-rows: 1fr;
    grid-template-columns: minmax(15px, 15px) minmax(auto, 1170px) minmax(
            15px,
            15px
        );
    grid-auto-rows: auto;
    grid-auto-columns: 1fr;
    justify-content: space-between;
    width: 100%;
    display: flex;
    position: relative;
}

.section-video-content {
    background-color: var(--dark-green);
    border-radius: 30px;
    flex-direction: column;
    justify-content: center;
    align-items: stretch;
    margin-left: 0.625rem;
    margin-right: 0.625rem;
    padding-top: 0;
    padding-bottom: 0;
    position: relative;
    overflow: hidden;
}

.benefits-bar-95-white {
    background-image: linear-gradient(
        135deg,
        var(--dark-yellow),
        var(--primary)
    );
    width: 0%;
    height: 3px;
    margin-top: -3px;
    position: relative;
}

.h6-top-title {
    color: var(--primary);
    width: auto;
    margin-top: 0;
    margin-bottom: 20px;
}

.play-icon {
    z-index: 25;
    width: 20px;
    margin-left: 4px;
    position: relative;
}

.background-video {
    z-index: 20;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

.circle-link-hover {
    background-image: linear-gradient(
        135deg,
        var(--primary),
        var(--dark-yellow)
    );
    border-radius: 100%;
    width: 100%;
    height: 100%;
    display: none;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

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

.black-subtitle,
.company-description,
.h2-black-title,
.black-text-title {
    margin-top: 0;
    margin-bottom: 0;
}

.about-company {
    grid-column-gap: 16px;
    grid-row-gap: 24px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    width: 95%;
    display: grid;
}

.about-us-con {
    grid-column-gap: 16px;
    grid-row-gap: 36px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    margin-bottom: 60px;
    padding-right: 60px;
    display: grid;
}

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

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

.video-outline {
    border: 1px solid var(--dark-green);
    border-radius: 100%;
    width: 48px;
    height: 48px;
    position: absolute;
}

.video-outline.bottom {
    top: auto;
    bottom: 0%;
    left: auto;
    right: 0%;
}

.video-button-outline {
    grid-column-gap: 16px;
    grid-row-gap: 0px;
    border: 1px rgba(255, 255, 255, 0.2);
    border-radius: 100%;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    width: 48px;
    height: 48px;
    margin-right: 1px;
    padding: 0;
    display: grid;
    position: absolute;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
}

.slide-blog-collection-list {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: space-between;
    display: flex;
}

.left-arrow-3 {
    z-index: 25;
    border: 1px #eef0f6;
    justify-content: center;
    align-items: center;
    width: 48px;
    height: 48px;
    margin-left: 0;
    display: flex;
    top: auto;
    bottom: -84px;
    left: 0%;
    right: auto;
    overflow: visible;
}

.left-arrow-3.right {
    left: 60px;
}

.solid-video-button-outline {
    border: 1px solid var(--green-20);
    border-radius: 100%;
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

.our-news-slider {
    width: 100%;
    padding-bottom: 85px;
    display: flex;
    position: relative;
}

.our-news-slider.large-left-padding {
    padding-left: 50px;
}

.slider-arrow-wrapper {
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
    overflow: hidden;
}

.card-slide {
    border-radius: 30px;
    margin-right: 30px;
}

.cards-slider {
    background-color: rgba(0, 0, 0, 0);
    width: 100%;
    height: 100%;
    display: flex;
}

.news-coll-item {
    border-radius: 30px;
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
}

.video-outline-wrapper {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    height: 100%;
    display: flex;
    position: relative;
    overflow: hidden;
}

.video-outline-wrapper.top {
    position: absolute;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: auto;
}

.video-outline-wrapper.bottom {
    position: absolute;
    top: auto;
    bottom: 0%;
    left: auto;
    right: 0%;
}

.invert-small {
    z-index: 15;
    position: relative;
}

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

.dark-fill {
    z-index: 20;
    background-color: var(--white);
    width: 15px;
    height: 100%;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: auto;
}

.overlay-our-services {
    background-image: linear-gradient(
        225deg,
        rgba(252, 255, 112, 0.45),
        var(--transparent) 55%,
        rgba(81, 246, 207, 0.5)
    );
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

.project-card-2 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    color: #fff;
    border-radius: 30px;
    flex-flow: wrap;
    grid-template-rows: 1fr auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-items: flex-end;
    min-height: 500px;
    padding: 15px;
    text-decoration: none;
    display: flex;
    position: relative;
    overflow: hidden;
}

.blog-link {
    letter-spacing: 0;
    text-transform: none;
}

.current-blog-link-2 {
    z-index: 10;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

.par-hidden {
    color: rgba(0, 0, 0, 0);
    margin-top: 0;
    margin-bottom: 0;
    display: none;
    position: absolute;
}

.underline-link-container-4 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    text-align: center;
    background-color: rgba(0, 0, 0, 0);
    border-style: none none solid;
    border-bottom-width: 1px;
    border-bottom-color: rgba(255, 255, 255, 0.25);
    border-radius: 0;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    margin-left: 0;
    margin-right: 0;
    padding: 0 0 6px;
    text-decoration: none;
    display: flex;
    position: relative;
}

.underline-link-container-4:hover {
    color: #fff;
}

.services-top-category {
    border: 1px solid var(--primary);
    background-color: var(--primary);
    color: var(--dark-green);
    letter-spacing: 0.1em;
    text-transform: uppercase;
    border-radius: 100px;
    justify-content: center;
    align-items: center;
    min-height: 32px;
    padding: 5px 12px;
    font-size: 13px;
    display: flex;
    position: absolute;
    top: -16px;
    bottom: auto;
    left: auto;
    right: auto;
    overflow: hidden;
}

.services-top-category:hover {
    border-color: var(--white-20);
    background-color: var(--dark-green);
    color: var(--primary);
}

.services-info-container {
    z-index: 15;
    grid-column-gap: 24px;
    grid-row-gap: 40px;
    border: 1px solid var(--white-20);
    background-color: rgba(66, 94, 103, 0.47);
    background-image: linear-gradient(
        180deg,
        rgba(66, 94, 103, 0.8),
        var(--transparent) 49%,
        rgba(81, 246, 207, 0.2)
    );
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    text-align: center;
    border-radius: 30px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    padding: 40px 20px 20px;
    display: block;
    position: relative;
}

.services-item-center-card {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    text-align: center;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.white-service-text {
    color: var(--white);
}

.stripe-wrapper {
    z-index: 5;
    justify-content: center;
    width: 100vw;
    min-width: auto;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 5vw;
    padding-right: 5vw;
    display: flex;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: auto;
    right: auto;
    overflow: hidden;
}

.wrapper {
    z-index: 10;
    width: 100%;
    max-width: 1400px;
    position: relative;
}

.wrapper.no-padding {
    padding-left: 0;
    padding-right: 0;
}

.stripe-container {
    justify-content: space-between;
    width: 100%;
    height: 100%;
    display: flex;
}

.pin-stripe {
    background-color: var(--white-20);
    width: 1px;
}

.hover-right-link-wrapper {
    z-index: 100;
    opacity: 1;
    justify-content: center;
    align-items: center;
    width: 148px;
    height: 148px;
    padding: 24px;
    display: flex;
    position: absolute;
    top: auto;
    bottom: 5vw;
    left: auto;
    right: 0;
}

.featured-project-column {
    background-color: var(--light-green);
    color: var(--dark-green);
    letter-spacing: 0.2em;
    text-transform: uppercase;
    white-space: nowrap;
    justify-content: center;
    align-items: center;
    width: 100%;
    font-size: 14px;
    font-weight: 500;
    display: flex;
}

.hover-link {
    border: 1px solid var(--white);
    color: #fff;
    letter-spacing: 3px;
    text-transform: uppercase;
    background-color: rgba(255, 255, 255, 0);
    border-radius: 100%;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    font-size: 11px;
    text-decoration: none;
    display: flex;
}

.hero-bottom-feature {
    grid-column-gap: 0px;
    grid-row-gap: 24px;
    color: #090b19;
    background-color: #fff;
    grid-template-rows: auto;
    grid-template-columns: 1fr auto;
    grid-auto-columns: 1fr;
    grid-auto-flow: column;
    width: 33.33%;
    padding: 0;
}

.rotate-text {
    transform: rotate(-90deg);
}

.transparent-fill {
    width: 100%;
}

.grid-content-wrapper {
    z-index: 5;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex: 1;
    grid-template-rows: 50px auto;
    grid-template-columns: minmax(5vw, 1fr) minmax(auto, 1400px) minmax(
            5vw,
            1fr
        );
    grid-auto-columns: minmax(5vw, 1fr);
    grid-auto-flow: row;
    align-content: space-between;
    justify-content: space-between;
    align-items: stretch;
    justify-items: stretch;
    width: 100%;
    height: 100%;
    display: grid;
    position: relative;
}

.hero-content-wrapper {
    grid-column-gap: 16px;
    grid-row-gap: 36px;
    flex-direction: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    align-items: flex-start;
    width: 100%;
    display: grid;
    padding-top: 70px;
}

.button-2 {
    color: #fff;
    text-align: center;
    letter-spacing: 3px;
    text-transform: uppercase;
    background-color: #090b19;
    border: 1px solid #090b19;
    border-radius: 100px;
    justify-content: center;
    align-items: center;
    margin-left: 0;
    margin-right: 0;
    padding: 16px 28px;
    font-size: 11px;
    text-decoration: none;
    transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    display: flex;
    position: relative;
    overflow: hidden;
}

.button-2:hover {
    color: #090b19;
    background-color: #e2e7f1;
    border-color: #e2e7f1;
}

.hero-feature-card {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    background-color: var(--white);
    color: #090b19;
    grid-template-rows: auto;
    grid-template-columns: 1fr 36px;
    grid-auto-columns: 1fr;
    width: 100%;
    padding: 10px 10px;
    text-decoration: none;
    display: grid;
}

.hero-feature-card:hover {
    background-color: var(--primary-light-bg);
}

.stacked-description {
    z-index: 10;
    grid-column-gap: 16px;
    grid-row-gap: 15px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: grid;
    position: relative;
}

.list-item-arrow {
    width: 18px;
    min-width: 18px;
}

.hero-left-container {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 75%;
    padding-left: 15px;
    display: flex;
    position: relative;
}

.banner-title-4 {
    color: var(--white);
    margin-top: 0;
    margin-bottom: 0;
    font-size: 50px;
}

.top-banner-white-subtitle {
    color: #59bd46;

    margin-top: 0;
    margin-bottom: 0;
    font-weight: 600;
}

.banner-white-par {
    color: var(--white);
    width: 80%;
}

.use-case-text-category {
    color: var(--dark-green);
    letter-spacing: 0.15em;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 500;
}

.use-case-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 22px;
}

.bautton-stacked-wrapper {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.sticky-collection,
.sticky-collection-list,
.sticky-collection-item {
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

.white-title {
    color: var(--white);
    margin-top: 0;
    margin-bottom: 0;
}

.section-soft-color-bg {
    background-color: var(--dark-green);
    border-radius: 30px;
    margin-top: 0.625rem;
    margin-left: 0.625rem;
    margin-right: 0.625rem;
    position: relative;
    overflow: hidden;
}

.content-grid-column {
    grid-column-gap: 0px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    display: grid;
    position: relative;
}

.faq-intro {
    grid-column-gap: 16px;
    grid-row-gap: 36px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    padding: 80px 0;
    display: flex;
}

.right-photo {
    background-image: url("../../img/about/empowering_digital_interactions.jpg");
    background-position: 50%;
    background-size: cover;
    position: relative;
    overflow: hidden;
}

.faq-title {
    color: var(--white);
    margin-top: 0;
    margin-bottom: 0;
}

.faq-container {
    width: 100%;
    padding-left: 40px;
    padding-right: 40px;
}

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

.content-dual-wrapper {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 0.85fr;
    grid-auto-columns: 1fr;
    display: grid;
}

.client-quote-credit {
    border-left: 2px solid #fff;
    margin-left: -24px;
    padding-left: 24px;
}

.hover-link-wrapper-2 {
    z-index: 100;
    opacity: 1;
    justify-content: center;
    align-items: center;
    width: 148px;
    height: 148px;
    padding: 24px;
    display: flex;
    position: absolute;
    top: auto;
    bottom: 5vw;
    left: auto;
    right: 0;
}

.hover-link-wrapper-2.video-link-wrapper {
    margin-left: -24px;
    position: relative;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.hover-link-2 {
    color: #fff;
    letter-spacing: 3px;
    text-transform: uppercase;
    background-color: rgba(255, 255, 255, 0);
    border: 1px solid #fff;
    border-radius: 100%;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    font-size: 11px;
    text-decoration: none;
    display: flex;
}

.pin-vertical-stripe {
    background-color: var(--white-20);
    width: 1px;
}

.subtitle-5 {
    z-index: 10;
    color: #090b19;
    letter-spacing: 4px;
    text-transform: uppercase;
    font-family: Inter, sans-serif;
    font-size: 12px;
    font-weight: 400;
    position: relative;
}

.subtitle-5.white {
    color: #fff;
}

.background-video-banner {
    background-image: url("https://cdn.prod.website-files.com/65e4701f92929f8f0c4b6ee9/66138956107e5d9dfbaf88e8_Blog%20Img%202.webp");
    background-position: 50%;
    background-size: cover;
    border-bottom-right-radius: 30px;
    border-bottom-left-radius: 30px;
    height: 116%;
    position: absolute;
    top: auto;
    bottom: auto;
    left: 0%;
    right: 0%;
}

.video-info {
    grid-column-gap: 16px;
    grid-row-gap: 60px;
    flex-direction: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    padding-left: 24px;
    display: grid;
}

.scroll-icon-2 {
    width: auto;
    height: 20px;
}

.background-hero-cover {
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
    overflow: hidden;
}

.bottom-cover {
    z-index: 20;
    background-color: var(--dark-green);
    height: 0%;
    position: absolute;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: 0%;
}

.bottom-cover.white-color {
    background-color: var(--white);
}

.h6-text-wrap {
    position: relative;
    overflow: hidden;
}

.h6-hero-title {
    margin-top: 0;
    margin-bottom: 0;
}

.banner-5-video-ov {
    z-index: 2;
    background-color: rgba(255, 255, 255, 0.25);
    background-image: linear-gradient(
        225deg,
        rgba(240, 109, 10, 0.3) 7%,
        var(--transparent) 50%,
        var(--transparent) 50%,
        rgba(233, 154, 0, 0.35) 98%
    );
    justify-content: flex-end;
    align-items: flex-end;
    width: 100%;
    height: 100%;
    padding-top: 24px;
    padding-bottom: 24px;
    padding-right: 24px;
    display: flex;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

.banner-5-hero-section-2 {
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    height: auto;
    min-height: 760px;
    padding-top: 90px;
    padding-bottom: 0;
    display: flex;
    position: relative;
    overflow: hidden;
}

.banner-5-wrap {
    flex-direction: column;
    align-items: flex-start;
    width: 43%;
    margin-right: auto;
    padding: 0;
    display: flex;
}

.h6-color-6 {
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(135deg, #06bcc1, #21da76);
    -webkit-background-clip: text;
    background-clip: text;
    width: auto;
    margin-top: 0;
    margin-bottom: 20px;
}

.left-video-con-2 {
    background-color: rgba(0, 0, 0, 0);
    border-radius: 30px;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    width: 50%;
    height: auto;
    position: absolute;
    top: 80px;
    bottom: 0.625rem;
    left: auto;
    right: 0.625rem;
    overflow: visible;
}

.home-5-video {
    z-index: 1;
    box-shadow: 3px 3px 0 0 var(--primary);
    object-fit: cover;
    border-radius: 30px;
    width: 95%;
    height: 100%;
    margin-bottom: 0;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    overflow: hidden;
}

.form-wrapper {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    border-radius: 0 0 30px 30px;
    grid-template-rows: auto;
    grid-template-columns: 0.6fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: stretch;
    justify-items: stretch;
    width: 100%;
    display: grid;
    position: relative;
    overflow: hidden;
}

.subtitle-wrapper {
    margin-bottom: 18px;
    overflow: hidden;
}

.radio-item {
    cursor: pointer;
    border-bottom: 1px solid rgba(255, 255, 255, 0.12);
    align-items: center;
    height: 100%;
    padding-top: 24px;
    padding-bottom: 24px;
    padding-left: 24px;
    font-size: 16px;
    display: flex;
}

.form-block-style {
    z-index: 20;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    height: 100%;
    margin-bottom: 0;
    display: flex;
    position: relative;
}

.checklist {
    grid-column-gap: 0px;
    grid-row-gap: 20px;
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.category-menu-wrapper {
    z-index: 10;
    flex-direction: column;
    align-items: stretch;
    display: flex;
    position: relative;
    overflow: visible;
}

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

.news-collection-list-wrapper {
    padding-bottom: 48px;
}

.featured-news-list {
    grid-column-gap: 20px;
    grid-row-gap: 40px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    height: 100%;
    display: grid;
}

.collection-news-list-item {
    flex-direction: column;
    display: flex;
    position: relative;
    overflow: hidden;
}

.collection-news-list-item:nth-child(2n) {
    margin-top: 48px;
    margin-bottom: -48px;
}

.menu-list-item {
    grid-column-gap: 18px;
    grid-row-gap: 16px;
    color: #6e7488;
    letter-spacing: -0.03em;
    white-space: normal;
    border-top: 1px #f3f6fc;
    border-bottom: 1px solid #f3f6fc;
    grid-template-rows: auto;
    grid-template-columns: auto 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: column;
    padding: 24px;
    font-family: Inter, sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.25em;
    text-decoration: none;
    transition: padding 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94),
        color 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    display: grid;
}

.menu-list-item:hover {
    color: #090b19;
}

.menu-list-item.w--current {
    color: #090b19;
    padding-left: 36px;
}

.hero-right-container {
    z-index: 15;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    display: flex;
    position: relative;
}

.banner-5-title {
    margin-top: 0;
    margin-bottom: 0;
}

.banner-5-par {
    width: 100%;
}

.h1-color-span {
    color: var(--pink);
    font-family: Shadows Into Light;
}

.green-cover {
    background-color: var(--dark-green);
    border-radius: 30px 30px 0 0;
    height: 55%;
    position: absolute;
    top: auto;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

.h2-title-white {
    color: var(--white);
    margin-top: 0;
    margin-bottom: 0;
}

.subtitle-space-white {
    color: var(--white);
    margin-top: 15px;
    font-size: 18px;
}

.founder-s-quote {
    color: var(--white);
    width: 78%;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 40px;
}

.section-video-scroll {
    z-index: 10;
    border-bottom-right-radius: 30px;
    border-bottom-left-radius: 30px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: -50px;
    padding: 240px 5vw 80px;
    display: flex;
    position: relative;
    overflow: hidden;
}

.image-gradient-overlay {
    z-index: 1;
    background-color: rgba(0, 0, 0, 0.55);
    background-image: linear-gradient(
        135deg,
        rgba(252, 255, 112, 0.41),
        var(--transparent) 40%,
        rgba(81, 246, 207, 0.5)
    );
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

.quote-subtitle {
    color: var(--white);
    margin-top: 0;
    margin-bottom: 20px;
}

.wrapper-quote {
    z-index: 10;
    width: 100%;
    max-width: 1400px;
    position: relative;
}

.sticky-wrap {
    position: -webkit-sticky;
    position: sticky;
    top: auto;
    bottom: -100px;
}

.sticky-wrap.yellow-wrapper {
    background-color: var(--primary);
    padding-bottom: 0.625rem;
}

.relative-wrap {
    z-index: 15;
    background-color: var(--white);
    border-bottom-right-radius: 30px;
    border-bottom-left-radius: 30px;
    position: relative;
    overflow: hidden;
}

.team-image-2 {
    z-index: 10;
    border-radius: 12px;
    height: 100%;
    position: relative;
    overflow: hidden;
}

.horizontal-con {
    width: 100%;
}

.team-background-wrapper {
    z-index: 2;
    justify-content: center;
    display: flex;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
    overflow: hidden;
}

.background-photo {
    z-index: 1;
    background-image: url("https://cdn.prod.website-files.com/65e4701f92929f8f0c4b6ee9/65fa9f6783291c45c7cabe82_Team%203.webp");
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
    overflow: visible;
}

.background-photo.bg-photo-3 {
    background-image: url("https://cdn.prod.website-files.com/65e4701f92929f8f0c4b6ee9/65fa9f69f31661d9d0d34812_Team%201.webp");
}

.background-photo.bg-photo-2 {
    background-image: url("https://cdn.prod.website-files.com/65e4701f92929f8f0c4b6ee9/65fa9f6ccea1e89df371c871_Team%206.webp");
}

.background-photo.bg-photo-8 {
    background-image: url("https://cdn.prod.website-files.com/65e4701f92929f8f0c4b6ee9/660c2788dc4ee1813c39a647_Team%208.webp");
}

.background-photo.bg-photo-5 {
    background-image: url("https://cdn.prod.website-files.com/65e4701f92929f8f0c4b6ee9/65f9bed43560a1a6a49b6163_Smal%20Img%201.webp");
}

.background-photo.bg-photo-6 {
    background-image: url("https://cdn.prod.website-files.com/65e4701f92929f8f0c4b6ee9/65f9c082b20e5758a8777194_Smal%20Img%203.webp");
}

.background-photo.bg-photo-7 {
    background-image: url("https://cdn.prod.website-files.com/65e4701f92929f8f0c4b6ee9/660c27761f21ae140ba2e022_Team%207.webp");
}

.background-photo.bg-photo-4 {
    background-image: url("https://cdn.prod.website-files.com/65e4701f92929f8f0c4b6ee9/65fa9f675e7949c3cf79d646_Team%204.webp");
}

.background-photo.bg-photo-9 {
    background-image: url("https://cdn.prod.website-files.com/65e4701f92929f8f0c4b6ee9/660c2788dc4ee1813c39a647_Team%208.webp");
}

.background-photo.bg-photo-10 {
    background-image: url("https://cdn.prod.website-files.com/65e4701f92929f8f0c4b6ee9/65fa9f62ec43d4380f311c03_Team%202.webp");
}

.background-photo.bg-photo-11 {
    background-image: url("https://cdn.prod.website-files.com/65e4701f92929f8f0c4b6ee9/65fa9f675e7949c3cf79d646_Team%204.webp");
}

.background-photo.autor-1 {
    background-image: url("https://cdn.prod.website-files.com/65e4701f92929f8f0c4b6ee9/65fa9f6ccea1e89df371c871_Team%206.webp");
    background-position: 50% 10%;
}

.background-photo.autor-2 {
    background-image: url("https://cdn.prod.website-files.com/65e4701f92929f8f0c4b6ee9/660c2788dc4ee1813c39a647_Team%208.webp");
}

.background-photo.autor-3 {
    background-image: url("https://cdn.prod.website-files.com/65e4701f92929f8f0c4b6ee9/660c27761f21ae140ba2e022_Team%207.webp");
    background-position: 50% 25%;
}

.background-photo.autor-4 {
    background-image: url("https://cdn.prod.website-files.com/65e4701f92929f8f0c4b6ee9/65eafd22ad2c2a06979ca8ef_Banner%202%20(1).webp");
    background-position: 50% 0;
}

.background-photo.autor-5 {
    background-image: url("https://cdn.prod.website-files.com/65e4701f92929f8f0c4b6ee9/65fae08b8924bb74091e279b_Small%20Photo%207.webp");
    background-position: 50% 10%;
}

.background-photo.autor-6 {
    background-image: url("https://cdn.prod.website-files.com/65e4701f92929f8f0c4b6ee9/65fa9f675e7949c3cf79d646_Team%204.webp");
    background-position: 50% 10%;
}

.background-photo.autor-7 {
    background-image: url("https://cdn.prod.website-files.com/65e4701f92929f8f0c4b6ee9/65fad175d601d15f0e877917_Small%20Photo%202.webp");
    background-position: 50% 10%;
}

.background-photo.autor-8 {
    background-image: url("https://cdn.prod.website-files.com/65e4701f92929f8f0c4b6ee9/65fa9f62ec43d4380f311c03_Team%202.webp");
    background-position: 50% 10%;
}

.background-photo.autor-9 {
    background-image: url("https://cdn.prod.website-files.com/65e4701f92929f8f0c4b6ee9/65f9bed43560a1a6a49b6163_Smal%20Img%201.webp");
    background-position: 50% 10%;
}

.about-team-2 {
    z-index: 1;
    border-top: 1px solid #fff;
    border-bottom: 1px solid var(--white);
    background-color: #fff;
    width: 100%;
    position: relative;
    overflow: hidden;
}

.member-name-2 {
    margin-top: 0;
    margin-bottom: 8px;
    font-family: Inter, sans-serif;
    font-size: 20px;
    font-weight: 500;
}

.next-member-2 {
    color: var(--dark-green);
    margin-top: 0;
    margin-bottom: 0;
    font-family: Inter, sans-serif;
    font-size: 13px;
    font-weight: 600;
}

.button-link-3 {
    background-color: var(--white-50);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    color: #63ab45;
    text-align: center;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    width: 45px;
    height: 45px;
    margin-bottom: 7.5px;
    margin-left: auto;
    margin-right: auto;
    padding: 1px 0 0 1px;
    line-height: 1em;
    display: flex;
}

.button-link-3:hover {
    color: #f06446;
    background-color: #f7f6f1;
    line-height: 1em;
}

.button-link-2 {
    background-color: var(--white-50);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    width: 45px;
    height: 45px;
    margin-bottom: 7.5px;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    line-height: 1em;
    display: flex;
}

.button-link-2:hover {
    color: #f06446;
    background-color: #f7f6f1;
}

.prev-member {
    color: var(--dark-green);
    margin-top: 0;
    margin-bottom: 0;
    font-family: Inter, sans-serif;
    font-size: 13px;
    font-weight: 600;
}

.team-hero-slider {
    background-color: rgba(221, 221, 221, 0);
    justify-content: flex-end;
    width: 62%;
    min-width: 45rem;
    height: auto;
    display: flex;
}

.team-item-top {
    flex-direction: column;
    display: flex;
    position: relative;
    overflow: hidden;
}

.button-line-2 {
    background-color: #fff;
    width: 2px;
    height: 20px;
    position: absolute;
}

.photo-gradient {
    background-image: linear-gradient(
        135deg,
        rgba(252, 255, 112, 0.4),
        var(--transparent) 45%,
        rgba(81, 246, 207, 0.8)
    );
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

.team-ov {
    z-index: 5;
    background-color: rgba(252, 255, 112, 0.05);
    justify-content: flex-end;
    align-items: flex-end;
    padding: 15px;
    display: flex;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

.team-item {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
    border-right: 1px solid var(--green-20);
    flex-direction: column;
    grid-template-rows: 1fr auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    height: 100%;
    padding: 80px 30px;
    display: grid;
}

.team-mask {
    width: 50%;
    overflow: visible;
}

.member-job {
    color: var(--pink);
    margin-top: 0;
    margin-bottom: 0;
    font-family: Inter, sans-serif;
    font-size: 14px;
    font-weight: 500;
    display: inline-block;
}

.team-spacer {
    z-index: 10;
    border-right: 1px solid var(--green-20);
    border-left: 1px solid var(--green-20);
    background-color: #fff;
    flex-direction: column;
    flex: 1;
    justify-content: flex-start;
    align-items: flex-start;
    margin-left: -2px;
    padding: 80px 30px;
    display: flex;
    position: relative;
}

.team-slide-middle {
    text-align: left;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    display: flex;
}

.team-slide-arrow {
    z-index: 100;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    justify-content: center;
    align-items: center;
    width: 80px;
    padding-top: 10px;
    transition: opacity 0.3s;
    display: flex;
    top: auto;
    bottom: 80px;
    left: auto;
    right: 30px;
}

.team-slide-arrow:hover {
    opacity: 0.5;
}

.team-slide-arrow.team-arrow-left {
    opacity: 0.5;
    right: 140px;
}

.team-slide-arrow.team-arrow-left:hover {
    opacity: 1;
}

.button-line-1 {
    background-color: #fff;
    width: 20px;
    height: 2px;
}

.height-photo-container {
    border-radius: 12px;
    height: 400px;
    position: relative;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
    overflow: hidden;
}

.height-photo-container.autor-photo {
    height: 320px;
}

.social-icon-2 {
    color: var(--pink);
    margin-top: 0;
    margin-bottom: 0;
    font-family: "Fa Brands 400 (6.4.2)", sans-serif;
    font-size: 20px;
    line-height: 1em;
}

.social-icon-2.dribble {
    text-align: center;
    justify-content: center;
    align-items: center;
    font-family: "Fa solid 900", sans-serif;
    display: flex;
}

.main-description-team {
    margin-top: 30px;
}

.button-wrapper-2 {
    position: relative;
}

.team-flex-wrap {
    justify-content: center;
    display: flex;
}

.btn-link-1 {
    background-color: var(--white-50);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    width: 45px;
    height: 45px;
    margin-bottom: 7.5px;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    line-height: 1em;
    display: flex;
}

.btn-link-1:hover {
    color: #f06446;
    background-color: #f7f6f1;
}

.socials-button {
    z-index: 10;
    border: 1px solid var(--green-20);
    background-color: var(--soft-dark-green);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    cursor: pointer;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 50px;
    transition: all 0.45s;
    display: flex;
    position: relative;
}

.socials-button:hover {
    background-color: var(--pink);
}

.statistics-banner {
    z-index: 55;
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    justify-content: flex-start;
    align-items: flex-end;
    margin-top: auto;
    margin-left: -60px;
    margin-right: auto;
    display: flex;
    position: absolute;
    top: auto;
    bottom: 60px;
    left: 0%;
    right: auto;
}

.into-view {
    height: 100%;
}

.testimonial-slider-avatar {
    border: 3px solid var(--dark-yellow);
    border-radius: 100px;
    justify-content: space-between;
    width: 60px;
    height: 60px;
    display: flex;
    position: relative;
    overflow: hidden;
}

.service-number {
    position: relative;
}

.loop-bottom-con {
    width: 100%;
}

.button-arrow-icon {
    justify-content: center;
    align-items: center;
    padding: 2px;
    display: flex;
}

.button-arrow-icon.button-icon-right {
    position: absolute;
    right: -100%;
}

.button-arrow-icon.button-icon-left {
    position: absolute;
    left: -100%;
}

.testimonial-credit {
    grid-column-gap: 1.2rem;
    grid-row-gap: 1.2rem;
    grid-template-rows: auto;
    grid-template-columns: auto 1fr;
    grid-auto-columns: 1fr;
    align-content: center;
    align-items: center;
    display: grid;
}

.testimonial-slide-nav {
    font-size: 0.5rem;
    display: none;
}

.testimonial-ava-ov {
    z-index: 5;
    background-color: rgba(255, 236, 222, 0.1);
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

.testimonials-wrapper {
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-end;
    min-height: 100vh;
    padding: 17rem 1.9rem 1.9rem;
    display: flex;
    position: relative;
    overflow: hidden;
}

.testimonial-slider-block {
    z-index: 10;
    background-color: var(--primary-light-bg);
    border-radius: 0.625rem;
    width: 50%;
    padding: 0.625rem;
    position: relative;
}

.testimonial-small-slide {
    height: 100%;
    position: static;
}

.page-banner {
    background-color: var(--primary);
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
    position: relative;
}

.number-size-large {
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 1px;
    padding-right: 1px;
    font-size: 30px;
    font-weight: 500;
    line-height: 1.35;
}

.testimonials-numbers {
    grid-column-gap: 3px;
    grid-row-gap: 3px;
    justify-content: flex-end;
    min-width: 40px;
    display: flex;
}

.testimonials-numbers.large-service-numbers {
    grid-column-gap: 2px;
    grid-row-gap: 2px;
    grid-template-rows: auto;
    grid-template-columns: 1.1rem 1.1rem;
    grid-auto-columns: 1fr;
    justify-content: center;
    justify-items: center;
    min-width: 40px;
    display: flex;
}

.featured-background {
    border-radius: 30px;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
    overflow: hidden;
}

.slider-icon-arrow {
    width: 16px;
    height: auto;
}

.clip-wrapper {
    z-index: 10;
    flex-direction: column;
    padding-right: 1px;
    display: flex;
    position: relative;
    overflow: hidden;
}

.banner-avatars-wrapper {
    align-items: center;
    padding-left: 25px;
    display: flex;
}

.testimonial-slide-number {
    align-items: flex-end;
    width: 100%;
    height: 4rem;
    margin-left: -1.25rem;
    display: flex;
    position: absolute;
    top: auto;
    bottom: 0%;
    left: -100%;
    right: 0%;
}

.testimonial-ava {
    object-fit: cover;
    background-position: 50%;
    background-size: cover;
    width: 100%;
    height: 100%;
    position: absolute;
}
.testimonial-ava.ava-1 {
    background-image: url("../../img/about/test/samantha_lee.jpg");
}

.testimonial-ava.ava-2 {
    background-image: url("../../img/about/test/david_brown.jpg");
}

.testimonial-ava.ava-3 {
    background-image: url("../../img/about/test/jessica_turner.jpg");
}
.testimonial-ava.ava-4 {
    background-image: url("../../img/about/test/michael_rodriguez.jpg");
}

.testimonial-ava.ava-5 {
    background-image: url("../../img/about/test/emily_harris.jpg");
}

.testimonial-name-wrapper {
    grid-column-gap: 0.2rem;
    grid-row-gap: 0.2rem;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    display: flex;
}

.testimonial-mask {
    position: static;
    overflow: visible;
}

.testimonial-slide-content {
    grid-column-gap: 2.8rem;
    grid-row-gap: 2.8rem;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    min-height: 20rem;
    padding: 1.9rem 5.9rem 1.9rem 1.9rem;
    display: flex;
}

.testimonials-block {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    border-radius: 12px;
    grid-template-rows: auto;
    grid-template-columns: 1fr auto;
    grid-auto-columns: 1fr;
    justify-content: end;
    justify-items: end;
    min-height: 760px;
    position: relative;
    overflow: hidden;
}

.testimonial-circle {
    grid-column-gap: 0.5rem;
    color: #fff;
    border-radius: 0.625rem;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.our-tourist {
    color: var(--dark-yellow);
    letter-spacing: 0.1em;
    text-transform: uppercase;
    font-family: Inter, sans-serif;
    font-size: 14px;
    font-weight: 600;
}

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

.feedback-photo-item {
    background-image: url("https://cdn.prod.website-files.com/65e4701f92929f8f0c4b6ee9/65fa9f690374196d4777bbed_Team%205.webp");
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 100%;
    margin: 3px;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
    overflow: hidden;
}

.feedback-photo-item.photo-5 {
    background-image: url("https://cdn.prod.website-files.com/65e4701f92929f8f0c4b6ee9/65fa9f6783291c45c7cabe82_Team%203.webp");
    background-position: 50% 0;
}

.feedback-photo-item.photo-3 {
    background-image: url("https://cdn.prod.website-files.com/65e4701f92929f8f0c4b6ee9/65fad17641e9f11aa279766e_Small%20Photo%201.webp");
    background-position: 50% 0;
}

.feedback-photo-item.photo-2 {
    background-image: url("https://cdn.prod.website-files.com/65e4701f92929f8f0c4b6ee9/65f9bed43560a1a6a49b6163_Smal%20Img%201.webp");
    background-position: 50% 0;
}

.feedback-photo-item.photo-6 {
    background-image: url("https://cdn.prod.website-files.com/65e4701f92929f8f0c4b6ee9/65fa9f675e7949c3cf79d646_Team%204.webp");
}

.review-name-2 {
    font-size: 20px;
    line-height: 1.6;
}

.testimonial-small-slider {
    z-index: 100;
    background-color: rgba(255, 255, 255, 0);
    width: 100%;
    height: auto;
    padding-right: 0;
    position: relative;
}

.feedback-white-wrap-2 {
    background-color: var(--white);
    background-image: linear-gradient(
        225deg,
        var(--dark-yellow) 8%,
        var(--pink)
    );
    border-radius: 100%;
    width: 60px;
    height: 60px;
    margin-left: -25px;
    position: relative;
}

.item-bg-wrap {
    justify-content: space-between;
    height: 100%;
    display: flex;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

.padding-horizontal {
    width: 100%;
    padding-top: 0;
    padding-bottom: 0;
}

.padding-horizontal.padding-xxsmall {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
}

.video-home-5 {
    height: 100%;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

.testimonials-hero-text {
    /* max-width: 27rem; */
    padding: 0;
}
.testimonial-slide-arrow-icon:hover {
    background-color: #59bd46;
}
.testimonial-slide-arrow-icon {
    background-color: var(--light-green);
    border-top-left-radius: 0.625rem;
    border-top-right-radius: 0.625rem;
    border-bottom-right-radius: 0;
    justify-content: center;
    align-items: center;
    width: 4rem;
    height: 50%;
    display: flex;
    top: 0%;
    bottom: auto;
    left: auto;
    right: 0%;
}

.testimonial-slide-arrow-icon.right-arrow {
    border-top: 1px solid var(--green-20);
    border-radius: 0 0 0.625rem 0.625rem;
    top: auto;
    bottom: 0%;
    left: auto;
    right: 0%;
}

.statistics-card {
    z-index: 20;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    border: 1px solid var(--light-pink);
    background-color: rgba(255, 255, 255, 0.25);
    background-image: linear-gradient(
        90deg,
        var(--transparent),
        var(--light-pink)
    );
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border-radius: 15px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 15px 30px;
    display: flex;
    position: relative;
    box-shadow: 0 5px 20px rgba(24, 11, 1, 0.14);
}

.statistics-title-dark {
    background-image: linear-gradient(
        225deg,
        var(--dark-yellow) 10%,
        var(--pink) 92%
    );
    color: var(--primary-dark);
    letter-spacing: 0.01em;
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
    margin-top: 0;
    margin-bottom: 0;
    font-family: Inter, sans-serif;
    font-size: 40px;
    font-weight: 600;
}

.statistics-text-dark {
    color: var(--primary-dark);
}

.statistics-banner-top {
    z-index: 55;
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    justify-content: flex-start;
    align-items: flex-end;
    margin-left: 0;
    display: flex;
    position: absolute;
    top: 60px;
    bottom: auto;
    left: auto;
    right: 0;
}

.small-pattern {
    z-index: 10;
    height: 110px;
    position: absolute;
    top: auto;
    bottom: 167px;
    left: -100px;
    right: auto;
}

.avatar-ov {
    background-color: rgba(255, 236, 222, 0.05);
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

.small-pattern-2 {
    z-index: 10;
    height: 110px;
    position: absolute;
    top: auto;
    bottom: -30px;
    left: auto;
    right: -40px;
}

.small-pattern-3 {
    z-index: 10;
    width: auto;
    height: 120px;
    position: absolute;
    top: -35px;
    bottom: auto;
    left: -35px;
    right: auto;
}

.small-pattern-4 {
    z-index: 10;
    opacity: 0.55;
    width: auto;
    height: 160px;
    position: absolute;
    top: -50px;
    bottom: auto;
    left: -10px;
    right: auto;
}

.title-5-wrapper {
    z-index: 10;
    position: relative;
}

.small-pattern-5 {
    z-index: -1;
    width: auto;
    height: 140px;
    position: absolute;
    top: -123px;
    bottom: auto;
    left: auto;
    right: -119px;
}

.home-5-card-grid {
    grid-column-gap: 20px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    display: grid;
}

.home-5-card-grid.bottom {
    align-items: start;
    /* margin-top: 80px; */
    position: relative;
}

.small-pattern-6 {
    z-index: -1;
    width: auto;
    height: 140px;
    position: absolute;
    top: auto;
    bottom: -42px;
    left: auto;
    right: -45px;
}

.rating-png {
    width: 100%;
    height: 60px;
}

.img-bg {
    background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
    background-position: 50%;
    background-size: cover;
    width: 100%;
    height: 100%;
}

.img-bg.review {
    background-position: 50% 100%;
}

.image-dark-overlay {
    z-index: 5;
    background-color: rgba(0, 0, 0, 0.3);
    background-image: linear-gradient(
        225deg,
        rgba(252, 255, 112, 0.4) 7%,
        var(--transparent) 50%,
        rgba(81, 246, 207, 0.6) 95%
    );
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

.main-banner-button-wrap {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    justify-content: flex-start;
    align-items: center;
    margin-top: 20px;
    display: flex;
}

.small-pattern-7 {
    z-index: -1;
    filter: brightness(200%);
    width: auto;
    height: 100px;
    position: absolute;
    top: -32px;
    bottom: auto;
    left: 257px;
    right: auto;
}

.small-pattern-8 {
    z-index: -1;
    filter: brightness(200%);
    width: auto;
    height: 100px;
    position: absolute;
    top: auto;
    bottom: -34px;
    left: -15px;
    right: auto;
}

.banner-par-wrap {
    z-index: 15;
    position: relative;
}

.section-sticky {
    z-index: 10;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-top: 80px;
    padding-bottom: 80px;
    display: flex;
    position: relative;
}

.section-sticky.without-bottom-space {
    padding-bottom: 2px;
}

.tab-title {
    z-index: 25;
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr auto;
    grid-auto-columns: 1fr;
    align-items: center;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: grid;
    position: relative;
}

.arrow-wrapper {
    z-index: 25;
    position: relative;
    overflow: hidden;
}

.clip-subtitle {
    overflow: hidden;
}

.anchor-link {
    border-bottom: 1px solid var(--green-20);
    text-transform: uppercase;
    width: 100%;
    padding-top: 24px;
    padding-bottom: 24px;
    text-decoration: none;
    transition: background-color 0.5s,
        padding 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    position: relative;
    overflow: hidden;
}

.anchor-link:hover {
    color: var(--dark-green);
    padding-left: 24px;
    padding-right: 24px;
}

.anchor-link.w--current {
    color: #63ab45;
    background-color: #fffef0;
    padding-left: 24px;
    padding-right: 24px;
}

.subtitle-home {
    z-index: 10000;
    letter-spacing: 0.1em;
    font-size: 14px;
}

.anchor-list {
    border-top: 1px solid var(--green-20);
    flex-direction: column;
    flex: 1;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: flex;
}

.hover-cover-portfolio-details {
    z-index: 2;
    background-color: var(--primary-light-bg);
    width: 100%;
    height: 100%;
    position: absolute;
    top: auto;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

.project-arrow {
    width: 12px;
    height: 12px;
}

.newc-category-sidebar {
    grid-row-gap: 40px;
    flex-direction: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    justify-content: space-between;
    width: 100%;
    display: flex;
    position: -webkit-sticky;
    position: sticky;
    top: 100px;
}

.category-list-wrapper {
    width: 100%;
}

.category-intro-list-wrap {
    flex-flow: column;
    width: 100%;
    display: flex;
}

.category-list-item {
    width: 100%;
    display: flex;
}

.top-flex-container {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-flow: column;
    justify-content: space-between;
    align-items: stretch;
    display: flex;
}

.right-flex-con {
    flex-direction: column;
    display: flex;
}

.left-banner-con {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-end;
    width: auto;
    display: flex;
}

.banner-video-ov {
    z-index: 2;
    background-color: rgba(0, 0, 0, 0.15);
    background-image: linear-gradient(
        225deg,
        rgba(233, 154, 0, 0.3),
        var(--transparent) 54%,
        rgba(240, 109, 10, 0.3)
    );
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    height: 100%;
    padding: 24px;
    display: flex;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

.hero-scroll-conteiner {
    border: 1px solid #fff;
    border-radius: 100px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    width: 28px;
    height: 48px;
    margin-top: 5px;
    padding-top: 10px;
    display: flex;
}

.div-scroll-down {
    z-index: 11;
    opacity: 0.4;
    flex-direction: column;
    justify-content: center;
    align-self: end;
    align-items: center;
    width: auto;
    margin-bottom: 20px;
    display: flex;
    position: relative;
}

.video-ov-banner {
    z-index: 3;
    flex-direction: column;
    justify-content: flex-end;
    align-items: stretch;
    width: 100%;
    height: 100%;
    display: flex;
}

.scroll-circle {
    background-color: #fff;
    border-radius: 100px;
    width: 8px;
    height: 8px;
}

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

.small-banner-text {
    z-index: 100;
    color: #fff;
    letter-spacing: 4px;
    text-transform: uppercase;
    margin-bottom: 10px;
    font-size: 12px;
    position: relative;
}

.home-1-section {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    flex-flow: wrap;
    justify-content: space-between;
    align-items: stretch;
    height: auto;
    padding-top: 160px;
    display: flex;
    position: relative;
    overflow: hidden;
}

.banner-link {
    z-index: 100;
    -webkit-text-fill-color: inherit;
    background-image: none;
    background-clip: border-box;
    margin-left: auto;
    margin-right: auto;
}

.video-company {
    z-index: 1;
    object-fit: cover;
    border-radius: 30px;
    flex: 1;
    width: auto;
    height: 550px;
    margin-bottom: 0;
    margin-left: 0.625rem;
    margin-right: 0.625rem;
    position: relative;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

.main-banner-button-wrapper {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    justify-content: flex-start;
    align-items: center;
    margin-top: 30px;
    display: flex;
}

.banner-right-con {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    display: flex;
}

.subtitle-item {
    margin-top: 0;
    margin-bottom: 20px;
}

.text-field-white {
    border: 1px solid var(--white-50);
    background-color: var(--transparent);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    color: var(--white);
    border-radius: 8px;
    min-height: 50px;
    margin-bottom: 0;
    padding-top: 16px;
    padding-bottom: 16px;
    padding-left: 18px;
    font-size: 16px;
    font-weight: 400;
    transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.text-field-white:focus {
    border-color: var(--white);
    padding-left: 24px;
    box-shadow: 0 0 20px rgba(153, 0, 255, 0);
}

.text-field-white::placeholder {
    color: var(--white-50);
    font-size: 16px;
    font-weight: 400;
}

.text-field-white.message-field {
    min-width: 100%;
    max-width: 100%;
    min-height: 200px;
}

.small-text-dark {
    color: var(--primary-dark);
}

.statistics-wrap {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    justify-content: flex-end;
    align-items: flex-end;
    margin-top: auto;
    margin-left: auto;
    display: flex;
}

.white-cover {
    z-index: 90;
    background-color: var(--white);
    width: 100%;
    height: 0%;
    position: absolute;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: 0%;
}

.banner-scroll-component {
    z-index: 10;
    border-radius: 30px 30px 0 0;
    flex-direction: column;
    justify-content: center;
    min-height: 400px;
    display: flex;
    position: relative;
    overflow: hidden;
}

.inner-banner-section {
    flex-flow: wrap;
    justify-content: space-between;
    align-items: stretch;
    height: auto;
    min-height: 760px;
    padding-top: 80px;
    display: flex;
    position: relative;
    overflow: hidden;
}

.subtitle-form {
    margin-top: 0;
    margin-bottom: 0;
    display: inline-block;
}

.form-left-title {
    margin-top: 0;
    margin-bottom: 0;
}

.form-text-wrap {
    position: relative;
    overflow: hidden;
}

.text-form-white {
    color: var(--white);
    margin-top: 30px;
    margin-bottom: 15px;
    font-size: 16px;
    font-weight: 500;
    display: inline-block;
}

.text-form-white.top-text {
    margin-top: 0;
}

.primary-color-button-contact-form {
    border: 1px solid var(--white);
    background-color: var(--white);
    color: var(--primary-dark);
    text-align: center;
    letter-spacing: 0.6px;
    text-transform: capitalize;
    border-radius: 8px;
    justify-content: center;
    align-items: center;
    width: 100%;
    min-width: 120px;
    padding: 12px 18px;
    font-size: 16px;
    font-weight: 500;
    transition: all 0.35s;
    display: flex;
}

.primary-color-button-contact-form:hover {
    background-color: var(--transparent);
    color: var(--white);
}

.form-intro {
    z-index: 10;
    grid-column-gap: 0px;
    grid-row-gap: 36px;
    background-color: var(--light-green);
    grid-template-rows: auto 1fr;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    padding: 60px 20px;
    display: grid;
    position: relative;
}

.feature-list {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.white-radio-button-label {
    color: var(--white);
    letter-spacing: 0.08em;
    text-transform: uppercase;
    margin-bottom: 0;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.2em;
}

.tab-radio-button-white {
    z-index: 100;
    border: 1px solid var(--white-50);
    flex: none;
    width: 25px;
    height: 25px;
    margin-top: 0;
    margin-right: 10px;
    position: relative;
}

.tab-radio-button-white:focus {
    border-color: #ff2a0e;
}

.tab-radio-button-white.w--redirected-checked {
    border-width: 1px;
    border-color: var(--white);
    background-color: rgba(255, 255, 255, 0.1);
    background-image: url("https://cdn.prod.website-files.com/65e4701f92929f8f0c4b6ee9/65fa91faa4cdab74a9c40a97_V-1.webp");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: auto;
}

.tab-radio-button-white.w--redirected-focus {
    border-color: var(--white);
    box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0);
}

.faq-flex-wrapper {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    display: grid;
}

.faq-flex-item {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    flex-flow: column;
    display: flex;
}

.faq-dropdown-down {
    border: 1px solid var(--green-20);
    background-color: var(--white);
    cursor: pointer;
    border-radius: 12px;
    width: 100%;
    overflow: hidden;
}

.faq-hero-title-dark {
    color: var(--primary-dark);
    margin-bottom: 0;
    font-family: EB Garamond, sans-serif;
    font-size: 22px;
    font-weight: 500;
    line-height: 1.4em;
}

.plus-dark {
    background-color: var(--primary-dark);
    color: var(--primary-dark);
    border-radius: 10px;
    width: 2px;
    height: 100%;
}

.minus-dark {
    z-index: 0;
    background-color: var(--primary-dark);
    border-radius: 10px;
    width: 100%;
    height: 2px;
    position: absolute;
}

.par-answer-faq-dark {
    color: var(--primary-dark);
}

.success-transparent-message-white {
    color: var(--white);
    text-align: center;
    background-color: rgba(0, 0, 0, 0);
    width: 100%;
    margin-top: auto;
    margin-bottom: auto;
    padding: 20px;
}

.thx-title-white {
    color: var(--white);
    margin-top: 0;
    margin-bottom: 20px;
}

.error-message-yellow-text {
    color: var(--primary);
    text-align: center;
    background-color: rgba(0, 0, 0, 0);
    margin-top: 30px;
    padding: 10px 0;
}

.main-form-con {
    flex-flow: column;
    justify-content: space-between;
    height: 100%;
    display: flex;
}

.inner-hero-content {
    background-color: var(--dark-green);
    background-image: linear-gradient(
            225deg,
            rgba(81, 246, 207, 0.5) 6%,
            var(--transparent) 53%,
            rgba(252, 255, 112, 0.5)
        ),
        linear-gradient(to bottom, rgba(12, 81, 90, 0.7), rgba(12, 81, 90, 0.7)),
        url("https://cdn.prod.website-files.com/65e4701f92929f8f0c4b6ee9/65fae5f9859c38fad75dc113_Blog%204.webp");
    background-position: 0 0, 0 0, 50%;
    background-size: auto, auto, cover;
    border-radius: 30px;
    justify-content: center;
    align-items: center;
    width: auto;
    height: auto;
    margin-left: 15px;
    margin-right: 15px;
    padding: 80px 30px 80px 15px;
    display: flex;
    position: relative;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
    overflow: hidden;
}

.faq-center-title {
    text-align: center;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}

.faq-center-title.compare {
    width: 75%;
}

.faq-white-description {
    color: var(--white);
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.section-faq-banner {
    grid-column-gap: 80px;
    grid-row-gap: 80px;
    flex-flow: column;
    padding-top: 80px;
    padding-bottom: 80px;
    display: flex;
    position: relative;
    overflow: hidden;
}

.inner-banner-style {
    background-color: var(--white);
    justify-content: center;
    align-items: flex-end;
    min-height: 600px;
    padding-top: 160px;
    display: flex;
    position: relative;
    overflow: hidden;
}

.inner-photo-banner {
    background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
    background-position: 50% 40%;
    background-size: cover;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

.inner-coll-item,
.photo-banner-list {
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

.photo-container {
    border-radius: 30px;
    /* margin: 80px 0.625rem 60px; */
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
    overflow: hidden;
}

.gradient-container {
    background-color: rgba(0, 0, 0, 0.1);
    background-image: linear-gradient(
        135deg,
        rgba(252, 255, 112, 0.5) 6%,
        var(--transparent) 50%,
        rgba(81, 246, 207, 0.5) 96%
    );
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

.services-center-title {
    background-color: var(--soft-dark-green);
    text-align: center;
    border-radius: 30px;
    width: 78%;
    margin-left: auto;
    margin-right: auto;
    padding: 30px;
}

.services-banner-description {
    color: var(--white);
    width: 95%;
    margin-left: auto;
    margin-right: auto;
}

.banner-category-title {
    color: var(--white);
    margin-top: 0;
    margin-bottom: 0;
    font-size: 60px;
}

.style-guide-banner {
    background-color: var(--white);
    flex-flow: column;
    justify-content: space-around;
    align-items: stretch;
    padding-top: 80px;
    display: flex;
}

.large-inner-title {
    z-index: 10;
    color: var(--white);
    text-transform: capitalize;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 75px;
    position: relative;
}

.inner-banner-wrap {
    background-color: var(--dark-green);
    background-image: linear-gradient(
            225deg,
            rgba(81, 246, 207, 0.5) 8%,
            var(--transparent) 53%,
            rgba(252, 255, 112, 0.5) 92%
        ),
        linear-gradient(
            to bottom,
            rgba(12, 81, 90, 0.65),
            rgba(12, 81, 90, 0.65)
        ),
        url("https://cdn.prod.website-files.com/65e4701f92929f8f0c4b6ee9/65fae5f9859c38fad75dc113_Blog%204.webp");
    background-position: 0 0, 0 0, 50%;
    background-size: auto, auto, cover;
    background-attachment: scroll, scroll, scroll;
    border-radius: 30px;
    justify-content: center;
    align-items: center;
    width: auto;
    height: auto;
    min-height: 300px;
    margin-left: 15px;
    margin-right: 15px;
    padding: 80px 30px 80px 15px;
    display: flex;
    position: relative;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
    overflow: hidden;
}

.inner-banner-wrap.banner-search {
    background-image: linear-gradient(
            135deg,
            rgba(81, 246, 207, 0.36),
            var(--transparent) 45%,
            rgba(252, 255, 112, 0.44)
        ),
        linear-gradient(to bottom, rgba(12, 81, 90, 0.6), rgba(12, 81, 90, 0.6)),
        url("https://cdn.prod.website-files.com/65e4701f92929f8f0c4b6ee9/660ba7f9bc7ef434f6c03125_Photo%2011%20(1).webp");
    background-position: 0 0, 0 0, 0%;
}

.inner-banner-wrap.banner-changelog {
    background-image: linear-gradient(
            135deg,
            rgba(81, 246, 207, 0.36),
            var(--transparent) 45%,
            rgba(252, 255, 112, 0.44)
        ),
        linear-gradient(to bottom, rgba(12, 81, 90, 0.6), rgba(12, 81, 90, 0.6)),
        url("https://cdn.prod.website-files.com/65e4701f92929f8f0c4b6ee9/65fae5fb3af861240fc3e251_Features%201.webp");
    background-position: 0 0, 0 0, 50% 20%;
}

.inner-banner-wrap.banner-news {
    background-image: linear-gradient(
            135deg,
            rgba(233, 154, 0, 0.65) 5%,
            var(--transparent) 45%,
            rgba(228, 140, 24, 0.65) 93%
        ),
        linear-gradient(to bottom, rgba(22, 8, 40, 0.5), rgba(22, 8, 40, 0.5)),
        url("https://cdn.prod.website-files.com/65e4701f92929f8f0c4b6ee9/65fae5f9859c38fad75dc113_Blog%204.webp");
    background-position: 0 0, 0 0, 50%;
}

.inner-banner-wrap.banner-news-category {
    background-image: none;
}

.section-light-color-bg {
    border: 1px solid var(--green-20);
    background-color: var(--primary-light-bg);
    border-radius: 30px;
    margin-left: 0.625rem;
    margin-right: 0.625rem;
    padding-top: 80px;
    padding-bottom: 80px;
    position: relative;
    overflow: hidden;
}

.password-cover {
    background-color: var(--soft-orange);
    border: 1px solid rgba(240, 109, 10, 0.2);
    border-radius: 30px;
    height: auto;
    margin: 0.625rem;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
    overflow: hidden;
}

.passwort-h2-title {
    margin-top: 40px;
    margin-bottom: 0;
}

.password-subtitle {
    color: var(--pink);
    letter-spacing: 0.1em;
    text-transform: uppercase;
    margin-bottom: 15px;
    font-size: 14px;
}

.search-result-form {
    border: 1px solid var(--white-20);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    color: var(--white);
    background-color: rgba(255, 255, 255, 0.05);
    border-radius: 8px;
    min-height: 50px;
    margin-bottom: 0;
    padding-top: 16px;
    padding-bottom: 16px;
    padding-left: 18px;
    font-size: 16px;
    font-weight: 400;
    transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.search-result-form:focus {
    border-color: var(--primary);
    padding-left: 24px;
    box-shadow: 0 0 20px rgba(153, 0, 255, 0);
}

.search-result-form::placeholder {
    color: var(--white-50);
    font-size: 16px;
    font-weight: 400;
}

.search-inner-title {
    color: var(--white);
    margin-top: 0;
    margin-bottom: 0;
    font-size: 75px;
}

.search-description {
    font-size: 18px;
}

.search-slug {
    margin-top: 0;
    margin-bottom: 3px;
}

.search-result-list {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-flow: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    align-content: start;
    align-items: start;
    display: grid;
}

.h1-yellow-span {
    color: var(--primary);
    font-family: Shadows Into Light;
}

.search-wrap {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.quote {
    margin-top: 0;
    margin-bottom: 30px;
}

.sg-title {
    margin-top: 0;
    margin-bottom: 0;
}

.content-details {
    grid-column-gap: 30px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 0.9fr;
    grid-auto-columns: 1fr;
    align-content: start;
    justify-content: space-between;
    display: grid;
}

.hero-dot-wrapper {
    flex: none;
    justify-content: flex-start;
    display: flex;
}

.latest-events-2 {
    grid-column-gap: 16px;
    grid-row-gap: 36px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: grid;
}

.services-details-overlay {
    background-image: linear-gradient(
        200deg,
        rgba(252, 255, 112, 0.55),
        rgba(255, 255, 255, 0) 50%,
        rgba(81, 246, 207, 0.5)
    );
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

.blog-details-title-2 {
    width: 80%;
    margin-top: 30px;
    margin-bottom: 20px;
    font-size: 55px;
}

.success-services-message {
    border: 1px solid var(--green-20);
    color: var(--primary-dark);
    text-align: center;
    background-color: rgba(255, 255, 255, 0);
    border-radius: 10px;
    width: 100%;
    padding: 20px;
}

.link-hover-fill {
    background-color: var(--primary);
    border-radius: 100%;
    display: none;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

.event-form {
    grid-column-gap: 16px;
    grid-row-gap: 36px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    padding: 0;
    display: grid;
}

.success-message-content {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    align-content: center;
    justify-content: center;
    align-items: center;
    padding: 60px;
    display: grid;
}

.scroll-blog-link {
    z-index: 100;
    background-color: #fff;
    border: 1px rgba(140, 159, 172, 0.2);
    border-radius: 100%;
    margin-bottom: -70px;
    padding: 6px;
    position: absolute;
    top: auto;
    bottom: 0%;
    left: auto;
    right: 40px;
    overflow: hidden;
}

.group-rich-text h1 {
    margin-top: 0;
}

.group-rich-text h2 {
    margin-top: 0;
    margin-bottom: 15px;
}

.group-rich-text h3,
.group-rich-text h4,
.group-rich-text h5,
.group-rich-text h6 {
    margin-top: 30px;
    margin-bottom: 15px;
}

.group-rich-text ul {
    margin-top: 20px;
    margin-bottom: 30px;
}

.group-rich-text figure {
    border-radius: 15px;
    margin-top: 40px;
    margin-bottom: 40px;
    overflow: hidden;
}

.group-rich-text ol {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    flex-flow: column;
    margin-top: 20px;
    margin-bottom: 30px;
    display: flex;
}

.details-card {
    border: 1px solid var(--green-20);
    border-radius: 12px;
    flex-direction: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    padding: 0;
    display: flex;
    position: -webkit-sticky;
    position: sticky;
    top: 100px;
    overflow: hidden;
}

.background-blog-wrapper {
    z-index: 1;
    border-radius: 30px;
    justify-content: center;
    align-items: center;
    margin: 0.625rem;
    display: flex;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
    overflow: hidden;
}

.clip-group-section {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
}

.feedback-photo-3 {
    background-image: url("https://cdn.prod.website-files.com/65e4701f92929f8f0c4b6ee9/660c2788dc4ee1813c39a647_Team%208.webp");
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 100%;
    margin: 4px;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

.feedback-photo-3.photo-3 {
    background-image: url("https://cdn.prod.website-files.com/65e4701f92929f8f0c4b6ee9/65fa9f6783291c45c7cabe82_Team%203.webp");
    background-position: 50% 0;
}

.feedback-photo-3.photo-2 {
    background-image: url("https://cdn.prod.website-files.com/65e4701f92929f8f0c4b6ee9/65fa9f6ccea1e89df371c871_Team%206.webp");
    background-position: 50% 0;
}

.feedback-photo-3.photo-5 {
    background-image: url("https://cdn.prod.website-files.com/65e4701f92929f8f0c4b6ee9/660c27761f21ae140ba2e022_Team%207.webp");
    background-position: 50% 0;
}

.circle-link-wrapper {
    margin: -48px;
    padding: 48px;
}

.color-success-text {
    color: var(--primary-dark);
    line-height: 1.4em;
}

.top-group-con {
    grid-column-gap: 32px;
    justify-content: flex-end;
    align-items: center;
    width: 80%;
    display: flex;
    position: relative;
}

.blog-template-wrap {
    width: 100%;
    max-width: 920px;
    margin-left: auto;
    margin-right: auto;
}

.blog-template-wrap.banner {
    max-width: 100%;
}

.grid-group-wrapper {
    z-index: 10;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-rows: auto;
    grid-template-columns: minmax(5vw, 1fr) minmax(auto, 1400px) minmax(
            5vw,
            1fr
        );
    grid-auto-rows: 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    display: grid;
    position: relative;
}

.banner-group-description {
    width: 95%;
    margin-top: 0;
    margin-bottom: 0;
}

.scroll-blog-circle {
    z-index: 100;
    border: 1px solid var(--green-20);
    border-radius: 100%;
    justify-content: center;
    align-items: center;
    width: 140px;
    height: 140px;
    display: flex;
    position: relative;
}

.scroll-blog-circle:hover {
    opacity: 1;
}

.thx {
    color: var(--pink);
    text-transform: capitalize;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 24px;
}

.group-inquire-top {
    grid-column-gap: 30px;
    text-transform: none;
    background-image: url("https://cdn.prod.website-files.com/65e4701f92929f8f0c4b6ee9/65fae5f9859c38fad75dc113_Blog%204.webp");
    background-position: 50%;
    background-size: cover;
    grid-template-rows: auto;
    grid-template-columns: auto 1fr;
    grid-auto-columns: 1fr;
    align-items: center;
    width: 100%;
    min-height: 200px;
    display: flex;
    position: relative;
    overflow: hidden;
}

.content-blog-details-wrap {
    z-index: 100;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: space-between;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    display: flex;
    position: relative;
}

.blog-details-background-image {
    background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

.contact-fields {
    grid-column-gap: 0px;
    grid-row-gap: 24px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: grid;
}

.small-white-ava {
    background-color: var(--white);
    border-radius: 100%;
    width: 60px;
    height: 60px;
    margin-left: -20px;
    position: relative;
}

.small-ava-wrap {
    align-items: center;
    padding-left: 20px;
    display: flex;
}

.title-blog-container {
    flex-direction: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: flex;
}

.blog-arrow {
    z-index: 100;
    height: 30px;
    position: relative;
    transform: rotate(45deg);
}

.inquire-form-wrapper {
    padding-bottom: 24px;
    padding-left: 24px;
    padding-right: 24px;
}

.section-blog-details {
    background-color: var(--primary);
    justify-content: center;
    align-items: stretch;
    height: 500px;
    padding-top: 160px;
    padding-bottom: 160px;
    display: flex;
    position: relative;
}

.field-form-label {
    color: var(--primary-dark);
    letter-spacing: 0.1em;
    text-transform: uppercase;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.2em;
}

.error-services-message {
    color: var(--pink);
    text-align: center;
    background-color: rgba(0, 0, 0, 0);
    margin-top: 30px;
    padding: 0;
}

.inquire-form {
    border-top: 1px solid rgba(175, 175, 175, 0.3);
    margin-bottom: 0;
    padding-top: 36px;
}

.blog-intro-content {
    grid-column-gap: 180px;
    grid-row-gap: 12px;
    flex-direction: column;
    grid-template-rows: 1fr;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-items: flex-start;
    justify-items: start;
    width: 75%;
    min-height: 450px;
    padding-top: 160px;
    padding-bottom: 80px;
    display: flex;
}

.contact-field-wrapper {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    grid-template-rows: auto 1fr;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
}

.details-body {
    grid-column-gap: 16px;
    grid-row-gap: 48px;
    flex: 1;
    grid-template-rows: auto 1fr;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
}

.scroll-line {
    background-color: var(--green-20);
    width: 100%;
    height: 1px;
    position: absolute;
    top: auto;
    bottom: 0%;
    left: 0%;
    right: auto;
}

.line-wrap {
    width: 100%;
    height: 1px;
    position: relative;
}

.text-field-dark {
    border: 1px solid var(--green-20);
    background-color: var(--transparent);
    color: var(--primary-dark);
    border-radius: 8px;
    min-height: 50px;
    margin-bottom: 0;
    padding-top: 16px;
    padding-bottom: 16px;
    padding-left: 18px;
    font-size: 16px;
    font-weight: 400;
    transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.text-field-dark:focus {
    border-color: var(--primary-dark);
    padding-left: 24px;
    box-shadow: 0 0 20px rgba(153, 0, 255, 0);
}

.text-field-dark::placeholder {
    color: rgba(22, 8, 40, 0.6);
    font-size: 16px;
    font-weight: 400;
}

.section-details {
    background-color: #fff;
    padding-top: 80px;
    padding-bottom: 80px;
    position: relative;
}

.intro-faq-flex-wrap {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    flex-flow: column;
    width: 100%;
    margin-top: 30px;
    display: flex;
}

.content-details-grid {
    grid-column-gap: 60px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    align-content: start;
    justify-content: space-between;
    display: grid;
}

.large-left-fill {
    z-index: 20;
    background-color: var(--white);
    width: 50px;
    height: 100%;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: auto;
}

.button-hover-circle-white-3 {
    z-index: 5;
    background-color: var(--pink);
    border-radius: 100%;
    width: 125%;
    height: 400%;
    position: absolute;
    top: auto;
    bottom: -400%;
    left: -16px;
    right: auto;
}

.categories-link-text-2 {
    z-index: 2;
    color: var(--white);
    letter-spacing: 0.15em;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.2em;
    position: relative;
}

.categories-border-3 {
    z-index: 1;
    background-color: var(--soft-dark-green);
    border-radius: 100px;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

.categories-border-3.use-cases-cover {
    background-color: var(--dark-green);
}

.categories-link-3 {
    z-index: 10;
    -webkit-backdrop-filter: blur(1px);
    backdrop-filter: blur(1px);
    border-radius: 100vw;
    padding: 12px 20px;
    position: relative;
    overflow: hidden;
}

.form-overlay {
    z-index: 2;
    background-color: rgba(22, 8, 40, 0.5);
    background-image: linear-gradient(
        225deg,
        rgba(38, 226, 182, 0.4) 5%,
        rgba(22, 8, 40, 0.2) 50%,
        rgba(252, 255, 112, 0.35) 94%
    );
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

.experts-grid {
    grid-column-gap: 15px;
    grid-row-gap: 60px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 95%;
    margin-left: auto;
    margin-right: auto;
    display: grid;
}

.our-experts-wrap.top-spase {
    margin-top: 60px;
}

.team-hero-item {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
    border: 1px solid rgba(175, 175, 175, 0.3);
    border-radius: 12px;
    flex-direction: column;
    grid-template-rows: 1fr auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    padding: 8px 8px 20px;
    display: grid;
}

.height-photo-container-2 {
    border-radius: 12px;
    height: 400px;
    position: relative;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
    overflow: hidden;
}

.team-image-3 {
    z-index: 10;
    border-radius: 12px;
    height: 100%;
    position: relative;
    overflow: hidden;
}

.center-align {
    text-align: center;
    flex-flow: column;
    display: flex;
}

.changelog-title {
    margin-top: 0;
    margin-bottom: 20px;
}

.team-banner {
    padding-top: 80px;
    padding-bottom: 80px;
    position: relative;
    overflow: hidden;
}

.inner-banner-team {
    background-color: var(--soft-dark-green);
    border-radius: 30px;
    justify-content: center;
    align-items: center;
    width: auto;
    height: auto;
    min-height: 550px;
    margin-bottom: -250px;
    margin-left: 10px;
    margin-right: 10px;
    padding: 80px 30px 330px 15px;
    display: flex;
    position: relative;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
    overflow: hidden;
}

.team-h1-span {
    color: var(--primary);
    font-family: Shadows Into Light;
}

.team-white-description {
    z-index: 25;
    color: var(--white);
    width: 84%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

.team-center-title {
    z-index: 25;
    text-align: center;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

.team-print-1 {
    background-image: linear-gradient(
            180deg,
            var(--transparent) 30%,
            var(--soft-dark-green)
        ),
        linear-gradient(270deg, var(--soft-dark-green), var(--transparent)),
        url("https://cdn.prod.website-files.com/65e4701f92929f8f0c4b6ee9/6601bb052db13b9e59a4e36e_Background%20patterns%20white.webp");
    background-position: 0 0, 0 0, 0 0;
    background-size: auto, auto, cover;
    width: 50%;
    height: 80%;
    position: absolute;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: auto;
}

.team-print-2 {
    background-image: linear-gradient(
            180deg,
            var(--transparent) 30%,
            var(--soft-dark-green)
        ),
        linear-gradient(90deg, var(--soft-dark-green), var(--transparent)),
        url("https://cdn.prod.website-files.com/65e4701f92929f8f0c4b6ee9/6601bb052db13b9e59a4e36e_Background%20patterns%20white.webp");
    background-position: 0 0, 0 0, 0 0;
    background-size: auto, auto, cover;
    width: 50%;
    height: 80%;
    position: absolute;
    top: 0%;
    bottom: auto;
    left: auto;
    right: 0%;
}

.large-inner-title-team {
    z-index: 10;
    color: var(--white);
    background-image: url("https://cdn.prod.website-files.com/65e4701f92929f8f0c4b6ee9/661000498c9c488d2dd36811_Underline_Yellow.png");
    background-position: 50% 100%;
    background-repeat: no-repeat;
    background-size: 40%;
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 20px;
    font-size: 75px;
    position: relative;
}

.team-banner-circle {
    z-index: 1;
    background-color: var(--primary);
    opacity: 0.55;
    filter: blur(150px);
    border-radius: 100%;
    width: 300px;
    height: 300px;
    position: absolute;
    top: auto;
    bottom: -100px;
    left: auto;
    right: auto;
}

.yellow-h6 {
    color: var(--primary);
    margin-top: 0;
    margin-bottom: 0;
}

.contact-form-wrapper {
    width: 50%;
}

.section-use-cases {
    grid-column-gap: 80px;
    grid-row-gap: 80px;
    flex-flow: column;
    padding-top: 0;
    padding-bottom: 80px;
    display: flex;
    position: relative;
    overflow: hidden;
}

.baner-soft-color {
    background-color: var(--light-pink);
    flex-flow: column;
    justify-content: space-between;
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
    display: flex;
    position: relative;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: 0%;
}

.light-banner-cover {
    border: 1px solid var(--white-50);
    background-color: var(--soft-orange);
    border-radius: 30px;
    height: 100%;
    margin-left: 0.625rem;
    margin-right: 0.625rem;
    padding-top: 160px;
    padding-bottom: 80px;
    position: relative;
}

.use-cases-content {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    text-align: center;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    width: 60%;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    position: relative;
}

.banner-circle-small {
    background-image: radial-gradient(
        circle farthest-corner at 50% 50%,
        var(--primary),
        rgba(233, 154, 0, 0.27)
    );
    opacity: 0.55;
    filter: blur(100px);
    border-radius: 100%;
    width: 300px;
    height: 300px;
    position: absolute;
    top: 130px;
}

.print-wrap {
    justify-content: center;
    align-items: center;
    height: 100%;
    display: flex;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

.print-color-1 {
    filter: brightness(200%);
    height: 120px;
    position: absolute;
    top: auto;
    bottom: 17%;
    left: 4%;
    right: auto;
}

.print-3 {
    height: 70px;
    position: absolute;
    top: auto;
    bottom: 16%;
    left: auto;
    right: 49px;
}

.print-2 {
    height: 60px;
    position: absolute;
    top: 108px;
    bottom: auto;
    left: auto;
    right: 197px;
}

.print-1 {
    height: 60px;
    position: absolute;
    top: 54%;
    bottom: auto;
    left: 25px;
    right: auto;
}

.print-color-2 {
    filter: brightness(200%);
    height: 100px;
    position: absolute;
    top: 35%;
    bottom: auto;
    left: auto;
    right: 20%;
}

.underline-cases-span {
    background-image: url("https://cdn.prod.website-files.com/65e4701f92929f8f0c4b6ee9/66013e6f6f2b61540d090942_New_Underline.webp");
    background-position: 50% 100%;
    background-repeat: no-repeat;
    background-size: 80%;
    background-attachment: scroll;
    padding-bottom: 20px;
    display: inline-block;
}

.banner-par-cases {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.banner-use-cases-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 55px;
}

.project-stage-title {
    grid-row-gap: 30px;
    flex-direction: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    max-width: 850px;
    display: flex;
}

.latest-events-3 {
    grid-column-gap: 16px;
    grid-row-gap: 36px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: grid;
}

.stages-sidebar {
    grid-row-gap: 40px;
    flex-direction: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    justify-content: space-between;
    width: 35%;
    padding-right: 40px;
    display: flex;
    position: -webkit-sticky;
    position: sticky;
    top: 140px;
}

.portfolio-stage-info {
    flex-direction: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    max-width: 875px;
    display: flex;
}

.anchor-link-2 {
    border-bottom: 1px solid var(--green-20);
    text-transform: uppercase;
    padding-top: 24px;
    padding-bottom: 24px;
    text-decoration: none;
    transition: background-color 0.5s,
        padding 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    position: relative;
    overflow: hidden;
}

.anchor-link-2:hover {
    color: #01444a;
    padding-left: 24px;
    padding-right: 24px;
}

.anchor-link-2.w--current {
    background-color: var(--primary-light-bg);
    color: var(--dark-green);
    padding-left: 24px;
    padding-right: 24px;
}

.grid-wrapper-2 {
    z-index: 10;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-rows: auto;
    grid-template-columns: minmax(5vw, 1fr) minmax(auto, 1400px) minmax(
            5vw,
            1fr
        );
    grid-auto-rows: 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    display: grid;
    position: relative;
}

.overlay-activities-details {
    background-color: rgba(0, 68, 73, 0.03);
    background-image: linear-gradient(
        225deg,
        rgba(252, 255, 112, 0.33) 9%,
        var(--transparent) 50%,
        rgba(81, 246, 207, 0.45) 93%
    );
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

.project-stage {
    grid-row-gap: 60px;
    flex-direction: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    justify-content: flex-start;
    display: flex;
}

.hover-cover-portfolio-details-2 {
    z-index: 2;
    background-color: var(--primary-light-bg);
    width: 100%;
    height: 100%;
    position: absolute;
    top: auto;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

.section-cases-details {
    background-color: #fff;
    padding-top: 80px;
    padding-bottom: 80px;
    position: relative;
}

.client-quote-wrapper {
    grid-column-gap: 0px;
    grid-row-gap: 140px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: space-between;
    width: 100%;
    display: flex;
}

.stage-banner {
    border-radius: 12px;
    width: 100%;
    height: 400px;
    position: relative;
    overflow: hidden;
}

.subtitle-home-1 {
    z-index: 10000;
    letter-spacing: 0.1em;
    font-size: 14px;
}

.content-portfolio-details {
    flex-direction: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    justify-content: space-between;
    display: flex;
}

.background-image {
    background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 12px;
    margin-right: 0;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
    overflow: hidden;
}

.project-stage-list {
    grid-row-gap: 70px;
    flex-direction: column;
    flex: 1;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    align-content: start;
    display: flex;
}

.use-cases-rich-text h1 {
    margin-top: 0;
}

.use-cases-rich-text h2 {
    margin-top: 0;
    margin-bottom: 15px;
}

.use-cases-rich-text h3,
.use-cases-rich-text h4,
.use-cases-rich-text h5,
.use-cases-rich-text h6 {
    margin-top: 30px;
    margin-bottom: 15px;
}

.use-cases-rich-text ul {
    margin-top: 20px;
    margin-bottom: 30px;
}

.use-cases-rich-text figure {
    border-radius: 15px;
    margin-top: 40px;
    margin-bottom: 40px;
    overflow: hidden;
}

.use-cases-rich-text ol {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    flex-flow: column;
    margin-top: 20px;
    margin-bottom: 30px;
    display: flex;
}

.use-cases-info-wrap {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    background-color: var(--soft-dark-green);
    border-radius: 30px;
    flex-flow: column;
    width: 70%;
    padding: 40px;
    display: flex;
    position: relative;
}

.cases-category {
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 10px;
    display: flex;
    position: relative;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: auto;
}

.button-wrap {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    justify-content: flex-start;
    align-items: center;
    margin-top: 16px;
    display: flex;
}

.collection-use-cases-category {
    grid-column-gap: 15px;
    grid-row-gap: 0px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    margin-bottom: -80px;
    display: grid;
}

.category-large-title {
    background-image: url("https://cdn.prod.website-files.com/65e4701f92929f8f0c4b6ee9/66013e6f6f2b61540d090942_New_Underline.webp");
    background-position: 50% 100%;
    background-repeat: no-repeat;
    background-size: 90%;
    background-attachment: scroll;
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 20px;
    font-size: 65px;
    display: inline-block;
}

.banner-use-cases-details {
    flex-flow: wrap;
    justify-content: space-between;
    align-items: stretch;
    height: auto;
    min-height: 760px;
    padding-top: 80px;
    padding-bottom: 0.625rem;
    display: flex;
    position: relative;
    overflow: hidden;
}

.collection-related-cases {
    grid-column-gap: 15px;
    grid-row-gap: 0px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    margin-bottom: -80px;
    display: grid;
}

.hero-faq-item-2 {
    cursor: pointer;
    flex-direction: column;
    grid-template-rows: auto;
    grid-template-columns: auto 1fr;
    grid-auto-columns: 1fr;
    justify-content: flex-end;
    align-items: stretch;
    justify-items: stretch;
    width: 100%;
    transition: all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
    display: flex;
    position: relative;
}

.hero-faq-item-2.w--current {
    background-color: rgba(221, 221, 221, 0);
    overflow: hidden;
}

.footer-content-column {
    width: 100%;
}

.social-link {
    grid-column-gap: 5px;
    color: #fff;
    text-align: center;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    -webkit-text-fill-color: inherit;
    background-color: rgba(0, 0, 0, 0);
    background-image: none;
    background-clip: border-box;
    border: 1px solid rgba(255, 255, 255, 0.5);
    border-radius: 100px;
    justify-content: center;
    width: 45px;
    height: 45px;
    font-size: 12px;
    line-height: 1em;
    transition: all 0.45s;
    display: flex;
}

.social-link:hover {
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    background-color: rgba(255, 255, 255, 0.05);
    border-color: #e0fd60;
    box-shadow: 0 0 20px rgba(224, 253, 96, 0.2);
}

.footer-divider {
    background-color: rgba(145, 155, 167, 0.2);
    width: 100%;
    height: 1px;
    position: absolute;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: auto;
}

.price-line {
    background-color: rgba(29, 63, 170, 0.1);
    width: 100%;
    height: 1px;
    position: absolute;
    top: auto;
    bottom: 0%;
    left: 0%;
    right: auto;
}

.features-lottie {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    background-color: #f9f9ff;
    border: 1px solid rgba(29, 63, 170, 0.1);
    border-radius: 8px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
    padding: 20px;
    display: flex;
    position: relative;
    overflow: hidden;
    box-shadow: 0 20px 40px rgba(15, 9, 82, 0.07);
}

.slider-services-arrow-2 {
    background-color: #101828;
    border-radius: 100px;
    justify-content: center;
    align-items: center;
    width: 60px;
    height: 60px;
    margin-left: -72px;
    transition: all 0.45s;
    display: flex;
    top: auto;
    bottom: -30px;
    left: auto;
    right: auto;
}

.offer-card-wrapper-2 {
    color: #fff;
    border-radius: 8px;
    flex-direction: column;
    grid-template-rows: 1fr auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    justify-content: flex-end;
    align-items: center;
    width: 100%;
    height: 28vw;
    min-height: 450px;
    max-height: 550px;
    padding: 0;
    text-decoration: none;
    display: flex;
    position: relative;
    overflow: hidden;
}

.testimonials-autor-name {
    border-left: 2px solid rgba(29, 63, 170, 0.1);
    padding-left: 10px;
}

.features-text-wrapper {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.testimonials-item {
    background-color: #fff;
    border: 1px solid rgba(29, 63, 170, 0.1);
    border-radius: 8px;
    padding: 20px;
}

.underline-link-container-5 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    color: #101828;
    text-align: center;
    letter-spacing: -0.54px;
    text-transform: none;
    background-color: rgba(0, 0, 0, 0);
    border-style: none none solid;
    border-bottom-width: 2px;
    border-bottom-color: #101828;
    border-radius: 0;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    margin-left: 0;
    margin-right: 0;
    padding: 0;
    font-family: Inter, sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 160%;
    text-decoration: none;
    transition-property: all;
    transition-duration: 0.45s;
    display: flex;
    position: relative;
}

.underline-link-container-5:hover {
    opacity: 1;
    color: #473ae0;
}

.underline-link-container-6 {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    text-align: center;
    background-color: rgba(0, 0, 0, 0);
    border-radius: 0;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    margin-left: 0;
    margin-right: 0;
    padding: 0;
    text-decoration: none;
    display: flex;
    position: relative;
}

.underline-link-container-6:hover {
    opacity: 1;
    color: #473ae0;
}

.home-faq-top-2 {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    border: 1px solid rgba(29, 63, 170, 0.1);
    border-radius: 8px;
    flex-direction: row;
    grid-template-rows: auto;
    grid-template-columns: auto 1fr auto;
    grid-auto-columns: 1fr;
    justify-content: start;
    align-items: center;
    justify-items: start;
    width: 100%;
    padding: 15px 5px 15px 15px;
    transition: all 0.5s;
    display: grid;
}

.home-faq-top-2:hover {
    padding-left: 15px;
    padding-right: 15px;
}

.serv-slide-2 {
    border-radius: 8px;
    margin-right: 5px;
    padding: 6px;
    overflow: hidden;
}

.home-logo_container {
    justify-content: center;
    align-items: center;
    width: auto;
    display: flex;
}

.loop-image-list {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    height: 100%;
    display: grid;
}

.loop-image-wrapper {
    border: 2px solid var(--dark-yellow);
    background-color: var(--dark-yellow);
    border-radius: 30px;
    width: 100%;
    padding-top: 150%;
    position: relative;
    overflow: hidden;
}

.loop-intro-image {
    object-fit: cover;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

.coming-soon-container {
    z-index: 5;
    width: 100%;
    max-width: 974px;
    height: 100vh;
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    overflow: hidden;
}

.no-shrink-btn-wrap {
    flex: none;
}

.success-message-transparent {
    text-align: center;
    background-color: rgba(255, 255, 255, 0);
    border: 1px solid rgba(240, 109, 10, 0.3);
    border-radius: 8px;
    width: 100%;
    padding: 20px;
}

.loop-section {
    z-index: 10;
    width: 100%;
    position: relative;
}

.coming-soon-text {
    width: 85%;
    margin-top: 20px;
    margin-bottom: 40px;
}

.loop-image-list-right {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    height: 100%;
    display: grid;
}

.loop-container {
    grid-column-gap: 40px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    align-items: center;
    width: 100%;
    display: flex;
}

.thank-you-text {
    text-transform: capitalize;
    margin-bottom: 15px;
    font-family: EB Garamond, sans-serif;
    font-size: 30px;
    font-weight: 600;
    line-height: 1.3em;
    display: block;
}

.images-layout {
    grid-column-gap: 1rem;
    width: 100%;
    display: flex;
    position: relative;
    overflow: hidden;
}

.image-content-right {
    grid-column-gap: 1rem;
    align-items: center;
    width: 100%;
    height: 100vh;
    overflow: hidden;
}

.coming-soon-overlay {
    z-index: 1;
    background-color: rgba(255, 255, 255, 0.05);
    background-image: linear-gradient(
        45deg,
        rgba(81, 246, 207, 0.5),
        var(--transparent) 39%,
        var(--transparent) 63%,
        rgba(252, 255, 112, 0.5)
    );
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

.subscribe-form-footer-2 {
    z-index: 10;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    background-color: rgba(255, 255, 255, 0);
    border-radius: 0;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    padding: 0;
    display: flex;
    position: relative;
}

.primary-dark-button-2 {
    z-index: 100;
    grid-column-gap: 5px;
    text-align: center;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    -webkit-text-fill-color: inherit;
    background-color: #63ab45;
    background-image: none;
    background-clip: border-box;
    border: 1px solid #63ab45;
    border-radius: 100px;
    justify-content: center;
    height: auto;
    min-height: 45px;
    max-height: 45px;
    padding: 15px 20px;
    font-size: 12px;
    line-height: 1em;
    transition-duration: 0.35s;
    display: flex;
    position: relative;
}

.primary-dark-button-2:hover {
    background-color: #01444a;
    border-color: #01444a;
}

.error-outdoor-message {
    color: var(--pink);
    text-align: center;
    background-color: rgba(0, 0, 0, 0);
    margin-top: 30px;
    padding: 0;
}

.footer-bottom-form {
    flex-flow: wrap;
    justify-content: center;
    width: 100%;
    margin-bottom: 0;
    display: flex;
}

.coming-soon-wrapper-2 {
    flex-direction: column;
    align-items: flex-start;
    max-width: 690px;
    display: flex;
}

.loop-image-list-left {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    column-count: 2;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    align-self: center;
    column-gap: 1.5rem;
    width: 100%;
    height: 100%;
    margin-top: -60%;
    display: grid;
}

.coming-soon-heading-3 {
    text-transform: capitalize;
    width: 100%;
    margin-top: 60px;
    margin-bottom: 0;
    font-size: 55px;
}

.hero-form-coming-soon-2 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    display: flex;
}

.primary-button-subscribe {
    border: 1px solid var(--primary-dark);
    background-color: var(--primary-dark);
    color: var(--white);
    text-align: center;
    letter-spacing: 0.6px;
    text-transform: capitalize;
    border-radius: 8px;
    justify-content: center;
    align-items: center;
    width: 100%;
    min-width: 120px;
    min-height: 50px;
    padding: 12px 18px;
    font-size: 16px;
    font-weight: 400;
    transition: all 0.35s;
    display: flex;
}

.primary-button-subscribe:hover {
    background-color: var(--transparent);
    color: var(--primary-dark);
}

.overlay-404-page {
    background-color: rgba(255, 254, 240, 0.55);
    background-image: radial-gradient(
            circle farthest-corner at 50% 50%,
            rgba(255, 255, 255, 0.5),
            var(--transparent) 70%
        ),
        linear-gradient(
            225deg,
            rgba(252, 255, 112, 0.75),
            var(--transparent) 38%,
            var(--transparent) 59%,
            rgba(81, 246, 207, 0.7)
        );
    width: 102%;
    height: 102%;
    position: absolute;
    top: -1%;
    bottom: 0%;
    left: -1%;
    right: 0%;
}

._404-text {
    text-align: center;
    width: 100%;
    margin-top: 20px;
    margin-bottom: 40px;
}

.no-shrink-btn-2 {
    display: inline-block;
}

._404-content-wrapper-2 {
    z-index: 100;
    text-align: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    max-width: 700px;
    display: flex;
    position: relative;
}

._404-title {
    z-index: 100;
    color: var(--pink);
    margin-top: 0;
    margin-bottom: 40px;
    font-family: Shadows Into Light;
    font-size: 150px;
    line-height: 0.9em;
}

._404-content {
    z-index: 100;
    padding-left: 40px;
    padding-right: 40px;
    position: relative;
}

._404-logo-wrapper-2 {
    z-index: 100;
    justify-content: center;
    display: flex;
    position: absolute;
    top: 40px;
    bottom: auto;
    left: 0%;
    right: 0%;
}

.bg-404-video {
    background-image: url("https://cdn.prod.website-files.com/65e4701f92929f8f0c4b6ee9/66138956107e5d9dfbaf88e8_Blog%20Img%202.webp");
    background-position: 50%;
    background-size: cover;
    border-radius: 12px;
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
    width: auto;
    height: auto;
    margin: 0.625rem;
    display: flex;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
    overflow: hidden;
}

._404-wrapper {
    z-index: 10;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100vh;
    padding-top: 60px;
    padding-left: 15px;
    padding-right: 15px;
    display: flex;
    position: relative;
}

.primary-dark-button-3 {
    z-index: 100;
    grid-column-gap: 5px;
    text-align: center;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    -webkit-text-fill-color: inherit;
    background-color: #63ab45;
    background-image: none;
    background-clip: border-box;
    border: 1px solid #63ab45;
    border-radius: 100px;
    justify-content: center;
    height: auto;
    min-height: 45px;
    max-height: 45px;
    padding: 15px 20px;
    font-size: 12px;
    line-height: 1em;
    transition-duration: 0.35s;
    display: flex;
    position: relative;
}

.primary-dark-button-3:hover {
    background-color: #01444a;
    border-color: #01444a;
}

.error-404-text {
    text-align: center;
    margin-top: 0;
    margin-bottom: 0;
}

.button-hero-wrapper-3 {
    flex: none;
    transition: all 0.5s;
}

.button-hero-wrapper-3:hover {
    box-shadow: 0 0 10px rgba(255, 255, 255, 0.1);
}

.our-rights-wrapper {
    z-index: 20;
    grid-template-rows: 1fr;
    grid-template-columns: minmax(5vw, 1fr) minmax(auto, 1500px) minmax(
            5vw,
            1fr
        );
    grid-auto-rows: auto;
    grid-auto-columns: 1fr;
    justify-content: space-between;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    position: relative;
}

.baner-soft-green-color {
    flex-flow: column;
    justify-content: space-between;
    display: flex;
    position: relative;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: 0%;
}

.rights-top-content {
    height: 100%;
    padding-top: 160px;
    padding-bottom: 80px;
    position: relative;
}

.section-rights {
    grid-column-gap: 80px;
    grid-row-gap: 80px;
    flex-flow: column;
    display: flex;
    position: relative;
    overflow: hidden;
}

.subtitle-yellow {
    color: var(--primary);
    text-align: left;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    margin-bottom: 20px;
    font-family: EB Garamond, sans-serif;
    font-weight: 500;
}

.rights-description,
.rights-terms-title {
    color: var(--white);
}

.restrictions-list {
    background-color: var(--white);
    color: var(--primary);
    margin-top: 15px;
    margin-bottom: 20px;
}

.scroll-large-text {
    z-index: 10;
    border-radius: 30px;
    flex-direction: column;
    justify-content: center;
    padding-bottom: 80px;
    display: flex;
    position: relative;
    overflow: hidden;
}

.scroll-banner-strip {
    z-index: 40;
    color: #fff;
    white-space: nowrap;
    font-size: 6vw;
    line-height: 1;
    display: flex;
    position: relative;
}

.scroll-right-text {
    background-image: linear-gradient(
        225deg,
        var(--soft-green),
        var(--primary)
    );
    text-transform: capitalize;
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
    font-size: 7vw;
    font-weight: 600;
}

.avatar-position {
    color: var(--pink);
    letter-spacing: 0.1em;
    text-transform: uppercase;
    align-self: flex-start;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.4em;
}

.previ-post-arrow {
    color: #afafaf;
    margin-right: 25px;
    font-family: "Fa solid 900", sans-serif;
}

.blog-link-pagination {
    -webkit-text-fill-color: inherit;
    background-image: none;
    background-clip: border-box;
    align-items: center;
    width: auto;
    display: flex;
}

.news-overlay-2 {
    background-image: linear-gradient(
        200deg,
        rgba(233, 154, 0, 0.55),
        var(--transparent) 44%,
        rgba(252, 255, 112, 0.4)
    );
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

.general-rewiev-wrap {
    grid-column-gap: 60px;
    justify-content: space-between;
    display: flex;
}

.base-container-4 {
    flex-direction: column;
    align-items: center;
    width: 100%;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
    display: flex;
}

.photo-autor {
    background-image: url("https://cdn.prod.website-files.com/65e4701f92929f8f0c4b6ee9/65fae08b8924bb74091e279b_Small%20Photo%207.webp");
    background-position: 50%;
    background-size: cover;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

.link-hover-fill-2 {
    background-color: var(--primary);
    border-radius: 100%;
    display: none;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

.avatar-name {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 22px;
}

.next-post-arrow-icon {
    color: #afafaf;
    margin-left: 25px;
    font-family: "Fa solid 900", sans-serif;
}

.avatar-info-2 {
    grid-row-gap: 8px;
    flex-direction: column;
    justify-content: center;
    display: flex;
}

.quote-large {
    width: 40px;
}

.background-blog-wrapper-2 {
    z-index: 1;
    border-radius: 12px;
    justify-content: center;
    align-items: center;
    margin: 0.625rem;
    display: flex;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
    overflow: hidden;
}

.date-line-container {
    width: 40px;
    position: relative;
    overflow: hidden;
}

.avatar-photo {
    border: 2px solid var(--pink);
    background-image: url("https://cdn.prod.website-files.com/65e4701f92929f8f0c4b6ee9/65f9bed43560a1a6a49b6163_Smal%20Img%201.webp");
    background-position: 50% 0;
    background-size: cover;
    border-radius: 100%;
    flex: none;
    width: 80px;
    height: 80px;
}

.subtitle-data {
    color: var(--pink);
    letter-spacing: 0.1em;
    text-transform: uppercase;
    font-family: EB Garamond, sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 1em;
}

.review-photo {
    border-radius: 12px;
    width: 35%;
    position: relative;
    overflow: hidden;
}

.top-text-blog {
    color: var(--pink);
    margin-top: 0;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 600;
    display: inline-block;
}

.top-text-blog.dark-text {
    color: var(--primary-dark);
}

.blog-template-pagination-2 {
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin-top: 80px;
    display: flex;
}

.slider-blog-arrow {
    border-right: 1px solid var(--green-20);
    justify-content: flex-start;
    align-items: center;
    width: 50%;
    height: auto;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-right: 80px;
    display: flex;
    top: auto;
    bottom: 0;
}

.slider-blog-arrow.right {
    border-right-style: none;
    justify-content: flex-end;
    padding-left: 80px;
    padding-right: 0;
    left: auto;
}

.review-blog-details {
    color: #000;
    flex-direction: row;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    align-content: center;
    margin-top: 60px;
    margin-bottom: 60px;
    text-decoration: none;
    display: flex;
    position: relative;
}

.white-review {
    margin-top: 20px;
    margin-bottom: 40px;
    font-size: 22px;
    font-weight: 600;
}

.date-wrap {
    z-index: 100;
    grid-column-gap: 20px;
    align-items: center;
    display: flex;
    position: relative;
}

.scroll-blog-circle-2 {
    z-index: 100;
    border: 1px solid var(--green-20);
    border-radius: 100%;
    justify-content: center;
    align-items: center;
    width: 140px;
    height: 140px;
    display: flex;
    position: relative;
}

.scroll-blog-circle-2:hover {
    opacity: 1;
}

.blog-details-link {
    letter-spacing: 0;
    text-transform: capitalize;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 18px;
    line-height: 1.4em;
}

.section-blog {
    padding-top: 80px;
    padding-bottom: 80px;
    position: relative;
}

.blog-review {
    border: 1px solid var(--pink-50);
    background-color: var(--soft-orange);
    border-radius: 12px;
    width: 100%;
    padding: 40px;
}

.blog-arrow-2 {
    z-index: 100;
    height: 30px;
    position: relative;
    transform: rotate(45deg);
}

.banner-paragraph {
    width: 77%;
    margin-top: 0;
    margin-bottom: 0;
}

.section-blog-details-2 {
    background-color: var(--primary);
    justify-content: center;
    align-items: stretch;
    height: 500px;
    padding-top: 160px;
    padding-bottom: 160px;
    display: flex;
    position: relative;
}

.blog-intro-content-2 {
    grid-column-gap: 180px;
    grid-row-gap: 12px;
    flex-direction: column;
    grid-template-rows: 1fr;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-items: flex-start;
    justify-items: start;
    width: 75%;
    min-height: 450px;
    padding-top: 150px;
    padding-bottom: 80px;
    display: flex;
}

.testimoninal-home-3 {
    width: 65%;
}

.date-line {
    background-color: var(--pink);
    width: 40px;
    height: 1px;
}

.categories-link-4 {
    z-index: 10;
    -webkit-backdrop-filter: blur(1px);
    backdrop-filter: blur(1px);
    border-radius: 100vw;
    padding: 10px 15px;
    position: relative;
    overflow: hidden;
}

.main-avatar-wrap {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    display: flex;
}

.blog-template-next-2 {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    text-align: right;
    flex-direction: column;
    align-items: flex-end;
    display: flex;
}

.blog-template-next-2.left {
    text-align: left;
    align-items: flex-start;
}

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

.sidebar-recent-posts-2 {
    border: 1px solid rgba(175, 175, 175, 0.3);
    border-radius: 12px;
    margin-top: 30px;
    margin-bottom: 30px;
    padding: 20px 20px 30px;
}

.collection-blog-3-item {
    border-radius: 12px;
    justify-content: center;
    align-items: center;
    width: 48%;
    display: flex;
    position: relative;
    overflow: hidden;
}

.collection-blog-3-item:nth-child(odd) {
    margin-bottom: -80px;
}

.collection-blog-3-item:nth-child(2n) {
    margin-top: 80px;
    margin-bottom: -80px;
}

.sidebar-recent-posts-wrapper-2 {
    margin-top: 20px;
}

.sidebar-category-item {
    display: flex;
}

.blog-3-grid {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-wrap: wrap;
    grid-template-rows: auto auto;
    grid-template-columns: 50% 50%;
    grid-auto-columns: 1fr;
    justify-content: space-between;
    align-items: start;
    width: 100%;
    padding-bottom: 80px;
    display: flex;
}

.blog-sidebar-right {
    flex-direction: column;
    position: -webkit-sticky;
    position: sticky;
    top: 60px;
}

.recent-title {
    margin-top: 0;
}

.collection-list-wrapper {
    width: 100%;
}

.section-news {
    background-color: #fff;
    padding-top: 80px;
    padding-bottom: 80px;
    position: relative;
}

.blog-3-form-white {
    z-index: 10;
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    border-radius: 0;
    flex-direction: column;
    justify-content: space-between;
    align-items: stretch;
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    margin-bottom: 0;
    padding: 0;
    display: flex;
    position: relative;
}

.collection-list-8 {
    grid-row-gap: 20px;
    flex-direction: column;
    justify-content: space-between;
    display: flex;
}

.sidebar-categories-wrapper {
    margin-top: 20px;
}

.sidebar-categories-list-2 {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    flex-wrap: wrap;
    display: flex;
}

.blog-sidebar-wrap {
    grid-column-gap: 30px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 0.5fr;
    grid-auto-columns: 1fr;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: grid;
    position: relative;
}

.sidebar-recent-post-item-2 {
    flex-direction: column;
    align-items: center;
    display: flex;
}

.sidebar-categories-2 {
    border: 1px solid rgba(175, 175, 175, 0.3);
    border-radius: 12px;
    padding: 20px 20px 30px;
}

.blog-sidebar-right-wrapper-2 {
    position: -webkit-sticky;
    position: sticky;
    top: 110px;
}

.news-title {
    letter-spacing: 0;
    margin-top: 0;
    margin-bottom: 0;
    font-family: EB Garamond, sans-serif;
    font-size: 24px;
    font-weight: 500;
    transition: all 0.35s;
}

.recent-posts-con {
    flex-direction: column;
    justify-content: center;
    display: flex;
}

.tab-top-2 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    cursor: pointer;
    grid-template-rows: auto;
    grid-template-columns: 1fr auto;
    grid-auto-columns: 1fr;
    width: 100%;
    padding-top: 36px;
    padding-bottom: 36px;
    transition: padding 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    position: relative;
    overflow: hidden;
}

.tab-top-2:hover {
    padding-left: 36px;
    padding-right: 36px;
}

.tab-top-2.recent-posts {
    padding: 0 10px 0 0;
}

.subtitle-gray {
    color: rgba(22, 8, 40, 0.7);
    margin-top: 0;
    margin-bottom: 0;
}

.hover-blog-cover {
    z-index: 1;
    background-color: var(--soft-orange);
    border-radius: 12px;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

.recent-blog-img {
    background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
    background-position: 50%;
    background-size: cover;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

.sidebar-recent-post-link {
    z-index: 100;
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    letter-spacing: 0;
    text-transform: capitalize;
    grid-template-rows: auto;
    grid-template-columns: auto 1fr;
    grid-auto-columns: 1fr;
    align-items: center;
    height: 100%;
    display: grid;
    position: relative;
}

.sidebar-recent-post-link:hover {
    opacity: 1;
}

.sidebar-recent-post-image-2 {
    z-index: 100;
    border-radius: 12px;
    width: 80px;
    height: 100px;
    position: relative;
    overflow: hidden;
}

.article-2 {
    width: 100%;
}

.subtitle-blog {
    margin-top: 0;
    font-size: 20px;
}

.primary-button-search {
    border: 1px solid var(--primary-dark);
    background-color: var(--primary-dark);
    color: var(--white);
    text-align: center;
    letter-spacing: 0.6px;
    text-transform: capitalize;
    border-radius: 8px;
    justify-content: center;
    align-items: center;
    width: 100%;
    min-width: 120px;
    min-height: 50px;
    padding: 12px 18px;
    font-size: 16px;
    font-weight: 400;
    transition: all 0.35s;
    display: flex;
}

.primary-button-search:hover {
    background-color: var(--transparent);
    color: var(--primary-dark);
}

.category-img {
    background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
    background-position: 50%;
    background-size: cover;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
    opacity: 0.5;
}

.overlay-category-banner {
    display: flex;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

.hero-rich-text-style h1,
.hero-rich-text-style h2 {
    margin-top: 0;
    margin-bottom: 15px;
}

.hero-rich-text-style h3,
.hero-rich-text-style h4,
.hero-rich-text-style h5,
.hero-rich-text-style h6 {
    margin-top: 30px;
    margin-bottom: 15px;
}

.hero-rich-text-style figure {
    border-radius: 15px;
    margin-top: 40px;
    margin-bottom: 40px;
    overflow: hidden;
}

.hero-rich-text-style ul {
    margin-top: 15px;
    margin-bottom: 30px;
}

.testimonials-banner {
    padding-top: 80px;
    padding-bottom: 0;
    position: relative;
    overflow: hidden;
}

.review-info-item {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
    justify-content: space-between;
    height: auto;
    min-height: 170px;
    display: flex;
}

.our-feedback-wrap.top-space {
    margin-top: 60px;
}

.reviews-grid {
    grid-column-gap: 15px;
    grid-row-gap: 60px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 95%;
    margin-left: auto;
    margin-right: auto;
    display: grid;
}

.autor-image {
    z-index: 10;
    border-radius: 12px;
    height: 100%;
    position: relative;
    overflow: hidden;
}

.section-careers {
    background-color: var(--dark-green);
    border-radius: 30px;
    margin-left: 0.625rem;
    margin-right: 0.625rem;
    padding-top: 80px;
    padding-bottom: 80px;
    position: relative;
}

.career-wrapper {
    border-left: 1px solid var(--white-20);
    flex: 1;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    padding-left: 50px;
    display: flex;
}

.list-career-item {
    border-bottom: 1px solid var(--white-20);
    color: #000;
    flex-direction: row;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    align-content: center;
    height: 100%;
    min-height: 160px;
    padding-bottom: 60px;
    text-decoration: none;
    display: flex;
    position: relative;
}

.hover-white-line {
    border-bottom: 1px solid var(--white);
    width: 100%;
    height: 100%;
}

.career-description {
    color: var(--white);
    text-transform: none;
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5em;
}

.latest-career-text {
    color: var(--white);
    margin-top: 0;
    margin-bottom: 0;
}

.career-title {
    color: var(--white);
    margin-top: 0;
    margin-bottom: 20px;
}

.career-list-grid {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    flex-direction: column;
    grid-template-rows: 1fr 1fr;
    grid-template-columns: 1fr;
    grid-auto-rows: 1fr;
    grid-auto-columns: 1fr;
    align-content: stretch;
    align-items: stretch;
    display: flex;
}

.carer-hero-title {
    color: var(--white);
    margin-top: 0;
    margin-bottom: 0;
    font-size: 30px;
    line-height: 1.4em;
    display: inline-block;
    position: relative;
}

.carer-hero-title.color-hover {
    color: var(--primary);
}

.contacts-service {
    z-index: 50;
    grid-column-gap: 20px;
    border-top: 1px solid var(--white-20);
    border-bottom: 1px solid var(--white-20);
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
    padding-top: 15px;
    padding-bottom: 15px;
    display: flex;
    position: relative;
}

.job-position-icon-2 {
    color: var(--primary);
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 10px;
    padding-left: 2px;
    padding-right: 2px;
    font-family: "Fa solid 900", sans-serif;
    font-size: 18px;
}

.field-lable {
    color: #fff;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    margin-bottom: 10px;
    font-size: 12px;
    font-weight: 400;
}

.field-lable.no-paddings {
    margin-top: 0;
    margin-bottom: 0;
}

.career-container {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    letter-spacing: 0;
    text-transform: none;
    flex-flow: wrap;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    display: flex;
    overflow: hidden;
}

.career-container:hover {
    opacity: 1;
}

.career-image-container {
    border-radius: 15px;
    flex: none;
    width: 100%;
    height: 300px;
    overflow: hidden;
}

.career-wrapper-name {
    width: 100%;
    position: relative;
    overflow: hidden;
}

.career-text-content {
    flex-direction: column;
    width: 100%;
    display: flex;
}

.stacked-career-heading {
    grid-row-gap: 40px;
    flex-direction: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: flex;
}

.medium-image {
    border-radius: 8px;
    margin-top: -36px;
    position: relative;
    overflow: hidden;
}

.large-image {
    border-radius: 8px;
    min-height: 320px;
    position: relative;
    overflow: hidden;
}

.team-images {
    z-index: 100;
    grid-column-gap: 18px;
    grid-row-gap: 18px;
    grid-template-rows: auto auto;
    grid-template-columns: 0.5fr 0.5fr 0.5fr 0.5fr;
    grid-auto-columns: 1fr;
    width: 95%;
    margin-left: auto;
    margin-right: auto;
    display: grid;
    position: relative;
}

.small-image {
    border-radius: 8px;
    width: 100%;
    margin-top: 36px;
    margin-bottom: 36px;
    position: relative;
    overflow: hidden;
}

.paralax-background {
    background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
    background-position: 50%;
    background-size: cover;
    margin-top: -36px;
    margin-bottom: -36px;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

.paralax-background.about-five {
    background-image: url("https://cdn.prod.website-files.com/65e4701f92929f8f0c4b6ee9/65fae5f9859c38fad75dc113_Blog%204.webp");
    background-position: 50% 0;
}

.paralax-background.about-seven {
    background-image: url("https://cdn.prod.website-files.com/65e4701f92929f8f0c4b6ee9/66138956174763711b47315f_Blog%20Img%204.webp");
    background-position: 50% 0;
}

.paralax-background.about-one {
    background-image: url("https://cdn.prod.website-files.com/65e4701f92929f8f0c4b6ee9/660f9f9f23b47130d9227295_Features%201.webp");
    background-position: 50%;
}

.paralax-background.about-three {
    background-image: url("https://cdn.prod.website-files.com/65e4701f92929f8f0c4b6ee9/660ba7f9bc7ef434f6c03125_Photo%2011%20(1).webp");
    background-position: 80% 0;
}

.paralax-background.about-six {
    background-image: url("https://cdn.prod.website-files.com/65e4701f92929f8f0c4b6ee9/65f9ccd3ce1c46eabafad064_Photo%202.webp");
    background-position: 30% 0;
}

.paralax-background.about-four {
    background-image: url("https://cdn.prod.website-files.com/65e4701f92929f8f0c4b6ee9/65eafd21b1deb509f02488f2_Banner%201%20(1).webp");
    background-position: 50% 0;
}

.paralax-background.about-two {
    background-image: url("https://cdn.prod.website-files.com/65e4701f92929f8f0c4b6ee9/66138956107e5d9dfbaf88e8_Blog%20Img%202.webp");
    background-position: 50% 0;
}

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

.outline-hover-circle {
    z-index: 10;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    background-color: rgba(66, 94, 103, 0.2);
    border: 1px solid #fff;
    border-radius: 100%;
    justify-content: center;
    align-items: center;
    width: 55px;
    height: 55px;
    display: flex;
    position: relative;
}

.hover-circle-wrapper {
    border-radius: 10px 40px;
    justify-content: center;
    align-items: center;
    max-width: 100%;
    max-height: 100%;
    padding: 60px;
    display: flex;
    position: relative;
}

.insragram-icon {
    color: #fff;
    font-family: "Fa solid 900", sans-serif;
    font-size: 20px;
    font-weight: 400;
}

.instagram {
    border-radius: 10px 40px;
    justify-content: center;
    align-items: center;
    height: 16vw;
    max-height: 425px;
    padding: 0;
    display: flex;
    position: relative;
    overflow: hidden;
}

.gallery-lightbox {
    z-index: 10;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
    overflow: hidden;
}

.lightbox-gallery-ov {
    z-index: 3;
    background-color: rgba(22, 8, 40, 0.05);
    background-image: linear-gradient(
        225deg,
        rgba(81, 246, 207, 0.4),
        rgba(22, 8, 40, 0.05) 50%,
        rgba(252, 255, 112, 0.4)
    );
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

.video-btn-icon {
    padding-left: 2px;
    font-family: "Fa solid 900", sans-serif;
    font-size: 18px;
    line-height: 1em;
    display: inline-flex;
}

.banner-pricing {
    flex-flow: column;
    justify-content: space-between;
    display: flex;
    position: relative;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: 0%;
}

.pricing-top-content {
    height: 100%;
    padding-top: 160px;
    padding-bottom: 60px;
    position: relative;
}

.underline-link-content {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    color: var(--primary-dark);
    align-items: center;
    height: 1.85rem;
    text-decoration: none;
    display: flex;
    position: relative;
}

.inner-demo-banner {
    background-color: var(--soft-dark-green);
    border-radius: 30px;
    justify-content: center;
    align-items: center;
    width: auto;
    height: auto;
    min-height: auto;
    margin-left: 10px;
    margin-right: 10px;
    padding: 80px 30px 80px 15px;
    display: flex;
    position: relative;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
    overflow: hidden;
}

.demo-title-con {
    z-index: 25;
    text-align: center;
    justify-content: flex-start;
    align-items: center;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

.demo-description {
    z-index: 25;
    color: var(--white);
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

.demo-banner-content {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    align-items: start;
    justify-items: stretch;
    display: grid;
}

.text-form-color {
    color: var(--primary);
    margin-top: 30px;
    margin-bottom: 15px;
    font-size: 16px;
    font-weight: 500;
    display: inline-block;
}

.text-form-color.top-text {
    margin-top: 0;
}

.primary-color-yellow-button {
    border: 1px solid var(--primary);
    background-color: var(--primary);
    color: var(--primary-dark);
    text-align: center;
    letter-spacing: 0.6px;
    text-transform: capitalize;
    border-radius: 8px;
    justify-content: center;
    align-items: center;
    width: 100%;
    min-width: 120px;
    padding: 12px 18px;
    font-size: 16px;
    font-weight: 500;
    transition: all 0.35s;
    display: flex;
}

.primary-color-yellow-button:hover {
    background-color: var(--transparent);
    color: var(--white);
}

.large-demo-title {
    z-index: 10;
    color: var(--white);
    background-image: url("https://cdn.prod.website-files.com/65e4701f92929f8f0c4b6ee9/661000498c9c488d2dd36811_Underline_Yellow.png");
    background-position: 50% 100%;
    background-repeat: no-repeat;
    background-size: 40%;
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 20px;
    font-size: 75px;
    position: relative;
}

.top-demo-title {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: column;
    display: flex;
}

.demo-print-1 {
    width: auto;
    height: 100px;
    position: absolute;
    top: 43%;
    bottom: auto;
    left: auto;
    right: 10%;
}

.demo-print-2 {
    width: auto;
    height: 90px;
    position: absolute;
    top: 12%;
    bottom: auto;
    left: 9%;
    right: auto;
}

.demo-print-4 {
    height: 120px;
    position: absolute;
    top: 4%;
    bottom: auto;
    left: auto;
    right: 20%;
}

.demo-reviews {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    display: none;
}

.feedback-green-wrapper {
    background-color: var(--primary);
    border-radius: 100%;
    width: 55px;
    height: 55px;
    margin-left: -20px;
    position: relative;
}

.rewiews-par-white {
    color: var(--white);
    margin-top: 0;
    margin-bottom: 0;
}

.span-text-color {
    color: var(--primary);
    font-weight: 500;
}

.small-star-rating {
    background-image: linear-gradient(
        45deg,
        var(--dark-yellow) 4%,
        var(--primary) 91%
    );
    color: var(--primary);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
    margin-top: 0;
    margin-bottom: 0;
    font-family: "Fa solid 900", sans-serif;
    font-size: 14px;
}

.app-button {
    background-color: var(--dark-green);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    -webkit-text-fill-color: inherit;
    background-clip: border-box;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 12px;
    justify-content: center;
    align-items: center;
    padding: 10px 25px;
    display: flex;
    box-shadow: 0 0 5px rgba(233, 154, 0, 0);
}

.app-button:hover {
    border-color: var(--white-50);
    box-shadow: 0 0 5px rgba(233, 154, 0, 0.35);
}

.app-button-primary {
    background-color: var(--pink);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    -webkit-text-fill-color: inherit;
    background-clip: border-box;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 12px;
    justify-content: center;
    align-items: center;
    padding: 10px 25px;
    display: flex;
    box-shadow: 0 0 5px rgba(233, 154, 0, 0);
}

.app-button-primary:hover {
    border-color: var(--white-50);
    box-shadow: 0 0 5px rgba(233, 154, 0, 0.35);
}

.app-banner-wrap {
    grid-column-gap: 15px;
    justify-content: flex-start;
    align-items: flex-end;
    width: 100%;
    display: flex;
}

.banner-text-wrap {
    width: 100%;
}

.app-hero-content {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
    position: relative;
}

.orange-text {
    color: var(--pink);
    letter-spacing: 0.1em;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 0;
    font-family: Inter, sans-serif;
    font-size: 13px;
    font-weight: 600;
}

.section-content-full {
    width: 100%;
    display: flex;
}

.section-content-full.border {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.grid-column-blocks {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    border-bottom: 1px solid var(--compare-border);
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    display: flex;
}

.grid-column-blocks.last-row {
    border-bottom-style: none;
}

.table-content {
    border: 1px solid var(--green-20);
    border-radius: 10px;
    flex-flow: column;
    width: 100%;
    margin-top: 50px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
}

.number-orange {
    color: var(--pink);
    flex-direction: row;
    align-items: flex-start;
    font-size: 50px;
    font-weight: 500;
    line-height: 1em;
}

.check {
    border: 1px solid var(--orange-70);
    background-color: var(--pink);
    color: var(--white);
    border-radius: 100px;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    padding: 15px;
    font-family: "Fa solid 900", sans-serif;
    line-height: 1em;
    display: flex;
    box-shadow: 0 2px 10px rgba(22, 8, 40, 0.2);
}

.check.close {
    border-color: var(--5-green);
    background-color: var(--light-green);
    color: var(--dark-green);
}

.column-blocks {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    border-bottom: 1px solid var(--green-20);
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    display: flex;
}

.button-compare {
    border: 1px solid var(--orange-70);
    background-color: var(--soft-orange);
    text-align: center;
    border-radius: 8px;
    padding: 12px 30px;
}

.pricing-plan-currency-icon {
    margin-right: 5px;
    font-size: 22px;
    font-weight: 700;
    display: inline;
    position: relative;
    top: -14px;
}

.block-best-deal {
    background-color: var(--dark-green);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    justify-content: center;
    align-items: center;
    height: 50px;
    margin-top: -49px;
    margin-left: -1px;
    margin-right: -1px;
    padding-top: 10px;
    padding-bottom: 10px;
    display: flex;
    position: absolute;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: 0%;
    overflow: hidden;
}

.text-icon {
    color: var(--pink);
    font-family: "Fa solid 900", sans-serif;
}

.compare-content-block {
    grid-row-gap: 12px;
    text-align: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 24px 20px;
    display: flex;
}

.compare-content-block.space-batween-first {
    grid-row-gap: 30px;
    border-right: 1px solid var(--green-20);
    border-left: 1px solid var(--green-20);
    background-color: rgba(66, 94, 103, 0.05);
    justify-content: space-between;
    position: relative;
}

.compare-content-block.space-batween {
    grid-row-gap: 30px;
    justify-content: space-between;
}

.compare-content-block.border-last {
    z-index: 10;
    border-right: 1px solid var(--green-20);
    border-bottom: 1px solid var(--green-20);
    border-left: 1px solid var(--green-20);
    background-color: var(--compare-light-bg);
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    margin-bottom: -20px;
    padding-bottom: 40px;
    position: relative;
}

.compare-content-block.border {
    border-right: 1px solid var(--green-20);
    border-left: 1px solid var(--green-20);
    background-color: var(--5-green);
}

.compare-content-block.inner-border {
    border-right: 1px solid var(--green-20);
    border-left: 1px solid var(--green-20);
}

.compare-content-block.space-batween-border {
    grid-row-gap: 30px;
    border-right: 1px solid var(--green-20);
    border-left: 1px solid var(--green-20);
    justify-content: space-between;
}

.compare-logo {
    width: auto;
    max-width: none;
    height: 15px;
}

.dark-compare-text {
    color: var(--primary-dark);
    letter-spacing: 0.1em;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 0;
    font-family: Inter, sans-serif;
    font-size: 13px;
    font-weight: 600;
}

.best-deal {
    color: var(--white);
    letter-spacing: 0.1em;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
}

.month-price {
    margin-bottom: 5px;
}

.primary-button-orange {
    border: 1px solid var(--pink);
    background-color: var(--pink);
    color: var(--white);
    text-align: center;
    letter-spacing: 0.6px;
    text-transform: capitalize;
    border-radius: 8px;
    justify-content: center;
    align-items: center;
    min-width: 120px;
    padding: 12px 18px;
    transition: all 0.35s;
    display: flex;
}

.primary-button-orange:hover {
    background-color: var(--transparent);
    color: var(--primary-dark);
}

.licence-link-wrapper {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    display: flex;
}

.licensing-photo-link {
    border-radius: 8px;
    justify-content: center;
    width: 100%;
    height: 100%;
    display: flex;
    position: relative;
    overflow: hidden;
}

.licensing-photo-link:hover {
    opacity: 1;
}

.licensing-small-image {
    object-fit: cover;
    border-radius: 8px;
    width: 100%;
    height: 320px;
}

.licens-wrap {
    z-index: 50;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

.hover-circle-wrapper-5 {
    z-index: 10;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 100%;
    height: 100%;
    max-height: 100%;
    padding: 60px;
    display: flex;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

.outline-hover-circle-5 {
    z-index: 10;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 100%;
    justify-content: center;
    align-items: center;
    width: 60px;
    height: 60px;
    display: flex;
    position: relative;
}

.eye-icon {
    color: var(--primary-dark);
    background-color: #fff;
    border-radius: 100%;
    padding: 5px;
    font-family: "Fa solid 900", sans-serif;
    font-size: 18px;
    font-weight: 400;
}

.licence-line {
    background-color: var(--green-20);
    width: 100%;
    height: 1px;
    position: absolute;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: auto;
}

.landing-content {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    text-align: center;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    width: 70%;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    position: relative;
}

.demos-hero-wrap {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-flow: column;
    display: flex;
}

.landing-cta-title {
    margin-top: 0;
    margin-bottom: 20px;
}

.lp-link {
    color: var(--primary);
    letter-spacing: 0.2px;
    font-size: 15px;
}

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

.section-lp-title {
    margin-top: 0;
    margin-bottom: 0;
}

.section-lp-title-description {
    text-align: center;
    width: 80%;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
}

.section-lp-title-wrapper {
    text-align: center;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    max-width: 740px;
    margin-bottom: 60px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
}

.features-subtitle {
    color: var(--primary);
}

.feature-text-white {
    color: var(--white);
    font-size: 15px;
}

.landing-top-content {
    height: 100%;
    padding-top: 160px;
    padding-bottom: 60px;
    position: relative;
}

.use-cases-2-card {
    grid-column-gap: 36px;
    grid-row-gap: 16px;
    border: 1px solid var(--green-20);
    letter-spacing: 0;
    text-transform: capitalize;
    border-radius: 15px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    min-height: 300px;
    padding: 18px;
    text-decoration: none;
    display: grid;
    position: relative;
    overflow: hidden;
}

.use-cases-description {
    text-transform: none;
    margin-top: 0;
    margin-bottom: 0;
}

.event-info {
    z-index: 10;
    grid-column-gap: 16px;
    grid-row-gap: 24px;
    grid-template-rows: auto 1fr;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    padding-top: 24px;
    padding-bottom: 24px;
    padding-right: 24px;
    display: grid;
    position: relative;
}

.cases-hover-cover {
    z-index: 1;
    background-color: var(--primary-light-bg);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: auto;
}

.background-event-wrapper {
    border-radius: 8px;
    height: 100%;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
    overflow: hidden;
}

.circle-wrap {
    justify-content: center;
    align-items: center;
    max-width: 100%;
    max-height: 100%;
    padding: 60px;
    display: flex;
    position: relative;
}

.start-data-event {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 14px;
}

.hero-underline-link {
    color: #fff;
    letter-spacing: 3px;
    text-transform: uppercase;
    border-bottom: 1px solid rgba(255, 255, 255, 0.8);
    padding-bottom: 6px;
    padding-left: 0;
    font-size: 9px;
    text-decoration: none;
    position: relative;
}

.hero-underline-link.dark {
    border-bottom-color: rgba(0, 0, 0, 0.1);
}

.event-title-name {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 24px;
    line-height: 1.4em;
}

.event-title-name.hover-title {
    color: var(--pink);
}

.btn-banner-text-2.button-text-bottom-full-width {
    width: 100%;
    position: absolute;
    bottom: -100%;
}

.event-image {
    z-index: 10;
    justify-content: center;
    align-items: center;
    height: 100%;
    display: flex;
    position: relative;
    overflow: hidden;
}

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

.outline-circle {
    z-index: 10;
    border: 1px solid var(--white-50);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    background-color: rgba(22, 8, 40, 0.01);
    border-radius: 100%;
    justify-content: center;
    align-items: center;
    width: 72px;
    height: 72px;
    display: flex;
    position: relative;
}

.hover-event-circle {
    justify-content: center;
    align-items: center;
    display: flex;
}

.slider-arrow {
    width: 18px;
    transform: rotate(-45deg);
}

.background-event {
    background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
    background-position: 50% 35%;
    background-size: cover;
    height: 100%;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

.upcoming-events {
    color: #000;
    margin-top: 0;
    margin-bottom: 0;
}

.our-cases-list-wrapper {
    grid-column-gap: 16px;
    grid-row-gap: 36px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: grid;
}

.verticle-line {
    background-color: var(--green-20);
    height: 100%;
    position: relative;
}

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

.popular-posts {
    grid-column-gap: 16px;
    grid-row-gap: 30px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    align-content: start;
    align-items: start;
    justify-items: stretch;
    display: grid;
    position: -webkit-sticky;
    position: sticky;
    top: 100px;
}

.grid-use-cases-2 {
    grid-column-gap: 60px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1px 0.6fr;
    grid-auto-columns: 1fr;
    align-content: start;
    align-items: start;
    justify-items: stretch;
    width: 100%;
    display: grid;
}

.cases-owerlay {
    z-index: 1;
    background-color: rgba(22, 8, 40, 0.05);
    background-image: linear-gradient(
        45deg,
        rgba(252, 255, 112, 0.4),
        rgba(22, 8, 40, 0.05) 50%,
        rgba(81, 246, 207, 0.4)
    );
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

.cases-3-grid {
    grid-column-gap: 15px;
    grid-row-gap: 60px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    width: 95%;
    margin-left: auto;
    margin-right: auto;
    display: grid;
}

.use-cases-3-grid {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    grid-template-rows: 1fr;
    grid-template-columns: 1fr 1fr;
    grid-auto-rows: 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    display: grid;
    position: relative;
}

.cursur-top-outline {
    border: 1px solid rgba(255, 255, 255, 0.25);
    border-radius: 100%;
    width: 60px;
    min-width: 60px;
    height: 60px;
    min-height: 60px;
    position: absolute;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: 0%;
}

.cursur-top-outline.bottom {
    top: auto;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

.background-wrapper {
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
    overflow: hidden;
}

.project-3-card-bottom {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    border-bottom: 1px solid var(--green-20);
    text-transform: capitalize;
    grid-template-rows: auto;
    grid-template-columns: 1fr auto;
    grid-auto-columns: 1fr;
    padding-bottom: 25px;
    display: grid;
    position: relative;
}

.underline-link-container-7 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    text-align: center;
    background-color: rgba(0, 0, 0, 0);
    border-style: none none solid;
    border-bottom-width: 1px;
    border-bottom-color: rgba(255, 255, 255, 0.25);
    border-radius: 0;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    margin-left: 0;
    margin-right: 0;
    padding: 0 0 6px;
    text-decoration: none;
    display: flex;
    position: relative;
}

.underline-link-container-7:hover {
    color: #fff;
}

.cursur-text {
    color: #fff;
    letter-spacing: 0.2px;
    text-transform: uppercase;
    white-space: nowrap;
    max-height: 24px;
    padding-left: 4px;
    position: absolute;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
}

.card-cursur {
    z-index: 25;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-rows: 1fr 24px 1fr;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    justify-items: center;
    width: 60px;
    height: 60px;
    text-decoration: none;
    display: grid;
    position: absolute;
    top: auto;
    left: auto;
}

.card-cursur.on {
    top: -42px;
    left: -30px;
}

.bg-blog-link-2 {
    z-index: 10;
    color: #fff;
    justify-content: center;
    align-items: center;
    font-size: 12px;
    display: flex;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
    overflow: hidden;
}

.bg-blog-link-2:hover {
    opacity: 1;
}

.project-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 24px;
}

.cursor-top {
    flex-direction: column;
    width: 100%;
    height: 100%;
    min-height: 18px;
    max-height: 18px;
    margin-bottom: auto;
    display: flex;
    position: absolute;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: 0%;
    overflow: hidden;
}

.cursor-top.bottom {
    margin-top: auto;
    margin-bottom: 0;
    top: auto;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

.scroll-cover {
    z-index: 90;
    background-color: var(--white);
    border-radius: 15px;
    height: 100%;
    position: absolute;
    top: -105%;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

.background-portfolio-3 {
    background-image: none;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

.underline-hover-fill {
    background-color: var(--primary-dark);
    width: 100%;
    height: 100%;
}

.portfolio-3-image-2 {
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 15px;
    justify-content: center;
    align-items: center;
    height: 400px;
    padding: 24px;
    display: flex;
    position: relative;
    overflow: hidden;
}

.underline-hover-wrapper {
    height: 1px;
    display: flex;
    position: absolute;
    top: auto;
    bottom: -1px;
    left: 0%;
    right: 0%;
    overflow: hidden;
}

.upcoming-events-link {
    grid-column-gap: 24px;
    grid-row-gap: 16px;
    color: #000;
    letter-spacing: 0;
    text-transform: capitalize;
    border-radius: 8px;
    grid-template-rows: auto;
    grid-template-columns: 35% 60%;
    grid-auto-columns: 1fr;
    align-content: center;
    width: 100%;
    padding-right: 5px;
    text-decoration: none;
    display: grid;
    position: relative;
    overflow: hidden;
}

.upcoming-events-info {
    z-index: 10;
    grid-column-gap: 16px;
    grid-row-gap: 12px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    align-content: space-between;
    padding-top: 12px;
    padding-bottom: 12px;
    display: grid;
    position: relative;
}

.upcoming-events-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 22px;
}

.background-event-wrapper-2 {
    border-radius: 8px;
    height: 100%;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
    overflow: hidden;
}

.upcoming-events-image {
    z-index: 10;
    width: 100%;
    height: 100%;
    min-height: 100px;
    position: relative;
    overflow: hidden;
}

.section-use-cases-2 {
    padding-top: 80px;
    padding-bottom: 80px;
}

.use-case-3-category {
    z-index: 25;
    background-color: var(--primary);
    color: var(--primary-dark);
    letter-spacing: 0.03em;
    border-radius: 8px;
    padding: 6px 12px;
    font-weight: 500;
    position: absolute;
    top: 15px;
    bottom: auto;
    left: auto;
    right: 15px;
}

.use-case-3-category:hover {
    background-color: var(--soft-dark-green);
    color: var(--primary);
}

.use-cases-3-banner {
    padding-top: 80px;
    padding-bottom: 80px;
    position: relative;
    overflow: hidden;
}

.dark-hover-ov {
    background-color: rgba(53, 72, 78, 0.55);
    background-image: linear-gradient(
            180deg,
            rgba(66, 94, 103, 0.1),
            var(--soft-dark-green)
        ),
        linear-gradient(
            225deg,
            rgba(81, 246, 207, 0.35) 8%,
            var(--transparent) 50%,
            rgba(12, 81, 90, 0.45) 97%
        );
    border-radius: 15px;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

.quote-orange-icon {
    width: auto;
    max-width: none;
    height: 25px;
    position: relative;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: auto;
}

.banner-1-white-description {
    color: var(--white);
    width: 100%;
}

.cta-form-title {
    z-index: 40;
    color: #fff;
    white-space: nowrap;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
    font-size: 6vw;
    line-height: 1;
    display: flex;
    position: relative;
}

.small-sticky-title {
    background-image: linear-gradient(
        225deg,
        var(--soft-green),
        var(--primary)
    );
    white-space: pre-wrap;
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
    font-size: 35px;
    font-weight: 500;
    line-height: 1.2em;
}

.customer-photo-ov {
    background-color: rgba(0, 0, 0, 0.46);
    background-image: linear-gradient(
        225deg,
        rgba(240, 109, 10, 0.27),
        var(--transparent) 52%,
        rgba(22, 8, 40, 0.65) 90%
    );
    justify-content: flex-start;
    align-items: flex-end;
    padding: 15px;
    display: flex;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

.quote-title {
    z-index: 10;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 30px;
    position: relative;
}

.quote-color-wrap {
    border: 1px solid var(--light-pink);
    background-color: var(--light-pink);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    border-radius: 100%;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 50px;
    padding: 7px;
    display: flex;
    position: absolute;
    top: 15px;
    bottom: auto;
    left: auto;
    right: 15px;
}

.small-feedback-wrap {
    background-color: var(--light-pink);
    border-radius: 100%;
    width: 55px;
    height: 55px;
    margin-left: -22px;
    position: relative;
}

.small-avatars {
    align-items: center;
    padding-left: 20px;
    display: flex;
}

.small-avatars.contact-us-page {
    margin-bottom: 0;
    padding-left: 18px;
}

.social-small-networks {
    z-index: 10;
    grid-column-gap: 30px;
    justify-content: flex-start;
    align-items: center;
    display: flex;
    position: relative;
}

.top-title-wrapper {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    text-align: center;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    width: 75%;
    margin-bottom: 60px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
}

.logo-wrapper {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex: 0 auto;
    grid-template-rows: auto;
    grid-template-columns: 0.6fr 1fr;
    grid-auto-columns: 1fr;
    align-items: center;
    justify-items: center;
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    display: grid;
}

.right-logo-wrapper {
    z-index: 35;
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    justify-content: center;
    align-items: center;
    padding-top: 40px;
    padding-bottom: 40px;
    display: flex;
    position: relative;
}

.carousel-group-bottom {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: stretch;
    margin-bottom: 40px;
    display: flex;
}

.carousel-group-bottom.desktop {
    display: none;
}

.sticky-green-container {
    z-index: 30;
    border: 1px solid var(--light-green);
    background-color: var(--primary-light-bg);
    border-radius: 30px;
    justify-content: center;
    align-items: flex-start;
    margin-left: 0.625rem;
    margin-right: 0.625rem;
    padding-top: 80px;
    padding-bottom: 80px;
    display: flex;
    position: relative;
    overflow: visible;
}

.green-logo-con {
    z-index: 30;
    border: 1px solid var(--light-green);
    background-color: var(--primary-light-bg);
    border-radius: 30px;
    justify-content: center;
    align-items: flex-start;
    margin-left: 0.625rem;
    margin-right: 0.625rem;
    display: flex;
    position: relative;
    overflow: hidden;
}

.green-logo-con.customers {
    width: 95%;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
}

.top-title-width-faq {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    text-align: center;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    width: 70%;
    margin-bottom: 60px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
}

.hire-popup {
    z-index: 1000;
    background-color: #1c276d;
    border-radius: 4px;
    width: 100%;
    max-width: 290px;
    position: fixed;
    top: auto;
    bottom: 5px;
    left: 5px;
    right: auto;
}

.hire-popup-wrap {
    grid-row-gap: 10px;
    flex-direction: column;
    padding: 15px;
    display: flex;
    position: relative;
}

.hire-paragraph {
    color: #fff;
    letter-spacing: normal;
    max-width: 93%;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
        Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans,
        Droid Sans, sans-serif;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.3em;
}

.text-orange {
    color: #f69c20;
}

.hire-buttons-wrap {
    grid-column-gap: 20px;
    display: flex;
}

.hire-buttons {
    color: #fff;
    text-align: center;
    letter-spacing: 0;
    text-transform: none;
    border: 1px solid #fff;
    border-radius: 4px;
    padding: 5px 15px;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
        Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans,
        Droid Sans, sans-serif;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.3em;
}

.hire-buttons:hover {
    color: rgba(255, 255, 255, 0.7);
}

.hire-popup-close {
    cursor: pointer;
    padding: 10px 20px;
    position: absolute;
    top: -7px;
    right: -14px;
}

.close-popup-image {
    width: 12px;
    height: 12px;
}

.more-templates {
    z-index: 1000;
    color: #000;
    letter-spacing: normal;
    text-transform: none;
    background-color: #fff;
    border: 1px solid #e4e4e4;
    border-radius: 4px;
    width: 140px;
    padding: 6px;
    font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: 700;
    line-height: 14px;
    display: flex;
    position: fixed;
    top: auto;
    bottom: 48px;
    left: auto;
    right: 12px;
}

.more-templates:hover {
    color: #000;
}

.buy-now-webflow-icon {
    margin-right: 8px;
}

.buy-this-template {
    z-index: 1000;
    color: #000;
    letter-spacing: normal;
    text-transform: none;
    background-color: #fff;
    border: 1px solid #e4e4e4;
    border-radius: 4px;
    padding: 6px;
    font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: 700;
    line-height: 14px;
    display: flex;
    position: fixed;
    top: auto;
    bottom: 12px;
    left: auto;
    right: 12px;
}

.buy-this-template:hover {
    color: #000;
}

@media screen and (min-width: 1280px) {
    h1 {
        font-size: 60px;
    }

    h2 {
        font-size: 50px;
    }

    h3 {
        font-size: 40px;
    }

    blockquote {
        font-size: 30px;
    }

    .spacing-system-column {
        padding-right: 30px;
    }

    .headings-typography-wrapper {
        width: 48%;
    }

    .style-guide-body-wrapper {
        margin-right: 60px;
    }

    .search-section {
        grid-column-gap: 100px;
        grid-row-gap: 100px;
        padding-bottom: 130px;
    }

    .customers-grid {
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }

    .landing-inner-pages-wrapper {
        grid-column-gap: 30px;
        grid-row-gap: 30px;
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }

    .landing-inner-page-item.home-screen {
        width: 31%;
    }

    .landing-download-block-wrap {
        width: 80%;
    }

    .testimonials {
        padding-top: 130px;
        padding-bottom: 130px;
    }

    .blog-section-title {
        margin-bottom: 70px;
    }

    .map-wrapper {
        padding-right: 70px;
    }

    .section-title-center {
        margin-bottom: 70px;
    }

    .about-img._3 {
        width: 340px;
    }

    .about-img._4 {
        width: 280px;
    }

    .about-img._2 {
        width: 340px;
    }

    .industries-block-wrapper {
        position: relative;
    }

    .section-with-blue-bg {
        padding-left: 40px;
        padding-right: 40px;
    }

    .search {
        width: 90%;
    }

    .center-title {
        padding-right: 140px;
    }

    .section-purchase {
        padding-top: 130px;
        padding-bottom: 130px;
    }

    .nav-dropdown-list-item.w--open {
        left: auto;
    }

    .nav-dropdown-list-item.megamenu.w--open {
        left: -264px;
    }

    .dropdown-header-item,
    .header-link-item {
        padding-left: 20px;
        padding-right: 20px;
    }

    .banner-1-section {
        min-height: 100vh;
    }

    .home-hero-content {
        margin-left: auto;
        margin-right: auto;
    }

    .banner-info-wrap {
        width: 64%;
    }

    .banner-info-wrap.why-we {
        width: 60%;
    }

    .portfolio-3-image {
        height: 450px;
    }

    .founder-image {
        min-height: 600px;
    }

    .card-collection-list {
        grid-column-gap: 100px;
        grid-row-gap: 80px;
    }

    .top-title-wrap {
        width: 65%;
    }

    .top-title-wrap.small-wdth-con {
        width: 55%;
    }

    .top-title-wrap.details-wdth {
        width: 80%;
    }

    .top-text-subtitle.price-text {
        width: 90%;
    }

    .top-text-subtitle.faq {
        width: 80%;
    }

    .top-text-subtitle.par-wdth {
        width: 90%;
    }

    .top-text-subtitle.par-wdth-details {
        width: 85%;
    }

    .card-item {
        margin-top: 60px;
    }

    .customer-feedback {
        font-size: 23px;
    }

    .customer-photo-wrap {
        min-height: 250px;
    }

    .customer-photo-item {
        background-position: 50% 120%;
    }

    .section-color-bg {
        padding-top: 130px;
        padding-bottom: 130px;
    }

    .our-price {
        grid-column-gap: 30px;
    }

    .companions-logo {
        height: 40px;
    }

    .section-services {
        padding-top: 130px;
        padding-bottom: 130px;
    }

    .lightbox-image {
        background-position: 50% 10%;
    }

    .product-grid-item {
        width: 100%;
    }

    .subtitle-space {
        width: 90%;
    }

    .bottom-light-section {
        padding-top: 130px;
        padding-bottom: 130px;
    }

    .low-content {
        padding-left: 30px;
    }

    .low-content.right-content-item {
        padding-right: 30px;
    }

    .business-image {
        background-position: 112%;
    }

    .testimonial {
        max-width: 700px;
    }

    .slider-mask-testimonials {
        width: 55%;
    }

    .reviev-dark-text {
        padding-left: 40px;
        padding-right: 40px;
        font-size: 34px;
    }

    .green-container {
        padding-top: 130px;
        padding-bottom: 130px;
    }

    .hero-footer {
        padding-top: 100px;
        padding-bottom: 60px;
    }

    .feedback-white-wrap {
        width: 70px;
        height: 70px;
    }

    .address-footer {
        width: 80%;
    }

    .video-wrapper-con {
        height: 520px;
    }

    .footer-grid {
        grid-column-gap: 40px;
    }

    .form-con-home-3 {
        grid-column-gap: 80px;
    }

    .footer-form.borders {
        padding-left: 30px;
        padding-right: 30px;
    }

    .photo-form {
        width: 60%;
    }

    .text-footer-white {
        width: 310px;
    }

    .footer-white-paradraph {
        width: 80%;
    }

    .footer-white-paradraph.par-1 {
        width: 95%;
    }

    .section-light-color {
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .latest-event-title {
        font-size: 50px;
    }

    .resources-list-grid {
        grid-column-gap: 0px;
        grid-row-gap: 0px;
    }

    .sticky-intro {
        width: 35%;
        top: 220px;
    }

    .blog-info-title-2 {
        margin-top: 24px;
    }

    .blog-image-container-2 {
        width: 300px;
        height: 350px;
    }

    .blog-name-2 {
        font-size: 30px;
    }

    .blog-container {
        grid-column-gap: 30px;
        grid-row-gap: 30px;
        flex-flow: row;
        justify-content: space-between;
        align-items: center;
        display: flex;
    }

    .list-blog-item {
        grid-column-gap: 60px;
    }

    .need-help-form {
        margin-bottom: 0;
    }

    .address-footer-top {
        width: 80%;
    }

    .short-info-wrap-2 {
        margin-top: 80px;
    }

    .contacts-item-wrap-home-1 {
        width: auto;
    }

    .content-item-home-1.desktop-item {
        display: block;
    }

    .short-info-content-2 {
        grid-column-gap: 20px;
        grid-row-gap: 20px;
        grid-template-columns: auto auto auto 35%;
        justify-content: space-between;
    }

    .categories-link {
        grid-column-gap: 15px;
        grid-row-gap: 15px;
        padding-right: 25px;
    }

    .categories-link.blog-category {
        top: 75px;
    }

    .section-resources {
        padding-top: 130px;
        /* padding-bottom: 130px; */
    }

    .banner-3-info-wrap {
        width: 90%;
    }

    .hero-bottom {
        width: 95%;
    }

    .section-our-services {
        padding-top: 100px;
        padding-bottom: 100px;
    }

    .banner-3-par-width {
        width: 63%;
    }

    .steps-grid {
        grid-column-gap: 100px;
        grid-template-columns: 0.8fr 1fr;
    }

    .features-content {
        padding-top: 130px;
    }

    .features-component {
        height: 90vh;
        max-height: 650px;
    }

    .features-items {
        min-height: 350px;
    }

    .hero-content {
        width: 85%;
    }

    .card-1 {
        height: 200px;
    }

    .banner-hero-2 {
        min-height: 760px;
        padding-top: 200px;
    }

    .mockup-1 {
        height: 550px;
        bottom: -85px;
    }

    .mockup-2 {
        height: 650px;
    }

    .banner-title-2 {
        width: 100%;
    }

    .white-h2-title {
        font-size: 50px;
    }

    .about-us-card {
        padding-left: 36px;
        padding-right: 36px;
    }

    .project-card,
    .project-name {
        padding: 36px;
    }

    .banner-button-wrapper {
        width: 95%;
    }

    .hero-person-text-less {
        right: 5px;
    }

    .blue-gradient.g-27 {
        bottom: -21%;
        right: 12%;
    }

    .blue-gradient.g-28 {
        bottom: -12%;
        right: 31%;
    }

    .purple-gradient {
        top: -10%;
    }

    .purple-gradient.grad-29 {
        top: 46%;
        left: 5%;
    }

    .banner-paragraph-home-2 {
        width: 100%;
    }

    .hero-columns {
        grid-column-gap: 100px;
        grid-template-columns: 0.5fr 1fr;
    }

    .banner-form {
        width: 550px;
        margin-bottom: 0;
    }

    .banner-par {
        width: 100%;
    }

    .services-small-title {
        font-size: 30px;
    }

    .banner-circle {
        width: 400px;
        height: 400px;
    }

    .collection-blog-1-grid {
        grid-column-gap: 30px;
    }

    .activity-verticle-card {
        padding: 18px;
    }

    .verticle-card-image-2 {
        min-height: 300px;
    }

    .work-title-2 {
        font-size: 22px;
    }

    .number-title {
        font-size: 74px;
    }

    .numbers-wrapper-2 {
        grid-column-gap: 100px;
        grid-row-gap: 100px;
    }

    .grid-blog {
        grid-template-columns: 0.75fr 1fr;
    }

    .loop-review-item {
        width: 380px;
    }

    .green-container-review {
        padding-top: 130px;
        padding-bottom: 130px;
    }

    .home-1-service-img {
        height: 450px;
    }

    .h3-green-text {
        font-size: 30px;
    }

    .action-section {
        padding-bottom: 130px;
    }

    .pricing-3 {
        grid-column-gap: 30px;
        grid-row-gap: 30px;
    }

    .event-verticle-card {
        padding: 18px;
    }

    .contacts-wrap {
        grid-column-gap: 60px;
    }

    .contacts-form-wrap {
        min-height: 660px;
        padding: 80px 48px;
    }

    .support-text {
        width: 90%;
    }

    .contacts-content-wrapper-3 {
        padding-right: 40px;
    }

    .blog-title {
        font-size: 40px;
    }

    .recent-blog-name {
        font-size: 22px;
    }

    .video-banner {
        height: 550px;
    }

    .banner-3-content {
        padding-top: 160px;
    }

    .video-wrapper.image-3 {
        background-position: 50% 15%;
    }

    .right-banner-content {
        grid-template-columns: 1.5fr 1fr;
    }

    .faq-hero-title {
        font-size: 18px;
    }

    .paragraph-steps {
        width: 85%;
    }

    .carousel-item {
        min-width: 210px;
    }

    .logo-large {
        height: 35px;
    }

    .feature-line {
        left: 40px;
    }

    .feature-top {
        padding-left: 36px;
        padding-right: 36px;
    }

    .wrap-photo-large {
        height: 250px;
    }

    .services-items-home-2 {
        padding-left: 60px;
        padding-right: 60px;
    }

    .hero-gradient.grad-4 {
        opacity: 0.35;
        width: 250px;
        height: 250px;
    }

    .hero-gradient.grad-5 {
        bottom: 460px;
    }

    .hero-gradient.grad-6 {
        opacity: 0.3;
        width: 300px;
        height: 300px;
    }

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

    .statistics-title {
        font-size: 45px;
    }

    .link-items-grid {
        grid-column-gap: 60px;
        grid-row-gap: 60px;
    }

    .banner-print {
        height: 130px;
        top: 64%;
    }

    .banner-print.print-2 {
        height: 140px;
        top: 35%;
        right: 0%;
    }

    .banner-print.print-4 {
        left: 48%;
    }

    .banner-print.print-5 {
        height: 140px;
        top: 36%;
        left: 1%;
        right: 1%;
    }

    .banner-4-section {
        height: 100vh;
        min-height: auto;
    }

    .services-container-home-4 {
        grid-column-gap: 80px;
        grid-template-columns: 1fr 1fr;
    }

    .full-width-panel {
        padding-left: 3.5em;
    }

    .history-intro {
        padding-top: 130px;
        padding-bottom: 130px;
    }

    .about-company {
        width: 100%;
    }

    .about-us-con {
        padding-right: 140px;
    }

    .about-paragraphs {
        grid-column-gap: 80px;
        grid-template-columns: 0.9fr 1fr;
    }

    .story-wrapper {
        grid-row-gap: 80px;
    }

    /* .our-news-slider {
        padding-left: 3.5em;
    } */

    .our-news-slider.large-left-padding {
        padding-left: 4em;
    }

    .dark-fill {
        width: 3.5em;
    }

    .project-card-2 {
        min-height: 550px;
    }

    .services-info-container {
        padding: 36px;
    }

    .hero-feature-card {
        padding-left: 36px;
        padding-right: 36px;
    }

    .hero-left-container {
        width: 65%;
    }

    .banner-title-4 {
        font-size: 50px;
    }

    .banner-white-par {
        width: 90%;
    }

    .use-case-title {
        font-size: 30px;
    }

    .faq-intro {
        padding-top: 130px;
        padding-bottom: 130px;
    }

    .faq-container {
        padding-left: 80px;
        padding-right: 60px;
    }

    .content-dual-wrapper {
        grid-template-columns: 1fr 1fr;
    }

    .banner-5-video-ov {
        padding: 30px;
    }

    .banner-5-hero-section-2 {
        min-height: 100vh;
    }

    .banner-5-wrap {
        width: 50%;
    }

    .form-wrapper {
        grid-template-columns: 0.7fr 1fr;
    }

    .tripple-grid {
        grid-column-gap: 60px;
        grid-row-gap: 60px;
    }

    .banner-5-title {
        font-size: 65px;
    }

    .banner-5-par {
        width: 75%;
    }

    .founder-s-quote {
        width: 70%;
        font-size: 45px;
    }

    .section-video-scroll {
        padding-bottom: 130px;
    }

    .team-item,
    .team-spacer {
        padding-top: 130px;
        padding-bottom: 130px;
    }

    .team-slide-arrow {
        bottom: 130px;
    }

    .height-photo-container {
        height: 420px;
    }

    .height-photo-container.autor-photo {
        height: 360px;
    }

    .statistics-title-dark {
        font-size: 45px;
    }

    .statistics-text-dark {
        font-size: 18px;
    }

    .small-pattern-3 {
        height: 140px;
        top: -42px;
        left: -48px;
    }

    .small-pattern-4 {
        height: 180px;
        left: -30px;
    }

    .small-pattern-7 {
        height: 120px;
        top: -35px;
        left: 327px;
    }

    .small-pattern-8 {
        height: 120px;
        bottom: -36px;
        left: -41px;
    }

    .section-sticky {
        padding-top: 130px;
        padding-bottom: 130px;
    }

    .banner-video-ov {
        padding: 36px;
    }

    .video-company {
        height: 650px;
    }

    .banner-right-con {
        width: 90%;
    }

    .banner-scroll-component {
        min-height: 500px;
    }

    .inner-banner-section {
        min-height: 98vh;
    }

    .form-left-title {
        font-size: 54px;
    }

    .form-intro {
        padding: 80px 48px;
    }

    .faq-hero-title-dark {
        font-size: 24px;
    }

    .inner-hero-content {
        padding-top: 100px;
        padding-bottom: 100px;
    }

    .faq-center-title {
        width: 75%;
    }

    .faq-center-title.compare {
        width: 66%;
    }

    .section-faq-banner {
        grid-column-gap: 100px;
        grid-row-gap: 100px;
        padding-bottom: 130px;
    }

    .inner-banner-style {
        min-height: 100vh;
        margin-top: 80px;
    }

    .services-center-title {
        width: 75%;
        padding: 40px;
    }

    .services-banner-description {
        width: 100%;
    }

    .banner-category-title {
        font-size: 70px;
    }

    .large-inner-title {
        font-size: 85px;
    }

    .inner-banner-wrap {
        min-height: 380px;
        padding-top: 100px;
        padding-bottom: 100px;
    }

    .inner-banner-wrap.banner-search {
        background-image: linear-gradient(
                135deg,
                rgba(81, 246, 207, 0.36),
                var(--transparent) 45%,
                rgba(252, 255, 112, 0.44)
            ),
            linear-gradient(
                to bottom,
                rgba(12, 81, 90, 0.6),
                rgba(12, 81, 90, 0.6)
            ),
            url("https://cdn.prod.website-files.com/65e4701f92929f8f0c4b6ee9/660ba7f9bc7ef434f6c03125_Photo%2011%20(1).webp");
        background-position: 0 0, 0 0, 0 35%;
    }

    .section-light-color-bg {
        padding-top: 130px;
        padding-bottom: 130px;
    }

    .search-inner-title {
        font-size: 85px;
    }

    .search-result-list {
        grid-column-gap: 60px;
        grid-template-columns: 1fr 1fr;
    }

    .content-details {
        grid-column-gap: 100px;
        grid-template-columns: 1fr 0.8fr;
    }

    .blog-details-title-2 {
        font-size: 60px;
    }

    .scroll-blog-link {
        right: 0;
    }

    .details-card {
        top: 110px;
    }

    .top-group-con {
        width: 70%;
    }

    .banner-group-description {
        width: 80%;
    }

    .group-inquire-top {
        min-height: 230px;
    }

    .section-blog-details {
        height: 650px;
    }

    .blog-intro-content {
        width: 70%;
        padding-top: 180px;
    }

    .section-details {
        padding-top: 130px;
        padding-bottom: 130px;
    }

    .content-details-grid {
        grid-column-gap: 100px;
    }

    .large-left-fill {
        width: 4em;
    }

    .experts-grid {
        grid-column-gap: 30px;
        grid-row-gap: 80px;
    }

    .our-experts-wrap.top-spase {
        margin-top: 80px;
    }

    .team-hero-item {
        padding-top: 10px;
        padding-left: 10px;
        padding-right: 10px;
    }

    .team-banner {
        padding-bottom: 130px;
    }

    .inner-banner-team {
        margin-left: 15px;
        margin-right: 15px;
        padding-top: 100px;
        padding-bottom: 350px;
    }

    .team-white-description {
        width: 80%;
    }

    .team-center-title {
        width: 75%;
    }

    .large-inner-title-team {
        font-size: 85px;
    }

    .team-banner-circle {
        width: 400px;
        bottom: -85px;
    }

    .section-use-cases {
        grid-column-gap: 100px;
        grid-row-gap: 100px;
        padding-bottom: 130px;
    }

    .light-banner-cover {
        padding-bottom: 100px;
    }

    .print-color-1 {
        height: 140px;
        bottom: 14%;
    }

    .print-3 {
        height: 80px;
        right: 96px;
    }

    .print-2 {
        height: 70px;
        top: 97px;
        right: 305px;
    }

    .print-1 {
        height: 90px;
        top: 52%;
        left: 77px;
    }

    .print-color-2 {
        height: 120px;
        top: 32%;
    }

    .banner-par-cases {
        width: 80%;
    }

    .banner-use-cases-title {
        font-size: 65px;
    }

    .stages-sidebar {
        width: 33%;
        padding-right: 80px;
    }

    .section-cases-details {
        padding-top: 130px;
        padding-bottom: 130px;
    }

    .stage-banner {
        height: 450px;
    }

    .use-cases-info-wrap.career-item {
        width: 66%;
    }

    .collection-use-cases-category {
        grid-column-gap: 30px;
    }

    .category-large-title {
        font-size: 75px;
    }

    .banner-use-cases-details {
        min-height: 100vh;
    }

    .collection-related-cases {
        grid-column-gap: 30px;
    }

    .testimonials-item {
        padding: 26px;
    }

    .coming-soon-container {
        max-width: 1230px;
    }

    .coming-soon-text {
        width: 100%;
    }

    .loop-container {
        grid-column-gap: 60px;
    }

    .footer-bottom-form {
        margin-bottom: 0;
    }

    .coming-soon-heading-3 {
        width: 100%;
        font-size: 70px;
    }

    .rights-top-content {
        padding-bottom: 100px;
    }

    .section-rights {
        grid-column-gap: 100px;
        grid-row-gap: 100px;
    }

    .scroll-large-text {
        padding-bottom: 130px;
    }

    .scroll-right-text {
        font-size: 8vw;
    }

    .review-blog-details {
        grid-column-gap: 60px;
    }

    .section-blog {
        padding-top: 130px;
        padding-bottom: 130px;
    }

    .section-blog-details-2 {
        height: 650px;
    }

    .blog-intro-content-2 {
        width: 68%;
        padding-top: 160px;
    }

    .blog-3-grid {
        grid-row-gap: 30px;
    }

    .section-news {
        padding-top: 130px;
        padding-bottom: 130px;
    }

    .blog-sidebar-wrap {
        grid-column-gap: 60px;
    }

    .news-title {
        font-size: 22px;
    }

    .tab-top-2.recent-posts {
        padding-right: 40px;
    }

    .sidebar-recent-post-link {
        grid-column-gap: 20px;
        grid-row-gap: 20px;
    }

    .sidebar-recent-post-image-2 {
        width: 100px;
    }

    .subtitle-blog {
        font-size: 22px;
    }

    .our-feedback-wrap.top-space {
        margin-top: 80px;
    }

    .reviews-grid {
        grid-column-gap: 30px;
        grid-row-gap: 80px;
    }

    .section-careers {
        padding-top: 130px;
        padding-bottom: 130px;
    }

    .list-career-item {
        grid-column-gap: 60px;
    }

    .career-image-container {
        height: 350px;
    }

    .large-image {
        min-height: 350px;
    }

    .inner-demo-banner {
        align-items: center;
        min-height: 760px;
        margin-left: 15px;
        margin-right: 15px;
        padding-top: 100px;
        padding-bottom: 100px;
    }

    .demo-title-con {
        text-align: left;
        justify-content: space-between;
        align-items: flex-start;
        width: 100%;
    }

    .demo-description {
        width: 100%;
        margin-left: 0;
    }

    .demo-banner-content {
        grid-template-columns: 1fr 1fr;
        align-items: stretch;
    }

    .large-demo-title {
        background-position: 35% 100%;
        background-size: 60%;
    }

    .top-demo-title {
        grid-column-gap: 24px;
        grid-row-gap: 24px;
        flex-flow: column;
        justify-content: flex-start;
        align-items: flex-start;
        display: flex;
    }

    .demo-print-1 {
        top: auto;
        bottom: 7%;
        left: auto;
        right: 0%;
    }

    .demo-print-2 {
        height: 120px;
        top: 2%;
        bottom: auto;
        left: auto;
        right: 8%;
    }

    .demo-print-4 {
        height: 130px;
        top: 47%;
        right: 45%;
    }

    .banner-text-wrap {
        width: 99%;
    }

    .event-title-name {
        font-size: 26px;
    }

    .popular-posts {
        grid-row-gap: 40px;
    }

    .grid-use-cases-2 {
        grid-column-gap: 80px;
    }

    .cases-3-grid {
        grid-column-gap: 30px;
        grid-row-gap: 80px;
    }

    .project-title {
        font-size: 26px;
    }

    .portfolio-3-image-2 {
        height: 450px;
    }

    .upcoming-events-image {
        min-height: 120px;
    }

    .section-use-cases-2 {
        padding-top: 130px;
        padding-bottom: 130px;
    }

    .use-cases-3-banner {
        padding-bottom: 130px;
    }

    .banner-1-white-description {
        width: 95%;
    }

    .small-sticky-title {
        font-size: 40px;
    }

    .customer-photo-ov {
        padding-top: 20px;
        padding-left: 20px;
        padding-right: 20px;
    }

    .quote-title {
        font-size: 35px;
    }

    .quote-color-wrap {
        top: 24px;
        right: 24px;
    }

    .top-title-wrapper {
        width: 70%;
    }

    .top-title-wrapper.our-partner {
        width: 80%;
    }

    .top-title-wrapper.use-cases {
        width: 72%;
    }

    .logo-wrapper {
        grid-template-columns: 0.6fr 1fr;
    }

    .sticky-green-container {
        padding-top: 130px;
        padding-bottom: 130px;
    }

    .green-logo-con.customers {
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .top-title-width-faq {
        width: 73%;
    }
}

@media screen and (min-width: 1440px) {
    h1 {
        margin-bottom: 10px;
        font-size: 68px;
    }

    h2,
    h3,
    h4,
    h5,
    h6 {
        margin-bottom: 10px;
    }

    .base-container {
        max-width: 1400px;
    }

    .grid-system {
        width: 70%;
    }

    .spacing-system-column {
        padding-right: 70px;
    }

    .landing-inner-page-item.home-screen {
        width: 32%;
    }

    .about-img._1 {
        width: 380px;
    }

    .about-img._3 {
        width: 400px;
    }

    .about-img._4 {
        width: 300px;
    }

    .about-img._2 {
        width: 390px;
    }

    .our-services-wrap {
        align-items: center;
    }

    .section-with-blue-bg {
        padding-left: 100px;
        padding-right: 100px;
    }

    .search {
        width: 85%;
    }

    .nav-dropdown-list-item.megamenu.w--open {
        left: -212px;
    }

    .nav-hero-container {
        max-width: 1400px;
    }

    .home-hero-content {
        max-width: 1400px;
        margin-left: auto;
        margin-right: auto;
    }

    .banner-info-wrap {
        width: 63%;
    }

    .portfolio-3-image {
        height: 500px;
    }

    .founder-image {
        min-height: 675px;
    }

    .top-title-wrap {
        width: 60%;
    }

    .top-title-wrap.small-wdth-con {
        width: 46%;
    }

    .top-title-wrap.details-wdth {
        width: 70%;
    }

    .top-text-subtitle.price-text {
        width: 85%;
    }

    .top-text-subtitle.price-text-width,
    .top-text-subtitle.text-wdth {
        width: 90%;
    }

    .top-text-subtitle.par-wdth,
    .top-text-subtitle.par-wdth-details {
        width: 85%;
    }

    .card-item {
        min-height: 600px;
    }

    .customer-photo-wrap {
        min-height: 350px;
    }

    .price-title {
        font-size: 35px;
    }

    .white-title-width {
        width: 60%;
    }

    .product-grid-item {
        width: 90%;
    }

    .subtitle-space {
        width: 98%;
    }

    .low-content {
        padding-left: 40px;
        padding-right: 100px;
    }

    .low-content.right-content-item {
        padding-left: 100px;
        padding-right: 40px;
    }

    .business-image {
        background-position: 145%;
    }

    .slider-mask-testimonials {
        width: 50%;
    }

    .latest-events {
        padding-left: 15px;
        padding-right: 15px;
    }

    .latest-event-title {
        font-size: 50px;
    }

    .grid-wrapper {
        grid-template-columns: 15px minmax(auto, 1440px) 15px;
    }

    .blog-image-container-2 {
        width: 350px;
    }

    .blog-container {
        grid-column-gap: 40px;
        grid-row-gap: 40px;
    }

    .list-blog-item {
        grid-column-gap: 80px;
    }

    .short-info-content-2 {
        grid-template-columns: auto auto auto 37%;
        justify-content: center;
    }

    .banner-3-par-width {
        width: 56%;
    }

    .steps-sticky-card {
        grid-column-gap: 36px;
        grid-template-rows: auto;
        grid-template-columns: 1fr;
    }

    .steps-grid {
        grid-column-gap: 140px;
        grid-template-columns: 0.8fr 1fr;
    }

    .features-content {
        padding-right: 2rem;
    }

    .features-cards-decor {
        right: -13%;
    }

    .features-component {
        max-height: 700px;
    }

    .hero-component {
        grid-template-columns: 1fr 1fr;
    }

    .features-items {
        min-height: 400px;
    }

    .hero-content {
        width: 90%;
    }

    .banner-hero-2 {
        min-height: 780px;
    }

    .mockup-1 {
        height: 600px;
    }

    .mockup-2 {
        height: 700px;
        top: -17%;
    }

    .white-h2-title {
        font-size: 50px;
    }

    .benefit-title {
        font-size: 30px;
    }

    .services-photo-item {
        background-position: 50% 90%;
    }

    .banner-button-wrapper {
        width: 90%;
    }

    .hero-person-title.white-person-title {
        width: 90px;
    }

    .blue-gradient.g-28 {
        right: 33%;
    }

    .purple-gradient {
        top: -10%;
        left: 8%;
    }

    .purple-gradient.grad-29 {
        left: 7%;
    }

    .hero-columns {
        grid-template-columns: 0.8fr 1fr;
    }

    .banner-form {
        width: 650px;
    }

    .banner-par {
        width: 100%;
    }

    .bg-pattern {
        display: block;
    }

    .pattern-1 {
        height: 70px;
        left: -14px;
    }

    .pattern-2 {
        height: 70px;
        top: -116px;
    }

    .pattern-3 {
        height: 80px;
        right: 17px;
    }

    .pattern-5.small-star-1 {
        height: 13px;
    }

    .pattern-5.small-star-2 {
        height: 17px;
    }

    .pattern-5.small-star-3,
    .pattern-5.small-star-6 {
        height: 20px;
    }

    .pattern-5.small-star-7 {
        height: 17px;
    }

    .pattern-5.small-star-8 {
        height: 13px;
    }

    .pattern-5.small-star-9 {
        left: 83px;
    }

    .pattern-5.small-star-11,
    .pattern-5.small-star-25 {
        height: 13px;
    }

    .pattern-5.small-star-27 {
        height: 17px;
    }

    .verticle-card-image-2 {
        min-height: 350px;
    }

    .work-title-2 {
        font-size: 26px;
    }

    .loop-wrap {
        grid-column-gap: 35px;
    }

    .loop-review-item {
        width: 400px;
    }

    .loop-wrapper-right {
        grid-column-gap: 35px;
    }

    .home-1-service-img {
        height: 500px;
    }

    .home-1-services-text {
        justify-content: space-around;
    }

    .action-section {
        min-height: 700px;
    }

    .pricing-3 {
        padding-left: 15px;
        padding-right: 15px;
    }

    .top-text-subtitle-white {
        width: 90%;
    }

    .cta-text {
        width: 95%;
    }

    .bg-pattern-white {
        display: block;
    }

    .contacts-form-wrap {
        padding-left: 60px;
        padding-right: 60px;
    }

    .contacts-content-wrapper-3 {
        width: 45%;
        padding-right: 60px;
    }

    .recent-blog-name {
        font-size: 24px;
    }

    .video-banner {
        height: 600px;
    }

    .video-wrapper {
        background-position: 50% 90%;
    }

    .right-banner-content {
        grid-template-columns: 1.5fr 0.8fr;
    }

    .paragraph-steps {
        width: 80%;
    }

    .carousel-item {
        min-width: 220px;
    }

    .logo-large {
        height: 37px;
    }

    .wrap-photo-large {
        height: 300px;
    }

    .services-items-home-2 {
        padding-left: 100px;
        padding-right: 100px;
    }

    .hero-gradient.grad-4 {
        opacity: 0.25;
        width: 350px;
        height: 350px;
    }

    .statistics-title {
        font-size: 55px;
    }

    .link-items-grid {
        grid-column-gap: 80px;
        grid-row-gap: 80px;
    }

    .banner-print.print-2 {
        top: 32%;
    }

    .banner-print.print-4 {
        top: 11%;
        left: 45%;
    }

    .sticky-box-list {
        padding-right: 40px;
    }

    .services-container-home-4 {
        grid-column-gap: 140px;
        grid-template-columns: 1.1fr 1fr;
    }

    .services--4-wrapper {
        max-width: 1400px;
    }

    .play-icon {
        display: block;
    }

    .about-company {
        width: 100%;
    }

    .about-us-con {
        padding-right: 220px;
    }

    .about-paragraphs {
        grid-column-gap: 100px;
        grid-template-columns: 0.85fr 0.9fr;
        padding-right: 100px;
    }

    /* .our-news-slider {
        padding-left: 2.5em;
    } */

    .our-news-slider.large-left-padding {
        padding-left: 4.5em;
    }

    .dark-fill {
        width: 2.5em;
    }

    .project-card-2 {
        min-height: 600px;
    }

    .hero-left-container {
        width: 62%;
    }

    .banner-title-4 {
        font-size: 70px;
    }

    .banner-white-par {
        width: 85%;
    }

    .use-case-title {
        font-size: 30px;
    }

    .faq-container {
        padding-left: 100px;
    }

    .content-dual-wrapper {
        grid-template-columns: 0.9fr 1fr;
    }

    .banner-5-wrap {
        width: 45%;
    }

    .checklist {
        width: 89%;
    }

    .tripple-grid {
        grid-column-gap: 80px;
        grid-row-gap: 80px;
    }

    .banner-5-title {
        font-size: 70px;
    }

    .banner-5-par {
        width: 85%;
    }

    .founder-s-quote {
        width: 68%;
        font-size: 50px;
    }

    .team-item,
    .team-spacer {
        padding-left: 40px;
        padding-right: 40px;
    }

    .team-slide-arrow {
        right: 40px;
    }

    .team-slide-arrow.team-arrow-left {
        right: 150px;
    }

    .height-photo-container {
        height: 520px;
    }

    .height-photo-container.autor-photo {
        height: 400px;
    }

    .statistics-title-dark {
        font-size: 55px;
    }

    .small-pattern {
        bottom: 187px;
    }

    .small-pattern-4 {
        left: -57px;
    }

    .small-pattern-7 {
        left: 399px;
    }

    .small-pattern-8 {
        left: -24px;
    }

    .home-1-section {
        padding-top: 180px;
    }

    .banner-right-con {
        width: 80%;
    }

    .form-left-title {
        font-size: 58px;
    }

    .form-intro {
        padding-left: 60px;
        padding-right: 60px;
    }

    .inner-hero-content {
        max-width: 1400px;
        margin-left: auto;
        margin-right: auto;
    }

    .faq-center-title {
        width: 73%;
    }

    .faq-white-description {
        width: 90%;
    }

    .inner-photo-banner {
        background-position: 50% 35%;
    }

    .services-center-title {
        width: 73%;
    }

    .services-banner-description {
        width: 95%;
    }

    .banner-category-title {
        font-size: 75px;
    }

    .large-inner-title {
        font-size: 90px;
    }

    .inner-banner-wrap {
        width: 100%;
        max-width: 1400px;
        min-height: 400px;
        margin-left: auto;
        margin-right: auto;
    }

    .inner-banner-wrap.banner-search {
        background-image: linear-gradient(
                135deg,
                rgba(81, 246, 207, 0.36),
                var(--transparent) 45%,
                rgba(252, 255, 112, 0.44)
            ),
            linear-gradient(
                to bottom,
                rgba(12, 81, 90, 0.6),
                rgba(12, 81, 90, 0.6)
            ),
            url("https://cdn.prod.website-files.com/65e4701f92929f8f0c4b6ee9/660ba7f9bc7ef434f6c03125_Photo%2011%20(1).webp");
        background-position: 0 0, 0 0, 0 25%;
    }

    .search-inner-title {
        font-size: 90px;
    }

    .search-result-list {
        grid-column-gap: 100px;
    }

    .content-details {
        grid-template-columns: 1fr 0.6fr;
    }

    .details-card {
        top: 80px;
    }

    .top-group-con {
        width: 60%;
    }

    .banner-group-description {
        width: 76%;
    }

    .blog-intro-content {
        padding-top: 160px;
    }

    .large-left-fill {
        width: 4.5em;
    }

    .height-photo-container-2 {
        height: 500px;
    }

    .inner-banner-team {
        width: 100%;
        max-width: 1400px;
        min-height: 400px;
        margin-left: auto;
        margin-right: auto;
    }

    .team-white-description {
        width: 70%;
    }

    .team-center-title {
        width: 73%;
    }

    .large-inner-title-team {
        font-size: 90px;
    }

    .use-cases-content {
        width: 52%;
    }

    .print-3 {
        height: 90px;
        right: 147px;
    }

    .print-2 {
        height: 80px;
        top: 125px;
    }

    .print-1 {
        height: 100px;
        top: 49%;
    }

    .print-color-2 {
        right: 24%;
    }

    .banner-use-cases-title {
        font-size: 70px;
    }

    .stages-sidebar {
        width: 30%;
    }

    .stage-banner {
        height: 500px;
    }

    .use-cases-info-wrap {
        width: 64%;
    }

    .use-cases-info-wrap.career-item {
        width: 58%;
    }

    .coming-soon-container {
        max-width: 1390px;
    }

    ._404-title {
        font-size: 140px;
    }

    .error-404-text {
        font-size: 40px;
    }

    .review-blog-details {
        grid-column-gap: 80px;
    }

    .blog-intro-content-2 {
        width: 58%;
    }

    .section-news.news-section {
        padding-top: 100px;
    }

    .news-title {
        font-size: 26px;
    }

    .subtitle-blog {
        font-size: 24px;
    }

    .review-info-item {
        min-height: 150px;
    }

    .list-career-item {
        grid-column-gap: 80px;
    }

    .career-container {
        grid-column-gap: 40px;
        grid-row-gap: 40px;
    }

    .career-text-content {
        width: 96%;
    }

    .large-image {
        min-height: 400px;
    }

    .inner-demo-banner {
        width: 100%;
        max-width: 1400px;
        min-height: 700px;
        margin-left: auto;
        margin-right: auto;
    }

    .demo-description {
        width: 95%;
    }

    .large-demo-title {
        background-position: 0 100%;
    }

    .demo-print-1 {
        height: 140px;
        bottom: -2%;
        right: -5%;
    }

    .demo-print-2 {
        height: 140px;
        top: -6%;
    }

    .banner-text-wrap {
        width: 85%;
    }

    .event-info {
        grid-row-gap: 40px;
    }

    .event-title-name {
        font-size: 30px;
    }

    .use-cases-3-grid {
        grid-column-gap: 60px;
        grid-row-gap: 60px;
    }

    .project-title {
        font-size: 30px;
    }

    .portfolio-3-image-2 {
        height: 500px;
    }

    .upcoming-events-title {
        font-size: 24px;
    }

    .banner-1-white-description {
        width: 83%;
    }

    .top-title-wrapper {
        width: 59%;
    }

    .top-title-wrapper.our-partner {
        width: 70%;
    }

    .top-title-wrapper.use-cases {
        width: 62%;
    }

    .logo-wrapper {
        grid-template-columns: 0.8fr 1fr;
    }

    .top-title-width-faq {
        width: 62%;
    }
}

@media screen and (min-width: 1920px) {
    .base-container {
        max-width: 1600px;
    }

    .grid-system {
        width: 60%;
    }

    .spacing-system-column {
        padding-right: 140px;
    }

    .about-img._1 {
        width: 420px;
        left: 16%;
    }

    .about-img._3 {
        width: 430px;
        top: 20%;
        left: 54%;
    }

    .about-img._4 {
        left: 48%;
    }

    .section-with-blue-bg {
        padding-left: 180px;
        padding-right: 180px;
    }

    .nav-hero-container,
    .home-hero-content {
        max-width: 1600px;
    }

    .banner-info-wrap {
        width: 56%;
    }

    .banner-info-wrap.why-we {
        width: 51%;
    }

    .portfolio-3-image {
        height: 550px;
    }

    .founder-image {
        min-height: 650px;
    }

    .top-title-wrap {
        width: 50%;
    }

    .top-title-wrap.small-wdth-con {
        width: 40%;
    }

    .top-title-wrap.details-wdth {
        width: 58%;
    }

    .top-text-subtitle.price-text-width {
        width: 100%;
    }

    .top-text-subtitle.faq {
        width: 80%;
    }

    .top-text-subtitle.text-wdth {
        width: 95%;
    }

    .top-text-subtitle.par-wdth,
    .top-text-subtitle.par-wdth-details {
        width: 90%;
    }

    .customer-feedback-wrap {
        width: 85%;
    }

    .white-title-width {
        width: 50%;
    }

    .color-section-wrapper {
        position: relative;
    }

    .top-sticky-section {
        justify-content: center;
        align-items: center;
    }

    .product-grid-item {
        width: 85%;
    }

    .low-content {
        padding-left: 0;
    }

    .low-content.right-content-item {
        padding-right: 0;
    }

    .business-image {
        background-position: -550px;
    }

    .slider-mask-testimonials {
        width: 50%;
    }

    .testimonial-item-arrow.left-arrow-cover,
    .testimonial-item-arrow.right-arrow {
        width: 25%;
    }

    .grid-wrapper {
        grid-template-columns: 15px minmax(auto, 1600px) 15px;
    }

    .blog-image-container-2 {
        width: 400px;
    }

    .blog-name-2 {
        font-size: 30px;
        margin-top: 10px;
    }

    .hero-banner-image.fourteen {
        left: -3vw;
    }

    .features-cards-decor {
        right: -43%;
    }

    .features-component {
        max-height: 750px;
    }

    .card-2 {
        height: 180px;
    }

    .hero-content {
        width: 80%;
    }

    .card-1 {
        height: 240px;
    }

    .mockup-1 {
        height: 600px;
        bottom: -130px;
    }

    .mockup-2 {
        height: 700px;
        right: 110px;
    }

    .services-photo-item {
        background-position: 50% 75%;
    }

    .banner-button-wrapper,
    .hero-banner-col.col-1 {
        width: 90%;
    }

    .blue-gradient {
        right: 13%;
    }

    .blue-gradient.g-27 {
        bottom: -27%;
        right: 15%;
    }

    .blue-gradient.g-28 {
        right: 37%;
    }

    .purple-gradient {
        filter: blur(200px);
        width: 270px;
        height: 270px;
        left: 16%;
    }

    .purple-gradient.grad-29 {
        top: 72%;
        left: 16%;
    }

    .hero-columns {
        grid-column-gap: 160px;
        grid-template-columns: 0.8fr 1fr;
    }

    .banner-form {
        width: 100%;
        margin-right: 0;
    }

    .banner-par {
        width: 95%;
    }

    .pattern-5.small-star-25 {
        bottom: -8%;
        left: 25%;
    }

    .pattern-5.small-star-27 {
        right: 30%;
    }

    .verticle-card-image-2 {
        min-height: 400px;
    }

    .work-title-2 {
        font-size: 30px;
    }

    .number-title {
        font-size: 84px;
    }

    .home-1-service-img {
        height: 600px;
    }

    .bottom-action-part {
        max-width: 1600px;
    }

    .action-section {
        min-height: 850px;
    }

    .categories-link-2 {
        padding-left: 25px;
        padding-right: 25px;
    }

    .dark-ov {
        height: 45%;
    }

    .dark-ov.left {
        height: 100%;
    }

    .support-text {
        width: 95%;
    }

    .recent-blog-name {
        font-size: 26px;
    }

    .video-banner {
        height: 750px;
    }

    .video-wrapper {
        background-position: 50% 75%;
    }

    .carousel-item {
        min-width: 240px;
    }

    .logo-large {
        height: 40px;
    }

    .banner-3-title {
        width: 85%;
    }

    .banner-3-desctiption {
        width: 90%;
    }

    .wrap-photo-large {
        height: 350px;
    }

    .services-items-home-2 {
        padding-left: 140px;
        padding-right: 140px;
    }

    .hero-gradient.grad-4 {
        opacity: 0.2;
        width: 400px;
        height: 400px;
        top: -69px;
        right: -65px;
    }

    .hero-gradient.grad-5 {
        opacity: 0.1;
        width: 350px;
        height: 350px;
    }

    .statistics-title {
        font-size: 60px;
    }

    .banner-print {
        height: 160px;
        left: 7%;
    }

    .banner-print.print-2 {
        height: 180px;
        top: 29%;
        right: 3%;
    }

    .banner-print.print-4 {
        top: 10%;
        left: 41%;
    }

    .banner-print.print-5 {
        top: 30%;
        left: 7%;
        right: 6%;
    }

    .sticky-box-list {
        padding-right: 100px;
    }

    .services-container-home-4 {
        grid-column-gap: 160px;
    }

    .services--4-wrapper {
        max-width: 1600px;
    }

    .benefits-wrap {
        padding-top: 40px;
    }

    .full-width-panel {
        justify-content: center;
        padding-left: 11em;
        padding-right: 200px;
    }

    .tab-content-home-4 {
        max-width: 600px;
    }

    .about-company {
        width: 90%;
    }

    .about-us-con {
        padding-right: 260px;
    }

    .about-paragraphs {
        grid-template-columns: 0.8fr 0.8fr;
        padding-right: 220px;
    }

    /* .our-news-slider {
        padding-left: 11em;
    } */

    .our-news-slider.large-left-padding {
        padding-left: 16em;
    }

    .dark-fill {
        width: 11em;
    }

    .wrapper.no-padding {
        max-width: 1600px;
    }

    .grid-content-wrapper {
        grid-template-columns: minmax(5vw, 1fr) minmax(auto, 1600px) minmax(
                5vw,
                1fr
            );
    }

    .hero-feature-card {
        padding-top: 30px;
        padding-bottom: 30px;
        padding-left: 20px;
    }

    .stacked-description {
        grid-row-gap: 18px;
    }

    .hero-left-container {
        width: 58%;
    }

    .banner-white-par {
        width: 80%;
    }

    .use-case-title {
        font-size: 30px;
    }

    .faq-container {
        padding-left: 160px;
    }

    .banner-5-wrap {
        width: 46%;
    }

    .checklist {
        width: 85%;
    }

    .tripple-grid {
        grid-column-gap: 100px;
        grid-row-gap: 100px;
    }

    .banner-5-par {
        width: 80%;
    }

    .founder-s-quote {
        width: 64%;
    }

    .team-slide-middle {
        width: 80%;
    }

    .height-photo-container {
        height: 650px;
    }

    .height-photo-container.small-height,
    .height-photo-container.small-height-last-item {
        height: 600px;
    }

    .height-photo-container.autor-photo {
        height: 500px;
    }

    .statistics-title-dark {
        font-size: 60px;
    }

    .small-pattern {
        bottom: 198px;
    }

    .small-pattern-4 {
        height: 200px;
        top: -75px;
        left: -66px;
    }

    .small-pattern-7 {
        height: 140px;
        top: -50px;
        left: 470px;
    }

    .small-pattern-8 {
        height: 140px;
        bottom: -53px;
        left: -55px;
    }

    .video-company {
        height: 750px;
    }

    .banner-scroll-component {
        min-height: 550px;
    }

    .inner-hero-content {
        max-width: 1600px;
    }

    .faq-center-title {
        width: 64%;
    }

    .inner-photo-banner {
        background-position: 50% 25%;
    }

    .services-center-title {
        width: 64%;
    }

    .inner-banner-wrap {
        max-width: 1600px;
    }

    .search-result-list {
        grid-column-gap: 120px;
    }

    .blog-details-title-2 {
        font-size: 65px;
    }

    .details-card {
        top: 140px;
    }

    .top-group-con {
        width: 50%;
    }

    .banner-group-description {
        width: 65%;
    }

    .section-blog-details {
        height: 700px;
    }

    .blog-intro-content {
        width: 75%;
        padding-top: 180px;
        padding-bottom: 100px;
    }

    .large-left-fill {
        width: 16em;
    }

    .categories-link-3 {
        padding-left: 25px;
        padding-right: 25px;
    }

    .team-hero-item {
        padding-bottom: 25px;
    }

    .height-photo-container-2 {
        height: 550px;
    }

    .inner-banner-team {
        max-width: 1600px;
    }

    .team-center-title {
        width: 64%;
    }

    .baner-soft-color {
        position: relative;
    }

    .print-color-1 {
        height: 160px;
    }

    .print-3 {
        height: 120px;
        right: 278px;
    }

    .print-2 {
        height: 95px;
        top: 117px;
        right: 524px;
    }

    .print-1 {
        height: 140px;
        left: 170px;
    }

    .print-color-2 {
        height: 140px;
        right: 29%;
    }

    .stages-sidebar {
        width: 25%;
    }

    .use-cases-info-wrap {
        width: 56%;
    }

    .use-cases-info-wrap.career-item {
        width: 50%;
    }

    .category-large-title {
        font-size: 90px;
    }

    .coming-soon-container {
        max-width: 1870px;
    }

    .loop-container {
        grid-column-gap: 100px;
        grid-row-gap: 16px;
        grid-template-rows: auto;
        grid-template-columns: auto 0.8fr;
        grid-auto-columns: 1fr;
        justify-content: center;
        display: grid;
    }

    .coming-soon-heading-3 {
        width: 90%;
        font-size: 85px;
    }

    .hero-form-coming-soon-2 {
        width: 80%;
    }

    ._404-title {
        font-size: 180px;
    }

    .error-404-text {
        font-size: 52px;
    }

    .baner-soft-green-color {
        position: relative;
    }

    .banner-paragraph {
        width: 80%;
    }

    .section-blog-details-2 {
        height: 700px;
    }

    .blog-intro-content-2 {
        padding-bottom: 100px;
    }

    .categories-link-4 {
        padding-left: 25px;
        padding-right: 25px;
    }

    .section-news.news-section {
        padding-top: 130px;
    }

    .blog-sidebar-wrap {
        grid-template-columns: 1fr 0.4fr;
    }

    .news-title {
        font-size: 34px;
    }

    .career-container {
        grid-column-gap: 60px;
        grid-row-gap: 60px;
        flex-flow: row;
        justify-content: space-between;
        align-items: center;
    }

    .career-image-container {
        width: 400px;
    }

    .large-image {
        min-height: 450px;
    }

    .banner-pricing {
        position: relative;
    }

    .inner-demo-banner {
        max-width: 1600px;
        min-height: 760px;
    }

    .large-demo-title {
        background-position: 50% 100%;
        background-size: 55%;
    }

    .demo-print-1 {
        height: 160px;
        right: -2%;
    }

    .demo-print-2 {
        height: 180px;
    }

    .app-hero-content {
        width: 88%;
    }

    .compare-content-block.space-batween-first,
    .compare-content-block.space-batween {
        padding-top: 30px;
    }

    .compare-content-block.border-last {
        padding-bottom: 30px;
    }

    .compare-content-block.space-batween-border {
        padding-top: 30px;
    }

    .licensing-small-image {
        height: 400px;
    }

    .event-info {
        grid-row-gap: 60px;
    }

    .event-title-name,
    .project-title {
        font-size: 34px;
    }

    .portfolio-3-image-2 {
        height: 550px;
    }

    .upcoming-events-image {
        min-height: 140px;
    }

    .small-sticky-title {
        font-size: 42px;
    }

    .customer-photo-ov {
        padding: 30px;
    }

    .quote-color-wrap {
        top: 30px;
        right: 30px;
    }

    .top-title-wrapper {
        width: 50%;
    }

    .top-title-wrapper.our-partner {
        width: 60%;
    }

    .top-title-wrapper.use-cases {
        width: 55%;
    }

    .logo-wrapper {
        grid-template-columns: 0.4fr 1fr;
    }

    .right-logo-wrapper {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .carousel-group-bottom.desktop {
        display: flex;
    }

    .top-title-width-faq {
        width: 54%;
    }
}

@media screen and (max-width: 991px) {
    .grid-system {
        width: 100%;
    }

    .grid-description.first-description {
        text-align: center;
    }

    .spacing-system-image {
        width: 75%;
    }

    .spacing-wrapper-mobile {
        width: 70%;
    }

    .spacing-columns {
        flex-flow: wrap;
        display: flex;
    }

    .bottom-style-spacing-desktop {
        bottom: 6%;
    }

    .top-style-spacing-desktop {
        top: 4%;
    }

    .middle-style-spacing-desktop {
        top: 30%;
    }

    .spasing-system-image-mobile {
        width: 70%;
    }

    .colors-container {
        grid-row-gap: 20px;
        flex-wrap: wrap;
    }

    .style-guide-body-wrapper {
        width: 100%;
    }

    .top-style-spacing-mobile {
        top: 3%;
    }

    .middlr-style-spacing-mobile {
        top: 26%;
    }

    .bottom-style-spacing-mobile {
        bottom: 6%;
    }

    .licensing-grid {
        grid-template-columns: 1fr 1fr 1fr;
    }

    .licensing-paragraph {
        width: 100%;
    }

    .password-image {
        height: 100px;
    }

    .contacts-location-slider {
        padding-right: 70px;
    }

    .search-desktop {
        display: none;
    }

    .search-bottom-line {
        display: flex;
    }

    .customers-grid {
        grid-template-columns: 1fr 1fr;
    }

    .headings-container {
        flex-wrap: wrap;
    }

    .style-guide-content-wrapper {
        grid-row-gap: 20px;
        flex-wrap: wrap;
    }

    .style-guide-content-wrapper.no-wrap {
        flex-wrap: nowrap;
    }

    .landing-banner-image {
        max-width: 95%;
    }

    .landing-performance-grid {
        grid-column-gap: 80px;
        grid-row-gap: 60px;
    }

    .landing-features-grid,
    .landing-inner-pages-wrapper {
        grid-template-columns: 1fr 1fr;
    }

    .landing-inner-page-item.home-screen {
        width: auto;
        max-width: none;
        margin-left: auto;
        margin-right: auto;
    }

    .landing-home-pages-wrapper {
        flex-wrap: wrap;
        grid-template-columns: 1fr 1fr;
        justify-items: center;
    }

    .landing-download-block-wrapper {
        grid-column-gap: 0px;
        grid-row-gap: 0px;
        background-image: none;
        background-repeat: repeat;
        background-size: auto;
        flex-flow: column;
        justify-content: center;
        padding: 40px;
    }

    .landing-download-block-wrap {
        text-align: center;
        width: 100%;
        margin-bottom: 40px;
    }

    .testimonials {
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .blog-section-title {
        margin-bottom: 60px;
    }

    .contacts-wrapper-grid {
        padding-left: 15px;
        padding-right: 15px;
    }

    .section-title-center {
        margin-bottom: 60px;
    }

    .home-4-testimonials-wrapper {
        grid-column-gap: 60px;
        grid-row-gap: 40px;
        flex-wrap: wrap;
        width: 80%;
        margin-top: 20px;
    }

    .testimonials-wrapper-2 {
        grid-column-gap: 60px;
        grid-row-gap: 60px;
        flex-wrap: wrap;
        width: 80%;
        margin-top: 20px;
    }

    .about-img._1 {
        top: 7%;
        left: 15px;
    }

    .about-img._5 {
        top: 58%;
        bottom: 0;
        left: 60px;
    }

    .about-img._3 {
        width: 360px;
        top: 0%;
        right: 15px;
    }

    .about-img._4 {
        width: 240px;
        top: 57%;
        left: auto;
        right: 15px;
    }

    .about-img._2 {
        z-index: 5;
        top: 30%;
        left: 35%;
    }

    .subtitle {
        margin-bottom: 30px;
    }

    .content {
        margin-bottom: 0;
    }

    .industries-block-wrapper {
        max-width: 45vw;
    }

    .about-4-team-slide {
        width: 100%;
    }

    .search {
        margin-top: 0;
    }

    .subtitle-2 {
        margin-bottom: 30px;
    }

    .dropdown-nav-link {
        color: #222;
        padding-top: 12px;
        padding-bottom: 12px;
        font-family: Lato, sans-serif;
        font-weight: 700;
    }

    .dropdown-nav-link.w--current {
        color: #004ae2;
    }

    .home-banner-left-arrow {
        top: 20%;
        bottom: auto;
        left: 4%;
        right: auto;
    }

    .spacing-system-title {
        font-size: 25px;
    }

    .line-white {
        background-color: var(--primary-dark);
        height: 1.5px;
    }

    .top-tablet-menu-3 {
        width: 100%;
    }

    .close-menu-button-3 {
        justify-content: center;
        align-items: center;
        height: 40px;
        padding: 7px 0 5px 20px;
        display: flex;
    }

    .close-menu-button-3.w--open {
        z-index: 10;
        background-color: rgba(0, 0, 0, 0);
        justify-content: center;
        align-items: center;
        height: 40px;
        padding: 7px 10px 5px 10px;
        display: flex;
    }

    .dropdown-menu-3 {
        background-color: var(--white);
        flex-direction: column;
        justify-content: space-between;
        align-items: flex-start;
        width: 100%;
        height: auto;
        padding-bottom: 100px;
        padding-left: 15px;
        padding-right: 15px;
        overflow: hidden;
    }

    .nav-dropdown-item {
        width: 100%;
    }

    .nav-dropdown-small-icon {
        justify-content: space-between;
        margin-top: auto;
        margin-right: 3px;
        font-size: 14px;
        font-weight: 500;
        display: block;
        top: 0%;
        bottom: 0%;
        left: auto;
        right: 0%;
    }

    .nav-dropdown-list-item {
        background-color: var(--white);
        border-style: none;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        padding: 0 0 0 15px;
        display: none;
        position: static;
    }

    .nav-dropdown-list-item.w--open {
        background-color: var(--white);
        border-style: none;
        padding-top: 0;
        padding-bottom: 0;
        display: flex;
        position: static;
    }

    .nav-dropdown-list-item.megamenu {
        padding-right: 0;
    }

    .nav-dropdown-list-item.megamenu.w--open {
        background-color: var(--white);
        border-style: none;
        width: 100%;
        height: 250px;
        overflow: auto;
    }

    .tablet-menu-4 {
        background-color: var(--white);
        justify-content: space-between;
        align-items: center;
        height: 70px;
        padding-top: 8px;
        padding-left: 15px;
        padding-right: 15px;
        display: flex;
    }

    .menu-item-wrapper {
        justify-content: space-between;
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .login-tablet-wrap-2 {
        grid-row-gap: 20px;
        flex-direction: column;
        width: 100%;
        margin-top: 30px;
        margin-left: 0;
        display: flex;
    }

    .wrapper-item-home-2 {
        flex-direction: column;
        justify-content: center;
        align-items: flex-end;
        height: 10px;
    }

    .nav-dropdown-link-wrapper-2 {
        padding-right: 0;
    }

    .nav-dropdown-link-wrapper-2:hover {
        padding-left: 0;
        padding-right: 0;
    }

    .menu-button-3 {
        text-align: right;
        justify-content: flex-end;
        align-items: center;
        height: 40px;
        padding: 15px 0;
    }

    .menu-button-3.w--open {
        background-color: rgba(0, 0, 0, 0);
        display: none;
    }

    .megamenu-dropdown-wrap {
        justify-content: center;
        width: 100%;
    }

    .nav-hero-container {
        padding-left: 15px;
        padding-right: 15px;
    }

    .nav-intro-item {
        padding-top: 8px;
        padding-bottom: 8px;
        padding-left: 0;
    }

    .nav-menu-shadow-overlay-4 {
        border-right: 1px solid var(--green-20);
        background-color: var(--white);
        border-radius: 0;
        flex-direction: column;
        justify-content: flex-start;
        align-items: stretch;
        width: 320px;
        position: fixed;
        top: 0%;
        bottom: 0%;
        left: 0%;
        right: auto;
        overflow: hidden;
        box-shadow: 5px 0 30px rgba(66, 94, 103, 0.1);
    }

    .megamenu-dropdown-wrapper-2 {
        grid-column-gap: 0px;
        grid-row-gap: 0px;
        flex-direction: column;
        width: 100%;
        display: flex;
    }

    .nav-close-icon-4 {
        align-self: stretch;
        width: auto;
        height: 18px;
    }

    .nav-line-white {
        background-color: var(--primary-dark);
        height: 0.4px;
        margin-bottom: 5px;
    }

    .logo-link-mobile {
        justify-content: center;
        margin-bottom: 0;
        display: flex;
    }

    .logo-link-mobile:hover {
        opacity: 1;
    }

    .logo-link-mobile.w--current {
        margin-bottom: 0;
        padding-top: 0;
    }

    .dropdown-header-item {
        background-color: rgba(0, 0, 0, 0);
        justify-content: space-between;
        align-items: center;
        width: 100%;
        padding: 0;
    }

    .nav-menu-wrap {
        background-color: rgba(0, 0, 0, 0);
        flex-direction: column;
        width: 100%;
        position: absolute;
        top: 0%;
        bottom: auto;
        left: 0%;
        right: auto;
        overflow: visible;
    }

    .border-wrap-3 {
        border-top: 1px solid var(--green-20);
        flex-direction: column;
        align-items: flex-start;
        width: 100%;
        padding-top: 20px;
        display: flex;
    }

    .header-link-item {
        background-color: rgba(0, 0, 0, 0);
        justify-content: space-between;
        align-items: center;
        width: 100%;
        padding: 0;
    }

    .banner-1-section {
        min-height: auto;
        padding-bottom: 0;
    }

    .home-hero-content {
        justify-content: center;
        align-items: flex-end;
        padding-right: 15px;
    }

    .nav-numbers {
        display: none;
    }

    .banner-info-wrap {
        width: 100%;
        margin-top: 350px;
        padding-left: 25px;
        padding-right: 25px;
    }

    .banner-info-wrap.why-we {
        width: 91%;
    }

    .full-width-nav-link {
        margin-left: 0;
    }

    .nav-dropdown-link-span,
    .hover-line.tablet-hidden {
        display: none;
    }

    .portfolio-3-image {
        height: 450px;
    }

    .portfolio-3-card {
        cursor: default;
    }

    .founder-image {
        min-height: 475px;
    }

    .card-collection-list {
        grid-column-gap: 60px;
    }

    .service-link-card {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        max-height: none;
        display: flex;
    }

    .services-image {
        overflow: hidden;
    }

    .top-title-wrap {
        width: 80%;
    }

    .top-title-wrap.small-wdth-con {
        width: 90%;
    }

    .top-title-wrap.details-wdth {
        width: 100%;
    }

    .top-text-subtitle.faq {
        width: 90%;
    }

    .top-text-subtitle.par-wdth-details {
        width: 100%;
    }

    .card-container {
        grid-template-columns: 1fr;
    }

    .card-item {
        min-height: 350px;
        margin-top: 0;
    }

    .customer-feedback {
        width: 90%;
    }

    .customer-photo-wrap {
        min-height: 350px;
    }

    .customer-feedback-wrap {
        width: 90%;
    }

    .home-stages-item {
        grid-column-gap: 30px;
        grid-row-gap: 30px;
        flex-flow: column;
        justify-content: flex-start;
        padding: 40px 0;
    }

    .home-service-content {
        width: 100%;
    }

    .full-image {
        height: 350px;
        min-height: auto;
    }

    .home-service-image.pointer-events-off {
        width: 100%;
        display: block;
        position: static;
    }

    .main-description {
        width: 85%;
    }

    .hero-price-item {
        margin-top: 0;
    }

    .our-price {
        grid-column-gap: 30px;
        grid-template-columns: 1fr 1fr;
    }

    .companions-logo {
        height: 30px;
    }

    .companions-logo-loop {
        grid-column-gap: 20px;
        grid-row-gap: 20px;
        flex-wrap: wrap;
        grid-template-columns: 1fr 1fr 1fr;
    }

    .h2-title {
        width: 100%;
    }

    .logo-space {
        margin-top: 60px;
    }

    .banner-content {
        padding-top: 6rem;
        padding-bottom: 6rem;
    }

    .cta-banner-strip {
        margin-top: 2rem;
        margin-bottom: 4rem;
        font-size: 9vw;
    }

    .work-stages-list {
        margin-top: 60px;
    }

    .white-title-width {
        width: 85%;
    }

    .top-sticky-section {
        position: static;
    }

    .product-grid-item {
        width: 98%;
    }

    .bottom-light-section.slider-animation {
        padding-top: 80px;
    }

    .image-layer-one {
        justify-content: flex-end;
    }

    .business-slide-arrow {
        top: auto;
        bottom: 30rem;
    }

    .business-slide-arrow.left-slide-arrow {
        flex-direction: row-reverse;
        justify-content: flex-end;
        padding-left: 0;
        padding-right: 0;
        left: 3rem;
        right: auto;
    }

    .business-slide-arrow.right-slide-arrow {
        flex-direction: row-reverse;
        justify-content: flex-start;
        padding-left: 0;
        padding-right: 0;
        left: auto;
        right: 3rem;
    }

    .low-content {
        width: 90%;
        padding-top: 0;
        padding-bottom: 60px;
        padding-right: 15px;
    }

    .low-content.right-content-item {
        padding-left: 15px;
    }

    .saas-img {
        min-width: 100vw;
        min-height: 35rem;
    }

    .saas-img.two {
        margin-left: -50vw;
    }

    .services-h-3 {
        width: 100%;
    }

    .content-intro-wrap {
        flex-direction: column;
        align-items: stretch;
    }

    .content-intro-wrap.busines-slide {
        flex-direction: column-reverse;
    }

    .slider-container-2 {
        min-height: auto;
    }

    .image-legal-work {
        justify-content: flex-end;
        display: flex;
        top: 0%;
        bottom: 0%;
        left: 0%;
        right: auto;
    }

    .image-layer-two {
        min-width: 100vw;
    }

    .business-image {
        background-position: 60% 100%;
    }

    .slider-overlay {
        background-image: linear-gradient(
                354deg,
                rgba(24, 24, 24, 0) 30%,
                rgba(43, 58, 79, 0.65) 92%
            ),
            linear-gradient(
                rgba(6, 188, 193, 0.1),
                rgba(33, 218, 118, 0.35) 96%
            );
    }

    .photos-about-company {
        flex: 0 auto;
    }

    .image-full {
        overflow: hidden;
    }

    .arrow-item-cover {
        display: none;
    }

    .slider-mask-testimonials {
        width: 100%;
    }

    .reviev-dark-text {
        font-size: 28px;
    }

    .slider-info-testimonials {
        padding-bottom: 80px;
    }

    .grid-testimonials.reviews-clip-item,
    .grid-testimonials.reviews-clip {
        flex-flow: column;
        display: flex;
    }

    .testimonial-item-arrow {
        z-index: 100;
        width: 48px;
        height: 48px;
        top: auto;
        bottom: 0%;
        right: auto;
    }

    .testimonial-item-arrow.left-arrow-cover {
        height: 48px;
        top: auto;
        bottom: 0%;
        left: 42%;
        right: auto;
    }

    .testimonial-item-arrow.right-arrow {
        height: 48px;
        top: auto;
        bottom: 0%;
        left: auto;
        right: 42%;
    }

    .footer-items-2 {
        text-align: center;
        align-items: center;
    }

    .links-container {
        justify-content: center;
        width: 100%;
    }

    .links-socials {
        grid-row-gap: 30px;
        flex-direction: column;
        align-items: center;
    }

    .video-wrapper-con {
        background-position: 50% 10%;
        height: 100%;
    }

    .tab-radio-button-field-2 {
        justify-content: flex-start;
        width: 45%;
    }

    .footer-info-2 {
        align-items: center;
        width: 100%;
    }

    .footer-grid {
        grid-row-gap: 40px;
        grid-template-columns: 1fr 1fr;
    }

    .form-con-home-3 {
        grid-row-gap: 60px;
        flex-direction: column;
    }

    .footer-con {
        align-items: center;
        width: 100%;
    }

    .footer-form {
        text-align: center;
        align-items: center;
    }

    .footer-par-copyright {
        grid-column-gap: 5px;
        flex-flow: wrap;
        display: flex;
    }

    .footer-bottom {
        grid-column-gap: 5px;
        grid-row-gap: 5px;
        flex-direction: column;
        align-items: center;
    }

    .radio-buttons-block-2 {
        grid-row-gap: 20px;
        flex-wrap: wrap;
    }

    .footer-l-2 {
        display: none;
    }

    .stay-connect {
        align-items: center;
    }

    .photo-form {
        width: 100%;
        height: 400px;
    }

    .footer-rights-text {
        grid-row-gap: 0px;
    }

    .footer-top-link-wrap {
        grid-row-gap: 30px;
        flex-direction: column;
        align-items: center;
    }

    .app-wrap {
        justify-content: center;
    }

    .hero-description {
        width: 90%;
    }

    .text-footer-white {
        width: 100%;
    }

    .home-4-video-wrapper {
        justify-content: center;
        margin-bottom: 40px;
    }

    .footer-center {
        margin-bottom: 40px;
        padding-bottom: 40px;
    }

    .footer-white-paradraph.par-1 {
        width: 95%;
    }

    .half-blog-wrapper {
        grid-row-gap: 60px;
        flex-direction: column;
        grid-template-rows: auto;
        grid-template-columns: 1fr;
    }

    .latest-events {
        padding-left: 0;
        padding-right: 0;
    }

    .medium-stacked-intro-2 {
        max-width: 100%;
    }

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

    .list-content-wrapper {
        border-top: 1px solid rgba(0, 0, 0, 0.1);
        border-left-style: none;
        width: 100%;
        padding-top: 60px;
        padding-left: 0;
    }

    .text-blog-content {
        width: 84%;
    }

    .resources-list-grid {
        grid-row-gap: 60px;
    }

    .sticky-intro {
        width: 100%;
        position: relative;
        top: 0;
    }

    .news-description {
        width: 100%;
    }

    .blog-info-title-2 {
        margin-top: 20px;
    }

    .blog-image-container-2 {
        width: 100%;
        height: 400px;
    }

    .blog-container {
        grid-row-gap: 40px;
        flex-direction: column;
    }

    .blog-content {
        width: 100%;
        margin-right: 0%;
    }

    .list-blog-item {
        border-bottom-style: none;
        padding-top: 40px;
        padding-bottom: 0;
    }

    .sticky-footer-wrap {
        position: relative;
    }

    .subscribe-form-footer-dark {
        grid-column-gap: 8px;
    }

    .address-link-text {
        padding-right: 20px;
    }

    .contacts-item-wrap-home-1 {
        width: 75%;
    }

    .content-item-home-1 {
        align-items: center;
    }

    .content-item-home-1.desktop-item {
        display: block;
    }

    .content-item-home-1.form-content {
        min-width: 500px;
    }

    .short-info-content-2 {
        grid-column-gap: 15px;
        grid-row-gap: 15px;
        flex-wrap: wrap;
        grid-template-columns: 1fr 1fr;
        grid-auto-flow: column;
        justify-content: center;
        align-items: flex-start;
        justify-items: stretch;
        display: flex;
    }

    .scroll-cta-text {
        font-size: 8.5vw;
    }

    .hover-hero-arrow-2 {
        transition: all 0.45s;
        position: static;
    }

    .hover-hero-arrow-2:hover {
        background-color: var(--primary-dark);
    }

    .categories-link.blog-category,
    .categories-link.blog-category-details,
    .categories-link.blog-main-category {
        top: 0;
    }

    .tablet-header-wrap {
        flex-direction: column;
        align-items: flex-start;
        width: 100%;
        display: block;
    }

    .steps-tracker {
        display: none;
    }

    .hero-wrapper {
        height: auto;
    }

    .steps-circle-outline.three {
        display: none;
    }

    .steps-card-wrapper {
        grid-row-gap: 15px;
    }

    .methods-container {
        align-self: center;
    }

    .steps-cards {
        padding-left: 0;
    }

    .hero-bottom {
        width: 100%;
    }

    .steps-dot {
        display: none;
    }

    .hero-banner-image {
        width: 20vw;
        height: 20vw;
        min-height: 20vw;
    }

    .hero-banner-image.two {
        margin-left: 0;
    }

    .hero-banner-image.ten {
        z-index: 10;
    }

    .hero-banner-image.nine {
        margin-right: 40px;
    }

    .hero-home-3-content {
        padding-top: 120px;
        padding-bottom: 20vh;
    }

    .hero-image-strip.left {
        grid-template-columns: 1fr;
    }

    .hero-image-strip.right-side {
        grid-template-columns: 1fr;
        padding-top: 25vh;
    }

    .photo-light-ov.soft-light {
        background-color: rgba(254, 247, 244, 0.4);
    }

    .steps-card {
        min-height: auto;
    }

    .steps-sticky-card {
        background-position: 50% 5%;
        flex-direction: column-reverse;
        grid-template-columns: 1fr;
        min-width: 100%;
        max-width: 100%;
        height: 450px;
        padding-top: 26px;
        position: relative;
        top: auto;
    }

    .steps-sticky-card.photo-card {
        background-position: 50% 20%;
    }

    .home-hero {
        height: auto;
        min-height: 800px;
    }

    .steps-grid {
        grid-row-gap: 60px;
        flex-direction: column-reverse;
        grid-template-rows: 1fr;
        grid-template-columns: 1fr;
    }

    .features-content {
        padding: 60px 1.5rem 0;
    }

    .features-grid {
        grid-template-columns: 1fr 1fr;
        grid-auto-flow: row;
        min-height: auto;
    }

    .features-cards-decor {
        bottom: -50%;
    }

    .features-items-wrapper {
        height: 100vh;
        padding-top: 3rem;
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }

    .card-2 {
        height: 120px;
    }

    .hero-component {
        grid-column-gap: 3rem;
        grid-row-gap: 3rem;
        grid-template-columns: 1fr;
    }

    .features-items {
        width: 100%;
        padding-top: 20px;
        padding-left: 20px;
    }

    .features-items.second {
        padding-right: 20px;
    }

    .hero-content {
        text-align: center;
        justify-content: flex-start;
        align-items: center;
        margin-bottom: 20px;
    }

    .hero-image-wrapper {
        min-height: 400px;
    }

    .card-1 {
        height: 140px;
    }

    .features-content-wrapper {
        flex-direction: column;
        justify-content: space-between;
        height: 100%;
        display: flex;
    }

    .banner-hero-2 {
        padding-top: 120px;
        padding-bottom: 100px;
    }

    .banner-hero-2.download {
        padding-top: 120px;
    }

    .mockup-1 {
        height: 400px;
        bottom: -10%;
        left: 154px;
    }

    .mockup-2 {
        height: 450px;
        top: -6%;
        right: 21%;
    }

    .banner-title-2 {
        margin-left: auto;
        margin-right: auto;
    }

    .underline-span.our-app {
        background-size: 80%;
    }

    .white-h2-title {
        font-size: 42px;
    }

    .home-3-card-grid {
        grid-row-gap: 40px;
        grid-template-columns: 1fr;
    }

    .home-3-card-grid.bottom {
        grid-row-gap: 60px;
        margin-top: 60px;
    }

    .about-us-card {
        width: 80%;
        min-height: 320px;
        margin-top: 0;
        padding-left: 36px;
        padding-right: 36px;
    }

    .services-photo-item {
        background-position: 50% 85%;
    }

    .product-item-003 {
        width: 100%;
    }

    .gallery-slider {
        width: 100%;
        padding-bottom: 60px;
    }

    .item-slide-nav {
        width: 66.66%;
        height: 30px;
        font-size: 8px;
    }

    .next-member {
        color: var(--primary-dark);
        text-transform: uppercase;
        font-family: Inter, sans-serif;
        font-size: 15px;
        font-style: normal;
        font-weight: 600;
    }

    .gallery-arrow {
        z-index: 90;
        align-items: flex-end;
        width: auto;
        height: auto;
        margin: auto 0 0;
        transition: all 0.35s;
        position: absolute;
        top: auto;
        bottom: 0%;
        left: 125px;
        right: auto;
    }

    .gallery-arrow.right {
        margin-right: 0;
        top: auto;
        right: 125px;
    }

    .tablet-arrow {
        grid-column-gap: 15px;
        grid-row-gap: 15px;
        align-items: center;
        width: auto;
        display: flex;
        position: relative;
    }

    .team-grid-wrapper-2 {
        margin-top: 60px;
    }

    .view-link-cover {
        display: none;
    }

    .gallery-mask {
        width: 66.66%;
    }

    .four-column {
        grid-row-gap: 48px;
    }

    .stacked-grid-content {
        position: relative;
    }

    .number-large-circle {
        width: 40px;
        height: 40px;
    }

    .intro-par-wrap {
        grid-column-gap: 2rem;
        grid-row-gap: 2rem;
        flex-direction: column;
        align-items: flex-start;
    }

    .light-green-circle {
        display: none;
    }

    .banner-button-wrapper {
        width: 80%;
    }

    .hero-person-text-less,
    .hero-banner-col.col-2 {
        display: none;
    }

    .hero-banner-col.col-1 {
        width: 100%;
    }

    .hero-person-text-more {
        grid-row-gap: 20px;
        opacity: 1;
        flex-direction: column;
        padding-left: 16px;
        padding-right: 16px;
        bottom: 20px;
    }

    .hero-person-text-more.mod-1 {
        padding-left: 16px;
    }

    .grad-line-wrapper {
        padding-left: 20px;
    }

    .hero-person-title {
        font-size: 22px;
    }

    .hero-person-title.white-person-title {
        text-align: center;
    }

    .subtitle-banner {
        width: 100%;
    }

    .hero-person-count-title {
        font-size: 32px;
    }

    .swiper-person {
        margin-top: 60px;
    }

    .blue-gradient {
        filter: blur(130px);
    }

    .blue-gradient.g-27 {
        bottom: -13%;
        right: 5%;
    }

    .blue-gradient.g-28 {
        bottom: 12%;
        right: 17%;
    }

    .purple-gradient {
        filter: blur(150px);
        width: 180px;
        height: 180px;
        left: 37%;
    }

    .purple-gradient.grad-29 {
        top: 11%;
    }

    .hero-tablet-banner-persons {
        grid-column-gap: 15px;
        height: auto;
        display: flex;
    }

    .banner-title-home-3 {
        font-size: 40px;
    }

    .banner-paragraph-home-2 {
        width: 100%;
    }

    .hero-person-count-span {
        font-size: 12px;
    }

    .hero-columns {
        grid-template-columns: 1fr;
    }

    .banner-4-reviews {
        flex-direction: row-reverse;
        width: 100%;
    }

    .banner-content-2.home--2 {
        text-align: center;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        width: 70%;
        margin-left: auto;
        margin-right: auto;
        display: flex;
    }

    .banner-form {
        margin-left: auto;
        margin-right: auto;
    }

    .hero-banner-persons {
        grid-column-gap: 15px;
        height: auto;
        margin-left: 0;
    }

    .hero-person {
        width: 240px;
        height: 376px;
        padding-left: 0;
        padding-right: 0;
    }

    .banner-par {
        margin-left: auto;
        margin-right: auto;
    }

    .collection-blog-1-grid {
        grid-column-gap: 20px;
        grid-row-gap: 0px;
        grid-template-columns: 1fr 1fr;
        grid-auto-columns: 1fr;
        margin-top: 0;
        margin-bottom: 0;
    }

    .project-collection-item-2:nth-child(odd) {
        margin-bottom: 0;
    }

    .project-collection-item-2.related-use-cases:nth-child(odd) {
        margin-top: 0;
    }

    .bg-pattern {
        width: 70%;
    }

    .pattern-1 {
        height: 55px;
        top: 46%;
        left: 127px;
    }

    .pattern-2 {
        height: 50px;
        top: 24px;
        right: 138px;
    }

    .pattern-3 {
        height: 60px;
        right: 200px;
    }

    .pattern-5.small-star-1 {
        top: 50%;
    }

    .pattern-5.small-star-2 {
        bottom: -3%;
        right: 20%;
    }

    .pattern-5.small-star-3 {
        bottom: -6%;
        left: 16%;
    }

    .pattern-5.small-star-4 {
        left: 55px;
    }

    .pattern-5.small-star-9 {
        left: 38px;
    }

    .pattern-5.small-star-11 {
        bottom: 8%;
    }

    .pattern-5.small-star-25 {
        bottom: -12%;
    }

    .pattern-5.small-star-27 {
        bottom: -5%;
    }

    .verticle-card-image-2.big-cases-card {
        min-height: 450px;
    }

    .number-title {
        font-size: 48px;
    }

    .numbers-wrapper-2 {
        grid-column-gap: 30px;
        margin-top: 60px;
        padding-top: 60px;
        padding-bottom: 60px !important;
    }

    .loop-wrap {
        flex-direction: row;
        justify-content: flex-start;
        display: flex;
    }

    .loop-review-item {
        padding-left: 20px;
        padding-right: 20px;
    }

    .loop-wrapper-right {
        flex-direction: row;
        justify-content: flex-start;
        display: flex;
    }

    .number-description {
        font-size: 15px;
    }

    .home-1-services {
        flex-wrap: wrap;
    }

    .home-1-service-img {
        width: 100%;
        height: 500px;
    }

    .home-1-services-text {
        width: 100%;
        margin-top: 40px;
    }

    .slide-heading-3 {
        font-size: 64px;
    }

    .slide-heading-3.xl {
        font-size: 80px;
    }

    .action-section {
        min-height: 550px;
        padding-top: 180px;
    }

    .price-top-2 {
        align-items: flex-end;
    }

    .hero-price-item-2 {
        grid-row-gap: 0px;
        grid-template-columns: 40% 60%;
    }

    .price-bottom-2 {
        border-top: 1px solid rgba(63, 83, 114, 0.15);
        margin-top: 40px;
        padding-top: 40px;
    }

    .button-pricing-wrap-2 {
        border-left-style: none;
        align-items: flex-start;
        margin-left: 0;
        padding-left: 0;
    }

    .starter-package-2,
    .price-top-wrapper {
        width: 100%;
    }

    .banner-pattern-ov {
        width: 75%;
    }

    .contacts-left-arrow-2 {
        right: 41px;
    }

    .contacts-arrows-divider-3 {
        right: 40px;
    }

    .contacts-right-arrow-2 {
        right: 0;
    }

    .contacts-title-3 {
        width: 100%;
    }

    .benefits-line {
        display: none;
    }

    .benefits-line.support {
        display: block;
    }

    .contacts-wrap {
        grid-row-gap: 40px;
        flex-direction: column;
    }

    .contacts-form-wrap {
        width: 100%;
        min-height: auto;
        padding-left: 40px;
        padding-right: 40px;
    }

    .support-text {
        width: 95%;
    }

    .contacts-content-wrapper-3 {
        width: 100%;
        padding-right: 0;
    }

    .blogl-right-wrapper {
        grid-row-gap: 24px;
        width: 100%;
    }

    .collection-item-blog {
        width: 49%;
    }

    .our-blog-container {
        grid-row-gap: 120px;
        flex-direction: column;
        grid-template-rows: auto;
        grid-template-columns: 1fr;
        grid-auto-rows: 1fr;
        padding-bottom: 0;
    }

    .collection-list-wrapper-3 {
        width: 100%;
    }

    .recent-blog-list {
        flex-flow: wrap;
        justify-content: space-between;
    }

    .recent-blog-name {
        font-size: 18px;
    }

    .journal-list-item-content {
        padding-right: 15px;
    }

    .blog-post-list-item {
        min-height: 150px;
    }

    .large-blog-post {
        min-height: 550px;
    }

    .grid-items-services {
        grid-template-columns: 1fr 1fr;
    }

    .h2-title-2 {
        width: 90%;
    }

    .banner-3-content {
        padding-top: 120px;
    }

    .video-wrapper {
        background-position: 50% 85%;
    }

    .video-wrapper.image-3 {
        background-position: 50% 15%;
    }

    .right-banner-content {
        grid-column-gap: 20px;
        grid-row-gap: 20px;
        text-align: center;
        flex-flow: column;
        justify-content: flex-start;
        align-items: center;
        width: 85%;
        margin-left: auto;
        margin-right: auto;
        display: flex;
    }

    .loop-contact-container {
        width: 60%;
    }

    .cta-button-content {
        padding-top: 16px;
        padding-bottom: 16px;
    }

    .carousel-item {
        grid-column-gap: 12px;
        grid-row-gap: 12px;
        min-width: 210px;
        padding-top: 35px;
        padding-bottom: 35px;
    }

    .banner-3-desctiption {
        text-align: center;
    }

    .carousel-item-large {
        margin-left: 15px;
        margin-right: 15px;
    }

    .services-mask {
        width: 70%;
    }

    .hover-link-wrapper {
        display: none;
    }

    .hero-gradient.grad-4 {
        opacity: 0.5;
    }

    .statistics-title {
        font-size: 35px;
    }

    .link-items-grid {
        grid-column-gap: 30px;
        grid-row-gap: 30px;
    }

    .banner-print.print-2 {
        height: 120px;
        top: 37%;
    }

    .banner-print.print-3 {
        margin-top: 0;
    }

    .banner-print.print-4 {
        height: 90px;
        top: 3%;
    }

    .banner-print.print-5 {
        height: 140px;
        top: 38%;
    }

    .banner-print.print-0 {
        height: 80px;
        top: 66%;
    }

    .stacked-info {
        grid-row-gap: 25px;
    }

    .sticky-image-wrapper {
        border-radius: 30px;
        overflow: hidden;
    }

    .sticky-image-wrapper.image-two {
        background-image: url("https://cdn.prod.website-files.com/65e4701f92929f8f0c4b6ee9/65fae5fb3af861240fc3e251_Features%201.webp");
    }

    .sticky-image-wrapper.image-one {
        background-image: url("https://cdn.prod.website-files.com/65e4701f92929f8f0c4b6ee9/6601487a3a5b2da6292cf224_Banner%20Saas%209%20(1)%20(1)%20(1).webp");
        background-position: 50%;
    }

    .sticky-image-bar {
        display: none;
    }

    .sticky-box-list {
        grid-row-gap: 80px;
        max-width: 700px;
    }

    .services-container-home-4 {
        grid-template-columns: 1fr;
        margin-bottom: 0;
    }

    .mobile-intro-box-image {
        width: 100%;
        height: 450px;
        display: flex;
    }

    .intro-box {
        grid-row-gap: 40px;
        flex-direction: column-reverse;
        min-height: auto;
    }

    .services--4-wrapper {
        grid-row-gap: 48px;
    }

    .benefits-wrap {
        padding-top: 0;
    }

    .full-width-panel {
        width: 100%;
        padding: 0 40px;
    }

    .history-intro {
        padding-bottom: 120px;
    }

    .lightbox-link {
        width: 120px;
        height: 120px;
        margin-left: auto;
        margin-right: auto;
        top: -60px;
        bottom: auto;
        left: 0%;
        right: 0%;
    }

    .tab-content-home-4 {
        max-width: 100%;
    }

    .content-grid {
        grid-row-gap: 0px;
        flex-direction: column-reverse;
        grid-template-columns: 1fr 1fr 1fr;
        display: flex;
    }

    .video-cover {
        justify-content: center;
        width: auto;
        height: 500px;
        position: relative;
    }

    .video-grid-wrapper {
        grid-row-gap: 48px;
    }

    .play-icon {
        width: 16px;
    }

    .h2-black-title {
        font-size: 44px;
    }

    .about-company {
        width: 100%;
    }

    .about-us-con {
        padding-right: 0;
    }

    .story-wrapper {
        border-right-style: none;
    }

    .our-news-slider.large-left-padding {
        padding-left: 40px;
    }

    .card-slide {
        margin-right: 20px;
    }

    .cards-mask {
        width: 100%;
    }

    .hero-bottom-feature {
        width: 50%;
    }

    .hero-content-wrapper {
        max-width: none;
    }

    .hero-feature-card {
        background-color: var(--primary-light-bg);
    }

    .hero-feature-card:hover {
        background-color: var(--white);
    }

    .hero-left-container,
    .banner-white-par {
        width: 90%;
    }

    .content-grid-column {
        grid-row-gap: 0px;
        flex-direction: column-reverse;
        grid-template-columns: 1fr 1fr 1fr;
        display: flex;
    }

    .right-photo {
        background-position: 50% 30%;
        height: 500px;
    }

    .content-dual-wrapper {
        grid-template-columns: 1fr;
    }

    .pin-vertical-stripe.hide-tablet {
        display: none;
    }

    .banner-5-hero-section-2 {
        grid-column-gap: 60px;
        grid-row-gap: 60px;
        flex-flow: column;
        grid-template-rows: auto;
        grid-template-columns: 1fr;
        grid-auto-columns: 1fr;
        align-items: stretch;
        min-height: auto;
        padding-top: 120px;
        display: flex;
    }

    .banner-5-wrap {
        text-align: center;
        align-items: center;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        padding-left: 0;
    }

    .left-video-con-2 {
        background-image: none;
        justify-content: center;
        align-items: flex-start;
        width: auto;
        height: 450px;
        padding-left: 15px;
        padding-right: 15px;
        display: flex;
        position: relative;
        top: 0;
        bottom: 0;
        left: auto;
        right: auto;
    }

    .home-5-video {
        width: 90%;
        margin-left: auto;
        margin-right: auto;
        left: auto;
        right: auto;
    }

    .form-wrapper {
        grid-template-columns: 1fr;
    }

    .checklist {
        width: 80%;
        margin-left: auto;
        margin-right: auto;
    }

    .tripple-grid {
        grid-template-columns: 1fr;
    }

    .hero-right-container {
        justify-content: flex-start;
        align-items: center;
        width: 80%;
        margin-left: auto;
        margin-right: auto;
    }

    .banner-5-par {
        width: 89%;
        margin-left: auto;
        margin-right: auto;
    }

    .green-cover {
        height: 40%;
    }

    .h2-title-white,
    .founder-s-quote {
        width: 100%;
    }

    .section-video-scroll {
        margin-top: -35px;
        padding-top: 160px;
        padding-bottom: 80px;
    }

    .sticky-wrap {
        position: relative;
        bottom: 0;
    }

    .team-hero-slider {
        width: 100%;
        min-width: auto;
    }

    .team-item {
        padding-top: 80px;
    }

    .team-spacer {
        border-right-style: none;
        padding-top: 80px;
    }

    .height-photo-container.small-height-last-item {
        height: 550px;
    }

    .height-photo-container.autor-photo {
        height: 350px;
    }

    .statistics-banner {
        margin-left: 0;
        left: 15px;
    }

    .loop-bottom-con {
        padding-top: 0;
        padding-bottom: 0;
    }

    .testimonial-slider-block {
        width: 100%;
        margin-bottom: 4rem;
    }

    .number-size-large {
        font-size: 1.625rem;
    }

    .slider-icon-arrow {
        width: 0.875rem;
        height: 0.875rem;
    }

    .banner-avatars-wrapper {
        justify-content: center;
    }

    .testimonial-slide-number {
        margin-bottom: -0.625rem;
        margin-left: auto;
        padding-left: 1.25rem;
        bottom: -4rem;
        left: 0%;
    }

    .testimonial-slide-content {
        min-height: 21rem;
        padding-top: 1.25rem;
        padding-bottom: 1.25rem;
        padding-left: 1.25rem;
    }

    .con-video {
        flex: 1;
        justify-content: space-between;
        display: flex;
    }

    .padding-horizontal {
        padding-top: 0;
        padding-bottom: 0;
    }

    .video-home-5 {
        height: auto;
        display: flex;
    }

    .statistics-card {
        text-align: center;
        justify-content: flex-start;
        align-items: center;
        min-width: 220px;
        padding-left: 15px;
        padding-right: 15px;
    }

    .statistics-title-dark {
        font-size: 35px;
    }

    .statistics-banner-top {
        right: 15px;
    }

    .small-pattern {
        height: 90px;
        bottom: 189px;
        left: 0;
    }

    .small-pattern-2 {
        height: 90px;
        bottom: -27px;
        right: -32px;
    }

    .small-pattern-3 {
        height: 100px;
        top: -30px;
        left: -33px;
    }

    .small-pattern-4 {
        height: 140px;
        top: -35px;
        left: 0;
    }

    .small-pattern-5 {
        top: auto;
        bottom: -114px;
        left: auto;
        right: -39px;
    }

    .home-5-card-grid {
        grid-row-gap: 40px;
        grid-template-columns: 1fr;
    }

    .home-5-card-grid.bottom {
        grid-row-gap: 60px;
        margin-top: 40px;
    }

    .small-pattern-6 {
        bottom: -84px;
        left: -18px;
        right: auto;
    }

    .rating-png {
        height: 50px;
    }

    .img-bg.review {
        background-position: 45% 100%;
    }

    .image-dark-overlay {
        background-color: rgba(0, 0, 0, 0.1);
    }

    .small-pattern-7 {
        left: -15px;
    }

    .small-pattern-8 {
        top: 343px;
        bottom: auto;
        left: auto;
        right: -15px;
    }

    .anchor-list {
        border-top-style: none;
        border-bottom: 1px rgba(255, 255, 255, 0.1);
        flex-flow: wrap;
        grid-template-columns: 1fr 1fr;
        justify-content: space-between;
        width: 100%;
    }

    .hover-cover-portfolio-details {
        display: none;
    }

    .newc-category-sidebar {
        grid-column-gap: 10px;
        grid-row-gap: 10px;
        width: 100%;
        max-width: none;
        padding-right: 0;
        position: relative;
        top: 0;
    }

    .category-intro-list-wrap {
        grid-column-gap: 20px;
        grid-row-gap: 20px;
        flex-flow: row;
        align-items: center;
    }

    .right-flex-con {
        margin-bottom: 20px;
    }

    .left-banner-con {
        align-items: center;
    }

    .banner-video-ov {
        min-height: 100%;
    }

    .small-banner-text {
        font-weight: 300;
    }

    .home-1-section {
        align-items: center;
        padding-top: 120px;
    }

    .banner-link {
        display: none;
    }

    .video-company {
        height: 500px;
    }

    .banner-right-con {
        align-items: center;
    }

    .banner-scroll-component {
        min-height: 350px;
    }

    .inner-banner-section {
        min-height: auto;
        padding-bottom: 0;
    }

    .top-form-con {
        text-align: center;
        width: 80%;
        margin-left: auto;
        margin-right: auto;
    }

    .form-intro {
        padding-left: 40px;
        padding-right: 40px;
    }

    .faq-flex-wrapper {
        grid-column-gap: 15px;
        grid-row-gap: 15px;
        grid-template-columns: 1fr;
    }

    .main-form-con {
        justify-content: flex-start;
    }

    .inner-hero-content {
        justify-content: center;
        align-items: flex-end;
        padding-right: 15px;
    }

    .faq-center-title,
    .faq-center-title.compare {
        width: 100%;
    }

    .inner-banner-style.small-banner {
        min-height: 550px;
    }

    .services-center-title {
        width: 95%;
    }

    .large-inner-title {
        font-size: 60px;
    }

    .inner-banner-wrap {
        padding-right: 15px;
    }

    .inner-banner-wrap.banner-search {
        background-image: linear-gradient(
                135deg,
                rgba(81, 246, 207, 0.36),
                var(--transparent) 45%,
                rgba(252, 255, 112, 0.44)
            ),
            linear-gradient(
                to bottom,
                rgba(12, 81, 90, 0.6),
                rgba(12, 81, 90, 0.6)
            ),
            url("https://cdn.prod.website-files.com/65e4701f92929f8f0c4b6ee9/660ba7f9bc7ef434f6c03125_Photo%2011%20(1).webp");
        background-position: 0 0, 0 0, 50%;
    }

    .search-inner-title {
        font-size: 60px;
    }

    .search-result-list {
        display: flex;
    }

    .content-details {
        grid-row-gap: 60px;
        flex-direction: column-reverse;
        grid-template-columns: 1fr;
    }

    .blog-details-title-2 {
        width: 90%;
        font-size: 50px;
    }

    .success-message-content {
        background-position: 400px 0;
        padding: 20px;
    }

    .scroll-blog-link {
        margin-bottom: -80px;
        right: 40px;
    }

    .details-card {
        width: 100%;
        position: static;
    }

    .top-group-con {
        width: 85%;
    }

    .blog-template-wrap {
        padding-left: 40px;
        padding-right: 40px;
    }

    .blog-template-wrap.banner {
        padding-left: 0;
        padding-right: 0;
    }

    .banner-group-description {
        width: 87%;
    }

    .content-blog-details-wrap {
        grid-template-columns: 1fr;
    }

    .small-ava-wrap {
        justify-content: center;
    }

    .section-blog-details {
        height: 450px;
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .blog-intro-content {
        width: 100%;
        min-height: auto;
        padding-top: 140px;
        padding-bottom: 100px;
    }

    .details-body {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }

    .content-details-grid {
        grid-row-gap: 60px;
        flex-direction: column-reverse;
        grid-template-columns: 1fr;
    }

    .large-left-fill {
        width: 40px;
    }

    .experts-grid {
        grid-row-gap: 0px;
        grid-template-columns: 1fr 1fr;
        grid-auto-columns: 1fr;
        margin-top: 0;
        margin-bottom: 0;
    }

    .inner-banner-team {
        padding-right: 15px;
    }

    .team-white-description {
        width: 90%;
    }

    .team-center-title {
        width: 100%;
    }

    .team-print-1,
    .team-print-2 {
        height: 80%;
    }

    .large-inner-title-team {
        background-size: 50%;
        font-size: 60px;
    }

    .contact-form-wrapper {
        width: 100%;
    }

    .light-banner-cover {
        padding-top: 100px;
    }

    .use-cases-content {
        width: 80%;
    }

    .print-wrap {
        min-height: 400px;
    }

    .print-color-1 {
        height: 90px;
        left: 10%;
    }

    .print-3 {
        height: 60px;
        right: -17px;
    }

    .print-2 {
        height: 50px;
        top: 24px;
        right: 138px;
    }

    .print-1 {
        height: 55px;
        top: 46%;
        left: -9px;
    }

    .print-color-2 {
        height: 80px;
        top: 18%;
    }

    .stages-sidebar {
        grid-row-gap: 20px;
        width: 100%;
        max-width: none;
        padding-right: 0;
        position: relative;
        top: 0;
    }

    .anchor-link-2 {
        width: 47%;
    }

    .hover-cover-portfolio-details-2 {
        display: none;
    }

    .client-quote-wrapper {
        grid-row-gap: 80px;
        flex-direction: column;
    }

    .stage-banner {
        height: 500px;
    }

    .content-portfolio-details {
        grid-row-gap: 80px;
    }

    .use-cases-info-wrap {
        width: 100%;
        margin-top: 300px;
    }

    .cases-category {
        margin-bottom: 0;
    }

    .collection-use-cases-category {
        grid-column-gap: 20px;
        grid-row-gap: 0px;
        grid-template-columns: 1fr 1fr;
        grid-auto-columns: 1fr;
        margin-top: 0;
        margin-bottom: 0;
    }

    .category-large-title {
        font-size: 60px;
    }

    .banner-use-cases-details {
        min-height: auto;
        padding-bottom: 0;
    }

    .collection-related-cases {
        grid-column-gap: 20px;
        grid-row-gap: 40px;
        grid-template-columns: 1fr;
        grid-auto-columns: 1fr;
        margin-top: 0;
        margin-bottom: 0;
    }

    .testimonials-item {
        padding: 15px;
    }

    .underline-link-container-6 {
        flex: 1;
        justify-content: space-between;
    }

    .coming-soon-container {
        justify-content: center;
        align-items: center;
        padding-left: 15px;
        padding-right: 15px;
        display: flex;
    }

    .coming-soon-text {
        text-align: center;
        width: 100%;
    }

    .loop-container {
        grid-column-gap: 0px;
        grid-template-columns: 1fr;
        grid-auto-flow: row;
        justify-content: center;
    }

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

    .subscribe-form-footer-2 {
        grid-column-gap: 8px;
    }

    .footer-bottom-form {
        width: 95%;
        margin-left: auto;
        margin-right: auto;
    }

    .coming-soon-wrapper-2 {
        align-items: center;
    }

    .coming-soon-heading-3 {
        text-align: center;
        width: 80%;
        font-size: 50px;
    }

    .hero-form-coming-soon-2 {
        align-items: center;
        width: 85%;
    }

    ._404-title {
        font-size: 120px;
    }

    .our-rights-wrapper {
        grid-row-gap: 48px;
    }

    .rights-top-content {
        padding-top: 140px;
    }

    .scroll-banner-strip,
    .scroll-right-text {
        font-size: 9vw;
    }

    .general-rewiev-wrap {
        grid-column-gap: 40px;
    }

    .review-photo {
        width: 40%;
    }

    .blog-template-pagination-2 {
        margin-top: 60px;
    }

    .slider-blog-arrow {
        padding-right: 60px;
    }

    .slider-blog-arrow.right {
        padding-left: 60px;
    }

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

    .blog-review {
        padding: 30px;
    }

    .banner-paragraph {
        width: 87%;
    }

    .section-blog-details-2 {
        height: 450px;
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .blog-intro-content-2 {
        width: 100%;
        min-height: auto;
        padding-top: 140px;
        padding-bottom: 100px;
    }

    .testimoninal-home-3 {
        width: 60%;
    }

    .sidebar-recent-posts-wrapper-2 {
        grid-column-gap: 16px;
        grid-row-gap: 16px;
        flex-direction: column;
        grid-template-rows: auto auto;
        grid-template-columns: 1fr 1fr;
        grid-auto-columns: 1fr;
        justify-content: space-between;
        width: 100%;
        height: 100%;
    }

    .blog-3-grid {
        grid-row-gap: 30px;
    }

    .blog-sidebar-right {
        width: 100%;
        position: static;
    }

    .blog-sidebar-left-wrap {
        flex: none;
        width: 100%;
    }

    .blog-3-form-white {
        grid-column-gap: 8px;
        flex-flow: row;
        align-items: stretch;
    }

    .collection-list-8 {
        flex-flow: wrap;
        width: 100%;
    }

    .blog-sidebar-wrap {
        grid-row-gap: 60px;
        flex-wrap: wrap-reverse;
        grid-template-columns: 1fr;
    }

    .sidebar-recent-post-item-2 {
        flex-direction: row;
        align-items: center;
        width: 47%;
        display: flex;
    }

    .blog-sidebar-right-wrapper-2 {
        width: 100%;
        position: static;
    }

    .tab-top-2:hover {
        padding-left: 0;
        padding-right: 0;
    }

    .tab-top-2.recent-posts {
        padding-right: 0;
    }

    .hover-blog-cover {
        display: none;
    }

    .sidebar-recent-post-image-2 {
        width: 100px;
    }

    .article-2 {
        height: 100%;
    }

    .subtitle-blog {
        font-size: 22px;
    }

    .primary-button-search {
        width: auto;
    }

    .reviews-grid {
        grid-row-gap: 0px;
        grid-template-columns: 1fr 1fr;
        grid-auto-columns: 1fr;
        margin-top: 0;
        margin-bottom: 0;
    }

    .career-wrapper {
        border-left-style: none;
        width: 100%;
        padding-left: 0;
    }

    .list-career-item {
        border-bottom-style: none;
        padding-bottom: 0;
    }

    .career-description {
        width: 100%;
    }

    .career-title {
        width: 80%;
    }

    .career-list-grid {
        grid-row-gap: 60px;
    }

    .contacts-service {
        grid-template-rows: auto;
        grid-template-columns: 1fr 1fr 1fr;
        grid-auto-columns: 1fr;
    }

    .career-container {
        grid-row-gap: 40px;
        flex-direction: column;
    }

    .career-image-container {
        width: 100%;
        height: 400px;
    }

    .career-text-content {
        justify-content: flex-start;
        align-items: center;
        width: 90%;
        margin-left: auto;
        margin-right: auto;
    }

    .stacked-career-heading {
        text-align: center;
        justify-content: flex-start;
        align-items: center;
    }

    .medium-image {
        min-height: 320px;
        margin-top: 0;
    }

    .team-images {
        grid-column-gap: 12px;
        grid-row-gap: 12px;
        grid-template-columns: 0.5fr 0.5fr 0.5fr;
    }

    .small-image {
        min-height: 300px;
        margin-top: 0;
        margin-bottom: 0;
    }

    .paralax-background.about-seven,
    .paralax-background.about-one {
        background-position: 50% 0;
    }

    .hover-circle-wrapper {
        display: none;
    }

    .instagram {
        height: 25vw;
    }

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

    .inner-demo-banner {
        padding-right: 15px;
    }

    .demo-title-con {
        width: 100%;
    }

    .demo-description {
        width: 90%;
    }

    .large-demo-title {
        background-size: 50%;
        font-size: 60px;
    }

    .demo-print-1 {
        height: 80px;
        top: 35%;
        right: -5%;
    }

    .demo-print-2 {
        left: -1%;
    }

    .demo-print-4 {
        right: 9%;
    }

    .app-banner-wrap {
        justify-content: center;
        align-items: flex-end;
    }

    .banner-text-wrap {
        width: 78%;
    }

    .app-hero-content {
        text-align: center;
        justify-content: flex-start;
        align-items: center;
        padding-bottom: 20px;
    }

    .section-content-full.last {
        margin-bottom: 10px;
    }

    .grid-column-blocks {
        width: auto;
        max-width: 1250px;
    }

    .grid-column-blocks.last-row {
        border-bottom-style: solid;
    }

    .table-content {
        margin-top: 0;
        padding-bottom: 20px;
        overflow: auto;
    }

    .column-blocks {
        width: auto;
        max-width: 1250px;
    }

    .block-best-deal {
        border-radius: 0;
        height: 51px;
        margin-top: -1px;
    }

    .compare-content-block {
        flex: none;
        width: 250px;
        position: relative;
    }

    .compare-content-block.space-batween-first,
    .compare-content-block.space-batween,
    .compare-content-block.space-batween-border {
        padding-top: 74px;
    }

    .hover-circle-wrapper-5 {
        display: none;
    }

    .landing-content {
        width: 90%;
    }

    .landing-cta-title {
        margin-bottom: 10px;
    }

    .section-lp-title-description {
        width: 100%;
    }

    .section-lp-title-wrapper {
        max-width: 580px;
    }

    .landing-top-content {
        padding-top: 140px;
    }

    .circle-wrap {
        display: none;
    }

    .background-event {
        background-position: 50% 25%;
    }

    .verticle-line {
        width: 100%;
    }

    .popular-events {
        grid-column-gap: 20px;
        grid-row-gap: 20px;
        grid-template-columns: 1fr 1fr;
    }

    .popular-posts {
        grid-row-gap: 30px;
        position: relative;
        top: auto;
    }

    .grid-use-cases-2 {
        grid-row-gap: 48px;
        grid-template-rows: auto 1px;
        grid-template-columns: 1fr;
    }

    .cases-3-grid {
        grid-auto-columns: 1fr;
        margin-top: 0;
        margin-bottom: 0;
    }

    .use-cases-3-grid {
        grid-column-gap: 30px;
        grid-row-gap: 40px;
        grid-template-columns: 1fr 1fr;
    }

    .portfolio-3-image-2 {
        height: 450px;
    }

    .upcoming-events-link {
        padding-right: 20px;
    }

    .upcoming-events-info {
        grid-row-gap: 20px;
    }

    .upcoming-events-title {
        width: 85%;
    }

    .upcoming-events-image {
        min-height: 140px;
    }

    .dark-hover-ov {
        display: none;
    }

    .cta-form-title {
        font-size: 9vw;
    }

    .small-sticky-title {
        font-size: 45px;
    }

    .customer-photo-ov {
        padding: 24px;
    }

    .quote-color-wrap {
        top: 24px;
        right: 24px;
    }

    .small-avatars {
        justify-content: center;
        margin-bottom: 40px;
    }

    .top-title-wrapper {
        width: 90%;
    }

    .top-title-wrapper.our-partner,
    .top-title-wrapper.use-cases {
        width: 100%;
    }

    .logo-wrapper {
        grid-column-gap: 80px;
        grid-row-gap: 80px;
        grid-template-columns: 1fr;
        padding-top: 80px;
        padding-bottom: 40px;
    }

    .right-logo-wrapper {
        width: 100%;
        padding-top: 0;
        padding-bottom: 0;
    }

    .top-title-width-faq {
        width: 100%;
    }

    .hire-popup {
        max-width: 380px;
    }

    .hire-popup-wrap {
        display: none;
    }
}

@media screen and (max-width: 767px) {
    h1 {
        font-size: 48px;
    }

    h2 {
        font-size: 38px;
    }

    h3 {
        font-size: 30px;
    }

    blockquote {
        font-size: 24px;
    }

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

    .grid-system-wrapper {
        flex-direction: row;
        margin-top: 15px;
    }

    .grid-system {
        border-left: 1px solid #7c7c7c;
        flex-direction: column;
    }

    .grid-title {
        border-bottom: 1px solid var(--white-20);
        border-right-style: none;
        width: 100%;
    }

    .grid-title.first-grid {
        border-left-style: none;
        border-right-style: none;
        width: 100%;
    }

    .grid-description {
        border-top: 1px solid var(--green-20);
        border-bottom-style: none;
        border-right-width: 1px;
        align-items: center;
        width: 100%;
    }

    .grid-description.first-description {
        border-width: 1px 1px 0.5px 0;
        border-top-style: none;
        border-top-color: var(--green-20);
        border-bottom-style: none;
        border-left-style: none;
        width: 100%;
    }

    .grid-description.last-description {
        border-bottom-style: solid;
        border-bottom-width: 1px;
        border-right-width: 1px;
    }

    .spacing-system-column {
        margin-top: 20px;
    }

    .spacing-wrapper-mobile {
        margin-top: 30px;
    }

    .typography-wrapper {
        margin-top: 20px;
    }

    .spacing-columns {
        margin-top: 0;
    }

    .bottom-style-spacing-desktop {
        bottom: 10%;
    }

    .top-style-spacing-desktop {
        top: 10%;
    }

    .spacing-wrapper {
        margin-top: 30px;
    }

    .middle-style-spacing-desktop {
        top: 34%;
    }

    .colors-container {
        margin-top: 20px;
    }

    .headings-typography-wrapper {
        width: 100%;
    }

    .headers-wrapper {
        width: 100%;
        margin-top: 10px;
    }

    .h1-tablet {
        font-size: 48px;
    }

    .h2-tablet {
        font-size: 38px;
    }

    .h3-tablet {
        font-size: 30px;
    }

    .style-guide-body-wrapper,
    .primary-button.search-button {
        width: 100%;
    }

    .primary-button.pagination {
        margin-top: 40px;
    }

    .style-guide-div {
        grid-row-gap: 40px;
    }

    .top-style-spacing-mobile {
        top: 7%;
    }

    .middlr-style-spacing-mobile {
        top: 31%;
    }

    .bottom-style-spacing-mobile {
        bottom: 9%;
    }

    .grid-header {
        width: 100%;
        margin-top: 20px;
    }

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

    .licensing-title-wrapper {
        margin-bottom: 20px;
    }

    .licensing-images-wrapper {
        padding-top: 30px;
    }

    .licensing-images-wrapper.top-space {
        margin-top: 40px;
    }

    .licensing-grid {
        grid-template-columns: 1fr 1fr;
    }

    .licensing-fonts-wrapper {
        flex-wrap: wrap;
    }

    .licensing-paragraph {
        width: 100%;
        margin-bottom: 20px;
        margin-right: 0;
    }

    .licensing-paragraph.last-item {
        margin-bottom: 0;
    }

    .licensing-font-title {
        margin-bottom: 10px;
    }

    .licensing-icons-wrapper {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .utility-page-wrap {
        padding-left: 30px;
        padding-right: 30px;
    }

    .utility-page-content {
        width: 70%;
    }

    .style-guide-buttons-wrapper {
        flex-wrap: wrap;
        margin-top: 35px;
    }

    .style-guide-button-wrapper {
        width: 45%;
    }

    .contacts-location-slider {
        padding-right: 100px;
    }

    .search-section {
        grid-column-gap: 60px;
        grid-row-gap: 60px;
        padding-bottom: 60px;
    }

    .customer-wrapper {
        height: 240px;
    }

    .headings-container {
        grid-row-gap: 30px;
    }

    .about-3-tab-link.w--current {
        font-size: 20px;
    }

    .landing-performance-grid {
        grid-column-gap: 80px;
        grid-row-gap: 40px;
        grid-template-columns: 1fr;
    }

    .landing-features-grid {
        grid-column-gap: 40px;
        grid-row-gap: 40px;
    }

    .landing-inner-pages-wrapper {
        grid-template-columns: 1fr;
        justify-items: center;
    }

    .landing-inner-page-item {
        width: auto;
    }

    .landing-home-pages-wrapper {
        grid-row-gap: 40px;
    }

    .landing-download-block-wrap {
        margin-bottom: 30px;
    }

    .right-arrow {
        right: 0;
    }

    .testimonials {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .blog-section-title {
        margin-bottom: 40px;
    }

    .contacts-wrapper-grid {
        grid-column-gap: 20px;
        grid-row-gap: 40px;
        grid-template-columns: 1fr;
    }

    .section-title-center {
        margin-bottom: 40px;
    }

    .home-4-testimonials-wrapper {
        grid-row-gap: 30px;
        width: 100%;
    }

    .testimonials-wrapper-2 {
        width: 100%;
    }

    .about-img {
        width: 100%;
        max-height: 420px;
    }

    .about-img._1,
    .about-img._5,
    .about-img._3,
    .about-img._4,
    .about-img._2 {
        width: 100%;
        position: static;
    }

    .subtitle {
        line-height: 16px;
    }

    .our-services-wrap {
        grid-row-gap: 10px;
        width: 100%;
    }

    .content-wrapper {
        flex-wrap: wrap;
        width: auto;
    }

    .industries-block-wrapper {
        max-width: none;
    }

    .home-9-team-item {
        width: 48%;
    }

    .search {
        flex-direction: column;
    }

    .subtitle-2 {
        line-height: 16px;
    }

    .rich-text-style figure {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .home-banner-left-arrow {
        top: 6%;
    }

    .home-23-team-item {
        width: 70%;
    }

    .typography-hero-wrapper {
        grid-row-gap: 40px;
        margin-top: 20px;
    }

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

    .button-wrapper-sg {
        margin-top: 20px;
    }

    .secondary-product-button.pagination {
        margin-top: 40px;
    }

    .dropdown-menu-3 {
        overflow: hidden;
    }

    .nav-menu-wrap {
        max-width: none;
    }

    .brand-logo.w--current {
        padding-left: 0;
    }

    .primary-dark-button {
        width: 100%;
    }

    .home-hero-content {
        padding-bottom: 15px;
        padding-left: 0;
        padding-right: 0;
    }

    .banner-info-wrap {
        margin-top: 380px;
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .banner-info-wrap.why-we {
        width: 100%;
    }

    .flex-circle {
        text-align: center;
    }

    .icon-features-wrapper {
        margin-bottom: 5px;
    }

    .social-networks {
        justify-content: center;
        width: 100%;
        margin-left: 0;
    }

    .founder-image {
        min-height: 550px;
    }

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

    .collection-service-item:nth-child(odd) {
        margin-top: 0;
        margin-bottom: 0;
    }

    .card-collection-list {
        grid-column-gap: 50px;
        grid-row-gap: 50px;
        grid-template-columns: 1fr;
    }

    .service-link-card {
        height: 450px;
    }

    .top-title-wrap {
        width: 100%;
        margin-bottom: 40px;
    }

    .top-title-wrap.small-wdth-con,
    .top-text-subtitle.faq,
    .customer-feedback {
        width: 100%;
    }

    .customer-photo-item {
        background-position: 90% 100%;
    }

    .customer-feedback-wrap {
        width: 100%;
    }

    .home-stages-item {
        flex-direction: column;
    }

    .home-service-content {
        width: auto;
    }

    .full-image {
        height: 250px;
    }

    .home-stages-title {
        width: auto;
        min-width: auto;
    }

    .section-color-bg {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .main-description {
        width: 100%;
        margin-top: 20px;
    }

    .our-price {
        grid-template-columns: 1fr;
    }

    .toggle-wrapper.small-space {
        margin-bottom: 35px;
    }

    .yearly-wrapper {
        text-align: center;
    }

    .companions-logo-loop {
        grid-column-gap: 40px;
    }

    .monthly-wrapper {
        text-align: center;
    }

    .h2-title {
        width: 100%;
    }

    .button-pricing-wrap {
        align-items: flex-start;
    }

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

    .services-collection-list-wrapper {
        padding-top: 0;
    }

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

    .cta-banner-strip {
        font-size: 10vw;
    }

    .work-stages-list {
        margin-top: 40px;
    }

    .white-title-width,
    .primary-white-button {
        width: 100%;
    }

    .primary-white-button.pagination,
    .secondary-product-button-white.pagination {
        margin-top: 40px;
    }

    .main-button-wrapper {
        margin-top: 30px;
    }

    .product-grid-item {
        width: 100%;
    }

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

    .bottom-light-section.slider-animation {
        padding-top: 60px;
    }

    .slider-home-3-content-fill {
        height: auto;
    }

    .business-slide-arrow {
        bottom: 19.5rem;
    }

    .business-slide-arrow.left-slide-arrow {
        left: 2.25rem;
    }

    .business-slide-arrow.right-slide-arrow {
        right: 2.25rem;
    }

    .slide-item-1.left,
    .slide-item-1.right {
        height: auto;
    }

    .low-content {
        width: 100%;
        height: 100%;
        padding-bottom: 40px;
    }

    .saas-img {
        min-height: 25rem;
    }

    .services-h-3 {
        width: 80%;
        margin-bottom: 20px;
    }

    .content-intro-wrap {
        justify-content: flex-start;
    }

    .business-image {
        background-position: 55% 70%;
    }

    .photos-about-company {
        grid-row-gap: 0rem;
        grid-template-columns: 1fr 1fr;
        min-height: 90vw;
    }

    .column-image-wrapper {
        border-radius: 15px;
    }

    .column-image-spacer {
        border-radius: 15px;
        height: 18vw;
    }

    .wrapper-testimonials-content {
        justify-content: center;
        width: 100%;
        overflow: hidden;
    }

    .testimonial {
        max-width: none;
    }

    .testimonial-item-slider {
        padding-left: 40px;
        padding-right: 40px;
    }

    .green-container {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .testimonial-item-arrow.left-arrow-cover {
        left: 39%;
    }

    .testimonial-item-arrow.right-arrow {
        right: 39%;
    }

    .nav-footer-item-2 {
        margin-bottom: 15px;
    }

    .no-shrink-footer.full-mobile,
    .no-shrink-footer.full-width {
        width: 100%;
    }

    .hero-footer {
        padding-top: 60px;
    }

    .links-container {
        grid-column-gap: 30px;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .footer-l-3,
    .footer-l-1 {
        display: block;
    }

    .address-footer {
        width: 60%;
    }

    .footer-grid {
        grid-row-gap: 30px;
        grid-template-columns: 1fr;
    }

    .form-con-home-3 {
        grid-row-gap: 40px;
    }

    .footer-l-4 {
        display: none;
    }

    .text-form {
        margin-top: 20px;
        margin-bottom: 15px;
    }

    .footer-form.borders {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .h6-color-2 {
        margin-bottom: 15px;
    }

    .photo-form {
        width: 100%;
        height: 350px;
    }

    .hero-description {
        width: 100%;
        margin-top: 20px;
    }

    .home-4-video-wrapper {
        justify-content: flex-start;
    }

    .footer-white-paradraph {
        width: 60%;
    }

    .footer-white-paradraph.par-1 {
        width: 70%;
    }

    .section-light-color {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .half-blog-wrapper {
        grid-row-gap: 40px;
    }

    .latest-event-title {
        width: 100%;
        margin-bottom: 20px;
    }

    .button-holder {
        display: flex;
    }

    .list-content-wrapper {
        padding-top: 40px;
    }

    .text-blog-content {
        width: 100%;
    }

    .blog-image-container-2 {
        height: 340px;
    }

    .blog-name-2 {
        width: 100%;
    }

    .list-blog-item {
        grid-template-columns: 1fr;
    }

    .need-help-form {
        width: 100%;
        min-width: 100%;
    }

    .subscribe-form-footer-dark {
        grid-row-gap: 15px;
        border-radius: 12px;
        flex-wrap: wrap;
    }

    .address-link-text {
        padding-right: 0;
    }

    .address-footer-top {
        width: 80%;
    }

    .short-info-wrap-2 {
        grid-row-gap: 30px;
    }

    .contacts-item-wrap-home-1 {
        justify-content: flex-start;
        width: 100%;
    }

    .content-item-home-1.form-content {
        width: 90%;
        min-width: auto;
    }

    .section-resources {
        padding-top: 60px;
        /* padding-bottom: 60px; */
    }

    .methods-container {
        padding-left: 30px;
        padding-right: 30px;
    }

    .h6-color-3 {
        margin-bottom: 15px;
    }

    .hero-bottom {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .description-hero-margin {
        margin-top: 20px;
    }

    .section-our-services {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .hero-banner-image.twelve {
        display: none;
    }

    .hero-banner-image.two {
        width: 25vw;
        height: 25vw;
        min-height: 25vw;
        margin-bottom: 40px;
    }

    .hero-banner-image.three {
        border-radius: 12px;
    }

    .hero-banner-image.fourteen {
        top: 850px;
    }

    .hero-banner-image.four {
        z-index: 10;
        top: 231px;
    }

    .hero-banner-image.ten {
        width: 25vw;
        height: 25vw;
        min-height: 25vw;
    }

    .hero-banner-image.nine {
        width: 25vw;
        height: 25vw;
        min-height: 25vw;
        margin-top: 40px;
    }

    .steps-content {
        grid-row-gap: 40px;
    }

    .hero-home-3-content {
        padding-left: 15px;
        padding-right: 15px;
    }

    .hero-image-strip.left {
        grid-template-columns: 1fr 1fr;
    }

    .hero-image-strip.right-side {
        padding-top: 50vh;
    }

    .banner-3-par-width {
        width: 100%;
    }

    .photo-light-ov {
        background-color: rgba(254, 247, 244, 0.25);
    }

    .photo-light-ov.soft-light {
        background-color: rgba(254, 247, 244, 0.5);
    }

    .steps-sticky-card {
        height: 400px;
    }

    .steps-grid {
        grid-row-gap: 40px;
        padding-left: 0;
    }

    .features-content {
        padding-left: 3rem;
        padding-right: 3rem;
    }

    .features-grid {
        grid-template-columns: 1fr;
    }

    .features-cards-decor {
        display: none;
    }

    .features-component {
        grid-column-gap: 1.5rem;
        grid-row-gap: 1.5rem;
        height: auto;
        max-height: none;
    }

    .features-items-wrapper {
        grid-column-gap: 2.5rem;
        grid-row-gap: 2.5rem;
        height: auto;
        padding: 3rem 3rem 60px;
    }

    .hero-content {
        text-align: center;
        justify-content: flex-start;
        align-items: center;
        margin-bottom: 0;
    }

    .banner-hero-2.download {
        padding-top: 120px;
    }

    .mockup-1 {
        bottom: -15%;
        left: 60px;
    }

    .mockup-2 {
        top: -4%;
        right: 3%;
    }

    .underline-span.our-app {
        background-size: 70%;
    }

    .white-h2-title {
        font-size: 38px;
    }

    .about-image {
        min-height: 450px;
    }

    .home-3-card-grid.bottom {
        grid-row-gap: 40px;
    }

    .about-us-card {
        min-height: 300px;
    }

    .product-1-item,
    .product-1-item.right,
    .product-item-003,
    .product-item-4,
    .product-item-4.right {
        width: 100%;
    }

    .gallery-slider {
        justify-content: flex-start;
        align-items: flex-end;
    }

    .item-slide-nav {
        width: 90%;
    }

    .gallery-arrow {
        left: 0;
    }

    .gallery-arrow.right {
        justify-content: flex-start;
        left: 100px;
        right: auto;
    }

    .team-grid-wrapper-2 {
        grid-template-columns: 15px auto 15px;
        margin-top: 40px;
        padding-left: 15px;
        padding-right: 15px;
        display: flex;
    }

    .gallery-mask {
        width: 37%;
        max-width: none;
    }

    .four-column {
        grid-template-columns: 1fr;
        width: auto;
        display: flex;
    }

    .stacked-grid-content {
        display: flex;
    }

    .collection-work-wrapper {
        width: 100%;
    }

    .project-name {
        grid-row-gap: 30px;
    }

    .current-blog-link {
        width: 100%;
    }

    .number-large-circle {
        width: 50px;
        height: 50px;
    }

    .statistic-line {
        background-color: rgba(175, 175, 175, 0.3);
        width: 100%;
        height: 1px;
        padding: 0;
        display: block;
        position: absolute;
        bottom: 0%;
        left: 0%;
        right: auto;
    }

    .left-intro-grid {
        padding-top: 0;
    }

    .banner-button-wrapper {
        width: 100%;
    }

    .hero-person-text-more.mod-1 {
        padding-left: 40px;
        padding-right: 40px;
    }

    .grad-line-wrapper {
        width: 90%;
        margin-left: auto;
        margin-right: auto;
    }

    .blue-gradient {
        top: -10%;
        right: 14%;
    }

    .blue-gradient.g-28 {
        right: 6%;
    }

    .purple-gradient {
        top: -10%;
        left: 21%;
    }

    .purple-gradient.grad-29 {
        filter: blur(200px);
    }

    .banner-paragraph-home-2 {
        margin-top: 20px;
    }

    .hero-columns {
        display: block;
    }

    .banner-content-2.home--2 {
        width: 100%;
    }

    .banner-form {
        width: 95%;
    }

    .banner-par {
        width: 100%;
    }

    .banner-circle {
        width: 300px;
        height: 300px;
    }

    .collection-blog-1-grid {
        grid-row-gap: 40px;
        grid-template-columns: 1fr;
        margin-top: 0;
        margin-bottom: 0;
    }

    .project-collection-item-2:nth-child(odd) {
        margin-top: 0;
        margin-bottom: 0;
    }

    .bg-pattern {
        width: 90%;
    }

    .pattern-1 {
        left: 43px;
    }

    .pattern-2 {
        right: 241px;
    }

    .pattern-3 {
        right: 60px;
    }

    .pattern-5.small-star-1 {
        top: -4%;
        right: 3%;
    }

    .pattern-5.small-star-2 {
        right: 0%;
    }

    .pattern-5.small-star-3 {
        left: 2%;
    }

    .pattern-5.small-star-4 {
        top: 13%;
    }

    .pattern-5.small-star-6 {
        height: 10px;
        top: 26%;
    }

    .pattern-5.small-star-7 {
        height: 13px;
        bottom: 11%;
        right: 22%;
    }

    .pattern-5.small-star-8 {
        height: 10px;
        top: 17%;
        right: 68%;
    }

    .pattern-5.small-star-9 {
        height: 13px;
        top: 25%;
    }

    .pattern-5.small-star-11 {
        bottom: 7%;
    }

    .pattern-5.small-star-25 {
        bottom: 1%;
        left: 15%;
    }

    .pattern-5.small-star-27 {
        height: 13px;
        bottom: 4%;
        right: 22%;
    }

    .verticle-card-image-2 {
        min-height: 300px;
    }

    .verticle-card-image-2.big-cases-card {
        min-height: 350px;
    }

    .reviews-loop-container {
        width: 100%;
    }

    .number-item-wrapper {
        text-align: center;
        width: 85%;
    }

    .number-title {
        font-size: 40px;
    }

    .loop-review-wrap.right {
        left: 0%;
    }

    .numbers-wrapper-2 {
        grid-row-gap: 30px;
        flex-wrap: wrap;
        grid-template-columns: 1fr 1fr;
        justify-content: center;
        justify-items: center;
    }

    .reviews-loop-container-right {
        width: 100%;
        margin-top: 15px;
    }

    .loop-wrap,
    .loop-wrapper-right {
        grid-column-gap: 15px;
        margin-right: 15px;
    }

    .number-description {
        font-size: 18px;
    }

    .green-container-review {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .home-1-service-img {
        height: 400px;
    }

    .h3-green-text {
        font-size: 30px;
    }

    .slide-heading-3 {
        font-size: 48px;
    }

    .slide-heading-3.xl {
        font-size: 60px;
    }

    .action-section {
        padding-top: 160px;
    }

    .pricing-3 {
        grid-template-columns: 1fr;
    }

    .hero-price-item-2 {
        grid-template-columns: auto 1fr;
    }

    .button-pricing-wrap-2 {
        align-items: flex-start;
    }

    .banner-pattern-ov {
        width: 95%;
    }

    .form-info {
        grid-row-gap: 25px;
        flex-direction: column;
    }

    .contacts-title-3 {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .h6-color-4 {
        margin-bottom: 15px;
    }

    .contacts-form-wrap {
        padding-top: 40px;
        padding-left: 15px;
        padding-right: 15px;
    }

    .blogl-right-wrapper {
        grid-row-gap: 24px;
    }

    .collection-item-blog {
        width: 100%;
    }

    .our-blog-container {
        grid-row-gap: 100px;
    }

    .recent-blog-list {
        grid-row-gap: 15px;
    }

    .blog-title {
        font-size: 32px;
    }

    .recent-blog-name {
        font-size: 22px;
    }

    .blog-list-image {
        min-height: 110px;
    }

    .journal-list-item-content {
        padding-right: 20px;
    }

    .blog-post-list-item {
        min-height: 135px;
    }

    .large-blog-post {
        padding-left: 24px;
        padding-right: 24px;
    }

    .grid-items-services {
        grid-template-columns: 1fr;
    }

    .h2-title-2 {
        width: 100%;
    }

    .video-banner {
        height: 600px;
    }

    .video-overlay {
        background-image: linear-gradient(
                180deg,
                rgba(68, 33, 6, 0.5) 21%,
                var(--transparent) 50%
            ),
            linear-gradient(
                225deg,
                rgba(252, 255, 112, 0.45),
                var(--transparent) 50%,
                rgba(81, 246, 207, 0.35)
            );
    }

    .banner-right-content {
        margin-bottom: 40px;
    }

    .right-banner-content,
    .loop-contact-container {
        width: 100%;
    }

    .integration-circle-inner {
        width: 240px;
        height: 240px;
    }

    .carousel-item {
        min-width: 230px;
        padding: 25px 15px;
    }

    .carousel-group.mobile {
        display: none;
    }

    .wrap-photo-large {
        height: 300px;
    }

    .feature-caption {
        flex-direction: column;
        align-items: stretch;
    }

    .carousel-item-large {
        margin-left: 10px;
        margin-right: 10px;
    }

    .services-mask {
        width: 85%;
    }

    .hero-card-slider {
        margin-left: 0;
    }

    .h6-color-5 {
        margin-bottom: 15px;
    }

    .hero-gradient.grad-4 {
        opacity: 0.45;
    }

    .hero-gradient.grad-5 {
        bottom: 449px;
    }

    .statistics-bottom-wrap {
        justify-content: space-between;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }

    .statistics-white-card {
        text-align: center;
        justify-content: flex-start;
        align-items: center;
        width: 100%;
    }

    .link-items-grid {
        grid-column-gap: 40px;
        grid-row-gap: 40px;
        grid-template-columns: 1fr 1fr;
    }

    .banner-print.print-2 {
        height: 90px;
        top: 33%;
    }

    .banner-print.print-4 {
        height: 80px;
    }

    .banner-print.print-5 {
        top: 35%;
    }

    .banner-print.print-0 {
        top: 64%;
    }

    .stacked-info {
        grid-row-gap: 36px;
    }

    .mobile-intro-box-image {
        height: 400px;
    }

    .full-width-panel {
        padding-left: 15px;
        padding-right: 15px;
    }

    .history-intro {
        padding-top: 60px;
        padding-bottom: 90px;
    }

    .lightbox-link {
        width: 100px;
        height: 100px;
        top: -50px;
    }

    .video-cover {
        height: 350px;
    }

    .h6-top-title {
        margin-bottom: 15px;
    }

    .play-icon {
        width: 14px;
    }

    .h2-black-title {
        font-size: 38px;
    }

    .about-us-con {
        margin-bottom: 40px;
    }

    .about-paragraphs {
        grid-row-gap: 36px;
        grid-template-columns: 1fr;
    }

    .story-wrapper {
        grid-row-gap: 48px;
    }

    .slide-blog-collection-list {
        grid-template-columns: 1fr;
    }

    .our-news-slider {
        flex-direction: column;
        width: 100%;
        display: flex;
    }

    .our-news-slider.large-left-padding {
        padding-left: 30px;
    }

    .cards-slider {
        flex-direction: column;
        align-items: flex-start;
        width: 100%;
        display: flex;
    }

    .cards-mask {
        width: 100%;
    }

    .services-info-container {
        grid-row-gap: 30px;
    }

    .hover-right-link-wrapper {
        display: none;
    }

    .hero-bottom-feature {
        width: 100%;
    }

    .rotate-text {
        display: none;
    }

    .grid-content-wrapper {
        grid-row-gap: 120px;
    }

    .hero-feature-card {
        padding: 24px;
    }

    .list-item-arrow {
        width: 14px;
        min-width: 14px;
    }

    .hero-left-container {
        text-align: center;
        justify-content: flex-start;
        align-items: center;
        width: 100%;
        padding-left: 0;
    }

    .banner-title-4 {
        font-size: 45px;
    }

    .banner-white-par {
        width: 100%;
    }

    .faq-intro {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .right-photo {
        height: 350px;
    }

    .faq-container {
        padding-left: 15px;
        padding-right: 15px;
    }

    .hover-link-wrapper-2 {
        display: none;
    }

    .hover-link-wrapper-2.video-link-wrapper {
        display: flex;
    }

    .pin-vertical-stripe.hide-horizontal-mobile {
        display: none;
    }

    .video-info {
        grid-row-gap: 40px;
    }

    .banner-5-wrap {
        width: 100%;
    }

    .h6-color-6 {
        margin-bottom: 15px;
    }

    .left-video-con-2 {
        height: 550px;
    }

    .home-5-video {
        width: 85%;
        margin-top: 60px;
    }

    .checklist {
        width: 100%;
    }

    .tripple-grid {
        grid-template-columns: 1fr;
    }

    .news-collection-list-wrapper {
        padding-bottom: 0;
    }

    .featured-news-list {
        grid-template-columns: 1fr;
    }

    .collection-news-list-item:nth-child(2n) {
        margin-top: 0;
        margin-bottom: 0;
    }

    .menu-list-item {
        grid-template-columns: auto 1fr;
    }

    .hero-right-container {
        text-align: center;
        justify-content: flex-start;
        align-items: center;
        width: 100%;
    }

    .banner-5-title {
        font-size: 45px;
    }

    .banner-5-par {
        width: 100%;
    }

    .green-cover {
        height: 36%;
    }

    .h2-title-white {
        width: 100%;
    }

    .section-video-scroll {
        padding-top: 140px;
        padding-bottom: 60px;
    }

    .quote-subtitle {
        margin-bottom: 0;
    }

    .team-item,
    .team-spacer {
        padding: 60px 15px;
    }

    .team-slide-arrow {
        bottom: 60px;
        right: 15px;
    }

    .team-slide-arrow.team-arrow-left {
        right: 125px;
    }

    .height-photo-container.small-height-last-item {
        height: 400px;
    }

    .height-photo-container.autor-photo {
        height: 350px;
    }

    .main-description-team {
        width: 100%;
        margin-top: 20px;
    }

    .statistics-banner {
        justify-content: space-between;
    }

    .loop-bottom-con {
        padding-top: 0;
        padding-bottom: 0;
    }

    .testimonials-wrapper {
        padding-bottom: 1.5rem;
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .number-size-large {
        font-size: 1.5rem;
    }

    .slider-icon-arrow {
        width: 0.75rem;
        height: 0.75rem;
    }

    .banner-avatars-wrapper {
        justify-content: flex-start;
    }

    .testimonial-slide-content {
        min-height: 20rem;
    }

    .testimonials-block {
        grid-template-columns: auto;
    }

    .feedback-white-wrap-2 {
        width: 50px;
        height: 50px;
    }

    .padding-horizontal {
        padding-top: 0;
        padding-bottom: 0;
    }

    .statistics-card {
        text-align: center;
        justify-content: flex-start;
        align-items: center;
    }

    .statistics-banner-top {
        top: 0;
    }

    .small-pattern-3 {
        top: auto;
        bottom: -30px;
    }

    .small-pattern-4 {
        height: 120px;
        top: -29px;
    }

    .small-pattern-5 {
        height: 100px;
        bottom: -91px;
        right: -19px;
    }

    .home-5-card-grid.bottom {
        grid-row-gap: 40px;
    }

    .small-pattern-6 {
        height: 100px;
        bottom: -60px;
    }

    .img-bg.review {
        background-position: 30% 100%;
    }

    .small-pattern-7 {
        height: 100px;
    }

    .small-pattern-8 {
        height: 100px;
        top: 283px;
    }

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

    .anchor-list {
        grid-template-columns: 1fr;
    }

    .category-intro-list-wrap {
        grid-column-gap: 0px;
        grid-row-gap: 0px;
        flex-flow: column;
    }

    .video-company {
        height: 450px;
    }

    .main-banner-button-wrapper {
        margin-top: 30px;
    }

    .statistics-wrap {
        justify-content: space-between;
        width: 100%;
        margin: 0 auto auto;
    }

    .banner-scroll-component {
        min-height: 300px;
    }

    .top-form-con {
        width: 100%;
    }

    .text-form-white {
        margin-top: 20px;
        margin-bottom: 15px;
    }

    .form-intro {
        padding-bottom: 40px;
        padding-left: 15px;
        padding-right: 15px;
    }

    .inner-hero-content {
        padding-left: 0;
        padding-right: 0;
    }

    .section-faq-banner {
        grid-column-gap: 60px;
        grid-row-gap: 60px;
        padding-bottom: 60px;
    }

    .inner-banner-style {
        min-height: 650px;
        margin-top: 0 !important;
    }

    .inner-photo-banner {
        background-position: 45% 40%;
    }

    .services-center-title {
        padding-left: 15px;
        padding-right: 15px;
    }

    .services-banner-description {
        width: 100%;
    }

    .banner-category-title {
        font-size: 50px;
    }

    .large-inner-title {
        font-size: 55px;
    }

    .inner-banner-wrap {
        min-height: 250px;
        padding-left: 0;
        padding-right: 0;
    }

    .section-light-color-bg {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .search-inner-title {
        font-size: 55px;
    }

    .content-details {
        margin-left: 0;
    }

    .blog-details-title-2 {
        width: 100%;
        font-size: 45px;
    }

    .success-message-content {
        background-position: 310%;
    }

    .scroll-blog-link {
        margin-bottom: -60px;
        right: 20px;
    }

    .top-group-con {
        grid-column-gap: 24px;
        width: 100%;
    }

    .blog-template-wrap {
        padding-left: 0;
        padding-right: 0;
    }

    .banner-group-description {
        width: 100%;
    }

    .scroll-blog-circle {
        width: 120px;
        height: 120px;
    }

    .blog-details-background-image {
        background-position: 35% 0;
    }

    .small-ava-wrap {
        justify-content: flex-start;
    }

    .blog-intro-content {
        width: 100%;
        padding-top: 120px;
    }

    .contact-field-wrapper {
        grid-template-columns: 1fr;
    }

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

    .content-details-grid {
        margin-left: 0;
    }

    .large-left-fill {
        width: 30px;
    }

    .experts-grid {
        grid-row-gap: 40px;
        grid-template-columns: 1fr;
        margin-top: 0;
        margin-bottom: 0;
    }

    .our-experts-wrap.top-spase {
        margin-top: 0;
    }

    .team-banner {
        padding-bottom: 60px;
    }

    .inner-banner-team {
        padding-left: 0;
        padding-right: 0;
    }

    .team-white-description {
        width: 100%;
    }

    .team-print-1,
    .team-print-2 {
        height: 75%;
    }

    .large-inner-title-team {
        background-size: 60%;
        font-size: 55px;
    }

    .team-banner-circle {
        width: 80%;
        height: 250px;
    }

    .section-use-cases {
        grid-column-gap: 60px;
        grid-row-gap: 60px;
        padding-bottom: 60px;
    }

    .light-banner-cover {
        padding-bottom: 60px;
    }

    .use-cases-content {
        text-align: center;
        justify-content: flex-start;
        align-items: center;
        width: 100%;
    }

    .banner-circle-small {
        width: 300px;
        height: 300px;
    }

    .print-color-1 {
        left: 2%;
    }

    .print-3 {
        bottom: 5%;
        right: -21px;
    }

    .print-2 {
        right: 260px;
    }

    .print-1 {
        top: 52%;
        left: -34px;
    }

    .print-color-2 {
        height: 60px;
        right: 18%;
    }

    .banner-use-cases-title {
        font-size: 50px;
    }

    .project-stage {
        grid-row-gap: 40px;
    }

    .section-cases-details {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .client-quote-wrapper {
        grid-row-gap: 60px;
    }

    .stage-banner {
        height: 400px;
    }

    .content-portfolio-details {
        grid-row-gap: 80px;
    }

    .project-stage-list {
        grid-row-gap: 50px;
    }

    .use-cases-info-wrap {
        padding: 30px;
    }

    .use-cases-info-wrap.career-item {
        padding-left: 24px;
        padding-right: 24px;
    }

    .cases-category {
        justify-content: center;
        align-items: flex-start;
    }

    .button-wrap {
        margin-top: 30px;
    }

    .collection-use-cases-category {
        grid-row-gap: 40px;
        grid-template-columns: 1fr;
        margin-top: 0;
        margin-bottom: 0;
    }

    .category-large-title {
        font-size: 55px;
    }

    .collection-related-cases {
        grid-row-gap: 40px;
        grid-template-columns: 1fr;
        margin-top: 0;
        margin-bottom: 0;
    }

    .footer-content-column {
        flex-direction: column;
        align-items: flex-start;
    }

    .features-text-wrapper {
        grid-column-gap: 20px;
        grid-row-gap: 20px;
    }

    .home-faq-top-2 {
        grid-row-gap: 15px;
    }

    .no-shrink-btn-wrap {
        width: 100%;
    }

    .image-content-right {
        height: 30rem;
    }

    .subscribe-form-footer-2 {
        grid-row-gap: 15px;
        border-radius: 12px;
        flex-wrap: wrap;
    }

    .primary-dark-button-2,
    .footer-bottom-form {
        width: 100%;
    }

    .coming-soon-wrapper-2 {
        text-align: center;
        margin-left: 0%;
    }

    .coming-soon-heading-3 {
        width: 100%;
        font-size: 40px;
    }

    .hero-form-coming-soon-2 {
        width: 100%;
    }

    ._404-title {
        font-size: 100px;
    }

    ._404-wrapper,
    .primary-dark-button-3 {
        width: 100%;
    }

    .rights-top-content {
        padding-top: 160px;
        padding-bottom: 100px;
    }

    .section-rights {
        grid-column-gap: 60px;
        grid-row-gap: 60px;
    }

    .scroll-large-text {
        padding-bottom: 60px;
    }

    .scroll-banner-strip,
    .scroll-right-text {
        font-size: 10vw;
    }

    .general-rewiev-wrap {
        grid-row-gap: 40px;
        flex-direction: column-reverse;
    }

    .photo-autor {
        background-position: 50% 10%;
    }

    .review-photo {
        width: 100%;
        height: 350px;
    }

    .blog-template-pagination-2 {
        flex-direction: column;
        align-items: stretch;
    }

    .slider-blog-arrow {
        border-bottom: 1px solid var(--green-20);
        border-right-style: none;
        width: 100%;
        padding-top: 0;
        padding-bottom: 30px;
        padding-right: 0;
    }

    .slider-blog-arrow.right {
        border-bottom-style: none;
        padding-top: 30px;
        padding-bottom: 0;
        padding-left: 0;
    }

    .review-blog-details {
        grid-template-columns: 1fr;
        margin-top: 40px;
        margin-bottom: 40px;
    }

    .scroll-blog-circle-2 {
        width: 120px;
        height: 120px;
    }

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

    .blog-review {
        padding: 20px;
        position: relative;
        top: 0;
    }

    .banner-paragraph {
        width: 100%;
    }

    .blog-intro-content-2 {
        width: 100%;
        padding-top: 120px;
        padding-bottom: 110px;
    }

    .testimoninal-home-3,
    .collection-blog-3-item {
        width: 100%;
    }

    .collection-blog-3-item:nth-child(odd) {
        margin-bottom: 0;
    }

    .collection-blog-3-item:nth-child(2n) {
        margin-top: 0;
        margin-bottom: 0;
    }

    .blog-3-grid {
        grid-row-gap: 25px;
        grid-template-columns: 1fr;
        padding-bottom: 0;
    }

    .blog-sidebar-left-wrap {
        column-count: 1;
        padding-bottom: 0;
    }

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

    .sidebar-recent-post-item-2 {
        width: 100%;
    }

    .hero-rich-text-style figure {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .review-info-item {
        min-height: auto;
    }

    .our-feedback-wrap.top-space {
        margin-top: 0;
    }

    .reviews-grid {
        grid-row-gap: 30px;
        grid-template-columns: 1fr;
        margin-top: 0;
        margin-bottom: 0;
    }

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

    .list-career-item {
        grid-template-columns: 1fr;
    }

    .career-title {
        width: 100%;
        margin-bottom: 20px;
    }

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

    .career-image-container {
        height: 340px;
    }

    .career-text-content {
        width: 100%;
    }

    .medium-image,
    .large-image {
        min-height: 220px;
    }

    .team-images {
        grid-column-gap: 10px;
        grid-row-gap: 10px;
    }

    .small-image {
        min-height: 200px;
    }

    .instagram {
        height: 40vw;
    }

    .pricing-top-content {
        padding-top: 160px;
        padding-bottom: 100px;
    }

    .inner-demo-banner {
        padding-bottom: 60px;
        padding-left: 0;
        padding-right: 0;
    }

    .demo-description {
        width: 100%;
    }

    .text-form-color {
        margin-top: 20px;
        margin-bottom: 15px;
    }

    .large-demo-title {
        background-size: 60%;
        font-size: 50px;
    }

    .demo-print-1 {
        height: 60px;
    }

    .demo-print-2 {
        left: -7%;
    }

    .app-banner-wrap {
        justify-content: center;
        align-items: flex-end;
    }

    .banner-text-wrap {
        width: 100%;
    }

    .app-hero-content {
        text-align: center;
        justify-content: flex-start;
        align-items: center;
        padding-bottom: 0;
    }

    .section-content-full {
        padding-left: 3px;
        display: inline-block;
    }

    .grid-column-blocks {
        grid-template-columns: 1.25fr 0.5fr 0.5fr 0.5fr;
        width: 1000px;
        max-width: 1000px;
    }

    .table-content {
        overflow: auto;
    }

    .check {
        font-size: 15px;
    }

    .column-blocks {
        flex: none;
        width: 1000px;
        max-width: 1000px;
    }

    .compare-content-block {
        flex: none;
        width: 250px;
    }

    .compare-content-block.hidden-compare {
        display: none;
    }

    .landing-content {
        text-align: center;
        justify-content: flex-start;
        align-items: center;
        width: 100%;
    }

    .section-lp-title-wrapper {
        margin-bottom: 40px;
    }

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

    .use-cases-2-card {
        grid-row-gap: 36px;
        grid-template-columns: 1fr;
    }

    .event-info {
        grid-row-gap: 20px;
        padding-top: 0;
        padding-bottom: 0;
        padding-right: 0;
    }

    .event-image {
        min-height: 275px;
    }

    .popular-events {
        grid-template-columns: 1fr;
    }

    .popular-posts {
        grid-row-gap: 25px;
    }

    .cases-3-grid {
        grid-row-gap: 30px;
        grid-template-columns: 1fr;
        margin-top: 0;
        margin-bottom: 0;
    }

    .use-cases-3-grid {
        grid-template-rows: auto;
        grid-template-columns: 1fr;
        grid-auto-rows: auto;
    }

    .upcoming-events-title {
        width: 100%;
    }

    .section-use-cases-2 {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .use-cases-3-banner {
        padding-bottom: 60px;
    }

    .cta-form-title {
        font-size: 10vw;
    }

    .small-sticky-title {
        font-size: 40px;
    }

    .customer-photo-ov {
        padding: 15px;
    }

    .quote-color-wrap {
        top: 15px;
        right: 15px;
    }

    .small-avatars {
        justify-content: flex-start;
    }

    .top-title-wrapper {
        width: 100%;
        margin-bottom: 40px;
    }

    .logo-wrapper {
        grid-column-gap: 60px;
        grid-row-gap: 60px;
        padding-top: 60px;
    }

    .sticky-green-container {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .top-title-width-faq {
        width: 100%;
        margin-bottom: 40px;
    }

    .hire-popup {
        max-width: 300px;
    }

    .hire-buttons-wrap {
        grid-row-gap: 20px;
        flex-flow: column wrap;
        align-items: stretch;
    }
}

@media screen and (max-width: 479px) {
    blockquote {
        padding-right: 0;
        font-size: 22px;
    }

    .base-container.without-paddings {
        padding-left: 0;
        padding-right: 0;
    }

    .grid-system-wrapper {
        flex-direction: row;
    }

    .grid-system {
        flex-direction: column;
        width: 50%;
    }

    .grid-title {
        align-items: center;
    }

    .grid-title.first-grid {
        text-align: center;
        flex: 1;
        width: 100%;
        min-height: 89px;
    }

    .grid-description {
        border-bottom-width: 1px;
        border-bottom-color: rgba(255, 255, 255, 0.2);
    }

    .grid-description.first-description {
        border-bottom: 1px rgba(255, 255, 255, 0.2);
        border-left-style: none;
        border-right-style: solid;
        min-height: 88px;
    }

    .grid-description.last-description {
        border-bottom-color: var(--green-20);
    }

    .bottom-style-spacing-desktop {
        bottom: 8%;
    }

    .top-style-spacing-desktop {
        top: 7%;
    }

    .middle-style-spacing-desktop {
        top: 32%;
    }

    .top-style-spacing-mobile {
        top: 5%;
    }

    .middlr-style-spacing-mobile {
        top: 28%;
    }

    .bottom-style-spacing-mobile {
        bottom: 8%;
    }

    .licensing-title-wrapper {
        grid-column-gap: 20px;
        flex-wrap: wrap;
    }

    .licensing-grid {
        grid-template-columns: 1fr;
    }

    .utility-page-content,
    .style-guide-button-wrapper {
        width: 100%;
    }

    .job-position-sidebar-wrap {
        align-self: flex-start;
    }

    .contacts-location-slider {
        padding-right: 70px;
    }

    .customers-grid {
        grid-template-columns: 1fr;
    }

    .style-guide-content-wrapper.no-wrap {
        flex-wrap: wrap;
    }

    .about-3-tab-link {
        font-size: 16px;
    }

    .about-3-tab-link.w--current {
        font-size: 18px;
    }

    .landing-features-grid {
        grid-template-columns: 1fr;
    }

    .landing-feature-icon {
        margin-bottom: 10px;
    }

    .landing-download-block-wrapper {
        padding-left: 20px;
        padding-right: 20px;
    }

    .section-title-center {
        margin-bottom: 20px;
    }

    .our-services-wrap,
    .home-9-team-item,
    .home-23-team-item {
        width: 100%;
    }

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

    .close-menu-button-3.w--open {
        height: 40px;
        padding-top: 7px;
    }

    .nav-dropdown-list-item.megamenu {
        align-items: center;
        padding-right: 0;
    }

    .megamenu-dropdown-wrapper-2,
    .dropdown-header-item,
    .header-link-item {
        width: 100%;
    }

    .home-hero-content {
        grid-column-gap: 15px;
        grid-row-gap: 15px;
        flex-flow: wrap;
        grid-template-rows: auto auto;
        grid-template-columns: 1fr;
        grid-auto-columns: 1fr;
        align-items: start;
        justify-items: stretch;
        padding-top: 0;
        padding-bottom: 0;
        display: grid;
    }

    .banner-info-wrap {
        margin-top: 0;
        padding: 20px 15px;
    }

    .photo-banner {
        border-radius: 30px;
        height: 400px;
        position: relative;
    }

    .photo-banner.mobile-hide {
        display: none;
    }

    .banner-overlay {
        border-radius: 30px;
        height: 400px;
    }

    .banner-overlay.mobi-hide {
        display: none;
    }

    .portfolio-3-image {
        height: 400px;
    }

    .founder-image {
        min-height: 450px;
    }

    .service-link-card {
        height: 400px;
        margin-bottom: 0;
    }

    .product-card {
        grid-column-gap: 24px;
        grid-row-gap: 24px;
    }

    .card-container {
        grid-template-columns: 1fr;
    }

    .card-item {
        padding: 20px 15px 15px;
    }

    .customer-feedback {
        font-size: 18px;
    }

    .customer-photo-wrap {
        min-height: 400px;
    }

    .customer-photo-item {
        background-position: 60% 100%;
    }

    .toggle-wrapper {
        grid-row-gap: 15px;
        flex-wrap: wrap;
    }

    .companions-logo-loop {
        grid-template-columns: 1fr 1fr;
    }

    .cta-banner-strip {
        margin-top: 0;
        margin-bottom: 3.5rem;
        font-size: 15vw;
    }

    .no-shrink-btn {
        width: 100%;
    }

    .no-shrink-btn.auto-width {
        justify-content: center;
        align-items: flex-start;
        width: auto;
    }

    .main-button-wrapper {
        flex-flow: column;
        align-items: stretch;
        width: 100%;
    }

    .main-button-wrapper.auto {
        width: auto;
    }

    .product-grid-item {
        text-align: center;
    }

    .features-grid-item {
        padding: 15px;
    }

    .button-group {
        justify-content: center;
        align-items: center;
    }

    .business-slide-arrow {
        bottom: 14.5rem;
    }

    .low-content {
        text-align: center;
    }

    .saas-img {
        min-height: 20rem;
    }

    .services-h-3 {
        width: 95%;
        font-size: 34px;
    }

    .no-shrink {
        width: 100%;
    }

    .photos-about-company {
        grid-column-gap: 0.5rem;
        grid-row-gap: 0rem;
        grid-template-columns: 1fr 1fr;
        min-height: 120vw;
    }

    .column-image-wrapper {
        border-radius: 15px;
        margin-bottom: 0.5rem;
    }

    .column-image-spacer {
        border-radius: 15px;
        height: 22vw;
        margin-bottom: 0.5rem;
    }

    .stacked-review-content {
        grid-row-gap: 36px;
    }

    .testimonial-item-slider {
        padding-left: 15px;
        padding-right: 15px;
    }

    .reviev-dark-text {
        padding-left: 10px;
        padding-right: 10px;
        font-size: 24px;
    }

    .testimonial-item-arrow.left-arrow-cover {
        left: 33%;
    }

    .testimonial-item-arrow.right-arrow {
        right: 33%;
    }

    .no-shrink-footer {
        width: 100%;
    }

    .hero-footer {
        text-align: left;
    }

    .links-container {
        grid-column-gap: 40px;
        grid-row-gap: 15px;
        justify-content: center;
    }

    .footer-right-link {
        margin-left: 5px;
    }

    .app-img {
        height: 54px;
    }

    .address-footer {
        width: 100%;
    }

    .rights-wrapper {
        flex-wrap: wrap;
        justify-content: center;
    }

    .app-btn {
        width: 100%;
    }

    .inputs-container-2 {
        grid-row-gap: 10px;
        flex-flow: wrap;
        align-content: space-between;
        justify-content: space-between;
    }

    .tab-radio-button-field-2 {
        width: 100%;
    }

    .footer-con {
        flex-direction: column;
    }

    .footer-form.borders {
        padding-left: 10px;
        padding-right: 10px;
    }

    .footer-par-copyright {
        text-align: center;
        flex-flow: wrap;
        justify-content: center;
    }

    .radio-buttons-block-2 {
        grid-column-gap: 10px;
        grid-row-gap: 20px;
        grid-template-rows: auto auto;
        grid-template-columns: 1fr 1fr;
        grid-auto-columns: 1fr;
        justify-content: space-around;
        align-items: start;
        justify-items: stretch;
        display: grid;
    }

    .app-wrap {
        grid-row-gap: 15px;
        flex-wrap: wrap;
        justify-content: center;
    }

    .footer-white-paradraph,
    .footer-white-paradraph.par-1 {
        width: 100%;
    }

    .half-blog-wrapper {
        grid-template-rows: auto;
    }

    .medium-stacked-intro-2 {
        grid-row-gap: 24px;
    }

    .button-holder {
        width: 100%;
    }

    .stacked-heading-3 {
        text-align: center;
        align-items: center;
    }

    .cta-content,
    .sticky-intro {
        width: 100%;
    }

    .blog-image-container-2 {
        height: 400px;
    }

    .need-help-form {
        width: 100%;
    }

    .subscribe-form-footer-dark {
        justify-content: space-around;
    }

    .phone-container {
        grid-column-gap: 30px;
        flex-flow: wrap;
    }

    .address-footer-top {
        width: 100%;
    }

    .contacts-item-wrap-home-1 {
        text-align: left;
    }

    .content-item-home-1.form-content {
        width: 100%;
    }

    .short-info-content-2 {
        grid-template-columns: 1fr;
    }

    .main-button-wrap {
        flex-flow: wrap;
        justify-content: space-between;
        align-items: flex-start;
        width: 100%;
    }

    .dark-form-button {
        height: 57px;
    }

    .large-form-input {
        padding-right: 20px;
    }

    .form-btn-wrap {
        flex-flow: column;
        align-items: stretch;
        width: 75%;
        display: flex;
        position: relative;
        right: 0;
    }

    .form-btn-wrap.full-width {
        width: 100%;
    }

    .photo-mobile-banner {
        border-radius: 30px;
        height: 400px;
        display: block;
        position: relative;
        overflow: hidden;
    }

    .steps-circle,
    .steps-tracker {
        display: none;
    }

    .steps-card-wrapper {
        grid-template-columns: auto;
    }

    .methods-container {
        padding: 20px;
    }

    .steps-cards {
        grid-template-columns: auto;
        width: 100%;
        padding-left: 0;
    }

    .hero-bottom {
        justify-content: flex-start;
    }

    .hero-trigger {
        margin-top: 92vh;
    }

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

    .hero-banner-image {
        width: 30vw;
        height: 30vw;
        min-height: 30vw;
    }

    .hero-banner-image.twelve {
        left: 0%;
    }

    .hero-banner-image.two {
        display: none;
    }

    .hero-banner-image.three {
        top: 200px;
    }

    .hero-banner-image.fourteen {
        top: 120px;
    }

    .hero-banner-image.four {
        margin-right: 120px;
        top: 180px;
    }

    .hero-banner-image.ten {
        top: 100px;
    }

    .hero-banner-image.thirteen {
        top: 140px;
    }

    .hero-banner-image.nine {
        display: none;
    }

    .hero-home-info {
        grid-template-rows: auto auto;
        grid-template-columns: 1fr;
        grid-auto-columns: 1fr;
        width: 100%;
    }

    .hero-home-3-content {
        padding-top: 80px;
        padding-bottom: 60px;
    }

    .hero-image-strip.left {
        padding-top: 49vh;
    }

    .hero-image-strip.right-side {
        padding-top: 30vh;
    }

    .next-video-level {
        width: 100%;
    }

    .photo-light-ov {
        background-color: rgba(254, 247, 244, 0.6);
    }

    .steps-sticky-card {
        min-width: auto;
        height: 350px;
        padding: 14px 12px 24px;
    }

    .home-hero {
        min-height: 770px;
    }

    .steps-grid {
        width: 100%;
        max-width: 100%;
        padding-left: 0;
    }

    .features-content {
        padding-left: 15px;
        padding-right: 15px;
    }

    .features-grid {
        grid-template-columns: 1fr;
    }

    .features-cards-decor {
        display: none;
    }

    .features-items-wrapper {
        grid-column-gap: 1rem;
        grid-row-gap: 1rem;
        height: auto;
        padding-top: 40px;
        padding-left: 15px;
        padding-right: 15px;
    }

    .features-items {
        min-height: 200px;
    }

    .hero-image-wrapper {
        min-height: 350px;
    }

    .mockup-1 {
        height: 300px;
        left: 0;
    }

    .mockup-2 {
        height: 350px;
        top: -2%;
        right: 0%;
    }

    .banner-title-2 {
        width: 100%;
        font-size: 45px;
    }

    .about-image {
        min-height: 300px;
    }

    .about-us-card {
        width: 100%;
        padding-bottom: 30px;
        padding-left: 15px;
        padding-right: 15px;
    }

    .services-photo-item {
        background-position: 50% 100%;
    }

    .item-slide-nav {
        width: 100%;
    }

    .gallery-arrow {
        left: 0;
    }

    .gallery-arrow.right {
        right: 40px;
    }

    .team-grid-wrapper-2 {
        grid-column-gap: 0px;
        grid-row-gap: 16px;
        grid-template-rows: auto;
        grid-template-columns: 15px auto 15px;
        grid-auto-columns: 1fr;
    }

    .gallery-mask {
        width: 92%;
        max-width: 100vw;
    }

    .project-card {
        min-height: 350px;
    }

    .number-large-circle {
        width: 40px;
        height: 40px;
    }

    .intro-par-wrap {
        grid-column-gap: 2rem;
        grid-row-gap: 2rem;
        flex-direction: column;
        align-items: flex-start;
    }

    .banner-button-wrapper {
        flex-flow: column;
        align-items: stretch;
        width: 100%;
    }

    .grad-line-wrapper {
        text-align: center;
        justify-content: center;
        width: 100%;
        padding-left: 0;
    }

    .blue-gradient {
        top: -27%;
        bottom: auto;
        left: auto;
        right: -7%;
    }

    .blue-gradient.g-28 {
        width: 300px;
        height: 500px;
        bottom: 20%;
        right: 8%;
    }

    .purple-gradient {
        top: -34%;
        bottom: auto;
        left: 16%;
        right: auto;
    }

    .hero-tablet-banner-persons {
        grid-row-gap: 15px;
        flex-direction: column;
    }

    .based-on-banner-4 {
        text-align: center;
        align-items: center;
    }

    .banner-4-reviews {
        flex-direction: column;
        align-items: center;
        width: 100%;
    }

    .banner-content-2.home--2,
    .banner-form {
        width: 100%;
    }

    .hero-person {
        border-radius: 14px;
    }

    .hero-person.mod-1,
    .hero-person.mod--3,
    .hero-person.mod--2 {
        width: 100%;
    }

    .pattern-1 {
        top: 78%;
        left: 18px;
    }

    .pattern-3 {
        height: 55px;
        bottom: 25%;
        right: 34px;
    }

    .pattern-5.small-star-1 {
        height: 13px;
    }

    .pattern-5.small-star-2 {
        height: 14px;
        right: 20%;
    }

    .pattern-5.small-star-3 {
        height: 11px;
    }

    .pattern-5.small-star-4 {
        height: 10px;
        left: 98px;
    }

    .pattern-5.small-star-6 {
        top: 33%;
        right: 2%;
    }

    .pattern-5.small-star-7 {
        bottom: 2%;
        right: 20%;
    }

    .pattern-5.small-star-8 {
        right: 23%;
    }

    .pattern-5.small-star-9 {
        height: 10px;
        top: 21%;
        left: 16px;
    }

    .pattern-5.small-star-11 {
        left: 36%;
    }

    .pattern-5.small-star-25 {
        bottom: -14%;
        left: 6%;
    }

    .pattern-5.small-star-27 {
        bottom: 2%;
        right: 6%;
    }

    .orange-form-button {
        height: 57px;
    }

    .large-color-form-input {
        padding-right: 20px;
    }

    .verticle-card-image-2.big-cases-card {
        min-height: 300px;
    }

    .number-item-wrapper {
        width: 100%;
    }

    .loop-review-item {
        width: 330px;
    }

    .home-1-service-img {
        height: 350px;
    }

    .slide-heading-3,
    .slide-heading-3.xl {
        font-size: 40px;
    }

    .stacked-content-2 {
        grid-row-gap: 36px;
    }

    .best-nevo-content {
        width: 100%;
    }

    .action-section {
        padding-bottom: 80px;
    }

    .price-top-2 {
        align-items: flex-start;
    }

    .hero-price-item-2 {
        grid-template-columns: 1fr;
    }

    .button-pricing-wrap-2 {
        border-top: 1px solid rgba(63, 83, 114, 0.15);
        border-right-style: none;
        margin-top: 40px;
        margin-right: 0;
        padding-top: 40px;
        padding-right: 0;
    }

    .contacts-title-3 {
        width: 100%;
    }

    .blogl-right-wrapper {
        grid-row-gap: 18px;
    }

    .blog-background-image {
        background-position: 58%;
    }

    .blog-title {
        font-size: 30px;
    }

    .blog-post-info {
        padding: 18px;
    }

    .blog-list-image {
        min-height: 250px;
    }

    .journal-list-item-content {
        z-index: 10;
        position: relative;
    }

    .blog-post-list-item {
        grid-row-gap: 15px;
        grid-template-columns: 1fr;
        min-height: auto;
        padding-bottom: 15px;
    }

    .category-tag {
        margin-top: 0;
    }

    .large-blog-post {
        min-height: 550px;
        padding-left: 12px;
        padding-right: 12px;
    }

    .large-blog-content {
        grid-row-gap: 18px;
    }

    .grid-items-services {
        grid-template-rows: auto auto;
        grid-template-columns: 1fr;
    }

    .video-banner {
        height: 700px;
    }

    .video-overlay {
        background-image: linear-gradient(
                180deg,
                rgba(68, 33, 6, 0.5) 21%,
                var(--transparent) 55%
            ),
            linear-gradient(
                225deg,
                rgba(252, 255, 112, 0.45),
                var(--transparent) 50%,
                rgba(81, 246, 207, 0.35)
            );
        padding-left: 15px;
        padding-right: 15px;
    }

    .video-wrapper {
        background-position: 50% 100%;
    }

    .right-banner-content {
        width: 100%;
    }

    .cta-looping-text,
    .cta-button-text {
        font-size: 18px;
    }

    .faq-question {
        grid-column-gap: 20px;
    }

    .faq-hero-title {
        white-space: normal;
    }

    .cta-button-content {
        padding-top: 14px;
        padding-bottom: 14px;
    }

    .integration-circle-inner {
        width: 200px;
        height: 200px;
        padding: 30px;
    }

    .integration-circle {
        position: relative;
    }

    .carousel-item {
        min-width: 100%;
    }

    .carousel-group {
        width: 100%;
    }

    .feature-line {
        left: 28px;
    }

    .feature-inner {
        padding-left: 15px;
        padding-right: 15px;
    }

    .feature-top {
        padding-left: 24px;
        padding-right: 24px;
    }

    .wrap-photo-large {
        height: 200px;
    }

    .offer-card-wrapper {
        height: auto;
    }

    .hero-gradient.grad-4 {
        opacity: 0.35;
    }

    .hero-gradient.grad-5 {
        bottom: 525px;
    }

    .statistics-bottom-wrap {
        grid-column-gap: 15px;
        grid-row-gap: 15px;
        flex-flow: wrap;
    }

    .link-items-grid {
        grid-template-columns: 1fr;
    }

    .banner-print {
        z-index: 0;
        bottom: auto;
        left: 0%;
        right: auto;
    }

    .banner-print.print-2 {
        top: 28%;
    }

    .banner-print.print-3 {
        width: 80%;
    }

    .banner-print.print-5 {
        top: 34%;
    }

    .banner-print.print-0 {
        top: 18%;
    }

    .mobile-intro-box-image {
        height: 300px;
    }

    .tab-content-home-4 {
        justify-content: flex-start;
    }

    .video-cover {
        min-height: 275px;
    }

    .our-news-slider.large-left-padding {
        padding-left: 20px;
    }

    .card-slide {
        height: 100%;
    }

    .cards-slider {
        align-items: stretch;
        display: block;
    }

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

    .project-card-2 {
        min-height: 600px;
    }

    .services-info-container {
        padding-left: 15px;
        padding-right: 15px;
    }

    .featured-project-column {
        font-size: 9px;
    }

    .hero-bottom-feature {
        width: 100%;
    }

    .grid-content-wrapper {
        grid-row-gap: 100px;
    }

    .hero-feature-card {
        padding-top: 24px;
        padding-bottom: 24px;
    }

    .stacked-description {
        grid-template-columns: 1fr;
    }

    .banner-title-4 {
        font-size: 40px;
    }

    .bautton-stacked-wrapper {
        flex-flow: column;
        align-items: stretch;
        width: 100%;
    }

    .client-quote-credit {
        margin-left: -15px;
        padding-left: 18px;
    }

    .video-info {
        padding-left: 15px;
    }

    .banner-5-hero-section-2 {
        padding-top: 100px;
    }

    .left-video-con-2 {
        background-image: none;
        min-height: 100%;
    }

    .home-5-video {
        height: auto;
        margin-top: 0;
        top: 60px;
    }

    .radio-item {
        padding-left: 18px;
    }

    .tripple-grid {
        grid-template-columns: 1fr;
        width: 100%;
    }

    .featured-news-list {
        width: 100%;
    }

    .menu-list-item {
        grid-template-columns: auto 1fr;
        padding-left: 18px;
        padding-right: 18px;
    }

    .banner-5-title {
        font-size: 40px;
    }

    .green-cover {
        height: 35%;
    }

    .founder-s-quote {
        font-size: 30px;
    }

    .team-hero-slider {
        flex-direction: column-reverse;
    }

    .team-item {
        border-left: 1px rgba(175, 175, 175, 0.3);
        padding-top: 40px;
        padding-bottom: 100px;
    }

    .team-mask {
        width: 100%;
    }

    .team-spacer {
        border-bottom: 1px solid var(--green-20);
        padding-bottom: 40px;
    }

    .statistics-banner {
        grid-column-gap: 15px;
        grid-row-gap: 15px;
        flex-flow: wrap;
    }

    .loop-bottom-con {
        padding-top: 0;
        padding-bottom: 0;
    }

    .testimonial-credit {
        grid-column-gap: 1rem;
    }

    .testimonial-slider-block {
        margin-bottom: 3rem;
    }

    .testimonial-slide-number {
        align-items: center;
        height: 3rem;
        padding-left: 0.7rem;
        bottom: -4rem;
    }

    .testimonial-slide-content {
        grid-row-gap: 2.25rem;
        min-height: 28rem;
        padding: 0.7rem 0.7rem 5.25rem;
    }

    .testimonials-block {
        grid-template-columns: 100%;
    }

    .padding-horizontal {
        padding-top: 0;
        padding-bottom: 0;
    }

    .testimonial-slide-arrow-icon {
        border-top-right-radius: 0;
        border-bottom-left-radius: 0.625rem;
        width: 50%;
        height: 3.25rem;
        top: auto;
        bottom: 0%;
        left: 0%;
        right: auto;
    }

    .testimonial-slide-arrow-icon.right-arrow {
        border-left: 1px solid var(--green-20);
        border-top-style: none;
        border-top-right-radius: 0.625rem;
        border-bottom-left-radius: 0;
    }

    .statistics-card {
        min-width: 200px;
    }

    .statistics-banner-top {
        grid-column-gap: 15px;
        grid-row-gap: 15px;
        flex-flow: wrap;
    }

    .small-pattern-5 {
        height: 90px;
        bottom: -103px;
        right: -25px;
    }

    .small-pattern-6 {
        height: 90px;
        bottom: -59px;
    }

    .main-banner-button-wrap {
        flex-flow: column;
        align-items: stretch;
        width: 100%;
    }

    .small-pattern-7 {
        height: 90px;
        top: -24px;
    }

    .small-pattern-8 {
        height: 90px;
        top: 289px;
    }

    .video-company {
        height: 550px;
    }

    .main-banner-button-wrapper {
        flex-flow: column;
        align-items: stretch;
        width: 100%;
    }

    .statistics-wrap {
        grid-column-gap: 15px;
        grid-row-gap: 15px;
        flex-flow: wrap;
    }

    .banner-scroll-component {
        min-height: 250px;
    }

    .faq-hero-title-dark {
        white-space: normal;
    }

    .inner-hero-content {
        grid-template-rows: auto auto;
        grid-template-columns: 1fr;
        grid-auto-columns: 1fr;
        justify-items: stretch;
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .inner-banner-style {
        min-height: 800px;
        margin-top: 0 !important;
    }

    .inner-banner-style.small-banner {
        min-height: 600px;
    }

    .inner-photo-banner {
        background-position: 40% 40%;
    }

    .services-center-title {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .inner-banner-wrap {
        grid-template-rows: auto auto;
        grid-template-columns: 1fr;
        grid-auto-columns: 1fr;
        justify-items: stretch;
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .search-inner-title {
        font-size: 50px;
    }

    .blog-details-title-2 {
        font-size: 40px;
    }

    .success-message-content {
        background-position: -85% 0;
    }

    .scroll-blog-link {
        right: auto;
    }

    .circle-link-wrapper {
        margin-left: -48px;
    }

    .top-group-con {
        grid-column-gap: 24px;
        grid-row-gap: 24px;
        flex-flow: column wrap;
        justify-content: center;
    }

    .group-inquire-top {
        grid-row-gap: 20px;
        text-align: center;
        flex-direction: column;
        grid-template-columns: auto;
    }

    .content-blog-details-wrap {
        flex-flow: row;
        justify-content: center;
        align-items: center;
    }

    .blog-details-background-image {
        background-position: 24% 0;
    }

    .title-blog-container,
    .title-blog-container.center-text-align {
        text-align: center;
    }

    .inquire-form-wrapper {
        padding-bottom: 18px;
        padding-left: 18px;
        padding-right: 18px;
    }

    .blog-intro-content {
        padding-bottom: 120px;
    }

    .details-body {
        grid-row-gap: 36px;
    }

    .line-wrap {
        display: none;
    }

    .large-left-fill {
        width: 20px;
    }

    .inner-banner-team {
        grid-template-rows: auto auto;
        grid-template-columns: 1fr;
        grid-auto-columns: 1fr;
        justify-items: stretch;
        padding-top: 60px;
        padding-bottom: 310px;
    }

    .team-center-title {
        grid-column-gap: 10px;
        grid-row-gap: 10px;
    }

    .large-inner-title-team {
        background-size: 80%;
        margin-bottom: 15px;
        font-size: 45px;
    }

    .light-banner-cover {
        padding-top: 120px;
        padding-bottom: 80px;
    }

    .print-wrap {
        min-height: 350px;
    }

    .print-color-1 {
        height: 60px;
        bottom: 15%;
    }

    .print-3 {
        height: 35px;
        bottom: 25%;
        right: -19px;
    }

    .print-2 {
        height: 40px;
        top: 48px;
        right: 140px;
    }

    .print-1 {
        height: 45px;
        top: 83%;
        left: 5px;
    }

    .print-color-2 {
        bottom: -10%;
        left: 46%;
    }

    .banner-use-cases-title {
        font-size: 35px;
    }

    .anchor-link-2 {
        width: 100%;
    }

    .stage-banner {
        height: 300px;
    }

    .content-portfolio-details {
        grid-row-gap: 60px;
    }

    .use-cases-info-wrap {
        margin-top: 0;
        padding: 20px 15px;
    }

    .use-cases-info-wrap.career-item {
        padding-left: 15px;
        padding-right: 15px;
    }

    .button-wrap {
        flex-flow: column;
        align-items: stretch;
        width: 100%;
    }

    .category-large-title {
        font-size: 50px;
    }

    .offer-card-wrapper-2 {
        height: auto;
    }

    .loop-container {
        grid-template-columns: 1fr;
    }

    .subscribe-form-footer-2 {
        grid-row-gap: 15px;
        flex-direction: column;
        justify-content: space-between;
        align-items: stretch;
        display: flex;
    }

    .footer-bottom-form,
    .no-shrink-btn-2.full-mobile {
        width: 100%;
    }

    .rights-top-content {
        padding-top: 160px;
    }

    .scroll-banner-strip {
        font-size: 15vw;
    }

    .scroll-right-text {
        font-size: 12vw;
    }

    .date-line-container {
        width: 30px;
    }

    .slider-blog-arrow {
        border-right-style: none;
        width: 100%;
        padding-bottom: 25px;
    }

    .slider-blog-arrow.right {
        border-bottom-style: none;
        padding-top: 25px;
    }

    .date-wrap {
        grid-column-gap: 20px;
        grid-row-gap: 20px;
        flex-flow: column;
    }

    .blog-review {
        padding-top: 15px;
        padding-left: 15px;
        padding-right: 15px;
    }

    .date-line {
        width: 30px;
    }

    .sidebar-recent-posts-wrapper-2 {
        column-count: 1;
    }

    .blog-3-form-white {
        flex-direction: column;
        justify-content: space-between;
        align-items: stretch;
        display: flex;
    }

    .sidebar-categories-list-2 {
        flex-wrap: wrap;
    }

    .sidebar-recent-post-item-2 {
        width: 100%;
    }

    .sidebar-recent-post-image-2 {
        height: 120px;
    }

    .primary-button-search {
        width: 100%;
    }

    .contacts-service {
        grid-column-gap: 15px;
        grid-row-gap: 15px;
        border-left-style: none;
        flex-flow: column;
        grid-template-columns: 1fr;
        justify-content: space-between;
        align-items: stretch;
    }

    .career-image-container {
        height: 400px;
    }

    .stacked-career-heading {
        text-align: center;
        align-items: center;
    }

    .medium-image,
    .large-image {
        min-height: 180px;
    }

    .team-images {
        grid-column-gap: 8px;
        grid-row-gap: 8px;
    }

    .small-image {
        min-height: 120px;
    }

    .hover-circle-wrapper {
        padding: 40px;
    }

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

    .inner-demo-banner {
        grid-template-rows: auto auto;
        grid-template-columns: 1fr;
        grid-auto-columns: 1fr;
        justify-items: stretch;
        padding-top: 60px;
    }

    .demo-title-con {
        grid-column-gap: 10px;
        grid-row-gap: 10px;
    }

    .large-demo-title {
        background-size: 80%;
        margin-bottom: 15px;
        font-size: 45px;
    }

    .demo-print-1 {
        top: 40%;
        right: -8%;
    }

    .demo-print-4 {
        top: -3%;
    }

    .app-button,
    .app-button-primary {
        width: 100%;
    }

    .app-banner-wrap {
        grid-row-gap: 15px;
        flex-wrap: wrap;
        justify-content: center;
    }

    .grid-column-blocks {
        grid-template-columns: 0.5fr 0.25fr 0.25fr 0.25fr;
    }

    .column-blocks {
        grid-template-columns: 1fr 1fr 1fr;
    }

    .licence-link-wrapper {
        grid-column-gap: 30px;
        grid-row-gap: 30px;
    }

    .hover-circle-wrapper-5 {
        padding: 40px;
    }

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

    .use-cases-2-card {
        grid-row-gap: 24px;
    }

    .cases-hover-cover {
        display: none;
    }

    .circle-wrap {
        padding: 40px;
    }

    .popular-events {
        grid-row-gap: 36px;
    }

    .popular-posts {
        grid-row-gap: 20px;
    }

    .project-3-card-bottom {
        grid-row-gap: 9px;
        text-align: left;
    }

    .portfolio-3-image-2 {
        height: 400px;
    }

    .upcoming-events-link {
        grid-row-gap: 18px;
        grid-template-columns: 1fr;
    }

    .upcoming-events-info {
        grid-row-gap: 6px;
        padding-top: 0;
        padding-bottom: 0;
    }

    .upcoming-events-image {
        min-height: 200px;
    }

    .cta-form-title {
        font-size: 15vw;
    }

    .small-sticky-title,
    .quote-title {
        font-size: 28px;
    }

    .carousel-group-bottom {
        display: none;
    }

    .green-logo-con.customers {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .hire-popup {
        bottom: 90px;
        left: auto;
        right: 12px;
    }
}

#w-node-_7ae719a3-2044-0665-816b-f5df0053c2ee-0c4b6f25 {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#BG-video.w-node-_7ae719a3-2044-0665-816b-f5df0053c2ec-0c4b6f25 {
    grid-area: 1 / 1 / 2 / 7;
    align-self: center;
}

#w-node-_7ae719a3-2044-0665-816b-f5df0053c2ff-0c4b6f25 {
    grid-area: 1 / 3 / 2 / 4;
}

#w-node-_8e27eec1-a179-2669-54ef-4a7e0cfe82ce-0c4b6f25 {
    align-self: start;
}

#w-node-_8e27eec1-a179-2669-54ef-4a7e0cfe82cf-0c4b6f25 {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_8e27eec1-a179-2669-54ef-4a7e0cfe82d6-0c4b6f25 {
    align-self: start;
}

#w-node-_8e27eec1-a179-2669-54ef-4a7e0cfe82d9-0c4b6f25 {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_8e27eec1-a179-2669-54ef-4a7e0cfe82db-0c4b6f25 {
    align-self: start;
}

#w-node-_8e27eec1-a179-2669-54ef-4a7e0cfe82de-0c4b6f25 {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_8e27eec1-a179-2669-54ef-4a7e0cfe8378-0c4b6f25 {
    grid-area: 1 / 1 / 2 / 2;
    align-self: start;
    justify-self: start;
}

#w-node-_8e27eec1-a179-2669-54ef-4a7e0cfe837a-0c4b6f25 {
    grid-area: 2 / 1 / 3 / 2;
    align-self: stretch;
    justify-self: end;
}

#w-node-_8e27eec1-a179-2669-54ef-4a7e0cfe8381-0c4b6f25 {
    grid-area: 1 / 1 / 2 / 2;
    align-self: start;
    justify-self: start;
}

#w-node-_8e27eec1-a179-2669-54ef-4a7e0cfe8383-0c4b6f25 {
    grid-area: 2 / 1 / 3 / 2;
    align-self: stretch;
    justify-self: end;
}

#w-node-fbf72624-63ce-438b-065a-95d5ae00a647-0c4b6f25 {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_8945a5ea-a3a0-6cac-07fe-9ad2d784bb74-0c4b6f25 {
    grid-area: 1 / 2 / 2 / 4;
}

#w-node-_8945a5ea-a3a0-6cac-07fe-9ad2d784bb76-0c4b6f25 {
    align-self: stretch;
}

#w-node-a4948b37-227b-5ee1-5fd7-4bc3d39eaf23-0c4b6f25 {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_396d5105-b4a5-ce07-b286-22187da779a6-0c4b6f25 {
    grid-area: 1 / 2 / 2 / 3;
}

#w-node-f8ef7427-5473-5a0d-f66c-2b7cb22eb4b8-0c4b6f25,
#w-node-f8ef7427-5473-5a0d-f66c-2b7cb22eb4bd-0c4b6f25,
#w-node-f8ef7427-5473-5a0d-f66c-2b7cb22eb4c6-0c4b6f25,
#w-node-f8ef7427-5473-5a0d-f66c-2b7cb22eb4cf-0c4b6f25,
#w-node-ce9ba98e-5c63-1595-9c11-fb1e8c333a88-8c333a4f {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4b07c999-719c-e3d6-452e-97bec4ce493f-0c4b6f26 {
    align-self: center;
}

#w-node-_4b07c999-719c-e3d6-452e-97bec4ce4943-0c4b6f26 {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4b07c999-719c-e3d6-452e-97bec4ce4949-0c4b6f26 {
    align-self: center;
}

#w-node-_4b07c999-719c-e3d6-452e-97bec4ce494d-0c4b6f26 {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4b07c999-719c-e3d6-452e-97bec4ce4956-0c4b6f26 {
    align-self: center;
}

#w-node-_4b07c999-719c-e3d6-452e-97bec4ce495a-0c4b6f26 {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4b07c999-719c-e3d6-452e-97bec4ce4963-0c4b6f26 {
    align-self: center;
}

#w-node-_4b07c999-719c-e3d6-452e-97bec4ce4967-0c4b6f26 {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4b07c999-719c-e3d6-452e-97bec4ce496c-0c4b6f26 {
    grid-area: 1 / 2 / 2 / 3;
}

#w-node-_4b07c999-719c-e3d6-452e-97bec4ce496d-0c4b6f26 {
    grid-area: span 1 / span 2 / span 1 / span 2;
    align-self: center;
    justify-self: start;
}

#w-node-_4b07c999-719c-e3d6-452e-97bec4ce496e-0c4b6f26 {
    grid-area: 1 / 1 / 2 / 2;
}

#w-node-_4b07c999-719c-e3d6-452e-97bec4ce4989-0c4b6f26 {
    grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_4b07c999-719c-e3d6-452e-97bec4ce4994-0c4b6f26 {
    grid-area: 1 / 1 / 2 / 2;
    align-self: start;
    justify-self: start;
}

#w-node-_4b07c999-719c-e3d6-452e-97bec4ce4996-0c4b6f26 {
    grid-area: 2 / 1 / 3 / 2;
    align-self: stretch;
    justify-self: end;
}

#w-node-_6ba5a001-9956-2fe3-dcfb-bd65742cd75b-0c4b6f26 {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_89fbb135-f215-c2ef-118c-7cc02de6184e-0c4b6f26 {
    grid-area: 1 / 2 / 2 / 3;
    justify-self: stretch;
}

#w-node-_89fbb135-f215-c2ef-118c-7cc02de6184f-0c4b6f26 {
    grid-area: 1 / 1 / 2 / 2;
    align-self: stretch;
}

#w-node-_89fbb135-f215-c2ef-118c-7cc02de61850-0c4b6f26 {
    align-self: end;
}

#w-node-_89fbb135-f215-c2ef-118c-7cc02de61867-0c4b6f26 {
    grid-area: 1 / 2 / 2 / 3;
}

#w-node-dadd0c5b-7bdc-9e06-8dae-2574c7401a67-0c4b6f26 {
    align-self: start;
}

#w-node-dadd0c5b-7bdc-9e06-8dae-2574c7401a68-0c4b6f26 {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-dadd0c5b-7bdc-9e06-8dae-2574c7401a6f-0c4b6f26 {
    align-self: start;
}

#w-node-dadd0c5b-7bdc-9e06-8dae-2574c7401a72-0c4b6f26 {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-dadd0c5b-7bdc-9e06-8dae-2574c7401a74-0c4b6f26 {
    align-self: start;
}

#w-node-dadd0c5b-7bdc-9e06-8dae-2574c7401a77-0c4b6f26 {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-dadd0c5b-7bdc-9e06-8dae-2574c7401b11-0c4b6f26 {
    grid-area: 1 / 1 / 2 / 2;
    align-self: start;
    justify-self: start;
}

#w-node-dadd0c5b-7bdc-9e06-8dae-2574c7401b13-0c4b6f26 {
    grid-area: 2 / 1 / 3 / 2;
    align-self: stretch;
    justify-self: end;
}

#w-node-dadd0c5b-7bdc-9e06-8dae-2574c7401b1a-0c4b6f26 {
    grid-area: 1 / 1 / 2 / 2;
    align-self: start;
    justify-self: start;
}

#w-node-dadd0c5b-7bdc-9e06-8dae-2574c7401b1c-0c4b6f26 {
    grid-area: 2 / 1 / 3 / 2;
    align-self: stretch;
    justify-self: end;
}

#w-node-eb606a5b-96a6-903e-7586-365c85663d03-0c4b6f26,
#w-node-_765e9cab-afa4-45f3-f51a-0b541e54e2dc-0c4b6f26,
#w-node-_765e9cab-afa4-45f3-f51a-0b541e54e2e1-0c4b6f26,
#w-node-_765e9cab-afa4-45f3-f51a-0b541e54e2ea-0c4b6f26,
#w-node-_765e9cab-afa4-45f3-f51a-0b541e54e2f3-0c4b6f26 {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_1d171ed1-09f9-a55e-5362-7c514f5a5bca-0c4b6f27 {
    align-self: center;
}

#w-node-_1d171ed1-09f9-a55e-5362-7c514f5a5bce-0c4b6f27 {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_1d171ed1-09f9-a55e-5362-7c514f5a5bde-0c4b6f27 {
    align-self: center;
}

#w-node-_1d171ed1-09f9-a55e-5362-7c514f5a5be2-0c4b6f27 {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_1d171ed1-09f9-a55e-5362-7c514f5a5bf5-0c4b6f27 {
    align-self: center;
}

#w-node-_1d171ed1-09f9-a55e-5362-7c514f5a5bf9-0c4b6f27 {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_1d171ed1-09f9-a55e-5362-7c514f5a5c0c-0c4b6f27 {
    align-self: center;
}

#w-node-_1d171ed1-09f9-a55e-5362-7c514f5a5c10-0c4b6f27 {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-e347299c-89cc-d260-b4a3-6306fe82ac4d-0c4b6f27 {
    grid-area: 1 / 1 / 2 / 3;
}

#w-node-e347299c-89cc-d260-b4a3-6306fe82ac7a-0c4b6f27,
#w-node-e347299c-89cc-d260-b4a3-6306fe82ac9e-0c4b6f27 {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-e347299c-89cc-d260-b4a3-6306fe82acc2-0c4b6f27 {
    grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_205975fe-8b73-738c-552c-e79cd4cc6379-0c4b6f29 {
    align-self: stretch;
    justify-self: start;
}

#w-node-_205975fe-8b73-738c-552c-e79cd4cc637c-0c4b6f29 {
    grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_205975fe-8b73-738c-552c-e79cd4cc637f-0c4b6f29 {
    align-self: stretch;
    justify-self: start;
}

#w-node-_125100b2-c0a3-35ca-4410-cd5c7822af35-0c4b6f29,
#w-node-_125100b2-c0a3-35ca-4410-cd5c7822af3a-0c4b6f29,
#w-node-_125100b2-c0a3-35ca-4410-cd5c7822af43-0c4b6f29,
#w-node-_125100b2-c0a3-35ca-4410-cd5c7822af4c-0c4b6f29 {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-c062442f-7508-405e-d97e-d2adec40a547-0c4b6f2a {
    grid-area: span 1 / span 1 / span 1 / span 1;
    align-self: center;
}

#w-node-c062442f-7508-405e-d97e-d2adec40a562-0c4b6f2a {
    grid-area: span 1 / span 1 / span 1 / span 1;
    align-self: start;
    justify-self: start;
}

#w-node-c062442f-7508-405e-d97e-d2adec40a563-0c4b6f2a {
    grid-area: span 1 / span 1 / span 1 / span 1;
    justify-self: start;
}

#w-node-c062442f-7508-405e-d97e-d2adec40a564-0c4b6f2a {
    grid-area: 1 / 1 / 3 / 2;
}

#w-node-c062442f-7508-405e-d97e-d2adec40a566-0c4b6f2a {
    grid-area: 2 / 2 / 3 / 3;
}

#w-node-c062442f-7508-405e-d97e-d2adec40a56b-0c4b6f2a {
    align-self: stretch;
}

#w-node-c062442f-7508-405e-d97e-d2adec40a573-0c4b6f2a,
#w-node-c062442f-7508-405e-d97e-d2adec40a584-0c4b6f2a,
#w-node-c062442f-7508-405e-d97e-d2adec40a595-0c4b6f2a,
#w-node-c062442f-7508-405e-d97e-d2adec40a5a6-0c4b6f2a {
    align-self: end;
}

#w-node-_3d29c4d9-3f0f-db31-045c-f5e504f89fe0-0c4b6f2b,
#w-node-_3fd5cdba-5be6-fd36-af32-92f014cbfce7-0c4b6f2d,
#w-node-ad75cf69-7cf6-e752-b4bc-e9becf5fa7ab-0c4b6f2d,
#w-node-ad75cf69-7cf6-e752-b4bc-e9becf5fa7b0-0c4b6f2d,
#w-node-ad75cf69-7cf6-e752-b4bc-e9becf5fa7b9-0c4b6f2d,
#w-node-ad75cf69-7cf6-e752-b4bc-e9becf5fa7c2-0c4b6f2d {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_49eba33a-06c8-a5e8-649f-d05c551412c7-0c4b6f44 {
    align-self: center;
}

#w-node-_49eba33a-06c8-a5e8-649f-d05c551412cb-0c4b6f44 {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_49eba33a-06c8-a5e8-649f-d05c551412d1-0c4b6f44 {
    align-self: center;
}

#w-node-_49eba33a-06c8-a5e8-649f-d05c551412d5-0c4b6f44 {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_49eba33a-06c8-a5e8-649f-d05c551412de-0c4b6f44 {
    align-self: center;
}

#w-node-_49eba33a-06c8-a5e8-649f-d05c551412e2-0c4b6f44 {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_49eba33a-06c8-a5e8-649f-d05c551412eb-0c4b6f44 {
    align-self: center;
}

#w-node-_49eba33a-06c8-a5e8-649f-d05c551412ef-0c4b6f44 {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_49eba33a-06c8-a5e8-649f-d05c551412f4-0c4b6f44 {
    grid-area: 1 / 2 / 2 / 3;
}

#w-node-_49eba33a-06c8-a5e8-649f-d05c551412f5-0c4b6f44 {
    grid-area: span 1 / span 2 / span 1 / span 2;
    align-self: center;
    justify-self: start;
}

#w-node-_49eba33a-06c8-a5e8-649f-d05c551412f6-0c4b6f44 {
    grid-area: 1 / 1 / 2 / 2;
}

#w-node-_49eba33a-06c8-a5e8-649f-d05c55141311-0c4b6f44 {
    grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_49eba33a-06c8-a5e8-649f-d05c5514131c-0c4b6f44 {
    grid-area: 1 / 1 / 2 / 2;
    align-self: start;
    justify-self: start;
}

#w-node-_49eba33a-06c8-a5e8-649f-d05c5514131e-0c4b6f44 {
    grid-area: 2 / 1 / 3 / 2;
    align-self: stretch;
    justify-self: end;
}

#w-node-_179262d0-0707-5be4-8e94-099d2a5876fb-0c4b6f44 {
    grid-area: 1 / 2 / 2 / 3;
}

#w-node-_179262d0-0707-5be4-8e94-099d2a5876fc-0c4b6f44 {
    grid-area: 1 / 1 / 2 / 2;
}

#w-node-_179262d0-0707-5be4-8e94-099d2a5876fd-0c4b6f44,
#w-node-_179262d0-0707-5be4-8e94-099d2a5876fe-0c4b6f44,
#w-node-_179262d0-0707-5be4-8e94-099d2a5876ff-0c4b6f44 {
    align-self: start;
}

#w-node-af7b38cb-b004-195a-c85d-66bee6aaa544-0c4b6f45,
#w-node-af7b38cb-b004-195a-c85d-66bee6aaa549-0c4b6f45,
#w-node-af7b38cb-b004-195a-c85d-66bee6aaa552-0c4b6f45,
#w-node-af7b38cb-b004-195a-c85d-66bee6aaa55b-0c4b6f45,
#w-node-_6ce56194-eac3-0009-8820-e572651a1c82-0c4b6f46,
#w-node-_6ce56194-eac3-0009-8820-e572651a1c83-0c4b6f46,
#w-node-_6ce56194-eac3-0009-8820-e572651a1c85-0c4b6f46,
#w-node-_6ce56194-eac3-0009-8820-e572651a1c86-0c4b6f46,
#w-node-_6ce56194-eac3-0009-8820-e572651a1c87-0c4b6f46,
#w-node-_6ce56194-eac3-0009-8820-e572651a1c89-0c4b6f46,
#w-node-_6ce56194-eac3-0009-8820-e572651a1c8a-0c4b6f46,
#w-node-_6ce56194-eac3-0009-8820-e572651a1c8c-0c4b6f46,
#w-node-_6ce56194-eac3-0009-8820-e572651a1c8d-0c4b6f46,
#w-node-_6ce56194-eac3-0009-8820-e572651a1c8f-0c4b6f46,
#w-node-_6ce56194-eac3-0009-8820-e572651a1c90-0c4b6f46,
#w-node-_6ce56194-eac3-0009-8820-e572651a1c91-0c4b6f46,
#w-node-_6ce56194-eac3-0009-8820-e572651a1c93-0c4b6f46,
#w-node-_6ce56194-eac3-0009-8820-e572651a1c94-0c4b6f46,
#w-node-_6ce56194-eac3-0009-8820-e572651a1c96-0c4b6f46,
#w-node-_6ce56194-eac3-0009-8820-e572651a1c97-0c4b6f46,
#w-node-_6ce56194-eac3-0009-8820-e572651a1c99-0c4b6f46,
#w-node-_6ce56194-eac3-0009-8820-e572651a1c9a-0c4b6f46,
#w-node-_6ce56194-eac3-0009-8820-e572651a1c9d-0c4b6f46,
#w-node-_6ce56194-eac3-0009-8820-e572651a1c9e-0c4b6f46,
#w-node-_6ce56194-eac3-0009-8820-e572651a1c9f-0c4b6f46,
#w-node-_6ce56194-eac3-0009-8820-e572651a1ca1-0c4b6f46,
#w-node-_6ce56194-eac3-0009-8820-e572651a1ca2-0c4b6f46,
#w-node-_6ce56194-eac3-0009-8820-e572651a1ca4-0c4b6f46,
#w-node-_6ce56194-eac3-0009-8820-e572651a1ca5-0c4b6f46,
#w-node-_6ce56194-eac3-0009-8820-e572651a1ca7-0c4b6f46,
#w-node-_6ce56194-eac3-0009-8820-e572651a1ca8-0c4b6f46,
#w-node-_6ce56194-eac3-0009-8820-e572651a1caa-0c4b6f46,
#w-node-_6ce56194-eac3-0009-8820-e572651a1cab-0c4b6f46,
#w-node-_6ce56194-eac3-0009-8820-e572651a1cac-0c4b6f46,
#w-node-_6ce56194-eac3-0009-8820-e572651a1cae-0c4b6f46,
#w-node-_6ce56194-eac3-0009-8820-e572651a1caf-0c4b6f46,
#w-node-_6ce56194-eac3-0009-8820-e572651a1cb1-0c4b6f46,
#w-node-_6ce56194-eac3-0009-8820-e572651a1cb2-0c4b6f46,
#w-node-_6ce56194-eac3-0009-8820-e572651a1cb4-0c4b6f46,
#w-node-_6ce56194-eac3-0009-8820-e572651a1cb5-0c4b6f46 {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-cf1fd75c-2849-216c-55b0-b7ff7a7679a1-0c4b6f47 {
    align-self: center;
}

#w-node-cf1fd75c-2849-216c-55b0-b7ff7a7679a5-0c4b6f47 {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-cf1fd75c-2849-216c-55b0-b7ff7a7679ab-0c4b6f47 {
    align-self: center;
}

#w-node-cf1fd75c-2849-216c-55b0-b7ff7a7679af-0c4b6f47 {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-cf1fd75c-2849-216c-55b0-b7ff7a7679b8-0c4b6f47 {
    align-self: center;
}

#w-node-cf1fd75c-2849-216c-55b0-b7ff7a7679bc-0c4b6f47 {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-cf1fd75c-2849-216c-55b0-b7ff7a7679c5-0c4b6f47 {
    align-self: center;
}

#w-node-cf1fd75c-2849-216c-55b0-b7ff7a7679c9-0c4b6f47,
#w-node-_36d106a3-0fda-f6fe-3fe4-f4ccede598d9-0c4b6f47,
#w-node-_36d106a3-0fda-f6fe-3fe4-f4ccede598de-0c4b6f47,
#w-node-_36d106a3-0fda-f6fe-3fe4-f4ccede598e7-0c4b6f47,
#w-node-_36d106a3-0fda-f6fe-3fe4-f4ccede598f0-0c4b6f47 {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-a11564e2-fc61-55b6-2304-b4f9c0750f2d-0c4b6f48 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    align-self: stretch;
    justify-self: start;
}

#w-node-a11564e2-fc61-55b6-2304-b4f9c0750f2e-0c4b6f48 {
    align-self: stretch;
}

#w-node-a11564e2-fc61-55b6-2304-b4f9c0750f45-0c4b6f48 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    justify-self: center;
}

#w-node-a11564e2-fc61-55b6-2304-b4f9c0750f52-0c4b6f48,
#w-node-_0d5b5c61-6100-687e-de20-475764c684e2-0c4b6f48,
#w-node-_058401da-5ff2-6338-9150-5b86cc1dcc40-0c4b6f48,
#w-node-_55982b82-a8b0-a6bb-3236-df5315ae03cc-0c4b6f48,
#w-node-_55982b82-a8b0-a6bb-3236-df5315ae03d1-0c4b6f48,
#w-node-_55982b82-a8b0-a6bb-3236-df5315ae03da-0c4b6f48,
#w-node-_55982b82-a8b0-a6bb-3236-df5315ae03e3-0c4b6f48,
#w-node-_5ad7cf04-a781-228d-f428-5691038a066f-0c4b6f49,
#w-node-_5ad7cf04-a781-228d-f428-5691038a0674-0c4b6f49,
#w-node-_5ad7cf04-a781-228d-f428-5691038a067d-0c4b6f49,
#w-node-_5ad7cf04-a781-228d-f428-5691038a0686-0c4b6f49 {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_51300c2e-83e6-32e9-54fe-8f07fea8a841-0c4b6f4a {
    grid-area: span 1 / span 1 / span 1 / span 1;
    align-self: center;
    justify-self: center;
}

#w-node-_5b984663-470c-8ae8-a185-62a544ea4667-0c4b6f4a,
#w-node-_7e11a556-8f96-0258-f74f-689feebb309e-0c4b6f4a,
#w-node-_693ac295-cd6f-4163-fb05-03085a9a4496-0c4b6f4a,
#w-node-_62f02d50-09e3-398e-7450-93fc8cf378ac-0c4b6f4a,
#w-node-f4685100-18e5-f485-d85b-a68b9aada7ae-0c4b6f4a,
#w-node-_01c5faad-2a41-b24c-f6eb-9f168c31dcab-0c4b6f4a,
#w-node-_9cd6c61e-6704-40cd-15fe-6598545e59c1-0c4b6f4a,
#w-node-_1c01eeca-5d9c-cce7-dbaf-54d429515dd3-0c4b6f4a,
#w-node-_87468c32-83f5-729b-6140-32c34d9e6392-0c4b6f4a,
#w-node-b69c3819-0367-9d70-1714-acf0303d75b4-0c4b6f4a,
#w-node-_53b2e3c5-244e-4874-9a0d-9c601d87765f-0c4b6f4a {
    grid-area: span 1 / span 1 / span 1 / span 1;
    align-self: start;
    justify-self: center;
}

#w-node-_14778a56-e65f-bf95-eb65-ecc9f1903a79-0c4b6f4b {
    grid-area: 1 / 2 / 2 / 3;
}

#w-node-_14778a56-e65f-bf95-eb65-ecc9f1903a7b-0c4b6f4b {
    grid-area: span 1 / span 3 / span 1 / span 3;
    justify-self: start;
}

#w-node-_14778a56-e65f-bf95-eb65-ecc9f1903a8d-0c4b6f4b {
    grid-area: 1 / 4 / 2 / 5;
    align-self: end;
    justify-self: end;
}

#w-node-_14778a56-e65f-bf95-eb65-ecc9f1903a9e-0c4b6f4b {
    grid-area: 1 / 1 / 2 / 2;
}

#w-node-_14778a56-e65f-bf95-eb65-ecc9f1903a9f-0c4b6f4b {
    grid-area: 2 / 1 / 3 / 3;
}

#w-node-c499d908-2d05-13c6-890c-8736485d2526-0c4b6f4d {
    grid-area: 1 / 2 / 2 / 3;
}

#w-node-c499d908-2d05-13c6-890c-8736485d2527-0c4b6f4d {
    grid-area: 1 / 1 / 2 / 3;
}

#w-node-c499d908-2d05-13c6-890c-8736485d2528-0c4b6f4d {
    justify-self: start;
}

#w-node-c499d908-2d05-13c6-890c-8736485d2580-0c4b6f4d {
    align-self: start;
}

#w-node-c499d908-2d05-13c6-890c-8736485d259e-0c4b6f4d,
#w-node-c499d908-2d05-13c6-890c-8736485d25a3-0c4b6f4d,
#Email-4.w-node-c499d908-2d05-13c6-890c-8736485d25a5-0c4b6f4d,
#w-node-c499d908-2d05-13c6-890c-8736485d25a7-0c4b6f4d,
#Phone-2.w-node-c499d908-2d05-13c6-890c-8736485d25a9-0c4b6f4d {
    grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-c499d908-2d05-13c6-890c-8736485d25aa-0c4b6f4d {
    justify-self: stretch;
}

#w-node-_67a31aaf-a980-e6d1-9e32-ae5243b98b09-0c4b6f4d,
#w-node-_67a31aaf-a980-e6d1-9e32-ae5243b98b0e-0c4b6f4d,
#w-node-_67a31aaf-a980-e6d1-9e32-ae5243b98b17-0c4b6f4d,
#w-node-_67a31aaf-a980-e6d1-9e32-ae5243b98b20-0c4b6f4d,
#w-node-_05fe5561-8655-80fc-578a-78c3336b3f06-0c4b6f4e,
#w-node-_8a04f0e5-0131-c159-daf7-93a0df2f1e59-0c4b6f4e,
#w-node-_8a04f0e5-0131-c159-daf7-93a0df2f1e5e-0c4b6f4e,
#w-node-_8a04f0e5-0131-c159-daf7-93a0df2f1e67-0c4b6f4e,
#w-node-_8a04f0e5-0131-c159-daf7-93a0df2f1e70-0c4b6f4e {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_9662e85b-dcdc-1a15-dd11-384fe16ee63a-0c4b6f4f {
    grid-area: 1 / 2 / 2 / 3;
}

#w-node-_9662e85b-dcdc-1a15-dd11-384fe16ee63b-0c4b6f4f {
    grid-area: 1 / 1 / 2 / 3;
}

#w-node-_9662e85b-dcdc-1a15-dd11-384fe16ee63c-0c4b6f4f {
    align-self: start;
}

#w-node-_9662e85b-dcdc-1a15-dd11-384fe16ee660-0c4b6f4f {
    grid-area: 1 / 2 / 2 / 5;
}

#w-node-_43c0ea41-37cb-aff9-b305-f933a882b0be-0c4b6f4f,
#w-node-_43c0ea41-37cb-aff9-b305-f933a882b0c7-0c4b6f4f {
    grid-area: span 1 / span 1 / span 1 / span 1;
    align-self: end;
}

#w-node-_43c0ea41-37cb-aff9-b305-f933a882b0d0-0c4b6f4f {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_43c0ea41-37cb-aff9-b305-f933a882b0d4-0c4b6f4f {
    grid-area: span 1 / span 1 / span 1 / span 1;
    align-self: center;
}

#w-node-_43c0ea41-37cb-aff9-b305-f933a882b0d5-0c4b6f4f {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_43c0ea41-37cb-aff9-b305-f933a882b0e2-0c4b6f4f {
    grid-area: span 1 / span 1 / span 1 / span 1;
    align-self: end;
}

#w-node-_43c0ea41-37cb-aff9-b305-f933a882b0ed-0c4b6f4f {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_43c0ea41-37cb-aff9-b305-f933a882b0f1-0c4b6f4f {
    grid-area: span 1 / span 1 / span 1 / span 1;
    align-self: center;
}

#w-node-_43c0ea41-37cb-aff9-b305-f933a882b0f2-0c4b6f4f {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_43c0ea41-37cb-aff9-b305-f933a882b0ff-0c4b6f4f {
    grid-area: span 1 / span 1 / span 1 / span 1;
    align-self: end;
}

#w-node-_43c0ea41-37cb-aff9-b305-f933a882b10a-0c4b6f4f {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_43c0ea41-37cb-aff9-b305-f933a882b10e-0c4b6f4f {
    grid-area: span 1 / span 1 / span 1 / span 1;
    align-self: center;
}

#w-node-_43c0ea41-37cb-aff9-b305-f933a882b10f-0c4b6f4f,
#w-node-_17cd4d00-453e-5d4b-5dd1-e9cdcaf5a373-0c4b6f4f,
#w-node-e0ea6394-4c4f-cefb-ec93-a611070e4b6a-0c4b6f50 {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_292049cd-b0b9-bcdd-223a-1a842cb461db-0c4b6f51 {
    grid-area: 1 / 2 / 2 / 3;
}

#w-node-_292049cd-b0b9-bcdd-223a-1a842cb461dd-0c4b6f51 {
    grid-area: span 1 / span 3 / span 1 / span 3;
    justify-self: start;
}

#w-node-_292049cd-b0b9-bcdd-223a-1a842cb461f4-0c4b6f51 {
    grid-area: 1 / 4 / 2 / 5;
    align-self: end;
    justify-self: end;
}

#w-node-_292049cd-b0b9-bcdd-223a-1a842cb461ff-0c4b6f51 {
    grid-area: 1 / 2 / 2 / 3;
}

#w-node-_292049cd-b0b9-bcdd-223a-1a842cb46200-0c4b6f51 {
    grid-area: 1 / 1 / 2 / 3;
}

#w-node-_292049cd-b0b9-bcdd-223a-1a842cb46201-0c4b6f51 {
    justify-self: start;
}

#w-node-_292049cd-b0b9-bcdd-223a-1a842cb46203-0c4b6f51 {
    align-self: start;
}

#w-node-_292049cd-b0b9-bcdd-223a-1a842cb46241-0c4b6f51,
#w-node-_292049cd-b0b9-bcdd-223a-1a842cb46246-0c4b6f51,
#Email-4.w-node-_292049cd-b0b9-bcdd-223a-1a842cb46248-0c4b6f51,
#w-node-_292049cd-b0b9-bcdd-223a-1a842cb4624a-0c4b6f51,
#Phone.w-node-_292049cd-b0b9-bcdd-223a-1a842cb4624c-0c4b6f51 {
    grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_292049cd-b0b9-bcdd-223a-1a842cb4624d-0c4b6f51 {
    justify-self: stretch;
}

#w-node-_621af456-ea56-afd4-8a94-02e098ed495f-0c4b6f51 {
    grid-area: 1 / 2 / 2 / 3;
}

#w-node-_621af456-ea56-afd4-8a94-02e098ed4960-0c4b6f51 {
    grid-area: 1 / 1 / 2 / 3;
}

#w-node-_024a0a9a-237c-8369-6abe-68f72ca5fc4a-0c4b6f51 {
    align-self: start;
}

#w-node-_024a0a9a-237c-8369-6abe-68f72ca5fc4b-0c4b6f51 {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_024a0a9a-237c-8369-6abe-68f72ca5fc52-0c4b6f51 {
    align-self: start;
}

#w-node-_024a0a9a-237c-8369-6abe-68f72ca5fc55-0c4b6f51 {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_024a0a9a-237c-8369-6abe-68f72ca5fc57-0c4b6f51 {
    align-self: start;
}

#w-node-_024a0a9a-237c-8369-6abe-68f72ca5fc5a-0c4b6f51 {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_024a0a9a-237c-8369-6abe-68f72ca5fcf4-0c4b6f51 {
    grid-area: 1 / 1 / 2 / 2;
    align-self: start;
    justify-self: start;
}

#w-node-_024a0a9a-237c-8369-6abe-68f72ca5fcf6-0c4b6f51 {
    grid-area: 2 / 1 / 3 / 2;
    align-self: stretch;
    justify-self: end;
}

#w-node-_024a0a9a-237c-8369-6abe-68f72ca5fcfd-0c4b6f51 {
    grid-area: 1 / 1 / 2 / 2;
    align-self: start;
    justify-self: start;
}

#w-node-_024a0a9a-237c-8369-6abe-68f72ca5fcff-0c4b6f51 {
    grid-area: 2 / 1 / 3 / 2;
    align-self: stretch;
    justify-self: end;
}

#w-node-d4529d89-7c10-11ae-ec7c-838e24dda837-0c4b6f51 {
    grid-area: 1 / 2 / 2 / 3;
}

#w-node-_0105eeb5-4dd9-d7af-8d7b-5259adb6066e-0c4b6f51,
#w-node-_0105eeb5-4dd9-d7af-8d7b-5259adb60673-0c4b6f51,
#w-node-_0105eeb5-4dd9-d7af-8d7b-5259adb6067c-0c4b6f51,
#w-node-_0105eeb5-4dd9-d7af-8d7b-5259adb60685-0c4b6f51,
#w-node-_4f63a473-38dd-d52d-7185-d72b5cffa766-0c4b6f67,
#w-node-_4f63a473-38dd-d52d-7185-d72b5cffa76b-0c4b6f67,
#w-node-_4f63a473-38dd-d52d-7185-d72b5cffa774-0c4b6f67,
#w-node-_4f63a473-38dd-d52d-7185-d72b5cffa77d-0c4b6f67 {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_3f20f01f-98ec-4f41-b49a-389de9e0804b-0c4b6f68 {
    grid-area: 1 / 2 / 2 / 3;
}

#w-node-_3f20f01f-98ec-4f41-b49a-389de9e0804c-0c4b6f68 {
    grid-area: span 1 / span 2 / span 1 / span 2;
    align-self: center;
    justify-self: start;
}

#w-node-_4bcdde49-c517-8239-88a6-9a62d501e9e3-0c4b6f68 {
    grid-area: 1 / 1 / 2 / 2;
}

#w-node-_3f20f01f-98ec-4f41-b49a-389de9e0805c-0c4b6f68 {
    grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_3f20f01f-98ec-4f41-b49a-389de9e08018-0c4b6f68 {
    align-self: center;
}

#w-node-_3f20f01f-98ec-4f41-b49a-389de9e0801c-0c4b6f68 {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_3f20f01f-98ec-4f41-b49a-389de9e08023-0c4b6f68 {
    align-self: center;
}

#w-node-_3f20f01f-98ec-4f41-b49a-389de9e08027-0c4b6f68 {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_3f20f01f-98ec-4f41-b49a-389de9e08032-0c4b6f68 {
    align-self: center;
}

#w-node-_3f20f01f-98ec-4f41-b49a-389de9e08036-0c4b6f68 {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_3f20f01f-98ec-4f41-b49a-389de9e08041-0c4b6f68 {
    align-self: center;
}

#w-node-_3f20f01f-98ec-4f41-b49a-389de9e08045-0c4b6f68 {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-bee6d6fd-77b4-53d1-7b04-79c4ec0fa720-0c4b6f68 {
    grid-area: 1 / 2 / 2 / 4;
}

#w-node-bee6d6fd-77b4-53d1-7b04-79c4ec0fa73c-0c4b6f68 {
    grid-area: 1 / 1 / 2 / 3;
}

#w-node-f151fde2-949e-9cd9-3e19-04933cd0d48e-0c4b6f68 {
    grid-area: 1 / 2 / 2 / 3;
}

#w-node-f151fde2-949e-9cd9-3e19-04933cd0d48f-0c4b6f68 {
    grid-area: 1 / 1 / 2 / 5;
    justify-self: stretch;
}

#w-node-_70602f60-4925-a898-e9a3-9abdea901aee-0c4b6f68,
#w-node-_186c3158-8182-9460-1446-f8e9caca80e8-0c4b6f68,
#w-node-_186c3158-8182-9460-1446-f8e9caca80eb-0c4b6f68,
#w-node-_186c3158-8182-9460-1446-f8e9caca80f0-0c4b6f68,
#w-node-_186c3158-8182-9460-1446-f8e9caca80f5-0c4b6f68 {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-f1cb0993-ea7c-cc05-7bd4-116abee6b06d-0c4b6f68,
#w-node-_8bb6021e-2d37-1f99-1785-70773725b7e8-0c4b6f68 {
    grid-area: 1 / 2 / 2 / 3;
}

#w-node-_8bb6021e-2d37-1f99-1785-70773725b7e9-0c4b6f68 {
    grid-area: 1 / 1 / 2 / 2;
}

#w-node-_8bb6021e-2d37-1f99-1785-70773725b7ea-0c4b6f68,
#w-node-_8bb6021e-2d37-1f99-1785-70773725b7eb-0c4b6f68,
#w-node-_8bb6021e-2d37-1f99-1785-70773725b7ec-0c4b6f68,
#w-node-b591cb4b-55f6-afc3-da83-e6ef58c476ce-0c4b6f68 {
    align-self: start;
}

#w-node-_8ef95f79-dcaa-aed9-00d3-a1d2eaab60ef-0c4b6f87 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    align-self: center;
}

#w-node-_0af9eaca-95f9-daba-c324-e1ac69fae874-0c4b6f87 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    align-self: start;
    justify-self: start;
}

#w-node-_0af9eaca-95f9-daba-c324-e1ac69fae876-0c4b6f87 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    justify-self: start;
}

#w-node-_0af9eaca-95f9-daba-c324-e1ac69fae877-0c4b6f87 {
    grid-area: 1 / 1 / 3 / 2;
}

#w-node-_0af9eaca-95f9-daba-c324-e1ac69fae879-0c4b6f87 {
    grid-area: 2 / 2 / 3 / 3;
}

#w-node-_0af9eaca-95f9-daba-c324-e1ac69fae87e-0c4b6f87 {
    align-self: stretch;
}

#w-node-_0af9eaca-95f9-daba-c324-e1ac69fae886-0c4b6f87,
#w-node-_0af9eaca-95f9-daba-c324-e1ac69fae899-0c4b6f87,
#w-node-_0af9eaca-95f9-daba-c324-e1ac69fae8ac-0c4b6f87,
#w-node-_0af9eaca-95f9-daba-c324-e1ac69fae8bf-0c4b6f87 {
    align-self: end;
}

#w-node-_7af28ca8-6052-5aeb-49a4-5ad19bf45dd9-0c4b6f87 {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-c61bddb7-0f71-f9c4-49a9-9e262be3ea98-0c4b6f87 {
    grid-area: 1 / 2 / 2 / 3;
}

#w-node-_8206aced-fc59-4b0a-f3c8-1fe7d3b37371-0c4b6f87,
#w-node-_8206aced-fc59-4b0a-f3c8-1fe7d3b37376-0c4b6f87,
#w-node-_8206aced-fc59-4b0a-f3c8-1fe7d3b3737f-0c4b6f87,
#w-node-_8206aced-fc59-4b0a-f3c8-1fe7d3b37388-0c4b6f87,
#w-node-afb2f08a-64bf-aaee-8689-7ae166264482-0c4b6f87,
#w-node-afb2f08a-64bf-aaee-8689-7ae166264483-0c4b6f87,
#w-node-fe9ad118-2968-16f4-f473-fcc688531e80-0c4b6f87,
#w-node-fe9ad118-2968-16f4-f473-fcc688531e81-0c4b6f87 {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-fe9ad118-2968-16f4-f473-fcc688531e86-0c4b6f87 {
    grid-area: 1 / 1 / 2 / 2;
}

#w-node-c7c8806f-5935-a2f9-c232-715f7f117d7a-0c4b6f87,
#w-node-c7c8806f-5935-a2f9-c232-715f7f117d7b-0c4b6f87,
#w-node-_50c4729b-df78-8cd5-c61c-844892e2ceec-0c4b6f87,
#w-node-_50c4729b-df78-8cd5-c61c-844892e2ceed-0c4b6f87 {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_50c4729b-df78-8cd5-c61c-844892e2cef2-0c4b6f87 {
    grid-area: 1 / 1 / 2 / 2;
}

#w-node-_40eb9570-8ade-ddde-cef9-28b63f16cdcf-0c4b6f87,
#w-node-_40eb9570-8ade-ddde-cef9-28b63f16cdd0-0c4b6f87,
#w-node-be5e548d-0450-8e9d-0741-1a14b6dd5cf2-0c4b6f87,
#w-node-be5e548d-0450-8e9d-0741-1a14b6dd5cf3-0c4b6f87 {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-be5e548d-0450-8e9d-0741-1a14b6dd5cf8-0c4b6f87 {
    grid-area: 1 / 1 / 2 / 2;
}

#w-node-_433a460a-fc0b-7add-19f0-474718dd1ee0-0c4b6f87,
#w-node-_433a460a-fc0b-7add-19f0-474718dd1ee1-0c4b6f87,
#w-node-_433a460a-fc0b-7add-19f0-474718dd1ef6-0c4b6f87,
#w-node-_433a460a-fc0b-7add-19f0-474718dd1ef7-0c4b6f87 {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_433a460a-fc0b-7add-19f0-474718dd1efc-0c4b6f87 {
    grid-area: 1 / 1 / 2 / 2;
}

#w-node-_433a460a-fc0b-7add-19f0-474718dd1f0c-0c4b6f87,
#w-node-_433a460a-fc0b-7add-19f0-474718dd1f0d-0c4b6f87,
#w-node-_433a460a-fc0b-7add-19f0-474718dd1f22-0c4b6f87,
#w-node-_433a460a-fc0b-7add-19f0-474718dd1f23-0c4b6f87 {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_433a460a-fc0b-7add-19f0-474718dd1f28-0c4b6f87 {
    grid-area: 1 / 1 / 2 / 2;
}

#w-node-_433a460a-fc0b-7add-19f0-474718dd1f38-0c4b6f87,
#w-node-_433a460a-fc0b-7add-19f0-474718dd1f39-0c4b6f87,
#w-node-_433a460a-fc0b-7add-19f0-474718dd1f4e-0c4b6f87,
#w-node-_433a460a-fc0b-7add-19f0-474718dd1f4f-0c4b6f87 {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_433a460a-fc0b-7add-19f0-474718dd1f54-0c4b6f87 {
    grid-area: 1 / 1 / 2 / 2;
}

#w-node-_336e6be1-f62b-031a-8196-2e0e6e3e75ae-0c4b6f87,
#w-node-_336e6be1-f62b-031a-8196-2e0e6e3e75af-0c4b6f87 {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_336e6be1-f62b-031a-8196-2e0e6e3e75b4-0c4b6f87 {
    grid-area: 1 / 1 / 2 / 2;
}

#w-node-_336e6be1-f62b-031a-8196-2e0e6e3e7598-0c4b6f87,
#w-node-_336e6be1-f62b-031a-8196-2e0e6e3e7599-0c4b6f87,
#w-node-_336e6be1-f62b-031a-8196-2e0e6e3e75da-0c4b6f87,
#w-node-_336e6be1-f62b-031a-8196-2e0e6e3e75db-0c4b6f87 {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_336e6be1-f62b-031a-8196-2e0e6e3e75e0-0c4b6f87 {
    grid-area: 1 / 1 / 2 / 2;
}

#w-node-_336e6be1-f62b-031a-8196-2e0e6e3e75c4-0c4b6f87,
#w-node-_336e6be1-f62b-031a-8196-2e0e6e3e75c5-0c4b6f87,
#w-node-_336e6be1-f62b-031a-8196-2e0e6e3e7606-0c4b6f87,
#w-node-_336e6be1-f62b-031a-8196-2e0e6e3e7607-0c4b6f87 {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_336e6be1-f62b-031a-8196-2e0e6e3e760c-0c4b6f87 {
    grid-area: 1 / 1 / 2 / 2;
}

#w-node-_336e6be1-f62b-031a-8196-2e0e6e3e761c-0c4b6f87,
#w-node-_336e6be1-f62b-031a-8196-2e0e6e3e761d-0c4b6f87,
#w-node-eb7aea35-2a66-a490-aadd-6c37dc7bf9c4-0c4b6f87,
#w-node-eb7aea35-2a66-a490-aadd-6c37dc7bf9c5-0c4b6f87 {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-eb7aea35-2a66-a490-aadd-6c37dc7bf9ca-0c4b6f87 {
    grid-area: 1 / 1 / 2 / 2;
}

#w-node-eb7aea35-2a66-a490-aadd-6c37dc7bf9da-0c4b6f87,
#w-node-eb7aea35-2a66-a490-aadd-6c37dc7bf9db-0c4b6f87,
#w-node-eb7aea35-2a66-a490-aadd-6c37dc7bf9f0-0c4b6f87,
#w-node-eb7aea35-2a66-a490-aadd-6c37dc7bf9f1-0c4b6f87 {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-eb7aea35-2a66-a490-aadd-6c37dc7bf9f6-0c4b6f87 {
    grid-area: 1 / 1 / 2 / 2;
}

#w-node-eb7aea35-2a66-a490-aadd-6c37dc7bfa06-0c4b6f87,
#w-node-eb7aea35-2a66-a490-aadd-6c37dc7bfa07-0c4b6f87,
#w-node-eb7aea35-2a66-a490-aadd-6c37dc7bfa1c-0c4b6f87,
#w-node-eb7aea35-2a66-a490-aadd-6c37dc7bfa1d-0c4b6f87 {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-eb7aea35-2a66-a490-aadd-6c37dc7bfa22-0c4b6f87 {
    grid-area: 1 / 1 / 2 / 2;
}

#w-node-eb7aea35-2a66-a490-aadd-6c37dc7bfa32-0c4b6f87,
#w-node-eb7aea35-2a66-a490-aadd-6c37dc7bfa33-0c4b6f87 {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_9b2197fc-673a-baa3-0eaa-3f02d6c8b969-0c4b6f87 {
    align-self: center;
}

#w-node-_9b2197fc-673a-baa3-0eaa-3f02d6c8b96d-0c4b6f87 {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_9b2197fc-673a-baa3-0eaa-3f02d6c8b973-0c4b6f87 {
    align-self: center;
}

#w-node-_9b2197fc-673a-baa3-0eaa-3f02d6c8b977-0c4b6f87 {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_9b2197fc-673a-baa3-0eaa-3f02d6c8b980-0c4b6f87 {
    align-self: center;
}

#w-node-_9b2197fc-673a-baa3-0eaa-3f02d6c8b984-0c4b6f87 {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_9b2197fc-673a-baa3-0eaa-3f02d6c8b98d-0c4b6f87 {
    align-self: center;
}

#w-node-_9b2197fc-673a-baa3-0eaa-3f02d6c8b991-0c4b6f87 {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_0af9eaca-95f9-daba-c324-e1ac69fae83a-0c4b6f87 {
    grid-area: 2 / 1 / 3 / 2;
}

#w-node-_0af9eaca-95f9-daba-c324-e1ac69fae83d-0c4b6f87 {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_0af9eaca-95f9-daba-c324-e1ac69fae83e-0c4b6f87 {
    grid-area: 1 / 1 / 2 / 3;
}

#w-node-_0af9eaca-95f9-daba-c324-e1ac69fae841-0c4b6f87 {
    grid-area: 2 / 1 / 3 / 2;
}

#w-node-_0af9eaca-95f9-daba-c324-e1ac69fae844-0c4b6f87 {
    grid-area: 2 / 2 / 4 / 3;
    align-self: end;
}

#w-node-_0af9eaca-95f9-daba-c324-e1ac69fae847-0c4b6f87 {
    grid-area: 3 / 1 / 5 / 2;
}

#w-node-_0af9eaca-95f9-daba-c324-e1ac69fae85b-0c4b6f87 {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_0af9eaca-95f9-daba-c324-e1ac69fae85c-0c4b6f87 {
    grid-area: 1 / 1 / 2 / 3;
    justify-self: end;
}

#w-node-_0af9eaca-95f9-daba-c324-e1ac69fae85f-0c4b6f87 {
    grid-area: 1 / 1 / 3 / 3;
    align-self: end;
    justify-self: center;
}

#w-node-_0af9eaca-95f9-daba-c324-e1ac69fae862-0c4b6f87 {
    grid-area: 3 / 1 / 4 / 3;
    justify-self: center;
}

#w-node-_0af9eaca-95f9-daba-c324-e1ac69fae865-0c4b6f87 {
    grid-area: 4 / 1 / 5 / 2;
}

#w-node-_1f920d93-f85f-4eea-a0fe-2219d8ded7fc-0c4b6f8e {
    align-self: center;
}

#w-node-_1f920d93-f85f-4eea-a0fe-2219d8ded800-0c4b6f8e {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_1f920d93-f85f-4eea-a0fe-2219d8ded806-0c4b6f8e {
    align-self: center;
}

#w-node-_1f920d93-f85f-4eea-a0fe-2219d8ded80a-0c4b6f8e {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_1f920d93-f85f-4eea-a0fe-2219d8ded813-0c4b6f8e {
    align-self: center;
}

#w-node-_1f920d93-f85f-4eea-a0fe-2219d8ded817-0c4b6f8e {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_1f920d93-f85f-4eea-a0fe-2219d8ded820-0c4b6f8e {
    align-self: center;
}

#w-node-_1f920d93-f85f-4eea-a0fe-2219d8ded824-0c4b6f8e {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_1f920d93-f85f-4eea-a0fe-2219d8ded7d4-0c4b6f8e {
    grid-area: 1 / 2 / 2 / 3;
}

#w-node-_1f920d93-f85f-4eea-a0fe-2219d8ded7d5-0c4b6f8e {
    grid-area: span 1 / span 2 / span 1 / span 2;
    align-self: center;
    justify-self: start;
}

#w-node-_1f920d93-f85f-4eea-a0fe-2219d8ded7d6-0c4b6f8e {
    grid-area: 1 / 1 / 2 / 2;
}

#w-node-_1f920d93-f85f-4eea-a0fe-2219d8ded7f1-0c4b6f8e {
    grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_654c973b-e8fe-8bd3-e65c-c3587baf7908-0c4b6f8e {
    grid-area: 1 / 1 / 2 / 2;
    align-self: start;
    justify-self: start;
}

#w-node-_654c973b-e8fe-8bd3-e65c-c3587baf790a-0c4b6f8e {
    grid-area: 2 / 1 / 3 / 2;
    align-self: stretch;
    justify-self: end;
}

#w-node-_09a92649-4f7d-986d-bcaa-7998bcd379f3-0c4b6f8e {
    grid-area: 1 / 1 / 2 / 3;
}

#w-node-e5c8d565-d1ae-c7df-9ded-f649b714e7ea-0c4b6f8e,
#w-node-aa236f7f-8b9e-2b2d-a7ce-61f4f48f386c-0c4b6f8e {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4e815bc9-4c77-5175-98dc-647a3abf3bc4-0c4b6f8e {
    grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_1f920d93-f85f-4eea-a0fe-2219d8ded832-0c4b6f8e {
    grid-area: 1 / 2 / 2 / 4;
}

#w-node-_1f920d93-f85f-4eea-a0fe-2219d8ded857-0c4b6f8e {
    grid-area: 1 / 1 / 2 / 3;
}

#w-node-d2f30626-4369-211f-2e2b-4c7c68dfba60-0c4b6f8e,
#w-node-_8d70254c-ccab-7cfb-d6ea-fae04174e08e-0c4b6f8e,
#w-node-_6a6817a7-5cc8-4d4c-a3e1-8615e0e63988-0c4b6f8e,
#w-node-_6f63bc22-4efb-985a-7c37-dda8d896719d-0c4b6f8e,
#w-node-d1776458-e11c-f8b6-2589-baaace104612-0c4b6f8e,
#w-node-_8b27f9da-462c-5027-0e1b-192553b5887c-0c4b6f8e,
#w-node-_65b2d77e-ce03-3778-1efe-44456efc3bcc-0c4b6f8e,
#w-node-_65b2d77e-ce03-3778-1efe-44456efc3bd0-0c4b6f8e {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_65b2d77e-ce03-3778-1efe-44456efc3bc3-0c4b6f8e {
    align-self: stretch;
}

#w-node-_65b2d77e-ce03-3778-1efe-44456efc3bc6-0c4b6f8e,
#w-node-_65b2d77e-ce03-3778-1efe-44456efc3bc5-0c4b6f8e,
#w-node-_5d55db0f-b69d-8ef1-124e-d0457553359a-0c4b6f8e,
#w-node-_5d55db0f-b69d-8ef1-124e-d0457553359f-0c4b6f8e,
#w-node-_5d55db0f-b69d-8ef1-124e-d045755335a8-0c4b6f8e,
#w-node-_5d55db0f-b69d-8ef1-124e-d045755335b1-0c4b6f8e {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_22f1fb49-70a8-ecf6-69da-4fe98c1907d6-0c4b6f8f {
    grid-area: 2 / 2 / 4 / 3;
    align-self: end;
    justify-self: end;
}

#w-node-_22f1fb49-70a8-ecf6-69da-4fe98c1907d9-0c4b6f8f {
    grid-area: 2 / 2 / 3 / 3;
    justify-self: start;
}

#w-node-_22f1fb49-70a8-ecf6-69da-4fe98c1907e6-0c4b6f8f {
    grid-area: 1 / 3 / 4 / 4;
}

#w-node-_22f1fb49-70a8-ecf6-69da-4fe98c1907e7-0c4b6f8f {
    grid-area: 3 / 2 / 4 / 3;
}

#w-node-_19653aa5-16b4-cb63-45ec-7cb2cd0beeb3-0c4b6f8f {
    align-self: center;
    justify-self: end;
}

#w-node-_22f1fb49-70a8-ecf6-69da-4fe98c1907ee-0c4b6f8f {
    grid-area: 3 / 1 / 4 / 2;
}

#w-node-_0ec456b7-473a-cf84-c310-2a58dbcbf002-0c4b6f8f {
    align-self: start;
}

#w-node-_0ec456b7-473a-cf84-c310-2a58dbcbf003-0c4b6f8f {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_0ec456b7-473a-cf84-c310-2a58dbcbf008-0c4b6f8f {
    align-self: start;
}

#w-node-_0ec456b7-473a-cf84-c310-2a58dbcbf00b-0c4b6f8f {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_0ec456b7-473a-cf84-c310-2a58dbcbf00d-0c4b6f8f {
    align-self: start;
}

#w-node-_0ec456b7-473a-cf84-c310-2a58dbcbf010-0c4b6f8f {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_7e9c8cbf-2894-b654-4f0e-667e97955388-0c4b6f8f {
    grid-area: 1 / 1 / 2 / 2;
    align-self: start;
    justify-self: start;
}

#w-node-_7e9c8cbf-2894-b654-4f0e-667e9795538a-0c4b6f8f {
    grid-area: 2 / 1 / 3 / 2;
    align-self: stretch;
    justify-self: end;
}

#w-node-_7e9c8cbf-2894-b654-4f0e-667e97955391-0c4b6f8f {
    grid-area: 1 / 1 / 2 / 2;
    align-self: start;
    justify-self: start;
}

#w-node-_7e9c8cbf-2894-b654-4f0e-667e97955393-0c4b6f8f {
    grid-area: 2 / 1 / 3 / 2;
    align-self: stretch;
    justify-self: end;
}

#w-node-_75f88e16-0c41-f2bf-63a5-ef5412267cb5-0c4b6f8f {
    align-self: center;
}

#w-node-_75f88e16-0c41-f2bf-63a5-ef5412267cb9-0c4b6f8f {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_75f88e16-0c41-f2bf-63a5-ef5412267cbf-0c4b6f8f {
    align-self: center;
}

#w-node-_75f88e16-0c41-f2bf-63a5-ef5412267cc3-0c4b6f8f {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_75f88e16-0c41-f2bf-63a5-ef5412267ccc-0c4b6f8f {
    align-self: center;
}

#w-node-_75f88e16-0c41-f2bf-63a5-ef5412267cd0-0c4b6f8f {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_75f88e16-0c41-f2bf-63a5-ef5412267cd9-0c4b6f8f {
    align-self: center;
}

#w-node-_75f88e16-0c41-f2bf-63a5-ef5412267cdd-0c4b6f8f {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_75f88e16-0c41-f2bf-63a5-ef5412267ce2-0c4b6f8f {
    grid-area: 1 / 2 / 2 / 3;
}

#w-node-_75f88e16-0c41-f2bf-63a5-ef5412267ce3-0c4b6f8f {
    grid-area: span 1 / span 2 / span 1 / span 2;
    align-self: center;
    justify-self: start;
}

#w-node-_75f88e16-0c41-f2bf-63a5-ef5412267ce4-0c4b6f8f {
    grid-area: 1 / 1 / 2 / 2;
}

#w-node-_75f88e16-0c41-f2bf-63a5-ef5412267cff-0c4b6f8f {
    grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_75f88e16-0c41-f2bf-63a5-ef5412267d0a-0c4b6f8f {
    grid-area: 1 / 1 / 2 / 2;
    align-self: start;
    justify-self: start;
}

#w-node-_75f88e16-0c41-f2bf-63a5-ef5412267d0c-0c4b6f8f {
    grid-area: 2 / 1 / 3 / 2;
    align-self: stretch;
    justify-self: end;
}

#w-node-_58784907-6769-f2e6-74d5-45e32cb6a342-0c4b6f8f {
    grid-area: span 1 / span 1 / span 1 / span 1;
    align-self: stretch;
    justify-self: start;
}

#w-node-_58784907-6769-f2e6-74d5-45e32cb6a343-0c4b6f8f {
    align-self: stretch;
}

#w-node-_58784907-6769-f2e6-74d5-45e32cb6a353-0c4b6f8f {
    grid-area: span 1 / span 1 / span 1 / span 1;
    justify-self: center;
}

#w-node-_58784907-6769-f2e6-74d5-45e32cb6a35e-0c4b6f8f,
#w-node-_58784907-6769-f2e6-74d5-45e32cb6a36d-0c4b6f8f,
#w-node-_58784907-6769-f2e6-74d5-45e32cb6a37c-0c4b6f8f {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-e4a9d8aa-ea0d-5454-e072-edd729f5c05c-0c4b6f8f {
    grid-area: 1 / 2 / 2 / 3;
}

#w-node-e4a9d8aa-ea0d-5454-e072-edd729f5c05d-0c4b6f8f {
    grid-area: 1 / 1 / 2 / 2;
}

#w-node-e4a9d8aa-ea0d-5454-e072-edd729f5c05e-0c4b6f8f,
#w-node-e4a9d8aa-ea0d-5454-e072-edd729f5c05f-0c4b6f8f,
#w-node-e4a9d8aa-ea0d-5454-e072-edd729f5c060-0c4b6f8f,
#w-node-e4a9d8aa-ea0d-5454-e072-edd729f5c085-0c4b6f8f {
    align-self: start;
}

#w-node-_944e03b6-2f45-c8a7-3d46-82944039bc2b-0c4b6f8f {
    grid-area: 1 / 2 / 2 / 4;
}

#w-node-_944e03b6-2f45-c8a7-3d46-82944039bc2c-0c4b6f8f {
    grid-area: 1 / 3 / 2 / 5;
}

#w-node-_944e03b6-2f45-c8a7-3d46-82944039bc34-0c4b6f8f {
    grid-area: span 1 / span 2 / span 1 / span 2;
    justify-self: start;
}

#w-node-_8e7a2078-dfa4-60f2-e412-782eb4642cd0-0c4b6f8f {
    grid-area: 1 / 2 / 2 / 4;
}

#w-node-_8e7a2078-dfa4-60f2-e412-782eb4642cd9-0c4b6f8f {
    justify-self: start;
}

#w-node-_235d548e-3faf-9b9e-cd47-7e0599b68a9a-0c4b6f8f {
    grid-area: 2 / 1 / 3 / 2;
}

#w-node-_235d548e-3faf-9b9e-cd47-7e0599b68a9d-0c4b6f8f {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_235d548e-3faf-9b9e-cd47-7e0599b68a9e-0c4b6f8f {
    grid-area: 1 / 1 / 2 / 3;
}

#w-node-_235d548e-3faf-9b9e-cd47-7e0599b68aa1-0c4b6f8f {
    grid-area: 2 / 1 / 3 / 2;
}

#w-node-_235d548e-3faf-9b9e-cd47-7e0599b68aa4-0c4b6f8f {
    grid-area: 2 / 2 / 4 / 3;
    align-self: end;
}

#w-node-_235d548e-3faf-9b9e-cd47-7e0599b68aa7-0c4b6f8f {
    grid-area: 3 / 1 / 5 / 2;
}

#w-node-_235d548e-3faf-9b9e-cd47-7e0599b68ac0-0c4b6f8f {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_235d548e-3faf-9b9e-cd47-7e0599b68ac1-0c4b6f8f {
    grid-area: 1 / 1 / 2 / 3;
    justify-self: end;
}

#w-node-_235d548e-3faf-9b9e-cd47-7e0599b68ac4-0c4b6f8f {
    grid-area: 1 / 1 / 3 / 3;
    align-self: end;
    justify-self: center;
}

#w-node-_235d548e-3faf-9b9e-cd47-7e0599b68ac7-0c4b6f8f {
    grid-area: 3 / 1 / 4 / 3;
    justify-self: center;
}

#w-node-_235d548e-3faf-9b9e-cd47-7e0599b68aca-0c4b6f8f {
    grid-area: 4 / 1 / 5 / 2;
}

#w-node-d1db7525-2e31-52d5-3fbf-35b1f580cf7e-0c4b6f90 {
    align-self: start;
}

#w-node-d1db7525-2e31-52d5-3fbf-35b1f580cf7f-0c4b6f90 {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d1db7525-2e31-52d5-3fbf-35b1f580cf86-0c4b6f90 {
    align-self: start;
}

#w-node-d1db7525-2e31-52d5-3fbf-35b1f580cf89-0c4b6f90 {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-f88467f6-ed44-81f0-e12f-ec6c6df1d476-0c4b6f90 {
    justify-self: start;
}

#w-node-d1db7525-2e31-52d5-3fbf-35b1f580cf8b-0c4b6f90 {
    align-self: start;
}

#w-node-d1db7525-2e31-52d5-3fbf-35b1f580cf8e-0c4b6f90 {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-adb52c18-e21a-70e2-db0e-fa4ce40370b6-0c4b6f90 {
    justify-self: start;
}

#w-node-_2c4417c7-449b-fc4b-4b19-7a76cd66b63b-0c4b6f90 {
    align-self: center;
}

#w-node-_2c4417c7-449b-fc4b-4b19-7a76cd66b63f-0c4b6f90 {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_2c4417c7-449b-fc4b-4b19-7a76cd66b645-0c4b6f90 {
    align-self: center;
}

#w-node-_2c4417c7-449b-fc4b-4b19-7a76cd66b649-0c4b6f90 {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_2c4417c7-449b-fc4b-4b19-7a76cd66b652-0c4b6f90 {
    align-self: center;
}

#w-node-_2c4417c7-449b-fc4b-4b19-7a76cd66b656-0c4b6f90 {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_2c4417c7-449b-fc4b-4b19-7a76cd66b65f-0c4b6f90 {
    align-self: center;
}

#w-node-_2c4417c7-449b-fc4b-4b19-7a76cd66b663-0c4b6f90 {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_2c4417c7-449b-fc4b-4b19-7a76cd66b668-0c4b6f90 {
    grid-area: 1 / 2 / 2 / 3;
}

#w-node-_2c4417c7-449b-fc4b-4b19-7a76cd66b669-0c4b6f90 {
    grid-area: span 1 / span 2 / span 1 / span 2;
    align-self: center;
    justify-self: start;
}

#w-node-_2c4417c7-449b-fc4b-4b19-7a76cd66b66a-0c4b6f90 {
    grid-area: 1 / 1 / 2 / 2;
}

#w-node-_2c4417c7-449b-fc4b-4b19-7a76cd66b685-0c4b6f90,
#w-node-df85355d-930b-9b66-394a-b9e3baa7ffee-0c4b6f90 {
    grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_3ae57458-8270-3b09-edf5-a34fa3f1af85-0c4b6f90,
#w-node-_3ae57458-8270-3b09-edf5-a34fa3f1af8e-0c4b6f90 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    align-self: end;
}

#w-node-_3ae57458-8270-3b09-edf5-a34fa3f1af97-0c4b6f90 {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_3ae57458-8270-3b09-edf5-a34fa3f1af9b-0c4b6f90 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    align-self: center;
}

#w-node-_3ae57458-8270-3b09-edf5-a34fa3f1af9c-0c4b6f90 {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_3ae57458-8270-3b09-edf5-a34fa3f1afa9-0c4b6f90 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    align-self: end;
}

#w-node-_3ae57458-8270-3b09-edf5-a34fa3f1afb4-0c4b6f90 {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_3ae57458-8270-3b09-edf5-a34fa3f1afb8-0c4b6f90 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    align-self: center;
}

#w-node-_3ae57458-8270-3b09-edf5-a34fa3f1afb9-0c4b6f90 {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_3ae57458-8270-3b09-edf5-a34fa3f1afc6-0c4b6f90 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    align-self: end;
}

#w-node-_3ae57458-8270-3b09-edf5-a34fa3f1afd1-0c4b6f90 {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_3ae57458-8270-3b09-edf5-a34fa3f1afd5-0c4b6f90 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    align-self: center;
}

#w-node-_3ae57458-8270-3b09-edf5-a34fa3f1afd6-0c4b6f90,
#w-node-da1e0d2e-d6fe-e627-3dc0-1e97d2f6820f-0c4b6f90,
#w-node-da1e0d2e-d6fe-e627-3dc0-1e97d2f68223-0c4b6f90,
#w-node-da1e0d2e-d6fe-e627-3dc0-1e97d2f68229-0c4b6f90,
#w-node-da1e0d2e-d6fe-e627-3dc0-1e97d2f6822a-0c4b6f90,
#w-node-da1e0d2e-d6fe-e627-3dc0-1e97d2f6823e-0c4b6f90,
#w-node-da1e0d2e-d6fe-e627-3dc0-1e97d2f68244-0c4b6f90,
#w-node-da1e0d2e-d6fe-e627-3dc0-1e97d2f68245-0c4b6f90,
#w-node-da1e0d2e-d6fe-e627-3dc0-1e97d2f68246-0c4b6f90,
#w-node-da1e0d2e-d6fe-e627-3dc0-1e97d2f68259-0c4b6f90,
#w-node-da1e0d2e-d6fe-e627-3dc0-1e97d2f6825f-0c4b6f90,
#w-node-da1e0d2e-d6fe-e627-3dc0-1e97d2f68260-0c4b6f90,
#w-node-da1e0d2e-d6fe-e627-3dc0-1e97d2f68274-0c4b6f90,
#w-node-da1e0d2e-d6fe-e627-3dc0-1e97d2f6827a-0c4b6f90,
#w-node-da1e0d2e-d6fe-e627-3dc0-1e97d2f6827b-0c4b6f90,
#w-node-da1e0d2e-d6fe-e627-3dc0-1e97d2f6828f-0c4b6f90,
#w-node-da1e0d2e-d6fe-e627-3dc0-1e97d2f68295-0c4b6f90,
#w-node-da1e0d2e-d6fe-e627-3dc0-1e97d2f68296-0c4b6f90,
#w-node-da1e0d2e-d6fe-e627-3dc0-1e97d2f682aa-0c4b6f90,
#w-node-da1e0d2e-d6fe-e627-3dc0-1e97d2f682b0-0c4b6f90,
#w-node-da1e0d2e-d6fe-e627-3dc0-1e97d2f682b1-0c4b6f90,
#w-node-da1e0d2e-d6fe-e627-3dc0-1e97d2f682c5-0c4b6f90,
#w-node-da1e0d2e-d6fe-e627-3dc0-1e97d2f682cb-0c4b6f90,
#w-node-da1e0d2e-d6fe-e627-3dc0-1e97d2f682cc-0c4b6f90,
#w-node-da1e0d2e-d6fe-e627-3dc0-1e97d2f682e0-0c4b6f90,
#w-node-c70ffe09-ffee-5190-5115-99e9133d06ca-0c4b6f90,
#w-node-c70ffe09-ffee-5190-5115-99e9133d06cc-0c4b6f90 {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-c70ffe09-ffee-5190-5115-99e9133d06e3-0c4b6f90 {
    align-self: stretch;
}

#w-node-c70ffe09-ffee-5190-5115-99e9133d06e6-0c4b6f90,
#w-node-c70ffe09-ffee-5190-5115-99e9133d06e9-0c4b6f90,
#w-node-_6dbd363a-5586-3ce5-bb00-fb33a25cf9a9-0c4b6f90,
#w-node-_6dbd363a-5586-3ce5-bb00-fb33a25cf9ae-0c4b6f90,
#w-node-_6dbd363a-5586-3ce5-bb00-fb33a25cf9b7-0c4b6f90,
#w-node-_6dbd363a-5586-3ce5-bb00-fb33a25cf9c0-0c4b6f90,
#w-node-_372136d8-e829-64ef-67e2-838d3299aaf5-0c4b6fa9,
#w-node-_3046d385-00ef-1a39-a240-eeadbd211d20-0c4b6fa9,
#w-node-f8dcdfff-88b2-174f-772a-e4e26476447c-0c4b6fa9,
#w-node-_2e780f7e-ddc2-b018-b89f-b3fe073d5c8c-0c4b6fa9,
#w-node-eb8980f7-9199-c034-d001-6a6bea2aa9dd-0c4b6fac,
#w-node-eb8980f7-9199-c034-d001-6a6bea2aa9f1-0c4b6fac,
#w-node-_70dc9d4e-d678-9498-d6d5-ef24a5f656ae-0c4b6fac,
#w-node-_70dc9d4e-d678-9498-d6d5-ef24a5f656c2-0c4b6fac,
#w-node-_8c44fea2-eed5-acf6-07e3-0fb13feef604-0c4b6fac,
#w-node-_8c44fea2-eed5-acf6-07e3-0fb13feef618-0c4b6fac {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-a76ded3e-91da-352f-c891-e72d2c61a5a3-0c4b6fac {
    grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_331346a3-a5c8-1e78-5555-71a4319472e3-0c4b6fac,
#w-node-_331346a3-a5c8-1e78-5555-71a4319472e4-0c4b6fac,
#w-node-_331346a3-a5c8-1e78-5555-71a4319472f8-0c4b6fac,
#w-node-_331346a3-a5c8-1e78-5555-71a4319472fe-0c4b6fac,
#w-node-_331346a3-a5c8-1e78-5555-71a4319472ff-0c4b6fac,
#w-node-_331346a3-a5c8-1e78-5555-71a431947300-0c4b6fac,
#w-node-_331346a3-a5c8-1e78-5555-71a431947313-0c4b6fac,
#w-node-_331346a3-a5c8-1e78-5555-71a431947319-0c4b6fac,
#w-node-_331346a3-a5c8-1e78-5555-71a43194731a-0c4b6fac,
#w-node-_331346a3-a5c8-1e78-5555-71a43194732e-0c4b6fac,
#w-node-_331346a3-a5c8-1e78-5555-71a431947334-0c4b6fac,
#w-node-_331346a3-a5c8-1e78-5555-71a431947335-0c4b6fac,
#w-node-_331346a3-a5c8-1e78-5555-71a431947349-0c4b6fac,
#w-node-_331346a3-a5c8-1e78-5555-71a43194734f-0c4b6fac,
#w-node-_331346a3-a5c8-1e78-5555-71a431947350-0c4b6fac,
#w-node-_331346a3-a5c8-1e78-5555-71a431947364-0c4b6fac,
#w-node-_331346a3-a5c8-1e78-5555-71a43194736a-0c4b6fac,
#w-node-_331346a3-a5c8-1e78-5555-71a43194736b-0c4b6fac,
#w-node-_331346a3-a5c8-1e78-5555-71a43194737f-0c4b6fac,
#w-node-_331346a3-a5c8-1e78-5555-71a431947385-0c4b6fac,
#w-node-_331346a3-a5c8-1e78-5555-71a431947386-0c4b6fac,
#w-node-_331346a3-a5c8-1e78-5555-71a43194739a-0c4b6fac,
#w-node-_331346a3-a5c8-1e78-5555-71a4319472c9-0c4b6fac,
#w-node-_331346a3-a5c8-1e78-5555-71a4319472dd-0c4b6fac,
#w-node-_03ea5fd0-a75e-91f7-af2e-0b684263f1b2-0c4b6fac,
#w-node-_03ea5fd0-a75e-91f7-af2e-0b684263f1b7-0c4b6fac,
#w-node-_03ea5fd0-a75e-91f7-af2e-0b684263f1c0-0c4b6fac,
#w-node-_03ea5fd0-a75e-91f7-af2e-0b684263f1c9-0c4b6fac,
#w-node-_5c212fd5-566f-f0c2-0499-4a655bbf7fbb-0c4b6faf,
#w-node-_45db966b-9a87-3f13-4338-f736aa1371c8-0c4b6faf,
#w-node-_45db966b-9a87-3f13-4338-f736aa1371cd-0c4b6faf,
#w-node-_45db966b-9a87-3f13-4338-f736aa1371d6-0c4b6faf,
#w-node-_45db966b-9a87-3f13-4338-f736aa1371df-0c4b6faf {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_45db966b-9a87-3f13-4338-f736aa1371e8-0c4b6faf {
    grid-area: 1 / 2 / 2 / 3;
}

#w-node-_88fab7cc-f622-127d-5a76-6c5ac3cc9f03-0c4b6fb2,
#w-node-_88fab7cc-f622-127d-5a76-6c5ac3cc9f08-0c4b6fb2,
#w-node-_88fab7cc-f622-127d-5a76-6c5ac3cc9f11-0c4b6fb2,
#w-node-_88fab7cc-f622-127d-5a76-6c5ac3cc9f1a-0c4b6fb2,
#w-node-_6a078d37-a03b-58b0-5746-bd390040e948-0c4b6fbd,
#w-node-_6a078d37-a03b-58b0-5746-bd390040e94a-0c4b6fbd,
#w-node-_6a078d37-a03b-58b0-5746-bd390040e94c-0c4b6fbd,
#w-node-_6a078d37-a03b-58b0-5746-bd390040e94e-0c4b6fbd,
#w-node-_6a078d37-a03b-58b0-5746-bd390040e950-0c4b6fbd,
#w-node-_6a078d37-a03b-58b0-5746-bd390040e953-0c4b6fbd,
#w-node-_6a078d37-a03b-58b0-5746-bd390040e955-0c4b6fbd,
#w-node-_6a078d37-a03b-58b0-5746-bd390040e957-0c4b6fbd,
#w-node-_6a078d37-a03b-58b0-5746-bd390040e959-0c4b6fbd,
#w-node-_6a078d37-a03b-58b0-5746-bd390040e95b-0c4b6fbd,
#w-node-b3f9b581-3ac1-be19-3148-92cc99d31239-0c4b6fbd,
#w-node-b3f9b581-3ac1-be19-3148-92cc99d3123e-0c4b6fbd,
#w-node-b3f9b581-3ac1-be19-3148-92cc99d31247-0c4b6fbd,
#w-node-b3f9b581-3ac1-be19-3148-92cc99d31250-0c4b6fbd,
#w-node-ab9e0bff-c516-3f07-6085-7f620125efa2-0c4b6fc0,
#w-node-ef1bea16-691b-54ab-a0d0-4bcbe9c18659-0c4b6fc0,
#w-node-ab9e0bff-c516-3f07-6085-7f620125efbd-0c4b6fc0,
#w-node-ab9e0bff-c516-3f07-6085-7f620125efd1-0c4b6fc0,
#w-node-ab9e0bff-c516-3f07-6085-7f620125efd8-0c4b6fc0,
#w-node-b82f0b1c-00a6-5bc9-8314-657134a648f8-0c4b6fc0,
#w-node-dc889414-e070-9732-048c-1e682397f8c2-0c4b6fc0,
#w-node-dc889414-e070-9732-048c-1e682397f8c8-0c4b6fc0,
#w-node-_08b347af-ad00-a5b1-a434-aaa5101f55ba-0c4b6fc0,
#w-node-_08b347af-ad00-a5b1-a434-aaa5101f55c0-0c4b6fc0,
#w-node-_254764b9-767a-1ca8-a101-91b7bfefa512-0c4b6fc0,
#w-node-_254764b9-767a-1ca8-a101-91b7bfefa518-0c4b6fc0,
#w-node-_2ce49c7d-ad31-11aa-8252-cdcb6fed0c28-0c4b6fc0,
#w-node-_2ce49c7d-ad31-11aa-8252-cdcb6fed0c2e-0c4b6fc0,
#w-node-ecf6df6a-cfe1-6325-295a-bccca4bdf4f8-0c4b6fc0,
#w-node-ecf6df6a-cfe1-6325-295a-bccca4bdf4fe-0c4b6fc0,
#w-node-_3d30a084-a10c-ea2f-e858-04021c1e7b54-0c4b6fc0,
#w-node-_3d30a084-a10c-ea2f-e858-04021c1e7b5a-0c4b6fc0 {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d7fb2ea4-6e9b-7431-00f6-7347e2ab74ae-0c4b6fc0 {
    grid-area: 1 / 2 / 2 / 3;
}

#w-node-bb8825d8-833d-85a1-589f-a60cb965ebc1-0c4b6fc0,
#w-node-bb8825d8-833d-85a1-589f-a60cb965ebc6-0c4b6fc0,
#w-node-bb8825d8-833d-85a1-589f-a60cb965ebcf-0c4b6fc0,
#w-node-bb8825d8-833d-85a1-589f-a60cb965ebd8-0c4b6fc0 {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_74df9f33-dde1-fdd8-43a5-893821a58897-a5fa358f {
    align-self: center;
}

#w-node-_74df9f33-dde1-fdd8-43a5-893821a5889b-a5fa358f {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_74df9f33-dde1-fdd8-43a5-893821a588ab-a5fa358f {
    align-self: center;
}

#w-node-_74df9f33-dde1-fdd8-43a5-893821a588af-a5fa358f {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_74df9f33-dde1-fdd8-43a5-893821a588c2-a5fa358f {
    align-self: center;
}

#w-node-_74df9f33-dde1-fdd8-43a5-893821a588c6-a5fa358f {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_74df9f33-dde1-fdd8-43a5-893821a588d9-a5fa358f {
    align-self: center;
}

#w-node-_74df9f33-dde1-fdd8-43a5-893821a588dd-a5fa358f {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-e87bbbfe-9d95-3e28-9472-faf0470f2ddf-a5fa358f {
    grid-area: 1 / 2 / 2 / 3;
    justify-self: stretch;
}

#w-node-e87bbbfe-9d95-3e28-9472-faf0470f2de0-a5fa358f {
    grid-area: 1 / 1 / 2 / 2;
    align-self: stretch;
}

#w-node-e87bbbfe-9d95-3e28-9472-faf0470f2de1-a5fa358f {
    align-self: end;
}

#w-node-e87bbbfe-9d95-3e28-9472-faf0470f2e13-a5fa358f,
#w-node-b90af193-b3d5-eaef-a6cc-e939b3e28bc0-a5fa358f {
    grid-area: 1 / 2 / 2 / 3;
}

#w-node-b90af193-b3d5-eaef-a6cc-e939b3e28bc1-a5fa358f {
    grid-area: span 1 / span 2 / span 1 / span 2;
    align-self: center;
    justify-self: start;
}

#w-node-b90af193-b3d5-eaef-a6cc-e939b3e28bc2-a5fa358f {
    grid-area: 1 / 1 / 2 / 2;
}

#w-node-b90af193-b3d5-eaef-a6cc-e939b3e28bdd-a5fa358f {
    grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-b90af193-b3d5-eaef-a6cc-e939b3e28be8-a5fa358f {
    grid-area: 1 / 1 / 2 / 2;
    align-self: start;
    justify-self: start;
}

#w-node-b90af193-b3d5-eaef-a6cc-e939b3e28bea-a5fa358f {
    grid-area: 2 / 1 / 3 / 2;
    align-self: stretch;
    justify-self: end;
}

#w-node-_51005717-b65b-f326-63c0-d74c456d0036-8c29e9ea {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_51005717-b65b-f326-63c0-d74c456d0037-8c29e9ea {
    align-self: end;
}

#w-node-_51005717-b65b-f326-63c0-d74c456d0038-8c29e9ea,
#w-node-_51005717-b65b-f326-63c0-d74c456d0039-8c29e9ea,
#w-node-_51005717-b65b-f326-63c0-d74c456d003d-8c29e9ea,
#w-node-_51005717-b65b-f326-63c0-d74c456d0043-8c29e9ea {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_2d81a594-0537-9028-1111-a261f85498a4-8c29e9ea {
    align-self: start;
}

#w-node-_2d81a594-0537-9028-1111-a261f85498a5-8c29e9ea,
#w-node-a7a3ba60-1bbb-f66f-5557-0fa43314e922-8c29e9ea,
#w-node-a7a3ba60-1bbb-f66f-5557-0fa43314e924-8c29e9ea,
#w-node-f8239348-c601-3717-bcf7-e85addc6ed2b-0e01aafd {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_57a8cf8c-dfaf-8d5e-60a5-ef93ea2101ac-0e01aafd {
    grid-area: 2 / 1 / 3 / 2;
    align-self: center;
    justify-self: center;
}

#w-node-_57a8cf8c-dfaf-8d5e-60a5-ef93ea2101ae-0e01aafd {
    grid-area: 1 / 1 / 2 / 2;
    align-self: stretch;
}

#w-node-_57a8cf8c-dfaf-8d5e-60a5-ef93ea2101b0-0e01aafd {
    grid-area: 3 / 1 / 4 / 2;
    align-self: stretch;
}

#w-node-_57a8cf8c-dfaf-8d5e-60a5-ef93ea2101b7-0e01aafd {
    align-self: center;
}

@media screen and (min-width: 1920px) {
    #w-node-_179262d0-0707-5be4-8e94-099d2a5876fb-0c4b6f44,
    #w-node-c499d908-2d05-13c6-890c-8736485d2526-0c4b6f4d,
    #w-node-_9662e85b-dcdc-1a15-dd11-384fe16ee63a-0c4b6f4f,
    #w-node-_292049cd-b0b9-bcdd-223a-1a842cb461ff-0c4b6f51,
    #w-node-_621af456-ea56-afd4-8a94-02e098ed495f-0c4b6f51 {
        grid-area: 1 / 2 / 2 / 3;
    }

    #w-node-_4bcdde49-c517-8239-88a6-9a62d501e9e3-0c4b6f68 {
        grid-area: 1 / 1 / 2 / 2;
    }

    #w-node-_8bb6021e-2d37-1f99-1785-70773725b7e8-0c4b6f68,
    #w-node-e4a9d8aa-ea0d-5454-e072-edd729f5c05c-0c4b6f8f {
        grid-area: 1 / 2 / 2 / 3;
    }
}

@media screen and (min-width: 1440px) {
    #w-node-c062442f-7508-405e-d97e-d2adec40a562-0c4b6f2a,
    #w-node-_0af9eaca-95f9-daba-c324-e1ac69fae874-0c4b6f87 {
        grid-area: 1 / 1 / 2 / 2;
    }

    #w-node-_944e03b6-2f45-c8a7-3d46-82944039bc34-0c4b6f8f {
        grid-area: span 1 / span 2 / span 1 / span 2;
        justify-self: start;
    }
}

@media screen and (max-width: 991px) {
    #w-node-fbf72624-63ce-438b-065a-95d5ae00a677-0c4b6f25 {
        order: -9999;
        grid-area: span 1 / span 2 / span 1 / span 2;
    }

    #w-node-_8945a5ea-a3a0-6cac-07fe-9ad2d784bb74-0c4b6f25 {
        grid-area: span 1 / span 1 / span 1 / span 1;
    }

    #w-node-_8945a5ea-a3a0-6cac-07fe-9ad2d784bb8a-0c4b6f25 {
        order: -9999;
        grid-area: 1 / 1 / 2 / 2;
    }

    #w-node-_396d5105-b4a5-ce07-b286-22187da779a6-0c4b6f25 {
        grid-column: 1 / 2;
    }

    #w-node-ce9ba98e-5c63-1595-9c11-fb1e8c333a88-8c333a4f {
        grid-column: span 2 / span 2;
    }

    #w-node-_4b07c999-719c-e3d6-452e-97bec4ce4938-0c4b6f26 {
        grid-area: span 1 / span 1 / span 1 / span 1;
    }

    #w-node-_4b07c999-719c-e3d6-452e-97bec4ce4945-0c4b6f26,
    #w-node-_4b07c999-719c-e3d6-452e-97bec4ce495f-0c4b6f26 {
        justify-self: end;
    }

    #w-node-_4b07c999-719c-e3d6-452e-97bec4ce4989-0c4b6f26 {
        order: -9999;
        grid-area: 2 / 1 / 2 / 3;
    }

    #w-node-_89fbb135-f215-c2ef-118c-7cc02de6184f-0c4b6f26,
    #w-node-_89fbb135-f215-c2ef-118c-7cc02de61867-0c4b6f26 {
        grid-area: span 1 / span 1 / span 1 / span 1;
    }

    #w-node-eb606a5b-96a6-903e-7586-365c85663d33-0c4b6f26 {
        order: -9999;
        grid-area: span 1 / span 2 / span 1 / span 2;
    }

    #w-node-_1d171ed1-09f9-a55e-5362-7c514f5a5bda-0c4b6f27,
    #w-node-_1d171ed1-09f9-a55e-5362-7c514f5a5c08-0c4b6f27 {
        justify-self: end;
    }

    #w-node-_205975fe-8b73-738c-552c-e79cd4cc6379-0c4b6f29 {
        grid-area: span 1 / span 2 / span 1 / span 2;
    }

    #w-node-_205975fe-8b73-738c-552c-e79cd4cc637c-0c4b6f29 {
        grid-column: span 1 / span 1;
    }

    #w-node-_205975fe-8b73-738c-552c-e79cd4cc637f-0c4b6f29 {
        align-self: stretch;
        justify-self: start;
    }

    #w-node-_205975fe-8b73-738c-552c-e79cd4cc638b-0c4b6f29 {
        grid-area: span 1 / span 2 / span 1 / span 2;
    }

    #w-node-c062442f-7508-405e-d97e-d2adec40a562-0c4b6f2a {
        order: 9999;
        grid-area: span 1 / span 1 / span 1 / span 1;
    }

    #w-node-c062442f-7508-405e-d97e-d2adec40a563-0c4b6f2a {
        grid-area: span 1 / span 1 / span 1 / span 1;
    }

    #w-node-c062442f-7508-405e-d97e-d2adec40a564-0c4b6f2a {
        grid-row-end: 3;
    }

    #w-node-c2e90326-bc37-67bd-17cf-f7b68da70ec7-0c4b6f2d {
        grid-area: 1 / 1 / 2 / 2;
    }

    #w-node-_49eba33a-06c8-a5e8-649f-d05c551412c0-0c4b6f44 {
        grid-area: span 1 / span 1 / span 1 / span 1;
    }

    #w-node-_49eba33a-06c8-a5e8-649f-d05c551412cd-0c4b6f44,
    #w-node-_49eba33a-06c8-a5e8-649f-d05c551412e7-0c4b6f44 {
        justify-self: end;
    }

    #w-node-_49eba33a-06c8-a5e8-649f-d05c55141311-0c4b6f44 {
        order: -9999;
        grid-area: 2 / 1 / 2 / 3;
    }

    #w-node-_179262d0-0707-5be4-8e94-099d2a5876fd-0c4b6f44 {
        grid-area: 1 / 1 / 2 / 2;
        align-self: start;
    }

    #w-node-_179262d0-0707-5be4-8e94-099d2a587711-0c4b6f44 {
        grid-area: 3 / 1 / 4 / 2;
    }

    #w-node-cf1fd75c-2849-216c-55b0-b7ff7a7679a7-0c4b6f47,
    #w-node-cf1fd75c-2849-216c-55b0-b7ff7a7679c1-0c4b6f47 {
        justify-self: end;
    }

    #w-node-fcef1423-99fc-2710-9167-3e2fd42ba2ef-0c4b6f48 {
        grid-area: span 1 / span 2 / span 1 / span 2;
    }

    #w-node-_14778a56-e65f-bf95-eb65-ecc9f1903a7b-0c4b6f4b {
        grid-column: span 1 / span 1;
    }

    #w-node-_14778a56-e65f-bf95-eb65-ecc9f1903a8d-0c4b6f4b {
        grid-column: 1 / 2;
        justify-self: start;
    }

    #w-node-_9662e85b-dcdc-1a15-dd11-384fe16ee63c-0c4b6f4f {
        grid-area: span 1 / span 3 / span 1 / span 3;
        align-self: start;
    }

    #w-node-_9662e85b-dcdc-1a15-dd11-384fe16ee660-0c4b6f4f {
        grid-area: span 1 / span 3 / span 1 / span 3;
    }

    #w-node-_292049cd-b0b9-bcdd-223a-1a842cb461dd-0c4b6f51 {
        grid-column: span 1 / span 1;
    }

    #w-node-_292049cd-b0b9-bcdd-223a-1a842cb461f4-0c4b6f51 {
        grid-column: 1 / 2;
        justify-self: start;
    }

    #w-node-d4529d89-7c10-11ae-ec7c-838e24dda837-0c4b6f51 {
        grid-column: 1 / 2;
    }

    #w-node-d1cc1f69-1899-968c-c168-ec976b716825-0c4b6f68 {
        grid-area: span 1 / span 2 / span 1 / span 2;
    }

    #w-node-_3f20f01f-98ec-4f41-b49a-389de9e0805c-0c4b6f68 {
        order: -9999;
        grid-area: 2 / 1 / 2 / 3;
    }

    #w-node-_3f20f01f-98ec-4f41-b49a-389de9e0800f-0c4b6f68 {
        grid-area: span 1 / span 1 / span 1 / span 1;
    }

    #w-node-_3f20f01f-98ec-4f41-b49a-389de9e0801e-0c4b6f68,
    #w-node-_3f20f01f-98ec-4f41-b49a-389de9e0803c-0c4b6f68 {
        justify-self: end;
    }

    #w-node-bee6d6fd-77b4-53d1-7b04-79c4ec0fa720-0c4b6f68 {
        grid-column: 1 / 4;
    }

    #w-node-bee6d6fd-77b4-53d1-7b04-79c4ec0fa73c-0c4b6f68 {
        grid-column-end: 4;
    }

    #w-node-_70602f60-4925-a898-e9a3-9abdea901b04-0c4b6f68 {
        order: -9999;
        grid-area: span 1 / span 2 / span 1 / span 2;
    }

    #w-node-f1cb0993-ea7c-cc05-7bd4-116abee6b06d-0c4b6f68 {
        grid-column: 1 / 2;
    }

    #w-node-_8bb6021e-2d37-1f99-1785-70773725b7ea-0c4b6f68 {
        grid-area: 1 / 1 / 2 / 2;
        align-self: start;
    }

    #w-node-_8bb6021e-2d37-1f99-1785-70773725b7f9-0c4b6f68 {
        grid-area: 3 / 1 / 4 / 2;
    }

    #w-node-_0af9eaca-95f9-daba-c324-e1ac69fae874-0c4b6f87 {
        order: 9999;
        grid-area: span 1 / span 1 / span 1 / span 1;
    }

    #w-node-_0af9eaca-95f9-daba-c324-e1ac69fae876-0c4b6f87 {
        grid-area: span 1 / span 1 / span 1 / span 1;
    }

    #w-node-_0af9eaca-95f9-daba-c324-e1ac69fae877-0c4b6f87 {
        grid-row-end: 3;
    }

    #w-node-_6ef15f80-80b4-cb60-2886-aaed670d3d2e-0c4b6f87 {
        order: -9999;
    }

    #w-node-_6ef15f80-80b4-cb60-2886-aaed670d3d35-0c4b6f87 {
        grid-area: span 1 / span 2 / span 1 / span 2;
    }

    #w-node-_6ef15f80-80b4-cb60-2886-aaed670d3d04-0c4b6f87 {
        order: -9999;
    }

    #w-node-_6ef15f80-80b4-cb60-2886-aaed670d3d0b-0c4b6f87 {
        grid-area: span 1 / span 2 / span 1 / span 2;
    }

    #w-node-_6ef15f80-80b4-cb60-2886-aaed670d3cda-0c4b6f87 {
        order: -9999;
    }

    #w-node-_6ef15f80-80b4-cb60-2886-aaed670d3ce1-0c4b6f87 {
        grid-area: span 1 / span 2 / span 1 / span 2;
    }

    #w-node-_9b2197fc-673a-baa3-0eaa-3f02d6c8b962-0c4b6f87 {
        grid-area: span 1 / span 1 / span 1 / span 1;
    }

    #w-node-_9b2197fc-673a-baa3-0eaa-3f02d6c8b96f-0c4b6f87,
    #w-node-_9b2197fc-673a-baa3-0eaa-3f02d6c8b989-0c4b6f87 {
        justify-self: end;
    }

    #w-node-_0af9eaca-95f9-daba-c324-e1ac69fae83e-0c4b6f87 {
        grid-area: 1 / 1 / 2 / 2;
    }

    #w-node-_0af9eaca-95f9-daba-c324-e1ac69fae844-0c4b6f87 {
        grid-area: 3 / 1 / 4 / 2;
        align-self: end;
    }

    #w-node-_0af9eaca-95f9-daba-c324-e1ac69fae847-0c4b6f87 {
        align-self: end;
    }

    #w-node-_0af9eaca-95f9-daba-c324-e1ac69fae85c-0c4b6f87 {
        grid-area: 1 / 2 / 2 / 3;
        justify-self: end;
    }

    #w-node-_0af9eaca-95f9-daba-c324-e1ac69fae85f-0c4b6f87 {
        grid-area: 2 / 2 / 3 / 3;
        align-self: end;
        justify-self: center;
    }

    #w-node-_0af9eaca-95f9-daba-c324-e1ac69fae862-0c4b6f87 {
        grid-area: 3 / 2 / 4 / 3;
        justify-self: center;
    }

    #w-node-_1f920d93-f85f-4eea-a0fe-2219d8ded7f5-0c4b6f8e {
        grid-area: span 1 / span 1 / span 1 / span 1;
    }

    #w-node-_1f920d93-f85f-4eea-a0fe-2219d8ded802-0c4b6f8e,
    #w-node-_1f920d93-f85f-4eea-a0fe-2219d8ded81c-0c4b6f8e {
        justify-self: end;
    }

    #w-node-_1f920d93-f85f-4eea-a0fe-2219d8ded7f1-0c4b6f8e {
        order: -9999;
        grid-area: 2 / 1 / 2 / 3;
    }

    #w-node-_1f920d93-f85f-4eea-a0fe-2219d8ded832-0c4b6f8e {
        grid-column: 1 / 4;
    }

    #w-node-_1f920d93-f85f-4eea-a0fe-2219d8ded857-0c4b6f8e {
        grid-column-end: 4;
    }

    #w-node-_75f88e16-0c41-f2bf-63a5-ef5412267cae-0c4b6f8f {
        grid-area: span 1 / span 1 / span 1 / span 1;
    }

    #w-node-_75f88e16-0c41-f2bf-63a5-ef5412267cbb-0c4b6f8f,
    #w-node-_75f88e16-0c41-f2bf-63a5-ef5412267cd5-0c4b6f8f {
        justify-self: end;
    }

    #w-node-_75f88e16-0c41-f2bf-63a5-ef5412267cff-0c4b6f8f {
        order: -9999;
        grid-area: 2 / 1 / 2 / 3;
    }

    #w-node-e4a9d8aa-ea0d-5454-e072-edd729f5c05e-0c4b6f8f {
        grid-area: 1 / 1 / 2 / 2;
        align-self: start;
    }

    #w-node-e4a9d8aa-ea0d-5454-e072-edd729f5c072-0c4b6f8f {
        grid-area: 3 / 1 / 4 / 2;
    }

    #w-node-_944e03b6-2f45-c8a7-3d46-82944039bc2c-0c4b6f8f {
        grid-column: 1 / 4;
    }

    #w-node-_944e03b6-2f45-c8a7-3d46-82944039bc34-0c4b6f8f,
    #w-node-_8e7a2078-dfa4-60f2-e412-782eb4642cd9-0c4b6f8f {
        grid-area: 2 / 1 / 3 / 4;
    }

    #w-node-_235d548e-3faf-9b9e-cd47-7e0599b68a9e-0c4b6f8f {
        grid-area: 1 / 1 / 2 / 2;
    }

    #w-node-_235d548e-3faf-9b9e-cd47-7e0599b68aa4-0c4b6f8f {
        grid-area: 3 / 1 / 4 / 2;
        align-self: end;
    }

    #w-node-_235d548e-3faf-9b9e-cd47-7e0599b68aa7-0c4b6f8f {
        align-self: end;
    }

    #w-node-_235d548e-3faf-9b9e-cd47-7e0599b68ac1-0c4b6f8f {
        grid-area: 1 / 2 / 2 / 3;
        justify-self: end;
    }

    #w-node-_235d548e-3faf-9b9e-cd47-7e0599b68ac4-0c4b6f8f {
        grid-area: 2 / 2 / 3 / 3;
        align-self: end;
        justify-self: center;
    }

    #w-node-_235d548e-3faf-9b9e-cd47-7e0599b68ac7-0c4b6f8f {
        grid-area: 3 / 2 / 4 / 3;
        justify-self: center;
    }

    #w-node-_8da9e5b5-3f73-544b-84bf-e48a2a774146-0c4b6f90 {
        grid-area: span 1 / span 2 / span 1 / span 2;
    }

    #w-node-_2c4417c7-449b-fc4b-4b19-7a76cd66b634-0c4b6f90 {
        grid-area: span 1 / span 1 / span 1 / span 1;
    }

    #w-node-_2c4417c7-449b-fc4b-4b19-7a76cd66b641-0c4b6f90,
    #w-node-_2c4417c7-449b-fc4b-4b19-7a76cd66b65b-0c4b6f90 {
        justify-self: end;
    }

    #w-node-_2c4417c7-449b-fc4b-4b19-7a76cd66b685-0c4b6f90 {
        order: -9999;
        grid-area: 2 / 1 / 2 / 3;
    }

    #w-node-d40f4afb-cb39-5311-edf1-bbd00ff9b4dd-0c4b6f90 {
        order: -9999;
    }

    #w-node-d40f4afb-cb39-5311-edf1-bbd00ff9b4e4-0c4b6f90 {
        grid-area: span 1 / span 2 / span 1 / span 2;
    }

    #w-node-d40f4afb-cb39-5311-edf1-bbd00ff9b511-0c4b6f90 {
        order: -9999;
    }

    #w-node-d40f4afb-cb39-5311-edf1-bbd00ff9b518-0c4b6f90 {
        grid-area: span 1 / span 2 / span 1 / span 2;
    }

    #w-node-d40f4afb-cb39-5311-edf1-bbd00ff9b546-0c4b6f90 {
        order: -9999;
    }

    #w-node-d40f4afb-cb39-5311-edf1-bbd00ff9b54d-0c4b6f90 {
        grid-area: span 1 / span 2 / span 1 / span 2;
    }

    #w-node-_3b71b473-cfc4-bd5f-9240-c4b56b413a78-0c4b6fac {
        grid-area: 2 / 1 / 3 / 3;
    }

    #w-node-_5c212fd5-566f-f0c2-0499-4a655bbf7feb-0c4b6faf {
        order: -9999;
        grid-area: span 1 / span 2 / span 1 / span 2;
    }

    #w-node-_45db966b-9a87-3f13-4338-f736aa1371e8-0c4b6faf {
        grid-column: 1 / 2;
    }

    #w-node-ab9e0bff-c516-3f07-6085-7f620125efd6-0c4b6fc0 {
        grid-area: span 1 / span 1 / span 1 / span 1;
    }

    #w-node-_3d30a084-a10c-ea2f-e858-04021c1e7b52-0c4b6fc0 {
        grid-area: 5 / 1 / 6 / 3;
    }

    #w-node-d7fb2ea4-6e9b-7431-00f6-7347e2ab74ae-0c4b6fc0 {
        grid-column: 1 / 2;
    }

    #w-node-_74df9f33-dde1-fdd8-43a5-893821a588a7-a5fa358f,
    #w-node-_74df9f33-dde1-fdd8-43a5-893821a588d5-a5fa358f {
        justify-self: end;
    }

    #w-node-e87bbbfe-9d95-3e28-9472-faf0470f2de0-a5fa358f,
    #w-node-e87bbbfe-9d95-3e28-9472-faf0470f2e13-a5fa358f {
        grid-area: span 1 / span 1 / span 1 / span 1;
    }

    #w-node-b90af193-b3d5-eaef-a6cc-e939b3e28bdd-a5fa358f {
        order: -9999;
        grid-area: 2 / 1 / 2 / 3;
    }

    #w-node-_2d81a594-0537-9028-1111-a261f854989d-8c29e9ea {
        order: 9999;
    }

    #w-node-_2d81a594-0537-9028-1111-a261f85498a4-8c29e9ea {
        order: -9999;
    }

    #w-node-a7a3ba60-1bbb-f66f-5557-0fa43314e921-8c29e9ea {
        align-self: center;
    }
}

@media screen and (max-width: 767px) {
    #w-node-fbf72624-63ce-438b-065a-95d5ae00a677-0c4b6f25 {
        grid-area: 1 / 1 / 3 / 2;
    }

    #w-node-_8945a5ea-a3a0-6cac-07fe-9ad2d784bb74-0c4b6f25 {
        grid-column-end: 2;
    }

    #w-node-_396d5105-b4a5-ce07-b286-22187da779a6-0c4b6f25 {
        grid-column: 1 / 4;
    }

    #w-node-ce9ba98e-5c63-1595-9c11-fb1e8c333a88-8c333a4f {
        grid-column: span 1 / span 1;
    }

    #w-node-eb606a5b-96a6-903e-7586-365c85663d33-0c4b6f26 {
        grid-area: 1 / 1 / 3 / 2;
    }

    #w-node-e347299c-89cc-d260-b4a3-6306fe82ac4d-0c4b6f27 {
        grid-area: span 1 / span 1 / span 1 / span 1;
    }

    #w-node-e347299c-89cc-d260-b4a3-6306fe82acc2-0c4b6f27,
    #w-node-_14778a56-e65f-bf95-eb65-ecc9f1903a7b-0c4b6f4b {
        grid-column: span 1 / span 1;
    }

    #w-node-_14778a56-e65f-bf95-eb65-ecc9f1903a9f-0c4b6f4b {
        grid-area: 2 / 1 / 3 / 3;
    }

    #w-node-_292049cd-b0b9-bcdd-223a-1a842cb461dd-0c4b6f51 {
        grid-column: span 1 / span 1;
    }

    #w-node-d4529d89-7c10-11ae-ec7c-838e24dda837-0c4b6f51 {
        grid-column: 1 / 4;
    }

    #w-node-f151fde2-949e-9cd9-3e19-04933cd0d48e-0c4b6f68 {
        grid-area: 1 / 2 / 2 / 3;
    }

    #w-node-f151fde2-949e-9cd9-3e19-04933cd0d48f-0c4b6f68 {
        grid-area: span 1 / span 1 / span 1 / span 1;
    }

    #w-node-_70602f60-4925-a898-e9a3-9abdea901b04-0c4b6f68 {
        grid-area: 1 / 1 / 3 / 2;
    }

    #w-node-f1cb0993-ea7c-cc05-7bd4-116abee6b06d-0c4b6f68 {
        grid-column: 1 / 4;
    }

    #w-node-_8ef95f79-dcaa-aed9-00d3-a1d2eaab6107-0c4b6f87 {
        grid-area: 1 / 1 / 2 / 2;
    }

    #w-node-_0af9eaca-95f9-daba-c324-e1ac69fae841-0c4b6f87 {
        grid-area: 2 / 1 / 5 / 3;
        align-self: end;
        justify-self: center;
    }

    #w-node-_0af9eaca-95f9-daba-c324-e1ac69fae844-0c4b6f87 {
        grid-area: 3 / 1 / 4 / 3;
        align-self: end;
        justify-self: start;
    }

    #w-node-_0af9eaca-95f9-daba-c324-e1ac69fae847-0c4b6f87 {
        grid-area: 3 / 1 / 5 / 3;
        align-self: end;
        justify-self: end;
    }

    #w-node-_09a92649-4f7d-986d-bcaa-7998bcd379f3-0c4b6f8e {
        grid-area: span 1 / span 1 / span 1 / span 1;
    }

    #w-node-_4e815bc9-4c77-5175-98dc-647a3abf3bc4-0c4b6f8e {
        grid-column: span 1 / span 1;
    }

    #w-node-_235d548e-3faf-9b9e-cd47-7e0599b68aa1-0c4b6f8f {
        grid-area: 2 / 1 / 5 / 3;
        align-self: end;
        justify-self: center;
    }

    #w-node-_235d548e-3faf-9b9e-cd47-7e0599b68aa4-0c4b6f8f {
        grid-area: 3 / 1 / 4 / 3;
        align-self: end;
        justify-self: start;
    }

    #w-node-_235d548e-3faf-9b9e-cd47-7e0599b68aa7-0c4b6f8f {
        grid-area: 3 / 1 / 5 / 3;
        align-self: end;
        justify-self: end;
    }

    #w-node-_3b71b473-cfc4-bd5f-9240-c4b56b413a78-0c4b6fac {
        grid-area: span 1 / span 1 / span 1 / span 1;
    }

    #w-node-_5c212fd5-566f-f0c2-0499-4a655bbf7feb-0c4b6faf {
        grid-area: 1 / 1 / 3 / 2;
    }

    #w-node-_45db966b-9a87-3f13-4338-f736aa1371e8-0c4b6faf {
        grid-column: 1 / 4;
    }

    #w-node-ab9e0bff-c516-3f07-6085-7f620125efd6-0c4b6fc0,
    #w-node-_3d30a084-a10c-ea2f-e858-04021c1e7b52-0c4b6fc0 {
        grid-area: span 1 / span 1 / span 1 / span 1;
    }

    #w-node-d7fb2ea4-6e9b-7431-00f6-7347e2ab74ae-0c4b6fc0 {
        grid-column: 1 / 4;
    }
}

@media screen and (max-width: 479px) {
    #w-node-_8945a5ea-a3a0-6cac-07fe-9ad2d784bb74-0c4b6f25,
    #w-node-_8945a5ea-a3a0-6cac-07fe-9ad2d784bb76-0c4b6f25 {
        justify-self: stretch;
    }

    #w-node-_0e02be7f-fdab-f2ed-a7fd-a623c6782ab1-0c4b6f26 {
        grid-area: 1 / 1 / 3 / 2;
    }

    #w-node-_0e02be7f-fdab-f2ed-a7fd-a623c6782ab2-0c4b6f26 {
        grid-area: 1 / 1 / 2 / 2;
    }

    #w-node-_205975fe-8b73-738c-552c-e79cd4cc6382-0c4b6f29,
    #w-node-_205975fe-8b73-738c-552c-e79cd4cc6385-0c4b6f29 {
        grid-area: span 1 / span 2 / span 1 / span 2;
    }

    #w-node-_205975fe-8b73-738c-552c-e79cd4cc638b-0c4b6f29 {
        grid-column: span 3 / span 3;
    }

    #w-node-a4350a4d-48ab-7305-1140-631dbc26bd2f-0c4b6f29,
    #w-node-c062442f-7508-405e-d97e-d2adec40a566-0c4b6f2a,
    #w-node-fcef1423-99fc-2710-9167-3e2fd42ba287-0c4b6f48 {
        grid-area: span 1 / span 1 / span 1 / span 1;
    }

    #w-node-fcef1423-99fc-2710-9167-3e2fd42ba2ef-0c4b6f48,
    #w-node-_14778a56-e65f-bf95-eb65-ecc9f1903a7b-0c4b6f4b {
        grid-column: span 1 / span 1;
    }

    #w-node-_3a4a7a7e-f8f6-b272-3e3d-bb3b085a5b80-0c4b6f4d {
        grid-area: 1 / 1 / 3 / 2;
    }

    #w-node-_3a4a7a7e-f8f6-b272-3e3d-bb3b085a5b81-0c4b6f4d {
        grid-area: 1 / 1 / 2 / 2;
    }

    #First-name-2.w-node-c499d908-2d05-13c6-890c-8736485d25a0-0c4b6f4d,
    #Last-name-2.w-node-c499d908-2d05-13c6-890c-8736485d25a1-0c4b6f4d {
        grid-area: span 1 / span 2 / span 1 / span 2;
    }

    #w-node-_3951a777-1341-afff-6fe8-18959c48e8f1-0c4b6f4f {
        grid-area: 1 / 1 / 3 / 2;
    }

    #w-node-_3951a777-1341-afff-6fe8-18959c48e8f2-0c4b6f4f {
        grid-area: 1 / 1 / 2 / 2;
    }

    #w-node-_43c0ea41-37cb-aff9-b305-f933a882b0d0-0c4b6f4f,
    #w-node-_43c0ea41-37cb-aff9-b305-f933a882b0ed-0c4b6f4f,
    #w-node-_43c0ea41-37cb-aff9-b305-f933a882b10a-0c4b6f4f,
    #w-node-_292049cd-b0b9-bcdd-223a-1a842cb461dd-0c4b6f51 {
        grid-column: span 1 / span 1;
    }

    #First-name.w-node-_292049cd-b0b9-bcdd-223a-1a842cb46243-0c4b6f51,
    #Last-name.w-node-_292049cd-b0b9-bcdd-223a-1a842cb46244-0c4b6f51 {
        grid-area: span 1 / span 2 / span 1 / span 2;
    }

    #w-node-_3edd4411-6ec5-58a1-1ef0-e81e68671818-0c4b6f68 {
        grid-area: 1 / 1 / 3 / 2;
    }

    #w-node-ee2655ad-91cf-a350-4b0c-e48cc1b1cdef-0c4b6f68 {
        grid-area: 1 / 1 / 2 / 2;
    }

    #w-node-_3f4ebc35-7d6d-8eb4-32bf-abdf12bcc091-0c4b6f68 {
        grid-area: span 1 / span 1 / span 1 / span 1;
    }

    #w-node-d1cc1f69-1899-968c-c168-ec976b716825-0c4b6f68 {
        grid-column: span 1 / span 1;
    }

    #w-node-f151fde2-949e-9cd9-3e19-04933cd0d48f-0c4b6f68 {
        grid-column-end: 2;
    }

    #w-node-_0af9eaca-95f9-daba-c324-e1ac69fae879-0c4b6f87 {
        grid-area: span 1 / span 1 / span 1 / span 1;
    }

    #w-node-_6ef15f80-80b4-cb60-2886-aaed670d3d20-0c4b6f87 {
        order: -9999;
    }

    #w-node-_6ef15f80-80b4-cb60-2886-aaed670d3d35-0c4b6f87 {
        grid-column: span 1 / span 1;
    }

    #w-node-_6ef15f80-80b4-cb60-2886-aaed670d3cf6-0c4b6f87 {
        order: -9999;
    }

    #w-node-_6ef15f80-80b4-cb60-2886-aaed670d3d0b-0c4b6f87 {
        grid-column: span 1 / span 1;
    }

    #w-node-_6ef15f80-80b4-cb60-2886-aaed670d3ccc-0c4b6f87 {
        order: -9999;
    }

    #w-node-_6ef15f80-80b4-cb60-2886-aaed670d3ce1-0c4b6f87 {
        grid-column: span 1 / span 1;
    }

    #w-node-_8ef95f79-dcaa-aed9-00d3-a1d2eaab6107-0c4b6f87 {
        grid-area: 1 / 1 / 2 / 2;
    }

    #w-node-_0af9eaca-95f9-daba-c324-e1ac69fae83e-0c4b6f87 {
        grid-area: 1 / 1 / 5 / 2;
        align-self: center;
    }

    #w-node-_0af9eaca-95f9-daba-c324-e1ac69fae844-0c4b6f87 {
        justify-self: center;
    }

    #w-node-_0af9eaca-95f9-daba-c324-e1ac69fae85c-0c4b6f87 {
        grid-area: 1 / 1 / 6 / 3;
        justify-self: center;
    }

    #w-node-_0af9eaca-95f9-daba-c324-e1ac69fae862-0c4b6f87 {
        grid-area: 3 / 2 / 4 / 3;
        justify-self: center;
    }

    #w-node-_0af9eaca-95f9-daba-c324-e1ac69fae865-0c4b6f87 {
        grid-area: 3 / 1 / 5 / 3;
    }

    #w-node-_235d548e-3faf-9b9e-cd47-7e0599b68a9e-0c4b6f8f {
        grid-area: 1 / 1 / 5 / 2;
        align-self: center;
    }

    #w-node-_235d548e-3faf-9b9e-cd47-7e0599b68aa4-0c4b6f8f {
        justify-self: center;
    }

    #w-node-_235d548e-3faf-9b9e-cd47-7e0599b68ac1-0c4b6f8f {
        grid-area: 1 / 1 / 6 / 3;
        justify-self: center;
    }

    #w-node-_235d548e-3faf-9b9e-cd47-7e0599b68ac7-0c4b6f8f {
        grid-area: 3 / 2 / 4 / 3;
        justify-self: center;
    }

    #w-node-_235d548e-3faf-9b9e-cd47-7e0599b68aca-0c4b6f8f {
        grid-area: 3 / 1 / 5 / 3;
    }

    #w-node-_8da9e5b5-3f73-544b-84bf-e48a2a7740de-0c4b6f90 {
        grid-area: span 1 / span 1 / span 1 / span 1;
    }

    #w-node-_8da9e5b5-3f73-544b-84bf-e48a2a774146-0c4b6f90 {
        grid-column: span 1 / span 1;
    }

    #w-node-d40f4afb-cb39-5311-edf1-bbd00ff9b4c9-0c4b6f90 {
        order: -9999;
    }

    #w-node-d40f4afb-cb39-5311-edf1-bbd00ff9b4e4-0c4b6f90 {
        grid-column: span 1 / span 1;
    }

    #w-node-d40f4afb-cb39-5311-edf1-bbd00ff9b4fd-0c4b6f90 {
        order: -9999;
    }

    #w-node-d40f4afb-cb39-5311-edf1-bbd00ff9b518-0c4b6f90 {
        grid-column: span 1 / span 1;
    }

    #w-node-d40f4afb-cb39-5311-edf1-bbd00ff9b532-0c4b6f90 {
        order: -9999;
    }

    #w-node-d40f4afb-cb39-5311-edf1-bbd00ff9b54d-0c4b6f90,
    #w-node-_3ae57458-8270-3b09-edf5-a34fa3f1af97-0c4b6f90,
    #w-node-_3ae57458-8270-3b09-edf5-a34fa3f1afb4-0c4b6f90,
    #w-node-_3ae57458-8270-3b09-edf5-a34fa3f1afd1-0c4b6f90 {
        grid-column: span 1 / span 1;
    }
}

@font-face {
    font-family: "Fa solid 900";
    src: url("https://assets.website-files.com/65e4701f92929f8f0c4b6ee9/65e4701f92929f8f0c4b6f01_fa-solid-900.ttf")
        format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Fa 400";
    src: url("https://assets.website-files.com/65e4701f92929f8f0c4b6ee9/65e4701f92929f8f0c4b6f0d_fa-regular-400.ttf")
        format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Fa Brands 400 (6.4.2)";
    src: url("https://assets.website-files.com/65e4701f92929f8f0c4b6ee9/65e4701f92929f8f0c4b6fd5_fa-brands-400.ttf")
        format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}