html {
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
font-family: sans-serif
}
.svg._3 path {
stroke: #4cff4a !important;
}
body {
margin: 0
}
.footer-logo img {
width: 30%;
margin: 0 auto;
display: inline-block;
}
.footer-logo {
text-align: center;
}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {
display: block
}
audio,canvas,progress,video {
vertical-align: baseline;
display: inline-block
}
audio:not([controls]) {
height: 0;
display: none
}
[hidden],template {
display: none
}
a {
background-color: #0000
}
a:active,a:hover {
outline: 0
}
abbr[title] {
border-bottom: 1px dotted
}
b,strong {
font-weight: 700
}
dfn {
font-style: italic
}
h1 {
margin: .67em 0;
font-size: 2em
}
mark {
color: #000;
background: #ff0
}
small {
font-size: 80%
}
sub,sup {
vertical-align: baseline;
font-size: 75%;
line-height: 0;
position: relative
}
sup {
top: -.5em
}
sub {
bottom: -.25em
}
img {
border: 0
}
svg:not(:root) {
overflow: hidden
}
hr {
box-sizing: content-box;
height: 0
}
pre {
overflow: auto
}
code,kbd,pre,samp {
font-family: monospace;
font-size: 1em
}
button,input,optgroup,select,textarea {
color: inherit;
font: inherit;
margin: 0
}
button {
overflow: visible
}
button,select {
text-transform: none
}
button,html input[type=button],input[type=reset] {
-webkit-appearance: button;
cursor: pointer
}
button[disabled],html input[disabled] {
cursor: default
}
button::-moz-focus-inner,input::-moz-focus-inner {
border: 0;
padding: 0
}
input {
line-height: normal
}
input[type=checkbox],input[type=radio] {
box-sizing: border-box;
padding: 0
}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {
height: auto
}
input[type=search] {
-webkit-appearance: none
}
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration {
-webkit-appearance: none
}
legend {
border: 0;
padding: 0
}
textarea {
overflow: auto
}
optgroup {
font-weight: 700
}
table {
border-collapse: collapse;
border-spacing: 0
}
td,th {
padding: 0
}
@font-face {
font-family: webflow-icons;
src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBiUAAAC8AAAAYGNtYXDpP+a4AAABHAAAAFxnYXNwAAAAEAAAAXgAAAAIZ2x5ZmhS2XEAAAGAAAADHGhlYWQTFw3HAAAEnAAAADZoaGVhCXYFgQAABNQAAAAkaG10eCe4A1oAAAT4AAAAMGxvY2EDtALGAAAFKAAAABptYXhwABAAPgAABUQAAAAgbmFtZSoCsMsAAAVkAAABznBvc3QAAwAAAAAHNAAAACAAAwP4AZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpAwPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAQAAAAAwACAACAAQAAQAg5gPpA//9//8AAAAAACDmAOkA//3//wAB/+MaBBcIAAMAAQAAAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEBIAAAAyADgAAFAAAJAQcJARcDIP5AQAGA/oBAAcABwED+gP6AQAABAOAAAALgA4AABQAAEwEXCQEH4AHAQP6AAYBAAcABwED+gP6AQAAAAwDAAOADQALAAA8AHwAvAAABISIGHQEUFjMhMjY9ATQmByEiBh0BFBYzITI2PQE0JgchIgYdARQWMyEyNj0BNCYDIP3ADRMTDQJADRMTDf3ADRMTDQJADRMTDf3ADRMTDQJADRMTAsATDSANExMNIA0TwBMNIA0TEw0gDRPAEw0gDRMTDSANEwAAAAABAJ0AtAOBApUABQAACQIHCQEDJP7r/upcAXEBcgKU/usBFVz+fAGEAAAAAAL//f+9BAMDwwAEAAkAABcBJwEXAwE3AQdpA5ps/GZsbAOabPxmbEMDmmz8ZmwDmvxmbAOabAAAAgAA/8AEAAPAAB0AOwAABSInLgEnJjU0Nz4BNzYzMTIXHgEXFhUUBw4BBwYjNTI3PgE3NjU0Jy4BJyYjMSIHDgEHBhUUFx4BFxYzAgBqXV6LKCgoKIteXWpqXV6LKCgoKIteXWpVSktvICEhIG9LSlVVSktvICEhIG9LSlVAKCiLXl1qal1eiygoKCiLXl1qal1eiygoZiEgb0tKVVVKS28gISEgb0tKVVVKS28gIQABAAABwAIAA8AAEgAAEzQ3PgE3NjMxFSIHDgEHBhUxIwAoKIteXWpVSktvICFmAcBqXV6LKChmISBvS0pVAAAAAgAA/8AFtgPAADIAOgAAARYXHgEXFhUUBw4BBwYHIxUhIicuAScmNTQ3PgE3NjMxOAExNDc+ATc2MzIXHgEXFhcVATMJATMVMzUEjD83NlAXFxYXTjU1PQL8kz01Nk8XFxcXTzY1PSIjd1BQWlJJSXInJw3+mdv+2/7c25MCUQYcHFg5OUA/ODlXHBwIAhcXTzY1PTw1Nk8XF1tQUHcjIhwcYUNDTgL+3QFt/pOTkwABAAAAAQAAmM7nP18PPPUACwQAAAAAANciZKUAAAAA1yJkpf/9/70FtgPDAAAACAACAAAAAAAAAAEAAAPA/8AAAAW3//3//QW2AAEAAAAAAAAAAAAAAAAAAAAMBAAAAAAAAAAAAAAAAgAAAAQAASAEAADgBAAAwAQAAJ0EAP/9BAAAAAQAAAAFtwAAAAAAAAAKABQAHgAyAEYAjACiAL4BFgE2AY4AAAABAAAADAA8AAMAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADQAAAAEAAAAAAAIABwCWAAEAAAAAAAMADQBIAAEAAAAAAAQADQCrAAEAAAAAAAUACwAnAAEAAAAAAAYADQBvAAEAAAAAAAoAGgDSAAMAAQQJAAEAGgANAAMAAQQJAAIADgCdAAMAAQQJAAMAGgBVAAMAAQQJAAQAGgC4AAMAAQQJAAUAFgAyAAMAAQQJAAYAGgB8AAMAAQQJAAoANADsd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzUmVndWxhcgBSAGUAZwB1AGwAYQByd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==)format("truetype");
font-weight: 400;
font-style: normal
}
[class^=w-icon-],[class*=\ w-icon-] {
speak: none;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-weight: 400;
line-height: 1;
font-family: webflow-icons!important
}
.w-icon-slider-right:before {
content: ""
}
.w-icon-slider-left:before {
content: "î˜"
}
.w-icon-nav-menu:before {
content: ""
}
.w-icon-arrow-down:before,.w-icon-dropdown-toggle:before {
content: ""
}
.w-icon-file-upload-remove:before {
content: ""
}
.w-icon-file-upload-icon:before {
content: ""
}
* {
box-sizing: border-box
}
html {
height: 100%
}
body {
color: #333;
background-color: #fff;
min-height: 100%;
margin: 0;
font-family: Arial,sans-serif;
font-size: 14px;
line-height: 20px
}
img {
vertical-align: middle;
max-width: 100%;
display: inline-block
}
html.w-mod-touch * {
background-attachment: scroll!important
}
.w-block {
display: block
}
.w-inline-block {
max-width: 100%;
display: inline-block
}
.w-clearfix:before,.w-clearfix:after {
content: " ";
grid-area: 1/1/2/2;
display: table
}
.w-clearfix:after {
clear: both
}
.w-hidden {
display: none
}
.w-button {
color: #fff;
line-height: inherit;
cursor: pointer;
background-color: #3898ec;
border: 0;
border-radius: 0;
padding: 9px 15px;
text-decoration: none;
display: inline-block
}
input.w-button {
-webkit-appearance: button
}
html[data-w-dynpage] [data-w-cloak] {
color: #0000!important
}
.w-code-block {
margin: unset
}
pre.w-code-block code {
all: inherit
}
.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;
overflow: unset!important;
background-color: #fff!important;
border-radius: 3px!important;
width: auto!important;
height: auto!important;
margin: 0!important;
padding: 6px!important;
font-size: 12px!important;
line-height: 14px!important;
text-decoration: none!important;
display: inline-block!important;
position: fixed!important;
inset: auto 12px 12px auto!important;
transform: none!important
}
.w-webflow-badge>img {
position: unset;
visibility: unset!important;
opacity: 1!important;
vertical-align: middle!important;
display: inline-block!important
}
h1,h2,h3,h4,h5,h6 {
margin-bottom: 10px;
font-weight: 700
}
h1 {
margin-top: 20px;
font-size: 38px;
line-height: 44px
}
h2 {
margin-top: 20px;
font-size: 32px;
line-height: 36px
}
h3 {
margin-top: 20px;
font-size: 24px;
line-height: 30px
}
h4 {
margin-top: 10px;
font-size: 18px;
line-height: 24px
}
h5 {
margin-top: 10px;
font-size: 14px;
line-height: 20px
}
h6 {
margin-top: 10px;
font-size: 12px;
line-height: 18px
}
p {
margin-top: 0;
margin-bottom: 10px
}
blockquote {
border-left: 5px solid #e2e2e2;
margin: 0 0 10px;
padding: 10px 20px;
font-size: 18px;
line-height: 22px
}
figure {
margin: 0 0 10px
}
figcaption {
text-align: center;
margin-top: 5px
}
ul,ol {
margin-top: 0;
margin-bottom: 10px;
padding-left: 40px
}
.w-list-unstyled {
padding-left: 0;
list-style: none
}
.w-embed:before,.w-embed:after {
content: " ";
grid-area: 1/1/2/2;
display: table
}
.w-embed:after {
clear: both
}
.w-video {
width: 100%;
padding: 0;
position: relative
}
.w-video iframe,.w-video object,.w-video embed {
border: none;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0
}
fieldset {
border: 0;
margin: 0;
padding: 0
}
button,[type=button],[type=reset] {
cursor: pointer;
-webkit-appearance: button;
border: 0
}
.w-form {
margin: 0 0 15px
}
.w-form-done {
text-align: center;
background-color: #ddd;
padding: 20px;
display: none
}
.w-form-fail {
background-color: #ffdede;
margin-top: 10px;
padding: 10px;
display: none
}
label {
margin-bottom: 5px;
font-weight: 700;
display: block
}
.w-input,.w-select {
color: #333;
vertical-align: middle;
background-color: #fff;
border: 1px solid #ccc;
width: 100%;
height: 38px;
margin-bottom: 10px;
padding: 8px 12px;
font-size: 14px;
line-height: 1.42857;
display: block
}
.w-input::placeholder,.w-select::placeholder {
color: #999
}
.w-input:focus,.w-select:focus {
border-color: #3898ec;
outline: 0
}
.w-input[disabled],.w-select[disabled],.w-input[readonly],.w-select[readonly],fieldset[disabled] .w-input,fieldset[disabled] .w-select {
cursor: not-allowed
}
.w-input[disabled]:not(.w-input-disabled),.w-select[disabled]:not(.w-input-disabled),.w-input[readonly],.w-select[readonly],fieldset[disabled]:not(.w-input-disabled) .w-input,fieldset[disabled]:not(.w-input-disabled) .w-select {
background-color: #eee
}
textarea.w-input,textarea.w-select {
height: auto
}
.w-select {
background-color: #f3f3f3
}
.w-select[multiple] {
height: auto
}
.w-form-label {
cursor: pointer;
margin-bottom: 0;
font-weight: 400;
display: inline-block
}
.w-radio {
margin-bottom: 5px;
padding-left: 20px;
display: block
}
.w-radio:before,.w-radio:after {
content: " ";
grid-area: 1/1/2/2;
display: table
}
.w-radio:after {
clear: both
}
.w-radio-input {
float: left;
margin: 3px 0 0 -20px;
line-height: normal
}
.w-file-upload {
margin-bottom: 10px;
display: block
}
.w-file-upload-input {
opacity: 0;
z-index: -100;
width: .1px;
height: .1px;
position: absolute;
overflow: hidden
}
.w-file-upload-default,.w-file-upload-uploading,.w-file-upload-success {
color: #333;
display: inline-block
}
.w-file-upload-error {
margin-top: 10px;
display: block
}
.w-file-upload-default.w-hidden,.w-file-upload-uploading.w-hidden,.w-file-upload-error.w-hidden,.w-file-upload-success.w-hidden {
display: none
}
.w-file-upload-uploading-btn {
cursor: pointer;
background-color: #fafafa;
border: 1px solid #ccc;
margin: 0;
padding: 8px 12px;
font-size: 14px;
font-weight: 400;
display: flex
}
.w-file-upload-file {
background-color: #fafafa;
border: 1px solid #ccc;
flex-grow: 1;
justify-content: space-between;
margin: 0;
padding: 8px 9px 8px 11px;
display: flex
}
.w-file-upload-file-name {
font-size: 14px;
font-weight: 400;
display: block
}
.w-file-remove-link {
cursor: pointer;
width: auto;
height: auto;
margin-top: 3px;
margin-left: 10px;
padding: 3px;
display: block
}
.w-icon-file-upload-remove {
margin: auto;
font-size: 10px
}
.w-file-upload-error-msg {
color: #ea384c;
padding: 2px 0;
display: inline-block
}
.w-file-upload-info {
padding: 0 12px;
line-height: 38px;
display: inline-block
}
.w-file-upload-label {
cursor: pointer;
background-color: #fafafa;
border: 1px solid #ccc;
margin: 0;
padding: 8px 12px;
font-size: 14px;
font-weight: 400;
display: inline-block
}
.w-icon-file-upload-icon,.w-icon-file-upload-uploading {
width: 20px;
margin-right: 8px;
display: inline-block
}
.w-icon-file-upload-uploading {
height: 20px
}
.w-container {
max-width: 940px;
margin-left: auto;
margin-right: auto
}
.w-container:before,.w-container:after {
content: " ";
grid-area: 1/1/2/2;
display: table
}
.w-container:after {
clear: both
}
.w-container .w-row {
margin-left: -10px;
margin-right: -10px
}
.w-row:before,.w-row:after {
content: " ";
grid-area: 1/1/2/2;
display: table
}
.w-row:after {
clear: both
}
.w-row .w-row {
margin-left: 0;
margin-right: 0
}
.w-col {
float: left;
width: 100%;
min-height: 1px;
padding-left: 10px;
padding-right: 10px;
position: relative
}
.w-col .w-col {
padding-left: 0;
padding-right: 0
}
.w-col-1 {
width: 8.33333%
}
.w-col-2 {
width: 16.6667%
}
.w-col-3 {
width: 25%
}
.w-col-4 {
width: 33.3333%
}
.w-col-5 {
width: 41.6667%
}
.w-col-6 {
width: 50%
}
.w-col-7 {
width: 58.3333%
}
.w-col-8 {
width: 66.6667%
}
.w-col-9 {
width: 75%
}
.w-col-10 {
width: 83.3333%
}
.w-col-11 {
width: 91.6667%
}
.w-col-12 {
width: 100%
}
.w-hidden-main {
display: none!important
}
@media screen and (max-width: 991px) {
.w-container {
max-width:728px
}
.w-hidden-main {
display: inherit!important
}
.w-hidden-medium {
display: none!important
}
.w-col-medium-1 {
width: 8.33333%
}
.w-col-medium-2 {
width: 16.6667%
}
.w-col-medium-3 {
width: 25%
}
.w-col-medium-4 {
width: 33.3333%
}
.w-col-medium-5 {
width: 41.6667%
}
.w-col-medium-6 {
width: 50%
}
.w-col-medium-7 {
width: 58.3333%
}
.w-col-medium-8 {
width: 66.6667%
}
.w-col-medium-9 {
width: 75%
}
.w-col-medium-10 {
width: 83.3333%
}
.w-col-medium-11 {
width: 91.6667%
}
.w-col-medium-12 {
width: 100%
}
.w-col-stack {
width: 100%;
left: auto;
right: auto
}
}
@media screen and (max-width: 767px) {
.w-hidden-main,.w-hidden-medium {
display:inherit!important
}
.w-hidden-small {
display: none!important
}
.w-row,.w-container .w-row {
margin-left: 0;
margin-right: 0
}
.w-col {
width: 100%;
left: auto;
right: auto
}
.w-col-small-1 {
width: 8.33333%
}
.w-col-small-2 {
width: 16.6667%
}
.w-col-small-3 {
width: 25%
}
.w-col-small-4 {
width: 33.3333%
}
.w-col-small-5 {
width: 41.6667%
}
.w-col-small-6 {
width: 50%
}
.w-col-small-7 {
width: 58.3333%
}
.w-col-small-8 {
width: 66.6667%
}
.w-col-small-9 {
width: 75%
}
.w-col-small-10 {
width: 83.3333%
}
.w-col-small-11 {
width: 91.6667%
}
.w-col-small-12 {
width: 100%
}
}
@media screen and (max-width: 479px) {
.w-container {
max-width:none
}
.w-hidden-main,.w-hidden-medium,.w-hidden-small {
display: inherit!important
}
.w-hidden-tiny {
display: none!important
}
.w-col {
width: 100%
}
.w-col-tiny-1 {
width: 8.33333%
}
.w-col-tiny-2 {
width: 16.6667%
}
.w-col-tiny-3 {
width: 25%
}
.w-col-tiny-4 {
width: 33.3333%
}
.w-col-tiny-5 {
width: 41.6667%
}
.w-col-tiny-6 {
width: 50%
}
.w-col-tiny-7 {
width: 58.3333%
}
.w-col-tiny-8 {
width: 66.6667%
}
.w-col-tiny-9 {
width: 75%
}
.w-col-tiny-10 {
width: 83.3333%
}
.w-col-tiny-11 {
width: 91.6667%
}
.w-col-tiny-12 {
width: 100%
}
}
.w-widget {
position: relative
}
.w-widget-map {
width: 100%;
height: 400px
}
.w-widget-map label {
width: auto;
display: inline
}
.w-widget-map img {
max-width: inherit
}
.w-widget-map .gm-style-iw {
text-align: center
}
.w-widget-map .gm-style-iw>button {
display: none!important
}
.w-widget-twitter {
overflow: hidden
}
.w-widget-twitter-count-shim {
vertical-align: top;
text-align: center;
background: #fff;
border: 1px solid #758696;
border-radius: 3px;
width: 28px;
height: 20px;
display: inline-block;
position: relative
}
.w-widget-twitter-count-shim * {
pointer-events: none;
-webkit-user-select: none;
user-select: none
}
.w-widget-twitter-count-shim .w-widget-twitter-count-inner {
text-align: center;
color: #999;
font-family: serif;
font-size: 15px;
line-height: 12px;
position: relative
}
.w-widget-twitter-count-shim .w-widget-twitter-count-clear {
display: block;
position: relative
}
.w-widget-twitter-count-shim.w--large {
width: 36px;
height: 28px
}
.w-widget-twitter-count-shim.w--large .w-widget-twitter-count-inner {
font-size: 18px;
line-height: 18px
}
.w-widget-twitter-count-shim:not(.w--vertical) {
margin-left: 5px;
margin-right: 8px
}
.w-widget-twitter-count-shim:not(.w--vertical).w--large {
margin-left: 6px
}
.w-widget-twitter-count-shim:not(.w--vertical):before,.w-widget-twitter-count-shim:not(.w--vertical):after {
content: " ";
pointer-events: none;
border: solid #0000;
width: 0;
height: 0;
position: absolute;
top: 50%;
left: 0
}
.w-widget-twitter-count-shim:not(.w--vertical):before {
border-width: 4px;
border-color: #75869600 #5d6c7b #75869600 #75869600;
margin-top: -4px;
margin-left: -9px
}
.w-widget-twitter-count-shim:not(.w--vertical).w--large:before {
border-width: 5px;
margin-top: -5px;
margin-left: -10px
}
.w-widget-twitter-count-shim:not(.w--vertical):after {
border-width: 4px;
border-color: #fff0 #fff #fff0 #fff0;
margin-top: -4px;
margin-left: -8px
}
.w-widget-twitter-count-shim:not(.w--vertical).w--large:after {
border-width: 5px;
margin-top: -5px;
margin-left: -9px
}
.w-widget-twitter-count-shim.w--vertical {
width: 61px;
height: 33px;
margin-bottom: 8px
}
.w-widget-twitter-count-shim.w--vertical:before,.w-widget-twitter-count-shim.w--vertical:after {
content: " ";
pointer-events: none;
border: solid #0000;
width: 0;
height: 0;
position: absolute;
top: 100%;
left: 50%
}
.w-widget-twitter-count-shim.w--vertical:before {
border-width: 5px;
border-color: #5d6c7b #75869600 #75869600;
margin-left: -5px
}
.w-widget-twitter-count-shim.w--vertical:after {
border-width: 4px;
border-color: #fff #fff0 #fff0;
margin-left: -4px
}
.w-widget-twitter-count-shim.w--vertical .w-widget-twitter-count-inner {
font-size: 18px;
line-height: 22px
}
.w-widget-twitter-count-shim.w--vertical.w--large {
width: 76px
}
.w-background-video {
color: #fff;
height: 500px;
position: relative;
overflow: hidden
}
.w-background-video>video {
object-fit: cover;
z-index: -100;
background-position: 50%;
background-size: cover;
width: 100%;
height: 100%;
margin: auto;
position: absolute;
inset: -100%
}
.w-background-video>video::-webkit-media-controls-start-playback-button {
-webkit-appearance: none;
display: none!important
}
.w-background-video--control {
background-color: #0000;
padding: 0;
position: absolute;
bottom: 1em;
right: 1em
}
.w-background-video--control>[hidden] {
display: none!important
}
.w-slider {
text-align: center;
clear: both;
-webkit-tap-highlight-color: #0000;
tap-highlight-color: #0000;
background: #ddd;
height: 300px;
position: relative
}
.w-slider-mask {
z-index: 1;
white-space: nowrap;
height: 100%;
display: block;
position: relative;
left: 0;
right: 0;
overflow: hidden
}
.w-slide {
vertical-align: top;
white-space: normal;
text-align: left;
width: 100%;
height: 100%;
display: inline-block;
position: relative
}
.w-slider-nav {
z-index: 2;
text-align: center;
-webkit-tap-highlight-color: #0000;
tap-highlight-color: #0000;
height: 40px;
margin: auto;
padding-top: 10px;
position: absolute;
inset: auto 0 0
}
.w-slider-nav.w-round>div {
border-radius: 100%
}
.w-slider-nav.w-num>div {
font-size: inherit;
line-height: inherit;
width: auto;
height: auto;
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
}
@media screen and (max-width: 767px) {
.w-nav-brand {
padding-left:10px
}
}
.w-lightbox-backdrop {
cursor: auto;
letter-spacing: normal;
text-indent: 0;
text-shadow: none;
text-transform: none;
visibility: visible;
white-space: normal;
word-break: normal;
word-spacing: normal;
word-wrap: normal;
color: #fff;
text-align: center;
z-index: 2000;
opacity: 0;
-webkit-user-select: none;
-moz-user-select: none;
-webkit-tap-highlight-color: transparent;
background: #000000e6;
outline: 0;
font-family: Helvetica Neue,Helvetica,Ubuntu,Segoe UI,Verdana,sans-serif;
font-size: 17px;
font-style: normal;
font-weight: 300;
line-height: 1.2;
list-style: disc;
position: fixed;
inset: 0;
-webkit-transform: translate(0)
}
.w-lightbox-backdrop,.w-lightbox-container {
-webkit-overflow-scrolling: touch;
height: 100%;
overflow: auto
}
.w-lightbox-content {
height: 100vh;
position: relative;
overflow: hidden
}
.w-lightbox-view {
opacity: 0;
width: 100vw;
height: 100vh;
position: absolute
}
.w-lightbox-view:before {
content: "";
height: 100vh
}
.w-lightbox-group,.w-lightbox-group .w-lightbox-view,.w-lightbox-group .w-lightbox-view:before {
height: 86vh
}
.w-lightbox-frame,.w-lightbox-view:before {
vertical-align: middle;
display: inline-block
}
.w-lightbox-figure {
margin: 0;
position: relative
}
.w-lightbox-group .w-lightbox-figure {
cursor: pointer
}
.w-lightbox-img {
width: auto;
max-width: none;
height: auto
}
.w-lightbox-image {
float: none;
max-width: 100vw;
max-height: 100vh;
display: block
}
.w-lightbox-group .w-lightbox-image {
max-height: 86vh
}
.w-lightbox-caption {
text-align: left;
text-overflow: ellipsis;
white-space: nowrap;
background: #0006;
padding: .5em 1em;
position: absolute;
bottom: 0;
left: 0;
right: 0;
overflow: hidden
}
.w-lightbox-embed {
width: 100%;
height: 100%;
position: absolute;
inset: 0
}
.w-lightbox-control {
cursor: pointer;
background-position: 50%;
background-repeat: no-repeat;
background-size: 24px;
width: 4em;
transition: all .3s;
position: absolute;
top: 0
}
.w-lightbox-left {
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0yMCAwIDI0IDQwIiB3aWR0aD0iMjQiIGhlaWdodD0iNDAiPjxnIHRyYW5zZm9ybT0icm90YXRlKDQ1KSI+PHBhdGggZD0ibTAgMGg1djIzaDIzdjVoLTI4eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDN2MjNoMjN2M2gtMjZ6IiBmaWxsPSIjZmZmIi8+PC9nPjwvc3ZnPg==);
display: none;
bottom: 0;
left: 0
}
.w-lightbox-right {
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMjQgNDAiIHdpZHRoPSIyNCIgaGVpZ2h0PSI0MCI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMC0waDI4djI4aC01di0yM2gtMjN6IiBvcGFjaXR5PSIuNCIvPjxwYXRoIGQ9Im0xIDFoMjZ2MjZoLTN2LTIzaC0yM3oiIGZpbGw9IiNmZmYiLz48L2c+PC9zdmc+);
display: none;
bottom: 0;
right: 0
}
.w-lightbox-close {
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMTggMTciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxNyI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMCAwaDd2LTdoNXY3aDd2NWgtN3Y3aC01di03aC03eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDd2LTdoM3Y3aDd2M2gtN3Y3aC0zdi03aC03eiIgZmlsbD0iI2ZmZiIvPjwvZz48L3N2Zz4=);
background-size: 18px;
height: 2.6em;
right: 0
}
.w-lightbox-strip {
white-space: nowrap;
padding: 0 1vh;
line-height: 0;
position: absolute;
bottom: 0;
left: 0;
right: 0;
overflow: auto hidden
}
.w-lightbox-item {
box-sizing: content-box;
cursor: pointer;
width: 10vh;
padding: 2vh 1vh;
display: inline-block;
-webkit-transform: translate(0,0)
}
.w-lightbox-active {
opacity: .3
}
.w-lightbox-thumbnail {
background: #222;
height: 10vh;
position: relative;
overflow: hidden
}
.w-lightbox-thumbnail-image {
position: absolute;
top: 0;
left: 0
}
.w-lightbox-thumbnail .w-lightbox-tall {
width: 100%;
top: 50%;
transform: translateY(-50%)
}
.w-lightbox-thumbnail .w-lightbox-wide {
height: 100%;
left: 50%;
transform: translate(-50%)
}
.w-lightbox-spinner {
box-sizing: border-box;
border: 5px solid #0006;
border-radius: 50%;
width: 40px;
height: 40px;
margin-top: -20px;
margin-left: -20px;
animation: .8s linear infinite spin;
position: absolute;
top: 50%;
left: 50%
}
.w-lightbox-spinner:after {
content: "";
border: 3px solid #0000;
border-bottom-color: #fff;
border-radius: 50%;
position: absolute;
inset: -4px
}
.w-lightbox-hide {
display: none
}
.w-lightbox-noscroll {
overflow: hidden
}
@media (min-width: 768px) {
.w-lightbox-content {
height:96vh;
margin-top: 2vh
}
.w-lightbox-view,.w-lightbox-view:before {
height: 96vh
}
.w-lightbox-group,.w-lightbox-group .w-lightbox-view,.w-lightbox-group .w-lightbox-view:before {
height: 84vh
}
.w-lightbox-image {
max-width: 96vw;
max-height: 96vh
}
.w-lightbox-group .w-lightbox-image {
max-width: 82.3vw;
max-height: 84vh
}
.w-lightbox-left,.w-lightbox-right {
opacity: .5;
display: block
}
.w-lightbox-close {
opacity: .8
}
.w-lightbox-control:hover {
opacity: 1
}
}
.w-lightbox-inactive,.w-lightbox-inactive:hover {
opacity: 0
}
.w-richtext:before,.w-richtext:after {
content: " ";
grid-area: 1/1/2/2;
display: table
}
.w-richtext:after {
clear: both
}
.w-richtext[contenteditable=true]:before,.w-richtext[contenteditable=true]:after {
white-space: initial
}
.w-richtext ol,.w-richtext ul {
overflow: hidden
}
.w-richtext .w-richtext-figure-selected.w-richtext-figure-type-video div:after,.w-richtext .w-richtext-figure-selected[data-rt-type=video] div:after,.w-richtext .w-richtext-figure-selected.w-richtext-figure-type-image div,.w-richtext .w-richtext-figure-selected[data-rt-type=image] div {
outline: 2px solid #2895f7
}
.w-richtext figure.w-richtext-figure-type-video>div:after,.w-richtext figure[data-rt-type=video]>div:after {
content: "";
display: none;
position: absolute;
inset: 0
}
.w-richtext figure {
max-width: 60%;
position: relative
}
.w-richtext figure>div:before {
cursor: default!important
}
.w-richtext figure img {
width: 100%
}
.w-richtext figure figcaption.w-richtext-figcaption-placeholder {
opacity: .6
}
.w-richtext figure div {
color: #0000;
font-size: 0
}
.w-richtext figure.w-richtext-figure-type-image,.w-richtext figure[data-rt-type=image] {
display: table
}
.w-richtext figure.w-richtext-figure-type-image>div,.w-richtext figure[data-rt-type=image]>div {
display: inline-block
}
.w-richtext figure.w-richtext-figure-type-image>figcaption,.w-richtext figure[data-rt-type=image]>figcaption {
caption-side: bottom;
display: table-caption
}
.w-richtext figure.w-richtext-figure-type-video,.w-richtext figure[data-rt-type=video] {
width: 60%;
height: 0
}
.w-richtext figure.w-richtext-figure-type-video iframe,.w-richtext figure[data-rt-type=video] iframe {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0
}
.w-richtext figure.w-richtext-figure-type-video>div,.w-richtext figure[data-rt-type=video]>div {
width: 100%
}
.w-richtext figure.w-richtext-align-center {
clear: both;
margin-left: auto;
margin-right: auto
}
.w-richtext figure.w-richtext-align-center.w-richtext-figure-type-image>div,.w-richtext figure.w-richtext-align-center[data-rt-type=image]>div {
max-width: 100%
}
.w-richtext figure.w-richtext-align-normal {
clear: both
}
.w-richtext figure.w-richtext-align-fullwidth {
text-align: center;
clear: both;
width: 100%;
max-width: 100%;
margin-left: auto;
margin-right: auto;
display: block
}
.w-richtext figure.w-richtext-align-fullwidth>div {
padding-bottom: inherit;
display: inline-block
}
.w-richtext figure.w-richtext-align-fullwidth>figcaption {
display: block
}
.w-richtext figure.w-richtext-align-floatleft {
float: left;
clear: none;
margin-right: 15px
}
.w-richtext figure.w-richtext-align-floatright {
float: right;
clear: none;
margin-left: 15px
}
.w-nav {
z-index: 1000;
background: #ddd;
position: relative
}
.w-nav:before,.w-nav:after {
content: " ";
grid-area: 1/1/2/2;
display: table
}
.w-nav:after {
clear: both
}
.w-nav-brand {
float: left;
color: #333;
text-decoration: none;
position: relative
}
.w-nav-link {
vertical-align: top;
color: #222;
text-align: left;
margin-left: auto;
margin-right: auto;
padding: 20px;
text-decoration: none;
display: inline-block;
position: relative
}
.w-nav-link.w--current {
color: #0082f3
}
.w-nav-menu {
float: right;
position: relative
}
[data-nav-menu-open] {
text-align: center;
background: #c8c8c8;
min-width: 200px;
position: absolute;
top: 100%;
left: 0;
right: 0;
overflow: visible;
display: block!important
}
.w--nav-link-open {
display: block;
position: relative
}
.w-nav-overlay {
width: 100%;
display: none;
position: absolute;
top: 100%;
left: 0;
right: 0;
overflow: hidden
}
.w-nav-overlay [data-nav-menu-open] {
top: 0
}
.w-nav[data-animation=over-left] .w-nav-overlay {
width: auto
}
.w-nav[data-animation=over-left] .w-nav-overlay,.w-nav[data-animation=over-left] [data-nav-menu-open] {
z-index: 1;
top: 0;
right: auto
}
.w-nav[data-animation=over-right] .w-nav-overlay {
width: auto
}
.w-nav[data-animation=over-right] .w-nav-overlay,.w-nav[data-animation=over-right] [data-nav-menu-open] {
z-index: 1;
top: 0;
left: auto
}
.w-nav-button {
float: right;
cursor: pointer;
-webkit-tap-highlight-color: #0000;
tap-highlight-color: #0000;
-webkit-user-select: none;
user-select: none;
padding: 18px;
font-size: 24px;
display: none;
position: relative
}
.w-nav-button:focus {
outline: 0
}
.w-nav-button.w--open {
color: #fff;
background-color: #c8c8c8
}
.w-nav[data-collapse=all] .w-nav-menu {
display: none
}
.w-nav[data-collapse=all] .w-nav-button,.w--nav-dropdown-open,.w--nav-dropdown-toggle-open {
display: block
}
.w--nav-dropdown-list-open {
position: static
}
@media screen and (max-width: 991px) {
.w-nav[data-collapse=medium] .w-nav-menu {
display:none
}
.w-nav[data-collapse=medium] .w-nav-button {
display: block
}
}
@media screen and (max-width: 767px) {
.w-nav[data-collapse=small] .w-nav-menu {
display:none
}
.w-nav[data-collapse=small] .w-nav-button {
display: block
}
.w-nav-brand {
padding-left: 10px
}
}
@media screen and (max-width: 479px) {
.w-nav[data-collapse=tiny] .w-nav-menu {
display:none
}
.w-nav[data-collapse=tiny] .w-nav-button {
display: block
}
}
.w-tabs {
position: relative
}
.w-tabs:before,.w-tabs:after {
content: " ";
grid-area: 1/1/2/2;
display: table
}
.w-tabs:after {
clear: both
}
.w-tab-menu {
position: relative
}
.w-tab-link {
vertical-align: top;
text-align: left;
cursor: pointer;
color: #222;
background-color: #ddd;
padding: 9px 30px;
text-decoration: none;
display: inline-block;
position: relative
}
.w-tab-link.w--current {
background-color: #c8c8c8
}
.w-tab-link:focus {
outline: 0
}
.w-tab-content {
display: block;
position: relative;
overflow: hidden
}
.w-tab-pane {
display: none;
position: relative
}
.w--tab-active {
display: block
}
@media screen and (max-width: 479px) {
.w-tab-link {
display:block
}
}
.w-ix-emptyfix:after {
content: ""
}
@keyframes spin {
0% {
transform: rotate(0)
}
to {
transform: rotate(360deg)
}
}
.w-dyn-empty {
background-color: #ddd;
padding: 10px
}
.w-dyn-hide,.w-dyn-bind-empty,.w-condition-invisible {
display: none!important
}
.wf-layout-layout {
display: grid
}
@font-face {
font-family: Lausanne;
src: url(../68ca5513369a2f1c6241ba94_Lausanne.ttf)format("truetype"),url(../68ca54c25290ce44f6105969_Lausanne.otf)format("opentype");
font-weight: 400;
font-style: normal;
font-display: swap
}
@font-face {
font-family: Neuemontreal;
src: url(../67d3d092116441053a672aaa_NeueMontreal-Medium.otf)format("opentype");
font-weight: 500;
font-style: normal;
font-display: swap
}
@font-face {
font-family: Neuemontreal;
src: url(../67d3d092a4d25d753fb9de7f_NeueMontreal-Light.otf)format("opentype");
font-weight: 300;
font-style: normal;
font-display: swap
}
@font-face {
font-family: Neuemontreal;
src: url(../67d3d09275a47e1249f53e03_NeueMontreal-Bold.otf)format("opentype");
font-weight: 700;
font-style: normal;
font-display: swap
}
@font-face {
font-family: Neuemontreal;
src: url(../67d3d09255811ec21b841bed_NeueMontreal-BoldItalic.otf)format("opentype");
font-weight: 700;
font-style: italic;
font-display: swap
}
@font-face {
font-family: Neuemontreal;
src: url(../67d3d09250c856359f26ceab_NeueMontreal-Italic.otf)format("opentype");
font-weight: 400;
font-style: italic;
font-display: swap
}
@font-face {
font-family: Neuemontreal;
src: url(../67d3d09250c856359f26cebe_NeueMontreal-MediumItalic.otf)format("opentype");
font-weight: 500;
font-style: italic;
font-display: swap
}
@font-face {
font-family: Neuemontreal;
src: url(../67d3d0928c61c6055b21a4fa_NeueMontreal-LightItalic.otf)format("opentype");
font-weight: 300;
font-style: italic;
font-display: swap
}
@font-face {
font-family: Neuemontreal;
src: url(../67d3d092aedcf8778d403d00_NeueMontreal-Regular.otf)format("opentype");
font-weight: 400;
font-style: normal;
font-display: swap
}
@font-face {
font-family: Samsungsharpsans;
src: url(../67dbda5b37079cf48db3180e_samsungsharpsans-medium.otf)format("opentype");
font-weight: 500;
font-style: normal;
font-display: swap
}
@font-face {
font-family: Samsungsharpsans;
src: url(../67dbda5b1421c1c48d6298f5_samsungsharpsans-bold.otf)format("opentype");
font-weight: 700;
font-style: normal;
font-display: swap
}
@font-face {
font-family: Samsungsharpsans;
src: url(../67dbda5b348ead0b1cf8e7e5_samsungsharpsans.otf)format("opentype");
font-weight: 400;
font-style: normal;
font-display: swap
}
:root {
--black: #000;
--white: #fff;
--dark-pink: #ff007e;
--pink: #09894c;
--video-border: 1.5vw;
--responsive-width: 62%;
--submit-dark-pink: #ff007e;
--submit-pink: #09894c;
--txt-size: 5vw;
--border-radius: 0px;
--responsive-animation-border: 20px;
--height: 0px;
--circle-clip: 5%;
--an-border: 20px;
--blur-animatiom: 0px;
--para-heading: 0px
}
.w-layout-vflex {
flex-direction: column;
align-items: flex-start;
display: flex
}
.w-layout-blockcontainer {
max-width: 940px;
margin-left: auto;
margin-right: auto;
display: block
}
.w-layout-grid {
grid-row-gap: 16px;
grid-column-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid
}
.w-checkbox {
margin-bottom: 5px;
padding-left: 20px;
display: block
}
.w-checkbox:before {
content: " ";
grid-area: 1/1/2/2;
display: table
}
.w-checkbox:after {
content: " ";
clear: both;
grid-area: 1/1/2/2;
display: table
}
.w-checkbox-input {
float: left;
margin: 4px 0 0 -20px;
line-height: normal
}
.w-checkbox-input--inputType-custom {
border: 1px solid #ccc;
border-radius: 2px;
width: 12px;
height: 12px
}
.w-checkbox-input--inputType-custom.w--redirected-checked {
background-color: #3898ec;
background-image: url(../../static/custom-checkbox-checkmark.589d534424.svg);
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
border-color: #3898ec
}
.w-checkbox-input--inputType-custom.w--redirected-focus {
box-shadow: 0 0 3px 1px #3898ec
}
.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-form-formrecaptcha {
margin-bottom: 8px
}
.w-backgroundvideo-backgroundvideoplaypausebutton:focus-visible {
outline-offset: 2px;
border-radius: 50%;
outline: 2px solid #3b79c3
}
.w-layout-hflex {
flex-direction: row;
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
}
@media screen and (max-width: 991px) {
.w-layout-blockcontainer {
max-width:728px
}
}
@media screen and (max-width: 767px) {
.w-layout-blockcontainer {
max-width:none
}
}
body {
color: #000;
background-color: #000;
font-family: Neuemontreal,Arial,sans-serif;
font-size: 14px;
line-height: 20px
}
h1 {
margin-top: 20px;
margin-bottom: 10px;
font-size: 38px;
font-weight: 700;
line-height: 44px
}
h2 {
margin-top: 20px;
margin-bottom: 10px;
font-size: 32px;
font-weight: 700;
line-height: 36px
}
h3 {
margin-top: 0;
margin-bottom: 0;
font-size: 24px;
font-weight: 700;
line-height: 30px
}
h4 {
margin-top: 10px;
margin-bottom: 10px;
font-size: 18px;
font-weight: 700;
line-height: 24px
}
h5 {
margin-top: 10px;
margin-bottom: 10px;
font-size: 14px;
font-weight: 700;
line-height: 20px
}
h6 {
margin-top: 10px;
margin-bottom: 10px;
font-size: 12px;
font-weight: 700;
line-height: 18px
}
p {
margin-bottom: 0
}
a {
text-decoration: none
}
ul {
margin-top: 0;
margin-bottom: 10px;
padding-left: 40px
}
ol {
max-width: 70%;
margin: 0 auto 10px;
padding-left: 40px
}
img {
max-width: 100%;
display: inline-block
}
em {
font-style: italic
}
.h2 {
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-size: 4.1vw;
font-weight: 400;
line-height: 1
}
.h2.big {
font-size: 13vw;
font-weight: 500
}
.h2.big.text-lite {
font-weight: 400
}
.h2.bit-big {
font-size: 5.2vw
}
.h2.is-small {
font-size: 2.8vw
}
.h2.is-bit-small {
font-size: 3.1vw;
font-weight: 400;
line-height: 1.2
}
.h2.bigger {
font-size: 18vw
}
.h2.biggest {
font-size: 7.8vw
}
.h2.biggest.max-75 {
max-width: 80%
}
.styleguide-title {
font-size: 32px;
line-height: 1;
position: sticky;
top: 40px
}
.h3 {
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-size: 5.2vw;
font-weight: 400;
line-height: 1
}
.h3.is-small {
font-size: 4.1vw
}
.h3.is-small:where(.w-variant-5c0106a5-97d7-960b-89bd-776340689c93) {
color: var(--black)
}
.h3.is-big {
font-size: 7.5vw
}
.h3.is-big-small {
font-size: 5vw
}
.h3.is-smaller {
font-size: 3.3vw
}
.container {
z-index: 2;
width: 100%;
max-width: 100%;
height: 100%;
margin-left: auto;
margin-right: auto;
padding: 3.2vw 3.1vw;
position: relative
}
.container.nav {
padding-top: 3.1vw;
padding-bottom: 3.1vw
}
.container.is-big {
padding-bottom: 5vw
}
.container.is-big.no-padding {
padding-left: 0;
padding-right: 0
}
.container.footer {
padding-bottom: 1.2vw
}
.container.up-padding {
padding-top: 7.2vw
}
.container.more-padding {
padding-top: 8vw;
padding-bottom: 8vw
}
.container.btm-padding {
padding-bottom: 7.2vw
}
.container.work {
padding-top: 15vw;
padding-bottom: 15vw
}
.container.top-bot-5vw {
padding-top: 5vw;
padding-bottom: 5vw
}
.container.is-blog {
height: auto
}
.container.bott-none {
padding-bottom: 0
}
.h6 {
color: #fff;
letter-spacing: .02em;
font-size: 1.25vw;
font-weight: 400;
line-height: 1.1
}
.section {
z-index: 1
}
.section._100vh {
height: 100vh
}
.section._100vh.bg-webflow {
background-image: url(../67e25b86484e2366dae403af_Webflow.svg);
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
position: relative
}
.section._100vh.bg-webflow.is-flex {
justify-content: center;
align-items: center;
display: flex
}
.section.overflow-hidden.bg-white,.section.white {
background-color: #fff
}
.section.rel {
position: relative
}
.section.rel.overflow-not-hidden {
overflow: visible
}
.section.faq:where(.w-variant-5c0106a5-97d7-960b-89bd-776340689c93) {
background-color: var(--white)
}
.h1 {
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-size: 7.8vw;
font-weight: 400;
line-height: .9
}
.h1.camel-case {
text-transform: capitalize
}
.h1.bigger {
font-size: 12.5vw;
line-height: .95;
transition: all .2s
}
.h1.line-height {
line-height: 1.2
}
.h1.line-height.u {
color: var(--black);
font-size: 3.5vw
}
.styleguide-right-div {
grid-column-gap: 60px;
grid-row-gap: 30px;
flex-direction: column;
align-items: flex-start;
display: flex
}
.styleguide-right-div.color {
grid-column-gap: 30px;
flex-flow: wrap
}
.h4 {
color: #fff;
letter-spacing: .02em;
margin-top: 0;
margin-bottom: 0;
font-size: 2vw;
font-weight: 400;
line-height: 1.1
}
.h5 {
color: #fff;
letter-spacing: .02em;
margin-top: 0;
margin-bottom: 0;
font-size: 1.6vw;
font-weight: 400;
line-height: 1.1
}
.paragraph {
color: #fff;
letter-spacing: .02em;
margin-top: 0;
margin-bottom: 0;
font-size: 2.5vw;
font-weight: 400;
line-height: 1.2
}
.paragraph.is-small {
font-size: 1.6vw
}
.paragraph.is-small.daek-grey {
color: #bbbbbb73
}
.paragraph.is-smaller {
font-size: 1.3vw
}
.paragraph.is-bit-small {
font-size: 1.4vw
}
.paragraph.is-big {
font-size: 4.1vw
}
.paragraph.is-2vw {
font-size: 2vw
}
.paragraph.is-bit-big {
font-size: 3vw
}
.button {
color: #fff;
text-transform: uppercase;
background-color: #202020;
background-image: none;
border-radius: 2em;
justify-content: center;
align-items: center;
padding: 1vw 1.8vw;
font-size: 1vw;
font-weight: 400;
line-height: 1;
position: relative
}
.button.bg-white {
background-color: #fff;
background-image: none
}
.styleguide-grid {
grid-column-gap: 40px;
grid-row-gap: 40px;
grid-template-rows: auto;
grid-template-columns: .4fr 1fr;
margin-bottom: 100px
}
.color-div {
border: 1px solid #1e1c1c;
border-top-left-radius: 50%;
border-bottom-right-radius: 50%;
width: 120px;
height: 120px
}
.color-div.color-2 {
background-color: #eff1f5
}
.color-div.color-5 {
background-color: #fff
}
.color-div.color-5._6 {
background-color: #1e1c1c
}
.color-div.color-1 {
background-color: #f7f8fb
}
.bg-black {
background-color: #050505;
transform: translate(0)
}
.us-service-image {
width: 21vw
}
.mac-img {
border-radius: 3.75em;
width: 100%;
overflow: hidden
}
.cs-points-grid {
grid-column-gap: 1vw;
grid-row-gap: 1vw;
grid-template-rows: auto;
grid-template-columns: 6vw 1fr;
grid-auto-columns: 1fr;
margin-bottom: 4.5vw;
display: grid
}
.wireframe,.sitemap,.content {
border-radius: 3.125em;
overflow: hidden
}
.cards-wrap {
grid-column-gap: 2.5vw;
grid-row-gap: 2.5vw;
background-color: #f9f9f9;
border-radius: 1vw;
flex-flow: column;
padding: 2vw;
display: flex
}
.inner-wrapper-content {
grid-column-gap: 3.6vw;
grid-row-gap: 3.6vw;
margin-top: 7.3vw;
display: flex
}
.card-wrapper {
perspective: 1000px;
transform: none
}
.page-wrapper {
z-index: 1;
position: relative;
overflow: clip
}
.page-wrapper.pad-top {
padding-top: 7.5vw
}
.page-wrapper.pad-top.black-bg {
background-color: #000
}
.nav-bar {
z-index: 10;
background-color: #ddd0;
position: absolute;
inset: 0% 0% auto;
transform: none
}
.logo {
color: #202020
}
.logo.white {
color: #fff
}
.logo-pink {
color: #09894c
}
.logo-wrap {
justify-content: space-between;
align-items: center;
width: 100%;
display: flex
}
.brand {
width: 60%;
}
.nav-grid {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: .25fr 1fr;
grid-auto-columns: 1fr;
display: grid;
position: relative
}
.nav-text-wrap {
justify-content: center;
align-items: center;
max-width: 44%;
display: flex
}
.text-black {
color: #000
}
.menu-wrap {
grid-column-gap: .5vw;
grid-row-gap: .5vw;
justify-content: flex-end;
align-items: center;
display: flex
}
.button-menu {
color: #000;
text-transform: uppercase;
cursor: pointer;
background-color: #f2f2f2;
border-radius: 2em;
justify-content: center;
align-items: center;
padding: 1vw 1.5vw;
font-size: 1vw;
line-height: 1;
position: relative
}
.button-menu.w--open {
color: #000;
background-color: #fff
}
.ab-btn-icon {
pointer-events: none;
position: absolute
}
.ab-btn-icon._1 {
width: 10%;
inset: 6% auto auto 11%
}
.ab-btn-icon._2 {
width: 24%;
inset: -47% 40% auto auto
}
.ab-btn-icon._3 {
z-index: 0;
width: 17%;
inset: auto 52% 0% auto
}
.ab-btn-icon._4 {
width: 25%;
inset: auto -7% 57% auto
}
.img {
width: 100%
}
.img.cover {
object-fit: cover;
height: 100%;
margin-left: 60px;
}
.img.footer {
height: 55vw
}
.img.buzz {
width: 95%
}
.img.full {
height: 100%
}
.img.seo {
width: 50%
}
.img.circle-1 {
width: 70%
}
.img.circle-3 {
width: 40%
}
.img.rel-4 {
z-index: 1;
position: relative
}
.img.contain {
object-fit: contain;
height: 100%
}
.img.mb-show {
display: none
}
.wrapper-text {
height: 1vw;
line-height: 1vw;
overflow: hidden
}
.ab-wrapper {
pointer-events: none;
justify-content: center;
align-items: flex-start;
padding-top: 2.6vw;
display: flex;
position: absolute;
inset: 0%
}
.scroll-container {
z-index: 1;
background-color: #fff0;
height: 500vh;
transition: all .3s;
position: relative
}
.scroll-container._1 {
height: 100vh
}
.hero-inner-wrap {
flex-flow: column;
justify-content: center;
align-items: center;
width: 100%;
height: 100vh;
display: flex;
position: sticky;
top: 0;
overflow: hidden
}
.sticky-moon-wrapper {
height: 600vh;
margin-top: -50vh;
transition: all .5s
}
.inner-moon-sticky {
height: 100vh;
position: sticky;
top: 0;
overflow: hidden
}
.ab-container-wrap {
position: absolute;
inset: 0%
}
.moon-left {
grid-column-gap: 30%;
grid-row-gap: 30%;
justify-content: flex-start;
align-items: center;
width: 100%;
transition: all .2s;
display: flex;
position: absolute;
inset: 0% auto 0% -40%
}
.moon-right {
justify-content: flex-end;
align-items: center;
width: 100%;
transition: all .2s;
display: flex;
position: absolute;
inset: 0% -44% 0% auto
}
.wrap-flex {
flex: none;
width: 68%;
position: relative
}
.down-moon {
width: 68%
}
.man-wrap {
width: 42%;
position: absolute;
inset: auto auto 0% 0%
}
.ab-video-wrap {
justify-content: center;
align-items: center;
width: 100%;
display: flex;
position: absolute;
inset: 0%
}
.inner-circle-wrap {
border-radius: 100%;
width: 78%;
position: relative;
overflow: hidden
}
.ab-text-main-wrap {
max-width: 46%;
transition: all .3s;
position: absolute;
inset: 12% auto auto 3%
}
.ab-text-main-wrap._2 {
max-width: 26%;
inset: auto 2% 6% auto
}
.ab-text-main-wrap._3 {
mix-blend-mode: exclusion;
max-width: 37%;
top: 6%
}
.paragraph-wrapper.up-margin {
margin-top: 8.6vw
}
.paragraph-wrapper.up-margin-2 {
width: 65%;
margin-top: 5vw
}
.heading-wrap-1 {
mix-blend-mode: exclusion;
max-width: none;
transition: all .3s;
position: absolute;
inset: auto 3% 6% auto
}
.rel-wrap {
justify-content: flex-start;
align-items: center;
width: 100%;
display: flex;
position: relative
}
.ab-heading-wrap-2 {
position: absolute;
inset: 0%
}
.heading-first {
transition: all .3s
}
.ab-heading-wrap-3 {
position: absolute;
inset: 0%
}
.italic {
font-style: italic
}
.ab-videos {
z-index: 1;
justify-content: center;
align-items: center;
display: flex;
position: absolute;
inset: -18% 0% 0%
}
.background-video {
border-radius: 1rem;
width: 70%;
height: 60%;
overflow: clip
}
.background-video._1 {
width: 75%;
height: 40%
}
.wrapper-hero-video {
z-index: 5;
border-radius: var(--video-border);
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
overflow: hidden
}
.hero-video,.code-embed {
width: 100%;
height: 100%
}
.fixed-video-wrapper {
z-index: 999;
height: 100vh;
display: none;
position: sticky;
top: 0%
}
.code-embed-2 {
width: 100%;
height: 100%
}
.ouit-wrapper {
justify-content: center;
align-items: center;
display: flex;
position: absolute;
inset: 0%
}
.pause {
cursor: pointer;
background-color: #fbfbfb;
border-radius: 100%;
justify-content: center;
align-items: center;
width: 8vw;
height: 8vw;
display: flex
}
.ikonik-ooyty {
pointer-events: none;
color: #000;
width: 20%
}
.ab-video-wrap-2 {
justify-content: center;
align-items: center;
display: flex;
position: absolute;
inset: 0%
}
.play {
z-index: 4;
cursor: pointer;
background-color: #4CAF50;
border-radius: 20vw;
justify-content: center;
align-items: center;
width: 10vw;
height: 6vw;
display: flex
}
.play:active {
transform: scale(.9)
}
.ikonik-l11yr {
pointer-events: none;
color: #fff;
width: 15%
}
.bg-video {
width: 100%;
height: 105%
}
.rel-wrapper-showrell {
z-index: 2;
justify-content: center;
align-items: center;
width: 100%;
height: 100vh;
transition: all .4s;
display: flex;
position: sticky;
top: 0
}
.rel-wrapper-showrell._1 {
flex-flow: column
}
.showreel-inner-wrap {
z-index: 1;
border-radius: 1.5vw;
justify-content: center;
align-items: center;
width: 75%;
height: auto;
display: flex;
position: relative;
overflow: hidden
}
.heading-wrapper.rel {
z-index: 2;
position: relative
}
.max-64 {
max-width: 64%
}
.max-18 {
z-index: 3;
max-width: 18%
}
.portfolio-wrapper {
grid-column-gap: 1.2vw;
grid-row-gap: 1.2vw;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
margin-top: 12vw;
display: flex
}
.wrap-porfolio-heading {
z-index: 2;
grid-column-gap: 1.5vw;
grid-row-gap: 1.5vw;
justify-content: flex-start;
align-items: center;
padding-left: 23vw;
display: flex;
position: relative
}
.arrow-wrap {
transform-origin: 0%;
flex: none;
transform: none
}
.text-1 {
color: #fff;
letter-spacing: 1px;
font-size: 1.3vw;
font-weight: 400;
line-height: 1.2;
}
.text-1.btm-padding {
padding-bottom: .7vw
}
.text-1.smaller {
font-size: .8vw
}
.text-1.is-big {
font-size: 1.8vw;
font-weight: 400;
line-height: 1.2
}
.text-1.is-big.light-black {
color: #303030
}
.text-1.is-bigger {
color: #303030;
font-size: 2vw;
line-height: 1.2
}
.text-1.is-bigger.text-white {
color: #fff
}
.text-1.is-smaller {
color: #4e4e4e;
font-size: 1.1vw;
line-height: 1.2
}
.text-1.is-smaller.not-shrink {
flex: none
}
.text-1.is-bit-big {
font-size: 1.6vw;
line-height: 1
}
.text-1.is-bit-big.dark-grey {
color: #d8d8d833
}
.text-1.is-bit-big.spacing {
flex: none
}
.flex-wrapper {
grid-column-gap: 1.2vw;
grid-row-gap: 1.2vw;
justify-content: flex-start;
align-items: flex-end;
display: flex
}
.wrap-hover {
max-width: 22%;
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%)
}
.ab-porfolio-wrap {
z-index: 1;
position: absolute;
inset: 0%
}
.sticky-portfolio {
height: 100vh;
position: sticky;
top: 0
}
.heading-wrap-flex {
z-index: 3;
justify-content: space-between;
align-items: center;
display: flex;
position: sticky;
top: 4%
}
.categories-wrap {
grid-column-gap: 1vw;
grid-row-gap: 1vw;
display: flex
}
.inner-category-wrap {
background-color: #ffffff3b;
border-radius: 3vw;
padding: .4vw 1vw
}
.text-2 {
color: #fff;
font-size: 5.2vw;
line-height: 5.2vw
}
.btn-porfolio-wrap {
z-index: 3;
height: 5.2vw;
overflow: hidden
}
.port-btn-main-wrap {
z-index: 3;
flex-flow: column;
justify-content: center;
align-items: center;
margin-left: 25vw;
display: flex;
position: relative
}
.line {
background-color: #fff;
width: 100%;
height: 100%
}
.search-grid {
grid-template-rows: auto
}
.heading-wrap.responsive {
max-width: var(--responsive-width)
}
.circle-counter-wrap {
grid-column-gap: 1vw;
grid-row-gap: 1vw;
justify-content: flex-end;
align-items: stretch;
display: flex
}
.wrapper-counter {
width: 20%;
position: relative
}
.wrapper-testimonail {
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
padding-top: 0;
padding-bottom: 3vw;
display: flex
}
.testimonail-grid {
grid-column-gap: 8vw;
grid-row-gap: 8vw;
grid-template-rows: auto auto auto;
grid-template-columns: 1fr;
position: relative
}
.webflow-wrap {
max-width: 22%;
margin-left: auto;
margin-right: auto
}
.webflow-wrap._2 {
margin-top: 2vw
}
.content-testimonail-wrap {
grid-column-gap: 2vw;
grid-row-gap: 2vw;
text-align: center;
flex-flow: column;
justify-content: flex-start;
align-items: center;
max-width: 60%;
margin-left: auto;
margin-right: auto;
display: flex
}
.text-3 {
color: #fff;
font-size: 4.1vw;
line-height: 1.2;
transform: perspective(2000px)
}
.ab-clutch {
max-width: 15%;
position: absolute;
inset: 24% auto auto -15%
}
.ab-google {
max-width: 15%;
position: absolute;
inset: 23% -11% auto auto
}
.ab-testimonial-1 {
max-width: 40%;
position: absolute;
inset: -13% auto auto -14%;
transform: rotate(11deg)
}
.ab-testimonial-2 {
max-width: 42%;
position: absolute;
inset: -12% -14% auto auto;
transform: rotate(-11deg)
}
.ab-testimonial-3 {
max-width: 32%;
position: absolute;
inset: auto auto 13% -15%;
transform: rotate(-11deg)
}
.ab-testimonial-4 {
max-width: 25%;
position: absolute;
inset: auto -10% 20% auto;
transform: rotate(12deg)
}
.text-wrapper {
z-index: 5
}
.text-wrapper.flex {
grid-column-gap: 2vw;
grid-row-gap: 2vw;
border: 1px solid #000;
border-radius: 4vw;
padding: 1.5vw 2vw;
display: flex
}
.text-wrapper.up-margin-1 {
margin-top: .4vw
}
.tricks-slider {
justify-content: flex-start;
align-items: center;
width: 100%;
margin-top: 12vw;
display: flex;
position: relative
}
.arrow {
filter: invert();
width: 1.2vw
}
.arrow.rotate {
transform: rotate(180deg)
}
.ab-drag-text {
position: absolute;
inset: auto 0% 0% auto
}
.tricks-slider_slide {
text-align: center;
flex: none;
justify-content: center;
align-items: center;
width: 30%;
margin-right: 2%;
display: flex;
position: relative
}
.ab-text-wrap {
z-index: 1;
position: absolute;
inset: 8% auto auto 10%
}
.span-1 {
display: inline-block
}
.image {
z-index: 1;
object-fit: cover;
width: 200%;
max-width: none;
height: 100%;
position: absolute;
inset: 0% auto 0% 0%
}
.text-1-2 {
font-size: 2vw;
font-weight: 400;
line-height: 1
}
.text-1-2.small {
color: #b7b7b7;
font-size: 1.4vw
}
.text-1-2.small.text-black {
color: #000
}
.drag {
width: 8%
}
.text-service {
color: #fff;
text-align: left;
font-size: 2.8vw;
font-weight: 400;
line-height: 1
}
.tricks-slider_wrap {
background-color: #000;
border-radius: 4vw;
flex: none;
justify-content: center;
align-items: center;
width: 100%;
padding-top: 34%;
display: flex;
position: relative;
overflow: hidden;
box-shadow: inset -31px 41px 101px -40px #09894c5e
}
.img-2 {
width: 100%;
max-width: 100%
}
.ab-drag-wrapper {
z-index: 1;
pointer-events: none;
justify-content: center;
align-items: center;
display: flex;
position: absolute;
inset: 0%
}
.wrap-services {
border-radius: 4vw;
width: 100%;
padding: 1px
}
.wrapper-services {
cursor: pointer;
margin-top: 7.5vw;
position: relative
}
.wrapper-services._2 {
margin-top: 0
}
.grid-serices {
z-index: 1;
border-bottom: 1px solid #ffffff45;
grid-template-rows: auto;
padding: 2vw 3.1vw;
position: relative
}
.inner-service-wrap {
grid-column-gap: 2vw;
grid-row-gap: 2vw;
display: flex
}
.inner-service-wrap._2 {
max-width: 80%
}
.wrapper-service-heading {
padding-left: 3.1vw;
padding-right: 3.1vw
}
.ab-hover {
background-image: linear-gradient(#09894c,#002f18);
width: 100%;
height: 100%;
position: absolute;
inset: auto 0% 0%
}
.ab-hover.hide {
display: block
}
.line-wrap {
justify-content: center;
align-items: center;
width: 100%;
height: 4px;
display: flex
}
.checkbox-label {
z-index: 1;
color: #acacac;
justify-content: center;
align-items: center;
height: 100%;
margin-bottom: 0;
font-size: 1.125vw;
font-weight: 400;
line-height: 1;
display: flex;
position: relative;
inset: 0%
}
.flex-check-box {
grid-column-gap: .5vw;
grid-row-gap: .5vw;
flex-flow: wrap;
margin-top: 1.125vw;
margin-bottom: 0;
display: flex
}
.flex-check-box.is-checkbox {
position: relative
}
.paragraph-wrap {
transition: all .4s
}
.paragraph-wrap.up-margin {
margin-top: 2.865vw
}
.paragraph-wrap.up-margin.max-45 {
max-width: 45%
}
.form-check-box-wrapper {
padding: 1vw 2.25vw;
position: relative
}
.form-wrapper {
margin-top: 5.5vw
}
.main-btn-wrap {
display: flex
}
.main-btn-wrap.is-form {
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
margin-top: 1.5vw
}
.wrap-submit-btn {
margin-top: 2vw;
transition: all .2s;
position: relative
}
.form-left-wrap {
flex-flow: column;
justify-content: space-between;
align-items: stretch;
width: 47%;
padding-top: 0;
display: flex
}
.form {
width: 100%;
height: 100%;
display: flex
}
.form.up-margin {
margin-top: 5.5vw
}
.form-right-wrap {
flex-flow: column;
justify-content: flex-start;
align-items: stretch;
width: 47%;
margin-left: auto;
display: flex
}
.text-grey {
color: #d3d3d3
}
.checkbox {
-webkit-text-stroke-color: #fff;
border: 1px solid #acacac;
border-radius: 10vw;
width: 100%;
height: 100%;
margin-top: 0;
margin-left: 0;
transition: all .3s;
position: absolute;
inset: 0%
}
.checkbox.w--redirected-checked {
background-color: #fff;
background-image: none;
border-style: none
}
.checkbox.w--redirected-checked:where(.w-variant-79f6a400-065c-7551-afa5-d910fd696ee4) {
background-color: #000
}
.placeholder {
color: #fff;
background-color: #fff0;
border: 1px #000;
border-bottom: 1px solid #c9c9c9;
margin-bottom: 3.6vw;
padding-top: 1.6vw;
padding-bottom: 1.8vw;
padding-left: 0;
font-size: 1.5vw;
font-weight: 400;
line-height: 1;
transition: all .2s
}
.placeholder:where(.w-variant-79f6a400-065c-7551-afa5-d910fd696ee4) {
color: #000
}
.placeholder:hover {
color: #c9c9c9;
padding-left: 26px
}
.placeholder:hover:where(.w-variant-79f6a400-065c-7551-afa5-d910fd696ee4) {
color: #000
}
.placeholder::placeholder {
color: #c9c9c9
}
.placeholder.txt-area {
min-height: 11vw;
margin-bottom: 0
}
.placeholder.text-black {
color: #000
}
.inner-form-wrap {
flex-flow: column;
display: flex;
position: relative
}
.inner-form-wrap._2 {
margin-top: 1.5vw
}
.button-sibmit {
background-image: linear-gradient(98deg,var(--submit-dark-pink),var(--submit-pink));
color: #fff;
text-transform: uppercase;
border-radius: 2em;
justify-content: center;
align-items: center;
padding: 1vw 1.8vw;
font-size: 1vw;
font-weight: 400;
line-height: 1;
position: relative
}
.img-footer-wrap {
justify-content: space-between;
align-items: flex-start;
width: 100%;
height: 200vh;
display: flex
}
.img-footer-wrap.mb-hide.bg-white {
background-color: #fff
}
.footer-wrapper {
flex-flow: column;
justify-content: space-between;
align-items: center;
height: 100%;
display: flex
}
.footer-main-wrap {
height: 100%;
margin-top: -45vw;
position: relative;
overflow: clip
}
.back-to-top-wrap {
grid-column-gap: 1vw;
grid-row-gap: 1vw;
justify-content: flex-start;
align-items: center;
display: flex
}
.img-top {
width: 100%
}
.wrap-footer-content {
grid-column-gap: 2.5vw;
grid-row-gap: 2.5vw;
text-align: center;
flex-flow: column;
justify-content: flex-start;
align-items: center;
max-width: 42%;
display: flex
}
.footer-link-wrap {
grid-column-gap: 2vw;
grid-row-gap: 2vw;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
margin-top: 1.5vw;
display: flex
}
.footer-link {
color: #fff;
text-transform: uppercase;
font-size: 1vw;
line-height: 1vw
}
.footer-link.is-address {
font-size: 1.25vw;
line-height: 1.3
}
.footer-link-overflow {
height: 1vw;
overflow: hidden
}
.top-wrapper {
width: 6%
}
.social-wrap {
grid-column-gap: .2vw;
grid-row-gap: .2vw;
justify-content: center;
align-items: flex-start;
display: flex
}
.logo-socials {
color: #535353;
width: 100%;
transition: all .3s
}
.logo-socials:hover {
color: #fff;
transform: scale(1.1)
}
.logo-socials.x {
border-radius: 6px
}
.link-block {
width: 2%
}
.inner-sticky-footer {
justify-content: center;
align-items: flex-end;
width: 100%;
height: 100vh;
display: flex;
position: sticky;
top: 0
}
.tags-inner-wrap {
background-color: #ffffff73;
border-radius: 1vw;
padding: .5vw .9vw
}
.tags-inner-wrap.bit-dark {
background-color: #ffffff73
}
.linear-gradient {
z-index: 2;
background-image: linear-gradient(#0000,#131313 77%);
width: 50%;
height: 20%;
margin-left: auto;
margin-right: auto;
position: absolute;
inset: auto 0% 0%
}
.text-ab-wrap {
grid-column-gap: 2vw;
grid-row-gap: 2vw;
flex-flow: column;
justify-content: flex-start;
align-items: center;
width: 90%;
margin-left: auto;
margin-right: auto;
display: flex;
position: absolute;
inset: 2% 0% 0%
}
.threat-wrap {
width: 85%
}
.ab-screen-wrap {
justify-content: space-between;
align-items: center;
display: flex;
position: absolute;
inset: 0%
}
.nav-samsung {
width: 50%
}
.nav-samsung._2 {
width: 20%
}
.ab-mobile-wrap {
z-index: 1;
border-radius: 0;
flex-flow: column;
justify-content: space-between;
align-items: center;
padding-top: 1.5vw;
display: flex;
position: absolute;
inset: 0%
}
.wrapper-img {
width: 100%;
height: 100%;
position: relative
}
.btm-nav-wrap {
z-index: 3;
justify-content: flex-end;
align-items: flex-start;
width: 100%;
transition: all .5s;
display: flex;
position: relative
}
.wrapper-nurum {
width: 100100%;
height: 80%
}
.nav-sticky {
justify-content: space-between;
align-items: flex-start;
width: 100%;
transition: all .5s;
display: flex
}
.nav-btm {
width: 40%;
position: relative;
bottom: 5%
}
.pic-samsung {
width: 33%;
margin-top: -5%;
margin-bottom: -66%
}
.blue-wrap {
background-color: #06f;
border-radius: 1.5vw;
width: 85%;
height: 35%;
position: relative
}
.tags-wrapper.up-margin {
grid-column-gap: .5vw;
grid-row-gap: .5vw;
margin-top: 1.8vw;
display: flex
}
.h1-2 {
color: #fff;
margin-top: 0;
margin-bottom: 0;
padding-bottom: 1.1vw;
font-size: 2.5vw;
font-weight: 400;
line-height: 1
}
.h1-2.bit-biger {
font-family: Samsungsharpsans,Arial,sans-serif;
font-size: var(--txt-size);
font-weight: 500;
line-height: .9
}
.content-sticky {
z-index: 3;
background-color: #1c1c1c;
border-radius: 20px;
flex-flow: column;
justify-content: space-between;
align-items: center;
width: 30%;
height: 100%;
padding: 2vw;
display: flex;
position: relative;
overflow: hidden
}
.sticky-inner-wrap {
justify-content: center;
align-items: center;
width: 100%;
height: 95vh;
display: flex;
position: sticky;
top: 2%
}
.ab-nurum-footer {
width: 90%;
margin-left: auto;
margin-right: auto;
position: absolute;
inset: auto 0% 4%
}
.ab-nurum-footer._2 {
grid-column-gap: 3vw;
grid-row-gap: 3vw;
flex-flow: column;
justify-content: flex-start;
align-items: center;
width: 90%;
display: flex;
position: absolute;
inset: 2% 0% auto
}
.other-screen-wrap {
border-radius: 2.5vw;
justify-content: center;
align-items: center;
width: 20%;
height: 95%;
display: flex;
overflow: hidden
}
.other-screen-wrap._5 {
background-color: #141216;
width: 24%;
height: 95%;
transition: all .5s;
position: relative
}
.other-screen-wrap._6 {
width: 24%;
height: 95%;
transition: all .5s
}
.other-screen-wrap._3 {
height: 100%;
transition: all .5s;
transform: translate(30%)
}
.other-screen-wrap._2 {
width: 16%;
height: 50%;
transition: all .5s;
transform: translate(-30%)
}
.sticky-main-wrap {
justify-content: center;
align-items: center;
height: 300vh;
margin-top: .8vw;
padding-left: 3.1vw;
padding-right: 3.1vw
}
.black-wrap {
width: 85%
}
.text-2-2 {
color: #000;
font-size: 2vw;
line-height: 1
}
.text-2-2.small {
font-size: 1.5vw
}
.text-2-2.small.text-white.lighter-color {
color: #ffffffb8
}
.ab-sticky-wrap {
z-index: 2;
text-align: center;
flex-flow: column;
justify-content: center;
align-items: center;
display: flex;
position: absolute;
inset: -25% 0% 0%
}
.dynamic-iland {
width: 25%
}
.dynamic-iland.full {
width: 90%
}
.img-3 {
width: 100%;
max-width: 100%
}
.img-3.cover {
object-fit: cover;
height: 100%
}
.rel-wrap-2 {
z-index: 2;
grid-column-gap: .4vw;
grid-row-gap: .4vw;
flex-flow: column;
display: flex;
position: relative
}
.ab-blue {
width: 90%;
margin-left: auto;
margin-right: auto;
position: absolute;
inset: auto 0% 4%
}
.ab-blue._2 {
width: 7%;
inset: 4% auto auto 6%
}
.text-3-2 {
color: #0009;
font-size: .8vw;
line-height: 1
}
.text-3-2.text-white.opacity {
color: #fff9
}
.max-30 {
max-width: 30%
}
.overflow-hidden {
overflow: hidden
}
.lottie-wrapper {
position: relative
}
.lottie {
width: 100%
}
.ab-text-lottie {
grid-column-gap: .2vw;
grid-row-gap: .2vw;
flex-flow: column;
justify-content: center;
align-items: center;
display: flex;
position: absolute;
inset: -10% 0% 0%
}
.text-counter {
color: #fff;
font-size: 2vw;
font-weight: 400;
line-height: 1
}
.text-counter.is-small {
font-size: .9vw;
font-weight: 400
}
.ab-circle-wrapper {
justify-content: center;
align-items: flex-end;
width: 100%;
display: flex;
position: absolute;
inset: 0%
}
.black-circle {
background-color: #0e0e0e69;
border-top-left-radius: 100rem;
border-top-right-radius: 100rem;
width: 100%
}
.rel-circle-wrap {
width: 70%;
position: relative
}
.black-circle-2 {
background-color: #0e0e0ea6;
border-top-left-radius: 100rem;
border-top-right-radius: 100rem;
width: 85%
}
.ab-black-2 {
justify-content: center;
align-items: flex-end;
display: flex;
position: absolute;
inset: 0%
}
.circle {
color: #cc3030
}
.ab-bg-video {
z-index: 1;
filter: blur(20px);
position: absolute;
inset: 0%
}
.background-video-full {
width: 100%;
height: 100%
}
.ab-logo-wrap {
z-index: 1;
justify-content: center;
align-items: center;
width: 100%;
display: flex;
position: absolute;
inset: auto 0% 0%
}
.hero-heading-wrp {
text-align: center;
justify-content: center;
align-items: flex-start;
max-width: 76%;
margin-top: 6vw;
margin-left: auto;
margin-right: auto;
display: flex
}
.blog-wrap {
margin-top: 2.6vw
}
.portfolio-wrap {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid
}
.tab-content-services {
margin-top: 0
}
.tab-menu-blog {
grid-column-gap: .8vw;
grid-row-gap: .8vw;
display: flex;
overflow: auto
}
.portfolio--list-wrap {
margin-top: 4.1vw
}
.tab-link {
color: #fff;
background-color: #ddd0;
border: 1px solid #fff;
border-radius: 4vw;
flex: none;
padding: .7vw 1.3vw;
font-size: 1.25vw;
line-height: 1
}
.tab-link.w--current {
color: #000;
background-color: #fff
}
.inner-chat-img-wrap {
width: 100%
}
.ab-text-wrap-port {
position: absolute;
inset: auto auto 4% 4%
}
.porfolio-inner-wrap {
border-radius: 1vw;
width: 100%;
position: relative;
overflow: hidden
}
.text-2-3 {
color: #000;
font-size: 2vw;
line-height: 1
}
.text-2-3.small {
font-size: 1.5vw
}
.text-2-3.small.text-grey {
color: #00000082
}
.inner-sticky-servce {
height: 100vh;
position: sticky;
top: 0;
overflow: hidden
}
.parent-sticky-wrap {
height: 200vh
}
.max-wrapper {
text-align: center;
max-width: 67%
}
.marquee-holder {
grid-column-gap: 4vw;
grid-row-gap: 4vw;
justify-content: center;
align-items: center;
width: 100%;
display: flex
}
.text-sticky-wrap {
justify-content: center;
align-items: center;
width: 100%;
height: 100vh;
display: flex
}
.marquee-wrapper {
mix-blend-mode: difference;
display: flex;
position: absolute;
inset: auto 0% -7.8vw
}
.marquee-wrapper.small {
bottom: -2vw
}
.marquee-wrapper.large {
bottom: -4vw
}
.ab-reveal-wrap {
z-index: 2;
position: absolute;
inset: 0%
}
.hero-service-wrap {
grid-column-gap: 16px;
grid-row-gap: 16px;
background-color: #050505;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: center;
width: 100%;
height: 0%;
display: flex;
overflow: hidden
}
.marquee-text {
color: #ffffff40;
flex: none;
font-size: 26vw;
font-weight: 500;
line-height: 1
}
.marquee-text.small {
font-size: 10.2vw
}
.marquee-text.small.c-1 {
text-align: center;
font-size: 12vw
}
.marquee-text.medium {
font-size: 19vw
}
.marquee-text.medium.c-1 {
font-size: 18vw
}
.ab-wrapper-1 {
z-index: -1;
transform-origin: 50% 100%;
width: 82%;
position: absolute;
inset: auto 0% 0% auto
}
.ab-wrapper-1.shopify {
right: 10%
}
.ab-wrapper-1.wordpress {
width: 100%;
right: 0%
}
.ab-wrapper-1.seo {
right: 10%
}
.ab-wrapper-1.full-width {
width: 85%
}
.ab-wrapper-1.full-width.center {
right: auto
}
.ab-wrapper-1.ui-ux {
width: 20%;
bottom: auto;
right: auto
}
.ab-wrapper-1.ncd {
width: 55%;
bottom: auto;
right: auto
}
.ab-wrapper-1.maintainance {
width: 60%;
bottom: 0;
right: auto
}
.bento-grid {
grid-column-gap: 1vw;
grid-row-gap: 1vw;
grid-template-rows: auto;
grid-template-columns: .4fr 1fr;
margin-top: 4.1vw
}
.bento-grid._2 {
grid-template-columns: 1fr 1.15fr;
margin-top: 1vw
}
.bento-grid._3 {
grid-template-columns: 1fr 1fr;
margin-top: 1vw
}
.bento-wrap {
background-color: #1f1f1f;
border-radius: 1.5rem;
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
padding: 2.9vw 1.8vw;
display: flex;
position: relative
}
.bento-wrap._4 {
padding-top: 1.9vw
}
.bento-wrap._2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid
}
.bento-wrap._3 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid
}
.text-4 {
font-size: 2.6vw;
line-height: 1.2
}
.text-4.is-big {
font-size: 9vw
}
.text-4.text-white {
color: #fff;
flex: 0 auto
}
.text-wrapper-2 {
justify-content: space-between;
align-items: flex-end;
width: 100%;
margin-top: 6vw;
display: flex
}
.text-wrapper-2._2 {
margin-top: 10vw
}
.pic-wrap {
background-color: #050505;
border-radius: .8rem;
flex-flow: column;
justify-content: flex-end;
align-items: center;
height: 100%;
padding: 1vw .5vw;
display: flex
}
.pic-wrap._2 {
padding-right: 2vw
}
.pictures-bento-wrp {
grid-column-gap: .5vw;
grid-row-gap: .5vw;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
height: 80%;
display: flex
}
.inner-bento-wrp {
flex-flow: column;
justify-content: space-between;
align-items: center;
width: 100%;
height: 100%;
display: flex
}
.line-2 {
background-color: #050505;
border-radius: 10rem;
width: 70%;
height: .5vw;
margin-left: auto;
margin-right: auto
}
.ab-bento-wrap {
width: 48%;
position: absolute;
inset: auto 0% 0% auto
}
.cards-grid {
grid-column-gap: 1vw;
grid-row-gap: 1vw;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
margin-top: 4.1vw
}
.cards-service-wrap {
background-image: url(https://cdn.prod.website-files.com/679caca89515ebeac0fc1721/6805e5a6bbb38a7d85ee44bd_Rectangle%20\(2\).avif);
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
border-radius: 1.5vw;
padding: 2vw 1.5vw
}
.cards-service-wrap._2 {
background-image: url(https://cdn.prod.website-files.com/679caca89515ebeac0fc1721/6805e5bd88ddab27425ddb6a_Rectangle%20\(3\).avif)
}
.cards-service-wrap._3 {
background-image: url(https://cdn.prod.website-files.com/679caca89515ebeac0fc1721/6805e5bb56fec51214c20076_Rectangle%20\(4\).avif)
}
.cards-service-wrap._4 {
background-image: url(https://cdn.prod.website-files.com/679caca89515ebeac0fc1721/6805e5b9894ded930d1704bc_Rectangle%20\(5\).avif)
}
.svg-wrp {
max-width: 40%
}
.card-content-wrp {
grid-column-gap: 2.5vw;
grid-row-gap: 2.5vw;
flex-flow: column;
margin-top: 10vw;
display: flex
}
.wrapper-numbers {
flex-flow: column;
justify-content: flex-end;
align-items: stretch;
display: flex
}
.inner-number-wrp {
perspective-origin: 50% 100%;
transform-origin: 50% 100%;
height: 100%;
overflow: hidden
}
.inner-number-wrp._1 {
width: 100%
}
.grid-journey {
grid-template-rows: auto;
margin-top: 4.1vw
}
.wrapper-journey {
grid-column-gap: 1.2vw;
grid-row-gap: 1.2vw;
flex-flow: column;
display: flex
}
.line-3 {
background-color: #bbbbbb4d;
width: 100%;
height: 1px
}
.journey-content-wrp {
flex-flow: column;
display: flex
}
.journey-heading-wrp {
max-width: 62%;
margin-top: 3vw
}
.journey-heading-wrp.full {
max-width: 100%
}
.journey-heading-wrp._90 {
max-width: 90%
}
.paragraph-wrp {
max-width: 100%;
margin-top: 3vw
}
.wrp-arrow {
max-width: 3%
}
.testimonail-wrp {
flex-flow: column;
justify-content: center;
align-items: center;
display: flex
}
.inner-testimonail-wrp {
max-width: 25%
}
.heading-testimnail-wrp {
text-align: center;
max-width: 68%;
margin-top: -6%
}
.profession-wrp {
margin-top: 3vw
}
.heading-wrp {
text-align: center;
max-width: 60%;
margin-left: auto;
margin-right: auto
}
.faq-divider {
border-top: 1px dashed #ffffff40;
height: 0
}
.faq-q-text {
font-size: 2vw;
line-height: 1
}
.c-faq-a {
perspective-origin: 50% 0;
transform-origin: 50% 0;
overflow: hidden
}
.c-faq {
max-width: 80%;
margin-left: auto;
margin-right: auto
}
.c-faq-icon {
justify-content: center;
align-items: center;
padding: 20px 3vw 20px 20px;
position: relative
}
.c-faq-q {
align-items: center;
display: flex
}
.faq-stripe-1 {
background-color: #000;
width: 2px;
height: 100%
}
.c-faq-a-text {
padding-bottom: 2vw;
padding-left: 3vw;
padding-right: 3vw
}
.c-faq-q-text {
flex: 1;
padding-top: 2vw;
padding-bottom: 2vw;
padding-left: 3vw
}
.c-faq-divider {
padding-left: 20px;
padding-right: 20px
}
.faq-a-text {
color: #000000a6;
font-size: 1.4vw;
font-weight: 400;
line-height: 1.3
}
.cloneable-area {
min-height: 50vh;
margin-top: 5vw
}
.c-faq-item {
cursor: pointer;
background-color: #fff;
border-radius: 2vw;
margin-bottom: 1.6vw;
font-size: 1.2em;
line-height: 1.6em
}
.faq-stripe-2 {
background-color: #000;
width: 100%;
height: 2px;
position: absolute
}
._w-faq-icon {
justify-content: center;
align-items: center;
width: 20px;
height: 20px;
display: flex;
position: relative
}
.preloader {
z-index: 1;
justify-content: space-between;
align-items: flex-end;
height: 100vh;
display: flex;
position: absolute;
inset: 0% 0% auto;
overflow: hidden
}
.text-preloader {
justify-content: center;
align-items: center;
width: 100%;
display: flex
}
.text-preloader._w-auto {
width: auto;
margin-left: auto;
margin-right: auto
}
.wrapper-roll-down {
flex-flow: column;
justify-content: flex-start;
align-items: center;
display: flex;
overflow: hidden
}
.wavy-img-wrap {
width: 70%;
margin-top: -1.4%
}
.flex-wrapper-all {
justify-content: space-between;
align-items: center;
width: 100%;
display: flex
}
.line-4 {
background-color: #fff;
width: 100%;
height: 1px
}
.sticky-wrapper-roll {
height: 200vh
}
.inner-roll-sticky {
position: sticky;
top: 0
}
.buzz-hero-wrp {
height: 650vh;
transition: all .5s;
position: relative;
overflow: clip
}
.sticky-buzz-wrp {
height: 100vh;
position: sticky;
top: 0
}
.buzz-ab-wrp {
position: absolute;
inset: 0%
}
.sticky-buzz-inner-wrp {
height: 100vh;
display: flex;
position: sticky;
top: 0
}
.text-wrp {
max-width: 66%;
transition: all .2s
}
.inner-stick-wrp {
text-align: center;
justify-content: center;
align-items: flex-end;
padding-bottom: 4vw;
display: flex
}
.ab-text-1 {
text-align: center;
justify-content: center;
align-items: flex-end;
padding-bottom: 3vw;
display: flex;
position: absolute;
inset: 0%
}
.text-lite {
font-weight: 300
}
.logo-white {
color: #fff
}
.sticky-hands {
justify-content: center;
align-items: flex-end;
width: 100%;
transition: all .2s;
display: flex;
position: absolute;
inset: 0%
}
.circle-wrp {
z-index: 3;
opacity: 0;
flex: none;
width: 2%;
transition: all .2s;
position: relative;
top: -4%;
left: -4%
}
.hand-right {
z-index: 4;
width: 25%;
transition: all .2s;
position: relative;
right: 10%
}
.hand-left {
z-index: 2;
width: 34%;
transition: all .2s;
position: relative;
left: 10%
}
.ab-gradient {
z-index: 1;
filter: blur(150px);
background-color: #002f1880;
width: 36%;
height: 57%;
position: absolute;
inset: auto auto 0% 35%
}
.ab-left-text-wrp {
max-width: 35%;
transition: all .2s;
position: absolute;
inset: 5% auto auto 3%
}
.ab-right-btm {
z-index: 5;
max-width: 30%;
transition: all .2s;
position: absolute;
inset: auto 3% 5% auto
}
.ab-center-left-wrp {
z-index: 5;
max-width: 40%;
transition: all .2s;
position: absolute;
inset: 30% auto auto 3%
}
.black-body {
background-color: #050505
}
.circle-wrp-1 {
z-index: 3;
flex: none;
width: 15%;
position: absolute;
inset: 20% auto auto 43%
}
.bento-grid-wrp {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: .5fr 1fr;
grid-auto-columns: 1fr;
display: grid
}
.bento-grid-wrp.up-margin {
grid-column-gap: 1vw;
grid-row-gap: 1vw;
margin-top: 6.5vw
}
.bento-grid-wrp._2 {
grid-template-columns: 1fr .5fr;
margin-top: 1vw
}
.card-div {
background-image: url(../67fe0d1f4077c713a8066d43_Rectangle.avif);
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
border-radius: .8vw;
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
width: 100%;
padding: 2vw;
display: flex;
position: relative;
overflow: hidden
}
.card-div._2 {
background-image: url(https://cdn.prod.website-files.com/679caca89515ebeac0fc1721/67fe0d1e5cbd4fdb5a3951b0_Rectangle%20\(1\).avif)
}
.card-div._3 {
background-image: url(https://cdn.prod.website-files.com/679caca89515ebeac0fc1721/67fe0d1df0298bd6ba5df4bc_Rectangle%20\(2\).avif)
}
.card-div._4 {
background-image: url(https://cdn.prod.website-files.com/679caca89515ebeac0fc1721/67fe0d1c4dba46bd831da1ab_Rectangle%20\(3\).avif)
}
.buzz-card-logo {
width: 20%
}
.buzz-card-logo._2 {
width: 9%
}
.flex-grid-wrp {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr .75fr;
grid-auto-columns: 1fr;
margin-top: 5.5vw;
display: grid
}
.ab-card-img {
width: 25%;
position: absolute;
inset: 11% 11% auto auto
}
.balls-sticky-wrp {
height: 400vh;
overflow: clip
}
.inner-balls-sticky {
height: 100vh;
padding: 3.2vw;
position: sticky;
top: 0
}
.ab-ball-1 {
width: 70%;
transition: all .2s;
position: absolute;
inset: -54% auto auto -32%
}
.ab-ball-2 {
width: 70%;
transition: all .2s;
position: absolute;
inset: auto -30% -60% auto
}
.ab-text-change {
flex-flow: column;
justify-content: center;
align-items: center;
display: flex;
position: absolute;
inset: 0%
}
.text-change-wrp {
padding-bottom: 1vw;
transition: all .3s cubic-bezier(.977,.095,.111,.989);
overflow: hidden
}
.wrp-change-main {
text-align: center;
height: 6vw;
overflow: hidden
}
.sticky-card-wrp {
height: 300vh
}
.inner-sticky-card {
justify-content: center;
align-items: center;
height: 100vh;
padding-left: 3.2vw;
padding-right: 3.2vw;
display: flex;
position: sticky;
top: 0
}
.cards-animation-wrp {
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex
}
.cards-wrpper-2 {
flex: none;
width: 29%;
transition: all .3s linear
}
.cards-wrpper-2._1 {
position: relative;
top: -10%;
left: 10%
}
.cards-wrpper-2._2 {
position: relative;
top: -2%;
left: 3%
}
.cards-wrpper-2._3 {
position: relative;
top: 2%;
left: -4%
}
.cards-wrpper-2._4 {
position: relative;
top: 4%;
left: -8%
}
.align-center {
text-align: center
}
.grid-cta {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid
}
.cta-wrp {
background-image: url(../67fe61f94bcd6e6e83b44822_Ellipse 3022.webp);
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
margin-top: 4vw;
padding: 37vw 3vw
}
.checkbox-2 {
-webkit-text-stroke-color: #fff;
border: 1px solid #acacac;
border-radius: 10vw;
width: 100%;
height: 100%;
margin-top: 0;
margin-left: 0;
transition: all .3s;
position: absolute;
inset: 0%
}
.checkbox-2.w--redirected-checked {
background-color: #000;
background-image: none;
border-style: none
}
.flex-heading-wrp {
grid-column-gap: 2vw;
grid-row-gap: 2vw;
justify-content: center;
align-items: center;
display: flex
}
.showreel-wrp {
border-radius: 10vw;
width: 25vw;
height: 12vw;
overflow: hidden
}
.galaxy-wrp {
width: 95%;
margin-top: 1vw;
margin-left: auto;
margin-right: auto;
position: relative
}
.planet-wrp {
justify-content: flex-start;
align-items: center;
display: flex;
position: absolute;
inset: 69% auto auto -.5%
}
.planet-wrp._2 {
top: 27%;
left: 19.5%
}
.planet-wrp._3 {
top: -1%;
left: 82%
}
.planet-wrp._4 {
top: 52%;
left: 75.5%
}
.planet-wrp._5 {
top: 30%;
left: 61%
}
.planet-wrp._6 {
top: 94%;
left: 42%
}
.btn-wrp {
grid-column-gap: .5vw;
grid-row-gap: .5vw;
justify-content: flex-start;
align-items: flex-start;
display: flex
}
.ab-oval-wrp {
z-index: 10;
pointer-events: none;
justify-content: center;
align-items: center;
display: flex;
position: absolute;
inset: 0%
}
.oval {
width: 21%;
position: relative;
top: 7%
}
.fixed-services-wrp {
z-index: 11;
background-image: linear-gradient(187deg,#fff,#ff007e 43%);
padding: 3.2vw 3.1vw;
display: none;
position: fixed;
inset: 0%
}
.fixed-services-wrp._1,.fixed-services-wrp._2,.fixed-services-wrp._3,.fixed-services-wrp._4,.fixed-services-wrp._5,.fixed-services-wrp._6 {
background-image: linear-gradient(#ff92c8,#ff007e 46%);
display: none
}
.content-service-wrp {
flex-flow: column;
justify-content: flex-end;
align-items: stretch;
width: 100%;
height: 100%;
display: flex
}
.grid-services-popup {
grid-template-rows: auto
}
.service-popup-wrp {
grid-column-gap: 2vw;
grid-row-gap: 2vw;
flex-flow: column;
display: flex
}
.service-popup-wrp._2 {
grid-column-gap: .8vw;
grid-row-gap: .8vw
}
.ab-log-wrp-service {
pointer-events: none;
flex-flow: column;
justify-content: center;
align-items: center;
padding-bottom: 10vw;
display: flex;
position: absolute;
inset: 0%
}
.inner-logo-wrp {
width: 18%;
position: relative;
top: -8%
}
.services-link-wrp {
grid-column-gap: .5vw;
grid-row-gap: .5vw;
color: #fff9;
justify-content: flex-end;
align-items: center;
font-size: 1.6vw;
line-height: 1.1;
display: flex
}
.arrow-service {
transform-origin: 100%;
width: 100%
}
.service-link-wrp-main {
grid-column-gap: .8vw;
grid-row-gap: .8vw;
flex-flow: column
}
.wrp-arrow-service {
width: 3.5%
}
.about-banner-wrp {
position: relative
}
.logo-grid {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr
}
.ab-blur-wrapper {
background-image: linear-gradient(#0000,#050505 69%);
width: 100%;
height: 25%;
position: absolute;
inset: auto 0% 0%
}
.counter-wrp-2 {
display: flex
}
.us-wl-buzz-text {
color: #fff;
text-align: center;
text-transform: uppercase;
white-space: nowrap;
justify-content: center;
align-items: center;
padding-left: 1vw;
padding-right: 1vw;
font-size: 15vw;
font-weight: 500;
line-height: .85;
display: inline-flex
}
.us-wl-buzz-text.wl-buzz {
padding-right: 0
}
.us-wl-buzz-text.z-2 {
padding-left: 0
}
.us-wl-buzz-text.is-ab {
color: #000;
background-color: #09894c
}
.us-wl-buzz-text.z-1 {
padding-left: 0;
padding-right: 0
}
.us-wl-buzz-inner-wrap {
display: flex;
position: relative
}
.us-wl-buzz-text-wrap {
width: 0%;
position: absolute;
inset: 0%;
overflow: hidden
}
.us-wl-buzz-wrapper {
flex-flow: column;
justify-content: flex-start;
align-items: center;
height: 100%;
display: flex;
overflow: hidden
}
.svg-1 {
max-width: 75%;
position: relative
}
.wrapper-responsive {
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
height: 100%;
display: flex
}
.svg {
position: relative
}
.svg._2 {
width: 40%;
position: absolute;
inset: auto 6% 19% auto
}
.svg._2._1 {
bottom: 11%
}
.svg._3 {
width: 40%;
position: absolute;
inset: auto 3% 19% auto
}
.svg._5 {
flex-flow: column;
width: 33%;
display: flex;
position: absolute;
inset: auto 8% 15% auto
}
.svg._6 {
inset: auto 13% 10% auto;
width: 32%;
position: absolute;
inset: auto 6% 19% auto
}
.svg._7 {
inset: auto 7% 24% auto;
width: 35%;
position: absolute;
inset: auto 9% 16% auto
}
.svg._8 {
width: 95%
}
.ab-wrp-1 {
max-width: 90%;
position: absolute;
inset: 13% auto auto -16%
}
.circle-wrp-2 {
width: 100%
}
.ab-2 {
width: 78%;
position: absolute;
inset: 14% auto auto 19%
}
.rel-wrp {
z-index: 1;
position: relative
}
.ab-gradient-1 {
z-index: -1;
width: 50%;
position: absolute;
inset: -33% auto auto -16%
}
.ab-3 {
z-index: 2;
max-width: 52%;
position: absolute;
inset: 42% auto auto 29%
}
.ab-gradient-2 {
width: 100%;
position: absolute;
inset: -55% 0% auto -44%
}
.ab-gradient-2._2 {
top: -14%;
left: -32%
}
.ab-gradient-2._3 {
width: 150%;
inset: auto
}
.web-logo.rel {
z-index: 2;
position: relative
}
.ab-gradient-3 {
z-index: 0;
width: 100%;
position: absolute;
inset: 0% auto auto 0%
}
.lottie-animation {
z-index: 1;
width: 90%;
position: relative
}
.svg-wrapper {
width: 10%;
position: relative
}
.features-wrp {
grid-column-gap: 2vw;
grid-row-gap: 2vw;
text-align: center;
flex-flow: column;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex
}
.wrapper-animated-text {
grid-column-gap: 2vw;
grid-row-gap: 2vw;
flex-flow: column;
width: 100%;
display: flex
}
.wrapper-moving {
grid-column-gap: 2vw;
grid-row-gap: 2vw;
flex-flow: column;
display: flex
}
.sticky-wrapper {
height: 200vh
}
.inner-sticky {
justify-content: center;
align-items: center;
height: 100vh;
display: flex;
position: sticky;
top: 0
}
.ab-img-wrp {
position: absolute;
inset: 0%
}
.gradient-wrapper {
z-index: -1;
filter: blur(160px);
min-height: 90vh;
position: absolute;
inset: 0%
}
.circle-2 {
background-color: #fe3218;
border-radius: 50%;
width: 50vw;
height: 80vh;
position: absolute;
inset: 0% 0% auto auto
}
.circle-2._1 {
background-color: #050505;
top: -25%;
left: 1%
}
.circle-2._2 {
background-color: #01ce58;
inset: -25% -10% auto auto
}
.circle-2._4 {
background-color: #019031;
inset: auto -10% -25% auto
}
.circle-2._3 {
background-color: #014d1a;
inset: auto auto -39% -4%
}
.left-arrow {
pointer-events: none;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
font-weight: 400;
display: flex;
position: static;
inset: 0%
}
.right-arrow {
pointer-events: none;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
position: relative;
inset: 0%;
transform: rotate(180deg)
}
.splide__list {
justify-content: flex-start;
align-items: stretch;
display: flex
}
.ab-wrapper-2 {
position: relative
}
.splide__arrows {
justify-content: flex-end;
align-items: stretch;
display: none
}
.splide__slide {
flex: none;
width: 25%;
margin-right: 1vw;
transition: all .1s linear
}
.embed-2.arrow-szie {
cursor: pointer;
width: 100%;
height: 100%;
position: absolute;
inset: 0%
}
.splide.slider1 {
margin-top: 6vw;
padding-bottom: 20px
}
.splide__track {
cursor: grab;
width: 100%
}
.card-wrp {
background-color: #141414;
background-image: linear-gradient(312deg, #4CAF50 34%, #ffdfee);
border-radius: 1.5vw;
height: 18vw
}
.card-wrp:hover {
padding: 1px;
box-shadow: -5px -6px 20.1px #4CAF50;
}
.card-wrp.no-height {
height: 100%;
}
.inner-card-wrp {
background-color: #050505;
border-radius: 1.5vw;
width: 100%;
height: 100%;
padding: 1vw 1.8vw 1.5vw
}
.inner-card-wrp.is-flex {
flex-flow: column;
justify-content: space-between;
display: flex
}
.work-section {
z-index: 2;
text-align: center;
flex-flow: column;
justify-content: flex-start;
align-items: center;
display: flex;
position: relative
}
.color-loght-pink {
color: #9f7f93
}
.ab-gradient-wrp {
justify-content: center;
align-items: center;
display: flex;
position: absolute;
inset: 0%
}
.gradient-1 {
filter: blur(150px);
background-color: #09894ccc;
border-radius: 100%;
width: 50vw;
height: 20vw
}
.ab-1 {
z-index: 2;
width: 13%;
position: absolute;
inset: 32% auto auto -10%;
display : none;
}
.ab-4 {
z-index: 2;
width: 16%;
position: absolute;
inset: 32% auto auto 14%;
display : none;
}
.ab-5 {
z-index: 2;
width: 16%;
position: absolute;
inset: -8% auto auto 51%;
display : none;
}
.ab-6 {
z-index: 2;
width: 16%;
position: absolute;
inset: 67% auto auto 74%;
display : none;
}
.ab-7 {
z-index: 2;
width: 13%;
position: absolute;
inset: 1% auto auto 98%;
display : none;
}
.cross-wrp {
z-index: 6;
cursor: pointer;
width: 4%;
position: absolute;
inset: 3% 3% auto auto
}
.cross-wrp:active {
transform: scale(.9)
}
.arch-wrp {
transform: translateY(3%)
}
.btm-wrp {
display: flex
}
.speed-rp {
position: relative
}
.ab-speed {
position: absolute;
inset: 0%
}
.ab-div2,.ab-div3 {
justify-content: center;
align-items: center;
display: flex;
position: absolute;
inset: 0%
}
.ab-gradient-wrp-2 {
z-index: 1;
width: 50%;
position: absolute;
inset: 2% 0% 0% -1%
}
.img-wrp {
z-index: 2;
position: relative
}
.ab-side-bar {
transform-origin: 50% 100%;
width: 20%;
position: absolute;
inset: 19% auto 0% -7%
}
.side-bar {
z-index: 1;
position: relative
}
.ab-panel-1 {
z-index: 2;
width: 80%;
position: absolute;
inset: 12% auto auto 15%
}
.ab-panel-2 {
width: 28%;
position: absolute;
inset: 60% auto auto 19%
}
.ab-panel-3 {
border-radius: 4px;
width: 40%;
height: 10%;
position: absolute;
inset: 60% auto auto 52%;
overflow: hidden
}
.ab-panel-4 {
width: 40%;
position: absolute;
inset: 72% auto auto 52%
}
.ab-m1 {
width: 15%;
position: absolute;
inset: 73% auto auto 29%
}
.ab-m1._2 {
left: 38%
}
.ab-m1._3 {
left: 47%
}
.ab-m1._4 {
left: 56%
}
.ab-m1._5 {
left: 65%
}
.ab-m1._6 {
left: 74%
}
.ab-m1._7 {
left: 83%
}
.ab-inner-m1 {
z-index: 0;
width: 102%;
position: absolute;
inset: auto 0% -5%
}
.wrp-rel {
position: relative
}
.nav-menu {
flex-flow: row;
justify-content: flex-start;
align-items: center;
display: none
}
.nav-link {
z-index: 1;
color: #000;
text-transform: uppercase;
flex: none;
padding: 1.1vw 1.5vw;
font-size: 1vw;
line-height: 1;
transition: all .2s;
position: relative
}
.nav-link:hover {
color: #fff
}
.nav-link.w--current {
color: #fff;
background-color: #09894c;
border-radius: 60px
}
.nav-link.no-padding {
padding: 0;
position: static
}
.wrapper-nav-open {
background-color: #f2f2f2;
border-radius: 2rem;
justify-content: flex-start;
align-items: center;
display: flex;
overflow: hidden
}
.dropdown-toggle {
z-index: 2;
text-transform: uppercase;
padding: 1.1vw 1.5vw;
font-size: 1vw;
line-height: 1
}
.dropdown-toggle:hover,.dropdown-toggle.w--open {
color: #fff
}
.dropdown {
transition: all .2s;
position: static
}
.dropdown._5,.dropdown._6 {
display: none
}
.dropdown-list {
z-index: -1;
inset: 80% 0% auto 0
}
.dropdown-list.w--open {
z-index: -1;
background-color: #14141400;
inset: 80% 0% auto auto
}
.wrap-big-menu {
width: 100%;
height: 100%;
padding-top: 2vw;
display: flex
}
.inner-drop-down-wrp {
background-color: #0f0f10;
border-top-left-radius: 2vw;
border-top-right-radius: 2vw;
width: 100%;
height: 100%;
padding: .5vw
}
.nav-grid-dropdown {
grid-column-gap: .5vw;
grid-row-gap: .5vw;
background-color: #0e0e10;
grid-template-columns: 1fr 1fr 1fr
}
.menu-bar-wrp {
color: #fff;
text-transform: uppercase;
background-color: #202020;
padding: 2.5vw 1.5vw;
font-size: 1.2vw;
line-height: 1
}
.menu-bar-wrp.border {
border-top-left-radius: 2vw
}
.menu-bar-wrp.border-2 {
border-top-right-radius: 2vw
}
.mega-menu-link-wrp {
grid-column-gap: 1vw;
grid-row-gap: 1vw;
background-color: #020202;
justify-content: flex-start;
align-items: center;
padding: 2vw 4vw;
display: flex;
position: relative
}
.mega-menu-link-wrp.highlight {
background-image: linear-gradient(4deg,#de0239,#09894c 42%,#ff6bd2 71%,#fff);
padding: .2vw
}
.icon-mega-menu {
z-index: 2;
width: 18%
}
.mega-menu-inner-wrp {
grid-column-gap: .4vw;
grid-row-gap: .4vw;
flex-flow: column;
display: flex
}
.mega-menu-link {
color: #fff;
font-size: 1.6vw;
line-height: 1
}
.mega-sub-txt {
color: #9a9a9a;
font-size: .9vw;
line-height: 1
}
.highlight-wrp {
grid-column-gap: 1vw;
grid-row-gap: 1vw;
background-color: #020202;
width: 100%;
height: 100%;
padding: 4vw;
display: flex
}
.ab-ho1 {
width: 10%;
position: absolute;
inset: -11% auto auto -4%
}
.ab-ho1._2 {
top: 83%
}
.ab-ho1._3 {
width: 12%;
top: 83%;
left: 69%
}
.ab-ho1._1 {
width: 11%
}
.ab-ho1._4 {
width: 16%;
top: -15%;
left: 74%
}
.ab-close {
color: #000;
justify-content: center;
align-items: center;
display: flex;
position: absolute;
inset: 0%
}
.menu {
color: #000
}
.div-move {
opacity: 0;
pointer-events: none;
background-color: #09894c;
border-radius: 2rem;
width: 0;
height: 95%;
transition: all .3s;
position: absolute;
bottom: 2.5%;
overflow: hidden
}
.drawspace {
background-color: #000;
width: 100%;
height: 100vh;
position: sticky;
top: 0
}
.collection-list-wrapper {
width: 100%
}
.mb-img-wrap,.testimonials-wrap,.mb-slider-image,.dot,.menu-mask {
display: none
}
.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
}
._404-page-wrap {
background-color: #000;
flex-flow: column;
height: 100dvh;
padding-top: 8vw;
padding-left: 4.25vw;
padding-right: 4.25vw;
display: flex;
overflow: hidden
}
._404-title {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-size: 6.5vw;
font-weight: 400;
line-height: 1.1
}
._404-video-wrap {
flex: 1;
justify-content: center;
align-items: center;
display: flex
}
._404-video {
z-index: 3;
width: 85%;
height: 100%
}
._404-ab-wrap {
z-index: 5;
position: absolute;
inset: auto 4.5vw 3vw auto
}
.tmh-text {
color: #fff;
font-size: 3vw;
line-height: 1.1;
text-decoration: none
}
.tmh-text.underline {
text-underline-offset: 6px;
text-decoration: underline
}
.emoji {
color: #0000;
background-image: url(https://cdn.prod.website-files.com/679caca89515ebeac0fc1721/682ad3d47ec264b9394a1221_%F0%9F%98%B5_%F0%9F%92%AB%20\(1\).webp);
background-position: 50%;
background-repeat: no-repeat;
background-size: contain
}
.ty-wrapper {
grid-column-gap: 5vw;
grid-row-gap: 5vw;
background-color: #000;
flex-flow: column;
min-height: 100dvh;
padding: 9vw 3vw 4vw;
display: flex
}
.nav-items-wrapper {
justify-content: flex-start;
align-items: center;
display: flex
}
.menu-padding {
padding: 2px
}
.hand-gradient-mask {
display: none
}
.white-bg {
z-index: -1;
pointer-events: none;
background-color: #fff;
position: absolute;
inset: 0%
}
.white-bg:where(.w-variant-79f6a400-065c-7551-afa5-d910fd696ee4) {
height: 50%;
bottom: auto
}
.section-space {
margin-bottom: 5vw
}
.section-space.is-large {
margin-bottom: 7.5vw
}
.blog-grid {
grid-column-gap: 6.75vw;
grid-row-gap: 6.75vw;
grid-template-rows: auto;
grid-template-columns: .25fr 1fr;
grid-auto-columns: 1fr;
padding-bottom: 5vw;
display: grid
}
.blog-toc-wrapper {
grid-column-gap: 1vw;
grid-row-gap: 1vw;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
margin-bottom: 5vw;
display: flex;
position: sticky;
top: 2vw
}
.blog-toc-title {
color: #858585;
font-size: .8vw;
line-height: 1.1
}
.toc-line {
background-color: #c5c5c5;
width: 100%;
height: 1px
}
.fs-toc_link-wrapper {
width: 100%;
padding-right: .25vw;
overflow: hidden
}
.fs-toc_link-wrapper.is-h3 {
padding-left: 1vw
}
.fs-toc_link {
color: #858585;
padding-bottom: .5vw;
font-size: 1vw;
line-height: 1.3;
transition: all .3s;
display: flex
}
.fs-toc_link:hover,.fs-toc_link.w--current {
color: #fff
}
.fs-toc_link.updated {
grid-column-gap: .5vw;
grid-row-gap: .5vw;
color: #000;
justify-content: flex-start;
align-items: center;
margin-bottom: 2vw
}
.toc-link-icon-wrapper {
flex: none;
width: 0;
overflow: hidden
}
.toc-link-icon {
width: 1vw;
margin-right: .6vw
}
.fs-toc_text.helper.u {
color: #000
}
.fs-toc_richtext {
color: #fff
}
.fs-toc_richtext h2 {
margin-top: .75vw;
margin-bottom: 1.5vw;
font-size: 3.25vw;
font-weight: 400;
line-height: 1.3
}
.fs-toc_richtext h3 {
margin-bottom: 1.5vw;
font-size: 2.85vw;
font-weight: 400;
line-height: 1.3
}
.fs-toc_richtext h4 {
margin-top: 0;
margin-bottom: 1.25vw;
font-size: 2.25vw;
font-weight: 400;
line-height: 1.2
}
.fs-toc_richtext h5 {
color: #fff;
margin-top: 0;
margin-bottom: 1.5vw;
font-size: 1.75vw;
font-weight: 400;
line-height: 1.3
}
.fs-toc_richtext p {
margin-bottom: 1.25vw;
font-size: 1.25vw;
line-height: 1.75
}
.fs-toc_richtext ul {
margin-bottom: 0;
padding-left: 0
}
.fs-toc_richtext li {
margin-bottom: 1.25vw;
font-size: 1.25vw;
line-height: 1.7
}
.fs-toc_richtext em {
font-weight: 500
}
.fs-toc_richtext figure {
margin-top: 2vw;
margin-bottom: 4vw
}
.fs-toc_richtext a {
color: #fff;
text-underline-offset: 4px;
-webkit-text-decoration: underline #ff00a3;
text-decoration: underline #ff00a3
}
.no-lenis.white {
background-color: #fff
}
.note-wrapper {
background-image: linear-gradient(#ff006f,#000);
border-radius: 30px;
margin-top: 3vw;
margin-bottom: 4vw;
padding: 1px
}
.note-wrapper.is-title {
margin-top: 0;
margin-bottom: 0;
position: absolute;
inset: -15% auto auto 2.125vw
}
.note-inner {
background-color: #000;
border-radius: 30px;
padding: 4vw 3.5vw 1.75vw;
position: relative
}
.note-inner.is-title {
grid-column-gap: .75vw;
grid-row-gap: .75vw;
color: #fff;
justify-content: flex-start;
align-items: center;
padding: 0 2.5vw .35vw 0;
font-size: 1.75vw;
line-height: 1;
display: flex
}
.note-para-wrapper {
color: #6b6b6b;
width: 85%
}
.note-title-img-wrap {
width: 4.5vw;
margin-top: -15%
}
.seperated-div-wrapper {
color: #949494
}
.seperated-line {
background-color: #e6e6e6;
width: 100%;
height: 1px;
margin-bottom: 1.5vw
}
.seperated-inner {
padding-left: 1.25vw;
font-size: 1.35vw;
line-height: 1.7
}
.blog-tabs {
position: relative
}
.blog-tabs-menu {
grid-column-gap: .6vw;
grid-row-gap: .6vw;
justify-content: flex-start;
align-items: flex-start;
margin-bottom: 7.5vw;
display: flex
}
.blog-tabs-menu.no-padding {
margin-bottom: 0
}
.blog-tab-menu-link {
color: #fff;
cursor: pointer;
background-color: #0000;
border: 1px solid #fff;
border-radius: 30px;
justify-content: center;
align-items: center;
margin-bottom: 0;
padding: .6vw 1.25vw;
font-size: 1.25vw;
line-height: 1;
transition: all .3s;
display: flex;
position: relative
}
.blog-tab-menu-link.w--current {
color: #000;
background-color: #fff
}
.blogs-wrap {
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr
}
.blogs-item-wrap {
grid-column-gap: 6vw;
grid-row-gap: 6vw;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid
}
.blogs-content-wrap {
color: #fff;
width: 100%;
padding-top: 3.75vw;
padding-bottom: 3.75vw;
text-decoration: none;
position: relative
}
.blog-content-inner {
color: #fff
}
.blog-img-wrap {
border-radius: 2vw;
overflow: hidden
}
.blog-inner-content-wrap {
grid-column-gap: 2.25vw;
grid-row-gap: 2.25vw;
text-align: center;
flex-flow: column;
justify-content: flex-start;
align-items: center;
width: 95%;
margin-top: 3.5vw;
margin-left: auto;
margin-right: auto;
display: flex
}
.blog-title {
font-size: 2.25vw;
font-weight: 400;
line-height: 1.3
}
.hide {
display: none
}
.preload-wrap {
z-index: 2147483022;
background-color: #fff;
width: 100%;
height: 100dvh;
position: fixed;
inset: 0%;
overflow: hidden
}
.preloader-inner {
flex-flow: column;
width: 100%;
height: 100%;
padding-bottom: 5.5vw;
padding-left: 3vw;
padding-right: 3vw;
display: flex
}
.preloader-text-wrap {
flex: 1;
justify-content: center;
align-items: center;
display: flex
}
.preloader-bottom-wrap {
flex-flow: column;
justify-content: flex-start;
align-items: center;
display: flex
}
.buzz-logo-wrap {
width: 11.5vw;
position: relative
}
.an-line-wrap {
justify-content: center;
align-items: center;
width: 100%;
margin-top: 1vw;
margin-bottom: 1.5vw;
display: flex
}
.bi-logo-wrap._1 {
justify-content: center;
align-items: center;
width: 2vw;
display: flex
}
.bi-logo-wrap._2 {
justify-content: center;
align-items: center;
width: 2.75vw;
display: flex
}
.an-line {
background-color: #000;
width: 100%;
height: 2px;
margin-left: .75vw;
margin-right: .75vw
}
.counter-wrap {
grid-column-gap: .15vw;
grid-row-gap: .15vw;
justify-content: center;
align-items: center;
font-family: Neuemontreal,Arial,sans-serif;
font-size: 1.85vw;
line-height: 1;
display: flex
}
.preload-text-inner {
text-align: center;
width: 50%;
font-size: 3.125vw;
line-height: 1.2
}
.an-line-inner-wrap {
justify-content: center;
align-items: center;
width: 100%;
display: flex;
overflow: hidden
}
.h1-hidden {
width: 0;
height: 0;
margin-top: 0;
margin-bottom: 0;
position: absolute;
left: -9999px;
overflow: hidden
}
.card-img-inner {
width: 10vw;
height: 10vw;
margin-left: auto;
}
.fs-table_instance {
display: block
}
.fs-table_header {
text-align: left;
border: 1px solid #ddd;
padding: 8px
}
.fs-table_row {
text-align: left;
border: 1px solid #ddd
}
.fs-table_head {
background-color: #f3f3f3
}
.fs-table_cell {
color: #fff;
text-align: left;
border: 1px solid #ddd;
padding: 8px
}
.fs-table_table {
text-align: left;
border-collapse: collapse;
border: 1px solid #ddd;
width: 100%
}
.radio-button {
z-index: 1;
outline-offset: 0px;
border: 1px #000;
border-radius: 30px;
outline: 1px solid #fff;
width: 100%;
height: 100%;
margin-top: 0;
margin-left: 0;
position: absolute;
inset: 0%
}
.radio-button.w--redirected-checked {
background-color: #fff;
border: 1px #000
}
.radio-button.w--redirected-focus {
outline-offset: 0px;
outline: 1px solid #fff
}
.radio-text {
z-index: 5;
pointer-events: none;
color: #fff;
margin-bottom: 0;
position: relative
}
.hidden-h1 {
width: 1px;
height: 1px;
margin-top: 0;
margin-bottom: 0;
position: absolute;
left: -9999px;
overflow: hidden
}
.recaptcha {
margin-bottom: 0
}
.error-message {
z-index: 5;
grid-column-gap: 8px;
grid-row-gap: 8px;
color: #000;
text-align: center;
background-color: #fff;
border-radius: 4px;
justify-content: flex-start;
align-items: center;
margin-top: 10px;
margin-right: auto;
padding: 10px 12px;
display: none;
position: absolute;
top: 10%;
left: -5%
}
.error-icon {
pointer-events: none;
border-radius: 2px;
width: 24px;
overflow: hidden
}
.footer-cta-wrap {
grid-column-gap: 1.5vw;
grid-row-gap: 1.5vw;
opacity: .65;
flex-flow: column;
justify-content: flex-start;
align-items: center;
display: flex
}
.cta-number-wrap {
grid-column-gap: .5vw;
grid-row-gap: .5vw;
justify-content: flex-start;
align-items: center;
display: flex
}
.cta-prof-image {
width: 3vw;
height: 3vw
}
.serivce-grid {
grid-column-gap: 1.5vw;
grid-row-gap: 1.5vw;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
width: 90%;
margin-left: auto;
margin-right: auto
}
.portfolio-video {
z-index: 1;
flex-direction: column;
justify-content: space-between;
align-items: stretch;
width: 100%;
height: 100%;
transition: all .3s;
display: flex
}
.portfolio-video:hover {
transform: scale(1.1)
}
.rev-single-icon {
height: 14px
}
.team-text {
font-size: 1.1vw;
font-weight: 500;
line-height: 1.2
}
.grid-heading-div {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1.75fr 1fr;
grid-auto-columns: 1fr;
margin-bottom: 60px;
display: grid
}
.grid-heading-div.max {
margin-left: auto;
margin-right: auto
}
.grid-heading-div.v {
grid-column-gap: 1vw;
grid-row-gap: 1vw;
text-align: center;
flex-flow: column;
justify-content: space-between;
align-items: center;
display: flex
}
.service-text {
margin-top: 0;
margin-bottom: 0;
font-size: 1.5vw;
font-weight: 500;
line-height: 1.2
}
.splide__arrows-2 {
z-index: 0;
justify-content: space-between;
align-items: center;
width: 100%;
display: flex;
position: absolute;
inset: 0% auto 0% 0%
}
.splide__slide-2 {
flex: none;
width: 33.3333%
}
.paragraph-2 {
color: #666;
flex-direction: column;
align-items: flex-start;
margin-bottom: 0;
font-size: 1.2vw;
line-height: 1.3
}
.paragraph-2.max-width {
color: #fff;
max-width: 36vw
}
.paragraph-2.grey-text {
color: #646464
}
.paragraph-2.opecity-20 {
color: #0006;
font-size: 1.1vw
}
.paragraph-2.opecity-20.white {
color: #ffffff80
}
.paragraph-2 p {
font-size: 1.2vw
}
.single-full-div {
color: var(--black);
background-color: #dfd1f4;
border-radius: 1.7vw;
flex-direction: column;
justify-content: center;
margin-bottom: 1.5vw;
padding: 8.6vw 5vw;
display: flex;
position: sticky;
top: 0
}
.single-full-div._3 {
background-color: #d5fbf4
}
.single-full-div._2 {
background-color: #ffeae2
}
.tab-link-2 {
grid-column-gap: 9px;
text-align: center;
background-color: #fff0;
border-radius: 20px;
justify-content: center;
align-items: center;
width: 100%;
min-height: 100px;
padding-left: 10px;
padding-right: 10px;
font-size: 20px;
font-weight: 500;
transition: all .3s;
display: flex
}
.tab-link-2:hover,.tab-link-2.w--current {
background-color: #fff
}
.rev-text-div {
grid-column-gap: 4px;
color: var(--white);
flex-direction: column;
align-items: flex-start;
font-size: 14px;
display: flex
}
.team-icon {
width: 6.3vw
}
.team-card {
grid-row-gap: 1.5vw;
text-align: center;
background-color: #fafafa;
border-radius: 1.5vw;
flex-direction: column;
align-items: center;
padding: 1.2vw 3.5vw;
display: flex;
box-shadow: 0 4px 11px #00000008
}
.splide-2 {
width: 100%;
position: relative
}
.cta-div-2 {
grid-column-gap: 40px;
grid-row-gap: 16px;
background-color: #c9ff00;
border-radius: 30px;
grid-template-rows: auto;
grid-template-columns: 1fr auto;
grid-auto-columns: 1fr;
padding: 40px 32px;
transition: all .3s;
display: grid
}
.cta-div-2:hover {
border-radius: 14px;
transform: translateY(-24px)
}
.cta-div-2.remve-bg {
background-color: #fff0;
border: 1px solid #dadada
}
.col-grid-list {
grid-column-gap: 2vw;
grid-row-gap: 2vw;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
margin-top: 40px;
display: grid
}
.patternheading-div {
background-image: url(../68aecdf8fa16b06b90f8866f_Vector3.avif);
background-position: 50%;
background-repeat: no-repeat;
background-size: 100%;
padding-bottom: 20px;
padding-left: 10px;
padding-right: 10px;
position: relative
}
.patternheading-div.green-faq {
background-image: url(https://cdn.prod.website-files.com/679caca89515ebeac0fc1721/68aeae2a904e5f051565bb31_Vector%20\(4\).svg)
}
.patternheading-div.minus {
margin-left: -10px
}
.patternheading-div.thi {
padding-left: 0;
padding-right: 0
}
.patternheading-div.max {
background-image: url(../68aecdf8fa16b06b90f8866f_Vector3.avif);
padding-bottom: 0
}
.patternheading-div.max.thir {
background-image: url(../68aecdf8fa16b06b90f8866f_Vector3.avif)
}
.patternheading-div.third {
background-image: url(../68aef7dc969e0e3b34d2496a_Vector5.webp);
background-position: 50% 0;
background-size: auto 100%;
padding-bottom: 1vw;
padding-left: .5vw;
padding-right: .5vw
}
.patternheading-div.sec {
background-image: url(../68aecdf8fa16b06b90f8866f_Vector3.avif);
padding: 1vw 0
}
.patternheading-div.last {
padding-bottom: 0
}
.patternheading-div.bg-circle {
background-image: url(../68b055513333ed6a44a6fc4e_Vector.webp);
background-position: 50% 0
}
.pattern-head-div {
grid-column-gap: 10px;
text-align: center;
justify-content: center;
align-items: center;
margin-top: 40px;
display: flex
}
.image-left-wrapper._1,.image-left-wrapper._1-copy,.image-left-wrapper._2-copy {
grid-row-gap: 10px;
flex-direction: column;
width: 100%;
display: flex
}
.footer-first-div {
grid-row-gap: 30px;
flex-direction: column;
align-items: flex-start;
display: flex
}
.footer-title {
color: #fff;
font-size: 44px;
font-weight: 500;
line-height: 50px
}
.footer-title.green {
color: #c9ff00;
line-height: 50px
}
.plans-grid {
grid-column-gap: 30px;
grid-row-gap: 30px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
width: 95%;
margin-bottom: 30px;
margin-left: auto;
margin-right: auto
}
.plans-grid.sec {
grid-template-columns: 1fr 1fr;
margin-bottom: 0
}
.small {
font-size: 1.1vw;
line-height: 1.2;
display: inline-block
}
.testimonial-main-div {
grid-column-gap: 3vw;
grid-row-gap: 3vw;
flex-direction: column;
align-items: flex-start;
width: 36.3vw;
margin-left: auto;
margin-right: auto;
display: flex
}
.white-pattern {
display: none;
position: absolute;
inset: 0%
}
.image-2 {
z-index: 3;
object-fit: cover;
width: 100%;
height: 100%
}
.image-2.arrowe {
object-fit: contain
}
.patter-footer {
background-color: #c9ff00;
border-top-left-radius: 50%;
border-top-right-radius: 50%;
border-bottom-right-radius: 50%;
justify-content: center;
align-items: center;
width: 42px;
height: 42px;
margin-bottom: 12px;
display: flex;
overflow: hidden
}
.pattern-on-hover {
z-index: 1;
justify-content: center;
align-items: center;
width: 700px;
height: 700px;
margin-left: auto;
margin-right: auto;
display: flex;
position: absolute;
inset: auto
}
.head-pattern {
width: 6.8vw
}
.team-grid {
grid-column-gap: 1.5vw;
grid-row-gap: 1.5vw;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr
}
.solution-card {
grid-column-gap: 1.5vw;
grid-row-gap: 1.5vw;
color: #000;
text-align: center;
background-color: #e8d8ff;
border-radius: 1.5vw;
flex-direction: column;
justify-content: space-between;
align-items: center;
padding: 4vw;
font-size: 1.1vw;
font-weight: 500;
line-height: 1.2;
text-decoration: none;
display: flex;
box-shadow: 0 4px 11px #0000000a
}
.solution-card.third {
background-color: #dfffda
}
.solution-card.sec {
background-color: #ffe5d7;
justify-content: center;
align-items: center;
padding-top: 2vw;
padding-bottom: 2vw
}
.solution-card.fourth {
grid-column-gap: 1vw;
grid-row-gap: 1vw;
background-color: #ebeefd
}
.single-service-card {
grid-row-gap: 30px;
color: #fff;
background-color: #0d0d0d00;
border: 1px solid #1b1b1b;
border-radius: 1.5vw;
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
padding: 3.5vw 2vw 3vw;
transition: all .2s;
display: flex;
position: relative;
box-shadow: 0 4px 11px #00000008
}
.single-service-card:hover {
background-color: #000
}
.faq-content-div {
cursor: pointer;
border-radius: 10px;
padding: 20px
}
.footer-heading {
color: #fff;
font-size: 20px;
font-weight: 700;
line-height: 26px
}
.arrow-footer {
width: 12px
}
.inner-button {
z-index: 1;
grid-column-gap: 10px;
background-color: #fff;
border-radius: 10px;
justify-content: center;
align-items: center;
margin: 2px;
padding: 18px 30px;
display: flex;
position: relative;
inset: 0%
}
.inner-button.bigger {
padding: 20px 45px;
font-size: 18px;
line-height: 18px
}
.inner-button.white {
color: #fff;
background-color: #101010;
padding-left: 50px;
padding-right: 50px
}
.inner-button.white._100 {
color: #000;
background-color: #f7f7f8;
width: 100%;
padding-top: 20px;
padding-bottom: 20px;
font-size: 18px;
line-height: 18px
}
.inner-button.white._100.green {
color: #c9ff00;
background-color: #101010
}
.mask {
margin-left: auto;
margin-right: auto
}
.patternheading-div-2 {
background-image: url(../68aeae2b904e5f051565bb9e_Vector-min.webp);
background-position: 50%;
background-repeat: no-repeat;
background-size: 100% 100%;
padding-bottom: 0;
display: inline-block
}
.patternheading-div-2.first {
background-image: url(https://cdn.prod.website-files.com/679caca89515ebeac0fc1721/68aeae2a904e5f051565bb35_Vector%20\(5\).svg)
}
.patternheading-div-2.first.sec {
color: #9b9b9b
}
.patternheading-div-2.first.sec.third {
background-image: url(https://cdn.prod.website-files.com/679caca89515ebeac0fc1721/68aeae2a904e5f051565bb35_Vector%20\(5\).svg)
}
.patternheading-div-2.first.sec.third.hide {
display: none
}
.button-text {
color: #000;
background-color: #3898ec00;
border-bottom: 2px solid #09894c;
padding: 0 0 .5vw;
font-weight: 500;
line-height: 16px
}
.tab-content-main {
overflow: visible
}
.tick {
width: 12px
}
.div-block-195 {
grid-row-gap: 10px;
flex-direction: column;
flex: none;
align-items: flex-start;
width: 100%;
display: flex
}
.trusted-slider {
background-color: #ddd0;
width: 62.3vw;
height: auto;
margin-left: auto;
margin-right: auto
}
.news-cta {
grid-column-gap: 16px;
grid-row-gap: 16px;
-webkit-backdrop-filter: blur(.2vw);
backdrop-filter: blur(.2vw);
pointer-events: auto;
background-color: #fff3;
border: 1px #f4f4f4;
border-top-style: solid;
border-radius: 6vw;
grid-template-rows: auto;
grid-template-columns: 1fr auto;
grid-auto-columns: 1fr;
width: 50vw;
padding: .7vw 1.5vw;
display: grid;
box-shadow: 0 4px 11px #00000005
}
.cta-section-div {
grid-row-gap: 20px;
flex-direction: column;
align-items: flex-start;
height: 100%;
display: flex
}
.price-list-text {
font-size: 17px;
font-weight: 500;
line-height: 17px
}
.plus {
width: 16px
}
.para-div-grid {
flex-direction: column;
align-items: flex-start;
width: 80%;
display: flex
}
.para-div-grid.c {
justify-content: flex-start;
align-items: center;
padding-top: 0
}
.para-div-grid.top-padding {
width: 30vw;
padding-top: 1.5vw
}
.footer-link-2 {
color: #878787;
font-size: 16px;
text-decoration: none;
transition: color .3s
}
.footer-link-2:hover {
color: #fff
}
.footer-link-2.w--current {
color: #e8ff33
}
.footer-link-2.sec {
margin-top: -20px
}
.team-name-text {
color: #0006;
font-size: 1vw;
line-height: 1.2
}
.footer-grid {
grid-column-gap: 50px;
grid-template-rows: auto;
grid-template-columns: .6fr 1fr .8fr;
align-items: start;
margin-bottom: 60px
}
.icon-book {
width: 115px
}
.price-first-head {
font-size: 20px;
font-weight: 500
}
.button-wrapper-cta {
grid-column-gap: 10px;
justify-content: flex-end;
align-items: center;
display: flex
}
.tabs {
flex-direction: column;
display: flex
}
.service-card-2 {
grid-row-gap: 30px;
border: 1px solid #eaeaea;
border-radius: 20px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
padding: 1.7vw 2vw;
transition: border-radius .3s;
display: flex;
position: relative
}
.service-card-2:hover {
border-radius: 10px
}
.service-card-2.first {
background-color: #fafafa;
transition-property: all
}
.service-card-2.first:hover {
color: #fff;
background-color: #ff00a3
}
.service-card-2.black {
color: #101010;
background-color: #fafafa;
border-style: solid;
padding: 1.7vw 2vw;
transition-property: all
}
.service-card-2.black:hover {
color: var(--black);
background-color: #ebeefd
}
.service-card-2.purple {
background-color: #fafafa;
border-style: solid;
transition-property: all
}
.service-card-2.purple:hover {
background-color: var(--black);
color: var(--white)
}
.container-2 {
perspective: 2000px;
width: 100%;
max-width: 1600px;
margin-left: auto;
margin-right: auto;
padding: 90px 60px;
transition: box-shadow .3s;
position: relative;
transform: perspective(2000px)
}
.container-2.end {
justify-content: space-between;
align-items: center;
padding-top: 0;
padding-bottom: 0;
display: flex
}
.container-2.footer-container {
padding-bottom: 0
}
.footer-end-2 {
grid-column-gap: 30px;
justify-content: flex-end;
align-items: center;
display: flex
}
.logo-brands {
grid-column-gap: 40px;
align-items: center;
display: flex
}
.pro-div {
grid-column-gap: 10px;
align-items: center;
font-size: 18px;
font-weight: 700;
display: flex
}
.footer-single-linkd-iv {
grid-row-gap: 16px;
flex-direction: column;
align-items: flex-start;
display: flex
}
.bg-video-div {
border-radius: .7vw;
flex-direction: row;
justify-content: center;
align-items: stretch;
height: 23.3vw;
transition: border-radius .3s;
position: relative;
overflow: hidden
}
.bg-video-div:hover {
border-radius: 20px
}
.city-grid {
z-index: 2;
grid-template-rows: auto;
grid-template-columns: auto 1fr;
place-items: center;
width: 100%;
height: 100%;
position: relative
}
.grid-mainsd {
grid-column-gap: 1vw;
grid-row-gap: 1vw;
grid-template-columns: 1fr 1fr 1fr;
width: 86.3vw;
margin-bottom: 20px;
margin-left: auto;
margin-right: auto
}
.grid-mainsd.sec {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
margin-bottom: 0
}
.minus {
font-weight: 400
}
.para-div {
margin-top: 30px
}
.text-small-price {
font-size: 13px;
font-weight: 300;
line-height: 13px
}
.paragraph-footer {
color: #878787;
font-size: 16px;
line-height: 22px
}
.arrow-embed {
justify-content: center;
align-items: center;
width: 18px;
height: 18px;
display: flex
}
.faq-title-div {
color: #fff;
margin-bottom: 60px
}
.teste-detail-div {
grid-row-gap: 10px;
flex-direction: column;
align-items: flex-start;
display: flex
}
.button-6 {
color: #000;
border-radius: 13px;
flex-direction: column;
justify-content: center;
align-items: center;
font-size: 14px;
font-weight: 500;
line-height: 14px;
text-decoration: none;
display: flex;
position: relative;
overflow: hidden
}
.button-6.sec {
padding-left: 2px;
padding-right: 2px
}
.pattern-better {
height: 10vw
}
.price-card-button-div {
flex-direction: column;
width: 100%;
margin-top: 30px;
margin-bottom: 30px;
display: flex
}
.button-cta-div {
grid-column-gap: 20px;
justify-content: flex-end;
align-items: center;
display: flex
}
.sec-control {
position: absolute;
inset: 85% -30px 0% auto
}
.all-scroll-logo-div {
grid-column-gap: 3vw;
grid-row-gap: 3vw;
flex-direction: column;
margin-left: auto;
margin-right: auto;
display: flex
}
.tab-price {
overflow: visible
}
.splide__arrow {
background-color: #fff;
background-image: url(../68aeae2a904e5f051565baee_Vector.svg);
background-position: 50%;
background-repeat: no-repeat;
background-size: 16px;
border: 1px solid #dbdee2;
border-radius: 50%;
width: 60px;
height: 60px;
transition: all .3s
}
.splide__arrow:hover {
filter: invert();
transform: scale(1.2)
}
.splide__arrow.splide__arrow--prev {
transform: rotate(180deg)
}
.splide__arrow.splide__arrow--prev:hover {
transform: scale(1.2)rotate(180deg)
}
.single-list-div {
grid-column-gap: 6px;
color: #858585;
align-items: center;
line-height: 18px;
display: flex
}
.grifter-meet-text {
font-size: 26px;
font-weight: 700;
line-height: 34px
}
.button-arrow-div {
background-color: #f1ffbc;
border-top-left-radius: 50%;
border-top-right-radius: 50%;
border-bottom-right-radius: 50%;
justify-content: center;
align-items: center;
padding: 22px;
display: flex;
position: absolute;
inset: 20px 20px auto auto;
overflow: hidden
}
.button-arrow-div.relative {
background-color: #f1ffbc00;
border-radius: 0;
width: 2.5vw;
padding: 0;
position: static
}
.button-arrow-div.relative.ab {
color: var(--black);
position: absolute
}
.copy-text {
color: #dfdfdf;
font-size: 16px;
font-weight: 500;
line-height: 22px
}
.price-cta-section {
grid-column-gap: 30px;
grid-row-gap: 16px;
background-color: #ffe3f6;
background-image: none;
background-repeat: repeat;
background-size: auto;
border: 1px solid #dadada;
border-radius: 30px;
grid-template-rows: auto;
grid-template-columns: .9fr 1fr;
grid-auto-columns: 1fr;
width: 86.3vw;
margin-top: 60px;
margin-left: auto;
margin-right: auto;
padding: 2vw 2.5vw;
display: grid
}
.price-tab-div {
grid-column-gap: 10px;
background-color: #f9f9f9;
border-radius: 10px;
justify-content: space-between;
align-items: center;
width: 35%;
margin-top: -90px;
margin-bottom: 90px;
margin-left: auto;
padding: 10px 20px;
display: flex;
left: auto;
right: auto
}
.first-price-div {
grid-row-gap: 5px;
flex-direction: column;
align-items: flex-start;
width: 100%;
margin-bottom: 0;
display: flex
}
.testimonial-text {
font-size: 1.5vw;
line-height: 1.2
}
.heading-1 {
margin-top: 0;
margin-bottom: 0;
font-size: 56px;
font-weight: 500;
line-height: 68px
}
.heading-1.sec {
font-size: 10vw;
line-height: 1.2
}
.faq-text {
color: #fff;
font-size: 20px;
font-weight: 500;
line-height: 30px
}
.heading-4 {
margin-top: 0;
margin-bottom: 0;
font-size: 26px;
font-weight: 500;
line-height: 36px
}
.section-2 {
padding: 7vw 0
}
.section-2.overflow-hidden {
overflow: hidden
}
.section-2.overflow-hidden.tab {
padding-bottom: 27px
}
.section-2.pattern {
background-image: url(../68aecd2633cb8a073759f88a_Mask group.webp);
background-repeat: no-repeat;
background-size: cover;
justify-content: center;
align-items: center;
min-height: 100vh;
display: flex;
position: relative;
overflow: visible
}
.section-2.faq-div {
background-color: #000;
justify-content: center;
align-items: center;
min-height: 100vh;
display: flex;
position: relative
}
.section-2.footer {
z-index: 1;
background-color: #101010;
flex-direction: column;
justify-content: center;
align-items: center;
min-height: 100vh;
display: flex;
position: fixed;
inset: 0%
}
.section-2.hero {
z-index: 3;
background-color: var(--black);
justify-content: flex-start;
align-items: center;
height: 100vh;
display: flex;
position: relative
}
.section-2.top-bottom {
padding-top: 7vw;
padding-bottom: 7vw
}
.section-2.top-bottom.bg-black {
color: var(--white);
background-color: #0d0d0d
}
.section-2.top-bottom.bg-black.left-right {
padding-left: 4.5vw;
padding-right: 4.5vw
}
.section-2.bottom-none {
padding-bottom: 0
}
.section-2.bottom-none.left-right {
padding-left: 4.3vw;
padding-right: 4.3vw
}
.section-2.top-4 {
padding-top: 4vw
}
.section-2.top-4.left-right {
padding-left: 4.3vw;
padding-right: 4.3vw
}
.single-scroll-logo-div {
grid-column-gap: 10px;
flex-wrap: nowrap;
justify-content: space-between;
align-items: center;
display: flex
}
.single-scroll-logo-div.mob {
display: none
}
.footer-mid-text {
grid-column-gap: 40px;
flex-direction: row;
justify-content: space-between;
align-items: flex-start;
width: 90%;
display: flex
}
.flex-div-for-card {
grid-column-gap: .5vw;
grid-row-gap: .5vw;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
position: relative
}
.bgi-head-div {
z-index: 2;
width: auto;
margin-left: auto;
margin-right: auto;
position: relative
}
.tab-big-image {
width: 46%;
margin-top: 100px;
margin-left: 40px;
position: relative
}
.tabs-menu {
grid-column-gap: 30px;
background-color: #f9f9f9;
border-radius: 20px;
justify-content: space-between;
align-items: center;
margin-bottom: 60px;
padding: 26px 50px;
display: flex
}
.tabs-menu.mobile {
display: none
}
.faq-main-detail-div {
overflow: hidden
}
.over-cover {
display: none
}
.hero-city-head {
grid-row-gap: 2vw;
flex-direction: column;
align-items: flex-start;
display: flex
}
.get-started {
font-size: 15vw;
font-weight: 700;
line-height: 1;
position: absolute
}
.teste-para {
color: #0006;
font-size: 1vw;
line-height: 1.2
}
.heading-3 {
margin-top: 0;
margin-bottom: 0;
font-size: 1.5vw;
font-weight: 500;
line-height: 1.2
}
.heading-3.smaller {
font-size: 26px;
line-height: 37px
}
.heading-3.smaller.sec {
font-size: 22px;
line-height: 30px
}
.step-text-div {
grid-column-gap: 5px;
color: #fff;
background-color: #c46bff;
border-radius: 12px;
justify-content: center;
align-items: center;
padding: 12px 16px;
font-size: 14px;
line-height: 16px;
display: flex
}
.step-text-div.green {
color: #000;
background-color: #c9ff00
}
.step-text-div.lime {
color: #000;
background-color: #7bf2dd
}
.step-text-div.red {
color: #fff;
background-color: #fd5a1e
}
.splide__pagination {
display: none
}
.teste-text {
font-size: 1.1vw;
font-weight: 500;
line-height: 1.2
}
.priv-text {
color: #6d6d6d;
font-size: 14px;
line-height: 22px;
text-decoration: none;
transition: color .3s
}
.priv-text:hover,.priv-text.w--current {
color: #fff
}
.link-meet {
color: #101010;
text-decoration: none
}
.tab-layout-div {
grid-column-gap: 20px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 40px 1fr 40px 1fr 40px 1fr;
grid-auto-columns: 1fr;
display: grid
}
.tab-layout-div.sec {
grid-template-columns: 1fr 40px 1fr 40px 1fr
}
.footer-big-link {
grid-column-gap: 10px;
color: #c9ff00;
align-items: flex-end;
margin-top: 10px;
text-decoration: none;
display: flex
}
.tag-price {
background-color: #c9ff00;
border-radius: 8px;
justify-content: center;
align-items: center;
width: 100%;
max-width: 110px;
margin-left: auto;
margin-right: auto;
padding: 10px 16px;
font-size: 12px;
font-weight: 500;
line-height: 12px;
display: flex;
position: absolute;
inset: -14px auto auto
}
.marquee-div {
width: 100%;
position: absolute;
inset: 0% 0% 0% auto;
overflow: hidden
}
.left-image-wrapper {
width: 100%
}
.single-price-card {
border: 1px solid #dadada;
border-radius: 30px;
flex-direction: column;
align-items: center;
padding: 60px 30px 46px;
transition: all .3s;
display: flex;
position: relative
}
.single-price-card:hover {
border-radius: 14px;
transform: translateY(-24px)
}
.single-price-card.gray {
background-color: #f7f7f8
}
.single-price-card.black {
color: #fff;
background-color: #0f0f0f
}
.full-single-step-div {
grid-row-gap: 10px;
background-color: #f9f9f9;
border-radius: 24px;
flex-direction: column;
align-items: flex-start;
padding: 50px 32px;
display: flex;
position: relative
}
.full-single-step-div.smaller {
padding-top: 33px;
padding-bottom: 33px
}
.footer-end-div {
border-top: 1px solid #1e1e1e;
border-bottom: 1px solid #1e1e1e;
width: 100%;
padding-top: 20px;
padding-bottom: 20px
}
.spline-3d-moddle {
z-index: 1;
justify-content: center;
align-items: center;
width: 100%;
height: 132vh;
display: flex;
position: relative
}
.rev-team-div {
grid-column-gap: 5px;
justify-content: center;
align-items: center;
font-size: 18px;
font-weight: 500;
line-height: 18px;
display: flex
}
.arrow-button {
z-index: 1;
width: 16px;
margin-bottom: -2px;
position: relative
}
.arrow-button.invert {
filter: invert()
}
.news-cta-div {
z-index: 12;
pointer-events: none;
justify-content: center;
align-items: center;
width: 100%;
margin-left: auto;
margin-right: auto;
display: flex;
position: fixed;
inset: auto auto 12px
}
.secondary-button-2 {
grid-column-gap: .5vw;
grid-row-gap: .5vw;
background-color: var(--pink);
color: var(--white);
border-radius: 10vw;
justify-content: center;
align-items: center;
padding: 1vw 1.5vw;
font-size: 1.2vw;
font-weight: 500;
line-height: 1.2;
text-decoration: none;
transition: border-radius .2s;
display: flex
}
.secondary-button-2:hover {
border-radius: .5vw
}
.secondary-button-2.big {
border: 2px solid #c9ff00;
padding-top: 20px;
padding-bottom: 20px;
font-size: 18px;
line-height: 18px
}
.secondary-button-2.big.black.sec {
border-color: #000
}
.secondary-button-2.black {
color: #fff;
background-color: #000;
padding: 1vw 1.1vw
}
.secondary-button-2.black.white-border {
border: 1px solid #fff
}
.secondary-button-2.hero {
border-bottom: 1px solid var(--pink);
color: var(--white);
background-color: #c9ff0000;
border-radius: 0;
padding: .8vw .5vw .8vw 0
}
.secondary-button-2.hero.pink {
color: #09894c;
border-bottom-color: #09894c;
padding-right: 0
}
.secondary-button-2.load-more-button {
background-color: var(--white);
color: #09894c;
border-style: none none solid;
border-color: #000 #000 #09894c;
border-radius: 0;
padding-left: 0;
padding-right: 0;
font-size: 1.5vw
}
.red {
color: #fd5a1e
}
.prof-rev {
grid-column-gap: 1.5vw;
grid-row-gap: 1.5vw;
grid-template-rows: auto;
grid-template-columns: 80px 1fr;
grid-auto-columns: 1fr;
align-items: center;
display: flex
}
.serivce-icon {
width: 100%;
height: 100%;
margin-left: auto;
margin-right: auto
}
.social-links-wrapper {
grid-column-gap: 10px;
align-items: center;
display: flex
}
.cursor {
z-index: 100;
justify-content: center;
align-items: center;
width: 100%;
height: 100vh;
display: none;
position: fixed;
inset: 0%
}
.social-link-icon {
background-color: #1b1b1e;
border-radius: 6px;
justify-content: center;
align-items: center;
width: 36px;
height: 36px;
transition: box-shadow .3s;
display: flex
}
.social-link-icon:hover {
box-shadow: 0 0 18px #ffffff85
}
.head-h2-flex {
align-items: flex-start;
display: flex
}
.head-h2-flex.c {
justify-content: center;
align-items: flex-start
}
.logo-brand {
width: 9vw
}
.sec-price-div {
width: 100%
}
.web-curves-2 {
display: none;
position: absolute;
inset: 0%
}
.team-guy-text {
color: #ff9a76;
font-size: .9vw;
line-height: 1.2
}
.heading-2 {
margin-top: 0;
margin-bottom: 0;
font-size: 5vw;
font-weight: 500;
line-height: 1.3
}
.heading-2.grey-text {
color: #7b7b7b
}
.heading-2.side {
font-size: 4.2vw;
line-height: 1.2
}
.heading-2.head {
z-index: 1;
position: relative
}
.paragraph-smaller {
margin-bottom: 0;
font-size: 13px;
line-height: 22px
}
.paragraph-smaller.grey-text {
color: #858585;
font-size: 1vw;
line-height: 1.5
}
.paragraph-smaller.grey-text.height {
font-size: 15px;
line-height: 25px
}
.paragraph-smaller.bigger {
font-size: 13px;
line-height: 23px
}
.spline-wrapper {
justify-content: center;
align-items: center;
height: 100vh;
display: flex;
position: relative;
overflow: hidden
}
.splide__track-2 {
z-index: 1;
width: 90%;
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden
}
.tablink-price {
color: #858585;
text-align: center;
background-color: #0000;
border-radius: 10px;
width: 100%;
padding-top: 14px;
padding-bottom: 14px;
font-size: 14px;
transition: all .3s
}
.tablink-price.w--current {
color: #101010;
background-color: #ebb7f5;
font-weight: 500
}
.arrow-2 {
color: #000;
border: 1px solid #dbdee2;
border-radius: .8vw;
justify-content: center;
align-items: center;
width: 2.5vw;
height: 2.5vw;
display: flex;
inset: 0% auto 0% 0
}
.arrow-2.right {
inset: 0% 0 0% auto
}
.rev-image {
height: 1.3vw
}
.button-price {
flex-direction: column;
flex: 1;
justify-content: flex-end;
align-items: flex-start;
display: flex
}
.city-land-div {
z-index: 2;
background-color: #fff;
border-bottom-right-radius: 60px;
border-bottom-left-radius: 60px;
position: relative
}
.infinite-marque {
width: 56%;
position: absolute;
inset: 0% 0% 0% auto;
transform: translate(7vw)rotate(14deg)
}
.absolute-content-div {
perspective: 1010px;
perspective-origin: 50%;
background-color: #fff;
border: 1px solid #eaeaea;
border-radius: 12px;
padding: 16px 22px;
font-size: 12px;
line-height: 24px;
transform: rotate(-11deg);
box-shadow: 0 5px 11px #00000005
}
.team-text-div {
grid-row-gap: 10px;
flex-direction: column;
justify-content: center;
align-items: center;
display: flex
}
.quat-text {
color: #858585;
font-size: 15px;
line-height: 22px
}
.faq-main-div {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 30% 70%;
grid-auto-columns: 1fr;
display: block
}
.gradiant-btton {
background-image: linear-gradient(50deg,#1c1b1f,#1c1b1f 50%,#fff0);
min-width: 130%;
min-height: 130%;
margin-left: auto;
margin-right: auto;
position: absolute;
inset: auto
}
.gradiant-btton.big-gradianrt {
background-image: linear-gradient(124deg,#1c1b1f 2% 34%,#11111112 64%);
min-width: 430px;
min-height: 430px
}
.gradiant-btton.big-gradianrt.green {
background-image: linear-gradient(124deg,#c9ff00 2% 34%,#c9ff002e 64%)
}
.gradiant-btton.bigger {
background-image: linear-gradient(144deg,#1c1b1f,#1c1b1f 36%,#b3b3b46b 68%,#ffffff40 84%);
min-width: 240px;
min-height: 240px
}
.hover-head-first {
grid-column-gap: 20px;
align-items: flex-start;
display: flex
}
.hover-head-first.sec {
align-items: center
}
.hover-head-first._3 {
justify-content: flex-end;
align-items: flex-start
}
.list-price-div {
grid-row-gap: 16px;
flex-direction: column;
align-items: flex-start;
margin-top: 30px;
display: flex
}
.city-margue-main-dif {
grid-column-gap: 10px;
grid-row-gap: 10px;
width: 100%;
display: flex
}
.main-faq {
grid-row-gap: 40px;
flex-direction: column;
max-width: 1000px;
margin-left: auto;
margin-right: auto;
display: flex
}
.button-wrapper {
justify-content: center;
align-items: center;
margin-top: 60px;
display: flex
}
.solution-grid-2 {
grid-column-gap: 1.5vw;
grid-row-gap: 1.5vw;
perspective: 500px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid
}
.rev-icon {
width: 145px
}
.price-mid-text-div {
align-items: flex-end;
margin-top: 22px;
margin-bottom: 8px;
font-size: 38px;
font-weight: 600;
line-height: 38px;
display: flex
}
.faq-detail-inner-div {
padding-top: 30px
}
.faq-circle-div {
background-color: #fff;
border-radius: 50%;
justify-content: center;
align-items: center;
width: 50px;
height: 50px;
margin-top: 8px;
display: flex
}
.single-faq {
grid-column-gap: 10px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 50px 1fr;
grid-auto-columns: 1fr;
display: grid
}
.design-grid-2 {
grid-column-gap: 10px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid
}
.paragraph-26-copy {
color: #858585;
margin-bottom: 0;
font-size: 17px;
line-height: 31px
}
.paragraph-26-copy.small {
margin-bottom: -20px;
font-size: 15px;
line-height: 27px
}
.paragraph-26-copy.small.dark-grey {
color: #686868
}
.paragraph-26-copy.small.dark-grey p {
color: #000000b3;
font-size: 1.2vw;
line-height: 1.3
}
.image-133 {
width: 42px
}
.footr-link {
width: 170px
}
.rev-para {
grid-column-gap: 10px;
align-items: center;
margin-top: 20px;
display: flex
}
.rocket-icon {
width: 19px
}
.grey-text {
color: #7b7b7b
}
.rev-section {
grid-column-gap: 10px;
align-items: center;
display: flex
}
.code-embed-3 {
color: var(--white)
}
.flex-align-c {
flex-flow: column;
justify-content: flex-start;
align-items: center;
display: flex
}
.div-block-196 {
flex-flow: column;
justify-content: center;
align-items: center;
display: flex
}
.flex-block {
justify-content: space-between;
align-items: center;
width: 100%
}
.cta-heading {
font-size: 1.5vw;
font-weight: 500;
line-height: 1.2
}
.div-block-197 {
grid-column-gap: 1.5vw;
grid-row-gap: 1.5vw;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex
}
.design-ser-card {
grid-row-gap: 34px;
transform-origin: 50%;
color: #101010;
text-align: center;
background-color: #fafafa;
border-radius: 1.5vw;
flex-direction: column;
justify-content: flex-start;
align-items: center;
height: 100%;
padding: 3vw 3vw 2.5vw;
text-decoration: none;
transition: all .3s;
display: flex;
transform: perspective(2000px);
box-shadow: 0 4px 11px #00000005
}
.design-ser-card:hover {
transform: scale(1.05)translateY(-10px);
box-shadow: 0 4px 11px #0000003b
}
.design-ser-icon {
height: 4.5vw
}
.team-text-2 {
font-size: 18px;
font-weight: 700;
line-height: 18px
}
.team-text-2.semi-bold {
font-size: 1.1vw;
font-weight: 400;
line-height: 1.2
}
.list-city-text {
color: #101010;
text-align: center;
font-size: 1.1vw;
line-height: 1.2;
text-decoration: none;
transition: color .2s
}
.list-city-text:hover {
color: #9b9b9b
}
.fs-btn-wrapper {
margin-top: 40px
}
.pricing-wrapper {
flex-flow: column;
justify-content: flex-start;
align-items: center;
margin-top: 10vw;
display: flex
}
.pricing-div {
grid-column-gap: 1.5vw;
grid-row-gap: 1.5vw;
background-color: #fafafa;
border-radius: 1.5vw;
flex-flow: column;
justify-content: flex-start;
align-items: stretch;
width: 28vw;
padding: 3vw;
display: flex
}
.pricing-div._2 {
background-color: #fafafa00;
border: 1px solid #0000001a
}
.pricing-div._3 {
color: #fff;
background-color: #000
}
.divider-line-pricing {
border: 1px solid #0000001a
}
.pricing-points {
grid-column-gap: .8vw;
grid-row-gap: .8vw;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex
}
.point-wrapper {
grid-column-gap: .8vw;
grid-row-gap: .8vw;
justify-content: flex-start;
align-items: center;
display: flex
}
.point-wrapper._1 {
margin-top: .3vw
}
.point-dot {
background-color: #09894c;
border-radius: 100%;
width: .4vw;
height: .4vw
}
.text-block-2 {
font-family: Neuemontreal,Arial,sans-serif;
font-size: .9vw;
line-height: 1.2
}
.flex-block-2 {
grid-column-gap: 3vw;
grid-row-gap: 3vw;
margin-top: 5vw;
margin-bottom: 5vw
}
.text-block-3 {
font-size: 1.1vw;
font-weight: 500;
line-height: 1.2
}
.button-default {
text-transform: uppercase
}
.button-default.is-jellybelly {
grid-column-gap: 1vw;
grid-row-gap: 1vw;
color: var(--white);
justify-content: center;
align-items: center;
padding: 1vw 1.5vw;
font-size: 1.2vw;
line-height: 1.2;
display: flex;
position: relative
}
.button-default__text {
z-index: 1;
position: relative
}
.button-default__background {
background-color: #09894c;
border-radius: 5vw;
place-self: center;
width: 100%;
height: 100%;
padding-bottom: 0;
padding-right: 0;
position: absolute;
inset: 0%
}
.button-default__background:where(.w-variant-3040758f-e42c-4f4a-7317-35ed3a56e16a) {
background-color: #000;
border: 1px solid #fff
}
.code-embed-4 {
display: none
}
.arrow-top-right {
color: #666
}
.max-90 {
width: 90%;
margin-left: auto;
margin-right: auto
}
.bio-image {
width: 4vw;
height: 4vw
}
.heading-5 {
margin-top: 0;
margin-bottom: 0;
font-size: 1.2vw;
font-weight: 400;
line-height: 1.2
}
.full {
object-fit: contain;
width: 100%;
height: 100%
}
.s-design-toggle-img-wrap {
height: 100%;
padding-top: 1.5vw
}
.s-audit-input-wrapper {
z-index: 2;
background-color: #fff;
border-radius: 1vw;
justify-content: center;
align-items: center;
width: 100%;
padding: .6vw .75vw .6vw 1vw;
display: flex;
position: relative
}
.s-review-video-wrap {
border-radius: 1.5vw;
flex-flow: column;
justify-content: center;
align-items: center;
width: 10.75vw;
height: 10.75vw;
display: flex;
overflow: clip
}
.s-process-grid-wrap {
grid-column-gap: 1vw;
grid-row-gap: 1vw;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid
}
.s-design-title-wrap {
text-align: center;
width: 52%;
margin-left: auto;
margin-right: auto
}
.s-review-content-col {
grid-column-gap: 2vw;
grid-row-gap: 2vw;
background-color: #ffe5d7;
border-radius: 1vw;
flex-flow: column;
justify-content: space-between;
padding: 1.5vw 1.5vw 1.75vw;
display: flex
}
.s-review-content-col._2 {
background-color: #ebeefd
}
.s-review-content-col._3 {
background-color: #dfffda
}
.s-review-content-col._4 {
background-color: #e8d8ff
}
.s-hero-audit-wrap {
text-align: center
}
.s-design-live-img-wrap {
pointer-events: none;
perspective: 1000px;
flex-flow: column;
width: 100%;
height: 75%;
display: flex;
position: absolute;
bottom: 0;
left: 0;
right: 0
}
.s-usecase-card {
grid-column-gap: .75vw;
grid-row-gap: .75vw;
background-color: #131313;
border: 1px solid #fff3;
border-radius: 1.5vw;
flex-flow: column;
padding: .85vw .85vw 1vw;
display: flex
}
.scalability-lottie {
width: 100%;
height: 100%
}
.s-design-card-content-wrap {
z-index: 2;
grid-column-gap: 1vw;
grid-row-gap: 1vw;
flex-flow: column;
width: 100%;
display: flex;
position: relative
}
.s-design-cost-bottom {
border-top: 1px solid #0000001a;
justify-content: flex-end;
align-items: flex-end;
padding-top: 1vw;
display: flex
}
.s-image {
width: 100%;
height: 100%
}
.s-image.contain {
object-fit: contain
}
.s-image.cover {
object-fit: cover
}
.s-design-cost-img {
color: #131313;
width: 100%;
height: 100%
}
.s-design-cost-img._2 {
color: #1c1c1c
}
.s-design-cost-img._3 {
color: #131313
}
.s-review-info-wrap {
grid-column-gap: 1.25vw;
grid-row-gap: 1.25vw;
justify-content: flex-start;
align-items: flex-end;
display: flex
}
.p-s-60 {
letter-spacing: -1.6px;
font-size: 2.85vw;
line-height: 1.2
}
.s-services-inner {
padding-right: 3vw
}
.s-audit-input-form {
background-color: #00000040;
border-radius: 1vw;
justify-content: center;
align-items: center;
padding: 2px;
display: flex;
position: relative;
overflow: clip
}
.s-reviews-card-content-wrap {
grid-column-gap: 2vw;
grid-row-gap: 2vw;
flex-flow: column;
justify-content: space-between;
height: 100%;
display: flex
}
.s-design-cost-text {
font-size: 1vw;
line-height: 1.3
}
.s-review-icon {
aspect-ratio: 1;
width: 1.5vw;
margin-left: .5vw
}
.s-review-icon.is-ab {
position: absolute;
right: 100%
}
.s-usecase-cards-grid {
grid-column-gap: 1vw;
grid-row-gap: 1vw;
perspective: 1000px;
background-color: #0d0d0d;
border: 1px solid #fff3;
border-radius: 2vw;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
padding: 1vw .85vw;
display: grid
}
.s-hero-bg {
position: absolute;
inset: 0%;
overflow: clip
}
.s-process-number {
color: #ff00a3
}
.s-design-cost-col {
width: 100%;
position: relative
}
.s-design-cost-col.ab {
position: absolute
}
.s-design-cost-col.is-center {
z-index: 3
}
.s-process-bottom-content {
grid-column-gap: 1.25vw;
grid-row-gap: 1.25vw;
flex-flow: column;
display: flex
}
.s-design-toggle-tab-link-img {
aspect-ratio: 1;
width: 1.5vw
}
.s-review-work {
border-radius: 1.5vw;
flex-flow: column;
justify-content: center;
align-items: center;
height: 44vw;
display: flex;
overflow: clip
}
.s-services-title-wrap {
position: sticky;
top: 2vw
}
.s-design-toggle-tab-content {
flex: 1
}
.s-about-content-wrap {
width: 60%;
margin-left: auto;
padding-bottom: 2.5vw
}
.s-review-card-video {
width: 100%;
height: 100%
}
.s-about-text-wrapper {
grid-column-gap: 1vw;
grid-row-gap: 1vw;
flex-flow: column;
display: flex
}
.s-process-title-wrap {
text-align: center
}
.s-process-title-wrap._80 {
width: 100%;
margin-left: auto;
margin-right: auto
}
.s-design-cost-content-wrap {
flex-flow: column;
justify-content: space-between;
padding: 1.75vw 1vw;
display: flex;
position: absolute;
inset: 0%
}
.s-stats-card-video-wrap {
position: absolute;
inset: 0%
}
.s-stats-card-video-wrap.blend {
mix-blend-mode: luminosity
}
.s-review-cta-button-wrap {
grid-column-gap: 1vw;
grid-row-gap: 1vw;
justify-content: center;
align-items: center;
width: 30%;
display: flex
}
.s-audit-submit-btn {
aspect-ratio: 1;
background-color: #000;
background-image: url(../68b53b2fcf6948e2b5f7f354_Group 1171279820.svg);
background-position: 50%;
background-repeat: no-repeat;
background-size: .75vw;
border-radius: 10px;
width: 2.5vw;
height: 2.5vw
}
.s-design-cost-title {
color: #7f7f7e;
font-size: 1vw;
line-height: 1.3
}
.s-process-section {
position: sticky;
top: 5vw
}
.bg-video-element {
opacity: .1;
mix-blend-mode: luminosity;
height: 100%
}
.clr-white {
color: #fff
}
.s-hero-bottom-content {
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
width: 23%;
display: flex
}
.s-hero-bottom-content._1 {
width: 25%
}
.s-hero-bottom-content.l {
width: 26%
}
.s-design-toggle-tab-wrap {
height: 100%;
padding-top: 1.5vw
}
.h-100vh {
height: 100vh
}
.s-container {
width: 100%;
max-width: 100%;
height: 100%;
padding: 3vw
}
.s-container.pad-y-100 {
padding-top: 5vw;
padding-bottom: 5vw
}
.s-container.pad-y-200 {
padding-top: 10vw;
padding-bottom: 10vw
}
.s-container.top-0 {
padding-top: 0
}
.s-container.pad-x-0 {
padding-left: 0;
padding-right: 0
}
.p-s-32 {
font-size: 1.65vw;
font-weight: 400;
line-height: 1.2
}
.s-about-section {
grid-column-gap: 5vw;
grid-row-gap: 5vw;
color: #fff;
flex-flow: column;
justify-content: space-between;
height: 100%;
display: flex
}
.s-stats-video-mask {
pointer-events: none;
background-image: linear-gradient(#0000 60%,#990062);
position: absolute;
inset: 0%
}
.s-usecase-title-wrap {
text-align: center;
width: 45%;
margin-left: auto;
margin-right: auto
}
.s-usecase-title-wrap.full {
width: 70%
}
.s-review-cta-content-wrap {
grid-column-gap: 1vw;
grid-row-gap: 1vw;
color: #fff;
flex-flow: column;
width: 52%;
display: flex
}
.s-stats-video {
aspect-ratio: 1;
width: 100%;
height: 100%
}
.s-review-wrap {
grid-column-gap: .5vw;
grid-row-gap: .5vw;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex
}
.s-services-grid {
grid-column-gap: 1vw;
grid-row-gap: 1vw;
color: #fff;
grid-template-rows: auto;
grid-template-columns: 1fr 1.25fr;
grid-auto-columns: 1fr;
display: grid
}
.p-s-90 {
margin-top: 0;
margin-bottom: 0;
font-size: 4.25vw;
font-weight: 400;
line-height: 1.2
}
.p-s-24 {
letter-spacing: -.2px;
font-size: 1.25vw;
line-height: 1.5
}
.s-stats-card-top-content-wrap {
border-radius: 1vw;
min-height: 17vw;
position: relative;
overflow: clip
}
.s-stats-card-top-content-wrap.is-3 {
z-index: 3;
background-color: #a78bfa
}
.s-stats-card-top-content-wrap.is-4 {
z-index: 2
}
.s-stats-card-top-content-wrap.is-5 {
z-index: 1;
background-color: #ff00a3
}
.s-stats-card-top-content-wrap.is-2 {
z-index: 4;
background-color: #ff9a6e
}
.s-stats-card-top-content-wrap.is-1 {
z-index: 5;
background-color: #ff00a3
}
.s-reviews-card-wrap {
padding: 5vw 4vw
}
.line-seperator {
background-color: #0000001a;
width: 85%;
height: 1px;
margin-left: auto;
margin-right: auto
}
.s-hero-certification-wrap {
grid-column-gap: 3vw;
grid-row-gap: 3vw;
justify-content: center;
align-items: center;
display: flex
}
.s-services-wrap {
color: #fff;
border-bottom: 1px solid #fff3;
margin-bottom: 1.25vw;
padding-bottom: 1.25vw;
padding-left: 5vw;
text-decoration: none
}
.p-s-20 {
letter-spacing: -.6px;
font-size: 1vw;
line-height: 1.5
}
.img-wrap.is-clutch {
width: 10vw
}
.img-wrap.is-c-partner {
width: 10.75vw
}
.s-review-icon-wrap {
display: flex;
position: relative;
overflow: clip
}
.s-design-grid-card {
background-color: #0e0e0e;
border: 1px solid #fff3;
border-radius: 1.5vw;
flex-flow: column;
padding-top: 2vw;
padding-left: 2vw;
padding-right: 2vw;
display: flex;
position: relative;
overflow: clip
}
.s-design-grid-card.align-bottom {
justify-content: flex-end;
align-items: center;
padding-bottom: 1.5vw
}
.s-stats-card-top-content {
z-index: 2;
grid-column-gap: 1vw;
grid-row-gap: 1vw;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: none;
position: relative
}
.s-review-video-card {
border-radius: 1vw;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: flex-start;
width: 100%;
height: 20vw;
display: flex;
position: relative;
overflow: clip
}
.s-stats-card-top-clip {
z-index: 4;
pointer-events: none;
justify-content: center;
align-items: center;
display: flex;
position: absolute;
inset: 0%
}
.heading-h1 {
letter-spacing: -3px;
margin-top: 0;
margin-bottom: 0;
font-size: 5vw;
font-weight: 400;
line-height: 1.2
}
.s-review-col-bottom-wrap {
color: #000;
justify-content: space-between;
align-items: center;
display: flex
}
.s-hero-heading-wrap {
text-align: center;
width: 70%;
margin-left: auto;
margin-right: auto
}
.s-hero-heading-wrap.large {
width: 80%
}
.s-reviews-top-content {
grid-column-gap: .5vw;
grid-row-gap: .5vw;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex
}
.s-review-title-wrap {
text-align: center
}
.s-about-text-hover-wrap {
grid-column-gap: 1.5vw;
grid-row-gap: 1.5vw;
cursor: pointer;
justify-content: flex-start;
align-items: center;
width: 100%;
font-size: 1.25vw;
line-height: 1.5;
display: flex;
position: relative
}
.s-about-video {
width: 100%;
height: 100%
}
.s-about-inner-wrap {
flex-flow: column;
flex: 1;
justify-content: center;
align-items: stretch;
display: flex
}
.s-about-inner-flex {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
display: flex;
position: relative
}
.s-design-scalability-lottie-wrap {
background-image: url(../68b53b2fcf6948e2b5f7f361_Group 1171279896.webp);
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
width: 100%;
height: 100%;
padding-bottom: 2vw
}
.video-embed {
width: 102%;
position: absolute
}
.s-stats-grid {
grid-column-gap: 1.5vw;
grid-row-gap: 1.5vw;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid
}
.space-100 {
margin-bottom: 5vw
}
.s-design-section {
color: #fff
}
.s-audit-input {
letter-spacing: -.7px;
background-color: #0000;
border: 0 #000;
height: auto;
margin-bottom: 0;
padding: 0;
font-size: 1.25vw;
line-height: 1.5
}
.s-audit-input:focus {
border-style: none;
border-width: 0
}
.s-audit-input::placeholder {
color: #6666664d
}
.s-review-grid {
grid-column-gap: 1vw;
grid-row-gap: 1.5vw;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid
}
.space-30 {
margin-bottom: 1.25vw
}
.s-process-card {
grid-column-gap: 7.5vw;
grid-row-gap: 7.5vw;
color: #fff;
background-color: #1b1b1b;
border-radius: 1.5vw;
flex-flow: column;
width: 100%;
height: 100%;
padding: 1.5vw 2vw 2.5vw;
display: flex;
position: relative
}
.s-process-card._4 {
z-index: 3;
background-color: #131313
}
.s-process-card._3 {
z-index: 2
}
.s-process-card._2 {
z-index: 1;
background-color: #131313
}
.opacity-50 {
opacity: .5
}
.s-usecase-cards-wrap {
perspective: 1000px
}
.s-design-toggle-img {
flex: 1;
height: 100%;
margin-left: auto;
margin-right: auto
}
.s-design-live-gradient {
border-radius: inherit;
background-image: linear-gradient(#0e0e0e 35%,#0000);
position: absolute;
inset: 0%
}
.s-review-video {
width: 100%;
height: 100%
}
.s-review-video.is-large {
aspect-ratio: 1;
width: 105%;
height: 105%
}
.s-reviews-card {
grid-column-gap: 1.5vw;
grid-row-gap: 1.5vw;
grid-template-rows: auto;
grid-template-columns: 1fr 1.7fr;
grid-auto-columns: 1fr;
align-items: center;
display: grid
}
._w-80 {
width: 80%
}
.s-design-cost-grid {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: flex-start;
width: 32%;
margin-top: 2vw;
margin-left: auto;
margin-right: auto;
padding-bottom: 2vw;
display: flex;
position: relative
}
.s-review-section {
padding-left: 4vw;
padding-right: 4vw
}
.s-about-title {
width: 56%
}
.s-about-title._1 {
width: 67%
}
.s-about-title._2 {
width: 80%
}
.s-about-video-wrap {
border-radius: 1.5vw;
flex-flow: column;
justify-content: center;
align-items: center;
height: 100%;
display: flex;
position: absolute;
top: 0;
left: 0;
overflow: clip
}
.s-reviews-bottom-content {
grid-column-gap: 1vw;
grid-row-gap: 1vw;
border: 1px solid #0000001a;
border-radius: 1.5vw;
flex-flow: column;
flex: 1;
justify-content: space-between;
align-items: flex-start;
min-height: 29.5vw;
padding: 1.75vw 2vw;
display: flex
}
.s-design-toggle-tab-link {
border-radius: inherit;
background-color: #0000;
border: 1px solid #0000;
padding: .75vw 1.25vw;
transition-property: border-color;
transition-duration: .5s;
transition-timing-function: ease
}
.s-design-toggle-tab-link.w--current {
background-color: #0000;
border-color: #ffffff40
}
.s-review-info {
grid-column-gap: .25vw;
grid-row-gap: .25vw;
flex-flow: column;
display: flex
}
.s-hero-wrap {
flex-flow: column;
height: 100%;
display: flex
}
.s-review-cta {
background-image: url(../68b5a7df1d0b1afb50a66916_Group 1171279890.webp);
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
border-radius: 1.5vw;
justify-content: space-between;
padding: 4vw 3.75vw;
display: flex;
overflow: clip
}
.s-card {
color: #000;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr
}
.s-review-plain-content-col {
grid-column-gap: 2.25vw;
grid-row-gap: 2.25vw;
flex-flow: column;
justify-content: center;
align-items: stretch;
display: flex
}
.s-design-toggle-menu {
background-color: #131313;
border-radius: 75px;
justify-content: center;
align-items: center;
display: flex
}
.s-review-rating {
width: 6vw
}
.s-usecase-section {
padding-left: 4vw;
padding-right: 4vw
}
.s-design-grid {
grid-column-gap: 1.5vw;
grid-row-gap: 1.5vw;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1.5fr 1.5fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid
}
.s-audit-gradient-border {
width: 100%;
height: 120%;
position: absolute
}
.s-design-card-text-wrap {
width: 90%
}
.s-hero-top-content {
grid-column-gap: 2.5vw;
grid-row-gap: 2.5vw;
flex-flow: column;
flex: 1;
justify-content: center;
align-items: center;
display: flex
}
.s-audit-form {
width: 24.75vw;
margin-bottom: 0
}
.s-usecase-img {
border-radius: 1.5vw;
flex: 1;
overflow: clip
}
.s-design-toggle-tab {
flex-flow: column;
justify-content: flex-start;
align-items: center;
height: 100%;
display: flex
}
.page-css {
display: none
}
.bg-white {
background-color: #fff
}
.s-about-hover-text-line {
background-color: #ff00a3;
border-radius: 3px;
width: 1.5vw;
height: 1px
}
.s-about-text-hover {
pointer-events: none;
width: 40%;
position: absolute;
top: 0;
right: 0
}
.relative {
z-index: 1;
position: relative
}
.s-review-mockup {
aspect-ratio: 1;
width: 105%;
height: 105%
}
.s-services-wrapper {
width: 85%;
margin-left: auto
}
.s-usecase-bg-wrap {
pointer-events: none;
width: 75%;
position: absolute;
top: 55%;
left: 0;
transform: translateY(-50%)
}
.s-stand-icons-wrap {
grid-column-gap: 1vw;
grid-row-gap: 1vw;
transform-origin: 50% 0;
flex-flow: column;
justify-content: flex-start;
align-items: center;
padding-top: 3vw;
display: flex;
position: absolute;
top: 2vw;
transform: translate(2vw)perspective(1000px)rotate(25deg)skewY(-15deg)
}
.s-title-wrap {
text-align: center
}
.s-pricing-grid {
grid-column-gap: 1.5vw;
grid-row-gap: 1.5vw;
justify-content: center;
align-items: stretch
}
.clr-gray {
color: #666
}
.s-services-bg {
width: 70%;
position: sticky;
top: 0
}
.s-process-section-wrap {
height: 300vh
}
.s-stand-icon-inner {
display: flex
}
.s-stand-marquee-wrap {
grid-column-gap: 1.24vw;
grid-row-gap: 1.24vw;
flex: none;
padding-left: 1.24vw;
display: flex
}
.s-stand-icon {
aspect-ratio: 1;
color: #727272;
background-color: #131313;
border: 1px solid #fff3;
border-radius: 5px;
justify-content: center;
align-items: center;
width: 4.5vw;
transition: background-color 1s cubic-bezier(.19,1,.22,1),color 1s cubic-bezier(.19,1,.22,1);
display: flex
}
.s-stand-icon:hover {
color: #000;
background-color: #fff
}
.s-stand-icon.is-border:hover {
border-color: #000
}
.s-stand-svg {
width: 100%;
height: 100%
}
.s-design-live-grid {
grid-column-gap: 4px;
grid-row-gap: 4px;
transform-origin: 50%;
transform-style: preserve-3d;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
transform: rotateX(45deg)rotateY(20deg)rotate(-25deg)translate3d(0,8em,8em)
}
.s-clients-marquee-wrap {
min-height: 8vw;
display: flex
}
.s-clients-collection {
flex: none;
min-width: 100%;
transition: z-index .5s;
position: relative
}
.s-clients-collection:hover {
z-index: 1
}
.s-clients-collection.is-2 {
margin-left: -.5vw
}
.s-clients-list {
height: 100%;
padding-left: .5vw;
display: flex
}
.s-clients-item {
justify-content: center;
align-items: stretch;
height: 100%;
margin-left: -.5vw;
display: flex
}
.s-clients-wrap {
grid-column-gap: 5vw;
grid-row-gap: 5vw;
justify-content: center;
align-items: center;
transition: z-index .5s;
display: flex;
position: relative
}
.s-clients-wrap:hover {
z-index: 1
}
.s-clients-ellipse {
aspect-ratio: 1;
background-color: #e6e6e6;
border-radius: 50%;
flex: none;
width: .5vw
}
.s-clients-title {
color: #0000001a;
font-size: 1.5vw;
line-height: 1
}
.s-clients-icon {
aspect-ratio: 1;
pointer-events: none;
flex: none;
width: 6vw;
position: absolute
}
.s-design-cost-cards-bg {
z-index: 0;
width: 100%;
position: absolute;
top: 5%;
bottom: 20%;
box-shadow: -4px 1px 40px -3px #09894c
}
.s-design-cost-done-wrap {
grid-column-gap: 1vw;
grid-row-gap: 1vw;
flex-flow: column;
justify-content: center;
align-items: center;
display: flex;
position: absolute;
inset: 0%
}
.s-design-cost-done-icon {
aspect-ratio: 1;
justify-content: center;
align-items: center;
width: 2.25vw;
display: flex;
position: relative
}
.s-design-cost-done-tick {
width: 100%;
position: absolute;
left: 0;
overflow: clip
}
.s-design-cost-done-text {
text-align: center
}
.s-service-content-wrap {
grid-column-gap: 1.5vw;
grid-row-gap: 1.5vw;
flex-flow: column;
display: flex
}
.s-services-bg-wrap {
width: 100%;
height: 100%;
position: absolute;
top: 0
}
.s-hero-heading-span {
display: block
}
.s-stand-brand-wrap {
flex-flow: column;
justify-content: center;
align-items: center;
display: flex;
position: relative
}
.s-stand-brand-text {
white-space: nowrap;
position: absolute;
top: -60%
}
.hero-heading-wrap {
justify-content: center;
align-items: center;
display: flex
}
.d-block {
display: block
}
.fs-toc_richtext-updated {
width: 74%;
margin-left: auto;
margin-right: auto
}
.fs-toc_richtext-updated h2 {
max-width: 70%;
margin: .75vw auto 1.5vw;
font-size: 2vw;
font-weight: 400;
line-height: 1.3
}
.fs-toc_richtext-updated h3 {
max-width: 70%;
margin-bottom: 1.5vw;
margin-left: auto;
margin-right: auto;
font-size: 1.5vw;
font-weight: 400;
line-height: 1.3
}
.fs-toc_richtext-updated h4 {
max-width: 70%;
margin: 0 auto 1.25vw;
font-size: 2.25vw;
font-weight: 400;
line-height: 1.2
}
.fs-toc_richtext-updated h5 {
color: #fff;
max-width: 70%;
margin: 0 auto 1.5vw;
font-size: 1.75vw;
font-weight: 400;
line-height: 1.3
}
.fs-toc_richtext-updated p {
max-width: 70%;
margin-bottom: 1.25vw;
margin-left: auto;
margin-right: auto;
font-size: 1vw;
line-height: 1.75
}
.fs-toc_richtext-updated ul {
max-width: 70%;
margin-bottom: 0;
margin-left: auto;
margin-right: auto;
padding-left: 0
}
.fs-toc_richtext-updated li {
margin-bottom: 1.25vw;
font-size: 1.25vw;
line-height: 1.7
}
.fs-toc_richtext-updated em {
font-weight: 500
}
.fs-toc_richtext-updated figure {
margin-top: 2vw;
margin-bottom: 4vw
}
.fs-toc_richtext-updated a {
color: #000;
text-underline-offset: 4px;
-webkit-text-decoration: underline #ff00a3;
text-decoration: underline #ff00a3
}
.fs-toc_richtext-updated ol {
max-width: 70%
}
.max-50 {
grid-column-gap: 2.5vw;
grid-row-gap: 2.5vw;
text-align: center;
flex-flow: column;
justify-content: flex-start;
align-items: center;
max-width: 49%;
margin-left: auto;
margin-right: auto;
display: flex
}
.blog-cate-wrapper {
border-bottom: 2px solid #09894c;
padding-bottom: .3vw;
font-size: 1vw;
line-height: 1.2
}
.toc-content-wrapper {
width: 51%;
margin-left: auto;
margin-right: auto
}
.para-18 {
color: #000c;
font-size: 1vw;
line-height: 1.8
}
.fs-toc_link-content-updated {
background-color: #fff;
border: 1px solid #ededed;
border-radius: 1.5vw;
width: 100%;
padding: 4vw 4vw 1.7vw;
box-shadow: 0 3.5vw 5vw #0000001a
}
.blog-toc-wrapper-copy {
grid-column-gap: 1vw;
grid-row-gap: 1vw;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
margin-top: 5vw;
margin-bottom: 5vw;
display: flex;
position: sticky;
top: 2vw
}
.toc-title {
background-color: #f6f5f3;
border-radius: 1vw;
padding: 1.2vw 3.8vw;
position: absolute;
inset: -2vw auto auto 6%;
box-shadow: 0 2px 5px #0003
}
.tag-wrapper {
border: 1px solid #ededed;
border-radius: 1.5vw;
width: 50%;
margin-left: auto;
margin-right: auto;
padding: 3vw 4vw 1.75vw;
font-size: .9vw;
line-height: 1.4;
display: flex;
position: relative;
box-shadow: 0 3.5vw 63vw #0000001a
}
.tag-ab-wrapper {
background-color: #f6f5f3;
border-radius: .9vw;
flex: none;
padding: 1.3vw 2vw .1vw;
font-family: Arial,Helvetica Neue,Helvetica,sans-serif;
font-size: 1vw;
line-height: 1;
position: absolute;
inset: -28% auto auto 4vw
}
.toc-arrow {
justify-content: center;
align-items: center;
width: .7vw;
height: .7vw;
display: flex
}
.hero-section {
/* background-color: var(--white);
background-image: url(https://cdn.prod.website-files.com/679caca89515ebeac0fc1721/68e3be51a26f638d51d9de61_Mask%20group%20\(4\).avif);*/
background-position: 50%;
background-repeat: no-repeat;
background-size: 100% 100%;
width: 100%;
height: 100vh
}
.hero_wrap-inner {
grid-column-gap: 5vw;
grid-row-gap: 3vw;
flex-flow: column;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
padding-bottom: 1vw;
display: none;
}
.hero_content-wrapper {
grid-column-gap: 3vw;
grid-row-gap: 3vw;
text-align: center;
flex-flow: column;
justify-content: flex-start;
align-items: center;
width: 52vw;
margin-left: auto;
margin-right: auto;
display: flex
}
.heading-6 {
margin-top: 0;
margin-bottom: 0;
font-size: 4.5vw;
font-weight: 400;
line-height: 1.1
}
.hero_highlight {
background-image: linear-gradient(90deg,#09894c2b,#fff0);
position: absolute;
inset: 0%
}
.para-32 {
color: #000000c2;
font-size: 1.4vw;
line-height: 1.2
}
.flex-block-3 {
grid-column-gap: 1.6vw;
grid-row-gap: 1.6vw;
text-align: center;
justify-content: flex-start;
align-items: center;
margin-bottom: .6vw
}
.logo-heading-wrapper {
justify-content: center;
align-items: center;
width: 90%;
margin-left: auto;
margin-right: auto;
display: flex;
position: relative
}
.line-ap {
border: 1px solid #dedede;
width: 100%;
position: absolute
}
.text-block-4 {
z-index: 1;
background-color: var(--white);
color: #00000073;
padding-left: 1.5vw;
padding-right: 1.5vw;
font-size: 1.1vw;
line-height: 1.2;
position: relative
}
.logo-wrapper {
grid-column-gap: 1vw;
grid-row-gap: 1vw;
flex-flow: column;
width: 33vw;
display: flex
}
.hero-logo {
height: 3vw
}
.div-block-202 {
grid-column-gap: 10px;
grid-row-gap: 10px;
margin-bottom: 20px;
display: flex
}
.showreel-video {
z-index: 10;
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-size: 1.5vw;
font-weight: 400;
line-height: .9;
position: relative
}
.image-135 {
width: auto;
max-width: none;
height: 40px
}
.hero_gradient {
position: relative
}
.animated-heading {
opacity: 1;
transition: opacity 1s ease-out,transform undefined undefined;
color: #1a1a1a;
margin-bottom: 20px;
font-size: 48px;
font-weight: 700;
transform: translateY(0)
}
.animated-text {
opacity: 1;
transition: opacity .8s ease-out,transform undefined undefined;
color: #666;
max-width: 600px;
margin-bottom: 30px;
font-size: 20px;
line-height: 1.6;
transform: translateY(0)
}
.animated-button {
transition: transform .3s ease-out,background-color undefined undefined,box-shadow undefined undefined;
color: #fff;
cursor: pointer;
background-color: #007bff;
border-radius: 8px;
padding: 16px 32px;
font-size: 18px;
font-weight: 600;
transform: scale(1)
}
.cards-section {
background-color: #fff;
flex-direction: column;
align-items: center;
padding-top: 80px;
padding-bottom: 80px;
display: flex
}
.cards-container {
grid-template-columns: repeat(3,1fr);
gap: 30px;
width: 100%;
max-width: 1200px;
display: grid
}
.animated-card {
opacity: 1;
transition: transform .6s ease-out,opacity undefined undefined,box-shadow undefined undefined;
background-color: #f8f9fa;
border-radius: 12px;
padding: 30px;
transform: translateY(0);
box-shadow: 0 4px 6px #0000001a
}
.fade-in-on-scroll {
opacity: 0;
transition: opacity .8s ease-out,transform undefined undefined;
transform: translateY(30px)
}
.slide-up-on-scroll {
opacity: 0;
transition: opacity 1s ease-out,transform undefined undefined;
transform: translateY(50px)
}
.scale-in-on-scroll {
opacity: 0;
transition: opacity .6s ease-out,transform undefined undefined;
transform: scale(.9)
}
.div-block-203 {
height: 100vh;
position: relative
}
.div-block-204 {
background-color: #934141;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
position: relative
}
.div-block-205 {
background-color: #fff;
width: 40vw;
height: 40vw;
position: relative
}
.div-block-206 {
background-image: linear-gradient(#fff,#934141);
position: absolute;
inset: 0%
}
.all-list-collection {
width: 1px;
position: absolute;
left: -2560px;
overflow: hidden
}
@media screen and (min-width: 1920px) {
.section._100vh {
height:100vh
}
.section.overflow-hidden.bg-white,.section.white {
background-color: #fff
}
.scroll-container {
justify-content: center;
align-items: flex-end
}
.code-embed {
transition: all .6s
}
.threat-wrap {
transition: all .5s
}
.nav-samsung {
width: 50%
}
.nav-samsung._2 {
width: 20%
}
.nav-btm {
transition: all .5s
}
.content-sticky {
justify-content: space-between;
align-items: flex-start;
padding: 2vw;
display: flex
}
.ab-nurum-footer {
width: 90%;
margin-left: auto;
margin-right: auto
}
.ab-nurum-footer._2 {
inset: 4% 0% auto
}
.other-screen-wrap {
border-radius: 3vw
}
.other-screen-wrap._5 {
justify-content: center;
align-items: flex-end;
position: relative
}
.black-wrap,.dynamic-iland {
transition: all .5s
}
.inner-sticky-servce {
height: 100vh;
position: sticky;
top: 0
}
.hero-service-wrap {
width: 100%;
height: 0%
}
.sticky-card-wrp {
overflow: clip
}
.svg._5 {
flex-flow: column;
justify-content: center;
align-items: center;
width: 35%;
display: flex;
bottom: 13%
}
.arch-wrp {
width: 85%
}
.btm-wrp {
display: flex
}
.speed-rp {
position: relative
}
.ab-speed {
position: absolute;
inset: 0%
}
.nav-link {
z-index: 1
}
.wrapper-nav-open {
justify-content: flex-start;
align-items: center;
display: flex
}
.ab-close {
justify-content: center;
align-items: center;
display: flex;
position: absolute;
inset: 0%
}
.div-move {
z-index: 0
}
.grid-heading-div {
grid-template-columns: 1fr .9fr
}
.service-text {
font-size: 48px;
line-height: 49px
}
.single-full-div {
padding: 90px 90px 90px 120px
}
.footer-first-div {
grid-row-gap: 30px
}
.footer-title {
font-size: 50px;
line-height: 56px
}
.plans-grid {
width: 88%
}
.patter-footer {
margin-bottom: 9px
}
.team-grid {
grid-column-gap: 60px;
grid-row-gap: 30px
}
.solution-card {
padding-top: 80px;
padding-bottom: 80px
}
.news-cta {
padding: 20px 26px
}
.footer-grid {
margin-bottom: 80px
}
.container-2 {
padding-top: 110px;
padding-bottom: 110px
}
.footer-single-linkd-iv {
grid-row-gap: 20px
}
.city-grid {
z-index: 2;
position: relative
}
.paragraph-footer {
font-size: 18px
}
.button-6 {
font-size: 16px;
line-height: 16px
}
.heading-1 {
font-size: 90px;
line-height: 110px
}
.heading-1.sec {
z-index: 1;
position: relative
}
.faq-text {
font-size: 24px;
line-height: 34px
}
.heading-4 {
font-size: 34px;
line-height: 42px
}
.hero-city-head {
grid-row-gap: 2vw
}
.get-started {
font-size: 250px
}
.heading-3 {
font-size: 40px;
line-height: 48px
}
.heading-3.smaller {
font-size: 30px;
line-height: 41px
}
.footer-end-div {
padding-top: 30px;
padding-bottom: 30px
}
.news-cta-div {
bottom: 30px
}
.secondary-button-2 {
padding: 24px 45px;
font-size: 18px;
line-height: 18px
}
.heading-2.side {
font-size: 56px;
line-height: 66px
}
.rev-icon {
width: 190px
}
.price-mid-text-div {
font-size: 48px;
line-height: 48px
}
.paragraph-26-copy,.paragraph-26-copy.small {
font-size: 20px;
line-height: 34px
}
}
@media screen and (max-width: 991px) {
.h2 {
font-size:40px
}
.h2.big {
font-size: 100px
}
.h2.big.text-lite.text-black.mb-white {
color: #fff
}
.h2.bit-big {
font-size: 3.5rem
}
.h2.is-small {
font-size: 40px
}
.h2.is-bit-small {
font-size: 2rem
}
.h2.bigger {
font-size: 8rem
}
.h2.biggest.max-75 {
font-size: 3.4rem
}
.h3 {
font-size: 3rem
}
.h3.is-small {
font-size: 2.05rem
}
.h3.is-big-small {
font-size: 2.3rem
}
.h3.is-smaller {
font-size: 1.125rem
}
.h3.is-smaller.is-bento {
font-size: 1.75rem;
line-height: 1.2
}
.container {
max-width: none;
padding: 5rem 40px
}
.container.nav {
padding-top: 1.5rem;
padding-bottom: 1.5rem
}
.container.is-big {
padding-bottom: 7.5rem
}
.container.footer {
padding-top: 2rem;
padding-bottom: 2rem
}
.container.up-padding {
max-width: none;
padding-top: 8rem;
padding-bottom: 8rem
}
.container.more-padding {
max-width: none;
padding-top: 6rem;
padding-bottom: 6rem
}
.container.btm-padding {
max-width: none;
padding-bottom: 3.6rem
}
.container.top-bot-5vw {
padding-top: 5rem;
padding-bottom: 5rem
}
.h1 {
font-size: 3.4rem
}
.h1.bigger {
font-size: 7rem
}
.h1.bigger.align-center.an {
font-size: 12vw
}
.h1.text-black {
font-size: 3.8rem
}
.h1.line-height.u {
font-size: 1.8rem
}
.paragraph {
font-size: 18px
}
.paragraph.is-small {
font-size: 1rem
}
.paragraph.is-small.features {
color: #ffffff9c;
line-height: 155%
}
.paragraph.is-smaller {
font-size: 1rem
}
.paragraph.is-bit-small {
font-size: 1.25rem
}
.paragraph.is-big {
font-size: 2.05rem
}
.paragraph.is-2vw {
font-size: 1rem
}
.paragraph.is-bit-big {
font-size: 1.5rem
}
.button {
padding: .5rem .9rem
}
.us-service-image {
width: 40%;
margin-left: auto
}
.cs-points-grid {
grid-column-gap: 16px;
grid-row-gap: 16px;
margin-bottom: 42px
}
.wireframe,.sitemap,.content {
border-radius: 2em
}
.inner-wrapper-content {
margin-top: 55px
}
.page-wrapper.pad-top {
padding-top: 4rem
}
.brand {
width: 80px
}
.menu-wrap {
grid-column-gap: .75rem;
grid-row-gap: .75rem
}
.button-menu {
padding: .4rem .75rem;
font-size: .65rem
}
.wrapper-text {
height: .5rem;
font-size: .5rem;
line-height: .5rem
}
.paragraph-wrapper.up-margin {
margin-top: 4.25rem
}
.paragraph-wrapper.up-margin-2 {
width: 55%;
margin-top: 2.5rem
}
.play {
width: 6rem;
height: 3rem
}
.showreel-inner-wrap {
border-radius: 1.5em;
width: 85%;
height: 70vh
}
.max-18 {
max-width: none
}
.portfolio-wrapper {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
margin-top: 6rem;
padding-left: 0
}
.wrap-porfolio-heading {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
justify-content: space-between;
align-items: center;
padding-left: 0
}
.arrow-wrap {
width: 10%;
display: none
}
.text-1.btm-padding {
padding-bottom: .35rem;
font-size: 1rem
}
.text-1.btm-padding.clr-gray {
color: #ffffff73
}
.text-1.smaller {
font-size: .8rem;
line-height: 1
}
.text-1.is-big {
font-size: 1.5rem
}
.text-1.is-big.light-black.white {
color: #fff
}
.text-1.is-bigger {
font-size: 1.125rem
}
.text-1.is-bigger.is-slider {
font-size: 1.5rem
}
.text-1.is-smaller {
font-size: 1rem
}
.text-1.is-smaller.not-shrink {
font-size: 18px
}
.text-1.is-bit-big,.text-1.is-bit-big.dark-grey {
font-size: .8rem
}
.text-1.is-bit-big.spacing {
font-size: 1.25rem
}
.text-1.is-bit-big.is-bento {
font-size: 1rem
}
.flex-wrapper {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start
}
.wrap-hover {
max-width: 100%;
position: relative;
top: 0%
}
.ab-porfolio-wrap {
display: none;
position: static
}
.sticky-portfolio {
border-radius: 2rem;
height: 100%;
position: static;
overflow: hidden
}
.heading-wrap-flex {
position: relative
}
.categories-wrap {
grid-column-gap: .5rem;
grid-row-gap: .5rem
}
.inner-category-wrap {
padding: .4rem .75rem
}
.text-2 {
font-size: 3rem;
line-height: 3.3rem
}
.text-2.is-counter {
font-size: 4rem;
line-height: 4rem
}
.btn-porfolio-wrap {
height: 3.3rem
}
.port-btn-main-wrap {
margin-left: .8rem
}
.heading-wrap.max-64 {
max-width: 90%
}
.circle-counter-wrap {
grid-column-gap: .75rem;
grid-row-gap: .75rem
}
.wrapper-counter {
width: 22%
}
.content-testimonail-wrap {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
max-width: 65%
}
.text-3 {
font-size: 2.5rem
}
.text-wrapper.flex {
grid-column-gap: 16px;
grid-row-gap: 16px;
border-radius: 2em;
padding: 14px 18px
}
.text-wrapper.up-margin-1 {
margin-top: 8px
}
.tricks-slider {
margin-top: 42px
}
.arrow.rotate {
width: 16px
}
.tricks-slider_slide {
width: 48%
}
.text-1-2 {
font-size: 20px;
line-height: 1.2
}
.text-1-2.small {
font-size: 14px
}
.text-service {
font-size: 20px
}
.grid-serices {
grid-column-gap: 1.75rem;
grid-row-gap: 1.75rem;
grid-template-columns: 1fr;
padding: 2.5rem 40px
}
.inner-service-wrap {
grid-column-gap: .5rem;
grid-row-gap: .5rem
}
.inner-service-wrap._2 {
max-width: 100%;
padding-left: 44px
}
.ab-hover.hide {
display: none
}
.checkbox-label {
text-align: center;
font-size: 16px;
line-height: 16px
}
.flex-check-box {
grid-column-gap: 8px;
grid-row-gap: 8px;
justify-content: space-between;
margin-top: 20px
}
.paragraph-wrap.up-margin {
margin-top: 28px
}
.paragraph-wrap.up-margin.max-45 {
max-width: none
}
.form-check-box-wrapper {
width: 32%;
margin-right: 0;
padding: 16px 18px
}
.form-wrapper {
margin-top: 32px
}
.main-btn-wrap.is-form {
margin-top: 20px
}
.wrap-submit-btn {
margin-top: 32px
}
.form-left-wrap {
width: 100%
}
.form {
flex-flow: column
}
.form.up-margin {
margin-top: 42px
}
.form-right-wrap {
width: 100%;
margin-top: 24px
}
.placeholder {
margin-bottom: 24px;
padding-top: 12px;
padding-bottom: 12px;
font-size: 18px
}
.placeholder.txt-area {
min-height: 6rem
}
.inner-form-wrap._2 {
margin-top: 20px
}
.button-sibmit {
background-image: linear-gradient(98deg,var(--submit-dark-pink),var(--submit-pink));
padding: .5rem 2rem;
font-size: 1rem
}
.img-footer-wrap {
height: auto
}
.img-footer-wrap.mb-hide.bg-white {
background-color: #fff
}
.footer-main-wrap {
margin-top: -65vh
}
.back-to-top-wrap {
grid-column-gap: 1rem;
grid-row-gap: 1rem
}
.wrap-footer-content {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
max-width: 74%
}
.footer-link-wrap {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
margin-top: 1rem
}
.footer-link {
font-size: .9rem;
line-height: .9rem
}
.footer-link.is-address {
font-size: 1.125rem
}
.footer-link-overflow {
height: .9rem
}
.top-wrapper {
width: 5%
}
.social-wrap {
grid-column-gap: .5rem;
grid-row-gap: .5rem
}
.link-block {
width: 5%
}
.tags-inner-wrap {
border-radius: 1.25em;
padding: 6px 10px
}
.tags-wrapper.up-margin {
margin-top: 14px
}
.h1-2.bit-biger {
font-size: 70px
}
.content-sticky {
width: 33%;
height: 80%
}
.other-screen-wrap._5,.other-screen-wrap._6 {
width: 40%;
height: 70%
}
.sticky-main-wrap {
margin-top: .4rem;
padding-left: 20px;
padding-right: 20px
}
.text-2-2 {
font-size: 18px
}
.text-2-2.small {
font-size: 14px
}
.text-3-2 {
font-size: 10px
}
.max-30.c-1 {
text-align: center;
max-width: 40%;
margin-left: auto;
margin-right: auto
}
.ab-text-lottie {
grid-column-gap: .2rem;
grid-row-gap: .2rem;
top: -15%
}
.text-counter {
font-size: 1rem
}
.text-counter.is-small {
font-size: .5rem
}
.hero-heading-wrp {
max-width: 100%
}
.blog-wrap {
margin-top: 20px
}
.tab-menu-blog {
grid-column-gap: 8px;
grid-row-gap: 8px;
overflow: auto
}
.portfolio--list-wrap {
margin-top: 32px
}
.tab-link {
flex: none;
padding: 6px 14px;
font-size: 14px
}
.ab-text-wrap-port {
bottom: 20px;
left: 20px;
right: 20px
}
.text-2-3 {
font-size: 24px
}
.text-2-3.small {
font-size: 16px;
line-height: 1.3
}
.marquee-wrapper {
bottom: -4rem
}
.ab-wrapper-1.ui-ux {
width: 30%
}
.bento-grid {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
grid-template-columns: .5fr 1fr;
margin-top: 2rem
}
.bento-grid._3 {
margin-top: .5rem
}
.bento-wrap {
padding: 2rem
}
.bento-wrap._4 {
padding-top: 1rem
}
.text-4 {
font-size: 1.25rem
}
.text-wrapper-2 {
margin-top: 3rem
}
.text-wrapper-2._2 {
margin-top: 5rem
}
.line-2 {
height: .25rem
}
.cards-grid {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
grid-template-columns: 1fr 1fr;
margin-top: 2rem
}
.cards-service-wrap {
padding: 1rem .85rem
}
.card-content-wrp {
grid-column-gap: 1.25rem;
grid-row-gap: 1.25rem;
margin-top: 5rem
}
.grid-journey {
grid-template-columns: 1fr;
margin-top: 2.05rem
}
.wrapper-journey {
grid-column-gap: .65rem;
grid-row-gap: .65rem
}
.journey-heading-wrp,.paragraph-wrp {
margin-top: 1.5rem
}
.heading-testimnail-wrp,.heading-wrp {
max-width: none
}
.faq-q-text {
font-size: 1.25rem
}
.c-faq {
max-width: none
}
.c-faq-icon {
padding-top: 1rem;
padding-bottom: 1rem;
padding-right: 20px
}
.c-faq-q-text {
padding-top: 1rem;
padding-bottom: 1rem;
padding-left: 20px
}
.faq-a-text {
font-size: 1rem
}
.cloneable-area {
margin-top: 2.5rem
}
.c-faq-item {
margin-bottom: .75rem
}
._w-faq-icon {
width: 16px;
height: 16px
}
.preloader {
overflow: hidden
}
.buzz-hero-wrp {
height: auto
}
.sticky-buzz-wrp {
height: auto;
position: static
}
.buzz-ab-wrp {
margin-top: -25vh;
padding: 4rem 40px;
position: static
}
.sticky-buzz-inner-wrp {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-flow: column;
height: auto;
position: static
}
.text-wrp {
max-width: none
}
.inner-stick-wrp {
padding-bottom: 2rem
}
.ab-text-1 {
padding-bottom: 1.5rem;
position: static
}
.sticky-hands {
width: 85%;
margin-left: auto;
margin-right: auto;
position: relative
}
.hand-right,.hand-left {
width: 50%
}
.ab-left-text-wrp {
z-index: 25;
max-width: none;
position: relative;
top: 0%;
left: 0%
}
.ab-right-btm {
z-index: 25;
max-width: none;
position: relative;
bottom: 0%;
right: 0%
}
.ab-center-left-wrp {
z-index: 25;
max-width: none;
position: relative;
top: 0%;
left: 0%
}
.circle-wrp-1 {
width: 25%;
inset: auto auto 20rem
}
.bento-grid-wrp.up-margin {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
grid-template-columns: 1fr 1fr;
margin-top: 3.25rem
}
.bento-grid-wrp._2 {
grid-template-columns: 1fr 1fr;
margin-top: .5rem
}
.card-div {
border-radius: .6rem;
padding: 1rem
}
.buzz-card-logo {
width: 9%
}
.flex-grid-wrp {
grid-template-columns: 1fr;
margin-top: 2.75rem
}
.ab-card-img {
width: 16%
}
.balls-sticky-wrp {
background-color: #000;
height: 300vh
}
.inner-balls-sticky {
height: 100vh;
padding: 1.75rem
}
.ab-ball-1 {
inset: -25% auto auto -25%
}
.ab-ball-2 {
bottom: -25%;
right: -25%
}
.text-change-wrp {
padding-bottom: .5rem
}
.wrp-change-main {
height: 3.5rem
}
.sticky-card-wrp {
height: auto
}
.inner-sticky-card {
height: auto;
padding-left: 1.65rem;
padding-right: 1.65rem;
position: static
}
.cards-animation-wrp {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-flow: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: stretch;
display: grid
}
.cards-wrpper-2 {
width: auto
}
.cards-wrpper-2._1 {
width: auto;
position: static
}
.cards-wrpper-2._2,.cards-wrpper-2._3,.cards-wrpper-2._4 {
position: static
}
.grid-cta {
grid-template-columns: 1fr 1fr 1fr
}
.cta-wrp {
margin-top: 2rem;
padding: 22.22rem 40px
}
.flex-heading-wrp {
grid-column-gap: 1rem;
grid-row-gap: 1rem
}
.showreel-wrp {
height: 10vw
}
.galaxy-wrp {
margin-top: 2rem
}
.planet-wrp {
left: -1%
}
.planet-wrp._2 {
top: 24%
}
.planet-wrp._3 {
top: -4%
}
.planet-wrp._4 {
top: 48%
}
.planet-wrp._5 {
left: 64%
}
.planet-wrp._6 {
top: 91%
}
.btn-wrp {
grid-column-gap: .35rem;
grid-row-gap: .35rem;
justify-content: flex-start;
align-items: center
}
.ab-oval-wrp {
top: 14%
}
.oval {
width: 20%;
top: .5rem
}
.fixed-services-wrp {
padding: 2rem 20px
}
.grid-services-popup {
grid-template-columns: .75fr 1fr
}
.service-popup-wrp {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem
}
.service-popup-wrp._2 {
grid-column-gap: .75rem;
grid-row-gap: .75rem
}
.ab-log-wrp-service {
padding-bottom: 5rem
}
.services-link-wrp {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
font-size: 1rem
}
.wrp-arrow-service {
flex: none;
width: 5%
}
.logo-grid {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
grid-template-columns: 1fr 1fr 1fr 1fr
}
.us-wl-buzz-text {
padding-left: .5rem;
padding-right: .5rem;
font-size: 164px
}
.svg._2,.svg._3 {
bottom: 30%
}
.svg-wrapper {
width: 20%
}
.features-wrp {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem
}
.gradient-wrapper {
filter: blur(180px)
}
.circle-2 {
width: 80vw;
height: 80vw
}
.splide__slide {
width: 60%
}
.splide__slide:hover {
transform: none
}
.embed-2,.embed-2.arrow-szie {
font-size: 12px
}
.splide.slider1 {
margin-top: 3rem
}
.card-wrp {
height: 14.5rem
}
.inner-card-wrp {
padding: 1rem 1.25rem
}
.color-loght-pink {
font-size: 3.4rem
}
.cross-wrp {
width: 2rem;
top: 2rem;
right: 20px
}
.point {
width: 16px
}
.nav-link {
padding: .65rem 1rem;
font-size: .75rem
}
.nav-link:hover {
color: #000
}
.nav-link.w--current {
color: #fff;
background-color: #09894c;
border-radius: 60px
}
.wrapper-nav-open {
opacity: 0;
flex-flow: column;
height: auto;
padding-top: .5rem;
padding-bottom: .5rem;
position: absolute;
inset: 110% 0% auto
}
.dropdown-toggle {
padding: .65rem 1rem;
font-size: .75rem
}
.dropdown-toggle:hover {
color: #000
}
.dropdown._4 {
flex-flow: column;
justify-content: flex-start;
align-items: center;
width: 100%;
height: auto;
display: flex;
position: relative
}
.dropdown-list {
position: relative
}
.dropdown-list.w--open {
position: relative;
top: 0%
}
.wrap-big-menu {
margin-bottom: 1rem;
padding-top: 0
}
.inner-drop-down-wrp {
padding: .25rem
}
.nav-grid-dropdown {
grid-column-gap: .25rem;
grid-row-gap: .25rem
}
.menu-bar-wrp {
padding: 1rem .75rem;
font-size: .75rem
}
.mega-menu-link-wrp {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
padding: .75rem 1.5rem
}
.mega-menu-link-wrp.highlight {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
padding: .125rem
}
.icon-mega-menu {
width: 1.75rem
}
.mega-menu-inner-wrp {
grid-column-gap: .25rem;
grid-row-gap: .25rem
}
.mega-menu-link {
font-size: .75rem
}
.mega-sub-txt {
font-size: .5rem
}
.highlight-wrp {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
padding: 1.5rem
}
.div-move {
width: 0%;
height: 0%;
display: none
}
.collection-list {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-flow: column;
width: 100%;
display: flex
}
.collection-list-wrapper {
width: 100%
}
.mb-img-wrap {
aspect-ratio: 1;
width: 8rem;
display: block;
position: absolute;
right: 0
}
.menu-mask {
z-index: 999;
height: 100%;
display: block;
position: absolute;
inset: auto 0% 0%
}
._404-page-wrap {
padding-top: 5rem;
padding-left: 40px;
padding-right: 40px
}
._404-title {
font-size: 4rem
}
._404-ab-wrap {
bottom: 1.5rem;
right: 40px
}
.tmh-text {
font-size: 1.5rem;
line-height: 1.2
}
.ty-wrapper {
grid-column-gap: 2.5rem;
grid-row-gap: 2.5rem;
padding: 4.5rem 40px 2rem
}
.nav-items-wrapper {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
flex-flow: column;
height: auto
}
.hand-gradient-mask {
z-index: 20;
filter: blur(25px);
background-image: radial-gradient(circle,#000,#002f1800);
border-radius: 50%;
width: 125%;
height: 50%;
display: block;
position: absolute;
inset: auto auto 0%;
transform: translateY(35%)
}
.section-space {
margin-bottom: 2.5rem
}
.section-space.is-large {
margin-bottom: 3.5rem
}
.blog-grid {
grid-column-gap: 0vw;
grid-row-gap: 0vw;
grid-template-columns: 1fr;
padding-bottom: 2.5rem
}
.grid-div.mb-hide {
display: none
}
.fs-toc_link-wrapper {
padding-right: .25rem
}
.fs-toc_link {
padding-bottom: .25rem;
font-size: 1.125rem
}
.fs-toc_link.updated {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
margin-bottom: 1rem
}
.fs-toc_richtext h2 {
margin-top: .25rem;
margin-bottom: .75rem;
font-size: 2.25rem
}
.fs-toc_richtext h3 {
margin-bottom: .75rem;
font-size: 1.85rem
}
.fs-toc_richtext h4 {
margin-bottom: .5rem;
font-size: 1.5rem
}
.fs-toc_richtext h5 {
margin-bottom: .75rem;
font-size: 1.25rem
}
.fs-toc_richtext p,.fs-toc_richtext li {
margin-bottom: .65rem;
font-size: 18px
}
.fs-toc_richtext figure {
margin-top: 1rem;
margin-bottom: 2rem
}
.note-wrapper {
margin-top: 1.5rem;
margin-bottom: 2rem
}
.note-wrapper.is-title {
left: 1.25rem
}
.note-inner {
padding: 2rem 1.75rem 1rem
}
.note-inner.is-title {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
padding-bottom: .25rem;
padding-right: 1.25rem;
font-size: .85rem
}
.note-para-wrapper {
width: 95%
}
.note-title-img-wrap {
width: 2.5rem
}
.seperated-line {
margin-bottom: 1rem
}
.seperated-inner {
padding-left: .65rem
}
.blog-tabs-menu {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
margin-bottom: 3.5rem
}
.blog-tab-menu-link {
padding: .35rem 1rem;
font-size: .85rem
}
.blogs-item-wrap {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
grid-template-columns: 1fr 1fr
}
.blog-inner-content-wrap {
grid-column-gap: 1.125rem;
grid-row-gap: 1.125rem;
margin-top: 1.75rem
}
.blog-title {
font-size: 1.25rem
}
.preloader-inner {
padding-bottom: 2.75rem;
padding-left: 40px;
padding-right: 40px
}
.buzz-logo-wrap {
width: 5.75rem
}
.bi-logo-wrap._1 {
width: 1rem
}
.bi-logo-wrap._2 {
width: 1.3rem
}
.counter-wrap {
grid-column-gap: .05rem;
grid-row-gap: .05rem;
font-size: 1rem
}
.preload-text-inner {
width: 60%;
font-size: 1.75rem
}
.card-img-inner {
width: 8rem;
height: 8rem
}
.footer-cta-wrap {
grid-column-gap: 1rem;
grid-row-gap: 1rem
}
.cta-number-wrap {
grid-column-gap: .5rem;
grid-row-gap: .5rem
}
.cta-prof-image {
width: 2rem;
height: 2rem
}
.serivce-grid {
grid-template-columns: 1fr 1fr
}
.tab-freelance {
display: none
}
.rev-single-icon {
margin-top: -7px
}
.team-text {
font-size: 1rem
}
.grid-heading-div {
grid-row-gap: 20px;
grid-template-columns: 1fr
}
.service-text {
font-size: 32px;
line-height: 36px
}
.splide__slide-2 {
width: 50%
}
.paragraph-2 {
font-size: 16px;
line-height: 28px
}
.paragraph-2.max-width {
max-width: 70%
}
.paragraph-2.opecity-20 {
font-size: 16px;
line-height: 1.2
}
.paragraph-2 p {
font-size: 1rem;
line-height: 1.3
}
.single-full-div {
padding-left: 60px;
padding-right: 20px;
top: 100px
}
.tab-link-2 {
background-color: #f9f9f9;
margin-bottom: 20px
}
.tab-link-2:hover {
background-color: #f9f9f9
}
.team-icon {
width: 3.5rem
}
.team-card {
padding: .8rem 1.7rem
}
.cta-div-2:hover {
transform: none
}
.col-grid-list {
grid-template-columns: 1fr 1fr
}
.pattern-head-div {
margin-top: 30px
}
.plans-grid {
grid-row-gap: 20px;
grid-template-columns: 1fr;
margin-bottom: 20px
}
.plans-grid.sec {
grid-template-columns: 1fr
}
.testimonial-main-div {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem
}
.image-2.arrowe {
width: 50px;
height: 50px;
transform: rotate(90deg)
}
.head-pattern {
width: 70px
}
.team-grid {
grid-row-gap: 40px;
grid-template-columns: 1fr 1fr
}
.solution-card {
padding: 2rem;
font-size: 1rem
}
.inner-button.bigger {
border: 1px solid #101010;
padding-top: 22px;
padding-bottom: 22px
}
.inner-button.white {
border: 1px solid #fff
}
.inner-button.white._100 {
border: 1px solid #101010;
padding-top: 22px;
padding-bottom: 22px;
font-size: 16px;
line-height: 16px
}
.inner-button.white._100.green {
border-color: #c9ff00
}
.mask {
width: 100%
}
.button-text {
padding-top: 18px;
padding-bottom: 16px
}
.trusted-slider {
width: 100%
}
.news-cta {
border-radius: 3rem;
width: 95%;
padding: 14px 15px
}
.para-div-grid {
width: 100%;
padding-top: 0
}
.para-div-grid.top-padding {
width: 70%;
padding-top: 1rem
}
.team-name-text {
font-size: .8rem
}
.footer-grid {
grid-row-gap: 40px;
grid-template-columns: .6fr 1fr
}
.main-tab-div {
margin-bottom: 40px
}
.service-card-2 {
grid-row-gap: 22px;
padding-top: 40px;
padding-left: 20px;
padding-right: 20px
}
.container-2 {
padding: 100px 20px
}
.pro-div {
justify-content: flex-start;
align-items: center
}
.grid-mainsd {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-template-columns: 1fr 1fr
}
.minus {
margin-bottom: -10px
}
.faq-title-div {
padding-left: 0
}
.teste-detail-div {
grid-row-gap: 8px
}
.button-cta-div {
grid-row-gap: 20px;
flex-direction: column;
align-items: flex-end
}
.sec-control {
z-index: 1;
right: 0
}
.price-cta-section {
width: 100%;
padding: 40px
}
.price-tab-div {
width: 60%;
margin: 0 auto 40px 0
}
.testimonial-text {
font-size: 26px;
line-height: 1.3
}
.heading-1.sec {
font-size: 70px;
line-height: 1.2
}
.heading-4 {
font-size: 26px;
line-height: 36px
}
.section-2 {
padding-top: 3rem;
padding-bottom: 3rem
}
.section-2.pattern {
min-height: 0
}
.section-2.faq-div {
flex-direction: column
}
.section-2.hero {
flex-flow: column;
height: auto
}
.section-2.top-bottom.bg-black {
padding-top: 3rem;
padding-bottom: 3rem
}
.section-2.top-bottom.bg-black.left-right {
padding: 2rem 0
}
.single-scroll-logo-div {
flex: none
}
.tab-big-image {
width: 90%;
margin-top: 0;
margin-left: 40px
}
.tab-big-image.second {
margin-top: -124px
}
.tabs-menu {
grid-column-gap: 30px;
grid-row-gap: 30px;
background-color: #f9f9f900;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
padding-left: 25px;
padding-right: 25px;
display: grid
}
.tabs-menu.mobile {
display: block
}
.mob-slide {
align-items: center;
display: flex
}
.mob-slide.sec {
justify-content: flex-end
}
.over-cover {
z-index: 2;
display: block;
position: absolute;
inset: 0%
}
.hero-city-head {
grid-row-gap: 35px;
width: 100%
}
.teste-para {
font-size: 16px
}
.heading-3 {
font-size: 28px;
line-height: 38px
}
.step-text-div.red {
padding: 12px 16px;
font-size: 14px
}
.teste-text {
font-size: 18px
}
.tab-layout-div {
grid-row-gap: 40px;
grid-template-columns: 1fr;
margin-bottom: 145px;
padding-left: 20px;
padding-right: 20px
}
.tab-layout-div.sec {
grid-template-columns: 1fr
}
.marquee-div {
height: 100%;
position: relative
}
.single-price-card:hover {
transform: none
}
.spline-3d-moddle {
height: 70vh
}
.arrow-button {
width: 16px;
bottom: 0
}
.secondary-button-2 {
padding: 1rem 1.5rem;
font-size: 16px;
line-height: 16px
}
.secondary-button-2.big {
padding-top: 22px;
padding-bottom: 22px;
font-size: 16px;
line-height: 16px
}
.secondary-button-2.black {
padding: 1rem 1.5rem
}
.secondary-button-2.black.white-border {
padding: .6rem .9rem
}
.secondary-button-2.load-more-button {
font-size: 1rem
}
.prof-rev {
grid-template-columns: 60px 1fr
}
.serivce-icon {
height: 160px
}
.cursor {
display: none
}
.head-h2-flex {
flex-wrap: wrap
}
.logo-brand {
width: 148px
}
.content-wrapper-tab {
overflow: hidden
}
.team-guy-text {
font-size: .8rem
}
.heading-2 {
font-size: 48px;
line-height: 68px
}
.heading-2.side {
font-size: 40px;
line-height: 50px
}
.paragraph-smaller.grey-text.height {
min-height: 0
}
.spline-wrapper {
height: auto
}
.splide__track-2 {
width: 80%
}
.arrow-2 {
width: 60px;
height: 60px;
bottom: 40%;
left: 5%
}
.arrow-2.right {
bottom: 40%;
right: 5%
}
.infinite-marque {
width: 100%;
height: 86vh;
position: relative;
transform: none
}
.absolute-content-div {
z-index: 1;
padding: 22px 26px;
right: 0
}
.faq-main-div {
width: 100%;
display: block
}
.gradiant-btton {
display: none
}
.hover-head-first.sec {
grid-column-gap: 16px
}
.solution-grid-2 {
grid-row-gap: 30px;
grid-template-columns: 1fr 1fr
}
.price-mid-text-div {
font-size: 42px;
line-height: 45px
}
.design-grid-2 {
grid-template-columns: 1fr 1fr 1fr
}
.paragraph-26-copy {
font-size: 16px;
line-height: 28px
}
.paragraph-26-copy.small.dark-grey p,.cta-heading,.team-text-2.semi-bold,.list-city-text {
font-size: 1rem
}
.pricing-wrapper {
margin-top: 5rem
}
.pricing-div {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
width: 50%;
padding: 1.5rem 1rem
}
.pricing-points,.point-wrapper {
grid-column-gap: .75rem;
grid-row-gap: .75rem
}
.point-dot {
flex: none;
width: .4rem;
height: .4rem
}
.text-block-2 {
font-size: 1rem;
line-height: 1.3
}
.text-block-3 {
font-size: 1rem
}
.button-default.is-jellybelly {
grid-column-gap: .8rem;
grid-row-gap: .8rem;
padding: .6rem .9rem;
font-size: 16px
}
.button-default__background {
border-radius: 3rem
}
.bio-image {
width: 2.5rem;
height: 2.5rem
}
.heading-5 {
font-size: 1.25rem
}
.s-design-toggle-img-wrap {
padding-top: 1rem
}
.s-audit-input-wrapper {
padding: .65rem .75rem .65rem 1rem
}
.s-review-video-wrap {
width: 10rem;
height: 10rem
}
.s-process-grid-wrap {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-template-columns: 1fr 1fr
}
.s-design-title-wrap {
width: 80%
}
.s-review-content-col {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
border-radius: 1em;
padding: 1.25rem
}
.s-usecase-card {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
border-radius: 1em;
padding: 1rem 1rem 1.25rem
}
.s-design-card-content-wrap {
grid-column-gap: .75rem;
grid-row-gap: .75rem
}
.s-review-info-wrap {
grid-column-gap: 1rem;
grid-row-gap: 1rem
}
.s-services-inner {
padding-right: 0
}
.s-reviews-card-content-wrap {
grid-column-gap: 1.25rem;
grid-row-gap: 1.25rem
}
.s-design-cost-text {
font-size: .75rem
}
.s-review-icon {
width: 1.25rem;
margin-left: .25rem
}
.s-usecase-cards-grid {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
border-radius: 1.25em;
grid-template-columns: 1fr 1fr;
padding: 1rem .85rem
}
.s-process-number {
font-size: 2rem
}
.s-process-bottom-content {
grid-column-gap: .75rem;
grid-row-gap: .75rem
}
.s-design-toggle-tab-link-img {
width: 1.5rem
}
.s-review-work {
border-radius: 1em;
height: 32rem
}
.s-about-content-wrap {
width: 100%;
padding-bottom: 0
}
.s-about-text-wrapper {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem
}
.s-design-cost-content-wrap {
padding: 1rem .75rem
}
.s-review-cta-button-wrap {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
width: 100%
}
.s-audit-submit-btn {
background-size: .75rem;
width: 2rem;
height: 2rem
}
.s-design-cost-title {
font-size: .75rem
}
.s-process-section {
position: relative;
top: 0
}
.s-hero-bottom-content {
width: 40%
}
.s-design-toggle-tab-wrap {
padding-top: 1.5rem
}
.s-container {
padding: 2.5rem 1.25rem
}
.s-container.pad-y-100 {
padding-top: 3rem;
padding-bottom: 3rem
}
.s-container.pad-y-200 {
padding-top: 5rem;
padding-bottom: 5rem
}
.p-s-32 {
font-size: 1.5rem
}
.s-about-section {
grid-column-gap: 2.5rem;
grid-row-gap: 2.5rem
}
.s-usecase-title-wrap {
width: 70%
}
.s-review-cta-content-wrap {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
width: 100%
}
.s-review-wrap {
grid-column-gap: .5rem;
grid-row-gap: .5rem
}
.p-s-90 {
font-size: 3.25rem
}
.p-s-24 {
font-size: 1.25rem
}
.s-stats-card-top-content-wrap {
border-radius: 1em;
min-height: 14rem
}
.s-reviews-card-wrap {
padding: 2.25rem 0
}
.s-hero-certification-wrap {
grid-column-gap: 1.75rem;
grid-row-gap: 1.75rem
}
.s-services-wrap {
margin-bottom: 1.5rem;
padding-bottom: 1.5rem;
padding-left: 2rem
}
.p-s-20 {
font-size: 1rem
}
.img-wrap.is-clutch {
width: 8rem
}
.img-wrap.is-c-partner {
width: 8.25rem
}
.s-design-grid-card {
border-radius: 1em;
padding-top: 1.5rem;
padding-left: 1.5rem;
padding-right: 1.5rem
}
.s-design-grid-card.align-bottom {
padding-bottom: 1.5rem
}
.s-design-grid-card.is-live {
min-height: 24rem
}
.s-design-grid-card.is-cost {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
justify-content: space-between;
padding-bottom: 1.5rem
}
.s-review-video-card {
border-radius: 1em;
height: 100%
}
.heading-h1 {
font-size: 3.5rem
}
.s-hero-heading-wrap {
width: 100%
}
.s-reviews-top-content {
grid-column-gap: .5rem;
grid-row-gap: .5rem
}
.s-about-text-hover-wrap {
justify-content: flex-start;
align-items: center
}
.s-about-video {
aspect-ratio: 1;
width: 120%;
height: 120%
}
.s-about-inner-flex {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-flow: column
}
.s-design-scalability-lottie-wrap {
padding-bottom: 1.5rem
}
.s-stats-grid {
grid-column-gap: .75rem;
grid-row-gap: 2rem;
grid-template-columns: 1fr 1fr 1fr
}
.space-100 {
margin-bottom: 2.5rem
}
.s-audit-input {
font-size: 1.125rem
}
.s-review-grid {
grid-column-gap: 1rem;
grid-row-gap: 2rem;
grid-template-columns: 1fr 1fr 1fr
}
.space-30 {
margin-bottom: 1.25rem
}
.s-process-card {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
border-radius: 1.5em;
padding: 1rem 1.25rem 1.5rem
}
.s-reviews-card {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
grid-template-columns: 1fr
}
.s-design-cost-grid {
justify-content: center;
align-items: center;
width: 34%;
margin-top: 0;
padding-bottom: 0
}
.s-review-section {
padding-left: 0;
padding-right: 0
}
.s-about-title {
width: 90%
}
.s-about-video-wrap {
border-radius: 1.5em;
width: 100%;
height: 32rem;
position: relative;
top: auto;
left: auto
}
.s-reviews-bottom-content {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
border-radius: 1em;
padding: 1rem 1.25rem
}
.s-design-toggle-tab-link {
padding: .25rem 1rem
}
.s-review-info {
grid-column-gap: .25rem;
grid-row-gap: .25rem
}
.s-review-cta {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
background-position: 0%;
background-size: auto 120%;
border-radius: 1em;
flex-flow: column;
padding: 1.75rem 1.5rem
}
.s-review-plain-content-col {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem
}
.s-review-rating {
width: 5rem
}
.s-usecase-section {
padding-left: 0;
padding-right: 0
}
.s-design-grid {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-template-columns: 1fr 1fr
}
.s-design-card-text-wrap {
width: 100%
}
.s-hero-top-content {
grid-column-gap: 1.25rem;
grid-row-gap: 1.25rem
}
.s-audit-form {
width: 20rem
}
.s-usecase-img {
border-radius: 1em
}
.s-about-text-hover {
width: 55%;
margin-left: auto;
position: static
}
.s-services-wrapper {
width: 95%
}
.s-usecase-bg-wrap {
top: 10%;
transform: none
}
.s-stand-icons-wrap {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
padding-top: 4rem
}
.s-pricing-grid {
grid-column-gap: 1rem;
grid-row-gap: 1rem
}
.s-process-section-wrap {
height: auto
}
.s-stand-marquee-wrap {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
padding-left: 1rem
}
.s-stand-icon {
width: 3rem
}
.s-clients-marquee-wrap {
min-height: 6rem
}
.s-clients-collection.is-2 {
margin-left: -.5rem
}
.s-clients-list {
padding-left: .5rem
}
.s-clients-item {
margin-left: -.5rem
}
.s-clients-wrap {
grid-column-gap: 2.5rem;
grid-row-gap: 2.5rem
}
.s-clients-ellipse {
width: .5rem
}
.s-clients-title {
font-size: 1.25rem
}
.s-clients-icon {
width: 4rem
}
.s-design-cost-cards-bg {
height: 80%;
top: auto;
bottom: auto
}
.s-design-cost-done-wrap {
grid-column-gap: .25rem;
grid-row-gap: .25rem
}
.s-design-cost-done-icon {
width: 1.5rem
}
.s-service-content-wrap {
grid-column-gap: 1rem;
grid-row-gap: 1rem
}
.s-stand-brand-wrap {
justify-content: center;
align-items: center;
display: flex;
position: relative
}
.s-stand-brand-text {
white-space: nowrap;
top: -90%
}
.fs-toc_richtext-updated {
width: 85%
}
.fs-toc_richtext-updated h2 {
max-width: 85%;
margin-top: .25rem;
margin-bottom: .75rem;
font-size: 2.25rem
}
.fs-toc_richtext-updated h3 {
max-width: 85%;
margin-bottom: .75rem;
font-size: 1.85rem
}
.fs-toc_richtext-updated h4 {
max-width: 85%;
margin-bottom: .5rem;
font-size: 1.5rem
}
.fs-toc_richtext-updated h5 {
margin-bottom: .75rem;
font-size: 1.25rem
}
.fs-toc_richtext-updated p {
max-width: 85%;
margin-bottom: .65rem;
font-size: 18px
}
.fs-toc_richtext-updated li {
margin-bottom: .65rem;
font-size: 18px
}
.fs-toc_richtext-updated figure {
margin-top: 1rem;
margin-bottom: 2rem
}
.max-50 {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem
}
.blog-cate-wrapper {
font-size: 1rem
}
.toc-content-wrapper {
width: 85%
}
.para-18 {
font-size: 18px;
line-height: 1.5
}
.fs-toc_link-content-updated {
padding: 2rem 2rem 1rem
}
.blog-toc-wrapper-copy {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
margin-top: 3.5rem;
margin-bottom: 3.5rem
}
.toc-title {
padding: .75rem 2rem;
top: -1.5rem;
left: 4%
}
.toc-arrow {
width: .75rem;
height: auto
}
.hero_wrap-inner {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
padding-bottom: 1rem
}
.hero_content-wrapper {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
width: 80%
}
.heading-6 {
font-size: 3.2rem
}
.para-32 {
font-size: 1rem
}
.text-block-4 {
padding-left: 1rem;
padding-right: 1rem;
font-size: 1rem
}
.logo-wrapper {
grid-column-gap: .8rem;
grid-row-gap: .8rem;
width: 50%
}
.hero-logo {
height: 2rem
}
.showreel-video {
font-size: 1.2rem
}
.icon {
width: 100%;
height: 100%
}
}
@media screen and (max-width: 767px) {
.h2.big {
font-size:72px
}
.h2.bit-big {
font-size: 2rem
}
.h2.bigger {
font-size: 4rem
}
.h3 {
font-size: 2.3rem
}
.h3.is-big.text-black {
font-size: 2rem
}
.container {
padding: 4rem 20px
}
.container.is-big {
padding-bottom: 6rem
}
.container.up-padding {
padding-top: 4rem;
padding-bottom: 4rem
}
.container.more-padding {
padding-top: 5rem;
padding-bottom: 5rem
}
.container.top-bot-5vw {
padding-top: 4rem;
padding-bottom: 4rem
}
.h1.bigger {
font-size: 4rem;
line-height: 1
}
.h1.text-black {
font-size: 1.9rem
}
.paragraph {
font-size: 16px
}
.paragraph.is-bit-small {
font-size: 1rem
}
.mac-img {
border-radius: 2em
}
.paragraph-wrapper.up-margin,.paragraph-wrapper.up-margin-2 {
margin-top: 1.5rem
}
.play {
width: 5rem;
height: 2.5rem
}
.portfolio-wrapper {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
margin-top: 3rem
}
.arrow-wrap {
display: none
}
.text-1.btm-padding {
padding-bottom: 0;
font-size: .8rem
}
.text-1.is-bit-big,.text-1.is-bit-big.spacing {
font-size: 1rem
}
.categories-wrap {
display: none
}
.text-2 {
font-size: 2.3rem;
line-height: 2.3rem
}
.text-2.is-counter {
font-size: 3rem;
line-height: 3rem
}
.btn-porfolio-wrap {
height: 2.3rem
}
.port-btn-main-wrap {
margin-left: 0
}
.search-grid {
grid-template-columns: 1fr
}
.heading-wrap.max-64 {
text-align: center;
max-width: 55%;
margin-left: auto;
margin-right: auto
}
.circle-counter-wrap {
grid-column-gap: 1.25rem;
grid-row-gap: 1.25rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: stretch;
display: flex
}
.wrapper-counter {
flex-flow: column;
justify-content: flex-start;
align-items: center;
width: auto;
display: flex
}
.text-3 {
font-size: 2rem
}
.text-wrapper.flex {
grid-column-gap: 14px;
grid-row-gap: 14px;
padding: 12px 15px
}
.text-wrapper.up-margin-1 {
margin-top: 6px
}
.grid-serices {
padding: 2rem 32px 2rem 20px
}
.checkbox-label {
font-size: 14px;
line-height: 16px
}
.flex-check-box {
grid-column-gap: 6px;
grid-row-gap: 6px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid
}
.paragraph-wrap.up-margin {
margin-top: 20px
}
.form-check-box-wrapper {
width: auto;
padding-top: 10px;
padding-bottom: 10px
}
.form-wrapper {
margin-top: 24px
}
.main-btn-wrap.is-form {
margin-top: 16px
}
.wrap-submit-btn {
margin-top: 24px
}
.form.up-margin {
margin-top: 32px
}
.form-right-wrap {
margin-top: 20px
}
.placeholder {
font-size: 16px
}
.inner-form-wrap._2 {
margin-top: 16px
}
.footer-main-wrap {
margin-top: -75vh
}
.tags-wrapper.up-margin {
margin-top: 12px
}
.text-3-2 {
font-size: 10px
}
.max-30.c-1 {
max-width: 60%
}
.lottie-wrapper {
width: 6rem
}
.ab-text-lottie {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
margin-top: 1rem;
position: relative;
top: 0%
}
.text-counter {
font-size: 2.125rem
}
.text-counter.is-small {
font-size: .75rem
}
.portfolio-wrap {
grid-column-gap: 12px;
grid-row-gap: 12px;
grid-template-columns: 1fr
}
.max-wrapper {
max-width: 100%;
padding-left: 20px;
padding-right: 20px
}
.marquee-wrapper {
bottom: -3rem
}
.bento-grid,.bento-grid._3 {
grid-template-columns: 1fr
}
.bento-wrap._2 {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
grid-template-columns: 1fr
}
.text-wrapper-2,.text-wrapper-2._2 {
margin-top: 2rem
}
.inner-bento-wrp {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem
}
.card-content-wrp {
margin-top: 4rem
}
.bento-grid-wrp.up-margin,.bento-grid-wrp._2 {
grid-template-columns: 1fr
}
.card-div {
padding: 2rem
}
.flex-grid-wrp {
margin-top: 1.5rem
}
.ab-card-img {
width: 35%;
margin-top: 2rem;
margin-left: auto;
margin-right: auto;
position: relative;
top: 0%;
right: 0%
}
.wrp-change-main {
height: 2.75rem
}
.cards-animation-wrp,.grid-cta {
grid-template-columns: 1fr 1fr
}
.cta-wrp {
background-size: cover;
margin-top: 0;
padding: 2rem 20px
}
.showreel-wrp {
width: 8.5rem;
height: 11vw
}
.planet-wrp {
left: -2%
}
.planet-wrp._2 {
top: 20%
}
.planet-wrp._3 {
top: -6%
}
.planet-wrp._4 {
top: 65%
}
.planet-wrp._5 {
left: 65%
}
.planet-wrp._6 {
top: 89%
}
.btn-wrp {
justify-content: flex-start;
align-items: center
}
.ab-oval-wrp {
top: 17%
}
.grid-services-popup {
flex-flow: column-reverse;
grid-template-columns: .75fr;
display: flex
}
.inner-logo-wrp {
width: 14%;
top: -4%
}
.services-link-wrp {
flex-flow: row-reverse
}
.logo-grid {
grid-template-columns: 1fr 1fr
}
.us-wl-buzz-text {
font-size: 104px
}
.svg-1 {
max-width: 50%
}
.svg {
max-width: 85%;
margin-left: auto;
margin-right: auto
}
.svg._2 {
width: 60%;
margin-left: auto;
margin-right: auto;
position: static
}
.svg._3 {
width: 80%;
position: static
}
.svg._5 {
position: relative;
bottom: 0%;
right: 0%
}
.svg._6,.svg._7 {
position: relative;
bottom: 0%;
right: auto
}
.svg._8 {
width: 80%
}
.ab-gradient-2 {
inset: -25% 0% 0% -45%
}
.circle-2 {
height: 80vh
}
.left-arrow {
justify-content: center;
align-items: center
}
.splide__slide {
width: 100%
}
.splide.slider1 {
padding-bottom: 40px
}
.point {
width: 14px
}
.collection-list {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
flex-flow: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: flex
}
.mb-img-wrap {
width: 6.5rem
}
._404-page-wrap {
padding-left: 20px;
padding-right: 20px
}
._404-title {
font-size: 3rem
}
._404-ab-wrap {
right: 20px
}
.tmh-text {
font-size: 1.25rem
}
.ty-wrapper {
padding-left: 20px;
padding-right: 20px
}
.section-space.is-large {
margin-bottom: 3rem
}
.blog-tabs-menu {
margin-bottom: 2.5rem
}
.preloader-inner {
padding-left: 20px;
padding-right: 20px
}
.preload-text-inner {
width: 80%
}
.error-message {
left: -2%
}
.serivce-grid {
grid-row-gap: 20px;
grid-template-columns: 1fr
}
.grid-heading-div {
grid-row-gap: 20px;
margin-bottom: 40px
}
.splide__slide-2 {
width: 100%
}
.paragraph-2 {
font-size: 18px;
line-height: 30px
}
.paragraph-2.max-width {
max-width: 80%
}
.single-full-div {
padding-top: 60px;
padding-bottom: 60px;
top: 10px
}
.single-full-div._1 {
margin-bottom: 1rem;
padding-top: 40px;
padding-bottom: 40px;
padding-left: 30px
}
.single-full-div._3 {
padding-top: 40px;
padding-bottom: 40px;
padding-left: 30px
}
.single-full-div._2 {
margin-bottom: 1rem;
padding-top: 40px;
padding-bottom: 40px;
padding-left: 30px
}
.tab-link-2 {
font-size: 16px;
line-height: 18px
}
.team-card {
padding-top: 1rem;
padding-bottom: 1rem
}
.col-grid-list {
grid-row-gap: 20px
}
.pattern-head-div {
text-align: left;
flex-wrap: wrap;
margin-top: 20px
}
.footer-first-div {
grid-row-gap: 20px
}
.footer-title {
font-size: 40px;
line-height: 50px
}
.footer-title.green {
line-height: 40px
}
.testimonial-main-div {
grid-row-gap: 34px;
width: 90%
}
.patter-footer {
width: 36px;
height: 36px;
margin-bottom: 6px
}
.pattern-on-hover {
display: none
}
.head-pattern {
width: 50px
}
.team-grid {
grid-row-gap: 30px;
grid-template-columns: 1fr
}
.solution-card {
padding: 50px 40px
}
.faq-content-div {
padding: 21px 20px
}
.footer-heading {
font-size: 18px;
line-height: 24px
}
.inner-button {
font-size: 14px;
line-height: 14px
}
.inner-button.bigger {
border: 1px solid #101010;
min-width: 200px;
padding-top: 18px;
padding-bottom: 18px;
font-size: 16px;
line-height: 16px
}
.inner-button.white._100 {
padding-top: 18px;
padding-bottom: 18px
}
.mask {
width: 69%
}
.footer-link-2 {
font-size: 14px;
line-height: 16px
}
.footer-grid {
grid-template-columns: 1fr;
margin-bottom: 60px
}
.main-tab-div {
margin-bottom: 20px
}
.service-card-2 {
padding-top: 48px
}
.container-2 {
padding-left: 10px;
padding-right: 10px
}
.container-2.footer-container {
padding-top: 10px
}
.footer-end-2 {
grid-column-gap: 26px
}
.footer-single-linkd-iv {
grid-row-gap: 18px
}
.grid-mainsd,.grid-mainsd.sec {
grid-template-columns: 1fr
}
.paragraph-footer {
font-size: 16px
}
.faq-title-div {
margin-bottom: 40px
}
.price-card-button-div {
margin-top: 20px;
margin-bottom: 20px
}
.button-cta-div {
flex-flow: row;
align-items: flex-start
}
.all-scroll-logo-div {
grid-row-gap: 40px
}
.splide__arrow {
background-size: 12px;
width: 40px;
height: 40px
}
.grifter-meet-text {
font-size: 20px;
line-height: 31px
}
.price-cta-section {
grid-row-gap: 30px;
grid-template-columns: 1fr
}
.price-tab-div {
width: 100%
}
.first-price-div {
margin-bottom: 20px
}
.testimonial-text {
font-size: 22px;
line-height: 38px
}
.heading-1 {
font-size: 52px;
line-height: 62px
}
.heading-1.sec {
font-size: 60px;
line-height: 1.1
}
.faq-text {
font-size: 20px;
line-height: 32px
}
.section-2 {
padding-top: 1rem;
padding-bottom: 1rem
}
.section-2.footer {
z-index: 13;
min-height: 0;
padding-top: 80px;
padding-bottom: 80px;
position: relative
}
.footer-mid-text {
width: 100%
}
.tabs-menu {
padding: 16px
}
.teste-para {
font-size: 14px;
line-height: 16px
}
.heading-3 {
font-size: 26px;
line-height: 1.2
}
.heading-3.ct {
font-size: 28px
}
.step-text-div.green {
padding: 12px 14px;
font-size: 14px;
line-height: 18px
}
.teste-text {
font-size: 16px
}
.tab-layout-div.sec {
margin-bottom: 120px
}
.single-price-card {
padding-left: 20px;
padding-right: 20px
}
.full-single-step-div {
padding: 30px 20px
}
.arrow-button {
width: 14px
}
.news-cta-div {
display: none;
bottom: 10px
}
.secondary-button-2.big {
min-width: 200px;
padding-top: 18px;
padding-bottom: 18px
}
.secondary-button-2.hero {
padding-top: .5rem;
padding-bottom: .5rem;
padding-right: .3rem
}
.prof-rev {
grid-template-columns: 50px 1fr
}
.serivce-icon.sec {
height: 160px
}
.logo-brand {
width: 100px
}
.heading-2 {
font-size: 32px;
line-height: 1.3
}
.heading-2.side {
font-size: 34px;
line-height: 42px
}
.tablink-price {
padding-left: 30px;
padding-right: 30px
}
.list-price-div {
grid-row-gap: 13px;
margin-top: 20px
}
.button-wrapper {
margin-top: 1rem
}
.solution-grid-2 {
grid-template-columns: 1fr
}
.price-mid-text-div {
margin-top: 10px;
font-size: 32px;
line-height: 39px
}
.design-grid-2 {
grid-template-columns: 1fr 1fr
}
.paragraph-26-copy {
font-size: 14px;
line-height: 26px
}
.paragraph-26-copy.small {
margin-bottom: -10px
}
.image-133 {
width: 38px
}
.rev-para {
flex-direction: column;
align-items: flex-start
}
.design-ser-icon {
height: 4.5rem
}
.pricing-div {
width: 100%;
padding: 1.5rem
}
.pricing-div._2 {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem
}
.flex-block-2 {
flex-flow: column;
justify-content: flex-start;
align-items: center
}
.s-usecase-card {
padding: .75rem .75rem 1rem
}
.s-usecase-cards-grid {
padding: .75rem .5rem
}
.s-review-work {
width: 100%
}
.s-services-title-wrap {
max-width: 80%;
position: relative;
top: 0
}
.s-hero-bottom-content {
width: 55%
}
.s-container.pad-y-200 {
padding-top: 4rem;
padding-bottom: 4rem
}
.s-usecase-title-wrap {
width: 80%
}
.s-services-grid {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
grid-template-columns: 1fr
}
.s-design-grid-card.align-bottom {
width: 100%;
min-height: 22rem
}
.s-design-grid-card.is-live {
min-height: 20rem
}
.heading-h1 {
font-size: 2.75rem
}
.s-about-text-hover-wrap {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
border-bottom: 1px solid #fff3;
flex-flow: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: flex-start;
align-items: flex-start;
padding-bottom: 1.25rem;
display: flex
}
.s-review-grid {
grid-template-columns: 1fr 1fr
}
.s-about-video-wrap {
height: 24rem
}
.s-design-grid {
grid-template-columns: 1fr
}
.s-about-hover-text-line {
width: 2rem;
margin-bottom: .5rem
}
.s-about-text-hover,.s-services-wrapper,.s-usecase-bg-wrap {
width: 100%
}
.s-stand-icons-wrap {
margin-bottom: 4rem
}
.s-pricing-grid {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-flow: column
}
.s-services-bg {
width: 100%
}
.s-design-live-grid {
transform: rotateX(45deg)rotateY(20deg)rotate(-25deg)translate3d(0,8em,4em)
}
.fs-toc_richtext-updated {
width: 95%
}
.fs-toc_richtext-updated h2,.fs-toc_richtext-updated h3,.fs-toc_richtext-updated h4,.fs-toc_richtext-updated p,.fs-toc_richtext-updated ul,.fs-toc_richtext-updated ol {
max-width: 100%
}
.max-50 {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
max-width: 70%
}
.toc-content-wrapper {
width: 95%
}
.hero-section {
height: 90vh
}
.hero_wrap-inner {
justify-content: center;
align-items: center;
padding-bottom: 15%;
position: relative
}
.logo-wrapper {
text-align: center;
margin-left: auto;
margin-right: auto;
position: absolute;
inset: auto 0% 0%
}
.showreel-video {
font-size: 1.1rem
}
}
@media screen and (max-width: 479px) {
body {
--dark-pink:#ff007e;
--pink: #09894c;
--responsive-width: 85%;
--txt-size: 5vw;
--responsive-animation-border: 20px;
--circle-clip: 5%;
--an-border: 20px;
--blur-animatiom: 0px
}
.h2 {
font-size: 34px
}
.h2.big {
font-size: 50px
}
.h2.bit-big {
font-size: 1.5rem
}
.h2.is-small {
font-size: 34px
}
.h2.bigger {
font-size: 4rem
}
.h2.biggest.max-75,.h3 {
font-size: 2rem
}
.h3.is-small.mb-34px {
font-size: 34px
}
.h3.is-big.text-black {
font-size: 1.5rem
}
.h3.is-big-small {
font-size: 2rem
}
.h3.is-smaller {
font-size: 1.5rem
}
.container {
padding-top: 2.5rem;
padding-bottom: 2.5rem
}
.container.nav {
padding-top: 1rem;
padding-bottom: 1rem
}
.container.is-big {
padding-bottom: 2.5rem
}
.container.top-bot-5vw {
padding-top: 2.5rem;
padding-bottom: 2.5rem
}
.section._100vh,.section._100vh.bg-webflow {
height: 100dvh
}
.h1 {
font-size: 2.4rem
}
.h1.bigger {
font-size: 2.8rem
}
.h1.bigger.align-center.an {
font-size: 11.5vw;
line-height: 1.2
}
.h1.text-black {
font-size: 1.8rem
}
.h1.mb-34 {
font-size: 34px;
line-height: 1
}
.paragraph.is-small.features {
font-size: .95rem
}
.paragraph.is-small.mb-20 {
font-size: 20px
}
.paragraph.is-big {
font-size: 1.5rem
}
.paragraph.is-2vw.mb-custom {
font-size: 18px;
line-height: 1.3
}
.paragraph.is-bit-big.reveal-type {
font-size: 1rem
}
.paragraph.is-bit-big.mb-custom {
font-size: 18px;
line-height: 1.3
}
.button {
border-radius: 2rem;
padding: .75rem 1.25rem
}
.button:where(.w-variant-62837af3-7973-6248-9537-a5a18b5ab066) {
z-index: 5
}
.us-service-image {
width: 100%
}
.mac-img {
border-radius: 1em
}
.cs-points-grid {
grid-template-columns: 1fr;
margin-bottom: 32px
}
.wireframe,.sitemap,.content {
border-radius: 1em
}
.cards-wrap {
grid-column-gap: 16px;
grid-row-gap: 16px;
border-radius: 20px;
padding: 20px
}
.brand {
z-index: 10;
width: 100px
}
.nav-grid {
position: static
}
.nav-text-wrap {
max-width: 75%
}
.menu-wrap {
grid-column-gap: .5rem;
grid-row-gap: .5rem
}
.button-menu {
border-radius: 2rem;
padding: .75rem 1.25rem;
font-size: .85rem
}
.img.mb-hide {
display: none
}
.img.contain {
object-fit: contain;
height: 100%
}
.img.mb-show {
display: inline-block
}
.wrapper-text {
height: .75rem;
font-size: .75rem;
line-height: .75rem
}
.ab-wrapper {
padding-top: 3.75rem
}
.scroll-container {
opacity: 0
}
.scroll-container._1 {
opacity: 1
}
.moon-left {
width: 175%
}
.moon-right {
justify-content: flex-end;
align-items: flex-end;
width: 115%;
bottom: -2.5%;
right: -64%
}
.down-moon {
width: 100%
}
.man-wrap {
width: 100%;
height: 274px;
bottom: 5%;
left: -25%
}
.ab-text-main-wrap._2 {
max-width: 159px;
right: 20px
}
.ab-text-main-wrap._1 {
max-width: 240px;
left: 20px
}
.ab-text-main-wrap._3 {
max-width: 242px;
left: 20px
}
.paragraph-wrapper.up-margin {
margin-top: 2rem
}
.heading-wrap-1 {
max-width: 40%;
bottom: 3rem;
right: 20px
}
.ab-videos {
top: 0%
}
.background-video._1 {
width: 80%;
height: 55%
}
.play {
width: 4.5rem;
height: 2.25rem
}
.showreel-inner-wrap {
width: 90%
}
.heading-wrapper.max-30 {
max-width: none
}
.heading-wrapper.max-64 {
max-width: 75%
}
.heading-wrapper.mb-max {
max-width: 270px
}
.max-18.c1 {
max-width: 76%
}
.portfolio-wrapper {
grid-column-gap: 1.75rem;
grid-row-gap: 1.75rem
}
.text-1.is-big,.text-1.is-big.light-black.white {
font-size: 1.25rem
}
.text-1.is-bigger {
font-size: 5vw
}
.text-1.is-bigger.is-slider {
font-size: 1.25rem
}
.text-1.is-smaller.not-shrink {
text-align: center
}
.text-1.is-bit-big.spacing {
font-size: 14px
}
.flex-wrapper {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
width: 70%
}
.wrap-hover {
transform: none
}
.ab-porfolio-wrap {
position: static
}
.heading-wrap-flex {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-flow: column;
justify-content: space-between;
align-items: stretch
}
.text-2 {
font-size: 1.8rem;
line-height: 1.8rem
}
.text-2.is-counter {
font-size: 2.5rem;
line-height: 2.5rem
}
.btn-porfolio-wrap {
height: 1.8rem;
font-size: 1rem;
line-height: 1.3rem
}
.search-grid {
grid-column-gap: 2.125rem;
grid-row-gap: 2.125rem
}
.heading-wrap.max-64 {
max-width: 75%
}
.heading-wrap.responsive {
--dark-pink: #ff007e;
--pink: #09894c;
--responsive-width: 85%;
--txt-size: 5vw;
--responsive-animation-border: 20px;
--circle-clip: 5%;
--an-border: 20px;
--blur-animatiom: 0px
}
.circle-counter-wrap {
grid-column-gap: 1rem;
grid-row-gap: 1rem
}
.testimonail-grid {
grid-column-gap: 2rem;
grid-row-gap: 2rem
}
.webflow-wrap._2 {
display: none
}
.webflow-wrap._1 {
max-width: 176px;
transform: rotate(-8.77deg)
}
.content-testimonail-wrap {
max-width: 97%
}
.text-3 {
font-size: 34px
}
.text-3._1,.text-3._2,.text-3._3,.text-3._4 {
font-size: 24px
}
.ab-clutch,.ab-google,.ab-testimonial-1,.ab-testimonial-2,.ab-testimonial-3 {
display: none
}
.ab-testimonial-4 {
max-width: 100%;
display: none;
position: relative;
bottom: 0%;
right: 0%;
transform: rotate(0)
}
.text-wrapper.flex {
grid-column-gap: 6px;
grid-row-gap: 6px;
padding: 10px 14px
}
.text-wrapper.up-margin-1 {
margin-top: 10px
}
.tricks-slider {
grid-column-gap: 1.25rem;
grid-row-gap: 1.25rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: stretch;
margin-top: 60px;
display: grid
}
.arrow.rotate {
width: 12px
}
.ab-drag-text {
top: -100px
}
.ab-drag-text.hide {
display: none
}
.tricks-slider_slide {
width: 100%;
margin-right: 0%
}
.ab-text-wrap {
position: relative;
top: 0%;
left: 0%
}
.image {
width: 250%;
display: none;
position: relative
}
.text-1-2.small {
font-size: 12px
}
.tricks-slider_wrap {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
height: 100%;
padding: 20px 14px
}
.ab-drag-wrapper {
display: none
}
.grid-serices {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
padding-top: 1.75rem;
padding-bottom: 1.75rem;
padding-right: 24px
}
.inner-service-wrap {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
max-width: 100%
}
.inner-service-wrap._2 {
padding-left: 36px
}
.checkbox-label {
margin-bottom: 0;
font-size: 14px
}
.flex-check-box {
grid-column-gap: 7px;
grid-row-gap: 7px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
margin-top: 10px;
display: grid
}
.form-check-box-wrapper {
width: 100%;
height: 44px;
margin-bottom: 0;
padding-top: 12px;
padding-bottom: 12px
}
.checkbox {
border-radius: 36px
}
.placeholder {
margin-bottom: 20px
}
.button-sibmit {
border-radius: 2rem;
padding-top: .85rem;
padding-bottom: .85rem
}
.footer-wrapper {
grid-column-gap: 2rem;
grid-row-gap: 2rem
}
.footer-main-wrap {
margin-top: -80vh
}
.back-to-top-wrap {
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-flow: column-reverse;
width: 65%
}
.wrap-footer-content {
grid-row-gap: 3rem;
justify-content: center;
align-items: center;
max-width: none
}
.footer-link-wrap {
grid-column-gap: 40px;
grid-row-gap: 20px;
flex-flow: wrap;
justify-content: center;
align-items: center
}
.footer-link {
font-size: 15px;
line-height: 15px
}
.footer-link.is-address {
font-size: 18px;
line-height: 24px
}
.footer-link-overflow {
height: 15px
}
.top-wrapper {
flex: none;
width: 20px
}
.social-wrap {
grid-column-gap: 4px;
grid-row-gap: 4px
}
.link-block.is-footer {
width: 30px;
height: 30px
}
.linear-gradient {
opacity: .75;
width: 60%;
height: 10%
}
.ab-mobile-wrap {
padding-top: 10px
}
.nav-btm {
width: 124px
}
.h1-2.bit-biger {
padding-bottom: .5rem;
font-size: 32px
}
.content-sticky {
border-radius: 8px;
width: 100%;
padding: 8px
}
.other-screen-wrap._5,.other-screen-wrap._6 {
display: none
}
.sticky-main-wrap {
height: 200vh
}
.cta-nav {
max-width: 72px
}
.text-3-2 {
font-size: 12px
}
.max-30.c-1 {
max-width: 100%
}
.lottie-wrapper {
width: 4.375rem
}
.text-counter {
font-size: 2rem
}
.text-counter.is-small {
text-align: center;
white-space: nowrap
}
.portfolio-wrap {
grid-template-columns: 1fr
}
.tab-link {
padding: 4px 10px;
font-size: 12px
}
.text-2-3 {
font-size: 24px
}
.inner-sticky-servce {
height: 100dvh
}
.marquee-wrapper {
bottom: -1.5rem
}
.hero-service-wrap {
height: 0%
}
.ab-wrapper-1.full-width {
width: 100%
}
.ab-wrapper-1.ui-ux {
width: 65%
}
.ab-wrapper-1.ncd,.ab-wrapper-1.maintainance {
width: 90%
}
.bento-grid {
grid-column-gap: 1rem;
grid-row-gap: 1rem
}
.bento-wrap {
padding: 1.5rem 1.25rem
}
.bento-wrap._2 {
grid-template-columns: 1fr
}
.bento-wrap._3 {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
grid-template-columns: 1fr;
place-items: center stretch
}
.text-4 {
font-size: 1rem
}
.text-wrapper-2,.text-wrapper-2._2 {
margin-top: 1.5rem
}
.cards-grid {
grid-template-columns: 1fr;
margin-top: 0
}
.card-content-wrp,.grid-journey {
margin-top: 2rem
}
.wrapper-journey {
grid-column-gap: .5rem;
grid-row-gap: .5rem
}
.paragraph-wrp {
margin-top: 1.25rem
}
.wrp-arrow {
max-width: 20px
}
.preloader {
height: 100dvh
}
.buzz-ab-wrp {
margin-top: -15vh;
padding-left: 20px;
padding-right: 20px
}
.sticky-buzz-inner-wrp {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem
}
.circle-wrp-1 {
bottom: 5rem
}
.card-div {
padding: 1.25rem
}
.buzz-card-logo,.buzz-card-logo._2 {
width: 20%
}
.flex-grid-wrp {
grid-template-columns: 1fr
}
.ab-card-img {
width: 65%
}
.ab-ball-1 {
width: 100%;
top: -10%;
left: -35%
}
.ab-ball-2 {
width: 100%;
inset: auto -45% -10% auto
}
.wrp-change-main {
height: 2.5rem
}
.cards-animation-wrp,.grid-cta {
grid-template-columns: 1fr
}
.cta-wrp {
background-position: 50% 0;
background-size: auto 90%
}
.checkbox-2 {
border-radius: 36px
}
.flex-heading-wrp {
grid-column-gap: .5rem;
grid-row-gap: .5rem
}
.ab-oval-wrp {
top: 31%
}
.content-service-wrp {
z-index: 3;
position: relative
}
.ab-log-wrp-service {
justify-content: flex-start;
align-items: center;
padding-top: 5rem;
padding-bottom: 0
}
.inner-logo-wrp {
width: 24%;
top: -2%
}
.services-link-wrp {
font-size: 18px
}
.wrp-arrow-service {
width: 16px
}
.us-wl-buzz-text {
font-size: 68px
}
.us-wl-buzz-wrapper {
justify-content: center;
align-items: center
}
.svg._2 {
width: 50%;
margin-left: auto;
margin-right: auto
}
.svg._3 {
width: 65%;
margin-left: auto;
margin-right: auto
}
.svg._5 {
width: 65%
}
.svg._6 {
width: 50%
}
.svg._7 {
width: 65%
}
.ab-gradient-2 {
inset: 0%
}
.svg-wrapper {
width: 25%
}
.features-wrp {
grid-column-gap: 1rem;
grid-row-gap: 1rem
}
.embed-2.arrow-szie {
font-size: 7px
}
.card-wrp.no-height {
height: 100%
}
.color-loght-pink {
font-size: 2rem
}
.point {
flex: none
}
.nav-link {
font-size: 1rem
}
.nav-link.no-padding {
width: 100%
}
.wrapper-nav-open {
border-radius: 1.5rem;
justify-content: center;
align-items: center;
max-height: 100dvh;
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
top: 4.5rem;
overflow: scroll
}
.dropdown-toggle {
font-size: 1rem
}
.dropdown-toggle.w--open {
color: #000
}
.dropdown-list {
width: 100%
}
.wrap-big-menu {
margin-bottom: 0
}
.inner-drop-down-wrp {
border-radius: 24px;
padding: 16px;
overflow: hidden
}
.nav-grid-dropdown {
grid-template-columns: 1fr
}
.menu-bar-wrp.mb-hide {
display: none
}
.mega-menu-link-wrp {
justify-content: center;
align-items: center
}
.mega-menu-link {
font-size: 1rem
}
.mega-sub-txt {
font-size: .65rem
}
.highlight-wrp {
justify-content: center;
align-items: center;
padding: 1rem
}
.collection-list {
grid-column-gap: 2rem;
grid-row-gap: 2rem
}
.mb-img-wrap {
aspect-ratio: 1
}
.testimonials-wrap {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: column;
margin-top: 2rem;
display: flex
}
.testimonial {
grid-column-gap: 12px;
grid-row-gap: 12px;
background-color: #fff;
border-radius: 15px;
flex-flow: column;
padding: 16px 32px 24px 16px;
display: flex
}
.testimonial-title-wrap {
grid-column-gap: 8px;
grid-row-gap: 8px;
justify-content: flex-start;
align-items: center;
display: flex
}
.t-icon-wrap {
width: 32px
}
.testimonial-title {
font-size: 12px;
line-height: 100%
}
.clr-black-40 {
color: #0006
}
.mb-text-20 {
font-size: 20px;
line-height: 124%
}
.mb-slider-image {
width: 100%;
display: block
}
.dot {
display: inline
}
.dev {
display: none
}
.mb-max-w {
width: 65%
}
._404-page-wrap {
padding-left: 0;
padding-right: 0
}
._404-title {
font-size: 2.75rem
}
._404-video {
width: 100%;
height: 65%
}
.ty-wrapper {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem
}
.nav-items-wrapper {
width: 100%
}
.menu-padding {
width: 100%;
padding: .5rem 0 1rem
}
.section-space {
margin-bottom: 1.5rem
}
.section-space.is-large {
margin-bottom: 2rem
}
.blog-grid {
padding-bottom: 2rem
}
.fs-toc_richtext h2 {
font-size: 2rem
}
.fs-toc_richtext h3 {
font-size: 1.75rem
}
.fs-toc_richtext h4 {
font-size: 1.35rem
}
.fs-toc_richtext h5 {
font-size: 1.125rem
}
.fs-toc_richtext p {
margin-bottom: 1rem;
font-size: 16px
}
.note-wrapper {
margin-top: 1rem;
margin-bottom: 1.5rem
}
.note-wrapper.is-title {
top: -10%
}
.note-inner {
padding: 1.5rem 20px .75rem
}
.note-inner.is-title {
font-size: 1rem
}
.seperated-line {
margin-bottom: .75rem
}
.seperated-inner {
padding-left: .25rem
}
.blog-tabs-menu {
margin-bottom: 2rem
}
.blogs-item-wrap {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-template-columns: 1fr
}
.blog-inner-content-wrap {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
margin-top: 1.25rem
}
.blog-title {
font-size: 1.125rem
}
.preloader-inner {
height: 100dvh;
padding-bottom: 2rem
}
.preload-text-inner {
width: 100%;
font-size: 1.25rem
}
.card-img-inner {
width: 60%;
height: auto
}
.navbar-button-wrap {
border-radius: 2em
}
.cta-prof-image {
width: 40px
}
.grid-heading-div {
grid-row-gap: 14px;
margin-bottom: 40px
}
.service-text {
font-size: 28px;
line-height: 36px
}
.paragraph-2 {
display: inline
}
.paragraph-2.max-width {
max-width: none
}
.paragraph-2.grey-text.rev {
font-size: 14px;
line-height: 18px
}
.single-full-div {
border-radius: 10px;
padding: 40px 20px
}
.single-full-div._1,.single-full-div._2 {
padding: 24px 16px
}
.cta-div-2 {
grid-row-gap: 20px;
border-radius: 20px;
grid-template-columns: 1fr;
padding-bottom: 30px;
padding-left: 25px;
padding-right: 25px
}
.patternheading-div {
padding-bottom: 0;
padding-left: 6px;
padding-right: 6px
}
.pattern-head-div {
justify-content: flex-start;
display: block;
position: relative
}
.footer-first-div {
grid-row-gap: 18px
}
.footer-title {
font-size: 30px;
line-height: 40px
}
.footer-title.green {
line-height: 30px
}
.plans-grid {
width: 100%
}
.small {
font-size: 16px;
line-height: 16px
}
.patter-footer {
width: 30px;
height: 30px;
margin-bottom: 6px;
position: relative
}
.head-pattern {
width: 46px
}
.solution-card {
padding: 33px 20px
}
.single-service-card {
padding: 64px 20px 20px
}
.faq-content-div {
padding: 14px 10px
}
.arrow-footer {
width: 10px
}
.inner-button.bigger {
min-width: 160px;
padding-bottom: 16px;
padding-left: 34px;
padding-right: 34px;
font-size: 12px;
line-height: 14px
}
.inner-button.white {
width: 100%;
padding-top: 18px;
padding-bottom: 16px
}
.inner-button.white._100 {
padding-bottom: 16px;
font-size: 12px;
line-height: 14px
}
.plus {
width: 12px
}
.para-div-grid.top-padding {
width: 90%
}
.footer-grid {
margin-bottom: 40px
}
.button-wrapper-cta {
grid-row-gap: 10px;
flex-direction: column;
justify-content: space-between;
align-items: stretch;
width: 100%
}
.main-tab-div {
margin-bottom: 0
}
.service-card-2 {
padding-top: 42px
}
.container-2 {
padding-top: 50px;
padding-bottom: 50px
}
.container-2.tab {
margin-bottom: -32px;
padding-bottom: 0
}
.container-2.end {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: column-reverse
}
.footer-end-2 {
grid-column-gap: 16px;
grid-row-gap: 10px;
flex-flow: wrap;
justify-content: center;
align-items: center
}
.logo-brands {
grid-column-gap: 30px;
grid-row-gap: 30px;
flex-wrap: wrap
}
.pro-div {
font-size: 13px
}
.footer-single-linkd-iv {
grid-row-gap: 14px
}
.bg-video-div {
border-radius: 10px
}
.grid-mainsd {
margin-bottom: 0
}
.para-div {
margin-top: 10px
}
.paragraph-footer {
font-size: 14px;
line-height: 20px
}
.arrow-embed {
width: 12px;
height: 12px
}
.teste-detail-div {
grid-row-gap: 6px
}
.pattern-better {
height: 140px
}
.button-cta-div {
grid-row-gap: 10px;
flex-flow: column
}
.grifter-meet-text {
font-size: 16px;
line-height: 23px
}
.button-arrow-div {
top: 10px;
right: 10px
}
.price-cta-section {
grid-row-gap: 10px;
padding: 41px 16px
}
.price-tab-div {
grid-column-gap: 8px;
grid-row-gap: 10px;
flex-direction: row;
padding: 8px 14px
}
.testimonial-text {
font-size: 18px;
line-height: 29px
}
.heading-1.sec {
font-size: 13vw;
line-height: 1.2
}
.heading-4 {
font-size: 20px;
line-height: 32px
}
.section-2.overflow-hidden.tab {
padding-bottom: 47px
}
.section-2.pattern {
min-height: 60vh
}
.section-2.hero {
flex-flow: column
}
.footer-mid-text {
grid-row-gap: 20px;
flex-direction: column
}
.bgi-head-div {
text-align: left
}
.tab-big-image {
margin-top: -58px;
margin-left: 20px
}
.tabs-menu {
grid-row-gap: 20px;
grid-template-columns: 1fr;
padding-left: 10px;
padding-right: 10px
}
.hero-city-head {
grid-row-gap: 30px
}
.teste-para {
font-size: 12px
}
.heading-3 {
font-size: 20px;
line-height: 30px
}
.heading-3.ct {
font-size: 26px
}
.tab-layout-div {
padding-left: 10px;
padding-right: 10px
}
.tab-layout-div.sec {
margin-bottom: 94px
}
.single-price-card {
border-radius: 20px
}
.full-single-step-div {
padding: 20px 14px
}
.footer-end-div {
padding-top: 20px;
padding-bottom: 20px
}
.spline-3d-moddle {
height: 50vh
}
.secondary-button-2.big {
min-width: 140px;
padding-bottom: 16px;
font-size: 12px;
line-height: 14px
}
.prof-rev {
grid-column-gap: 10px
}
.serivce-icon {
height: 116px
}
.heading-2.side {
font-size: 24px;
line-height: 38px
}
.spline-wrapper {
height: 40vh
}
.splide__track-2 {
width: 74%
}
.tablink-price {
padding: 12px 20px;
font-size: 12px;
line-height: 18px
}
.arrow-2 {
width: 40px;
height: 40px;
left: 0%
}
.arrow-2.right {
right: 0%
}
.rev-image {
height: 16px
}
.absolute-content-div {
border-radius: 12px;
padding: 14px 10px;
font-size: 12px;
line-height: 24px
}
.hover-head-first {
grid-column-gap: 0px;
flex-wrap: wrap
}
.hover-head-first.sec {
grid-column-gap: 10px
}
.hover-head-first._3 {
justify-content: flex-start;
align-items: flex-start
}
.main-faq {
grid-row-gap: 30px
}
.rev-icon {
width: 120px
}
.faq-detail-inner-div {
padding-top: 16px
}
.faq-circle-div {
width: 36px;
height: 36px;
margin-top: 10px
}
.single-faq {
grid-column-gap: 10px;
grid-row-gap: 10px;
grid-template-columns: 36px 1fr
}
.design-grid-2 {
grid-template-columns: 1fr
}
.paragraph-26-copy {
font-size: 12px;
line-height: 23px
}
.paragraph-26-copy.small.dark-grey {
font-size: 14px;
line-height: 25px
}
.rev-para {
justify-content: flex-start;
align-items: center
}
.rocket-icon {
margin-left: 8px
}
.rev-section {
grid-row-gap: 16px;
flex-direction: column;
align-items: flex-start
}
.design-ser-card {
grid-row-gap: 20px;
padding-top: 40px;
padding-bottom: 20px
}
.team-text-2.semi-bold {
font-size: 16px
}
.list-city-text {
font-size: 16px;
line-height: 16px
}
.pricing-div {
width: 100%;
padding: 1rem
}
.flex-block-2 {
flex-flow: column
}
.s-audit-input-wrapper {
padding-top: .5rem;
padding-bottom: .5rem;
padding-right: .5rem
}
.s-process-grid-wrap {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
grid-template-columns: 1fr
}
.s-design-title-wrap {
width: 100%
}
.s-review-content-col {
padding-top: 1rem;
padding-left: 1rem;
padding-right: 1rem
}
.s-hero-audit-wrap {
width: 100%
}
.s-design-live-img-wrap {
justify-content: flex-end;
align-items: stretch
}
.s-review-info-wrap {
flex-flow: column;
justify-content: flex-start;
align-items: flex-start
}
.s-usecase-cards-grid {
grid-template-columns: 1fr
}
.s-process-number {
font-size: 1.75rem
}
.s-review-work {
max-width: 100%;
height: auto
}
.s-services-title-wrap {
max-width: 100%
}
.s-review-cta-button-wrap {
flex-flow: column
}
.s-audit-submit-btn {
background-size: .6rem
}
.s-hero-bottom-content {
width: 100%;
max-width: 260px
}
.s-container.pad-y-200 {
padding-top: 3.5rem;
padding-bottom: 3.5rem
}
.p-s-32 {
font-size: 1.25rem
}
.s-about-section {
grid-column-gap: 2rem;
grid-row-gap: 2rem
}
.s-usecase-title-wrap {
width: 100%
}
.s-review-cta-content-wrap {
grid-column-gap: 1rem;
grid-row-gap: 1rem
}
.p-s-24 {
letter-spacing: -.05px;
font-size: 1.125rem
}
.s-reviews-card-wrap {
padding-top: 2rem;
padding-bottom: 2rem
}
.s-hero-certification-wrap {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem
}
.s-services-wrap {
padding-left: 1rem
}
.img-wrap.is-clutch {
width: 7rem
}
.img-wrap.is-c-partner {
width: 7.5rem
}
.s-design-grid-card.is-cost {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem
}
.s-review-video-card {
aspect-ratio: 1
}
.heading-h1 {
letter-spacing: -1px;
font-size: 2.25rem
}
.s-about-text-hover-wrap {
grid-column-gap: .5rem;
grid-row-gap: .5rem
}
.s-stats-grid {
grid-template-columns: 1fr
}
.s-audit-input {
font-size: 1rem
}
.s-review-grid {
grid-template-columns: 1fr
}
.space-30 {
margin-bottom: 1.125rem
}
.s-reviews-card {
flex-flow: column;
display: flex
}
._w-80 {
width: 100%
}
.s-design-cost-grid {
width: 40%
}
.s-reviews-bottom-content {
width: 100%
}
.s-review-rating {
width: 7rem
}
.s-hero-top-content {
grid-column-gap: 2rem;
grid-row-gap: 2rem
}
.s-audit-form {
width: 100%
}
.s-usecase-bg-wrap {
top: 6%
}
.s-design-live-grid {
transform: rotateX(45deg)rotateY(20deg)rotate(-25deg)translateY(2em)
}
.s-design-cost-done-icon {
width: 1rem
}
.s-service-content-wrap {
grid-column-gap: .75rem;
grid-row-gap: .75rem
}
.s-hero-heading-span,.d-block {
display: inline
}
.fs-toc_richtext-updated h2 {
font-size: 2rem
}
.fs-toc_richtext-updated h3 {
font-size: 1.75rem
}
.fs-toc_richtext-updated h4 {
font-size: 1.35rem
}
.fs-toc_richtext-updated h5 {
font-size: 1.125rem
}
.fs-toc_richtext-updated p {
margin-bottom: 1rem;
font-size: 16px
}
.fs-toc_richtext-updated figure {
margin-top: .5rem;
margin-bottom: 1rem
}
.max-50 {
max-width: 100%
}
.para-18 {
font-size: 16px
}
.fs-toc_link-content-updated {
border-radius: 1rem;
padding-left: 20px;
padding-right: 20px
}
.blog-toc-wrapper-copy {
margin-top: 3rem;
margin-bottom: 2rem
}
.toc-title {
border-radius: .75rem;
left: 6%
}
.hero_wrap-inner {
padding-bottom: 30%
}
.hero_content-wrapper {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
width: 100%
}
.heading-6 {
font-size: 11vw
}
.logo-wrapper {
width: 90%;
bottom: 5%
}
.div-block-202 {
flex-flow: column;
justify-content: flex-start;
align-items: center;
padding-left: 5%;
padding-right: 5%
}
.showreel-video {
font-size: 5vw;
line-height: 1.2
}
.image-135 {
position: relative;
top: -6vw;
left: 26vw
}
}
#w-node-_38bf4507-23db-3f46-cb99-1fe65a9c3366-5a9c3364 {
justify-self: center
}
#w-node-_323fb045-a164-56f3-b920-fcd840cd437f-94651264,#w-node-a9e1ea80-2244-8d54-fb44-3d61c8f2e3bb-94651264,#w-node-fde0498a-b0f7-c1b0-794b-e036a2e029fd-94651264,#w-node-_240e386a-393b-2bc5-5d08-9be50521bb90-94651264,#w-node-bb2a4300-705c-7338-fb73-d7d07fd84c20-94651264,#w-node-_9a2cdb4e-0ae4-34eb-b108-df2455b61b4b-94651264 {
align-self: end
}
#w-node-_5422a3cf-3f0a-fae1-9603-2d68563b7b74-563b7b72 {
justify-self: center
}
#w-node-b0e2611d-49e6-4985-cee2-11ffca267949-563b7b72,#w-node-_89ddf5e8-8125-72f0-ba4c-d01b009d72f7-563b7b72 {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-e37fdfbe-eca4-06b5-dc8d-146530130025-08839ee8 {
justify-self: center
}
#w-node-_5a322141-24e1-3569-4d51-65f6f5c7d4eb-08839ee8 {
grid-area: span 1/span 2/span 1/span 2
}
#w-node-_639e6c54-6e72-4c22-bca3-f5c0e6e7b591-d926c25f,#w-node-_639e6c54-6e72-4c22-bca3-f5c0e6e7b5dd-d926c25f {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-_639e6c54-6e72-4c22-bca3-f5c0e6e7b5e5-d926c25f {
grid-area: 2/2/3/4
}
#w-node-_639e6c54-6e72-4c22-bca3-f5c0e6e7b623-d926c25f {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-_639e6c54-6e72-4c22-bca3-f5c0e6e7b631-d926c25f {
grid-area: span 1/span 1/span 1/span 1;
justify-self: end
}
#w-node-_639e6c54-6e72-4c22-bca3-f5c0e6e7b63d-d926c25f,#w-node-_639e6c54-6e72-4c22-bca3-f5c0e6e7b64c-d926c25f,#w-node-_639e6c54-6e72-4c22-bca3-f5c0e6e7b65b-d926c25f,#w-node-_639e6c54-6e72-4c22-bca3-f5c0e6e7b66a-d926c25f,#w-node-_639e6c54-6e72-4c22-bca3-f5c0e6e7b679-d926c25f,#w-node-_639e6c54-6e72-4c22-bca3-f5c0e6e7b688-d926c25f,#w-node-_639e6c54-6e72-4c22-bca3-f5c0e6e7b697-d926c25f,#w-node-_639e6c54-6e72-4c22-bca3-f5c0e6e7b6a6-d926c25f,#w-node-_639e6c54-6e72-4c22-bca3-f5c0e6e7b6b8-d926c25f {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-_639e6c54-6e72-4c22-bca3-f5c0e6e7b6c4-d926c25f {
grid-area: span 1/span 1/span 1/span 1;
justify-self: end
}
#w-node-_639e6c54-6e72-4c22-bca3-f5c0e6e7b6e0-d926c25f {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-_639e6c54-6e72-4c22-bca3-f5c0e6e7b6ea-d926c25f {
grid-area: span 1/span 1/span 1/span 1;
justify-self: end
}
#w-node-_639e6c54-6e72-4c22-bca3-f5c0e6e7b6f1-d926c25f,#w-node-_639e6c54-6e72-4c22-bca3-f5c0e6e7b6fb-d926c25f,#w-node-_639e6c54-6e72-4c22-bca3-f5c0e6e7b705-d926c25f,#w-node-_639e6c54-6e72-4c22-bca3-f5c0e6e7b70f-d926c25f,#w-node-_639e6c54-6e72-4c22-bca3-f5c0e6e7b719-d926c25f,#w-node-_639e6c54-6e72-4c22-bca3-f5c0e6e7b723-d926c25f,#w-node-c5c882c9-7d12-d7dc-8409-29952f660c78-d926c25f {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-c5c882c9-7d12-d7dc-8409-29952f660c82-d926c25f {
grid-area: span 1/span 1/span 1/span 1;
justify-self: end
}
#w-node-c5c882c9-7d12-d7dc-8409-29952f660c86-d926c25f,#w-node-c5c882c9-7d12-d7dc-8409-29952f660c8f-d926c25f,#w-node-c5c882c9-7d12-d7dc-8409-29952f660c99-d926c25f,#w-node-c5c882c9-7d12-d7dc-8409-29952f660ca3-d926c25f,#w-node-c5c882c9-7d12-d7dc-8409-29952f660cad-d926c25f,#w-node-c5c882c9-7d12-d7dc-8409-29952f660cb7-d926c25f,#w-node-c5c882c9-7d12-d7dc-8409-29952f660cc1-d926c25f,#w-node-c5c882c9-7d12-d7dc-8409-29952f660ccb-d926c25f,#w-node-c5c882c9-7d12-d7dc-8409-29952f660cd5-d926c25f,#w-node-_639e6c54-6e72-4c22-bca3-f5c0e6e7b7a6-d926c25f {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-_639e6c54-6e72-4c22-bca3-f5c0e6e7b7ae-d926c25f {
grid-area: span 1/span 1/span 1/span 1;
justify-self: end
}
#w-node-e730748f-1759-2b03-8473-33fbd985704b-d926c25f {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-_639e6c54-6e72-4c22-bca3-f5c0e6e7b7d5-d926c25f {
grid-area: span 1/span 1/span 1/span 1;
justify-self: end
}
#w-node-_639e6c54-6e72-4c22-bca3-f5c0e6e7b606-d926c25f {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-_639e6c54-6e72-4c22-bca3-f5c0e6e7b610-d926c25f {
grid-area: span 1/span 1/span 1/span 1;
justify-self: end
}
#w-node-_639e6c54-6e72-4c22-bca3-f5c0e6e7b61b-d926c25f,#w-node-dba4d011-2ee8-26aa-e8ce-fd66cf992e33-d926c25f {
justify-self: center
}
#w-node-_639e6c54-6e72-4c22-bca3-f5c0e6e7b7e1-d926c25f,#w-node-_7cfde5c1-2932-d12e-4c42-df6dbd8592f3-d926c25f,#w-node-_7cfde5c1-2932-d12e-4c42-df6dbd8592f4-d926c25f,#w-node-_7cfde5c1-2932-d12e-4c42-df6dbd8592fe-d926c25f,#w-node-_7cfde5c1-2932-d12e-4c42-df6dbd8592ff-d926c25f,#w-node-_7cfde5c1-2932-d12e-4c42-df6dbd85930b-d926c25f,#w-node-_7cfde5c1-2932-d12e-4c42-df6dbd85930c-d926c25f,#w-node-_639e6c54-6e72-4c22-bca3-f5c0e6e7b821-d926c25f {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-_639e6c54-6e72-4c22-bca3-f5c0e6e7b829-d926c25f {
grid-area: span 1/span 1/span 1/span 1;
justify-self: end
}
#w-node-_639e6c54-6e72-4c22-bca3-f5c0e6e7b83d-d926c25f,#w-node-_639e6c54-6e72-4c22-bca3-f5c0e6e7b86c-d926c25f,#w-node-_639e6c54-6e72-4c22-bca3-f5c0e6e7b89f-d926c25f,#w-node-_639e6c54-6e72-4c22-bca3-f5c0e6e7b8d2-d926c25f,#w-node-_639e6c54-6e72-4c22-bca3-f5c0e6e7b901-d926c25f,#w-node-_639e6c54-6e72-4c22-bca3-f5c0e6e7b934-d926c25f,#w-node-_639e6c54-6e72-4c22-bca3-f5c0e6e7b967-d926c25f,#w-node-_639e6c54-6e72-4c22-bca3-f5c0e6e7b996-d926c25f,#w-node-_639e6c54-6e72-4c22-bca3-f5c0e6e7b9c9-d926c25f,#w-node-_639e6c54-6e72-4c22-bca3-f5c0e6e7b9fb-d926c25f,#w-node-_639e6c54-6e72-4c22-bca3-f5c0e6e7b9fc-d926c25f,#w-node-_639e6c54-6e72-4c22-bca3-f5c0e6e7ba06-d926c25f,#w-node-_639e6c54-6e72-4c22-bca3-f5c0e6e7ba07-d926c25f,#w-node-_639e6c54-6e72-4c22-bca3-f5c0e6e7ba08-d926c25f,#w-node-_639e6c54-6e72-4c22-bca3-f5c0e6e7ba14-d926c25f,#w-node-_639e6c54-6e72-4c22-bca3-f5c0e6e7ba18-d926c25f,#w-node-_639e6c54-6e72-4c22-bca3-f5c0e6e7ba32-d926c25f {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-_639e6c54-6e72-4c22-bca3-f5c0e6e7ba42-d926c25f {
grid-area: span 1/span 1/span 1/span 1;
align-self: center
}
#w-node-_639e6c54-6e72-4c22-bca3-f5c0e6e7ba43-d926c25f {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-_639e6c54-6e72-4c22-bca3-f5c0e6e7ba53-d926c25f {
grid-area: span 1/span 1/span 1/span 1;
align-self: center
}
#w-node-_639e6c54-6e72-4c22-bca3-f5c0e6e7ba54-d926c25f,#w-node-_639e6c54-6e72-4c22-bca3-f5c0e6e7ba69-d926c25f {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-_639e6c54-6e72-4c22-bca3-f5c0e6e7ba73-d926c25f {
grid-area: span 1/span 1/span 1/span 1;
align-self: center
}
#w-node-_639e6c54-6e72-4c22-bca3-f5c0e6e7ba74-d926c25f {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-_639e6c54-6e72-4c22-bca3-f5c0e6e7ba82-d926c25f {
grid-area: span 1/span 1/span 1/span 1;
align-self: center
}
#w-node-_639e6c54-6e72-4c22-bca3-f5c0e6e7ba83-d926c25f {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-_639e6c54-6e72-4c22-bca3-f5c0e6e7ba93-d926c25f {
grid-area: span 1/span 1/span 1/span 1;
align-self: center
}
#w-node-_639e6c54-6e72-4c22-bca3-f5c0e6e7ba94-d926c25f,#w-node-_639e6c54-6e72-4c22-bca3-f5c0e6e7baa9-d926c25f {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-_639e6c54-6e72-4c22-bca3-f5c0e6e7babb-d926c25f {
grid-area: span 1/span 1/span 1/span 1;
align-self: center
}
#w-node-_639e6c54-6e72-4c22-bca3-f5c0e6e7babc-d926c25f {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-_639e6c54-6e72-4c22-bca3-f5c0e6e7bacc-d926c25f {
grid-area: span 1/span 1/span 1/span 1;
align-self: center
}
#w-node-_639e6c54-6e72-4c22-bca3-f5c0e6e7bacd-d926c25f {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-_639e6c54-6e72-4c22-bca3-f5c0e6e7badf-d926c25f {
grid-area: span 1/span 1/span 1/span 1;
align-self: center
}
#w-node-_639e6c54-6e72-4c22-bca3-f5c0e6e7bae0-d926c25f,#w-node-_639e6c54-6e72-4c22-bca3-f5c0e6e7baed-d926c25f {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-_639e6c54-6e72-4c22-bca3-f5c0e6e7baf7-d926c25f {
grid-area: span 1/span 1/span 1/span 1;
align-self: center
}
#w-node-_639e6c54-6e72-4c22-bca3-f5c0e6e7baf8-d926c25f {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-_639e6c54-6e72-4c22-bca3-f5c0e6e7bb08-d926c25f {
grid-area: span 1/span 1/span 1/span 1;
align-self: center
}
#w-node-_639e6c54-6e72-4c22-bca3-f5c0e6e7bb09-d926c25f {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-_639e6c54-6e72-4c22-bca3-f5c0e6e7bb19-d926c25f {
grid-area: span 1/span 1/span 1/span 1;
align-self: center
}
#w-node-_639e6c54-6e72-4c22-bca3-f5c0e6e7bb1a-d926c25f,#w-node-_639e6c54-6e72-4c22-bca3-f5c0e6e7bb37-d926c25f {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-_639e6c54-6e72-4c22-bca3-f5c0e6e7bb47-d926c25f {
grid-area: span 1/span 1/span 1/span 1;
align-self: center
}
#w-node-_639e6c54-6e72-4c22-bca3-f5c0e6e7bb48-d926c25f {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-_639e6c54-6e72-4c22-bca3-f5c0e6e7bb58-d926c25f {
grid-area: span 1/span 1/span 1/span 1;
align-self: center
}
#w-node-_639e6c54-6e72-4c22-bca3-f5c0e6e7bb59-d926c25f,#w-node-_639e6c54-6e72-4c22-bca3-f5c0e6e7bb72-d926c25f {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-_639e6c54-6e72-4c22-bca3-f5c0e6e7bb7c-d926c25f {
grid-area: span 1/span 1/span 1/span 1;
align-self: center
}
#w-node-_639e6c54-6e72-4c22-bca3-f5c0e6e7bb7d-d926c25f {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-_639e6c54-6e72-4c22-bca3-f5c0e6e7bb8b-d926c25f {
grid-area: span 1/span 1/span 1/span 1;
align-self: center
}
#w-node-_639e6c54-6e72-4c22-bca3-f5c0e6e7bb8c-d926c25f {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-_639e6c54-6e72-4c22-bca3-f5c0e6e7bb9c-d926c25f {
grid-area: span 1/span 1/span 1/span 1;
align-self: center
}
#w-node-_639e6c54-6e72-4c22-bca3-f5c0e6e7bb9d-d926c25f,#w-node-_639e6c54-6e72-4c22-bca3-f5c0e6e7bbb6-d926c25f {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-_639e6c54-6e72-4c22-bca3-f5c0e6e7bbc8-d926c25f {
grid-area: span 1/span 1/span 1/span 1;
align-self: center
}
#w-node-_639e6c54-6e72-4c22-bca3-f5c0e6e7bbc9-d926c25f {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-_639e6c54-6e72-4c22-bca3-f5c0e6e7bbd9-d926c25f {
grid-area: span 1/span 1/span 1/span 1;
align-self: center
}
#w-node-_639e6c54-6e72-4c22-bca3-f5c0e6e7bbda-d926c25f {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-_639e6c54-6e72-4c22-bca3-f5c0e6e7bbec-d926c25f {
grid-area: span 1/span 1/span 1/span 1;
align-self: center
}
#w-node-_639e6c54-6e72-4c22-bca3-f5c0e6e7bbed-d926c25f,#w-node-_639e6c54-6e72-4c22-bca3-f5c0e6e7bbfe-d926c25f {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-_639e6c54-6e72-4c22-bca3-f5c0e6e7bc08-d926c25f {
grid-area: span 1/span 1/span 1/span 1;
align-self: center
}
#w-node-_639e6c54-6e72-4c22-bca3-f5c0e6e7bc09-d926c25f {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-_639e6c54-6e72-4c22-bca3-f5c0e6e7bc19-d926c25f {
grid-area: span 1/span 1/span 1/span 1;
align-self: center
}
#w-node-_639e6c54-6e72-4c22-bca3-f5c0e6e7bc1a-d926c25f {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-_639e6c54-6e72-4c22-bca3-f5c0e6e7bc2a-d926c25f {
grid-area: span 1/span 1/span 1/span 1;
align-self: center
}
#w-node-_639e6c54-6e72-4c22-bca3-f5c0e6e7bc2b-d926c25f,#w-node-_639e6c54-6e72-4c22-bca3-f5c0e6e7bc99-d926c25f {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-_639e6c54-6e72-4c22-bca3-f5c0e6e7bca1-d926c25f {
grid-area: span 1/span 1/span 1/span 1;
justify-self: end
}
#w-node-_639e6c54-6e72-4c22-bca3-f5c0e6e7bcb8-d926c25f {
grid-area: 1/2/2/3
}
#w-node-_639e6c54-6e72-4c22-bca3-f5c0e6e7bcc3-d926c25f,#w-node-_639e6c54-6e72-4c22-bca3-f5c0e6e7bcc5-d926c25f,#w-node-_639e6c54-6e72-4c22-bca3-f5c0e6e7bcd3-d926c25f,#w-node-_639e6c54-6e72-4c22-bca3-f5c0e6e7bcd5-d926c25f,#w-node-_639e6c54-6e72-4c22-bca3-f5c0e6e7bcdd-d926c25f,#w-node-_639e6c54-6e72-4c22-bca3-f5c0e6e7bcdf-d926c25f,#w-node-_639e6c54-6e72-4c22-bca3-f5c0e6e7bce7-d926c25f,#w-node-_639e6c54-6e72-4c22-bca3-f5c0e6e7bce9-d926c25f,#w-node-_639e6c54-6e72-4c22-bca3-f5c0e6e7bcf1-d926c25f,#w-node-_639e6c54-6e72-4c22-bca3-f5c0e6e7bcf3-d926c25f,#w-node-_639e6c54-6e72-4c22-bca3-f5c0e6e7bcfb-d926c25f,#w-node-_639e6c54-6e72-4c22-bca3-f5c0e6e7bcfd-d926c25f,#w-node-_639e6c54-6e72-4c22-bca3-f5c0e6e7bd12-d926c25f {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-_639e6c54-6e72-4c22-bca3-f5c0e6e7bd22-d926c25f {
grid-area: span 1/span 1/span 1/span 1;
justify-self: start
}
#w-node-_639e6c54-6e72-4c22-bca3-f5c0e6e7bd44-d926c25f {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-_639e6c54-6e72-4c22-bca3-f5c0e6e7bd59-d926c25f {
grid-area: span 1/span 1/span 1/span 1;
align-self: center
}
#w-node-_639e6c54-6e72-4c22-bca3-f5c0e6e7bd5a-d926c25f,#w-node-_639e6c54-6e72-4c22-bca3-f5c0e6e7bd5d-d926c25f {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-_639e6c54-6e72-4c22-bca3-f5c0e6e7bd68-d926c25f {
grid-area: span 1/span 2/span 1/span 2
}
#w-node-_639e6c54-6e72-4c22-bca3-f5c0e6e7bd69-d926c25f,#w-node-_639e6c54-6e72-4c22-bca3-f5c0e6e7bd6a-d926c25f,#w-node-_639e6c54-6e72-4c22-bca3-f5c0e6e7bd6b-d926c25f,#w-node-b98bb4ba-fa41-35e3-4185-d2f4e2e8bad9-b4a83eb6,#w-node-_45ede0e3-6c19-8437-3e1d-e1982c477d3a-b4a83eb6 {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-_45ede0e3-6c19-8437-3e1d-e1982c477d46-b4a83eb6 {
grid-area: 2/2/3/4
}
#w-node-b98bb4ba-fa41-35e3-4185-d2f4e2e8bb4d-b4a83eb6 {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-b98bb4ba-fa41-35e3-4185-d2f4e2e8bb59-b4a83eb6 {
grid-area: span 1/span 1/span 1/span 1;
justify-self: end
}
#w-node-b98bb4ba-fa41-35e3-4185-d2f4e2e8bb5e-b4a83eb6,#w-node-b98bb4ba-fa41-35e3-4185-d2f4e2e8bb6d-b4a83eb6,#w-node-b98bb4ba-fa41-35e3-4185-d2f4e2e8bb7c-b4a83eb6,#w-node-b98bb4ba-fa41-35e3-4185-d2f4e2e8bb8b-b4a83eb6,#w-node-b98bb4ba-fa41-35e3-4185-d2f4e2e8bb9a-b4a83eb6,#w-node-b98bb4ba-fa41-35e3-4185-d2f4e2e8bba9-b4a83eb6,#w-node-b98bb4ba-fa41-35e3-4185-d2f4e2e8bbb8-b4a83eb6,#w-node-b98bb4ba-fa41-35e3-4185-d2f4e2e8bbc7-b4a83eb6,#w-node-b98bb4ba-fa41-35e3-4185-d2f4e2e8bbd9-b4a83eb6 {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-b98bb4ba-fa41-35e3-4185-d2f4e2e8bbe3-b4a83eb6 {
grid-area: span 1/span 1/span 1/span 1;
justify-self: end
}
#w-node-ebce53f2-c47e-df3a-cc4c-ce50e56ff5bb-b4a83eb6 {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-ebce53f2-c47e-df3a-cc4c-ce50e56ff5c5-b4a83eb6 {
grid-area: span 1/span 1/span 1/span 1;
justify-self: end
}
#w-node-ebce53f2-c47e-df3a-cc4c-ce50e56ff5ca-b4a83eb6,#w-node-ebce53f2-c47e-df3a-cc4c-ce50e56ff5d5-b4a83eb6,#w-node-ebce53f2-c47e-df3a-cc4c-ce50e56ff5e0-b4a83eb6,#w-node-ebce53f2-c47e-df3a-cc4c-ce50e56ff5eb-b4a83eb6,#w-node-ebce53f2-c47e-df3a-cc4c-ce50e56ff5f6-b4a83eb6,#w-node-ebce53f2-c47e-df3a-cc4c-ce50e56ff601-b4a83eb6,#w-node-b98bb4ba-fa41-35e3-4185-d2f4e2e8bc55-b4a83eb6 {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-b98bb4ba-fa41-35e3-4185-d2f4e2e8bc5f-b4a83eb6 {
grid-area: span 1/span 1/span 1/span 1;
justify-self: end
}
#w-node-b98bb4ba-fa41-35e3-4185-d2f4e2e8bc63-b4a83eb6,#w-node-b98bb4ba-fa41-35e3-4185-d2f4e2e8bc6c-b4a83eb6,#w-node-b98bb4ba-fa41-35e3-4185-d2f4e2e8bc76-b4a83eb6,#w-node-b98bb4ba-fa41-35e3-4185-d2f4e2e8bc80-b4a83eb6,#w-node-b98bb4ba-fa41-35e3-4185-d2f4e2e8bc8a-b4a83eb6,#w-node-b98bb4ba-fa41-35e3-4185-d2f4e2e8bc94-b4a83eb6,#w-node-b98bb4ba-fa41-35e3-4185-d2f4e2e8bc9e-b4a83eb6,#w-node-b98bb4ba-fa41-35e3-4185-d2f4e2e8bca8-b4a83eb6,#w-node-b98bb4ba-fa41-35e3-4185-d2f4e2e8bcb2-b4a83eb6,#w-node-b98bb4ba-fa41-35e3-4185-d2f4e2e8bcc3-b4a83eb6 {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-b98bb4ba-fa41-35e3-4185-d2f4e2e8bccb-b4a83eb6 {
grid-area: span 1/span 1/span 1/span 1;
justify-self: end
}
#w-node-b98bb4ba-fa41-35e3-4185-d2f4e2e8bcee-b4a83eb6 {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-b98bb4ba-fa41-35e3-4185-d2f4e2e8bcf3-b4a83eb6 {
grid-area: span 1/span 1/span 1/span 1;
justify-self: end
}
#w-node-b98bb4ba-fa41-35e3-4185-d2f4e2e8bcfd-b4a83eb6 {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-b98bb4ba-fa41-35e3-4185-d2f4e2e8bd07-b4a83eb6 {
grid-area: span 1/span 1/span 1/span 1;
justify-self: end
}
#w-node-b98bb4ba-fa41-35e3-4185-d2f4e2e8bd15-b4a83eb6 {
justify-self: center
}
#w-node-_8bd38266-559f-c1ac-9ea3-0bb29770574e-b4a83eb6,#w-node-_8bd38266-559f-c1ac-9ea3-0bb297705768-b4a83eb6,#w-node-_8bd38266-559f-c1ac-9ea3-0bb297705769-b4a83eb6,#w-node-_8bd38266-559f-c1ac-9ea3-0bb297705773-b4a83eb6,#w-node-_8bd38266-559f-c1ac-9ea3-0bb297705774-b4a83eb6,#w-node-_8bd38266-559f-c1ac-9ea3-0bb297705780-b4a83eb6,#w-node-_8bd38266-559f-c1ac-9ea3-0bb297705781-b4a83eb6,#w-node-de0426a9-5748-52b5-71ef-ac726508ca2e-b4a83eb6,#w-node-de0426a9-5748-52b5-71ef-ac726508ca5d-b4a83eb6,#w-node-de0426a9-5748-52b5-71ef-ac726508ca90-b4a83eb6,#w-node-b98bb4ba-fa41-35e3-4185-d2f4e2e8bda9-b4a83eb6 {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-b98bb4ba-fa41-35e3-4185-d2f4e2e8bdb1-b4a83eb6 {
grid-area: span 1/span 1/span 1/span 1;
justify-self: end
}
#w-node-b98bb4ba-fa41-35e3-4185-d2f4e2e8bdc5-b4a83eb6,#w-node-b98bb4ba-fa41-35e3-4185-d2f4e2e8bdf4-b4a83eb6,#w-node-b98bb4ba-fa41-35e3-4185-d2f4e2e8be27-b4a83eb6,#w-node-b98bb4ba-fa41-35e3-4185-d2f4e2e8be5a-b4a83eb6,#w-node-b98bb4ba-fa41-35e3-4185-d2f4e2e8be89-b4a83eb6,#w-node-b98bb4ba-fa41-35e3-4185-d2f4e2e8bebc-b4a83eb6,#w-node-b98bb4ba-fa41-35e3-4185-d2f4e2e8beef-b4a83eb6,#w-node-b98bb4ba-fa41-35e3-4185-d2f4e2e8bf1e-b4a83eb6,#w-node-b98bb4ba-fa41-35e3-4185-d2f4e2e8bf51-b4a83eb6,#w-node-b98bb4ba-fa41-35e3-4185-d2f4e2e8bf83-b4a83eb6,#w-node-b98bb4ba-fa41-35e3-4185-d2f4e2e8bf84-b4a83eb6,#w-node-b98bb4ba-fa41-35e3-4185-d2f4e2e8bf8e-b4a83eb6,#w-node-b98bb4ba-fa41-35e3-4185-d2f4e2e8bf8f-b4a83eb6,#w-node-b98bb4ba-fa41-35e3-4185-d2f4e2e8bf90-b4a83eb6,#w-node-b98bb4ba-fa41-35e3-4185-d2f4e2e8bf9c-b4a83eb6,#w-node-b98bb4ba-fa41-35e3-4185-d2f4e2e8bfa0-b4a83eb6,#w-node-b98bb4ba-fa41-35e3-4185-d2f4e2e8bfba-b4a83eb6 {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-b98bb4ba-fa41-35e3-4185-d2f4e2e8bfca-b4a83eb6 {
grid-area: span 1/span 1/span 1/span 1;
align-self: center
}
#w-node-b98bb4ba-fa41-35e3-4185-d2f4e2e8bfcb-b4a83eb6 {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-b98bb4ba-fa41-35e3-4185-d2f4e2e8bfdb-b4a83eb6 {
grid-area: span 1/span 1/span 1/span 1;
align-self: center
}
#w-node-b98bb4ba-fa41-35e3-4185-d2f4e2e8bfdc-b4a83eb6,#w-node-b98bb4ba-fa41-35e3-4185-d2f4e2e8bff1-b4a83eb6 {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-b98bb4ba-fa41-35e3-4185-d2f4e2e8bffb-b4a83eb6 {
grid-area: span 1/span 1/span 1/span 1;
align-self: center
}
#w-node-b98bb4ba-fa41-35e3-4185-d2f4e2e8bffc-b4a83eb6 {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-b98bb4ba-fa41-35e3-4185-d2f4e2e8c00a-b4a83eb6 {
grid-area: span 1/span 1/span 1/span 1;
align-self: center
}
#w-node-b98bb4ba-fa41-35e3-4185-d2f4e2e8c00b-b4a83eb6 {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-b98bb4ba-fa41-35e3-4185-d2f4e2e8c01b-b4a83eb6 {
grid-area: span 1/span 1/span 1/span 1;
align-self: center
}
#w-node-b98bb4ba-fa41-35e3-4185-d2f4e2e8c01c-b4a83eb6,#w-node-b98bb4ba-fa41-35e3-4185-d2f4e2e8c031-b4a83eb6 {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-b98bb4ba-fa41-35e3-4185-d2f4e2e8c043-b4a83eb6 {
grid-area: span 1/span 1/span 1/span 1;
align-self: center
}
#w-node-b98bb4ba-fa41-35e3-4185-d2f4e2e8c044-b4a83eb6 {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-b98bb4ba-fa41-35e3-4185-d2f4e2e8c054-b4a83eb6 {
grid-area: span 1/span 1/span 1/span 1;
align-self: center
}
#w-node-b98bb4ba-fa41-35e3-4185-d2f4e2e8c055-b4a83eb6 {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-b98bb4ba-fa41-35e3-4185-d2f4e2e8c067-b4a83eb6 {
grid-area: span 1/span 1/span 1/span 1;
align-self: center
}
#w-node-b98bb4ba-fa41-35e3-4185-d2f4e2e8c068-b4a83eb6,#w-node-b98bb4ba-fa41-35e3-4185-d2f4e2e8c075-b4a83eb6 {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-b98bb4ba-fa41-35e3-4185-d2f4e2e8c07f-b4a83eb6 {
grid-area: span 1/span 1/span 1/span 1;
align-self: center
}
#w-node-b98bb4ba-fa41-35e3-4185-d2f4e2e8c080-b4a83eb6 {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-b98bb4ba-fa41-35e3-4185-d2f4e2e8c090-b4a83eb6 {
grid-area: span 1/span 1/span 1/span 1;
align-self: center
}
#w-node-b98bb4ba-fa41-35e3-4185-d2f4e2e8c091-b4a83eb6 {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-b98bb4ba-fa41-35e3-4185-d2f4e2e8c0a1-b4a83eb6 {
grid-area: span 1/span 1/span 1/span 1;
align-self: center
}
#w-node-b98bb4ba-fa41-35e3-4185-d2f4e2e8c0a2-b4a83eb6,#w-node-b98bb4ba-fa41-35e3-4185-d2f4e2e8c0bf-b4a83eb6 {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-b98bb4ba-fa41-35e3-4185-d2f4e2e8c0cf-b4a83eb6 {
grid-area: span 1/span 1/span 1/span 1;
align-self: center
}
#w-node-b98bb4ba-fa41-35e3-4185-d2f4e2e8c0d0-b4a83eb6 {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-b98bb4ba-fa41-35e3-4185-d2f4e2e8c0e0-b4a83eb6 {
grid-area: span 1/span 1/span 1/span 1;
align-self: center
}
#w-node-b98bb4ba-fa41-35e3-4185-d2f4e2e8c0e1-b4a83eb6,#w-node-b98bb4ba-fa41-35e3-4185-d2f4e2e8c0fa-b4a83eb6 {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-b98bb4ba-fa41-35e3-4185-d2f4e2e8c104-b4a83eb6 {
grid-area: span 1/span 1/span 1/span 1;
align-self: center
}
#w-node-b98bb4ba-fa41-35e3-4185-d2f4e2e8c105-b4a83eb6 {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-b98bb4ba-fa41-35e3-4185-d2f4e2e8c113-b4a83eb6 {
grid-area: span 1/span 1/span 1/span 1;
align-self: center
}
#w-node-b98bb4ba-fa41-35e3-4185-d2f4e2e8c114-b4a83eb6 {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-b98bb4ba-fa41-35e3-4185-d2f4e2e8c124-b4a83eb6 {
grid-area: span 1/span 1/span 1/span 1;
align-self: center
}
#w-node-b98bb4ba-fa41-35e3-4185-d2f4e2e8c125-b4a83eb6,#w-node-b98bb4ba-fa41-35e3-4185-d2f4e2e8c13e-b4a83eb6 {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-b98bb4ba-fa41-35e3-4185-d2f4e2e8c150-b4a83eb6 {
grid-area: span 1/span 1/span 1/span 1;
align-self: center
}
#w-node-b98bb4ba-fa41-35e3-4185-d2f4e2e8c151-b4a83eb6 {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-b98bb4ba-fa41-35e3-4185-d2f4e2e8c161-b4a83eb6 {
grid-area: span 1/span 1/span 1/span 1;
align-self: center
}
#w-node-b98bb4ba-fa41-35e3-4185-d2f4e2e8c162-b4a83eb6 {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-b98bb4ba-fa41-35e3-4185-d2f4e2e8c174-b4a83eb6 {
grid-area: span 1/span 1/span 1/span 1;
align-self: center
}
#w-node-b98bb4ba-fa41-35e3-4185-d2f4e2e8c175-b4a83eb6,#w-node-b98bb4ba-fa41-35e3-4185-d2f4e2e8c186-b4a83eb6 {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-b98bb4ba-fa41-35e3-4185-d2f4e2e8c190-b4a83eb6 {
grid-area: span 1/span 1/span 1/span 1;
align-self: center
}
#w-node-b98bb4ba-fa41-35e3-4185-d2f4e2e8c191-b4a83eb6 {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-b98bb4ba-fa41-35e3-4185-d2f4e2e8c1a1-b4a83eb6 {
grid-area: span 1/span 1/span 1/span 1;
align-self: center
}
#w-node-b98bb4ba-fa41-35e3-4185-d2f4e2e8c1a2-b4a83eb6 {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-b98bb4ba-fa41-35e3-4185-d2f4e2e8c1b2-b4a83eb6 {
grid-area: span 1/span 1/span 1/span 1;
align-self: center
}
#w-node-b98bb4ba-fa41-35e3-4185-d2f4e2e8c1b3-b4a83eb6,#w-node-b98bb4ba-fa41-35e3-4185-d2f4e2e8c205-b4a83eb6 {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-b98bb4ba-fa41-35e3-4185-d2f4e2e8c20d-b4a83eb6 {
grid-area: span 1/span 1/span 1/span 1;
justify-self: end
}
#w-node-b98bb4ba-fa41-35e3-4185-d2f4e2e8c224-b4a83eb6 {
grid-area: 1/2/2/3
}
#w-node-b98bb4ba-fa41-35e3-4185-d2f4e2e8c22f-b4a83eb6,#w-node-b98bb4ba-fa41-35e3-4185-d2f4e2e8c231-b4a83eb6,#w-node-b98bb4ba-fa41-35e3-4185-d2f4e2e8c23f-b4a83eb6,#w-node-b98bb4ba-fa41-35e3-4185-d2f4e2e8c241-b4a83eb6,#w-node-b98bb4ba-fa41-35e3-4185-d2f4e2e8c249-b4a83eb6,#w-node-b98bb4ba-fa41-35e3-4185-d2f4e2e8c24b-b4a83eb6,#w-node-b98bb4ba-fa41-35e3-4185-d2f4e2e8c253-b4a83eb6,#w-node-b98bb4ba-fa41-35e3-4185-d2f4e2e8c255-b4a83eb6,#w-node-b98bb4ba-fa41-35e3-4185-d2f4e2e8c25d-b4a83eb6,#w-node-b98bb4ba-fa41-35e3-4185-d2f4e2e8c25f-b4a83eb6,#w-node-b98bb4ba-fa41-35e3-4185-d2f4e2e8c267-b4a83eb6,#w-node-b98bb4ba-fa41-35e3-4185-d2f4e2e8c269-b4a83eb6,#w-node-b98bb4ba-fa41-35e3-4185-d2f4e2e8c282-b4a83eb6 {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-b98bb4ba-fa41-35e3-4185-d2f4e2e8c292-b4a83eb6 {
grid-area: span 1/span 1/span 1/span 1;
justify-self: start
}
#w-node-b98bb4ba-fa41-35e3-4185-d2f4e2e8c2b4-b4a83eb6 {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-b98bb4ba-fa41-35e3-4185-d2f4e2e8c2c9-b4a83eb6 {
grid-area: span 1/span 1/span 1/span 1;
align-self: center
}
#w-node-b98bb4ba-fa41-35e3-4185-d2f4e2e8c2ca-b4a83eb6,#w-node-b98bb4ba-fa41-35e3-4185-d2f4e2e8c2cd-b4a83eb6 {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-b98bb4ba-fa41-35e3-4185-d2f4e2e8c2d8-b4a83eb6 {
grid-area: span 1/span 2/span 1/span 2
}
#w-node-b98bb4ba-fa41-35e3-4185-d2f4e2e8c2d9-b4a83eb6,#w-node-b98bb4ba-fa41-35e3-4185-d2f4e2e8c2da-b4a83eb6,#w-node-b98bb4ba-fa41-35e3-4185-d2f4e2e8c2db-b4a83eb6 {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-_0b6496b8-0359-8b17-f129-0ab9dcc685e4-98597998,#w-node-_0b6496b8-0359-8b17-f129-0ab9dcc685ef-98597998 {
grid-area: span 1/span 3/span 1/span 3
}
#w-node-_0b6496b8-0359-8b17-f129-0ab9dcc6861f-98597998,#w-node-_0b6496b8-0359-8b17-f129-0ab9dcc68629-98597998,#w-node-_0b6496b8-0359-8b17-f129-0ab9dcc68640-98597998 {
grid-area: span 1/span 2/span 1/span 2
}
#w-node-_0b6496b8-0359-8b17-f129-0ab9dcc685e4-d7e3fccb,#w-node-_0b6496b8-0359-8b17-f129-0ab9dcc685ef-d7e3fccb {
grid-area: span 1/span 3/span 1/span 3
}
#w-node-_0b6496b8-0359-8b17-f129-0ab9dcc6861f-d7e3fccb,#w-node-_0b6496b8-0359-8b17-f129-0ab9dcc68629-d7e3fccb,#w-node-_0b6496b8-0359-8b17-f129-0ab9dcc68640-d7e3fccb {
grid-area: span 1/span 2/span 1/span 2
}
#w-node-_0b6496b8-0359-8b17-f129-0ab9dcc685e4-57daa66b,#w-node-_0b6496b8-0359-8b17-f129-0ab9dcc685ef-57daa66b {
grid-area: span 1/span 3/span 1/span 3
}
#w-node-_0b6496b8-0359-8b17-f129-0ab9dcc6861f-57daa66b,#w-node-_0b6496b8-0359-8b17-f129-0ab9dcc68629-57daa66b,#w-node-_0b6496b8-0359-8b17-f129-0ab9dcc68640-57daa66b {
grid-area: span 1/span 2/span 1/span 2
}
#w-node-_0b6496b8-0359-8b17-f129-0ab9dcc685e4-5dadfc15,#w-node-_0b6496b8-0359-8b17-f129-0ab9dcc685ef-5dadfc15 {
grid-area: span 1/span 3/span 1/span 3
}
#w-node-_0b6496b8-0359-8b17-f129-0ab9dcc6861f-5dadfc15,#w-node-_0b6496b8-0359-8b17-f129-0ab9dcc68629-5dadfc15,#w-node-_0b6496b8-0359-8b17-f129-0ab9dcc68640-5dadfc15 {
grid-area: span 1/span 2/span 1/span 2
}
#w-node-_0b6496b8-0359-8b17-f129-0ab9dcc685e4-3d921712,#w-node-_0b6496b8-0359-8b17-f129-0ab9dcc685ef-3d921712 {
grid-area: span 1/span 3/span 1/span 3
}
#w-node-_0b6496b8-0359-8b17-f129-0ab9dcc6861f-3d921712,#w-node-_0b6496b8-0359-8b17-f129-0ab9dcc68629-3d921712,#w-node-_0b6496b8-0359-8b17-f129-0ab9dcc68640-3d921712 {
grid-area: span 1/span 2/span 1/span 2
}
#w-node-_0b6496b8-0359-8b17-f129-0ab9dcc685e4-702b8a3c,#w-node-_0b6496b8-0359-8b17-f129-0ab9dcc685ef-702b8a3c {
grid-area: span 1/span 3/span 1/span 3
}
#w-node-_0b6496b8-0359-8b17-f129-0ab9dcc6861f-702b8a3c,#w-node-_0b6496b8-0359-8b17-f129-0ab9dcc68629-702b8a3c,#w-node-_0b6496b8-0359-8b17-f129-0ab9dcc68640-702b8a3c {
grid-area: span 1/span 2/span 1/span 2
}
#w-node-_0b6496b8-0359-8b17-f129-0ab9dcc685e4-ef5558cd,#w-node-_0b6496b8-0359-8b17-f129-0ab9dcc685ef-ef5558cd {
grid-area: span 1/span 3/span 1/span 3
}
#w-node-_0b6496b8-0359-8b17-f129-0ab9dcc6861f-ef5558cd,#w-node-_0b6496b8-0359-8b17-f129-0ab9dcc68629-ef5558cd,#w-node-_0b6496b8-0359-8b17-f129-0ab9dcc68640-ef5558cd {
grid-area: span 1/span 2/span 1/span 2
}
#w-node-_0b6496b8-0359-8b17-f129-0ab9dcc685e4-bc242f4d,#w-node-_0b6496b8-0359-8b17-f129-0ab9dcc685ef-bc242f4d {
grid-area: span 1/span 3/span 1/span 3
}
#w-node-_0b6496b8-0359-8b17-f129-0ab9dcc6861f-bc242f4d,#w-node-_0b6496b8-0359-8b17-f129-0ab9dcc68629-bc242f4d,#w-node-_0b6496b8-0359-8b17-f129-0ab9dcc68640-bc242f4d {
grid-area: span 1/span 2/span 1/span 2
}
#w-node-_0b6496b8-0359-8b17-f129-0ab9dcc685e4-fee9db27,#w-node-_0b6496b8-0359-8b17-f129-0ab9dcc685ef-fee9db27 {
grid-area: span 1/span 3/span 1/span 3
}
#w-node-_0b6496b8-0359-8b17-f129-0ab9dcc6861f-fee9db27,#w-node-_0b6496b8-0359-8b17-f129-0ab9dcc68629-fee9db27,#w-node-_0b6496b8-0359-8b17-f129-0ab9dcc68640-fee9db27 {
grid-area: span 1/span 2/span 1/span 2
}
#w-node-_0b6496b8-0359-8b17-f129-0ab9dcc685e4-75c6b9e7,#w-node-_0b6496b8-0359-8b17-f129-0ab9dcc685ef-75c6b9e7 {
grid-area: span 1/span 3/span 1/span 3
}
#w-node-_0b6496b8-0359-8b17-f129-0ab9dcc6861f-75c6b9e7,#w-node-_0b6496b8-0359-8b17-f129-0ab9dcc68629-75c6b9e7,#w-node-_0b6496b8-0359-8b17-f129-0ab9dcc68640-75c6b9e7 {
grid-area: span 1/span 2/span 1/span 2
}
#w-node-_0b6496b8-0359-8b17-f129-0ab9dcc685e4-1f7b0212,#w-node-_0b6496b8-0359-8b17-f129-0ab9dcc685ef-1f7b0212 {
grid-area: span 1/span 3/span 1/span 3
}
#w-node-_0b6496b8-0359-8b17-f129-0ab9dcc6861f-1f7b0212,#w-node-_0b6496b8-0359-8b17-f129-0ab9dcc68629-1f7b0212,#w-node-_0b6496b8-0359-8b17-f129-0ab9dcc68640-1f7b0212 {
grid-area: span 1/span 2/span 1/span 2
}
@media screen and (min-width: 1920px) {
#w-node-_639e6c54-6e72-4c22-bca3-f5c0e6e7b7e1-d926c25f,#w-node-_8bd38266-559f-c1ac-9ea3-0bb29770574e-b4a83eb6 {
grid-column:span 2/span 2
}
}
@media screen and (max-width: 991px) {
#w-node-_639e6c54-6e72-4c22-bca3-f5c0e6e7b591-d926c25f {
grid-column:span 2/span 2
}
#w-node-_639e6c54-6e72-4c22-bca3-f5c0e6e7b5e5-d926c25f {
grid-column: 1/3
}
#w-node-e730748f-1759-2b03-8473-33fbd985704b-d926c25f {
align-self: center
}
#w-node-_639e6c54-6e72-4c22-bca3-f5c0e6e7ba42-d926c25f,#w-node-_639e6c54-6e72-4c22-bca3-f5c0e6e7ba53-d926c25f,#w-node-_639e6c54-6e72-4c22-bca3-f5c0e6e7babb-d926c25f,#w-node-_639e6c54-6e72-4c22-bca3-f5c0e6e7bacc-d926c25f,#w-node-_639e6c54-6e72-4c22-bca3-f5c0e6e7badf-d926c25f,#w-node-_639e6c54-6e72-4c22-bca3-f5c0e6e7baf7-d926c25f,#w-node-_639e6c54-6e72-4c22-bca3-f5c0e6e7bb08-d926c25f,#w-node-_639e6c54-6e72-4c22-bca3-f5c0e6e7bb19-d926c25f {
justify-self: center
}
#w-node-_639e6c54-6e72-4c22-bca3-f5c0e6e7bb30-d926c25f {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-_639e6c54-6e72-4c22-bca3-f5c0e6e7bb47-d926c25f,#w-node-_639e6c54-6e72-4c22-bca3-f5c0e6e7bb58-d926c25f {
justify-self: center
}
#w-node-_639e6c54-6e72-4c22-bca3-f5c0e6e7bb6c-d926c25f,#w-node-_639e6c54-6e72-4c22-bca3-f5c0e6e7bbb0-d926c25f {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-_639e6c54-6e72-4c22-bca3-f5c0e6e7bbc8-d926c25f,#w-node-_639e6c54-6e72-4c22-bca3-f5c0e6e7bbd9-d926c25f,#w-node-_639e6c54-6e72-4c22-bca3-f5c0e6e7bbec-d926c25f {
justify-self: center
}
#w-node-_639e6c54-6e72-4c22-bca3-f5c0e6e7bbf8-d926c25f {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-_639e6c54-6e72-4c22-bca3-f5c0e6e7bc08-d926c25f,#w-node-_639e6c54-6e72-4c22-bca3-f5c0e6e7bc19-d926c25f,#w-node-_639e6c54-6e72-4c22-bca3-f5c0e6e7bc2a-d926c25f {
justify-self: center
}
#w-node-_639e6c54-6e72-4c22-bca3-f5c0e6e7bd44-d926c25f {
grid-column: span 2/span 2
}
#w-node-_639e6c54-6e72-4c22-bca3-f5c0e6e7bd5d-d926c25f {
justify-self: center
}
#w-node-b98bb4ba-fa41-35e3-4185-d2f4e2e8bad9-b4a83eb6 {
grid-column: span 2/span 2
}
#w-node-_45ede0e3-6c19-8437-3e1d-e1982c477d46-b4a83eb6 {
grid-column: 1/3
}
#w-node-b98bb4ba-fa41-35e3-4185-d2f4e2e8bcee-b4a83eb6 {
align-self: center
}
#w-node-b98bb4ba-fa41-35e3-4185-d2f4e2e8bfca-b4a83eb6,#w-node-b98bb4ba-fa41-35e3-4185-d2f4e2e8bfdb-b4a83eb6,#w-node-b98bb4ba-fa41-35e3-4185-d2f4e2e8c043-b4a83eb6,#w-node-b98bb4ba-fa41-35e3-4185-d2f4e2e8c054-b4a83eb6,#w-node-b98bb4ba-fa41-35e3-4185-d2f4e2e8c067-b4a83eb6,#w-node-b98bb4ba-fa41-35e3-4185-d2f4e2e8c07f-b4a83eb6,#w-node-b98bb4ba-fa41-35e3-4185-d2f4e2e8c090-b4a83eb6,#w-node-b98bb4ba-fa41-35e3-4185-d2f4e2e8c0a1-b4a83eb6 {
justify-self: center
}
#w-node-b98bb4ba-fa41-35e3-4185-d2f4e2e8c0b8-b4a83eb6 {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-b98bb4ba-fa41-35e3-4185-d2f4e2e8c0cf-b4a83eb6,#w-node-b98bb4ba-fa41-35e3-4185-d2f4e2e8c0e0-b4a83eb6 {
justify-self: center
}
#w-node-b98bb4ba-fa41-35e3-4185-d2f4e2e8c0f4-b4a83eb6,#w-node-b98bb4ba-fa41-35e3-4185-d2f4e2e8c138-b4a83eb6 {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-b98bb4ba-fa41-35e3-4185-d2f4e2e8c150-b4a83eb6,#w-node-b98bb4ba-fa41-35e3-4185-d2f4e2e8c161-b4a83eb6,#w-node-b98bb4ba-fa41-35e3-4185-d2f4e2e8c174-b4a83eb6 {
justify-self: center
}
#w-node-b98bb4ba-fa41-35e3-4185-d2f4e2e8c180-b4a83eb6 {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-b98bb4ba-fa41-35e3-4185-d2f4e2e8c190-b4a83eb6,#w-node-b98bb4ba-fa41-35e3-4185-d2f4e2e8c1a1-b4a83eb6,#w-node-b98bb4ba-fa41-35e3-4185-d2f4e2e8c1b2-b4a83eb6 {
justify-self: center
}
#w-node-b98bb4ba-fa41-35e3-4185-d2f4e2e8c2b4-b4a83eb6 {
grid-column: span 2/span 2
}
#w-node-b98bb4ba-fa41-35e3-4185-d2f4e2e8c2cd-b4a83eb6 {
justify-self: center
}
#w-node-_0b6496b8-0359-8b17-f129-0ab9dcc685e4-98597998 {
grid-column: span 2/span 2
}
#w-node-_0b6496b8-0359-8b17-f129-0ab9dcc685ef-98597998,#w-node-_0b6496b8-0359-8b17-f129-0ab9dcc6861f-98597998,#w-node-_0b6496b8-0359-8b17-f129-0ab9dcc68629-98597998,#w-node-_0b6496b8-0359-8b17-f129-0ab9dcc68640-98597998 {
grid-column: span 1/span 1
}
#w-node-_0b6496b8-0359-8b17-f129-0ab9dcc685e4-d7e3fccb {
grid-column: span 2/span 2
}
#w-node-_0b6496b8-0359-8b17-f129-0ab9dcc685ef-d7e3fccb,#w-node-_0b6496b8-0359-8b17-f129-0ab9dcc6861f-d7e3fccb,#w-node-_0b6496b8-0359-8b17-f129-0ab9dcc68629-d7e3fccb,#w-node-_0b6496b8-0359-8b17-f129-0ab9dcc68640-d7e3fccb {
grid-column: span 1/span 1
}
#w-node-_0b6496b8-0359-8b17-f129-0ab9dcc685e4-57daa66b {
grid-column: span 2/span 2
}
#w-node-_0b6496b8-0359-8b17-f129-0ab9dcc685ef-57daa66b,#w-node-_0b6496b8-0359-8b17-f129-0ab9dcc6861f-57daa66b,#w-node-_0b6496b8-0359-8b17-f129-0ab9dcc68629-57daa66b,#w-node-_0b6496b8-0359-8b17-f129-0ab9dcc68640-57daa66b {
grid-column: span 1/span 1
}
#w-node-_0b6496b8-0359-8b17-f129-0ab9dcc685e4-5dadfc15 {
grid-column: span 2/span 2
}
#w-node-_0b6496b8-0359-8b17-f129-0ab9dcc685ef-5dadfc15,#w-node-_0b6496b8-0359-8b17-f129-0ab9dcc6861f-5dadfc15,#w-node-_0b6496b8-0359-8b17-f129-0ab9dcc68629-5dadfc15,#w-node-_0b6496b8-0359-8b17-f129-0ab9dcc68640-5dadfc15 {
grid-column: span 1/span 1
}
#w-node-_0b6496b8-0359-8b17-f129-0ab9dcc685e4-3d921712 {
grid-column: span 2/span 2
}
#w-node-_0b6496b8-0359-8b17-f129-0ab9dcc685ef-3d921712,#w-node-_0b6496b8-0359-8b17-f129-0ab9dcc6861f-3d921712,#w-node-_0b6496b8-0359-8b17-f129-0ab9dcc68629-3d921712,#w-node-_0b6496b8-0359-8b17-f129-0ab9dcc68640-3d921712 {
grid-column: span 1/span 1
}
#w-node-_0b6496b8-0359-8b17-f129-0ab9dcc685e4-702b8a3c {
grid-column: span 2/span 2
}
#w-node-_0b6496b8-0359-8b17-f129-0ab9dcc685ef-702b8a3c,#w-node-_0b6496b8-0359-8b17-f129-0ab9dcc6861f-702b8a3c,#w-node-_0b6496b8-0359-8b17-f129-0ab9dcc68629-702b8a3c,#w-node-_0b6496b8-0359-8b17-f129-0ab9dcc68640-702b8a3c {
grid-column: span 1/span 1
}
#w-node-_0b6496b8-0359-8b17-f129-0ab9dcc685e4-ef5558cd {
grid-column: span 2/span 2
}
#w-node-_0b6496b8-0359-8b17-f129-0ab9dcc685ef-ef5558cd,#w-node-_0b6496b8-0359-8b17-f129-0ab9dcc6861f-ef5558cd,#w-node-_0b6496b8-0359-8b17-f129-0ab9dcc68629-ef5558cd,#w-node-_0b6496b8-0359-8b17-f129-0ab9dcc68640-ef5558cd {
grid-column: span 1/span 1
}
#w-node-_0b6496b8-0359-8b17-f129-0ab9dcc685e4-bc242f4d {
grid-column: span 2/span 2
}
#w-node-_0b6496b8-0359-8b17-f129-0ab9dcc685ef-bc242f4d,#w-node-_0b6496b8-0359-8b17-f129-0ab9dcc6861f-bc242f4d,#w-node-_0b6496b8-0359-8b17-f129-0ab9dcc68629-bc242f4d,#w-node-_0b6496b8-0359-8b17-f129-0ab9dcc68640-bc242f4d {
grid-column: span 1/span 1
}
#w-node-_0b6496b8-0359-8b17-f129-0ab9dcc685e4-fee9db27 {
grid-column: span 2/span 2
}
#w-node-_0b6496b8-0359-8b17-f129-0ab9dcc685ef-fee9db27,#w-node-_0b6496b8-0359-8b17-f129-0ab9dcc6861f-fee9db27,#w-node-_0b6496b8-0359-8b17-f129-0ab9dcc68629-fee9db27,#w-node-_0b6496b8-0359-8b17-f129-0ab9dcc68640-fee9db27 {
grid-column: span 1/span 1
}
#w-node-_0b6496b8-0359-8b17-f129-0ab9dcc685e4-75c6b9e7 {
grid-column: span 2/span 2
}
#w-node-_0b6496b8-0359-8b17-f129-0ab9dcc685ef-75c6b9e7,#w-node-_0b6496b8-0359-8b17-f129-0ab9dcc6861f-75c6b9e7,#w-node-_0b6496b8-0359-8b17-f129-0ab9dcc68629-75c6b9e7,#w-node-_0b6496b8-0359-8b17-f129-0ab9dcc68640-75c6b9e7 {
grid-column: span 1/span 1
}
#w-node-_0b6496b8-0359-8b17-f129-0ab9dcc685e4-1f7b0212 {
grid-column: span 2/span 2
}
#w-node-_0b6496b8-0359-8b17-f129-0ab9dcc685ef-1f7b0212,#w-node-_0b6496b8-0359-8b17-f129-0ab9dcc6861f-1f7b0212,#w-node-_0b6496b8-0359-8b17-f129-0ab9dcc68629-1f7b0212,#w-node-_0b6496b8-0359-8b17-f129-0ab9dcc68640-1f7b0212 {
grid-column: span 1/span 1
}
}
@media screen and (max-width: 767px) {
#w-node-f46656a4-5f62-a60a-3ab8-cbc75b246d60-08839ee8,#w-node-_08ac88a0-1348-799d-7aea-eadf6f4031b1-08839ee8,#w-node-_9992705d-20dc-cd91-eb59-ec9e3a227aae-08839ee8 {
grid-area:span 1/span 1/span 1/span 1
}
#w-node-_5a322141-24e1-3569-4d51-65f6f5c7d4eb-08839ee8 {
grid-column: span 1/span 1
}
#w-node-_639e6c54-6e72-4c22-bca3-f5c0e6e7b5e5-d926c25f {
grid-column-end: 2
}
#w-node-_639e6c54-6e72-4c22-bca3-f5c0e6e7b7d5-d926c25f {
justify-self: start
}
#w-node-_639e6c54-6e72-4c22-bca3-f5c0e6e7bd44-d926c25f {
grid-column: span 1/span 1
}
#w-node-_45ede0e3-6c19-8437-3e1d-e1982c477d46-b4a83eb6 {
grid-column-end: 2
}
#w-node-ebce53f2-c47e-df3a-cc4c-ce50e56ff5c5-b4a83eb6,#w-node-b98bb4ba-fa41-35e3-4185-d2f4e2e8bc5f-b4a83eb6,#w-node-b98bb4ba-fa41-35e3-4185-d2f4e2e8bccb-b4a83eb6,#w-node-b98bb4ba-fa41-35e3-4185-d2f4e2e8bcf3-b4a83eb6,#w-node-b98bb4ba-fa41-35e3-4185-d2f4e2e8bd07-b4a83eb6 {
justify-self: start
}
#w-node-b98bb4ba-fa41-35e3-4185-d2f4e2e8c2b4-b4a83eb6 {
grid-column: span 1/span 1
}
#w-node-_605bfd3c-870e-040c-d28f-503db307bc22-98597998 {
grid-area: span 1/span 2/span 1/span 2
}
#w-node-_0b6496b8-0359-8b17-f129-0ab9dcc685e4-98597998 {
grid-column: span 1/span 1
}
#w-node-_605bfd3c-870e-040c-d28f-503db307bc22-d7e3fccb {
grid-area: span 1/span 2/span 1/span 2
}
#w-node-_0b6496b8-0359-8b17-f129-0ab9dcc685e4-d7e3fccb {
grid-column: span 1/span 1
}
#w-node-_605bfd3c-870e-040c-d28f-503db307bc22-57daa66b {
grid-area: span 1/span 2/span 1/span 2
}
#w-node-_0b6496b8-0359-8b17-f129-0ab9dcc685e4-57daa66b {
grid-column: span 1/span 1
}
#w-node-_605bfd3c-870e-040c-d28f-503db307bc22-5dadfc15 {
grid-area: span 1/span 2/span 1/span 2
}
#w-node-_0b6496b8-0359-8b17-f129-0ab9dcc685e4-5dadfc15 {
grid-column: span 1/span 1
}
#w-node-_605bfd3c-870e-040c-d28f-503db307bc22-3d921712 {
grid-area: span 1/span 2/span 1/span 2
}
#w-node-_0b6496b8-0359-8b17-f129-0ab9dcc685e4-3d921712 {
grid-column: span 1/span 1
}
#w-node-_605bfd3c-870e-040c-d28f-503db307bc22-702b8a3c {
grid-area: span 1/span 2/span 1/span 2
}
#w-node-_0b6496b8-0359-8b17-f129-0ab9dcc685e4-702b8a3c {
grid-column: span 1/span 1
}
#w-node-_605bfd3c-870e-040c-d28f-503db307bc22-ef5558cd {
grid-area: span 1/span 2/span 1/span 2
}
#w-node-_0b6496b8-0359-8b17-f129-0ab9dcc685e4-ef5558cd {
grid-column: span 1/span 1
}
#w-node-_605bfd3c-870e-040c-d28f-503db307bc22-bc242f4d {
grid-area: span 1/span 2/span 1/span 2
}
#w-node-_0b6496b8-0359-8b17-f129-0ab9dcc685e4-bc242f4d {
grid-column: span 1/span 1
}
#w-node-_605bfd3c-870e-040c-d28f-503db307bc22-fee9db27 {
grid-area: span 1/span 2/span 1/span 2
}
#w-node-_0b6496b8-0359-8b17-f129-0ab9dcc685e4-fee9db27 {
grid-column: span 1/span 1
}
#w-node-_605bfd3c-870e-040c-d28f-503db307bc22-75c6b9e7 {
grid-area: span 1/span 2/span 1/span 2
}
#w-node-_0b6496b8-0359-8b17-f129-0ab9dcc685e4-75c6b9e7 {
grid-column: span 1/span 1
}
#w-node-_605bfd3c-870e-040c-d28f-503db307bc22-1f7b0212 {
grid-area: span 1/span 2/span 1/span 2
}
#w-node-_0b6496b8-0359-8b17-f129-0ab9dcc685e4-1f7b0212 {
grid-column: span 1/span 1
}
}
@media screen and (max-width: 479px) {
#w-node-_85ec96bd-334b-d862-6661-d482d0d9c41b-c0fc1727,#w-node-_73e9e3a7-80b3-c7ae-91dd-10cc9324d2b7-5a9c3364,#w-node-_73e9e3a7-80b3-c7ae-91dd-10cc9324d2ca-5a9c3364,#w-node-_89ddf5e8-8125-72f0-ba4c-d01b009d7317-563b7b72,#w-node-_89ddf5e8-8125-72f0-ba4c-d01b009d732a-563b7b72,#w-node-bb0e923f-0bbe-9b8c-96ea-1e8687ba2b87-a4b08d02 {
order:9999
}
#w-node-_639e6c54-6e72-4c22-bca3-f5c0e6e7b6ea-d926c25f,#w-node-c5c882c9-7d12-d7dc-8409-29952f660c82-d926c25f,#w-node-_639e6c54-6e72-4c22-bca3-f5c0e6e7b7ae-d926c25f,#w-node-_639e6c54-6e72-4c22-bca3-f5c0e6e7b610-d926c25f,#w-node-_639e6c54-6e72-4c22-bca3-f5c0e6e7ba42-d926c25f,#w-node-_639e6c54-6e72-4c22-bca3-f5c0e6e7ba53-d926c25f,#w-node-_639e6c54-6e72-4c22-bca3-f5c0e6e7babb-d926c25f,#w-node-_639e6c54-6e72-4c22-bca3-f5c0e6e7bacc-d926c25f,#w-node-_639e6c54-6e72-4c22-bca3-f5c0e6e7badf-d926c25f,#w-node-_639e6c54-6e72-4c22-bca3-f5c0e6e7baf7-d926c25f,#w-node-_639e6c54-6e72-4c22-bca3-f5c0e6e7bb08-d926c25f,#w-node-_639e6c54-6e72-4c22-bca3-f5c0e6e7bb19-d926c25f,#w-node-_639e6c54-6e72-4c22-bca3-f5c0e6e7bb47-d926c25f,#w-node-_639e6c54-6e72-4c22-bca3-f5c0e6e7bb58-d926c25f,#w-node-_639e6c54-6e72-4c22-bca3-f5c0e6e7bbc8-d926c25f,#w-node-_639e6c54-6e72-4c22-bca3-f5c0e6e7bbd9-d926c25f,#w-node-_639e6c54-6e72-4c22-bca3-f5c0e6e7bbec-d926c25f,#w-node-_639e6c54-6e72-4c22-bca3-f5c0e6e7bc08-d926c25f,#w-node-_639e6c54-6e72-4c22-bca3-f5c0e6e7bc19-d926c25f,#w-node-_639e6c54-6e72-4c22-bca3-f5c0e6e7bc2a-d926c25f,#w-node-b98bb4ba-fa41-35e3-4185-d2f4e2e8bfca-b4a83eb6,#w-node-b98bb4ba-fa41-35e3-4185-d2f4e2e8bfdb-b4a83eb6,#w-node-b98bb4ba-fa41-35e3-4185-d2f4e2e8c043-b4a83eb6,#w-node-b98bb4ba-fa41-35e3-4185-d2f4e2e8c054-b4a83eb6,#w-node-b98bb4ba-fa41-35e3-4185-d2f4e2e8c067-b4a83eb6,#w-node-b98bb4ba-fa41-35e3-4185-d2f4e2e8c07f-b4a83eb6,#w-node-b98bb4ba-fa41-35e3-4185-d2f4e2e8c090-b4a83eb6,#w-node-b98bb4ba-fa41-35e3-4185-d2f4e2e8c0a1-b4a83eb6,#w-node-b98bb4ba-fa41-35e3-4185-d2f4e2e8c0cf-b4a83eb6,#w-node-b98bb4ba-fa41-35e3-4185-d2f4e2e8c0e0-b4a83eb6,#w-node-b98bb4ba-fa41-35e3-4185-d2f4e2e8c150-b4a83eb6,#w-node-b98bb4ba-fa41-35e3-4185-d2f4e2e8c161-b4a83eb6,#w-node-b98bb4ba-fa41-35e3-4185-d2f4e2e8c174-b4a83eb6,#w-node-b98bb4ba-fa41-35e3-4185-d2f4e2e8c190-b4a83eb6,#w-node-b98bb4ba-fa41-35e3-4185-d2f4e2e8c1a1-b4a83eb6,#w-node-b98bb4ba-fa41-35e3-4185-d2f4e2e8c1b2-b4a83eb6 {
justify-self: start
}
}