html {
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
font-family: sans-serif;
}
body {
margin: 0;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
display: block;
}
audio, canvas, progress, video {
vertical-align: baseline;
display: inline-block;
}
audio:not([controls]) {
height: 0;
display: none;
}
[hidden], template {
display: none;
}
a {
background-color: #0000;
}
a:active, a:hover {
outline: 0;
}
abbr[title] {
border-bottom: 1px dotted;
}
b, strong {
font-weight: bold;
}
dfn {
font-style: italic;
}
h1 {
margin: .67em 0;
font-size: 2em;
}
mark {
color: #000;
background: #ff0;
}
small {
font-size: 80%;
}
sub, sup {
vertical-align: baseline;
font-size: 75%;
line-height: 0;
position: relative;
}
sup {
top: -.5em;
}
sub {
bottom: -.25em;
}
img {
border: 0;
}
svg:not(:root) {
overflow: hidden;
}
hr {
box-sizing: content-box;
height: 0;
}
pre {
overflow: auto;
}
code, kbd, pre, samp {
font-family: monospace;
font-size: 1em;
}
button, input, optgroup, select, textarea {
color: inherit;
font: inherit;
margin: 0;
}
button {
overflow: visible;
}
button, select {
text-transform: none;
}
button, html input[type="button"], input[type="reset"] {
-webkit-appearance: button;
cursor: pointer;
}
button[disabled], html input[disabled] {
cursor: default;
}
button::-moz-focus-inner, input::-moz-focus-inner {
border: 0;
padding: 0;
}
input {
line-height: normal;
}
input[type="checkbox"], input[type="radio"] {
box-sizing: border-box;
padding: 0;
}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
input[type="search"] {
-webkit-appearance: none;
}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
legend {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
}
optgroup {
font-weight: bold;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
td, th {
padding: 0;
}
@font-face {
font-family: webflow-icons;
src: url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBiUAAAC8AAAAYGNtYXDpP+a4AAABHAAAAFxnYXNwAAAAEAAAAXgAAAAIZ2x5ZmhS2XEAAAGAAAADHGhlYWQTFw3HAAAEnAAAADZoaGVhCXYFgQAABNQAAAAkaG10eCe4A1oAAAT4AAAAMGxvY2EDtALGAAAFKAAAABptYXhwABAAPgAABUQAAAAgbmFtZSoCsMsAAAVkAAABznBvc3QAAwAAAAAHNAAAACAAAwP4AZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpAwPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAQAAAAAwACAACAAQAAQAg5gPpA//9//8AAAAAACDmAOkA//3//wAB/+MaBBcIAAMAAQAAAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEBIAAAAyADgAAFAAAJAQcJARcDIP5AQAGA/oBAAcABwED+gP6AQAABAOAAAALgA4AABQAAEwEXCQEH4AHAQP6AAYBAAcABwED+gP6AQAAAAwDAAOADQALAAA8AHwAvAAABISIGHQEUFjMhMjY9ATQmByEiBh0BFBYzITI2PQE0JgchIgYdARQWMyEyNj0BNCYDIP3ADRMTDQJADRMTDf3ADRMTDQJADRMTDf3ADRMTDQJADRMTAsATDSANExMNIA0TwBMNIA0TEw0gDRPAEw0gDRMTDSANEwAAAAABAJ0AtAOBApUABQAACQIHCQEDJP7r/upcAXEBcgKU/usBFVz+fAGEAAAAAAL//f+9BAMDwwAEAAkAABcBJwEXAwE3AQdpA5ps/GZsbAOabPxmbEMDmmz8ZmwDmvxmbAOabAAAAgAA/8AEAAPAAB0AOwAABSInLgEnJjU0Nz4BNzYzMTIXHgEXFhUUBw4BBwYjNTI3PgE3NjU0Jy4BJyYjMSIHDgEHBhUUFx4BFxYzAgBqXV6LKCgoKIteXWpqXV6LKCgoKIteXWpVSktvICEhIG9LSlVVSktvICEhIG9LSlVAKCiLXl1qal1eiygoKCiLXl1qal1eiygoZiEgb0tKVVVKS28gISEgb0tKVVVKS28gIQABAAABwAIAA8AAEgAAEzQ3PgE3NjMxFSIHDgEHBhUxIwAoKIteXWpVSktvICFmAcBqXV6LKChmISBvS0pVAAAAAgAA/8AFtgPAADIAOgAAARYXHgEXFhUUBw4BBwYHIxUhIicuAScmNTQ3PgE3NjMxOAExNDc+ATc2MzIXHgEXFhcVATMJATMVMzUEjD83NlAXFxYXTjU1PQL8kz01Nk8XFxcXTzY1PSIjd1BQWlJJSXInJw3+mdv+2/7c25MCUQYcHFg5OUA/ODlXHBwIAhcXTzY1PTw1Nk8XF1tQUHcjIhwcYUNDTgL+3QFt/pOTkwABAAAAAQAAmM7nP18PPPUACwQAAAAAANciZKUAAAAA1yJkpf/9/70FtgPDAAAACAACAAAAAAAAAAEAAAPA/8AAAAW3//3//QW2AAEAAAAAAAAAAAAAAAAAAAAMBAAAAAAAAAAAAAAAAgAAAAQAASAEAADgBAAAwAQAAJ0EAP/9BAAAAAQAAAAFtwAAAAAAAAAKABQAHgAyAEYAjACiAL4BFgE2AY4AAAABAAAADAA8AAMAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADQAAAAEAAAAAAAIABwCWAAEAAAAAAAMADQBIAAEAAAAAAAQADQCrAAEAAAAAAAUACwAnAAEAAAAAAAYADQBvAAEAAAAAAAoAGgDSAAMAAQQJAAEAGgANAAMAAQQJAAIADgCdAAMAAQQJAAMAGgBVAAMAAQQJAAQAGgC4AAMAAQQJAAUAFgAyAAMAAQQJAAYAGgB8AAMAAQQJAAoANADsd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzUmVndWxhcgBSAGUAZwB1AGwAYQByd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==") format("truetype");
font-weight: normal;
font-style: normal;
}
[class^="w-icon-"], [class*=" w-icon-"] {
speak: none;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-weight: normal;
line-height: 1;
font-family: webflow-icons !important;
}
.w-icon-slider-right:before {
content: "";
}
.w-icon-slider-left:before {
content: "";
}
.w-icon-nav-menu:before {
content: "";
}
.w-icon-arrow-down:before, .w-icon-dropdown-toggle:before {
content: "";
}
.w-icon-file-upload-remove:before {
content: "";
}
.w-icon-file-upload-icon:before {
content: "";
}
* {
box-sizing: border-box;
}
html {
height: 100%;
}
body {
color: #333;
background-color: #fff;
min-height: 100%;
margin: 0;
font-family: Arial, sans-serif;
font-size: 14px;
line-height: 20px;
}
img {
vertical-align: middle;
max-width: 100%;
display: inline-block;
}
html.w-mod-touch * {
background-attachment: scroll !important;
}
.w-block {
display: block;
}
.w-inline-block {
max-width: 100%;
display: inline-block;
}
.w-clearfix:before, .w-clearfix:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-clearfix:after {
clear: both;
}
.w-hidden {
display: none;
}
.w-button {
color: #fff;
line-height: inherit;
cursor: pointer;
background-color: #3898ec;
border: 0;
border-radius: 0;
padding: 9px 15px;
text-decoration: none;
display: inline-block;
}
input.w-button {
-webkit-appearance: button;
}
:where(button.w-popover-trigger), :where(button.w-modal-trigger) {
color: inherit;
cursor: pointer;
font: inherit;
line-height: inherit;
text-align: inherit;
-webkit-text-decoration: inherit;
text-decoration: inherit;
background-color: #0000;
border: 0;
margin: 0;
padding: 0;
}
:where(.w-popover) {
position-anchor: auto;
position-area: top;
}
:where(.w-popover[data-w-popover-backdrop-animated], .w-modal[data-w-popover-backdrop-animated])::backdrop {
animation: var(--w-backdrop-animation, none);
}
:where(.w-popover, .w-modal) {
--w-backdrop-animation: initial;
}
.w-popover-mask {
opacity: 0 !important;
clip-path: none !important;
pointer-events: auto !important;
border: 0 !important;
width: auto !important;
max-width: none !important;
height: auto !important;
max-height: none !important;
margin: 0 !important;
padding: 0 !important;
position: fixed !important;
inset: 0 !important;
transform: none !important;
}
.w-popover-mask[popover] {
translate: none !important;
rotate: none !important;
scale: none !important;
}
.w-popover-mask::backdrop {
display: none !important;
}
.w-popover-mask:not(:popover-open) {
display: none !important;
}
@supports not selector(:popover-open) {
.w-popover-mask {
display: none !important;
}
}
.w-popover[popover]:not(:popover-open) {
display: none;
}
.w-modal:not([open]):not([popover]) {
display: none;
}
.w-modal[popover]:not(:popover-open) {
display: none;
}
:where(.w-modal[data-w-modal-lock-scroll]) {
overscroll-behavior: contain;
}
html[data-w-dynpage] [data-w-cloak] {
color: #0000 !important;
}
.w-code-block {
margin: unset;
}
pre.w-code-block code {
all: inherit;
}
pre.w-code-block code > span {
display: block !important;
}
.w-optimization {
display: contents;
}
.w-webflow-badge, .w-webflow-badge > img {
box-sizing: unset;
width: unset;
height: unset;
max-height: unset;
max-width: unset;
min-height: unset;
min-width: unset;
margin: unset;
padding: unset;
float: unset;
clear: unset;
border: unset;
border-radius: unset;
background: unset;
background-image: unset;
background-position: unset;
background-size: unset;
background-repeat: unset;
background-origin: unset;
background-clip: unset;
background-attachment: unset;
background-color: unset;
box-shadow: unset;
transform: unset;
direction: unset;
font-family: unset;
font-weight: unset;
color: unset;
font-size: unset;
line-height: unset;
font-style: unset;
font-variant: unset;
text-align: unset;
letter-spacing: unset;
-webkit-text-decoration: unset;
text-decoration: unset;
text-indent: unset;
text-transform: unset;
list-style-type: unset;
text-shadow: unset;
vertical-align: unset;
cursor: unset;
white-space: unset;
word-break: unset;
word-spacing: unset;
word-wrap: unset;
transition: unset;
}
.w-webflow-badge {
white-space: nowrap;
cursor: pointer;
box-shadow: 0 0 0 1px #0000001a, 0 1px 3px #0000001a;
visibility: visible !important;
opacity: 1 !important;
z-index: 2147483647 !important;
color: #aaadb0 !important;
width: auto !important;
height: auto !important;
overflow: unset !important;
background-color: #fff !important;
border-radius: 3px !important;
margin: 0 !important;
padding: 6px !important;
font-size: 12px !important;
line-height: 14px !important;
text-decoration: none !important;
display: inline-block !important;
position: fixed !important;
inset: auto 12px 12px auto !important;
transform: none !important;
}
.w-webflow-badge > img {
position: unset;
visibility: unset !important;
opacity: 1 !important;
vertical-align: middle !important;
display: inline-block !important;
}
h1, h2, h3, h4, h5, h6 {
margin-bottom: 10px;
font-weight: bold;
}
h1 {
margin-top: 20px;
font-size: 38px;
line-height: 44px;
}
h2 {
margin-top: 20px;
font-size: 32px;
line-height: 36px;
}
h3 {
margin-top: 20px;
font-size: 24px;
line-height: 30px;
}
h4 {
margin-top: 10px;
font-size: 18px;
line-height: 24px;
}
h5 {
margin-top: 10px;
font-size: 14px;
line-height: 20px;
}
h6 {
margin-top: 10px;
font-size: 12px;
line-height: 18px;
}
p {
margin-top: 0;
margin-bottom: 10px;
}
blockquote {
border-left: 5px solid #e2e2e2;
margin: 0 0 10px;
padding: 10px 20px;
font-size: 18px;
line-height: 22px;
}
figure {
margin: 0 0 10px;
}
figcaption {
text-align: center;
margin-top: 5px;
}
ul, ol {
margin-top: 0;
margin-bottom: 10px;
padding-left: 40px;
}
.w-list-unstyled {
padding-left: 0;
list-style: none;
}
.w-embed:before, .w-embed:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-embed:after {
clear: both;
}
.w-video {
width: 100%;
padding: 0;
position: relative;
}
.w-video iframe, .w-video object, .w-video embed {
border: none;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
fieldset {
border: 0;
margin: 0;
padding: 0;
}
button, [type="button"], [type="reset"] {
cursor: pointer;
-webkit-appearance: button;
border: 0;
}
.w-form {
margin: 0 0 15px;
}
.w-form-done {
text-align: center;
background-color: #ddd;
padding: 20px;
display: none;
}
.w-form-fail {
background-color: #ffdede;
margin-top: 10px;
padding: 10px;
display: none;
}
label {
margin-bottom: 5px;
font-weight: bold;
display: block;
}
.w-input, .w-select {
color: #333;
vertical-align: middle;
background-color: #fff;
border: 1px solid #ccc;
width: 100%;
height: 38px;
margin-bottom: 10px;
padding: 8px 12px;
font-size: 14px;
line-height: 1.42857;
display: block;
}
.w-input::placeholder, .w-select::placeholder {
color: #999;
}
.w-input:focus, .w-select:focus {
border-color: #3898ec;
outline: 0;
}
.w-input[disabled], .w-select[disabled], .w-input[readonly], .w-select[readonly], fieldset[disabled] .w-input, fieldset[disabled] .w-select {
cursor: not-allowed;
}
.w-input[disabled]:not(.w-input-disabled), .w-select[disabled]:not(.w-input-disabled), .w-input[readonly], .w-select[readonly], fieldset[disabled]:not(.w-input-disabled) .w-input, fieldset[disabled]:not(.w-input-disabled) .w-select {
background-color: #eee;
}
textarea.w-input, textarea.w-select {
height: auto;
}
.w-select {
background-color: #f3f3f3;
}
.w-select[multiple] {
height: auto;
}
.w-form-label {
cursor: pointer;
margin-bottom: 0;
font-weight: normal;
display: inline-block;
}
.w-radio {
margin-bottom: 5px;
padding-left: 20px;
display: block;
}
.w-radio:before, .w-radio:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-radio:after {
clear: both;
}
.w-radio-input {
float: left;
margin: 3px 0 0 -20px;
line-height: normal;
}
.w-file-upload {
margin-bottom: 10px;
display: block;
}
.w-file-upload-input {
opacity: 0;
z-index: -100;
width: .1px;
height: .1px;
position: absolute;
overflow: hidden;
}
.w-file-upload-default, .w-file-upload-uploading, .w-file-upload-success {
color: #333;
display: inline-block;
}
.w-file-upload-error {
margin-top: 10px;
display: block;
}
.w-file-upload-default.w-hidden, .w-file-upload-uploading.w-hidden, .w-file-upload-error.w-hidden, .w-file-upload-success.w-hidden {
display: none;
}
.w-file-upload-uploading-btn {
cursor: pointer;
background-color: #fafafa;
border: 1px solid #ccc;
margin: 0;
padding: 8px 12px;
font-size: 14px;
font-weight: normal;
display: flex;
}
.w-file-upload-file {
background-color: #fafafa;
border: 1px solid #ccc;
flex-grow: 1;
justify-content: space-between;
margin: 0;
padding: 8px 9px 8px 11px;
display: flex;
}
.w-file-upload-file-name {
font-size: 14px;
font-weight: normal;
display: block;
}
.w-file-remove-link {
cursor: pointer;
width: auto;
height: auto;
margin-top: 3px;
margin-left: 10px;
padding: 3px;
display: block;
}
.w-icon-file-upload-remove {
margin: auto;
font-size: 10px;
}
.w-file-upload-error-msg {
color: #ea384c;
padding: 2px 0;
display: inline-block;
}
.w-file-upload-info {
padding: 0 12px;
line-height: 38px;
display: inline-block;
}
.w-file-upload-label {
cursor: pointer;
background-color: #fafafa;
border: 1px solid #ccc;
margin: 0;
padding: 8px 12px;
font-size: 14px;
font-weight: normal;
display: inline-block;
}
.w-icon-file-upload-icon, .w-icon-file-upload-uploading {
width: 20px;
margin-right: 8px;
display: inline-block;
}
.w-icon-file-upload-uploading {
height: 20px;
}
.w-container {
max-width: 940px;
margin-left: auto;
margin-right: auto;
}
.w-container:before, .w-container:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-container:after {
clear: both;
}
.w-container .w-row {
margin-left: -10px;
margin-right: -10px;
}
.w-row:before, .w-row:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-row:after {
clear: both;
}
.w-row .w-row {
margin-left: 0;
margin-right: 0;
}
.w-col {
float: left;
width: 100%;
min-height: 1px;
padding-left: 10px;
padding-right: 10px;
position: relative;
}
.w-col .w-col {
padding-left: 0;
padding-right: 0;
}
.w-col-1 {
width: 8.33333%;
}
.w-col-2 {
width: 16.6667%;
}
.w-col-3 {
width: 25%;
}
.w-col-4 {
width: 33.3333%;
}
.w-col-5 {
width: 41.6667%;
}
.w-col-6 {
width: 50%;
}
.w-col-7 {
width: 58.3333%;
}
.w-col-8 {
width: 66.6667%;
}
.w-col-9 {
width: 75%;
}
.w-col-10 {
width: 83.3333%;
}
.w-col-11 {
width: 91.6667%;
}
.w-col-12 {
width: 100%;
}
.w-hidden-main {
display: none !important;
}
@media screen and (max-width: 991px) {
.w-container {
max-width: 728px;
}
.w-hidden-main {
display: inherit !important;
}
.w-hidden-medium {
display: none !important;
}
.w-col-medium-1 {
width: 8.33333%;
}
.w-col-medium-2 {
width: 16.6667%;
}
.w-col-medium-3 {
width: 25%;
}
.w-col-medium-4 {
width: 33.3333%;
}
.w-col-medium-5 {
width: 41.6667%;
}
.w-col-medium-6 {
width: 50%;
}
.w-col-medium-7 {
width: 58.3333%;
}
.w-col-medium-8 {
width: 66.6667%;
}
.w-col-medium-9 {
width: 75%;
}
.w-col-medium-10 {
width: 83.3333%;
}
.w-col-medium-11 {
width: 91.6667%;
}
.w-col-medium-12 {
width: 100%;
}
.w-col-stack {
width: 100%;
left: auto;
right: auto;
}
}
@media screen and (max-width: 767px) {
.w-hidden-main, .w-hidden-medium {
display: inherit !important;
}
.w-hidden-small {
display: none !important;
}
.w-row, .w-container .w-row {
margin-left: 0;
margin-right: 0;
}
.w-col {
width: 100%;
left: auto;
right: auto;
}
.w-col-small-1 {
width: 8.33333%;
}
.w-col-small-2 {
width: 16.6667%;
}
.w-col-small-3 {
width: 25%;
}
.w-col-small-4 {
width: 33.3333%;
}
.w-col-small-5 {
width: 41.6667%;
}
.w-col-small-6 {
width: 50%;
}
.w-col-small-7 {
width: 58.3333%;
}
.w-col-small-8 {
width: 66.6667%;
}
.w-col-small-9 {
width: 75%;
}
.w-col-small-10 {
width: 83.3333%;
}
.w-col-small-11 {
width: 91.6667%;
}
.w-col-small-12 {
width: 100%;
}
}
@media screen and (max-width: 479px) {
.w-container {
max-width: none;
}
.w-hidden-main, .w-hidden-medium, .w-hidden-small {
display: inherit !important;
}
.w-hidden-tiny {
display: none !important;
}
.w-col {
width: 100%;
}
.w-col-tiny-1 {
width: 8.33333%;
}
.w-col-tiny-2 {
width: 16.6667%;
}
.w-col-tiny-3 {
width: 25%;
}
.w-col-tiny-4 {
width: 33.3333%;
}
.w-col-tiny-5 {
width: 41.6667%;
}
.w-col-tiny-6 {
width: 50%;
}
.w-col-tiny-7 {
width: 58.3333%;
}
.w-col-tiny-8 {
width: 66.6667%;
}
.w-col-tiny-9 {
width: 75%;
}
.w-col-tiny-10 {
width: 83.3333%;
}
.w-col-tiny-11 {
width: 91.6667%;
}
.w-col-tiny-12 {
width: 100%;
}
}
.w-widget {
position: relative;
}
.w-widget-map {
width: 100%;
height: 400px;
}
.w-widget-map label {
width: auto;
display: inline;
}
.w-widget-map img {
max-width: inherit;
}
.w-widget-map .gm-style-iw {
text-align: center;
}
.w-widget-map .gm-style-iw > button {
display: none !important;
}
.w-widget-twitter {
overflow: hidden;
}
.w-widget-twitter-count-shim {
vertical-align: top;
text-align: center;
background: #fff;
border: 1px solid #758696;
border-radius: 3px;
width: 28px;
height: 20px;
display: inline-block;
position: relative;
}
.w-widget-twitter-count-shim * {
pointer-events: none;
-webkit-user-select: none;
user-select: none;
}
.w-widget-twitter-count-shim .w-widget-twitter-count-inner {
text-align: center;
color: #999;
font-family: serif;
font-size: 15px;
line-height: 12px;
position: relative;
}
.w-widget-twitter-count-shim .w-widget-twitter-count-clear {
display: block;
position: relative;
}
.w-widget-twitter-count-shim.w--large {
width: 36px;
height: 28px;
}
.w-widget-twitter-count-shim.w--large .w-widget-twitter-count-inner {
font-size: 18px;
line-height: 18px;
}
.w-widget-twitter-count-shim:not(.w--vertical) {
margin-left: 5px;
margin-right: 8px;
}
.w-widget-twitter-count-shim:not(.w--vertical).w--large {
margin-left: 6px;
}
.w-widget-twitter-count-shim:not(.w--vertical):before, .w-widget-twitter-count-shim:not(.w--vertical):after {
content: " ";
pointer-events: none;
border: solid #0000;
width: 0;
height: 0;
position: absolute;
top: 50%;
left: 0;
}
.w-widget-twitter-count-shim:not(.w--vertical):before {
border-width: 4px;
border-color: #75869600 #5d6c7b #75869600 #75869600;
margin-top: -4px;
margin-left: -9px;
}
.w-widget-twitter-count-shim:not(.w--vertical).w--large:before {
border-width: 5px;
margin-top: -5px;
margin-left: -10px;
}
.w-widget-twitter-count-shim:not(.w--vertical):after {
border-width: 4px;
border-color: #fff0 #fff #fff0 #fff0;
margin-top: -4px;
margin-left: -8px;
}
.w-widget-twitter-count-shim:not(.w--vertical).w--large:after {
border-width: 5px;
margin-top: -5px;
margin-left: -9px;
}
.w-widget-twitter-count-shim.w--vertical {
width: 61px;
height: 33px;
margin-bottom: 8px;
}
.w-widget-twitter-count-shim.w--vertical:before, .w-widget-twitter-count-shim.w--vertical:after {
content: " ";
pointer-events: none;
border: solid #0000;
width: 0;
height: 0;
position: absolute;
top: 100%;
left: 50%;
}
.w-widget-twitter-count-shim.w--vertical:before {
border-width: 5px;
border-color: #5d6c7b #75869600 #75869600;
margin-left: -5px;
}
.w-widget-twitter-count-shim.w--vertical:after {
border-width: 4px;
border-color: #fff #fff0 #fff0;
margin-left: -4px;
}
.w-widget-twitter-count-shim.w--vertical .w-widget-twitter-count-inner {
font-size: 18px;
line-height: 22px;
}
.w-widget-twitter-count-shim.w--vertical.w--large {
width: 76px;
}
.w-background-video {
color: #fff;
height: 500px;
position: relative;
overflow: hidden;
}
.w-background-video > video {
object-fit: cover;
z-index: -100;
background-position: 50%;
background-size: cover;
width: 100%;
height: 100%;
margin: auto;
position: absolute;
inset: -100%;
}
.w-background-video > video::-webkit-media-controls-start-playback-button {
-webkit-appearance: none;
display: none !important;
}
.w-background-video--control {
background-color: #0000;
padding: 0;
position: absolute;
bottom: 1em;
right: 1em;
}
.w-background-video--control > [hidden] {
display: none !important;
}
.w-slider {
text-align: center;
clear: both;
-webkit-tap-highlight-color: #0000;
tap-highlight-color: #0000;
background: #ddd;
height: 300px;
position: relative;
}
.w-slider-mask {
z-index: 1;
white-space: nowrap;
height: 100%;
display: block;
position: relative;
left: 0;
right: 0;
overflow: hidden;
}
.w-slide {
vertical-align: top;
white-space: normal;
text-align: left;
width: 100%;
height: 100%;
display: inline-block;
position: relative;
}
.w-slider-nav {
z-index: 2;
text-align: center;
-webkit-tap-highlight-color: #0000;
tap-highlight-color: #0000;
height: 40px;
margin: auto;
padding-top: 10px;
position: absolute;
inset: auto 0 0;
}
.w-slider-nav.w-round > div {
border-radius: 100%;
}
.w-slider-nav.w-num > div {
width: auto;
height: auto;
font-size: inherit;
line-height: inherit;
padding: .2em .5em;
}
.w-slider-nav.w-shadow > div {
box-shadow: 0 0 3px #3336;
}
.w-slider-nav-invert {
color: #fff;
}
.w-slider-nav-invert > div {
background-color: #2226;
}
.w-slider-nav-invert > div.w-active {
background-color: #222;
}
.w-slider-dot {
cursor: pointer;
background-color: #fff6;
width: 1em;
height: 1em;
margin: 0 3px .5em;
transition: background-color .1s, color .1s;
display: inline-block;
position: relative;
}
.w-slider-dot.w-active {
background-color: #fff;
}
.w-slider-dot:focus {
outline: none;
box-shadow: 0 0 0 2px #fff;
}
.w-slider-dot:focus.w-active {
box-shadow: none;
}
.w-slider-arrow-left, .w-slider-arrow-right {
cursor: pointer;
color: #fff;
-webkit-tap-highlight-color: #0000;
tap-highlight-color: #0000;
-webkit-user-select: none;
user-select: none;
width: 80px;
margin: auto;
font-size: 40px;
position: absolute;
inset: 0;
overflow: hidden;
}
.w-slider-arrow-left [class^="w-icon-"], .w-slider-arrow-right [class^="w-icon-"], .w-slider-arrow-left [class*=" w-icon-"], .w-slider-arrow-right [class*=" w-icon-"] {
position: absolute;
}
.w-slider-arrow-left:focus, .w-slider-arrow-right:focus {
outline: 0;
}
.w-slider-arrow-left {
z-index: 3;
right: auto;
}
.w-slider-arrow-right {
z-index: 4;
left: auto;
}
.w-icon-slider-left, .w-icon-slider-right {
width: 1em;
height: 1em;
margin: auto;
inset: 0;
}
.w-slider-aria-label {
clip: rect(0 0 0 0);
border: 0;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
position: absolute;
overflow: hidden;
}
.w-slider-force-show {
display: block !important;
}
.w-dropdown {
text-align: left;
z-index: 900;
margin-left: auto;
margin-right: auto;
display: inline-block;
position: relative;
}
.w-dropdown-btn, .w-dropdown-toggle, .w-dropdown-link {
vertical-align: top;
color: #222;
text-align: left;
white-space: nowrap;
margin-left: auto;
margin-right: auto;
padding: 20px;
text-decoration: none;
position: relative;
}
.w-dropdown-toggle {
-webkit-user-select: none;
user-select: none;
cursor: pointer;
padding-right: 40px;
display: inline-block;
}
.w-dropdown-toggle:focus {
outline: 0;
}
.w-icon-dropdown-toggle {
width: 1em;
height: 1em;
margin: auto 20px auto auto;
position: absolute;
top: 0;
bottom: 0;
right: 0;
}
.w-dropdown-list {
background: #ddd;
min-width: 100%;
display: none;
position: absolute;
}
.w-dropdown-list.w--open {
display: block;
}
.w-dropdown-link {
color: #222;
padding: 10px 20px;
display: block;
}
.w-dropdown-link.w--current {
color: #0082f3;
}
.w-dropdown-link:focus {
outline: 0;
}
.w-lightbox-backdrop {
cursor: auto;
letter-spacing: normal;
text-indent: 0;
text-shadow: none;
text-transform: none;
visibility: visible;
white-space: normal;
word-break: normal;
word-spacing: normal;
word-wrap: normal;
color: #fff;
text-align: center;
z-index: 2000;
opacity: 0;
-webkit-user-select: none;
-moz-user-select: none;
-webkit-tap-highlight-color: transparent;
background: #000000e6;
outline: 0;
font-family: Helvetica Neue, Helvetica, Ubuntu, Segoe UI, Verdana, sans-serif;
font-size: 17px;
font-style: normal;
font-weight: 300;
line-height: 1.2;
list-style: disc;
position: fixed;
inset: 0;
-webkit-transform: translate(0);
}
.w-lightbox-backdrop, .w-lightbox-container {
-webkit-overflow-scrolling: touch;
height: 100%;
overflow: auto;
}
.w-lightbox-content {
height: 100vh;
position: relative;
overflow: hidden;
}
.w-lightbox-view {
opacity: 0;
width: 100vw;
height: 100vh;
position: absolute;
}
.w-lightbox-view:before {
content: "";
height: 100vh;
}
.w-lightbox-group, .w-lightbox-group .w-lightbox-view, .w-lightbox-group .w-lightbox-view:before {
height: 86vh;
}
.w-lightbox-frame, .w-lightbox-view:before {
vertical-align: middle;
display: inline-block;
}
.w-lightbox-figure {
margin: 0;
position: relative;
}
.w-lightbox-group .w-lightbox-figure {
cursor: pointer;
}
.w-lightbox-img {
width: auto;
max-width: none;
height: auto;
}
.w-lightbox-image {
float: none;
max-width: 100vw;
max-height: 100vh;
display: block;
}
.w-lightbox-group .w-lightbox-image {
max-height: 86vh;
}
.w-lightbox-caption {
text-align: left;
text-overflow: ellipsis;
white-space: nowrap;
background: #0006;
padding: .5em 1em;
position: absolute;
bottom: 0;
left: 0;
right: 0;
overflow: hidden;
}
.w-lightbox-embed {
width: 100%;
height: 100%;
position: absolute;
inset: 0;
}
.w-lightbox-control {
cursor: pointer;
background-position: center;
background-repeat: no-repeat;
background-size: 24px;
width: 4em;
transition: all .3s;
position: absolute;
top: 0;
}
.w-lightbox-left {
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0yMCAwIDI0IDQwIiB3aWR0aD0iMjQiIGhlaWdodD0iNDAiPjxnIHRyYW5zZm9ybT0icm90YXRlKDQ1KSI+PHBhdGggZD0ibTAgMGg1djIzaDIzdjVoLTI4eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDN2MjNoMjN2M2gtMjZ6IiBmaWxsPSIjZmZmIi8+PC9nPjwvc3ZnPg==");
display: none;
bottom: 0;
left: 0;
}
.w-lightbox-right {
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMjQgNDAiIHdpZHRoPSIyNCIgaGVpZ2h0PSI0MCI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMC0waDI4djI4aC01di0yM2gtMjN6IiBvcGFjaXR5PSIuNCIvPjxwYXRoIGQ9Im0xIDFoMjZ2MjZoLTN2LTIzaC0yM3oiIGZpbGw9IiNmZmYiLz48L2c+PC9zdmc+");
display: none;
bottom: 0;
right: 0;
}
.w-lightbox-close {
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMTggMTciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxNyI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMCAwaDd2LTdoNXY3aDd2NWgtN3Y3aC01di03aC03eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDd2LTdoM3Y3aDd2M2gtN3Y3aC0zdi03aC03eiIgZmlsbD0iI2ZmZiIvPjwvZz48L3N2Zz4=");
background-size: 18px;
height: 2.6em;
right: 0;
}
.w-lightbox-strip {
white-space: nowrap;
padding: 0 1vh;
line-height: 0;
position: absolute;
bottom: 0;
left: 0;
right: 0;
overflow: auto hidden;
}
.w-lightbox-item {
box-sizing: content-box;
cursor: pointer;
width: 10vh;
padding: 2vh 1vh;
display: inline-block;
-webkit-transform: translate3d(0, 0, 0);
}
.w-lightbox-active {
opacity: .3;
}
.w-lightbox-thumbnail {
background: #222;
height: 10vh;
position: relative;
overflow: hidden;
}
.w-lightbox-thumbnail-image {
position: absolute;
top: 0;
left: 0;
}
.w-lightbox-thumbnail .w-lightbox-tall {
width: 100%;
top: 50%;
transform: translate(0, -50%);
}
.w-lightbox-thumbnail .w-lightbox-wide {
height: 100%;
left: 50%;
transform: translate(-50%);
}
.w-lightbox-spinner {
box-sizing: border-box;
border: 5px solid #0006;
border-radius: 50%;
width: 40px;
height: 40px;
margin-top: -20px;
margin-left: -20px;
animation: .8s linear infinite spin;
position: absolute;
top: 50%;
left: 50%;
}
.w-lightbox-spinner:after {
content: "";
border: 3px solid #0000;
border-bottom-color: #fff;
border-radius: 50%;
position: absolute;
inset: -4px;
}
.w-lightbox-hide {
display: none;
}
.w-lightbox-noscroll {
overflow: hidden;
}
@media (min-width: 768px) {
.w-lightbox-content {
height: 96vh;
margin-top: 2vh;
}
.w-lightbox-view, .w-lightbox-view:before {
height: 96vh;
}
.w-lightbox-group, .w-lightbox-group .w-lightbox-view, .w-lightbox-group .w-lightbox-view:before {
height: 84vh;
}
.w-lightbox-image {
max-width: 96vw;
max-height: 96vh;
}
.w-lightbox-group .w-lightbox-image {
max-width: 82.3vw;
max-height: 84vh;
}
.w-lightbox-left, .w-lightbox-right {
opacity: .5;
display: block;
}
.w-lightbox-close {
opacity: .8;
}
.w-lightbox-control:hover {
opacity: 1;
}
}
.w-lightbox-inactive, .w-lightbox-inactive:hover {
opacity: 0;
}
.w-richtext:before, .w-richtext:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-richtext:after {
clear: both;
}
.w-richtext[contenteditable="true"]:before, .w-richtext[contenteditable="true"]:after {
white-space: initial;
}
.w-richtext ol, .w-richtext ul {
overflow: hidden;
}
.w-richtext .w-richtext-figure-selected.w-richtext-figure-type-video div:after, .w-richtext .w-richtext-figure-selected[data-rt-type="video"] div:after, .w-richtext .w-richtext-figure-selected.w-richtext-figure-type-image div, .w-richtext .w-richtext-figure-selected[data-rt-type="image"] div {
outline: 2px solid #2895f7;
}
.w-richtext figure.w-richtext-figure-type-video > div:after, .w-richtext figure[data-rt-type="video"] > div:after {
content: "";
display: none;
position: absolute;
inset: 0;
}
.w-richtext figure {
max-width: 60%;
position: relative;
}
.w-richtext figure > div:before {
cursor: default !important;
}
.w-richtext figure img {
width: 100%;
}
.w-richtext figure figcaption.w-richtext-figcaption-placeholder {
opacity: .6;
}
.w-richtext figure div {
color: #0000;
font-size: 0;
}
.w-richtext figure.w-richtext-figure-type-image, .w-richtext figure[data-rt-type="image"] {
display: table;
}
.w-richtext figure.w-richtext-figure-type-image > div, .w-richtext figure[data-rt-type="image"] > div {
display: inline-block;
}
.w-richtext figure.w-richtext-figure-type-image > figcaption, .w-richtext figure[data-rt-type="image"] > figcaption {
caption-side: bottom;
display: table-caption;
}
.w-richtext figure.w-richtext-figure-type-video, .w-richtext figure[data-rt-type="video"] {
width: 60%;
height: 0;
}
.w-richtext figure.w-richtext-figure-type-video iframe, .w-richtext figure[data-rt-type="video"] iframe {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.w-richtext figure.w-richtext-figure-type-video > div, .w-richtext figure[data-rt-type="video"] > div {
width: 100%;
}
.w-richtext figure.w-richtext-align-center {
clear: both;
margin-left: auto;
margin-right: auto;
}
.w-richtext figure.w-richtext-align-center.w-richtext-figure-type-image > div, .w-richtext figure.w-richtext-align-center[data-rt-type="image"] > div {
max-width: 100%;
}
.w-richtext figure.w-richtext-align-normal {
clear: both;
}
.w-richtext figure.w-richtext-align-fullwidth {
text-align: center;
clear: both;
width: 100%;
max-width: 100%;
margin-left: auto;
margin-right: auto;
display: block;
}
.w-richtext figure.w-richtext-align-fullwidth > div {
padding-bottom: inherit;
display: inline-block;
}
.w-richtext figure.w-richtext-align-fullwidth > figcaption {
display: block;
}
.w-richtext figure.w-richtext-align-floatleft {
float: left;
clear: none;
margin-right: 15px;
}
.w-richtext figure.w-richtext-align-floatright {
float: right;
clear: none;
margin-left: 15px;
}
.w-nav {
z-index: 1000;
background: #ddd;
position: relative;
}
.w-nav:before, .w-nav:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-nav:after {
clear: both;
}
.w-nav-brand {
float: left;
color: #333;
text-decoration: none;
position: relative;
}
.w-nav-link {
vertical-align: top;
color: #222;
text-align: left;
margin-left: auto;
margin-right: auto;
padding: 20px;
text-decoration: none;
display: inline-block;
position: relative;
}
.w-nav-link.w--current {
color: #0082f3;
}
.w-nav-menu {
float: right;
position: relative;
}
[data-nav-menu-open] {
text-align: center;
background: #c8c8c8;
min-width: 200px;
position: absolute;
top: 100%;
left: 0;
right: 0;
overflow: visible;
display: block !important;
}
.w--nav-link-open {
display: block;
position: relative;
}
.w-nav-overlay {
width: 100%;
display: none;
position: absolute;
top: 100%;
left: 0;
right: 0;
overflow: hidden;
}
.w-nav-overlay [data-nav-menu-open] {
top: 0;
}
.w-nav[data-animation="over-left"] .w-nav-overlay {
width: auto;
}
.w-nav[data-animation="over-left"] .w-nav-overlay, .w-nav[data-animation="over-left"] [data-nav-menu-open] {
z-index: 1;
top: 0;
right: auto;
}
.w-nav[data-animation="over-right"] .w-nav-overlay {
width: auto;
}
.w-nav[data-animation="over-right"] .w-nav-overlay, .w-nav[data-animation="over-right"] [data-nav-menu-open] {
z-index: 1;
top: 0;
left: auto;
}
.w-nav-button {
float: right;
cursor: pointer;
-webkit-tap-highlight-color: #0000;
tap-highlight-color: #0000;
-webkit-user-select: none;
user-select: none;
padding: 18px;
font-size: 24px;
display: none;
position: relative;
}
.w-nav-button:focus {
outline: 0;
}
.w-nav-button.w--open {
color: #fff;
background-color: #c8c8c8;
}
.w-nav[data-collapse="all"] .w-nav-menu {
display: none;
}
.w-nav[data-collapse="all"] .w-nav-button, .w--nav-dropdown-open, .w--nav-dropdown-toggle-open {
display: block;
}
.w--nav-dropdown-list-open {
position: static;
}
@media screen and (max-width: 991px) {
.w-nav[data-collapse="medium"] .w-nav-menu {
display: none;
}
.w-nav[data-collapse="medium"] .w-nav-button {
display: block;
}
}
@media screen and (max-width: 767px) {
.w-nav[data-collapse="small"] .w-nav-menu {
display: none;
}
.w-nav[data-collapse="small"] .w-nav-button {
display: block;
}
.w-nav-brand {
padding-left: 10px;
}
}
@media screen and (max-width: 479px) {
.w-nav[data-collapse="tiny"] .w-nav-menu {
display: none;
}
.w-nav[data-collapse="tiny"] .w-nav-button {
display: block;
}
}
.w-tabs {
position: relative;
}
.w-tabs:before, .w-tabs:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-tabs:after {
clear: both;
}
.w-tab-menu {
position: relative;
}
.w-tab-link {
vertical-align: top;
text-align: left;
cursor: pointer;
color: #222;
background-color: #ddd;
padding: 9px 30px;
text-decoration: none;
display: inline-block;
position: relative;
}
.w-tab-link.w--current {
background-color: #c8c8c8;
}
.w-tab-link:focus {
outline: 0;
}
.w-tab-content {
display: block;
position: relative;
overflow: hidden;
}
.w-tab-pane {
display: none;
position: relative;
}
.w--tab-active {
display: block;
}
@media screen and (max-width: 479px) {
.w-tab-link {
display: block;
}
}
.w-ix-emptyfix:after {
content: "";
}
@keyframes spin {
0% {
transform: rotate(0);
}
100% {
transform: rotate(360deg);
}
}
.w-dyn-empty {
background-color: #ddd;
padding: 10px;
}
.w-dyn-hide, .w-dyn-bind-empty, .w-condition-invisible {
display: none !important;
}
.wf-layout-layout {
display: grid;
}
.w-layout-grid {
grid-row-gap: 16px;
grid-column-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
@font-face {
font-family: Euclid Circular B;
src: url("https://cdn.prod.website-files.com/691cbbecb447292d2aa21df2/6926ae3b09f1848336af563c_Euclid%20Circular%20B%20Regular.ttf") format("truetype");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Euclid Circular B;
src: url("https://cdn.prod.website-files.com/691cbbecb447292d2aa21df2/6926ae3b80c7dc91f6ca2c4f_Euclid%20Circular%20B%20SemiBold.ttf") format("truetype");
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Euclid Circular B;
src: url("https://cdn.prod.website-files.com/691cbbecb447292d2aa21df2/6926ae3bafd990eb1f019d74_Euclid%20Circular%20B%20Bold.ttf") format("truetype");
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Euclid Circular B;
src: url("https://cdn.prod.website-files.com/691cbbecb447292d2aa21df2/6926ae3bac17633c36177ed3_Euclid%20Circular%20B%20Light.ttf") format("truetype");
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Euclid Circular B;
src: url("https://cdn.prod.website-files.com/691cbbecb447292d2aa21df2/6926ae3b977f21a1c433f0dc_Euclid%20Circular%20B%20Medium.ttf") format("truetype");
font-weight: 500;
font-style: normal;
font-display: swap;
}
:root {
--dark: #010019;
--grey: #d8d8d8;
--blue-dark: #0700ff;
--blue-light: #01e3d2;
--white: #fff;
}
.w-form-formradioinput--inputType-custom {
border: 1px solid #ccc;
border-radius: 50%;
width: 12px;
height: 12px;
}
.w-form-formradioinput--inputType-custom.w--redirected-focus {
box-shadow: 0 0 3px 1px #3898ec;
}
.w-form-formradioinput--inputType-custom.w--redirected-checked {
border-width: 4px;
border-color: #3898ec;
}
.w-layout-layout {
grid-row-gap: 20px;
grid-column-gap: 20px;
grid-auto-columns: 1fr;
justify-content: center;
padding: 20px;
}
.w-layout-cell {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.w-pagination-wrapper {
flex-wrap: wrap;
justify-content: center;
display: flex;
}
.w-pagination-previous {
color: #333;
background-color: #fafafa;
border: 1px solid #ccc;
border-radius: 2px;
margin-left: 10px;
margin-right: 10px;
padding: 9px 20px;
font-size: 14px;
display: block;
}
.w-pagination-previous-icon {
margin-right: 4px;
}
.w-pagination-next {
color: #333;
background-color: #fafafa;
border: 1px solid #ccc;
border-radius: 2px;
margin-left: 10px;
margin-right: 10px;
padding: 9px 20px;
font-size: 14px;
display: block;
}
.w-pagination-next-icon {
margin-left: 4px;
}
.w-layout-blockcontainer {
max-width: 940px;
margin-left: auto;
margin-right: auto;
display: block;
}
@media screen and (max-width: 991px) {
.w-layout-blockcontainer {
max-width: 728px;
}
}
@media screen and (max-width: 767px) {
.w-layout-blockcontainer {
max-width: none;
}
}
h1 {
margin-top: 20px;
margin-bottom: 10px;
font-family: Euclid Circular B, Arial, sans-serif;
font-size: 38px;
font-weight: 500;
line-height: 44px;
}
h2 {
color: #0f0928;
margin-top: 0;
margin-bottom: 0;
font-family: Euclid Circular B, Arial, sans-serif;
font-size: 48px;
font-weight: 500;
line-height: 1.1;
}
h3 {
color: var(--dark);
margin-top: 20px;
margin-bottom: 10px;
font-family: Euclid Circular B, Arial, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 1.1;
}
strong {
color: #0f0928;
font-family: Euclid Circular B, Arial, sans-serif;
font-weight: 500;
}
.align-center {
flex-flow: column;
justify-content: center;
align-items: center;
display: flex;
}
.align-center.width-100 {
width: 100%;
}
.position-relative {
position: absolute;
inset: -2% -3% auto auto;
}
.position-relative.is-2 {
inset: auto -3% -8% auto;
}
.nav-link {
color: #ffffffb8;
letter-spacing: .25px;
border-radius: 1.25rem;
padding: 8px 16px;
font-family: Euclid Circular B, Arial, sans-serif;
font-size: 15px;
font-weight: 500;
text-decoration: none;
transition: background-color .3s cubic-bezier(.165, .84, .44, 1);
}
.nav-link:hover {
color: #fff;
}
.nav-link:focus-visible, .nav-link[data-wf-focus-visible] {
outline-offset: 0px;
color: #0050bd;
border-radius: 4px;
outline: 2px solid #0050bd;
}
.nav-link.w--current {
background-color: #8e8e8e4d;
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.nav-link.nav-btn {
grid-column-gap: 10px;
color: #000228;
background-color: #fff;
border-radius: 8px;
align-items: center;
height: 42px;
padding: 0 16px 0 20px;
font-size: 14px;
font-weight: 600;
display: flex;
}
.button-3 {
grid-column-gap: 1.25rem;
grid-row-gap: 1.25rem;
color: #fff;
align-items: center;
padding-top: .5rem;
padding-bottom: .5rem;
font-family: Gilroy;
font-size: 18px;
font-weight: 500;
line-height: 1.5;
text-decoration: none;
transition: all .4s cubic-bezier(.23, 1, .32, 1);
display: flex;
}
.button-3:hover {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
mix-blend-mode: color-dodge;
transform: translate(1.5rem);
}
.button-3.no-color-blend:hover {
mix-blend-mode: normal;
}
.footer-page-link {
color: #fff;
text-transform: capitalize;
font-family: Euclid Circular B, Arial, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 1.5;
text-decoration: none;
}
.is-text-18px {
color: #010019;
font-family: Euclid Circular B, Arial, sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 1.33;
}
.is-text-18px.color-grey {
color: #d8d8d8;
}
.is-text-18px.color-grey.center {
text-align: center;
}
.is-text-18px.color-white {
color: #fff;
}
.is-text-18px.color-dark-grey {
color: #010019b3;
}
.is-text-18px.weight-medium {
font-weight: 500;
}
.is-text-18px.line-height-1-5 {
line-height: 1.5;
}
.is-text-18px.text-color-dark {
color: #000215;
}
.our-services-container {
grid-column-gap: 1.5rem;
grid-row-gap: 3rem;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
margin-top: 5rem;
display: grid;
}
.our-services-container.desktop {
grid-column-gap: 1.5rem;
grid-row-gap: 3rem;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.our-services-container.mobile {
display: none;
}
.is-text-16px {
color: #6e6e6e;
font-family: Euclid Circular B, Arial, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 1.4;
}
.is-text-16px.color-grey {
color: #d8d8d8;
}
.is-text-16px.color-grey.center {
text-align: center;
}
.is-text-16px.color-white {
color: #fff;
flex-flow: column;
}
.is-text-16px.color-white.line-height-1-5 {
line-height: 1.5;
}
.is-text-16px.color-white.center {
text-align: center;
}
.is-text-16px.color-blue {
color: #25adf9;
}
.is-text-16px.color-dark {
color: var(--dark);
}
.is-text-16px.color-dark.letter-spacing {
letter-spacing: .5px;
}
.is-text-16px.color-dark.weight-medium {
font-weight: 500;
}
.is-text-16px.color-dark-grey {
color: #7d7b82;
}
.is-text-16px.color-dark-grey.line--height-1-5 {
line-height: 1.5;
}
.is-text-16px.color-grey-2 {
color: #80858a;
}
.width-70 {
width: 70%;
}
.nav-home.is-dark {
background-color: var(--dark);
border-radius: 100px;
}
.container-main {
background-color: #0000;
max-width: 66.75rem;
margin-left: auto;
margin-right: auto;
}
.footer-upper-wrapper {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.our-services-wrapper {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
-webkit-backdrop-filter: blur(2px);
backdrop-filter: blur(2px);
background-color: #070825;
border: 1px solid #ffffff4d;
border-radius: 1rem;
flex-flow: column;
justify-content: space-between;
height: 100%;
padding: 3rem 1.5rem 2rem;
text-decoration: none;
transition: all .3s cubic-bezier(.165, .84, .44, 1);
display: flex;
}
.our-services-wrapper:hover {
box-shadow: none;
border-color: #01e3d280;
}
.our-services-wrapper.is-2 {
justify-content: flex-start;
padding-top: 2rem;
padding-bottom: 3.75rem;
text-decoration: none;
}
.footer {
margin-top: 5rem;
padding-bottom: 6.875rem;
}
.home-hero {
background-color: #000215;
height: 100vh;
position: relative;
overflow: hidden;
}
.section {
margin-top: 9.375rem;
}
.section.ssection-bg-images {
z-index: 0;
background-color: #fff;
border-radius: 0;
margin-top: 0;
padding-top: 4.5rem;
padding-bottom: 4.5rem;
position: relative;
overflow: hidden;
}
.section.section-dark {
background-color: #010019;
padding-top: 9.5rem;
padding-bottom: 9.5rem;
}
.section._6-25rem {
margin-top: 6.25rem;
}
.section.testimoonials {
background-color: #fff;
margin-top: 0;
padding-top: 4rem;
padding-bottom: 4rem;
}
.section.high-z-index {
position: relative;
}
.section.color-white {
background-color: #fff;
margin-top: 0;
padding-top: 5rem;
padding-bottom: 5rem;
}
.section.color-white.blog {
border-radius: 0;
padding-top: 6.25rem;
padding-bottom: 3.5rem;
}
.section.color-white.blog-inner {
border-radius: 0;
padding-top: 3rem;
padding-bottom: 4.5rem;
}
.section.color-white._6-25-top-bottom-margin {
z-index: 2000;
border-radius: 0;
padding-top: 6.25rem;
padding-bottom: 6.25rem;
}
.section.color-white._6-25-top-bottom-margin.nnb-sq, .section.color-white._2rem-border-radius {
border-radius: 0;
}
.section.color-white._2rem-border-radius._10rem-top-margins {
margin-top: 10rem;
}
.section.color-white.cta-band {
z-index: 0;
margin-top: 10rem;
position: relative;
}
.section._5rem-top-bottom-padding {
padding-top: 5rem;
padding-bottom: 5rem;
}
.section._5rem-top-bottom-padding.bg-white {
background-color: #fff;
border-radius: 0;
}
.section._5rem-top-bottom-padding.lg-band {
z-index: 0;
background-color: #fff;
position: relative;
overflow: hidden;
}
.section._7-5rem-top-margin {
margin-top: 7.5rem;
}
.section.testimoonials {
background-color: #0000;
margin-top: 9.375rem;
}
.section.nt-section {
background-color: #0000;
margin-top: 4.5rem;
}
.section.nnb-pb {
margin-top: 7rem;
padding-top: 0;
padding-bottom: 7rem;
}
.general-sans-16px-text {
color: #fff;
font-family: Exo, sans-serif;
font-size: 16px;
}
.container {
background-color: #0000;
max-width: 80rem;
margin-left: auto;
margin-right: auto;
}
.quick-links-wrapper {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-flow: column;
padding-top: 2.5rem;
display: flex;
}
.nav {
z-index: 1000;
grid-column-gap: 7.5rem;
grid-row-gap: 7.5rem;
flex-flow: row;
justify-content: center;
align-items: center;
display: flex;
position: fixed;
inset: 0 0% auto;
}
.nav.is-2 {
max-width: 80rem;
margin-left: auto;
margin-right: auto;
}
.nav.not-fixed {
padding-top: 1rem;
position: static;
}
.is-text-26px {
color: #010019;
font-family: Euclid Circular B, Arial, sans-serif;
font-size: 26px;
font-weight: 500;
line-height: 1.1;
}
.is-text-26px.color-white {
color: #fff;
}
.footer-email-link-wrapper {
grid-column-gap: 2.5rem;
grid-row-gap: 2.5rem;
align-items: center;
text-decoration: none;
display: flex;
}
.is-text-20px {
color: #010019;
font-family: Euclid Circular B, Arial, sans-serif;
font-size: 20px;
font-weight: 400;
line-height: 1.2;
}
.is-text-20px.color-white {
color: #fff;
text-decoration: none;
}
.is-text-20px.color-white.caps {
text-transform: uppercase;
}
.is-text-20px.color-white.caps.weight-medium {
font-weight: 500;
}
.is-text-20px.color-white.line-height-1-5.center {
color: #fff;
text-align: center;
}
.is-text-20px.line-height-1-5 {
line-height: 1.5;
}
.is-text-20px.color-grey {
color: var(--grey);
}
.is-text-20px.color-grey.center {
text-align: center;
}
.is-text-20px.color-dark {
color: #000228;
}
.is-text-20px.color-dark.opacity-70 {
color: #000228b3;
}
.is-text-20px.color-dark-blue {
color: #0700ff;
}
.is-text-20px.text-weight-medium {
font-weight: 500;
}
.div-block {
object-fit: cover;
align-items: center;
width: 100vw;
height: 100vh;
display: flex;
overflow: hidden;
}
.h1-78px {
margin-top: 0;
margin-bottom: 0;
font-family: Euclid Circular B, Arial, sans-serif;
font-size: 78px;
font-weight: 500;
line-height: 1;
}
.h1-78px.color-white {
color: #fff;
}
.h1-78px.color-white.center {
text-align: center;
}
.h1-78px.color-dark {
color: #010019;
text-transform: capitalize;
}
.why-work-with-us-conten-wrapper {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
flex-flow: column;
display: flex;
}
.privacy-policy-and-social-links {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
margin-top: 1.25rem;
display: flex;
}
.privacy-policy-and-social-links.mobile {
display: none;
}
.h1-64px {
color: #010019;
margin-top: 0;
margin-bottom: 0;
font-family: Euclid Circular B, Arial, sans-serif;
font-size: 64px;
font-weight: 500;
line-height: 1;
}
.h1-64px.color-white {
color: #fff;
text-transform: capitalize;
flex-flow: column;
}
.h1-64px.color-white.center {
text-align: center;
}
.image {
width: 100%;
}
.social-links {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
display: flex;
}
.list-item.nav-btn-wrapper {
background-image: none;
border-radius: 0;
margin-left: 14px;
padding-top: 0;
padding-bottom: 0;
padding-left: 26px;
}
.nav-menu-wrapper {
padding: 6px 6px 6px 12px;
}
.nav-menu-wrapper.is-dark {
-webkit-backdrop-filter: none;
backdrop-filter: none;
}
.logo-links {
grid-column-gap: 2.5rem;
grid-row-gap: 2.5rem;
flex-flow: column;
justify-content: flex-start;
align-self: start;
align-items: flex-start;
display: flex;
}
.home-hero-heading-wrapper {
grid-column-gap: 1.25rem;
grid-row-gap: 1.25rem;
flex-flow: column;
align-items: center;
display: flex;
}
.align-right {
justify-content: flex-end;
display: flex;
}
.nav-menu {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
justify-content: space-between;
align-items: center;
margin-bottom: 0;
padding: 0;
display: flex;
}
.is-text-67px {
letter-spacing: -3px;
font-size: 67px;
line-height: 1;
}
.is-text-67px.color-white {
color: #fff;
}
.width-60 {
width: 60%;
}
.div-block-3 {
flex-flow: column;
justify-content: center;
height: 100%;
display: flex;
}
.div-block-3.nh-old-off {
display: none;
}
.quick-links {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
flex-flow: column;
display: flex;
}
.quick-links.is-22 {
grid-column-gap: .8rem;
grid-row-gap: .8rem;
justify-content: flex-start;
height: 100%;
}
.home {
background-color: #010019;
}
.heading-56px {
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-family: Euclid Circular B, Arial, sans-serif;
font-size: 56px;
font-weight: 500;
line-height: 1;
}
.heading-56px.center {
text-align: center;
}
.heading-56px.center.text-weight-regular {
font-weight: 400;
}
.heading-56px.color-dark {
color: #000215;
}
.services-container {
position: relative;
}
.meet-content-wrapper {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-flow: column;
align-items: flex-start;
padding-top: 0;
display: flex;
}
.gradient-text {
text-transform: capitalize;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(155deg, #00e5d1 3%, #2577f9 99%);
-webkit-background-clip: text;
background-clip: text;
overflow: hidden;
}
.home-hero-playground {
z-index: 2;
height: 100vh;
position: absolute;
inset: 1.5rem 0% 2.5rem;
}
.is-text-24px {
color: #010019;
font-family: Euclid Circular B, Arial, sans-serif;
font-size: 24px;
font-weight: 400;
line-height: 1.2;
}
.is-text-24px.color-white {
color: #fff;
}
.is-text-24px.color-white.center {
text-align: center;
}
.is-text-24px.color-white.text-wight-semibold {
font-weight: 600;
}
.is-text-24px.color-black {
color: #000;
}
.is-text-24px.color-black.weight-medium {
font-weight: 500;
}
.why-work-with-us-wrapper {
grid-column-gap: 16px;
grid-row-gap: 16px;
-webkit-backdrop-filter: blur(2px);
backdrop-filter: blur(2px);
background-image: linear-gradient(#010019, #0700ff80 50%, #4641ff80);
border: 1px solid #fff3;
border-radius: 1rem;
grid-template-rows: auto;
grid-template-columns: 1fr .79fr;
grid-auto-columns: 1fr;
align-items: center;
padding: 2.5rem 1.75rem 2.5rem 2rem;
display: grid;
}
.why-work-with-us-wrapper.is-2 {
border-width: 1px;
flex-flow: column;
padding-top: 4.5rem;
padding-bottom: 6.25rem;
padding-right: 1.75rem;
display: flex;
position: relative;
}
.image-8 {
position: relative;
left: 18px;
}
.navbar-no-shadow-container {
z-index: 5;
background-color: #0000;
margin-left: auto;
margin-right: auto;
}
.footer-small-text-container {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-flow: column;
display: flex;
}
.footer-bottom-wrapper {
grid-column-gap: 6.25rem;
grid-row-gap: 6.25rem;
grid-template-rows: auto;
grid-template-columns: 1fr .4fr .6fr .5fr;
grid-auto-columns: 1fr;
display: grid;
}
.our-services-content-block {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-flow: column;
align-items: flex-start;
display: flex;
}
.footer-spacer {
border: 1px solid #d7d7da;
border-radius: 1px;
margin-top: 7.125rem;
margin-bottom: 1.5rem;
}
.navbar-wrapper {
justify-content: center;
align-items: center;
display: flex;
}
.is-text-40px {
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-family: Euclid Circular B, Arial, sans-serif;
font-size: 40px;
font-weight: 400;
line-height: 1.2;
}
.is-text-40px.color-white {
color: #fff;
}
.is-text-40px.hover-text {
-webkit-text-fill-color: transparent;
background-image: linear-gradient(100deg, #00e5d1, #2577f9);
-webkit-background-clip: text;
background-clip: text;
position: absolute;
inset: 0%;
}
.is-text-40px.text-color-dark {
color: #010019;
}
.is-text-40px.text-color-dark.weight-light {
font-weight: 300;
}
.is-text-72px {
letter-spacing: -3px;
font-size: 72px;
font-weight: 500;
line-height: 1;
}
.is-text-72px.color-white {
color: #fff;
}
.image-9 {
border-radius: 100%;
position: absolute;
inset: auto 1.75rem 1.5rem auto;
box-shadow: 0 0 57px 14px #0700ff;
}
.text-block {
color: #fff;
text-align: right;
font-family: Euclid Circular B, Arial, sans-serif;
font-size: 18px;
font-weight: 400;
position: absolute;
inset: auto 24px 45px auto;
}
.why-work-with-us-container {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-flow: column;
margin-top: 4rem;
display: flex;
}
.container-regular {
width: 100%;
max-width: 1260px;
min-height: 30px;
margin-left: auto;
margin-right: auto;
}
.home-hero-container {
max-width: 80rem;
height: 100%;
margin-left: auto;
margin-right: auto;
}
.meet-you-section-container {
grid-column-gap: 3.3rem;
grid-row-gap: 3.3rem;
grid-template-rows: auto;
grid-template-columns: .8fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
display: grid;
}
.work-with-s-container {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.branding--content {
grid-column-gap: 1.125rem;
grid-row-gap: 1.125rem;
flex-flow: column;
display: flex;
}
.branding-what-we-offer-container {
grid-column-gap: 2.8125rem;
grid-row-gap: 2.8125rem;
flex-flow: column;
display: flex;
}
.faq_body_wrap {
padding: 0 4.75rem 0;
}
.what-we-offer-branding {
grid-column-gap: 1.375rem;
grid-row-gap: 1.375rem;
flex-flow: column;
display: flex;
}
.how-we-serve-content {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
flex-flow: column;
justify-content: center;
align-items: flex-start;
height: 645px;
display: flex;
}
.how-we-serve-content.is-ast {
height: 350px;
}
.cta-button-container {
grid-column-gap: 1.125rem;
grid-row-gap: 1.125rem;
flex-flow: column;
align-items: flex-start;
display: flex;
}
.how-we-serve-wrapper {
grid-column-gap: 9.5rem;
grid-row-gap: 9.5rem;
flex-flow: column;
margin-top: 6.25rem;
display: flex;
}
.how-we-serve-wrapper.mobile {
display: none;
}
.is-text-22px {
color: #010019;
font-family: Euclid Circular B, Arial, sans-serif;
font-size: 22px;
line-height: 1.1;
}
.is-text-22px.color--white {
color: #fff;
}
.branding {
background-color: #010019;
padding-top: 1rem;
}
.sticky-playground {
position: static;
}
.hero-section {
margin-top: 10rem;
}
.hero-section._3-5rem {
margin-top: 3.5rem;
}
.faq-question {
color: #ffffffd1;
flex-grow: 1;
font-family: Euclid Circular B, Arial, sans-serif;
font-size: 20px;
font-weight: 400;
line-height: 1.4;
}
.button-2 {
box-sizing: border-box;
color: #fff;
text-transform: uppercase;
background-color: #0700ff;
border-radius: 50px;
padding: 1.375rem 2.625rem;
font-size: 16px;
box-shadow: 1px 1px 2px #2c2e810f, 4px 3px 5px #2c2e811a, 10px 8px 10px #2c2e8121, 50px 40px 56px #2c2e8117, 20px 15px 18px #2c2e8126, 32px 20px 32px #2c2e8133;
}
.faq-heading-wrapper {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
flex-flow: column;
justify-content: center;
align-items: center;
display: flex;
}
.flex-gap-12px {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
flex-flow: column;
align-items: flex-start;
display: flex;
}
.faq_answer {
color: #aab2c5;
text-align: left;
letter-spacing: 0;
margin-bottom: 0;
padding-bottom: 1.9rem;
padding-right: 0;
font-family: Euclid Circular B, Arial, sans-serif;
font-size: 17px;
font-weight: 400;
line-height: 1.7;
}
.how-we-serve-container {
grid-column-gap: 15rem;
grid-row-gap: 15rem;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
}
.how-we-serve-container.is-4 {
grid-template-columns: .74fr 1fr;
}
.is-text-32px {
color: #010019;
font-family: Euclid Circular B, Arial, sans-serif;
font-size: 32px;
font-weight: 400;
line-height: 1.2;
}
.is-text-32px.color-white {
color: #fff;
line-height: 1.1;
}
.is-text-32px.color-black {
color: #000;
}
.is-text-32px.color-black.weight-medium {
font-weight: 500;
}
.rotate-icon-wrap {
border-radius: 8px;
flex-flow: row;
justify-content: center;
align-items: center;
display: flex;
}
.rotate-icon-wrap.nnf-ico {
border: 1px solid #ffffff2e;
border-radius: 50%;
flex-shrink: 0;
width: 2.5rem;
height: 2.5rem;
position: relative;
}
.rotate-icon-wrap.nnf-ico:before {
content: "";
background-color: #fff;
width: 12px;
height: 1.5px;
margin-top: -.75px;
margin-left: -6px;
position: absolute;
top: 50%;
left: 50%;
}
.rotate-icon-wrap.nnf-ico:after {
content: "";
background-color: #fff;
width: 12px;
height: 1.5px;
margin-top: -.75px;
margin-left: -6px;
position: absolute;
top: 50%;
left: 50%;
transform: rotate(90deg);
}
.flex-gap-1-rem {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-flow: column;
align-items: flex-start;
display: flex;
}
.navbar-wrapper-2 {
grid-column-gap: 8.25rem;
grid-row-gap: 8.25rem;
justify-content: flex-start;
align-items: center;
display: flex;
}
.faq_list {
padding-top: 0;
overflow: hidden;
}
.faq_header {
grid-column-gap: 1.25rem;
grid-row-gap: 1.5em;
justify-content: space-between;
align-items: center;
column-gap: 1.25rem;
width: 100%;
height: auto;
padding: 1.65rem 1.5rem;
display: flex;
}
.nav-link-02 {
color: #010019;
letter-spacing: .25px;
border-radius: 1.25rem;
padding: 5px 1.5rem;
font-size: 18px;
text-decoration: none;
transition: background-color .3s cubic-bezier(.165, .84, .44, 1);
}
.nav-link-02:hover {
background-color: #8e8e8e4d;
}
.nav-link-02:focus-visible, .nav-link-02[data-wf-focus-visible] {
outline-offset: 0px;
color: #0050bd;
border-radius: 4px;
outline: 2px solid #0050bd;
}
.nav-link-02.w--current {
background-color: #8e8e8e4d;
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.how-we-serve-content-wrapper {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
flex-flow: column;
grid-template-rows: auto;
grid-template-columns: 1fr .25fr 1fr;
grid-auto-columns: 1fr;
align-items: flex-start;
padding-right: 0;
display: grid;
}
.faq_body {
background-color: #0000;
display: flex;
position: relative;
}
.how-we-serve-text-container {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
flex-flow: column;
align-items: center;
width: 80%;
display: flex;
position: static;
top: 5rem;
}
._3rem-top-margin {
margin-top: 3rem;
}
.nav-menu-copy {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
justify-content: space-between;
align-items: center;
margin-bottom: 0;
padding: 6px;
display: flex;
}
.faqs-container {
grid-column-gap: 0px;
grid-row-gap: 0px;
border-top: 1px solid #ffffff1a;
flex-flow: column;
gap: 0;
width: 100%;
max-width: 62rem;
margin-top: 3.5rem;
margin-left: auto;
margin-right: auto;
padding-left: 0;
padding-right: 0;
display: flex;
}
.branding-hero-image-wrapper {
justify-content: center;
margin-top: 2.25rem;
display: flex;
}
.cta-wrapper {
grid-column-gap: 2.5rem;
grid-row-gap: 2.5rem;
grid-template-rows: auto;
grid-template-columns: .7fr 1fr;
grid-auto-columns: 1fr;
align-items: start;
display: grid;
}
.branding-what-we-offer-wrapper {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
grid-template-rows: auto;
grid-template-columns: .6fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.branding-what-we-offer-wrapper.is-2 {
grid-template-columns: 1fr 1fr 1fr;
}
.branding-what-we-offer-wrapper.is-3 {
grid-template-columns: 1fr .6fr;
}
.color-blue {
color: #0700ff;
}
.faq-_item {
background-color: #0000;
border: 0 solid #d3d3d3;
border-bottom: 1px solid #ffffff1a;
border-radius: 0;
width: 100%;
transition: all .2s;
overflow: hidden;
}
.faq-_item:hover {
border-width: 1px;
}
.heading-48px {
color: #010019;
margin-top: 0;
margin-bottom: 0;
font-family: Euclid Circular B, Arial, sans-serif;
font-size: 48px;
font-weight: 500;
line-height: 1.2;
}
.heading-48px.color-white {
color: #fff;
line-height: 1.1;
}
.heading-48px.color-white.caps-word {
text-transform: capitalize;
}
.heading-48px.color-white.text-weight-normal {
font-weight: 400;
}
.heading-48px.color-white.center {
text-align: center;
}
.image-2 {
border-radius: 100%;
box-shadow: 0 2px 81px 20px #0700ff;
}
.width-65 {
width: 65%;
}
.web-ui-what-we-offer-wrapper {
grid-column-gap: 1.25rem;
grid-row-gap: 1.25rem;
grid-template-rows: auto;
grid-template-columns: 1fr .64fr;
grid-auto-columns: 1fr;
display: grid;
}
.image-10, .image-11, .image-12 {
border-radius: 100%;
box-shadow: 0 2px 81px 20px #0700ff;
}
.website-ui-ux-image-wrapper {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.width-80 {
width: 80%;
}
.challenges-case-studies {
flex-flow: column;
justify-content: center;
align-items: center;
display: flex;
}
.impact-container-prepu {
flex-flow: column;
align-items: flex-end;
width: 100%;
margin-top: 3.75rem;
display: flex;
}
.owner-testimonial {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
align-items: center;
display: flex;
}
.title-36px {
color: #010019;
font-family: Euclid Circular B, Arial, sans-serif;
font-size: 36px;
line-height: 1.2;
}
.title-36px.line-height-1-5 {
line-height: 1.5;
}
.title-36px.line-height-1-5.color-white, .title-36px.color-white {
color: #fff;
}
.title-36px.color-blue {
color: #000228;
}
.title-36px.color-blue.text-weight-medium {
font-weight: 500;
}
.mobile-application-image-container {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-flow: column;
align-items: center;
margin-top: 2.5rem;
padding-left: 4rem;
padding-right: 4rem;
display: flex;
}
.deliverables-wrapper {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-flow: row;
display: flex;
}
.case-studies-hero-heading-wrapper {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-flow: column;
align-items: center;
display: flex;
}
.line-grey {
border: 1px solid #d9d8dd;
height: 60px;
}
.admin-dashboard-image-container {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-flow: column;
align-items: center;
margin-top: 2.5rem;
padding-left: 4rem;
padding-right: 4rem;
display: flex;
}
.platforms-wrapper {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-flow: row;
display: flex;
}
.quick-stack {
grid-column-gap: 1.125rem;
grid-row-gap: 1.125rem;
padding: 0;
}
.flex-gap-8px {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
aspect-ratio: auto;
flex-flow: column;
align-items: flex-start;
display: flex;
}
.deliverables-platforms {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.impact-wrapper-prepu {
grid-column-gap: 2.5rem;
grid-row-gap: 2.5rem;
background-color: #010019;
background-image: url("https://cdn.prod.website-files.com/691cbbecb447292d2aa21df2/691d7985ed9fa0ddb5daa775_SVG.svg"), url("https://cdn.prod.website-files.com/691cbbecb447292d2aa21df2/691d7985ed9fa0ddb5daa776_SVG-1.svg");
background-position: 100%, 0 0;
background-repeat: no-repeat, no-repeat;
background-size: auto, auto;
border-radius: 2rem;
flex-flow: column;
width: 53%;
padding: 2.75rem 5rem 4.5rem 4rem;
display: flex;
}
.impact-wrapper-prepu.is-2 {
width: 55%;
}
.website-ui-ux-image-container {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-flow: column;
align-items: center;
margin-top: 6.25rem;
padding-left: 4rem;
padding-right: 4rem;
display: flex;
}
.quick-stack-2 {
grid-column-gap: 1.375rem;
grid-row-gap: .875rem;
padding: 0;
}
.image-4 {
object-fit: cover;
background-color: #f2ff41;
border-radius: 2rem;
width: 100%;
height: 100%;
}
.branding-visual-identity-image-wrapper {
flex-flow: column;
align-items: flex-end;
margin-top: 2rem;
display: flex;
}
.admin-dashboard-image-wrapper {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.case-studies-hero-content-wrapper {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: .5fr 1fr;
grid-auto-columns: 1fr;
width: 80%;
display: grid;
}
.challenges-case-studies-images {
margin-top: 3.75rem;
padding-left: 4rem;
padding-right: 4rem;
}
.challenges-case-studies-images.precesion {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-flow: column;
display: flex;
}
.case-study-hero-image {
border-radius: 2rem;
width: 100%;
}
.corporate-identity-image-wrapper {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-flow: column;
align-items: flex-end;
margin-top: 2.5rem;
display: flex;
}
.challenge-precesion-technologies {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.image-5 {
border-radius: 2rem;
}
.website-ui-ux-image-wrapper-precesion {
grid-column-gap: 1.25rem;
grid-row-gap: 1.25rem;
flex-flow: column;
align-items: flex-start;
display: flex;
}
.website-ui-ux-image-container-precesion {
grid-column-gap: 1.25rem;
grid-row-gap: 1.25rem;
flex-flow: row;
grid-template-rows: auto;
grid-template-columns: .8fr .8fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
margin-top: 6.25rem;
padding-left: 4rem;
padding-right: 4rem;
display: flex;
}
.image-13 {
margin-top: 3rem;
}
.image-14 {
border-radius: 2rem;
}
.website-ui-ux-design--skayle-360 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: .62fr 1fr;
grid-auto-columns: 1fr;
padding-left: 4rem;
padding-right: 4rem;
display: grid;
}
.website-ui-ux-design--skayle-360.is-2 {
margin-top: 2.5rem;
}
.website-ui-ux-design--skayle-360.ws-gap {
margin-top: 3.75rem;
}
.quick-stack-3 {
grid-column-gap: 1.375rem;
grid-row-gap: .875rem;
padding: 0;
}
.image-15 {
object-fit: cover;
border-radius: 2rem;
width: 100%;
height: 100%;
}
.website-ui-ux-design-wrapper--skayle-360 {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-flow: column;
align-items: flex-end;
display: flex;
}
.image-16 {
margin-top: 3rem;
}
.image-17 {
border-radius: 2rem;
}
.align-left {
justify-content: flex-start;
display: flex;
}
.align-left.width-100 {
width: 100%;
}
.image-18 {
object-fit: cover;
border-radius: 2rem;
width: 100%;
height: 100%;
}
._2-5rem-top-margin {
margin-top: 2.5rem;
}
.image-19 {
margin-top: 3rem;
}
.width-50 {
width: 50%;
}
.explore-out-work-container {
grid-column-gap: 2.75rem;
grid-row-gap: 2.75rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
margin-top: 2.5rem;
display: grid;
position: relative;
}
.explore-out-work-container.mobile {
display: none;
}
.explore-out-work-images-wrapper {
grid-column-gap: 7.5rem;
grid-row-gap: 7.5rem;
flex-flow: column;
align-items: flex-start;
display: flex;
position: relative;
}
.explore-out-work-wrapper {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
flex-flow: column;
align-items: flex-start;
display: flex;
position: relative;
overflow: visible;
}
.explore-out-work-content-wrapper {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
height: 696px;
padding-top: 2rem;
display: flex;
position: static;
top: 0;
}
.image-20 {
height: 720px;
}
.image-20.nnh-fit {
object-fit: cover;
aspect-ratio: .7056;
}
.block-wrapper {
background-image: linear-gradient(90deg, #01e3d2, #23aff7);
border-radius: 65px;
padding: 1px;
}
.work-includes-wrapper {
grid-column-gap: .625rem;
grid-row-gap: .625rem;
flex-flow: wrap;
display: flex;
}
.explore-out-work-content {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
flex-flow: column;
align-items: flex-start;
display: flex;
}
.see-case-study {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
border-bottom: 1px solid #fff;
border-radius: 1px;
padding-top: 5px;
padding-bottom: .5rem;
padding-right: .5rem;
text-decoration: none;
transition: all .4s cubic-bezier(.165, .84, .44, 1);
display: flex;
}
.see-case-study:hover {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
border-bottom-color: #00e5d1;
transform: translate(1.5rem);
}
.div-block-4 {
z-index: 1;
width: 100%;
height: 6.2rem;
position: sticky;
top: 0;
box-shadow: inset 0 90px 25px 10px #010019;
}
.div-block-5 {
grid-column-gap: 7.5rem;
grid-row-gap: 7.5rem;
flex-flow: column;
display: flex;
position: relative;
}
.div-block-6 {
grid-column-gap: 7.5rem;
grid-row-gap: 7.5rem;
flex-flow: column;
width: 512px;
display: flex;
overflow: clip;
}
.div-block-7 {
width: 100%;
position: absolute;
}
.logos-wrapper {
grid-column-gap: 10rem;
grid-row-gap: 2.5rem;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
margin-top: 4rem;
display: grid;
}
.block-text {
background-color: var(--dark);
color: #fff;
border-radius: 65px;
padding: 5px .875rem;
font-family: Euclid Circular B, Arial, sans-serif;
font-size: 16px;
font-weight: 400;
}
.testimonial-container {
position: relative;
}
.slider {
background-color: #0000;
justify-content: center;
width: 410px;
display: flex;
}
.testimonial-wrapper {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
background-image: linear-gradient(#181818, #040404);
border: 1px solid #909090;
border-radius: 1rem;
flex-flow: column;
padding: 1.75rem 2rem;
display: flex;
}
.testimonial-wrapper.nt-card {
flex: none;
justify-content: space-between;
width: 26rem;
position: relative;
overflow: hidden;
}
.client-name-wrapper {
grid-column-gap: .2rem;
grid-row-gap: .2rem;
flex-flow: column;
display: flex;
}
.text-32px {
color: #fff;
font-family: Euclid Circular B, Arial, sans-serif;
font-size: 32px;
line-height: 1.2;
}
.text-32px.text-color-black {
color: #000;
}
.text-32px.text-color-black.text-wight-light {
font-weight: 300;
}
.client-name-image {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
display: flex;
}
.is-text-14px {
color: #d8d8d8;
font-family: Euclid Circular B, Arial, sans-serif;
line-height: 1.71429;
}
.is-text-14px.color-white {
color: #fff;
font-family: Euclid Circular B, Arial, sans-serif;
text-decoration: none;
}
.is-text-14px.is-2 {
padding-right: 2rem;
}
.is-text-14px.color-dark-grey {
color: #7d7b82;
}
.is-text-14px.color-dark-grey.text-weight-medium {
font-weight: 500;
}
.is-text-14px.text-color-dark {
color: #1b1b1b;
}
.is-text-14px.text-color-dark.text-weight-medium.underline {
text-decoration: underline;
}
.is-text-14px.color-blue {
color: #27dcfc;
}
.slide {
margin-right: 2rem;
}
.image-22 {
z-index: 10;
}
.image-23 {
position: absolute;
inset: 0% 0% 0% auto;
}
.left-arrow {
background-color: #0000;
flex-flow: column;
justify-content: center;
align-items: center;
display: flex;
}
.right-arrow {
align-items: center;
display: flex;
}
.mask {
position: static;
overflow: visible;
}
.slider-left-arrow {
z-index: 99999999;
color: #444;
cursor: none;
justify-content: flex-start;
align-items: center;
width: 500px;
display: flex;
inset: 0% auto 0% 0%;
}
.slider-2 {
background-color: #0000;
width: 426px;
height: 321px;
position: static;
}
.slider-right-arrow {
z-index: 2147483647;
color: #444;
cursor: none;
justify-content: flex-end;
align-items: center;
width: 500px;
display: flex;
inset: 0% 0% 0% auto;
}
.slider-images-text {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
justify-content: center;
display: flex;
position: relative;
top: 53px;
}
.slide-2 {
margin-right: 2rem;
}
.title-40px {
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-family: Euclid Circular B, Arial, sans-serif;
font-size: 40px;
font-weight: 400;
line-height: 1.2;
}
.title-40px.caps {
text-transform: capitalize;
}
.slide-nav {
top: 496px;
}
.slider-wrapper {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
justify-content: flex-start;
align-items: center;
padding-left: 2rem;
display: flex;
position: relative;
}
.slide-content-wrapper {
cursor: pointer;
background-color: #e1e1e1;
background-image: url("https://cdn.prod.website-files.com/691cbbecb447292d2aa21df2/691dcf217556e93d681f080e_Frame%201686564111.avif");
background-position: 0 0;
background-size: auto;
border-radius: 1.5rem;
justify-content: center;
align-items: flex-end;
width: 100%;
height: 100%;
display: flex;
}
.slide-content-wrapper:hover {
transform: translate(0);
}
.slide-content-wrapper.is-7 {
background-image: url("https://cdn.prod.website-files.com/691cbbecb447292d2aa21df2/691dcf217556e93d681f081f_image%2087.avif");
}
.slide-content-wrapper.is-3 {
background-image: url("https://cdn.prod.website-files.com/691cbbecb447292d2aa21df2/691dcf217556e93d681f0810_image%2081.avif");
}
.slide-content-wrapper.is-6 {
background-image: url("https://cdn.prod.website-files.com/691cbbecb447292d2aa21df2/691dcf217556e93d681f081d_image%2084.avif");
}
.slide-content-wrapper.is-2 {
background-image: url("https://cdn.prod.website-files.com/691cbbecb447292d2aa21df2/691dcf217556e93d681f0821_Rectangle%2016.avif");
align-items: flex-end;
}
.slide-content-wrapper.is-9 {
background-image: url("https://cdn.prod.website-files.com/691cbbecb447292d2aa21df2/691dcf217556e93d681f0819_image%2083.avif");
}
.slide-content-wrapper.is-4 {
background-image: url("https://cdn.prod.website-files.com/691cbbecb447292d2aa21df2/691dcf217556e93d681f0817_image%2086.avif");
}
.slide-content-wrapper.is-5 {
background-image: url("https://cdn.prod.website-files.com/691cbbecb447292d2aa21df2/691dcf217556e93d681f081b_image%2085.avif");
}
.slider-container {
position: relative;
overflow: hidden;
}
.image24 {
position: absolute;
inset: 0% auto 0% 0%;
}
.arrow-right {
z-index: 999999999;
cursor: none;
position: absolute;
}
.arrow-left {
z-index: 99999999;
cursor: none;
position: absolute;
}
.flex-gap-1-25rem {
grid-column-gap: 1.25rem;
grid-row-gap: 1.25rem;
flex-flow: column;
align-items: flex-start;
display: flex;
}
.flex-gap-1-25rem.align-center {
align-items: center;
}
._4rem-top-margin {
margin-top: 4rem;
}
.container-large {
background-color: #0000;
max-width: 80.625rem;
margin-left: auto;
margin-right: auto;
}
.blog-home-container {
grid-column-gap: 1.25rem;
grid-row-gap: 1.25rem;
grid-template-rows: auto;
grid-template-columns: .85fr 1fr .85fr;
grid-auto-columns: 1fr;
display: grid;
}
.blog-home-wrapper {
grid-column-gap: 2.5rem;
grid-row-gap: 2.5rem;
flex-flow: column;
align-items: flex-start;
text-decoration: none;
display: flex;
}
.blog-home-wrapper.is-22 {
margin-top: 3.5rem;
}
.blog-home-wrapper.is-3 {
margin-top: 1rem;
}
.blog-home-content-wrapper {
grid-column-gap: 1.25rem;
grid-row-gap: 1.25rem;
flex-flow: column;
align-items: flex-start;
display: flex;
}
.button-white {
color: #000;
background-color: #fff;
border: 1px solid #fff;
border-radius: 100px;
padding: .625rem 2rem;
font-family: Euclid Circular B, Arial, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 1.5;
}
.image-24 {
position: absolute;
inset: auto 0% -8% 47%;
}
.div-block-8 {
background-color: #fff;
border-radius: 100px;
width: 5px;
height: 5px;
}
.privacy-and-terms {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
flex-flow: wrap;
align-items: center;
display: flex;
}
.footer-email {
color: #fff;
font-family: Euclid Circular B, Arial, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 1.5;
text-decoration: none;
}
.heading-52px {
text-transform: capitalize;
margin-top: 0;
margin-bottom: 0;
font-family: Euclid Circular B, Arial, sans-serif;
font-size: 52px;
font-weight: 400;
line-height: 1.1;
}
.heading-52px.color-white {
color: #fff;
}
.width-55 {
width: 55%;
}
.explore-our-branding-blur {
z-index: 0;
grid-column-gap: 1.375rem;
grid-row-gap: 1.375rem;
filter: blur(23px);
border-radius: 1rem;
flex-flow: column;
height: 100%;
display: block;
position: absolute;
inset: 0%;
box-shadow: 0 0 70px -6px #5d8afa;
}
.explore-our-branding-wrapper {
z-index: 1;
grid-column-gap: 1rem;
grid-row-gap: 1rem;
background-color: #070825;
border-radius: 2rem;
flex-flow: column;
align-items: flex-start;
padding: 1.875rem 1.25rem 1.875rem 1.5rem;
display: flex;
position: relative;
}
.image-25 {
margin-top: 1.5rem;
}
.how-we-serve-image-wrapper {
background-color: var(--dark);
justify-content: center;
align-items: center;
height: 675px;
display: flex;
position: sticky;
top: 5rem;
}
.how-we-serve-image-wrapper.is-last {
height: auto;
}
.how-we-serve-content-container {
position: relative;
}
.line-circle {
flex-flow: column;
align-items: center;
height: 2700px;
display: flex;
position: relative;
}
.white-line {
background-color: #fff;
border: 1px solid #fff;
border-radius: 3px;
width: 0;
height: 100%;
position: static;
}
.circle {
z-index: 2;
position: sticky;
top: 25rem;
bottom: 0;
}
.div-block-11 {
z-index: 1;
background-color: var(--dark);
width: 100%;
height: 500px;
box-shadow: 0 12px 23px 7px var(--dark);
position: absolute;
inset: auto 0% 0%;
}
.circle-playground {
height: 100%;
position: absolute;
}
.circlle-sticky {
height: 100%;
position: relative;
}
.how-we-serve-image-container {
position: relative;
}
.blur {
z-index: 5;
background-color: #0000;
width: 100%;
height: 6.2rem;
position: sticky;
top: 0;
box-shadow: inset 0 90px 25px 10px #010019;
}
.blur-playground {
width: 100%;
height: 100%;
position: absolute;
inset: auto 0% 0%;
}
.blur-sticky {
flex-flow: column;
justify-content: flex-end;
height: 100%;
display: block;
position: relative;
}
.blur-block {
background-image: linear-gradient(#0100191a, #010019 20%);
height: 550px;
position: sticky;
top: 38rem;
}
.web-ui, .digital-projects {
background-color: #010019;
padding-top: 1rem;
}
.how-we-serve-text-container-video-motion {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
flex-flow: column;
align-items: center;
width: 72%;
display: flex;
position: static;
top: 5rem;
}
.navbar-logo-center-container {
z-index: 5;
background-color: #0000;
width: 1030px;
max-width: 100%;
margin-left: auto;
margin-right: auto;
padding: 20px;
}
.navbar-logo-center-container.shadow-three {
width: 100%;
max-width: 1140px;
}
.container-2 {
width: 100%;
max-width: 940px;
margin-left: auto;
margin-right: auto;
}
.navbar-wrapper-three {
justify-content: center;
align-items: center;
display: flex;
position: relative;
}
.navbar-brand-three {
z-index: 5;
position: absolute;
}
.nav-menu-wrapper-three {
width: 100%;
}
.nav-menu-three {
justify-content: space-between;
align-items: center;
margin-bottom: 0;
display: flex;
}
.nav-menu-block {
justify-content: center;
align-items: center;
margin-bottom: 0;
display: flex;
}
.nav-link-4 {
color: #1a1b1f;
letter-spacing: .25px;
margin-left: 5px;
margin-right: 5px;
padding: 5px 10px;
font-size: 14px;
line-height: 20px;
text-decoration: none;
}
.nav-link-4:hover {
color: #1a1b1fbf;
}
.nav-link-4:focus-visible, .nav-link-4[data-wf-focus-visible] {
outline-offset: 0px;
color: #0050bd;
border-radius: 4px;
outline: 2px solid #0050bd;
}
.nav-dropdown {
margin-left: 5px;
margin-right: 5px;
}
.nav-dropdown-toggle {
letter-spacing: .25px;
padding: 5px 0;
font-size: 14px;
line-height: 20px;
}
.nav-dropdown-toggle:hover {
color: #1a1b1fbf;
}
.nav-dropdown-toggle:focus-visible, .nav-dropdown-toggle[data-wf-focus-visible] {
outline-offset: 0px;
color: #0050bd;
border-radius: 5px;
outline: 2px solid #0050bd;
}
.nav-dropdown-icon {
color: #fff;
margin-right: 18px;
padding-right: 0;
}
.nav-dropdown-list {
background-color: #fff;
border-radius: 12px;
}
.nav-dropdown-list.w--open {
padding-top: 10px;
padding-bottom: 10px;
}
.nav-dropdown-list.shadow-three.mobile-shadow-hide.w--open {
background-color: #0000;
border-radius: 0;
width: 840px;
padding-top: 31px;
padding-bottom: 0;
left: -324px;
}
.nav-dropdown-list.shadow-three.mobile-shadow-hide.mk-list {
display: none;
position: absolute;
}
.nav-dropdown-link {
padding: 8px 0;
font-family: Figtree, sans-serif;
font-size: 18px;
font-weight: 400;
}
.nav-dropdown-link:focus-visible, .nav-dropdown-link[data-wf-focus-visible] {
outline-offset: 0px;
color: #0050bd;
border-radius: 5px;
outline: 2px solid #0050bd;
}
.nav-link-accent {
color: #1a1b1f;
letter-spacing: .25px;
margin-left: 5px;
margin-right: 20px;
padding: 5px 10px;
font-size: 14px;
font-weight: 700;
line-height: 20px;
text-decoration: none;
}
.nav-link-accent:hover {
color: #1a1b1fbf;
}
.button-primary {
color: #fff;
letter-spacing: 2px;
text-transform: uppercase;
background-color: #1a1b1f;
padding: 12px 25px;
font-size: 12px;
line-height: 20px;
transition: all .2s;
}
.button-primary:hover {
color: #fff;
background-color: #32343a;
}
.button-primary:active {
background-color: #43464d;
}
.nav-link-copy {
color: #ffffffb8;
letter-spacing: .25px;
border-radius: 1.25rem;
padding: 8px 36px 8px 16px;
font-family: Euclid Circular B, Arial, sans-serif;
font-size: 15px;
font-weight: 500;
text-decoration: none;
transition: background-color .3s cubic-bezier(.165, .84, .44, 1);
}
.nav-link-copy:hover {
color: #fff;
}
.nav-link-copy:focus-visible, .nav-link-copy[data-wf-focus-visible] {
outline-offset: 0px;
color: #0050bd;
border-radius: 4px;
outline: 2px solid #0050bd;
}
.nav-link-copy.w--current {
background-color: #8e8e8e4d;
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.nav-dropdown-link-wrapper {
z-index: 1;
grid-column-gap: 0rem;
grid-row-gap: 0rem;
background-color: #0b1a21;
border: 1px solid #ffffff1f;
border-radius: 1rem;
flex-flow: column;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: flex-start;
padding: 3.5rem 2.375rem 2.5rem;
display: block;
position: relative;
}
.nav-dropdown-link-wrapper.is-2 {
z-index: 2;
background-color: #010019;
}
.case-studies-hero {
background-color: var(--dark);
padding-top: 1rem;
}
.hero-section-case-studies {
margin-top: 8.5rem;
padding-bottom: 43rem;
}
.case-study-hero-image-wrapper {
margin-top: -25rem;
position: static;
inset: auto 0% 0%;
}
.case-studies-hero-image-container {
border-radius: 2rem;
box-shadow: 0 -16px 35px #0700ff33;
}
.text-medium {
font-weight: 500;
}
.section-color-blue {
background-color: #010019;
margin-top: 5rem;
}
.section-inner-padding {
padding-top: 6.25rem;
}
.work-container {
grid-column-gap: 2.1875rem;
grid-row-gap: 2.1875rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: flex;
}
.work-wrapper {
grid-column-gap: 2.1875rem;
grid-row-gap: 2.1875rem;
background-color: #0000;
border: 1px solid #ffffff4d;
border-radius: 1rem;
flex-flow: column;
align-items: flex-start;
width: 482px;
padding: 1.625rem 1.75rem;
text-decoration: none;
transition: all .35s cubic-bezier(.165, .84, .44, 1);
display: flex;
}
.work-wrapper:hover {
box-shadow: 0 0 80px -15px #0700ff;
}
.work-wrapper.is-2 {
background-color: #0000;
margin-top: 7.5rem;
}
.case-study-image {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
justify-content: flex-start;
align-items: center;
display: flex;
position: relative;
}
.case-study-slider-wrapper {
background-color: #0000;
position: static;
}
.case-study-slider-mask {
position: static;
overflow: hidden;
}
.case-study-slide {
margin-right: 2rem;
}
.case-study-slider-left-arrow, .case-study-slider-right-arrow {
color: #444;
cursor: auto;
justify-content: center;
align-items: flex-end;
padding-bottom: 1.25rem;
display: flex;
}
.case-study-sllider-image {
border-radius: 1rem;
}
.case-study-arrow-right {
z-index: 99999;
position: absolute;
}
.case-study-arrow-left {
cursor: none;
position: absolute;
}
.work-content-wrapper {
grid-column-gap: 1.375rem;
grid-row-gap: 1.375rem;
flex-flow: column;
align-items: flex-start;
display: flex;
}
.image-26 {
transform: rotate(-17.76deg);
}
.right-padding {
padding-right: 9rem;
}
.explore-our-branding-container {
border: 1px solid #ffffff4d;
border-radius: 2rem;
position: relative;
}
.client-wrapper {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-flow: row;
display: flex;
}
.heading-wrapper {
overflow: hidden;
}
.work {
background-color: var(--dark);
}
.our-work-container {
grid-column-gap: 2.1875rem;
grid-row-gap: 0px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: start;
padding-left: 2rem;
padding-right: 2rem;
display: grid;
}
.our-work-container.is-2 {
grid-row-gap: 2.1875rem;
justify-content: center;
margin-top: 3rem;
display: flex;
}
.tab-link-tab-1 {
font-family: Tahoma, Verdana, Segoe, sans-serif;
}
.tab-link-tab-1.w--current {
padding: .5rem 1.25rem;
font-family: Gilroy;
font-size: 23px;
line-height: 1.3;
}
.tab-link-tab-2 {
border: 0px solid var(--blue-light);
color: #fff9;
white-space: nowrap;
background-color: #0000;
border-radius: 100px;
padding: 0;
font-family: Euclid Circular B, Arial, sans-serif;
font-size: 15px;
font-weight: 500;
line-height: 1.2;
}
.tab-link-tab-2.w--current {
background-color: #000228;
background-image: linear-gradient(90deg, var(--blue-light), #23aff7);
color: var(--dark);
font-family: Euclid Circular B, Arial, sans-serif;
font-weight: 400;
}
.tab-name {
text-align: center;
border-radius: 100px;
padding: .8rem 1.4rem;
}
.tabs-menu {
grid-column-gap: .3rem;
grid-row-gap: .3rem;
background-color: #ffffff08;
border: 1px solid #ffffff1f;
border-radius: 100px;
justify-content: center;
gap: .3rem;
width: fit-content;
max-width: 100%;
margin-left: auto;
margin-right: auto;
padding: .35rem;
display: flex;
}
.tabs {
margin-top: 2.75rem;
padding-left: 0;
padding-right: 0;
}
.faqs {
grid-column-gap: 0px;
grid-row-gap: 0px;
border-top: 1px solid #ffffff1a;
flex-flow: column;
gap: 0;
width: 100%;
max-width: 62rem;
margin-top: 3.5rem;
margin-left: auto;
margin-right: auto;
display: flex;
}
.background-video {
z-index: 1;
width: 100%;
height: 100vh;
}
.cursor {
z-index: 10000;
opacity: 0;
pointer-events: none;
justify-content: center;
align-items: center;
width: 100%;
height: 100vh;
transition: opacity .275s;
display: flex;
position: fixed;
inset: 0%;
}
.cursor.link-hover {
width: 100%;
height: 100%;
}
.cursor_dot {
background-color: #0700ff;
border: 2px solid #0700ff;
border-radius: 100vw;
width: 26px;
height: 26px;
}
.code-embed {
display: none;
}
.logo-link, .logo-link.w--current {
grid-column-gap: 8px;
grid-row-gap: 8px;
align-items: center;
text-decoration: none;
display: flex;
}
.case-studies-background-video {
z-index: 2;
border-radius: 2rem;
width: 100%;
height: 720px;
}
.page-load-container {
z-index: 2147483647;
background-color: #afb2b2;
background-image: linear-gradient(135deg, var(--blue-light) 29%, #2577f9);
perspective-origin: 50% 0;
transform-origin: 50% 0;
flex-flow: column;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: none;
position: fixed;
inset: 0%;
}
.text-page-load-container {
overflow: hidden;
}
.heading {
color: var(--dark);
font-family: Gilroy;
font-size: 95px;
font-weight: 600;
line-height: 1;
}
.progress-bar-container {
background-color: var(--blue-light);
border-radius: 60px;
width: 40vw;
height: .5em;
position: relative;
overflow: hidden;
}
.progress-bar {
background-color: var(--dark);
perspective-origin: 0%;
transform-origin: 0%;
border-radius: 60px;
position: absolute;
inset: 0%;
}
.weight-semibold {
font-weight: 600;
}
.text-reveal-hover {
position: relative;
}
.hover-text {
-webkit-text-fill-color: transparent;
background-image: linear-gradient(135deg, #00e5d1, #2577f9);
-webkit-background-clip: text;
background-clip: text;
font-family: Euclid Circular B, Arial, sans-serif;
font-size: 40px;
line-height: 1.2;
position: absolute;
inset: 0%;
}
.width-64 {
width: 64%;
}
.button-arrow-small {
transform: rotate(-42deg);
}
.width-90 {
width: 90%;
}
.footer-logo {
transform: rotate(-17.76deg);
}
.width-45 {
width: 45%;
}
.our-work-content-wrapper {
margin-top: 4.625rem;
}
.our-work-heading-wrapper {
grid-column-gap: 5rem;
grid-row-gap: 5rem;
flex-flow: column;
grid-template-rows: auto;
grid-template-columns: 1fr .71fr;
grid-auto-columns: 1fr;
justify-items: end;
padding-right: 5px;
display: grid;
}
.work-hero-heading {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
flex-flow: column;
align-items: center;
margin-top: 1.75rem;
display: flex;
}
.request-a-quote-button {
color: #fff;
background-image: linear-gradient(135deg, #00e5d1, #2577f9);
border: 1px solid #fff;
border-radius: 100px;
margin-top: 2.25rem;
padding: .75rem 1.5rem;
font-family: Euclid Circular B, Arial, sans-serif;
font-size: 16px;
line-height: 1.5;
}
.testimonials-heading-wrapper {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
flex-flow: column;
align-items: center;
display: flex;
}
.is-text-28-px {
color: #fff;
font-family: Euclid Circular B, Arial, sans-serif;
font-size: 28px;
line-height: 1.5;
}
.work-link-wrapper {
text-decoration: none;
position: sticky;
top: 5rem;
}
.body {
background-color: var(--dark);
}
.our-work-heading-content-wrapper {
grid-column-gap: 1.375rem;
grid-row-gap: 1.375rem;
flex-flow: column;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: flex-start;
display: flex;
}
.work-hero-heading-wrapper {
flex-flow: column;
justify-content: space-between;
display: flex;
}
.marketing-collateral-container {
flex-flow: column;
justify-content: center;
align-items: center;
display: flex;
}
.marketing-collateral-wrapper {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-flow: column;
margin-top: 6rem;
padding-left: 4rem;
padding-right: 4rem;
display: flex;
}
.marketing-collateral-images-wrapper {
grid-column-gap: 1.25rem;
grid-row-gap: 1.25rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.marketing-collateral-videos-wrapper {
grid-column-gap: 1.25rem;
grid-row-gap: 1.25rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.prepu-bg-video {
border-radius: 1.5rem;
height: 735px;
}
.contact-hero-wrapper {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
flex-flow: column;
padding-bottom: 2.5rem;
display: flex;
}
.contact-form-wrapper {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
grid-template-rows: auto;
grid-template-columns: 1fr .28fr;
grid-auto-columns: 1fr;
align-items: start;
padding-left: 0;
padding-right: 0;
display: grid;
}
.form {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-flow: column;
align-items: flex-start;
display: flex;
}
.text-field {
color: #7d7b82;
background-color: #f4f4f4;
border: 0 solid #000;
border-radius: 6px;
height: 53px;
margin-bottom: 0;
padding-left: 1rem;
font-family: Euclid Circular B, Arial, sans-serif;
font-size: 18px;
}
.form-fields-wrapper {
grid-column-gap: .875rem;
grid-row-gap: .875rem;
align-items: center;
width: 100%;
display: flex;
}
.select-field {
color: #7d7b82;
background-color: #f4f4f4;
border: 0 solid #000;
border-radius: 6px;
height: 53px;
margin-bottom: 0;
font-family: Euclid Circular B, Arial, sans-serif;
font-size: 18px;
}
.textarea {
color: #7d7b82;
background-color: #f4f4f4;
border: 0 solid #000;
border-radius: 6px;
max-width: 990.625px;
margin-bottom: 0;
padding-top: .75rem;
padding-bottom: 12.875rem;
padding-left: 1rem;
font-family: Euclid Circular B, Arial, sans-serif;
font-size: 18px;
line-height: 28px;
}
.submit-button {
color: #fff;
background-color: #0700ff;
border-radius: 6px;
padding: 1rem 2.625rem;
font-family: Euclid Circular B, Arial, sans-serif;
font-size: 20px;
font-weight: 500;
transition: background-color .35s cubic-bezier(.165, .84, .44, 1);
}
.submit-button:hover {
background-color: var(--dark);
}
.featured-services {
grid-column-gap: 4.3rem;
grid-row-gap: 4.3rem;
border: 2px solid #f4f4f4;
border-radius: 6px;
flex-flow: column;
align-items: flex-start;
padding: 1.5rem 2rem 1rem;
display: flex;
}
.featured-services-wrapper {
grid-column-gap: 1.25rem;
grid-row-gap: 1.25rem;
flex-flow: column;
align-items: flex-start;
display: flex;
}
.is-text-15px {
color: #7d7b82;
font-family: Euclid Circular B, Arial, sans-serif;
font-size: 15px;
text-decoration: none;
}
.button-text {
color: #0700ff;
font-family: Euclid Circular B, Arial, sans-serif;
font-size: 15px;
line-height: 1.46667;
}
.dark-nav-wrapper {
z-index: 100;
grid-column-gap: 7.5rem;
grid-row-gap: 7.5rem;
justify-content: center;
align-items: center;
display: flex;
position: relative;
}
.light-nav-wrapper {
grid-column-gap: 4.5rem;
grid-row-gap: 4.5rem;
background-color: #091016;
border: 1px solid #b3bcb580;
border-radius: 3rem;
justify-content: center;
align-items: center;
padding: .25rem .75rem .25rem 1.25rem;
display: flex;
}
.width-87 {
width: 87%;
}
.nav-dropdown-text {
font-family: Euclid Circular B, Arial, sans-serif;
font-size: 18px;
font-weight: 500;
}
.dropdown-wrapper {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
color: #fff;
align-items: flex-start;
text-decoration: none;
display: flex;
}
.dropdown-wrapper.w--current {
background-color: #1a252c;
border: 1px solid #ffffff4d;
border-radius: 16px;
align-items: flex-start;
padding: 1.125rem 1.5rem 1.125rem .75rem;
}
.dropdown-wrapper.w--current:hover {
-webkit-text-fill-color: inherit;
background-image: none;
background-clip: border-box;
}
.image-27 {
width: 16px;
height: 12px;
}
.blog-page-hero {
grid-column-gap: 9.5rem;
grid-row-gap: 9.5rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
padding-bottom: 5rem;
display: grid;
}
.blog-hero-heading-wrapper {
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
height: 100%;
padding-top: 3.5rem;
display: flex;
}
.blog-hero-heading {
grid-column-gap: 1.375rem;
grid-row-gap: 1.375rem;
flex-flow: column;
align-items: flex-start;
display: flex;
}
.blog-wrapper {
grid-column-gap: 5rem;
grid-row-gap: 5rem;
flex-flow: column;
display: flex;
}
.featiured-blog-post-wrapper {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
text-decoration: none;
display: grid;
}
.featured-blog-content-wrapper {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-flow: column;
justify-content: space-between;
display: flex;
}
.date-mins-wrapper {
grid-column-gap: 10px;
grid-row-gap: 10px;
align-items: center;
display: flex;
}
.grey-circle {
background-color: #7d7b82;
border-radius: 100px;
width: 6px;
height: 6px;
}
.blog-name-wrapper {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
flex-flow: column;
align-items: flex-start;
display: flex;
}
.category-wrapper {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
display: flex;
}
.category {
border: 1px solid #e4e4e9;
border-radius: .5rem;
padding: .5rem .75rem;
}
.category.is-border-white {
border-color: #fff;
}
.collection-item {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
padding-left: 0;
padding-right: 0;
display: flex;
}
.blog-post-wrapper {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
flex-flow: column;
align-items: flex-start;
text-decoration: none;
display: flex;
}
.blog-post-wrapper.related-blog {
padding-right: 1.5rem;
}
.featured-blog-name-wrapper {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
flex-flow: column;
align-items: flex-start;
display: flex;
}
.blog-content-wrapper {
flex-flow: column;
display: flex;
}
.featured-03-item {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
padding-left: 0;
padding-right: 12px;
display: flex;
}
.featured-02-content-wrapper {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
flex-flow: column;
align-items: flex-start;
padding-right: 15rem;
display: flex;
}
.featured-02-item {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
padding-left: 0;
padding-right: 0;
display: flex;
}
.blog-inner-heading-wrapper {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-flow: column;
align-items: flex-start;
padding-bottom: 2.5rem;
padding-left: 10rem;
padding-right: 10rem;
display: flex;
}
.flex-space-between {
justify-content: space-between;
align-items: flex-end;
width: 100%;
display: flex;
}
.white-circle {
background-color: #fff;
border-radius: 100px;
width: 8px;
height: 8px;
}
.blog-inner-wrapper {
grid-column-gap: 4.5rem;
grid-row-gap: 4.5rem;
grid-template-rows: auto;
grid-template-columns: .25fr 1fr;
grid-auto-columns: 1fr;
padding-right: 9.375rem;
display: grid;
}
.content-wrapper {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
flex-flow: column;
align-items: flex-start;
display: flex;
}
.content-container {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
flex-flow: column;
align-items: flex-start;
width: 262px;
display: flex;
position: sticky;
top: 2rem;
}
.content-wrap {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
align-items: flex-start;
text-decoration: none;
display: flex;
}
.cta-arrow {
padding-top: 6px;
}
.blog-inner-content-wrapper {
grid-column-gap: 5rem;
grid-row-gap: 5rem;
flex-flow: column;
display: flex;
}
.written-by {
border: 1px solid #e4e4e9;
border-radius: 1.5rem;
justify-content: space-between;
padding: 2rem;
display: flex;
}
.writter-wrapper {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
align-items: flex-start;
width: 29%;
display: flex;
}
.rich-text {
font-family: Euclid Circular B, Arial, sans-serif;
font-size: 20px;
line-height: 1.4;
}
.blog-post {
grid-column-gap: 3.5625rem;
grid-row-gap: 3.5625rem;
flex-flow: column;
align-items: flex-start;
display: flex;
}
.content-sticky {
position: relative;
}
.heading-01, .heading-02, .heading-03, .heading-04, .heading-05, .heading-06, .heading-07, .heading-08, .heading-09 {
font-family: Euclid Circular B, Arial, sans-serif;
font-size: 20px;
line-height: 1.4;
}
.content-text {
color: #010019b3;
font-family: Euclid Circular B, Arial, sans-serif;
font-size: 16px;
line-height: 1.5;
}
.continue-reading {
margin-top: 8.125rem;
}
.related-collection-item {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
padding-left: 0;
padding-right: 0;
display: flex;
}
.explore-more-button {
color: var(--dark);
background-color: #0000;
border: 1px solid #000228;
border-radius: 8px;
margin-top: 3rem;
padding-bottom: 13px;
padding-left: 21px;
padding-right: 21px;
font-family: Euclid Circular B, Arial, sans-serif;
font-size: 16px;
font-weight: 500;
line-height: 24px;
}
.image-29 {
width: 413px;
}
.about-hero-wrapper {
grid-column-gap: 11rem;
grid-row-gap: 11rem;
grid-template-rows: auto;
grid-template-columns: .75fr 1fr;
grid-auto-columns: 1fr;
padding-bottom: 4.125rem;
display: grid;
}
.about-hero-content {
grid-column-gap: 2.875rem;
grid-row-gap: 2.875rem;
flex-flow: column;
display: flex;
}
.about-section-container {
grid-column-gap: 4rem;
grid-row-gap: 4rem;
flex-flow: column;
display: flex;
}
.about-section-wrapper {
grid-column-gap: 4rem;
grid-row-gap: 4rem;
grid-template-rows: auto;
grid-template-columns: .75fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.founder-image-wrapper {
width: 428px;
position: relative;
}
.about-north-needle {
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
display: flex;
}
.founder-name-wrapper {
justify-content: space-between;
align-items: center;
display: flex;
position: absolute;
inset: auto 1.5rem 1.5rem;
}
.founder-image-container {
text-decoration: none;
}
.founder-image-container.position-absolute {
position: absolute;
inset: 0%;
}
.founder-link-container {
position: relative;
}
.our-philosophy {
grid-column-gap: 4rem;
grid-row-gap: 4rem;
flex-flow: column;
margin-top: 6.25rem;
display: flex;
}
.our-philosophy-section-wrapper {
grid-column-gap: 2.25rem;
grid-row-gap: 2.25rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.our-philosophy-container {
grid-column-gap: 3.625rem;
grid-row-gap: 3.625rem;
flex-flow: column;
display: flex;
}
.north-needle-values {
grid-column-gap: 3.5rem;
grid-row-gap: 3.5rem;
flex-flow: column;
display: flex;
}
.north-needle-values-container {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.north-needle-values-wrapper {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
-webkit-backdrop-filter: blur(2px);
backdrop-filter: blur(2px);
border: 1px solid #fff3;
border-radius: 1rem;
flex-flow: column;
padding: 2rem 1.5rem 1.5rem;
display: flex;
}
.block-space-between {
justify-content: space-between;
align-items: center;
display: flex;
}
.flex-gap-2-rem {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-flow: column;
align-items: flex-start;
display: flex;
}
.flex-gap-2-rem.is-center {
align-items: center;
}
.team-wrapper {
grid-column-gap: 2.75rem;
grid-row-gap: 2.75rem;
flex-flow: column;
display: flex;
}
.our-team-container {
grid-column-gap: 16px;
grid-row-gap: 16px;
background-color: #2222228f;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.our-team-wrapper {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
-webkit-backdrop-filter: blur(2px);
backdrop-filter: blur(2px);
background-color: #2222228f;
border-radius: 1rem;
flex-flow: column;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: flex-start;
padding: 1rem 1rem 2rem;
display: flex;
}
.our-team-content-wrapper {
grid-column-gap: 1.25rem;
grid-row-gap: 1.25rem;
flex-flow: column;
align-items: flex-start;
padding-left: 1rem;
padding-right: 2rem;
display: flex;
}
._25-rem-top-margin {
margin-top: .25rem;
}
.ishaq-javed-hero {
background-color: #fff;
padding-top: 4rem;
}
.nav-margins {
height: 100px;
padding-top: 1rem;
padding-bottom: 2rem;
}
.ishaq-javed-hero-wrapper {
grid-column-gap: 6rem;
grid-row-gap: 6rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.image-wrapper {
z-index: 0;
grid-column-gap: .875rem;
grid-row-gap: .875rem;
flex-flow: column;
align-items: flex-start;
display: flex;
position: sticky;
top: 1rem;
}
.email-linkedin-wrapper {
grid-column-gap: .625rem;
grid-row-gap: .625rem;
border: 1px dashed #c9c9c9;
border-radius: 1.25rem;
padding: .5rem 1rem;
display: flex;
}
.ishaq-javed-content-wrapper {
grid-column-gap: 2.125rem;
grid-row-gap: 2.125rem;
flex-flow: column;
display: flex;
}
.blog-about-page {
background-color: #fff;
padding-top: 5rem;
padding-bottom: 5rem;
}
.about-blog-heading-wrapper {
justify-content: space-between;
align-items: center;
display: flex;
}
.about-blog-container {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
margin-top: 2.75rem;
display: grid;
}
.about-blog-wrapper {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
flex-flow: column;
align-items: flex-start;
text-decoration: none;
display: flex;
}
.about-blog-content-wrapper {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
flex-flow: column;
display: flex;
}
._1-25rem-top-margin {
margin-top: 1.25rem;
}
._1rem-top-margin {
margin-top: 1rem;
}
.sticky-image-wrapper {
z-index: 0;
position: relative;
}
.privacy-hero-wrapper {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
flex-flow: column;
align-items: center;
display: flex;
}
.date-updated {
border: 1px solid #fff;
border-radius: 8px;
padding: .5rem .75rem;
}
.privacy-policy-hero {
margin-top: 10rem;
padding-bottom: 3rem;
}
.privacy-policy {
background-color: #fff;
border-radius: 0;
padding-top: 4.625rem;
padding-bottom: 7rem;
}
.privacy-policy-wrapper {
grid-column-gap: 3.5rem;
grid-row-gap: 3.5rem;
flex-flow: column;
padding-left: 10rem;
padding-right: 10rem;
display: flex;
}
.privacy-policy-content-wrapper {
grid-column-gap: 2.25rem;
grid-row-gap: 2.25rem;
flex-flow: column;
align-items: flex-start;
display: flex;
}
.text-weight-medium {
font-weight: 500;
}
.url-copied {
width: 184%;
color: var(--blue-dark);
white-space: nowrap;
background-color: #fffcbc;
margin-bottom: 0;
padding: .25rem .5rem;
font-family: Euclid Circular B, Arial, sans-serif;
font-size: 13px;
font-weight: 500;
text-decoration: none;
position: absolute;
inset: auto 0% -45% 50%;
transform: translate(-50%);
}
.link-block {
text-decoration: none;
position: relative;
}
.nav-mobile {
display: none;
}
.navbar-logo-left-container {
z-index: 5;
background-color: #0000;
width: 1030px;
max-width: 100%;
margin-left: auto;
margin-right: auto;
padding: 15px 20px;
}
.navbar-logo-left-container.shadow-three {
width: 100%;
max-width: 1140px;
margin-bottom: 0;
padding-top: 20px;
padding-bottom: 20px;
}
.container-3 {
width: 100%;
max-width: 940px;
margin-left: auto;
margin-right: auto;
}
.navbar-wrapper-3 {
justify-content: space-between;
align-items: center;
display: flex;
}
.nav-menu-two {
justify-content: space-between;
align-items: center;
margin-bottom: 0;
display: flex;
}
.nav-link-mobile {
color: #1a1b1f;
letter-spacing: .25px;
margin-left: 5px;
margin-right: 5px;
padding: 5px 10px;
font-size: 14px;
line-height: 20px;
text-decoration: none;
}
.nav-link-mobile:hover {
color: #1a1b1fbf;
}
.nav-link-mobile:focus-visible, .nav-link-mobile[data-wf-focus-visible] {
outline-offset: 0px;
color: #0050bd;
border-radius: 4px;
outline: 2px solid #0050bd;
}
.nav-dropdown-2 {
margin-left: 5px;
margin-right: 5px;
}
.nav-dropdown-toggle-2 {
letter-spacing: .25px;
padding: 5px 30px 5px 10px;
font-size: 14px;
line-height: 20px;
}
.nav-dropdown-toggle-2:hover {
color: #1a1b1fbf;
}
.nav-dropdown-toggle-2:focus-visible, .nav-dropdown-toggle-2[data-wf-focus-visible] {
outline-offset: 0px;
color: #0050bd;
border-radius: 5px;
outline: 2px solid #0050bd;
}
.nav-dropdown-icon-2 {
margin-right: 10px;
}
.nav-dropdown-list-2 {
background-color: #fff;
border-radius: 12px;
}
.nav-dropdown-list-2.w--open {
padding-top: 10px;
padding-bottom: 10px;
}
.nav-dropdown-link-2 {
padding-top: 5px;
padding-bottom: 5px;
font-size: 14px;
}
.nav-dropdown-link-2:focus-visible, .nav-dropdown-link-2[data-wf-focus-visible] {
outline-offset: 0px;
color: #0050bd;
border-radius: 5px;
outline: 2px solid #0050bd;
}
.nav-divider {
background-color: #e4ebf3;
width: 1px;
height: 22px;
margin-left: 15px;
margin-right: 15px;
}
.nav-link-accent-2 {
color: #1a1b1f;
letter-spacing: .25px;
margin-left: 5px;
margin-right: 20px;
padding: 5px 10px;
font-size: 14px;
font-weight: 700;
line-height: 20px;
text-decoration: none;
}
.nav-link-accent-2:hover {
color: #1a1b1fbf;
}
.button-primary-2 {
color: #fff;
letter-spacing: 2px;
text-transform: uppercase;
background-color: #1a1b1f;
padding: 12px 25px;
font-size: 12px;
line-height: 20px;
transition: all .2s;
}
.button-primary-2:hover {
color: #fff;
background-color: #32343a;
}
.button-primary-2:active {
background-color: #43464d;
}
.heading-10 {
font-family: Euclid Circular B, Arial, sans-serif;
font-size: 20px;
line-height: 1.4;
}
.image-32 {
width: 392px;
}
.list-within-list {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
flex-flow: column;
padding-left: 20px;
display: flex;
}
.dit {
background-color: #000;
border-radius: 100px;
width: 8px;
height: 8px;
}
.upper-list {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
align-items: center;
display: flex;
}
.lower-list {
grid-column-gap: .6rem;
grid-row-gap: .6rem;
align-items: center;
display: flex;
}
.upper-list-2 {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
flex-flow: column;
align-items: flex-start;
display: flex;
}
.hero-top-block {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
justify-content: center;
display: flex;
}
.heading-size-94px {
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-family: Montserrat, sans-serif;
font-size: 94px;
font-weight: 700;
line-height: 1;
}
.heading-size-94px.font-2 {
font-family: Euclid Circular B, Arial, sans-serif;
}
.trust-wrapper, .client-trust-images {
align-items: center;
display: flex;
}
.image-33 {
transition: all .35s cubic-bezier(.165, .84, .44, 1);
position: relative;
left: -12px;
}
.image-33:hover {
z-index: 1;
transform: scale(1.05);
}
.image-34 {
position: relative;
left: -22px;
}
.hero-bottom-block {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: center;
display: flex;
}
.small-width {
width: 28%;
}
.div-block-13 {
justify-content: flex-end;
width: 36%;
display: flex;
}
.hero-btns-block {
grid-column-gap: 1.25rem;
grid-row-gap: 1.25rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: center;
display: flex;
}
.gradient-btn {
color: #faffff;
background-image: linear-gradient(150deg, #00e5d1, #2577f9);
border-radius: 12px;
padding: 1rem 1.25rem;
font-family: Euclid Circular B, Arial, sans-serif;
font-weight: 400;
line-height: 1;
box-shadow: 0 3.42px 13px #9557fd40;
}
.button {
color: #fff;
background-color: #0a1f23;
border: 1px solid #b3bcb580;
border-radius: 12px;
padding: 1rem 1.5rem;
font-family: Euclid Circular B, Arial, sans-serif;
line-height: 1;
}
.image-35 {
filter: blur(200px);
width: 99.6vw;
position: absolute;
inset: auto 0% -58%;
}
.container-small {
max-width: 66.5625rem;
margin-left: auto;
margin-right: auto;
}
.testimonials-content {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: .75fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.client-testimonials {
background-image: url("https://cdn.prod.website-files.com/691cbbecb447292d2aa21df2/6995e45232a0d334606ffa11_Stylized%20quotation%20marks.svg");
background-position: 0 0;
background-repeat: no-repeat;
background-size: auto;
flex-flow: column;
justify-content: space-between;
padding-top: 7.125rem;
padding-bottom: 3rem;
padding-left: 3rem;
display: flex;
}
.founder {
align-items: center;
display: flex;
}
.heading-60px {
margin-top: 0;
margin-bottom: 0;
font-size: 60px;
line-height: 1.2;
}
.heading-60px.text-color-white {
color: var(--white);
}
.heading-60px.text-color-white.text-align-center {
text-align: center;
}
.work-process-heading-wrapper {
grid-column-gap: 4rem;
grid-row-gap: 4rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.work-process-heading-container {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
flex-flow: column;
align-items: flex-start;
display: flex;
}
.section-name {
background-image: linear-gradient(135deg, #00e5d1, #2577f9);
border-radius: 120px;
justify-content: center;
align-items: center;
width: 165px;
height: 45px;
padding: 0;
display: flex;
}
.section-name-wrapper {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
background-color: #080808;
border-radius: 120px;
justify-content: center;
align-items: center;
width: 165px;
height: 43px;
margin: 2px 1px;
display: flex;
}
.gradient-dot {
background-image: linear-gradient(#00e5d1, #2577f9);
border-radius: 100px;
width: 10px;
height: 10px;
}
.worl-process-wrapper {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.work-process-block {
grid-column-gap: 2.6875rem;
grid-row-gap: 2.6875rem;
background-image: linear-gradient(#070825 69%, #0700ff80 93%, #4641ff80);
border: 1px solid #6a7282;
border-radius: 20px;
flex-flow: column;
align-items: flex-start;
padding: 2rem 2rem 4rem;
display: flex;
}
.image-36 {
border-radius: 1000px;
box-shadow: 0 0 26px 6.5px #0700ff;
}
.work-process-steps {
flex-flow: column;
justify-content: flex-start;
display: flex;
position: relative;
}
.div-block-14 {
background-color: #6a7282;
height: 1px;
}
.work-process-steps-wrapper {
flex-flow: row;
justify-content: space-between;
width: 100%;
padding-left: 6.25rem;
padding-right: 6.25rem;
display: flex;
position: absolute;
bottom: -43.3906px;
}
.work-process-step-number {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
flex-flow: column;
align-items: center;
display: flex;
}
.white-step-circle {
background-color: #faffff;
border-radius: 120px;
width: 1rem;
height: 1rem;
}
.faqs-heading-container {
z-index: 1;
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
flex-flow: column;
align-items: center;
display: flex;
position: relative;
}
.h-faqs {
z-index: 1;
grid-column-gap: .75rem;
grid-row-gap: .75rem;
background-color: #070825;
border-radius: 2rem;
flex-flow: column;
width: 670px;
padding: 1.5rem 2rem;
display: flex;
position: relative;
}
.h-faq_answer {
color: #f0f0f0;
text-align: left;
letter-spacing: 0;
margin-bottom: 0;
padding-right: 0;
font-family: Euclid Circular B, Arial, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 1.5;
}
.h-faq-question {
color: #fff;
white-space: normal;
font-family: Euclid Circular B, Arial, sans-serif;
font-size: 26px;
font-weight: 500;
line-height: 1.2;
}
.h-faq-_item {
background-color: #0000;
border-bottom: 1px solid #6a728280;
width: 100%;
transition: all .2s;
overflow: hidden;
}
.h-faq-_item:hover {
border-width: 1px;
}
.h-faq-_item.is-last {
border-bottom-width: 0;
}
.h-faq_list {
padding-top: 0;
overflow: hidden;
}
.h-faq_header {
grid-column-gap: 1.5em;
grid-row-gap: 1.5em;
justify-content: space-between;
align-items: center;
width: 100%;
height: 90px;
padding: 0 0;
display: flex;
}
.h-faq_body {
background-color: #0000;
display: flex;
position: relative;
}
.h-faq_body_wrap {
padding: 0 0 1.25em;
}
.h-faqs-wrapper {
flex-flow: column;
align-items: center;
display: flex;
position: relative;
}
.h-faqs-bg-gradient {
filter: blur(150px);
background-image: linear-gradient(90deg, #00f8424d 17%, #2577f9);
border-radius: 10000px;
width: 700px;
height: 700px;
position: absolute;
inset: 9% 0% 0% 10%;
}
.opacity-50 {
color: #00021580;
}
.cta-points-wrapper {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
flex-flow: column;
align-items: flex-start;
margin-top: 1.5rem;
display: flex;
}
.cta-point {
grid-column-gap: 10px;
grid-row-gap: 10px;
align-items: center;
display: flex;
}
.schedule-wrapper {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
flex-flow: column;
align-items: flex-start;
margin-top: 6rem;
display: flex;
}
.title-18px {
color: #1b1b1b;
font-family: Euclid Circular B, Arial, sans-serif;
font-size: 18px;
font-weight: 600;
}
.title-18px.text-weight-medium {
font-weight: 500;
}
.title-18px.text-weight-medium.text-color-grey {
color: #7e7e81;
}
.ceo-north-needle {
grid-column-gap: 1.25rem;
grid-row-gap: 1.25rem;
align-items: center;
display: flex;
}
.ceo-name-wrapper {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
flex-flow: column;
display: flex;
}
.title-24px {
color: #1b1b1b;
font-family: Euclid Circular B, Arial, sans-serif;
font-size: 24px;
font-weight: 500;
line-height: 1.5;
}
._2rem-left-margin {
margin-left: 2rem;
}
.form-block {
background-color: #f4f4f4;
border: 1px solid #f0f0f0;
margin-bottom: 0;
padding: 2.5rem 2rem;
}
.cta-text-field {
color: var(--dark);
border: 0 solid #000;
border-radius: 2px;
margin-bottom: 0;
font-family: Euclid Circular B, Arial, sans-serif;
font-size: 16px;
}
.form-top-wrapper {
grid-column-gap: 1.125rem;
grid-row-gap: 1.125rem;
flex-flow: column;
display: flex;
}
.textarea-2 {
color: var(--dark);
border: 0 solid #000;
padding: 1.5rem 1.5rem 3rem;
font-family: Euclid Circular B, Arial, sans-serif;
font-size: 16px;
}
.submit-button-2 {
color: #fff;
background-color: #0000;
background-image: linear-gradient(135deg, #00e5d1, #2577f9);
border-radius: 100px;
padding: .875rem 1.75rem;
font-family: Euclid Circular B, Arial, sans-serif;
font-size: 16px;
font-weight: 500;
}
.submit-button-wrapper {
justify-content: space-between;
display: flex;
}
.prefer-email {
flex-flow: column;
align-items: flex-end;
display: flex;
}
.email-link {
color: #1b1b1b;
}
.form-2 {
grid-column-gap: 2.5rem;
grid-row-gap: 2.5rem;
flex-flow: column;
display: flex;
}
.radio-button {
margin-top: 5px;
}
.radio-btns-wrapper {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-flow: wrap;
display: flex;
}
.radio-button-field {
margin-bottom: 0;
}
.utility-page-wrap {
justify-content: center;
align-items: center;
width: 100vw;
max-width: 100%;
height: 100vh;
max-height: 100%;
display: flex;
}
.utility-page-content {
text-align: center;
flex-direction: column;
width: 260px;
display: flex;
}
.utility-page-form {
flex-direction: column;
align-items: stretch;
display: flex;
}
.image-38 {
position: absolute;
inset: 0% 0% 0% auto;
}
.arrow-left-2 {
z-index: 99999999;
cursor: none;
position: absolute;
}
.client-name-image-2 {
justify-content: space-between;
align-items: center;
display: flex;
}
.slider-right-arrow-2 {
color: #444;
cursor: none;
justify-content: flex-end;
align-items: center;
width: 500px;
display: flex;
}
.slide-3 {
margin-right: 2rem;
}
.slider-3 {
background-color: #0000;
width: 426px;
height: 321px;
position: static;
}
.mask-2 {
position: static;
overflow: visible;
}
.slider-left-arrow-2 {
color: #444;
cursor: none;
justify-content: flex-start;
align-items: center;
width: 500px;
display: flex;
}
.arrow-right-2 {
z-index: 99999999;
position: absolute;
}
.arrow-left-copy, .arrow-right-copy {
z-index: 99999999;
cursor: auto;
position: static;
}
.services-dropdown-left-wrapper {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-flow: column;
align-items: flex-start;
display: flex;
}
.blue-dot {
background-color: #3b4449;
border-radius: 20px;
width: 6px;
min-width: 6px;
max-width: 6px;
height: 6px;
min-height: 6px;
max-height: 6px;
position: relative;
top: 8px;
}
.service-name-wrapper {
grid-column-gap: .375rem;
grid-row-gap: .375rem;
flex-flow: column;
display: flex;
}
.services-dropdown-right-wrapper {
grid-column-gap: 1.375rem;
grid-row-gap: 1.375rem;
border-left: 1px solid #5e666b;
flex-flow: column;
align-items: flex-start;
height: 100%;
margin-left: 1.5rem;
padding-left: 1.5rem;
display: flex;
}
.services-dropdown-right-wrapper.service-1, .services-dropdown-right-wrapper.service-2, .services-dropdown-right-wrapper.service-3, .services-dropdown-right-wrapper.service-4 {
text-decoration: none;
display: flex;
}
.is-text-12px {
color: #27dcfc;
text-transform: uppercase;
font-family: Euclid Circular B, Arial, sans-serif;
font-size: 12px;
font-weight: 500;
}
.is-text-12px.text-color-dark {
color: var(--dark);
}
.featured-service-wrapper {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
align-items: center;
width: 100%;
padding-top: 0;
display: flex;
}
.div-block-15 {
background-color: #27dcfc;
width: 63%;
height: 1px;
margin-top: 5px;
}
.services-dropdown-content {
grid-column-gap: .625rem;
grid-row-gap: .625rem;
flex-flow: column;
align-items: flex-start;
display: flex;
}
.explore-services {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
align-items: center;
text-decoration: none;
display: flex;
}
.check {
filter: blur(5px);
background-color: #0b1a21cc;
position: absolute;
inset: 0%;
}
.nav-dropdown-link-wrapper--2 {
z-index: 1;
grid-column-gap: 0rem;
grid-row-gap: 0rem;
-webkit-backdrop-filter: blur(100px);
backdrop-filter: blur(100px);
border: 1px solid #fff3;
border-radius: 1rem;
flex-flow: column;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: flex-start;
padding: 3.5rem 2.375rem 2.5rem;
display: block;
position: relative;
}
.nav-dropdown-link-wrapper--2.is-2 {
z-index: 2;
background-color: #010019;
}
.tabs-2 {
display: flex;
}
.tabs-menu-2 {
flex-flow: column;
display: flex;
}
.tabs-3 {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: flex;
}
.tabs-menu-3 {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-flow: column;
width: 380px;
display: flex;
}
.tab-link {
background-color: #0000;
width: 380px;
padding: 0 1.5rem 0 .75rem;
}
.tab-link.w--current {
background-color: #1a252c;
border: 1px solid #ffffff4d;
border-radius: 1rem;
padding: 1.125rem 1.5rem 1.125rem .75rem;
}
.popup-wrapper {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
opacity: 0;
background-color: #fff;
border-radius: .75rem;
flex-flow: column;
align-items: center;
width: 235px;
padding: .75rem 1.5rem;
display: flex;
position: absolute;
top: -95px;
left: -86px;
}
.popup-wrapper.is-2 {
width: 255px;
}
.founder-wrapper {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
align-items: center;
display: flex;
}
.image-40 {
width: 100px;
}
.popup-on-hover {
position: relative;
overflow: visible;
}
.ciunci {
transition: all .35s cubic-bezier(.165, .84, .44, 1);
}
.ciunci:hover {
z-index: 1;
position: relative;
transform: scale(1.05);
}
.small-gradient {
background-image: linear-gradient(90deg, #01e3d200, var(--blue-dark) 54%, #01e3d200 99%);
width: 70%;
height: 2px;
}
.link-block-2 {
text-decoration: none;
}
.grid-layout {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
grid-auto-columns: 1fr;
display: grid;
}
.paragraph-xl {
letter-spacing: 0;
margin-bottom: 1rem;
font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
font-size: 1.5rem;
line-height: 1.6em;
}
.utility-margin-bottom-2rem {
margin-bottom: 2rem;
}
.flex-layout {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: row;
display: flex;
}
.utility-image-cover {
object-fit: cover;
width: 100%;
height: 100%;
position: relative;
inset: 0%;
}
.utility-aspect-1x1 {
aspect-ratio: 1;
position: relative;
}
.pr-hero {
padding-top: 11rem;
padding-bottom: 6rem;
}
.pr-container {
max-width: 66.75rem;
margin-left: auto;
margin-right: auto;
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.pr-hero-grid {
grid-template-rows: auto;
grid-template-columns: 1.15fr .85fr;
align-items: center;
gap: 3rem 4rem;
display: grid;
}
.pr-hero-copy {
flex-direction: column;
align-items: flex-start;
row-gap: 1.5rem;
display: flex;
}
.pr-pill {
color: #fff;
letter-spacing: .04em;
background-image: linear-gradient(135deg, #00e5d1, #2577f9);
border-radius: 120px;
padding: .5rem 1.5rem;
font-family: Euclid Circular B, Arial, sans-serif;
font-size: 15px;
font-weight: 500;
display: inline-block;
}
.pr-h1 {
color: #fff;
letter-spacing: -1.5px;
margin-top: 0;
margin-bottom: 0;
font-family: Euclid Circular B, Arial, sans-serif;
font-size: 64px;
font-weight: 500;
line-height: 1.05;
}
.pr-grad {
color: #0000;
-webkit-text-fill-color: transparent;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(155deg, #00e5d1 3%, #2577f9 99%);
-webkit-background-clip: text;
background-clip: text;
}
.pr-lead {
color: #ffffffb8;
max-width: 34rem;
margin-top: 0;
margin-bottom: 0;
font-family: Euclid Circular B, Arial, sans-serif;
font-size: 19px;
line-height: 1.55;
}
.pr-btn-row {
flex-wrap: wrap;
gap: .875rem;
margin-top: .5rem;
display: flex;
}
.pr-btn-grad {
color: #fff;
background-image: linear-gradient(135deg, #00e5d1, #2577f9);
border-radius: 100px;
padding: .95rem 1.75rem;
font-family: Euclid Circular B, Arial, sans-serif;
font-size: 16px;
font-weight: 500;
text-decoration: none;
transition: transform .3s, box-shadow .3s;
display: inline-block;
box-shadow: 0 8px 20px #2577f938;
}
.pr-btn-grad:hover {
transform: translateY(-2px);
box-shadow: 0 12px 26px #2577f952;
}
.pr-btn-ghost {
color: #fff;
border: 1px solid #ffffff59;
border-radius: 100px;
padding: .95rem 1.75rem;
font-family: Euclid Circular B, Arial, sans-serif;
font-size: 16px;
font-weight: 400;
text-decoration: none;
transition: background-color .3s, border-color .3s;
display: inline-block;
}
.pr-btn-ghost:hover {
background-color: #ffffff14;
border-color: #00e5d1;
}
.pr-trust-row {
flex-wrap: wrap;
gap: .5rem 1.5rem;
margin-top: .75rem;
display: flex;
}
.pr-trust {
color: #fffc;
border-left: 2px solid #00e5d1;
padding-left: 1.1rem;
font-family: Euclid Circular B, Arial, sans-serif;
font-size: 14px;
line-height: 1.3;
}
.pr-panel {
background-color: #fff;
border-radius: 0;
padding-top: 7rem;
padding-bottom: 7rem;
}
.pr-head-center {
text-align: center;
flex-direction: column;
align-items: center;
row-gap: 1rem;
max-width: 46rem;
margin-bottom: 4rem;
margin-left: auto;
margin-right: auto;
display: flex;
}
.pr-eyebrow {
color: #0700ff;
letter-spacing: .14em;
text-transform: uppercase;
font-family: Euclid Circular B, Arial, sans-serif;
font-size: 14px;
font-weight: 500;
}
.pr-h2 {
color: #000228;
letter-spacing: -1px;
margin-top: 0;
margin-bottom: 0;
font-family: Euclid Circular B, Arial, sans-serif;
font-size: 50px;
font-weight: 500;
line-height: 1.08;
}
.pr-sub {
color: #010019b3;
margin-top: 0;
margin-bottom: 0;
font-family: Euclid Circular B, Arial, sans-serif;
font-size: 18px;
line-height: 1.55;
}
.pr-plans {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
align-items: stretch;
gap: 1.5rem;
max-width: 56rem;
margin-left: auto;
margin-right: auto;
display: grid;
}
.pr-plan {
background-color: #f7f8fc;
border: 1px solid #e6e6ee;
border-radius: 1.5rem;
flex-direction: column;
padding: 2.25rem 2rem;
transition: transform .35s, box-shadow .35s;
display: flex;
position: relative;
}
.pr-plan:hover {
transform: translateY(-4px);
box-shadow: 0 20px 40px #00022814;
}
.pr-plan.pr-plan-featured {
-webkit-text-fill-color: inherit;
background-color: #010019;
background-image: linear-gradient(#010019, #010019), linear-gradient(135deg, #00e5d1, #2577f9);
background-origin: border-box;
background-clip: padding-box, border-box;
border: 2px solid #0000;
transform: translateY(0);
box-shadow: 0 24px 50px #00022838;
}
.pr-plan-featured {
-webkit-text-fill-color: inherit;
background-image: linear-gradient(#010019, #010019), linear-gradient(135deg, #00e5d1, #2577f9);
background-origin: border-box;
background-clip: padding-box, border-box;
border: 2px solid #0000;
transform: translateY(-12px);
box-shadow: 0 30px 70px #0700ff40;
}
.pr-popular {
color: #fff;
background-image: linear-gradient(135deg, #00e5d1, #2577f9);
border-radius: 100px;
padding: .35rem 1rem;
font-family: Euclid Circular B, Arial, sans-serif;
font-size: 13px;
font-weight: 500;
position: absolute;
top: -14px;
left: 2rem;
}
.pr-plan-tag {
color: #0700ff;
letter-spacing: .12em;
text-transform: uppercase;
font-family: Euclid Circular B, Arial, sans-serif;
font-size: 13px;
font-weight: 500;
}
.pr-plan-tag.pr-tag-light, .pr-tag-light {
color: #00e5d1;
}
.pr-plan-name {
color: #000228;
letter-spacing: -.3px;
margin-top: .6rem;
margin-bottom: .4rem;
font-family: Euclid Circular B, Arial, sans-serif;
font-size: 28px;
font-weight: 500;
line-height: 1.1;
}
.pr-plan-name.pr-white, .pr-white {
color: #fff;
}
.pr-plan-for {
color: #010019a6;
min-height: 3rem;
margin-top: 0;
margin-bottom: 1.5rem;
font-family: Euclid Circular B, Arial, sans-serif;
font-size: 15px;
line-height: 1.5;
}
.pr-plan-for.pr-muted-light, .pr-muted-light {
color: #ffffffa6;
}
.pr-price {
align-items: baseline;
column-gap: .4rem;
display: flex;
}
.pr-price-from {
color: #0100198c;
font-family: Euclid Circular B, Arial, sans-serif;
font-size: 15px;
}
.pr-price-from.pr-muted-light {
color: #ffffffa6;
}
.pr-price-num {
color: #000228;
letter-spacing: -1px;
font-family: Euclid Circular B, Arial, sans-serif;
font-size: 46px;
font-weight: 500;
line-height: 1;
}
.pr-price-num.pr-white {
color: #fff;
}
.pr-price-per {
color: #0100198c;
font-family: Euclid Circular B, Arial, sans-serif;
font-size: 16px;
}
.pr-price-per.pr-muted-light {
color: #ffffffa6;
}
.pr-divider {
background-color: #e2e3ec;
height: 1px;
margin-top: 1.75rem;
margin-bottom: 1.25rem;
}
.pr-divider.pr-divider-light, .pr-divider-light {
background-color: #ffffff26;
}
.pr-feat {
color: #000228;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3E%3Ccircle cx='9' cy='9' r='9' fill='%230700ff' fill-opacity='0.08'/%3E%3Cpath d='M5 9.2l2.6 2.6L13 6.4' fill='none' stroke='%230700ff' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
background-position: 0 .55rem;
background-repeat: no-repeat;
padding-top: .45rem;
padding-bottom: .45rem;
padding-left: 1.9rem;
font-family: Euclid Circular B, Arial, sans-serif;
font-size: 15px;
line-height: 1.45;
position: relative;
}
.pr-feat.pr-feat-light {
color: #ffffffe0;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3E%3Ccircle cx='9' cy='9' r='9' fill='%2300e5d1' fill-opacity='0.18'/%3E%3Cpath d='M5 9.2l2.6 2.6L13 6.4' fill='none' stroke='%2300e5d1' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.pr-feat.pr-feat-light.pr-feat-strong {
color: #fff;
font-weight: 600;
}
.pr-feat-light {
color: #ffffffe0;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3E%3Ccircle cx='9' cy='9' r='9' fill='%2300e5d1' fill-opacity='0.18'/%3E%3Cpath d='M5 9.2l2.6 2.6L13 6.4' fill='none' stroke='%2300e5d1' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.pr-feat-strong {
color: #fff;
font-weight: 600;
}
.pr-plan-btn {
color: #000228;
text-align: center;
border: 1px solid #000228;
border-radius: 100px;
margin-top: auto;
padding-top: .95rem;
padding-bottom: .95rem;
font-family: Euclid Circular B, Arial, sans-serif;
font-size: 16px;
font-weight: 500;
text-decoration: none;
transition: background-color .3s, color .3s;
display: block;
}
.pr-plan-btn:hover {
color: #fff;
background-color: #000228;
}
.pr-plan-btn.pr-plan-btn-grad {
box-shadow: none;
color: #fff;
background-image: linear-gradient(135deg, #00e5d1, #2577f9);
border-color: #0000;
}
.pr-plan-btn-grad {
color: #fff;
background-image: linear-gradient(135deg, #00e5d1, #2577f9);
border-color: #0000;
box-shadow: 0 12px 30px #2577f959;
}
.pr-terms {
border: 1px solid #e6e6ee;
border-radius: 1.25rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
margin-top: 3.5rem;
display: grid;
overflow: hidden;
}
.pr-term {
border-right: 1px solid #e6e6ee;
flex-direction: column;
row-gap: .3rem;
padding: 1.25rem 1.5rem;
display: flex;
}
.pr-term-k {
color: #01001980;
letter-spacing: .12em;
text-transform: uppercase;
font-family: Euclid Circular B, Arial, sans-serif;
font-size: 12px;
}
.pr-term-v {
color: #000228;
font-family: Euclid Circular B, Arial, sans-serif;
font-size: 17px;
font-weight: 500;
}
.pr-builder {
padding-top: 8rem;
padding-bottom: 8rem;
position: relative;
overflow: clip;
}
.pr-builder-glow {
z-index: 0;
pointer-events: none;
background-image: radial-gradient(closest-side, #2577f947, #00e5d114, #00022800);
border-radius: 50%;
width: 60rem;
height: 30rem;
margin-left: -30rem;
position: absolute;
top: 10%;
left: 50%;
}
.pr-panel-2 {
background-color: #fff;
border-radius: 0;
padding-top: 7rem;
padding-bottom: 7rem;
}
.pr-proj-head {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
align-items: end;
gap: 1.5rem 4rem;
margin-bottom: 3.5rem;
display: grid;
}
.pr-proj-head-l {
flex-direction: column;
row-gap: 1rem;
display: flex;
}
.pr-eyebrow-2 {
color: #0700ff;
letter-spacing: .14em;
text-transform: uppercase;
font-family: Euclid Circular B, Arial, sans-serif;
font-size: 14px;
font-weight: 500;
}
.pr-h2-dark {
color: #000228;
letter-spacing: -1px;
margin-top: 0;
margin-bottom: 0;
font-family: Euclid Circular B, Arial, sans-serif;
font-size: 50px;
font-weight: 500;
line-height: 1.08;
}
.pr-proj-head-p {
color: #010019b3;
margin-top: 0;
margin-bottom: 0;
font-family: Euclid Circular B, Arial, sans-serif;
font-size: 18px;
line-height: 1.55;
}
.pr-proj-grid {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
gap: 1.25rem;
display: grid;
}
.pr-proj {
color: #000228;
background-color: #f7f8fc;
border: 1px solid #e6e6ee;
border-radius: 1.25rem;
flex-direction: column;
padding: 1.75rem 1.5rem 1.5rem;
text-decoration: none;
transition: transform .35s, box-shadow .35s, border-color .35s;
display: flex;
}
.pr-proj:hover {
border-color: #2577f9;
transform: translateY(-4px);
box-shadow: 0 18px 36px #00022814;
}
.pr-proj-num {
color: #01001966;
letter-spacing: .06em;
font-family: Euclid Circular B, Arial, sans-serif;
font-size: 14px;
font-weight: 500;
}
.pr-proj-title {
color: #000228;
margin-top: 1.25rem;
margin-bottom: .6rem;
font-family: Euclid Circular B, Arial, sans-serif;
font-size: 21px;
font-weight: 500;
line-height: 1.2;
}
.pr-proj-p {
color: #010019a6;
margin-top: 0;
margin-bottom: 1.75rem;
font-family: Euclid Circular B, Arial, sans-serif;
font-size: 15px;
line-height: 1.5;
}
.pr-proj-foot {
border-top: 1px solid #e2e3ec;
flex-direction: column;
justify-content: space-between;
align-items: stretch;
row-gap: 1.1rem;
margin-top: auto;
padding-top: 1.25rem;
display: flex;
}
.pr-proj-price {
color: #000228;
white-space: nowrap;
font-family: Euclid Circular B, Arial, sans-serif;
font-size: 20px;
font-weight: 500;
}
.pr-proj-arrow {
color: #000228;
background-color: #0000;
background-image: none;
border: 1px solid #d5d8e6;
border-radius: 50%;
justify-content: center;
align-items: center;
width: 2.25rem;
height: 2.25rem;
font-size: 15px;
display: flex;
}
.pr-process {
padding-top: 8rem;
padding-bottom: 2rem;
}
.pr-proc-head {
text-align: center;
flex-direction: column;
align-items: center;
row-gap: 1rem;
margin-bottom: 4.5rem;
display: flex;
}
.pr-eyebrow-3 {
color: #00e5d1;
letter-spacing: .14em;
text-transform: uppercase;
font-family: Euclid Circular B, Arial, sans-serif;
font-size: 14px;
font-weight: 500;
}
.pr-h2-light {
color: #fff;
letter-spacing: -1px;
margin-top: 0;
margin-bottom: 0;
font-family: Euclid Circular B, Arial, sans-serif;
font-size: 50px;
font-weight: 500;
line-height: 1.08;
}
.pr-steps {
border-top: 1px solid #ffffff24;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
gap: 2.5rem 2rem;
padding-top: 1.5rem;
display: grid;
position: relative;
}
.pr-step {
flex-direction: column;
row-gap: .5rem;
display: flex;
position: relative;
}
.pr-step-dot {
color: #fff;
background-image: linear-gradient(135deg, #00e5d1, #2577f9);
border-radius: 50%;
justify-content: center;
align-items: center;
width: 2.5rem;
height: 2.5rem;
margin-top: -2.75rem;
margin-bottom: 1rem;
font-family: Euclid Circular B, Arial, sans-serif;
font-size: 16px;
font-weight: 500;
display: flex;
box-shadow: 0 0 0 8px #010019;
}
.pr-step-when {
color: #00e5d1;
letter-spacing: .12em;
text-transform: uppercase;
font-family: Euclid Circular B, Arial, sans-serif;
font-size: 13px;
font-weight: 500;
}
.pr-step-h {
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-family: Euclid Circular B, Arial, sans-serif;
font-size: 21px;
font-weight: 500;
line-height: 1.2;
}
.pr-step-p {
color: #ffffffa6;
margin-top: 0;
margin-bottom: 0;
font-family: Euclid Circular B, Arial, sans-serif;
font-size: 15px;
line-height: 1.55;
}
.pr-promise-head {
color: #fff;
text-align: center;
margin-top: 6rem;
margin-bottom: 1.75rem;
font-family: Euclid Circular B, Arial, sans-serif;
font-size: 24px;
font-weight: 500;
}
.pr-promises {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
gap: 1.25rem;
display: grid;
}
.pr-promise {
background-color: #ffffff0a;
border: 1px solid #ffffff1f;
border-radius: 1.25rem;
padding: 1.75rem 1.5rem;
transition: border-color .3s, background-color .3s;
}
.pr-promise:hover {
background-color: #ffffff12;
border-color: #00e5d180;
}
.pr-promise-h {
color: #fff;
margin-top: 0;
margin-bottom: .5rem;
font-family: Euclid Circular B, Arial, sans-serif;
font-size: 18px;
font-weight: 500;
line-height: 1.25;
}
.pr-promise-p {
color: #ffffff9e;
margin-top: 0;
margin-bottom: 0;
font-family: Euclid Circular B, Arial, sans-serif;
font-size: 14px;
line-height: 1.55;
}
.pr-aud {
background-color: #010019;
border-radius: 1.5rem;
grid-template-rows: auto;
grid-template-columns: 1.55fr 1fr;
margin-top: 3rem;
display: grid;
overflow: hidden;
}
.pr-aud-main {
flex-direction: column;
row-gap: .9rem;
padding: 3rem;
display: flex;
}
.pr-aud-tag {
color: #00e5d1;
letter-spacing: .14em;
text-transform: uppercase;
font-family: Euclid Circular B, Arial, sans-serif;
font-size: 13px;
font-weight: 500;
}
.pr-aud-h {
color: #fff;
letter-spacing: -.5px;
margin-top: 0;
margin-bottom: 0;
font-family: Euclid Circular B, Arial, sans-serif;
font-size: 34px;
font-weight: 500;
line-height: 1.15;
}
.pr-aud-p {
color: #ffffffad;
max-width: 34rem;
margin-top: 0;
margin-bottom: .5rem;
font-family: Euclid Circular B, Arial, sans-serif;
font-size: 16px;
line-height: 1.6;
}
.pr-aud-list {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
gap: .6rem 1.5rem;
display: grid;
}
.pr-aud-item {
color: #ffffffe0;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='M3 8.3l3.2 3.2L13 4.7' fill='none' stroke='%2300e5d1' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
background-position: 0 2px;
background-repeat: no-repeat;
padding-left: 1.6rem;
font-family: Euclid Circular B, Arial, sans-serif;
font-size: 14px;
line-height: 1.45;
}
.pr-aud-side {
background-color: #ffffff08;
border-left: 1px solid #ffffff1f;
flex-direction: column;
justify-content: center;
row-gap: .35rem;
padding: 3rem 2.75rem;
display: flex;
}
.pr-aud-k {
color: #ffffff8c;
letter-spacing: .08em;
text-transform: uppercase;
font-family: Euclid Circular B, Arial, sans-serif;
font-size: 13px;
}
.pr-aud-price {
color: #fff;
letter-spacing: -1.5px;
font-family: Euclid Circular B, Arial, sans-serif;
font-size: 56px;
font-weight: 500;
line-height: 1.05;
}
.pr-aud-note {
color: #ffffff8c;
margin-bottom: 1.25rem;
font-family: Euclid Circular B, Arial, sans-serif;
font-size: 14px;
}
.pr-aud-btn {
color: #000228;
text-align: center;
background-color: #fff;
border-radius: 100px;
padding-top: .9rem;
padding-bottom: .9rem;
font-family: Euclid Circular B, Arial, sans-serif;
font-size: 16px;
font-weight: 500;
text-decoration: none;
transition: background-color .3s, color .3s;
display: block;
}
.pr-aud-btn:hover {
color: #000228;
background-color: #00e5d1;
}
.pr-ico-lock {
background-color: #00e5d11a;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24' fill='none' stroke='%2300e5d1' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='11' width='14' height='9' rx='2'/%3E%3Cpath d='M8 11V8a4 4 0 0 1 8 0v3'/%3E%3C/svg%3E");
background-position: 50%;
background-repeat: no-repeat;
border-radius: .875rem;
width: 2.75rem;
height: 2.75rem;
margin-bottom: 1.25rem;
}
.pr-ico-key {
background-color: #00e5d11a;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24' fill='none' stroke='%2300e5d1' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='8' cy='15' r='4'/%3E%3Cpath d='M11 12l8-8M16 7l2 2M14 9l2 2'/%3E%3C/svg%3E");
background-position: 50%;
background-repeat: no-repeat;
border-radius: .875rem;
width: 2.75rem;
height: 2.75rem;
margin-bottom: 1.25rem;
}
.pr-ico-chart {
background-color: #00e5d11a;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24' fill='none' stroke='%2300e5d1' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 20h16M7 16v-4M12 16V8M17 16V5'/%3E%3C/svg%3E");
background-position: 50%;
background-repeat: no-repeat;
border-radius: .875rem;
width: 2.75rem;
height: 2.75rem;
margin-bottom: 1.25rem;
}
.pr-ico-chat {
background-color: #00e5d11a;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24' fill='none' stroke='%2300e5d1' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 5h14a1 1 0 0 1 1 1v9a1 1 0 0 1-1 1h-8l-4 3v-3H5a1 1 0 0 1-1-1V6a1 1 0 0 1 1-1z'/%3E%3C/svg%3E");
background-position: 50%;
background-repeat: no-repeat;
border-radius: .875rem;
width: 2.75rem;
height: 2.75rem;
margin-bottom: 1.25rem;
}
.pr-navfade {
z-index: 999;
pointer-events: none;
background-color: #0000;
height: 6.2rem;
position: fixed;
top: 0;
left: 0;
right: 0;
box-shadow: inset 0 90px 25px 10px #010019;
}
.mk-content {
flex-grow: 1;
position: relative;
}
.mk-pane {
position: relative;
}
.mk-audit {
background-color: #00e5d10d;
border: 1px solid #00e5d140;
border-radius: .75rem;
flex-direction: column;
row-gap: .2rem;
margin-left: .75rem;
margin-right: 1.5rem;
padding: .85rem 1rem;
text-decoration: none;
transition-property: background-color, border-color;
transition-duration: .25s;
display: flex;
}
.mk-audit:hover {
background-color: #00e5d11a;
border-color: #00e5d180;
}
.mk-audit-k {
color: #9aa4a9;
font-family: Euclid Circular B, Arial, sans-serif;
font-size: 13px;
line-height: 1.3;
}
.mk-audit-t {
color: #00e5d1;
font-family: Euclid Circular B, Arial, sans-serif;
font-size: 15px;
font-weight: 500;
line-height: 1.3;
}
.mk-img {
width: 347px;
max-width: 100%;
height: auto;
display: block;
}
.mks-section {
margin-top: 9.375rem;
padding-top: 1rem;
padding-bottom: 1rem;
position: relative;
overflow: clip;
}
.mks-glow {
z-index: 0;
pointer-events: none;
background-image: radial-gradient(closest-side, #2577f938, #00e5d112, #00022800);
border-radius: 50%;
width: 56rem;
height: 34rem;
margin-left: -28rem;
position: absolute;
top: 18%;
left: 50%;
}
.mks-container {
z-index: 1;
max-width: 66.75rem;
margin-left: auto;
margin-right: auto;
position: relative;
}
.mks-head {
text-align: center;
flex-direction: column;
align-items: center;
max-width: 46rem;
margin-left: auto;
margin-right: auto;
display: flex;
}
.mks-eyebrow {
color: #00e5d1;
letter-spacing: .12em;
text-transform: uppercase;
background-color: #00e5d10f;
border: 1px solid #00e5d159;
border-radius: 100px;
align-items: center;
column-gap: .6rem;
padding: .45rem 1rem .45rem .9rem;
font-family: Euclid Circular B, Arial, sans-serif;
font-size: 13px;
font-weight: 500;
display: flex;
}
.mks-eyebrow-dot {
background-color: #00e5d1;
border-radius: 50%;
width: 7px;
height: 7px;
}
.mks-heading {
color: #fff;
margin-top: 1.5rem;
margin-bottom: 0;
font-family: Euclid Circular B, Arial, sans-serif;
font-size: 56px;
font-weight: 500;
line-height: 1.05;
}
.mks-grad {
color: #0000;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(155deg, #00e5d1 3%, #2577f9 99%);
-webkit-background-clip: text;
background-clip: text;
}
.mks-sub {
color: #9aa4b5;
max-width: 38rem;
margin-top: 1.25rem;
margin-bottom: 0;
font-family: Euclid Circular B, Arial, sans-serif;
font-size: 18px;
line-height: 1.55;
}
.mks-stage {
grid-template-rows: auto;
grid-template-columns: 1fr 1.08fr;
align-items: start;
column-gap: 3rem;
margin-top: 4.5rem;
display: grid;
}
.mks-list {
flex-direction: column;
display: flex;
}
.mks-row {
cursor: pointer;
position: relative;
}
.mks-row-head {
align-items: flex-start;
column-gap: 1.25rem;
padding-top: 1.5rem;
padding-bottom: 1.5rem;
display: flex;
}
.mks-num {
color: #5f6b80;
letter-spacing: .06em;
min-width: 1.75rem;
padding-top: .45rem;
font-family: Euclid Circular B, Arial, sans-serif;
font-size: 14px;
font-weight: 500;
}
.mks-row-titles {
flex-grow: 1;
}
.mks-row-title {
color: #fff;
font-family: Euclid Circular B, Arial, sans-serif;
font-size: 28px;
font-weight: 500;
line-height: 1.15;
}
.mks-row-short {
color: #80858a;
margin-top: .4rem;
font-family: Euclid Circular B, Arial, sans-serif;
font-size: 16px;
line-height: 1.45;
}
.mks-row-arrow {
color: #fff;
border: 1px solid #ffffff2e;
border-radius: 50%;
flex-shrink: 0;
justify-content: center;
align-items: center;
width: 2.75rem;
height: 2.75rem;
display: flex;
}
.mks-arrow-icon {
font-family: Euclid Circular B, Arial, sans-serif;
font-size: 18px;
line-height: 1;
}
.mks-row-body {
overflow: hidden;
}
.mks-row-inner {
padding-bottom: 1.6rem;
padding-left: 3rem;
}
.mks-mimg {
border-radius: .9rem;
width: 100%;
height: auto;
margin-bottom: 1.1rem;
display: none;
}
.mks-row-desc {
color: #c9cfda;
margin-top: 0;
margin-bottom: 0;
font-family: Euclid Circular B, Arial, sans-serif;
font-size: 16px;
line-height: 1.6;
}
.mks-tags {
flex-wrap: wrap;
gap: .5rem;
margin-top: 1rem;
display: flex;
}
.mks-tag {
color: #dfe4ec;
background-color: #ffffff0f;
border: 1px solid #ffffff1a;
border-radius: 100px;
padding: .35rem .75rem;
font-family: Euclid Circular B, Arial, sans-serif;
font-size: 13px;
}
.mks-row-link {
color: #00e5d1;
margin-top: 1.1rem;
font-family: Euclid Circular B, Arial, sans-serif;
font-size: 15px;
font-weight: 500;
text-decoration: none;
display: inline-block;
}
.mks-row-line {
background-color: #ffffff24;
height: 1px;
position: relative;
overflow: hidden;
}
.mks-row-progress {
background-image: linear-gradient(90deg, #00e5d1, #2577f9);
width: 0%;
position: absolute;
top: 0;
bottom: 0;
left: 0;
}
.mks-screen-col {
width: 100%;
max-width: 29rem;
margin-left: auto;
position: sticky;
top: 6.5rem;
}
.mks-screen {
background-color: #070825;
border: 1px solid #ffffff24;
border-radius: 1.5rem;
padding: .75rem;
position: relative;
}
.mks-screen-bar {
justify-content: space-between;
align-items: center;
column-gap: 1rem;
padding: .35rem .5rem .85rem;
display: flex;
}
.mks-dots {
column-gap: 6px;
display: flex;
}
.mks-dot {
background-color: #ffffff2e;
border-radius: 50%;
width: 9px;
height: 9px;
}
.mks-screen-label {
color: #7c8699;
font-family: Euclid Circular B, Arial, sans-serif;
font-size: 13px;
}
.mks-screen-key {
color: #00e5d1;
}
.mks-live {
color: #9aa4b5;
letter-spacing: .1em;
text-transform: uppercase;
align-items: center;
column-gap: .4rem;
font-family: Euclid Circular B, Arial, sans-serif;
font-size: 12px;
display: flex;
}
.mks-live-dot {
background-color: #22d37f;
border-radius: 50%;
width: 6px;
height: 6px;
}
.mks-shots {
border-radius: 1rem;
display: grid;
position: relative;
overflow: hidden;
}
.mks-shots-ph {
display: none;
}
.mks-shot {
grid-area: 1 / 1 / 2 / 2;
width: 100%;
height: auto;
display: block;
}
.mks-chip {
background-color: #0b1a21;
border: 1px solid #00e5d14d;
border-radius: .9rem;
padding: .8rem 1.1rem .8rem 1rem;
position: absolute;
bottom: 2.25rem;
left: -1.5rem;
box-shadow: 0 18px 40px #00000073;
}
.mks-chip-k {
color: #7c8699;
letter-spacing: .12em;
text-transform: uppercase;
font-family: Euclid Circular B, Arial, sans-serif;
font-size: 11px;
}
.mks-chip-v {
color: #fff;
margin-top: .2rem;
font-family: Euclid Circular B, Arial, sans-serif;
font-size: 16px;
font-weight: 500;
}
.mks-ticker {
border-top: 1px solid #ffffff1a;
margin-top: 5rem;
padding-top: 1.1rem;
padding-bottom: 1.1rem;
position: relative;
overflow: hidden;
}
.mks-ticker2 {
border-bottom: 1px solid #ffffff1a;
padding-top: 1.1rem;
padding-bottom: 1.1rem;
position: relative;
overflow: hidden;
}
.mks-track, .mks-track2 {
align-items: center;
column-gap: 1.75rem;
width: max-content;
display: flex;
}
.mks-tick {
color: #e6e9f0;
white-space: nowrap;
font-family: Euclid Circular B, Arial, sans-serif;
font-size: 22px;
font-weight: 400;
}
.mks-tick-dot {
background-image: linear-gradient(135deg, #00e5d1, #2577f9);
border-radius: 50%;
flex-shrink: 0;
width: 8px;
height: 8px;
}
.mks-cta {
flex-wrap: wrap;
justify-content: center;
align-items: center;
gap: 1rem 1.75rem;
margin-top: 5rem;
display: flex;
}
.mks-btn {
color: #fff;
background-image: linear-gradient(135deg, #00e5d1, #2577f9);
border-radius: 100px;
padding: 1rem 1.9rem;
font-family: Euclid Circular B, Arial, sans-serif;
font-size: 16px;
font-weight: 500;
text-decoration: none;
display: inline-block;
}
.mks-btn-ghost {
color: #c9cfda;
font-family: Euclid Circular B, Arial, sans-serif;
font-size: 16px;
text-decoration: none;
}
.intro-eyebrow {
color: #5b6275;
letter-spacing: .14em;
text-transform: uppercase;
align-items: center;
column-gap: .85rem;
font-family: Euclid Circular B, Arial, sans-serif;
font-size: 14px;
font-weight: 500;
display: flex;
}
.intro-eyebrow-line {
background-image: linear-gradient(90deg, #00e5d1, #2577f9);
width: 2.5rem;
height: 1px;
}
.intro-statement {
color: #010019;
letter-spacing: -.01em;
margin-top: 0;
margin-bottom: 0;
font-family: Euclid Circular B, Arial, sans-serif;
font-size: 40px;
font-weight: 300;
line-height: 1.25;
}
.intro-hl {
font-weight: 400;
}
.intro-pillars {
color: #8a90a2;
flex-wrap: wrap;
align-items: center;
gap: .5rem .9rem;
font-family: Euclid Circular B, Arial, sans-serif;
font-size: 15px;
font-weight: 400;
display: flex;
}
.intro-pillar-dot {
background-image: linear-gradient(135deg, #00e5d1, #2577f9);
border-radius: 50%;
width: 5px;
height: 5px;
}
.nh-bg {
z-index: 1;
pointer-events: none;
position: absolute;
inset: 0;
overflow: hidden;
}
.nh-grid {
opacity: .55;
background-image: radial-gradient(#ffffff21 1px, #0000 1.4px);
background-size: 34px 34px;
position: absolute;
inset: 0;
}
.nh-aurora {
background-image: radial-gradient(closest-side, #2577f94d, #00e5d11a, #00021500);
border-radius: 50%;
width: 62rem;
height: 30rem;
margin-top: -15rem;
margin-left: -31rem;
position: absolute;
top: 38%;
left: 50%;
}
.nh-wrap {
text-align: center;
flex-direction: column;
justify-content: center;
align-items: center;
height: 100%;
padding-top: 3.5rem;
padding-bottom: 8rem;
display: flex;
position: relative;
}
.nh-proof {
background-color: #ffffff0d;
border: 1px solid #ffffff24;
border-radius: 100px;
align-items: center;
column-gap: .85rem;
padding: .4rem 1.1rem .4rem .45rem;
display: flex;
}
.nh-avatars-slot {
display: none;
}
.nh-proof-text {
text-align: left;
flex-direction: column;
align-items: flex-start;
row-gap: .1rem;
display: flex;
}
.nh-stars {
color: #ffc24b;
letter-spacing: .12em;
font-size: 12px;
line-height: 1;
}
.nh-proof-label {
color: #c9cfda;
font-family: Euclid Circular B, Arial, sans-serif;
font-size: 14px;
line-height: 1.3;
}
.nh-title {
color: #fff;
letter-spacing: -.02em;
max-width: 64rem;
margin-top: 2rem;
margin-bottom: 0;
font-family: Euclid Circular B, Arial, sans-serif;
font-size: 76px;
font-weight: 500;
line-height: 1.04;
}
.nh-line {
display: block;
}
.nh-rot {
text-align: center;
vertical-align: bottom;
justify-items: center;
display: inline-grid;
}
.nh-rot-w {
color: #0000;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(150deg, #00e5d1 5%, #2577f9 95%);
-webkit-background-clip: text;
background-clip: text;
grid-area: 1 / 1 / 2 / 2;
padding-bottom: .08em;
}
.nh-rot-w.nh-rot-alt {
opacity: 0;
}
.nh-sub {
color: #9aa4b5;
max-width: 40rem;
margin-top: 1.75rem;
margin-bottom: 0;
font-family: Euclid Circular B, Arial, sans-serif;
font-size: 19px;
line-height: 1.55;
}
.nh-cta {
margin-top: 2.5rem;
}
.nh-chip {
color: #e6e9f0;
text-align: left;
background-color: #0b1a218c;
border: 1px solid #ffffff1f;
border-radius: .9rem;
align-items: center;
column-gap: .95rem;
padding: .7rem 1.1rem .7rem .9rem;
font-family: Euclid Circular B, Arial, sans-serif;
font-size: 14px;
display: flex;
position: absolute;
}
.nh-chip-a {
top: 30%;
left: 2%;
}
.nh-chip-b {
top: 58%;
right: 2%;
}
.nh-chip-dot {
background-color: #22d37f;
border-radius: 50%;
width: 8px;
height: 8px;
}
.nh-chip-ico {
color: #fff;
background-image: linear-gradient(135deg, #00e5d1, #2577f9);
border-radius: .5rem;
justify-content: center;
align-items: center;
width: 1.6rem;
height: 1.6rem;
font-size: 13px;
display: flex;
}
.nh-chip-k {
color: #7c8699;
letter-spacing: .08em;
text-transform: uppercase;
font-size: 11px;
}
.nh-scroll {
border: 1.5px solid #ffffff4d;
border-radius: 20px;
width: 22px;
height: 36px;
margin-left: -11px;
position: absolute;
bottom: 3.25rem;
left: 50%;
}
.nh-scroll-dot {
background-color: #00e5d1;
border-radius: 4px;
width: 4px;
height: 7px;
margin-left: -2px;
position: absolute;
top: 7px;
left: 50%;
}
.nn-code {
pointer-events: none;
width: 0;
height: 0;
position: absolute;
top: 0;
left: 0;
overflow: hidden;
}
.nt-wall {
flex-direction: column;
row-gap: 0;
padding-top: 0;
padding-bottom: 0;
display: flex;
position: relative;
}
.nt-row {
padding-top: 1.25rem;
padding-bottom: 1.5rem;
position: relative;
overflow: hidden;
}
.nt-row-b {
padding-left: 0;
}
.nt-track {
align-items: stretch;
column-gap: 1.5rem;
width: max-content;
display: flex;
}
.nt-head {
text-align: center;
flex-direction: column;
align-items: center;
row-gap: 1rem;
max-width: 80rem;
margin-bottom: 1.5rem;
margin-left: auto;
margin-right: auto;
padding-left: 2rem;
padding-right: 2rem;
display: flex;
}
.nt-eyebrow {
color: #8a93a6;
letter-spacing: .16em;
text-transform: uppercase;
align-items: center;
column-gap: .75rem;
font-family: Euclid Circular B, Arial, sans-serif;
font-size: 13px;
font-weight: 500;
display: flex;
}
.nt-eyebrow-line {
background-image: linear-gradient(90deg, #00e5d1, #2577f9);
width: 2rem;
height: 1px;
}
.nt-heading {
color: #fff;
letter-spacing: -.01em;
margin-top: 0;
margin-bottom: 0;
font-family: Euclid Circular B, Arial, sans-serif;
font-size: 40px;
font-weight: 400;
line-height: 1.2;
}
.intro-deco {
z-index: -1;
pointer-events: none;
position: absolute;
inset: 0;
}
.intro-dots {
opacity: .8;
background-image: radial-gradient(#01001912 1px, #0000 1.3px);
background-size: 26px 26px;
position: absolute;
inset: 0;
}
.intro-hairline {
background-image: linear-gradient(90deg, #00e5d100, #00e5d1 30%, #2577f9 70%, #2577f900);
height: 2px;
position: absolute;
top: 0;
left: 0;
right: 0;
}
.intro-hairline-b {
background-image: linear-gradient(90deg, #01001900, #01001914 50%, #01001900);
height: 1px;
position: absolute;
bottom: 0;
left: 0;
right: 0;
}
.pr-proc {
height: 260vh;
margin-top: 4.5rem;
position: relative;
}
.pr-pin {
align-items: center;
height: 100vh;
display: flex;
position: sticky;
top: 0;
}
.pr-grid {
grid-template-rows: auto;
grid-template-columns: 1fr 1.05fr;
align-items: center;
column-gap: 5rem;
width: 100%;
display: grid;
}
.pr-visual {
aspect-ratio: 1;
width: 100%;
max-width: 30rem;
margin-left: auto;
margin-right: auto;
position: relative;
}
.pr-glow {
background-image: radial-gradient(closest-side, #2577f959, #00e5d114 60%, #00022800);
border-radius: 50%;
position: absolute;
inset: 10%;
}
.pr-track {
border: 1px solid #ffffff1a;
border-radius: 50%;
position: absolute;
inset: 0;
}
.pr-ring {
border-radius: 50%;
position: absolute;
inset: 0;
}
.pr-node {
color: #ffffff8c;
background-color: #010019;
border: 1px solid #ffffff2e;
border-radius: 50%;
justify-content: center;
align-items: center;
width: 2.5rem;
height: 2.5rem;
margin-top: -1.25rem;
margin-left: -1.25rem;
font-family: Euclid Circular B, Arial, sans-serif;
font-size: 12px;
font-weight: 500;
display: flex;
position: absolute;
}
.pr-node.pr-node-1 {
top: 0%;
left: 50%;
}
.pr-node.pr-node-2 {
top: 50%;
left: 100%;
}
.pr-node.pr-node-3 {
top: 100%;
left: 50%;
}
.pr-node.pr-node-4 {
top: 50%;
left: 0%;
}
.pr-node-1 {
top: 0%;
left: 50%;
}
.pr-node-2 {
top: 50%;
left: 100%;
}
.pr-node-3 {
top: 100%;
left: 50%;
}
.pr-node-4 {
top: 50%;
left: 0%;
}
.pr-orb {
position: absolute;
inset: 21%;
}
.pr-img {
border-radius: 50%;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
box-shadow: 0 30px 90px -20px #0700ffbf;
}
.pr-img.pr-alt {
opacity: 0;
}
.pr-steps-1 {
flex-direction: column;
row-gap: .5rem;
padding-left: 2.75rem;
display: flex;
position: relative;
}
.pr-rail {
background-color: #ffffff1f;
width: 1px;
position: absolute;
top: .5rem;
bottom: .5rem;
left: 0;
}
.pr-rail-fill {
background-image: linear-gradient(#00e5d1, #2577f9);
width: 1px;
height: 0%;
position: absolute;
top: 0;
left: 0;
}
.pr-step-1 {
padding-top: 1.25rem;
padding-bottom: 1.25rem;
position: relative;
}
.pr-step-head {
align-items: center;
column-gap: .85rem;
display: flex;
}
.pr-num {
color: #00e5d1;
letter-spacing: .08em;
font-family: Euclid Circular B, Arial, sans-serif;
font-size: 14px;
font-weight: 500;
}
.pr-kicker {
color: #ffffff8c;
letter-spacing: .14em;
text-transform: uppercase;
font-family: Euclid Circular B, Arial, sans-serif;
font-size: 13px;
}
.pr-title {
color: #fff;
margin-top: .6rem;
font-family: Euclid Circular B, Arial, sans-serif;
font-size: 34px;
font-weight: 400;
line-height: 1.2;
}
.pr-body {
padding-top: .75rem;
}
.pr-desc {
color: #aab2c5;
max-width: 30rem;
font-family: Euclid Circular B, Arial, sans-serif;
font-size: 18px;
line-height: 1.6;
}
.pr-ico {
display: none;
}
.svp {
height: 260vh;
margin-top: 4.5rem;
position: relative;
}
.svp-pin {
align-items: center;
height: 100vh;
display: flex;
position: sticky;
top: 0;
}
.svp-grid {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
align-items: center;
column-gap: 5.5rem;
width: 100%;
display: grid;
}
.svp-visual {
aspect-ratio: 1;
width: 100%;
max-width: 28rem;
margin-left: auto;
margin-right: auto;
position: relative;
}
.svp-glow {
background-image: radial-gradient(closest-side, #2577f959, #00e5d114 60%, #00022800);
border-radius: 50%;
position: absolute;
inset: 10%;
}
.svp-track {
border: 1px solid #ffffff1a;
border-radius: 50%;
position: absolute;
inset: 0;
}
.svp-ring {
border-radius: 50%;
position: absolute;
inset: 0;
}
.svp-node {
color: #ffffff8c;
background-color: #010019;
border: 1px solid #ffffff2e;
border-radius: 50%;
justify-content: center;
align-items: center;
width: 2.5rem;
height: 2.5rem;
margin-top: -1.25rem;
margin-left: -1.25rem;
font-family: Euclid Circular B, Arial, sans-serif;
font-size: 12px;
font-weight: 500;
display: flex;
position: absolute;
}
.svp-node.svp-n1 {
top: 0%;
left: 50%;
}
.svp-node.svp-n2 {
top: 50%;
left: 100%;
}
.svp-node.svp-n3 {
top: 100%;
left: 50%;
}
.svp-node.svp-n4 {
top: 50%;
left: 0%;
}
.svp-orb {
position: absolute;
inset: 21%;
}
.svp-img {
border-radius: 50%;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
box-shadow: 0 30px 90px -20px #0700ffbf;
}
.svp-img.svp-alt {
opacity: 0;
}
.svp-panel {
flex-direction: column;
row-gap: 2.5rem;
max-width: 31rem;
display: flex;
position: relative;
}
.svp-meta {
justify-content: space-between;
align-items: flex-end;
display: flex;
}
.svp-label {
color: #ffffff80;
letter-spacing: .16em;
text-transform: uppercase;
font-family: Euclid Circular B, Arial, sans-serif;
font-size: 13px;
}
.svp-count {
color: #fff6;
letter-spacing: .06em;
font-family: Euclid Circular B, Arial, sans-serif;
font-size: 15px;
}
.svp-cur {
color: #fff;
font-size: 15px;
}
.svp-bar {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
column-gap: .5rem;
margin-top: -1.5rem;
display: grid;
}
.svp-seg {
background-color: #ffffff1f;
border-radius: 3px;
height: 3px;
position: relative;
overflow: hidden;
}
.svp-seg-fill {
background-image: linear-gradient(90deg, #00e5d1, #2577f9);
width: 0%;
position: absolute;
top: 0;
bottom: 0;
left: 0;
}
.svp-stages {
grid-template-rows: auto;
grid-template-columns: 1fr;
display: grid;
}
.svp-stage {
grid-area: 1 / 1 / 2 / 2;
}
.svp-stage.svp-off {
opacity: 0;
}
.svp-ico {
display: none;
}
.svp-head {
align-items: center;
column-gap: .85rem;
display: flex;
}
.svp-num {
color: #00e5d1;
letter-spacing: .08em;
font-family: Euclid Circular B, Arial, sans-serif;
font-size: 14px;
font-weight: 500;
}
.svp-kicker {
color: #fff9;
letter-spacing: .14em;
text-transform: uppercase;
font-family: Euclid Circular B, Arial, sans-serif;
font-size: 13px;
}
.svp-title {
color: #fff;
letter-spacing: -.01em;
margin-top: .9rem;
font-family: Euclid Circular B, Arial, sans-serif;
font-size: 40px;
font-weight: 400;
line-height: 1.15;
}
.svp-desc {
color: #aab2c5;
margin-top: 1.1rem;
font-family: Euclid Circular B, Arial, sans-serif;
font-size: 18px;
line-height: 1.65;
}
.nnw-band {
z-index: 0;
background-color: #fff;
margin-top: 5rem;
padding-top: 7.5rem;
padding-bottom: 7.5rem;
position: relative;
overflow: hidden;
}
.nnp-head {
justify-content: space-between;
align-items: flex-end;
column-gap: 4rem;
display: flex;
}
.nnp-head-l {
flex-direction: column;
row-gap: 1.5rem;
display: flex;
}
.nnp-title {
color: #010019;
letter-spacing: -.02em;
margin-top: 0;
margin-bottom: 0;
font-family: Euclid Circular B, Arial, sans-serif;
font-size: 52px;
font-weight: 500;
line-height: 1.08;
}
.nnp-grad {
color: #2577f9;
font-weight: 500;
}
.nnp-sub {
color: #5b6275;
max-width: 24rem;
margin-top: 0;
margin-bottom: .4rem;
font-family: Euclid Circular B, Arial, sans-serif;
font-size: 17px;
font-weight: 400;
line-height: 1.6;
}
.nnp-grid {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
align-items: stretch;
gap: 1.25rem;
margin-top: 3.5rem;
display: grid;
}
.nnp-card {
background-color: #fff;
border: 1px solid #0100191a;
flex-direction: column;
padding: 2.25rem 2rem 2rem;
display: flex;
position: relative;
}
.nnp-card.nnp-feat {
border-color: #2577f973;
box-shadow: 0 30px 60px -28px #2577f973;
}
.nnp-top {
justify-content: space-between;
align-items: center;
min-height: 1.75rem;
display: flex;
}
.nnp-tier {
color: #01001966;
letter-spacing: .14em;
font-family: Euclid Circular B, Arial, sans-serif;
font-size: 13px;
font-weight: 500;
}
.nnp-badge {
color: #fff;
letter-spacing: .08em;
text-transform: uppercase;
background-color: #010019;
border-radius: 100px;
align-items: center;
column-gap: .5rem;
padding: .35rem .8rem;
font-family: Euclid Circular B, Arial, sans-serif;
font-size: 12px;
font-weight: 500;
display: flex;
}
.nnp-name {
color: #010019;
letter-spacing: -.01em;
margin-top: 1.75rem;
margin-bottom: 0;
font-family: Euclid Circular B, Arial, sans-serif;
font-size: 26px;
font-weight: 500;
line-height: 1.2;
}
.nnp-desc {
color: #5b6275;
min-height: 3em;
margin-top: .6rem;
margin-bottom: 0;
font-family: Euclid Circular B, Arial, sans-serif;
font-size: 15px;
font-weight: 400;
line-height: 1.5;
}
.nnp-price {
border-bottom: 1px solid #01001914;
align-items: baseline;
column-gap: .6rem;
margin-top: 1.75rem;
padding-bottom: 1.75rem;
display: flex;
}
.nnp-from {
color: #5b6275;
font-family: Euclid Circular B, Arial, sans-serif;
font-size: 14px;
font-weight: 400;
}
.nnp-amt {
color: #010019;
letter-spacing: -.02em;
font-family: Euclid Circular B, Arial, sans-serif;
font-size: 44px;
font-weight: 500;
line-height: 1;
}
.nnp-list {
flex-direction: column;
flex-grow: 1;
row-gap: .85rem;
margin-top: 1.75rem;
margin-bottom: 2.25rem;
display: flex;
}
.nnp-li {
color: #2b3045;
padding-left: 1.75rem;
font-family: Euclid Circular B, Arial, sans-serif;
font-size: 15px;
font-weight: 400;
line-height: 1.45;
position: relative;
}
.nnp-btn {
color: #010019;
border: 1px solid #01001929;
justify-content: space-between;
align-items: center;
padding: 1rem 1.25rem;
font-family: Euclid Circular B, Arial, sans-serif;
font-size: 15px;
font-weight: 500;
text-decoration: none;
display: flex;
}
.nnp-btn.nnp-btn-feat {
color: #fff;
background-image: linear-gradient(90deg, #00e5d1, #2577f9);
border-width: 0;
border-color: #0000;
padding: calc(1rem + 1px) calc(1.25rem + 1px);
}
.nnp-arrow {
font-size: 18px;
line-height: 1;
}
.nnp-entry {
border: 1px dashed #0100192e;
align-items: center;
column-gap: 1.5rem;
margin-top: 1.25rem;
padding: 1.4rem 2rem;
font-family: Euclid Circular B, Arial, sans-serif;
text-decoration: none;
display: flex;
}
.nnp-entry-k {
color: #2577f9;
letter-spacing: .14em;
text-transform: uppercase;
flex-shrink: 0;
font-size: 12px;
font-weight: 500;
}
.nnp-entry-t {
color: #5b6275;
flex-grow: 1;
font-size: 15px;
font-weight: 400;
line-height: 1.5;
}
.nnp-entry-n {
color: #010019;
font-weight: 500;
}
.nnp-entry-p {
color: #010019;
flex-shrink: 0;
font-size: 18px;
font-weight: 500;
}
.nnp-entry-a {
color: #010019;
flex-shrink: 0;
font-size: 18px;
}
.nnp-foot {
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
gap: .75rem 2rem;
margin-top: 1.75rem;
display: flex;
}
.nnp-note {
color: #8a90a2;
font-family: Euclid Circular B, Arial, sans-serif;
font-size: 13px;
font-weight: 400;
line-height: 1.5;
}
.nnp-more {
color: #2577f9;
font-family: Euclid Circular B, Arial, sans-serif;
font-size: 14px;
font-weight: 500;
text-decoration: none;
}
.nnc-head {
justify-content: space-between;
align-items: flex-end;
column-gap: 4rem;
display: flex;
}
.nnc-head-l {
flex-direction: column;
row-gap: 1.5rem;
display: flex;
}
.nnc-title {
color: #010019;
letter-spacing: -.02em;
margin-top: 0;
margin-bottom: 0;
font-family: Euclid Circular B, Arial, sans-serif;
font-size: 52px;
font-weight: 500;
line-height: 1.08;
}
.nnc-grad {
color: #2577f9;
font-weight: 500;
}
.nnc-head-r {
flex-direction: column;
align-items: flex-end;
row-gap: .75rem;
display: flex;
}
.nnc-sub {
color: #5b6275;
text-align: right;
max-width: 20rem;
margin-top: 0;
margin-bottom: 0;
font-family: Euclid Circular B, Arial, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 1.6;
}
.nnc-count {
color: #2577f9;
letter-spacing: .14em;
text-transform: uppercase;
font-family: Euclid Circular B, Arial, sans-serif;
font-size: 12px;
font-weight: 500;
}
.nnx-list {
flex-direction: column;
row-gap: 8rem;
margin-top: 6rem;
display: flex;
}
.nnx-item {
color: #010019;
align-items: center;
column-gap: 7rem;
text-decoration: none;
display: flex;
position: relative;
}
.nnx-item.nnx-flip {
flex-direction: row-reverse;
}
.nnx-media {
flex: 0 0 42%;
position: relative;
}
.nnx-mat {
background-color: #eef0f4;
position: absolute;
inset: 6% -7% -6% 7%;
}
.nnx-mat.nnx-m1 {
background-color: #f2e60047;
}
.nnx-mat.nnx-m2 {
background-color: #23415f33;
}
.nnx-mat.nnx-m3 {
background-color: #c4512a29;
}
.nnx-mat.nnx-m4 {
background-color: #a8841a2e;
}
.nnx-mat.nnx-m5 {
background-color: #2f6db526;
}
.nnx-mat.nnx-m6 {
background-color: #d4b98a47;
}
.nnx-mat.nnx-m7 {
background-color: #00481229;
}
.nnx-frame {
aspect-ratio: 500 / 709;
background-color: #e9ecf2;
position: relative;
overflow: hidden;
box-shadow: 0 50px 90px -50px #01001973;
}
.nnx-img {
object-fit: cover;
width: 100%;
max-width: none;
height: 100%;
display: block;
}
.nnx-view {
opacity: 0;
pointer-events: none;
color: #fff;
text-align: center;
background-color: #010019;
border-radius: 50%;
justify-content: center;
align-items: center;
width: 6.5rem;
height: 6.5rem;
margin-top: -3.25rem;
margin-left: -3.25rem;
font-family: Euclid Circular B, Arial, sans-serif;
font-size: 13px;
font-weight: 500;
line-height: 1.25;
display: flex;
position: absolute;
top: 50%;
left: 50%;
}
.nnx-body {
flex: 1;
position: relative;
}
.nnx-big {
pointer-events: none;
color: #01001909;
letter-spacing: -.04em;
font-family: Euclid Circular B, Arial, sans-serif;
font-size: 240px;
font-weight: 500;
line-height: 1;
position: absolute;
top: -6rem;
right: 0;
}
.nnx-meta {
align-items: center;
column-gap: .9rem;
display: flex;
position: relative;
}
.nnx-num {
color: #2577f9;
letter-spacing: .12em;
font-family: Euclid Circular B, Arial, sans-serif;
font-size: 14px;
font-weight: 500;
}
.nnx-rule {
background-image: linear-gradient(90deg, #00e5d1, #2577f9);
width: 3rem;
height: 1px;
}
.nnx-kind {
color: #5b6275;
letter-spacing: .14em;
text-transform: uppercase;
font-family: Euclid Circular B, Arial, sans-serif;
font-size: 13px;
font-weight: 500;
}
.nnx-name {
color: #010019;
letter-spacing: -.025em;
margin-top: 1.5rem;
margin-bottom: 0;
font-family: Euclid Circular B, Arial, sans-serif;
font-size: 64px;
font-weight: 500;
line-height: 1.02;
position: relative;
}
.nnx-desc {
color: #5b6275;
max-width: 30rem;
margin-top: 1.4rem;
margin-bottom: 0;
font-family: Euclid Circular B, Arial, sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 1.65;
position: relative;
}
.nnx-tags {
flex-wrap: wrap;
gap: .5rem;
margin-top: 2rem;
display: flex;
position: relative;
}
.nnx-tag {
color: #2b3045;
border: 1px solid #0100191f;
border-radius: 100px;
padding: .4rem .9rem;
font-family: Euclid Circular B, Arial, sans-serif;
font-size: 13px;
font-weight: 500;
}
.nnx-cta {
align-items: center;
column-gap: 1rem;
margin-top: 2.75rem;
display: inline-flex;
position: relative;
}
.nnx-cta-t {
color: #010019;
font-family: Euclid Circular B, Arial, sans-serif;
font-size: 16px;
font-weight: 500;
}
.nnx-cta-c {
color: #010019;
border: 1px solid #01001929;
border-radius: 50%;
justify-content: center;
align-items: center;
width: 3.25rem;
height: 3.25rem;
font-size: 18px;
display: flex;
}
.pr-proj-pricewrap {
flex-direction: column;
row-gap: .2rem;
display: flex;
}
.pr-proj-start {
color: #0100198c;
white-space: nowrap;
font-family: Euclid Circular B, Arial, sans-serif;
font-size: 13px;
font-weight: 400;
line-height: 1.4;
}
.pr-proj-go {
justify-content: space-between;
align-items: center;
column-gap: .7rem;
display: flex;
}
.pr-proj-see {
color: #2577f9;
white-space: nowrap;
font-family: Euclid Circular B, Arial, sans-serif;
font-size: 14px;
font-weight: 500;
}
.tpm-hero-img {
border-radius: 20px;
width: 100%;
height: auto;
display: block;
}
.tpmb-grid {
grid-column-gap: 1.375rem;
grid-row-gap: 1.375rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
width: 100%;
display: grid;
}
.tpmb-grid.an-gap {
margin-top: 22px;
}
.tpmb-img {
aspect-ratio: 4 / 5;
object-fit: cover;
border-radius: 2rem;
width: 100%;
height: auto;
display: block;
}
.wsv-hero {
object-fit: cover;
border-radius: 2rem;
width: 100%;
height: 720px;
display: block;
}
.wsp-strip {
border-radius: 2rem;
width: 100%;
height: auto;
margin-top: 2.5rem;
display: block;
}
.wsg {
grid-column-gap: 1.375rem;
grid-row-gap: 1.375rem;
flex-direction: column;
width: 100%;
margin-top: 2.5rem;
display: flex;
}
.wsg-row {
grid-column-gap: 1.375rem;
grid-row-gap: 1.375rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
width: 100%;
display: grid;
}
.wsg-row3 {
grid-column-gap: 1.375rem;
grid-row-gap: 1.375rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
width: 100%;
display: grid;
}
.wsg-img {
border-radius: 2rem;
width: 100%;
height: auto;
display: block;
}
.wsv-cta {
border-radius: 2rem;
align-self: stretch;
width: 100%;
max-width: none;
height: auto;
margin-top: 3.75rem;
display: block;
}
.nni-bar {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
border-top: 1px solid #0100191a;
flex-direction: column;
width: 100%;
margin-top: 5rem;
margin-bottom: 2.5rem;
padding-top: 3rem;
display: flex;
}
.nni-head {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
flex-direction: column;
display: flex;
}
.nni-eyebrow {
color: #2577f9;
letter-spacing: .18em;
text-transform: uppercase;
font-size: 13px;
}
.nni-title {
color: #010019;
margin-top: 0;
margin-bottom: 0;
font-size: 40px;
font-weight: 500;
line-height: 1.15;
}
.nni-chips {
grid-column-gap: .625rem;
grid-row-gap: .625rem;
flex-wrap: wrap;
display: flex;
}
.nni-chip {
color: #010019;
cursor: pointer;
background-color: #fff;
border: 1px solid #01001924;
border-radius: 999px;
padding: 10px 18px;
font-size: 15px;
line-height: 1.2;
text-decoration: none;
transition: all .3s;
}
.nni-chip:hover {
border-color: #2577f9;
}
.nni-chip.nni-on, .nni-on {
color: #fff;
background-image: linear-gradient(90deg, #00e5d1, #2577f9);
border-color: #0000;
}
.nna-sec {
color: #010019;
background-color: #fff;
padding: 7rem 2rem;
position: relative;
}
.nna-sec.nna-soft {
background-color: #f6f8fc;
}
.nna-wrap {
max-width: 76rem;
margin: 0 auto;
}
.nna-head {
text-align: center;
max-width: 46rem;
margin: 0 auto 3.5rem;
}
.nna-eyebrow {
color: #2577f9;
letter-spacing: .16em;
text-transform: uppercase;
margin-bottom: 1rem;
font-size: 14px;
font-weight: 600;
display: inline-block;
}
.nna-h2 {
color: #010019;
letter-spacing: -.02em;
margin: 0;
font-size: 48px;
font-weight: 500;
line-height: 1.1;
}
.nna-grad {
color: #0000;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(90deg, #00e5d1, #2577f9);
-webkit-background-clip: text;
background-clip: text;
}
.nna-lead {
color: #5b6378;
max-width: 38rem;
margin: 1.25rem auto 0;
font-size: 18px;
line-height: 1.6;
}
.nna-map {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
grid-template-rows: auto;
grid-template-columns: 1fr auto 1fr;
align-items: center;
display: grid;
}
.nna-loc {
background-image: linear-gradient(#fbfcff, #fff);
border: 1px solid #e6e9f2;
border-radius: 24px;
padding: 2.25rem;
box-shadow: 0 30px 60px -40px #01001940;
}
.nna-tag {
color: #8a92a6;
letter-spacing: .14em;
text-transform: uppercase;
font-size: 13px;
font-weight: 600;
}
.nna-place {
letter-spacing: -.02em;
margin-top: .75rem;
font-size: 32px;
font-weight: 500;
line-height: 1.15;
}
.nna-sub {
color: #2577f9;
margin-top: .35rem;
font-size: 16px;
font-weight: 600;
}
.nna-note {
color: #5b6378;
margin: 1rem 0 0;
font-size: 16px;
line-height: 1.6;
}
.nna-bridge {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
flex-direction: column;
align-items: center;
width: 13rem;
display: flex;
}
.nna-line {
background-image: repeating-linear-gradient(#b9c3d6 0 4px, #0000 4px 9px);
width: 1px;
height: 2.5rem;
}
.nna-chip {
color: #fff;
text-align: center;
background-color: #010019;
border-radius: 999px;
padding: .6rem 1rem;
font-size: 14px;
line-height: 1.3;
}
.nna-facts {
border-top: 1px solid #e6e9f2;
grid-template-rows: auto;
grid-template-columns: repeat(4, 1fr);
margin-top: 3.5rem;
display: grid;
}
.nna-fact {
padding: 2rem 1.5rem 0 0;
}
.nna-num {
color: #0000;
letter-spacing: -.03em;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(90deg, #00e5d1, #2577f9);
-webkit-background-clip: text;
background-clip: text;
font-size: 40px;
font-weight: 500;
line-height: 1;
}
.nna-fl {
color: #5b6378;
margin-top: .6rem;
font-size: 15px;
line-height: 1.5;
}
.nna-soft {
background-color: #f6f8fc;
}
.nna-cols {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
display: grid;
}
.nna-col {
background-color: #fff;
border: 1px solid #e6e9f2;
border-radius: 24px;
flex-direction: column;
padding: 2.25rem;
display: flex;
}
.nna-col-dk {
color: #fff;
background-color: #010019;
border-radius: 24px;
flex-direction: column;
padding: 2.25rem;
display: flex;
}
.nna-ctag {
color: #8a92a6;
letter-spacing: .14em;
text-transform: uppercase;
margin-bottom: 1rem;
font-size: 13px;
font-weight: 600;
}
.nna-ctag-dk {
color: #ffffff8c;
letter-spacing: .14em;
text-transform: uppercase;
margin-bottom: 1rem;
font-size: 13px;
font-weight: 600;
}
.nna-svc {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
color: #010019;
border-top: 1px solid #e6e9f2;
justify-content: space-between;
align-items: baseline;
padding: 1.15rem 0;
text-decoration: none;
transition: padding .35s;
display: flex;
}
.nna-svc:hover {
padding-left: .5rem;
}
.nna-svc-dk {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
color: #fff;
border-top: 1px solid #ffffff1f;
justify-content: space-between;
align-items: baseline;
padding: 1.15rem 0;
text-decoration: none;
transition: padding .35s;
display: flex;
}
.nna-svc-dk:hover {
padding-left: .5rem;
}
.nna-svc-t {
letter-spacing: -.01em;
font-size: 21px;
font-weight: 500;
}
.nna-svc-d {
color: #5b6378;
text-align: right;
font-size: 15px;
line-height: 1.5;
}
.nna-svc-ddk {
color: #fff9;
text-align: right;
font-size: 15px;
line-height: 1.5;
}
.nna-price {
color: #fffc;
background-color: #ffffff0f;
border-radius: 14px;
margin-top: auto;
padding: 1.15rem 1.25rem;
font-size: 15px;
line-height: 1.55;
}
.nna-steps {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-template-rows: auto;
grid-template-columns: repeat(5, 1fr);
display: grid;
}
.nna-step {
background-color: #fff;
border: 1px solid #e6e9f2;
border-radius: 20px;
padding: 1.75rem 1.5rem;
position: relative;
overflow: hidden;
}
.nna-bar {
background-image: linear-gradient(90deg, #00e5d1, #2577f9);
height: 3px;
position: absolute;
top: 0;
left: 0;
right: 0;
}
.nna-sn {
color: #2577f9;
letter-spacing: .1em;
font-size: 14px;
font-weight: 600;
}
.nna-st {
color: #010019;
letter-spacing: -.01em;
margin-top: .9rem;
font-size: 20px;
font-weight: 500;
line-height: 1.25;
}
.nna-sd {
color: #5b6378;
margin: .75rem 0 0;
font-size: 15px;
line-height: 1.6;
}
.nna-tz {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
color: #fff;
background-color: #010019;
border-radius: 20px;
grid-template-rows: auto;
grid-template-columns: 18rem 1fr;
align-items: center;
margin-top: 2rem;
padding: 1.75rem 2rem;
display: grid;
}
.nna-tz-t {
font-size: 20px;
font-weight: 500;
}
.nna-tz-d {
color: #ffffffb8;
margin: 0;
font-size: 16px;
line-height: 1.6;
}
.nna-note-card {
background-color: #fff;
border: 1px solid #e6e9f2;
border-radius: 28px;
max-width: 56rem;
margin: 0 auto;
padding: 3.5rem;
box-shadow: 0 40px 80px -50px #01001959;
}
.nna-quote {
color: #010019;
letter-spacing: -.015em;
margin: 1rem 0 0;
font-size: 28px;
font-weight: 400;
line-height: 1.45;
}
.nna-sign {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
border-top: 1px solid #e6e9f2;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
margin-top: 2rem;
padding-top: 1.5rem;
display: flex;
}
.nna-sign-n {
color: #010019;
font-size: 18px;
font-weight: 600;
}
.nna-sign-r {
color: #5b6378;
margin-top: .2rem;
font-size: 15px;
}
.nna-sign-l {
color: #2577f9;
font-size: 16px;
font-weight: 500;
text-decoration: none;
}
.nna-inds {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-template-rows: auto;
grid-template-columns: repeat(3, 1fr);
display: grid;
}
.nna-ind {
color: #010019;
background-color: #fff;
border: 1px solid #e6e9f2;
border-radius: 18px;
padding: 1.5rem 1.75rem;
text-decoration: none;
transition: border-color .3s, transform .4s, box-shadow .4s;
display: block;
}
.nna-ind:hover {
border-color: #2577f9;
transform: translateY(-3px);
box-shadow: 0 24px 40px -28px #2577f999;
}
.nna-ind-k {
color: #8a92a6;
letter-spacing: .12em;
text-transform: uppercase;
font-size: 13px;
font-weight: 600;
}
.nna-ind-v {
letter-spacing: -.01em;
margin-top: .5rem;
font-size: 22px;
font-weight: 500;
}
.nna-fit {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
margin-top: 2rem;
display: grid;
}
.nna-fit-c {
background-color: #f2fbfa;
border: 1px solid #cdeee9;
border-radius: 20px;
padding: 2rem;
}
.nna-fit-c.nna-fit-no, .nna-fit-no {
background-color: #f7f8fb;
border-color: #e6e9f2;
}
.nna-fit-t {
color: #010019;
margin-bottom: .75rem;
font-size: 20px;
font-weight: 500;
}
.nna-fit-i {
color: #3d4459;
border-top: 1px solid #01001914;
padding: .7rem 0;
font-size: 16px;
line-height: 1.55;
}
.nna-qa {
grid-column-gap: 3rem;
grid-row-gap: 0;
border-top: 1px solid #e6e9f2;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
display: grid;
}
.nna-q {
border-bottom: 1px solid #e6e9f2;
padding: 1.75rem 0;
}
.nna-q-t {
color: #010019;
letter-spacing: -.01em;
font-size: 20px;
font-weight: 500;
}
.nna-q-a {
color: #5b6378;
margin: .6rem 0 0;
font-size: 16px;
line-height: 1.65;
}
.nnb-dsec {
color: #fff;
padding: 7rem 2rem 8rem;
font-family: Euclid Circular B, Arial, sans-serif;
position: relative;
}
.nnb-dsec.nnb-tb {
padding-bottom: 1rem;
}
.nnb-wrap {
max-width: 78rem;
margin-left: auto;
margin-right: auto;
}
.nnb-head {
text-align: center;
max-width: 48rem;
margin: 0 auto 4rem;
}
.nnb-eb {
grid-column-gap: .6rem;
grid-row-gap: .6rem;
color: #5aa0ff;
letter-spacing: .14em;
text-transform: uppercase;
background-color: #2577f914;
border: 1px solid #2577f959;
border-radius: 999px;
align-items: center;
margin-bottom: 1.25rem;
padding: .45rem .9rem;
font-size: 13px;
font-weight: 600;
display: inline-flex;
}
.nnb-dot {
background-image: linear-gradient(135deg, #00e5d1, #2577f9);
border-radius: 50%;
width: 6px;
height: 6px;
}
.nnb-h2 {
color: #fff;
letter-spacing: -.025em;
margin: 0;
font-size: 52px;
font-weight: 500;
line-height: 1.08;
}
.nnb-lead {
color: #ffffffa8;
max-width: 40rem;
margin: 1.25rem auto 0;
font-size: 18px;
line-height: 1.65;
}
.nnb-g3 {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-template-rows: auto;
grid-template-columns: repeat(3, 1fr);
display: grid;
}
.nnb-gc {
background-image: linear-gradient(#ffffff0f, #ffffff04);
border: 1px solid #ffffff24;
border-radius: 1.25rem;
flex-direction: column;
padding: 2.25rem 2rem 2rem;
display: flex;
position: relative;
overflow: hidden;
}
.nnb-gglow {
pointer-events: none;
background-image: radial-gradient(closest-side, #2577f947, #2577f900);
height: 80%;
position: absolute;
top: -60%;
left: -20%;
right: -20%;
}
.nnb-gk {
color: #ffffff80;
letter-spacing: .14em;
text-transform: uppercase;
font-size: 13px;
font-weight: 600;
position: relative;
}
.nnb-gt {
letter-spacing: -.02em;
margin-top: 1.75rem;
font-size: 30px;
font-weight: 500;
line-height: 1.15;
position: relative;
}
.nnb-gs {
color: #00e5d1;
margin-top: .4rem;
font-size: 15px;
font-weight: 600;
position: relative;
}
.nnb-gd {
color: #ffffffa8;
margin: 1rem 0 0;
font-size: 16px;
line-height: 1.65;
position: relative;
}
.nnb-stats {
border: 1px solid #ffffff24;
border-radius: 1.25rem;
grid-template-rows: auto;
grid-template-columns: repeat(4, 1fr);
margin-top: 1rem;
display: grid;
overflow: hidden;
}
.nnb-st {
border-right: 1px solid #ffffff1a;
padding: 2rem;
}
.nnb-stl {
padding: 2rem;
}
.nnb-sn {
color: #0000;
letter-spacing: -.03em;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(90deg, #00e5d1, #2577f9);
-webkit-background-clip: text;
background-clip: text;
font-size: 44px;
font-weight: 500;
line-height: 1;
}
.nnb-sl {
color: #ffffff9e;
margin-top: .75rem;
font-size: 15px;
line-height: 1.5;
}
.nnb-wsec {
color: #010019;
background-color: #fff;
border-radius: 0;
margin-top: 0;
margin-bottom: 0;
padding: 7rem 2rem;
font-family: Euclid Circular B, Arial, sans-serif;
position: relative;
}
.nnb-ebw {
grid-column-gap: .6rem;
grid-row-gap: .6rem;
color: #2577f9;
letter-spacing: .14em;
text-transform: uppercase;
background-color: #2577f90f;
border: 1px solid #2577f940;
border-radius: 999px;
align-items: center;
margin-bottom: 1.25rem;
padding: .45rem .9rem;
font-size: 13px;
font-weight: 600;
display: inline-flex;
}
.nnb-h2w {
color: #010019;
letter-spacing: -.025em;
margin: 0;
font-size: 52px;
font-weight: 500;
line-height: 1.08;
}
.nnb-leadw {
color: #5b6378;
max-width: 40rem;
margin: 1.25rem auto 0;
font-size: 18px;
line-height: 1.65;
}
.nnb-split {
grid-column-gap: 1.25rem;
grid-row-gap: 1.25rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
display: grid;
}
.nnb-pl {
color: #fff;
background-color: #ffffff08;
background-image: linear-gradient(#ffffff0f, #ffffff04);
border: 1px solid #ffffff24;
border-radius: 1.5rem;
flex-direction: column;
padding: 2.5rem;
display: flex;
}
.nnb-pd {
color: #fff;
background-color: #06103a;
background-image: radial-gradient(90% 70% at 100% 0, #2577f973, #06103a00);
border: 1px solid #2577f973;
border-radius: 1.5rem;
flex-direction: column;
padding: 2.5rem;
display: flex;
}
.nnb-pk, .nnb-pkd {
color: #ffffff8c;
letter-spacing: .14em;
text-transform: uppercase;
font-size: 13px;
font-weight: 600;
}
.nnb-pt {
letter-spacing: -.02em;
margin-top: .75rem;
margin-bottom: 1.5rem;
font-size: 28px;
font-weight: 500;
line-height: 1.2;
}
.nnb-row {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
color: #fff;
border-top: 1px solid #ffffff1f;
grid-template-rows: auto;
grid-template-columns: 1fr auto;
align-items: center;
padding: 1.15rem 0;
text-decoration: none;
transition: padding .35s, color .3s;
display: grid;
}
.nnb-row:hover {
color: #00e5d1;
padding-left: .5rem;
}
.nnb-rowd {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
color: #fff;
border-top: 1px solid #ffffff1f;
grid-template-rows: auto;
grid-template-columns: 1fr auto;
align-items: center;
padding: 1.15rem 0;
text-decoration: none;
transition: padding .35s, color .3s;
display: grid;
}
.nnb-rowd:hover {
color: #00e5d1;
padding-left: .5rem;
}
.nnb-rt {
letter-spacing: -.01em;
font-size: 20px;
font-weight: 500;
}
.nnb-rd, .nnb-rdd {
color: #fff9;
margin-top: .3rem;
font-size: 15px;
line-height: 1.5;
}
.nnb-ar, .nnb-ard {
border: 1px solid #fff3;
border-radius: 50%;
justify-content: center;
align-items: center;
width: 2.5rem;
height: 2.5rem;
font-size: 16px;
display: flex;
}
.nnb-pn {
color: #ffffffb3;
margin-top: auto;
padding-top: 1.5rem;
font-size: 15px;
line-height: 1.6;
}
.nnb-pnb {
color: #fff;
font-weight: 600;
}
.nnb-steps {
grid-row-gap: 0;
grid-column-gap: 0;
border-top: 1px solid #e3e7f0;
grid-template-rows: auto;
grid-template-columns: repeat(5, 1fr);
display: grid;
}
.nnb-step {
padding: 2rem 1.5rem 0 0;
}
.nnb-snum {
color: #2577f9;
background-color: #fff;
border: 1px solid #d5dbe8;
border-radius: 50%;
justify-content: center;
align-items: center;
width: 2.75rem;
height: 2.75rem;
margin-top: -3.4rem;
font-size: 14px;
font-weight: 600;
display: flex;
}
.nnb-snuma {
color: #fff;
background-image: linear-gradient(135deg, #00e5d1, #2577f9);
border-radius: 50%;
justify-content: center;
align-items: center;
width: 2.75rem;
height: 2.75rem;
margin-top: -3.4rem;
font-size: 14px;
font-weight: 600;
display: flex;
}
.nnb-stt {
color: #010019;
letter-spacing: -.01em;
margin-top: 1.5rem;
font-size: 21px;
font-weight: 500;
line-height: 1.25;
}
.nnb-std {
color: #5b6378;
margin: .75rem 0 0;
font-size: 15px;
line-height: 1.65;
}
.nnb-pfoot {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
flex-wrap: wrap;
margin-top: 3.5rem;
display: flex;
}
.nnb-chip {
color: #3d4459;
background-color: #f5f7fb;
border-radius: 999px;
padding: .7rem 1.1rem;
font-size: 15px;
}
.nnb-fc {
grid-column-gap: 3.5rem;
grid-row-gap: 3.5rem;
background-image: radial-gradient(70% 90% at 100% 0, #2577f938, #fff0), linear-gradient(135deg, #ffffff0f, #ffffff04);
border: 1px solid #ffffff24;
border-radius: 1.75rem;
grid-template-rows: auto;
grid-template-columns: 1fr;
align-items: center;
max-width: 60rem;
margin-left: auto;
margin-right: auto;
padding: 4rem 4.5rem 3.5rem;
display: grid;
}
.nnb-fimg {
object-fit: cover;
object-position: 50% 20%;
border-radius: 1.25rem;
width: 100%;
height: 26rem;
display: block;
}
.nnb-fq {
color: #fff;
letter-spacing: -.015em;
margin: 1.25rem 0 0;
padding-right: 0;
font-size: 30px;
font-weight: 400;
line-height: 1.45;
}
.nnb-fs {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
border-top: 1px solid #ffffff1f;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
margin-top: 2.25rem;
margin-right: 0;
padding-top: 1.5rem;
display: flex;
}
.nnb-fn {
font-size: 18px;
font-weight: 600;
}
.nnb-fr {
color: #fff9;
margin-top: .2rem;
font-size: 15px;
}
.nnb-fl {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
color: #fff;
border: 1px solid #fff3;
border-radius: 999px;
align-items: center;
padding: .75rem 1.2rem;
font-size: 15px;
text-decoration: none;
transition: background-color .3s;
display: inline-flex;
}
.nnb-fl:hover {
background-color: #ffffff14;
}
.nnb-inds {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-template-rows: auto;
grid-template-columns: repeat(3, 1fr);
display: grid;
}
.nnb-ind {
color: #fff;
background-color: #ffffff08;
background-image: linear-gradient(#ffffff0f, #ffffff04);
border: 1px solid #ffffff24;
border-radius: 1.25rem;
flex-direction: column;
justify-content: space-between;
min-height: 10rem;
padding: 1.75rem;
text-decoration: none;
transition: background-color .35s, transform .45s, box-shadow .45s;
display: flex;
}
.nnb-ind:hover {
background-color: #2577f91f;
border-color: #2577f999;
transform: translateY(-4px);
box-shadow: 0 30px 60px -30px #2577f98c;
}
.nnb-ik {
color: #ffffff80;
letter-spacing: .12em;
text-transform: uppercase;
font-size: 13px;
font-weight: 600;
}
.nnb-iv {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
letter-spacing: -.015em;
justify-content: space-between;
align-items: center;
font-size: 23px;
font-weight: 500;
display: flex;
}
.nnb-ia {
color: #00e5d1;
font-size: 18px;
}
.nnb-fit {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
margin-top: 1rem;
display: grid;
}
.nnb-fy {
color: #fff;
background-color: #06103a;
background-image: radial-gradient(80% 80% at 0 0, #00e5d140, #06103a00);
border: 1px solid #00e5d159;
border-radius: 1.25rem;
padding: 2.25rem;
}
.nnb-fno {
color: #fff;
background-color: #ffffff05;
border: 1px solid #ffffff24;
border-radius: 1.25rem;
padding: 2.25rem;
}
.nnb-ft {
letter-spacing: -.01em;
margin-bottom: 1rem;
font-size: 22px;
font-weight: 500;
}
.nnb-fi {
grid-column-gap: .9rem;
grid-row-gap: .9rem;
color: #fffc;
border-top: 1px solid #ffffff1f;
padding: .85rem 0;
font-size: 16px;
line-height: 1.55;
display: flex;
}
.nnb-fin {
grid-column-gap: .9rem;
grid-row-gap: .9rem;
color: #ffffff9e;
border-top: 1px solid #ffffff1f;
padding: .85rem 0;
font-size: 16px;
line-height: 1.55;
display: flex;
}
.nnb-ck {
color: #00e5d1;
flex: none;
font-weight: 700;
}
.nnb-cx {
color: #ffffff59;
flex: none;
font-weight: 700;
}
.nnb-faq {
grid-column-gap: 4rem;
grid-row-gap: 4rem;
grid-template-rows: auto;
grid-template-columns: 24rem 1fr;
align-items: start;
display: grid;
}
.nnb-faqh {
position: sticky;
top: 8rem;
}
.nnb-faqp {
color: #5b6378;
margin: 1.25rem 0 0;
font-size: 17px;
line-height: 1.65;
}
.nnb-faqm {
color: #fff;
background-color: #010019;
border-radius: 999px;
margin-top: 1.75rem;
padding: .85rem 1.4rem;
font-size: 15px;
text-decoration: none;
display: inline-flex;
}
.nnb-qs {
border-top: 1px solid #e3e7f0;
}
.nnb-q {
border-bottom: 1px solid #e3e7f0;
grid-template-rows: auto;
grid-template-columns: 3rem 1fr;
padding: 1.75rem 0;
display: grid;
}
.nnb-qn {
color: #2577f9;
padding-top: .3rem;
font-size: 14px;
font-weight: 600;
}
.nnb-qt {
color: #010019;
letter-spacing: -.01em;
font-size: 21px;
font-weight: 500;
line-height: 1.3;
}
.nnb-qa {
color: #5b6378;
margin: .6rem 0 0;
font-size: 16px;
line-height: 1.7;
}
.nnp-sec {
color: #010019;
background-color: #fff;
padding: 7rem 2rem;
font-family: Euclid Circular B, Arial, sans-serif;
position: relative;
}
.nnp-grid-1 {
grid-column-gap: 5rem;
grid-row-gap: 5rem;
grid-template-rows: auto;
grid-template-columns: 24rem 1fr;
align-items: start;
max-width: 78rem;
margin-left: auto;
margin-right: auto;
display: grid;
}
.nnp-left {
position: sticky;
top: 7rem;
}
.nnp-h2 {
color: #010019;
letter-spacing: -.025em;
margin: 0;
font-size: 48px;
font-weight: 500;
line-height: 1.08;
}
.nnp-lead {
color: #5b6378;
margin: 1.25rem 0 0;
font-size: 17px;
line-height: 1.65;
}
.nnp-list-1 {
border-top: 1px solid #e9edf4;
margin-top: 2rem;
}
.nnp-li-1 {
grid-column-gap: .85rem;
grid-row-gap: .85rem;
color: #2c3347;
border-bottom: 1px solid #e9edf4;
align-items: center;
padding: .95rem 0;
font-size: 16px;
display: flex;
}
.nnp-ck {
background-image: linear-gradient(135deg, #00e5d1, #2577f9);
border-radius: 50%;
flex: none;
width: 8px;
height: 8px;
box-shadow: 0 0 0 4px #2577f91a;
}
.nnp-cta {
color: #fff;
background-color: #010019;
border-radius: 999px;
align-items: center;
margin-top: 2rem;
padding: .95rem 1.5rem;
font-size: 15px;
font-weight: 500;
text-decoration: none;
transition: transform .35s, box-shadow .35s;
display: inline-flex;
}
.nnp-cta:hover {
transform: translateY(-2px);
box-shadow: 0 18px 36px -18px #2577f9cc;
}
.nnp-steps {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-direction: column;
display: flex;
}
.nnp-step {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
background-color: #f6f8fc;
border: 1px solid #eef1f7;
border-radius: 1.5rem;
grid-template-rows: auto;
grid-template-columns: 5.5rem 1fr;
padding: 2.25rem 2.25rem 2.25rem 2rem;
transition: background-color .4s, border-color .4s, box-shadow .4s, transform .4s;
display: grid;
}
.nnp-step:hover {
background-color: #fff;
border-color: #2577f959;
transform: translateY(-3px);
box-shadow: 0 30px 60px -40px #2577f98c;
}
.nnp-num {
letter-spacing: -.04em;
font-size: 60px;
font-weight: 500;
line-height: .9;
}
.nnp-t {
color: #010019;
letter-spacing: -.015em;
font-size: 25px;
font-weight: 500;
line-height: 1.2;
}
.nnp-d {
color: #5b6378;
margin: .65rem 0 0;
font-size: 16px;
line-height: 1.65;
}
.nnp-get {
grid-column-gap: .6rem;
grid-row-gap: .6rem;
color: #2c3347;
background-color: #fff;
border: 1px solid #e3e7f0;
border-radius: 999px;
align-items: center;
margin-top: 1.25rem;
padding: .5rem .9rem .5rem .5rem;
font-size: 14px;
display: inline-flex;
}
.nnp-getk {
color: #2577f9;
letter-spacing: .06em;
text-transform: uppercase;
background-color: #2577f91a;
border-radius: 999px;
padding: .2rem .6rem;
font-size: 12px;
font-weight: 600;
}
.nns-stage {
background-image: linear-gradient(#ffffff0d, #ffffff03);
border: 1px solid #ffffff1f;
border-radius: 2rem;
width: 100%;
max-width: 72rem;
height: 40rem;
margin-left: auto;
margin-right: auto;
font-family: Euclid Circular B, Arial, sans-serif;
position: relative;
overflow: hidden;
}
.nns-glow {
pointer-events: none;
background-image: radial-gradient(closest-side, #2577f973, #00e5d11f, #01001900);
height: 90%;
position: absolute;
top: -30%;
left: 10%;
right: 10%;
}
.nns-ai {
color: #010019;
background-color: #fff;
border-radius: 1.25rem;
width: 46%;
padding: 1.75rem;
transition: transform .5s;
position: absolute;
top: 16%;
left: 6%;
box-shadow: 0 50px 100px -20px #00022899, 0 30px 60px -30px #00000080;
}
.nns-ai:hover {
transform: translateY(-6px);
}
.nns-aih {
grid-column-gap: .6rem;
grid-row-gap: .6rem;
border-bottom: 1px solid #eef1f6;
align-items: center;
padding-bottom: 1rem;
display: flex;
}
.nns-spark {
color: #fff;
background-image: linear-gradient(135deg, #00e5d1, #2577f9);
border-radius: .6rem;
justify-content: center;
align-items: center;
width: 1.9rem;
height: 1.9rem;
font-size: 14px;
display: flex;
}
.nns-ait {
font-size: 15px;
font-weight: 600;
}
.nns-aim {
color: #8a92a6;
margin-left: auto;
font-size: 12px;
}
.nns-qb {
color: #2c3347;
background-color: #f2f5fa;
border-radius: 1rem;
margin-top: 1.25rem;
padding: .7rem 1rem;
font-size: 15px;
display: inline-block;
}
.nns-a {
color: #3d4459;
margin: 1.1rem 0 0;
font-size: 16px;
line-height: 1.65;
}
.nns-hl {
color: #010019;
background-color: #00e5d12e;
border-radius: .35rem;
padding: .05rem .35rem;
font-weight: 600;
}
.nns-srcs {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
flex-wrap: wrap;
margin-top: 1.25rem;
display: flex;
}
.nns-src {
grid-column-gap: .45rem;
grid-row-gap: .45rem;
color: #5b6378;
border: 1px solid #e3e7f0;
border-radius: 999px;
align-items: center;
padding: .35rem .7rem .35rem .4rem;
font-size: 12px;
display: flex;
}
.nns-sn {
color: #2577f9;
background-color: #eaf1ff;
border-radius: 50%;
justify-content: center;
align-items: center;
width: 1.1rem;
height: 1.1rem;
font-size: 10px;
font-weight: 700;
display: flex;
}
.nns-map {
color: #010019;
background-color: #fff;
border-radius: 1.25rem;
width: 36%;
transition: transform .5s;
position: absolute;
top: 7%;
right: 6%;
overflow: hidden;
box-shadow: 0 50px 100px -20px #00022899;
}
.nns-map:hover {
transform: translateY(-6px);
}
.nns-mapimg {
background-color: #e8eef6;
background-image: linear-gradient(90deg, #ffffffb3 2px, #fff0 2px), linear-gradient(0deg, #ffffffb3 2px, #fff0 2px), radial-gradient(60% 80% at 70% 30%, #d6f5ee, #e8eef6);
background-size: 46px 46px, 46px 46px, 100% 100%;
height: 7.5rem;
position: relative;
}
.nns-pin {
background-image: linear-gradient(135deg, #00e5d1, #2577f9);
border-radius: 50% 50% 50% 0;
width: 1.8rem;
height: 1.8rem;
position: absolute;
top: 30%;
left: 40%;
transform: rotate(-45deg);
box-shadow: 0 8px 18px -6px #2577f9cc;
}
.nns-pin2 {
background-color: #b8c2d4;
border-radius: 50% 50% 50% 0;
width: 1.2rem;
height: 1.2rem;
position: absolute;
top: 52%;
left: 68%;
transform: rotate(-45deg);
}
.nns-pin3 {
background-color: #b8c2d4;
border-radius: 50% 50% 50% 0;
width: 1.2rem;
height: 1.2rem;
position: absolute;
top: 58%;
left: 20%;
transform: rotate(-45deg);
}
.nns-mrow1 {
grid-column-gap: .8rem;
grid-row-gap: .8rem;
background-color: #f3fbfa;
border-bottom: 1px solid #eef1f6;
align-items: center;
padding: 1rem 1.25rem;
display: flex;
}
.nns-mrow {
grid-column-gap: .8rem;
grid-row-gap: .8rem;
border-bottom: 1px solid #eef1f6;
align-items: center;
padding: .85rem 1.25rem;
display: flex;
}
.nns-mrk {
color: #fff;
background-image: linear-gradient(135deg, #00e5d1, #2577f9);
border-radius: 50%;
flex: none;
justify-content: center;
align-items: center;
width: 1.6rem;
height: 1.6rem;
font-size: 12px;
font-weight: 700;
display: flex;
}
.nns-mrk2 {
color: #8a92a6;
background-color: #eef1f6;
border-radius: 50%;
flex: none;
justify-content: center;
align-items: center;
width: 1.6rem;
height: 1.6rem;
font-size: 12px;
font-weight: 700;
display: flex;
}
.nns-mtx {
flex: 1;
}
.nns-mn {
font-size: 15px;
font-weight: 600;
}
.nns-mn2 {
color: #8a92a6;
font-size: 14px;
}
.nns-mst {
color: #e4a400;
margin-top: .15rem;
font-size: 12px;
}
.nns-mst2 {
color: #b0b7c6;
margin-top: .15rem;
font-size: 12px;
}
.nns-mbtn {
color: #fff;
background-color: #010019;
border-radius: 999px;
padding: .4rem .8rem;
font-size: 12px;
}
.nns-cited {
-webkit-backdrop-filter: blur(14px);
backdrop-filter: blur(14px);
color: #fff;
background-color: #0a1033b8;
border: 1px solid #ffffff2e;
border-radius: 1.25rem;
width: 30%;
padding: 1.25rem 1.4rem;
position: absolute;
bottom: 6%;
right: 12%;
box-shadow: 0 40px 80px -30px #000000b3;
}
.nns-ck {
color: #ffffff80;
letter-spacing: .14em;
text-transform: uppercase;
margin-bottom: .6rem;
font-size: 11px;
font-weight: 600;
}
.nns-ci {
grid-column-gap: .6rem;
grid-row-gap: .6rem;
border-top: 1px solid #ffffff14;
align-items: center;
padding: .5rem 0;
font-size: 14px;
display: flex;
}
.nns-cd {
background-color: #00e5d1;
border-radius: 50%;
width: 7px;
height: 7px;
box-shadow: 0 0 0 4px #00e5d126;
}
.nns-cv {
color: #00e5d1;
background-color: #00e5d124;
border-radius: 999px;
margin-left: auto;
padding: .15rem .55rem;
font-size: 11px;
font-weight: 600;
}
.nns-wsec {
color: #010019;
background-color: #fff;
padding: 7rem 2rem;
font-family: Euclid Circular B, Arial, sans-serif;
position: relative;
}
.nns-plans {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
max-width: 64rem;
margin-left: auto;
margin-right: auto;
display: grid;
}
.nns-plan {
background-color: #f5f7fb;
border: 1px solid #eef1f7;
border-radius: 1.5rem;
flex-direction: column;
padding: 2.5rem;
display: flex;
}
.nns-pland {
color: #fff;
background-color: #010019;
background-image: radial-gradient(80% 60% at 100% 0, #2577f973, #01001900);
border-radius: 1.5rem;
flex-direction: column;
padding: 2.5rem;
display: flex;
position: relative;
}
.nns-pop {
color: #010019;
background-image: linear-gradient(90deg, #00e5d1, #2577f9);
border-radius: 999px;
padding: .35rem .8rem;
font-size: 12px;
font-weight: 600;
position: absolute;
top: 2.5rem;
right: 2rem;
}
.nns-pn {
color: #010019;
letter-spacing: -.015em;
font-size: 26px;
font-weight: 500;
}
.nns-pnw {
color: #fff;
letter-spacing: -.015em;
font-size: 26px;
font-weight: 500;
}
.nns-pnd {
color: #8a92a6;
margin-top: .25rem;
font-size: 14px;
}
.nns-pndw {
color: #ffffff8c;
margin-top: .25rem;
font-size: 14px;
}
.nns-pp {
grid-column-gap: .4rem;
grid-row-gap: .4rem;
align-items: baseline;
margin-top: 1.75rem;
display: flex;
}
.nns-pfrom {
color: #8a92a6;
font-size: 15px;
}
.nns-pfromw {
color: #ffffff8c;
font-size: 15px;
}
.nns-pamt {
color: #010019;
letter-spacing: -.04em;
font-size: 56px;
font-weight: 500;
line-height: 1;
}
.nns-pamtw {
color: #fff;
letter-spacing: -.04em;
font-size: 56px;
font-weight: 500;
line-height: 1;
}
.nns-pmo {
color: #5b6378;
font-size: 16px;
}
.nns-pmow {
color: #fff9;
font-size: 16px;
}
.nns-pdesc {
color: #5b6378;
margin: 1rem 0 0;
font-size: 16px;
line-height: 1.6;
}
.nns-pdescw {
color: #ffffffa8;
margin: 1rem 0 0;
font-size: 16px;
line-height: 1.6;
}
.nns-pbtn {
color: #fff;
background-color: #010019;
border-radius: 999px;
justify-content: center;
margin-top: 1.75rem;
padding: 1rem;
font-size: 15px;
font-weight: 500;
text-decoration: none;
transition: transform .35s, box-shadow .35s;
display: flex;
}
.nns-pbtn:hover {
transform: translateY(-2px);
box-shadow: 0 18px 36px -18px #01001999;
}
.nns-pbtnw {
color: #010019;
background-image: linear-gradient(90deg, #00e5d1, #2577f9);
border-radius: 999px;
justify-content: center;
margin-top: 1.75rem;
padding: 1rem;
font-size: 15px;
font-weight: 600;
text-decoration: none;
transition: transform .35s, box-shadow .35s;
display: flex;
}
.nns-pbtnw:hover {
transform: translateY(-2px);
box-shadow: 0 18px 36px -14px #00e5d199;
}
.nns-pls {
margin-top: 2rem;
}
.nns-pli {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
color: #2c3347;
border-top: 1px solid #e3e7f0;
padding: .8rem 0;
font-size: 15px;
line-height: 1.5;
display: flex;
}
.nns-pliw {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
color: #ffffffd9;
border-top: 1px solid #ffffff1f;
padding: .8rem 0;
font-size: 15px;
line-height: 1.5;
display: flex;
}
.nns-tick {
color: #00b8a9;
flex: none;
font-weight: 700;
}
.nns-audit {
color: #010019;
border: 1px solid #e3e7f0;
border-radius: 1.5rem;
grid-template-rows: auto auto auto;
grid-template-columns: auto 1fr auto;
align-items: center;
column-gap: 2rem;
max-width: 64rem;
margin: 1rem auto 0;
padding: 2rem 2.5rem;
text-decoration: none;
transition: border-color .35s, box-shadow .35s;
display: grid;
}
.nns-audit:hover {
border-color: #2577f973;
box-shadow: 0 30px 60px -40px #2577f98c;
}
.nns-auk {
color: #8a92a6;
letter-spacing: .14em;
text-transform: uppercase;
grid-column: 1 / 3;
font-size: 12px;
font-weight: 600;
}
.nns-aut {
letter-spacing: -.01em;
grid-column: 1 / 3;
margin-top: .4rem;
font-size: 22px;
font-weight: 500;
}
.nns-aud {
color: #5b6378;
grid-column: 1 / 3;
margin-top: .4rem;
font-size: 15px;
line-height: 1.6;
}
.nns-aup {
color: #2577f9;
grid-row: 1 / 4;
grid-column-start: 3;
font-size: 28px;
font-weight: 500;
}
.nns-dsec {
color: #fff;
padding: 7rem 2rem 8rem;
font-family: Euclid Circular B, Arial, sans-serif;
position: relative;
}
.nns-phs {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-template-rows: auto;
grid-template-columns: repeat(4, 1fr);
display: grid;
}
.nns-ph {
background-image: linear-gradient(#ffffff0d, #ffffff03);
border: 1px solid #ffffff1f;
border-radius: 1.25rem;
flex-direction: column;
padding: 1.75rem;
display: flex;
}
.nns-phbar1 {
background-image: linear-gradient(90deg, #00e5d1, #2577f9);
border-radius: 999px;
width: 25%;
height: 4px;
margin-bottom: 1.75rem;
}
.nns-phbar2 {
background-image: linear-gradient(90deg, #00e5d1, #2577f9);
border-radius: 999px;
width: 50%;
height: 4px;
margin-bottom: 1.75rem;
}
.nns-phbar3 {
background-image: linear-gradient(90deg, #00e5d1, #2577f9);
border-radius: 999px;
width: 75%;
height: 4px;
margin-bottom: 1.75rem;
}
.nns-phbar4 {
background-image: linear-gradient(90deg, #00e5d1, #2577f9);
border-radius: 999px;
width: 100%;
height: 4px;
margin-bottom: 1.75rem;
}
.nns-phm {
color: #00e5d1;
letter-spacing: .14em;
text-transform: uppercase;
font-size: 12px;
font-weight: 600;
}
.nns-pht {
letter-spacing: -.015em;
margin-top: .6rem;
font-size: 22px;
font-weight: 500;
line-height: 1.25;
}
.nns-phd {
color: #ffffffa3;
margin: .7rem 0 0;
font-size: 15px;
line-height: 1.65;
}
.nns-rep {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
background-image: radial-gradient(70% 90% at 100% 100%, #2577f94d, #01001900);
border: 1px solid #ffffff1f;
border-radius: 1.5rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1.25fr;
align-items: center;
margin-top: 1rem;
padding: 3rem;
display: grid;
}
.nns-rh {
letter-spacing: -.025em;
font-size: 36px;
font-weight: 500;
line-height: 1.12;
}
.nns-rp {
color: #ffffffa8;
margin: 1rem 0 0;
font-size: 16px;
line-height: 1.65;
}
.nns-rl {
margin-top: 1.5rem;
}
.nns-rli {
color: #ffffffd9;
border-top: 1px solid #ffffff1a;
padding: .75rem 0;
font-size: 15px;
}
.nns-dash {
color: #010019;
background-color: #fff;
border-radius: 1.25rem;
padding: 1.5rem;
box-shadow: 0 50px 100px -30px #000000b3;
}
.nns-dtop {
border-bottom: 1px solid #eef1f6;
justify-content: space-between;
align-items: center;
padding-bottom: 1rem;
display: flex;
}
.nns-dtt {
font-size: 16px;
font-weight: 600;
}
.nns-dtag {
color: #8a92a6;
background-color: #f2f5fa;
border-radius: 999px;
padding: .25rem .6rem;
font-size: 11px;
}
.nns-kpis {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
grid-template-rows: auto;
grid-template-columns: repeat(3, 1fr);
margin-top: 1rem;
display: grid;
}
.nns-kpi {
background-color: #f5f7fb;
border-radius: .8rem;
padding: .9rem;
}
.nns-kl {
color: #8a92a6;
font-size: 12px;
}
.nns-kv {
color: #010019;
letter-spacing: -.02em;
margin-top: .35rem;
font-size: 26px;
font-weight: 500;
line-height: 1;
}
.nns-chart {
grid-column-gap: .6rem;
grid-row-gap: .6rem;
background-color: #f5f7fb;
background-image: linear-gradient(0deg, #0100190d 1px, #01001900 1px);
background-size: 100% 2.25rem;
border-radius: .8rem;
align-items: flex-end;
height: 9rem;
margin-top: 1rem;
padding: 1rem;
display: flex;
}
.nns-b1 {
background-color: #d5e3fb;
border-radius: .4rem .4rem 0 0;
flex: 1;
height: 22%;
}
.nns-b2 {
background-color: #c3d7fb;
border-radius: .4rem .4rem 0 0;
flex: 1;
height: 30%;
}
.nns-b3 {
background-color: #a9c6fa;
border-radius: .4rem .4rem 0 0;
flex: 1;
height: 38%;
}
.nns-b4 {
background-color: #7eaaf8;
border-radius: .4rem .4rem 0 0;
flex: 1;
height: 52%;
}
.nns-b5 {
background-image: linear-gradient(#2577f9, #5aa0ff);
border-radius: .4rem .4rem 0 0;
flex: 1;
height: 68%;
}
.nns-b6 {
background-image: linear-gradient(#00e5d1, #2577f9);
border-radius: .4rem .4rem 0 0;
flex: 1;
height: 86%;
}
.nns-dnote {
color: #5b6378;
border: 1px dashed #d5dbe8;
border-radius: .8rem;
margin-top: 1rem;
padding: .9rem 1rem;
font-size: 13px;
line-height: 1.5;
}
.nns-dnk {
color: #2577f9;
letter-spacing: .1em;
text-transform: uppercase;
margin-bottom: .25rem;
font-size: 11px;
font-weight: 600;
}
.nns-pg {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-template-rows: auto;
grid-template-columns: repeat(3, 1fr);
display: grid;
}
.nns-pc {
background-image: linear-gradient(#ffffff0f, #ffffff04);
border: 1px solid #ffffff1f;
border-radius: 1.5rem;
flex-direction: column;
padding: 1rem 1rem 2rem;
transition: border-color .45s, transform .45s;
display: flex;
}
.nns-pc:hover {
border-color: #00e5d173;
transform: translateY(-4px);
}
.nns-viz {
background-color: #0100198c;
background-image: radial-gradient(80% 90% at 50% 0, #2577f940, #01001900);
border: 1px solid #ffffff14;
border-radius: 1rem;
flex-direction: column;
justify-content: center;
height: 12.5rem;
margin-bottom: 1.75rem;
padding: 1.25rem;
display: flex;
overflow: hidden;
}
.nns-pk {
color: #00e5d1;
letter-spacing: .14em;
text-transform: uppercase;
padding: 0 1rem;
font-size: 12px;
font-weight: 600;
}
.nns-pt {
letter-spacing: -.015em;
margin-top: .75rem;
padding: 0 1rem;
font-size: 23px;
font-weight: 500;
line-height: 1.25;
}
.nns-pd {
color: #ffffffa3;
margin: .75rem 0 0;
padding: 0 1rem;
font-size: 15px;
line-height: 1.65;
}
.nns-vrow {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
grid-template-rows: auto;
grid-template-columns: 8.5rem 1fr 3.25rem;
align-items: center;
padding: .55rem 0;
display: grid;
}
.nns-vl {
color: #fff9;
font-size: 12px;
}
.nns-vbar {
background-color: #ffffff1a;
border-radius: 999px;
height: 6px;
overflow: hidden;
}
.nns-vf1 {
background-image: linear-gradient(90deg, #00e5d1, #2577f9);
border-radius: 999px;
width: 88%;
height: 100%;
}
.nns-vf2 {
background-image: linear-gradient(90deg, #00e5d1, #2577f9);
border-radius: 999px;
width: 80%;
height: 100%;
}
.nns-vf3 {
background-image: linear-gradient(90deg, #00e5d1, #2577f9);
border-radius: 999px;
width: 94%;
height: 100%;
}
.nns-vg {
color: #00e5d1;
text-align: right;
font-size: 12px;
font-weight: 600;
}
.nns-gbp {
color: #010019;
background-color: #fff;
border-radius: .9rem;
padding: 1.1rem;
}
.nns-gbl {
font-size: 14px;
font-weight: 600;
}
.nns-gbs {
color: #5b6378;
margin-top: .5rem;
font-size: 12px;
line-height: 1.6;
}
.nns-gbb {
background-color: #f3fbfa;
border-radius: .6rem;
justify-content: space-between;
align-items: center;
margin-top: .8rem;
padding: .55rem .75rem;
display: flex;
}
.nns-gbk {
color: #5b6378;
font-size: 12px;
}
.nns-gbv {
color: #2577f9;
font-size: 16px;
font-weight: 700;
}
.nns-kws {
grid-column-gap: .45rem;
grid-row-gap: .45rem;
flex-wrap: wrap;
display: flex;
}
.nns-kw {
color: #cfe0ff;
background-color: #2577f92e;
border: 1px solid #2577f966;
border-radius: 999px;
padding: .4rem .7rem;
font-size: 12px;
}
.nns-kwa {
color: #bff8f2;
background-color: #00e5d11a;
border: 1px solid #00e5d159;
border-radius: 999px;
padding: .4rem .7rem;
font-size: 12px;
}
.nns-llm {
grid-column-gap: .45rem;
grid-row-gap: .45rem;
flex-direction: column;
display: flex;
}
.nns-lr {
background-color: #ffffff0f;
border-radius: .6rem;
justify-content: space-between;
align-items: center;
padding: .5rem .75rem;
display: flex;
}
.nns-ln {
color: #ffffffd9;
font-size: 13px;
}
.nns-lb {
color: #00e5d1;
background-color: #00e5d126;
border-radius: 999px;
padding: .12rem .5rem;
font-size: 11px;
font-weight: 600;
}
.nns-posts {
grid-column-gap: .6rem;
grid-row-gap: .6rem;
flex-direction: column;
display: flex;
}
.nns-post {
color: #010019;
background-color: #fff;
border-radius: .75rem;
padding: .85rem 1rem;
}
.nns-pdate {
color: #2577f9;
letter-spacing: .1em;
text-transform: uppercase;
font-size: 11px;
font-weight: 600;
}
.nns-ptit {
margin-top: .25rem;
font-size: 14px;
font-weight: 500;
line-height: 1.35;
}
.nns-rev {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
align-items: center;
display: flex;
}
.nns-rvn {
letter-spacing: -.04em;
font-size: 56px;
font-weight: 500;
line-height: 1;
}
.nns-rvr {
flex-direction: column;
display: flex;
}
.nns-rvs {
color: #ffc53d;
letter-spacing: .1em;
font-size: 18px;
}
.nns-rvt {
color: #fff9;
margin-top: .2rem;
font-size: 13px;
}
.nns-rvb {
background-color: #ffffff1a;
border-radius: 999px;
height: 6px;
margin-top: 1.25rem;
overflow: hidden;
}
.nns-rvf {
background-image: linear-gradient(90deg, #ffc53d, #ff9f1c);
border-radius: 999px;
width: 96%;
height: 100%;
}
.nns-shead {
grid-column-gap: 4rem;
grid-row-gap: 4rem;
grid-template-rows: auto;
grid-template-columns: 1.2fr 1fr;
align-items: end;
margin-bottom: 3.5rem;
display: grid;
}
.nns-slead {
color: #5b6378;
margin: 0;
font-size: 18px;
line-height: 1.65;
}
.nns-sgrid {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-template-rows: auto;
grid-template-columns: repeat(4, 1fr);
display: grid;
}
.nns-scard {
background-color: #f5f7fb;
border: 1px solid #eef1f7;
border-radius: 1.25rem;
flex-direction: column;
padding: 2rem 1.75rem;
transition: transform .45s, box-shadow .45s, background-color .45s;
display: flex;
}
.nns-scard:hover {
background-color: #fff;
transform: translateY(-4px);
box-shadow: 0 30px 60px -40px #2577f98c;
}
.nns-scardd {
color: #fff;
background-color: #010019;
background-image: radial-gradient(90% 70% at 100% 0, #2577f973, #01001900);
border-radius: 1.25rem;
flex-direction: column;
padding: 2rem 1.75rem;
transition: transform .45s;
display: flex;
}
.nns-scardd:hover {
transform: translateY(-4px);
}
.nns-sbig {
color: #010019;
letter-spacing: -.04em;
font-size: 64px;
font-weight: 500;
line-height: 1;
}
.nns-sbigd {
color: #0000;
letter-spacing: -.04em;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(90deg, #00e5d1, #2577f9);
-webkit-background-clip: text;
background-clip: text;
font-size: 64px;
font-weight: 500;
line-height: 1;
}
.nns-svs {
color: #2577f9;
letter-spacing: .08em;
text-transform: uppercase;
margin-top: .6rem;
font-size: 13px;
font-weight: 600;
}
.nns-svsd {
color: #00e5d1;
letter-spacing: .08em;
text-transform: uppercase;
margin-top: .6rem;
font-size: 13px;
font-weight: 600;
}
.nns-stxt {
color: #5b6378;
margin: 1rem 0 1.5rem;
font-size: 15px;
line-height: 1.6;
}
.nns-stxtd {
color: #ffffffb8;
margin: 1rem 0 1.5rem;
font-size: 15px;
line-height: 1.6;
}
.nns-ssrc {
color: #8a92a6;
border-top: 1px solid #e3e7f0;
margin-top: auto;
padding-top: 1rem;
font-size: 12px;
}
.nns-ssrcd {
color: #ffffff80;
border-top: 1px solid #ffffff24;
margin-top: auto;
padding-top: 1rem;
font-size: 12px;
}
.nns-take {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
border: 1px solid #e3e7f0;
border-radius: 1.25rem;
grid-template-rows: auto;
grid-template-columns: 12rem 1fr;
align-items: center;
margin-top: 1rem;
padding: 2rem 2.25rem;
display: grid;
}
.nns-tk {
color: #8a92a6;
letter-spacing: .14em;
text-transform: uppercase;
font-size: 13px;
font-weight: 600;
}
.nns-tt {
color: #010019;
letter-spacing: -.015em;
font-size: 24px;
font-weight: 500;
line-height: 1.4;
}
.nns-faq {
grid-column-gap: 4rem;
grid-row-gap: 4rem;
grid-template-rows: auto;
grid-template-columns: 24rem 1fr;
align-items: start;
display: grid;
}
.nns-faqh {
position: sticky;
top: 8rem;
}
.nns-faqp {
color: #ffffffa3;
margin: 1.25rem 0 0;
font-size: 17px;
line-height: 1.65;
}
.nns-faqm {
color: #010019;
background-color: #fff;
border-radius: 999px;
margin-top: 1.75rem;
padding: .85rem 1.4rem;
font-size: 15px;
font-weight: 500;
text-decoration: none;
transition: transform .35s;
display: inline-flex;
}
.nns-faqm:hover {
transform: translateY(-2px);
}
.nns-qs {
border-top: 1px solid #ffffff1f;
}
.nns-q {
border-bottom: 1px solid #ffffff1f;
grid-template-rows: auto;
grid-template-columns: 3rem 1fr;
padding: 1.75rem 0;
display: grid;
}
.nns-qn {
color: #00e5d1;
padding-top: .3rem;
font-size: 14px;
font-weight: 600;
}
.nns-qt {
color: #fff;
letter-spacing: -.01em;
margin: 0;
font-size: 21px;
font-weight: 500;
line-height: 1.3;
}
.nns-qa {
color: #ffffffa3;
margin: .6rem 0 0;
font-size: 16px;
line-height: 1.7;
}
.nns-gr {
color: #0000;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(90deg, #00e5d1, #2577f9);
-webkit-background-clip: text;
background-clip: text;
}
.nnx-pad {
padding: 1.25rem 1.4rem;
}
.nnx-adl {
color: #202124;
font-size: 12px;
font-weight: 700;
}
.nnx-adu {
color: #5b6378;
margin-top: .2rem;
font-size: 12px;
}
.nnx-adh {
color: #1a4fd6;
margin-top: .45rem;
font-size: 19px;
font-weight: 500;
line-height: 1.3;
}
.nnx-add {
color: #4d5156;
margin-top: .4rem;
font-size: 13px;
line-height: 1.55;
}
.nnx-adx {
grid-column-gap: .4rem;
grid-row-gap: .4rem;
flex-wrap: wrap;
margin-top: .8rem;
display: flex;
}
.nnx-adc {
color: #1a4fd6;
border: 1px solid #dfe3eb;
border-radius: 999px;
padding: .3rem .65rem;
font-size: 12px;
}
.nnx-tiles {
grid-column-gap: .6rem;
grid-row-gap: .6rem;
grid-template-rows: auto;
grid-template-columns: repeat(3, 1fr);
margin-top: 1rem;
display: grid;
}
.nnx-t1 {
color: #fff;
background-image: linear-gradient(160deg, #2577f9, #010019);
border-radius: .8rem;
flex-direction: column;
justify-content: flex-end;
height: 9.5rem;
padding: .7rem;
display: flex;
position: relative;
}
.nnx-t2 {
color: #fff;
background-image: linear-gradient(160deg, #00e5d1, #0a7f9e);
border-radius: .8rem;
flex-direction: column;
justify-content: flex-end;
height: 9.5rem;
padding: .7rem;
display: flex;
position: relative;
}
.nnx-t3 {
color: #fff;
background-image: linear-gradient(160deg, #ffb36b, #e2557a);
border-radius: .8rem;
flex-direction: column;
justify-content: flex-end;
height: 9.5rem;
padding: .7rem;
display: flex;
position: relative;
}
.nnx-t4 {
color: #fff;
background-image: linear-gradient(160deg, #8f7bff, #2b1a8c);
border-radius: .8rem;
flex-direction: column;
justify-content: flex-end;
height: 9.5rem;
padding: .7rem;
display: flex;
position: relative;
}
.nnx-t5 {
color: #fff;
background-image: linear-gradient(160deg, #1c2340, #3d4a7a);
border-radius: .8rem;
flex-direction: column;
justify-content: flex-end;
height: 9.5rem;
padding: .7rem;
display: flex;
position: relative;
}
.nnx-t6 {
color: #fff;
background-image: linear-gradient(160deg, #6be6a5, #14866b);
border-radius: .8rem;
flex-direction: column;
justify-content: flex-end;
height: 9.5rem;
padding: .7rem;
display: flex;
position: relative;
}
.nnx-tk {
opacity: .8;
letter-spacing: .12em;
text-transform: uppercase;
font-size: 10px;
font-weight: 700;
}
.nnx-tt {
margin-top: .2rem;
font-size: 13px;
font-weight: 600;
line-height: 1.3;
}
.nnx-win {
color: #010019;
background-color: #fff;
border-radius: 999px;
padding: .15rem .5rem;
font-size: 10px;
font-weight: 700;
position: absolute;
top: .6rem;
left: .6rem;
}
.nnx-src {
color: #2577f9;
letter-spacing: .14em;
text-transform: uppercase;
font-size: 11px;
font-weight: 700;
}
.nnx-ph {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
align-items: center;
display: flex;
}
.nnx-av {
background-image: linear-gradient(135deg, #00e5d1, #2577f9);
border-radius: 50%;
flex: none;
width: 2.6rem;
height: 2.6rem;
}
.nnx-who {
color: #010019;
font-size: 15px;
font-weight: 600;
}
.nnx-role {
color: #8a92a6;
font-size: 12px;
}
.nnx-post {
color: #2c3347;
margin: 1rem 0 0;
font-size: 15px;
line-height: 1.65;
}
.nnx-eng {
grid-column-gap: 1.25rem;
grid-row-gap: 1.25rem;
color: #8a92a6;
border-top: 1px solid #eef1f6;
margin-top: 1rem;
padding-top: .85rem;
font-size: 12px;
display: flex;
}
.nnx-nl {
color: #fff;
background-image: linear-gradient(135deg, #010019, #2577f9);
padding: 1.25rem 1.4rem;
}
.nnx-nlk {
opacity: .7;
letter-spacing: .14em;
text-transform: uppercase;
font-size: 11px;
font-weight: 600;
}
.nnx-nlt {
margin-top: .35rem;
font-size: 19px;
font-weight: 500;
line-height: 1.3;
}
.nnx-srcm {
color: #2577f9;
letter-spacing: .14em;
text-transform: uppercase;
margin-top: 1.25rem;
font-size: 11px;
font-weight: 700;
}
.nnx-nh {
color: #010019;
letter-spacing: -.01em;
margin-top: .6rem;
font-size: 24px;
font-weight: 500;
line-height: 1.25;
}
.nnx-nd {
color: #8a92a6;
margin-top: .6rem;
font-size: 12px;
}
.nnx-nb {
background-color: #eef1f6;
border-radius: 999px;
height: 7px;
margin-top: .9rem;
}
.nnx-nb2 {
background-color: #eef1f6;
border-radius: 999px;
width: 82%;
height: 7px;
margin-top: .5rem;
}
.nnx-nb3 {
background-color: #eef1f6;
border-radius: 999px;
width: 64%;
height: 7px;
margin-top: .5rem;
}
.nnx-rv {
background-color: #f5f7fb;
border-radius: .75rem;
margin-top: .6rem;
padding: .8rem .9rem;
}
.nnx-rvs {
color: #e4a400;
letter-spacing: .08em;
font-size: 12px;
}
.nnx-rvt {
color: #3d4459;
margin-top: .25rem;
font-size: 13px;
line-height: 1.5;
}
.nnx-big-1 {
grid-column-gap: .9rem;
grid-row-gap: .9rem;
align-items: center;
display: flex;
}
.nnx-bn {
color: #010019;
letter-spacing: -.03em;
font-size: 44px;
font-weight: 500;
line-height: 1;
}
.an-w70 {
width: 70%;
}
.an-text {
color: #010019;
font-family: Euclid Circular B, Arial, sans-serif;
font-size: 20px;
font-weight: 400;
line-height: 1.5;
}
.prx-stage {
width: 100%;
max-width: 520px;
height: 680px;
margin: 0 auto;
font-family: Euclid Circular B, Arial, sans-serif;
position: relative;
}
.prx-glow {
opacity: .3;
filter: blur(30px);
pointer-events: none;
background-image: radial-gradient(circle at 30% 40%, #00e5d159, #2577f947 45%, #00022800 70%);
border-radius: 50%;
width: 80%;
height: 70%;
position: absolute;
top: 12%;
left: 8%;
}
.prx-card {
background-color: #ffffff17;
background-image: none;
border-radius: 24px;
width: 400px;
padding: 1px;
position: absolute;
top: 40px;
left: 0;
box-shadow: 0 40px 80px -40px #000c;
}
.prx-in {
background-color: #060930;
background-image: none;
border-radius: 23px;
padding: 22px 22px 18px;
}
.prx-head {
grid-column-gap: 12px;
grid-row-gap: 12px;
border-bottom: 1px solid #ffffff14;
align-items: center;
padding-bottom: 18px;
display: flex;
}
.prx-logo {
background-color: #ffffff0a;
background-image: none;
border-radius: 12px;
justify-content: center;
align-items: center;
width: 40px;
height: 40px;
display: flex;
box-shadow: inset 0 0 0 1px #ffffff1a;
}
.prx-logo-img {
width: 22px;
height: 22px;
display: block;
}
.prx-hd {
grid-column-gap: 2px;
grid-row-gap: 2px;
flex-direction: column;
flex: 1;
display: flex;
}
.prx-ey {
color: #ffffff73;
letter-spacing: .14em;
text-transform: uppercase;
font-size: 10px;
font-weight: 600;
}
.prx-tt {
color: #fff;
font-size: 16px;
font-weight: 600;
line-height: 1.2;
}
.prx-live {
grid-column-gap: 6px;
grid-row-gap: 6px;
color: #ffffffb3;
background-color: #0000;
border: 1px solid #ffffff1f;
border-radius: 99px;
align-items: center;
padding: 5px 10px;
font-size: 11px;
font-weight: 500;
display: flex;
}
.prx-dot {
width: 5px;
height: 5px;
box-shadow: none;
background-color: #00e5d1;
border-radius: 9px;
}
.prx-ph {
justify-content: space-between;
align-items: center;
margin: 16px 0 8px;
display: flex;
}
.prx-phn {
color: #ffffff80;
letter-spacing: .14em;
text-transform: uppercase;
font-size: 10px;
font-weight: 600;
}
.prx-pht {
color: #ffffff8c;
font-size: 11px;
}
.prx-pht-m {
color: #ffffff8c;
}
.prx-row {
grid-column-gap: 12px;
grid-row-gap: 12px;
background-color: #ffffff06;
border: 1px solid #ffffff0d;
border-radius: 12px;
align-items: center;
margin-bottom: 6px;
padding: 11px 12px;
display: flex;
}
.prx-ic {
color: #ffffffd9;
background-color: #ffffff08;
border: 1px solid #ffffff1a;
border-radius: 8px;
flex-shrink: 0;
justify-content: center;
align-items: center;
width: 30px;
height: 30px;
font-size: 11px;
font-weight: 700;
display: flex;
}
.prx-ic-m {
color: #ffffffd9;
background-color: #ffffff08;
border-color: #ffffff1a;
}
.prx-rn {
color: #fff;
flex: 1;
font-size: 14px;
font-weight: 500;
}
.prx-chk {
color: #00e5d1;
background-image: none;
border-radius: 99px;
justify-content: center;
align-items: center;
width: 18px;
height: 18px;
font-size: 13px;
font-weight: 600;
display: flex;
}
.prx-ft {
grid-column-gap: 8px;
grid-row-gap: 8px;
border-top: 1px dashed #ffffff1f;
align-items: center;
margin-top: 14px;
padding-top: 14px;
display: flex;
}
.prx-ftl {
color: #ffffff80;
font-size: 12px;
}
.prx-ftr {
color: #00e5d1;
font-size: 12px;
font-weight: 600;
}
.prx-chip {
grid-column-gap: 12px;
grid-row-gap: 12px;
-webkit-backdrop-filter: blur(14px);
backdrop-filter: blur(14px);
background-color: #0a1040d1;
border: 1px solid #ffffff1f;
border-radius: 16px;
align-items: center;
padding: 12px 16px 12px 12px;
display: flex;
position: absolute;
top: 0;
right: 0;
box-shadow: 0 20px 40px -12px #0009;
}
.prx-zero {
color: #000228;
background-image: linear-gradient(155deg, #00e5d1, #2577f9);
border-radius: 12px;
justify-content: center;
align-items: center;
width: 46px;
height: 46px;
font-size: 22px;
font-weight: 700;
display: flex;
}
.prx-ct {
grid-column-gap: 2px;
grid-row-gap: 2px;
flex-direction: column;
display: flex;
}
.prx-ctt {
color: #fff;
font-size: 13px;
font-weight: 600;
}
.prx-cts {
color: #ffffff80;
font-size: 11px;
}
.prx-own {
-webkit-backdrop-filter: blur(14px);
backdrop-filter: blur(14px);
background-color: #060930e6;
border: 1px solid #ffffff1a;
border-radius: 18px;
width: 250px;
padding: 16px;
position: absolute;
bottom: 0;
right: 0;
box-shadow: 0 24px 48px -12px #0009;
}
.prx-ownh {
justify-content: space-between;
align-items: center;
margin-bottom: 10px;
display: flex;
}
.prx-lock {
color: #00e5d1;
letter-spacing: .1em;
text-transform: uppercase;
font-size: 10px;
font-weight: 700;
}
.prx-orow {
grid-column-gap: 10px;
grid-row-gap: 10px;
border-top: 1px solid #ffffff0f;
align-items: center;
padding: 7px 0;
display: flex;
}
.prx-ob {
background-color: #ffffff59;
background-image: none;
border-radius: 9px;
width: 4px;
height: 4px;
}
.prx-ol {
color: #ffffffd9;
flex: 1;
font-size: 12.5px;
}
.prx-oy {
color: #00e5d1;
font-size: 10px;
font-weight: 700;
}
.mf-hero {
color: #fff;
background-color: #010019;
padding-top: 11rem;
padding-bottom: 0;
font-family: Euclid Circular B, Arial, sans-serif;
position: relative;
overflow: hidden;
}
.mf-grid {
pointer-events: none;
background-image: linear-gradient(#ffffff0b 1px, #0000 1px), linear-gradient(90deg, #ffffff0b 1px, #0000 1px);
background-size: 48px 48px;
position: absolute;
inset: 0;
-webkit-mask-image: radial-gradient(80% 70% at 60% 40%, #000 20%, #0000 75%);
mask-image: radial-gradient(80% 70% at 60% 40%, #000 20%, #0000 75%);
}
.mf-glow {
pointer-events: none;
background-image: radial-gradient(circle, #2577f959, #00e5d114 45%, #01001900 70%);
border-radius: 50%;
width: 48rem;
height: 48rem;
position: absolute;
top: -8rem;
right: -12rem;
}
.mf-wrap {
max-width: 78rem;
margin-left: auto;
margin-right: auto;
padding-left: 2rem;
padding-right: 2rem;
position: relative;
}
.mf-hero-in {
grid-column-gap: 4rem;
grid-template-rows: auto;
grid-template-columns: 1.05fr 1fr;
align-items: center;
display: grid;
}
.mf-eb {
grid-column-gap: .6rem;
color: #00e5d1;
letter-spacing: .08em;
text-transform: uppercase;
border: 1px solid #00e5d159;
border-radius: 999px;
align-items: center;
margin-bottom: 1.5rem;
padding: .45rem .9rem;
font-size: 13px;
display: inline-flex;
}
.mf-eb-dot {
background-image: linear-gradient(135deg, #00e5d1, #2577f9);
border-radius: 50%;
width: 6px;
height: 6px;
}
.mf-h1 {
color: #fff;
letter-spacing: -.035em;
margin-top: 0;
margin-bottom: 0;
font-size: 64px;
font-weight: 500;
line-height: 1.04;
}
.mf-grad {
color: #0000;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(90deg, #00e5d1, #2577f9);
-webkit-background-clip: text;
background-clip: text;
}
.mf-lead {
color: #ffffffad;
max-width: 36rem;
margin-top: 1.5rem;
margin-bottom: 0;
font-size: 18px;
line-height: 1.65;
}
.mf-ctas {
grid-column-gap: .85rem;
grid-row-gap: .85rem;
flex-wrap: wrap;
margin-top: 2.25rem;
display: flex;
}
.mf-btn {
grid-column-gap: .75rem;
color: #fff;
background-image: linear-gradient(135deg, #00e5d1, #2577f9);
border-radius: 999px;
align-items: center;
padding: 1rem 1.4rem;
font-size: 16px;
font-weight: 500;
text-decoration: none;
transition: transform .35s, box-shadow .35s;
display: inline-flex;
box-shadow: 0 18px 40px -16px #2577f9e6;
}
.mf-btn:hover {
transform: translateY(-2px);
box-shadow: 0 22px 48px -14px #2577f9;
}
.mf-btn-ar {
transition: transform .35s;
display: inline-block;
}
.mf-btn2 {
color: #ffffffd1;
border: 1px solid #0000;
border-radius: 999px;
align-items: center;
padding: 1rem .6rem;
font-size: 16px;
text-decoration: none;
transition: border-color .35s, background-color .35s;
display: inline-flex;
}
.mf-btn2:hover {
color: #00e5d1;
background-color: #0000;
border-color: #0000;
}
.mf-trust {
grid-column-gap: .6rem;
grid-row-gap: .4rem;
color: #ffffff8c;
border-top: 1px solid #ffffff14;
flex-wrap: wrap;
align-items: center;
margin-top: 2.25rem;
padding-top: 1.5rem;
font-size: 14px;
display: flex;
}
.mf-trust-k {
color: #fff6;
letter-spacing: .08em;
text-transform: uppercase;
font-size: 12px;
}
.mf-trust-v {
color: #ffffffd9;
}
.mf-trust-s {
color: #ffffff40;
}
.mf-sheet {
background-color: #ffffff05;
background-image: linear-gradient(160deg, #2577f91f, #01001900 55%);
border: 1px solid #ffffff24;
border-radius: 1.25rem;
position: relative;
box-shadow: 0 40px 80px -40px #000c;
}
.mf-sheet-top {
color: #ffffff80;
letter-spacing: .12em;
border-bottom: 1px solid #ffffff1a;
justify-content: space-between;
padding: .9rem 1.25rem;
font-family: ui-monospace;
font-size: 11px;
display: flex;
}
.mf-sheet-art {
padding: 1.25rem 1rem .5rem;
position: relative;
}
.mf-svg {
width: 100%;
}
.mf-callout {
grid-column-gap: .5rem;
-webkit-backdrop-filter: blur(8px);
backdrop-filter: blur(8px);
color: #fff;
white-space: nowrap;
background-color: #010019d1;
border: 1px solid #ffffff29;
border-radius: 999px;
align-items: center;
padding: .55rem .8rem;
font-size: 13px;
display: inline-flex;
position: absolute;
box-shadow: 0 12px 30px -12px #000c;
}
.mf-c-dot {
background-color: #00e5d1;
border-radius: 50%;
width: 7px;
height: 7px;
box-shadow: 0 0 10px #00e5d1;
}
.mf-c1 {
top: 2.25rem;
left: -1.5rem;
}
.mf-c2 {
top: 63%;
right: -1rem;
}
.mf-c3 {
bottom: .75rem;
left: 2rem;
}
.mf-tb {
border-top: 1px solid #ffffff1a;
grid-template-rows: auto;
grid-template-columns: 1.2fr 1fr 1fr .8fr;
display: grid;
}
.mf-tb-c {
grid-row-gap: .3rem;
border-right: 1px solid #ffffff1a;
flex-direction: column;
padding: .85rem 1.1rem;
display: flex;
}
.mf-tb-k {
color: #fff6;
letter-spacing: .14em;
text-transform: uppercase;
font-family: ui-monospace;
font-size: 10px;
}
.mf-tb-v {
color: #fff;
font-size: 14px;
}
.mf-pass {
color: #00e5d1;
font-weight: 600;
}
.mf-ticker {
border-top: 1px solid #ffffff1a;
border-bottom: 1px solid #ffffff1a;
margin-top: 6rem;
position: relative;
overflow: hidden;
-webkit-mask-image: linear-gradient(90deg, #0000, #000 10% 90%, #0000);
mask-image: linear-gradient(90deg, #0000, #000 10% 90%, #0000);
}
.mf-ticker-t {
grid-column-gap: 3rem;
color: #ffffff8c;
white-space: nowrap;
width: max-content;
padding-top: 1.25rem;
padding-bottom: 1.25rem;
font-size: 15px;
display: flex;
}
.mf-wsec {
color: #010019;
background-color: #fff;
padding-top: 8rem;
padding-bottom: 8rem;
font-family: Euclid Circular B, Arial, sans-serif;
position: relative;
}
.mf-shead {
max-width: 52rem;
margin-bottom: 4rem;
}
.mf-ebw {
grid-column-gap: .6rem;
color: #2577f9;
letter-spacing: .08em;
text-transform: uppercase;
border: 1px solid #2577f94d;
border-radius: 999px;
align-items: center;
margin-bottom: 1.5rem;
padding: .45rem .9rem;
font-size: 13px;
display: inline-flex;
}
.mf-h2w {
color: #010019;
letter-spacing: -.025em;
margin-top: 0;
margin-bottom: 0;
font-size: 52px;
font-weight: 500;
line-height: 1.08;
}
.mf-mute {
color: #8a91a6;
}
.mf-stats {
border-top: 1px solid #e3e7f0;
border-bottom: 1px solid #e3e7f0;
grid-template-rows: auto;
grid-template-columns: repeat(3, 1fr);
display: grid;
}
.mf-stat {
border-right: 1px solid #e3e7f0;
flex-direction: column;
padding: 2.5rem 2.5rem 2.25rem;
display: flex;
}
.mf-stat:first-child {
padding-left: 0;
}
.mf-stat:last-child {
border-right-width: 0;
}
.mf-stat-n {
color: #0000;
letter-spacing: -.05em;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(90deg, #00b8d9, #2577f9);
-webkit-background-clip: text;
background-clip: text;
font-size: 88px;
font-weight: 500;
line-height: 1;
}
.mf-stat-t {
color: #010019;
letter-spacing: -.01em;
flex: 1;
margin-top: 1.25rem;
margin-bottom: 1.5rem;
font-size: 20px;
line-height: 1.45;
}
.mf-src {
color: #8a91a6;
border-bottom: 1px solid #e3e7f0;
align-self: flex-start;
font-size: 13px;
line-height: 1.5;
text-decoration: none;
transition: color .3s, border-color .3s;
}
.mf-src:hover {
color: #2577f9;
border-color: #2577f9;
}
.mf-take {
grid-column-gap: 2rem;
grid-template-rows: auto;
grid-template-columns: 12rem 1fr;
align-items: baseline;
margin-top: 3rem;
display: grid;
}
.mf-take-k {
color: #2577f9;
letter-spacing: .1em;
text-transform: uppercase;
font-size: 13px;
}
.mf-take-t {
color: #010019;
letter-spacing: -.015em;
max-width: 46rem;
margin-top: 0;
margin-bottom: 0;
font-size: 26px;
font-weight: 500;
line-height: 1.35;
}
.mf-dsec {
color: #fff;
background-color: #010019;
padding-top: 8rem;
padding-bottom: 8rem;
font-family: Euclid Circular B, Arial, sans-serif;
position: relative;
}
.mf-insp {
grid-column-gap: 5rem;
grid-template-rows: auto;
grid-template-columns: .9fr 1.1fr;
align-items: start;
display: grid;
}
.mf-insp-l {
height: 100%;
}
.mf-sticky {
position: sticky;
top: 8rem;
}
.mf-h2 {
color: #fff;
letter-spacing: -.025em;
margin-top: 0;
margin-bottom: 0;
font-size: 52px;
font-weight: 500;
line-height: 1.08;
}
.mf-p {
color: #ffffffa8;
margin-top: 1.25rem;
margin-bottom: 0;
font-size: 18px;
line-height: 1.65;
}
.mf-gauge {
grid-column-gap: 1.5rem;
background-image: radial-gradient(90% 90% at 0 0, #2577f938, #01001900);
border: 1px solid #ffffff1f;
border-radius: 1.25rem;
align-items: center;
margin-top: 2.5rem;
padding: 1.5rem;
display: flex;
}
.mf-gauge-n {
letter-spacing: -.04em;
align-items: baseline;
font-size: 64px;
font-weight: 500;
line-height: 1;
display: flex;
}
.mf-gauge-c {
color: #0000;
text-align: right;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(90deg, #00e5d1, #2577f9);
-webkit-background-clip: text;
background-clip: text;
min-width: 2.4rem;
}
.mf-gauge-t {
color: #ffffff59;
font-size: 32px;
}
.mf-gauge-l {
flex: 1;
}
.mf-gauge-k {
color: #ffffff8c;
letter-spacing: .1em;
text-transform: uppercase;
margin-bottom: .75rem;
font-size: 13px;
display: block;
}
.mf-gauge-bar {
background-color: #ffffff1a;
border-radius: 999px;
height: 6px;
position: relative;
overflow: hidden;
}
.mf-gauge-fill {
background-image: linear-gradient(90deg, #00e5d1, #2577f9);
border-radius: 999px;
width: 0%;
height: 100%;
transition: width .6s cubic-bezier(.22, .8, .24, 1);
box-shadow: 0 0 14px #00e5d199;
}
.mf-insp-r {
border-top: 1px solid #ffffff1f;
}
.mf-row {
grid-column-gap: 1.25rem;
border-bottom: 1px solid #ffffff1f;
grid-template-rows: auto;
grid-template-columns: 3rem 1fr auto;
padding-top: 1.9rem;
padding-bottom: 1.9rem;
transition: background-color .6s;
display: grid;
}
.mf-row-n {
color: #ffffff59;
letter-spacing: .08em;
padding-top: .3rem;
font-size: 13px;
transition: color .5s;
}
.mf-row-t {
color: #fff;
letter-spacing: -.01em;
margin-top: 0;
margin-bottom: .75rem;
font-size: 22px;
font-weight: 500;
line-height: 1.3;
}
.mf-row-s {
color: #ffffffc7;
margin-top: 0;
margin-bottom: .5rem;
font-size: 16px;
line-height: 1.6;
}
.mf-row-d {
color: #ffffff73;
margin-top: 0;
margin-bottom: 0;
font-size: 15px;
line-height: 1.6;
}
.mf-row-k {
color: #fff6;
letter-spacing: .12em;
text-transform: uppercase;
margin-right: .6rem;
font-size: 11px;
display: inline-block;
}
.mf-row-st {
width: 4.6rem;
height: 1.9rem;
position: relative;
}
.mf-st-open {
color: #ffffff73;
letter-spacing: .12em;
text-transform: uppercase;
border: 1px dashed #ffffff40;
border-radius: 999px;
justify-content: center;
align-items: center;
font-size: 11px;
transition: opacity .4s;
display: flex;
position: absolute;
inset: 0;
}
.mf-st-pass {
opacity: 0;
color: #fff;
letter-spacing: .12em;
text-transform: uppercase;
background-image: linear-gradient(135deg, #00e5d1, #2577f9);
border-radius: 999px;
justify-content: center;
align-items: center;
font-size: 11px;
font-weight: 600;
transition: opacity .4s, transform .5s cubic-bezier(.34, 1.56, .64, 1);
display: flex;
position: absolute;
inset: 0;
transform: scale(.6);
box-shadow: 0 8px 22px -8px #00e5d1cc;
}
.mf-bom-head {
grid-column-gap: 4rem;
grid-template-rows: auto;
grid-template-columns: 1.3fr 1fr;
align-items: end;
margin-bottom: 3.5rem;
display: grid;
}
.mf-shead2 {
max-width: 46rem;
}
.mf-bom-lead {
color: #5b6378;
margin-top: 0;
margin-bottom: .4rem;
font-size: 18px;
line-height: 1.65;
}
.mf-bom {
border-top: 2px solid #010019;
}
.mf-bom-th {
grid-column-gap: 1.5rem;
color: #8a91a6;
letter-spacing: .14em;
text-transform: uppercase;
border-bottom: 1px solid #e3e7f0;
grid-template-rows: auto;
grid-template-columns: 6rem 18rem 1fr 3rem;
padding: .9rem 0;
font-size: 11px;
display: grid;
}
.mf-bom-r {
grid-column-gap: 1.5rem;
color: #010019;
border-bottom: 1px solid #e3e7f0;
grid-template-rows: auto;
grid-template-columns: 6rem 18rem 1fr 3rem;
align-items: center;
padding: 1.75rem 0;
text-decoration: none;
transition: padding .45s cubic-bezier(.22, .8, .24, 1), background-color .45s;
display: grid;
position: relative;
}
.mf-bom-r:hover {
background-color: #f5f8ff;
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.mf-bom-i {
color: #2577f9;
letter-spacing: .08em;
font-size: 13px;
}
.mf-bom-p {
letter-spacing: -.015em;
font-size: 22px;
font-weight: 500;
line-height: 1.25;
}
.mf-bom-s {
color: #5b6378;
font-size: 16px;
line-height: 1.6;
}
.mf-bom-a {
color: #010019;
border: 1px solid #d5dbe8;
border-radius: 50%;
justify-content: center;
align-items: center;
width: 2.75rem;
height: 2.75rem;
font-size: 16px;
transition: background-color .35s, color .35s, border-color .35s, transform .45s cubic-bezier(.22, .8, .24, 1);
display: flex;
}
.mf-proof-head {
max-width: 50rem;
margin-bottom: 4rem;
}
.mf-proof-p {
max-width: 40rem;
}
.mf-cases {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
grid-template-rows: auto;
grid-template-columns: repeat(3, 1fr);
display: grid;
}
.mf-case {
color: #fff;
background-color: #ffffff05;
border: 1px solid #ffffff1f;
border-radius: 1.25rem;
flex-direction: column;
text-decoration: none;
transition: border-color .45s, transform .6s cubic-bezier(.22, .8, .24, 1), box-shadow .6s;
display: flex;
overflow: hidden;
}
.mf-case:hover {
border-color: #00e5d173;
transform: translateY(-6px);
box-shadow: 0 40px 70px -40px #2577f9b3;
}
.mf-case-img {
background-color: #0b0a2a;
height: 26rem;
position: relative;
overflow: hidden;
}
.mf-case-im {
transform-origin: 50% 0;
object-fit: cover;
object-position: 50% 0%;
width: 100%;
height: 100%;
transition: transform 1.2s cubic-bezier(.22, .8, .24, 1);
}
.mf-case-b {
flex-direction: column;
flex: 1;
padding: 1.75rem;
display: flex;
}
.mf-case-tag {
color: #00e5d1;
letter-spacing: .1em;
text-transform: uppercase;
font-size: 12px;
}
.mf-case-t {
color: #fff;
letter-spacing: -.02em;
margin-top: .6rem;
margin-bottom: 0;
font-size: 28px;
font-weight: 500;
line-height: 1.15;
}
.mf-case-d {
color: #ffffffa8;
margin-top: .85rem;
margin-bottom: 1.25rem;
font-size: 16px;
line-height: 1.6;
}
.mf-case-spec {
grid-column-gap: .75rem;
border-top: 1px solid #ffffff1a;
grid-template-rows: auto;
grid-template-columns: 4.5rem 1fr;
padding: .75rem 0;
font-size: 14px;
line-height: 1.5;
display: grid;
}
.mf-case-k {
color: #fff6;
letter-spacing: .12em;
text-transform: uppercase;
padding-top: .15rem;
font-size: 11px;
}
.mf-case-v {
color: #ffffffd9;
}
.mf-case-q {
color: #fff;
letter-spacing: -.005em;
border-top: 1px solid #ffffff1a;
flex: 1;
margin-top: 1.25rem;
margin-bottom: .75rem;
padding-top: 1.25rem;
font-size: 17px;
line-height: 1.55;
}
.mf-case-who {
color: #ffffff80;
font-size: 14px;
}
.mf-case-cta {
color: #00e5d1;
justify-content: space-between;
align-items: center;
margin-top: 1.5rem;
font-size: 15px;
font-weight: 500;
display: flex;
}
.mf-case-ar {
transition: transform .4s;
display: inline-block;
}
.mf-plead {
color: #5b6378;
max-width: 40rem;
margin-top: 1.25rem;
margin-bottom: 0;
font-size: 18px;
line-height: 1.65;
}
.mf-track {
padding-top: 1rem;
position: relative;
}
.mf-track-line {
background-color: #e3e7f0;
height: 2px;
position: absolute;
top: 1.95rem;
left: 0;
right: 0;
}
.mf-track-fill {
background-image: linear-gradient(90deg, #00e5d1, #2577f9);
width: 0%;
height: 100%;
box-shadow: 0 0 12px #00e5d199;
}
.mf-steps {
grid-column-gap: 2rem;
grid-template-rows: auto;
grid-template-columns: repeat(5, 1fr);
display: grid;
position: relative;
}
.mf-step-dot {
background-color: #fff;
border: 2px solid #d5dbe8;
border-radius: 50%;
width: 1.9rem;
height: 1.9rem;
margin-bottom: 1.75rem;
transition: border-color .5s, background-color .5s, box-shadow .5s, transform .5s cubic-bezier(.34, 1.56, .64, 1);
}
.mf-step-k {
color: #2577f9;
letter-spacing: .14em;
text-transform: uppercase;
font-size: 12px;
}
.mf-step-t {
color: #010019;
letter-spacing: -.015em;
margin-top: .6rem;
margin-bottom: 0;
font-size: 22px;
font-weight: 500;
line-height: 1.25;
}
.mf-step-d {
color: #5b6378;
margin-top: .75rem;
margin-bottom: 0;
font-size: 15px;
line-height: 1.65;
}
.nn-dd-t {
color: #fff;
font-family: Euclid Circular B, Arial, sans-serif;
font-size: 20px;
font-weight: 400;
line-height: 1.2;
}
.nn-dd-img {
object-fit: cover;
object-position: 50% 30%;
border-radius: 12px;
width: 347px;
max-width: 100%;
height: 220px;
display: block;
}
.mf-cfg {
grid-column-gap: 1rem;
justify-content: space-between;
align-items: center;
margin-bottom: 1rem;
display: flex;
}
.mf-cfg-k {
color: #fff6;
letter-spacing: .1em;
text-transform: uppercase;
white-space: nowrap;
font-size: 12px;
}
.mf-cfg-bs {
background-color: #ffffff08;
border: 1px solid #ffffff1f;
border-radius: 999px;
padding: 4px;
display: flex;
}
.mf-cfg-b {
color: #fff9;
white-space: nowrap;
cursor: pointer;
border-radius: 999px;
padding: .45rem .85rem;
font-size: 13px;
line-height: 1.2;
transition: color .3s, background-color .3s;
}
.mf-cfg-b:hover {
color: #fff;
}
.mf-note {
grid-column-gap: .6rem;
color: #ffffff8c;
align-items: center;
margin-top: 1.1rem;
font-size: 14px;
display: flex;
}
.mf-note-dot {
background-color: #00e5d1;
border-radius: 50%;
width: 6px;
height: 6px;
box-shadow: 0 0 0 4px #00e5d126;
}
.mf-scan {
grid-column-gap: .5rem;
color: #ffffffbf;
align-items: center;
display: inline-flex;
}
.mf-scan-dot {
background-color: #00e5d1;
border-radius: 50%;
width: 6px;
height: 6px;
box-shadow: 0 0 8px #00e5d1;
}
.sa-nav-on {
background-color: #00e5d18c;
}
.sa-nav-s {
margin-top: auto;
margin-bottom: 1.1rem;
}
.sa-sk-h {
width: 40%;
height: .7rem;
margin-bottom: 1.1rem;
}
.sa-sk-s {
width: 55%;
height: .4rem;
margin-bottom: .6rem;
}
.sa-sk-n {
background-color: #ffffff24;
width: 75%;
height: .9rem;
}
.sa-fun {
background-image: radial-gradient(90% 90% at 0 0, #2577f938, #01001900);
border: 1px solid #ffffff1f;
border-radius: 1.25rem;
margin-top: 2.5rem;
padding: 1.5rem 1.5rem 1.25rem;
}
.sa-fun-h {
justify-content: space-between;
align-items: baseline;
margin-bottom: 1.1rem;
display: flex;
}
.sa-fun-hk {
color: #ffffff8c;
letter-spacing: .1em;
text-transform: uppercase;
font-size: 13px;
}
.sa-fun-hn {
color: #fff;
letter-spacing: -.03em;
font-size: 28px;
font-weight: 500;
}
.sa-fun-r {
grid-column-gap: 1rem;
grid-template-rows: auto;
grid-template-columns: 6.5rem 1fr;
align-items: center;
padding-top: .4rem;
padding-bottom: .4rem;
display: grid;
}
.sa-fun-k {
color: #ffffff80;
font-size: 13px;
transition: color .5s;
}
.sa-fun-b {
justify-content: center;
display: flex;
}
.sa-fun-f {
background-color: #ff64640f;
border: 1px dashed #ff787873;
border-radius: .35rem;
height: 1.15rem;
transition: background-color .6s, border-color .6s, box-shadow .6s;
}
.sa-w1 {
width: 100%;
}
.sa-w2 {
width: 86%;
}
.sa-w3 {
width: 72%;
}
.sa-w4 {
width: 58%;
}
.sa-w5 {
width: 44%;
}
.sa-w6 {
width: 32%;
}
.sa-cases {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
}
.sa-graph {
width: 100%;
}
.sa-c1 {
top: 1.25rem;
left: -1.5rem;
}
.tc-c1 {
top: 47%;
left: -1.5rem;
}
.nn-navbar {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
-webkit-backdrop-filter: blur(20px) saturate(180%);
backdrop-filter: blur(20px) saturate(180%);
background-color: #000215;
justify-content: space-between;
align-items: center;
width: 100%;
height: 80px;
padding: 0 40px;
display: flex;
position: relative;
box-shadow: inset 0 1px #ffffff09;
}
.nn-dd-title {
color: #fff;
font-family: Euclid Circular B, Arial, sans-serif;
font-size: 20px;
font-weight: 400;
line-height: 1.2;
text-decoration: none;
}
.pj-grid {
grid-template-rows: auto;
grid-template-columns: 5fr 7fr;
align-items: start;
column-gap: 5rem;
display: grid;
}
.pj-sticky {
position: sticky;
top: 8rem;
}
.pj-eyebrow {
color: #00e5d1;
letter-spacing: .16em;
text-transform: uppercase;
font-family: Euclid Circular B, Arial, sans-serif;
font-size: 13px;
font-weight: 500;
}
.pj-h2 {
color: #fff;
letter-spacing: -1px;
margin-top: 18px;
margin-bottom: 20px;
font-family: Euclid Circular B, Arial, sans-serif;
font-size: 48px;
font-weight: 500;
line-height: 1.08;
}
.pj-grad {
color: #0000;
-webkit-text-fill-color: transparent;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(155deg, #00e5d1 3%, #2577f9 99%);
-webkit-background-clip: text;
background-clip: text;
}
.pj-lead {
color: #ffffffa8;
max-width: 26rem;
margin-top: 0;
margin-bottom: 32px;
font-family: Euclid Circular B, Arial, sans-serif;
font-size: 17px;
line-height: 1.6;
}
.pj-meta {
border-top: 1px solid #ffffff1a;
margin-bottom: 32px;
}
.pj-meta-row {
grid-column-gap: 16px;
grid-row-gap: 16px;
border-bottom: 1px solid #ffffff1a;
justify-content: space-between;
padding-top: 14px;
padding-bottom: 14px;
font-family: Euclid Circular B, Arial, sans-serif;
font-size: 14px;
display: flex;
}
.pj-meta-k {
color: #ffffff80;
}
.pj-meta-v {
color: #fff;
text-align: right;
}
.pj-cta {
color: #000215;
background-color: #fff;
border-radius: 100px;
align-items: center;
height: 48px;
padding-left: 24px;
padding-right: 24px;
font-family: Euclid Circular B, Arial, sans-serif;
font-size: 15px;
font-weight: 500;
text-decoration: none;
display: inline-flex;
}
.pj-steps {
padding-left: 56px;
position: relative;
}
.pj-rail {
background-color: #ffffff1a;
border-radius: 2px;
width: 2px;
position: absolute;
top: 12px;
bottom: 12px;
left: 11px;
overflow: hidden;
}
.pj-fill {
transform-origin: 50% 0;
background-image: linear-gradient(#00e5d1, #2577f9);
width: 100%;
height: 100%;
}
.pj-step {
padding-bottom: 64px;
position: relative;
}
.pj-step-last {
padding-bottom: 0;
}
.pj-node {
background-color: #010019;
border: 2px solid #ffffff2e;
border-radius: 50%;
width: 24px;
height: 24px;
position: absolute;
top: 2px;
left: -56px;
}
.pj-when {
color: #ffffff80;
letter-spacing: .14em;
text-transform: uppercase;
margin-bottom: 10px;
font-family: Euclid Circular B, Arial, sans-serif;
font-size: 13px;
font-weight: 500;
}
.pj-title {
color: #fff;
letter-spacing: -.3px;
margin-top: 0;
margin-bottom: 10px;
font-family: Euclid Circular B, Arial, sans-serif;
font-size: 26px;
font-weight: 500;
line-height: 1.2;
}
.pj-body {
color: #ffffff9e;
max-width: 34rem;
margin-top: 0;
margin-bottom: 18px;
font-family: Euclid Circular B, Arial, sans-serif;
font-size: 16px;
line-height: 1.6;
}
.pj-get {
grid-column-gap: 12px;
grid-row-gap: 12px;
background-color: #ffffff08;
border: 1px solid #ffffff1a;
border-radius: 10px;
align-items: baseline;
padding: 11px 16px;
font-family: Euclid Circular B, Arial, sans-serif;
display: inline-flex;
}
.pj-get-k {
color: #00e5d1;
letter-spacing: .14em;
text-transform: uppercase;
white-space: nowrap;
font-size: 11px;
font-weight: 500;
}
.pj-get-v {
color: #ffffffd9;
font-size: 14px;
}
.pj-drivers {
border-top: 1px solid #ffffff14;
margin-top: 9rem;
padding-top: 7rem;
}
.pj-dhead {
grid-template-rows: auto;
grid-template-columns: 5fr 7fr;
align-items: end;
column-gap: 5rem;
margin-bottom: 3.5rem;
display: grid;
}
.pj-h3 {
color: #fff;
letter-spacing: -.8px;
margin-top: 16px;
margin-bottom: 0;
font-family: Euclid Circular B, Arial, sans-serif;
font-size: 38px;
font-weight: 500;
line-height: 1.12;
}
.pj-dlead {
color: #ffffff9e;
max-width: 34rem;
margin-top: 0;
margin-bottom: 0;
font-family: Euclid Circular B, Arial, sans-serif;
font-size: 16px;
line-height: 1.6;
}
.pj-dlabels {
grid-template-rows: auto;
grid-template-columns: 64px 1.1fr 1fr 1fr;
column-gap: 2rem;
padding-bottom: 16px;
display: grid;
}
.pj-dk {
color: #fff6;
letter-spacing: .14em;
text-transform: uppercase;
font-family: Euclid Circular B, Arial, sans-serif;
font-size: 11px;
font-weight: 500;
}
.pj-drow {
grid-template-rows: auto;
grid-template-columns: 64px 1.1fr 1fr 1fr;
align-items: baseline;
column-gap: 2rem;
padding-top: 28px;
padding-bottom: 28px;
display: grid;
position: relative;
}
.pj-drow-last {
border-bottom: 1px solid #ffffff1f;
}
.pj-line {
transform-origin: 0%;
background-color: #ffffff1f;
height: 1px;
position: absolute;
top: 0;
left: 0;
right: 0;
}
.pj-dnum {
color: #fff6;
letter-spacing: .08em;
font-family: Euclid Circular B, Arial, sans-serif;
font-size: 13px;
}
.pj-dname {
color: #fff;
font-family: Euclid Circular B, Arial, sans-serif;
font-size: 20px;
font-weight: 500;
line-height: 1.3;
}
.pj-dlow, .pj-dhigh {
color: #ffffffb3;
font-family: Euclid Circular B, Arial, sans-serif;
font-size: 15px;
line-height: 1.5;
}
.pj-aside {
align-self: stretch;
position: relative;
}
.np-copy {
flex-direction: column;
align-items: flex-start;
padding-top: 0;
font-family: Euclid Circular B, Arial, sans-serif;
display: flex;
}
.np-eye {
color: #fff;
letter-spacing: .04em;
background-image: linear-gradient(135deg, #00e5d1, #2577f9);
border-radius: 120px;
margin-bottom: 24px;
padding: .5rem 1.5rem;
font-size: 15px;
font-weight: 500;
line-height: 20px;
display: inline-block;
}
.np-h1 {
color: #fff;
letter-spacing: -1.5px;
margin-top: 0;
margin-bottom: 24px;
font-size: 64px;
font-weight: 500;
line-height: 1.05;
}
.np-grad {
color: #0000;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(155deg, #00e5d1 3%, #2577f9 99%);
-webkit-background-clip: text;
background-clip: text;
}
.np-lead {
color: #ffffffb8;
max-width: 34rem;
margin-top: 0;
margin-bottom: 32px;
font-size: 19px;
line-height: 1.55;
}
.np-meta {
grid-column-gap: 28px;
grid-row-gap: 28px;
border-top: 1px solid #ffffff1a;
border-bottom: 1px solid #ffffff1a;
width: 100%;
max-width: 34rem;
margin-bottom: 32px;
padding-top: 20px;
padding-bottom: 20px;
display: flex;
}
.np-m {
grid-column-gap: 6px;
grid-row-gap: 6px;
flex-direction: column;
display: flex;
}
.np-mk {
color: #ffffff80;
font-size: 13px;
font-weight: 400;
}
.np-mv {
color: #fff;
font-size: 15px;
font-weight: 500;
}
.np-dial {
aspect-ratio: 1 / 1.08;
width: 100%;
max-width: 520px;
margin-left: auto;
margin-right: auto;
font-family: Euclid Circular B, Arial, sans-serif;
position: relative;
}
.mi-page {
color: #fff;
background-color: #010019;
font-family: Euclid Circular B, Arial, sans-serif;
overflow-x: clip;
}
.mi-wrap {
max-width: 72rem;
margin-left: auto;
margin-right: auto;
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.mi-head {
z-index: 5;
border-bottom: 1px solid #ffffff12;
position: relative;
}
.mi-head-in {
justify-content: space-between;
align-items: center;
height: 76px;
display: flex;
}
.mi-logo {
color: #fff;
align-items: center;
text-decoration: none;
display: flex;
}
.mi-logo-img {
width: auto;
height: 34px;
}
.mi-head-r {
grid-column-gap: 28px;
grid-row-gap: 28px;
align-items: center;
display: flex;
}
.mi-head-note {
color: #ffffff73;
font-size: 13px;
}
.mi-head-link {
color: #fff;
border-bottom: 1px solid #ffffff4d;
padding-bottom: 2px;
font-size: 14px;
text-decoration: none;
}
.mi-hero {
padding-top: 88px;
padding-bottom: 104px;
position: relative;
}
.mi-hero-glow {
pointer-events: none;
background-image: radial-gradient(closest-side, #2577f938, #00e5d10d, #01001900);
width: 72rem;
height: 42rem;
margin-left: -20rem;
position: absolute;
top: -10%;
left: 50%;
}
.mi-hero-grid {
grid-template-rows: auto;
grid-template-columns: 1.05fr .95fr;
align-items: center;
column-gap: 4.5rem;
display: grid;
position: relative;
}
.mi-pill {
grid-column-gap: 10px;
grid-row-gap: 10px;
color: #00e5d1;
letter-spacing: .06em;
text-transform: uppercase;
border: 1px solid #00e5d159;
border-radius: 100px;
align-items: center;
padding: 8px 14px;
font-size: 13px;
font-weight: 500;
display: inline-flex;
}
.mi-pill-dot {
background-color: #00e5d1;
border-radius: 50%;
width: 6px;
height: 6px;
}
.mi-h1 {
color: #fff;
letter-spacing: -1.4px;
margin-top: 22px;
margin-bottom: 20px;
font-size: 56px;
font-weight: 500;
line-height: 1.05;
}
.mi-grad {
color: #0000;
-webkit-text-fill-color: transparent;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(155deg, #00e5d1 3%, #2577f9 99%);
-webkit-background-clip: text;
background-clip: text;
}
.mi-sub {
color: #ffffffb3;
max-width: 33rem;
margin-top: 0;
margin-bottom: 30px;
font-size: 18px;
line-height: 1.6;
}
.mi-formcard {
background-color: #ffffff0a;
border: 1px solid #ffffff1a;
border-radius: 18px;
max-width: 33rem;
padding: 22px;
}
.mi-form, .mi-form._w-form {
grid-template-rows: auto;
grid-template-columns: 1fr;
row-gap: 6px;
margin-bottom: 0;
display: grid;
}
.mi-label {
color: #ffffff8c;
letter-spacing: .08em;
text-transform: uppercase;
margin-top: 8px;
margin-bottom: 2px;
font-size: 12px;
font-weight: 500;
}
.mi-input, .mi-input._w-input, .mi-input._w-select {
color: #fff;
background-color: #01001999;
border: 1px solid #ffffff24;
border-radius: 10px;
height: 52px;
margin-bottom: 0;
padding-left: 16px;
padding-right: 16px;
font-size: 16px;
}
.mi-submit, .mi-submit._w-button {
color: #fff;
cursor: pointer;
background-image: linear-gradient(135deg, #00e5d1, #2577f9);
border-radius: 100px;
height: 56px;
margin-top: 14px;
font-size: 17px;
font-weight: 500;
}
.mi-assure {
grid-column-gap: 18px;
grid-row-gap: 8px;
flex-wrap: wrap;
margin-top: 16px;
display: flex;
}
.mi-assure-i {
color: #fff9;
padding-left: 16px;
font-size: 13px;
position: relative;
}
.mi-trust {
grid-column-gap: 12px;
grid-row-gap: 12px;
flex-wrap: wrap;
align-items: baseline;
margin-top: 26px;
display: flex;
}
.mi-trust-k {
color: #fff6;
letter-spacing: .14em;
text-transform: uppercase;
font-size: 12px;
}
.mi-trust-v {
color: #ffffffd9;
font-size: 14px;
}
.mi-report {
background-color: #060930;
border: 1px solid #ffffff1a;
border-radius: 22px;
padding: 26px;
position: relative;
box-shadow: 0 40px 80px -30px #0009;
}
.mi-rep-top {
justify-content: space-between;
align-items: center;
display: flex;
}
.mi-rep-k {
color: #00e5d1;
letter-spacing: .14em;
text-transform: uppercase;
font-size: 12px;
font-weight: 500;
}
.mi-rep-no {
color: #fff6;
letter-spacing: .06em;
font-size: 12px;
}
.mi-rep-url {
grid-column-gap: 10px;
grid-row-gap: 10px;
background-color: #ffffff0a;
border: 1px solid #ffffff12;
border-radius: 10px;
align-items: center;
margin-top: 16px;
padding: 12px 14px;
display: flex;
position: relative;
overflow: hidden;
}
.mi-rep-dot {
background-color: #00e5d1;
border-radius: 50%;
width: 8px;
height: 8px;
}
.mi-rep-urltext {
color: #ffffffd9;
font-size: 14px;
}
.mi-rep-scan {
pointer-events: none;
background-image: linear-gradient(90deg, #00e5d100, #00e5d12e, #00e5d100);
width: 30%;
position: absolute;
top: 0;
bottom: 0;
left: 0;
}
.mi-rep-score {
grid-column-gap: 18px;
grid-row-gap: 18px;
align-items: center;
margin-top: 20px;
margin-bottom: 12px;
display: flex;
}
.mi-rep-num {
letter-spacing: -1px;
align-items: baseline;
font-size: 52px;
font-weight: 500;
line-height: 1;
display: flex;
}
.mi-rep-n {
color: #fff;
}
.mi-rep-of {
color: #fff6;
font-size: 24px;
}
.mi-rep-st {
color: #fff;
font-size: 15px;
font-weight: 500;
}
.mi-rep-sd {
color: #ffffff8c;
margin-top: 4px;
font-size: 13px;
}
.mi-rep-list {
border-top: 1px solid #ffffff14;
}
.mi-row {
border-bottom: 1px solid #ffffff0f;
grid-template-rows: auto;
grid-template-columns: 28px 1fr auto;
align-items: center;
column-gap: 12px;
padding-top: 11px;
padding-bottom: 11px;
display: grid;
}
.mi-row-n {
color: #ffffff59;
font-size: 12px;
}
.mi-row-t {
color: #ffffffe0;
font-size: 14px;
}
.mi-chip {
letter-spacing: .1em;
text-transform: uppercase;
border-radius: 5px;
padding: 4px 9px;
font-size: 11px;
font-weight: 600;
}
.mi-chip-fix {
color: #ffb35c;
background-color: #ffb35c1a;
border: 1px solid #ffb35c4d;
}
.mi-chip-pass {
color: #00e5d1;
background-color: #00e5d114;
border: 1px solid #00e5d14d;
}
.mi-rep-foot {
background-color: #2577f91a;
border: 1px solid #2577f940;
border-radius: 12px;
margin-top: 16px;
padding: 14px 16px;
}
.mi-rep-fk {
color: #7fb2ff;
letter-spacing: .14em;
text-transform: uppercase;
font-size: 11px;
font-weight: 500;
}
.mi-rep-fv {
color: #fff;
margin-top: 4px;
font-size: 14px;
line-height: 1.5;
}
.mi-quotes {
background-color: #02021f;
border-top: 1px solid #ffffff12;
border-bottom: 1px solid #ffffff12;
padding-top: 56px;
padding-bottom: 56px;
}
.mi-quotes-grid {
grid-template-rows: auto;
grid-template-columns: 1.3fr 1fr 1fr;
gap: 2rem 3rem;
display: grid;
}
.mi-q-t {
color: #ffffffe0;
margin-top: 0;
margin-bottom: 16px;
font-size: 17px;
line-height: 1.55;
}
.mi-q-n {
color: #fff;
font-size: 14px;
font-weight: 500;
}
.mi-q-r {
color: #ffffff80;
margin-top: 3px;
font-size: 13px;
}
.mi-sec {
padding-top: 112px;
padding-bottom: 112px;
}
.mi-sec.mi-light {
background-color: #fff;
}
.mi-sec-head {
max-width: 46rem;
margin-bottom: 56px;
}
.mi-eyebrow {
color: #00e5d1;
letter-spacing: .16em;
text-transform: uppercase;
font-size: 13px;
font-weight: 500;
}
.mi-h2 {
color: #fff;
letter-spacing: -1px;
margin-top: 16px;
margin-bottom: 18px;
font-size: 44px;
font-weight: 500;
line-height: 1.1;
}
.mi-lead {
color: #ffffffa8;
margin-top: 0;
margin-bottom: 0;
font-size: 17px;
line-height: 1.6;
}
.mi-stats {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
gap: 1.5rem;
display: grid;
}
.mi-stat {
background-color: #ffffff05;
border: 1px solid #ffffff14;
border-radius: 18px;
padding: 30px;
}
.mi-stat-n {
color: #0000;
letter-spacing: -2px;
-webkit-text-fill-color: transparent;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(155deg, #00e5d1 3%, #2577f9 99%);
-webkit-background-clip: text;
background-clip: text;
font-size: 64px;
font-weight: 500;
line-height: 1;
}
.mi-stat-t {
color: #ffffffd9;
margin-top: 16px;
font-size: 16px;
line-height: 1.5;
}
.mi-stat-s {
color: #fff6;
margin-top: 14px;
font-size: 12px;
}
.mi-sec-alt {
background-color: #02021f;
border-top: 1px solid #ffffff0f;
border-bottom: 1px solid #ffffff0f;
}
.mi-checks {
border-top: 1px solid #ffffff1a;
border-left: 1px solid #ffffff1a;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
display: grid;
}
.mi-check {
border-bottom: 1px solid #ffffff1a;
border-right: 1px solid #ffffff1a;
padding: 28px 24px 30px;
}
.mi-check-n {
color: #00e5d1;
letter-spacing: .12em;
font-size: 12px;
font-weight: 500;
}
.mi-check-t {
color: #fff;
margin-top: 22px;
font-size: 18px;
font-weight: 500;
line-height: 1.3;
}
.mi-check-d {
color: #fff9;
margin-top: 10px;
font-size: 14px;
line-height: 1.55;
}
.mi-steps {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
gap: 1.5rem;
display: grid;
}
.mi-step {
border-top: 2px solid #ffffff1a;
padding-top: 26px;
position: relative;
}
.mi-step-k {
color: #00e5d1;
letter-spacing: .14em;
text-transform: uppercase;
font-size: 12px;
font-weight: 500;
}
.mi-step-t {
color: #fff;
margin-top: 14px;
font-size: 22px;
font-weight: 500;
line-height: 1.25;
}
.mi-step-d {
color: #ffffff9e;
margin-top: 10px;
font-size: 15px;
line-height: 1.6;
}
.mi-yours {
grid-column-gap: 20px;
grid-row-gap: 20px;
background-color: #00e5d10a;
border: 1px solid #00e5d140;
border-radius: 14px;
flex-wrap: wrap;
align-items: baseline;
margin-top: 56px;
padding: 22px 26px;
display: flex;
}
.mi-yours-t {
color: #fff;
font-size: 17px;
font-weight: 500;
}
.mi-yours-d {
color: #ffffffa8;
font-size: 15px;
}
.mi-cases {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
gap: 2rem 1.5rem;
display: grid;
}
.mi-case {
color: #fff;
text-decoration: none;
display: block;
}
.mi-case-imw {
aspect-ratio: 16 / 11;
background-color: #060930;
border: 1px solid #ffffff14;
border-radius: 16px;
overflow: hidden;
}
.mi-case-im {
object-fit: cover;
width: 100%;
height: 100%;
transition: transform .8s cubic-bezier(.2, .7, .2, 1);
}
.mi-case-k {
color: #ffffff73;
letter-spacing: .14em;
text-transform: uppercase;
margin-top: 20px;
font-size: 12px;
}
.mi-case-t {
color: #fff;
margin-top: 8px;
font-size: 22px;
font-weight: 500;
}
.mi-case-d {
color: #ffffff9e;
margin-top: 8px;
font-size: 15px;
line-height: 1.55;
}
.mi-case-l {
color: #00e5d1;
margin-top: 14px;
font-size: 14px;
}
.mi-faq-grid {
grid-template-rows: auto;
grid-template-columns: .85fr 1.15fr;
align-items: start;
column-gap: 5rem;
display: grid;
}
.mi-faq-l {
position: sticky;
top: 6rem;
}
.mi-faq {
border-top: 1px solid #ffffff1a;
}
.mi-qa {
border-bottom: 1px solid #ffffff1a;
padding-top: 24px;
padding-bottom: 24px;
}
.mi-qa-q {
color: #fff;
font-size: 19px;
font-weight: 500;
line-height: 1.35;
}
.mi-qa-a {
color: #ffffffa3;
margin-top: 10px;
font-size: 15px;
line-height: 1.65;
}
.mi-final {
border-top: 1px solid #ffffff12;
padding-top: 120px;
padding-bottom: 120px;
position: relative;
overflow: hidden;
}
.mi-final-glow {
pointer-events: none;
background-image: radial-gradient(closest-side, #2577f933, #01001900);
width: 70rem;
height: 40rem;
margin-left: -35rem;
position: absolute;
bottom: -40%;
left: 50%;
}
.mi-final-grid {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
align-items: center;
column-gap: 4.5rem;
display: grid;
position: relative;
}
.mi-final-h {
font-size: 52px;
}
.mi-formcard-final {
max-width: none;
}
.mi-alt {
color: #ffffff8c;
margin-top: 16px;
font-size: 14px;
}
.mi-alt-l {
color: #fff;
text-decoration: underline;
}
.mi-foot {
border-top: 1px solid #ffffff12;
padding-top: 28px;
padding-bottom: 28px;
}
.mi-foot-in {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
display: flex;
}
.mi-foot-t {
color: #ffffff73;
font-size: 13px;
}
.mi-foot-links {
grid-column-gap: 22px;
grid-row-gap: 22px;
display: flex;
}
.mi-foot-a {
color: #fff9;
font-size: 13px;
text-decoration: none;
}
.mi-sticky {
z-index: 50;
color: #fff;
background-image: linear-gradient(135deg, #00e5d1, #2577f9);
border-radius: 100px;
justify-content: center;
align-items: center;
height: 54px;
font-size: 16px;
font-weight: 500;
text-decoration: none;
display: none;
position: fixed;
bottom: 12px;
left: 12px;
right: 12px;
box-shadow: 0 14px 30px -10px #2577f9b3;
}
.mi-ty-main {
padding-top: 110px;
padding-bottom: 130px;
position: relative;
overflow: hidden;
}
.mi-ty-in {
text-align: center;
max-width: 48rem;
position: relative;
}
.mi-ty-check {
color: #fff;
background-image: linear-gradient(135deg, #00e5d1, #2577f9);
border-radius: 50%;
justify-content: center;
align-items: center;
width: 64px;
height: 64px;
margin-left: auto;
margin-right: auto;
font-size: 28px;
display: flex;
box-shadow: 0 16px 40px -12px #2577f9b3;
}
.mi-ty-h {
margin-top: 28px;
}
.mi-ty-sub {
margin-left: auto;
margin-right: auto;
}
.mi-ty-steps {
text-align: left;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
gap: 1rem;
margin-top: 40px;
display: grid;
}
.mi-ty-step {
background-color: #ffffff08;
border: 1px solid #ffffff17;
border-radius: 14px;
padding: 20px;
}
.mi-ty-k {
color: #00e5d1;
letter-spacing: .14em;
text-transform: uppercase;
font-size: 11px;
font-weight: 500;
}
.mi-ty-v {
color: #fff;
margin-top: 8px;
font-size: 15px;
line-height: 1.5;
}
.mi-ty-ctas {
grid-column-gap: 18px;
grid-row-gap: 18px;
flex-direction: column;
align-items: center;
margin-top: 44px;
display: flex;
}
.mi-ty-btn {
color: #000215;
background-color: #fff;
border-radius: 100px;
align-items: center;
height: 52px;
padding-left: 26px;
padding-right: 26px;
font-size: 15px;
font-weight: 500;
text-decoration: none;
display: inline-flex;
}
.mi-ty-link {
color: #ffffffb3;
font-size: 14px;
text-decoration: none;
}
.mi-logo-t {
color: #fff;
letter-spacing: .04em;
margin-left: 12px;
font-size: 17px;
font-weight: 600;
}
.mi-q-a {
grid-column-gap: 14px;
grid-row-gap: 14px;
align-items: center;
display: flex;
}
.mi-q-img {
object-fit: cover;
background-color: #060930;
border: 1px solid #ffffff24;
border-radius: 50%;
flex: none;
width: 48px;
height: 48px;
}
.mi-plans-sub {
color: #ffffff9e;
max-width: 34rem;
margin-top: 14px;
font-size: 17px;
line-height: 1.55;
}
.mi-plans {
grid-column-gap: 24px;
grid-row-gap: 24px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
max-width: 58rem;
margin-top: 48px;
display: grid;
}
.mi-plan {
background-color: #ffffff06;
border: 1px solid #ffffff1a;
border-radius: 20px;
flex-direction: column;
padding: 36px 34px 32px;
display: flex;
position: relative;
}
.mi-plan-feat {
background-image: linear-gradient(#2577f91f, #00e5d108);
border-color: #2577f98c;
box-shadow: 0 30px 60px -30px #2577f973;
}
.mi-plan-tag {
color: #010019;
letter-spacing: .04em;
background-image: linear-gradient(90deg, #00e5d1, #2577f9);
border-radius: 999px;
padding: 5px 12px;
font-size: 12px;
font-weight: 600;
position: absolute;
top: -13px;
left: 34px;
}
.mi-plan-name {
color: #fff;
font-size: 18px;
font-weight: 600;
}
.mi-plan-price {
grid-column-gap: 12px;
grid-row-gap: 12px;
color: #fff;
letter-spacing: -.02em;
align-items: baseline;
margin-top: 14px;
font-size: 44px;
font-weight: 600;
line-height: 1;
display: flex;
}
.mi-plan-was {
color: #fff6;
letter-spacing: 0;
font-size: 20px;
font-weight: 400;
text-decoration: line-through;
}
.mi-plan-meta {
color: #ffffff8c;
margin-top: 10px;
font-size: 14px;
}
.mi-plan-list {
grid-column-gap: 12px;
grid-row-gap: 12px;
border-top: 1px solid #ffffff14;
flex-direction: column;
flex-grow: 1;
margin-top: 26px;
padding-top: 24px;
display: flex;
}
.mi-plan-li {
color: #ffffffd1;
padding-left: 26px;
font-size: 15px;
line-height: 1.5;
position: relative;
}
.mi-plan-li:before {
color: #00e5d1;
content: "✓";
font-weight: 600;
position: absolute;
top: 0;
left: 0;
}
.mi-plan-cta {
color: #fff;
text-align: center;
border: 1px solid #ffffff2e;
border-radius: 12px;
margin-top: 30px;
padding: 15px 20px;
font-size: 15px;
font-weight: 500;
text-decoration: none;
display: block;
}
.mi-plan-cta-p {
color: #010019;
background-image: linear-gradient(90deg, #00e5d1, #2577f9);
border-color: #0000;
font-weight: 600;
}
.mi-plan-fine {
color: #ffffff80;
text-align: center;
margin-top: 12px;
font-size: 12.5px;
}
.mi-plans-note {
color: #ffffff8c;
margin-top: 28px;
font-size: 14px;
}
.mi-select {
cursor: pointer;
appearance: none;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' stroke='%23ffffff' stroke-opacity='.6' stroke-width='1.6' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-size: 12px 8px;
padding-right: 44px;
}
.mi-was {
text-decoration: line-through;
}
.mi-safe {
color: #ffffffb3;
background-color: #00e5d10d;
border: 1px solid #00e5d133;
border-radius: 10px;
margin-top: 16px;
padding: 12px 14px 12px 42px;
font-size: 13px;
line-height: 1.5;
position: relative;
}
.mi-safe-b {
color: #fff;
font-weight: 600;
}
.mi-who {
border-top: 1px solid #ffffff0f;
padding-top: 56px;
padding-bottom: 64px;
}
.mi-who-in {
grid-column-gap: 20px;
grid-row-gap: 20px;
text-align: center;
flex-direction: column;
align-items: center;
display: flex;
}
.mi-who-k {
color: #00e5d1;
letter-spacing: .16em;
text-transform: uppercase;
font-size: 13px;
font-weight: 500;
}
.mi-who-tags {
grid-column-gap: 10px;
grid-row-gap: 10px;
flex-wrap: wrap;
justify-content: center;
max-width: 56rem;
display: flex;
}
.mi-who-t {
color: #fff;
background-color: #ffffff08;
border: 1px solid #ffffff1f;
border-radius: 999px;
padding: 9px 16px;
font-size: 15px;
}
.mi-who-fit {
color: #ffffff8c;
max-width: 40rem;
font-size: 14px;
line-height: 1.55;
}
.mi-cl-line {
color: #fff9;
text-align: center;
margin-top: 28px;
margin-bottom: 0;
font-size: 15px;
}
.mi-dwg, .cl {
position: relative;
}
.cl-bar {
background-color: #ffffff08;
border: 1px solid #ffffff1a;
border-radius: 14px;
justify-content: space-between;
align-items: center;
margin-top: 28px;
margin-bottom: 14px;
padding: 14px 18px;
display: flex;
}
.cl-score {
color: #ffffffb3;
font-size: 15px;
}
.cl-score-n {
color: #00e5d1;
font-size: 18px;
font-weight: 600;
}
.cl-print {
color: #fff;
border: 1px solid #ffffff38;
border-radius: 999px;
padding: 10px 18px;
font-size: 14px;
text-decoration: none;
}
.cl-list {
grid-column-gap: 10px;
grid-row-gap: 10px;
text-align: left;
flex-direction: column;
display: flex;
}
.cl-i {
grid-column-gap: 12px;
grid-row-gap: 12px;
cursor: pointer;
background-color: #ffffff05;
border: 1px solid #ffffff14;
border-radius: 14px;
grid-template-rows: auto;
grid-template-columns: 26px 34px 1fr;
align-items: start;
padding: 18px 20px;
display: grid;
}
.cl-box {
border: 1.5px solid #ffffff59;
border-radius: 6px;
width: 22px;
height: 22px;
margin-top: 1px;
}
.cl-n {
color: #2577f9;
padding-top: 3px;
font-size: 13px;
font-weight: 600;
}
.cl-c {
min-width: 0;
}
.cl-t {
color: #fff;
font-size: 18px;
font-weight: 500;
}
.cl-d {
color: #ffffffa8;
margin-top: 6px;
font-size: 15px;
line-height: 1.55;
}
.cl-q {
color: #ffffffd9;
background-color: #2577f91a;
border-radius: 8px;
margin-top: 10px;
padding: 9px 12px;
font-size: 14px;
line-height: 1.5;
}
.cl-res {
grid-column-gap: 12px;
grid-row-gap: 12px;
text-align: left;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
margin-top: 28px;
display: grid;
}
.cl-r {
border: 1px solid #ffffff14;
border-radius: 14px;
padding: 18px;
}
.cl-r-k {
color: #fff;
font-size: 20px;
font-weight: 500;
}
.cl-r-d {
color: #ffffff9e;
margin-top: 6px;
font-size: 14px;
line-height: 1.5;
}
.cl-cta {
text-align: left;
border: 1px solid #00e5d140;
border-radius: 18px;
margin-top: 28px;
padding: 32px;
}
.cl-cta-h {
color: #fff;
font-size: 26px;
font-weight: 500;
}
.cl-cta-p {
color: #ffffffb3;
margin-top: 10px;
margin-bottom: 20px;
font-size: 16px;
line-height: 1.6;
}
.mi-cl-link {
color: #00e5d1;
text-decoration: none;
}
.mi-done {
color: #ffffffbf;
font-size: 16px;
line-height: 1.55;
}
.mi-done-b {
color: #fff;
font-weight: 500;
}
@media screen and (max-width: 991px) {
h2 {
font-size: 40px;
}
.nav-link {
color: #fff;
padding: 5px;
font-family: Figtree, sans-serif;
font-size: 18px;
font-weight: 400;
}
.nav-link:hover {
background-color: #8e8e8e4d;
}
.nav-link.nav-btn {
color: #fff;
background-color: #0000;
border-radius: 1.25rem;
height: auto;
padding: 5px;
font-size: 16px;
font-weight: 400;
display: block;
}
.width-70 {
width: auto;
}
.nav-home {
-webkit-backdrop-filter: blur(7px);
backdrop-filter: blur(7px);
border-radius: 100px;
}
.container-main {
padding-left: .75rem;
padding-right: .75rem;
}
.section.nnb-pb {
margin-top: -2rem;
padding-top: 0;
padding-bottom: 5rem;
}
.container {
padding-left: .75rem;
padding-right: .75rem;
}
.nav {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
justify-content: center;
top: 1rem;
}
.div-block {
width: auto;
height: auto;
overflow: visible;
}
.h1-78px {
font-size: 70px;
}
.h1-64px {
font-size: 56px;
}
.list-item.nav-btn-wrapper {
background-image: linear-gradient(#00e5d1, #2577f9);
border-radius: 2rem;
margin-left: 0;
padding: .75rem 1.5rem;
}
.nav-menu-wrapper {
background-color: #0000;
width: 100%;
}
.logo-links {
align-self: stretch;
min-width: 0;
max-width: 100%;
}
.nav-menu {
flex-flow: row;
justify-content: space-around;
align-items: center;
width: 100%;
padding-left: 0;
display: flex;
}
.width-60 {
width: auto;
}
.menu-button {
padding: 8px;
}
.menu-button.w--open {
color: #fff;
background-color: #a6b1bf;
}
.quick-links {
flex-wrap: wrap;
}
.heading-56px {
font-size: 48px;
}
.meet-content-wrapper {
padding-top: 0;
}
.image-8 {
left: 0;
}
.navbar-wrapper {
background-color: #0000;
justify-content: center;
width: 100%;
}
.home-hero-container {
padding-left: .75rem;
padding-right: .75rem;
}
.meet-you-section-container {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
grid-template-columns: 1fr;
}
.is-text-32px {
font-size: 29px;
}
.navbar-wrapper-2 {
justify-content: space-between;
}
.nav-link-02 {
padding-left: 5px;
padding-right: 5px;
}
.nav-menu-wrapper-2 {
background-color: #0000;
}
.how-we-serve-text-container {
width: 85%;
}
.nav-menu-copy {
flex-wrap: wrap;
justify-content: space-around;
align-items: center;
padding-left: 0;
display: flex;
}
.faqs-container {
margin-top: 2.5rem;
padding-left: 0;
padding-right: 0;
}
.cta-wrapper {
padding-bottom: 7.5rem;
}
.width-65, .width-80 {
width: auto;
}
.challenges-case-studies {
align-items: stretch;
}
.title-36px {
font-size: 32px;
}
.mobile-application-image-container, .mobile-application-image-container.is-2, .admin-dashboard-image-container {
padding-left: 0;
padding-right: 0;
}
.impact-wrapper-prepu {
width: auto;
}
.website-ui-ux-image-container {
padding-left: 0;
padding-right: 0;
}
.case-studies-hero-content-wrapper {
width: auto;
}
.challenges-case-studies-images, .website-ui-ux-image-container-precesion, .website-ui-ux-design--skayle-360 {
padding-left: 0;
padding-right: 0;
}
.width-50 {
width: auto;
}
.explore-out-work-container {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-template-columns: 1fr 1fr;
}
.explore-out-work-content-wrapper, .image-20 {
height: 575px;
}
.div-block-6 {
width: auto;
}
.is-text-14px.is-2 {
padding-right: 0;
}
.slider-left-arrow {
bottom: 0%;
right: -44%;
}
.slider-right-arrow {
bottom: 0%;
right: 7%;
}
.title-40px {
font-size: 36px;
}
.container-large {
padding-left: .75rem;
padding-right: .75rem;
}
.footer-email {
word-break: break-all;
}
.icon {
color: #fff;
background-image: linear-gradient(90deg, #00e5d1, #2577f9);
}
.width-55 {
width: auto;
}
.how-we-serve-text-container-video-motion {
width: 85%;
}
.container-2 {
max-width: 728px;
}
.navbar-wrapper-three {
justify-content: space-between;
}
.navbar-brand-three {
position: relative;
}
.nav-menu-wrapper-three {
background-color: #0000;
top: 70px;
}
.nav-menu-three {
background-color: #fff;
border-radius: 50px;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
margin-top: 10px;
padding: 20px;
display: flex;
box-shadow: 0 8px 50px #0000000d;
}
.nav-link-4 {
padding-left: 5px;
padding-right: 5px;
}
.nav-dropdown-icon {
margin-right: -11px;
padding-right: 0;
}
.nav-dropdown-list.shadow-three.w--open {
position: absolute;
}
.nav-dropdown-list.shadow-three.mobile-shadow-hide.w--open {
left: -356px;
}
.menu-button-2 {
padding: 12px;
}
.menu-button-2.w--open {
color: #fff;
background-color: #a6b1bf;
}
.nav-link-copy {
color: #fff;
padding: 5px;
font-family: Figtree, sans-serif;
font-size: 18px;
font-weight: 400;
}
.nav-link-copy:hover {
background-color: #8e8e8e4d;
}
.nav-dropdown-link-wrapper {
padding: 1.5rem;
}
.case-study-hero-image-wrapper {
margin-top: -20rem;
}
.work-wrapper {
width: auto;
}
.right-padding {
padding-right: 0;
}
.tab-link-tab-2 {
font-size: 15px;
}
.tab-link-tab-2.w--current {
font-size: 20px;
}
.tabs {
padding-left: 0;
padding-right: 0;
}
.faqs {
margin-top: 2.5rem;
padding-left: 0;
padding-right: 0;
}
.cursor, .code-embed {
display: none;
}
.case-studies-background-video {
height: 500px;
}
.width-64, .width-90, .width-45 {
width: auto;
}
.marketing-collateral-wrapper {
padding-left: 0;
padding-right: 0;
}
.prepu-bg-video {
height: 500px;
}
.contact-form-wrapper {
grid-template-columns: 1fr;
padding-left: 0;
padding-right: 0;
}
.textarea {
max-width: none;
}
.featured-services {
align-items: center;
}
.light-nav-wrapper {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
justify-content: space-between;
width: 100%;
}
.width-87 {
width: auto;
}
.blog-page-hero {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
}
.blog-hero-heading-wrapper {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
}
.featiured-blog-post-wrapper {
grid-template-columns: 1fr;
}
.category-wrapper {
flex-flow: wrap-reverse;
}
.collection-item, .featured-03-item {
padding-left: 8px;
padding-right: 8px;
}
.featured-02-content-wrapper {
padding-right: 0;
}
.featured-02-item {
padding-left: 8px;
padding-right: 8px;
}
.blog-inner-heading-wrapper {
padding-left: 0;
padding-right: 0;
}
.blog-inner-wrapper {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
padding-right: 0;
}
.writter-wrapper {
width: 50%;
}
.image-29 {
width: auto;
}
.about-hero-wrapper {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-template-columns: 1fr;
}
.about-section-wrapper {
grid-column-gap: 2.5rem;
grid-row-gap: 2.5rem;
grid-template-columns: 1fr;
}
.about-north-needle {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
}
.our-philosophy-section-wrapper {
grid-template-columns: 1fr;
}
.privacy-policy-wrapper {
padding: 0;
}
.container-3 {
max-width: 728px;
}
.nav-menu-wrapper-3 {
background-color: #0000;
}
.nav-menu-two {
background-color: #fff;
border-radius: 50px;
flex-wrap: wrap;
justify-content: space-around;
align-items: center;
margin-top: 10px;
padding: 20px;
display: flex;
box-shadow: 0 8px 50px #0000000d;
}
.nav-link-mobile {
padding-left: 5px;
padding-right: 5px;
}
.nav-dropdown-list-2.shadow-three.w--open {
position: absolute;
}
.menu-button-3 {
padding: 12px;
}
.menu-button-3.w--open {
color: #fff;
background-color: #a6b1bf;
}
.heading-size-94px.font-2.center {
text-align: center;
}
.small-width, .div-block-13 {
width: auto;
}
.client-testimonials {
padding-top: 3rem;
padding-left: 2rem;
}
.heading-60px {
font-size: 48px;
}
.work-process-heading-wrapper {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-flow: column;
grid-template-columns: 1fr;
display: flex;
}
.worl-process-wrapper {
grid-template-columns: 1fr 1fr;
}
.work-process-steps {
display: none;
}
.h-faqs-bg-gradient {
left: 2%;
}
.popup-wrapper {
display: none;
}
.grid-layout.tablet-1-column {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.paragraph-xl {
font-size: 1.4rem;
}
.pr-hero-grid {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.pr-h1 {
font-size: 52px;
}
.pr-h2 {
font-size: 44px;
}
.pr-plans {
grid-template-rows: auto;
grid-template-columns: 1fr;
max-width: 32rem;
margin-left: auto;
margin-right: auto;
}
.pr-plan.pr-plan-featured, .pr-plan-featured {
transform: translateY(0);
}
.pr-plan-for {
min-height: 0;
}
.pr-terms {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
}
.pr-proj-head {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.pr-h2-dark {
font-size: 44px;
}
.pr-proj-grid {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
}
.pr-h2-light {
font-size: 44px;
}
.pr-steps {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
row-gap: 4rem;
}
.pr-promises {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
}
.pr-aud {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.pr-aud-side {
border-top: 1px solid #ffffff1f;
border-left: 0 solid #0000;
}
.mks-container {
padding-left: .75rem;
padding-right: .75rem;
}
.mks-heading {
font-size: 48px;
}
.mks-stage {
grid-template-rows: auto;
grid-template-columns: 1fr;
row-gap: 2rem;
margin-top: 3rem;
}
.mks-mimg {
display: block;
}
.mks-screen-col {
display: none;
}
.nh-title {
font-size: 60px;
}
.nh-chip {
display: none;
}
.pr-proc {
height: auto;
margin-top: 3rem;
}
.pr-pin {
height: auto;
position: relative;
}
.pr-grid {
grid-template-rows: auto;
grid-template-columns: 1fr;
row-gap: 0;
}
.pr-visual {
display: none;
}
.pr-title {
font-size: 28px;
}
.pr-ico {
border-radius: 50%;
width: 3.5rem;
height: 3.5rem;
margin-bottom: .9rem;
display: block;
box-shadow: 0 10px 40px -10px #0700ffcc;
}
.svp {
height: auto;
margin-top: 3rem;
}
.svp-pin {
height: auto;
position: relative;
}
.svp-grid {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.svp-visual {
display: none;
}
.svp-panel {
max-width: none;
}
.svp-meta, .svp-bar {
display: none;
}
.svp-stages {
flex-direction: column;
row-gap: 2.75rem;
display: flex;
}
.svp-stage.svp-off {
opacity: 1;
}
.svp-ico {
border-radius: 50%;
width: 3.5rem;
height: 3.5rem;
margin-bottom: 1rem;
display: block;
box-shadow: 0 10px 40px -10px #0700ffcc;
}
.svp-title {
font-size: 30px;
}
.nnw-band {
padding-top: 5.5rem;
padding-bottom: 5.5rem;
}
.nnp-head {
flex-direction: column;
align-items: flex-start;
row-gap: 1.25rem;
}
.nnp-title {
font-size: 42px;
}
.nnp-grid {
grid-template-rows: auto;
grid-template-columns: 1fr;
max-width: 34rem;
}
.nnp-desc {
min-height: 0;
}
.nnp-entry {
flex-wrap: wrap;
row-gap: .5rem;
}
.nnp-entry-t {
flex-basis: 100%;
order: 1;
}
.nnc-head {
flex-direction: column;
align-items: flex-start;
row-gap: 1.25rem;
}
.nnc-title {
font-size: 42px;
}
.nnc-head-r {
align-items: flex-start;
}
.nnc-sub {
text-align: left;
}
.nnx-list {
row-gap: 6rem;
}
.nnx-item {
column-gap: 3.5rem;
}
.nnx-big {
font-size: 160px;
top: -4rem;
}
.nnx-name {
font-size: 46px;
}
.wsv-hero {
height: 500px;
}
.nna-sec {
padding: 5rem 1.5rem;
}
.nna-h2 {
font-size: 38px;
}
.nna-map {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.nna-bridge {
width: auto;
}
.nna-facts {
grid-template-rows: auto;
grid-template-columns: repeat(2, 1fr);
}
.nna-cols {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.nna-price {
margin-top: 1rem;
}
.nna-steps {
grid-template-rows: auto;
grid-template-columns: repeat(2, 1fr);
}
.nna-tz {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.nna-inds {
grid-template-rows: auto;
grid-template-columns: repeat(2, 1fr);
}
.nna-fit {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.nnb-dsec {
padding: 5rem 1.5rem 6rem;
}
.nnb-dsec.nnb-tb {
padding-bottom: 1rem;
}
.nnb-h2 {
font-size: 40px;
}
.nnb-g3 {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.nnb-stats {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
}
.nnb-st {
border-bottom: 1px solid #ffffff1a;
}
.nnb-wsec {
padding: 5rem 1.5rem;
}
.nnb-h2w {
font-size: 40px;
}
.nnb-split {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.nnb-steps {
grid-column-gap: 1.5rem;
grid-row-gap: 2.5rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
}
.nnb-step {
padding: 0;
}
.nnb-snum, .nnb-snuma {
margin-top: 0;
}
.nnb-fc {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
grid-template-rows: auto;
grid-template-columns: 1fr;
padding: 3rem 2.5rem 2.5rem;
}
.nnb-fq {
padding: 0;
font-size: 24px;
}
.nnb-fs {
margin: 2rem 0 0;
}
.nnb-inds {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
}
.nnb-fit {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.nnb-faq {
grid-column-gap: 2.5rem;
grid-row-gap: 2.5rem;
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.nnb-faqh {
position: static;
}
.nnp-sec {
padding: 5rem 1.5rem;
}
.nnp-grid-1 {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.nnp-left {
position: static;
}
.nnp-h2 {
font-size: 40px;
}
.nns-stage {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-direction: column;
height: auto;
padding: 1.5rem;
display: flex;
}
.nns-ai {
width: auto;
position: relative;
top: auto;
left: auto;
}
.nns-map {
width: auto;
position: relative;
top: auto;
right: auto;
}
.nns-cited {
width: auto;
position: relative;
bottom: auto;
right: auto;
}
.nns-wsec {
padding: 5rem 1.5rem;
}
.nns-plans {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.nns-dsec {
padding: 5rem 1.5rem 6rem;
}
.nns-phs {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
}
.nns-rep {
grid-template-rows: auto;
grid-template-columns: 1fr;
padding: 2rem;
}
.nns-pg {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
}
.nns-shead {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.nns-sgrid {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
}
.nns-take {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.nns-faq {
grid-column-gap: 2.5rem;
grid-row-gap: 2.5rem;
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.nns-faqh {
position: static;
}
.an-w70 {
width: auto;
}
.prx-stage {
max-width: 480px;
}
.mf-hero {
padding-top: 8rem;
}
.mf-hero-in {
grid-row-gap: 3.5rem;
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.mf-h1 {
font-size: 48px;
}
.mf-c1 {
left: .5rem;
}
.mf-c2 {
right: .5rem;
}
.mf-wsec {
padding-top: 6rem;
padding-bottom: 6rem;
}
.mf-h2w {
font-size: 40px;
}
.mf-stats {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.mf-stat {
border-bottom: 1px solid #e3e7f0;
padding: 2rem 0;
}
.mf-stat:first-child {
padding-left: 0;
}
.mf-take {
grid-row-gap: 1rem;
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.mf-dsec {
padding-top: 6rem;
padding-bottom: 6rem;
}
.mf-insp {
grid-row-gap: 3rem;
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.mf-sticky {
position: relative;
top: 0;
}
.mf-h2 {
font-size: 40px;
}
.mf-bom-head {
grid-row-gap: 1.25rem;
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.mf-bom-th {
display: none;
}
.mf-bom-r {
grid-row-gap: .6rem;
grid-template-rows: auto;
grid-template-columns: 4rem 1fr 3rem;
}
.mf-bom-i {
grid-row: 1 / 2;
}
.mf-bom-p {
grid-column: 2 / 3;
}
.mf-bom-s {
grid-area: 2 / 2 / 3 / 3;
}
.mf-bom-a {
grid-area: 1 / 3 / 2 / 4;
}
.mf-cases {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
}
.mf-track-line {
width: 2px;
height: auto;
inset: 1rem auto 0 .9rem;
}
.mf-track-fill {
width: 100%;
height: 0%;
}
.mf-steps {
grid-row-gap: 2.5rem;
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.mf-step-dot {
margin-bottom: 0;
position: absolute;
top: 0;
left: 0;
}
.mf-step {
padding-left: 3.5rem;
position: relative;
}
.sa-fun {
display: none;
}
.sa-c1, .tc-c1 {
left: .5rem;
}
.nn-navbar {
height: auto;
box-shadow: none;
-webkit-backdrop-filter: none;
backdrop-filter: none;
background-color: #091016;
border: 1px solid #b3bcb580;
border-radius: 3rem;
padding: .25rem .75rem .25rem 1.25rem;
}
.np-h1 {
font-size: 52px;
}
.mi-plans {
grid-template-columns: 1fr;
gap: 32px;
margin-top: 40px;
}
}
@media screen and (max-width: 767px) {
h2 {
font-size: 36px;
}
.position-relative {
display: none;
}
.nav-link {
padding-top: 10px;
padding-bottom: 10px;
display: inline-block;
}
.our-services-container, .footer-upper-wrapper {
grid-template-columns: 1fr;
}
.footer {
padding-bottom: 2rem;
}
.home-hero {
height: auto;
min-height: 85vh;
padding-bottom: 2.5rem;
}
.nav {
justify-content: space-between;
width: 100%;
padding-left: .5rem;
padding-right: .5rem;
display: none;
}
.h1-78px {
font-size: 64px;
}
.h1-64px {
font-size: 48px;
}
.nav-menu-wrapper {
background-color: var(--blue-dark);
border-radius: 1rem;
position: absolute;
}
.nav-menu {
flex-direction: column;
width: auto;
padding-bottom: 30px;
padding-left: 0;
}
.div-block-3 {
grid-column-gap: 5rem;
grid-row-gap: 5rem;
}
.menu-button.w--open {
background-color: #0000;
}
.heading-56px {
font-size: 40px;
}
.home-hero-playground {
height: auto;
margin-top: 1.5rem;
position: relative;
top: 0;
bottom: auto;
}
.why-work-with-us-wrapper {
grid-template-columns: 1fr;
}
.why-work-with-us-wrapper.is-2 {
padding-right: 10rem;
}
.image-8 {
position: static;
}
.footer-bottom-wrapper {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
grid-template-columns: minmax(0, 1fr) minmax(0, .4fr);
}
.navbar-wrapper {
justify-content: flex-start;
}
.meet-you-section-container {
grid-template-columns: 1fr;
justify-items: center;
}
.work-with-s-container {
grid-template-columns: 1fr;
}
.branding-what-we-offer-container {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
}
.how-we-serve-content, .how-we-serve-content.is-ast {
height: auto;
}
.how-we-serve-wrapper.desktop {
display: none;
}
.how-we-serve-wrapper.mobile {
display: flex;
}
.hero-section {
margin-top: 3rem;
}
.faq_answer {
font-size: 16px;
}
.faq_list {
margin-left: 0;
margin-right: 0;
}
.nav-link-02 {
padding-top: 10px;
padding-bottom: 10px;
display: inline-block;
}
.how-we-serve-content-wrapper {
grid-template-columns: 1fr;
}
.how-we-serve-text-container {
width: auto;
}
.nav-menu-copy {
flex-direction: column;
padding-bottom: 30px;
padding-left: 0;
}
.navbar-brand-2 {
padding-left: 0;
}
.cta-wrapper {
grid-template-columns: 1fr;
padding-top: 5rem;
padding-bottom: 5rem;
}
.branding-what-we-offer-wrapper, .branding-what-we-offer-wrapper.is-3 {
grid-template-columns: 1fr;
}
.heading-48px {
font-size: 40px;
}
.impact-wrapper-prepu {
grid-column-gap: 6rem;
grid-row-gap: 6rem;
padding: 3rem;
}
.website-ui-ux-image-container-precesion {
flex-flow: column;
}
.website-ui-ux-design--skayle-360 {
grid-column-gap: 10px;
grid-row-gap: 10px;
grid-template-columns: 1fr 1fr;
}
.website-ui-ux-design--skayle-360.ws-gap {
margin-top: 2rem;
}
.website-ui-ux-design-wrapper--skayle-360 {
grid-row-gap: 10px;
align-items: stretch;
}
.explore-out-work-container.desktop {
display: none;
}
.explore-out-work-container.mobile {
grid-template-columns: 1fr;
display: block;
}
.explore-out-work-images-wrapper {
grid-column-gap: 5rem;
grid-row-gap: 5rem;
position: static;
}
.explore-out-work-wrapper {
position: static;
}
.explore-out-work-content-wrapper {
height: auto;
}
.image-20 {
height: auto;
position: static;
}
.div-block-4 {
display: none;
position: static;
}
.logos-wrapper {
grid-template-columns: 1fr 1fr;
}
.slider-left-arrow {
bottom: 0%;
right: -60%;
}
.title-40px {
font-size: 32px;
}
.blog-home-container {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
grid-template-columns: 1fr;
}
.blog-home-wrapper.is-22, .blog-home-wrapper.is-3 {
margin-top: 0;
}
.work-mobile-wrapper {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
flex-flow: column;
align-items: flex-start;
display: flex;
}
.how-we-serve-image-wrapper {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-flow: column;
height: auto;
padding-top: 0;
position: static;
}
.how-we-serve-image-wrapper.is-last {
grid-column-gap: 2.5rem;
grid-row-gap: 2.5rem;
height: auto;
}
.how-we-serve-image-container {
grid-column-gap: 7.5rem;
grid-row-gap: 7.5rem;
flex-flow: column;
display: flex;
position: static;
}
.blur {
display: none;
position: static;
}
.how-we-serve-text-container-video-motion {
width: auto;
}
.navbar-brand-three {
padding-left: 0;
}
.nav-menu-three {
border-radius: 20px;
flex-direction: column;
padding-bottom: 30px;
}
.nav-menu-block {
flex-direction: column;
}
.nav-link-4 {
padding-top: 10px;
padding-bottom: 10px;
display: inline-block;
}
.nav-dropdown {
flex-direction: column;
align-items: center;
display: flex;
}
.nav-dropdown-toggle {
padding-top: 10px;
padding-bottom: 10px;
}
.nav-dropdown-list.shadow-three {
box-shadow: 0 8px 50px #0000000d;
}
.nav-dropdown-list.shadow-three.w--open {
position: relative;
}
.nav-dropdown-list.shadow-three.mobile-shadow-hide {
box-shadow: none;
}
.nav-link-accent {
margin-right: 5px;
padding-top: 10px;
padding-bottom: 10px;
display: inline-block;
}
.mobile-margin-top-10 {
margin-top: 10px;
}
.nav-link-copy {
padding-top: 10px;
padding-bottom: 10px;
display: inline-block;
}
.work-container {
flex-flow: column;
}
.work-wrapper.is-2 {
margin-top: 0;
}
.our-work-container {
grid-row-gap: 2rem;
grid-template-rows: auto;
grid-template-columns: 1fr;
padding-left: 0;
padding-right: 0;
}
.our-work-container.is-2 {
margin-top: 2rem;
}
.tabs-menu {
grid-column-gap: .3rem;
grid-row-gap: .3rem;
border-radius: 1.6rem;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
display: grid;
}
.case-studies-background-video {
height: 400px;
}
.our-work-heading-wrapper {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
grid-template-columns: 1fr;
}
.prepu-bg-video {
height: 350px;
}
.form-fields-wrapper {
flex-flow: column;
}
.dark-nav-wrapper, .light-nav-wrapper {
justify-content: space-between;
width: 100%;
}
.blog-page-hero {
grid-template-columns: 1fr;
}
.blog-hero-heading-wrapper {
padding-top: 0;
}
.blog-post-wrapper {
width: auto;
margin-bottom: 1.5rem;
}
.blog-post-wrapper.related-blog {
padding-right: 0;
}
.flex-space-between {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-flow: column;
align-items: flex-start;
}
.blog-inner-wrapper {
grid-template-columns: 1fr;
}
.content-container {
width: auto;
position: static;
}
.blog-inner-content-wrapper, .blog-post {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
}
.content-sticky {
position: static;
}
.north-needle-values-container, .our-team-container {
grid-template-columns: 1fr;
}
.nav-margins {
height: auto;
}
.ishaq-javed-hero-wrapper {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
grid-template-columns: 1fr;
}
.image-wrapper {
position: static;
}
.about-blog-heading-wrapper {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-flow: column;
align-items: flex-start;
}
.about-blog-container {
grid-template-columns: 1fr;
}
.nav-mobile {
display: block;
}
.navbar-logo-left-container {
max-width: 100%;
}
.navbar-logo-left-container.shadow-three {
padding-bottom: 0;
}
.navbar-brand {
padding-left: 0;
}
.nav-menu-two {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
border-radius: 20px;
flex-direction: column;
padding-bottom: 30px;
}
.nav-link-mobile {
color: var(--dark);
font-family: Euclid Circular B, Arial, sans-serif;
font-size: 16px;
display: inline-block;
}
.nav-dropdown-2 {
flex-direction: column;
align-items: center;
display: flex;
}
.nav-dropdown-toggle-2 {
padding-top: 0;
padding-bottom: 0;
padding-right: 20px;
}
.nav-dropdown-icon-2 {
margin-bottom: 7px;
}
.nav-dropdown-list-2.shadow-three {
box-shadow: 0 8px 50px #0000000d;
}
.nav-dropdown-list-2.shadow-three.w--open {
position: relative;
}
.nav-dropdown-list-2.shadow-three.mobile-shadow-hide {
box-shadow: none;
}
.nav-divider {
width: 200px;
max-width: 100%;
height: 1px;
margin-top: 10px;
margin-bottom: 10px;
}
.nav-link-accent-2 {
margin-right: 5px;
padding-top: 10px;
padding-bottom: 10px;
display: inline-block;
}
.mobile-margin-top-11 {
margin-top: 10px;
}
.menu-button-3.w--open {
background-color: #fff;
padding: 8px;
}
.icon-2 {
color: var(--dark);
background-color: #fff;
}
.hero-top-block {
flex-flow: wrap-reverse;
}
.hero-bottom-block {
flex-flow: column;
}
.testimonials-content {
grid-template-columns: 1fr;
}
.client-testimonials {
padding-top: 0;
padding-bottom: 3rem;
padding-left: 0;
}
.heading-60px {
font-size: 40px;
}
.h-faqs {
width: auto;
}
.h-faq_answer {
font-size: 16px;
}
.h-faq_list {
margin-left: 0;
margin-right: 0;
}
.h-faqs-bg-gradient {
width: 500px;
height: 500px;
}
.paragraph-xl {
font-size: 1.3rem;
}
.utility-margin-bottom-2rem {
margin-bottom: 1rem;
}
.mks-heading {
font-size: 40px;
}
.mks-row-title {
font-size: 22px;
}
.mks-row-inner {
padding-left: 0;
}
.mks-tick {
font-size: 18px;
}
.mks-cta {
margin-top: 3rem;
}
.nh-title {
font-size: 46px;
}
.nh-sub {
font-size: 17px;
}
.nt-heading {
font-size: 32px;
}
.nnx-list {
row-gap: 5rem;
margin-top: 4rem;
}
.nnx-item {
flex-direction: column;
align-items: stretch;
row-gap: 2.5rem;
}
.nnx-item.nnx-flip {
flex-direction: column;
}
.nnx-media {
flex-basis: auto;
width: 88%;
}
.nnx-big {
display: none;
}
.nnx-name {
font-size: 40px;
}
.tpmb-grid {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.tpmb-img {
border-radius: 1.25rem;
}
.wsv-hero {
height: 400px;
}
.wsg {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
}
.wsg-row, .wsg-row3 {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.nni-bar {
margin-top: 3rem;
padding-top: 2rem;
}
.nni-title {
font-size: 30px;
}
.nni-chip {
padding: 8px 14px;
font-size: 14px;
}
.nna-note-card {
padding: 2rem;
}
.nna-quote {
font-size: 21px;
}
.nna-qa, .nns-pg {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.prx-stage {
grid-column-gap: 14px;
grid-row-gap: 14px;
flex-direction: column;
max-width: 420px;
height: auto;
display: flex;
}
.prx-glow {
height: 90%;
top: 5%;
}
.prx-card {
width: 100%;
position: relative;
top: 0;
}
.prx-chip {
order: -1;
align-self: flex-start;
position: relative;
top: auto;
right: auto;
}
.prx-own {
width: 100%;
position: relative;
bottom: auto;
right: auto;
}
.mf-cases {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.mf-case-img {
height: 24rem;
}
.sa-cases {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.np-meta {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-wrap: wrap;
}
.np-dial {
max-width: 400px;
}
}
@media screen and (max-width: 479px) {
h2 {
font-size: 32px;
}
.is-text-18px {
font-size: 16px;
}
.is-text-18px.color-grey {
text-align: left;
}
.is-text-18px.color-grey.is-mobile-center {
text-align: center;
}
.our-services-container.desktop {
display: none;
}
.our-services-container.mobile {
grid-column-gap: 1.5rem;
grid-row-gap: 3rem;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
position: relative;
}
.container-main {
padding-left: 1rem;
padding-right: 1rem;
}
.footer {
margin-top: 6rem;
}
.home-hero {
height: auto;
}
.section {
margin-top: 6rem;
}
.section.ssection-bg-images {
margin-top: 2rem;
padding-top: 3rem;
padding-bottom: 3rem;
}
.section._6-25rem {
margin-top: 5rem;
}
.section.color-white.cta-band {
margin-top: 6rem;
}
.section.nt-section {
margin-top: 3.5rem;
}
.section.nnb-pb {
padding-top: 0;
padding-bottom: 4rem;
}
.quick-links-wrapper {
padding-top: 0;
}
.nav {
padding-top: 1rem;
position: static;
}
.is-text-20px {
font-size: 18px;
}
.h1-78px {
font-size: 48px;
}
.h1-78px.color-white.center {
font-size: 31px;
}
.privacy-policy-and-social-links {
margin-top: 0;
}
.privacy-policy-and-social-links.mobile {
display: flex;
}
.privacy-policy-and-social-links.desktop {
display: none;
}
.h1-64px {
font-size: 40px;
}
.nav-menu-wrapper {
background-color: var(--dark);
}
.home-hero-heading-wrapper {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
}
.nav-menu {
flex-direction: column;
}
.div-block-3 {
justify-content: flex-start;
height: auto;
margin-top: 8rem;
}
.quick-links {
flex-flow: wrap;
gap: .5rem 1.25rem;
}
.heading-56px {
font-size: 32px;
}
.services-container {
position: sticky;
top: 10rem;
}
.services-container.is-1 {
top: 6rem;
}
.services-container.is-2 {
top: 7rem;
}
.services-container.is-3 {
top: 8rem;
}
.services-container.is-4 {
top: 9rem;
}
.home-hero-playground {
height: auto;
}
.is-text-24px {
font-size: 18px;
}
.is-text-24px.color-white.center {
font-size: 16px;
}
.why-work-with-us-wrapper {
padding-left: 1rem;
}
.why-work-with-us-wrapper.is-2 {
padding-top: 1rem;
padding-bottom: 10rem;
padding-right: 3rem;
}
.footer-bottom-wrapper {
grid-template-columns: minmax(0, 1fr);
}
.is-text-40px {
font-size: 26px;
}
.is-text-40px.text-color-dark.weight-light {
font-size: 20px;
}
.text-block {
display: none;
position: absolute;
bottom: 32px;
right: 16px;
}
.home-hero-container {
height: 71%;
}
.meet-you-section-container {
justify-items: start;
}
.branding-what-we-offer-container {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
}
.faq_body_wrap {
padding-left: 3rem;
padding-right: .75rem;
}
.is-text-22px {
font-size: 20px;
}
.hero-section, .hero-section._3-5rem {
margin-top: 7.5rem;
}
.faq-question {
white-space: normal;
font-size: 16px;
}
.faq_answer {
padding-right: 0;
font-size: 15px;
line-height: 1.7;
}
.is-text-32px {
font-size: 24px;
}
.rotate-icon-wrap.nnf-ico {
width: 2.1rem;
height: 2.1rem;
}
.faq_list {
margin-left: 0;
margin-right: 0;
}
.faq_header {
grid-column-gap: .75rem;
grid-row-gap: .5em;
flex-flow: row;
column-gap: .75rem;
width: 100%;
padding: 1.3rem .75rem;
display: flex;
}
.nav-menu-copy {
flex-direction: column;
}
.cta-wrapper {
padding-top: 0;
padding-bottom: 0;
}
.branding-what-we-offer-wrapper {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
grid-template-columns: 1fr;
}
.branding-what-we-offer-wrapper.is-2 {
grid-template-columns: 1fr;
}
.faq-_item {
border-radius: 0;
}
.heading-48px {
font-size: 28px;
}
.heading-48px.color-white.text-weight-normal.center {
line-height: 1.2;
}
.web-ui-what-we-offer-wrapper {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
grid-template-columns: 1fr;
}
.website-ui-ux-image-wrapper {
grid-template-columns: 1fr;
}
.owner-testimonial {
flex-flow: column;
align-items: flex-start;
}
.title-36px {
font-size: 28px;
}
.line-grey {
display: none;
}
.deliverables-platforms {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-template-columns: 1fr;
}
.impact-wrapper-prepu {
grid-column-gap: 5rem;
grid-row-gap: 5rem;
padding: 2rem;
}
.impact-wrapper-prepu.is-2 {
width: auto;
}
.quick-stack-2 {
grid-column-gap: 1.375rem;
}
.image-4 {
border-radius: 0;
}
.admin-dashboard-image-wrapper {
grid-template-columns: 1fr;
}
.case-studies-hero-content-wrapper {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
grid-template-columns: 1fr;
width: 100%;
}
.challenges-case-studies-images.precesion {
margin-top: 3rem;
}
.challenge-precesion-technologies {
grid-template-columns: 1fr;
}
.website-ui-ux-image-container-precesion {
flex-flow: column;
}
.website-ui-ux-design--skayle-360.is-2 {
grid-template-columns: 1fr;
padding-left: 0;
padding-right: 0;
}
.quick-stack-3 {
grid-column-gap: 1.375rem;
}
.image-15, .image-18 {
border-radius: 0;
}
.explore-out-work-content-wrapper {
padding-top: 0;
}
.logos-wrapper {
grid-column-gap: 2.5rem;
}
.logo {
object-fit: scale-down;
width: 109px;
height: 40px;
}
.block-text {
font-size: 14px;
}
.testimonial-wrapper {
height: 306.969px;
}
.testimonial-wrapper.nt-card {
width: 19rem;
height: auto;
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.image-23 {
display: none;
}
.mask {
padding-left: 1rem;
}
.slider-left-arrow {
align-items: flex-end;
width: auto;
position: absolute;
inset: auto auto 0% 30%;
}
.slider-2 {
width: 375px;
height: 380px;
}
.slider-right-arrow {
align-items: flex-end;
width: auto;
inset: auto 34% 0% auto;
}
.title-40px {
font-size: 28px;
}
.slider-wrapper {
padding-left: 0;
}
.slide-content-wrapper {
width: 100%;
height: 100%;
}
.slider-container {
min-height: 300px;
}
.image24 {
display: none;
}
.arrow-right, .arrow-left {
display: block;
position: static;
}
.heading-52px {
font-size: 33px;
}
.explore-our-branding-wrapper {
border-radius: 2rem;
padding: 1.5rem 1rem;
}
.how-we-serve-image-container {
grid-column-gap: 5rem;
grid-row-gap: 5rem;
}
.container-2 {
max-width: none;
}
.nav-menu-three {
flex-direction: column;
}
.nav-dropdown-icon {
margin-right: -12px;
}
.case-studies-hero {
margin-top: 7rem;
}
.hero-section-case-studies {
margin-top: 2rem;
padding-bottom: 2rem;
}
.case-study-hero-image-wrapper {
margin-top: 2rem;
}
.work-wrapper {
padding: 1rem;
}
.case-study-slider-left-arrow {
width: auto;
position: absolute;
inset: 0% auto 0% 0%;
}
.case-study-slider-right-arrow {
width: auto;
inset: 0% 0% 0% auto;
}
.case-study-arrow-right, .case-study-arrow-left {
display: block;
position: static;
}
.image-26 {
width: 45px;
}
.tabs-menu {
grid-template-columns: 1fr 1fr;
}
.background-video {
height: 46vh;
}
.case-studies-background-video {
border-radius: 1rem;
height: 220px;
}
.hover-text {
display: none;
}
.is-text-28-px {
font-size: 22px;
}
.work-hero-image-wrapper {
justify-content: center;
display: flex;
}
.marketing-collateral-images-wrapper, .marketing-collateral-videos-wrapper {
grid-template-columns: 1fr;
}
.prepu-bg-video {
height: 463px;
}
.text-field, .select-field {
font-size: 16px;
}
.textarea {
font-size: 16px;
line-height: 24px;
}
.featured-services {
align-items: flex-start;
}
.blog-wrapper {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
}
.rich-text {
font-size: 18px;
}
.founder-image-wrapper {
width: auto;
}
.founder-name-wrapper {
bottom: 1rem;
}
.founder-image-container.is-grey {
display: none;
}
.north-needle-values-wrapper {
padding-left: 1rem;
padding-right: 1rem;
}
.our-team-content-wrapper {
padding-left: 0;
padding-right: 0;
}
.ishaq-javed-hero {
padding-top: 7.5rem;
}
.nav-margins {
padding-top: 0;
padding-bottom: 0;
}
.privacy-policy-hero {
margin-top: 7.5rem;
padding-bottom: 0;
}
.privacy-policy {
margin-top: 2rem;
}
.image-30 {
margin-top: 1rem;
}
.image-31 {
height: 55px;
}
.nav-mobile {
z-index: 9999999;
border-radius: 2.8rem;
width: 100%;
position: fixed;
top: 1rem;
}
.navbar-logo-left-container.shadow-three {
padding: 0;
}
.container-3 {
max-width: none;
position: relative;
}
.navbar-wrapper-3 {
background-color: #00022833;
border-radius: 2.8rem;
padding: .5rem 1rem;
}
.navbar-wrapper-3.dark-bg {
background-color: #000228b3;
}
.nav-menu-wrapper-3 {
border-radius: 2rem;
padding-left: 1rem;
padding-right: 1rem;
}
.nav-menu-two {
grid-column-gap: 1.1rem;
grid-row-gap: 1.1rem;
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
background-color: #00022833;
flex-direction: column;
align-items: center;
margin-top: 20px;
}
.nav-menu-two.dark-bg {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
box-shadow: none;
background-color: #000228b3;
}
.nav-link-mobile {
color: #fff;
margin-left: 0;
padding-top: 1rem;
padding-bottom: 1rem;
padding-left: 0;
font-size: 16px;
line-height: 1;
}
.nav-link-mobile:hover {
color: #fff;
}
.nav-link-mobile.w--current {
font-size: 16px;
}
.nav-dropdown-2 {
align-items: center;
width: 100%;
margin-left: 0;
margin-right: 0;
}
.nav-dropdown-toggle-2 {
justify-content: space-between;
align-items: center;
padding-left: 6rem;
padding-right: 6rem;
display: flex;
}
.nav-dropdown-icon-2 {
color: #fff;
margin-top: 0;
margin-bottom: 0;
margin-right: 0;
position: static;
}
.nav-dropdown-list-2.shadow-three.mobile-shadow-hide.w--open {
background-color: #0000;
padding-bottom: 0;
}
.nav-dropdown-link-2 {
color: #fff;
text-align: center;
padding: 8px 0;
font-family: Euclid Circular B, Arial, sans-serif;
font-size: 16px;
}
.menu-button-3 {
padding: 0;
}
.menu-button-3.w--open {
color: #fff;
background-color: #0000;
border-radius: 8px;
padding: 0;
}
.icon-2 {
color: #fff;
background-color: #0000;
border-radius: 4px;
padding: 4px;
font-size: 38px;
line-height: 15px;
}
.list-item-2 {
width: 100%;
}
.div-block-12 {
z-index: -1;
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
border-radius: 2.8rem;
position: absolute;
inset: 0%;
}
.hero-top-block {
grid-column-gap: 2.5rem;
grid-row-gap: 2.5rem;
}
.heading-size-94px {
font-size: 38px;
}
.hero-bottom-block {
grid-column-gap: 2.5rem;
grid-row-gap: 2.5rem;
}
.hero-btns-block {
flex-flow: column;
}
.container-small {
padding-left: 1rem;
padding-right: 1rem;
}
.client-testimonials {
padding-bottom: 5rem;
}
.heading-60px {
font-size: 36px;
}
.worl-process-wrapper {
grid-template-columns: 1fr;
}
.h-faqs {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
padding: 1rem;
}
.h-faq_answer {
padding-right: 0;
font-size: 14px;
line-height: 1.4;
}
.h-faq-question {
white-space: normal;
font-size: 14px;
}
.h-faq_list {
margin-left: 0;
margin-right: 0;
}
.h-faq_header {
grid-column-gap: .5em;
grid-row-gap: .5em;
flex-flow: row;
width: 100%;
padding-left: 0;
padding-right: 0;
display: flex;
}
.h-faq_body_wrap {
padding-left: 0;
padding-right: 0;
}
.h-faqs-bg-gradient {
width: 320px;
height: 800px;
left: 0%;
}
.schedule-wrapper {
margin-top: 2rem;
}
.ceo-north-needle {
flex-flow: column;
align-items: flex-start;
}
._2rem-left-margin {
margin-left: 0;
}
.form-block {
padding: 1rem;
}
.submit-button-wrapper {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
flex-flow: column;
}
.prefer-email {
align-items: flex-start;
}
.image-38 {
display: none;
}
.arrow-left-2 {
display: block;
position: static;
}
.slider-right-arrow-2 {
align-items: flex-end;
width: auto;
inset: auto 34% 0% auto;
}
.slide-3 {
height: 300px;
}
.slider-3 {
width: 380px;
height: 371px;
}
.mask-2 {
padding-left: 1rem;
}
.slider-left-arrow-2 {
align-items: flex-end;
width: auto;
position: absolute;
inset: auto auto 0% 30%;
}
.arrow-right-2, .arrow-left-copy, .arrow-right-copy {
display: block;
position: static;
}
.paragraph-xl {
font-size: 1.2rem;
}
.image-41 {
width: 80%;
}
.pr-hero {
padding-top: 8rem;
}
.pr-h1 {
letter-spacing: -.8px;
font-size: 40px;
}
.pr-lead {
font-size: 17px;
}
.pr-panel {
border-radius: 0;
padding-top: 4.5rem;
padding-bottom: 4.5rem;
}
.pr-h2 {
letter-spacing: -.5px;
font-size: 34px;
}
.pr-plan {
padding-left: 1.4rem;
padding-right: 1.4rem;
}
.pr-terms {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.pr-builder {
padding-top: 5rem;
padding-bottom: 5rem;
}
.pr-builder-glow {
width: 30rem;
margin-left: -15rem;
}
.pr-panel-2 {
border-radius: 0;
padding-top: 4.5rem;
padding-bottom: 4.5rem;
}
.pr-h2-dark {
letter-spacing: -.5px;
font-size: 34px;
}
.pr-proj-grid {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.pr-process {
padding-top: 5rem;
padding-bottom: 5rem;
}
.pr-h2-light {
letter-spacing: -.5px;
font-size: 34px;
}
.pr-steps {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.pr-promise-head {
margin-top: 4rem;
}
.pr-promises {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.pr-aud-main {
padding: 2.25rem 1.5rem;
}
.pr-aud-h {
font-size: 28px;
}
.pr-aud-list {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.pr-aud-side {
padding: 2rem 1.5rem;
}
.mks-section {
margin-top: 6rem;
}
.mks-glow {
width: 30rem;
margin-left: -15rem;
}
.mks-container {
padding-left: 1rem;
padding-right: 1rem;
}
.mks-heading {
font-size: 32px;
}
.mks-sub {
font-size: 16px;
}
.mks-row-head {
column-gap: .85rem;
padding-top: 1.2rem;
padding-bottom: 1.2rem;
}
.mks-row-title {
font-size: 19px;
}
.mks-row-short {
font-size: 14px;
}
.mks-row-arrow {
width: 2.25rem;
height: 2.25rem;
}
.mks-btn {
text-align: center;
width: 100%;
}
.mks-btn-ghost {
text-align: center;
font-size: 15px;
}
.intro-eyebrow {
font-size: 12px;
}
.intro-statement {
font-size: 26px;
}
.intro-pillars {
font-size: 14px;
}
.nh-aurora {
width: 30rem;
margin-left: -15rem;
}
.nh-wrap {
height: auto;
padding-top: 7.5rem;
padding-bottom: 2rem;
}
.nh-proof-label {
font-size: 13px;
}
.nh-title {
margin-top: 1.5rem;
font-size: 36px;
line-height: 1.08;
}
.nh-sub {
margin-top: 1.25rem;
font-size: 16px;
}
.nh-cta {
width: 100%;
margin-top: 1.75rem;
}
.nh-scroll {
display: none;
}
.nt-wall {
row-gap: 1rem;
}
.nt-track {
column-gap: 1rem;
}
.nt-head {
margin-bottom: .5rem;
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.nt-heading {
font-size: 26px;
}
.pr-steps-1 {
padding-left: 1.75rem;
}
.pr-title {
font-size: 24px;
}
.pr-desc {
font-size: 16px;
}
.svp-title {
font-size: 26px;
}
.svp-desc {
font-size: 16px;
}
.nnw-band {
margin-top: 3.5rem;
padding-top: 4rem;
padding-bottom: 4rem;
}
.nnp-title {
font-size: 34px;
}
.nnp-card {
padding: 1.75rem 1.4rem 1.5rem;
}
.nnp-amt {
font-size: 38px;
}
.nnp-entry {
padding: 1.25rem 1.4rem;
}
.nnc-title {
font-size: 34px;
}
.nnx-list {
row-gap: 4.5rem;
}
.nnx-media {
width: 90%;
}
.nnx-name {
font-size: 34px;
}
.nnx-desc {
font-size: 16px;
}
.wsv-hero {
border-radius: 1rem;
height: 220px;
}
.wsp-strip {
border-radius: 1rem;
margin-top: 1.5rem;
}
.wsg-img {
border-radius: 1rem;
}
.nna-sec {
padding: 4rem 1.25rem;
}
.nna-h2 {
font-size: 30px;
}
.nna-loc {
padding: 1.5rem;
}
.nna-place {
font-size: 26px;
}
.nna-num {
font-size: 32px;
}
.nna-col, .nna-col-dk {
padding: 1.5rem;
}
.nna-svc, .nna-svc-dk {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
flex-direction: column;
}
.nna-svc-d, .nna-svc-ddk {
text-align: left;
}
.nna-steps, .nna-inds {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.nna-fit-c {
padding: 1.5rem;
}
.nnb-dsec {
padding: 4rem 1.25rem 5rem;
}
.nnb-dsec.nnb-tb {
padding-bottom: 1rem;
}
.nnb-h2 {
font-size: 32px;
}
.nnb-stats {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.nnb-wsec {
border-radius: 0;
padding: 4rem 1.25rem;
}
.nnb-h2w {
font-size: 32px;
}
.nnb-pl, .nnb-pd {
padding: 1.5rem;
}
.nnb-steps {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.nnb-fc {
padding: 2rem 1.5rem 1.75rem;
}
.nnb-fimg {
height: 20rem;
}
.nnb-fq {
font-size: 21px;
}
.nnb-inds {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.nnb-fy, .nnb-fno {
padding: 1.5rem;
}
.nnb-q {
grid-template-rows: auto;
grid-template-columns: 2.25rem 1fr;
}
.nnp-sec {
padding: 4rem 1.25rem;
}
.nnp-h2 {
font-size: 32px;
}
.nnp-step {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
grid-template-rows: auto;
grid-template-columns: 1fr;
padding: 1.5rem;
}
.nnp-num {
font-size: 44px;
}
.nnp-get {
border-radius: 1rem;
flex-wrap: wrap;
}
.nns-stage {
border-radius: 1.25rem;
padding: 1rem;
}
.nns-ai {
padding: 1.25rem;
}
.nns-aim {
display: none;
}
.nns-a {
font-size: 15px;
}
.nns-wsec {
padding: 4rem 1.25rem;
}
.nns-plan, .nns-pland {
padding: 1.75rem;
}
.nns-pop {
align-self: flex-start;
margin-bottom: 1rem;
position: static;
}
.nns-pamt, .nns-pamtw {
font-size: 46px;
}
.nns-audit {
grid-template-rows: auto;
grid-template-columns: 1fr;
padding: 1.5rem;
}
.nns-aup {
grid-row-start: auto;
grid-column-start: 1;
margin-top: .75rem;
}
.nns-dsec {
padding: 4rem 1.25rem 5rem;
}
.nns-phs {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.nns-rep {
padding: 1.25rem;
}
.nns-rh {
font-size: 28px;
}
.nns-kpis {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.nns-pt {
font-size: 21px;
}
.nns-vrow {
grid-template-rows: auto;
grid-template-columns: 7rem 1fr 3rem;
}
.nns-sgrid {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.nns-sbig, .nns-sbigd {
font-size: 52px;
}
.nns-take {
padding: 1.5rem;
}
.nns-tt {
font-size: 20px;
}
.nns-q {
grid-template-rows: auto;
grid-template-columns: 2.25rem 1fr;
}
.nns-qt {
font-size: 19px;
}
.nnx-tiles {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
}
.nnx-nh {
font-size: 20px;
}
.an-text {
font-size: 18px;
}
.prx-in {
padding: 18px 16px 16px;
}
.prx-live {
display: none;
}
.prx-rn {
font-size: 13px;
}
.mf-wrap {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.mf-h1 {
font-size: 38px;
}
.mf-lead {
font-size: 16px;
}
.mf-sheet-top {
font-size: 9px;
}
.mf-callout {
padding: .4rem .6rem;
font-size: 11px;
}
.mf-c1 {
top: .75rem;
}
.mf-c2 {
display: none;
top: 52%;
}
.mf-tb {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
}
.mf-tb-c {
border-bottom: 1px solid #ffffff1a;
}
.mf-ticker {
margin-top: 4rem;
}
.mf-h2w {
font-size: 32px;
}
.mf-stat-n {
font-size: 68px;
}
.mf-stat-t {
font-size: 18px;
}
.mf-take-t {
font-size: 21px;
}
.mf-h2 {
font-size: 32px;
}
.mf-p {
font-size: 16px;
}
.mf-gauge-n {
font-size: 48px;
}
.mf-row {
grid-row-gap: .6rem;
grid-template-rows: auto;
grid-template-columns: 1fr auto;
}
.mf-row-n {
grid-column: 1 / 2;
}
.mf-row-t {
font-size: 19px;
}
.mf-row-st {
grid-area: 1 / 2 / 2 / 3;
}
.mf-row-b {
grid-area: 2 / 1 / 3 / 3;
}
.mf-bom-lead {
font-size: 16px;
}
.mf-bom-r {
grid-template-rows: auto;
grid-template-columns: 1fr 2.75rem;
padding-top: 1.5rem;
padding-bottom: 1.5rem;
}
.mf-bom-i {
grid-column: 1 / 2;
}
.mf-bom-p {
grid-area: 2 / 1 / 3 / 2;
font-size: 19px;
}
.mf-bom-s {
grid-area: 3 / 1 / 4 / 3;
font-size: 15px;
}
.mf-bom-a {
grid-column: 2 / 3;
width: 2.5rem;
height: 2.5rem;
}
.mf-case-img {
height: 22rem;
}
.mf-plead {
font-size: 16px;
}
.mf-step-t {
font-size: 20px;
}
.nn-dd-t {
font-size: 18px;
}
.mf-cfg {
grid-row-gap: .6rem;
flex-direction: column;
align-items: flex-start;
}
.mf-cfg-bs {
justify-content: space-between;
width: 100%;
}
.mf-cfg-b {
padding: .45rem .6rem;
font-size: 12px;
}
.mf-note {
font-size: 13px;
}
.sa-c1 {
top: .5rem;
}
.tc-c1 {
top: 40%;
}
.nn-dd-title {
font-size: 18px;
}
.np-h1 {
letter-spacing: -.8px;
font-size: 40px;
}
.np-lead {
font-size: 17px;
}
.mi-logo-img {
height: 28px;
}
.mi-head-link {
font-size: 12px;
}
.mi-logo-t {
margin-left: 8px;
font-size: 14px;
}
.mi-plan {
padding: 30px 22px 26px;
}
.mi-plan-tag {
left: 22px;
}
.mi-plan-price {
font-size: 38px;
}
.mi-who {
padding-top: 40px;
padding-bottom: 44px;
}
.mi-who-tags {
gap: 8px;
}
.mi-who-t {
padding: 7px 12px;
font-size: 13px;
}
}
#w-node-_21a62eff-8368-bcdf-666e-e5c970eb75e0-a7509ac1 {
grid-template-rows: auto auto;
grid-template-columns: .5fr 1fr;
}
#w-node-_21a62eff-8368-bcdf-666e-e5c970eb75e3-a7509ac1 {
grid-row: span 2 / span 2;
}
#w-node-_21a62eff-8368-bcdf-666e-e5c970eb7610-a7509ac1 {
grid-template-rows: auto auto auto;
grid-template-columns: 1fr .45fr .25fr 1.1fr;
}
#w-node-_21a62eff-8368-bcdf-666e-e5c970eb7611-a7509ac1 {
grid-row: span 2 / span 2;
}
#w-node-_21a62eff-8368-bcdf-666e-e5c970eb7613-a7509ac1 {
grid-column: span 3 / span 3;
}
#w-node-_21a62eff-8368-bcdf-666e-e5c970eb7615-a7509ac1, #w-node-_21a62eff-8368-bcdf-666e-e5c970eb7619-a7509ac1, #w-node-_21a62eff-8368-bcdf-666e-e5c970eb761b-a7509ac1 {
grid-column: span 2 / span 2;
}
#w-node-_21a62eff-8368-bcdf-666e-e5c970eb7626-a7509ac1 {
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
}
#w-node-_21a62eff-8368-bcdf-666e-e5c970eb7627-a7509ac1 {
grid-row: span 2 / span 2;
}
#w-node-_699cecca-df1a-79d3-c4dc-81c9d2aaf634-d0e09983 {
grid-template-rows: auto auto auto;
grid-template-columns: 1fr .45fr .25fr 1.1fr;
}
#w-node-_699cecca-df1a-79d3-c4dc-81c9d2aaf635-d0e09983 {
grid-row: span 2 / span 2;
}
#w-node-_699cecca-df1a-79d3-c4dc-81c9d2aaf637-d0e09983 {
grid-column: span 3 / span 3;
}
#w-node-_699cecca-df1a-79d3-c4dc-81c9d2aaf639-d0e09983, #w-node-_699cecca-df1a-79d3-c4dc-81c9d2aaf63d-d0e09983, #w-node-_699cecca-df1a-79d3-c4dc-81c9d2aaf63f-d0e09983 {
grid-column: span 2 / span 2;
}
#w-node-_49130abc-9f35-1f28-2575-d050c7558024-bd7a9641 {
grid-template-rows: auto auto auto;
grid-template-columns: 1fr .45fr .25fr 1.1fr;
}
#w-node-_49130abc-9f35-1f28-2575-d050c7558025-bd7a9641 {
grid-row: span 2 / span 2;
}
#w-node-_49130abc-9f35-1f28-2575-d050c7558027-bd7a9641 {
grid-column: span 3 / span 3;
}
#w-node-_49130abc-9f35-1f28-2575-d050c7558029-bd7a9641, #w-node-_49130abc-9f35-1f28-2575-d050c755802d-bd7a9641, #w-node-_49130abc-9f35-1f28-2575-d050c755802f-bd7a9641 {
grid-column: span 2 / span 2;
}
#w-node-_699cecca-df1a-79d3-c4dc-81c9d2aaf634-335de8b4 {
grid-template-rows: auto auto auto;
grid-template-columns: 1fr .45fr .25fr 1.1fr;
}
#w-node-_699cecca-df1a-79d3-c4dc-81c9d2aaf635-335de8b4 {
grid-row: span 2 / span 2;
}
#w-node-_699cecca-df1a-79d3-c4dc-81c9d2aaf637-335de8b4 {
grid-column: span 3 / span 3;
}
#w-node-_699cecca-df1a-79d3-c4dc-81c9d2aaf639-335de8b4, #w-node-_699cecca-df1a-79d3-c4dc-81c9d2aaf63d-335de8b4, #w-node-_699cecca-df1a-79d3-c4dc-81c9d2aaf63f-335de8b4 {
grid-column: span 2 / span 2;
}
#w-node-_699cecca-df1a-79d3-c4dc-81c9d2aaf634-c9b132c4 {
grid-template-rows: auto auto auto;
grid-template-columns: 1fr .45fr .25fr 1.1fr;
}
#w-node-_699cecca-df1a-79d3-c4dc-81c9d2aaf635-c9b132c4 {
grid-row: span 2 / span 2;
}
#w-node-_699cecca-df1a-79d3-c4dc-81c9d2aaf637-c9b132c4 {
grid-column: span 3 / span 3;
}
#w-node-_699cecca-df1a-79d3-c4dc-81c9d2aaf639-c9b132c4, #w-node-_699cecca-df1a-79d3-c4dc-81c9d2aaf63d-c9b132c4, #w-node-_699cecca-df1a-79d3-c4dc-81c9d2aaf63f-c9b132c4 {
grid-column: span 2 / span 2;
}
#w-node-_699cecca-df1a-79d3-c4dc-81c9d2aaf634-4210c268 {
grid-template-rows: auto auto auto;
grid-template-columns: 1fr .45fr .25fr 1.1fr;
}
#w-node-_699cecca-df1a-79d3-c4dc-81c9d2aaf635-4210c268 {
grid-row: span 2 / span 2;
}
#w-node-_699cecca-df1a-79d3-c4dc-81c9d2aaf637-4210c268 {
grid-column: span 3 / span 3;
}
#w-node-_699cecca-df1a-79d3-c4dc-81c9d2aaf639-4210c268, #w-node-_699cecca-df1a-79d3-c4dc-81c9d2aaf63d-4210c268, #w-node-_699cecca-df1a-79d3-c4dc-81c9d2aaf63f-4210c268 {
grid-column: span 2 / span 2;
}
@media screen and (max-width: 479px) {
#w-node-_21a62eff-8368-bcdf-666e-e5c970eb75e0-a7509ac1 {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
}
#w-node-_21a62eff-8368-bcdf-666e-e5c970eb75e3-a7509ac1 {
grid-row: span 2 / span 2;
}
#w-node-_39f1a58e-c55b-a363-8b2d-489d5d4ce1f5-a7509ac1 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_21a62eff-8368-bcdf-666e-e5c970eb7610-a7509ac1 {
grid-template-rows: auto auto auto;
grid-template-columns: 1fr 1fr;
}
#w-node-_21a62eff-8368-bcdf-666e-e5c970eb7611-a7509ac1 {
grid-row: span 2 / span 2;
}
#w-node-_21a62eff-8368-bcdf-666e-e5c970eb7613-a7509ac1, #w-node-_21a62eff-8368-bcdf-666e-e5c970eb7615-a7509ac1, #w-node-_21a62eff-8368-bcdf-666e-e5c970eb7619-a7509ac1, #w-node-_21a62eff-8368-bcdf-666e-e5c970eb761b-a7509ac1 {
grid-column: span 2 / span 2;
}
#w-node-_21a62eff-8368-bcdf-666e-e5c970eb7626-a7509ac1 {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
}
#w-node-_21a62eff-8368-bcdf-666e-e5c970eb7627-a7509ac1 {
grid-row: span 2 / span 2;
}
#w-node-_699cecca-df1a-79d3-c4dc-81c9d2aaf634-d0e09983 {
grid-template-rows: auto auto auto;
grid-template-columns: 1fr 1fr;
}
#w-node-_699cecca-df1a-79d3-c4dc-81c9d2aaf635-d0e09983 {
grid-row: span 2 / span 2;
}
#w-node-_699cecca-df1a-79d3-c4dc-81c9d2aaf637-d0e09983, #w-node-_699cecca-df1a-79d3-c4dc-81c9d2aaf639-d0e09983, #w-node-_699cecca-df1a-79d3-c4dc-81c9d2aaf63d-d0e09983, #w-node-_699cecca-df1a-79d3-c4dc-81c9d2aaf63f-d0e09983 {
grid-column: span 2 / span 2;
}
#w-node-_49130abc-9f35-1f28-2575-d050c7558024-bd7a9641 {
grid-template-rows: auto auto auto;
grid-template-columns: 1fr 1fr;
}
#w-node-_49130abc-9f35-1f28-2575-d050c7558025-bd7a9641 {
grid-row: span 2 / span 2;
}
#w-node-_49130abc-9f35-1f28-2575-d050c7558027-bd7a9641, #w-node-_49130abc-9f35-1f28-2575-d050c7558029-bd7a9641, #w-node-_49130abc-9f35-1f28-2575-d050c755802d-bd7a9641, #w-node-_49130abc-9f35-1f28-2575-d050c755802f-bd7a9641 {
grid-column: span 2 / span 2;
}
#w-node-_699cecca-df1a-79d3-c4dc-81c9d2aaf634-335de8b4 {
grid-template-rows: auto auto auto;
grid-template-columns: 1fr 1fr;
}
#w-node-_699cecca-df1a-79d3-c4dc-81c9d2aaf635-335de8b4 {
grid-row: span 2 / span 2;
}
#w-node-_699cecca-df1a-79d3-c4dc-81c9d2aaf637-335de8b4, #w-node-_699cecca-df1a-79d3-c4dc-81c9d2aaf639-335de8b4, #w-node-_699cecca-df1a-79d3-c4dc-81c9d2aaf63d-335de8b4, #w-node-_699cecca-df1a-79d3-c4dc-81c9d2aaf63f-335de8b4 {
grid-column: span 2 / span 2;
}
#w-node-_699cecca-df1a-79d3-c4dc-81c9d2aaf634-c9b132c4 {
grid-template-rows: auto auto auto;
grid-template-columns: 1fr 1fr;
}
#w-node-_699cecca-df1a-79d3-c4dc-81c9d2aaf635-c9b132c4 {
grid-row: span 2 / span 2;
}
#w-node-_699cecca-df1a-79d3-c4dc-81c9d2aaf637-c9b132c4, #w-node-_699cecca-df1a-79d3-c4dc-81c9d2aaf639-c9b132c4, #w-node-_699cecca-df1a-79d3-c4dc-81c9d2aaf63d-c9b132c4, #w-node-_699cecca-df1a-79d3-c4dc-81c9d2aaf63f-c9b132c4 {
grid-column: span 2 / span 2;
}
#w-node-_699cecca-df1a-79d3-c4dc-81c9d2aaf634-4210c268 {
grid-template-rows: auto auto auto;
grid-template-columns: 1fr 1fr;
}
#w-node-_699cecca-df1a-79d3-c4dc-81c9d2aaf635-4210c268 {
grid-row: span 2 / span 2;
}
#w-node-_699cecca-df1a-79d3-c4dc-81c9d2aaf637-4210c268, #w-node-_699cecca-df1a-79d3-c4dc-81c9d2aaf639-4210c268, #w-node-_699cecca-df1a-79d3-c4dc-81c9d2aaf63d-4210c268, #w-node-_699cecca-df1a-79d3-c4dc-81c9d2aaf63f-4210c268 {
grid-column: span 2 / span 2;
}
}