html {
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
font-family: sans-serif;
}
body {
margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
display: block;
}
audio,
canvas,
progress,
video {
vertical-align: baseline;
display: inline-block;
}
audio:not([controls]) {
height: 0;
display: none;
}
[hidden],
template {
display: none;
}
a {
background-color: #0000;
}
a:active,
a:hover {
outline: 0;
}
abbr[title] {
border-bottom: 1px dotted;
}
b,
strong {
font-weight: bold;
}
dfn {
font-style: italic;
}
h1 {
margin: .67em 0;
font-size: 2em;
}
mark {
color: #000;
background: #ff0;
}
small {
font-size: 80%;
}
sub,
sup {
vertical-align: baseline;
font-size: 75%;
line-height: 0;
position: relative;
}
sup {
top: -.5em;
}
sub {
bottom: -.25em;
}
img {
border: 0;
}
svg:not(:root) {
overflow: hidden;
}
hr {
box-sizing: content-box;
height: 0;
}
pre {
overflow: auto;
}
code,
kbd,
pre,
samp {
font-family: monospace;
font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
color: inherit;
font: inherit;
margin: 0;
}
button {
overflow: visible;
}
button,
select {
text-transform: none;
}
button,
html input[type="button"],
input[type="reset"] {
-webkit-appearance: button;
cursor: pointer;
}
button[disabled],
html input[disabled] {
cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
input {
line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box;
padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
input[type="search"] {
-webkit-appearance: none;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
legend {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
}
optgroup {
font-weight: bold;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
td,
th {
padding: 0;
}
@font-face {
font-family: webflow-icons;
src: url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBiUAAAC8AAAAYGNtYXDpP+a4AAABHAAAAFxnYXNwAAAAEAAAAXgAAAAIZ2x5ZmhS2XEAAAGAAAADHGhlYWQTFw3HAAAEnAAAADZoaGVhCXYFgQAABNQAAAAkaG10eCe4A1oAAAT4AAAAMGxvY2EDtALGAAAFKAAAABptYXhwABAAPgAABUQAAAAgbmFtZSoCsMsAAAVkAAABznBvc3QAAwAAAAAHNAAAACAAAwP4AZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpAwPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAQAAAAAwACAACAAQAAQAg5gPpA//9//8AAAAAACDmAOkA//3//wAB/+MaBBcIAAMAAQAAAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEBIAAAAyADgAAFAAAJAQcJARcDIP5AQAGA/oBAAcABwED+gP6AQAABAOAAAALgA4AABQAAEwEXCQEH4AHAQP6AAYBAAcABwED+gP6AQAAAAwDAAOADQALAAA8AHwAvAAABISIGHQEUFjMhMjY9ATQmByEiBh0BFBYzITI2PQE0JgchIgYdARQWMyEyNj0BNCYDIP3ADRMTDQJADRMTDf3ADRMTDQJADRMTDf3ADRMTDQJADRMTAsATDSANExMNIA0TwBMNIA0TEw0gDRPAEw0gDRMTDSANEwAAAAABAJ0AtAOBApUABQAACQIHCQEDJP7r/upcAXEBcgKU/usBFVz+fAGEAAAAAAL//f+9BAMDwwAEAAkAABcBJwEXAwE3AQdpA5ps/GZsbAOabPxmbEMDmmz8ZmwDmvxmbAOabAAAAgAA/8AEAAPAAB0AOwAABSInLgEnJjU0Nz4BNzYzMTIXHgEXFhUUBw4BBwYjNTI3PgE3NjU0Jy4BJyYjMSIHDgEHBhUUFx4BFxYzAgBqXV6LKCgoKIteXWpqXV6LKCgoKIteXWpVSktvICEhIG9LSlVVSktvICEhIG9LSlVAKCiLXl1qal1eiygoKCiLXl1qal1eiygoZiEgb0tKVVVKS28gISEgb0tKVVVKS28gIQABAAABwAIAA8AAEgAAEzQ3PgE3NjMxFSIHDgEHBhUxIwAoKIteXWpVSktvICFmAcBqXV6LKChmISBvS0pVAAAAAgAA/8AFtgPAADIAOgAAARYXHgEXFhUUBw4BBwYHIxUhIicuAScmNTQ3PgE3NjMxOAExNDc+ATc2MzIXHgEXFhcVATMJATMVMzUEjD83NlAXFxYXTjU1PQL8kz01Nk8XFxcXTzY1PSIjd1BQWlJJSXInJw3+mdv+2/7c25MCUQYcHFg5OUA/ODlXHBwIAhcXTzY1PTw1Nk8XF1tQUHcjIhwcYUNDTgL+3QFt/pOTkwABAAAAAQAAmM7nP18PPPUACwQAAAAAANciZKUAAAAA1yJkpf/9/70FtgPDAAAACAACAAAAAAAAAAEAAAPA/8AAAAW3//3//QW2AAEAAAAAAAAAAAAAAAAAAAAMBAAAAAAAAAAAAAAAAgAAAAQAASAEAADgBAAAwAQAAJ0EAP/9BAAAAAQAAAAFtwAAAAAAAAAKABQAHgAyAEYAjACiAL4BFgE2AY4AAAABAAAADAA8AAMAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADQAAAAEAAAAAAAIABwCWAAEAAAAAAAMADQBIAAEAAAAAAAQADQCrAAEAAAAAAAUACwAnAAEAAAAAAAYADQBvAAEAAAAAAAoAGgDSAAMAAQQJAAEAGgANAAMAAQQJAAIADgCdAAMAAQQJAAMAGgBVAAMAAQQJAAQAGgC4AAMAAQQJAAUAFgAyAAMAAQQJAAYAGgB8AAMAAQQJAAoANADsd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzUmVndWxhcgBSAGUAZwB1AGwAYQByd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==") format("truetype");
font-weight: normal;
font-style: normal;
}
[class^="w-icon-"],
[class*=" w-icon-"] {
speak: none;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-weight: normal;
line-height: 1;
font-family: webflow-icons !important;
}
.w-icon-slider-right:before {
content: "";
}
.w-icon-slider-left:before {
content: "";
}
.w-icon-nav-menu:before {
content: "";
}
.w-icon-arrow-down:before,
.w-icon-dropdown-toggle:before {
content: "";
}
.w-icon-file-upload-remove:before {
content: "";
}
.w-icon-file-upload-icon:before {
content: "";
}
* {
box-sizing: border-box;
}
html {
height: 100%;
}
body {
color: #333;
background-color: #fff;
min-height: 100%;
margin: 0;
font-family: Arial, sans-serif;
font-size: 14px;
line-height: 20px;
}
img {
vertical-align: middle;
max-width: 100%;
display: inline-block;
}
html.w-mod-touch * {
background-attachment: scroll !important;
}
.w-block {
display: block;
}
.w-inline-block {
max-width: 100%;
display: inline-block;
}
.w-clearfix:before,
.w-clearfix:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-clearfix:after {
clear: both;
}
.w-hidden {
display: none;
}
.w-button {
color: #fff;
line-height: inherit;
cursor: pointer;
background-color: #3898ec;
border: 0;
border-radius: 0;
padding: 9px 15px;
text-decoration: none;
display: inline-block;
}
input.w-button {
-webkit-appearance: button;
}
html[data-w-dynpage] [data-w-cloak] {
color: #0000 !important;
}
.w-code-block {
margin: unset;
}
pre.w-code-block code {
all: inherit;
}
pre.w-code-block code>span {
display: block !important;
}
.w-optimization {
display: contents;
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin-bottom: 10px;
font-weight: bold;
}
h1 {
margin-top: 20px;
font-size: 38px;
line-height: 44px;
}
h2 {
margin-top: 20px;
font-size: 32px;
line-height: 36px;
}
h3 {
margin-top: 20px;
font-size: 24px;
line-height: 30px;
}
h4 {
margin-top: 10px;
font-size: 18px;
line-height: 24px;
}
h5 {
margin-top: 10px;
font-size: 14px;
line-height: 20px;
}
h6 {
margin-top: 10px;
font-size: 12px;
line-height: 18px;
}
p {
margin-top: 0;
margin-bottom: 10px;
}
blockquote {
border-left: 5px solid #e2e2e2;
margin: 0 0 10px;
padding: 10px 20px;
font-size: 18px;
line-height: 22px;
}
figure {
margin: 0 0 10px;
}
figcaption {
text-align: center;
margin-top: 5px;
}
ul,
ol {
margin-top: 0;
margin-bottom: 10px;
padding-left: 40px;
}
.w-list-unstyled {
padding-left: 0;
list-style: none;
}
.w-embed:before,
.w-embed:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-embed:after {
clear: both;
}
.w-video {
width: 100%;
padding: 0;
position: relative;
}
.w-video iframe,
.w-video object,
.w-video embed {
border: none;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
fieldset {
border: 0;
margin: 0;
padding: 0;
}
button,
[type="button"],
[type="reset"] {
cursor: pointer;
-webkit-appearance: button;
border: 0;
}
.w-form {
margin: 0 0 15px;
}
.w-form-done {
text-align: center;
background-color: #ddd;
padding: 20px;
display: none;
}
.w-form-fail {
background-color: #ffdede;
margin-top: 10px;
padding: 10px;
display: none;
}
label {
margin-bottom: 5px;
font-weight: bold;
display: block;
}
.w-input,
.w-select {
color: #333;
vertical-align: middle;
background-color: #fff;
border: 1px solid #ccc;
width: 100%;
height: 38px;
margin-bottom: 10px;
padding: 8px 12px;
font-size: 14px;
line-height: 1.42857;
display: block;
}
.w-input::placeholder,
.w-select::placeholder {
color: #999;
}
.w-input:focus,
.w-select:focus {
border-color: #3898ec;
outline: 0;
}
.w-input[disabled],
.w-select[disabled],
.w-input[readonly],
.w-select[readonly],
fieldset[disabled] .w-input,
fieldset[disabled] .w-select {
cursor: not-allowed;
}
.w-input[disabled]:not(.w-input-disabled),
.w-select[disabled]:not(.w-input-disabled),
.w-input[readonly],
.w-select[readonly],
fieldset[disabled]:not(.w-input-disabled) .w-input,
fieldset[disabled]:not(.w-input-disabled) .w-select {
background-color: #eee;
}
textarea.w-input,
textarea.w-select {
height: auto;
}
.w-select {
background-color: #f3f3f3;
}
.w-select[multiple] {
height: auto;
}
.w-form-label {
cursor: pointer;
margin-bottom: 0;
font-weight: normal;
display: inline-block;
}
.w-radio {
margin-bottom: 5px;
padding-left: 20px;
display: block;
}
.w-radio:before,
.w-radio:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-radio:after {
clear: both;
}
.w-radio-input {
float: left;
margin: 3px 0 0 -20px;
line-height: normal;
}
.w-file-upload {
margin-bottom: 10px;
display: block;
}
.w-file-upload-input {
opacity: 0;
z-index: -100;
width: .1px;
height: .1px;
position: absolute;
overflow: hidden;
}
.w-file-upload-default,
.w-file-upload-uploading,
.w-file-upload-success {
color: #333;
display: inline-block;
}
.w-file-upload-error {
margin-top: 10px;
display: block;
}
.w-file-upload-default.w-hidden,
.w-file-upload-uploading.w-hidden,
.w-file-upload-error.w-hidden,
.w-file-upload-success.w-hidden {
display: none;
}
.w-file-upload-uploading-btn {
cursor: pointer;
background-color: #fafafa;
border: 1px solid #ccc;
margin: 0;
padding: 8px 12px;
font-size: 14px;
font-weight: normal;
display: flex;
}
.w-file-upload-file {
background-color: #fafafa;
border: 1px solid #ccc;
flex-grow: 1;
justify-content: space-between;
margin: 0;
padding: 8px 9px 8px 11px;
display: flex;
}
.w-file-upload-file-name {
font-size: 14px;
font-weight: normal;
display: block;
}
.w-file-remove-link {
cursor: pointer;
width: auto;
height: auto;
margin-top: 3px;
margin-left: 10px;
padding: 3px;
display: block;
}
.w-icon-file-upload-remove {
margin: auto;
font-size: 10px;
}
.w-file-upload-error-msg {
color: #ea384c;
padding: 2px 0;
display: inline-block;
}
.w-file-upload-info {
padding: 0 12px;
line-height: 38px;
display: inline-block;
}
.w-file-upload-label {
cursor: pointer;
background-color: #fafafa;
border: 1px solid #ccc;
margin: 0;
padding: 8px 12px;
font-size: 14px;
font-weight: normal;
display: inline-block;
}
.w-icon-file-upload-icon,
.w-icon-file-upload-uploading {
width: 20px;
margin-right: 8px;
display: inline-block;
}
.w-icon-file-upload-uploading {
height: 20px;
}
.w-container {
max-width: 940px;
margin-left: auto;
margin-right: auto;
}
.w-container:before,
.w-container:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-container:after {
clear: both;
}
.w-container .w-row {
margin-left: -10px;
margin-right: -10px;
}
.w-row:before,
.w-row:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-row:after {
clear: both;
}
.w-row .w-row {
margin-left: 0;
margin-right: 0;
}
.w-col {
float: left;
width: 100%;
min-height: 1px;
padding-left: 10px;
padding-right: 10px;
position: relative;
}
.w-col .w-col {
padding-left: 0;
padding-right: 0;
}
.w-col-1 {
width: 8.33333%;
}
.w-col-2 {
width: 16.6667%;
}
.w-col-3 {
width: 25%;
}
.w-col-4 {
width: 33.3333%;
}
.w-col-5 {
width: 41.6667%;
}
.w-col-6 {
width: 50%;
}
.w-col-7 {
width: 58.3333%;
}
.w-col-8 {
width: 66.6667%;
}
.w-col-9 {
width: 75%;
}
.w-col-10 {
width: 83.3333%;
}
.w-col-11 {
width: 91.6667%;
}
.w-col-12 {
width: 100%;
}
.w-hidden-main {
display: none !important;
}
@media screen and (max-width: 991px) {
.w-container {
max-width: 728px;
}
.w-hidden-main {
display: inherit !important;
}
.w-hidden-medium {
display: none !important;
}
.w-col-medium-1 {
width: 8.33333%;
}
.w-col-medium-2 {
width: 16.6667%;
}
.w-col-medium-3 {
width: 25%;
}
.w-col-medium-4 {
width: 33.3333%;
}
.w-col-medium-5 {
width: 41.6667%;
}
.w-col-medium-6 {
width: 50%;
}
.w-col-medium-7 {
width: 58.3333%;
}
.w-col-medium-8 {
width: 66.6667%;
}
.w-col-medium-9 {
width: 75%;
}
.w-col-medium-10 {
width: 83.3333%;
}
.w-col-medium-11 {
width: 91.6667%;
}
.w-col-medium-12 {
width: 100%;
}
.w-col-stack {
width: 100%;
left: auto;
right: auto;
}
}
@media screen and (max-width: 767px) {
.w-hidden-main,
.w-hidden-medium {
display: inherit !important;
}
.w-hidden-small {
display: none !important;
}
.w-row,
.w-container .w-row {
margin-left: 0;
margin-right: 0;
}
.w-col {
width: 100%;
left: auto;
right: auto;
}
.w-col-small-1 {
width: 8.33333%;
}
.w-col-small-2 {
width: 16.6667%;
}
.w-col-small-3 {
width: 25%;
}
.w-col-small-4 {
width: 33.3333%;
}
.w-col-small-5 {
width: 41.6667%;
}
.w-col-small-6 {
width: 50%;
}
.w-col-small-7 {
width: 58.3333%;
}
.w-col-small-8 {
width: 66.6667%;
}
.w-col-small-9 {
width: 75%;
}
.w-col-small-10 {
width: 83.3333%;
}
.w-col-small-11 {
width: 91.6667%;
}
.w-col-small-12 {
width: 100%;
}
}
@media screen and (max-width: 479px) {
.w-container {
max-width: none;
}
.w-hidden-main,
.w-hidden-medium,
.w-hidden-small {
display: inherit !important;
}
.w-hidden-tiny {
display: none !important;
}
.w-col {
width: 100%;
}
.w-col-tiny-1 {
width: 8.33333%;
}
.w-col-tiny-2 {
width: 16.6667%;
}
.w-col-tiny-3 {
width: 25%;
}
.w-col-tiny-4 {
width: 33.3333%;
}
.w-col-tiny-5 {
width: 41.6667%;
}
.w-col-tiny-6 {
width: 50%;
}
.w-col-tiny-7 {
width: 58.3333%;
}
.w-col-tiny-8 {
width: 66.6667%;
}
.w-col-tiny-9 {
width: 75%;
}
.w-col-tiny-10 {
width: 83.3333%;
}
.w-col-tiny-11 {
width: 91.6667%;
}
.w-col-tiny-12 {
width: 100%;
}
}
.w-widget {
position: relative;
}
.w-widget-map {
width: 100%;
height: 400px;
}
.w-widget-map label {
width: auto;
display: inline;
}
.w-widget-map img {
max-width: inherit;
}
.w-widget-map .gm-style-iw {
text-align: center;
}
.w-widget-map .gm-style-iw>button {
display: none !important;
}
.w-widget-twitter {
overflow: hidden;
}
.w-widget-twitter-count-shim {
vertical-align: top;
text-align: center;
background: #fff;
border: 1px solid #758696;
border-radius: 3px;
width: 28px;
height: 20px;
display: inline-block;
position: relative;
}
.w-widget-twitter-count-shim * {
pointer-events: none;
-webkit-user-select: none;
user-select: none;
}
.w-widget-twitter-count-shim .w-widget-twitter-count-inner {
text-align: center;
color: #999;
font-family: serif;
font-size: 15px;
line-height: 12px;
position: relative;
}
.w-widget-twitter-count-shim .w-widget-twitter-count-clear {
display: block;
position: relative;
}
.w-widget-twitter-count-shim.w--large {
width: 36px;
height: 28px;
}
.w-widget-twitter-count-shim.w--large .w-widget-twitter-count-inner {
font-size: 18px;
line-height: 18px;
}
.w-widget-twitter-count-shim:not(.w--vertical) {
margin-left: 5px;
margin-right: 8px;
}
.w-widget-twitter-count-shim:not(.w--vertical).w--large {
margin-left: 6px;
}
.w-widget-twitter-count-shim:not(.w--vertical):before,
.w-widget-twitter-count-shim:not(.w--vertical):after {
content: " ";
pointer-events: none;
border: solid #0000;
width: 0;
height: 0;
position: absolute;
top: 50%;
left: 0;
}
.w-widget-twitter-count-shim:not(.w--vertical):before {
border-width: 4px;
border-color: #75869600 #5d6c7b #75869600 #75869600;
margin-top: -4px;
margin-left: -9px;
}
.w-widget-twitter-count-shim:not(.w--vertical).w--large:before {
border-width: 5px;
margin-top: -5px;
margin-left: -10px;
}
.w-widget-twitter-count-shim:not(.w--vertical):after {
border-width: 4px;
border-color: #fff0 #fff #fff0 #fff0;
margin-top: -4px;
margin-left: -8px;
}
.w-widget-twitter-count-shim:not(.w--vertical).w--large:after {
border-width: 5px;
margin-top: -5px;
margin-left: -9px;
}
.w-widget-twitter-count-shim.w--vertical {
width: 61px;
height: 33px;
margin-bottom: 8px;
}
.w-widget-twitter-count-shim.w--vertical:before,
.w-widget-twitter-count-shim.w--vertical:after {
content: " ";
pointer-events: none;
border: solid #0000;
width: 0;
height: 0;
position: absolute;
top: 100%;
left: 50%;
}
.w-widget-twitter-count-shim.w--vertical:before {
border-width: 5px;
border-color: #5d6c7b #75869600 #75869600;
margin-left: -5px;
}
.w-widget-twitter-count-shim.w--vertical:after {
border-width: 4px;
border-color: #fff #fff0 #fff0;
margin-left: -4px;
}
.w-widget-twitter-count-shim.w--vertical .w-widget-twitter-count-inner {
font-size: 18px;
line-height: 22px;
}
.w-widget-twitter-count-shim.w--vertical.w--large {
width: 76px;
}
.w-background-video {
color: #fff;
height: 500px;
position: relative;
overflow: hidden;
}
.w-background-video>video {
object-fit: cover;
z-index: -100;
background-position: 50%;
background-size: cover;
width: 100%;
height: 100%;
margin: auto;
position: absolute;
inset: -100%;
}
.w-background-video>video::-webkit-media-controls-start-playback-button {
-webkit-appearance: none;
display: none !important;
}
.w-background-video--control {
background-color: #0000;
padding: 0;
position: absolute;
bottom: 1em;
right: 1em;
}
.w-background-video--control>[hidden] {
display: none !important;
}
.w-slider {
text-align: center;
clear: both;
-webkit-tap-highlight-color: #0000;
tap-highlight-color: #0000;
background: #ddd;
height: 300px;
position: relative;
}
.w-slider-mask {
z-index: 1;
white-space: nowrap;
height: 100%;
display: block;
position: relative;
left: 0;
right: 0;
overflow: hidden;
}
.w-slide {
vertical-align: top;
white-space: normal;
text-align: left;
width: 100%;
height: 100%;
display: inline-block;
position: relative;
}
.w-slider-nav {
z-index: 2;
text-align: center;
-webkit-tap-highlight-color: #0000;
tap-highlight-color: #0000;
height: 40px;
margin: auto;
padding-top: 10px;
position: absolute;
inset: auto 0 0;
}
.w-slider-nav.w-round>div {
border-radius: 100%;
}
.w-slider-nav.w-num>div {
width: auto;
height: auto;
font-size: inherit;
line-height: inherit;
padding: .2em .5em;
}
.w-slider-nav.w-shadow>div {
box-shadow: 0 0 3px #3336;
}
.w-slider-nav-invert {
color: #fff;
}
.w-slider-nav-invert>div {
background-color: #2226;
}
.w-slider-nav-invert>div.w-active {
background-color: #222;
}
.w-slider-dot {
cursor: pointer;
background-color: #fff6;
width: 1em;
height: 1em;
margin: 0 3px .5em;
transition: background-color .1s, color .1s;
display: inline-block;
position: relative;
}
.w-slider-dot.w-active {
background-color: #fff;
}
.w-slider-dot:focus {
outline: none;
box-shadow: 0 0 0 2px #fff;
}
.w-slider-dot:focus.w-active {
box-shadow: none;
}
.w-slider-arrow-left,
.w-slider-arrow-right {
cursor: pointer;
color: #fff;
-webkit-tap-highlight-color: #0000;
tap-highlight-color: #0000;
-webkit-user-select: none;
user-select: none;
width: 80px;
margin: auto;
font-size: 40px;
position: absolute;
inset: 0;
overflow: hidden;
}
.w-slider-arrow-left [class^="w-icon-"],
.w-slider-arrow-right [class^="w-icon-"],
.w-slider-arrow-left [class*=" w-icon-"],
.w-slider-arrow-right [class*=" w-icon-"] {
position: absolute;
}
.w-slider-arrow-left:focus,
.w-slider-arrow-right:focus {
outline: 0;
}
.w-slider-arrow-left {
z-index: 3;
right: auto;
}
.w-slider-arrow-right {
z-index: 4;
left: auto;
}
.w-icon-slider-left,
.w-icon-slider-right {
width: 1em;
height: 1em;
margin: auto;
inset: 0;
}
.w-slider-aria-label {
clip: rect(0 0 0 0);
border: 0;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
position: absolute;
overflow: hidden;
}
.w-slider-force-show {
display: block !important;
}
.w-dropdown {
text-align: left;
z-index: 900;
margin-left: auto;
margin-right: auto;
display: inline-block;
position: relative;
}
.w-dropdown-btn,
.w-dropdown-toggle,
.w-dropdown-link {
vertical-align: top;
color: #222;
text-align: left;
white-space: nowrap;
margin-left: auto;
margin-right: auto;
padding: 20px;
text-decoration: none;
position: relative;
}
.w-dropdown-toggle {
-webkit-user-select: none;
user-select: none;
cursor: pointer;
padding-right: 40px;
display: inline-block;
}
.w-dropdown-toggle:focus {
outline: 0;
}
.w-icon-dropdown-toggle {
width: 1em;
height: 1em;
margin: auto 20px auto auto;
position: absolute;
top: 0;
bottom: 0;
right: 0;
}
.w-dropdown-list {
background: #ddd;
min-width: 100%;
display: none;
position: absolute;
}
.w-dropdown-list.w--open {
display: block;
}
.w-dropdown-link {
color: #222;
padding: 10px 20px;
display: block;
}
.w-dropdown-link.w--current {
color: #0082f3;
}
.w-dropdown-link:focus {
outline: 0;
}
.w-lightbox-backdrop {
cursor: auto;
letter-spacing: normal;
text-indent: 0;
text-shadow: none;
text-transform: none;
visibility: visible;
white-space: normal;
word-break: normal;
word-spacing: normal;
word-wrap: normal;
color: #fff;
text-align: center;
z-index: 2000;
opacity: 0;
-webkit-user-select: none;
-moz-user-select: none;
-webkit-tap-highlight-color: transparent;
background: #000000e6;
outline: 0;
font-family: Helvetica Neue, Helvetica, Ubuntu, Segoe UI, Verdana, sans-serif;
font-size: 17px;
font-style: normal;
font-weight: 300;
line-height: 1.2;
list-style: disc;
position: fixed;
inset: 0;
-webkit-transform: translate(0);
}
.w-lightbox-backdrop,
.w-lightbox-container {
-webkit-overflow-scrolling: touch;
height: 100%;
overflow: auto;
}
.w-lightbox-content {
height: 100vh;
position: relative;
overflow: hidden;
}
.w-lightbox-view {
opacity: 0;
width: 100vw;
height: 100vh;
position: absolute;
}
.w-lightbox-view:before {
content: "";
height: 100vh;
}
.w-lightbox-group,
.w-lightbox-group .w-lightbox-view,
.w-lightbox-group .w-lightbox-view:before {
height: 86vh;
}
.w-lightbox-frame,
.w-lightbox-view:before {
vertical-align: middle;
display: inline-block;
}
.w-lightbox-figure {
margin: 0;
position: relative;
}
.w-lightbox-group .w-lightbox-figure {
cursor: pointer;
}
.w-lightbox-img {
width: auto;
max-width: none;
height: auto;
}
.w-lightbox-image {
float: none;
max-width: 100vw;
max-height: 100vh;
display: block;
}
.w-lightbox-group .w-lightbox-image {
max-height: 86vh;
}
.w-lightbox-caption {
text-align: left;
text-overflow: ellipsis;
white-space: nowrap;
background: #0006;
padding: .5em 1em;
position: absolute;
bottom: 0;
left: 0;
right: 0;
overflow: hidden;
}
.w-lightbox-embed {
width: 100%;
height: 100%;
position: absolute;
inset: 0;
}
.w-lightbox-control {
cursor: pointer;
background-position: center;
background-repeat: no-repeat;
background-size: 24px;
width: 4em;
transition: all .3s;
position: absolute;
top: 0;
}
.w-lightbox-left {
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0yMCAwIDI0IDQwIiB3aWR0aD0iMjQiIGhlaWdodD0iNDAiPjxnIHRyYW5zZm9ybT0icm90YXRlKDQ1KSI+PHBhdGggZD0ibTAgMGg1djIzaDIzdjVoLTI4eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDN2MjNoMjN2M2gtMjZ6IiBmaWxsPSIjZmZmIi8+PC9nPjwvc3ZnPg==");
display: none;
bottom: 0;
left: 0;
}
.w-lightbox-right {
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMjQgNDAiIHdpZHRoPSIyNCIgaGVpZ2h0PSI0MCI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMC0waDI4djI4aC01di0yM2gtMjN6IiBvcGFjaXR5PSIuNCIvPjxwYXRoIGQ9Im0xIDFoMjZ2MjZoLTN2LTIzaC0yM3oiIGZpbGw9IiNmZmYiLz48L2c+PC9zdmc+");
display: none;
bottom: 0;
right: 0;
}
.w-lightbox-close {
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMTggMTciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxNyI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMCAwaDd2LTdoNXY3aDd2NWgtN3Y3aC01di03aC03eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDd2LTdoM3Y3aDd2M2gtN3Y3aC0zdi03aC03eiIgZmlsbD0iI2ZmZiIvPjwvZz48L3N2Zz4=");
background-size: 18px;
height: 2.6em;
right: 0;
}
.w-lightbox-strip {
white-space: nowrap;
padding: 0 1vh;
line-height: 0;
position: absolute;
bottom: 0;
left: 0;
right: 0;
overflow: auto hidden;
}
.w-lightbox-item {
box-sizing: content-box;
cursor: pointer;
width: 10vh;
padding: 2vh 1vh;
display: inline-block;
-webkit-transform: translate3d(0, 0, 0);
}
.w-lightbox-active {
opacity: .3;
}
.w-lightbox-thumbnail {
background: #222;
height: 10vh;
position: relative;
overflow: hidden;
}
.w-lightbox-thumbnail-image {
position: absolute;
top: 0;
left: 0;
}
.w-lightbox-thumbnail .w-lightbox-tall {
width: 100%;
top: 50%;
transform: translate(0, -50%);
}
.w-lightbox-thumbnail .w-lightbox-wide {
height: 100%;
left: 50%;
transform: translate(-50%);
}
.w-lightbox-spinner {
box-sizing: border-box;
border: 5px solid #0006;
border-radius: 50%;
width: 40px;
height: 40px;
margin-top: -20px;
margin-left: -20px;
animation: .8s linear infinite spin;
position: absolute;
top: 50%;
left: 50%;
}
.w-lightbox-spinner:after {
content: "";
border: 3px solid #0000;
border-bottom-color: #fff;
border-radius: 50%;
position: absolute;
inset: -4px;
}
.w-lightbox-hide {
display: none;
}
.w-lightbox-noscroll {
overflow: hidden;
}
@media (min-width: 768px) {
.w-lightbox-content {
height: 96vh;
margin-top: 2vh;
}
.w-lightbox-view,
.w-lightbox-view:before {
height: 96vh;
}
.w-lightbox-group,
.w-lightbox-group .w-lightbox-view,
.w-lightbox-group .w-lightbox-view:before {
height: 84vh;
}
.w-lightbox-image {
max-width: 96vw;
max-height: 96vh;
}
.w-lightbox-group .w-lightbox-image {
max-width: 82.3vw;
max-height: 84vh;
}
.w-lightbox-left,
.w-lightbox-right {
opacity: .5;
display: block;
}
.w-lightbox-close {
opacity: .8;
}
.w-lightbox-control:hover {
opacity: 1;
}
}
.w-lightbox-inactive,
.w-lightbox-inactive:hover {
opacity: 0;
}
.w-richtext:before,
.w-richtext:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-richtext:after {
clear: both;
}
.w-richtext[contenteditable="true"]:before,
.w-richtext[contenteditable="true"]:after {
white-space: initial;
}
.w-richtext ol,
.w-richtext ul {
overflow: hidden;
}
.w-richtext .w-richtext-figure-selected.w-richtext-figure-type-video div:after,
.w-richtext .w-richtext-figure-selected[data-rt-type="video"] div:after,
.w-richtext .w-richtext-figure-selected.w-richtext-figure-type-image div,
.w-richtext .w-richtext-figure-selected[data-rt-type="image"] div {
outline: 2px solid #2895f7;
}
.w-richtext figure.w-richtext-figure-type-video>div:after,
.w-richtext figure[data-rt-type="video"]>div:after {
content: "";
display: none;
position: absolute;
inset: 0;
}
.w-richtext figure {
max-width: 60%;
position: relative;
}
.w-richtext figure>div:before {
cursor: default !important;
}
.w-richtext figure img {
width: 100%;
}
.w-richtext figure figcaption.w-richtext-figcaption-placeholder {
opacity: .6;
}
.w-richtext figure div {
color: #0000;
font-size: 0;
}
.w-richtext figure.w-richtext-figure-type-image,
.w-richtext figure[data-rt-type="image"] {
display: table;
}
.w-richtext figure.w-richtext-figure-type-image>div,
.w-richtext figure[data-rt-type="image"]>div {
display: inline-block;
}
.w-richtext figure.w-richtext-figure-type-image>figcaption,
.w-richtext figure[data-rt-type="image"]>figcaption {
caption-side: bottom;
display: table-caption;
}
.w-richtext figure.w-richtext-figure-type-video,
.w-richtext figure[data-rt-type="video"] {
width: 60%;
height: 0;
}
.w-richtext figure.w-richtext-figure-type-video iframe,
.w-richtext figure[data-rt-type="video"] iframe {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.w-richtext figure.w-richtext-figure-type-video>div,
.w-richtext figure[data-rt-type="video"]>div {
width: 100%;
}
.w-richtext figure.w-richtext-align-center {
clear: both;
margin-left: auto;
margin-right: auto;
}
.w-richtext figure.w-richtext-align-center.w-richtext-figure-type-image>div,
.w-richtext figure.w-richtext-align-center[data-rt-type="image"]>div {
max-width: 100%;
}
.w-richtext figure.w-richtext-align-normal {
clear: both;
}
.w-richtext figure.w-richtext-align-fullwidth {
text-align: center;
clear: both;
width: 100%;
max-width: 100%;
margin-left: auto;
margin-right: auto;
display: block;
}
.w-richtext figure.w-richtext-align-fullwidth>div {
padding-bottom: inherit;
display: inline-block;
}
.w-richtext figure.w-richtext-align-fullwidth>figcaption {
display: block;
}
.w-richtext figure.w-richtext-align-floatleft {
float: left;
clear: none;
margin-right: 15px;
}
.w-richtext figure.w-richtext-align-floatright {
float: right;
clear: none;
margin-left: 15px;
}
.w-nav {
z-index: 1000;
background: #ddd;
position: relative;
}
.w-nav:before,
.w-nav:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-nav:after {
clear: both;
}
.w-nav-brand {
float: left;
color: #333;
text-decoration: none;
position: relative;
}
.w-nav-link {
vertical-align: top;
color: #222;
text-align: left;
margin-left: auto;
margin-right: auto;
padding: 20px;
text-decoration: none;
display: inline-block;
position: relative;
}
.w-nav-link.w--current {
color: #0082f3;
}
.w-nav-menu {
float: right;
position: relative;
}
[data-nav-menu-open] {
text-align: center;
background: #c8c8c8;
min-width: 200px;
position: absolute;
top: 100%;
left: 0;
right: 0;
overflow: visible;
display: block !important;
}
.w--nav-link-open {
display: block;
position: relative;
}
.w-nav-overlay {
width: 100%;
display: none;
position: absolute;
top: 100%;
left: 0;
right: 0;
overflow: hidden;
}
.w-nav-overlay [data-nav-menu-open] {
top: 0;
}
.w-nav[data-animation="over-left"] .w-nav-overlay {
width: auto;
}
.w-nav[data-animation="over-left"] .w-nav-overlay,
.w-nav[data-animation="over-left"] [data-nav-menu-open] {
z-index: 1;
top: 0;
right: auto;
}
.w-nav[data-animation="over-right"] .w-nav-overlay {
width: auto;
}
.w-nav[data-animation="over-right"] .w-nav-overlay,
.w-nav[data-animation="over-right"] [data-nav-menu-open] {
z-index: 1;
top: 0;
left: auto;
}
.w-nav-button {
float: right;
cursor: pointer;
-webkit-tap-highlight-color: #0000;
tap-highlight-color: #0000;
-webkit-user-select: none;
user-select: none;
padding: 18px;
font-size: 24px;
display: none;
position: relative;
}
.w-nav-button:focus {
outline: 0;
}
.w-nav-button.w--open {
color: #fff;
background-color: #c8c8c8;
}
.w-nav[data-collapse="all"] .w-nav-menu {
display: none;
}
.w-nav[data-collapse="all"] .w-nav-button,
.w--nav-dropdown-open,
.w--nav-dropdown-toggle-open {
display: block;
}
.w--nav-dropdown-list-open {
position: static;
}
@media screen and (max-width: 991px) {
.w-nav[data-collapse="medium"] .w-nav-menu {
display: none;
}
.w-nav[data-collapse="medium"] .w-nav-button {
display: block;
}
}
@media screen and (max-width: 767px) {
.w-nav[data-collapse="small"] .w-nav-menu {
display: none;
}
.w-nav[data-collapse="small"] .w-nav-button {
display: block;
}
.w-nav-brand {
padding-left: 10px;
}
}
@media screen and (max-width: 479px) {
.w-nav[data-collapse="tiny"] .w-nav-menu {
display: none;
}
.w-nav[data-collapse="tiny"] .w-nav-button {
display: block;
}
}
.w-tabs {
position: relative;
}
.w-tabs:before,
.w-tabs:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-tabs:after {
clear: both;
}
.w-tab-menu {
position: relative;
}
.w-tab-link {
vertical-align: top;
text-align: left;
cursor: pointer;
color: #222;
background-color: #ddd;
padding: 9px 30px;
text-decoration: none;
display: inline-block;
position: relative;
}
.w-tab-link.w--current {
background-color: #c8c8c8;
}
.w-tab-link:focus {
outline: 0;
}
.w-tab-content {
display: block;
position: relative;
overflow: hidden;
}
.w-tab-pane {
display: none;
position: relative;
}
.w--tab-active {
display: block;
}
@media screen and (max-width: 479px) {
.w-tab-link {
display: block;
}
}
.w-ix-emptyfix:after {
content: "";
}
@keyframes spin {
0% {
transform: rotate(0);
}
100% {
transform: rotate(360deg);
}
}
.w-dyn-empty {
background-color: #ddd;
padding: 10px;
}
.w-dyn-hide,
.w-dyn-bind-empty,
.w-condition-invisible {
display: none !important;
}
.wf-layout-layout {
display: grid;
}
@font-face {
font-family: Trap;
src: url('../fonts/654a811679684e9396bf3a00_Trap-Black.otf') format("opentype");
font-weight: 900;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Trap;
src: url('../fonts/654a81160e84592a450e648b_Trap-Bold.otf') format("opentype"), url('../fonts/654a811626ffb7a5f8b4c62a_Trap-ExtraBold.otf') format("opentype");
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Trap;
src: url('../fonts/654a811670067745370ab3ea_Trap-Medium.otf') format("opentype");
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Trap;
src: url('../fonts/654a81160eebfe67ef170c6a_Trap-SemiBold.otf') format("opentype");
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Trap;
src: url('../fonts/654a811679684e9396bf3a0e_Trap-Regular.otf') format("opentype");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Trap;
src: url('../fonts/654a811670067745370ab3ef_Trap-Light.otf') format("opentype");
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Trap;
src: url('../fonts/654a811626ffb7a5f8b4c62a_Trap-ExtraBold.otf') format("opentype");
font-weight: 800;
font-style: normal;
font-display: swap;
}
:root {
--text-color-white: #fffc;
--white-70: #ffffffb3;
--background-color: #000f08;
--button-text-color: #06111b;
--paste: #00fff2;
--bg2: #f2f4f3;
--white-71: white;
--text-color: #ffffff80;
--pink: #dc2abe;
--bg-new-color: #001e1d;
--white-72: white;
--black: black;
--new-bg: #091928;
}
.w-layout-blockcontainer {
max-width: 940px;
margin-left: auto;
margin-right: auto;
display: block;
}
.w-backgroundvideo-backgroundvideoplaypausebutton:focus-visible {
outline-offset: 2px;
border-radius: 50%;
outline: 2px solid #3b79c3;
}
.w-layout-grid {
grid-row-gap: 16px;
grid-column-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
@media screen and (max-width: 991px) {
.w-layout-blockcontainer {
max-width: 728px;
}
}
@media screen and (max-width: 767px) {
.w-layout-blockcontainer {
max-width: none;
}
}
body {
color: #333;
font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
font-size: 14px;
line-height: 20px;
}
h1 {
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-size: 32px;
font-weight: 700;
line-height: 1.09375em;
}
h2 {
color: var(--text-color-white);
margin-top: 20px;
margin-bottom: 10px;
font-family: Trap, sans-serif;
font-size: 48px;
font-weight: 700;
line-height: 50px;
}
h3 {
margin-top: 0;
margin-bottom: 10px;
font-family: Trap, sans-serif;
font-size: 20px;
font-weight: 700;
line-height: 30px;
}
h4 {
color: var(--text-color-white);
margin-top: 10px;
margin-bottom: 10px;
font-family: Trap, sans-serif;
font-size: 20px;
font-weight: 700;
line-height: 24px;
}
h5 {
margin-top: 10px;
margin-bottom: 10px;
font-size: 14px;
font-weight: bold;
line-height: 20px;
}
p {
color: var(--white-70);
text-align: left;
margin-bottom: 10px;
font-size: 16px;
line-height: 26px;
}
a {
color: #fff;
text-decoration: none;
}
ul,
ol {
margin-top: 0;
margin-bottom: 10px;
padding-left: 40px;
}
strong {
font-weight: bold;
}
.body {
background-color: var(--background-color);
font-family: DM Sans, sans-serif;
}
.logo-text {
font-size: 40px;
font-weight: 300;
line-height: 49px;
}
.logo-text.black {
font-family: Trap, sans-serif;
}
.logo-text.black.wh {
color: #fff;
font-size: 39px;
}
.navbar {
background-color: #ddd0;
width: 100%;
height: auto;
padding-left: 15px;
padding-right: 15px;
position: absolute;
inset: 0% 0% auto;
}
.navbar.fixed {
z-index: 99;
background-color: var(--background-color);
padding-top: 20px;
padding-bottom: 20px;
position: fixed;
}
.navbar.hide {
display: none;
}
.container {
z-index: 9;
width: 100%;
max-width: 1200px;
margin-left: auto;
margin-right: auto;
position: relative;
}
.container.margin {
margin-top: 75px;
}
.container.margin.more {
margin-top: 90px;
margin-bottom: 90px;
}
.container.padding {
z-index: 11;
padding-left: 227px;
padding-right: 227px;
position: relative;
}
.container.padding.margin-bottom {
margin-bottom: 165px;
}
.container.padding.margin-bottom.rltv {
object-fit: fill;
margin-bottom: 180px;
padding-left: 100px;
padding-right: 100px;
position: relative;
}
.container.people {
z-index: 11;
max-width: 880px;
position: relative;
}
.container._3 {
z-index: 20;
position: relative;
}
.container.rltv {
position: relative;
}
.container.rl {
z-index: 11;
position: relative;
}
.container.mb-100 {
margin-bottom: -118px;
}
.container.z-11,
.container.some,
.container.client,
.container.pricing,
.container.faqs,
.container.summary {
z-index: 11;
}
.container.article {
z-index: 11;
height: 100%;
}
.nav-wrapper {
grid-column-gap: 145px;
grid-row-gap: 145px;
flex: 0 auto;
justify-content: space-between;
align-items: center;
width: 100%;
height: auto;
padding: 4px 0;
display: flex;
}
.button-text {
color: #fff;
font-family: DM Sans, sans-serif;
font-size: 14px;
font-weight: 500;
line-height: 26px;
}
.button-text.bl {
color: var(--button-text-color);
font-size: 14px;
}
.button {
grid-column-gap: 8px;
grid-row-gap: 8px;
border: 1px none undefined;
background-image: radial-gradient(circle at 85% 0, #dc2abe80, #00fff280 54%);
border-radius: 50px;
flex: 0 auto;
justify-content: center;
align-items: center;
padding: 1px;
display: flex;
}
.button.normal {
background-color: var(--paste);
background-image: none;
width: 200px;
margin-top: 120px;
padding: 0;
transition: all .3s;
box-shadow: 0 0 16px #00fff2e6;
}
.button.normal:hover {
box-shadow: 0 0 #00fff2cc;
}
.button.normal.r {
width: auto;
min-width: 201.5px;
min-height: 57.63px;
margin-top: 100px;
font-weight: 500;
position: relative;
box-shadow: 0 2px 16px #00fff2b3;
}
.button.normal.r:hover {
box-shadow: 0 0 #00000026, 0 0 #00fff2cc;
}
.button.desk {
grid-column-gap: 0px;
grid-row-gap: 0px;
background-image: radial-gradient(circle at 80% 0, #a540acd9, #00fff240 66%);
width: auto;
height: auto;
padding: 0;
font-weight: 500;
transition: all .3s;
position: relative;
overflow: hidden;
}
.button.desk.mg-side {
background-image: radial-gradient(circle at 80% 0, #a540acd9, #00fff240 66%);
margin-left: 10px;
margin-right: 10px;
}
.button.desk.width {
border-radius: 100%;
width: 133px;
height: 133px;
}
.button.mobile {
display: none;
}
.arrow-2 {
object-fit: cover;
}
.section {
height: 100vh;
}
.section.banner {
flex-direction: column;
justify-content: center;
width: 100%;
height: auto;
min-height: 100vh;
padding-top: 140px;
padding-bottom: 60px;
display: flex;
position: relative;
}
.section.banner.home {
background-color: #000f08;
flex-direction: column;
justify-content: center;
width: 100%;
height: auto;
min-height: 100vh;
padding-bottom: 0;
padding-left: 15px;
padding-right: 15px;
display: flex;
}
.section.banner.people {
align-items: center;
padding-top: 200px;
padding-bottom: 140px;
display: flex;
}
.section.banner._3 {
padding-top: 200px;
padding-bottom: 100px;
}
.section._2 {
width: 100%;
height: auto;
padding-top: 90px;
padding-bottom: 0;
position: relative;
}
.section.animated {
width: 100%;
height: auto;
position: relative;
}
.section.animated.default-hide {
display: block;
}
.section.animated.new {
background-color: var(--bg2);
position: static;
}
.section.footer {
background-image: url('../images/65882835dd7c62ee2c7bd7d2_Footer.svg');
background-size: cover;
height: auto;
padding: 115px 15px 20px;
position: relative;
overflow: hidden;
}
.section.footer.cms {
background-image: none;
padding-bottom: 80px;
}
.section.footer.default-hide {
display: block;
}
.section.banner-work {
align-items: center;
height: auto;
min-height: 100vh;
padding-top: 0;
padding-bottom: 240px;
display: flex;
position: relative;
}
.section.banner-work.pb-60 {
padding-bottom: 140px;
}
.section.bg1 {
background-image: url('../images/658814b6646aea108e2bd918_BG curve.svg');
background-position: 50% 0;
background-repeat: no-repeat;
background-size: cover;
height: auto;
padding-top: 185px;
padding-bottom: 135px;
}
.section.bg1.neg {
background-color: #f2f4f3;
background-image: none;
background-repeat: repeat;
background-size: auto;
align-items: center;
width: 100%;
min-height: 100vh;
margin-top: 0;
margin-bottom: 0;
padding-top: 90px;
padding-bottom: 160px;
display: flex;
position: relative;
}
.section.bg2 {
background-image: url('../images/654c0b0123af51b1028ddfd8_BG2.svg');
background-position: 50% 0;
background-repeat: no-repeat;
background-size: cover;
height: auto;
padding-top: 185px;
padding-bottom: 135px;
}
.section.bg2.grid-sec {
background-image: url('../images/656ce96e15901291e84b8494_BG grid.svg');
background-position: 50% 0;
margin-top: -60px;
padding-top: 170px;
padding-bottom: 236px;
}
.section.bg2.grid-sec.pb-50 {
background-color: #e8e8e8;
background-image: none;
background-repeat: repeat;
background-size: auto;
width: 100%;
min-height: 100vh;
margin-top: 0;
padding-top: 90px;
padding-bottom: 160px;
display: flex;
position: relative;
}
.section.bg2.faq {
background-color: #f2f4f3;
background-image: url('../images/658826e8966a3456e64d9aaa_BG-CRUVE2.svg');
background-position: 50% 0;
width: 100%;
margin-top: 0;
padding-top: 90px;
padding-bottom: 140px;
position: relative;
}
.section.bg2.description {
background-color: #f2f4f3;
background-image: none;
background-repeat: repeat;
background-size: auto;
align-items: center;
min-height: 100vh;
padding-top: 130px;
padding-bottom: 220px;
display: flex;
position: relative;
}
.section.pricing {
height: auto;
margin-bottom: 0;
padding-bottom: 160px;
position: relative;
}
.section.bg3 {
background-image: url('../images/655f9cef246f3b591948cd8f_Group 1321314842.svg');
background-position: 50% 0;
background-size: cover;
height: auto;
margin-top: -109px;
padding-top: 180px;
padding-bottom: 160px;
position: relative;
}
.section.bg3.less-margin {
background-image: none;
margin-top: 0;
padding-top: 0;
padding-bottom: 0;
}
.section.agency {
background-color: #f2f4f3;
height: auto;
margin-top: 0;
padding-top: 0;
padding-bottom: 0;
}
.section.people-new {
height: auto;
min-height: 100vh;
margin-top: 0;
padding: 90px 15px 160px;
position: relative;
overflow: hidden;
}
.section.project-page {
width: 100%;
height: auto;
min-height: 100vh;
padding: 50px 15px 150px;
position: relative;
}
.section.project-wrapper {
width: 100%;
height: auto;
margin-top: 0;
margin-bottom: 0;
padding-bottom: 30px;
padding-left: 40px;
padding-right: 40px;
position: relative;
}
.section.priccing-wrap.hidee {
display: none;
}
.section.slider-wrapp {
background-image: url('../images/655f9cef246f3b591948cd8f_Group 1321314842.svg');
background-position: 50% 0;
background-size: cover;
height: auto;
min-height: 100vh;
margin-top: 0;
padding-top: 90px;
padding-bottom: 160px;
position: relative;
}
.section.priccing-wrap {
background-color: #f2f4f3;
background-image: none;
background-repeat: repeat;
background-size: auto;
width: 100%;
height: auto;
padding-top: 160px;
padding-bottom: 200px;
position: relative;
}
.section.priccing-wrap.hide {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: block;
}
.pager-wrappper {
width: 100%;
padding-top: 32px;
position: relative;
overflow: hidden;
}
.nav-link {
color: #ffffff80;
font-size: 14px;
font-weight: 400;
line-height: 26px;
text-decoration: none;
}
.nav-link:hover {
color: var(--white-71);
}
.nav-link.w--current {
color: #fff;
border: 1px #000;
border-bottom: 0 #fff;
padding-bottom: 0;
}
.nav-menu {
z-index: 1;
grid-column-gap: 0px;
grid-row-gap: 0px;
justify-content: center;
align-items: center;
width: 360px;
margin-left: auto;
margin-right: auto;
display: flex;
position: absolute;
inset: 0%;
}
.nav-menu._2 {
margin-left: 0;
margin-right: 0;
position: static;
}
.wrap {
grid-column-gap: 8px;
grid-row-gap: 8px;
border: 1px none undefined;
background-color: #000f08;
border-radius: 50px;
flex: 0 auto;
justify-content: center;
align-items: center;
padding: 16px 32px;
display: flex;
}
.wrap.normal {
background-color: #000f0800;
padding-left: 20px;
padding-right: 20px;
}
.wrap.bg-black {
z-index: 1;
width: 100%;
height: 100%;
margin: 1px;
padding-top: 14px;
padding-bottom: 14px;
position: relative;
}
.wrap.bg-black.wd {
background-color: #000f08;
border-radius: 100%;
width: 132px;
height: 132px;
padding: 24px;
}
.wrap.circle {
z-index: 1;
flex: none;
width: 65px;
height: 65px;
margin: 1px;
padding: 10px;
position: relative;
}
.wrap.width-133px {
z-index: 1;
border-radius: 100%;
flex: none;
width: 133px;
height: 133px;
margin: 1px;
padding: 10px;
position: relative;
}
.active-page {
flex-direction: column;
justify-content: center;
align-items: center;
margin-top: 12px;
display: flex;
position: relative;
}
.active {
border-radius: 8px;
width: 11px;
height: 6px;
margin-top: 4px;
margin-left: 0;
display: none;
position: absolute;
inset: 100% auto 0%;
}
.banner-wrapper {
width: 100%;
max-width: 1200px;
margin-left: auto;
margin-right: auto;
padding-top: 0;
}
.banner-wrapper.relative {
position: relative;
}
.banner-wrapper.relative.work {
padding-top: 200px;
}
.banner-heading {
color: #fff;
text-align: center;
text-transform: uppercase;
margin-bottom: 4px;
font-family: Trap, sans-serif;
font-size: 62px;
font-weight: 600;
line-height: 62px;
}
.banner-heading.margin {
margin-top: 0;
margin-bottom: 45px;
}
.banner-heading.margin.pricings {
margin-bottom: 24px;
}
.banner-heading.bold_cms {
margin-bottom: 0;
font-size: 80px;
line-height: 1.1em;
}
.banner-heading.thin_cms {
margin-top: 0;
font-weight: 400;
line-height: 1em;
}
.pink {
color: #dc2abe;
text-align: center;
text-transform: uppercase;
font-family: Trap, sans-serif;
font-weight: 400;
}
.pink.text-22,
.pink.text-25 {
font-weight: 300;
}
.bannner-heading {
max-width: 930px;
color: var(--text-color-white);
text-align: center;
text-transform: uppercase;
margin: 0 auto 24px;
padding-left: 60px;
padding-right: 60px;
font-family: Trap, sans-serif;
font-size: 62px;
font-weight: 800;
line-height: 62px;
}
.bannner-heading.left {
color: #fff;
text-align: left;
margin-top: 20px;
margin-bottom: 0;
}
.bannner-heading.left.px-0 {
margin-top: 0;
padding-left: 0;
font-weight: 600;
}
.bannner-heading.p-0 {
padding-left: 0;
padding-right: 0;
font-weight: 600;
}
.bannner-heading.px-0 {
max-width: 1200px;
}
.bannner-heading.px-60 {
padding-left: 0;
padding-right: 0;
font-weight: 600;
}
.section-sub-text {
text-align: center;
font-size: 24px;
font-weight: 400;
line-height: 33px;
}
.section-sub-text.padding {
margin-top: 24px;
padding-left: 187px;
padding-right: 187px;
}
.section-sub-text.padding.white {
color: var(--text-color);
font-weight: 300;
line-height: 32px;
}
.section-sub-text.padding.white._2 {
margin-bottom: 0;
padding-left: 220px;
padding-right: 220px;
font-size: 16px;
line-height: 21px;
}
.section-sub-text.padding.white._2.b {
color: #06111bb3;
text-align: center;
margin-top: 0;
padding-left: 209px;
padding-right: 209px;
font-weight: 300;
}
.section-sub-text.padding.white._2.more-spcaing {
color: #06111bb3;
text-align: center;
max-width: 548px;
padding-left: 0;
padding-right: 0;
}
.section-sub-text.padding.white.extra {
color: #ffffffb3;
padding-left: 280px;
padding-right: 280px;
}
.section-sub-text.padding._16 {
color: #06111bb3;
margin-bottom: 0;
font-size: 16px;
font-weight: 300;
line-height: 21px;
}
.section-sub-text.padding.white-7 {
max-width: 775px;
color: var(--white-70);
margin: 0 auto;
padding-top: 0;
padding-left: 20px;
padding-right: 20px;
font-size: 18px;
font-weight: 300;
line-height: 26px;
}
.section-sub-text._16-white {
color: var(--white-70);
font-weight: 300;
line-height: 32px;
}
.section-sub-text._16-white.left {
text-align: left;
font-size: 16px;
font-weight: 300;
line-height: 24px;
}
.section-sub-text._16-white.left.padding-right {
max-width: 548px;
margin-top: 24px;
margin-bottom: 0;
font-family: DM Sans, sans-serif;
line-height: 21px;
}
.section-sub-text._16-black {
color: #06111bb3;
font-size: 16px;
font-weight: 300;
line-height: 21px;
}
.section-sub-text._16-black.pricing-txt {
color: #06111bb3;
width: 750px;
margin: 24px auto 30px;
font-weight: 300;
line-height: 21px;
}
.section-sub-text._16-black.margin-top {
margin-top: 24px;
}
.bold-txt {
color: var(--text-color-white);
text-decoration: underline;
}
.bold-txt.black {
color: #06111b;
font-weight: 700;
text-decoration: none;
}
.bold-txt.white-bold {
color: var(--bg2);
font-weight: 700;
text-decoration: none;
}
.get-started {
grid-column-gap: 8px;
grid-row-gap: 8px;
border: 1px undefined undefined;
background-color: #00fff2;
border-radius: 50px;
flex: 0 auto;
justify-content: center;
align-items: center;
width: 175px;
margin-top: 64px;
margin-left: auto;
margin-right: auto;
padding: 0;
transition: box-shadow .2s;
display: flex;
position: relative;
box-shadow: 0 0 20px 2px #00fff2e6;
}
.get-started:hover {
box-shadow: 0 0 #00fff2e6;
}
.get-started._2 {
width: 210px;
margin-top: 64px;
margin-left: 0;
margin-right: 0;
transition-property: all;
box-shadow: 0 0 17px #00fff2a6;
}
.get-started._2:hover {
box-shadow: 0 0 #00fff2a6;
}
.get-started._2._3 {
margin-top: 0;
margin-left: auto;
margin-right: auto;
font-weight: 500;
}
.get-started._2._3.hide {
display: none;
}
.get-started._2.mt-100 {
box-shadow: 0 0 20px 3px #00fff2a6;
}
.get-started._2.mt-100:hover {
box-shadow: 0 0 #00fff2a6;
}
.get-started._2._3 {
margin-top: 0;
margin-left: auto;
margin-right: auto;
font-weight: 500;
text-decoration: none;
}
.get-started._2._3:hover {
box-shadow: 0 0 #00fff2a6;
}
.get-started._2._3.hide {
text-decoration: none;
display: none;
}
.btn-text {
color: var(--button-text-color);
font-family: DM Sans, sans-serif;
font-size: 14px;
font-weight: 500;
line-height: 26px;
}
.vectors-wrapper-2 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 24px;
height: 24px;
display: flex;
}
.get-staretd-wrapper {
grid-column-gap: 8px;
grid-row-gap: 8px;
border: 1px undefined undefined;
background-color: #00fff2;
border-radius: 50px;
flex: 0 auto;
justify-content: center;
align-items: center;
margin-left: auto;
margin-right: auto;
padding: 16px 32px;
display: flex;
overflow: hidden;
}
.glow {
z-index: -1;
border: 10px solid var(--paste);
filter: blur(10px);
mix-blend-mode: normal;
border-radius: 50px;
width: 176px;
height: 60px;
margin-left: auto;
margin-right: auto;
position: absolute;
inset: -2% -2% 0%;
}
.glow._2 {
z-index: 0;
filter: blur();
width: 205px;
}
.character-img {
position: absolute;
inset: auto auto 3% 0%;
}
.character-img.home {
pointer-events: none;
width: 100%;
max-width: 1440px;
margin-top: -140px;
margin-left: auto;
margin-right: auto;
display: block;
position: static;
inset: auto 0% 0%;
}
.character-img.our-peopl {
pointer-events: none;
width: 100%;
max-width: 1440px;
min-height: 0;
margin-top: 24px;
margin-left: auto;
margin-right: auto;
padding-left: 0;
padding-right: 0;
display: block;
inset: 49% 0% auto;
transform: translate(0, -50%);
}
.character-img.hero {
bottom: 12%;
}
._2-columns {
grid-column-gap: 24px;
grid-row-gap: 24px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 800px;
min-height: 800px;
margin-top: 0;
display: flex;
position: relative;
overflow: visible;
}
.column {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 505px;
padding: 24px 60px 24px 15px;
display: flex;
}
.subheading {
color: #fff;
text-transform: uppercase;
font-size: 38px;
font-weight: 600;
line-height: 42px;
}
.subheading.center {
line-height: 20px;
}
.subheading.center.padding {
text-align: center;
max-width: 691px;
margin: 0 auto;
font-weight: 600;
line-height: 42px;
}
.subheading.center.padding.heading2 {
color: var(--button-text-color);
margin-bottom: 24px;
font-weight: 600;
}
.subheading.center.black {
color: var(--button-text-color);
text-align: center;
font-weight: 600;
}
.subheading.black {
color: var(--button-text-color);
}
.subheading.black.center {
margin-top: 0;
line-height: 44px;
display: block;
}
.subheading._2 {
max-width: 505px;
margin-top: 0;
margin-bottom: 0;
padding-right: 20px;
}
.vector-img-wrapper {
grid-column-gap: 170px;
grid-row-gap: 170px;
width: auto;
max-width: 1280px;
margin-top: 10px;
margin-left: auto;
margin-right: auto;
display: flex;
}
.wrapper {
background-image: url('../images/654c02ca8f0622354aa3b463_BG.svg');
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
justify-content: center;
align-items: center;
height: 1104px;
padding-top: 160px;
padding-bottom: 110px;
display: flex;
}
.wrapper.one {
background-image: url('../images/658814b6646aea108e2bd918_BG curve.svg');
background-position: 50% 0;
flex-direction: row;
height: auto;
padding-top: 175px;
padding-bottom: 165px;
}
.wrapper.one.h {
background-color: #f2f4f3;
background-image: none;
flex-direction: column;
width: 100%;
padding: 160px 15px;
position: relative;
}
.wrapper.one.bg-gray1 {
background-color: #f2f4f3;
background-image: none;
background-size: auto;
min-height: 100vh;
padding: 90px 15px 160px;
position: relative;
}
.wrapper.two {
background-color: #e8e8e8;
background-image: none;
height: auto;
min-height: 100vh;
margin-top: 0;
padding: 90px 15px 160px;
position: relative;
}
.wrapper.three {
background-color: #000f08;
background-image: none;
width: 100%;
height: auto;
margin-top: 0;
padding-top: 140px;
padding-bottom: 140px;
display: block;
position: relative;
}
.wrapper.three.lm {
background-color: #000f08;
background-image: none;
background-repeat: repeat;
background-size: auto;
margin-top: 0;
padding: 90px 15px 180px;
}
.wrapper.three.lm.pb-0 {
padding-bottom: 160px;
}
.wrapper.one-copy {
background-color: #f2f4f3;
background-image: none;
background-repeat: repeat;
background-size: auto;
flex-direction: column;
width: 100%;
height: auto;
margin-top: 0;
padding-top: 90px;
padding-bottom: 200px;
position: relative;
}
.wrapper.one-copy.lm {
width: 100%;
padding-top: 90px;
padding-bottom: 140px;
display: block;
}
.wrapper.two-copy {
background-image: url('../images/654c0b0123af51b1028ddfd8_BG2.svg');
background-position: 50% 0;
height: auto;
margin-top: -61px;
padding-top: 140px;
padding-bottom: 140px;
}
.wrapper.two-copy.m {
background-color: #e8e8e8;
background-image: none;
margin-top: 0;
padding: 140px 15px;
position: relative;
}
.wrapper.two-copy.m.wrapper-separator {
padding-top: 90px;
padding-bottom: 160px;
}
.wrapper.winning-talent {
background-color: #f2f4f3;
background-image: none;
background-repeat: repeat;
background-size: auto;
flex-wrap: nowrap;
align-items: center;
width: 100%;
height: 100%;
min-height: 144vh;
padding-top: 0;
padding-bottom: 0;
position: relative;
}
.wrapper.white-big {
background-color: #e8e8e8;
background-image: none;
height: auto;
margin-top: 0;
padding-top: 140px;
padding-bottom: 200px;
position: relative;
}
.wrapper.caas-model {
background-image: url('../images/65842cc0ae053f6e5c6de14a_Home new white bg.svg');
background-position: 50% 0;
height: auto;
padding-top: 140px;
padding-bottom: 260px;
transition: opacity .2s;
position: relative;
}
.wrapper.caas-model.nooverflow {
padding-top: 120px;
overflow: visible;
}
.wrapper.caas-model.nooverflow.pt-35 {
background-color: #ff0;
background-image: none;
background-repeat: repeat;
background-size: auto;
width: 100%;
padding: 140px 15px;
display: block;
position: relative;
}
.wrapper.caas-model.nooverflow.pt-35.wrapper-separator {
background-color: #f2f4f3;
padding-top: 90px;
padding-bottom: 160px;
}
.wrapper.meet-out-client {
background-position: 50% 0;
height: auto;
padding-top: 255px;
padding-bottom: 275px;
position: relative;
}
.wrapper.meet-out-client._2 {
background-color: #f2f4f3;
background-image: none;
flex-direction: column;
padding-top: 100px;
padding-bottom: 160px;
}
.wrapper.meet-out-client._2.custom-padding {
padding-bottom: 0;
}
.div-block-2 {
grid-column-gap: 107px;
grid-row-gap: 107px;
justify-content: center;
align-items: center;
margin-top: 93px;
display: flex;
}
.div-block-2._2 {
flex-direction: row-reverse;
width: 100%;
margin-top: 93px;
}
.videowrapper {
border-radius: 32px;
width: 100%;
max-width: 450px;
height: 536px;
}
.background-video {
z-index: 100;
aspect-ratio: 2 / 3;
object-fit: cover;
border-radius: 32px;
width: 100%;
height: 100%;
display: block;
overflow: hidden;
}
.div-block-3 {
grid-column-gap: 16px;
grid-row-gap: 16px;
align-items: flex-start;
display: flex;
}
.div-block-3.grid-li {
grid-column-gap: 8px;
grid-row-gap: 8px;
align-items: center;
margin-top: 0;
margin-bottom: 16px;
}
.list-wrapper {
grid-column-gap: 32px;
grid-row-gap: 32px;
flex-direction: column;
align-items: flex-start;
width: 100%;
height: auto;
display: flex;
}
.list-wrapper._2 {
grid-column-gap: 32px;
grid-row-gap: 32px;
width: 100%;
max-width: 600px;
}
.list-wrapper.second {
max-width: 600px;
}
.bold {
color: #fff;
font-weight: 700;
}
.paragraph {
color: var(--background-color);
margin-bottom: 0;
font-weight: 300;
line-height: 21px;
}
.paragraph._2 {
color: var(--white-70);
margin-bottom: 0;
font-weight: 300;
}
.grid {
grid-column-gap: 17px;
grid-row-gap: 17px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
margin-top: 75px;
display: grid;
}
.grid-item {
border: 1px solid #222632;
border-radius: 48px;
height: auto;
padding: 25px;
transition: all .3s;
display: block;
}
.grid-item:hover {
background-color: #001514;
}
.grid-item._3 {
background-color: #001514;
border-style: none;
width: 100%;
height: 100%;
padding: 25px;
transition: all .3s;
}
.grid-item._3:hover {
background-color: #00151480;
}
.heading {
color: var(--text-color-white);
margin-top: 0;
margin-bottom: 0;
font-family: DM Sans, sans-serif;
font-size: 20px;
}
.div-block-5 {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-direction: column;
align-items: center;
margin-bottom: 31px;
display: flex;
}
.div-block-5.top {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-direction: column;
align-items: flex-start;
width: 100%;
margin-bottom: 0;
}
.div-block-5.top.h {
height: 111px;
}
.div-block-5.left {
flex-direction: row;
}
.div-block-5.align-left {
align-items: flex-start;
margin-bottom: 0;
}
.div-block-5.bottom-left {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-direction: column;
align-items: flex-start;
width: 100%;
margin-top: 0;
margin-bottom: -20px;
}
.div-block-5.bottom-left.h {
height: 111px;
}
.div-block-5.bottom-right {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-direction: column;
align-items: flex-start;
width: 100%;
margin-bottom: 20px;
}
.div-block-5.bottom-right.h {
height: 111px;
}
.image-4 {
width: 33px;
margin-top: 10px;
margin-bottom: auto;
}
.gradient-wrapper {
grid-column-gap: 8px;
grid-row-gap: 8px;
border: 1px none undefined;
background-image: radial-gradient(circle at 90% 0, #dc2abe99, #00fff259 55%);
border-radius: 48px;
flex: 0 auto;
justify-content: center;
align-items: center;
padding: 1px;
display: flex;
}
.gradient-wrapper.round {
cursor: pointer;
background-image: radial-gradient(circle at 90% 0, #dc2abeb3, #00fff2b3 55% 101%);
border-radius: 200px;
width: 265px;
min-width: 265px;
max-width: 265px;
height: 265px;
min-height: 265px;
transition: width .3s;
position: relative;
}
.gradient-wrapper.awardss {
background-image: radial-gradient(circle farthest-corner at 60% 0%, var(--pink), #00fff24d 45%);
border-radius: 32px;
height: 520px;
padding-top: 1px;
transition: all .3s;
}
.gradient-wrapper.awardss:hover {
background-image: radial-gradient(circle at 60% 0, #cf14b0, #00fff24d 45%);
transform: translate(0, -6px);
}
.star {
position: absolute;
inset: -22% auto auto 8%;
}
.star._22 {
width: 100%;
max-width: 260px;
inset: 100% 0% auto auto;
}
.star.bottom {
inset: auto auto 0% -3%;
}
.star.p {
top: -13%;
}
.star.p.hide {
display: none;
}
.star.p-copy {
inset: -13% 0% auto auto;
}
.div-block-6 {
padding-left: 15px;
padding-right: 15px;
position: relative;
}
.div-block-6._2 {
z-index: 13;
width: 100%;
margin-top: 180px;
margin-bottom: 0;
margin-right: 0;
}
.div-block-6._2.min-0 {
min-height: 0;
}
.div-block-6._2-copy {
z-index: 13;
width: 100%;
min-height: 0;
margin-top: 180px;
margin-bottom: 0;
margin-right: 0;
}
.heading-wrapper {
border-radius: 32px;
width: auto;
height: auto;
}
.heading-wrapper.pricing {
padding-top: 192px;
}
.heading-wrapper.flex {
flex-direction: row;
align-items: flex-start;
width: auto;
}
.white {
color: var(--text-color-white);
}
.white-bold {
color: var(--white-71);
font-weight: 600;
}
.space {
position: absolute;
inset: auto auto -45% 3%;
}
.space._2 {
display: none;
inset: -25% 5% auto auto;
}
.space.home {
bottom: -100px;
left: 54px;
}
.space._3 {
max-width: 180px;
position: relative;
}
.grid-2 {
grid-column-gap: 8px;
grid-row-gap: 8px;
margin-top: 160px;
display: flex;
}
.grid-2.model {
flex-direction: row;
align-items: center;
width: 100%;
margin-top: 0;
padding-top: 176px;
}
.grid-item02 {
background-color: #000f08;
border-radius: 500px;
justify-content: center;
align-items: center;
width: 265px;
height: 255px;
margin-bottom: 0;
padding: 35px 55px 15px 45px;
display: flex;
position: relative;
}
.grid-item02._1 {
background-color: #001e1d;
border-radius: 50px;
width: 264px;
min-width: 264px;
height: 261px;
min-height: 261px;
margin-top: 0;
padding: 65px 20px 20px 24px;
transition: all .3s;
}
.grid-item02.white-bg {
background-color: var(--bg2);
width: 100%;
height: 100%;
padding: 5rem 2rem 4rem;
}
.paragraph-2 {
color: var(--white-70);
text-align: left;
font-weight: 300;
line-height: 21px;
}
.paragraph-2.navy {
color: #06111bb3;
font-size: 16px;
font-weight: 300;
line-height: 18px;
}
.image-ex {
z-index: 1;
margin-left: auto;
margin-right: auto;
position: absolute;
inset: -28% 0% auto;
}
.image-ex._2 {
max-width: 174px;
top: -58%;
}
.image-ex._3 {
top: -25%;
}
.equationicon {
display: block;
}
.heading-2 {
text-transform: uppercase;
margin-bottom: 16px;
font-family: DM Sans, sans-serif;
font-weight: 600;
}
.heading-2.bl {
color: var(--button-text-color);
margin-bottom: 16px;
font-weight: 600;
}
.spacegrid {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: .75fr .5fr .5fr;
grid-auto-columns: 1fr;
margin-top: 75px;
display: grid;
}
.spacegrid._2 {
grid-template-columns: 1.25fr 1.25fr 1fr .75fr;
width: 100%;
height: 100%;
margin-top: 18px;
padding-left: 0;
padding-right: 0;
}
.spacegrid.home {
padding-left: 0;
padding-right: 0;
}
.bg {
background-image: url('../images/657f4820641e7744cd4c3457_Frame 3.svg');
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
border-radius: 32px;
justify-content: flex-start;
align-items: center;
width: 100%;
height: 212px;
padding-top: 40px;
padding-bottom: 40px;
padding-left: 40px;
display: flex;
}
.bg._2 {
background-color: #001e1d;
background-image: none;
justify-content: center;
align-items: center;
padding-top: 40px;
padding-left: 40px;
padding-right: 38px;
transition: all .3s;
display: flex;
overflow: hidden;
}
.bg._2:hover {
background-color: #003d3b;
overflow: hidden;
}
.bg._2.new-color {
background-color: var(--paste);
align-items: center;
height: 215px;
padding: 40px 38px 40px 40px;
}
.bg._2.new-color:hover {
background-color: #08e2d7;
overflow: hidden;
}
.bg._2.purple-new-color {
background-color: var(--pink);
}
.bg._2.purple-new-color:hover {
background-color: #be2aa5;
overflow: hidden;
}
.bg._3 {
background-color: #001e1d;
background-image: none;
align-items: flex-start;
padding-top: 45px;
padding-left: 40px;
padding-right: 140px;
transition: all .3s;
position: relative;
overflow: hidden;
}
.bg._3:hover {
background-color: #003d3b;
overflow: hidden;
}
.bg._3.hover-animation {
padding-top: 40px;
padding-left: 40px;
padding-right: 40px;
}
.bg._1 {
background-color: #001e1d;
background-image: none;
padding-right: 120px;
transition: all .3s;
position: relative;
overflow: hidden;
}
.bg._1:hover {
background-color: #003d3b;
overflow: hidden;
}
.texts {
z-index: 1;
color: var(--white-71);
margin-top: 0;
margin-bottom: 0;
font-family: DM Sans, sans-serif;
font-size: 18px;
font-weight: 300;
line-height: 26px;
position: relative;
}
.texts.black {
margin-top: 0;
margin-bottom: 0;
font-weight: 400;
}
.box-text-big {
font-size: 42px;
font-weight: 600;
line-height: 42px;
overflow: hidden;
}
.box-text-big.f {
font-weight: 600;
line-height: 48px;
display: block;
}
.gradient-wrapper2 {
grid-column-gap: 8px;
grid-row-gap: 8px;
border: 1px none undefined;
background-image: radial-gradient(circle farthest-corner at 70% 0%, var(--pink), var(--paste));
border-radius: 32px;
flex: 0 auto;
justify-content: center;
align-items: center;
padding: 2px 0 1px 1px;
display: flex;
}
.gradient-wrapper2.new {
background-image: none;
}
.slide {
margin-right: 20px;
}
.play-pause-button {
z-index: 100;
width: 85px;
height: 85px;
margin: auto;
inset: 0%;
}
.play-pause-button.hide {
display: none;
}
.div-block-8 {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-direction: column;
align-items: flex-start;
width: 50%;
min-width: 556px;
padding-right: 40px;
display: flex;
}
.div-block-8._2 {
grid-column-gap: 0px;
grid-row-gap: 0px;
min-width: 0;
}
.div-block-8._2._3 {
width: 100%;
min-width: 0;
max-width: 50%;
padding-right: 0;
}
.companylogos {
width: 100%;
height: auto;
}
.flexhorizontal {
grid-column-gap: 70px;
grid-row-gap: 70px;
justify-content: space-between;
align-items: center;
margin-top: 180px;
display: flex;
}
.flexhorizontal._2 {
z-index: 11;
grid-column-gap: 0px;
grid-row-gap: 0px;
width: 100%;
margin-top: 0;
position: relative;
}
.flexhorizontal.nm {
z-index: 112;
margin-top: 0;
position: relative;
}
.div-block-10 {
grid-column-gap: 60px;
grid-row-gap: 60px;
flex-direction: row;
min-width: 2400px;
margin-left: 0;
display: flex;
}
.div-block-10._4 {
grid-column-gap: 0px;
grid-row-gap: 0px;
justify-content: center;
align-items: center;
width: 70%;
min-width: auto;
position: relative;
}
.flex {
flex-direction: column;
align-items: center;
display: flex;
position: relative;
}
.absimg {
object-fit: contain;
width: 100%;
max-width: 416px;
min-height: 598.18px;
margin-top: -60px;
margin-left: 0;
margin-right: 0;
position: absolute;
inset: -35px -8% auto auto;
}
.absimg._2 {
width: 100%;
max-width: 400px;
min-height: 521.76px;
margin-top: -40px;
margin-left: 0;
margin-right: 0;
inset: 0% auto 0% -8%;
}
.book-butto0n {
grid-column-gap: 8px;
grid-row-gap: 8px;
border: 1px undefined undefined;
background-color: #00fff2;
border-radius: 50px;
flex: 0 auto;
justify-content: center;
align-items: center;
margin-left: auto;
margin-right: auto;
padding: 16px 32px;
display: flex;
}
.footerwrapper {
margin-top: 140px;
}
.footergrid {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.paragraph-3 {
color: #ffffffb3;
margin-bottom: 0;
padding-right: 0;
font-weight: 300;
line-height: 22px;
}
.social-links {
width: 24px;
transition: all .3s;
}
.social-links:hover {
transform: scale(1.2);
}
.div-block-11 {
grid-column-gap: 16px;
grid-row-gap: 16px;
margin-top: 75px;
display: flex;
}
.footer-link-wrapper {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-direction: column;
align-items: flex-start;
display: flex;
}
.heading-4 {
color: var(--white-71);
margin-top: 0;
margin-bottom: 10px;
font-family: DM Sans, sans-serif;
font-size: 18px;
font-weight: 500;
line-height: 26px;
}
.footer-link {
color: #ffffffb3;
line-height: 26px;
transition: all .2s, opacity .2s;
}
.footer-link:hover {
color: var(--pink);
}
.heading-5 {
color: var(--white-71);
margin-top: 0;
margin-bottom: 24px;
font-family: DM Sans, sans-serif;
font-size: 24px;
font-weight: 400;
line-height: 26px;
}
.footer-form {
background-color: var(--background-color);
color: #565656;
border: 1px solid #343640;
border-radius: 50px;
width: 100%;
height: 100%;
margin-bottom: 0;
padding-left: 55px;
}
.footer-form:focus {
border-color: var(--paste);
}
.footer-form::placeholder {
color: #565656;
}
.footer-mail-wrap {
align-items: center;
height: 70px;
margin-right: 0;
display: flex;
position: relative;
}
.form-block {
margin-top: 40px;
padding-top: 0;
}
.image-6 {
position: absolute;
inset: 31% auto 0% 5%;
}
.submit-button-wrapper {
z-index: 99;
min-width: 130px;
height: 55px;
position: absolute;
inset: 11% 1.4% 0% auto;
}
.submit-button {
z-index: 9;
background-color: var(--paste);
width: 100%;
height: 100%;
color: var(--button-text-color);
border-radius: 50px;
padding-left: 5px;
font-weight: 500;
transition: all .2s;
position: relative;
box-shadow: 0 0 20px #00fff2a6;
}
.submit-button:hover {
box-shadow: 0 0 #00fff2a6;
}
.image-7 {
z-index: 101;
position: absolute;
inset: 29% 15% 0% auto;
}
.image-7.vectors-wrapper-2 {
z-index: 10;
pointer-events: none;
right: 10%;
}
.div-block-12 {
margin-top: 80px;
}
.div-block-13 {
justify-content: space-between;
align-items: center;
margin-top: 32px;
display: flex;
}
.copyright {
color: #ffffffb3;
font-weight: 400;
}
.link {
color: #ffffffb3;
text-decoration: underline;
}
.div-block-14 {
grid-column-gap: 25px;
grid-row-gap: 25px;
display: flex;
}
.div-block-15 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
position: relative;
}
.arrow {
border: 2px solid var(--button-text-color);
width: 35px;
height: 35px;
color: var(--pink);
border-radius: 100px;
justify-content: center;
align-items: center;
font-size: 22px;
transition: all .3s;
display: flex;
inset: -10% 4% auto auto;
}
.arrow:hover {
background-color: var(--button-text-color);
color: var(--text-color-white);
}
.arrow._2 {
right: 0%;
}
.arrow._2.hid,
.arrow.hid {
display: none;
}
.burger-1 {
cursor: pointer;
border-radius: 4px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 80px;
height: 80px;
display: flex;
position: relative;
box-shadow: 6px 6px 25px #28078026;
}
.b1-bar1 {
background-color: #858eca;
width: 30px;
height: 4px;
}
.b1-bar2 {
background-color: #858eca;
justify-content: center;
align-items: center;
width: 30px;
height: 4px;
margin-top: 4px;
margin-bottom: 4px;
display: flex;
}
.b1-middle {
background-color: #858eca;
width: 4px;
height: 0;
}
.b1-bar3 {
background-color: #858eca;
width: 30px;
height: 4px;
}
.menu-button {
display: none;
}
.play-pause-button-2 {
width: 86px;
height: 45px;
margin: auto;
inset: 0%;
}
.brand {
width: 225px;
margin-top: -4px;
}
.brand.w--current {
width: 219px;
margin-top: 0;
}
.brand.hide {
display: none;
}
.play-pause {
width: 185px;
display: block;
}
.play-state {
width: 85px;
height: 100%;
}
.pause-state {
width: 185px;
}
.div-block-16 {
grid-column-gap: 26px;
grid-row-gap: 26px;
margin-top: 100px;
display: flex;
}
.div-block-16.center {
grid-column-gap: 24px;
grid-row-gap: 24px;
justify-content: center;
align-items: center;
margin-top: 90px;
}
.heading-4-white {
color: var(--white-71);
text-transform: uppercase;
margin-top: 0;
margin-bottom: 0;
font-size: 24px;
font-weight: 600;
line-height: 26px;
}
.featured {
object-fit: contain;
width: 83px;
height: 83px;
margin-right: 24px;
}
.featured._2 {
width: auto;
height: auto;
margin-left: 24px;
margin-right: 24px;
}
.featured.w {
width: 73px;
height: 83px;
margin-right: 24px;
}
.featured.absolute {
width: 2px;
margin-left: 24px;
margin-right: 24px;
}
.div-block-17 {
grid-column-gap: 0px;
grid-row-gap: 0px;
align-items: center;
display: flex;
}
.section-heading-wrapper {
z-index: 13;
position: static;
}
.section-heading-wrapper.widht {
width: 100%;
max-width: 765px;
margin-bottom: 100px;
margin-left: auto;
margin-right: auto;
}
.video-item {
aspect-ratio: auto;
border-radius: 32px;
width: 100%;
max-width: 794px;
height: 421px;
margin-top: 45px;
margin-left: auto;
margin-right: auto;
}
.video-item.nh {
height: 100%;
margin-top: 0;
}
.video-item.nh._2 {
max-width: 100%;
position: relative;
}
.video-item.nh.height {
max-width: 693px;
height: 624px;
}
.video-item.nh.f {
max-width: 100%;
}
.video-item.people {
width: 790px;
margin-left: auto;
margin-right: auto;
}
.video-item.homepage {
z-index: 13;
width: 100%;
max-width: 794px;
height: 421px;
margin-top: 140px;
margin-left: auto;
margin-right: auto;
position: relative;
}
.video-item.margin-top {
margin-top: 87px;
}
.video-item.dynamic-video-wrap {
width: 790px;
margin-left: auto;
margin-right: auto;
}
.video-item.dynamic-video-wrap.project-banner0img {
width: 100%;
max-width: 100%;
}
.video {
z-index: 5;
border-radius: 32px;
width: 100%;
height: 100%;
margin-top: 0;
display: none;
overflow: hidden;
}
.video.absolute {
background-image: url('../images/65976b58c8326a1cc4522ee7_Group 1321315056.jpg');
background-position: 0 0;
background-repeat: no-repeat;
background-size: cover;
display: none;
position: absolute;
inset: 0%;
}
.video.hide {
display: block;
}
.dropwon-wrapper {
grid-column-gap: 25px;
grid-row-gap: 25px;
align-items: flex-start;
display: flex;
}
.dropdown-toggle {
color: var(--button-text-color);
padding-left: 0;
padding-right: 30px;
font-size: 18px;
}
.dropdown-toggle.w--open {
color: var(--pink);
}
.dropdown-toggle.pricingsss {
margin-left: 10px;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 10px;
font-weight: 400;
}
.icon {
color: var(--button-text-color);
margin-right: 0;
}
.dropdown-list {
z-index: 50;
background-color: #c07a7a;
}
.dropdown-list.w--open {
z-index: 3;
background-color: #fff;
border-radius: 8px;
padding: 24px 20px;
}
.dropdown-list._2.w--open {
padding-bottom: 29px;
padding-left: 32px;
padding-right: 32px;
box-shadow: 0 2px 5px #0003;
}
.image-8 {
width: 35px;
}
.services-btn {
grid-column-gap: 14px;
grid-row-gap: 14px;
width: 100%;
color: var(--button-text-color);
border-radius: 10px;
justify-content: flex-start;
align-items: center;
padding: 5px 9px;
font-weight: 600;
display: flex;
}
.services-btn.hide {
display: none;
}
.services-btn.active {
background-color: var(--button-text-color);
width: 100%;
height: auto;
color: var(--white-71);
margin-top: 0;
position: static;
}
.dropdown-link {
color: var(--background-color);
white-space: nowrap;
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
font-family: DM Sans, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 24px;
}
.dropdown-link.font-400 {
padding-top: 0;
padding-bottom: 0;
font-weight: 400;
}
.dropdown {
margin-left: 10px;
margin-right: 0;
position: relative;
}
.dropdown.pricingsss {
z-index: 2;
margin-bottom: 22px;
margin-left: -10px;
}
.dropdown.hide {
display: none;
}
.grid-wrapper {
grid-column-gap: 38px;
grid-row-gap: 38px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 2.5fr 1fr;
grid-auto-columns: 1fr;
align-items: start;
margin-top: 38px;
display: grid;
}
.grid-wrapper._2 {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
margin-top: 0;
}
.grid-wrapper._1,
.grid-wrapper._1-copy {
grid-column-gap: 38px;
grid-row-gap: 38px;
grid-template-rows: auto auto;
grid-template-columns: 1.5fr 1fr;
grid-auto-columns: 1fr;
align-content: space-between;
align-items: stretch;
display: grid;
}
.g-card {
grid-column-gap: 10px;
grid-row-gap: 10px;
background-color: var(--pink);
border-radius: 32px;
flex-direction: column;
align-items: flex-start;
width: 100%;
height: auto;
padding: 24px 32px 100px;
transition: all .3s;
display: flex;
overflow: visible;
}
.g-card:hover {
background-color: #c22aa8;
overflow: hidden;
}
.g-card._2 {
background-color: var(--paste);
height: 344px;
padding-right: 100px;
transition: all .3s;
overflow: hidden;
}
.g-card._2:hover {
background-color: #04eee2;
overflow: hidden;
}
.text-block-2 {
color: #fff;
background-color: #1f2229;
border-radius: 8px;
margin-bottom: 50px;
padding: 7px;
}
.heading-6 {
color: var(--white-71);
font-family: DM Sans, sans-serif;
font-size: 32px;
font-weight: 600;
line-height: 38px;
overflow: hidden;
}
.heading-6._2 {
color: var(--button-text-color);
overflow: visible;
}
.p-text {
color: var(--white-71);
margin-bottom: 0;
font-weight: 300;
line-height: 21px;
overflow: hidden;
}
.p-text._2 {
color: #06111b;
}
.p-text._2._70 {
color: #06111bb3;
overflow: visible;
}
.p-text.white {
color: #d2d2d2;
font-size: 15px;
font-weight: 300;
line-height: 24px;
}
.p-text.white.max-h {
height: auto;
}
.p-text.black {
color: #06111bcc;
font-weight: 400;
}
.p-text.black.h {
font-weight: 300;
}
.p-text.black-normal {
color: #06111bb3;
font-weight: 400;
}
.g-img {
height: 100%;
}
.grid_imgg {
object-fit: cover;
border-radius: 32px;
width: 100%;
height: 100%;
display: block;
}
.grid_imgg.h-34 {
min-height: 344px;
}
.sec-heading {
color: var(--white-71);
text-transform: uppercase;
margin-bottom: 0;
font-size: 38px;
font-weight: 600;
line-height: 43px;
}
.sec-heading.center {
color: var(--white-71);
text-align: center;
margin-top: 0;
font-weight: 600;
line-height: 48px;
}
.sec-heading.center.black {
color: var(--button-text-color);
text-align: center;
font-weight: 800;
}
.sec-heading.center.thin {
font-weight: 600;
}
.sec-heading.black {
color: var(--button-text-color);
margin-bottom: 0;
}
.sec-heading.black.center {
color: var(--button-text-color);
font-weight: 600;
}
.sec-heading.pinlk-center {
color: var(--pink);
text-align: center;
margin-top: 0;
font-weight: 300;
}
.sec-heading.black-center {
color: #06111b;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-weight: 600;
line-height: 48px;
}
.sec-heading._24 {
color: var(--button-text-color);
font-size: 24px;
line-height: 32px;
}
.sec-heading._24.mb-56 {
margin-bottom: 56px;
}
.sec-heading.small-20 {
color: var(--button-text-color);
font-size: 20px;
font-weight: 500;
line-height: 31px;
}
.sec-heading.small-20.mb-24 {
margin-bottom: 24px;
}
.sec-heading._2 {
margin-top: 0;
font-size: 48px;
line-height: 49px;
}
.page {
flex-direction: column;
justify-content: center;
align-items: center;
min-height: auto;
display: flex;
}
.marquee {
grid-column-gap: 1rem;
background-color: #f1714400;
width: 100%;
margin-top: 0;
margin-bottom: 0;
padding-top: 2rem;
padding-bottom: 2rem;
display: flex;
overflow: hidden;
}
.marquee-content {
grid-column-gap: 1rem;
flex: none;
justify-content: space-around;
min-width: 100%;
display: flex;
}
.marquee-content.scroll.reverse {
grid-column-gap: 1rem;
grid-column-gap: 1rem;
grid-column-gap: 1rem;
justify-content: space-around;
margin-left: 1rem;
}
.marquee-image {
width: 133px;
}
.logo-wrap {
margin-top: 76px;
margin-left: -65px;
margin-right: -65px;
position: relative;
}
.image-9 {
height: 100%;
display: block;
position: absolute;
inset: 0% auto 0% 0%;
}
.image-9._2 {
inset: 0% 0% 0% auto;
}
.pricing-wrapper {
position: relative;
}
.cloneable-container-default {
border-radius: 20px;
min-height: 624px;
transform: translate(0);
}
.cloneable-container-default.center {
border-radius: 0;
align-items: center;
min-height: auto;
padding-top: 0;
padding-bottom: 0;
}
.grid-three-columns {
grid-column-gap: 45px;
grid-row-gap: 45px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
}
.grid-three-columns.monthly {
grid-column-gap: 90px;
grid-row-gap: 90px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: none;
}
.grid-three-columns.anually {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
align-items: start;
display: grid;
}
.grid-three-columns.anually.illustration-design {
display: flex;
}
.grid-three-columns.anually.illustration-design.row {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: flex-start;
display: flex;
}
.grid-three-columns.anually.illustration-design.eventslider {
grid-column-gap: 60px;
grid-row-gap: 60px;
justify-content: center;
align-items: flex-start;
}
.grid-three-columns.anually.landing-page-design {
grid-column-gap: 84px;
grid-row-gap: 84px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: none;
}
.grid-three-columns.anually.video-production {
grid-column-gap: 60px;
grid-row-gap: 60px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: inline-grid;
}
.grid-three-columns.anually.ad-creative {
grid-column-gap: 84px;
grid-row-gap: 84px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: none;
}
.list-pricing {
margin-top: 24px;
margin-bottom: 0;
}
.flex-horizontal {
display: flex;
}
.flex-horizontal.start-top {
justify-content: space-between;
align-items: center;
width: 100%;
}
.toggle-bullet---brix {
background-color: #00fff2;
border: 1px solid #fff;
border-radius: 100px;
width: 25px;
min-width: 25px;
height: 25px;
min-height: 25px;
margin-top: auto;
margin-bottom: auto;
position: absolute;
inset: 0% auto 0% 3px;
}
.icon-pricing {
width: auto;
height: 75px;
margin-right: -30px;
position: static;
inset: 26px 1% auto auto;
}
.icon-pricing._2 {
margin-top: -25px;
margin-right: 10px;
top: 54px;
right: 3%;
}
.icon-pricing._22 {
height: 75px;
margin-right: -30px;
top: 10px;
}
.icon-pricing.hide {
display: none;
}
.icon-pricing.sust {
margin-top: -25px;
margin-right: -45px;
top: 54px;
right: 3%;
}
.padding-top-80px {
width: 100%;
max-width: 370px;
height: 100%;
padding-top: 0;
}
.toggle-wrapper---brix {
justify-content: center;
align-items: center;
display: flex;
}
.card-pricing {
background-color: var(--background-color);
border: 1px solid #eff0f6;
border-radius: 32px;
flex-direction: column;
height: auto;
padding: 35px 40px 40px;
transition: height .2s;
display: flex;
position: relative;
overflow: hidden;
box-shadow: 1px 1px 12px #14142b14;
}
.toggle---brix {
cursor: pointer;
background-color: #06111b;
border-radius: 100px;
width: 55px;
min-width: 55px;
height: 31px;
min-height: 31px;
margin-left: 16px;
margin-right: 16px;
position: relative;
}
.container-660px-center {
max-width: 660px;
margin-left: auto;
margin-right: auto;
}
.icon-bullet {
margin-right: 14px;
}
.pricing {
color: var(--white-71);
margin-bottom: 18px;
font-size: 24px;
font-weight: 600;
line-height: 31px;
}
.list-item-pricing {
justify-content: flex-start;
align-items: center;
margin-bottom: 16px;
display: flex;
}
.mg-top-18px {
margin-top: 18px;
}
.mg-top-18px.mg-bottom-32px {
margin-top: 15px;
margin-bottom: 32px;
}
.mg-top-18px.mg-bottom-32px.margin2 {
margin-top: 40px;
margin-bottom: 40px;
}
.text-color-neutral-800 {
color: #170f49;
}
.text-color-neutral-800.mg-bottom-0px {
color: #06111b;
text-transform: uppercase;
margin-bottom: 0;
font-size: 20px;
font-weight: 800;
}
.text-color-neutral-800.mg-bottom-0px.center {
font-weight: 700;
}
.content-pricig-table {
min-height: 950px;
margin-top: 0;
}
.text-single-200 {
font-size: 18px;
line-height: 20px;
}
.text-single-200.bold {
font-weight: 700;
}
.text-single-200.bold.text-color-neutral-800 {
color: #fff;
flex-direction: row;
font-size: 16px;
font-weight: 600;
display: flex;
}
.text-single-200.bold.text-color-neutral-800.black {
color: #06111b;
font-size: 14px;
font-weight: 600;
}
.text-single-200.bold.text-color-neutral-800.p {
color: #dc2abe;
margin-right: 22px;
font-size: 14px;
font-weight: 400;
}
.text-single-200.bold.text-color-neutral-800.blacckk {
color: #dc2abe;
margin-right: 20px;
font-size: 12px;
font-weight: 400;
}
.text-single-200.text-color-neutral-800 {
color: #fff;
font-size: 16px;
font-weight: 400;
}
.heading-7 {
color: #fdfdfd;
margin-bottom: 0;
font-size: 32px;
font-weight: 600;
line-height: 35px;
}
.paragraph-4 {
color: var(--text-color);
margin-bottom: 0;
font-weight: 300;
line-height: 21px;
}
.pink-2 {
color: var(--pink);
}
.time-wrapper {
margin-top: 30px;
margin-bottom: 40px;
}
.div-block-19 {
justify-content: space-between;
align-items: flex-end;
margin-top: 0;
font-weight: 600;
display: flex;
}
.div-block-19._22 {
margin-bottom: 10px;
}
.text-span-4 {
color: #ffc9f6;
font-size: 16px;
font-weight: 600;
}
.text-span-4._2 {
color: var(--button-text-color);
font-size: 12px;
font-weight: 400;
}
.tm-bg {
background-color: #fff;
border-radius: 16px;
width: auto;
height: 12px;
margin-top: 10px;
position: relative;
overflow: hidden;
}
.tm-1 {
background-color: #ffb6f300;
border-radius: 32px;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.tm-1.first,
.tm-1.second,
.tm-1.third,
.tm-1.end-1,
.tm-1.end-2,
.tm-1.end-3,
.tm-1.video-1,
.tm-1.video-2,
.tm-1.video-3 {
background-color: #dc2abe;
width: 100%;
}
.tm-1._2 {
background-color: #ffc9f6;
width: 100%;
}
.cards-wrap {
width: 100%;
height: 100%;
margin-top: 70px;
padding-left: 0;
padding-right: 0;
}
.cards-wrap.mt-20 {
margin-top: 20px;
}
.cards-wrap.mt-20.desktop-hide {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: none;
overflow: visible;
}
.feature-grid {
border: 1px solid #222632;
border-radius: 48px;
padding: 25px;
display: block;
}
.feature-grid._3f {
grid-column-gap: 16px;
grid-row-gap: 16px;
cursor: pointer;
background-color: #001e1d;
border-style: none;
border-radius: 32px;
flex-direction: row;
justify-content: center;
align-items: flex-start;
width: 100%;
height: auto;
padding: 24px 40px 24px 24px;
transition: all .3s;
display: flex;
}
.feature-grid._3f:hover {
background-color: #003d3b;
}
.feature-grid._3f._2 {
padding: 75px 47px 42px 29px;
}
.feature-grid._3f._2.pinkbg {
background-color: #dc2abe;
align-items: flex-start;
padding: 24px 40px 24px 24px;
}
.feature-grid._3f._2.pinkbg:hover {
background-color: #c330ab;
}
.feature-grid._3f._2.paste-bg {
background-color: #00fff2;
height: auto;
padding: 24px 46px 24px 24px;
}
.feature-grid._3f._2.paste-bg:hover {
background-color: #00e4d8;
}
.feature-grid._3f.align-center {
align-items: center;
}
.div-block-21 {
grid-column-gap: 20px;
grid-row-gap: 20px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
align-items: stretch;
width: 100%;
height: 100%;
display: grid;
}
.div-block-21._2 {
grid-template-columns: 1fr 1fr;
width: 100%;
height: 100%;
margin-top: 0;
display: flex;
}
.div-block-22 {
flex-direction: column;
display: flex;
}
.slide-item-wrapper {
border-radius: 20px;
flex-direction: column;
justify-content: flex-end;
width: 490px;
height: 604px;
margin-left: 0;
margin-right: 0;
padding: 24px;
line-height: 40px;
transition: all .3s;
display: flex;
position: relative;
overflow: hidden;
}
.slide-next.desktop-arrow {
z-index: 5;
cursor: pointer;
background-color: #c9c9c999;
border-radius: 100%;
justify-content: center;
align-items: center;
width: 60px;
height: 60px;
display: flex;
position: absolute;
top: 50%;
right: 20px;
transform: translate(0, -50%);
}
.slide-next.desktop-arrow:hover {
background-color: #c9c9c9;
}
.slide-item {
opacity: .4;
background-color: #1b1b1b;
border-radius: 32px;
flex-direction: row;
align-items: center;
margin-left: 0;
margin-right: 0;
transition: all .2s;
display: flex;
overflow: visible;
transform: scale(.9);
}
.inner-swipe {
display: none;
}
.slide-prev.desktop-arrow {
z-index: 5;
cursor: pointer;
background-color: #c9c9c999;
border-radius: 100%;
justify-content: center;
align-items: center;
width: 60px;
height: 60px;
display: flex;
position: absolute;
top: 50%;
left: 20px;
transform: translate(0, -50%);
}
.slide-prev.desktop-arrow:hover {
background-color: #c9c9c9;
}
.content-wrapper {
grid-column-gap: 0px;
grid-row-gap: 0px;
background-color: #001e1d;
border: 1px #00fff2;
border-radius: 32px;
flex-direction: column;
justify-content: space-between;
align-items: stretch;
width: 100%;
height: 100%;
display: flex;
position: static;
bottom: 0;
left: 0;
overflow: hidden;
}
.content-wrapper.videos {
justify-content: space-between;
}
.content-wrapper.videos.rltv {
background-color: var(--background-color);
border-width: 0;
border-color: #00fff200;
border-radius: 32px;
padding-top: 1px;
padding-left: 1px;
padding-right: 1px;
position: relative;
overflow: visible;
}
.content-wrapper.husseiin {
justify-content: space-between;
}
.content-wrapper.nb {
background-color: #0000;
border-style: none;
border-radius: 32px;
}
.content-wrapper.pricing-slders {
background-color: var(--background-color);
border-color: #00fff233;
}
.slide-container {
align-items: center;
height: auto;
margin-bottom: 0;
display: flex;
position: relative;
}
.slide-container.p {
flex-direction: column;
width: 100%;
padding-left: 15px;
}
.slide-container.whitee {
background-color: var(--bg2);
flex-direction: column;
padding-bottom: 220px;
}
.slide-container.whitee.relative {
margin-left: auto;
margin-right: auto;
padding-bottom: 210px;
}
.slide-container.old {
flex-direction: column;
padding-bottom: 220px;
}
.slide-container.old.h {
z-index: 9;
max-width: 1200px;
margin-left: auto;
margin-right: auto;
padding-bottom: 0;
overflow: visible;
}
.div-block-23 {
min-height: 300px;
padding: 30px 30px 20px;
}
.image-26 {
width: 30px;
height: 30px;
}
.text-block-4 {
color: #fff;
font-size: 20px;
font-weight: 400;
line-height: 30px;
}
.text-block-4._2 {
color: #ffffff80;
font-size: 18px;
line-height: 26px;
}
.text-block-4._2._14 {
font-size: 14px;
line-height: 19px;
}
.text-block-4._16 {
opacity: .49;
font-size: 16px;
line-height: 26px;
}
.wrappern {
flex-direction: row;
justify-content: center;
align-items: center;
width: 100%;
height: auto;
margin: 0;
padding-top: 36px;
padding-bottom: 36px;
display: flex;
overflow: hidden;
}
.testimonialimg {
background-image: url('../images/656ba00a857751387599b2b4_Frame 14.png');
background-position: 35% 0;
background-size: cover;
height: 440px;
}
.testimonialimg.videos {
background-image: url('../images/657ba33fc5f2312fc8d72290_Frame 15.png');
flex-direction: column;
justify-content: flex-end;
height: 100%;
padding-bottom: 50px;
display: flex;
position: relative;
}
.testimonialimg.videos.pricing-new--people2 {
background-image: url('../images/6588206f415c36aa94235f85_Frame 19.png');
background-repeat: no-repeat;
border: 0 #00fff233;
border-radius: 32px;
display: none;
}
.testimonialimg.videos.pricing-new--people3 {
background-image: url('../images/658822e38d81626463f43c93_Frame 18.png');
background-repeat: no-repeat;
border: 1px #00fff233;
border-radius: 32px;
display: none;
}
.testimonialimg.videos._600 {
display: none;
}
.testimonialimg.hussainn {
background-image: url('../images/657ba57fd144c182f1ba1fde_hussain.png');
flex-direction: column;
justify-content: flex-end;
height: 100%;
padding-bottom: 50px;
display: flex;
}
.testimonialimg.hussainn._600 {
display: none;
}
.testimonialimg.ruka {
background-image: url('../images/657ba631f50a33fbb338f3b9_Frame 14.png');
}
.testimonialimg.people-new {
background-image: url('../images/657e56778097266132e03b93_Frame 14-2.png');
}
.testimonialimg.people-new-3 {
background-image: url('../images/657e5678020eb6c8dbf38a02_Frame 14-1.png');
}
.testimonialimg.pricing-new--people {
background-image: url('../images/65881f5bdd7c62ee2c7747dc_Frame 14.png');
}
.testimonialimg.pricing-new--people._01 {
background-image: url('../images/658833af48931d72c9177ef0_Frame 14.png');
}
.testimonialimg.pricing-new--people3 {
background-image: url('../images/658821ff1ab0756ef8094372_Frame 14.png');
background-position: 50%;
}
.testimonialimg.pricing-new--people3._02 {
background-image: url('../images/658833b07efa8f5563daa0dc_Frame 14-1.png');
}
.testimonialimg.pricing-new--people4 {
background-image: url('../images/658823c6415c36aa942507c1_Frame 24.png');
}
.testimonialimg.pricing-new--people4._03 {
background-image: url('../images/658833b2646aea108e3d07e3_Frame 142.png');
}
.testimonialimg.pricing-new--people4._04 {
background-image: url('../images/658833af906486ea43b4ee2e_Frame%2014%20(2).png');
}
.testimonialimg.pricing-new--people4._05 {
background-image: url('../images/658833af415c36aa942d3312_Frame%2014-1%20(2).png');
}
.testimonialimg.pricing-new--people4._06 {
background-image: url('../images/658833b03e06a90e3899e68d_Frame 14-2.png');
}
.testimonialimg.pricing-new--people4._07 {
background-image: url('../images/658833b0f571497485d17471_Frame 14-3.png');
}
.testimonialimg.pricing-new--people4._08 {
background-image: url('../images/658833b1a6298c932c35f7c3_Frame 14-4.png');
}
.testimonialimg.pricing-new--people4._09 {
background-image: url('../images/658833b17efa8f5563daa15d_Frame 14-5.png');
}
.testimonialimg.home-page1 {
background-image: url('../images/658833af48931d72c9177ef0_Frame 14.png');
background-position: 50%;
}
.testimonialimg.home-page2 {
background-image: url('../images/658833b07efa8f5563daa0dc_Frame 14-1.png');
background-position: 50%;
}
.testimonialimg.home-page3 {
background-image: url('../images/658833b2646aea108e3d07e3_Frame 142.png');
background-position: 50%;
}
.testimonialimg.home-page4 {
background-image: url('../images/658833b2801d3cc2fc29a561_Frame 143.png');
background-position: 50%;
}
.testimonialimg.home-page5 {
background-image: url('../images/658833af906486ea43b4ee2e_Frame%2014%20(2).png');
background-position: 50%;
}
.testimonialimg.home-page6 {
background-image: url('../images/658833af415c36aa942d3312_Frame%2014-1%20(2).png');
background-position: 50%;
}
.testimonialimg.home-page7 {
background-image: url('../images/658833b03e06a90e3899e68d_Frame 14-2.png');
background-position: 50%;
}
.testimonialimg.home-page8 {
background-image: url('../images/658833b0f571497485d17471_Frame 14-3.png');
background-position: 50%;
}
.testimonialimg.home-page9 {
background-image: url('../images/658833b1a6298c932c35f7c3_Frame 14-4.png');
background-position: 50%;
}
.testimonialimg.home-page10 {
background-image: url('../images/658833b17efa8f5563daa15d_Frame 14-5.png');
background-position: 50%;
}
.image-27 {
margin-top: 20px;
margin-bottom: 20px;
}
.image-28 {
margin-top: 20px;
margin-right: auto;
display: block;
position: relative;
inset: auto auto 0% 0%;
}
.image-28._2 {
width: 225px;
inset: 4% -2% auto auto;
}
.image-28._2._3 {
margin-top: 0;
margin-left: auto;
margin-right: 0;
top: auto;
bottom: -102px;
right: 0%;
}
.div-block-24 {
width: 100%;
max-width: 760px;
margin-left: auto;
margin-right: auto;
}
.accordion-item-trigger {
justify-content: space-between;
align-items: center;
display: flex;
}
.accordion-wrapper {
margin-top: 97px;
}
.accordion-item {
background-color: #fff0;
border: 1px #000;
border-top-color: #06111b26;
border-bottom: 1px solid #06111b26;
border-radius: 0;
margin-bottom: 20px;
padding: 5px 0 10px;
}
.accordion-item.border-b-0 {
border-bottom-style: none;
}
.accordion-heading {
color: var(--button-text-color);
cursor: pointer;
flex: 1;
margin-top: 0;
margin-bottom: 0;
font-size: 24px;
font-weight: 800;
line-height: 34px;
}
.accordion-item-content {
width: 100%;
max-width: 600px;
margin-top: 10px;
margin-right: 30px;
overflow: hidden;
}
.p5 {
color: #06111bb3;
margin-bottom: 0;
line-height: 22px;
}
.div-block-25 {
grid-column-gap: 135px;
grid-row-gap: 32px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
margin-top: 78px;
display: grid;
}
.image-29 {
width: 40px;
}
.paragraph-5 {
color: var(--white-70);
margin-bottom: 0;
font-weight: 300;
line-height: 22px;
}
.paragraph-5._20 {
color: var(--white-71);
font-size: 18px;
font-weight: 300;
line-height: 24px;
}
.div-block-26 {
grid-column-gap: 20px;
grid-row-gap: 20px;
align-items: flex-start;
display: flex;
}
.div-block-26.list {
grid-column-gap: 15px;
grid-row-gap: 15px;
}
.people-video {
position: relative;
}
.image-30 {
position: absolute;
top: auto;
bottom: 33px;
right: auto;
}
.image-30._2 {
inset: 40px 0 auto auto;
}
.emoji-img {
object-fit: contain;
width: 100%;
max-width: 130px;
height: 145px;
position: absolute;
inset: -9% auto auto -4%;
}
.emoji-img._2 {
height: 130px;
inset: -4% -4% auto auto;
}
.profile-wrapper {
grid-column-gap: 167px;
grid-row-gap: 167px;
width: 100%;
max-width: 877px;
height: 100%;
margin-top: 84px;
display: flex;
}
.profile {
border-radius: 32px;
flex-direction: column;
justify-content: space-between;
align-items: stretch;
width: 100%;
height: auto;
display: flex;
overflow: hidden;
}
.profile.h {
height: 695px;
}
.profile-imgbg {
background-image: url('../images/658842018ffd967a2543d79d_Group 1321314929.png');
background-position: 50%;
background-size: cover;
width: 100%;
height: 350px;
position: relative;
}
.profile-imgbg.adam {
background-image: url('../images/65884200ffa52b46402660be_Group 1321314930.png');
}
.profile-imgbg.member-1 {
background-image: url('../images/65884347205fdc374506155c_Group 1321314936.png');
height: 300px;
}
.profile-imgbg.member-2 {
background-image: url('../images/6588434700518a27e265c486_Group 1321314934.png');
height: 300px;
}
.profile-imgbg.member-3 {
background-color: #00a3a3;
background-image: url('../images/65d8f8888d2501f23798c8a5_Emad.svg');
height: 300px;
}
.profile-imgbg.member-4 {
background-image: url('../images/6588434708d9c9ac6dfc994f_Group 1321314935.png');
height: 300px;
}
.description {
background-color: var(--bg-new-color);
width: 100%;
height: auto;
padding: 16px 26px 16px 24px;
}
.description.height {
flex-direction: column;
justify-content: space-between;
align-items: stretch;
height: 400px;
display: flex;
}
.description-profile {
color: #ffffffe6;
margin-bottom: 16px;
padding: 0;
font-weight: 300;
line-height: 22px;
}
.name {
color: var(--text-color-white);
font-size: 20px;
font-weight: 700;
line-height: 26px;
}
.position {
color: var(--white-70);
font-size: 17px;
line-height: 21px;
}
.position._2 {
color: #ffffffe6;
font-size: 16px;
}
.position._2.m {
margin-bottom: 15px;
}
.div-block-27 {
grid-column-gap: 10px;
grid-row-gap: 10px;
flex-direction: column;
align-items: center;
margin-top: 0;
margin-bottom: 35px;
display: flex;
}
.div-block-27._2 {
height: 88px;
margin-top: 0;
margin-bottom: 25px;
}
.div-block-27._2.ng {
margin-top: 0;
}
.space--peopl {
width: auto;
max-width: 182px;
height: 80px;
position: absolute;
inset: 75% auto 0% -20%;
}
.space--peopl._2-new {
height: 175px;
inset: 30% -24% 0% auto;
}
.div-block-28 {
width: 100%;
height: auto;
margin-top: 180px;
}
.div-block-29 {
width: 100%;
padding-left: 179px;
padding-right: 179px;
}
.team-slider {
width: 100%;
margin-top: 60px;
margin-left: auto;
margin-right: auto;
}
.slide-nav-3 {
display: none;
position: relative;
}
.team-slider-img {
width: 100%;
max-width: 268px;
height: auto;
margin-right: 33px;
}
.mask-3 {
width: 100%;
}
.teams-slider {
background-color: #97979700;
width: 100%;
height: auto;
}
.image-32 {
display: block;
}
.image-32.l {
width: 70px;
}
.image-32.j {
width: 85px;
}
.image-32.y {
width: 49px;
}
.image-32.q {
width: 57px;
}
.image-32.p {
width: 35px;
}
.div-block-30 {
justify-content: space-between;
align-items: center;
width: 100%;
margin-top: 0;
display: flex;
}
.div-block-30.m {
padding-left: 25px;
padding-right: 25px;
}
.approach-wrapper {
justify-content: center;
align-items: center;
height: 100%;
min-height: 800px;
margin-top: 78px;
display: flex;
position: relative;
}
.image-33 {
margin-top: 60px;
display: block;
}
.transparent-approach {
grid-column-gap: 8px;
grid-row-gap: 8px;
border: 1px none undefined;
border-radius: 48px;
flex: 0 auto;
justify-content: center;
align-items: center;
padding: 1px;
display: flex;
}
.black {
color: var(--button-text-color);
font-weight: 600;
}
.approach-grd {
border: 1px #222632;
border-radius: 48px;
width: 324px;
margin-left: auto;
margin-right: auto;
padding: 0;
display: block;
position: absolute;
inset: 0% 0% auto;
}
.approach-grd._2 {
width: 316px;
margin-top: auto;
margin-bottom: auto;
inset: 30% 0% auto auto;
}
.approach-grd._3 {
margin-top: auto;
margin-bottom: auto;
inset: 30% auto auto 0%;
}
.approach-grd._4 {
inset: auto auto 0% 8%;
}
.approach-grd._5 {
width: 322px;
inset: auto 8% -5% auto;
}
.span {
text-transform: uppercase;
padding-right: 10px;
font-weight: 500;
}
.fmots {
margin-top: 180px;
}
.tabs-menu {
grid-column-gap: 5px;
grid-row-gap: 5px;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
width: 100%;
max-width: 832px;
height: auto;
margin-left: auto;
margin-right: auto;
display: flex;
}
.tab-link {
color: #06111b;
white-space: nowrap;
background-color: #ddd0;
border-radius: 50px;
justify-content: center;
align-items: center;
padding: 15px 24px;
font-size: 18px;
font-weight: 400;
display: flex;
}
.tab-link.w--current {
border-bottom: 3px none var(--pink);
color: #fff;
background-color: #001e1d;
font-weight: 500;
}
.tab-link.bg-pink {
color: var(--pink);
background-color: #0000;
}
.tab-link.bg-pink.w--current {
background-color: var(--pink);
color: #fff;
}
.tab-link.pink-text {
color: var(--pink);
}
.tab-link.pink-text.w--current {
background-color: var(--pink);
color: var(--white-71);
}
.tab-items {
width: 100%;
height: 100%;
}
.content-wrrapper-tabs {
grid-column-gap: 154px;
grid-row-gap: 154px;
justify-content: center;
align-items: center;
width: 100%;
display: flex;
}
.fmats {
grid-column-gap: 32px;
grid-row-gap: 32px;
background-color: #001e1d;
border-radius: 32px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
height: 100%;
padding: 24px 48px;
display: flex;
}
.tab-card {
justify-content: center;
align-items: center;
width: 100%;
max-width: 435px;
height: auto;
display: flex;
}
.tab-img {
width: 100%;
max-width: 565px;
margin-left: 0;
}
.tabs-content {
width: 100%;
height: 100%;
margin-top: 100px;
overflow: visible;
}
.tabs {
width: 100%;
height: auto;
margin-top: 60px;
}
.div-block-32 {
z-index: 10;
margin-top: 180px;
position: relative;
}
.div-block-32.z-9 {
z-index: 9;
}
.card-body {
height: 100%;
padding: 25px 25px 40px;
}
.image-34 {
border-radius: 32px;
width: 100%;
display: block;
}
.paragraph-6 {
color: var(--white-71);
margin-top: 0;
font-weight: 300;
line-height: 22px;
}
.div-block-33 {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-direction: column;
justify-content: center;
align-items: center;
margin-top: 0;
display: flex;
}
.service-links {
object-fit: fill;
border-radius: 32px;
width: 100%;
height: 100%;
position: relative;
}
.service-imgs {
text-align: center;
background-image: url('../images/658837b44ba1641a3c5d6a28_Group 1321314895.png');
background-position: 50%;
background-size: cover;
border-radius: 32px;
height: 100%;
position: relative;
}
.service-imgs.sprite {
background-image: url('../images/658837b2a6298c932c37fc2d_Group 1321314693-1.png');
}
.service-imgs.paypal {
background-image: url('../images/658837b3ca991623b8faae04_Group 1321314693.png');
}
.service-imgs.adidus {
background-image: url('../images/65883849ca991623b8faef87_Group 1321314897.png');
}
.service-imgs.platinum {
background-image: url('../images/658838495d52e6e1ace00a20_Group 1321314898.png');
}
.service-imgs.venus-baked {
background-image: url('../images/65883849928091ed172282b2_Group 1321314693.png');
}
.service-imgs.fd {
background-image: url('../images/6588391f8d81626463ffda39_Group 1321314897.png');
}
.service-imgs.only-can-do {
background-image: url('../images/6588391f00518a27e260aba3_Group 1321314898.png');
}
.service-imgs.brand-new {
background-image: url('../images/6588391f30ef456e322fbf2d_Group 1321314990.png');
}
.service-imgs.female {
background-image: url('../images/65a5540b05fce02f21aa0a86_Rectangle 4.png');
}
.service-imgs.gswt {
background-image: url('../images/6588392cbe47e0e878148c8f_Group 1321314898.png');
}
.service-imgs.digital-factory {
background-image: url('../images/65a55456dc63234223eeb025_Rectangle%206%20(1).png');
}
.service-imgs.app-cartoon {
background-image: url('../images/6588392c928091ed172306b3_Group 1321315052.png');
}
.text-block-5 {
font-size: 16px;
font-weight: 500;
line-height: 23px;
position: absolute;
inset: auto auto 5% 5%;
}
.arrow0sercives {
width: 15px;
position: absolute;
inset: 4% 6% auto auto;
}
.div-block-35 {
z-index: 13;
flex-direction: column;
justify-content: space-between;
margin: 0;
display: block;
position: relative;
}
.future-des {
grid-column-gap: 40px;
grid-row-gap: 40px;
justify-content: space-between;
width: 100%;
margin-top: 140px;
display: flex;
}
.award-grid {
grid-column-gap: 35px;
grid-row-gap: 35px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
align-items: stretch;
width: 100%;
min-width: 980px;
height: auto;
margin-top: 60px;
padding-top: 10px;
padding-bottom: 10px;
display: grid;
}
.card-home {
background-color: var(--background-color);
color: #b8b9c2;
border-radius: 32px;
width: 100%;
height: 100%;
margin-left: auto;
margin-right: auto;
transition: all .3s;
overflow: visible;
box-shadow: 0 5px 2rem #0000004d;
}
.card-home:hover {
background-color: #000f0899;
}
.line-img {
width: 100%;
margin-top: 24px;
margin-bottom: 24px;
}
.image-35 {
z-index: 15;
margin-top: -35px;
position: absolute;
inset: 0% 0% auto auto;
}
.footerline {
width: 100%;
margin-left: auto;
margin-right: auto;
display: block;
}
.toggle-img {
position: absolute;
inset: -90px auto auto 3%;
}
.toggle-img._2 {
width: 150px;
inset: -95px 0% auto auto;
}
.our-work-banner {
grid-column-gap: 37px;
grid-row-gap: 37px;
flex-direction: row;
justify-content: space-between;
align-items: flex-start;
display: flex;
}
.div-block-36 {
width: 100%;
max-width: 664px;
}
.sub-heading {
color: var(--text-color);
font-weight: 400;
}
.sub-heading.margin {
margin-top: 24px;
margin-bottom: 0;
font-weight: 300;
line-height: 21px;
}
.sub-heading.center {
text-align: center;
}
.sub-heading.center.how-it-works {
padding-left: 140px;
padding-right: 140px;
font-size: 24px;
font-weight: 300;
line-height: 31px;
}
.featured-wrap {
grid-column-gap: 0px;
grid-row-gap: 0px;
justify-content: flex-start;
align-items: center;
margin-top: 102px;
display: flex;
}
.work-slider {
background-color: #ddd0;
width: 100%;
height: auto;
}
.work-slider-wrapper {
width: 100%;
max-width: 500px;
}
.slide-dots {
text-align: right;
justify-content: flex-end;
align-items: center;
height: 20px;
margin-top: 22px;
margin-bottom: 0;
padding-top: 10px;
display: flex;
top: 399px;
}
.work-slider-items {
margin-right: 30px;
}
.fullimg {
width: 100%;
margin-top: 0;
}
.arooww {
display: none;
}
.text-block-6 {
color: #fff;
text-align: right;
margin-top: 65px;
padding-right: 0;
font-size: 16px;
font-weight: 500;
display: none;
}
.text-block-6.n {
margin-top: 20px;
display: block;
}
.work-icon {
position: absolute;
inset: 32% auto auto -30px;
}
.work-icon._2 {
inset: auto -3% -10% auto;
}
.page-wrapper {
padding-top: 32px;
overflow: hidden;
}
.page-wrapper._01 {
background-color: #000f08;
}
.project-banner-wrap {
margin-top: 40px;
position: relative;
}
.heading-block {
margin-top: 136px;
margin-bottom: 80px;
}
.project-banner0img {
aspect-ratio: 16 / 9;
object-fit: cover;
border-radius: 32px;
width: 100%;
}
.description-flexbox {
grid-column-gap: 300px;
grid-row-gap: 300px;
justify-content: space-between;
align-items: flex-start;
display: flex;
}
.div-block-39 {
display: flex;
}
.div-block-40 {
grid-column-gap: 64px;
grid-row-gap: 64px;
margin-top: 76px;
display: flex;
}
.text-block-7 {
color: #06111b99;
text-transform: uppercase;
font-family: Trap, sans-serif;
font-size: 16px;
font-weight: 400;
}
.extras {
color: var(--black);
margin-bottom: 0;
font-family: DM Sans, sans-serif;
font-size: 20px;
font-weight: 700;
line-height: 1.45em;
}
.div-block-41 {
width: 55%;
}
.list-items {
color: #06111b;
font-family: DM Sans, sans-serif;
font-size: 16px;
}
.list-items li {
color: var(--button-text-color);
margin-bottom: 12px;
font-size: 16px;
}
.project-imgs {
aspect-ratio: 16 / 9;
object-fit: cover;
border-radius: 32px;
width: 100%;
height: 675px;
margin-top: 0;
margin-bottom: 24px;
display: none;
}
.project-imgs._2 {
width: 55%;
}
.project-imgs._3 {
width: 43%;
}
.vertical-images {
grid-column-gap: 24px;
grid-row-gap: 24px;
justify-content: center;
margin-bottom: 10px;
display: flex;
}
.next-post-wrapper {
justify-content: space-between;
margin-top: 60px;
display: flex;
}
.preview {
grid-column-gap: 25px;
grid-row-gap: 25px;
cursor: pointer;
justify-content: center;
align-items: center;
display: flex;
}
.text-block-8 {
color: var(--white-71);
text-transform: uppercase;
font-family: Trap, sans-serif;
font-size: 20px;
font-weight: 600;
}
.img-item {
aspect-ratio: auto;
border-radius: 32px;
height: 420px;
margin-top: 50px;
}
.img-item.nh {
height: 100%;
margin-top: 0;
position: relative;
overflow: hidden;
}
.img100 {
width: 100%;
}
.grid-links {
border-radius: 32px;
width: 100%;
height: 100%;
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
}
.grid-links.neg {
width: 100%;
margin-top: 0;
overflow: hidden;
}
.grid-links.full {
width: 100%;
height: 100%;
min-height: 344px;
}
.grid-links.n {
height: auto;
max-height: none;
padding-bottom: 100px;
}
.grid-links.h-auto {
height: auto;
min-height: 344px;
overflow: hidden;
}
.grid-links._w-auto {
height: 624px;
min-height: 624px;
}
.grid-links.outline {
outline-color: var(--pink);
outline-offset: 0px;
outline-width: 1px;
outline-style: solid;
}
.grid-links.h-auto-copy {
height: auto;
min-height: 344px;
overflow: hidden;
}
.logo-slider {
background-color: #ddd0;
height: auto;
}
.left-arrow,
.right-arrow-2,
.slide-nav-5 {
display: none;
}
.section-2.is--hero {
z-index: 15;
flex-direction: column;
justify-content: center;
align-items: stretch;
width: 100%;
min-height: 60vh;
display: flex;
position: relative;
}
.container-2 {
width: 100%;
margin-left: auto;
margin-right: auto;
padding: 0 2.5em 5em;
}
.marquee-wrapper {
width: 100%;
height: 600px;
position: relative;
overflow: hidden;
}
.marquee-track {
flex-direction: row;
justify-content: flex-start;
align-items: center;
height: 100%;
display: flex;
}
.marquee-list {
flex-flow: row;
justify-content: flex-start;
align-items: stretch;
margin-left: 0;
display: flex;
}
.marquee-item {
grid-column-gap: 17px;
grid-row-gap: 17px;
border-left: 1px solid #dfdfdf3b;
flex-direction: column;
flex: none;
justify-content: flex-start;
align-items: flex-start;
width: 30em;
height: 598px;
margin-right: 17px;
padding-left: 0;
padding-right: 0;
display: flex;
}
.marquee-item.square {
width: 23em;
}
.absolute-wrapp {
z-index: 5;
justify-content: space-between;
align-items: flex-end;
margin-top: 0;
padding-left: 25px;
padding-right: 25px;
display: flex;
position: absolute;
inset: auto 0% 7%;
}
.thumbnail {
z-index: 2;
pointer-events: none;
object-fit: cover;
border-radius: 32px;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.play-state-2 {
width: 85px;
height: 85px;
}
.pricing-banner-img {
width: 100%;
max-width: 1440px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px;
display: block;
position: absolute;
inset: 32% 0% 0%;
}
.pricing-banner-img.hide {
display: none;
}
.how-it-worksimg {
z-index: -1;
pointer-events: none;
width: 100%;
max-width: 1325.88px;
margin-top: -490px;
margin-left: auto;
margin-right: auto;
padding-left: 15px;
padding-right: 15px;
display: block;
position: relative;
top: auto;
}
.how-it-worksimg.desktop {
margin-top: -600px;
display: block;
}
.how-it-worksimg.mobile {
display: none;
}
.image-38 {
width: 100%;
max-width: 1358px;
padding-left: 0;
padding-right: 0;
}
.main-logo {
width: 100%;
max-width: 100%;
}
.div-block-45 {
padding-right: 0;
}
.pink-bold {
color: var(--pink);
font-weight: 400;
}
.video-details {
justify-content: space-between;
align-items: flex-end;
margin-top: 0;
padding: 20px 25px 40px;
display: flex;
position: absolute;
inset: auto 0% 0%;
}
.cllient-video {
border-radius: 32px;
width: 100%;
height: 100%;
display: none;
}
.play-state-3,
.pause-state-2 {
width: 25px;
}
.button-animation {
color: #fff;
text-align: center;
background-color: #fff9;
border: 1px #a03dee;
border-radius: 100rem;
justify-content: flex-start;
align-items: center;
width: 28px;
height: 28px;
padding: 2px;
font-weight: 400;
transition-property: none;
display: flex;
position: absolute;
inset: auto 8% 5% auto;
overflow: hidden;
}
.button-animation:hover {
opacity: 1;
}
.iconcountry {
width: 24px;
height: auto;
}
.button-text-animation {
color: #091928;
align-items: center;
width: 95%;
font-family: DM Sans, sans-serif;
font-size: 14px;
font-weight: 500;
display: flex;
position: absolute;
left: 2.725rem;
}
.image-39 {
position: absolute;
inset: -5% 5% auto auto;
}
.hours-dropdown {
z-index: 0;
width: 100%;
}
.dropdown-toggle-2 {
z-index: 1;
width: 100%;
padding: 0;
}
.icon-2 {
color: #00fff2;
font-size: 14px;
font-weight: 100;
inset: 5% -8% auto auto;
transform: rotate(-90deg);
}
.hours-listt {
border-radius: 16px;
margin-top: -4px;
display: none;
}
.hours-listt.w--open {
z-index: -1;
background-color: #fff;
border-radius: 11px;
margin-top: -11px;
padding-top: 25px;
padding-bottom: 10px;
padding-left: 15px;
position: relative;
overflow: visible;
}
.icon-code {
color: var(--pink);
-webkit-text-stroke-color: #dc2abe00;
justify-content: center;
align-items: center;
font-size: 15px;
line-height: 26px;
display: flex;
}
.dp-list-wrapper {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-direction: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: flex;
}
.dp-list-wrapper.n {
grid-column-gap: 24px;
grid-row-gap: 24px;
margin-left: 0;
margin-right: -30px;
}
.dp-wraap {
z-index: 9999;
grid-column-gap: 65px;
grid-row-gap: 65px;
margin-top: 20px;
display: flex;
}
.div-block-46 {
margin-top: -15px;
}
.typedjs-wrapper {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-direction: column;
align-items: flex-start;
width: 100%;
margin-top: 13px;
font-family: Trap, sans-serif;
font-weight: 300;
display: flex;
}
.typed-js_component {
color: #dc2abe;
text-transform: uppercase;
align-items: center;
font-size: 40px;
font-weight: 300;
display: flex;
}
.typed-js_component._2 {
color: #00fff2;
font-size: 39px;
}
.typedjs-cursor {
display: inline;
}
.typedjs-cursor.heading-small {
font-size: 39px;
font-weight: 500;
display: block;
}
.marquee-snap {
text-align: left;
height: 7rem;
position: relative;
overflow: hidden;
}
.marquee-snap.second {
height: 6rem;
}
.marquee_track-snap {
width: 100%;
height: 100%;
position: relative;
}
.marquee_item-snap {
width: auto;
height: 100%;
margin-left: auto;
margin-right: auto;
overflow: visible;
}
.div-block-47 {
grid-column-gap: 20px;
grid-row-gap: 20px;
align-items: flex-start;
max-width: 615px;
margin-bottom: 0;
display: flex;
}
.paragraph-7 {
line-height: 26px;
}
.paragraph-7._20 {
color: #ffffffb3;
font-size: 20px;
line-height: 26px;
}
.paragraph-7._20.black {
color: #06111b;
margin-bottom: 0;
font-size: 16px;
font-weight: 300;
line-height: 22px;
}
.paragraph-7._20.wh {
color: #ffffffa8;
font-weight: 300;
}
.black-2 {
color: #06111b;
font-weight: 700;
}
.client-slider-wrapper {
width: 100%;
margin-top: 77px;
}
.client-sldier {
background-color: #ddd0;
width: 100%;
height: auto;
}
.client-slider-items {
border-radius: 32px;
width: 519px;
height: 600px;
margin-right: 32px;
}
.client-slider-items.home {
height: 600px;
margin-right: 32px;
}
.client-slide-dots {
text-align: right;
justify-content: center;
align-items: center;
margin-top: 225px;
margin-bottom: 0;
padding-top: 10px;
font-size: 14px;
display: flex;
top: 399px;
}
.mask-4 {
width: 100%;
overflow: visible;
}
.mask-4._02 {
width: 65%;
}
.p-text-2 {
color: #ffffffb3;
}
.p-text-2.white {
color: #d2d2d2;
font-size: 15px;
}
.p-text-2.white.min-h {
height: 120px;
}
.div-block-48 {
flex-direction: column;
display: flex;
}
.div-block-49 {
min-height: 300px;
padding: 20px 25px;
}
.div-block-49.h {
padding-top: 20px;
padding-bottom: 20px;
}
.text-block-9 {
color: #fff;
font-size: 20px;
font-weight: 400;
line-height: 30px;
}
.text-block-9._2 {
color: #ffffff80;
font-size: 17px;
line-height: 22px;
}
.image-40 {
margin-top: 20px;
margin-bottom: 20px;
}
.our-people-slider {
width: 100%;
margin-top: 75px;
}
.ourp-people-sl {
background-color: #ddd0;
width: 100%;
height: auto;
}
.ourp-people-sl.home {
padding-left: 0;
}
.line {
margin-top: 16px;
margin-bottom: 13px;
}
.div-block-51 {
margin-top: 140px;
}
.div-block-51.mt-0 {
margin-top: 0;
}
.play-button {
cursor: pointer;
width: 80px;
margin: auto;
display: none;
position: absolute;
inset: 0%;
}
.text-span-5 {
text-transform: lowercase;
}
.footer-sub-text {
text-align: center;
font-size: 24px;
font-weight: 400;
line-height: 33px;
}
.footer-sub-text._16-white {
color: var(--white-70);
font-size: 16px;
line-height: 29px;
}
.footer-sub-text._16-white.left {
text-align: left;
font-weight: 300;
line-height: 26px;
}
.footer-sub-text._16-white.left.padding-right {
max-width: 548px;
margin-top: 24px;
margin-bottom: 0;
font-weight: 300;
line-height: 22px;
}
.div-block-52 {
grid-column-gap: 38px;
grid-row-gap: 38px;
flex-direction: column;
justify-content: flex-start;
height: 100%;
display: flex;
}
.flex--block {
grid-column-gap: 38px;
grid-row-gap: 38px;
flex-direction: column;
display: flex;
}
.flex--block.width {
max-width: none;
}
.bold-text-2,
.bold-text-3 {
color: var(--button-text-color);
font-weight: 600;
}
.bold-text-7,
.bold-text-8,
.bold-text-9 {
color: var(--white-71);
font-weight: 600;
}
.work-tabs {
z-index: 10;
flex-direction: column;
align-items: flex-start;
width: 100%;
height: auto;
display: flex;
position: relative;
}
.tabs-content-2 {
z-index: 1;
flex-direction: column;
justify-content: flex-end;
width: 100%;
height: auto;
margin-top: 0;
padding-top: 60px;
padding-bottom: 140px;
display: flex;
}
.tabs-menu-2 {
z-index: 11;
flex-direction: column;
align-items: flex-start;
width: auto;
margin-left: auto;
margin-right: 25%;
display: inline-block;
}
.link-tabs {
color: #ffffff80;
background-color: #ddd0;
border-radius: 34px;
justify-content: space-between;
align-items: center;
width: 230px;
height: 60px;
margin-bottom: 14px;
padding-left: 23px;
padding-right: 20px;
font-size: 20px;
line-height: 42px;
display: flex;
overflow: hidden;
}
.link-tabs:hover {
color: #fff;
background-image: url('../images/658bf878d3f78dca16deb528_Rectangle 1.png');
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
}
.link-tabs:active {
background-color: var(--bg-new-color);
}
.link-tabs.w--current {
color: #fff;
background-color: #c3595900;
background-image: url('../images/658bf878d3f78dca16deb528_Rectangle 1.png');
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
border: 1px solid #0000;
font-size: 21px;
}
.link-tabs.move-down {
border: 1px solid #0000;
}
.tab-panel {
width: 100%;
height: auto;
}
.image-42 {
width: 100%;
max-width: 50%;
}
.image-42._2 {
max-width: 40%;
margin-top: -40px;
}
.tabs-sec-1 {
justify-content: space-between;
align-items: flex-start;
display: flex;
}
.image-43 {
width: 24px;
display: block;
}
.f-icons {
width: 40px;
}
.div-block-54 {
margin-top: 180px;
display: block;
}
.slider-right-arrow {
color: #444;
}
.slider-right-arrow.h {
display: none;
}
.slider-wrapper {
justify-content: center;
align-items: center;
display: flex;
position: relative;
overflow: visible;
}
.slider {
background-color: #0000;
width: 400px;
height: 400px;
position: static;
}
.slide-2 {
border: 0 #000;
border-radius: 32px;
max-height: 416px;
margin-right: 20px;
overflow: hidden;
}
.slide-content-wrapper {
border-radius: 32px;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
transition: all .3s;
display: flex;
position: relative;
overflow: hidden;
}
.slider-container {
width: 100%;
min-height: 300px;
padding: 71px 40px 106px;
position: relative;
overflow: visible;
}
.slider-left-arrow {
color: #444;
}
.slider-left-arrow.h {
display: none;
}
.mask {
position: static;
overflow: visible;
}
.slide-nav-6 {
margin-top: 0;
margin-bottom: 0;
top: 450px;
}
.bold-text-10,
.bold-text-11,
.bold-text-12 {
color: var(--white-71);
font-weight: 600;
}
.bold-text-13,
.bold-text-14,
.bold-text-15,
.bold-text-21 {
color: var(--text-color-white);
font-weight: 600;
}
.bold-text-22,
.bold-text-23,
.bold-text-24,
.bold-text-25 {
color: var(--button-text-color);
font-weight: 600;
}
.bold-text-26 {
color: var(--white-72);
font-weight: 600;
}
.bold-text-27 {
color: var(--text-color-white);
font-weight: 600;
}
.bold-text-28 {
color: var(--white-71);
font-weight: 600;
}
.bold-text-29 {
color: var(--button-text-color);
font-weight: 600;
}
.bold-text-30 {
color: var(--text-color-white);
font-weight: 600;
}
.bold-text-31,
.bold-text-32 {
color: var(--button-text-color);
font-weight: 600;
}
.bold-text-33,
.bold-text-34 {
color: var(--white-71);
font-weight: 300;
overflow: hidden;
}
.bold-text-35 {
color: var(--button-text-color);
font-weight: 300;
}
.bold-text-36 {
color: var(--text-color-white);
font-weight: 300;
}
.bold-text-37 {
color: var(--button-text-color);
font-weight: 300;
}
.bold-text-38,
.bold-text-39,
.bold-text-40 {
color: var(--white-71);
font-weight: 600;
}
.image-45 {
width: 100%;
max-width: 219px;
margin-bottom: 40px;
}
.embed {
z-index: 11;
width: 100%;
margin-left: auto;
margin-right: auto;
display: block;
position: absolute;
inset: -1.7% 0% auto;
}
.embed.hide {
display: none;
}
.svg {
z-index: 1;
width: 100%;
max-width: none;
margin-left: auto;
margin-right: auto;
transition: opacity .2s;
position: absolute;
inset: 0% auto auto 0%;
transform: scale(1);
}
.svg._2 {
z-index: 13;
}
.svg.hide {
display: none;
}
.svg2 {
z-index: 10;
width: 100%;
margin-left: auto;
margin-right: auto;
transition: opacity .2s;
position: absolute;
inset: 0% 0% auto;
}
.svg2.hide {
display: none;
}
.div-block-55 {
z-index: 20;
width: 100%;
height: 100%;
position: relative;
}
.svg3 {
z-index: 10;
width: 100%;
margin-left: auto;
margin-right: auto;
transition: opacity .2s;
position: absolute;
inset: 0% 0% auto;
}
.svg3.hide {
display: none;
}
.link-2 {
color: var(--white-71);
font-weight: 400;
}
.link-3 {
color: var(--white-71);
font-weight: 300;
}
.bold-text-41,
.bold-text-42 {
color: var(--text-color-white);
font-weight: 600;
}
.bold-text-43,
.bold-text-44 {
color: var(--button-text-color);
font-weight: 600;
}
.bold-text-45 {
color: var(--white-71);
font-weight: 600;
}
.bold-text-46,
.bold-text-47 {
color: var(--text-color-white);
font-weight: 600;
}
.bold-text-52,
.bold-text-53 {
color: var(--button-text-color);
font-weight: 600;
}
.bold-text-54,
.bold-text-55,
.bold-text-56 {
font-weight: 600;
}
.section-3 {
background-color: #f2f4f3;
width: 100%;
height: 100%;
position: relative;
}
.div-block-56 {
width: 200px;
height: 200px;
position: absolute;
}
.div-block-56.button {
background-image: radial-gradient(circle at 60% 0, #dc2abe80 25%, #00fff280 54%);
}
.div-block-56.button.width {
width: 302px;
height: 322px;
}
.bold-text-59,
.bold-text-60 {
color: var(--button-text-color);
font-weight: 600;
}
.bold-text-61 {
color: var(--white-71);
font-weight: 600;
}
.bold-text-62 {
color: var(--text-color-white);
font-weight: 600;
}
.bold-text-63,
.bold-text-64 {
color: var(--button-text-color);
font-weight: 600;
}
.bold-text-65 {
color: var(--button-text-color);
}
.bold-text-66,
.bold-text-67,
.bold-text-68 {
color: var(--white-71);
font-weight: 600;
}
.bold-text-70 {
color: var(--text-color-white);
font-weight: 600;
text-decoration: underline;
display: none;
}
.bold-text-72 {
color: var(--button-text-color);
font-weight: 600;
}
.nav-list {
justify-content: flex-start;
display: flex;
position: relative;
}
.div-block-60 {
flex-direction: column;
align-items: center;
display: flex;
}
.destination-overlay {
width: 100%;
height: auto;
}
.award-grid-wrapper {
width: 100%;
overflow: auto;
}
.div-block-62 {
grid-column-gap: 8px;
grid-row-gap: 8px;
display: flex;
}
.play-pause-button-4 {
background-color: #dc2abe;
align-items: center;
width: 100%;
height: 50px;
padding-left: 20px;
display: none;
inset: auto 0% 0%;
}
.image-47,
.image-48 {
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.play-pause-button-5 {
background-color: #dc2abe;
align-items: center;
width: 100%;
height: 50px;
padding-left: 20px;
display: none;
inset: auto 0% 0%;
}
.image-49 {
object-fit: cover;
width: 100%;
height: 100%;
display: none;
position: absolute;
inset: 0%;
}
.play-pause-button-6 {
background-color: #dc2abe;
align-items: center;
width: 100%;
height: 50px;
padding-left: 20px;
display: none;
inset: auto 0% 0%;
}
.active-page {
margin-top: 0;
}
.active-page.link-4 {
position: relative;
top: auto;
right: auto;
}
.div-block-65 {
max-width: 1200px;
}
.div-block-67 {
max-width: 1124px;
margin-left: auto;
margin-right: auto;
}
.link-4 {
position: absolute;
inset: 0% 0% auto auto;
}
.image-51 {
z-index: 999;
object-fit: contain;
width: 120px;
height: 80px;
transition: none;
position: fixed;
}
.image-51.hide {
display: none;
}
.logo-heading {
justify-content: center;
margin-top: 100px;
display: flex;
}
.bold-text-73 {
color: var(--white-72);
font-weight: 600;
}
.bold-text-76 {
color: var(--white-71);
font-weight: 600;
}
.bold-text-79,
.bold-text-80,
.bold-text-81,
.bold-text-82,
.bold-text-83 {
color: var(--button-text-color);
}
.success-message {
background-color: var(--paste);
}
.html-embed {
z-index: 1;
position: absolute;
inset: 0% auto auto 0%;
}
.image-52 {
margin-left: -50px;
position: absolute;
inset: auto auto 0% 0%;
}
.image-53 {
margin-right: -40px;
position: absolute;
inset: auto 0% 0% auto;
}
.image-54 {
z-index: 11;
max-width: 218px;
margin-left: 220px;
position: absolute;
inset: -80% auto auto 0%;
}
.image-55 {
margin-bottom: 60px;
position: absolute;
inset: auto 25% -100% auto;
}
.image-56 {
margin-top: 0;
position: absolute;
inset: -13% auto auto -15%;
}
.image-57 {
position: absolute;
inset: -4% -2% auto auto;
}
.image-58 {
margin-left: 0;
position: absolute;
inset: 35% auto auto -25%;
}
.separator-animation {
z-index: 9;
background-color: #f2f4f3;
width: 100%;
height: 100%;
margin-top: -60px;
position: absolute;
inset: -100% 0% auto;
transform: scale(2);
}
.separator-animation.bg-gray-8 {
background-color: #e8e8e8;
display: block;
}
.separator-animation.bg-gray-8._4 {
z-index: 11;
max-height: 1182px;
margin-top: 0;
top: -26%;
}
.separator-animation.bg-gray-8.hide {
display: none;
}
.separator-animation.bg-black {
background-color: #000f08;
display: block;
}
.separator-animation.bg-black._2 {
background-color: #000f08;
margin-top: -64px;
}
.separator-animation.bg-black._3 {
margin-top: -70px;
}
.separator-animation.bg-black.max-h-18 {
z-index: 11;
max-height: 1182px;
top: -26%;
}
.separator-animation.bg-black.black-separator {
background-color: #000f08;
margin-top: -64px;
}
.separator-animation.bg-gray-1 {
z-index: 11;
background-color: #f2f4f3;
margin-top: -70px;
display: block;
}
.separator-animation.bg-gray-1.mt-60 {
margin-top: -74px;
}
.separator-animation.bg-gray-1.mt-40 {
margin-top: -111px;
}
.separator-animation.bg-gray-1.dynamic-hero {
max-height: 1182px;
display: none;
transform: scale(2);
}
.separator-animation._2 {
margin-top: -66px;
}
.separator-animation._2.bg-gray-1 {
background-color: #f2f4f3;
}
.separator-animation._3 {
margin-top: -66px;
}
.separator-animation._3.bg-gray-1 {
background-color: #f2f4f3;
margin-top: -70px;
}
.separator-animation._3.bg-gray-8 {
background-color: #e8e8e8;
margin-top: -75px;
}
.separator-animation.hide,
.separator-animation-wrap {
display: none;
}
.image-61 {
width: 60vw;
height: 100%;
position: absolute;
inset: 0% -730px 0% auto;
}
.image-61-copy {
width: 60vw;
height: 100%;
position: absolute;
inset: 0% auto 0% -727px;
}
.div-block-70 {
border-radius: 50px;
position: absolute;
inset: 0%;
}
.div-block-70.gradient-wrapper {
opacity: 0;
}
.list-2 {
justify-content: flex-end;
align-items: center;
margin-bottom: 0;
padding-left: 0;
display: flex;
}
.list-2.space-between {
justify-content: flex-end;
align-items: center;
padding-left: 0;
}
.image-63 {
width: auto;
max-width: 101px;
height: 101px;
margin-bottom: -70px;
margin-left: 53px;
margin-right: 49px;
}
.image-63.mx-59 {
margin-left: 59px;
}
.div-block-71 {
grid-column-gap: 60px;
grid-row-gap: 60px;
flex-direction: row;
align-items: center;
width: 50%;
display: flex;
}
.marquee-trusted {
width: 50%;
padding-top: 20px;
padding-bottom: 20px;
overflow: hidden;
}
.div-block-73 {
grid-column-gap: 61px;
grid-row-gap: 61px;
flex-direction: column;
align-items: flex-end;
width: 100%;
display: flex;
}
.image-64 {
width: auto;
max-width: 133px;
height: 133px;
}
.image-65 {
width: auto;
max-width: 101px;
height: 101px;
}
.image-66 {
width: auto;
max-width: 133px;
height: 133px;
margin-left: 86px;
margin-right: 112px;
}
.image-67,
.image-68,
.image-69,
.image-70 {
width: auto;
max-width: 133px;
height: 133px;
}
.image-71 {
width: auto;
max-width: 101px;
height: 101px;
margin-bottom: 32px;
position: relative;
}
.image-72 {
width: auto;
max-width: 133px;
height: 133px;
margin-left: 80px;
margin-right: 117px;
}
.image-73 {
width: auto;
max-width: 133px;
height: 133px;
}
.image-74 {
z-index: 11;
object-fit: contain;
width: 100%;
height: 95%;
position: absolute;
inset: 0%;
overflow: hidden;
}
.div-block-75 {
position: absolute;
left: 50%;
transform: translate(-50%);
}
.div-block-75._02 {
grid-column-gap: 14px;
grid-row-gap: 14px;
justify-content: center;
align-items: center;
display: flex;
}
.image-75 {
z-index: 0;
margin-bottom: -22px;
margin-right: -28px;
position: absolute;
inset: auto 0% 0% auto;
overflow: hidden;
}
.image-76 {
margin-top: -8px;
margin-right: -50px;
position: absolute;
}
.image-77 {
z-index: 6;
text-align: center;
text-transform: uppercase;
white-space: pre-wrap;
width: 100%;
max-width: 485px;
margin-top: 0;
margin-bottom: 0;
padding-left: 0;
padding-right: 0;
font-size: 96px;
line-height: 96px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.image-77._2 {
margin-top: 0;
margin-bottom: 0;
font-size: 66px;
line-height: 66px;
}
.image-77._4 {
max-width: 100%;
padding-left: 220px;
padding-right: 220px;
}
.image-77._5 {
max-width: 100%;
padding-left: 60px;
padding-right: 60px;
}
.text-block-10 {
z-index: 6;
text-align: center;
padding-left: 100px;
padding-right: 100px;
font-size: 16px;
line-height: 24px;
position: absolute;
inset: auto 0% 45px;
overflow: hidden;
}
.card-overlay {
z-index: 0;
background-color: #000f084d;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
overflow: hidden;
}
.card-overlay._1 {
z-index: 6;
overflow: hidden;
}
.tabs-wrapper {
width: 100%;
height: 100%;
position: relative;
}
.tabs-content-wrap {
width: 100%;
height: 100%;
}
.typedjs-cursor-2 {
display: inline;
}
.typedjs-cursor-2.heading-small {
font-size: 39px;
font-weight: 600;
display: block;
}
.typedjs-cursor-3 {
display: inline;
}
.typedjs-cursor-3.heading-small {
font-size: 39px;
font-weight: 600;
display: block;
}
.div-block-76 {
width: 700px;
height: 494px;
position: relative;
}
.div-block-76._02 {
width: 730px;
}
.image-78 {
width: 100%;
max-width: 634px;
height: 100%;
margin-left: -37px;
position: relative;
transform: none;
}
.image-78.absolute {
pointer-events: none;
width: 1000px;
max-width: none;
position: absolute;
left: -66%;
}
.image-78.absolute._02 {
bottom: 69px;
left: -39%;
}
.image-78.absolute._03 {
width: 70vw;
margin-left: 0;
top: -45px;
left: auto;
right: -90px;
}
.separator-animation-4 {
z-index: 9;
background-color: #f2f4f3;
width: 100%;
height: 100%;
margin-top: -60px;
position: absolute;
inset: -100% 0% auto;
transform: scale(2);
}
.separator-animation-4.bg-black {
background-color: #000f08;
}
.separator-animation-4.bg-black.two {
background-color: #000f0800;
display: block;
}
.html-embed-2 {
color: #fff;
margin-left: 235px;
position: absolute;
}
.html-embed-2._02 {
opacity: 0;
margin-top: 2px;
margin-left: 0;
position: static;
}
.lottie-animation {
margin-top: 140px;
margin-left: -125px;
position: absolute;
left: -1%;
}
.div-block-77 {
position: relative;
}
.lottie-animation-2 {
width: 270.58px;
height: 575px;
margin-top: 72px;
margin-right: -110px;
position: absolute;
inset: 0% -2% 0% auto;
}
.lottie-animation-3 {
height: 80px;
margin-top: -21px;
margin-right: -25px;
position: static;
right: 15px;
}
.bold-text-91 {
font-weight: 600;
}
.heading-8 {
color: #ccc;
text-transform: uppercase;
margin: 0 auto;
font-weight: 300;
}
.heading-8.gray-5 {
color: #707070;
font-weight: 300;
}
.text-span-6,
.bold-text-92 {
font-weight: 600;
}
.bold-text-94 {
font-weight: 400;
}
.bold-text-95 {
font-weight: 600;
}
.div-block-78 {
width: 100%;
max-width: 1200px;
margin-left: auto;
margin-right: auto;
}
.bold-text-96 {
color: var(--white-71);
font-weight: 600;
}
.heading-9 {
color: var(--white-72);
margin-top: 0;
margin-bottom: 0;
font-family: DM Sans, sans-serif;
font-weight: 500;
}
.heading-9.black {
color: var(--background-color);
}
.paragraph-8 {
color: var(--white-70);
margin-bottom: 0;
}
.paragraph-8.black {
color: #06111b;
font-weight: 300;
}
.text-span-7 {
font-weight: 600;
}
.text-span-8 {
color: #06111b;
font-weight: 600;
}
.paragraph-9 {
margin-bottom: 0;
}
.div-block-8-6 {
flex-direction: column;
align-items: flex-start;
width: 55%;
min-width: 0;
padding-right: 60px;
display: flex;
}
.astronaut-2 {
height: auto;
margin-top: 60px;
margin-left: -70px;
position: absolute;
top: -449.5px;
}
.image-81 {
display: none;
}
.heading-1 {
text-align: center;
max-width: 814px;
margin: 0 auto;
display: none;
}
.heading-1 h2 {
color: var(--white-71);
text-transform: uppercase;
margin-top: 0;
margin-bottom: 24px;
font-weight: 500;
line-height: 52px;
}
.heading-1 p {
color: #fff;
text-align: center;
font-weight: 300;
line-height: 24px;
}
.heading-1 strong {
color: var(--pink);
font-weight: 600;
}
.heading-1.mt-100 {
margin-top: 40px;
margin-bottom: 0;
}
.heading-1 h3 {
color: #fff;
text-transform: uppercase;
margin-top: 0;
margin-bottom: 0;
font-size: 48px;
line-height: 52px;
}
.tabs-sec-2 {
flex-direction: column;
align-items: center;
width: 100%;
height: auto;
min-height: 100vh;
padding-bottom: 220px;
display: flex;
}
.html-embed-3 {
justify-content: center;
align-items: center;
min-width: 20px;
min-height: 20px;
display: flex;
}
.image-82,
.image-83 {
display: none;
}
.div-block-79 {
grid-column-gap: 16px;
grid-row-gap: 16px;
align-items: flex-start;
display: flex;
}
.link-5,
.link-6 {
text-decoration: underline;
}
.bold-text-97 {
color: var(--white-72);
}
.bold-text-98,
.bold-text-99 {
color: var(--white-71);
}
.div-block-80 {
flex-direction: column;
justify-content: center;
width: 100%;
min-height: 100vh;
padding-bottom: 140px;
display: flex;
}
.bold-text-100 {
color: var(--white-71);
}
.separator-animation-copy {
z-index: 9;
background-color: #f2f4f3;
width: 100%;
height: 100%;
margin-top: -60px;
position: absolute;
inset: -100% 0% auto;
transform: scale(2);
}
.separator-animation-copy.bg-gray-8 {
background-color: #e8e8e8;
}
.separator-animation-copy.bg-gray-8._4 {
z-index: 11;
margin-top: -320px;
top: -100%;
}
.separator-animation-copy.bg-black {
background-color: #000f08;
}
.separator-animation-copy.bg-black._2 {
background-color: #000f08;
margin-top: -64px;
}
.separator-animation-copy.bg-black.max-h-18 {
z-index: 11;
height: 10%;
top: -10%;
}
.separator-animation-copy.bg-black.black-separator {
background-color: #000f08;
margin-top: -64px;
}
.separator-animation-copy.bg-gray-1 {
z-index: 11;
background-color: #f2f4f3;
}
.separator-animation-copy.bg-gray-1.mt-60 {
margin-top: -74px;
}
.separator-animation-copy.bg-gray-1.mt-40 {
margin-top: -96px;
}
.separator-animation-copy.bg-gray-1.dynamic-hero {
max-height: 1182px;
transform: scale(2);
}
.separator-animation-copy._2 {
margin-top: -66px;
}
.separator-animation-copy._2.bg-gray-1 {
background-color: #f2f4f3;
}
.separator-animation-copy._3 {
margin-top: -66px;
}
.separator-animation-copy._3.bg-gray-1 {
background-color: #f2f4f3;
}
.separator-animation-copy._3.bg-gray-8 {
background-color: #e8e8e8;
margin-top: -75px;
}
.bold-text-101 {
color: var(--white-71);
}
.div-block-81 {
padding-top: 25rem;
}
.div-block-82 {
z-index: 1;
grid-column-gap: 32px;
grid-row-gap: 32px;
justify-content: flex-start;
width: 100%;
display: flex;
position: relative;
}
.image-84 {
max-width: 80%;
}
.spacer-1-25rem {
padding-top: 1.25rem;
}
.brands-logos {
object-fit: cover;
width: 79%;
height: 80%;
}
.see-more {
color: var(--button-text-color);
margin-right: 0;
}
.lottie-animation-4 {
height: 80px;
margin-top: -15px;
margin-right: -40px;
position: static;
right: 15px;
}
.text-span-9 {
color: #ffc9f6;
font-size: 16px;
font-weight: 600;
}
.text-span-9._2 {
color: #06111b;
font-size: 12px;
font-weight: 400;
}
.btn-text-2 {
color: #06111b;
font-family: DM Sans, sans-serif;
font-size: 14px;
font-weight: 500;
line-height: 26px;
}
.pink-3 {
color: #dc2abe;
}
.card-pricing-2 {
background-color: #000f08;
border: 1px solid #eff0f6;
border-radius: 32px;
flex-direction: column;
height: auto;
padding: 35px 40px 40px;
transition: height .2s;
display: flex;
position: relative;
overflow: hidden;
box-shadow: 1px 1px 12px #14142b14;
}
.div-block-83 {
justify-content: space-between;
align-items: flex-end;
margin-top: 0;
font-weight: 600;
display: flex;
}
.div-block-83._22 {
margin-bottom: 10px;
}
.white-bold-2 {
color: #fff;
font-weight: 600;
}
.glow-2 {
z-index: -1;
filter: blur(10px);
mix-blend-mode: normal;
border: 10px solid #00fff2;
border-radius: 50px;
width: 176px;
height: 60px;
margin-left: auto;
margin-right: auto;
position: absolute;
inset: -2% -2% 0%;
}
.glow-2._2 {
z-index: 0;
filter: blur();
width: 205px;
}
.heading-11 {
color: #fdfdfd;
margin-bottom: 0;
font-size: 32px;
font-weight: 600;
line-height: 35px;
}
.paragraph-10 {
color: #ffffff80;
margin-bottom: 0;
font-weight: 300;
line-height: 21px;
}
.pricing-2 {
color: #fff;
margin-bottom: 18px;
font-size: 24px;
font-weight: 600;
line-height: 31px;
}
.typedjs-cursor-1 {
display: inline;
}
.typedjs-cursor-1.heading-small {
font-size: 39px;
font-weight: 600;
display: block;
}
.swiper.first-swiper {
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
height: auto;
margin-top: 0;
padding-top: 0;
padding-bottom: 0;
display: none;
position: relative;
}
.slider-2 {
margin-bottom: 0;
padding-bottom: 200px;
padding-left: 50px;
display: flex;
position: relative;
overflow: visible;
}
.slider-2.mg-left-50px {
margin-top: 0;
padding-bottom: 0;
padding-left: 0;
}
.carousel-arrow-w {
cursor: pointer;
flex: none;
justify-content: flex-start;
align-items: center;
height: 100%;
display: flex;
position: relative;
}
.carousel-arrow-w.arrow-next {
align-items: flex-end;
margin-right: 0;
}
.carousel-arrow-w.arrow-previous {
align-items: flex-end;
margin-left: 0;
margin-right: 15px;
}
.slider-right-arrow-2 {
transform: rotate(180deg);
}
.swiper-wrapper {
grid-column-gap: 0px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: flex;
}
.swiper-slide {
opacity: .9;
color: #ffffff80;
align-items: flex-start;
width: 23.5rem;
display: flex;
}
.swiper-slide.width-auto {
width: auto;
margin-left: 5px;
margin-right: 5px;
}
.carousel-arrows {
z-index: 9999;
flex: none;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
place-items: flex-start end;
width: auto;
margin-top: 0;
margin-right: 40px;
display: flex;
position: absolute;
inset: -60px 0% auto auto;
}
.carousel-arrows.blogs {
inset: auto 0% 100px auto;
}
.carousel-arrow {
background-color: #383838;
border-radius: 100%;
justify-content: center;
align-items: center;
width: 63px;
height: 63px;
padding-top: 0;
padding-bottom: 0;
padding-left: 0;
display: flex;
position: relative;
}
.swiper-pagination {
margin-top: 64px;
}
.section-marquee {
background-color: var(--bg2);
padding-top: 187px;
}
.div-block-85 {
background-color: var(--bg2);
padding-top: 76px;
}
.section-slider-marquee {
background-color: var(--bg2);
padding-bottom: 160px;
}
.div {
border-radius: 24px;
width: 100%;
display: block;
}
.iframe {
width: 100%;
}
.div-2 {
border-radius: 24px;
overflow: hidden;
}
.bold-text-102,
.bold-text-103,
.bold-text-104,
.bold-text-105,
.bold-text-106,
.bold-text-107,
.bold-text-108,
.bold-text-109,
.bold-text-110,
.bold-text-111,
.bold-text-112,
.bold-text-113,
.bold-text-114,
.bold-text-115,
.bold-text-116 {
color: var(--text-color-white);
}
.slider-3 {
background-color: #ddd0;
height: auto;
display: none;
}
.right-arrow-3,
.slide-nav-8,
.icon-3,
.left-arrow-2 {
display: none;
}
.pricing-slide {
margin-right: 40px;
}
.heading-12 {
color: #fdfdfd;
margin-bottom: 0;
font-size: 32px;
font-weight: 600;
line-height: 35px;
}
.div-block-86 {
position: relative;
}
.tm-bg-2 {
background-color: #ffc9f6;
border-radius: 16px;
width: auto;
height: 12px;
margin-top: 10px;
position: relative;
overflow: hidden;
}
.dropdown-link-2 {
color: #000f08;
white-space: nowrap;
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
font-size: 16px;
font-weight: 400;
line-height: 24px;
}
.dropdown-toggle-3 {
color: #06111b;
padding-left: 0;
padding-right: 30px;
font-size: 18px;
}
.dropdown-toggle-3.w--open {
color: #dc2abe;
}
.dropdown-toggle-3.pricingsss {
margin-left: 10px;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 10px;
font-weight: 400;
}
.lottie-animation-5 {
height: 75px;
margin-right: -30px;
position: static;
right: 15px;
}
.div-block-87 {
justify-content: space-between;
align-items: flex-end;
margin-top: 0;
font-weight: 600;
display: flex;
}
.div-block-87._22 {
margin-bottom: 10px;
}
.btn-text-3 {
color: #06111b;
font-size: 14px;
font-weight: 500;
line-height: 26px;
}
.padding-top-80px-2 {
width: 100%;
max-width: 100%;
padding-top: 0;
}
.monthly-price {
z-index: 1;
background-color: #ddd0;
width: 100%;
height: auto;
display: block;
}
.monthly-price.brand {
display: none;
}
.monthly-price.video {
display: none;
overflow: visible;
}
.monthly-price._2d-animation,
.monthly-price.motion {
display: none;
}
.bold-text-117 {
color: var(--text-color-white);
font-weight: 600;
}
.container-3 {
width: 100%;
max-width: 1220px;
margin-left: auto;
margin-right: auto;
}
.text-span-10 {
color: #ffc9f6;
font-size: 16px;
font-weight: 600;
}
.text-span-10._2 {
color: #06111b;
font-size: 12px;
font-weight: 400;
}
.pricing-slide-2 {
width: 100%;
margin-right: 4vw;
}
.slide-nav-9 {
display: none;
}
.bold-text-118 {
color: var(--text-color-white);
font-weight: 600;
}
.anually-price {
z-index: 1;
background-color: #ddd0;
height: auto;
display: none;
}
.icon-4 {
margin-right: 0;
}
.pricing-3 {
color: #fff;
margin-bottom: 18px;
font-size: 24px;
font-weight: 600;
line-height: 31px;
}
.paragraph-11 {
color: #ffffff80;
margin-bottom: 0;
font-weight: 300;
line-height: 21px;
}
.pricing-section {
background-color: var(--bg2);
min-height: 100vh;
padding: 160px 40px;
}
.card-pricing-3 {
background-color: #000f08;
border: 1px solid #eff0f6;
border-radius: 32px;
flex-direction: column;
height: 100%;
padding: 35px 40px 40px;
transition: height .2s;
display: flex;
position: relative;
overflow: hidden;
box-shadow: 1px 1px 12px #14142b14;
}
.mask-5 {
width: 100%;
max-width: 345px;
overflow: visible;
}
.icon-code-2 {
color: #dc2abe;
-webkit-text-stroke-color: #dc2abe00;
justify-content: center;
align-items: center;
font-size: 15px;
line-height: 26px;
display: flex;
}
.icon-5 {
display: none;
}
.services-btn-two {
grid-column-gap: 14px;
grid-row-gap: 14px;
color: #06111b;
border-radius: 10px;
justify-content: flex-start;
align-items: center;
width: 100%;
padding: 5px 9px;
font-weight: 600;
text-decoration: none;
display: flex;
}
.bold-text-119 {
color: var(--text-color-white);
font-weight: 600;
}
.pink-4 {
color: #dc2abe;
font-weight: 700;
}
.monthly-price-01 {
z-index: 1;
background-color: #ddd0;
width: 100%;
height: auto;
}
.monthly-price-01.brand,
.monthly-price-01.video,
.monthly-price-01._2d-animation,
.monthly-price-01.motion {
display: none;
}
.border {
opacity: 0;
background-image: url('../images/658bf878d3f78dca16deb528_Rectangle 1.png');
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
border-radius: 100px;
padding: 1.5px;
position: absolute;
inset: 0%;
}
.inner-border {
width: 100%;
height: 100%;
}
.bold-text-120,
.bold-text-121,
.bold-text-122 {
color: var(--text-color-white);
font-weight: 600;
}
.bold-text-123,
.bold-text-124 {
color: var(--background-color);
font-weight: 600;
}
.html-embed-4,
.html-embed-5 {
border-radius: 32px;
display: inline;
}
.div-block-90 {
grid-column-gap: 16px;
grid-row-gap: 16px;
border-radius: 32px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: block;
}
.div-block-91 {
border-radius: 32px;
}
.radial-border-block {
background-image: linear-gradient(223deg, #dc2abe33, #00fff233);
border-radius: 32px;
width: 100%;
height: 100%;
padding: 1px;
overflow: hidden;
}
.div-block-92 {
width: 100%;
height: 100%;
}
.image-85 {
margin-bottom: 4px;
}
.image-85._w-74 {
width: 74px;
}
.image-86 {
margin-bottom: 4px;
}
.image-87 {
margin-bottom: 5px;
}
.image-88 {
margin-bottom: 4px;
}
.image-88._w-48 {
width: 48px;
}
.image-88._w-82 {
width: 82px;
}
.image-88._w-74 {
width: 74px;
}
.image-88._w-59 {
width: 59px;
}
.video-play {
height: 100%;
display: block;
}
.html-embed-6 {
height: 100%;
}
.html-embed-6.hide {
display: block;
}
.fluxx {
font-size: 18px;
}
.image-89 {
object-fit: fill;
}
.iframe-2 {
border-radius: 24px;
}
.bold-text-125,
.bold-text-126 {
color: var(--text-color-white);
font-weight: 600;
}
.body-2 {
background-color: #000;
}
.rich-text-block {
display: none;
}
.details-blocks {
color: #fff;
text-align: center;
width: 100%;
max-width: 840px;
margin: 130px auto 56px;
}
.details-blocks p {
color: var(--white-71);
text-align: center;
line-height: 21px;
}
.details-blocks h3 {
color: var(--pink);
}
.details-blocks h2 {
color: #fff;
text-transform: uppercase;
margin-top: 0;
margin-bottom: 20px;
font-size: 48px;
line-height: 1.3em;
}
.details-blocks strong {
color: var(--pink);
}
.details-blocks._01 {
margin-top: 0;
}
.video-image-blocks {
border-radius: 32px;
margin-top: 14px;
margin-bottom: 14px;
overflow: hidden;
}
.video-image-blocks._01 {
margin-bottom: 0;
}
.rich-text-block-3 {
color: #06111b;
font-family: DM Sans, sans-serif;
font-size: 16px;
}
.rich-text-block-3 p,
.rich-text-block-3 h2 {
color: var(--black);
}
.rich-text-block-4 {
z-index: 999;
color: #fff;
width: 105px;
height: 41px;
position: fixed;
}
.heading-13 {
font-size: 31px;
}
.paragraph-12 {
color: var(--white-70);
}
.rich-text-block-5 {
z-index: 999;
line-height: 1.3em;
position: fixed;
}
.heading-14 {
color: var(--white-72);
font-size: 20px;
font-weight: 600;
line-height: 1.3em;
}
.next {
grid-column-gap: 25px;
grid-row-gap: 25px;
cursor: pointer;
flex-flow: row-reverse;
justify-content: center;
align-items: center;
display: flex;
position: relative;
}
.collection-list-wrapper {
display: none;
}
.link-7 {
font-size: 20px;
font-weight: 600;
display: block;
}
.div-block-94 {
cursor: pointer;
position: relative;
}
.shape {
width: 100%;
position: absolute;
inset: -2% 0% auto;
}
.padding-top {
height: 150px;
}
.rich-text-block-6 {
border-radius: 32px;
overflow: hidden;
}
.shape-top {
pointer-events: none;
width: 100%;
position: absolute;
inset: -6% 0% auto;
}
.lottie-animation-6 {
width: 100%;
}
.bold-text-127 {
color: var(--bg2);
}
.div-block-95 {
display: flex;
}
.text-block-11 {
opacity: 0;
color: var(--bg2);
font-size: 19px;
font-weight: 700;
line-height: 1em;
}
.logo-header h5 {
color: var(--bg2);
font-size: 18px;
line-height: 1.3em;
}
.logo-header h1 {
font-size: 18px;
}
.text-block-11 h1 {
font-size: 17px;
}
.bold-text-128,
.bold-text-129 {
color: var(--text-color-white);
}
.bold-text-130 {
color: var(--button-text-color);
font-weight: 500;
}
.heading-17 {
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-family: DM Sans, sans-serif;
font-weight: 500;
}
.heading-17.black {
color: #000f08;
}
.pricing-section-2 {
background-color: #f2f4f3;
min-height: 100vh;
padding: 160px 40px;
}
.bold-text-157 {
color: #000f08;
font-weight: 600;
}
.paragraph-17 {
color: #ffffff80;
margin-bottom: 0;
font-weight: 300;
line-height: 21px;
}
.btn-text-5 {
color: #06111b;
font-size: 14px;
font-weight: 500;
line-height: 26px;
}
.slide-nav-12 {
display: none;
}
.card-pricing-4 {
background-color: #000f08;
border: 1px solid #eff0f6;
border-radius: 32px;
flex-direction: column;
height: 100%;
padding: 35px 40px 40px;
transition: height .2s;
display: flex;
position: relative;
overflow: hidden;
box-shadow: 1px 1px 12px #14142b14;
}
.div-block-114 {
grid-column-gap: 20px;
grid-row-gap: 20px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
align-items: stretch;
width: 100%;
height: 100%;
display: grid;
}
.div-block-114._2 {
grid-template-columns: 1fr 1fr;
width: 100%;
height: 100%;
margin-top: 0;
display: flex;
}
.div-block-113 {
position: relative;
}
.bold-text-150 {
color: #fffc;
font-weight: 600;
}
.div-block-112 {
justify-content: space-between;
align-items: flex-end;
margin-top: 0;
font-weight: 600;
display: flex;
}
.div-block-112._22 {
margin-bottom: 10px;
}
.bold-text-156 {
color: #fffc;
font-weight: 600;
}
.paragraph-18 {
color: #ffffffb3;
margin-bottom: 0;
}
.paragraph-18.black {
color: #06111b;
font-weight: 300;
}
.lottie-animation-9 {
height: 75px;
margin-right: -30px;
position: static;
right: 15px;
}
.icon-10 {
color: #00fff2;
font-size: 14px;
font-weight: 100;
inset: 5% -8% auto auto;
transform: rotate(-90deg);
}
.bold-text-149 {
color: #000f08;
font-weight: 600;
}
.bold-text-151,
.bold-text-155 {
color: #fffc;
font-weight: 600;
}
.pink-7 {
color: #dc2abe;
text-align: center;
text-transform: uppercase;
font-family: Trap, sans-serif;
font-weight: 400;
}
.dropdown-toggle-5 {
color: #06111b;
padding-left: 0;
padding-right: 30px;
font-size: 18px;
}
.dropdown-toggle-5.w--open {
color: #dc2abe;
}
.dropdown-toggle-5.pricingsss {
margin-left: 10px;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 10px;
font-weight: 400;
}
.sec-heading-4 {
color: #fff;
text-transform: uppercase;
margin-bottom: 0;
font-size: 38px;
font-weight: 600;
line-height: 43px;
}
.sec-heading-4.black {
color: #06111b;
margin-bottom: 0;
}
.sec-heading-4.black.center {
color: #06111b;
text-align: center;
font-weight: 600;
}
.bold-text-152 {
color: #fffc;
font-weight: 600;
}
.dropdown-link-5 {
color: #000f08;
white-space: nowrap;
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
font-size: 16px;
font-weight: 400;
line-height: 24px;
}
.pricing-slide-5 {
width: 100%;
margin-right: 4vw;
}
.heading-19 {
color: #fdfdfd;
margin-bottom: 0;
font-size: 32px;
font-weight: 600;
line-height: 35px;
}
.bold-text-154 {
color: #fffc;
font-weight: 600;
}
.div-block-110 {
margin-top: 140px;
}
.pricing-6 {
color: #fff;
margin-bottom: 18px;
font-size: 24px;
font-weight: 600;
line-height: 31px;
}
.bold-text-153 {
color: #fff;
}
.icon-11 {
margin-right: 0;
}
.image-92 {
width: 33px;
margin-top: 10px;
margin-bottom: auto;
}
.div-block-115 {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-direction: column;
align-items: center;
margin-bottom: 31px;
display: flex;
}
.div-block-115.align-left {
align-items: flex-start;
margin-bottom: 0;
}
.bold-text-158 {
color: #fffc;
}
.heading-20 {
color: #fdfdfd;
margin-bottom: 0;
font-size: 32px;
font-weight: 600;
line-height: 35px;
}
.bold-text-159 {
color: #fff;
font-weight: 600;
}
.services-btn-2 {
grid-column-gap: 14px;
grid-row-gap: 14px;
color: #06111b;
border-radius: 10px;
justify-content: flex-start;
align-items: center;
width: 100%;
padding: 5px 9px;
font-weight: 600;
display: flex;
}
.bold-text-160,
.bold-text-161 {
color: #fffc;
}
.pricing-7 {
color: #fff;
margin-bottom: 18px;
font-size: 24px;
font-weight: 600;
line-height: 31px;
}
.see-more-2 {
color: #06111b;
margin-right: 0;
}
.html-embed-7 {
z-index: 1;
position: absolute;
inset: 0% auto auto 0%;
}
.mask-6 {
width: 100%;
max-width: 350px;
overflow: visible;
}
.paragraph-19 {
color: #ffffff80;
margin-bottom: 0;
font-weight: 300;
line-height: 21px;
}
.dropdown-toggle-6 {
z-index: 1;
width: 100%;
padding: 0;
}
.div-block-117 {
grid-column-gap: 20px;
grid-row-gap: 20px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
align-items: stretch;
width: 100%;
height: 100%;
display: grid;
}
.icon-12 {
color: #06111b;
margin-right: 0;
}
.bold-text-162,
.bold-text-163 {
color: #fff;
font-weight: 600;
}
.div-block-118 {
justify-content: space-between;
align-items: flex-end;
margin-top: 0;
font-weight: 600;
display: flex;
}
.div-block-118._22 {
margin-bottom: 10px;
}
.btn-text-6 {
color: #06111b;
font-family: DM Sans, sans-serif;
font-size: 14px;
font-weight: 500;
line-height: 26px;
}
.slide-nav-13 {
display: none;
}
.bold-text-164 {
color: #fff;
font-weight: 600;
}
.bold-text-165,
.bold-text-166,
.bold-text-167,
.bold-text-168 {
color: #fffc;
}
.lottie-animation-10 {
height: 80px;
margin-top: -21px;
margin-right: -25px;
position: static;
right: 15px;
}
.bold-text-169 {
color: #fffc;
}
.tm-bg-3 {
background-color: #fff;
border-radius: 16px;
width: auto;
height: 12px;
margin-top: 10px;
position: relative;
overflow: hidden;
}
.bold-text-170 {
color: #fffc;
}
.bold-text-171 {
color: #fff;
font-weight: 600;
}
.bold-text-172 {
color: #fffc;
}
.pink-8 {
color: #dc2abe;
}
.bold-text-173 {
color: #fffc;
}
.bold-text-174 {
color: #fff;
font-weight: 600;
}
.padding-top-80px-3 {
width: 100%;
max-width: 370px;
height: 100%;
padding-top: 0;
}
.bold-text-175 {
color: #fffc;
}
.icon-13 {
color: #00fff2;
font-size: 14px;
font-weight: 100;
inset: 5% -8% auto auto;
transform: rotate(-90deg);
}
.lottie-animation-11 {
height: 80px;
margin-top: -15px;
margin-right: -40px;
position: static;
right: 15px;
}
.dropdown-link-6 {
color: #000f08;
white-space: nowrap;
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
font-family: DM Sans, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 24px;
}
.bold-text-176,
.bold-text-177 {
color: #fffc;
}
.slider-4 {
background-color: #ddd0;
height: auto;
display: none;
}
.card-pricing-5 {
background-color: #000f08;
border: 1px solid #eff0f6;
border-radius: 32px;
flex-direction: column;
height: auto;
padding: 35px 40px 40px;
transition: height .2s;
display: flex;
position: relative;
overflow: hidden;
box-shadow: 1px 1px 12px #14142b14;
}
.bold-text-178 {
color: #fffc;
}
.div-block-119 {
margin-top: 140px;
}
.heading-21 {
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-family: DM Sans, sans-serif;
font-weight: 500;
}
.heading-21.black {
color: #000f08;
}
.paragraph-20 {
color: #ffffff80;
margin-bottom: 0;
font-weight: 300;
line-height: 21px;
}
.heading-22 {
color: #fdfdfd;
margin-bottom: 0;
font-size: 32px;
font-weight: 600;
line-height: 35px;
}
.bold-text-179 {
color: #000f08;
font-weight: 600;
}
.card-pricing-6 {
background-color: #000f08;
border: 1px solid #eff0f6;
border-radius: 32px;
flex-direction: column;
height: 100%;
padding: 35px 40px 40px;
transition: height .2s;
display: flex;
position: relative;
overflow: hidden;
box-shadow: 1px 1px 12px #14142b14;
}
.bold-text-180 {
color: #fffc;
font-weight: 600;
}
.div-block-121 {
justify-content: space-between;
align-items: flex-end;
margin-top: 0;
font-weight: 600;
display: flex;
}
.div-block-121._22 {
margin-bottom: 10px;
}
.bold-text-181 {
color: #fffc;
font-weight: 600;
}
.image-93 {
width: 33px;
margin-top: 10px;
margin-bottom: auto;
}
.div-block-122 {
position: relative;
}
.bold-text-182 {
color: #fffc;
font-weight: 600;
}
.dropdown-link-7 {
color: #000f08;
white-space: nowrap;
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
font-size: 16px;
font-weight: 400;
line-height: 24px;
}
.div-block-123 {
grid-column-gap: 20px;
grid-row-gap: 20px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
align-items: stretch;
width: 100%;
height: 100%;
display: grid;
}
.div-block-123._2 {
grid-template-columns: 1fr 1fr;
width: 100%;
height: 100%;
margin-top: 0;
display: flex;
}
.bold-text-183 {
color: #fff;
}
.pink-9 {
color: #dc2abe;
text-align: center;
text-transform: uppercase;
font-family: Trap, sans-serif;
font-weight: 400;
}
.lottie-animation-12 {
height: 75px;
margin-right: -30px;
position: static;
right: 15px;
}
.bold-text-184 {
color: #fffc;
font-weight: 600;
}
.dropdown-toggle-7 {
color: #06111b;
padding-left: 0;
padding-right: 30px;
font-size: 18px;
}
.dropdown-toggle-7.w--open {
color: #dc2abe;
}
.dropdown-toggle-7.pricingsss {
margin-left: 10px;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 10px;
font-weight: 400;
}
.bold-text-185 {
color: #fffc;
font-weight: 600;
}
.slide-nav-14 {
display: none;
}
.bold-text-186 {
color: #fffc;
font-weight: 600;
}
.pricing-8 {
color: #fff;
margin-bottom: 18px;
font-size: 24px;
font-weight: 600;
line-height: 31px;
}
.bold-text-187 {
color: #000f08;
font-weight: 600;
}
.tm-bg-4 {
background-color: #ffc9f6;
border-radius: 16px;
width: auto;
height: 12px;
margin-top: 10px;
position: relative;
overflow: hidden;
}
.div-block-124 {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-direction: column;
align-items: center;
margin-bottom: 31px;
display: flex;
}
.div-block-124.align-left {
align-items: flex-start;
margin-bottom: 0;
}
.icon-14 {
color: #00fff2;
font-size: 14px;
font-weight: 100;
inset: 5% -8% auto auto;
transform: rotate(-90deg);
}
.sec-heading-5 {
color: #fff;
text-transform: uppercase;
margin-bottom: 0;
font-size: 38px;
font-weight: 600;
line-height: 43px;
}
.sec-heading-5.black {
color: #06111b;
margin-bottom: 0;
}
.sec-heading-5.black.center {
color: #06111b;
font-weight: 600;
}
.icon-15 {
margin-right: 0;
}
.pricing-slide-6 {
width: 100%;
margin-right: 4vw;
}
.paragraph-21 {
color: #ffffffb3;
margin-bottom: 0;
}
.paragraph-21.black {
color: #06111b;
font-weight: 300;
}
.bold-text-188,
.bold-text-189,
.bold-text-190 {
color: var(--white-71);
}
.bold-text-191,
.bold-text-192 {
color: var(--white-72);
}
@media screen and (min-width: 1280px) {
.container.mb-100 {
margin-bottom: -140px;
}
.section.banner.home {
height: auto;
}
.section.bg1.neg {
display: flex;
}
.banner-heading {
max-width: 1200px;
}
.section-sub-text.padding.white-7 {
font-size: 24px;
line-height: 33px;
}
.character-img.home {
margin-top: -180px;
}
.character-img.hero {
bottom: 10%;
}
.column {
padding-left: 0;
padding-right: 0;
}
.subheading {
font-size: 48px;
line-height: 50px;
}
.subheading.center.padding {
line-height: 48px;
}
.subheading.center.padding.heading2 {
max-width: 740px;
}
.subheading.black.center {
line-height: 54px;
}
.subheading._2 {
padding-right: 0;
}
.wrapper.two-copy {
padding-bottom: 250px;
}
.div-block-2 {
grid-column-gap: 107px;
grid-row-gap: 107px;
}
.list-wrapper {
padding-right: 20px;
}
.list-wrapper.second {
padding-right: 0;
}
.gradient-wrapper.round {
width: 266px;
height: 267px;
}
.gradient-wrapper.awardss {
height: 548px;
}
.star {
bottom: auto;
left: 0%;
right: auto;
}
.star._22 {
inset: 100% -3% auto auto;
}
.star.p {
left: 5%;
}
.div-block-6 {
padding-left: 0;
padding-right: 0;
}
.space {
bottom: auto;
right: auto;
}
.grid-item02._1 {
padding-left: 40px;
padding-right: 33px;
}
.grid-item02.white-bg {
width: 265px;
height: 265px;
padding: 35px 40px 15px;
}
.paragraph-2.navy {
font-size: 16px;
line-height: 21px;
}
.spacegrid {
grid-template-rows: auto;
grid-template-columns: .5fr 1fr 1fr 1fr;
margin-top: 75px;
}
.spacegrid._2 {
grid-template-columns: 1fr 1fr 1fr .5fr;
margin-top: 18px;
}
.spacegrid.home {
grid-template-columns: .75fr .5fr .5fr;
}
.bg {
height: 100%;
display: flex;
}
.bg._2 {
justify-content: center;
align-items: center;
height: 100%;
padding-left: 31px;
padding-right: 33px;
display: flex;
}
.bg._3.hover-animation {
height: 212px;
}
.box-text-big {
font-size: 48px;
font-weight: 700;
line-height: 48px;
}
.box-text-big.f {
font-size: 40px;
line-height: 53px;
}
.gradient-wrapper2 {
padding-left: 2px;
padding-right: 2px;
}
.gradient-wrapper2.new {
padding-top: 1px;
padding-left: 1px;
padding-right: 1px;
}
.slide {
margin-right: 20px;
}
.play-pause-button {
margin: auto;
inset: 0%;
}
.div-block-8 {
padding-right: 0;
}
.div-block-8._2 {
min-width: 662px;
}
.div-block-8._2._3 {
max-width: 57%;
}
.div-block-10._4 {
width: 634px;
height: 510px;
}
.absimg {
margin-right: -90px;
right: -4%;
}
.absimg._2 {
left: -9%;
}
.div-block-16.center {
margin-top: 110px;
}
.g-card {
padding-bottom: 120px;
}
.sec-heading {
font-size: 48px;
line-height: 53px;
}
.sec-heading.center {
line-height: 52px;
}
.sec-heading.pinlk-center {
color: var(--pink);
}
.sec-heading.black-center {
line-height: 53px;
}
.cards-wrap.mt-20 {
margin-top: 32px;
}
.div-block-21 {
grid-column-gap: 38px;
grid-row-gap: 38px;
}
.div-block-21._2 {
margin-top: 38px;
}
.div-block-25 {
margin-top: 78px;
}
.paragraph-5._20 {
font-size: 20px;
line-height: 26px;
}
.fmats {
justify-content: flex-start;
align-items: flex-start;
height: 100%;
padding-left: 48px;
padding-right: 48px;
display: flex;
}
.tab-img {
max-width: 565px;
}
.toggle-img {
left: 0%;
}
.work-icon._2 {
bottom: -9%;
}
.how-it-worksimg {
margin-top: -490px;
padding-left: 20px;
padding-right: 20px;
}
.paragraph-7._20.black {
font-size: 20px;
line-height: 26px;
}
.div-block-65 {
width: 100%;
max-width: 1200px;
}
.bold-text-73 {
color: var(--white-71);
}
.bold-text-86 {
color: var(--button-text-color);
}
.bold-text-87,
.bold-text-88,
.bold-text-89,
.bold-text-90 {
color: var(--text-color-white);
}
.image-56 {
left: -20%;
}
.image-57 {
top: -8%;
}
.lottie-animation-2 {
margin-right: -120px;
}
.div-block-8-6 {
width: 70%;
padding-right: 0;
}
.astronaut-2 {
position: absolute;
}
.pricing-slide-2 {
margin-right: 60px;
}
.div-block-114 {
grid-column-gap: 38px;
grid-row-gap: 38px;
}
.div-block-114._2 {
margin-top: 38px;
}
.sec-heading-4 {
font-size: 48px;
line-height: 53px;
}
.pricing-slide-5 {
margin-right: 60px;
}
.div-block-117,
.div-block-123 {
grid-column-gap: 38px;
grid-row-gap: 38px;
}
.div-block-123._2 {
margin-top: 38px;
}
.sec-heading-5 {
font-size: 48px;
line-height: 53px;
}
.pricing-slide-6 {
margin-right: 60px;
}
}
@media screen and (min-width: 1440px) {
.container {
max-width: 1200px;
}
.container.margin {
margin-top: 140px;
}
.section.banner.home {
align-items: center;
height: auto;
}
.section.banner.people {
align-items: center;
}
.section.footer {
background-position: 50% 0;
}
.wrap.circle,
.wrap.width-133px {
width: 80px;
height: 80px;
}
.banner-wrapper {
padding-top: 0;
}
.banner-heading {
font-size: 80px;
line-height: 80px;
}
.bannner-heading {
padding-left: 100px;
padding-right: 100px;
font-size: 80px;
line-height: 88px;
}
.bannner-heading.p-0 {
max-width: 1200px;
padding-left: 0;
padding-right: 0;
}
.bannner-heading.px-0 {
padding-left: 0;
padding-right: 0;
}
.bannner-heading.px-60 {
max-width: 1200px;
padding-left: 40px;
padding-right: 40px;
line-height: 80px;
}
.section-sub-text.padding {
padding-left: 188px;
padding-right: 188px;
}
.section-sub-text.padding.white.extra {
padding-left: 312px;
padding-right: 312px;
}
.section-sub-text._16-black.pricing-txt {
font-weight: 400;
line-height: 22px;
}
.character-img {
inset: auto auto 6% 5%;
}
.character-img.home {
max-width: 1440px;
}
.character-img.our-peopl {
min-height: 0;
margin-top: 50px;
padding-left: 20px;
padding-right: 20px;
}
.character-img.hero {
max-width: 1600px;
margin-left: auto;
margin-right: auto;
bottom: 7%;
left: auto;
}
.subheading.center {
text-align: center;
}
.vector-img-wrapper {
grid-column-gap: 170px;
grid-row-gap: 170px;
align-items: center;
display: flex;
}
.star._22 {
right: -3%;
}
.star.bottom {
left: -8%;
}
.div-block-6 {
padding-left: 0;
padding-right: 0;
}
.absimg {
margin-right: -90px;
right: -5%;
}
.absimg._2 {
margin-right: -90px;
left: -10%;
}
.featured.w {
margin-right: 24px;
}
.video-item.people {
margin-top: 0;
}
.g-card {
width: auto;
height: auto;
padding-bottom: 140px;
}
.g-card._2 {
width: auto;
height: auto;
}
.sec-heading.center {
text-align: center;
}
.marquee-content.scroll.reverse {
margin-left: 0;
}
.grid-three-columns.monthly {
grid-column-gap: 90px;
grid-row-gap: 90px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
}
.grid-three-columns.anually {
grid-column-gap: 92px;
grid-row-gap: 92px;
}
.grid-three-columns.anually.illustration-design {
grid-column-gap: 45px;
grid-row-gap: 45px;
}
.grid-three-columns.anually.landing-page-design,
.grid-three-columns.anually.ad-creative,
.grid-three-columns.anually.video-production,
.grid-three-columns.anually.ad-creative {
display: none;
}
.pricing {
color: var(--white-72);
}
.emoji-img {
top: -10%;
left: -6%;
}
.emoji-img._2 {
top: 1%;
right: -8%;
}
.team-slider-img {
margin-right: 43px;
}
.toggle-img {
top: -120px;
}
.slide-dots {
margin-top: 100px;
}
.work-icon._2 {
bottom: -9%;
}
.img-item.nh {
width: 693px;
height: 624px;
}
.grid-links,
.grid-links.neg,
.grid-links.full {
width: 100%;
}
.pricing-banner-img {
width: 1245px;
}
.how-it-worksimg {
margin-top: -550px;
}
.how-it-worksimg.desktop {
margin-top: -640px;
}
.client-slider-wrapper {
margin-top: 76px;
}
.client-sldier.home {
width: 100%;
}
.mask-4 {
width: 444px;
}
.our-people-slider {
margin-top: 76px;
}
.ourp-people-sl.home {
width: 100%;
}
.div-block-52.width {
max-width: 470px;
}
.flex--block.width {
max-width: 693px;
}
.tabs-menu-2 {
margin-right: 30%;
padding-left: 135px;
}
.bold-text-10,
.bold-text-11,
.bold-text-12 {
color: var(--white-72);
}
.embed {
display: none;
}
.bold-text-73 {
font-weight: 600;
}
.image-52 {
margin-left: -61px;
}
.image-53 {
margin-right: -61px;
}
.image-56 {
left: -23%;
}
.image-57 {
top: -5%;
right: -10%;
}
.image-58 {
left: -28%;
}
.separator-animation.bg-gray-8._4 {
top: -27%;
}
.image-61 {
width: 60vw;
}
.image-61._3 {
right: -800px;
}
.image-61._4 {
right: -720px;
}
.image-61-copy {
width: 60vw;
left: -730px;
}
.image-61-copy._3 {
left: -800px;
}
.image-61-copy._4 {
left: -740px;
}
.image-74 {
height: 100%;
max-height: 100vh;
margin-top: auto;
margin-bottom: auto;
}
.card-overlay {
width: auto;
height: auto;
}
.image-78.absolute._03 {
width: 80vw;
right: -310px;
}
.lottie-animation {
margin-left: -110px;
left: -4%;
}
.lottie-animation-2 {
margin-right: -110px;
right: -5%;
}
.lottie-animation-3,
.lottie-animation-4 {
margin-right: -30px;
}
.pricing-2 {
color: #fff;
}
.slider-2 {
padding-left: 180px;
}
.slider-2.mg-left-50px {
padding-left: 0;
}
.carousel-arrow-w.arrow-previous {
margin-right: 30px;
}
.swiper-wrapper {
grid-column-gap: 0px;
}
.swiper-slide {
width: auto;
}
.swiper-slide.width-auto {
max-width: none;
}
.lottie-animation-5 {
margin-right: -30px;
}
.pricing-slide-2 {
margin-right: 75px;
}
.pricing-3 {
color: #fff;
}
.lottie-animation-9 {
margin-right: -30px;
}
.pricing-slide-5 {
margin-right: 75px;
}
.pricing-6,
.pricing-7,
.bold-text-162,
.bold-text-163 {
color: #fff;
}
.lottie-animation-10 {
margin-right: -30px;
}
.bold-text-174 {
color: #fff;
}
.lottie-animation-11,
.lottie-animation-12 {
margin-right: -30px;
}
.pricing-8 {
color: #fff;
}
.pricing-slide-6 {
margin-right: 75px;
}
}
@media screen and (min-width: 1920px) {
.navbar {
padding-top: 2px;
padding-bottom: 2px;
position: absolute;
inset: 0% 0% auto;
}
.section.banner.home {
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
}
.section.banner.people {
align-items: center;
}
.section.bg2.grid-sec.pb-50 {
background-image: none;
}
.banner-wrapper {
padding-top: 0;
}
.pink {
color: #dc2abe;
font-weight: 400;
}
.bannner-heading {
margin-top: 0;
}
.bannner-heading.left.px-0 {
font-weight: 600;
}
.section-sub-text.padding {
padding-left: 180px;
padding-right: 180px;
}
.section-sub-text.padding.white.extra {
padding-left: 300px;
padding-right: 300px;
}
.section-sub-text._16-white.left {
margin-bottom: 0;
}
.get-started {
box-shadow: 0 0 20px #00fff299;
}
.character-img {
width: 35%;
max-width: 35%;
inset: auto auto -3% 3%;
}
.character-img.home {
max-width: 1440px;
}
.character-img.our-peopl {
width: 100%;
min-height: 0;
padding-left: 0;
padding-right: 0;
}
.character-img.hero {
width: 100%;
max-width: 1600px;
margin-left: auto;
margin-right: auto;
bottom: 5%;
left: auto;
}
.vector-img-wrapper {
grid-column-gap: 250px;
grid-row-gap: 250px;
width: auto;
}
.wrapper.three {
padding-top: 140px;
}
.wrapper.winning-talent {
min-height: 130vh;
}
.list-wrapper._2 {
width: 100%;
}
.star {
top: -30%;
left: 5%;
}
.div-block-6 {
flex-direction: column;
justify-content: center;
align-items: center;
display: block;
}
.white-bold {
color: var(--white-71);
font-weight: 700;
}
.space {
left: 2%;
}
.texts {
color: var(--white-71);
}
.texts.black {
color: var(--bg-new-color);
}
.box-text-big {
line-height: 48px;
}
.box-text-big.f {
font-size: 40px;
font-weight: 500;
}
.div-block-8 {
margin-top: 20px;
}
.div-block-8._2._3 {
min-width: 700px;
max-width: 100%;
}
.flexhorizontal.nm {
align-items: center;
}
.absimg {
max-width: 18vw;
margin-right: 0;
right: -3%;
}
.absimg._2 {
max-width: 20vw;
margin-top: 0;
margin-left: 0;
margin-right: 0;
left: -5%;
}
.heading-4-white {
color: var(--white-71);
}
.featured {
object-fit: contain;
height: 83px;
}
.featured._2 {
width: 3px;
height: 73px;
}
.div-block-17 {
align-items: center;
}
.g-card {
padding-bottom: 140px;
}
.grid_imgg.h-34 {
min-height: 344px;
}
.sec-heading {
color: var(--white-71);
margin-top: 0;
}
.sec-heading.pinlk-center {
margin-top: 0;
}
.card-pricing {
min-width: 340px;
overflow: hidden;
}
.slide-container.old.h {
padding-bottom: 66px;
}
.paragraph-5._20 {
color: #fff;
}
.div-block-26.list {
grid-column-gap: 16px;
grid-row-gap: 16px;
}
.image-30 {
left: -20px;
}
.image-30._2 {
right: -60px;
}
.div-block-30 {
grid-column-gap: 10px;
grid-row-gap: 10px;
}
.div-block-30.m {
grid-column-gap: 20px;
grid-row-gap: 20px;
}
.span {
font-weight: 500;
}
.fmots {
position: relative;
}
.tab-link {
font-weight: 400;
}
.content-wrrapper-tabs {
grid-column-gap: 163px;
grid-row-gap: 163px;
justify-content: center;
}
.fmats {
padding: 48px;
}
.tab-img {
width: 100%;
max-width: 565px;
margin-left: 0;
}
.tabs-content {
margin-top: 105px;
}
.tabs {
margin-top: 56px;
}
.div-block-32.z-9 {
padding-top: 10px;
}
.card-body,
.paragraph-6 {
color: var(--white-71);
}
.future-des {
width: 100%;
}
.award-grid {
padding-bottom: 10px;
}
.image-35 {
z-index: 15;
}
.work-icon._2 {
right: -4%;
}
.pricing-banner-img {
width: 75%;
padding-left: 55px;
padding-right: 55px;
top: 33%;
}
.how-it-worksimg {
padding-left: 0;
padding-right: 0;
}
.typedjs-cursor.heading-small {
font-weight: 500;
}
.tabs-menu-2 {
padding-left: 0;
}
.link-tabs {
overflow: hidden;
}
.link-tabs:active {
background-color: var(--bg-new-color);
overflow: hidden;
}
.tabs-sec-1.container.ml-0 {
max-width: 1300px;
}
.nav-list {
justify-content: flex-start;
}
.play-pause-button-4,
.play-pause-button-5,
.play-pause-button-6 {
display: none;
}
.image-54 {
margin-left: 0;
top: -100%;
left: 20%;
}
.image-55 {
margin-bottom: 0;
right: 20%;
}
.separator-animation.bg-gray-8._4 {
top: -28%;
}
.image-61 {
object-fit: cover;
height: 100%;
right: -700px;
}
.image-61._2 {
z-index: 0;
right: -615px;
}
.image-61._2.three {
right: -755px;
}
.image-61._3 {
right: -820px;
}
.image-61._61 {
right: -680px;
}
.image-61._4,
.image-61._7 {
right: -700px;
}
.image-61.d-2 {
right: -800px;
}
.image-61-copy {
object-fit: cover;
height: 100%;
top: 0%;
bottom: 0%;
right: auto;
}
.image-61-copy._2 {
z-index: 0;
left: -640px;
}
.image-61-copy._2.three {
left: -780px;
}
.image-61-copy._3 {
left: -840px;
}
.image-61-copy._4 {
left: -720px;
}
.image-61-copy.d-2 {
left: -800px;
}
.image-78 {
min-width: 634px;
margin-left: -20%;
}
.image-78.absolute._03 {
min-width: auto;
max-width: 1600px;
right: -600px;
}
.lottie-animation {
left: -4%;
}
.lottie-animation-2 {
right: -5%;
}
.heading-8 {
text-align: center;
margin-left: auto;
margin-right: auto;
}
.div-block-8-6 {
margin-top: 20px;
}
.tabs-sec-2 {
flex-direction: column;
justify-content: center;
width: 100%;
min-height: 100vh;
display: flex;
}
.card-pricing-2 {
overflow: hidden;
}
.white-bold-2 {
color: #fff;
font-weight: 700;
}
.slider-2 {
width: 100%;
max-width: 1680px;
margin-bottom: 200px;
padding-left: 130px;
}
.slider-2.mg-left-50px {
max-width: none;
margin-bottom: 0;
padding-left: 0;
padding-right: 20px;
}
.swiper-wrapper {
padding-right: 0;
}
.swiper-slide {
width: 30rem;
}
.carousel-arrows {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: flex;
}
.pricing-slide-2 {
margin-right: 85px;
}
.card-pricing-3,
.card-pricing-4 {
min-width: 340px;
overflow: hidden;
}
.pink-7 {
color: #dc2abe;
font-weight: 400;
}
.sec-heading-4 {
color: #fff;
margin-top: 0;
}
.pricing-slide-5 {
margin-right: 85px;
}
.card-pricing-5,
.card-pricing-6 {
min-width: 340px;
overflow: hidden;
}
.pink-9 {
color: #dc2abe;
font-weight: 400;
}
.sec-heading-5 {
color: #fff;
margin-top: 0;
}
.pricing-slide-6 {
margin-right: 85px;
}
}
@media screen and (max-width: 991px) {
.logo-text {
font-size: 24px;
}
.navbar {
z-index: 99;
padding-top: 32px;
}
.navbar.fixed {
z-index: 9999;
background-color: #0000;
padding-top: 0;
padding-bottom: 0;
position: absolute;
}
.container.margin {
margin-top: 60px;
}
.container.margin.more {
margin-top: 0;
margin-bottom: 60px;
}
.container.padding {
padding-left: 60px;
padding-right: 60px;
}
.container.padding.margin-bottom.rltv {
margin-bottom: 100px;
}
.container.mb-100 {
max-width: 400px;
margin-bottom: 0;
}
.nav-wrapper {
grid-column-gap: 50px;
grid-row-gap: 50px;
width: 100%;
height: 100%;
padding-left: 0;
padding-right: 0;
}
.button-text {
font-size: 13px;
}
.button.normal {
margin-top: 100px;
}
.button.desk {
display: none;
}
.button.desk.mg-side,
.button.desk.width,
.button.mobile {
display: block;
}
.button.mobile.active-page {
position: static;
}
.button.mobile.active-page.link-5 {
text-decoration: none;
}
.section.banner {
padding-bottom: 0;
}
.section.banner.home {
padding-bottom: 140px;
}
.section.banner.people {
padding-top: 100px;
padding-bottom: 100px;
}
.section.banner._3 {
justify-content: flex-start;
}
.section._2 {
margin-top: 0;
padding-top: 0;
}
.section.animated {
margin-top: 0;
}
.section.footer {
padding-top: 60px;
}
.section.banner-work {
padding-bottom: 181px;
}
.section.banner-work.pb-60 {
padding-bottom: 100px;
}
.section.bg1.neg {
padding-top: 60px;
}
.section.bg2.grid-sec {
padding: 60px 15px 100px;
}
.section.bg2.grid-sec.pb-50 {
padding-top: 60px;
padding-bottom: 160px;
}
.section.bg2.faq {
padding-top: 40px;
padding-bottom: 100px;
}
.section.bg2.description {
padding: 60px 15px 180px;
}
.section.bg3.less-margin {
margin-top: 0;
}
.section.people-new {
margin-top: 0;
padding-top: 40px;
}
.section.project-page {
padding: 20px 15px 100px;
}
.section.project-wrapper {
background-color: var(--background-color);
padding-left: 15px;
padding-right: 15px;
}
.section.slider-wrapp {
padding-top: 0;
padding-bottom: 140px;
}
.section.priccing-wrap {
padding-top: 140px;
}
.pager-wrappper {
padding-top: 0;
}
.nav-link {
color: var(--text-color-white);
font-size: 13px;
}
.nav-menu {
z-index: 5;
background-color: #0000;
justify-content: flex-start;
width: 100vw;
height: 100vh;
margin-top: -32px;
margin-left: -15px;
margin-right: 0;
display: none;
inset: 0 auto auto;
}
.nav-menu._2 {
background-color: #000;
justify-content: center;
align-items: center;
width: 100%;
position: absolute;
}
.wrap {
padding: 12px 24px;
}
.active {
width: 15px;
margin-top: 2px;
top: auto;
bottom: auto;
left: 12%;
}
.banner-wrapper.relative.work {
margin-top: 100px;
padding-top: 100px;
padding-left: 15px;
padding-right: 15px;
}
.banner-heading {
font-size: 42px;
line-height: 48px;
}
.bannner-heading {
max-width: 760px;
padding-left: 60px;
padding-right: 60px;
font-size: 42px;
line-height: 48px;
}
.bannner-heading.left.px-0 {
padding-left: 0;
padding-right: 0;
}
.section-sub-text.padding.white._2 {
padding-left: 100px;
padding-right: 100px;
}
.section-sub-text.padding.white._2.b {
padding-left: 0;
padding-right: 0;
}
.section-sub-text.padding.white._2.more-spcaing {
margin-top: 20px;
padding-left: 0;
padding-right: 0;
}
.section-sub-text.padding.white.extra {
padding-left: 140px;
padding-right: 140px;
font-size: 18px;
line-height: 26px;
}
.section-sub-text.padding._16 {
margin-top: 10px;
padding-left: 40px;
padding-right: 40px;
}
.section-sub-text.padding.white-7 {
padding-left: 60px;
padding-right: 60px;
}
.section-sub-text._16-white {
font-size: 20px;
line-height: 24px;
}
.section-sub-text._16-white.left.padding-right {
padding-right: 60px;
}
.section-sub-text._16-black.pricing-txt {
width: 100%;
}
.get-staretd-wrapper {
padding: 14px 24px;
}
.character-img {
width: 34%;
bottom: 10%;
}
.character-img.home {
margin-top: -120px;
}
.character-img.our-peopl {
margin-top: 100px;
top: 55%;
}
.character-img.hero {
width: 100%;
bottom: 15%;
}
._2-columns {
flex-direction: column;
align-items: flex-start;
margin-top: 60px;
}
.column {
flex-direction: column;
align-items: flex-start;
max-width: 405px;
padding-top: 0;
padding-bottom: 0;
}
.subheading {
font-size: 30px;
line-height: 36px;
}
.subheading.center.padding {
margin-top: 0;
margin-left: auto;
margin-right: auto;
padding-left: 140px;
padding-right: 140px;
}
.subheading.center.padding.heading2 {
max-width: 490px;
margin-bottom: 20px;
padding-left: 0;
padding-right: 0;
line-height: 36px;
}
.subheading.black.center {
line-height: 38px;
}
.subheading._2 {
text-align: center;
}
.wrapper.one {
height: auto;
padding-top: 100px;
padding-bottom: 220px;
}
.wrapper.one.h {
padding-top: 100px;
}
.wrapper.one.bg-gray1 {
padding-top: 0;
padding-bottom: 100px;
}
.wrapper.two {
height: auto;
padding-top: 60px;
padding-bottom: 140px;
}
.wrapper.three {
padding-top: 100px;
padding-bottom: 100px;
}
.wrapper.three.lm {
padding-top: 40px;
padding-bottom: 160px;
}
.wrapper.three.lm.pb-0 {
padding-top: 60px;
}
.wrapper.one-copy {
padding-top: 40px;
padding-bottom: 160px;
}
.wrapper.one-copy.lm {
padding-top: 20px;
padding-bottom: 100px;
}
.wrapper.two-copy.m {
padding-top: 60px;
padding-bottom: 140px;
}
.wrapper.two-copy.m.wrapper-separator {
padding-top: 60px;
padding-bottom: 0;
}
.wrapper.winning-talent {
min-height: 100vh;
padding-top: 0;
}
.wrapper.white-big {
height: auto;
padding-top: 100px;
}
.wrapper.caas-model {
padding-top: 100px;
}
.wrapper.caas-model.nooverflow.pt-35 {
padding-top: 60px;
padding-bottom: 140px;
padding-right: 0;
}
.wrapper.caas-model.nooverflow.pt-35.wrapper-separator {
padding-top: 60px;
}
.wrapper.meet-out-client {
padding-top: 117px;
padding-bottom: 117px;
}
.wrapper.meet-out-client._2 {
padding-top: 60px;
padding-bottom: 160px;
}
.div-block-2 {
grid-column-gap: 45px;
grid-row-gap: 45px;
margin-top: 40px;
}
.videowrapper {
width: 400px;
height: 500px;
}
.div-block-3 {
grid-column-gap: 15px;
grid-row-gap: 15px;
}
.div-block-3.grid-li {
grid-column-gap: 12px;
grid-row-gap: 12px;
}
.grid {
grid-template-columns: 1fr;
}
.grid.max-w {
max-width: 389px;
margin-left: auto;
margin-right: auto;
}
.grid-item._3 {
padding-left: 20px;
}
.heading {
font-size: 16px;
}
.div-block-5 {
margin-bottom: 0;
}
.div-block-5.top {
max-width: 220px;
height: auto;
}
.div-block-5.top.h {
height: auto;
}
.div-block-5.left {
flex-direction: row;
align-items: flex-start;
margin-bottom: 31px;
}
.div-block-5.bottom-left {
max-width: 220px;
height: auto;
}
.div-block-5.bottom-left.h {
height: auto;
}
.div-block-5.bottom-right {
max-width: 220px;
height: auto;
margin-bottom: 0;
}
.div-block-5.bottom-right.h {
height: auto;
}
.image-4 {
margin-top: 0;
margin-bottom: auto;
}
.gradient-wrapper {
background-image: radial-gradient(circle at 90% 0, #dc2abe99, #00fff259 55%);
}
.gradient-wrapper.round {
width: 100%;
}
.gradient-wrapper.awardss {
border-radius: 22px;
width: 33.3%;
}
.star {
top: -10%;
left: 3%;
}
.star._22 {
top: 100%;
right: -4%;
}
.star.bottom {
left: -8%;
}
.star.p-copy {
max-width: 150px;
top: -10%;
right: 5%;
}
.div-block-6._2,
.div-block-6._2-copy {
margin-top: 100px;
}
.heading-wrapper.pricing {
padding-top: 220px;
}
.heading-wrapper.flex {
align-items: center;
width: 100%;
padding-left: 0;
}
.space {
bottom: -30%;
}
.space._2 {
max-width: 120px;
top: 0;
right: 3%;
}
.space.home {
left: 10%;
right: auto;
}
.space._3 {
bottom: 0%;
}
.grid-2 {
grid-column-gap: 30px;
grid-row-gap: 120px;
flex-wrap: nowrap;
grid-template-rows: auto auto;
grid-template-columns: 3.25fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
margin-top: 100px;
display: grid;
}
.grid-2.model {
grid-column-gap: 8px;
grid-row-gap: 8px;
grid-template-columns: 1fr 1fr 1fr 1fr;
padding-top: 180px;
display: flex;
}
.grid-item02 {
width: 215px;
height: 215px;
padding-left: 27px;
padding-right: 17px;
}
.grid-item02._1 {
width: 320px;
margin-right: 0;
padding-left: 22px;
padding-right: 22px;
}
.grid-item02.white-bg {
padding-top: 60px;
padding-bottom: 3rem;
padding-right: 2rem;
}
.paragraph-2 {
font-size: 18px;
line-height: 22px;
}
.paragraph-2.navy {
font-size: 18px;
line-height: 20px;
}
.image-ex._3._2 {
top: -25%;
}
.equationicon {
margin-bottom: 0;
}
.heading-2 {
font-size: 18px;
}
.spacegrid._2 {
justify-content: flex-start;
align-items: center;
width: 100%;
min-width: 1200px;
margin-top: 0;
padding-right: 10px;
display: flex;
}
.spacegrid.home {
grid-template-columns: .75fr .5fr;
justify-content: flex-start;
align-items: center;
width: 100%;
min-width: 1000px;
margin-left: auto;
margin-right: auto;
padding-right: 10px;
display: flex;
}
.bg {
width: 100%;
max-width: 400px;
height: 195px;
padding-left: 24px;
}
.bg._2 {
width: 33.3%;
padding-top: 40px;
padding-left: 60px;
padding-right: 60px;
}
.bg._2.new-color {
height: 195px;
padding-left: 20px;
padding-right: 20px;
}
.bg._3,
.bg._1 {
width: 33.3%;
padding-left: 20px;
padding-right: 20px;
}
.bg._1.hover-animation {
padding-right: 80px;
}
.texts {
max-width: 320px;
font-size: 16px;
line-height: 22px;
}
.box-text-big {
font-size: 32px;
line-height: 32px;
}
.box-text-big.f {
font-size: 30px;
line-height: 30px;
}
.gradient-wrapper2.new {
background-image: none;
}
.div-block-8 {
width: 100%;
min-width: 356px;
max-width: 600px;
padding-right: 20px;
}
.div-block-8._2._3 {
z-index: 1;
width: 100%;
max-width: 70%;
position: relative;
}
.flexhorizontal {
grid-column-gap: 40px;
grid-row-gap: 40px;
margin-top: 60px;
}
.flexhorizontal.nm {
flex-wrap: wrap;
}
.div-block-10._4 {
width: 100%;
height: auto;
}
.flex {
flex-wrap: nowrap;
margin-top: 0;
padding-left: 148px;
padding-right: 148px;
}
.absimg {
width: auto;
max-width: 270px;
height: auto;
min-height: 0;
margin-right: -70px;
inset: auto 0% -22% auto;
}
.absimg._2 {
width: auto;
max-width: 300px;
height: auto;
min-height: 0;
margin-left: -112px;
inset: 35% auto auto 0%;
}
.footerwrapper {
margin-top: 100px;
}
.footergrid {
grid-column-gap: 40px;
grid-row-gap: 40px;
flex-wrap: wrap;
grid-template-columns: .75fr .5fr 1fr;
display: flex;
}
.footergrid.pb-40 {
padding-top: 40px;
}
.footer-mail {
width: 60%;
}
.submit-button-wrapper {
width: 110px;
}
.div-block-12 {
margin-top: 40px;
}
.div-block-13 {
margin-top: 0;
}
.burger-1 {
grid-column-gap: 4px;
grid-row-gap: 4px;
background-color: #0000;
width: 40px;
height: 40px;
}
.b1-bar1 {
background-color: var(--pink);
border-radius: 10px;
width: 25px;
height: 3px;
}
.b1-bar2 {
background-color: var(--pink);
}
.b1-bar3 {
background-color: var(--pink);
border-radius: 10px;
width: 25px;
height: 3px;
}
.menu-button {
z-index: 12;
padding: 0;
display: block;
}
.menu-button.w--open {
background-color: #0000;
}
.menu-button.right {
margin-left: auto;
}
.brand {
z-index: 12;
}
.div-block-16.center {
grid-column-gap: 32px;
grid-row-gap: 32px;
flex-wrap: wrap;
}
.heading-4-white {
margin-left: auto;
margin-right: auto;
font-size: 18px;
line-height: 24px;
}
.featured._2 {
margin-top: -65px;
margin-left: 0;
margin-right: 0;
position: absolute;
left: 50%;
transform: translate(-50%)rotate(90deg);
}
.featured.w {
width: 63px;
height: 63px;
margin-right: 10px;
}
.featured.absolute {
margin-bottom: 100px;
margin-left: 0;
margin-right: 0;
position: absolute;
left: 50%;
transform: translate(-50%)rotate(90deg);
}
.featured.absolute.line {
margin-top: 0;
}
.div-block-17 {
grid-column-gap: 10px;
grid-row-gap: 10px;
justify-content: center;
align-items: center;
width: 100%;
margin-top: 40px;
position: relative;
}
.section-heading-wrapper {
max-width: 600px;
margin-left: auto;
margin-right: auto;
}
.section-heading-wrapper.widht {
max-width: 500px;
margin-bottom: 60px;
}
.video-item.nh {
border-radius: 22px;
}
.video-item.people {
width: 100%;
}
.video-item.homepage {
margin-top: 100px;
padding-left: 15px;
padding-right: 15px;
}
.video-item.margin-top {
margin-top: 60px;
}
.video-item.dynamic-video-wrap {
width: 100%;
}
.video {
border-radius: 22px;
}
.dropwon-wrapper {
justify-content: center;
}
.dropdown-list.w--open {
width: auto;
min-width: 240px;
}
.services-btn,
.dropdown-link {
width: 100%;
}
.dropdown.pricingsss {
z-index: 9;
margin-bottom: 0;
margin-left: 0;
}
.grid-wrapper {
grid-column-gap: 20px;
grid-row-gap: 20px;
margin-top: 20px;
}
.grid-wrapper._1 {
grid-column-gap: 20px;
grid-row-gap: 20px;
grid-template-columns: 1.5fr 1fr;
}
.grid-wrapper._1-copy {
grid-column-gap: 20px;
grid-row-gap: 20px;
grid-template-columns: 1fr 1fr;
}
.g-card {
justify-content: center;
height: 300px;
padding-bottom: 24px;
padding-left: 24px;
padding-right: 24px;
}
.g-card._2 {
padding-bottom: 60px;
padding-right: 32px;
}
.text-block-2 {
margin-bottom: 0;
}
.heading-6 {
font-size: 20px;
line-height: 26px;
overflow: visible;
}
.heading-6._2 {
line-height: 34px;
}
.p-text {
font-size: 14px;
overflow: visible;
}
.grid_imgg {
border-radius: 22px;
}
.sec-heading {
font-size: 30px;
line-height: 33px;
}
.sec-heading.center {
line-height: 38px;
}
.sec-heading.black.center {
padding-right: 15px;
line-height: 42px;
}
.sec-heading.black-center {
margin-bottom: 24px;
}
.cloneable-container-default.center {
max-width: 700px;
margin-left: auto;
margin-right: auto;
padding-left: 15px;
padding-right: 15px;
}
.cloneable-container-default.center._02 {
max-width: 100%;
}
.grid-three-columns {
grid-template-columns: 1fr;
}
.grid-three-columns.monthly {
grid-column-gap: 30px;
grid-row-gap: 30px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
}
.grid-three-columns.anually {
grid-column-gap: 32px;
grid-row-gap: 32px;
grid-template-columns: 1fr;
}
.grid-three-columns.anually.illustration-design.eventslider {
justify-content: flex-start;
align-items: flex-start;
}
.padding-top-80px {
margin-right: 30px;
padding-top: 0;
}
.content-pricig-table {
max-width: 100%;
margin-top: 20px;
margin-left: auto;
margin-right: auto;
}
.cards-wrap {
overflow: auto;
}
.cards-wrap.mt-20 {
margin-top: 20px;
}
.feature-grid._3f {
padding: 30px 20px;
}
.feature-grid._3f._2.pinkbg {
align-items: center;
padding-top: 24px;
padding-bottom: 24px;
}
.feature-grid._3f._2.paste-bg {
justify-content: flex-start;
padding-top: 24px;
padding-bottom: 24px;
}
.div-block-21 {
min-width: 1000px;
}
.div-block-22 {
width: 100%;
}
.inner-swipe {
display: none;
}
.content-wrapper.videos.rltv {
min-height: 586px;
}
.slide-container.whitee.relative {
padding-bottom: 220px;
}
.div-block-23 {
height: auto;
min-height: 290px;
padding-bottom: 30px;
}
.text-block-4._2 {
font-size: 16px;
line-height: 24px;
}
.testimonialimg.videos {
height: 740px;
padding-bottom: 0;
}
.testimonialimg.videos.pricing-new--people2,
.testimonialimg.videos.pricing-new--people3 {
height: 586px;
}
.testimonialimg.hussainn {
height: 740px;
}
.testimonialimg.ruka {
height: 450px;
}
.testimonialimg.people-new._01 {
height: 440px;
}
.testimonialimg.people-new-3 {
height: 390px;
}
.testimonialimg.pricing-new--people,
.testimonialimg.pricing-new--people3,
.testimonialimg.pricing-new--people4 {
height: 280px;
}
.image-28 {
bottom: 6%;
}
.div-block-24 {
max-width: 400px;
}
.accordion-wrapper {
padding-left: 15px;
padding-right: 15px;
}
.div-block-25 {
grid-column-gap: 32px;
}
.emoji-img {
max-width: 60px;
height: 60px;
top: -2%;
left: 0%;
}
.emoji-img._2 {
max-width: 60px;
height: 60px;
top: 10%;
right: 3%;
}
.profile-wrapper {
grid-column-gap: 20px;
grid-row-gap: 20px;
margin-top: 60px;
}
.space--peopl {
bottom: -64%;
}
.div-block-28 {
margin-top: 100px;
}
.team-slider-img {
max-width: 49%;
margin-right: 20px;
}
.div-block-30 {
grid-column-gap: 20px;
grid-row-gap: 20px;
justify-content: center;
}
.approach-wrapper {
margin-top: 60px;
}
.image-33 {
max-width: 40%;
}
.approach-grd {
justify-content: center;
display: flex;
top: 4%;
}
.approach-grd._2 {
justify-content: flex-end;
display: flex;
}
.approach-grd._3 {
justify-content: flex-start;
}
.approach-grd._4 {
bottom: 5%;
left: 2%;
}
.approach-grd._5 {
bottom: 5%;
right: 0%;
}
.span {
font-size: 24px;
line-height: 34px;
}
.fmots {
margin-top: 100px;
}
.tabs-menu {
flex-wrap: wrap;
}
.tab-link {
padding-left: 15px;
padding-right: 15px;
font-size: 16px;
}
.tab-link.bg-pink,
.tab-link.pink-text {
padding-left: 15px;
padding-right: 15px;
}
.content-wrrapper-tabs {
grid-column-gap: 40px;
grid-row-gap: 40px;
flex-direction: column-reverse;
}
.fmats {
padding-left: 24px;
}
.tabs-content {
margin-top: 60px;
}
.tabs {
margin-top: 40px;
}
.div-block-32 {
margin-top: 100px;
}
.card-body {
width: 100%;
}
.div-block-33 {
max-width: 600px;
margin-top: 140px;
margin-left: auto;
margin-right: auto;
}
.future-des {
grid-column-gap: 40px;
grid-row-gap: 40px;
flex-wrap: wrap;
margin-top: 100px;
}
.award-grid {
grid-column-gap: 20px;
grid-row-gap: 20px;
grid-template-columns: 1fr 1fr;
min-width: 1100px;
display: flex;
}
.card-home {
border-radius: 22px;
}
.image-35 {
margin-top: 40px;
margin-right: 10px;
}
.footerline {
margin-bottom: 30px;
}
.toggle-img {
max-width: 120px;
}
.toggle-img._2 {
max-width: 100px;
right: 0%;
}
.our-work-banner {
grid-column-gap: 32px;
grid-row-gap: 32px;
align-items: flex-start;
width: 100%;
}
.sub-heading.margin {
font-size: 14px;
line-height: 20px;
}
.sub-heading.center.how-it-works {
padding-left: 100px;
padding-right: 100px;
font-size: 18px;
line-height: 24px;
}
.featured-wrap {
flex-wrap: wrap;
width: 100%;
margin-top: 60px;
}
.work-slider-wrapper {
margin-left: -15px;
}
.slide-dots {
margin-top: 88px;
top: 330px;
}
.text-block-6.n {
margin-top: 20px;
}
.work-icon {
max-width: 120px;
top: 18%;
left: 0;
}
.work-icon._2 {
max-width: 100px;
bottom: -16%;
right: -1%;
}
.project-banner0img {
height: 475px;
}
.description-flexbox {
grid-column-gap: 40px;
grid-row-gap: 40px;
}
.project-imgs {
height: 475px;
}
.grid-links._w-auto {
height: auto;
min-height: 524px;
}
.grid-links.outline {
outline-color: var(--pink);
outline-offset: 0px;
outline-width: 1px;
outline-style: solid;
}
.container-2 {
padding-left: 3em;
padding-right: 3em;
}
.absolute-wrapp {
width: 100%;
height: 100%;
}
.pricing-banner-img {
top: 27%;
}
.how-it-worksimg {
margin-top: -300px;
padding-left: 15px;
padding-right: 15px;
}
.how-it-worksimg.desktop {
margin-top: -280px;
display: block;
}
.how-it-worksimg.mobile {
margin-top: -60px;
padding-left: 20px;
padding-right: 20px;
display: block;
}
.image-38 {
padding-left: 0;
padding-right: 0;
}
.div-block-45 {
width: 60%;
}
.button-animation {
white-space: nowrap;
}
.hours-dropdown,
.dropdown-toggle-2 {
z-index: 5;
}
.icon-2 {
right: -4%;
}
.dp-list-wrapper {
grid-column-gap: 16px;
grid-row-gap: 16px;
}
.dp-list-wrapper.n {
grid-column-gap: 16px;
grid-row-gap: 16px;
margin-right: 0;
}
.dp-list-wrapper.pb-24 {
padding-bottom: 24px;
}
.dp-wraap {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-direction: column;
height: 100%;
max-height: 500px;
}
.typedjs-wrapper {
margin-top: 0;
}
.typedjs-cursor.heading-small {
font-size: 24px;
line-height: 28px;
}
.marquee_item-snap {
max-width: 500px;
}
.div-block-47 {
grid-column-gap: 15px;
grid-row-gap: 15px;
}
.paragraph-7._20 {
font-size: 14px;
line-height: 28px;
}
.client-slider-wrapper {
margin-top: 140px;
}
.client-slider-items {
width: 360px;
height: 100%;
min-height: 586px;
max-height: 586px;
margin-right: 20px;
}
.client-slider-items.home {
width: 360px;
margin-right: 22px;
}
.mask-4 {
width: 100%;
}
.our-people-slider {
padding-left: 15px;
}
.line {
width: 100%;
}
.div-block-51 {
margin-top: 100px;
padding-left: 15px;
}
.footer-sub-text._16-white.left.padding-right {
padding-right: 60px;
}
.div-block-52,
.flex--block {
grid-column-gap: 20px;
grid-row-gap: 20px;
}
.work-tabs {
margin-top: 60px;
}
.tabs-content-2 {
width: 100%;
padding-bottom: 100px;
}
.tabs-menu-2 {
align-items: flex-start;
margin-left: auto;
margin-right: auto;
padding-left: 0;
}
.image-42 {
max-width: 400px;
}
.image-42._2 {
max-width: 300px;
}
.tabs-sec-1 {
justify-content: center;
width: 100%;
max-width: 900px;
}
.tabs-sec-1.container.ml-0 {
justify-content: space-between;
padding-bottom: 60px;
}
.div-block-54 {
margin-top: 60px;
}
.embed {
margin-top: -8px;
}
.section-3 {
background-color: #e8e8e8;
padding-bottom: 160px;
}
.nav-list {
grid-column-gap: 20px;
grid-row-gap: 20px;
background-color: var(--black);
flex-direction: column;
align-items: center;
width: 100vw;
height: 100%;
margin-left: 0;
padding: 20px 24px;
position: absolute;
top: 0;
left: auto;
right: 0;
}
.div-block-59 {
padding-left: 10px;
padding-right: 10px;
}
.destination-overlay {
width: 100%;
padding-bottom: 16px;
padding-left: 15px;
}
.image-50 {
width: 30px;
}
.div-block-64 {
max-width: 600px;
margin-left: auto;
margin-right: auto;
}
.div-block-65 {
max-width: 700px;
margin-left: auto;
margin-right: auto;
}
.image-51 {
z-index: 9;
position: absolute;
}
.image-52 {
bottom: 12%;
}
.image-53 {
display: none;
}
.image-54 {
max-width: 118px;
margin-left: auto;
left: 3%;
}
.image-55 {
max-width: 100px;
margin-bottom: 140px;
right: 11%;
}
.image-56 {
max-width: 100px;
top: -5%;
left: -1%;
}
.image-57 {
right: -1%;
}
.image-58 {
display: none;
}
.separator-animation.bg-gray-8._4 {
top: -31%;
}
.separator-animation.bg-black.max-h-18 {
height: 11%;
}
.separator-animation.bg-gray-1.mt-60 {
margin-top: -120px;
}
.marquee-trusted {
width: 100%;
}
.div-block-75 {
left: 0%;
transform: none;
}
.div-block-75._02 {
margin-left: 0;
}
.image-75 {
max-width: 150px;
margin-bottom: 0;
margin-right: -26px;
inset: auto 0% 0% auto;
}
.image-76 {
margin-top: 15px;
margin-right: -65px;
}
.image-77,
.image-77._2 {
font-size: 42px;
line-height: 42px;
}
.text-block-10 {
padding-left: 40px;
padding-right: 40px;
}
.typedjs-cursor-2.heading-small,
.typedjs-cursor-3.heading-small {
font-size: 24px;
line-height: 28px;
}
.div-block-76 {
z-index: 0;
width: 800px;
max-width: 600px;
height: 300px;
margin-bottom: -70px;
position: absolute;
inset: auto -26% 48% auto;
}
.div-block-76._02 {
width: 100%;
max-width: 400px;
right: 0%;
}
.div-block-76._03 {
max-width: none;
bottom: 27%;
right: -10%;
}
.image-78 {
transform: translate(-50px);
}
.image-78.absolute {
width: auto;
left: 0%;
}
.image-78.absolute._02 {
width: 100px;
min-width: 400px;
top: 76px;
left: 21%;
}
.html-embed-2,
.lottie-animation,
.lottie-animation-2 {
display: none;
}
.div-block-8-6 {
width: 100%;
min-width: 356px;
max-width: 600px;
padding-right: 20px;
}
.astronaut-2 {
max-width: 50vw;
margin-left: -50px;
position: relative;
}
.tabs-sec-2 {
min-height: auto;
padding-bottom: 100px;
}
.image-82 {
max-width: 100.71px;
display: block;
position: absolute;
inset: 150px 5% auto auto;
}
.image-83 {
max-width: 50.01px;
margin-top: 40px;
display: block;
position: absolute;
left: 3%;
}
.div-block-80 {
padding-bottom: 60px;
}
.separator-animation-copy.bg-black.max-h-18 {
height: 11%;
}
.separator-animation-copy.bg-gray-1.mt-60 {
margin-top: -120px;
}
.div-block-81 {
padding-top: 5rem;
}
.div-block-82 {
grid-column-gap: 25px;
grid-row-gap: 25px;
flex-direction: column;
width: auto;
margin-top: 220px;
margin-left: 0;
display: flex;
}
.typedjs-cursor-1.heading-small {
font-size: 24px;
line-height: 28px;
}
.swiper.first-swiper {
margin-top: 0;
}
.slider-2 {
margin-bottom: 0;
padding-bottom: 100px;
padding-left: 20px;
display: flex;
}
.slider-2.mg-left-50px {
margin-top: 60px;
padding-bottom: 150px;
}
.carousel-arrows {
margin-right: 10px;
inset: -65px 0% auto auto;
}
.carousel-arrows.blogs {
inset: auto 0% 50px auto;
}
.dropdown-link-2 {
width: 100%;
}
.padding-top-80px-2 {
margin-right: 30px;
padding-top: 0;
}
.pricing-slide-2 {
margin-right: 20px;
}
.pricing-section {
padding-left: 20px;
padding-right: 20px;
}
.mask-5,
.services-btn-two {
width: 100%;
}
.details-blocks h2 {
font-size: 40px;
}
.shape {
top: -2%;
}
.padding-top {
height: 110px;
}
.text-block-11 {
display: none;
}
.pricing-section-2 {
padding-left: 20px;
padding-right: 20px;
}
.div-block-114 {
min-width: 1000px;
}
.icon-10 {
right: -4%;
}
.sec-heading-4 {
font-size: 30px;
line-height: 33px;
}
.sec-heading-4.black.center {
padding-right: 15px;
line-height: 42px;
}
.dropdown-link-5 {
width: 100%;
}
.pricing-slide-5 {
margin-right: 20px;
}
.div-block-110 {
margin-top: 100px;
padding-left: 15px;
}
.image-92 {
margin-top: 0;
margin-bottom: auto;
}
.div-block-115 {
margin-bottom: 0;
}
.services-btn-2 {
width: 100%;
}
.dropdown-toggle-6 {
z-index: 5;
}
.div-block-117 {
min-width: 1000px;
}
.padding-top-80px-3 {
margin-right: 30px;
padding-top: 0;
}
.icon-13 {
right: -4%;
}
.dropdown-link-6 {
width: 100%;
}
.div-block-119 {
margin-top: 100px;
padding-left: 15px;
}
.image-93 {
margin-top: 0;
margin-bottom: auto;
}
.dropdown-link-7 {
width: 100%;
}
.div-block-123 {
min-width: 1000px;
}
.div-block-124 {
margin-bottom: 0;
}
.icon-14 {
right: -4%;
}
.sec-heading-5 {
font-size: 30px;
line-height: 33px;
}
.sec-heading-5.black.center {
padding-right: 15px;
line-height: 42px;
}
.pricing-slide-6 {
margin-right: 20px;
}
}
@media screen and (max-width: 767px) {
.logo-text {
margin-bottom: 10px;
font-size: 26px;
line-height: 30px;
}
.logo-text.black.wh {
margin-bottom: 0;
}
.container.margin.more {
margin-top: 0;
}
.container.padding.margin-bottom.rltv {
padding-left: 20px;
padding-right: 20px;
}
.container.mb-100 {
max-width: 500px;
}
.nav-wrapper {
padding-left: 5px;
padding-right: 5px;
}
.button.normal {
margin-top: 40px;
}
.button.desk {
display: none;
}
.button.desk.mg-side {
background-image: radial-gradient(circle, #a540acd9, #00fff240 66%);
}
.button.desk.width {
background-color: #000f08;
width: 100px;
height: 100px;
}
.button.mobile {
width: 150px;
margin-top: 20px;
display: block;
}
.section.banner {
padding-left: 10px;
padding-right: 10px;
}
.section.banner.home {
padding-bottom: 160px;
}
.section.animated {
padding-top: 0;
}
.section.footer.cms {
padding-bottom: 40px;
}
.section.banner-work.pb-60 {
padding-bottom: 140px;
}
.section.bg1.neg {
padding-top: 40px;
padding-bottom: 140px;
display: flex;
}
.section.bg2.grid-sec.pb-50 {
padding-bottom: 140px;
}
.section.bg2.faq {
padding-top: 60px;
padding-bottom: 140px;
}
.section.bg2.description {
padding-top: 60px;
padding-bottom: 110px;
}
.section.pricing {
padding-bottom: 140px;
}
.section.people-new {
padding-top: 80px;
padding-bottom: 180px;
}
.section.project-page {
padding-bottom: 140px;
}
.section.project-wrapper {
min-height: auto;
padding-bottom: 100px;
}
.section.slider-wrapp {
padding-bottom: 180px;
}
.nav-link {
align-items: flex-start;
font-size: 15px;
line-height: 25px;
display: flex;
}
.nav-menu {
flex-direction: column;
align-items: flex-start;
padding-top: 20px;
padding-bottom: 20px;
}
.nav-menu._2 {
display: none;
}
.wrap {
padding: 10px 20px;
}
.wrap.bg-black.wd {
width: 100px;
height: 100px;
}
.active {
margin-top: 0;
}
.banner-heading {
font-size: 28px;
line-height: 32px;
}
.banner-heading.margin.pricings {
width: 100%;
}
.banner-heading.bold_cms {
font-size: 40px;
}
.pink {
font-size: 26px;
line-height: 28px;
}
.pink.text-22 {
font-size: 22px;
line-height: 28px;
}
.pink.text-25 {
font-size: 28px;
line-height: 32px;
}
.pink.text-25._2 {
font-size: 22px;
line-height: 28px;
}
.bannner-heading {
margin-bottom: 16px;
padding-left: 0;
padding-right: 0;
font-size: 28px;
line-height: 28px;
}
.bannner-heading.left.px-0 {
text-align: center;
padding-left: 0;
padding-right: 0;
}
.bannner-heading.p-0 {
margin-bottom: 24px;
}
.section-sub-text.padding.white {
padding-left: 20px;
padding-right: 20px;
font-size: 16px;
line-height: 29px;
}
.section-sub-text.padding.white._2 {
margin-top: 16px;
padding-left: 40px;
padding-right: 40px;
}
.section-sub-text.padding.white._2.b {
padding-left: 0;
padding-right: 0;
}
.section-sub-text.padding.white.extra {
margin-top: 16px;
padding-left: 15px;
padding-right: 15px;
font-size: 16px;
line-height: 24px;
}
.section-sub-text.padding._16 {
margin-top: 20px;
padding-left: 0;
padding-right: 0;
}
.section-sub-text.padding.white-7 {
padding-left: 0;
padding-right: 0;
font-size: 16px;
line-height: 24px;
}
.section-sub-text._16-white {
font-size: 18px;
line-height: 22px;
}
.section-sub-text._16-black.pricing-txt {
padding-left: 40px;
padding-right: 40px;
}
.section-sub-text._16-black.margin-top {
margin-top: 16px;
font-size: 14px;
}
.get-started,
.get-started._2 {
margin-top: 40px;
}
.get-started._2._3.hide {
margin-top: 40px;
display: block;
}
.get-started._2.mt-100,
.get-started._2._3 {
margin-top: 40px;
}
.get-started._2._3 {
margin-top: 40px;
}
.get-started._2._3.hide {
margin-top: 40px;
text-decoration: none;
display: block;
}
.character-img {
left: 1%;
}
.character-img.home {
margin-top: -90px;
}
.character-img.our-peopl {
margin-top: 140px;
padding-left: 40px;
padding-right: 40px;
top: 50%;
}
.character-img.hero {
bottom: 13%;
}
._2-columns {
margin-top: 0;
}
.subheading {
margin-top: 0;
margin-bottom: 0;
font-size: 22px;
line-height: 32px;
}
.subheading.center.padding {
max-width: 491px;
padding-left: 60px;
padding-right: 60px;
line-height: 32px;
}
.subheading.center.padding.heading2 {
margin-bottom: 16px;
padding-left: 0;
padding-right: 0;
line-height: 32px;
}
.subheading.black.center {
line-height: 28px;
}
.vector-img-wrapper {
margin-top: 20px;
}
.wrapper.one.h {
padding-top: 60px;
padding-bottom: 180px;
}
.wrapper.one.bg-gray1,
.wrapper.two {
padding-top: 40px;
padding-bottom: 140px;
}
.wrapper.three {
padding-top: 100px;
padding-bottom: 100px;
}
.wrapper.three.lm {
padding-top: 60px;
padding-bottom: 140px;
}
.wrapper.one-copy {
padding-top: 40px;
padding-bottom: 140px;
}
.wrapper.one-copy.lm {
padding-top: 60px;
}
.wrapper.winning-talent {
min-height: 100vh;
padding-bottom: 180px;
}
.wrapper.white-big,
.wrapper.caas-model {
padding-top: 60px;
}
.wrapper.caas-model.nooverflow.pt-35 {
padding-left: 0;
}
.wrapper.meet-out-client {
padding-bottom: 180px;
}
.wrapper.meet-out-client._2 {
padding-top: 40px;
}
.div-block-2 {
flex-direction: column;
}
.div-block-2._2 {
flex-direction: column;
margin-top: 40px;
}
.videowrapper {
height: 400px;
}
.div-block-3 {
grid-column-gap: 20px;
grid-row-gap: 20px;
}
.list-wrapper,
.list-wrapper._2 {
grid-column-gap: 20px;
grid-row-gap: 20px;
width: 100%;
}
.paragraph {
font-size: 14px;
line-height: 24px;
}
.grid {
grid-column-gap: 40px;
grid-row-gap: 40px;
flex-direction: column;
align-items: center;
margin-top: 40px;
display: flex;
}
.grid.max-w {
padding-left: 22px;
padding-right: 22px;
}
.grid-item {
width: 100%;
}
.grid-item._3 {
padding-left: 25px;
}
.div-block-5.top {
max-width: 100%;
padding-right: 100px;
}
.div-block-5.bottom-left {
max-width: 100%;
margin-bottom: 0;
padding-right: 100px;
}
.div-block-5.bottom-right {
max-width: 100%;
padding-right: 100px;
}
.gradient-wrapper {
width: 100%;
height: auto;
}
.gradient-wrapper.round {
min-height: 265px;
}
.gradient-wrapper.awardss {
height: auto;
}
.star {
max-width: 100px;
top: -8%;
}
.star.bottom {
max-width: 38%;
bottom: -5%;
left: -5%;
}
.star.p {
max-width: 150px;
}
.star.p-copy {
max-width: 120px;
top: 3%;
}
.div-block-6._2,
.div-block-6._2-copy {
margin-top: 60px;
}
.heading-wrapper.pricing {
padding-top: 220px;
}
.space {
width: 31%;
}
.space._2 {
width: 38%;
}
.space._3 {
bottom: auto;
}
.grid-2 {
grid-row-gap: 30px;
flex-direction: column;
margin-top: 69px;
display: flex;
}
.grid-2.model {
padding-left: 10px;
}
.grid-item02 {
width: 250px;
height: 250px;
}
.paragraph-2 {
font-size: 16px;
line-height: 21px;
}
.paragraph-2.navy {
font-size: 16px;
line-height: 20px;
}
.image-ex {
width: 50%;
top: -15%;
}
.image-ex._2 {
width: 55%;
}
.image-ex._3 {
width: 35%;
top: -18%;
}
.heading-2 {
margin-top: 0;
font-size: 20px;
}
.heading-2.bl {
margin-bottom: 10px;
font-size: 20px;
}
.spacegrid {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.spacegrid._2 {
flex-direction: row;
align-items: center;
min-width: 1000px;
}
.spacegrid.home {
flex-direction: row;
align-items: flex-start;
height: auto;
padding-right: 15px;
}
.bg {
width: auto;
padding-left: 20px;
padding-right: 20px;
}
.bg._2 {
justify-content: flex-start;
padding-left: 20px;
padding-right: 20px;
}
.bg._2.new-color {
height: 195px;
padding-left: 20px;
padding-right: 20px;
}
.bg._2.purple-new-color {
padding-left: 20px;
padding-right: 20px;
}
.bg._3 {
padding-left: 20px;
}
.bg._3.hover-animation {
padding-top: 60px;
}
.bg._1 {
background-position: 70%;
width: 40%;
padding-right: 60px;
}
.bg._1.hover-animation {
max-width: 350px;
padding-right: 100px;
}
.texts {
max-width: 100%;
font-size: 14px;
line-height: 18px;
}
.texts.black {
width: auto;
}
.box-text-big.f {
font-size: 26px;
line-height: 32px;
}
.div-block-8 {
width: 100%;
min-width: 0;
}
.div-block-8._2 {
grid-column-gap: 7px;
grid-row-gap: 7px;
width: 100%;
max-width: 500px;
}
.div-block-8._2._3 {
max-width: 500px;
}
.flexhorizontal {
flex-direction: column;
margin-top: 60px;
}
.flexhorizontal._2 {
justify-content: space-between;
align-items: flex-end;
width: 100%;
}
.div-block-10 {
width: 100%;
}
.div-block-10._4 {
justify-content: center;
align-items: flex-start;
}
.flex {
padding-left: 40px;
padding-right: 40px;
}
.absimg {
opacity: .41;
object-fit: cover;
max-width: 100%;
height: auto;
margin-top: 0;
margin-right: -120px;
top: 0;
bottom: 50%;
right: -8%;
transform: scale(.8);
}
.absimg._2 {
max-width: 100%;
margin-top: 60px;
margin-left: -173px;
top: 0%;
bottom: 50%;
left: -8%;
}
.book-butto0n {
cursor: pointer;
position: relative;
}
.footerwrapper {
margin-top: 60px;
}
.footergrid {
grid-column-gap: 40px;
grid-row-gap: 40px;
flex-direction: column;
width: 100%;
max-width: 600px;
display: flex;
}
.footergrid.pb-40 {
padding-top: 60px;
}
.div-block-11 {
margin-top: 40px;
}
.footer-link-wrapper {
align-items: flex-start;
width: auto;
}
.footer-mail {
width: 90%;
max-width: 600px;
}
.div-block-12 {
margin-top: 20px;
}
.div-block-13 {
grid-column-gap: 20px;
grid-row-gap: 20px;
text-align: center;
flex-direction: column;
}
.burger-1 {
width: 40px;
height: 40px;
}
.b1-bar1,
.b1-bar2,
.b1-middle,
.b1-bar3 {
background-color: var(--pink);
}
.menu-button {
padding: 0;
}
.menu-button.w--open {
background-color: #c8c8c800;
}
.div-block-16.center {
flex-direction: column;
margin-top: 60px;
position: relative;
}
.featured._2 {
margin-top: -56px;
position: absolute;
}
.featured.absolute.line {
width: 3px;
}
.div-block-17 {
grid-column-gap: 0px;
grid-row-gap: 0px;
justify-content: center;
}
.section-heading-wrapper {
max-width: 500px;
margin-left: auto;
margin-right: auto;
padding-left: 15px;
padding-right: 15px;
}
.section-heading-wrapper.widht {
margin-bottom: 40px;
}
.video-item.homepage {
height: 321px;
margin-top: 140px;
}
.video-item.margin-top {
height: 320px;
margin-top: 60px;
}
.dropdown-list._2.w--open {
left: 50%;
transform: translate(-50%);
}
.dropdown.pricingsss {
margin-bottom: 20px;
}
.grid-wrapper {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-wrap: wrap;
margin-top: 30px;
display: flex;
}
.grid-wrapper._2 {
margin-top: 20px;
}
.grid-wrapper._1,
.grid-wrapper._1-copy {
grid-template-rows: auto auto;
display: flex;
}
.g-card {
height: auto;
padding-bottom: 60px;
}
.g-card._2,
.g-card.h-auto {
height: auto;
}
.heading-6 {
overflow: visible;
}
.heading-6._2 {
line-height: 26px;
}
.sec-heading {
margin-top: 0;
font-size: 22px;
line-height: 32px;
}
.sec-heading.center,
.sec-heading.black.center {
line-height: 28px;
}
.sec-heading.black-center {
font-size: 26px;
line-height: 28px;
}
.sec-heading._2 {
font-size: 26px;
}
.grid-three-columns.monthly {
display: none;
}
.grid-three-columns.anually {
grid-template-columns: 1fr;
}
.grid-three-columns.anually.illustration-design {
width: 100%;
height: 100%;
}
.grid-three-columns.anually.illustration-design.eventslider {
grid-column-gap: 0px;
grid-row-gap: 0px;
width: auto;
}
.grid-three-columns.anually.landing-page-design,
.grid-three-columns.anually.ad-creative,
.grid-three-columns.anually.video-production,
.grid-three-columns.anually.ad-creative,
.list-pricing {
display: none;
}
.icon-pricing._22 {
position: static;
}
.padding-top-80px {
min-width: 360px;
max-width: 100%;
margin-right: 20px;
}
.card-pricing {
width: 100%;
min-height: 350px;
}
.mg-top-18px.mg-bottom-32px {
margin-bottom: 0;
}
.content-pricig-table {
min-height: auto;
display: block;
}
.heading-7 {
max-width: 209px;
}
.time-wrapper {
display: none;
}
.cards-wrap {
display: flex;
}
.cards-wrap.mt-20.desktop-hide {
display: none;
}
.div-block-21 {
padding-right: 10px;
}
.div-block-21.width {
align-items: flex-start;
min-width: 1400px;
display: flex;
}
.slide-item-wrapper {
border-radius: 0;
width: 100vw;
height: 100%;
}
.slide-next.mobile-next {
width: 100%;
height: 100%;
}
.slide-next.desktop-arrow {
display: none;
}
.slide-item {
border-radius: 0;
width: 100vw;
height: 100%;
transform: scale(1);
}
.inner-swipe {
z-index: 1;
grid-column-gap: 0px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
height: 100%;
display: grid;
position: absolute;
top: 0;
left: 0;
}
.slide-prev.desktop-arrow {
display: none;
}
.slide-prev.mobile-prev {
width: 100%;
height: 100%;
}
.content-wrapper {
object-fit: cover;
}
.slide-container.whitee.relative {
padding-bottom: 200px;
}
.text-block-4._2 {
font-size: 16px;
line-height: 24px;
}
.wrappern {
height: 100%;
padding-top: 0;
padding-bottom: 0;
}
.testimonialimg.videos,
.testimonialimg.hussainn {
height: 600px;
}
.testimonialimg.ruka,
.testimonialimg.people-new._01 {
height: 310px;
}
.testimonialimg.people-new-3 {
height: 300px;
}
.testimonialimg.pricing-new--people {
height: 290px;
}
.image-28 {
max-width: 150px;
top: 65px;
bottom: 0%;
}
.image-28._2 {
right: 0%;
}
.accordion-heading {
font-size: 20px;
line-height: 22px;
}
.accordion-item-content {
margin-right: 0;
}
.div-block-25 {
grid-column-gap: 24px;
grid-row-gap: 24px;
grid-template-columns: 1fr;
margin-top: 40px;
}
.emoji-img {
max-width: 60px;
height: 60px;
}
.emoji-img._2 {
top: 0%;
right: -1%;
}
.profile-wrapper {
flex-direction: column;
max-width: 377px;
margin-left: auto;
margin-right: auto;
}
.space--peopl {
width: 31%;
position: relative;
top: 40px;
bottom: auto;
left: -5%;
}
.space--peopl._2-new {
width: 100%;
max-width: 80px;
display: none;
position: absolute;
top: auto;
bottom: 39%;
right: -49px;
}
.div-block-28 {
margin-top: 100px;
}
.div-block-29 {
padding-left: 20px;
padding-right: 20px;
}
.team-slider {
margin-top: 100px;
}
.team-slider-img {
max-width: 48%;
}
.approach-wrapper {
flex-direction: column;
align-items: flex-start;
margin-top: 40px;
}
.image-33 {
max-width: 50%;
margin-bottom: 24px;
margin-left: auto;
margin-right: auto;
}
.transparent-approach {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-direction: column;
align-items: flex-start;
}
.approach-grd {
width: 100%;
margin-left: 0;
position: relative;
top: 0%;
}
.approach-grd._2 {
width: 100%;
}
.approach-grd._4 {
left: auto;
}
.approach-grd._5 {
width: 100%;
right: auto;
}
.fmots {
margin-top: 60px;
}
.tabs-menu {
flex-wrap: wrap;
justify-content: center;
align-items: flex-start;
width: 100%;
height: auto;
}
.tab-link {
align-items: flex-start;
padding-top: 10px;
padding-bottom: 10px;
font-size: 16px;
line-height: 18px;
}
.content-wrrapper-tabs {
max-width: 500px;
margin-left: auto;
margin-right: auto;
}
.fmats {
padding-right: 20px;
}
.tab-img {
max-width: 435px;
}
.tabs-content {
margin-top: 40px;
}
.service-links,
.service-imgs,
.service-imgs.female {
border-radius: 22px;
}
.future-des {
margin-top: 60px;
}
.award-grid {
grid-template-columns: 1fr;
height: 100%;
padding-bottom: 20px;
}
.image-35 {
margin-top: 20px;
}
.footerline {
height: 4px;
margin-bottom: 20px;
}
.toggle-img._2 {
max-width: 80px;
}
.our-work-banner {
flex-direction: column;
align-items: center;
}
.sub-heading.margin {
text-align: center;
font-size: 16px;
}
.sub-heading.center.how-it-works {
padding-left: 40px;
padding-right: 40px;
line-height: 24px;
}
.featured-wrap {
margin-bottom: 10px;
}
.work-slider-wrapper {
margin-left: 0;
}
.slide-dots {
margin-top: 20px;
inset: auto 0% 0%;
}
.text-block-6.n {
text-align: left;
}
.work-icon {
display: none;
}
.heading-block {
margin-top: 40px;
margin-bottom: 40px;
padding-top: 20px;
}
.project-banner0img {
height: 400px;
}
.description-flexbox {
flex-direction: column;
}
.div-block-40 {
margin-top: 40px;
}
.div-block-41 {
width: 100%;
}
.project-imgs {
height: 400px;
}
.project-imgs._2 {
width: 100%;
margin-bottom: 0;
}
.project-imgs._3 {
width: 100%;
}
.vertical-images {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-direction: column;
}
.next-post-wrapper {
margin-top: 60px;
}
.preview {
grid-column-gap: 16px;
grid-row-gap: 16px;
}
.text-block-8 {
font-size: 16px;
line-height: 16px;
}
.img100 {
height: 100%;
}
.grid-links {
width: 100%;
height: 344px;
}
.grid-links.neg {
height: 600px;
}
.grid-links.full {
width: 100%;
height: 344px;
min-height: 0;
}
.grid-links.n {
height: auto;
max-height: 100%;
padding-bottom: 0;
}
.grid-links.mt-10 {
height: 344px;
}
.grid-links.h-auto {
height: 344px;
min-height: 0;
}
.grid-links._w-auto {
height: 600px;
min-height: 0;
}
.grid-links.h-auto-copy {
min-height: 0;
}
.container-2 {
padding-bottom: 2.5em;
}
.marquee-wrapper {
height: 500px;
font-size: .7em;
}
.marquee-list {
height: 100%;
}
.marquee-item {
height: 500px;
}
.how-it-worksimg {
height: 520px;
margin-top: -280px;
padding-left: 0;
padding-right: 0;
}
.how-it-worksimg.desktop,
.how-it-worksimg.mobile {
margin-top: -200px;
}
.div-block-45 {
width: 90%;
padding-right: 0;
}
.image-39 {
max-width: 120px;
top: -9%;
right: 0%;
}
.typedjs-wrapper {
justify-content: center;
}
.marquee_item-snap {
max-width: 500px;
}
.div-block-47 {
grid-column-gap: 20px;
grid-row-gap: 20px;
padding-right: 60px;
}
.paragraph-7 {
font-size: 14px;
line-height: 24px;
}
.paragraph-7._20.wh {
line-height: 22px;
}
.client-slider-items {
width: 100%;
margin-right: 20px;
}
.mask-4._02 {
width: 100%;
}
.footer-sub-text._16-white.left.padding-right {
margin-top: 13px;
}
.tabs-content-2 {
height: 100%;
padding-bottom: 40px;
}
.tabs-menu-2 {
padding-left: 0;
}
.tab-panel {
margin-bottom: 40px;
}
.image-42 {
max-width: 327px;
}
.image-42._2 {
max-width: 200px;
}
.tabs-sec-1 {
justify-content: flex-start;
width: 100%;
margin-bottom: 40px;
}
.tabs-sec-1.container.ml-0 {
justify-content: space-between;
margin-bottom: 0;
}
.bold-text-38 {
color: var(--white-71);
}
.image-45 {
margin-bottom: 20px;
}
.embed {
margin-top: -8px;
}
.div-block-56.button {
background-color: #000f08;
background-image: radial-gradient(circle at 44% 0, #dc2abe80 25%, #00fff280 54%);
width: 200px;
height: 200px;
inset: -88% 0% auto -88%;
}
.nav-list {
padding-left: 24px;
padding-right: 24px;
}
.div-block-59 {
max-width: 560px;
margin-left: auto;
margin-right: auto;
}
.div-block-60 {
z-index: 5;
position: relative;
}
.destination-overlay {
padding-left: 15px;
}
.active-page.link-1 {
justify-content: center;
}
.div-block-64 {
width: 100%;
max-width: 600px;
margin-left: auto;
margin-right: auto;
padding-left: 0;
padding-right: 0;
}
.div-block-65 {
max-width: 500px;
padding-left: 0;
padding-right: 0;
}
.div-block-67 {
max-width: 500px;
padding-left: 15px;
padding-right: 15px;
}
.div-block-68 {
width: 100%;
}
.image-52 {
margin-left: -36px;
bottom: 5%;
}
.image-54 {
max-width: 118px;
margin-top: 100px;
margin-left: auto;
}
.image-55 {
max-width: 100px;
margin-bottom: -30px;
}
.image-56 {
display: none;
top: -2%;
}
.image-57 {
display: none;
top: 2%;
}
.image-58 {
max-width: 126px;
top: auto;
bottom: 50%;
left: -103px;
}
.separator-animation.bg-gray-8._4 {
top: -20%;
}
.separator-animation.bg-black.max-h-18 {
height: 12%;
}
.separator-animation.bg-gray-1.mt-60 {
margin-top: -130px;
}
.separator-animation.bg-gray-1.mt-40 {
margin-top: -121px;
}
.separator-animation._2.bg-gray-1 {
margin-top: -86px;
}
.separator-animation._3.bg-gray-8 {
margin-top: -90px;
}
.image-75 {
max-width: 130px;
}
.image-77._4 {
padding-left: 20px;
padding-right: 20px;
}
.div-block-76 {
max-width: 60vw;
margin-right: 40px;
bottom: 64%;
right: -15%;
}
.div-block-76._03 {
width: 100%;
height: 100%;
margin-bottom: 0;
margin-right: 0;
position: static;
inset: -72% -10% auto auto;
}
.image-78 {
transform: none;
}
.image-78.absolute._02 {
min-width: 300px;
top: 88px;
left: 54%;
}
.image-78.absolute._03 {
width: 100%;
position: static;
top: -19px;
right: 0;
}
.lottie-animation-3 {
position: static;
}
.div-block-8-6 {
width: 100%;
min-width: 0;
}
.astronaut-2 {
max-width: 65vw;
height: 300px;
margin-top: 0;
margin-left: 0;
display: block;
}
.image-82 {
max-width: 80.71px;
top: 150px;
right: 7%;
}
.image-83 {
max-width: 30.01px;
margin-top: 89px;
left: 4%;
}
.div-block-80 {
min-height: 70vh;
padding-top: 60px;
padding-bottom: 140px;
}
.separator-animation-copy.bg-gray-8._4 {
height: 93.8%;
margin-top: -62px;
}
.separator-animation-copy.bg-black.max-h-18 {
height: 12%;
}
.separator-animation-copy.bg-gray-1.mt-60 {
margin-top: -130px;
}
.separator-animation-copy._2.bg-gray-1 {
margin-top: -86px;
}
.separator-animation-copy._3.bg-gray-8 {
margin-top: -90px;
}
.div-block-81 {
display: none;
}
.spacer-1-25rem {
padding-top: 1.25rem;
}
.pricing-details {
margin-bottom: 20px;
display: none;
}
.see-more {
margin-right: -100px;
font-size: 18px;
font-weight: 300;
right: auto;
}
.shoes-lottie {
height: 90px;
}
.lottie-animation-4 {
position: static;
}
.card-pricing-2 {
width: 80vw;
min-height: 350px;
}
.heading-11 {
max-width: 209px;
}
.swiper.first-swiper {
margin-top: 0;
}
.slider-2.mg-left-50px {
margin-top: 60px;
padding-bottom: 150px;
padding-right: 20px;
}
.carousel-arrows {
margin-right: 20px;
inset: auto 0% 40px auto;
}
.carousel-arrows.blogs {
inset: auto auto 50px 20px;
}
.heading-12 {
max-width: 209px;
}
.lottie-animation-5 {
position: static;
}
.padding-top-80px-2 {
max-width: 100%;
margin-right: 20px;
}
.pricing-section {
padding-top: 140px;
padding-bottom: 60px;
}
.card-pricing-3 {
width: 100%;
min-height: 350px;
}
.details-blocks {
margin-top: 60px;
}
.details-blocks h2 {
font-size: 30px;
}
.rich-text-block-5 {
position: static;
}
.next {
grid-column-gap: 16px;
grid-row-gap: 16px;
}
.padding-top {
height: 70px;
}
.pricing-section-2 {
padding-top: 140px;
padding-bottom: 60px;
}
.card-pricing-4 {
width: 100%;
min-height: 350px;
}
.div-block-114 {
padding-right: 10px;
}
.lottie-animation-9 {
position: static;
}
.pink-7 {
font-size: 26px;
line-height: 28px;
}
.sec-heading-4 {
margin-top: 0;
font-size: 22px;
line-height: 32px;
}
.sec-heading-4.black.center {
line-height: 28px;
}
.heading-19,
.heading-20 {
max-width: 209px;
}
.see-more-2 {
margin-right: -100px;
font-size: 18px;
font-weight: 300;
right: auto;
}
.div-block-117 {
padding-right: 10px;
}
.div-block-117.width {
align-items: flex-start;
min-width: 1400px;
display: flex;
}
.lottie-animation-10 {
position: static;
}
.padding-top-80px-3 {
min-width: 360px;
max-width: 100%;
margin-right: 20px;
}
.lottie-animation-11 {
position: static;
}
.card-pricing-5 {
width: 100%;
min-height: 350px;
}
.heading-22 {
max-width: 209px;
}
.card-pricing-6 {
width: 100%;
min-height: 350px;
}
.div-block-123 {
padding-right: 10px;
}
.pink-9 {
font-size: 26px;
line-height: 28px;
}
.lottie-animation-12 {
position: static;
}
.sec-heading-5 {
margin-top: 0;
font-size: 22px;
line-height: 32px;
}
.sec-heading-5.black.center {
line-height: 28px;
}
}
@media screen and (max-width: 479px) {
.logo-text {
margin-bottom: 0;
font-size: 24px;
}
.container {
max-width: 100%;
}
.container.padding {
padding-left: 15px;
padding-right: 15px;
}
.container.padding.margin-bottom.rltv {
margin-bottom: 60px;
padding-left: 0;
padding-right: 0;
}
.container.people {
padding-top: 0;
}
.nav-wrapper {
padding-left: 0;
padding-right: 0;
}
.button.normal {
margin-top: 20px;
}
.section.banner.home {
min-height: 100vh;
}
.section.banner._3 {
padding-top: 220px;
}
.section.footer {
padding-top: 40px;
}
.section.footer.cms {
width: 100%;
padding-top: 100px;
overflow: hidden;
}
.section.banner-work {
padding-top: 60px;
padding-bottom: 140px;
}
.section.bg1.neg {
align-items: center;
padding-top: 40px;
padding-bottom: 220px;
}
.section.bg2.grid-sec {
padding-top: 40px;
padding-bottom: 200px;
}
.section.bg2.grid-sec.pb-50 {
padding-bottom: 160px;
}
.section.bg2.faq {
padding-top: 40px;
padding-bottom: 100px;
}
.section.bg2.description {
padding-top: 60px;
padding-bottom: 100px;
}
.section.pricing {
padding-bottom: 60px;
}
.section.people-new {
padding-top: 60px;
}
.section.project-page {
padding-bottom: 100px;
}
.section.project-wrapper {
padding-bottom: 60px;
}
.section.slider-wrapp {
min-height: auto;
padding-top: 40px;
padding-bottom: 140px;
}
.section.priccing-wrap {
padding-top: 100px;
padding-bottom: 100px;
}
.nav-link {
margin-bottom: 0;
line-height: 28px;
}
.wrap.circle,
.wrap.width-133px {
margin: 1px;
}
.banner-wrapper {
width: 100%;
}
.banner-wrapper.relative.work {
margin-top: 0;
}
.banner-heading {
font-size: 22px;
line-height: 28px;
}
.banner-heading.bold_cms {
margin-top: 0;
}
.pink {
font-size: 22px;
}
.pink.text-22 {
font-size: 20px;
}
.pink.text-25 {
font-size: 22px;
line-height: 28px;
}
.pink.text-25._2 {
font-size: 20px;
}
.pink.text-28 {
font-size: 28px;
}
.bannner-heading {
padding-left: 0;
padding-right: 0;
}
.bannner-heading.p-0 {
font-size: 24px;
line-height: 32px;
}
.section-sub-text.padding.white {
line-height: 27px;
}
.section-sub-text.padding.white._2 {
margin-top: 20px;
padding-left: 0;
padding-right: 0;
}
.section-sub-text.padding.white._2.b {
padding-left: 0;
padding-right: 0;
}
.section-sub-text.padding.white._2.more-spcaing {
margin-top: 0;
margin-bottom: 0;
}
.section-sub-text.padding.white.extra {
line-height: 22px;
}
.section-sub-text.padding._16 {
margin-top: 16px;
font-size: 15px;
line-height: 21px;
}
.section-sub-text.padding.white-7 {
padding-left: 0;
padding-right: 0;
font-size: 16px;
line-height: 22px;
}
.section-sub-text._16-white {
font-size: 16px;
}
.section-sub-text._16-white.left {
text-align: center;
}
.section-sub-text._16-white.left.padding-right {
text-align: left;
padding-right: 0;
}
.section-sub-text._16-black.margin-top {
margin-top: 0;
margin-bottom: 0;
font-size: 14px;
}
.get-started {
width: 165px;
margin-top: 40px;
}
.get-started._2 {
margin-top: 120px;
}
.get-started._2.mt-100 {
width: auto;
margin-top: 40px;
}
.glow._2.mt-30 {
width: 180px;
}
.character-img {
width: 50%;
bottom: 5%;
}
.character-img.home {
margin-top: 0;
position: absolute;
bottom: 15%;
}
.character-img.our-peopl {
margin-top: 50vw;
padding-left: 10px;
padding-right: 10px;
top: 48%;
}
.character-img.hero {
bottom: 14%;
}
._2-columns {
height: auto;
min-height: 0;
padding: 60px 10px 40px;
}
.column {
max-width: 100%;
padding-left: 0;
padding-right: 0;
}
.column.max-w {
max-width: 320px;
}
.subheading {
margin-bottom: 0;
font-size: 20px;
line-height: 26px;
}
.subheading.center.padding {
padding-left: 20px;
padding-right: 20px;
font-size: 22px;
line-height: 28px;
}
.subheading.center.padding.heading2 {
padding-left: 0;
padding-right: 0;
font-size: 20px;
line-height: 26px;
}
.subheading.black.center {
font-size: 22px;
}
.subheading._2 {
padding-left: 20px;
}
.vector-img-wrapper {
grid-column-gap: 20px;
grid-row-gap: 20px;
justify-content: flex-start;
}
.wrapper.one {
padding-top: 60px;
padding-bottom: 140px;
}
.wrapper.one.h {
padding-top: 60px;
padding-right: 0;
}
.wrapper.one.bg-gray1,
.wrapper.two {
padding-top: 60px;
}
.wrapper.three {
padding-top: 140px;
padding-bottom: 0;
}
.wrapper.three.lm {
padding-top: 60px;
padding-bottom: 160px;
padding-right: 0;
}
.wrapper.one-copy {
padding: 60px 0 160px 15px;
}
.wrapper.one-copy.lm {
padding-top: 20px;
}
.wrapper.two-copy.m {
padding-top: 40px;
padding-right: 0;
}
.wrapper.winning-talent {
padding: 40px 15px 220px;
}
.wrapper.caas-model {
padding-bottom: 140px;
}
.wrapper.caas-model.nooverflow.pt-35 {
padding-top: 40px;
padding-bottom: 120px;
padding-right: 0;
}
.wrapper.meet-out-client._2 {
padding-top: 60px;
padding-bottom: 160px;
}
.videowrapper {
width: 100%;
height: 300px;
}
.div-block-3 {
grid-column-gap: 15px;
grid-row-gap: 15px;
}
.div-block-3.grid-li {
align-items: center;
margin-top: 10px;
}
.list-wrapper {
max-width: 435px;
}
.list-wrapper._2 {
grid-column-gap: 5px;
grid-row-gap: 5px;
padding-right: 10px;
}
.paragraph {
line-height: 21px;
}
.grid.max-w {
grid-column-gap: 20px;
grid-row-gap: 20px;
padding-left: 0;
padding-right: 0;
}
.grid-item {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-direction: column;
align-items: flex-start;
display: block;
}
.div-block-5.top,
.div-block-5.bottom-left,
.div-block-5.bottom-right {
padding-right: 0;
}
.gradient-wrapper.awardss {
width: 33.3%;
}
.star {
width: 23%;
top: -8%;
}
.star._22 {
max-width: 192px;
}
.star.bottom {
width: auto;
bottom: 13%;
}
.star.bottom._04 {
bottom: 0%;
}
.star.p {
top: -6%;
}
.div-block-6._2,
.div-block-6._2-copy {
margin-top: 80px;
}
.heading-wrapper.pricing {
padding-top: 200px;
padding-left: 15px;
padding-right: 15px;
}
.heading-wrapper.flex {
align-items: center;
}
.space {
bottom: -20%;
}
.space._2 {
display: none;
top: 11%;
right: 4%;
}
.space.home {
bottom: -88px;
left: 5%;
}
.grid-2 {
grid-column-gap: 20px;
grid-row-gap: 20px;
}
.grid-2.model {
padding-top: 165px;
padding-left: 8px;
}
.grid-item02 {
width: 200px;
height: 190px;
}
.grid-item02._1 {
width: 100%;
max-width: 310px;
height: 310px;
max-height: 265px;
padding-right: 20px;
}
.grid-item02.white-bg {
padding-bottom: 2rem;
}
.image-ex {
width: 45%;
}
.image-ex._2 {
width: 60%;
max-width: 172px;
top: -49%;
}
.image-ex._3 {
width: 40%;
}
.image-ex._3._2 {
top: -15%;
}
.equationicon {
margin-bottom: 0;
}
.spacegrid {
grid-column-gap: 12px;
grid-row-gap: 12px;
margin-top: 40px;
}
.spacegrid._2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
width: 100%;
margin-top: 0;
}
.spacegrid.home {
grid-column-gap: 16px;
grid-row-gap: 16px;
width: 100%;
min-width: 900px;
}
.bg._2 {
padding: 20px;
}
.bg._2.new-color {
max-width: 400px;
padding: 20px;
}
.bg._2.purple-new-color {
padding-top: 20px;
padding-bottom: 20px;
padding-left: 20px;
}
.bg._3 {
width: 40%;
padding: 20px;
}
.bg._3.hover-animation {
align-items: flex-start;
}
.bg._1.hover-animation {
width: 33.3%;
padding-right: 100px;
}
.texts {
font-size: 14px;
}
.box-text-big {
font-size: 32px;
line-height: 26px;
}
.box-text-big.f {
font-size: 28px;
line-height: 38px;
}
.gradient-wrapper2.new {
background-image: none;
}
.div-block-8 {
text-align: center;
}
.div-block-8._2 {
text-align: left;
}
.flexhorizontal {
margin-top: 20px;
}
.flexhorizontal._2 {
justify-content: space-between;
align-items: flex-start;
}
.flexhorizontal.nm {
width: 100%;
padding-right: 15px;
}
.div-block-10 {
min-width: 2000px;
}
.flex {
padding-left: 0;
padding-right: 0;
}
.absimg {
opacity: .35;
max-height: 600px;
margin-top: 122px;
margin-right: -60px;
right: -20%;
transform: scale(.6);
}
.absimg._2 {
margin-top: 40px;
margin-left: -113px;
margin-right: 0;
top: 57%;
left: -14%;
}
.book-butto0n {
padding-left: 16px;
padding-right: 16px;
}
.paragraph-3 {
padding-right: 0;
font-size: 14px;
}
.footer-link-wrapper {
align-items: stretch;
}
.footer-mail {
width: 100%;
max-width: 400px;
}
.heading-5 {
margin-bottom: 16px;
}
.brand {
padding-left: 0;
}
.div-block-16.center {
grid-column-gap: 32px;
grid-row-gap: 32px;
}
.heading-4-white {
margin-bottom: 20px;
}
.featured {
width: 70px;
height: 70px;
}
.featured._2 {
margin-top: -120px;
}
.featured.absolute {
width: 4px;
margin-top: 10px;
position: absolute;
left: auto;
right: auto;
}
.featured.absolute.line {
display: none;
bottom: 23px;
}
.div-block-17 {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-wrap: wrap;
justify-content: center;
align-items: flex-start;
min-height: 150px;
margin-top: 20px;
position: relative;
}
.section-heading-wrapper {
width: 100%;
padding-left: 15px;
padding-right: 15px;
}
.video-item {
height: 320px;
margin-top: 100px;
}
.video-item.nh.height {
border-radius: 20px;
}
.video-item.homepage {
height: 321px;
margin-top: 80px;
padding-right: 15px;
}
.video-item.margin-top {
height: auto;
margin-top: 60px;
}
.dropwon-wrapper {
flex-wrap: wrap;
}
.dropdown-toggle {
padding-top: 10px;
padding-bottom: 10px;
font-size: 16px;
}
.dropdown-list.w--open {
width: 100%;
min-width: 300px;
padding-left: 10px;
padding-right: 10px;
left: -4px;
}
.dropdown-list._2.w--open {
padding-left: 16px;
padding-right: 16px;
left: 50%;
transform: translate(-50%);
}
.dropdown-list._3.w--open {
left: -7px;
transform: translate(-50%);
}
.services-btn {
padding-left: 15px;
padding-right: 10px;
}
.dropdown-link.font-400 {
white-space: normal;
}
.grid-wrapper {
grid-column-gap: 20px;
grid-row-gap: 20px;
margin-top: 10px;
}
.grid-wrapper._2 {
grid-column-gap: 20px;
grid-row-gap: 20px;
}
.g-card {
border-radius: 20px;
padding-bottom: 60px;
padding-left: 20px;
padding-right: 20px;
}
.g-card._2 {
grid-column-gap: 0px;
grid-row-gap: 0px;
padding-left: 20px;
padding-right: 20px;
}
.g-card.h-auto {
padding-bottom: 60px;
}
.text-block-2 {
margin-bottom: 10px;
}
.heading-6 {
margin-top: 0;
margin-bottom: 0;
font-size: 20px;
line-height: 28px;
}
.heading-6._2 {
margin-top: 10px;
margin-bottom: 10px;
}
.p-text._2._70 {
margin-top: 10px;
font-weight: 400;
line-height: 21px;
}
.grid_imgg {
border-radius: 20px;
min-height: 200px;
}
.sec-heading {
text-align: center;
margin-top: 0;
font-size: 20px;
line-height: 28px;
}
.sec-heading.center.thin {
line-height: 26px;
}
.sec-heading.black.center {
margin-bottom: 16px;
}
.sec-heading.black-center {
margin-bottom: 20px;
font-size: 20px;
}
.sec-heading._24 {
margin-bottom: 24px;
}
.sec-heading._24.mb-56 {
margin-bottom: 20px;
}
.sec-heading.small-20 {
margin-top: 0;
margin-bottom: 10px;
}
.sec-heading.small-20.mb-24 {
text-align: left;
margin-bottom: 16px;
font-size: 16px;
}
.sec-heading._2,
.sec-heading.left {
text-align: left;
}
.marquee-image {
width: 100px;
}
.logo-wrap {
margin-top: 40px;
}
.image-9 {
opacity: .77;
max-width: 33.3%;
}
.image-9._2 {
max-width: 33.3%;
}
.pricing-wrapper {
padding-top: 20px;
}
.grid-three-columns.anually {
flex-wrap: wrap;
width: 100%;
display: flex;
}
.grid-three-columns.anually.illustration-design.eventslider {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: row;
}
.grid-three-columns.anually.ad-creative,
.grid-three-columns.anually.video-production,
.grid-three-columns.anually.ad-creative {
display: none;
}
.flex-horizontal.start-top {
grid-column-gap: 100px;
grid-row-gap: 100px;
flex-direction: row;
position: relative;
}
.icon-pricing {
margin-right: -20px;
position: static;
inset: 0% -4% auto auto;
}
.icon-pricing._22 {
min-width: 96px;
max-width: 96px;
margin-right: -20px;
position: static;
}
.icon-pricing._22._02 {
margin-right: -10px;
}
.icon-pricing._22._03 {
margin-right: 0;
}
.icon-pricing._02 {
margin-right: -10px;
}
.padding-top-80px {
min-width: 350px;
}
.toggle-wrapper---brix {
width: 100%;
}
.card-pricing {
width: 100%;
padding-left: 20px;
padding-right: 20px;
}
.pricing {
font-size: 28px;
line-height: 28px;
}
.text-color-neutral-800.mg-bottom-0px.center {
text-align: center;
font-size: 16px;
line-height: 18px;
}
.content-pricig-table {
width: 100%;
min-height: auto;
display: block;
}
.heading-7 {
font-size: 28px;
line-height: 34px;
}
.cards-wrap {
margin-top: 60px;
}
.feature-grid {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-direction: column;
align-items: flex-start;
display: block;
}
.feature-grid._3f._2.pinkbg,
.feature-grid._3f._2.paste-bg,
.feature-grid._3f._2.paste-bg,
.feature-grid._3f._2.paste-bg {
width: auto;
padding-left: 20px;
padding-right: 20px;
}
.div-block-21 {
min-width: 1000px;
padding-right: 10px;
}
.div-block-21._2 {
min-width: 900px;
}
.div-block-21.width {
min-width: 950px;
padding-right: 0;
}
.inner-swipe {
position: absolute;
}
.content-wrapper.videos.rltv {
min-height: auto;
}
.content-wrapper.pricing-slders._01,
.content-wrapper._02 {
height: 600px;
}
.slide-container.p {
padding-left: 0;
}
.slide-container.whitee.relative {
padding-bottom: 220px;
}
.div-block-23 {
text-align: justify;
height: 100%;
padding-bottom: 20px;
overflow: visible;
}
.text-block-4._2 {
font-size: 14px;
line-height: 22px;
}
.wrappern {
width: 100%;
height: 100%;
}
.testimonialimg.videos.pricing-new--people2,
.testimonialimg.videos.pricing-new--people3,
.testimonialimg.videos._600,
.testimonialimg.hussainn._600 {
height: 600px;
}
.testimonialimg.ruka,
.testimonialimg.people-new._01,
.testimonialimg.people-new-3._02 {
height: 420px;
}
.testimonialimg.pricing-new--people {
height: 230px;
}
.testimonialimg.pricing-new--people.size {
height: 420px;
}
.testimonialimg.pricing-new--people3 {
height: 230px;
}
.testimonialimg.pricing-new--people3.size {
height: 420px;
}
.testimonialimg.pricing-new--people4 {
height: 230px;
}
.testimonialimg.pricing-new--people4._06 {
height: 215px;
}
.testimonialimg.pricing-new--people4._420 {
height: 420px;
}
.image-28 {
margin-top: 60px;
top: 81px;
}
.image-28._2 {
top: 7%;
right: 1%;
}
.div-block-24 {
padding-left: 15px;
padding-right: 15px;
}
.accordion-item-trigger {
align-items: flex-start;
}
.accordion-wrapper {
margin-top: 60px;
}
.accordion-heading {
font-size: 16px;
}
.p5 {
font-size: 14px;
}
.div-block-25 {
grid-template-columns: 1fr;
}
.paragraph-5 {
font-size: 14px;
}
.paragraph-5._20 {
font-size: 16px;
line-height: 22px;
}
.div-block-26 {
grid-column-gap: 14px;
grid-row-gap: 14px;
}
.emoji-img {
max-width: 40px;
height: 40px;
top: -7%;
left: -3%;
}
.emoji-img._2 {
max-width: 40px;
height: 40px;
top: 32px;
right: -1%;
}
.profile-wrapper {
flex-direction: column;
}
.profile-imgbg.member-1 {
height: 100%;
}
.description.height {
height: 400px;
}
.div-block-27,
.div-block-27._2 {
margin-bottom: 20px;
}
.space--peopl {
width: 24%;
bottom: -37%;
}
.space--peopl._2-new {
display: none;
top: 9%;
}
.div-block-28 {
margin-top: 100px;
}
.div-block-29 {
padding-left: 0;
padding-right: 15px;
}
.team-slider-img {
max-width: 100%;
}
.approach-wrapper {
align-items: flex-start;
width: 100%;
}
.image-33 {
margin-left: auto;
margin-right: auto;
}
.transparent-approach {
width: 100%;
}
.approach-grd {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-direction: column;
align-items: flex-start;
width: 100%;
margin-left: 0;
display: block;
}
.approach-grd._2 {
width: 100%;
top: auto;
}
.approach-grd._4 {
bottom: auto;
left: auto;
}
.approach-grd._5 {
width: 100%;
right: auto;
}
.span {
font-size: 20px;
}
.tabs-menu {
grid-column-gap: 16px;
grid-row-gap: 16px;
}
.content-wrrapper-tabs {
grid-column-gap: 60px;
grid-row-gap: 60px;
}
.fmats {
grid-column-gap: 20px;
grid-row-gap: 20px;
padding-top: 40px;
padding-bottom: 40px;
padding-left: 20px;
}
.tab-card {
height: auto;
}
.tabs {
margin-top: 60px;
padding-right: 15px;
}
.div-block-32 {
margin-top: 60px;
}
.card-body {
padding: 20px 20px 40px;
}
.div-block-33 {
margin-bottom: 20px;
padding-left: 15px;
padding-right: 15px;
}
.future-des {
margin-top: 60px;
}
.award-grid {
min-width: 1000px;
margin-top: 40px;
padding-right: 15px;
}
.image-35 {
max-width: 120px;
}
.toggle-img {
max-width: 120px;
top: -100px;
left: 1%;
}
.toggle-img._2 {
width: 70px;
margin-top: -20px;
top: -12%;
right: 2%;
}
.div-block-36 {
text-align: center;
flex-direction: column;
align-items: center;
display: flex;
}
.sub-heading.center.how-it-works {
padding-left: 10px;
padding-right: 10px;
font-size: 16px;
line-height: 24px;
}
.featured-wrap {
flex-direction: column;
}
.slide-dots {
margin-top: 0;
padding-top: 0;
position: relative;
top: -19px;
}
.text-block-6.n {
margin-top: 10px;
}
.work-icon {
top: 38%;
}
.work-icon._2 {
display: block;
bottom: -18%;
}
.heading-block {
margin-top: 60px;
padding-top: 40px;
}
.project-banner0img {
border-radius: 20px;
height: 300px;
margin-top: 40px;
}
.div-block-39 {
justify-content: flex-start;
margin-top: 40px;
}
.div-block-40 {
margin-top: 20px;
}
.project-imgs {
border-radius: 20px;
height: 300px;
}
.next-post-wrapper {
grid-column-gap: 32px;
grid-row-gap: 32px;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
width: 100%;
margin-top: 40px;
margin-left: auto;
margin-right: auto;
}
.preview {
grid-column-gap: 12px;
grid-row-gap: 12px;
}
.text-block-8 {
font-size: 12px;
}
.img100 {
object-fit: cover;
}
.grid-links {
height: auto;
}
.grid-links.neg {
height: 600px;
}
.grid-links.full {
height: 350px;
}
.grid-links.mt-10 {
height: 300px;
margin-top: 10px;
}
.grid-links.h-auto {
height: 300px;
}
.grid-links._w-auto,
.grid-links.outline {
height: 350px;
}
.grid-links.height {
height: 300px;
}
.grid-links.height-2 {
height: 500px;
}
.thumbnail {
top: -22%;
}
.thumbnail.mg-top {
top: -1%;
}
.thumbnail.mg-top-none {
top: 0%;
}
.pricing-banner-img {
margin-top: -216px;
padding-left: 10px;
padding-right: 10px;
top: 50%;
bottom: auto;
transform: translate(0, -50%);
}
.how-it-worksimg {
height: auto;
margin-top: -28vw;
}
.how-it-worksimg.desktop {
margin-top: -125px;
}
.how-it-worksimg.mobile {
margin-top: 0;
padding-left: 0;
padding-right: 0;
}
.image-38 {
width: 100%;
max-width: 100%;
margin-top: 0;
padding-left: 10px;
padding-right: 10px;
}
.div-block-45 {
width: 100%;
}
.video-details {
padding-left: 15px;
padding-right: 15px;
}
.image-39 {
top: -10%;
}
.icon-2 {
right: -8%;
}
.dp-list-wrapper.n {
margin-right: 0;
}
.dp-wraap {
width: 100%;
}
.typed-js_component._2 {
font-size: 24px;
line-height: 28px;
}
.typedjs-cursor.heading-small {
font-size: 20px;
}
.div-block-47 {
grid-column-gap: 15px;
grid-row-gap: 15px;
margin-bottom: 0;
padding-right: 0;
}
.paragraph-7 {
line-height: 21px;
}
.paragraph-7._20 {
line-height: 25px;
}
.paragraph-7._20.wh {
line-height: 21px;
}
.client-slider-wrapper {
margin-top: 60px;
padding-left: 15px;
padding-right: 15px;
}
.client-slider-items {
width: 100%;
max-width: 100%;
min-height: auto;
}
.client-slider-items.home {
width: 100%;
margin-right: 15px;
}
.client-slide-dots {
margin-top: 0;
inset: auto 0% -40%;
}
.client-slide-dots._07 {
bottom: -29%;
}
.client-slide-dots._07-copy {
bottom: -16%;
}
.mask-4 {
width: 100%;
}
.our-people-slider {
margin-top: 60px;
padding-right: 15px;
}
.div-block-51 {
margin-top: 60px;
}
.footer-sub-text._16-white.left.padding-right {
text-align: left;
padding-right: 0;
}
.flex--block {
margin-top: 0;
}
.flex--block.mt-10 {
margin-top: 10px;
}
.work-tabs {
height: auto;
}
.tabs-content-2 {
justify-content: center;
width: 100%;
height: 100%;
padding: 0 0 140px;
position: relative;
}
.tabs-menu-2 {
height: auto;
}
.tab-panel {
width: 100%;
height: auto;
}
.image-42 {
max-width: 56%;
}
.image-42._2 {
max-width: 36%;
margin-top: 0;
}
.tabs-sec-1 {
max-width: 100%;
height: auto;
margin-bottom: 20px;
}
.tabs-sec-1.container.ml-0 {
justify-content: space-between;
margin-top: 20px;
padding-left: 10px;
padding-right: 10px;
}
.div-block-54 {
margin-top: 60px;
}
.slider-wrapper {
width: 100%;
}
.slider {
width: 100%;
height: auto;
}
.slide-2 {
width: 100%;
height: 70vh;
margin-right: 10px;
}
.slider-container {
padding-bottom: 170px;
padding-left: 0;
padding-right: 20px;
}
.slide-nav-6 {
top: 320px;
}
.slide-nav-6._03 {
top: 437px;
}
.embed {
margin-top: -2vw;
}
.div-block-55 {
width: 100%;
}
.div-block-59 {
width: 100%;
max-width: 400px;
padding-left: 0;
padding-right: 0;
}
.div-block-60 {
z-index: 5;
position: relative;
}
.destination-overlay {
padding-bottom: 16px;
padding-left: 0;
}
.div-block-64,
.div-block-65 {
padding-left: 20px;
padding-right: 20px;
}
.div-block-66 {
padding-right: 15px;
}
.image-51 {
z-index: 9;
}
.image-52 {
display: none;
}
.image-54 {
max-width: 70px;
margin-top: 140px;
}
.image-55 {
max-width: 50px;
margin-bottom: 0;
}
.image-56 {
top: 0%;
}
.image-57 {
display: none;
}
.image-58 {
bottom: -6%;
}
.separator-animation.bg-gray-8._4 {
top: -21%;
}
.separator-animation.bg-black.max-h-18 {
height: 40%;
top: -40%;
}
.separator-animation.bg-gray-1.mt-60 {
margin-top: -125px;
left: 50%;
transform: translate(-50%)scale(2);
}
.separator-animation.bg-gray-1.mt-40 {
margin-top: -144px;
}
.list-2.space-between {
justify-content: center;
}
.image-63 {
max-width: 81px;
height: 81px;
margin-left: 43px;
margin-right: 39px;
}
.image-63.mx-59 {
margin-left: 39px;
margin-right: 29px;
}
.image-64 {
max-width: 113px;
height: 113px;
}
.image-65 {
max-width: 81px;
height: 81px;
}
.image-66 {
max-width: 113px;
height: 113px;
margin-left: 46px;
margin-right: 76px;
}
.image-67,
.image-68,
.image-69,
.image-70 {
max-width: 113px;
height: 113px;
}
.image-71 {
max-width: 81px;
height: 81px;
}
.image-72 {
max-width: 113px;
height: 113px;
margin-left: 49px;
margin-right: 96px;
}
.image-73 {
max-width: 113px;
height: 113px;
}
.image-75 {
max-width: 120px;
margin-right: -12px;
}
.image-76 {
margin-top: 0;
inset: auto 0% -60% auto;
}
.image-77,
.image-77._2 {
font-size: 24px;
line-height: 24px;
}
.text-block-10 {
bottom: 20px;
}
.div-block-76 {
max-width: 80vw;
margin-bottom: -50px;
margin-right: 0;
bottom: -22%;
right: -4%;
}
.div-block-76._03 {
height: 100%;
top: -67%;
}
.image-78 {
margin-left: 0;
}
.image-78.absolute._02 {
min-width: 200px;
top: auto;
bottom: auto;
left: 36%;
}
.image-78.absolute._03 {
width: 100%;
top: 0;
right: 34px;
}
.lottie-animation-3 {
position: static;
}
.paragraph-9 {
font-size: 14px;
line-height: 24px;
}
.div-block-8-6 {
text-align: center;
}
.astronaut-2 {
max-width: 80vw;
}
.image-80 {
margin-right: 0;
}
.image-81 {
width: 2px;
height: 70px;
display: block;
position: absolute;
top: -56px;
transform: translate(-50%)rotate(90deg);
}
.image-83 {
max-width: 25px;
margin-top: 101px;
}
.separator-animation-copy.bg-black.max-h-18 {
height: 40%;
top: -40%;
}
.separator-animation-copy.bg-gray-1.mt-60 {
margin-top: -125px;
left: 50%;
transform: translate(-50%)scale(2);
}
.separator-animation-copy.bg-gray-1.mt-40 {
margin-top: -144px;
}
.shoes-lottie {
position: static;
inset: 0% 0% auto auto;
}
.lottie-animation-4 {
position: static;
}
.card-pricing-2 {
width: 80vw;
padding-left: 20px;
padding-right: 20px;
}
.heading-11 {
font-size: 28px;
line-height: 34px;
}
.pricing-2 {
font-size: 28px;
line-height: 28px;
}
.swiper.first-swiper {
margin-top: 0;
padding-bottom: 0;
}
.slider-2.mg-left-50px {
margin-top: 60px;
padding-bottom: 150px;
}
.carousel-arrow-w.arrow-next {
margin-right: 1em;
}
.carousel-arrow-w.arrow-previous {
margin-left: 1em;
}
.swiper-wrapper {
grid-column-gap: 0px;
}
.swiper-slide.width-auto {
width: auto;
}
.carousel-arrows {
justify-content: flex-start;
align-items: center;
margin-top: 0;
display: flex;
inset: auto 0% 40px auto;
}
.carousel-arrows.blogs {
margin-right: 0;
inset: auto auto 70px 0%;
}
.carousel-arrow {
width: 63px;
}
.section-marquee {
padding-top: 110px;
}
.div-2 {
border-radius: 20px;
}
.slide-nav-7 {
bottom: -22%;
}
.slide-nav-7._02 {
bottom: -13%;
}
.heading-12 {
max-width: 100%;
font-size: 26px;
line-height: 34px;
}
.dropdown-toggle-3 {
padding-top: 10px;
padding-bottom: 10px;
font-size: 16px;
}
.lottie-animation-5 {
margin-right: -20px;
position: static;
}
.lottie-animation-5._02 {
margin-right: -10px;
}
.pricing-3 {
font-size: 28px;
line-height: 28px;
}
.div-block-88 {
width: 70%;
}
.pricing-section {
padding-left: 15px;
padding-right: 15px;
}
.card-pricing-3 {
width: 100%;
padding-left: 20px;
padding-right: 20px;
}
.mask-5 {
max-width: 100%;
overflow: hidden;
}
.services-btn-two {
padding-left: 15px;
padding-right: 10px;
}
.div-block-89 {
padding-left: 0;
}
.iframe-2 {
border-radius: 20px;
}
.details-blocks h2 {
font-size: 30px;
}
.video-image-blocks {
border-radius: 32px;
}
.next {
grid-column-gap: 12px;
grid-row-gap: 12px;
}
.shape {
top: -1%;
}
.shape-top {
top: -3%;
}
.pricing-section-2 {
padding-left: 15px;
padding-right: 15px;
}
.card-pricing-4 {
width: 100%;
padding-left: 20px;
padding-right: 20px;
}
.div-block-114 {
min-width: 1000px;
padding-right: 10px;
}
.div-block-114._2 {
min-width: 900px;
}
.div-block-111 {
padding-left: 0;
}
.div-block-116 {
width: 70%;
}
.lottie-animation-9 {
margin-right: -20px;
position: static;
}
.lottie-animation-9._02 {
margin-right: -10px;
}
.icon-10 {
right: -8%;
}
.pink-7 {
font-size: 22px;
}
.dropdown-toggle-5 {
padding-top: 10px;
padding-bottom: 10px;
font-size: 16px;
}
.sec-heading-4 {
text-align: center;
margin-top: 0;
font-size: 20px;
line-height: 28px;
}
.sec-heading-4.black.center {
margin-bottom: 16px;
}
.heading-19 {
max-width: 100%;
font-size: 26px;
line-height: 34px;
}
.div-block-110 {
margin-top: 60px;
}
.pricing-6 {
font-size: 28px;
line-height: 28px;
}
.heading-20 {
font-size: 28px;
line-height: 34px;
}
.services-btn-2 {
padding-left: 15px;
padding-right: 10px;
}
.pricing-7 {
font-size: 28px;
line-height: 28px;
}
.div-block-117 {
min-width: 1000px;
padding-right: 10px;
}
.div-block-117.width {
min-width: 950px;
padding-right: 0;
}
.lottie-animation-10 {
position: static;
}
.padding-top-80px-3 {
min-width: 350px;
}
.icon-13 {
right: -8%;
}
.lottie-animation-11 {
position: static;
}
.card-pricing-5 {
width: 100%;
padding-left: 20px;
padding-right: 20px;
}
.div-block-119 {
margin-top: 60px;
}
.heading-22 {
max-width: 100%;
font-size: 26px;
line-height: 34px;
}
.div-block-120 {
padding-left: 0;
}
.card-pricing-6 {
width: 100%;
padding-left: 20px;
padding-right: 20px;
}
.div-block-123 {
min-width: 1000px;
padding-right: 10px;
}
.div-block-123._2 {
min-width: 900px;
}
.pink-9 {
font-size: 22px;
}
.lottie-animation-12 {
margin-right: -20px;
position: static;
}
.lottie-animation-12._02 {
margin-right: -10px;
}
.dropdown-toggle-7 {
padding-top: 10px;
padding-bottom: 10px;
font-size: 16px;
}
.pricing-8 {
font-size: 28px;
line-height: 28px;
}
.icon-14 {
right: -8%;
}
.div-block-125 {
width: 70%;
}
.sec-heading-5 {
text-align: center;
margin-top: 0;
font-size: 20px;
line-height: 28px;
}
.sec-heading-5.black.center {
margin-bottom: 16px;
}
}
#w-node-f25ffa81-f6c9-252a-57da-4a4e19aa7e09-19aa7ddd {
justify-self: center;
}
#w-node-c78b870a-2d73-d4de-535c-54ed34902ac5-34902abd,
#w-node-c78b870a-2d73-d4de-535c-54ed34902ace-34902abd,
#w-node-c78b870a-2d73-d4de-535c-54ed34902ad3-34902abd,
#w-node-c78b870a-2d73-d4de-535c-54ed34902ada-34902abd,
#w-node-c78b870a-2d73-d4de-535c-54ed34902adf-34902abd {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-c78b870a-2d73-d4de-535c-54ed34902ae4-34902abd {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_312d5f08-846f-9769-b543-7eaa9e32bd66-34902abd,
#w-node-_4d31f14f-f559-ee4e-14b2-863a2a9a46fb-3ab93cc3,
#w-node-_4d31f14f-f559-ee4e-14b2-863a2a9a4704-3ab93cc3,
#w-node-_4d31f14f-f559-ee4e-14b2-863a2a9a4709-3ab93cc3,
#w-node-_4d31f14f-f559-ee4e-14b2-863a2a9a4710-3ab93cc3,
#w-node-_4d31f14f-f559-ee4e-14b2-863a2a9a4715-3ab93cc3 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_4d31f14f-f559-ee4e-14b2-863a2a9a471a-3ab93cc3 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_99fcdcdd-98f1-070e-d796-e77106e1b824-3ab93cc3 {
justify-self: center;
}
#w-node-b19abd20-3b71-5412-e820-40111699c385-3ab93cc7,
#w-node-b19abd20-3b71-5412-e820-40111699c3e1-3ab93cc7,
#w-node-b19abd20-3b71-5412-e820-40111699c3e2-3ab93cc7,
#w-node-b19abd20-3b71-5412-e820-40111699c43d-3ab93cc7,
#w-node-b19abd20-3b71-5412-e820-40111699c43e-3ab93cc7,
#w-node-b19abd20-3b71-5412-e820-40111699c4fd-3ab93cc7,
#w-node-b19abd20-3b71-5412-e820-40111699c55c-3ab93cc7,
#w-node-b19abd20-3b71-5412-e820-40111699c6f1-3ab93cc7,
#w-node-b19abd20-3b71-5412-e820-40111699c74f-3ab93cc7,
#w-node-b19abd20-3b71-5412-e820-40111699c750-3ab93cc7,
#w-node-b19abd20-3b71-5412-e820-40111699c7ad-3ab93cc7,
#w-node-b19abd20-3b71-5412-e820-40111699c7ae-3ab93cc7,
#w-node-b19abd20-3b71-5412-e820-40111699c939-3ab93cc7,
#w-node-b19abd20-3b71-5412-e820-40111699c93a-3ab93cc7,
#w-node-b19abd20-3b71-5412-e820-40111699c997-3ab93cc7,
#w-node-b19abd20-3b71-5412-e820-40111699c998-3ab93cc7,
#w-node-b19abd20-3b71-5412-e820-40111699c9f5-3ab93cc7,
#w-node-b19abd20-3b71-5412-e820-40111699c9f6-3ab93cc7,
#w-node-b19abd20-3b71-5412-e820-40111699cb86-3ab93cc7,
#w-node-b19abd20-3b71-5412-e820-40111699cb87-3ab93cc7,
#w-node-b19abd20-3b71-5412-e820-40111699cbe4-3ab93cc7,
#w-node-b19abd20-3b71-5412-e820-40111699cbe5-3ab93cc7,
#w-node-b19abd20-3b71-5412-e820-40111699cc42-3ab93cc7,
#w-node-b19abd20-3b71-5412-e820-40111699cc43-3ab93cc7,
#w-node-b19abd20-3b71-5412-e820-40111699cdd3-3ab93cc7,
#w-node-b19abd20-3b71-5412-e820-40111699cdd4-3ab93cc7,
#w-node-b19abd20-3b71-5412-e820-40111699ce33-3ab93cc7,
#w-node-b19abd20-3b71-5412-e820-40111699ce34-3ab93cc7,
#w-node-b19abd20-3b71-5412-e820-40111699ce91-3ab93cc7,
#w-node-b19abd20-3b71-5412-e820-40111699ce92-3ab93cc7,
#w-node-_8de724f7-32e0-3c50-6a86-50f53b9b896c-3ab93cc7,
#w-node-_8de724f7-32e0-3c50-6a86-50f53b9b8a84-3ab93cc7,
#w-node-_8de724f7-32e0-3c50-6a86-50f53b9b8add-3ab93cc7,
#w-node-_8de724f7-32e0-3c50-6a86-50f53b9b8b99-3ab93cc7,
#w-node-_8de724f7-32e0-3c50-6a86-50f53b9b8bf4-3ab93cc7,
#w-node-_8de724f7-32e0-3c50-6a86-50f53b9b8caf-3ab93cc7,
#w-node-_8de724f7-32e0-3c50-6a86-50f53b9b8d0a-3ab93cc7,
#w-node-_8de724f7-32e0-3c50-6a86-50f53b9b8dc5-3ab93cc7,
#w-node-_8de724f7-32e0-3c50-6a86-50f53b9b8e20-3ab93cc7 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_2ed5c61c-5c30-5a9c-68e8-45c1a51c16ba-3ab93cc9,
#w-node-_2ed5c61c-5c30-5a9c-68e8-45c1a51c16d2-3ab93cc9,
#w-node-_2ed5c61c-5c30-5a9c-68e8-45c1a51c16ea-3ab93cc9,
#w-node-_2ed5c61c-5c30-5a9c-68e8-45c1a51c1702-3ab93cc9,
#w-node-_2ed5c61c-5c30-5a9c-68e8-45c1a51c171a-3ab93cc9 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-cf40427e-b6a0-dc0e-9fb7-feec5ddec829-5ddec823,
#w-node-cf40427e-b6a0-dc0e-9fb7-feec5ddec831-5ddec823,
#w-node-cf40427e-b6a0-dc0e-9fb7-feec5ddec836-5ddec823,
#w-node-cf40427e-b6a0-dc0e-9fb7-feec5ddec83c-5ddec823,
#w-node-cf40427e-b6a0-dc0e-9fb7-feec5ddec841-5ddec823 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-cf40427e-b6a0-dc0e-9fb7-feec5ddec846-5ddec823 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-f2b3b2e2-f1b6-b343-1ed1-dc5b481c637d-3ab93cca,
#w-node-f2b3b2e2-f1b6-b343-1ed1-dc5b481c637e-3ab93cca {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f2b3b2e2-f1b6-b343-1ed1-dc5b481c637f-3ab93cca {
grid-area: span 2 / span 2 / span 2 / span 2;
}
#w-node-f2b3b2e2-f1b6-b343-1ed1-dc5b481c6386-3ab93cca {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f2b3b2e2-f1b6-b343-1ed1-dc5b481c6388-3ab93cca {
grid-area: span 5 / span 1 / span 5 / span 1;
}
#w-node-f2b3b2e2-f1b6-b343-1ed1-dc5b481c638e-3ab93cca {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f2b3b2e2-f1b6-b343-1ed1-dc5b481c638f-3ab93cca,
#w-node-f2b3b2e2-f1b6-b343-1ed1-dc5b481c639c-3ab93cca {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-f2b3b2e2-f1b6-b343-1ed1-dc5b481c63ab-3ab93cca {
grid-area: span 2 / span 1 / span 2 / span 1;
}
#w-node-f2b3b2e2-f1b6-b343-1ed1-dc5b481c63ac-3ab93cca {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f2b3b2e2-f1b6-b343-1ed1-dc5b481c63b3-3ab93cca {
grid-area: span 2 / span 1 / span 2 / span 1;
}
#w-node-f2b3b2e2-f1b6-b343-1ed1-dc5b481c63b4-3ab93cca {
grid-area: span 2 / span 2 / span 2 / span 2;
}
#w-node-f2b3b2e2-f1b6-b343-1ed1-dc5b481c63bb-3ab93cca {
grid-area: span 10 / span 2 / span 10 / span 2;
}
#w-node-f2b3b2e2-f1b6-b343-1ed1-dc5b481c63ca-3ab93cca,
#w-node-f2b3b2e2-f1b6-b343-1ed1-dc5b481c63cb-3ab93cca {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-f2b3b2e2-f1b6-b343-1ed1-dc5b481c63d7-3ab93cca,
#w-node-f2b3b2e2-f1b6-b343-1ed1-dc5b481c63d8-3ab93cca,
#w-node-f2b3b2e2-f1b6-b343-1ed1-dc5b481c63e5-3ab93cca,
#w-node-f2b3b2e2-f1b6-b343-1ed1-dc5b481c63e6-3ab93cca {
grid-area: span 3 / span 2 / span 3 / span 2;
}
#w-node-f2b3b2e2-f1b6-b343-1ed1-dc5b481c63f3-3ab93cca,
#w-node-f2b3b2e2-f1b6-b343-1ed1-dc5b481c63f4-3ab93cca {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-f2b3b2e2-f1b6-b343-1ed1-dc5b481c63fc-3ab93cca {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f2b3b2e2-f1b6-b343-1ed1-dc5b481c63fd-3ab93cca {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-f2b3b2e2-f1b6-b343-1ed1-dc5b481c63fe-3ab93cca {
grid-area: span 2 / span 2 / span 2 / span 2;
}
#w-node-f2b3b2e2-f1b6-b343-1ed1-dc5b481c640b-3ab93cca {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-f2b3b2e2-f1b6-b343-1ed1-dc5b481c640c-3ab93cca {
grid-area: span 5 / span 1 / span 5 / span 1;
}
#w-node-f2b3b2e2-f1b6-b343-1ed1-dc5b481c6413-3ab93cca,
#w-node-f2b3b2e2-f1b6-b343-1ed1-dc5b481c6414-3ab93cca,
#w-node-f2b3b2e2-f1b6-b343-1ed1-dc5b481c641f-3ab93cca {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f2b3b2e2-f1b6-b343-1ed1-dc5b481c6420-3ab93cca {
grid-area: span 4 / span 2 / span 4 / span 2;
}
#w-node-f2b3b2e2-f1b6-b343-1ed1-dc5b481c642e-3ab93cca,
#w-node-f2b3b2e2-f1b6-b343-1ed1-dc5b481c6439-3ab93cca,
#w-node-b7c715a6-3825-e76c-50f2-45f91f6cd09f-a3aac824,
#w-node-b7c715a6-3825-e76c-50f2-45f91f6cd0ff-a3aac824,
#w-node-b7c715a6-3825-e76c-50f2-45f91f6cd100-a3aac824,
#w-node-b7c715a6-3825-e76c-50f2-45f91f6cd15f-a3aac824,
#w-node-b7c715a6-3825-e76c-50f2-45f91f6cd160-a3aac824,
#w-node-d24af22b-1310-4373-1b2d-d386ef15c0a6-a3aac824,
#w-node-d24af22b-1310-4373-1b2d-d386ef15c104-a3aac824,
#w-node-d24af22b-1310-4373-1b2d-d386ef15c105-a3aac824,
#w-node-d24af22b-1310-4373-1b2d-d386ef15c164-a3aac824,
#w-node-d24af22b-1310-4373-1b2d-d386ef15c165-a3aac824,
#w-node-_91f4320e-7ca3-bcff-0bc9-2c63c15c301f-a3aac824,
#w-node-_91f4320e-7ca3-bcff-0bc9-2c63c15c307d-a3aac824,
#w-node-_91f4320e-7ca3-bcff-0bc9-2c63c15c307e-a3aac824,
#w-node-_91f4320e-7ca3-bcff-0bc9-2c63c15c30dd-a3aac824,
#w-node-_91f4320e-7ca3-bcff-0bc9-2c63c15c30de-a3aac824,
#w-node-_2cea814b-caee-60e0-6c24-c93d02ec460c-a3aac824,
#w-node-_2cea814b-caee-60e0-6c24-c93d02ec466a-a3aac824,
#w-node-_2cea814b-caee-60e0-6c24-c93d02ec466b-a3aac824,
#w-node-_2cea814b-caee-60e0-6c24-c93d02ec46ca-a3aac824,
#w-node-_2cea814b-caee-60e0-6c24-c93d02ec46cb-a3aac824,
#w-node-_19723beb-89f2-c907-faf0-a9af5ea43594-a3aac824,
#w-node-_19723beb-89f2-c907-faf0-a9af5ea435f2-a3aac824,
#w-node-_19723beb-89f2-c907-faf0-a9af5ea435f3-a3aac824,
#w-node-_19723beb-89f2-c907-faf0-a9af5ea43652-a3aac824,
#w-node-_19723beb-89f2-c907-faf0-a9af5ea43653-a3aac824 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
@media screen and (max-width: 767px) {
#w-node-_8e238b95-bfa3-4d52-4a69-ff26ee037766-3ab93cc6 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
}
@media screen and (max-width: 479px) {
#w-node-_9bd1dba5-c36f-d785-bed7-4b4a978ac6ea-978ac6e2 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
}
/* GPU Hardware-Acceleration for scroll-animated header elements */
.rich-text-block-5,
.brand,
.html-embed-2._02,
.text-block-11 {
will-change: transform, opacity;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
}
/* Dynamic Centering Overrides for Portfolio Navbar Logo & Titles */
.div-block-75._02 .brand {
transform: translate3d(var(--brand-translate, 46px), 0px, 0px) !important;
}