.container {
 width: 100%;
 max-width: 1200px; /* adjust as needed */
 margin: 0 auto;
 padding: 0 15px; /* adjust padding as needed */
 box-sizing: border-box;
}

/* Row */
.row {
 display: flex;
 flex-wrap: wrap;
 margin: 0 -15px; /* negative margin to offset container padding */
}

/* Columns */
.col-3 {
 flex: 0 0 25%; /* 25% width for medium devices and up */
 max-width: 25%;
 padding: 0 15px; /* adjust padding as needed */
 box-sizing: border-box;
}

.col-4 {
 flex: 0 0 calc(33.333% - 20px); /* 33.333% width for medium devices and up */
 max-width: 33.333%;
 padding: 0 15px; /* adjust padding as needed */
 box-sizing: border-box;
 margin-left: 5px;
 margin-right: 5px;
 margin-bottom: 10px;
}

.col-6 {
 flex: 0 0 50%; /* 50% width for medium devices and up */
 max-width: 50%;
 padding: 0 15px; /* adjust padding as needed */
 box-sizing: border-box;
}

.col-12 {
 flex: 0 0 100%; /* 100% width for medium devices and up */
 max-width: 100%;
 padding: 0 15px; /* adjust padding as needed */
 box-sizing: border-box;
}

/* Media Queries for responsiveness */
@media (max-width: 767px) {
 .col-3,
 .col-4,
 .col-6,
 .col-12 {
  flex: 0 0 100%; /* 100% width for small devices */
  max-width: 100%;
 }
}

/* Customize navigation arrows */
.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel button.owl-dot {
 background-color: #ba27f6; /* Background color */
 color: #fff; /* Text color */
 font-size: 40px; /* Font size */
 border-radius: 50%; /* Border radius for rounded shape */
 padding: 15px; /* Padding */
}

/* Customize navigation dots */
.owl-dots {
 text-align: center; /* Align dots to center */
}

.owl-dot {
 background-color: #333; /* Background color */
 width: 10px; /* Width of the dot */
 height: 10px; /* Height of the dot */
 margin: 0 5px; /* Margin between dots */
 border-radius: 50%; /* Border radius for rounded shape */
}

.owl-carousel button.owl-dot.active {
 background-color: #fff !important; /* Background color of active dot */
}

html {
 -ms-text-size-adjust: 100%;
 -webkit-text-size-adjust: 100%;
 font-family: sans-serif;
}
body {
 margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
 display: block;
}
audio,
canvas,
progress,
video {
 vertical-align: baseline;
 display: inline-block;
}
audio:not([controls]) {
 height: 0;
 display: none;
}
[hidden],
template {
 display: none;
}
a {
 background-color: transparent;
}
a:active,
a:hover {
 outline: 0;
}
abbr[title] {
 border-bottom: 1px dotted;
}
b,
strong {
 font-weight: 700;
}
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;
}
figure {
 margin: 1em 40px;
}
hr {
 box-sizing: content-box;
 height: 0;
}
pre {
 overflow: auto;
}
code,
kbd,
pre,
samp {
 font-family: monospace;
 font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
 color: inherit;
 font: inherit;
 margin: 0;
}
button {
 overflow: visible;
}
button,
select {
 text-transform: none;
}
button,
html input[type="button"],
input[type="reset"] {
 -webkit-appearance: button;
 cursor: pointer;
}
button[disabled],
html input[disabled] {
 cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
 border: 0;
 padding: 0;
}
input {
 line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
 box-sizing: border-box;
 padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
 height: auto;
}
input[type="search"] {
 -webkit-appearance: none;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
 -webkit-appearance: none;
}
fieldset {
 border: 1px solid silver;
 margin: 0 2px;
 padding: 0.35em 0.625em 0.75em;
}
legend {
 border: 0;
 padding: 0;
}
textarea {
 overflow: auto;
}
optgroup {
 font-weight: 700;
}
table {
 border-collapse: collapse;
 border-spacing: 0;
}
td,
th {
 padding: 0;
}
@font-face {
 font-family: webflow-icons;
 src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBiUAAAC8AAAAYGNtYXDpP+a4AAABHAAAAFxnYXNwAAAAEAAAAXgAAAAIZ2x5ZmhS2XEAAAGAAAADHGhlYWQTFw3HAAAEnAAAADZoaGVhCXYFgQAABNQAAAAkaG10eCe4A1oAAAT4AAAAMGxvY2EDtALGAAAFKAAAABptYXhwABAAPgAABUQAAAAgbmFtZSoCsMsAAAVkAAABznBvc3QAAwAAAAAHNAAAACAAAwP4AZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpAwPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAQAAAAAwACAACAAQAAQAg5gPpA//9//8AAAAAACDmAOkA//3//wAB/+MaBBcIAAMAAQAAAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEBIAAAAyADgAAFAAAJAQcJARcDIP5AQAGA/oBAAcABwED+gP6AQAABAOAAAALgA4AABQAAEwEXCQEH4AHAQP6AAYBAAcABwED+gP6AQAAAAwDAAOADQALAAA8AHwAvAAABISIGHQEUFjMhMjY9ATQmByEiBh0BFBYzITI2PQE0JgchIgYdARQWMyEyNj0BNCYDIP3ADRMTDQJADRMTDf3ADRMTDQJADRMTDf3ADRMTDQJADRMTAsATDSANExMNIA0TwBMNIA0TEw0gDRPAEw0gDRMTDSANEwAAAAABAJ0AtAOBApUABQAACQIHCQEDJP7r/upcAXEBcgKU/usBFVz+fAGEAAAAAAL//f+9BAMDwwAEAAkAABcBJwEXAwE3AQdpA5ps/GZsbAOabPxmbEMDmmz8ZmwDmvxmbAOabAAAAgAA/8AEAAPAAB0AOwAABSInLgEnJjU0Nz4BNzYzMTIXHgEXFhUUBw4BBwYjNTI3PgE3NjU0Jy4BJyYjMSIHDgEHBhUUFx4BFxYzAgBqXV6LKCgoKIteXWpqXV6LKCgoKIteXWpVSktvICEhIG9LSlVVSktvICEhIG9LSlVAKCiLXl1qal1eiygoKCiLXl1qal1eiygoZiEgb0tKVVVKS28gISEgb0tKVVVKS28gIQABAAABwAIAA8AAEgAAEzQ3PgE3NjMxFSIHDgEHBhUxIwAoKIteXWpVSktvICFmAcBqXV6LKChmISBvS0pVAAAAAgAA/8AFtgPAADIAOgAAARYXHgEXFhUUBw4BBwYHIxUhIicuAScmNTQ3PgE3NjMxOAExNDc+ATc2MzIXHgEXFhcVATMJATMVMzUEjD83NlAXFxYXTjU1PQL8kz01Nk8XFxcXTzY1PSIjd1BQWlJJSXInJw3+mdv+2/7c25MCUQYcHFg5OUA/ODlXHBwIAhcXTzY1PTw1Nk8XF1tQUHcjIhwcYUNDTgL+3QFt/pOTkwABAAAAAQAAmM7nP18PPPUACwQAAAAAANciZKUAAAAA1yJkpf/9/70FtgPDAAAACAACAAAAAAAAAAEAAAPA/8AAAAW3//3//QW2AAEAAAAAAAAAAAAAAAAAAAAMBAAAAAAAAAAAAAAAAgAAAAQAASAEAADgBAAAwAQAAJ0EAP/9BAAAAAQAAAAFtwAAAAAAAAAKABQAHgAyAEYAjACiAL4BFgE2AY4AAAABAAAADAA8AAMAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADQAAAAEAAAAAAAIABwCWAAEAAAAAAAMADQBIAAEAAAAAAAQADQCrAAEAAAAAAAUACwAnAAEAAAAAAAYADQBvAAEAAAAAAAoAGgDSAAMAAQQJAAEAGgANAAMAAQQJAAIADgCdAAMAAQQJAAMAGgBVAAMAAQQJAAQAGgC4AAMAAQQJAAUAFgAyAAMAAQQJAAYAGgB8AAMAAQQJAAoANADsd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzUmVndWxhcgBSAGUAZwB1AGwAYQByd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==)
  format("truetype");
 font-weight: 400;
 font-style: normal;
}
[class^="w-icon-"],
[class*="\ w-icon-"] {
 speak: none;
 font-variant: normal;
 text-transform: none;
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
 font-style: normal;
 font-weight: 400;
 line-height: 1;
 font-family: webflow-icons !important;
}
.w-icon-slider-right:before {
 content: "";
}
.w-icon-slider-left:before {
 content: "";
}
.w-icon-nav-menu:before {
 content: "";
}
.w-icon-arrow-down:before,
.w-icon-dropdown-toggle:before {
 content: "";
}
.w-icon-file-upload-remove:before {
 content: "";
}
.w-icon-file-upload-icon:before {
 content: "";
}
* {
 box-sizing: border-box;
}
html {
 height: 100%;
}
body {
 min-height: 100%;
 color: #333;
 background-color: #fff;
 margin: 0;
 font-family: Arial, sans-serif;
 font-size: 14px;
 line-height: 20px;
}
img {
 max-width: 100%;
 vertical-align: middle;
 display: inline-block;
}
html.w-mod-touch * {
 background-attachment: scroll !important;
}
.w-block {
 display: block;
}
.w-inline-block {
 max-width: 100%;
 display: inline-block;
}
.w-clearfix:before,
.w-clearfix:after {
 content: " ";
 grid-area: 1/1/2/2;
 display: table;
}
.w-clearfix:after {
 clear: both;
}
.w-hidden {
 display: none;
}
.w-button {
 color: #fff;
 line-height: inherit;
 cursor: pointer;
 background-color: #3898ec;
 border: 0;
 border-radius: 0;
 padding: 9px 15px;
 text-decoration: none;
 display: inline-block;
}
input.w-button {
 -webkit-appearance: button;
}
html[data-w-dynpage] [data-w-cloak] {
 color: transparent !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;
 width: auto;
 height: auto;
 max-height: none;
 max-width: none;
 min-height: 0;
 min-width: 0;
 float: none;
 clear: none;
 box-shadow: none;
 opacity: 1;
 direction: ltr;
 font-family: inherit;
 font-weight: inherit;
 color: inherit;
 font-size: inherit;
 line-height: inherit;
 font-style: inherit;
 font-variant: inherit;
 text-align: inherit;
 letter-spacing: inherit;
 -webkit-text-decoration: inherit;
 text-decoration: inherit;
 text-indent: 0;
 text-transform: inherit;
 text-shadow: none;
 font-smoothing: auto;
 vertical-align: baseline;
 cursor: inherit;
 white-space: inherit;
 word-break: normal;
 word-spacing: normal;
 word-wrap: normal;
 background: 0 0;
 border: 0 transparent;
 border-radius: 0;
 margin: 0;
 padding: 0;
 list-style-type: disc;
 transition: none;
 display: block;
 position: static;
 top: auto;
 bottom: auto;
 left: auto;
 right: auto;
 overflow: visible;
 transform: none;
}
.w-webflow-badge {
 white-space: nowrap;
 cursor: pointer;
 box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.1);
 visibility: visible !important;
 z-index: 2147483647 !important;
 color: #aaadb0 !important;
 opacity: 1 !important;
 width: auto !important;
 height: auto !important;
 background-color: #fff !important;
 border-radius: 3px !important;
 margin: 0 !important;
 padding: 6px !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: 700;
}
h1 {
 margin-top: 20px;
 font-size: 38px;
 line-height: 44px;
}
h2 {
 margin-top: 20px;
 font-size: 32px;
 line-height: 36px;
}
h3 {
 margin-top: 20px;
 font-size: 24px;
 line-height: 30px;
}
h4 {
 margin-top: 10px;
 font-size: 18px;
 line-height: 24px;
}
h5 {
 margin-top: 10px;
 font-size: 14px;
 line-height: 20px;
}
h6 {
 margin-top: 10px;
 font-size: 12px;
 line-height: 18px;
}
p {
 margin-top: 0;
 margin-bottom: 10px;
}
blockquote {
 border-left: 5px solid #e2e2e2;
 margin: 0 0 10px;
 padding: 10px 20px;
 font-size: 18px;
 line-height: 22px;
}
figure {
 margin: 0 0 10px;
}
figcaption {
 text-align: center;
 margin-top: 5px;
}
ul,
ol {
 margin-top: 0;
 margin-bottom: 10px;
 padding-left: 40px;
}
.w-list-unstyled {
 padding-left: 0;
 list-style: none;
}
.w-embed:before,
.w-embed:after {
 content: " ";
 grid-area: 1/1/2/2;
 display: table;
}
.w-embed:after {
 clear: both;
}
.w-video {
 width: 100%;
 padding: 0;
 position: relative;
}
.w-video iframe,
.w-video object,
.w-video embed {
 width: 100%;
 height: 100%;
 border: none;
 position: absolute;
 top: 0;
 left: 0;
}
fieldset {
 border: 0;
 margin: 0;
 padding: 0;
}
button,
[type="button"],
[type="reset"] {
 cursor: pointer;
 -webkit-appearance: button;
 border: 0;
}
.w-form {
 margin: 0 0 15px;
}
.w-form-done {
 text-align: center;
 background-color: #ddd;
 padding: 20px;
 display: none;
}
.w-form-fail {
 background-color: #ffdede;
 margin-top: 10px;
 padding: 10px;
 display: none;
}
label {
 margin-bottom: 5px;
 font-weight: 700;
 display: block;
}
.w-input,
.w-select {
 width: 100%;
 height: 38px;
 color: #333;
 vertical-align: middle;
 background-color: #fff;
 border: 1px solid #ccc;
 margin-bottom: 10px;
 padding: 8px 12px;
 font-size: 14px;
 line-height: 1.42857;
 display: block;
}
.w-input:-moz-placeholder,
.w-select:-moz-placeholder {
 color: #999;
}
.w-input::-moz-placeholder,
.w-select::-moz-placeholder {
 color: #999;
 opacity: 1;
}
.w-input::-webkit-input-placeholder,
.w-select::-webkit-input-placeholder {
 color: #999;
}
.w-input:focus,
.w-select:focus {
 border-color: #3898ec;
 outline: 0;
}
.w-input[disabled],
.w-select[disabled],
.w-input[readonly],
.w-select[readonly],
fieldset[disabled] .w-input,
fieldset[disabled] .w-select {
 cursor: not-allowed;
}
.w-input[disabled]:not(.w-input-disabled),
.w-select[disabled]:not(.w-input-disabled),
.w-input[readonly],
.w-select[readonly],
fieldset[disabled]:not(.w-input-disabled) .w-input,
fieldset[disabled]:not(.w-input-disabled) .w-select {
 background-color: #eee;
}
textarea.w-input,
textarea.w-select {
 height: auto;
}
.w-select {
 background-color: #f3f3f3;
}
.w-select[multiple] {
 height: auto;
}
.w-form-label {
 cursor: pointer;
 margin-bottom: 0;
 font-weight: 400;
 display: inline-block;
}
.w-radio {
 margin-bottom: 5px;
 padding-left: 20px;
 display: block;
}
.w-radio:before,
.w-radio:after {
 content: " ";
 grid-area: 1/1/2/2;
 display: table;
}
.w-radio:after {
 clear: both;
}
.w-radio-input {
 float: left;
 margin: 3px 0 0 -20px;
 line-height: normal;
}
.w-file-upload {
 margin-bottom: 10px;
 display: block;
}
.w-file-upload-input {
 width: 0.1px;
 height: 0.1px;
 opacity: 0;
 z-index: -100;
 position: absolute;
 overflow: hidden;
}
.w-file-upload-default,
.w-file-upload-uploading,
.w-file-upload-success {
 color: #333;
 display: inline-block;
}
.w-file-upload-error {
 margin-top: 10px;
 display: block;
}
.w-file-upload-default.w-hidden,
.w-file-upload-uploading.w-hidden,
.w-file-upload-error.w-hidden,
.w-file-upload-success.w-hidden {
 display: none;
}
.w-file-upload-uploading-btn {
 cursor: pointer;
 background-color: #fafafa;
 border: 1px solid #ccc;
 margin: 0;
 padding: 8px 12px;
 font-size: 14px;
 font-weight: 400;
 display: flex;
}
.w-file-upload-file {
 background-color: #fafafa;
 border: 1px solid #ccc;
 flex-grow: 1;
 justify-content: space-between;
 margin: 0;
 padding: 8px 9px 8px 11px;
 display: flex;
}
.w-file-upload-file-name {
 font-size: 14px;
 font-weight: 400;
 display: block;
}
.w-file-remove-link {
 width: auto;
 height: auto;
 cursor: pointer;
 margin-top: 3px;
 margin-left: 10px;
 padding: 3px;
 display: block;
}
.w-icon-file-upload-remove {
 margin: auto;
 font-size: 10px;
}
.w-file-upload-error-msg {
 color: #ea384c;
 padding: 2px 0;
 display: inline-block;
}
.w-file-upload-info {
 padding: 0 12px;
 line-height: 38px;
 display: inline-block;
}
.w-file-upload-label {
 cursor: pointer;
 background-color: #fafafa;
 border: 1px solid #ccc;
 margin: 0;
 padding: 8px 12px;
 font-size: 14px;
 font-weight: 400;
 display: inline-block;
}
.w-icon-file-upload-icon,
.w-icon-file-upload-uploading {
 width: 20px;
 margin-right: 8px;
 display: inline-block;
}
.w-icon-file-upload-uploading {
 height: 20px;
}
.w-container {
 max-width: 940px;
 margin-left: auto;
 margin-right: auto;
}
.w-container:before,
.w-container:after {
 content: " ";
 grid-area: 1/1/2/2;
 display: table;
}
.w-container:after {
 clear: both;
}
.w-container .w-row {
 margin-left: -10px;
 margin-right: -10px;
}
.w-row:before,
.w-row:after {
 content: " ";
 grid-area: 1/1/2/2;
 display: table;
}
.w-row:after {
 clear: both;
}
.w-row .w-row {
 margin-left: 0;
 margin-right: 0;
}
.w-col {
 float: left;
 width: 100%;
 min-height: 1px;
 padding-left: 10px;
 padding-right: 10px;
 position: relative;
}
.w-col .w-col {
 padding-left: 0;
 padding-right: 0;
}
.w-col-1 {
 width: 8.33333%;
}
.w-col-2 {
 width: 16.6667%;
}
.w-col-3 {
 width: 25%;
}
.w-col-4 {
 width: 33.3333%;
}
.w-col-5 {
 width: 41.6667%;
}
.w-col-6 {
 width: 50%;
}
.w-col-7 {
 width: 58.3333%;
}
.w-col-8 {
 width: 66.6667%;
}
.w-col-9 {
 width: 75%;
}
.w-col-10 {
 width: 83.3333%;
}
.w-col-11 {
 width: 91.6667%;
}
.w-col-12 {
 width: 100%;
}
.w-hidden-main {
 display: none !important;
}
@media screen and (max-width: 991px) {
 .w-container {
  max-width: 728px;
 }
 .w-hidden-main {
  display: inherit !important;
 }
 .w-hidden-medium {
  display: none !important;
 }
 .w-col-medium-1 {
  width: 8.33333%;
 }
 .w-col-medium-2 {
  width: 16.6667%;
 }
 .w-col-medium-3 {
  width: 25%;
 }
 .w-col-medium-4 {
  width: 33.3333%;
 }
 .w-col-medium-5 {
  width: 41.6667%;
 }
 .w-col-medium-6 {
  width: 50%;
 }
 .w-col-medium-7 {
  width: 58.3333%;
 }
 .w-col-medium-8 {
  width: 66.6667%;
 }
 .w-col-medium-9 {
  width: 75%;
 }
 .w-col-medium-10 {
  width: 83.3333%;
 }
 .w-col-medium-11 {
  width: 91.6667%;
 }
 .w-col-medium-12 {
  width: 100%;
 }
 .w-col-stack {
  width: 100%;
  left: auto;
  right: auto;
 }
}
@media screen and (max-width: 767px) {
 .w-hidden-main,
 .w-hidden-medium {
  display: inherit !important;
 }
 .w-hidden-small {
  display: none !important;
 }
 .w-row,
 .w-container .w-row {
  margin-left: 0;
  margin-right: 0;
 }
 .w-col {
  width: 100%;
  left: auto;
  right: auto;
 }
 .w-col-small-1 {
  width: 8.33333%;
 }
 .w-col-small-2 {
  width: 16.6667%;
 }
 .w-col-small-3 {
  width: 25%;
 }
 .w-col-small-4 {
  width: 33.3333%;
 }
 .w-col-small-5 {
  width: 41.6667%;
 }
 .w-col-small-6 {
  width: 50%;
 }
 .w-col-small-7 {
  width: 58.3333%;
 }
 .w-col-small-8 {
  width: 66.6667%;
 }
 .w-col-small-9 {
  width: 75%;
 }
 .w-col-small-10 {
  width: 83.3333%;
 }
 .w-col-small-11 {
  width: 91.6667%;
 }
 .w-col-small-12 {
  width: 100%;
 }
}
@media screen and (max-width: 479px) {
 .w-container {
  max-width: none;
 }
 .w-hidden-main,
 .w-hidden-medium,
 .w-hidden-small {
  display: inherit !important;
 }
 .w-hidden-tiny {
  display: none !important;
 }
 .w-col {
  width: 100%;
 }
 .w-col-tiny-1 {
  width: 8.33333%;
 }
 .w-col-tiny-2 {
  width: 16.6667%;
 }
 .w-col-tiny-3 {
  width: 25%;
 }
 .w-col-tiny-4 {
  width: 33.3333%;
 }
 .w-col-tiny-5 {
  width: 41.6667%;
 }
 .w-col-tiny-6 {
  width: 50%;
 }
 .w-col-tiny-7 {
  width: 58.3333%;
 }
 .w-col-tiny-8 {
  width: 66.6667%;
 }
 .w-col-tiny-9 {
  width: 75%;
 }
 .w-col-tiny-10 {
  width: 83.3333%;
 }
 .w-col-tiny-11 {
  width: 91.6667%;
 }
 .w-col-tiny-12 {
  width: 100%;
 }
}
.w-widget {
 position: relative;
}
.w-widget-map {
 width: 100%;
 height: 400px;
}
.w-widget-map label {
 width: auto;
 display: inline;
}
.w-widget-map img {
 max-width: inherit;
}
.w-widget-map .gm-style-iw {
 text-align: center;
}
.w-widget-map .gm-style-iw > button {
 display: none !important;
}
.w-widget-twitter {
 overflow: hidden;
}
.w-widget-twitter-count-shim {
 vertical-align: top;
 width: 28px;
 height: 20px;
 text-align: center;
 background: #fff;
 border: 1px solid #758696;
 border-radius: 3px;
 display: inline-block;
 position: relative;
}
.w-widget-twitter-count-shim * {
 pointer-events: none;
 -webkit-user-select: none;
 -ms-user-select: none;
 user-select: none;
}
.w-widget-twitter-count-shim .w-widget-twitter-count-inner {
 text-align: center;
 color: #999;
 font-family: serif;
 font-size: 15px;
 line-height: 12px;
 position: relative;
}
.w-widget-twitter-count-shim .w-widget-twitter-count-clear {
 display: block;
 position: relative;
}
.w-widget-twitter-count-shim.w--large {
 width: 36px;
 height: 28px;
}
.w-widget-twitter-count-shim.w--large .w-widget-twitter-count-inner {
 font-size: 18px;
 line-height: 18px;
}
.w-widget-twitter-count-shim:not(.w--vertical) {
 margin-left: 5px;
 margin-right: 8px;
}
.w-widget-twitter-count-shim:not(.w--vertical).w--large {
 margin-left: 6px;
}
.w-widget-twitter-count-shim:not(.w--vertical):before,
.w-widget-twitter-count-shim:not(.w--vertical):after {
 content: " ";
 height: 0;
 width: 0;
 pointer-events: none;
 border: solid transparent;
 position: absolute;
 top: 50%;
 left: 0;
}
.w-widget-twitter-count-shim:not(.w--vertical):before {
 border-width: 4px;
 border-color: rgba(117, 134, 150, 0) #5d6c7b rgba(117, 134, 150, 0)
  rgba(117, 134, 150, 0);
 margin-top: -4px;
 margin-left: -9px;
}
.w-widget-twitter-count-shim:not(.w--vertical).w--large:before {
 border-width: 5px;
 margin-top: -5px;
 margin-left: -10px;
}
.w-widget-twitter-count-shim:not(.w--vertical):after {
 border-width: 4px;
 border-color: rgba(255, 255, 255, 0) #fff rgba(255, 255, 255, 0)
  rgba(255, 255, 255, 0);
 margin-top: -4px;
 margin-left: -8px;
}
.w-widget-twitter-count-shim:not(.w--vertical).w--large:after {
 border-width: 5px;
 margin-top: -5px;
 margin-left: -9px;
}
.w-widget-twitter-count-shim.w--vertical {
 width: 61px;
 height: 33px;
 margin-bottom: 8px;
}
.w-widget-twitter-count-shim.w--vertical:before,
.w-widget-twitter-count-shim.w--vertical:after {
 content: " ";
 height: 0;
 width: 0;
 pointer-events: none;
 border: solid transparent;
 position: absolute;
 top: 100%;
 left: 50%;
}
.w-widget-twitter-count-shim.w--vertical:before {
 border-width: 5px;
 border-color: #5d6c7b rgba(117, 134, 150, 0) rgba(117, 134, 150, 0);
 margin-left: -5px;
}
.w-widget-twitter-count-shim.w--vertical:after {
 border-width: 4px;
 border-color: #fff rgba(255, 255, 255, 0) rgba(255, 255, 255, 0);
 margin-left: -4px;
}
.w-widget-twitter-count-shim.w--vertical .w-widget-twitter-count-inner {
 font-size: 18px;
 line-height: 22px;
}
.w-widget-twitter-count-shim.w--vertical.w--large {
 width: 76px;
}
.w-background-video {
 height: 500px;
 color: #fff;
 position: relative;
 overflow: hidden;
}
.w-background-video > video {
 width: 100%;
 height: 100%;
 object-fit: cover;
 z-index: -100;
 background-position: 50%;
 background-size: cover;
 margin: auto;
 position: absolute;
 top: -100%;
 bottom: -100%;
 left: -100%;
 right: -100%;
}
.w-background-video > video::-webkit-media-controls-start-playback-button {
 -webkit-appearance: none;
 display: none !important;
}
.w-background-video--control {
 background-color: transparent;
 padding: 0;
 position: absolute;
 bottom: 1em;
 right: 1em;
}
.w-background-video--control > [hidden] {
 display: none !important;
}
.w-slider {
 height: 300px;
 text-align: center;
 clear: both;
 -webkit-tap-highlight-color: transparent;
 tap-highlight-color: transparent;
 background: #ddd;
 position: relative;
}
.w-slider-mask {
 z-index: 1;
 height: 100%;
 white-space: nowrap;
 display: block;
 position: relative;
 left: 0;
 right: 0;
 overflow: hidden;
}
.w-slide {
 vertical-align: top;
 width: 100%;
 height: 100%;
 white-space: normal;
 text-align: left;
 display: inline-block;
 position: relative;
}
.w-slider-nav {
 z-index: 2;
 height: 40px;
 text-align: center;
 -webkit-tap-highlight-color: transparent;
 tap-highlight-color: transparent;
 margin: auto;
 padding-top: 10px;
 position: absolute;
 top: auto;
 bottom: 0;
 left: 0;
 right: 0;
}
.w-slider-nav.w-round > div {
 border-radius: 100%;
}
.w-slider-nav.w-num > div {
 width: auto;
 height: auto;
 font-size: inherit;
 line-height: inherit;
 padding: 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 {
 width: 1em;
 height: 1em;
 cursor: pointer;
 background-color: rgba(255, 255, 255, 0.4);
 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 {
 width: 80px;
 cursor: pointer;
 color: #fff;
 -webkit-tap-highlight-color: transparent;
 tap-highlight-color: transparent;
 -webkit-user-select: none;
 -ms-user-select: none;
 user-select: none;
 margin: auto;
 font-size: 40px;
 position: absolute;
 top: 0;
 bottom: 0;
 left: 0;
 right: 0;
 overflow: hidden;
}
.w-slider-arrow-left [class^="w-icon-"],
.w-slider-arrow-right [class^="w-icon-"],
.w-slider-arrow-left [class*="\ w-icon-"],
.w-slider-arrow-right [class*="\ w-icon-"] {
 position: absolute;
}
.w-slider-arrow-left:focus,
.w-slider-arrow-right:focus {
 outline: 0;
}
.w-slider-arrow-left {
 z-index: 3;
 right: auto;
}
.w-slider-arrow-right {
 z-index: 4;
 left: auto;
}
.w-icon-slider-left,
.w-icon-slider-right {
 width: 1em;
 height: 1em;
 margin: auto;
 top: 0;
 bottom: 0;
 left: 0;
 right: 0;
}
.w-slider-aria-label {
 clip: rect(0 0 0 0);
 height: 1px;
 width: 1px;
 border: 0;
 margin: -1px;
 padding: 0;
 position: absolute;
 overflow: hidden;
}
.w-slider-force-show {
 display: block !important;
}
.w-dropdown {
 text-align: left;
 z-index: 900;
 margin-left: auto;
 margin-right: auto;
 display: inline-block;
 position: relative;
}
.w-dropdown-btn,
.w-dropdown-toggle,
.w-dropdown-link {
 vertical-align: top;
 color: #222;
 text-align: left;
 white-space: nowrap;
 margin-left: auto;
 margin-right: auto;
 padding: 20px;
 text-decoration: none;
 position: relative;
}
.w-dropdown-toggle {
 -webkit-user-select: none;
 -ms-user-select: none;
 user-select: none;
 cursor: pointer;
 padding-right: 40px;
 display: inline-block;
}
.w-dropdown-toggle:focus {
 outline: 0;
}
.w-icon-dropdown-toggle {
 width: 1em;
 height: 1em;
 margin: auto 20px auto auto;
 position: absolute;
 top: 0;
 bottom: 0;
 right: 0;
}
.w-dropdown-list {
 min-width: 100%;
 background: #ddd;
 display: none;
 position: absolute;
}
.w-dropdown-list.w--open {
 display: block;
}
.w-dropdown-link {
 color: #222;
 padding: 10px 20px;
 display: block;
}
.w-dropdown-link.w--current {
 color: #0082f3;
}
.w-dropdown-link:focus {
 outline: 0;
}
@media screen and (max-width: 767px) {
 .w-nav-brand {
  padding-left: 10px;
 }
}
.w-lightbox-backdrop {
 cursor: auto;
 letter-spacing: normal;
 text-indent: 0;
 text-shadow: none;
 text-transform: none;
 visibility: visible;
 white-space: normal;
 word-break: normal;
 word-spacing: normal;
 word-wrap: normal;
 color: #fff;
 text-align: center;
 z-index: 2000;
 opacity: 0;
 -webkit-user-select: none;
 -moz-user-select: none;
 -webkit-tap-highlight-color: transparent;
 background: rgba(0, 0, 0, 0.9);
 outline: 0;
 font-family: Helvetica Neue, Helvetica, Ubuntu, Segoe UI, Verdana, sans-serif;
 font-size: 17px;
 font-style: normal;
 font-weight: 300;
 line-height: 1.2;
 list-style: disc;
 position: fixed;
 top: 0;
 bottom: 0;
 left: 0;
 right: 0;
 -webkit-transform: translate(0);
}
.w-lightbox-backdrop,
.w-lightbox-container {
 height: 100%;
 -webkit-overflow-scrolling: touch;
 overflow: auto;
}
.w-lightbox-content {
 height: 100vh;
 position: relative;
 overflow: hidden;
}
.w-lightbox-view {
 width: 100vw;
 height: 100vh;
 opacity: 0;
 position: absolute;
}
.w-lightbox-view:before {
 content: "";
 height: 100vh;
}
.w-lightbox-group,
.w-lightbox-group .w-lightbox-view,
.w-lightbox-group .w-lightbox-view:before {
 height: 86vh;
}
.w-lightbox-frame,
.w-lightbox-view:before {
 vertical-align: middle;
 display: inline-block;
}
.w-lightbox-figure {
 margin: 0;
 position: relative;
}
.w-lightbox-group .w-lightbox-figure {
 cursor: pointer;
}
.w-lightbox-img {
 width: auto;
 height: auto;
 max-width: none;
}
.w-lightbox-image {
 float: none;
 max-width: 100vw;
 max-height: 100vh;
 display: block;
}
.w-lightbox-group .w-lightbox-image {
 max-height: 86vh;
}
.w-lightbox-caption {
 text-align: left;
 text-overflow: ellipsis;
 white-space: nowrap;
 background: rgba(0, 0, 0, 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 {
 width: 4em;
 cursor: pointer;
 background-position: 50%;
 background-repeat: no-repeat;
 background-size: 24px;
 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 {
 height: 2.6em;
 background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMTggMTciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxNyI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMCAwaDd2LTdoNXY3aDd2NWgtN3Y3aC01di03aC03eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDd2LTdoM3Y3aDd2M2gtN3Y3aC0zdi03aC03eiIgZmlsbD0iI2ZmZiIvPjwvZz48L3N2Zz4=);
 background-size: 18px;
 right: 0;
}
.w-lightbox-strip {
 white-space: nowrap;
 padding: 0 1vh;
 line-height: 0;
 position: absolute;
 bottom: 0;
 left: 0;
 right: 0;
 overflow-x: auto;
 overflow-y: hidden;
}
.w-lightbox-item {
 width: 10vh;
 box-sizing: content-box;
 cursor: pointer;
 padding: 2vh 1vh;
 display: inline-block;
 -webkit-transform: translate(0, 0);
}
.w-lightbox-active {
 opacity: 0.3;
}
.w-lightbox-thumbnail {
 height: 10vh;
 background: #222;
 position: relative;
 overflow: hidden;
}
.w-lightbox-thumbnail-image {
 position: absolute;
 top: 0;
 left: 0;
}
.w-lightbox-thumbnail .w-lightbox-tall {
 width: 100%;
 top: 50%;
 transform: translateY(-50%);
}
.w-lightbox-thumbnail .w-lightbox-wide {
 height: 100%;
 left: 50%;
 transform: translate(-50%);
}
.w-lightbox-spinner {
 box-sizing: border-box;
 width: 40px;
 height: 40px;
 border: 5px solid rgba(0, 0, 0, 0.4);
 border-radius: 50%;
 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 transparent;
 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: transparent;
 font-size: 0;
}
.w-richtext figure.w-richtext-figure-type-image,
.w-richtext figure[data-rt-type="image"] {
 display: table;
}
.w-richtext figure.w-richtext-figure-type-image > div,
.w-richtext figure[data-rt-type="image"] > div {
 display: inline-block;
}
.w-richtext figure.w-richtext-figure-type-image > figcaption,
.w-richtext figure[data-rt-type="image"] > figcaption {
 caption-side: bottom;
 display: table-caption;
}
.w-richtext figure.w-richtext-figure-type-video,
.w-richtext figure[data-rt-type="video"] {
 width: 60%;
 height: 0;
}
.w-richtext figure.w-richtext-figure-type-video iframe,
.w-richtext figure[data-rt-type="video"] iframe {
 width: 100%;
 height: 100%;
 position: absolute;
 top: 0;
 left: 0;
}
.w-richtext figure.w-richtext-figure-type-video > div,
.w-richtext figure[data-rt-type="video"] > div {
 width: 100%;
}
.w-richtext figure.w-richtext-align-center {
 clear: both;
 margin-left: auto;
 margin-right: auto;
}
.w-richtext figure.w-richtext-align-center.w-richtext-figure-type-image > div,
.w-richtext figure.w-richtext-align-center[data-rt-type="image"] > div {
 max-width: 100%;
}
.w-richtext figure.w-richtext-align-normal {
 clear: both;
}
.w-richtext figure.w-richtext-align-fullwidth {
 width: 100%;
 max-width: 100%;
 text-align: center;
 clear: both;
 margin-left: auto;
 margin-right: auto;
 display: block;
}
.w-richtext figure.w-richtext-align-fullwidth > div {
 padding-bottom: inherit;
 display: inline-block;
}
.w-richtext figure.w-richtext-align-fullwidth > figcaption {
 display: block;
}
.w-richtext figure.w-richtext-align-floatleft {
 float: left;
 clear: none;
 margin-right: 15px;
}
.w-richtext figure.w-richtext-align-floatright {
 float: right;
 clear: none;
 margin-left: 15px;
}
.w-nav {
 z-index: 1000;
 background: #ddd;
 position: relative;
}
.w-nav:before,
.w-nav:after {
 content: " ";
 grid-area: 1/1/2/2;
 display: table;
}
.w-nav:after {
 clear: both;
}
.w-nav-brand {
 float: left;
 color: #333;
 text-decoration: none;
 position: relative;
}
.w-nav-link {
 vertical-align: top;
 color: #222;
 text-align: left;
 margin-left: auto;
 margin-right: auto;
 padding: 20px;
 text-decoration: none;
 display: inline-block;
 position: relative;
}
.w-nav-link.w--current {
 color: #0082f3;
}
.w-nav-menu {
 float: right;
 position: relative;
}
[data-nav-menu-open] {
 text-align: center;
 min-width: 200px;
 background: #c8c8c8;
 position: absolute;
 top: 100%;
 left: 0;
 right: 0;
 overflow: visible;
 display: block !important;
}
.w--nav-link-open {
 display: block;
 position: relative;
}
.w-nav-overlay {
 width: 100%;
 display: none;
 position: absolute;
 top: 100%;
 left: 0;
 right: 0;
 overflow: hidden;
}
.w-nav-overlay [data-nav-menu-open] {
 top: 0;
}
.w-nav[data-animation="over-left"] .w-nav-overlay {
 width: auto;
}
.w-nav[data-animation="over-left"] .w-nav-overlay,
.w-nav[data-animation="over-left"] [data-nav-menu-open] {
 z-index: 1;
 top: 0;
 right: auto;
}
.w-nav[data-animation="over-right"] .w-nav-overlay {
 width: auto;
}
.w-nav[data-animation="over-right"] .w-nav-overlay,
.w-nav[data-animation="over-right"] [data-nav-menu-open] {
 z-index: 1;
 top: 0;
 left: auto;
}
.w-nav-button {
 float: right;
 cursor: pointer;
 -webkit-tap-highlight-color: transparent;
 tap-highlight-color: transparent;
 -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);
 }
 to {
  transform: rotate(360deg);
 }
}
.w-dyn-empty {
 background-color: #ddd;
 padding: 10px;
}
.w-dyn-hide,
.w-dyn-bind-empty,
.w-condition-invisible {
 display: none !important;
}
.wf-layout-layout {
 display: grid;
}
:root {
 --black: black;
 --white: white;
 --white-50: rgba(255, 255, 255, 0.5);
 --green: #4bd1ab;
 --dark-orchid: #ba27f6;
 --royal-blue: #446dff;
 --purple: #9991ed;
 --white-border: rgba(255, 255, 255, 0.2);
 --white-background: rgba(255, 255, 255, 0.17);
 --white-shadow: rgba(255, 255, 255, 0.2);
 --green-border: rgba(75, 209, 171, 0.23);
 --green-background: rgba(75, 209, 171, 0.14);
 --green-shadow: rgba(75, 209, 171, 0.25);
 --purple-border: rgba(153, 145, 237, 0.45);
 --purple-background: rgba(153, 145, 237, 0.17);
 --purple-shadow: rgba(153, 145, 237, 0.25);
 --yellow: #fffd3d;
 --cyan: #00eaff;
 --medium-orchid: #b5f;
 --primary-blue: #3f0efa;
}
.w-layout-grid {
 grid-row-gap: 16px;
 grid-column-gap: 16px;
 grid-template-rows: auto auto;
 grid-template-columns: 1fr 1fr;
 grid-auto-columns: 1fr;
 display: grid;
}
.w-layout-blockcontainer {
 max-width: 940px;
 margin-left: auto;
 margin-right: auto;
 display: block;
}
.w-embed-youtubevideo {
 width: 100%;
 background-image: url(../../static/youtube-placeholder.2b05e7d68d.svg);
 background-position: 50%;
 background-size: cover;
 padding-bottom: 0;
 padding-left: 0;
 padding-right: 0;
 position: relative;
}
.w-embed-youtubevideo:empty {
 min-height: 75px;
 padding-bottom: 56.25%;
}
.w-checkbox {
 margin-bottom: 5px;
 padding-left: 20px;
 display: block;
}
.w-checkbox:before {
 content: " ";
 grid-area: 1/1/2/2;
 display: table;
}
.w-checkbox:after {
 content: " ";
 clear: both;
 grid-area: 1/1/2/2;
 display: table;
}
.w-checkbox-input {
 float: left;
 margin: 4px 0 0 -20px;
 line-height: normal;
}
.w-checkbox-input--inputType-custom {
 width: 12px;
 height: 12px;
 border: 1px solid #ccc;
 border-radius: 2px;
}
.w-checkbox-input--inputType-custom.w--redirected-checked {
 background-color: #3898ec;
 background-image: url(../../static/custom-checkbox-checkmark.589d534424.svg);
 background-position: 50%;
 background-repeat: no-repeat;
 background-size: cover;
 border-color: #3898ec;
}
.w-checkbox-input--inputType-custom.w--redirected-focus {
 box-shadow: 0 0 3px 1px #3898ec;
}
@media screen and (max-width: 991px) {
 .w-layout-blockcontainer {
  max-width: 728px;
 }
}
@media screen and (max-width: 767px) {
 .w-layout-blockcontainer {
  max-width: none;
 }
}
body {
 background-color: var(--black);
 color: var(--white);
 font-family: Heebo, sans-serif;
 font-size: 17px;
 font-weight: 400;
 line-height: 1.4em;
}
h1 {
 color: var(--white);
 text-transform: capitalize;
 margin-top: -8px;
 margin-bottom: 10px;
 font-family: Syne, sans-serif;
 font-size: 60px;
 font-weight: 600;
 line-height: 1.1em;
}
h2 {
 text-transform: capitalize;
 margin-top: 10px;
 margin-bottom: 10px;
 font-family: Syne, sans-serif;
 font-size: 45px;
 font-weight: 600;
 line-height: 1.1em;
}
h3 {
 color: var(--white);
 text-transform: capitalize;
 margin-top: 20px;
 margin-bottom: 10px;
 font-family: Syne, sans-serif;
 font-size: 35px;
 font-weight: 600;
 line-height: 1.1em;
}
h4 {
 text-transform: uppercase;
 margin-top: 10px;
 margin-bottom: 10px;
 font-family: Russo One, sans-serif;
 font-size: 2rem;
 font-weight: 400;
 line-height: 120%;
}
h5 {
 color: var(--white);
 text-transform: capitalize;
 margin-top: 10px;
 margin-bottom: 10px;
 font-family: Syne, sans-serif;
 font-size: 25px;
 font-weight: 600;
 line-height: 1.1em;
}
h6 {
 color: var(--white);
 letter-spacing: 4px;
 text-transform: uppercase;
 margin-top: 10px;
 margin-bottom: 10px;
 font-family: Syne, sans-serif;
 font-size: 13px;
 font-weight: 500;
 line-height: 1.2em;
}
p {
 color: var(--white-50);
 margin-top: 10px;
 margin-bottom: 10px;
 line-height: 1.5em;
}
a {
 color: #90f;
 letter-spacing: 0.2em;
 text-transform: uppercase;
 align-items: center;
 font-size: 12px;
 font-weight: 500;
 line-height: 1.33em;
 text-decoration: none;
 transition: all 0.35s;
}
ul {
 margin-top: 0;
 margin-bottom: 10px;
 padding-left: 40px;
}
img {
 max-width: 100%;
 display: inline-block;
}
blockquote {
 border-left: 5px solid var(--green);
 color: var(--green);
 margin-bottom: 10px;
 padding: 10px 20px;
 font-size: 1.5rem;
 line-height: 125%;
}
.padding-section-m {
 padding-top: 5rem;
 padding-bottom: 5rem;
}
.form-input {
 height: auto;
 min-height: 2.75rem;
 color: #000;
 background-color: #fff;
 border: 2px solid #000;
 border-radius: 4px;
 margin-bottom: 0;
 padding: 0.5rem 0.75rem;
 font-size: 1rem;
 line-height: 1.6;
}
.form-input:focus {
 border: 2px solid var(--green);
}
.form-input::-ms-input-placeholder {
 color: rgba(0, 0, 0, 0.6);
}
.form-input::placeholder {
 color: rgba(0, 0, 0, 0.6);
}
.text-size-s {
 font-size: 0.875rem;
 line-height: 150%;
}
.margin-xs {
 margin: 1rem;
}
.padding-vertical,
.padding-vertical.padding-xxl {
 padding-left: 0;
 padding-right: 0;
}
.text-size-l {
 color: #fffd3d;
 text-transform: uppercase;
 font-size: 1.25rem;
 line-height: 150%;
}
.margin-xxs {
 margin: 0.5rem;
}
.padding-section-l {
 margin-top: -99px;
 padding-top: 7rem;
 padding-bottom: 7rem;
}
.text-size-tiny {
 font-size: 0.75rem;
 line-height: 150%;
}
.padding-global {
 color: var(--white);
 padding-left: 5%;
 padding-right: 5%;
}
.padding-m {
 padding: 2rem;
}
.max-width-l {
 width: 100%;
 max-width: 48rem;
}
.text-weight-bold {
 font-weight: 700;
}
.max-width-full {
 width: 100%;
 max-width: none;
 margin-bottom: 0;
 padding-bottom: 0;
}
.hide {
 display: none;
}
.container-l {
 width: 100%;
 max-width: 80rem;
 margin-left: auto;
 margin-right: auto;
}
.padding-section-s {
 margin-top: -31px;
 padding-top: 3rem;
 padding-bottom: 3rem;
}
.padding-xxl {
 padding: 5rem;
}
.container-s {
 width: 100%;
 max-width: 48rem;
 margin-left: auto;
 margin-right: auto;
}
.align-center {
 margin-left: auto;
 margin-right: auto;
}
.padding-top,
.padding-top.padding-m {
 padding-bottom: 0;
 padding-left: 0;
 padding-right: 0;
}
.button {
 background-image: linear-gradient(
  135deg,
  var(--dark-orchid) 15%,
  var(--royal-blue)
 );
 box-shadow: 3px 3px 0 0 var(--white);
 color: var(--white);
 text-align: center;
 text-transform: uppercase;
 border-radius: 0.5rem;
 margin-top: 12px;
 padding: 1rem 2.5rem;
 font-family: Syne, sans-serif;
 font-size: 1.25rem;
 line-height: 150%;
 transition: box-shadow 0.2s;
}
.button:hover {
 box-shadow: 6px 6px 0 0 var(--white), 3px 3px 0 0 var(--white);
}
.button.is-small {
 background-color: #ba27f6;
 margin-bottom: 12px;
 padding: 0.75rem 2rem;
 font-size: 1rem;
}
.button.is-secondary {
 background-color: var(--purple);
}
.button.is-secondary.is-small {
 background-color: #fffd3d;
}
.text-weight-medium {
 color: #fffd3d;
 font-weight: 500;
}
.margin-m {
 margin: 2rem;
}
.margin-bottom,
.margin-bottom.margin-xs,
.margin-bottom.margin-m,
.margin-bottom.margin-s,
.margin-bottom.margin-xxs,
.margin-bottom.margin-l {
 margin-top: 0;
 margin-left: 0;
 margin-right: 0;
}
.margin-l {
 margin: 3rem;
}
.margin-s {
 margin: 1.5rem;
}
.text-style-link-green-1 {
 color: #fffd3d;
 transition: color 0.2s;
}
.text-style-link-green-1:hover {
 color: var(--white);
 text-decoration: underline;
}
.heading-style-h3 {
 font-size: 2.5rem;
 font-weight: 700;
 line-height: 1.2;
}
.margin-zero {
 margin: 0;
}
.text-size-regular {
 font-size: 1rem;
 line-height: 150%;
}
.text-rich-text img {
 border-radius: 16px;
}
.navbar-link {
 color: var(--white);
 margin-right: -3px;
 padding: 1.5rem 1rem;
 font-family: Russo One, sans-serif;
 transition: color 0.2s;
}
.navbar-link:hover {
 color: var(--green);
}
.navbar-link.w--current {
 color: #ba27f6;
}
.navbar-container {
 width: 100%;
 height: 100%;
 max-width: 80rem;
 border: 1px solid var(--white-border);
 background-color: var(--white-background);
 box-shadow: 6px 6px 0 0 var(--white-shadow);
 border-radius: 8px;
 justify-content: space-between;
 align-items: center;
 margin-left: auto;
 margin-right: auto;
 padding-left: 2rem;
 padding-right: 2rem;
 display: flex;
}
.navbar {
 width: 100%;
 min-height: 4.5rem;
 background-color: transparent;
 align-items: center;
 padding: 2rem 5%;
 display: flex;
}
.navbar-menu {
 flex: 1;
 justify-content: space-between;
 align-items: center;
 margin-left: 1.5rem;
 display: flex;
 position: static;
}
.navbar-menu-button {
 padding: 0;
}
.navbar-menu-right {
 grid-column-gap: 1rem;
 grid-row-gap: 1rem;
 grid-template-rows: auto;
 grid-template-columns: 1fr 1fr;
 grid-auto-columns: 1fr;
 align-items: center;
 display: flex;
}
.section-cta {
 border-top: 1px solid var(--green-border);
 border-bottom: 1px solid var(--green-border);
 background-color: var(--green-background);
}
.cta-component {
 grid-column-gap: 5rem;
 grid-row-gap: 2rem;
 grid-template-rows: auto;
 grid-template-columns: 1fr max-content;
 grid-auto-columns: 1fr;
 justify-content: space-between;
 align-items: start;
 display: grid;
}
.cta-content {
 flex: 1;
}
.footer-bottom-wrapper {
 justify-content: space-between;
 align-items: center;
 display: flex;
}
.footer-credit-text {
 font-size: 0.875rem;
}
.footer-logo-link {
 padding-left: 0;
}
.success-message {
 color: var(--green);
 background-color: transparent;
 padding: 1.5rem;
 font-weight: 700;
}
.footer-link {
 color: #fffd3d;
 padding-top: 0.5rem;
 padding-bottom: 0.5rem;
 font-size: 0.875rem;
 font-weight: 500;
 text-decoration: none;
 transition: color 0.2s;
}
.footer-link:hover {
 color: var(--white);
}
.error-message {
 color: #d10000;
 background-color: transparent;
 margin-top: 1.5rem;
 padding: 0.875rem 1rem;
 font-weight: 700;
}
.footer-link-list {
 flex-direction: column;
 grid-template-rows: auto;
 grid-template-columns: 100%;
 grid-auto-columns: 100%;
 align-items: flex-start;
 justify-items: start;
 display: flex;
}
.footer-legal-list {
 grid-column-gap: 1.5rem;
 grid-row-gap: 0rem;
 white-space: normal;
 grid-template-rows: auto;
 grid-template-columns: max-content;
 grid-auto-columns: max-content;
 grid-auto-flow: column;
 justify-content: center;
 display: grid;
}
.footer-form-component {
 max-width: 35rem;
 margin-bottom: 0;
}
.footer-top-wrapper {
 grid-column-gap: 8vw;
 grid-row-gap: 1rem;
 border: 1px solid var(--white-border);
 background-color: var(--white-background);
 box-shadow: 6px 6px 0 0 var(--white-shadow);
 color: #fff;
 border-radius: 1rem;
 grid-template-rows: auto;
 grid-template-columns: 0.75fr 1fr;
 align-items: start;
 padding: 3rem;
}
.footer-legal-link {
 color: #ba27f6;
 font-size: 0.875rem;
 text-decoration: underline;
 transition: color 0.2s;
}
.footer-legal-link:hover {
 color: var(--white);
}
.footer-form {
 grid-column-gap: 16px;
 grid-row-gap: 16px;
 grid-template-rows: auto;
 grid-template-columns: 1fr max-content;
 grid-auto-columns: 1fr;
 margin-bottom: 0.75rem;
 display: grid;
}
.footer-social-link {
 grid-column-gap: 0.75rem;
 grid-row-gap: 0.75rem;
 align-items: center;
 padding-top: 0.5rem;
 padding-bottom: 0.5rem;
 font-size: 0.875rem;
 text-decoration: none;
 transition: color 0.2s;
 display: flex;
}
.footer-social-link:hover {
 color: var(--white);
}
.footer-left-wrapper {
 flex-direction: column;
 display: flex;
}
.footer-social-icon {
 width: 1.5rem;
 height: 1.5rem;
 color: #fff;
}
.footer-menu-wrapper {
 grid-column-gap: 2rem;
 grid-row-gap: 1rem;
 grid-template-rows: auto;
 grid-template-columns: 1fr 1fr 0.25fr;
 align-items: start;
}
.header-with-icon {
 grid-column-gap: 2rem;
 grid-row-gap: 2rem;
 display: flex;
}
.footer-logo {
 position: static;
}
.services-card-large {
 border: 1px solid var(--green-border);
 background-color: var(--green-background);
 box-shadow: 6px 6px 0 0 var(--green-shadow);
 color: var(--white);
 border-radius: 1rem;
 flex-direction: column;
 grid-template-rows: auto;
 grid-template-columns: 1fr 1fr;
 grid-auto-columns: 1fr;
 align-items: stretch;
 text-decoration: none;
 transition: box-shadow 0.2s, border-color 0.2s, background-color 0.2s;
 display: flex;
}
.services-card-large:hover {
 border-color: var(--white-border);
 background-color: var(--white-background);
 box-shadow: 6px 6px 0 0 var(--white-shadow);
}
.services-card-small {
 border: 1px solid var(--purple-border);
 background-color: var(--purple-background);
 box-shadow: 6px 6px 0 0 var(--purple-shadow);
 color: var(--white);
 border-radius: 1rem;
 flex-direction: column;
 grid-template-rows: auto;
 grid-template-columns: 1fr 1fr;
 grid-auto-columns: 1fr;
 align-items: stretch;
 text-decoration: none;
 transition: box-shadow 0.2s, border-color 0.2s, background-color 0.2s;
 display: flex;
}
.services-card-small:hover {
 border-color: var(--white-border);
 background-color: var(--white-background);
 box-shadow: 6px 6px 0 0 var(--white-shadow);
}
.results-component {
 grid-column-gap: 5rem;
 grid-row-gap: 4rem;
 grid-template-rows: auto;
 grid-template-columns: 1fr 1fr;
 grid-auto-columns: 1fr;
 align-items: start;
 display: grid;
}
.results-item-list {
 grid-column-gap: 1.5rem;
 grid-row-gap: 1.5rem;
 grid-template-rows: auto;
 padding-top: 0.5rem;
 padding-bottom: 0.5rem;
}
.logo-image {
 max-height: 3.5rem;
}
.section-partners {
 border-top: 1px solid var(--purple-border);
 border-bottom: 1px solid var(--purple-border);
 background-color: var(--purple-background);
}
.partners-content-left {
 max-width: 20rem;
}
.partners-component {
 grid-column-gap: 4rem;
 grid-row-gap: 1rem;
 grid-template-rows: auto;
 grid-template-columns: max-content 1fr;
 grid-auto-columns: 1fr;
 justify-content: space-between;
 align-items: center;
 display: grid;
}
.logo-wrapper {
 justify-content: center;
 align-items: flex-start;
 display: flex;
}
.partners-logo-list {
 grid-column-gap: 2rem;
 grid-row-gap: 1rem;
 flex-wrap: wrap;
 grid-template-rows: auto;
 grid-template-columns: 1fr 1fr 1fr 1fr;
 grid-auto-columns: 1fr;
 justify-content: flex-end;
 align-items: center;
 display: grid;
}
.faq-accordion {
 border: 1px solid var(--white-border);
 background-color: var(--white-background);
 box-shadow: 6px 6px 0 0 var(--white-shadow);
 border-radius: 8px;
 flex-direction: column;
 justify-content: flex-start;
 align-items: stretch;
 transition: box-shadow 0.2s, border-color 0.2s, background-color 0.2s;
}
.faq-accordion:hover {
 border-color: var(--green-border);
 background-color: var(--green-background);
 box-shadow: 6px 6px 0 0 var(--green-shadow);
}
.blog-item {
 border: 1px solid var(--white-border);
 background-color: var(--white-background);
 box-shadow: 6px 6px 0 0 var(--white-shadow);
 border-radius: 16px;
 transition: box-shadow 0.2s, border-color 0.2s, background-color 0.2s;
}
.blog-item:hover {
 border-color: var(--purple-border);
 background-color: var(--purple-background);
 box-shadow: 6px 6px 0 0 var(--purple-shadow);
}
.blog-featured-item {
 border: 1px solid var(--white-border);
 background-color: var(--white-background);
 box-shadow: 6px 6px 0 0 var(--white-shadow);
 border-radius: 16px;
 margin-bottom: 4rem;
 transition: box-shadow 0.2s, border-color 0.2s, background-color 0.2s;
 display: flex;
}
.blog-featured-item:hover {
 border-color: var(--purple-border);
 background-color: var(--purple-background);
 box-shadow: 6px 6px 0 0 var(--purple-shadow);
}
.blog-post-header-background-image-wrapper {
 z-index: -1;
 background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));
 position: absolute;
 top: 0%;
 bottom: 0%;
 left: 0%;
 right: 0%;
}
.blog-post-header-title-wrapper {
 max-width: 48rem;
 text-align: center;
 flex-direction: column;
 justify-content: flex-start;
 align-items: center;
 margin-left: auto;
 margin-right: auto;
 display: flex;
}
.blog-post-header-author-wrapper {
 text-align: center;
 flex-direction: column;
 align-items: center;
 display: flex;
}
.blog-post-header-date-wrapper {
 margin-top: 0.25rem;
 display: flex;
}
.image-overlay-layer {
 z-index: 1;
 background-color: rgba(0, 0, 0, 0.5);
 position: absolute;
 top: 0%;
 bottom: 0%;
 left: 0%;
 right: 0%;
}
.section-blog-post-header {
 position: relative;
}
.blog-post-header-background-image {
 width: 100%;
 height: 100%;
 object-fit: cover;
 position: absolute;
 top: 0%;
 bottom: 0%;
 left: 0%;
 right: 0%;
}
.rich-text-content {
 margin-bottom: 4rem;
}
.section-protected {
 flex-direction: column;
 justify-content: center;
 align-items: center;
 padding-top: 5rem;
 padding-bottom: 5rem;
 display: flex;
}
.utility-page-content {
 flex-direction: column;
 justify-content: center;
 align-items: center;
 padding-left: 2rem;
 padding-right: 2rem;
 display: flex;
}
.pricing-plan-green {
 border: 1px solid var(--green-border);
 background-color: var(--green-background);
 box-shadow: 6px 6px 0 0 var(--green-shadow);
 border-radius: 16px;
 padding: 2rem;
}
.pricing-plan-white {
 border: 1px solid var(--white-border);
 background-color: var(--white-background);
 box-shadow: 6px 6px 0 0 var(--white-shadow);
 border-radius: 16px;
 padding: 2rem;
}
.utility-page-form {
 min-width: 50vw;
 flex-direction: column;
 align-items: stretch;
 padding-left: 2rem;
 padding-right: 2rem;
 display: flex;
}
.text-block {
 color: #fffd3d;
}
.link-4 {
 color: #ba27f6;
}
.icon {
 color: var(--white);
}
.dropdown-text {
 color: var(--white);
 text-transform: uppercase;
 padding-top: 0.25rem;
 font-family: Russo One, sans-serif;
 transition: color 0.2s;
}
.dropdown-text:hover {
 color: var(--green);
}
.dropdown-text.w--current {
 color: #ba27f6;
}
.dropdown-list {
 background-color: transparent;
}
.dropdown-list.w--open {
 background-color: var(--black);
}
.nav-link {
 color: #f0f0f0;
 letter-spacing: -0.25px;
 border-radius: 8px;
 padding: 8px 16px;
 font-size: 18px;
 font-weight: 500;
 line-height: 24px;
 text-decoration: none;
 transition: background-color 0.3s;
}
.nav-link:hover {
 background-color: rgba(82, 82, 82, 0.32);
}
.nav-link.w--current {
 color: #642eff;
}
.banner {
 height: 48px;
 grid-column-gap: 8px;
 grid-row-gap: 8px;
 color: #fff;
 background-color: #000;
 background-image: radial-gradient(
   circle at 50% 100%,
   rgba(255, 255, 255, 0.07),
   rgba(255, 255, 255, 0) 30%
  ),
  linear-gradient(rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.08));
 justify-content: center;
 align-items: center;
 padding: 10px 32px;
 display: flex;
 position: relative;
}
.base-container {
 width: 100%;
 max-width: 1200px;
 flex-direction: column;
 align-items: center;
 margin-left: auto;
 margin-right: auto;
 padding-left: 15px;
 padding-right: 15px;
 display: flex;
}
.base-container.pos-relative {
 z-index: 90;
 position: relative;
}
.base-container.relative {
 position: relative;
}
.base-container.grid {
 min-height: 600px;
 grid-column-gap: 0px;
 grid-row-gap: 0px;
 border-radius: 20px;
 grid-template-rows: auto auto;
 grid-template-columns: 25% 25% 50%;
 grid-auto-columns: 1fr;
 align-content: center;
 justify-content: stretch;
 justify-items: stretch;
 padding: 0;
 display: grid;
}
.base-container.whole-page {
 max-height: 100vh;
 min-height: 100vh;
 justify-content: center;
 align-items: flex-start;
}
.base-container.whole-page.z-index5 {
 z-index: 5;
 position: relative;
}
.base-container.whole-page.z-index5.horizontal {
 flex-direction: row;
 justify-content: flex-start;
 align-items: center;
}
.base-container.whole-page.center {
 z-index: 10;
 align-items: center;
 position: relative;
}
.base-container.whole-page.center.more-top {
 max-height: none;
 padding-top: 30vh;
 overflow: hidden;
}
.dashboard-wrap {
 z-index: 90;
 width: auto;
 min-height: 100%;
 min-width: 100%;
 border-radius: 12px;
 justify-content: center;
 margin-top: 100px;
 display: flex;
 position: relative;
 overflow: hidden;
}
.primary-gradient-button {
 height: auto;
 min-height: 47px;
 background-color: transparent;
 background-image: linear-gradient(
  315deg,
  var(--royal-blue),
  var(--dark-orchid)
 );
 color: #fff;
 text-align: center;
 letter-spacing: 0.2em;
 text-transform: uppercase;
 border-radius: 12px;
 justify-content: center;
 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;
}
.primary-gradient-button.full-width {
 width: 100%;
}
.primary-gradient-button.full-width.margin-on-top {
 margin-top: 2rem;
}
.primary-gradient-button.full-width.mtop {
 margin-top: 5vh;
}
.primary-gradient-button.font-btn.different-padding {
 min-height: auto;
 padding-top: 12px;
 padding-bottom: 12px;
}
.primary-gradient-button.font-btn.different-padding.color-bg {
 background-image: linear-gradient(#90f, #90f);
}
.primary-gradient-button.limit-size {
 max-width: 100%;
 justify-content: center;
 padding-top: 17px;
 line-height: 100%;
 display: inline-block;
}
.primary-gradient-button.no-top.smaller {
 flex: 0 auto;
 align-self: stretch;
}
.primary-gradient-button.inline {
 margin-left: auto;
 margin-right: auto;
 display: flex;
}
.primary-gradient-button.mtop {
 margin-top: 5vh;
}
.primary-gradient-button.center-big-padding {
 width: auto;
 justify-content: center;
 align-items: center;
 margin-top: 3vh;
 margin-left: auto;
 margin-right: auto;
 padding-left: 4vw;
 padding-right: 4vw;
 display: flex;
}
.primary-gradient-button.smaller {
 min-height: auto;
 flex: 1;
 padding-top: 1vh;
 padding-bottom: 1vh;
}
.hero-title {
 margin-top: 0;
 margin-bottom: 30px;
 font-family: Russo One, sans-serif;
 font-size: 55px;
 font-weight: 400;
}
.hero-title.onboarding {
 text-align: center;
 letter-spacing: 0.02em;
 text-transform: uppercase;
 margin-top: 40px;
 line-height: 80%;
}
.blue-gradient {
 width: 200px;
 height: 200px;
 background-color: var(--royal-blue);
 filter: blur(150px);
 border-radius: 100%;
 position: absolute;
 top: auto;
 bottom: 0%;
 left: auto;
 right: 0%;
}
.blue-gradient.grad-1 {
 top: auto;
 bottom: 13%;
 left: auto;
 right: 0%;
}
.blue-gradient.g-10 {
 background-color: transparent;
 background-image: linear-gradient(
  to bottom,
  var(--dark-orchid),
  var(--yellow) 26%,
  var(--royal-blue) 65%,
  var(--dark-orchid)
 );
 top: auto;
 bottom: 0%;
 left: auto;
 right: 0%;
}
.blue-gradient.gr-4 {
 background-color: var(--royal-blue);
 bottom: 35%;
 right: -8%;
}
.blue-gradient.l-2 {
 bottom: 13%;
}
.blue-gradient.g-30 {
 background-color: transparent;
 background-image: linear-gradient(
  to bottom,
  var(--royal-blue),
  var(--dark-orchid) 26%,
  var(--yellow) 65%,
  var(--royal-blue)
 );
 top: 0%;
 bottom: auto;
 left: 19%;
 right: auto;
}
.blue-gradient.g-32 {
 background-color: transparent;
 background-image: linear-gradient(
  to bottom,
  var(--dark-orchid),
  var(--yellow) 26%,
  var(--royal-blue) 65%,
  var(--dark-orchid)
 );
 top: auto;
 bottom: 0%;
 left: auto;
 right: 2%;
}
.blue-gradient.g-21 {
 background-color: transparent;
 background-image: linear-gradient(#3f0efa, #ff00c3 26%, #90f 65%, #3f0efa);
 top: 0%;
 bottom: auto;
 left: auto;
 right: 0%;
}
.blue-gradient.g-22 {
 background-color: transparent;
 background-image: linear-gradient(#3f0efa, #ff00c3 26%, #90f 65%, #3f0efa);
 top: 14%;
 bottom: auto;
 left: 30%;
 right: auto;
}
.blue-gradient.s-6 {
 top: 18%;
 bottom: auto;
 left: auto;
 right: 16%;
}
.blue-gradient.s-4 {
 width: 200px;
 height: 200px;
 background-color: transparent;
 background-image: linear-gradient(#3f0efa, #ff00c3 26%, #90f 65%, #3f0efa);
 top: auto;
 bottom: 40%;
 left: 23%;
 right: auto;
}
.blue-gradient.g-9 {
 background-color: transparent;
 background-image: linear-gradient(#3f0efa, #ff00c3 26%, #90f 65%, #3f0efa);
 top: 14%;
 bottom: auto;
 left: 26%;
 right: auto;
}
.blue-gradient.g-77 {
 width: 300px;
 height: 300px;
 background-color: transparent;
 background-image: linear-gradient(#3f0efa, #ff00c3 26%, #90f 65%, #3f0efa);
 top: auto;
 bottom: -28%;
 left: auto;
 right: 35%;
}
.blue-gradient.g-10 {
 background-color: transparent;
 background-image: linear-gradient(#3f0efa, #ff00c3 26%, #90f 65%, #3f0efa);
 top: auto;
 bottom: 0%;
 left: auto;
 right: 0%;
}
.blue-gradient.g-90 {
 width: 200px;
 height: 200px;
 background-color: transparent;
 background-image: linear-gradient(#3f0efa, #ff00c3 26%, #90f 65%, #3f0efa);
 top: auto;
 bottom: 40%;
 left: 42%;
 right: auto;
}
.blue-gradient.g-222 {
 width: 200px;
 height: 200px;
 background-color: transparent;
 background-image: linear-gradient(#3f0efa, #ff00c3 26%, #90f 65%, #3f0efa);
 top: auto;
 bottom: 12%;
 left: auto;
 right: 13%;
}
.line-3-bottom {
 width: 100%;
 height: 1px;
 opacity: 0.4;
 background-image: linear-gradient(#90f, #3f0efa 25%, #3f0efa 69%, #90f);
 position: absolute;
 top: auto;
 bottom: 0%;
 left: auto;
 right: 0%;
}
.purple-gradient {
 width: 250px;
 height: 250px;
 background-color: var(--dark-orchid);
 filter: blur(180px);
 border-radius: 100%;
 position: absolute;
 top: 0%;
 bottom: auto;
 left: 0%;
 right: auto;
}
.purple-gradient.grad-10 {
 width: 200px;
 height: 200px;
 top: auto;
 bottom: 26%;
 left: auto;
 right: 11%;
}
.purple-gradient.grad-6 {
 width: 300px;
 height: 300px;
 background-color: transparent;
 background-image: linear-gradient(
  to top,
  var(--dark-orchid) 36%,
  var(--yellow)
 );
 filter: blur(200px);
 top: auto;
 bottom: 26%;
 left: auto;
 right: 0%;
}
.purple-gradient.grad-9 {
 width: 300px;
 height: 300px;
 top: auto;
 bottom: 26%;
 left: 0%;
 right: auto;
}
.purple-gradient.grad-5 {
 width: 200px;
 height: 200px;
 filter: blur(150px);
 background-color: transparent;
 background-image: linear-gradient(#90f, #e427a5);
 top: auto;
 bottom: 27%;
 left: 9%;
 right: auto;
}
.purple-gradient.grad-4 {
 width: 200px;
 height: 200px;
 filter: blur(150px);
 top: 8%;
 bottom: auto;
 left: 0%;
 right: auto;
}
.purple-gradient.grad-7 {
 z-index: 40;
 width: 200px;
 height: 200px;
 background-color: transparent;
 background-image: linear-gradient(
  to bottom,
  var(--dark-orchid),
  var(--dark-orchid)
 );
 filter: blur(100px);
 top: auto;
 bottom: 6%;
 left: auto;
 right: 39%;
 overflow: visible;
}
.purple-gradient.grad-7.diff-pos {
 bottom: -30%;
}
.purple-gradient.gr-5 {
 background-color: var(--dark-orchid);
}
.purple-gradient.gr-1 {
 width: 300px;
 height: 300px;
 background-color: var(--dark-orchid);
 top: auto;
 bottom: 29%;
 left: auto;
 right: 0%;
}
.purple-gradient.gr-2 {
 width: 300px;
 height: 300px;
 background-color: var(--dark-orchid);
 top: auto;
 bottom: 19%;
 left: 0%;
 right: auto;
}
.purple-gradient.gr-3 {
 width: 200px;
 height: 200px;
 background-color: transparent;
 background-image: linear-gradient(
  to bottom,
  var(--yellow),
  var(--dark-orchid)
 );
 filter: blur(150px);
 top: 2%;
 bottom: auto;
 left: auto;
 right: 14%;
}
.purple-gradient.grad-22 {
 width: 200px;
 height: 200px;
 opacity: 0.7;
 filter: blur(130px);
 top: 12%;
 bottom: auto;
 left: 40%;
 right: auto;
}
.purple-gradient.grad-20 {
 width: 200px;
 height: 200px;
 opacity: 0.8;
 filter: blur(150px);
 background-color: transparent;
 background-image: linear-gradient(#90f, #e427a5);
 top: 0%;
 bottom: auto;
 left: 0%;
 right: auto;
}
.purple-gradient.grad-21 {
 width: 200px;
 height: 200px;
 border-radius: 60%;
 top: auto;
 bottom: 0%;
 left: auto;
 right: 0%;
}
.purple-gradient.l-1 {
 top: auto;
 bottom: 21%;
 left: 20%;
 right: auto;
}
.purple-gradient.l-3 {
 width: 200px;
 height: 200px;
 filter: blur(150px);
 background-color: transparent;
 background-image: linear-gradient(#90f, #e427a5);
 top: 25%;
 bottom: auto;
 left: auto;
 right: 14%;
}
.purple-gradient.grad-31 {
 width: 300px;
 height: 300px;
 background-color: transparent;
 background-image: linear-gradient(
  to bottom,
  var(--dark-orchid) 40%,
  var(--royal-blue) 75%,
  var(--yellow)
 );
 top: 36%;
 bottom: auto;
 left: 0%;
 right: auto;
}
.purple-gradient.grad-24new,
.purple-gradient.grad-14new {
 width: 300px;
 height: 300px;
 background-color: transparent;
 background-image: linear-gradient(#90f 40%, #086efc 75%, #3f0efa);
 top: 19%;
 bottom: auto;
 left: -7%;
 right: auto;
}
.purple-gradient.grad-15new {
 width: 300px;
 height: 300px;
 background-color: transparent;
 background-image: linear-gradient(#90f 40%, #086efc 75%, #3f0efa);
 top: 13%;
 bottom: auto;
 left: auto;
 right: 1%;
}
.purple-gradient.yellow {
 filter: blur(110px);
 background-image: linear-gradient(#fffd3d, #ba27f6 48%);
}
.purple-gradient.three-color {
 width: 450px;
 height: 450px;
 filter: blur(200px);
 background-image: linear-gradient(
  315deg,
  #3f0efa,
  #3f0efa 38%,
  #fffd3d 50%,
  #ba27f6 73%,
  #ba27f6
 );
 top: auto;
 bottom: -15%;
 left: auto;
 right: -15%;
}
.gradient-con {
 height: auto;
 background-image: none;
 display: block;
 position: absolute;
 top: 0%;
 bottom: 0%;
 left: 0%;
 right: 0%;
 overflow: visible;
}
.gradient-con.banner {
 height: auto;
 bottom: 100px;
}
.gradient-con.lower-index {
 z-index: 2;
}
.dashboard {
 z-index: 100;
 width: auto;
 height: 100%;
 min-height: 80vh;
 min-width: 100%;
 -webkit-backdrop-filter: blur(5px);
 backdrop-filter: blur(5px);
 outline-offset: 0px;
 border: 40px solid rgba(255, 255, 255, 0.05);
 border-radius: 12px;
 outline: 1px solid rgba(255, 255, 255, 0.1);
 flex: 1;
 position: relative;
 overflow: hidden;
}
.line-2-right {
 width: 1px;
 height: 100%;
 opacity: 0.4;
 background-image: linear-gradient(#90f, #3f0efa 25%, #3f0efa 69%, #90f);
 position: absolute;
 top: 0%;
 bottom: auto;
 left: auto;
 right: 0%;
}
.line-4 {
 width: 1px;
 height: 0%;
 opacity: 0.4;
 background-image: linear-gradient(#90f, #3f0efa 25%, #3f0efa 69%, #90f);
 position: absolute;
 top: auto;
 bottom: 0%;
 left: 0%;
 right: auto;
}
.hero-banner-description {
 width: 90%;
 margin-top: 0;
 margin-bottom: 40px;
}
.hero-banner-description.no-max {
 width: 100%;
}
.line-1 {
 width: 100%;
 height: 1px;
 opacity: 0.4;
 background-image: linear-gradient(#90f, #3f0efa 25%, #3f0efa 69%, #90f);
 position: absolute;
 top: 0%;
 bottom: auto;
 left: 0%;
 right: auto;
}
.home-1-banner {
 z-index: 100;
 width: 100%;
 height: auto;
 align-items: center;
 padding-top: 200px;
 display: flex;
 position: relative;
 overflow: visible;
}
.home-1-content {
 max-width: 800px;
 text-align: center;
 flex-direction: column;
 justify-content: center;
 align-items: center;
 display: flex;
}
.center-wrap {
 width: 640px;
 text-align: center;
 flex-direction: column;
 align-items: center;
 margin-bottom: 60px;
 display: flex;
}
.main-description {
 margin-top: 30px;
}
.main-description.form-full-size {
 min-width: 100%;
 grid-column-gap: 11vw;
 justify-content: space-between;
 display: flex;
}
.how-it-works-fill {
 width: 100%;
 height: 0;
 background-color: #081c3a;
 border-radius: 100px;
}
.card-arrow {
 width: 24px;
 height: 24px;
 background-color: #222;
 border: 1px rgba(255, 255, 255, 0.1);
 border-style: none none solid solid;
 border-bottom-left-radius: 3px;
 position: absolute;
 top: auto;
 bottom: auto;
 left: auto;
 right: -51px;
 transform: rotate(45deg);
}
.section-our-services {
 z-index: 50;
 padding-top: 80px;
 padding-bottom: 80px;
 position: relative;
 overflow: visible;
}
.steps-content {
 grid-row-gap: 45px;
 flex-direction: column;
 grid-template-rows: auto 1fr;
 grid-template-columns: 1fr;
 grid-auto-columns: 1fr;
 padding-top: 0;
 padding-bottom: 0;
 display: flex;
}
.sticky-lottie {
 z-index: 55;
 width: 100%;
 height: 100%;
 position: relative;
}
.steps-description {
 grid-row-gap: 25px;
 flex-direction: column;
 grid-template-rows: auto auto;
 grid-template-columns: 1fr;
 grid-auto-columns: 1fr;
 display: flex;
}
.steps-title,
.no-margin {
 margin-top: 0;
 margin-bottom: 0;
}
.no-margin.white {
 color: #fff;
}
.steps-icon {
 z-index: 10;
 width: 60px;
 height: 60px;
 color: #fff;
 background-image: linear-gradient(135deg, #90f, #3f0efa);
 border-radius: 100%;
 justify-content: center;
 align-items: center;
 display: flex;
 position: relative;
}
.steps-circle-outline {
 background-color: #000;
 border: 2px solid #90f;
 border-radius: 100%;
 position: absolute;
 top: 0%;
 bottom: 0%;
 left: 0%;
 right: 0%;
}
.services-step-description {
 margin-top: 0;
 margin-bottom: 0;
}
.steps-sticky-card {
 z-index: 30;
 width: 100%;
 height: 670px;
 max-width: 500px;
 min-width: 300px;
 grid-row-gap: 40px;
 box-shadow: none;
 border-radius: 20px;
 flex-direction: column;
 grid-template-rows: auto auto;
 grid-template-columns: 1fr;
 grid-auto-columns: 1fr;
 justify-content: center;
 align-items: center;
 display: flex;
 position: -webkit-sticky;
 position: sticky;
 top: 120px;
 overflow: visible;
}
.steps-card {
 min-height: 275px;
 background-color: #222;
 border: 1px solid rgba(255, 255, 255, 0.1);
 border-radius: 20px;
 grid-template-rows: auto;
 grid-template-columns: 1fr;
 grid-auto-columns: 1fr;
 align-content: stretch;
 align-items: center;
 padding: 24px;
 display: flex;
 position: relative;
}
.steps-grid-2 {
 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;
 margin-left: auto;
 margin-right: auto;
 display: flex;
}
.steps-circle {
 width: 48px;
 height: 48px;
 border: 0 rgba(192, 192, 211, 0.2);
 border-radius: 100px;
 justify-content: center;
 align-items: center;
 display: flex;
 position: absolute;
 top: 36px;
 bottom: auto;
 left: -86px;
 right: auto;
}
.steps-circle.end {
 top: auto;
 bottom: 36px;
}
.steps-circle.center {
 top: auto;
}
.steps-cards {
 width: 100%;
 grid-column-gap: 60px;
 grid-row-gap: 24px;
 flex-direction: row;
 grid-template-rows: auto;
 grid-template-columns: auto 1fr;
 grid-auto-columns: 1fr;
 display: flex;
}
.steps-card-wrapper {
 min-height: 900px;
 grid-row-gap: 60px;
 flex-direction: column;
 grid-template-rows: auto auto;
 grid-template-columns: 1fr;
 grid-auto-columns: 1fr;
 display: flex;
}
.h2-title {
 margin-top: 0;
 margin-bottom: 0;
}
.h2-title.center {
 text-align: center;
}
.steps-tracker {
 width: 2px;
 background-color: rgba(255, 255, 255, 0.1);
 border-radius: 100px;
 flex-direction: column;
 margin-top: 80px;
 margin-bottom: 80px;
 display: flex;
}
.steps-dot {
 z-index: 10;
 width: 12px;
 height: 12px;
 background-image: linear-gradient(135deg, #90f, #3f0efa);
 border-radius: 100px;
 position: relative;
}
.saas-image-wrapper {
 width: 80%;
 object-fit: cover;
 justify-content: flex-end;
 align-items: center;
 margin-left: auto;
 display: flex;
 position: absolute;
 top: 0%;
 bottom: 0%;
 left: auto;
 right: 0%;
}
.secondary-gradient-button {
 min-height: 47px;
 opacity: 1;
 color: #fff;
 text-align: center;
 letter-spacing: 0.2em;
 text-transform: uppercase;
 background-color: transparent;
 background-image: linear-gradient(
  rgba(255, 255, 255, 0.1),
  rgba(255, 255, 255, 0.1)
 );
 border-radius: 12px;
 justify-content: center;
 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;
}
.secondary-gradient-button._100-percent.smaller {
 justify-content: flex-start;
 margin-right: auto;
 display: flex;
}
.about-saas-company-wrapper {
 width: 100%;
 grid-column-gap: 40px;
 grid-row-gap: 40px;
 justify-content: space-between;
 align-items: center;
 display: flex;
}
.section {
 z-index: 50;
 padding-top: 80px;
 padding-bottom: 80px;
 position: relative;
 overflow: visible;
}
.section.with-png {
 z-index: 40;
 padding-top: 20px;
 overflow: visible;
}
.section.without-bottom-spacing {
 z-index: 10;
 padding-bottom: 0;
}
.section.center {
 justify-content: center;
 display: flex;
}
.section.our-news-banner {
 min-height: 450px;
 flex-direction: column;
 justify-content: center;
 align-items: center;
 padding-top: 190px;
 display: flex;
 overflow: hidden;
}
.section.our-work {
 min-height: 450px;
 background-image: linear-gradient(135deg, #90f 20%, #3f0efa);
 flex-direction: column;
 justify-content: center;
 align-items: center;
 padding-top: 190px;
 display: flex;
 overflow: visible;
}
.section.big-spacing {
 padding-top: 160px;
}
.section.relative {
 z-index: 2010;
 position: relative;
 overflow: visible;
}
.section.r30 {
 z-index: 30;
 overflow: visible;
}
.grid-items-services {
 z-index: 90;
 width: 100%;
 max-width: 1200px;
 grid-column-gap: 20px;
 grid-row-gap: 20px;
 grid-template: "." "."/1fr 1fr 1fr;
 margin-left: auto;
 margin-right: auto;
 padding-left: 15px;
 padding-right: 15px;
 position: relative;
}
.about-saas-wrap-left {
 z-index: 90;
 width: 70%;
 grid-row-gap: 40px;
 flex-direction: column;
 align-items: center;
 display: flex;
 position: relative;
}
.saas-lottie {
 z-index: 80;
 width: auto;
 height: 170%;
 position: absolute;
 bottom: -97px;
}
.title-services {
 text-transform: capitalize;
 margin-top: 0;
 margin-bottom: 0;
 font-size: 25px;
}
.description-services {
 margin-bottom: 0;
}
.description-services.center {
 text-align: center;
}
.about-company-container {
 grid-row-gap: 30px;
 flex-direction: column;
 align-items: center;
 display: flex;
}
.btn-wrapper {
 max-width: 75%;
 grid-column-gap: 20px;
 grid-row-gap: 70px;
 flex-direction: column;
 margin-top: 0;
 display: flex;
}
.btn-wrapper.mt-40 {
 margin-top: 40px;
}
.btn-wrapper.no-margin {
 margin-top: 0;
}
.btn-wrapper.horizontal {
 flex-direction: row;
}
.home-2-service-item {
 grid-column-gap: 25px;
 grid-row-gap: 30px;
 -webkit-backdrop-filter: blur(5px);
 backdrop-filter: blur(5px);
 background-color: rgba(255, 255, 255, 0.05);
 border: 1px solid rgba(255, 255, 255, 0.05);
 border-radius: 12px;
 flex-direction: column;
 align-items: flex-start;
 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,
.home-2-service-item.hero-services {
 border-color: rgba(255, 255, 255, 0.5);
 box-shadow: 0 0 20px rgba(255, 255, 255, 0.25);
}
.home-2-service-item.hero-services:hover {
 border-color: rgba(255, 255, 255, 0.1);
 box-shadow: 0 0 20px rgba(255, 255, 255, 0);
}
.saas-info-wrap {
 flex-direction: row;
 justify-content: space-between;
 align-items: center;
 margin-bottom: 60px;
 display: flex;
 position: relative;
}
.hero-price-item {
 box-shadow: none;
 -webkit-backdrop-filter: blur(5px);
 backdrop-filter: blur(5px);
 background-color: rgba(255, 255, 255, 0.1);
 border: 1px solid rgba(255, 255, 255, 0.1);
 border-radius: 12px;
 padding: 30px;
 transition: all 0.35s;
}
.hero-price-item:hover {
 box-shadow: 1px 0 20px rgba(255, 255, 255, 0.25);
}
.our-price {
 width: 100%;
 grid-column-gap: 20px;
 grid-row-gap: 30px;
 grid-template-rows: auto;
 grid-template-columns: 1fr 1fr 1fr;
 grid-auto-columns: 1fr;
 display: grid;
}
.hero-price-item-pro {
 -webkit-backdrop-filter: blur(5px);
 backdrop-filter: blur(5px);
 background-color: rgba(255, 255, 255, 0.1);
 border: 1px solid rgba(255, 255, 255, 0.5);
 border-radius: 12px;
 padding: 30px;
 transition: all 0.35s;
 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);
}
.save-monay {
 color: #fff;
 letter-spacing: 0;
 text-transform: capitalize;
 margin-top: 0;
 margin-bottom: 0;
 font-size: 17px;
 font-weight: 400;
 line-height: 1em;
}
.anchor-link {
 padding-top: 30px;
 padding-bottom: 30px;
 transition: background-color 0.5s,
  padding 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
 position: relative;
 overflow: hidden;
}
.anchor-link.w--current {
 background-color: transparent;
 padding-left: 24px;
 padding-right: 24px;
}
.our-blog-container {
 z-index: 10;
 width: 100%;
 min-height: 400px;
 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;
 padding-bottom: 60px;
 display: flex;
 position: relative;
}
.avatar-info {
 grid-row-gap: 10px;
 flex-direction: column;
 justify-content: center;
 display: flex;
}
.avatar-wrapper {
 width: auto;
 grid-column-gap: 20px;
 align-items: center;
 display: flex;
}
.avatar-name {
 letter-spacing: 0;
 margin-top: 0;
 margin-bottom: 0;
 font-size: 22px;
 line-height: 1.1em;
 text-decoration: none;
}
.avatar-position {
 margin-top: 0;
 margin-bottom: 0;
 font-size: 15px;
 font-weight: 400;
}
.line {
 width: 100%;
 height: 1px;
 background-image: linear-gradient(
  225deg,
  rgba(63, 14, 250, 0.2),
  rgba(153, 0, 255, 0.2)
 );
 align-items: flex-end;
 position: absolute;
 top: auto;
 bottom: 0%;
 left: 0%;
 right: 0%;
}
.blur-bg {
 -webkit-backdrop-filter: blur(5px);
 backdrop-filter: blur(5px);
 background-color: rgba(255, 255, 255, 0.05);
 position: absolute;
 top: 0%;
 bottom: 0%;
 left: 0%;
 right: 0%;
}
.blur-bg-dark {
 -webkit-backdrop-filter: blur(5px);
 backdrop-filter: blur(5px);
 background-color: transparent;
 position: absolute;
 top: 0%;
 bottom: 0%;
 left: 0%;
 right: 0%;
}
.nav-hero-container {
 z-index: 5;
 width: 100%;
 max-width: 1200px;
 justify-content: space-between;
 align-items: center;
 margin-left: auto;
 margin-right: auto;
 padding-left: 15px;
 padding-right: 15px;
 display: flex;
}
.nav-dropdown-list-4 {
 width: 200px;
 background-color: #000;
 border: 1px solid rgba(255, 255, 255, 0.1);
 border-radius: 12px;
 padding: 15px 20px;
}
.nav-dropdown-list-4.w--open {
 padding-top: 20px;
 padding-bottom: 20px;
}
.nav-dropdown-list-4.portfolio-details.w--open {
 width: 260px;
}
.dropdown-menu-3 {
 z-index: 0;
 justify-content: space-between;
 align-items: center;
 display: flex;
}
.dropdown-header-item {
 min-height: 100%;
 grid-column-gap: 16px;
 background-color: transparent;
 align-items: center;
 padding: 32px 15px;
 transition: all 0.5s;
 display: flex;
}
.dropdown-header-item:hover {
 opacity: 0.5;
}
.dropdown-header-item.w--open:hover {
 color: #a8a4a4;
 text-decoration: none;
}
.nav-dropdowm-link-line-3 {
 width: 16px;
 height: 2px;
 opacity: 0.7;
 background-color: #90f;
 margin-right: 15px;
 display: inline-block;
}
.tablet-menu-4 {
 display: none;
}
.nav-dropdown-link-wrapper-2 {
 width: 100%;
 flex-direction: column;
 align-items: center;
 padding-left: 0;
 padding-right: 0;
 display: flex;
 position: relative;
 overflow: hidden;
}
.nav-intro-item {
 color: #fff;
 letter-spacing: 0.2em;
 text-transform: uppercase;
 font-size: 12px;
}
.nav-dropdown-item-link {
 width: 100%;
 color: #fff;
 margin-left: -20px;
 padding: 8px 8px 8px 0;
 transition: all 0.3s;
 display: flex;
}
.nav-dropdown-item-link:hover {
 color: #90f;
 margin-left: 0;
}
.nav-dropdown-item-link.w--current,
.nav-dropdown-item-link.w--current:hover {
 color: #90f;
}
.logo-ersti {
 width: 65px;
 height: 65px;
 max-height: 66px;
 max-width: 65px;
 min-width: 65px;
 object-fit: cover;
}
.border-wrap-3 {
 display: flex;
}
.brand-logo {
 padding-left: 0;
 transition-property: opacity;
 position: relative;
}
.brand-logo:hover {
 opacity: 1;
}
.brand-logo.w--current {
 transition-property: opacity;
}
.brand-logo.w--current:hover {
 opacity: 1;
}
.brand-logo.black-logo {
 width: auto;
 min-height: 66px;
 min-width: 65px;
}
.nav-menu-2 {
 text-align: right;
 justify-content: center;
 align-items: center;
 display: flex;
}
.nav-menu-shadow-overlay-4 {
 align-items: center;
 display: flex;
}
.menu-item-wrapper {
 width: 100%;
 justify-content: space-between;
 align-items: center;
 display: flex;
}
.login-tablet-wrap-2 {
 grid-column-gap: 30px;
 justify-content: space-between;
 margin-left: 30px;
 display: none;
}
.nav-fixed-menu {
 background-color: transparent;
 margin-top: 7vh;
 position: fixed;
 top: 0%;
 bottom: auto;
 left: 0%;
 right: 0%;
}
.right-header-wrapper {
 grid-column-gap: 20px;
 justify-content: flex-end;
 align-items: center;
 display: flex;
}
.btn-wrap {
 z-index: 2;
 grid-column-gap: 20px;
 justify-content: space-between;
 display: flex;
 position: relative;
}
.new-footer {
 background-image: linear-gradient(
  135deg,
  var(--dark-orchid) 15%,
  var(--royal-blue)
 );
 text-align: center;
 padding-top: 80px;
 padding-bottom: 4vh;
 position: relative;
 overflow: hidden;
}
.footer-l-1 {
 width: 100%;
 height: 1px;
 background-color: rgba(255, 255, 255, 0.2);
 display: none;
 position: absolute;
 top: 0%;
 bottom: auto;
 left: 0%;
 right: auto;
}
.form-wrap {
 width: 100%;
 flex-direction: row;
 align-items: center;
 position: relative;
}
.arrow-wrap {
 z-index: 1;
 width: 25px;
 height: 25px;
 color: #fff;
 background-color: #fff;
 border-radius: 50%;
 justify-content: center;
 align-items: center;
 transition: all 0.3s;
 display: flex;
}
.input-footer {
 color: #fff;
 background-color: transparent;
 border: 1px #fff;
 border-bottom: 1px solid rgba(255, 255, 255, 0.1);
 margin-bottom: 10px;
 margin-right: 0;
 padding: 0;
 font-size: 17px;
 transition: all 0.5s;
}
.input-footer:focus {
 border: 1px #2a8bac;
 border-bottom: 1px solid #fff;
 padding-left: 10px;
}
.input-footer::-ms-input-placeholder {
 color: rgba(255, 255, 255, 0.5);
 font-size: 17px;
}
.input-footer::placeholder {
 color: rgba(255, 255, 255, 0.5);
 font-size: 17px;
}
.input-footer.mb-0 {
 width: 100%;
 border-bottom-color: rgba(255, 255, 255, 0.2);
 margin-bottom: 0;
 padding-bottom: 6px;
}
.input-footer.mb-0::-ms-input-placeholder {
 color: rgba(255, 255, 255, 0.7);
}
.input-footer.mb-0::placeholder {
 color: rgba(255, 255, 255, 0.7);
}
.footer-form-2 {
 width: auto;
 text-align: left;
 flex-direction: column;
 align-items: flex-start;
 display: flex;
}
.footer-form-2.borders {
 grid-column-gap: 40px;
 flex-direction: row;
 padding-left: 20px;
 padding-right: 20px;
 position: relative;
}
.footer-l-3 {
 width: 100%;
 height: 1px;
 background-color: rgba(255, 255, 255, 0.2);
 display: none;
 position: absolute;
 top: auto;
 bottom: 0%;
 left: auto;
 right: 0%;
}
.top-footer-line {
 width: 100%;
 height: 1px;
 background-color: rgba(255, 255, 255, 0.2);
 position: absolute;
 top: 0%;
 bottom: auto;
 left: 0%;
 right: 0%;
}
.footer-hero-form {
 width: 280px;
 flex-direction: column;
 justify-content: flex-start;
 align-items: center;
 margin-bottom: 0;
 display: flex;
}
.app-btn {
 -webkit-backdrop-filter: blur(5px);
 backdrop-filter: blur(5px);
 background-color: rgba(255, 255, 255, 0.05);
 border: 1px solid rgba(255, 255, 255, 0.1);
 border-radius: 12px;
 padding: 15px 25px;
}
.footer-description {
 max-width: 800px;
 text-align: center;
 margin: 0 auto 50px;
}
.social-networks {
 z-index: 10;
 height: 100%;
 grid-column-gap: 30px;
 justify-content: flex-end;
 align-items: center;
 display: flex;
 position: relative;
}
.licensing-link {
 color: rgba(255, 255, 255, 0.5);
 letter-spacing: 0;
 text-transform: none;
 font-size: 17px;
 font-weight: 400;
 line-height: 1.5em;
}
.licensing-link:hover {
 color: #fff;
}
.form-submit-result-wrap {
 flex: none;
 justify-content: center;
 align-items: center;
 padding: 7px;
 display: flex;
 position: absolute;
 top: 0%;
 bottom: 0%;
 left: 0%;
 right: 0%;
}
.form-icon {
 width: auto;
 height: 13px;
 max-width: none;
 flex: none;
 display: block;
}
.error-message-white {
 color: #fff;
 text-align: center;
 background-color: transparent;
 margin-top: 20px;
 padding: 0;
}
.footer-white-paradraph {
 width: 90%;
 color: rgba(255, 255, 255, 0.7);
 margin-top: 15px;
 margin-bottom: 30px;
}
.links-container {
 min-height: 120%;
 grid-column-gap: 60px;
 grid-row-gap: 14px;
 flex-direction: column;
 justify-content: flex-start;
 align-self: flex-start;
 align-items: flex-start;
 display: flex;
}
.links-container.footer-right {
 grid-row-gap: 14px;
 justify-content: flex-start;
}
.links-container.footer-right.right {
 margin-left: 20%;
}
.success-message-transparent {
 color: #fff;
 text-align: center;
 background-color: transparent;
}
.footer-con {
 width: 100%;
 flex-direction: column;
 align-items: stretch;
 display: flex;
}
.form-submit {
 z-index: 2;
 opacity: 0;
 background-color: transparent;
 padding: 0;
 display: block;
 position: absolute;
 top: 0%;
 bottom: 0%;
 left: 0%;
 right: 0%;
}
.text-footer-white {
 color: #fff;
 margin-top: 0;
 margin-bottom: 0;
 font-size: 25px;
 line-height: 1.1em;
}
.bottom-line {
 width: 100%;
 height: 1px;
 background-color: rgba(255, 255, 255, 0.2);
 position: absolute;
 top: auto;
 bottom: 0%;
 left: 0%;
 right: 0%;
}
.form-submit-wrap {
 z-index: 1;
 cursor: pointer;
 justify-content: center;
 align-items: center;
 display: flex;
 position: absolute;
 top: auto;
 bottom: 12px;
 left: auto;
 right: 0%;
}
.footer-bottom {
 width: 100%;
 justify-content: space-between;
 align-items: center;
 display: flex;
}
.footer-center {
 width: 100%;
 margin-top: 50px;
 margin-bottom: 50px;
 padding-top: 50px;
 padding-bottom: 50px;
 position: relative;
 overflow: hidden;
}
.footer-l-4 {
 width: 1px;
 height: 100%;
 background-color: rgba(255, 255, 255, 0.2);
 position: absolute;
 top: auto;
 bottom: 0%;
 left: 0%;
 right: auto;
}
.footer-top-wrap {
 width: 100%;
 justify-content: space-between;
 align-items: flex-end;
 display: flex;
}
.footer-copyright-2 {
 color: rgba(255, 255, 255, 0.5);
 margin-bottom: 0;
 line-height: 1.5em;
}
.form-submit-result {
 width: 12px;
 height: 13px;
 flex: none;
 justify-content: center;
 align-items: center;
 display: flex;
 overflow: hidden;
}
.footer-project-link {
 color: #fff;
 align-items: flex-start;
}
.footer-project-link:hover {
 color: rgba(255, 255, 255, 0.5);
}
.footer-grid {
 grid-column-gap: 20px;
 grid-row-gap: 0px;
 grid-template-rows: auto;
 grid-template-columns: 1fr 1fr;
 grid-auto-columns: 1fr;
 justify-content: space-between;
 align-items: stretch;
 display: grid;
}
.footer-socials {
 z-index: 90;
 width: 40px;
 height: 40px;
 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;
 font-size: 18px;
 line-height: 1em;
 display: flex;
 position: relative;
}
.footer-socials.tw {
 background-image: url(../65170f81955590d93d7af75e_icons8-twitterx.svg);
 background-position: 50%;
 background-repeat: no-repeat;
 background-size: 50% 50%;
}
.footer-socials.fb {
 background-image: url(../64f586bc21d0652d09b49e01_facebook-app-symbol.webp);
 background-position: 50%;
 background-repeat: no-repeat;
 background-size: 50% 50%;
}
.footer-socials.yt {
 background-image: url(https://assets-global.website-files.com/64bc3e1a76f02c3a8cf863a2/64f5876ded2f9de345513981_youtube%20\(
   1\
  ).webp);
 background-position: 50%;
 background-repeat: no-repeat;
 background-size: 50% 50%;
}
.footer-socials.ig {
 background-image: url(https://assets-global.website-files.com/64bc3e1a76f02c3a8cf863a2/64f58817ec0b6c1443ae2d17_instagram%20\(
   6\
  ).webp);
 background-position: 50%;
 background-repeat: no-repeat;
 background-size: 50% 50%;
}
.footer-socials.tt {
 background-image: url(../64f58853f7b1f3b2c56c62dd_tik-tok.webp);
 background-position: 50%;
 background-repeat: no-repeat;
 background-size: 50% 50%;
}
.footer-socials.tv {
 background-image: url(../64fb6a4d6bfcbc6a13c9cabd_output-onlinepngtools.webp);
 background-position: 50%;
 background-repeat: no-repeat;
 background-size: 50% 41%;
}
.footer-socials.dc {
 background-image: url(https://assets-global.website-files.com/64bc3e1a76f02c3a8cf863a2/64f594f6b0587817f8ee3693_discord%20\(
   1\
  ).webp);
 background-position: 50%;
 background-repeat: no-repeat;
 background-size: 50% 50%;
}
.footer-l-2 {
 width: 1px;
 height: 100%;
 background-color: rgba(255, 255, 255, 0.2);
 position: absolute;
 top: 0%;
 bottom: auto;
 left: auto;
 right: 0%;
}
.footer-info {
 width: 100%;
 text-align: left;
 flex-direction: column;
 align-items: stretch;
 display: flex;
}
.footer-ov {
 background-color: rgba(0, 0, 0, 0.3);
 position: absolute;
 top: 0%;
 bottom: 0%;
 left: 0%;
 right: 0%;
}
.button-text {
 z-index: 20;
 position: relative;
}
.centered-link-wrapper {
 z-index: 25;
 margin-top: -70px;
 position: absolute;
 top: 0%;
 bottom: auto;
 left: auto;
 right: auto;
}
.centered-intro {
 max-width: 800px;
 text-align: center;
 flex-direction: column;
 grid-template-rows: auto;
 grid-template-columns: 1fr;
 grid-auto-columns: 1fr;
 justify-content: center;
 align-items: center;
 justify-items: center;
 margin-left: auto;
 margin-right: auto;
 display: flex;
}
.content-about-us {
 width: 100%;
 grid-column-gap: 0px;
 grid-row-gap: 16px;
 grid-template-rows: auto;
 grid-template-columns: 1fr 1fr 1fr 1fr;
 grid-auto-columns: 1fr;
 position: relative;
}
.circle-link-hover {
 width: 100%;
 height: 100%;
 background-image: linear-gradient(135deg, #90f, #3f0efa);
 border-radius: 100%;
 display: none;
 position: absolute;
 top: 0%;
 bottom: 0%;
 left: 0%;
 right: 0%;
}
.grid-png-wrapper {
 z-index: 20;
 width: 100%;
 grid-column-gap: 0px;
 grid-row-gap: 0px;
 grid-template-rows: 1fr;
 grid-template-columns: minmax(5vw, 1fr) minmax(5vw, 1fr);
 grid-auto-rows: auto;
 grid-auto-columns: 1fr;
 justify-content: center;
 display: flex;
 position: relative;
}
.outline {
 border: 1px solid rgba(255, 255, 255, 0.2);
 border-radius: 100%;
 margin: 9px;
 position: absolute;
 top: 0%;
 bottom: 0%;
 left: 0%;
 right: 0%;
}
.hero-top-content {
 margin-top: 100px;
 padding-top: 80px;
 padding-bottom: 140px;
}
.banner-scroll-indicator {
 margin-top: 100vh;
 position: absolute;
 top: 0%;
 bottom: 0%;
 left: 0%;
 right: 0%;
}
.gradient-con-2 {
 z-index: 10;
 height: auto;
 position: absolute;
 top: 0%;
 bottom: 0%;
 left: 0%;
 right: 0%;
}
.gradient-con-2.banner {
 background-image: none;
 bottom: 100px;
}
.gradient-con-2.banner._100-percent {
 z-index: 30;
 height: 100%;
}
.gradient-con-2.banner.relative-full {
 min-height: 100%;
}
.gradient-con-2.banner.r30 {
 z-index: 50;
 min-height: 100%;
 background-color: transparent;
 top: 0%;
 bottom: 0%;
 left: 0%;
 right: 0%;
 overflow: visible;
}
.gradient-con-2.banner.better-blend {
 z-index: 20;
 overflow: visible;
}
.gradient-con-2.banner.blend {
 z-index: 57;
}
.gradient-con-2.z-index1 {
 z-index: 2;
}
.about-us-title {
 margin-top: 0;
 margin-bottom: 0;
 font-size: 55px;
}
.circle-link {
 width: 140px;
 height: 140px;
 color: #fff;
 letter-spacing: 4px;
 text-transform: uppercase;
 background-color: #000;
 border: 1px rgba(255, 255, 255, 0.1);
 border-radius: 100%;
 justify-content: center;
 align-items: center;
 padding: 6px;
 font-size: 10px;
 text-decoration: none;
 display: flex;
 position: relative;
}
.about-banner {
 width: 100%;
 grid-column-gap: 5px;
 grid-row-gap: 5px;
 grid-template-rows: auto;
 grid-template-columns: auto auto auto auto auto;
 grid-auto-columns: 1fr;
 justify-content: center;
 align-items: flex-start;
 justify-items: center;
 display: grid;
 position: relative;
 overflow: visible;
}
.about-image-2 {
 background-image: none;
 background-position: 50%;
 background-repeat: no-repeat;
 background-size: cover;
 position: absolute;
 top: 0%;
 bottom: 0%;
 left: 0%;
 right: 0%;
}
.about-image-2.image-one {
 background-image: url(https://assets-global.website-files.com/64bc3e1a76f02c3a8cf863a2/64f50192a5f2e8bea53dc00b_1%20\(
   1\
  ).webp);
 background-position: 50%;
 background-size: cover;
}
.about-us-description-tablet {
 width: 90%;
 margin-top: 30px;
 margin-bottom: 0;
 display: none;
}
.hero-bottom-content {
 flex: 1;
 justify-content: center;
 align-items: stretch;
 display: flex;
}
.about-us-banner {
 border-bottom: 1px rgba(255, 255, 255, 0.1);
 flex-direction: column;
 justify-content: space-between;
 padding-top: 0;
 padding-bottom: 0;
 display: flex;
 position: relative;
 overflow: hidden;
}
.about-us-title-wrap {
 grid-column-gap: 16px;
 grid-row-gap: 36px;
 grid-template-rows: auto;
 grid-template-columns: 1fr;
 grid-auto-columns: 1fr;
}
.about-image-wrapper-2 {
 width: 20vw;
 height: 20vw;
 background-image: radial-gradient(circle, #90f 37%, #3f0efa);
 border: 1px solid #90f;
 border-radius: 12px;
 position: relative;
 overflow: hidden;
 box-shadow: 0 0 20px #90f;
}
.about-image-wrapper-2.transparent {
 box-shadow: none;
 -webkit-backdrop-filter: blur(5px);
 backdrop-filter: blur(5px);
 background-color: rgba(255, 255, 255, 0.05);
 background-image: none;
 border-color: rgba(255, 255, 255, 0.05);
}
.heading-content {
 width: 100%;
 justify-content: space-between;
 margin-bottom: 60px;
 display: flex;
}
.ava-img {
 width: 130px;
 height: 130px;
 background-image: linear-gradient(rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.15)),
  url(../6508a7f51bb8eafa593964fa_Paytience_Features.webp);
 background-position: 0 0, 50%;
 background-repeat: repeat, no-repeat;
 background-size: auto, cover;
 border-radius: 100%;
}
.ava-img:hover {
 outline-width: 3px;
 outline-color: #90f;
}
.total-balance-num {
 height: 27.5px;
 justify-content: center;
 display: flex;
 overflow: hidden;
}
.total-balance {
 text-align: center;
 border-top: 1px solid rgba(255, 255, 255, 0.1);
 border-bottom: 1px solid rgba(255, 255, 255, 0.1);
 flex-direction: column;
 align-items: center;
 padding-top: 15px;
 padding-bottom: 15px;
 display: flex;
 overflow: hidden;
}
.line-animation-home-2 {
 z-index: 90;
 width: 100%;
 height: 1px;
 max-width: 994px;
 background-color: rgba(255, 255, 255, 0.2);
 align-items: flex-end;
 margin-left: auto;
 margin-right: auto;
 position: absolute;
 top: auto;
 bottom: 0%;
 left: auto;
 right: auto;
}
.mobile-intro-nav {
 justify-content: space-between;
 align-items: center;
 display: flex;
}
.all-numbers {
 flex-direction: column;
 display: flex;
}
.all-numbers.balance-3 {
 margin-right: 10px;
}
.anim-wrap {
 overflow: hidden;
}
.content-bottom {
 z-index: 80;
 width: 100%;
 max-width: 100%;
 grid-column-gap: 80px;
 justify-content: space-between;
 align-items: flex-start;
 display: flex;
 position: relative;
}
.introd-col {
 width: 100%;
 grid-row-gap: 20px;
 text-align: left;
 flex-direction: column;
 justify-content: space-between;
 align-items: flex-start;
 display: flex;
}
.introd-ava-wrap {
 width: 133px;
 height: 133px;
 transition-property: none;
 position: relative;
}
.mobile-menu {
 width: 150px;
 grid-row-gap: 20px;
 flex-direction: column;
 justify-content: space-between;
 display: flex;
 position: absolute;
 top: 23%;
 bottom: auto;
 left: auto;
 right: auto;
}
.mobile-menu.menu-2 {
 z-index: 90;
 height: auto;
 flex: none;
}
.mob-ava {
 width: 20px;
 height: 20px;
 background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
  url(../64f4eea43a44b053aa547d77_Avatar 4.webp);
 background-position: 0 0, 50%;
 background-size: auto, cover;
 border: 1px solid rgba(255, 255, 255, 0.1);
 border-radius: 100%;
}
.display-horizontal {
 width: 100%;
 grid-column-gap: 40px;
 justify-content: space-between;
 align-items: center;
 display: flex;
}
.lottie-mobile {
 width: 110%;
 position: absolute;
}
.mob-nav {
 height: 14px;
 opacity: 0.7;
}
.gradient-con-3 {
 position: absolute;
 top: 0%;
 bottom: 0%;
 left: 0%;
 right: 0%;
}
.gradient-con-3.banner {
 bottom: 100px;
}
.gradient-con-3.about-us {
 z-index: -1;
}
.gradient-con-3.search-page {
 z-index: -1;
 width: 100%;
 height: 100%;
 position: absolute;
 top: 0%;
 bottom: 0%;
 left: 0%;
 right: 0%;
 overflow: hidden;
}
.gradient-con-3.comming-soon {
 z-index: -1;
 bottom: 100px;
}
.text-content-right {
 width: 47%;
 max-width: 47%;
 min-width: 47%;
 grid-column-gap: 20px;
 grid-row-gap: 20px;
 flex-direction: column;
 justify-content: flex-start;
 display: flex;
}
.introd-ava-play {
 z-index: 1;
 width: 37px;
 height: 37px;
 background-color: #fff;
 border-radius: 100px;
 justify-content: center;
 align-items: center;
 padding-left: 3px;
 display: flex;
 position: absolute;
 bottom: 0;
 right: 0;
 box-shadow: 0 3px 20px rgba(34, 43, 64, 0.12);
}
.introd-ava-play-hover {
 z-index: 0;
 opacity: 0.35;
 background-color: #fff;
 border-radius: 100%;
 position: absolute;
 top: 0%;
 bottom: 0%;
 left: 0%;
 right: 0%;
}
.play-icon {
 z-index: 1;
 height: 13px;
 position: relative;
}
.image-block-left {
 width: 50%;
 height: auto;
 -webkit-backdrop-filter: blur(5px);
 backdrop-filter: blur(5px);
 background-color: rgba(255, 255, 255, 0.05);
 border: 1px solid rgba(255, 255, 255, 0.5);
 border-radius: 12px;
 justify-content: center;
 align-items: center;
 padding-left: 20px;
 padding-right: 20px;
 transition: all 0.5s;
 display: flex;
 position: relative;
 overflow: hidden;
 box-shadow: 0 0 20px rgba(255, 255, 255, 0.25);
}
.image-block-left:hover {
 box-shadow: none;
 border-color: rgba(255, 255, 255, 0.05);
}
.image-block-left.vertical-sort {
 max-width: 46%;
 min-height: 100%;
 min-width: 46%;
 grid-column-gap: 20px;
 grid-row-gap: 20px;
 flex-direction: column;
 justify-content: space-between;
 align-self: flex-start;
 padding-top: 20px;
 padding-bottom: 20px;
}
.ava-bg {
 width: 136px;
 height: 136px;
 background-color: rgba(255, 255, 255, 0.2);
 border-radius: 100%;
 justify-content: center;
 align-items: center;
 display: flex;
}
.balance-number {
 color: #fff;
 margin-top: 0;
 margin-bottom: 0;
 font-size: 25px;
 line-height: 1.1em;
}
.business-statistics-right {
 min-width: 100%;
 grid-column-gap: 20px;
 flex-direction: column;
 grid-template-rows: auto auto;
 grid-template-columns: 1fr 1fr;
 grid-auto-columns: 1fr;
 align-items: flex-start;
 display: grid;
}
.grow-graph-wrap {
 width: 100%;
 height: 320px;
 background-image: none;
 background-repeat: repeat;
 background-size: auto;
 border-radius: 12px;
 flex: none;
 justify-content: space-between;
 align-items: flex-end;
 display: flex;
 position: relative;
 overflow: hidden;
}
.grow-graph-wrap.show {
 z-index: 50;
}
.grow-count-numb {
 margin-top: 0;
}
.grow-text {
 margin-top: 0;
 margin-bottom: 0;
}
.grow-graph-line {
 z-index: 1;
 width: 100%;
 height: 100%;
 max-width: 48px;
 background-image: linear-gradient(
  rgba(239, 235, 231, 0),
  rgba(239, 235, 231, 0.3)
 );
 border-left: 4px solid #fff;
 flex-direction: column;
 align-items: center;
 display: flex;
 position: relative;
}
.grow-graph-line.mod--1 {
 max-height: 99px;
}
.grow-graph-line.mod--4 {
 max-height: 51px;
}
.grow-graph-line.mod--6 {
 max-height: 147px;
}
.grow-graph-line.mod--3,
.grow-graph-line.mod--5 {
 max-height: 99px;
}
.grow-graph-line.mod--7 {
 background-image: linear-gradient(
  rgba(239, 235, 231, 0),
  rgba(239, 235, 231, 0.3)
 );
}
.grow-description {
 margin-top: 0;
 margin-bottom: 0;
}
.grow-columns {
 grid-column-gap: 80px;
 justify-content: space-between;
 display: flex;
}
.grow-graph-line-bg {
 z-index: 0;
 opacity: 0;
 background-image: linear-gradient(
  rgba(239, 235, 231, 0),
  rgba(239, 235, 231, 0.3)
 );
 transition: all 0.3s;
 position: absolute;
 top: 0%;
 bottom: 0%;
 left: 0%;
 right: 0%;
}
.business-statistics {
 width: 100%;
}
.left-container {
 max-width: 75%;
 flex-direction: column;
 align-items: flex-start;
 margin-bottom: 40px;
 display: flex;
}
.grow-count-col {
 width: auto;
}
.grow-count-columns {
 width: 100%;
 grid-column-gap: 30px;
 grid-row-gap: 20px;
 grid-template-rows: auto;
 grid-template-columns: auto auto auto;
 grid-auto-columns: 1fr;
 justify-content: space-between;
 margin-top: 40px;
 display: grid;
}
.grow-count-p {
 margin-bottom: 0;
}
.grow-col.mod--2 {
 min-width: 100%;
}
.grow-col.mod-1 {
 flex: 1;
}
.grow-graph-line-val {
 z-index: 1;
 min-width: 64px;
 opacity: 0;
 color: #90f;
 text-align: center;
 letter-spacing: 0.02em;
 white-space: nowrap;
 background-image: url(../64f502d958fe75c6664b1b96_graph_grow-val.svg);
 background-position: 50% 100%;
 background-repeat: no-repeat;
 background-size: auto;
 justify-content: center;
 padding: 4px;
 font-size: 12px;
 font-weight: 600;
 transition: all 0.3s;
 display: flex;
 position: relative;
 top: -10px;
}
.grow-graph-bg {
 z-index: 0;
 width: 100%;
 background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)),
  url(../64f502d958fe75c6664b1b97_graph_grow-bg 1.webp);
 background-position: 0 0, 0 0;
 background-repeat: repeat, no-repeat;
 background-size: auto, auto;
 position: absolute;
 top: 0%;
 bottom: 0;
 left: 0;
 right: auto;
}
.image-strip-wrapper {
 grid-column-gap: 0px;
 grid-row-gap: 16px;
 grid-template-rows: auto;
 grid-template-columns: 1fr 1fr;
 grid-auto-columns: 1fr;
 grid-auto-flow: column;
 display: grid;
}
.team-spacer {
 z-index: 10;
 background-color: #000;
 border-left: 1px solid rgba(255, 255, 255, 0.2);
 border-right: 1px solid rgba(255, 255, 255, 0.2);
 flex-direction: column;
 flex: 1;
 justify-content: flex-start;
 align-items: flex-start;
 margin-left: -2px;
 padding: 30px;
 display: flex;
 position: relative;
}
.looping-image {
 background-image: none;
 background-position: 50%;
 background-repeat: no-repeat;
 background-size: cover;
 position: absolute;
 top: 0%;
 bottom: 0%;
 left: 0%;
 right: 0%;
}
.looping-image.image-four,
.looping-image.image-two {
 background-image: none;
}
.looping-image.image-one {
 background-image: url(https://assets-global.website-files.com/64bc3e1a76f02c3a8cf863a2/64f50192a5f2e8bea53dc00b_1%20\(
   1\
  ).webp);
}
.two-section-wrap {
 position: relative;
}
.looping-image-section {
 border-bottom: 1px solid rgba(255, 255, 255, 0.2);
 padding-top: 100px;
 padding-bottom: 100px;
 position: -webkit-sticky;
 position: sticky;
 bottom: 0;
 overflow: hidden;
}
.member-job {
 margin-bottom: 0;
}
.prev-member {
 margin-top: 0;
 margin-bottom: 0;
}
.team-slide-arrow {
 z-index: 100;
 width: 80px;
 grid-column-gap: 10px;
 grid-row-gap: 10px;
 justify-content: center;
 align-items: center;
 padding-top: 10px;
 transition: opacity 0.3s;
 display: flex;
 top: auto;
 bottom: 30px;
 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;
}
.image-member-fill {
 z-index: 1;
 width: 100%;
 height: 100%;
 object-fit: cover;
 position: absolute;
 top: 0%;
 bottom: 0%;
 left: 0%;
 right: 0%;
}
.share-icon-white {
 color: #fff;
 font-size: 15px;
 line-height: 1em;
}
.home-2-share-open-up {
 justify-content: space-between;
 align-items: center;
 margin-left: 0;
 margin-right: 0;
}
.team-hero-slider {
 width: 62%;
 height: auto;
 min-width: 45rem;
 background-color: rgba(221, 221, 221, 0);
 justify-content: flex-end;
 display: flex;
}
.main-description-team {
 margin-top: 30px;
}
.team-image-overlay {
 z-index: 5;
 background-color: rgba(20, 20, 19, 0.2);
 background-image: linear-gradient(
  315deg,
  rgba(0, 0, 0, 0.45),
  transparent 59%
 );
 justify-content: flex-end;
 align-items: flex-end;
 padding: 15px;
 display: flex;
 position: absolute;
 top: 0%;
 bottom: 0%;
 left: 0%;
 right: 0%;
}
.home-2-share-open-up-list {
 width: 38px;
 background-color: transparent;
 bottom: 50px;
 right: 0;
}
.home-2-share-open-up-list.w--open {
 grid-column-gap: 20px;
 grid-row-gap: 20px;
 flex-direction: column;
 justify-content: center;
 align-items: center;
 padding-top: 20px;
 padding-bottom: 20px;
 display: flex;
}
.about-team {
 z-index: 1;
 background-color: #000;
 border-top: 1px solid rgba(255, 255, 255, 0.2);
 border-bottom: 1px solid rgba(255, 255, 255, 0.2);
 position: relative;
 overflow: hidden;
}
.member-name {
 margin-top: 0;
}
.team-item-top {
 flex-direction: column;
 display: flex;
 position: relative;
 overflow: hidden;
}
.team-slide-middle {
 width: 100%;
 text-align: left;
 flex-direction: column;
 align-items: flex-start;
 display: flex;
}
.home-2-share-link {
 color: #fff;
 justify-content: center;
 align-items: center;
 padding: 0;
 font-size: 17px;
 display: flex;
}
.home-2-share-link:hover {
 opacity: 0.7;
}
.looping-image-strip {
 grid-column-gap: 100px;
 grid-row-gap: 100px;
 grid-template-rows: auto;
 grid-template-columns: 1fr 1fr 1fr;
 grid-auto-columns: 1fr;
 grid-auto-flow: column;
 padding-right: 100px;
 display: grid;
}
.team-mask {
 width: 50%;
 overflow: visible;
}
.horizontal-con {
 width: 100%;
}
.looping-image-wrap {
 z-index: 90;
 width: 200px;
 height: 200px;
 background-image: linear-gradient(135deg, #90f 15%, #3f0efa);
 border: 1px solid #90f;
 border-radius: 12px;
 position: relative;
 overflow: hidden;
 transform: rotate(45deg);
 box-shadow: 0 0 90px rgba(153, 0, 255, 0.45);
}
.looping-image-wrap.transparent {
 box-shadow: none;
 -webkit-backdrop-filter: blur(5px);
 backdrop-filter: blur(5px);
 background-color: rgba(255, 255, 255, 0.05);
 background-image: none;
 border-color: rgba(255, 255, 255, 0.05);
}
.team-flex-wrap {
 justify-content: center;
 display: flex;
}
.next-member {
 margin-top: 0;
 margin-bottom: 0;
}
.team-image-2 {
 height: 400px;
 border-radius: 12px;
 position: relative;
 top: 0%;
 bottom: 0%;
 left: 0%;
 right: 0%;
 overflow: hidden;
}
.package-text {
 width: 100%;
 margin-top: 20px;
 margin-bottom: 30px;
}
.package-text-wrapper {
 width: 97%;
 flex-direction: column;
 align-items: flex-start;
 display: flex;
}
.tab-content {
 height: 100%;
 flex-direction: column;
 justify-content: space-between;
 align-items: flex-start;
 margin-left: 80px;
 padding-left: 80px;
 position: relative;
}
.top-pricing {
 width: 90%;
 flex-wrap: wrap;
 justify-content: space-between;
 align-items: center;
 display: flex;
}
.top-info-price {
 flex-direction: column;
 align-items: flex-start;
 display: flex;
}
.plus-wrap-current {
 z-index: 1;
 width: 65px;
 height: 65px;
 opacity: 0;
 background-image: linear-gradient(135deg, #90f, #3f0efa);
 border-radius: 100%;
 padding: 20px;
 position: absolute;
 top: auto;
 bottom: auto;
 left: auto;
 right: auto;
}
.price-ava {
 width: 60px;
 height: 60px;
 background-color: rgba(153, 0, 255, 0.2);
 border-radius: 100%;
 flex: none;
 justify-content: center;
 align-items: center;
 display: flex;
 position: relative;
 overflow: hidden;
}
.our-pricing-width {
 height: 100%;
 flex-direction: column;
 justify-content: space-between;
 display: flex;
}
.tabs-menu {
 width: 30%;
 grid-row-gap: 15px;
 flex-direction: column;
 justify-content: space-between;
 align-items: flex-start;
 display: flex;
}
.tabs {
 width: 100%;
 grid-column-gap: 0px;
 grid-row-gap: 0px;
 grid-template-rows: auto;
 grid-template-columns: 1fr 3fr;
 grid-auto-columns: 1fr;
 justify-content: space-between;
 display: flex;
}
.month {
 font-size: 20px;
}
.price-title-home-4 {
 margin-top: 0;
 margin-bottom: 0;
}
.price-content {
 width: 70%;
}
.list-item {
 margin-top: 0;
 margin-bottom: 0;
}
.plus-wrap {
 z-index: 1;
 width: 65px;
 height: 65px;
 opacity: 0;
 background-image: linear-gradient(135deg, #90f, #3f0efa);
 border-radius: 100%;
 padding: 20px;
 position: absolute;
 top: auto;
 bottom: auto;
 left: auto;
 right: auto;
}
.plus-current {
 z-index: 5;
 width: 20px;
 height: auto;
 justify-content: center;
 align-items: center;
 display: flex;
 position: relative;
}
.list-wrapper {
 align-items: center;
 display: flex;
}
.grad-line-home-4 {
 width: 2px;
 height: 100%;
 background-image: linear-gradient(135deg, #90f, #3f0efa);
 border-radius: 2px;
 position: absolute;
 top: 0%;
 bottom: auto;
 left: 0%;
 right: auto;
 box-shadow: 0 0 20px rgba(153, 0, 255, 0.6);
}
.grad-line-home-4.our-price {
 background-image: linear-gradient(135deg, var(--dark-orchid), #3f0efa);
 box-shadow: 0 0 20px rgba(186, 39, 246, 0.6);
}
.our-mission-list {
 padding-left: 0;
}
.our-mission-item {
 -webkit-text-fill-color: inherit;
 background-color: transparent;
 background-image: url(../64f50360910e9870db7d33fe_V-1.webp);
 background-position: 3%;
 background-repeat: no-repeat;
 background-clip: border-box;
 padding-left: 40px;
 display: flex;
}
.tab-pane {
 height: 100%;
}
.plus {
 z-index: 5;
 width: 20px;
 height: auto;
 justify-content: center;
 align-items: center;
 display: flex;
 position: relative;
}
.tab-radio-button {
 z-index: 100;
 width: 25px;
 height: 25px;
 border: 1px solid #90f;
 flex: none;
 margin-top: 0;
 margin-right: 10px;
 position: relative;
 box-shadow: 0 0 20px rgba(153, 0, 255, 0.6);
}
.tab-radio-button:focus {
 border-color: #ff2a0e;
}
.tab-radio-button.w--redirected-checked {
 background-image: url(../64f50360910e9870db7d33fe_V-1.webp);
 background-position: 50%;
 background-repeat: no-repeat;
 background-size: auto;
 border-width: 1px;
 border-color: rgba(153, 0, 255, 0.5);
}
.tab-radio-button.w--redirected-focus {
 border-color: rgba(153, 0, 255, 0.5);
 box-shadow: 0 0 3px 1px transparent;
}
.radio-button-label {
 letter-spacing: 0.2em;
 text-transform: uppercase;
 margin-bottom: 0;
 font-size: 12px;
 line-height: 1.2em;
}
.text-field {
 min-height: 50px;
 color: #fff;
 background-color: transparent;
 border: 1px solid #90f;
 border-radius: 12px;
 margin-bottom: 0;
 padding-top: 16px;
 padding-bottom: 16px;
 padding-left: 18px;
 font-size: 17px;
 font-weight: 400;
 transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
 box-shadow: 0 0 20px rgba(153, 0, 255, 0.6);
}
.text-field:focus {
 border-color: rgba(153, 0, 255, 0.5);
 padding-left: 24px;
 box-shadow: 0 0 20px rgba(153, 0, 255, 0);
}
.text-field::-ms-input-placeholder {
 color: rgba(255, 255, 255, 0.5);
 font-size: 17px;
 font-weight: 400;
}
.text-field::placeholder {
 color: rgba(255, 255, 255, 0.5);
 font-size: 17px;
 font-weight: 400;
}
.left-lootie-con {
 width: 100%;
 height: 550px;
 justify-content: center;
 display: flex;
 position: relative;
}
.inputs-container {
 grid-column-gap: 20px;
 justify-content: space-between;
 display: flex;
}
.form-lottie {
 width: 110%;
 position: absolute;
 top: 0%;
 bottom: 0%;
 left: auto;
 right: 0%;
}
.tab-radio-button-field {
 width: auto;
 justify-content: space-between;
 align-items: center;
 margin-bottom: 0;
 padding-left: 20px;
 display: flex;
}
.tab-radio-button-field:focus {
 color: #010524;
}
.tab-container {
 width: 100%;
 grid-column-gap: 40px;
 justify-content: space-between;
 align-items: center;
 margin-top: 62px;
 display: flex;
}
.text-message-field {
 max-height: 100%;
 max-width: 100%;
 min-height: 200px;
 min-width: 100%;
 color: #fff;
 background-color: transparent;
 border: 1px solid #90f;
 border-radius: 12px;
 margin-bottom: 0;
 padding-top: 16px;
 padding-bottom: 16px;
 padding-left: 18px;
 font-size: 17px;
 transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
 box-shadow: 0 0 20px rgba(153, 0, 255, 0.6);
}
.text-message-field:focus {
 border-color: rgba(153, 0, 255, 0.5);
 padding-left: 24px;
 box-shadow: 0 0 20px rgba(153, 0, 255, 0);
}
.text-message-field::-ms-input-placeholder {
 color: rgba(255, 255, 255, 0.5);
 font-size: 17px;
}
.text-message-field::placeholder {
 color: rgba(255, 255, 255, 0.5);
 font-size: 17px;
}
.big-form-block {
 z-index: 100;
 margin-bottom: 0;
 position: relative;
}
.large-contacts-form {
 width: 60%;
 flex-direction: column;
 justify-content: flex-start;
 position: relative;
}
.text-form {
 color: var(--white);
 letter-spacing: 4px;
 text-transform: uppercase;
 margin-top: 30px;
 margin-bottom: 20px;
 font-size: 13px;
 font-weight: 500;
}
.text-form.top-text {
 color: #fff;
 margin-top: 0;
 font-weight: 500;
}
.tab-bottom {
 background-color: rgba(255, 255, 255, 0.1);
 border-top: 1px rgba(255, 255, 255, 0.2);
 padding-top: 0;
 padding-bottom: 0;
 overflow: hidden;
}
.clip-group-section {
 width: 100%;
 height: 100%;
 position: relative;
 overflow: hidden;
}
.clip-group-section.shop-clip {
 width: 100%;
}
.tab-bottom-content {
 border-top: 1px rgba(255, 255, 255, 0.2);
 margin-left: auto;
 margin-right: auto;
 padding: 40px 36px;
}
.subtitle-faq {
 font-size: 20px;
 line-height: 1.2em;
}
.skills-item {
 border-bottom: 1px solid rgba(255, 255, 255, 0.2);
 flex-direction: column;
 display: flex;
}
.skills-item.left-top-last-one {
 border-top: 1px solid rgba(255, 255, 255, 0.3);
 border-bottom-style: solid;
 border-bottom-color: rgba(255, 255, 255, 0.3);
}
.skills-item.left-top-last-one-left {
 border-top: 1px solid rgba(255, 255, 255, 0.3);
 border-bottom-style: solid;
 border-bottom-color: rgba(255, 255, 255, 0.2);
}
.skills-item.left-top {
 max-width: 100%;
 border-top: 1px solid rgba(255, 255, 255, 0.2);
 border-bottom-style: none;
 border-bottom-color: rgba(255, 255, 255, 0.2);
}
.faq-description {
 color: #fff;
 margin-top: 0;
 margin-bottom: 0;
}
.center-con {
 width: 100%;
 text-align: center;
 flex-direction: column;
 justify-content: flex-start;
 align-items: center;
 display: flex;
}
.map-item {
 width: 100%;
 height: 375px;
 background-image: url(../64f507544133b5962dcd66e4_64f3c02f8c1b3d94bad0daca_mapbase.webp);
 background-position: 0 0;
 background-size: auto;
 justify-content: space-between;
 display: flex;
}
.horizontal-faq-line {
 width: 16px;
 height: 2px;
 background-color: #fff;
}
.tab-faq-title {
 z-index: 25;
 width: 100%;
 grid-column-gap: 40px;
 grid-row-gap: 16px;
 grid-template-rows: auto;
 grid-template-columns: 1fr auto;
 grid-auto-columns: 1fr;
 justify-content: space-between;
 margin-left: auto;
 margin-right: auto;
 display: flex;
 position: relative;
}
.faq-title {
 width: 70%;
 margin-top: 0;
 margin-bottom: 0;
}
.tab-faq {
 width: 100%;
 grid-column-gap: 60px;
 grid-template-rows: auto;
 grid-template-columns: 1fr 1fr;
 grid-auto-columns: 1fr;
 display: none;
}
.tab-top {
 width: 100%;
 grid-column-gap: 16px;
 grid-row-gap: 16px;
 cursor: pointer;
 grid-template-rows: auto;
 grid-template-columns: 1fr auto;
 grid-auto-columns: 1fr;
 padding-top: 36px;
 padding-bottom: 36px;
 transition: padding 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
 position: relative;
 overflow: hidden;
}
.hover-cover {
 background-color: rgba(142, 165, 182, 0.05);
 display: none;
 position: absolute;
 top: 0%;
 bottom: 0%;
 left: 0%;
 right: 0%;
}
.map-container {
 width: 100%;
 margin-top: 60px;
}
.main-description-banner {
 width: 65%;
 margin-top: 30px;
}
.faq-list-2 {
 width: 50%;
 flex-direction: column;
 display: flex;
}
.close-wrapp {
 justify-content: center;
 align-items: center;
 display: flex;
 position: relative;
}
.inner-lottie {
 z-index: -1;
 height: 230%;
 opacity: 0.12;
 position: absolute;
 top: auto;
 bottom: -35%;
 left: auto;
 right: auto;
}
.vertical-faq-line {
 width: 2px;
 height: 16px;
 background-color: #fff;
 position: absolute;
}
.circle-wrapper {
 justify-content: center;
 align-items: center;
 display: flex;
 position: absolute;
}
.circle-wrapper.circle-19 {
 top: 15%;
 bottom: auto;
 left: 83%;
 right: auto;
}
.circle-wrapper.circle-10 {
 top: 41%;
 bottom: auto;
 left: auto;
 right: 39%;
}
.circle-wrapper.circle-6 {
 top: 11%;
 bottom: auto;
 left: auto;
 right: 25%;
}
.circle-wrapper.circle-24 {
 top: 69%;
 bottom: auto;
 left: 51%;
 right: auto;
}
.circle-wrapper.circle-2 {
 top: 6%;
 bottom: auto;
 left: 22%;
 right: auto;
}
.circle-wrapper.circle-5 {
 top: 54%;
 bottom: auto;
 left: 1%;
 right: auto;
}
.circle-wrapper.circle-11 {
 top: auto;
 bottom: 91%;
 left: 36%;
 right: auto;
}
.circle-wrapper.circle-3 {
 top: auto;
 bottom: 8%;
 left: 12%;
 right: auto;
}
.circle-wrapper.circle-20 {
 top: 44%;
 bottom: auto;
 left: 13%;
 right: auto;
}
.circle-wrapper.circle-21 {
 top: 48%;
 bottom: auto;
 left: 76%;
 right: auto;
}
.circle-wrapper.circle-22 {
 top: 6%;
 bottom: auto;
 left: 5%;
 right: auto;
}
.circle-wrapper.circle-23 {
 top: 26%;
 bottom: auto;
 left: auto;
 right: 55%;
}
.circle-wrapper.circle-18 {
 top: 0%;
 bottom: auto;
 left: 53%;
 right: auto;
}
.circle-wrapper.circle-15 {
 top: auto;
 bottom: 63%;
 left: auto;
 right: 11%;
}
.circle-wrapper.circle-8 {
 top: auto;
 bottom: 20%;
 left: auto;
 right: 10%;
}
.circle-wrapper.circle-26 {
 top: 8%;
 bottom: auto;
 left: 31%;
 right: auto;
}
.circle-wrapper.circle-16 {
 top: 12%;
 bottom: auto;
 left: 49%;
 right: auto;
}
.circle-wrapper.circle-9 {
 top: 57%;
 bottom: auto;
 left: auto;
 right: 58%;
}
.circle-wrapper.circle-25 {
 top: 23%;
 bottom: auto;
 left: 62%;
 right: auto;
}
.circle-wrapper.circle-14 {
 top: auto;
 bottom: 57%;
 left: 35%;
 right: auto;
}
.circle-wrapper.circle-13 {
 top: auto;
 bottom: 77%;
 left: 59%;
 right: auto;
}
.circle-wrapper.circle-17 {
 top: 58%;
 bottom: auto;
 left: 22%;
 right: auto;
}
.circle-wrapper.circle-4 {
 top: auto;
 bottom: 82%;
 left: 12%;
 right: auto;
}
.circle-wrapper.circle-12 {
 top: auto;
 bottom: 17%;
 left: auto;
 right: 17%;
}
.circle-wrapper.p-4 {
 top: auto;
 bottom: 65%;
 left: 4%;
 right: auto;
}
.circle-wrapper.p-1 {
 top: 52%;
 bottom: auto;
 left: auto;
 right: 9%;
}
.circle-wrapper.p-9 {
 top: auto;
 bottom: 8%;
 left: 12%;
 right: auto;
}
.circle-wrapper.p-6 {
 top: 84%;
 bottom: auto;
 left: auto;
 right: 58%;
}
.circle-wrapper.p-2 {
 top: auto;
 bottom: 15%;
 left: 4%;
 right: auto;
}
.circle-wrapper.p-7 {
 top: auto;
 bottom: 6%;
 left: auto;
 right: 29%;
}
.large-circle {
 width: 30px;
 height: 30px;
 -webkit-backdrop-filter: blur(5px);
 backdrop-filter: blur(5px);
 background-color: rgba(255, 255, 255, 0.1);
 border-radius: 100%;
 box-shadow: 0 0 20px rgba(255, 255, 255, 0.25);
}
.white-circle {
 z-index: 5;
 width: 10px;
 height: 10px;
 background-color: #ce88fd;
 border-radius: 100%;
 position: absolute;
 box-shadow: 0 0 20px #fff;
}
.white-mini-circle {
 z-index: 5;
 width: 8px;
 height: 8px;
 background-color: #d392ff;
 border-radius: 100%;
 position: absolute;
 box-shadow: 0 0 20px #fff;
}
.large-circle-item {
 width: 40px;
 height: 40px;
 background-color: rgba(255, 255, 255, 0.15);
 border-radius: 100%;
 box-shadow: 0 0 20px rgba(255, 255, 255, 0.25);
}
.circle-ov {
 width: 100%;
 height: 100%;
 justify-content: center;
 align-items: center;
 display: flex;
 position: relative;
}
.banner-map-item {
 width: 100%;
 height: 100%;
 justify-content: space-between;
 display: flex;
}
.banner-png {
 width: 100%;
 height: 100%;
}
.map-container-banner {
 z-index: 1;
 width: 100%;
 height: 100%;
 position: absolute;
 top: 0%;
 bottom: 0%;
 left: 0%;
 right: 0%;
}
.dark-banner-ov {
 z-index: 5;
 background-color: rgba(27, 0, 44, 0.15);
 background-image: radial-gradient(
  circle,
  rgba(0, 0, 0, 0.15),
  rgba(9, 0, 42, 0.45)
 );
 position: absolute;
 top: 0%;
 bottom: 0%;
 left: 0%;
 right: 0%;
}
.map-bg {
 width: 100%;
 height: auto;
 background-image: url(../../img/background-image.svg);
 background-position: 50%;
 background-repeat: no-repeat;
 background-size: contain;
 justify-content: center;
 align-items: center;
}
.map-bg.pricing-2 {
 opacity: 0.6;
 background-image: url(../64f3be42233beaba812bf544_Primary Gradient w solid lines.webp);
 background-repeat: no-repeat;
 background-size: cover;
}
.services-img {
 width: 100%;
 height: auto;
 object-fit: cover;
}
.clients-info {
 grid-column-gap: 20px;
 grid-row-gap: 20px;
 align-items: center;
 margin-top: 30px;
 display: flex;
}
.testimonials-wrap {
 width: 100%;
 grid-column-gap: 20px;
 grid-row-gap: 16px;
 grid-template-rows: auto;
 grid-template-columns: 1fr;
 grid-auto-columns: 1fr;
 padding-right: 1em;
 display: grid;
 position: relative;
 overflow: visible;
}
.review-wrapper {
 height: auto;
 -webkit-backdrop-filter: blur(5px);
 backdrop-filter: blur(5px);
 background-color: rgba(255, 255, 255, 0.05);
 border: 1px solid rgba(255, 255, 255, 0.1);
 border-radius: 12px;
 padding: 25px;
 transition: all 0.5s;
 position: relative;
 box-shadow: 0 0 20px rgba(255, 255, 255, 0);
}
.review-wrapper:hover {
 border-color: rgba(255, 255, 255, 0.5);
 box-shadow: 0 0 20px rgba(255, 255, 255, 0.2);
}
.review-wrapper.hover-in {
 border-color: rgba(255, 255, 255, 0.5);
 box-shadow: 0 0 20px rgba(255, 255, 255, 0.15);
}
.review-wrapper.hover-in:hover {
 border-color: rgba(255, 255, 255, 0.1);
 box-shadow: 0 0 20px rgba(255, 255, 255, 0);
}
.flex-tablet-testimonials {
 grid-column-gap: 20px;
 grid-row-gap: 20px;
 flex-direction: column;
 display: none;
}
.testimonials-img {
 width: 38px;
 height: 38px;
 object-fit: cover;
 border-radius: 50px;
}
.flex-testimonials {
 grid-column-gap: 20px;
 grid-row-gap: 20px;
 flex-direction: column;
 display: flex;
}
.user-feedback {
 margin-top: 0;
 margin-bottom: 0;
}
.error-404-text {
 text-align: center;
}
.logo-brand {
 z-index: 90;
 width: auto;
 height: 24px;
 min-width: 65px;
}
._404-title {
 z-index: 50;
 -webkit-text-fill-color: transparent;
 background-image: linear-gradient(135deg, #00eaff 11%, #b5f 71%);
 -webkit-background-clip: text;
 background-clip: text;
 margin-top: 0;
 margin-bottom: 20px;
 font-size: 150px;
}
._404-content-wrapper-2 {
 z-index: 60;
 max-width: 700px;
 text-align: center;
 flex-direction: column;
 justify-content: center;
 align-items: center;
 display: flex;
 position: relative;
}
._404-logo-wrapper-2 {
 z-index: 90;
 justify-content: center;
 display: flex;
 position: absolute;
 top: 40px;
 bottom: auto;
 left: 0%;
 right: 0%;
}
._404-paragraph-2 {
 width: 100%;
 text-align: center;
 margin-top: 20px;
 margin-bottom: 40px;
}
._404-wrapper {
 z-index: 10;
 height: 100vh;
 flex-direction: column;
 justify-content: center;
 align-items: center;
 padding-top: 40px;
 padding-left: 15px;
 padding-right: 15px;
 display: flex;
 position: relative;
}
.h2-color-span {
 -webkit-text-fill-color: transparent;
 background-image: linear-gradient(135deg, #00eaff, #b5f 59%);
 -webkit-background-clip: text;
 background-clip: text;
}
.form-info {
 width: 100%;
 justify-content: space-between;
 align-items: center;
 margin-top: 30px;
 display: flex;
}
.link-sign-up {
 color: #fff;
 letter-spacing: 0;
 text-transform: none;
 font-size: 17px;
 font-weight: 400;
 line-height: 1.4em;
}
.link-sign-up:hover {
 opacity: 1;
 color: rgba(255, 255, 255, 0.5);
}
.sign-wrapper {
 width: 60%;
 text-align: center;
 flex-direction: column;
 align-items: center;
 margin-bottom: 40px;
 display: flex;
}
.forgot-password-text {
 grid-column-gap: 10px;
 color: rgba(255, 255, 255, 0.5);
 justify-content: center;
 align-items: center;
 display: flex;
}
.banner-title-sign-up {
 width: 100%;
 color: #fff;
 margin-top: 0;
 margin-bottom: 20px;
 font-size: 55px;
}
.form-2 {
 flex-direction: column;
 display: flex;
}
.forgot-password-wrap {
 text-align: center;
 justify-content: center;
 align-items: center;
 margin-top: 40px;
 display: flex;
}
.large-main-section {
 height: auto;
 min-height: 100vh;
 flex-direction: column;
 justify-content: flex-end;
 align-items: stretch;
 padding-top: 160px;
 padding-bottom: 100px;
 display: flex;
 overflow: hidden;
}
.large-main-section.sign-up {
 justify-content: center;
 padding-top: 150px;
 padding-bottom: 80px;
 position: relative;
}
.banner-content-sign-up {
 z-index: 90;
 position: relative;
}
.form-block-2 {
 z-index: 2;
 margin-bottom: 0;
 position: relative;
}
.acout-link {
 text-align: center;
 justify-content: center;
 align-items: center;
 margin-top: 40px;
 display: flex;
}
.sign-up-form {
 z-index: 100;
 width: 45%;
 -webkit-backdrop-filter: blur(5px);
 backdrop-filter: blur(5px);
 background-color: rgba(255, 255, 255, 0.05);
 border: 1px solid rgba(255, 255, 255, 0.1);
 border-radius: 12px;
 padding: 40px 30px;
 position: relative;
}
.contact-us-footer-input {
 color: #fff;
 background-color: transparent;
 border: 1px #fff;
 border-bottom: 1px solid rgba(255, 255, 255, 0.1);
 margin-bottom: 10px;
 margin-right: 0;
 padding: 0 0 0 10px;
 font-size: 17px;
 transition: all 0.5s;
}
.contact-us-footer-input:focus {
 border: 1px #2a8bac;
 border-bottom: 1px solid #fff;
 padding-left: 10px;
}
.contact-us-footer-input::-ms-input-placeholder {
 color: rgba(255, 255, 255, 0.5);
 font-size: 17px;
}
.contact-us-footer-input::placeholder {
 color: rgba(255, 255, 255, 0.5);
 font-size: 17px;
}
.contact-us-footer-input.mb-20 {
 margin-bottom: 20px;
 padding-left: 10px;
}
.banner-paragraph-sign-up {
 width: 98%;
 color: #fff;
 margin-bottom: 0;
}
.regiester-info {
 grid-column-gap: 10px;
 color: rgba(255, 255, 255, 0.5);
 justify-content: center;
 align-items: center;
 display: flex;
}
.lower-layer {
 z-index: 1;
 background-color: rgba(0, 204, 191, 0.3);
 border-radius: 5px;
 display: none;
 position: absolute;
 top: 20px;
 bottom: -20px;
 left: -20px;
 right: 20px;
}
.section-looping-logos {
 z-index: 20;
 border-bottom: 1px solid rgba(239, 249, 252, 0.1);
 justify-content: center;
 padding-top: 180px;
 padding-bottom: 180px;
 display: flex;
 position: relative;
 overflow: visible;
}
.section-looping-logos.no-padding {
 border-bottom-color: rgba(255, 255, 255, 0.2);
 padding-top: 0;
 padding-bottom: 0;
}
.grid-logos-wrapper {
 z-index: 25;
 width: 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;
 display: grid;
 position: relative;
}
.contacts-divider-2 {
 width: 100%;
 height: 2px;
 margin-top: 30px;
 margin-bottom: 20px;
 position: relative;
 overflow: hidden;
}
.contacts-right-arrow {
 max-width: 40px;
 color: rgba(175, 175, 175, 0.5);
 padding: 10px 15px;
 top: 0%;
 bottom: auto;
 left: auto;
 right: 19px;
}
.contacts-form-wrap {
 width: 50%;
 background-color: transparent;
}
.form-btn-wrap {
 width: 100%;
 margin-top: 10px;
}
.success-message-2 {
 color: #fff;
 text-align: center;
 background-color: transparent;
 border-radius: 2px;
 padding: 20px;
}
.contacts-content-wrapper-3 {
 width: 50%;
 padding-right: 40px;
}
.form-block-3 {
 margin-bottom: 0;
}
.support-text {
 width: 100%;
}
.contacts-title-3 {
 width: 100%;
 margin-bottom: 30px;
}
.contacts-wrap {
 width: 100%;
 grid-column-gap: 40px;
 justify-content: space-between;
 align-items: center;
 display: flex;
}
.contact-us-form {
 grid-row-gap: 20px;
 flex-direction: column;
 justify-content: space-between;
 display: flex;
}
.benefits-line {
 width: 100vw;
 height: 1px;
 background-color: rgba(13, 13, 13, 0.3);
 position: absolute;
 top: auto;
 bottom: 0%;
 left: 0%;
 right: 0%;
}
.benefits-line.support {
 background-color: rgba(255, 255, 255, 0.2);
}
.hidden {
 display: none;
}
.image-fill {
 width: 100%;
 height: 100%;
 object-fit: cover;
 object-position: 50% 0%;
 position: absolute;
 top: 0%;
 bottom: 0%;
 left: 0%;
 right: 0%;
 overflow: hidden;
 transform: scale(1.02);
}
.large-team-avatar {
 z-index: 20;
 width: 8rem;
 height: 8rem;
 border-radius: 100%;
 position: absolute;
 top: 25%;
 bottom: auto;
 left: 0%;
 right: auto;
 overflow: hidden;
}
.large-team-avatar.ava-3 {
 width: 8rem;
 height: 8rem;
 top: 28%;
 bottom: auto;
 left: auto;
 right: 0%;
}
.team-avatar-item-mini {
 z-index: 20;
 width: 7rem;
 height: 7rem;
 border-radius: 100%;
 position: absolute;
 top: 34%;
 bottom: auto;
 left: 12%;
 right: auto;
 overflow: hidden;
}
.team-basic--2 {
 grid-column-gap: 0rem;
 grid-row-gap: 0rem;
 grid-template-rows: auto;
 grid-template-columns: 0.5fr 1fr 0.5fr;
 grid-auto-columns: 1fr;
 display: grid;
}
.testimonial-slide {
 width: 100%;
 height: 100%;
}
.section-background-wrapper {
 margin: 18px;
 position: absolute;
 top: 0%;
 bottom: 0%;
 left: 0%;
 right: 0%;
 overflow: hidden;
}
.section-testimanials-2 {
 width: 100%;
 border-top: 1px solid rgba(255, 255, 255, 0.2);
 border-bottom: 1px solid rgba(255, 255, 255, 0.2);
 justify-content: center;
 padding-top: 0;
 padding-bottom: 0;
 display: flex;
 position: relative;
 overflow: hidden;
}
.dark-color-ov {
 background-color: rgba(0, 0, 0, 0.3);
 position: absolute;
 top: 0%;
 bottom: 0%;
 left: 0%;
 right: 0%;
}
.medium-team-avatar {
 z-index: 20;
 width: 4.5rem;
 height: 4.5rem;
 border-radius: 100%;
 position: absolute;
 top: -8%;
 bottom: auto;
 left: 0%;
 right: auto;
 overflow: hidden;
}
.team-avatar-item {
 z-index: 20;
 width: 5rem;
 height: 5rem;
 border-radius: 100%;
 position: absolute;
 top: -10%;
 bottom: auto;
 left: 58%;
 right: auto;
 overflow: hidden;
}
.small-avatar-item {
 z-index: 20;
 width: 4.5rem;
 height: 4.5rem;
 border-radius: 100%;
 position: absolute;
 top: auto;
 bottom: -7%;
 left: 49%;
 right: auto;
 overflow: hidden;
}
.home-4-looper {
 width: 100%;
 height: 100%;
}
.container-item-large {
 width: 100%;
 margin-left: auto;
 margin-right: auto;
}
.big-team-avatar {
 width: 5rem;
 height: 5rem;
 border-radius: 100%;
 position: absolute;
 top: auto;
 bottom: -1%;
 left: 34%;
 right: auto;
 overflow: hidden;
}
.min-height {
 height: 100%;
 min-height: 500px;
}
.background-testimonials {
 z-index: 10;
 background-image: linear-gradient(135deg, #90f 27%, #3f0efa);
 justify-content: center;
 align-items: center;
 display: flex;
 position: absolute;
 top: 0%;
 bottom: 0%;
 left: 0%;
 right: 0%;
}
.team-circles-home-4 {
 grid-column-gap: 1rem;
 grid-row-gap: 1rem;
 grid-template-rows: auto auto;
 grid-template-columns: 1fr 1fr;
 grid-auto-columns: 1fr;
 justify-items: center;
 display: grid;
 position: relative;
}
.services-grid {
 grid-column-gap: 40px;
 grid-row-gap: 40px;
 grid-template-rows: auto auto;
 grid-template-columns: 1fr 1fr 1fr;
 grid-auto-columns: 1fr;
 display: grid;
}
.earning-circle {
 width: 40px;
 height: 40px;
 background-image: linear-gradient(135deg, #daa3ff, #7cbbff);
 border-radius: 100%;
 justify-content: center;
 align-items: center;
 display: flex;
 position: relative;
}
.earnings-text {
 color: rgba(255, 255, 255, 0.8);
 margin-top: 0;
 margin-bottom: 0;
 font-size: 15px;
 line-height: 1.1em;
}
.arrow-card-wrap {
 width: 25px;
 height: 25px;
 position: absolute;
 top: 20px;
 bottom: auto;
 left: auto;
 right: 20px;
 overflow: hidden;
}
.card-png-wrapper {
 z-index: 100;
 width: 100%;
 height: 100%;
 max-height: 100%;
 max-width: 100%;
 min-height: 300px;
 min-width: 300px;
 justify-content: center;
 align-items: stretch;
 display: flex;
 position: relative;
 overflow: hidden;
}
.lottie-graph-2 {
 z-index: 100;
 height: 25%;
 opacity: 0.45;
 flex: none;
 position: absolute;
 top: auto;
 bottom: 10px;
 left: auto;
 right: auto;
}
.connecting {
 z-index: 0;
 width: 11.87rem;
 height: auto;
 position: absolute;
 top: -7.5rem;
 bottom: 0%;
 left: -7.4rem;
 right: 0%;
}
.about-us-intro-content {
 grid-row-gap: 8px;
 flex-direction: column;
 padding-left: 20px;
 padding-right: 20px;
 display: flex;
}
.earnings-white-text {
 color: #fff;
 margin-top: 0;
 margin-bottom: 0;
 font-size: 17px;
 font-weight: 500;
 line-height: 1.1em;
}
.earnings-wrap {
 grid-column-gap: 20px;
 justify-content: flex-start;
 align-items: center;
 display: flex;
}
.arrow-small-con {
 width: 25px;
 height: 25px;
 position: relative;
}
.about-us-wrapper {
 height: 100%;
 grid-row-gap: 40px;
 flex-direction: column;
 justify-content: center;
 align-items: flex-start;
 display: flex;
}
.lottie-graph {
 z-index: 90;
 width: 73%;
 height: auto;
 filter: brightness(500%);
 flex: none;
 position: absolute;
 top: auto;
 bottom: 36.5px;
 left: auto;
 right: auto;
}
.charts-of-statistics {
 z-index: 80;
 width: 190px;
 height: auto;
 opacity: 0.35;
 flex: none;
 position: absolute;
 top: auto;
 bottom: 0%;
 left: auto;
 right: auto;
}
.arrow-small {
 width: 24px;
 height: 24px;
}
.about-us-image {
 z-index: 10;
 width: 100%;
 height: 100%;
 max-height: 100%;
 min-height: 300px;
 min-width: 300px;
 object-fit: cover;
 position: relative;
}
.about-us-image.absolute {
 z-index: 90;
 flex: none;
 position: absolute;
}
.about-us-image.opacity {
 z-index: 1;
 opacity: 0.25;
 position: relative;
}
.image-4 {
 width: auto;
 filter: saturate(200%);
 object-fit: cover;
 position: absolute;
}
.small-con {
 grid-row-gap: 8px;
 flex-direction: column;
 display: flex;
}
.section-analytics {
 padding-top: 80px;
 padding-bottom: 0;
 position: relative;
 overflow: hidden;
}
.arrow-small-con-absolute {
 width: 25px;
 height: 25px;
 position: absolute;
 transform: translate(-25px);
}
.column-grid {
 grid-row-gap: 25px;
 border-radius: 12px;
 flex-direction: column;
 flex: 1;
 justify-content: space-between;
 align-items: center;
 display: flex;
 position: relative;
}
.card {
 z-index: 1;
 width: 100%;
 height: auto;
 max-width: 100%;
 min-height: 300px;
 min-width: 300px;
 -webkit-backdrop-filter: blur(5px);
 backdrop-filter: blur(5px);
 color: #141731;
 background-color: rgba(255, 255, 255, 0.05);
 border: 1px solid rgba(255, 255, 255, 0.1);
 border-radius: 12px;
 justify-content: center;
 transition-property: none;
 display: flex;
 position: relative;
}
.card.mod--6 {
 background-color: transparent;
 background-image: linear-gradient(135deg, #90f, #3f0efa);
 border-style: none;
}
.card.mod--2 {
 height: 100%;
 max-height: 100%;
 max-width: 100%;
 background-color: transparent;
 background-image: linear-gradient(301deg, #90f, #3f0efa 100%, #3f0efa);
 border-style: none;
}
.about-img-small {
 z-index: 2;
 width: auto;
 height: auto;
 -webkit-backdrop-filter: blur(5px);
 backdrop-filter: blur(5px);
 background-color: rgba(255, 255, 255, 0.2);
 border: 1px solid rgba(255, 255, 255, 0.2);
 border-radius: 12px;
 padding: 12px;
 display: block;
 position: absolute;
 box-shadow: -4px 5px 2.5rem rgba(171, 171, 171, 0.2);
}
.about-img-small.mod--2 {
 top: 217px;
 bottom: auto;
 left: -50px;
 right: auto;
}
.about-img-small.mod--1 {
 height: auto;
 -webkit-backdrop-filter: blur(5px);
 backdrop-filter: blur(5px);
 background-color: rgba(255, 255, 255, 0.2);
 padding: 12px;
 top: 38px;
 bottom: auto;
 left: -34px;
 right: auto;
}
.loop-container {
 width: 100%;
 grid-column-gap: 40px;
 grid-row-gap: 16px;
 grid-template-rows: auto;
 grid-template-columns: 1fr 1fr;
 grid-auto-columns: 1fr;
 align-items: center;
 display: flex;
}
.loop-image-list-right {
 width: 100%;
 height: 100%;
 grid-column-gap: 1rem;
 grid-row-gap: 1rem;
 grid-template-rows: auto;
 grid-template-columns: 1fr;
 grid-auto-columns: 1fr;
 display: grid;
}
.subscribe-form-coming-soon {
 width: 550px;
 align-items: center;
 position: relative;
}
.loop-image-wrapper {
 z-index: 90;
 width: 100%;
 background-image: linear-gradient(135deg, #90f, #3f0efa);
 border: 1px solid #90f;
 border-radius: 12px;
 justify-content: space-between;
 padding-top: 120%;
 display: flex;
 position: relative;
 overflow: hidden;
 box-shadow: 0 0 20px rgba(153, 0, 255, 0.45);
}
.success-coming-soon {
 width: 100%;
 text-align: center;
 background-color: transparent;
 border: 1px solid #90f;
 border-radius: 12px;
 padding: 20px;
 box-shadow: 0 0 20px rgba(153, 0, 255, 0.55);
}
.image-content-right {
 width: 100%;
 height: 100vh;
 grid-column-gap: 1rem;
 background-color: transparent;
 align-items: center;
 overflow: hidden;
}
.primary-gradient-button-2 {
 height: auto;
 min-height: 47px;
 color: #fff;
 text-align: center;
 letter-spacing: 0.2em;
 text-transform: uppercase;
 background-color: transparent;
 background-image: linear-gradient(315deg, #3f0efa, #90f);
 border-radius: 12px;
 justify-content: center;
 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-2:hover {
 opacity: 0.7;
}
.primary-gradient-button-2.form-btn {
 background-image: linear-gradient(315deg, #3f0efa, #90f);
 position: absolute;
 top: 6.5px;
 bottom: auto;
 left: auto;
 right: 6.5px;
}
.primary-gradient-button-2.full-width {
 width: 100%;
}
.primary-gradient-button-2.form-button {
 min-width: 100%;
 margin-top: 2vh;
}
.logo-ersti-comong-soon {
 width: auto;
 height: 70px;
 max-width: none;
 min-width: 65px;
 object-fit: cover;
}
.form-input-2 {
 height: 60px;
 -webkit-backdrop-filter: blur(5px);
 backdrop-filter: blur(5px);
 color: #fff;
 background-color: rgba(255, 255, 255, 0.05);
 border: 1px solid #90f;
 border-radius: 12px;
 margin-bottom: 0;
 padding: 10px 20px;
 font-size: 17px;
 transition: all 0.5s ease-in-out;
 box-shadow: 0 0 20px rgba(153, 0, 255, 0.6);
}
.form-input-2:focus {
 border-style: solid;
 border-color: rgba(153, 0, 255, 0.5);
 padding-left: 30px;
 box-shadow: 0 0 20px rgba(153, 0, 255, 0);
}
.form-input-2::-ms-input-placeholder {
 color: rgba(255, 255, 255, 0.5);
 font-size: 17px;
}
.form-input-2::placeholder {
 color: rgba(255, 255, 255, 0.5);
 font-size: 17px;
}
.blue-gradient-2 {
 width: 200px;
 height: 200px;
 filter: blur(150px);
 background-color: #3f0efa;
 border-radius: 100%;
 position: absolute;
 top: auto;
 bottom: 0%;
 left: auto;
 right: 0%;
}
.blue-gradient-2.g-9 {
 background-color: transparent;
 background-image: linear-gradient(
  to bottom,
  var(--dark-orchid),
  var(--yellow) 26%,
  var(--royal-blue) 65%,
  var(--dark-orchid)
 );
 top: 14%;
 bottom: auto;
 left: 26%;
 right: auto;
}
.blue-gradient-2.g-77 {
 width: 300px;
 height: 300px;
 background-color: transparent;
 background-image: linear-gradient(
  to bottom,
  var(--royal-blue),
  var(--yellow) 26%,
  var(--dark-orchid) 65%,
  var(--royal-blue)
 );
 top: auto;
 bottom: -28%;
 left: auto;
 right: 35%;
}
.blue-gradient-2.g-33 {
 background-color: transparent;
 background-image: linear-gradient(#3f0efa, #ff00c3 26%, #90f 65%, #3f0efa);
 top: auto;
 bottom: -22%;
 left: auto;
 right: 5%;
}
.blue-gradient-2.g-34 {
 background-color: transparent;
 background-image: linear-gradient(#3f0efa, #ff00c3 26%, #90f 65%, #3f0efa);
 top: 20%;
 bottom: auto;
 left: 19%;
 right: auto;
}
.blue-gradient-2.gr-4 {
 bottom: 35%;
 right: -8%;
}
.blue-gradient-2.l-2 {
 bottom: 13%;
}
.blue-gradient-2.g-32 {
 background-color: transparent;
 background-image: linear-gradient(#3f0efa, #ff00c3 26%, #90f 65%, #3f0efa);
 top: auto;
 bottom: -13%;
 left: auto;
 right: 2%;
}
.blue-gradient-2.d-9 {
 width: 250px;
 height: 250px;
 background-color: transparent;
 background-image: linear-gradient(#3f0efa, #ff00c3 26%, #90f 65%, #3f0efa);
 top: auto;
 bottom: 32%;
 left: 73%;
 right: auto;
}
.blue-gradient-2.d-10 {
 width: 250px;
 height: 250px;
 background-color: transparent;
 background-image: linear-gradient(#3f0efa, #ff00c3 26%, #90f 65%, #3f0efa);
 top: auto;
 bottom: 23%;
 left: 55%;
 right: auto;
}
.blue-gradient-2.d-4 {
 width: 250px;
 height: 250px;
 background-color: transparent;
 background-image: linear-gradient(#3f0efa, #ff00c3 26%, #90f 65%, #3f0efa);
 top: 24%;
 bottom: auto;
 left: auto;
 right: 10%;
}
.blue-gradient-2.d-8 {
 width: 250px;
 height: 250px;
 background-color: transparent;
 background-image: linear-gradient(#3f0efa, #ff00c3 26%, #90f 65%, #3f0efa);
 top: auto;
 bottom: -4%;
 left: 17%;
 right: auto;
 overflow: visible;
}
.blue-gradient-2.d-1 {
 background-color: transparent;
 background-image: linear-gradient(#3f0efa, #ff00c3 26%, #90f 65%, #3f0efa);
 top: 0%;
 bottom: auto;
 left: auto;
 right: 0%;
}
.blue-gradient-2.d-2 {
 width: 250px;
 height: 250px;
 background-color: transparent;
 background-image: linear-gradient(#3f0efa, #ff00c3 26%, #90f 65%, #3f0efa);
 top: 9%;
 bottom: auto;
 left: auto;
 right: 32%;
}
.blue-gradient-2.s-2 {
 width: 200px;
 height: 200px;
 background-color: transparent;
 background-image: linear-gradient(#3f0efa, #ff00c3 26%, #90f 65%, #3f0efa);
 top: auto;
 bottom: 40%;
 left: 23%;
 right: auto;
}
.blue-gradient-2.g-21 {
 background-color: transparent;
 background-image: linear-gradient(#3f0efa, #ff00c3 26%, #90f 65%, #3f0efa);
 top: 0%;
 bottom: auto;
 left: auto;
 right: 0%;
}
.blue-gradient-2.s-1 {
 width: 200px;
 height: 200px;
 background-color: transparent;
 background-image: linear-gradient(#3f0efa, #ff00c3 26%, #90f 65%, #3f0efa);
 top: auto;
 bottom: 7%;
 left: auto;
 right: 22%;
}
.blue-gradient-2.g-22 {
 background-color: transparent;
 background-image: linear-gradient(#3f0efa, #ff00c3 26%, #90f 65%, #3f0efa);
 top: 14%;
 bottom: auto;
 left: 30%;
 right: auto;
}
.blue-gradient-2.s-3 {
 width: 200px;
 height: 200px;
 background-color: transparent;
 background-image: linear-gradient(#3f0efa, #ff00c3 26%, #90f 65%, #3f0efa);
 top: auto;
 bottom: 0%;
 left: 16%;
 right: auto;
}
.images-layout {
 width: 100%;
 grid-column-gap: 1rem;
 display: flex;
 position: relative;
 overflow: hidden;
}
.coming-soon-wrapper-3 {
 z-index: 90;
 max-width: 690px;
 flex-direction: column;
 align-items: flex-start;
 display: flex;
 position: relative;
}
.loop-section {
 width: 100%;
}
.purple-gradient-2 {
 width: 250px;
 height: 250px;
 filter: blur(180px);
 background-color: #90f;
 border-radius: 100%;
 position: absolute;
 top: 0%;
 bottom: auto;
 left: 0%;
 right: auto;
}
.purple-gradient-2.grad-14new {
 width: 300px;
 height: 300px;
 background-color: transparent;
 background-image: linear-gradient(
  to bottom,
  var(--dark-orchid) 40%,
  var(--royal-blue) 75%,
  var(--yellow)
 );
 top: 19%;
 bottom: auto;
 left: -7%;
 right: auto;
}
.purple-gradient-2.grad-15new {
 width: 300px;
 height: 300px;
 background-color: transparent;
 background-image: linear-gradient(
  to bottom,
  var(--dark-orchid) 40%,
  var(--royal-blue) 75%,
  var(--yellow)
 );
 top: 13%;
 bottom: auto;
 left: auto;
 right: 1%;
}
.purple-gradient-2.grad-35 {
 width: 300px;
 height: 300px;
 background-color: transparent;
 background-image: linear-gradient(
  #90f 25%,
  #086efc 49%,
  #3f0efa 64%,
  #90f 77%
 );
 top: auto;
 bottom: 26%;
 left: auto;
 right: 4%;
}
.purple-gradient-2.grad-16 {
 z-index: 20;
 width: 200px;
 height: 200px;
 background-color: transparent;
 background-image: linear-gradient(
  to bottom,
  var(--yellow),
  var(--dark-orchid)
 );
 filter: blur(150px);
 top: 60%;
 bottom: auto;
 left: 10%;
 right: auto;
}
.purple-gradient-2.grad-18 {
 width: 200px;
 height: 200px;
 filter: blur(130px);
 top: 4%;
 bottom: auto;
 left: 55%;
 right: auto;
}
.purple-gradient-2.grad-17 {
 width: 200px;
 height: 200px;
 top: 26%;
 bottom: auto;
 left: auto;
 right: 37%;
}
.purple-gradient-2.gr-1 {
 width: 300px;
 height: 300px;
 top: auto;
 bottom: 29%;
 left: auto;
 right: 0%;
}
.purple-gradient-2.gr-2 {
 width: 300px;
 height: 300px;
 background-color: #be43e4;
 top: auto;
 bottom: 19%;
 left: 0%;
 right: auto;
}
.purple-gradient-2.gr-3 {
 width: 200px;
 height: 200px;
 filter: blur(150px);
 background-color: transparent;
 background-image: linear-gradient(#90f, #e427a5);
 top: 2%;
 bottom: auto;
 left: auto;
 right: 14%;
}
.purple-gradient-2.l-1 {
 top: auto;
 bottom: 21%;
 left: 20%;
 right: auto;
}
.purple-gradient-2.l-3 {
 width: 200px;
 height: 200px;
 filter: blur(150px);
 background-color: transparent;
 background-image: linear-gradient(#90f, #e427a5);
 top: 25%;
 bottom: auto;
 left: auto;
 right: 14%;
}
.purple-gradient-2.grad-31 {
 width: 300px;
 height: 300px;
 background-color: transparent;
 background-image: linear-gradient(#90f 40%, #086efc 75%, #3f0efa);
 top: 36%;
 bottom: auto;
 left: 0%;
 right: auto;
}
.purple-gradient-2.grad-31.r60 {
 top: 125%;
 left: 0%;
}
.purple-gradient-2.d-6 {
 width: 300px;
 height: 300px;
 top: 33%;
}
.purple-gradient-2.d-3 {
 width: 300px;
 height: 300px;
 top: 6%;
}
.purple-gradient-2.d-7 {
 width: 300px;
 height: 300px;
 top: auto;
 bottom: 3%;
 left: auto;
 right: 2%;
 overflow: visible;
}
.purple-gradient-2.d-5 {
 width: 300px;
 height: 300px;
 top: 19%;
}
.purple-gradient-2.d-11 {
 width: 300px;
 height: 300px;
 top: auto;
 bottom: 28%;
 left: auto;
 right: 69%;
}
.purple-gradient-2.grad-24new {
 width: 300px;
 height: 300px;
 background-color: transparent;
 background-image: linear-gradient(#90f 40%, #086efc 75%, #3f0efa);
 top: 19%;
 bottom: auto;
 left: -7%;
 right: auto;
}
.banner-coming-soon-form {
 width: 85%;
 flex-flow: wrap;
 justify-content: flex-start;
 margin-bottom: 0;
 display: flex;
}
.banner-coming-soon-form.full-size {
 width: 100%;
}
.coming-soon-overlay {
 z-index: 1;
 background-color: rgba(0, 0, 0, 0.05);
 position: absolute;
 top: 0%;
 bottom: 0%;
 left: 0%;
 right: 0%;
}
.coming-soon-page-wrap-2 {
 width: 100%;
 height: 100vh;
 max-width: 1200px;
 text-align: left;
 justify-content: center;
 align-items: center;
 margin-left: auto;
 margin-right: auto;
 padding-left: 15px;
 padding-right: 15px;
 display: flex;
}
.coming-soon-paragraph-3 {
 width: 90%;
 margin-top: 20px;
 margin-bottom: 40px;
}
.h1-color-span {
 background-image: linear-gradient(
  135deg,
  var(--cyan),
  var(--medium-orchid) 61%
 );
 -webkit-text-fill-color: transparent;
 -webkit-background-clip: text;
 background-clip: text;
}
.loop-image-list {
 width: 100%;
 height: 100%;
 grid-column-gap: 1rem;
 grid-row-gap: 1rem;
 background-color: transparent;
 grid-template-rows: auto;
 grid-template-columns: 1fr;
 grid-auto-columns: 1fr;
 display: grid;
}
.coming-soon-heading-3 {
 width: 95%;
 margin-top: 60px;
 font-size: 54px;
}
.loop-intro-image {
 width: 100%;
 height: 100%;
 object-fit: cover;
 border-radius: 5px;
 position: absolute;
 top: 0%;
 bottom: 0%;
 left: 0%;
 right: 0%;
}
.loop-image-list-left {
 width: 100%;
 height: 100%;
 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;
 margin-top: -60%;
 display: grid;
}
.body {
 font-family: Syne, sans-serif;
}
.nav-link {
 min-height: 100%;
}
.nav-link.dropdown-header-item:hover {
 background-color: transparent;
}
.pricing-tab-2 {
 color: #fff;
 letter-spacing: 0;
 text-transform: none;
 background-color: transparent;
 border: 1px solid rgba(153, 0, 255, 0.5);
 border-radius: 12px;
 padding: 15px;
 box-shadow: 0 0 20px rgba(153, 0, 255, 0);
}
.pricing-tab-2:hover {
 background-color: rgba(255, 255, 255, 0.05);
}
.pricing-tab-2.w--current {
 -webkit-backdrop-filter: blur(5px);
 backdrop-filter: blur(5px);
 background-color: rgba(255, 255, 255, 0.05);
 border-color: #90f;
 box-shadow: 0 0 20px rgba(153, 0, 255, 0.6);
}
.price-fill-circle-2 {
 background-image: linear-gradient(135deg, #90f, #3f0efa);
 border-radius: 6px;
 justify-content: center;
 align-items: center;
 padding: 4px 12px;
 display: flex;
 position: relative;
}
.learn-nav-image {
 max-height: 16px;
 max-width: 16px;
 min-height: 16px;
 min-width: 16px;
}
.gradient {
 background-image: linear-gradient(135deg, var(--cyan), var(--dark-orchid) 61%);
 -webkit-text-fill-color: transparent;
 -webkit-background-clip: text;
 background-clip: text;
}
.section-406 {
 padding-top: 80px;
 padding-bottom: 80px;
 position: relative;
}
.form-block-4 {
 margin-bottom: 0;
}
.about-banner-2 {
 width: 100%;
 grid-column-gap: 5px;
 grid-row-gap: 5px;
 grid-template-rows: auto auto;
 grid-template-columns: auto auto auto auto auto;
 grid-auto-columns: 1fr;
 justify-content: center;
 align-items: flex-start;
 justify-items: center;
 display: grid;
 position: relative;
 overflow: visible;
}
.about-image-3 {
 background-image: none;
 background-position: 50%;
 background-repeat: no-repeat;
 background-size: cover;
 position: absolute;
 top: 0%;
 bottom: 0%;
 left: 0%;
 right: 0%;
}
.about-image-3.image-one {
 background-image: url(https://assets-global.website-files.com/64bc3e1a76f02c3a8cf863a2/64f50192a5f2e8bea53dc00b_1%20\(
   1\
  ).webp);
 background-position: 50%;
 background-size: cover;
}
.home-2-service-item-2 {
 grid-column-gap: 25px;
 grid-row-gap: 30px;
 -webkit-backdrop-filter: blur(5px);
 backdrop-filter: blur(5px);
 background-color: rgba(255, 255, 255, 0.05);
 border: 1px solid 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-2:hover {
 border-color: rgba(255, 255, 255, 0.5);
 box-shadow: 0 0 20px rgba(255, 255, 255, 0.25);
}
.team-item-3 {
 width: 100%;
 height: 100%;
 grid-column-gap: 1.25rem;
 grid-row-gap: 1.25rem;
 border-right: 1px solid rgba(255, 255, 255, 0.2);
 flex-direction: column;
 grid-template-rows: 1fr auto;
 grid-template-columns: 1fr;
 grid-auto-columns: 1fr;
 padding: 30px;
 display: grid;
}
.dropdown-toggle-3 {
 width: 38px;
 height: 38px;
 opacity: 1;
 background-color: rgba(255, 255, 255, 0.05);
 border: 1px solid rgba(255, 255, 255, 0.2);
 border-radius: 6px;
 justify-content: center;
 align-items: center;
 padding: 0;
 transition: all 0.35s;
 display: flex;
}
.dropdown-toggle-3:hover {
 opacity: 0.7;
 border-color: rgba(255, 255, 255, 0.5);
}
.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;
}
.heading-8 {
 text-align: center;
 margin-left: auto;
 margin-right: auto;
}
.lottie-animation-4 {
 max-height: 320px;
 min-height: 320px;
 min-width: 100%;
 margin-left: -40px;
}
.lottie-animation-4.no-margin {
 z-index: 25;
 object-fit: contain;
 margin-left: 0;
 position: relative;
}
.collection-list-wrapper-4 {
 min-width: 100%;
}
.collection-item {
 max-width: 100%;
}
.collection-list {
 grid-column-gap: 60px;
 grid-row-gap: 0px;
 grid-template-rows: auto auto auto;
 grid-template-columns: 1fr 1fr;
 grid-auto-columns: 1fr;
 display: grid;
}
.lightbox-reviews {
 cursor: pointer;
 border: 1px solid transparent;
 border-radius: 20px;
 transition: all 0.15s;
}
.lightbox-reviews:hover {
 border-color: rgba(255, 255, 255, 0.5);
 box-shadow: 0 0 20px rgba(255, 255, 255, 0.15);
}
._100w {
 min-width: 100%;
 grid-column-gap: 16px;
 grid-row-gap: 16px;
 grid-template-rows: auto auto;
 grid-template-columns: 1fr 1fr 1fr 1fr;
 grid-auto-columns: 1fr;
}
.collection-list-2 {
 min-width: 100%;
 grid-column-gap: 16px;
 grid-row-gap: 16px;
 grid-template-rows: auto auto;
 grid-template-columns: 1fr 1fr 1fr 1fr;
 grid-auto-columns: 1fr;
 display: grid;
}
.border-radius {
 border-radius: 20px;
}
.rich-text-block {
 text-align: center;
 margin-top: 57px;
}
.pricing_list_header {
 color: #fff;
 margin-top: 3.8rem;
 font-size: 1.25vw;
 font-weight: 400;
 line-height: 100%;
}
.check_icon {
 width: 2vw;
 height: 2vw;
 margin-right: 1vw;
}
.toggle_wrapper {
 background-color: rgba(255, 245, 244, 0.05);
 align-self: flex-start;
 margin-bottom: 3.2rem;
}
.toggle_wrapper.with_code {
 color: #ffebeb;
 align-self: center;
 margin-bottom: 6vh;
 padding: 2vh 2vw;
 display: flex;
}
.pricing_list_item {
 color: #ffebeb;
 align-items: center;
 margin-top: 1.5rem;
 font-size: 1.4vw;
 line-height: 100%;
 display: flex;
}
.toggle_btn {
 width: 5vw;
 cursor: pointer;
 background-color: #ffebeb;
 border-radius: 24px;
 align-self: center;
 margin-left: 2vw;
 margin-right: 2vw;
 padding: 0.2vh 0.4vw;
}
.pricing_card_tab {
 flex-direction: column;
 align-items: stretch;
 margin-top: 4rem;
 display: flex;
}
.pricing_card_tab.hidden {
 display: none;
}
.pricing_card_tab._100w {
 margin-top: 0;
}
.margin_3_top {
 margin-top: 3rem;
}
.pricing_card {
 max-width: 40%;
 min-width: 40%;
 color: #ffebeb;
 background-color: #222;
 border-radius: 8px;
 padding: 4vh 2vw;
}
.margin_1_top {
 margin-top: 1rem;
}
.flex {
 display: flex;
}
.flex.align_center {
 justify-content: center;
 align-items: center;
}
.margin_2_top {
 margin-top: 2rem;
}
.button_primary {
 width: 100%;
 background-color: var(--royal-blue);
 color: #ffebeb;
 text-transform: capitalize;
 border: 1px solid #000;
 justify-content: center;
 padding-top: 2vh;
 padding-bottom: 2vh;
 font-size: 1.75vw;
 display: flex;
}
.button_primary:hover {
 background-color: #000;
 border: 1px solid #212121;
}
.button_primary.is_annual {
 display: flex;
}
.toggle_btn_circle {
 width: 1.4vw;
 height: 1.4vw;
 background-color: #191717;
 border-radius: 50%;
}
.pricing_list {
 margin-top: 2rem;
 font-size: 2rem;
}
.number {
 margin-right: 1vw;
 font-size: 3vw;
 font-weight: 700;
 line-height: 100%;
}
.grid_3_col {
 grid-column-gap: 3.2rem;
 grid-row-gap: 3.2rem;
 grid-template-rows: auto;
 grid-template-columns: 100%;
 grid-auto-columns: 1fr;
 justify-content: space-around;
 display: flex;
}
.text_4-5 {
 font-size: 3vw;
 line-height: 125%;
}
.text_4-5.centered {
 text-align: center;
}
.text_1-5 {
 font-size: 1.65vw;
 line-height: 100%;
}
.text_2-2 {
 align-self: center;
 font-size: 1.1vw;
 font-weight: 500;
 line-height: 100%;
}
.text_2-2.center {
 background-image: linear-gradient(
  270deg,
  var(--royal-blue),
  var(--dark-orchid)
 );
 text-align: center;
 -webkit-text-fill-color: transparent;
 -webkit-background-clip: text;
 background-clip: text;
 margin-left: auto;
 margin-right: auto;
 display: inline-block;
}
.text_grey {
 color: rgba(255, 235, 235, 0.44);
 justify-content: center;
 align-items: center;
 display: flex;
}
.image-box-on-left {
 max-height: 25vh;
 max-width: 100%;
 min-height: 35.5vh;
 min-width: 100%;
 object-fit: cover;
}
.cookie-banner {
 z-index: 150;
 max-height: 24vh;
 max-width: 35vw;
 min-height: 24vh;
 min-width: 35vw;
 background-color: #1f0033;
 border: 2px solid #110417;
 flex-direction: column;
 justify-content: space-between;
 padding: 10px 15px 12px;
 display: flex;
 position: fixed;
 top: auto;
 bottom: 1%;
 left: auto;
 right: 1%;
}
.cookie-banner.hidden {
 display: none;
}
.cookie-wrapper {
 font-family: Syne, sans-serif;
 font-size: 2vw;
 font-weight: 500;
 line-height: 100%;
}
.cookie-text {
 color: rgba(255, 255, 255, 0.5);
 flex: 1;
 margin-top: 0.5vh;
 font-family: Syne, sans-serif;
 font-size: 1.25vw;
 font-weight: 400;
}
.cookie-link {
 color: #bfbfbf;
 letter-spacing: 0;
 text-transform: none;
 font-family: Syne, sans-serif;
 font-size: 1.25vw;
 font-weight: 400;
 line-height: 100%;
 text-decoration: underline;
}
.button-wrapper {
 grid-column-gap: 1vw;
 grid-row-gap: 1vw;
 justify-content: flex-start;
 display: flex;
}
.preferences-button {
 background-color: transparent;
 align-self: center;
 padding-top: 12px;
 text-decoration: underline;
}
.font-btn {
 letter-spacing: 0;
 text-transform: capitalize;
 font-family: Syne, sans-serif;
 font-size: 1.25vw;
 font-weight: 400;
 line-height: 100%;
}
.font-btn.close-btn {
 background-color: transparent;
}
.preference-background {
 z-index: 1500;
 grid-column-gap: 16px;
 grid-row-gap: 16px;
 background-color: rgba(13, 0, 22, 0.8);
 flex-direction: column;
 grid-template-rows: auto auto;
 grid-template-columns: 1fr 1fr;
 grid-auto-columns: 1fr;
 justify-content: center;
 align-items: center;
 display: flex;
 position: fixed;
 top: 0%;
 bottom: 0%;
 left: 0%;
 right: 0%;
}
.preference-background.hide {
 display: none;
}
.preferance-manager {
 max-height: 80%;
 max-width: 65%;
 min-height: 80%;
 min-width: 65%;
 background-color: #1f0033;
 border: 2px solid #110417;
 padding: 1.25vw;
}
.title-preferance {
 margin-bottom: 0.5vh;
 font-family: Syne, sans-serif;
 font-size: 2vw;
 font-weight: 500;
 line-height: 100%;
}
.title-preferance.n-m {
 margin-bottom: 0;
}
.title-preferance.n-m.bold {
 font-weight: 600;
}
.text-preferences {
 color: rgba(255, 255, 255, 0.5);
 font-family: Syne, sans-serif;
 font-size: 1.25vw;
 line-height: 100%;
}
.text-preferences.disabled {
 color: #686868;
}
.form-block {
 margin-top: 2vh;
}
.preference-wrapper {
 grid-row-gap: 0.75vh;
 grid-template-rows: auto auto;
 grid-template-columns: 1fr 1fr;
 grid-auto-columns: 1fr;
 margin-top: 2vh;
 display: grid;
}
.preference-wrapper.disabled {
 grid-row-gap: 3px;
 color: #686868;
}
.checkbox-field {
 align-items: center;
 margin-bottom: 0;
 font-size: 26px;
 line-height: 26px;
 display: flex;
}
.checkbox {
 width: 52px;
 height: 26px;
 background-color: rgba(255, 255, 255, 0.5);
 background-image: url(../653af5093fff811c6c66ae39_black-circle.svg);
 background-position: 3px;
 background-repeat: no-repeat;
 background-size: 20px 20px;
 border-style: none;
 border-color: rgba(255, 255, 255, 0.5);
 border-radius: 20px;
 margin-top: 2px;
 margin-right: 0;
}
.checkbox.w--redirected-checked {
 background-color: #3f0efa;
 background-image: url(../653af5093fff811c6c66ae39_black-circle.svg);
 background-position: 28px;
 background-size: 20px;
 border-color: #8bc794;
}
.checkbox.w--redirected-focus {
 box-shadow: none;
}
.checkbox-label {
 display: none;
}
.button-wrapper-cookies {
 grid-column-gap: 2vw;
 grid-row-gap: 2vw;
 margin-top: 2vh;
 display: flex;
}
.title-and-close-wrapper {
 justify-content: space-between;
 display: flex;
}
.mask---brix {
 border-radius: 20px;
}
.mask---brix.testimonial-v1---brix {
 max-width: 500px;
 overflow: visible;
}
.masonry__grid-block {
 min-height: 215px;
 border-radius: 10px;
 flex-direction: column;
 justify-content: center;
 align-items: center;
 padding: 0;
 display: flex;
}
.masonry__grid-block:hover {
 overflow: hidden;
}
.masonry__grid-block._3 {
 height: 230px;
}
.masonry__grid-block._2 {
 height: 265px;
}
.masonry__grid-block._4 {
 height: 280px;
}
.masonry__grid-block._1 {
 height: 245px;
}
.masonry__grid-container {
 height: auto;
 max-width: 1220px;
 grid-column-gap: 20px;
 grid-row-gap: 20px;
 background-color: transparent;
 grid-template-rows: auto;
 grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
 grid-auto-columns: 1fr;
 margin-top: 64px;
 margin-left: auto;
 margin-right: auto;
 padding-left: 20px;
 padding-right: 20px;
}
.masonry__grid-container.container-size {
 max-width: 100%;
 margin-top: 0;
 padding-left: 2rem;
 padding-right: 2rem;
}
.masonry__grid-container.container-size.testimonial-old {
 display: none;
}
.img {
 object-fit: cover;
 border-radius: 20px;
}
.left-arrow {
 max-height: 80%;
 max-width: 5vw;
 min-height: 80%;
 min-width: 5vw;
 justify-content: center;
 align-items: center;
 transition: opacity 0.3s ease-in;
 display: flex;
}
.left-arrow:hover {
 opacity: 0.5;
}
.left-arrow.maxvh {
 max-height: 35vh;
 min-height: 35vh;
 margin-top: 5vh;
 margin-bottom: 0;
}
.card---brix {
 background-color: #230f3a;
 border-radius: 20px;
 overflow: hidden;
 box-shadow: 0 5px 14px rgba(8, 15, 52, 0.04);
}
.card---brix.testimonial-v1---brix {
 min-height: 215px;
 background-color: #1b1919;
 flex-direction: column;
 justify-content: center;
 align-items: center;
 display: flex;
}
.slider---brix {
 width: 100%;
 height: 100%;
 background-color: transparent;
}
.slider---brix.testimonial-v1---brix {
 display: none;
}
.slide---brix.testimonial-v1---brix {
 max-width: 500px;
 margin-right: 5px;
}
.testimonial-main-wrapper---brix.hidden-overflow---brix {
 min-width: 100%;
}
.masonry__grid-arrow {
 display: none;
}
.right-arrow {
 z-index: 500;
 max-height: 80%;
 max-width: 5vw;
 min-width: 5vw;
 justify-content: center;
 align-items: center;
 transition: opacity 0.3s ease-in;
 display: flex;
 top: 0%;
 bottom: 0%;
 left: auto;
 right: 0%;
}
.right-arrow:hover {
 opacity: 0.5;
}
.right-arrow.maxvh {
 max-height: 35vh;
 min-height: 35vh;
 margin-top: 5vh;
 margin-bottom: 0;
}
.slide-1 {
 width: 30%;
 max-width: 30%;
 min-width: 30%;
 aspect-ratio: 1/1;
 margin-left: 1vw;
 margin-right: 1vw;
 overflow: visible;
}
.arrow-image {
 z-index: 5000;
}
.mask-2 {
 padding-left: 3vw;
 padding-right: 3vw;
 overflow: visible;
}
.mask-2._5vh {
 max-height: 35vh;
 max-width: 100%;
 min-height: 35vh;
}
.masonry__grid-nav {
 display: none;
}
.container__default {
 max-width: 1300px;
 margin-left: auto;
 margin-right: auto;
 padding-left: 0;
 padding-right: 24px;
}
.container__default.no-padding {
 padding-right: 0;
}
.masonry__grid-mask {
 column-count: 4;
 white-space: normal;
 column-gap: 20px;
 padding-top: 26px;
}
.display-none {
 display: none;
}
.slider-arrow---brix {
 width: 64px;
 max-height: 64px;
 min-height: 64px;
 min-width: 64px;
 color: #000;
 background-color: #ff0;
 border-radius: 50%;
 margin-top: auto;
 margin-bottom: auto;
 font-size: 22px;
 transition: box-shadow 0.35s, background-color 0.35s, color 0.35s,
  transform 0.35s;
 box-shadow: 0 4px 4px rgba(12, 4, 102, 0.2);
}
.slider-arrow---brix:hover {
 color: #170f49;
 background-color: #fff;
 transform: scale(1.1);
 box-shadow: 0 4px 20px -8px rgba(12, 4, 102, 0.1);
}
.slider-arrow---brix:active {
 transform: scale(0.94);
}
.slider-arrow---brix.small---brix {
 width: 56px;
 max-height: 56px;
 min-height: 56px;
 min-width: 56px;
 margin-top: auto;
 margin-bottom: auto;
}
.slider-arrow---brix.small---brix.left---brix {
 top: 120%;
 left: 10%;
}
.slider-arrow---brix.small---brix.right---brix {
 top: 120%;
 left: auto;
 right: 10%;
}
.masonry__grid-signature {
 align-items: center;
 display: flex;
}
.slider---testimonials {
 max-height: 45vh;
 min-height: 45vh;
 background-color: transparent;
 margin-left: auto;
 margin-right: auto;
 padding-top: 5vh;
 padding-bottom: 5vh;
 overflow: hidden;
}
.masonry__grid-slide {
 min-width: 300px;
 background-color: #191919;
 border-radius: 20px;
 margin-bottom: 30px;
 overflow: hidden;
}
.image-of-testimonial {
 max-height: 100%;
 min-height: 100%;
 min-width: 100%;
 aspect-ratio: 1/1;
 border: 1px solid rgba(255, 255, 255, 0.5);
 border-radius: 1.5em;
 display: block;
 position: relative;
 box-shadow: 0 0 25px 1px rgba(255, 255, 0, 0.1);
}
.lightbox-link {
 max-width: 100%;
 min-width: 100%;
}
.old-slider {
 display: none;
}
.no-overflow {
 overflow: hidden;
}
.scroll-blog-link {
 z-index: 5;
 background-color: #000;
 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: 0;
 overflow: hidden;
}
.hero-feedback {
 color: #fff;
 margin-top: 60px;
 font-size: 22px;
 font-weight: 500;
}
.base-container-2 {
 width: 100%;
 max-width: 1200px;
 flex-direction: column;
 align-items: center;
 margin-left: auto;
 margin-right: auto;
 padding-left: 15px;
 padding-right: 15px;
 display: flex;
}
.blog-template-wrapper-2 {
 width: 100%;
 max-width: 920px;
 margin-left: auto;
 margin-right: auto;
}
.blog-template-wrapper-2.banner {
 max-width: 100%;
}
.blog-template-wrapper-2.banner.auto-height {
 height: auto;
 background-color: transparent;
 background-image: none;
}
.banner-paragraph {
 width: 100%;
 margin-top: 0;
 margin-bottom: 0;
}
.circle-link-wrapper {
 margin: -48px;
 padding: 48px;
}
.feedback-right {
 width: 45%;
 height: 540px;
 -webkit-backdrop-filter: blur(5px);
 backdrop-filter: blur(5px);
 background-color: rgba(255, 255, 255, 0.05);
 border: 1px solid rgba(255, 255, 255, 0.1);
 border-radius: 12px;
 padding: 12px;
 position: relative;
 overflow: hidden;
}
.scroll-blog-circle {
 width: 140px;
 height: 140px;
 border: 1px solid rgba(255, 255, 255, 0.2);
 border-radius: 100%;
 justify-content: center;
 align-items: center;
 display: flex;
 position: relative;
}
.scroll-blog-circle:hover {
 opacity: 1;
}
.avatar-top-position {
 margin-top: 0;
 margin-bottom: 0;
 font-weight: 400;
}
.avatar-top-name {
 margin-top: 0;
 margin-bottom: 0;
}
.overlay {
 background-color: rgba(21, 27, 25, 0.6);
 position: absolute;
 top: 0%;
 bottom: 0%;
 left: 0%;
 right: 0%;
}
.overlay.light {
 background-color: rgba(15, 19, 38, 0.35);
}
.star-icon {
 width: auto;
 height: 20px;
 object-fit: cover;
}
.star-icon.mini {
 height: 16px;
}
.slider-blog-arrow {
 width: 50%;
 height: auto;
 border-right: 1px solid rgba(255, 255, 255, 0.2);
 justify-content: flex-start;
 align-items: center;
 padding-top: 20px;
 padding-bottom: 20px;
 padding-right: 100px;
 display: flex;
 top: auto;
 bottom: 0;
}
.slider-blog-arrow.right {
 border-right-style: none;
 justify-content: flex-end;
 padding-left: 100px;
 padding-right: 0;
 left: auto;
}
.wave-one {
 width: 88%;
 height: 88%;
 background-color: rgba(63, 14, 250, 0.2);
 border-radius: 100%;
}
.video-button-waves {
 z-index: 27;
 width: 400px;
 height: 400px;
 border-radius: 100%;
 justify-content: center;
 align-items: center;
 display: none;
 position: absolute;
 top: auto;
 bottom: auto;
 left: auto;
 right: auto;
}
.background-blog-wrapper {
 z-index: 5;
 justify-content: center;
 align-items: center;
 display: flex;
 position: absolute;
 top: 0%;
 bottom: 0%;
 left: 0%;
 right: 0%;
 overflow: hidden;
}
.top-text-blog {
 color: rgba(255, 255, 255, 0.5);
}
.feedback-left {
 width: 55%;
}
.video-hover-button {
 z-index: 35;
 width: 150px;
 height: 150px;
 cursor: pointer;
 border: 1px dashed rgba(255, 255, 255, 0.4);
 border-radius: 100%;
 justify-content: center;
 align-items: center;
 display: flex;
 position: relative;
}
.video-button-background {
 z-index: 30;
 border-radius: 100%;
 justify-content: center;
 align-items: center;
 display: none;
 position: absolute;
 top: 0%;
 bottom: 0%;
 left: 0%;
 right: 0%;
 overflow: hidden;
}
.content-blog-details-wrap {
 z-index: 20;
 width: 100%;
 grid-template-rows: auto;
 grid-template-columns: 1fr 1fr 1fr 1fr;
 grid-auto-columns: 1fr;
 justify-content: space-between;
 padding-left: 0;
 padding-right: 0;
 display: flex;
 position: relative;
}
.blog-template-pagination-link {
 width: auto;
 align-items: center;
 display: flex;
}
.button-video {
 width: 300px;
 height: 300px;
 min-height: 300px;
 min-width: 300px;
 position: absolute;
 top: 0%;
 bottom: 0%;
 left: 0%;
 right: 0%;
}
.section-blog {
 padding-top: 80px;
 padding-bottom: 80px;
 position: relative;
}
.lines-wrap {
 z-index: 5;
 width: auto;
 border-radius: 12px;
 justify-content: center;
 display: flex;
 position: absolute;
 top: 0%;
 bottom: 0%;
 left: 0%;
 right: 0%;
 overflow: hidden;
}
.blog-category-link {
 color: #fff;
}
.blog-category-link:hover {
 color: rgba(255, 255, 255, 0.5);
}
.review-blog-details {
 color: #000;
 border-top: 1px solid rgba(255, 255, 255, 0.2);
 border-bottom: 1px solid rgba(255, 255, 255, 0.2);
 flex-direction: row;
 grid-template-rows: auto;
 grid-template-columns: 1fr 1fr;
 grid-auto-columns: 1fr;
 align-content: center;
 margin-top: 60px;
 margin-bottom: 20px;
 padding-top: 60px;
 padding-bottom: 60px;
 text-decoration: none;
 display: flex;
 position: relative;
}
.data-line-container {
 width: 40px;
 position: relative;
 overflow: hidden;
}
.blog-template-pagination-2 {
 width: 100%;
 justify-content: space-between;
 align-items: center;
 margin-top: 80px;
 display: flex;
}
.video-icon-wrapper {
 width: 60%;
 height: 60%;
 background-color: rgba(255, 255, 255, 0.1);
 border: 1px solid rgba(255, 255, 255, 0.4);
 border-radius: 100%;
 justify-content: center;
 align-items: center;
 display: flex;
}
.short-title {
 margin-bottom: 20px;
}
.section-blog-details {
 height: 500px;
 justify-content: center;
 align-items: stretch;
 padding-top: 160px;
 padding-bottom: 160px;
 display: flex;
 position: relative;
 overflow: hidden;
}
.data-wrap {
 grid-column-gap: 20px;
 align-items: center;
 display: flex;
}
.feedback-photo-right {
 z-index: 80;
 width: 100%;
 height: 100%;
 background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
  url(../64f4eea43a44b053aa547d74_Avatar 1.webp);
 background-position: 0 0, 50%;
 background-size: auto, cover;
 border-radius: 6px;
 justify-content: center;
 align-items: center;
 display: flex;
 position: relative;
 overflow: hidden;
}
.video-icon {
 filter: none;
}
.hero-video-button {
 z-index: 25;
 width: 300px;
 height: 300px;
 border: 1px rgba(192, 192, 211, 0.2);
 border-radius: 100%;
 grid-template-rows: auto;
 grid-template-columns: 1fr;
 grid-auto-columns: 1fr;
 justify-content: center;
 align-items: center;
 margin-left: auto;
 margin-right: auto;
 display: flex;
 position: relative;
}
.subtitle-data {
 color: rgba(255, 255, 255, 0.5);
 letter-spacing: 0.2em;
 text-transform: uppercase;
 font-size: 12px;
 line-height: 1.33em;
}
.wave-two {
 width: 100%;
 height: 100%;
 background-color: rgba(153, 0, 255, 0.1);
 border-radius: 100%;
 position: absolute;
}
.avatar-main-feedback {
 grid-column-gap: 80px;
 justify-content: space-between;
 align-items: center;
 display: flex;
}
.blog-details-background-image {
 position: absolute;
 top: 0%;
 bottom: 0%;
 left: 0%;
 right: 0%;
}
.data-line {
 width: 40px;
 height: 1px;
 background-color: rgba(255, 255, 255, 0.5);
}
.previ-post-arrow {
 color: #afafaf;
 margin-right: 25px;
}
.blog-arrow {
 z-index: 100;
 height: 30px;
 filter: invert(0%);
 position: relative;
 transform: rotate(45deg);
}
.star-wrap {
 grid-column-gap: 5px;
 flex-direction: row;
 display: flex;
}
.blog-intro-content {
 width: 60%;
 min-height: 500px;
 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;
 padding-top: 180px;
 padding-bottom: 80px;
 display: flex;
}
.overlay-blog-2 {
 min-height: 100%;
 object-fit: cover;
 background-color: rgba(13, 13, 13, 0.5);
 position: absolute;
 top: 0%;
 bottom: 0%;
 left: 0%;
 right: 0%;
}
.link-hover-fill {
 background-image: linear-gradient(135deg, #90f 20%, #3f0efa);
 border-radius: 100%;
 display: none;
 position: absolute;
 top: 0%;
 bottom: 0%;
 left: 0%;
 right: 0%;
}
.blog-template-next {
 text-align: right;
}
.blog-details-link {
 letter-spacing: 0;
 text-transform: capitalize;
 margin-bottom: 0;
 font-size: 18px;
 line-height: 1.4em;
}
.top-avatar-info {
 grid-row-gap: 20px;
 flex-direction: column;
 display: flex;
}
.blog-details-title {
 margin-top: 30px;
 margin-bottom: 20px;
 font-size: 55px;
}
.video-button-overlay {
 z-index: 25;
 width: 200vw;
 height: 100vh;
 background-color: rgba(0, 0, 0, 0.6);
 align-items: flex-start;
 display: none;
 position: absolute;
 top: 0%;
 bottom: 0%;
 left: -25vw;
 right: 0%;
}
.next-post-arrow-icon {
 color: #afafaf;
 margin-left: 25px;
}
.title-blog-container {
 flex-direction: column;
 grid-template-rows: auto auto;
 grid-template-columns: 1fr;
 grid-auto-columns: 1fr;
 display: flex;
}
.main-avatar-info {
 grid-row-gap: 10px;
 flex-direction: column;
 justify-content: center;
 display: flex;
}
._100h {
 min-height: auto;
 position: relative;
}
.under-footer-text {
 color: var(--white-50);
 text-align: left;
 letter-spacing: 0;
 text-transform: none;
 align-self: flex-start;
 margin-top: 3vh;
 font-size: 0.9vw;
 line-height: 100%;
}
.under-footer-text.underline {
 text-decoration: underline;
}
.base-container-3 {
 width: 100%;
 max-width: 1200px;
 flex-direction: column;
 align-items: center;
 margin-left: auto;
 margin-right: auto;
 padding-left: 15px;
 padding-right: 15px;
 display: flex;
}
.base-container-3.pos-relative {
 z-index: 90;
 position: relative;
}
.section-shop {
 width: 100vw;
 padding-top: 80px;
 padding-bottom: 80px;
 position: relative;
}
.section-407 {
 padding-top: 80px;
 padding-bottom: 80px;
 position: relative;
}
.section-407.our-shop {
 min-height: 450px;
 flex-direction: column;
 justify-content: center;
 align-items: center;
 padding-top: 190px;
 display: flex;
 overflow: hidden;
}
.collection-blog-item {
 width: 100%;
 height: 100%;
 border-radius: 6px;
 position: relative;
 overflow: hidden;
}
.collection-our-blog-list-wrap {
 width: 100%;
 height: 100%;
}
.collection-our-blog-list-wrap.margin-top {
 margin-top: 2vh;
}
.no-margin-2 {
 margin-top: 0;
 margin-bottom: 0;
}
.line-animation-home-2-2 {
 z-index: 90;
 width: 100%;
 height: 1px;
 max-width: 994px;
 background-color: rgba(255, 255, 255, 0.2);
 align-items: flex-end;
 margin-left: auto;
 margin-right: auto;
 position: absolute;
 top: auto;
 bottom: 0%;
 left: auto;
 right: auto;
}
.blog-post-category-page {
 grid-column-gap: 30px;
 grid-row-gap: 30px;
 grid-template-rows: auto;
 grid-template-columns: 1fr 1fr;
 grid-auto-columns: 1fr;
 display: grid;
}
.blog-post-category {
 color: #fff;
 background-image: linear-gradient(135deg, #90f 16%, #3f0efa);
 border-radius: 6px;
 margin-left: auto;
 padding: 6px 10px;
 font-weight: 400;
 line-height: 1em;
}
.blog-post-category:hover {
 color: #fff;
}
.blog-line {
 width: 100%;
 height: 1px;
 background-color: rgba(255, 255, 255, 0.5);
}
.blog-hero-img {
 width: 100%;
 height: 100%;
 background-image: url(../../img/background-image.svg);
 background-position: 50% 20%;
 background-size: cover;
}
.data-blog-wrap {
 height: 30px;
 flex-direction: row;
 justify-content: flex-start;
 align-items: center;
 display: flex;
 overflow: hidden;
}
.blog-content-2 {
 grid-row-gap: 20px;
 flex-direction: column;
 align-items: flex-start;
 display: flex;
 transform: translateY(67px);
}
.no-shrink-blog {
 flex: none;
}
.read-blog {
 width: 100%;
 grid-column-gap: 15px;
 justify-content: space-between;
 align-items: center;
 display: flex;
}
.icon-bottom {
 width: 12px;
 height: 12px;
 transform: rotate(45deg);
}
.blog-link {
 letter-spacing: 0;
 text-transform: none;
}
.clip {
 z-index: 10;
 flex-direction: column;
 display: flex;
 position: relative;
 overflow: hidden;
}
.blog-link-title {
 letter-spacing: 0;
 margin-top: 0;
 margin-bottom: 0;
 transition: all 0.35s;
}
.blog-link-title:hover {
 color: #90f;
}
.our-blog-content-wrap {
 width: 100%;
 overflow: hidden;
}
.btn-circle {
 width: 47px;
 height: 47px;
 border: 1px solid rgba(255, 255, 255, 0.5);
 border-radius: 100%;
 justify-content: center;
 align-items: center;
 display: flex;
}
.our-blog-container-2 {
 height: 400px;
}
.blog-overlay {
 background-color: rgba(0, 0, 0, 0.4);
 background-image: linear-gradient(
  rgba(15, 53, 144, 0.05) 25%,
  rgba(0, 0, 0, 0.6) 75%
 );
 flex-direction: column;
 justify-content: space-between;
 padding: 25px;
 display: flex;
 position: absolute;
 top: 0%;
 bottom: 0%;
 left: 0%;
 right: 0%;
}
.button-icon {
 justify-content: center;
 align-items: center;
 padding: 2px;
 display: flex;
}
.button-icon.button-icon-top {
 position: absolute;
 top: -100%;
 left: -100%;
}
.data-blog-2 {
 color: #fff;
 margin-top: 0;
}
.data-blog-wrap-2 {
 height: 30px;
 align-items: flex-end;
 display: flex;
 overflow: hidden;
}
.blog-link-title-2 {
 margin-top: 0;
 margin-bottom: 0;
 transition: all 0.35s;
}
.blog-link-title-2:hover {
 color: #90f;
}
.recommended-text {
 letter-spacing: 0.05em;
 text-transform: uppercase;
 margin-top: 10vh;
 font-family: Syne, sans-serif;
 font-size: 1.5vw;
 font-weight: 400;
 line-height: 100%;
}
.footerlink-line {
 color: var(--white-50);
 letter-spacing: 0;
 text-transform: capitalize;
 color: rgba(255, 255, 255, 0.75);
 text-transform: none;
 text-decoration: underline;
}
.content-wrapper {
 padding-bottom: 200px;
}
.logo-onboarding {
 max-height: 6vw;
 max-width: 6vw;
}
.cards-wrapper {
 min-width: 75%;
 grid-row-gap: 5.5vh;
 flex-direction: column;
 justify-content: flex-start;
 display: flex;
}
.card-box {
 background-color: #141414;
 border-radius: 28px;
 padding: 85px 50px;
 display: flex;
}
.step-h2 {
 text-transform: uppercase;
 margin: 0 0 14px;
 font-family: Heebo, sans-serif;
 font-size: 50px;
 font-weight: 500;
 line-height: 80%;
 display: inline-block;
}
.text-card {
 text-transform: capitalize;
 margin-bottom: 75px;
 font-family: Syne, sans-serif;
 font-size: 1.8vw;
 font-weight: 500;
 line-height: 100%;
}
.text-card.small-bot {
 margin-bottom: 20px;
}
.col {
 max-width: 60%;
 min-width: 60%;
}
.col.flex-left {
 flex-direction: column;
 align-items: flex-start;
 display: flex;
}
.col2 {
 max-width: 40%;
 min-height: 100%;
 min-width: 40%;
 align-items: center;
 display: flex;
 position: relative;
}
.absolute-onboarding-img {
 z-index: 2;
 margin-top: auto;
 margin-bottom: auto;
 display: block;
 position: absolute;
 right: 0;
}
.glow-eclipse {
 z-index: 0;
 min-height: 30vh;
 min-width: 12.5vw;
 background-image: linear-gradient(
  to bottom,
  var(--yellow),
  var(--dark-orchid)
 );
 opacity: 0.9;
 filter: blur(80px);
 position: absolute;
 right: -10%;
 transform: rotate(27deg);
}
.glow-eclipse.large {
 min-width: 25vw;
}
.tradingview-wrapper {
 max-width: 75%;
}
.black-button {
 min-width: 100%;
 background-color: var(--black);
 border-radius: 8px;
 margin-top: 20px;
 padding-left: 50px;
 padding-right: 50px;
 transition: all 0.35s;
}
.black-button:hover {
 background-color: #0a0a0a;
}
.black-button.smaller,
.black-button.smaller.w--current {
 min-width: auto;
 margin-top: 0;
}
.tv-field {
 border: 1px solid #000;
 border-radius: 7px;
 margin-bottom: 5px;
 padding-top: 1.6vh;
 padding-bottom: 1.5vh;
 padding-left: 9px;
 font-size: 1.2vw;
 line-height: 80%;
}
.note-text {
 font-size: 1.25vw;
 line-height: 100%;
}
.youtube {
 min-height: 25vh;
 min-width: 37.5vh;
 aspect-ratio: 3/2;
 background-image: none;
 border-radius: 12px;
 margin-left: auto;
}
.guaranteed {
 width: 30%;
 max-width: 30%;
 margin-bottom: 5vh;
 margin-left: auto;
 margin-right: auto;
}
.feed {
 min-height: 600px;
 min-width: 100%;
 margin-bottom: 0;
}
.feed.half-height {
 min-height: 300px;
}
.indicators-hero {
 max-height: 100vh;
 min-height: 100vh;
}
.indicators-hero.no-limit {
 max-height: none;
 padding-bottom: 10vh;
 overflow: hidden;
}
.small-logo {
 max-height: 10vh;
 min-height: 10vh;
 margin-bottom: 2vh;
}
.hand-mobile {
 max-height: 70vh;
 min-height: 70vh;
 aspect-ratio: 1/1.25;
 position: absolute;
 top: auto;
 bottom: 0%;
 left: auto;
 right: 0%;
}
._100vh {
 min-height: 100vh;
 grid-column-gap: 50px;
 grid-row-gap: 50px;
 flex-direction: row;
 grid-template-rows: auto auto;
 grid-template-columns: 1fr 1fr;
 grid-auto-columns: 1fr;
 justify-content: space-around;
 align-items: flex-start;
 display: grid;
}
.cube {
 min-height: 300px;
 aspect-ratio: auto;
 background-color: var(--green);
 flex: 1;
}
.cube.purple {
 background-color: var(--purple);
}
.cube.purple.red {
 background-image: linear-gradient(rgba(255, 0, 0, 0.5), rgba(255, 0, 0, 0.5));
}
.full-mobile-size {
 flex-direction: column;
 align-items: center;
 display: flex;
}
.bigger-text {
 margin-bottom: 0;
}
.bigger-text.center {
 color: var(--white);
 text-align: center;
 margin-top: 2vh;
 font-size: 24px;
}
.wrapper-logo {
 flex-direction: column;
 flex: 1;
 align-items: center;
 display: flex;
}
.name-of-brand {
 color: var(--white);
 text-align: center;
 font-family: Syne, sans-serif;
 font-size: 36px;
 line-height: 125%;
}
.logo {
 border-radius: 0;
 margin-bottom: 2vh;
}
.center {
 text-align: center;
}
.center.mt {
 margin-top: 5vh;
}
.line-on-top {
 z-index: 1000;
 max-height: 7vh;
 min-height: 7vh;
 grid-column-gap: 2vw;
 grid-row-gap: 2vw;
 background-color: var(--dark-orchid);
 text-transform: uppercase;
 flex-direction: row;
 justify-content: center;
 align-items: center;
 margin-top: -7vh;
 padding-top: 1vh;
 padding-bottom: 1vh;
 text-decoration: none;
 display: flex;
 position: absolute;
 top: 0%;
 bottom: 0%;
 left: 0%;
 right: 0%;
}
.line-on-top.w--current {
 max-height: 6vh;
 min-height: 6vh;
 justify-content: flex-start;
 padding-top: 1vh;
}
.white-text-bar {
 color: var(--white);
 margin-top: 0;
 margin-bottom: 0;
 font-size: 16px;
 font-weight: 700;
 line-height: 100%;
}
.primary-gradient-button-copy {
 height: auto;
 min-height: 47px;
 background-color: transparent;
 background-image: linear-gradient(
  315deg,
  var(--royal-blue),
  var(--dark-orchid)
 );
 color: #fff;
 text-align: center;
 letter-spacing: 0.2em;
 text-transform: uppercase;
 border-radius: 12px;
 justify-content: center;
 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-copy:hover {
 opacity: 0.7;
}
.primary-gradient-button-copy.full-width {
 width: 100%;
}
.primary-gradient-button-copy.full-width.margin-on-top {
 margin-top: 2rem;
}
.primary-gradient-button-copy.full-width.mtop {
 margin-top: 5vh;
}
.primary-gradient-button-copy.font-btn.different-padding {
 min-height: auto;
 padding-top: 12px;
 padding-bottom: 12px;
}
.primary-gradient-button-copy.font-btn.different-padding.color-bg {
 background-image: linear-gradient(#90f, #90f);
}
.primary-gradient-button-copy.limit-size {
 max-width: 100%;
 justify-content: center;
 padding-top: 17px;
 line-height: 100%;
 display: inline-block;
}
.primary-gradient-button-copy.no-top.smaller {
 flex: 0 auto;
 align-self: stretch;
}
.primary-gradient-button-copy.inline {
 margin-left: auto;
 margin-right: auto;
 display: flex;
}
.primary-gradient-button-copy.mtop {
 margin-top: 5vh;
}
.primary-gradient-button-copy.center-big-padding {
 width: auto;
 justify-content: center;
 align-items: center;
 margin-top: 3vh;
 margin-left: auto;
 margin-right: auto;
 padding-left: 4vw;
 padding-right: 4vw;
 display: flex;
}
.primary-gradient-button-copy.smaller {
 min-height: auto;
 flex: 1;
 padding-top: 1vh;
 padding-bottom: 1vh;
}
@media screen and (min-width: 1280px) {
 .hero-title {
  font-size: 60px;
 }
 .blue-gradient.gr-4,
 .blue-gradient.l-2 {
  width: 250px;
  height: 250px;
  right: 13%;
 }
 .blue-gradient.g-30 {
  top: 69%;
 }
 .blue-gradient.g-32 {
  bottom: -25%;
 }
 .blue-gradient.s-4 {
  bottom: 34%;
 }
 .blue-gradient.g-77 {
  bottom: -53%;
 }
 .purple-gradient {
  top: -10%;
 }
 .purple-gradient.grad-7 {
  right: 49%;
 }
 .purple-gradient.gr-1 {
  bottom: 22%;
  right: -13%;
 }
 .purple-gradient.gr-3 {
  top: 5%;
  right: 18%;
 }
 .purple-gradient.grad-22 {
  opacity: 0.75;
  top: 25%;
  left: 38%;
 }
 .purple-gradient.grad-20 {
  width: 300px;
  height: 300px;
  opacity: 0.6;
 }
 .purple-gradient.l-3 {
  top: 5%;
  right: 18%;
 }
 .purple-gradient.grad-31 {
  top: 36%;
  left: 5%;
 }
 .gradient-con.banner {
  bottom: 220px;
 }
 .hero-banner-description {
  width: 80%;
 }
 .home-1-banner {
  padding-top: 220px;
 }
 .home-1-content {
  max-width: 900px;
 }
 .section-our-services {
  padding-top: 130px;
  padding-bottom: 130px;
 }
 .steps-card {
  padding: 36px;
 }
 .steps-grid-2 {
  grid-column-gap: 100px;
  grid-template-columns: 0.8fr 1fr;
 }
 .saas-image-wrapper {
  width: 65%;
 }
 .about-saas-company-wrapper {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
 }
 .section {
  padding-top: 130px;
  padding-bottom: 130px;
 }
 .section.our-news-banner,
 .section.our-work {
  padding-top: 200px;
  padding-bottom: 100px;
 }
 .about-saas-wrap-left {
  width: 70%;
 }
 .saas-lottie {
  height: 190%;
  bottom: -132px;
  right: 35px;
 }
 .our-price {
  grid-column-gap: 30px;
 }
 .nav-dropdown-list-4.w--open {
  left: auto;
 }
 .dropdown-header-item {
  padding-left: 20px;
  padding-right: 20px;
 }
 .nav-dropdown-item-link {
  font-weight: 500;
 }
 .right-header-wrapper {
  grid-column-gap: 30px;
 }
 .footer-form-2.borders {
  padding-left: 30px;
  padding-right: 30px;
 }
 .footer-white-paradraph {
  width: 80%;
 }
 .text-footer-white {
  width: 310px;
 }
 .footer-grid {
  grid-column-gap: 40px;
 }
 .hero-top-content {
  padding-top: 100px;
 }
 .gradient-con-2.banner {
  bottom: 220px;
 }
 .about-us-title {
  font-size: 60px;
 }
 .line-animation-home-2 {
  max-width: 1170px;
 }
 .content-bottom {
  grid-column-gap: 100px;
 }
 .mobile-menu {
  width: 200px;
  top: 17%;
 }
 .mobile-menu.menu-2 {
  top: 23%;
 }
 .display-horizontal {
  grid-column-gap: 100px;
 }
 .lottie-mobile {
  width: 120%;
 }
 .gradient-con-3.banner,
 .gradient-con-3.about-us,
 .gradient-con-3.search-page,
 .gradient-con-3.comming-soon {
  bottom: 220px;
 }
 .grow-count-col {
  max-width: 170px;
 }
 .grow-col.mod--2 {
  max-width: 370px;
 }
 .package-text-wrapper {
  width: 90%;
 }
 .tab-content {
  margin-left: 100px;
  padding-left: 100px;
 }
 .top-pricing {
  width: 85%;
 }
 .form-lottie {
  width: 115%;
 }
 .tab-container {
  grid-column-gap: 60px;
 }
 .tab-faq {
  grid-column-gap: 72px;
 }
 .main-description-banner {
  width: 55%;
 }
 .testimonials-wrap {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
 }
 .flex-tablet-testimonials {
  grid-row-gap: 40px;
 }
 .flex-testimonials {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
 }
 .sign-wrapper {
  width: 50%;
 }
 .banner-title-sign-up {
  font-size: 65px;
 }
 .large-main-section {
  padding-bottom: 120px;
 }
 .large-main-section.sign-up {
  padding-top: 160px;
  padding-bottom: 130px;
 }
 .acout-link {
  margin-top: 30px;
 }
 .contacts-content-wrapper-3 {
  padding-right: 60px;
 }
 .support-text {
  width: 90%;
 }
 .contacts-wrap {
  grid-column-gap: 60px;
 }
 .large-team-avatar {
  width: 7rem;
  height: 7rem;
 }
 .team-avatar-item-mini {
  width: 8rem;
  height: 8rem;
  left: 1%;
 }
 .medium-team-avatar {
  top: -12%;
 }
 .team-avatar-item,
 .small-avatar-item {
  width: 6rem;
  height: 6rem;
 }
 .big-team-avatar {
  width: 6rem;
  height: 6rem;
  bottom: -9%;
  left: 21%;
 }
 .min-height {
  min-height: 430px;
 }
 .connecting {
  top: -7.4rem;
 }
 .section-analytics {
  padding-top: 130px;
 }
 .loop-container {
  grid-column-gap: 60px;
 }
 .primary-gradient-button-2.form-btn {
  position: absolute;
  top: 6.5px;
  bottom: auto;
  left: auto;
  right: 6.5px;
 }
 .blue-gradient-2.g-77 {
  bottom: -53%;
 }
 .blue-gradient-2.g-33 {
  bottom: -50%;
  right: 19%;
 }
 .blue-gradient-2.gr-4,
 .blue-gradient-2.l-2 {
  width: 250px;
  height: 250px;
  right: 13%;
 }
 .blue-gradient-2.g-32 {
  bottom: -25%;
 }
 .blue-gradient-2.d-9 {
  bottom: 33%;
 }
 .blue-gradient-2.d-10 {
  left: 50%;
 }
 .blue-gradient-2.d-8 {
  bottom: -2%;
 }
 .blue-gradient-2.d-2 {
  top: 9%;
 }
 .blue-gradient-2.s-2 {
  bottom: 34%;
 }
 .blue-gradient-2.s-1 {
  right: 26%;
 }
 .blue-gradient-2.s-3 {
  bottom: 4%;
  left: 20%;
 }
 .purple-gradient-2 {
  top: -10%;
 }
 .purple-gradient-2.grad-35 {
  top: 42%;
 }
 .purple-gradient-2.grad-16 {
  left: 1%;
 }
 .purple-gradient-2.grad-18 {
  top: 23%;
  left: 48%;
 }
 .purple-gradient-2.grad-17 {
  top: 68%;
 }
 .purple-gradient-2.gr-1 {
  bottom: 22%;
  right: -13%;
 }
 .purple-gradient-2.gr-3,
 .purple-gradient-2.l-3 {
  top: 5%;
  right: 18%;
 }
 .purple-gradient-2.grad-31 {
  top: 36%;
  left: 5%;
 }
 .purple-gradient-2.d-6 {
  top: 37%;
  left: 6%;
 }
 .purple-gradient-2.d-3 {
  left: 10%;
 }
 .purple-gradient-2.d-7 {
  bottom: 5%;
  right: 7%;
 }
 .purple-gradient-2.d-5 {
  top: 20%;
 }
 .banner-coming-soon-form {
  width: 95%;
  margin-bottom: 0;
 }
 .coming-soon-heading-3 {
  width: 100%;
  font-size: 61px;
 }
 .section-406 {
  padding-top: 130px;
  padding-bottom: 130px;
 }
 .slider-blog-arrow {
  padding-right: 140px;
 }
 .slider-blog-arrow.right {
  padding-left: 140px;
 }
 .section-blog {
  padding-top: 130px;
  padding-bottom: 130px;
 }
 .review-blog-details {
  grid-column-gap: 60px;
 }
 .section-blog-details {
  height: 650px;
 }
 .blog-intro-content {
  width: 56%;
 }
 .blog-details-title {
  font-size: 60px;
 }
 .section-shop {
  padding-top: 100px;
  padding-bottom: 130px;
 }
 .section-407 {
  padding-top: 130px;
  padding-bottom: 130px;
 }
 .section-407.our-shop {
  padding-top: 200px;
  padding-bottom: 100px;
 }
 .line-animation-home-2-2 {
  max-width: 1170px;
 }
 .our-blog-container-2 {
  height: 450px;
 }
}
@media screen and (min-width: 1440px) {
 .base-container.pos-relative {
  margin-top: -18px;
 }
 .primary-gradient-button.full-width {
  margin-top: 38px;
 }
 .blue-gradient.g-10 {
  bottom: 9%;
  right: 5%;
 }
 .blue-gradient.g-30 {
  width: 250px;
  height: 250px;
  filter: blur(180px);
  bottom: 23%;
  left: 17%;
 }
 .blue-gradient.g-32 {
  right: 5%;
 }
 .blue-gradient.s-6 {
  top: 22%;
  right: 25%;
 }
 .blue-gradient.s-4 {
  bottom: 36%;
  left: 28%;
 }
 .blue-gradient.g-77 {
  bottom: -42%;
  right: 33%;
 }
 .purple-gradient {
  top: -10%;
  left: 8%;
 }
 .purple-gradient.grad-5 {
  bottom: 23%;
  left: 17%;
 }
 .purple-gradient.gr-1 {
  bottom: 31%;
 }
 .purple-gradient.gr-2 {
  bottom: 24%;
 }
 .purple-gradient.gr-3 {
  width: 250px;
  height: 250px;
 }
 .purple-gradient.grad-22 {
  left: 38%;
 }
 .purple-gradient.grad-21 {
  border-radius: 100%;
 }
 .purple-gradient.l-3 {
  width: 250px;
  height: 250px;
 }
 .purple-gradient.grad-31 {
  top: 23%;
  left: 3%;
 }
 .home-1-banner {
  padding-top: 200px;
 }
 .section-our-services {
  padding-top: 107px;
 }
 .no-margin {
  margin-top: 13px;
 }
 .steps-sticky-card {
  grid-column-gap: 36px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
 }
 .steps-grid-2 {
  grid-template-columns: 0.8fr 1fr;
 }
 .section {
  margin-top: -35px;
 }
 .section.without-bottom-spacing {
  margin-top: -101px;
 }
 .section.big-spacing {
  padding-top: 200px;
 }
 .saas-lottie {
  width: 444px;
  margin-bottom: 63px;
  margin-left: 0;
  margin-right: 76px;
  padding-left: 0;
  right: 99px;
 }
 .hero-top-content {
  padding-top: 80px;
 }
 .team-spacer {
  padding: 40px;
 }
 .team-slide-arrow {
  bottom: 40px;
  right: 40px;
 }
 .team-slide-arrow.team-arrow-left {
  right: 150px;
 }
 .team-image-2 {
  height: 500px;
 }
 .form-lottie {
  right: 5%;
 }
 .tab-container {
  margin-top: 23px;
 }
 .tab-faq {
  grid-column-gap: 80px;
 }
 .dark-banner-ov {
  background-image: url(../64f3be432eb338d5b0ed3a24_Tertiary Gradient.webp);
  background-position: 0 0;
  background-size: 100vw;
 }
 .error-404-text {
  font-size: 40px;
 }
 ._404-title {
  font-size: 140px;
 }
 .sign-wrapper {
  margin-bottom: 30px;
 }
 .banner-title-sign-up {
  margin-bottom: 4px;
  font-size: 60px;
 }
 .large-main-section {
  padding-top: 140px;
  padding-bottom: 90px;
 }
 .large-main-section.sign-up {
  padding-top: 140px;
 }
 .acout-link {
  margin-top: 20px;
 }
 .large-team-avatar.ava-3 {
  top: 34%;
  right: -21%;
 }
 .team-avatar-item-mini {
  left: -27%;
 }
 .medium-team-avatar {
  top: -7%;
  left: 15%;
 }
 .team-avatar-item {
  left: 23%;
 }
 .small-avatar-item {
  bottom: -13%;
  left: 35%;
 }
 .big-team-avatar {
  bottom: -13%;
 }
 .primary-gradient-button-2.full-mini-mob {
  margin-top: -33px;
  margin-bottom: 40px;
 }
 .blue-gradient-2.g-77 {
  bottom: -42%;
  right: 33%;
 }
 .blue-gradient-2.g-34 {
  width: 250px;
  height: 250px;
  filter: blur(180px);
  left: 22%;
 }
 .blue-gradient-2.g-32 {
  right: 5%;
 }
 .blue-gradient-2.d-9 {
  bottom: 32%;
  left: 69%;
 }
 .blue-gradient-2.d-4 {
  top: 25%;
  right: 20%;
 }
 .blue-gradient-2.s-2 {
  bottom: 36%;
  left: 28%;
 }
 .blue-gradient-2.s-1 {
  bottom: 12%;
  right: 36%;
 }
 .blue-gradient-2.s-3 {
  left: 17%;
 }
 .purple-gradient-2 {
  top: -10%;
  left: 8%;
 }
 .purple-gradient-2.grad-35 {
  top: 38%;
 }
 .purple-gradient-2.grad-16 {
  width: 250px;
  height: 250px;
  top: 52%;
  left: 7%;
 }
 .purple-gradient-2.grad-18 {
  width: 250px;
  height: 250px;
  top: 24%;
  left: 42%;
 }
 .purple-gradient-2.grad-17 {
  top: 44%;
 }
 .purple-gradient-2.gr-1 {
  bottom: 31%;
 }
 .purple-gradient-2.gr-2 {
  bottom: 24%;
 }
 .purple-gradient-2.gr-3,
 .purple-gradient-2.l-3 {
  width: 250px;
  height: 250px;
 }
 .purple-gradient-2.grad-31 {
  top: 23%;
  left: 3%;
 }
 .purple-gradient-2.d-6 {
  left: 11%;
 }
 .purple-gradient-2.d-7 {
  right: 13%;
 }
 .coming-soon-heading-3 {
  margin-top: 41px;
 }
 .pricing-tab-2 {
  padding: 23px;
 }
 .team-item-3 {
  padding: 40px;
 }
 .heading-8 {
  text-align: center;
  display: block;
 }
 .lottie-animation-4 {
  width: 400px;
 }
 .button_primary.is_monthly {
  letter-spacing: 0;
 }
 .text_4-5,
 .text_2-2 {
  text-align: center;
 }
 .image-box-on-left {
  min-height: 34.5vh;
 }
 .review-blog-details {
  grid-column-gap: 80px;
 }
 .primary-gradient-button-copy.full-width {
  margin-top: 38px;
 }
}
@media screen and (min-width: 1920px) {
 .base-container.whole-page.center.more-top {
  margin-top: 3vh;
 }
 .dashboard-wrap {
  width: 100%;
 }
 .primary-gradient-button {
  align-self: center;
  margin-top: 14px;
 }
 .primary-gradient-button.full-width.m-top-reg {
  margin-top: 0;
 }
 .primary-gradient-button.no-top {
  margin-top: 0;
 }
 .primary-gradient-button.center-big-padding {
  padding-left: 3vw;
  padding-right: 3vw;
 }
 .hero-title {
  font-size: 80px;
 }
 .blue-gradient {
  right: 13%;
 }
 .blue-gradient.g-10 {
  bottom: 7%;
  right: 16%;
 }
 .blue-gradient.gr-4,
 .blue-gradient.l-2 {
  right: 18%;
 }
 .blue-gradient.g-30 {
  top: 75%;
  left: 24%;
 }
 .blue-gradient.g-21 {
  width: 400px;
  height: 400px;
  filter: blur(250px);
 }
 .blue-gradient.s-6 {
  top: 11%;
  right: 31%;
 }
 .blue-gradient.s-4 {
  width: 230px;
  height: 230px;
  bottom: 33%;
  left: 27%;
 }
 .blue-gradient.g-77 {
  bottom: -24%;
  right: 38%;
 }
 .blue-gradient.g-10 {
  width: 400px;
  height: 400px;
  filter: blur(250px);
 }
 .blue-gradient.g-222 {
  right: 14%;
 }
 .purple-gradient {
  width: 270px;
  height: 270px;
  filter: blur(200px);
  left: 16%;
 }
 .purple-gradient.grad-6 {
  right: 15%;
 }
 .purple-gradient.grad-5 {
  bottom: 20%;
  left: 27%;
 }
 .purple-gradient.grad-7 {
  bottom: 6%;
  right: 66%;
 }
 .purple-gradient.gr-1 {
  width: 400px;
  height: 400px;
  filter: blur(250px);
  bottom: 37%;
 }
 .purple-gradient.gr-2 {
  width: 400px;
  height: 400px;
  filter: blur(250px);
  bottom: 35%;
 }
 .purple-gradient.gr-3 {
  filter: blur(300px);
 }
 .purple-gradient.grad-22 {
  left: 41%;
 }
 .purple-gradient.grad-20 {
  width: 400px;
  height: 400px;
  opacity: 0.35;
  top: 8%;
  left: 5%;
 }
 .purple-gradient.grad-21 {
  width: 300px;
  height: 300px;
  opacity: 0.7;
 }
 .purple-gradient.l-3 {
  filter: blur(300px);
 }
 .purple-gradient.grad-31 {
  top: 31%;
  left: 16%;
 }
 .purple-gradient.grad-24new,
 .purple-gradient.grad-14new {
  width: 400px;
  height: 400px;
  top: 20%;
  bottom: auto;
  left: 0%;
  right: auto;
 }
 .purple-gradient.grad-15new {
  width: 400px;
  height: 400px;
  top: 8%;
  bottom: auto;
  left: auto;
  right: 9%;
 }
 .home-1-banner {
  padding-top: 220px;
 }
 .home-1-content {
  max-width: 100%;
 }
 .main-description.form-full-size {
  grid-column-gap: 8vw;
 }
 .saas-image-wrapper {
  width: 49%;
 }
 .secondary-gradient-button.no-top {
  align-self: center;
 }
 .section.our-news-banner,
 .section.our-work {
  min-height: 500px;
  padding-top: 240px;
  padding-bottom: 130px;
 }
 .saas-lottie {
  right: 335px;
 }
 .btn-wrapper.no-margin {
  margin-top: -40px;
 }
 .btn-wrapper.horizontal.down {
  align-items: flex-end;
 }
 .btn-wrap {
  grid-column-gap: 1vw;
  grid-row-gap: 1vw;
  align-self: center;
 }
 .hero-top-content {
  padding-top: 100px;
 }
 .image-block-left.vertical-sort {
  justify-content: space-between;
 }
 .left-container.no-margin {
  margin-top: 0;
  margin-bottom: 0;
 }
 .team-slide-middle {
  width: 80%;
 }
 .team-image-2 {
  height: 550px;
 }
 .form-lottie {
  right: 15%;
 }
 .faq-title {
  font-size: 80px;
 }
 .error-404-text {
  font-size: 52px;
 }
 ._404-title {
  font-size: 180px;
 }
 .sign-wrapper {
  margin-bottom: 40px;
 }
 .banner-title-sign-up {
  margin-bottom: 20px;
  font-size: 70px;
 }
 .large-main-section {
  padding-top: 180px;
  padding-bottom: 150px;
 }
 .large-main-section.sign-up {
  padding-top: 200px;
 }
 .large-team-avatar.ava-3 {
  width: 9rem;
  height: 9rem;
  top: 30%;
  bottom: auto;
  left: auto;
  right: -103%;
 }
 .team-avatar-item-mini {
  width: 10rem;
  height: 10rem;
  top: 21%;
  bottom: auto;
  left: -96%;
  right: auto;
 }
 .medium-team-avatar {
  top: -18%;
  bottom: auto;
  left: 49%;
  right: auto;
 }
 .team-avatar-item {
  top: -18%;
  bottom: auto;
  left: auto;
  right: 58%;
 }
 .small-avatar-item {
  width: 8rem;
  height: 8rem;
  top: auto;
  bottom: -19%;
  left: 0%;
  right: auto;
 }
 .big-team-avatar {
  width: 7rem;
  height: 7rem;
  top: auto;
  bottom: -14%;
  left: 49%;
  right: auto;
 }
 .blue-gradient-2 {
  right: 13%;
 }
 .blue-gradient-2.g-77 {
  bottom: -24%;
  right: 38%;
 }
 .blue-gradient-2.g-33 {
  width: 350px;
  height: 350px;
  filter: blur(250px);
  bottom: -46%;
  right: 24%;
 }
 .blue-gradient-2.g-34 {
  left: 31%;
 }
 .blue-gradient-2.gr-4,
 .blue-gradient-2.l-2 {
  right: 18%;
 }
 .blue-gradient-2.d-9 {
  bottom: 31%;
  left: 63%;
 }
 .blue-gradient-2.d-10 {
  bottom: 23%;
  left: 54%;
 }
 .blue-gradient-2.d-4 {
  top: 27%;
  right: 23%;
 }
 .blue-gradient-2.d-8 {
  bottom: -4%;
  left: 20%;
 }
 .blue-gradient-2.d-1 {
  width: 400px;
  height: 400px;
  filter: blur(250px);
  top: -3%;
  right: 1%;
 }
 .blue-gradient-2.d-2 {
  right: 59%;
 }
 .blue-gradient-2.s-2 {
  width: 250px;
  height: 250px;
  bottom: 38%;
  left: 31%;
 }
 .blue-gradient-2.g-21 {
  width: 400px;
  height: 400px;
  filter: blur(250px);
 }
 .blue-gradient-2.s-1 {
  width: 300px;
  height: 300px;
  bottom: 21%;
  right: 19%;
 }
 .blue-gradient-2.s-3 {
  width: 250px;
  height: 250px;
  bottom: 6%;
  left: 17%;
 }
 .purple-gradient-2 {
  width: 270px;
  height: 270px;
  filter: blur(200px);
  left: 16%;
 }
 .purple-gradient-2.grad-14new {
  width: 400px;
  height: 400px;
  top: 20%;
  bottom: auto;
  left: 0%;
  right: auto;
 }
 .purple-gradient-2.grad-15new {
  width: 400px;
  height: 400px;
  top: 8%;
  bottom: auto;
  left: auto;
  right: 9%;
 }
 .purple-gradient-2.grad-35 {
  right: 19%;
 }
 .purple-gradient-2.grad-16 {
  width: 300px;
  height: 300px;
  filter: blur(230px);
  left: 13%;
 }
 .purple-gradient-2.grad-18 {
  width: 300px;
  height: 300px;
  top: 21%;
 }
 .purple-gradient-2.gr-1 {
  width: 400px;
  height: 400px;
  filter: blur(250px);
  bottom: 37%;
 }
 .purple-gradient-2.gr-2 {
  width: 400px;
  height: 400px;
  filter: blur(250px);
  bottom: 35%;
 }
 .purple-gradient-2.gr-3,
 .purple-gradient-2.l-3 {
  filter: blur(300px);
 }
 .purple-gradient-2.grad-31 {
  top: 31%;
  left: 16%;
 }
 .purple-gradient-2.d-6 {
  top: 37%;
  left: 20%;
 }
 .purple-gradient-2.d-7 {
  right: 22%;
 }
 .purple-gradient-2.d-5 {
  top: 24%;
 }
 .purple-gradient-2.d-11 {
  right: 62%;
 }
 .purple-gradient-2.grad-24new {
  width: 400px;
  height: 400px;
  top: 20%;
  bottom: auto;
  left: 0%;
  right: auto;
 }
 .pricing_list_header {
  font-size: 1vw;
 }
 .pricing_list_item {
  margin-top: 2vh;
  font-size: 1vw;
 }
 .toggle_btn {
  width: 3.8vw;
  padding: 0.1vh 0.1vw;
 }
 .pricing_card {
  max-width: none;
  min-width: auto;
 }
 .margin_1_top {
  margin-top: 0.75vh;
 }
 .button_primary.is_annual,
 .button_primary.is_monthly {
  font-size: 1vw;
 }
 .toggle_btn_circle {
  width: 1.2vw;
  height: 1.2vw;
 }
 .number {
  margin-right: 0.5vw;
  font-size: 2vw;
 }
 .text_4-5 {
  font-size: 2.4vw;
 }
 .text_1-5 {
  font-size: 1.2vw;
 }
 .text_2-2.center {
  font-size: 1vw;
  font-weight: 400;
 }
 .image-box-on-left {
  max-height: 33vh;
  min-height: 34vh;
 }
 .cookie-banner {
  max-height: 30vh;
  max-width: 33vw;
  min-height: 30vh;
  min-width: 33vw;
 }
 .cookie-text,
 .cookie-link {
  font-size: 1vw;
 }
 .preference-background {
  justify-content: center;
  align-items: center;
 }
 .preferance-manager {
  max-height: 90%;
  max-width: 75%;
  min-height: 90%;
  min-width: 75%;
  flex: none;
 }
 .lines-wrap {
  width: 100%;
 }
 .section-blog-details {
  height: 700px;
 }
 .blog-intro-content {
  min-height: 550px;
  padding-top: 200px;
  padding-bottom: 100px;
 }
 .blog-details-title {
  font-size: 65px;
 }
 .under-footer-text {
  font-size: 0.7vw;
 }
 .cards-wrapper {
  min-width: 100%;
 }
 .step-h2.gradient {
  font-size: 70px;
 }
 .text-card {
  font-size: 1.4vw;
 }
 .glow-eclipse {
  min-width: 10vw;
 }
 .tradingview-wrapper {
  max-width: 55%;
 }
 .tv-field {
  padding-top: 2.5vh;
  padding-bottom: 2.5vh;
  font-size: 0.9vw;
 }
 .note-text {
  font-size: 0.9vw;
 }
 .youtube {
  min-height: auto;
  min-width: auto;
 }
 .guaranteed {
  margin-bottom: 3vh;
  padding-top: 0;
 }
 .indicators-hero.no-limit {
  max-height: none;
 }
 .line-on-top {
  align-items: center;
 }
 .primary-gradient-button-copy {
  align-self: center;
  margin-top: 14px;
 }
 .primary-gradient-button-copy.full-width.m-top-reg {
  margin-top: 0;
 }
 .primary-gradient-button-copy.no-top {
  margin-top: 0;
 }
 .primary-gradient-button-copy.center-big-padding {
  padding-left: 3vw;
  padding-right: 3vw;
 }
}
@media screen and (max-width: 991px) {
 .padding-section-m {
  padding-top: 4rem;
  padding-bottom: 4rem;
 }
 .padding-vertical {
  padding-left: 0;
  padding-right: 0;
 }
 .padding-section-l {
  padding-top: 6rem;
  padding-bottom: 6rem;
 }
 .padding-xxl {
  padding: 4.5rem;
 }
 .padding-top {
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
 }
 .margin-bottom {
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
 }
 .margin-l {
  margin: 2.5rem;
 }
 .heading-style-h3 {
  font-size: 2.25rem;
 }
 .menu-icon-line-top {
  width: 24px;
  height: 2px;
  background-color: var(--white);
  padding-bottom: 0;
  padding-right: 0;
 }
 .navbar-link {
  padding: 0.75rem 0;
  font-size: 1.125rem;
 }
 .navbar-container {
  padding-left: 1rem;
  padding-right: 1rem;
 }
 .menu-icon {
  width: 48px;
  height: 48px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-right: -0.5rem;
  padding-bottom: 0;
  padding-right: 0;
  display: flex;
 }
 .menu-icon-line-middle {
  width: 24px;
  height: 2px;
  background-color: var(--white);
  justify-content: center;
  align-items: center;
  margin-top: 6px;
  margin-bottom: 6px;
  padding-bottom: 0;
  padding-right: 0;
  display: flex;
 }
 .navbar-menu {
  -webkit-text-fill-color: inherit;
  background-color: rgba(0, 0, 0, 0.9);
  background-clip: border-box;
  align-items: flex-start;
  margin-left: 0;
  padding: 1rem 5% 6.5rem;
  transition: height 0.5s;
  position: absolute;
  overflow: auto;
 }
 .menu-icon-line-bottom {
  width: 24px;
  height: 2px;
  background-color: var(--white);
  padding-bottom: 0;
  padding-right: 0;
 }
 .menu-icon-line-middle-inner {
  width: 4px;
  height: 0;
  padding-bottom: 0;
  padding-right: 0;
 }
 .navbar-menu-button.w--open {
  background-color: transparent;
 }
 .navbar-menu-right {
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  align-items: stretch;
  margin-top: 1.5rem;
 }
 .cta-component {
  grid-column-gap: 3rem;
 }
 .cta-content {
  margin-right: 3rem;
 }
 .footer-top-wrapper {
  grid-row-gap: 4rem;
  grid-template-columns: 1fr;
 }
 .results-component {
  grid-column-gap: 3rem;
  grid-row-gap: 2rem;
 }
 .partners-content-left {
  max-width: 16rem;
 }
 .partners-component {
  grid-column-gap: 3rem;
 }
 .partners-logo-list {
  grid-template-columns: 1fr 1fr;
 }
 .rich-text-content {
  margin-bottom: 3rem;
 }
 .dropdown-text {
  padding: 0.75rem 0;
  font-size: 1.125rem;
 }
 .dropdown {
  display: block;
 }
 .dropdown-toggle {
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
 }
 .nav-link {
  width: 100%;
  margin-top: 14px;
  margin-bottom: 14px;
 }
 .dropdown-2 {
  width: 100%;
 }
 .base-container.grid {
  max-width: 90vw;
  grid-template-rows: auto auto auto auto;
  grid-template-columns: 100%;
 }
 .base-container.whole-page.center.more-top {
  max-height: none;
 }
 .dashboard-wrap {
  margin-top: 80px;
 }
 .primary-gradient-button.full-width.m-top-reg {
  width: auto;
  padding-left: 6vw;
  padding-right: 6vw;
 }
 .primary-gradient-button.font-btn {
  font-size: 1.75vw;
 }
 .primary-gradient-button.font-btn.different-padding.color-bg {
  padding-bottom: 10px;
 }
 .primary-gradient-button.limit-size {
  max-width: 70%;
  margin-left: auto;
  margin-right: auto;
  display: block;
 }
 .primary-gradient-button.center-big-padding {
  width: 100%;
 }
 .hero-title {
  font-size: 6vw;
 }
 .blue-gradient {
  filter: blur(130px);
 }
 .blue-gradient.grad-1 {
  width: 300px;
  height: 300px;
  filter: blur(200px);
  top: 9%;
  bottom: auto;
  left: 12%;
  right: auto;
 }
 .blue-gradient.g-10 {
  bottom: 14%;
  right: -4%;
 }
 .blue-gradient.gr-4,
 .blue-gradient.l-2 {
  right: 23%;
 }
 .blue-gradient.g-30 {
  left: 40%;
 }
 .blue-gradient.g-32 {
  bottom: -9%;
 }
 .blue-gradient.s-6 {
  top: 6%;
  right: 5%;
 }
 .blue-gradient.s-4 {
  bottom: 43%;
  left: 33%;
 }
 .blue-gradient.g-77 {
  width: 200px;
  height: 200px;
  top: auto;
  bottom: -2%;
  left: auto;
  right: 5%;
 }
 .blue-gradient.g-222 {
  bottom: 3%;
 }
 .purple-gradient {
  width: 180px;
  height: 180px;
  filter: blur(150px);
  left: 37%;
 }
 .purple-gradient.grad-10 {
  bottom: 20%;
  right: 2%;
 }
 .purple-gradient.grad-6 {
  display: none;
 }
 .purple-gradient.grad-9 {
  width: 200px;
  height: 200px;
  bottom: 13%;
 }
 .purple-gradient.grad-5,
 .purple-gradient.grad-4 {
  display: none;
 }
 .purple-gradient.grad-7 {
  bottom: -9%;
 }
 .purple-gradient.gr-1 {
  bottom: 24%;
  right: -18%;
 }
 .purple-gradient.gr-2 {
  opacity: 0.9;
  filter: blur(200px);
 }
 .purple-gradient.gr-3 {
  top: 0%;
  bottom: auto;
  left: auto;
  right: 0%;
 }
 .purple-gradient.grad-22 {
  bottom: 20%;
  right: 2%;
 }
 .purple-gradient.grad-20 {
  display: none;
 }
 .purple-gradient.grad-21 {
  width: 200px;
  height: 200px;
  bottom: 13%;
 }
 .purple-gradient.l-3 {
  top: 0%;
  bottom: auto;
  left: auto;
  right: 0%;
 }
 .purple-gradient.grad-31 {
  left: 12%;
 }
 .purple-gradient.grad-24new,
 .purple-gradient.grad-14new {
  bottom: 20%;
  left: -19%;
  right: 2%;
 }
 .purple-gradient.grad-15new {
  display: none;
 }
 .dashboard {
  min-height: 60vh;
  border-width: 30px;
 }
 .hero-banner-description {
  width: 100%;
 }
 .home-1-banner {
  padding-top: 160px;
 }
 .center-wrap {
  width: 100%;
 }
 .main-description {
  width: 85%;
 }
 .main-description.form-full-size {
  width: 100%;
  grid-column-gap: 5vw;
  grid-row-gap: 3vw;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
 }
 .card-arrow,
 .steps-circle-outline.three {
  display: none;
 }
 .steps-sticky-card {
  height: auto;
  max-width: 100%;
  min-width: 100%;
  background-image: none;
  flex-direction: column-reverse;
  grid-template-columns: 1fr;
  margin-top: -60px;
  position: relative;
  top: auto;
 }
 .steps-grid-2 {
  grid-row-gap: 60px;
  flex-direction: column-reverse;
  grid-template-rows: 1fr;
  grid-template-columns: 1fr;
 }
 .steps-cards {
  z-index: 40;
  padding-left: 0;
  position: relative;
 }
 .steps-card-wrapper {
  grid-row-gap: 40px;
 }
 .h2-title {
  width: 90%;
 }
 .h2-title.centered {
  text-align: center;
 }
 .steps-tracker,
 .steps-dot {
  display: none;
 }
 .saas-image-wrapper {
  width: 100%;
  height: 280px;
  order: -1;
  justify-content: center;
  position: relative;
 }
 .secondary-gradient-button.font-btn {
  padding-bottom: 13px;
  font-size: 1.75vw;
 }
 .about-saas-company-wrapper {
  flex-wrap: wrap;
 }
 .section.our-news-banner,
 .section.our-work {
  min-height: 400px;
  padding-top: 160px;
 }
 .grid-items-services {
  grid-template-columns: 1fr 1fr;
 }
 .about-saas-wrap-left {
  width: 100%;
  text-align: center;
  align-items: center;
  padding-top: 30px;
 }
 .saas-lottie {
  height: 200%;
  display: none;
  bottom: -195px;
 }
 .about-company-container {
  align-items: center;
 }
 .btn-wrapper {
  max-width: 100%;
  flex-direction: column;
  margin-top: 4vh;
 }
 .btn-wrapper.no-margin {
  margin-top: 6vh;
 }
 .saas-info-wrap {
  height: auto;
  grid-row-gap: 50px;
  flex-direction: column;
 }
 .our-price {
  grid-column-gap: 30px;
  grid-template-columns: 1fr 1fr;
 }
 .anchor-link {
  width: 100%;
 }
 .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;
 }
 .nav-hero-container {
  padding-left: 15px;
  padding-right: 15px;
 }
 .nav-dropdown-list-4 {
  border-style: none;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 0 0 10px;
  display: none;
  position: static;
 }
 .nav-dropdown-list-4.w--open {
  box-shadow: none;
  background-color: #000;
  border-style: none;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  position: static;
 }
 .nav-dropdown-list-4.portfolio-details.w--open {
  border-style: none;
 }
 .dropdown-menu-3 {
  width: 100%;
  height: auto;
  background-color: #000;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  padding-top: 22px;
  padding-bottom: 100px;
  padding-left: 15px;
  overflow: hidden;
 }
 .dropdown-header-item {
  width: 100%;
  background-color: transparent;
  justify-content: space-between;
  align-items: center;
  margin-top: 14px;
  margin-bottom: 14px;
  padding: 0 20px 0 0;
 }
 .nav-dropdowm-link-line-3 {
  display: none;
 }
 .tablet-menu-4 {
  width: 100%;
  height: auto;
  background-color: #000;
  justify-content: flex-end;
  align-items: flex-start;
  padding-left: 20px;
  padding-right: 13px;
  display: none;
 }
 .nav-dropdown-link-wrapper-2 {
  padding-right: 0;
 }
 .nav-dropdown-link-wrapper-2:hover {
  padding-left: 0;
  padding-right: 0;
 }
 .close-menu-button-3.w--open {
  z-index: 10;
  background-color: transparent;
  padding: 9px 0 0 20px;
  position: absolute;
  top: 15px;
  bottom: auto;
  left: auto;
  right: 15px;
 }
 .nav-close-icon-4 {
  max-width: 60%;
  filter: invert();
  align-self: stretch;
 }
 .nav-dropdown-item {
  width: 100%;
 }
 .nav-intro-item {
  margin-top: 6px;
  margin-bottom: 6px;
 }
 .top-tablet-menu-3 {
  width: 100%;
 }
 .menu-button-3 {
  max-height: 40px;
  max-width: 40px;
  min-height: 40px;
  min-width: 40px;
  text-align: right;
  justify-content: flex-end;
  align-items: center;
  margin-left: auto;
  margin-right: 5vw;
  padding: 0;
 }
 .menu-button-3.w--open {
  background-color: transparent;
  display: none;
 }
 .nav-dropdown-item-link {
  color: #fff;
  justify-content: flex-start;
  margin-left: 0;
  margin-right: 0;
  padding-right: 0;
  font-weight: 500;
 }
 .nav-dropdown-item-link.w--current {
  color: #90f;
 }
 .nav-dropdown-item-link.w--current:hover {
  color: #fff;
 }
 .border-wrap-3 {
  width: 100%;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
 }
 .nav-menu-2 {
  z-index: 10000;
  width: 100%;
  height: auto;
  background-color: transparent;
  flex-direction: column;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: auto;
  overflow: visible;
 }
 .nav-menu-shadow-overlay-4 {
  z-index: 10000;
  width: 320px;
  background-color: #000;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  position: fixed;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: auto;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.15);
 }
 .menu-item-wrapper {
  justify-content: space-between;
  align-items: center;
  padding-top: 20px;
  padding-bottom: 20px;
 }
 .login-tablet-wrap-2 {
  width: 100%;
  grid-row-gap: 20px;
  flex-direction: column;
  margin-top: 40px;
  margin-left: 0;
  padding-right: 15px;
  display: flex;
 }
 .right-header-wrapper {
  border-left-style: none;
  margin-left: auto;
  margin-right: 20px;
 }
 .btn-wrap {
  display: none;
 }
 .footer-form-2 {
  text-align: center;
  align-items: center;
 }
 .footer-form-2.borders {
  grid-column-gap: 3vw;
  padding-left: 0;
  padding-right: 0;
 }
 .footer-description {
  text-align: center;
 }
 .links-container {
  width: 100%;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-self: flex-start;
  padding-left: 10px;
 }
 .links-container.footer-right {
  grid-row-gap: 10px;
 }
 .links-container.footer-right.right {
  margin-left: 0%;
 }
 .footer-con {
  width: 100%;
  align-items: center;
 }
 .text-footer-white {
  width: 100%;
 }
 .footer-bottom {
  flex-direction: column;
  align-items: center;
 }
 .footer-center {
  margin-top: 40px;
  margin-bottom: 40px;
  padding-top: 40px;
  padding-bottom: 40px;
 }
 .footer-top-wrap {
  grid-row-gap: 30px;
  flex-direction: column;
  align-items: center;
 }
 .footer-project-link {
  text-align: left;
 }
 .footer-grid {
  grid-row-gap: 40px;
  grid-template-columns: 1fr 1fr;
 }
 .footer-l-2 {
  display: none;
 }
 .footer-info {
  width: 100%;
  align-items: center;
 }
 .footer-ov {
  background-color: rgba(0, 0, 0, 0.35);
 }
 .centered-intro {
  max-width: 100%;
 }
 .content-about-us {
  grid-row-gap: 0px;
  grid-template-columns: 1fr 1fr 1fr;
 }
 .grid-png-wrapper {
  grid-row-gap: 48px;
 }
 .hero-top-content {
  margin-top: 80px;
 }
 .about-banner {
  margin-left: -5vw;
  margin-right: -5vw;
 }
 .about-us-description-tablet {
  width: 80%;
  display: block;
 }
 .about-image-wrapper-2 {
  width: 25vw;
  height: 25vw;
 }
 .heading-content {
  width: 90%;
  text-align: center;
  flex-direction: column;
  align-items: center;
 }
 .line-animation-home-2 {
  max-width: 95%;
 }
 .content-bottom {
  grid-column-gap: 0px;
  grid-row-gap: 20px;
  flex-direction: row;
  align-items: flex-start;
 }
 .mobile-menu.top-mobile {
  width: 220px;
  top: 16%;
 }
 .mobile-menu.menu-2 {
  width: 200px;
 }
 .display-horizontal {
  flex-direction: column;
 }
 .lottie-mobile {
  width: 90%;
  top: auto;
  bottom: -64%;
  left: auto;
  right: auto;
 }
 .text-content-right {
  width: 100%;
  max-width: 48%;
  min-width: 48%;
 }
 .image-block-left {
  width: 100%;
  height: 400px;
 }
 .image-block-left.vertical-sort {
  max-width: 48%;
  min-width: 48%;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: space-around;
 }
 .business-statistics-right {
  grid-template-columns: 1fr;
 }
 .grow-text {
  text-align: center;
 }
 .grow-columns {
  grid-row-gap: 60px;
  flex-direction: column-reverse;
 }
 .left-container.no-margin {
  max-width: 100%;
  min-width: 100%;
  align-items: center;
 }
 .grow-count-columns {
  grid-column-gap: 40px;
  margin-top: 0;
 }
 .grow-col.mod--2 {
  max-width: 100%;
 }
 .team-spacer {
  padding-top: 80px;
 }
 .team-hero-slider {
  width: 100%;
  min-width: auto;
 }
 .package-text-wrapper {
  width: 100%;
 }
 .tab-content {
  width: 80%;
  margin-left: 0;
  padding-left: 0;
 }
 .tabs-menu {
  width: 100%;
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
 }
 .tabs {
  flex-direction: column;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr;
 }
 .price-content {
  width: 100%;
  justify-content: center;
  padding-top: 60px;
  padding-left: 0;
 }
 .grad-line-home-4.our-price {
  display: none;
 }
 .left-lootie-con,
 .form-lottie {
  width: 100%;
 }
 .tab-radio-button-field {
  width: 45%;
  justify-content: flex-start;
 }
 .tab-container {
  grid-row-gap: 60px;
  flex-direction: column;
  margin-left: auto;
  margin-right: auto;
 }
 .large-contacts-form {
  width: 100%;
 }
 .skills-item.left-top-last-one-left {
  border-bottom-style: none;
 }
 .map-item {
  height: 260px;
 }
 .faq-title {
  width: 100%;
  font-size: 55px;
 }
 .tab-faq {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: column;
  grid-template-columns: 1fr;
 }
 .tab-top:hover {
  padding-left: 0;
  padding-right: 0;
 }
 .hover-cover {
  display: none;
 }
 .main-description-banner {
  width: 85%;
 }
 .faq-list-2 {
  width: 100%;
 }
 .circle-wrapper.circle-10,
 .circle-wrapper.circle-6,
 .circle-wrapper.circle-2 {
  display: none;
 }
 .circle-wrapper.circle-5 {
  left: 25%;
 }
 .circle-wrapper.circle-11 {
  display: none;
 }
 .circle-wrapper.circle-20 {
  top: 27%;
 }
 .circle-wrapper.circle-21 {
  left: 74%;
 }
 .circle-wrapper.circle-22 {
  display: none;
 }
 .circle-wrapper.circle-23 {
  top: 10%;
 }
 .circle-wrapper.circle-18 {
  display: none;
 }
 .circle-wrapper.circle-15 {
  bottom: 58%;
  right: 2%;
 }
 .circle-wrapper.circle-8 {
  bottom: 28%;
  right: 1%;
 }
 .circle-wrapper.circle-26,
 .circle-wrapper.circle-16 {
  display: none;
 }
 .circle-wrapper.circle-25 {
  display: none;
  top: 37%;
  left: 67%;
 }
 .circle-wrapper.circle-4,
 .circle-wrapper.p-4 {
  bottom: 84%;
  left: 22%;
 }
 .circle-wrapper.p-2 {
  display: none;
 }
 .testimonials-wrap {
  width: auto;
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
 }
 .review-wrapper {
  padding: 30px;
 }
 .flex-tablet-testimonials,
 .flex-testimonials {
  height: auto;
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex: none;
  display: flex;
 }
 .flex-testimonials.hidden-row {
  display: none;
 }
 ._404-title {
  font-size: 140px;
 }
 .sign-wrapper {
  width: 80%;
 }
 .banner-title-sign-up {
  font-size: 45px;
 }
 .large-main-section {
  padding-top: 80px;
 }
 .large-main-section.sign-up {
  padding-top: 140px;
 }
 .sign-up-form {
  width: 65%;
 }
 .section-looping-logos {
  padding-top: 120px;
  padding-bottom: 120px;
 }
 .grid-logos-wrapper {
  grid-row-gap: 20px;
  grid-template-rows: 1fr;
 }
 .contacts-right-arrow {
  right: 0;
 }
 .contacts-form-wrap {
  width: 100%;
 }
 .contacts-content-wrapper-3 {
  width: 100%;
  padding-right: 0;
 }
 .support-text {
  width: 100%;
 }
 .contacts-title-3 {
  width: 90%;
 }
 .contacts-wrap {
  grid-row-gap: 40px;
  flex-direction: column;
 }
 .benefits-line {
  display: none;
 }
 .benefits-line.support {
  display: block;
 }
 .large-team-avatar.ava-3,
 .team-avatar-item-mini {
  width: 6rem;
  height: 6rem;
  position: relative;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
 }
 .team-basic--2 {
  grid-template-columns: 1fr;
  justify-items: center;
 }
 .testimonial-slide {
  height: auto;
 }
 .section-background-wrapper {
  margin: 15px;
 }
 .dark-color-ov {
  background-color: rgba(0, 0, 0, 0.35);
 }
 .medium-team-avatar,
 .team-avatar-item,
 .small-avatar-item {
  width: 6rem;
  height: 6rem;
  position: relative;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
 }
 .home-4-looper {
  display: none;
 }
 .big-team-avatar {
  width: 6rem;
  height: 6rem;
  position: relative;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
 }
 .team-circles-home-4 {
  width: 90%;
  grid-column-gap: 3rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  justify-content: center;
  display: flex;
 }
 .services-grid {
  grid-column-gap: 30px;
  grid-template-columns: 1fr 1fr;
 }
 .connecting {
  display: none;
 }
 .section-analytics {
  padding-top: 0;
 }
 .section-analytics.contact-us-1 {
  padding-top: 80px;
 }
 .loop-container {
  grid-column-gap: 0px;
  grid-template-columns: 1fr;
  grid-auto-flow: row;
  justify-content: center;
 }
 .subscribe-form-coming-soon {
  max-width: 100%;
 }
 .subscribe-form-coming-soon.full-size {
  width: 100%;
 }
 .image-content-right {
  display: none;
 }
 .blue-gradient-2 {
  filter: blur(130px);
 }
 .blue-gradient-2.g-77 {
  width: 200px;
  height: 200px;
  top: auto;
  bottom: -2%;
  left: auto;
  right: 5%;
 }
 .blue-gradient-2.g-33 {
  right: 32%;
 }
 .blue-gradient-2.g-34 {
  top: 6%;
 }
 .blue-gradient-2.gr-4,
 .blue-gradient-2.l-2 {
  right: 23%;
 }
 .blue-gradient-2.g-32 {
  bottom: -9%;
 }
 .blue-gradient-2.d-9 {
  bottom: 31%;
  left: 66%;
 }
 .blue-gradient-2.d-10 {
  bottom: 26%;
 }
 .blue-gradient-2.d-4 {
  right: -21%;
 }
 .blue-gradient-2.d-2 {
  top: 9%;
  bottom: auto;
  left: 36%;
  right: auto;
 }
 .blue-gradient-2.s-2 {
  bottom: 43%;
  left: 33%;
 }
 .blue-gradient-2.s-1 {
  bottom: 21%;
 }
 .blue-gradient-2.s-3 {
  bottom: 4%;
  left: 24%;
 }
 .coming-soon-wrapper-3 {
  width: 100%;
  align-items: center;
 }
 .purple-gradient-2 {
  width: 180px;
  height: 180px;
  filter: blur(150px);
  left: 37%;
 }
 .purple-gradient-2.grad-14new {
  bottom: 20%;
  left: -19%;
  right: 2%;
 }
 .purple-gradient-2.grad-15new {
  display: none;
 }
 .purple-gradient-2.grad-35 {
  bottom: -3%;
 }
 .purple-gradient-2.grad-16 {
  display: none;
 }
 .purple-gradient-2.grad-18 {
  bottom: 20%;
  right: 2%;
 }
 .purple-gradient-2.grad-17 {
  width: 200px;
  height: 200px;
  bottom: 13%;
 }
 .purple-gradient-2.gr-1 {
  bottom: 24%;
  right: -18%;
 }
 .purple-gradient-2.gr-2 {
  opacity: 0.9;
  filter: blur(200px);
 }
 .purple-gradient-2.gr-3,
 .purple-gradient-2.l-3 {
  top: 0%;
  bottom: auto;
  left: auto;
  right: 0%;
 }
 .purple-gradient-2.grad-31 {
  left: 12%;
 }
 .purple-gradient-2.d-6 {
  top: 33%;
  left: 54%;
 }
 .purple-gradient-2.d-3 {
  top: 6%;
  left: -16%;
 }
 .purple-gradient-2.d-7 {
  bottom: 7%;
  right: -27%;
 }
 .purple-gradient-2.d-5 {
  left: -25%;
 }
 .purple-gradient-2.d-11 {
  right: 62%;
 }
 .purple-gradient-2.grad-24new {
  bottom: 20%;
  left: -19%;
  right: 2%;
 }
 .banner-coming-soon-form {
  width: 70%;
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
 }
 .coming-soon-paragraph-3 {
  width: 100%;
  text-align: center;
 }
 .coming-soon-heading-3 {
  width: 75%;
  text-align: center;
  font-size: 55px;
 }
 .about-banner-2 {
  margin-left: -5vw;
  margin-right: -5vw;
 }
 .team-item-3 {
  padding-top: 80px;
 }
 .radio-buttons-block-2 {
  grid-row-gap: 20px;
  flex-wrap: wrap;
 }
 .menu-button {
  width: 40px;
  height: 40px;
  max-height: 40px;
  max-width: 40px;
 }
 .lottie-animation-4 {
  object-fit: cover;
  margin-left: 0;
 }
 .lottie-animation-4.no-margin {
  display: block;
 }
 .collection-list {
  grid-template-columns: 1fr;
 }
 .collection-list-2 {
  grid-column-gap: 1vw;
  grid-row-gap: 0px;
  grid-template-rows: auto;
 }
 .pricing_list_header,
 .pricing_list_item {
  font-size: 2vw;
 }
 .pricing_card {
  max-width: 50%;
  min-width: 100%;
 }
 .button_primary.is_annual,
 .button_primary.is_monthly {
  font-size: 2vw;
 }
 .grid_3_col {
  grid-column-gap: 2vh;
  grid-row-gap: 2vh;
  flex-direction: column;
  align-items: center;
 }
 .text_2-2 {
  font-size: 2vw;
 }
 .image-box-on-left {
  max-height: none;
  min-height: auto;
  aspect-ratio: 2/1.5;
 }
 .cookie-banner {
  max-width: 100vw;
  min-width: 100vw;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: 0%;
 }
 .cookie-wrapper {
  font-size: 3.8vw;
 }
 .cookie-text,
 .cookie-link {
  font-size: 2.4vw;
 }
 .preferences-button.font-btn {
  font-size: 1.75vw;
 }
 .font-btn.close-btn {
  font-size: 2vw;
 }
 .preferance-manager {
  max-height: 100%;
  max-width: 100%;
  min-height: 100%;
  min-width: 100%;
  overflow: auto;
 }
 .title-preferance {
  font-size: 3.4vw;
 }
 .text-preferences {
  font-size: 2vw;
 }
 .mask---brix {
  margin-left: 20px;
 }
 .mask---brix.testimonial-v1---brix {
  margin-left: 0;
 }
 .masonry__grid-block._2,
 .masonry__grid-block._4 {
  height: 260px;
 }
 .masonry__grid-mask {
  column-count: 3;
 }
 .masonry__grid-slide {
  min-width: auto;
 }
 .scroll-blog-link {
  margin-bottom: -80px;
 }
 .blog-template-wrapper-2 {
  padding-left: 40px;
  padding-right: 40px;
 }
 .blog-template-wrapper-2.banner {
  padding-left: 0;
  padding-right: 0;
 }
 .banner-paragraph {
  width: 89%;
 }
 .feedback-right {
  width: 100%;
  height: 450px;
 }
 .slider-blog-arrow {
  padding-right: 60px;
 }
 .slider-blog-arrow.right {
  padding-left: 60px;
 }
 .feedback-left {
  width: 100%;
 }
 .video-hover-button {
  width: 120px;
  height: 120px;
 }
 .content-blog-details-wrap {
  grid-template-columns: 1fr;
 }
 .blog-template-pagination-2 {
  margin-top: 60px;
 }
 .video-icon-wrapper {
  width: 75%;
  height: 75%;
 }
 .short-title {
  font-size: 40px;
 }
 .section-blog-details {
  height: 450px;
  padding-top: 80px;
  padding-bottom: 80px;
 }
 .feedback-photo-right {
  background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
   url(../64f4eea43a44b053aa547d74_Avatar 1.webp);
  background-position: 0 0, 50% 20%;
 }
 .hero-video-button {
  width: auto;
  height: auto;
 }
 .avatar-main-feedback {
  grid-row-gap: 60px;
  flex-direction: column;
 }
 .blog-intro-content {
  width: 100%;
  min-height: auto;
  padding-top: 160px;
  padding-bottom: 100px;
 }
 .blog-details-title {
  font-size: 50px;
 }
 .under-footer-text {
  font-size: 1.35vw;
 }
 .section-407.our-shop {
  min-height: 400px;
  padding-top: 160px;
 }
 .collection-our-blog-list-wrap {
  height: auto;
 }
 .line-animation-home-2-2 {
  max-width: 95%;
 }
 .blog-post-category-page {
  grid-template-columns: 1fr 1fr;
 }
 .our-blog-container-2 {
  height: 400px;
 }
 .card-box {
  grid-row-gap: 5vh;
  flex-direction: column;
  align-items: center;
 }
 .step-h2 {
  min-width: 100%;
  text-align: center;
  display: block;
 }
 .text-card {
  text-align: center;
  font-size: 3vw;
 }
 .text-card.small-bot {
  min-width: 100%;
 }
 .col {
  max-width: 100%;
  min-width: 100%;
  align-self: center;
 }
 .col2 {
  min-height: 20vh;
  justify-content: center;
 }
 .absolute-onboarding-img {
  left: auto;
  right: auto;
 }
 .glow-eclipse {
  right: 0%;
 }
 .tradingview-wrapper {
  max-width: 100%;
  min-width: 100%;
 }
 .tv-field {
  font-size: 2vw;
 }
 .note-text {
  font-size: 1.8vw;
 }
 .guaranteed {
  width: 50%;
  max-width: 50%;
 }
 .indicators-hero.no-limit {
  max-height: none;
  padding-bottom: 5vh;
 }
 .hand-mobile {
  z-index: 1;
  max-height: none;
  max-width: 70vw;
  min-height: auto;
  min-width: 70vw;
  opacity: 0.3;
  margin-top: auto;
  margin-left: 15vw;
  margin-right: 15vw;
  top: 0%;
  bottom: 0%;
  left: auto;
  right: auto;
 }
 .full-mobile-size {
  z-index: 2;
  min-width: 100%;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
  position: relative;
 }
 .center {
  text-align: center;
 }
 .rasterize-block-mobile {
  align-self: stretch;
 }
 .primary-gradient-button-copy.full-width.m-top-reg {
  width: auto;
  padding-left: 6vw;
  padding-right: 6vw;
 }
 .primary-gradient-button-copy.font-btn {
  font-size: 1.75vw;
 }
 .primary-gradient-button-copy.font-btn.different-padding.color-bg {
  padding-bottom: 10px;
 }
 .primary-gradient-button-copy.limit-size {
  max-width: 70%;
  margin-left: auto;
  margin-right: auto;
  display: block;
 }
 .primary-gradient-button-copy.center-big-padding {
  width: 100%;
 }
}
@media screen and (max-width: 767px) {
 .padding-section-m {
  padding-top: 3rem;
  padding-bottom: 3rem;
 }
 .margin-xs {
  margin: 0.75rem;
 }
 .padding-vertical {
  padding-left: 0;
  padding-right: 0;
 }
 .text-size-l {
  font-size: 1.125rem;
 }
 .padding-section-l {
  padding-top: 4rem;
  padding-bottom: 4rem;
 }
 .padding-m {
  padding: 1.5rem;
 }
 .padding-section-s {
  padding-top: 2rem;
  padding-bottom: 2rem;
 }
 .padding-xxl {
  padding: 3rem;
 }
 .padding-top {
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
 }
 .margin-m {
  margin: 1.5rem;
 }
 .margin-bottom {
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
 }
 .margin-l {
  margin: 2rem;
 }
 .margin-s {
  margin: 1.25rem;
 }
 .heading-style-h3 {
  font-size: 2rem;
 }
 .navbar {
  min-height: 4rem;
 }
 .navbar-menu {
  padding-bottom: 6rem;
 }
 .cta-component {
  grid-row-gap: 2rem;
  flex-direction: column;
  grid-template-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-start;
 }
 .cta-content {
  margin-right: 0;
 }
 .footer-bottom-wrapper {
  flex-direction: column-reverse;
  align-items: flex-start;
  padding-bottom: 1rem;
 }
 .footer-credit-text {
  margin-top: 1.5rem;
 }
 .footer-legal-list {
  grid-column-gap: 0rem;
  grid-row-gap: 1rem;
  grid-auto-flow: row;
 }
 .footer-top-wrapper {
  grid-row-gap: 3rem;
  padding: 2rem;
 }
 .footer-menu-wrapper {
  grid-column-gap: 1.5rem;
 }
 .header-with-icon {
  flex-direction: column;
  align-items: flex-start;
 }
 .services-card-large,
 .services-card-small,
 .results-component {
  grid-template-columns: 1fr;
 }
 .logo-image {
  max-height: 3rem;
 }
 .partners-content-left {
  max-width: none;
 }
 .partners-component {
  grid-row-gap: 2rem;
  flex-direction: column;
  grid-template-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-start;
 }
 .logo-wrapper {
  padding: 0.75rem 1rem;
 }
 .partners-logo-list {
  grid-column-gap: 1rem;
  padding-top: 1rem;
 }
 .blog-featured-item {
  margin-bottom: 3rem;
 }
 .rich-text-content {
  margin-bottom: 2rem;
 }
 .pricing-plan-green,
 .pricing-plan-white {
  padding: 1.5rem;
 }
 .banner {
  background-image: none;
  background-position: 0 0;
  background-repeat: repeat;
  background-size: auto;
 }
 .base-container {
  justify-content: flex-start;
 }
 .dashboard-wrap {
  margin-top: 60px;
 }
 .primary-gradient-button.font-btn,
 .primary-gradient-button.font-btn.different-padding,
 .primary-gradient-button.font-btn.different-padding.color-bg {
  font-size: 2vw;
 }
 .hero-title {
  margin-bottom: 20px;
  font-size: 6.8vw;
 }
 .blue-gradient {
  top: -10%;
  right: 14%;
 }
 .blue-gradient.l-2 {
  top: -30%;
  bottom: 16%;
 }
 .blue-gradient.g-30 {
  left: 38%;
 }
 .blue-gradient.s-6 {
  top: 2%;
 }
 .blue-gradient.s-4 {
  bottom: 45%;
  left: 8%;
 }
 .blue-gradient.g-77 {
  bottom: 7%;
 }
 .purple-gradient {
  top: -10%;
  left: 21%;
 }
 .purple-gradient.grad-7 {
  width: 160px;
  height: 160px;
  bottom: -21%;
  right: 38%;
 }
 .purple-gradient.gr-1 {
  bottom: 28%;
  right: -22%;
 }
 .purple-gradient.gr-2 {
  opacity: 0.8;
 }
 .purple-gradient.gr-3 {
  opacity: 0.6;
 }
 .purple-gradient.l-1 {
  bottom: 6%;
  left: -13%;
 }
 .purple-gradient.l-3 {
  opacity: 0.6;
  right: -26%;
 }
 .purple-gradient.grad-31 {
  filter: blur(200px);
  top: 32%;
 }
 .purple-gradient.grad-24new,
 .purple-gradient.grad-14new,
 .purple-gradient.grad-15new {
  top: 12%;
  left: -28%;
 }
 .dashboard {
  min-height: 40vh;
  border-width: 20px;
 }
 .home-1-banner {
  padding-top: 140px;
 }
 .center-wrap {
  margin-bottom: 40px;
 }
 .main-description {
  width: 100%;
  margin-top: 20px;
 }
 .section-our-services {
  padding-top: 60px;
  padding-bottom: 60px;
 }
 .steps-content {
  grid-row-gap: 40px;
 }
 .steps-sticky-card {
  margin-top: -30px;
 }
 .steps-grid-2 {
  grid-row-gap: 50px;
  padding-left: 0;
 }
 .h2-title {
  width: 100%;
 }
 .saas-image-wrapper {
  height: 250px;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
 }
 .secondary-gradient-button.font-btn {
  font-size: 2vw;
 }
 .section {
  padding-top: 60px;
  padding-bottom: 60px;
 }
 .section.our-news-banner,
 .section.our-work {
  min-height: 350px;
  padding-top: 140px;
 }
 .grid-items-services {
  grid-template-columns: 1fr;
 }
 .about-saas-wrap-left {
  width: 100%;
  margin-top: auto;
  margin-bottom: auto;
 }
 .saas-lottie {
  height: 200%;
  display: none;
  bottom: -185px;
 }
 .about-company-container {
  grid-row-gap: 20px;
 }
 .saas-info-wrap {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 40px;
 }
 .our-price {
  grid-template-columns: 1fr;
 }
 .our-blog-container {
  grid-row-gap: 100px;
 }
 .dropdown-menu-3 {
  overflow: hidden;
 }
 .brand-logo.w--current {
  padding-left: 0;
 }
 .nav-menu-2 {
  max-width: none;
 }
 .footer-l-1 {
  display: block;
 }
 .footer-form-2.borders {
  justify-content: space-between;
  align-items: flex-start;
  padding-top: 30px;
  padding-bottom: 30px;
 }
 .footer-l-3 {
  display: block;
 }
 .footer-description {
  margin-bottom: 40px;
 }
 .social-networks {
  width: 100%;
  justify-content: center;
  margin-left: 0;
 }
 .footer-white-paradraph {
  width: 60%;
 }
 .links-container {
  grid-column-gap: 30px;
  grid-row-gap: 1.3vh;
  flex-wrap: wrap;
  justify-content: space-between;
 }
 .links-container.footer-right {
  grid-row-gap: 1.3vh;
 }
 .links-container.footer-right.right {
  grid-row-gap: 1.3vh;
  text-align: left;
  margin-left: 0%;
 }
 .footer-l-4 {
  display: none;
 }
 .footer-grid {
  grid-row-gap: 30px;
  flex-direction: column;
  grid-template-columns: 1fr;
  justify-content: space-between;
  display: flex;
 }
 .hero-top-content {
  padding-top: 60px;
  padding-bottom: 120px;
 }
 .about-us-title {
  font-size: 45px;
 }
 .about-us-description-tablet {
  width: 90%;
  margin-top: 20px;
 }
 .about-image-wrapper-2 {
  width: 35vw;
  height: 35vw;
 }
 .heading-content {
  width: 100%;
  margin-bottom: 40px;
 }
 .mobile-menu.top-mobile {
  width: 170px;
 }
 .mobile-menu.menu-2 {
  width: 320px;
 }
 .lottie-mobile {
  width: 100%;
  bottom: -36%;
 }
 .text-content-right {
  max-width: 100%;
  min-width: 100%;
  padding-left: 0;
 }
 .image-block-left.vertical-sort {
  display: none;
 }
 .grow-graph-wrap {
  grid-column-gap: 10px;
  display: none;
 }
 .grow-graph-wrap.show {
  display: block;
 }
 .grow-count-numb,
 .grow-text {
  text-align: center;
 }
 .grow-graph-line {
  max-width: 45px;
 }
 .grow-description {
  text-align: center;
 }
 .grow-columns {
  grid-row-gap: 40px;
 }
 .grow-columns.not-opposite {
  grid-column-gap: 80px;
  grid-row-gap: 40px;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
 }
 .left-container {
  grid-row-gap: 20px;
 }
 .grow-count-col {
  text-align: center;
 }
 .grow-count-columns {
  grid-column-gap: 30px;
  flex-direction: column;
  align-items: center;
  display: flex;
 }
 .grow-col.mod-1 {
  flex-direction: column;
  display: flex;
 }
 .team-spacer {
  padding-top: 60px;
  padding-left: 15px;
  padding-right: 15px;
 }
 .looping-image-section {
  padding-top: 80px;
  padding-bottom: 80px;
 }
 .team-slide-arrow {
  right: 15px;
 }
 .team-slide-arrow.team-arrow-left {
  right: 125px;
 }
 .main-description-team {
  width: 100%;
  margin-top: 20px;
 }
 .home-2-share-open-up-list.w--open {
  grid-column-gap: 20px;
  justify-content: flex-end;
  bottom: 40px;
 }
 .looping-image-strip {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  padding-right: 80px;
 }
 .looping-image-wrap {
  width: 150px;
  height: 150px;
 }
 .tab-content,
 .top-pricing {
  width: 100%;
 }
 .tab-container {
  width: 100%;
  grid-row-gap: 40px;
  flex-direction: column;
 }
 .map-item {
  height: 185px;
 }
 .faq-title {
  font-size: 50px;
 }
 .main-description-banner {
  width: 100%;
  margin-top: 20px;
 }
 .inner-lottie {
  height: 170%;
  bottom: -22%;
 }
 .circle-wrapper.circle-19 {
  top: 33%;
  left: 75%;
 }
 .circle-wrapper.circle-5 {
  left: 19%;
 }
 .circle-wrapper.circle-3,
 .circle-wrapper.circle-21,
 .circle-wrapper.circle-8,
 .circle-wrapper.circle-14 {
  display: none;
 }
 .circle-wrapper.circle-13 {
  bottom: 84%;
  left: 65%;
 }
 .circle-wrapper.circle-12 {
  right: 8%;
 }
 .circle-wrapper.p-9 {
  display: none;
 }
 .large-circle {
  width: 20px;
  height: 20px;
 }
 .large-circle-item {
  width: 30px;
  height: 30px;
 }
 .testimonials-wrap {
  flex-direction: column;
  display: flex;
 }
 .flex-tablet-testimonials {
  width: 100%;
 }
 .flex-tablet-testimonials.reverse {
  flex-direction: column-reverse;
 }
 .flex-testimonials {
  width: 100%;
 }
 .flex-testimonials.reverse {
  flex-direction: column-reverse;
 }
 ._404-title {
  font-size: 120px;
 }
 .form-info {
  grid-row-gap: 25px;
  flex-direction: column;
 }
 .sign-wrapper {
  width: 100%;
 }
 .forgot-password-wrap {
  margin-top: 40px;
 }
 .large-main-section {
  padding-top: 140px;
  padding-bottom: 60px;
 }
 .large-main-section.sign-up {
  padding-top: 120px;
  padding-bottom: 60px;
 }
 .sign-up-form,
 .banner-paragraph-sign-up {
  width: 100%;
 }
 .lower-layer {
  display: none;
 }
 .section-looping-logos {
  padding-top: 100px;
  padding-bottom: 100px;
 }
 .contacts-title-3 {
  margin-bottom: 20px;
 }
 .team-circles-home-4 {
  flex-wrap: wrap;
  justify-content: center;
  display: flex;
 }
 .services-grid {
  grid-template-columns: 1fr;
 }
 .about-us-intro-content {
  padding-left: 0;
  padding-right: 0;
 }
 .section-analytics.contact-us-1 {
  padding-top: 60px;
 }
 .about-img-small.mod--2,
 .about-img-small.mod--1 {
  top: 20px;
  left: 20px;
 }
 .image-content-right {
  height: 30rem;
 }
 .blue-gradient-2 {
  top: -10%;
  right: 14%;
 }
 .blue-gradient-2.g-77 {
  bottom: 7%;
 }
 .blue-gradient-2.g-33 {
  right: 26%;
 }
 .blue-gradient-2.g-34 {
  top: 3%;
 }
 .blue-gradient-2.l-2 {
  top: -30%;
  bottom: 16%;
 }
 .blue-gradient-2.s-2 {
  bottom: 45%;
  left: 8%;
 }
 .blue-gradient-2.s-1 {
  bottom: 25%;
  right: 4%;
 }
 .blue-gradient-2.s-3 {
  bottom: 0%;
  left: 18%;
 }
 .coming-soon-wrapper-3 {
  text-align: center;
  margin-left: 0%;
 }
 .purple-gradient-2 {
  top: -10%;
  left: 21%;
 }
 .purple-gradient-2.grad-14new,
 .purple-gradient-2.grad-15new {
  top: 12%;
  left: -28%;
 }
 .purple-gradient-2.grad-35 {
  filter: blur(200px);
 }
 .purple-gradient-2.gr-1 {
  bottom: 28%;
  right: -22%;
 }
 .purple-gradient-2.gr-2 {
  opacity: 0.8;
 }
 .purple-gradient-2.gr-3 {
  opacity: 0.6;
 }
 .purple-gradient-2.l-1 {
  bottom: 6%;
  left: -13%;
 }
 .purple-gradient-2.l-3 {
  opacity: 0.6;
  right: -26%;
 }
 .purple-gradient-2.grad-31 {
  filter: blur(200px);
  top: 32%;
 }
 .purple-gradient-2.d-6 {
  width: 250px;
  height: 250px;
 }
 .purple-gradient-2.d-3 {
  top: 6%;
 }
 .purple-gradient-2.d-7 {
  width: 250px;
  height: 250px;
 }
 .purple-gradient-2.d-5 {
  left: -32%;
 }
 .purple-gradient-2.grad-24new {
  top: 12%;
  left: -28%;
 }
 .banner-coming-soon-form {
  width: 80%;
 }
 .coming-soon-paragraph-3 {
  width: 70%;
 }
 .coming-soon-heading-3 {
  width: 85%;
  font-size: 50px;
 }
 .section-406 {
  padding-top: 60px;
  padding-bottom: 60px;
 }
 .team-item-3 {
  padding-top: 60px;
  padding-left: 15px;
  padding-right: 15px;
 }
 .collection-list-2 {
  grid-template-columns: 1fr 1fr 1fr;
 }
 .pricing_list_header {
  font-size: 2.5vw;
 }
 .check_icon {
  width: 2.25vw;
  height: 2.25vw;
 }
 .pricing_list_item {
  font-size: 2.5vw;
 }
 .pricing_card {
  max-width: 100%;
  min-width: 100%;
 }
 .button_primary {
  padding-top: 1.6rem;
  padding-bottom: 1.6rem;
 }
 .button_primary.is_annual,
 .button_primary.is_monthly {
  padding-top: 2vh;
  padding-bottom: 2vh;
  font-size: 2.5vw;
 }
 .number {
  font-size: 7vw;
 }
 .grid_3_col {
  grid-template-columns: 1fr;
 }
 .text_4-5 {
  font-size: 4.5vw;
 }
 .text_4-5.centered.is_monthly {
  font-size: 7vw;
 }
 .text_1-5,
 .text_2-2 {
  font-size: 3vw;
 }
 .preferences-button.font-btn {
  font-size: 2vw;
 }
 .font-btn.close-btn {
  font-size: 3vw;
 }
 .title-preferance {
  font-size: 3.8vw;
 }
 .text-preferences {
  font-size: 2.4vw;
 }
 .mask---brix {
  border-radius: 12px;
  margin-right: 20px;
 }
 .mask---brix.testimonial-v1---brix {
  max-width: none;
  margin-left: 0;
  margin-right: 0;
 }
 .card---brix {
  border-radius: 12px;
 }
 .card---brix.testimonial-v1---brix {
  max-width: 88%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
 }
 .slide---brix.testimonial-v1---brix {
  max-width: none;
 }
 .slide---brix.testimonial-v1---brix.first---brix {
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
 }
 .slide-1 {
  width: 100%;
  max-width: 100%;
  min-width: 100%;
  margin-left: 0;
  margin-right: 0;
 }
 .mask-2 {
  padding-left: 0;
  padding-right: 0;
 }
 .masonry__grid-mask {
  column-count: 2;
 }
 .slider-arrow---brix {
  width: 50px;
  max-height: 50px;
  min-height: 50px;
  min-width: 50px;
 }
 .slider---testimonials {
  max-width: 100%;
 }
 .collection-item-2 {
  padding-left: 3vw;
  padding-right: 3vw;
 }
 .masonry__grid-slide {
  min-width: auto;
 }
 .image-of-testimonial {
  box-shadow: 0 0 9px 1px rgba(255, 255, 0, 0.1);
 }
 .scroll-blog-link {
  margin-bottom: -60px;
 }
 .hero-feedback {
  margin-top: 40px;
 }
 .blog-template-wrapper-2 {
  padding-left: 0;
  padding-right: 0;
 }
 .banner-paragraph {
  width: 100%;
 }
 .scroll-blog-circle {
  width: 120px;
  height: 120px;
 }
 .slider-blog-arrow {
  width: 100%;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  border-right-style: none;
  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;
 }
 .video-hover-button {
  width: 100px;
  height: 100px;
 }
 .section-blog {
  padding-top: 60px;
  padding-bottom: 60px;
 }
 .review-blog-details {
  grid-template-columns: 1fr;
  margin-top: 40px;
  margin-bottom: 10px;
  padding-top: 40px;
  padding-bottom: 40px;
 }
 .blog-template-pagination-2 {
  flex-direction: column;
  align-items: stretch;
 }
 .short-title {
  font-size: 35px;
 }
 .avatar-main-feedback {
  grid-row-gap: 40px;
 }
 .blog-details-background-image {
  background-position: 35% 0;
 }
 .blog-intro-content {
  width: 100%;
  padding-top: 140px;
 }
 .blog-details-title {
  font-size: 45px;
 }
 .under-footer-text {
  font-size: 1.75vw;
 }
 .section-shop,
 .section-407 {
  padding-top: 60px;
  padding-bottom: 60px;
 }
 .section-407.our-shop {
  min-height: 350px;
  padding-top: 140px;
 }
 .blog-post-category-page {
  grid-template-columns: 1fr;
 }
 .recommended-text {
  font-size: 4vw;
 }
 .logo-onboarding {
  max-height: 12.5vw;
  max-width: 12.5vw;
 }
 .card-box {
  padding-left: 4vw;
  padding-right: 4vw;
 }
 .text-card {
  font-size: 4vw;
 }
 .guaranteed {
  width: 100%;
  max-width: 100%;
  margin-left: 0;
  margin-right: 0;
 }
 .bigger-text.center {
  font-size: 4vw;
 }
 .primary-gradient-button-copy.font-btn,
 .primary-gradient-button-copy.font-btn.different-padding,
 .primary-gradient-button-copy.font-btn.different-padding.color-bg {
  font-size: 2vw;
 }
}
@media screen and (max-width: 479px) {
 h1 {
  font-size: 2rem;
 }
 h2 {
  font-size: 1.7rem;
 }
 .padding-vertical {
  padding-left: 0;
  padding-right: 0;
 }
 .padding-section-l {
  padding-top: 2rem;
  padding-bottom: 2rem;
 }
 .padding-top {
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
 }
 .margin-bottom {
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
 }
 .text-size-regular {
  display: none;
 }
 .navbar-container {
  padding-left: 0.125rem;
  padding-right: 0.125rem;
 }
 .footer-top-wrapper {
  grid-row-gap: 48px;
 }
 .footer-form {
  grid-row-gap: 12px;
  flex-direction: column;
  grid-template-columns: 1fr;
 }
 .footer-menu-wrapper {
  grid-row-gap: 2.5rem;
  grid-template-columns: 1fr;
 }
 .services-card-large,
 .services-card-small {
  margin-bottom: 1.5rem;
 }
 .results-component,
 .results-item-list {
  grid-template-columns: 1fr;
 }
 .logo-wrapper {
  justify-content: center;
  align-items: flex-start;
 }
 .partners-logo-list {
  justify-content: center;
 }
 .utility-page-content {
  padding-left: 1rem;
  padding-right: 1rem;
 }
 .pricing-plan-green,
 .pricing-plan-white {
  padding: 1rem 0.5rem;
 }
 .utility-page-form {
  padding-left: 1rem;
  padding-right: 1rem;
 }
 .banner {
  display: none;
 }
 .base-container.grid {
  width: 95vw;
  max-width: 95vw;
  grid-column-gap: 1vh;
  grid-row-gap: 1vh;
  grid-template-rows: auto auto auto auto auto auto;
  grid-template-columns: auto;
 }
 .base-container.whole-page.center.more-top {
  padding-top: 22vh;
 }
 .primary-gradient-button.full-width.m-top-reg {
  width: 100%;
 }
 .primary-gradient-button.font-btn,
 .primary-gradient-button.font-btn.different-padding,
 .primary-gradient-button.font-btn.different-padding.color-bg {
  font-size: 4vw;
 }
 .primary-gradient-button.no-top.smaller {
  max-width: 50%;
  flex: 0 auto;
  align-self: stretch;
  margin-top: auto;
  margin-left: auto;
  margin-right: auto;
  padding-top: 1.25vh;
  padding-bottom: 1.25vh;
  font-size: 4vw;
  line-height: 0.8em;
 }
 .hero-title {
  font-size: 6.7vw;
 }
 .hero-title.onboarding {
  font-size: 9.9vw;
 }
 .blue-gradient {
  top: -27%;
  bottom: auto;
  left: auto;
  right: -7%;
 }
 .blue-gradient.l-2 {
  top: -49%;
 }
 .blue-gradient.g-30 {
  left: 29%;
 }
 .purple-gradient {
  top: -34%;
  bottom: auto;
  left: 16%;
  right: auto;
 }
 .purple-gradient.grad-7 {
  bottom: -43%;
  right: 29%;
 }
 .purple-gradient.gr-1 {
  opacity: 0.6;
  right: -37%;
 }
 .purple-gradient.gr-2 {
  opacity: 0.9;
  bottom: 28%;
  left: -51%;
 }
 .purple-gradient.gr-3 {
  opacity: 0.8;
 }
 .purple-gradient.l-1 {
  bottom: -28%;
  left: -34%;
 }
 .purple-gradient.l-3 {
  opacity: 0.8;
  top: 12%;
  right: -43%;
 }
 .purple-gradient.grad-31 {
  top: 30%;
  left: 2%;
 }
 .purple-gradient.grad-24new {
  top: 8%;
  left: -58%;
 }
 .purple-gradient.grad-14new,
 .purple-gradient.grad-15new {
  top: 5%;
  left: -58%;
 }
 .dashboard {
  min-height: 25vh;
 }
 .hero-banner-description {
  font-size: 3.75vw;
 }
 .home-1-banner {
  padding-top: 22vh;
 }
 .steps-content {
  grid-row-gap: 4vh;
 }
 .sticky-lottie {
  width: 100%;
  height: 100%;
 }
 .steps-title {
  font-size: 8vw;
 }
 .services-step-description {
  font-size: 4.8vw;
 }
 .steps-sticky-card {
  min-width: auto;
 }
 .steps-card {
  padding-top: 3vh;
  padding-bottom: 3vh;
 }
 .steps-grid-2 {
  width: 100%;
  max-width: 100%;
  padding-left: 0;
 }
 .steps-circle {
  display: none;
 }
 .steps-cards {
  width: 100%;
  grid-template-columns: auto;
  padding-left: 0;
 }
 .steps-card-wrapper {
  grid-row-gap: 24px;
  grid-template-columns: auto;
 }
 .h2-title {
  font-size: 8vw;
 }
 .h2-title.centered {
  text-align: center;
 }
 .steps-tracker {
  display: none;
 }
 .saas-image-wrapper {
  height: 180px;
 }
 .secondary-gradient-button {
  font-size: 3.6vw;
 }
 .secondary-gradient-button._100-percent {
  max-width: 100%;
  min-width: 100%;
 }
 .secondary-gradient-button._100-percent.smaller {
  justify-content: center;
  align-items: center;
 }
 .secondary-gradient-button.font-btn {
  font-size: 4vw;
 }
 .section.with-png {
  padding-top: 0;
 }
 .grid-items-services {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
 }
 .saas-lottie {
  height: auto;
  bottom: -160px;
 }
 .title-services {
  font-size: 8vw;
 }
 .btn-wrapper {
  grid-row-gap: 20px;
  flex-wrap: wrap;
 }
 .btn-wrapper.mt-40 {
  width: 100%;
 }
 .nav-hero-container {
  position: relative;
 }
 .dropdown-menu-3 {
  height: auto;
 }
 .dropdown-header-item {
  width: 100%;
  padding-right: 30px;
 }
 .menu-button-3 {
  margin-right: 10vw;
 }
 .logo-ersti {
  width: 8vh;
  height: 8vh;
  max-height: 8vh;
  max-width: 8vh;
  min-width: auto;
 }
 .nav-menu-2 {
  min-width: 100%;
 }
 .nav-menu-shadow-overlay-4 {
  min-height: 100vh;
  min-width: 100%;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%;
 }
 .menu-item-wrapper {
  padding-top: 0;
  padding-bottom: 0;
 }
 .nav-fixed-menu {
  margin-top: 9vh;
 }
 .footer-form-2.borders {
  grid-column-gap: 0vw;
  justify-content: space-between;
  align-items: flex-start;
 }
 .app-btn {
  width: 100%;
 }
 .footer-description {
  font-size: 10vw;
 }
 .social-networks {
  grid-column-gap: 0px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  justify-items: center;
  margin-top: 16px;
  display: flex;
 }
 .footer-white-paradraph {
  width: 100%;
  font-size: 4.4vw;
 }
 .links-container {
  grid-column-gap: 40px;
  grid-row-gap: 15px;
  justify-content: center;
  padding-left: 0;
 }
 .links-container.footer-right {
  margin-left: 0;
 }
 .links-container.footer-right.right {
  margin-left: 0%;
 }
 .rights-wrap {
  min-width: 100%;
 }
 .footer-con {
  flex-direction: column;
 }
 .text-footer-white {
  font-size: 8vw;
 }
 .footer-copyright-2 {
  text-align: center;
  justify-content: center;
 }
 .footer-project-link {
  text-align: left;
  font-size: 3.8vw;
 }
 .footer-grid {
  flex-direction: column;
  align-items: stretch;
  display: flex;
 }
 .banner-scroll-indicator {
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%;
 }
 .about-us-description-tablet {
  width: 100%;
 }
 .about-image-wrapper-2 {
  width: 50vw;
  height: 50vw;
 }
 .line-animation-home-2 {
  max-width: 91%;
 }
 .anim-wrap {
  min-width: 100%;
 }
 .mobile-menu.top-mobile {
  width: 140px;
  top: 17%;
 }
 .mobile-menu.menu-2 {
  width: 190px;
 }
 .lottie-mobile {
  width: 140%;
  bottom: -23%;
 }
 .text-content-right {
  grid-row-gap: 15px;
 }
 .grow-graph-wrap {
  grid-column-gap: 5px;
 }
 .grow-graph-wrap.show {
  height: 200px;
 }
 .grow-count-numb {
  margin-bottom: 1.2vh;
  font-size: 11vw;
 }
 .grow-text {
  font-size: 10vw;
 }
 .grow-graph-line {
  max-width: 25px;
  border-left-width: 2px;
 }
 .grow-description {
  font-size: 5vw;
 }
 .left-container {
  max-width: 100%;
 }
 .grow-count-columns {
  grid-row-gap: 25px;
  grid-template-columns: auto;
 }
 .grow-count-p {
  margin-top: 5px;
  font-size: 5.2vw;
 }
 .team-spacer {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  padding-bottom: 40px;
 }
 .team-hero-slider {
  flex-direction: column-reverse;
 }
 .team-mask {
  width: 100%;
 }
 .top-pricing {
  grid-row-gap: 15px;
 }
 .tabs-menu {
  flex-wrap: wrap;
  grid-template-columns: 1fr;
 }
 .tabs {
  grid-template-rows: auto auto;
 }
 .list-wrapper {
  flex-wrap: wrap;
  justify-content: center;
 }
 .our-mission-list {
  text-align: left;
 }
 .left-lootie-con {
  height: 340px;
  flex-direction: row;
  justify-content: center;
  align-self: center;
  align-items: center;
 }
 .inputs-container {
  grid-row-gap: 20px;
  flex-flow: wrap;
  align-content: space-between;
  justify-content: space-between;
 }
 .form-lottie {
  width: auto;
  min-width: 100%;
  flex: 1;
  margin-left: auto;
  margin-right: auto;
 }
 .tab-bottom-content {
  padding: 36px 24px;
 }
 .map-item {
  height: 120px;
 }
 .faq-title {
  font-size: 40px;
 }
 .circle-wrapper.circle-20 {
  top: 12%;
  left: 6%;
 }
 .circle-wrapper.circle-9 {
  top: 39%;
 }
 .circle-wrapper.circle-13 {
  bottom: 77%;
  left: 56%;
 }
 .circle-wrapper.circle-17 {
  left: 15%;
 }
 .circle-wrapper.p-6 {
  top: 39%;
 }
 .white-circle {
  width: 8px;
  height: 8px;
 }
 .white-mini-circle {
  width: 6px;
  height: 6px;
 }
 .large-circle-item {
  width: 25px;
  height: 25px;
 }
 ._404-title {
  font-size: 100px;
 }
 ._404-content-wrapper-2 {
  padding-left: 15px;
  padding-right: 15px;
 }
 ._404-paragraph-2 {
  width: 90%;
 }
 .sign-wrapper {
  width: 100%;
 }
 .forgot-password-text {
  grid-row-gap: 10px;
  flex-wrap: wrap;
 }
 .banner-title-sign-up {
  width: 100%;
  font-size: 40px;
 }
 .forgot-password-wrap {
  text-align: center;
 }
 .large-main-section {
  padding-top: 120px;
 }
 .acout-link {
  text-align: center;
 }
 .sign-up-form {
  padding-left: 20px;
  padding-right: 20px;
 }
 .regiester-info {
  grid-row-gap: 10px;
  flex-wrap: wrap;
 }
 .contacts-title-3 {
  width: 100%;
 }
 .large-team-avatar,
 .large-team-avatar.ava-3,
 .team-avatar-item-mini {
  width: 3.5rem;
  height: 3.5rem;
 }
 .team-basic--2 {
  padding-top: 0;
 }
 .medium-team-avatar,
 .team-avatar-item,
 .small-avatar-item,
 .big-team-avatar {
  width: 3.5rem;
  height: 3.5rem;
 }
 .team-circles-home-4 {
  grid-column-gap: 3rem;
 }
 .about-img-small.mod--2 {
  top: 200px;
 }
 .loop-container {
  grid-template-columns: 1fr;
 }
 .subscribe-form-coming-soon {
  grid-row-gap: 15px;
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  display: flex;
 }
 .primary-gradient-button-2.form-btn {
  width: 100%;
  position: static;
 }
 .primary-gradient-button-2.full-mini-mob {
  width: 100%;
 }
 .primary-gradient-button-2.form-button {
  margin-top: 0;
 }
 .form-input-2 {
  height: 50px;
 }
 .blue-gradient-2 {
  top: -27%;
  bottom: auto;
  left: auto;
  right: -7%;
 }
 .blue-gradient-2.g-34 {
  top: 1%;
 }
 .blue-gradient-2.l-2 {
  top: -49%;
 }
 .blue-gradient-2.d-10 {
  bottom: 22%;
  left: 61%;
 }
 .blue-gradient-2.d-4 {
  width: 200px;
  height: 200px;
  top: 28%;
 }
 .blue-gradient-2.d-8 {
  bottom: 0%;
 }
 .blue-gradient-2.s-2 {
  bottom: 41%;
 }
 .blue-gradient-2.s-1 {
  bottom: 26%;
 }
 .purple-gradient-2 {
  top: -34%;
  bottom: auto;
  left: 16%;
  right: auto;
 }
 .purple-gradient-2.grad-14new,
 .purple-gradient-2.grad-15new {
  top: 5%;
  left: -58%;
 }
 .purple-gradient-2.gr-1 {
  opacity: 0.6;
  right: -37%;
 }
 .purple-gradient-2.gr-2 {
  opacity: 0.9;
  bottom: 28%;
  left: -51%;
 }
 .purple-gradient-2.gr-3 {
  opacity: 0.8;
 }
 .purple-gradient-2.l-1 {
  bottom: -28%;
  left: -34%;
 }
 .purple-gradient-2.l-3 {
  opacity: 0.8;
  top: 12%;
  right: -43%;
 }
 .purple-gradient-2.grad-31 {
  top: 30%;
  left: 2%;
 }
 .purple-gradient-2.d-5 {
  width: 250px;
  height: 250px;
  left: -32%;
 }
 .purple-gradient-2.d-11 {
  right: 65%;
 }
 .purple-gradient-2.grad-24new {
  top: 8%;
  left: -58%;
 }
 .banner-coming-soon-form {
  width: 100%;
 }
 .coming-soon-paragraph-3 {
  width: 100%;
  margin-top: 10px;
  margin-bottom: 20px;
 }
 .coming-soon-heading-3 {
  width: 100%;
  font-size: 45px;
 }
 .team-item-3 {
  border-left: 1px #cfcfcc;
  padding-top: 40px;
  padding-bottom: 80px;
 }
 .lottie-animation-4.no-margin {
  max-height: 200px;
  min-height: 200px;
 }
 .collection-list-2 {
  grid-column-gap: 1vw;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
 }
 .collection-list-2.grid-mobile {
  grid-column-gap: 5vw;
  grid-row-gap: 5vw;
 }
 .pricing_list_header {
  font-size: 5vw;
 }
 .check_icon {
  width: 4vw;
  height: 4vw;
 }
 .toggle_wrapper.with_code {
  min-width: 100%;
  justify-content: space-between;
 }
 .pricing_list_item {
  grid-column-gap: 1vw;
  grid-row-gap: 1vw;
  margin-top: 1vh;
  font-size: 5vw;
  line-height: 125%;
 }
 .toggle_btn {
  width: 10vw;
  max-width: 10vw;
  min-width: 10vw;
  padding: 0.2vh 0.6vw;
 }
 .pricing_card {
  max-width: 100%;
  min-width: 100%;
 }
 .margin_1_top {
  margin-top: 0.6vh;
 }
 .button_primary.is_annual,
 .button_primary.is_monthly {
  font-size: 4vw;
 }
 .toggle_btn_circle {
  width: 2.25vw;
  height: 2.25vw;
 }
 .number,
 .text_4-5 {
  font-size: 8vw;
 }
 .text_4-5.centered.is_monthly {
  font-size: 9vw;
 }
 .text_1-5 {
  font-size: 4.2vw;
 }
 .text_2-2 {
  font-size: 5vw;
 }
 .cookie-banner {
  padding-left: 3vw;
  padding-right: 3vw;
 }
 .cookie-banner.hidden {
  display: none;
 }
 .cookie-wrapper {
  font-size: 4.2vw;
 }
 .cookie-text {
  font-size: 4vw;
  line-height: 115%;
 }
 .cookie-link,
 .preferences-button.font-btn,
 .font-btn.close-btn {
  font-size: 4vw;
 }
 .preferance-manager {
  padding: 3vw;
 }
 .title-preferance {
  align-self: center;
  margin-bottom: 0;
  font-size: 6vw;
 }
 .text-preferences {
  font-size: 3.8vw;
  line-height: 125%;
 }
 .split-content---brix.testimonial-v1-content---brix {
  flex-direction: column;
  align-items: stretch;
 }
 .mask---brix {
  margin-left: 0;
  margin-right: 0;
 }
 .masonry__grid-block._3,
 .masonry__grid-block._2,
 .masonry__grid-block._4,
 .masonry__grid-block._1 {
  height: auto;
 }
 .masonry__grid-container.container-size {
  padding-left: 1rem;
  padding-right: 1rem;
 }
 .img {
  height: 145px;
  border-radius: 15px;
 }
 .left-arrow {
  max-height: 5vh;
  max-width: 5vh;
  min-height: 5vh;
  min-width: 5vh;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: auto;
 }
 .left-arrow.maxvh {
  max-height: 40vh;
  min-height: 40vh;
  margin-top: 10vh;
 }
 .card---brix.testimonial-v1---brix {
  max-width: none;
  min-height: 160px;
  margin-left: 0;
  margin-right: 0;
 }
 .slider---brix.testimonial-v1---brix {
  margin-bottom: 80px;
 }
 .slide---brix.testimonial-v1---brix {
  margin-right: 30px;
  padding-left: 0;
  padding-right: 0;
 }
 .slide---brix.testimonial-v1---brix.first---brix {
  margin-right: 30px;
 }
 .masonry__grid-icon {
  color: #333;
  margin: 0;
  display: none;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
 }
 .masonry__grid-arrow {
  width: 45px;
  height: 45px;
  background-color: #ff0;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  margin: 30px 0 0;
  display: flex;
  top: 230px;
 }
 .masonry__grid-arrow.left {
  margin-left: 67%;
 }
 .right-arrow {
  max-height: 5vh;
  max-width: 5vh;
  min-height: 5vh;
  min-width: 5vh;
  top: 0%;
  bottom: auto;
  left: auto;
  right: 0%;
 }
 .right-arrow.maxvh {
  max-height: 40vh;
  min-height: 40vh;
  margin-top: 10vh;
 }
 .slide-1 {
  width: 100%;
  max-width: 100%;
  min-width: 100%;
  padding: 0;
 }
 .mask-2._5vh {
  max-width: 92vw;
  min-width: 92vw;
 }
 .masonry__grid-nav {
  width: 100%;
  margin-top: 60px;
  padding-top: 14px;
  display: none;
  position: static;
  overflow: hidden;
 }
 .container__default {
  padding-left: 16px;
  padding-right: 16px;
 }
 .container__default.no-padding {
  padding-left: 0;
 }
 .masonry__grid-mask {
  column-count: auto;
  white-space: nowrap;
  padding-bottom: 50px;
 }
 .slider-arrow---brix.small---brix.left---brix {
  width: 45px;
  max-height: 45px;
  min-height: 45px;
  min-width: 45px;
  margin-bottom: -70px;
  top: 100%;
  left: auto;
  right: 74px;
 }
 .slider-arrow---brix.small---brix.right---brix {
  width: 45px;
  max-height: 45px;
  min-height: 45px;
  min-width: 45px;
  margin-bottom: -70px;
  top: 100%;
  right: 0;
 }
 .slider---testimonials {
  max-height: 65vh;
  min-height: 65vh;
  padding-top: 10vh;
 }
 .masonry__grid-slide {
  transition: all 0.3s;
 }
 .masonry__grid-slide:hover {
  transform: translateY(-15px);
 }
 .image-of-testimonial {
  max-height: none;
  min-height: auto;
 }
 .no-overflow {
  overflow: hidden;
 }
 .blog-template-wrapper-2.banner.auto-height {
  display: block;
 }
 .circle-link-wrapper {
  margin-left: -48px;
 }
 .feedback-right {
  height: 350px;
 }
 .slider-blog-arrow {
  width: 100%;
  border-right-style: none;
  padding-bottom: 25px;
 }
 .slider-blog-arrow.right {
  border-bottom-style: none;
  padding-top: 25px;
 }
 .video-hover-button {
  width: 95px;
  height: 95px;
 }
 .data-line-container {
  width: 30px;
 }
 .video-icon-wrapper {
  width: 75%;
  height: 75%;
 }
 .section-blog-details {
  height: 20vh;
  padding-top: 0;
  padding-bottom: 0;
 }
 .data-wrap {
  grid-column-gap: 10px;
  grid-row-gap: 15px;
  flex-wrap: wrap;
 }
 .video-icon {
  width: 12px;
 }
 .hero-video-button {
  display: flex;
 }
 .data-line {
  width: 30px;
 }
 .overlay-blog-2 {
  min-height: 100%;
  position: static;
 }
 .under-footer-text {
  font-size: 3vw;
 }
 .line-animation-home-2-2 {
  max-width: 91%;
 }
 .logo-onboarding {
  max-height: 20vw;
  max-width: 20vw;
 }
 .tradingview-wrapper {
  max-width: 90%;
  min-width: 90%;
  margin-left: auto;
  margin-right: auto;
 }
 .black-button.smaller.w--current {
  flex-direction: row;
  flex: 1;
  margin-top: 1vh;
  padding-top: 1vh;
  padding-bottom: 1vh;
  line-height: 100%;
  display: flex;
 }
 .tv-field {
  font-size: 3.5vw;
 }
 .note-text {
  text-align: center;
  font-size: 4vw;
 }
 .youtube {
  min-height: 20vh;
  min-width: 90vw;
 }
 .guaranteed {
  width: 100%;
  max-width: 100%;
  margin-bottom: 2vh;
 }
 .feed {
  min-height: 400px;
  min-width: 95vw;
 }
 .feed.half-height {
  min-height: 400px;
 }
 .hand-mobile {
  max-width: 90vw;
  min-width: 90vw;
  flex: 1;
  margin-left: auto;
  margin-right: auto;
 }
 .bigger-text.center {
  font-size: 5vw;
 }
 .center.mt {
  margin-top: 8vh;
 }
 .line-on-top {
  max-height: 9vh;
  min-height: 9vh;
  grid-column-gap: 0vw;
  grid-row-gap: 0vw;
  flex-direction: column;
  justify-content: space-between;
  margin-top: -9vh;
 }
 .white-text-bar {
  font-size: 4vw;
  font-weight: 700;
 }
 .primary-gradient-button-copy.full-width.m-top-reg {
  width: 100%;
 }
 .primary-gradient-button-copy.font-btn,
 .primary-gradient-button-copy.font-btn.different-padding,
 .primary-gradient-button-copy.font-btn.different-padding.color-bg {
  font-size: 4vw;
 }
 .primary-gradient-button-copy.no-top.smaller {
  max-width: 50%;
  flex: 0 auto;
  align-self: stretch;
  margin-top: auto;
  margin-left: auto;
  margin-right: auto;
  padding-top: 1.25vh;
  padding-bottom: 1.25vh;
  font-size: 4vw;
  line-height: 0.8em;
 }
}
#w-node-_4d0e9c5a-fd19-addb-0b80-fa82bfc18d9e-8cf863e5 {
 grid-area: 1/2/2/3;
}
#w-node-_4d0e9c5a-fd19-addb-0b80-fa82bfc18da0-8cf863e5 {
 grid-area: span 1 / span 3 / span 1 / span 3;
 justify-self: start;
}
#w-node-_4d0e9c5a-fd19-addb-0b80-fa82bfc18dad-8cf863e5 {
 grid-area: 1/4/2/5;
 align-self: end;
 justify-self: end;
}
#w-node-_894ca8a0-ba0a-ac29-fa23-c515a33de973-a33de943 {
 grid-area: 1/2/2/3;
}
#w-node-_47bee2e6-87e0-4368-2d46-aa40a91b326c-9c967123 {
 grid-area: span 1 / span 1 / span 1 / span 1;
 align-self: start;
 justify-self: start;
}
#w-node-_47bee2e6-87e0-4368-2d46-aa40a91b3271-9c967123 {
 grid-area: span 1 / span 1 / span 1 / span 1;
 justify-self: start;
}
#w-node-_47bee2e6-87e0-4368-2d46-aa40a91b3272-9c967123 {
 grid-area: 1/1/3/2;
}
#w-node-_47bee2e6-87e0-4368-2d46-aa40a91b3274-9c967123 {
 grid-area: 2/2/3/3;
}
#w-node-_47bee2e6-87e0-4368-2d46-aa40a91b327a-9c967123 {
 align-self: stretch;
}
#w-node-_47bee2e6-87e0-4368-2d46-aa40a91b327b-9c967123 {
 align-self: start;
 justify-self: start;
}
#w-node-_47bee2e6-87e0-4368-2d46-aa40a91b327e-9c967123 {
 align-self: end;
}
#w-node-_47bee2e6-87e0-4368-2d46-aa40a91b3288-9c967123 {
 align-self: stretch;
}
#w-node-_47bee2e6-87e0-4368-2d46-aa40a91b3289-9c967123 {
 align-self: start;
 justify-self: start;
}
#w-node-_47bee2e6-87e0-4368-2d46-aa40a91b328c-9c967123 {
 align-self: end;
}
#w-node-_0164291a-2a10-8c9a-a9b8-f737ec400095-9c967123 {
 align-self: stretch;
}
#w-node-_0164291a-2a10-8c9a-a9b8-f737ec400096-9c967123 {
 align-self: start;
 justify-self: start;
}
#w-node-_0164291a-2a10-8c9a-a9b8-f737ec400099-9c967123 {
 align-self: end;
}
#w-node-_84660d14-2000-4432-6c4f-36486374c9dd-9c967123 {
 justify-self: center;
}
#w-node-_56d0d153-aaa5-0298-6eef-63a6d36b0c1a-9c967123,
#w-node-_56d0d153-aaa5-0298-6eef-63a6d36b0c2c-9c967123 {
 grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-d80ba22e-916a-2ffe-49a4-8f545de7e4cd-9c967123 {
 justify-self: auto;
}
#w-node-d80ba22e-916a-2ffe-49a4-8f545de7e4d3-9c967123 {
 justify-self: start;
}
#w-node-d80ba22e-916a-2ffe-49a4-8f545de7e492-9c967123 {
 grid-area: 1/1/3/2;
}
#w-node-_7e25098d-8a83-bd58-f232-c6d0cd4725b8-9c967123 {
 grid-area: 1/2/3/3;
}
#w-node-_83434feb-e20d-559c-8618-c0ce7034a53d-9c967123 {
 justify-self: start;
}
#w-node-_4b7f9ca5-ca74-522d-e04a-6e8b29b8a37b-9c967123 {
 justify-self: end;
}
#w-node-_3f59e8fe-0661-5778-3218-920a16bbec13-9c967123 {
 grid-area: 2/1/3/3;
}
#w-node-_80a00e92-dd4d-b33e-1c9f-5d570e3ca589-9c967123 {
 justify-self: start;
}
#w-node-_17a87d3f-5cf8-e64c-b5ac-f7258895e91e-9c967123 {
 justify-self: end;
}
#w-node-_80a00e92-dd4d-b33e-1c9f-5d570e3ca58d-9c967123 {
 grid-area: 2/1/3/3;
}
#w-node-f1a35179-21ac-3887-53b5-3c210e69f8b0-9c967123 {
 justify-self: start;
}
#w-node-f1a35179-21ac-3887-53b5-3c210e69f8b2-9c967123 {
 justify-self: end;
}
#w-node-f1a35179-21ac-3887-53b5-3c210e69f8b5-9c967123 {
 grid-area: 2/1/3/3;
}
#w-node-_9ad76ac3-db00-cbb3-345a-ce97ae97bd81-9c967123 {
 justify-self: start;
}
#w-node-_9ad76ac3-db00-cbb3-345a-ce97ae97bd83-9c967123 {
 justify-self: end;
}
#w-node-_9ad76ac3-db00-cbb3-345a-ce97ae97bd86-9c967123 {
 grid-area: 2/1/3/3;
}
#w-node-c92d1d65-78db-be4f-ced0-4e82de26c7bc-5e2a6c4b,
#w-node-c92d1d65-78db-be4f-ced0-4e82de26c7c7-5e2a6c4b {
 grid-area: 1/2/2/3;
}
#w-node-_3a12d677-daa1-dc11-1110-aa9bfc3cf72f-a548bb66 {
 grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_24c87082-6f0f-1c82-8b6a-5e5315e19a23-a548bb66 {
 grid-area: 1/2/2/3;
}
#w-node-_24c87082-6f0f-1c82-8b6a-5e5315e19a24-a548bb66 {
 grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_24c87082-6f0f-1c82-8b6a-5e5315e19a25-a548bb66,
#w-node-_24c87082-6f0f-1c82-8b6a-5e5315e19a27-a548bb66 {
 grid-area: span 1 / span 1 / span 1 / span 1;
 align-self: center;
}
#w-node-_24c87082-6f0f-1c82-8b6a-5e5315e19a29-a548bb66 {
 grid-area: span 1 / span 1 / span 1 / span 1;
 align-self: end;
}
#w-node-_24c87082-6f0f-1c82-8b6a-5e5315e19a2b-a548bb66 {
 grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_24c87082-6f0f-1c82-8b6a-5e5315e19a2c-a548bb66,
#w-node-_24c87082-6f0f-1c82-8b6a-5e5315e19a2e-a548bb66 {
 grid-area: span 1 / span 1 / span 1 / span 1;
 align-self: center;
}
#w-node-_24c87082-6f0f-1c82-8b6a-5e5315e19a30-a548bb66 {
 grid-area: span 1 / span 1 / span 1 / span 1;
 align-self: end;
}
#w-node-e9ed9453-c3c3-9359-78c0-1cdb17185321-ef92d7cb {
 justify-self: center;
}
#w-node-_73bea09d-0361-a539-be40-c6134e8ef467-4e8ef45e {
 grid-area: 1/1/3/3;
 align-self: stretch;
}
#w-node-_73bea09d-0361-a539-be40-c6134e8ef468-4e8ef45e {
 grid-area: 1/1/2/2;
}
#w-node-_73bea09d-0361-a539-be40-c6134e8ef487-4e8ef45e {
 grid-area: 1/2/2/3;
}
@media screen and (min-width: 1920px) {
 #w-node-_7e25098d-8a83-bd58-f232-c6d0cd4725e1-9c967123 {
  grid-area: 2/1/3/2;
 }
}
@media screen and (min-width: 1440px) {
 #w-node-_47bee2e6-87e0-4368-2d46-aa40a91b326c-9c967123 {
  grid-area: 1/1/2/2;
 }
}
@media screen and (max-width: 991px) {
 #w-node-_4d0e9c5a-fd19-addb-0b80-fa82bfc18da0-8cf863e5 {
  grid-column: span 1 / span 1;
 }
 #w-node-_4d0e9c5a-fd19-addb-0b80-fa82bfc18dad-8cf863e5 {
  grid-column: 1/2;
  justify-self: start;
 }
 #w-node-_47bee2e6-87e0-4368-2d46-aa40a91b326c-9c967123 {
  order: 9999;
  grid-area: span 1 / span 1 / span 1 / span 1;
 }
 #w-node-_47bee2e6-87e0-4368-2d46-aa40a91b3271-9c967123 {
  grid-area: span 1 / span 1 / span 1 / span 1;
 }
 #w-node-_47bee2e6-87e0-4368-2d46-aa40a91b3272-9c967123 {
  grid-row-end: 3;
 }
 #w-node-d80ba22e-916a-2ffe-49a4-8f545de7e492-9c967123 {
  grid-row-start: 2;
 }
 #w-node-_7e25098d-8a83-bd58-f232-c6d0cd4725b8-9c967123 {
  grid-column: 1/2;
  grid-row-start: 2;
 }
 #w-node-c92d1d65-78db-be4f-ced0-4e82de26c7bd-5e2a6c4b {
  grid-column: span 3 / span 3;
 }
 #w-node-_24c87082-6f0f-1c82-8b6a-5e5315e19a23-a548bb66 {
  grid-area: 2/1/3/2;
 }
 #w-node-_73bea09d-0361-a539-be40-c6134e8ef467-4e8ef45e {
  grid-column-end: 2;
 }
 #w-node-_73bea09d-0361-a539-be40-c6134e8ef487-4e8ef45e {
  grid-area: 2/1/3/2;
 }
}
@media screen and (max-width: 767px) {
 #w-node-_4d0e9c5a-fd19-addb-0b80-fa82bfc18da0-8cf863e5 {
  grid-column: span 1 / span 1;
 }
}
@media screen and (max-width: 479px) {
 #w-node-_4d0e9c5a-fd19-addb-0b80-fa82bfc18da0-8cf863e5 {
  grid-column: span 1 / span 1;
 }
 #w-node-_48d9d284-f4e1-e74f-039d-936bc208a4e7-a33de943 {
  grid-area: 4/1/5/3;
 }
 #w-node-_47bee2e6-87e0-4368-2d46-aa40a91b3274-9c967123 {
  grid-area: span 1 / span 1 / span 1 / span 1;
 }
 #w-node-_56d0d153-aaa5-0298-6eef-63a6d36b0c1a-9c967123,
 #w-node-_56d0d153-aaa5-0298-6eef-63a6d36b0c2c-9c967123 {
  grid-column: span 1 / span 1;
 }
}
@font-face {
 font-family: "Dune Rise";
 src: url("../64bc40e477b71a93035012da_Dune_Rise.otf") format("opentype");
 font-weight: 400;
 font-style: normal;
 font-display: swap;
}